@frontera-sdk/chat-ui 1.50.40

package/dist/chunk-ZS6PXIZP.js

@@ -0,0 +1,187 @@
+'use client';
+import { cn } from './chunk-DGDHKMDB.js';
+import { CircleIcon, ChevronRightIcon } from './chunk-AFVU5VT6.js';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function DropdownMenu({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+}
+function DropdownMenuTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Trigger,
+    {
+      "data-slot": "dropdown-menu-trigger",
+      ...props
+    }
+  );
+}
+function DropdownMenuContent({
+  className,
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Content,
+    {
+      "data-slot": "dropdown-menu-content",
+      sideOffset,
+      className: cn(
+        // Fade only, 100ms, ease-out. The old 150ms stacked a fade with a
+        // zoom-95 and a 2px slide, on `ease` — which starts slow, so the frames
+        // that confirm the click were the slowest, and the movement made a menu
+        // read as ARRIVING rather than already being there.
+        "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 duration-100 ease-out bg-surface-overlay text-popover-foreground z-100 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function DropdownMenuItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Item,
+    {
+      "data-slot": "dropdown-menu-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: cn(
+        "focus:bg-surface-overlay-hover focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4 max-md:min-h-11 max-md:gap-3 max-md:px-3 max-md:text-[15px] max-md:[&_svg]:size-[18px]",
+        {
+          "cursor-pointer": !!props.onClick
+        },
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DropdownMenuRadioGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.RadioGroup,
+    {
+      "data-slot": "dropdown-menu-radio-group",
+      ...props
+    }
+  );
+}
+function DropdownMenuRadioItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    DropdownMenuPrimitive.RadioItem,
+    {
+      "data-slot": "dropdown-menu-radio-item",
+      className: cn(
+        "focus:bg-surface-overlay-hover focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm max-md:min-h-11 max-md:text-[15px] outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CircleIcon, { className: "size-1.5! fill-current" }) }) }),
+        children
+      ]
+    }
+  );
+}
+function DropdownMenuLabel({
+  className,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Label,
+    {
+      "data-slot": "dropdown-menu-label",
+      "data-inset": inset,
+      className: cn(
+        "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DropdownMenuSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DropdownMenuPrimitive.Separator,
+    {
+      "data-slot": "dropdown-menu-separator",
+      className: cn("bg-border -mx-1 my-1 h-px", className),
+      ...props
+    }
+  );
+}
+function DropdownMenuSub({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
+}
+function DropdownMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    DropdownMenuPrimitive.SubTrigger,
+    {
+      "data-slot": "dropdown-menu-sub-trigger",
+      "data-inset": inset,
+      className: cn(
+        "focus:bg-surface-overlay-hover focus:text-accent-foreground data-[state=open]:bg-surface-overlay-hover data-[state=open]:text-accent-foreground [&_svg]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm max-md:min-h-11 max-md:text-[15px] outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto size-4" })
+      ]
+    }
+  );
+}
+function DropdownMenuSubContent({
+  className,
+  ...props
+}) {
+  return (
+    // Portaled: the parent DropdownMenuContent clips (`overflow-x-hidden`
+    // for its own scroll), so an inline submenu gets cut at the menu edge —
+    // visible on mobile where the submenu opens toward the viewport edge.
+    // The portal escapes the clip and lets collision detection flip sides.
+    /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+      DropdownMenuPrimitive.SubContent,
+      {
+        "data-slot": "dropdown-menu-sub-content",
+        collisionPadding: 8,
+        className: cn(
+          // Fade only, 100ms, ease-out. The old 150ms stacked a fade with a
+          // zoom-95 and a 2px slide, on `ease` — which starts slow, so the frames
+          // that confirm the click were the slowest, and the movement made a menu
+          // read as ARRIVING rather than already being there.
+          "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 duration-100 ease-out bg-surface-overlay text-popover-foreground z-100 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
+          className
+        ),
+        ...props
+      }
+    ) })
+  );
+}
+
+export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };

package/dist/client.d.ts

