@volter-ai-dev/supercode-ui 0.1.60 → 0.1.62

package/README.md

@@ -159,7 +159,11 @@ join, branch, reduction, or export so a host can explain ownership and destinati
 
 Harness inventory also retains normalized auth, runtime, protocol, repair, and action-capability
 evidence. The new-chat view renders unavailable harnesses in a compact `HarnessReadiness` section;
-hosts can replace that component while continuing to consume the same readiness contract.
+hosts can replace that component while continuing to consume the same readiness contract. For an
+installed Claude Code or Codex that needs authentication, the default component emits the single
+`authenticateHarness` intent. A trusted host handles it through `onAuthenticateHarness`, launches
+the plan returned by the harness SDK in a visible terminal, and refreshes inventory after native
+verification. The browser-only UI never spawns a local process or handles credentials itself.
 
 When a controlled runtime truthfully advertises native steering, the composer sends a plain-text
 message into the active turn and keeps a separate secondary action for queueing a follow-up. With

package/components.mjs

@@ -2662,7 +2662,7 @@ function HarnessReadiness({ harnesses, adapter }) {
           item.runtime
         ] }) : null
       ] }),
-      item.repair ? /* @__PURE__ */ jsx10("button", { type: "button", onClick: () => adapter.copyText?.(item.repair), children: "Copy fix" }) : null
+      item.installed && ["claude-code", "codex"].includes(item.id) && !["ready", "configured"].includes(item.auth) ? /* @__PURE__ */ jsx10("button", { type: "button", onClick: () => adapter.onIntent({ action: "authenticateHarness", harness: item.id }), children: "Sign in" }) : item.repair ? /* @__PURE__ */ jsx10("button", { type: "button", onClick: () => adapter.copyText?.(item.repair), children: "Copy fix" }) : null
     ] }, item.id)) })
   ] });
 }
@@ -2733,7 +2733,7 @@ function HarnessPicker({ harnesses, value, disabled = false, adapter, onChange,
             /* @__PURE__ */ jsx10("strong", { children: item.label }),
             /* @__PURE__ */ jsx10("small", { children: item.reason || (item.auth === "required" ? "Authentication required" : "Unavailable") })
           ] }),
-          item.repair ? /* @__PURE__ */ jsx10("button", { type: "button", onClick: () => adapter?.copyText?.(item.repair), children: "Copy fix" }) : null
+          item.installed && ["claude-code", "codex"].includes(item.id) && !["ready", "configured"].includes(item.auth) ? /* @__PURE__ */ jsx10("button", { type: "button", onClick: () => adapter?.onIntent({ action: "authenticateHarness", harness: item.id }), children: "Sign in" }) : item.repair ? /* @__PURE__ */ jsx10("button", { type: "button", onClick: () => adapter?.copyText?.(item.repair), children: "Copy fix" }) : null
         ] }, item.id)) })
       ] }) : null
     ] }) : null

package/controller.d.ts

