@kud/claude-sessions-cli 1.0.3 → 2.0.0-next.3

package/dist/index.js

@@ -1,23 +1,48 @@
 #!/usr/bin/env node
 
 // src/index.tsx
-import React, { useState, useEffect } from "react";
-import { render, Box, Text, useInput, useApp } from "ink";
+import { useState, useEffect, useMemo } from "react";
+import { render, Box, Text, useInput, useApp, useStdout } from "ink";
 import TextInput from "ink-text-input";
 import { readdir, stat } from "fs/promises";
-import { existsSync, mkdirSync, readFileSync, writeFileSync } from "fs";
+import {
+  existsSync,
+  mkdirSync,
+  readdirSync,
+  readFileSync,
+  writeFileSync
+} from "fs";
 import { join } from "path";
 import { spawnSync, execSync } from "child_process";
 import { homedir } from "os";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { randomUUID } from "crypto";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var HOME = homedir();
 var CLAUDE_PROJECTS = join(HOME, ".claude", "projects");
 var CLAUDE_JSON = join(HOME, ".claude.json");
-var CHATS_DIR = join(HOME, ".chats");
+var CLAUDE_SESSIONS_DIR = join(HOME, ".claude-sessions");
+var CHATS_DIR = join(CLAUDE_SESSIONS_DIR, "chats");
+var SESSION_LABELS_FILE = join(CLAUDE_SESSIONS_DIR, "session-labels.json");
+var SESSION_PINS_FILE = join(CLAUDE_SESSIONS_DIR, "session-pins.json");
+var SESSION_TAGS_FILE = join(CLAUDE_SESSIONS_DIR, "session-tags.json");
 var ICON_CHAT = "\u{F0B79}";
 var ICON_CODE = "\uF121";
+var ICON_SCHEDULE = "\u{F0954}";
+var SEL_COLOR = "#FF8C00";
+var TABS = ["code", "chat", "schedule"];
+var TAB_LABEL = {
+  code: "Code",
+  chat: "Chat",
+  schedule: "Scheduled"
+};
+var TAB_ICON = {
+  code: ICON_CODE,
+  chat: ICON_CHAT,
+  schedule: ICON_SCHEDULE
+};
+var sessionPreload = null;
 var pendingAction = null;
-var slugify = (name) => name.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
+var savedState = { tab: "code", cursor: 0 };
 var humanLabel = (dir) => {
   const base = dir.split("/").pop() || dir;
   const words = base.replace(/^[._-]+/, "").replace(/[-_]+/g, " ").trim();
@@ -50,6 +75,70 @@ var removeFromClaudeJson = (dir) => {
   }
 };
 var toProjectDirName = (absPath) => absPath.replace(/[^a-zA-Z0-9]/g, "-");
+var readFirstPrompt = (filePath) => {
+  try {
+    const content = readFileSync(filePath, "utf8");
+    const lines = content.split("\n");
+    let count = 0;
+    for (const line of lines) {
+      if (!line.trim()) continue;
+      if (++count > 200) break;
+      try {
+        const obj = JSON.parse(line);
+        if (obj.type === "user" && typeof obj.message?.content === "string" && !obj.message.content.startsWith("<") && !obj.message.content.includes("tool_use_id")) {
+          return obj.message.content.trim().replace(/\s+/g, " ").slice(0, 200);
+        }
+      } catch {
+      }
+    }
+  } catch {
+  }
+  return "";
+};
+var loadSessionLabels = () => {
+  try {
+    return JSON.parse(readFileSync(SESSION_LABELS_FILE, "utf8"));
+  } catch {
+    return {};
+  }
+};
+var saveSessionLabel = (key, label) => {
+  const labels = loadSessionLabels();
+  labels[key] = label;
+  writeFileSync(SESSION_LABELS_FILE, JSON.stringify(labels, null, 2));
+};
+var removeSessionLabel = (key) => {
+  const labels = loadSessionLabels();
+  if (!(key in labels)) return;
+  delete labels[key];
+  writeFileSync(SESSION_LABELS_FILE, JSON.stringify(labels, null, 2));
+};
+var loadSessionPins = () => {
+  try {
+    return new Set(JSON.parse(readFileSync(SESSION_PINS_FILE, "utf8")));
+  } catch {
+    return /* @__PURE__ */ new Set();
+  }
+};
+var toggleSessionPin = (dir) => {
+  const pins = loadSessionPins();
+  if (pins.has(dir)) pins.delete(dir);
+  else pins.add(dir);
+  writeFileSync(SESSION_PINS_FILE, JSON.stringify([...pins], null, 2));
+};
+var loadSessionTags = () => {
+  try {
+    return JSON.parse(readFileSync(SESSION_TAGS_FILE, "utf8"));
+  } catch {
+    return {};
+  }
+};
+var saveSessionTag = (dir, tag) => {
+  const tags = loadSessionTags();
+  if (tag.trim()) tags[dir] = tag.trim();
+  else delete tags[dir];
+  writeFileSync(SESSION_TAGS_FILE, JSON.stringify(tags, null, 2));
+};
 var loadSessions = async () => {
   const sessions = [];
   if (existsSync(CLAUDE_JSON)) {
@@ -69,24 +158,32 @@ var loadSessions = async () => {
               (f) => f.endsWith(".jsonl")
             );
             if (!jsonlFiles.length) return;
-            const mtime = Math.max(
-              ...await Promise.all(
-                jsonlFiles.map(
-                  (f) => stat(join(claudeProjectDir, f)).then((s) => s.mtimeMs / 1e3)
-                )
-              )
-            );
             const shortPath = cwd.replace(HOME, "~");
             const type = cwd === HOME || cwd.startsWith(CHATS_DIR) ? "chat" : "code";
-            sessions.push({
-              dir: cwd,
-              label: type === "chat" ? humanLabel(cwd) : kebabLabel(cwd),
-              path: shortPath,
-              type,
-              mtime,
-              ago: timeAgo(mtime),
-              claudeProjectDir
-            });
+            const projectLabel = type === "chat" ? humanLabel(cwd) : kebabLabel(cwd);
+            await Promise.all(
+              jsonlFiles.map(async (f) => {
+                try {
+                  const jsonlPath = join(claudeProjectDir, f);
+                  const mtime = (await stat(jsonlPath)).mtimeMs / 1e3;
+                  const sessionId = f.replace(".jsonl", "");
+                  const firstPrompt = type === "code" ? readFirstPrompt(jsonlPath) : "";
+                  sessions.push({
+                    dir: cwd,
+                    label: firstPrompt || projectLabel,
+                    path: shortPath,
+                    type,
+                    mtime,
+                    ago: timeAgo(mtime),
+                    claudeProjectDir,
+                    sessionId,
+                    projectLabel,
+                    hasClaudeMd: type === "chat" && existsSync(join(cwd, "CLAUDE.md"))
+                  });
+                } catch {
+                }
+              })
+            );
           } catch {
           }
         })
