@spotpatch/runtime 1.6.0 → 1.7.1

package/dist/index.cjs

@@ -1729,7 +1729,8 @@ var AGENT_PANEL_STYLES = `
     font-weight: 650;
   }
   .spotpatch-agent-setup { padding: 12px; }
-  .spotpatch-agent-selectors { display: grid; grid-template-columns: 1fr; gap: 10px; }
+  .spotpatch-agent-selectors { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
+  .spotpatch-agent-mode { grid-column: 1 / -1; }
   .spotpatch-agent-selectors label { min-width: 0; color: var(--spotpatch-text-secondary); font-size: 11.5px; font-weight: 580; }
   .spotpatch-agent select {
     box-sizing: border-box;
@@ -1767,19 +1768,21 @@ var AGENT_PANEL_STYLES = `
       width: anchor-size(width);
       max-height: min(280px, 40vh);
       margin: 0;
-      overflow: hidden;
+      overflow: auto;
       border: 1px solid rgb(139 124 247 / 28%);
       border-radius: 12px;
       padding: 6px;
       background: #10151e;
       box-shadow: 0 18px 50px rgb(0 0 0 / 38%);
-      opacity: 0;
-      transform: translateY(-5px) scale(.985);
+      opacity: 1;
+      transform: translateY(0) scale(1);
       transition: opacity 150ms ease, transform 180ms cubic-bezier(.2, .8, .2, 1), overlay 180ms allow-discrete, display 180ms allow-discrete;
     }
