@abot-ai/runtime 1.3.0 → 1.4.0

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

@@ -1,3 +1,7 @@
+import type { ProjectRequests } from "./runtime-web-client/projects.js";
+import type { ConversationFileClient } from "./runtime-web-client/conversation-files.js";
+import type { ModelSetupInput } from "../../local-runtime/model-setup-input.js";
+import type { SetupEmbeddingInput } from "../../local-runtime/setup-embedding-input.js";
 import type {
   UpdateSchedulerJobInput,
   SchedulerJob,
@@ -54,6 +58,7 @@ export type RuntimeAvailability =
       status: "setup_required";
       code: "runtime_configuration_required";
       message: string;
+      recovery?: "configuration";
     };
 
 export type RuntimeModelCatalogResponse = Record<string, unknown> & {
@@ -68,6 +73,41 @@ export declare function createRuntimeWebClient(options: {
   fetchImpl?: typeof fetch;
   origin?: string;
 }): {
+  supportsSystemHostConnection(): boolean;
+  getSystemHostConnection(): Promise<Record<string, unknown>>;
+  downloadSystemHostSetup(
+    platform: "windows" | "macos",
+  ): Promise<Record<string, unknown>>;
+  createSystemHostPairing(): Promise<Record<string, unknown>>;
+  revokeSystemHostConnection(): Promise<Record<string, unknown>>;
+  supportsProjects: ProjectRequests["supportsProjects"];
+  listProjects: ProjectRequests["listProjects"];
+  browseProjectFolders: ProjectRequests["browseProjectFolders"];
+  createProject: ProjectRequests["createProject"];
+  createProjectSession: ProjectRequests["createProjectSession"];
+  getRuntimeSetup(environmentId?: string): Promise<Record<string, unknown>>;
+  saveRuntimeSetup(
+    input: {
+      provider: string;
+      model: string;
+      baseUrl?: string;
+      apiKey?: string;
+      deferActivation?: boolean;
+    },
+    environmentId?: string,
+  ): Promise<Record<string, unknown>>;
+  saveRuntimeSetupEmbedding(
+    input: SetupEmbeddingInput,
+    environmentId?: string,
+  ): Promise<Record<string, unknown>>;
+  getRuntimePlugins(environmentId?: string): Promise<Record<string, unknown>>;
+  setRuntimePlugin(
+    input: { pluginId: string; capabilityId?: string; enabled: boolean },
+    environmentId?: string,
+  ): Promise<Record<string, unknown>>;
+  applyRuntimeConfiguration(
+    environmentId?: string,
+  ): Promise<Record<string, unknown>>;
   supportsSchedules(): boolean;
   listSchedules(environmentId?: string): Promise<{ jobs: SchedulerJob[] }>;
   getSchedule(
@@ -97,6 +137,12 @@ export declare function createRuntimeWebClient(options: {
     action: "pause" | "resume" | "cancel" | "run-now",
     environmentId?: string,
   ): Promise<Record<string, unknown>>;
+  supportsConversationFiles(): boolean;
+  loadConversationFile: ConversationFileClient["loadConversationFile"];
+  openConversationFile: NonNullable<
+    ConversationFileClient["openConversationFile"]
+  >;
+  conversationFileUrl: ConversationFileClient["conversationFileUrl"];
   getRuntimeStatus(): Promise<Record<string, unknown>>;
   getRuntimeLogs(lines?: number): Promise<Record<string, unknown>>;
   getSystemHealth(): Promise<Record<string, unknown>>;
@@ -161,12 +207,18 @@ export declare function createRuntimeWebClient(options: {
     toolPermissionMode: string;
     modelPreference?: Record<string, unknown> | null;
   }): Promise<string>;
+  loadModelSetup(environmentId?: string): Promise<Record<string, unknown>>;
+  addRuntimeModel(
+    input: ModelSetupInput,
+    environmentId?: string,
+  ): Promise<Record<string, unknown>>;
   loadConfigDashboard(environmentId?: string): Promise<Record<string, unknown>>;
   saveConfigFile(options: {
     environmentId?: string;
     kind: string;
     id: string;
     config: unknown;
+    expectedRevision?: string;
   }): Promise<Record<string, unknown>>;
   loadLongTermMemoryStatus(
     environmentId?: string,

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

@@ -1,3 +1,8 @@
+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";
 
@@ -184,9 +189,10 @@ export function createRuntimeWebClient({
         Number.isFinite(readThroughMessageId)
           ? Math.max(0, Math.floor(readThroughMessageId))
           : null;
-      const requestReadBoundary = numericReadThrough === null
-        ? String(readThroughRequestId || "").trim()
-        : "";
+      const requestReadBoundary =
+        numericReadThrough === null
+          ? String(readThroughRequestId || "").trim()
+          : "";
       const body = {
         readThroughMessageId: numericReadThrough,
         lastReadMessageId:
@@ -253,6 +259,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({
@@ -283,7 +298,13 @@ export function createRuntimeWebClient({
       );
     },
 
-    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 +312,21 @@ export function createRuntimeWebClient({
           kind,
           id,
           config,
+          expectedRevision,
         }),
       });
     },
 
+    ...createConversationFileRequests({
+      requestApi,
+      resolveApiPath,
+      origin,
+      getConfig,
+    }),
+    ...createConfigurationRequests({ requestApi, environmentQuery }),
+    ...createSystemHostRequests({ requestApi, getConfig }),
     ...longTermMemoryRequests,
     ...createScheduleRequests({ requestApi, getEnvironmentId, getConfig }),
+    ...createProjectRequests({ requestApi, getEnvironmentId, getConfig }),
   };
 }

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

@@ -0,0 +1,272 @@
+.project-creation-open > .messages-list,
+.project-creation-open > .composer-dock {
+  display: none;
+}
+.project-creation-root {
+  min-height: 0;
+  overflow: auto;
+  flex: 1;
+  padding: clamp(24px, 5vh, 52px) 24px;
+}
+.project-creation-root[hidden] {
+  display: none;
+}
+.project-create-form {
+  width: min(100%, 560px);
+  min-width: 0;
+  margin: 20px auto;
+  display: grid;
+  gap: 22px;
+}
+.project-create-form h2 {
+  margin: 0 0 8px;
+  color: var(--text-strong);
+  font-size: var(--font-size-5xl);
+  font-weight: 400;
+  letter-spacing: -0.02em;
+  line-height: 1.3;
+}
+.project-create-form header p {
+  margin: 0 0 4px;
+  color: var(--muted);
+  font-size: var(--font-size-md);
+  line-height: 1.5;
+}
+.project-create-form label {
+  display: grid;
+  gap: 8px;
+  color: var(--text);
+  font-size: var(--font-size-sm);
+}
+.project-create-form input {
+  width: 100%;
+  min-width: 0;
+  padding: 9px 12px;
+  font-size: var(--font-size-md);
+  line-height: 1.4;
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  background: var(--control-bg);
+  color: var(--text);
+}
+.project-create-form input:focus-visible {
+  outline: 2px solid var(--accent);
+  outline-offset: 2px;
+}
+.project-path-input {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  gap: 8px;
+}
+.project-create-form button,
+.project-load-error button {
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  background: var(--control-bg);
+  color: var(--text);
+  padding: 9px 12px;
+  cursor: pointer;
+}
+.project-create-form button {
+  min-height: 36px;
+  padding: 8px 12px;
+  background: transparent;
+  font-size: var(--font-size-sm);
+  font-weight: 400;
+  line-height: 1.4;
+}
+.project-create-form button:hover:not(:disabled) {
+  background: var(--control-bg-hover);
+}
+.project-create-form button:disabled {
+  opacity: 0.5;
+  cursor: default;
+}
+.project-create-form button:focus-visible,
+.project-session-group button:focus-visible {
+  outline: 2px solid var(--accent);
+  outline-offset: 2px;
+}
+.project-folder-browser {
+  min-width: 0;
+  border-top: 1px solid var(--line);
+  padding-top: 12px;
+  display: grid;
+  gap: 8px;
+}
+.project-folder-browser:focus-visible {
+  outline: 1px solid var(--line-strong);
+  outline-offset: 6px;
+}
+.project-folder-browser > .project-folder-location {
+  margin: 0 0 4px;
+  color: var(--text);
+  overflow-wrap: anywhere;
+}
+.project-folder-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  padding-top: 8px;
+}
+.project-folder-actions [data-cancel-picker] {
+  border-color: transparent;
+  color: var(--muted);
+}
+.project-folder-actions [data-select-folder] {
+  border-color: var(--line-strong);
+  color: var(--accent-strong);
+}
+.project-folder-heading {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 8px;
+  color: var(--muted);
+  font-size: var(--font-size-xs);
+}
+.project-folder-heading button,
+.project-folder-roots button {
+  min-height: 30px;
+  padding: 5px 8px;
+  border-color: transparent;
+  color: var(--muted);
+  font-size: var(--font-size-xs);
+}
+.project-folder-heading button {
+  flex-shrink: 0;
+}
+.project-folder-roots {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+  margin-inline: -8px;
+}
+.project-folder-entries {
+  display: grid;
+  max-height: 300px;
+  overflow: auto;
+  gap: 2px;
+}
+.project-folder-entries button {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  text-align: start;
+  border-color: transparent;
+  border-radius: 6px;
+  padding: 9px 8px;
+}
+.project-folder-entries button span:first-of-type {
+  flex: 1;
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
+.project-folder-entries svg {
+  width: 18px;
+  height: 18px;
+  flex-shrink: 0;
+  fill: none;
+  stroke: currentColor;
+  stroke-width: 1.5;
+  color: var(--muted);
+}
+.project-folder-browser > p {
+  margin: 8px 0;
+  color: var(--muted);
+  font-size: var(--font-size-sm);
+  line-height: 1.5;
+}
+.project-create-form footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  padding-top: 16px;
+  border-top: 1px solid var(--line);
+}
+.project-create-form [data-cancel] {
+  border-color: transparent;
+  color: var(--muted);
+}
+.project-create-form .project-create-submit {
+  background: var(--accent-soft);
+  color: var(--accent-strong);
+  border-color: var(--line-strong);
+}
+.project-section-heading {
+  color: var(--muted);
+  font-size: 11px;
+  font-weight: 600;
+  padding: 10px 2px 7px;
+}
+.project-session-group {
+  margin-bottom: 10px;
+}
+.project-session-group > header {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  padding: 5px 3px;
+}
+.project-group-title {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--text-strong);
+  font-size: 13px;
+}
+.project-session-group > header > button {
+  border: 0;
+  background: transparent;
+  color: var(--muted);
+  cursor: pointer;
+  border-radius: 5px;
+  min-width: 28px;
+  min-height: 28px;
+  font-size: 18px;
+}
+.project-session-group > header > button:hover {
+  background: var(--control-bg-hover);
+  color: var(--text-strong);
+}
+.project-session-group .session-item {
+  width: calc(100% - 9px);
+  margin-inline-start: 9px;
+}
+.project-empty-copy {
+  color: var(--muted);
+  padding: 3px 8px;
+  margin: 4px 0 10px;
+  font-size: 12px;
+}
+.ordinary-conversations-heading {
+  border-top: 1px solid var(--line);
+  margin-top: 12px;
+  padding-top: 14px;
+}
+.project-load-error {
+  display: grid;
+  gap: 8px;
+  font-size: 12px;
+  color: var(--danger);
+}
+@media (max-width: 640px) {
+  .project-creation-root {
+    padding: 16px;
+  }
+  .project-create-form {
+    margin-top: 6px;
+  }
+}
+
+.current-project-context {
+  margin: 4px 0 0;
+  font-size: 12px;
+  color: var(--muted);
+  max-width: 75vw;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}

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

@@ -377,8 +377,3 @@
 .home-composer-host .composer-context-window {
   display: none;
 }
-
-.home-setup-host .runtime-setup-guide {
-  width: 100%;
-  padding: 0;
-}