@@ -94,23 +191,25 @@ var loadSessions = async () => {
     } catch {
     }
   }
-  const seen = new Set(sessions.map((s) => s.dir));
   if (existsSync(CHATS_DIR)) {
     try {
+      const existingDirs = new Set(sessions.map((s) => s.dir));
       for (const dir of await readdir(CHATS_DIR)) {
         try {
           const fullPath = join(CHATS_DIR, dir);
-          if (!(await stat(fullPath)).isDirectory() || seen.has(fullPath))
-            continue;
-          const shortPath = fullPath.replace(HOME, "~");
+          const dirStat = await stat(fullPath);
+          if (!dirStat.isDirectory() || existingDirs.has(fullPath)) continue;
+          const mtime = dirStat.mtimeMs / 1e3;
           sessions.push({
             dir: fullPath,
             label: humanLabel(fullPath),
-            path: shortPath,
+            path: fullPath.replace(HOME, "~"),
             type: "chat",
-            mtime: 0,
-            ago: "new",
-            claudeProjectDir: ""
+            mtime,
+            ago: timeAgo(mtime),
+            claudeProjectDir: "",
+            projectLabel: humanLabel(fullPath),
+            hasClaudeMd: existsSync(join(fullPath, "CLAUDE.md"))
           });
         } catch {
         }
@@ -118,8 +217,20 @@ var loadSessions = async () => {
     } catch {
     }
   }
-  const unique = [...new Map(sessions.map((s) => [s.dir, s])).values()];
-  return unique.sort((a, b) => b.mtime - a.mtime);
+  const labelOverrides = loadSessionLabels();
+  for (const s of sessions) {
+    const override = s.sessionId && labelOverrides[s.sessionId] || labelOverrides[s.dir];
+    if (override) s.label = override;
+  }
+  const pins = loadSessionPins();
+  const tagOverrides = loadSessionTags();
+  for (const s of sessions) {
+    if (s.type === "chat") {
+      s.pinned = pins.has(s.dir);
+      s.tag = tagOverrides[s.dir];
+    }
+  }
+  return sessions.sort((a, b) => b.mtime - a.mtime);
 };
 var findCleanItems = async () => {
   const items = [];
@@ -187,44 +298,122 @@ var findCleanItems = async () => {
   }
   return items;
 };
-var deleteSession = (item) => {
-  if (item.claudeProjectDir) {
+var deleteSession = (session) => {
+  if (session.sessionId) {
+    const jsonlPath = join(
+      session.claudeProjectDir,
+      `${session.sessionId}.jsonl`
+    );
     try {
-      execSync(`trash "${item.claudeProjectDir}"`);
+      execSync(`trash "${jsonlPath}"`);
     } catch {
     }
-    removeFromClaudeJson(item.dir);
-  }
-  if (item.type === "chat" && item.dir !== HOME) {
+  } else if (session.type === "chat") {
     try {
-      execSync(`trash "${item.dir}"`);
+      execSync(`trash "${session.dir}"`);
+      removeSessionLabel(session.dir);
     } catch {
     }
   }
 };
-var SectionHeader = ({ label }) => {
-  return /* @__PURE__ */ jsx(Box, { paddingX: 2, marginTop: 1, children: /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-    "\u2500\u2500 ",
-    label,
-    " \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"
-  ] }) });
+var buildDisplayItems = (tab, sessions, search, expandedProjects, expandedTags) => {
+  const match = (s) => !search || s.label.toLowerCase().includes(search.toLowerCase()) || s.path.toLowerCase().includes(search.toLowerCase());
+  if (tab === "chat") {
+    const filtered2 = sessions.filter((s) => s.type === "chat").filter(match);
+    const pinned = filtered2.filter((s) => s.pinned);
+    const tagged = filtered2.filter((s) => !s.pinned && s.tag);
+    const untagged = filtered2.filter((s) => !s.pinned && !s.tag);
+    const items2 = [{ kind: "new" }];
+    for (const s of pinned) items2.push({ kind: "session", session: s });
+    const tagGroups = /* @__PURE__ */ new Map();
+    for (const s of tagged) {
+      if (!tagGroups.has(s.tag)) tagGroups.set(s.tag, []);
+      tagGroups.get(s.tag).push(s);
+    }
+    for (const [tag, group] of tagGroups) {
+      const expanded = expandedTags.has(tag);
+      items2.push({
+        kind: "tag-header",
+        label: tag,
+        expanded,
+        count: group.length
+      });
+      if (expanded)
+        for (const s of group) items2.push({ kind: "session", session: s });
+    }
+    for (const s of untagged) items2.push({ kind: "session", session: s });
+    return items2;
+  }
+  if (tab === "schedule") {
+    return [];
+  }
+  const filtered = sessions.filter((s) => s.type === "code").filter(match);
+  const groups = /* @__PURE__ */ new Map();
+  for (const s of filtered) {
+    if (!groups.has(s.dir)) groups.set(s.dir, []);
+    groups.get(s.dir).push(s);
+  }
+  const items = [];
+  for (const [dir, group] of groups) {
+    const expanded = expandedProjects.has(dir);
+    items.push({
+      kind: "header",
+      label: group[0].projectLabel ?? group[0].path,
+      dir,
+      expanded,
+      count: group.length,
+      recentSession: group[0]
+    });
+    if (expanded) {
+      for (const s of group) items.push({ kind: "session", session: s });
+    }
+  }
+  return items;
+};
+var contextHints = (item) => {
+  const nav = [
+    ["\u2191\u2193", "nav"],
+    ["\u2190\u2192", "tab"]
+  ];
+  if (item?.kind === "new")
+    return [...nav, ["enter", "new chat"], ["/", "search"], ["q", "quit"]];
+  if (item?.kind === "header")
+    return [
+      ...nav,
+      ["enter", "open"],
+      ["space", item.expanded ? "collapse" : "expand"],
+      ["d", "delete all"],
+      ["q", "quit"]
+    ];
+  if (item?.kind === "tag-header")
+    return [
+      ...nav,
+      ["space", item.expanded ? "collapse" : "expand"],
+      ["q", "quit"]
+    ];
+  if (item?.kind === "session") {
+    const s = item.session;
+    const pairs = [
+      ...nav,
+      ["enter", "open"],
+      ["d", "delete"]
+    ];
+    if (s.type === "chat") {
+      pairs.push(["p", s.pinned ? "unpin" : "pin"]);
+      pairs.push(["t", "tag"]);
+    } else if (s.sessionId) {
+      pairs.push(["r", "rename"]);
+    }
+    if (s.hasClaudeMd) pairs.push(["m", "md"]);
+    pairs.push(["q", "quit"]);
+    return pairs;
+  }
+  return [...nav, ["/", "search"], ["q", "quit"]];
 };
 var Hint = ({ pairs }) => /* @__PURE__ */ jsx(Box, { gap: 2, children: pairs.map(([key, desc]) => /* @__PURE__ */ jsxs(Box, { gap: 1, children: [
   /* @__PURE__ */ jsx(Text, { color: "white", children: key }),
   /* @__PURE__ */ jsx(Text, { dimColor: true, children: desc })
 ] }, key)) });
-var FilterBar = ({ filter }) => {
-  const opts = ["all", "chat", "code"];
-  return /* @__PURE__ */ jsx(Box, { gap: 1, children: opts.map((o) => /* @__PURE__ */ jsx(
-    Text,
-    {
-      color: filter === o ? "cyan" : "gray",
-      bold: filter === o,
-      children: filter === o ? `[${o}]` : o
-    },
-    o
-  )) });
-};
 var CleanConfirm = ({
   items,
   onConfirm,
@@ -290,7 +479,7 @@ var CleanConfirm = ({
       const color = REASON_COLOR[reason] ?? "white";
       return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: i > 0 ? 1 : 0, children: [
         /* @__PURE__ */ jsxs(Box, { gap: 2, children: [
-          /* @__PURE__ */ jsx(Text, { color: sel ? "cyan" : "gray", children: sel ? "\u25B6" : " " }),
+          /* @__PURE__ */ jsx(Text, { color: sel ? "cyan" : "gray", children: sel ? "\u203A" : " " }),
           /* @__PURE__ */ jsx(Text, { color: checked ? color : "gray", children: checked ? "[x]" : "[ ]" }),
           /* @__PURE__ */ jsx(Text, { color: checked ? color : "gray", bold: checked, children: reason }),
           /* @__PURE__ */ jsx(Text, { color: checked ? color : "gray", dimColor: true, children: countByReason[reason] })
@@ -338,51 +527,186 @@ var CleanApp = () => {
 };
 var App = () => {
   const { exit } = useApp();
+  const { stdout } = useStdout();
   const [sessions, setSessions] = useState(null);
-  const [cursor, setCursor] = useState(0);
+  const [loadingIndex, setLoadingIndex] = useState(0);
+  const [tab, setTab] = useState(savedState.tab);
+  const [cursor, setCursor] = useState(savedState.cursor);
   const [mode, setMode] = useState("list");
   const [newName, setNewName] = useState("");
-  const [filter, setFilter] = useState("all");
+  const [renameValue, setRenameValue] = useState("");
   const [search, setSearch] = useState("");
   const [cleanItems, setCleanItems] = useState(null);
+  const [deleteAllTarget, setDeleteAllTarget] = useState(null);
+  const [previewContent, setPreviewContent] = useState([]);
+  const [previewScroll, setPreviewScroll] = useState(0);
+  const [expandedProjects, setExpandedProjects] = useState(
+    /* @__PURE__ */ new Set()
+  );
+  const [expandedTags, setExpandedTags] = useState(/* @__PURE__ */ new Set());
+  const [tagValue, setTagValue] = useState("");
+  const [scrollOffset, setScrollOffset] = useState(0);
+  const LOADING_MESSAGES = [
+    "Summoning your sessions\u2026",
+    "Reading the scrolls\u2026",
+    "Warming up the neurons\u2026",
+    "Herding your sessions\u2026",
+    "Consulting the oracle\u2026",
+    "Charging up\u2026",
+    "Loading memories\u2026",
+    "Almost there\u2026"
+  ];
   useEffect(() => {
-    loadSessions().then(setSessions);
+    const p = sessionPreload ?? loadSessions();
+    sessionPreload = null;
+    p.then(setSessions);
   }, []);
-  const chatSessions = sessions?.filter((s) => s.type === "chat") ?? [];
-  const codeSessions = sessions?.filter((s) => s.type === "code") ?? [];
-  const grouped = filter === "chat" ? chatSessions : filter === "code" ? codeSessions : [...chatSessions, ...codeSessions];
-  const filtered = search ? grouped.filter(
-    (s) => s.label.toLowerCase().includes(search.toLowerCase()) || s.path.toLowerCase().includes(search.toLowerCase())
-  ) : grouped;
-  const items = sessions ? [null, ...filtered] : [];
-  const doExit = (action) => {
-    pendingAction = action;
+  useEffect(() => {
+    if (sessions) return;
+    const id = setInterval(
+      () => setLoadingIndex((i) => (i + 1) % LOADING_MESSAGES.length),
+      600
+    );
+    return () => clearInterval(id);
+  }, [sessions]);
+  const CHROME_ROWS = 10;
+  const listHeight = Math.max(1, (stdout.rows ?? 24) - CHROME_ROWS);
+  const displayItems = useMemo(
+    () => sessions ? buildDisplayItems(
+      tab,
+      sessions,
+      search,
+      expandedProjects,
+      expandedTags
+    ) : [],
+    [sessions, tab, search, expandedProjects, expandedTags]
+  );
+  useEffect(() => {
+    if (cursor < scrollOffset) setScrollOffset(cursor);
+    else if (cursor >= scrollOffset + listHeight)
+      setScrollOffset(cursor - listHeight + 1);
+  }, [cursor, listHeight]);
+  useEffect(() => {
+    setScrollOffset(0);
+  }, [tab, search]);
+  const moveCursor = (dir) => setCursor((c) => Math.max(0, Math.min(displayItems.length - 1, c + dir)));
+  const toggleExpand = (dir) => setExpandedProjects((prev) => {
+    if (prev.has(dir)) return /* @__PURE__ */ new Set();
+    return /* @__PURE__ */ new Set([dir]);
+  });
+  const toggleExpandTag = (tag) => setExpandedTags((prev) => {
+    if (prev.has(tag)) {
+      const n = new Set(prev);
+      n.delete(tag);
+      return n;
+    }
+    return /* @__PURE__ */ new Set([...prev, tag]);
+  });
+  const cycleTab = (dir) => {
+    const next = TABS[(TABS.indexOf(tab) + dir + TABS.length) % TABS.length];
+    setTab(next);
+    setSearch("");
+  };
+  const doOpen = (session) => {
+    savedState = { tab, cursor };
+    const isChat = session.type === "chat";
+    pendingAction = {
+      type: isChat ? session.claudeProjectDir ? "open" : "new" : session.sessionId ? "resume" : session.claudeProjectDir ? "open" : "new",
+      dir: session.dir,
+      sessionId: !isChat ? session.sessionId : void 0
+    };
     exit();
   };
-  const cycleFilter = () => {
-    setFilter((f) => f === "all" ? "chat" : f === "chat" ? "code" : "all");
+  useEffect(() => {
     setCursor(0);
-  };
+  }, [tab]);
   useInput(
     (input, key) => {
-      if (key.upArrow) setCursor((c) => Math.max(0, c - 1));
-      if (key.downArrow) setCursor((c) => Math.min(items.length - 1, c + 1));
-      if (key.tab) cycleFilter();
+      if (key.upArrow) moveCursor(-1);
+      if (key.downArrow) moveCursor(1);
+      if (key.leftArrow) cycleTab(-1);
+      if (key.rightArrow) cycleTab(1);
+      if (key.tab) cycleTab(1);
       if (input === "/") {
         setMode("search");
         setSearch("");
         setCursor(0);
       }
       if (key.return) {
-        if (cursor === 0) {
+        const item = displayItems[cursor];
+        if (!item) return;
+        if (item.kind === "new") {
           setMode("new");
           setNewName("");
-        } else if (items[cursor]) {
-          const s = items[cursor];
-          doExit({ type: s.claudeProjectDir ? "open" : "new", dir: s.dir });
+        } else if (item.kind === "header") {
+          doOpen(item.recentSession);
+        } else if (item.kind === "session") {
+          doOpen(item.session);
+        }
+      }
+      if (input === " ") {
+        const item = displayItems[cursor];
+        if (item?.kind === "header") toggleExpand(item.dir);
+        if (item?.kind === "tag-header") toggleExpandTag(item.label);
+      }
+      if (input === "d") {
+        const item = displayItems[cursor];
+        if (item?.kind === "session") setMode("confirm-delete");
+        if (item?.kind === "header") {
+          const groupSessions = sessions.filter((s) => s.dir === item.dir);
+          setDeleteAllTarget({
+            dir: item.dir,
+            label: item.label,
+            sessions: groupSessions
+          });
+          setMode("confirm-delete-all");
+        }
+      }
+      if (input === "r") {
+        const item = displayItems[cursor];
+        if (item?.kind === "session" && (item.session.type === "chat" || item.session.sessionId)) {
+          setRenameValue(item.session.label);
+          setMode("rename");
+        }
+      }
+      if (input === "f") {
+        const item = displayItems[cursor];
+        const dir = item?.kind === "session" && item.session.type === "chat" ? item.session.dir : null;
+        if (dir) spawnSync("open", [dir]);
+      }
+      if (input === "m") {
+        const item = displayItems[cursor];
+        if (item?.kind === "session" && item.session.hasClaudeMd) {
+          try {
+            const content = readFileSync(
+              join(item.session.dir, "CLAUDE.md"),
+              "utf8"
+            );
+            setPreviewContent(content.split("\n"));
+            setPreviewScroll(0);
+            setMode("preview-claude-md");
+          } catch {
+          }
+        }
+      }
+      if (input === "p") {
+        const item = displayItems[cursor];
+        if (item?.kind === "session" && item.session.type === "chat") {
+          toggleSessionPin(item.session.dir);
+          setSessions(
+            (prev) => prev ? prev.map(
+              (s) => s.dir === item.session.dir ? { ...s, pinned: !s.pinned } : s
+            ) : prev
+          );
+        }
+      }
+      if (input === "t") {
+        const item = displayItems[cursor];
+        if (item?.kind === "session" && item.session.type === "chat") {
+          setTagValue(item.session.tag ?? "");
+          setMode("tag");
         }
       }
-      if (input === "d" && cursor > 0) setMode("confirm-delete");
       if (input === "C") {
         setCleanItems(null);
         setMode("clean-confirm");
@@ -394,16 +718,17 @@ var App = () => {
   );
   useInput(
     (input, key) => {
-      if (key.upArrow) setCursor((c) => Math.max(0, c - 1));
-      if (key.downArrow) setCursor((c) => Math.min(items.length - 1, c + 1));
+      if (key.upArrow) moveCursor(-1);
+      if (key.downArrow) moveCursor(1);
       if (key.return) {
-        if (cursor === 0) {
+        const item = displayItems[cursor];
+        if (!item) return;
+        if (item.kind === "new") {
           setSearch("");
           setMode("new");
           setNewName("");
-        } else if (items[cursor]) {
-          const s = items[cursor];
-          doExit({ type: s.claudeProjectDir ? "open" : "new", dir: s.dir });
+        } else if (item.kind === "session") {
+          doOpen(item.session);
         }
       }
       if (key.escape) {
@@ -417,88 +742,365 @@ var App = () => {
   useInput(
     (input, key) => {
       if (input === "y") {
-        const item = items[cursor];
-        deleteSession(item);
-        setSessions((s) => s.filter((x) => x.dir !== item.dir));
-        setCursor((c) => Math.min(c, items.length - 2));
+        const item = displayItems[cursor];
+        if (item?.kind === "session") {
+          deleteSession(item.session);
+          setSessions(
+            (s) => s.filter(
+              (x) => !(x.dir === item.session.dir && x.sessionId === item.session.sessionId)
+            )
+          );
+          setCursor((c) => Math.max(0, c - 1));
+        }
         setMode("list");
       }
       if (input === "n" || key.escape) setMode("list");
     },
     { isActive: mode === "confirm-delete" }
   );
+  useInput(
+    (input, key) => {
+      if (input === "y" && deleteAllTarget) {
+        const claudeProjectDir = deleteAllTarget.sessions[0]?.claudeProjectDir;
+        for (const s of deleteAllTarget.sessions) deleteSession(s);
+        if (claudeProjectDir && existsSync(claudeProjectDir))
+          try {
+            execSync(`trash "${claudeProjectDir}"`);
+          } catch {
+          }
+        removeFromClaudeJson(deleteAllTarget.dir);
+        removeSessionLabel(deleteAllTarget.dir);
+        setSessions((s) => s.filter((x) => x.dir !== deleteAllTarget.dir));
+        setCursor((c) => Math.max(0, c - 1));
+        setDeleteAllTarget(null);
+        setMode("list");
+      }
+      if (input === "n" || key.escape) {
+        setDeleteAllTarget(null);
+        setMode("list");
+      }
+    },
+    { isActive: mode === "confirm-delete-all" }
+  );
   useInput(
     (_, key) => {
       if (key.escape) setMode("list");
     },
-    { isActive: mode === "new" }
+    { isActive: mode === "new" || mode === "rename" || mode === "tag" }
   );
-  if (!sessions) return /* @__PURE__ */ jsx(Text, { dimColor: true, children: " loading\u2026" });
-  if (mode === "new")
-    return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-      /* @__PURE__ */ jsx(Text, { bold: true, children: "New chat" }),
-      /* @__PURE__ */ jsxs(Box, { marginTop: 1, gap: 1, children: [
-        /* @__PURE__ */ jsx(Text, { color: "cyan", children: "\u203A" }),
-        /* @__PURE__ */ jsx(
-          TextInput,
-          {
-            value: newName,
-            onChange: setNewName,
-            onSubmit: (val) => {
-              if (!val.trim()) {
+  useInput(
+    (_, key) => {
+      if (key.upArrow) setPreviewScroll((s) => Math.max(0, s - 1));
+      if (key.downArrow)
+        setPreviewScroll(
+          (s) => Math.min(Math.max(0, previewContent.length - listHeight), s + 1)
+        );
+      if (key.escape) setMode("list");
+    },
+    { isActive: mode === "preview-claude-md" }
+  );
+  const isSearching = mode === "search";
+  const visibleItems = mode === "list" || mode === "search" ? displayItems.slice(scrollOffset, scrollOffset + listHeight) : [];
+  const renderContent = () => {
+    if (!sessions)
+      return /* @__PURE__ */ jsxs(Box, { paddingX: 2, gap: 1, children: [
+        /* @__PURE__ */ jsx(Text, { color: SEL_COLOR, children: "\u273B" }),
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: LOADING_MESSAGES[loadingIndex] })
+      ] });
+    if (mode === "new")
+      return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 2, children: [
+        /* @__PURE__ */ jsx(Text, { bold: true, children: "New chat" }),
+        /* @__PURE__ */ jsxs(Box, { marginTop: 1, gap: 1, children: [
+          /* @__PURE__ */ jsx(Text, { color: "cyan", children: "\u203A" }),
+          /* @__PURE__ */ jsx(
+            TextInput,
+            {
+              value: newName,
+              onChange: setNewName,
+              onSubmit: (val) => {
+                if (!val.trim()) {
+                  setMode("list");
+                  return;
+                }
+                const dir = join(CHATS_DIR, randomUUID());
+                saveSessionLabel(dir, val.trim());
+                savedState = { tab, cursor };
+                pendingAction = { type: "new", dir, name: val.trim() };
+                exit();
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Hint, { pairs: [["esc", "cancel"]] }) })
+      ] });
+    if (mode === "rename") {
+      const item = displayItems[cursor];
+      const session = item?.kind === "session" ? item.session : null;
+      return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 2, children: [
+        /* @__PURE__ */ jsx(Text, { bold: true, children: "Rename" }),
+        session && /* @__PURE__ */ jsx(Text, { dimColor: true, children: session.path }),
+        /* @__PURE__ */ jsxs(Box, { marginTop: 1, gap: 1, children: [
+          /* @__PURE__ */ jsx(Text, { color: "cyan", children: "\u203A" }),
+          /* @__PURE__ */ jsx(
+            TextInput,
+            {
+              value: renameValue,
+              onChange: setRenameValue,
+              onSubmit: (val) => {
+                if (!val.trim() || !session) {
+                  setMode("list");
+                  return;
+                }
+                const key = session.type === "chat" ? session.dir : session.sessionId;
+                if (!key) {
+                  setMode("list");
+                  return;
+                }
+                saveSessionLabel(key, val.trim());
+                setSessions(
+                  (prev) => prev ? prev.map(
+                    (s) => (session.type === "chat" ? s.dir === session.dir : s.sessionId === session.sessionId) ? { ...s, label: val.trim() } : s
+                  ) : prev
+                );
                 setMode("list");
-                return;
               }
-              doExit({ type: "new", dir: join(CHATS_DIR, slugify(val.trim())) });
             }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "enter to save \xB7 esc to cancel" }) })
+      ] });
+    }
+    if (mode === "tag") {
+      const item = displayItems[cursor];
+      const session = item?.kind === "session" ? item.session : null;
+      return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 2, children: [
+        /* @__PURE__ */ jsx(Text, { bold: true, children: "Tag" }),
+        session && /* @__PURE__ */ jsx(Text, { dimColor: true, children: session.label }),
+        /* @__PURE__ */ jsxs(Box, { marginTop: 1, gap: 1, children: [
+          /* @__PURE__ */ jsx(Text, { color: "cyan", children: "\u203A" }),
+          /* @__PURE__ */ jsx(
+            TextInput,
+            {
+              value: tagValue,
+              onChange: setTagValue,
+              onSubmit: (val) => {
+                if (!session) {
+                  setMode("list");
+                  return;
+                }
+                saveSessionTag(session.dir, val);
+                setSessions(
+                  (prev) => prev ? prev.map(
+                    (s) => s.dir === session.dir ? { ...s, tag: val.trim() || void 0 } : s
+                  ) : prev
+                );
+                setMode("list");
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "enter to save \xB7 empty to remove \xB7 esc to cancel" }) })
+      ] });
+    }
+    if (mode === "confirm-delete") {
+      const item = displayItems[cursor];
+      const session = item?.kind === "session" ? item.session : null;
+      return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 2, children: [
+        /* @__PURE__ */ jsxs(Text, { children: [
+          "Remove",
+          " ",
+          /* @__PURE__ */ jsx(Text, { color: "red", bold: true, children: session?.label ?? "" }),
+          "?"
+        ] }),
+        session && /* @__PURE__ */ jsx(Text, { dimColor: true, children: session.path }),
+        /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(
+          Hint,
+          {
+            pairs: [
+              ["y", "confirm"],
+              ["n / esc", "cancel"]
+            ]
           }
-        )
+        ) })
+      ] });
+    }
+    if (mode === "confirm-delete-all" && deleteAllTarget)
+      return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 2, children: [
+        /* @__PURE__ */ jsxs(Text, { children: [
+          "Delete all",
+          " ",
+          /* @__PURE__ */ jsx(Text, { color: "red", bold: true, children: deleteAllTarget.sessions.length }),
+          " ",
+          "sessions for",
+          " ",
+          /* @__PURE__ */ jsx(Text, { color: "red", bold: true, children: deleteAllTarget.label }),
+          "?"
+        ] }),
+        deleteAllTarget.sessions[0]?.sessionId && /* @__PURE__ */ jsx(Text, { dimColor: true, children: "session history only \u2014 project folder is untouched" }),
+        /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginTop: 1, children: deleteAllTarget.sessions.map((s) => /* @__PURE__ */ jsxs(Box, { gap: 1, children: [
+          /* @__PURE__ */ jsx(Text, { color: "gray", children: "\xB7" }),
+          /* @__PURE__ */ jsx(Box, { flexGrow: 1, flexShrink: 1, minWidth: 0, children: /* @__PURE__ */ jsx(Text, { dimColor: true, wrap: "truncate-end", children: s.label }) }),
+          /* @__PURE__ */ jsx(Box, { flexShrink: 0, minWidth: 9, justifyContent: "flex-end", children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: s.ago }) })
+        ] }, s.sessionId ?? s.label)) }),
+        /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(
+          Hint,
+          {
+            pairs: [
+              ["y", "confirm"],
+              ["n / esc", "cancel"]
+            ]
+          }
+        ) })
+      ] });
+    if (mode === "preview-claude-md") {
+      const visibleLines = previewContent.slice(
+        previewScroll,
+        previewScroll + listHeight
+      );
+      return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 2, children: [
+        /* @__PURE__ */ jsx(Text, { bold: true, children: "CLAUDE.md" }),
+        /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginTop: 1, children: visibleLines.map((line, i) => /* @__PURE__ */ jsx(Text, { wrap: "truncate-end", children: line || " " }, previewScroll + i)) }),
+        /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(
+          Hint,
+          {
+            pairs: [
+              ["\u2191\u2193", "scroll"],
+              ["esc", "close"]
+            ]
+          }
+        ) })
+      ] });
+    }
+    if (mode === "clean-confirm")
+      return /* @__PURE__ */ jsx(
+        CleanConfirm,
+        {
+          items: cleanItems,
+          onConfirm: (selected) => {
+            for (const item of selected) item.execute();
+            setMode("list");
+            loadSessions().then(setSessions);
+          },
+          onCancel: () => setMode("list")
+        }
+      );
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      tab === "schedule" && displayItems.length === 0 && /* @__PURE__ */ jsxs(Box, { paddingX: 2, gap: 1, children: [
+        /* @__PURE__ */ jsx(Text, { color: "blue", children: "i" }),
+        /* @__PURE__ */ jsx(Text, { children: "no scheduled tasks yet" })
       ] }),
-      /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Hint, { pairs: [["esc", "cancel"]] }) })
+      visibleItems.map((item, vi) => {
+        const i = scrollOffset + vi;
+        const sel = i === cursor;
+        if (item.kind === "new") {
+          return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+            /* @__PURE__ */ jsxs(Box, { paddingX: 2, gap: 1, children: [
+              /* @__PURE__ */ jsx(Text, { color: sel ? "green" : "gray", children: sel ? "\u203A" : " " }),
+              /* @__PURE__ */ jsx(Text, { color: sel ? SEL_COLOR : "white", bold: sel, children: "+ New chat" })
+            ] }),
+            /* @__PURE__ */ jsx(Text, { children: " " })
+          ] }, "new");
+        }
+        if (item.kind === "header") {
+          return /* @__PURE__ */ jsxs(Box, { paddingLeft: 2, gap: 1, children: [
+            /* @__PURE__ */ jsx(Text, { color: sel ? "green" : "gray", children: sel ? "\u203A" : " " }),
+            /* @__PURE__ */ jsx(Text, { color: "gray", children: item.expanded ? "-" : "+" }),
+            /* @__PURE__ */ jsx(Text, { color: sel ? SEL_COLOR : "green", children: ICON_CODE }),
+            /* @__PURE__ */ jsx(Box, { flexGrow: 1, flexShrink: 1, minWidth: 0, children: /* @__PURE__ */ jsxs(
+              Text,
+              {
+                color: sel ? SEL_COLOR : "white",
+                bold: true,
+                wrap: "truncate-end",
+                children: [
+                  item.label,
+                  item.count > 1 && /* @__PURE__ */ jsx(
+                    Text,
+                    {
+                      color: sel ? SEL_COLOR : "gray",
+                      children: ` (${item.count})`
+                    }
+                  )
+                ]
+              }
+            ) }),
+            !item.expanded && /* @__PURE__ */ jsx(Box, { flexShrink: 0, minWidth: 9, justifyContent: "flex-end", children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: item.recentSession.ago }) })
+          ] }, `h-${item.dir}`);
+        }
+        if (item.kind === "tag-header") {
+          return /* @__PURE__ */ jsxs(Box, { paddingLeft: 2, gap: 1, children: [
+            /* @__PURE__ */ jsx(Text, { color: sel ? "green" : "gray", children: sel ? "\u203A" : " " }),
+            /* @__PURE__ */ jsx(Text, { color: "gray", children: item.expanded ? "-" : "+" }),
+            /* @__PURE__ */ jsx(Text, { color: sel ? SEL_COLOR : "blue", children: "#" }),
+            /* @__PURE__ */ jsx(Box, { flexGrow: 1, flexShrink: 1, minWidth: 0, children: /* @__PURE__ */ jsxs(
+              Text,
+              {
+                color: sel ? SEL_COLOR : "white",
+                bold: true,
+                wrap: "truncate-end",
+                children: [
+                  item.label,
+                  item.count > 1 && /* @__PURE__ */ jsx(
+                    Text,
+                    {
+                      color: sel ? SEL_COLOR : "gray",
+                      children: ` (${item.count})`
+                    }
+                  )
+                ]
+              }
+            ) })
+          ] }, `tag-${item.label}`);
+        }
+        const s = item.session;
+        const indent = tab === "code" ? 6 : !s.pinned && s.tag ? 4 : 2;
+        return /* @__PURE__ */ jsxs(
+          Box,
+          {
+            paddingLeft: indent,
+            gap: 1,
+            children: [
+              s.type === "chat" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(Text, { color: sel ? "green" : "gray", children: sel ? "\u203A" : " " }),
+                /* @__PURE__ */ jsx(Text, { color: sel ? SEL_COLOR : "magenta", children: ICON_CHAT })
+              ] }) : /* @__PURE__ */ jsx(Text, { color: sel ? "green" : "gray", children: sel ? "\u203A" : "\xB7" }),
+              /* @__PURE__ */ jsx(Box, { flexGrow: 1, flexShrink: 1, minWidth: 0, children: /* @__PURE__ */ jsx(
+                Text,
+                {
+                  color: sel ? SEL_COLOR : "white",
+                  bold: s.type === "chat",
+                  wrap: "truncate-end",
+                  children: s.label
+                }
+              ) }),
+              s.pinned && /* @__PURE__ */ jsx(Box, { flexShrink: 0, marginRight: 1, children: /* @__PURE__ */ jsx(Text, { color: sel ? "yellow" : "gray", dimColor: !sel, children: "\u2605" }) }),
+              s.hasClaudeMd && /* @__PURE__ */ jsx(Box, { flexShrink: 0, marginRight: 1, children: /* @__PURE__ */ jsx(Text, { color: sel ? "cyan" : "gray", dimColor: !sel, children: "md" }) }),
+              /* @__PURE__ */ jsx(Box, { flexShrink: 0, minWidth: 9, justifyContent: "flex-end", children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: s.ago }) })
+            ]
+          },
+          `${s.dir}-${s.sessionId ?? s.label}`
+        );
+      }),
+      /* @__PURE__ */ jsx(Box, { marginTop: 1, paddingX: 2, children: /* @__PURE__ */ jsx(Hint, { pairs: contextHints(displayItems[cursor]) }) })
     ] });
