@abot-ai/runtime 1.7.0 → 1.8.1

package/dist/src/web-ui/app/components/reasoning-override-prompt.js

@@ -0,0 +1,82 @@
+import { escapeHtml } from "../lib/text-format.js";
+import { enableModelReasoning } from "../services/reasoning-override.js";
+
+/** A non-modal prompt anchored in the existing composer mode menu. */
+export function createReasoningOverridePrompt({ root, client, getEnvironmentId, getProfile, refreshModels, render }) {
+  let context = "";
+  let revision = 0;
+  let busy = false;
+  let saved = false;
+  let message = "";
+  let failed = false;
+  let wasOpen = false;
+  const currentContext = () => JSON.stringify([getEnvironmentId(), getProfile()?.id]);
+  const ownsReasoningPrompt = (captured) => revision === captured.revision && context === captured.key && currentContext() === captured.key;
+
+  function reset() {
+    revision += 1;
+    context = ""; busy = false; saved = false; message = ""; failed = false; wasOpen = false;
+  }
+
+  async function enable(applyNow) {
+    if (busy || !getProfile()) return;
+    const captured = { key: currentContext(), revision };
+    const environmentId = getEnvironmentId();
+    const profileId = getProfile().id;
+    busy = true; failed = false; message = "Saving…"; render();
+    try {
+      await enableModelReasoning(client, profileId, environmentId);
+      if (!ownsReasoningPrompt(captured)) return;
+      saved = true;
+      message = "Saved. Reasoning controls will be available after Runtime restarts.";
+      if (!applyNow) return;
+      message = "Applying saved configuration…"; render();
+      const result = await client.applyRuntimeConfiguration(environmentId);
+      if (!ownsReasoningPrompt(captured)) return;
+      if (result?.activation?.status !== "ready") {
+        message = result?.activation?.message || "Saved. Apply again when Runtime is idle, or restart it later.";
+        return;
+      }
+      const refreshed = await refreshModels();
+      if (!ownsReasoningPrompt(captured)) return;
+      if (!refreshed) throw new Error("Configuration applied. Reload to refresh the model's reasoning controls.");
+      message = "Configuration applied. Reload if this model still uses provider defaults.";
+    } catch (error) {
+      if (!ownsReasoningPrompt(captured)) return;
+      failed = true;
+      message = `${saved ? "Saved; not confirmed active. " : ""}${error.message || String(error)}`;
+    } finally {
+      if (ownsReasoningPrompt(captured)) { busy = false; render(); }
+    }
+  }
+
+  function renderPrompt(open) {
+    const next = currentContext();
+    if (context !== next) { reset(); context = next; }
+    const restoreFocus = Boolean(root.contains?.(root.ownerDocument?.activeElement));
+    const focusOnOpen = open && !wasOpen;
+    wasOpen = open;
+    if (!open) { root.innerHTML = ""; return; }
+    const profile = getProfile();
+    const canSave = Boolean(profile) && typeof client.loadConfigDashboard === "function" && typeof client.saveConfigFile === "function";
+    root.innerHTML = `<section class="reasoning-override-prompt">
+      <strong>Enable reasoning controls?</strong>
+      <p><span>${escapeHtml(profile?.label || profile?.id || "This model")}</span> currently uses the provider’s default. Enable this only if the model supports reasoning controls.</p>
+      <div class="reasoning-override-actions">
+        <button type="button" data-reasoning-enable="now"${busy || !canSave || typeof client.applyRuntimeConfiguration !== "function" ? " disabled" : ""}>${saved ? "Apply now" : "Enable and apply now"}</button>
+        <button type="button" data-reasoning-enable="later"${busy || saved || !canSave ? " disabled" : ""}>Enable on next start</button>
+      </div>
+      <small>Apply now restarts idle Runtime environments with all saved settings. Active work will not be interrupted.</small>
+      <p class="reasoning-override-status${failed ? " error-text" : ""}" role="status" aria-live="polite"${message ? "" : " hidden"}>${escapeHtml(message)}</p>
+    </section>`;
+    for (const button of root.querySelectorAll("[data-reasoning-enable]")) {
+      button.addEventListener("click", () => void enable(button.dataset.reasoningEnable === "now"));
+    }
+    if (focusOnOpen || restoreFocus) {
+      const target = root.querySelector?.("button:not(:disabled)");
+      root.tabIndex = -1;
+      (target || root).focus();
+    }
+  }
+  return { render: renderPrompt, reset };
+}

