@abot-ai/runtime 1.7.0 → 1.8.1

package/dist/src/web-ui/app/app.js

@@ -1,10 +1,8 @@
+import { createComposerFeature } from "./controllers/composer-feature.js";
 import { isWorkspaceChange } from "./lib/workspace-change.js";
+import { prepareEnvironmentWorkspaceChanges } from "./controllers/environment-workspace-preparation.js";
 import { createAppState } from "./app-state.js";
 import { createProjectsFeature } from "./projects-feature.js";
-import {
-  captureComposerSubmissionScope,
-  isCurrentComposerSubmissionScope,
-} from "./lib/composer-submission-scope.js";
 import { createComposerSurfaceController } from "./controllers/composer-surface-controller.js";
 import { startWebApp } from "./app-bootstrap.js";
 import { createNotificationsFeature } from "./notifications-feature.js";
@@ -26,34 +24,35 @@ import { createSessionActionsMenu } from "./components/session-actions-menu.js";
 import { createToolApprovalCard } from "./components/tool-approval-card.js";
 import { textOf } from "./lib/text-format.js";
 import { createConversationViewFeature as createConversationView } from "./controllers/conversation-view-feature.js";
-import { createSessionComposerQueue } from "./lib/session-composer-queue.js";
+import { initializeWorkspaceState, workspaceQueue, observeWorkspaceStateChange } from "./services/workspace-state.js";
 import { createRuntimeWebClient } from "./services/runtime-web-client.js";
+import { createHomeGuidancePreferences } from "./services/home-guidance-preferences.js";
 import { createClientPreferences } from "./services/client-preferences.js";
+import { createConversationWorkspaceActivation } from "./controllers/conversation-workspace-activation.js";
 import { createOperationsController } from "./controllers/operations-controller.js";
 import { createAppRealtimeTransport } from "./app-realtime-transport.js";
 import { createSteerController } from "./controllers/steer-controller.js";
 import { createSessionController } from "./controllers/session-controller.js";
-import { createComposerAttachmentsController } from "./controllers/composer-attachments-controller.js";
-import { createComposerQueueController } from "./controllers/composer-queue-controller.js";
 import { createRealtimeEventController } from "./controllers/realtime-event-controller.js";
 import { createRuntimeSelectionController } from "./controllers/runtime-selection-controller.js";
 import { createAppEventBindings } from "./controllers/app-event-bindings.js";
 import { createConversationSessionController } from "./controllers/conversation-session-controller.js";
-import { createChatRequestController } from "./controllers/chat-request-controller.js";
 import { createToolApprovalController } from "./controllers/tool-approval-controller.js";
-import { createComposerSubmitController } from "./controllers/composer-submit-controller.js";
 
 const state = createAppState();
 
 const dom = findAppDom();
 
-const preferences = createClientPreferences(localStorage);
+const storage = await initializeWorkspaceState();
+const preferences = createClientPreferences(storage);
 const runtimeClient = createRuntimeWebClient({
   getConfig: () => state.config,
   getEnvironmentId: selectedEnvironmentId,
+  onMemoryDeleted: (environment, id) => createHomeGuidancePreferences(storage).forgetReviewed(environment, id),
 });
 let conversationSession;
-let chatRequests;
+let composerFeature;
+let composerAttachments;
 let composerQueueController;
 let composerSubmitController;
 let realtimeEvents;
