@anvia/react-ui 1.0.0-rc.9 → 1.0.1

package/README.md

@@ -5,7 +5,12 @@ Composable React UI primitives for Anvia chat and completion experiences.
 ```tsx
 import { createHttpClientTransport } from "@anvia/client";
 import { useChat } from "@anvia/react";
-import { ChatProvider, Composer, Message, Thread } from "@anvia/react-ui";
+import {
+  ChatProvider,
+  ComposerPrimitive,
+  MessagePrimitive,
+  ThreadPrimitive,
+} from "@anvia/react-ui";
 
 export function SupportChat() {
   const chat = useChat({
@@ -21,55 +26,56 @@ export function SupportChat() {
 
   return (
     <ChatProvider controller={chat}>
-      <Thread.Root>
-        <Thread.Viewport>
-          <Thread.Empty>Start a conversation.</Thread.Empty>
-          <Thread.Suggestions />
-          <Thread.Messages>
-            <Message.Root>
-              <Message.Content>
-                <Message.Parts />
-              </Message.Content>
-              <Message.Actions />
-            </Message.Root>
-          </Thread.Messages>
-          <Thread.Error />
-          <Thread.ScrollToBottom>Jump to latest</Thread.ScrollToBottom>
-        </Thread.Viewport>
-        <Composer.Root triggers={triggers}>
-          <Composer.Attachments />
-          <Composer.AddAttachment>Attach</Composer.AddAttachment>
-          <Composer.Input maxRows={6} placeholder="Send a message..." />
-          <Composer.TriggerMenu />
-          <Composer.Stop>Stop</Composer.Stop>
-          <Composer.Submit>Send</Composer.Submit>
-        </Composer.Root>
-      </Thread.Root>
+      <ThreadPrimitive.Root>
+        <ThreadPrimitive.Viewport>
+          <ThreadPrimitive.Empty>Start a conversation.</ThreadPrimitive.Empty>
+          <ThreadPrimitive.Suggestions />
+          <ThreadPrimitive.Messages>
+            <MessagePrimitive.Root>
+              <MessagePrimitive.Content>
+                <MessagePrimitive.Parts />
+              </MessagePrimitive.Content>
+              <MessagePrimitive.Actions />
+            </MessagePrimitive.Root>
+          </ThreadPrimitive.Messages>
+          <ThreadPrimitive.Error />
+          <ThreadPrimitive.ScrollToBottom>Jump to latest</ThreadPrimitive.ScrollToBottom>
+        </ThreadPrimitive.Viewport>
+        <ComposerPrimitive.Root triggers={triggers}>
+          <ComposerPrimitive.Attachments />
+          <ComposerPrimitive.AddAttachment>Attach</ComposerPrimitive.AddAttachment>
+          <ComposerPrimitive.Input maxRows={6} placeholder="Send a message..." />
+          <ComposerPrimitive.TriggerMenu />
+          <ComposerPrimitive.Stop>Stop</ComposerPrimitive.Stop>
+          <ComposerPrimitive.Submit>Send</ComposerPrimitive.Submit>
+        </ComposerPrimitive.Root>
+      </ThreadPrimitive.Root>
     </ChatProvider>
   );
 }
 ```
 
-Import `@anvia/react-ui/styles.css` for a small default stylesheet, or style the stable
-`data-anvia-*` attributes directly.
+The primitives are headless: pass `className` or `asChild` for design-system integration. Their
+small semantic DOM contract consists of ARIA attributes, `data-state`, and `data-role`; there is no
+package stylesheet. For editable, styled application components, run
+`pnpm dlx @anvia/cli add chat`.
 
-The primitives are headless by default: pass `className` or `asChild` for design-system
-integration, control `Composer.Root` with `input`/`attachments` props when needed, and use
+Control `ComposerPrimitive.Root` with `input`/`attachments` props when needed, and use
 `submitMessage` for custom composer payloads. Use `keepMounted` on optional collections when empty
 wrappers are useful for layout.
 
-`Composer.Input` is a Tiptap-backed rich composer. Configure `Composer.Root` with `triggers` to
+`ComposerPrimitive.Input` is a Tiptap-backed rich composer. Configure `ComposerPrimitive.Root` with `triggers` to
 support inline `@`, `/`, `$`, or other entity chips; selected entities are submitted under
 `metadata.composer.entities`. Entity `data` must be finite strict JSON; class instances, sparse or
 custom-prototype arrays, accessors, symbols, cycles, `undefined`, and non-finite numbers are
-rejected. Use `Composer.TextareaInput` when you need the previous native textarea behavior.
+rejected. Use `ComposerPrimitive.TextareaInput` when you need the previous native textarea behavior.
 
 Streaming smoothing is opt-in and display-only. Keep `useChat` as the owner of transport and
 `UIMessage[]` state. Keep the lifecycle mounted after streaming stops so its buffered tail drains;
