@abot-ai/runtime 1.0.0 → 1.2.0

package/dist/src/web-ui/app/controllers/runtime-selection-controller.js

@@ -56,6 +56,14 @@ export function createRuntimeSelectionController({
   onModelCatalogLoaded = () => {},
   onModelCatalogUnavailable = () => {},
 }) {
+  let agentModeLoadRevision = 0;
+  const agentModeMutationRevisions = new Map();
+  let agentModeMutationInFlight = false;
+  let modelCatalogLoadRevision = 0;
+
+  const agentModeMutationRevisionFor = (environmentId) =>
+    agentModeMutationRevisions.get(environmentId) || 0;
+
   function configuredEnvironmentOptions() {
     const raw = Array.isArray(state.config?.environments)
       ? state.config.environments
@@ -277,6 +285,9 @@ export function createRuntimeSelectionController({
 
   function renderAgentMode() {
     const meta = agentModeMeta(state.agentMode);
+    dom.agentModeButton.title = `Reasoning depth: ${meta.label}`;
+    dom.agentModeButton.setAttribute("aria-label", `Reasoning depth: ${meta.label}`);
+    dom.agentModeButton.disabled = agentModeMutationInFlight;
     dom.agentModeButton.innerHTML = `
       <span class="agent-mode-icon">${escapeHtml(meta.icon)}</span>
       <span>${escapeHtml(meta.label)}</span>`;
@@ -295,7 +306,7 @@ export function createRuntimeSelectionController({
         return `
           <button class="agent-mode-option ${selected ? "selected" : ""}" type="button"
             role="menuitemradio" aria-checked="${selected ? "true" : "false"}"
-            tabindex="${selected ? "0" : "-1"}" data-mode="${escapeAttribute(mode)}">
+            tabindex="${selected ? "0" : "-1"}" data-mode="${escapeAttribute(mode)}" ${agentModeMutationInFlight ? "disabled" : ""}>
             <span class="agent-mode-option-icon">${escapeHtml(item.icon)}</span>
             <span><strong>${escapeHtml(item.label)}</strong><small>${escapeHtml(item.description)}</small></span>
           </button>`;
@@ -312,42 +323,85 @@ export function createRuntimeSelectionController({
   }
 
   async function loadAgentMode() {
+    const revision = ++agentModeLoadRevision;
+    const environmentId = selectedEnvironmentId();
+    const mutationRevision = agentModeMutationRevisionFor(environmentId);
     renderAgentMode();
     try {
-      const payload = await client.getAgentMode(selectedEnvironmentId());
+      const payload = await client.getAgentMode(environmentId);
+      if (
+        revision !== agentModeLoadRevision ||
+        mutationRevision !== agentModeMutationRevisionFor(environmentId) ||
+        environmentId !== selectedEnvironmentId()
+      ) {
+        return false;
+      }
       state.agentMode = normalizeAgentMode(payload.mode);
       state.supportedAgentModes = Array.isArray(payload.supportedModes)
         ? payload.supportedModes.map(normalizeAgentMode)
         : state.supportedAgentModes;
       renderAgentMode();
+      return true;
     } catch {
+      if (
+        revision !== agentModeLoadRevision ||
+        mutationRevision !== agentModeMutationRevisionFor(environmentId) ||
+        environmentId !== selectedEnvironmentId()
+      ) {
+        return false;
+      }
       state.agentMode = "reasoning";
       renderAgentMode();
+      return false;
     }
   }
 
   async function setAgentMode(mode) {
+    if (agentModeMutationInFlight) return false;
+    agentModeMutationInFlight = true;
+    const environmentId = selectedEnvironmentId();
+    const revision = agentModeMutationRevisionFor(environmentId) + 1;
+    agentModeMutationRevisions.set(environmentId, revision);
+    const loadRevisionAtStart = ++agentModeLoadRevision;
     const previousMode = state.agentMode;
-    state.agentMode = normalizeAgentMode(mode);
+    const requestedMode = normalizeAgentMode(mode);
+    state.agentMode = requestedMode;
     state.agentModeMenuOpen = false;
     renderAgentMode();
     dom.agentModeButton.focus();
     try {
-      const payload = await client.setAgentMode(
-        state.agentMode,
-        selectedEnvironmentId(),
-      );
+      const payload = await client.setAgentMode(requestedMode, environmentId);
+      if (
+        revision !== agentModeMutationRevisionFor(environmentId) ||
+        environmentId !== selectedEnvironmentId()
+      ) {
+        return false;
+      }
+      agentModeLoadRevision += 1;
       state.agentMode = normalizeAgentMode(payload.mode);
       renderAgentMode();
+      return true;
     } catch (error) {
-      state.agentMode = previousMode;
-      renderAgentMode();
+      if (
+        revision !== agentModeMutationRevisionFor(environmentId) ||
+        environmentId !== selectedEnvironmentId()
+      ) {
+        return false;
+      }
+      if (agentModeLoadRevision === loadRevisionAtStart) {
+        state.agentMode = previousMode;
+        renderAgentMode();
+      }
       recordControlEvent({
         type: "control",
         name: "Reasoning mode update failed",
         tone: "failed",
         summary: error instanceof Error ? error.message : String(error),
       });
+      return false;
+    } finally {
+      agentModeMutationInFlight = false;
+      renderAgentMode();
     }
   }
 
@@ -375,23 +429,38 @@ export function createRuntimeSelectionController({
   }
 
   async function loadModels() {
+    const revision = ++modelCatalogLoadRevision;
+    const environmentId = selectedEnvironmentId();
     onModelCatalogLoading();
     let payload = null;
     try {
-      payload = await client.listModels(selectedEnvironmentId());
+      payload = await client.listModels(environmentId);
+      if (
+        revision !== modelCatalogLoadRevision ||
+        environmentId !== selectedEnvironmentId()
+      ) {
+        return false;
+      }
       state.defaultModelProfileId = textOf(payload.defaultProfileId);
       state.modelProfiles = Array.isArray(payload.profiles)
         ? payload.profiles
         : [];
     } catch (error) {
+      if (
+        revision !== modelCatalogLoadRevision ||
+        environmentId !== selectedEnvironmentId()
+      ) {
+        return false;
+      }
       state.defaultModelProfileId = "";
       state.modelProfiles = [];
       renderModels();
       onModelCatalogUnavailable(error);
-      return;
+      return false;
     }
     renderModels();
     onModelCatalogLoaded(payload);
+    return true;
   }
 
   return {

package/dist/src/web-ui/app/controllers/session-controller.js

@@ -1,10 +1,5 @@
 import { matchesSessionQuery } from "../ui-behavior.js";
-import {
-  escapeAttribute,
-  escapeHtml,
-  formatTime,
-  textOf,
-} from "../lib/text-format.js";
+import { escapeAttribute, escapeHtml, textOf } from "../lib/text-format.js";
 import { getNumber } from "../lib/event-presentation.js";
 
 export function createSessionController({
@@ -22,6 +17,7 @@ export function createSessionController({
   onReload,
   onControlEvent,
   confirmAction = window.confirm.bind(window),
+  copyText = (value) => navigator.clipboard.writeText(value),
 }) {
   const titleOf = (session) =>
     textOf(session?.displayName || session?.title || session?.id);
@@ -93,7 +89,7 @@ export function createSessionController({
         hasUnread ? "unread" : ""
       }`;
       item.innerHTML = `
-        <button class="session-open-button" type="button">
+        <button class="session-open-button" type="button" title="${escapeAttribute(titleOf(session))}">
           <div class="session-title-row">
             <div class="session-title" dir="auto">${escapeHtml(titleOf(session))}</div>
             ${
@@ -104,16 +100,12 @@ export function createSessionController({
                 : ""
             }
           </div>
-          <div class="session-preview" dir="auto">${escapeHtml(
-            session.lastMessagePreview ||
-              formatTime(session.updatedAt) ||
-              session.id,
-          )}</div>
         </button>
         <div class="session-actions" aria-label="Session actions">
           <button class="session-menu-button" type="button" title="Session actions" aria-label="Session actions" aria-haspopup="menu" aria-expanded="false" aria-controls="session-menu-${sessionIndex}">•••</button>
           <div id="session-menu-${sessionIndex}" class="session-menu" role="menu" hidden>
             <button class="session-action pin-action" type="button" role="menuitem" tabindex="-1" title="${pinned ? "Unpin session" : "Pin session"}">${pinned ? "Unpin" : "Pin"}</button>
+            <button class="session-action copy-filename-action" type="button" role="menuitem" tabindex="-1" title="Copy session filename">Copy filename</button>
             <button class="session-action clear-action" type="button" role="menuitem" tabindex="-1" title="Reset messages">Reset</button>
             <button class="session-action delete-action" type="button" role="menuitem" tabindex="-1" title="Delete session">Delete</button>
           </div>
@@ -128,6 +120,9 @@ export function createSessionController({
       item
         .querySelector(".pin-action")
         ?.addEventListener("click", () => togglePinned(sessionId));
+      item
+        .querySelector(".copy-filename-action")
+        ?.addEventListener("click", () => void copyFilename(sessionId));
       item
         .querySelector(".clear-action")
         ?.addEventListener("click", () => void clearMessages(sessionId));
@@ -229,6 +224,16 @@ export function createSessionController({
     render();
   }
 
+  async function copyFilename(sessionId) {
+    sessionActionsMenu.close({ restoreFocus: true });
+    try {
+      await copyText(`${sessionId}.json`);
+      shell.showToast("Session filename copied");
+    } catch {
+      shell.showToast("Could not copy session filename", "failed");
+    }
+  }
+
   async function clearMessages(sessionId) {
     if (!sessionId || state.busySessionIds.has(sessionId)) return;
     if (

package/dist/src/web-ui/app/controllers/tool-approval-controller.d.ts

@@ -0,0 +1,28 @@
+import type {
+  ToolApprovalCardOptions,
+  ToolApprovalEvent,
+} from "../components/tool-approval-card.js";
+
+export interface ToolApprovalControllerState {
+  connected: boolean;
+  events: ToolApprovalEvent[];
+  submittedToolApprovalIds: Set<string>;
+}
+
+export interface ToolApprovalControllerOptions {
+  state: ToolApprovalControllerState;
+  selectedEnvironmentId(): string;
+  sendRealtime(message: Record<string, unknown>): unknown;
+  renderMessages(): void;
+  recordControlEvent(event: Record<string, unknown>): void;
+  createCard(options: ToolApprovalCardOptions): HTMLElement;
+}
+
+export declare function createToolApprovalController(
+  options: ToolApprovalControllerOptions,
+): {
+  createCard(event: ToolApprovalEvent | undefined): HTMLElement;
+  isPending(event: ToolApprovalEvent | undefined): boolean;
+  pendingEvent(): ToolApprovalEvent | undefined;
+  submit(approvalId: string, approved: boolean): boolean;
+};