-  if (mode === "confirm-delete") {
-    const item = items[cursor];
-    const toDelete = [
-      ...item.type === "chat" ? [item.dir] : [],
-      ...item.claudeProjectDir ? [item.claudeProjectDir] : []
-    ];
-    return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-      /* @__PURE__ */ jsxs(Text, { children: [
-        "Remove",
-        " ",
-        /* @__PURE__ */ jsx(Text, { color: "red", bold: true, children: item.label }),
-        "?"
-      ] }),
-      /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginTop: 1, children: toDelete.map((p) => /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-        " ",
-        p.replace(HOME, "~")
-      ] }, p)) }),
-      /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(
-        Hint,
+  };
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingY: 1, width: stdout.columns, children: [
+    /* @__PURE__ */ jsxs(Box, { paddingX: 2, gap: 1, marginBottom: 1, children: [
+      /* @__PURE__ */ jsx(Text, { color: SEL_COLOR, children: "\u273B" }),
+      /* @__PURE__ */ jsx(Text, { bold: true, children: "Claude" })
+    ] }),
+    /* @__PURE__ */ jsx(Box, { paddingX: 2, gap: 3, marginBottom: 1, children: TABS.map((t) => /* @__PURE__ */ jsxs(Box, { gap: 1, children: [
+      /* @__PURE__ */ jsx(Text, { color: tab === t ? SEL_COLOR : "gray", children: TAB_ICON[t] }),
+      /* @__PURE__ */ jsx(
+        Text,
         {
-          pairs: [
-            ["y", "confirm"],
-            ["n / esc", "cancel"]
-          ]
+          color: tab === t ? SEL_COLOR : "gray",
+          bold: tab === t,
+          underline: tab === t,
+          children: TAB_LABEL[t]
         }
-      ) })
-    ] });
-  }
-  if (mode === "clean-confirm")
-    return /* @__PURE__ */ jsx(
-      CleanConfirm,
-      {
-        items: cleanItems,
-        onConfirm: (selected) => {
-          for (const item of selected) item.execute();
-          setMode("list");
-          loadSessions().then(setSessions);
-        },
-        onCancel: () => setMode("list")
-      }
-    );
-  const isSearching = mode === "search";
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingY: 1, children: [
+      )
+    ] }, t)) }),
     /* @__PURE__ */ jsxs(Box, { paddingX: 2, marginBottom: 1, gap: 1, children: [
       /* @__PURE__ */ jsx(Text, { dimColor: true, children: "/" }),
       isSearching ? /* @__PURE__ */ jsx(
@@ -514,68 +1116,158 @@ var App = () => {
         }
       ) : /* @__PURE__ */ jsx(Text, { dimColor: true, children: search || "search\u2026" })
     ] }),
