@columenlabs/lumen-ui 0.1.127 → 0.1.129

package/dist/api-fetch.d.ts

@@ -5,5 +5,18 @@ export declare class ApiError extends Error {
     readonly code?: string;
     constructor(message: string, method: string, url: string, status: number, code?: string);
 }
-/** A JSON request; `where` names the caller in the error log (`assistant.undo`, `workspace.read`). */
-export declare function apiJson<T>(url: string, init?: RequestInit, where?: string): Promise<T>;
+/**
+ * How long a request waits for the server before it fails as unreachable, so a page never waits
+ * forever: reads give up sooner than writes, which may be doing slow work the person asked for.
+ */
+export declare const API_TIMEOUT_MS: {
+    read: number;
+    write: number;
+};
+/**
+ * A JSON request; `where` names the caller in the error log (`assistant.undo`, `workspace.read`).
+ * It gives up after `API_TIMEOUT_MS` (or `timeoutMs`); a caller's own `signal` still aborts it.
+ */
+export declare function apiJson<T>(url: string, init?: RequestInit & {
+    timeoutMs?: number;
+}, where?: string): Promise<T>;

package/dist/api-fetch.js

@@ -22,13 +22,24 @@ export class ApiError extends Error {
         this.code = code;
     }
 }
-/** A JSON request; `where` names the caller in the error log (`assistant.undo`, `workspace.read`). */
+/**
+ * How long a request waits for the server before it fails as unreachable, so a page never waits
+ * forever: reads give up sooner than writes, which may be doing slow work the person asked for.
+ */
+export const API_TIMEOUT_MS = { read: 15_000, write: 60_000 };
+/**
+ * A JSON request; `where` names the caller in the error log (`assistant.undo`, `workspace.read`).
+ * It gives up after `API_TIMEOUT_MS` (or `timeoutMs`); a caller's own `signal` still aborts it.
+ */
 export async function apiJson(url, init = {}, where = 'api') {
     const method = (init.method ?? 'GET').toUpperCase();
+    const { timeoutMs, ...rest } = init;
+    const timeout = AbortSignal.timeout(timeoutMs ?? (method === 'GET' ? API_TIMEOUT_MS.read : API_TIMEOUT_MS.write));
     let res;
     try {
         res = await fetch(url, {
-            ...init,
+            ...rest,
+            signal: init.signal ? AbortSignal.any([init.signal, timeout]) : timeout,
             headers: {
                 accept: 'application/json',
                 ...(init.body ? { 'content-type': 'application/json' } : {}),
@@ -37,9 +48,12 @@ export async function apiJson(url, init = {}, where = 'api') {
         });
     }
     catch (err) {
-        if (err.name === 'AbortError')
+        // The caller's own abort is theirs to handle; running out of time is a failure like no network.
+        if (err.name === 'AbortError' && !timeout.aborted)
             throw err;
-        const e = new ApiError(`Couldn't reach the server (${method} ${url})`, method, url, 0);
+        const e = new ApiError(timeout.aborted
+            ? `The server didn't answer in time (${method} ${url})`
+            : `Couldn't reach the server (${method} ${url})`, method, url, 0);
         reportError(e, 'shown', where);
         reportFailedFetch(apiRoute(url), 0);
         throw e;

package/dist/index.d.ts

@@ -75,7 +75,7 @@ export { type TasksConfig, TasksButton, TasksProvider, useTaskFor, useTasks } fr
 export { type McpServer, McpSettings } from './mcp-settings.js';
 export { lumenToast } from './lumen-toast.js';
 export { LumenShell, type LumenShellProps, type ShellUser, StatusItem, firstName, initials, maskAmount, useAmountsHidden, useApp, useShell, } from './shell.js';
-export { apiJson } from './api-fetch.js';
+export { API_TIMEOUT_MS, apiJson } from './api-fetch.js';
 export { savedAnswers, type SavedAnswersOptions, type SavedAnswersPersister, } from './saved-answers.js';
 export { cn } from './lib/utils.js';
 export { type HealthProbe, StatusHealth } from './status-health.js';

package/dist/index.js

@@ -82,7 +82,7 @@ export { TasksButton, TasksProvider, useTaskFor, useTasks } from './tasks.js';
 export { McpSettings } from './mcp-settings.js';
 export { lumenToast } from './lumen-toast.js';
 export { LumenShell, StatusItem, firstName, initials, maskAmount, useAmountsHidden, useApp, useShell, } from './shell.js';
-export { apiJson } from './api-fetch.js';
+export { API_TIMEOUT_MS, apiJson } from './api-fetch.js';
 export { savedAnswers, } from './saved-answers.js';
 export { cn } from './lib/utils.js';
 export { StatusHealth } from './status-health.js';

package/dist/people/lumen-people.js

@@ -168,7 +168,7 @@ function PeopleList({ frame, fields, onInvite, }) {
     const active = people.filter((p) => p.status === 'active').length;
     const disabled = people.filter((p) => p.status === 'disabled').length;
     const onlyMe = people.length <= 1;
-    return (_jsxs(_Fragment, { children: [_jsx(LumenLayout, { crumbs: frame.crumbs, actions: frame.invite, intro: _jsxs("div", { className: "flex flex-col gap-3", children: [frame.tabs, _jsxs(TileRow, { fill: true, "aria-label": "People at a glance", children: [_jsx(Tile, { label: "People", value: people.length, caption: `${active} active${disabled ? ` · ${disabled} disabled` : ''}` }), _jsx(Tile, { label: "Admins", value: admins.length, caption: "at least 1 always kept" }), _jsx(Tile, { label: "Invites pending", value: invited, caption: expired ? `${expired} expired` : 'none expired' }), view.sync ? (_jsx(Tile, { label: "Sign-in sync", value: view.sync.ok ? 'Synced' : 'Out of step', caption: view.sync.at ? when(view.sync.at) : view.sync.detail, valueClassName: view.sync.ok ? undefined : 'text-loss' })) : (_jsx(Tile, { label: "Email", value: view.mail.configured ? 'Working' : 'Not set up', caption: view.mail.from ?? 'links only' }))] }), frame.mailNote, picked.size > 0 && (_jsx(BulkBar, { frame: frame, ids: [...picked], onClear: () => setPicked(new Set()) }))] }), domain: domain, ...layout, rows: people, load: load, state: onlyMe ? _jsx(FirstRun, { mail: view.mail.configured, onInvite: onInvite }) : undefined, selection: { keys: picked, onChange: setPicked }, rowTitle: (p) => p.name || p.email, onOpen: (p) => setOpenId(p.id) }), _jsx(LumenBoundary, { where: "people-person", what: "panel", children: _jsx(PersonDrawer, { adapter: adapter, view: view, person: open, onClose: () => setOpenId(null) }) })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(LumenLayout, { crumbs: frame.crumbs, actions: frame.invite, intro: _jsxs("div", { className: "flex flex-col gap-3", children: [frame.tabs, _jsxs(TileRow, { fill: true, "aria-label": "People at a glance", children: [_jsx(Tile, { label: "People", value: people.length, caption: `${active} active${disabled ? ` · ${disabled} disabled` : ''}` }), _jsx(Tile, { label: "Admins", value: admins.length, caption: "Can\u2019t remove the last admin" }), _jsx(Tile, { label: "Invites pending", value: invited, caption: expired ? `${expired} expired` : 'none expired' }), view.sync ? (_jsx(Tile, { label: "Sign-in sync", value: view.sync.ok ? 'Synced' : 'Out of step', caption: view.sync.at ? when(view.sync.at) : view.sync.detail, valueClassName: view.sync.ok ? undefined : 'text-loss' })) : (_jsx(Tile, { label: "Email", value: view.mail.configured ? 'Working' : 'Not set up', caption: view.mail.from ?? 'links only' }))] }), frame.mailNote, picked.size > 0 && (_jsx(BulkBar, { frame: frame, ids: [...picked], onClear: () => setPicked(new Set()) }))] }), domain: domain, ...layout, rows: people, load: load, state: onlyMe ? _jsx(FirstRun, { mail: view.mail.configured, onInvite: onInvite }) : undefined, selection: { keys: picked, onChange: setPicked }, rowTitle: (p) => p.name || p.email, onOpen: (p) => setOpenId(p.id) }), _jsx(LumenBoundary, { where: "people-person", what: "panel", children: _jsx(PersonDrawer, { adapter: adapter, view: view, person: open, onClose: () => setOpenId(null) }) })] }));
 }
 /** One change over the ticked people. Apply clears the selection; Undo puts the change back. */
 function BulkBar({ frame, ids, onClear, }) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@columenlabs/lumen-ui",
-  "version": "0.1.127",
+  "version": "0.1.129",
   "description": "Lumen: shared React components (frame, views, widgets, charts, drawers).",
   "license": "MIT",
   "type": "module",
@@ -49,7 +49,7 @@
     "@codemirror/lang-javascript": "6.2.5",
     "@codemirror/lang-json": "6.0.2",
     "@codemirror/lang-sql": "6.10.0",
-    "@columenlabs/lumen-ui-types": "0.1.127",
+    "@columenlabs/lumen-ui-types": "0.1.129",
     "@dnd-kit/core": "6.3.1",
     "@dnd-kit/sortable": "10.0.0",
     "@dnd-kit/utilities": "3.2.2",