@@ -37,6 +37,8 @@ export interface ClientProjectionOptions {
   /** Host bootstrap phase before the controller itself is ready. */
   startup?: StartupPhase;
   attention?: SessionAttention[];
+  /** Host-loaded child inventory/detail. Kept on demand and outside the controller's root list. */
+  subagentInspector?: SupercodeUiState['subagentInspector'];
   savedDraft?: string;
   history?: Partial<SupercodeUiState['history']>;
   exportBackTarget?: SessionFormat | null;
@@ -126,6 +128,8 @@ export interface ControllerBindingOptions {
   onCloseSubagents?: () => void | Promise<void>;
   onStartTerminal?: (intent: Extract<SupercodeUiIntent, { action: 'new' }>) => void | Promise<void>;
   onResumeTerminal?: (intent: Extract<SupercodeUiIntent, { action: 'resume' }>) => void | Promise<void>;
+  /** Launch the native harness-owned sign-in flow. The host owns the process and terminal. */
+  onAuthenticateHarness?: (intent: Extract<SupercodeUiIntent, { action: 'authenticateHarness' }>) => void | Promise<void>;
   copyText?: UiAdapter['copyText'];
   resolveImage?: UiAdapter['resolveImage'];
   confirmIntent?: UiAdapter['confirmIntent'];

package/controller.mjs

@@ -609,6 +609,7 @@ function projectClientSnapshotInternal(snapshot, options, imageRegistry) {
     savedDraft: options.savedDraft ?? '',
     attention: options.attention ?? [],
     sessions,
+    subagentInspector: options.subagentInspector ?? null,
     attached: active,
     owned,
     attachError: options.attachError ?? null,
@@ -668,6 +669,11 @@ export async function dispatchControllerIntent(controller, intent, options = {})
   if (intent.action === 'terminal') return controller.dispatch({ type: 'openTerminal' });
   if (intent.action === 'interrupt') return controller.dispatch({ type: 'interrupt' });
   if (intent.action === 'respond') return controller.dispatch({ type: 'respond', requestId: intent.requestId, optionId: intent.optionId });
+  if (intent.action === 'authenticateHarness') {
+    return options.onAuthenticateHarness
+      ? options.onAuthenticateHarness(intent)
+      : options.onUnsupported?.(intent);
+  }
   if (intent.action === 'configureHarness') return controller.dispatch({
     type: 'configureHarness',
     harness: intent.harness,

package/core.mjs

@@ -1165,6 +1165,11 @@ export function parseSupercodeUiIntent(value) {
       ? { action: 'respond', requestId: intent.requestId, optionId: intent.optionId }
       : null;
   }
+  if (intent.action === 'authenticateHarness') {
+    return exact('harness') && typeof intent.harness === 'string' && intent.harness.trim() && intent.harness.length <= 100
+      ? { action: 'authenticateHarness', harness: intent.harness.trim() }
+      : null;
+  }
   if (intent.action === 'configureHarness') {
     if (!exact('harness', 'changes', 'expectedRevision')) return null;
     if (typeof intent.harness !== 'string' || !intent.harness || intent.harness.length > 100) return null;

package/embed.mjs

@@ -2579,7 +2579,7 @@ function HarnessReadiness({ harnesses, adapter }) {
           item.runtime
         ] }) : null
       ] }),
-      item.repair ? /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => adapter.copyText?.(item.repair), children: "Copy fix" }) : null
+      item.installed && ["claude-code", "codex"].includes(item.id) && !["ready", "configured"].includes(item.auth) ? /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => adapter.onIntent({ action: "authenticateHarness", harness: item.id }), children: "Sign in" }) : item.repair ? /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => adapter.copyText?.(item.repair), children: "Copy fix" }) : null
     ] }, item.id)) })
   ] });
 }
@@ -2650,7 +2650,7 @@ function HarnessPicker({ harnesses, value, disabled = false, adapter, onChange,
             /* @__PURE__ */ jsx9("strong", { children: item.label }),
             /* @__PURE__ */ jsx9("small", { children: item.reason || (item.auth === "required" ? "Authentication required" : "Unavailable") })
           ] }),
-          item.repair ? /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => adapter?.copyText?.(item.repair), children: "Copy fix" }) : null
+          item.installed && ["claude-code", "codex"].includes(item.id) && !["ready", "configured"].includes(item.auth) ? /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => adapter?.onIntent({ action: "authenticateHarness", harness: item.id }), children: "Sign in" }) : item.repair ? /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => adapter?.copyText?.(item.repair), children: "Copy fix" }) : null
         ] }, item.id)) })
       ] }) : null
     ] }) : null

package/index.d.ts

@@ -355,6 +355,7 @@ export type SupercodeUiIntent =
   | { action: 'export'; targetHarness: HarnessId }
   | { action: 'interrupt' }
   | { action: 'respond'; requestId: unknown; optionId: string | null }
+  | { action: 'authenticateHarness'; harness: HarnessId }
   | { action: 'configureHarness'; harness: HarnessId; changes: HarnessSettingChangeModel[]; expectedRevision: string }
   | { action: 'refresh' }
   | { action: 'release' };
@@ -469,7 +470,7 @@ export interface HarnessPickerProps {
   harnesses: HarnessOption[];
   value: HarnessId;
   disabled?: boolean;
-  adapter?: Pick<UiAdapter, 'copyText'>;
+  adapter?: Pick<UiAdapter, 'copyText' | 'onIntent'>;
   onChange(harness: HarnessId): void;
   logo?: ComponentType<{ id: HarnessId; activity?: SessionActivity; size?: number }>;
 }

package/messenger.mjs

@@ -2576,7 +2576,7 @@ function HarnessReadiness({ harnesses, adapter }) {
           item.runtime
         ] }) : null
       ] }),
