@cratis/components 4.19.1 → 4.20.0

package/dist/esm/Chat/ChatMessageAction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessageAction.d.ts","sourceRoot":"","sources":["../../../Chat/ChatMessageAction.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAe,CAAC;AAEjD;;;;;GAKG;AACH,MAAM,WAAW,iBAAiB,CAAC,QAAQ,SAAS,WAAW,GAAG,WAAW;IACzE,4EAA4E;IAC5E,EAAE,EAAE,MAAM,CAAC;IAEX,oEAAoE;IACpE,KAAK,EAAE,MAAM,CAAC;IAEd,0FAA0F;IAC1F,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IAEzB;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,KAAK,OAAO,CAAC;IAE7C;;;OAGG;IACH,QAAQ,EAAE,CAAC,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC;CACzC"}

package/dist/esm/Chat/ChatMessageAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatMessageAction.js","sourceRoot":"","sources":["../../../Chat/ChatMessageAction.ts"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,qGAAqG"}
+{"version":3,"file":"ChatMessageAction.js","sourceRoot":"","sources":["../../../Chat/ChatMessageAction.ts"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,qGAAqG","sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport type { ReactNode } from 'react';\nimport type { ChatMessage } from './ChatMessage';\n\n/**\n * An action a host offers on messages — shown as a button on every message it is available for.\n * The library ships no actions of its own; whatever a message can be turned into (a task, an\n * issue, a document) is the host's business, expressed as descriptors like this one.\n * @typeParam TMessage The host's message type, so {@link onInvoke} receives the full message back.\n */\nexport interface ChatMessageAction<TMessage extends ChatMessage = ChatMessage> {\n    /** Identifies the action among its siblings — used as the rendering key. */\n    id: string;\n\n    /** The label, shown as the button's tooltip and accessible name. */\n    label: string;\n\n    /** The icon — a CSS class name for an icon font the host provides, or a ready element. */\n    icon: string | ReactNode;\n\n    /**\n     * Decides which messages the action is offered on. Omit to offer it on all of them.\n     * @param message The message the action would apply to.\n     * @returns True when the action should be offered.\n     */\n    isAvailable?: (message: TMessage) => boolean;\n\n    /**\n     * Invoked when the action is picked on a message.\n     * @param message The message it was picked on.\n     */\n    onInvoke: (message: TMessage) => void;\n}\n"]}

package/dist/esm/Chat/ChatMessageBody.d.ts

@@ -16,3 +16,4 @@ export interface ChatMessageBodyProps {
  * apart and the host's own CSS can hang further behavior off them.
  */
 export declare const ChatMessageBody: ({ body, mentions }: ChatMessageBodyProps) => React.JSX.Element;
+//# sourceMappingURL=ChatMessageBody.d.ts.map

package/dist/esm/Chat/ChatMessageBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessageBody.d.ts","sourceRoot":"","sources":["../../../Chat/ChatMessageBody.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAe,CAAC;AAEjD;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACjC,qEAAqE;IACrE,IAAI,EAAE,MAAM,CAAC;IAEb,yFAAyF;IACzF,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;CAC5B;AAED;;;;;GAKG;AACH,eAAO,MAAM,eAAe,uBAAwB,oBAAoB,sBAgBvE,CAAC"}

package/dist/esm/Chat/ChatMessageBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatMessageBody.js","sources":["../../../Chat/ChatMessageBody.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAwBO,MAAM,eAAe,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAwB,MACpEA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,2BAA2B,EAAA,QAAA,EACnC,eAAe,CAAC,IAAI,EAAE,QAAQ,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,KACtD,OAAO,CAAC,OAAO,IACXA,GAAA,CAAA,MAAA,EAAA,EAEI,SAAS,EAAC,8BAA8B,EAAA,WAAA,EAC7B,OAAO,CAAC,OAAO,CAAC,IAAI,EAAA,QAAA,EAE9B,OAAO,CAAC,IAAI,IAJR,KAAK,CAKP,KAEPA,IAAC,KAAK,CAAC,QAAQ,EAAA,EAAA,QAAA,EAAc,OAAO,CAAC,IAAI,IAApB,KAAK,CAAiC,CAC9D,CACJ,EAAA,CACD;;"}
+{"version":3,"file":"ChatMessageBody.js","sources":["../../../Chat/ChatMessageBody.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport React from 'react';\nimport { mentionSegments } from './Kit/Mentions';\nimport type { ChatMention } from './ChatMention';\n\n/**\n * Props for {@link ChatMessageBody}.\n */\nexport interface ChatMessageBodyProps {\n    /** The message text. Mentions appear in it as plain `@Name` text. */\n    body: string;\n\n    /** Who the body mentions — these render distinctly. Omit for a body with no mentions. */\n    mentions?: ChatMention[];\n}\n\n/**\n * The text of one message. The body itself is plain text — including its `@Name` mentions — and\n * this component is what makes the mentions *look* like mentions: each known one renders as its\n * own element, marked with who it addresses, so a person and an agent mention can be styled\n * apart and the host's own CSS can hang further behavior off them.\n */\nexport const ChatMessageBody = ({ body, mentions }: ChatMessageBodyProps) => (\n    <p className='cratis-chat-message__body'>\n        {mentionSegments(body, mentions ?? []).map((segment, index) =>\n            segment.mention ? (\n                <span\n                    key={index}\n                    className='cratis-chat-message__mention'\n                    data-kind={segment.mention.kind}\n                >\n                    {segment.text}\n                </span>\n            ) : (\n                <React.Fragment key={index}>{segment.text}</React.Fragment>\n            ),\n        )}\n    </p>\n);\n"],"names":["_jsx"],"mappings":";;;;;AAwBO,MAAM,eAAe,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAwB,MACpEA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,2BAA2B,EAAA,QAAA,EACnC,eAAe,CAAC,IAAI,EAAE,QAAQ,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,KACtD,OAAO,CAAC,OAAO,IACXA,GAAA,CAAA,MAAA,EAAA,EAEI,SAAS,EAAC,8BAA8B,EAAA,WAAA,EAC7B,OAAO,CAAC,OAAO,CAAC,IAAI,EAAA,QAAA,EAE9B,OAAO,CAAC,IAAI,IAJR,KAAK,CAKP,KAEPA,IAAC,KAAK,CAAC,QAAQ,EAAA,EAAA,QAAA,EAAc,OAAO,CAAC,IAAI,IAApB,KAAK,CAAiC,CAC9D,CACJ,EAAA,CACD;;"}

package/dist/esm/Chat/ChatSidebar.d.ts

@@ -4,6 +4,7 @@ import { type ChatIdentifier } from './ChatIdentifier.js';
 import type { ChatMention } from './ChatMention.js';
 import type { ChatMessage } from './ChatMessage.js';
 import type { ChatTopic } from './ChatTopic.js';
+import type { ChatTopicAction } from './ChatTopicAction.js';
 import type { ChatStatus } from './ChatStatus.js';
 import type { ChatTopicListLabels } from './ChatTopicList.js';
 type ChatSidebarPartAttributes<TElement> = HTMLAttributes<TElement> & {
@@ -64,6 +65,8 @@ export interface ChatSidebarProps<TMessage extends ChatMessage = ChatMessage, TT
      * (observable) query delivers and the conversation re-renders as it changes.
      */
     messages: TMessage[];
+    /** The host's actions to offer on each topic where they are available. The inherited `actions` prop applies only to messages. */
+    topicActions?: ChatTopicAction<TTopic>[];
     /** Topic-list query display state. Defaults to ready when omitted. */
     topicsStatus?: ChatStatus;
     /** Conversation query display state. Defaults to ready when omitted. */
@@ -138,5 +141,6 @@ export interface ChatSidebarProps<TMessage extends ChatMessage = ChatMessage, TT
  * a name through {@link ChatSidebarProps.onRequestTopicName | onRequestTopicName} — rendering a
  * pending placeholder until the name arrives.
  */
-export declare const ChatSidebar: <TMessage extends ChatMessage = ChatMessage, TTopic extends ChatTopic = ChatTopic>({ open, onClose, topics, messages, topicsStatus, messagesStatus, selectedTopicId, onTopicSelected, onStartTopic, onSendMessage, onRequestTopicName, isTopicUnnamed, position, width, modal, labels, className, pt, ...conversation }: ChatSidebarProps<TMessage, TTopic>) => false | import("react").JSX.Element | null;
+export declare const ChatSidebar: <TMessage extends ChatMessage = ChatMessage, TTopic extends ChatTopic = ChatTopic>({ open, onClose, topics, messages, topicActions, topicsStatus, messagesStatus, selectedTopicId, onTopicSelected, onStartTopic, onSendMessage, onRequestTopicName, isTopicUnnamed, position, width, modal, labels, className, pt, ...conversation }: ChatSidebarProps<TMessage, TTopic>) => false | import("react").JSX.Element | null;
 export {};
+//# sourceMappingURL=ChatSidebar.d.ts.map

package/dist/esm/Chat/ChatSidebar.d.ts.map

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

package/dist/esm/Chat/ChatSidebar.js

@@ -12,7 +12,7 @@ import { unstable_useOverlayEnvironment } from '../renderer/RendererContext.js';
 
 const classNames = (...values) => values.filter(Boolean).join(' ');
 const BackIcon = () => (jsxs("svg", { width: '14', height: '14', viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: '2.5', "aria-hidden": 'true', children: [jsx("line", { x1: '19', y1: '12', x2: '5', y2: '12' }), jsx("polyline", { points: '12 19 5 12 12 5' })] }));
-const ChatSidebar = ({ open, onClose, topics, messages, topicsStatus, messagesStatus, selectedTopicId, onTopicSelected, onStartTopic, onSendMessage, onRequestTopicName, isTopicUnnamed: isTopicUnnamed$1, position = 'right', width = '24rem', modal = false, labels, className, pt, ...conversation }) => {
+const ChatSidebar = ({ open, onClose, topics, messages, topicActions, topicsStatus, messagesStatus, selectedTopicId, onTopicSelected, onStartTopic, onSendMessage, onRequestTopicName, isTopicUnnamed: isTopicUnnamed$1, position = 'right', width = '24rem', modal = false, labels, className, pt, ...conversation }) => {
     const icon = useCratisIcon();
     const overlayEnvironment = unstable_useOverlayEnvironment();
     const [mounted, setMounted] = useState(false);
@@ -82,7 +82,7 @@ const ChatSidebar = ({ open, onClose, topics, messages, topicsStatus, messagesSt
     const titleIsPending = openTopicId !== undefined && (!openTopic || unnamed(openTopic));
     const panel = (jsxs(Fragment, { children: [jsxs("header", { ...pt?.header, className: classNames('cratis-chat-sidebar__header', pt?.header?.className), "data-cratis-part": 'header', children: [openTopicId !== undefined && (jsx("button", { ...pt?.back, type: 'button', className: classNames('cratis-chat-sidebar__back', pt?.back?.className), "data-cratis-part": 'back', title: labels?.back ?? 'Back to topics', "aria-label": labels?.back ?? 'Back to topics', onClick: () => select(undefined), children: jsx(BackIcon, {}) })), jsx("h2", { ...pt?.title, className: classNames('cratis-chat-sidebar__title', titleIsPending
                             ? 'cratis-chat-sidebar__title--pending'
-                            : undefined, pt?.title?.className), "data-cratis-part": 'title', children: title }), jsx("button", { ...pt?.close, type: 'button', className: classNames('cratis-chat-sidebar__close', pt?.close?.className), "data-cratis-part": 'close', "aria-label": labels?.close ?? 'Close chat', onClick: onClose, children: jsx("span", { "aria-hidden": 'true', children: icon('close', '×') }) })] }), jsx("div", { ...pt?.content, className: classNames('cratis-chat-sidebar__content', pt?.content?.className), "data-cratis-part": 'content', children: openTopicId === undefined ? (jsx(ChatTopicList, { topics: topics, status: topicsStatus, onOpen: (topic) => select(topic.id, topic), onStart: onStartTopic
+                            : undefined, pt?.title?.className), "data-cratis-part": 'title', children: title }), jsx("button", { ...pt?.close, type: 'button', className: classNames('cratis-chat-sidebar__close', pt?.close?.className), "data-cratis-part": 'close', "aria-label": labels?.close ?? 'Close chat', onClick: onClose, children: jsx("span", { "aria-hidden": 'true', children: icon('close', '×') }) })] }), jsx("div", { ...pt?.content, className: classNames('cratis-chat-sidebar__content', pt?.content?.className), "data-cratis-part": 'content', children: openTopicId === undefined ? (jsx(ChatTopicList, { topics: topics, topicActions: topicActions, status: topicsStatus, onOpen: (topic) => select(topic.id, topic), onStart: onStartTopic
                         ? () => {
                             void startTopic();
                         }

package/dist/esm/Chat/ChatSidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatSidebar.js","sources":["../../../Chat/ChatSidebar.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","isTopicUnnamed","defaultIsTopicUnnamed","_Fragment"],"mappings":"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"}
+{"version":3,"file":"ChatSidebar.js","sources":["../../../Chat/ChatSidebar.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { useEffect, useRef, useState } from 'react';\nimport type { ButtonHTMLAttributes, HTMLAttributes } from 'react';\nimport { createPortal } from 'react-dom';\nimport { Modal, ModalOverlay } from 'react-aria-components';\nimport type { ChatConversationLabels, ChatConversationProps } from './ChatConversation';\nimport { ChatConversation } from './ChatConversation';\nimport { sameChatIdentifier, type ChatIdentifier } from './ChatIdentifier';\nimport type { ChatMention } from './ChatMention';\nimport type { ChatMessage } from './ChatMessage';\nimport type { ChatTopic } from './ChatTopic';\nimport type { ChatTopicAction } from './ChatTopicAction';\nimport type { ChatStatus } from './ChatStatus';\nimport type { ChatTopicListLabels } from './ChatTopicList';\nimport { ChatTopicList } from './ChatTopicList';\nimport { isTopicUnnamed as defaultIsTopicUnnamed } from './isTopicUnnamed';\nimport { shouldRequestTopicName } from './shouldRequestTopicName';\nimport { useCratisIcon } from '../configuration/useCratisIcon';\nimport { unstable_useOverlayEnvironment } from '../renderer/RendererContext';\nimport type { ExactPartKeys } from '../types/ExactPartKeys';\nimport type { PartsOf } from '../types/parts';\n\ntype ChatSidebarPartAttributes<TElement> = HTMLAttributes<TElement> & {\n    [attribute: `data-${string}`]: string | number | boolean | undefined;\n};\n\ntype ChatSidebarButtonAttributes = Omit<\n    ButtonHTMLAttributes<HTMLButtonElement>,\n    'onClick' | 'type'\n>;\n\n/** Stable Cratis-owned parts for styling a {@link ChatSidebar}. */\nexport interface ChatSidebarParts {\n    /** Viewport overlay layer the sidebar portals into — only paints/blocks when {@link ChatSidebarProps.modal} is true. */\n    backdrop?: ChatSidebarPartAttributes<HTMLDivElement>;\n    /** The sidebar panel itself. */\n    root?: ChatSidebarPartAttributes<HTMLDivElement>;\n    /** Header containing the back affordance, title, and close button. */\n    header?: ChatSidebarPartAttributes<HTMLElement>;\n    /** The topic list title, or the open topic's name. */\n    title?: ChatSidebarPartAttributes<HTMLHeadingElement>;\n    /** Back-to-topics button, present only while a topic is open. */\n    back?: ChatSidebarButtonAttributes;\n    /** Close button. */\n    close?: ChatSidebarButtonAttributes;\n    /** The topic list / conversation content region. */\n    content?: ChatSidebarPartAttributes<HTMLDivElement>;\n}\n\nconst chatSidebarPartsMatchManifest: ExactPartKeys<\n    ChatSidebarParts,\n    PartsOf<'ChatSidebar'>\n> = true;\nvoid chatSidebarPartsMatchManifest;\n\n/** Overrides for every label the {@link ChatSidebar} and its children render. Any field left\n *  unset falls back to a literal English default. */\nexport interface ChatSidebarLabels {\n    /** The sidebar's title while the topic list is showing. Defaults to `'Topics'`. */\n    topics?: string;\n\n    /** Placeholder title for a topic that has not been named yet. Defaults to `'New topic'`. */\n    unnamedTopic?: string;\n\n    /** Tooltip/accessible label for the back-to-topics button. Defaults to `'Back to topics'`. */\n    back?: string;\n\n    /** Accessible label for the close button. Defaults to `'Close chat'`. */\n    close?: string;\n\n    /** Labels forwarded to the {@link ChatTopicList}. */\n    topicList?: ChatTopicListLabels;\n\n    /** Labels forwarded to the {@link ChatConversation}. */\n    conversation?: ChatConversationLabels;\n}\n\n/**\n * Props for {@link ChatSidebar}.\n * @typeParam TMessage The host's message type — anything extending {@link ChatMessage}.\n * @typeParam TTopic The host's topic type — anything extending {@link ChatTopic}.\n */\nexport interface ChatSidebarProps<\n    TMessage extends ChatMessage = ChatMessage,\n    TTopic extends ChatTopic = ChatTopic,\n> extends Omit<\n    ChatConversationProps<TMessage>,\n    'messages' | 'onSendMessage' | 'labels' | 'className' | 'status'\n> {\n    /** Whether the sidebar is open. */\n    open: boolean;\n\n    /** Invoked when the sidebar asks to close — the host owns {@link open}, so closing means the host flips it. */\n    onClose: () => void;\n\n    /**\n     * The topics, in any order. Hand this the array a live (observable) query delivers and the\n     * sidebar re-renders as it changes.\n     */\n    topics: TTopic[];\n\n    /**\n     * The messages — either the whole chat or just the open topic's; the sidebar shows those of\n     * the open topic by matching on `topicId` either way. Hand this the array a live\n     * (observable) query delivers and the conversation re-renders as it changes.\n     */\n    messages: TMessage[];\n\n    /** The host's actions to offer on each topic where they are available. The inherited `actions` prop applies only to messages. */\n    topicActions?: ChatTopicAction<TTopic>[];\n\n    /** Topic-list query display state. Defaults to ready when omitted. */\n    topicsStatus?: ChatStatus;\n\n    /** Conversation query display state. Defaults to ready when omitted. */\n    messagesStatus?: ChatStatus;\n\n    /**\n     * The open topic, for hosts that own the selection themselves: an identifier opens that\n     * topic's conversation, `null` shows the topic list, and leaving the prop unset lets the\n     * sidebar keep the selection internally.\n     */\n    selectedTopicId?: ChatIdentifier | null;\n\n    /**\n     * Invoked when the open topic changes — a topic was opened (or just started), or the person\n     * went back to the list.\n     * @param topicId The identifier of the topic now open, or undefined for the list.\n     * @param topic The topic itself, when it is known in {@link topics}.\n     */\n    onTopicSelected?: (topicId: ChatIdentifier | undefined, topic?: TTopic) => void;\n\n    /**\n     * Invoked when a new topic is asked for. Creating the topic is the host's business; answer\n     * with its identifier (directly or through a promise) and the sidebar opens it, ready for\n     * the first message. Omit to leave the new-topic affordance off.\n     * @returns The identifier of the topic that was started, when the host created one.\n     */\n    onStartTopic?: () => ChatIdentifier | undefined | Promise<ChatIdentifier | undefined>;\n\n    /**\n     * Invoked when a message is sent, with the topic it belongs to, the trimmed body and who it\n     * mentions. Everything else about persisting the message is the host's business.\n     * @param topicId The identifier of the topic the message was sent in.\n     * @param body The message text, mentions written into it as plain `@Name`.\n     * @param mentions Who the body mentions.\n     */\n    onSendMessage: (\n        topicId: ChatIdentifier,\n        body: string,\n        mentions: ChatMention[],\n    ) => void;\n\n    /**\n     * Invoked when the very first message is sent in a topic that has no name yet — the host\n     * asks its LLM (or whatever it prefers) for a good name and supplies it through the topic\n     * data; until then the topic renders its pending placeholder. Not invoked again for later\n     * messages, and never for a topic that already has a name.\n     * @param topic The topic that needs a name.\n     * @param firstMessageBody The message to derive the name from.\n     */\n    onRequestTopicName?: (topic: TTopic, firstMessageBody: string) => void;\n\n    /**\n     * Decides whether a topic counts as unnamed — see {@link ChatTopicListProps.isTopicUnnamed}.\n     * @param topic The topic to check.\n     * @returns True when the topic has no usable name yet.\n     */\n    isTopicUnnamed?: (topic: TTopic) => boolean;\n\n    /** Which edge the sidebar opens from. Defaults to `'right'`. */\n    position?: 'left' | 'right';\n\n    /** The sidebar's width, any CSS length. Defaults to `'24rem'`. */\n    width?: string;\n\n    /**\n     * Whether the sidebar is modal — a backdrop behind it, and dismissing by Escape or clicking\n     * outside. Defaults to false: a chat lives *next to* the work, so it should not block it —\n     * the background stays visible and interactive, and only the close/back affordances dismiss it.\n     */\n    modal?: boolean;\n\n    /** Overrides for every label rendered. Unset fields fall back to literal English defaults. */\n    labels?: ChatSidebarLabels;\n\n    /** Additional class name for the sidebar's panel element. */\n    className?: string;\n\n    /** Cratis-owned per-part attributes. */\n    pt?: ChatSidebarParts;\n}\n\nconst classNames = (...values: Array<string | undefined>) =>\n    values.filter(Boolean).join(' ');\n\nconst BackIcon = () => (\n    <svg\n        width='14'\n        height='14'\n        viewBox='0 0 24 24'\n        fill='none'\n        stroke='currentColor'\n        strokeWidth='2.5'\n        aria-hidden='true'\n    >\n        <line x1='19' y1='12' x2='5' y2='12' />\n        <polyline points='12 19 5 12 12 5' />\n    </svg>\n);\n\n/**\n * A topic-based chat in a sidebar next to the view, built on Components' own overlay primitives\n * (React Aria internally, for accessible dismissal and focus handling). It opens on the topic\n * list; picking a topic (or starting a new one) slides into that conversation, with a back\n * affordance to the list. Everything about *data* is the host's: topics and messages come in as\n * arrays (hand it live query data and it stays current), sends and new topics go out as\n * callbacks, and when the first message lands in an unnamed topic the sidebar asks the host for\n * a name through {@link ChatSidebarProps.onRequestTopicName | onRequestTopicName} — rendering a\n * pending placeholder until the name arrives.\n */\nexport const ChatSidebar = <\n    TMessage extends ChatMessage = ChatMessage,\n    TTopic extends ChatTopic = ChatTopic,\n>({\n    open,\n    onClose,\n    topics,\n    messages,\n    topicActions,\n    topicsStatus,\n    messagesStatus,\n    selectedTopicId,\n    onTopicSelected,\n    onStartTopic,\n    onSendMessage,\n    onRequestTopicName,\n    isTopicUnnamed,\n    position = 'right',\n    width = '24rem',\n    modal = false,\n    labels,\n    className,\n    pt,\n    ...conversation\n}: ChatSidebarProps<TMessage, TTopic>) => {\n    const icon = useCratisIcon();\n    const overlayEnvironment = unstable_useOverlayEnvironment();\n    const [mounted, setMounted] = useState(false);\n    const nonModalPanel = useRef<HTMLDivElement>(null);\n    const [nonModalPhase, setNonModalPhase] = useState<\n        'closed' | 'entering' | 'open' | 'exiting'\n    >('closed');\n\n    useEffect(() => setMounted(true), []);\n    useEffect(() => {\n        setNonModalPhase((phase) =>\n            open ? 'entering' : phase === 'closed' ? 'closed' : 'exiting',\n        );\n    }, [open]);\n    const portalContainer = !modal && mounted && nonModalPhase !== 'closed'\n        ? overlayEnvironment.getContainer()\n        : null;\n    useEffect(() => {\n        if (nonModalPhase !== 'entering' && nonModalPhase !== 'exiting') return;\n        if (!modal && (\n            window.matchMedia?.('(prefers-reduced-motion: reduce)').matches ||\n            nonModalPanel.current?.getAnimations?.().length === 0\n        )) {\n            setNonModalPhase(nonModalPhase === 'entering' ? 'open' : 'closed');\n            return;\n        }\n        const timeout = setTimeout(() => {\n            setNonModalPhase(nonModalPhase === 'entering' ? 'open' : 'closed');\n        }, 250);\n        return () => clearTimeout(timeout);\n    }, [modal, nonModalPhase, portalContainer]);\n\n    const [internalSelectedId, setInternalSelectedId] = useState<\n        ChatIdentifier | undefined\n    >();\n    const isControlled = selectedTopicId !== undefined;\n    const openTopicId = isControlled\n        ? (selectedTopicId ?? undefined)\n        : internalSelectedId;\n    const openTopic =\n        openTopicId === undefined\n            ? undefined\n            : topics.find((topic) => sameChatIdentifier(topic.id, openTopicId));\n    const unnamed = isTopicUnnamed ?? defaultIsTopicUnnamed;\n\n    const select = (topicId: ChatIdentifier | undefined, topic?: TTopic) => {\n        if (!isControlled) {\n            setInternalSelectedId(topicId);\n        }\n        onTopicSelected?.(\n            topicId,\n            topic ??\n                (topicId === undefined\n                    ? undefined\n                    : topics.find((candidate) =>\n                          sameChatIdentifier(candidate.id, topicId),\n                      )),\n        );\n    };\n\n    const startTopic = async () => {\n        const topicId = await onStartTopic?.();\n        if (topicId !== undefined) {\n            select(topicId);\n        }\n    };\n\n    const openMessages =\n        openTopicId === undefined\n            ? []\n            : messages.filter((message) =>\n                  sameChatIdentifier(message.topicId, openTopicId),\n              );\n\n    const send = (body: string, mentions: ChatMention[]) => {\n        if (openTopicId === undefined) return;\n        onSendMessage(openTopicId, body, mentions);\n        if (\n            openTopic &&\n            shouldRequestTopicName(unnamed(openTopic), openMessages.length)\n        ) {\n            onRequestTopicName?.(openTopic, body);\n        }\n    };\n\n    const title =\n        openTopicId === undefined\n            ? (labels?.topics ?? 'Topics')\n            : openTopic && !unnamed(openTopic)\n              ? openTopic.name\n              : (labels?.unnamedTopic ?? 'New topic');\n    const titleIsPending =\n        openTopicId !== undefined && (!openTopic || unnamed(openTopic));\n\n    const panel = (\n        <>\n            <header\n                {...pt?.header}\n                className={classNames(\n                    'cratis-chat-sidebar__header',\n                    pt?.header?.className,\n                )}\n                data-cratis-part='header'\n            >\n                {openTopicId !== undefined && (\n                    <button\n                        {...pt?.back}\n                        type='button'\n                        className={classNames(\n                            'cratis-chat-sidebar__back',\n                            pt?.back?.className,\n                        )}\n                        data-cratis-part='back'\n                        title={labels?.back ?? 'Back to topics'}\n                        aria-label={labels?.back ?? 'Back to topics'}\n                        onClick={() => select(undefined)}\n                    >\n                        <BackIcon />\n                    </button>\n                )}\n                <h2\n                    {...pt?.title}\n                    className={classNames(\n                        'cratis-chat-sidebar__title',\n                        titleIsPending\n                            ? 'cratis-chat-sidebar__title--pending'\n                            : undefined,\n                        pt?.title?.className,\n                    )}\n                    data-cratis-part='title'\n                >\n                    {title}\n                </h2>\n                <button\n                    {...pt?.close}\n                    type='button'\n                    className={classNames(\n                        'cratis-chat-sidebar__close',\n                        pt?.close?.className,\n                    )}\n                    data-cratis-part='close'\n                    aria-label={labels?.close ?? 'Close chat'}\n                    onClick={onClose}\n                >\n                    <span aria-hidden='true'>{icon('close', '×')}</span>\n                </button>\n            </header>\n            <div\n                {...pt?.content}\n                className={classNames(\n                    'cratis-chat-sidebar__content',\n                    pt?.content?.className,\n                )}\n                data-cratis-part='content'\n            >\n                {openTopicId === undefined ? (\n                    <ChatTopicList<TTopic>\n                        topics={topics}\n                        topicActions={topicActions}\n                        status={topicsStatus}\n                        onOpen={(topic) => select(topic.id, topic)}\n                        onStart={\n                            onStartTopic\n                                ? () => {\n                                      void startTopic();\n                                  }\n                                : undefined\n                        }\n                        authorOf={conversation.authorOf}\n                        renderAvatar={conversation.renderAvatar}\n                        isTopicUnnamed={isTopicUnnamed}\n                        buildAvatarUrl={conversation.buildAvatarUrl}\n                        labels={{\n                            unnamedTopic: labels?.unnamedTopic,\n                            ...labels?.topicList,\n                        }}\n                    />\n                ) : (\n                    <ChatConversation<TMessage>\n                        {...conversation}\n                        messages={openMessages}\n                        status={messagesStatus}\n                        onSendMessage={send}\n                        labels={labels?.conversation}\n                    />\n                )}\n            </div>\n        </>\n    );\n\n    return modal ? (\n        <ModalOverlay\n            {...pt?.backdrop}\n            isOpen={open}\n            onOpenChange={(openState) => {\n                if (!openState) onClose();\n            }}\n            isDismissable={modal}\n            isKeyboardDismissDisabled={!modal}\n            className={classNames(\n                'cratis-chat-sidebar__backdrop',\n                pt?.backdrop?.className,\n            )}\n            data-cratis-part='backdrop'\n            data-modal={modal}\n            data-open={open || undefined}\n            data-selected={openTopicId !== undefined || undefined}\n        >\n            <Modal\n                {...pt?.root}\n                className={classNames(\n                    'cratis-chat-sidebar',\n                    pt?.root?.className,\n                    className,\n                )}\n                style={{ width, ...pt?.root?.style }}\n                data-cratis-part='root'\n                data-position={position}\n                data-open={open || undefined}\n                data-selected={openTopicId !== undefined || undefined}\n            >\n                {panel}\n            </Modal>\n        </ModalOverlay>\n    ) : (\n        // Non-modal: a chat lives *next to* the work, so the background must stay visible and\n        // interactive. React Aria's Modal blocks its backdrop by design (its dismissal props only\n        // gate how it closes, never whether it intercepts), so the default is a plain portaled\n        // layer with no dismissal behavior at all — only the close/back affordances dismiss it.\n        nonModalPhase !== 'closed' &&\n        portalContainer &&\n        createPortal(\n            <div\n                {...pt?.backdrop}\n                className={classNames(\n                    'cratis-chat-sidebar__backdrop',\n                    pt?.backdrop?.className,\n                )}\n                data-cratis-part='backdrop'\n                data-modal={false}\n                data-open={open || undefined}\n                data-selected={openTopicId !== undefined || undefined}\n                data-entering={nonModalPhase === 'entering' || undefined}\n                data-exiting={nonModalPhase === 'exiting' || undefined}\n            >\n                <div\n                    {...pt?.root}\n                    ref={nonModalPanel}\n                    className={classNames(\n                        'cratis-chat-sidebar',\n                        pt?.root?.className,\n                        className,\n                    )}\n                    style={{ width, ...pt?.root?.style }}\n                    data-cratis-part='root'\n                    data-position={position}\n                    data-open={open || undefined}\n                    data-selected={openTopicId !== undefined || undefined}\n                    data-entering={nonModalPhase === 'entering' || undefined}\n                    data-exiting={nonModalPhase === 'exiting' || undefined}\n                    onAnimationEnd={(event) => {\n                        pt?.root?.onAnimationEnd?.(event);\n                        if (event.target !== event.currentTarget) return;\n                        setNonModalPhase((phase) =>\n                            phase === 'entering' ? 'open' : phase === 'exiting' ? 'closed' : phase,\n                        );\n                    }}\n                >\n                    {panel}\n                </div>\n            </div>,\n            portalContainer,\n        )\n    );\n};\n"],"names":["_jsxs","_jsx","isTopicUnnamed","defaultIsTopicUnnamed","_Fragment"],"mappings":"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"}

package/dist/esm/Chat/ChatSidebarForObservableQueries.d.ts

@@ -37,3 +37,4 @@ export interface ChatSidebarForObservableQueriesProps<TMessage extends ChatMessa
  * the same, and a host that prefers to own its subscriptions uses {@link ChatSidebar} directly.
  */
 export declare const ChatSidebarForObservableQueries: <TMessage extends ChatMessage, TTopic extends ChatTopic, TTopicsQuery extends IObservableQueryFor<TTopic[], TTopicsArguments>, TMessagesQuery extends IObservableQueryFor<TMessage[], TMessagesArguments>, TTopicsArguments extends object = object, TMessagesArguments extends object = object>({ topicsQuery, topicsArguments, messagesQuery, messagesArguments, onTopicSelected, ...sidebar }: ChatSidebarForObservableQueriesProps<TMessage, TTopic, TTopicsQuery, TMessagesQuery, TTopicsArguments, TMessagesArguments>) => React.JSX.Element;
+//# sourceMappingURL=ChatSidebarForObservableQueries.d.ts.map

package/dist/esm/Chat/ChatSidebarForObservableQueries.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatSidebarForObservableQueries.d.ts","sourceRoot":"","sources":["../../../Chat/ChatSidebarForObservableQueries.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,KAAK,EAAE,mBAAmB,EAAwB,MAAM,qBAAqB,CAAC;AAIrF,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,kBAAe,CAAC;AACnE,OAAO,EAAwB,KAAK,cAAc,EAAE,MAAM,qBAAkB,CAAC;AAC7E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAe,CAAC;AACjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAa,CAAC;AA0C7C;;;;;;;;GAQG;AACH,MAAM,WAAW,oCAAoC,CACjD,QAAQ,SAAS,WAAW,EAC5B,MAAM,SAAS,SAAS,EACxB,YAAY,SAAS,mBAAmB,CAAC,MAAM,EAAE,EAAE,gBAAgB,CAAC,EACpE,cAAc,SAAS,mBAAmB,CAAC,QAAQ,EAAE,EAAE,kBAAkB,CAAC,EAC1E,gBAAgB,SAAS,MAAM,GAAG,MAAM,EACxC,kBAAkB,SAAS,MAAM,GAAG,MAAM,CAC5C,SAAQ,IAAI,CACV,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,EAClC,QAAQ,GAAG,UAAU,GAAG,iBAAiB,GAAG,cAAc,GAAG,gBAAgB,CAChF;IACG,kDAAkD;IAClD,WAAW,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;IAEvC,yDAAyD;IACzD,eAAe,CAAC,EAAE,gBAAgB,CAAC;IAEnC,iEAAiE;IACjE,aAAa,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC;IAE3C;;;;;OAKG;IACH,iBAAiB,EAAE,CACf,OAAO,EAAE,cAAc,GAAG,SAAS,KAClC,kBAAkB,GAAG,SAAS,CAAC;CACvC;AAED;;;;;;GAMG;AACH,eAAO,MAAM,+BAA+B,GACxC,QAAQ,SAAS,WAAW,EAC5B,MAAM,SAAS,SAAS,EACxB,YAAY,SAAS,mBAAmB,CAAC,MAAM,EAAE,EAAE,gBAAgB,CAAC,EACpE,cAAc,SAAS,mBAAmB,CAAC,QAAQ,EAAE,EAAE,kBAAkB,CAAC,EAC1E,gBAAgB,SAAS,MAAM,GAAG,MAAM,EACxC,kBAAkB,SAAS,MAAM,GAAG,MAAM,mGAQ3C,oCAAoC,CACnC,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,cAAc,EACd,gBAAgB,EAChB,kBAAkB,CACrB,sBAyEA,CAAC"}

package/dist/esm/Chat/ChatSidebarForObservableQueries.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatSidebarForObservableQueries.js","sources":["../../../Chat/ChatSidebarForObservableQueries.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}
+{"version":3,"file":"ChatSidebarForObservableQueries.js","sources":["../../../Chat/ChatSidebarForObservableQueries.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport React, { useCallback, useEffect, useLayoutEffect, useState } from 'react';\nimport type { Constructor } from '@cratis/fundamentals';\nimport type { IObservableQueryFor, QueryResultWithState } from '@cratis/arc/queries';\nimport { useObservableQuery } from '@cratis/arc.react/queries';\nimport { QueryStatus } from '../QueryStatus/QueryStatus';\nimport { resolveQueryStatus } from '../QueryStatus/resolveQueryStatus';\nimport { ChatSidebar, type ChatSidebarProps } from './ChatSidebar';\nimport { chatIdentifierString, type ChatIdentifier } from './ChatIdentifier';\nimport type { ChatMessage } from './ChatMessage';\nimport type { ChatTopic } from './ChatTopic';\nimport { ChatStatus } from './ChatStatus';\n\nconst chatStatusByQueryStatus: Record<QueryStatus, ChatStatus> = {\n    [QueryStatus.Ready]: ChatStatus.Ready,\n    [QueryStatus.Loading]: ChatStatus.Loading,\n    [QueryStatus.Failed]: ChatStatus.Failed,\n    [QueryStatus.Unauthorized]: ChatStatus.Unauthorized,\n};\n\nconst resolveChatStatus = (result: Parameters<typeof resolveQueryStatus>[0]): ChatStatus =>\n    chatStatusByQueryStatus[resolveQueryStatus(result)];\n\nconst useIsomorphicLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;\n\nconst serializeArguments = (args?: object): string => {\n    if (!args || Object.keys(args).length === 0) return '';\n    // Use Arc's sorted, JSON-serialized argument values as the subscription identity.\n    const sorted = Object.keys(args).sort().reduce<Record<string, unknown>>((entries, key) => {\n        entries[key] = (args as Record<string, unknown>)[key];\n        return entries;\n    }, {});\n    return JSON.stringify(sorted);\n};\n\nconst KeyedQuerySubscriber = <\n    TData,\n    TQuery extends IObservableQueryFor<TData, TArguments>,\n    TArguments extends object,\n>({\n    query, args, queryKey, onResult,\n}: {\n    query: Constructor<TQuery>;\n    args?: TArguments;\n    queryKey: string;\n    onResult: (queryKey: string, result: QueryResultWithState<TData>) => void;\n}) => {\n    const [result] = useObservableQuery<TData, TQuery, TArguments>(query, args);\n    useIsomorphicLayoutEffect(() => { onResult(queryKey, result); }, [queryKey, result, onResult]);\n    return null;\n};\n\n/**\n * Props for {@link ChatSidebarForObservableQueries}.\n * @typeParam TMessage The message type the messages query returns — anything extending {@link ChatMessage}.\n * @typeParam TTopic The topic type the topics query returns — anything extending {@link ChatTopic}.\n * @typeParam TTopicsQuery The observable query delivering the topics.\n * @typeParam TMessagesQuery The observable query delivering the open topic's messages.\n * @typeParam TTopicsArguments The topics query's argument type.\n * @typeParam TMessagesArguments The messages query's argument type.\n */\nexport interface ChatSidebarForObservableQueriesProps<\n    TMessage extends ChatMessage,\n    TTopic extends ChatTopic,\n    TTopicsQuery extends IObservableQueryFor<TTopic[], TTopicsArguments>,\n    TMessagesQuery extends IObservableQueryFor<TMessage[], TMessagesArguments>,\n    TTopicsArguments extends object = object,\n    TMessagesArguments extends object = object,\n> extends Omit<\n    ChatSidebarProps<TMessage, TTopic>,\n    'topics' | 'messages' | 'selectedTopicId' | 'topicsStatus' | 'messagesStatus'\n> {\n    /** The observable query delivering the topics. */\n    topicsQuery: Constructor<TTopicsQuery>;\n\n    /** Arguments for the topics query, when it takes any. */\n    topicsArguments?: TTopicsArguments;\n\n    /** The observable query delivering the open topic's messages. */\n    messagesQuery: Constructor<TMessagesQuery>;\n\n    /**\n     * Arguments for the messages query, derived from the open topic. Answer undefined while no\n     * topic is open — the messages query is not subscribed until there is one.\n     * @param topicId The identifier of the open topic, or undefined for none.\n     * @returns The arguments, or undefined to hold the subscription.\n     */\n    messagesArguments: (\n        topicId: ChatIdentifier | undefined,\n    ) => TMessagesArguments | undefined;\n}\n\n/**\n * The {@link ChatSidebar} bound to real-time Cratis Arc observable queries — one for the topics,\n * one for the open topic's messages — so both stay current as the read models change\n * server-side. This is a thin, optional convenience on top of the pure {@link ChatSidebar}: every\n * callback contract (sending, starting topics, naming, authors, actions, mentions) is exactly\n * the same, and a host that prefers to own its subscriptions uses {@link ChatSidebar} directly.\n */\nexport const ChatSidebarForObservableQueries = <\n    TMessage extends ChatMessage,\n    TTopic extends ChatTopic,\n    TTopicsQuery extends IObservableQueryFor<TTopic[], TTopicsArguments>,\n    TMessagesQuery extends IObservableQueryFor<TMessage[], TMessagesArguments>,\n    TTopicsArguments extends object = object,\n    TMessagesArguments extends object = object,\n>({\n    topicsQuery,\n    topicsArguments,\n    messagesQuery,\n    messagesArguments,\n    onTopicSelected,\n    ...sidebar\n}: ChatSidebarForObservableQueriesProps<\n    TMessage,\n    TTopic,\n    TTopicsQuery,\n    TMessagesQuery,\n    TTopicsArguments,\n    TMessagesArguments\n>) => {\n    const [selectedId, setSelectedId] = useState<ChatIdentifier | undefined>(undefined);\n    const [topicsSnapshot, setTopicsSnapshot] = useState<{\n        queryKey: string;\n        topics: TTopic[];\n        status: ChatStatus;\n    }>();\n    const onTopicsResult = useCallback((queryKey: string, result: QueryResultWithState<TTopic[]>) => {\n        const topics = Array.isArray(result.data) ? result.data : [];\n        const status = resolveChatStatus(result);\n        setTopicsSnapshot((previous) => {\n            if (previous?.queryKey === queryKey && previous.status === status &&\n                (previous.topics === topics || previous.topics.length === 0 && topics.length === 0)) {\n                return previous;\n            }\n            return { queryKey, topics, status };\n        });\n    }, []);\n    const [messagesSnapshot, setMessagesSnapshot] = useState<{\n        queryKey: string;\n        messages: TMessage[];\n        status: ChatStatus;\n    }>();\n    const onMessagesResult = useCallback((queryKey: string, result: QueryResultWithState<TMessage[]>) => {\n        setMessagesSnapshot({\n            queryKey,\n            messages: Array.isArray(result.data) ? result.data : [],\n            status: resolveChatStatus(result),\n        });\n    }, []);\n\n    const topicsQueryKey = serializeArguments(topicsArguments);\n    const currentTopics = topicsQueryKey === topicsSnapshot?.queryKey ? topicsSnapshot : undefined;\n    const messagesQueryArguments = messagesArguments(selectedId);\n    const messagesQueryKey = selectedId !== undefined && messagesQueryArguments !== undefined\n        ? JSON.stringify([chatIdentifierString(selectedId), serializeArguments(messagesQueryArguments)])\n        : undefined;\n    const currentMessages = messagesQueryKey === messagesSnapshot?.queryKey ? messagesSnapshot : undefined;\n\n    return (\n        <>\n            <KeyedQuerySubscriber<TTopic[], TTopicsQuery, TTopicsArguments>\n                key={topicsQueryKey}\n                query={topicsQuery}\n                args={topicsArguments}\n                queryKey={topicsQueryKey}\n                onResult={onTopicsResult}\n            />\n            {messagesQueryKey !== undefined && messagesQueryArguments !== undefined && (\n                <KeyedQuerySubscriber<TMessage[], TMessagesQuery, TMessagesArguments>\n                    key={messagesQueryKey}\n                    query={messagesQuery}\n                    args={messagesQueryArguments}\n                    queryKey={messagesQueryKey}\n                    onResult={onMessagesResult}\n                />\n            )}\n            <ChatSidebar<TMessage, TTopic>\n                {...sidebar}\n                topics={currentTopics?.topics ?? []}\n                messages={currentMessages?.messages ?? []}\n                topicsStatus={currentTopics?.status ?? ChatStatus.Loading}\n                messagesStatus={messagesQueryKey === undefined\n                    ? ChatStatus.Ready\n                    : currentMessages?.status ?? ChatStatus.Loading}\n                selectedTopicId={selectedId ?? null}\n                onTopicSelected={(topicId, topic) => {\n                    setSelectedId(topicId);\n                    onTopicSelected?.(topicId, topic);\n                }}\n            />\n        </>\n    );\n};\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}

package/dist/esm/Chat/ChatStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatStatus.js","sources":["../../../Chat/ChatStatus.ts"],"sourcesContent":[null],"names":[],"mappings":"IAIY;AAAZ,CAAA,UAAY,UAAU,EAAA;AAElB,IAAA,UAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AAEf,IAAA,UAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AAEnB,IAAA,UAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AAEjB,IAAA,UAAA,CAAA,cAAA,CAAA,GAAA,cAA6B;AACjC,CAAC,EATW,UAAU,KAAV,UAAU,GAAA,EAAA,CAAA,CAAA;;"}
+{"version":3,"file":"ChatStatus.js","sources":["../../../Chat/ChatStatus.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\n/** Display state of a chat topic list or conversation. */\nexport enum ChatStatus {\n    /** Shows topics or messages, or the empty state when nothing is pending. */\n    Ready = 'ready',\n    /** Shows a loading message without data, or retains existing content during a refetch. */\n    Loading = 'loading',\n    /** Shows a failure alert, alongside any existing topics or messages kept after a failure. */\n    Failed = 'failed',\n    /** Shows an access-denied message instead of existing content. */\n    Unauthorized = 'unauthorized',\n}\n"],"names":[],"mappings":"IAIY;AAAZ,CAAA,UAAY,UAAU,EAAA;AAElB,IAAA,UAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AAEf,IAAA,UAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AAEnB,IAAA,UAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AAEjB,IAAA,UAAA,CAAA,cAAA,CAAA,GAAA,cAA6B;AACjC,CAAC,EATW,UAAU,KAAV,UAAU,GAAA,EAAA,CAAA,CAAA;;"}

package/dist/esm/Chat/ChatTopic.d.ts

@@ -19,3 +19,4 @@ export interface ChatTopic {
     /** An open slot for whatever else the host's own topic shape carries. */
     metadata?: Record<string, unknown>;
 }
+//# sourceMappingURL=ChatTopic.d.ts.map

package/dist/esm/Chat/ChatTopic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatTopic.d.ts","sourceRoot":"","sources":["../../../Chat/ChatTopic.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAkB,CAAC;AAEvD;;;;;GAKG;AACH,MAAM,WAAW,SAAS;IACtB,mCAAmC;IACnC,EAAE,EAAE,cAAc,CAAC;IAEnB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,sGAAsG;IACtG,SAAS,CAAC,EAAE,cAAc,CAAC;IAE3B,2BAA2B;IAC3B,OAAO,CAAC,EAAE,IAAI,CAAC;IAEf,wGAAwG;IACxG,YAAY,CAAC,EAAE,IAAI,CAAC;IAEpB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACtC"}

package/dist/esm/Chat/ChatTopic.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatTopic.js","sourceRoot":"","sources":["../../../Chat/ChatTopic.ts"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,qGAAqG"}
+{"version":3,"file":"ChatTopic.js","sourceRoot":"","sources":["../../../Chat/ChatTopic.ts"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,qGAAqG","sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport type { ChatIdentifier } from './ChatIdentifier';\n\n/**\n * A topic — one conversation among many. A topic without a {@link name} is considered unnamed:\n * the components render a placeholder for it until the host supplies the real name, which is how\n * host-side auto-naming (ask an LLM for a title from the first message) shows up while it is\n * still underway.\n */\nexport interface ChatTopic {\n    /** The identifier of the topic. */\n    id: ChatIdentifier;\n\n    /** The name. Leave unset (or blank) while the topic has not been named yet. */\n    name?: string;\n\n    /** The identifier of whoever started it. Resolved to a name and avatar by the host at render time. */\n    startedBy?: ChatIdentifier;\n\n    /** When it was started. */\n    started?: Date;\n\n    /** When something last happened in it — used to order the topic list. Falls back to {@link started}. */\n    lastActivity?: Date;\n\n    /** An open slot for whatever else the host's own topic shape carries. */\n    metadata?: Record<string, unknown>;\n}\n"]}

package/dist/esm/Chat/ChatTopicAction.d.ts

@@ -0,0 +1,23 @@
+import type { ReactNode } from 'react';
+import type { ChatTopic } from './ChatTopic.js';
+/** An action a host offers on topics. The library ships no topic actions of its own.
+ * @typeParam TTopic The host's topic type, so {@link onInvoke} receives the full topic back.
+ */
+export interface ChatTopicAction<TTopic extends ChatTopic = ChatTopic> {
+    /** Identifies the action among its siblings — used as the rendering key. */
+    id: string;
+    /** The label, used in the tooltip and accessible name alongside the topic's name. */
+    label: string;
+    /** An icon element or a CSS class name for the host's icon font. Omit to show the label. */
+    icon?: string | ReactNode;
+    /** Decides which topics the action is offered on. Omit to offer it on all topics.
+     * @param topic The topic the action would apply to.
+     * @returns True when the action should be offered.
+     */
+    isAvailable?: (topic: TTopic) => boolean;
+    /** Invoked when the action is picked on a topic.
+     * @param topic The topic it was picked on.
+     */
+    onInvoke: (topic: TTopic) => void;
+}
+//# sourceMappingURL=ChatTopicAction.d.ts.map

package/dist/esm/Chat/ChatTopicAction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatTopicAction.d.ts","sourceRoot":"","sources":["../../../Chat/ChatTopicAction.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAa,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,eAAe,CAAC,MAAM,SAAS,SAAS,GAAG,SAAS;IACjE,4EAA4E;IAC5E,EAAE,EAAE,MAAM,CAAC;IAEX,qFAAqF;IACrF,KAAK,EAAE,MAAM,CAAC;IAEd,4FAA4F;IAC5F,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE1B;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAEzC;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC"}

package/dist/esm/Chat/ChatTopicAction.js

@@ -0,0 +1,4 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+export {};
+//# sourceMappingURL=ChatTopicAction.js.map

package/dist/esm/Chat/ChatTopicAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatTopicAction.js","sourceRoot":"","sources":["../../../Chat/ChatTopicAction.ts"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,qGAAqG","sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport type { ReactNode } from 'react';\nimport type { ChatTopic } from './ChatTopic';\n\n/** An action a host offers on topics. The library ships no topic actions of its own.\n * @typeParam TTopic The host's topic type, so {@link onInvoke} receives the full topic back.\n */\nexport interface ChatTopicAction<TTopic extends ChatTopic = ChatTopic> {\n    /** Identifies the action among its siblings — used as the rendering key. */\n    id: string;\n\n    /** The label, used in the tooltip and accessible name alongside the topic's name. */\n    label: string;\n\n    /** An icon element or a CSS class name for the host's icon font. Omit to show the label. */\n    icon?: string | ReactNode;\n\n    /** Decides which topics the action is offered on. Omit to offer it on all topics.\n     * @param topic The topic the action would apply to.\n     * @returns True when the action should be offered.\n     */\n    isAvailable?: (topic: TTopic) => boolean;\n\n    /** Invoked when the action is picked on a topic.\n     * @param topic The topic it was picked on.\n     */\n    onInvoke: (topic: TTopic) => void;\n}\n"]}

package/dist/esm/Chat/ChatTopicActions.d.ts

@@ -0,0 +1,25 @@
+import type { FocusEventHandler } from 'react';
+import type { ChatTopic } from './ChatTopic.js';
+import type { ChatTopicAction } from './ChatTopicAction.js';
+/**
+ * Props for {@link ChatTopicActions}.
+ * @typeParam TTopic The topic type the list renders.
+ */
+export interface ChatTopicActionsProps<TTopic extends ChatTopic> {
+    /** The topic the actions act on. */
+    topic: TTopic;
+    /** The topic's visible name, used to give each action an accessible name for its topic. */
+    topicName: string | undefined;
+    /** The actions available for this topic. */
+    actions: ChatTopicAction<TTopic>[];
+    /** Called when an action button gains focus. */
+    onActionFocus: FocusEventHandler<HTMLButtonElement>;
+    /** Called when an action button loses focus. */
+    onActionBlur: FocusEventHandler<HTMLButtonElement>;
+}
+/**
+ * The action buttons shown beside a topic's opening button. Reuses the message action overlay,
+ * which keyboard focus reveals.
+ */
+export declare const ChatTopicActions: <TTopic extends ChatTopic>({ topic, topicName, actions, onActionFocus, onActionBlur, }: ChatTopicActionsProps<TTopic>) => import("react").JSX.Element;
+//# sourceMappingURL=ChatTopicActions.d.ts.map

package/dist/esm/Chat/ChatTopicActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatTopicActions.d.ts","sourceRoot":"","sources":["../../../Chat/ChatTopicActions.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAmB,CAAC;AAEzD;;;GAGG;AACH,MAAM,WAAW,qBAAqB,CAAC,MAAM,SAAS,SAAS;IAC3D,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,2FAA2F;IAC3F,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,4CAA4C;IAC5C,OAAO,EAAE,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC;IACnC,gDAAgD;IAChD,aAAa,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACpD,gDAAgD;IAChD,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CACtD;AAED;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAAI,MAAM,SAAS,SAAS,+DAMtD,qBAAqB,CAAC,MAAM,CAAC,gCAoB/B,CAAC"}

package/dist/esm/Chat/ChatTopicActions.js

@@ -0,0 +1,6 @@
+import { jsx } from 'react/jsx-runtime';
+
+const ChatTopicActions = ({ topic, topicName, actions, onActionFocus, onActionBlur, }) => (jsx("div", { className: 'cratis-chat-message__actions', children: actions.map((action) => (jsx("button", { type: 'button', className: 'cratis-chat-message__action', style: action.icon == null ? { width: 'auto', padding: '0 0.375rem' } : undefined, title: action.label, "aria-label": `${action.label} ${topicName}`, onFocus: onActionFocus, onBlur: onActionBlur, onClick: () => action.onInvoke(topic), children: typeof action.icon === 'string' ? (jsx("i", { className: action.icon, "aria-hidden": 'true' })) : (action.icon ?? action.label) }, action.id))) }));
+
+export { ChatTopicActions };
+//# sourceMappingURL=ChatTopicActions.js.map

package/dist/esm/Chat/ChatTopicActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatTopicActions.js","sources":["../../../Chat/ChatTopicActions.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport type { FocusEventHandler } from 'react';\nimport type { ChatTopic } from './ChatTopic';\nimport type { ChatTopicAction } from './ChatTopicAction';\n\n/**\n * Props for {@link ChatTopicActions}.\n * @typeParam TTopic The topic type the list renders.\n */\nexport interface ChatTopicActionsProps<TTopic extends ChatTopic> {\n    /** The topic the actions act on. */\n    topic: TTopic;\n    /** The topic's visible name, used to give each action an accessible name for its topic. */\n    topicName: string | undefined;\n    /** The actions available for this topic. */\n    actions: ChatTopicAction<TTopic>[];\n    /** Called when an action button gains focus. */\n    onActionFocus: FocusEventHandler<HTMLButtonElement>;\n    /** Called when an action button loses focus. */\n    onActionBlur: FocusEventHandler<HTMLButtonElement>;\n}\n\n/**\n * The action buttons shown beside a topic's opening button. Reuses the message action overlay,\n * which keyboard focus reveals.\n */\nexport const ChatTopicActions = <TTopic extends ChatTopic>({\n    topic,\n    topicName,\n    actions,\n    onActionFocus,\n    onActionBlur,\n}: ChatTopicActionsProps<TTopic>) => (\n    <div className='cratis-chat-message__actions'>\n        {actions.map((action) => (\n            <button\n                key={action.id}\n                type='button'\n                className='cratis-chat-message__action'\n                style={action.icon == null ? { width: 'auto', padding: '0 0.375rem' } : undefined}\n                title={action.label}\n                aria-label={`${action.label} ${topicName}`}\n                onFocus={onActionFocus}\n                onBlur={onActionBlur}\n                onClick={() => action.onInvoke(topic)}\n            >\n                {typeof action.icon === 'string' ? (\n                    <i className={action.icon} aria-hidden='true' />\n                ) : (action.icon ?? action.label)}\n            </button>\n        ))}\n    </div>\n);\n"],"names":["_jsx"],"mappings":";;AA4BO,MAAM,gBAAgB,GAAG,CAA2B,EACvD,KAAK,EACL,SAAS,EACT,OAAO,EACP,aAAa,EACb,YAAY,GACgB,MAC5BA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,8BAA8B,EAAA,QAAA,EACxC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,MAChBA,GAAA,CAAA,QAAA,EAAA,EAEI,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,6BAA6B,EACvC,KAAK,EAAE,MAAM,CAAC,IAAI,IAAI,IAAI,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,SAAS,EACjF,KAAK,EAAE,MAAM,CAAC,KAAK,EAAA,YAAA,EACP,CAAA,EAAG,MAAM,CAAC,KAAK,CAAA,CAAA,EAAI,SAAS,CAAA,CAAE,EAC1C,OAAO,EAAE,aAAa,EACtB,MAAM,EAAE,YAAY,EACpB,OAAO,EAAE,MAAM,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAA,QAAA,EAEpC,OAAO,MAAM,CAAC,IAAI,KAAK,QAAQ,IAC5BA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,aAAA,EAAc,MAAM,EAAA,CAAG,KAC/C,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,KAAK,CAAC,EAAA,EAZ5B,MAAM,CAAC,EAAE,CAaT,CACZ,CAAC,EAAA,CACA;;"}

package/dist/esm/Chat/ChatTopicList.d.ts

@@ -1,8 +1,9 @@
-import type { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import { type BuildAvatarUrlParams } from './Kit/Avatar/index.js';
 import type { ChatAuthor } from './ChatAuthor.js';
 import { type ChatIdentifier } from './ChatIdentifier.js';
 import type { ChatTopic } from './ChatTopic.js';
+import type { ChatTopicAction } from './ChatTopicAction.js';
 import { ChatStatus } from './ChatStatus.js';
 import { type RelativeTimestampLabels } from './relativeTimestamp.js';
 /** Overrides for every label the {@link ChatTopicList} renders. Any field left unset falls back
@@ -73,6 +74,8 @@ export interface ChatTopicListProps<TTopic extends ChatTopic = ChatTopic> {
     buildAvatarUrl?: (params: BuildAvatarUrlParams) => string;
     /** Overrides for every label rendered. Unset fields fall back to literal English defaults. */
     labels?: ChatTopicListLabels;
+    /** The host's actions to offer on each topic where they are available. */
+    topicActions?: ChatTopicAction<TTopic>[];
     /** Additional class name for the list's root element. */
     className?: string;
 }
@@ -82,4 +85,5 @@ export interface ChatTopicListProps<TTopic extends ChatTopic = ChatTopic> {
  * host-side auto-naming, the name arrives through the data once the host has produced it, and
  * the placeholder simply stops being needed.
  */
-export declare const ChatTopicList: <TTopic extends ChatTopic = ChatTopic>({ topics, status, onOpen, onStart, authorOf, renderAvatar, isTopicUnnamed, buildAvatarUrl, labels, className, }: ChatTopicListProps<TTopic>) => import("react").JSX.Element;
+export declare const ChatTopicList: <TTopic extends ChatTopic = ChatTopic>({ topics, status, onOpen, onStart, authorOf, renderAvatar, isTopicUnnamed, buildAvatarUrl, labels, topicActions, className, }: ChatTopicListProps<TTopic>) => import("react").JSX.Element;
+//# sourceMappingURL=ChatTopicList.d.ts.map

package/dist/esm/Chat/ChatTopicList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatTopicList.d.ts","sourceRoot":"","sources":["../../../Chat/ChatTopicList.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAU,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAsB,KAAK,oBAAoB,EAAE,MAAM,uBAAc,CAAC;AAE7E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAc,CAAC;AAC/C,OAAO,EAAwB,KAAK,cAAc,EAAE,MAAM,qBAAkB,CAAC;AAC7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAmB,CAAC;AAEzD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAc,CAAC;AAE1C,OAAO,EAAqB,KAAK,uBAAuB,EAAE,MAAM,wBAAqB,CAAC;AAmBtF;oCACoC;AACpC,MAAM,WAAW,mBAAmB;IAChC,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,2FAA2F;IAC3F,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,4GAA4G;IAC5G,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,8GAA8G;IAC9G,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,+HAA+H;IAC/H,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,+FAA+F;IAC/F,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,2DAA2D;IAC3D,UAAU,CAAC,EAAE,uBAAuB,CAAC;CACxC;AAED;;;GAGG;AACH,MAAM,WAAW,kBAAkB,CAAC,MAAM,SAAS,SAAS,GAAG,SAAS;IACpE;;;OAGG;IACH,MAAM,EAAE,MAAM,EAAE,CAAC;IAEjB,mKAAmK;IACnK,MAAM,CAAC,EAAE,UAAU,CAAC;IAEpB;;;OAGG;IACH,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEhC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,UAAU,CAAC;IAEpD;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,UAAU,KAAK,SAAS,CAAC;IAE3E;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAE5C,oFAAoF;IACpF,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,MAAM,CAAC;IAE1D,8FAA8F;IAC9F,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAE7B,0EAA0E;IAC1E,YAAY,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC;IAEzC,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;GAKG;AACH,eAAO,MAAM,aAAa,GAAI,MAAM,SAAS,SAAS,GAAG,SAAS,iIAY/D,kBAAkB,CAAC,MAAM,CAAC,gCAgI5B,CAAC"}

package/dist/esm/Chat/ChatTopicList.js

@@ -1,32 +1,40 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { useRef } from 'react';
 import { PersonAvatarCircle } from './Kit/Avatar/PersonAvatarCircle.js';
 import { ChatAuthorKind } from './Kit/ChatAuthorKind.js';
 import { chatIdentifierString } from './ChatIdentifier.js';
+import { ChatTopicActions } from './ChatTopicActions.js';
 import { ChatStatus } from './ChatStatus.js';
 import { isTopicUnnamed } from './isTopicUnnamed.js';
 import { relativeTimestamp } from './relativeTimestamp.js';
+import { useTopicActionFocusRecovery } from './useTopicActionFocusRecovery.js';
 import { topicsByActivity } from './topicsByActivity.js';
 
 const PlusIcon = () => (jsxs("svg", { width: '14', height: '14', viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: '2.5', "aria-hidden": 'true', children: [jsx("line", { x1: '12', y1: '5', x2: '12', y2: '19' }), jsx("line", { x1: '5', y1: '12', x2: '19', y2: '12' })] }));
-const ChatTopicList = ({ topics, status = ChatStatus.Ready, onOpen, onStart, authorOf, renderAvatar, isTopicUnnamed: isTopicUnnamed$1, buildAvatarUrl, labels, className, }) => {
+const ChatTopicList = ({ topics, status = ChatStatus.Ready, onOpen, onStart, authorOf, renderAvatar, isTopicUnnamed: isTopicUnnamed$1, buildAvatarUrl, labels, topicActions, className, }) => {
     const unnamed = isTopicUnnamed$1 ?? isTopicUnnamed;
+    const listRef = useRef(null);
+    const orderedTopics = status === ChatStatus.Unauthorized ? [] : topicsByActivity(topics);
+    const { onActionFocus, onActionBlur } = useTopicActionFocusRecovery(listRef, orderedTopics.map((topic) => chatIdentifierString(topic.id)));
     const authorFor = (authorId) => authorOf?.(authorId) ?? {
         name: chatIdentifierString(authorId),
         kind: ChatAuthorKind.User,
     };
-    return (jsxs("div", { className: `cratis-chat-topics${className ? ` ${className}` : ''}`, "aria-busy": status === ChatStatus.Loading && topics.length > 0 || undefined, children: [onStart && (jsxs("button", { type: 'button', className: 'cratis-chat-topics__start', disabled: status === ChatStatus.Unauthorized, onClick: onStart, children: [jsx(PlusIcon, {}), jsx("span", { children: labels?.newTopic ?? 'New topic' })] })), (topics.length === 0 || status === ChatStatus.Failed || status === ChatStatus.Unauthorized) && (jsx("p", { className: 'cratis-chat-topics__empty', children: status === ChatStatus.Loading ? (jsx("span", { role: 'status', children: labels?.loading ?? 'Loading topics…' }, status)) : status === ChatStatus.Failed ? (jsx("span", { role: 'alert', children: labels?.failed ?? 'Could not load topics.' }, status)) : status === ChatStatus.Unauthorized ? (jsx("span", { role: 'alert', children: labels?.unauthorized ?? 'You are not authorized to view these topics.' }, status)) : (labels?.empty ?? 'No topics yet. Start the first one!') })), jsx("ul", { className: 'cratis-chat-topics__list', children: status !== ChatStatus.Unauthorized && topicsByActivity(topics).map((topic) => {
+    return (jsxs("div", { className: `cratis-chat-topics${className ? ` ${className}` : ''}`, "aria-busy": status === ChatStatus.Loading && topics.length > 0 || undefined, children: [onStart && (jsxs("button", { type: 'button', className: 'cratis-chat-topics__start', disabled: status === ChatStatus.Unauthorized, onClick: onStart, children: [jsx(PlusIcon, {}), jsx("span", { children: labels?.newTopic ?? 'New topic' })] })), (topics.length === 0 || status === ChatStatus.Failed || status === ChatStatus.Unauthorized) && (jsx("p", { className: 'cratis-chat-topics__empty', children: status === ChatStatus.Loading ? (jsx("span", { role: 'status', children: labels?.loading ?? 'Loading topics…' }, status)) : status === ChatStatus.Failed ? (jsx("span", { role: 'alert', children: labels?.failed ?? 'Could not load topics.' }, status)) : status === ChatStatus.Unauthorized ? (jsx("span", { role: 'alert', children: labels?.unauthorized ?? 'You are not authorized to view these topics.' }, status)) : (labels?.empty ?? 'No topics yet. Start the first one!') })), jsx("ul", { ref: listRef, className: 'cratis-chat-topics__list', children: status !== ChatStatus.Unauthorized && orderedTopics.map((topic) => {
                     const starter = topic.startedBy === undefined
                         ? undefined
                         : authorFor(topic.startedBy);
                     const isPending = unnamed(topic);
                     const activity = topic.lastActivity ?? topic.started;
-                    return (jsx("li", { children: jsxs("button", { type: 'button', className: 'cratis-chat-topics__topic', onClick: () => onOpen(topic), children: [topic.startedBy !== undefined &&
-                                    starter &&
-                                    (renderAvatar ? (renderAvatar(topic.startedBy, starter)) : (jsx(PersonAvatarCircle, { userId: chatIdentifierString(topic.startedBy), name: starter.name, hasAvatar: starter.hasAvatar ?? false, size: 28, ownerType: starter.kind === ChatAuthorKind.Agent
-                                            ? 'Agents'
-                                            : 'Users', version: starter.avatarVersion, buildAvatarUrl: buildAvatarUrl }))), jsxs("span", { className: 'cratis-chat-topics__details', children: [jsx("span", { className: `cratis-chat-topics__name${isPending ? ' cratis-chat-topics__name--pending' : ''}`, children: isPending
-                                                ? (labels?.unnamedTopic ?? 'New topic')
-                                                : topic.name }), starter && (jsx("span", { className: 'cratis-chat-topics__started-by', children: (labels?.startedBy ?? 'Started by {name}').replace('{name}', starter.name) }))] }), activity !== undefined && (jsx("span", { className: 'cratis-chat-topics__activity', children: relativeTimestamp(activity, new Date(), labels?.timestamps) }))] }) }, chatIdentifierString(topic.id)));
+                    const topicName = isPending ? (labels?.unnamedTopic ?? 'New topic') : topic.name;
+                    const availableActions = (topicActions ?? []).filter((action) => action.isAvailable?.(topic) ?? true);
+                    const topicButton = (jsxs("button", { type: 'button', className: 'cratis-chat-topics__topic', onClick: () => onOpen(topic), children: [topic.startedBy !== undefined &&
+                                starter &&
+                                (renderAvatar ? (renderAvatar(topic.startedBy, starter)) : (jsx(PersonAvatarCircle, { userId: chatIdentifierString(topic.startedBy), name: starter.name, hasAvatar: starter.hasAvatar ?? false, size: 28, ownerType: starter.kind === ChatAuthorKind.Agent
+                                        ? 'Agents'
+                                        : 'Users', version: starter.avatarVersion, buildAvatarUrl: buildAvatarUrl }))), jsxs("span", { className: 'cratis-chat-topics__details', children: [jsx("span", { className: `cratis-chat-topics__name${isPending ? ' cratis-chat-topics__name--pending' : ''}`, children: topicName }), starter && (jsx("span", { className: 'cratis-chat-topics__started-by', children: (labels?.startedBy ?? 'Started by {name}').replace('{name}', starter.name) }))] }), activity !== undefined && (jsx("span", { className: 'cratis-chat-topics__activity', children: relativeTimestamp(activity, new Date(), labels?.timestamps) }))] }));
+                    const topicKey = chatIdentifierString(topic.id);
+                    return (jsxs("li", { className: availableActions.length > 0 ? 'cratis-chat-topics__row' : undefined, children: [topicButton, availableActions.length > 0 && (jsx(ChatTopicActions, { topic: topic, topicName: topicName, actions: availableActions, onActionFocus: onActionFocus(topicKey), onActionBlur: onActionBlur }))] }, topicKey));
                 }) })] }));
 };
 

package/dist/esm/Chat/ChatTopicList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatTopicList.js","sources":["../../../Chat/ChatTopicList.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","isTopicUnnamed","defaultIsTopicUnnamed"],"mappings":"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"}
+{"version":3,"file":"ChatTopicList.js","sources":["../../../Chat/ChatTopicList.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { useRef, type ReactNode } from 'react';\nimport { PersonAvatarCircle, type BuildAvatarUrlParams } from './Kit/Avatar';\nimport { ChatAuthorKind } from './Kit/ChatAuthorKind';\nimport type { ChatAuthor } from './ChatAuthor';\nimport { chatIdentifierString, type ChatIdentifier } from './ChatIdentifier';\nimport type { ChatTopic } from './ChatTopic';\nimport type { ChatTopicAction } from './ChatTopicAction';\nimport { ChatTopicActions } from './ChatTopicActions';\nimport { ChatStatus } from './ChatStatus';\nimport { isTopicUnnamed as defaultIsTopicUnnamed } from './isTopicUnnamed';\nimport { relativeTimestamp, type RelativeTimestampLabels } from './relativeTimestamp';\nimport { useTopicActionFocusRecovery } from './useTopicActionFocusRecovery';\nimport { topicsByActivity } from './topicsByActivity';\n\nconst PlusIcon = () => (\n    <svg\n        width='14'\n        height='14'\n        viewBox='0 0 24 24'\n        fill='none'\n        stroke='currentColor'\n        strokeWidth='2.5'\n        aria-hidden='true'\n    >\n        <line x1='12' y1='5' x2='12' y2='19' />\n        <line x1='5' y1='12' x2='19' y2='12' />\n    </svg>\n);\n\n/** Overrides for every label the {@link ChatTopicList} renders. Any field left unset falls back\n *  to a literal English default. */\nexport interface ChatTopicListLabels {\n    /** The new-topic button. Defaults to `'New topic'`. */\n    newTopic?: string;\n\n    /** Placeholder name for a topic that has not been named yet. Defaults to `'New topic'`. */\n    unnamedTopic?: string;\n\n    /** The started-by line under a topic's name. `{name}` is substituted. Defaults to `'Started by {name}'`. */\n    startedBy?: string;\n\n    /** Shown while loading without topics. Defaults to `'Loading topics…'`. */\n    loading?: string;\n\n    /** Shown when loading topics fails, alongside any existing topics. Defaults to `'Could not load topics.'`. */\n    failed?: string;\n\n    /** Shown when access is denied; replaces any existing topics. Defaults to `'You are not authorized to view these topics.'`. */\n    unauthorized?: string;\n\n    /** Shown when there are no topics yet. Defaults to `'No topics yet. Start the first one!'`. */\n    empty?: string;\n\n    /** Overrides for the relative last-activity timestamps. */\n    timestamps?: RelativeTimestampLabels;\n}\n\n/**\n * Props for {@link ChatTopicList}.\n * @typeParam TTopic The host's topic type — anything extending {@link ChatTopic}.\n */\nexport interface ChatTopicListProps<TTopic extends ChatTopic = ChatTopic> {\n    /**\n     * The topics, in any order — the list orders them by most recent activity itself. Hand this\n     * the array a live (observable) query delivers and the list re-renders as it changes.\n     */\n    topics: TTopic[];\n\n    /** Query display state. Defaults to {@link ChatStatus.Ready}; existing topics remain visible on loading or failure, and unauthorized disables starting a topic. */\n    status?: ChatStatus;\n\n    /**\n     * Invoked when a topic is picked from the list.\n     * @param topic The topic that was picked.\n     */\n    onOpen: (topic: TTopic) => void;\n\n    /**\n     * Invoked when a new topic is asked for. Creating the topic is the host's business — the\n     * component only raises the intent. Omit to leave the new-topic affordance off.\n     */\n    onStart?: () => void;\n\n    /**\n     * Resolves an author id into what it takes to render whoever started a topic. Omit to fall\n     * back to rendering the id itself as the name.\n     * @param authorId The identifier of the author to resolve.\n     * @returns The author.\n     */\n    authorOf?: (authorId: ChatIdentifier) => ChatAuthor;\n\n    /**\n     * Renders the avatar for whoever started a topic, replacing the built-in initials circle.\n     * @param authorId The identifier of the author.\n     * @param author The resolved author, as {@link authorOf} answered.\n     * @returns What to render.\n     */\n    renderAvatar?: (authorId: ChatIdentifier, author: ChatAuthor) => ReactNode;\n\n    /**\n     * Decides whether a topic counts as unnamed and renders the pending placeholder. Defaults to\n     * \"no name, or only whitespace\" — override when the host's backend stores a literal\n     * placeholder for unnamed topics instead.\n     * @param topic The topic to check.\n     * @returns True when the topic has no usable name yet.\n     */\n    isTopicUnnamed?: (topic: TTopic) => boolean;\n\n    /** Builds the avatar image URL for topic starters. Omit to always show initials. */\n    buildAvatarUrl?: (params: BuildAvatarUrlParams) => string;\n\n    /** Overrides for every label rendered. Unset fields fall back to literal English defaults. */\n    labels?: ChatTopicListLabels;\n\n    /** The host's actions to offer on each topic where they are available. */\n    topicActions?: ChatTopicAction<TTopic>[];\n\n    /** Additional class name for the list's root element. */\n    className?: string;\n}\n\n/**\n * The topics of a chat, most recently active first — pick one to open its conversation, or start\n * a new one. A topic that has not been named yet renders a placeholder in a pending style: with\n * host-side auto-naming, the name arrives through the data once the host has produced it, and\n * the placeholder simply stops being needed.\n */\nexport const ChatTopicList = <TTopic extends ChatTopic = ChatTopic>({\n    topics,\n    status = ChatStatus.Ready,\n    onOpen,\n    onStart,\n    authorOf,\n    renderAvatar,\n    isTopicUnnamed,\n    buildAvatarUrl,\n    labels,\n    topicActions,\n    className,\n}: ChatTopicListProps<TTopic>) => {\n    const unnamed = isTopicUnnamed ?? defaultIsTopicUnnamed;\n    const listRef = useRef<HTMLUListElement>(null);\n    const orderedTopics = status === ChatStatus.Unauthorized ? [] : topicsByActivity(topics);\n    const { onActionFocus, onActionBlur } = useTopicActionFocusRecovery(\n        listRef,\n        orderedTopics.map((topic) => chatIdentifierString(topic.id)),\n    );\n\n    const authorFor = (authorId: ChatIdentifier): ChatAuthor =>\n        authorOf?.(authorId) ?? {\n            name: chatIdentifierString(authorId),\n            kind: ChatAuthorKind.User,\n        };\n\n    return (\n        <div className={`cratis-chat-topics${className ? ` ${className}` : ''}`} aria-busy={status === ChatStatus.Loading && topics.length > 0 || undefined}>\n            {onStart && (\n                <button\n                    type='button'\n                    className='cratis-chat-topics__start'\n                    disabled={status === ChatStatus.Unauthorized}\n                    onClick={onStart}\n                >\n                    <PlusIcon />\n                    <span>{labels?.newTopic ?? 'New topic'}</span>\n                </button>\n            )}\n            {(topics.length === 0 || status === ChatStatus.Failed || status === ChatStatus.Unauthorized) && (\n                <p className='cratis-chat-topics__empty'>\n                    {status === ChatStatus.Loading ? (\n                        <span key={status} role='status'>{labels?.loading ?? 'Loading topics…'}</span>\n                    ) : status === ChatStatus.Failed ? (\n                        <span key={status} role='alert'>{labels?.failed ?? 'Could not load topics.'}</span>\n                    ) : status === ChatStatus.Unauthorized ? (\n                        <span key={status} role='alert'>{labels?.unauthorized ?? 'You are not authorized to view these topics.'}</span>\n                    ) : (\n                        labels?.empty ?? 'No topics yet. Start the first one!'\n                    )}\n                </p>\n            )}\n            <ul ref={listRef} className='cratis-chat-topics__list'>\n                {status !== ChatStatus.Unauthorized && orderedTopics.map((topic) => {\n                    const starter =\n                        topic.startedBy === undefined\n                            ? undefined\n                            : authorFor(topic.startedBy);\n                    const isPending = unnamed(topic);\n                    const activity = topic.lastActivity ?? topic.started;\n                    const topicName = isPending ? (labels?.unnamedTopic ?? 'New topic') : topic.name;\n                    const availableActions = (topicActions ?? []).filter(\n                        (action) => action.isAvailable?.(topic) ?? true,\n                    );\n\n                    const topicButton = (\n                        <button\n                            type='button'\n                            className='cratis-chat-topics__topic'\n                            onClick={() => onOpen(topic)}\n                        >\n                            {topic.startedBy !== undefined &&\n                                starter &&\n                                (renderAvatar ? (\n                                    renderAvatar(topic.startedBy, starter)\n                                ) : (\n                                    <PersonAvatarCircle\n                                        userId={chatIdentifierString(topic.startedBy)}\n                                        name={starter.name}\n                                        hasAvatar={starter.hasAvatar ?? false}\n                                        size={28}\n                                        ownerType={\n                                            starter.kind === ChatAuthorKind.Agent\n                                                ? 'Agents'\n                                                : 'Users'\n                                        }\n                                        version={starter.avatarVersion}\n                                        buildAvatarUrl={buildAvatarUrl}\n                                    />\n                                ))}\n                            <span className='cratis-chat-topics__details'>\n                                <span\n                                    className={`cratis-chat-topics__name${isPending ? ' cratis-chat-topics__name--pending' : ''}`}\n                                >\n                                    {topicName}\n                                </span>\n                                {starter && (\n                                    <span className='cratis-chat-topics__started-by'>\n                                        {(\n                                            labels?.startedBy ?? 'Started by {name}'\n                                        ).replace('{name}', starter.name)}\n                                    </span>\n                                )}\n                            </span>\n                            {activity !== undefined && (\n                                <span className='cratis-chat-topics__activity'>\n                                    {relativeTimestamp(\n                                        activity,\n                                        new Date(),\n                                        labels?.timestamps,\n                                    )}\n                                </span>\n                            )}\n                        </button>\n                    );\n\n                    const topicKey = chatIdentifierString(topic.id);\n                    // Reuses the message action overlay styling; keyboard focus reveals the controls.\n                    return (\n                        <li\n                            key={topicKey}\n                            className={availableActions.length > 0 ? 'cratis-chat-topics__row' : undefined}\n                        >\n                            {topicButton}\n                            {availableActions.length > 0 && (\n                                <ChatTopicActions<TTopic>\n                                    topic={topic}\n                                    topicName={topicName}\n                                    actions={availableActions}\n                                    onActionFocus={onActionFocus(topicKey)}\n                                    onActionBlur={onActionBlur}\n                                />\n                            )}\n                        </li>\n                    );\n                })}\n            </ul>\n        </div>\n    );\n};\n"],"names":["_jsxs","_jsx","isTopicUnnamed","defaultIsTopicUnnamed"],"mappings":"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"}

package/dist/esm/Chat/Kit/AnchoredOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnchoredOverlay.js","sources":["../../../../Chat/Kit/AnchoredOverlay.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAuCA,MAAM,cAAc,GAAG,GAAG;AAS1B,SAAS,gBAAgB,CACrB,MAAe,EACf,IAAyB,EACzB,KAA2B,EAC3B,GAAW,EAAA;IAEX,IAAI,IAAI,KAAK,MAAM,IAAI,IAAI,KAAK,OAAO,EAAE;QACrC,OAAO;YACH,GAAG,EAAE,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC;AACnC,YAAA,IAAI,EAAE,IAAI,KAAK,OAAO,GAAG,MAAM,CAAC,KAAK,GAAG,GAAG,GAAG,MAAM,CAAC,IAAI,GAAG,GAAG;YAC/D,SAAS,EAAE,IAAI,KAAK,OAAO,GAAG,kBAAkB,GAAG,wBAAwB;SAC9E;IACL;IAEA,MAAM,UAAU,GAAG,MAAM,CAAC,WAAW,GAAG,MAAM,CAAC,MAAM,GAAG,GAAG;AAC3D,IAAA,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,GAAG,GAAG;AACnC,IAAA,MAAM,QAAQ,GACV,IAAI,KAAK;AACL,UAAE,UAAU,GAAG,cAAc,IAAI,UAAU,GAAG;AAC1C,cAAE;AACF,cAAE;AACN,UAAE,UAAU,GAAG,cAAc,IAAI,UAAU,GAAG;AAC5C,cAAE;cACA,OAAO;AAEnB,IAAA,MAAM,UAAU,GACZ,KAAK,KAAK;AACN,UAAE,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,SAAS,EAAE,kBAAkB;UACrE,KAAK,KAAK;cACR,EAAE,IAAI,EAAE,MAAM,CAAC,KAAK,EAAE,SAAS,EAAE,mBAAmB;AACtD,cAAE,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE;IAEvD,OAAO,QAAQ,KAAK;AAChB,UAAE,EAAE,GAAG,EAAE,MAAM,CAAC,MAAM,GAAG,GAAG,EAAE,GAAG,UAAU;AAC3C,UAAE,EAAE,MAAM,EAAE,MAAM,CAAC,WAAW,GAAG,MAAM,CAAC,GAAG,GAAG,GAAG,EAAE,GAAG,UAAU,EAAE;AAC1E;AASO,MAAM,eAAe,GAAmC,CAAC,EAC5D,SAAS,EACT,IAAI,EACJ,IAAI,GAAG,OAAO,EACd,KAAK,GAAG,MAAM,EACd,GAAG,GAAG,CAAC,EACP,QAAQ,GACX,KAAI;IACD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAAyB;IAEnE,eAAe,CAAC,MAAK;QACjB,IAAI,CAAC,IAAI,EAAE;YACP,YAAY,CAAC,SAAS,CAAC;YACvB;QACJ;QACA,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,EAAE,qBAAqB,EAAE;AACzD,QAAA,IAAI,CAAC,MAAM;YAAE;AACb,QAAA,YAAY,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;AAC5D,IAAA,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC;AAEvC,IAAA,IAAI,CAAC,IAAI,IAAI,CAAC,SAAS;AAAE,QAAA,OAAO,IAAI;AAEpC,IAAA,OAAO,YAAY,CACfA,GAAA,CAAA,KAAA,EAAA,EACI,KAAK,EAAE;AACH,YAAA,QAAQ,EAAE,OAAO;AACjB,YAAA,MAAM,EAAE,IAAI;YACZ,GAAG,EAAE,SAAS,CAAC,GAAG;YAClB,MAAM,EAAE,SAAS,CAAC,MAAM;YACxB,IAAI,EAAE,SAAS,CAAC,IAAI;YACpB,SAAS,EAAE,SAAS,CAAC,SAAS;AACjC,SAAA,EAAA,QAAA,EAEA,QAAQ,EAAA,CACP,EACN,QAAQ,CAAC,IAAI,CAChB;AACL;;"}
+{"version":3,"file":"AnchoredOverlay.js","sources":["../../../../Chat/Kit/AnchoredOverlay.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport React, { ReactNode, RefObject, useLayoutEffect, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\n/** The side of the anchor the overlay prefers to open on. */\nexport type AnchoredOverlaySide = 'above' | 'below' | 'left' | 'right';\n\n/** Horizontal alignment relative to the anchor (for above/below overlays). */\nexport type AnchoredOverlayAlign = 'left' | 'right' | 'center';\n\n/**\n * Props for a fixed-position portalled overlay anchored to an element on the board. Board overlays\n * (menus, pickers, tooltips) must float above everything: the slice columns use content-visibility\n * paint containment for virtualization, which clips any absolutely-positioned descendant to the\n * column box — portaling is what lets an overlay escape.\n */\nexport interface AnchoredOverlayProps {\n    /** The element the overlay anchors to. */\n    anchorRef: RefObject<HTMLElement | null>;\n\n    /** Whether the overlay is shown. */\n    open: boolean;\n\n    /** The preferred side; above/below flip when the viewport leaves no room. */\n    side?: AnchoredOverlaySide;\n\n    /** Horizontal alignment for above/below overlays. */\n    align?: AnchoredOverlayAlign;\n\n    /** Gap between the anchor and the overlay in pixels. */\n    gap?: number;\n\n    /** The overlay content. */\n    children: ReactNode;\n}\n\n/** Space on the preferred side under which an above/below overlay flips to the other side. */\nconst FLIP_THRESHOLD = 260;\n\ninterface Placement {\n    top?: number;\n    bottom?: number;\n    left: number;\n    transform?: string;\n}\n\nfunction computePlacement(\n    anchor: DOMRect,\n    side: AnchoredOverlaySide,\n    align: AnchoredOverlayAlign,\n    gap: number,\n): Placement {\n    if (side === 'left' || side === 'right') {\n        return {\n            top: anchor.top + anchor.height / 2,\n            left: side === 'right' ? anchor.right + gap : anchor.left - gap,\n            transform: side === 'right' ? 'translateY(-50%)' : 'translate(-100%, -50%)',\n        };\n    }\n\n    const spaceBelow = window.innerHeight - anchor.bottom - gap;\n    const spaceAbove = anchor.top - gap;\n    const resolved =\n        side === 'below'\n            ? spaceBelow < FLIP_THRESHOLD && spaceAbove > spaceBelow\n                ? 'above'\n                : 'below'\n            : spaceAbove < FLIP_THRESHOLD && spaceBelow > spaceAbove\n              ? 'below'\n              : 'above';\n\n    const horizontal =\n        align === 'center'\n            ? { left: anchor.left + anchor.width / 2, transform: 'translateX(-50%)' }\n            : align === 'right'\n              ? { left: anchor.right, transform: 'translateX(-100%)' }\n              : { left: anchor.left, transform: undefined };\n\n    return resolved === 'below'\n        ? { top: anchor.bottom + gap, ...horizontal }\n        : { bottom: window.innerHeight - anchor.top + gap, ...horizontal };\n}\n\n/**\n * Renders its children into a fixed-position portal on <body>, anchored to an element on the board.\n * Board overlays (menus, pickers, tooltips) must float above everything: the slice columns use\n * content-visibility paint containment for virtualization, which clips any absolutely-positioned\n * descendant to the column box — portaling is what lets an overlay escape (the same approach the\n * Cratis Dropdown takes with appendTo=document.body).\n */\nexport const AnchoredOverlay: React.FC<AnchoredOverlayProps> = ({\n    anchorRef,\n    open,\n    side = 'below',\n    align = 'left',\n    gap = 8,\n    children,\n}) => {\n    const [placement, setPlacement] = useState<Placement | undefined>();\n\n    useLayoutEffect(() => {\n        if (!open) {\n            setPlacement(undefined);\n            return;\n        }\n        const anchor = anchorRef.current?.getBoundingClientRect();\n        if (!anchor) return;\n        setPlacement(computePlacement(anchor, side, align, gap));\n    }, [open, side, align, gap, anchorRef]);\n\n    if (!open || !placement) return null;\n\n    return createPortal(\n        <div\n            style={{\n                position: 'fixed',\n                zIndex: 1300,\n                top: placement.top,\n                bottom: placement.bottom,\n                left: placement.left,\n                transform: placement.transform,\n            }}\n        >\n            {children}\n        </div>,\n        document.body,\n    );\n};\n"],"names":["_jsx"],"mappings":";;;;AAuCA,MAAM,cAAc,GAAG,GAAG;AAS1B,SAAS,gBAAgB,CACrB,MAAe,EACf,IAAyB,EACzB,KAA2B,EAC3B,GAAW,EAAA;IAEX,IAAI,IAAI,KAAK,MAAM,IAAI,IAAI,KAAK,OAAO,EAAE;QACrC,OAAO;YACH,GAAG,EAAE,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC;AACnC,YAAA,IAAI,EAAE,IAAI,KAAK,OAAO,GAAG,MAAM,CAAC,KAAK,GAAG,GAAG,GAAG,MAAM,CAAC,IAAI,GAAG,GAAG;YAC/D,SAAS,EAAE,IAAI,KAAK,OAAO,GAAG,kBAAkB,GAAG,wBAAwB;SAC9E;IACL;IAEA,MAAM,UAAU,GAAG,MAAM,CAAC,WAAW,GAAG,MAAM,CAAC,MAAM,GAAG,GAAG;AAC3D,IAAA,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,GAAG,GAAG;AACnC,IAAA,MAAM,QAAQ,GACV,IAAI,KAAK;AACL,UAAE,UAAU,GAAG,cAAc,IAAI,UAAU,GAAG;AAC1C,cAAE;AACF,cAAE;AACN,UAAE,UAAU,GAAG,cAAc,IAAI,UAAU,GAAG;AAC5C,cAAE;cACA,OAAO;AAEnB,IAAA,MAAM,UAAU,GACZ,KAAK,KAAK;AACN,UAAE,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,SAAS,EAAE,kBAAkB;UACrE,KAAK,KAAK;cACR,EAAE,IAAI,EAAE,MAAM,CAAC,KAAK,EAAE,SAAS,EAAE,mBAAmB;AACtD,cAAE,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE;IAEvD,OAAO,QAAQ,KAAK;AAChB,UAAE,EAAE,GAAG,EAAE,MAAM,CAAC,MAAM,GAAG,GAAG,EAAE,GAAG,UAAU;AAC3C,UAAE,EAAE,MAAM,EAAE,MAAM,CAAC,WAAW,GAAG,MAAM,CAAC,GAAG,GAAG,GAAG,EAAE,GAAG,UAAU,EAAE;AAC1E;AASO,MAAM,eAAe,GAAmC,CAAC,EAC5D,SAAS,EACT,IAAI,EACJ,IAAI,GAAG,OAAO,EACd,KAAK,GAAG,MAAM,EACd,GAAG,GAAG,CAAC,EACP,QAAQ,GACX,KAAI;IACD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAAyB;IAEnE,eAAe,CAAC,MAAK;QACjB,IAAI,CAAC,IAAI,EAAE;YACP,YAAY,CAAC,SAAS,CAAC;YACvB;QACJ;QACA,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,EAAE,qBAAqB,EAAE;AACzD,QAAA,IAAI,CAAC,MAAM;YAAE;AACb,QAAA,YAAY,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;AAC5D,IAAA,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC;AAEvC,IAAA,IAAI,CAAC,IAAI,IAAI,CAAC,SAAS;AAAE,QAAA,OAAO,IAAI;AAEpC,IAAA,OAAO,YAAY,CACfA,GAAA,CAAA,KAAA,EAAA,EACI,KAAK,EAAE;AACH,YAAA,QAAQ,EAAE,OAAO;AACjB,YAAA,MAAM,EAAE,IAAI;YACZ,GAAG,EAAE,SAAS,CAAC,GAAG;YAClB,MAAM,EAAE,SAAS,CAAC,MAAM;YACxB,IAAI,EAAE,SAAS,CAAC,IAAI;YACpB,SAAS,EAAE,SAAS,CAAC,SAAS;AACjC,SAAA,EAAA,QAAA,EAEA,QAAQ,EAAA,CACP,EACN,QAAQ,CAAC,IAAI,CAChB;AACL;;"}

package/dist/esm/Chat/Kit/Avatar/PersonAvatarCircle.js.map

@@ -1 +1 @@
-{"version":3,"file":"PersonAvatarCircle.js","sources":["../../../../../Chat/Kit/Avatar/PersonAvatarCircle.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAqEO,MAAM,kBAAkB,GAAG,CAAC,EAC/B,MAAM,EACN,IAAI,EACJ,SAAS,EACT,IAAI,EACJ,SAAS,GAAG,OAAO,EACnB,UAAU,GAAG,OAAO,EACpB,OAAO,EACP,cAAc,EACd,SAAS,GACa,KAAI;AAC1B,IAAA,MAAM,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC;AAClC,IAAA,MAAM,SAAS,GAAG,CAAA,EAAG,IAAI,IAAI;AAC7B,IAAA,MAAM,GAAG,GAAG,cAAc,GAAG;AACzB,QAAA,MAAM,EAAE,MAAM,CAAC,QAAQ,EAAE;QACzB,SAAS;QACT,UAAU;QACV,OAAO;AACV,KAAA,CAAC;IAMF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC;IAC/D,MAAM,SAAS,GAAG,SAAS,IAAI,CAAC,CAAC,GAAG,IAAI,GAAG,KAAK,SAAS;AAEzD,IAAA,QACIA,GAAA,CAAA,MAAA,EAAA,EACI,SAAS,EACL,SAAS,GAAG,CAAA,qBAAA,EAAwB,SAAS,EAAE,GAAG,sBAAsB,EAE5E,KAAK,EAAE;AACH,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,MAAM,EAAE,SAAS;AACjB,YAAA,UAAU,EAAE,SAAS,GAAG,SAAS,GAAG,cAAc,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;AACxE,SAAA,EAAA,YAAA,EACW,IAAI,EAChB,KAAK,EAAE,IAAI,YAEV,SAAS,IACNA,GAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAC,4BAA4B,EACtC,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,IAAI,EACT,SAAS,EAAE,KAAK,EAChB,OAAO,EAAE,MAAM,YAAY,CAAC,GAAG,CAAC,EAAA,CAClC,KAEFA,GAAA,CAAA,MAAA,EAAA,EACI,SAAS,EAAC,+BAA+B,EACzC,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAA,EAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC,CAAA,EAAA,CAAI,EAAE,EAAA,QAAA,EAE9D,QAAQ,GACN,CACV,EAAA,CACE;AAEf;;"}
+{"version":3,"file":"PersonAvatarCircle.js","sources":["../../../../../Chat/Kit/Avatar/PersonAvatarCircle.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { useState } from 'react';\nimport type { Guid } from '@cratis/fundamentals';\nimport { getInitials } from './getInitials';\nimport { getAvatarColor } from './getAvatarColor';\n\n/** The parameters {@link PersonAvatarCircleProps.buildAvatarUrl} resolves into an image URL. */\nexport interface BuildAvatarUrlParams {\n    /** The identifier of the person, as a string. */\n    userId: string;\n\n    /** The kind of owner the avatar belongs to, matching the storage layout. */\n    ownerType: 'Users' | 'Personas' | 'Agents';\n\n    /** The avatar rendition requested. */\n    avatarSize: 'Small' | 'Medium';\n\n    /** A value that changes whenever the avatar image changes, for cache-busting. */\n    version?: number | string;\n}\n\n/**\n * Props for rendering a person's avatar image when one has been uploaded and a URL can be built for\n * it, falling back to their initials on a color derived from their identifier so the same person\n * always shows the same fallback color.\n */\nexport interface PersonAvatarCircleProps {\n    /** The identifier of the person, used to build the avatar image URL. */\n    userId: Guid | string;\n\n    /** The person's display name, used for initials and accessibility text. */\n    name: string;\n\n    /** Whether the person has an uploaded avatar image. */\n    hasAvatar: boolean;\n\n    /** The rendered size, in pixels. */\n    size: number;\n\n    /** The kind of owner the avatar belongs to, matching the storage layout. Defaults to 'Users'. */\n    ownerType?: 'Users' | 'Personas' | 'Agents';\n\n    /** The avatar rendition to request from the server. Defaults to 'Small'. */\n    avatarSize?: 'Small' | 'Medium';\n\n    /**\n     * A value that changes whenever the avatar image changes (e.g. the upload timestamp). Passed on to\n     * {@link buildAvatarUrl} so a re-uploaded avatar can bust the aggressive HTTP cache on the old URL.\n     */\n    version?: number | string;\n\n    /**\n     * Builds the avatar image URL from the resolved parameters. Omit to always show the initials\n     * fallback - this library ships no avatar storage convention of its own, so a host with an avatar\n     * endpoint passes this to opt into images; one without simply never renders a broken `<img>`.\n     */\n    buildAvatarUrl?: (params: BuildAvatarUrlParams) => string;\n\n    /** Additional class name applied to the circle, for context-specific styling (borders, cursor, ...). */\n    className?: string;\n}\n\n/**\n * Renders a person's avatar image when one has been uploaded and a URL can be built for it, falling\n * back to their initials on a color derived from their identifier so the same person always shows the\n * same fallback color.\n */\nexport const PersonAvatarCircle = ({\n    userId,\n    name,\n    hasAvatar,\n    size,\n    ownerType = 'Users',\n    avatarSize = 'Small',\n    version,\n    buildAvatarUrl,\n    className,\n}: PersonAvatarCircleProps) => {\n    const initials = getInitials(name);\n    const dimension = `${size}px`;\n    const src = buildAvatarUrl?.({\n        userId: userId.toString(),\n        ownerType,\n        avatarSize,\n        version,\n    });\n\n    // The \"has avatar\" signal can outlive the stored image (e.g. a persona flag that stays set\n    // after the blob is gone), which otherwise leaves a broken image and a stream of 404s.\n    // Track the src that failed and fall back to initials for it — a new src (re-upload bumps the\n    // version) is retried.\n    const [failedSrc, setFailedSrc] = useState<string | null>(null);\n    const showImage = hasAvatar && !!src && src !== failedSrc;\n\n    return (\n        <span\n            className={\n                className ? `person-avatar-circle ${className}` : 'person-avatar-circle'\n            }\n            style={{\n                width: dimension,\n                height: dimension,\n                background: showImage ? undefined : getAvatarColor(userId.toString()),\n            }}\n            aria-label={name}\n            title={name}\n        >\n            {showImage ? (\n                <img\n                    className='person-avatar-circle-image'\n                    src={src}\n                    alt={name}\n                    draggable={false}\n                    onError={() => setFailedSrc(src)}\n                />\n            ) : (\n                <span\n                    className='person-avatar-circle-initials'\n                    style={{ fontSize: `${Math.max(8, Math.round(size * 0.4))}px` }}\n                >\n                    {initials}\n                </span>\n            )}\n        </span>\n    );\n};\n"],"names":["_jsx"],"mappings":";;;;;AAqEO,MAAM,kBAAkB,GAAG,CAAC,EAC/B,MAAM,EACN,IAAI,EACJ,SAAS,EACT,IAAI,EACJ,SAAS,GAAG,OAAO,EACnB,UAAU,GAAG,OAAO,EACpB,OAAO,EACP,cAAc,EACd,SAAS,GACa,KAAI;AAC1B,IAAA,MAAM,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC;AAClC,IAAA,MAAM,SAAS,GAAG,CAAA,EAAG,IAAI,IAAI;AAC7B,IAAA,MAAM,GAAG,GAAG,cAAc,GAAG;AACzB,QAAA,MAAM,EAAE,MAAM,CAAC,QAAQ,EAAE;QACzB,SAAS;QACT,UAAU;QACV,OAAO;AACV,KAAA,CAAC;IAMF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC;IAC/D,MAAM,SAAS,GAAG,SAAS,IAAI,CAAC,CAAC,GAAG,IAAI,GAAG,KAAK,SAAS;AAEzD,IAAA,QACIA,GAAA,CAAA,MAAA,EAAA,EACI,SAAS,EACL,SAAS,GAAG,CAAA,qBAAA,EAAwB,SAAS,EAAE,GAAG,sBAAsB,EAE5E,KAAK,EAAE;AACH,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,MAAM,EAAE,SAAS;AACjB,YAAA,UAAU,EAAE,SAAS,GAAG,SAAS,GAAG,cAAc,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;AACxE,SAAA,EAAA,YAAA,EACW,IAAI,EAChB,KAAK,EAAE,IAAI,YAEV,SAAS,IACNA,GAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAC,4BAA4B,EACtC,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,IAAI,EACT,SAAS,EAAE,KAAK,EAChB,OAAO,EAAE,MAAM,YAAY,CAAC,GAAG,CAAC,EAAA,CAClC,KAEFA,GAAA,CAAA,MAAA,EAAA,EACI,SAAS,EAAC,+BAA+B,EACzC,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAA,EAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC,CAAA,EAAA,CAAI,EAAE,EAAA,QAAA,EAE9D,QAAQ,GACN,CACV,EAAA,CACE;AAEf;;"}

package/dist/esm/Chat/Kit/Avatar/getAvatarColor.js.map

@@ -1 +1 @@
-{"version":3,"file":"getAvatarColor.js","sources":["../../../../../Chat/Kit/Avatar/getAvatarColor.ts"],"sourcesContent":[null],"names":[],"mappings":"AAGA,MAAM,aAAa,GAAG;IAClB,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;CACZ;AASM,MAAM,cAAc,GAAG,CAAC,IAAY,KAAY;IACnD,IAAI,IAAI,GAAG,CAAC;AACZ,IAAA,KAAK,IAAI,SAAS,GAAG,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC,MAAM,EAAE,SAAS,EAAE,EAAE;AAC1D,QAAA,IAAI,GAAG,CAAC,IAAI,GAAG,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC;IACvD;AACA,IAAA,OAAO,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,MAAM,CAAC;AAC/D;;"}
+{"version":3,"file":"getAvatarColor.js","sources":["../../../../../Chat/Kit/Avatar/getAvatarColor.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nconst AVATAR_COLORS = [\n    '#4f46e5',\n    '#7c3aed',\n    '#be185d',\n    '#be123c',\n    '#c2410c',\n    '#0369a1',\n    '#047857',\n    '#0f766e',\n];\n\n/**\n * Computes a deterministic avatar background color from a stable seed - the person's identifier -\n * so the same person always shows the same fallback color everywhere their avatar appears,\n * regardless of how their name is rendered in that context.\n * @param seed A stable identifier for the person (e.g. their user id as a string).\n * @returns A hex color from the predefined avatar palette.\n */\nexport const getAvatarColor = (seed: string): string => {\n    let hash = 0;\n    for (let charIndex = 0; charIndex < seed.length; charIndex++) {\n        hash = (hash * 31 + seed.charCodeAt(charIndex)) | 0;\n    }\n    return AVATAR_COLORS[Math.abs(hash) % AVATAR_COLORS.length];\n};\n"],"names":[],"mappings":"AAGA,MAAM,aAAa,GAAG;IAClB,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;CACZ;AASM,MAAM,cAAc,GAAG,CAAC,IAAY,KAAY;IACnD,IAAI,IAAI,GAAG,CAAC;AACZ,IAAA,KAAK,IAAI,SAAS,GAAG,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC,MAAM,EAAE,SAAS,EAAE,EAAE;AAC1D,QAAA,IAAI,GAAG,CAAC,IAAI,GAAG,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC;IACvD;AACA,IAAA,OAAO,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,MAAM,CAAC;AAC/D;;"}

package/dist/esm/Chat/Kit/Avatar/getInitials.js.map

@@ -1 +1 @@
-{"version":3,"file":"getInitials.js","sources":["../../../../../Chat/Kit/Avatar/getInitials.ts"],"sourcesContent":[null],"names":[],"mappings":"AAQO,MAAM,WAAW,GAAG,CAAC,IAAY,KACpC,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,IAAI;;"}
+{"version":3,"file":"getInitials.js","sources":["../../../../../Chat/Kit/Avatar/getInitials.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\n/**\n * Computes up to two uppercase initials from a display name.\n * @param name The display name.\n * @returns One or two initials, or '?' when none can be derived.\n */\nexport const getInitials = (name: string): string =>\n    name.trim().split(/\\s+/).filter(Boolean).map(word => word[0]).join('').slice(0, 2).toUpperCase() || '?';\n"],"names":[],"mappings":"AAQO,MAAM,WAAW,GAAG,CAAC,IAAY,KACpC,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,IAAI;;"}

package/dist/esm/Chat/Kit/Avatar/index.d.ts

@@ -1,3 +1,4 @@
 export { PersonAvatarCircle } from './PersonAvatarCircle.js';
 export type { PersonAvatarCircleProps, BuildAvatarUrlParams } from './PersonAvatarCircle.js';
 export { getAvatarColor } from './getAvatarColor.js';
+//# sourceMappingURL=index.d.ts.map