@claude-sessions/web 0.3.7 → 0.4.1-beta.0

package/build/server/chunks/{_page.svelte-C5Xngf9U.js → _page.svelte-DWKQDFXZ.js}

@@ -1,14 +1,15 @@
-import { Y as escape_html, Z as is_array, _ as get_prototype_of, $ as object_prototype } from './index-DzYX9r1_.js';
-import { T as Toast, C as ConfirmModal, f as formatProjectName, a as appConfig, t as truncate, b as formatDate, m as maskHomePath } from './Toast-ihrVamsT.js';
-import { I as InputModal } from './InputModal-XaplAR5y.js';
-import { c as store_get, e as ensure_array_like, b as attr_class, a as attr, s as stringify, u as unsubscribe_stores, d as attributes, f as await_block, g as clsx } from './index2-Da0doXJY.js';
-import { t as sortProjects, u as getDisplayTitle } from './index3-DkgTDgY2.js';
+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-Dr8M-5Wk.js';
+import { I as InputModal } from './InputModal-CbpiMXy3.js';
+import { t as sortProjects, u as getDisplayTitle, v as parseCommandMessage, w as deleteMessageWithChainRepair } from './index3-D8wHvUHX.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 attributes, o as await_block, p as clsx } from './index-BEaiIYry.js';
 import 'marked';
 import 'fs';
 import 'os';
 import 'path';
 import 'effect';
 import 'fs/promises';
+import 'crypto';
 
 const empty = [];
 function snapshot(value, skip_warning = false, no_tojson = false) {
@@ -133,8 +134,8 @@ const deleteSession = (project, id) => del(
   `/session?project=${encodeURIComponent(project)}&id=${encodeURIComponent(id)}`
 );
 const renameSession = (project, id, title) => post("/session/rename", { project, id, title });
-const deleteMessage = (project, session, uuid) => del(
-  `/message?project=${encodeURIComponent(project)}&session=${encodeURIComponent(session)}&uuid=${encodeURIComponent(uuid)}`
+const deleteMessage = (project, session, uuid, targetType) => del(
+  `/message?project=${encodeURIComponent(project)}&session=${encodeURIComponent(session)}&uuid=${encodeURIComponent(uuid)}${targetType ? `&targetType=${targetType}` : ""}`
 );
 const updateCustomTitle = (project, session, uuid, customTitle) => patch(
   `/message?project=${encodeURIComponent(project)}&session=${encodeURIComponent(session)}&uuid=${encodeURIComponent(uuid)}`,
@@ -149,7 +150,12 @@ const checkFileExists = async (filePath) => {
     return false;
   }
 };
-const expandProject = (projectName) => get(`/project/expand?project=${encodeURIComponent(projectName)}`);
+const expandProject = (projectName, sortOptions) => {
+  const params = new URLSearchParams({ project: projectName });
+  if (sortOptions?.field) params.set("sortField", sortOptions.field);
+  if (sortOptions?.order) params.set("sortOrder", sortOptions.order);
+  return get(`/project/expand?${params.toString()}`);
+};
 const resumeSession = (projectName, sessionId) => post("/session/resume", { projectName, sessionId });
 const maskHomePaths = (text) => {
   return maskHomePath(text);
@@ -183,6 +189,41 @@ const getMessageContent = (msg) => {
   }
   return maskHomePaths(content);
 };
+const parseStopHookSummary = (msg) => {
+  const m = msg;
+  if (m?.subtype !== "stop_hook_summary") return null;
+  return {
+    hookCount: m.hookCount ?? 0,
+    hookInfos: m.hookInfos ?? [],
+    hookErrors: m.hookErrors ?? [],
+    preventedContinuation: m.preventedContinuation ?? false,
+    stopReason: m.stopReason ?? "",
+    hasOutput: m.hasOutput ?? false,
+    level: m.level ?? "info"
+  };
+};
+const parseTurnDuration = (msg) => {
+  const m = msg;
+  if (m?.subtype !== "turn_duration") return null;
+  const durationMs = m.durationMs ?? 0;
+  const seconds = Math.round(durationMs / 1e3);
+  const minutes = Math.floor(seconds / 60);
+  const remainingSeconds = seconds % 60;
+  const durationFormatted = minutes > 0 ? `${minutes}m ${remainingSeconds}s` : `${remainingSeconds}s`;
+  return { durationMs, durationFormatted };
+};
+const parseProgress = (msg) => {
+  const m = msg;
+  if (m?.type !== "progress") return null;
+  const data = m.data;
+  if (!data) return null;
+  return {
+    type: data.type ?? "unknown",
+    hookEvent: data.hookEvent,
+    hookName: data.hookName,
+    command: data.command
+  };
+};
 const parseIdeTags = (content) => {
   const segments = [];
   const regex = /<(ide_[^>]+)>([\s\S]*?)<\/\1>/g;
@@ -423,12 +464,23 @@ function MessageItem($$renderer, $$props) {
       };
     })();
     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 };
