@claude-sessions/web 0.3.3 → 0.3.4

package/build/server/chunks/{_page.svelte-Bgd-L7N_.js → _page.svelte-OvxQOUCZ.js}

@@ -1,7 +1,7 @@
 import { Y as escape_html, Z as is_array, _ as get_prototype_of, $ as object_prototype } from './index-CMS8WiSi.js';
+import { T as Toast, C as ConfirmModal, f as formatProjectName, a as appConfig, t as truncate, b as formatDate, m as maskHomePath } from './Toast-BzlMSW2A.js';
+import { I as InputModal } from './InputModal-CzUvurky.js';
 import { c as store_get, e as ensure_array_like, b as attr_class, a as attr, s as stringify, u as unsubscribe_stores, d as attributes, f as await_block, g as clsx } from './index2-gtN4acH3.js';
-import { T as Toast, f as formatProjectName, t as truncate, a as formatDate } from './Toast-CTZhGpnd.js';
-import { a as appConfig, m as maskHomePath } from './config-DKyxRWWg.js';
 import { t as sortProjects, u as getDisplayTitle } from './index3-DVZVsHMK.js';
 import 'marked';
 import 'fs';
@@ -207,252 +207,6 @@ const parseIdeTags = (content) => {
   }
   return segments;
 };
-function TooltipButton($$renderer, $$props) {
-  let {
-    title,
-    children,
-    position = "bottom",
-    class: className = "",
-    $$slots,
-    $$events,
-    ...buttonProps
-  } = $$props;
-  $$renderer.push(`<button${attributes(
-    {
-      class: `tooltip-btn ${stringify(className)}`,
-      ...buttonProps
-    },
-    "svelte-1yfjzin"
-  )}>`);
-  children($$renderer);
-  $$renderer.push(`<!----></button> `);
-  {
-    $$renderer.push("<!--[!-->");
-  }
-  $$renderer.push(`<!--]-->`);
-}
-function ProjectTree($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    var $$store_subs;
-    let {
-      projects,
-      projectSessions,
-      projectSessionData,
-      expandedProjects,
-      selectedSession,
-      loadingProject,
-      onRenameSession,
-      onDeleteSession,
-      onResumeSession
-    } = $$props;
-    const getSessionData = (projectName, sessionId) => {
-      return projectSessionData.get(projectName)?.get(sessionId);
-    };
-    const getDisplayTitle2 = (session) => {
-      const data = getSessionData(session.projectName, session.id);
-      if (data?.customTitle) return data.customTitle;
-      if (data?.currentSummary) {
-        const summary = data.currentSummary;
-        return summary.length > 60 ? summary.slice(0, 57) + "..." : summary;
-      }
-      if (session.title && session.title !== "Untitled") return session.title;
-      return "Untitled";
-    };
-    const getTooltipText = (session) => {
-      const data = getSessionData(session.projectName, session.id);
-      if (data?.customTitle && data?.currentSummary) {
-        return data.currentSummary;
-      }
-      if (data?.currentSummary && session.title && session.title !== "Untitled") {
-        return session.title;
-      }
-      if (data?.currentSummary) {
-        return data.currentSummary;
-      }
-      return session.title ?? "No summary available";
-    };
-    const getSessionInfo = (session) => {
-      const data = getSessionData(session.projectName, session.id);
-      const todoCount = data?.todos ? data.todos.sessionTodos.length + data.todos.agentTodos.reduce((acc, at) => acc + at.todos.length, 0) : 0;
-      return {
-        agents: data?.agents.length ?? 0,
-        todos: todoCount,
-        summaries: data?.summaries.length ?? 0
-      };
-    };
-    const sortedProjects = sortProjects(projects, {
-      currentProjectName: store_get($$store_subs ??= {}, "$appConfig", appConfig).currentProjectName,
-      homeDir: store_get($$store_subs ??= {}, "$appConfig", appConfig).homeDir
-    });
-    let expandedSessions = /* @__PURE__ */ new Set();
-    let draggedSession = null;
-    let dropTargetProject = null;
-    $$renderer2.push(`<aside class="bg-gh-bg-secondary border border-gh-border rounded-lg overflow-hidden flex flex-col"><h2 class="p-4 text-base font-semibold border-b border-gh-border bg-gh-bg">Projects (${escape_html(sortedProjects.length)})</h2> <ul class="overflow-y-auto flex-1"><!--[-->`);
-    const each_array = ensure_array_like(sortedProjects);
-    for (let $$index_4 = 0, $$length = each_array.length; $$index_4 < $$length; $$index_4++) {
-      let project = each_array[$$index_4];
-      const isDropTarget = dropTargetProject === project.name;
-      $$renderer2.push(`<li class="border-b border-gh-border-subtle"><button${attr_class(`w-full py-3 px-4 bg-transparent border-none text-gh-text cursor-pointer text-left flex items-center gap-2 font-medium hover:bg-gh-border-subtle ${stringify(expandedProjects.has(project.name) ? "bg-gh-accent/10" : "")} ${stringify(isDropTarget ? "bg-gh-green/20 ring-2 ring-gh-green ring-inset" : "")}`)}><span class="text-xs w-3 text-gh-text-secondary">${escape_html(expandedProjects.has(project.name) ? "▼" : "▶")}</span> <span class="flex-1 overflow-hidden text-ellipsis whitespace-nowrap"${attr("title", project.displayName)}>${escape_html(formatProjectName(project.displayName))}</span> <span class="bg-gh-border px-2 py-0.5 rounded-full text-xs font-normal">${escape_html(project.sessionCount)}</span></button> `);
-      if (expandedProjects.has(project.name)) {
-        $$renderer2.push("<!--[-->");
-        $$renderer2.push(`<ul class="bg-gh-bg">`);
-        if (loadingProject === project.name) {
-          $$renderer2.push("<!--[-->");
-          $$renderer2.push(`<li class="py-2 px-8 text-gh-text-secondary text-sm">Loading...</li>`);
-        } else {
-          $$renderer2.push("<!--[!-->");
-          $$renderer2.push(`<!--[-->`);
-          const each_array_1 = ensure_array_like(projectSessions.get(project.name) ?? []);
-          for (let $$index_3 = 0, $$length2 = each_array_1.length; $$index_3 < $$length2; $$index_3++) {
-            let session = each_array_1[$$index_3];
-            const isSelected = selectedSession?.id === session.id;
-            const isDragging = draggedSession?.id === session.id;
-            const sessionInfo = getSessionInfo(session);
-            const displayTitle = getDisplayTitle2(session);
-            const tooltipText = getTooltipText(session);
-            const data = getSessionData(session.projectName, session.id);
-            const isSummaryFallback = !data?.customTitle && !data?.currentSummary;
-            const isExpanded = expandedSessions.has(session.id);
-            const hasSubItems = sessionInfo.summaries > 0 || sessionInfo.agents > 0 || sessionInfo.todos > 0;
-            $$renderer2.push(`<li${attr_class(`relative border-t border-gh-border-subtle group ${stringify(isSelected ? "bg-gh-accent/20 border-l-3 border-l-gh-accent" : "")} ${stringify(isDragging ? "opacity-50" : "")}`)} draggable="true"><div class="flex items-center">`);
-            if (hasSubItems) {
-              $$renderer2.push("<!--[-->");
-              $$renderer2.push(`<button class="flex-shrink-0 w-5 h-8 flex items-center justify-center bg-transparent border-none cursor-pointer text-gh-text-secondary text-xs ml-1 z-10 relative"${attr("title", isExpanded ? "Collapse" : "Expand")}>${escape_html(isExpanded ? "▼" : "▶")}</button>`);
-            } else {
-              $$renderer2.push("<!--[!-->");
-              $$renderer2.push(`<span class="w-5 ml-1"></span>`);
-            }
-            $$renderer2.push(`<!--]--> <button class="flex-1 min-w-0 py-2 pr-2 bg-transparent border-none text-gh-text cursor-pointer text-left flex items-center gap-2 text-sm"${attr("title", tooltipText)}><span${attr_class(`flex-1 min-w-0 overflow-hidden text-ellipsis whitespace-nowrap ${stringify(isSummaryFallback ? "italic text-gh-text-secondary" : "")}`)}>${escape_html(displayTitle)}</span> <span class="flex-shrink-0 flex items-center gap-2 text-xs text-gh-text-secondary"><span class="flex items-center gap-0.5"${attr("title", `${stringify(session.messageCount)} messages`)}><span>💬</span><span>${escape_html(session.messageCount)}</span></span> `);
-            if (sessionInfo.agents > 0) {
-              $$renderer2.push("<!--[-->");
-              $$renderer2.push(`<span class="flex items-center gap-0.5"${attr("title", `${stringify(sessionInfo.agents)} agent(s)`)}><span>🤖</span><span>${escape_html(sessionInfo.agents)}</span></span>`);
-            } else {
-              $$renderer2.push("<!--[!-->");
-            }
-            $$renderer2.push(`<!--]--> `);
-            if (sessionInfo.todos > 0) {
-              $$renderer2.push("<!--[-->");
-              $$renderer2.push(`<span class="flex items-center gap-0.5"${attr("title", `${stringify(sessionInfo.todos)} todo(s)`)}><span>📋</span><span>${escape_html(sessionInfo.todos)}</span></span>`);
-            } else {
-              $$renderer2.push("<!--[!-->");
-            }
-            $$renderer2.push(`<!--]--></span></button> <div${attr_class(`absolute left-0 right-0 top-0 h-8 flex items-center opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none ${stringify(isSelected ? "bg-gradient-to-r from-[color-mix(in_srgb,var(--color-gh-accent)_20%,var(--color-gh-bg))] via-[color-mix(in_srgb,var(--color-gh-accent)_20%,var(--color-gh-bg))] to-[color-mix(in_srgb,var(--color-gh-accent)_20%,var(--color-gh-bg))]" : "bg-gradient-to-r from-gh-bg via-gh-bg to-gh-bg")}`)}><span class="flex-1 min-w-0 pl-7 pr-2 text-xs text-gh-text-secondary italic overflow-hidden text-ellipsis whitespace-nowrap">`);
-            if (data?.currentSummary) {
-              $$renderer2.push("<!--[-->");
-              $$renderer2.push(`${escape_html(data.currentSummary.length > 50 ? data.currentSummary.slice(0, 47) + "..." : data.currentSummary)}`);
-            } else {
-              $$renderer2.push("<!--[!-->");
-              $$renderer2.push(`${escape_html(displayTitle)}`);
-            }
-            $$renderer2.push(`<!--]--></span> <div class="flex-shrink-0 flex gap-0.5 pr-2 pointer-events-auto">`);
-            if (onResumeSession) {
-              $$renderer2.push("<!--[-->");
-              TooltipButton($$renderer2, {
-                class: "p-1 rounded hover:bg-gh-green/20 text-xs",
-                onclick: (e) => onResumeSession(e, session),
-                title: "Resume session",
-                children: ($$renderer3) => {
-                  $$renderer3.push(`<!---->▶️`);
-                },
-                $$slots: { default: true }
-              });
-            } else {
-              $$renderer2.push("<!--[!-->");
-            }
-            $$renderer2.push(`<!--]--> `);
-            TooltipButton($$renderer2, {
-              class: "p-1 rounded hover:bg-gh-border text-xs",
-              onclick: (e) => onRenameSession(e, session),
-              title: "Rename",
-              children: ($$renderer3) => {
-                $$renderer3.push(`<!---->✏️`);
-              },
-              $$slots: { default: true }
-            });
-            $$renderer2.push(`<!----> `);
-            TooltipButton($$renderer2, {
-              class: "p-1 rounded hover:bg-gh-red/20 text-xs",
-              onclick: (e) => onDeleteSession(e, session),
-              title: "Delete",
-              children: ($$renderer3) => {
-                $$renderer3.push(`<!---->🗑️`);
-              },
-              $$slots: { default: true }
-            });
-            $$renderer2.push(`<!----></div></div></div> `);
-            if (isExpanded && hasSubItems) {
-              $$renderer2.push("<!--[-->");
-              $$renderer2.push(`<ul class="bg-gh-bg-secondary/50 border-t border-gh-border-subtle text-xs">`);
-              if (data?.summaries && data.summaries.length > 0) {
-                $$renderer2.push("<!--[-->");
-                $$renderer2.push(`<!--[-->`);
-                const each_array_2 = ensure_array_like(data.summaries);
-                for (let idx = 0, $$length3 = each_array_2.length; idx < $$length3; idx++) {
-                  let summary = each_array_2[idx];
-                  $$renderer2.push(`<li${attr_class(`py-1.5 px-4 pl-8 hover:bg-gh-border-subtle/50 flex flex-col gap-0.5 ${stringify(idx === 0 ? "text-gh-text" : "text-gh-text-secondary")}`)}${attr("title", summary.summary)}><div class="flex items-start gap-2"><span class="flex-shrink-0">📝</span> <span class="overflow-hidden text-ellipsis line-clamp-2">${escape_html(summary.summary.length > 100 ? summary.summary.slice(0, 97) + "..." : summary.summary)}</span></div> `);
-                  if (summary.timestamp) {
-                    $$renderer2.push("<!--[-->");
-                    $$renderer2.push(`<span class="pl-6 text-[10px] text-gh-text-secondary/70">${escape_html(new Date(summary.timestamp).toLocaleString())}</span>`);
-                  } else {
-                    $$renderer2.push("<!--[!-->");
-                  }
-                  $$renderer2.push(`<!--]--></li>`);
-                }
-                $$renderer2.push(`<!--]-->`);
-              } else {
-                $$renderer2.push("<!--[!-->");
-              }
-              $$renderer2.push(`<!--]--> `);
-              if (data?.todos?.sessionTodos && data.todos.sessionTodos.length > 0) {
-                $$renderer2.push("<!--[-->");
-                $$renderer2.push(`<li class="py-1.5 px-4 pl-8 text-gh-text-secondary hover:bg-gh-border-subtle/50 flex items-start gap-2"><span class="flex-shrink-0">📋</span> <span>Session Todos (${escape_html(data.todos.sessionTodos.length)})</span></li>`);
-              } else {
-                $$renderer2.push("<!--[!-->");
-              }
-              $$renderer2.push(`<!--]--> `);
-              if (data?.todos?.agentTodos) {
-                $$renderer2.push("<!--[-->");
-                $$renderer2.push(`<!--[-->`);
-                const each_array_3 = ensure_array_like(data.todos.agentTodos);
-                for (let $$index_1 = 0, $$length3 = each_array_3.length; $$index_1 < $$length3; $$index_1++) {
-                  let agentTodo = each_array_3[$$index_1];
-                  $$renderer2.push(`<li class="py-1.5 px-4 pl-8 text-gh-text-secondary hover:bg-gh-border-subtle/50 flex items-start gap-2"><span class="flex-shrink-0">📋</span> <span>Agent Todos (${escape_html(agentTodo.todos.length)})</span></li>`);
-                }
-                $$renderer2.push(`<!--]-->`);
-              } else {
-                $$renderer2.push("<!--[!-->");
-              }
-              $$renderer2.push(`<!--]--> `);
-              if (data?.agents && data.agents.length > 0) {
-                $$renderer2.push("<!--[-->");
-                $$renderer2.push(`<!--[-->`);
-                const each_array_4 = ensure_array_like(data.agents);
-                for (let $$index_2 = 0, $$length3 = each_array_4.length; $$index_2 < $$length3; $$index_2++) {
-                  let agent = each_array_4[$$index_2];
-                  $$renderer2.push(`<li class="py-1.5 px-4 pl-8 text-gh-text-secondary hover:bg-gh-border-subtle/50 flex items-start gap-2"${attr("title", agent.name ?? agent.id)}><span class="flex-shrink-0">🤖</span> <span class="overflow-hidden text-ellipsis whitespace-nowrap">${escape_html(agent.name ?? agent.id.slice(0, 12) + "...")} (${escape_html(agent.messageCount)} msgs)</span></li>`);
-                }
-                $$renderer2.push(`<!--]-->`);
-              } else {
-                $$renderer2.push("<!--[!-->");
-              }
-              $$renderer2.push(`<!--]--></ul>`);
-            } else {
-              $$renderer2.push("<!--[!-->");
-            }
-            $$renderer2.push(`<!--]--></li>`);
-          }
-          $$renderer2.push(`<!--]-->`);
-        }
-        $$renderer2.push(`<!--]--></ul>`);
-      } else {
-        $$renderer2.push("<!--[!-->");
-      }
-      $$renderer2.push(`<!--]--></li>`);
-    }
-    $$renderer2.push(`<!--]--></ul></aside>`);
-    if ($$store_subs) unsubscribe_stores($$store_subs);
-  });
-}
 function ExpandableContent($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     let { content, maxLines = 10, lang } = $$props;
@@ -905,16 +659,262 @@ function MessageItem($$renderer, $$props) {
     $$renderer2.push(`<!--]-->`);
   });
 }
