@stapel/chat-react 0.1.0

package/dist/default/ConversationListPanel.d.ts

@@ -0,0 +1,22 @@
+/**
+ * `<ConversationListPanel/>` — the default skin for the inbox, and the screen
+ * this pair's nav manifest mounts (`chat.conversations`, member surface).
+ *
+ * Built entirely on the headless `<ConversationList>`: this file makes visual
+ * decisions and nothing else.
+ */
+import type { ReactElement } from "react";
+export interface ConversationListPanelProps {
+    /** Page size for the underlying list. */
+    limit?: number;
+    /**
+     * Where a row leads, as an href — the SSR-friendly half. A storefront
+     * renders real links so a conversation is right-clickable and indexable by
+     * the browser's own history, not only by a click handler.
+     */
+    openHref?: (conversationId: string) => string;
+    /** Where a row leads, in a SPA. Used when `openHref` is not given. */
+    onOpen?: (conversationId: string) => void;
+}
+export declare function ConversationListPanel(props?: ConversationListPanelProps): ReactElement;
+//# sourceMappingURL=ConversationListPanel.d.ts.map

package/dist/default/ConversationListPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConversationListPanel.d.ts","sourceRoot":"","sources":["../../src/default/ConversationListPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAc1C,MAAM,WAAW,0BAA0B;IACzC,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,MAAM,CAAC;IAC9C,sEAAsE;IACtE,MAAM,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAaD,wBAAgB,qBAAqB,CACnC,KAAK,GAAE,0BAA+B,GACrC,YAAY,CAmHd"}

package/dist/default/ConversationListPanel.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge, Button, Card, Empty, List, Space, Spin, Typography } from "antd";
+import { matchList, useErrorDisplay, useI18n, useT } from "@stapel/core";
+import { ConversationList } from "../headless/ConversationList.js";
+import { CHAT_I18N_KEYS } from "../i18n/keys.js";
+import { ErrorAlert } from "./ErrorAlert.js";
+const KIND_KEYS = {
+    direct: CHAT_I18N_KEYS.kindDirect,
+    group: CHAT_I18N_KEYS.kindGroup,
+    support: CHAT_I18N_KEYS.kindSupport,
+};
+function relativeTime(locale, iso) {
+    // A timestamp is data, not copy: `Intl` localizes it from the host's own
+    // locale, so it needs no i18n key and cannot go stale in a catalogue.
+    const parsed = Date.parse(iso);
+    if (Number.isNaN(parsed))
+        return "";
+    return new Intl.DateTimeFormat(locale, {
+        dateStyle: "short",
+        timeStyle: "short",
+    }).format(parsed);
+}
+export function ConversationListPanel(props = {}) {
+    const t = useT();
+    const { locale } = useI18n();
+    // Never the raw `.message` — for a response with no error envelope that is
+    // the transport's own "Request failed with status 500".
+    const errorDisplay = useErrorDisplay(CHAT_I18N_KEYS.unknownError);
+    const { openHref, onOpen } = props;
+    const renderRow = (row) => {
+        const kindKey = KIND_KEYS[row.kind] ?? CHAT_I18N_KEYS.kindDirect;
+        const title = t(kindKey);
+        return (_jsx(List.Item, { "data-testid": "chat-conversation-row", extra: row.unread_count > 0 ? (_jsx(Badge, { count: row.unread_count, 
+                // The badge is a number; the accessible sentence is the key.
+                title: t(CHAT_I18N_KEYS.listUnread, { count: row.unread_count }) })) : null, children: _jsx(List.Item.Meta, { title: openHref ? (_jsx(Typography.Link, { href: openHref(row.id), children: title })) : onOpen ? (_jsx(Button, { type: "link", style: { padding: 0 }, onClick: () => onOpen(row.id), "data-analytics": "none", "data-analytics-reason": "navigation into a thread \u2014 the host app wraps this with its own tracked(); pairs carry no @stapel/analytics runtime dependency by architecture", children: title })) : (
+                // Neither route given: a title, not a control that goes
+                // nowhere. A dead affordance is worse than none.
+                _jsx(Typography.Text, { strong: true, children: title })), description: _jsx(Typography.Text, { type: "secondary", children: relativeTime(locale, row.updated_at) }) }) }));
+    };
+    return (_jsx(ConversationList, { ...(props.limit !== undefined ? { limit: props.limit } : {}), children: ({ state, hasNextPage, isFetchingNextPage, fetchNextPage, refetch }) => (_jsxs(Card, { "data-testid": "chat-conversation-list", children: [_jsx(Typography.Title, { level: 4, style: { marginTop: 0 }, children: t(CHAT_I18N_KEYS.listTitle) }), matchList(state, {
+                    loading: () => _jsx(Spin, { style: { marginTop: 16 } }),
+                    // One arm owns the failure; the empty copy is unreachable from
+                    // here, so an outage can never render as "no conversations yet".
+                    failed: (error) => (_jsxs("div", { style: { marginTop: 16 }, "data-testid": "chat-conversation-list-error", children: [_jsx(ErrorAlert, { error: errorDisplay(error) }), _jsx(Button, { style: { marginTop: 12 }, onClick: refetch, "data-analytics": "none", "data-analytics-reason": "recovery affordance for a failed read \u2014 host app wraps with its own tracked()", children: t(CHAT_I18N_KEYS.listRetry) })] })),
+                    empty: () => (_jsx(Empty, { style: { marginTop: 16 }, "data-testid": "chat-conversation-list-empty", description: t(CHAT_I18N_KEYS.listEmpty) })),
+                    ready: (rows) => (_jsxs(Space, { direction: "vertical", style: { width: "100%" }, children: [_jsx(List, { style: { marginTop: 16 }, dataSource: [...rows], rowKey: (row) => row.id, renderItem: renderRow }), hasNextPage ? (_jsx(Button, { loading: isFetchingNextPage, onClick: () => fetchNextPage(), "data-analytics": "none", "data-analytics-reason": "business action \u2014 host app wraps with its own tracked()", children: t(CHAT_I18N_KEYS.listLoadMore) })) : (_jsx(Typography.Text, { type: "secondary", children: t(CHAT_I18N_KEYS.listEnd) }))] })),
+                })] })) }));
+}
+//# sourceMappingURL=ConversationListPanel.js.map