-    items.map((item, i) => {
-      const sel = i === cursor;
-      const prev = items[i - 1];
-      const showChatHeader = !search && filter === "all" && item?.type === "chat" && prev?.type !== "chat";
-      const showCodeHeader = !search && filter === "all" && item?.type === "code" && prev?.type !== "code";
-      if (!item)
-        return /* @__PURE__ */ jsxs(Box, { paddingX: 2, children: [
-          /* @__PURE__ */ jsx(Text, { color: sel ? "cyan" : "gray", children: sel ? "\u25B6 " : "  " }),
-          /* @__PURE__ */ jsx(Text, { color: "white", bold: sel, children: "+ New chat" })
-        ] }, "new");
-      return /* @__PURE__ */ jsxs(React.Fragment, { children: [
-        showChatHeader && /* @__PURE__ */ jsx(SectionHeader, { label: "chat" }),
-        showCodeHeader && /* @__PURE__ */ jsx(SectionHeader, { label: "code" }),
-        /* @__PURE__ */ jsxs(Box, { paddingX: 2, gap: 2, children: [
-          /* @__PURE__ */ jsx(Text, { color: sel ? "cyan" : "gray", children: sel ? "\u25B6" : " " }),
-          /* @__PURE__ */ jsx(
-            Text,
-            {
-              color: item.type === "chat" ? "magenta" : "green",
-              bold: sel,
-              children: item.type === "chat" ? ICON_CHAT : ICON_CODE
-            }
-          ),
-          /* @__PURE__ */ jsx(Text, { color: "white", bold: sel, children: item.label }),
-          /* @__PURE__ */ jsx(Text, { color: "gray", bold: sel, children: item.path }),
-          /* @__PURE__ */ jsx(Text, { color: "yellow", bold: sel, dimColor: !sel, children: item.ago }),
-          item.dir === HOME && /* @__PURE__ */ jsx(Text, { color: "red", dimColor: !sel, children: "\u26A0 not recommended" })
-        ] })
-      ] }, item.dir);
-    }),
-    /* @__PURE__ */ jsxs(Box, { marginTop: 1, paddingX: 2, gap: 3, children: [
-      /* @__PURE__ */ jsx(
-        Hint,
-        {
-          pairs: [
-            ["\u2191\u2193", "nav"],
-            ["enter", "open"],
-            ["d", "remove"],
-            ["/", "search"],
-            ["tab", "filter"],
-            ["C", "clean"],
-            ["q", "quit"]
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx(FilterBar, { filter })
-    ] })
+    renderContent()
   ] });
 };
 mkdirSync(CHATS_DIR, { recursive: true });
