@abot-ai/runtime 1.5.0 → 1.7.0

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

@@ -11,6 +11,7 @@ import {
 } from "./config-model.js";
 
 export function createConfigWorkspaceMutations({
+  modelPluginViewState,
   state,
   dom,
   confirmDiscard,
@@ -125,6 +126,7 @@ export function createConfigWorkspaceMutations({
   }
 
   function clearDashboardSnapshot() {
+    modelPluginViewState?.reset();
     state.configDashboard = null;
     state.baselinesByKey.clear();
     state.rawDraftsByKey.clear();

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

@@ -1,5 +1,6 @@
 import { configRepairSaveIsConfirmed } from "./raw-config-repair.js";
 import { textOf } from "../../lib/text-format.js";
+import { loadModelPluginCatalog } from "./model-plugin-permissions.js";
 import {
   cloneConfig,
   modelContextWindowValidationError,
@@ -10,6 +11,7 @@ export function createConfigWorkspacePersistence({
   state,
   dom,
   loadDashboard,
+  loadModelPlugins,
   saveFile,
   memorySetup,
   memoryManagement,
@@ -84,11 +86,16 @@ export function createConfigWorkspacePersistence({
     }
     const loadGeneration = ++state.loadGeneration;
     state.loading = true;
+    state.configDashboardError = false;
     setWorkspaceStatus("Loading…");
     syncDashboardInteractivity();
     try {
-      const payload = await loadDashboard();
+      const [payload, modelPluginCatalog] = await Promise.all([
+        loadDashboard(),
+        loadModelPluginCatalog(loadModelPlugins),
+      ]);
       if (configLoadIsStale(loadGeneration)) return false;
+      state.modelPluginCatalog = modelPluginCatalog;
       replaceDashboard(payload);
       const memoryLoads = [memoryManagement.load()];
       if (pluginManagement) memoryLoads.push(pluginManagement.load());
@@ -115,6 +122,7 @@ export function createConfigWorkspacePersistence({
       return true;
     } catch (error) {
       if (configLoadIsStale(loadGeneration)) return false;
+      state.configDashboardError = true;
       const failurePrefix = textOf(options.failurePrefix).trim();
       const summary = error instanceof Error ? error.message : String(error);
       setWorkspaceStatus(

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

@@ -3,20 +3,22 @@ import {
   configRequiresRawRepair,
 } from "./raw-config-repair.js";
 import { renderModelSetupEntry } from "./model-setup-entry.js";
-import { escapeHtml, textOf } from "../../lib/text-format.js";
+import { textOf } from "../../lib/text-format.js";
 import { CONFIG_CATEGORIES } from "./config-model.js";
+import { modelSummary } from "./model-summary.js";
+import { renderConfigurationSummary, syncConfigurationSummary } from "./summary-rendering.js";
 
 export function createConfigWorkspaceView({
+  modelPluginViewState,
   onNavigationChange = () => {},
   state,
   dom,
   eventTarget,
   pluginManagement,
+  getOperationsSummary = () => ({ label: "System summary", items: [{ label: "System", value: "Not loaded" }] }),
   configFileEntries,
   configFileKey,
-  countObjectKeys,
   dashboardIsBusy,
-  dirtyFiles,
   ensureRawSelection,
   fileStatusText,
   hasPendingFileChanges,
@@ -53,17 +55,6 @@ export function createConfigWorkspaceView({
     return requestRunner?.config?.schemaVersion === 2;
   }
 
-  function configuredStepTargetCountLabel(count, sparseOverrides) {
-    const noun = sparseOverrides ? "override" : "mapping";
-    return `${count} ${count === 1 ? noun : `${noun}s`}`;
-  }
-
-  function configChangeSummary(count) {
-    if (count === 0) return "All saved";
-    const fileLabel = count === 1 ? "file" : "files";
-    return `${count} unsaved ${fileLabel}`;
-  }
-
   function requestPipelineContent(requestRunner) {
     if (!requestRunner) {
       return '<div class="empty-state compact">No request runner config found</div>';
@@ -95,6 +86,7 @@ export function createConfigWorkspaceView({
     const unavailable =
       '<div class="empty-state">No config dashboard data</div>';
     dom.configDashboard.innerHTML =
+      renderConfigurationSummary(currentSummary()) +
       '<div class="config-category-panels">' +
       CONFIG_CATEGORIES.map((category) =>
         renderCategoryPanel(
@@ -129,16 +121,17 @@ export function createConfigWorkspaceView({
     }
     dom.configDashboard.setAttribute("aria-busy", busy ? "true" : "false");
     dom.refreshConfigButton.disabled = busy;
+    syncDashboardSummary();
   }
 
   function renderConfigDashboard() {
+    modelPluginViewState?.capture();
     const dashboard = state.configDashboard;
     if (!dashboard?.files) {
       renderUnavailableDashboard();
       return;
     }
     const runtime = dashboard.files.runtime;
-    const requestRunner = dashboard.files.requestRunner;
     const models = Array.isArray(dashboard.files.models)
       ? dashboard.files.models
       : [];
@@ -146,18 +139,6 @@ export function createConfigWorkspaceView({
       state.selectedConfigModelId = models[0]?.id || "";
     }
     ensureRawSelection();
-    const registeredStepCount = Array.isArray(dashboard.modelSteps)
-      ? dashboard.modelSteps.length
-      : 0;
-    const configuredStepTargetCount = requestRunner
-      ? countObjectKeys(requestRunner.config?.models?.defaults?.steps)
-      : 0;
-    const sparseOverrides = requestRunnerUsesSparseOverrides(requestRunner);
-    const configuredStepTargetLabel = configuredStepTargetCountLabel(
-      configuredStepTargetCount,
-      sparseOverrides,
-    );
-    const dirtyCount = dirtyFiles().length;
     const repairNeeded = configFileEntries().some((file) =>
       configRequiresRawRepair(
         file,
@@ -165,39 +146,7 @@ export function createConfigWorkspaceView({
       ),
     );
     dom.configDashboard.innerHTML = `
-      <dl class="config-summary" aria-label="Configuration summary">
-        <div class="config-summary-item">
-          <dt>Runtime</dt>
-          <dd class="config-summary-value">${escapeHtml(
-            runtime?.exists ? "Ready" : "Missing",
-          )}</dd>
-        </div>
-        <div class="config-summary-item">
-          <dt>Pipeline</dt>
-          <dd class="config-summary-value">
-            <span data-config-registered-step-count>${escapeHtml(
-              `${registeredStepCount} registered`,
-            )}</span>
-            <span aria-hidden="true"> · </span>
-            <span data-config-step-target-count>${escapeHtml(
-              configuredStepTargetLabel,
-            )}</span>
-          </dd>
-        </div>
-        <div class="config-summary-item">
-          <dt>Models</dt>
-          <dd class="config-summary-value">${escapeHtml(String(models.length))}</dd>
-        </div>
-        <div class="config-summary-item config-summary-changes">
-          <dt>Changes</dt>
-          <dd
-            class="config-summary-value ${dirtyCount ? "dirty" : ""}"
-            data-config-summary-status
-            role="status"
-            aria-live="polite"
-          >${escapeHtml(configChangeSummary(dirtyCount))}</dd>
-        </div>
-      </dl>
+      ${renderConfigurationSummary(currentSummary())}
       ${
         repairNeeded
           ? `<section class="config-category-panel" aria-label="Repair configuration file">${renderConfigMap()}</section>`
@@ -224,6 +173,7 @@ export function createConfigWorkspaceView({
     );
     syncDirtyPresentation({ syncRawEditor: true });
     syncDashboardInteractivity();
+    modelPluginViewState?.restore();
   }
 
   function syncActiveCategory() {
@@ -240,6 +190,7 @@ export function createConfigWorkspaceView({
     if (!CONFIG_CATEGORIES.includes(category)) return;
     state.activeCategory = category;
     syncActiveCategory();
+    syncDashboardSummary();
     onNavigationChange();
   }
 
@@ -300,14 +251,18 @@ export function createConfigWorkspaceView({
     }
   }
 
+  function currentSummary() {
+    if (state.activeCategory === "plugins") {
+      return pluginManagement?.summary?.() ?? {
+        label: "Plugins summary", items: [{ label: "Plugins", value: "Not loaded" }],
+      };
+    }
+    if (state.activeCategory === "operations") return getOperationsSummary();
+    return modelSummary(state, hasPendingFileChanges);
+  }
+
   function syncDashboardSummary() {
-    const status = dom.configDashboard.querySelector(
-      "[data-config-summary-status]",
-    );
-    if (!status) return;
-    const count = dirtyFiles().length;
-    status.textContent = configChangeSummary(count);
-    status.classList.toggle("dirty", count > 0);
+    syncConfigurationSummary(dom.configDashboard, currentSummary());
   }
 
   function syncRawControls(options = {}) {
@@ -365,6 +320,7 @@ export function createConfigWorkspaceView({
     renderConfigDashboard,
     setWorkspaceStatus,
     syncDashboardInteractivity,
+    syncDashboardSummary,
     syncDirtyPresentation,
   };
 }

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

@@ -1,3 +1,4 @@
+import { createModelPluginViewState } from "./config-workspace/model-plugin-view-state.js";
 import { createConfigCalibrationDisclosure } from "./config-workspace/calibration-disclosure.js";
 import { createConfigDashboardRendering } from "./config-workspace/dashboard-rendering.js";
 import { createConfigFieldRendering } from "./config-workspace/field-rendering.js";
@@ -22,10 +23,12 @@ export {
 export function createConfigWorkspace({
   dom,
   loadDashboard,
+  loadModelPlugins,
   saveFile,
   memorySetup,
   memoryManagement,
   pluginManagement,
+  getOperationsSummary,
   onAddModel,
   onRemoveModel,
   onNavigationChange = () => {},
@@ -35,6 +38,7 @@ export function createConfigWorkspace({
 }) {
   const workspaceModel = createConfigWorkspaceModel();
   const { state } = workspaceModel;
+  const modelPluginViewState = createModelPluginViewState(dom.configDashboard);
   const calibrationDisclosure = createConfigCalibrationDisclosure({
     state,
     root: dom.configDashboard,
@@ -61,6 +65,7 @@ export function createConfigWorkspace({
   });
 
   const modelRendering = createConfigModelRendering({
+    modelPluginViewState,
     state,
     calibrationProfileLabel: fieldRendering.calibrationProfileLabel,
     configFileKey: workspaceModel.configFileKey,
@@ -87,6 +92,7 @@ export function createConfigWorkspace({
   });
 
   const workspaceView = createConfigWorkspaceView({
+    modelPluginViewState,
     onNavigationChange: () => {
       navigationRevision += 1;
       onNavigationChange();
@@ -95,11 +101,10 @@ export function createConfigWorkspace({
     dom,
     eventTarget,
     pluginManagement,
+    getOperationsSummary,
     configFileEntries: workspaceModel.configFileEntries,
     configFileKey: workspaceModel.configFileKey,
-    countObjectKeys: fieldRendering.countObjectKeys,
     dashboardIsBusy: workspaceModel.dashboardIsBusy,
-    dirtyFiles: workspaceModel.dirtyFiles,
     ensureRawSelection: workspaceModel.ensureRawSelection,
     fileStatusText: fieldRendering.fileStatusText,
     hasPendingFileChanges: workspaceModel.hasPendingFileChanges,
@@ -115,6 +120,7 @@ export function createConfigWorkspace({
   });
 
   const workspaceMutations = createConfigWorkspaceMutations({
+    modelPluginViewState,
     state,
     dom,
     confirmDiscard,
@@ -137,6 +143,7 @@ export function createConfigWorkspace({
     state,
     dom,
     loadDashboard,
+    loadModelPlugins,
     saveFile,
     memorySetup,
     memoryManagement,
@@ -160,6 +167,7 @@ export function createConfigWorkspace({
   });
 
   const workspaceEvents = createConfigWorkspaceEvents({
+    modelPluginViewState,
     onAddModel,
     onRemoveModel,
     state,
@@ -190,6 +198,7 @@ export function createConfigWorkspace({
 
   return {
     activeCategory: () => state.activeCategory,
+    syncSummary: workspaceView.syncDashboardSummary,
     setActive: calibrationDisclosure.setActive,
     setWorkspace: (workspace) => {
       const category = configurationCategoryForWorkspace(workspace);

package/dist/src/web-ui/app/components/conversation-activity.d.ts

@@ -1,3 +1,4 @@
+import type { ContextWindowDisplay } from "../lib/context-window-state.js";
 import type { ConversationFileReference } from "../lib/conversation-file-reference.js";
 import type { buildConversationRoleCards } from "../lib/conversation-role-model.js";
 import type { ConversationSourcesGroup } from "../lib/web-sources.js";
@@ -17,34 +18,7 @@ export type ConversationActivityEvent = Record<string, unknown> & {
   tone: string;
 };
 
-export type ConversationContextWindowModel = {
-  invocationId: string;
-  modelStep: string;
-  profileId: string;
-  measurement: string;
-  source: string;
-  admissionOutcome: string;
-  contextWindowTokens: number;
-  estimatedInputTokens: number;
-  remainingContextTokens: number;
-  usedContextPercent: number;
-  remainingContextPercent: number;
-  compactionTriggerPercent: number;
-  outputReserveTokens: number;
-  safetyReserveTokens: number;
-  attachmentReserveTokens: number;
-  formatReserveTokens: number;
-  providerUsage: {
-    inputTokens: number;
-    outputTokens: number;
-    totalTokens: number;
-    source: string;
-  } | null;
-  compaction: {
-    beforePercent: number;
-    afterPercent: number;
-  } | null;
-};
+export type ConversationContextWindowModel = ContextWindowDisplay;
 
 export declare function buildConversationActivityModel(
   input?: ConversationActivityInput,

package/dist/src/web-ui/app/components/conversation-activity.js

@@ -1,3 +1,4 @@
+import { projectContextWindowDisplay } from "../lib/context-window-state.js";
 import {
   buildEventTimelineEntries,
   eventTone,
@@ -39,8 +40,12 @@ function progressStatus(value) {
 
 function presentEvent(event) {
   const isPresentedEvent = Boolean(event?.eventName || event?.key);
-  const eventName = textOf(event?.eventName || event?.name || event?.rawType || event?.type);
-  let name = isPresentedEvent ? textOf(event.name, "Event") : formatEventLabel(event);
+  const eventName = textOf(
+    event?.eventName || event?.name || event?.rawType || event?.type,
+  );
+  let name = isPresentedEvent
+    ? textOf(event.name, "Event")
+    : formatEventLabel(event);
   let tone = textOf(event?.tone) || eventTone(event);
   if (isUncompletedToolEvent(event)) {
     name = formatEventLabel({ ...event, name: eventName });
@@ -96,59 +101,6 @@ function normalizeProgress(taskProgress, requestId) {
   };
 }
 
-function normalizeContextWindow(contextWindow, requestId) {
-  if (!contextWindow || textOf(contextWindow.requestId) !== requestId) {
-    return null;
-  }
-  const snapshot = contextWindow.snapshot;
-  const contextWindowTokens = countOf(snapshot?.contextWindowTokens);
-  const estimatedInputTokens = countOf(snapshot?.estimatedInputTokens);
-  const usedContextPercent = countOf(snapshot?.usedContextPercent, -1);
-  if (contextWindowTokens <= 0 || usedContextPercent < 0) return null;
-  const providerUsage = contextWindow.providerUsage;
-  const providerUsageMatches =
-    providerUsage &&
-    textOf(providerUsage.invocationId) === textOf(snapshot.invocationId);
-  const compaction = contextWindow.lastCompaction;
-  return {
-    invocationId: textOf(snapshot.invocationId),
-    modelStep: textOf(snapshot.modelStep),
-    profileId: textOf(snapshot.profileId),
-    measurement: textOf(snapshot.measurement, "estimated"),
-    source: textOf(snapshot.source, "runtime_token_estimator"),
-    admissionOutcome: textOf(snapshot.admissionOutcome),
-    contextWindowTokens,
-    estimatedInputTokens,
-    remainingContextTokens: countOf(snapshot.remainingContextTokens),
-    usedContextPercent,
-    remainingContextPercent: countOf(
-      snapshot.remainingContextPercent,
-      Math.max(0, 100 - usedContextPercent),
-    ),
-    compactionTriggerPercent: countOf(snapshot.compactionTriggerPercent, 70),
-    outputReserveTokens: countOf(snapshot.outputReserveTokens),
-    safetyReserveTokens: countOf(snapshot.safetyReserveTokens),
-    attachmentReserveTokens: countOf(snapshot.attachmentReserveTokens),
-    formatReserveTokens: countOf(snapshot.formatReserveTokens),
-    providerUsage: providerUsageMatches
-      ? {
-          inputTokens: countOf(providerUsage.inputTokens),
-          outputTokens: countOf(providerUsage.outputTokens),
-          totalTokens: countOf(providerUsage.totalTokens),
-          source: textOf(providerUsage.source, "provider_reported"),
-        }
-      : null,
-    compaction:
-      Number.isFinite(compaction?.beforePercent) &&
-      Number.isFinite(compaction?.afterPercent)
-        ? {
-            beforePercent: compaction.beforePercent,
-            afterPercent: compaction.afterPercent,
-          }
-        : null,
-  };
-}
-
 export function buildConversationActivityModel({
   requestId,
   events = [],
@@ -184,7 +136,7 @@ export function buildConversationActivityModel({
   const toolCount = countToolInvocations(scopedEvents);
   const timeline = buildEventTimelineEntries(scopedEvents);
   const progress = normalizeProgress(taskProgress, normalizedRequestId);
-  const contextWindowModel = normalizeContextWindow(
+  const contextWindowModel = projectContextWindowDisplay(
     contextWindow,
     normalizedRequestId,
   );
@@ -314,7 +266,9 @@ export function createConversationActivity({
     const hasFailures = model.failureCount > 0;
     const hasRoleCards = model.roleCards.length > 0;
 
-    const details = documentRoot.createElement(hasRoleCards ? "section" : "details");
+    const details = documentRoot.createElement(
+      hasRoleCards ? "section" : "details",
+    );
     details.className = "conversation-activity";
     details.classList.toggle("is-inline-agents", hasRoleCards);
     details.dataset.requestId = model.requestId;
@@ -324,13 +278,20 @@ export function createConversationActivity({
         : manuallyExpandedCompletedRequests.has(model.requestId);
     }
 
-    const summary = documentRoot.createElement(hasRoleCards ? "header" : "summary");
+    const summary = documentRoot.createElement(
+      hasRoleCards ? "header" : "summary",
+    );
     summary.className = "conversation-activity-summary";
     if (hasRoleCards) summary.setAttribute("tabindex", "-1");
     const heading = documentRoot.createElement("span");
     heading.className = "conversation-activity-heading";
     if (!hasRoleCards)
-      appendTextNode(documentRoot, heading, "conversation-activity-chevron", "");
+      appendTextNode(
+        documentRoot,
+        heading,
+        "conversation-activity-chevron",
+        "",
+      );
     const activityTitle = hasRoleCards ? "Agents" : "Activity";
     appendTextNode(
       documentRoot,
@@ -418,7 +379,9 @@ export function createConversationActivity({
       if (!showsTimeline) return false;
       return pinConversationActivityToLatest({
         details: hasRoleCards ? { open: true } : details,
-        body: hasRoleCards ? body.querySelector(".conversation-role-panel") : body,
+        body: hasRoleCards
+          ? body.querySelector(".conversation-role-panel")
+          : body,
         streaming: model.openByDefault && showsTimeline,
       });
     };

package/dist/src/web-ui/app/components/conversation-status.js

@@ -13,17 +13,18 @@ export function createConversationStatus({
   getActiveRequestId,
   getActivityForMessage,
   isConnected = () => true,
+  present = (model) => model,
   documentRoot = document,
 }) {
   const entries = new Map();
 
   function refresh(message, node) {
-    const model = buildConversationStatus({
+    const model = present(buildConversationStatus({
       ...getActivityForMessage(message),
       requestId: message.requestId,
       streaming: isActiveAssistant(message, getActiveRequestId()),
       connected: isConnected(),
-    });
+    }));
     node.hidden = !model;
     const label = model?.label || "";
     if (node.textContent !== label) node.textContent = label;