@colbymchenry/cmem 0.2.23 → 0.2.29

package/dist/cli.js

@@ -202,7 +202,7 @@ import { spawn as spawn2 } from "child_process";
 
 // src/ui/App.tsx
 import { useState as useState2, useEffect as useEffect2, useCallback as useCallback2 } from "react";
-import { Box as Box5, Text as Text5, useInput, useApp } from "ink";
+import { Box as Box6, Text as Text6, useInput, useApp } from "ink";
 import TextInput2 from "ink-text-input";
 import Spinner from "ink-spinner";
 import { basename as basename4, dirname as dirname2 } from "path";
@@ -361,21 +361,23 @@ var SessionList = ({
 };
 var SessionItem = ({ session, isSelected }) => {
   const hasCustomTitle = !!session.customTitle;
-  const displayTitle = truncate(session.customTitle || session.title, 40);
-  const folderName = session.projectPath ? truncate(basename2(session.projectPath), 40) : "";
+  const displayTitle = truncate(session.customTitle || session.title, 38);
+  const folderName = session.projectPath ? truncate(basename2(session.projectPath), 38) : "";
   const msgs = String(session.messageCount).padStart(3);
   const updated = formatTimeAgo(session.updatedAt);
   const getTitleColor = () => {
     if (isSelected) return "cyan";
+    if (session.isFavorite) return "yellow";
     if (hasCustomTitle) return "magenta";
     return void 0;
   };
   return /* @__PURE__ */ jsxs3(Box3, { children: [
     /* @__PURE__ */ jsx3(Text3, { color: isSelected ? "cyan" : void 0, children: isSelected ? "\u25B8 " : "  " }),
-    /* @__PURE__ */ jsx3(Text3, { bold: isSelected, color: getTitleColor(), wrap: "truncate", children: displayTitle.padEnd(40) }),
+    /* @__PURE__ */ jsx3(Text3, { color: "yellow", children: session.isFavorite ? "\u2B50" : "  " }),
+    /* @__PURE__ */ jsx3(Text3, { bold: isSelected, color: getTitleColor(), wrap: "truncate", children: displayTitle.padEnd(38) }),
     /* @__PURE__ */ jsxs3(Text3, { color: "blue", children: [
       " ",
-      folderName.padEnd(40)
+      folderName.padEnd(38)
     ] }),
     /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
       " ",
@@ -386,16 +388,108 @@ var SessionItem = ({ session, isSelected }) => {
   ] });
 };
 
-// src/ui/components/Preview.tsx
+// src/ui/components/ProjectList.tsx
 import { Box as Box4, Text as Text4 } from "ink";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var ProjectList = ({
+  projects,
+  selectedIndex
+}) => {
+  if (projects.length === 0) {
+    return /* @__PURE__ */ jsxs4(
+      Box4,
+      {
+        flexDirection: "column",
+        borderStyle: "round",
+        borderColor: "gray",
+        paddingX: 1,
+        paddingY: 0,
+        children: [
+          /* @__PURE__ */ jsx4(Text4, { bold: true, children: "Projects" }),
+          /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "No projects found" }),
+          /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "Start using Claude Code in a project directory" })
+        ]
+      }
+    );
+  }
+  const visibleCount = 8;
+  let startIndex = Math.max(0, selectedIndex - Math.floor(visibleCount / 2));
+  const endIndex = Math.min(projects.length, startIndex + visibleCount);
+  if (endIndex - startIndex < visibleCount) {
+    startIndex = Math.max(0, endIndex - visibleCount);
+  }
+  const visibleProjects = projects.slice(startIndex, endIndex);
+  return /* @__PURE__ */ jsxs4(
+    Box4,
+    {
+      flexDirection: "column",
+      borderStyle: "round",
+      borderColor: "gray",
+      paddingX: 1,
+      paddingY: 0,
+      children: [
+        /* @__PURE__ */ jsxs4(Text4, { bold: true, children: [
+          "Projects (",
+          projects.length,
+          ")"
+        ] }),
+        visibleProjects.map((project, i) => {
+          const actualIndex = startIndex + i;
+          const isSelected = actualIndex === selectedIndex;
+          return /* @__PURE__ */ jsx4(
+            ProjectItem,
+            {
+              project,
+              isSelected
+            },
+            project.path
+          );
+        }),
+        projects.length > visibleCount && /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
+          startIndex > 0 ? "\u2191 more above" : "",
+          startIndex > 0 && endIndex < projects.length ? " | " : "",
+          endIndex < projects.length ? "\u2193 more below" : ""
+        ] })
+      ]
+    }
+  );
+};
+var ProjectItem = ({ project, isSelected }) => {
+  const displayName = truncate(project.name, 40);
+  const sessions = `${project.sessionCount} session${project.sessionCount !== 1 ? "s" : ""}`;
+  const messages = `${project.totalMessages} msgs`;
+  const updated = formatTimeAgo(project.lastUpdated);
+  const orderBadge = project.sortOrder !== null ? `${project.sortOrder + 1}.` : "  ";
+  return /* @__PURE__ */ jsxs4(Box4, { children: [
+    /* @__PURE__ */ jsx4(Text4, { color: isSelected ? "cyan" : void 0, children: isSelected ? "\u25B8 " : "  " }),
+    /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
+      orderBadge.padStart(3),
+      " "
+    ] }),
+    /* @__PURE__ */ jsx4(Text4, { color: "blue", children: "\u{1F4C1} " }),
+    /* @__PURE__ */ jsx4(Text4, { bold: isSelected, color: isSelected ? "cyan" : void 0, wrap: "truncate", children: displayName.padEnd(35) }),
+    /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
+      " ",
+      sessions.padEnd(12)
+    ] }),
+    /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
+      " ",
+      messages.padEnd(10)
+    ] }),
+    /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: updated.padStart(10) })
+  ] });
+};
+
+// src/ui/components/Preview.tsx
+import { Box as Box5, Text as Text5 } from "ink";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var Preview = ({ session }) => {
   if (!session) {
     return null;
   }
   const summary = session.summary ? truncate(session.summary, 200) : "No summary available";
-  return /* @__PURE__ */ jsxs4(
-    Box4,
+  return /* @__PURE__ */ jsxs5(
+    Box5,
     {
       flexDirection: "column",
       borderStyle: "round",
@@ -404,15 +498,16 @@ var Preview = ({ session }) => {
       paddingY: 0,
       marginTop: 1,
       children: [
-        /* @__PURE__ */ jsxs4(Box4, { children: [
-          /* @__PURE__ */ jsx4(Text4, { bold: true, children: "Preview" }),
-          session.projectPath && /* @__PURE__ */ jsxs4(Text4, { bold: true, color: "blue", children: [
+        /* @__PURE__ */ jsxs5(Box5, { children: [
+          /* @__PURE__ */ jsx5(Text5, { bold: true, children: "Preview" }),
+          session.isFavorite && /* @__PURE__ */ jsx5(Text5, { color: "yellow", children: " \u2B50" }),
+          session.projectPath && /* @__PURE__ */ jsxs5(Text5, { bold: true, color: "blue", children: [
             "  \u{1F4C1} ",
             session.projectPath
           ] })
         ] }),
-        /* @__PURE__ */ jsx4(Text4, { wrap: "wrap", children: summary }),
-        /* @__PURE__ */ jsxs4(Text4, { dimColor: true, children: [
+        /* @__PURE__ */ jsx5(Text5, { wrap: "wrap", children: summary }),
+        /* @__PURE__ */ jsxs5(Text5, { dimColor: true, children: [
           "Messages: ",
           session.messageCount
         ] })
@@ -720,6 +815,22 @@ function initSchema(database) {
       embedding FLOAT[${EMBEDDING_DIMENSIONS}]
     );
   `);
+  database.exec(`
+    CREATE TABLE IF NOT EXISTS favorites (
+      id INTEGER PRIMARY KEY AUTOINCREMENT,
+      type TEXT NOT NULL CHECK (type IN ('session', 'folder')),
+      value TEXT NOT NULL,
+      created_at TEXT NOT NULL,
+      UNIQUE(type, value)
+    );
+  `);
+  database.exec(`
+    CREATE TABLE IF NOT EXISTS project_order (
+      path TEXT PRIMARY KEY,
+      sort_order INTEGER NOT NULL,
+      updated_at TEXT NOT NULL
+    );
+  `);
   database.exec(`
     CREATE INDEX IF NOT EXISTS idx_messages_session ON messages(session_id);
   `);
@@ -729,6 +840,9 @@ function initSchema(database) {
   database.exec(`
     CREATE INDEX IF NOT EXISTS idx_sessions_source ON sessions(source_file);
   `);
+  database.exec(`
+    CREATE INDEX IF NOT EXISTS idx_favorites_type ON favorites(type);
+  `);
   runMigrations(database);
 }
 function runMigrations(database) {
@@ -1001,6 +1115,96 @@ function needsReembedding(sessionId, currentContentLength, threshold = 500) {
   if (!state) return true;
   return currentContentLength - state.contentLength >= threshold;
 }
+function addFavorite(type, value) {
+  const db2 = getDatabase();
+  try {
+    db2.prepare(`
+      INSERT OR IGNORE INTO favorites (type, value, created_at)
+      VALUES (?, ?, ?)
+    `).run(type, value, (/* @__PURE__ */ new Date()).toISOString());
+    return true;
+  } catch {
+    return false;
+  }
+}
+function removeFavorite(type, value) {
+  const db2 = getDatabase();
+  const result = db2.prepare(`
+    DELETE FROM favorites WHERE type = ? AND value = ?
+  `).run(type, value);
+  return result.changes > 0;
+}
+function toggleFavorite(type, value) {
+  if (isFavorite(type, value)) {
+    removeFavorite(type, value);
+    return false;
+  } else {
+    addFavorite(type, value);
+    return true;
+  }
+}
+function isFavorite(type, value) {
+  const db2 = getDatabase();
+  const row = db2.prepare(`
+    SELECT 1 FROM favorites WHERE type = ? AND value = ?
+  `).get(type, value);
+  return !!row;
+}
+function getFavorites(type) {
+  const db2 = getDatabase();
+  const rows = db2.prepare(`
+    SELECT id, type, value, created_at as createdAt
+    FROM favorites
+    WHERE type = ?
+    ORDER BY created_at DESC
+  `).all(type);
+  return rows;
+}
+function getFavoriteSessionIds() {
+  const favorites = getFavorites("session");
+  return new Set(favorites.map((f) => f.value));
+}
+function hasFavoriteSessions() {
+  const db2 = getDatabase();
+  const row = db2.prepare(`
+    SELECT 1 FROM favorites WHERE type = 'session' LIMIT 1
+  `).get();
+  return !!row;
+}
+function getProjectOrders() {
+  const db2 = getDatabase();
+  const rows = db2.prepare(`
+    SELECT path, sort_order as sortOrder
+    FROM project_order
+    ORDER BY sort_order ASC
+  `).all();
+  const map = /* @__PURE__ */ new Map();
+  for (const row of rows) {
+    map.set(row.path, row.sortOrder);
+  }
+  return map;
+}
+function updateProjectOrders(orders) {
+  const db2 = getDatabase();
+  const now = (/* @__PURE__ */ new Date()).toISOString();
+  const stmt = db2.prepare(`
+    INSERT OR REPLACE INTO project_order (path, sort_order, updated_at)
+    VALUES (?, ?, ?)
+  `);
+  const transaction = db2.transaction(() => {
+    for (const order of orders) {
+      stmt.run(order.path, order.sortOrder, now);
+    }
+  });
+  transaction();
+}
+function hasCustomProjectOrder() {
+  const db2 = getDatabase();
+  const row = db2.prepare(`
+    SELECT 1 FROM project_order LIMIT 1
+  `).get();
+  return !!row;
+}
 
 // src/db/vectors.ts
 function storeEmbedding(sessionId, embedding) {
@@ -1112,18 +1316,81 @@ function useSessions(options = {}) {
   const [embeddingsReady, setEmbeddingsReady] = useState(false);
   const [isSearching, setIsSearching] = useState(false);
   const [projectFilter, setProjectFilter] = useState(options.projectFilter ?? null);
+  const [favoriteSessionIds, setFavoriteSessionIds] = useState(/* @__PURE__ */ new Set());
+  const [hasFavSessions, setHasFavSessions] = useState(false);
+  const [projectOrderMap, setProjectOrderMap] = useState(/* @__PURE__ */ new Map());
+  const [hasCustomOrder, setHasCustomOrder] = useState(false);
+  const smartSort = useCallback((sessionList, favIds) => {
+    const withFavorites = sessionList.map((s) => ({
+      ...s,
+      isFavorite: favIds.has(s.id)
+    }));
+    return withFavorites.sort((a, b) => {
+      const aHasCustom = !!a.customTitle;
+      const bHasCustom = !!b.customTitle;
+      const aTier = a.isFavorite ? 0 : aHasCustom ? 1 : 2;
+      const bTier = b.isFavorite ? 0 : bHasCustom ? 1 : 2;
+      if (aTier !== bTier) return aTier - bTier;
+      if (a.messageCount !== b.messageCount) return b.messageCount - a.messageCount;
+      return new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime();
+    });
+  }, []);
+  const [projects, setProjects] = useState([]);
+  const calculateProjects = useCallback((sessionList, orderMap) => {
+    const projectMap = /* @__PURE__ */ new Map();
+    for (const session of sessionList) {
+      if (!session.projectPath) continue;
+      const existing = projectMap.get(session.projectPath);
+      if (existing) {
+        existing.sessionCount++;
+        existing.totalMessages += session.messageCount;
+        if (new Date(session.updatedAt) > new Date(existing.lastUpdated)) {
+          existing.lastUpdated = session.updatedAt;
+        }
+      } else {
+        const pathParts = session.projectPath.split("/");
+        projectMap.set(session.projectPath, {
+          path: session.projectPath,
+          name: pathParts[pathParts.length - 1] || session.projectPath,
+          sessionCount: 1,
+          totalMessages: session.messageCount,
+          sortOrder: orderMap.get(session.projectPath) ?? null,
+          lastUpdated: session.updatedAt
+        });
+      }
+    }
+    return Array.from(projectMap.values()).sort((a, b) => {
+      if (a.sortOrder !== null && b.sortOrder !== null) {
+        return a.sortOrder - b.sortOrder;
+      }
+      if (a.sortOrder !== null && b.sortOrder === null) return -1;
+      if (a.sortOrder === null && b.sortOrder !== null) return 1;
+      if (a.totalMessages !== b.totalMessages) return b.totalMessages - a.totalMessages;
+      return new Date(b.lastUpdated).getTime() - new Date(a.lastUpdated).getTime();
+    });
+  }, []);
   const loadSessions = useCallback(() => {
     try {
       const loaded = projectFilter ? listHumanSessionsByProject(projectFilter) : listHumanSessions();
-      setAllSessions(loaded);
-      setSessions(loaded);
+      const favIds = getFavoriteSessionIds();
+      const orderMap = getProjectOrders();
+      setFavoriteSessionIds(favIds);
+      setProjectOrderMap(orderMap);
+      setHasFavSessions(hasFavoriteSessions());
+      setHasCustomOrder(hasCustomProjectOrder());
+      const sorted = smartSort(loaded, favIds);
+      setAllSessions(sorted);
+      setSessions(sorted);
+      if (!projectFilter) {
+        setProjects(calculateProjects(sorted, orderMap));
+      }
       setError(null);
     } catch (err) {
       setError(String(err));
     } finally {
       setLoading(false);
     }
-  }, [projectFilter]);
+  }, [projectFilter, smartSort, calculateProjects]);
   const initEmbeddings = useCallback(async () => {
     if (isReady()) {
       setEmbeddingsReady(true);
@@ -1153,7 +1420,7 @@ function useSessions(options = {}) {
       const filtered = allSessions.filter(
         (s) => s.title.toLowerCase().includes(query.toLowerCase()) || s.summary && s.summary.toLowerCase().includes(query.toLowerCase())
       );
-      setSessions(filtered);
+      setSessions(smartSort(filtered, favoriteSessionIds));
       setIsSearching(true);
       return;
     }
@@ -1161,18 +1428,18 @@ function useSessions(options = {}) {
       setLoading(true);
       const queryEmbedding = await getEmbedding(query);
       const results = searchSessions(queryEmbedding, 20);
-      setSessions(results);
+      setSessions(smartSort(results, favoriteSessionIds));
       setIsSearching(true);
     } catch (err) {
       setError(String(err));
       const filtered = allSessions.filter(
         (s) => s.title.toLowerCase().includes(query.toLowerCase()) || s.summary && s.summary.toLowerCase().includes(query.toLowerCase())
       );
-      setSessions(filtered);
+      setSessions(smartSort(filtered, favoriteSessionIds));
     } finally {
       setLoading(false);
     }
-  }, [allSessions, embeddingsReady]);
+  }, [allSessions, embeddingsReady, favoriteSessionIds, smartSort]);
   const clearSearch = useCallback(() => {
     setSessions(allSessions);
     setIsSearching(false);
@@ -1187,8 +1454,43 @@ function useSessions(options = {}) {
   const getSessionById = useCallback((id) => {
     return getSession(id);
   }, []);
+  const toggleFavoriteHandler = useCallback((sessionId) => {
+    const isNowFavorite = toggleFavorite("session", sessionId);
+    const newFavIds = new Set(favoriteSessionIds);
+    if (isNowFavorite) {
+      newFavIds.add(sessionId);
+    } else {
+      newFavIds.delete(sessionId);
+    }
+    setFavoriteSessionIds(newFavIds);
+    setHasFavSessions(newFavIds.size > 0);
+    setAllSessions((prev) => smartSort(prev, newFavIds));
+    setSessions((prev) => smartSort(prev, newFavIds));
+    return isNowFavorite;
+  }, [favoriteSessionIds, smartSort]);
+  const moveProject = useCallback((fromIndex, toIndex) => {
+    if (fromIndex === toIndex) return;
+    if (fromIndex < 0 || toIndex < 0) return;
+    if (fromIndex >= projects.length || toIndex >= projects.length) return;
+    const newProjects = [...projects];
+    const [movedProject] = newProjects.splice(fromIndex, 1);
+    newProjects.splice(toIndex, 0, movedProject);
+    const orders = newProjects.map((project, index) => ({
+      path: project.path,
+      sortOrder: index
+    }));
+    updateProjectOrders(orders);
+    const newOrderMap = /* @__PURE__ */ new Map();
+    for (const order of orders) {
+      newOrderMap.set(order.path, order.sortOrder);
+    }
+    setProjectOrderMap(newOrderMap);
+    setHasCustomOrder(true);
+    setProjects(newProjects.map((p, i) => ({ ...p, sortOrder: i })));
+  }, [projects]);
   return {
     sessions,
+    projects,
     loading,
     error,
     embeddingsReady,
@@ -1198,16 +1500,22 @@ function useSessions(options = {}) {
     search,
     clearSearch,
     deleteSession: deleteSessionHandler,
-    getSessionById
+    getSessionById,
+    toggleFavorite: toggleFavoriteHandler,
+    favoriteSessionIds,
+    hasFavoriteSessions: hasFavSessions,
+    moveProject,
+    hasCustomProjectOrder: hasCustomOrder
   };
 }
 
 // src/ui/App.tsx
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var App = ({ onResume, projectFilter: initialProjectFilter }) => {
   const { exit } = useApp();
   const {
     sessions,
+    projects,
     loading,
     embeddingsReady,
     projectFilter,
@@ -1215,18 +1523,34 @@ var App = ({ onResume, projectFilter: initialProjectFilter }) => {
     search,
     clearSearch,
     deleteSession: deleteSession2,
-    refresh
+    refresh,
+    toggleFavorite: toggleFavorite2,
+    moveProject
   } = useSessions({ projectFilter: initialProjectFilter });
   const [selectedIndex, setSelectedIndex] = useState2(0);
   const [searchQuery, setSearchQuery] = useState2("");
   const [mode, setMode] = useState2("list");
   const [statusMessage, setStatusMessage] = useState2(null);
   const [renameValue, setRenameValue] = useState2("");
+  const [currentTab, setCurrentTab] = useState2("global");
+  const [selectedProjectPath, setSelectedProjectPath] = useState2(null);
+  const getCurrentView = useCallback2(() => {
+    if (currentTab === "projects") {
+      return selectedProjectPath ? "project-sessions" : "projects";
+    }
+    return "sessions";
+  }, [currentTab, selectedProjectPath]);
+  const currentView = getCurrentView();
+  const projectSessions = selectedProjectPath ? sessions.filter((s) => s.projectPath === selectedProjectPath) : [];
+  useEffect2(() => {
+    setSelectedIndex(0);
+  }, [currentTab, selectedProjectPath]);
   useEffect2(() => {
-    if (selectedIndex >= sessions.length) {
-      setSelectedIndex(Math.max(0, sessions.length - 1));
+    const maxIndex = currentView === "projects" ? projects.length - 1 : currentView === "project-sessions" ? projectSessions.length - 1 : sessions.length - 1;
+    if (selectedIndex > maxIndex) {
+      setSelectedIndex(Math.max(0, maxIndex));
     }
-  }, [sessions, selectedIndex]);
+  }, [currentView, projects.length, projectSessions.length, sessions.length, selectedIndex]);
   useEffect2(() => {
     if (mode === "search" && searchQuery.length > 2) {
       const timer = setTimeout(() => {
@@ -1243,8 +1567,15 @@ var App = ({ onResume, projectFilter: initialProjectFilter }) => {
       return () => clearTimeout(timer);
     }
   }, [statusMessage]);
+  const getCurrentSessions = useCallback2(() => {
+    if (currentView === "project-sessions") {
+      return projectSessions;
+    }
+    return sessions;
+  }, [currentView, projectSessions, sessions]);
   const handleRestore = useCallback2(() => {
-    const session = sessions[selectedIndex];
+    const currentSessions2 = getCurrentSessions();
+    const session = currentSessions2[selectedIndex];
     if (!session) return;
     if (session.sourceFile) {
       const filename = basename4(session.sourceFile);
@@ -1283,17 +1614,30 @@ var App = ({ onResume, projectFilter: initialProjectFilter }) => {
     } else {
       setStatusMessage("No source file - cannot resume this session");
     }
-  }, [sessions, selectedIndex, onResume, exit]);
+  }, [getCurrentSessions, selectedIndex, onResume, exit]);
+  const handleEnterProject = useCallback2(() => {
+    const project = projects[selectedIndex];
+    if (project) {
+      setSelectedProjectPath(project.path);
+      setSelectedIndex(0);
+    }
+  }, [projects, selectedIndex]);
+  const handleBackToProjects = useCallback2(() => {
+    setSelectedProjectPath(null);
+    setSelectedIndex(0);
+  }, []);
   const handleDelete = useCallback2(() => {
-    const session = sessions[selectedIndex];
+    const currentSessions2 = getCurrentSessions();
+    const session = currentSessions2[selectedIndex];
     if (session) {
       deleteSession2(session.id);
       setStatusMessage(`Deleted: ${session.customTitle || session.title}`);
       setMode("list");
     }
-  }, [sessions, selectedIndex, deleteSession2]);
+  }, [getCurrentSessions, selectedIndex, deleteSession2]);
   const handleRename = useCallback2(() => {
-    const session = sessions[selectedIndex];
+    const currentSessions2 = getCurrentSessions();
+    const session = currentSessions2[selectedIndex];
     if (session && renameValue.trim()) {
       renameSession(session.id, renameValue.trim());
       setStatusMessage(`Renamed to: ${renameValue.trim()}`);
@@ -1301,18 +1645,19 @@ var App = ({ onResume, projectFilter: initialProjectFilter }) => {
     }
     setMode("list");
     setRenameValue("");
-  }, [sessions, selectedIndex, renameValue, refresh]);
+  }, [getCurrentSessions, selectedIndex, renameValue, refresh]);
   const handleClearRename = useCallback2(() => {
-    const session = sessions[selectedIndex];
+    const currentSessions2 = getCurrentSessions();
+    const session = currentSessions2[selectedIndex];
     if (session && session.customTitle) {
       renameSession(session.id, null);
       setStatusMessage(`Cleared custom name`);
       refresh();
     }
     setMode("list");
-  }, [sessions, selectedIndex, refresh]);
+  }, [getCurrentSessions, selectedIndex, refresh]);
   useInput((input, key) => {
-    if (input === "q" && mode !== "search" && mode !== "rename") {
+    if (input === "q" && mode !== "search" && mode !== "rename" && mode !== "sort-project") {
       exit();
       return;
     }
@@ -1349,54 +1694,99 @@ var App = ({ onResume, projectFilter: initialProjectFilter }) => {
       }
       return;
     }
+    if (mode === "sort-project") {
+      if (key.escape || key.return) {
+        setMode("list");
+        return;
+      }
+      if (key.upArrow || input === "k") {
+        if (selectedIndex > 0) {
+          moveProject(selectedIndex, selectedIndex - 1);
+          setSelectedIndex(selectedIndex - 1);
+        }
+        return;
+      }
+      if (key.downArrow || input === "j") {
+        if (selectedIndex < projects.length - 1) {
+          moveProject(selectedIndex, selectedIndex + 1);
+          setSelectedIndex(selectedIndex + 1);
+        }
+        return;
+      }
+      return;
+    }
     if (input === "/") {
       setMode("search");
       return;
     }
-    if (input === "r") {
-      if (sessions.length > 0) {
-        const session = sessions[selectedIndex];
+    if ((key.escape || key.backspace || key.delete) && currentView === "project-sessions") {
+      handleBackToProjects();
+      return;
+    }
+    if (input === "r" && currentView !== "projects") {
+      const currentSessions2 = getCurrentSessions();
+      if (currentSessions2.length > 0) {
+        const session = currentSessions2[selectedIndex];
         setRenameValue(session?.customTitle || "");
         setMode("rename");
       }
       return;
     }
-    if (input === "R") {
+    if (input === "R" && currentView !== "projects") {
       handleClearRename();
       return;
     }
+    if (key.leftArrow || input === "h") {
+      if (currentTab === "projects") {
+        setCurrentTab("global");
+        setSelectedProjectPath(null);
+      }
+      return;
+    }
+    if (key.rightArrow || input === "l") {
+      if (currentTab === "global") {
+        setCurrentTab("projects");
+      }
+      return;
+    }
     if (key.upArrow || input === "k") {
       setSelectedIndex((prev) => Math.max(0, prev - 1));
       return;
     }
     if (key.downArrow || input === "j") {
-      setSelectedIndex((prev) => Math.min(sessions.length - 1, prev + 1));
+      const maxIndex = currentView === "projects" ? projects.length - 1 : currentView === "project-sessions" ? projectSessions.length - 1 : sessions.length - 1;
+      setSelectedIndex((prev) => Math.min(maxIndex, prev + 1));
       return;
     }
     if (key.return) {
-      handleRestore();
+      if (currentView === "projects") {
+        handleEnterProject();
+      } else {
+        handleRestore();
+      }
       return;
     }
-    if (input === "d") {
-      if (sessions.length > 0) {
+    if (input === "d" && currentView !== "projects") {
+      const currentSessions2 = getCurrentSessions();
+      if (currentSessions2.length > 0) {
         setMode("confirm-delete");
       }
       return;
     }
-    if (input === "f") {
-      if (projectFilter) {
-        setProjectFilter(null);
-        setStatusMessage("Filter cleared - showing all sessions");
+    if (input === "s") {
+      if (currentView === "projects") {
+        if (projects.length > 0) {
+          setMode("sort-project");
+          setStatusMessage("Sort mode: use \u2191\u2193 to move, Enter to confirm");
+        }
       } else {
-        const session = sessions[selectedIndex];
-        if (session?.projectPath) {
-          setProjectFilter(session.projectPath);
-          setStatusMessage(`Filtering to: ${basename4(session.projectPath)}`);
-        } else {
-          setStatusMessage("No folder for this session");
+        const currentSessions2 = getCurrentSessions();
+        const session = currentSessions2[selectedIndex];
+        if (session) {
+          const isNowFavorite = toggleFavorite2(session.id);
+          setStatusMessage(isNowFavorite ? "\u2B50 Added to favorites" : "Removed from favorites");
         }
       }
-      setSelectedIndex(0);
       return;
     }
   });
@@ -1405,15 +1795,21 @@ var App = ({ onResume, projectFilter: initialProjectFilter }) => {
     setSelectedIndex(0);
   }, []);
   if (loading && sessions.length === 0) {
-    return /* @__PURE__ */ jsxs5(Box5, { padding: 1, children: [
-      /* @__PURE__ */ jsx5(Spinner, { type: "dots" }),
-      /* @__PURE__ */ jsx5(Text5, { children: " Loading sessions..." })
+    return /* @__PURE__ */ jsxs6(Box6, { padding: 1, children: [
+      /* @__PURE__ */ jsx6(Spinner, { type: "dots" }),
+      /* @__PURE__ */ jsx6(Text6, { children: " Loading sessions..." })
     ] });
   }
-  const selectedSession = sessions[selectedIndex] || null;
-  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", padding: 1, children: [
-    /* @__PURE__ */ jsx5(Header, { embeddingsReady, projectFilter }),
-    /* @__PURE__ */ jsx5(
+  const currentSessions = getCurrentSessions();
+  const selectedSession = currentView !== "projects" ? currentSessions[selectedIndex] || null : null;
+  const selectedProject = currentView === "projects" ? projects[selectedIndex] || null : null;
+  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", padding: 1, children: [
+    /* @__PURE__ */ jsx6(Header, { embeddingsReady, projectFilter: selectedProjectPath }),
+    currentView === "project-sessions" && selectedProjectPath && /* @__PURE__ */ jsxs6(Box6, { marginBottom: 0, children: [
+      /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "Projects \u2192 " }),
+      /* @__PURE__ */ jsx6(Text6, { color: "blue", children: basename4(selectedProjectPath) })
+    ] }),
+    currentTab === "global" && /* @__PURE__ */ jsx6(
       SearchInput,
       {
         value: searchQuery,
@@ -1421,22 +1817,62 @@ var App = ({ onResume, projectFilter: initialProjectFilter }) => {
         isFocused: mode === "search"
       }
     ),
-    /* @__PURE__ */ jsx5(
+    currentView === "projects" ? /* @__PURE__ */ jsx6(
+      ProjectList,
+      {
+        projects,
+        selectedIndex,
+        onSelect: setSelectedIndex
+      }
+    ) : /* @__PURE__ */ jsx6(
       SessionList,
       {
-        sessions,
+        sessions: currentSessions,
         selectedIndex,
         onSelect: setSelectedIndex
       }
     ),
-    /* @__PURE__ */ jsx5(Preview, { session: selectedSession }),
-    /* @__PURE__ */ jsx5(Box5, { marginTop: 1, children: mode === "confirm-delete" ? /* @__PURE__ */ jsxs5(Text5, { color: "yellow", children: [
+    selectedSession && /* @__PURE__ */ jsx6(Preview, { session: selectedSession }),
+    selectedProject && /* @__PURE__ */ jsxs6(
+      Box6,
+      {
+        flexDirection: "column",
+        borderStyle: "round",
+        borderColor: "gray",
+        paddingX: 1,
+        paddingY: 0,
+        marginTop: 1,
+        children: [
+          /* @__PURE__ */ jsxs6(Box6, { children: [
+            /* @__PURE__ */ jsx6(Text6, { bold: true, children: "Project Preview" }),
+            selectedProject.sortOrder !== null && /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
+              " (#",
+              selectedProject.sortOrder + 1,
+              ")"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs6(Text6, { color: "blue", children: [
+            "\u{1F4C1} ",
+            selectedProject.path
+          ] }),
+          /* @__PURE__ */ jsxs6(Text6, { dimColor: true, children: [
+            selectedProject.sessionCount,
+            " session",
+            selectedProject.sessionCount !== 1 ? "s" : "",
+            " \u2022 ",
+            selectedProject.totalMessages,
+            " messages"
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx6(Box6, { marginTop: 1, children: mode === "confirm-delete" ? /* @__PURE__ */ jsxs6(Text6, { color: "yellow", children: [
       'Delete "',
       selectedSession?.customTitle || selectedSession?.title,
       '"? [y/n]'
-    ] }) : mode === "rename" ? /* @__PURE__ */ jsxs5(Box5, { children: [
-      /* @__PURE__ */ jsx5(Text5, { color: "magenta", children: "Rename: " }),
-      /* @__PURE__ */ jsx5(
+    ] }) : mode === "rename" ? /* @__PURE__ */ jsxs6(Box6, { children: [
+      /* @__PURE__ */ jsx6(Text6, { color: "magenta", children: "Rename: " }),
+      /* @__PURE__ */ jsx6(
         TextInput2,
         {
           value: renameValue,
@@ -1444,8 +1880,32 @@ var App = ({ onResume, projectFilter: initialProjectFilter }) => {
           placeholder: "Enter new name..."
         }
       ),
-      /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "  [Enter] Save  [Esc] Cancel" })
-    ] }) : statusMessage ? /* @__PURE__ */ jsx5(Text5, { color: "green", children: statusMessage }) : /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "[\u2191\u2193/jk] Navigate  [Enter] Resume  [f] Filter folder  [r] Rename  [d] Delete  [/] Search  [q] Quit" }) })
+      /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "  [Enter] Save  [Esc] Cancel" })
+    ] }) : mode === "sort-project" ? /* @__PURE__ */ jsx6(Text6, { color: "cyan", children: "Sort mode: [\u2191\u2193] Move project  [Enter/Esc] Done" }) : statusMessage ? /* @__PURE__ */ jsx6(Text6, { color: "green", children: statusMessage }) : currentView === "projects" ? /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "[\u2191\u2193] Navigate  [Enter] Open  [s] Sort  [\u2190\u2192] Switch tabs  [q] Quit" }) : currentView === "project-sessions" ? /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "[\u2191\u2193] Navigate  [Enter] Resume  [s] Star  [Esc] Back  [r] Rename  [d] Delete  [q] Quit" }) : /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "[\u2191\u2193] Navigate  [Enter] Resume  [s] Star  [r] Rename  [d] Delete  [/] Search  [q] Quit" }) }),
+    /* @__PURE__ */ jsxs6(Box6, { marginTop: 1, children: [
+      /* @__PURE__ */ jsx6(
+        Text6,
+        {
+          backgroundColor: currentTab === "global" ? "green" : void 0,
+          color: currentTab === "global" ? "white" : void 0,
+          bold: currentTab === "global",
+          dimColor: currentTab !== "global",
+          children: currentTab === "global" ? " Global " : "Global"
+        }
+      ),
+      /* @__PURE__ */ jsx6(Text6, { children: " " }),
+      /* @__PURE__ */ jsx6(
+        Text6,
+        {
+          backgroundColor: currentTab === "projects" ? "magenta" : void 0,
+          color: currentTab === "projects" ? "white" : void 0,
+          bold: currentTab === "projects",
+          dimColor: currentTab !== "projects",
+          children: currentTab === "projects" ? " Projects " : "Projects"
+        }
+      ),
+      /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "  [\u2190\u2192] switch" })
+    ] })
   ] });
 };