@uiid/bertrand 0.10.1 → 0.11.0

package/dist/run-screen.js

@@ -19,8 +19,8 @@ import { writeFileSync } from "fs";
 import { render } from "@orchetron/storm";
 
 // src/tui/screens/launch/index.tsx
-import { useState as useState4, useCallback as useCallback4 } from "react";
-import { Box as Box9, Text as Text10, useTui } from "@orchetron/storm";
+import { useCallback as useCallback2 } from "react";
+import { Box as Box5, useTui as useTui2 } from "@orchetron/storm";
 
 // src/tui/components/app-details.tsx
 import { Box, Text } from "@orchetron/storm";
@@ -69,14 +69,230 @@ function Logo() {
     }, i, false, undefined, this))
   }, undefined, false, undefined, this);
 }
-// src/tui/components/no-sessions.tsx
-import { Box as Box3, Text as Text3 } from "@orchetron/storm";
-
-// src/tui/hooks/use-launch-sessions.ts
-import { useState, useCallback } from "react";
+// src/tui/components/picker.tsx
+import { useMemo, useState } from "react";
+import { Box as Box3, Text as Text3, TextInput, useInput } from "@orchetron/storm";
+import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+var NEW_KEY = "__new__";
+function Picker(props) {
+  const {
+    items,
+    isFocused,
+    placeholder,
+    allowCreate = true,
+    emptyHint,
+    maxVisible = 8
+  } = props;
+  const [filter, setFilter] = useState("");
+  const [cursor, setCursor] = useState(0);
+  const filtered = useMemo(() => {
+    const q = filter.trim().toLowerCase();
+    if (!q)
+      return items;
+    return items.filter((it) => it.label.toLowerCase().includes(q));
+  }, [filter, items]);
+  const exactMatch = useMemo(() => filtered.some((it) => it.label.toLowerCase() === filter.trim().toLowerCase()), [filter, filtered]);
+  const showCreate = allowCreate && filter.trim().length > 0 && !exactMatch;
+  const visibleRows = useMemo(() => showCreate ? [...filtered, { value: NEW_KEY }] : filtered, [filtered, showCreate]);
+  if (cursor >= visibleRows.length) {
+    setTimeout(() => setCursor(Math.max(0, visibleRows.length - 1)), 0);
+  }
+  useInput((e) => {
+    if (!isFocused)
+      return;
+    if (e.key === "escape" && filter.length > 0) {
+      setFilter("");
+      setCursor(0);
+      return;
+    }
+    if (visibleRows.length === 0)
+      return;
+    if (e.key === "up") {
+      setCursor((c) => Math.max(0, c - 1));
+    } else if (e.key === "down") {
+      setCursor((c) => Math.min(visibleRows.length - 1, c + 1));
+    } else if (e.key === "tab" && props.mode === "multi") {
+      props.onDone();
+    }
+  }, { isActive: isFocused });
+  const submitCursor = () => {
+    const row = visibleRows[cursor];
+    const value = row && row.value === NEW_KEY ? filter.trim() : row?.value ?? "";
+    if (!value)
+      return;
+    if (props.mode === "single") {
+      props.onSubmit(value);
+      setFilter("");
+      setCursor(0);
+    } else {
+      props.onToggle(value);
+      setFilter("");
+      setCursor(0);
+    }
+  };
+  const handleSubmit = (text) => {
+    if (visibleRows.length === 0) {
+      if (allowCreate && text.trim() && props.mode === "single") {
+        props.onSubmit(text.trim());
+        setFilter("");
+      }
+      return;
+    }
+    submitCursor();
+  };
+  const visibleStart = Math.max(0, Math.min(cursor - Math.floor(maxVisible / 2), visibleRows.length - maxVisible));
+  const visibleEnd = Math.min(visibleRows.length, visibleStart + maxVisible);
+  const slice = visibleRows.slice(visibleStart, visibleEnd);
+  const selectedSet = props.mode === "multi" ? new Set(props.selected) : new Set;
+  return /* @__PURE__ */ jsxDEV3(Box3, {
+    flexDirection: "column",
+    gap: 0,
+    width: "100%",
+    children: [
+      props.mode === "multi" && props.selected.length > 0 && /* @__PURE__ */ jsxDEV3(Box3, {
+        flexDirection: "row",
+        gap: 1,
+        children: [
+          /* @__PURE__ */ jsxDEV3(Text3, {
+            dim: true,
+            children: "Selected:"
+          }, undefined, false, undefined, this),
+          props.selected.map((v) => {
+            const item = items.find((i) => i.value === v);
+            return /* @__PURE__ */ jsxDEV3(Text3, {
+              color: item?.color ?? "cyan",
+              children: item?.label ?? v
+            }, v, false, undefined, this);
+          })
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV3(Box3, {
+        borderStyle: "round",
+        borderColor: isFocused ? "green" : undefined,
+        borderDimColor: !isFocused,
+        paddingX: 1,
+        children: /* @__PURE__ */ jsxDEV3(TextInput, {
+          value: filter,
+          onChange: setFilter,
+          onSubmit: handleSubmit,
+          placeholder,
+          color: "green",
+          placeholderColor: "gray",
+          isFocused
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV3(Box3, {
+        flexDirection: "column",
+        borderStyle: "round",
+        borderDimColor: true,
+        paddingX: 1,
+        children: [
+          visibleStart > 0 && /* @__PURE__ */ jsxDEV3(Text3, {
+            dim: true,
+            children: [
+              "\u25B2 ",
+              visibleStart,
+              " more above"
+            ]
+          }, undefined, true, undefined, this),
+          slice.length === 0 && emptyHint && /* @__PURE__ */ jsxDEV3(Text3, {
+            dim: true,
+            children: emptyHint
+          }, undefined, false, undefined, this),
+          slice.map((row, i) => {
+            const idx = visibleStart + i;
+            const isCursor = idx === cursor && isFocused;
+            const isNew = row.value === NEW_KEY;
+            const showDivider = isNew && filtered.length > 0 && i > 0;
+            if (isNew) {
+              return /* @__PURE__ */ jsxDEV3(Box3, {
+                flexDirection: "column",
+                children: [
+                  showDivider && /* @__PURE__ */ jsxDEV3(Text3, {
+                    dim: true,
+                    children: "\u2500".repeat(Math.min(20, filter.length + 12))
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV3(Box3, {
+                    flexDirection: "row",
+                    gap: 1,
+                    backgroundColor: isCursor ? "green" : undefined,
+                    children: /* @__PURE__ */ jsxDEV3(Text3, {
+                      color: isCursor ? "black" : "cyan",
+                      bold: true,
+                      children: [
+                        "\u271A create \u201C",
+                        filter.trim(),
+                        "\u201D"
+                      ]
+                    }, undefined, true, undefined, this)
+                  }, undefined, false, undefined, this)
+                ]
+              }, "__new__", true, undefined, this);
+            }
+            const item = row;
+            const isSelected = selectedSet.has(item.value);
+            const marker = props.mode === "multi" ? isSelected ? "\u2713 " : "  " : "";
+            return /* @__PURE__ */ jsxDEV3(Box3, {
+              flexDirection: "row",
+              justifyContent: "space-between",
+              gap: 1,
+              backgroundColor: isCursor ? "green" : undefined,
+              children: [
+                /* @__PURE__ */ jsxDEV3(Text3, {
+                  color: isCursor ? "black" : item.color ?? undefined,
+                  bold: isCursor,
+                  children: [
+                    marker,
+                    item.label
+                  ]
+                }, undefined, true, undefined, this),
+                item.meta && /* @__PURE__ */ jsxDEV3(Box3, {
+                  paddingX: 1,
+                  backgroundColor: isCursor ? "black" : "#3a3a3a",
+                  children: /* @__PURE__ */ jsxDEV3(Text3, {
+                    color: isCursor ? "green" : "white",
+                    bold: true,
+                    children: item.meta
+                  }, undefined, false, undefined, this)
+                }, undefined, false, undefined, this)
+              ]
+            }, item.value, true, undefined, this);
+          }),
+          visibleEnd < visibleRows.length && /* @__PURE__ */ jsxDEV3(Text3, {
+            dim: true,
+            children: [
+              "\u25BC ",
+              visibleRows.length - visibleEnd,
+              " more below"
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+// src/tui/components/status-dot.tsx
+import { Text as Text4 } from "@orchetron/storm";
+import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
+var STATUS_COLORS = {
+  active: "orange",
+  waiting: "red",
+  paused: "gold",
+  archived: "purple"
+};
+function StatusDot({ status }) {
+  const color = STATUS_COLORS[status] ?? "#6B7280";
+  return /* @__PURE__ */ jsxDEV4(Text4, {
+    color,
+    children: "\u25CF"
+  }, undefined, false, undefined, this);
+}
+// src/tui/screens/launch/create-screen.tsx
+import { useState as useState2, useMemo as useMemo2, useCallback, useEffect, useRef } from "react";
+import { Box as Box4, Text as Text5, TextInput as TextInput2, useInput as useInput2, useTui } from "@orchetron/storm";
 
-// src/db/queries/sessions.ts
-import { eq, and, inArray, sql as sql2 } from "drizzle-orm";
+// src/db/queries/groups.ts
+import { eq, like, or, isNull } from "drizzle-orm";
 
 // src/db/client.ts
 import { Database } from "bun:sqlite";
@@ -225,17 +441,20 @@ function getDb() {
 
 // src/lib/id.ts
 import { nanoid } from "nanoid";
-function createId(size = 12) {
-  return nanoid(size);
+
+// src/db/queries/groups.ts
+function getAllGroups() {
+  return getDb().select().from(groups).all();
 }
 
 // src/db/queries/sessions.ts
+import { eq as eq2, and, inArray, sql as sql2 } from "drizzle-orm";
 function getSession(id) {
-  return getDb().select().from(sessions).where(eq(sessions.id, id)).get();
+  return getDb().select().from(sessions).where(eq2(sessions.id, id)).get();
 }
 function getAllSessions(opts) {
   const db = getDb();
-  const query = db.select({ session: sessions, groupPath: groups.path }).from(sessions).innerJoin(groups, eq(sessions.groupId, groups.id));
+  const query = db.select({ session: sessions, groupPath: groups.path }).from(sessions).innerJoin(groups, eq2(sessions.groupId, groups.id));
   if (opts?.excludeArchived) {
     return query.where(inArray(sessions.status, [
       "active",
@@ -245,739 +464,198 @@ function getAllSessions(opts) {
   }
   return query.all();
 }
-function updateSessionStatus(id, status) {
-  return getDb().update(sessions).set({ status, updatedAt: sql2`(datetime('now'))` }).where(eq(sessions.id, id)).returning().get();
-}
-function renameSession(id, slug, name) {
-  return getDb().update(sessions).set({ slug, name: name ?? slug, updatedAt: sql2`(datetime('now'))` }).where(eq(sessions.id, id)).returning().get();
-}
-function moveSession(id, groupId) {
-  return getDb().update(sessions).set({ groupId, updatedAt: sql2`(datetime('now'))` }).where(eq(sessions.id, id)).returning().get();
-}
-function deleteSession(id) {
-  return getDb().delete(sessions).where(eq(sessions.id, id)).run();
-}
 
-// src/tui/hooks/use-launch-sessions.ts
-function useLaunchSessions() {
-  const [cursor, setCursor] = useState(0);
-  const [showArchived, setShowArchived] = useState(false);
-  const [refreshKey, setRefreshKey] = useState(0);
-  const refresh = useCallback(() => setRefreshKey((k) => k + 1), []);
-  const sessionRows = getAllSessions(showArchived ? undefined : { excludeArchived: true });
-  const selected = sessionRows[cursor];
-  const toggleArchived = useCallback(() => {
-    setShowArchived((s) => !s);
-    setCursor(0);
-  }, []);
-  return {
-    sessionRows,
-    selected,
-    cursor,
-    setCursor,
-    showArchived,
-    toggleArchived,
-    refresh
-  };
-}
-
-// src/tui/components/no-sessions.tsx
-import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
-// src/tui/components/session-row.tsx
-import { Box as Box4, Text as Text5 } from "@orchetron/storm";
-
-// src/lib/format.ts
-var SECOND = 1000;
-var MINUTE = 60 * SECOND;
-var HOUR = 60 * MINUTE;
-var DAY = 24 * HOUR;
-function formatDuration(ms) {
-  if (ms < MINUTE)
-    return `${Math.round(ms / SECOND)}s`;
-  const days = Math.floor(ms / DAY);
-  const hours = Math.floor(ms % DAY / HOUR);
-  const minutes = Math.floor(ms % HOUR / MINUTE);
-  if (days > 0)
-    return hours > 0 ? `${days}d ${hours}h` : `${days}d`;
-  if (hours > 0)
-    return minutes > 0 ? `${hours}h ${minutes}m` : `${hours}h`;
-  return `${minutes}m`;
-}
-function formatAgo(isoOrDate) {
-  const date = typeof isoOrDate === "string" ? new Date(isoOrDate) : isoOrDate;
-  const ms = Date.now() - date.getTime();
-  if (ms < MINUTE)
-    return "just now";
-  if (ms < HOUR)
-    return `${Math.floor(ms / MINUTE)}m ago`;
-  if (ms < DAY)
-    return `${Math.floor(ms / HOUR)}h ago`;
-  if (ms < 2 * DAY)
-    return "yesterday";
-  if (ms < 7 * DAY)
-    return `${Math.floor(ms / DAY)}d ago`;
-  return date.toLocaleDateString("en-US", { month: "short", day: "numeric" });
-}
-
-// src/tui/components/status-dot.tsx
-import { Text as Text4 } from "@orchetron/storm";
-import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
-var STATUS_COLORS = {
-  active: "orange",
-  waiting: "red",
-  paused: "gold",
-  archived: "purple"
-};
-function StatusDot({ status }) {
-  const color = STATUS_COLORS[status] ?? "#6B7280";
-  return /* @__PURE__ */ jsxDEV4(Text4, {
-    color,
-    children: "\u25CF"
-  }, undefined, false, undefined, this);
-}
-
-// src/tui/components/session-row.tsx
+// src/tui/screens/launch/create-screen.tsx
 import { jsxDEV as jsxDEV5 } from "react/jsx-dev-runtime";
-function SessionRow({
-  name,
-  status,
-  updatedAt,
-  selected
-}) {
-  return /* @__PURE__ */ jsxDEV5(Box4, {
-    flexDirection: "row",
-    gap: 1,
-    children: [
-      /* @__PURE__ */ jsxDEV5(Text5, {
-        color: "green",
-        children: selected ? "\u276F " : "  "
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV5(StatusDot, {
-        status
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV5(Text5, {
-        bold: selected,
-        color: selected ? "green" : undefined,
-        children: name
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV5(Text5, {
-        color: selected ? "green" : undefined,
-        dim: true,
-        children: formatAgo(updatedAt)
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-// src/tui/hooks/use-launch-actions.ts
-import { useCallback as useCallback2 } from "react";
-
-// src/db/queries/conversations.ts
-import { eq as eq2, and as and2, desc, sql as sql3 } from "drizzle-orm";
-function getConversationsBySession(sessionId) {
-  return getDb().select().from(conversations).where(and2(eq2(conversations.sessionId, sessionId), eq2(conversations.discarded, false))).orderBy(desc(conversations.startedAt)).all();
-}
-
-// src/db/queries/groups.ts
-import { eq as eq3, like, or, isNull } from "drizzle-orm";
-function createGroup(opts) {
-  const db = getDb();
-  const id = createId();
-  let path = opts.slug;
-  let depth = 0;
-  if (opts.parentId) {
-    const parent = db.select().from(groups).where(eq3(groups.id, opts.parentId)).get();
-    if (!parent)
-      throw new Error(`Parent group ${opts.parentId} not found`);
-    path = `${parent.path}/${opts.slug}`;
-    depth = parent.depth + 1;
-  }
-  return db.insert(groups).values({ id, slug: opts.slug, name: opts.name, parentId: opts.parentId, path, depth }).returning().get();
-}
-function getGroupByPath(path) {
-  return getDb().select().from(groups).where(eq3(groups.path, path)).get();
-}
-function getOrCreateGroupPath(path) {
-  const existing = getGroupByPath(path);
-  if (existing)
-    return existing.id;
-  const segments = path.split("/");
-  let parentId;
-  for (let i = 0;i < segments.length; i++) {
-    const partialPath = segments.slice(0, i + 1).join("/");
-    const group = getGroupByPath(partialPath);
-    if (group) {
-      parentId = group.id;
-    } else {
-      const slug = segments[i];
-      const created = createGroup({ slug, name: slug, parentId });
-      parentId = created.id;
-    }
-  }
-  return parentId;
-}
-
-// src/lib/parse-session-name.ts
-function parseSessionName(input) {
-  const trimmed = input.trim().replace(/^\/+|\/+$/g, "");
-  if (!trimmed) {
-    throw new Error("Session name cannot be empty");
-  }
-  const segments = trimmed.split("/").filter(Boolean);
-  if (segments.length < 2) {
-    throw new Error(`Session name must include at least one group: "group/session" (got "${trimmed}")`);
-  }
-  for (const segment of segments) {
-    if (!/^[a-z0-9][a-z0-9._-]*$/i.test(segment)) {
-      throw new Error(`Invalid segment "${segment}": must start with alphanumeric and contain only letters, digits, dots, underscores, or dashes`);
-    }
-  }
-  const slug = segments[segments.length - 1];
-  const groupPath = segments.slice(0, -1).join("/");
-  return { groupPath, slug };
-}
-
-// src/tui/hooks/use-launch-actions.ts
-function useLaunchActions({
-  selected,
-  select,
-  refresh,
-  setMode,
-  setCursor,
-  setNewName,
-  setEditValue,
-  setError
+function CreateScreen({
+  isFocused,
+  onSubmit,
+  onQuit
 }) {
-  const handleResume = useCallback2(() => {
-    if (!selected)
-      return;
-    const conversations2 = getConversationsBySession(selected.session.id);
-    if (conversations2.length === 1) {
-      select({
-        type: "resume",
-        sessionId: selected.session.id,
-        conversationId: conversations2[0].id
-      });
-    } else {
-      select({ type: "pick", sessionId: selected.session.id });
+  const { clear } = useTui();
+  const [step, setStep] = useState2("group");
+  const [groupPath, setGroupPath] = useState2(null);
+  const [slug, setSlug] = useState2("");
+  const [error, setError] = useState2(null);
+  const stepRef = useRef(step);
+  stepRef.current = step;
+  useEffect(() => {
+    clear();
+  }, [step, clear]);
+  const groupItems = useMemo2(() => {
+    const activeSessions = getAllSessions({ excludeArchived: true });
+    const counts = new Map;
+    for (const s of activeSessions) {
+      counts.set(s.groupPath, (counts.get(s.groupPath) ?? 0) + 1);
     }
-  }, [selected, select]);
-  const handleArchiveToggle = useCallback2(() => {
-    if (!selected)
-      return;
-    const newStatus = selected.session.status === "archived" ? "paused" : "archived";
-    updateSessionStatus(selected.session.id, newStatus);
-    refresh();
-  }, [selected, refresh]);
-  const handleConfirmDelete = useCallback2(() => {
-    if (!selected)
-      return;
-    deleteSession(selected.session.id);
-    setCursor((c) => Math.max(0, c - 1));
-    setMode("browse");
-    refresh();
-  }, [selected, refresh, setCursor, setMode]);
-  const handleStartRename = useCallback2(() => {
-    if (!selected)
-      return;
-    setMode("rename");
-    setEditValue(selected.session.slug);
-    setError(null);
-  }, [selected, setMode, setEditValue, setError]);
-  const handleStartMove = useCallback2(() => {
-    if (!selected)
-      return;
-    setMode("move");
-    setEditValue(selected.groupPath);
-    setError(null);
-  }, [selected, setMode, setEditValue, setError]);
-  const handleStartCreate = useCallback2(() => {
-    setMode("create");
-    setNewName("");
-    setError(null);
-  }, [setMode, setNewName, setError]);
-  const cancelToBrowse = useCallback2(() => {
-    setMode("browse");
+    return getAllGroups().filter((g) => counts.has(g.path)).sort((a, b) => a.path.localeCompare(b.path)).map((g) => ({
+      value: g.path,
+      label: g.path,
+      color: g.color,
+      meta: `${counts.get(g.path)}`
+    }));
+  }, []);
+  const handleGroupPicked = useCallback((value) => {
+    setGroupPath(value);
     setError(null);
-  }, [setMode, setError]);
-  const handleCreateSubmit = useCallback2((value) => {
-    if (!value.trim())
+    setStep("slug");
+  }, []);
+  const handleSlugSubmit = useCallback((value) => {
+    if (stepRef.current !== "slug")
       return;
-    try {
-      const { groupPath, slug } = parseSessionName(value);
-      select({ type: "create", groupPath, slug });
-    } catch (e) {
-      setError(e instanceof Error ? e.message : String(e));
-    }
-  }, [select, setError]);
-  const handleRenameSubmit = useCallback2((value) => {
     const trimmed = value.trim();
-    if (!trimmed || !selected)
+    if (!trimmed) {
+      setError("Name cannot be empty.");
       return;
+    }
     if (!/^[a-z0-9][a-z0-9._-]*$/i.test(trimmed)) {
-      setError("Invalid name: must start with alphanumeric, contain only letters, digits, dots, underscores, or dashes");
+      setError("Name must start alphanumeric; letters, digits, dots, underscores, dashes only.");
       return;
     }
-    renameSession(selected.session.id, trimmed);
-    setMode("browse");
-    refresh();
-  }, [selected, setError, setMode, refresh]);
-  const handleMoveSubmit = useCallback2((value) => {
-    const trimmed = value.trim().replace(/^\/+|\/+$/g, "");
-    if (!trimmed || !selected)
+    if (!groupPath)
       return;
-    try {
-      const groupId = getOrCreateGroupPath(trimmed);
-      moveSession(selected.session.id, groupId);
-      setMode("browse");
-      refresh();
-    } catch (e) {
-      setError(e instanceof Error ? e.message : String(e));
-    }
-  }, [selected, setMode, refresh, setError]);
-  return {
-    handleResume,
-    handleArchiveToggle,
-    handleConfirmDelete,
-    handleStartRename,
-    handleStartMove,
-    handleStartCreate,
-    cancelToBrowse,
-    handleCreateSubmit,
-    handleRenameSubmit,
-    handleMoveSubmit
-  };
-}
-// src/tui/hooks/use-launch-hotkeys.ts
-import { useCallback as useCallback3, useRef, useState as useState2 } from "react";
-import { useHotkey, useInput } from "@orchetron/storm";
-function useLaunchHotkeys({
-  mode,
-  selected,
-  sessionCount,
-  quit,
-  setCursor,
-  toggleArchived,
-  handleResume,
-  handleStartCreate,
-  handleArchiveToggle,
-  handleStartRename,
-  handleStartMove,
-  handleConfirmDelete,
-  cancelToBrowse,
-  setMode
-}) {
-  useInput((e) => {
-    if (e.key === "c" && e.ctrl) {
-      e.consumed = true;
-      quit();
+    onSubmit({ groupPath, slug: trimmed });
+  }, [groupPath, onSubmit]);
+  useInput2((e) => {
+    if (!isFocused)
       return;
-    }
-    if (e.key === "up" || e.key === "k") {
-      setCursor((c) => Math.max(0, c - 1));
-    } else if (e.key === "down" || e.key === "j") {
-      setCursor((c) => Math.min(sessionCount - 1, c + 1));
-    } else if (e.key === "return") {
-      handleResume();
-    } else if (e.key === "n") {
-      handleStartCreate();
-    } else if (e.key === "a") {
-      handleArchiveToggle();
-    } else if (e.key === "d" && selected) {
-      setMode("confirm-delete");
-    } else if (e.key === "r") {
-      handleStartRename();
-    } else if (e.key === "m") {
-      handleStartMove();
-    } else if (e.key === "tab") {
-      toggleArchived();
-    } else if (e.key === "q") {
-      quit();
-    } else {
+    if (e.key === "c" && e.ctrl) {
+      onQuit();
       return;
     }
-    e.consumed = true;
-  }, { isActive: mode === "browse", priority: 1 });
-  const browseBindings = [
-    { label: "navigate", description: "\u2191\u2193" },
-    { label: "resume", description: "return" },
-    { label: "new", description: "n" },
-    { label: "archive", description: "a" },
-    { label: "delete", description: "d" },
-    { label: "rename", description: "r" },
-    { label: "move", description: "m" },
-    { label: "quit", description: "q" }
-  ];
-  const escPendingRef = useRef(false);
-  const [escPending, setEscPending] = useState2(false);
-  const clearEscPending = useCallback3(() => {
-    if (escPendingRef.current) {
-      escPendingRef.current = false;
-      setEscPending(false);
+    if (e.key === "escape" && step === "slug") {
+      setStep("group");
+      setSlug("");
+      setError(null);
     }
-  }, []);
-  const { bindings: inputBindings } = useHotkey({
-    hotkeys: [
-      {
-        key: "escape",
-        label: "cancel",
-        action: () => {
-          if (escPendingRef.current) {
-            escPendingRef.current = false;
-            setEscPending(false);
-            cancelToBrowse();
-          } else {
-            escPendingRef.current = true;
-            setEscPending(true);
-          }
-        }
-      }
-    ],
-    isActive: mode === "create" || mode === "rename" || mode === "move"
-  });
-  const { bindings: deleteBindings } = useHotkey({
-    hotkeys: [
-      { key: "y", label: "confirm", action: handleConfirmDelete },
-      { key: "escape", label: "cancel", action: () => setMode("browse") }
-    ],
-    isActive: mode === "confirm-delete"
-  });
-  return {
-    browseBindings,
-    inputBindings,
-    deleteBindings,
-    escPending,
-    clearEscPending
-  };
-}
-// src/tui/screens/launch/launch.constants.ts
-var KEY_DISPLAY = {
-  up: "\u2191",
-  down: "\u2193",
-  return: "enter",
-  escape: "esc"
-};
-
-// src/tui/screens/launch/launch.utils.ts
-function formatBindings(bindings) {
-  return bindings.filter((b) => b.label).map((b) => `${KEY_DISPLAY[b.description] ?? b.description} ${b.label}`).join(" \xB7 ");
-}
-
-// src/tui/screens/launch/create-session.tsx
-import { useState as useState3 } from "react";
-import { Box as Box5, Text as Text6, TextInput } from "@orchetron/storm";
-import { jsxDEV as jsxDEV6 } from "react/jsx-dev-runtime";
-function Create({ isFocused, setError, handleCreateSubmit, error }) {
-  const [newName, setNewName] = useState3("");
-  const handleChange = (v) => {
-    setNewName(v);
-    setError(null);
-  };
-  return /* @__PURE__ */ jsxDEV6(Box5, {
-    flexDirection: "column",
-    children: [
-      /* @__PURE__ */ jsxDEV6(Text6, {
-        children: "Create a session:"
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV6(TextInput, {
-        value: newName,
-        onChange: handleChange,
-        onSubmit: handleCreateSubmit,
-        placeholder: "group/session-name",
-        placeholderColor: "green",
-        color: "green",
-        isFocused
-      }, undefined, false, undefined, this),
-      error && /* @__PURE__ */ jsxDEV6(Text6, {
-        color: "red",
-        children: error
-      }, undefined, false, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-
-// src/tui/screens/launch/rename.tsx
-import { Box as Box6, Text as Text7, TextInput as TextInput2 } from "@orchetron/storm";
-import { jsxDEV as jsxDEV7, Fragment } from "react/jsx-dev-runtime";
-function Rename({
-  editValue,
-  setEditValue,
-  setError,
-  handleRenameSubmit,
-  inputBindings,
-  error,
-  escPending,
-  clearEscPending,
-  placeholder
-}) {
-  return /* @__PURE__ */ jsxDEV7(Box6, {
+  }, { isActive: isFocused });
+  return /* @__PURE__ */ jsxDEV5(Box4, {
     flexDirection: "column",
-    padding: 1,
+    gap: 1,
     children: [
-      /* @__PURE__ */ jsxDEV7(Text7, {
-        bold: true,
-        color: "#82AAFF",
-        children: "Rename session"
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV7(Box6, {
-        height: 1
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV7(Text7, {
-        children: "New name: "
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV7(TextInput2, {
-        value: editValue,
-        onChange: (v) => {
-          setEditValue(v);
-          setError(null);
-          clearEscPending();
-        },
-        onSubmit: handleRenameSubmit,
-        placeholder
-      }, undefined, false, undefined, this),
-      error && /* @__PURE__ */ jsxDEV7(Fragment, {
+      /* @__PURE__ */ jsxDEV5(Box4, {
+        flexDirection: "row",
+        gap: 1,
         children: [
-          /* @__PURE__ */ jsxDEV7(Box6, {
-            height: 1
+          /* @__PURE__ */ jsxDEV5(Text5, {
+            bold: true,
+            children: "New session"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV5(Text5, {
+            dim: true,
+            children: "\xB7"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV7(Text7, {
-            color: "red",
-            children: error
+          /* @__PURE__ */ jsxDEV5(Text5, {
+            dim: true,
+            children: stepLabel(step)
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV7(Box6, {
-        height: 1
-      }, undefined, false, undefined, this),
-      escPending ? /* @__PURE__ */ jsxDEV7(Text7, {
-        color: "yellow",
-        children: "Press esc again to cancel"
-      }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV7(Text7, {
-        dim: true,
-        children: [
-          "enter save \xB7 ",
-          formatBindings(inputBindings)
-        ]
-      }, undefined, true, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-
-// src/tui/screens/launch/move.tsx
-import { Box as Box7, Text as Text8, TextInput as TextInput3 } from "@orchetron/storm";
-import { jsxDEV as jsxDEV8, Fragment as Fragment2 } from "react/jsx-dev-runtime";
-function Move({
-  editValue,
-  setEditValue,
-  setError,
-  handleMoveSubmit,
-  inputBindings,
-  error,
-  escPending,
-  clearEscPending,
-  placeholder = "category/session-name"
-}) {
-  return /* @__PURE__ */ jsxDEV8(Box7, {
-    flexDirection: "column",
-    padding: 1,
-    children: [
-      /* @__PURE__ */ jsxDEV8(Text8, {
-        bold: true,
-        color: "#82AAFF",
-        children: "Move session"
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV8(Box7, {
-        height: 1
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV8(Text8, {
-        children: "New group path: "
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV8(TextInput3, {
-        value: editValue,
-        onChange: (v) => {
-          setEditValue(v);
-          setError(null);
-          clearEscPending();
-        },
-        onSubmit: handleMoveSubmit,
-        placeholder
-      }, undefined, false, undefined, this),
-      error && /* @__PURE__ */ jsxDEV8(Fragment2, {
+      groupPath && step === "slug" && /* @__PURE__ */ jsxDEV5(Box4, {
+        flexDirection: "row",
+        gap: 1,
         children: [
-          /* @__PURE__ */ jsxDEV8(Box7, {
-            height: 1
+          /* @__PURE__ */ jsxDEV5(Text5, {
+            dim: true,
+            children: "Group:"
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV8(Text8, {
-            color: "red",
-            children: error
+          /* @__PURE__ */ jsxDEV5(Text5, {
+            color: "green",
+            children: groupPath
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV8(Box7, {
-        height: 1
-      }, undefined, false, undefined, this),
-      escPending ? /* @__PURE__ */ jsxDEV8(Text8, {
-        color: "yellow",
-        children: "Press esc again to cancel"
-      }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV8(Text8, {
-        dim: true,
-        children: [
-          "enter move \xB7 ",
-          formatBindings(inputBindings)
-        ]
-      }, undefined, true, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-
-// src/tui/screens/launch/confirm-delete.tsx
-import { Box as Box8, Text as Text9 } from "@orchetron/storm";
-import { jsxDEV as jsxDEV9 } from "react/jsx-dev-runtime";
-function ConfirmDelete({ sessionName, deleteBindings }) {
-  return /* @__PURE__ */ jsxDEV9(Box8, {
-    flexDirection: "column",
-    padding: 1,
-    children: [
-      /* @__PURE__ */ jsxDEV9(Text9, {
-        bold: true,
-        color: "red",
-        children: "Delete session?"
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV9(Box8, {
-        height: 1
+      /* @__PURE__ */ jsxDEV5(Box4, {
+        flexDirection: "column",
+        height: step === "group" ? undefined : 0,
+        overflow: "hidden",
+        children: /* @__PURE__ */ jsxDEV5(Picker, {
+          mode: "single",
+          items: groupItems,
+          isFocused: isFocused && step === "group",
+          placeholder: "Pick or type a new group path\u2026",
+          onSubmit: handleGroupPicked,
+          emptyHint: "No active groups. Type a name to create one."
+        }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV9(Text9, {
+      /* @__PURE__ */ jsxDEV5(Box4, {
+        flexDirection: "column",
+        gap: 0,
+        height: step === "slug" ? undefined : 0,
+        overflow: "hidden",
         children: [
-          "This will permanently delete",
-          " ",
-          /* @__PURE__ */ jsxDEV9(Text9, {
-            bold: true,
-            children: sessionName
+          /* @__PURE__ */ jsxDEV5(Text5, {
+            dim: true,
+            children: "Name"
           }, undefined, false, undefined, this),
-          " ",
-          "and all its conversations and events."
+          /* @__PURE__ */ jsxDEV5(Box4, {
+            borderStyle: "round",
+            borderColor: isFocused ? "green" : undefined,
+            borderDimColor: !isFocused,
+            paddingX: 1,
+            children: /* @__PURE__ */ jsxDEV5(TextInput2, {
+              value: slug,
+              onChange: (v) => {
+                setSlug(v);
+                setError(null);
+              },
+              onSubmit: handleSlugSubmit,
+              placeholder: "fix-auth-bug",
+              color: "green",
+              placeholderColor: "gray",
+              isFocused: isFocused && step === "slug"
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV9(Box8, {
-        height: 1
+      error && /* @__PURE__ */ jsxDEV5(Text5, {
+        color: "red",
+        children: error
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV9(Text9, {
+      /* @__PURE__ */ jsxDEV5(Text5, {
         dim: true,
-        children: formatBindings(deleteBindings)
+        children: footer(step)
       }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
 }
+function stepLabel(step) {
+  return step === "group" ? "1/2 Group" : "2/2 Name";
+}
+function footer(step) {
+  if (step === "group") {
+    return "\u2191\u2193 navigate \xB7 enter pick \xB7 ctrl+c quit";
+  }
+  return "enter create \xB7 esc back \xB7 ctrl+c quit";
+}
 
 // src/tui/screens/launch/index.tsx
-import { jsxDEV as jsxDEV10 } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV6 } from "react/jsx-dev-runtime";
 function Launch({ onSelect }) {
-  const { exit } = useTui();
-  const [mode, setMode] = useState4("browse");
-  const [newName, setNewName] = useState4("");
-  const [editValue, setEditValue] = useState4("");
-  const [error, setError] = useState4(null);
-  const { sessionRows, selected, cursor, setCursor, toggleArchived, refresh } = useLaunchSessions();
-  const select = useCallback4((selection) => {
+  const { exit } = useTui2();
+  const select = useCallback2((selection) => {
     onSelect(selection);
     exit();
   }, [onSelect, exit]);
-  const actions = useLaunchActions({
-    selected,
-    select,
-    refresh,
-    setMode,
-    setCursor,
-    setNewName,
-    setEditValue,
-    setError
-  });
-  const {
-    browseBindings,
-    inputBindings,
-    deleteBindings,
-    escPending,
-    clearEscPending
-  } = useLaunchHotkeys({
-    mode,
-    selected,
-    sessionCount: sessionRows.length,
-    quit: () => select({ type: "quit" }),
-    setCursor,
-    toggleArchived,
-    setMode,
-    ...actions
-  });
-  if (mode === "confirm-delete" && selected) {
-    return /* @__PURE__ */ jsxDEV10(ConfirmDelete, {
-      sessionName: `${selected.groupPath}/${selected.session.slug}`,
-      deleteBindings
-    }, undefined, false, undefined, this);
-  }
-  if (mode === "rename" && selected) {
-    return /* @__PURE__ */ jsxDEV10(Rename, {
-      editValue,
-      setEditValue,
-      setError,
-      handleRenameSubmit: actions.handleRenameSubmit,
-      inputBindings,
-      error,
-      escPending,
-      clearEscPending,
-      placeholder: selected.session.slug
-    }, undefined, false, undefined, this);
-  }
-  if (mode === "move" && selected) {
-    return /* @__PURE__ */ jsxDEV10(Move, {
-      editValue,
-      setEditValue,
-      setError,
-      handleMoveSubmit: actions.handleMoveSubmit,
-      inputBindings,
-      error,
-      escPending,
-      clearEscPending,
-      placeholder: selected.groupPath
-    }, undefined, false, undefined, this);
-  }
-  const hasSessions = sessionRows.length > 0;
-  return /* @__PURE__ */ jsxDEV10(Box9, {
+  return /* @__PURE__ */ jsxDEV6(Box5, {
     flexDirection: "column",
     paddingY: 1,
     gap: 1,
     children: [
-      /* @__PURE__ */ jsxDEV10(Box9, {
-        "data-slot": "logo",
+      /* @__PURE__ */ jsxDEV6(Box5, {
         marginX: 1,
-        children: /* @__PURE__ */ jsxDEV10(Logo, {}, undefined, false, undefined, this)
+        children: /* @__PURE__ */ jsxDEV6(Logo, {}, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV10(Box9, {
-        "data-slot": "app-menu",
+      /* @__PURE__ */ jsxDEV6(Box5, {
         flexDirection: "column",
         marginX: 2,
         gap: 1,
         children: [
-          /* @__PURE__ */ jsxDEV10(AppDetails, {}, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV10(Box9, {
-            flexDirection: "column",
-            paddingY: 1,
-            children: [
-              /* @__PURE__ */ jsxDEV10(Create, {
-                isFocused: mode === "create",
-                setError,
-                handleCreateSubmit: actions.handleCreateSubmit,
-                error
-              }, undefined, false, undefined, this),
-              hasSessions && sessionRows.map((row, i) => /* @__PURE__ */ jsxDEV10(SessionRow, {
-                name: `${row.groupPath}/${row.session.slug}`,
-                status: row.session.status,
-                updatedAt: row.session.updatedAt,
-                selected: i === cursor
-              }, row.session.id, false, undefined, this))
-            ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV10(Text10, {
-            dim: true,
-            children: formatBindings(browseBindings)
+          /* @__PURE__ */ jsxDEV6(AppDetails, {}, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV6(CreateScreen, {
+            isFocused: true,
+            onSubmit: (payload) => select({ type: "create", ...payload }),
+            onQuit: () => select({ type: "quit" })
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this)
@@ -986,9 +664,50 @@ function Launch({ onSelect }) {
 }
 
 // src/tui/screens/Exit.tsx
-import { useState as useState5 } from "react";
-import { Box as Box10, Text as Text11, useInput as useInput2, useTui as useTui2 } from "@orchetron/storm";
-import { jsxDEV as jsxDEV11 } from "react/jsx-dev-runtime";
+import { useState as useState3 } from "react";
+import { Box as Box6, Text as Text6, useInput as useInput3, useTui as useTui3 } from "@orchetron/storm";
+
+// src/db/queries/conversations.ts
+import { eq as eq3, and as and2, desc, sql as sql3 } from "drizzle-orm";
+function getConversationsBySession(sessionId) {
+  return getDb().select().from(conversations).where(and2(eq3(conversations.sessionId, sessionId), eq3(conversations.discarded, false))).orderBy(desc(conversations.startedAt)).all();
+}
+
+// src/lib/format.ts
+var SECOND = 1000;
+var MINUTE = 60 * SECOND;
+var HOUR = 60 * MINUTE;
+var DAY = 24 * HOUR;
+function formatDuration(ms) {
+  if (ms < MINUTE)
+    return `${Math.round(ms / SECOND)}s`;
+  const days = Math.floor(ms / DAY);
+  const hours = Math.floor(ms % DAY / HOUR);
+  const minutes = Math.floor(ms % HOUR / MINUTE);
+  if (days > 0)
+    return hours > 0 ? `${days}d ${hours}h` : `${days}d`;
+  if (hours > 0)
+    return minutes > 0 ? `${hours}h ${minutes}m` : `${hours}h`;
+  return `${minutes}m`;
+}
+function formatAgo(isoOrDate) {
+  const date = typeof isoOrDate === "string" ? new Date(isoOrDate) : isoOrDate;
+  const ms = Date.now() - date.getTime();
+  if (ms < MINUTE)
+    return "just now";
+  if (ms < HOUR)
+    return `${Math.floor(ms / MINUTE)}m ago`;
+  if (ms < DAY)
+    return `${Math.floor(ms / HOUR)}h ago`;
+  if (ms < 2 * DAY)
+    return "yesterday";
+  if (ms < 7 * DAY)
+    return `${Math.floor(ms / DAY)}d ago`;
+  return date.toLocaleDateString("en-US", { month: "short", day: "numeric" });
+}
+
+// src/tui/screens/Exit.tsx
+import { jsxDEV as jsxDEV7 } from "react/jsx-dev-runtime";
 var OPTIONS = [
   { action: "save", label: "Save", hint: "Keep session paused for later" },
   {
@@ -1008,11 +727,11 @@ var OPTIONS = [
   }
 ];
 function Exit({ sessionId, onAction }) {
-  const { exit } = useTui2();
-  const [cursor, setCursor] = useState5(0);
+  const { exit } = useTui3();
+  const [cursor, setCursor] = useState3(0);
   const session = getSession(sessionId);
   const conversations2 = session ? getConversationsBySession(session.id) : [];
-  useInput2((e) => {
+  useInput3((e) => {
     if (e.key === "c" && e.ctrl)
       exit();
     if (e.key === "up" || e.key === "k") {
@@ -1029,37 +748,37 @@ function Exit({ sessionId, onAction }) {
     }
   });
   if (!session) {
-    return /* @__PURE__ */ jsxDEV11(Text11, {
+    return /* @__PURE__ */ jsxDEV7(Text6, {
       color: "red",
       children: "Session not found"
     }, undefined, false, undefined, this);
   }
   const duration = session.endedAt && session.startedAt ? formatDuration(new Date(session.endedAt).getTime() - new Date(session.startedAt).getTime()) : null;
-  return /* @__PURE__ */ jsxDEV11(Box10, {
+  return /* @__PURE__ */ jsxDEV7(Box6, {
     flexDirection: "column",
     padding: 1,
     gap: 1,
     children: [
-      /* @__PURE__ */ jsxDEV11(Text11, {
+      /* @__PURE__ */ jsxDEV7(Text6, {
         bold: true,
         color: "#82AAFF",
         children: "Session ended"
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV11(Box10, {
+      /* @__PURE__ */ jsxDEV7(Box6, {
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsxDEV11(Box10, {
+          /* @__PURE__ */ jsxDEV7(Box6, {
             flexDirection: "row",
             gap: 1,
             children: [
-              /* @__PURE__ */ jsxDEV11(StatusDot, {
+              /* @__PURE__ */ jsxDEV7(StatusDot, {
                 status: session.status
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV11(Text11, {
+              /* @__PURE__ */ jsxDEV7(Text6, {
                 bold: true,
                 children: session.name
               }, undefined, false, undefined, this),
-              duration && /* @__PURE__ */ jsxDEV11(Text11, {
+              duration && /* @__PURE__ */ jsxDEV7(Text6, {
                 dim: true,
                 children: [
                   "(",
@@ -1069,7 +788,7 @@ function Exit({ sessionId, onAction }) {
               }, undefined, true, undefined, this)
             ]
           }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV11(Text11, {
+          /* @__PURE__ */ jsxDEV7(Text6, {
             dim: true,
             children: [
               conversations2.length,
@@ -1079,28 +798,28 @@ function Exit({ sessionId, onAction }) {
           }, undefined, true, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV11(Box10, {
+      /* @__PURE__ */ jsxDEV7(Box6, {
         flexDirection: "column",
-        children: OPTIONS.map((opt, i) => /* @__PURE__ */ jsxDEV11(Box10, {
+        children: OPTIONS.map((opt, i) => /* @__PURE__ */ jsxDEV7(Box6, {
           flexDirection: "row",
           gap: 1,
           children: [
-            /* @__PURE__ */ jsxDEV11(Text11, {
+            /* @__PURE__ */ jsxDEV7(Text6, {
               children: i === cursor ? "\u276F" : " "
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV11(Text11, {
+            /* @__PURE__ */ jsxDEV7(Text6, {
               bold: i === cursor,
               children: opt.label
             }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV11(Text11, {
+            /* @__PURE__ */ jsxDEV7(Text6, {
               dim: true,
               children: opt.hint
             }, undefined, false, undefined, this)
           ]
         }, opt.action, true, undefined, this))
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV11(Box10, {
-        children: /* @__PURE__ */ jsxDEV11(Text11, {
+      /* @__PURE__ */ jsxDEV7(Box6, {
+        children: /* @__PURE__ */ jsxDEV7(Text6, {
           dim: true,
           children: "\u2191\u2193 navigate \xB7 enter select \xB7 q save & quit"
         }, undefined, false, undefined, this)
@@ -1110,12 +829,12 @@ function Exit({ sessionId, onAction }) {
 }
 
 // src/tui/screens/Resume.tsx
-import { useState as useState6 } from "react";
-import { Box as Box11, Text as Text12, useInput as useInput3, useTui as useTui3 } from "@orchetron/storm";
-import { jsxDEV as jsxDEV12 } from "react/jsx-dev-runtime";
+import { useState as useState4 } from "react";
+import { Box as Box7, Text as Text7, useInput as useInput4, useTui as useTui4 } from "@orchetron/storm";
+import { jsxDEV as jsxDEV8 } from "react/jsx-dev-runtime";
 function Resume({ sessionId, onSelect }) {
-  const { exit } = useTui3();
-  const [cursor, setCursor] = useState6(0);
+  const { exit } = useTui4();
+  const [cursor, setCursor] = useState4(0);
   const session = getSession(sessionId);
   const conversations2 = getConversationsBySession(sessionId);
   const totalOptions = conversations2.length + 1;
@@ -1123,7 +842,7 @@ function Resume({ sessionId, onSelect }) {
     onSelect(selection);
     exit();
   };
-  useInput3((e) => {
+  useInput4((e) => {
     if (e.key === "c" && e.ctrl)
       select({ type: "back" });
     if (e.key === "up" || e.key === "k") {
@@ -1142,17 +861,17 @@ function Resume({ sessionId, onSelect }) {
     }
   });
   if (!session) {
-    return /* @__PURE__ */ jsxDEV12(Text12, {
+    return /* @__PURE__ */ jsxDEV8(Text7, {
       color: "red",
       children: "Session not found"
     }, undefined, false, undefined, this);
   }
-  return /* @__PURE__ */ jsxDEV12(Box11, {
+  return /* @__PURE__ */ jsxDEV8(Box7, {
     flexDirection: "column",
     padding: 1,
     gap: 1,
     children: [
-      /* @__PURE__ */ jsxDEV12(Text12, {
+      /* @__PURE__ */ jsxDEV8(Text7, {
         bold: true,
         color: "#82AAFF",
         children: [
@@ -1160,17 +879,17 @@ function Resume({ sessionId, onSelect }) {
           session.name
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV12(Box11, {
+      /* @__PURE__ */ jsxDEV8(Box7, {
         flexDirection: "column",
         children: [
-          /* @__PURE__ */ jsxDEV12(Box11, {
+          /* @__PURE__ */ jsxDEV8(Box7, {
             flexDirection: "row",
             gap: 1,
             children: [
-              /* @__PURE__ */ jsxDEV12(Text12, {
+              /* @__PURE__ */ jsxDEV8(Text7, {
                 children: cursor === 0 ? "\u276F" : " "
               }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV12(Text12, {
+              /* @__PURE__ */ jsxDEV8(Text7, {
                 bold: cursor === 0,
                 color: "#34D399",
                 children: "+ New conversation"
@@ -1182,42 +901,42 @@ function Resume({ sessionId, onSelect }) {
             const isSelected = cursor === idx;
             const duration = conv.endedAt ? formatDuration(new Date(conv.endedAt).getTime() - new Date(conv.startedAt).getTime()) : "active";
             const ago = formatAgo(conv.startedAt);
-            return /* @__PURE__ */ jsxDEV12(Box11, {
+            return /* @__PURE__ */ jsxDEV8(Box7, {
               flexDirection: "row",
               gap: 1,
               children: [
-                /* @__PURE__ */ jsxDEV12(Text12, {
+                /* @__PURE__ */ jsxDEV8(Text7, {
                   children: isSelected ? "\u276F" : " "
                 }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV12(Text12, {
+                /* @__PURE__ */ jsxDEV8(Text7, {
                   bold: isSelected,
                   dim: conv.discarded,
                   children: conv.id.slice(0, 8)
                 }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV12(Text12, {
+                /* @__PURE__ */ jsxDEV8(Text7, {
                   dim: true,
                   children: ago
                 }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV12(Text12, {
+                /* @__PURE__ */ jsxDEV8(Text7, {
                   dim: true,
                   children: "\xB7"
                 }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV12(Text12, {
+                /* @__PURE__ */ jsxDEV8(Text7, {
                   dim: true,
                   children: [
                     conv.eventCount,
                     " events"
                   ]
                 }, undefined, true, undefined, this),
-                /* @__PURE__ */ jsxDEV12(Text12, {
+                /* @__PURE__ */ jsxDEV8(Text7, {
                   dim: true,
                   children: "\xB7"
                 }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV12(Text12, {
+                /* @__PURE__ */ jsxDEV8(Text7, {
                   dim: true,
                   children: duration
                 }, undefined, false, undefined, this),
-                conv.discarded && /* @__PURE__ */ jsxDEV12(Text12, {
+                conv.discarded && /* @__PURE__ */ jsxDEV8(Text7, {
                   color: "red",
                   dim: true,
                   children: "(discarded)"
@@ -1227,8 +946,8 @@ function Resume({ sessionId, onSelect }) {
           })
         ]
       }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV12(Box11, {
-        children: /* @__PURE__ */ jsxDEV12(Text12, {
+      /* @__PURE__ */ jsxDEV8(Box7, {
+        children: /* @__PURE__ */ jsxDEV8(Text7, {
           dim: true,
           children: "\u2191\u2193 navigate \xB7 enter select \xB7 q back"
         }, undefined, false, undefined, this)
@@ -1238,7 +957,7 @@ function Resume({ sessionId, onSelect }) {
 }
 
 // src/tui/run-screen.tsx
-import { jsxDEV as jsxDEV13 } from "react/jsx-dev-runtime";
+import { jsxDEV as jsxDEV9 } from "react/jsx-dev-runtime";
 var [, , screen, outputPath, ...args] = process.argv;
 if (!screen || !outputPath) {
   console.error("Usage: run-screen <screen> <outputPath> [args...]");
@@ -1248,7 +967,7 @@ var result;
 switch (screen) {
   case "launch": {
     let selection = { type: "quit" };
-    const app = render(/* @__PURE__ */ jsxDEV13(Launch, {
+    const app = render(/* @__PURE__ */ jsxDEV9(Launch, {
       onSelect: (s) => {
         selection = s;
       }
@@ -1265,7 +984,7 @@ switch (screen) {
       process.exit(1);
     }
     let action = "save";
-    const app = render(/* @__PURE__ */ jsxDEV13(Exit, {
+    const app = render(/* @__PURE__ */ jsxDEV9(Exit, {
       sessionId,
       onAction: (a) => {
         action = a;
@@ -1283,7 +1002,7 @@ switch (screen) {
       process.exit(1);
     }
     let selection = { type: "back" };
-    const app = render(/* @__PURE__ */ jsxDEV13(Resume, {
+    const app = render(/* @__PURE__ */ jsxDEV9(Resume, {
       sessionId,
       onSelect: (s) => {
         selection = s;