@claude-sessions/web 0.3.1 → 0.3.3

package/build/server/chunks/_page.svelte-Bgd-L7N_.js

@@ -0,0 +1,1227 @@
+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 { t as sortProjects, u as getDisplayTitle } from './index3-DVZVsHMK.js';
+import 'marked';
+import 'fs';
+import 'os';
+import 'path';
+import 'effect';
+import 'fs/promises';
+
+const empty = [];
+function snapshot(value, skip_warning = false, no_tojson = false) {
+  return clone(value, /* @__PURE__ */ new Map(), "", empty, null, no_tojson);
+}
+function clone(value, cloned, path, paths, original = null, no_tojson = false) {
+  if (typeof value === "object" && value !== null) {
+    var unwrapped = cloned.get(value);
+    if (unwrapped !== void 0) return unwrapped;
+    if (value instanceof Map) return (
+      /** @type {Snapshot<T>} */
+      new Map(value)
+    );
+    if (value instanceof Set) return (
+      /** @type {Snapshot<T>} */
+      new Set(value)
+    );
+    if (is_array(value)) {
+      var copy = (
+        /** @type {Snapshot<any>} */
+        Array(value.length)
+      );
+      cloned.set(value, copy);
+      if (original !== null) {
+        cloned.set(original, copy);
+      }
+      for (var i = 0; i < value.length; i += 1) {
+        var element = value[i];
+        if (i in value) {
+          copy[i] = clone(element, cloned, path, paths, null, no_tojson);
+        }
+      }
+      return copy;
+    }
+    if (get_prototype_of(value) === object_prototype) {
+      copy = {};
+      cloned.set(value, copy);
+      if (original !== null) {
+        cloned.set(original, copy);
+      }
+      for (var key in value) {
+        copy[key] = clone(
+          // @ts-expect-error
+          value[key],
+          cloned,
+          path,
+          paths,
+          null,
+          no_tojson
+        );
+      }
+      return copy;
+    }
+    if (value instanceof Date) {
+      return (
+        /** @type {Snapshot<T>} */
+        structuredClone(value)
+      );
+    }
+    if (typeof /** @type {T & { toJSON?: any } } */
+    value.toJSON === "function" && !no_tojson) {
+      return clone(
+        /** @type {T & { toJSON(): any } } */
+        value.toJSON(),
+        cloned,
+        path,
+        paths,
+        // Associate the instance with the toJSON clone
+        value
+      );
+    }
+  }
+  if (value instanceof EventTarget) {
+    return (
+      /** @type {Snapshot<T>} */
+      value
+    );
+  }
+  try {
+    return (
+      /** @type {Snapshot<T>} */
+      structuredClone(value)
+    );
+  } catch (e) {
+    return (
+      /** @type {Snapshot<T>} */
+      value
+    );
+  }
+}
+const BASE_URL = "/api";
+const get = async (path) => {
+  const res = await fetch(`${BASE_URL}${path}`);
+  if (!res.ok) throw new Error(await res.text());
+  return res.json();
+};
+const post = async (path, body) => {
+  const res = await fetch(`${BASE_URL}${path}`, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify(body)
+  });
+  if (!res.ok) throw new Error(await res.text());
+  return res.json();
+};
+const del = async (path) => {
+  const res = await fetch(`${BASE_URL}${path}`, { method: "DELETE" });
+  if (!res.ok) throw new Error(await res.text());
+  return res.json();
+};
+const patch = async (path, body) => {
+  const res = await fetch(`${BASE_URL}${path}`, {
+    method: "PATCH",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify(body)
+  });
+  if (!res.ok) throw new Error(await res.text());
+  return res.json();
+};
+const getSession = (project, id) => get(`/session?project=${encodeURIComponent(project)}&id=${encodeURIComponent(id)}`);
+const deleteSession = (project, id) => del(
+  `/session?project=${encodeURIComponent(project)}&id=${encodeURIComponent(id)}`
+);
+const renameSession = (project, id, title) => post("/session/rename", { project, id, title });
+const updateCustomTitle = (project, session, uuid, customTitle) => patch(
+  `/message?project=${encodeURIComponent(project)}&session=${encodeURIComponent(session)}&uuid=${encodeURIComponent(uuid)}`,
+  { customTitle }
+);
+const splitSession = (project, sessionId, messageUuid) => post("/session/split", { project, sessionId, messageUuid });
+const checkFileExists = async (filePath) => {
+  try {
+    const res = await get(`/file-exists?path=${encodeURIComponent(filePath)}`);
+    return res.exists;
+  } catch {
+    return false;
+  }
+};
+const expandProject = (projectName) => get(`/project/expand?project=${encodeURIComponent(projectName)}`);
+const resumeSession = (projectName, sessionId) => post("/session/resume", { projectName, sessionId });
+const maskHomePaths = (text) => {
+  return maskHomePath(text);
+};
+const extractText = (content) => {
+  if (typeof content === "string") return content;
+  if (Array.isArray(content)) {
+    return content.map(extractText).join("");
+  }
+  if (content.type === "text") return content.text ?? "";
+  if (content.type === "thinking") {
+    return "";
+  }
+  if (content.type === "tool_result") {
+    return content.content ? extractText(content.content) : "0";
+  }
+  if (content.content) return extractText(content.content);
+  return "";
+};
+const getMessageContent = (msg) => {
+  let content = "";
+  if (msg.summary) {
+    content = msg.summary;
+  } else if (msg.content) {
+    content = extractText(msg.content);
+  } else {
+    const m = msg.message;
+    if (m?.content) {
+      content = extractText(m.content);
+    }
+  }
+  return maskHomePaths(content);
+};
+const parseIdeTags = (content) => {
+  const segments = [];
+  const regex = /<(ide_[^>]+)>([\s\S]*?)<\/\1>/g;
+  let lastIndex = 0;
+  let match;
+  while ((match = regex.exec(content)) !== null) {
+    if (match.index > lastIndex) {
+      const text = content.slice(lastIndex, match.index).trim();
+      if (text) {
+        segments.push({ type: "text", content: text });
+      }
+    }
+    segments.push({
+      type: "ide_tag",
+      tag: match[1],
+      content: match[2].trim()
+    });
+    lastIndex = regex.lastIndex;
+  }
+  if (lastIndex < content.length) {
+    const text = content.slice(lastIndex).trim();
+    if (text) {
+      segments.push({ type: "text", content: text });
+    }
+  }
+  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;
+    const lines = content.split("\n");
+    const needsExpand = lines.length > maxLines;
+    const displayContent = needsExpand && true ? lines.slice(0, maxLines).join("\n") : content;
+    if (needsExpand) {
+      $$renderer2.push("<!--[-->");
+      $$renderer2.push(`<div class="relative">`);
+      if (lang) {
+        $$renderer2.push("<!--[-->");
+        $$renderer2.push(`<pre class="whitespace-pre-wrap font-mono text-xs text-gh-text-secondary overflow-x-auto"><code${attr_class(`language-${stringify(lang)}`)}>${escape_html(displayContent)}</code></pre>`);
+      } else {
+        $$renderer2.push("<!--[!-->");
+        $$renderer2.push(`<pre class="whitespace-pre-wrap font-mono text-xs text-gh-text-secondary overflow-x-auto">${escape_html(displayContent)}</pre>`);
+      }
+      $$renderer2.push(`<!--]--> `);
+      {
+        $$renderer2.push("<!--[-->");
+        $$renderer2.push(`<div class="absolute bottom-0 left-0 right-0 h-8 bg-gradient-to-t from-gh-canvas to-transparent pointer-events-none"></div> `);
+        {
+          $$renderer2.push("<!--[!-->");
+        }
+        $$renderer2.push(`<!--]-->`);
+      }
+      $$renderer2.push(`<!--]--></div>`);
+    } else {
+      $$renderer2.push("<!--[!-->");
+      if (lang) {
+        $$renderer2.push("<!--[-->");
+        $$renderer2.push(`<pre class="whitespace-pre-wrap font-mono text-xs text-gh-text-secondary overflow-x-auto"><code${attr_class(`language-${stringify(lang)}`)}>${escape_html(content)}</code></pre>`);
+      } else {
+        $$renderer2.push("<!--[!-->");
+        $$renderer2.push(`<pre class="whitespace-pre-wrap font-mono text-xs text-gh-text-secondary overflow-x-auto">${escape_html(content)}</pre>`);
+      }
+      $$renderer2.push(`<!--]-->`);
+    }
+    $$renderer2.push(`<!--]-->`);
+  });
+}
+function IdeTag($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const { tag, content } = $$props;
+    const filePath = (() => {
+      const pathMatch = content.match(/(?:opened the file |selected.*from )(\/[^\s]+)/);
+      if (pathMatch) return pathMatch[1];
+      if (content.trim().startsWith("/")) {
+        return content.trim().split("\n")[0].split(" ")[0];
+      }
+      return null;
+    })();
+    const lineInfo = (() => {
+      const lineMatch = content.match(/lines? (\d+)(?:\s*to\s*(\d+))?/);
+      if (lineMatch) {
+        return lineMatch[2] ? `L${lineMatch[1]}-${lineMatch[2]}` : `L${lineMatch[1]}`;
+      }
+      return null;
+    })();
+    if (tag === "ide_opened_file") {
+      $$renderer2.push("<!--[-->");
+      $$renderer2.push(`<div class="flex items-center gap-2 text-xs text-blue-400 bg-blue-900/20 rounded px-2 py-1"><span class="opacity-60">📂</span> `);
+      if (filePath) {
+        $$renderer2.push("<!--[-->");
+        await_block(
+          $$renderer2,
+          checkFileExists(filePath),
+          () => {
+            $$renderer2.push(`<span class="font-mono">${escape_html(filePath.split("/").pop())}</span>`);
+          },
+          (exists) => {
+            if (exists) {
+              $$renderer2.push("<!--[-->");
+              $$renderer2.push(`<button class="font-mono hover:underline cursor-pointer bg-transparent border-none text-blue-400 p-0"${attr("title", filePath)}>${escape_html(filePath.split("/").pop())}${escape_html(lineInfo ? `:${lineInfo}` : "")}</button>`);
+            } else {
+              $$renderer2.push("<!--[!-->");
+              $$renderer2.push(`<span class="font-mono opacity-60"${attr("title", filePath)}>${escape_html(filePath.split("/").pop())}</span>`);
+            }
+            $$renderer2.push(`<!--]-->`);
+          }
+        );
+        $$renderer2.push(`<!--]-->`);
+      } else {
+        $$renderer2.push("<!--[!-->");
+        $$renderer2.push(`<span class="opacity-60">${escape_html(content)}</span>`);
+      }
+      $$renderer2.push(`<!--]--></div>`);
+    } else {
+      $$renderer2.push("<!--[!-->");
+      if (tag === "ide_selection") {
+        $$renderer2.push("<!--[-->");
+        $$renderer2.push(`<div class="text-xs text-purple-400 bg-purple-900/20 rounded px-2 py-1"><div class="flex items-center gap-2"><span class="opacity-60">✂️</span> `);
+        if (filePath) {
+          $$renderer2.push("<!--[-->");
+          await_block(
+            $$renderer2,
+            checkFileExists(filePath),
+            () => {
+              $$renderer2.push(`<span class="font-mono">${escape_html(filePath.split("/").pop())}${escape_html(lineInfo ? `:${lineInfo}` : "")}</span>`);
+            },
+            (exists) => {
+              if (exists) {
+                $$renderer2.push("<!--[-->");
+                $$renderer2.push(`<button class="font-mono hover:underline cursor-pointer bg-transparent border-none text-purple-400 p-0"${attr("title", filePath)}>${escape_html(filePath.split("/").pop())}${escape_html(lineInfo ? `:${lineInfo}` : "")}</button>`);
+              } else {
+                $$renderer2.push("<!--[!-->");
+                $$renderer2.push(`<span class="font-mono opacity-60"${attr("title", filePath)}>${escape_html(filePath.split("/").pop())}${escape_html(lineInfo ? `:${lineInfo}` : "")}</span>`);
+              }
+              $$renderer2.push(`<!--]-->`);
+            }
+          );
+          $$renderer2.push(`<!--]-->`);
+        } else {
+          $$renderer2.push("<!--[!-->");
+          $$renderer2.push(`<span class="font-mono">${escape_html(content.split("\n")[0].slice(0, 60))}</span>`);
+        }
+        $$renderer2.push(`<!--]--></div></div>`);
+      } else {
+        $$renderer2.push("<!--[!-->");
+        $$renderer2.push(`<div class="text-xs text-yellow-400 bg-yellow-900/20 rounded px-2 py-1"><span class="opacity-60">⚠️</span> <span class="font-mono">&lt;${escape_html(tag)}></span> <span class="opacity-60 ml-1">${escape_html(content.slice(0, 50))}${escape_html(content.length > 50 ? "..." : "")}</span></div>`);
+      }
+      $$renderer2.push(`<!--]-->`);
+    }
+    $$renderer2.push(`<!--]-->`);
+  });
+}
+function TodoItem($$renderer, $$props) {
+  const { todos } = $$props;
+  const statusIcon = (status) => {
+    switch (status) {
+      case "completed":
+        return "✅";
+      case "in_progress":
+        return "🔄";
+      case "pending":
+        return "⬜";
+    }
+  };
+  const statusClass = (status) => {
+    switch (status) {
+      case "completed":
+        return "text-gh-green";
+      case "in_progress":
+        return "text-gh-accent";
+      case "pending":
+        return "text-gh-text-secondary";
+    }
+  };
+  $$renderer.push(`<ul class="space-y-1.5 mt-1"><!--[-->`);
+  const each_array = ensure_array_like(todos);
+  for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+    let todo = each_array[$$index];
+    $$renderer.push(`<li${attr_class(`flex items-start gap-2 text-sm ${stringify(statusClass(todo.status))}`)}><span class="flex-shrink-0">${escape_html(statusIcon(todo.status))}</span> <span${attr_class(clsx(todo.status === "completed" ? "line-through opacity-70" : ""))}>${escape_html(todo.status === "in_progress" ? todo.activeForm : todo.content)}</span></li>`);
+  }
+  $$renderer.push(`<!--]--></ul>`);
+}
+function MessageItem($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      msg,
+      sessionId,
+      isFirst = false,
+      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";
+    const isHuman = msg.type === "human" || msg.type === "user";
+    const isLocalCommand = msg.type === "system" && msg.subtype === "local_command";
+    const isQueueOperation = msg.type === "queue-operation";
+    const isToolResult = (() => {
+      if (msg.type !== "user") return false;
+      const m = msg.message;
+      if (!Array.isArray(m?.content)) return false;
+      const first = m.content[0];
+      return first?.type === "tool_result";
+    })();
+    const snapshotData = (() => {
+      if (!isFileSnapshot) return null;
+      const snapshot2 = msg.snapshot;
+      const backups = snapshot2?.trackedFileBackups ?? {};
+      return {
+        files: Object.entries(backups),
+        timestamp: snapshot2?.timestamp
+      };
+    })();
+    const commandData = (() => {
+      if (!isLocalCommand) return null;
+      const content = typeof msg.content === "string" ? msg.content : "";
+      const name = content.match(/<command-name>([^<]+)<\/command-name>/)?.[1] ?? "";
+      const message = content.match(/<command-message>([^<]+)<\/command-message>/)?.[1] ?? "";
+      return { name, message };
+    })();
+    const FILE_TOOLS = ["Read", "Write", "Edit"];
+    const toolUseData = (() => {
+      if (!isAssistant) return null;
+      const m = msg.message;
+      if (!Array.isArray(m?.content)) return null;
+      const toolUse = m.content.find((item) => typeof item === "object" && item !== null && item.type === "tool_use");
+      if (!toolUse) return null;
+      return {
+        name: toolUse.name,
+        input: toolUse.input,
+        // Extract file path for file tools (Read, Write, Edit)
+        filePath: FILE_TOOLS.includes(toolUse.name) ? toolUse.input.file_path : null
+      };
+    })();
+    const thinkingBlocks = (() => {
+      if (!isAssistant) return [];
+      const m = msg.message;
+      if (!Array.isArray(m?.content)) return [];
+      return m.content.filter((item) => typeof item === "object" && item !== null && item.type === "thinking");
+    })();
+    const customTitle = msg.customTitle ?? "";
+    const messageId = msg.uuid || msg.messageId || "";
+    const hasContent = (() => {
+      if (isQueueOperation) return false;
+      if (isFileSnapshot || isLocalCommand || isCustomTitle || toolUseData) return true;
+      const content = getMessageContent(msg);
+      if (content.trim().length > 0) return true;
+      if (msg.type === "user" || msg.type === "human") {
+        const label = isToolResult ? "Tool result" : "User message";
+        console.warn(`${label} without content:`, snapshot(msg));
+      }
+      return false;
+    })();
+    const hasAnyContent = hasContent || thinkingBlocks.length > 0;
+    const messageClass = (() => {
+      if (isHuman) return "bg-gh-accent/15 border-l-3 border-l-gh-accent";
+      if (isAssistant) return "bg-gh-green/15 border-l-3 border-l-gh-green";
+      if (isCustomTitle) return "bg-purple-500/15 border-l-3 border-l-purple-500";
+      return "bg-gh-border-subtle";
+    })();
+    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>`);
+      } 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>`);
+    }
+    if (isQueueOperation) {
+      $$renderer2.push("<!--[-->");
+    } else {
+      $$renderer2.push("<!--[!-->");
+      if (isFileSnapshot && snapshotData) {
+        $$renderer2.push("<!--[-->");
+        $$renderer2.push(`<div${attr("data-msg-id", msgId)} class="p-4 rounded-lg bg-amber-500/10 border-l-3 border-l-amber-500 group relative"><div class="flex justify-between mb-2 text-xs text-gh-text-secondary"><span class="uppercase font-semibold text-amber-400">📁 File Backups (${escape_html(snapshotData.files.length)})</span> <div class="flex items-center gap-2"><span>${escape_html(formatDate(snapshotData.timestamp))}</span> `);
+        splitButton($$renderer2);
+        $$renderer2.push(`<!----> `);
+        deleteButton($$renderer2);
+        $$renderer2.push(`<!----></div></div> <ul class="space-y-1"><!--[-->`);
+        const each_array = ensure_array_like(snapshotData.files);
+        for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+          let [filePath, info] = each_array[$$index];
+          const hasBackup = !!(info.backupFileName && sessionId);
+          $$renderer2.push(`<li class="font-mono text-xs truncate"${attr("title", maskHomePaths(filePath))}>`);
+          if (hasBackup) {
+            $$renderer2.push("<!--[-->");
+            $$renderer2.push(`<button class="text-gh-accent hover:underline cursor-pointer bg-transparent border-none p-0" title="Open backup in VS Code">${escape_html(maskHomePaths(filePath))}</button>`);
+          } else {
+            $$renderer2.push("<!--[!-->");
+            $$renderer2.push(`<span class="text-gh-text-secondary">${escape_html(maskHomePaths(filePath))}</span>`);
+          }
+          $$renderer2.push(`<!--]--></li>`);
+        }
+        $$renderer2.push(`<!--]--></ul></div>`);
+      } else {
+        $$renderer2.push("<!--[!-->");
+        if (isLocalCommand && commandData) {
+          $$renderer2.push("<!--[-->");
+          $$renderer2.push(`<div${attr("data-msg-id", msgId)} class="p-3 rounded-lg bg-cyan-500/10 border-l-3 border-l-cyan-500 group relative"><div class="flex justify-between items-center text-xs text-gh-text-secondary"><span class="font-semibold text-cyan-400">⚡ ${escape_html(commandData.name || "Command")}</span> <div class="flex items-center gap-2"><span>${escape_html(formatDate(msg.timestamp))}</span> `);
+          splitButton($$renderer2);
+          $$renderer2.push(`<!----> `);
+          deleteButton($$renderer2);
+          $$renderer2.push(`<!----></div></div> `);
+          if (commandData.message && commandData.message !== commandData.name?.slice(1)) {
+            $$renderer2.push("<!--[-->");
+            $$renderer2.push(`<p class="mt-1 text-sm text-gh-text-secondary">${escape_html(commandData.message)}</p>`);
+          } else {
+            $$renderer2.push("<!--[!-->");
+          }
+          $$renderer2.push(`<!--]--></div>`);
+        } else {
+          $$renderer2.push("<!--[!-->");
+          if (toolUseData) {
+            $$renderer2.push("<!--[-->");
+            $$renderer2.push(`<div${attr("data-msg-id", msgId)} class="p-3 rounded-lg bg-violet-500/10 border-l-3 border-l-violet-500 group relative"><div class="flex justify-between items-center text-xs text-gh-text-secondary"><span class="font-semibold text-violet-400">🔧 ${escape_html(toolUseData.name)}</span> <div class="flex items-center gap-2"><span>${escape_html(formatDate(msg.timestamp))}</span> `);
+            splitButton($$renderer2);
+            $$renderer2.push(`<!----> `);
+            deleteButton($$renderer2);
+            $$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>`);
+                },
+                (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("<!--[-->");
+                $$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>`);
+              } 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 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("<!--[!-->");
+    }
+    $$renderer2.push(`<!--]-->`);
+  });
+}
+function SessionViewer($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      session,
+      messages,
+      todos = [],
+      agents = [],
+      customTitle,
+      currentSummary,
+      backUrl,
+      onEditTitle,
+      onSplitSession,
+      enableScroll = true,
+      fullWidth = false
+    } = $$props;
+    const displayTitle = getDisplayTitle(customTitle, currentSummary, session?.title, 50);
+    let activeTab = "messages";
+    let undoStack = [];
+    let undoCountdown = 0;
+    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) {
+      $$renderer2.push("<!--[-->");
+      $$renderer2.push(`<a${attr("href", backUrl)} class="text-gh-muted hover:text-gh-fg flex-shrink-0" title="Back to project"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path></svg></a>`);
+    } else {
+      $$renderer2.push("<!--[!-->");
+    }
+    $$renderer2.push(`<!--]--> <div class="flex-1 min-w-[200px]">`);
+    if (session) {
+      $$renderer2.push("<!--[-->");
+      $$renderer2.push(`<h2 class="text-base font-semibold">${escape_html(truncate(displayTitle, 50))}</h2> <button class="text-xs text-gh-text-secondary font-mono mt-1 hover:text-gh-accent hover:underline cursor-pointer bg-transparent border-none p-0 text-left" title="Open session file in VSCode">${escape_html(session.id)}</button>`);
+    } else {
+      $$renderer2.push("<!--[!-->");
+      $$renderer2.push(`<h2 class="text-base font-semibold">Messages</h2>`);
+    }
+    $$renderer2.push(`<!--]--></div> `);
+    {
+      $$renderer2.push("<!--[-->");
+      ScrollButtons($$renderer2, { messages });
+    }
+    $$renderer2.push(`<!--]--></div> `);
+    if (session) {
+      $$renderer2.push("<!--[-->");
+      $$renderer2.push(`<div class="flex border-b border-gh-border bg-gh-bg overflow-x-auto"><div class="flex-1 flex justify-center"><button${attr_class(`px-4 py-2 text-sm font-medium transition-colors whitespace-nowrap ${stringify(
+        "text-gh-accent border-b-2 border-gh-accent"
+      )}`)}>💬 Messages (${escape_html(messages.length)})</button> <!--[-->`);
+      const each_array = ensure_array_like(agents);
+      for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+        let agent = each_array[$$index];
+        $$renderer2.push(`<button${attr_class(`px-4 py-2 text-sm font-medium transition-colors whitespace-nowrap ${stringify(activeTab === `agent:${agent.id}` ? "text-gh-accent border-b-2 border-gh-accent" : "text-gh-text-secondary hover:text-gh-text hover:bg-gh-border-subtle")}`)}>🤖 <span class="hidden md:inline">${escape_html(agent.id)}</span><span class="md:hidden">${escape_html(agent.id.replace("agent-", ""))}</span> (${escape_html(agent.messageCount)})</button>`);
+      }
+      $$renderer2.push(`<!--]--></div> `);
+      if (todos.length > 0) {
+        $$renderer2.push("<!--[-->");
+        $$renderer2.push(`<button${attr_class(`px-4 py-2 text-sm font-medium transition-colors whitespace-nowrap ${stringify("text-gh-text-secondary hover:text-gh-text hover:bg-gh-border-subtle")}`)}>✅ Todos (${escape_html(todos.length)})</button>`);
+      } else {
+        $$renderer2.push("<!--[!-->");
+      }
+      $$renderer2.push(`<!--]--></div>`);
+    } else {
+      $$renderer2.push("<!--[!-->");
+    }
+    $$renderer2.push(`<!--]--> <div${attr_class(`flex-1 ${stringify(enableScroll ? "overflow-y-auto" : "")}`)}>`);
+    if (!session) {
+      $$renderer2.push("<!--[-->");
+      $$renderer2.push(`<div class="flex items-center justify-center h-full text-gh-text-secondary">Select a session to view</div>`);
+    } else {
+      $$renderer2.push("<!--[!-->");
+      {
+        $$renderer2.push("<!--[-->");
+        if (messages.length === 0) {
+          $$renderer2.push("<!--[-->");
+          $$renderer2.push(`<div class="flex items-center justify-center h-full text-gh-text-secondary">No messages</div>`);
+        } else {
+          $$renderer2.push("<!--[!-->");
+          $$renderer2.push(`<div class="p-4 flex flex-col gap-4"><!--[-->`);
+          const each_array_1 = ensure_array_like(messages);
+          for (let i = 0, $$length = each_array_1.length; i < $$length; i++) {
+            let msg = each_array_1[i];
+            MessageItem($$renderer2, {
+              msg,
+              sessionId: session?.id ?? "",
+              onEditTitle,
+              onSplit: onSplitSession,
+              isFirst: i === firstMeaningfulIndex
+            });
+          }
+          $$renderer2.push(`<!--]--></div>`);
+        }
+        $$renderer2.push(`<!--]-->`);
+      }
+      $$renderer2.push(`<!--]-->`);
+    }
+    $$renderer2.push(`<!--]--></div> `);
+    if (undoStack.length > 0) {
+      $$renderer2.push("<!--[-->");
+      $$renderer2.push(`<div class="fixed bottom-4 left-1/2 -translate-x-1/2 bg-neutral-500/20 border border-neutral-600 rounded-lg shadow-2xl px-4 py-3 flex items-center gap-4 z-50 backdrop-blur-sm"><span class="text-sm text-white">${escape_html(undoStack.length === 1 ? "Message deleted" : `${undoStack.length} messages deleted`)}</span> <span class="text-xs text-gh-text-secondary tabular-nums">${escape_html(undoCountdown)}s</span> <button class="px-3 py-1 text-sm font-medium text-gh-accent hover:bg-gh-border-subtle rounded transition-colors">Undo</button> <button class="px-2 py-1 text-sm text-gh-text-secondary hover:text-gh-text hover:bg-gh-border-subtle rounded transition-colors" title="Dismiss (already deleted)">✕</button></div>`);
+    } else {
+      $$renderer2.push("<!--[!-->");
+    }
+    $$renderer2.push(`<!--]--></section>`);
+  });
+}
+function _page($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let projects = [];
+    let projectSessions = /* @__PURE__ */ new Map();
+    let projectSessionData = /* @__PURE__ */ new Map();
+    let expandedProjects = /* @__PURE__ */ new Set();
+    let selectedSession = null;
+    let messages = [];
+    let todos = [];
+    let agents = [];
+    let loading = false;
+    let loadingProject = null;
+    let error = null;
+    let toast = null;
+    const updateHash = (project, session) => {
+      return;
+    };
+    const handleDeleteSession = async (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);
+      }
+    };
+    const handleRenameSession = async (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 }];
+          }
+        }
+        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) => {
+      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);
+      }
+    };
+    const handleSplitSession = async (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?
+
+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 };
+          }
+          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;
+      }
+    };
+    const handleResumeSession = async (e, session) => {
+      e.stopPropagation();
+      try {
+        const result = await resumeSession(session.projectName, session.id);
+        if (result.success) {
+          toast = `Claude session started (PID: ${result.pid})`;
+        } else {
+          error = result.error ?? "Failed to resume session";
+        }
+      } catch (e2) {
+        error = String(e2);
+      }
+    };
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      $$renderer3.push(`<div class="grid grid-cols-[350px_1fr] gap-4 h-[calc(100vh-120px)]">`);
+      ProjectTree($$renderer3, {
+        projects,
+        projectSessions,
+        projectSessionData,
+        expandedProjects,
+        selectedSession,
+        loadingProject,
+        onRenameSession: handleRenameSession,
+        onDeleteSession: handleDeleteSession,
+        onResumeSession: handleResumeSession
+      });
+      $$renderer3.push(`<!----> `);
+      SessionViewer($$renderer3, {
+        session: selectedSession,
+        messages,
+        todos,
+        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,
+        onEditTitle: handleEditCustomTitle,
+        onSplitSession: handleSplitSession
+      });
+      $$renderer3.push(`<!----></div> `);
+      if (loading) {
+        $$renderer3.push("<!--[-->");
+        $$renderer3.push(`<div class="fixed bottom-4 right-4 bg-gh-accent text-white px-4 py-2 rounded">Loading...</div>`);
+      } else {
+        $$renderer3.push("<!--[!-->");
+      }
+      $$renderer3.push(`<!--]--> `);
+      if (error) {
+        $$renderer3.push("<!--[-->");
+        $$renderer3.push(`<div class="fixed bottom-4 right-4 bg-gh-red text-white px-4 py-2 rounded">${escape_html(error)}</div>`);
+      } else {
+        $$renderer3.push("<!--[!-->");
+      }
+      $$renderer3.push(`<!--]--> `);
+      Toast($$renderer3, {
+        get message() {
+          return toast;
+        },
+        set message($$value) {
+          toast = $$value;
+          $$settled = false;
+        }
+      });
+      $$renderer3.push(`<!---->`);
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+  });
+}
+
+export { _page as default };
+//# sourceMappingURL=_page.svelte-Bgd-L7N_.js.map