@volter-ai-dev/supercode-ui 0.1.49 → 0.1.51

package/components.mjs

@@ -2640,7 +2640,7 @@ function Receipt({ state, adapter }) {
   ] });
   return null;
 }
-function ConversationActions({ state, adapter, actionPending, onSettings }) {
+function ConversationActions({ state, adapter, actionPending, onNew, onSettings }) {
   const [open, setOpen] = useState6(false);
   const root = useRef7(null);
   const panel = useRef7(null);
@@ -2651,6 +2651,7 @@ function ConversationActions({ state, adapter, actionPending, onSettings }) {
     {
       label: "Session",
       items: [
+        { key: "new", label: "New chat", onSelect: onNew },
         state.canDetach ? { key: "detach", label: "Detach to read-only", intent: { action: "detach" } } : null,
         state.canOpenTerminal ? { key: "terminal", label: "Prepare terminal handoff", intent: { action: "terminal" } } : null,
         state.canExport && state.exportBackTarget ? { key: "export", label: `Export back to ${harnessDisplayName(state.exportBackTarget)}`, intent: { action: "export", targetHarness: state.exportBackTarget } } : null,
@@ -2721,7 +2722,6 @@ function ChatHeader({ state, adapter, pendingStatus, actionPending, onBack, onNe
   const harness = state.attached?.harness ?? state.harness;
   const title = state.attached ? sessionDisplayName(state.attached) : harnessDisplayName(harness) || "Agent chat";
   const status = state.needsInput ? "Needs input" : pendingStatus === "failed" ? "Send failed" : state.busy ? "Working" : pendingStatus === "sending" ? "Sending" : pendingStatus === "editing" ? "Editing message" : state.messaging === "live_peer" ? "Live" : state.mode === "mirror" ? "Read-only" : "Ready";
-  const menu = state.canDetach || state.canOpenTerminal || state.canBranch || state.canAttach || state.canExport || state.canReduce || state.interopSettings || state.interopSettingsError;
   useEffect8(() => {
     if (state.mode === "mirror" && !state.canSend) back.current?.focus({ preventScroll: true });
   }, []);
@@ -2737,8 +2737,7 @@ function ChatHeader({ state, adapter, pendingStatus, actionPending, onBack, onNe
       ] })
     ] }),
     HeaderActions ? /* @__PURE__ */ jsx10(HeaderActions, { state, adapter, value: "chat" }) : null,
-    menu ? /* @__PURE__ */ jsx10(ConversationActions, { state, adapter, actionPending, onSettings }) : null,
-    /* @__PURE__ */ jsx10("button", { type: "button", "aria-label": "New chat", onClick: onNew, children: /* @__PURE__ */ jsx10(UiIcon, { name: "plus", size: 18 }) }),
+    /* @__PURE__ */ jsx10(ConversationActions, { state, adapter, actionPending, onNew, onSettings }),
     onClose ? /* @__PURE__ */ jsx10("button", { type: "button", "aria-label": "Close", onClick: onClose, children: /* @__PURE__ */ jsx10(UiIcon, { name: "close", size: 18 }) }) : null
   ] });
 }

package/controller.mjs