+      if (isLocalCommand) {
+        const content = typeof msg.content === "string" ? msg.content : "";
+        return parseCommandMessage(content);
+      }
+      if (isHuman) {
+        const m = msg.message;
+        const content = typeof m?.content === "string" ? m.content : "";
+        if (content.includes("<command-name>")) {
+          return parseCommandMessage(content);
+        }
+      }
+      return null;
     })();
+    const isSlashCommand = commandData !== null && !isLocalCommand;
+    const stopHookData = parseStopHookSummary(msg);
+    const turnDurationData = parseTurnDuration(msg);
+    const progressData = parseProgress(msg);
     const FILE_TOOLS = ["Read", "Write", "Edit"];
     const toolUseData = (() => {
       if (!isAssistant) return null;
@@ -501,204 +553,274 @@ function MessageItem($$renderer, $$props) {
       $$renderer2.push("<!--[-->");
     } else {
       $$renderer2.push("<!--[!-->");
-      if (isFileSnapshot && snapshotData) {
+      if (progressData) {
         $$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> `);
+        $$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> <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>`);
+        $$renderer2.push(`<!----></div></div></div>`);
       } else {
         $$renderer2.push("<!--[!-->");
-        if (isLocalCommand && commandData) {
+        if (turnDurationData) {
           $$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> `);
+          $$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> `);
-          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>`);
+          $$renderer2.push(`<!----></div></div></div>`);
         } else {
           $$renderer2.push("<!--[!-->");
-          if (toolUseData) {
+          if (stopHookData) {
             $$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> `);
+            $$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 (toolUseData.filePath) {
+            if (stopHookData.hookInfos.length > 0) {
               $$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(`<!--]-->`);
+              $$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 (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(`<!--]--> `);
+            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(`<!--]-->`);
+              $$renderer2.push(`<!--]--></div>`);
+            } else {
+              $$renderer2.push("<!--[!-->");
             }
             $$renderer2.push(`<!--]--></div>`);
           } else {
             $$renderer2.push("<!--[!-->");
-            if (hasAnyContent) {
+            if (isFileSnapshot && snapshotData) {
               $$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(`<!--]--> `);
+              $$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> `);
-              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></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(`<!--]--></div>`);
-              } else {
-                $$renderer2.push("<!--[!-->");
+                $$renderer2.push(`<!--]--></li>`);
               }
-              $$renderer2.push(`<!--]--> `);
-              if (hasContent) {
+              $$renderer2.push(`<!--]--></ul></div>`);
+            } else {
+              $$renderer2.push("<!--[!-->");
+              if (isSlashCommand && commandData) {
                 $$renderer2.push("<!--[-->");
-                $$renderer2.push(`<div class="message-content text-sm">`);
-                if (isCustomTitle) {
+                $$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 {
+                $$renderer2.push("<!--[!-->");
+                if (isLocalCommand && commandData) {
                   $$renderer2.push("<!--[-->");
-                  $$renderer2.push(`<span class="font-semibold text-purple-400">${escape_html(customTitle)}</span>`);
+                  $$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("<!--[!-->");
-                  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) {
+                  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("<!--[-->");
-                      IdeTag($$renderer2, { tag: segment.tag, content: segment.content });
+                      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("<!--[!-->");
-                      const textLines = segment.content.split("\n");
-                      if (textLines.length > 10) {
+                      if (toolUseData.input.command) {
                         $$renderer2.push("<!--[-->");
-                        ExpandableContent($$renderer2, { content: segment.content, maxLines: 10 });
+                        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("<!--[!-->");
-                        $$renderer2.push(`<p class="whitespace-pre-wrap">${escape_html(segment.content)}</p>`);
+                        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(`<!--]--></div>`);
-              } else {
-                $$renderer2.push("<!--[!-->");
+                $$renderer2.push(`<!--]-->`);
               }
-              $$renderer2.push(`<!--]--></div>`);
-            } else {
-              $$renderer2.push("<!--[!-->");
+              $$renderer2.push(`<!--]-->`);
             }
             $$renderer2.push(`<!--]-->`);
           }
@@ -711,6 +833,34 @@ function MessageItem($$renderer, $$props) {
     $$renderer2.push(`<!--]-->`);
   });
 }
+function MessageList($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      sessionId,
+      messages,
+      onDeleteMessage,
+      onEditTitle,
+      onSplitSession,
+      enableScroll = true,
+      fullWidth = false
+    } = $$props;
+    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 ${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++) {
+      let msg = each_array[i];
+      MessageItem($$renderer2, {
+        msg,
+        sessionId,
+        isFirst: i === 0 || i === firstMeaningfulIndex,
+        onDelete: onDeleteMessage,
+        onEditTitle,
+        onSplit: onSplitSession
+      });
+    }
+    $$renderer2.push(`<!--]--></div></section>`);
+  });
+}
 function ProjectTree($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     var $$store_subs;
@@ -721,22 +871,31 @@ function ProjectTree($$renderer, $$props) {
       expandedProjects,
       selectedSession,
       loadingProject,
+      sortField,
+      sortOrder,
       onRenameSession,
       onDeleteSession,
-      onResumeSession
+      onResumeSession,
+      onSortChange
     } = $$props;
+    const sortFieldLabels = {
+      summary: "Summary Time",
+      modified: "Modified",
+      created: "Created",
+      updated: "Last Message",
+      messageCount: "Messages",
+      title: "Title"
+    };
+    const handleSortFieldChange = (e) => {
+      const target = e.target;
+      onSortChange?.(target.value, sortOrder);
+    };
     const getSessionData = (projectName, sessionId) => {
       return projectSessionData.get(projectName)?.get(sessionId);
     };
-    const getDisplayTitle2 = (session) => {
+    const getDisplayTitle$1 = (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";
+      return getDisplayTitle(data?.customTitle, data?.currentSummary, session.title);
     };
     const getTooltipText = (session) => {
       const data = getSessionData(session.projectName, session.id);
@@ -767,10 +926,29 @@ function ProjectTree($$renderer, $$props) {
     let expandedSessions = selectedSession ? /* @__PURE__ */ new Set([selectedSession.id]) : /* @__PURE__ */ new Set();
     let draggedSession = null;
     let dropTargetProject = null;
-    $$renderer2.push(`<aside class="bg-gh-bg-secondary border border-gh-border rounded-lg overflow-hidden flex flex-col"><h2 class="p-4 text-base font-semibold border-b border-gh-border bg-gh-bg">Projects (${escape_html(sortedProjects.length)})</h2> <ul class="overflow-y-auto flex-1"><!--[-->`);
-    const each_array = ensure_array_like(sortedProjects);
-    for (let $$index_4 = 0, $$length = each_array.length; $$index_4 < $$length; $$index_4++) {
-      let project = each_array[$$index_4];
+    $$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",
+        value: sortField,
+        onchange: handleSortFieldChange
+      },
+      ($$renderer3) => {
+        $$renderer3.push(`<!--[-->`);
+        const each_array = ensure_array_like(Object.entries(sortFieldLabels));
+        for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+          let [value, label] = each_array[$$index];
+          $$renderer3.option({ value }, ($$renderer4) => {
+            $$renderer4.push(`${escape_html(label)}`);
+          });
+        }
+        $$renderer3.push(`<!--]-->`);
+      }
+    );
+    $$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);
+    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)) {
@@ -782,13 +960,13 @@ function ProjectTree($$renderer, $$props) {
         } 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 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++) {
+            let session = each_array_2[$$index_4];
             const isSelected = selectedSession?.id === session.id;
             const isDragging = draggedSession?.id === session.id;
             const sessionInfo = getSessionInfo(session);
-            const displayTitle = getDisplayTitle2(session);
+            const displayTitle = getDisplayTitle$1(session);
             const tooltipText = getTooltipText(session);
             const data = getSessionData(session.projectName, session.id);
             const isSummaryFallback = !data?.customTitle && !data?.currentSummary;
@@ -866,9 +1044,9 @@ function ProjectTree($$renderer, $$props) {
               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];
+                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">📝</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("<!--[-->");
@@ -893,9 +1071,9 @@ function ProjectTree($$renderer, $$props) {
               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];
+                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++) {
+                  let agentTodo = 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"><span class="flex-shrink-0">📋</span> <span>Agent Todos (${escape_html(agentTodo.todos.length)})</span></li>`);
                 }
                 $$renderer2.push(`<!--]-->`);
