@aiden-voice/widget 0.0.0 → 0.1.1

package/LICENSE.md

@@ -0,0 +1,17 @@
+# Aiden Widget License
+
+Copyright (c) 2026 Whoo. All rights reserved.
+
+This package ("the Widget") is provided solely for embedding the Aiden service in
+websites and applications operated by, or on behalf of, customers of the Aiden service
+under the applicable Aiden terms of service.
+
+Permitted: installing the Widget from npm or loading it from the Aiden CDN, and
+integrating it into such websites and applications.
+
+Not permitted without prior written consent from Whoo: redistributing, sublicensing,
+selling or hosting the Widget separately from the Aiden service; modifying, decompiling
+or otherwise deriving works from it; removing this notice.
+
+The Widget is provided "as is", without warranty of any kind, express or implied. Whoo
+is not liable for any damages arising from its use, to the extent permitted by law.

package/README.md

@@ -1,3 +1,303 @@
 # @aiden-voice/widget
 
-Placeholder release (0.0.0). Real releases start at 0.1.0.
+An embeddable chat widget for whoo-aiden. Drop in a `<script>` tag (or
+install the npm package) and get a working, ready-to-use chat bubble in
+the corner of your site, backed entirely by whoo-aiden's public widget API
+— no UI code of your own required.
+
+## Installation
+
+### Option 1: CDN `<script>` tag
+
+```html
+<script src="https://widget.aidenvoice.com/v0/widget.iife.js"></script>
+<script>
+  window.whooAidenWidget.init({
+    publishableKey: 'pk_live_...',
+  })
+</script>
+```
+
+### Option 2: npm package (bundler-based integration)
+
+```bash
+pnpm add @aiden-voice/widget
+```
+
+```ts
+import { init } from '@aiden-voice/widget'
+
+init({
+  publishableKey: 'pk_live_...',
+})
+```
+
+Both paths expose the identical `init(config)` call — one code path, not
+two — whether you load the widget via the CDN script tag
+(`window.whooAidenWidget.init`) or import it in a bundler-based project
+(`import { init } from '@aiden-voice/widget'`).
+
+## Usage
+
+```ts
+init({
+  publishableKey: 'pk_live_...', // OR sessionToken -- exactly one, never both
+  // sessionToken: '<jwt from your own backend's identify-session call>',
+  position: 'bottom-right', // optional theming, all have defaults
+  color: '#4f46e5',
+  greeting: 'Hi! How can we help?',
+  logoUrl: 'https://example.com/logo.png',
+})
+```
+
+- **`publishableKey` mode**: the widget calls whoo-aiden's
+  `POST /widget/session` itself on load, subject to that endpoint's
+  Origin-allowlist check. This is the common case — you have no backend
+  of your own and are embedding the widget directly on your site.
+- **`sessionToken` mode**: the widget skips session-minting entirely and
+  uses the token you supply as-is. Use this if your own backend already
+  called `POST /widget/identify-session` server-to-server (using a secret
+  key that must never reach the browser) and handed the resulting
+  short-lived JWT to the page some other way. The widget itself never
+  holds, requests, or sees a secret key under any circumstance.
+
+`publishableKey` and `sessionToken` are mutually exclusive — `init()`
+throws synchronously, at call time, if you pass both or neither.
+
+## Configuration reference
+
+| Option | Description | Default |
+| --- | --- | --- |
+| `publishableKey` | Public key used to mint a session server-side. Mutually exclusive with `sessionToken`. | none (required unless `sessionToken` is set) |
+| `sessionToken` | A pre-minted session JWT from your own backend. Mutually exclusive with `publishableKey`. | none (required unless `publishableKey` is set) |
+| `position` | Launcher/panel corner: `'bottom-right'` or `'bottom-left'`. | `'bottom-right'` |
+| `color` | Primary accent color (any valid CSS color). | `'#4f46e5'` |
+| `greeting` | Welcome text shown in the panel before the first message. | none |
+| `logoUrl` | URL of an image shown on the launcher bubble instead of the default icon. | none (default icon) |
+| `apiBaseUrl` | Override the whoo-aiden API host the widget talks to. | `'https://api.aidenvoice.com'` |
+
+## Versions
+
+The widget is published to a CDN under `https://widget.aidenvoice.com/<version>/`, plus
+npm as `@aiden-voice/widget`.
+
+- Exact versions (e.g. `/v1.3.0/`, including prereleases like `/v1.3.0-rc.1/`) are
+  immutable — once published, a given version's contents never change.
+- `/vX.Y/` and `/vX/` are aliases that follow the newest stable release in that major/minor
+  or major line — e.g. `/v1.3/` follows the newest `1.3.x`, `/v1/` follows the newest `1.x.x`.
+  An alias only exists once a matching stable release has shipped: today's newest stable is
+  `0.x.x`, so the current CDN snippet above uses `/v0/`, not `/v1/` — `/v1/` will exist the
+  day `1.0.0` ships.
+- `/next/` is an alias for the newest prerelease.
+- The CDN root (`https://widget.aidenvoice.com/`) serves a small index page describing this
+  layout, rather than a bare directory listing or a 404.
+- On npm, prereleases are published under the `next` dist-tag
+  (`pnpm add @aiden-voice/widget@next`). A release that isn't the newest of its kind (e.g.
+  a patch published for an older minor after a newer stable already shipped) is published
+  under the `maintenance` dist-tag instead, so an out-of-order release never moves what
+  `latest`/`next` — and therefore plain `npm install`/`pnpm add` — resolve to.
+
+Because the CDN's global cache header is `public, max-age=31536000, immutable` (see
+`staticwebapp.config.json`), fetching an alias or version URL that doesn't exist yet returns
+a 404 that a browser is free to cache for a year. Only embed an alias URL once you know the
+version it needs exists — don't pre-embed `/v1/` in anticipation of a `1.0.0` release.
+
+## Releasing
+
+Releases are tag-driven via `.github/workflows/release.yml` (the `Release`
+workflow), running in the `release` GitHub environment. It has two jobs:
+`cdn` (build, archive upload, alias rewrite, Static Web App deploy) and
+`publish` (npm), with `publish` gated on `cdn` succeeding first.
+
+1. Bump `version` in **both** `package.json` and `src/version.ts`'s
+   `WIDGET_VERSION` (a normal PR — `tests/version.test.ts` asserts the two
+   stay in sync), and merge it to `main`.
+2. Tag the merge commit and push the tag:
+
+   ```sh
+   git tag v<version> && git push origin v<version>
+   ```
+
+   The tag must match `package.json`'s `version` exactly, for a stable
+   release (e.g. `v1.3.0` ↔ `1.3.0`) and for a prerelease alike (e.g.
+   `v1.3.0-rc.1` ↔ `1.3.0-rc.1`) — the workflow refuses a mismatch.
+   Prereleases use a `-rc.N` suffix.
+
+Pushing a `v*` tag runs the workflow. The `cdn` job:
+
+- Builds and re-runs the full quality gate (lint, typecheck, unit tests,
+  build) against the tagged commit.
+- Logs into Azure via OIDC (`azure/login`) — no stored Azure credentials.
+- Plans the release from the tag and the archive's existing versions
+  (`scripts/release-plan.mjs plan`, fed via the pure, unit-tested
+  `versions()`/`existingVersions()` helper rather than a shell regex),
+  computing the immutable version folder, which alias folders move, and
+  the npm dist-tag.
+- Uploads the build to the immutable `/v<version>/` folder in the
+  `widget-releases` blob container (`--overwrite false` — a version's
+  contents can never change once published), refusing to run if the
+  computed folder name doesn't look like a version.
+- Rewrites only the alias folders the plan says should move (`/vX.Y/`,
+  `/vX/`, or `/next/` for a prerelease) — version folders are never
+  touched by this step.
+- Downloads the whole archive, sanity-checks that the version just
+  uploaded is actually present and that the archive grew by at least one
+  version, and deploys it as-is to the `widget.aidenvoice.com` Static Web
+  App (a SWA deploy replaces the whole site, so the full archive — every
+  version and alias — is redeployed each release), with a generated
+  `staticwebapp.config.json` adding one cache route per alias folder
+  found in the archive.
+
+Once `cdn` succeeds, the `publish` job rebuilds from the same tag and
+publishes the package to npm as `@aiden-voice/widget`, tagged `latest` for
+a stable release or `next` for a prerelease.
+
+Publishing uses npm **trusted publishing** (OIDC) — no npm token exists
+for this package at all. The package's Trusted Publisher, configured on
+npmjs.com, is org `whoo-ai`, repository `whoo-aiden-widget`, workflow
+`release.yml`, environment `release` (all four fields are case-sensitive
+and must match exactly). Because trusted publishing needs npm ≥ 11.5.1
+and Node 22 bundles npm 10, the `publish` job upgrades npm
+(`npm install -g npm@latest`) immediately before publishing. Provenance
+attestations are **not** generated, because the source repository is
+private (provenance requires either a public repo or npm-side allowlisting
+that isn't set up here).
+
+The pnpm version this repo uses is pinned via the top-level `packageManager`
+field, not `devEngines.packageManager` — `npm publish` enforces
+`devEngines` for every command it runs, so a `pnpm`-only `devEngines` entry
+makes `npm publish` refuse to run at all.
+
+A stable release lands at `/v1.3.0/`, `/v1.3/`, and `/v1/`; a prerelease
+lands only at its exact version folder and `/next/`. `-rc.N` prereleases
+are never aliased under `/vX.Y/` or `/vX/`, and are published to npm under
+the `next` dist-tag rather than `latest`. Shipping a stable release does
+**not** retire `next` — `next` still points at the newest prerelease, if
+any, even after a newer stable ships. If you'd rather have `next` catch up
+to a stable release (e.g. there's no prerelease queued), move it by hand:
+
+```sh
+npm dist-tag add @aiden-voice/widget@<stable-version> next
+```
+
+If `publish` fails (a transient npm outage, a misconfigured Trusted
+Publisher) after `cdn` has already succeeded, re-run just that job from
+the GitHub Actions UI
+(Actions → the failed run → **Re-run failed jobs**) — it rebuilds and
+publishes from the same tag without re-touching the archive or
+redeploying the Static Web App. The tag itself is never re-pushed.
+
+### Recovering a failed release
+
+If the `cdn` job fails partway through — after the version folder was
+already uploaded to the archive — simply re-pushing the same tag will not
+work: `scripts/release-plan.mjs plan` refuses a version that already
+exists in the archive, since versions are immutable by design. To recover,
+delete that version's folder from the archive first, then re-push the tag.
+Run this as an operator, not the workflow's identity — the release
+identity is the only principal with a data-plane role on the container, so
+an operator's own `az storage blob` command needs `--auth-mode key`
+instead (Contributor on the resource group is enough to fetch the account
+key for that):
+
+```sh
+az storage blob delete-batch --account-name <acct> --source widget-releases \
+  --pattern "vX.Y.Z/*" --auth-mode key
+git push origin :refs/tags/vX.Y.Z   # delete the remote tag
+git tag -d vX.Y.Z && git tag vX.Y.Z && git push origin vX.Y.Z
+```
+
+If the failed run also rewrote an alias before failing later, any alias
+folders it touched (`vX.Y/*`, `vX/*`, or `next/*`) can be cleaned up the
+same way — the next successful release rewrites them from scratch anyway,
+so deleting them first isn't required, just a way to clear out a
+partial/inconsistent alias sooner:
+
+```sh
+az storage blob delete-batch --account-name <acct> --source widget-releases \
+  --pattern "vX.Y/*" --auth-mode key
+```
+
+To verify a release landed, check the CDN alias (cache headers should show
+a short max-age on an alias path, and immutable on a version path) — use
+whichever alias currently exists (see "Versions" above; `/v0/` today):
+
+```sh
+curl -sI https://widget.aidenvoice.com/v0/widget.iife.js
+```
+
+and confirm the npm publish:
+
+```sh
+npm view @aiden-voice/widget dist-tags
+```
+
+## Accessibility
+
+The widget targets WCAG 2.1 AA and ships with dialog focus management,
+keyboard support (Tab-trapping while the panel is open, Escape to close),
+screen-reader announcements for streaming replies and errors, and labeled
+form controls out of the box. A few things stay the embedding site's
+responsibility:
+
+- **Theme color contrast:** for any valid CSS color (hex, named colors like
+  `'yellow'`, `rgb()`, `hsl()`, etc.), the widget automatically picks black
+  or white text against whatever `color` (or server-provided
+  `primaryColor`) is in effect on button/bubble surfaces, so text stays
+  readable there regardless of how light or dark your color is. One
+  exception: the panel's "New conversation" and "Close chat" text buttons
+  render your `color` directly as text on the panel's white background,
+  which is **not** auto-corrected — pick a color with reasonable contrast
+  against white if you care about that spot (the default `#4f46e5` works
+  well; very light/pastel colors will not). See
+  `docs/accessibility-report.md` for details.
+- **Page language:** the widget renders inside your page's DOM and
+  inherits language from your document's `<html lang>` attribute; there is
+  no separate widget-level locale override.
+- **Don't hide the mount point:** don't place the widget's container (or
+  move it, via your own script) inside an element with `aria-hidden="true"`
+  or `inert` — that hides it from assistive technology regardless of the
+  widget's own markup.
+- **Escape key:** while the panel is open, the widget closes itself on
+  `Escape`. If your page has its own global `Escape` handling, be aware of
+  the potential conflict.
+
+See `docs/accessibility-checklist.md` in this repository for the manual QA
+checklist run before each release.
+
+## Error handling
+
+The widget distinguishes two deliberately different error tiers:
+
+- **Init/auth failures** (an invalid `publishableKey`, an invalid/expired
+  `sessionToken`, an Origin not on the allowlist, or a malformed `init()`
+  config) are entirely silent to the visitor — no launcher bubble renders
+  at all. The failure is logged via `console.error` with enough detail to
+  diagnose it, but nothing partial or broken-looking ever appears on the
+  page.
+- **Failures once the widget is already visible and in an active chat**
+  (a network error, an SSE connection dropping mid-stream, a
+  quota-exceeded response) show a short, non-technical inline message in
+  the chat panel itself (e.g. "Something went wrong, please try again"),
+  leaving any partial response already rendered in place above it.
+
+## License
+
+Proprietary. This package is licensed only for embedding the Aiden service under
+the applicable Aiden terms of service — see [`LICENSE.md`](./LICENSE.md).
+
+## Local development
+
+This repo uses [pnpm](https://pnpm.io) and [Biome](https://biomejs.dev)
+(not npm/yarn or eslint/prettier).
+
+| Command | Description |
+| --- | --- |
+| `pnpm build` | Build the ESM (npm) and IIFE (CDN) bundles into `dist/`, once. |
+| `pnpm build:watch` | Same, but rebuilds `dist/` automatically on every source change. Run this in the background whenever you're developing against a sibling `whoo-aiden-dashboard` checkout (its `file:` dependency on this repo resolves to `dist/`, not `src/`, so without this a dashboard rebuild/reload can silently keep serving stale widget code). |
+| `pnpm dev` | Run the Vite dev server. |
+| `pnpm lint` | Lint the repo with Biome. |
+| `pnpm format` | Format the repo with Biome. |
+| `pnpm typecheck` | Type-check with `tsc --noEmit`. |
+| `pnpm test` | Run the Vitest unit/component test suite. |
+| `pnpm e2e` | Run the Playwright end-to-end embed smoke test against the built IIFE bundle. |

package/dist/api/client.d.ts

@@ -0,0 +1,14 @@
+export declare class WidgetApiError extends Error {
+    readonly status?: number;
+    constructor(message: string, status?: number);
+}
+export declare function mintSession(apiBaseUrl: string, publishableKey: string): Promise<{
+    token: string;
+    primaryColor: string | null;
+}>;
+export declare function submitFeedback(apiBaseUrl: string, sessionToken: string, body: {
+    messageId: string;
+    rating: 'up' | 'down';
+    correction?: string;
+    category?: 'factual' | 'incomplete' | 'tone' | 'other';
+}): Promise<void>;

package/dist/api/sse.d.ts

@@ -0,0 +1,17 @@
+export type ChatEvent = {
+    type: 'conversation_id';
+    conversationId: string;
+} | {
+    type: 'delta';
+    delta: string;
+    verbatim?: true;
+} | {
+    type: 'done';
+    conversationId: string;
+    messageId: string | null;
+} | {
+    type: 'error';
+    error: string;
+    conversationId?: string;
+};
+export declare function streamChat(apiBaseUrl: string, sessionToken: string, conversationId: string | null, message: string, signal?: AbortSignal): AsyncGenerator<ChatEvent>;

package/dist/components/App.d.ts

@@ -0,0 +1,4 @@
+import { WidgetController } from '../controller';
+export declare function App({ controller }: {
+    controller: WidgetController;
+}): import("preact").JSX.Element | null;

package/dist/components/Composer.d.ts

@@ -0,0 +1,8 @@
+import { RefObject } from 'preact';
+export declare function Composer({ value, onChange, onSend, disabled, inputRef, }: {
+    value: string;
+    onChange: (value: string) => void;
+    onSend: () => void;
+    disabled: boolean;
+    inputRef?: RefObject<HTMLInputElement>;
+}): import("preact").JSX.Element;

package/dist/components/ErrorBanner.d.ts

@@ -0,0 +1,3 @@
+export declare function ErrorBanner({ message }: {
+    message: string;
+}): import("preact").JSX.Element;

package/dist/components/Launcher.d.ts

@@ -0,0 +1,7 @@
+import { RefObject } from 'preact';
+export declare function Launcher({ isOpen, onClick, logoUrl, buttonRef, }: {
+    isOpen: boolean;
+    onClick: () => void;
+    logoUrl?: string;
+    buttonRef?: RefObject<HTMLButtonElement>;
+}): import("preact").JSX.Element;

package/dist/components/MessageFeedback.d.ts

@@ -0,0 +1,10 @@
+import { RefObject } from 'preact';
+import { FeedbackCategory, MessageFeedbackState } from '../controller';
+export declare function MessageFeedback({ state, containerRef, onThumbsUp, onThumbsDown, onSubmitDetailed, onCancel, }: {
+    state: MessageFeedbackState;
+    containerRef?: RefObject<HTMLElement>;
+    onThumbsUp: () => void;
+    onThumbsDown: () => void;
+    onSubmitDetailed: (correction: string, category: '' | FeedbackCategory) => void;
+    onCancel: () => void;
+}): import("preact").JSX.Element;

package/dist/components/MessageList.d.ts

@@ -0,0 +1,10 @@
+import { FeedbackCategory, Message, MessageFeedbackState } from '../controller';
+export declare function MessageList({ messages, messageFeedback, lastCompletedMessageText, onThumbsUp, onThumbsDown, onSubmitDetailed, onCancelFeedback, }: {
+    messages: Message[];
+    messageFeedback: Record<string, MessageFeedbackState>;
+    lastCompletedMessageText: string | null;
+    onThumbsUp: (messageId: string) => void;
+    onThumbsDown: (messageId: string) => void;
+    onSubmitDetailed: (messageId: string, correction: string, category: '' | FeedbackCategory) => void;
+    onCancelFeedback: (messageId: string) => void;
+}): import("preact").JSX.Element;

package/dist/components/Panel.d.ts

@@ -0,0 +1,7 @@
+import { WidgetController, WidgetState } from '../controller';
+export declare function getFocusableElements(container: HTMLElement): HTMLElement[];
+export declare function Panel({ state, controller, greeting, }: {
+    state: WidgetState;
+    controller: WidgetController;
+    greeting?: string;
+}): import("preact").JSX.Element;

package/dist/config.d.ts

@@ -0,0 +1,3 @@
+import { WidgetConfig } from './types';
+export declare const DEFAULT_API_BASE_URL = "https://api.aidenvoice.com";
+export declare function validateConfig(config: WidgetConfig): void;

package/dist/controller.d.ts

@@ -0,0 +1,45 @@
+import { WidgetConfig } from './types';
+export interface Message {
+    role: 'user' | 'assistant';
+    content: string;
+    id: string | null;
+}
+export type FeedbackCategory = 'factual' | 'incomplete' | 'tone' | 'other';
+export interface MessageFeedbackState {
+    status: 'idle' | 'expanded' | 'submitting' | 'submitted' | 'error';
+    rating?: 'up' | 'down';
+}
+export interface WidgetState {
+    isOpen: boolean;
+    messages: Message[];
+    isStreaming: boolean;
+    initError: string | null;
+    runtimeError: string | null;
+    messageFeedback: Record<string, MessageFeedbackState>;
+    primaryColor: string | null;
+    lastCompletedMessageText: string | null;
+}
+type Listener = (state: WidgetState) => void;
+export declare class WidgetController {
+    readonly config: WidgetConfig;
+    private state;
+    private readonly listeners;
+    private sessionToken;
+    private conversationId;
+    private readonly storageIdentifier;
+    private activeRequestController;
+    private readonly prefersReducedMotion;
+    constructor(config: WidgetConfig);
+    getState(): WidgetState;
+    subscribe(listener: Listener): () => void;
+    private setState;
+    init(): Promise<void>;
+    open(): void;
+    resetConversation(): void;
+    close(): void;
+    sendMessage(text: string): Promise<void>;
+    expandFeedback(messageId: string): void;
+    cancelFeedback(messageId: string): void;
+    submitFeedback(messageId: string, rating: 'up' | 'down', correction?: string, category?: FeedbackCategory): Promise<void>;
+}
+export {};

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+import { WidgetConfig, WidgetHandle } from './types';
+export declare function init(config: WidgetConfig): WidgetHandle;
+export type { WidgetConfig, WidgetHandle };

package/dist/markdown/render.d.ts

@@ -0,0 +1,2 @@
+import { ComponentChildren } from 'preact';
+export declare function renderMarkdown(text: string): ComponentChildren;

package/dist/markdown/reveal.d.ts

@@ -0,0 +1,6 @@
+export interface RevealOptions {
+    signal?: AbortSignal;
+    wordIntervalMs?: number;
+    tokenIntervalMs?: number;
+}
+export declare function revealText(fullText: string, onChunk: (partial: string) => void, options?: RevealOptions): Promise<void>;

package/dist/markdown/tokenizer.d.ts

@@ -0,0 +1,23 @@
+export type Token = {
+    type: 'text';
+    value: string;
+    start: number;
+    end: number;
+} | {
+    type: 'bold';
+    value: string;
+    start: number;
+    end: number;
+} | {
+    type: 'italic';
+    value: string;
+    start: number;
+    end: number;
+} | {
+    type: 'link';
+    text: string;
+    url: string;
+    start: number;
+    end: number;
+};
+export declare function tokenize(text: string): Token[];

package/dist/mount.d.ts

@@ -0,0 +1,2 @@
+import { WidgetConfig, WidgetHandle } from './types';
+export declare function mount(config: WidgetConfig): WidgetHandle;

package/dist/storage.d.ts

@@ -0,0 +1,3 @@
+export declare function getStoredConversationId(identifier: string): string | null;
+export declare function setStoredConversationId(identifier: string, conversationId: string): void;
+export declare function clearStoredConversationId(identifier: string): void;

package/dist/theme.d.ts

@@ -0,0 +1,3 @@
+import { WidgetConfig } from './types';
+export declare function pickTextColor(cssColor: string): '#000000' | '#ffffff';
+export declare function applyTheme(root: HTMLElement, config: WidgetConfig): void;

package/dist/types.d.ts

@@ -0,0 +1,12 @@
+export interface WidgetConfig {
+    publishableKey?: string;
+    sessionToken?: string;
+    position?: 'bottom-right' | 'bottom-left';
+    color?: string;
+    greeting?: string;
+    logoUrl?: string;
+    apiBaseUrl?: string;
+}
+export interface WidgetHandle {
+    unmount(): void;
+}

package/dist/version.d.ts

@@ -0,0 +1 @@
+export declare const WIDGET_VERSION = "0.1.1";

package/dist/widget.iife.js

@@ -0,0 +1,6 @@
+var whooAidenWidget=(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});function t(e){if((typeof e.publishableKey==`string`&&e.publishableKey.length>0)==(typeof e.sessionToken==`string`&&e.sessionToken.length>0))throw Error("whoo-aiden-widget: init() requires exactly one of `publishableKey` or `sessionToken`, not both or neither.")}var n,r,i,a,o,s,c,l,u,d,f,p,m,h,g={},_=[],v=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,y=Array.isArray;function b(e,t){for(var n in t)e[n]=t[n];return e}function x(e){e&&e.parentNode&&e.parentNode.removeChild(e)}function S(e,t,r){var i,a,o,s={};for(o in t)o==`key`?i=t[o]:o==`ref`?a=t[o]:s[o]=t[o];if(arguments.length>2&&(s.children=arguments.length>3?n.call(arguments,2):r),typeof e==`function`&&e.defaultProps!=null)for(o in e.defaultProps)s[o]===void 0&&(s[o]=e.defaultProps[o]);return C(e,s,i,a,null)}function C(e,t,n,a,o){var s={type:e,props:t,key:n,ref:a,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:o??++i,__i:-1,__u:0};return o==null&&r.vnode!=null&&r.vnode(s),s}function w(e){return e.children}function T(e,t){this.props=e,this.context=t}function E(e,t){if(t==null)return e.__?E(e.__,e.__i+1):null;for(var n;t<e.__k.length;t++)if((n=e.__k[t])!=null&&n.__e!=null)return n.__e;return typeof e.type==`function`?E(e):null}function D(e){if(e.__P&&e.__d){var t=e.__v,n=t.__e,i=[],a=[],o=b({},t);o.__v=t.__v+1,r.vnode&&r.vnode(o),I(e.__P,o,t,e.__n,e.__P.namespaceURI,32&t.__u?[n]:null,i,n??E(t),!!(32&t.__u),a),o.__v=t.__v,o.__.__k[o.__i]=o,re(i,o,a),t.__e=t.__=null,o.__e!=n&&O(o)}}function O(e){if((e=e.__)!=null&&e.__c!=null)return e.__e=e.__c.base=null,e.__k.some(function(t){if(t!=null&&t.__e!=null)return e.__e=e.__c.base=t.__e}),O(e)}function k(e){(!e.__d&&(e.__d=!0)&&a.push(e)&&!A.__r++||o!=r.debounceRendering)&&((o=r.debounceRendering)||s)(A)}function A(){try{for(var e,t=1;a.length;)a.length>t&&a.sort(c),e=a.shift(),t=a.length,D(e)}finally{a.length=A.__r=0}}function ee(e,t,n,r,i,a,o,s,c,l,u){var d,f,p,m,h,v,y=r&&r.__k||_,b=t.length;for(c=j(n,t,y,c,b),d=0;d<b;d++)(p=n.__k[d])!=null&&(f=p.__i!=-1&&y[p.__i]||g,p.__i=d,v=I(e,p,f,i,a,o,s,c,l,u),m=p.__e,p.ref&&f.ref!=p.ref&&(f.ref&&L(f.ref,null,p),u.push(p.ref,p.__c||m,p)),h==null&&m!=null&&(h=m),4&p.__u?(c=M(p,c,e),f.__e&&(f.__e=null)):typeof p.type==`function`&&v!==void 0?c=v:m&&(c=m.nextSibling),p.__u&=-7);return n.__e=h,c}function j(e,t,n,r,i){var a,o,s,c,l,u=n.length,d=u,f=0;for(e.__k=Array(i),a=0;a<i;a++)(o=t[a])!=null&&typeof o!=`boolean`&&typeof o!=`function`?(typeof o==`string`||typeof o==`number`||typeof o==`bigint`||o.constructor==String?o=e.__k[a]=C(null,o,null,null,null):y(o)?o=e.__k[a]=C(w,{children:o},null,null,null):o.constructor===void 0&&o.__b>0?o=e.__k[a]=C(o.type,o.props,o.key,o.ref?o.ref:null,o.__v):e.__k[a]=o,c=a+f,o.__=e,o.__b=e.__b+1,s=null,(l=o.__i=N(o,n,c,d))!=-1&&(d--,(s=n[l])&&(s.__u|=2)),s==null||s.__v==null?(l==-1&&(i>u?f--:i<u&&f++),typeof o.type!=`function`&&(o.__u|=4)):l!=c&&(l==c-1?f--:l==c+1?f++:(l>c?f--:f++,o.__u|=4))):e.__k[a]=null;if(d)for(a=0;a<u;a++)(s=n[a])!=null&&!(2&s.__u)&&(s.__e==r&&(r=E(s)),oe(s,s));return r}function M(e,t,n){var r,i;if(typeof e.type==`function`){for(r=e.__k,i=0;r&&i<r.length;i++)r[i]&&(r[i].__=e,t=M(r[i],t,n));return t}e.__e!=t&&(t&&e.type&&!t.parentNode&&(t=E(e)),t=n.insertBefore(e.__e,t||null));do t&&=t.nextSibling;while(t!=null&&t.nodeType==8);return t}function N(e,t,n,r){var i,a,o,s=e.key,c=e.type,l=t[n],u=l!=null&&!(2&l.__u);if(l===null&&s==null||u&&s==l.key&&c==l.type)return n;if(r>+!!u){for(i=n-1,a=n+1;i>=0||a<t.length;)if((l=t[o=i>=0?i--:a++])!=null&&!(2&l.__u)&&s==l.key&&c==l.type)return o}return-1}function P(e,t,n){t[0]==`-`?e.setProperty(t,n??``):e[t]=n==null?``:typeof n!=`number`||v.test(t)?n:n+`px`}function F(e,t,n,r,i){var a,o;n:if(t==`style`){if(typeof n==`string`)e.style.cssText=n;else{if(typeof r==`string`&&(e.style.cssText=r=``),r)for(t in r)n&&t in n||P(e.style,t,``);if(n)for(t in n)r&&n[t]==r[t]||P(e.style,t,n[t])}}else if(t[0]==`o`&&t[1]==`n`)a=t!=(t=t.replace(f,`$1`)),o=t.toLowerCase(),t=o in e||t==`onFocusOut`||t==`onFocusIn`?o.slice(2):t.slice(2),e.l||={},e.l[t+a]=n,n?r?n[d]=r[d]:(n[d]=p,e.addEventListener(t,a?h:m,a)):e.removeEventListener(t,a?h:m,a);else{if(i==`http://www.w3.org/2000/svg`)t=t.replace(/xlink(H|:h)/,`h`).replace(/sName$/,`s`);else if(t!=`width`&&t!=`height`&&t!=`href`&&t!=`list`&&t!=`form`&&t!=`tabIndex`&&t!=`download`&&t!=`rowSpan`&&t!=`colSpan`&&t!=`role`&&t!=`popover`&&t in e)try{e[t]=n??``;break n}catch{}typeof n==`function`||(n==null||!1===n&&t[4]!=`-`?e.removeAttribute(t):e.setAttribute(t,t==`popover`&&n==1?``:n))}}function te(e){return function(t){if(this.l){var n=this.l[t.type+e];if(t[u]==null)t[u]=p++;else if(t[u]<n[d])return;return n(r.event?r.event(t):t)}}}function I(e,t,n,i,a,o,s,c,l,u){var d,f,p,m,h,g,v,S,C,D,O,k,A,j,M,N,P=t.type;if(t.constructor!==void 0)return null;128&n.__u&&(l=!!(32&n.__u),o=[c=t.__e=n.__e]),(d=r.__b)&&d(t);n:if(typeof P==`function`){f=s.length;try{if(C=t.props,D=P.prototype&&P.prototype.render,O=(d=P.contextType)&&i[d.__c],k=d?O?O.props.value:d.__:i,n.__c?S=(p=t.__c=n.__c).__=p.__E:(D?t.__c=p=new P(C,k):(t.__c=p=new T(C,k),p.constructor=P,p.render=se),O&&O.sub(p),p.state||(p.state={}),p.__n=i,m=p.__d=!0,p.__h=[],p._sb=[]),D&&p.__s==null&&(p.__s=p.state),D&&P.getDerivedStateFromProps!=null&&(p.__s==p.state&&(p.__s=b({},p.__s)),b(p.__s,P.getDerivedStateFromProps(C,p.__s))),h=p.props,g=p.state,p.__v=t,m)D&&P.getDerivedStateFromProps==null&&p.componentWillMount!=null&&p.componentWillMount(),D&&p.componentDidMount!=null&&p.__h.push(p.componentDidMount);else{if(D&&P.getDerivedStateFromProps==null&&C!==h&&p.componentWillReceiveProps!=null&&p.componentWillReceiveProps(C,k),t.__v==n.__v||!p.__e&&p.shouldComponentUpdate!=null&&!1===p.shouldComponentUpdate(C,p.__s,k)){t.__v!=n.__v&&(p.props=C,p.state=p.__s,p.__d=!1),t.__e=n.__e,t.__k=n.__k,t.__k.some(function(e){e&&(e.__=t)}),_.push.apply(p.__h,p._sb),p._sb=[],p.__h.length&&s.push(p),c=E(n);break n}p.componentWillUpdate!=null&&p.componentWillUpdate(C,p.__s,k),D&&p.componentDidUpdate!=null&&p.__h.push(function(){p.componentDidUpdate(h,g,v)})}if(p.context=k,p.props=C,p.__P=e,p.__e=!1,A=r.__r,j=0,D)p.state=p.__s,p.__d=!1,A&&A(t),d=p.render(p.props,p.state,p.context),_.push.apply(p.__h,p._sb),p._sb=[];else do p.__d=!1,A&&A(t),d=p.render(p.props,p.state,p.context),p.state=p.__s;while(p.__d&&++j<25);p.state=p.__s,p.getChildContext!=null&&(i=b(b({},i),p.getChildContext())),D&&!m&&p.getSnapshotBeforeUpdate!=null&&(v=p.getSnapshotBeforeUpdate(h,g)),M=d!=null&&d.type===w&&d.key==null?ie(d.props.children):d,c=ee(e,y(M)?M:[M],t,n,i,a,o,s,c,l,u),p.base=t.__e,t.__u&=-161,p.__h.length&&s.push(p),S&&(p.__E=p.__=null)}catch(e){if(s.length=f,t.__v=null,l||o!=null){if(e.then){for(t.__u|=l?160:128;c&&c.nodeType==8&&c.nextSibling;)c=c.nextSibling;o!=null&&(o[o.indexOf(c)]=null),t.__e=c}else if(o!=null)for(N=o.length;N--;)x(o[N])}else t.__e=n.__e;t.__k??=n.__k||[],e.then||ne(t),r.__e(e,t,n)}}else o==null&&t.__v==n.__v?(t.__k=n.__k,t.__e=n.__e):c=t.__e=ae(n.__e,t,n,i,a,o,s,l,u);return(d=r.diffed)&&d(t),128&t.__u?void 0:c}function ne(e){e&&(e.__c&&(e.__c.__e=!0),e.__k&&e.__k.some(ne))}function re(e,t,n){for(var i=0;i<n.length;i++)L(n[i],n[++i],n[++i]);r.__c&&r.__c(t,e),e.some(function(t){try{e=t.__h,t.__h=[],e.some(function(e){e.call(t)})}catch(e){r.__e(e,t.__v)}})}function ie(e){return typeof e!=`object`||!e||e.__b>0?e:y(e)?e.map(ie):e.constructor===void 0?b({},e):null}function ae(e,t,i,a,o,s,c,l,u){var d,f,p,m,h,_,v,b=i.props||g,S=t.props,C=t.type;if(C==`svg`?o=`http://www.w3.org/2000/svg`:C==`math`?o=`http://www.w3.org/1998/Math/MathML`:o||=`http://www.w3.org/1999/xhtml`,s!=null){for(d=0;d<s.length;d++)if((h=s[d])&&`setAttribute`in h==!!C&&(C?h.localName==C:h.nodeType==3)){e=h,s[d]=null;break}}if(e==null){if(C==null)return document.createTextNode(S);e=document.createElementNS(o,C,S.is&&S),l&&=(r.__m&&r.__m(t,s),!1),s=null}if(C==null)b===S||l&&e.data==S||(e.data=S);else{if(s=C==`textarea`&&S.defaultValue!=null?null:s&&n.call(e.childNodes),!l&&s!=null)for(b={},d=0;d<e.attributes.length;d++)b[(h=e.attributes[d]).name]=h.value;for(d in b)h=b[d],d==`dangerouslySetInnerHTML`?p=h:d==`children`||d in S||d==`value`&&`defaultValue`in S||d==`checked`&&`defaultChecked`in S||F(e,d,null,h,o);for(d in S)h=S[d],d==`children`?m=h:d==`dangerouslySetInnerHTML`?f=h:d==`value`?_=h:d==`checked`?v=h:l&&typeof h!=`function`||b[d]===h||F(e,d,h,b[d],o);if(f)l||p&&(f.__html==p.__html||f.__html==e.innerHTML)||(e.innerHTML=f.__html),t.__k=[];else if(p&&(e.innerHTML=``),ee(t.type==`template`?e.content:e,y(m)?m:[m],t,i,a,C==`foreignObject`?`http://www.w3.org/1999/xhtml`:o,s,c,s?s[0]:i.__k&&E(i,0),l,u),s!=null)for(d=s.length;d--;)x(s[d]);l&&C!=`textarea`||(d=`value`,C==`progress`&&_==null?e.removeAttribute(`value`):_!=null&&(_!==e[d]||C==`progress`&&!_||C==`option`&&_!=b[d])&&F(e,d,_,b[d],o),d=`checked`,v!=null&&v!=e[d]&&F(e,d,v,b[d],o))}return e}function L(e,t,n){try{if(typeof e==`function`){var i=typeof e.__u==`function`;i&&e.__u(),i&&t==null||(e.__u=e(t))}else e.current=t}catch(e){r.__e(e,n)}}function oe(e,t,n){var i,a;if(r.unmount&&r.unmount(e),(i=e.ref)&&(i.current&&i.current!=e.__e||L(i,null,t)),(i=e.__c)!=null){if(i.componentWillUnmount)try{i.componentWillUnmount()}catch(e){r.__e(e,t)}i.base=i.__P=i.__n=null}if(i=e.__k)for(a=0;a<i.length;a++)i[a]&&oe(i[a],t,n||typeof e.type!=`function`);n||x(e.__e),e.__c=e.__=e.__e=void 0}function se(e,t,n){return this.constructor(e,n)}function ce(e,t,i){var a,o,s,c;t==document&&(t=document.documentElement),r.__&&r.__(e,t),o=(a=typeof i==`function`)?null:i&&i.__k||t.__k,s=[],c=[],I(t,e=(!a&&i||t).__k=S(w,null,[e]),o||g,g,t.namespaceURI,!a&&i?[i]:o?null:t.firstChild?n.call(t.childNodes):null,s,!a&&i?i:o?o.__e:t.firstChild,a,c),re(s,e,c),e.props.children=null}n=_.slice,r={__e:function(e,t,n,r){for(var i,a,o;t=t.__;)if((i=t.__c)&&!i.__)try{if((a=i.constructor)&&a.getDerivedStateFromError!=null&&(i.setState(a.getDerivedStateFromError(e)),o=i.__d),i.componentDidCatch!=null&&(i.componentDidCatch(e,r||{}),o=i.__d),o)return i.__E=i}catch(t){e=t}throw e}},i=0,T.prototype.setState=function(e,t){var n=this.__s!=null&&this.__s!=this.state?this.__s:this.__s=b({},this.state);typeof e==`function`&&(e=e(b({},n),this.props)),e&&b(n,e),e!=null&&this.__v&&(t&&this._sb.push(t),k(this))},T.prototype.forceUpdate=function(e){this.__v&&(this.__e=!0,e&&this.__h.push(e),k(this))},T.prototype.render=w,a=[],s=typeof Promise==`function`?Promise.prototype.then.bind(Promise.resolve()):setTimeout,c=function(e,t){return e.__v.__b-t.__v.__b},A.__r=0,l=Math.random().toString(8),u=`__d`+l,d=`__a`+l,f=/(PointerCapture)$|Capture$/i,p=0,m=te(!1),h=te(!0);var R,z,B,le,V=0,ue=[],H=r,de=H.__b,fe=H.__r,pe=H.diffed,me=H.__c,he=H.unmount,ge=H.__;function U(e,t){H.__h&&H.__h(z,e,V||t),V=0;var n=z.__H||(z.__H={__:[],__h:[]});return e>=n.__.length&&n.__.push({}),n.__[e]}function W(e){return V=1,_e(Ce,e)}function _e(e,t,n){var r=U(R++,2);if(r.t=e,!r.__c&&(r.__=[n?n(t):Ce(void 0,t),function(e){var t=r.__N?r.__N[0]:r.__[0],n=r.t(t,e);t!==n&&(r.__N=[n,r.__[1]],r.__c.setState({}))}],r.__c=z,!z.__f)){var i=function(e,t,n){if(!r.__c.__H)return!0;var i=!1,o=r.__c.props!==e;if(r.__c.__H.__.some(function(e){if(e.__N){i=!0;var t=e.__[0];e.__=e.__N,e.__N=void 0,t!==e.__[0]&&(o=!0)}}),a){var s=a.call(this,e,t,n);return i?s||o:s}return!i||o};z.__f=!0;var a=z.shouldComponentUpdate,o=z.componentWillUpdate;z.componentWillUpdate=function(e,t,n){if(this.__e){var r=a;a=void 0,i(e,t,n),a=r}o&&o.call(this,e,t,n)},z.shouldComponentUpdate=i}return r.__N||r.__}function G(e,t){var n=U(R++,3);!H.__s&&Se(n.__H,t)&&(n.__=e,n.u=t,z.__H.__h.push(n))}function K(e){return V=5,ve(function(){return{current:e}},[])}function ve(e,t){var n=U(R++,7);return Se(n.__H,t)&&(n.__=e(),n.__H=t,n.__h=e),n.__}function ye(){for(var e;e=ue.shift();){var t=e.__H;if(e.__P&&t)try{t.__h.some(q),t.__h.some(J),t.__h=[]}catch(n){t.__h=[],H.__e(n,e.__v)}}}H.__b=function(e){z=null,de&&de(e)},H.__=function(e,t){e&&t.__k&&t.__k.__m&&(e.__m=t.__k.__m),ge&&ge(e,t)},H.__r=function(e){fe&&fe(e),R=0;var t=(z=e.__c).__H;t&&(B===z?(t.__h=[],z.__h=[],t.__.some(function(e){e.__N&&(e.__=e.__N),e.u=e.__N=void 0})):(t.__h.some(q),t.__h.some(J),t.__h=[],R=0)),B=z},H.diffed=function(e){pe&&pe(e);var t=e.__c;t&&t.__H&&(t.__H.__h.length&&(ue.push(t)!==1&&le===H.requestAnimationFrame||((le=H.requestAnimationFrame)||xe)(ye)),t.__H.__.some(function(e){e.u&&=(e.__H=e.u,void 0)})),B=z=null},H.__c=function(e,t){t.some(function(e){try{e.__h.some(q),e.__h=e.__h.filter(function(e){return!e.__||J(e)})}catch(n){t.some(function(e){e.__h&&=[]}),t=[],H.__e(n,e.__v)}}),me&&me(e,t)},H.unmount=function(e){he&&he(e);var t,n=e.__c;n&&n.__H&&(n.__H.__.some(function(e){try{q(e)}catch(e){t=e}}),n.__H=void 0,t&&H.__e(t,n.__v))};var be=typeof requestAnimationFrame==`function`;function xe(e){var t,n=function(){clearTimeout(r),be&&cancelAnimationFrame(t),setTimeout(e)},r=setTimeout(n,35);be&&(t=requestAnimationFrame(n))}function q(e){var t=z,n=e.__c;typeof n==`function`&&(e.__c=void 0,n()),z=t}function J(e){var t=z;e.__c=e.__(),z=t}function Se(e,t){return!e||e.length!==t.length||t.some(function(t,n){return t!==e[n]})}function Ce(e,t){return typeof t==`function`?t(e):t}var we=0;Array.isArray;function Y(e,t,n,i,a,o){t||={};var s,c,l=t;if(`ref`in l)for(c in l={},t)c==`ref`?s=t[c]:l[c]=t[c];var u={type:e,props:l,key:n,ref:s,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:--we,__i:-1,__u:0,__source:a,__self:o};if(typeof e==`function`&&(s=e.defaultProps))for(c in s)l[c]===void 0&&(l[c]=s[c]);return r.vnode&&r.vnode(u),u}function Te({isOpen:e,onClick:t,logoUrl:n,buttonRef:r}){return Y(`button`,{type:`button`,class:`whoo-widget-launcher`,onClick:t,"aria-label":e?`Close chat`:`Open chat`,ref:r,children:e?Y(`span`,{"aria-hidden":`true`,children:`✕`}):n?Y(`img`,{class:`whoo-widget-launcher-logo`,src:n,alt:``}):Y(`span`,{"aria-hidden":`true`,children:`💬`})})}function Ee({value:e,onChange:t,onSend:n,disabled:r,inputRef:i}){return Y(`div`,{class:`whoo-widget-composer`,children:[Y(`label`,{class:`whoo-widget-sr-only`,for:`whoo-widget-composer-input`,children:`Message`}),Y(`input`,{id:`whoo-widget-composer-input`,class:`whoo-widget-composer-input`,value:e,readOnly:r,"aria-disabled":r,ref:i,onInput:e=>t(e.target.value),onKeyDown:e=>{e.key===`Enter`&&n()}}),Y(`button`,{type:`button`,class:`whoo-widget-composer-send`,onClick:n,disabled:r,children:`Send`})]})}function De({message:e}){return Y(`div`,{class:`whoo-widget-error-banner`,role:`alert`,children:e})}var X=/\[([^\]]+)\]\((https?:\/\/[^\s)]+)\)/y,Z=/\*\*([^*]+)\*\*/y,Q=/(?<![A-Za-z0-9_])_([^_\s](?:[^_]*[^_\s])?)_(?![A-Za-z0-9_])/y,$=/\*([^*]+)\*/y,Oe=/https?:\/\/\S+/y,ke=/[.,;:!?)\]}>]+$/;function Ae(e){let t=[],n=0,r=0,i=n=>{n>r&&t.push({type:`text`,value:e.slice(r,n),start:r,end:n})};for(;n<e.length;){if(e[n]===`!`&&n+1<e.length&&e[n+1]===`[`){let t=/!\[([^\]]*)\]\(([^)]*)\)/y;t.lastIndex=n;let r=t.exec(e);if(r){n+=r[0].length;continue}}if(e[n-1]!==`!`){X.lastIndex=n;let a=X.exec(e);if(a){i(n),t.push({type:`link`,text:a[1],url:a[2],start:n,end:X.lastIndex}),n=X.lastIndex,r=n;continue}}Z.lastIndex=n;let a=Z.exec(e);if(a){i(n),t.push({type:`bold`,value:a[1],start:n,end:Z.lastIndex}),n=Z.lastIndex,r=n;continue}Q.lastIndex=n;let o=Q.exec(e);if(o){i(n),t.push({type:`italic`,value:o[1],start:n,end:Q.lastIndex}),n=Q.lastIndex,r=n;continue}$.lastIndex=n;let s=$.exec(e);if(s){i(n),t.push({type:`italic`,value:s[1],start:n,end:$.lastIndex}),n=$.lastIndex,r=n;continue}Oe.lastIndex=n;let c=Oe.exec(e);if(c){let e=c[0].match(ke),a=e?c[0].slice(0,c[0].length-e[0].length):c[0];if(a.length>0){i(n),t.push({type:`link`,text:a,url:a,start:n,end:n+a.length}),n+=a.length,r=n;continue}}n+=1}return i(e.length),t}function je(e){return Ae(e).map((e,t)=>{switch(e.type){case`bold`:return Y(`strong`,{children:e.value},t);case`italic`:return Y(`em`,{children:e.value},t);case`link`:return Y(`a`,{href:e.url,target:`_blank`,rel:`noopener noreferrer`,children:[e.text,Y(`span`,{class:`whoo-widget-sr-only`,children:` (opens in new tab)`})]},t);default:return e.value}})}var Me=[{value:``,label:`Select a reason (optional)`},{value:`factual`,label:`Factual error`},{value:`incomplete`,label:`Incomplete`},{value:`tone`,label:`Off tone`},{value:`other`,label:`Other`}];function Ne({state:e,containerRef:t,onThumbsUp:n,onThumbsDown:r,onSubmitDetailed:i,onCancel:a}){let[o,s]=W(``),[c,l]=W(``),u=K(e.status);if(G(()=>{let n=u.current;if(u.current=e.status,n===e.status)return;let r=t?.current;if(!r)return;let i=r.getRootNode();r.contains(i.activeElement)||r.focus()},[e.status,t]),e.status===`submitted`)return Y(`div`,{class:`whoo-widget-feedback-submitted`,role:`status`,children:`Thanks for the feedback`});if(e.status===`expanded`)return Y(`div`,{class:`whoo-widget-feedback-form`,children:[Y(`label`,{children:[Y(`span`,{class:`whoo-widget-sr-only`,children:`Additional feedback`}),Y(`textarea`,{class:`whoo-widget-feedback-textarea`,value:o,onInput:e=>s(e.target.value),placeholder:`What was wrong? (optional)`})]}),Y(`select`,{class:`whoo-widget-feedback-select`,"aria-label":`Feedback category`,value:c,onChange:e=>l(e.target.value),children:Me.map(e=>Y(`option`,{value:e.value,children:e.label},e.value))}),Y(`div`,{class:`whoo-widget-feedback-form-buttons`,children:[Y(`button`,{type:`button`,class:`whoo-widget-feedback-submit`,onClick:()=>i(o,c),children:`Submit`}),Y(`button`,{type:`button`,class:`whoo-widget-feedback-cancel`,onClick:a,children:`Cancel`})]})]});let d=e.status===`submitting`;return Y(`div`,{class:`whoo-widget-feedback`,children:[Y(`div`,{class:`whoo-widget-feedback-buttons`,children:[Y(`button`,{type:`button`,"aria-label":`Good response`,disabled:d,onClick:n,children:`👍`}),Y(`button`,{type:`button`,"aria-label":`Bad response`,disabled:d,onClick:r,children:`👎`})]}),e.status===`error`?Y(`div`,{class:`whoo-widget-feedback-error`,role:`status`,children:`Couldn't send feedback`}):null]})}function Pe({message:e,feedbackState:t,onThumbsUp:n,onThumbsDown:r,onSubmitDetailed:i,onCancelFeedback:a}){let o=K(null),s=e.id;return Y(`div`,{ref:o,tabIndex:-1,class:`whoo-widget-message whoo-widget-message--${e.role}`,children:[je(e.content),e.role===`assistant`&&s?Y(Ne,{state:t,containerRef:o,onThumbsUp:()=>n(s),onThumbsDown:()=>r(s),onSubmitDetailed:(e,t)=>i(s,e,t),onCancel:()=>a(s)}):null]})}function Fe({messages:e,messageFeedback:t,lastCompletedMessageText:n,onThumbsUp:r,onThumbsDown:i,onSubmitDetailed:a,onCancelFeedback:o}){let s=K(null);return G(()=>{let e=s.current;e&&(e.scrollTop=e.scrollHeight)},[e]),Y(w,{children:[Y(`div`,{class:`whoo-widget-message-list`,ref:s,children:e.map((e,n)=>Y(Pe,{message:e,feedbackState:e.id?t[e.id]??{status:`idle`}:{status:`idle`},onThumbsUp:r,onThumbsDown:i,onSubmitDetailed:a,onCancelFeedback:o},e.id??n))}),Y(`div`,{class:`whoo-widget-sr-only`,"aria-live":`polite`,"aria-atomic":`true`,children:n??``})]})}var Ie=`button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex="-1"])`;function Le(e){return Array.from(e.querySelectorAll(Ie)).filter(e=>{let t=getComputedStyle(e);return t.display!==`none`&&t.visibility!==`hidden`})}function Re({state:e,controller:t,greeting:n}){let[r,i]=W(``),a=K(null),o=K(null);G(()=>{o.current?.focus()},[]);let s=e=>{if(e.key===`Escape`){t.close();return}if(e.key!==`Tab`)return;let n=a.current;if(!n)return;let r=Le(n);if(r.length===0)return;let i=r[0],o=r[r.length-1],s=n.getRootNode().activeElement;if(!n.contains(s)){e.preventDefault(),i.focus();return}e.shiftKey&&s===i?(e.preventDefault(),o.focus()):!e.shiftKey&&s===o&&(e.preventDefault(),i.focus())},c=()=>{let n=r.trim();!n||e.isStreaming||(i(``),t.sendMessage(n))},l=e.messages.length===0&&n?[{role:`assistant`,content:n,id:null}]:e.messages;return Y(`div`,{class:`whoo-widget-panel`,role:`dialog`,"aria-modal":`true`,"aria-label":`Chat with Aiden`,ref:a,onKeyDown:s,children:[Y(`div`,{class:`whoo-widget-header`,children:[Y(`button`,{type:`button`,class:`whoo-widget-header-close`,onClick:()=>t.close(),children:`Close chat`}),e.messages.length>0&&Y(`button`,{type:`button`,class:`whoo-widget-header-reset`,onClick:()=>t.resetConversation(),children:`New conversation`})]}),Y(Fe,{messages:l,messageFeedback:e.messageFeedback,lastCompletedMessageText:e.lastCompletedMessageText,onThumbsUp:e=>t.submitFeedback(e,`up`),onThumbsDown:e=>t.expandFeedback(e),onSubmitDetailed:(e,n,r)=>t.submitFeedback(e,`down`,n||void 0,r||void 0),onCancelFeedback:e=>t.cancelFeedback(e)}),e.runtimeError&&Y(De,{message:e.runtimeError}),Y(Ee,{value:r,onChange:i,onSend:c,disabled:e.isStreaming,inputRef:o})]})}function ze({controller:e}){let[t,n]=W(e.getState()),r=K(null),i=K(t.isOpen);return G(()=>(n(e.getState()),e.subscribe(n)),[e]),G(()=>{i.current&&!t.isOpen&&r.current?.focus(),i.current=t.isOpen},[t.isOpen]),t.initError?null:Y(w,{children:[Y(Te,{isOpen:t.isOpen,onClick:()=>t.isOpen?e.close():e.open(),logoUrl:e.config.logoUrl,buttonRef:r}),t.isOpen&&Y(Re,{state:t,controller:e,greeting:e.config.greeting})]})}var Be=class extends Error{status;constructor(e,t){super(e),this.name=`WidgetApiError`,this.status=t}};async function Ve(e,t){let n=await fetch(`${e}/api/v1/widget/session`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({publishable_key:t})});if(!n.ok)throw new Be(`Failed to create widget session (${n.status})`,n.status);let r=await n.json();return{token:r.token,primaryColor:r.primary_color??null}}async function He(e,t,n){let r=await fetch(`${e}/api/v1/widget/feedback`,{method:`POST`,headers:{"Content-Type":`application/json`,Authorization:`Bearer ${t}`},body:JSON.stringify({message_id:n.messageId,rating:n.rating,correction:n.correction??null,category:n.category??null})});if(!r.ok)throw new Be(`Feedback submission failed (${r.status})`,r.status)}async function*Ue(e,t,n,r,i){let a=await fetch(`${e}/api/v1/widget/chat`,{method:`POST`,headers:{"Content-Type":`application/json`,Authorization:`Bearer ${t}`},body:JSON.stringify({conversation_id:n,message:r}),signal:i});if(!a.ok||!a.body)throw new Be(`Chat request failed (${a.status})`,a.status);let o=a.body.getReader(),s=new TextDecoder,c=``;for(;;){let{done:e,value:t}=await o.read();if(e)break;c+=s.decode(t,{stream:!0});let n=c.indexOf(`
+
+`);for(;n!==-1;){let e=c.slice(0,n);c=c.slice(n+2);let t=e.split(`
+`).find(e=>e.startsWith(`data: `));t&&(yield We(JSON.parse(t.slice(6)))),n=c.indexOf(`
+
+`)}}}function We(e){return typeof e.error==`string`?{type:`error`,error:e.error,conversationId:e.conversation_id}:e.done===!0?{type:`done`,conversationId:e.conversation_id,messageId:e.message_id??null}:typeof e.delta==`string`?e.verbatim===!0?{type:`delta`,delta:e.delta,verbatim:!0}:{type:`delta`,delta:e.delta}:{type:`conversation_id`,conversationId:e.conversation_id}}var Ge=40,Ke=120;function qe(e){let t=[];for(let n of Ae(e))if(n.type===`text`){let e=n.value.split(/(\s+)/),r=n.start;for(let n of e)r+=n.length,n.trim().length>0&&t.push(r)}else t.push(n.end);return t}function Je(e){let t=null;return e?.addEventListener(`abort`,()=>{t?.()},{once:!0}),function(e){return new Promise(n=>{let r=setTimeout(()=>{t=null,n()},e);t=()=>{clearTimeout(r),t=null,n()}})}}async function Ye(e,t,n){let r=n?.wordIntervalMs??Ge,i=n?.tokenIntervalMs??Ke,a=n?.signal,o=Ae(e),s=new Set(o.filter(e=>e.type!==`text`).map(e=>e.end)),c=Je(a),l=``;for(let n of qe(e))if(a?.aborted||(l=e.slice(0,n),t(l),await c(s.has(n)?i:r),a?.aborted))return;l!==e&&t(e)}function Xe(e){return`whoo-aiden-widget:conversation:${e}`}function Ze(e){try{return window.sessionStorage.getItem(Xe(e))}catch{return null}}function Qe(e,t){try{window.sessionStorage.setItem(Xe(e),t)}catch{}}function $e(e){try{window.sessionStorage.removeItem(Xe(e))}catch{}}var et=class{config;state;listeners=new Set;sessionToken=null;conversationId=null;storageIdentifier;activeRequestController=null;prefersReducedMotion;constructor(e){this.config=e,this.storageIdentifier=e.publishableKey??`session-token-mode`,this.prefersReducedMotion=typeof window.matchMedia==`function`&&window.matchMedia(`(prefers-reduced-motion: reduce)`).matches,this.state={isOpen:!1,messages:[],isStreaming:!1,initError:null,runtimeError:null,messageFeedback:{},primaryColor:null,lastCompletedMessageText:null}}getState(){return this.state}subscribe(e){return this.listeners.add(e),()=>this.listeners.delete(e)}setState(e){this.state={...this.state,...e};for(let e of this.listeners)e(this.state)}async init(){let e=this.config.apiBaseUrl??`https://api.aidenvoice.com`;try{if(this.config.sessionToken)this.sessionToken=this.config.sessionToken;else if(this.config.publishableKey){let{token:t,primaryColor:n}=await Ve(e,this.config.publishableKey);this.sessionToken=t,this.setState({primaryColor:n})}else throw Error(`WidgetConfig must include exactly one of publishableKey or sessionToken`)}catch(e){console.error(`[whoo-aiden-widget] initialization failed:`,e),this.setState({initError:e instanceof Error?e.message:String(e)});return}this.conversationId=Ze(this.storageIdentifier)}open(){this.setState({isOpen:!0})}resetConversation(){this.activeRequestController?.abort(),this.activeRequestController=null,this.conversationId=null,$e(this.storageIdentifier),this.setState({messages:[],messageFeedback:{},runtimeError:null,isStreaming:!1,lastCompletedMessageText:null})}close(){this.activeRequestController?.abort(),this.activeRequestController=null,this.setState({isOpen:!1})}async sendMessage(e){if(!this.sessionToken)return;let t=this.config.apiBaseUrl??`https://api.aidenvoice.com`,n={role:`user`,content:e,id:null},r={role:`assistant`,content:``,id:null};this.setState({messages:[...this.state.messages,n,r],isStreaming:!0,runtimeError:null});let i=e=>{let t=[...this.state.messages];t[t.length-1]={...t[t.length-1],content:e},this.setState({messages:t})};this.activeRequestController=new AbortController;let{signal:a}=this.activeRequestController,o=``;try{for await(let n of Ue(t,this.sessionToken,this.conversationId,e,a))if(n.type===`conversation_id`)this.conversationId=n.conversationId,Qe(this.storageIdentifier,n.conversationId);else if(n.type===`delta`)n.verbatim&&!this.prefersReducedMotion?(await Ye(n.delta,e=>i(e),{signal:a}),o=n.delta):n.verbatim?(o=n.delta,i(o)):(o+=n.delta,i(o));else if(n.type===`done`){if(n.conversationId&&(this.conversationId=n.conversationId,Qe(this.storageIdentifier,n.conversationId)),n.messageId){let e=[...this.state.messages];e[e.length-1]={...e[e.length-1],id:n.messageId},this.setState({messages:e})}this.setState({lastCompletedMessageText:o})}else n.type===`error`&&(console.error(`[whoo-aiden-widget] chat error:`,n.error),this.setState({runtimeError:`Something went wrong, please try again.`}))}catch(e){e?.name===`AbortError`||(console.error(`[whoo-aiden-widget] chat request failed:`,e),this.setState({runtimeError:`Something went wrong, please try again.`}))}finally{this.activeRequestController=null,this.setState({isStreaming:!1})}}expandFeedback(e){this.setState({messageFeedback:{...this.state.messageFeedback,[e]:{status:`expanded`}}})}cancelFeedback(e){this.setState({messageFeedback:{...this.state.messageFeedback,[e]:{status:`idle`}}})}async submitFeedback(e,t,n,r){if(!this.sessionToken)return;let i=this.config.apiBaseUrl??`https://api.aidenvoice.com`;this.setState({messageFeedback:{...this.state.messageFeedback,[e]:{status:`submitting`,rating:t}}});try{await He(i,this.sessionToken,{messageId:e,rating:t,correction:n,category:r}),this.setState({messageFeedback:{...this.state.messageFeedback,[e]:{status:`submitted`,rating:t}}})}catch(n){console.error(`[whoo-aiden-widget] feedback submission failed:`,n),this.setState({messageFeedback:{...this.state.messageFeedback,[e]:{status:`error`,rating:t}}})}}},tt=`:host,.whoo-widget-root{all:initial;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.whoo-widget-launcher{bottom:20px;left:var(--whoo-widget-inset-left,auto);right:var(--whoo-widget-inset-right,20px);background:var(--whoo-widget-color,#4f46e5);width:56px;height:56px;color:var(--whoo-widget-text-on-color,#fff);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:24px;display:flex;position:fixed;box-shadow:0 2px 8px #0003}.whoo-widget-launcher:focus-visible{box-shadow:0 2px 8px #0003,0 0 0 4px #fff}.whoo-widget-launcher-logo{object-fit:cover;border-radius:50%;width:32px;height:32px}.whoo-widget-panel{bottom:88px;left:var(--whoo-widget-inset-left,auto);right:var(--whoo-widget-inset-right,20px);background:#fff;border-radius:12px;flex-direction:column;width:360px;height:480px;max-height:90vh;display:flex;position:fixed;overflow:hidden;box-shadow:0 4px 16px #0003}.whoo-widget-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px 0;display:flex}.whoo-widget-header-close,.whoo-widget-header-reset{color:var(--whoo-widget-color,#4f46e5);cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:12px}.whoo-widget-message-list{flex:1;min-height:100px;padding:12px;overflow-y:auto}.whoo-widget-message{border-radius:8px;max-width:80%;margin-bottom:8px;padding:8px 12px}.whoo-widget-message--user{background:var(--whoo-widget-color,#4f46e5);color:var(--whoo-widget-text-on-color,#fff);margin-left:auto}.whoo-widget-message--assistant{color:#111;background:#f0f0f0}.whoo-widget-error-banner{color:#991b1b;background:#fee2e2;padding:8px 12px;font-size:13px}.whoo-widget-composer{border-top:1px solid #e5e5e5;gap:8px;padding:12px;display:flex}.whoo-widget-composer-input{border:1px solid #6b7280;border-radius:6px;flex:1;padding:8px}.whoo-widget-composer-send{background:var(--whoo-widget-color,#4f46e5);color:var(--whoo-widget-text-on-color,#fff);cursor:pointer;border:none;border-radius:6px;padding:8px 16px}.whoo-widget-composer-send:disabled,.whoo-widget-composer-input[aria-disabled=true]{opacity:.6;cursor:not-allowed}.whoo-widget-feedback{align-items:center;gap:6px;margin-top:4px;display:flex}.whoo-widget-feedback-buttons{gap:6px;display:flex}.whoo-widget-feedback-buttons button{cursor:pointer;opacity:.6;background:0 0;border:none;padding:2px 4px;font-size:14px}.whoo-widget-feedback-buttons button:disabled{opacity:.3;cursor:not-allowed}.whoo-widget-feedback-form{flex-direction:column;gap:6px;margin-top:6px;display:flex}.whoo-widget-feedback-textarea{box-sizing:border-box;resize:vertical;border:1px solid #6b7280;border-radius:6px;width:100%;padding:6px;font-size:12px}.whoo-widget-feedback-select{border:1px solid #6b7280;border-radius:6px;padding:4px;font-size:12px}.whoo-widget-feedback-form-buttons{gap:6px;display:flex}.whoo-widget-feedback-submit{background:var(--whoo-widget-color,#4f46e5);color:var(--whoo-widget-text-on-color,#fff);cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:13px}.whoo-widget-feedback-cancel{color:#111;cursor:pointer;background:#fff;border:1px solid #6b7280;border-radius:6px;padding:8px 16px;font-size:13px}.whoo-widget-feedback-submitted{color:#6b7280;margin-top:4px;font-size:12px}.whoo-widget-feedback-error{color:#991b1b;font-size:12px}.whoo-widget-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline-offset:2px;outline:2px solid #111827;box-shadow:0 0 0 4px #fff}`;function nt(e){let t=document.createElement(`div`);if(t.style.color=e,t.style.color===``)return null;document.body.appendChild(t);let n=getComputedStyle(t).color;document.body.removeChild(t);let r=n.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);return r?[Number(r[1]),Number(r[2]),Number(r[3])]:null}function rt([e,t,n]){let r=e=>{let t=e/255;return t<=.03928?t/12.92:((t+.055)/1.055)**2.4};return .2126*r(e)+.7152*r(t)+.0722*r(n)}function it(e,t){let n=Math.max(e,t),r=Math.min(e,t);return(n+.05)/(r+.05)}function at(e){let t=nt(e);if(!t)return console.warn(`[whoo-aiden-widget] Could not parse color "${e}" for contrast calculation; defaulting to white text.`),`#ffffff`;let n=rt(t);return it(n,rt([0,0,0]))>=it(n,rt([255,255,255]))?`#000000`:`#ffffff`}function ot(e,t){let n=t.color??`#4f46e5`;e.style.setProperty(`--whoo-widget-color`,n),e.style.setProperty(`--whoo-widget-text-on-color`,at(n));let r=t.position===`bottom-left`;e.style.setProperty(`--whoo-widget-inset-left`,r?`20px`:`auto`),e.style.setProperty(`--whoo-widget-inset-right`,r?`auto`:`20px`)}function st(e){let t=document.createElement(`div`);t.id=`whoo-aiden-widget-host`;let n=t.attachShadow({mode:`open`}),r=document.createElement(`style`);r.textContent=tt,n.appendChild(r);let i=document.createElement(`div`);n.appendChild(i),ot(i,e);let a=new et(e);return a.subscribe(e=>{e.primaryColor&&(i.style.setProperty(`--whoo-widget-color`,e.primaryColor),i.style.setProperty(`--whoo-widget-text-on-color`,at(e.primaryColor)))}),ce(Y(ze,{controller:a}),i),a.init(),document.body.appendChild(t),{unmount(){ce(null,i),t.remove()}}}function ct(e){return t(e),st(e)}return e.init=ct,e})({});