@abot-ai/runtime 1.4.0 → 1.5.0

package/dist/src/web-ui/app/ARCHITECTURE.md

@@ -19,6 +19,17 @@ Controllers and components communicate through injected callbacks or values. The
 
 `workspace-shell.js` is the single owner of workspace navigation. It owns the active Home, Chat, Schedules or Config workspace, responsive Conversations visibility, focus restoration, Escape handling, backdrop state, and related ARIA attributes. `conversation-sidebar-layout.js` resolves the sidebar presentation policy; `operations-section.js` owns the internal Runtime, Logs, and Health tabs within Configuration. These components must not own session data, request state, or Runtime transport.
 
+`workspace-route-controller.js` owns the browser address projection and history
+restoration; `lib/workspace-route.js` owns address parsing and serialization.
+The four workspace paths reuse the existing server fallback. Environment is
+explicit, with a Chat session, Configuration category and Operations tab, or
+saved schedule Job when relevant. Bootstrap validates the URL environment before
+loading its data, then restores the addressed view. Route application uses the
+existing shell, environment, conversation and schedule controllers and respects
+their guards. Environment transitions suppress intermediate history entries;
+rejected Back or Forward navigation restores the accepted history entry. The URL
+never contains drafts, credentials, approval choices, or mutation payloads.
+
 `conversation-activity.js` owns only request-scoped activity presentation. `realtime-event-controller.js` preserves sequence authority, associates events and progress with their exact `requestId`, and injects those values into the conversation view. `realtime-transport.js` only parses and transports frames; it does not reduce application state.
 
 `composer-context-window.js` presents the existing context estimate as one compact composer indicator. It selects the active assistant request, or the newest conversation message only when it is a request-linked assistant message while idle. A pending user turn, an assistant message without a request ID, or missing metrics hides the indicator instead of falling back to an earlier request. Context metric updates refresh it independently of message tokens; session-view resets clear it. Estimated usage, provider-reported usage, and compaction remain distinct, and provider usage stays bound to the matching model invocation.
@@ -83,7 +94,7 @@ Panel resizing and persisted panel widths are intentionally not part of this arc
 
 `composer-workspace-controller.js` moves the existing composer DOM between Home and Chat and isolates their draft text and attachments. `composer-surface-controller.js` routes input, rendering and attachment actions to the active surface. Both surfaces use the same attachment and submission controllers; background Chat queue work writes to its own input surface. Home submission adopts its draft into a new conversation before invoking the ordinary Chat request controller. Home navigation alone never resets or reads the active conversation. `conversation-read-state-controller.js` rechecks visible Chat, environment, session and view revision before marking persisted assistant messages read.
 
-Dashboard Job suggestions are inert data in `dashboard-job-templates.js`. They open the ordinary schedule form with editable defaults, a selected model, device time zone and a new dedicated conversation target. Only explicit Save creates state. `schedule-job-creation.ts` adapts this Web-only target into an owner-created conversation and the existing scheduler contract; it never invokes the model. Existing-conversation creation remains supported. `configuration-feature.js` owns the composition of Configuration and its memory controls. `app-bootstrap.js` owns startup ordering, environment restoration, initial loading and Home activation.
+Dashboard Job suggestions are inert data in `dashboard-job-templates.js`. They open the ordinary schedule form with editable defaults, a selected model, device time zone and a new dedicated conversation target. Only explicit Save creates state. `schedule-job-creation.ts` adapts this Web-only target into an owner-created conversation and the existing scheduler contract; it never invokes the model. Existing-conversation creation remains supported. `configuration-feature.js` owns the composition of Configuration and its memory controls. `app-bootstrap.js` owns startup ordering, environment restoration, initial loading and route-controller composition; an unaddressed start activates Home.
 
 Read tracking belongs only to the native Web UI backend. `session-read-state/service.ts` reads canonical session snapshots and projects unread assistant replies; `store.ts` persists the UI cursors in an environment-specific sidecar under `runtimeDir/web-ui/read-state/`. Runtime session files, model context and Runtime contracts remain unchanged. A persisted initialization timestamp treats existing history as read and tracks later replies, including newly created Job conversations. Read acknowledgements resolve only the displayed persisted assistant message or its exact completed request ID. Cursors advance monotonically and survive server restarts; invalid boundaries never acknowledge unseen replies. Browser consumers retain newer read revisions when older responses arrive late.
 
