@polymorfa/ui 0.1.0-dev.20260922094209

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Polymorfa
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,181 @@
+# `@polymorfa/ui`
+
+Shared appearance, localization, and safe diagnostic contracts for Polymorfa browser components.
+
+```ts
+import { createLocale, defineAppearance } from "@polymorfa/ui";
+
+const appearance = defineAppearance({
+  variables: { colorPrimary: "#7c3aed" },
+  layout: { density: "compact" },
+});
+
+const locale = createLocale("ar-LB", { "common.cancel": "إلغاء" });
+```
+
+The appearance object is immutable and shared by the Web Component, React, and development-tool packages. CSS variable names use the stable `--pmfa-*` prefix. Partial locale dictionaries fall back to the bundled English messages.
+
+`redactDiagnostic()` recursively removes credentials, authorization values, secrets, and message bodies before diagnostic data is displayed or copied.
+
+## Styling
+
+The chat and template components in `@polymorfa/react` and
+`@polymorfa/elements` share one stylesheet, `COMPONENT_STYLES`. You can
+restyle them at five levels, from lightest to fullest control.
+
+### Variables
+
+`appearance.variables` become CSS custom properties on each component root:
+
+| Variable                                        | CSS property                                                            |
+| ----------------------------------------------- | ----------------------------------------------------------------------- |
+| `colorPrimary`                                  | `--pmfa-color-primary`                                                  |
+| `colorBackground`                               | `--pmfa-color-background`                                               |
+| `colorForeground`                               | `--pmfa-color-foreground`                                               |
+| `colorMuted`                                    | `--pmfa-color-muted`                                                    |
+| `colorBorder`                                   | `--pmfa-color-border`                                                   |
+| `colorDanger`                                   | `--pmfa-color-danger`                                                   |
+| `colorSuccess`                                  | `--pmfa-color-success`                                                  |
+| `fontFamily`                                    | `--pmfa-font-family`                                                    |
+| `fontSizeBase`                                  | `--pmfa-font-size-base`                                                 |
+| `spacingSmall`, `spacingMedium`, `spacingLarge` | `--pmfa-spacing-small`, `--pmfa-spacing-medium`, `--pmfa-spacing-large` |
+| `radiusSmall`, `radiusMedium`, `radiusLarge`    | `--pmfa-radius-small`, `--pmfa-radius-medium`, `--pmfa-radius-large`    |
+| `shadowPanel`                                   | `--pmfa-shadow-panel`                                                   |
+| `motion`                                        | `--pmfa-motion`                                                         |
+
+`layout.drawerWidth` sets `--pmfa-drawer-width`.
+
+### Dark colors
+
+`theme: "dark"` uses the dark palette; `theme: "system"` uses it when the
+system prefers dark. `darkVariables` overrides its colors one by one and is
+emitted as `--pmfa-dark-color-*` (for example `--pmfa-dark-color-primary`).
+Only color keys apply. Unset dark colors use the built-in dark palette, except
+`colorPrimary`, which falls back to your light primary.
+
+```ts
+defineAppearance({
+  theme: "system",
+  variables: { colorPrimary: "#0f766e" },
+  darkVariables: { colorPrimary: "#14b8a6", colorBackground: "#0b1716" },
+});
+```
+
+### Cascade layer
+
+Every bundled rule sits in `@layer polymorfa`. Any unlayered CSS in your app
+overrides it, whatever its specificity:
+
+```css
+.pmfa-bubble {
+  border-radius: 6px;
+}
+```
+
+### Unstyled mode
+
+`unstyled: true` skips the bundled stylesheet: React does not add it to the
+document, and Web Components do not adopt it. Components still render their
+`pmfa-*` classes, `data-slot` attributes (React), and `part` names (Web
+Components), so you can style them from scratch.
+
+React adds the bundled stylesheet to the document once, the first time a
+styled component mounts, and it stays there. Its `pmfa-*` rules then also
+match unstyled React components on the same page. Keep `unstyled: true` for
+every React component on a page (or style the unstyled ones with unlayered
+CSS, which overrides the bundled `@layer polymorfa` rules). Web Components
+keep styles inside each shadow root, so they are not affected.
+
+### Slots
+
+Every structural node has a slot name. `appearance.elements[slot]` accepts a
+`className` and inline `styles` (camelCase, kebab-case, or `--custom`
+properties) for that node. React components also take a `classNames` prop
+keyed by slot and set `data-slot` on each node. Web Components add the
+kebab-case slot name to the node's `part` attribute.
+
+| Slot              | `part`             | Node                                 |
+| ----------------- | ------------------ | ------------------------------------ |
+| `messageList`     | `message-list`     | Scrolling message log (`role="log"`) |
+| `message`         | `message`          | One message row                      |
+| `bubble`          | `bubble`           | Message bubble                       |
+| `messageMeta`     | `message-meta`     | Time and delivery status             |
+| `messageActions`  | `message-actions`  | Reply and Retry group                |
+| `replyButton`     | `reply-button`     | Reply action                         |
+| `retryButton`     | `retry-button`     | Retry action on a failed message     |
+| `attachment`      | `attachment`       | Image thumbnail or file card         |
+| `replyQuote`      | `reply-quote`      | Quoted message above a reply         |
+| `dateSeparator`   | `date-separator`   | "Today", "Yesterday", or a date      |
+| `loadMore`        | `load-more`        | Load earlier messages button         |
+| `empty`           | `empty`            | Empty-conversation text              |
+| `composer`        | `composer`         | Composer form                        |
+| `composerInput`   | `composer-input`   | Message textarea                     |
+| `composerSend`    | `composer-send`    | Send button                          |
+| `composerAttach`  | `composer-attach`  | Attach button                        |
+| `composerToolbar` | `composer-toolbar` | Composer button and field row        |
+| `emojiButton`     | `emoji-button`     | Emoji picker button                  |
+| `emojiPicker`     | `emoji-picker`     | Emoji picker popover                 |
+| `voiceButton`     | `voice-button`     | Record voice note button             |
+| `recordingBar`    | `recording-bar`    | Voice note recording bar             |
+| `quickReplyMenu`  | `quick-reply-menu` | "/" quick reply list                 |
+| `attachmentChip`  | `attachment-chip`  | Pending attachment                   |
+| `replyBanner`     | `reply-banner`     | "Replying to …" banner               |
+| `drawer`          | `drawer`           | Drawer panel                         |
+| `drawerHeader`    | `drawer-header`    | Drawer header                        |
+| `drawerTitle`     | `drawer-title`     | Drawer title                         |
+| `drawerClose`     | `drawer-close`     | Drawer close button                  |
+| `templateBuilder` | `template-builder` | Template builder panel               |
+| `field`           | `field`            | Labelled field or field group        |
+| `label`           | `label`            | Field label                          |
+| `input`           | `input`            | Template input or textarea           |
+| `actions`         | `actions`          | Template action row                  |
+| `primaryButton`   | `primary-button`   | Save draft                           |
+| `button`          | `button`           | Preview and Submit to Meta           |
+| `preview`         | `preview-panel`    | Template preview area                |
+| `error`           | `error`            | Error message                        |
+
+`COMPONENT_SLOTS` lists them, and `slotPartName()` converts a slot to its
+part name (`preview` maps to `preview-panel`, because the
+Preview button already uses `preview`). Web Components keep their earlier part names as well, such as
+`meta`, `input`, `send`, `header`, `title`, and `close`.
+
+### Composer helpers
+
+The React and Web Component composers share these exports, which you can
+use in a custom composer:
+
+- `QuickReplyOption`, `findQuickReplyQuery()`, `filterQuickReplies()`, and
+  `applyQuickReply()` for "/" quick replies.
+- `insertText()` inserts at a caret or over a selection.
+- `emojiList()`, `emojiInCategory()`, `searchEmoji()`, `readRecentEmoji()`,
+  and `recordRecentEmoji()` expose the built-in set of about 430 emoji with
+  English names and keywords. It lives in its own module, so bundlers drop
+  it when nothing imports it.
+- `placePopover()` positions a fixed popover beside an anchor inside the
+  viewport, and `formatElapsed()` formats a recording time as `mm:ss`.
+
+### Web Component stylesheets
+
+Style Web Components from the page with `::part()`:
+
+```css
+pmfa-message-list::part(bubble) {
+  border-radius: 6px;
+}
+pmfa-chat-drawer::part(drawer-header) {
+  background: #0f766e;
+  color: white;
+}
+```
+
+For rules that `::part()` cannot express, such as descendants or states,
+pass `configuration.stylesheet`. It takes CSS text, a `CSSStyleSheet`, or an
+array of either, and is adopted inside the shadow root after the default
+stylesheet:
+
+```ts
+element.configuration = {
+  appearance: { theme: "dark" },
+  stylesheet: `.pmfa-msg-out .pmfa-bubble { border-end-end-radius: 18px; }`,
+};
+```