package/dist/default/ConversationListPanel.js.map

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

package/dist/default/ConversationThreadPanel.d.ts

@@ -0,0 +1,21 @@
+/**
+ * `<ConversationThreadPanel/>` — the default skin for one thread: the messages,
+ * the "show earlier" control, a live/polling indicator, and the composer.
+ *
+ * The transport indicator is the ONLY place a person is told how freshness
+ * arrives, and it is a label, never a behaviour: nothing else on this screen
+ * branches on it. That is the seam holding — the same component renders a
+ * socket-fed thread and a polled one.
+ */
+import type { ReactElement } from "react";
+export interface ConversationThreadPanelProps {
+    conversationId: string;
+    /** The reader, when the host knows them — used only to align their own
+     * lines. Absent, every message is rendered the same way rather than
+     * guessed at. */
+    viewerId?: string | null;
+    limit?: number;
+    maxLength?: number;
+}
+export declare function ConversationThreadPanel(props: ConversationThreadPanelProps): ReactElement;
+//# sourceMappingURL=ConversationThreadPanel.d.ts.map

package/dist/default/ConversationThreadPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConversationThreadPanel.d.ts","sourceRoot":"","sources":["../../src/default/ConversationThreadPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAC;AAsBzD,MAAM,WAAW,4BAA4B;IAC3C,cAAc,EAAE,MAAM,CAAC;IACvB;;qBAEiB;IACjB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAwHD,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,4BAA4B,GAClC,YAAY,CAmFd"}