-    ::picker(select):popover-open { opacity: 1; transform: translateY(0) scale(1); }
     @starting-style {
-      ::picker(select):popover-open { opacity: 0; transform: translateY(-5px) scale(.985); }
+      .spotpatch-agent select::picker(select):popover-open {
+        opacity: 0;
+        transform: translateY(-5px) scale(.985);
+      }
     }
     .spotpatch-agent select option {
       min-height: 42px;
@@ -1914,12 +1917,17 @@ var AGENT_PANEL_STYLES = `
     white-space: pre;
     user-select: text;
   }
+  @media (max-width: 520px) {
+    .spotpatch-agent-selectors { grid-template-columns: 1fr; }
+    .spotpatch-agent-mode { grid-column: auto; }
+  }
 `;
 function addOption(document, select, value, label) {
   const option = document.createElement("option");
   option.value = value;
   option.textContent = label;
   select.append(option);
+  return option;
 }
 function createAgentPanel(document, ai, localizer) {
   let messages = localizer.messages();
@@ -1937,6 +1945,11 @@ function createAgentPanel(document, ai, localizer) {
   setup.className = "spotpatch-agent-setup";
   const selectors = createMarkedElement(document, "div");
   selectors.className = "spotpatch-agent-selectors";
+  const modeLabel = createMarkedElement(document, "label");
+  modeLabel.className = "spotpatch-agent-mode";
+  const modeText = createMarkedElement(document, "span");
+  const modeSelect = createMarkedElement(document, "select");
+  modeLabel.append(modeText, modeSelect);
   const providerLabel = createMarkedElement(document, "label");
   const providerText = createMarkedElement(document, "span");
   const providerSelect = createMarkedElement(document, "select");
@@ -1945,7 +1958,7 @@ function createAgentPanel(document, ai, localizer) {
   const modelText = createMarkedElement(document, "span");
   const modelSelect = createMarkedElement(document, "select");
   modelLabel.append(modelText, modelSelect);
-  selectors.append(providerLabel, modelLabel);
+  selectors.append(modeLabel, providerLabel, modelLabel);
   const consent = createMarkedElement(document, "label");
   consent.className = "spotpatch-consent";
   const consentCheckbox = createMarkedElement(document, "input");
@@ -2012,8 +2025,8 @@ function createAgentPanel(document, ai, localizer) {
   const revertButton = createButton(document, messages.agent.revert);
   const resetButton = createButton(document, messages.agent.revise);
   const providers = ai.enabled ? ai.providers : [];
-  const trustedFastMode = ai.enabled && ai.applyMode === "trusted-auto";
-  consent.classList.toggle("spotpatch-trusted-consent", trustedFastMode);
+  const trustedFastModeAvailable = ai.enabled && ai.applyMode === "trusted-auto";
+  const configuredApplyMode = ai.enabled ? ai.applyMode : "review";
   const providerById = new Map(providers.map((provider) => [provider.id, provider]));
   let contextReady = false;
   let editingEnabled = true;
@@ -2037,14 +2050,42 @@ function createAgentPanel(document, ai, localizer) {
   if (ai.enabled) {
     providerSelect.value = ai.defaultProvider;
   }
+  let reviewOption;
+  let trustedOption;
+  let autoOption;
+  if (configuredApplyMode === "auto") {
+    autoOption = addOption(document, modeSelect, "auto", messages.agent.autoGated);
+  } else {
+    reviewOption = addOption(document, modeSelect, "review", messages.agent.review);
+    if (trustedFastModeAvailable) {
+      trustedOption = addOption(
+        document,
+        modeSelect,
+        "trusted-auto",
+        messages.agent.trustedFast
+      );
+    }
+  }
+  const defaultApplyMode = trustedFastModeAvailable ? "review" : configuredApplyMode;
+  modeSelect.value = defaultApplyMode;
+  modeLabel.hidden = !trustedFastModeAvailable;
+  const selectedApplyMode = () => modeSelect.value === "trusted-auto" ? "trusted-auto" : defaultApplyMode;
+  const trustedFastMode = () => selectedApplyMode() === "trusted-auto";
   const selectedProvider = () => providerById.get(providerSelect.value);
   const consentMessage = (provider) => {
     if (provider === void 0) {
       return messages.agent.providerUnavailable;
     }
-    return trustedFastMode ? messages.agent.trustedFastConsent(provider.label) : messages.agent.consent(provider.label);
+    return trustedFastMode() ? messages.agent.trustedFastConsent(provider.label) : messages.agent.consent(provider.label);
+  };
+  const localChangesConsentGranted = () => trustedFastMode() ? consentCheckbox.checked : workspaceConsentCheckbox.checked;
+  const renderMode = () => {
+    const trusted = trustedFastMode();
+    consent.classList.toggle("spotpatch-trusted-consent", trusted);
+    badge.textContent = trusted ? messages.agent.trustedFast : configuredApplyMode === "auto" ? messages.agent.autoGated : messages.agent.review;
+    consentText.textContent = consentMessage(selectedProvider());
+    workspaceConsent.hidden = trusted || latestWorkspaceState !== "consent-required";
   };
-  const localChangesConsentGranted = () => trustedFastMode ? consentCheckbox.checked : workspaceConsentCheckbox.checked;
   const populateModels = () => {
     const provider = selectedProvider();
     modelSelect.replaceChildren();
@@ -2111,7 +2152,14 @@ function createAgentPanel(document, ai, localizer) {
     capabilityReady = false;
     refreshActions();
   }
+  function handleModeChange() {
+    consentCheckbox.checked = false;
+    workspaceConsentCheckbox.checked = false;
+    renderMode();
+    refreshActions();
+  }
   populateModels();
+  modeSelect.addEventListener("change", handleModeChange);
   providerSelect.addEventListener("change", handleProviderChange);
   modelSelect.addEventListener("change", handleModelChange);
   consentCheckbox.addEventListener("change", refreshActions);
@@ -2165,7 +2213,11 @@ function createAgentPanel(document, ai, localizer) {
   function applyMessages() {
     messages = localizer.messages();
     title.textContent = messages.agent.title;
-    badge.textContent = trustedFastMode ? messages.agent.trustedFast : ai.enabled && ai.applyMode === "auto" ? messages.agent.autoGated : messages.agent.review;
+    modeText.textContent = messages.agent.mode;
+    if (reviewOption !== void 0) reviewOption.textContent = messages.agent.review;
+    if (trustedOption !== void 0)
+      trustedOption.textContent = messages.agent.trustedFast;
+    if (autoOption !== void 0) autoOption.textContent = messages.agent.autoGated;
     providerText.textContent = messages.agent.provider;
     modelText.textContent = messages.agent.model;
     providerSelect.setAttribute("aria-label", messages.agent.providerAriaLabel);
@@ -2177,8 +2229,7 @@ function createAgentPanel(document, ai, localizer) {
     applyButton.textContent = messages.agent.apply;
     revertButton.textContent = messages.agent.revert;
     resetButton.textContent = messages.agent.revise;
-    const provider = selectedProvider();
-    consentText.textContent = consentMessage(provider);
+    renderMode();
     if (latestCapabilityState === "idle") {
       capability.textContent = messages.agent.connectionNotTested;
     } else if (latestCapabilityState === "probing") {
@@ -2200,6 +2251,7 @@ function createAgentPanel(document, ai, localizer) {
   applyMessages();
   return Object.freeze({
     root,
+    modeSelect,
     providerSelect,
     modelSelect,
     consentCheckbox,
@@ -2222,6 +2274,7 @@ function createAgentPanel(document, ai, localizer) {
         (candidate) => candidate.id === modelSelect.value
       );
       return provider === void 0 || model === void 0 ? void 0 : Object.freeze({
+        applyMode: selectedApplyMode(),
         providerProfileId: provider.id,
         modelProfileId: model.id
       });
@@ -2242,7 +2295,7 @@ function createAgentPanel(document, ai, localizer) {
       latestWorkspaceErrorCode = errorCode ?? snapshot?.errorCode;
       workspace.dataset.state = state;
       if (state !== "checking") {
-        workspaceConsent.hidden = trustedFastMode || state !== "consent-required";
+        workspaceConsent.hidden = trustedFastMode() || state !== "consent-required";
       }
       if (state === "idle" || state === "ready" || state === "blocked") {
         workspaceConsentCheckbox.checked = false;
@@ -2256,6 +2309,7 @@ function createAgentPanel(document, ai, localizer) {
       job.hidden = false;
       providerSelect.disabled = true;
       modelSelect.disabled = true;
+      modeSelect.disabled = true;
       consentCheckbox.disabled = true;
       workspaceConsentCheckbox.disabled = true;
       latestSnapshot = snapshot;
@@ -2274,6 +2328,7 @@ function createAgentPanel(document, ai, localizer) {
       job.hidden = true;
       providerSelect.disabled = false;
       modelSelect.disabled = false;
+      modeSelect.disabled = false;
       consentCheckbox.disabled = false;
       workspaceConsentCheckbox.disabled = false;
       activity.replaceChildren();
@@ -2292,6 +2347,7 @@ function createAgentPanel(document, ai, localizer) {
       editingEnabled = enabled;
       providerSelect.disabled = !enabled || jobPresented;
       modelSelect.disabled = !enabled || jobPresented;
+      modeSelect.disabled = !enabled || jobPresented;
       consentCheckbox.disabled = !enabled || jobPresented;
       workspaceConsentCheckbox.disabled = !enabled || jobPresented;
       refreshActions();
@@ -2314,6 +2370,7 @@ function createAgentPanel(document, ai, localizer) {
       unsubscribeLocale();
       providerSelect.removeEventListener("change", handleProviderChange);
       modelSelect.removeEventListener("change", handleModelChange);
+      modeSelect.removeEventListener("change", handleModeChange);
       consentCheckbox.removeEventListener("change", refreshActions);
       workspaceConsentCheckbox.removeEventListener("change", refreshActions);
     }
@@ -2717,6 +2774,7 @@ var UI_MESSAGES = Object.freeze({
     }),
     agent: Object.freeze({
       title: "AI code agent",
+      mode: "Execution mode",
       review: "Review",
       autoGated: "Auto gated",
       trustedFast: "Trusted fast",
@@ -2854,6 +2912,7 @@ var UI_MESSAGES = Object.freeze({
     }),
     agent: Object.freeze({
       title: "AI \u4EE3\u7801 Agent",
+      mode: "\u6267\u884C\u65B9\u5F0F",
       review: "\u5BA1\u9605\u6A21\u5F0F",
       autoGated: "\u53D7\u63A7\u81EA\u52A8\u6A21\u5F0F",
       trustedFast: "\u53EF\u4FE1\u5FEB\u901F\u6A21\u5F0F",
@@ -4218,6 +4277,7 @@ function createRuntimeView(document, shortcut, ai = Object.freeze({ enabled: fal
     closeButton,
     agentProviderSelect: agentPanel.providerSelect,
     agentModelSelect: agentPanel.modelSelect,
+    agentModeSelect: agentPanel.modeSelect,
     agentConsentCheckbox: agentPanel.consentCheckbox,
     agentWorkspaceConsentCheckbox: agentPanel.workspaceConsentCheckbox,
     agentTestButton: agentPanel.testButton,
@@ -4459,6 +4519,7 @@ function createAgentWorkflow(options) {
   let appliedDuringCurrentJob = false;
   let actionPending = false;
   const selectedProfiles = () => options.view.readAgentSelection();
+  const consentKey = (selection) => `${selection.providerProfileId}:${selection.applyMode}`;
   const refreshWorkspaceHealth = async (workflowRevision) => {
     options.view.renderAgentWorkspaceHealth("checking");
     try {
@@ -4496,9 +4557,7 @@ function createAgentWorkflow(options) {
       );
       return;
     }
-    options.view.setAgentProviderConsent(
-      providerConsents.has(selection.providerProfileId)
-    );
+    options.view.setAgentProviderConsent(providerConsents.has(consentKey(selection)));
     const cached = capabilities.get(
       capabilityKey(selection.providerProfileId, selection.modelProfileId)
     );
@@ -4666,9 +4725,9 @@ function createAgentWorkflow(options) {
         return;
       }
       if (options.view.agentConsentGranted()) {
-        providerConsents.add(selection.providerProfileId);
+        providerConsents.add(consentKey(selection));
       } else {
-        providerConsents.delete(selection.providerProfileId);
+        providerConsents.delete(consentKey(selection));
       }
     },
     disposeSelection() {
@@ -4708,7 +4767,6 @@ function createAgentWorkflow(options) {
       if (!options.ai.enabled || snapshot !== void 0) {
         return;
       }
-      const trustedFastMode = options.ai.applyMode === "trusted-auto";
       const selection = selectedProfiles();
       const annotation = options.getAnnotation();
       if (selection === void 0 || annotation === void 0) {
@@ -4721,7 +4779,7 @@ function createAgentWorkflow(options) {
         options.view.announce(options.view.messages().agent.consentRequired);
         return;
       }
-      providerConsents.add(selection.providerProfileId);
+      providerConsents.add(consentKey(selection));
       const workflowRevision = ++revision;
       options.view.setAgentEditingEnabled(false);
       void refreshWorkspaceHealth(workflowRevision).then(async (health) => {
@@ -4738,10 +4796,11 @@ function createAgentWorkflow(options) {
         }
         const created = await options.api.createAgentJob({
           annotation,
+          applyMode: selection.applyMode,
           providerProfileId: selection.providerProfileId,
           modelProfileId: selection.modelProfileId,
           providerDataConsent: true,
-          ...trustedFastMode ? { trustedFastModeConsent: true } : {},
+          ...selection.applyMode === "trusted-auto" ? { trustedFastModeConsent: true } : {},
           workingTreeMode: health.state === "consent-required" ? "include-local-changes" : "require-clean"
         });
         if (workflowRevision !== revision) {
@@ -5638,6 +5697,10 @@ ${summary}`;
       "change",
       agentWorkflow.providerOrModelChanged
     );
+    view.agentModeSelect.addEventListener(
+      "change",
+      agentWorkflow.providerOrModelChanged
+    );
     view.agentConsentCheckbox.addEventListener("change", agentWorkflow.consentChanged);
     view.agentTestButton.addEventListener("click", agentWorkflow.testCapability);
     view.agentRunButton.addEventListener("click", agentWorkflow.run);
@@ -5704,6 +5767,10 @@ ${summary}`;
       "change",
       agentWorkflow.providerOrModelChanged
     );
+    view.agentModeSelect.removeEventListener(
+      "change",
+      agentWorkflow.providerOrModelChanged
+    );
     view.agentConsentCheckbox.removeEventListener(
       "change",
       agentWorkflow.consentChanged