package/dist/appearance.d.ts

@@ -0,0 +1,69 @@
+export type Theme = "light" | "dark" | "system";
+export type MotionPreference = "full" | "reduced" | "system";
+export type Density = "comfortable" | "compact";
+export type Direction = "ltr" | "rtl" | "auto";
+export interface AppearanceVariables {
+    readonly colorPrimary: string;
+    readonly colorBackground: string;
+    readonly colorForeground: string;
+    readonly colorMuted: string;
+    readonly colorBorder: string;
+    readonly colorDanger: string;
+    readonly colorSuccess: string;
+    readonly fontFamily: string;
+    readonly fontSizeBase: string;
+    readonly spacingSmall: string;
+    readonly spacingMedium: string;
+    readonly spacingLarge: string;
+    readonly radiusSmall: string;
+    readonly radiusMedium: string;
+    readonly radiusLarge: string;
+    readonly shadowPanel: string;
+    readonly motion: MotionPreference;
+}
+export interface AppearanceLayout {
+    readonly density: Density;
+    readonly direction: Direction;
+    readonly drawerWidth: string;
+    readonly dialogWidth: string;
+    readonly callAspectRatio: string;
+}
+export interface ElementAppearance {
+    readonly className?: string;
+    readonly surface?: "flat" | "raised" | "overlay";
+    readonly styles?: Readonly<Record<string, string>>;
+}
+/** The color variables, which the dark palette can override one by one. */
+export type AppearanceColorVariable = Extract<keyof AppearanceVariables, `color${string}`>;
+export interface Appearance {
+    readonly theme: Theme;
+    readonly variables: AppearanceVariables;
+    /**
+     * Colors for the dark theme (`theme: "dark"`, or `"system"` when the system
+     * prefers dark). Only color keys apply; unset keys use the built-in dark
+     * palette.
+     */
+    readonly darkVariables?: Partial<AppearanceVariables>;
+    /** Skip the bundled stylesheet; components still render their classes and parts. */
+    readonly unstyled?: boolean;
+    readonly layout: AppearanceLayout;
+    readonly elements: Readonly<Record<string, ElementAppearance>>;
+}
+export interface AppearanceInput {
+    readonly theme?: Theme;
+    readonly variables?: Partial<AppearanceVariables>;
+    readonly darkVariables?: Partial<AppearanceVariables>;
+    readonly unstyled?: boolean;
+    readonly layout?: Partial<AppearanceLayout>;
+    readonly elements?: Readonly<Record<string, ElementAppearance>>;
+}
+export declare const DEFAULT_APPEARANCE: Appearance;
+export declare function defineAppearance(input?: AppearanceInput): Appearance;
+export declare function mergeAppearance(base: AppearanceInput, override: AppearanceInput): Appearance;
+/**
+ * CSS custom properties for an appearance. Dark colors that are set also
+ * emit `--pmfa-dark-color-*`, which the stylesheet reads in the dark theme.
+ */
+export declare function appearanceToCssVariables(appearance: Appearance): Readonly<Record<string, string>>;
+export declare function resolveMotionPreference(preference: MotionPreference, systemPrefersReduced: boolean): Exclude<MotionPreference, "system">;
+//# sourceMappingURL=appearance.d.ts.map

