@claude-sessions/web 0.4.5 → 0.4.6

package/build/server/chunks/{_page.svelte-BiD6gfpa.js → _page.svelte-Dx2ikKP_.js}

@@ -1,8 +1,7 @@
-import { a1 as escape_html, a2 as is_array, a3 as get_prototype_of, a4 as object_prototype } from './index2-ybZwlzIk.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-DWQ-hmJu.js';
-import { I as InputModal } from './InputModal-B9P0hP_j.js';
-import { x as sortProjects, T as TREE_ICONS, v as validateChain, y as validateProgressMessages, z as getTotalTodoCount, A as getDisplayTitle, B as sessionHasSubItems, C as getSessionTooltip, D as parseCommandMessage, E as deleteMessageWithChainRepair } from './index3-D8yIZRD-.js';
-import { k as store_get, l as ensure_array_like, d as attr, f as attr_class, j as stringify, m as unsubscribe_stores, n as clsx, o as attributes, p as await_block } from './index-D4ev3Ona.js';
+import { k as escape_html, q as ensure_array_like, d as attr, l as attr_class, f as stringify, m as derived, j as store_get, t as clsx, x as attributes, o as unsubscribe_stores, y as await_block, z as is_array, A as get_prototype_of, B as object_prototype } from './index2-B2Ld-FFX.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-C9b_dWm4.js';
+import { I as InputModal } from './InputModal-1qJGryUa.js';
+import { T as TREE_ICONS, x as sortProjects, y as getTotalTodoCount, z as getDisplayTitle, A as sessionHasSubItems, B as getSessionTooltip, C as validateProgressMessages, v as validateChain, D as parseCommandMessage, E as deleteMessageWithChainRepair } from './index3-DNyQGNm8.js';
 import 'marked';
 import 'fs';
 import 'fs/promises';
@@ -50,7 +49,7 @@ function clone(value, cloned, path, paths, original = null, no_tojson = false) {
       if (original !== null) {
         cloned.set(original, copy);
       }
-      for (var key in value) {
+      for (var key of Object.keys(value)) {
         copy[key] = clone(
           // @ts-expect-error
           value[key],
@@ -258,39 +257,35 @@ const parseIdeTags = (content) => {
 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("<!--[-->");
+    const lines = derived(() => content.split("\n"));
+    const needsExpand = derived(() => lines().length > maxLines);
+    const displayContent = derived(() => needsExpand() && true ? lines().slice(0, maxLines).join("\n") : content);
+    if (needsExpand()) {
+      $$renderer2.push("<!--[0-->");
       $$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>`);
+        $$renderer2.push("<!--[0-->");
+        $$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("<!--[-1-->");
+        $$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("<!--[0-->");
         $$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("<!--[-1-->");
         }
         $$renderer2.push(`<!--]-->`);
       }
       $$renderer2.push(`<!--]--></div>`);
+    } else if (lang) {
+      $$renderer2.push("<!--[1-->");
+      $$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("<!--[!-->");
-      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("<!--[-1-->");
+      $$renderer2.push(`<pre class="whitespace-pre-wrap font-mono text-xs text-gh-text-secondary overflow-x-auto">${escape_html(content)}</pre>`);
     }
     $$renderer2.push(`<!--]-->`);
   });
@@ -298,84 +293,80 @@ function ExpandableContent($$renderer, $$props) {
 function IdeTag($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     const { tag, content } = $$props;
-    const filePath = (() => {
+    const filePath = derived(() => {
       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 lineInfo = derived(() => {
       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("<!--[0-->");
       $$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("<!--[-->");
+      if (filePath()) {
+        $$renderer2.push("<!--[0-->");
         await_block(
           $$renderer2,
-          checkFileExists(filePath),
+          checkFileExists(filePath()),
           () => {
-            $$renderer2.push(`<span class="font-mono">${escape_html(filePath.split("/").pop())}</span>`);
+            $$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>`);
+              $$renderer2.push("<!--[0-->");
+              $$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("<!--[-1-->");
+              $$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("<!--[-1-->");
         $$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(`<!--]-->`);
+    } else if (tag === "ide_selection") {
+      $$renderer2.push("<!--[1-->");
+      $$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("<!--[0-->");
+        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("<!--[0-->");
+              $$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("<!--[-1-->");
+              $$renderer2.push(`<span class="font-mono opacity-60"${attr("title", filePath())}>${escape_html(filePath().split("/").pop())}${escape_html(lineInfo() ? `:${lineInfo()}` : "")}</span>`);
             }
-          );
-          $$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>`);
+            $$renderer2.push(`<!--]-->`);
+          }
+        );
+        $$renderer2.push(`<!--]-->`);
       } 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("<!--[-1-->");
+        $$renderer2.push(`<span class="font-mono">${escape_html(content.split("\n")[0].slice(0, 60))}</span>`);
       }
-      $$renderer2.push(`<!--]-->`);
+      $$renderer2.push(`<!--]--></div></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      $$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(`<!--]-->`);
   });
@@ -430,7 +421,7 @@ function TooltipButton($$renderer, $$props) {
   children($$renderer);
   $$renderer.push(`<!----></button> `);
   {
-    $$renderer.push("<!--[!-->");
+    $$renderer.push("<!--[-1-->");
   }
   $$renderer.push(`<!--]-->`);
 }
