@abot-ai/runtime 1.9.0 → 2.0.0

package/dist/src/web-ui/app/components/runtime-setup/embedding-provider-options.js

@@ -0,0 +1,54 @@
+export function embeddingProviderOptions(providers) {
+  const choices = providers.map((provider) => ({
+    id: provider.id,
+    label: `${provider.id} · ${provider.type}`,
+  }));
+  const labels = { openai: "OpenAI", ollama: "Ollama", llamacpp: "llama.cpp" };
+  for (const type of Object.keys(labels)) {
+    if (
+      type !== "llamacpp" &&
+      providers.some((provider) => provider.type === type)
+    )
+      continue;
+    choices.push({
+      id: `new:${type}`,
+      label: `${labels[type]} · new connection`,
+    });
+  }
+  return choices;
+}
+
+export function isNewEmbeddingProviderChoice(choice, providers) {
+  return embeddingProviderOptions(providers).some(
+    (option) => option.id === choice && choice.startsWith("new:"),
+  );
+}
+
+export function suggestEmbeddingConnectionId(providers) {
+  const occupied = new Set(providers.map((provider) => provider.id));
+  let id = "llamacpp-embedding";
+  for (let suffix = 2; occupied.has(id); suffix += 1)
+    id = `llamacpp-embedding-${suffix}`;
+  return id;
+}
+
+export function isValidEmbeddingConnectionId(id) {
+  return (
+    typeof id === "string" &&
+    id.length <= 128 &&
+    /^[A-Za-z][A-Za-z0-9._-]*$/.test(id) &&
+    !["__proto__", "prototype", "constructor"].includes(id)
+  );
+}
+
+export function embeddingProviderHasAddress(type) {
+  return type === "ollama" || type === "llamacpp";
+}
+
+export function embeddingProviderAcceptsCredential(type, provider) {
+  if (type === "openai") return true;
+  if (type !== "llamacpp") return false;
+  if (!provider) return true;
+  if (provider.credentialConfigured === true) return true;
+  return provider.requiresApiKey !== false;
+}

package/dist/src/web-ui/app/components/runtime-setup/embedding-provider-receipt.js

@@ -8,6 +8,7 @@ function isSavedEmbeddingProviderReceipt(payload, selection) {
   if (typeof receipt.type !== "string" || !receipt.type.trim()) return false;
   if (receipt.type !== selection.type) return false;
   if (selection.providerId) return receipt.id === selection.providerId;
+  if (selection.newProviderId) return receipt.id === selection.newProviderId;
   return true;
 }
 
