@fadenstack/ui-web 0.0.0-stage → 0.3.0-rc.1

package/LICENSE

@@ -0,0 +1,187 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.

package/NOTICE

@@ -0,0 +1,19 @@
+   Fadenstack TypeScript SDK
+
+   Copyright 2026 Emagin8 UG (haftungsbeschränkt) and contributors.
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
+
+   @fadenstack/ui-web includes icons adapted from Material Icons by Google
+   (https://github.com/google/material-design-icons), licensed under the
+   Apache License, Version 2.0.

package/README.md

@@ -1,3 +1,25 @@
-# Temporary Holding Version
+# @fadenstack/ui-web
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+The web look of the [Fadenstack](https://fadenstack.com) chat, for any framework: the stylesheet, the icons, the
+agent's avatar and the panel's browser behaviours. [`@fadenstack/ui-react`](https://www.npmjs.com/package/@fadenstack/ui-react)
+and [`@fadenstack/ui-vue`](https://www.npmjs.com/package/@fadenstack/ui-vue) draw the same markup with it; a skin for
+another framework uses it the same way.
+
+```bash
+npm install @fadenstack/ui-web
+```
+
+```ts
+import "@fadenstack/ui-web/styles.css";
+```
+
+- `styles.css`: the panel's classes (`.fdn-*`), themed with CSS variables (`--fdn-accent`, ...). It follows the
+  page's light or dark scheme, and its directions are logical, so it mirrors for a right-to-left language.
+- `iconPaths`: the icons as SVG path data on a 24 x 24 grid.
+- `agentAvatar()`: the agent's avatar as SVG data, which a skin turns into its own elements.
+- `stickToBottom`, `dismissOnOutside`, `fitToContent`, `focusAtEnd`, `composerKey`: the panel's behaviours.
+- `toolBadges`, `toolStatusIcon`, `noticeIcon`, ...: how parts look, decided once for every skin.
+
+- Documentation: <https://developers.fadenstack.com/sdk/typescript/chat-panel/>
+- Source and issues: <https://github.com/fadenstack/fadenstack-sdk-typescript>
+- Licence: Apache-2.0 (LICENSE and NOTICE are in the package)

package/dist/avatar.d.ts

@@ -0,0 +1,30 @@
+/**
+ * The agent's face: the Fadenstack "stack" -- three plates, the rose middle one is the thread, and two eyes peek
+ * out from under the top plate. Drawn from the brand geometry (brand/avatar/make_agent_avatar.py) as data, so
+ * every skin draws the same SVG; it scales and follows the panel's theme tokens (`--fdn-agent-*`).
+ */
+/** An SVG element as data, which a skin turns into its own elements (React's `createElement`, Vue's `h`). */
+export interface SvgNode {
+    tag: string;
+    /** Attributes as SVG spells them ("stroke-width", "viewBox", "class"), in the order they are written. */
+    attrs: Readonly<Record<string, string | number>>;
+    /** Inline style: camelCase properties and custom properties ("--fdn-agent-thread"). */
+    style?: Readonly<Record<string, string | number>>;
+    children?: readonly SvgNode[];
+}
+export interface AgentAvatarOptions {
+    /** Pixels. Up to 32 px the small cut is drawn: bigger eyes, the top plate raised, no loose thread end. */
+    size?: number;
+    /** `mono` draws one colour (`currentColor`): eyes are rings with a pupil, overlaps are transparent gaps. */
+    variant?: "color" | "mono";
+    /** A custom agent's own thread colour for the middle plate. Fadenstack's own agents keep the rose. */
+    color?: string;
+    /** Read out by screen readers; without it the avatar is decorative. */
+    label?: string;
+    className?: string;
+    /** Unique on the page (React's `useId`, Vue's `useId`): the mono variant's masks are named after it. */
+    idPrefix: string;
+}
+/** The avatar's `<svg>`. */
+export declare function agentAvatar({ size, variant, color, label, className, idPrefix }: AgentAvatarOptions): SvgNode;
+//# sourceMappingURL=avatar.d.ts.map

package/dist/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../src/avatar.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,6GAA6G;AAC7G,MAAM,WAAW,OAAO;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,yGAAyG;IACzG,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC;IACjD,uFAAuF;IACvF,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC;IAClD,QAAQ,CAAC,EAAE,SAAS,OAAO,EAAE,CAAC;CAC/B;AAED,MAAM,WAAW,kBAAkB;IACjC,0GAA0G;IAC1G,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4GAA4G;IAC5G,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,sGAAsG;IACtG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wGAAwG;IACxG,QAAQ,EAAE,MAAM,CAAC;CAClB;AA0BD,4BAA4B;AAC5B,wBAAgB,WAAW,CAAC,EAAE,IAAS,EAAE,OAAiB,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,kBAAkB,GAAG,OAAO,CA+D5H"}

package/dist/avatar.js

@@ -0,0 +1,85 @@
+/**
+ * The agent's face: the Fadenstack "stack" -- three plates, the rose middle one is the thread, and two eyes peek
+ * out from under the top plate. Drawn from the brand geometry (brand/avatar/make_agent_avatar.py) as data, so
+ * every skin draws the same SVG; it scales and follows the panel's theme tokens (`--fdn-agent-*`).
+ */
+const W = 58, H = 29, T = 9, MID = 122, BOT = 146;
+const TAIL = "M152 128 C168 132 176 148 168 160";
+const EYE_Y = 104;
+const CUTS = {
+    full: { view: "21 30 158 158", lid: 62, eyes: [88, 112], rx: 8, ry: 9.5, outline: 2, pupil: 4.2, glint: 1.4, ring: 3.6, mpupil: 4.6, gap: 4 },
+    small: { view: "19.5 25 161 161", lid: 56, eyes: [84, 116], rx: 11, ry: 12.5, outline: 3, pupil: 5.8, glint: 1.9, ring: 6, mpupil: 6.4, gap: 6 },
+};
+const poly = (points) => `M${points.map(([x, y]) => `${x} ${y}`).join(" L")} Z`;
+function plate(cy) {
+    return {
+        top: poly([[100, cy - H], [100 + W, cy], [100, cy + H], [100 - W, cy]]),
+        left: poly([[100 - W, cy], [100, cy + H], [100, cy + H + T], [100 - W, cy + T]]),
+        right: poly([[100, cy + H], [100 + W, cy], [100 + W, cy + T], [100, cy + H + T]]),
+        outline: poly([[100 - W, cy], [100, cy - H], [100 + W, cy], [100 + W, cy + T], [100, cy + H + T], [100 - W, cy + T]]),
+    };
+}
+const node = (tag, attrs, children, style) => ({ tag, attrs, ...(style ? { style } : {}), ...(children ? { children } : {}) });
+const solid = (d, fill) => node("path", { d }, undefined, { fill, stroke: fill, strokeWidth: 3, strokeLinejoin: "round" });
+/** The avatar's `<svg>`. */
+export function agentAvatar({ size = 56, variant = "color", color, label, className, idPrefix }) {
+    const id = idPrefix.replace(/[^a-zA-Z0-9_-]/g, "");
+    const small = size <= 32;
+    const k = small ? CUTS.small : CUTS.full;
+    const bottom = plate(BOT), middle = plate(MID), lid = plate(k.lid);
+    const a11y = label ? { role: "img", "aria-label": label } : { "aria-hidden": "true" };
+    const svg = {
+        class: `fdn-agent-avatar${className ? ` ${className}` : ""}`,
+        width: size,
+        height: size,
+        viewBox: k.view,
+        focusable: "false",
+    };
+    if (variant === "mono") {
+        const full = node("rect", { x: "0", y: "0", width: "200", height: "200", fill: "#fff" });
+        const grow = { fill: "#000", stroke: "#000", "stroke-width": k.gap * 2, "stroke-linejoin": "round" };
+        const erx = k.rx + k.ring / 2 + k.gap, ery = k.ry + k.ring / 2 + k.gap;
+        const mask = (suffix, children) => node("mask", { id: `${id}${suffix}`, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "200", height: "200" }, [full, ...children]);
+        return node("svg", { ...svg, ...a11y }, [
+            node("defs", {}, [
+                mask("b", [node("path", { d: middle.outline, ...grow }),
+                    ...(small ? [] : [node("path", { d: TAIL, fill: "none", stroke: "#000", "stroke-width": 6 + k.gap * 2, "stroke-linecap": "round" })])]),
+                mask("m", [node("path", { d: lid.outline, ...grow }),
+                    ...k.eyes.map((x) => node("ellipse", { cx: x, cy: EYE_Y, rx: erx, ry: ery, fill: "#000" }))]),
+                mask("e", [node("path", { d: lid.outline, ...grow })]),
+            ]),
+            node("g", { fill: "currentColor", stroke: "currentColor", "stroke-linejoin": "round" }, [
+                node("path", { d: bottom.outline, "stroke-width": 3, mask: `url(#${id}b)` }),
+                ...(small ? [] : [node("path", { d: TAIL, fill: "none", "stroke-width": 6, "stroke-linecap": "round" })]),
+                node("path", { d: middle.outline, "stroke-width": 3, mask: `url(#${id}m)` }),
+                node("g", { mask: `url(#${id}e)` }, k.eyes.map((x) => node("g", {}, [
+                    node("ellipse", { cx: x, cy: EYE_Y, rx: k.rx, ry: k.ry, fill: "none", "stroke-width": k.ring }),
+                    node("circle", { cx: x + 1, cy: EYE_Y - 1.5, r: k.mpupil, stroke: "none" }),
+                ]))),
+                node("path", { d: lid.outline, "stroke-width": 3 }),
+            ]),
+        ]);
+    }
+    const style = color ? { "--fdn-agent-thread": color, "--fdn-agent-thread-side": `color-mix(in srgb, ${color} 72%, #000)` } : undefined;
+    const plateSide = "var(--fdn-agent-plate-side, #0A0E1A)", plateTop = "var(--fdn-agent-plate, #1C2436)";
+    const threadSide = "var(--fdn-agent-thread-side, #A8143E)", thread = "var(--fdn-agent-thread, #E2325A)";
+    return node("svg", { ...svg, ...a11y }, [
+        solid(bottom.left, plateSide),
+        solid(bottom.right, plateSide),
+        solid(bottom.top, plateTop),
+        ...(small ? [] : [node("path", { d: TAIL, fill: "none" }, undefined, { stroke: thread, strokeWidth: 6, strokeLinecap: "round" })]),
+        solid(middle.left, threadSide),
+        solid(middle.right, threadSide),
+        solid(middle.top, thread),
+        ...(small ? [] : [node("ellipse", { cx: "100", cy: "110", rx: "34", ry: "11" }, undefined, { fill: "var(--fdn-agent-hollow, rgba(10, 14, 26, 0.38))" })]),
+        ...k.eyes.map((x) => node("g", {}, [
+            node("ellipse", { cx: x, cy: EYE_Y, rx: k.rx, ry: k.ry }, undefined, { fill: "var(--fdn-agent-eye, #FFFFFF)", stroke: "var(--fdn-agent-pupil, #0A0E1A)", strokeWidth: k.outline }),
+            node("circle", { cx: x + 1, cy: EYE_Y - 1.5, r: k.pupil }, undefined, { fill: "var(--fdn-agent-pupil, #0A0E1A)" }),
+            node("circle", { cx: x + 2.6, cy: EYE_Y - 1.5 - k.pupil * 0.45, r: k.glint }, undefined, { fill: "var(--fdn-agent-eye, #FFFFFF)" }),
+        ])),
+        solid(lid.left, plateSide),
+        solid(lid.right, plateSide),
+        solid(lid.top, plateTop),
+    ], style);
+}
+//# sourceMappingURL=avatar.js.map

package/dist/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../src/avatar.ts"],"names":[],"mappings":"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"}

package/dist/dom.d.ts

@@ -0,0 +1,43 @@
+/** The panel's browser behaviours, for any framework: a skin calls them from its own lifecycle. */
+/**
+ * Keeps a scroll box at the bottom while its content (its first child) grows -- unless the user scrolled up to
+ * read; then it stays where they are until they scroll back down. Call `stop` when the box goes.
+ */
+export declare function stickToBottom(box: HTMLElement, threshold?: number): {
+    readonly stuck: boolean;
+    stop(): void;
+};
+/** Calls `close` on a press outside `anchor` (a menu and its button) or on Escape. Returns the stop. */
+export declare function dismissOnOutside(anchor: HTMLElement, close: () => void): () => void;
+/** Grows a text box with its text, up to a third of the window (at least 120 px). */
+export declare function fitToContent(box: HTMLTextAreaElement): void;
+/** Focuses a text box with the caret after its text (after "Edit", or the host attached something). */
+export declare function focusAtEnd(box: HTMLTextAreaElement): void;
+/** What a key in the composer does (`composerKey`). */
+export type ComposerAction = "send" | "stop" | "pick" | "next" | "previous" | "close";
+/**
+ * What a key in the composer does: Enter sends (Shift+Enter is a new line, and an input method that is still
+ * composing keeps its Enter), Escape stops the running answer. While the skill picker is open (`pickerOpen`), the
+ * arrows move in it, Enter and Tab pick, and Escape closes it.
+ */
+export declare function composerKey(e: Pick<KeyboardEvent, "key" | "shiftKey" | "isComposing">, busy: boolean, pickerOpen?: boolean): ComposerAction | undefined;
+/** The pictures among pasted or dropped files. */
+export declare function picturesIn(transfer: DataTransfer | null | undefined): File[];
+/** A picture made ready for a message: a `data:` URL, and its size in pixels. */
+export interface ReadPicture {
+    dataUrl: string;
+    width: number;
+    height: number;
+}
+/**
+ * A picture as a message takes it: at most `maxSide` pixels on its longer side (models scale larger ones down
+ * anyway, and the transcript keeps it), as JPEG on white (transparent parts of a screenshot stay readable).
+ * Throws when the browser cannot read it as a picture.
+ */
+export declare function readPicture(picture: Blob, options?: {
+    maxSide?: number;
+    quality?: number;
+}): Promise<ReadPicture>;
+/** How long a copy button shows its tick. */
+export declare const COPIED_MS = 1500;
+//# sourceMappingURL=dom.d.ts.map

package/dist/dom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../src/dom.ts"],"names":[],"mappings":"AAAA,mGAAmG;AAEnG;;;GAGG;AACH,wBAAgB,aAAa,CAAC,GAAG,EAAE,WAAW,EAAE,SAAS,SAAK,GAAG;IAAE,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC;IAAC,IAAI,IAAI,IAAI,CAAA;CAAE,CAoBzG;AAED,wGAAwG;AACxG,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAanF;AAED,qFAAqF;AACrF,wBAAgB,YAAY,CAAC,GAAG,EAAE,mBAAmB,GAAG,IAAI,CAI3D;AAED,uGAAuG;AACvG,wBAAgB,UAAU,CAAC,GAAG,EAAE,mBAAmB,GAAG,IAAI,CAIzD;AAED,uDAAuD;AACvD,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,CAAC;AAEtF;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,KAAK,GAAG,UAAU,GAAG,aAAa,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,UAAQ,GAAG,cAAc,GAAG,SAAS,CAUrJ;AAED,kDAAkD;AAClD,wBAAgB,UAAU,CAAC,QAAQ,EAAE,YAAY,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,EAAE,CAE5E;AAED,iFAAiF;AACjF,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;;;GAIG;AACH,wBAAsB,WAAW,CAAC,OAAO,EAAE,IAAI,EAAE,OAAO,GAAE;IAAE,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAO,GAAG,OAAO,CAAC,WAAW,CAAC,CAmB3H;AAED,6CAA6C;AAC7C,eAAO,MAAM,SAAS,OAAO,CAAC"}

package/dist/dom.js

@@ -0,0 +1,113 @@
+/** The panel's browser behaviours, for any framework: a skin calls them from its own lifecycle. */
+/**
+ * Keeps a scroll box at the bottom while its content (its first child) grows -- unless the user scrolled up to
+ * read; then it stays where they are until they scroll back down. Call `stop` when the box goes.
+ */
+export function stickToBottom(box, threshold = 48) {
+    let stuck = true;
+    const onScroll = () => {
+        stuck = box.scrollHeight - box.scrollTop - box.clientHeight < threshold;
+    };
+    box.addEventListener("scroll", onScroll, { passive: true });
+    const observer = typeof ResizeObserver === "undefined" ? undefined : new ResizeObserver(() => {
+        if (stuck)
+            box.scrollTop = box.scrollHeight;
+    });
+    const content = box.firstElementChild;
+    if (observer && content)
+        observer.observe(content);
+    return {
+        get stuck() {
+            return stuck;
+        },
+        stop() {
+            box.removeEventListener("scroll", onScroll);
+            observer?.disconnect();
+        },
+    };
+}
+/** Calls `close` on a press outside `anchor` (a menu and its button) or on Escape. Returns the stop. */
+export function dismissOnOutside(anchor, close) {
+    const onPointer = (e) => {
+        if (!anchor.contains(e.target))
+            close();
+    };
+    const onKey = (e) => {
+        if (e.key === "Escape")
+            close();
+    };
+    anchor.ownerDocument.addEventListener("pointerdown", onPointer);
+    anchor.ownerDocument.addEventListener("keydown", onKey);
+    return () => {
+        anchor.ownerDocument.removeEventListener("pointerdown", onPointer);
+        anchor.ownerDocument.removeEventListener("keydown", onKey);
+    };
+}
+/** Grows a text box with its text, up to a third of the window (at least 120 px). */
+export function fitToContent(box) {
+    const view = box.ownerDocument.defaultView;
+    box.style.height = "auto";
+    box.style.height = `${Math.min(box.scrollHeight, Math.max(120, (view?.innerHeight ?? 360) / 3))}px`;
+}
+/** Focuses a text box with the caret after its text (after "Edit", or the host attached something). */
+export function focusAtEnd(box) {
+    box.focus();
+    const end = box.value.length;
+    box.setSelectionRange(end, end);
+}
+/**
+ * What a key in the composer does: Enter sends (Shift+Enter is a new line, and an input method that is still
+ * composing keeps its Enter), Escape stops the running answer. While the skill picker is open (`pickerOpen`), the
+ * arrows move in it, Enter and Tab pick, and Escape closes it.
+ */
+export function composerKey(e, busy, pickerOpen = false) {
+    if (pickerOpen && !e.isComposing) {
+        if (e.key === "ArrowDown")
+            return "next";
+        if (e.key === "ArrowUp")
+            return "previous";
+        if ((e.key === "Enter" && !e.shiftKey) || e.key === "Tab")
+            return "pick";
+        if (e.key === "Escape")
+            return "close";
+    }
+    if (e.key === "Enter" && !e.shiftKey && !e.isComposing)
+        return "send";
+    if (e.key === "Escape" && busy)
+        return "stop";
+    return undefined;
+}
+/** The pictures among pasted or dropped files. */
+export function picturesIn(transfer) {
+    return Array.from(transfer?.files ?? []).filter((f) => f.type.startsWith("image/"));
+}
+/**
+ * A picture as a message takes it: at most `maxSide` pixels on its longer side (models scale larger ones down
+ * anyway, and the transcript keeps it), as JPEG on white (transparent parts of a screenshot stay readable).
+ * Throws when the browser cannot read it as a picture.
+ */
+export async function readPicture(picture, options = {}) {
+    const maxSide = options.maxSide ?? 1600;
+    const bitmap = await createImageBitmap(picture);
+    try {
+        const scale = Math.min(1, maxSide / Math.max(bitmap.width, bitmap.height, 1));
+        const width = Math.max(1, Math.round(bitmap.width * scale));
+        const height = Math.max(1, Math.round(bitmap.height * scale));
+        const canvas = document.createElement("canvas");
+        canvas.width = width;
+        canvas.height = height;
+        const context = canvas.getContext("2d");
+        if (!context)
+            throw new Error("No canvas to draw the picture on.");
+        context.fillStyle = "#fff";
+        context.fillRect(0, 0, width, height);
+        context.drawImage(bitmap, 0, 0, width, height);
+        return { dataUrl: canvas.toDataURL("image/jpeg", options.quality ?? 0.85), width, height };
+    }
+    finally {
+        bitmap.close();
+    }
+}
+/** How long a copy button shows its tick. */
+export const COPIED_MS = 1500;
+//# sourceMappingURL=dom.js.map

package/dist/dom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.js","sourceRoot":"","sources":["../src/dom.ts"],"names":[],"mappings":"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"}

package/dist/icons.d.ts

@@ -0,0 +1,38 @@
+/**
+ * The chat's icons as SVG path data on a 24 x 24 grid, drawn in `currentColor`: every skin draws the same ones.
+ *
+ * Most paths are Google's Material Icons (https://github.com/google/material-design-icons), some of them changed,
+ * under the Apache License 2.0. The package's NOTICE says so.
+ */
+export declare const iconPaths: {
+    readonly send: "M3.4 20.4 21 12 3.4 3.6l-.01 6.53L15 12 3.39 13.87z";
+    readonly image: "M21 19V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5z";
+    readonly camera: "M12 15.2a3.2 3.2 0 1 0 0-6.4 3.2 3.2 0 0 0 0 6.4zM9 2 7.17 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-3.17L15 2z";
+    readonly translate: "m12.87 15.07-2.54-2.51.03-.03A17.52 17.52 0 0 0 14.07 6H17V4h-7V2H8v2H1v2h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2zm-2.62 7 1.62-4.33L19.12 17z";
+    readonly stop: "M7 7h10v10H7z";
+    readonly plus: "M11 5h2v6h6v2h-6v6h-2v-6H5v-2h6z";
+    readonly history: "M13 3a9 9 0 0 0-9 9H1l3.9 3.9.1.1L9 12H6a7 7 0 1 1 2.05 4.95l-1.42 1.42A9 9 0 1 0 13 3zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8z";
+    readonly chevron: "M7.4 8.6 12 13.2l4.6-4.6L18 10l-6 6-6-6z";
+    readonly copy: "M16 1H4a2 2 0 0 0-2 2v14h2V3h12zm3 4H8a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2zm0 16H8V7h11z";
+    readonly check: "M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z";
+    readonly close: "M19 6.4 17.6 5 12 10.6 6.4 5 5 6.4 10.6 12 5 17.6 6.4 19 12 13.4 17.6 19 19 17.6 13.4 12z";
+    readonly tool: "M22.7 19 13.6 9.9c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z";
+    readonly warning: "M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z";
+    readonly shield: "M12 1 3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11z";
+    readonly info: "M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z";
+    /** After a link that opens in a new tab. */
+    readonly external: "M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5z";
+    readonly edit: "M3 17.25V21h3.75L17.81 9.94l-3.75-3.75zM20.71 7.04a1 1 0 0 0 0-1.41l-2.34-2.34a1 1 0 0 0-1.41 0l-1.83 1.83 3.75 3.75z";
+    readonly retry: "M17.65 6.35A7.96 7.96 0 0 0 12 4a8 8 0 1 0 7.73 10h-2.08A6 6 0 1 1 12 6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z";
+    readonly trash: "M6 19a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z";
+    readonly sparkle: "M12 2l2.4 6.6L21 11l-6.6 2.4L12 20l-2.4-6.6L3 11l6.6-2.4z";
+    readonly page: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8zm4 18H6V4h7v5h5z";
+    readonly brain: "M12 3a4 4 0 0 0-4 4v.1A3.5 3.5 0 0 0 5 10.5c0 .9.3 1.7.9 2.4A3.5 3.5 0 0 0 8 19h.2A4 4 0 0 0 16 19h.2a3.5 3.5 0 0 0 2-6.1c.5-.7.8-1.5.8-2.4A3.5 3.5 0 0 0 16 7.1V7a4 4 0 0 0-4-4zm-1 3v12H9a1.5 1.5 0 0 1 0-3V9A1.5 1.5 0 0 1 11 6zm2 0a1.5 1.5 0 0 1 2 3v6a1.5 1.5 0 0 1 0 3h-2z";
+    readonly quote: "M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z";
+    readonly book: "M18 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zM6 4h5v8l-2.5-1.5L6 12z";
+    readonly attach: "M16.5 6v11.5a4 4 0 0 1-8 0V5a2.5 2.5 0 0 1 5 0v10.5a1 1 0 0 1-2 0V6H10v9.5a2.5 2.5 0 0 0 5 0V5a4 4 0 0 0-8 0v12.5a5.5 5.5 0 0 0 11 0V6z";
+    readonly tabs: "M21 3H3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zm0 16H3V5h10v4h8z";
+    readonly settings: "M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58a.49.49 0 0 0 .12-.61l-1.92-3.32a.49.49 0 0 0-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54a.48.48 0 0 0-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96a.48.48 0 0 0-.59.22L2.74 8.87a.47.47 0 0 0 .12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58a.49.49 0 0 0-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32a.47.47 0 0 0-.12-.61zM12 15.6A3.6 3.6 0 1 1 12 8.4a3.6 3.6 0 0 1 0 7.2z";
+};
+export type IconName = keyof typeof iconPaths;
+//# sourceMappingURL=icons.d.ts.map

package/dist/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../src/icons.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;IAgBpB,4CAA4C;;;;;;;;;;;;;CAapC,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,SAAS,CAAC"}

package/dist/icons.js

@@ -0,0 +1,37 @@
+/**
+ * The chat's icons as SVG path data on a 24 x 24 grid, drawn in `currentColor`: every skin draws the same ones.
+ *
+ * Most paths are Google's Material Icons (https://github.com/google/material-design-icons), some of them changed,
+ * under the Apache License 2.0. The package's NOTICE says so.
+ */
+export const iconPaths = {
+    send: "M3.4 20.4 21 12 3.4 3.6l-.01 6.53L15 12 3.39 13.87z",
+    image: "M21 19V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5z",
+    camera: "M12 15.2a3.2 3.2 0 1 0 0-6.4 3.2 3.2 0 0 0 0 6.4zM9 2 7.17 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-3.17L15 2z",
+    translate: "m12.87 15.07-2.54-2.51.03-.03A17.52 17.52 0 0 0 14.07 6H17V4h-7V2H8v2H1v2h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2zm-2.62 7 1.62-4.33L19.12 17z",
+    stop: "M7 7h10v10H7z",
+    plus: "M11 5h2v6h6v2h-6v6h-2v-6H5v-2h6z",
+    history: "M13 3a9 9 0 0 0-9 9H1l3.9 3.9.1.1L9 12H6a7 7 0 1 1 2.05 4.95l-1.42 1.42A9 9 0 1 0 13 3zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8z",
+    chevron: "M7.4 8.6 12 13.2l4.6-4.6L18 10l-6 6-6-6z",
+    copy: "M16 1H4a2 2 0 0 0-2 2v14h2V3h12zm3 4H8a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2zm0 16H8V7h11z",
+    check: "M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z",
+    close: "M19 6.4 17.6 5 12 10.6 6.4 5 5 6.4 10.6 12 5 17.6 6.4 19 12 13.4 17.6 19 19 17.6 13.4 12z",
+    tool: "M22.7 19 13.6 9.9c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z",
+    warning: "M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z",
+    shield: "M12 1 3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11z",
+    info: "M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z",
+    /** After a link that opens in a new tab. */
+    external: "M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5z",
+    edit: "M3 17.25V21h3.75L17.81 9.94l-3.75-3.75zM20.71 7.04a1 1 0 0 0 0-1.41l-2.34-2.34a1 1 0 0 0-1.41 0l-1.83 1.83 3.75 3.75z",
+    retry: "M17.65 6.35A7.96 7.96 0 0 0 12 4a8 8 0 1 0 7.73 10h-2.08A6 6 0 1 1 12 6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z",
+    trash: "M6 19a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z",
+    sparkle: "M12 2l2.4 6.6L21 11l-6.6 2.4L12 20l-2.4-6.6L3 11l6.6-2.4z",
+    page: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8zm4 18H6V4h7v5h5z",
+    brain: "M12 3a4 4 0 0 0-4 4v.1A3.5 3.5 0 0 0 5 10.5c0 .9.3 1.7.9 2.4A3.5 3.5 0 0 0 8 19h.2A4 4 0 0 0 16 19h.2a3.5 3.5 0 0 0 2-6.1c.5-.7.8-1.5.8-2.4A3.5 3.5 0 0 0 16 7.1V7a4 4 0 0 0-4-4zm-1 3v12H9a1.5 1.5 0 0 1 0-3V9A1.5 1.5 0 0 1 11 6zm2 0a1.5 1.5 0 0 1 2 3v6a1.5 1.5 0 0 1 0 3h-2z",
+    quote: "M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z",
+    book: "M18 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zM6 4h5v8l-2.5-1.5L6 12z",
+    attach: "M16.5 6v11.5a4 4 0 0 1-8 0V5a2.5 2.5 0 0 1 5 0v10.5a1 1 0 0 1-2 0V6H10v9.5a2.5 2.5 0 0 0 5 0V5a4 4 0 0 0-8 0v12.5a5.5 5.5 0 0 0 11 0V6z",
+    tabs: "M21 3H3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zm0 16H3V5h10v4h8z",
+    settings: "M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58a.49.49 0 0 0 .12-.61l-1.92-3.32a.49.49 0 0 0-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54a.48.48 0 0 0-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96a.48.48 0 0 0-.59.22L2.74 8.87a.47.47 0 0 0 .12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58a.49.49 0 0 0-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32a.47.47 0 0 0-.12-.61zM12 15.6A3.6 3.6 0 1 1 12 8.4a3.6 3.6 0 0 1 0 7.2z",
+};
+//# sourceMappingURL=icons.js.map