@claude-sessions/web 0.4.7 → 0.4.8

package/build/server/chunks/{_page.svelte-D0jFzJtD.js → _page.svelte-Bj6n6sCQ.js}

@@ -1,8 +1,8 @@
 import { x as escape_html, E as ensure_array_like, p as attr, y as attr_class, q as stringify, z as derived, t as store_get, F as clsx, G as attributes, B as unsubscribe_stores, H as await_block, I as is_array, J as get_prototype_of, K as object_prototype } from './index-Dqbd-Nxp.js';
 import { b as base } from './server-Bf8x1V_n.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-AVuTocXd.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-Z8xeiR_N.js';
 import { I as InputModal } from './InputModal-Cp5WgcYP.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 './index2-gxrJEKeb.js';
+import { T as TREE_ICONS, y as sortProjects, z as getTotalTodoCount, A as getDisplayTitle, B as sessionHasSubItems, C as getSessionTooltip, D as validateProgressMessages, v as validateChain, E as parseCommandMessage, F as deleteMessageWithChainRepair } from './index2-C_bCV9h2.js';
 import 'marked';
 import 'fs';
 import 'fs/promises';
@@ -881,6 +881,7 @@ function ProjectTree($$renderer, $$props) {
       loadingProject,
       sortField,
       sortOrder,
+      titleDisplayMode,
       onRenameSession,
       onDeleteSession,
       onResumeSession,
@@ -903,7 +904,13 @@ function ProjectTree($$renderer, $$props) {
     };
     const getDisplayTitle$1 = (session) => {
       const data = getSessionData(session.projectName, session.id);
-      return getDisplayTitle(data?.customTitle, data?.currentSummary, session.title);
+      return getDisplayTitle({
+        customTitle: data?.customTitle,
+        currentSummary: data?.currentSummary,
+        title: session.title,
+        createdAt: session.createdAt,
+        mode: titleDisplayMode
+      });
     };
     const getSessionInfo = (session) => {
       const data = getSessionData(session.projectName, session.id);
@@ -963,7 +970,7 @@ function ProjectTree($$renderer, $$props) {
         $$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"><!--[-->`);
+    $$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> <span class="border-l border-gh-border h-4"></span> <button${attr_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 ${stringify(titleDisplayMode === "datetime" ? "border-gh-accent text-gh-accent" : "")}`)}${attr("aria-label", titleDisplayMode === "message" ? "Showing first message — click for date/time" : "Showing date/time — click for first message")}${attr("title", titleDisplayMode === "message" ? "Showing first message — click for date/time" : "Showing date/time — click for first message")}>${escape_html(titleDisplayMode === "datetime" ? "🕐" : "Aa")}</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];
@@ -1147,6 +1154,81 @@ function ScrollButtons($$renderer, $$props) {
     $$renderer2.push(`<!--]-->`);
   });
 }
+function SessionActions($$renderer, $$props) {
+  let {
+    onResumeSession,
+    onCompressSession,
+    onRenameSession,
+    onDeleteSession
+  } = $$props;
+  if (onResumeSession || onCompressSession || onRenameSession || onDeleteSession) {
+    $$renderer.push("<!--[0-->");
+    $$renderer.push(`<div class="flex items-center gap-0.5">`);
+    if (onResumeSession) {
+      $$renderer.push("<!--[0-->");
+      TooltipButton($$renderer, {
+        class: "p-1.5 rounded text-gh-text-secondary hover:text-gh-green hover:bg-gh-green/10 text-sm transition-colors",
+        onclick: onResumeSession,
+        title: "Resume session",
+        children: ($$renderer2) => {
+          $$renderer2.push(`<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="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>`);
+        },
+        $$slots: { default: true }
+      });
+    } else {
+      $$renderer.push("<!--[-1-->");
+    }
+    $$renderer.push(`<!--]--> `);
+    if (onCompressSession) {
+      $$renderer.push("<!--[0-->");
+      TooltipButton($$renderer, {
+        class: "p-1.5 rounded text-gh-text-secondary hover:text-gh-accent hover:bg-gh-accent/10 text-sm transition-colors",
+        onclick: onCompressSession,
+        title: "Compress session",
+        children: ($$renderer2) => {
+          $$renderer2.push(`<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m20.25 7.5-.625 10.632a2.25 2.25 0 0 1-2.247 2.118H6.622a2.25 2.25 0 0 1-2.247-2.118L3.75 7.5m8.25 3v6.75m0 0-3-3m3 3 3-3M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125Z"></path></svg>`);
+        },
+        $$slots: { default: true }
+      });
+    } else {
+      $$renderer.push("<!--[-1-->");
+    }
+    $$renderer.push(`<!--]--> `);
+    if (onRenameSession) {
+      $$renderer.push("<!--[0-->");
+      TooltipButton($$renderer, {
+        class: "p-1.5 rounded text-gh-text-secondary hover:text-gh-accent hover:bg-gh-accent/10 text-sm transition-colors",
+        onclick: onRenameSession,
+        title: "Rename session",
+        children: ($$renderer2) => {
+          $$renderer2.push(`<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="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"></path></svg>`);
+        },
+        $$slots: { default: true }
+      });
+    } else {
+      $$renderer.push("<!--[-1-->");
+    }
+    $$renderer.push(`<!--]--> `);
+    if (onDeleteSession) {
+      $$renderer.push("<!--[0-->");
+      TooltipButton($$renderer, {
+        class: "p-1.5 rounded text-gh-text-secondary hover:text-gh-red hover:bg-gh-red/10 text-sm transition-colors",
+        onclick: onDeleteSession,
+        title: "Delete session",
+        children: ($$renderer2) => {
+          $$renderer2.push(`<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="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"></path></svg>`);
+        },
+        $$slots: { default: true }
+      });
+    } else {
+      $$renderer.push("<!--[-1-->");
+    }
+    $$renderer.push(`<!--]--></div>`);
+  } else {
+    $$renderer.push("<!--[-1-->");
+  }
+  $$renderer.push(`<!--]-->`);
+}
 function ValidationBadge($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     let {
@@ -1269,7 +1351,9 @@ function SessionViewer($$renderer, $$props) {
       onRefresh,
       onEditTitle,
       onSplitSession,
+      onCompressSession,
       onRenameSession,
+      onResumeSession,
       onDeleteSession,
       enableScroll = true,
       externalScrollContainer = null,
@@ -1388,33 +1472,24 @@ function SessionViewer($$renderer, $$props) {
       $$renderer2.push("<!--[-1-->");
       $$renderer2.push(`<h2 class="text-base font-semibold">Messages</h2>`);
     }
-    $$renderer2.push(`<!--]--></div> `);
-    {
+    $$renderer2.push(`<!--]--></div> <div class="flex flex-col items-end gap-2">`);
+    if (session) {
       $$renderer2.push("<!--[0-->");
-      ScrollButtons($$renderer2, { messages, scrollContainer: scrollContainer() });
+      SessionActions($$renderer2, {
+        onResumeSession,
+        onCompressSession,
+        onRenameSession,
+        onDeleteSession
+      });
+    } else {
+      $$renderer2.push("<!--[-1-->");
     }
     $$renderer2.push(`<!--]--> `);
-    if (session && (onRenameSession || onDeleteSession)) {
+    {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="flex items-center gap-0.5">`);
-      if (onRenameSession) {
-        $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<button class="p-1.5 rounded text-gh-text-secondary hover:text-gh-fg hover:bg-gh-border text-sm transition-colors" title="Rename session" aria-label="Rename session"><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="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"></path></svg></button>`);
-      } else {
-        $$renderer2.push("<!--[-1-->");
-      }
-      $$renderer2.push(`<!--]--> `);
-      if (onDeleteSession) {
-        $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<button class="p-1.5 rounded text-gh-text-secondary hover:text-gh-red hover:bg-gh-red/10 text-sm transition-colors" title="Delete session" aria-label="Delete session"><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="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"></path></svg></button>`);
-      } else {
-        $$renderer2.push("<!--[-1-->");
-      }
-      $$renderer2.push(`<!--]--></div>`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
+      ScrollButtons($$renderer2, { messages, scrollContainer: scrollContainer() });
     }
-    $$renderer2.push(`<!--]--></div> `);
+    $$renderer2.push(`<!--]--></div></div> `);
     if (session) {
       $$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(
@@ -1485,6 +1560,7 @@ function _page($$renderer, $$props) {
     let toast = null;
     let sortField = "summary";
     let sortOrder = "desc";
+    let titleDisplayMode = "message";
     let confirmModal = {
       show: false,
       title: "",
@@ -1715,6 +1791,7 @@ Old messages (${oldMessagesCount}) will be moved to a new session.`, async () =>
         loadingProject,
         sortField,
         sortOrder,
+        titleDisplayMode,
         onRenameSession: handleRenameSession,
         onDeleteSession: handleDeleteSession,
         onResumeSession: handleResumeSession,
@@ -1792,4 +1869,4 @@ Old messages (${oldMessagesCount}) will be moved to a new session.`, async () =>
 }
 
 export { _page as default };
-//# sourceMappingURL=_page.svelte-D0jFzJtD.js.map
+//# sourceMappingURL=_page.svelte-Bj6n6sCQ.js.map