package/dist/appearance.d.ts.map

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

package/dist/appearance.js

@@ -0,0 +1,123 @@
+const DEFAULT_APPEARANCE_VALUE = {
+    theme: "system",
+    variables: {
+        colorPrimary: "#5b4bf7",
+        colorBackground: "#ffffff",
+        colorForeground: "#17151f",
+        colorMuted: "#6d6878",
+        colorBorder: "#dedbe5",
+        colorDanger: "#c62828",
+        colorSuccess: "#18794e",
+        fontFamily: "Inter, ui-sans-serif, system-ui, sans-serif",
+        fontSizeBase: "16px",
+        spacingSmall: "8px",
+        spacingMedium: "12px",
+        spacingLarge: "20px",
+        radiusSmall: "6px",
+        radiusMedium: "10px",
+        radiusLarge: "16px",
+        shadowPanel: "0 18px 50px rgb(23 21 31 / 0.16)",
+        motion: "system",
+    },
+    layout: {
+        density: "comfortable",
+        direction: "auto",
+        drawerWidth: "400px",
+        dialogWidth: "440px",
+        callAspectRatio: "16 / 9",
+    },
+    elements: {},
+};
+export const DEFAULT_APPEARANCE = deepFreeze(DEFAULT_APPEARANCE_VALUE);
+export function defineAppearance(input = {}) {
+    return mergeAppearance(DEFAULT_APPEARANCE, input);
+}
+export function mergeAppearance(base, override) {
+    const baseVariables = { ...DEFAULT_APPEARANCE.variables, ...base.variables };
+    const baseLayout = { ...DEFAULT_APPEARANCE.layout, ...base.layout };
+    const elements = {};
+    for (const name of new Set([
+        ...Object.keys(base.elements ?? {}),
+        ...Object.keys(override.elements ?? {}),
+    ])) {
+        const baseElement = base.elements?.[name];
+        const overrideElement = override.elements?.[name];
+        elements[name] = {
+            ...baseElement,
+            ...overrideElement,
+            ...(baseElement?.styles === undefined &&
+                overrideElement?.styles === undefined
+                ? {}
+                : { styles: { ...baseElement?.styles, ...overrideElement?.styles } }),
+        };
+    }
+    const darkVariables = base.darkVariables === undefined && override.darkVariables === undefined
+        ? undefined
+        : { ...base.darkVariables, ...override.darkVariables };
+    const unstyled = override.unstyled ?? base.unstyled;
+    return deepFreeze({
+        theme: override.theme ?? base.theme ?? DEFAULT_APPEARANCE.theme,
+        variables: { ...baseVariables, ...override.variables },
+        ...(darkVariables === undefined ? {} : { darkVariables }),
+        ...(unstyled === undefined ? {} : { unstyled }),
+        layout: { ...baseLayout, ...override.layout },
+        elements,
+    });
+}
+const CSS_VARIABLES = {
+    colorPrimary: "--pmfa-color-primary",
+    colorBackground: "--pmfa-color-background",
+    colorForeground: "--pmfa-color-foreground",
+    colorMuted: "--pmfa-color-muted",
+    colorBorder: "--pmfa-color-border",
+    colorDanger: "--pmfa-color-danger",
+    colorSuccess: "--pmfa-color-success",
+    fontFamily: "--pmfa-font-family",
+    fontSizeBase: "--pmfa-font-size-base",
+    spacingSmall: "--pmfa-spacing-small",
+    spacingMedium: "--pmfa-spacing-medium",
+    spacingLarge: "--pmfa-spacing-large",
+    radiusSmall: "--pmfa-radius-small",
+    radiusMedium: "--pmfa-radius-medium",
+    radiusLarge: "--pmfa-radius-large",
+    shadowPanel: "--pmfa-shadow-panel",
+    motion: "--pmfa-motion",
+};
+/**
+ * CSS custom properties for an appearance. Dark colors that are set also
+ * emit `--pmfa-dark-color-*`, which the stylesheet reads in the dark theme.
+ */
+export function appearanceToCssVariables(appearance) {
+    const light = Object.entries(CSS_VARIABLES).map(([key, cssName]) => [
+        cssName,
+        appearance.variables[key],
+    ]);
+    const dark = Object.entries(CSS_VARIABLES).flatMap(([key, cssName]) => {
+        const value = appearance.darkVariables?.[key];
+        return key.startsWith("color") && value !== undefined
+            ? [
+                [
+                    cssName.replace("--pmfa-color-", "--pmfa-dark-color-"),
+                    value,
+                ],
+            ]
+            : [];
+    });
+    const entries = [...light, ...dark].sort(([left], [right]) => left < right ? -1 : left > right ? 1 : 0);
+    return Object.freeze(Object.fromEntries(entries));
+}
+export function resolveMotionPreference(preference, systemPrefersReduced) {
+    return preference === "system"
+        ? systemPrefersReduced
+            ? "reduced"
+            : "full"
+        : preference;
+}
+function deepFreeze(value) {
+    if (typeof value !== "object" || value === null || Object.isFrozen(value))
+        return value;
+    for (const child of Object.values(value))
+        deepFreeze(child);
+    return Object.freeze(value);
+}
+//# sourceMappingURL=appearance.js.map

