@abot-ai/runtime 1.1.0 → 1.3.0

package/dist/src/web-ui/app/services/message-link-preview-client.js

@@ -0,0 +1,96 @@
+const MAX_ACTIVE_REQUESTS = 3;
+const MAX_QUEUED_REQUESTS = 64;
+const MAX_CACHED_PREVIEWS = 100;
+const PREVIEW_CACHE_LIFETIME_MS = 4 * 60 * 1_000;
+const PREVIEW_REQUEST_TIMEOUT_MS = 10_000;
+
+async function fetchLinkPreview(fetchImpl, url) {
+  if (typeof fetchImpl !== "function") return null;
+  const controller = new AbortController();
+  const timer = setTimeout(
+    () => controller.abort(),
+    PREVIEW_REQUEST_TIMEOUT_MS,
+  );
+  try {
+    const response = await fetchImpl(
+      `/web-link-preview?url=${encodeURIComponent(url)}`,
+      {
+        headers: { "X-Abot-Link-Preview": "1" },
+        credentials: "same-origin",
+        signal: controller.signal,
+      },
+    );
+    if (!response.ok) return null;
+    const payload = await response.json();
+    if (payload?.ok !== true) return null;
+    if (!payload.preview || typeof payload.preview !== "object") return null;
+    return payload.preview;
+  } catch {
+    return null;
+  } finally {
+    clearTimeout(timer);
+  }
+}
+
+export function createMessageLinkPreviewClient({
+  fetchImpl = globalThis.fetch,
+} = {}) {
+  const cache = new Map();
+  const pending = new Map();
+  const queue = [];
+  let activeRequests = 0;
+
+  function rememberPreview(url, preview) {
+    cache.delete(url);
+    cache.set(url, {
+      preview,
+      expiresAt: Date.now() + PREVIEW_CACHE_LIFETIME_MS,
+    });
+    if (cache.size > MAX_CACHED_PREVIEWS) {
+      cache.delete(cache.keys().next().value);
+    }
+  }
+
+  function startQueuedRequests() {
+    while (activeRequests < MAX_ACTIVE_REQUESTS && queue.length > 0) {
+      const job = queue.shift();
+      activeRequests += 1;
+      void fetchLinkPreview(fetchImpl, job.url).then((preview) => {
+        activeRequests -= 1;
+        pending.delete(job.url);
+        rememberPreview(job.url, preview);
+        job.resolve(preview);
+        startQueuedRequests();
+      });
+    }
+  }
+
+  function get(url) {
+    const cached = cache.get(url);
+    if (cached && cached.expiresAt > Date.now()) {
+      cache.delete(url);
+      cache.set(url, cached);
+      return Promise.resolve(cached.preview);
+    }
+    cache.delete(url);
+    if (pending.has(url)) return pending.get(url);
+    if (queue.length >= MAX_QUEUED_REQUESTS) return Promise.resolve(null);
+    let resolve;
+    const promise = new Promise((settle) => {
+      resolve = settle;
+    });
+    pending.set(url, promise);
+    queue.push({ url, resolve });
+    startQueuedRequests();
+    return promise;
+  }
+
+  function cancelQueued() {
+    for (const job of queue.splice(0)) {
+      pending.delete(job.url);
+      job.resolve(null);
+    }
+  }
+
+  return { get, cancelQueued };
+}

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

@@ -0,0 +1,51 @@
+export function createScheduleRequests({
+  requestApi,
+  getEnvironmentId,
+  getConfig,
+}) {
+  const supportsSchedules = () => getConfig()?.backend === "runtime";
+  const requestSchedules = async (url, options) => {
+    if (!supportsSchedules())
+      throw new Error("Schedules require the local Runtime backend.");
+    return requestApi(url, options);
+  };
+  const path = (suffix = "", environmentId = getEnvironmentId()) =>
+    `/schedules${suffix}?environment=${encodeURIComponent(environmentId)}`;
+  const runPagePath = (resourceSuffix, environmentId, page = {}) => {
+    const query = new URLSearchParams();
+    if (page.cursor !== undefined) query.set("cursor", page.cursor);
+    if (page.limit !== undefined) query.set("limit", String(page.limit));
+    const suffix = query.size ? `&${query}` : "";
+    return path(resourceSuffix, environmentId) + suffix;
+  };
+  return {
+    supportsSchedules,
+    listSchedules: (environmentId) => requestSchedules(path("", environmentId)),
+    getSchedule: (jobId, environmentId) =>
+      requestSchedules(path(`/${encodeURIComponent(jobId)}`, environmentId)),
+    listScheduleRuns: (jobId, environmentId, page) =>
+      requestSchedules(
+        runPagePath(`/${encodeURIComponent(jobId)}/runs`, environmentId, page),
+      ),
+    listRecentScheduleRuns: (environmentId, page) =>
+      requestSchedules(runPagePath("/runs", environmentId, page)),
+    createSchedule: (input, environmentId) =>
+      requestSchedules(path("", environmentId), {
+        method: "POST",
+        body: JSON.stringify(input),
+      }),
+    updateSchedule: (jobId, input, environmentId) =>
+      requestSchedules(path(`/${encodeURIComponent(jobId)}`, environmentId), {
+        method: "PATCH",
+        body: JSON.stringify(input),
+      }),
+    scheduleAction: (jobId, action, environmentId) =>
+      requestSchedules(
+        path(`/${encodeURIComponent(jobId)}/${action}`, environmentId),
+        {
+          method: "POST",
+          body: "{}",
+        },
+      ),
+  };
+}

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

