@abot-ai/runtime 1.0.0 → 1.2.0

package/dist/src/web-ui/app/styles/90-responsive.css

@@ -5,24 +5,6 @@
     padding-inline: 18px;
   }
 
-  .header-controls {
-    max-width: 64%;
-  }
-
-  .control-label {
-    display: none;
-  }
-
-  .agent-mode-control {
-    width: 116px;
-    min-width: 116px;
-  }
-
-  .model-control {
-    width: 170px;
-    min-width: 0;
-  }
-
   .workspace-page-body {
     padding-inline: 28px;
   }
@@ -38,25 +20,6 @@
     padding-block: 12px;
   }
 
-  .header-controls {
-    display: grid;
-    grid-template-columns: minmax(112px, 0.8fr) minmax(150px, 1.2fr);
-    width: 100%;
-    max-width: 520px;
-  }
-
-  .agent-mode-control,
-  .model-control,
-  .agent-mode-button,
-  #modelSelect {
-    width: 100%;
-    min-width: 0;
-  }
-
-  .chat-header h2 {
-    max-width: min(72vw, 620px);
-  }
-
   .workspace-page-header {
     padding-inline: 28px;
   }
@@ -65,17 +28,31 @@
     padding: 20px 24px 48px;
   }
 
-  .config-dashboard-grid,
-  .config-loop-grid,
-  .config-steps-section .config-step-list,
-  .config-model-layout,
-  .config-field-grid,
-  .config-calibration-card .config-field-grid {
+  .config-category-panel {
+    padding: 22px;
+  }
+
+  .config-model-layout {
     grid-template-columns: 1fr;
+    gap: 20px;
   }
 
   .config-model-list {
-    max-height: 280px;
+    position: static;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    max-height: none;
+    border-right: 0;
+    border-bottom: 1px solid var(--config-line);
+  }
+
+  .config-model-list-title {
+    grid-column: 1 / -1;
+  }
+
+  .config-field-grid,
+  .config-field-grid.model-basics,
+  .config-calibration-card .config-field-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 }
 
@@ -85,7 +62,6 @@
   }
 
   .app-shell,
-  .app-shell.operations-workspace,
   .app-shell.config-workspace {
     display: grid;
     grid-template-columns: minmax(0, 1fr);
@@ -101,7 +77,7 @@
     inset: auto;
     z-index: 80;
     display: grid;
-    grid-template-columns: repeat(5, minmax(0, 1fr));
+    grid-template-columns: repeat(4, minmax(0, 1fr));
     gap: 4px;
     grid-column: 1;
     grid-row: 2;
@@ -117,6 +93,10 @@
     backdrop-filter: blur(20px);
   }
 
+  .app-shell.config-workspace .workspace-rail {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
   .rail-spacer,
   .rail-runtime {
     display: none;
@@ -139,17 +119,13 @@
     order: 2;
   }
 
-  #operationsWorkspaceButton {
-    order: 4;
-  }
-
   #configWorkspaceButton {
-    order: 5;
+    order: 4;
   }
 
   .workspace-rail button.rail-button {
     display: grid;
-    grid-template-rows: 22px 14px;
+    grid-template-rows: 22px minmax(1.125rem, auto);
     gap: 1px;
     place-items: center;
     width: 100%;
@@ -177,8 +153,8 @@
     color: currentColor;
     text-overflow: ellipsis;
     white-space: nowrap;
-    font-size: 9.5px;
-    line-height: 1;
+    font-size: var(--font-size-xs);
+    line-height: 1.2;
     opacity: 1;
     pointer-events: none;
     transform: none;
@@ -245,15 +221,7 @@
   }
 
   .chat-header h2 {
-    max-width: calc(100vw - 44px);
-    font-size: 15px;
-  }
-
-  .header-controls {
-    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
-    gap: 6px;
-    width: 100%;
-    max-width: none;
+    font-size: var(--font-size-2xl);
   }
 
   .messages-list {
@@ -302,16 +270,10 @@
   }
 
   .composer {
-    grid-template-columns: 34px auto minmax(0, 1fr) 36px;
-    grid-template-rows: auto auto auto;
     padding: 10px;
     border-radius: 15px;
   }
 
-  .composer.composer-has-split-action {
-    grid-template-columns: 34px auto minmax(0, 1fr) auto;
-  }
-
   .composer-submit-control.split .send-button {
     width: 32px;
     min-width: 32px;
@@ -327,17 +289,6 @@
     min-height: 36px;
   }
 