-function ScrollButtons($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let { messages, class: className = "" } = $$props;
-    const buttonClass = "p-1.5 text-sm rounded border border-gh-border hover:bg-gh-border-subtle text-gh-text-secondary hover:text-gh-text transition-colors bg-gh-bg";
-    if (messages.length > 0) {
-      $$renderer2.push("<!--[-->");
-      $$renderer2.push(`<div${attr_class(`flex gap-0.5 ${stringify(className)}`, "svelte-12kovyu")}><button${attr_class(`nav-btn ${stringify(buttonClass)}`, "svelte-12kovyu")}><svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 11l7-7 7 7M5 19l7-7 7 7"></path></svg> <span class="tooltip svelte-12kovyu">Top</span></button> <button${attr_class(`nav-btn ${stringify(buttonClass)}`, "svelte-12kovyu")}><svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7"></path></svg> <span class="tooltip svelte-12kovyu">Previous user message</span></button> `);
-      {
-        $$renderer2.push("<!--[!-->");
-      }
+function TooltipButton($$renderer, $$props) {
+  let {
+    title,
+    children,
+    position = "bottom",
+    class: className = "",
+    $$slots,
+    $$events,
+    ...buttonProps
+  } = $$props;
+  $$renderer.push(`<button${attributes(
+    {
+      class: `tooltip-btn ${stringify(className)}`,
+      ...buttonProps
+    },
+    "svelte-1yfjzin"
+  )}>`);
+  children($$renderer);
+  $$renderer.push(`<!----></button> `);
+  {
+    $$renderer.push("<!--[!-->");
+  }
+  $$renderer.push(`<!--]-->`);
+}
+function ProjectTree($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    var $$store_subs;
+    let {
+      projects,
+      projectSessions,
+      projectSessionData,
+      expandedProjects,
+      selectedSession,
+      loadingProject,
+      onRenameSession,
+      onDeleteSession,
+      onResumeSession
+    } = $$props;
+    const getSessionData = (projectName, sessionId) => {
+      return projectSessionData.get(projectName)?.get(sessionId);
+    };
+    const getDisplayTitle2 = (session) => {
+      const data = getSessionData(session.projectName, session.id);
+      if (data?.customTitle) return data.customTitle;
+      if (data?.currentSummary) {
+        const summary = data.currentSummary;
+        return summary.length > 60 ? summary.slice(0, 57) + "..." : summary;
+      }
+      if (session.title && session.title !== "Untitled") return session.title;
+      return "Untitled";
+    };
+    const getTooltipText = (session) => {
+      const data = getSessionData(session.projectName, session.id);
+      if (data?.customTitle && data?.currentSummary) {
+        return data.currentSummary;
+      }
+      if (data?.currentSummary && session.title && session.title !== "Untitled") {
+        return session.title;
+      }
+      if (data?.currentSummary) {
+        return data.currentSummary;
+      }
+      return session.title ?? "No summary available";
+    };
+    const getSessionInfo = (session) => {
+      const data = getSessionData(session.projectName, session.id);
+      const todoCount = data?.todos ? data.todos.sessionTodos.length + data.todos.agentTodos.reduce((acc, at) => acc + at.todos.length, 0) : 0;
+      return {
+        agents: data?.agents.length ?? 0,
+        todos: todoCount,
+        summaries: data?.summaries.length ?? 0
+      };
+    };
+    const sortedProjects = sortProjects(projects, {
+      currentProjectName: store_get($$store_subs ??= {}, "$appConfig", appConfig).currentProjectName,
+      homeDir: store_get($$store_subs ??= {}, "$appConfig", appConfig).homeDir
+    });
+    let expandedSessions = /* @__PURE__ */ new Set();
+    let draggedSession = null;
+    let dropTargetProject = null;
+    $$renderer2.push(`<aside class="bg-gh-bg-secondary border border-gh-border rounded-lg overflow-hidden flex flex-col"><h2 class="p-4 text-base font-semibold border-b border-gh-border bg-gh-bg">Projects (${escape_html(sortedProjects.length)})</h2> <ul class="overflow-y-auto flex-1"><!--[-->`);
+    const each_array = ensure_array_like(sortedProjects);
+    for (let $$index_4 = 0, $$length = each_array.length; $$index_4 < $$length; $$index_4++) {
+      let project = each_array[$$index_4];
+      const isDropTarget = dropTargetProject === project.name;
+      $$renderer2.push(`<li class="border-b border-gh-border-subtle"><button${attr_class(`w-full py-3 px-4 bg-transparent border-none text-gh-text cursor-pointer text-left flex items-center gap-2 font-medium hover:bg-gh-border-subtle ${stringify(expandedProjects.has(project.name) ? "bg-gh-accent/10" : "")} ${stringify(isDropTarget ? "bg-gh-green/20 ring-2 ring-gh-green ring-inset" : "")}`)}><span class="text-xs w-3 text-gh-text-secondary">${escape_html(expandedProjects.has(project.name) ? "▼" : "▶")}</span> <span class="flex-1 overflow-hidden text-ellipsis whitespace-nowrap"${attr("title", project.displayName)}>${escape_html(formatProjectName(project.displayName))}</span> <span class="bg-gh-border px-2 py-0.5 rounded-full text-xs font-normal">${escape_html(project.sessionCount)}</span></button> `);
+      if (expandedProjects.has(project.name)) {
+        $$renderer2.push("<!--[-->");
+        $$renderer2.push(`<ul class="bg-gh-bg">`);
+        if (loadingProject === project.name) {
+          $$renderer2.push("<!--[-->");
+          $$renderer2.push(`<li class="py-2 px-8 text-gh-text-secondary text-sm">Loading...</li>`);
+        } else {
+          $$renderer2.push("<!--[!-->");
+          $$renderer2.push(`<!--[-->`);
+          const each_array_1 = ensure_array_like(projectSessions.get(project.name) ?? []);
+          for (let $$index_3 = 0, $$length2 = each_array_1.length; $$index_3 < $$length2; $$index_3++) {
+            let session = each_array_1[$$index_3];
+            const isSelected = selectedSession?.id === session.id;
+            const isDragging = draggedSession?.id === session.id;
+            const sessionInfo = getSessionInfo(session);
+            const displayTitle = getDisplayTitle2(session);
+            const tooltipText = getTooltipText(session);
+            const data = getSessionData(session.projectName, session.id);
+            const isSummaryFallback = !data?.customTitle && !data?.currentSummary;
+            const isExpanded = expandedSessions.has(session.id);
+            const hasSubItems = sessionInfo.summaries > 0 || sessionInfo.agents > 0 || sessionInfo.todos > 0;
+            $$renderer2.push(`<li${attr_class(`relative border-t border-gh-border-subtle group ${stringify(isSelected ? "bg-gh-accent/20 border-l-3 border-l-gh-accent" : "")} ${stringify(isDragging ? "opacity-50" : "")}`)} draggable="true"><div class="flex items-center">`);
+            if (hasSubItems) {
+              $$renderer2.push("<!--[-->");
+              $$renderer2.push(`<button class="flex-shrink-0 w-5 h-8 flex items-center justify-center bg-transparent border-none cursor-pointer text-gh-text-secondary text-xs ml-1 z-10 relative"${attr("title", isExpanded ? "Collapse" : "Expand")}>${escape_html(isExpanded ? "▼" : "▶")}</button>`);
+            } else {
+              $$renderer2.push("<!--[!-->");
+              $$renderer2.push(`<span class="w-5 ml-1"></span>`);
+            }
+            $$renderer2.push(`<!--]--> <button class="flex-1 min-w-0 py-2 pr-2 bg-transparent border-none text-gh-text cursor-pointer text-left flex items-center gap-2 text-sm"${attr("title", tooltipText)}><span${attr_class(`flex-1 min-w-0 overflow-hidden text-ellipsis whitespace-nowrap ${stringify(isSummaryFallback ? "italic text-gh-text-secondary" : "")}`)}>${escape_html(displayTitle)}</span> <span class="flex-shrink-0 flex items-center gap-2 text-xs text-gh-text-secondary"><span class="flex items-center gap-0.5"${attr("title", `${stringify(session.messageCount)} messages`)}><span>💬</span><span>${escape_html(session.messageCount)}</span></span> `);
+            if (sessionInfo.agents > 0) {
+              $$renderer2.push("<!--[-->");
+              $$renderer2.push(`<span class="flex items-center gap-0.5"${attr("title", `${stringify(sessionInfo.agents)} agent(s)`)}><span>🤖</span><span>${escape_html(sessionInfo.agents)}</span></span>`);
+            } else {
+              $$renderer2.push("<!--[!-->");
+            }
+            $$renderer2.push(`<!--]--> `);
+            if (sessionInfo.todos > 0) {
+              $$renderer2.push("<!--[-->");
+              $$renderer2.push(`<span class="flex items-center gap-0.5"${attr("title", `${stringify(sessionInfo.todos)} todo(s)`)}><span>📋</span><span>${escape_html(sessionInfo.todos)}</span></span>`);
+            } else {
+              $$renderer2.push("<!--[!-->");
+            }
+            $$renderer2.push(`<!--]--></span></button> <div${attr_class(`absolute left-0 right-0 top-0 h-8 flex items-center opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none ${stringify(isSelected ? "bg-gradient-to-r from-[color-mix(in_srgb,var(--color-gh-accent)_20%,var(--color-gh-bg))] via-[color-mix(in_srgb,var(--color-gh-accent)_20%,var(--color-gh-bg))] to-[color-mix(in_srgb,var(--color-gh-accent)_20%,var(--color-gh-bg))]" : "bg-gradient-to-r from-gh-bg via-gh-bg to-gh-bg")}`)}><span class="flex-1 min-w-0 pl-7 pr-2 text-xs text-gh-text-secondary italic overflow-hidden text-ellipsis whitespace-nowrap">`);
+            if (data?.currentSummary) {
+              $$renderer2.push("<!--[-->");
+              $$renderer2.push(`${escape_html(data.currentSummary.length > 50 ? data.currentSummary.slice(0, 47) + "..." : data.currentSummary)}`);
+            } else {
+              $$renderer2.push("<!--[!-->");
+              $$renderer2.push(`${escape_html(displayTitle)}`);
+            }
+            $$renderer2.push(`<!--]--></span> <div class="flex-shrink-0 flex gap-0.5 pr-2 pointer-events-auto">`);
+            if (onResumeSession) {
+              $$renderer2.push("<!--[-->");
+              TooltipButton($$renderer2, {
+                class: "p-1 rounded hover:bg-gh-green/20 text-xs",
+                onclick: (e) => onResumeSession(e, session),
+                title: "Resume session",
+                children: ($$renderer3) => {
+                  $$renderer3.push(`<!---->▶️`);
+                },
+                $$slots: { default: true }
+              });
+            } else {
+              $$renderer2.push("<!--[!-->");
+            }
+            $$renderer2.push(`<!--]--> `);
+            TooltipButton($$renderer2, {
+              class: "p-1 rounded hover:bg-gh-border text-xs",
+              onclick: (e) => onRenameSession(e, session),
+              title: "Rename",
+              children: ($$renderer3) => {
+                $$renderer3.push(`<!---->✏️`);
+              },
+              $$slots: { default: true }
+            });
+            $$renderer2.push(`<!----> `);
+            TooltipButton($$renderer2, {
+              class: "p-1 rounded hover:bg-gh-red/20 text-xs",
+              onclick: (e) => onDeleteSession(e, session),
+              title: "Delete",
+              children: ($$renderer3) => {
+                $$renderer3.push(`<!---->🗑️`);
+              },
+              $$slots: { default: true }
+            });
+            $$renderer2.push(`<!----></div></div></div> `);
+            if (isExpanded && hasSubItems) {
+              $$renderer2.push("<!--[-->");
+              $$renderer2.push(`<ul class="bg-gh-bg-secondary/50 border-t border-gh-border-subtle text-xs">`);
+              if (data?.summaries && data.summaries.length > 0) {
+                $$renderer2.push("<!--[-->");
+                $$renderer2.push(`<!--[-->`);
+                const each_array_2 = ensure_array_like(data.summaries);
+                for (let idx = 0, $$length3 = each_array_2.length; idx < $$length3; idx++) {
+                  let summary = each_array_2[idx];
+                  $$renderer2.push(`<li${attr_class(`py-1.5 px-4 pl-8 hover:bg-gh-border-subtle/50 flex flex-col gap-0.5 ${stringify(idx === 0 ? "text-gh-text" : "text-gh-text-secondary")}`)}${attr("title", summary.summary)}><div class="flex items-start gap-2"><span class="flex-shrink-0">📝</span> <span class="overflow-hidden text-ellipsis line-clamp-2">${escape_html(summary.summary.length > 100 ? summary.summary.slice(0, 97) + "..." : summary.summary)}</span></div> `);
+                  if (summary.timestamp) {
+                    $$renderer2.push("<!--[-->");
+                    $$renderer2.push(`<span class="pl-6 text-[10px] text-gh-text-secondary/70">${escape_html(new Date(summary.timestamp).toLocaleString())}</span>`);
+                  } else {
+                    $$renderer2.push("<!--[!-->");
+                  }
+                  $$renderer2.push(`<!--]--></li>`);
+                }
+                $$renderer2.push(`<!--]-->`);
+              } else {
+                $$renderer2.push("<!--[!-->");
+              }
+              $$renderer2.push(`<!--]--> `);
+              if (data?.todos?.sessionTodos && data.todos.sessionTodos.length > 0) {
+                $$renderer2.push("<!--[-->");
+                $$renderer2.push(`<li class="py-1.5 px-4 pl-8 text-gh-text-secondary hover:bg-gh-border-subtle/50 flex items-start gap-2"><span class="flex-shrink-0">📋</span> <span>Session Todos (${escape_html(data.todos.sessionTodos.length)})</span></li>`);
+              } else {
+                $$renderer2.push("<!--[!-->");
+              }
+              $$renderer2.push(`<!--]--> `);
+              if (data?.todos?.agentTodos) {
+                $$renderer2.push("<!--[-->");
+                $$renderer2.push(`<!--[-->`);
+                const each_array_3 = ensure_array_like(data.todos.agentTodos);
+                for (let $$index_1 = 0, $$length3 = each_array_3.length; $$index_1 < $$length3; $$index_1++) {
+                  let agentTodo = each_array_3[$$index_1];
+                  $$renderer2.push(`<li class="py-1.5 px-4 pl-8 text-gh-text-secondary hover:bg-gh-border-subtle/50 flex items-start gap-2"><span class="flex-shrink-0">📋</span> <span>Agent Todos (${escape_html(agentTodo.todos.length)})</span></li>`);
+                }
+                $$renderer2.push(`<!--]-->`);
+              } else {
+                $$renderer2.push("<!--[!-->");
+              }
+              $$renderer2.push(`<!--]--> `);
+              if (data?.agents && data.agents.length > 0) {
+                $$renderer2.push("<!--[-->");
+                $$renderer2.push(`<!--[-->`);
+                const each_array_4 = ensure_array_like(data.agents);
+                for (let $$index_2 = 0, $$length3 = each_array_4.length; $$index_2 < $$length3; $$index_2++) {
+                  let agent = each_array_4[$$index_2];
+                  $$renderer2.push(`<li class="py-1.5 px-4 pl-8 text-gh-text-secondary hover:bg-gh-border-subtle/50 flex items-start gap-2"${attr("title", agent.name ?? agent.id)}><span class="flex-shrink-0">🤖</span> <span class="overflow-hidden text-ellipsis whitespace-nowrap">${escape_html(agent.name ?? agent.id.slice(0, 12) + "...")} (${escape_html(agent.messageCount)} msgs)</span></li>`);
+                }
+                $$renderer2.push(`<!--]-->`);
+              } else {
+                $$renderer2.push("<!--[!-->");
+              }
+              $$renderer2.push(`<!--]--></ul>`);
+            } else {
+              $$renderer2.push("<!--[!-->");
+            }
+            $$renderer2.push(`<!--]--></li>`);
+          }
+          $$renderer2.push(`<!--]-->`);
+        }
+        $$renderer2.push(`<!--]--></ul>`);
+      } else {
+        $$renderer2.push("<!--[!-->");
+      }
+      $$renderer2.push(`<!--]--></li>`);
+    }
+    $$renderer2.push(`<!--]--></ul></aside>`);
+    if ($$store_subs) unsubscribe_stores($$store_subs);
+  });
+}
+function ScrollButtons($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { messages, class: className = "" } = $$props;
+    const buttonClass = "p-1.5 text-sm rounded border border-gh-border hover:bg-gh-border-subtle text-gh-text-secondary hover:text-gh-text transition-colors bg-gh-bg";
+    if (messages.length > 0) {
+      $$renderer2.push("<!--[-->");
+      $$renderer2.push(`<div${attr_class(`flex gap-0.5 ${stringify(className)}`, "svelte-12kovyu")}><button${attr_class(`nav-btn ${stringify(buttonClass)}`, "svelte-12kovyu")}><svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 11l7-7 7 7M5 19l7-7 7 7"></path></svg> <span class="tooltip svelte-12kovyu">Top</span></button> <button${attr_class(`nav-btn ${stringify(buttonClass)}`, "svelte-12kovyu")}><svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7"></path></svg> <span class="tooltip svelte-12kovyu">Previous user message</span></button> `);
+      {
+        $$renderer2.push("<!--[!-->");
+      }
       $$renderer2.push(`<!--]--> <button${attr_class(`nav-btn ${stringify(buttonClass)}`, "svelte-12kovyu")}><svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 9l7 7 7-7"></path></svg> <span class="tooltip svelte-12kovyu">Next user message</span></button> <button${attr_class(`nav-btn ${stringify(buttonClass)}`, "svelte-12kovyu")}><svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 5l7 7 7-7M5 13l7 7 7-7"></path></svg> <span class="tooltip svelte-12kovyu">Bottom</span></button></div>`);
     } else {
       $$renderer2.push("<!--[!-->");
@@ -1039,115 +1039,156 @@ function _page($$renderer, $$props) {
     let loadingProject = null;
     let error = null;
     let toast = null;
+    let confirmModal = {
+      show: false,
+      title: "",
+      message: "",
+      variant: "default",
+      onConfirm: () => {
+      }
+    };
+    let inputModal = {
+      show: false,
+      title: "",
+      label: "",
+      initialValue: "",
+      onConfirm: () => {
+      }
+    };
+    const showConfirm = (title, message, onConfirm, variant = "default") => {
+      confirmModal = { show: true, title, message, variant, onConfirm };
+    };
+    const closeConfirm = () => {
+      confirmModal = { ...confirmModal, show: false };
+    };
+    const showInput = (title, label, initialValue, onConfirm) => {
+      inputModal = { show: true, title, label, initialValue, onConfirm };
+    };
+    const closeInput = () => {
+      inputModal = { ...inputModal, show: false };
+    };
     const updateHash = (project, session) => {
       return;
     };
-    const handleDeleteSession = async (e, session) => {
+    const handleDeleteSession = (e, session) => {
       e.stopPropagation();
-      if (!confirm(`Delete session "${session.title}"?`)) return;
-      try {
-        await deleteSession(session.projectName, session.id);
-        const sessions = projectSessions.get(session.projectName);
-        if (sessions) {
-          projectSessions.set(session.projectName, sessions.filter((s) => s.id !== session.id));
-          projectSessions = new Map(projectSessions);
-        }
-        if (selectedSession?.id === session.id) {
-          selectedSession = null;
-          messages = [];
-          updateHash(session.projectName);
-        }
-      } catch (e2) {
-        error = String(e2);
-      }
+      showConfirm(
+        "Delete Session",
+        `Delete session "${session.title}"?`,
+        async () => {
+          closeConfirm();
+          try {
+            await deleteSession(session.projectName, session.id);
+            const sessions = projectSessions.get(session.projectName);
+            if (sessions) {
+              projectSessions.set(session.projectName, sessions.filter((s) => s.id !== session.id));
+              projectSessions = new Map(projectSessions);
+            }
+            if (selectedSession?.id === session.id) {
+              selectedSession = null;
+              messages = [];
+              updateHash(session.projectName);
+            }
+          } catch (e2) {
+            error = String(e2);
+          }
+        },
+        "danger"
+      );
     };
-    const handleRenameSession = async (e, session) => {
+    const handleRenameSession = (e, session) => {
       e.stopPropagation();
       const sessionData = projectSessionData.get(session.projectName)?.get(session.id);
       const currentTitle = getDisplayTitle(sessionData?.customTitle, sessionData?.currentSummary, session.title, Infinity, "");
-      const newTitle = prompt("Enter session title:\n(Sets custom-title for CLI, first summary for VSCode extension)", currentTitle);
-      if (newTitle === null) return;
-      try {
-        await renameSession(session.projectName, session.id, newTitle);
-        if (sessionData) {
-          sessionData.customTitle = newTitle;
-          sessionData.currentSummary = newTitle;
-          if (sessionData.summaries.length > 0) {
-            sessionData.summaries[0] = { ...sessionData.summaries[0], summary: newTitle };
-          } else {
-            sessionData.summaries = [{ summary: newTitle }];
+      showInput("Rename Session", "Sets custom-title for CLI, first summary for VSCode extension", currentTitle, async (newTitle) => {
+        closeInput();
+        if (newTitle === currentTitle) return;
+        try {
+          await renameSession(session.projectName, session.id, newTitle);
+          if (sessionData) {
+            sessionData.customTitle = newTitle;
+            sessionData.currentSummary = newTitle;
+            if (sessionData.summaries.length > 0) {
+              sessionData.summaries[0] = { ...sessionData.summaries[0], summary: newTitle };
+            } else {
+              sessionData.summaries = [{ summary: newTitle }];
+            }
           }
+          projectSessions = new Map(projectSessions);
+          projectSessionData = new Map(projectSessionData);
+          if (selectedSession?.id === session.id) {
+            messages = await getSession(session.projectName, session.id);
+          }
+        } catch (e2) {
+          error = String(e2);
         }
-        projectSessions = new Map(projectSessions);
-        projectSessionData = new Map(projectSessionData);
-        if (selectedSession?.id === session.id) {
-          messages = await getSession(session.projectName, session.id);
-        }
-      } catch (e2) {
-        error = String(e2);
-      }
+      });
     };
-    const handleEditCustomTitle = async (msg) => {
+    const handleEditCustomTitle = (msg) => {
       if (!selectedSession) return;
       const currentTitle = msg.customTitle ?? "";
-      const newTitle = prompt("Enter new custom title:", currentTitle);
-      if (newTitle === null || newTitle === currentTitle) return;
-      try {
-        await updateCustomTitle(selectedSession.projectName, selectedSession.id, msg.uuid, newTitle);
-        msg.customTitle = newTitle;
-        messages = [...messages];
-      } catch (e) {
-        error = String(e);
-      }
+      showInput("Edit Custom Title", "Custom title:", currentTitle, async (newTitle) => {
+        closeInput();
+        if (newTitle === currentTitle) return;
+        try {
+          await updateCustomTitle(selectedSession.projectName, selectedSession.id, msg.uuid, newTitle);
+          msg.customTitle = newTitle;
+          messages = [...messages];
+        } catch (e) {
+          error = String(e);
+        }
+      });
     };
-    const handleSplitSession = async (msg) => {
+    const handleSplitSession = (msg) => {
       if (!selectedSession) return;
       const msgIndex = messages.findIndex((m) => m.uuid === msg.uuid);
       const oldMessagesCount = msgIndex;
       const keptMessagesCount = messages.length - msgIndex;
-      if (!confirm(`Split session at this message?
+      showConfirm("Split Session", `Split session at this message?
 
 This session will keep ${keptMessagesCount} messages (from here onwards).
-Old messages (${oldMessagesCount}) will be moved to a new session.`)) return;
-      const currentProjectName = selectedSession.projectName;
-      const currentSessionId = selectedSession.id;
-      try {
-        loading = true;
-        const result = await splitSession(currentProjectName, currentSessionId, msg.uuid);
-        if (result.success && result.newSessionId) {
-          const sessionDataList = await expandProject(currentProjectName);
-          const sessions = [];
-          const dataMap = /* @__PURE__ */ new Map();
-          for (const data of sessionDataList) {
-            sessions.push({
-              id: data.id,
-              projectName: currentProjectName,
-              title: data.title,
-              messageCount: data.messageCount,
-              createdAt: data.createdAt,
-              updatedAt: data.updatedAt
-            });
-            dataMap.set(data.id, data);
-          }
-          projectSessions.set(currentProjectName, sessions);
-          projectSessions = new Map(projectSessions);
-          projectSessionData.set(currentProjectName, dataMap);
-          projectSessionData = new Map(projectSessionData);
-          messages = messages.slice(msgIndex);
-          const updatedSession = sessions.find((s) => s.id === currentSessionId);
-          if (updatedSession) {
-            updatedSession.messageCount = messages.length;
-            selectedSession = { ...updatedSession };
+Old messages (${oldMessagesCount}) will be moved to a new session.`, async () => {
+        closeConfirm();
+        const currentProjectName = selectedSession.projectName;
+        const currentSessionId = selectedSession.id;
+        try {
+          loading = true;
+          const result = await splitSession(currentProjectName, currentSessionId, msg.uuid);
+          if (result.success && result.newSessionId) {
+            const sessionDataList = await expandProject(currentProjectName);
+            const sessions = [];
+            const dataMap = /* @__PURE__ */ new Map();
+            for (const data of sessionDataList) {
+              sessions.push({
+                id: data.id,
+                projectName: currentProjectName,
+                title: data.title,
+                messageCount: data.messageCount,
+                createdAt: data.createdAt,
+                updatedAt: data.updatedAt
+              });
+              dataMap.set(data.id, data);
+            }
+            projectSessions.set(currentProjectName, sessions);
+            projectSessions = new Map(projectSessions);
+            projectSessionData.set(currentProjectName, dataMap);
+            projectSessionData = new Map(projectSessionData);
+            messages = messages.slice(msgIndex);
+            const updatedSession = sessions.find((s) => s.id === currentSessionId);
+            if (updatedSession) {
+              updatedSession.messageCount = messages.length;
+              selectedSession = { ...updatedSession };
+            }
+            toast = `Session split! Old messages moved to new session: ${result.newSessionId.slice(0, 8)}...`;
+          } else {
+            error = result.error ?? "Failed to split session";
           }
-          toast = `Session split! Old messages moved to new session: ${result.newSessionId.slice(0, 8)}...`;
-        } else {
-          error = result.error ?? "Failed to split session";
+        } catch (e) {
+          error = String(e);
+        } finally {
+          loading = false;
         }
-      } catch (e) {
-        error = String(e);
-      } finally {
-        loading = false;
-      }
+      });
     };
     const handleResumeSession = async (e, session) => {
       e.stopPropagation();
@@ -1212,6 +1253,24 @@ Old messages (${oldMessagesCount}) will be moved to a new session.`)) return;
           $$settled = false;
         }
       });
+      $$renderer3.push(`<!----> `);
+      ConfirmModal($$renderer3, {
+        show: confirmModal.show,
+        title: confirmModal.title,
+        message: confirmModal.message,
+        variant: confirmModal.variant,
+        onConfirm: confirmModal.onConfirm,
+        onCancel: closeConfirm
+      });
+      $$renderer3.push(`<!----> `);
+      InputModal($$renderer3, {
+        show: inputModal.show,
+        title: inputModal.title,
+        label: inputModal.label,
+        initialValue: inputModal.initialValue,
+        onConfirm: inputModal.onConfirm,
+        onCancel: closeInput
+      });
       $$renderer3.push(`<!---->`);
     }
     do {
@@ -1224,4 +1283,4 @@ Old messages (${oldMessagesCount}) will be moved to a new session.`)) return;
 }
 
 export { _page as default };
-//# sourceMappingURL=_page.svelte-Bgd-L7N_.js.map
+//# sourceMappingURL=_page.svelte-OvxQOUCZ.js.map