-      item.repair ? /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => adapter.copyText?.(item.repair), children: "Copy fix" }) : null
+      item.installed && ["claude-code", "codex"].includes(item.id) && !["ready", "configured"].includes(item.auth) ? /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => adapter.onIntent({ action: "authenticateHarness", harness: item.id }), children: "Sign in" }) : item.repair ? /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => adapter.copyText?.(item.repair), children: "Copy fix" }) : null
     ] }, item.id)) })
   ] });
 }
@@ -2647,7 +2647,7 @@ function HarnessPicker({ harnesses, value, disabled = false, adapter, onChange,
             /* @__PURE__ */ jsx9("strong", { children: item.label }),
             /* @__PURE__ */ jsx9("small", { children: item.reason || (item.auth === "required" ? "Authentication required" : "Unavailable") })
           ] }),
-          item.repair ? /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => adapter?.copyText?.(item.repair), children: "Copy fix" }) : null
+          item.installed && ["claude-code", "codex"].includes(item.id) && !["ready", "configured"].includes(item.auth) ? /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => adapter?.onIntent({ action: "authenticateHarness", harness: item.id }), children: "Sign in" }) : item.repair ? /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => adapter?.copyText?.(item.repair), children: "Copy fix" }) : null
         ] }, item.id)) })
       ] }) : null
     ] }) : null

package/package.json

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

package/react/components.mjs

@@ -2662,7 +2662,7 @@ function HarnessReadiness({ harnesses, adapter }) {
           item.runtime
         ] }) : null
       ] }),
-      item.repair ? /* @__PURE__ */ jsx10("button", { type: "button", onClick: () => adapter.copyText?.(item.repair), children: "Copy fix" }) : null
+      item.installed && ["claude-code", "codex"].includes(item.id) && !["ready", "configured"].includes(item.auth) ? /* @__PURE__ */ jsx10("button", { type: "button", onClick: () => adapter.onIntent({ action: "authenticateHarness", harness: item.id }), children: "Sign in" }) : item.repair ? /* @__PURE__ */ jsx10("button", { type: "button", onClick: () => adapter.copyText?.(item.repair), children: "Copy fix" }) : null
     ] }, item.id)) })
   ] });
 }
@@ -2733,7 +2733,7 @@ function HarnessPicker({ harnesses, value, disabled = false, adapter, onChange,
             /* @__PURE__ */ jsx10("strong", { children: item.label }),
             /* @__PURE__ */ jsx10("small", { children: item.reason || (item.auth === "required" ? "Authentication required" : "Unavailable") })
           ] }),
-          item.repair ? /* @__PURE__ */ jsx10("button", { type: "button", onClick: () => adapter?.copyText?.(item.repair), children: "Copy fix" }) : null
+          item.installed && ["claude-code", "codex"].includes(item.id) && !["ready", "configured"].includes(item.auth) ? /* @__PURE__ */ jsx10("button", { type: "button", onClick: () => adapter?.onIntent({ action: "authenticateHarness", harness: item.id }), children: "Sign in" }) : item.repair ? /* @__PURE__ */ jsx10("button", { type: "button", onClick: () => adapter?.copyText?.(item.repair), children: "Copy fix" }) : null
         ] }, item.id)) })
       ] }) : null
     ] }) : null

package/react/messenger.mjs

@@ -2576,7 +2576,7 @@ function HarnessReadiness({ harnesses, adapter }) {
           item.runtime
         ] }) : null
       ] }),
-      item.repair ? /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => adapter.copyText?.(item.repair), children: "Copy fix" }) : null
+      item.installed && ["claude-code", "codex"].includes(item.id) && !["ready", "configured"].includes(item.auth) ? /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => adapter.onIntent({ action: "authenticateHarness", harness: item.id }), children: "Sign in" }) : item.repair ? /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => adapter.copyText?.(item.repair), children: "Copy fix" }) : null
     ] }, item.id)) })
   ] });
 }
@@ -2647,7 +2647,7 @@ function HarnessPicker({ harnesses, value, disabled = false, adapter, onChange,
             /* @__PURE__ */ jsx9("strong", { children: item.label }),
             /* @__PURE__ */ jsx9("small", { children: item.reason || (item.auth === "required" ? "Authentication required" : "Unavailable") })
           ] }),