@@ -440,6 +440,21 @@ function projectClientSnapshotInternal(snapshot, options, imageRegistry) {
   // back preserves compatibility; current clients keep stable UI capability
   // copy while an action temporarily makes every executable action false.
   const eligibility = snapshot.actionEligibility ?? actions;
+  const activeHarnessActions = (snapshot.harnesses ?? []).find(
+    (harness) => harness.id === snapshot.activeHarness,
+  )?.availableActions;
+  const hasActiveHarnessActions = activeHarnessActions && typeof activeHarnessActions === 'object';
+  const hasActiveSession = snapshot.activeSessionKey !== null && snapshot.activeSessionKey !== undefined;
+  const mirrorsActiveSession = snapshot.connection?.mode === 'mirror' && hasActiveSession;
+  // Continuation support belongs to the selected harness/session pair. Live
+  // presence and controller operations affect executable-now actions, but
+  // must not make the primary UI alternate between resume and branch.
+  const supportsResume = hasActiveHarnessActions
+    ? mirrorsActiveSession && activeHarnessActions.resume === true
+    : eligibility.resume === true;
+  const supportsBranch = hasActiveHarnessActions
+    ? hasActiveSession && activeHarnessActions.start === true
+    : eligibility.branch === true;
   const maxSessions = positiveInteger(options.maxSessions, DEFAULT_MAX_SESSIONS);
   const liveWindowMs = positiveInteger(options.liveWindowMs, DEFAULT_LIVE_WINDOW_MS);
   const snapshotSessions = (snapshot.sessions ?? []).slice(0, maxSessions).map((session) => ({
@@ -479,10 +494,10 @@ function projectClientSnapshotInternal(snapshot, options, imageRegistry) {
     canSend: actions.send === true,
     canSteer: actions.steer === true,
     canResume: actions.resume === true,
-    supportsResume: eligibility.resume === true,
-    continuationModes: options.continuationModes ?? (eligibility.resume === true ? ['headless'] : []),
+    supportsResume,
+    continuationModes: options.continuationModes ?? (supportsResume ? ['headless'] : []),
     canBranch: actions.branch === true,
-    supportsBranch: eligibility.branch === true,
+    supportsBranch,
     canAttach: actions.attach === true,
     supportsAttach: eligibility.attach === true,
     canDetach: actions.detach === true,

package/embed.mjs

@@ -2557,7 +2557,7 @@ function Receipt({ state, adapter }) {
   ] });
   return null;
 }
-function ConversationActions({ state, adapter, actionPending, onSettings }) {
+function ConversationActions({ state, adapter, actionPending, onNew, onSettings }) {
   const [open, setOpen] = useState6(false);
   const root = useRef7(null);
   const panel = useRef7(null);
@@ -2568,6 +2568,7 @@ function ConversationActions({ state, adapter, actionPending, onSettings }) {
     {
       label: "Session",
       items: [
+        { key: "new", label: "New chat", onSelect: onNew },
         state.canDetach ? { key: "detach", label: "Detach to read-only", intent: { action: "detach" } } : null,
         state.canOpenTerminal ? { key: "terminal", label: "Prepare terminal handoff", intent: { action: "terminal" } } : null,
         state.canExport && state.exportBackTarget ? { key: "export", label: `Export back to ${harnessDisplayName(state.exportBackTarget)}`, intent: { action: "export", targetHarness: state.exportBackTarget } } : null,
@@ -2638,7 +2639,6 @@ function ChatHeader({ state, adapter, pendingStatus, actionPending, onBack, onNe
   const harness = state.attached?.harness ?? state.harness;
   const title = state.attached ? sessionDisplayName(state.attached) : harnessDisplayName(harness) || "Agent chat";
   const status = state.needsInput ? "Needs input" : pendingStatus === "failed" ? "Send failed" : state.busy ? "Working" : pendingStatus === "sending" ? "Sending" : pendingStatus === "editing" ? "Editing message" : state.messaging === "live_peer" ? "Live" : state.mode === "mirror" ? "Read-only" : "Ready";
-  const menu = state.canDetach || state.canOpenTerminal || state.canBranch || state.canAttach || state.canExport || state.canReduce || state.interopSettings || state.interopSettingsError;
   useEffect8(() => {
     if (state.mode === "mirror" && !state.canSend) back.current?.focus({ preventScroll: true });
   }, []);
@@ -2654,8 +2654,7 @@ function ChatHeader({ state, adapter, pendingStatus, actionPending, onBack, onNe
       ] })
     ] }),
     HeaderActions ? /* @__PURE__ */ jsx9(HeaderActions, { state, adapter, value: "chat" }) : null,
-    menu ? /* @__PURE__ */ jsx9(ConversationActions, { state, adapter, actionPending, onSettings }) : null,
-    /* @__PURE__ */ jsx9("button", { type: "button", "aria-label": "New chat", onClick: onNew, children: /* @__PURE__ */ jsx9(UiIcon, { name: "plus", size: 18 }) }),
+    /* @__PURE__ */ jsx9(ConversationActions, { state, adapter, actionPending, onNew, onSettings }),
     onClose ? /* @__PURE__ */ jsx9("button", { type: "button", "aria-label": "Close", onClick: onClose, children: /* @__PURE__ */ jsx9(UiIcon, { name: "close", size: 18 }) }) : null
   ] });
 }

package/messenger.mjs

@@ -2554,7 +2554,7 @@ function Receipt({ state, adapter }) {
   ] });
   return null;
 }
