@anvia/react-ui 0.2.0 → 0.4.0

package/dist/chunk-SE7I6ZXJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/image/parts.tsx","../src/image/index.ts"],"sourcesContent":["import type { UIAttachment } from \"@anvia/react\";\nimport {\n  forwardRef,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport {\n  type ImageContextValue,\n  InternalImageProvider,\n  useImage,\n  useOptionalAttachment,\n} from \"../contexts\";\nimport { composeRefs, type PrimitiveProps, renderPrimitive } from \"../primitives\";\n\ntype ImageRootChildren = ReactNode | ((image: ImageContextValue) => ReactNode);\ntype ImageRenderWhen = \"image\" | \"always\";\n\ntype ImageRootProps = Omit<PrimitiveProps<\"figure\">, \"children\"> & {\n  attachment?: UIAttachment;\n  children?: ImageRootChildren;\n  renderWhen?: ImageRenderWhen;\n};\n\nconst ImageRoot = forwardRef<HTMLElement, ImageRootProps>(function ImageRoot(\n  { attachment: attachmentProp, children, renderWhen = \"image\", ...props },\n  ref,\n) {\n  const attachmentContext = useOptionalAttachment();\n  const attachment = attachmentProp ?? attachmentContext?.attachment;\n  const [zoomOpen, setZoomOpen] = useState(false);\n\n  if (attachment === undefined) {\n    throw new Error(\"Image.Root requires an attachment prop or Attachment context.\");\n  }\n\n  const src = imageSource(attachment);\n  const isImage = isImageAttachment(attachment);\n  const value = useMemo<ImageContextValue>(\n    () => ({\n      attachment,\n      ...(src === undefined ? {} : { src }),\n      ...(attachment.name === undefined ? {} : { name: attachment.name }),\n      ...(attachment.mediaType === undefined ? {} : { mediaType: attachment.mediaType }),\n      isImage,\n      zoomOpen,\n      setZoomOpen,\n    }),\n    [attachment, attachment.mediaType, attachment.name, isImage, src, zoomOpen],\n  );\n  if (!isImage && renderWhen !== \"always\") {\n    return null;\n  }\n\n  const renderedChildren = typeof children === \"function\" ? children(value) : children;\n\n  return (\n    <InternalImageProvider value={value}>\n      {renderPrimitive(\n        \"figure\",\n        {\n          ...props,\n          children: renderedChildren ?? (\n            <>\n              <ImagePreview />\n              <ImageName />\n            </>\n          ),\n          \"data-anvia-image\": \"\",\n          \"data-state\": src === undefined ? \"unavailable\" : \"ready\",\n          \"data-type\": attachment.type,\n        } as PrimitiveProps<\"figure\">,\n        ref,\n      )}\n    </InternalImageProvider>\n  );\n});\n\ntype ImagePreviewProps = Omit<PrimitiveProps<\"div\">, \"children\"> & {\n  alt?: string;\n  errorFallback?: ReactNode;\n  loadingFallback?: ReactNode;\n};\n\nconst ImagePreview = forwardRef<HTMLDivElement, ImagePreviewProps>(function ImagePreview(\n  { alt, errorFallback, loadingFallback, ...props },\n  ref,\n) {\n  const image = useImage();\n  const [state, setState] = useState<\"loading\" | \"ready\" | \"error\">(\n    image.src === undefined ? \"error\" : \"loading\",\n  );\n\n  useEffect(() => {\n    setState(image.src === undefined ? \"error\" : \"loading\");\n  }, [image.src]);\n\n  const fallback =\n    state === \"loading\"\n      ? (loadingFallback ?? \"Loading image\")\n      : state === \"error\"\n        ? (errorFallback ?? \"Image unavailable\")\n        : null;\n\n  return renderPrimitive(\n    \"div\",\n    {\n      ...props,\n      children:\n        image.src === undefined ? (\n          fallback\n        ) : (\n          <>\n            {state === \"ready\" ? null : <span data-anvia-image-fallback=\"\">{fallback}</span>}\n            <img\n              alt={alt ?? image.name ?? \"Image\"}\n              data-anvia-image-img=\"\"\n              hidden={state !== \"ready\"}\n              onError={() => setState(\"error\")}\n              onLoad={() => setState(\"ready\")}\n              src={image.src}\n            />\n          </>\n        ),\n      \"data-anvia-image-preview\": \"\",\n      \"data-state\": state,\n    } as PrimitiveProps<\"div\">,\n    ref,\n  );\n});\n\nconst ImageName = forwardRef<HTMLElement, PrimitiveProps<\"figcaption\">>(\n  function ImageName(props, ref) {\n    const image = useImage();\n\n    return renderPrimitive(\n      \"figcaption\",\n      {\n        ...props,\n        children: props.children ?? image.name ?? image.mediaType ?? image.attachment.type,\n        \"data-anvia-image-name\": \"\",\n      } as PrimitiveProps<\"figcaption\">,\n      ref,\n    );\n  },\n);\n\nconst ImageActions = forwardRef<HTMLDivElement, PrimitiveProps<\"div\">>(\n  function ImageActions(props, ref) {\n    return renderPrimitive(\n      \"div\",\n      {\n        ...props,\n        \"data-anvia-image-actions\": \"\",\n      } as PrimitiveProps<\"div\">,\n      ref,\n    );\n  },\n);\n\ntype ImageActionState = \"idle\" | \"done\" | \"error\";\n\nconst ImageCopy = forwardRef<HTMLButtonElement, PrimitiveProps<\"button\">>(function ImageCopy(\n  { onClick, ...props },\n  ref,\n) {\n  const image = useImage();\n  const [copyState, setCopyState] = useState<ImageActionState>(\"idle\");\n  const disabled = props.disabled ?? image.src === undefined;\n\n  const handleClick = useCallback(\n    async (event: MouseEvent<HTMLButtonElement>) => {\n      onClick?.(event);\n      if (event.defaultPrevented || disabled || image.src === undefined) {\n        return;\n      }\n      try {\n        await copyImage(image);\n        setCopyState(\"done\");\n      } catch {\n        setCopyState(\"error\");\n      }\n    },\n    [disabled, image, onClick],\n  );\n\n  return renderPrimitive(\n    \"button\",\n    {\n      ...props,\n      children: props.children ?? \"Copy image\",\n      disabled,\n      onClick: handleClick,\n      type: props.type ?? \"button\",\n      \"data-anvia-image-copy\": \"\",\n      \"data-state\": copyState,\n    } as PrimitiveProps<\"button\">,\n    ref,\n  );\n});\n\ntype ImageDownloadProps = PrimitiveProps<\"button\"> & {\n  filename?: string;\n};\n\nconst ImageDownload = forwardRef<HTMLButtonElement, ImageDownloadProps>(function ImageDownload(\n  { filename, onClick, ...props },\n  ref,\n) {\n  const image = useImage();\n  const disabled = props.disabled ?? image.src === undefined;\n\n  const handleClick = useCallback(\n    async (event: MouseEvent<HTMLButtonElement>) => {\n      onClick?.(event);\n      if (event.defaultPrevented || disabled || image.src === undefined) {\n        return;\n      }\n      try {\n        await downloadImage(image, filename);\n      } catch {\n        return;\n      }\n    },\n    [disabled, filename, image, onClick],\n  );\n\n  return renderPrimitive(\n    \"button\",\n    {\n      ...props,\n      children: props.children ?? \"Download\",\n      disabled,\n      onClick: handleClick,\n      type: props.type ?? \"button\",\n      \"data-anvia-image-download\": \"\",\n      \"data-state\": disabled ? \"disabled\" : \"enabled\",\n    } as PrimitiveProps<\"button\">,\n    ref,\n  );\n});\n\nconst ImageZoomTrigger = forwardRef<HTMLButtonElement, PrimitiveProps<\"button\">>(\n  function ImageZoomTrigger({ onClick, ...props }, ref) {\n    const image = useImage();\n    const disabled = props.disabled ?? image.src === undefined;\n\n    const handleClick = useCallback(\n      (event: MouseEvent<HTMLButtonElement>) => {\n        onClick?.(event);\n        if (event.defaultPrevented || disabled) {\n          return;\n        }\n        image.setZoomOpen(true);\n      },\n      [disabled, image, onClick],\n    );\n\n    return renderPrimitive(\n      \"button\",\n      {\n        ...props,\n        children: props.children ?? \"Open image\",\n        disabled,\n        onClick: handleClick,\n        type: props.type ?? \"button\",\n        \"data-anvia-image-zoom-trigger\": \"\",\n        \"data-state\": disabled ? \"disabled\" : \"enabled\",\n      } as PrimitiveProps<\"button\">,\n      ref,\n    );\n  },\n);\n\ntype ImageZoomOverlayProps = Omit<PrimitiveProps<\"div\">, \"children\"> & {\n  container?: Element | DocumentFragment;\n};\n\nconst ImageZoomOverlay = forwardRef<HTMLDivElement, ImageZoomOverlayProps>(\n  function ImageZoomOverlay({ container, onClick, onKeyDown, ...props }, ref) {\n    const image = useImage();\n    const portalContainer = container ?? globalThis.document?.body;\n    const overlayRef = useRef<HTMLDivElement | null>(null);\n    const composedRef = useMemo(() => composeRefs(overlayRef, ref), [ref]);\n\n    useEffect(() => {\n      if (!image.zoomOpen) {\n        return;\n      }\n      const document = globalThis.document;\n      if (document === undefined) {\n        return;\n      }\n      const handleKeyDown = (event: globalThis.KeyboardEvent) => {\n        if (event.key === \"Escape\") {\n          image.setZoomOpen(false);\n        }\n      };\n      document.addEventListener(\"keydown\", handleKeyDown);\n      return () => {\n        document.removeEventListener(\"keydown\", handleKeyDown);\n      };\n    }, [image.setZoomOpen, image.zoomOpen]);\n\n    useEffect(() => {\n      if (!image.zoomOpen) {\n        return;\n      }\n      const activeElement = globalThis.document?.activeElement;\n      const previousFocus = activeElement instanceof HTMLElement ? activeElement : undefined;\n      focusOverlay(overlayRef.current);\n      return () => {\n        if (previousFocus?.isConnected === true) {\n          previousFocus.focus();\n        }\n      };\n    }, [image.zoomOpen]);\n\n    const handleClick = useCallback(\n      (event: MouseEvent<HTMLDivElement>) => {\n        onClick?.(event);\n        if (!event.defaultPrevented) {\n          image.setZoomOpen(false);\n        }\n      },\n      [image, onClick],\n    );\n\n    const handleKeyDown = useCallback(\n      (event: KeyboardEvent<HTMLDivElement>) => {\n        onKeyDown?.(event);\n        if (event.defaultPrevented) {\n          return;\n        }\n        if (event.key === \"Escape\") {\n          image.setZoomOpen(false);\n          return;\n        }\n        if (event.key === \"Tab\") {\n          trapOverlayFocus(event, overlayRef.current);\n        }\n      },\n      [image, onKeyDown],\n    );\n\n    if (!image.zoomOpen || image.src === undefined || portalContainer === undefined) {\n      return null;\n    }\n\n    const overlay = renderPrimitive(\n      \"div\",\n      {\n        ...props,\n        children: <img alt={image.name ?? \"Image\"} data-anvia-image-zoom-img=\"\" src={image.src} />,\n        onClick: handleClick,\n        onKeyDown: handleKeyDown,\n        \"aria-modal\": props[\"aria-modal\"] ?? true,\n        role: props.role ?? \"dialog\",\n        tabIndex: props.tabIndex ?? -1,\n        \"data-anvia-image-zoom-overlay\": \"\",\n      } as PrimitiveProps<\"div\">,\n      composedRef,\n    );\n\n    return createPortal(overlay, portalContainer);\n  },\n);\n\nfunction isImageAttachment(attachment: UIAttachment): boolean {\n  return attachment.type === \"image\" || attachment.mediaType?.startsWith(\"image/\") === true;\n}\n\nfunction imageSource(attachment: UIAttachment): string | undefined {\n  if (!isImageAttachment(attachment)) {\n    return attachment.url;\n  }\n  if (attachment.url !== undefined) {\n    return attachment.url;\n  }\n  if (attachment.data !== undefined && attachment.mediaType !== undefined) {\n    return `data:${attachment.mediaType};base64,${attachment.data}`;\n  }\n  return undefined;\n}\n\nasync function copyImage(image: ImageContextValue): Promise<void> {\n  if (image.src === undefined) {\n    throw new Error(\"Image source is unavailable.\");\n  }\n  const clipboard = globalThis.navigator?.clipboard as\n    | (Clipboard & { write?: (items: ClipboardItem[]) => Promise<void> })\n    | undefined;\n  const ClipboardItemConstructor = globalThis.ClipboardItem;\n  if (clipboard?.write === undefined || ClipboardItemConstructor === undefined) {\n    throw new Error(\"Clipboard image copy is unavailable.\");\n  }\n  const blob = await imageBlob(image);\n  await clipboard.write([new ClipboardItemConstructor({ [blob.type]: blob })]);\n}\n\nasync function imageBlob(image: ImageContextValue): Promise<Blob> {\n  if (image.attachment.data !== undefined) {\n    return base64ToBlob(\n      image.attachment.data,\n      image.attachment.mediaType ?? image.mediaType ?? \"image/png\",\n    );\n  }\n  if (image.src === undefined || globalThis.fetch === undefined) {\n    throw new Error(\"Image source is unavailable.\");\n  }\n  const response = await fetch(image.src);\n  return response.blob();\n}\n\nfunction base64ToBlob(data: string, mediaType: string): Blob {\n  const binary = globalThis.atob(data);\n  const bytes = new Uint8Array(binary.length);\n  for (let index = 0; index < binary.length; index += 1) {\n    bytes[index] = binary.charCodeAt(index);\n  }\n  return new Blob([bytes], { type: mediaType });\n}\n\nasync function downloadImage(\n  image: ImageContextValue,\n  filename: string | undefined,\n): Promise<void> {\n  const document = globalThis.document;\n  const url = globalThis.URL;\n  if (image.src === undefined || document === undefined || url?.createObjectURL === undefined) {\n    return;\n  }\n  const blobUrl = url.createObjectURL(await imageBlob(image));\n  const link = document.createElement(\"a\");\n  try {\n    link.href = blobUrl;\n    link.download = filename ?? image.name ?? defaultImageFilename(image);\n    link.rel = \"noopener\";\n    document.body.append(link);\n    link.click();\n  } finally {\n    link.remove();\n    url.revokeObjectURL(blobUrl);\n  }\n}\n\nfunction defaultImageFilename(image: ImageContextValue): string {\n  const extension = image.mediaType?.split(\"/\")[1]?.split(\";\")[0] ?? \"png\";\n  return `image.${extension}`;\n}\n\nfunction focusOverlay(overlay: HTMLDivElement | null): void {\n  if (overlay === null) {\n    return;\n  }\n  const [firstFocusable] = focusableElements(overlay);\n  (firstFocusable ?? overlay).focus();\n}\n\nfunction trapOverlayFocus(\n  event: KeyboardEvent<HTMLDivElement>,\n  overlay: HTMLDivElement | null,\n): void {\n  if (overlay === null) {\n    return;\n  }\n  const focusable = focusableElements(overlay);\n  if (focusable.length === 0) {\n    event.preventDefault();\n    overlay.focus();\n    return;\n  }\n\n  const firstFocusable = focusable[0];\n  const lastFocusable = focusable[focusable.length - 1];\n  const activeElement = globalThis.document?.activeElement;\n  if (event.shiftKey && activeElement === firstFocusable) {\n    event.preventDefault();\n    lastFocusable?.focus();\n    return;\n  }\n  if (!event.shiftKey && activeElement === lastFocusable) {\n    event.preventDefault();\n    firstFocusable?.focus();\n    return;\n  }\n  if (activeElement instanceof Node && !overlay.contains(activeElement)) {\n    event.preventDefault();\n    (event.shiftKey ? lastFocusable : firstFocusable)?.focus();\n  }\n}\n\nfunction focusableElements(container: HTMLElement): HTMLElement[] {\n  return Array.from(\n    container.querySelectorAll<HTMLElement>(\n      [\n        \"a[href]\",\n        \"button:not(:disabled)\",\n        \"input:not(:disabled)\",\n        \"select:not(:disabled)\",\n        \"textarea:not(:disabled)\",\n        \"[tabindex]\",\n      ].join(\",\"),\n    ),\n  ).filter((element) => element.tabIndex >= 0 && element.getAttribute(\"aria-hidden\") !== \"true\");\n}\n\nexport {\n  ImageActions,\n  ImageCopy,\n  ImageDownload,\n  ImageName,\n  ImagePreview,\n  ImageRoot,\n  ImageZoomOverlay,\n  ImageZoomTrigger,\n};\n","import {\n  ImageActions,\n  ImageCopy,\n  ImageDownload,\n  ImageName,\n  ImagePreview,\n  ImageRoot,\n  ImageZoomOverlay,\n  ImageZoomTrigger,\n} from \"./parts\";\n\nexport const Image = {\n  Root: ImageRoot,\n  Preview: ImagePreview,\n  Name: ImageName,\n  Actions: ImageActions,\n  Copy: ImageCopy,\n  Download: ImageDownload,\n  ZoomTrigger: ImageZoomTrigger,\n  ZoomOverlay: ImageZoomOverlay,\n} as const;\n\nexport type { ImageContextValue } from \"../contexts\";\nexport { useImage } from \"../contexts\";\n"],"mappings":"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","names":["ImageRoot","ImagePreview","ImageName","ImageActions","ImageCopy","ImageDownload","ImageZoomTrigger","ImageZoomOverlay","handleKeyDown"]}

