@adecore/agents-react 0.39.0 → 0.40.0

package/dist/chat/ui/highlighter.js

@@ -149,18 +149,6 @@ export function loadLanguage(lang) {
 export function loadTheme(theme, custom) {
   return codeHighlighter().loadTheme(theme, custom);
 }
-/* The web bundle's highlighter once every one of `langs` and `theme` is in, or null while one is still on its way. */
-export function readyHighlighter(langs, theme) {
-  return codeHighlighter().ready(langs, theme);
-}
-/* The language the web bundle draws `lang` in: the bundled grammar, or plain text. Only meaningful once a load settled. */
-export function loadedLanguage(lang) {
-  return codeHighlighter().language(lang);
-}
-/* The web bundle's tokenizer for a language in a theme, or null while shiki, the grammar or the theme is still on its way. */
-export function tokenizerFor(lang, theme) {
-  return codeHighlighter().tokenizer(lang, theme);
-}
 /* The inline style of one token; undefined when it only has the surrounding color. */
 export function tokenStyle(token) {
   const style = token.fontStyle ?? 0;

package/dist/chat/ui/icons.d.ts

@@ -1,4 +1,3 @@
 import type { ReactNode } from 'react';
-export declare const DOCK_ICON_SIZE = 14;
 export declare const ROW_GUTTER = "grid h-5 w-4 shrink-0 place-items-center";
 export declare function toolIcon(name: string, size?: number): ReactNode;

package/dist/chat/ui/icons.js

@@ -3,9 +3,6 @@ import { toolEntry } from '../logic/tool-catalog.js';
 import { Icon } from '@adecore/ui';
 import { jsx as _jsx } from "react/jsx-runtime";
 const SIZE = 12;
-/* A pending dock draws its mark a step up from the lines of a transcript, at the size a sidebar
-   row uses, because it is a thing to answer rather than a thing to read past. */
-export const DOCK_ICON_SIZE = 14;
 /* The gutter every row in the thread opens with: 16 wide, on the line box of its first row of text,
    so the mark of a tool call, a note and a fold all sit in one column and their labels start at the
    same x. The same box the menu rows and the toasts use. */

package/dist/chat/ui/rows/MessageRows.js

@@ -786,11 +786,8 @@ function Writing() {
   return t1;
 }
 /*
- * A reply. A word at a time, it follows the text as it arrives. A block at a time, the blocks that
- * closed are drawn and fade in as they land, with "Writing…" where the next one will stand. Whole,
- * it says it is being written and fades in once it is done. Only a row that saw the reply being
- * written fades anything: an old reply scrolled back into view just stands there. A `#Name` it
- * spells for a view, node or chat of the project is a chip that opens it.
+ * A reply, streamed a word, a block or the whole of it at a time. Only a row that saw the reply being
+ * written fades anything in: an old reply scrolled back into view just stands there.
  */
 export function AssistantRow(t0) {
   const $ = _c(67);

package/dist/chat/ui/rows/row-rhythm.js

@@ -3,11 +3,8 @@ import { isBlock } from '../../logic/timeline.js';
 /* Below this distance from the bottom a thread follows what the agent writes; above it the reader scrolled back on purpose. */
 export const FOLLOW_THRESHOLD_PX = 40;
 /*
- * The gaps a row wears for where it sits: a question is followed by its answer gap, and a seam where
- * the list rhythm of tool lines meets the block rhythm of prose gets the block gap. A visual and an
- * app's card have no margin of their own like prose does, so the row under one takes the block gap
- * too. A question already carries the gap before it, and the row after one is the answer, so neither
- * takes a seam.
+ * A seam where tool lines meet prose gets the block gap, and so does the row under a visual or an app's
+ * card, which have no margin of their own. A question and the answer after it never take a seam.
  */
 export function rowRhythm(row, previous) {
   const question = row.kind === 'user';

package/dist/chat/ui/theme-watch.js

@@ -1,13 +1,9 @@
 /* The attributes of the root and the body an app switches its theme, its accent or its palette with. */
 const THEME_ATTRIBUTES = ['class', 'style', 'data-theme'];
 /*
- * Calls `changed` after the root of `owner` or its body changes a theme attribute, at most once a
- * frame, for whatever resolves the theme's tokens into colors of its own. A stylesheet that changes
- * changes no attribute, so an app that rewrites its palette that way touches the root's `style` as
- * well, the signal the terminal follows too. Returns what stops it.
- *
- * Any change of those attributes counts, also one that leaves every token as it was (a dialog that
- * locks the scroll writes the root's `style`), so a caller compares what it reads with what it drew.
+ * Calls `changed` at most once a frame after the root or body of `owner` changes a theme attribute. An app
+ * that rewrites its palette through a stylesheet touches the root's `style` as well, as the terminal expects.
+ * Any change counts, also one that leaves every token alone, so a caller compares what it reads with what it drew.
  */
 export function watchTheme(owner, changed) {
   const view = owner.defaultView ?? window;

package/dist/prompts/logic/usePromptSession.js

@@ -1,4 +1,5 @@
 import { useRef, useState } from 'react';
+import { errorMessage } from '../../transport.js';
 import { emptyPromptDraft } from './prompts.js';
 /*
  * What answering a row of prompts needs besides the prompts: a draft per request that survives
@@ -59,7 +60,7 @@ export function usePromptSession({
     } catch (cause) {
       setError({
         id: id_1,
-        message: cause instanceof Error ? cause.message : String(cause)
+        message: errorMessage(cause)
       });
       return 'failed';
     } finally {

package/dist/providers/AddAccountForm.js

@@ -11,6 +11,7 @@ import { DetailHeader, SettingsRow, SettingsSection } from '@adecore/ui/settings
 import { Button, FormError, Icon, Input } from '@adecore/ui';
 import { CliTile } from './parts.js';
 import { providerAccountsOf } from '../state/provider-accounts.js';
+import { errorMessage } from '../transport.js';
 /*
  * A name and a color, asked before anything exists, so the account is made once with both. By default
  * the machine makes the folder; under Advanced a person points at a folder of their own instead.
@@ -60,7 +61,7 @@ export function AddAccountForm({
         onAdded(await createAccount(scope, provider.kind, label, color), label, true);
       }
     } catch (e) {
-      setError(e instanceof Error ? e.message : String(e));
+      setError(errorMessage(e));
       setBusy(false);
     }
   };

package/dist/providers/CliDetail.js

@@ -5,14 +5,14 @@ import { AccountDot } from '../agents/AccountDot.js';
 import { ModelOptionControl } from '../agents/ModelOptionControl.js';
 import { carryOptions } from '../agents/model-options.js';
 import { optionWord } from '../agents/option-words.js';
-import { ACCOUNT_TONE_CLASSES, accountName, accountStatusLine } from '../agents/accounts.js';
+import { ACCOUNT_TONE_CLASSES, accountName, accountStatusLine, offeredAccounts } from '../agents/accounts.js';
 import { accountFor, forgetChatSelection, rememberChatAccount, rememberChatSelection, selectionFor, useChatPreferences } from '../chat/preferences.js';
 import { useChatScope } from '../scope.js';
 import { providerAbilities } from './provider-abilities.js';
 import { DetailHeader, SettingsRow, SettingsSection } from '@adecore/ui/settings';
 import { Button, Icon, Select } from '@adecore/ui';
 import { CliTile } from './parts.js';
-import { useProviderAccountsStore } from '../state/provider-accounts.js';
+import { knownAccounts, useProviderAccounts } from '../state/provider-accounts.js';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const PROVIDER_DEFAULT = '';
 /* One row per knob the chosen model exposes; the composer's option picker shows the same descriptors. */
@@ -85,7 +85,7 @@ function ModelOptionRows(t0) {
 }
 /* One CLI: what it is, what a new chat of it starts with unless `defaults` is off, and its accounts. */
 export function CliDetail(t0) {
-  const $ = _c(57);
+  const $ = _c(49);
   const {
     provider,
     entries,
@@ -129,75 +129,48 @@ export function CliDetail(t0) {
     t2 = $[5];
   }
   const model = t2;
+  const machineAccounts = useProviderAccounts(knownAccounts);
+  let canAddAccount;
   let t3;
-  if ($[8] !== scopeId) {
-    t3 = s => s.byScope[scopeId]?.loaded ? s.byScope[scopeId].accounts : undefined;
-    $[8] = scopeId;
-    $[9] = t3;
-  } else {
-    t3 = $[9];
-  }
-  const machineAccounts = useProviderAccountsStore(t3);
   let t4;
-  if ($[10] !== machineAccounts || $[11] !== preferences || $[12] !== provider.kind || $[13] !== scopeId) {
-    t4 = accountFor(preferences, scopeId, provider.kind, machineAccounts) ?? provider.kind;
-    $[10] = machineAccounts;
-    $[11] = preferences;
-    $[12] = provider.kind;
-    $[13] = scopeId;
-    $[14] = t4;
-  } else {
-    t4 = $[14];
-  }
-  const picked = t4;
-  let canAddAccount;
-  let t5;
-  let t6;
-  if ($[15] !== defaults || $[16] !== entries || $[17] !== login || $[18] !== model || $[19] !== onAddAccount || $[20] !== picked || $[21] !== provider || $[22] !== scopeId || $[23] !== selection?.options || $[24] !== t) {
-    let t7;
-    if ($[28] !== picked) {
-      t7 = entry_0 => entry_0.account.enabled !== false || entry_0.id === picked;
-      $[28] = picked;
-      $[29] = t7;
-    } else {
-      t7 = $[29];
-    }
-    const choosable = (entries ?? []).filter(t7);
+  if ($[8] !== defaults || $[9] !== entries || $[10] !== login || $[11] !== machineAccounts || $[12] !== model || $[13] !== onAddAccount || $[14] !== preferences || $[15] !== provider || $[16] !== scopeId || $[17] !== selection?.options || $[18] !== t) {
+    const picked = accountFor(preferences, scopeId, provider.kind, machineAccounts) ?? provider.kind;
+    const choosable = offeredAccounts(entries ?? [], picked);
     canAddAccount = login !== null;
-    let t8;
-    if ($[30] !== provider.kind) {
-      t8 = /*#__PURE__*/_jsx(CliTile, {
+    let t5;
+    if ($[22] !== provider.kind) {
+      t5 = /*#__PURE__*/_jsx(CliTile, {
         kind: provider.kind
       });
-      $[30] = provider.kind;
-      $[31] = t8;
+      $[22] = provider.kind;
+      $[23] = t5;
     } else {
-      t8 = $[31];
+      t5 = $[23];
     }
-    const t9 = provider.name;
-    let t10;
-    if ($[32] !== provider.version || $[33] !== t) {
-      t10 = provider.version ? `${t("abilities.version", {
+    const t6 = provider.name;
+    let t7;
+    if ($[24] !== provider.version || $[25] !== t) {
+      t7 = provider.version ? `${t("abilities.version", {
         version: provider.version
       })} ` : "";
-      $[32] = provider.version;
-      $[33] = t;
-      $[34] = t10;
+      $[24] = provider.version;
+      $[25] = t;
+      $[26] = t7;
     } else {
-      t10 = $[34];
+      t7 = $[26];
     }
-    let t11;
-    if ($[35] !== provider) {
-      t11 = providerAbilities(provider);
-      $[35] = provider;
-      $[36] = t11;
+    let t8;
+    if ($[27] !== provider) {
+      t8 = providerAbilities(provider);
+      $[27] = provider;
+      $[28] = t8;
     } else {
-      t11 = $[36];
+      t8 = $[28];
     }
-    const t12 = `${t10}${t11}`;
-    let t13;
-    if ($[37] !== canAddAccount || $[38] !== onAddAccount || $[39] !== t) {
-      t13 = canAddAccount && /*#__PURE__*/_jsxs(Button, {
+    const t9 = `${t7}${t8}`;
+    let t10;
+    if ($[29] !== canAddAccount || $[30] !== onAddAccount || $[31] !== t) {
+      t10 = canAddAccount && /*#__PURE__*/_jsxs(Button, {
         variant: "secondary",
         className: "whitespace-nowrap",
         onClick: onAddAccount,
@@ -206,29 +179,29 @@ export function CliDetail(t0) {
           size: 14
         }), t("cli.addAccount")]
       });
-      $[37] = canAddAccount;
-      $[38] = onAddAccount;
-      $[39] = t;
-      $[40] = t13;
+      $[29] = canAddAccount;
+      $[30] = onAddAccount;
+      $[31] = t;
+      $[32] = t10;
     } else {
-      t13 = $[40];
+      t10 = $[32];
     }
-    if ($[41] !== provider.name || $[42] !== t12 || $[43] !== t13 || $[44] !== t8) {
-      t5 = /*#__PURE__*/_jsx(DetailHeader, {
-        mark: t8,
-        title: t9,
-        subtitle: t12,
-        actions: t13
+    if ($[33] !== provider.name || $[34] !== t10 || $[35] !== t5 || $[36] !== t9) {
+      t3 = /*#__PURE__*/_jsx(DetailHeader, {
+        mark: t5,
+        title: t6,
+        subtitle: t9,
+        actions: t10
       });
-      $[41] = provider.name;
-      $[42] = t12;
-      $[43] = t13;
-      $[44] = t8;
-      $[45] = t5;
+      $[33] = provider.name;
+      $[34] = t10;
+      $[35] = t5;
+      $[36] = t9;
+      $[37] = t3;
     } else {
-      t5 = $[45];
+      t3 = $[37];
     }
-    t6 = defaults && /*#__PURE__*/_jsxs(SettingsSection, {
+    t4 = defaults && /*#__PURE__*/_jsxs(SettingsSection, {
       title: t("cli.defaults.title"),
       description: t("cli.defaults.description"),
       children: [choosable.length > 0 && /*#__PURE__*/_jsx(SettingsRow, {
@@ -240,11 +213,11 @@ export function CliDetail(t0) {
             provider: provider.name
           }),
           align: "end",
-          items: choosable.map(entry_1 => ({
-            value: entry_1.id,
-            label: accountName(entry_1, provider.name),
+          items: choosable.map(entry_0 => ({
+            value: entry_0.id,
+            label: accountName(entry_0, provider.name),
             icon: /*#__PURE__*/_jsx(AccountDot, {
-              color: entry_1.account.color,
+              color: entry_0.account.color,
               className: "size-2"
             })
           })),
@@ -265,15 +238,15 @@ export function CliDetail(t0) {
           items: [{
             value: PROVIDER_DEFAULT,
             label: t("cli.defaults.providerDefault")
-          }, ...provider.models.map(entry_2 => ({
-            value: entry_2.slug,
-            label: entry_2.legacy ? t("cli.defaults.legacyModel", {
-              name: entry_2.name
-            }) : entry_2.name
+          }, ...provider.models.map(entry_1 => ({
+            value: entry_1.slug,
+            label: entry_1.legacy ? t("cli.defaults.legacyModel", {
+              name: entry_1.name
+            }) : entry_1.name
           }))],
           onValueChange: value => value === PROVIDER_DEFAULT ? forgetChatSelection(provider.kind) : rememberChatSelection(provider.kind, {
             model: value,
-            options: carryOptions(selection?.options ?? {}, provider.models.find(entry_3 => entry_3.slug === value))
+            options: carryOptions(selection?.options ?? {}, provider.models.find(entry_2 => entry_2.slug === value))
           })
         })
       }), model && /*#__PURE__*/_jsx(ModelOptionRows, {
@@ -285,27 +258,28 @@ export function CliDetail(t0) {
         label: t("cli.defaults.usesCliDefault")
       })]
     });
-    $[15] = defaults;
-    $[16] = entries;
-    $[17] = login;
-    $[18] = model;
-    $[19] = onAddAccount;
-    $[20] = picked;
-    $[21] = provider;
-    $[22] = scopeId;
-    $[23] = selection?.options;
-    $[24] = t;
-    $[25] = canAddAccount;
-    $[26] = t5;
-    $[27] = t6;
+    $[8] = defaults;
+    $[9] = entries;
+    $[10] = login;
+    $[11] = machineAccounts;
+    $[12] = model;
+    $[13] = onAddAccount;
+    $[14] = preferences;
+    $[15] = provider;
+    $[16] = scopeId;
+    $[17] = selection?.options;
+    $[18] = t;
+    $[19] = canAddAccount;
+    $[20] = t3;
+    $[21] = t4;
   } else {
-    canAddAccount = $[25];
-    t5 = $[26];
-    t6 = $[27];
+    canAddAccount = $[19];
+    t3 = $[20];
+    t4 = $[21];
   }
-  let t7;
-  if ($[46] !== canAddAccount || $[47] !== entries || $[48] !== login || $[49] !== onPickAccount || $[50] !== provider.name || $[51] !== t) {
-    t7 = entries === null ? /*#__PURE__*/_jsx("p", {
+  let t5;
+  if ($[38] !== canAddAccount || $[39] !== entries || $[40] !== login || $[41] !== onPickAccount || $[42] !== provider.name || $[43] !== t) {
+    t5 = entries === null ? /*#__PURE__*/_jsx("p", {
       className: "text-xs text-text-faint",
       children: t("list.noAccounts")
     }) : /*#__PURE__*/_jsx(SettingsSection, {
@@ -313,17 +287,17 @@ export function CliDetail(t0) {
       footer: canAddAccount ? undefined : t("cli.onlyDefault", {
         provider: provider.name
       }),
-      children: entries.map(entry_4 => {
-        const status = accountStatusLine(entry_4.status, login === "terminal");
+      children: entries.map(entry_3 => {
+        const status = accountStatusLine(entry_3.status, login === "terminal");
         return /*#__PURE__*/_jsxs("button", {
           type: "button",
           className: "flex w-full min-w-0 items-center gap-3 px-4.5 py-3 text-left first:rounded-t-xl last:rounded-b-xl hover:bg-surface-hover",
-          onClick: () => onPickAccount(entry_4.id),
+          onClick: () => onPickAccount(entry_3.id),
           children: [/*#__PURE__*/_jsx(AccountDot, {
-            color: entry_4.account.color
+            color: entry_3.account.color
           }), /*#__PURE__*/_jsx("span", {
             className: "min-w-0 grow truncate text-sm text-text",
-            children: accountName(entry_4, provider.name)
+            children: accountName(entry_3, provider.name)
           }), /*#__PURE__*/_jsx("span", {
             className: `shrink-0 text-xs ${ACCOUNT_TONE_CLASSES[status.tone]}`,
             children: status.text
@@ -332,30 +306,30 @@ export function CliDetail(t0) {
             size: 14,
             className: "shrink-0 text-text-faint"
           })]
-        }, entry_4.id);
+        }, entry_3.id);
       })
     });
-    $[46] = canAddAccount;
-    $[47] = entries;
-    $[48] = login;
-    $[49] = onPickAccount;
-    $[50] = provider.name;
-    $[51] = t;
-    $[52] = t7;
+    $[38] = canAddAccount;
+    $[39] = entries;
+    $[40] = login;
+    $[41] = onPickAccount;
+    $[42] = provider.name;
+    $[43] = t;
+    $[44] = t5;
   } else {
-    t7 = $[52];
+    t5 = $[44];
   }
-  let t8;
-  if ($[53] !== t5 || $[54] !== t6 || $[55] !== t7) {
-    t8 = /*#__PURE__*/_jsxs(_Fragment, {
-      children: [t5, t6, t7]
+  let t6;
+  if ($[45] !== t3 || $[46] !== t4 || $[47] !== t5) {
+    t6 = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [t3, t4, t5]
     });
-    $[53] = t5;
-    $[54] = t6;
-    $[55] = t7;
-    $[56] = t8;
+    $[45] = t3;
+    $[46] = t4;
+    $[47] = t5;
+    $[48] = t6;
   } else {
-    t8 = $[56];
+    t6 = $[48];
   }
-  return t8;
+  return t6;
 }

package/dist/providers/account-actions.js

@@ -1,12 +1,10 @@
 import i18next from 'i18next';
 import { accountFor, readChatPreferences, rememberChatAccount } from '../chat/preferences.js';
 import { providerAccountsOf, useProviderAccountsStore } from '../state/provider-accounts.js';
+import { errorMessage } from '../transport.js';
 function words(key, values) {
   return i18next.t(`agent-providers:${key}`, values);
 }
-function reason(e) {
-  return e instanceof Error ? e.message : String(e);
-}
 function linkTo(scope) {
   if (scope.transport.status !== 'open') {
     throw new Error(words('notAnswering'));
@@ -25,7 +23,7 @@ export async function saveAccounts(scope, host, accounts) {
       id: `providers-save-${scope.id}`,
       kind: 'error',
       title: words('account.saveFailed'),
-      description: reason(e)
+      description: errorMessage(e)
     });
     return false;
   }
@@ -56,15 +54,14 @@ export async function removeAccount(scope, host, id, kind) {
 }
 /* An account in a folder the host makes for it; answers its id. Throws what the host said, for the form to show. */
 export async function createAccount(scope, kind, label, color) {
-  const created = await linkTo(scope).request('accounts.create', {
+  const {
+    id,
+    ...accounts
+  } = await linkTo(scope).request('accounts.create', {
     kind,
     label,
     color
   });
-  const {
-    id,
-    ...accounts
-  } = created;
   useProviderAccountsStore.getState().set(scope.id, accounts);
   return id;
 }

package/dist/state/chats.d.ts

@@ -43,6 +43,7 @@ interface ChatsStore {
     forget(key: string): void;
     forgetWhere(matches: (key: string) => boolean): void;
 }
+export declare function isWaiting(item: ChatItem | undefined): item is ChatApprovalItem | ChatQuestionItem;
 export declare function prependPage(state: ChatState, cursor: string, page: ChatHistoryResult): ChatState;
 export declare function waitingRequestsOf(chat: Pick<ChatState, 'structure' | 'order' | 'waitingBefore'> | undefined): Array<ChatApprovalItem | ChatQuestionItem>;
 export declare function applyEvent(state: ChatState, event: ChatEvent): ChatState;

package/dist/state/chats.js

@@ -3,7 +3,7 @@ import { useContext } from 'react';
 import { create } from 'zustand';
 import { appendToolOutput } from '@adecore/agent-contracts/text';
 import { ChatScopeContext, useChatScope } from '../scope.js';
-function isWaiting(item) {
+export function isWaiting(item) {
   return item?.kind === 'approval' && item.decision === 'pending' || item?.kind === 'question' && item.state === 'pending';
 }
 function stateOf(info, items, page) {
@@ -215,10 +215,7 @@ function applyUpdate(state, event, write) {
             text: item.text + event.text
           };
           // The first text is structure after all, since an empty reply that is not streaming has no row.
-          if (item.text === '') {
-            return write(state, grown);
-          }
-          return write(state, grown, false);
+          return write(state, grown, item.text === '');
         }
         if (item?.kind === 'tool' && item.state === 'running') {
           const progress = item.progress ?? {
@@ -226,14 +223,13 @@ function applyUpdate(state, event, write) {
             description: null,
             output: null
           };
-          const grown = {
+          return write(state, {
             ...item,
             progress: {
               ...progress,
               output: appendToolOutput(progress.output, event.text)
             }
-          };
-          return write(state, grown, false);
+          }, false);
         }
         return state;
       }
@@ -338,9 +334,8 @@ export const useChats = create(set => ({
     });
   },
   /*
-   * The status of a chat this window is not reading, which the host sends for every chat it has
-   * loaded. The thread stays empty until somebody attaches, since this is what a header, a list and
-   * the counters need, and they ask the info and never the items.
+   * The host sends this for every chat it has loaded. The thread stays empty until somebody attaches,
+   * since a header, a list and the counters read the info and never the items.
    */
   status(key, info) {
     set(s => {

package/dist/state/provider-accounts.d.ts

@@ -1,5 +1,5 @@
 import type { ProviderAccounts } from '@adecore/agent-contracts';
-import type { ChatTransport } from '../transport.js';
+import { type ChatTransport } from '../transport.js';
 export interface ProviderAccountsRow {
     accounts: ProviderAccounts | null;
     loaded: boolean;

package/dist/state/provider-accounts.js

@@ -1,6 +1,7 @@
 import { c as _c } from "react/compiler-runtime";
 import { create } from 'zustand';
 import { useChatScope } from '../scope.js';
+import { whenOpen } from '../transport.js';
 /* One object for a host that has not answered yet, so a selector gets a stable snapshot. */
 const NONE = {
   accounts: null,
@@ -78,13 +79,6 @@ export function watchProviderAccounts(scopeId, transport) {
   const off = [transport.on('accounts.changed', accounts => {
     changes += 1;
     store.set(scopeId, accounts);
-  }), transport.subscribeStatus(status => {
-    if (status === 'open') {
-      load();
-    }
-  })];
-  if (transport.status === 'open') {
-    load();
-  }
+  }), whenOpen(transport, load)];
   return () => off.forEach(stop => stop());
 }

package/dist/transport.d.ts

@@ -21,4 +21,6 @@ export declare class ChatTransportError extends Error {
     constructor(code: string, message: string);
 }
 export declare function errorCode(error: unknown): string | null;
+export declare function whenOpen(transport: ChatTransport, run: () => void): () => void;
+export declare function errorMessage(error: unknown): string;
 export declare function isConnectionError(error: unknown): boolean;

package/dist/transport.js

@@ -11,6 +11,20 @@ export class ChatTransportError extends Error {
 export function errorCode(error) {
   return typeof error === 'object' && error !== null && 'code' in error && typeof error.code === 'string' ? error.code : null;
 }
+/* Runs `run` now while the link is up and again each time it comes back; answers the function that stops it. */
+export function whenOpen(transport, run) {
+  if (transport.status === 'open') {
+    run();
+  }
+  return transport.subscribeStatus(status => {
+    if (status === 'open') {
+      run();
+    }
+  });
+}
+export function errorMessage(error) {
+  return error instanceof Error ? error.message : String(error);
+}
 /* Whether a request failed because the link was down rather than because the host refused it; the reconnect asks again. */
 export function isConnectionError(error) {
   const code = errorCode(error);

package/dist/usage/ChartLogo.d.ts

@@ -0,0 +1,5 @@
+import type { UsageProvider } from '@adecore/agent-contracts';
+export declare function ChartLogo({ provider, className }: {
+    provider: UsageProvider;
+    className?: string;
+}): import("react").JSX.Element;