pilotswarm 0.5.20 → 0.5.21

package/ui/core/src/selectors.js

@@ -513,8 +513,16 @@ function canPinSessionRow(session) {
 
 function buildSelectedSessionMetaRuns(session, mode) {
     const runs = [];
+    // Live regeneration chip: the orchestration publishes regenStage in
+    // customStatus while the pipeline runs (archiving → distilling →
+    // flipping) and getSession spreads it onto the session view. Magenta to
+    // match the epoch divider; disappears when the flip lands.
+    if (typeof session?.regenStage === "string" && session.regenStage) {
+        runs.push({ text: `↻ regen:${session.regenStage}`, color: "magenta" });
+    }
     const statusLabel = getSessionRowStatusLabel(session);
     if (statusLabel) {
+        if (runs.length > 0) runs.push({ text: " · ", color: "gray" });
         runs.push({ text: statusLabel, color: sessionStatusColor(session, mode) });
     }
 
@@ -584,6 +592,10 @@ function buildSessionRowView(entry, session, state, totalDescendantCounts, visib
         prefixRuns.push({ text: "🗂  ", color: "cyan", bold: true });
     } else if (session?.isSystem) {
         prefixRuns.push({ text: "⚙ ", color: "yellow", bold: true });
+    } else if (session?.serviceKind) {
+        // Service session (tree-scoped machinery, e.g. the regen distiller):
+        // the alembic marks it as read-only distillation machinery.
+        prefixRuns.push({ text: "⚗ ", color: "magenta", bold: true });
     } else {
         const icon = sessionStatusIcon(session, mode);
         prefixRuns.push({
@@ -2287,8 +2299,14 @@ export function selectChatLines(state, maxWidth = 80, options = {}) {
     };
     const lines = [];
     for (const [index, message] of messages.entries()) {
-        const messageLines = buildChatMessageLines(message, maxWidth, buildOptions);
-        appendChatBlockLines(lines, messageLines);
+        if (message?.kind === "epoch-divider") {
+            lines.push(buildEpochDividerLine(message, maxWidth));
+        } else if (message?.kind === "regen-refused") {
+            lines.push(buildRegenRefusedLine(message, maxWidth));
+        } else {
+            const messageLines = buildChatMessageLines(message, maxWidth, buildOptions);
+            appendChatBlockLines(lines, messageLines);
+        }
         const nextMessage = messages[index + 1];
         if (
             nextMessage
@@ -2301,6 +2319,55 @@ export function selectChatLines(state, maxWidth = 80, options = {}) {
     return lines.length > 0 ? lines : [{ text: "No messages yet.", color: "gray" }];
 }
 
+// A centered inline rule ("──── label ────") for transcript markers. The dash
+// runs are CAPPED (not stretched to maxWidth): the web portal wraps by pixel
+// width, and a maxWidth-long "─" run overflows a narrower pane and wraps the
+// rule mid-label. A short symmetric rule reads as a divider on every width, and
+// when the label alone will not fit it is rendered bare (wraps as plain text,
+// never as dangling dash fragments).
+function buildRuleLine(label, color, maxWidth) {
+    const safeWidth = Math.max(24, Number(maxWidth) || 80);
+    const room = safeWidth - label.length;
+    if (room < 2) return [{ text: label.trim(), color, bold: true }];
+    const perSide = Math.min(6, Math.floor(room / 2));
+    if (perSide < 1) return [{ text: label.trim(), color, bold: true }];
+    return [
+        { text: "─".repeat(perSide), color },
+        { text: label, color, bold: true },
+        { text: "─".repeat(perSide), color },
+    ];
+}
+
+// The inline transcript divider for a session-regeneration epoch flip — magenta,
+// with the new epoch and the count of archived turns (proposal M2).
+function buildEpochDividerLine(message, maxWidth) {
+    const turns = Number.isFinite(message?.turnsArchived) ? message.turnsArchived : null;
+    const label = ` ↻ context regenerated · epoch ${message?.epoch ?? "?"}`
+        + `${turns != null ? ` · ${turns} turn${turns === 1 ? "" : "s"} archived` : ""} `;
+    return buildRuleLine(label, "magenta", maxWidth);
+}
+
+// Friendly (compact) text for the orchestration's regenerate_refused reasons
+// (lifecycle.ts). Kept short so the inline rule fits on one line.
+const REGEN_REFUSED_REASONS = {
+    cooldown: "on cooldown (once per 6h)",
+    too_young: "too soon (needs 5+ turns)",
+    already_pending: "already in progress",
+    is_system: "not allowed for system sessions",
+    not_owner: "owner only",
+    not_parent: "parent only",
+};
+
+// The inline notice for a refused regeneration. Yellow (vs the magenta success
+// divider) so a no-op attempt reads as a warning, correcting the tool's
+// optimistic "regeneration accepted" acknowledgement.
+function buildRegenRefusedLine(message, maxWidth) {
+    const reason = String(message?.reason || "unknown");
+    const text = REGEN_REFUSED_REASONS[reason] || reason.replace(/_/g, " ");
+    const label = ` ↻ regeneration refused · ${text} `;
+    return buildRuleLine(label, "yellow", maxWidth);
+}
+
 export function selectOutboxOverlayLines(state, maxWidth = 80, options = {}) {
     const messages = selectActiveOutboxMessages(state);
     if (!messages || messages.length === 0) return [];
@@ -3997,7 +4064,7 @@ function buildNodeMapCell(session, brandingTitle, width, active) {
             ? canonicalSystemTitle(session, brandingTitle)
             : (session?.title || shortSessionId(session?.sessionId)))
         : shortSessionId(session?.sessionId);
-    const prefix = session?.isSystem ? "⚙ " : `${sessionStatusIcon(session) || "."} `;
+    const prefix = session?.isSystem ? "⚙ " : session?.serviceKind ? "⚗ " : `${sessionStatusIcon(session) || "."} `;
     const text = padDisplayText(`${prefix}${label}`, width);
 
     if (active) {
@@ -5156,10 +5223,28 @@ function buildSessionStatsLines(state, session, maxWidth) {
     }));
     lines.push(plainInspectorLine(""));
 
-    // Persistence card
+    // Persistence card. Epoch (session-regeneration incarnation) is always
+    // shown — 0 for a session that has never regenerated — so the current
+    // epoch is visible at a glance; regen counters appear once it has.
+    const regenCount = Number(summary.regenCount) || 0;
+    const lastRegen = summary.lastRegenStats && typeof summary.lastRegenStats === "object" ? summary.lastRegenStats : null;
+    const currentEpoch = Number.isFinite(lastRegen?.toEpoch) ? lastRegen.toEpoch : regenCount;
+    // Distillation provenance: "fast" = deterministic package; otherwise the
+    // distiller model label (strip the provider: prefix for width).
+    const distillLabel = lastRegen
+        ? (lastRegen.distillMode === "deterministic" || (!lastRegen.distillMode && !lastRegen.distillerModel)
+            ? "fast"
+            : String(lastRegen.distillerModel || "llm").replace(/^[^:]*:/, ""))
+        : null;
+    const lastRegenLabel = lastRegen
+        ? `${lastRegen.turnsArchived ?? 0} turn${lastRegen.turnsArchived === 1 ? "" : "s"} · ${(Number(lastRegen.totalMs) / 1000).toFixed(1)}s${distillLabel ? ` · ${distillLabel}` : ""}`
+        : null;
     lines.push(...buildMessageCardLines({
         title: "Persistence",
         body: formatKeyValueTable([
+            ["Epoch",           String(currentEpoch)],
+            ["Regens",          regenCount > 0 ? String(regenCount) : null],
+            ["Last Regen",      lastRegenLabel],
             ["Snapshot",        formatCompactBytes(summary.snapshotSizeBytes)],
             ["Uncompressed",    summary.rawSizeBytes ? formatCompactBytes(summary.rawSizeBytes) : null],
             ["Compression",     formatCompressionRatio(summary.rawSizeBytes, summary.snapshotSizeBytes)],

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;