@claude-sessions/web 0.3.3 → 0.3.5

package/build/server/chunks/{_page.svelte-Bgd-L7N_.js → _page.svelte-g3nbsvo6.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 { 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 { Y as escape_html, Z as is_array, _ as get_prototype_of, $ as object_prototype } from './index-DzYX9r1_.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-DctHqvip.js';
+import { I as InputModal } from './InputModal-XaplAR5y.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-Da0doXJY.js';
 import { t as sortProjects, u as getDisplayTitle } from './index3-DVZVsHMK.js';
 import 'marked';
 import 'fs';
@@ -133,6 +133,9 @@ const deleteSession = (project, id) => del(
   `/session?project=${encodeURIComponent(project)}&id=${encodeURIComponent(id)}`
 );
 const renameSession = (project, id, title) => post("/session/rename", { project, id, title });
+const deleteMessage = (project, session, uuid) => del(
+  `/message?project=${encodeURIComponent(project)}&session=${encodeURIComponent(session)}&uuid=${encodeURIComponent(uuid)}`
+);
 const updateCustomTitle = (project, session, uuid, customTitle) => patch(
   `/message?project=${encodeURIComponent(project)}&session=${encodeURIComponent(session)}&uuid=${encodeURIComponent(uuid)}`,
   { customTitle }
@@ -207,252 +210,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;
@@ -608,16 +365,41 @@ function TodoItem($$renderer, $$props) {
   }
   $$renderer.push(`<!--]--></ul>`);
 }
-function MessageItem($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      msg,
-      sessionId,
-      isFirst = false,
-      onEditTitle,
-      onSplit
-    } = $$props;
-    const msgId = msg.uuid ?? "";
+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 MessageItem($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      msg,
+      sessionId,
+      isFirst = false,
+      onDelete,
+      onEditTitle,
+      onSplit
+    } = $$props;
+    const msgId = msg.uuid ?? "";
     const isAssistant = msg.type === "assistant";
     const isCustomTitle = msg.type === "custom-title";
     const isFileSnapshot = msg.type === "file-history-snapshot";
@@ -690,14 +472,30 @@ function MessageItem($$renderer, $$props) {
     function splitButton($$renderer3) {
       if (onSplit && !isFirst && msg.uuid) {
         $$renderer3.push("<!--[-->");
-        $$renderer3.push(`<button class="opacity-0 group-hover:opacity-100 transition-opacity bg-transparent border-none cursor-pointer p-1 rounded hover:bg-gh-accent/20 text-xs" title="Split session from this message">✂️</button>`);
+        TooltipButton($$renderer3, {
+          class: "opacity-0 group-hover:opacity-100 transition-opacity p-1 rounded hover:bg-gh-accent/20 text-xs",
+          onclick: () => onSplit(msg),
+          title: "Split session from this message",
+          children: ($$renderer4) => {
+            $$renderer4.push(`<!---->✂️`);
+          },
+          $$slots: { default: true }
+        });
       } else {
         $$renderer3.push("<!--[!-->");
       }
       $$renderer3.push(`<!--]-->`);
     }
     function deleteButton($$renderer3) {
-      $$renderer3.push(`<button class="opacity-0 group-hover:opacity-100 transition-opacity bg-transparent border-none cursor-pointer p-1 rounded hover:bg-gh-red/20 text-xs" title="Delete message">🗑️</button>`);
+      TooltipButton($$renderer3, {
+        class: "opacity-0 group-hover:opacity-100 transition-opacity p-1 rounded hover:bg-gh-red/20 text-xs",
+        onclick: () => onDelete(msg),
+        title: "Delete message",
+        children: ($$renderer4) => {
+          $$renderer4.push(`<!---->🗑️`);
+        },
+        $$slots: { default: true }
+      });
     }
     if (isQueueOperation) {
       $$renderer2.push("<!--[-->");
@@ -752,157 +550,387 @@ function MessageItem($$renderer, $$props) {
             $$renderer2.push(`<!----></div></div> `);
             if (toolUseData.filePath) {
               $$renderer2.push("<!--[-->");
-              await_block(
-                $$renderer2,
-                checkFileExists(toolUseData.filePath),
-                () => {
-                  $$renderer2.push(`<span class="mt-1 text-sm text-gh-text-secondary font-mono">${escape_html(toolUseData.filePath.split("/").pop())}</span>`);
+              await_block(
+                $$renderer2,
+                checkFileExists(toolUseData.filePath),
+                () => {
+                  $$renderer2.push(`<span class="mt-1 text-sm text-gh-text-secondary font-mono">${escape_html(toolUseData.filePath.split("/").pop())}</span>`);
+                },
+                (exists) => {
+                  if (exists) {
+                    $$renderer2.push("<!--[-->");
+                    $$renderer2.push(`<button class="mt-1 text-sm text-gh-accent hover:underline cursor-pointer bg-transparent border-none p-0 font-mono truncate block max-w-full text-left"${attr("title", toolUseData.filePath)}>${escape_html(toolUseData.filePath.split("/").pop())}</button>`);
+                  } else {
+                    $$renderer2.push("<!--[!-->");
+                    $$renderer2.push(`<span class="mt-1 text-sm text-gh-text-secondary font-mono"${attr("title", toolUseData.filePath)}>${escape_html(toolUseData.filePath.split("/").pop())}</span>`);
+                  }
+                  $$renderer2.push(`<!--]-->`);
+                }
+              );
+              $$renderer2.push(`<!--]-->`);
+            } else {
+              $$renderer2.push("<!--[!-->");
+              if (toolUseData.input.command) {
+                $$renderer2.push("<!--[-->");
+                if (toolUseData.input.description) {
+                  $$renderer2.push("<!--[-->");
+                  $$renderer2.push(`<p class="mt-1 text-sm text-gh-text-secondary">${escape_html(toolUseData.input.description)}</p>`);
+                } else {
+                  $$renderer2.push("<!--[!-->");
+                }
+                $$renderer2.push(`<!--]--> `);
+                ExpandableContent($$renderer2, {
+                  content: String(toolUseData.input.command),
+                  lang: "sh",
+                  maxLines: 3
+                });
+                $$renderer2.push(`<!---->`);
+              } else {
+                $$renderer2.push("<!--[!-->");
+                const { path: _path, ...input } = toolUseData.input;
+                const keys = Object.keys(input);
+                if (keys.length === 1) {
+                  $$renderer2.push("<!--[-->");
+                  const key = keys[0];
+                  const value = input[key];
+                  $$renderer2.push(`${escape_html((() => {
+                    console.info(`${key} =`, value);
+                    return "";
+                  })())} `);
+                  if (key === "todos" && Array.isArray(value)) {
+                    $$renderer2.push("<!--[-->");
+                    TodoItem($$renderer2, { todos: value });
+                  } else {
+                    $$renderer2.push("<!--[!-->");
+                    ExpandableContent($$renderer2, {
+                      content: `${key} = ${JSON.stringify(value, null, 2)}`,
+                      lang: "js",
+                      maxLines: 1
+                    });
+                  }
+                  $$renderer2.push(`<!--]-->`);
+                } else {
+                  $$renderer2.push("<!--[!-->");
+                  ExpandableContent($$renderer2, {
+                    content: JSON.stringify(input, null, 2),
+                    lang: "json",
+                    maxLines: 6
+                  });
+                }
+                $$renderer2.push(`<!--]-->`);
+              }
+              $$renderer2.push(`<!--]-->`);
+            }
+            $$renderer2.push(`<!--]--></div>`);
+          } else {
+            $$renderer2.push("<!--[!-->");
+            if (hasAnyContent) {
+              $$renderer2.push("<!--[-->");
+              $$renderer2.push(`<div${attr("data-msg-id", msgId)}${attr_class(`p-4 rounded-lg group relative ${stringify(messageClass)} flex flex-col ${stringify(hasAnyContent ? "gap-2" : "")}`)}><div class="flex justify-between text-xs text-gh-text-secondary"><span class="uppercase font-semibold">${escape_html(isToolResult ? "OUT" : msg.type)}</span> <div class="flex items-center gap-2"><span class="group-hover:hidden">${escape_html(formatDate(msg.timestamp))}</span> <span class="hidden group-hover:inline font-mono text-gh-text-secondary/70">${escape_html(messageId)}</span> `);
+              if (isCustomTitle && onEditTitle) {
+                $$renderer2.push("<!--[-->");
+                TooltipButton($$renderer2, {
+                  class: "opacity-0 group-hover:opacity-100 transition-opacity p-1 rounded hover:bg-gh-border text-xs",
+                  onclick: () => onEditTitle(msg),
+                  title: "Edit title",
+                  children: ($$renderer3) => {
+                    $$renderer3.push(`<!---->✏️`);
+                  },
+                  $$slots: { default: true }
+                });
+              } else {
+                $$renderer2.push("<!--[!-->");
+              }
+              $$renderer2.push(`<!--]--> `);
+              splitButton($$renderer2);
+              $$renderer2.push(`<!----> `);
+              deleteButton($$renderer2);
+              $$renderer2.push(`<!----></div></div> `);
+              if (thinkingBlocks.length > 0) {
+                $$renderer2.push("<!--[-->");
+                $$renderer2.push(`<div class="message-content text-sm"><!--[-->`);
+                const each_array_1 = ensure_array_like(thinkingBlocks);
+                for (let i = 0, $$length = each_array_1.length; i < $$length; i++) {
+                  let block = each_array_1[i];
+                  $$renderer2.push(`<details class="text-gh-text-secondary"><summary class="cursor-pointer text-xs italic hover:text-gh-text select-none">💭 Thinking ${escape_html(thinkingBlocks.length > 1 ? `(${i + 1}/${thinkingBlocks.length})` : "")}</summary> <p class="mt-1 whitespace-pre-wrap italic opacity-70">${escape_html(block.thinking)}</p></details>`);
+                }
+                $$renderer2.push(`<!--]--></div>`);
+              } else {
+                $$renderer2.push("<!--[!-->");
+              }
+              $$renderer2.push(`<!--]--> `);
+              if (hasContent) {
+                $$renderer2.push("<!--[-->");
+                $$renderer2.push(`<div class="message-content text-sm">`);
+                if (isCustomTitle) {
+                  $$renderer2.push("<!--[-->");
+                  $$renderer2.push(`<span class="font-semibold text-purple-400">${escape_html(customTitle)}</span>`);
+                } else {
+                  $$renderer2.push("<!--[!-->");
+                  const msgContent = getMessageContent(msg);
+                  const segments = parseIdeTags(msgContent);
+                  $$renderer2.push(`<!--[-->`);
+                  const each_array_2 = ensure_array_like(segments);
+                  for (let $$index_2 = 0, $$length = each_array_2.length; $$index_2 < $$length; $$index_2++) {
+                    let segment = each_array_2[$$index_2];
+                    if (segment.type === "ide_tag" && segment.tag) {
+                      $$renderer2.push("<!--[-->");
+                      IdeTag($$renderer2, { tag: segment.tag, content: segment.content });
+                    } else {
+                      $$renderer2.push("<!--[!-->");
+                      const textLines = segment.content.split("\n");
+                      if (textLines.length > 10) {
+                        $$renderer2.push("<!--[-->");
+                        ExpandableContent($$renderer2, { content: segment.content, maxLines: 10 });
+                      } else {
+                        $$renderer2.push("<!--[!-->");
+                        $$renderer2.push(`<p class="whitespace-pre-wrap">${escape_html(segment.content)}</p>`);
+                      }
+                      $$renderer2.push(`<!--]-->`);
+                    }
+                    $$renderer2.push(`<!--]-->`);
+                  }
+                  $$renderer2.push(`<!--]-->`);
+                }
+                $$renderer2.push(`<!--]--></div>`);
+              } else {
+                $$renderer2.push("<!--[!-->");
+              }
+              $$renderer2.push(`<!--]--></div>`);
+            } else {
+              $$renderer2.push("<!--[!-->");
+            }
+            $$renderer2.push(`<!--]-->`);
+          }
+          $$renderer2.push(`<!--]-->`);
+        }
+        $$renderer2.push(`<!--]-->`);
+      }
+      $$renderer2.push(`<!--]-->`);
+    }
+    $$renderer2.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 = selectedSession ? /* @__PURE__ */ new Set([selectedSession.id]) : /* @__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(`<!---->▶️`);
                 },
-                (exists) => {
-                  if (exists) {
-                    $$renderer2.push("<!--[-->");
-                    $$renderer2.push(`<button class="mt-1 text-sm text-gh-accent hover:underline cursor-pointer bg-transparent border-none p-0 font-mono truncate block max-w-full text-left"${attr("title", toolUseData.filePath)}>${escape_html(toolUseData.filePath.split("/").pop())}</button>`);
-                  } else {
-                    $$renderer2.push("<!--[!-->");
-                    $$renderer2.push(`<span class="mt-1 text-sm text-gh-text-secondary font-mono"${attr("title", toolUseData.filePath)}>${escape_html(toolUseData.filePath.split("/").pop())}</span>`);
-                  }
-                  $$renderer2.push(`<!--]-->`);
-                }
-              );
-              $$renderer2.push(`<!--]-->`);
+                $$slots: { default: true }
+              });
             } else {
               $$renderer2.push("<!--[!-->");
-              if (toolUseData.input.command) {
+            }
+            $$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("<!--[-->");
-                if (toolUseData.input.description) {
-                  $$renderer2.push("<!--[-->");
-                  $$renderer2.push(`<p class="mt-1 text-sm text-gh-text-secondary">${escape_html(toolUseData.input.description)}</p>`);
-                } else {
-                  $$renderer2.push("<!--[!-->");
-                }
-                $$renderer2.push(`<!--]--> `);
-                ExpandableContent($$renderer2, {
-                  content: String(toolUseData.input.command),
-                  lang: "sh",
-                  maxLines: 3
-                });
-                $$renderer2.push(`<!---->`);
-              } else {
-                $$renderer2.push("<!--[!-->");
-                const { path: _path, ...input } = toolUseData.input;
-                const keys = Object.keys(input);
-                if (keys.length === 1) {
-                  $$renderer2.push("<!--[-->");
-                  const key = keys[0];
-                  const value = input[key];
-                  $$renderer2.push(`${escape_html((() => {
-                    console.info(`${key} =`, value);
-                    return "";
-                  })())} `);
-                  if (key === "todos" && Array.isArray(value)) {
+                $$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("<!--[-->");
-                    TodoItem($$renderer2, { todos: value });
+                    $$renderer2.push(`<span class="pl-6 text-[10px] text-gh-text-secondary/70">${escape_html(new Date(summary.timestamp).toLocaleString())}</span>`);
                   } else {
                     $$renderer2.push("<!--[!-->");
-                    ExpandableContent($$renderer2, {
-                      content: `${key} = ${JSON.stringify(value, null, 2)}`,
-                      lang: "js",
-                      maxLines: 1
-                    });
                   }
-                  $$renderer2.push(`<!--]-->`);
-                } else {
-                  $$renderer2.push("<!--[!-->");
-                  ExpandableContent($$renderer2, {
-                    content: JSON.stringify(input, null, 2),
-                    lang: "json",
-                    maxLines: 6
-                  });
+                  $$renderer2.push(`<!--]--></li>`);
                 }
                 $$renderer2.push(`<!--]-->`);
+              } else {
+                $$renderer2.push("<!--[!-->");
               }
-              $$renderer2.push(`<!--]-->`);
-            }
-            $$renderer2.push(`<!--]--></div>`);
-          } else {
-            $$renderer2.push("<!--[!-->");
-            if (hasAnyContent) {
-              $$renderer2.push("<!--[-->");
-              $$renderer2.push(`<div${attr("data-msg-id", msgId)}${attr_class(`p-4 rounded-lg group relative ${stringify(messageClass)} flex flex-col ${stringify(hasAnyContent ? "gap-2" : "")}`)}><div class="flex justify-between text-xs text-gh-text-secondary"><span class="uppercase font-semibold">${escape_html(isToolResult ? "OUT" : msg.type)}</span> <div class="flex items-center gap-2"><span class="group-hover:hidden">${escape_html(formatDate(msg.timestamp))}</span> <span class="hidden group-hover:inline font-mono text-gh-text-secondary/70">${escape_html(messageId)}</span> `);
-              if (isCustomTitle && onEditTitle) {
+              $$renderer2.push(`<!--]--> `);
+              if (data?.todos?.sessionTodos && data.todos.sessionTodos.length > 0) {
                 $$renderer2.push("<!--[-->");
-                $$renderer2.push(`<button class="opacity-0 group-hover:opacity-100 transition-opacity bg-transparent border-none cursor-pointer p-1 rounded hover:bg-gh-border text-xs" title="Edit title">✏️</button>`);
+                $$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(`<!--]--> `);
-              splitButton($$renderer2);
-              $$renderer2.push(`<!----> `);
-              deleteButton($$renderer2);
-              $$renderer2.push(`<!----></div></div> `);
-              if (thinkingBlocks.length > 0) {
+              if (data?.todos?.agentTodos) {
                 $$renderer2.push("<!--[-->");
-                $$renderer2.push(`<div class="message-content text-sm"><!--[-->`);
-                const each_array_1 = ensure_array_like(thinkingBlocks);
-                for (let i = 0, $$length = each_array_1.length; i < $$length; i++) {
-                  let block = each_array_1[i];
-                  $$renderer2.push(`<details class="text-gh-text-secondary"><summary class="cursor-pointer text-xs italic hover:text-gh-text select-none">💭 Thinking ${escape_html(thinkingBlocks.length > 1 ? `(${i + 1}/${thinkingBlocks.length})` : "")}</summary> <p class="mt-1 whitespace-pre-wrap italic opacity-70">${escape_html(block.thinking)}</p></details>`);
+                $$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(`<!--]--></div>`);
+                $$renderer2.push(`<!--]-->`);
               } else {
                 $$renderer2.push("<!--[!-->");
               }
               $$renderer2.push(`<!--]--> `);
-              if (hasContent) {
+              if (data?.agents && data.agents.length > 0) {
                 $$renderer2.push("<!--[-->");
-                $$renderer2.push(`<div class="message-content text-sm">`);
-                if (isCustomTitle) {
-                  $$renderer2.push("<!--[-->");
-                  $$renderer2.push(`<span class="font-semibold text-purple-400">${escape_html(customTitle)}</span>`);
-                } else {
-                  $$renderer2.push("<!--[!-->");
-                  const msgContent = getMessageContent(msg);
-                  const segments = parseIdeTags(msgContent);
-                  $$renderer2.push(`<!--[-->`);
-                  const each_array_2 = ensure_array_like(segments);
-                  for (let $$index_2 = 0, $$length = each_array_2.length; $$index_2 < $$length; $$index_2++) {
-                    let segment = each_array_2[$$index_2];
-                    if (segment.type === "ide_tag" && segment.tag) {
-                      $$renderer2.push("<!--[-->");
-                      IdeTag($$renderer2, { tag: segment.tag, content: segment.content });
-                    } else {
-                      $$renderer2.push("<!--[!-->");
-                      const textLines = segment.content.split("\n");
-                      if (textLines.length > 10) {
-                        $$renderer2.push("<!--[-->");
-                        ExpandableContent($$renderer2, { content: segment.content, maxLines: 10 });
-                      } else {
-                        $$renderer2.push("<!--[!-->");
-                        $$renderer2.push(`<p class="whitespace-pre-wrap">${escape_html(segment.content)}</p>`);
-                      }
-                      $$renderer2.push(`<!--]-->`);
-                    }
-                    $$renderer2.push(`<!--]-->`);
-                  }
-                  $$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(`<!--]--></div>`);
+                $$renderer2.push(`<!--]-->`);
               } else {
                 $$renderer2.push("<!--[!-->");
               }
-              $$renderer2.push(`<!--]--></div>`);
+              $$renderer2.push(`<!--]--></ul>`);
             } else {
               $$renderer2.push("<!--[!-->");
             }
-            $$renderer2.push(`<!--]-->`);
+            $$renderer2.push(`<!--]--></li>`);
           }
           $$renderer2.push(`<!--]-->`);
         }
-        $$renderer2.push(`<!--]-->`);
+        $$renderer2.push(`<!--]--></ul>`);
+      } else {
+        $$renderer2.push("<!--[!-->");
       }
-      $$renderer2.push(`<!--]-->`);
+      $$renderer2.push(`<!--]--></li>`);
     }
-    $$renderer2.push(`<!--]-->`);
+    $$renderer2.push(`<!--]--></ul></aside>`);
+    if ($$store_subs) unsubscribe_stores($$store_subs);
   });
 }
 function ScrollButtons($$renderer, $$props) {
@@ -932,6 +960,8 @@ function SessionViewer($$renderer, $$props) {
       customTitle,
       currentSummary,
       backUrl,
+      onDeleteMessage,
+      onMessagesChange,
       onEditTitle,
       onSplitSession,
       enableScroll = true,
@@ -941,6 +971,46 @@ function SessionViewer($$renderer, $$props) {
     let activeTab = "messages";
     let undoStack = [];
     let undoCountdown = 0;
+    let undoTimeoutId = null;
+    const handleMessageDeleteWithUndo = async (msg, isAgent) => {
+      if (!session) return;
+      const msgId = msg.uuid || msg.messageId || msg.leafUuid;
+      if (!msgId) return;
+      const targetSessionId = session.id;
+      let index;
+      {
+        index = messages.findIndex((m) => (m.uuid || m.messageId || m.leafUuid) === msgId);
+        if (index === -1) return;
+      }
+      try {
+        await deleteMessage(session.projectName, targetSessionId, msgId);
+        if (isAgent) ;
+        else {
+          const newMessages = messages.filter((m) => (m.uuid || m.messageId || m.leafUuid) !== msgId);
+          onMessagesChange?.(newMessages);
+        }
+        undoStack = [
+          ...undoStack,
+          { msg, index, isAgent, sessionId: targetSessionId }
+        ];
+        if (undoTimeoutId) clearTimeout(undoTimeoutId);
+        undoCountdown = 10;
+        undoTimeoutId = setTimeout(
+          () => {
+            undoStack = [];
+            undoCountdown = 0;
+            undoTimeoutId = null;
+          },
+          1e4
+        );
+        onDeleteMessage?.(msg);
+      } catch (e) {
+        console.error("Failed to delete message:", e);
+      }
+    };
+    const handleSessionMessageDelete = (msg) => {
+      handleMessageDeleteWithUndo(msg, false);
+    };
     const firstMeaningfulIndex = messages.findIndex((m) => m.type === "user" || m.type === "assistant" || m.type === "human");
     $$renderer2.push(`<section${attr_class(`bg-gh-bg-secondary overflow-hidden flex flex-col h-full ${stringify(fullWidth ? "" : "border border-gh-border rounded-lg")}`)}><div class="p-4 border-b border-gh-border bg-gh-bg flex flex-wrap justify-between items-start gap-2">`);
     if (backUrl) {
@@ -1004,6 +1074,7 @@ function SessionViewer($$renderer, $$props) {
             MessageItem($$renderer2, {
               msg,
               sessionId: session?.id ?? "",
+              onDelete: handleSessionMessageDelete,
               onEditTitle,
               onSplit: onSplitSession,
               isFirst: i === firstMeaningfulIndex
@@ -1039,115 +1110,173 @@ 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 handleDeleteMessage = async (msg) => {
       if (!selectedSession) return;
-      const currentTitle = msg.customTitle ?? "";
-      const newTitle = prompt("Enter new custom title:", currentTitle);
-      if (newTitle === null || newTitle === currentTitle) return;
+      const msgId = msg.uuid || msg.messageId || msg.leafUuid;
+      if (!msgId) return;
       try {
-        await updateCustomTitle(selectedSession.projectName, selectedSession.id, msg.uuid, newTitle);
-        msg.customTitle = newTitle;
-        messages = [...messages];
+        await deleteMessage(selectedSession.projectName, selectedSession.id, msgId);
+        messages = messages.filter((m) => (m.uuid || m.messageId || m.leafUuid) !== msgId);
+        const sessions = projectSessions.get(selectedSession.projectName);
+        const session = sessions?.find((s) => s.id === selectedSession.id);
+        if (session) {
+          session.messageCount = messages.length;
+          projectSessions = new Map(projectSessions);
+        }
       } catch (e) {
         error = String(e);
       }
     };
-    const handleSplitSession = async (msg) => {
+    const handleEditCustomTitle = (msg) => {
+      if (!selectedSession) return;
+      const currentTitle = msg.customTitle ?? "";
+      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 = (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();
@@ -1185,6 +1314,8 @@ Old messages (${oldMessagesCount}) will be moved to a new session.`)) return;
         agents,
         customTitle: selectedSession ? projectSessionData.get(selectedSession.projectName)?.get(selectedSession.id)?.customTitle : void 0,
         currentSummary: selectedSession ? projectSessionData.get(selectedSession.projectName)?.get(selectedSession.id)?.currentSummary : void 0,
+        onMessagesChange: (newMessages) => messages = newMessages,
+        onDeleteMessage: handleDeleteMessage,
         onEditTitle: handleEditCustomTitle,
         onSplitSession: handleSplitSession
       });
@@ -1212,6 +1343,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 +1373,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-g3nbsvo6.js.map