@@ -0,0 +1,89 @@
+import { ChatClient } from '@frontera-sdk/chat/chat-client';
+export { ChatClient } from '@frontera-sdk/chat/chat-client';
+import { FronteraClient } from '@frontera-sdk/core/client';
+import { ChatCredentialProps } from './credential.js';
+export { ResolvedCredential, useChatCredential } from './credential.js';
+import * as react from 'react';
+export { ArtifactVersionMeta, ChatAgent, ChatArtifact, ChatToken, PendingApproval, Session, SessionMessage, StartChatRequest } from '@frontera-sdk/chat/types';
+
+/**
+ * The client the copied components reach for.
+ *
+ * Platform components fetch through hooks that assume a signed-in session.
+ * Those hooks are the one part of the surface that cannot be copied, so each
+ * is re-pointed at this client — supplied once by `FronteraChat` and read by
+ * the shims under `src/vendor/lib/services`.
+ *
+ * Optional by design: a consumer composing `Message` or `Composer` by hand
+ * need not provide it, and the features that depend on data simply stay quiet
+ * rather than throwing.
+ */
+declare const ChatClientContext: react.Context<ChatClient | null>;
+declare function useChatClientOptional(): ChatClient | null;
+
+/**
+ * The `sub` claim of an end-user chat token, read without verifying it.
+ *
+ * Used for ONE thing: choosing which localStorage namespace this browser's
+ * side-panel records belong to. That is a scoping decision, not an
+ * authorization — the server verifies the same token on every call, and a
+ * forged one buys nothing here except a wrong namespace in its own browser.
+ *
+ * The token string itself would be the obvious key and is the wrong one: it
+ * rotates on every renewal, so the namespace would change hourly and each
+ * renewal would look like a different person. `sub` is the customer's own id
+ * for this user and survives renewal, which is exactly the lifetime the
+ * records need.
+ *
+ * Returns null for anything that is not a readable JWT — an API key, a
+ * malformed token, a payload without `sub`. Callers treat that as "no scope",
+ * which keeps records in the default namespace rather than inventing one.
+ */
+declare function subjectOfChatToken(token: string): string | null;
+/**
+ * The capabilities claim, read the same way and for the same kind of reason.
+ *
+ * Lets the composer offer only what the token can actually do — a
+ * "run without approval" option the service will refuse is worse than no
+ * option, because the reader discovers it by having their choice reverted.
+ *
+ * Not a security boundary, and not treated as one: every one of these is
+ * enforced server-side against the verified token. This just stops the UI
+ * promising something the server will decline.
+ */
+declare function capabilitiesOfChatToken(token: string): string[];
+
+/**
+ * A `ChatClient` for the same credential the chat component uses.
+ *
+ * `null` until the first token lands — the credential is fetched, so there is
+ * a render before it exists, and every call site has to handle that anyway.
+ * Returning null says so in the type instead of throwing on the first render
+ * or handing back a client whose requests would be unauthenticated.
+ *
+ * ```tsx
+ * const { client, ready, error } = useChatClient({ tokenEndpoint: '/api/chat-token' })
+ * useEffect(() => { client?.listSessions({ limit: 20 }).then(setHistory) }, [client])
+ * ```
+ *
+ * Pass the SAME credential props you pass to `<FronteraChat>`. Each call
+ * resolves its own credential, so a `tokenEndpoint` is hit once per hook —
+ * share one client through your own context if that matters to you.
+ */
+declare function useChatClient(props: ChatCredentialProps): {
+    client: ChatClient | null;
+    /**
+     * The underlying API client, as a getter.
+     *
+     * Pass it straight to `<FronteraChat client={getClient} />` when this hook
+     * already resolved a credential: the component then shares this one rather
+     * than resolving its own, which is the difference between one token per
+     * person and two on every load.
+     */
+    getClient: () => FronteraClient | null;
+    ready: boolean;
+    error: Error | null;
+    refresh: () => Promise<unknown>;
+};
+
+export { ChatClientContext, ChatCredentialProps, capabilitiesOfChatToken, subjectOfChatToken, useChatClient, useChatClientOptional };

package/dist/client.js

@@ -0,0 +1,20 @@
+'use client';
+export { capabilitiesOfChatToken, subjectOfChatToken } from './chunk-CCVPZVFK.js';
+import { useChatCredential } from './chunk-BEJ3HQG4.js';
+export { useChatCredential } from './chunk-BEJ3HQG4.js';
+export { ChatClientContext, useChatClientOptional } from './chunk-7ADM3CKD.js';
+import './chunk-PR4QN5HX.js';
+import { useMemo } from 'react';
+import { ChatClient } from '@frontera-sdk/chat/chat-client';
+export { ChatClient } from '@frontera-sdk/chat/chat-client';
+
+function useChatClient(props) {
+  const { getClient, ready, error, refresh } = useChatCredential(props);
+  const client = useMemo(() => {
+    const resolved = getClient();
+    return resolved ? new ChatClient(resolved) : null;
+  }, [getClient, ready]);
+  return { client, getClient, ready, error, refresh };
+}
+
+export { useChatClient };