package/dist/default/ConversationThreadPanel.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Card, Empty, Flex, Input, Space, Spin, Tag, Typography } from "antd";
+import { matchList, useActionGate, useErrorDisplay, useI18n, useT, } from "@stapel/core";
+import { ConversationThread } from "../headless/ConversationThread.js";
+import { MessageComposer } from "../headless/MessageComposer.js";
+import { CHAT_I18N_KEYS } from "../i18n/keys.js";
+import { ErrorAlert } from "./ErrorAlert.js";
+const TRANSPORT_KEYS = {
+    socket: CHAT_I18N_KEYS.transportLive,
+    polling: CHAT_I18N_KEYS.transportPolling,
+    idle: CHAT_I18N_KEYS.transportIdle,
+};
+function MessageRow(props) {
+    const t = useT();
+    const { message, viewerId, locale } = props;
+    const isSystem = message.kind === "system";
+    const isOwn = !isSystem && viewerId != null && message.sender_id === viewerId;
+    const bubble = {
+        alignSelf: isOwn ? "flex-end" : "flex-start",
+        maxWidth: "42rem",
+    };
+    const stamp = Number.isNaN(Date.parse(message.created_at))
+        ? ""
+        : new Intl.DateTimeFormat(locale, { timeStyle: "short" }).format(Date.parse(message.created_at));
+    return (_jsxs("div", { style: bubble, "data-testid": "chat-message", "data-seq": message.seq, children: [isSystem ? (_jsx(Typography.Text, { type: "secondary", children: t(CHAT_I18N_KEYS.threadSystem) })) : null, _jsx(Typography.Paragraph, { style: { marginBottom: 0 }, children: message.body }), _jsx(Typography.Text, { type: "secondary", style: { fontSize: 12 }, children: stamp })] }));
+}
+function Composer(props) {
+    const t = useT();
+    const errorDisplay = useErrorDisplay(CHAT_I18N_KEYS.unknownError);
+    return (_jsx(MessageComposer, { conversationId: props.conversationId, ...(props.maxLength !== undefined ? { maxLength: props.maxLength } : {}), children: ({ value, setValue, availability, isSending, error, send, maxLength, length }) => (_jsx(ComposerBody, { value: value, setValue: setValue, isSending: isSending, send: send, maxLength: maxLength, length: length, availability: availability, errorNode: _jsx(ErrorAlert, { error: errorDisplay(error) }), t: t })) }));
+}
+/** Split out so `useActionGate` is called from a component, not a callback. */
+function ComposerBody(props) {
+    const gate = useActionGate(props.availability);
+    const { t } = props;
+    return (_jsxs(Space, { direction: "vertical", style: { width: "100%" }, children: [props.errorNode, _jsx(Input.TextArea, { value: props.value, onChange: (event) => props.setValue(event.target.value), placeholder: t(CHAT_I18N_KEYS.composerPlaceholder), autoSize: { minRows: 2, maxRows: 6 }, "data-testid": "chat-composer-input" }), _jsxs(Flex, { align: "center", gap: 12, wrap: "wrap", children: [_jsx(Button, { type: "primary", disabled: gate.disabled, loading: props.isSending, onClick: props.send, "data-testid": "chat-composer-send", "data-analytics": "none", "data-analytics-reason": "business action \u2014 host app wraps with its own tracked()", children: props.isSending
+                            ? t(CHAT_I18N_KEYS.composerSending)
+                            : t(CHAT_I18N_KEYS.composerSend) }), gate.reason ? (_jsx(Typography.Text, { type: "secondary", "data-testid": "chat-composer-blocked", children: gate.reason })) : null, _jsx(Typography.Text, { type: "secondary", style: { marginLeft: "auto" }, children: `${props.length}/${props.maxLength}` })] })] }));
+}
+export function ConversationThreadPanel(props) {
+    const t = useT();
+    const { locale } = useI18n();
+    const errorDisplay = useErrorDisplay(CHAT_I18N_KEYS.unknownError);
+    return (_jsx(ConversationThread, { conversationId: props.conversationId, ...(props.limit !== undefined ? { limit: props.limit } : {}), children: ({ state, hasOlder, isLoadingOlder, loadOlder, refetch, transport }) => (_jsxs(Card, { "data-testid": "chat-thread", children: [_jsxs(Flex, { justify: "space-between", align: "center", style: { marginBottom: 12 }, children: [_jsx(Typography.Title, { level: 4, style: { margin: 0 }, children: t(CHAT_I18N_KEYS.listTitle) }), _jsx(Tag, { "data-testid": "chat-transport", "data-transport": transport, children: t(TRANSPORT_KEYS[transport]) })] }), matchList(state, {
+                    loading: () => _jsx(Spin, {}),
+                    failed: (error) => (_jsxs("div", { "data-testid": "chat-thread-error", children: [_jsx(ErrorAlert, { error: errorDisplay(error) }), _jsx(Button, { style: { marginTop: 12 }, onClick: refetch, "data-analytics": "none", "data-analytics-reason": "recovery affordance for a failed read \u2014 host app wraps with its own tracked()", children: t(CHAT_I18N_KEYS.threadRetry) })] })),
+                    empty: () => (_jsx(Empty, { "data-testid": "chat-thread-empty", description: t(CHAT_I18N_KEYS.threadEmpty) })),
+                    ready: (messages) => (_jsxs(Space, { direction: "vertical", style: { width: "100%" }, children: [hasOlder ? (_jsx(Button, { loading: isLoadingOlder, onClick: loadOlder, "data-testid": "chat-thread-older", "data-analytics": "none", "data-analytics-reason": "business action \u2014 host app wraps with its own tracked()", children: t(CHAT_I18N_KEYS.threadLoadOlder) })) : (_jsx(Typography.Text, { type: "secondary", children: t(CHAT_I18N_KEYS.threadBeginning) })), _jsx(Flex, { vertical: true, gap: 8, style: { width: "100%" }, children: messages.map((message) => (_jsx(MessageRow, { message: message, viewerId: props.viewerId, locale: locale }, message.id))) })] })),
+                }), _jsx("div", { style: { marginTop: 16 }, children: _jsx(Composer, { conversationId: props.conversationId, maxLength: props.maxLength }) })] })) }));
+}
+//# sourceMappingURL=ConversationThreadPanel.js.map