-`Message.Parts` also keeps later tool parts behind text that has not been revealed yet:
+`MessagePrimitive.Parts` also keeps later tool parts behind text that has not been revealed yet:
 
 ```tsx
-<Message.Parts
+<MessagePrimitive.Parts
   stream={{
     isStreaming:
       chat.status === "streaming" &&
@@ -79,10 +85,11 @@ Streaming smoothing is opt-in and display-only. Keep `useChat` as the owner of t
     flushImmediately: chat.status === "error",
   }}
 >
-  {(part) => (part.type === "text" ? <Message.Markdown /> : <Message.Part />)}
-</Message.Parts>
+  {(part) => (part.type === "text" ? <MessagePrimitive.Markdown /> : <MessagePrimitive.Part />)}
+</MessagePrimitive.Parts>
 ```
 
 For app-owned text state, `StreamMarkdown` is available from `@anvia/react-ui/stream`. It is a
-context-free renderer: pass the already displayed text as `content`, set `live` only for its growing
-tail, and import `@anvia/react-ui/stream/styles.css` for the settle animation.
+context-free renderer: pass the already displayed text as `content` and set `live` only for its
+growing tail. Style `[data-state="revealing"]` in the owning application; `@anvia/cli` installs this
+animation with its `markdown`, `message`, `thread`, and `chat` items.

package/dist/attachment/index.d.ts

@@ -3,7 +3,7 @@ import * as react from 'react';
 export { A as AttachmentContextValue, u as useAttachment } from '../attachment-mbjsroli.js';
 import { P as PrimitiveProps } from '../render-CRKWam2v.js';
 
-declare const Attachment: {
+declare const AttachmentPrimitive: {
     readonly Root: react.ForwardRefExoticComponent<Omit<PrimitiveProps<"div">, "children"> & {
         children?: react.ReactNode | ((attachment: _anvia_client.UIAttachment) => react.ReactNode);
     } & react.RefAttributes<HTMLDivElement>>;
@@ -18,4 +18,4 @@ declare const Attachment: {
     } & react.RefAttributes<HTMLButtonElement>>;
 };
 
-export { Attachment };
+export { AttachmentPrimitive };

package/dist/attachment/index.js

@@ -1,12 +1,12 @@
 import {
-  Attachment
-} from "../chunk-BU4ZPDHQ.js";
+  AttachmentPrimitive
+} from "../chunk-MISX4WUT.js";
 import "../chunk-T3ZFZ3NP.js";
 import {
   useAttachment
-} from "../chunk-F76H3VMN.js";
+} from "../chunk-SOG2GVE4.js";
 export {
-  Attachment,
+  AttachmentPrimitive,
   useAttachment
 };
 //# sourceMappingURL=index.js.map

package/dist/chat/index.d.ts

@@ -2,7 +2,7 @@ import { C as ChatController } from '../chat-tfA570mg.js';
 export { a as ChatProvider, b as ChatProviderProps, u as useChatContext } from '../chat-tfA570mg.js';
 import { d as ComposerEntity, g as ComposerQuote, h as ComposerTriggerDefinition, l as ComposerTriggerState, i as ComposerTriggerItem } from '../composer-CigccTLT.js';
 export { C as ComposerAttachmentInput, a as ComposerAttachmentsUpdate, b as ComposerContextValue, c as ComposerEntitiesUpdate, e as ComposerEntityData, f as ComposerMessageMetadata, j as ComposerTriggerItems, k as ComposerTriggerItemsArgs, m as ComposerTriggerStateUpdate, u as useComposer } from '../composer-CigccTLT.js';
-export { T as ThreadContextValue, u as useThread } from '../thread-uEm8hH0s.js';
+export { T as ThreadContextValue, u as useThread } from '../thread-Bz6-1zaJ.js';
 import * as react from 'react';
 import { ReactNode } from 'react';
 import { UIAttachment, ClientDataMap, ClientMetadata, UIMessage } from '@anvia/client';