@@ -159,7 +158,7 @@ const composerActions = createComposerActions({
   onSendNext: () => dispatchComposerMessage("send_next"),
 });
 schedulesFeature = createSchedulesFeature({
-  dom,
+  dom, state,
   onNavigationChange: () => workspaceRoutes?.sync(),
   client: runtimeClient,
   shell,
@@ -208,6 +207,7 @@ const {
   renderAttachmentComposer,
   removeUnsupportedPendingImages,
   updateComposerSendState,
+  refreshComposerSubmissionState,
   uploadComposerAttachment,
   resizeComposerInput,
   dispatchComposerMessage,
@@ -216,12 +216,11 @@ const {
   getHomeComposer: () => homeComposer,
   getChatAttachments: () => composerAttachments,
   getChatSubmit: () => composerSubmitController,
+  refreshComposerSurfaces: () => composerFeature?.changed(),
   rememberModelSelection: rememberCurrentModelSelection,
   showToast: shell.showToast,
 });
-const sessionComposerQueue = createSessionComposerQueue({
-  storage: localStorage,
-});
+const sessionComposerQueue = workspaceQueue();
 const sessionActionsMenu = createSessionActionsMenu({
   container: dom.sessionsList,
 });
@@ -243,30 +242,12 @@ const sessionController = createSessionController({
     }
     conversationSession.clearSessionMessagesView();
   },
+  onSessionAttachmentsCleared: (scope) => composerWorkspace.drafts.clearAttachments(scope),
   onClearSessionMode: clearSessionMode,
   onSaveModelPreferences: saveModelPreferences,
   onReload: () => conversationSession.loadSessions(),
   onControlEvent: recordControlEvent,
 });