package/dist/composer.d.ts

@@ -0,0 +1,23 @@
+import * as react from 'react';
+
+interface ComposerProps {
+    onSubmit: (text: string) => void;
+    onStop?: () => void;
+    busy?: boolean;
+    placeholder?: string;
+    disabled?: boolean;
+    /** Text dropped in from elsewhere — a suggested action, say. */
+    seed?: string;
+    onSeedConsumed?: () => void;
+}
+/**
+ * The input.
+ *
+ * A textarea rather than an input, growing with its content: people paste
+ * paragraphs into agents, and a single-line field hides everything but the
+ * end of what they wrote. Enter sends, Shift+Enter breaks the line — the
+ * convention every chat surface shares, including the platform's own.
+ */
+declare function Composer({ onSubmit, onStop, busy, placeholder, disabled, seed, onSeedConsumed, }: ComposerProps): react.JSX.Element;
+
+export { Composer, type ComposerProps };

package/dist/composer.js

@@ -0,0 +1,89 @@
+'use client';
+import './chunk-PR4QN5HX.js';
+import { useState, useRef, useEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function Composer({
+  onSubmit,
+  onStop,
+  busy = false,
+  placeholder = "Ask anything\u2026",
+  disabled = false,
+  seed,
+  onSeedConsumed
+}) {
+  const [text, setText] = useState("");
+  const area = useRef(null);
+  useEffect(() => {
+    if (!seed) return;
+    setText((current) => current ? `${current} ${seed}` : seed);
+    onSeedConsumed?.();
+    requestAnimationFrame(() => {
+      const el = area.current;
+      if (!el) return;
+      el.focus();
+      el.setSelectionRange(el.value.length, el.value.length);
+      el.style.height = "auto";
+      el.style.height = `${Math.min(el.scrollHeight, 200)}px`;
+    });
+  }, [seed, onSeedConsumed]);
+  function resize() {
+    const el = area.current;
+    if (!el) return;
+    el.style.height = "auto";
+    el.style.height = `${Math.min(el.scrollHeight, 200)}px`;
+  }
+  function send() {
+    const trimmed = text.trim();
+    if (!trimmed || busy || disabled) return;
+    onSubmit(trimmed);
+    setText("");
+    requestAnimationFrame(resize);
+  }
+  function onKeyDown(event) {
+    if (event.key === "Enter" && !event.shiftKey) {
+      event.preventDefault();
+      send();
+    }
+  }
+  function onFormSubmit(event) {
+    event.preventDefault();
+    send();
+  }
+  return /* @__PURE__ */ jsxs("form", { className: "fr-composer", onSubmit: onFormSubmit, children: [
+    /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        ref: area,
+        className: "fr-composer-input",
+        rows: 1,
+        value: text,
+        placeholder,
+        disabled,
+        onChange: (e) => {
+          setText(e.target.value);
+          resize();
+        },
+        onKeyDown
+      }
+    ),
+    busy && onStop ? /* @__PURE__ */ jsx("button", { type: "button", className: "fr-btn fr-btn-stop", onClick: onStop, "aria-label": "Stop", children: /* @__PURE__ */ jsx(StopIcon, {}) }) : /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "submit",
+        className: "fr-btn fr-btn-send",
+        disabled: !text.trim() || disabled,
+        "aria-label": "Send",
+        children: /* @__PURE__ */ jsx(SendIcon, {})
+      }
+    )
+  ] });
+}
+function SendIcon() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 16 16", className: "fr-icon", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M8 13V3M8 3 4 7M8 3l4 4", fill: "none", stroke: "currentColor", strokeWidth: "1.7", strokeLinecap: "round", strokeLinejoin: "round" }) });
+}
+function StopIcon() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 16 16", className: "fr-icon", "aria-hidden": true, children: /* @__PURE__ */ jsx("rect", { x: "4.5", y: "4.5", width: "7", height: "7", rx: "1.5", fill: "currentColor" }) });
+}
+
+export { Composer };