+var sleep = (ms) => new Promise((r) => setTimeout(r, ms));
+var runBanner = async () => {
+  const cols = process.stdout.columns ?? 80;
+  const O = "\x1B[38;5;208m";
+  const G = "\x1B[90m";
+  const D = "\x1B[2m";
+  const R = "\x1B[0m";
+  const c = (text, vis) => {
+    const pad = Math.max(0, Math.floor((cols - vis) / 2));
+    return " ".repeat(pad) + text;
+  };
+  const sparkle = (bright) => [
+    "",
+    c(bright ? `${G}\xB7 ${O}\u2726${G} \xB7${R}` : `${G}\xB7 \u2726 \xB7${R}`, 5),
+    c(bright ? `${O}\u2726 \xB7 \u273B \xB7 \u2726${R}` : `${G}\u2726 \xB7 ${O}\u273B${G} \xB7 \u2726${R}`, 9),
+    c(bright ? `${G}\xB7 ${O}\u2726${G} \xB7${R}` : `${G}\xB7 \u2726 \xB7${R}`, 5),
+    "",
+    c(`${O}claude sessions${R}`, 15)
+  ];
+  const txt = (bright) => c(bright ? `${O}claude sessions${R}` : `${D}claude sessions${R}`, 15);
+  const frames = [
+    [["", "", "", "", "", txt(false)], 150],
+    [["", "", c(`${D}\xB7${R}`, 1), "", "", txt(false)], 120],
+    [["", "", c(`${D}${O}\u273B${R}`, 1), "", "", txt(false)], 100],
+    [
+      [
+        "",
+        c(`${G}\xB7 \xB7 \xB7${R}`, 5),
+        c(`${G}\xB7 \u273B \xB7${R}`, 5),
+        c(`${G}\xB7 \xB7 \xB7${R}`, 5),
+        "",
+        txt(false)
+      ],
+      70
+    ],
+    [
+      [
+        "",
+        c(`${G}\u2726 \xB7 \u2726${R}`, 5),
+        c(`${G}\xB7 ${O}\u273B${G} \xB7${R}`, 5),
+        c(`${G}\u2726 \xB7 \u2726${R}`, 5),
+        "",
+        txt(false)
+      ],
+      70
+    ],
+    [
+      [
+        "",
+        c(`${G}\xB7 ${O}\u2726${G} \xB7${R}`, 5),
+        c(`${O}\u2726 \xB7 \u273B \xB7 \u2726${R}`, 9),
+        c(`${G}\xB7 ${O}\u2726${G} \xB7${R}`, 5),
+        "",
+        txt(false)
+      ],
+      70
+    ],
+    [
+      [
+        "",
+        c(`${G}\xB7 ${O}\u2726${G} \xB7${R}`, 5),
+        c(`${O}\u2726 \xB7 \u273B \xB7 \u2726${R}`, 9),
+        c(`${G}\xB7 ${O}\u2726${G} \xB7${R}`, 5),
+        "",
+        txt(true)
+      ],
+      90
+    ],
+    [
+      [
+        "",
+        c(`${G}\xB7 ${O}\u2726${G} \xB7${R}`, 5),
+        c(`${O}\u2726 \xB7 \u273B \xB7 \u2726${R}`, 9),
+        c(`${G}\xB7 ${O}\u2726${G} \xB7${R}`, 5),
+        "",
+        txt(true)
+      ],
+      130
+    ],
+    [sparkle(true), 200],
+    [sparkle(false), 180],
+    [sparkle(true), 180],
+    [sparkle(false), 180],
+    [sparkle(true), 180],
+    [sparkle(false), 200],
+    [
+      [
+        "",
+        "",
+        c(`${G}\xB7 ${O}\u273B${G} \xB7${R}`, 5),
+        "",
+        "",
+        c(`${O}claude sessions${R}`, 15)
+      ],
+      170
+    ],
+    [
+      ["", "", c(`${O}\u273B${R}`, 1), "", "", c(`${O}claude sessions${R}`, 15)],
+      160
+    ],
+    [
+      ["", "", c(`${O}\u273B${R}`, 1), "", "", c(`${O}claude sessions${R}`, 15)],
+      200
+    ]
+  ];
+  for (const [lines, ms] of frames) {
+    process.stdout.write("\x1B[H\x1B[J" + lines.join("\n"));
+    await sleep(ms);
+  }
+  process.stdout.write("\x1B[H\x1B[J");
+};
 if (process.argv[2] === "clean") {
   const { waitUntilExit } = render(/* @__PURE__ */ jsx(CleanApp, {}), { exitOnCtrlC: true });
   await waitUntilExit();
 } else {
-  const { waitUntilExit } = render(/* @__PURE__ */ jsx(App, {}), { exitOnCtrlC: true });
-  await waitUntilExit();
-  if (pendingAction) {
-    const { type, dir } = pendingAction;
+  let firstLaunch = true;
+  while (true) {
+    process.stdout.write("\x1B[?1049h\x1B[2J\x1B[H\x1B[?25l");
+    pendingAction = null;
+    if (firstLaunch && !process.argv.includes("--no-banner")) {
+      sessionPreload = loadSessions();
+      await runBanner();
+      firstLaunch = false;
+    }
+    const { waitUntilExit } = render(/* @__PURE__ */ jsx(App, {}), { exitOnCtrlC: true });
+    await waitUntilExit();
+    process.stdout.write("\x1B[2J\x1B[H\x1B[?1049l\x1B[2J\x1B[H\x1B[?25h");
+    if (!pendingAction) break;
+    const { type, dir, sessionId, name } = pendingAction;
     mkdirSync(dir, { recursive: true });
+    if (type === "new" && name) {
+      const claudeMdPath = join(dir, "CLAUDE.md");
+      if (!existsSync(claudeMdPath)) writeFileSync(claudeMdPath, `# ${name}
+`);
+    }
     process.chdir(dir);
-    spawnSync("claude", type === "open" ? ["--continue"] : [], {
-      stdio: "inherit"
-    });
+    const args = type === "resume" && sessionId ? ["--resume", sessionId] : type === "open" ? ["--continue"] : name ? ["--name", name] : [];
+    spawnSync("claude", args, { stdio: "inherit" });
+    if (type === "new") {
+      const claudeProjectDir = join(CLAUDE_PROJECTS, toProjectDirName(dir));
+      const hasConversation = existsSync(claudeProjectDir) && readdirSync(claudeProjectDir).filter((f) => f.endsWith(".jsonl")).some((f) => readFirstPrompt(join(claudeProjectDir, f)) !== "");
+      if (!hasConversation) {
+        try {
+          execSync(`trash "${dir}"`);
+        } catch {
+        }
+        removeSessionLabel(dir);
+      }
+    }
   }
 }