package/dist/default/ConversationThreadPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConversationThreadPanel.js","sourceRoot":"","sources":["../../src/default/ConversationThreadPanel.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AACtF,OAAO,EACL,SAAS,EACT,aAAa,EACb,eAAe,EACf,OAAO,EACP,IAAI,GACL,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,MAAM,cAAc,GAAkC;IACpD,MAAM,EAAE,cAAc,CAAC,aAAa;IACpC,OAAO,EAAE,cAAc,CAAC,gBAAgB;IACxC,IAAI,EAAE,cAAc,CAAC,aAAa;CACnC,CAAC;AAYF,SAAS,UAAU,CAAC,KAInB;IACC,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAC5C,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,KAAK,QAAQ,CAAC;IAC3C,MAAM,KAAK,GACT,CAAC,QAAQ,IAAI,QAAQ,IAAI,IAAI,IAAI,OAAO,CAAC,SAAS,KAAK,QAAQ,CAAC;IAClE,MAAM,MAAM,GAAkB;QAC5B,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY;QAC5C,QAAQ,EAAE,OAAO;KAClB,CAAC;IACF,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;QACxD,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC,MAAM,CAC5D,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAC/B,CAAC;IACN,OAAO,CACL,eAAK,KAAK,EAAE,MAAM,iBAAc,cAAc,cAAW,OAAO,CAAC,GAAG,aACjE,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,UAAU,CAAC,IAAI,IAAC,IAAI,EAAC,WAAW,YAC9B,CAAC,CAAC,cAAc,CAAC,YAAY,CAAC,GACf,CACnB,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,UAAU,CAAC,SAAS,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,YAC7C,OAAO,CAAC,IAAI,GACQ,EACvB,KAAC,UAAU,CAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,YACtD,KAAK,GACU,IACd,CACP,CAAC;AACJ,CAAC;AAED,SAAS,QAAQ,CAAC,KAGjB;IACC,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,MAAM,YAAY,GAAG,eAAe,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;IAClE,OAAO,CACL,KAAC,eAAe,IACd,cAAc,EAAE,KAAK,CAAC,cAAc,KAChC,CAAC,KAAK,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YAExE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CACjF,KAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,KAAC,UAAU,IAAC,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,GAAI,EACrD,CAAC,EAAE,CAAC,GACJ,CACH,GACe,CACnB,CAAC;AACJ,CAAC;AAED,+EAA+E;AAC/E,SAAS,YAAY,CAAC,KAUrB;IACC,MAAM,IAAI,GAAG,aAAa,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAC/C,MAAM,EAAE,CAAC,EAAE,GAAG,KAAK,CAAC;IACpB,OAAO,CACL,MAAC,KAAK,IAAC,SAAS,EAAC,UAAU,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,aACjD,KAAK,CAAC,SAAS,EAChB,KAAC,KAAK,CAAC,QAAQ,IACb,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EACvD,WAAW,EAAE,CAAC,CAAC,cAAc,CAAC,mBAAmB,CAAC,EAClD,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,iBACxB,qBAAqB,GACjC,EACF,MAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,EAAE,IAAI,EAAC,MAAM,aACvC,KAAC,MAAM,IACL,IAAI,EAAC,SAAS,EACd,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,KAAK,CAAC,SAAS,EACxB,OAAO,EAAE,KAAK,CAAC,IAAI,iBACP,oBAAoB,oBACjB,MAAM,2BACC,8DAAyD,YAE9E,KAAK,CAAC,SAAS;4BACd,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,eAAe,CAAC;4BACnC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,YAAY,CAAC,GAC3B,EAIR,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CACb,KAAC,UAAU,CAAC,IAAI,IAAC,IAAI,EAAC,WAAW,iBAAa,uBAAuB,YAClE,IAAI,CAAC,MAAM,GACI,CACnB,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,UAAU,CAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,YAC5D,GAAG,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,SAAS,EAAE,GACrB,IACb,IACD,CACT,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,uBAAuB,CACrC,KAAmC;IAEnC,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,MAAM,EAAE,MAAM,EAAE,GAAG,OAAO,EAAE,CAAC;IAC7B,MAAM,YAAY,GAAG,eAAe,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;IAElE,OAAO,CACL,KAAC,kBAAkB,IACjB,cAAc,EAAE,KAAK,CAAC,cAAc,KAChC,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YAE5D,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CACvE,MAAC,IAAI,mBAAa,aAAa,aAC7B,MAAC,IAAI,IAAC,OAAO,EAAC,eAAe,EAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,aACtE,KAAC,UAAU,CAAC,KAAK,IAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,YAC7C,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC,GACX,EACnB,KAAC,GAAG,mBAAa,gBAAgB,oBAAiB,SAAS,YACxD,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,GACzB,IACD,EAEN,SAAS,CAAC,KAAK,EAAE;oBAChB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAC,IAAI,KAAG;oBACvB,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CACjB,8BAAiB,mBAAmB,aAClC,KAAC,UAAU,IAAC,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,GAAI,EAC1C,KAAC,MAAM,IACL,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,EACxB,OAAO,EAAE,OAAO,oBACD,MAAM,2BACC,oFAA+E,YAEpG,CAAC,CAAC,cAAc,CAAC,WAAW,CAAC,GACvB,IACL,CACP;oBACD,KAAK,EAAE,GAAG,EAAE,CAAC,CACX,KAAC,KAAK,mBACQ,mBAAmB,EAC/B,WAAW,EAAE,CAAC,CAAC,cAAc,CAAC,WAAW,CAAC,GAC1C,CACH;oBACD,KAAK,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,CACnB,MAAC,KAAK,IAAC,SAAS,EAAC,UAAU,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,aACjD,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,MAAM,IACL,OAAO,EAAE,cAAc,EACvB,OAAO,EAAE,SAAS,iBACN,mBAAmB,oBAChB,MAAM,2BACC,8DAAyD,YAE9E,CAAC,CAAC,cAAc,CAAC,eAAe,CAAC,GAC3B,CACV,CAAC,CAAC,CAAC,CACF,KAAC,UAAU,CAAC,IAAI,IAAC,IAAI,EAAC,WAAW,YAC9B,CAAC,CAAC,cAAc,CAAC,eAAe,CAAC,GAClB,CACnB,EACD,KAAC,IAAI,IAAC,QAAQ,QAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,YAC5C,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACzB,KAAC,UAAU,IAET,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,MAAM,EAAE,MAAM,IAHT,OAAO,CAAC,EAAE,CAIf,CACH,CAAC,GACG,IACD,CACT;iBACF,CAAC,EAEF,cAAK,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,YAC3B,KAAC,QAAQ,IACP,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,SAAS,EAAE,KAAK,CAAC,SAAS,GAC1B,GACE,IACD,CACR,GACkB,CACtB,CAAC;AACJ,CAAC"}

