@abot-ai/runtime 1.3.1 → 1.5.0

package/dist/src/web-ui/app/services/runtime-web-client.js

@@ -1,5 +1,13 @@
+import { createNotificationRequests } from "./runtime-web-client/notifications.js";
+import { createProjectRequests } from "./runtime-web-client/projects.js";
+import { createSystemHostRequests } from "./runtime-web-client/system-host.js";
+import { toolPermissionRequestError } from "../lib/tool-permission-mode.js";
+import { createConversationFileRequests } from "./runtime-web-client/conversation-files.js";
+import { createConfigurationRequests } from "./runtime-web-client/configuration.js";
 import { createScheduleRequests } from "./runtime-web-client/schedules.js";
 import { createLongTermMemoryRequests } from "./runtime-web-client/memory.js";
+import { createPassiveLearningRequests } from "./runtime-web-client/learning.js";
+import { createToolApprovalRequests } from "./runtime-web-client/tool-approvals.js";
 
 export function parseJsonResponseText(text, context) {
   if (!text.trim()) return {};
@@ -91,12 +99,12 @@ export function createRuntimeWebClient({
   });
 
   return {
-    getRuntimeStatus() {
-      return requestApi("/runtime/status");
+    getRuntimeStatus(environmentId = getEnvironmentId()) {
+      return requestApi(`/runtime/status?environment=${environmentQuery(environmentId)}`);
     },
 
-    getRuntimeLogs(lines = 100) {
-      return requestApi(`/runtime/logs?lines=${encodeURIComponent(lines)}`);
+    getRuntimeLogs(lines = 100, environmentId = getEnvironmentId()) {
+      return requestApi(`/runtime/logs?lines=${encodeURIComponent(lines)}&environment=${environmentQuery(environmentId)}`);
     },
 
     getSystemHealth() {
@@ -154,9 +162,8 @@ export function createRuntimeWebClient({
       return data.attachment;
     },
 
-    async loadWebConfig() {
-      const response = await fetchImpl("/web-config");
-      return response.json();
+    loadWebConfig() {
+      return request("/web-config", "Web configuration");
     },
 
     listSessions(environmentId = getEnvironmentId()) {
@@ -184,13 +191,20 @@ export function createRuntimeWebClient({
         Number.isFinite(readThroughMessageId)
           ? Math.max(0, Math.floor(readThroughMessageId))
           : null;
-      const requestReadBoundary = numericReadThrough === null
-        ? String(readThroughRequestId || "").trim()
-        : "";
+      const hasStringReadBoundary =
+        typeof readThroughMessageId === "string" &&
+        readThroughMessageId.length > 0;
+      const messageReadBoundary = hasStringReadBoundary
+        ? readThroughMessageId
+        : numericReadThrough;
+      const requestReadBoundary =
+        messageReadBoundary === null
+          ? String(readThroughRequestId || "").trim()
+          : "";
       const body = {
-        readThroughMessageId: numericReadThrough,
+        readThroughMessageId: messageReadBoundary,
         lastReadMessageId:
-          numericReadThrough === null ? null : String(numericReadThrough),
+          messageReadBoundary === null ? null : String(messageReadBoundary),
       };
       if (requestReadBoundary) body.readThroughRequestId = requestReadBoundary;
       return requestApi(
@@ -244,6 +258,26 @@ export function createRuntimeWebClient({
           : [];
     },
 
+    async stopChatRequest({
+      requestId,
+      sessionId,
+      environmentId = getEnvironmentId(),
+      generation,
+      waitId,
+      revision,
+      commandId,
+    }) {
+      return requestApi("/chat/stop", {
+        method: "POST",
+        body: JSON.stringify({
+          requestId,
+          sessionId,
+          environment: environmentId,
+          ...(waitId ? { generation, waitId, revision, commandId } : {}),
+        }),
+      });
+    },
+
     async postChatMessage({
       text,
       attachments,
@@ -253,6 +287,15 @@ export function createRuntimeWebClient({
       toolPermissionMode,
       modelPreference,
     }) {
+      const permissionError = toolPermissionRequestError(
+        toolPermissionMode,
+        getConfig(),
+      );
+      if (permissionError) {
+        throw new RuntimeWebClientError(permissionError.message, {
+          code: permissionError.code,
+        });
+      }
       const result = await requestApi("/chat/messages", {
         method: "POST",
         body: JSON.stringify({
@@ -275,15 +318,24 @@ export function createRuntimeWebClient({
       return requestId;
     },
 
-    loadConfigDashboard(environmentId = getEnvironmentId()) {
+    loadConfigDashboard(
+      environmentId = getEnvironmentId(),
+      { settled = false } = {},
+    ) {
       return requestApi(
         `/runtime/config/dashboard?environment=${environmentQuery(
           environmentId,
-        )}`,
+        )}${settled ? "&settled=true" : ""}`,
       );
     },
 
-    saveConfigFile({ environmentId = getEnvironmentId(), kind, id, config }) {
+    saveConfigFile({
+      environmentId = getEnvironmentId(),
+      kind,
+      id,
+      config,
+      expectedRevision,
+    }) {
       return requestApi("/runtime/config/dashboard/file", {
         method: "PUT",
         body: JSON.stringify({
@@ -291,11 +343,28 @@ export function createRuntimeWebClient({
           kind,
           id,
           config,
+          expectedRevision,
         }),
       });
     },
 
+    ...createConversationFileRequests({
+      requestApi,
+      resolveApiPath,
+      origin,
+      getConfig,
+    }),
+    ...createConfigurationRequests({ requestApi, environmentQuery }),
+    ...createSystemHostRequests({ requestApi, getConfig }),
     ...longTermMemoryRequests,
+    ...createPassiveLearningRequests({
+      requestApi,
+      getEnvironmentId,
+      environmentQuery,
+    }),
     ...createScheduleRequests({ requestApi, getEnvironmentId, getConfig }),
+    ...createProjectRequests({ requestApi, getEnvironmentId, getConfig }),
+    ...createToolApprovalRequests({ requestApi, getEnvironmentId, getConfig }),
+    ...createNotificationRequests({ requestApi, getEnvironmentId, getConfig }),
   };
 }

package/dist/src/web-ui/app/services/session-sidebar-preferences.js

@@ -0,0 +1,42 @@
+const storageKey = "abot-web.sessionSidebarByEnvironment";
+
+function sessionIds(value) {
+  if (!Array.isArray(value)) return [];
+  return [...new Set(value.filter((id) => typeof id === "string" && id))];
+}
+
+function readEnvironments(storage) {
+  try {
+    const value = JSON.parse(storage.getItem(storageKey) || "{}");
+    if (!value || typeof value !== "object") return {};
+    if (Array.isArray(value)) return {};
+    return value;
+  } catch {
+    return {};
+  }
+}
+
+export function createSessionSidebarPreferences(storage) {
+  return {
+    loadSessionSidebar(environmentId) {
+      const saved = readEnvironments(storage)[environmentId];
+      return {
+        archivedSessionIds: sessionIds(saved?.archivedSessionIds),
+        orderedSessionIds: sessionIds(saved?.orderedSessionIds),
+      };
+    },
+    saveSessionSidebar(environmentId, value) {
+      const environments = readEnvironments(storage);
+      Object.defineProperty(environments, environmentId, {
+        value: {
+          archivedSessionIds: sessionIds(value.archivedSessionIds),
+          orderedSessionIds: sessionIds(value.orderedSessionIds),
+        },
+        enumerable: true,
+        configurable: true,
+        writable: true,
+      });
+      storage.setItem(storageKey, JSON.stringify(environments));
+    },
+  };
+}

package/dist/src/web-ui/app/services/spark-conversation-preferences.js

@@ -0,0 +1,27 @@
+const storageKey = "abot-web.keptSparkConversations";
+const receiptLimit = 500;
+
+export function createSparkConversationPreferences(storage) {
+  function receipts() {
+    try {
+      const value = JSON.parse(storage.getItem(storageKey) || "[]");
+      return Array.isArray(value)
+        ? value.filter((key) => typeof key === "string").slice(-receiptLimit)
+        : [];
+    } catch {
+      return [];
+    }
+  }
+
+  const keyFor = (environmentId, sessionId) => JSON.stringify([environmentId, sessionId]);
+  return {
+    hasKeptSparkConversation(environmentId, sessionId) {
+      return receipts().includes(keyFor(environmentId, sessionId));
+    },
+    keepSparkConversation(environmentId, sessionId) {
+      const key = keyFor(environmentId, sessionId);
+      const kept = receipts().filter((value) => value !== key);
+      storage.setItem(storageKey, JSON.stringify([...kept, key].slice(-receiptLimit)));
+    },
+  };
+}

package/dist/src/web-ui/app/styles/00-tokens-base.css

@@ -2,48 +2,50 @@
 
 :root {
   color-scheme: dark;
-  --bg: #06101d;
-  --panel: #091726;
-  --panel-solid: #091726;
-  --panel-raised: #0d1d30;
-  --panel-soft: rgba(114, 161, 207, 0.075);
-  --text: #dbe8f5;
-  --text-strong: #f5f9fd;
-  --muted: #8da5bd;
-  --muted-2: #7d96ae;
-  --line: rgba(112, 157, 201, 0.18);
-  --line-strong: rgba(125, 174, 222, 0.32);
-  --accent: #5794ff;
-  --accent-strong: #79aaff;
-  --accent-soft: rgba(76, 137, 244, 0.16);
-  --control-bg: rgba(88, 133, 177, 0.09);
-  --control-bg-hover: rgba(99, 151, 202, 0.15);
-  --control-fill: rgba(67, 111, 155, 0.11);
-  --green: #3bd19b;
-  --amber: #f2bb5c;
-  --danger: #ff7480;
-  --shadow: 0 18px 46px rgba(0, 7, 18, 0.32);
+  --bg: #090f17;
+  --panel: #0d151e;
+  --panel-solid: #0d151e;
+  --panel-raised: #233547;
+  --panel-soft: color-mix(in srgb, var(--accent) 6%, transparent);
+  --text: #e7f1f7;
+  --text-strong: #f0f6fa;
+  --muted: #a4b6c6;
+  --muted-2: #8c9eae;
+  --line: #2c4151;
+  --line-strong: #405564;
+  --accent: #82d4c2;
+  --accent-strong: #a0e1d2;
+  --accent-soft: color-mix(in srgb, var(--accent) 12%, var(--panel));
+  --control-bg: color-mix(in srgb, var(--panel-raised) 55%, var(--panel));
+  --control-bg-hover: var(--panel-raised);
+  --control-fill: color-mix(in srgb, var(--panel-raised) 40%, var(--panel));
+  --green: #82c9ad;
+  --amber: #e2ba79;
+  --danger: #f1919a;
+  --shadow: 0 14px 36px rgba(0, 0, 0, 0.24);
   --font-ui: "Segoe UI Variable Text", "Segoe UI", Inter, system-ui, sans-serif;
   --font-display:
     "Segoe UI Variable Display", "Segoe UI", Inter, system-ui, sans-serif;
   --font-mono: "Cascadia Code", "SFMono-Regular", Consolas, monospace;
   /* Readable typography shared by every workspace, including mobile. */
-  --font-size-xs: 0.8125rem;
-  --font-size-sm: 0.875rem;
-  --font-size-md: 0.9375rem;
-  --font-size-lg: 1rem;
-  --font-size-xl: 1.0625rem;
-  --font-size-2xl: 1.1875rem;
-  --font-size-3xl: 1.3125rem;
-  --font-size-4xl: 1.4375rem;
+  --font-size-xs: 0.6875rem;
+  --font-size-sm: 0.75rem;
+  --font-size-md: 0.8125rem;
+  --font-size-lg: 0.875rem;
+  --font-size-xl: 0.9375rem;
+  --font-size-2xl: 1rem;
+  --font-size-3xl: 1.125rem;
+  --font-size-4xl: 1.25rem;
   --font-size-5xl: 1.5625rem;
-  --font-size-6xl: 1.8125rem;
-  --font-size-7xl: 2.1875rem;
-  --sessions-panel-width: 320px;
+  --font-size-6xl: 1.75rem;
+  --font-size-7xl: 2rem;
+  --sessions-panel-width: 288px;
   --chat-content-width: 900px;
-  --scrollbar-thumb: rgba(95, 127, 158, 0.34);
-  --scrollbar-thumb-active: rgba(118, 157, 194, 0.54);
-  --scrollbar-track: rgba(2, 10, 18, 0.2);
+  --workspace-content-width: 1180px;
+  --workspace-page-gutter: clamp(18px, 3.4vw, 40px);
+  --scrollbar-thumb: rgba(164, 182, 198, 0.28);
+  --scrollbar-thumb-active: rgba(164, 182, 198, 0.48);
+  --scrollbar-track: rgba(0, 0, 0, 0.2);
 }
 
 [hidden] {
@@ -59,13 +61,7 @@ body {
 }
 
 body {
-  background:
-    radial-gradient(
-      circle at 48% -20%,
-      rgba(45, 101, 171, 0.17),
-      transparent 42%
-    ),
-    var(--bg);
+  background: var(--bg);
   color: var(--text);
   font-family: var(--font-ui);
   font-size: var(--font-size-xl);
@@ -76,7 +72,7 @@ input,
 select,
 textarea {
   border-color: var(--line);
-  border-radius: 10px;
+  border-radius: 7px;
   background: var(--control-fill);
   color: var(--text);
   box-shadow: none;
@@ -85,7 +81,7 @@ textarea {
 button {
   min-height: 36px;
   font-size: var(--font-size-lg);
-  font-weight: 620;
+  font-weight: 400;
   transition:
     border-color 150ms ease,
     background-color 150ms ease,
@@ -108,12 +104,29 @@ input:focus-visible,
 select:focus-visible,
 textarea:focus-visible,
 [role="separator"]:focus-visible {
-  border-color: rgba(87, 148, 255, 0.8);
-  outline: 2px solid rgba(87, 148, 255, 0.27);
+  border-color: var(--accent);
+  outline: 2px solid var(--accent);
   outline-offset: 1px;
   box-shadow: none;
 }
 
+input:not(
+    [type="checkbox"],
+    [type="radio"],
+    [type="file"],
+    [type="button"],
+    [type="submit"],
+    [type="reset"],
+    [type="range"],
+    [type="color"]
+  ):focus,
+select:focus,
+textarea:focus {
+  border-color: var(--line-strong);
+  outline: none;
+  box-shadow: none;
+}
+
 svg {
   width: 18px;
   height: 18px;