@@ -143,9 +154,14 @@ Visual components may format or group events, but they never accept transport fr
 `schedules-feature.js` composes the scheduler browser feature from its controller,
 transport requests and presentation. `schedules-controller.js` owns loading and
 management actions scoped to the selected environment, guards stale reads, and
-refreshes only while the workspace is active and no editor or mutation is pending.
+refreshes from committed server changes while the workspace is active and visible.
+The event refresh queue coalesces bursts and preserves changes received during
+reads or mutations; reconnection and visibility return reconcile missed changes.
+Background updates retain the open editor and the selected run-history page.
 The full Schedules workspace shares the shell navigation and discard guards;
-its editor uses an explicit save and a saved model/mode with Full tool access.
+its editor uses an explicit save and a saved model/mode with selectable Full or
+FULL+ tool access. Full remains the default; FULL+ must be selected explicitly.
+The run history shows the permission captured for each invocation.
 Unchanged timing fields are omitted from edits, preserving the original timer or
 interval anchor when only a title, prompt or model changes.
 
@@ -215,6 +231,9 @@ external mutation lock during save, Apply and refresh. Saved model identity
 survives Apply failure; successful Apply survives refresh failure. Completion
 refreshes Memory provider choices and chat models, selects the new profile, and
 focuses it only after closing the modal and releasing the lock.
+Deferred activation refreshes the saved declaration without marking it active or
+refreshing the active chat catalog. The dialog distinguishes saved/pending status
+from save failures, and closing it does not undo the saved declaration.
 
 local-runtime/model-setup-\* owns catalog/input/credential/addition behavior.
 It uses the canonical configuration repository and shared CLI merge helper,
@@ -223,6 +242,12 @@ Only new OpenAI/Ollama connections are created here; existing provider IDs are
 resolved by adapter type. The transport exposes no secret values and requires
 the same-origin JSON mutation guard. This flow does not invoke a model.
 
+New Web additions use a model file and `configRef`; existing inline profiles
+remain supported. Declaration removal uses the canonical Runtime lock and loaded
+root revision, validates the remaining configuration for every environment, and
+keeps referenced files, providers and credentials. Discovered files without a
+declaration remain editable and are explicitly marked as not registered.
+
 ## Projects and permission modes
 
 `projects-feature.js` composes project UI; `projects-controller.js` owns project
@@ -245,3 +270,15 @@ values and server compatibility. FULL+ requires advertised server support, and
 transport rejects unsupported requests without a silent downgrade. The existing
 composer queue keeps its captured mode. Project membership never selects FULL+.
 `app-state.js` constructs the same one shared browser state identity for `app.js`.
+
+Home approvals reuse the local Web transport's live approval promises through
+`GET /chat/approvals`. An explicit decision POST binds the environment, session,
+request and approval identities and rechecks live ownership before resolving it.
+The dashboard controller discards old-environment responses; discovery and
+approval never load or mark a conversation as read. External bridge connections
+show that Home discovery is unavailable. The shared approval card keeps recorded
+execution evidence visible and places the complete rationale in a native disclosure.
+
+Startup keeps the app inert and hidden from the initial HTML until workspace
+restoration finishes. The branded startup screen reveals the app once ready;
+failed bootstrap reads remain on an error with an explicit Reload action.

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