@@ -1,3 +1,10 @@
+import type {
+  UpdateSchedulerJobInput,
+  SchedulerJob,
+  SchedulerRun,
+} from "../../../runtime/scheduler/contracts.js";
+import type { CreateWebScheduleJobInput } from "../../schedule-creation-contract.js";
+
 export declare function parseJsonResponseText(
   text: string,
   context: string,
@@ -61,6 +68,35 @@ export declare function createRuntimeWebClient(options: {
   fetchImpl?: typeof fetch;
   origin?: string;
 }): {
+  supportsSchedules(): boolean;
+  listSchedules(environmentId?: string): Promise<{ jobs: SchedulerJob[] }>;
+  getSchedule(
+    jobId: string,
+    environmentId?: string,
+  ): Promise<{ job: SchedulerJob }>;
+  listScheduleRuns(
+    jobId: string,
+    environmentId?: string,
+    page?: { cursor?: string; limit?: number },
+  ): Promise<{ runs: SchedulerRun[]; nextCursor: string | null }>;
+  listRecentScheduleRuns(
+    environmentId?: string,
+    page?: { cursor?: string; limit?: number },
+  ): Promise<{ runs: SchedulerRun[]; nextCursor: string | null }>;
+  createSchedule(
+    input: CreateWebScheduleJobInput,
+    environmentId?: string,
+  ): Promise<{ job: SchedulerJob }>;
+  updateSchedule(
+    jobId: string,
+    input: UpdateSchedulerJobInput,
+    environmentId?: string,
+  ): Promise<{ job: SchedulerJob }>;
+  scheduleAction(
+    jobId: string,
+    action: "pause" | "resume" | "cancel" | "run-now",
+    environmentId?: string,
+  ): Promise<Record<string, unknown>>;
   getRuntimeStatus(): Promise<Record<string, unknown>>;
   getRuntimeLogs(lines?: number): Promise<Record<string, unknown>>;
   getSystemHealth(): Promise<Record<string, unknown>>;
@@ -101,6 +137,7 @@ export declare function createRuntimeWebClient(options: {
     sessionId: string;
     environmentId?: string;
     readThroughMessageId?: number | null;
+    readThroughRequestId?: string;
   }): Promise<Record<string, unknown>>;
   clearSessionMessages(
     sessionId: string,

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

@@ -1,3 +1,4 @@
+import { createScheduleRequests } from "./runtime-web-client/schedules.js";
 import { createLongTermMemoryRequests } from "./runtime-web-client/memory.js";
 
 export function parseJsonResponseText(text, context) {
@@ -176,24 +177,27 @@ export function createRuntimeWebClient({
       sessionId,
       environmentId = getEnvironmentId(),
       readThroughMessageId = null,
+      readThroughRequestId = "",
     }) {
       const numericReadThrough =
         typeof readThroughMessageId === "number" &&
         Number.isFinite(readThroughMessageId)
           ? Math.max(0, Math.floor(readThroughMessageId))
           : null;
+      const requestReadBoundary = numericReadThrough === null
+        ? String(readThroughRequestId || "").trim()
+        : "";
+      const body = {
+        readThroughMessageId: numericReadThrough,
+        lastReadMessageId:
+          numericReadThrough === null ? null : String(numericReadThrough),
+      };
+      if (requestReadBoundary) body.readThroughRequestId = requestReadBoundary;
       return requestApi(
         `/chat/sessions/${encodeURIComponent(
           sessionId,
         )}/read?environment=${environmentQuery(environmentId)}`,
-        {
-          method: "POST",
-          body: JSON.stringify({
-            readThroughMessageId: numericReadThrough,
-            lastReadMessageId:
-              numericReadThrough === null ? null : String(numericReadThrough),
-          }),
-        },
+        { method: "POST", body: JSON.stringify(body) },
       );
     },
 
@@ -292,5 +296,6 @@ export function createRuntimeWebClient({
     },
 
     ...longTermMemoryRequests,
+    ...createScheduleRequests({ requestApi, getEnvironmentId, getConfig }),
   };
 }

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

@@ -27,7 +27,19 @@
   --font-display:
     "Segoe UI Variable Display", "Segoe UI", Inter, system-ui, sans-serif;
   --font-mono: "Cascadia Code", "SFMono-Regular", Consolas, monospace;
-  --sessions-panel-width: 282px;
+  /* 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-5xl: 1.5625rem;
+  --font-size-6xl: 1.8125rem;
+  --font-size-7xl: 2.1875rem;
+  --sessions-panel-width: 320px;
   --chat-content-width: 900px;
   --scrollbar-thumb: rgba(95, 127, 158, 0.34);
   --scrollbar-thumb-active: rgba(118, 157, 194, 0.54);
@@ -56,7 +68,7 @@ body {
     var(--bg);
   color: var(--text);
   font-family: var(--font-ui);
-  font-size: 14px;
+  font-size: var(--font-size-xl);
 }
 
 button,
@@ -72,7 +84,7 @@ textarea {
 
 button {
   min-height: 36px;
-  font-size: 13px;
+  font-size: var(--font-size-lg);
   font-weight: 620;
   transition:
     border-color 150ms ease,

package/dist/src/web-ui/app/styles/10-shell-sessions.css

@@ -40,7 +40,7 @@
   border-radius: 12px;
   background: #2c6ee8;
   color: #fff;
-  font-size: 18px;
+  font-size: var(--font-size-4xl);
   font-weight: 700;
   box-shadow: none;
 }
@@ -125,7 +125,7 @@
   border-radius: 7px;
   background: #142234;
   color: var(--text);
-  font-size: 12px;
+  font-size: var(--font-size-md);
   font-weight: 500;
   white-space: nowrap;
   opacity: 0;
@@ -200,7 +200,7 @@
   color: var(--muted);
   text-overflow: ellipsis;
   white-space: nowrap;
-  font-size: 11px;
+  font-size: var(--font-size-sm);
   font-weight: 550;
 }
 
@@ -322,7 +322,7 @@
   border-radius: 9px;
   background: #2c6ee8;
   color: #fff;
-  font-size: 14px;
+  font-size: var(--font-size-xl);
   font-weight: 700;
   box-shadow: none;
 }
@@ -334,7 +334,7 @@
 #sessionsHeading {
   margin: 0;
   color: var(--text-strong);
-  font-size: 18px;
+  font-size: var(--font-size-4xl);
   font-weight: 400;
   letter-spacing: -0.02em;
 }
@@ -342,7 +342,7 @@
 .brand-row h1 {
   margin: 0;
   color: var(--text-strong);
-  font-size: 15px;
+  font-size: var(--font-size-2xl);
   font-weight: 650;
   letter-spacing: -0.01em;
 }
@@ -350,7 +350,7 @@
 .brand-row p {
   margin: 2px 0 0;
   color: var(--muted-2);
-  font-size: 12px;
+  font-size: var(--font-size-md);
 }
 
 .icon-button,
@@ -393,7 +393,7 @@
   border-radius: 10px;
   background: #2869dc;
   color: #f8fbff;
-  font-size: 13px;
+  font-size: var(--font-size-lg);
   font-weight: 600;
   box-shadow: none;
 }
@@ -420,13 +420,13 @@
 .sessions-heading-row h2 {
   margin: 0;
   color: var(--text);
-  font-size: 13px;
+  font-size: var(--font-size-lg);
   font-weight: 600;
 }
 
 .sessions-list-label {
   color: var(--muted);
-  font-size: 12px;
+  font-size: var(--font-size-md);
   font-weight: 400;
 }
 
@@ -437,7 +437,7 @@
   background: rgba(105, 147, 188, 0.1);
   color: var(--muted);
   text-align: center;
-  font-size: 11px;
+  font-size: var(--font-size-sm);
   font-weight: 400;
 }
 
@@ -465,7 +465,7 @@
   border-radius: 9px;
   background: rgba(92, 132, 172, 0.08);
   color: var(--text);
-  font-size: 13px;
+  font-size: var(--font-size-lg);
   box-shadow: none;
 }
 
@@ -496,12 +496,12 @@
 
 .sidebar-empty-state strong {
   color: var(--text);
-  font-size: 13px;
+  font-size: var(--font-size-lg);
   font-weight: 600;
 }
 
 .sidebar-empty-state span {
-  font-size: 12px;
+  font-size: var(--font-size-md);
   line-height: 1.5;
 }
 
@@ -556,7 +556,7 @@
   padding: 0 30px 0 0;
   border: 0;
   background: transparent;
-  text-align: left;
+  text-align: start;
   box-shadow: none;
 }
 
@@ -577,30 +577,20 @@
   color: var(--text);
   text-overflow: ellipsis;
   white-space: nowrap;
-  font-size: 13px;
+  font-size: var(--font-size-lg);
   font-weight: 400;
 }
 
-.session-preview {
-  display: -webkit-box;
-  overflow: hidden;
-  color: var(--muted-2);
-  font-size: 12px;
-  line-height: 1.4;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-}
-
 .session-unread-badge {
   display: inline-grid;
   place-items: center;
-  min-width: 18px;
-  height: 18px;
+  min-width: 1.5rem;
+  height: 1.5rem;
   padding: 0 5px;
   border-radius: 999px;
   background: rgba(87, 148, 255, 0.18);
   color: #cfe0ff;
-  font-size: 10px;
+  font-size: var(--font-size-xs);
   font-weight: 650;
 }
 
@@ -630,7 +620,7 @@
   border-radius: 7px;
   background: rgba(10, 23, 37, 0.9);
   color: var(--muted);
-  font-size: 10px;
+  font-size: var(--font-size-xs);
   letter-spacing: -1px;
   box-shadow: none;
 }
@@ -662,7 +652,7 @@
   background: transparent;
   color: var(--text);
   text-align: left;
-  font-size: 12px;
+  font-size: var(--font-size-md);
   box-shadow: none;
 }
 
@@ -700,7 +690,7 @@
   align-items: center;
   gap: 7px;
   color: var(--muted);
-  font-size: 12px;
+  font-size: var(--font-size-md);
   font-weight: 500;
 }
 
@@ -723,7 +713,7 @@
 .field-label,
 .control-label {
   color: var(--muted-2);
-  font-size: 11px;
+  font-size: var(--font-size-sm);
   font-weight: 500;
 }
 
@@ -801,7 +791,7 @@
   border-radius: 6px;
   background: transparent;
   color: var(--muted);
-  font-size: 12px;
+  font-size: var(--font-size-md);
   font-weight: 550;
   text-align: center;
   text-transform: capitalize;

package/dist/src/web-ui/app/styles/12-conversation-sidebar.css

@@ -0,0 +1,93 @@
+/* Persistent conversation navigation; viewport policy lives in workspace-shell. */
+
+.app-shell.sessions-docked {
+  grid-template-columns: 72px var(--sessions-panel-width) minmax(0, 1fr);
+}
+
+.app-shell.sessions-docked .sessions-panel {
+  position: relative;
+  inset: auto;
+  z-index: 2;
+  grid-column: 2;
+  grid-row: 1;
+  width: auto;
+  height: 100%;
+  opacity: 1;
+  pointer-events: auto;
+  transform: none;
+  transition: none;
+  box-shadow: none;
+}
+
+.app-shell.sessions-docked .chat-panel {
+  grid-column: 3;
+}
+
+.session-item {
+  align-items: center;
+  min-height: 38px;
+  margin-block-end: 3px;
+  padding: 7px 9px 7px 12px;
+  border-radius: 8px;
+  background: transparent;
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--line) 35%, transparent);
+}
+
+.session-item:hover,
+.session-item:focus-within {
+  background: var(--control-bg-hover);
+}
+
+.session-item.active,
+.session-item.active:hover,
+.session-item.active:focus-within {
+  background: var(--accent-soft);
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent);
+}
+
+.session-open-button {
+  align-content: center;
+  min-height: 24px;
+  gap: 0;
+  padding: 0;
+  padding-inline-end: 30px;
+  border-radius: 4px;
+}
+
+.session-open-button:focus-visible {
+  outline: 2px solid var(--accent-strong);
+  outline-offset: 3px;
+}
+
+.session-title {
+  font-size: var(--font-size-sm);
+  line-height: 1.4;
+  text-align: start;
+}
+
+.session-item.active .session-title,
+.session-item.unread .session-title {
+  color: var(--text-strong);
+  font-weight: 550;
+}
+
+.session-item.pinned::before {
+  top: 50%;
+  left: auto;
+  inset-inline-start: 4px;
+  transform: translateY(-50%);
+}
+
+.session-actions {
+  top: 6px;
+}
+
+.session-menu-button {
+  background: transparent;
+}
+
+.session-menu-button:hover,
+.session-menu-button:focus-visible {
+  background: var(--control-bg-hover);
+  color: var(--text-strong);
+}