@@ -20,6 +21,8 @@ export function applySavedEmbeddingProviderReceipt(state, payload, selection) {
     typeof payload.savedProvider.credentialConfigured === "boolean";
   if (hasCredentialStatus)
     receipt.credentialConfigured = payload.savedProvider.credentialConfigured;
+  if (typeof payload.savedProvider.requiresApiKey === "boolean")
+    receipt.requiresApiKey = payload.savedProvider.requiresApiKey;
   const existing = state.providers.find((provider) => provider.id === id);
   const providers = state.providers.map((provider) =>
     provider.id === id ? { ...provider, ...receipt } : provider,

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

@@ -1,3 +1,8 @@
+import {
+  embeddingProviderOptions,
+  embeddingProviderHasAddress,
+  embeddingProviderAcceptsCredential,
+} from "./embedding-provider-options.js";
 import { escapeAttribute, escapeHtml } from "../../lib/text-format.js";
 
 function field(
@@ -11,16 +16,23 @@ function field(
   return `<label class="runtime-setup-field"><span>${label}</span><input data-runtime-setup-field="${field}" type="${type}" value="${escapeAttribute(value)}" placeholder="${escapeAttribute(placeholder)}" autocomplete="${type === "password" ? "new-password" : "off"}" spellcheck="false" ${field === "embedding-model" ? 'list="runtimeEmbeddingModels"' : ""} />${help ? `<small>${help}</small>` : ""}</label>`;
 }
 
-function renderEmbeddingCredential(provider) {
+function renderEmbeddingCredential(provider, providerType) {
   const credentialConfigured = provider?.credentialConfigured === true;
+  let help =
+    "Saved privately on the ABot server. Leave blank to keep a configured key.";
+  if (providerType === "llamacpp" && !provider)
+    help =
+      "Optional for a server without authentication. Saved privately on the ABot server.";
+  if (credentialConfigured)
+    help = "API key already saved. Leave blank to use it.";
   return field(
     "embedding-key",
-    "API key (optional if already saved)",
+    providerType === "llamacpp" && !provider
+      ? "API key (optional)"
+      : "API key (optional if already saved)",
     "",
     "password",
-    credentialConfigured
-      ? "API key already saved. Leave blank to use it."
-      : "Saved privately on the ABot server. Leave blank to keep a configured key.",
+    help,
     credentialConfigured ? "••••••••" : "",
   );
 }
@@ -28,28 +40,16 @@ function renderEmbeddingCredential(provider) {
 export function renderEmbeddingSetup(state, providerType, configuredProvider) {
   if (!state.loaded)
     return `<p class="runtime-setup-feedback" role="${state.error ? "alert" : "status"}">${escapeHtml(state.error || "Loading embedding options…")}</p>${state.error ? '<button type="button" class="runtime-setup-inline-action" data-runtime-setup-action="embedding-reload">Try again</button>' : ""}`;
-  const providers = [
-    ...state.providers.map((provider) => ({
-      id: provider.id,
-      label: `${provider.id} · ${provider.type}`,
-    })),
-    ...["openai", "ollama"]
-      .filter(
-        (type) => !state.providers.some((provider) => provider.type === type),
-      )
-      .map((type) => ({
-        id: `new:${type}`,
-        label: `${type === "openai" ? "OpenAI" : "Ollama"} · new connection`,
-      })),
-  ];
+  const providers = embeddingProviderOptions(state.providers);
   return `<div class="runtime-embedding-fields">
     ${state.status?.enabled ? '<p class="runtime-setup-feedback">Memory is already configured. You can keep it or test and save changes.</p>' : ""}
     <label class="runtime-setup-field"><span>Embedding provider</span><select data-runtime-setup-field="embedding-provider">${providers.map((provider) => `<option value="${escapeAttribute(provider.id)}" ${state.provider === provider.id ? "selected" : ""}>${escapeHtml(provider.label)}</option>`).join("")}</select></label>
+    ${providerType === "llamacpp" && !configuredProvider ? field("embedding-connection-id", "Connection ID", state.newProviderId, "text", "A separate connection keeps your chat server settings unchanged.") : ""}
     ${field("embedding-model", "Embedding model ID", state.model, "text", "Choose a model that supports embeddings. ABot will not install or select one for you.")}
     <datalist id="runtimeEmbeddingModels">${state.models.map((model) => `<option value="${escapeAttribute(model)}"></option>`).join("")}</datalist>
-    ${providerType === "openai" ? renderEmbeddingCredential(configuredProvider) : ""}
-    ${providerType === "ollama" && !configuredProvider ? field("embedding-url", "Ollama address", state.baseUrl, "url", "Use the address reachable from the computer running ABot.") : ""}
-    ${configuredProvider ? '<button type="button" class="runtime-setup-inline-action" data-runtime-setup-action="embedding-discover"><svg aria-hidden="true" viewBox="0 0 24 24"><circle cx="10.5" cy="10.5" r="6.5"/><path d="m16 16 4.5 4.5"/></svg><span>Discover models</span></button>' : ""}
+    ${embeddingProviderAcceptsCredential(providerType, configuredProvider) ? renderEmbeddingCredential(configuredProvider, providerType) : ""}
+    ${embeddingProviderHasAddress(providerType) && !configuredProvider ? field("embedding-url", providerType === "llamacpp" ? "llama.cpp address" : "Ollama address", state.baseUrl, "url", "Use the address reachable from the computer running ABot.") : ""}
+    ${configuredProvider && providerType !== "llamacpp" ? '<button type="button" class="runtime-setup-inline-action" data-runtime-setup-action="embedding-discover"><svg aria-hidden="true" viewBox="0 0 24 24"><circle cx="10.5" cy="10.5" r="6.5"/><path d="m16 16 4.5 4.5"/></svg><span>Discover models</span></button>' : ""}
     <p class="runtime-setup-feedback">Test and save sends one embedding request to your provider. You can also configure this later in Settings.</p>
     ${state.error ? `<p class="runtime-setup-feedback error" role="alert">${escapeHtml(state.error)}</p>` : state.message ? `<p class="runtime-setup-feedback" role="status">${escapeHtml(state.message)}</p>` : ""}
     ${state.busy ? '<p class="runtime-setup-feedback" role="status">Checking embedding settings…</p>' : ""}

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

@@ -1,8 +1,16 @@
+import {
+  embeddingProviderAcceptsCredential,
+  embeddingProviderHasAddress,
+  isNewEmbeddingProviderChoice,
+  isValidEmbeddingConnectionId,
+  suggestEmbeddingConnectionId,
+} from "./embedding-provider-options.js";
 import { applySavedEmbeddingProviderReceipt } from "./embedding-provider-receipt.js";
 import { textOf } from "../../lib/text-format.js";
 import { renderEmbeddingSetup } from "./embedding-rendering.js";
 import {
   DEFAULT_OLLAMA_BASE_URL,
+  defaultSetupProviderAddress,
   validateRuntimeSetupBaseUrl,
   validateRuntimeSetupModelId,
 } from "./validation.js";
@@ -22,6 +30,8 @@ export function createEmbeddingSetupStep({
     providers: [],
     provider: "",
     model: "",
+    newProviderId: "",
+    useApiKey: false,
     baseUrl: DEFAULT_OLLAMA_BASE_URL,
     models: [],
     busy: false,
@@ -60,6 +70,8 @@ export function createEmbeddingSetupStep({
       providers: [],
       provider: "",
       model: "",
+      newProviderId: "",
+      useApiKey: false,
       baseUrl: DEFAULT_OLLAMA_BASE_URL,
       models: [],
       busy: false,
@@ -70,28 +82,22 @@ export function createEmbeddingSetupStep({
   }
 
   function invalidateConnection() {
-    const { provider, model, baseUrl } = state;
+    const { provider, model, baseUrl, newProviderId, useApiKey } = state;
     const connectionProviderChanged =
       loadedConnectionProvider !== getPreferredProvider();
     reset();
     preferConnectionProvider = connectionProviderChanged;
     state.baseUrl = baseUrl;
     if (connectionProviderChanged) return;
-    Object.assign(state, { provider, model });
+    Object.assign(state, { provider, model, newProviderId, useApiKey });
   }
 
   function retainedEmbeddingProvider() {
     const configured = selectedProvider();
     if (configured) return configured.id;
-    const isNewProviderChoice = ["new:openai", "new:ollama"].includes(
-      state.provider,
-    );
-    if (!isNewProviderChoice) return "";
-    const hasConfiguredType = state.providers.some(
-      (provider) => provider.type === state.provider.slice(4),
-    );
-    if (hasConfiguredType) return "";
-    return state.provider;
+    return isNewEmbeddingProviderChoice(state.provider, state.providers)
+      ? state.provider
+      : "";
   }
 
   function initialEmbeddingProvider(connectionProvider) {
@@ -164,7 +170,12 @@ export function createEmbeddingSetupStep({
   }
 
   async function discover() {
-    if (state.busy || !selectedProvider()) return;
+    if (
+      state.busy ||
+      !selectedProvider() ||
+      selectedProviderType() === "llamacpp"
+    )
+      return;
     await run(
       () => discoverModels(state.provider),
       (payload) => {
@@ -181,7 +192,13 @@ export function createEmbeddingSetupStep({
   }
 
   function apiKeyValue() {
-    if (selectedProviderType() !== "openai") return "";
+    if (
+      !embeddingProviderAcceptsCredential(
+        selectedProviderType(),
+        selectedProvider(),
+      )
+    )
+      return "";
     return textOf(
       container.querySelector('[data-runtime-setup-field="embedding-key"]')
         ?.value,
@@ -207,7 +224,10 @@ export function createEmbeddingSetupStep({
     const input = selectedProvider()
       ? { providerId: state.provider, model: model.value }
       : { provider: selectedProviderType(), model: model.value };
-    if (!selectedProvider() && selectedProviderType() === "ollama") {
+    if (
+      !selectedProvider() &&
+      embeddingProviderHasAddress(selectedProviderType())
+    ) {
       const address = validateRuntimeSetupBaseUrl(state.baseUrl);
       if (!address.valid) {
         state.error = address.message;
@@ -216,10 +236,22 @@ export function createEmbeddingSetupStep({
       }
       input.baseUrl = address.value;
     }
-    if (selectedProviderType() === "openai" && apiKey) input.apiKey = apiKey;
+    if (state.provider === "new:llamacpp") {
+      if (!isValidEmbeddingConnectionId(state.newProviderId)) {
+        state.error =
+          "Enter a connection ID starting with a letter, using letters, numbers, dots, underscores or hyphens.";
+        onChange();
+        return;
+      }
+      state.useApiKey = state.useApiKey || Boolean(apiKey);
+      input.newProviderId = state.newProviderId;
+      input.useApiKey = state.useApiKey;
+    }
+    if (apiKey) input.apiKey = apiKey;
     const providerSelection = {
       type: selectedProviderType(),
       providerId: input.providerId,
+      newProviderId: input.newProviderId,
     };
     let saved = false;
     try {
@@ -247,7 +279,14 @@ export function createEmbeddingSetupStep({
   function input(field, value) {
     if (state.busy) return;
     if (field === "embedding-model") state.model = value;
-    if (field === "embedding-url") state.baseUrl = value;
+    if (field === "embedding-url") {
+      if (state.baseUrl !== value) state.useApiKey = false;
+      state.baseUrl = value;
+    }
+    if (field === "embedding-connection-id") {
+      if (state.newProviderId !== value) state.useApiKey = false;
+      state.newProviderId = value;
+    }
     const action = container.querySelector(
       '.runtime-setup-action[type="submit"]',
     );
@@ -258,6 +297,11 @@ export function createEmbeddingSetupStep({
     if (state.busy || field !== "embedding-provider") return;
     clearSecret();
     state.provider = value;
+    state.useApiKey = false;
+    if (value.startsWith("new:"))
+      state.baseUrl = defaultSetupProviderAddress(selectedProviderType());
+    if (value === "new:llamacpp")
+      state.newProviderId = suggestEmbeddingConnectionId(state.providers);
     state.models = [];
     state.message = "";
     state.error = "";

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

@@ -0,0 +1,17 @@
+import type { ModelReasoningBudget } from "../../../../shared/model-reasoning.js";
+export type SetupReasoningState = {
+  provider?: string;
+  providerType?: string;
+  supportsThinking?: boolean;
+  reasoningBudgetMode?: string;
+  reasoningBudgetTokens?: string;
+};
+export declare function setupReasoningState(model?: { supportsThinking?: boolean; reasoningBudget?: ModelReasoningBudget }): SetupReasoningState;
+export declare function updateSetupReasoningField(state: SetupReasoningState, field: string, value: string | boolean): boolean;
+export declare function renderSetupReasoningFields(state: SetupReasoningState, readonly?: boolean): string;
+export declare function validateSetupReasoningFields(state: SetupReasoningState): {
+  valid: boolean;
+  input?: { supportsThinking?: boolean; reasoningBudget?: ModelReasoningBudget };
+  field?: string;
+  message?: string;
+};

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

@@ -0,0 +1,54 @@
+import { escapeAttribute } from "../../lib/text-format.js";
+
+export function setupReasoningState(model = {}) {
+  return {
+    supportsThinking: model.supportsThinking,
+    reasoningBudgetMode: model.reasoningBudget?.mode || "inherit",
+    reasoningBudgetTokens: model.reasoningBudget?.tokens?.toString() || "",
+  };
+}
+
+export function updateSetupReasoningField(state, field, value) {
+  if (field === "supports-thinking") state.supportsThinking = value === true;
+  if (field === "reasoning-budget-mode") state.reasoningBudgetMode = value;
+  if (field === "reasoning-budget-tokens") state.reasoningBudgetTokens = value;
+  return ["supports-thinking", "reasoning-budget-mode"].includes(field);
+}
+
+export function renderSetupReasoningFields(state, readonly = false) {
+  const hasTokenBudget = (state.providerType || state.provider) === "llamacpp";
+  const disabled = readonly ? "disabled" : "";
+  const mode = state.reasoningBudgetMode || "inherit";
+  const supportsThinking = state.supportsThinking === true;
+  return `<label class="runtime-setup-field runtime-setup-reasoning-toggle"><span class="runtime-setup-reasoning-toggle-label"><input type="checkbox" data-runtime-setup-field="supports-thinking" ${supportsThinking ? "checked" : ""} ${disabled} /> This model supports thinking</span><small>Enable only for a model and chat template that support reasoning. Connection readiness does not verify this.</small></label>
+    ${supportsThinking && hasTokenBudget ? `<label class="runtime-setup-field"><span>Default thinking budget</span><select data-runtime-setup-field="reasoning-budget-mode" ${disabled}>
+      <option value="inherit" ${mode === "inherit" ? "selected" : ""}>Inherit (no override)</option>
+      <option value="server-default" ${mode === "server-default" ? "selected" : ""}>Server default</option>
+      <option value="tokens" ${mode === "tokens" ? "selected" : ""}>Token limit</option>
+    </select><small>Applies to each reasoning segment. It is not a time limit or a total request budget.</small></label>
+    ${mode === "tokens" ? `<label class="runtime-setup-field"><span>Thinking tokens</span><input type="number" min="0" max="2147483647" step="1" data-runtime-setup-field="reasoning-budget-tokens" value="${escapeAttribute(state.reasoningBudgetTokens ?? "")}" ${disabled} required /><small>Zero disables thinking. The server forces the reasoning segment to close at a positive limit; the answer still needs output capacity.</small></label>` : ""}` : ""}`;
+}
+
+function isSetupReasoningTokenBudget(state, mode, tokens) {
+  if (mode !== "tokens") return false;
+  if (String(state.reasoningBudgetTokens ?? "").trim() === "") return false;
+  if (!Number.isSafeInteger(tokens)) return false;
+  if (tokens < 0) return false;
+  return tokens <= 2147483647;
+}
+
+export function validateSetupReasoningFields(state) {
+  if (state.providerType !== "llamacpp")
+    return { valid: true, input: state.supportsThinking === undefined ? {} : { supportsThinking: state.supportsThinking === true } };
+  const supportsThinking = state.supportsThinking === true;
+  const input = { supportsThinking };
+  if (!supportsThinking) return { valid: true, input };
+  const mode = state.reasoningBudgetMode || "inherit";
+  if (mode === "inherit") return { valid: true, input };
+  if (mode === "server-default")
+    return { valid: true, input: { ...input, reasoningBudget: { mode } } };
+  const tokens = Number(state.reasoningBudgetTokens);
+  if (!isSetupReasoningTokenBudget(state, mode, tokens))
+    return { valid: false, field: "reasoning-budget-tokens", message: "Enter a whole number of thinking tokens from 0 to 2147483647; 0 disables thinking." };
+  return { valid: true, input: { ...input, reasoningBudget: { mode, tokens } } };
+}

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

@@ -1,10 +1,14 @@
 import { textOf } from "../../lib/text-format.js";
 
-const PROVIDERS = new Set(["ollama", "openai"]);
+const PROVIDERS = new Set(["ollama", "openai", "llamacpp"]);
 const SAFE_MODEL_ID_PATTERN = /^[A-Za-z0-9][A-Za-z0-9_@+.:/=-]*$/;
 const SAFE_ORIGIN_HOST_PATTERN =
   /^(?:\[[0-9A-Fa-f:.]+\]|[A-Za-z0-9._-]+)(?::[0-9]+)?$/;
 export const DEFAULT_OLLAMA_BASE_URL = "http://127.0.0.1:11434";
+export const DEFAULT_LLAMACPP_BASE_URL = "http://127.0.0.1:8080";
+export function defaultSetupProviderAddress(provider) {
+  return provider === "llamacpp" ? DEFAULT_LLAMACPP_BASE_URL : DEFAULT_OLLAMA_BASE_URL;
+}
 
 export function normalizeProvider(value) {
   const provider = textOf(value).trim().toLowerCase();

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

@@ -1,3 +1,4 @@
+import type { ModelReasoningBudget } from "../../../shared/model-reasoning.js";
 import type { SetupEmbeddingInput } from "../../local-runtime/setup-embedding-input.js";
 
 export type RuntimeSetupValidation = Readonly<{
@@ -12,7 +13,7 @@ export type RuntimeSetupCommands = Readonly<{
   "web-ui": string;
 }>;
 export type RuntimeSetupProvider = Readonly<{
-  id: "openai" | "ollama";
+  id: "openai" | "ollama" | "llamacpp";
   label: string;
   requiresApiKey: boolean;
   credentialConfigured: boolean;
@@ -26,16 +27,20 @@ export type RuntimeSetupSnapshot = Readonly<{
   defaultContextWindowTokens: number;
   editableConnection?: { revision: string };
   existingModel?: {
-    provider: "openai" | "ollama";
+    provider: "openai" | "ollama" | "llamacpp";
     model: string;
     contextWindowTokens?: number;
+    supportsThinking?: boolean;
+    reasoningBudget?: ModelReasoningBudget;
     baseUrl?: string;
   };
 }>;
 export type RuntimeSetupInput = {
-  provider: "openai" | "ollama";
+  provider: "openai" | "ollama" | "llamacpp";
   model: string;
   contextWindowTokens?: number;
+  supportsThinking?: boolean;
+  reasoningBudget?: ModelReasoningBudget;
   baseUrl?: string;
   apiKey?: string;
   deferActivation?: boolean;
@@ -49,6 +54,7 @@ export type RuntimeSetupResponse = {
 export interface RuntimeSetupGuideDependencies {
   readonly container: HTMLElement;
   readonly conversationRegion: HTMLElement;
+  readonly inspectConnection?: (input: Record<string, unknown>) => Promise<{ connection: { models: readonly string[] } }>;
   readonly loadSetup: () => Promise<{ setup: RuntimeSetupSnapshot }>;
   readonly applySetup: () => Promise<{
     activation: RuntimeSetupResponse["activation"];

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

@@ -1,3 +1,6 @@
+import { runtimeSetupConnectionInput } from "./runtime-setup/connection-input.js";
+import { createConnectionInspection } from "./runtime-setup/connection-inspection.js";
+import { setupReasoningState } from "./runtime-setup/reasoning-fields.js";
 import { textOf } from "../lib/text-format.js";
 import { renderRuntimeSetup } from "./runtime-setup/rendering.js";
 import { createSetupOptionalSteps } from "./runtime-setup/optional-steps.js";
@@ -20,7 +23,6 @@ import {
 import {
   clearConnectionSecret,
   readConnectionSecret,
-  validateConnectionFields,
   showConnectionFieldError,
 } from "./runtime-setup/connection-form.js";
 import {
@@ -42,6 +44,7 @@ export function createRuntimeSetupGuide({
   container,
   conversationRegion,
   loadSetup,
+  inspectConnection,
   saveSetup,
   applySetup,
   loadEmbeddingStatus,
@@ -60,6 +63,7 @@ export function createRuntimeSetupGuide({
   openConfiguration = () => {},
 }) {
   const state = {
+    ...setupReasoningState(),
     providers: [],
     provider: "",
     modelId: "",
@@ -84,6 +88,7 @@ export function createRuntimeSetupGuide({
   let onCheckAgain = () => {};
   let onApplied = () => {};
   const viewState = createSetupViewState(container);
+  const connectionInspection = createConnectionInspection({ state, container, inspectConnection, onChange: paint, getEnvironmentId });
   const optionalSteps = createSetupOptionalSteps({
     container, getEnvironmentId, getPreferredProvider: () => state.provider,
     loadEmbeddingStatus, discoverEmbeddingModels, saveEmbedding, loadPlugins,
@@ -106,13 +111,15 @@ export function createRuntimeSetupGuide({
   }
 
   function reset() {
+    connectionInspection.reset();
     clearSetupContextWindowFeedback(state, container);
     revision += 1;
     optionalSteps.reset();
     viewState.reset();
     clearSecret();
     Object.assign(state, {
-      providers: [],
+      ...setupReasoningState(),
+    providers: [],
       provider: "",
       modelId: "",
       contextWindowTokens: "",
@@ -196,31 +203,7 @@ export function createRuntimeSetupGuide({
     showConnectionFieldError(container, field);
   }
 
-  function connectionInput() {
-    const result = validateConnectionFields({
-      modelId: state.modelId,
-      contextWindowTokens: state.contextWindowTokens,
-      providerType: state.provider,
-      baseUrl: state.baseUrl,
-    });
-    if (!result.valid) {
-      fieldError(result.field, result.message);
-      return null;
-    }
-    const input = { provider: state.provider, ...result.input };
-    if (state.editableConnection?.revision)
-      input.connectionRevision = state.editableConnection.revision;
-    if (state.provider === "ollama") return input;
-    const apiKey = readConnectionSecret(container);
-    const provider = state.providers.find(
-      (entry) => entry.id === state.provider,
-    );
-    if (provider?.credentialConfigured !== true && !apiKey) {
-      fieldError("api-key", "Enter your OpenAI API key.");
-      return null;
-    }
-    return apiKey ? { ...input, apiKey } : input;
-  }
+  const connectionInput = () => runtimeSetupConnectionInput(state, container, fieldError);
 
   async function submitConnection() {
     const input = connectionInput();
@@ -307,6 +290,7 @@ export function createRuntimeSetupGuide({
   function controlsAreBusy() {
     if (requiresConfigurationRecovery(availability)) return true;
     if (
+      state.checkingConnection ||
       state.loading ||
       state.saving ||
       state.applying ||
@@ -354,6 +338,7 @@ export function createRuntimeSetupGuide({
       return;
     }
     if (!action || controlsAreBusy()) return;
+    if (action === "inspect-model-connection" && state.step === 1) { void connectionInspection.check(); return; }
     const setupWasApplied =
       state.finishAttempted && state.activation?.status === "ready";
     if (setupWasApplied && action !== "check") return;
@@ -404,11 +389,17 @@ export function createRuntimeSetupGuide({
     }
     clearSetupContextWindowFeedback(state, container);
     field.removeAttribute?.("aria-invalid");
-    updateSetupConnectionField(
+    const rerender = updateSetupConnectionField(
       state,
       field.dataset.runtimeSetupField,
-      textOf(field.value),
+      field.type === "checkbox" ? field.checked : textOf(field.value),
     );
+    if (rerender) {
+      const key = readConnectionSecret(container);
+      paint();
+      const input = container.querySelector('[data-runtime-setup-field="api-key"]');
+      if (input) input.value = key;
+    }
     const action = container.querySelector(
       '.runtime-setup-action[type="submit"]',
     );

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

@@ -34,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", displayReasoningMode(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, run.reasoningPreference))}${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>
@@ -68,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", 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>
+    <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, job.reasoningPreference))}${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,4 +1,5 @@
-import { renderReasoningModeField, syncReasoningModeField, retainedReasoningMode } from "../../lib/reasoning-controls.js";
+import { readReasoningPreferenceField } from "../../lib/reasoning-preference.js";
+import { clearReasoningOffForMode, 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";
@@ -89,7 +90,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>
-    ${renderReasoningModeField(values.agentMode || "reasoning", models.find((model) => model.id === values.modelProfileId), modes.filter((mode) => mode !== "auto"))}</div>
+    ${renderReasoningModeField(values.agentMode || "reasoning", models.find((model) => model.id === values.modelProfileId), modes.filter((mode) => mode !== "auto"), values.reasoningPreference)}</div>
     <label>Tool access<select name="toolPermissionMode">${options(
       [
         { value: "full_access", label: "Full" },
@@ -112,12 +113,18 @@ export function createScheduleForm({
     }
   }
 
-  const readInput = () => {
+  const readInput = (initial = false) => {
     const data = new FormData(form);
     data.set("agentMode", retainedReasoningMode(form, values.agentMode || "reasoning"));
-    return scheduleFormInput(data, job?.schedule);
+    const input = scheduleFormInput(data, job?.schedule);
+    const preference = initial ? values.reasoningPreference : readReasoningPreferenceField(form);
+    if (preference) input.reasoningPreference = preference;
+    else if (job?.reasoningPreference) input.reasoningPreference = null;
+    return input;
   };
   fields.namedItem("modelProfileId").addEventListener("change", () => syncReasoningModeField(form, models, modes.filter((mode) => mode !== "auto")));
+  form.querySelector("[data-reasoning-mode]")?.addEventListener("change", () => clearReasoningOffForMode(form, models, modes.filter((mode) => mode !== "auto")));
+  form.querySelector("[data-reasoning-preference-mode]")?.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);
@@ -139,7 +146,7 @@ export function createScheduleForm({
     }
   });
   syncKind();
-  if (job) initialInput = readInput();
+  if (job) initialInput = readInput(true);
   const initialFields = JSON.stringify([...new FormData(form)]);
   function trackScheduleDraft() {
     form.dataset.dirty = String(