-  .permission-mode-control {
-    grid-column: 2;
-    grid-row: 3;
-  }
-
-  .permission-mode-button {
-    width: auto;
-    height: 31px;
-    min-height: 31px;
-  }
-
   .attachment-preview {
     grid-column: 1 / -1;
     grid-row: 2;
@@ -359,40 +310,34 @@
   }
 
   .workspace-page-heading h2 {
-    font-size: 18px;
+    font-size: var(--font-size-4xl);
   }
 
   .workspace-page-body {
     padding: 16px 14px 42px;
   }
 
-  .config-dashboard-header h3 {
-    font-size: 24px;
+  .config-summary {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 
-  .config-hero,
-  .config-field-grid,
-  .config-calibration-meta,
-  .config-add-row,
-  .config-add-row.compact {
-    grid-template-columns: 1fr;
+  .config-summary-item:nth-child(2n) {
+    border-right: 0;
   }
 
-  .config-section,
-  .config-model-editor,
-  .config-model-list,
-  .config-calibration-card,
-  .config-raw-panel {
-    border-radius: 12px;
+  .config-summary-item:nth-child(-n + 2) {
+    border-bottom: 1px solid var(--config-line);
   }
 
-  .config-section-header,
-  .config-subheader,
-  .config-calibration-title {
-    align-items: flex-start;
+  .config-category-panel {
+    padding: 20px;
+  }
+
+  .config-section-header p {
+    white-space: normal;
   }
 
-  .config-raw-toolbar {
+  .config-calibration-meta {
     grid-template-columns: 1fr;
   }
 
@@ -403,6 +348,130 @@
   }
 }
 
+@media (max-width: 620px) {
+  .config-workspace-body {
+    padding: 12px 10px 34px;
+  }
+
+  .config-dashboard {
+    border-radius: 8px;
+  }
+
+  .config-summary-item {
+    padding: 10px 12px;
+  }
+
+  .config-category-nav {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    padding-inline: 8px;
+  }
+
+  .config-category-tab:nth-child(-n + 2) {
+    border-bottom-color: var(--config-line);
+  }
+
+  .config-category-tab.active,
+  .config-category-tab[aria-selected="true"] {
+    border-bottom-color: var(--accent);
+  }
+
+  .config-category-panel {
+    padding: 16px 14px 20px;
+  }
+
+  .config-section-header,
+  .config-subheader,
+  .memory-setup-heading,
+  .memory-management-heading,
+  .memory-management-toolbar,
+  .memory-pagination {
+    align-items: stretch;
+    flex-direction: column;
+  }
+
+  .config-file-actions,
+  .config-section-actions {
+    justify-content: flex-start;
+  }
+
+  .config-step-header {
+    display: none;
+  }
+
+  .config-step-row,
+  .config-file-row,
+  .config-files-section .config-file-row,
+  .config-add-row,
+  .config-add-row.compact,
+  .config-field-grid,
+  .config-field-grid.model-basics,
+  .config-execution-route,
+  .config-calibration-card .config-field-grid,
+  .config-raw-toolbar,
+  .memory-setup-fields {
+    grid-template-columns: 1fr;
+  }
+
+  .config-step-row,
+  .config-file-row {
+    align-items: stretch;
+    gap: 7px;
+  }
+
+  .config-profile-select-cell small {
+    overflow: visible;
+    text-overflow: clip;
+    white-space: normal;
+  }
+
+  .config-add-row.compact {
+    width: 100%;
+  }
+
+  .config-model-list {
+    grid-template-columns: 1fr;
+  }
+
+  .config-calibration-title {
+    grid-template-columns: minmax(0, 1fr) auto;
+    align-items: center;
+  }
+
+  .config-calibration-title code {
+    max-width: 110px;
+  }
+
+  .config-raw-status {
+    grid-column: 1;
+  }
+
+  .memory-setup-actions,
+  .memory-management-primary-actions,
+  .memory-editor-actions,
+  .memory-pagination > div,
+  .memory-search,
+  .memory-search-shell {
+    width: 100%;
+  }
+
+  .memory-management-primary-actions {
+    flex-wrap: wrap;
+  }
+
+  .memory-setup-heading .memory-status,
+  .memory-management-heading .memory-status {
+    align-self: flex-start;
+  }
+
+  .memory-record {
+    padding-inline: 4px;
+  }
+
+  .memory-record-actions {
+    opacity: 1;
+  }
+}
+
 @media (max-width: 460px) {
   .runtime-summary {
     padding: 10px;
@@ -414,7 +483,7 @@
   }
 
   .mode-empty-title {
-    font-size: 24px;
+    font-size: var(--font-size-6xl);
   }
 
   .workspace-page-heading .eyebrow {
@@ -431,6 +500,35 @@
     height: 36px;
     min-height: 36px;
   }
+
+  .config-workspace-heading h2 {
+    font-size: var(--font-size-3xl);
+  }
+
+  .config-workspace-heading > p:last-child {
+    display: none;
+  }
+
+  .config-workspace-back {
+    height: 32px;
+    min-height: 32px;
+    padding-inline: 8px;
+  }
+
+  .config-summary-item {
+    padding: 9px 10px;
+  }
+
+  .config-category-tab {
+    min-height: 38px;
+    padding-inline: 6px;
+    font-size: var(--font-size-sm);
+  }
+
+  .config-dashboard #configRawEditor,
+  .config-dashboard .config-view {
+    min-height: 300px;
+  }
 }
 
 @media (max-width: 360px) {

package/dist/src/web-ui/app/styles/foundation.css

@@ -81,11 +81,11 @@ button,
 input,
 select {
   min-height: 32px;
-  font-size: 13px;
+  font-size: var(--font-size-lg);
 }
 
 textarea {
-  font-size: 14px;
+  font-size: var(--font-size-xl);
 }
 
 button {

package/dist/src/web-ui/app/styles.css

@@ -1,6 +1,16 @@
 @import url("./styles/foundation.css");
 @import url("./styles/00-tokens-base.css");
 @import url("./styles/10-shell-sessions.css");
+@import url("./styles/12-conversation-sidebar.css");
 @import url("./styles/20-chat-composer.css");
+@import url("./styles/21-composer-controls.css");
+@import url("./styles/22-composer-context-window.css");
+@import url("./styles/23-composer-plan.css");
+@import url("./styles/24-conversation-role-cards.css");
+@import url("./styles/25-conversation-sources.css");
 @import url("./styles/30-inspector-config.css");
+@import url("./styles/40-config-workspace.css");
+@import url("./styles/35-memory-onboarding.css");
+@import url("./styles/36-memory-management.css");
+@import url("./styles/37-config-operations.css");
 @import url("./styles/90-responsive.css");

package/dist/src/web-ui/app/ui-behavior.d.ts

@@ -28,7 +28,7 @@ export declare function wrappedIndex(
 
 export declare function normalizeWorkspaceDestination(
   value: unknown,
-): "chat" | "operations" | "config";
+): "chat" | "config";
 
 export declare function createInitialWorkspaceShellState(): {
   workspace: "chat";

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

@@ -37,7 +37,7 @@ export function normalizeWorkspaceDestination(value) {
   const destination = String(value ?? "")
     .trim()
     .toLowerCase();
-  return ["operations", "config"].includes(destination) ? destination : "chat";
+  return destination === "config" ? "config" : "chat";
 }
 
 export function createInitialWorkspaceShellState() {

package/dist/src/web-ui/config-dashboard-backend.js

@@ -2,8 +2,10 @@ import { existsSync } from "node:fs";
 import { mkdir, readFile, readdir, rename, writeFile } from "node:fs/promises";
 import { basename, dirname, isAbsolute, relative, resolve } from "node:path";
 import { DEFAULT_RUNTIME_CONFIG_FILE } from "../runtime/config/constants.js";
-import { isRecord, resolveRuntimePath } from "../runtime/config/utils.js";
 import { REQUEST_INVOKED_STEP_IDS } from "../runtime/config/runner/contracts.js";
+import { assertSupportedRequestRunnerConfigVersion } from "../runtime/config/runner/schema-version.js";
+import { parseRequestRunnerConfig } from "../runtime/config/runner/versioned-config.js";
+import { isRecord, resolveRuntimePath } from "../runtime/config/utils.js";
 function resolveMainConfigPath(rootDir, configPath) {
     return configPath
         ? resolveRuntimePath(rootDir, configPath)
@@ -258,6 +260,12 @@ export async function saveConfigDashboardFile(params) {
         };
     }
     ensureInsideRoot(params.rootDir, filePath);
+    if (target.kind === "requestRunner") {
+        if (target.exists) {
+            assertSupportedRequestRunnerConfigVersion(target.config, filePath);
+        }
+        parseRequestRunnerConfig(params.config, filePath);
+    }
     const result = await writeJsonObject(filePath, params.config);
     const file = await readDescriptor({
         rootDir: params.rootDir,

package/dist/src/web-ui/local-runtime/api-router.d.ts

@@ -1,5 +1,5 @@
 import type { IncomingMessage, ServerResponse } from "node:http";
-import type { LocalRuntimeBackendOptions } from "./contracts.js";
+import type { ResolvedLocalRuntimeBackendOptions } from "./contracts.js";
 import { RuntimeEnvironmentRegistry } from "./environment-registry.js";
 import { LocalRequestExecution } from "./request-execution.js";
 export declare class LocalRuntimeApiRouter {
@@ -7,7 +7,9 @@ export declare class LocalRuntimeApiRouter {
     private readonly environments;
     private readonly requests;
     private readonly attachments;
-    constructor(options: LocalRuntimeBackendOptions, environments: RuntimeEnvironmentRegistry, requests: LocalRequestExecution);
+    private readonly memoryManagement;
+    private readonly memoryOnboarding;
+    constructor(options: ResolvedLocalRuntimeBackendOptions, environments: RuntimeEnvironmentRegistry, requests: LocalRequestExecution);
     handle(req: IncomingMessage, res: ServerResponse): Promise<void>;
     private readState;
 }

package/dist/src/web-ui/local-runtime/api-router.js

@@ -2,7 +2,10 @@ import { getRuntimeConfig, getRuntimeConfigSchema, } from "../../runtime/admin/c
 import { getRuntimeStatus, tailRuntimeLog, } from "../../runtime/admin/system-control.js";
 import { getConfigDashboardSnapshot, saveConfigDashboardFile, } from "../config-dashboard-backend.js";
 import { deleteSessionAttachmentsIfSupported, LocalAttachmentRoutes, } from "./attachment-routes.js";
+import { createLocalLongTermMemoryOnboardingService } from "../../runtime/adapters/long-term-memory/onboarding-service.js";
 import { getString, pathSegments, readBody, readConfigFileKind, readJsonBody, requestEnvironmentId, sendJson, } from "./http.js";
+import { LongTermMemoryManagementRoutes } from "./memory-management-routes.js";
+import { LongTermMemoryOnboardingRoutes } from "./memory-onboarding-routes.js";
 function sendRuntimeSetupRequired(res, availability) {
     sendJson(res, 409, {
         ok: false,
@@ -16,10 +19,18 @@ export class LocalRuntimeApiRouter {
     environments;
     requests;
     attachments = new LocalAttachmentRoutes();
+    memoryManagement;
+    memoryOnboarding;
     constructor(options, environments, requests) {
         this.options = options;
         this.environments = environments;
         this.requests = requests;
+        this.memoryOnboarding = new LongTermMemoryOnboardingRoutes(createLocalLongTermMemoryOnboardingService({
+            rootDir: options.rootDir ?? process.cwd(),
+            providerAdapters: options.providerAdapters,
+            ...(options.configPath ? { configPath: options.configPath } : {}),
+        }));
+        this.memoryManagement = new LongTermMemoryManagementRoutes((environmentId) => this.environments.get(environmentId).services.longTermMemory);
     }
     async handle(req, res) {
         const url = new URL(req.url || "/", "http://localhost");
@@ -52,6 +63,28 @@ export class LocalRuntimeApiRouter {
             ? null
             : readJsonBody(await readBody(req));
         const environmentId = requestEnvironmentId(url, body, this.options.defaultEnvironmentId);
+        if (await this.memoryOnboarding.handle({
+            method,
+            route,
+            url,
+            body,
+            request: req,
+            response: res,
+        })) {
+            return;
+        }
+        if (await this.memoryManagement.handle({
+            method,
+            route,
+            segments,
+            url,
+            body,
+            environmentId,
+            request: req,
+            response: res,
+        })) {
+            return;
+        }
         if (method === "GET" && route === "runtime/config/dashboard") {
             sendJson(res, 200, {
                 ok: true,

package/dist/src/web-ui/local-runtime/contracts.d.ts

@@ -1,10 +1,15 @@
 import type { RuntimeApplication } from "../../runtime/composition.js";
 import type { RequestSteeringInbox } from "../../runtime/request/request-steering.js";
+import type { ModelProviderAdapterRegistry } from "../../model-gateway/index.js";
 export type JsonObject = Record<string, unknown>;
 export type LocalRuntimeBackendOptions = {
     rootDir?: string;
     configPath?: string;
     defaultEnvironmentId: string;
+    providerAdapters?: ModelProviderAdapterRegistry;
+};
+export type ResolvedLocalRuntimeBackendOptions = Omit<LocalRuntimeBackendOptions, "providerAdapters"> & {
+    providerAdapters: ModelProviderAdapterRegistry;
 };
 export type RuntimeEnvironment = RuntimeApplication;
 export type RuntimeSetupRequirement = {

package/dist/src/web-ui/local-runtime/memory-management-input.d.ts

@@ -0,0 +1,12 @@
+import type { MemoryListInput } from "../../runtime/long-term-memory/contracts.js";
+import type { JsonObject } from "./contracts.js";
+export type WebMemoryCreateInput = Readonly<{
+    content: string;
+    tags: readonly string[];
+}>;
+export type WebMemoryUpdateInput = WebMemoryCreateInput & Readonly<{
+    expectedUpdatedAt: string;
+}>;
+export declare function readMemoryPage(url: URL): MemoryListInput;
+export declare function readMemoryCreateInput(body: JsonObject | null): WebMemoryCreateInput;
+export declare function readMemoryUpdateInput(body: JsonObject | null): WebMemoryUpdateInput;

package/dist/src/web-ui/local-runtime/memory-management-input.js

@@ -0,0 +1,68 @@
+import { LongTermMemoryManagementError } from "../../runtime/long-term-memory/index.js";
+const ENVIRONMENT_FIELDS = ["environment", "environmentId"];
+export function readMemoryPage(url) {
+    const limit = readOptionalInteger(url, "limit", false);
+    const offset = readOptionalInteger(url, "offset", true);
+    return Object.freeze({
+        ...(limit === undefined ? {} : { limit }),
+        ...(offset === undefined ? {} : { offset }),
+    });
+}
+export function readMemoryCreateInput(body) {
+    assertAllowedFields(body, ["content", "tags", ...ENVIRONMENT_FIELDS]);
+    return Object.freeze({
+        content: readString(body?.content),
+        tags: readTags(body?.tags),
+    });
+}
+export function readMemoryUpdateInput(body) {
+    assertAllowedFields(body, [
+        "content",
+        "tags",
+        "expectedUpdatedAt",
+        ...ENVIRONMENT_FIELDS,
+    ]);
+    return Object.freeze({
+        content: readString(body?.content),
+        tags: readTags(body?.tags),
+        expectedUpdatedAt: readString(body?.expectedUpdatedAt),
+    });
+}
+function assertAllowedFields(body, allowedFields) {
+    const fields = Object.keys(body ?? {});
+    if (fields.some((field) => !allowedFields.includes(field))) {
+        throw invalidManagementInput();
+    }
+}
+function readString(value) {
+    if (typeof value !== "string") {
+        throw invalidManagementInput();
+    }
+    return value;
+}
+function readTags(value) {
+    if (value === undefined)
+        return Object.freeze([]);
+    const validTags = Array.isArray(value) && value.every(isString);
+    if (!validTags) {
+        throw invalidManagementInput();
+    }
+    return Object.freeze([...value]);
+}
+function readOptionalInteger(url, name, allowZero) {
+    const raw = url.searchParams.get(name);
+    if (raw === null)
+        return undefined;
+    const value = Number(raw);
+    const validRange = allowZero ? value >= 0 : value > 0;
+    if (!Number.isSafeInteger(value) || !validRange || String(value) !== raw) {
+        throw invalidManagementInput();
+    }
+    return value;
+}
+function isString(value) {
+    return typeof value === "string";
+}
+function invalidManagementInput() {
+    return new LongTermMemoryManagementError("long_term_memory_management_input_invalid");
+}

package/dist/src/web-ui/local-runtime/memory-management-response.d.ts

@@ -0,0 +1,17 @@
+import type { ServerResponse } from "node:http";
+import type { LongTermMemoryRecord, LongTermMemoryStatus } from "../../runtime/long-term-memory/contracts.js";
+export type WebMemoryRecord = Readonly<{
+    id: string;
+    content: string;
+    tags: readonly string[];
+    origin: "passive_response" | "web_ui" | "management_api";
+    createdAt: string;
+    updatedAt: string;
+}>;
+export type WebMemoryStatus = Readonly<{
+    enabled: boolean;
+    available: boolean;
+}>;
+export declare function projectWebMemoryStatus(status: LongTermMemoryStatus): WebMemoryStatus;
+export declare function projectWebMemoryRecord(record: LongTermMemoryRecord): WebMemoryRecord;
+export declare function sendMemoryManagementError(response: ServerResponse, error: unknown): void;