-function ConversationActions({ state, adapter, actionPending, onSettings }) {
+function ConversationActions({ state, adapter, actionPending, onNew, onSettings }) {
   const [open, setOpen] = useState6(false);
   const root = useRef7(null);
   const panel = useRef7(null);
@@ -2565,6 +2565,7 @@ function ConversationActions({ state, adapter, actionPending, onSettings }) {
     {
       label: "Session",
       items: [
+        { key: "new", label: "New chat", onSelect: onNew },
         state.canDetach ? { key: "detach", label: "Detach to read-only", intent: { action: "detach" } } : null,
         state.canOpenTerminal ? { key: "terminal", label: "Prepare terminal handoff", intent: { action: "terminal" } } : null,
         state.canExport && state.exportBackTarget ? { key: "export", label: `Export back to ${harnessDisplayName(state.exportBackTarget)}`, intent: { action: "export", targetHarness: state.exportBackTarget } } : null,
@@ -2635,7 +2636,6 @@ function ChatHeader({ state, adapter, pendingStatus, actionPending, onBack, onNe
   const harness = state.attached?.harness ?? state.harness;
   const title = state.attached ? sessionDisplayName(state.attached) : harnessDisplayName(harness) || "Agent chat";
   const status = state.needsInput ? "Needs input" : pendingStatus === "failed" ? "Send failed" : state.busy ? "Working" : pendingStatus === "sending" ? "Sending" : pendingStatus === "editing" ? "Editing message" : state.messaging === "live_peer" ? "Live" : state.mode === "mirror" ? "Read-only" : "Ready";
-  const menu = state.canDetach || state.canOpenTerminal || state.canBranch || state.canAttach || state.canExport || state.canReduce || state.interopSettings || state.interopSettingsError;
   useEffect8(() => {
     if (state.mode === "mirror" && !state.canSend) back.current?.focus({ preventScroll: true });
   }, []);
@@ -2651,8 +2651,7 @@ function ChatHeader({ state, adapter, pendingStatus, actionPending, onBack, onNe
       ] })
     ] }),
     HeaderActions ? /* @__PURE__ */ jsx9(HeaderActions, { state, adapter, value: "chat" }) : null,
-    menu ? /* @__PURE__ */ jsx9(ConversationActions, { state, adapter, actionPending, onSettings }) : null,
-    /* @__PURE__ */ jsx9("button", { type: "button", "aria-label": "New chat", onClick: onNew, children: /* @__PURE__ */ jsx9(UiIcon, { name: "plus", size: 18 }) }),
+    /* @__PURE__ */ jsx9(ConversationActions, { state, adapter, actionPending, onNew, onSettings }),
     onClose ? /* @__PURE__ */ jsx9("button", { type: "button", "aria-label": "Close", onClick: onClose, children: /* @__PURE__ */ jsx9(UiIcon, { name: "close", size: 18 }) }) : null
   ] });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@volter-ai-dev/supercode-ui",
-  "version": "0.1.49",
+  "version": "0.1.51",
   "type": "module",
   "description": "Composable default UI kit for Supercode-powered coding-agent experiences",
   "exports": {

package/react/components.mjs

@@ -2640,7 +2640,7 @@ function Receipt({ state, adapter }) {
   ] });
   return null;
 }
-function ConversationActions({ state, adapter, actionPending, onSettings }) {
+function ConversationActions({ state, adapter, actionPending, onNew, onSettings }) {
   const [open, setOpen] = useState6(false);
   const root = useRef7(null);
   const panel = useRef7(null);
@@ -2651,6 +2651,7 @@ function ConversationActions({ state, adapter, actionPending, onSettings }) {
     {
       label: "Session",
       items: [
+        { key: "new", label: "New chat", onSelect: onNew },
         state.canDetach ? { key: "detach", label: "Detach to read-only", intent: { action: "detach" } } : null,
         state.canOpenTerminal ? { key: "terminal", label: "Prepare terminal handoff", intent: { action: "terminal" } } : null,
         state.canExport && state.exportBackTarget ? { key: "export", label: `Export back to ${harnessDisplayName(state.exportBackTarget)}`, intent: { action: "export", targetHarness: state.exportBackTarget } } : null,
@@ -2721,7 +2722,6 @@ function ChatHeader({ state, adapter, pendingStatus, actionPending, onBack, onNe
   const harness = state.attached?.harness ?? state.harness;
   const title = state.attached ? sessionDisplayName(state.attached) : harnessDisplayName(harness) || "Agent chat";
   const status = state.needsInput ? "Needs input" : pendingStatus === "failed" ? "Send failed" : state.busy ? "Working" : pendingStatus === "sending" ? "Sending" : pendingStatus === "editing" ? "Editing message" : state.messaging === "live_peer" ? "Live" : state.mode === "mirror" ? "Read-only" : "Ready";
-  const menu = state.canDetach || state.canOpenTerminal || state.canBranch || state.canAttach || state.canExport || state.canReduce || state.interopSettings || state.interopSettingsError;
   useEffect8(() => {
     if (state.mode === "mirror" && !state.canSend) back.current?.focus({ preventScroll: true });
   }, []);
@@ -2737,8 +2737,7 @@ function ChatHeader({ state, adapter, pendingStatus, actionPending, onBack, onNe
       ] })
     ] }),
     HeaderActions ? /* @__PURE__ */ jsx10(HeaderActions, { state, adapter, value: "chat" }) : null,
-    menu ? /* @__PURE__ */ jsx10(ConversationActions, { state, adapter, actionPending, onSettings }) : null,
-    /* @__PURE__ */ jsx10("button", { type: "button", "aria-label": "New chat", onClick: onNew, children: /* @__PURE__ */ jsx10(UiIcon, { name: "plus", size: 18 }) }),
+    /* @__PURE__ */ jsx10(ConversationActions, { state, adapter, actionPending, onNew, onSettings }),
     onClose ? /* @__PURE__ */ jsx10("button", { type: "button", "aria-label": "Close", onClick: onClose, children: /* @__PURE__ */ jsx10(UiIcon, { name: "close", size: 18 }) }) : null
   ] });
 }