@@ -1,3 +1,5 @@
+import { createStartupScreen } from "./components/startup-screen.js";
+import { createWorkspaceRouteController } from "./controllers/workspace-route-controller.js";
 import { textOf } from "./lib/text-format.js";
 
 export async function bootstrapWebApp({
@@ -7,6 +9,8 @@ export async function bootstrapWebApp({
   shell,
   homeComposer,
   dashboard,
+  learning,
+  notifications,
   schedules,
   projects,
   selection,
@@ -19,7 +23,26 @@ export async function bootstrapWebApp({
   configuration,
   realtime,
   restoreLastSession,
+  navigation,
+  onNavigationReady = () => {},
 }) {
+  const routes = navigation
+    ? createWorkspaceRouteController({
+        shell,
+        configuration,
+        selection,
+        schedules,
+        getEnvironmentId: () => dom.environmentSelect.value,
+        getSessionId: () => state.currentSessionId,
+        changeEnvironment: navigation.bindings.changeEnvironment,
+        isEnvironmentChanging: navigation.bindings.isEnvironmentChanging,
+        loadSessions: navigation.conversation.loadSessions,
+        openSession: navigation.conversation.openSession,
+        restoreLastSession,
+      })
+    : null;
+  onNavigationReady(routes);
+  routes?.bind();
   selection.loadPreferences();
   shell.load();
   homeComposer.setWorkspace(shell.activeWorkspace());
@@ -30,7 +53,9 @@ export async function bootstrapWebApp({
   selection.renderPermissionMode();
   renderMessages();
   state.config = await client.loadWebConfig();
+  void configuration.refreshComputerAccess?.();
   schedules.refreshAvailability();
+  notifications?.refreshAvailability();
   projects?.refreshAvailability();
   selection.renderEnvironmentOptions();
   const options = selection.environmentOptions();
@@ -38,8 +63,14 @@ export async function bootstrapWebApp({
   const fallback =
     textOf(state.config.defaultEnvironmentId).trim() || options[0]?.value || "";
   const hasSavedEnvironment = options.some((option) => option.value === saved);
-  dom.environmentSelect.value = hasSavedEnvironment ? saved : fallback;
+  dom.environmentSelect.value = routes
+    ? routes.bootstrapEnvironment(options, saved, fallback)
+    : hasSavedEnvironment
+      ? saved
+      : fallback;
   preferences.saveEnvironmentId(dom.environmentSelect.value);
+  learning?.environmentChanged();
+  learning?.setWorkspace(shell.activeWorkspace());
   homeComposer.environmentChanged();
   selection.renderAgentPicker();
   realtime.connect();
@@ -51,6 +82,18 @@ export async function bootstrapWebApp({
     operations.loadSystemHealth(),
     configuration.load(),
   ]);
-  await restoreLastSession();
+  if (routes) await routes.restoreInitial();
+  else await restoreLastSession();
   dashboard.setReady();
+  notifications?.setReady();
+}
+
+export async function startWebApp(options) {
+  const startup = createStartupScreen();
+  try {
+    await bootstrapWebApp(options);
+    startup.ready();
+  } catch (error) {
+    startup.fail(error);
+  }
 }

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

@@ -15,7 +15,29 @@ export function findAppDom(documentRoot = document) {
       "closeSchedulesWorkspaceButton",
     ),
     schedulesRoot: documentRoot.getElementById("schedulesRoot"),
+    learningWorkspaceButton: documentRoot.getElementById(
+      "learningWorkspaceButton",
+    ),
+    learningWorkspacePanel: documentRoot.getElementById(
+      "learningWorkspacePanel",
+    ),
+    closeLearningWorkspaceButton: documentRoot.getElementById(
+      "closeLearningWorkspaceButton",
+    ),
+    learningRoot: documentRoot.getElementById("learningRoot"),
+    memoryWorkspaceButton: documentRoot.getElementById("memoryWorkspaceButton"),
+    memoryWorkspacePanel: documentRoot.getElementById("memoryWorkspacePanel"),
+    openMemoryRestartControlsButton: documentRoot.getElementById(
+      "openMemoryRestartControlsButton",
+    ),
+    closeMemoryWorkspaceButton: documentRoot.getElementById(
+      "closeMemoryWorkspaceButton",
+    ),
+    memorySetupRoot: documentRoot.getElementById("memorySetupRoot"),
+    memoryManagementRoot: documentRoot.getElementById("memoryManagementRoot"),
     configWorkspaceButton: documentRoot.getElementById("configWorkspaceButton"),
+    modelsWorkspaceButton: documentRoot.getElementById("modelsWorkspaceButton"),
+    pluginsWorkspaceButton: documentRoot.getElementById("pluginsWorkspaceButton"),
     chatPanel: documentRoot.querySelector(".chat-panel"),
     sessionsPanel: documentRoot.querySelector(".sessions-panel"),
     configWorkspacePanel: documentRoot.getElementById("configWorkspacePanel"),
@@ -58,6 +80,7 @@ export function findAppDom(documentRoot = document) {
     composerPlan: documentRoot.getElementById("composerPlan"),
     composerSubmitControl: documentRoot.getElementById("composerSubmitControl"),
     sendButton: documentRoot.getElementById("sendButton"),
+    stopButton: documentRoot.getElementById("stopButton"),
     sendButtonLabel: documentRoot.getElementById("sendButtonLabel"),
     sendNextMenuButton: documentRoot.getElementById("sendNextMenuButton"),
     sendNextMenu: documentRoot.getElementById("sendNextMenu"),

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

@@ -0,0 +1,46 @@
+import { bindRuntimeSetupPageLifecycle } from "./runtime-setup-page-lifecycle.js";
+
+export function bindWebAppPageLifecycle({
+  appEventBindings,
+  page,
+  documentRoot,
+  environmentSelect,
+  disposeRuntimeSetup,
+  reloadModels,
+  markSessionRead,
+  environmentChanged,
+  visibilityChanged,
+}) {
+  appEventBindings.bind();
+  bindRuntimeSetupPageLifecycle({
+    page,
+    dispose: disposeRuntimeSetup,
+    reloadModels,
+  });
+  documentRoot.addEventListener("visibilitychange", markSessionRead);
+  documentRoot.addEventListener("visibilitychange", visibilityChanged);
+  environmentSelect.addEventListener("change", environmentChanged);
+}
+
+export function bindWebAppWorkspaceLifecycle({
+  appEventBindings, dom, runtimeSetupGuide, reloadModels, conversationSession,
+  homeComposer, dashboardFeature, passiveLearning, notifications, operations,
+}) {
+  bindWebAppPageLifecycle({
+    appEventBindings,
+    page: window,
+    documentRoot: document,
+    environmentSelect: dom.environmentSelect,
+    disposeRuntimeSetup: runtimeSetupGuide.dispose,
+    reloadModels,
+    markSessionRead: conversationSession.markCurrentSessionReadSoon,
+    environmentChanged: () => {
+      homeComposer.environmentChanged();
+      dashboardFeature.environmentChanged();
+      passiveLearning.environmentChanged();
+      notifications.environmentChanged();
+      operations.environmentChanged();
+    },
+    visibilityChanged: passiveLearning.visibilityChanged,
+  });
+}

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

@@ -0,0 +1,42 @@
+import { createRealtimeTransport } from "./services/realtime-transport.js";
+
+export function createAppRealtimeTransport({
+  state,
+  getConfig,
+  onMessage,
+  setConnectionLabel,
+  rejectPendingSteers,
+  recordControlEvent,
+  onConnected,
+}) {
+  return createRealtimeTransport({
+    getConfig,
+    onMessage,
+    onOpen: () => {
+      state.connected = true;
+      setConnectionLabel("Connected");
+      onConnected();
+    },
+    onClose: () => {
+      state.connected = false;
+      rejectPendingSteers(
+        "Realtime connection closed before steer was accepted.",
+      );
+      setConnectionLabel("Reconnecting", true);
+    },
+    onError: () => {
+      state.connected = false;
+      setConnectionLabel("Connection issue", true);
+    },
+    onParseError: (error, preview) => {
+      recordControlEvent({
+        type: "control",
+        name: "Realtime parse error",
+        tone: "failed",
+        summary: `${error instanceof Error ? error.message : String(error)}${
+          preview ? `: ${preview}` : ""
+        }`,
+      });
+    },
+  });
+}

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

@@ -19,6 +19,7 @@ export function createAppState() {
     contextWindowByRequest: new Map(),
     submittedToolApprovalIds: new Set(),
     requestMessages: new Map(),
+    requestLifecycles: new Map(),
     currentSessionId: "",
     activeRequestId: "",
     sessionViewVersion: 0,

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

@@ -1,3 +1,4 @@
+import { isWorkspaceChange } from "./lib/workspace-change.js";
 import { createAppState } from "./app-state.js";
 import { createProjectsFeature } from "./projects-feature.js";
 import {
@@ -5,10 +6,13 @@ import {
   isCurrentComposerSubmissionScope,
 } from "./lib/composer-submission-scope.js";
 import { createComposerSurfaceController } from "./controllers/composer-surface-controller.js";
-import { bootstrapWebApp } from "./app-bootstrap.js";
-import { bindRuntimeSetupPageLifecycle } from "./runtime-setup-page-lifecycle.js";
+import { startWebApp } from "./app-bootstrap.js";
+import { createNotificationsFeature } from "./notifications-feature.js";
+import { bindWebAppWorkspaceLifecycle } from "./app-page-bindings.js";
 import { createConfigurationFeature } from "./configuration-environment-refresh.js";
+import { isConfigurationWorkspace } from "./lib/configuration-pages.js";
 import { createDashboardFeature } from "./dashboard-feature.js";
+import { createPassiveLearningFeature } from "./passive-learning-feature.js";
 import { createComposerWorkspaceController } from "./controllers/composer-workspace-controller.js";
 import { createHomeComposerFeature } from "./controllers/home-composer-feature.js";
 import { createHomeConversationActivation } from "./controllers/home-conversation-activation.js";
@@ -26,7 +30,7 @@ import { createSessionComposerQueue } from "./lib/session-composer-queue.js";
 import { createRuntimeWebClient } from "./services/runtime-web-client.js";
 import { createClientPreferences } from "./services/client-preferences.js";
 import { createOperationsController } from "./controllers/operations-controller.js";
-import { createRealtimeTransport } from "./services/realtime-transport.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";
@@ -57,42 +61,31 @@ let conversationView;
 let configWorkspace;
 let schedulesFeature;
 let dashboardFeature;
+let passiveLearning;
 let homeComposer;
 let runtimeSelection;
 let projectsFeature;
+let workspaceRoutes;
+let notifications;
 const operationsController = createOperationsController({
   dom,
   client: runtimeClient,
+  getEnvironmentId: selectedEnvironmentId,
 });
-const realtimeTransport = createRealtimeTransport({
+const realtimeTransport = createAppRealtimeTransport({
+  state,
   getConfig: () => state.config,
   onMessage: handleRealtimeMessage,
-  onOpen: () => {
-    state.connected = true;
-    setConnectionLabel("Connected");
+  setConnectionLabel,
+  rejectPendingSteers,
+  recordControlEvent,
+  onConnected: () => {
+    void dashboardFeature?.refresh();
+    schedulesFeature?.reconnect();
+    passiveLearning?.reconnect();
+    notifications?.reconnect();
     if (state.currentSessionId) subscribeSession(state.currentSessionId);
   },
-  onClose: () => {
-    state.connected = false;
-    rejectPendingSteers(
-      "Realtime connection closed before steer was accepted.",
-    );
-    setConnectionLabel("Reconnecting", true);
-  },
-  onError: () => {
-    state.connected = false;
-    setConnectionLabel("Connection issue", true);
-  },
-  onParseError: (error, preview) => {
-    recordControlEvent({
-      type: "control",
-      name: "Realtime parse error",
-      tone: "failed",
-      summary: `${error instanceof Error ? error.message : String(error)}${
-        preview ? `: ${preview}` : ""
-      }`,
-    });
-  },
 });
 const steerController = createSteerController({
   sendRealtime,
@@ -107,8 +100,11 @@ const steerController = createSteerController({
 
 const shell = createWorkspaceShell({
   dom,
-  isWorkspaceAvailable: (destination) =>
-    schedulesFeature?.isWorkspaceAvailable(destination) ?? false,
+  onNavigationChange: () => workspaceRoutes?.sync(),
+  isWorkspaceAvailable: (destination) => {
+    if (!notifications?.isWorkspaceAvailable(destination)) return false;
+    return schedulesFeature?.isWorkspaceAvailable(destination) ?? false;
+  },
   onWorkspaceChange: (workspace) => {
     runtimeSelection?.rememberModelSelection();
     homeComposer?.setWorkspace(workspace);
@@ -117,6 +113,9 @@ const shell = createWorkspaceShell({
     runtimeSetupGuide.clearSecret();
     schedulesFeature?.setActive(workspace === "schedules");
     dashboardFeature?.setActive(workspace === "home");
+    passiveLearning?.setWorkspace(workspace);
+    notifications?.workspaceChanged(workspace);
+    configWorkspace?.setWorkspace(workspace);
     runtimeSelection?.applyModelSelection();
     runtimeSelection?.renderPermissionMode();
     renderAttachmentComposer();
@@ -126,14 +125,17 @@ const shell = createWorkspaceShell({
   beforeWorkspaceChange: ({ from, to }) => {
     if (from === "schedules" && to !== "schedules")
       return schedulesFeature?.prepareLeave() ?? true;
-    if (from !== "config" || to === "config") return true;
+    if (!isConfigurationWorkspace(from) || from === to) return true;
     if (!configWorkspace) return true;
     return configWorkspace.prepareDiscardChanges("leave configuration");
   },
 });
+notifications = createNotificationsFeature({
+  dom, state, client: runtimeClient, shell, getEnvironmentId: selectedEnvironmentId, send: sendRealtime,
+});
 const { guide: runtimeSetupGuide, controller: runtimeOnboarding } =
   createRuntimeOnboardingFeature({
-    dom,
+    dom, shell,
     runtimeClient,
     selectedEnvironmentId,
     state,
@@ -144,6 +146,8 @@ const { guide: runtimeSetupGuide, controller: runtimeOnboarding } =
       updateComposerSendState();
       renderAttachmentComposer();
       dashboardFeature?.runtimeAvailabilityChanged();
+      schedulesFeature?.runtimeAvailabilityChanged();
+      configWorkspace?.renderHomeGuidance();
     },
   });
 
@@ -153,16 +157,33 @@ const composerActions = createComposerActions({
 });
 schedulesFeature = createSchedulesFeature({
   dom,
+  onNavigationChange: () => workspaceRoutes?.sync(),
   client: runtimeClient,
   shell,
   selectedEnvironmentId,
   getCurrentSessionId: () => state.currentSessionId,
   getAgentModes: () => state.supportedAgentModes,
+  isRuntimeReady: runtimeOnboarding.isReady,
   openSession: (sessionId) => conversationSession.openSession(sessionId),
 });
+passiveLearning = createPassiveLearningFeature({
+  onChange: () => configWorkspace?.renderHomeGuidance(),
+  client: runtimeClient,
+  openSession: (sessionId) => conversationSession.openSession(sessionId),
+  activateChat: () => shell.activateWorkspace("chat"),
+  getEnvironmentId: selectedEnvironmentId,
+  learningRoot: dom.learningRoot,
+  openLearning: () => shell.activateWorkspace("learning"),
+  openComputerAccess: () => configWorkspace?.openComputerSetup(),
+  showActivityMemories: () => {
+    if (shell.activateWorkspace("memory"))
+      configWorkspace?.showActivityMemories();
+  },
+});
 dashboardFeature = createDashboardFeature({
   dom,
   state,
+  preferences,
   client: runtimeClient,
   shell,
   schedules: schedulesFeature,
@@ -170,9 +191,11 @@ dashboardFeature = createDashboardFeature({
   loadSessions,
   openSession: (sessionId) => conversationSession.openSession(sessionId),
   isComposerAvailable: runtimeOnboarding.isReady,
+  passiveLearning,
 });
 const composerWorkspace = createComposerWorkspaceController({
-  onSessionCreated: (sessionId) => runtimeSelection.initializeSessionMode(sessionId),
+  onSessionCreated: (sessionId) =>
+    runtimeSelection.initializeSessionMode(sessionId),
   state,
   dom,
   homeComposerHost: dashboardFeature.composerHost,
@@ -203,6 +226,7 @@ const sessionActionsMenu = createSessionActionsMenu({
 const sessionController = createSessionController({
   state,
   dom,
+  onSidebarChange: renderSessions,
   sessionActionsMenu,
   renderGroups: (input) => projectsFeature?.renderSessionGroups(input) ?? false,
   shell,
@@ -252,6 +276,9 @@ const toolApprovalController = createToolApprovalController({
 conversationView = createConversationView({
   dom,
   filePreviewClient: runtimeClient,
+  preferences,
+  archiveSession: (sessionId) => sessionController.archiveSession(sessionId),
+  onSparkArchived: () => shell.activateWorkspace("home"),
   getFileEnvironmentId: selectedEnvironmentId,
   getFileSessionId: () => state.currentSessionId,
   getMessages: () => state.messages,
@@ -265,6 +292,7 @@ conversationView = createConversationView({
       state.contextWindowByRequest.get(textOf(message.requestId)) || null,
   }),
   getPendingApproval: toolApprovalController.pendingEvent,
+  getPendingApprovals: toolApprovalController.pendingEvents,
   createApprovalCard: toolApprovalController.createCard,
   copyText: (text) => navigator.clipboard.writeText(text),
   notify: (message, tone) => shell.showToast(message, tone),
@@ -273,7 +301,8 @@ conversationView = createConversationView({
   canOpenSchedule: runtimeClient.supportsSchedules,
 });
 conversationSession = createConversationSessionController({
-  onSessionCreated: (sessionId) => runtimeSelection.initializeSessionMode(sessionId),
+  onSessionCreated: (sessionId) =>
+    runtimeSelection.initializeSessionMode(sessionId),
   state,
   dom,
   client: runtimeClient,
@@ -309,7 +338,8 @@ conversationSession = createConversationSessionController({
     composerQueueController.isCurrentScope(scope),
 });
 projectsFeature = createProjectsFeature({
-  onSessionCreated: (sessionId) => runtimeSelection.initializeSessionMode(sessionId),
+  onSessionCreated: (sessionId) =>
+    runtimeSelection.initializeSessionMode(sessionId),
   dom,
   state,
   client: runtimeClient,
@@ -395,13 +425,11 @@ realtimeEvents = createRealtimeEventController({
   scheduleThinkingRender,
   cancelScheduledMessageRender,
   cancelScheduledThinkingRender,
-  forgetThinkingDisclosure: (messageId) =>
-    conversationView.forgetThinkingDisclosure(messageId),
   markCurrentSessionReadSoon: conversationSession.markCurrentSessionReadSoon,
   applySessionTitleUpdate: conversationSession.applySessionTitleUpdate,
   setMessageActivityStatus,
   updateComposerSendState,
-  drainQueuedComposerMessage,
+  drainQueuedComposerMessage: (scope) => composerQueueController.drain(scope),
   loadSessions: conversationSession.loadSessions,
 });
 
@@ -487,7 +515,9 @@ homeComposer = createHomeComposerFeature({
   },
 });
 const appEventBindings = createAppEventBindings({
-  onSessionCreated: (sessionId) => runtimeSelection.initializeSessionMode(sessionId),
+  onNavigationChange: () => workspaceRoutes?.sync(),
+  onSessionCreated: (sessionId) =>
+    runtimeSelection.initializeSessionMode(sessionId),
   state,
   dom,
   shell,
@@ -534,6 +564,9 @@ const appEventBindings = createAppEventBindings({
 });
 
 configWorkspace = createConfigurationFeature({
+  getLearningSnapshot: () => passiveLearning?.snapshot(),
+  isRuntimeReady: runtimeOnboarding.isReady,
+  onNavigationChange: () => workspaceRoutes?.sync(),
   state,
   selection: runtimeSelection,
   onConfigurationApplied: loadModels,
@@ -627,7 +660,9 @@ function renderSessions() {
 }
 
 function renderMessages() {
+  notifications?.presenceChanged();
   conversationView.render();
+  workspaceRoutes?.sync();
 }
 
 function scheduleThinkingRender() {
@@ -679,7 +714,11 @@ function rejectPendingSteers(reason) {
 }
 
 function handleRealtimeMessage(message) {
-  realtimeEvents.handle(message);
+  dashboardFeature?.handleRealtime(message);
+  schedulesFeature?.handleRealtime(message);
+  passiveLearning?.handleRealtime(message);
+  notifications?.handleRealtime(message);
+  if (!isWorkspaceChange(message)) realtimeEvents.handle(message);
 }
 
 function sendRealtime(payload) {
@@ -702,18 +741,6 @@ async function restoreLastSession() {
   return conversationSession.restoreLastSession();
 }
 
-async function drainQueuedComposerMessage({
-  environmentId,
-  sessionId,
-  terminalRequestId,
-}) {
-  await composerQueueController.drain({
-    environmentId,
-    sessionId,
-    terminalRequestId,
-  });
-}
-
 async function loadRuntimeStatus() {
   await operationsController.loadRuntimeStatus();
 }
@@ -726,39 +753,25 @@ async function loadSystemHealth() {
   await operationsController.loadSystemHealth();
 }
 
-function bindEvents() {
-  appEventBindings.bind();
-  bindRuntimeSetupPageLifecycle({
-    page: window,
-    dispose: runtimeSetupGuide.dispose,
-    reloadModels: loadModels,
-  });
-  document.addEventListener(
-    "visibilitychange",
-    conversationSession.markCurrentSessionReadSoon,
-  );
-  dom.environmentSelect.addEventListener("change", () => {
-    homeComposer.environmentChanged();
-    dashboardFeature.environmentChanged();
-  });
-}
-
 function suspendRecoveredComposerReleaseForNavigation() {
   return composerQueueController.suspendRecoveryForNavigation();
 }
 
-void bootstrapWebApp({
+void startWebApp({
   state,
   dom,
   preferences,
   shell,
   homeComposer,
   dashboard: dashboardFeature,
+  learning: passiveLearning,
+  notifications,
   schedules: schedulesFeature,
   projects: projectsFeature,
   selection: runtimeSelection,
   client: runtimeClient,
   bindables: [
+    notifications,
     sessionActionsMenu,
     projectsFeature,
     conversationView,
@@ -767,7 +780,11 @@ void bootstrapWebApp({
     modelSelector,
     runtimeOnboarding,
   ],
-  bindEvents,
+  bindEvents: () => bindWebAppWorkspaceLifecycle({
+    appEventBindings, dom, runtimeSetupGuide, reloadModels: loadModels,
+    conversationSession, homeComposer, dashboardFeature, passiveLearning, notifications,
+    operations: operationsController,
+  }),
   renderComposer: () => {
     resizeComposerInput();
     updateComposerSendState();
@@ -777,9 +794,6 @@ void bootstrapWebApp({
   configuration: configWorkspace,
   realtime: realtimeTransport,
   restoreLastSession,
-}).catch((error) => {
-  setConnectionLabel(
-    error instanceof Error ? error.message : String(error),
-    true,
-  );
+  navigation: { bindings: appEventBindings, conversation: conversationSession },
+  onNavigationReady: (routes) => (workspaceRoutes = routes),
 });