@spotpatch/runtime 1.15.1 → 1.15.2

package/dist/external-handoff-panel.d.cts

@@ -4,6 +4,7 @@ import { SpotPatchRuntimeConfig } from '@spotpatch/shared';
 interface ExternalHandoffPanel {
     readonly cancelManagedButton: HTMLButtonElement;
     readonly connectButton: HTMLButtonElement;
+    readonly readModel: () => string | undefined;
     readonly disconnectButton: HTMLButtonElement;
     readonly refreshButton: HTMLButtonElement;
     readonly root: HTMLElement;

package/dist/external-handoff-panel.d.ts

@@ -4,6 +4,7 @@ import { SpotPatchRuntimeConfig } from '@spotpatch/shared';
 interface ExternalHandoffPanel {
     readonly cancelManagedButton: HTMLButtonElement;
     readonly connectButton: HTMLButtonElement;
+    readonly readModel: () => string | undefined;
     readonly disconnectButton: HTMLButtonElement;
     readonly refreshButton: HTMLButtonElement;
     readonly root: HTMLElement;

package/dist/external-handoff-panel.js

@@ -1,7 +1,7 @@
 import {
   getExternalHandoffExtension,
   registerExternalHandoffExtension
-} from "./chunk-ASRUAKA5.js";
+} from "./chunk-TEH2CCO3.js";
 import {
   createButton,
   createMarkedElement
@@ -203,6 +203,9 @@ function parseTask(value) {
     ...value.resultExpiresAt === void 0 ? {} : { resultExpiresAt: value.resultExpiresAt }
   });
 }
+function validModel(value) {
+  return typeof value === "string" && value.length > 0 && value.length <= EXTERNAL_AGENT_CONTROL_LIMITS.maximumModelCharacters && value.trim() === value;
+}
 function parseExternalAgentControlStatus(value) {
   if (!record(value) || !optionalKeys(
     value,
@@ -216,8 +219,8 @@ function parseExternalAgentControlStatus(value) {
       "sequence",
       "updatedAt"
     ],
-    ["effectiveModel", "error", "requestedModel", "task"]
-  ) || value.schemaVersion !== 1 || !integer(value.sequence) || !member(MODES, value.mode) || !member(CONNECTION_STATES, value.connectionState) || !member(AUTH_STATES, value.authReadiness) || !member(GRANT_STATES, value.grantState) || !validTimestamp(value.updatedAt) || value.requestedModel !== void 0 && (typeof value.requestedModel !== "string" || value.requestedModel.length === 0 || value.requestedModel.length > 128) || value.effectiveModel !== void 0 && (typeof value.effectiveModel !== "string" || value.effectiveModel.length === 0 || value.effectiveModel.length > 128) || !record(value.adapter) || !exactKeys(value.adapter, ["availability", "kind", "maturity"]) || value.adapter.kind !== "codex" || value.adapter.maturity !== "experimental" || value.adapter.availability !== "available" && value.adapter.availability !== "unavailable") {
+    ["effectiveModel", "error", "requestedModel", "task", "models"]
+  ) || value.schemaVersion !== 1 || !integer(value.sequence) || !member(MODES, value.mode) || !member(CONNECTION_STATES, value.connectionState) || !member(AUTH_STATES, value.authReadiness) || !member(GRANT_STATES, value.grantState) || !validTimestamp(value.updatedAt) || value.requestedModel !== void 0 && !validModel(value.requestedModel) || value.effectiveModel !== void 0 && !validModel(value.effectiveModel) || value.models !== void 0 && (!Array.isArray(value.models) || value.models.length === 0 || value.models.length > EXTERNAL_AGENT_CONTROL_LIMITS.maximumModels || !value.models.every(validModel) || new Set(value.models).size !== value.models.length) || !record(value.adapter) || !exactKeys(value.adapter, ["availability", "kind", "maturity"]) || value.adapter.kind !== "codex" || value.adapter.maturity !== "experimental" || value.adapter.availability !== "available" && value.adapter.availability !== "unavailable") {
     throw new TypeError("Invalid external Agent control status.");
   }
   let error;