@@ -21,7 +21,7 @@ type ComposerSubmitMessage<TData extends ClientDataMap = ClientDataMap> = (args:
 type ComposerTriggerMenuChildren = ReactNode | ((trigger: ComposerTriggerState) => ReactNode);
 type ComposerTriggerItemChildren = ReactNode | ((item: ComposerTriggerItem, trigger: ComposerTriggerState) => ReactNode);
 type ComposerAttachmentsChildren = ReactNode | ((attachment: UIAttachment) => ReactNode);
-declare const Composer: {
+declare const ComposerPrimitive: {
     readonly Root: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref">, "asChild"> & {
         asChild?: boolean;
     } & {
@@ -99,7 +99,7 @@ declare const Composer: {
 
 type ThreadMessagesChildren = ReactNode | ((message: UIMessage) => ReactNode);
 type ThreadSuggestionChildren = ReactNode | ((suggestion: ChatSuggestion) => ReactNode);
-declare const Thread: {
+declare const ThreadPrimitive: {
     readonly Root: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "asChild"> & {
         asChild?: boolean;
     } & react.RefAttributes<HTMLDivElement>>;
@@ -141,4 +141,4 @@ declare const Thread: {
     } & react.RefAttributes<HTMLButtonElement>>;
 };
 
-export { ChatController, Composer, ComposerEntity, ComposerQuote, type ComposerSubmitMessage, type ComposerSubmitMessageArgs, ComposerTriggerDefinition, ComposerTriggerItem, ComposerTriggerState, Thread };
+export { ChatController, ComposerEntity, ComposerPrimitive, ComposerQuote, type ComposerSubmitMessage, type ComposerSubmitMessageArgs, ComposerTriggerDefinition, ComposerTriggerItem, ComposerTriggerState, ThreadPrimitive };

package/dist/chat/index.js

@@ -1,10 +1,11 @@
 import {
-  Composer,
-  Thread
-} from "../chunk-XAQA3JIG.js";
-import "../chunk-JBKSJG5W.js";
-import "../chunk-ULGJLLZE.js";
-import "../chunk-BU4ZPDHQ.js";
+  ComposerPrimitive,
+  ThreadPrimitive
+} from "../chunk-HWJIMLHC.js";
+import "../chunk-CRXNFZRW.js";
+import "../chunk-6XOJFLX4.js";
+import "../chunk-F6AKBUO3.js";
+import "../chunk-MISX4WUT.js";
 import "../chunk-CKA4CE26.js";
 import "../chunk-T3ZFZ3NP.js";
 import {
@@ -12,11 +13,11 @@ import {
   useChatContext,
   useComposer,
   useThread
-} from "../chunk-F76H3VMN.js";
+} from "../chunk-SOG2GVE4.js";
 export {
   ChatProvider,
-  Composer,
-  Thread,
+  ComposerPrimitive,
+  ThreadPrimitive,
   useChatContext,
   useComposer,
   useThread

package/dist/{chunk-OINUOCTO.js → chunk-647LAYRV.js}

@@ -1,31 +1,61 @@
 import {
+  composeRefs,
   renderPrimitive
 } from "./chunk-T3ZFZ3NP.js";
 import {
   InternalThreadListItemProvider,
+  InternalThreadListRootProvider,
+  useInternalThreadListRoot,
   useThreadList,
   useThreadListItem
-} from "./chunk-F76H3VMN.js";
+} from "./chunk-SOG2GVE4.js";
 
 // src/thread-list/parts.tsx
 import {
   forwardRef,
-  useCallback
+  useCallback,
+  useMemo,
+  useRef
 } from "react";
 import { jsx } from "react/jsx-runtime";
 var ThreadListRoot = forwardRef(function ThreadListRoot2({ onKeyDown, ...props }, ref) {
   const threadList = useThreadList();
+  const rootRef = useRef(null);
+  const newButtonRef = useRef(null);
+  const itemElements = useRef(/* @__PURE__ */ new Map());
+  const triggerElements = useRef(/* @__PURE__ */ new Map());
+  const registerItem = useCallback((threadId, element) => {
+    if (element === null) itemElements.current.delete(threadId);
+    else itemElements.current.set(threadId, element);
+  }, []);
+  const registerTrigger = useCallback((threadId, element) => {
+    if (element === null) triggerElements.current.delete(threadId);
+    else triggerElements.current.set(threadId, element);
+  }, []);
+  const rootContext = useMemo(
+    () => ({
+      rootRef,
+      newButtonRef,
+      itemElements,
+      triggerElements,
+      registerItem,
+      registerTrigger
+    }),
+    [registerItem, registerTrigger]
+  );
+  const composedRef = useMemo(
+    () => composeRefs(ref, (node) => {
+      rootRef.current = node;
+    }),
+    [ref]
+  );
   const handleKeyDown = useCallback(
     (event) => {
       onKeyDown?.(event);
       if (event.defaultPrevented || !["ArrowDown", "ArrowUp", "Home", "End"].includes(event.key)) {
         return;
       }
-      const triggers = Array.from(
-        event.currentTarget.querySelectorAll(
-          "[data-anvia-thread-list-trigger]:not(:disabled)"
-        )
-      );
+      const triggers = orderedEnabledTriggers(rootContext);
       if (triggers.length === 0) {
         return;
       }
@@ -35,22 +65,28 @@ var ThreadListRoot = forwardRef(function ThreadListRoot2({ onKeyDown, ...props }
       const nextIndex = nextTriggerIndex(event.key, currentIndex, triggers.length);
       triggers[nextIndex]?.focus();
     },
-    [onKeyDown]
+    [onKeyDown, rootContext]
   );
-  return renderPrimitive(
+  return /* @__PURE__ */ jsx(InternalThreadListRootProvider, { value: rootContext, children: renderPrimitive(
     "div",
     {
       ...props,
       onKeyDown: handleKeyDown,
-      "data-anvia-thread-list": "",
       "data-state": threadList.status ?? "idle"
     },
-    ref
-  );
+    composedRef
+  ) });
 });
 var ThreadListNew = forwardRef(
   function ThreadListNew2({ onClick, ...props }, ref) {
     const threadList = useThreadList();
+    const root = useInternalThreadListRoot();
+    const composedRef = useMemo(
+      () => composeRefs(ref, (node) => {
+        root.newButtonRef.current = node;
+      }),
+      [ref, root.newButtonRef]
+    );
     const handleClick = useCallback(
       (event) => {
         onClick?.(event);
@@ -68,10 +104,9 @@ var ThreadListNew = forwardRef(
         children: props.children ?? "New chat",
         onClick: handleClick,
         type: props.type ?? "button",
-        "data-anvia-thread-list-new": "",
         "data-state": props.disabled ? "disabled" : "enabled"
       },
-      ref
+      composedRef
     );
   }
 );
@@ -94,9 +129,7 @@ var ThreadListItems = forwardRef(function ThreadListItems2({ archived = false, c
         },
         thread.id
       )),
-      "data-anvia-thread-list-items": "",
-      "data-archived": archived ? "" : void 0,
-      "data-empty": empty ? "" : void 0
+      "data-state": empty ? "empty" : "populated"
     },
     ref
   );
@@ -113,8 +146,7 @@ var ThreadListEmpty = forwardRef(function ThreadListEmpty2({ archived = false, .
     "div",
     {
       ...props,
-      children: props.children ?? "No conversations.",
-      "data-anvia-thread-list-empty": ""
+      children: props.children ?? "No conversations."
     },
     ref
   );
@@ -122,15 +154,18 @@ var ThreadListEmpty = forwardRef(function ThreadListEmpty2({ archived = false, .
 var ThreadListItemRoot = forwardRef(
   function ThreadListItemRoot2(props, ref) {
     const item = useThreadListItem();
+    const root = useInternalThreadListRoot();
+    const composedRef = useMemo(
+      () => composeRefs(ref, (node) => root.registerItem(item.thread.id, node)),
+      [item.thread.id, ref, root]
+    );
     return renderPrimitive(
       "div",
       {
         ...props,
-        "data-anvia-thread-list-item": "",
-        "data-active": item.active ? "" : void 0,
-        "data-thread-id": item.thread.id
+        "data-state": item.active ? "active" : "inactive"
       },
-      ref
+      composedRef
     );
   }
 );
@@ -138,7 +173,12 @@ var ThreadListItemTrigger = forwardRef(
   function ThreadListItemTrigger2({ onClick, ...props }, ref) {
     const threadList = useThreadList();
     const item = useThreadListItem();
+    const root = useInternalThreadListRoot();
     const disabled = props.disabled ?? false;
+    const composedRef = useMemo(
+      () => composeRefs(ref, (node) => root.registerTrigger(item.thread.id, node)),
+      [item.thread.id, ref, root]
+    );
     const handleClick = useCallback(
       (event) => {
         onClick?.(event);
@@ -158,10 +198,9 @@ var ThreadListItemTrigger = forwardRef(
         onClick: handleClick,
         type: props.type ?? "button",
         "aria-current": item.active ? "true" : void 0,
-        "data-anvia-thread-list-trigger": "",
         "data-state": disabled ? "disabled" : "enabled"
       },
-      ref
+      composedRef
     );
   }
 );
@@ -172,17 +211,17 @@ var ThreadListItemTitle = forwardRef(
       "span",
       {
         ...props,
-        children: props.children ?? thread.title ?? fallback,
-        "data-anvia-thread-list-title": ""
+        children: props.children ?? thread.title ?? fallback
       },
       ref
     );
   }
 );
-function createThreadListItemAction(action, defaultLabel, dataAttribute) {
+function createThreadListItemAction(action, defaultLabel) {
   return forwardRef(function ThreadListItemAction({ onClick, ...props }, ref) {
     const threadList = useThreadList();
     const { thread } = useThreadListItem();
+    const root = useInternalThreadListRoot();
     const actionHandler = threadList[action];
     const disabled = props.disabled ?? actionHandler === void 0;
     const handleClick = useCallback(
@@ -191,10 +230,10 @@ function createThreadListItemAction(action, defaultLabel, dataAttribute) {
         if (event.defaultPrevented || disabled) {
           return;
         }
-        focusAfterThreadItemRemoval(event.currentTarget);
+        focusAfterThreadItemRemoval(thread.id, root);
         void actionHandler?.(thread.id);
       },
-      [actionHandler, disabled, onClick, thread.id]
+      [actionHandler, disabled, onClick, root, thread.id]
     );
     return renderPrimitive(
       "button",
@@ -204,28 +243,15 @@ function createThreadListItemAction(action, defaultLabel, dataAttribute) {
         disabled,
         onClick: handleClick,
         type: props.type ?? "button",
-        [dataAttribute]: "",
         "data-state": disabled ? "disabled" : "enabled"
       },
       ref
     );
   });
 }
-var ThreadListItemArchive = createThreadListItemAction(
-  "archiveThread",
-  "Archive",
-  "data-anvia-thread-list-archive"
-);
-var ThreadListItemUnarchive = createThreadListItemAction(
-  "unarchiveThread",
-  "Unarchive",
-  "data-anvia-thread-list-unarchive"
-);
-var ThreadListItemDelete = createThreadListItemAction(
-  "deleteThread",
-  "Delete",
-  "data-anvia-thread-list-delete"
-);
+var ThreadListItemArchive = createThreadListItemAction("archiveThread", "Archive");
+var ThreadListItemUnarchive = createThreadListItemAction("unarchiveThread", "Unarchive");
+var ThreadListItemDelete = createThreadListItemAction("deleteThread", "Delete");
 function DefaultThreadItem() {
   return /* @__PURE__ */ jsx(ThreadListItemRoot, { children: /* @__PURE__ */ jsx(ThreadListItemTrigger, {}) });
 }
@@ -244,38 +270,37 @@ function nextTriggerIndex(key, currentIndex, triggerCount) {
   }
   return (currentIndex + 1) % triggerCount;
 }
-function focusAfterThreadItemRemoval(actionButton) {
-  const root = actionButton.closest("[data-anvia-thread-list]");
-  const currentItem = actionButton.closest("[data-anvia-thread-list-item]");
-  if (root === null || currentItem === null || !currentItem.contains(root.ownerDocument.activeElement)) {
+function focusAfterThreadItemRemoval(threadId, rootContext) {
+  const root = rootContext.rootRef.current;
+  const currentItem = rootContext.itemElements.current.get(threadId);
+  if (root === null || currentItem === void 0 || !currentItem.contains(root.ownerDocument.activeElement)) {
     return;
   }
-  const triggers = Array.from(
-    root.querySelectorAll("[data-anvia-thread-list-trigger]:not(:disabled)")
-  );
-  const currentTrigger = currentItem.querySelector(
-    "[data-anvia-thread-list-trigger]"
-  );
-  const currentIndex = currentTrigger === null ? -1 : triggers.indexOf(currentTrigger);
+  const triggers = orderedEnabledTriggers(rootContext);
+  const currentTrigger = rootContext.triggerElements.current.get(threadId);
+  const currentIndex = currentTrigger === void 0 ? -1 : triggers.indexOf(currentTrigger);
   const remainingTriggers = triggers.filter((trigger) => !currentItem.contains(trigger));
-  const fallback = root.querySelector(
-    "[data-anvia-thread-list-new]:not(:disabled)"
-  );
+  const fallback = rootContext.newButtonRef.current;
   const focusTarget = remainingTriggers[Math.min(Math.max(currentIndex, 0), remainingTriggers.length - 1)] ?? fallback ?? root;
   if (focusTarget === root && !root.hasAttribute("tabindex")) {
     root.tabIndex = -1;
   }
   focusTarget.focus();
 }
+function orderedEnabledTriggers(rootContext) {
+  return [...rootContext.triggerElements.current.values()].filter((trigger) => trigger.isConnected && !trigger.disabled).sort(
+    (left, right) => left.compareDocumentPosition(right) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1
+  );
+}
 
 // src/thread-list/index.ts
-var ThreadList = {
+var ThreadListPrimitive = {
   Root: ThreadListRoot,
   New: ThreadListNew,
   Items: ThreadListItems,
   Empty: ThreadListEmpty
 };
-var ThreadListItem = {
+var ThreadListItemPrimitive = {
   Root: ThreadListItemRoot,
   Trigger: ThreadListItemTrigger,
   Title: ThreadListItemTitle,
@@ -285,7 +310,7 @@ var ThreadListItem = {
 };
 
 export {
-  ThreadList,
-  ThreadListItem
+  ThreadListPrimitive,
+  ThreadListItemPrimitive
 };
-//# sourceMappingURL=chunk-OINUOCTO.js.map
+//# sourceMappingURL=chunk-647LAYRV.js.map

package/dist/chunk-647LAYRV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/thread-list/parts.tsx","../src/thread-list/index.ts"],"sourcesContent":["import {\n  forwardRef,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactNode,\n  useCallback,\n  useMemo,\n  useRef,\n} from \"react\";\n\nimport {\n  InternalThreadListItemProvider,\n  InternalThreadListRootProvider,\n  type ThreadListRecord,\n  useInternalThreadListRoot,\n  useThreadList,\n  useThreadListItem,\n} from \"../contexts\";\nimport { composeRefs, type PrimitiveProps, renderPrimitive } from \"../primitives\";\n\ntype ThreadListRootProps = PrimitiveProps<\"div\">;\n\nconst ThreadListRoot = forwardRef<HTMLDivElement, ThreadListRootProps>(function ThreadListRoot(\n  { onKeyDown, ...props },\n  ref,\n) {\n  const threadList = useThreadList();\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const newButtonRef = useRef<HTMLButtonElement | null>(null);\n  const itemElements = useRef(new Map<string, HTMLDivElement>());\n  const triggerElements = useRef(new Map<string, HTMLButtonElement>());\n  const registerItem = useCallback((threadId: string, element: HTMLDivElement | null) => {\n    if (element === null) itemElements.current.delete(threadId);\n    else itemElements.current.set(threadId, element);\n  }, []);\n  const registerTrigger = useCallback((threadId: string, element: HTMLButtonElement | null) => {\n    if (element === null) triggerElements.current.delete(threadId);\n    else triggerElements.current.set(threadId, element);\n  }, []);\n  const rootContext = useMemo(\n    () => ({\n      rootRef,\n      newButtonRef,\n      itemElements,\n      triggerElements,\n      registerItem,\n      registerTrigger,\n    }),\n    [registerItem, registerTrigger],\n  );\n  const composedRef = useMemo(\n    () =>\n      composeRefs<HTMLDivElement>(ref, (node) => {\n        rootRef.current = node;\n      }),\n    [ref],\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>) => {\n      onKeyDown?.(event);\n      if (event.defaultPrevented || ![\"ArrowDown\", \"ArrowUp\", \"Home\", \"End\"].includes(event.key)) {\n        return;\n      }\n      const triggers = orderedEnabledTriggers(rootContext);\n      if (triggers.length === 0) {\n        return;\n      }\n      event.preventDefault();\n      const activeElement = document.activeElement;\n      const currentIndex =\n        activeElement instanceof HTMLButtonElement ? triggers.indexOf(activeElement) : -1;\n      const nextIndex = nextTriggerIndex(event.key, currentIndex, triggers.length);\n      triggers[nextIndex]?.focus();\n    },\n    [onKeyDown, rootContext],\n  );\n\n  return (\n    <InternalThreadListRootProvider value={rootContext}>\n      {renderPrimitive(\n        \"div\",\n        {\n          ...props,\n          onKeyDown: handleKeyDown,\n          \"data-state\": threadList.status ?? \"idle\",\n        } as PrimitiveProps<\"div\">,\n        composedRef,\n      )}\n    </InternalThreadListRootProvider>\n  );\n});\n\nconst ThreadListNew = forwardRef<HTMLButtonElement, PrimitiveProps<\"button\">>(\n  function ThreadListNew({ onClick, ...props }, ref) {\n    const threadList = useThreadList();\n    const root = useInternalThreadListRoot();\n    const composedRef = useMemo(\n      () =>\n        composeRefs<HTMLButtonElement>(ref, (node) => {\n          root.newButtonRef.current = node;\n        }),\n      [ref, root.newButtonRef],\n    );\n\n    const handleClick = useCallback(\n      (event: MouseEvent<HTMLButtonElement>) => {\n        onClick?.(event);\n        if (event.defaultPrevented || props.disabled) {\n          return;\n        }\n        void threadList.createThread();\n      },\n      [onClick, props.disabled, threadList],\n    );\n\n    return renderPrimitive(\n      \"button\",\n      {\n        ...props,\n        children: props.children ?? \"New chat\",\n        onClick: handleClick,\n        type: props.type ?? \"button\",\n        \"data-state\": props.disabled ? \"disabled\" : \"enabled\",\n      } as PrimitiveProps<\"button\">,\n      composedRef,\n    );\n  },\n);\n\ntype ThreadListItemsChildren = ReactNode | ((thread: ThreadListRecord) => ReactNode);\n\ntype ThreadListItemsProps = Omit<PrimitiveProps<\"div\">, \"children\"> & {\n  archived?: boolean;\n  children?: ThreadListItemsChildren;\n  keepMounted?: boolean;\n};\n\nconst ThreadListItems = forwardRef<HTMLDivElement, ThreadListItemsProps>(function ThreadListItems(\n  { archived = false, children, keepMounted = false, ...props },\n  ref,\n) {\n  const threadList = useThreadList();\n  const threads = threadList.threads.filter((thread) => Boolean(thread.archived) === archived);\n  const empty = threads.length === 0;\n  if (empty && !keepMounted) {\n    return null;\n  }\n\n  return renderPrimitive(\n    \"div\",\n    {\n      ...props,\n      children: threads.map((thread) => (\n        <InternalThreadListItemProvider\n          key={thread.id}\n          value={{ thread, active: thread.id === threadList.activeThreadId }}\n        >\n          {typeof children === \"function\" ? children(thread) : (children ?? <DefaultThreadItem />)}\n        </InternalThreadListItemProvider>\n      )),\n      \"data-state\": empty ? \"empty\" : \"populated\",\n    } as PrimitiveProps<\"div\">,\n    ref,\n  );\n});\n\ntype ThreadListEmptyProps = PrimitiveProps<\"div\"> & {\n  archived?: boolean;\n};\n\nconst ThreadListEmpty = forwardRef<HTMLDivElement, ThreadListEmptyProps>(function ThreadListEmpty(\n  { archived = false, ...props },\n  ref,\n) {\n  const threadList = useThreadList();\n  const hasVisibleThreads = threadList.threads.some(\n    (thread) => Boolean(thread.archived) === archived,\n  );\n  if (hasVisibleThreads) {\n    return null;\n  }\n\n  return renderPrimitive(\n    \"div\",\n    {\n      ...props,\n      children: props.children ?? \"No conversations.\",\n    } as PrimitiveProps<\"div\">,\n    ref,\n  );\n});\n\nconst ThreadListItemRoot = forwardRef<HTMLDivElement, PrimitiveProps<\"div\">>(\n  function ThreadListItemRoot(props, ref) {\n    const item = useThreadListItem();\n    const root = useInternalThreadListRoot();\n    const composedRef = useMemo(\n      () => composeRefs<HTMLDivElement>(ref, (node) => root.registerItem(item.thread.id, node)),\n      [item.thread.id, ref, root],\n    );\n\n    return renderPrimitive(\n      \"div\",\n      {\n        ...props,\n        \"data-state\": item.active ? \"active\" : \"inactive\",\n      } as PrimitiveProps<\"div\">,\n      composedRef,\n    );\n  },\n);\n\nconst ThreadListItemTrigger = forwardRef<HTMLButtonElement, PrimitiveProps<\"button\">>(\n  function ThreadListItemTrigger({ onClick, ...props }, ref) {\n    const threadList = useThreadList();\n    const item = useThreadListItem();\n    const root = useInternalThreadListRoot();\n    const disabled = props.disabled ?? false;\n    const composedRef = useMemo(\n      () =>\n        composeRefs<HTMLButtonElement>(ref, (node) => root.registerTrigger(item.thread.id, node)),\n      [item.thread.id, ref, root],\n    );\n\n    const handleClick = useCallback(\n      (event: MouseEvent<HTMLButtonElement>) => {\n        onClick?.(event);\n        if (event.defaultPrevented || disabled) {\n          return;\n        }\n        void threadList.switchThread(item.thread.id);\n      },\n      [disabled, item.thread.id, onClick, threadList],\n    );\n\n    return renderPrimitive(\n      \"button\",\n      {\n        ...props,\n        children: props.children ?? <ThreadListItemTitle />,\n        disabled,\n        onClick: handleClick,\n        type: props.type ?? \"button\",\n        \"aria-current\": item.active ? \"true\" : undefined,\n        \"data-state\": disabled ? \"disabled\" : \"enabled\",\n      } as PrimitiveProps<\"button\">,\n      composedRef,\n    );\n  },\n);\n\ntype ThreadListItemTitleProps = PrimitiveProps<\"span\"> & {\n  fallback?: ReactNode;\n};\n\nconst ThreadListItemTitle = forwardRef<HTMLSpanElement, ThreadListItemTitleProps>(\n  function ThreadListItemTitle({ fallback = \"New chat\", ...props }, ref) {\n    const { thread } = useThreadListItem();\n\n    return renderPrimitive(\n      \"span\",\n      {\n        ...props,\n        children: props.children ?? thread.title ?? fallback,\n      } as PrimitiveProps<\"span\">,\n      ref,\n    );\n  },\n);\n\ntype ThreadListItemActionKey = \"archiveThread\" | \"unarchiveThread\" | \"deleteThread\";\nfunction createThreadListItemAction(action: ThreadListItemActionKey, defaultLabel: string) {\n  return forwardRef<HTMLButtonElement, PrimitiveProps<\"button\">>(function ThreadListItemAction(\n    { onClick, ...props },\n    ref,\n  ) {\n    const threadList = useThreadList();\n    const { thread } = useThreadListItem();\n    const root = useInternalThreadListRoot();\n    const actionHandler = threadList[action];\n    const disabled = props.disabled ?? actionHandler === undefined;\n\n    const handleClick = useCallback(\n      (event: MouseEvent<HTMLButtonElement>) => {\n        onClick?.(event);\n        if (event.defaultPrevented || disabled) {\n          return;\n        }\n        focusAfterThreadItemRemoval(thread.id, root);\n        void actionHandler?.(thread.id);\n      },\n      [actionHandler, disabled, onClick, root, thread.id],\n    );\n\n    return renderPrimitive(\n      \"button\",\n      {\n        ...props,\n        children: props.children ?? defaultLabel,\n        disabled,\n        onClick: handleClick,\n        type: props.type ?? \"button\",\n        \"data-state\": disabled ? \"disabled\" : \"enabled\",\n      } as PrimitiveProps<\"button\">,\n      ref,\n    );\n  });\n}\n\nconst ThreadListItemArchive = createThreadListItemAction(\"archiveThread\", \"Archive\");\nconst ThreadListItemUnarchive = createThreadListItemAction(\"unarchiveThread\", \"Unarchive\");\nconst ThreadListItemDelete = createThreadListItemAction(\"deleteThread\", \"Delete\");\n\nfunction DefaultThreadItem(): ReactNode {\n  return (\n    <ThreadListItemRoot>\n      <ThreadListItemTrigger />\n    </ThreadListItemRoot>\n  );\n}\n\nfunction nextTriggerIndex(key: string, currentIndex: number, triggerCount: number): number {\n  if (key === \"Home\") {\n    return 0;\n  }\n  if (key === \"End\") {\n    return triggerCount - 1;\n  }\n  if (currentIndex === -1) {\n    return key === \"ArrowUp\" ? triggerCount - 1 : 0;\n  }\n  if (key === \"ArrowUp\") {\n    return (currentIndex - 1 + triggerCount) % triggerCount;\n  }\n  return (currentIndex + 1) % triggerCount;\n}\n\nfunction focusAfterThreadItemRemoval(\n  threadId: string,\n  rootContext: ReturnType<typeof useInternalThreadListRoot>,\n): void {\n  const root = rootContext.rootRef.current;\n  const currentItem = rootContext.itemElements.current.get(threadId);\n  if (\n    root === null ||\n    currentItem === undefined ||\n    !currentItem.contains(root.ownerDocument.activeElement)\n  ) {\n    return;\n  }\n\n  const triggers = orderedEnabledTriggers(rootContext);\n  const currentTrigger = rootContext.triggerElements.current.get(threadId);\n  const currentIndex = currentTrigger === undefined ? -1 : triggers.indexOf(currentTrigger);\n  const remainingTriggers = triggers.filter((trigger) => !currentItem.contains(trigger));\n  const fallback = rootContext.newButtonRef.current;\n  const focusTarget =\n    remainingTriggers[Math.min(Math.max(currentIndex, 0), remainingTriggers.length - 1)] ??\n    fallback ??\n    root;\n\n  if (focusTarget === root && !root.hasAttribute(\"tabindex\")) {\n    root.tabIndex = -1;\n  }\n  focusTarget.focus();\n}\n\nfunction orderedEnabledTriggers(\n  rootContext: ReturnType<typeof useInternalThreadListRoot>,\n): HTMLButtonElement[] {\n  return [...rootContext.triggerElements.current.values()]\n    .filter((trigger) => trigger.isConnected && !trigger.disabled)\n    .sort((left, right) =>\n      left.compareDocumentPosition(right) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1,\n    );\n}\n\nexport {\n  ThreadListEmpty,\n  ThreadListItemArchive,\n  ThreadListItemDelete,\n  ThreadListItemRoot,\n  ThreadListItems,\n  ThreadListItemTitle,\n  ThreadListItemTrigger,\n  ThreadListItemUnarchive,\n  ThreadListNew,\n  ThreadListRoot,\n};\n","import {\n  ThreadListEmpty,\n  ThreadListItemArchive,\n  ThreadListItemDelete,\n  ThreadListItemRoot,\n  ThreadListItems,\n  ThreadListItemTitle,\n  ThreadListItemTrigger,\n  ThreadListItemUnarchive,\n  ThreadListNew,\n  ThreadListRoot,\n} from \"./parts\";\n\nexport const ThreadListPrimitive = {\n  Root: ThreadListRoot,\n  New: ThreadListNew,\n  Items: ThreadListItems,\n  Empty: ThreadListEmpty,\n} as const;\n\nexport const ThreadListItemPrimitive = {\n  Root: ThreadListItemRoot,\n  Trigger: ThreadListItemTrigger,\n  Title: ThreadListItemTitle,\n  Archive: ThreadListItemArchive,\n  Unarchive: ThreadListItemUnarchive,\n  Delete: ThreadListItemDelete,\n} as const;\n\nexport type {\n  ThreadListController,\n  ThreadListItemContextValue,\n  ThreadListProviderProps,\n  ThreadListRecord,\n} from \"../contexts\";\nexport { ThreadListProvider, useThreadList, useThreadListItem } from \"../contexts\";\n"],"mappings":"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","names":["ThreadListRoot","ThreadListNew","ThreadListItems","ThreadListEmpty","ThreadListItemRoot","ThreadListItemTrigger","ThreadListItemTitle"]}

package/dist/chunk-6XOJFLX4.js

@@ -0,0 +1,22 @@
+// src/message/elements.ts
+var messageIds = /* @__PURE__ */ new WeakMap();
+function registerMessageElement(element, messageId) {
+  messageIds.set(element, messageId);
+}
+function messageElementFromNode(node) {
+  let element = node?.nodeType === Node.ELEMENT_NODE ? node : node?.parentElement ?? void 0;
+  while (element !== void 0 && element !== null) {
+    const messageId = messageIds.get(element);
+    if (messageId !== void 0) {
+      return { element, messageId };
+    }
+    element = element.parentElement ?? void 0;
+  }
+  return void 0;
+}
+
+export {
+  registerMessageElement,
+  messageElementFromNode
+};
+//# sourceMappingURL=chunk-6XOJFLX4.js.map

package/dist/chunk-6XOJFLX4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/message/elements.ts"],"sourcesContent":["const messageIds = new WeakMap<HTMLElement, string>();\n\nexport function registerMessageElement(element: HTMLElement, messageId: string): void {\n  messageIds.set(element, messageId);\n}\n\nexport function messageElementFromNode(\n  node: Node | null,\n): { element: HTMLElement; messageId: string } | undefined {\n  let element =\n    node?.nodeType === Node.ELEMENT_NODE\n      ? (node as HTMLElement)\n      : (node?.parentElement ?? undefined);\n\n  while (element !== undefined && element !== null) {\n    const messageId = messageIds.get(element);\n    if (messageId !== undefined) {\n      return { element, messageId };\n    }\n    element = element.parentElement ?? undefined;\n  }\n  return undefined;\n}\n"],"mappings":";AAAA,IAAM,aAAa,oBAAI,QAA6B;AAE7C,SAAS,uBAAuB,SAAsB,WAAyB;AACpF,aAAW,IAAI,SAAS,SAAS;AACnC;AAEO,SAAS,uBACd,MACyD;AACzD,MAAI,UACF,MAAM,aAAa,KAAK,eACnB,OACA,MAAM,iBAAiB;AAE9B,SAAO,YAAY,UAAa,YAAY,MAAM;AAChD,UAAM,YAAY,WAAW,IAAI,OAAO;AACxC,QAAI,cAAc,QAAW;AAC3B,aAAO,EAAE,SAAS,UAAU;AAAA,IAC9B;AACA,cAAU,QAAQ,iBAAiB;AAAA,EACrC;AACA,SAAO;AACT;","names":[]}