package/dist/default/ErrorAlert.d.ts

@@ -0,0 +1,8 @@
+import type { CSSProperties, ReactElement } from "react";
+import type { FlowErrorDisplay } from "@stapel/core";
+export declare function ErrorAlert(props: {
+    error: FlowErrorDisplay | undefined;
+    style?: CSSProperties | undefined;
+    testId?: string | undefined;
+}): ReactElement | null;
+//# sourceMappingURL=ErrorAlert.d.ts.map

package/dist/default/ErrorAlert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorAlert.d.ts","sourceRoot":"","sources":["../../src/default/ErrorAlert.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAErD,wBAAgB,UAAU,CAAC,KAAK,EAAE;IAChC,KAAK,EAAE,gBAAgB,GAAG,SAAS,CAAC;IACpC,KAAK,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC7B,GAAG,YAAY,GAAG,IAAI,CAqBtB"}

package/dist/default/ErrorAlert.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * The one error surface this pair's default skins render, so the split copy
+ * core produces reaches a screen the same way everywhere.
+ *
+ * Core's `describeFlowError` splits a failure into the sentence a person reads
+ * and the technical detail a support agent quotes. The split is only worth
+ * anything if a skin renders both halves at their own weights: `message` at
+ * normal weight, `detail` muted and small, where an eye skips it and a support
+ * agent finds it.
+ *
+ * `undefined` in — including a `detail` core left `undefined` because there
+ * was nothing worth quoting — renders nothing rather than an empty muted line.
+ */
+import { Alert, Typography } from "antd";
+export function ErrorAlert(props) {
+    const { error } = props;
+    if (!error)
+        return null;
+    return (_jsx(Alert, { type: "error", showIcon: true, ...(props.style ? { style: props.style } : {}), ...(props.testId ? { "data-testid": props.testId } : {}), message: error.message, ...(error.detail
+            ? {
+                description: (_jsx(Typography.Text, { type: "secondary", style: { fontSize: 12 }, children: error.detail })),
+            }
+            : {}) }));
+}
+//# sourceMappingURL=ErrorAlert.js.map

package/dist/default/ErrorAlert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorAlert.js","sourceRoot":"","sources":["../../src/default/ErrorAlert.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAIzC,MAAM,UAAU,UAAU,CAAC,KAI1B;IACC,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IACxB,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IACxB,OAAO,CACL,KAAC,KAAK,IACJ,IAAI,EAAC,OAAO,EACZ,QAAQ,WACJ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAC3C,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACzD,OAAO,EAAE,KAAK,CAAC,OAAO,KAClB,CAAC,KAAK,CAAC,MAAM;YACf,CAAC,CAAC;gBACE,WAAW,EAAE,CACX,KAAC,UAAU,CAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,YACtD,KAAK,CAAC,MAAM,GACG,CACnB;aACF;YACH,CAAC,CAAC,EAAE,CAAC,GACP,CACH,CAAC;AACJ,CAAC"}