@@ -244,6 +247,7 @@ function parseExternalAgentControlStatus(value) {
     connectionState: value.connectionState,
     authReadiness: value.authReadiness,
     grantState: value.grantState,
+    ...value.models === void 0 ? {} : { models: Object.freeze([...value.models]) },
     ...value.requestedModel === void 0 ? {} : { requestedModel: value.requestedModel },
     ...value.effectiveModel === void 0 ? {} : { effectiveModel: value.effectiveModel },
     ...value.task === void 0 ? {} : { task: parseTask(value.task) },
@@ -742,11 +746,13 @@ function createExternalHandoffWorkflow(fetch, panel, selectedAnnotation, session
     }
   };
   const handleConnectClick = () => {
+    const model = options.panel.readModel();
     void performControlAction(
       () => controlClient.connect({
         requestId: createRequestId(options.window),
         adapterKind: "codex",
-        profile: EXTERNAL_AGENT_MANAGED_PROFILE
+        profile: EXTERNAL_AGENT_MANAGED_PROFILE,
+        ...model === void 0 ? {} : { model }
       })
     );
   };
@@ -1005,6 +1011,10 @@ var MESSAGES = Object.freeze({
   "en-US": Object.freeze({
     title: "External Agent connection",
     agentLabel: "Agent",
+    modelLabel: "Managed Codex model",
+    modelLoading: "Connect to load available models",
+    modelHint: "Applies only to this managed connection, not API Key settings. Apply changes before publishing; switching reconnects Codex.",
+    applyModel: "Apply model",
     codexManaged: "Codex \xB7 managed (experimental)",
     connectManaged: "Connect Codex",
     disconnectManaged: "Disconnect",
@@ -1043,7 +1053,7 @@ var MESSAGES = Object.freeze({
       "install-agent": "Install Codex and retry.",
       "use-supported-version": "Use a schema-compatible Codex version.",
       "sign-in": "Sign in with Codex, then retry.",
-      "choose-available-model": "Choose an available model in Codex configuration.",
+      "choose-available-model": "Choose an available model and reconnect Codex.",
       "use-inbox": "Continue with the Agent inbox fallback.",
       "confirm-managed-access": "Revoke the invalid grant and confirm access again.",
       "review-candidate-diff": "Review the candidate diff and validation output.",
@@ -1092,6 +1102,10 @@ var MESSAGES = Object.freeze({
   "zh-CN": Object.freeze({
     title: "\u5916\u90E8 Agent \u8FDE\u63A5",
     agentLabel: "Agent",
+    modelLabel: "\u53D7\u7BA1 Codex \u6A21\u578B",
+    modelLoading: "\u8FDE\u63A5\u540E\u52A0\u8F7D\u53EF\u7528\u6A21\u578B",
+    modelHint: "\u4EC5\u4F5C\u7528\u4E8E\u6B64\u53D7\u7BA1\u8FDE\u63A5\uFF0C\u4E0D\u4FEE\u6539 API Key \u914D\u7F6E\u3002\u66F4\u6362\u540E\u8BF7\u5148\u5E94\u7528\u6A21\u578B\uFF0C\u518D\u53D1\u5E03\u4EFB\u52A1\uFF1B\u5E94\u7528\u65F6\u4F1A\u91CD\u65B0\u8FDE\u63A5 Codex\u3002",
+    applyModel: "\u5E94\u7528\u6A21\u578B",
     codexManaged: "Codex \xB7 \u53D7\u7BA1\u6A21\u5F0F\uFF08\u5B9E\u9A8C\u6027\uFF09",
     connectManaged: "\u8FDE\u63A5 Codex",
     disconnectManaged: "\u65AD\u5F00\u8FDE\u63A5",
@@ -1130,7 +1144,7 @@ var MESSAGES = Object.freeze({
       "install-agent": "\u5B89\u88C5 Codex \u540E\u91CD\u8BD5\u3002",
       "use-supported-version": "\u6539\u7528 Schema \u517C\u5BB9\u7684 Codex \u7248\u672C\u3002",
       "sign-in": "\u767B\u5F55 Codex \u540E\u91CD\u8BD5\u3002",
-      "choose-available-model": "\u5728 Codex \u914D\u7F6E\u4E2D\u9009\u62E9\u53EF\u7528\u6A21\u578B\u3002",
+      "choose-available-model": "\u9009\u62E9\u53EF\u7528\u6A21\u578B\u540E\u91CD\u65B0\u8FDE\u63A5 Codex\u3002",
       "use-inbox": "\u7EE7\u7EED\u4F7F\u7528 Agent \u6536\u4EF6\u7BB1\u964D\u7EA7\u8DEF\u5F84\u3002",
       "confirm-managed-access": "\u64A4\u9500\u65E0\u6548\u6388\u6743\u5E76\u91CD\u65B0\u786E\u8BA4\u3002",
       "review-candidate-diff": "\u68C0\u67E5\u5019\u9009 diff \u548C\u9A8C\u8BC1\u8F93\u51FA\u3002",
@@ -1352,6 +1366,11 @@ function createExternalHandoffPanel(document, framework, locale, sessionId, subs
   codexOption.value = "codex";
   agentSelect.append(codexOption);
   agentLabel.append(agentLabelText, agentSelect);
+  const modelLabel = createMarkedElement(document, "label");
+  const modelLabelText = createMarkedElement(document, "span");
+  const modelSelect = createMarkedElement(document, "select");
+  const modelHint = createMarkedElement(document, "p");
+  modelLabel.append(modelLabelText, modelSelect);
   const controlStatus = createMarkedElement(document, "p");
   controlStatus.className = "spotpatch-external-control-status";
   controlStatus.setAttribute("role", "status");
@@ -1374,7 +1393,14 @@ function createExternalHandoffPanel(document, framework, locale, sessionId, subs
   const managedResultSummary = createMarkedElement(document, "p");
   const managedResultDiff = createMarkedElement(document, "pre");
   managedResult.append(managedResultTitle, managedResultSummary, managedResultDiff);
-  controlRoot.append(agentLabel, controlStatus, controlActions, managedResult);
+  controlRoot.append(
+    agentLabel,
+    modelLabel,
+    modelHint,
+    controlStatus,
+    controlActions,
+    managedResult
+  );
   const resolveButton = createButton(document, "", "spotpatch-external-resolve");
   resolveButton.hidden = true;
   const settings = createMarkedElement(document, "details");
@@ -1431,15 +1457,19 @@ function createExternalHandoffPanel(document, framework, locale, sessionId, subs
     } catch {
     }
   };
+  const modelPending = () => control?.mode === "managed" && modelSelect.value !== "" && modelSelect.value !== control.requestedModel;
+  const controlPending = () => controlOperationBusy || control?.connectionState === "diagnosing" || control?.connectionState === "connecting" || control?.connectionState === "disconnecting";
   const refreshActions = () => {
     sendButton.textContent = retryable ? messages.retry : activeAdapter?.canDispatch === true ? messages.send : messages.inboxSend;
-    sendButton.disabled = !visible || !brokerReady || !contextReady || operationBusy || !retryable && dispatchBlocksSend;
+    sendButton.disabled = !visible || !brokerReady || !contextReady || operationBusy || controlPending() || modelPending() || !retryable && dispatchBlocksSend;
     sendButton.setAttribute("aria-busy", String(operationBusy));
     refreshButton.disabled = !visible || operationBusy;
     resolveButton.hidden = !unknownDelivery;
     resolveButton.disabled = !visible || operationBusy || !unknownDelivery;
   };
   const refreshControlActions = () => {
+    connectButton.textContent = modelPending() ? messages.applyModel : messages.connectManaged;
+    modelSelect.disabled = true;
     if (control === void 0) {
       connectButton.disabled = true;
       disconnectButton.disabled = true;
@@ -1448,8 +1478,9 @@ function createExternalHandoffPanel(document, framework, locale, sessionId, subs
       return;
     }
     const state = control.connectionState;
-    const operationPending = controlOperationBusy || state === "diagnosing" || state === "connecting" || state === "disconnecting";
-    connectButton.disabled = operationPending || state === "ready" || state === "busy";
+    const operationPending = controlPending();
+    modelSelect.disabled = operationPending || state === "busy" || !control.models?.length;
+    connectButton.disabled = operationPending || state === "ready" && !modelPending() || state === "busy";
     disconnectButton.disabled = operationPending || state === "disconnected";
     revokeButton.disabled = operationPending || control.grantState !== "valid";
     const phase = control.task?.managedPhase;
@@ -1500,6 +1531,11 @@ function createExternalHandoffPanel(document, framework, locale, sessionId, subs
     disclosureProvider.textContent = messages.disclosureProvider;
     disclosureNoGuarantee.textContent = messages.disclosureNoGuarantee;
     agentLabelText.textContent = messages.agentLabel;
+    modelLabelText.textContent = messages.modelLabel;
+    modelHint.textContent = messages.modelHint;
+    if (modelSelect.options.length === 1 && modelSelect.options[0]?.value === "") {
+      modelSelect.options[0].textContent = messages.modelLoading;
+    }
     codexOption.textContent = messages.codexManaged;
     connectButton.textContent = messages.connectManaged;
     disconnectButton.textContent = messages.disconnectManaged;
@@ -1531,6 +1567,25 @@ function createExternalHandoffPanel(document, framework, locale, sessionId, subs
   disclosure.addEventListener("keydown", handleDisclosureKeydown);
   settings.addEventListener("toggle", options.onViewChange);
   managedResult.addEventListener("toggle", options.onViewChange);
+  const handleModelChange = () => {
+    refreshControlActions();
+    refreshActions();
+  };
+  modelSelect.addEventListener("change", handleModelChange);
+  const renderModels = () => {
+    const previous = modelSelect.value;
+    const models = control?.models ?? [];
+    modelSelect.replaceChildren(
+      ...(models.length ? models : [""]).map((model) => {
+        const option = createMarkedElement(document, "option");
+        option.value = model;
+        option.textContent = model || messages.modelLoading;
+        return option;
+      })
+    );
+    modelSelect.value = models.includes(previous) ? previous : control?.requestedModel ?? models[0] ?? "";
+  };
+  renderModels();
   const unsubscribeLocale = options.subscribeLocale(applyMessages);
   applyMessages();
   status.textContent = messages.ready;
@@ -1573,6 +1628,7 @@ function createExternalHandoffPanel(document, framework, locale, sessionId, subs
     resolveButton,
     cancelManagedButton,
     connectButton,
+    readModel: () => modelSelect.value || void 0,
     disconnectButton,
     revokeButton,
     confirmDisclosure(annotation) {
@@ -1629,20 +1685,24 @@ function createExternalHandoffPanel(document, framework, locale, sessionId, subs
     },
     renderControlStatus(value) {
       control = value;
+      renderModels();
       controlStatus.textContent = controlStatusText(value, messages, framework);
       controlStatus.dataset.state = value.connectionState;
       disclosureNoGuarantee.textContent = value.mode === "managed" ? messages.disclosureManagedGuarantee : messages.disclosureNoGuarantee;
       refreshControlActions();
+      refreshActions();
       options.onControlChange?.(value);
       options.onViewChange();
     },
     renderControlUnavailable() {
       control = void 0;
+      renderModels();
       controlStatus.dataset.state = "unavailable";
       controlStatus.textContent = messages.controlUnavailable;
       disclosureNoGuarantee.textContent = messages.disclosureNoGuarantee;
       refreshControlActions();
       options.onControlChange?.(void 0);
+      refreshActions();
       options.onViewChange();
     },
     renderManagedResult(result) {
@@ -1670,6 +1730,7 @@ function createExternalHandoffPanel(document, framework, locale, sessionId, subs
     setControlBusy(nextBusy) {
       controlOperationBusy = nextBusy;
       refreshControlActions();
+      refreshActions();
     },
     setContextReady(ready) {
       contextReady = ready;
@@ -1687,6 +1748,7 @@ function createExternalHandoffPanel(document, framework, locale, sessionId, subs
       disclosure.removeEventListener("keydown", handleDisclosureKeydown);
       settings.removeEventListener("toggle", options.onViewChange);
       managedResult.removeEventListener("toggle", options.onViewChange);
+      modelSelect.removeEventListener("change", handleModelChange);
       unsubscribeLocale();
     }
   });