package/dist/appearance.js.map

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

package/dist/chat.d.ts

@@ -0,0 +1,83 @@
+/**
+ * Rendering helpers shared by the React and Web Component chat surfaces, so
+ * both group, date, and format messages the same way.
+ */
+export interface ChatLayoutMessage {
+    readonly id: string;
+    readonly createdAt: number;
+    readonly direction: "inbound" | "outbound";
+}
+export type ChatLayoutEntry<T extends ChatLayoutMessage> = {
+    readonly kind: "date";
+    /** Stable across renders: `date:YYYY-M-D` in local time. */
+    readonly key: string;
+    readonly time: number;
+} | {
+    readonly kind: "message";
+    readonly key: string;
+    readonly message: T;
+    /** First message of a run from the same side on the same day. */
+    readonly groupStart: boolean;
+    /** Last message of that run. */
+    readonly groupEnd: boolean;
+};
+/** Oldest first; messages without a valid time sort as the newest. */
+export declare function compareMessageTime(left: {
+    readonly createdAt: number;
+}, right: {
+    readonly createdAt: number;
+}): number;
+/** Local calendar day of a timestamp, or `undefined` for an invalid time. */
+export declare function messageDayKey(time: number): string | undefined;
+/**
+ * Sort messages oldest first, insert a date separator before each new day,
+ * and mark runs of consecutive messages from the same side.
+ */
+export declare function layoutMessages<T extends ChatLayoutMessage>(messages: readonly T[]): readonly ChatLayoutEntry<T>[];
+/** "Today", "Yesterday", or the localized date. */
+export declare function formatDayLabel(time: number, localeCode: string, labels: {
+    readonly today: string;
+    readonly yesterday: string;
+}, now?: number): string;
+/** Localized time of day, or `undefined` for an invalid time. */
+export declare function formatMessageTime(time: number, localeCode: string): string | undefined;
+/** Human-readable file size, such as `1.4 MB`, in the given locale. */
+export declare function formatFileSize(bytes: number, localeCode: string): string;
+export declare function isImageAttachment(attachment: {
+    readonly contentType: string;
+}): boolean;
+/**
+ * `url` when it is an absolute `https:`, `http:`, or `blob:` URL, otherwise
+ * `undefined`. Use it before placing an attachment URL in `href` or `src`, so
+ * `javascript:` and other schemes never reach the DOM.
+ */
+export declare function safeAttachmentUrl(url: string | undefined | null): string | undefined;
+/**
+ * Outline icons (24×24, 2px stroke) used by the chat surfaces. Each value is
+ * the `d` attribute of a single `<path>`.
+ */
+export declare const CHAT_ICONS: {
+    readonly close: "M18 6 6 18M6 6l12 12";
+    readonly send: "M12 19V5M5 12l7-7 7 7";
+    readonly attach: "m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48";
+    readonly reply: "M9 17 4 12l5-5M20 18v-2a4 4 0 0 0-4-4H4";
+    readonly retry: "M3 12a9 9 0 1 0 2.64-6.36L3 8M3 3v5h5";
+    readonly pending: "M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18ZM12 7v5l3 2";
+    readonly sent: "M20 6 9 17l-5-5";
+    readonly failed: "M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18ZM12 8v4M12 16h.01";
+    readonly smiley: "M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18ZM8 14s1.5 2 4 2 4-2 4-2M9 9h.01M15 9h.01";
+    readonly mic: "M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3ZM19 10v2a7 7 0 0 1-14 0v-2M12 19v3";
+    readonly trash: "M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6M10 11v6M14 11v6";
+    readonly search: "M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16ZM21 21l-4.35-4.35";
+    readonly sendArrow: "M5 12h14M13 6l6 6-6 6";
+    readonly file: "M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9ZM14 3v6h6";
+    readonly back: "M15 18l-6-6 6-6";
+    readonly info: "M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18ZM12 16v-4M12 8h.01";
+    readonly phone: "M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92Z";
+    readonly video: "M23 7l-7 5 7 5V7ZM14 5H3a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2Z";
+    readonly link: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71";
+    readonly plus: "M12 5v14M5 12h14";
+    readonly inbox: "M22 12h-6l-2 3h-4l-2-3H2M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11Z";
+};
+export type ChatIconName = keyof typeof CHAT_ICONS;
+//# sourceMappingURL=chat.d.ts.map