package/dist/default/StartChatButton.d.ts

@@ -0,0 +1,17 @@
+/**
+ * `<StartChatButton/>` — "message the seller" on a listing card, skinned.
+ *
+ * The control is either pressable or switched off WITH a sentence beside it
+ * (no seller on the listing; the listing is your own). It never renders as a
+ * grey rectangle with no explanation.
+ */
+import type { ReactElement } from "react";
+import type { Conversation } from "../api/types.js";
+export interface StartChatButtonProps {
+    sellerId: string | null | undefined;
+    viewerId?: string | null;
+    onOpened?: (conversation: Conversation) => void;
+    block?: boolean;
+}
+export declare function StartChatButton(props: StartChatButtonProps): ReactElement;
+//# sourceMappingURL=StartChatButton.d.ts.map

package/dist/default/StartChatButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StartChatButton.d.ts","sourceRoot":"","sources":["../../src/default/StartChatButton.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAKpD,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACpC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAC;IAChD,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAsCD,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,CAkBzE"}

package/dist/default/StartChatButton.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Space, Typography } from "antd";
+import { useActionGate, useErrorDisplay, useT } from "@stapel/core";
+import { StartDirectChat } from "../headless/StartDirectChat.js";
+import { CHAT_I18N_KEYS } from "../i18n/keys.js";
+import { ErrorAlert } from "./ErrorAlert.js";
+function StartChatBody(props) {
+    const t = useT();
+    const gate = useActionGate(props.availability);
+    const errorDisplay = useErrorDisplay(CHAT_I18N_KEYS.unknownError);
+    return (_jsxs(Space, { direction: "vertical", style: { width: props.block ? "100%" : undefined }, children: [_jsx(Button, { type: "primary", block: props.block ?? false, disabled: gate.disabled, loading: props.isStarting, onClick: props.start, "data-testid": "chat-start-button", "data-analytics": "none", "data-analytics-reason": "business action \u2014 host app wraps with its own tracked()", children: props.isStarting
+                    ? t(CHAT_I18N_KEYS.startStarting)
+                    : t(CHAT_I18N_KEYS.startButton) }), gate.reason ? (_jsx(Typography.Text, { type: "secondary", "data-testid": "chat-start-blocked", children: gate.reason })) : null, _jsx(ErrorAlert, { error: errorDisplay(props.error) })] }));
+}
+export function StartChatButton(props) {
+    return (_jsx(StartDirectChat, { sellerId: props.sellerId, ...(props.viewerId !== undefined ? { viewerId: props.viewerId } : {}), ...(props.onOpened !== undefined ? { onOpened: props.onOpened } : {}), children: ({ availability, isStarting, error, start }) => (_jsx(StartChatBody, { availability: availability, isStarting: isStarting, error: error, start: start, block: props.block })) }));
+}
+//# sourceMappingURL=StartChatButton.js.map

package/dist/default/StartChatButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StartChatButton.js","sourceRoot":"","sources":["../../src/default/StartChatButton.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAS7C,SAAS,aAAa,CAAC,KAMtB;IACC,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,MAAM,IAAI,GAAG,aAAa,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAC/C,MAAM,YAAY,GAAG,eAAe,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;IAClE,OAAO,CACL,MAAC,KAAK,IAAC,SAAS,EAAC,UAAU,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,aAC5E,KAAC,MAAM,IACL,IAAI,EAAC,SAAS,EACd,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,KAAK,EAC3B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,KAAK,CAAC,UAAU,EACzB,OAAO,EAAE,KAAK,CAAC,KAAK,iBACR,mBAAmB,oBAChB,MAAM,2BACC,8DAAyD,YAE9E,KAAK,CAAC,UAAU;oBACf,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,aAAa,CAAC;oBACjC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,WAAW,CAAC,GAC1B,EACR,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CACb,KAAC,UAAU,CAAC,IAAI,IAAC,IAAI,EAAC,WAAW,iBAAa,oBAAoB,YAC/D,IAAI,CAAC,MAAM,GACI,CACnB,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,UAAU,IAAC,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,GAAI,IAC1C,CACT,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,OAAO,CACL,KAAC,eAAe,IACd,QAAQ,EAAE,KAAK,CAAC,QAAQ,KACpB,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAClE,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YAErE,CAAC,EAAE,YAAY,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAC/C,KAAC,aAAa,IACZ,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,CAAC,KAAK,GAClB,CACH,GACe,CACnB,CAAC;AACJ,CAAC"}