package/dist/cop-C3sk0IUo-CIZA2H43.js

@@ -0,0 +1,11 @@
+'use client';
+import './chunk-PR4QN5HX.js';
+
+// ../../node_modules/@univerjs/engine-render/lib/es/cop-C3sk0IUo.js
+var Cop = [
+  "02,002,0002,1,2,21,12,,201,3,22,32,01,022",
+  '{"0":[{"\u2C99":[{"\u0300":[{"0":7}]}],"\u2C9B":[{"\u0300":[{"0":7}]}]}],".":[{"0":[{"\u2CAF":1,"\u2C91":1,"\u2C9D":1,"\u2CAB":1,"\u03E9":1,"\u03EB":1,"\u2C99":[{"\u0300":2}],"\u2C9B":[{"\u0300":2}],"\u2C93":[{"\u0308":2}],"\u03EF":1}],"\u2C83":0,"\u2CA5":0,"\u2C87":0,"\u03E5":0,"\u2C85":0,"\u03E7":0,"\u2C95":0,"\u2C97":0,"\u2C99":0,"\u2C9B":0,"\u2CA1":0,"\u03ED":0,"\u2CA3":0,"\u2CA7":0,"\u2CB1":[{"\u2C9F":[{"\u2CA9":0}]},0],"\u2CAD":0,"\u03E3":0,"\u2C8D":0,"\u2C8F":[{"\u2C93":0}]}],"\u2C83":[{"\u2C83":4,"\u2C85":4,"\u2C87":4,"\u2C8D":4,"\u03E7":4,"\u2C95":4,"\u2C97":0,"\u2C99":[{"\u0300":[{"0":6}]},4],"\u2C9B":[{"\u0300":[{"0":6}]},4],"\u2CAD":4,"\u2CA1":4,"\u2CA3":0,"\u2CA5":4,"\u2CA7":4,"\u03E5":4,"\u03ED":4,"\u03E3":4,".":4,"\u2CAF":[{"0":5}],"\u2C91":[{"0":5}],"\u2C9D":[{"0":5}],"\u2CAB":[{"0":5}],"\u03E9":[{"0":5}],"\u03EB":[{"0":5}],"\u2CC9":[{"0":5}],"\u03EF":[{"0":5}]},3],"\u2C85":[{"\u2C83":4,"\u2C85":4,"\u2C87":4,"\u2C8D":4,"\u03E7":4,"\u2C95":4,"\u2C97":0,"\u2C99":[{"\u0300":[{"0":6}]},4],"\u2C9B":[{"\u0300":[{"0":6}]},4],"\u2CAD":4,"\u2CA1":4,"\u2CA3":0,"\u2CA5":4,"\u2CA7":4,"\u03E5":4,"\u03ED":4,"\u03E3":4,".":4,"\u2CAF":[{"0":5}],"\u2C91":[{"0":5}],"\u2C9D":[{"0":5}],"\u2CAB":[{"0":5}],"\u03E9":[{"0":5}],"\u03EB":[{"0":5}],"\u2CC9":[{"0":5}],"\u03EF":[{"0":5}]},3],"\u2C87":[{"\u2C83":4,"\u2C85":4,"\u2C87":4,"\u2C8D":4,"\u03E7":0,"\u2C95":4,"\u2C97":4,"\u2C99":[{"\u0300":[{"0":6}]},4],"\u2C9B":[{"\u0300":[{"0":6}]},4],"\u2CAD":4,"\u2CA1":4,"\u2CA3":0,"\u2CA5":4,"\u2CA7":4,"\u03E5":4,"\u03ED":4,"\u03E3":4,".":4,"\u2CAF":[{"0":5}],"\u2C91":[{"0":5}],"\u2C9D":[{"0":5}],"\u2CAB":[{"0":5}],"\u03E9":[{"0":5}],"\u03EB":[{"0":5}],"\u2CC9":[{"0":5}],"\u03EF":[{"0":5}]},3],"\u2C8D":[{"\u2C83":4,"\u2C85":4,"\u2C87":4,"\u2C8D":4,"\u03E7":4,"\u2C95":4,"\u2C97":4,"\u2C99":[{"\u0300":[{"0":6}]},4],"\u2C9B":[{"\u0300":[{"0":6}]},4],"\u2CAD":4,"\u2CA1":4,"\u2CA3":4,"\u2CA5":4,"\u2CA7":4,"\u03E5":4,"\u03ED":4,"\u03E3":4,".":4,"\u2CAF":[{"0":5}],"\u2C91":[{"0":5}],"\u2C9D":[{"0":5}],"\u2CAB":[{"0":5}],"\u03E9":[{"0":5}],"\u03EB":[{"0":5}],"\u2CC9":[{"0":5}],"\u03EF":[{"0":5}]},3],"\u03E7":[{"\u2C83":4,"\u2C85":4,"\u2C87":4,"\u2C8D":4,"\u03E7":4,"\u2C95":4,"\u2C97":0,"\u2C99":[{"\u0300":[{"0":6}]},4],"\u2C9B":[{"\u0300":[{"0":6}]},0],"\u2CAD":4,"\u2CA1":4,"\u2CA3":4,"\u2CA5":4,"\u2CA7":4,"\u03E5":4,"\u03ED":4,"\u03E3":4,".":4,"\u2CAF":[{"0":5}],"\u2C91":[{"0":5}],"\u2C9D":[{"0":5}],"\u2CAB":[{"0":5}],"\u03E9":[{"0":5}],"\u03EB":[{"0":5}],"\u2CC9":[{"0":5}],"\u03EF":[{"0":5}]},3],"\u2C95":[{"\u2C83":4,"\u2C85":4,"\u2C87":4,"\u2C8D":4,"\u03E7":4,"\u2C95":4,"\u2C97":0,"\u2C99":[{"\u0300":[{"0":6}]},4],"\u2C9B":[{"\u0300":[{"0":6}]},4],"\u2CAD":4,"\u2CA1":4,"\u2CA3":0,"\u2CA5":4,"\u2CA7":0,"\u03E5":4,"\u03ED":4,"\u03E3":4,".":4,"\u2CAF":[{"0":5}],"\u2C91":[{"0":5}],"\u2C9D":[{"0":5}],"\u2CAB":[{"0":5}],"\u03E9":[{"0":5}],"\u03EB":[{"0":5}],"\u2CC9":[{"0":5}],"\u03EF":[{"0":5}]},3],"\u2C97":[{"\u2C83":4,"\u2C85":4,"\u2C87":4,"\u2C8D":4,"\u03E7":4,"\u2C95":4,"\u2C97":4,"\u2C99":[{"\u0300":[{"0":6}]},4],"\u2C9B":[{"\u0300":[{"0":6}]},4],"\u2CAD":4,"\u2CA1":4,"\u2CA3":4,"\u2CA5":4,"\u2CA7":4,"\u03E5":4,"\u03ED":4,"\u03E3":4,".":4,"\u2CAF":[{"0":5}],"\u2C91":[{"0":5}],"\u2C9D":[{"0":5}],"\u2CAB":[{"0":5}],"\u03E9":[{"0":5}],"\u03EB":[{"0":5}],"\u2CC9":[{"0":5}],"\u03EF":[{"0":5}]},3],"\u2C99":[{"\u2C83":4,"\u2C85":4,"\u2C87":4,"\u2C8D":4,"\u03E7":4,"\u2C95":4,"\u2C97":4,"\u2C99":[{"\u0300":[{"0":6}]},4],"\u2C9B":[{"\u0300":[{"0":6}]},4],"\u2CAD":4,"\u2CA1":4,"\u2CA3":4,"\u2CA5":4,"\u2CA7":4,"\u03E5":4,"\u03ED":4,"\u03E3":4,".":4,"\u2CAF":[{"0":5}],"\u2C91":[{"0":5}],"\u2C9D":[{"0":5}],"\u2CAB":[{"0":5}],"\u03E9":[{"0":5}],"\u03EB":[{"0":5}],"\u2CC9":[{"0":5}],"\u03EF":[{"0":5}],"\u0300":[{"0":[{".":4}],"\u2C83":8,"\u2C85":8,"\u2C87":8,"\u03E7":8,"\u2C95":8,"\u2C97":8,"\u2C99":8,"\u2C9B":8,"\u2CAD":8,"\u2CA1":8,"\u2CA3":8,"\u2CA5":8,"\u2CA7":8,"\u03E5":8,"\u03ED":8,"\u03E3":8}]},3],"\u2C9B":[{"\u2C83":4,"\u2C85":4,"\u2C87":4,"\u2C8D":4,"\u03E7":4,"\u2C95":4,"\u2C97":4,"\u2C99":[{"\u0300":[{"0":6}]},4],"\u2C9B":[{"\u0300":[{"0":6}]},4],"\u2CAD":4,"\u2CA1":4,"\u2CA3":4,"\u2CA5":4,"\u2CA7":4,"\u03E5":4,"\u03ED":4,"\u03E3":4,".":4,"\u2CAF":[{"0":5}],"\u2C91":[{"0":5}],"\u2C9D":[{"0":5}],"\u2CAB":[{"0":5}],"\u03E9":[{"0":5}],"\u03EB":[{"0":5}],"\u2CC9":[{"0":5}],"\u03EF":[{"0":5}],"\u0300":[{"0":[{".":4}],"\u2C83":8,"\u2C85":8,"\u2C87":8,"\u03E7":8,"\u2C95":8,"\u2C97":8,"\u2C99":8,"\u2C9B":8,"\u2CAD":8,"\u2CA1":8,"\u2CA3":8,"\u2CA5":8,"\u2CA7":8,"\u03E5":8,"\u03ED":8,"\u03E3":8}]},3],"\u2CAD":[{"\u2C83":4,"\u2C85":4,"\u2C87":4,"\u2C8D":4,"\u03E7":4,"\u2C95":4,"\u2C97":4,"\u2C99":[{"\u0300":[{"0":6}]},4],"\u2C9B":[{"\u0300":[{"0":6}]},4],"\u2CAD":4,"\u2CA1":4,"\u2CA3":4,"\u2CA5":4,"\u2CA7":4,"\u03E5":4,"\u03ED":4,"\u03E3":4,".":4,"\u2CAF":[{"0":5}],"\u2C91":[{"0":5}],"\u2C9D":[{"0":5}],"\u2CAB":[{"0":5}],"\u03E9":[{"0":5}],"\u03EB":[{"0":5}],"\u2CC9":[{"0":5}],"\u03EF":[{"0":5}]},3],"\u2CA1":[{"\u2C83":4,"\u2C85":4,"\u2C87":4,"\u2C8D":4,"\u03E7":4,"\u2C95":4,"\u2C97":0,"\u2C99":[{"\u0300":[{"0":6}]},4],"\u2C9B":[{"\u0300":[{"0":6}]},0],"\u2CAD":4,"\u2CA1":4,"\u2CA3":0,"\u2CA5":4,"\u2CA7":0,"\u03E5":4,"\u03ED":4,"\u03E3":4,".":4,"\u2CAF":[{"0":5}],"\u2C91":[{"0":5}],"\u2C9D":[{"0":5}],"\u2CAB":[{"0":5}],"\u03E9":[{"0":5}],"\u03EB":[{"0":5}],"\u2CC9":[{"0":5}],"\u03EF":[{"0":5}]},3],"\u2CA3":[{"\u2C83":4,"\u2C85":4,"\u2C87":4,"\u2C8D":4,"\u03E7":4,"\u2C95":4,"\u2C97":4,"\u2C99":[{"\u0300":[{"0":6}]},4],"\u2C9B":[{"\u0300":[{"0":6}]},4],"\u2CAD":4,"\u2CA1":4,"\u2CA3":4,"\u2CA5":4,"\u2CA7":4,"\u03E5":4,"\u03ED":4,"\u03E3":4,".":4,"\u2CAF":[{"0":5}],"\u2C91":[{"0":5}],"\u2C9D":[{"0":5}],"\u2CAB":[{"0":5}],"\u03E9":[{"0":5}],"\u03EB":[{"0":5}],"\u2CC9":[{"0":5}],"\u03EF":[{"0":5}]},3],"\u2CA5":[{"\u2C83":0,"\u2C85":0,"\u2C87":0,"\u2C8D":4,"\u03E7":4,"\u2C95":0,"\u2C97":0,"\u2C99":[{"\u0300":[{"0":6}]},0],"\u2C9B":[{"\u0300":[{"0":6}]},0],"\u2CAD":4,"\u2CA1":0,"\u2CA3":0,"\u2CA5":4,"\u2CA7":0,"\u03E5":0,"\u03ED":4,"\u03E3":4,".":4,"\u2CAF":[{"0":5}],"\u2C91":[{"0":5}],"\u2C9D":[{"0":5}],"\u2CAB":[{"0":5}],"\u03E9":[{"0":5}],"\u03EB":[{"0":5}],"\u2CC9":[{"0":5}],"\u03EF":[{"0":5}]},3],"\u2CA7":[{"\u2C83":4,"\u2C85":4,"\u2C87":4,"\u2C8D":0,"\u03E7":[{".":10},0],"\u2C95":4,"\u2C97":4,"\u2C99":[{"\u0300":[{"0":6}]},0],"\u2C9B":[{"\u0300":[{"0":6}]},4],"\u2CAD":4,"\u2CA1":4,"\u2CA3":0,"\u2CA5":0,"\u2CA7":4,"\u03E5":4,"\u03ED":4,"\u03E3":4,".":4,"\u2CAF":[{"0":5}],"\u2C91":[{"0":5}],"\u2C9D":[{"0":5}],"\u2CAB":[{"0":5}],"\u03E9":[{"0":5}],"\u03EB":[{"0":5}],"\u2CC9":[{"0":5}],"\u03EF":[{"0":5}]},3],"\u03E5":[{"\u2C83":4,"\u2C85":4,"\u2C87":4,"\u2C8D":4,"\u03E7":4,"\u2C95":4,"\u2C97":0,"\u2C99":[{"\u0300":[{"0":6}]},4],"\u2C9B":[{"\u0300":[{"0":6}]},4],"\u2CAD":4,"\u2CA1":4,"\u2CA3":0,"\u2CA5":4,"\u2CA7":0,"\u03E5":4,"\u03ED":4,"\u03E3":4,".":4,"\u2CAF":[{"0":5}],"\u2C91":[{"0":5}],"\u2C9D":[{"0":5}],"\u2CAB":[{"0":5}],"\u03E9":[{"0":5}],"\u03EB":[{"0":5}],"\u2CC9":[{"0":5}],"\u03EF":[{"0":5}]},3],"\u03ED":[{"\u2C83":4,"\u2C85":4,"\u2C87":4,"\u2C8D":4,"\u03E7":0,"\u2C95":4,"\u2C97":0,"\u2C99":[{"\u0300":[{"0":6}]},4],"\u2C9B":[{"\u0300":[{"0":6}]},0],"\u2CAD":4,"\u2CA1":4,"\u2CA3":0,"\u2CA5":4,"\u2CA7":0,"\u03E5":4,"\u03ED":4,"\u03E3":4,".":4,"\u2CAF":[{"0":5}],"\u2C91":[{"0":5}],"\u2C9D":[{"0":5}],"\u2CAB":[{"0":5}],"\u03E9":[{"0":5}],"\u03EB":[{"0":5}],"\u2CC9":[{"0":5}],"\u03EF":[{"0":5}]},3],"\u03E3":[{"\u2C83":4,"\u2C85":4,"\u2C87":4,"\u2C8D":4,"\u03E7":4,"\u2C95":4,"\u2C97":4,"\u2C99":[{"\u0300":[{"0":6}]},4],"\u2C9B":[{"\u0300":[{"0":6}]},4],"\u2CAD":4,"\u2CA1":4,"\u2CA3":4,"\u2CA5":4,"\u2CA7":4,"\u03E5":4,"\u03ED":4,"\u03E3":4,".":4,"\u2CAF":[{"0":5}],"\u2C91":[{"0":5}],"\u2C9D":[{"0":5}],"\u2CAB":[{"0":5}],"\u03E9":[{"0":5}],"\u03EB":[{"0":5}],"\u2CC9":[{"0":5}],"\u03EF":[{"0":5}]},3],"\u2C93":[{"\u0308":[{"0":[{".":3},3]}]}],"\u2CA9":[{"\u0308":[{"0":[{".":3},3]}]}],"\u03E9":[{"0":[{".":4},9],"\u2CA3":5}],"\u2CAB":[{"0":[{".":4},3]}],"\u2C9D":[{"0":[{".":4},3]}],"\u2C91":[{"0":[{".":4},3]}],"\u2CAF":[{"0":[{".":4},3]}],"\u03EB":[{"0":[{".":4},3]}],"\u2C8F":[{"\u03E7":[{"0":[{".":10},6]}],"\u2CC9":[{"0":[{".":10},11]}],"\u2C81":12,"\u2C89":12,"\u2C9F":[{"\u2CA9":12},12],"\u2CB1":12,"\u2C93":[{"\u2C81":12,"\u2C89":12,"\u2C9F":12,"\u2CB1":12}]}],"\u2CC9":[{"0":[{".":4},9]}],"\u03EF":[{"0":[{".":4},3]}],"\u2C81":[{"\u2C89":[{"\u2C93":13},12],"\u2C9F":[{"\u2CA9":0},12],"\u2C8F":12,"\u2CB1":12,"\u2C93":[{"\u2C81":12,"\u2C89":12,"\u2C9F":12,"\u2CB1":12}]}],"\u2C89":[{"\u2C81":12,"\u2C9F":[{"\u2CA9":0},12],"\u2C8F":12,"\u2CB1":12,"\u2C93":0}],"\u2C9F":[{"\u2C81":12,"\u2C89":12,"\u2C8F":12,"\u2CB1":12,"\u2C93":[{"\u2C81":12,"\u2C89":12,"\u2C9F":12,"\u2CB1":12}],"\u2C9F":[{"\u2CA9":0}],"\u2CA9":[{"\u2C81":1,"\u2C89":1,"\u2C8F":1,"\u2C9F":1,"\u2CA9":1,"\u2CB1":1,"\u2C93":1}]}],"\u2CB1":[{"\u2C9F":[{"\u2CA9":12}]}]}',
+  []
+];
+
+export { Cop };