package/dist/{chunk-LSHD67YK.js → chunk-TOBAQM2G.js}

@@ -5,7 +5,7 @@ import {
   InternalCompletionInputProvider,
   useCompletionContext,
   useCompletionInput
-} from "./chunk-7AS6R7BB.js";
+} from "./chunk-BCCU3VT5.js";
 
 // src/completion/form.tsx
 import {
@@ -197,4 +197,4 @@ var Completion = {
 export {
   Completion
 };
-//# sourceMappingURL=chunk-LSHD67YK.js.map
+//# sourceMappingURL=chunk-TOBAQM2G.js.map

package/dist/completion/index.js

@@ -1,12 +1,12 @@
 import {
   Completion
-} from "../chunk-LSHD67YK.js";
+} from "../chunk-TOBAQM2G.js";
 import "../chunk-T3ZFZ3NP.js";
 import {
   CompletionProvider,
   useCompletionContext,
   useCompletionInput
-} from "../chunk-7AS6R7BB.js";
+} from "../chunk-BCCU3VT5.js";
 export {
   Completion,
   CompletionProvider,

package/dist/human-input/index.js

@@ -1,6 +1,6 @@
 import {
   HumanInput
-} from "../chunk-WK33ER4Q.js";
+} from "../chunk-JUNV3MUR.js";
 import "../chunk-T3ZFZ3NP.js";
 import {
   useApproval,
@@ -8,7 +8,7 @@ import {
   useHumanInput,
   useQuestion,
   useQuestionPrompt
-} from "../chunk-7AS6R7BB.js";
+} from "../chunk-BCCU3VT5.js";
 export {
   HumanInput,
   useApproval,

package/dist/image/index.d.ts

@@ -0,0 +1,40 @@
+import * as react from 'react';
+import * as _anvia_react from '@anvia/react';
+import { I as ImageContextValue } from '../image-DanUxcl2.js';
+export { u as useImage } from '../image-DanUxcl2.js';
+import { P as PrimitiveProps } from '../render-CRKWam2v.js';
+
+declare const Image: {
+    readonly Root: react.ForwardRefExoticComponent<Omit<PrimitiveProps<"figure">, "children"> & {
+        attachment?: _anvia_react.UIAttachment;
+        children?: react.ReactNode | ((image: ImageContextValue) => react.ReactNode);
+        renderWhen?: "image" | "always";
+    } & react.RefAttributes<HTMLElement>>;
+    readonly Preview: react.ForwardRefExoticComponent<Omit<PrimitiveProps<"div">, "children"> & {
+        alt?: string;
+        errorFallback?: react.ReactNode;
+        loadingFallback?: react.ReactNode;
+    } & react.RefAttributes<HTMLDivElement>>;
+    readonly Name: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & react.RefAttributes<HTMLElement>>;
+    readonly Actions: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & react.RefAttributes<HTMLDivElement>>;
+    readonly Copy: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & react.RefAttributes<HTMLButtonElement>>;
+    readonly Download: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & {
+        filename?: string;
+    } & react.RefAttributes<HTMLButtonElement>>;
+    readonly ZoomTrigger: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & react.RefAttributes<HTMLButtonElement>>;
+    readonly ZoomOverlay: react.ForwardRefExoticComponent<Omit<PrimitiveProps<"div">, "children"> & {
+        container?: Element | DocumentFragment;
+    } & react.RefAttributes<HTMLDivElement>>;
+};
+
+export { Image, ImageContextValue };

package/dist/image/index.js

@@ -0,0 +1,12 @@
+import {
+  Image
+} from "../chunk-SE7I6ZXJ.js";
+import "../chunk-T3ZFZ3NP.js";
+import {
+  useImage
+} from "../chunk-BCCU3VT5.js";
+export {
+  Image,
+  useImage
+};
+//# sourceMappingURL=index.js.map

package/dist/image/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/image-DanUxcl2.d.ts

@@ -0,0 +1,14 @@
+import { UIAttachment } from '@anvia/react';
+
+type ImageContextValue = {
+    attachment: UIAttachment;
+    src?: string;
+    name?: string;
+    mediaType?: string;
+    isImage: boolean;
+    zoomOpen: boolean;
+    setZoomOpen(open: boolean): void;
+};
+declare function useImage(): ImageContextValue;
+
+export { type ImageContextValue as I, useImage as u };

package/dist/index.d.ts

@@ -2,14 +2,20 @@ export { Attachment } from './attachment/index.js';
 export { A as AttachmentContextValue, u as useAttachment } from './attachment-BP597fV3.js';
 export { C as ChatController, a as ChatProvider, b as ChatProviderProps, u as useChatContext, c as useHumanInput } from './chat-B3kucz1w.js';
 export { C as CompletionController, a as CompletionInputContextValue, b as CompletionProvider, c as CompletionProviderProps, u as useCompletionContext, d as useCompletionInput } from './completion-input-WjK6kUyG.js';
-export { C as ComposerAttachmentInput, a as ComposerAttachmentsUpdate, b as ComposerContextValue, T as ThreadContextValue, u as useComposer, c as useThread } from './thread-CluT3m5k.js';
+export { C as ComposerAttachmentInput, a as ComposerAttachmentsUpdate, b as ComposerContextValue, c as ComposerEntitiesUpdate, d as ComposerEntity, e as ComposerEntityData, f as ComposerQuote, g as ComposerTriggerDefinition, h as ComposerTriggerItem, i as ComposerTriggerItems, j as ComposerTriggerItemsArgs, k as ComposerTriggerState, l as ComposerTriggerStateUpdate, T as ThreadContextValue, u as useComposer, m as useThread } from './thread-C2-Xo08o.js';
 export { A as ApprovalContextValue, Q as QuestionContextValue, a as QuestionPromptContextValue, u as useApproval, b as useQuestion, c as useQuestionPrompt } from './human-input-CydeYm_7.js';
+export { I as ImageContextValue, u as useImage } from './image-DanUxcl2.js';
 export { M as MessageContextValue, a as MessagePartContextValue, u as useMessage, b as useMessagePart } from './message-Beb4ZLNU.js';
+export { S as SelectionToolbarContextValue, a as SelectionToolbarSelection, u as useSelectionToolbar } from './selection-toolbar-Cwjbuv5S.js';
+export { T as ThreadListController, a as ThreadListItemContextValue, b as ThreadListProvider, c as ThreadListProviderProps, d as ThreadListRecord, u as useThreadList, e as useThreadListItem } from './thread-list-On8db4XL.js';
 export { Composer, ComposerSubmitMessage, ComposerSubmitMessageArgs, Thread } from './chat/index.js';
 export { Completion } from './completion/index.js';
 export { HumanInput } from './human-input/index.js';
+export { Image } from './image/index.js';
 export { Message, MessageAttachmentPart, MessagePartsFilter, MessageToolPart, MessageToolRenderWhen } from './message/index.js';
+export { SelectionToolbar } from './selection-toolbar/index.js';
 export { P as PrimitiveProps, a as PrimitiveRef } from './render-CRKWam2v.js';
+export { ThreadList, ThreadListItem } from './thread-list/index.js';
 import '@anvia/react';
 import 'react';
 import 'react-markdown';

package/dist/index.js

@@ -1,23 +1,34 @@
+import {
+  SelectionToolbar
+} from "./chunk-GXB4VINL.js";
+import {
+  ThreadList,
+  ThreadListItem
+} from "./chunk-657E5BPN.js";
 import {
   Composer,
   Thread
-} from "./chunk-AXZB6JSE.js";
+} from "./chunk-KO36TK2O.js";
 import {
   Completion
-} from "./chunk-LSHD67YK.js";
+} from "./chunk-TOBAQM2G.js";
 import {
   HumanInput
-} from "./chunk-WK33ER4Q.js";
+} from "./chunk-JUNV3MUR.js";
+import {
+  Image
+} from "./chunk-SE7I6ZXJ.js";
 import {
   Message
-} from "./chunk-AOZN3SWB.js";
+} from "./chunk-FZANAMWH.js";
 import {
   Attachment
-} from "./chunk-RRINF6FN.js";
+} from "./chunk-32QFNRXR.js";
 import "./chunk-T3ZFZ3NP.js";
 import {
   ChatProvider,
   CompletionProvider,
+  ThreadListProvider,
   useApproval,
   useAttachment,
   useChatContext,
@@ -25,12 +36,16 @@ import {
   useCompletionInput,
   useComposer,
   useHumanInput,
+  useImage,
   useMessage,
   useMessagePart,
   useQuestion,
   useQuestionPrompt,
-  useThread
-} from "./chunk-7AS6R7BB.js";
+  useSelectionToolbar,
+  useThread,
+  useThreadList,
+  useThreadListItem
+} from "./chunk-BCCU3VT5.js";
 export {
   Attachment,
   ChatProvider,
@@ -38,8 +53,13 @@ export {
   CompletionProvider,
   Composer,
   HumanInput,
+  Image,
   Message,
+  SelectionToolbar,
   Thread,
+  ThreadList,
+  ThreadListItem,
+  ThreadListProvider,
   useApproval,
   useAttachment,
   useChatContext,
@@ -47,10 +67,14 @@ export {
   useCompletionInput,
   useComposer,
   useHumanInput,
+  useImage,
   useMessage,
   useMessagePart,
   useQuestion,
   useQuestionPrompt,
-  useThread
+  useSelectionToolbar,
+  useThread,
+  useThreadList,
+  useThreadListItem
 };
 //# sourceMappingURL=index.js.map

package/dist/message/index.js

@@ -1,13 +1,13 @@
 import {
   Message
-} from "../chunk-AOZN3SWB.js";
-import "../chunk-RRINF6FN.js";
+} from "../chunk-FZANAMWH.js";
+import "../chunk-32QFNRXR.js";
 import "../chunk-T3ZFZ3NP.js";
 import {
   useChatContext,
   useMessage,
   useMessagePart
-} from "../chunk-7AS6R7BB.js";
+} from "../chunk-BCCU3VT5.js";
 export {
   Message,
   useChatContext,

package/dist/selection-toolbar/index.d.ts

@@ -0,0 +1,21 @@
+import * as react from 'react';
+import { a as SelectionToolbarSelection } from '../selection-toolbar-Cwjbuv5S.js';
+export { S as SelectionToolbarContextValue, u as useSelectionToolbar } from '../selection-toolbar-Cwjbuv5S.js';
+import { P as PrimitiveProps } from '../render-CRKWam2v.js';
+
+declare const SelectionToolbar: {
+    readonly Root: react.ForwardRefExoticComponent<Omit<PrimitiveProps<"div">, "children"> & {
+        children?: react.ReactNode;
+        container?: Element | DocumentFragment;
+        onQuote?: (selection: SelectionToolbarSelection) => void;
+        onSelectionChange?: (selection: SelectionToolbarSelection | undefined) => void;
+    } & react.RefAttributes<HTMLDivElement>>;
+    readonly Quote: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & react.RefAttributes<HTMLButtonElement>>;
+    readonly Copy: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & react.RefAttributes<HTMLButtonElement>>;
+};
+
+export { SelectionToolbar, SelectionToolbarSelection };

package/dist/selection-toolbar/index.js

@@ -0,0 +1,12 @@
+import {
+  SelectionToolbar
+} from "../chunk-GXB4VINL.js";
+import "../chunk-T3ZFZ3NP.js";
+import {
+  useSelectionToolbar
+} from "../chunk-BCCU3VT5.js";
+export {
+  SelectionToolbar,
+  useSelectionToolbar
+};
+//# sourceMappingURL=index.js.map

package/dist/selection-toolbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/selection-toolbar-Cwjbuv5S.d.ts

@@ -0,0 +1,14 @@
+type SelectionToolbarSelection = {
+    text: string;
+    messageId: string;
+    rect: DOMRect;
+};
+type SelectionToolbarContextValue = {
+    selection?: SelectionToolbarSelection;
+    quote(): void;
+    copy(): Promise<void>;
+    clear(): void;
+};
+declare function useSelectionToolbar(): SelectionToolbarContextValue;
+
+export { type SelectionToolbarContextValue as S, type SelectionToolbarSelection as a, useSelectionToolbar as u };

package/dist/shared.d.ts

@@ -1,9 +1,12 @@
 export { A as AttachmentContextValue, u as useAttachment } from './attachment-BP597fV3.js';
 export { C as ChatController, a as ChatProvider, b as ChatProviderProps, u as useChatContext, c as useHumanInput } from './chat-B3kucz1w.js';
 export { C as CompletionController, a as CompletionInputContextValue, b as CompletionProvider, c as CompletionProviderProps, u as useCompletionContext, d as useCompletionInput } from './completion-input-WjK6kUyG.js';
-export { C as ComposerAttachmentInput, a as ComposerAttachmentsUpdate, b as ComposerContextValue, T as ThreadContextValue, u as useComposer, c as useThread } from './thread-CluT3m5k.js';
+export { C as ComposerAttachmentInput, a as ComposerAttachmentsUpdate, b as ComposerContextValue, c as ComposerEntitiesUpdate, d as ComposerEntity, e as ComposerEntityData, f as ComposerQuote, g as ComposerTriggerDefinition, h as ComposerTriggerItem, i as ComposerTriggerItems, j as ComposerTriggerItemsArgs, k as ComposerTriggerState, l as ComposerTriggerStateUpdate, T as ThreadContextValue, u as useComposer, m as useThread } from './thread-C2-Xo08o.js';
 export { A as ApprovalContextValue, Q as QuestionContextValue, a as QuestionPromptContextValue, u as useApproval, b as useQuestion, c as useQuestionPrompt } from './human-input-CydeYm_7.js';
+export { I as ImageContextValue, u as useImage } from './image-DanUxcl2.js';
 export { M as MessageContextValue, a as MessagePartContextValue, u as useMessage, b as useMessagePart } from './message-Beb4ZLNU.js';
+export { S as SelectionToolbarContextValue, a as SelectionToolbarSelection, u as useSelectionToolbar } from './selection-toolbar-Cwjbuv5S.js';
+export { T as ThreadListController, a as ThreadListItemContextValue, b as ThreadListProvider, c as ThreadListProviderProps, d as ThreadListRecord, u as useThreadList, e as useThreadListItem } from './thread-list-On8db4XL.js';
 export { P as PrimitiveProps, a as PrimitiveRef } from './render-CRKWam2v.js';
 import '@anvia/react';
 import 'react';

package/dist/shared.js

@@ -1,6 +1,7 @@
 import {
   ChatProvider,
   CompletionProvider,
+  ThreadListProvider,
   useApproval,
   useAttachment,
   useChatContext,
@@ -8,15 +9,20 @@ import {
   useCompletionInput,
   useComposer,
   useHumanInput,
+  useImage,
   useMessage,
   useMessagePart,
   useQuestion,
   useQuestionPrompt,
-  useThread
-} from "./chunk-7AS6R7BB.js";
+  useSelectionToolbar,
+  useThread,
+  useThreadList,
+  useThreadListItem
+} from "./chunk-BCCU3VT5.js";
 export {
   ChatProvider,
   CompletionProvider,
+  ThreadListProvider,
   useApproval,
   useAttachment,
   useChatContext,
@@ -24,10 +30,14 @@ export {
   useCompletionInput,
   useComposer,
   useHumanInput,
+  useImage,
   useMessage,
   useMessagePart,
   useQuestion,
   useQuestionPrompt,
-  useThread
+  useSelectionToolbar,
+  useThread,
+  useThreadList,
+  useThreadListItem
 };
 //# sourceMappingURL=shared.js.map

package/dist/styles.css

@@ -17,6 +17,7 @@
 }
 
 [data-anvia-composer-input],
+[data-anvia-composer-textarea-input],
 [data-anvia-completion-input],
 [data-anvia-approval-reason],
 [data-anvia-question-text-answer] {
@@ -24,6 +25,25 @@
 }
 
 [data-anvia-composer-input] {
+  min-width: 0;
+  overflow-y: auto;
+}
+
+[data-anvia-composer-editor] {
+  outline: none;
+  white-space: pre-wrap;
+}
+
+[data-anvia-composer-editor]:focus-visible {
+  outline: 2px solid currentColor;
+  outline-offset: 2px;
+}
+
+[data-anvia-composer-input][data-auto-resize] {
+  max-height: calc(var(--anvia-composer-max-rows, 6) * 1.5em + 1rem);
+}
+
+[data-anvia-composer-textarea-input] {
   min-width: 0;
   overflow-y: hidden;
   resize: none;
@@ -42,6 +62,28 @@
   object-fit: contain;
 }
 
+[data-anvia-image-preview] img,
+[data-anvia-image-zoom-img] {
+  display: block;
+  max-width: 100%;
+  max-height: 100%;
+  object-fit: contain;
+}
+
+[data-anvia-image-zoom-overlay] {
+  position: fixed;
+  inset: 0;
+  z-index: 50;
+  display: grid;
+  place-items: center;
+  padding: 2rem;
+  background: rgb(0 0 0 / 72%);
+}
+
+[data-anvia-selection-toolbar] {
+  z-index: 60;
+}
+
 [data-state="disabled"] {
   opacity: 0.55;
 }

package/dist/thread-C2-Xo08o.d.ts

@@ -0,0 +1,102 @@
+import { CreateUIAttachment, UIAttachment } from '@anvia/react';
+import { ReactNode, MutableRefObject } from 'react';
+import { C as ChatController } from './chat-B3kucz1w.js';
+
+type ComposerEntityData = string | number | boolean | null | ComposerEntityData[] | {
+    [key: string]: ComposerEntityData | undefined;
+};
+type ComposerAttachmentInput = File | CreateUIAttachment;
+type ComposerAttachmentsUpdate = UIAttachment[] | ((attachments: UIAttachment[]) => UIAttachment[]);
+type ComposerEntitiesUpdate = ComposerEntity[] | ((entities: ComposerEntity[]) => ComposerEntity[]);
+type ComposerQuote = {
+    text: string;
+    messageId: string;
+};
+type ComposerTriggerItem = {
+    id: string;
+    label: string;
+    text?: string | undefined;
+    detail?: ReactNode | undefined;
+    data?: ComposerEntityData | undefined;
+    disabled?: boolean | undefined;
+};
+type ComposerTriggerItemsArgs = {
+    trigger: ComposerTriggerDefinition;
+    query: string;
+    input: string;
+    entities: ComposerEntity[];
+    signal: AbortSignal;
+};
+type ComposerTriggerItems = ComposerTriggerItem[] | ((args: ComposerTriggerItemsArgs) => ComposerTriggerItem[] | Promise<ComposerTriggerItem[]>);
+type ComposerTriggerDefinition = {
+    id: string;
+    char: string;
+    items: ComposerTriggerItems;
+    minQueryLength?: number | undefined;
+    allowedPrefixes?: string[] | null | undefined;
+    startOfLine?: boolean | undefined;
+    allowSpaces?: boolean | undefined;
+};
+type ComposerEntity = {
+    id: string;
+    triggerId: string;
+    trigger: string;
+    label: string;
+    text: string;
+    range: {
+        from: number;
+        to: number;
+    };
+    data?: ComposerEntityData | undefined;
+};
+type ComposerTriggerState = {
+    trigger: ComposerTriggerDefinition;
+    query: string;
+    items: ComposerTriggerItem[];
+    loading: boolean;
+    selectedIndex: number;
+    rect?: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+        width: number;
+        height: number;
+    };
+    selectItem(item: ComposerTriggerItem): void;
+    setSelectedIndex(index: number): void;
+};
+type ComposerTriggerStateUpdate = ComposerTriggerState | undefined | ((state: ComposerTriggerState | undefined) => ComposerTriggerState | undefined);
+type ComposerContextValue = {
+    input: string;
+    setInput(input: string): void;
+    attachments: UIAttachment[];
+    setAttachments(update: ComposerAttachmentsUpdate): void;
+    addAttachment(attachment: ComposerAttachmentInput): Promise<void>;
+    removeAttachment(id: string): void;
+    clearAttachments(): void;
+    entities: ComposerEntity[];
+    setEntities(update: ComposerEntitiesUpdate): void;
+    quote?: ComposerQuote | undefined;
+    setQuote(quote: ComposerQuote | undefined): void;
+    clearQuote(): void;
+    triggers: ComposerTriggerDefinition[];
+    activeTrigger?: ComposerTriggerState | undefined;
+    setActiveTrigger(update: ComposerTriggerStateUpdate): void;
+    submit(): Promise<void>;
+    stop(): void;
+    status: ChatController["status"];
+    canSubmit: boolean;
+    canStop: boolean;
+};
+declare function useComposer(): ComposerContextValue;
+
+type ThreadContextValue = {
+    viewportRef: MutableRefObject<HTMLElement | null>;
+    atBottom: boolean;
+    setAtBottom(atBottom: boolean): void;
+    scrollToBottom(behavior?: ScrollBehavior): void;
+};
+declare function useThread(): ThreadContextValue;
+
+export { type ComposerAttachmentInput as C, type ThreadContextValue as T, type ComposerAttachmentsUpdate as a, type ComposerContextValue as b, type ComposerEntitiesUpdate as c, type ComposerEntity as d, type ComposerEntityData as e, type ComposerQuote as f, type ComposerTriggerDefinition as g, type ComposerTriggerItem as h, type ComposerTriggerItems as i, type ComposerTriggerItemsArgs as j, type ComposerTriggerState as k, type ComposerTriggerStateUpdate as l, useThread as m, useComposer as u };