package/react/messenger.mjs

@@ -2554,7 +2554,7 @@ function Receipt({ state, adapter }) {
   ] });
   return null;
 }
-function ConversationActions({ state, adapter, actionPending, onSettings }) {
+function ConversationActions({ state, adapter, actionPending, onNew, onSettings }) {
   const [open, setOpen] = useState6(false);
   const root = useRef7(null);
   const panel = useRef7(null);
@@ -2565,6 +2565,7 @@ function ConversationActions({ state, adapter, actionPending, onSettings }) {
     {
       label: "Session",
       items: [
+        { key: "new", label: "New chat", onSelect: onNew },
         state.canDetach ? { key: "detach", label: "Detach to read-only", intent: { action: "detach" } } : null,
         state.canOpenTerminal ? { key: "terminal", label: "Prepare terminal handoff", intent: { action: "terminal" } } : null,
         state.canExport && state.exportBackTarget ? { key: "export", label: `Export back to ${harnessDisplayName(state.exportBackTarget)}`, intent: { action: "export", targetHarness: state.exportBackTarget } } : null,
@@ -2635,7 +2636,6 @@ function ChatHeader({ state, adapter, pendingStatus, actionPending, onBack, onNe
   const harness = state.attached?.harness ?? state.harness;
   const title = state.attached ? sessionDisplayName(state.attached) : harnessDisplayName(harness) || "Agent chat";
   const status = state.needsInput ? "Needs input" : pendingStatus === "failed" ? "Send failed" : state.busy ? "Working" : pendingStatus === "sending" ? "Sending" : pendingStatus === "editing" ? "Editing message" : state.messaging === "live_peer" ? "Live" : state.mode === "mirror" ? "Read-only" : "Ready";
-  const menu = state.canDetach || state.canOpenTerminal || state.canBranch || state.canAttach || state.canExport || state.canReduce || state.interopSettings || state.interopSettingsError;
   useEffect8(() => {
     if (state.mode === "mirror" && !state.canSend) back.current?.focus({ preventScroll: true });
   }, []);
@@ -2651,8 +2651,7 @@ function ChatHeader({ state, adapter, pendingStatus, actionPending, onBack, onNe
       ] })
     ] }),
     HeaderActions ? /* @__PURE__ */ jsx9(HeaderActions, { state, adapter, value: "chat" }) : null,
-    menu ? /* @__PURE__ */ jsx9(ConversationActions, { state, adapter, actionPending, onSettings }) : null,
-    /* @__PURE__ */ jsx9("button", { type: "button", "aria-label": "New chat", onClick: onNew, children: /* @__PURE__ */ jsx9(UiIcon, { name: "plus", size: 18 }) }),
+    /* @__PURE__ */ jsx9(ConversationActions, { state, adapter, actionPending, onNew, onSettings }),
     onClose ? /* @__PURE__ */ jsx9("button", { type: "button", "aria-label": "Close", onClick: onClose, children: /* @__PURE__ */ jsx9(UiIcon, { name: "close", size: 18 }) }) : null
   ] });
 }