-const composerAttachments = createComposerAttachmentsController({
-  state,
-  dom,
-  shell,
-  client: runtimeClient,
-  selectedEnvironmentId,
-  selectedModelSupportsImageInput: () =>
-    runtimeSelection.selectedModelSupportsImageInput(
-      composerWorkspace.isChatVisible()
-        ? dom.modelSelect.value
-        : state.sessionModels[state.currentSessionId] ||
-            state.defaultModelProfileId,
-    ),
-  ensureSession: () => conversationSession.ensureSession(),
-  onSendStateChange: updateComposerSendState,
-  onControlEvent: recordControlEvent,
-  isComposerAvailable: runtimeOnboarding.isReady,
-  isComposerVisible: composerWorkspace.isChatVisible,
-});
 const toolApprovalController = createToolApprovalController({
   state,
   selectedEnvironmentId,
@@ -315,7 +296,6 @@ conversationSession = createConversationSessionController({
     !dom.chatPanel.inert &&
     document.visibilityState === "visible",
   onSessionListState: dashboardFeature.sessionsChanged,
-  clearPendingAttachments,
   applyConversationChrome: applyConversationModeChrome,
   applyModelSelection: applyModelSelectionForCurrentSession,
   renderSessions,
@@ -329,13 +309,36 @@ conversationSession = createConversationSessionController({
   reportQueueFailure: (scope, summary) =>
     composerQueueController.reportFailure(scope, summary),
   drainQueuedMessage: (input) => composerQueueController.drain(input),
-  suspendQueueRecovery: () =>
-    composerQueueController.suspendRecoveryForNavigation(),
+  suspendQueueRecovery: (canNavigate) =>
+    composerQueueController.suspendRecoveryForNavigation(canNavigate),
   recoverBlockedQueue: (scope) =>
     composerQueueController.recoverForManualSend(scope),
   isCurrentComposerScope: (scope) =>
     composerQueueController.isCurrentScope(scope),
 });
+composerFeature = createComposerFeature({
+  state, dom: composerWorkspace.chatDom, shell, client: runtimeClient,
+  sessionQueue: sessionComposerQueue, conversationSession, conversationView,
+  drafts: composerWorkspace.drafts, getDraft: composerWorkspace.chatView.current,
+  getEnvironmentId: selectedEnvironmentId,
+  ensureSession: () => conversationSession.ensureSession(),
+  getSettings: () => {
+    rememberCurrentModelSelection();
+    return { agentMode: state.agentMode, toolPermissionMode: currentToolPermissionMode(), modelPreference: selectedModelPreference() };
+  },
+  steer: steerController.steer, composerActions,
+  selectedModelSupportsImageInput: () => runtimeSelection.selectedModelSupportsImageInput(
+    composerWorkspace.isChatVisible() ? dom.modelSelect.value : state.sessionModels[state.currentSessionId] || state.defaultModelProfileId),
+  isComposerAvailable: runtimeOnboarding.isReady,
+  getSubmissionBlock: runtimeOnboarding.submissionBlock,
+  onSubmissionBlocked: runtimeOnboarding.presentSubmissionBlock,
+  isVisible: composerWorkspace.isChatVisible, renderSessions, renderMessages,
+  applyConversationChrome: applyConversationModeChrome,
+  setMessageStatus: setMessageActivityStatus, recordControlEvent,
+});
+composerAttachments = composerFeature.attachments;
+composerQueueController = composerFeature.queue;
+composerSubmitController = composerFeature.submit;
 projectsFeature = createProjectsFeature({
   isRuntimeReady: runtimeOnboarding.isReady,
   onSessionCreated: (sessionId) =>
@@ -348,65 +351,7 @@ projectsFeature = createProjectsFeature({
   conversationSession,
   renderSessions,
   closeFilePreview: conversationView.closeFilePreview,
-  prepareConversation: () => {
-    const activate = shell.prepareWorkspaceActivation("chat", { focus: false });
-    if (!activate) return false;
-    if (!composerQueueController.suspendRecoveryForNavigation()) return false;
-    return activate() !== false;
-  },
-});
-chatRequests = createChatRequestController({
-  state,
-  client: runtimeClient,
-  sessionQueue: sessionComposerQueue,
-  conversationView,
-  conversationSession,
-  attachments: composerAttachments,
-  currentComposerScope: () => composerQueueController.currentScope(),
-  isCurrentComposerScope: (scope) =>
-    composerQueueController.isCurrentScope(scope),
-  rememberModelSelection: rememberCurrentModelSelection,
-  applyConversationChrome: applyConversationModeChrome,
-  renderSessions,
-  renderAttachments: renderAttachmentComposer,
-  getToolPermissionMode: currentToolPermissionMode,
-  getModelPreference: selectedModelPreference,
-  clearQueueRecovery: (scope) => composerQueueController.clearRecovery(scope),
-  reportQueueFailure: (scope, summary) =>
-    composerQueueController.reportFailure(scope, summary),
-});
-composerQueueController = createComposerQueueController({
-  state,
-  dom: composerWorkspace.chatDom,
-  queue: sessionComposerQueue,
-  selectedEnvironmentId,
-  getToolPermissionMode: currentToolPermissionMode,
-  getModelPreference: selectedModelPreference,
-  rememberModelSelection: rememberCurrentModelSelection,
-  attachments: composerAttachments,
-  updateSendState: updateComposerSendState,
-  postChatMessage: chatRequests.postChatMessage,
-  appendLocalUserMessage: conversationSession.appendLocalUserMessage,
-  activateRequestForScope: conversationSession.activateRequestForScope,
-  renderMessages,
-  setMessageStatus: setMessageActivityStatus,
-  recordControlEvent,
-  resizeComposer: resizeComposerInput,
-});
-composerSubmitController = createComposerSubmitController({
-  state,
-  dom: composerWorkspace.chatDom,
-  composerActions,
-  attachments: composerAttachments,
-  queue: composerQueueController,
-  steer: (text) => steerController.steer(text),
-  chatRequests,
-  conversationSession,
-  selectedEnvironmentId,
-  setMessageStatus: setMessageActivityStatus,
-  getSubmissionBlock: runtimeOnboarding.submissionBlock,
-  onSubmissionBlocked: runtimeOnboarding.presentSubmissionBlock,
-  isComposerVisible: composerWorkspace.isChatVisible,
+  prepareConversation: createConversationWorkspaceActivation({ state, shell, composerQueue: composerQueueController, selectedEnvironmentId }),
 });
 realtimeEvents = createRealtimeEventController({
   state,
@@ -453,6 +398,7 @@ runtimeSelection = createRuntimeSelectionController({
   client: runtimeClient,
   recordControlEvent,
   onAttachmentPolicyChange: renderAttachmentComposer,
+  onReasoningConfigurationApplied: () => configWorkspace.reloadAppliedEnvironmentModels(),
   onModelCatalogLoading: runtimeOnboarding.beginCatalogLoad,
   onModelCatalogLoaded: runtimeOnboarding.applyCatalog,
   onModelCatalogUnavailable: runtimeOnboarding.catalogUnavailable,
@@ -460,59 +406,15 @@ runtimeSelection = createRuntimeSelectionController({
 });
 homeComposer = createHomeComposerFeature({
   workspace: composerWorkspace,
-  shell,
-  client: runtimeClient,
-  composerActions,
-  selectedEnvironmentId,
-  selectedModelSupportsImageInput: () =>
-    runtimeSelection.selectedModelSupportsImageInput(
-      composerWorkspace.isHome()
-        ? dom.modelSelect.value
-        : state.sessionModels[composerWorkspace.homeState.currentSessionId] ||
-            state.defaultModelProfileId,
-    ),
-  isComposerAvailable: runtimeOnboarding.isReady,
-  getSubmissionBlock: runtimeOnboarding.submissionBlock,
-  onSubmissionBlocked: runtimeOnboarding.presentSubmissionBlock,
-  onControlEvent: recordControlEvent,
-  onStateChange: updateComposerSendState,
+  composer: composerFeature,
+  selectedModelSupportsImageInput: () => runtimeSelection.selectedModelSupportsImageInput(
+    composerWorkspace.isHome() ? dom.modelSelect.value : state.sessionModels[composerWorkspace.ensureHomeSession()] || state.defaultModelProfileId),
   activateHomeSession: createHomeConversationActivation({
-    state,
-    shell,
-    conversationSession,
-    composerQueue: composerQueueController,
-    preferences,
-    selectedEnvironmentId,
-    renderSessions,
-    renderMessages,
+    state, shell, conversationSession, composerQueue: composerQueueController,
+    preferences, selectedEnvironmentId, renderSessions, renderMessages,
     applyModelSelection: applyModelSelectionForCurrentSession,
-    setCurrentTitle: setCurrentSessionTitle,
-    updateComposerSendState,
+    setCurrentTitle: setCurrentSessionTitle, updateComposerSendState,
   }),
-  sendMessage: async (text) => {
-    const scope = captureComposerSubmissionScope(
-      state,
-      selectedEnvironmentId(),
-    );
-    state.composerSending = true;
-    updateComposerSendState();
-    try {
-      await chatRequests.sendMessage(text);
-    } catch (error) {
-      if (
-        !isCurrentComposerSubmissionScope(scope, state, selectedEnvironmentId())
-      )
-        return;
-      conversationSession.appendRequestError(error);
-    } finally {
-      if (
-        isCurrentComposerSubmissionScope(scope, state, selectedEnvironmentId())
-      ) {
-        state.composerSending = false;
-        updateComposerSendState();
-      }
-    }
-  },
 });
 const appEventBindings = createAppEventBindings({
   onNavigationChange: () => workspaceRoutes?.sync(),
@@ -538,11 +440,7 @@ const appEventBindings = createAppEventBindings({
     subscribeSession,
     renderMessages,
     renderAgentPicker,
-    savedEnvironmentId,
-    beforeEnvironmentChange: () => {
-      if (!schedulesFeature.prepareLeave()) return false;
-      return configWorkspace.prepareDiscardChanges("change environment");
-    },
+    beforeEnvironmentChange: () => prepareEnvironmentWorkspaceChanges(schedulesFeature, configWorkspace),
     saveEnvironmentId,
     loadModels,
     loadAgentMode,
@@ -557,6 +455,7 @@ const appEventBindings = createAppEventBindings({
     dispatchComposerMessage,
     resizeComposer: resizeComposerInput,
     updateComposerSendState,
+    refreshComposerSubmissionState,
     loadRuntimeStatus,
     loadRuntimeLogs,
     loadSystemHealth,
@@ -564,6 +463,7 @@ const appEventBindings = createAppEventBindings({
 });
 
 configWorkspace = createConfigurationFeature({
+  compactHomeWidgets: dashboardFeature.compactWidgets,
   getOperationsSummary: () => operationsController.summary(shell.activeOperationsTab()),
   getLearningSnapshot: () => passiveLearning?.snapshot(),
   isRuntimeReady: runtimeOnboarding.isReady,
@@ -571,6 +471,7 @@ configWorkspace = createConfigurationFeature({
   onNavigationChange: () => workspaceRoutes?.sync(),
   state,
   selection: runtimeSelection,
+  changeEnvironment: (...args) => appEventBindings.changeEnvironment(...args),
   onConfigurationApplied: loadModels,
   dom,
   runtimeClient,
@@ -640,12 +541,8 @@ function renderPermissionModeControl() {
   runtimeSelection.renderPermissionMode();
 }
 
-function savedEnvironmentId() {
-  return preferences.environmentId();
-}
-
 function saveEnvironmentId(environmentId) {
-  preferences.saveEnvironmentId(environmentId);
+  return preferences.saveEnvironmentId(environmentId);
 }
 
 function saveSessionIdForEnvironment(environmentId, sessionId) {
@@ -716,6 +613,7 @@ function rejectPendingSteers(reason) {
 }
 
 function handleRealtimeMessage(message) {
+  observeWorkspaceStateChange(message);
   dashboardFeature?.handleRealtime(message);
   schedulesFeature?.handleRealtime(message);
   passiveLearning?.handleRealtime(message);

package/dist/src/web-ui/app/components/automations/node-inspector.js

@@ -1,3 +1,4 @@
+import { renderReasoningModeField, retainedReasoningMode } from "../../lib/reasoning-controls.js";
 import { escapeHtml } from "../../lib/text-format.js";
 import { readBindingFields, renderBindingFields } from "./binding-fields.js";
 import { hasConnectedAutomationResultInput } from "../../lib/automation-binding-producers.js";
@@ -134,7 +135,7 @@ function renderAgentEditor(node, catalog, producers) {
   return `${producers.length ? `<p class="automation-input-notice" data-input-connection="${connected ? "connected" : "none"}"${connected ? " hidden" : ""}>No earlier step output is connected. Connect an output below if this agent should use it.</p>` : ""}
     ${renderBindingFields(node.inputs, null, { name: "inputs", allowAdd: true, producers })}
     ${renderModelChoice(node, catalog)}
-    <label>Mode<select name="agentMode"><option value="fast"${node.agentMode === "fast" ? " selected" : ""}>Fast</option><option value="reasoning"${node.agentMode === "reasoning" ? " selected" : ""}>Reasoning</option><option value="deep"${node.agentMode === "deep" ? " selected" : ""}>Deep</option></select></label>
+    ${renderReasoningModeField(node.agentMode || "fast", catalog?.models?.find((model) => model.id === node.modelProfileId))}
     <label>Role instructions<textarea name="roleInstructions" dir="auto">${escapeHtml(node.roleInstructions || "")}</textarea></label>
     <label>Prompt<textarea name="prompt" dir="auto" required>${escapeHtml(node.prompt || "")}</textarea></label>
     <details class="automation-node-contract"><summary>Result contract · ${node.result?.kind === "json" ? "Structured JSON" : "Text"}</summary>
@@ -217,7 +218,7 @@ export function readAutomationNodePatch(form, node, catalog) {
   };
   if (node.kind === "agent") {
     patch.modelProfileId = String(fields.get("modelProfileId") || "");
-    patch.agentMode = String(fields.get("agentMode") || "fast");
+    patch.agentMode = retainedReasoningMode(form, node.agentMode || "fast");
     patch.roleInstructions = String(fields.get("roleInstructions") || "");
     patch.prompt = String(fields.get("prompt") || "");
     patch.inputs = readBindingFields(form, "inputs");

package/dist/src/web-ui/app/components/automations/step-editor-dialog.js

@@ -1,3 +1,4 @@
+import { syncReasoningModeField } from "../../lib/reasoning-controls.js";
 import { escapeHtml } from "../../lib/text-format.js";
 import { listAvailableAutomationProducers } from "../../lib/automation-binding-producers.js";
 import { findAutomationNode } from "./timeline.js";
@@ -164,6 +165,8 @@ export function createAutomationStepEditorDialog({ root, actions, documentRoot,
     if (target.matches("[data-agent-tool-search]")) { updateAgentToolPicker(form); return; }
     if (!form.contains(target) || entry.saving) return;
     entry.dirty = true;
+    if (event.type === "change" && target.matches('[name="modelProfileId"]'))
+      syncReasoningModeField(form, entry.catalog?.models);
     if (target.matches("[data-agent-tool]")) updateAgentToolPicker(form);
     if (event.type === "change" && target.matches('[name="toolOperation"]')) {
       const operations = entry.catalog?.grantableOperations || entry.catalog?.operations || [];

package/dist/src/web-ui/app/components/automations/timeline.js

@@ -1,3 +1,4 @@
+import { displayReasoningMode } from "../../lib/reasoning-controls.js";
 import { escapeHtml } from "../../lib/text-format.js";
 import { renderAutomationToolIdentity } from "./tool-identity.js";
 import { renderAutomationFailure } from "./failure-presentation.js";
@@ -45,7 +46,7 @@ function nodeIsRunning(node, run) {
 
 function nodeMetadata(node) {
   if (node.kind === "agent") {
-    return [node.modelProfileId || "Model not selected", node.agentMode || ""].filter(Boolean).join(" · ");
+    return [node.modelProfileId || "Model not selected", displayReasoningMode(node.agentMode) || ""].filter(Boolean).join(" · ");
   }
   return [node.operation?.toolName, node.operation?.operationId].filter(Boolean).join(" · ") || "Operation not selected";
 }
@@ -127,7 +128,7 @@ export function renderAutomationNodeDetails(node, run = null) {
   const record = nodeRunState(run, node.id);
   const operation = node.kind === "tool"
     ? `<dt>Operation</dt><dd>${escapeHtml(nodeMetadata(node))}</dd>`
-    : `<dt>Model</dt><dd>${escapeHtml(node.modelProfileId || "Not selected")}</dd><dt>Role</dt><dd>${escapeHtml(node.agentMode || "Not selected")}</dd>`;
+    : `<dt>Model</dt><dd>${escapeHtml(node.modelProfileId || "Not selected")}</dd><dt>Role</dt><dd>${escapeHtml(displayReasoningMode(node.agentMode) || "Not selected")}</dd>`;
   const prompt = node.kind === "agent" && node.prompt
     ? `<div class="automation-inspector-prompt"><strong>Prompt</strong><p dir="auto">${escapeHtml(node.prompt)}</p></div>`
     : "";

package/dist/src/web-ui/app/components/composer-submission-notice.js

@@ -0,0 +1,50 @@
+/** Manual review is explicit; displaying an uncertain outcome never retries it. */
+export function createComposerSubmissionNotice({ form, review, recover }) {
+  const root = form.ownerDocument.createElement("div");
+  root.className = "composer-submission-notice";
+  root.setAttribute("role", "status");
+  root.hidden = true;
+  form.appendChild(root);
+  return {
+    render(attempts, recovery) {
+      root.replaceChildren();
+      root.hidden = attempts.length === 0 && !recovery;
+      for (const attempt of attempts) {
+        const row = form.ownerDocument.createElement("div");
+        const label = form.ownerDocument.createElement("span");
+        label.textContent = attempt.action === "send_next"
+          ? "Queue save could not be confirmed. Reload and check Send next before repeating this message."
+          : "A message could not be confirmed. Check the conversation before sending it again.";
+        row.appendChild(label);
+        if (attempt.action !== "send_next") {
+          const button = form.ownerDocument.createElement("button");
+          button.type = "button";
+          button.textContent = "Review message";
+          button.addEventListener("click", async () => {
+            button.disabled = true;
+            try { await review(attempt); }
+            finally { button.disabled = false; }
+          });
+          row.appendChild(button);
+        }
+        root.appendChild(row);
+      }
+      if (!recovery) return;
+      const row = form.ownerDocument.createElement("div");
+      const label = form.ownerDocument.createElement("span");
+      label.textContent = recovery.draftEmpty
+        ? "A queued message is paused and ready for manual review."
+        : "Finish or clear your current draft to review the paused queued message.";
+      const button = form.ownerDocument.createElement("button");
+      button.type = "button";
+      button.textContent = "Review queued message";
+      button.disabled = !recovery.draftEmpty;
+      button.addEventListener("click", async () => {
+        button.disabled = true;
+        try { await recover(recovery.scope); }
+        finally { button.disabled = !recovery.draftEmpty; }
+      });
+      row.appendChild(label); row.appendChild(button); root.appendChild(row);
+    },
+  };
+}

package/dist/src/web-ui/app/components/config-workspace/model-plugin-permissions.js

@@ -1,3 +1,7 @@
+import {
+  isPluginPlatformUnavailable,
+  renderPluginPlatformNotice,
+} from "../plugins/compatibility.js";
 import { escapeAttribute, escapeHtml } from "../../lib/text-format.js";
 import {
   modelPluginRulesNeedRepair,
@@ -58,10 +62,12 @@ function renderPluginRow(file, plugin, globalPlugin, viewState) {
       <summary id="${escapeAttribute(summaryId)}">
         <span class="model-plugin-name" title="${escapeAttribute(plugin.id)}">${escapeHtml(plugin.id)}</span>
         <span class="model-plugin-row-status">
+          ${isPluginPlatformUnavailable(plugin.compatibility) ? '<span class="model-plugin-platform-note">Unavailable on this host</span>' : ""}
           ${globallyRestricted ? '<span class="model-plugin-global-note">Global restrictions</span>' : ""}
           <span class="plugin-selection-state" data-plugin-state="${escapeAttribute(plugin.state)}">${plugin.selectedCapabilityCount}/${count} tools</span>
         </span>
       </summary>
+      ${renderPluginPlatformNotice(plugin.compatibility)}
       <div class="model-plugin-details-body">
         ${plugin.description ? `<p class="model-plugin-description">${escapeHtml(plugin.description)}</p>` : ""}
         ${reason ? `<p class="plugin-capability-policy model-plugin-policy" id="${escapeAttribute(reasonId)}">${escapeHtml(reason)}</p>` : ""}
@@ -116,7 +122,7 @@ export function renderModelPluginPermissions(file, catalog, viewState = {}) {
   return `<details class="model-plugin-permissions" data-model-plugin-section="${escapeAttribute(file.id)}" aria-label="${escapeAttribute(`Plugin access for ${modelLabel(file)}`)}" ${open ? "open" : ""}>
     <summary id="${escapeAttribute(summaryId)}">
       <span>Plugin access</span>
-      <span class="model-plugin-summary-count">${plugins.length} plugins · ${selectedCount}/${capabilityCount} tools available</span>
+      <span class="model-plugin-summary-count">${plugins.length} plugins · ${selectedCount}/${capabilityCount} tools selected</span>
     </summary>
     <div class="model-plugin-permissions-body">
       <p class="model-plugin-help">Allow plugins and individual tools for <strong>${escapeHtml(modelLabel(file))}</strong>. Global restrictions still apply. Save this model, then apply changes.</p>

package/dist/src/web-ui/app/components/config-workspace/workspace-mutations.js

@@ -95,7 +95,7 @@ export function createConfigWorkspaceMutations({
       return null;
     }
     const changed = dirtyFiles();
-    if (!changed.length) return () => {};
+    if (!changed.length) return prepareConfigDiscardCommit(false);
     const count = changed.length;
     const confirmed = confirmDiscard(
       `Discard unsaved changes in ${count} config ${
@@ -103,7 +103,27 @@ export function createConfigWorkspaceMutations({
       } and ${reason}?`,
     );
     if (!confirmed) return null;
-    return discardAllChanges;
+    return prepareConfigDiscardCommit(true);
+  }
+
+  function configDraftFingerprint() {
+    return JSON.stringify(configFileEntries().map((file) => {
+      const key = configFileKey(file);
+      return [key, file.config, state.rawDraftsByKey.get(key), state.baselinesByKey.get(key), state.appliedJsonRepairKeys.has(key)];
+    }));
+  }
+
+  function prepareConfigDiscardCommit(hasChanges) {
+    const dashboard = state.configDashboard;
+    const fingerprint = configDraftFingerprint();
+    const commit = () => { if (hasChanges) discardAllChanges(); };
+    commit.canCommit = () => {
+      if (state.externalRuntimeMutationInFlight) return false;
+      if (state.savingKeys.size > 0) return false;
+      if (state.configDashboard !== dashboard) return false;
+      return configDraftFingerprint() === fingerprint;
+    };
+    return commit;
   }
 
   function confirmDiscardChanges(reason = "leave configuration") {