package/dist/default/index.d.ts

@@ -0,0 +1,21 @@
+/**
+ * `@stapel/chat-react/default` — the opt-in antd skin for this pair (mirrors
+ * auth-react's `/default` split, §54): a separate entry point so consumers who
+ * bring their own visuals never pull `antd` into their bundle; importing this
+ * subpath is the opt-in.
+ *
+ * ```tsx
+ * import {
+ *   ConversationListPanel,
+ *   ConversationThreadPanel,
+ *   StartChatButton,
+ * } from "@stapel/chat-react/default";
+ * ```
+ */
+export { ConversationListPanel } from "./ConversationListPanel.js";
+export type { ConversationListPanelProps } from "./ConversationListPanel.js";
+export { ConversationThreadPanel } from "./ConversationThreadPanel.js";
+export type { ConversationThreadPanelProps } from "./ConversationThreadPanel.js";
+export { StartChatButton } from "./StartChatButton.js";
+export type { StartChatButtonProps } from "./StartChatButton.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/default/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/default/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,YAAY,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AAC7E,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,YAAY,EAAE,4BAA4B,EAAE,MAAM,8BAA8B,CAAC;AACjF,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,YAAY,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/default/index.js

@@ -0,0 +1,18 @@
+/**
+ * `@stapel/chat-react/default` — the opt-in antd skin for this pair (mirrors
+ * auth-react's `/default` split, §54): a separate entry point so consumers who
+ * bring their own visuals never pull `antd` into their bundle; importing this
+ * subpath is the opt-in.
+ *
+ * ```tsx
+ * import {
+ *   ConversationListPanel,
+ *   ConversationThreadPanel,
+ *   StartChatButton,
+ * } from "@stapel/chat-react/default";
+ * ```
+ */
+export { ConversationListPanel } from "./ConversationListPanel.js";
+export { ConversationThreadPanel } from "./ConversationThreadPanel.js";
+export { StartChatButton } from "./StartChatButton.js";
+//# sourceMappingURL=index.js.map

package/dist/default/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/default/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAEnE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAEvE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/flows/errors.d.ts

@@ -0,0 +1,12 @@
+import type { FlowError } from "@stapel/core";
+export type { FlowError } from "@stapel/core";
+export { isErrorCode } from "@stapel/core";
+/**
+ * Fold any thrown value into a {@link FlowError} using this pair's own
+ * module-scoped fallback key (`chat.error.unknown`, an en string in
+ * `chatI18nBundleEn`) so a non-`StapelApiError` fault still renders real copy
+ * rather than a raw key. The primitive lives in `@stapel/core`
+ * (frontend-core-architecture §4b); this wrapper only pins the fallback.
+ */
+export declare function toFlowError(error: unknown): FlowError;
+//# sourceMappingURL=errors.d.ts.map

package/dist/flows/errors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"errors.d.ts","sourceRoot":"","sources":["../../src/flows/errors.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,YAAY,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,OAAO,GAAG,SAAS,CAErD"}

package/dist/flows/errors.js

@@ -0,0 +1,13 @@
+import { toFlowError as coreToFlowError } from "@stapel/core";
+export { isErrorCode } from "@stapel/core";
+/**
+ * Fold any thrown value into a {@link FlowError} using this pair's own
+ * module-scoped fallback key (`chat.error.unknown`, an en string in
+ * `chatI18nBundleEn`) so a non-`StapelApiError` fault still renders real copy
+ * rather than a raw key. The primitive lives in `@stapel/core`
+ * (frontend-core-architecture §4b); this wrapper only pins the fallback.
+ */
+export function toFlowError(error) {
+    return coreToFlowError(error, "chat.error.unknown");
+}
+//# sourceMappingURL=errors.js.map

package/dist/flows/errors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"errors.js","sourceRoot":"","sources":["../../src/flows/errors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,cAAc,CAAC;AAI9D,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C;;;;;;GAMG;AACH,MAAM,UAAU,WAAW,CAAC,KAAc;IACxC,OAAO,eAAe,CAAC,KAAK,EAAE,oBAAoB,CAAC,CAAC;AACtD,CAAC"}

package/dist/flows/freshness.d.ts

