@anvia/react-ui 0.2.0 → 0.4.0

package/README.md

@@ -8,6 +8,13 @@ import { ChatProvider, Composer, Message, Thread } from "@anvia/react-ui";
 
 export function SupportChat() {
   const chat = useChat({ endpoint: "/api/chat" });
+  const triggers = [
+    {
+      id: "people",
+      char: "@",
+      items: [{ id: "user_ada", label: "Ada Lovelace", data: { type: "user" } }],
+    },
+  ];
 
   return (
     <ChatProvider controller={chat}>
@@ -26,10 +33,11 @@ export function SupportChat() {
           <Thread.Error />
           <Thread.ScrollToBottom>Jump to latest</Thread.ScrollToBottom>
         </Thread.Viewport>
-        <Composer.Root>
+        <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>
@@ -46,3 +54,8 @@ The primitives are headless by default: pass `className` or `asChild` for design
 integration, control `Composer.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
+support inline `@`, `/`, `$`, or other entity chips; selected entities are submitted under
+`metadata.composer.entities`. Use `Composer.TextareaInput` when you need the previous native
+textarea behavior.

package/dist/attachment/index.js

@@ -1,10 +1,10 @@
 import {
   Attachment
-} from "../chunk-RRINF6FN.js";
+} from "../chunk-32QFNRXR.js";
 import "../chunk-T3ZFZ3NP.js";
 import {
   useAttachment
-} from "../chunk-7AS6R7BB.js";
+} from "../chunk-BCCU3VT5.js";
 export {
   Attachment,
   useAttachment

package/dist/chat/index.d.ts

@@ -1,6 +1,7 @@
 import { C as ChatController } from '../chat-B3kucz1w.js';
 export { a as ChatProvider, b as ChatProviderProps, u as useChatContext } from '../chat-B3kucz1w.js';
-export { C as ComposerAttachmentInput, a as ComposerAttachmentsUpdate, b as ComposerContextValue, T as ThreadContextValue, u as useComposer, c as useThread } from '../thread-CluT3m5k.js';
+import { d as ComposerEntity, f as ComposerQuote, g as ComposerTriggerDefinition, k as ComposerTriggerState, h as ComposerTriggerItem } from '../thread-C2-Xo08o.js';
+export { C as ComposerAttachmentInput, a as ComposerAttachmentsUpdate, b as ComposerContextValue, c as ComposerEntitiesUpdate, e as ComposerEntityData, i as ComposerTriggerItems, j as ComposerTriggerItemsArgs, l as ComposerTriggerStateUpdate, T as ThreadContextValue, u as useComposer, m as useThread } from '../thread-C2-Xo08o.js';
 import * as react from 'react';
 import { ReactNode } from 'react';
 import { UIAttachment, UIMessage, UseChatStatus, ChatSuggestion } from '@anvia/react';
@@ -9,10 +10,14 @@ import { P as PrimitiveProps } from '../render-CRKWam2v.js';
 type ComposerSubmitMessageArgs<TEvent = unknown> = {
     input: string;
     attachments: UIAttachment[];
+    entities: ComposerEntity[];
     chat: ChatController<TEvent>;
+    quote?: ComposerQuote | undefined;
     clear(): void;
 };
 type ComposerSubmitMessage<TEvent = unknown> = (args: ComposerSubmitMessageArgs<TEvent>) => Promise<void> | void;
+type ComposerTriggerMenuChildren = ReactNode | ((trigger: ComposerTriggerState) => ReactNode);
+type ComposerTriggerItemChildren = ReactNode | ((item: ComposerTriggerItem, trigger: ComposerTriggerState) => ReactNode);
 type ComposerAttachmentsChildren = ReactNode | ((attachment: UIAttachment) => ReactNode);
 declare const Composer: {
     readonly Root: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref">, "asChild"> & {
@@ -20,19 +25,50 @@ declare const Composer: {
     } & {
         attachments?: UIAttachment[];
         defaultAttachments?: UIAttachment[];
+        defaultEntities?: ComposerEntity[];
         defaultInput?: string;
+        defaultQuote?: ComposerQuote | undefined;
+        entities?: ComposerEntity[];
         input?: string;
         onAttachmentsChange?: (attachments: UIAttachment[]) => void;
+        onEntitiesChange?: (entities: ComposerEntity[]) => void;
         onInputChange?: (input: string) => void;
+        onQuoteChange?: (quote: ComposerQuote | undefined) => void;
+        quote?: ComposerQuote | undefined;
         submitMessage?: ComposerSubmitMessage;
+        triggers?: ComposerTriggerDefinition[];
     } & react.RefAttributes<HTMLFormElement>>;
-    readonly Input: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "asChild"> & {
+    readonly Quote: react.ForwardRefExoticComponent<Omit<PrimitiveProps<"blockquote">, "children"> & {
+        children?: ReactNode | ((quote: ComposerQuote) => ReactNode);
+    } & react.RefAttributes<HTMLQuoteElement>>;
+    readonly ClearQuote: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & react.RefAttributes<HTMLButtonElement>>;
+    readonly Input: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & {
+        autoResize?: boolean;
+        disabled?: boolean | undefined;
+        maxRows?: number;
+        minRows?: number;
+        placeholder?: string | undefined;
+    } & react.RefAttributes<HTMLDivElement>>;
+    readonly TextareaInput: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "asChild"> & {
         asChild?: boolean;
     } & {
         autoResize?: boolean;
         maxRows?: number;
         minRows?: number;
     } & react.RefAttributes<HTMLTextAreaElement>>;
+    readonly TriggerMenu: react.ForwardRefExoticComponent<Omit<PrimitiveProps<"div">, "children"> & {
+        children?: ComposerTriggerMenuChildren;
+        keepMounted?: boolean;
+    } & react.RefAttributes<HTMLDivElement>>;
+    readonly TriggerItem: react.ForwardRefExoticComponent<Omit<PrimitiveProps<"button">, "children"> & {
+        children?: ComposerTriggerItemChildren;
+        index?: number | undefined;
+        item?: ComposerTriggerItem | undefined;
+    } & react.RefAttributes<HTMLButtonElement>>;
     readonly Attachments: react.ForwardRefExoticComponent<Omit<PrimitiveProps<"div">, "children"> & {
         children?: ComposerAttachmentsChildren;
         keepMounted?: boolean;
@@ -103,4 +139,4 @@ declare const Thread: {
     } & react.RefAttributes<HTMLButtonElement>>;
 };
 
-export { ChatController, Composer, type ComposerSubmitMessage, type ComposerSubmitMessageArgs, Thread };
+export { ChatController, Composer, ComposerEntity, ComposerQuote, type ComposerSubmitMessage, type ComposerSubmitMessageArgs, ComposerTriggerDefinition, ComposerTriggerItem, ComposerTriggerState, Thread };

package/dist/chat/index.js

@@ -1,16 +1,16 @@
 import {
   Composer,
   Thread
-} from "../chunk-AXZB6JSE.js";
-import "../chunk-AOZN3SWB.js";
-import "../chunk-RRINF6FN.js";
+} from "../chunk-KO36TK2O.js";
+import "../chunk-FZANAMWH.js";
+import "../chunk-32QFNRXR.js";
 import "../chunk-T3ZFZ3NP.js";
 import {
   ChatProvider,
   useChatContext,
   useComposer,
   useThread
-} from "../chunk-7AS6R7BB.js";
+} from "../chunk-BCCU3VT5.js";
 export {
   ChatProvider,
   Composer,

package/dist/{chunk-RRINF6FN.js → chunk-32QFNRXR.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-T3ZFZ3NP.js";
 import {
   useAttachment
-} from "./chunk-7AS6R7BB.js";
+} from "./chunk-BCCU3VT5.js";
 
 // src/attachment/parts.tsx
 import { forwardRef, useCallback } from "react";
@@ -122,4 +122,4 @@ var Attachment = {
 export {
   Attachment
 };
-//# sourceMappingURL=chunk-RRINF6FN.js.map
+//# sourceMappingURL=chunk-32QFNRXR.js.map

package/dist/chunk-657E5BPN.js

@@ -0,0 +1,291 @@
+import {
+  renderPrimitive
+} from "./chunk-T3ZFZ3NP.js";
+import {
+  InternalThreadListItemProvider,
+  useThreadList,
+  useThreadListItem
+} from "./chunk-BCCU3VT5.js";
+
+// src/thread-list/parts.tsx
+import {
+  forwardRef,
+  useCallback
+} from "react";
+import { jsx } from "react/jsx-runtime";
+var ThreadListRoot = forwardRef(function ThreadListRoot2({ onKeyDown, ...props }, ref) {
+  const threadList = useThreadList();
+  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)"
+        )
+      );
+      if (triggers.length === 0) {
+        return;
+      }
+      event.preventDefault();
+      const activeElement = document.activeElement;
+      const currentIndex = activeElement instanceof HTMLButtonElement ? triggers.indexOf(activeElement) : -1;
+      const nextIndex = nextTriggerIndex(event.key, currentIndex, triggers.length);
+      triggers[nextIndex]?.focus();
+    },
+    [onKeyDown]
+  );
+  return renderPrimitive(
+    "div",
+    {
+      ...props,
+      onKeyDown: handleKeyDown,
+      "data-anvia-thread-list": "",
+      "data-state": threadList.status ?? "idle"
+    },
+    ref
+  );
+});
+var ThreadListNew = forwardRef(
+  function ThreadListNew2({ onClick, ...props }, ref) {
+    const threadList = useThreadList();
+    const handleClick = useCallback(
+      (event) => {
+        onClick?.(event);
+        if (event.defaultPrevented || props.disabled) {
+          return;
+        }
+        void threadList.createThread();
+      },
+      [onClick, props.disabled, threadList]
+    );
+    return renderPrimitive(
+      "button",
+      {
+        ...props,
+        children: props.children ?? "New chat",
+        onClick: handleClick,
+        type: props.type ?? "button",
+        "data-anvia-thread-list-new": "",
+        "data-state": props.disabled ? "disabled" : "enabled"
+      },
+      ref
+    );
+  }
+);
+var ThreadListItems = forwardRef(function ThreadListItems2({ archived = false, children, keepMounted = false, ...props }, ref) {
+  const threadList = useThreadList();
+  const threads = threadList.threads.filter((thread) => Boolean(thread.archived) === archived);
+  const empty = threads.length === 0;
+  if (empty && !keepMounted) {
+    return null;
+  }
+  return renderPrimitive(
+    "div",
+    {
+      ...props,
+      children: threads.map((thread) => /* @__PURE__ */ jsx(
+        InternalThreadListItemProvider,
+        {
+          value: { thread, active: thread.id === threadList.activeThreadId },
+          children: typeof children === "function" ? children(thread) : children ?? /* @__PURE__ */ jsx(DefaultThreadItem, {})
+        },
+        thread.id
+      )),
+      "data-anvia-thread-list-items": "",
+      "data-archived": archived ? "" : void 0,
+      "data-empty": empty ? "" : void 0
+    },
+    ref
+  );
+});
+var ThreadListEmpty = forwardRef(function ThreadListEmpty2({ archived = false, ...props }, ref) {
+  const threadList = useThreadList();
+  const hasVisibleThreads = threadList.threads.some(
+    (thread) => Boolean(thread.archived) === archived
+  );
+  if (hasVisibleThreads) {
+    return null;
+  }
+  return renderPrimitive(
+    "div",
+    {
+      ...props,
+      children: props.children ?? "No conversations.",
+      "data-anvia-thread-list-empty": ""
+    },
+    ref
+  );
+});
+var ThreadListItemRoot = forwardRef(
+  function ThreadListItemRoot2(props, ref) {
+    const item = useThreadListItem();
+    return renderPrimitive(
+      "div",
+      {
+        ...props,
+        "data-anvia-thread-list-item": "",
+        "data-active": item.active ? "" : void 0,
+        "data-thread-id": item.thread.id
+      },
+      ref
+    );
+  }
+);
+var ThreadListItemTrigger = forwardRef(
+  function ThreadListItemTrigger2({ onClick, ...props }, ref) {
+    const threadList = useThreadList();
+    const item = useThreadListItem();
+    const disabled = props.disabled ?? false;
+    const handleClick = useCallback(
+      (event) => {
+        onClick?.(event);
+        if (event.defaultPrevented || disabled) {
+          return;
+        }
+        void threadList.switchThread(item.thread.id);
+      },
+      [disabled, item.thread.id, onClick, threadList]
+    );
+    return renderPrimitive(
+      "button",
+      {
+        ...props,
+        children: props.children ?? /* @__PURE__ */ jsx(ThreadListItemTitle, {}),
+        disabled,
+        onClick: handleClick,
+        type: props.type ?? "button",
+        "aria-current": item.active ? "true" : void 0,
+        "data-anvia-thread-list-trigger": "",
+        "data-state": disabled ? "disabled" : "enabled"
+      },
+      ref
+    );
+  }
+);
+var ThreadListItemTitle = forwardRef(
+  function ThreadListItemTitle2({ fallback = "New chat", ...props }, ref) {
+    const { thread } = useThreadListItem();
+    return renderPrimitive(
+      "span",
+      {
+        ...props,
+        children: props.children ?? thread.title ?? fallback,
+        "data-anvia-thread-list-title": ""
+      },
+      ref
+    );
+  }
+);
+function createThreadListItemAction(action, defaultLabel, dataAttribute) {
+  return forwardRef(function ThreadListItemAction({ onClick, ...props }, ref) {
+    const threadList = useThreadList();
+    const { thread } = useThreadListItem();
+    const actionHandler = threadList[action];
+    const disabled = props.disabled ?? actionHandler === void 0;
+    const handleClick = useCallback(
+      (event) => {
+        onClick?.(event);
+        if (event.defaultPrevented || disabled) {
+          return;
+        }
+        focusAfterThreadItemRemoval(event.currentTarget);
+        void actionHandler?.(thread.id);
+      },
+      [actionHandler, disabled, onClick, thread.id]
+    );
+    return renderPrimitive(
+      "button",
+      {
+        ...props,
+        children: props.children ?? defaultLabel,
+        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"
+);
+function DefaultThreadItem() {
+  return /* @__PURE__ */ jsx(ThreadListItemRoot, { children: /* @__PURE__ */ jsx(ThreadListItemTrigger, {}) });
+}
+function nextTriggerIndex(key, currentIndex, triggerCount) {
+  if (key === "Home") {
+    return 0;
+  }
+  if (key === "End") {
+    return triggerCount - 1;
+  }
+  if (currentIndex === -1) {
+    return key === "ArrowUp" ? triggerCount - 1 : 0;
+  }
+  if (key === "ArrowUp") {
+    return (currentIndex - 1 + triggerCount) % 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)) {
+    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 remainingTriggers = triggers.filter((trigger) => !currentItem.contains(trigger));
+  const fallback = root.querySelector(
+    "[data-anvia-thread-list-new]:not(:disabled)"
+  );
+  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();
+}
+
+// src/thread-list/index.ts
+var ThreadList = {
+  Root: ThreadListRoot,
+  New: ThreadListNew,
+  Items: ThreadListItems,
+  Empty: ThreadListEmpty
+};
+var ThreadListItem = {
+  Root: ThreadListItemRoot,
+  Trigger: ThreadListItemTrigger,
+  Title: ThreadListItemTitle,
+  Archive: ThreadListItemArchive,
+  Unarchive: ThreadListItemUnarchive,
+  Delete: ThreadListItemDelete
+};
+
+export {
+  ThreadList,
+  ThreadListItem
+};
+//# sourceMappingURL=chunk-657E5BPN.js.map

package/dist/chunk-657E5BPN.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} from \"react\";\n\nimport {\n  InternalThreadListItemProvider,\n  type ThreadListRecord,\n  useThreadList,\n  useThreadListItem,\n} from \"../contexts\";\nimport { 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\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 = Array.from(\n        event.currentTarget.querySelectorAll<HTMLButtonElement>(\n          \"[data-anvia-thread-list-trigger]:not(:disabled)\",\n        ),\n      );\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],\n  );\n\n  return renderPrimitive(\n    \"div\",\n    {\n      ...props,\n      onKeyDown: handleKeyDown,\n      \"data-anvia-thread-list\": \"\",\n      \"data-state\": threadList.status ?? \"idle\",\n    } as PrimitiveProps<\"div\">,\n    ref,\n  );\n});\n\nconst ThreadListNew = forwardRef<HTMLButtonElement, PrimitiveProps<\"button\">>(\n  function ThreadListNew({ onClick, ...props }, ref) {\n    const threadList = useThreadList();\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-anvia-thread-list-new\": \"\",\n        \"data-state\": props.disabled ? \"disabled\" : \"enabled\",\n      } as PrimitiveProps<\"button\">,\n      ref,\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-anvia-thread-list-items\": \"\",\n      \"data-archived\": archived ? \"\" : undefined,\n      \"data-empty\": empty ? \"\" : undefined,\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      \"data-anvia-thread-list-empty\": \"\",\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\n    return renderPrimitive(\n      \"div\",\n      {\n        ...props,\n        \"data-anvia-thread-list-item\": \"\",\n        \"data-active\": item.active ? \"\" : undefined,\n        \"data-thread-id\": item.thread.id,\n      } as PrimitiveProps<\"div\">,\n      ref,\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 disabled = props.disabled ?? false;\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-anvia-thread-list-trigger\": \"\",\n        \"data-state\": disabled ? \"disabled\" : \"enabled\",\n      } as PrimitiveProps<\"button\">,\n      ref,\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        \"data-anvia-thread-list-title\": \"\",\n      } as PrimitiveProps<\"span\">,\n      ref,\n    );\n  },\n);\n\ntype ThreadListItemActionKey = \"archiveThread\" | \"unarchiveThread\" | \"deleteThread\";\ntype ThreadListItemActionDataAttribute =\n  | \"data-anvia-thread-list-archive\"\n  | \"data-anvia-thread-list-unarchive\"\n  | \"data-anvia-thread-list-delete\";\n\nfunction createThreadListItemAction(\n  action: ThreadListItemActionKey,\n  defaultLabel: string,\n  dataAttribute: ThreadListItemActionDataAttribute,\n) {\n  return forwardRef<HTMLButtonElement, PrimitiveProps<\"button\">>(function ThreadListItemAction(\n    { onClick, ...props },\n    ref,\n  ) {\n    const threadList = useThreadList();\n    const { thread } = useThreadListItem();\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(event.currentTarget);\n        void actionHandler?.(thread.id);\n      },\n      [actionHandler, disabled, onClick, 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        [dataAttribute]: \"\",\n        \"data-state\": disabled ? \"disabled\" : \"enabled\",\n      } as PrimitiveProps<\"button\">,\n      ref,\n    );\n  });\n}\n\nconst ThreadListItemArchive = createThreadListItemAction(\n  \"archiveThread\",\n  \"Archive\",\n  \"data-anvia-thread-list-archive\",\n);\nconst ThreadListItemUnarchive = createThreadListItemAction(\n  \"unarchiveThread\",\n  \"Unarchive\",\n  \"data-anvia-thread-list-unarchive\",\n);\nconst ThreadListItemDelete = createThreadListItemAction(\n  \"deleteThread\",\n  \"Delete\",\n  \"data-anvia-thread-list-delete\",\n);\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(actionButton: HTMLButtonElement): void {\n  const root = actionButton.closest<HTMLElement>(\"[data-anvia-thread-list]\");\n  const currentItem = actionButton.closest<HTMLElement>(\"[data-anvia-thread-list-item]\");\n  if (\n    root === null ||\n    currentItem === null ||\n    !currentItem.contains(root.ownerDocument.activeElement)\n  ) {\n    return;\n  }\n\n  const triggers = Array.from(\n    root.querySelectorAll<HTMLButtonElement>(\"[data-anvia-thread-list-trigger]:not(:disabled)\"),\n  );\n  const currentTrigger = currentItem.querySelector<HTMLButtonElement>(\n    \"[data-anvia-thread-list-trigger]\",\n  );\n  const currentIndex = currentTrigger === null ? -1 : triggers.indexOf(currentTrigger);\n  const remainingTriggers = triggers.filter((trigger) => !currentItem.contains(trigger));\n  const fallback = root.querySelector<HTMLButtonElement>(\n    \"[data-anvia-thread-list-new]:not(:disabled)\",\n  );\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\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 ThreadList = {\n  Root: ThreadListRoot,\n  New: ThreadListNew,\n  Items: ThreadListItems,\n  Empty: ThreadListEmpty,\n} as const;\n\nexport const ThreadListItem = {\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-7AS6R7BB.js → chunk-BCCU3VT5.js}

@@ -14,6 +14,9 @@ function useAttachment() {
   }
   return value;
 }
+function useOptionalAttachment() {
+  return useContext(AttachmentContext);
+}
 
 // src/contexts/chat.tsx
 import { createContext as createContext2, createElement as createElement2, useContext as useContext2 } from "react";
@@ -146,64 +149,130 @@ function useQuestionPrompt() {
   return value;
 }
 
-// src/contexts/message.tsx
+// src/contexts/image.tsx
 import { createContext as createContext7, createElement as createElement7, useContext as useContext7 } from "react";
-var MessageContext = createContext7(void 0);
-var MessagePartContext = createContext7(void 0);
+var ImageContext = createContext7(void 0);
+function InternalImageProvider({
+  value,
+  children
+}) {
+  return createElement7(ImageContext.Provider, { value }, children);
+}
+function useImage() {
+  const value = useContext7(ImageContext);
+  if (value === void 0) {
+    throw new Error("Image primitives must be used inside Image.Root.");
+  }
+  return value;
+}
+
+// src/contexts/message.tsx
+import { createContext as createContext8, createElement as createElement8, useContext as useContext8 } from "react";
+var MessageContext = createContext8(void 0);
+var MessagePartContext = createContext8(void 0);
 function InternalMessageProvider({
   message,
   children
 }) {
-  return createElement7(MessageContext.Provider, { value: { message } }, children);
+  return createElement8(MessageContext.Provider, { value: { message } }, children);
 }
 function InternalMessagePartProvider({
   part,
   children
 }) {
-  return createElement7(MessagePartContext.Provider, { value: { part } }, children);
+  return createElement8(MessagePartContext.Provider, { value: { part } }, children);
 }
 function useMessage() {
-  const value = useContext7(MessageContext);
+  const value = useContext8(MessageContext);
   if (value === void 0) {
     throw new Error("Message primitives must be used inside Message.Root or Thread.Messages.");
   }
   return value;
 }
 function useMessagePart() {
-  const value = useContext7(MessagePartContext);
+  const value = useContext8(MessagePartContext);
   if (value === void 0) {
     throw new Error("Message part primitives must be used inside Message.Parts or Message.Part.");
   }
   return value;
 }
 function useOptionalMessagePart() {
-  return useContext7(MessagePartContext);
+  return useContext8(MessagePartContext);
+}
+
+// src/contexts/selection-toolbar.tsx
+import { createContext as createContext9, createElement as createElement9, useContext as useContext9 } from "react";
+var SelectionToolbarContext = createContext9(void 0);
+function InternalSelectionToolbarProvider({
+  value,
+  children
+}) {
+  return createElement9(SelectionToolbarContext.Provider, { value }, children);
+}
+function useSelectionToolbar() {
+  const value = useContext9(SelectionToolbarContext);
+  if (value === void 0) {
+    throw new Error("SelectionToolbar primitives must be used inside SelectionToolbar.Root.");
+  }
+  return value;
 }
 
 // src/contexts/thread.tsx
 import {
-  createContext as createContext8,
-  createElement as createElement8,
-  useContext as useContext8
+  createContext as createContext10,
+  createElement as createElement10,
+  useContext as useContext10
 } from "react";
-var ThreadContext = createContext8(void 0);
+var ThreadContext = createContext10(void 0);
 function InternalThreadProvider({
   value,
   children
 }) {
-  return createElement8(ThreadContext.Provider, { value }, children);
+  return createElement10(ThreadContext.Provider, { value }, children);
 }
 function useThread() {
-  const value = useContext8(ThreadContext);
+  const value = useContext10(ThreadContext);
   if (value === void 0) {
     throw new Error("Thread primitives must be used inside Thread.Root.");
   }
   return value;
 }
 
+// src/contexts/thread-list.tsx
+import { createContext as createContext11, createElement as createElement11, useContext as useContext11 } from "react";
+var ThreadListContext = createContext11(void 0);
+var ThreadListItemContext = createContext11(void 0);
+function ThreadListProvider({
+  controller,
+  children
+}) {
+  return createElement11(ThreadListContext.Provider, { value: controller }, children);
+}
+function InternalThreadListItemProvider({
+  value,
+  children
+}) {
+  return createElement11(ThreadListItemContext.Provider, { value }, children);
+}
+function useThreadList() {
+  const value = useContext11(ThreadListContext);
+  if (value === void 0) {
+    throw new Error("ThreadList primitives must be used inside ThreadListProvider.");
+  }
+  return value;
+}
+function useThreadListItem() {
+  const value = useContext11(ThreadListItemContext);
+  if (value === void 0) {
+    throw new Error("ThreadListItem primitives must be used inside ThreadList.Items.");
+  }
+  return value;
+}
+
 export {
   InternalAttachmentProvider,
   useAttachment,
+  useOptionalAttachment,
   ChatProvider,
   useChatContext,
   useHumanInput,
@@ -219,12 +288,20 @@ export {
   useApproval,
   useQuestion,
   useQuestionPrompt,
+  InternalImageProvider,
+  useImage,
   InternalMessageProvider,
   InternalMessagePartProvider,
   useMessage,
   useMessagePart,
   useOptionalMessagePart,
+  InternalSelectionToolbarProvider,
+  useSelectionToolbar,
   InternalThreadProvider,
-  useThread
+  useThread,
+  ThreadListProvider,
+  InternalThreadListItemProvider,
+  useThreadList,
+  useThreadListItem
 };
-//# sourceMappingURL=chunk-7AS6R7BB.js.map
+//# sourceMappingURL=chunk-BCCU3VT5.js.map