Split codebase (#455)

packages/ui/src/lib/clamp.ts

@@ -0,0 +1,3 @@
+export function clamp(value: number, min: number, max: number): number {
+  return Math.min(Math.max(value, min), max);
+}

packages/ui/src/lib/constants.ts

@@ -0,0 +1,4 @@
+export const HEADER_SIZE_MD = "30px";
+export const HEADER_SIZE_LG = "40px";
+
+export const WINDOW_CONTROLS_WIDTH = "10.5rem";

packages/ui/src/lib/dnd.ts

@@ -0,0 +1,39 @@
+import type { DragMoveEvent } from "@dnd-kit/core";
+
+export function computeSideForDragMove(
+  id: string,
+  e: DragMoveEvent,
+  orientation: "vertical" | "horizontal" = "vertical",
+): "before" | "after" | null {
+  if (e.over == null || e.over.id !== id) {
+    return null;
+  }
+  if (e.active.rect.current.initial == null) return null;
+
+  const overRect = e.over.rect;
+
+  if (orientation === "horizontal") {
+    // For horizontal layouts (tabs side-by-side), use left/right logic
+    const activeLeft =
+      e.active.rect.current.translated?.left ?? e.active.rect.current.initial.left + e.delta.x;
+    const pointerX = activeLeft + e.active.rect.current.initial.width / 2;
+
+    const hoverLeft = overRect.left;
+    const hoverRight = overRect.right;
+    const hoverMiddleX = hoverLeft + (hoverRight - hoverLeft) / 2;
+
+    return pointerX < hoverMiddleX ? "before" : "after"; // 'before' = left, 'after' = right
+  } else {
+    // For vertical layouts, use top/bottom logic
+    const activeTop =
+      e.active.rect.current.translated?.top ?? e.active.rect.current.initial.top + e.delta.y;
+    const pointerY = activeTop + e.active.rect.current.initial.height / 2;
+
+    const hoverTop = overRect.top;
+    const hoverBottom = overRect.bottom;
+    const hoverMiddleY = (hoverBottom - hoverTop) / 2;
+    const hoverClientY = pointerY - hoverTop;
+
+    return hoverClientY < hoverMiddleY ? "before" : "after";
+  }
+}

packages/ui/src/lib/minPromiseMillis.ts

@@ -0,0 +1,16 @@
+export async function minPromiseMillis<T>(promise: Promise<T>, millis = 300): Promise<T> {
+  const start = Date.now();
+  let result: T;
+
+  try {
+    result = await promise;
+  } catch (e) {
+    const remaining = millis - (Date.now() - start);
+    if (remaining > 0) await new Promise((r) => setTimeout(r, remaining));
+    throw e;
+  }
+
+  const remaining = millis - (Date.now() - start);
+  if (remaining > 0) await new Promise((r) => setTimeout(r, remaining));
+  return result;
+}