@abot-ai/runtime 1.7.0 → 1.8.1

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

@@ -1,33 +1,11 @@
 import { escapeAttribute, escapeHtml, textOf } from "../lib/text-format.js";
 import { normalizeToolPermissionMode } from "../lib/tool-permission-mode.js";
+import { createReasoningModeController } from "./reasoning-mode-controller.js";
 import { createToolPermissionModeController } from "./tool-permission-mode-controller.js";
 
 export { normalizeToolPermissionMode } from "../lib/tool-permission-mode.js";
 
-export function normalizeAgentMode(mode) {
-  const normalized = textOf(mode).trim().toLowerCase();
-  return ["fast", "reasoning", "deep", "auto"].includes(normalized)
-    ? normalized
-    : "reasoning";
-}
-
-function agentModeMeta(mode) {
-  const modes = {
-    auto: { label: "Auto", description: "Lets the agent choose", icon: "*" },
-    fast: { label: "Fast", description: "Shorter and quicker", icon: "!" },
-    deep: {
-      label: "Deep analysis",
-      description: "More careful responses",
-      icon: "D",
-    },
-    reasoning: {
-      label: "Reasoning",
-      description: "Balanced speed and thinking",
-      icon: "R",
-    },
-  };
-  return modes[normalizeAgentMode(mode)] || modes.reasoning;
-}
+export { normalizeAgentMode } from "./reasoning-mode-controller.js";
 
 export function createRuntimeSelectionController({
   state,
@@ -41,18 +19,14 @@ export function createRuntimeSelectionController({
   onModelCatalogLoading = () => {},
   onModelCatalogLoaded = () => {},
   onModelCatalogUnavailable = () => {},
+  onReasoningConfigurationApplied,
 }) {
-  let agentModeLoadRevision = 0;
-  const agentModeMutationRevisions = new Map();
-  let agentModeMutationInFlight = false;
+  let modelCatalogEnvironmentId = null;
   let modelCatalogLoadRevision = 0;
 
-  const agentModeMutationRevisionFor = (environmentId) =>
-    agentModeMutationRevisions.get(environmentId) || 0;
-
-  function configuredEnvironmentOptions() {
-    const raw = Array.isArray(state.config?.environments)
-      ? state.config.environments
+  function configuredEnvironmentOptions(config = state.config) {
+    const raw = Array.isArray(config?.environments)
+      ? config.environments
       : [];
     const options = raw
       .map((entry) => {
@@ -63,7 +37,7 @@ export function createRuntimeSelectionController({
       })
       .filter(Boolean);
     if (options.length > 0) return options;
-    const fallback = textOf(state.config?.defaultEnvironmentId).trim();
+    const fallback = textOf(config?.defaultEnvironmentId).trim();
     return fallback ? [{ value: fallback, label: fallback }] : [];
   }
 
@@ -166,6 +140,7 @@ export function createRuntimeSelectionController({
   function applyModelSelection() {
     if (!dom.modelSelect.options.length) {
       modelSelector.sync();
+      renderAgentMode();
       return;
     }
     const target =
@@ -179,6 +154,7 @@ export function createRuntimeSelectionController({
       dom.modelSelect.value = target;
     }
     modelSelector.sync();
+    renderAgentMode();
   }
 
   function rememberModelSelection() {
@@ -188,6 +164,7 @@ export function createRuntimeSelectionController({
     if (getComposerSessionId())
       state.sessionModels[getComposerSessionId()] = profileId;
     saveModelPreferences();
+    renderAgentMode();
   }
 
   const {
@@ -197,127 +174,11 @@ export function createRuntimeSelectionController({
     state, dom, preferences, recordControlEvent, getComposerSessionId,
   });
 
-  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>`;
-    dom.agentModeButton.classList.toggle("open", state.agentModeMenuOpen);
-    dom.agentModeButton.setAttribute(
-      "aria-expanded",
-      state.agentModeMenuOpen ? "true" : "false",
-    );
-    dom.agentModeMenu.classList.toggle("open", state.agentModeMenuOpen);
-    dom.agentModeMenu.hidden = !state.agentModeMenuOpen;
-    dom.agentModeMenu.setAttribute("role", "menu");
-    dom.agentModeMenu.innerHTML = state.supportedAgentModes
-      .map((mode) => {
-        const item = agentModeMeta(mode);
-        const selected = normalizeAgentMode(mode) === state.agentMode;
-        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)}" ${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>`;
-      })
-      .join("");
-    dom.agentModeMenu
-      .querySelectorAll(".agent-mode-option")
-      .forEach((button) => {
-        button.addEventListener(
-          "click",
-          () => void setAgentMode(button.dataset.mode),
-        );
-      });
-  }
-
-  async function loadAgentMode() {
-    const revision = ++agentModeLoadRevision;
-    const environmentId = selectedEnvironmentId();
-    const mutationRevision = agentModeMutationRevisionFor(environmentId);
-    renderAgentMode();
-    try {
-      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;
-    const requestedMode = normalizeAgentMode(mode);
-    state.agentMode = requestedMode;
-    state.agentModeMenuOpen = false;
-    renderAgentMode();
-    dom.agentModeButton.focus();
-    try {
-      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) {
-      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();
-    }
-  }
+  const { renderAgentMode, loadAgentMode, setAgentMode } = createReasoningModeController({
+    state, dom, client, selectedEnvironmentId,
+    selectedModelProfile: () => modelCatalogEnvironmentId !== null && modelCatalogEnvironmentId !== selectedEnvironmentId() ? null : selectedModelProfile(),
+    reloadModels: onReasoningConfigurationApplied || loadModels, recordControlEvent,
+  });
 
   function renderModels() {
     dom.modelSelect.innerHTML = "";
@@ -328,6 +189,7 @@ export function createRuntimeSelectionController({
       option.textContent = "No models configured";
       dom.modelSelect.appendChild(option);
       modelSelector.sync();
+      renderAgentMode();
       return;
     }
     for (const profile of state.modelProfiles) {
@@ -345,6 +207,7 @@ export function createRuntimeSelectionController({
   async function loadModels() {
     const revision = ++modelCatalogLoadRevision;
     const environmentId = selectedEnvironmentId();
+    renderAgentMode();
     onModelCatalogLoading();
     let payload = null;
     try {
@@ -355,6 +218,7 @@ export function createRuntimeSelectionController({
       ) {
         return false;
       }
+      modelCatalogEnvironmentId = environmentId;
       state.defaultModelProfileId = textOf(payload.defaultProfileId);
       state.modelProfiles = Array.isArray(payload.profiles)
         ? payload.profiles
@@ -366,6 +230,7 @@ export function createRuntimeSelectionController({
       ) {
         return false;
       }
+      modelCatalogEnvironmentId = environmentId;
       state.defaultModelProfileId = "";
       state.modelProfiles = [];
       renderModels();

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

@@ -1,3 +1,4 @@
+import { createSessionPinUpdates } from "./session-pin-updates.js";
 import {
   isOlderSessionReadState,
   isSessionReadStateUnavailable,
@@ -19,6 +20,7 @@ export function createSessionController({
   selectedEnvironmentId,
   onOpen,
   onClearCurrent,
+  onSessionAttachmentsCleared = () => {},
   onClearSessionMode,
   onSaveModelPreferences,
   onReload,
@@ -28,13 +30,14 @@ export function createSessionController({
   copyText = (value) => navigator.clipboard.writeText(value),
 }) {
   let pagination;
+  const updatePinnedSessions = createSessionPinUpdates({ state, preferences });
   const titleOf = (session) =>
     textOf(session?.displayName || session?.title || session?.id);
   const byId = (sessionId) =>
     state.sessions.find((session) => textOf(session.id) === sessionId);
   const isPinned = (sessionId) => state.pinnedSessionIds.includes(sessionId);
   const sidebar = createSessionSidebarController({
-    state, preferences, selectedEnvironmentId, showToast: shell?.showToast,
+    state, preferences, updatePinnedSessions, selectedEnvironmentId, showToast: shell?.showToast,
     render: () => { (onSidebarChange ?? render)(); void pagination?.load(); }, getFilteredSessions: filtered,
     getPageInfo: () => pagination?.info(),
   });
@@ -98,7 +101,7 @@ export function createSessionController({
           <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 move-up-action" type="button" role="menuitem" tabindex="-1">Move up</button>
           <button class="session-action move-down-action" type="button" role="menuitem" tabindex="-1">Move down</button>
-          <button class="session-action archive-action" type="button" role="menuitem" tabindex="-1" title="Hide or restore this conversation in this browser and environment">${sidebar.isArchiveView() ? "Restore" : "Archive"}</button>
+          <button class="session-action archive-action" type="button" role="menuitem" tabindex="-1" title="Hide or restore this conversation in this ABot installation and environment">${sidebar.isArchiveView() ? "Restore" : "Archive"}</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>
@@ -227,12 +230,13 @@ export function createSessionController({
     render();
   }
 
-  function togglePinned(sessionId) {
+  async function togglePinned(sessionId) {
     if (!sessionId) return;
-    state.pinnedSessionIds = isPinned(sessionId)
-      ? state.pinnedSessionIds.filter((item) => item !== sessionId)
-      : [sessionId, ...state.pinnedSessionIds];
-    preferences.savePinnedSessions(state.pinnedSessionIds);
+    try {
+      await updatePinnedSessions((pins) => pins.includes(sessionId)
+        ? pins.filter((item) => item !== sessionId) : [sessionId, ...pins]);
+    }
+    catch { shell.showToast("Could not save pinned conversations", "failed"); return; }
     render();
     void pagination?.load();
   }
@@ -255,13 +259,17 @@ export function createSessionController({
       )
     )
       return;
+    const scope = { environmentId: selectedEnvironmentId(), sessionId };
     setBusy(sessionId, true);
     try {
-      await client.clearSessionMessages(sessionId, selectedEnvironmentId());
+      await client.clearSessionMessages(sessionId, scope.environmentId);
+      onSessionAttachmentsCleared(scope);
+      if (selectedEnvironmentId() !== scope.environmentId) return;
       onClearSessionMode(sessionId);
       if (state.currentSessionId === sessionId) onClearCurrent(false);
       await onReload();
     } catch (error) {
+      if (selectedEnvironmentId() !== scope.environmentId) return;
       onControlEvent({
         type: "control",
         name: "Session clear failed",
@@ -269,7 +277,8 @@ export function createSessionController({
         summary: error instanceof Error ? error.message : String(error),
       });
     } finally {
-      setBusy(sessionId, false);
+      state.busySessionIds.delete(sessionId);
+      if (selectedEnvironmentId() === scope.environmentId) render();
     }
   }
 
@@ -281,21 +290,26 @@ export function createSessionController({
       )
     )
       return;
+    const scope = { environmentId: selectedEnvironmentId(), sessionId };
     setBusy(sessionId, true);
     try {
-      await client.deleteSession(sessionId, selectedEnvironmentId());
-      state.pinnedSessionIds = state.pinnedSessionIds.filter(
-        (item) => item !== sessionId,
-      );
-      preferences.savePinnedSessions(state.pinnedSessionIds);
+      await client.deleteSession(sessionId, scope.environmentId);
+      onSessionAttachmentsCleared(scope);
+      if (selectedEnvironmentId() !== scope.environmentId) return;
+      void updatePinnedSessions((pins) => pins.filter((item) => item !== sessionId))
+        .then(() => { if (selectedEnvironmentId() === scope.environmentId) render(); })
+        .catch(() => {
+          if (selectedEnvironmentId() === scope.environmentId)
+            shell.showToast("Conversation deleted, but its saved pin could not be removed", "failed");
+        });
       onClearSessionMode(sessionId);
       delete state.sessionModels[sessionId];
       onSaveModelPreferences();
       if (
-        preferences.sessionIdForEnvironment(selectedEnvironmentId()) ===
+        preferences.sessionIdForEnvironment(scope.environmentId) ===
         sessionId
       ) {
-        preferences.saveSessionIdForEnvironment(selectedEnvironmentId(), "");
+        preferences.saveSessionIdForEnvironment(scope.environmentId, "");
       }
       state.sessions = state.sessions.filter(
         (session) => session.id !== sessionId,
@@ -304,6 +318,7 @@ export function createSessionController({
       render();
       await onReload();
     } catch (error) {
+      if (selectedEnvironmentId() !== scope.environmentId) return;
       onControlEvent({
         type: "control",
         name: "Session delete failed",
@@ -311,7 +326,8 @@ export function createSessionController({
         summary: error instanceof Error ? error.message : String(error),
       });
     } finally {
-      setBusy(sessionId, false);
+      state.busySessionIds.delete(sessionId);
+      if (selectedEnvironmentId() === scope.environmentId) render();
     }
   }
 

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

@@ -0,0 +1,14 @@
+/** Apply explicit pin actions in order, publishing only acknowledged values. */
+export function createSessionPinUpdates({ state, preferences }) {
+  let pending = Promise.resolve();
+  return function updatePinnedSessions(change) {
+    const saving = pending.then(async () => {
+      const next = change(state.pinnedSessionIds);
+      await preferences.savePinnedSessions(next);
+      state.pinnedSessionIds = next;
+    });
+    // A rejected action must not prevent a later explicit action from settling.
+    pending = saving.catch(() => {});
+    return saving;
+  };
+}

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

@@ -6,7 +6,7 @@ import { renderSessionSidebarSections } from "../components/session-sidebar-sect
 import { filterSessionsByArchiveState } from "../lib/session-archive-visibility.js";
 
 export function createSessionSidebarController({
-  state, preferences, selectedEnvironmentId = () => "", render, showToast, getFilteredSessions, getPageInfo = () => undefined,
+  state, preferences, updatePinnedSessions, selectedEnvironmentId = () => "", render, showToast, getFilteredSessions, getPageInfo = () => undefined,
 }) {
   let showingArchived = false;
   let environmentId = selectedEnvironmentId();
@@ -42,27 +42,25 @@ export function createSessionSidebarController({
     );
   }
 
-  function saveSidebar(value) {
+  async function saveSidebar(value) {
     try {
-      preferences.saveSessionSidebar(environmentId, value);
+      await preferences.saveSessionSidebar(environmentId, value);
       return true;
     } catch {
-      showToast?.("Could not save conversation preferences in this browser", "failed");
+      showToast?.("Could not save conversation preferences in ABot", "failed");
       return false;
     }
   }
 
-  function move(sourceId, targetId, placement) {
+  async function move(sourceId, targetId, placement) {
     if (!canMoveSidebarSession(sourceId, targetId)) return;
     if (state.pinnedSessionIds.includes(sourceId)) {
-      const pinned = moveSidebarSession(state.pinnedSessionIds, sourceId, targetId, placement);
       try {
-        preferences.savePinnedSessions(pinned);
+        await updatePinnedSessions((pins) => moveSidebarSession(pins, sourceId, targetId, placement));
       } catch {
         showToast?.("Could not save pinned conversation order", "failed");
         return;
       }
-      state.pinnedSessionIds = pinned;
       render();
       return;
     }
@@ -72,10 +70,10 @@ export function createSessionSidebarController({
     saved.orderedSessionIds = moveSidebarSession(
       [...unrankedIds, ...saved.orderedSessionIds], sourceId, targetId, placement,
     );
-    if (saveSidebar(saved)) render();
+    if (await saveSidebar(saved)) render();
   }
 
-  function moveInDirection(session, direction) {
+  async function moveInDirection(session, direction) {
     const group = sessionSidebarGroup(session, state.pinnedSessionIds);
     const siblings = getFilteredSessions().filter(isSessionVisibleInSidebar).filter((candidate) =>
       sessionSidebarGroup(candidate, state.pinnedSessionIds) === group,
@@ -84,7 +82,7 @@ export function createSessionSidebarController({
     if (index < 0) return;
     const target = siblings[index + direction];
     if (!target) return;
-    move(session.id, target.id, direction < 0 ? "before" : "after");
+    await move(session.id, target.id, direction < 0 ? "before" : "after");
     document.getElementById(`session-open-${encodeURIComponent(session.id)}`)?.focus();
   }
 
@@ -97,17 +95,17 @@ export function createSessionSidebarController({
     return true;
   }
 
-  function setSessionArchived(sessionId, archived) {
+  async function setSessionArchived(sessionId, archived) {
     if (!sessionId) return false;
     const saved = savedPreferences();
     if (saved.archivedSessionIds.includes(sessionId) === archived) return true;
     saved.archivedSessionIds = archived
       ? [...saved.archivedSessionIds, sessionId]
       : saved.archivedSessionIds.filter((id) => id !== sessionId);
-    if (!saveSidebar(saved)) return false;
+    if (!await saveSidebar(saved)) return false;
     render();
     sidebarRoot?.querySelector(".session-archive-toggle")?.focus();
-    showToast?.(archived ? "Conversation archived in this browser" : "Conversation restored");
+    showToast?.(archived ? "Conversation archived" : "Conversation restored");
     return true;
   }
 

package/dist/src/web-ui/app/controllers/spark-chat-sync.js

@@ -95,7 +95,7 @@ export function createSparkChatSync({
     try {
       const result = await client.loadSparkChat(environmentId);
       if (!isCurrentRead(environmentId, readRevision)) return;
-      if (modelCatalogEnvironment !== environmentId || !modelProfiles.some((profile) => profile.id === result.modelProfileId)) {
+      if (consolidateNext || modelCatalogEnvironment !== environmentId || !modelProfiles.some((profile) => profile.id === result.modelProfileId)) {
         const catalog = await client.listModels(environmentId);
         if (!isCurrentRead(environmentId, readRevision)) return;
         modelProfiles = catalog.profiles || catalog.models || [];
@@ -111,7 +111,7 @@ export function createSparkChatSync({
         onHistoryReset();
       }
       if (hasReadableGeneration(result.readState)) readGeneration = result.readState.readGeneration;
-      onConfiguration({ ...result, supportsImageInput, modelAvailable: Boolean(profile) });
+      onConfiguration({ ...result, supportsImageInput, supportsThinking: profile?.supportsThinking === true, modelAvailable: Boolean(profile) });
       onReadState(result.readState);
       const snapshot = result.snapshot;
       if (shouldHydrateSparkConversation(initialized, rehydrate, snapshot, state)) {

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

@@ -1,3 +1,5 @@
+import { ComposerSubmissionRefused } from "./composer-submission-lifecycle.js";
+
 function createSteerId() {
   const randomId = globalThis.crypto?.randomUUID?.();
   if (randomId) return `web-steer-${randomId}`;
@@ -28,7 +30,7 @@ export function createSteerController({
     if (message.accepted === true) pending.resolve(message);
     else {
       pending.reject(
-        new Error(String(message.reason || "Steer was not accepted.")),
+        new ComposerSubmissionRefused(String(message.reason || "Steer was not accepted.")),
       );
     }
     return true;
@@ -43,13 +45,13 @@ export function createSteerController({
     }
   }
 
-  async function steer(text) {
-    const { requestId, environmentId, sessionId } = getScope();
+  async function steer(text, captured = {}) {
+    const { requestId, environmentId, sessionId } = captured.scope ?? getScope();
     if (!requestId || !sessionId) {
-      throw new Error("There is no active request to steer.");
+      throw new ComposerSubmissionRefused("There is no active request to steer.");
     }
-    if (getPendingAttachmentCount() > 0) {
-      throw new Error("Attachments can only be sent with Send next.");
+    if ((captured.pendingAttachmentCount ?? getPendingAttachmentCount()) > 0) {
+      throw new ComposerSubmissionRefused("Attachments can only be sent with Send next.");
     }
     const steerId = createSteerId();
     const acknowledgement = new Promise((resolve, reject) => {
@@ -81,7 +83,7 @@ export function createSteerController({
       const pending = pendingSteers.get(steerId);
       pendingSteers.delete(steerId);
       if (pending) clearTimer(pending.timeoutId);
-      throw new Error("Realtime connection is not available.");
+      throw new ComposerSubmissionRefused("Realtime connection is not available.");
     }
     await acknowledgement;
     const current = getScope();

package/dist/src/web-ui/app/controllers/tool-permission-mode-controller.js

@@ -20,7 +20,7 @@ export function createToolPermissionModeController({
   function currentToolPermissionMode() {
     const sessionId = getComposerSessionId();
     if (!sessionId) return preferences.loadLastToolPermissionMode(normalizeToolPermissionMode);
-    return normalizeToolPermissionMode(sessionModeFor(sessionId).toolPermissionMode);
+    return normalizeToolPermissionMode(sessionModeFor(sessionId).toolPermissionMode || "ask");
   }
 
   function clearSessionMode(sessionId) {

package/dist/src/web-ui/app/controllers/workspace-conversation-opener.js

@@ -0,0 +1,34 @@
+import { canNavigateConversation } from "./conversation-navigation-intent.js";
+
+/** Prepare the session and recovered draft before committing its workspace. */
+export function createWorkspaceConversationOpener({ state, shell, openSession }) {
+  return async (sessionId, options) => {
+    if (!sessionId) return false;
+    if (!canNavigateConversation(state)) {
+      shell.showToast?.("Wait for the environment change to finish before opening a conversation.", "neutral");
+      return false;
+    }
+    const activate = shell.prepareWorkspaceActivation("chat");
+    if (!activate) return false;
+    let navigationRevision = shell.navigationRevision?.();
+    function isConversationWorkspaceNavigationCurrent() {
+      if (!canNavigateConversation(state)) return false;
+      return shell.navigationRevision?.() === navigationRevision;
+    }
+    let committed = false;
+    const opened = await openSession(sessionId, {
+      ...options,
+      isRouteCurrent: isConversationWorkspaceNavigationCurrent,
+      commitRouteNavigation: () => {
+        if (!isConversationWorkspaceNavigationCurrent()) return false;
+        committed = activate() === true;
+        navigationRevision = shell.navigationRevision?.();
+        return committed;
+      },
+    });
+    if (opened !== true) return false;
+    if (!committed) return false;
+    if (!isConversationWorkspaceNavigationCurrent()) return false;
+    return state.currentSessionId === sessionId;
+  };
+}

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

@@ -1,3 +1,4 @@
+import { createWorkspaceConversationOpener } from "./controllers/workspace-conversation-opener.js";
 import { createDashboardWorkspace } from "./components/dashboard/workspace.js";
 import { createDashboardController } from "./controllers/dashboard-controller.js";
 import { createDashboardApprovalsController } from "./controllers/dashboard-approvals-controller.js";
@@ -17,6 +18,7 @@ export function createDashboardFeature({
   isComposerAvailable,
   passiveLearning,
 }) {
+  const openConversation = createWorkspaceConversationOpener({ state, shell, openSession });
   let view;
   let controller;
   const approvals = createDashboardApprovalsController({
@@ -50,9 +52,8 @@ export function createDashboardFeature({
       refresh: controller.refresh,
       decideApproval: approvals.submit,
       openConversation: async (sessionId, requestId) => {
-        if (!shell.activateWorkspace("chat")) return;
         try {
-          await openSession(sessionId, { page: { targetRequestId: requestId } });
+          if (!await openConversation(sessionId, { page: { targetRequestId: requestId } })) return;
           if (state.currentSessionId !== sessionId) return;
           if (!requestId) return;
           requestAnimationFrame(() => {
@@ -74,6 +75,15 @@ export function createDashboardFeature({
   document.addEventListener("visibilitychange", controller.visibilityChanged);
   return {
     ...controller,
+    compactWidgets: view.compactWidgets,
+    setActive(value) {
+      view.compactWidgets.setWorkspace(value ? "home" : "other");
+      controller.setActive(value);
+    },
+    environmentChanged() {
+      view.compactWidgets.close({ restoreFocus: false });
+      controller.environmentChanged();
+    },
     composerHost: view.composerHost,
     setupHost: view.setupHost,
   };