@@ -0,0 +1,69 @@
+import type { QueryKey } from "@tanstack/react-query";
+import type { ChatConnectionState, ChatSocketRefusal } from "../realtime/chatSocket.js";
+import type { ChatStreamKey } from "../realtime/streams.js";
+/**
+ * What a transport reports upward. One vocabulary for both, so the mapping
+ * function does not care where the news came from:
+ *
+ *  - `message` — a specific message landed (socket only),
+ *  - `resync` — the stream gave up on incremental delivery; re-read the
+ *    journal (socket `error{resync}`),
+ *  - `tick` — a scheduled "check for news" (polling), or a catch-up after a
+ *    reconnect.
+ */
+export type ChatSignal = {
+    readonly kind: "message";
+    readonly conversationId: string;
+    readonly seq: number;
+} | {
+    readonly kind: "resync";
+    readonly conversationId: string;
+} | {
+    readonly kind: "tick";
+};
+/** Signal → the query keys it makes stale. The whole contract with the UI. */
+export type ChatSignalKeyMap = (signal: ChatSignal) => readonly QueryKey[];
+/** Which transport is actually carrying freshness right now. */
+export type ChatTransport = "socket" | "polling" | "idle";
+export interface ChatFreshnessOptions {
+    /**
+     * Polling period (ms) used whenever the socket is not carrying the stream.
+     * `0` (the default) means no polling — a stream that is only ever live.
+     * The storefront spec's periods: an open thread 3000, the inbox 15000.
+     */
+    readonly fallbackRefetchInterval?: number;
+    /** Off entirely — an unauthenticated visitor, an unmounted screen. */
+    readonly enabled?: boolean;
+    /**
+     * Whether the SOCKET half may open (default `true`). Polling is unaffected.
+     *
+     * A resumable stream must not be subscribed before its cursor exists:
+     * `hello{last_seq: 0}` asks the server to replay the whole thread over the
+     * socket, which the store would then discard and re-read by REST. So
+     * `<ConversationThread>` holds the socket back until the window is loaded,
+     * while polling stays on — polling is also how a FAILED first read
+     * recovers, and switching that off with the socket would leave a broken
+     * thread broken until someone pressed something.
+     *
+     * The substrate is expected to subsume this: a stream that owns its own
+     * cursor knows when it has one.
+     */
+    readonly socketEnabled?: boolean;
+}
+export interface ChatFreshness {
+    readonly transport: ChatTransport;
+    readonly connection: ChatConnectionState;
+    /** Why the socket will not come back, when it will not. */
+    readonly refusal: ChatSocketRefusal | undefined;
+    /** Check for news right now (a pull-to-refresh, a regained focus). */
+    pollNow(): void;
+}
+/**
+ * The polling periods the storefront spec fixes (§3.6): an open thread 3 s,
+ * the inbox 15 s. They live here, beside the transport that uses them, rather
+ * than in the components — the numbers are a property of the seam.
+ */
+export declare const THREAD_INTERVAL_MS = 3000;
+export declare const CONVERSATION_LIST_INTERVAL_MS = 15000;
+export declare function useChatFreshness(stream: ChatStreamKey, mapToQueryKeys: ChatSignalKeyMap, options?: ChatFreshnessOptions): ChatFreshness;
+//# sourceMappingURL=freshness.d.ts.map

package/dist/flows/freshness.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"freshness.d.ts","sourceRoot":"","sources":["../../src/flows/freshness.ts"],"names":[],"mappings":"AAuCA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAMtD,OAAO,KAAK,EACV,mBAAmB,EACnB,iBAAiB,EAElB,MAAM,2BAA2B,CAAC;AAGnC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE5D;;;;;;;;;GASG;AACH,MAAM,MAAM,UAAU,GAClB;IAAE,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC;IAAC,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;CAAE,GACnF;IAAE,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC;IAAC,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;CAAE,GAC5D;IAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9B,8EAA8E;AAC9E,MAAM,MAAM,gBAAgB,GAAG,CAAC,MAAM,EAAE,UAAU,KAAK,SAAS,QAAQ,EAAE,CAAC;AAE3E,gEAAgE;AAChE,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AAE1D,MAAM,WAAW,oBAAoB;IACnC;;;;OAIG;IACH,QAAQ,CAAC,uBAAuB,CAAC,EAAE,MAAM,CAAC;IAC1C,sEAAsE;IACtE,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B;;;;;;;;;;;;;OAaG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,SAAS,EAAE,aAAa,CAAC;IAClC,QAAQ,CAAC,UAAU,EAAE,mBAAmB,CAAC;IACzC,2DAA2D;IAC3D,QAAQ,CAAC,OAAO,EAAE,iBAAiB,GAAG,SAAS,CAAC;IAChD,sEAAsE;IACtE,OAAO,IAAI,IAAI,CAAC;CACjB;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,OAAQ,CAAC;AACxC,eAAO,MAAM,6BAA6B,QAAS,CAAC;AAiBpD,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,aAAa,EACrB,cAAc,EAAE,gBAAgB,EAChC,OAAO,CAAC,EAAE,oBAAoB,GAC7B,aAAa,CAiLf"}