@@ -906,9 +1084,9 @@ function ProjectTree($$renderer, $$props) {
               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];
+                const each_array_5 = ensure_array_like(data.agents);
+                for (let $$index_3 = 0, $$length3 = each_array_5.length; $$index_3 < $$length3; $$index_3++) {
+                  let agent = each_array_5[$$index_3];
                   $$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(`<!--]-->`);
@@ -972,46 +1150,49 @@ function SessionViewer($$renderer, $$props) {
     let undoStack = [];
     let undoCountdown = 0;
     let undoTimeoutId = null;
+    let deleteQueue = Promise.resolve();
     const handleMessageDeleteWithUndo = async (msg, isAgent) => {
       if (!session) return;
       const msgId = msg.uuid || msg.messageId || msg.leafUuid;
       if (!msgId) return;
+      const targetType = msg.type === "file-history-snapshot" ? "file-history-snapshot" : msg.type === "summary" ? "summary" : void 0;
       const targetSessionId = session.id;
       let index;
       {
         index = messages.findIndex((m) => (m.uuid || m.messageId || m.leafUuid) === msgId);
         if (index === -1) return;
       }
-      try {
-        await deleteMessage(session.projectName, targetSessionId, msgId);
-        if (isAgent) ;
-        else {
-          const newMessages = messages.filter((m) => (m.uuid || m.messageId || m.leafUuid) !== msgId);
-          onMessagesChange?.(newMessages);
-        }
-        undoStack = [
-          ...undoStack,
-          { msg, index, isAgent, sessionId: targetSessionId }
-        ];
-        if (undoTimeoutId) clearTimeout(undoTimeoutId);
-        undoCountdown = 10;
-        undoTimeoutId = setTimeout(
-          () => {
-            undoStack = [];
-            undoCountdown = 0;
-            undoTimeoutId = null;
-          },
-          1e4
-        );
-        onDeleteMessage?.(msg);
-      } catch (e) {
-        console.error("Failed to delete message:", e);
+      {
+        const copy = [...messages];
+        deleteMessageWithChainRepair(copy, msgId, targetType);
+        onMessagesChange?.(copy);
       }
+      undoStack = [
+        ...undoStack,
+        { msg, index, isAgent, sessionId: targetSessionId }
+      ];
+      if (undoTimeoutId) clearTimeout(undoTimeoutId);
+      undoCountdown = 10;
+      undoTimeoutId = setTimeout(
+        () => {
+          undoStack = [];
+          undoCountdown = 0;
+          undoTimeoutId = null;
+        },
+        1e4
+      );
+      deleteQueue = deleteQueue.then(async () => {
+        try {
+          await deleteMessage(session.projectName, targetSessionId, msgId, targetType);
+        } catch (e) {
+          console.error("Failed to delete message:", e);
+        }
+      });
+      onDeleteMessage?.(msg);
     };
     const handleSessionMessageDelete = (msg) => {
       handleMessageDeleteWithUndo(msg, false);
     };
-    const firstMeaningfulIndex = messages.findIndex((m) => m.type === "user" || m.type === "assistant" || m.type === "human");
     $$renderer2.push(`<section${attr_class(`bg-gh-bg-secondary overflow-hidden flex flex-col h-full ${stringify(fullWidth ? "" : "border border-gh-border rounded-lg")}`)}><div class="p-4 border-b border-gh-border bg-gh-bg flex flex-wrap justify-between items-start gap-2">`);
     if (backUrl) {
       $$renderer2.push("<!--[-->");
@@ -1067,20 +1248,15 @@ function SessionViewer($$renderer, $$props) {
           $$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 ?? "",
-              onDelete: handleSessionMessageDelete,
-              onEditTitle,
-              onSplit: onSplitSession,
-              isFirst: i === firstMeaningfulIndex
-            });
-          }
-          $$renderer2.push(`<!--]--></div>`);
+          MessageList($$renderer2, {
+            sessionId: session.id,
+            messages,
+            onDeleteMessage: handleSessionMessageDelete,
+            onEditTitle,
+            onSplitSession,
+            enableScroll: false,
+            fullWidth: true
+          });
         }
         $$renderer2.push(`<!--]-->`);
       }
