@bakapiano/ccsm 0.22.6 → 0.22.7

package/public/js/pages/SessionsPage.js

@@ -1,9 +1,9 @@
-// Sessions page · the main pane. Shows the terminal for the currently
-// selected session (activeSessionId), with a thin header providing
-// session metadata + a session-tabs strip (future multi-tab support)
-// and a kebab menu top-right for per-session actions. When a session is
-// selected but not running we auto-resume it — no manual button.
-
+// Sessions page · the main pane. Shows the terminal for the currently
+// selected session (activeSessionId), with a thin header providing
+// session metadata + a session-tabs strip (future multi-tab support)
+// and a kebab menu top-right for per-session actions. When a session is
+// selected but not running we auto-resume it — no manual button.
+
 import { html } from '../html.js';
 import { useEffect, useRef, useState } from 'preact/hooks';
 import { activeSessionId, sessions, config, selectTab, selectSession, clockTick } from '../state.js';
@@ -29,7 +29,7 @@ function SessionTabs({ activeId, openSessions, onActivate, onClose, onReorder, o
     <div class="session-tabs" role="tablist">
       <div class="session-tabs-list">
         ${open.map((s) => {
-          const cli = (config.value?.clis || []).find((c) => c.id === s.cliId);
+          const cli = (config.value?.clis || []).find((c) => c.id === s.cliId);
           const Icon = IconForCliType(cli?.type) || IconTerminal;
           const t = s.title || s.workspace || s.id.slice(0, 12);
           const isActive = s.id === activeId;
@@ -73,28 +73,28 @@ function SessionTabs({ activeId, openSessions, onActivate, onClose, onReorder, o
               </button>
             </div>`;
         })}
-        ${/* <button class="session-tab session-tab-add" onClick=${onNew} title="New session">
-          <${IconPlus} />
-        </button> */ null}
-      </div>
-      ${kebab ? html`<div class="session-tabs-right">${kebab}</div>` : null}
-    </div>`;
-}
-
+        ${/* <button class="session-tab session-tab-add" onClick=${onNew} title="New session">
+          <${IconPlus} />
+        </button> */ null}
+      </div>
+      ${kebab ? html`<div class="session-tabs-right">${kebab}</div>` : null}
+    </div>`;
+}
+
 function SessionMenu({ session, switchableClis, onRename, onDelete, onOpenEditor, onSwitchCli }) {
   const [open, setOpen] = useState(false);
   const anchor = useRef(null);
   return html`
     <button class="session-menu-btn" ref=${anchor}
             aria-label="Session actions" title="Session actions"
-            onClick=${() => setOpen((v) => !v)}>
-      <${IconMoreVert} />
-    </button>
-    ${open ? html`
-      <${Popover} anchor=${anchor} align="right" width=${200}
-                  onClose=${() => setOpen(false)}>
-        <div class="session-menu">
-          <button class="session-menu-item" onClick=${() => { setOpen(false); onOpenEditor(); }}>
+            onClick=${() => setOpen((v) => !v)}>
+      <${IconMoreVert} />
+    </button>
+    ${open ? html`
+      <${Popover} anchor=${anchor} align="right" width=${200}
+                  onClose=${() => setOpen(false)}>
+        <div class="session-menu">
+          <button class="session-menu-item" onClick=${() => { setOpen(false); onOpenEditor(); }}>
             <${IconExternal} /> Open in editor
           </button>
           ${switchableClis.length ? html`
@@ -114,8 +114,8 @@ function SessionMenu({ session, switchableClis, onRename, onDelete, onOpenEditor
           </button>
           <button class="session-menu-item danger" onClick=${() => { setOpen(false); onDelete(); }}>
             <${IconClose} /> Delete
-          </button>
-        </div>
+          </button>
+        </div>
       </${Popover}>` : null}`;
 }
 
@@ -152,17 +152,17 @@ export function SessionsPage() {
   // Bumps to force the auto-resume effect to re-run on Retry without
   // mutating any signal. Primitive in the dep array → identity changes.
   const [retryNonce, setRetryNonce] = useState(0);
-
-  // No session selected → bounce to the Launch page. Done in an effect so
-  // we don't mutate signals during render. Returning null while the bounce
-  // is in flight avoids a flash of empty content.
-  useEffect(() => {
-    if (!session) selectTab('launch');
-  }, [session]);
-
-  // Auto-resume when the active session is exited. resumeSession() in
-  // api.js dedups in-flight calls per session id, so simultaneous fires
-  // from here and from Sidebar.onClick collapse into one request.
+
+  // No session selected → bounce to the Launch page. Done in an effect so
+  // we don't mutate signals during render. Returning null while the bounce
+  // is in flight avoids a flash of empty content.
+  useEffect(() => {
+    if (!session) selectTab('launch');
+  }, [session]);
+
+  // Auto-resume when the active session is exited. resumeSession() in
+  // api.js dedups in-flight calls per session id, so simultaneous fires
+  // from here and from Sidebar.onClick collapse into one request.
   useEffect(() => {
     if (!session) return;
     if (session.status === 'running') { setResumeError(null); return; }
@@ -194,7 +194,7 @@ export function SessionsPage() {
   }, [list, session?.id]);
 
   if (!session) return null;
-
+
   const cli = (config.value?.clis || []).find((c) => c.id === session.cliId);
   const cliForSession = (s) => (config.value?.clis || []).find((c) => c.id === s.cliId);
   const switchableClis = cli
@@ -275,21 +275,21 @@ export function SessionsPage() {
       setActionBusy(false);
     }
   };
-  const onRename = async () => {
-    const next = await ccsmPrompt('Rename session', title, { okLabel: 'Save' });
-    if (next === null) return;
-    try { await setSessionTitle(session.id, next.trim()); }
-    catch (e) { setToast(e.message, 'error'); }
-  };
-  const onDelete = async () => {
-    const ok = await ccsmConfirm(`Delete session ${title}? PTY will be killed if alive.`, {
-      title: 'Delete session', okLabel: 'Delete', danger: true });
-    if (!ok) return;
-    try {
-      await deleteSession(session.id);
-      activeSessionId.value = null;
-    } catch (e) { setToast(e.message, 'error'); }
-  };
+  const onRename = async () => {
+    const next = await ccsmPrompt('Rename session', title, { okLabel: 'Save' });
+    if (next === null) return;
+    try { await setSessionTitle(session.id, next.trim()); }
+    catch (e) { setToast(e.message, 'error'); }
+  };
+  const onDelete = async () => {
+    const ok = await ccsmConfirm(`Delete session ${title}? PTY will be killed if alive.`, {
+      title: 'Delete session', okLabel: 'Delete', danger: true });
+    if (!ok) return;
+    try {
+      await deleteSession(session.id);
+      activeSessionId.value = null;
+    } catch (e) { setToast(e.message, 'error'); }
+  };
   const onOpenEditor = async () => {
     try {
       const r = await openSessionInEditor(session.id);
@@ -316,7 +316,7 @@ export function SessionsPage() {
       }
     } catch (e) { setToast(e.message, 'error'); }
   };
-
+
   return html`
     <${PageTitleBar} title=${html`
         <span class="session-title-text" title=${title}>${title}</span>