package/dist/chat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../src/chat.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,SAAS,EAAE,SAAS,GAAG,UAAU,CAAC;CAC5C;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,iBAAiB,IACnD;IACE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,4DAA4D;IAC5D,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACvB,GACD;IACE,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC;IACpB,iEAAiE;IACjE,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAC7B,gCAAgC;IAChC,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEN,sEAAsE;AACtE,wBAAgB,kBAAkB,CAChC,IAAI,EAAE;IAAE,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;CAAE,EACpC,KAAK,EAAE;IAAE,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;CAAE,GACpC,MAAM,CAIR;AAMD,6EAA6E;AAC7E,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAI9D;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,iBAAiB,EACxD,QAAQ,EAAE,SAAS,CAAC,EAAE,GACrB,SAAS,eAAe,CAAC,CAAC,CAAC,EAAE,CAyB/B;AAED,mDAAmD;AACnD,wBAAgB,cAAc,CAC5B,IAAI,EAAE,MAAM,EACZ,UAAU,EAAE,MAAM,EAClB,MAAM,EAAE;IAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;CAAE,EAC9D,GAAG,GAAE,MAAmB,GACvB,MAAM,CAeR;AAED,iEAAiE;AACjE,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,MAAM,EACZ,UAAU,EAAE,MAAM,GACjB,MAAM,GAAG,SAAS,CAOpB;AAID,uEAAuE;AACvE,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,MAAM,CAaxE;AAED,wBAAgB,iBAAiB,CAAC,UAAU,EAAE;IAC5C,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;CAC9B,GAAG,OAAO,CAEV;AAID;;;;GAIG;AACH,wBAAgB,iBAAiB,CAC/B,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,GAC7B,MAAM,GAAG,SAAS,CAWpB;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;CA4Bb,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,UAAU,CAAC"}