-          item.repair ? /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => adapter?.copyText?.(item.repair), children: "Copy fix" }) : null
+          item.installed && ["claude-code", "codex"].includes(item.id) && !["ready", "configured"].includes(item.auth) ? /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => adapter?.onIntent({ action: "authenticateHarness", harness: item.id }), children: "Sign in" }) : item.repair ? /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => adapter?.copyText?.(item.repair), children: "Copy fix" }) : null
         ] }, item.id)) })
       ] }) : null
     ] }) : null

package/react/settings.mjs

@@ -318,7 +318,7 @@ function HarnessReadiness({ harnesses, adapter }) {
           item.runtime
         ] }) : null
       ] }),
-      item.repair ? /* @__PURE__ */ jsx3("button", { type: "button", onClick: () => adapter.copyText?.(item.repair), children: "Copy fix" }) : null
+      item.installed && ["claude-code", "codex"].includes(item.id) && !["ready", "configured"].includes(item.auth) ? /* @__PURE__ */ jsx3("button", { type: "button", onClick: () => adapter.onIntent({ action: "authenticateHarness", harness: item.id }), children: "Sign in" }) : item.repair ? /* @__PURE__ */ jsx3("button", { type: "button", onClick: () => adapter.copyText?.(item.repair), children: "Copy fix" }) : null
     ] }, item.id)) })
   ] });
 }
@@ -389,7 +389,7 @@ function HarnessPicker({ harnesses, value, disabled = false, adapter, onChange,
             /* @__PURE__ */ jsx3("strong", { children: item.label }),
             /* @__PURE__ */ jsx3("small", { children: item.reason || (item.auth === "required" ? "Authentication required" : "Unavailable") })
           ] }),
-          item.repair ? /* @__PURE__ */ jsx3("button", { type: "button", onClick: () => adapter?.copyText?.(item.repair), children: "Copy fix" }) : null
+          item.installed && ["claude-code", "codex"].includes(item.id) && !["ready", "configured"].includes(item.auth) ? /* @__PURE__ */ jsx3("button", { type: "button", onClick: () => adapter?.onIntent({ action: "authenticateHarness", harness: item.id }), children: "Sign in" }) : item.repair ? /* @__PURE__ */ jsx3("button", { type: "button", onClick: () => adapter?.copyText?.(item.repair), children: "Copy fix" }) : null
         ] }, item.id)) })
       ] }) : null
     ] }) : null

package/settings.mjs

@@ -318,7 +318,7 @@ function HarnessReadiness({ harnesses, adapter }) {
           item.runtime
         ] }) : null
       ] }),
-      item.repair ? /* @__PURE__ */ jsx3("button", { type: "button", onClick: () => adapter.copyText?.(item.repair), children: "Copy fix" }) : null
+      item.installed && ["claude-code", "codex"].includes(item.id) && !["ready", "configured"].includes(item.auth) ? /* @__PURE__ */ jsx3("button", { type: "button", onClick: () => adapter.onIntent({ action: "authenticateHarness", harness: item.id }), children: "Sign in" }) : item.repair ? /* @__PURE__ */ jsx3("button", { type: "button", onClick: () => adapter.copyText?.(item.repair), children: "Copy fix" }) : null
     ] }, item.id)) })
   ] });
 }
@@ -389,7 +389,7 @@ function HarnessPicker({ harnesses, value, disabled = false, adapter, onChange,
             /* @__PURE__ */ jsx3("strong", { children: item.label }),
             /* @__PURE__ */ jsx3("small", { children: item.reason || (item.auth === "required" ? "Authentication required" : "Unavailable") })
           ] }),
-          item.repair ? /* @__PURE__ */ jsx3("button", { type: "button", onClick: () => adapter?.copyText?.(item.repair), children: "Copy fix" }) : null
+          item.installed && ["claude-code", "codex"].includes(item.id) && !["ready", "configured"].includes(item.auth) ? /* @__PURE__ */ jsx3("button", { type: "button", onClick: () => adapter?.onIntent({ action: "authenticateHarness", harness: item.id }), children: "Sign in" }) : item.repair ? /* @__PURE__ */ jsx3("button", { type: "button", onClick: () => adapter?.copyText?.(item.repair), children: "Copy fix" }) : null
         ] }, item.id)) })
       ] }) : null
     ] }) : null