package/dist/credential.d.ts

@@ -0,0 +1,75 @@
+import { FronteraClient } from '@frontera-sdk/core/client';
+
+/**
+ * How a component gets its credential.
+ *
+ * Four shapes, ordered by how much the caller wants to manage. Every chat
+ * component in this package accepts the same union, so moving between
+ * `FronteraChat`, `FronteraChatFrame` and the script embed is a change of
+ * component, not of plumbing.
+ */
+type ChatCredentialProps = {
+    /**
+     * An endpoint on YOUR site returning `{ token, expiresAt }` for whoever
+     * is signed in. Called same-origin, so your session cookie identifies
+     * them, and refreshed automatically before expiry.
+     *
+     * The recommended shape: nothing to manage, and tokens stay short-lived
+     * without the caller having to think about it.
+     */
+    tokenEndpoint: string;
+    apiBaseUrl?: string;
+    token?: never;
+    getToken?: never;
+    client?: never;
+} | {
+    /**
+     * A token you already hold. You then own replacing it before it expires
+     * — pass `tokenEndpoint` instead to be rid of that.
+     */
+    token: string;
+    apiBaseUrl: string;
+    tokenEndpoint?: never;
+    getToken?: never;
+    client?: never;
+} | {
+    /** Fetch the token however you like; called again on refresh. */
+    getToken: () => Promise<{
+        token: string;
+        expiresAt: string;
+        apiBaseUrl?: string;
+    }>;
+    apiBaseUrl?: string;
+    tokenEndpoint?: never;
+    token?: never;
+    client?: never;
+} | {
+    /**
+     * A client you built yourself. Pass a getter if you rotate tokens.
+     *
+     * The getter may return null: `useChatCredential` itself returns one that
+     * is null until the first token lands, and forcing callers to cast that
+     * away would push a lie into every app that shares one credential
+     * between the chat and its own sidebar.
+     */
+    client: FronteraClient | (() => FronteraClient | null);
+    tokenEndpoint?: never;
+    token?: never;
+    getToken?: never;
+    apiBaseUrl?: never;
+};
+interface ResolvedCredential {
+    /** The current client, or null until the first token arrives. */
+    getClient: () => FronteraClient | null;
+    ready: boolean;
+    error: Error | null;
+    /**
+     * Force a new credential now. Wired to the transport's 401 handler, so a
+     * token that expired while the tab slept costs a retry rather than a visible
+     * failure.
+     */
+    refresh: () => Promise<unknown>;
+}
+declare function useChatCredential(props: ChatCredentialProps): ResolvedCredential;
+
+export { type ChatCredentialProps, type ResolvedCredential, useChatCredential };

package/dist/credential.js

@@ -0,0 +1,3 @@
+'use client';
+export { useChatCredential } from './chunk-BEJ3HQG4.js';
+import './chunk-PR4QN5HX.js';