package/dist/thread-list/index.d.ts

@@ -0,0 +1,47 @@
+import * as react from 'react';
+import { d as ThreadListRecord } from '../thread-list-On8db4XL.js';
+export { T as ThreadListController, a as ThreadListItemContextValue, b as ThreadListProvider, c as ThreadListProviderProps, u as useThreadList, e as useThreadListItem } from '../thread-list-On8db4XL.js';
+import { P as PrimitiveProps } from '../render-CRKWam2v.js';
+
+declare const ThreadList: {
+    readonly Root: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & react.RefAttributes<HTMLDivElement>>;
+    readonly New: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & react.RefAttributes<HTMLButtonElement>>;
+    readonly Items: react.ForwardRefExoticComponent<Omit<PrimitiveProps<"div">, "children"> & {
+        archived?: boolean;
+        children?: react.ReactNode | ((thread: ThreadListRecord) => react.ReactNode);
+        keepMounted?: boolean;
+    } & react.RefAttributes<HTMLDivElement>>;
+    readonly Empty: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & {
+        archived?: boolean;
+    } & react.RefAttributes<HTMLDivElement>>;
+};
+declare const ThreadListItem: {
+    readonly Root: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & react.RefAttributes<HTMLDivElement>>;
+    readonly Trigger: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & react.RefAttributes<HTMLButtonElement>>;
+    readonly Title: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & {
+        fallback?: react.ReactNode;
+    } & react.RefAttributes<HTMLSpanElement>>;
+    readonly Archive: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & react.RefAttributes<HTMLButtonElement>>;
+    readonly Unarchive: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & react.RefAttributes<HTMLButtonElement>>;
+    readonly Delete: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "asChild"> & {
+        asChild?: boolean;
+    } & react.RefAttributes<HTMLButtonElement>>;
+};
+
+export { ThreadList, ThreadListItem, ThreadListRecord };