package/dist/chat.js

@@ -0,0 +1,144 @@
+/**
+ * Rendering helpers shared by the React and Web Component chat surfaces, so
+ * both group, date, and format messages the same way.
+ */
+/** Oldest first; messages without a valid time sort as the newest. */
+export function compareMessageTime(left, right) {
+    const a = sortableTime(left.createdAt);
+    const b = sortableTime(right.createdAt);
+    return a === b ? 0 : a < b ? -1 : 1;
+}
+function sortableTime(value) {
+    return Number.isNaN(new Date(value).getTime()) ? Infinity : value;
+}
+/** Local calendar day of a timestamp, or `undefined` for an invalid time. */
+export function messageDayKey(time) {
+    const date = new Date(time);
+    if (Number.isNaN(date.getTime()))
+        return undefined;
+    return `date:${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
+}
+/**
+ * Sort messages oldest first, insert a date separator before each new day,
+ * and mark runs of consecutive messages from the same side.
+ */
+export function layoutMessages(messages) {
+    const sorted = [...messages].sort(compareMessageTime);
+    const days = sorted.map((message) => messageDayKey(message.createdAt));
+    const entries = [];
+    sorted.forEach((message, index) => {
+        const day = days[index];
+        const previous = sorted[index - 1];
+        const next = sorted[index + 1];
+        if (day !== undefined && day !== days[index - 1])
+            entries.push({ kind: "date", key: day, time: message.createdAt });
+        entries.push({
+            kind: "message",
+            key: message.id,
+            message,
+            groupStart: previous === undefined ||
+                previous.direction !== message.direction ||
+                days[index - 1] !== day,
+            groupEnd: next === undefined ||
+                next.direction !== message.direction ||
+                days[index + 1] !== day,
+        });
+    });
+    return entries;
+}
+/** "Today", "Yesterday", or the localized date. */
+export function formatDayLabel(time, localeCode, labels, now = Date.now()) {
+    const day = messageDayKey(time);
+    if (day === messageDayKey(now))
+        return labels.today;
+    const yesterday = new Date(now);
+    yesterday.setDate(yesterday.getDate() - 1);
+    if (day === messageDayKey(yesterday.getTime()))
+        return labels.yesterday;
+    const date = new Date(time);
+    return new Intl.DateTimeFormat(localeCode, {
+        weekday: "short",
+        day: "numeric",
+        month: "short",
+        ...(date.getFullYear() === new Date(now).getFullYear()
+            ? {}
+            : { year: "numeric" }),
+    }).format(date);
+}
+/** Localized time of day, or `undefined` for an invalid time. */
+export function formatMessageTime(time, localeCode) {
+    const date = new Date(time);
+    if (Number.isNaN(date.getTime()))
+        return undefined;
+    return date.toLocaleTimeString(localeCode, {
+        hour: "numeric",
+        minute: "2-digit",
+    });
+}
+const SIZE_UNITS = ["byte", "kilobyte", "megabyte", "gigabyte"];
+/** Human-readable file size, such as `1.4 MB`, in the given locale. */
+export function formatFileSize(bytes, localeCode) {
+    let value = Math.max(0, bytes);
+    let unit = 0;
+    while (value >= 1024 && unit < SIZE_UNITS.length - 1) {
+        value /= 1024;
+        unit += 1;
+    }
+    return new Intl.NumberFormat(localeCode, {
+        style: "unit",
+        unit: SIZE_UNITS[unit],
+        unitDisplay: unit === 0 ? "long" : "short",
+        maximumFractionDigits: unit === 0 || value >= 10 ? 0 : 1,
+    }).format(value);
+}
+export function isImageAttachment(attachment) {
+    return attachment.contentType.toLowerCase().startsWith("image/");
+}
+const SAFE_ATTACHMENT_PROTOCOLS = new Set(["https:", "http:", "blob:"]);
+/**
+ * `url` when it is an absolute `https:`, `http:`, or `blob:` URL, otherwise
+ * `undefined`. Use it before placing an attachment URL in `href` or `src`, so
+ * `javascript:` and other schemes never reach the DOM.
+ */
+export function safeAttachmentUrl(url) {
+    if (typeof url !== "string" || url.trim() === "")
+        return undefined;
+    let parsed;
+    try {
+        parsed = new URL(url.trim());
+    }
+    catch {
+        return undefined;
+    }
+    return SAFE_ATTACHMENT_PROTOCOLS.has(parsed.protocol)
+        ? parsed.href
+        : undefined;
+}
+/**
+ * Outline icons (24×24, 2px stroke) used by the chat surfaces. Each value is
+ * the `d` attribute of a single `<path>`.
+ */
+export const CHAT_ICONS = {
+    close: "M18 6 6 18M6 6l12 12",
+    send: "M12 19V5M5 12l7-7 7 7",
+    attach: "m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48",
+    reply: "M9 17 4 12l5-5M20 18v-2a4 4 0 0 0-4-4H4",
+    retry: "M3 12a9 9 0 1 0 2.64-6.36L3 8M3 3v5h5",
+    pending: "M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18ZM12 7v5l3 2",
+    sent: "M20 6 9 17l-5-5",
+    failed: "M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18ZM12 8v4M12 16h.01",
+    smiley: "M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18ZM8 14s1.5 2 4 2 4-2 4-2M9 9h.01M15 9h.01",
+    mic: "M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3ZM19 10v2a7 7 0 0 1-14 0v-2M12 19v3",
+    trash: "M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6M10 11v6M14 11v6",
+    search: "M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16ZM21 21l-4.35-4.35",
+    sendArrow: "M5 12h14M13 6l6 6-6 6",
+    file: "M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9ZM14 3v6h6",
+    back: "M15 18l-6-6 6-6",
+    info: "M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18ZM12 16v-4M12 8h.01",
+    phone: "M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92Z",
+    video: "M23 7l-7 5 7 5V7ZM14 5H3a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2Z",
+    link: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71",
+    plus: "M12 5v14M5 12h14",
+    inbox: "M22 12h-6l-2 3h-4l-2-3H2M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11Z",
+};
+//# sourceMappingURL=chat.js.map

package/dist/chat.js.map

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