pilotswarm 0.5.19 → 0.5.21

package/ui/react/src/web-app.js

@@ -2199,13 +2199,6 @@ function SessionPane({ controller, actions = null, panelClassName = "", structur
             return s && !s.isSystem && !s.isGroup;
         })
         : activeSession?.isGroup ? true : Boolean(activeSession);
-    const activeSessionActionLabel = activeSession?.isGroup
-        ? "Delete"
-        : isBulkSelection
-            ? `Terminate (${selectedCount})`
-            : activeSession?.isSystem
-                ? "Restart"
-                : "Terminate";
     const hasExplicitSelection = selectedCount > 0;
     const groupableIds = hasExplicitSelection
         ? viewState.selectedIds.filter((id) => {
@@ -2300,7 +2293,7 @@ function SessionPane({ controller, actions = null, panelClassName = "", structur
         }),
         React.createElement(IconButton, {
             className: "ps-mini-button",
-            icon: activeSession?.isSystem ? "↻" : "⊗",
+            icon: activeSession?.isSystem ? "↻" : activeSession?.isGroup ? "⊗" : React.createElement(LifecycleGlyph),
             onClick: () => controller.handleCommand(activeSession?.isGroup ? UI_COMMANDS.DELETE_SESSION : UI_COMMANDS.OPEN_TERMINATE_PICKER).catch(() => {}),
             disabled: !canTerminate,
             label: isBulkSelection
@@ -2309,7 +2302,7 @@ function SessionPane({ controller, actions = null, panelClassName = "", structur
                     ? (activeGroupCanDelete ? "Delete this empty group" : "This group cannot be deleted yet")
                     : activeSession?.isSystem
                         ? "Restart this system session (complete, terminate, or hard delete)"
-                        : `${activeSessionActionLabel} — mark completed, cancel, or delete`,
+                        : "Lifecycle — regenerate context, mark completed, cancel, or delete",
         }),
         actions);
 
@@ -2476,6 +2469,20 @@ function LinkGlyph() {
     React.createElement("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" }));
 }
 
+// The "lifecycle" glyph (two curved arrows forming a cycle). Fronts the session
+// Lifecycle menu — Regenerate (rebirth) plus the terminal dispositions.
+function LifecycleGlyph() {
+    return React.createElement("svg", {
+        className: "ps-share-glyph", viewBox: "0 0 24 24", fill: "none",
+        stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round",
+        "aria-hidden": "true",
+    },
+    React.createElement("path", { d: "M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
+    React.createElement("path", { d: "M3 3v5h5" }),
+    React.createElement("path", { d: "M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16" }),
+    React.createElement("path", { d: "M21 21v-5h-5" }));
+}
+
 /**
  * Fetch the caller's effective access to the active session (security model).
  * Returns { access, loading, reload }. access is the getSessionAccess payload
@@ -2854,12 +2861,18 @@ function ChatPane({ controller, mobile = false, fullWidth = false, showComposer
     );
     const navigationError = useControllerSelector(controller, selectNavigationError, shallowEqualObject);
     const composerBase = showComposer && !viewState.activeSessionIsGroup && viewState.chatViewMode !== "summary";
-    const readOnly = Boolean(access) && access.canWrite === false;
+    // Service sessions (⚗ tree-scoped machinery, e.g. the regen distiller) are
+    // read-only BY KIND: their transcript is the trace of runtime machinery,
+    // never a conversation surface — no prompt for anyone, owner included.
+    const activeIsService = Boolean(viewState.sessionsById?.[viewState.activeSessionId]?.serviceKind);
+    const readOnly = activeIsService || (Boolean(access) && access.canWrite === false);
     const composer = composerBase
         ? React.createElement("div", { className: "ps-chat-composer" },
             readOnly
                 ? React.createElement("div", { className: "ps-composer-readonly" },
-                    `You have view access to this session. Ask ${access.owner?.displayName || access.owner?.email || "the owner"} for write access to participate.`)
+                    activeIsService
+                        ? "⚗ Service session — runtime machinery. Its transcript is a read-only trace; it does not accept messages."
+                        : `You have view access to this session. Ask ${access.owner?.displayName || access.owner?.email || "the owner"} for write access to participate.`)
                 : React.createElement(PromptComposer, { controller, mobile, active: true }))
         : null;
 
@@ -4499,6 +4512,10 @@ function ModalLayer({ controller }) {
     if (modal.type === "confirm" && modalState.confirm) {
         const isAlert = Boolean(modal.alert);
         const isDestructive = !isAlert && modal.action === "deleteSession";
+        // The regenerate confirm carries distillation inputs: a mode select and
+        // an optional distilling-instructions textarea, bound to modal.extras.
+        const isRegen = modal.action === "regenerateSession";
+        const extras = modal.extras || {};
         return React.createElement("div", { className: "ps-modal-backdrop", onClick: close },
             React.createElement("div", { className: "ps-modal is-narrow", onClick: (event) => event.stopPropagation() },
                 React.createElement("div", { className: "ps-modal-header" },
@@ -4508,6 +4525,32 @@ function ModalLayer({ controller }) {
                 React.createElement("div", { className: "ps-modal-body", style: { padding: "16px 20px" } },
                     React.createElement("p", { style: { color: "#94a3b8", margin: 0 } }, modalState.confirm.message),
                 ),
+                isRegen
+                    ? React.createElement("div", { className: "ps-modal-body", style: { padding: "0 20px 12px", display: "flex", flexDirection: "column", gap: 10 } },
+                        React.createElement("label", { style: { color: "#94a3b8", fontSize: "12px", display: "flex", alignItems: "center", gap: 8 } },
+                            "Distillation",
+                            React.createElement("select", {
+                                className: "ps-modal-input",
+                                style: { flex: "1", padding: "4px 8px" },
+                                value: extras.distillMode || "llm",
+                                onChange: (event) => controller.updateConfirmExtras({ distillMode: event.currentTarget.value }),
+                            },
+                                React.createElement("option", { value: "llm" }, "Intelligent (LLM reads the whole transcript)"),
+                                React.createElement("option", { value: "deterministic" }, "Fast (no LLM — tail + pointers)"),
+                            ),
+                        ),
+                        (extras.distillMode || "llm") === "llm"
+                            ? React.createElement("textarea", {
+                                className: "ps-modal-input",
+                                style: { width: "100%", minHeight: "64px", resize: "vertical", fontFamily: "inherit", fontSize: "13px" },
+                                placeholder: "Distilling instructions (optional) — e.g. \"preserve every SQL snippet verbatim\"",
+                                value: extras.instructions || "",
+                                maxLength: 4000,
+                                onChange: (event) => controller.updateConfirmExtras({ instructions: event.currentTarget.value }),
+                            })
+                            : null,
+                    )
+                    : null,
                 React.createElement("div", { className: "ps-modal-footer" },
                     isAlert ? null : React.createElement("button", { type: "button", className: "ps-modal-button", onClick: close }, "Cancel"),
                     React.createElement("button", {
@@ -4657,7 +4700,7 @@ function ModalLayer({ controller }) {
         return React.createElement("div", { className: "ps-modal-backdrop", onClick: close },
             React.createElement("div", { className: "ps-modal is-narrow", onClick: (event) => event.stopPropagation() },
                 React.createElement("div", { className: "ps-modal-header" },
-                    React.createElement("div", { className: "ps-modal-title" }, modal.title || "Terminate session"),
+                    React.createElement("div", { className: "ps-modal-title" }, modal.title || "Session Lifecycle"),
                     React.createElement("button", { type: "button", className: "ps-modal-close", onClick: close }, "Close"),
                 ),
                 React.createElement("div", { className: "ps-modal-body", style: { padding: "12px 16px 4px" } },
@@ -4666,6 +4709,15 @@ function ModalLayer({ controller }) {
                     className: "ps-modal-body",
                     style: { padding: "10px 16px 16px", display: "flex", flexDirection: "column", gap: 8 },
                 },
+                    modal.canRegenerate
+                        ? React.createElement("button", {
+                            type: "button",
+                            className: "ps-modal-button",
+                            style: { width: "100%", justifyContent: "flex-start" },
+                            title: "Archive and distill the transcript, then rebuild context fresh at the next turn boundary. Facts, artifacts, sub-agents, sharing, schedule, and chat history are preserved.",
+                            onClick: pick("regenerate"),
+                        }, "Regenerate Context")
+                        : null,
                     React.createElement("button", {
                         type: "button",
                         className: "ps-modal-button is-primary",
@@ -4771,7 +4823,7 @@ function useKeyboardShortcuts(controller, mobile) {
         const handler = (event) => {
             const target = event.target;
             const editable = target instanceof HTMLElement
-                && (target.tagName === "TEXTAREA" || target.tagName === "INPUT" || target.isContentEditable);
+                && (target.tagName === "TEXTAREA" || target.tagName === "INPUT" || target.tagName === "SELECT" || target.isContentEditable);
             const modal = controller.getState().ui.modal;
             const visibleInspectorTabs = getVisibleInspectorTabs(controller);
             const currentInspectorTab = controller.getState().ui.inspectorTab;