@@ -444,35 +435,35 @@ function MessageItem($$renderer, $$props) {
       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 = (() => {
+    const msgId = derived(() => msg.uuid ?? "");
+    const isAssistant = derived(() => msg.type === "assistant");
+    const isCustomTitle = derived(() => msg.type === "custom-title");
+    const isFileSnapshot = derived(() => msg.type === "file-history-snapshot");
+    const isHuman = derived(() => msg.type === "human" || msg.type === "user");
+    const isLocalCommand = derived(() => msg.type === "system" && msg.subtype === "local_command");
+    const isQueueOperation = derived(() => msg.type === "queue-operation");
+    const isToolResult = derived(() => {
       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 snapshotData = derived(() => {
+      if (!isFileSnapshot()) return null;
       const snapshot2 = msg.snapshot;
       const backups = snapshot2?.trackedFileBackups ?? {};
       return {
         files: Object.entries(backups),
         timestamp: snapshot2?.timestamp
       };
-    })();
-    const commandData = (() => {
-      if (isLocalCommand) {
+    });
+    const commandData = derived(() => {
+      if (isLocalCommand()) {
         const content = typeof msg.content === "string" ? msg.content : "";
         return parseCommandMessage(content);
       }
-      if (isHuman) {
+      if (isHuman()) {
         const m = msg.message;
         const content = typeof m?.content === "string" ? m.content : "";
         if (content.includes("<command-name>")) {
@@ -480,14 +471,14 @@ function MessageItem($$renderer, $$props) {
         }
       }
       return null;
-    })();
-    const isSlashCommand = commandData !== null && !isLocalCommand;
-    const stopHookData = parseStopHookSummary(msg);
-    const turnDurationData = parseTurnDuration(msg);
-    const progressData = parseProgress(msg);
+    });
+    const isSlashCommand = derived(() => commandData() !== null && !isLocalCommand());
+    const stopHookData = derived(() => parseStopHookSummary(msg));
+    const turnDurationData = derived(() => parseTurnDuration(msg));
+    const progressData = derived(() => parseProgress(msg));
     const FILE_TOOLS = ["Read", "Write", "Edit"];
-    const toolUseData = (() => {
-      if (!isAssistant) return null;
+    const toolUseData = derived(() => {
+      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");
@@ -498,36 +489,36 @@ function MessageItem($$renderer, $$props) {
         // 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 thinkingBlocks = derived(() => {
+      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 customTitle = derived(() => msg.customTitle ?? "");
+    const messageId = derived(() => msg.uuid || msg.messageId || "");
+    const hasContent = derived(() => {
+      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";
+        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";
+    });
+    const hasAnyContent = derived(() => hasContent() || thinkingBlocks().length > 0);
+    const messageClass = derived(() => {
+      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("<!--[0-->");
         TooltipButton($$renderer3, {
           class: "opacity-0 group-hover:opacity-100 transition-opacity p-1 rounded hover:bg-gh-accent/20 text-xs",
           onclick: () => onSplit(msg),
@@ -538,7 +529,7 @@ function MessageItem($$renderer, $$props) {
           $$slots: { default: true }
         });
       } else {
-        $$renderer3.push("<!--[!-->");
+        $$renderer3.push("<!--[-1-->");
       }
       $$renderer3.push(`<!--]-->`);
     }
@@ -553,276 +544,236 @@ function MessageItem($$renderer, $$props) {
         $$slots: { default: true }
       });
     }
-    if (isQueueOperation) {
-      $$renderer2.push("<!--[-->");
-    } else {
-      $$renderer2.push("<!--[!-->");
-      if (progressData) {
-        $$renderer2.push("<!--[-->");
-        $$renderer2.push(`<div${attr("data-msg-id", msgId)} class="p-2 rounded-lg bg-gh-border-subtle/30 group relative"><div class="flex justify-between items-center text-xs text-gh-text-secondary/60"><span>🔄 ${escape_html(progressData.hookName ?? progressData.type)}</span> <div class="flex items-center gap-2">`);
-        splitButton($$renderer2);
-        $$renderer2.push(`<!----> `);
-        deleteButton($$renderer2);
-        $$renderer2.push(`<!----></div></div></div>`);
+    if (isQueueOperation()) {
+      $$renderer2.push("<!--[0-->");
+    } else if (progressData()) {
+      $$renderer2.push("<!--[1-->");
+      $$renderer2.push(`<div${attr("data-msg-id", msgId())} class="p-2 rounded-lg bg-gh-border-subtle/30 group relative"><div class="flex justify-between items-center text-xs text-gh-text-secondary/60"><span>🔄 ${escape_html(progressData().hookName ?? progressData().type)}</span> <div class="flex items-center gap-2">`);
+      splitButton($$renderer2);
+      $$renderer2.push(`<!----> `);
+      deleteButton($$renderer2);
+      $$renderer2.push(`<!----></div></div></div>`);
+    } else if (turnDurationData()) {
+      $$renderer2.push("<!--[2-->");
+      $$renderer2.push(`<div${attr("data-msg-id", msgId())} class="p-2 rounded-lg bg-gh-border-subtle/50 group relative"><div class="flex justify-between items-center text-xs text-gh-text-secondary"><span class="text-gh-text-secondary/70">⏱️ ${escape_html(turnDurationData().durationFormatted)}</span> <div class="flex items-center gap-2">`);
+      splitButton($$renderer2);
+      $$renderer2.push(`<!----> `);
+      deleteButton($$renderer2);
+      $$renderer2.push(`<!----></div></div></div>`);
+    } else if (stopHookData()) {
+      $$renderer2.push("<!--[3-->");
+      $$renderer2.push(`<div${attr("data-msg-id", msgId())} class="p-3 rounded-lg bg-emerald-500/10 border-l-3 border-l-emerald-500 group relative"><div class="flex justify-between items-center text-xs text-gh-text-secondary"><span class="font-semibold text-emerald-400">🪝 Hook (${escape_html(stopHookData().hookCount)})</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 (stopHookData().hookInfos.length > 0) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<div class="mt-1 text-xs text-gh-text-secondary"><!--[-->`);
+        const each_array = ensure_array_like(stopHookData().hookInfos);
+        for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+          let hook = each_array[$$index];
+          $$renderer2.push(`<span class="font-mono">${escape_html(hook.command)}</span>`);
+        }
+        $$renderer2.push(`<!--]--></div>`);
       } else {
-        $$renderer2.push("<!--[!-->");
-        if (turnDurationData) {
-          $$renderer2.push("<!--[-->");
-          $$renderer2.push(`<div${attr("data-msg-id", msgId)} class="p-2 rounded-lg bg-gh-border-subtle/50 group relative"><div class="flex justify-between items-center text-xs text-gh-text-secondary"><span class="text-gh-text-secondary/70">⏱️ ${escape_html(turnDurationData.durationFormatted)}</span> <div class="flex items-center gap-2">`);
-          splitButton($$renderer2);
-          $$renderer2.push(`<!----> `);
-          deleteButton($$renderer2);
-          $$renderer2.push(`<!----></div></div></div>`);
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (stopHookData().hookErrors.length > 0) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<div class="mt-1 text-xs text-red-400"><!--[-->`);
+        const each_array_1 = ensure_array_like(stopHookData().hookErrors);
+        for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
+          let error = each_array_1[$$index_1];
+          $$renderer2.push(`<p>${escape_html(error)}</p>`);
+        }
+        $$renderer2.push(`<!--]--></div>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></div>`);
+    } else if (isFileSnapshot() && snapshotData()) {
+      $$renderer2.push("<!--[4-->");
+      $$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"${attr("title", `messageId: ${stringify(messageId())}`)}><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_2 = ensure_array_like(snapshotData().files);
+      for (let $$index_2 = 0, $$length = each_array_2.length; $$index_2 < $$length; $$index_2++) {
+        let [filePath, info] = each_array_2[$$index_2];
+        const hasBackup = !!(info.backupFileName && sessionId);
+        $$renderer2.push(`<li class="font-mono text-xs truncate"${attr("title", maskHomePaths(filePath))}>`);
+        if (hasBackup) {
+          $$renderer2.push("<!--[0-->");
+          $$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("<!--[!-->");
-          if (stopHookData) {
-            $$renderer2.push("<!--[-->");
-            $$renderer2.push(`<div${attr("data-msg-id", msgId)} class="p-3 rounded-lg bg-emerald-500/10 border-l-3 border-l-emerald-500 group relative"><div class="flex justify-between items-center text-xs text-gh-text-secondary"><span class="font-semibold text-emerald-400">🪝 Hook (${escape_html(stopHookData.hookCount)})</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 (stopHookData.hookInfos.length > 0) {
-              $$renderer2.push("<!--[-->");
-              $$renderer2.push(`<div class="mt-1 text-xs text-gh-text-secondary"><!--[-->`);
-              const each_array = ensure_array_like(stopHookData.hookInfos);
-              for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
-                let hook = each_array[$$index];
-                $$renderer2.push(`<span class="font-mono">${escape_html(hook.command)}</span>`);
-              }
-              $$renderer2.push(`<!--]--></div>`);
-            } else {
-              $$renderer2.push("<!--[!-->");
-            }
-            $$renderer2.push(`<!--]--> `);
-            if (stopHookData.hookErrors.length > 0) {
-              $$renderer2.push("<!--[-->");
-              $$renderer2.push(`<div class="mt-1 text-xs text-red-400"><!--[-->`);
-              const each_array_1 = ensure_array_like(stopHookData.hookErrors);
-              for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
-                let error = each_array_1[$$index_1];
-                $$renderer2.push(`<p>${escape_html(error)}</p>`);
-              }
-              $$renderer2.push(`<!--]--></div>`);
+          $$renderer2.push("<!--[-1-->");
+          $$renderer2.push(`<span class="text-gh-text-secondary">${escape_html(maskHomePaths(filePath))}</span>`);
+        }
+        $$renderer2.push(`<!--]--></li>`);
+      }
+      $$renderer2.push(`<!--]--></ul></div>`);
+    } else if (isSlashCommand() && commandData()) {
+      $$renderer2.push("<!--[5-->");
+      $$renderer2.push(`<div${attr("data-msg-id", msgId())} class="p-3 rounded-lg bg-gh-accent/15 border-l-3 border-l-gh-accent group relative"><div class="flex justify-between items-center text-xs text-gh-text-secondary"><span class="font-semibold text-gh-accent">${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></div>`);
+    } else if (isLocalCommand() && commandData()) {
+      $$renderer2.push("<!--[6-->");
+      $$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("<!--[0-->");
+        $$renderer2.push(`<p class="mt-1 text-sm text-gh-text-secondary">${escape_html(commandData().message)}</p>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></div>`);
+    } else if (toolUseData()) {
+      $$renderer2.push("<!--[7-->");
+      $$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("<!--[0-->");
+        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("<!--[0-->");
+              $$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("<!--[-1-->");
+              $$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(`<!--]--></div>`);
+            $$renderer2.push(`<!--]-->`);
+          }
+        );
+        $$renderer2.push(`<!--]-->`);
+      } else if (toolUseData().input.command) {
+        $$renderer2.push("<!--[1-->");
+        if (toolUseData().input.description) {
+          $$renderer2.push("<!--[0-->");
+          $$renderer2.push(`<p class="mt-1 text-sm text-gh-text-secondary">${escape_html(toolUseData().input.description)}</p>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--> `);
+        ExpandableContent($$renderer2, {
+          content: String(toolUseData().input.command),
+          lang: "sh",
+          maxLines: 3
+        });
+        $$renderer2.push(`<!---->`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+        const { path: _path, ...input } = toolUseData().input;
+        const keys = Object.keys(input);
+        if (keys.length === 1) {
+          $$renderer2.push("<!--[0-->");
+          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("<!--[0-->");
+            TodoItem($$renderer2, { todos: value });
           } 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"${attr("title", `messageId: ${stringify(messageId)}`)}><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_2 = ensure_array_like(snapshotData.files);
-              for (let $$index_2 = 0, $$length = each_array_2.length; $$index_2 < $$length; $$index_2++) {
-                let [filePath, info] = each_array_2[$$index_2];
-                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>`);
+            $$renderer2.push("<!--[-1-->");
+            ExpandableContent($$renderer2, {
+              content: `${key} = ${JSON.stringify(value, null, 2)}`,
+              lang: "js",
+              maxLines: 1
+            });
+          }
+          $$renderer2.push(`<!--]-->`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+          ExpandableContent($$renderer2, {
+            content: JSON.stringify(input, null, 2),
+            lang: "json",
+            maxLines: 6
+          });
+        }
+        $$renderer2.push(`<!--]-->`);
+      }
+      $$renderer2.push(`<!--]--></div>`);
+    } else if (hasAnyContent()) {
+      $$renderer2.push("<!--[8-->");
+      $$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("<!--[0-->");
+        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("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> `);
+      splitButton($$renderer2);
+      $$renderer2.push(`<!----> `);
+      deleteButton($$renderer2);
+      $$renderer2.push(`<!----></div></div> `);
+      if (thinkingBlocks().length > 0) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<div class="message-content text-sm"><!--[-->`);
+        const each_array_3 = ensure_array_like(thinkingBlocks());
+        for (let i = 0, $$length = each_array_3.length; i < $$length; i++) {
+          let block = each_array_3[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("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (hasContent()) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<div class="message-content text-sm">`);
+        if (isCustomTitle()) {
+          $$renderer2.push("<!--[0-->");
+          $$renderer2.push(`<span class="font-semibold text-purple-400">${escape_html(customTitle())}</span>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+          const msgContent = getMessageContent(msg);
+          const segments = parseIdeTags(msgContent);
+          $$renderer2.push(`<!--[-->`);
+          const each_array_4 = ensure_array_like(segments);
+          for (let $$index_4 = 0, $$length = each_array_4.length; $$index_4 < $$length; $$index_4++) {
+            let segment = each_array_4[$$index_4];
+            if (segment.type === "ide_tag" && segment.tag) {
+              $$renderer2.push("<!--[0-->");
+              IdeTag($$renderer2, { tag: segment.tag, content: segment.content });
             } else {
-              $$renderer2.push("<!--[!-->");
-              if (isSlashCommand && commandData) {
-                $$renderer2.push("<!--[-->");
-                $$renderer2.push(`<div${attr("data-msg-id", msgId)} class="p-3 rounded-lg bg-gh-accent/15 border-l-3 border-l-gh-accent group relative"><div class="flex justify-between items-center text-xs text-gh-text-secondary"><span class="font-semibold text-gh-accent">${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></div>`);
+              $$renderer2.push("<!--[-1-->");
+              const textLines = segment.content.split("\n");
+              if (textLines.length > 10) {
+                $$renderer2.push("<!--[0-->");
+                ExpandableContent($$renderer2, { content: segment.content, maxLines: 10 });
               } 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("<!--[-->");
-                        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_3 = ensure_array_like(thinkingBlocks);
-                        for (let i = 0, $$length = each_array_3.length; i < $$length; i++) {
-                          let block = each_array_3[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_4 = ensure_array_like(segments);
-                          for (let $$index_4 = 0, $$length = each_array_4.length; $$index_4 < $$length; $$index_4++) {
-                            let segment = each_array_4[$$index_4];
-                            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("<!--[-1-->");
+                $$renderer2.push(`<p class="whitespace-pre-wrap">${escape_html(segment.content)}</p>`);
               }
               $$renderer2.push(`<!--]-->`);
             }
@@ -830,9 +781,13 @@ function MessageItem($$renderer, $$props) {
           }
           $$renderer2.push(`<!--]-->`);
         }
-        $$renderer2.push(`<!--]-->`);
+        $$renderer2.push(`<!--]--></div>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
       }
-      $$renderer2.push(`<!--]-->`);
+      $$renderer2.push(`<!--]--></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
     }
     $$renderer2.push(`<!--]-->`);
   });
@@ -848,7 +803,7 @@ function MessageList($$renderer, $$props) {
       enableScroll = true,
       fullWidth = false
     } = $$props;
-    const firstMeaningfulIndex = messages.findIndex((m) => m.type === "user" || m.type === "assistant" || m.type === "human");
+    const firstMeaningfulIndex = derived(() => 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 ${stringify(fullWidth ? "" : "border border-gh-border rounded-lg")}`)}><div${attr_class(`${stringify(enableScroll ? "overflow-y-auto" : "")} flex-1 p-4 flex flex-col gap-4`)}><!--[-->`);
     const each_array = ensure_array_like(messages);
     for (let i = 0, $$length = each_array.length; i < $$length; i++) {
@@ -856,7 +811,7 @@ function MessageList($$renderer, $$props) {
       MessageItem($$renderer2, {
         msg,
         sessionId,
-        isFirst: i === 0 || i === firstMeaningfulIndex,
+        isFirst: i === 0 || i === firstMeaningfulIndex(),
         onDelete: onDeleteMessage,
         onEditTitle,
         onSplit: onSplitSession
@@ -872,7 +827,7 @@ function FloatingTooltip($$renderer, $$props) {
     children($$renderer2);
     $$renderer2.push(`<!----></div> `);
     {
-      $$renderer2.push("<!--[!-->");
+      $$renderer2.push("<!--[-1-->");
     }
     $$renderer2.push(`<!--]-->`);
   });
@@ -880,7 +835,7 @@ function FloatingTooltip($$renderer, $$props) {
 function CommandTitle($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     let { title, class: className = "" } = $$props;
-    const parsed = () => {
+    const parsed = derived(() => () => {
       if (!title.startsWith("/")) return null;
       const spaceIndex = title.indexOf(" ");
       if (spaceIndex === -1) return { command: title, args: "" };
@@ -888,19 +843,19 @@ function CommandTitle($$renderer, $$props) {
         command: title.slice(0, spaceIndex),
         args: title.slice(spaceIndex + 1)
       };
-    };
-    if (parsed()) {
-      $$renderer2.push("<!--[-->");
-      $$renderer2.push(`<span${attr_class(clsx(className))}><span class="text-gh-accent">${escape_html(parsed().command)}</span>`);
-      if (parsed().args) {
-        $$renderer2.push("<!--[-->");
-        $$renderer2.push(` <span class="text-gh-text-secondary">${escape_html(parsed().args)}</span>`);
+    });
+    if (parsed()()) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<span${attr_class(clsx(className))}><span class="text-gh-accent">${escape_html(parsed()().command)}</span>`);
+      if (parsed()().args) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(` <span class="text-gh-text-secondary">${escape_html(parsed()().args)}</span>`);
       } else {
-        $$renderer2.push("<!--[!-->");
+        $$renderer2.push("<!--[-1-->");
       }
       $$renderer2.push(`<!--]--></span>`);
     } else {
-      $$renderer2.push("<!--[!-->");
+      $$renderer2.push("<!--[-1-->");
       $$renderer2.push(`<span${attr_class(clsx(className))}>${escape_html(title)}</span>`);
     }
     $$renderer2.push(`<!--]-->`);
@@ -974,14 +929,14 @@ function ProjectTree($$renderer, $$props) {
       }
       return tooltip;
     };