@@ -1110,6 +1286,8 @@ function _page($$renderer, $$props) {
     let loadingProject = null;
     let error = null;
     let toast = null;
+    let sortField = "summary";
+    let sortOrder = "desc";
     let confirmModal = {
       show: false,
       title: "",
@@ -1199,18 +1377,19 @@ function _page($$renderer, $$props) {
       if (!selectedSession) return;
       const msgId = msg.uuid || msg.messageId || msg.leafUuid;
       if (!msgId) return;
-      try {
-        await deleteMessage(selectedSession.projectName, selectedSession.id, msgId);
-        messages = messages.filter((m) => (m.uuid || m.messageId || m.leafUuid) !== msgId);
-        const sessions = projectSessions.get(selectedSession.projectName);
-        const session = sessions?.find((s) => s.id === selectedSession.id);
-        if (session) {
-          session.messageCount = messages.length;
-          projectSessions = new Map(projectSessions);
-        }
-      } catch (e) {
-        error = String(e);
+      const targetType = msg.type === "file-history-snapshot" ? "file-history-snapshot" : msg.type === "summary" ? "summary" : void 0;
+      const copy = [...messages];
+      deleteMessageWithChainRepair(copy, msgId, targetType);
+      messages = copy;
+      const sessions = projectSessions.get(selectedSession.projectName);
+      const session = sessions?.find((s) => s.id === selectedSession.id);
+      if (session) {
+        session.messageCount = messages.length;
+        projectSessions = new Map(projectSessions);
       }
+      deleteMessage(selectedSession.projectName, selectedSession.id, msgId, targetType).catch((e) => {
+        error = String(e);
+      });
     };
     const handleEditCustomTitle = (msg) => {
       if (!selectedSession) return;
@@ -1291,6 +1470,36 @@ Old messages (${oldMessagesCount}) will be moved to a new session.`, async () =>
         error = String(e2);
       }
     };
+    const handleSortChange = async (field, order) => {
+      sortField = field;
+      sortOrder = order;
+      for (const projectName of expandedProjects) {
+        loadingProject = projectName;
+        try {
+          const sessionDataList = await expandProject(projectName, { field, order });
+          const sessions = [];
+          const dataMap = /* @__PURE__ */ new Map();
+          for (const data of sessionDataList) {
+            sessions.push({
+              id: data.id,
+              projectName,
+              title: data.title,
+              messageCount: data.messageCount,
+              createdAt: data.createdAt,
+              updatedAt: data.updatedAt
+            });
+            dataMap.set(data.id, data);
+          }
+          projectSessions.set(projectName, sessions);
+          projectSessionData.set(projectName, dataMap);
+        } catch (e) {
+          error = String(e);
+        }
+      }
+      projectSessions = new Map(projectSessions);
+      projectSessionData = new Map(projectSessionData);
+      loadingProject = null;
+    };
     let $$settled = true;
     let $$inner_renderer;
     function $$render_inner($$renderer3) {
@@ -1302,9 +1511,12 @@ Old messages (${oldMessagesCount}) will be moved to a new session.`, async () =>
         expandedProjects,
         selectedSession,
         loadingProject,
+        sortField,
+        sortOrder,
         onRenameSession: handleRenameSession,
         onDeleteSession: handleDeleteSession,
-        onResumeSession: handleResumeSession
+        onResumeSession: handleResumeSession,
+        onSortChange: handleSortChange
       });
       $$renderer3.push(`<!----> `);
       SessionViewer($$renderer3, {
@@ -1373,4 +1585,4 @@ Old messages (${oldMessagesCount}) will be moved to a new session.`, async () =>
 }
 
 export { _page as default };
-//# sourceMappingURL=_page.svelte-C5Xngf9U.js.map
+//# sourceMappingURL=_page.svelte-DWKQDFXZ.js.map