package/dist/src/web-ui/app/components/runtime-config-activation.js

@@ -33,10 +33,30 @@ export function createRuntimeConfigActivation({
     const workspace = getWorkspace();
     if (!workspace?.beginExternalRuntimeMutation("saved configuration")) return;
     const environment = getEnvironmentId();
-    let activated = false;
     busy = true;
     button.disabled = true;
     status.textContent = "Restarting with saved settings…";
+    try {
+      const activated = await restartSavedConfiguration(workspace, environment);
+      if (!activated) return;
+      if (environment !== getEnvironmentId()) return;
+      const settled = await onAppliedSettled();
+      if (settled !== false) return;
+      if (environment !== getEnvironmentId()) return;
+      status.textContent =
+        "Runtime restarted. Finish your current edits, then refresh configuration to update environments.";
+    } catch {
+      if (environment !== getEnvironmentId()) return;
+      status.textContent =
+        "Runtime restarted. Refresh configuration to update this view.";
+    } finally {
+      busy = false;
+      button.disabled = false;
+    }
+  }
+
+  async function restartSavedConfiguration(workspace, environment) {
+    let activated = false;
     try {
       const result = await apply();
       if (environment !== getEnvironmentId()) return;
@@ -65,8 +85,6 @@ export function createRuntimeConfigActivation({
             : "The runtime could not restart. Try again.";
       }
     } finally {
-      busy = false;
-      button.disabled = false;
       if (activated) button.textContent = "Restart runtime";
       workspace.endExternalRuntimeMutation();
       if (environment !== getEnvironmentId()) {
@@ -75,11 +93,7 @@ export function createRuntimeConfigActivation({
         button.textContent = "Restart runtime";
       }
     }
-    if (!activated) return;
-    if (environment !== getEnvironmentId()) return;
-    if (onAppliedSettled() === false)
-      status.textContent =
-        "Runtime restarted. Finish your current edits, then refresh configuration to update environments.";
+    return activated;
   }
 
   button.addEventListener("click", applySavedConfiguration);

package/dist/src/web-ui/app/components/runtime-setup/optional-steps.js

@@ -2,6 +2,7 @@ import { createEmbeddingSetupStep } from "./embedding.js";
 import { createSetupPluginStep } from "./plugins.js";
 import { createSystemHostConnectionManager } from "../system-host/manager.js";
 import { hostSetupIsReady } from "../system-host/rendering.js";
+import { isNativeWindowsLocalAccess } from "../system-host/native-windows-access.js";
 
 /** Optional setup steps retain their owning services and never apply the Runtime. */
 export function createSetupOptionalSteps({
@@ -57,9 +58,10 @@ export function createSetupOptionalSteps({
       })
     : null;
   const readyStep = computer ? 5 : 4;
-  function hasFreshComputerReadiness() {
+  function hasFreshComputerSetup() {
     if (!computer) return false;
     if (computer.state.busy || computer.state.statusUnavailable) return false;
+    if (isNativeWindowsLocalAccess(computer.state.snapshot)) return true;
     return hostSetupIsReady(computer.state.snapshot);
   }
   function projection(step) {
@@ -71,7 +73,8 @@ export function createSetupOptionalSteps({
       plugins: plugins.state.snapshot,
       hasComputerStep: Boolean(computer),
       readyStep,
-      computer: hasFreshComputerReadiness() ? computer.state.snapshot : null,
+      computer: hasFreshComputerSetup() ? computer.state.snapshot : null,
+      nativeWindowsAccess: hasFreshComputerSetup() && isNativeWindowsLocalAccess(computer.state.snapshot),
     };
     if (step === 2)
       return {
@@ -90,7 +93,7 @@ export function createSetupOptionalSteps({
       return {
         ...common,
         content: `<div data-onboarding-computer>${computer.markup()}</div>`,
-        canContinue: hasFreshComputerReadiness(),
+        canContinue: hasFreshComputerSetup(),
       };
     return common;
   }
@@ -111,7 +114,7 @@ export function createSetupOptionalSteps({
   }
   function canContinueComputer(step) {
     if (step !== 4) return false;
-    return hasFreshComputerReadiness();
+    return hasFreshComputerSetup();
   }
   return {
     embedding,

package/dist/src/web-ui/app/components/runtime-setup/plugins.js

@@ -1,3 +1,4 @@
+import { renderPluginPlatformNotice } from "../plugins/compatibility.js";
 import { escapeAttribute, escapeHtml } from "../../lib/text-format.js";
 
 function blockReason(plugin, capability) {
@@ -33,6 +34,7 @@ function renderPluginCard(plugin, busy) {
   return `<li class="runtime-plugin-card">
     ${checkbox(plugin, null, busy)}
     <p class="runtime-plugin-summary" title="${escapeAttribute(plugin.description || "")}">${escapeHtml(plugin.description || "Installed Runtime plugin.")}</p>
+    ${renderPluginPlatformNotice(plugin.compatibility)}
     <div class="runtime-plugin-tools-heading"><span>Tools</span><span>${plugin.selectedCapabilityCount} of ${capabilities.length} selected</span></div>
     <ul class="runtime-plugin-capabilities" aria-label="${escapeAttribute(`Tools in ${plugin.id}`)}">${capabilities.map((capability) => `<li>${checkbox(plugin, capability, busy)}</li>`).join("")}</ul>
   </li>`;
@@ -144,7 +146,7 @@ export function createSetupPluginStep({
       state.snapshot?.selection?.enabled === false ||
       state.snapshot?.selection?.deny?.includes("*");
     return `<div class="runtime-setup-plugins">
-      <p class="runtime-setup-feedback">All installed plugins start enabled in a new setup. Turn off anything you do not need.</p>
+      <p class="runtime-setup-feedback">All installed plugins start selected in a new setup. Host compatibility determines which plugins can load. Turn off anything you do not need.</p>
       ${globalBlocked ? '<p class="runtime-setup-feedback">An existing global policy blocks plugins. Your saved policy is preserved.</p>' : ""}
       ${state.error ? `<p class="runtime-setup-feedback error" role="alert">${escapeHtml(state.error)}</p><button type="button" class="runtime-setup-inline-action" data-runtime-setup-action="plugins-reload">Reload selection</button>` : state.message ? `<p class="runtime-setup-feedback" role="status">${escapeHtml(state.message)}</p>` : ""}
       ${state.busy ? '<p class="runtime-setup-feedback" role="status">Saving or loading plugin selection…</p>' : ""}

package/dist/src/web-ui/app/components/runtime-setup/rendering.js

@@ -28,7 +28,7 @@ function readyMarkup(state, optional) {
     <div><dt>Model</dt><dd>${escapeHtml(state.modelId)}</dd></div>
     <div><dt>Context window</dt><dd>${escapeHtml(formatContextWindowTokens(state.contextWindowTokens))}</dd></div>
     <div><dt>Embedding</dt><dd>${escapeHtml(optional.memory?.enabled ? optional.memory.model || "Configured" : "Set up later")}</dd></div>
-    <div><dt>Plugins</dt><dd>${selectedPlugins} enabled</dd></div>
+    <div><dt>Plugins</dt><dd>${selectedPlugins} selected</dd></div>
   </dl></div>`;
 }
 
@@ -79,7 +79,7 @@ function footerMarkup(state, availability, optional) {
   if (state.step === 3)
     return `<button type="button" class="runtime-setup-secondary" data-runtime-setup-action="back" ${disabled}>Back</button><button type="submit" class="runtime-setup-action" ${busy || !optional.canContinue ? "disabled" : ""}>Continue</button>`;
   if (state.step === 4 && optional.hasComputerStep)
-    return `<button type="button" class="runtime-setup-secondary" data-runtime-setup-action="back">Back</button><div class="runtime-setup-footer-actions"><button type="button" class="runtime-setup-secondary" data-runtime-setup-action="skip-computer">Skip for now</button><button type="submit" class="runtime-setup-action" ${!optional.canContinue ? "disabled" : ""}>Continue</button></div>`;
+    return `<button type="button" class="runtime-setup-secondary" data-runtime-setup-action="back">Back</button><div class="runtime-setup-footer-actions">${optional.nativeWindowsAccess ? "" : '<button type="button" class="runtime-setup-secondary" data-runtime-setup-action="skip-computer">Skip for now</button>'}<button type="submit" class="runtime-setup-action" ${!optional.canContinue ? "disabled" : ""}>Continue</button></div>`;
   const secondary =
     state.step === 1 && canEditSetupConnection(state)
       ? `<button type="button" class="runtime-setup-secondary" data-runtime-setup-action="back" ${disabled}>Back</button>`
@@ -112,11 +112,13 @@ export function renderRuntimeSetup(state, availability, optional = {}) {
   const steps = [...STEP_LABELS];
   if (optional.hasComputerStep) {
     steps.splice(4, 0, "Computer");
-    titles.splice(4, 0, "Set up computer access");
+    titles.splice(4, 0, optional.nativeWindowsAccess ? "Your Windows computer" : "Set up computer access");
     descriptions.splice(
       4,
       0,
-      "Optional. Use applications on your computer, or set up access later in Settings.",
+      optional.nativeWindowsAccess
+        ? ""
+        : "Optional. Use applications on your computer, or set up access later in Settings.",
     );
   }
   const content =

package/dist/src/web-ui/app/components/runtime-setup-guide.d.ts

@@ -73,6 +73,7 @@ export interface RuntimeSetupGuideDependencies {
   readonly loadHostConnection?: () => Promise<Record<string, unknown>>;
   readonly connectLocalHost?: () => Promise<Record<string, unknown>>;
   readonly createHostPairing?: () => Promise<Record<string, unknown>>;
+  readonly requestHostStoreConnection?: () => Promise<Record<string, unknown>>;
   readonly requestHostPermissions?: (input: Record<string, unknown>) => Promise<Record<string, unknown>>;
   readonly downloadHostSetup?: (
     platform: "windows" | "macos" | "linux",

package/dist/src/web-ui/app/components/schedules/details.js

@@ -1,3 +1,4 @@
+import { displayReasoningMode } from "../../lib/reasoning-controls.js";
 import { toolPermissionModeMeta } from "../../lib/tool-permission-mode.js";
 import { updateLiveRegion } from "../../lib/live-region.js";
 import { escapeHtml } from "../../lib/text-format.js";
@@ -33,7 +34,7 @@ function runMarkup(run) {
   return `<article class="schedule-run" data-run-id="${escapeHtml(run.id)}">
     <div class="schedule-run-heading"><strong>${scheduleTimeLabel(run.scheduledAt, timeZone)}</strong><span class="schedule-badge" data-state="${escapeHtml(run.status)}">${escapeHtml(run.status)}</span></div>
     <div class="schedule-run-meta">${run.trigger === "manual" ? "Manual run" : "Scheduled run"}${run.startedAt ? ` · Started ${scheduleTimeLabel(run.startedAt, timeZone)}` : ""}${run.finishedAt ? ` · Finished ${scheduleTimeLabel(run.finishedAt, timeZone)}` : ""}</div>
-    <dl class="schedule-run-settings">${fact("Model", run.modelProfileId)}${fact("Mode", run.agentMode)}${fact("Tool access", toolPermissionModeMeta(run.toolPermissionMode).label)}${fact("Time zone", run.timeZone)}${fact("Job revision", String(run.jobRevision ?? "—"))}</dl>
+    <dl class="schedule-run-settings">${fact("Model", run.modelProfileId)}${fact("Mode", displayReasoningMode(run.agentMode))}${fact("Tool access", toolPermissionModeMeta(run.toolPermissionMode).label)}${fact("Time zone", run.timeZone)}${fact("Job revision", String(run.jobRevision ?? "—"))}</dl>
     ${run.error ? `<p class="schedule-error" dir="auto">${escapeHtml(run.error)}</p>` : ""}
     ${run.resultText ? `<details class="schedule-result" data-disclosure-id="result:${escapeHtml(run.id)}"><summary>View result</summary><pre dir="auto">${escapeHtml(run.resultText)}</pre></details>` : ""}
     <details class="schedule-prompt-disclosure" data-disclosure-id="run:${escapeHtml(run.id)}"><summary>View invocation prompt</summary><pre dir="auto">${escapeHtml(run.prompt)}</pre></details>
@@ -67,7 +68,7 @@ export function renderScheduleDetails({ root, snapshot, actions }) {
   const conversationLabel = scheduleConversationLabel(job.sessionId, snapshot.sessions);
   const markup = `<div class="schedule-detail-heading"><span class="schedule-eyebrow">Scheduled task</span><h3 dir="auto">${escapeHtml(job.title)}</h3><span class="schedule-badge" data-state="${job.state}">${job.state}</span></div>
     <div class="schedule-action-row">${actionsMarkup(job, snapshot.mutation)}</div>
-    <dl class="schedule-facts">${fact("Schedule", scheduleDescription(job))}${fact("Next run", scheduleTimeLabel(job.nextRunAt, job.timeZone))}${fact("Time zone", job.timeZone)}${fact("Model", job.modelProfileId)}${fact("Mode", job.agentMode)}${fact("Tool access", toolPermissionModeMeta(job.toolPermissionMode).label)}${fact("Created", scheduleTimeLabel(job.createdAt, job.timeZone))}${fact("Updated", scheduleTimeLabel(job.updatedAt, job.timeZone))}</dl>
+    <dl class="schedule-facts">${fact("Schedule", scheduleDescription(job))}${fact("Next run", scheduleTimeLabel(job.nextRunAt, job.timeZone))}${fact("Time zone", job.timeZone)}${fact("Model", job.modelProfileId)}${fact("Mode", displayReasoningMode(job.agentMode))}${fact("Tool access", toolPermissionModeMeta(job.toolPermissionMode).label)}${fact("Created", scheduleTimeLabel(job.createdAt, job.timeZone))}${fact("Updated", scheduleTimeLabel(job.updatedAt, job.timeZone))}</dl>
     <button type="button" class="schedule-conversation-link" data-open-conversation>↗ <span dir="auto">${escapeHtml(conversationLabel)}</span></button>
     <details class="schedule-prompt-disclosure" data-disclosure-id="job:${escapeHtml(job.id)}"><summary>View task prompt</summary><pre dir="auto">${escapeHtml(job.prompt)}</pre></details>
     <small class="schedule-id">Job ${escapeHtml(job.id)} · Revision ${job.revision}</small>

package/dist/src/web-ui/app/components/schedules/form.js

@@ -1,3 +1,4 @@
+import { renderReasoningModeField, syncReasoningModeField, retainedReasoningMode } from "../../lib/reasoning-controls.js";
 import { escapeHtml } from "../../lib/text-format.js";
 import { SCHEDULE_WEEKDAYS } from "../../lib/schedule-presentation.js";
 import { scheduleErrorMessage } from "../../lib/schedule-errors.js";
@@ -88,12 +89,7 @@ export function createScheduleForm({
     <label>Task prompt<textarea name="prompt" rows="5" required dir="auto" placeholder="What should ABot do when this schedule runs?">${escapeHtml(values.prompt || "")}</textarea></label>
     <div class="schedule-form-grid">${scheduleFields(values)}</div>
     <div class="schedule-form-grid"><label>Model<select name="modelProfileId" required><option value="">Choose a model</option>${options(modelOptions, values.modelProfileId)}</select></label>
-    <label>Mode<select name="agentMode">${options(
-      modes
-        .filter((mode) => mode !== "auto")
-        .map((mode) => ({ value: mode, label: mode })),
-      values.agentMode || "reasoning",
-    )}</select></label></div>
+    ${renderReasoningModeField(values.agentMode || "reasoning", models.find((model) => model.id === values.modelProfileId), modes.filter((mode) => mode !== "auto"))}</div>
     <label>Tool access<select name="toolPermissionMode">${options(
       [
         { value: "full_access", label: "Full" },
@@ -116,6 +112,12 @@ export function createScheduleForm({
     }
   }
 
+  const readInput = () => {
+    const data = new FormData(form);
+    data.set("agentMode", retainedReasoningMode(form, values.agentMode || "reasoning"));
+    return scheduleFormInput(data, job?.schedule);
+  };
+  fields.namedItem("modelProfileId").addEventListener("change", () => syncReasoningModeField(form, models, modes.filter((mode) => mode !== "auto")));
   let initialInput;
   form.querySelector("[data-cancel]").addEventListener("click", onCancel);
   fields.namedItem("kind").addEventListener("change", syncKind);
@@ -125,7 +127,7 @@ export function createScheduleForm({
     submit.disabled = true;
     feedback.hidden = true;
     try {
-      const currentInput = scheduleFormInput(new FormData(form), job?.schedule);
+      const currentInput = readInput();
       const input = job
         ? scheduleUpdateInput(currentInput, initialInput)
         : currentInput;
@@ -137,7 +139,7 @@ export function createScheduleForm({
     }
   });
   syncKind();
-  if (job) initialInput = scheduleFormInput(new FormData(form), job.schedule);
+  if (job) initialInput = readInput();
   const initialFields = JSON.stringify([...new FormData(form)]);
   function trackScheduleDraft() {
     form.dataset.dirty = String(

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

@@ -48,12 +48,31 @@ export function createSchedulesWorkspace({
   });
 
   function prepareLeave() {
-    if (!actions.snapshot().editor) return true;
-    if (!canDiscardScheduleDraft()) return false;
-    actions.cancelEdit();
+    const prepared = prepareEnvironmentChange();
+    if (!prepared) return false;
+    prepared();
     return true;
   }
 
+  function prepareEnvironmentChange() {
+    const editor = actions.snapshot().editor;
+    if (editor && !canDiscardScheduleDraft()) return null;
+    const form = details.querySelector(".schedule-editor");
+    const fingerprint = scheduleDraftFingerprint(form);
+    const commit = () => { if (editor) actions.cancelEdit(); };
+    commit.canCommit = () => {
+      if (actions.snapshot().mutation) return false;
+      if (actions.snapshot().editor !== editor) return false;
+      if (details.querySelector(".schedule-editor") !== form) return false;
+      return scheduleDraftFingerprint(form) === fingerprint;
+    };
+    return commit;
+  }
+
+  function scheduleDraftFingerprint(form) {
+    return form ? JSON.stringify([...new FormData(form)]) : "";
+  }
+
   function canDiscardScheduleDraft() {
     const form = details.querySelector(".schedule-editor");
     if (form?.dataset.dirty !== "true") return true;
@@ -156,5 +175,5 @@ export function createSchedulesWorkspace({
     editorIdentity = null;
     renderScheduleDetails({ root: details, snapshot, actions });
   }
-  return { render, prepareLeave };
+  return { render, prepareLeave, prepareEnvironmentChange };
 }

package/dist/src/web-ui/app/components/session-sidebar-sections.js

@@ -7,7 +7,7 @@ export function renderSessionSidebarSections({
   if (showingArchived) {
     const notice = document.createElement("p");
     notice.className = "session-archive-notice";
-    notice.textContent = "Archived in this browser and environment. Restore a conversation from its menu.";
+    notice.textContent = "Archived in this ABot installation and environment. Restore a conversation from its menu.";
     root.appendChild(notice);
   }
   const pinned = sessions.filter((session) => isPinned(session.id));
@@ -35,7 +35,7 @@ export function renderSessionSidebarSections({
   const toggle = document.createElement("button");
   toggle.type = "button";
   toggle.className = "session-archive-toggle";
-  toggle.title = "Conversations archived in this browser and environment";
+  toggle.title = "Conversations archived in this ABot installation and environment";
   toggle.textContent = showingArchived ? "Back to conversations" : `Archived (${archivedCount})`;
   toggle.setAttribute("aria-pressed", String(showingArchived));
   toggle.addEventListener("click", onToggleArchived);

package/dist/src/web-ui/app/components/spark-chat/handoff-actions.js

@@ -12,7 +12,7 @@ function sameSourceMessage(current, source) {
 
 export function createSparkHandoffActions({
   getScope, getMessages, client, captureNavigation, onOpened, onChange = () => {},
-  notify, documentRoot = document,
+  notify, documentRoot = document, canOpen = () => true,
 }) {
   const pending = new Set();
   function createNode(message) {
@@ -25,7 +25,12 @@ export function createSparkHandoffActions({
     button.type = "button";
     button.className = "spark-handoff-button";
     button.textContent = "Open a session about this";
-    button.disabled = !message.sparkHandoffAvailable || pending.has(identity);
+    function canStartHandoff() {
+      if (!canOpen()) return false;
+      if (!message.sparkHandoffAvailable) return false;
+      return !pending.has(identity);
+    }
+    button.disabled = !canStartHandoff();
     row.appendChild(button);
     if (!message.sparkHandoffAvailable) {
       const explanation = documentRoot.createElement("p");
@@ -39,7 +44,8 @@ export function createSparkHandoffActions({
       return getMessages().some((candidate) => sameSourceMessage(candidate, message));
     }
     async function open() {
-      if (button.disabled || pending.has(identity) || !sourceIsCurrent()) return;
+      if (!canStartHandoff()) return;
+      if (!sourceIsCurrent()) return;
       const navigate = captureNavigation();
       pending.add(identity); button.disabled = true;
       try {

package/dist/src/web-ui/app/components/spark-chat/panel.js

@@ -66,7 +66,7 @@ export function createSparkChatPanel({ documentRoot = document, launcherAnchor }
     placement.refresh();
     onToggle(value);
     if (!focus) return;
-    if (value) dom.messagesList.focus({ preventScroll: true });
+    if (value) dom.composerInput.focus({ preventScroll: true });
     else (previousFocus?.isConnected ? previousFocus : dom.launcherButton)?.focus({ preventScroll: true });
   }
 

package/dist/src/web-ui/app/components/spark-chat/placement.js

@@ -1,14 +1,11 @@
 import { createSparkPlacementMotion } from "./motion.js";
+import { workspaceStorage } from "../../services/workspace-state.js";
 
 const storageKey = "abot.spark.launcher.position.v1";
 const margin = 12;
 const dragThreshold = 5;
 const positionGrid = 16;
 
-function readBrowserStorage(windowRoot) {
-  try { return windowRoot.localStorage; } catch { return null; }
-}
-
 function readPosition(storage) {
   try {
     const value = JSON.parse(storage?.getItem(storageKey) ?? "null");
@@ -31,9 +28,9 @@ function hasMovedPastDragThreshold(pointer, event) {
   return Math.hypot(event.clientX - pointer.x, event.clientY - pointer.y) >= dragThreshold;
 }
 
-/** Browser-only launcher placement; conversation and environment state stay untouched. */
+/** Installation-owned launcher placement, clamped to the current screen. */
 export function createSparkChatPlacement({ root, launcher, panel, notice, dockAnchor, storage, windowRoot = window }) {
-  const positionStorage = storage === undefined ? readBrowserStorage(windowRoot) : storage;
+  const positionStorage = storage === undefined ? workspaceStorage() : storage;
   let position = readPosition(positionStorage);
   let pointer = null;
   let suppressClick = false;
@@ -45,7 +42,7 @@ export function createSparkChatPlacement({ root, launcher, panel, notice, dockAn
     try {
       if (position) positionStorage?.setItem(storageKey, JSON.stringify(position));
       else positionStorage?.removeItem(storageKey);
-    } catch { /* Placement remains usable when browser storage is unavailable. */ }
+    } catch { /* The shared storage owner reports persistence failures. */ }
   }
 
   function placePopup(node, anchor) {

package/dist/src/web-ui/app/components/spark-chat/settings.js

@@ -1,3 +1,4 @@
+import { canChooseReasoning, reasoningModeOptions } from "../../lib/reasoning-controls.js";
 import { supportsFullPlus } from "../../lib/tool-permission-mode.js";
 
 export function createSparkChatSettings({ root, onSave, onClear, onOpen, onResetPosition, onOpenModelSettings, getAgentMode, onAgentModeChange, getWebConfig, documentRoot = document }) {
@@ -13,7 +14,7 @@ export function createSparkChatSettings({ root, onSave, onClear, onOpen, onReset
     </form>
     <div class="spark-settings-row">
       <label for="spark-agent-mode"><strong>Thinking mode</strong><span>Choose how deeply SPARK thinks before replying.</span></label>
-      <select id="spark-agent-mode" data-spark-agent-mode aria-label="SPARK thinking mode"><option value="fast">Fast</option><option value="reasoning" selected>Reasoning</option><option value="deep">Deep</option></select>
+      <select id="spark-agent-mode" data-spark-agent-mode aria-label="SPARK thinking mode"><option value="fast">Low</option><option value="reasoning" selected>Reasoning</option><option value="deep">Deep</option></select>
     </div>
     <div class="spark-settings-row"><div><strong>Chat shortcut</strong><p>Drag SPARK wherever feels right. Use Alt + arrow keys to move it.</p></div>
       <button type="button" data-spark-reset-position>Return to sidebar</button></div>
@@ -29,11 +30,12 @@ export function createSparkChatSettings({ root, onSave, onClear, onOpen, onReset
   const feedback = card.querySelector("[data-spark-settings-feedback]");
   let saved = "ask";
   let ready = false;
+  let reasoningEnabled = false;
   let busy = false;
   let environmentId;
   function controls() {
     select.disabled = busy || !ready;
-    agentModeSelect.disabled = !ready;
+    agentModeSelect.disabled = !ready || !reasoningEnabled;
     save.disabled = busy || !ready || select.value === saved;
     clear.disabled = busy || !ready;
   }
@@ -52,7 +54,7 @@ export function createSparkChatSettings({ root, onSave, onClear, onOpen, onReset
     finally { if (environment === environmentId) { busy = false; controls(); } }
   }
   select.addEventListener("change", controls);
-  agentModeSelect.addEventListener("change", () => onAgentModeChange(agentModeSelect.value));
+  agentModeSelect.addEventListener("change", () => { if (reasoningEnabled) onAgentModeChange(agentModeSelect.value); });
   card.querySelector("form").addEventListener("submit", (event) => {
     event.preventDefault();
     if (save.disabled) return;
@@ -73,7 +75,9 @@ export function createSparkChatSettings({ root, onSave, onClear, onOpen, onReset
         environmentId = nextEnvironmentId; busy = false; ready = false; feedback.textContent = "";
         select.value = configuration?.toolPermissionMode || "ask";
       }
-      agentModeSelect.value = getAgentMode();
+      reasoningEnabled = canChooseReasoning(configuration);
+      agentModeSelect.innerHTML = reasoningModeOptions(getAgentMode(), reasoningEnabled);
+      agentModeSelect.title = reasoningEnabled ? "Reasoning depth" : "Enable reasoning controls for this model in Models.";
       const next = configuration?.toolPermissionMode || "ask";
       if (!ready || select.value === saved || busy) select.value = next;
       saved = next; ready = Boolean(configuration?.sessionId);

package/dist/src/web-ui/app/components/system-host/home-widget-permission-preview.js

@@ -0,0 +1,75 @@
+import { hostSetupIsReady } from "./rendering.js";
+import { hasNativePermissionSurface, permissionSummary } from "./macos-permission-rendering.js";
+import { canCheckMacPermissions, canCheckNativePermissions, permissionsMatchConnection, permissionsMatchNativeOwner } from "./macos-permission-scopes.js";
+
+function currentPermissionScopes(state) {
+  const snapshot = state.snapshot;
+  const scopes = [];
+  if (snapshot.identity?.os === "macos") {
+    scopes.push({
+      available: canCheckMacPermissions(snapshot),
+      current: permissionsMatchConnection(state.macPermissions, snapshot),
+      receipt: state.macPermissions,
+    });
+  }
+  if (hasNativePermissionSurface(snapshot)) {
+    const environmentId = snapshot.nativePermissions?.environmentId;
+    scopes.push({
+      available: canCheckNativePermissions(snapshot, environmentId),
+      current: permissionsMatchNativeOwner(state.nativeMacPermissions, snapshot, environmentId),
+      receipt: state.nativeMacPermissions,
+    });
+  }
+  return scopes;
+}
+
+function scopeRequiresPermission(scope) {
+  if (!scope.current) return false;
+  return permissionSummary(scope.receipt) === "action needed";
+}
+
+function scopeHasGrantedPermissions(scope) {
+  if (!scope.current) return false;
+  return permissionSummary(scope.receipt) === "granted";
+}
+
+function scopeCannotCheckPermissions(scope) {
+  return !scope.available;
+}
+
+function computerPermissionIndicator(state) {
+  const scopes = currentPermissionScopes(state);
+  if (scopes.some(scopeRequiresPermission))
+    return { icon: "failed", label: "Required", tone: "attention" };
+  if (!scopes.length)
+    return { icon: "neutral", label: "Unavailable", tone: "neutral" };
+  if (scopes.some(scopeCannotCheckPermissions))
+    return { icon: "paused", label: "Unavailable", tone: "neutral" };
+  if (scopes.every(scopeHasGrantedPermissions))
+    return { icon: "success", label: "Granted", tone: "success" };
+  return { icon: "unknown", label: "Not checked", tone: "neutral" };
+}
+
+function canPreviewConnectedComputer(state) {
+  if (state.snapshot?.connected !== true) return false;
+  if (!hostSetupIsReady(state.snapshot)) return false;
+  if (state.busy) return false;
+  if (state.downloaded) return false;
+  if (state.manualMac) return false;
+  return true;
+}
+
+/** Project current receipts without requesting permissions or changing connection state. */
+export function computerWidgetPreview(state, title, status) {
+  if (!canPreviewConnectedComputer(state)) return null;
+  const os = state.snapshot.identity?.os;
+  return {
+    kind: "computer",
+    title,
+    detail: { macos: "macOS", windows: "Windows", linux: "Linux" }[os] || os || "Unknown OS",
+    items: [
+      { label: "Connection", indicator: { icon: "success", label: status, tone: "success" } },
+      { label: "Permissions", indicator: computerPermissionIndicator(state) },
+    ],
+  };
+}