-    const sortedProjects = sortProjects(projects, {
+    const sortedProjects = derived(() => 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"><div class="p-4 border-b border-gh-border bg-gh-bg"><h2 class="text-base font-semibold mb-2">Projects (${escape_html(sortedProjects.length)})</h2> <div class="flex items-center gap-2 text-sm"><span class="text-gh-text-secondary">Sort:</span> `);
+    $$renderer2.push(`<aside class="bg-gh-bg-secondary border border-gh-border rounded-lg overflow-hidden flex flex-col"><div class="p-4 border-b border-gh-border bg-gh-bg"><h2 class="text-base font-semibold mb-2">Projects (${escape_html(sortedProjects().length)})</h2> <div class="flex items-center gap-2 text-sm"><span class="text-gh-text-secondary">Sort:</span> `);
     $$renderer2.select(
       {
         class: "bg-gh-bg-secondary border border-gh-border rounded px-2 py-1 text-sm text-gh-text cursor-pointer hover:border-gh-accent focus:border-gh-accent focus:outline-none",
@@ -1001,19 +956,19 @@ function ProjectTree($$renderer, $$props) {
       }
     );
     $$renderer2.push(` <button class="bg-gh-bg-secondary border border-gh-border rounded px-2 py-1 text-sm cursor-pointer hover:border-gh-accent hover:bg-gh-border-subtle"${attr("title", sortOrder === "desc" ? "Descending (newest first)" : "Ascending (oldest first)")}>${escape_html(sortOrder === "desc" ? "↓" : "↑")}</button></div></div> <ul class="overflow-y-auto flex-1"><!--[-->`);
-    const each_array_1 = ensure_array_like(sortedProjects);
+    const each_array_1 = ensure_array_like(sortedProjects());
     for (let $$index_5 = 0, $$length = each_array_1.length; $$index_5 < $$length; $$index_5++) {
       let project = each_array_1[$$index_5];
       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("<!--[0-->");
         $$renderer2.push(`<ul class="bg-gh-bg">`);
         if (loadingProject === project.name) {
-          $$renderer2.push("<!--[-->");
+          $$renderer2.push("<!--[0-->");
           $$renderer2.push(`<li class="py-2 px-8 text-gh-text-secondary text-sm">Loading...</li>`);
         } else {
-          $$renderer2.push("<!--[!-->");
+          $$renderer2.push("<!--[-1-->");
           $$renderer2.push(`<!--[-->`);
           const each_array_2 = ensure_array_like(projectSessions.get(project.name) ?? []);
           for (let $$index_4 = 0, $$length2 = each_array_2.length; $$index_4 < $$length2; $$index_4++) {
@@ -1028,10 +983,10 @@ function ProjectTree($$renderer, $$props) {
             const hasSubItems = hasSessionSubItems(session);
             $$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("<!--[0-->");
               $$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("<!--[-1-->");
               $$renderer2.push(`<span class="w-5 ml-1"></span>`);
             }
             $$renderer2.push(`<!--]--> `);
@@ -1043,24 +998,24 @@ function ProjectTree($$renderer, $$props) {
                 CommandTitle($$renderer3, { title: displayTitle });
                 $$renderer3.push(`<!----></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"><span>${escape_html(TREE_ICONS.session.emoji)}</span><span>${escape_html(session.messageCount)}</span></span> `);
                 if (sessionInfo.agents > 0) {
-                  $$renderer3.push("<!--[-->");
+                  $$renderer3.push("<!--[0-->");
                   $$renderer3.push(`<span class="flex items-center gap-0.5"><span>${escape_html(TREE_ICONS.agent.emoji)}</span><span>${escape_html(sessionInfo.agents)}</span></span>`);
                 } else {
-                  $$renderer3.push("<!--[!-->");
+                  $$renderer3.push("<!--[-1-->");
                 }
                 $$renderer3.push(`<!--]--> `);
                 if (sessionInfo.todos > 0) {
-                  $$renderer3.push("<!--[-->");
+                  $$renderer3.push("<!--[0-->");
                   $$renderer3.push(`<span class="flex items-center gap-0.5"><span>${escape_html(TREE_ICONS["todos-group"].emoji)}</span><span>${escape_html(sessionInfo.todos)}</span></span>`);
                 } else {
-                  $$renderer3.push("<!--[!-->");
+                  $$renderer3.push("<!--[-1-->");
                 }
                 $$renderer3.push(`<!--]--></span></button>`);
               }
             });
             $$renderer2.push(`<!----> <div class="absolute right-0 top-0 h-full flex items-center gap-0.5 pr-2 opacity-0 group-hover:opacity-100 transition-opacity bg-gh-bg">`);
             if (onResumeSession) {
-              $$renderer2.push("<!--[-->");
+              $$renderer2.push("<!--[0-->");
               TooltipButton($$renderer2, {
                 class: "p-1 rounded hover:bg-gh-green/20 text-xs",
                 onclick: (e) => onResumeSession(e, session),
@@ -1071,7 +1026,7 @@ function ProjectTree($$renderer, $$props) {
                 $$slots: { default: true }
               });
             } else {
-              $$renderer2.push("<!--[!-->");
+              $$renderer2.push("<!--[-1-->");
             }
             $$renderer2.push(`<!--]--> `);
             TooltipButton($$renderer2, {
@@ -1095,37 +1050,37 @@ function ProjectTree($$renderer, $$props) {
             });
             $$renderer2.push(`<!----></div></div> `);
             if (isExpanded && hasSubItems) {
-              $$renderer2.push("<!--[-->");
+              $$renderer2.push("<!--[0-->");
               $$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("<!--[0-->");
                 $$renderer2.push(`<!--[-->`);
                 const each_array_3 = ensure_array_like(data.summaries);
                 for (let idx = 0, $$length3 = each_array_3.length; idx < $$length3; idx++) {
                   let summary = each_array_3[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">${escape_html(TREE_ICONS.summary.emoji)}</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("<!--[0-->");
                     $$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("<!--[-1-->");
                   }
                   $$renderer2.push(`<!--]--></li>`);
                 }
                 $$renderer2.push(`<!--]-->`);
               } else {
-                $$renderer2.push("<!--[!-->");
+                $$renderer2.push("<!--[-1-->");
               }
               $$renderer2.push(`<!--]--> `);
               if (data?.todos?.sessionTodos && data.todos.sessionTodos.length > 0) {
-                $$renderer2.push("<!--[-->");
+                $$renderer2.push("<!--[0-->");
                 $$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">${escape_html(TREE_ICONS["todos-group"].emoji)}</span> <span>Session Todos (${escape_html(data.todos.sessionTodos.length)})</span></li>`);
               } else {
-                $$renderer2.push("<!--[!-->");
+                $$renderer2.push("<!--[-1-->");
               }
               $$renderer2.push(`<!--]--> `);
               if (data?.todos?.agentTodos) {
-                $$renderer2.push("<!--[-->");
+                $$renderer2.push("<!--[0-->");
                 $$renderer2.push(`<!--[-->`);
                 const each_array_4 = ensure_array_like(data.todos.agentTodos);
                 for (let $$index_2 = 0, $$length3 = each_array_4.length; $$index_2 < $$length3; $$index_2++) {
@@ -1134,11 +1089,11 @@ function ProjectTree($$renderer, $$props) {
                 }
                 $$renderer2.push(`<!--]-->`);
               } else {
-                $$renderer2.push("<!--[!-->");
+                $$renderer2.push("<!--[-1-->");
               }
               $$renderer2.push(`<!--]--> `);
               if (data?.agents && data.agents.length > 0) {
-                $$renderer2.push("<!--[-->");
+                $$renderer2.push("<!--[0-->");
                 $$renderer2.push(`<!--[-->`);
                 const each_array_5 = ensure_array_like(data.agents);
                 for (let $$index_3 = 0, $$length3 = each_array_5.length; $$index_3 < $$length3; $$index_3++) {
@@ -1147,11 +1102,11 @@ function ProjectTree($$renderer, $$props) {
                 }
                 $$renderer2.push(`<!--]-->`);
               } else {
-                $$renderer2.push("<!--[!-->");
+                $$renderer2.push("<!--[-1-->");
               }
               $$renderer2.push(`<!--]--></ul>`);
             } else {
-              $$renderer2.push("<!--[!-->");
+              $$renderer2.push("<!--[-1-->");
             }
             $$renderer2.push(`<!--]--></li>`);
           }
@@ -1159,7 +1114,7 @@ function ProjectTree($$renderer, $$props) {
         }
         $$renderer2.push(`<!--]--></ul>`);
       } else {
-        $$renderer2.push("<!--[!-->");
+        $$renderer2.push("<!--[-1-->");
       }
       $$renderer2.push(`<!--]--></li>`);
     }
@@ -1172,14 +1127,14 @@ function ScrollButtons($$renderer, $$props) {
     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("<!--[0-->");
       $$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("<!--[-1-->");
       }
       $$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("<!--[-1-->");
     }
     $$renderer2.push(`<!--]-->`);
   });
@@ -1193,82 +1148,82 @@ function ValidationBadge($$renderer, $$props) {
       onRepair,
       onRepairProgress
     } = $$props;
-    const filteredChainErrors = chainErrors.filter((e) => e.type === "broken_chain" || e.type === "orphan_parent");
-    const hasChainErrors = filteredChainErrors.length > 0;
-    const hasProgressErrors = progressErrors.length > 0;
-    if (hasChainErrors) {
-      $$renderer2.push("<!--[-->");
+    const filteredChainErrors = derived(() => chainErrors.filter((e) => e.type === "broken_chain" || e.type === "orphan_parent"));
+    const hasChainErrors = derived(() => filteredChainErrors().length > 0);
+    const hasProgressErrors = derived(() => progressErrors.length > 0);
+    if (hasChainErrors()) {
+      $$renderer2.push("<!--[0-->");
       $$renderer2.push(`<div class="relative group">`);
       if (onRepair) {
-        $$renderer2.push("<!--[-->");
+        $$renderer2.push("<!--[0-->");
         $$renderer2.push(`<button class="text-xs px-2 py-0.5 rounded bg-red-900/30 text-red-400 border border-red-700 hover:bg-red-900/50 transition-colors flex items-center gap-1"${attr("disabled", isRepairing, true)}>`);
         if (isRepairing) {
-          $$renderer2.push("<!--[-->");
+          $$renderer2.push("<!--[0-->");
           $$renderer2.push(`<span class="animate-spin">⟳</span>`);
         } else {
-          $$renderer2.push("<!--[!-->");
+          $$renderer2.push("<!--[-1-->");
           $$renderer2.push(`⚠️`);
         }
-        $$renderer2.push(`<!--]--> ${escape_html(filteredChainErrors.length)} chain error${escape_html(filteredChainErrors.length > 1 ? "s" : "")} `);
+        $$renderer2.push(`<!--]--> ${escape_html(filteredChainErrors().length)} chain error${escape_html(filteredChainErrors().length > 1 ? "s" : "")} `);
         if (!isRepairing) {
-          $$renderer2.push("<!--[-->");
+          $$renderer2.push("<!--[0-->");
           $$renderer2.push(`- Repair`);
         } else {
-          $$renderer2.push("<!--[!-->");
+          $$renderer2.push("<!--[-1-->");
         }
         $$renderer2.push(`<!--]--></button>`);
       } else {
-        $$renderer2.push("<!--[!-->");
-        $$renderer2.push(`<span class="text-xs px-2 py-0.5 rounded bg-red-900/30 text-red-400 border border-red-700">⚠️ ${escape_html(filteredChainErrors.length)} chain error${escape_html(filteredChainErrors.length > 1 ? "s" : "")}</span>`);
+        $$renderer2.push("<!--[-1-->");
+        $$renderer2.push(`<span class="text-xs px-2 py-0.5 rounded bg-red-900/30 text-red-400 border border-red-700">⚠️ ${escape_html(filteredChainErrors().length)} chain error${escape_html(filteredChainErrors().length > 1 ? "s" : "")}</span>`);
       }
       $$renderer2.push(`<!--]--> <div class="absolute left-0 top-full mt-1 z-50 hidden group-hover:block bg-gh-bg border border-gh-border rounded-lg shadow-xl p-2 min-w-[250px] max-w-[400px]"><div class="text-xs text-gh-text-secondary mb-1">Chain errors:</div> <ul class="text-xs space-y-1"><!--[-->`);
-      const each_array = ensure_array_like(filteredChainErrors);
+      const each_array = ensure_array_like(filteredChainErrors());
       for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
         let error = each_array[$$index];
         $$renderer2.push(`<li class="text-red-400"><span class="text-gh-text-secondary">L${escape_html(error.line)}:</span> ${escape_html(error.type === "broken_chain" ? "Broken chain (null parentUuid)" : "Orphan parent")} `);
         if (error.type === "orphan_parent" && error.parentUuid) {
-          $$renderer2.push("<!--[-->");
+          $$renderer2.push("<!--[0-->");
           $$renderer2.push(`<span class="text-gh-text-secondary">→ ${escape_html(error.parentUuid.slice(0, 8))}...</span>`);
         } else {
-          $$renderer2.push("<!--[!-->");
+          $$renderer2.push("<!--[-1-->");
         }
         $$renderer2.push(`<!--]--></li>`);
       }
       $$renderer2.push(`<!--]--></ul> `);
       if (onRepair) {
-        $$renderer2.push("<!--[-->");
+        $$renderer2.push("<!--[0-->");
         $$renderer2.push(`<div class="text-xs text-gh-text-secondary mt-2 pt-1 border-t border-gh-border">Click to auto-repair by linking to previous message</div>`);
       } else {
-        $$renderer2.push("<!--[!-->");
+        $$renderer2.push("<!--[-1-->");
       }
       $$renderer2.push(`<!--]--></div></div>`);
     } else {
-      $$renderer2.push("<!--[!-->");
+      $$renderer2.push("<!--[-1-->");
     }
     $$renderer2.push(`<!--]--> `);
-    if (hasProgressErrors) {
-      $$renderer2.push("<!--[-->");
+    if (hasProgressErrors()) {
+      $$renderer2.push("<!--[0-->");
       $$renderer2.push(`<div class="relative group">`);
       if (onRepairProgress) {
-        $$renderer2.push("<!--[-->");
+        $$renderer2.push("<!--[0-->");
         $$renderer2.push(`<button class="text-xs px-2 py-0.5 rounded bg-red-900/30 text-red-400 border border-red-700 hover:bg-red-900/50 transition-colors flex items-center gap-1"${attr("disabled", isRepairing, true)}>`);
         if (isRepairing) {
-          $$renderer2.push("<!--[-->");
+          $$renderer2.push("<!--[0-->");
           $$renderer2.push(`<span class="animate-spin">⟳</span>`);
         } else {
-          $$renderer2.push("<!--[!-->");
+          $$renderer2.push("<!--[-1-->");
           $$renderer2.push(`⚠️`);
         }
         $$renderer2.push(`<!--]--> ${escape_html(progressErrors.length)} progress `);
         if (!isRepairing) {
-          $$renderer2.push("<!--[-->");
+          $$renderer2.push("<!--[0-->");
           $$renderer2.push(`- Remove`);
         } else {
-          $$renderer2.push("<!--[!-->");
+          $$renderer2.push("<!--[-1-->");
         }
         $$renderer2.push(`<!--]--></button>`);
       } else {
-        $$renderer2.push("<!--[!-->");
+        $$renderer2.push("<!--[-1-->");
         $$renderer2.push(`<span class="text-xs px-2 py-0.5 rounded bg-red-900/30 text-red-400 border border-red-700">⚠️ ${escape_html(progressErrors.length)} progress</span>`);
       }
       $$renderer2.push(`<!--]--> <div class="absolute left-0 top-full mt-1 z-50 hidden group-hover:block bg-gh-bg border border-gh-border rounded-lg shadow-xl p-2 min-w-[200px] max-w-[350px]"><div class="text-xs text-gh-text-secondary mb-1">Progress messages (should be removed):</div> <ul class="text-xs space-y-1"><!--[-->`);
@@ -1279,14 +1234,14 @@ function ValidationBadge($$renderer, $$props) {
       }
       $$renderer2.push(`<!--]--></ul> `);
       if (onRepairProgress) {
-        $$renderer2.push("<!--[-->");
+        $$renderer2.push("<!--[0-->");
         $$renderer2.push(`<div class="text-xs text-gh-text-secondary mt-2 pt-1 border-t border-gh-border">Click to remove all progress messages</div>`);
       } else {
-        $$renderer2.push("<!--[!-->");
+        $$renderer2.push("<!--[-1-->");
       }
       $$renderer2.push(`<!--]--></div></div>`);
     } else {
-      $$renderer2.push("<!--[!-->");
+      $$renderer2.push("<!--[-1-->");
     }
     $$renderer2.push(`<!--]-->`);
   });
@@ -1307,11 +1262,12 @@ function SessionViewer($$renderer, $$props) {
       onEditTitle,
       onSplitSession,
       enableScroll = true,
+      externalScrollContainer = null,
       fullWidth = false
     } = $$props;
-    const displayTitle = getDisplayTitle(customTitle, currentSummary, session?.title, 50);
-    const chainResult = validateChain(messages);
-    const progressResult = validateProgressMessages(messages);
+    const displayTitle = derived(() => getDisplayTitle(customTitle, currentSummary, session?.title, 50));
+    const chainResult = derived(() => validateChain(messages));
+    const progressResult = derived(() => validateProgressMessages(messages));
     let isRepairing = false;
     const handleRepairChain = async () => {
       if (!session || isRepairing) return;
@@ -1331,7 +1287,7 @@ function SessionViewer($$renderer, $$props) {
       if (!session || isRepairing) return;
       isRepairing = true;
       try {
-        for (const error of progressResult.errors) {
+        for (const error of progressResult().errors) {
           const msg = messages[error.line - 1];
           if (msg?.uuid) {
             await deleteMessage(session.projectName, session.id, msg.uuid);
@@ -1395,39 +1351,41 @@ function SessionViewer($$renderer, $$props) {
     const handleSessionMessageDelete = (msg) => {
       handleMessageDeleteWithUndo(msg, false);
     };
+    let internalScrollContainer = void 0;
+    const scrollContainer = derived(() => externalScrollContainer ?? internalScrollContainer);
     $$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("<!--[0-->");
       $$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("<!--[-1-->");
     }
     $$renderer2.push(`<!--]--> <div class="flex-1 min-w-[200px]">`);
     if (session) {
-      $$renderer2.push("<!--[-->");
+      $$renderer2.push("<!--[0-->");
       $$renderer2.push(`<h2 class="text-base font-semibold">`);
-      CommandTitle($$renderer2, { title: truncate(displayTitle, 50) });
+      CommandTitle($$renderer2, { title: truncate(displayTitle(), 50) });
       $$renderer2.push(`<!----></h2> <div class="flex items-center gap-2 mt-1"><button class="text-xs text-gh-text-secondary font-mono 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> `);
       ValidationBadge($$renderer2, {
-        chainErrors: chainResult.errors,
-        progressErrors: progressResult.errors,
+        chainErrors: chainResult().errors,
+        progressErrors: progressResult().errors,
         isRepairing,
         onRepair: handleRepairChain,
         onRepairProgress: handleRepairProgress
       });
       $$renderer2.push(`<!----></div>`);
     } else {
-      $$renderer2.push("<!--[!-->");
+      $$renderer2.push("<!--[-1-->");
       $$renderer2.push(`<h2 class="text-base font-semibold">Messages</h2>`);
     }
     $$renderer2.push(`<!--]--></div> `);
     {
-      $$renderer2.push("<!--[-->");
-      ScrollButtons($$renderer2, { messages });
+      $$renderer2.push("<!--[0-->");
+      ScrollButtons($$renderer2, { messages, scrollContainer: scrollContainer() });
     }
     $$renderer2.push(`<!--]--></div> `);
     if (session) {
-      $$renderer2.push("<!--[-->");
+      $$renderer2.push("<!--[0-->");
       $$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> <!--[-->`);
@@ -1438,48 +1396,44 @@ function SessionViewer($$renderer, $$props) {
       }
       $$renderer2.push(`<!--]--></div> `);
       if (todos.length > 0) {
-        $$renderer2.push("<!--[-->");
+        $$renderer2.push("<!--[0-->");
         $$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("<!--[-1-->");
       }
       $$renderer2.push(`<!--]--></div>`);
     } else {
-      $$renderer2.push("<!--[!-->");
+      $$renderer2.push("<!--[-1-->");
     }
     $$renderer2.push(`<!--]--> <div${attr_class(`flex-1 ${stringify(enableScroll ? "overflow-y-auto" : "")}`)}>`);
     if (!session) {
-      $$renderer2.push("<!--[-->");
+      $$renderer2.push("<!--[0-->");
       $$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("<!--[!-->");
-          MessageList($$renderer2, {
-            sessionId: session.id,
-            messages,
-            onDeleteMessage: handleSessionMessageDelete,
-            onEditTitle,
-            onSplitSession,
-            enableScroll: false,
-            fullWidth: true
-          });
-        }
-        $$renderer2.push(`<!--]-->`);
+      $$renderer2.push("<!--[1-->");
+      if (messages.length === 0) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<div class="flex items-center justify-center h-full text-gh-text-secondary">No messages</div>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+        MessageList($$renderer2, {
+          sessionId: session.id,
+          messages,
+          onDeleteMessage: handleSessionMessageDelete,
+          onEditTitle,
+          onSplitSession,
+          enableScroll: false,
+          fullWidth: true
+        });
       }
       $$renderer2.push(`<!--]-->`);
     }
     $$renderer2.push(`<!--]--></div> `);
     if (undoStack.length > 0) {
-      $$renderer2.push("<!--[-->");
+      $$renderer2.push("<!--[0-->");
       $$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("<!--[-1-->");
     }
     $$renderer2.push(`<!--]--></section>`);
   });
@@ -1750,17 +1704,17 @@ Old messages (${oldMessagesCount}) will be moved to a new session.`, async () =>
       });
       $$renderer3.push(`<!----></div> `);
       if (loading) {
-        $$renderer3.push("<!--[-->");
+        $$renderer3.push("<!--[0-->");
         $$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("<!--[-1-->");
       }
       $$renderer3.push(`<!--]--> `);
       if (error) {
-        $$renderer3.push("<!--[-->");
+        $$renderer3.push("<!--[0-->");
         $$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("<!--[-1-->");
       }
       $$renderer3.push(`<!--]--> `);
       Toast($$renderer3, {
@@ -1802,4 +1756,4 @@ Old messages (${oldMessagesCount}) will be moved to a new session.`, async () =>
 }
 
 export { _page as default };
-//# sourceMappingURL=_page.svelte-BiD6gfpa.js.map
+//# sourceMappingURL=_page.svelte-Dx2ikKP_.js.map