@godxjp/chat 32.0.0 → 32.0.1

package/dist/index.js

@@ -1,1677 +1,27 @@
 "use client";
-
-// src/chat-bubble.tsx
-import * as React from "react";
-import { ArrowDown } from "lucide-react";
-import { useTranslation } from "@godxjp/ui/i18n";
-import { useMediaQuery } from "@godxjp/ui/hooks";
-import { cn } from "@godxjp/ui/lib/utils";
-import { Skeleton } from "@godxjp/ui/feedback";
-import { Button } from "@godxjp/ui/general";
-import { Text } from "@godxjp/ui/general";
-import { VisuallyHidden } from "@godxjp/ui/general";
-import { ScrollArea } from "@godxjp/ui/data-display";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var BODY_SIZE = {
-  xs: "2xs",
-  sm: "xs",
-  md: "sm",
-  lg: "lg"
-};
-var META_SIZE = {
-  xs: "2xs",
-  sm: "2xs",
-  md: "xs",
-  lg: "sm"
-};
-var TYPING_STEP = 1;
-var TYPING_INTERVAL = 50;
-function resolveTyping(typing) {
-  if (typing === void 0 || typing === false) {
-    return { enabled: false, step: TYPING_STEP, interval: TYPING_INTERVAL };
-  }
-  if (typing === true) return { enabled: true, step: TYPING_STEP, interval: TYPING_INTERVAL };
-  return {
-    enabled: true,
-    // A non-positive step would never reach the end of the string and a non-positive interval
-    // would spin the timer — both are "the animation never completes", which is the one outcome
-    // a reader can neither read nor dismiss.
-    step: typing.step != null && typing.step > 0 ? Math.floor(typing.step) : TYPING_STEP,
-    interval: typing.interval != null && typing.interval > 0 ? typing.interval : TYPING_INTERVAL
-  };
-}
-function useRevealedLength(text, enabled, step, interval) {
-  const full = text?.length ?? 0;
-  const [revealed, setRevealed] = React.useState(() => enabled ? 0 : full);
-  React.useEffect(() => {
-    if (!enabled || text === void 0) {
-      setRevealed(text?.length ?? 0);
-      return void 0;
-    }
-    setRevealed(0);
-    let shown = 0;
-    const timer = setInterval(() => {
-      shown = Math.min(text.length, shown + step);
-      setRevealed(shown);
-      if (shown >= text.length) clearInterval(timer);
-    }, interval);
-    return () => {
-      clearInterval(timer);
-    };
-  }, [text, enabled, step, interval]);
-  return Math.min(revealed, full);
-}
-var TONE_KEY = {
-  info: "chat.bubble.tone.info",
-  success: "chat.bubble.tone.success",
-  warning: "chat.bubble.tone.warning",
-  destructive: "chat.bubble.tone.destructive"
-};
-var ChatBubble = React.forwardRef(
-  ({
-    children,
-    placement = "start",
-    variant = "filled",
-    avatar,
-    header,
-    footer,
-    loading = false,
-    typing,
-    size = "md",
-    tone = "default",
-    className,
-    id,
-    ...props
-  }, ref) => {
-    const { t } = useTranslation();
-    const generatedId = React.useId();
-    const headerId = `${id ?? generatedId}-header`;
-    const reduceMotion = useMediaQuery("(prefers-reduced-motion: reduce)");
-    const text = typeof children === "string" ? children : void 0;
-    const { enabled, step, interval } = resolveTyping(typing);
-    const animates = enabled && !loading && text !== void 0 && !reduceMotion;
-    const revealed = useRevealedLength(text, animates, step, interval);
-    const streaming = animates && revealed < (text?.length ?? 0);
-    const body = loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs("div", { className: "ui-chat-bubble-skeleton", "aria-hidden": "true", children: [
-        /* @__PURE__ */ jsx(Skeleton, { className: "ui-chat-bubble-skeleton-line" }),
-        /* @__PURE__ */ jsx(Skeleton, { className: "ui-chat-bubble-skeleton-line ui-chat-bubble-skeleton-line--short" })
-      ] }),
-      /* @__PURE__ */ jsx(VisuallyHidden, { children: t("chat.bubble.loading") })
-    ] }) : streaming ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs(Text, { as: "div", size: BODY_SIZE[size], whitespace: "pre-wrap", "aria-hidden": "true", children: [
-        text?.slice(0, revealed),
-        /* @__PURE__ */ jsx("span", { className: "ui-chat-bubble-caret" })
-      ] }),
-      /* @__PURE__ */ jsx(VisuallyHidden, { children: t("chat.bubble.typing") })
-    ] }) : /* @__PURE__ */ jsx(
-      Text,
-      {
-        as: "div",
-        size: BODY_SIZE[size],
-        whitespace: text !== void 0 ? "pre-wrap" : void 0,
-        children
-      }
-    );
-    return /* @__PURE__ */ jsxs(
-      "article",
-      {
-        ref,
-        id,
-        "data-slot": "chat-bubble",
-        "data-placement": placement,
-        "data-variant": variant,
-        "data-size": size,
-        "data-tone": tone,
-        "aria-busy": loading || streaming ? true : void 0,
-        "aria-labelledby": header != null ? headerId : void 0,
-        className: cn("ui-chat-bubble", className),
-        ...props,
-        children: [
-          avatar != null ? /* @__PURE__ */ jsx("span", { "data-slot": "chat-bubble-avatar", className: "ui-chat-bubble-avatar", children: avatar }) : null,
-          /* @__PURE__ */ jsxs("div", { "data-slot": "chat-bubble-column", className: "ui-chat-bubble-column", children: [
-            header != null ? /* @__PURE__ */ jsx(
-              Text,
-              {
-                as: "div",
-                id: headerId,
-                className: "ui-chat-bubble-header",
-                size: META_SIZE[size],
-                tone: "muted",
-                weight: "medium",
-                children: header
-              }
-            ) : null,
-            /* @__PURE__ */ jsxs("div", { "data-slot": "chat-bubble-body", className: "ui-chat-bubble-body", children: [
-              tone !== "default" ? /* @__PURE__ */ jsx(VisuallyHidden, { children: t(TONE_KEY[tone]) }) : null,
-              body
-            ] }),
-            footer != null ? /* @__PURE__ */ jsx(Text, { as: "div", className: "ui-chat-bubble-footer", size: META_SIZE[size], tone: "muted", children: footer }) : null
-          ] })
-        ]
-      }
-    );
-  }
-);
-ChatBubble.displayName = "ChatBubble";
-var ChatBubbleList = React.forwardRef(
-  ({ items, roles, autoScroll = true, label, className, id, ...props }, ref) => {
-    const { t } = useTranslation();
-    const viewportRef = React.useRef(null);
-    const [anchored, setAnchored] = React.useState(true);
-    const seen = React.useRef(items.length);
-    React.useEffect(() => {
-      if (anchored) seen.current = items.length;
-    }, [anchored, items.length]);
-    const pending = anchored ? 0 : Math.max(0, items.length - seen.current);
-    const jumpToLatest = React.useCallback(() => {
-      const viewport = viewportRef.current;
-      if (viewport) {
-        const bottom = Math.max(0, viewport.scrollHeight - viewport.clientHeight);
-        if (typeof viewport.scrollTo === "function") {
-          viewport.scrollTo({ top: bottom, behavior: "instant" });
-        } else {
-          viewport.scrollTop = bottom;
-        }
-      }
-      setAnchored(true);
-    }, []);
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        id,
-        "data-slot": "chat-bubble-list",
-        "data-anchored": anchored ? "" : void 0,
-        className: cn("ui-chat-bubble-list", className),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx(
-            ScrollArea,
-            {
-              className: "ui-chat-bubble-list-scroller",
-              anchor: autoScroll ? "bottom" : "none",
-              viewportRef,
-              onAnchoredChange: setAnchored,
-              children: /* @__PURE__ */ jsx(
-                "div",
-                {
-                  role: "log",
-                  "aria-live": "polite",
-                  "aria-label": label ?? t("chat.list.label"),
-                  "data-slot": "chat-bubble-list-feed",
-                  className: "ui-chat-bubble-list-feed",
-                  children: items.map(({ id: messageId, role, content, ...message }) => /* @__PURE__ */ jsx(
-                    ChatBubble,
-                    {
-                      id: messageId,
-                      ...role != null ? roles?.[role] : void 0,
-                      ...message,
-                      children: content
-                    },
-                    messageId
-                  ))
-                }
-              )
-            }
-          ),
-          anchored ? null : /* @__PURE__ */ jsx("div", { "data-slot": "chat-bubble-list-jump", className: "ui-chat-bubble-list-jump", children: /* @__PURE__ */ jsxs(Button, { type: "button", size: "sm", variant: "secondary", shape: "pill", onClick: jumpToLatest, children: [
-            /* @__PURE__ */ jsx(ArrowDown, { "aria-hidden": "true" }),
-            pending > 0 ? t("chat.list.newMessages", { count: pending }) : t("chat.list.jumpToLatest")
-          ] }) })
-        ]
-      }
-    );
-  }
-);
-ChatBubbleList.displayName = "ChatBubbleList";
-
-// src/chat-composer.tsx
-import * as React2 from "react";
-import { SendHorizontal, Square } from "lucide-react";
-import { useTranslation as useTranslation2 } from "@godxjp/ui/i18n";
-import { cn as cn2 } from "@godxjp/ui/lib/utils";
-import { isApplePlatform } from "@godxjp/ui/lib/utils";
-import { omitFieldA11y, pickFieldA11y, useFieldIdentity } from "@godxjp/ui/data-entry";
-import { Button as Button2 } from "@godxjp/ui/general";
-import { Textarea } from "@godxjp/ui/data-entry";
-import { controlSurfaceAttrs, resolveAriaInvalid } from "@godxjp/ui/data-entry";
-import { isImeComposing } from "@godxjp/ui/data-entry";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function isSendable(text) {
-  return text.trim().length > 0;
-}
-var ChatComposer = React2.forwardRef(
-  ({
-    className,
-    id,
-    name,
-    value,
-    defaultValue,
-    onValueChange,
-    onSubmit,
-    onCancel,
-    loading = false,
-    submitType = "enter",
-    allowEmptySubmit = false,
-    placeholder,
-    disabled = false,
-    readOnly = false,
-    header,
-    prefix,
-    footer,
-    actions,
-    size,
-    maxLength,
-    status,
-    submitLabel,
-    cancelLabel,
-    onKeyDown,
-    ...props
-  }, ref) => {
-    const { t } = useTranslation2();
-    const innerRef = React2.useRef(null);
-    const setRefs = React2.useCallback(
-      (node) => {
-        innerRef.current = node;
-        if (typeof ref === "function") ref(node);
-        else if (ref) ref.current = node;
-      },
-      [ref]
-    );
-    const [draft, setDraft] = React2.useState(() => String(value ?? defaultValue ?? ""));
-    React2.useEffect(() => {
-      if (value !== void 0) setDraft(String(value));
-    }, [value]);
-    const composing = React2.useRef(false);
-    const fieldA11y = pickFieldA11y(props);
-    const rest = omitFieldA11y(props);
-    const identity = useFieldIdentity({ id, name, "data-field": props["data-field"] });
-    const surface = controlSurfaceAttrs({ status, size });
-    const canSubmit = (allowEmptySubmit || isSendable(draft)) && !disabled && !readOnly && !loading;
-    const submit = React2.useCallback(() => {
-      if (disabled || readOnly || loading) return;
-      const text = innerRef.current?.value ?? draft;
-      if (isSendable(text)) onSubmit?.(text);
-      else if (allowEmptySubmit) onSubmit?.("");
-    }, [draft, disabled, readOnly, loading, allowEmptySubmit, onSubmit]);
-    const handleKeyDown = (event) => {
-      onKeyDown?.(event);
-      if (event.defaultPrevented) return;
-      if (event.key !== "Enter") return;
-      if (composing.current || isImeComposing(event)) return;
-      const wantsSend = submitType === "modEnter" ? (
-        // ⌘ on Apple platforms, Ctrl everywhere else — the other one is left alone, because
-        // Ctrl+Enter on a Mac is not the convention a Mac user reaches for.
-        isApplePlatform() ? event.metaKey : event.ctrlKey
-      ) : submitType === "enter" ? !event.shiftKey : event.shiftKey;
-      if (!wantsSend) return;
-      event.preventDefault();
-      submit();
-    };
-    const sendName = submitLabel ?? t("dataEntry.chatComposer.send");
-    const cancelName = cancelLabel ?? t("dataEntry.chatComposer.cancel");
-    const actionSize = size === "xs" ? "icon-xs" : size === "sm" ? "icon-sm" : size === "lg" ? "icon-lg" : "icon";
-    const liveRef = React2.useRef({
-      actionSize,
-      sendName,
-      cancelName,
-      submit,
-      onCancel,
-      canSubmit,
-      disabled
-    });
-    liveRef.current = { actionSize, sendName, cancelName, submit, onCancel, canSubmit, disabled };
-    const SubmitButton = React2.useMemo(
-      () => function SubmitButton2(buttonProps) {
-        const live = liveRef.current;
-        return /* @__PURE__ */ jsx2(
-          Button2,
-          {
-            type: "button",
-            size: live.actionSize,
-            "aria-label": live.sendName,
-            onClick: live.submit,
-            disabled: !live.canSubmit,
-            ...buttonProps,
-            children: buttonProps.children ?? /* @__PURE__ */ jsx2(SendHorizontal, { "aria-hidden": "true" })
-          }
-        );
-      },
-      []
-    );
-    const CancelButton = React2.useMemo(
-      () => function CancelButton2(buttonProps) {
-        const live = liveRef.current;
-        return /* @__PURE__ */ jsx2(
-          Button2,
-          {
-            type: "button",
-            size: live.actionSize,
-            variant: "secondary",
-            "aria-label": live.cancelName,
-            onClick: live.onCancel,
-            disabled: live.disabled,
-            ...buttonProps,
-            children: buttonProps.children ?? /* @__PURE__ */ jsx2(Square, { "aria-hidden": "true" })
-          }
-        );
-      },
-      []
-    );
-    const actionComponents = React2.useMemo(
-      () => ({ SubmitButton, CancelButton }),
-      [SubmitButton, CancelButton]
-    );
-    const footerContent = typeof footer === "function" ? footer({ components: actionComponents }) : footer;
-    return /* @__PURE__ */ jsxs2(
-      "div",
-      {
-        "data-slot": "chat-composer",
-        "data-disabled": disabled ? "" : void 0,
-        "data-loading": loading ? "" : void 0,
-        "data-submit-type": submitType,
-        "aria-busy": loading || void 0,
-        className: cn2("ui-chat-composer ui-control-surface", className),
-        ...rest,
-        ...surface,
-        children: [
-          header ? /* @__PURE__ */ jsx2("div", { "data-slot": "chat-composer-header", className: "ui-chat-composer-header", children: header }) : null,
-          /* @__PURE__ */ jsxs2("div", { "data-slot": "chat-composer-row", className: "ui-chat-composer-row", children: [
-            prefix ? /* @__PURE__ */ jsx2("div", { "data-slot": "chat-composer-prefix", className: "ui-chat-composer-prefix", children: prefix }) : null,
-            /* @__PURE__ */ jsx2(
-              Textarea,
-              {
-                ref: setRefs,
-                id,
-                name,
-                variant: "borderless",
-                autoGrow: true,
-                className: "ui-chat-composer-field",
-                value,
-                defaultValue,
-                placeholder: placeholder ?? t("dataEntry.chatComposer.placeholder"),
-                disabled,
-                readOnly,
-                maxLength,
-                status,
-                "aria-invalid": resolveAriaInvalid(fieldA11y["aria-invalid"], status),
-                onValueChange: (next) => {
-                  if (value === void 0) setDraft(next);
-                  onValueChange?.(next);
-                },
-                onKeyDown: handleKeyDown,
-                onCompositionStart: () => {
-                  composing.current = true;
-                },
-                onCompositionEnd: () => {
-                  composing.current = false;
-                },
-                ...fieldA11y,
-                ...identity
-              }
-            ),
-            actions === false ? null : /* @__PURE__ */ jsxs2("div", { "data-slot": "chat-composer-actions", className: "ui-chat-composer-actions", children: [
-              actions,
-              loading ? /* @__PURE__ */ jsx2(CancelButton, {}) : /* @__PURE__ */ jsx2(SubmitButton, {})
-            ] })
-          ] }),
-          footerContent ? /* @__PURE__ */ jsx2("div", { "data-slot": "chat-composer-footer", className: "ui-chat-composer-footer", children: footerContent }) : null
-        ]
-      }
-    );
-  }
-);
-ChatComposer.displayName = "ChatComposer";
-
-// src/chat-suggestion.tsx
-import * as React3 from "react";
-import { useTranslation as useTranslation3 } from "@godxjp/ui/i18n";
-import { cn as cn3 } from "@godxjp/ui/lib/utils";
-import { VisuallyHidden as VisuallyHidden2 } from "@godxjp/ui/general";
-import { Popover, PopoverAnchor, PopoverContent } from "@godxjp/ui/data-display";
-import { Command, CommandEmpty, CommandItem, CommandList } from "@godxjp/ui/data-entry";
-import { isImeComposing as isImeComposing2 } from "@godxjp/ui/data-entry";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function matchTrigger(text, caret, trigger, { allowSpaces = false, terminator } = {}) {
-  if (!trigger) return null;
-  const before = text.slice(0, caret);
-  const start = before.lastIndexOf(trigger);
-  if (start === -1) return null;
-  const query = before.slice(start + trigger.length);
-  if (allowSpaces ? /\n/.test(query) : /\s/.test(query)) return null;
-  if (terminator && query.includes(terminator)) return null;
-  const preceding = start === 0 ? "" : before[start - 1];
-  if (trigger.length === 1 && preceding !== "" && !/\s/.test(preceding) && preceding.charCodeAt(0) < 128) {
-    return null;
-  }
-  return { query, start };
-}
-function levelItems(items, path) {
-  let current = items;
-  for (const step of path) {
-    const next = current.find((item) => item.value === step)?.children;
-    if (!next) return current;
-    current = next;
-  }
-  return current;
-}
-function labelOf(item) {
-  return item.label ?? item.value;
-}
-function matches(item, query) {
-  if (!query) return true;
-  const needle = query.toLocaleLowerCase();
-  return labelOf(item).toLocaleLowerCase().includes(needle) || item.value.toLocaleLowerCase().includes(needle) || (item.description?.toLocaleLowerCase().includes(needle) ?? false);
-}
-function ChatSuggestion({
-  items,
-  onValueChange,
-  triggerCharacter = "/",
-  open,
-  defaultOpen,
-  onOpenChange,
-  children,
-  emptyMessage,
-  listLabel: listLabelProp,
-  id,
-  className,
-  allowSpaces = false,
-  terminator,
-  shouldFilter = true,
-  onQueryChange
-}) {
-  const { t } = useTranslation3();
-  const [uncontrolledOpen, setUncontrolledOpen] = React3.useState(defaultOpen ?? false);
-  const isOpen = open ?? uncontrolledOpen;
-  const [query, setQuery] = React3.useState("");
-  const [path, setPath] = React3.useState([]);
-  const [activeValue, setActiveValue] = React3.useState("");
-  const [activeId, setActiveId] = React3.useState(void 0);
-  const anchorRef = React3.useRef(null);
-  const contentRef = React3.useRef(null);
-  const [listId, setListId] = React3.useState(void 0);
-  const field = React3.useCallback(() => anchorRef.current?.querySelector("textarea") ?? null, []);
-  const openRef = React3.useRef(isOpen);
-  openRef.current = isOpen;
-  const setOpen = React3.useCallback(
-    (next) => {
-      if (openRef.current === next) return;
-      openRef.current = next;
-      if (open === void 0) setUncontrolledOpen(next);
-      onOpenChange?.(next);
-      if (!next) {
-        setQuery("");
-        setPath([]);
-      }
-    },
-    [open, onOpenChange]
-  );
-  const visible = React3.useMemo(() => {
-    const level = levelItems(items, path);
-    return shouldFilter ? level.filter((item) => matches(item, query)) : level;
-  }, [items, path, query, shouldFilter]);
-  React3.useEffect(() => {
-    if (isOpen) onQueryChange?.(query);
-  }, [isOpen, query, onQueryChange]);
-  const enabled = React3.useMemo(() => visible.filter((item) => !item.disabled), [visible]);
-  React3.useEffect(() => {
-    if (enabled.length === 0) {
-      setActiveValue("");
-      return;
-    }
-    setActiveValue(
-      (current) => enabled.some((item) => item.value === current) ? current : enabled[0].value
-    );
-  }, [enabled]);
-  React3.useEffect(() => {
-    if (!isOpen) {
-      setListId(void 0);
-      setActiveId(void 0);
-      return;
-    }
-    const content = contentRef.current;
-    setListId(content?.querySelector("[cmdk-list]")?.id || void 0);
-    setActiveId(content?.querySelector('[cmdk-item][aria-selected="true"]')?.id || void 0);
-  });
-  const dismissedStartRef = React3.useRef(null);
-  const close = React3.useCallback(() => {
-    const node = field();
-    const caret = node ? node.selectionStart ?? node.value.length : 0;
-    const hit = node ? matchTrigger(node.value, caret, triggerCharacter, { allowSpaces, terminator }) : null;
-    dismissedStartRef.current = hit ? hit.start : null;
-    setOpen(false);
-    field()?.focus();
-  }, [field, setOpen, triggerCharacter, allowSpaces, terminator]);
-  const evaluate = React3.useCallback(() => {
-    const node = field();
-    if (!node) return;
-    const caret = node.selectionStart ?? node.value.length;
-    const hit = matchTrigger(node.value, caret, triggerCharacter, { allowSpaces, terminator });
-    if (!hit) {
-      dismissedStartRef.current = null;
-      setOpen(false);
-      return;
-    }
-    if (hit.start === dismissedStartRef.current) {
-      setOpen(false);
-      return;
-    }
-    dismissedStartRef.current = null;
-    setQuery(hit.query);
-    setOpen(true);
-  }, [field, setOpen, triggerCharacter, allowSpaces, terminator]);
-  const onTrigger = React3.useCallback(
-    (next) => {
-      if (next === false) {
-        setOpen(false);
-        return;
-      }
-      if (next === void 0) {
-        setQuery("");
-        setOpen(true);
-        return;
-      }
-      window.setTimeout(evaluate, 0);
-    },
-    [evaluate, setOpen]
-  );
-  const pick = React3.useCallback(
-    (item) => {
-      if (item.disabled) return;
-      if (item.children && item.children.length > 0) {
-        setPath((current) => [...current, item.value]);
-        setQuery("");
-        field()?.focus();
-        return;
-      }
-      onValueChange?.(item.value);
-      setOpen(false);
-      field()?.focus();
-    },
-    [field, onValueChange, setOpen]
-  );
-  const move = React3.useCallback(
-    (direction) => {
-      if (enabled.length === 0) return;
-      const index = enabled.findIndex((item) => item.value === activeValue);
-      const from = index === -1 ? direction === 1 ? -1 : 0 : index;
-      const next = (from + direction + enabled.length) % enabled.length;
-      setActiveValue(enabled[next].value);
-    },
-    [activeValue, enabled]
-  );
-  const onKeyDown = React3.useCallback(
-    (event) => {
-      if (isImeComposing2(event)) return;
-      if (!openRef.current) {
-        if (event.key.startsWith("Arrow") || event.key === "Home" || event.key === "End") {
-          window.setTimeout(evaluate, 0);
-        }
-        return;
-      }
-      switch (event.key) {
-        case "ArrowDown":
-          event.preventDefault();
-          move(1);
-          return;
-        case "ArrowUp":
-          event.preventDefault();
-          move(-1);
-          return;
-        case "Enter":
-        case "Tab": {
-          const item = enabled.find((candidate) => candidate.value === activeValue);
-          if (!item) return;
-          event.preventDefault();
-          pick(item);
-          return;
-        }
-        case "Escape":
-          event.preventDefault();
-          event.stopPropagation();
-          close();
-          return;
-        default:
-          if (event.key.startsWith("Arrow") || event.key === "Home" || event.key === "End") {
-            window.setTimeout(evaluate, 0);
-          }
-      }
-    },
-    [activeValue, close, enabled, evaluate, move, pick]
-  );
-  const listLabel = listLabelProp ?? t("dataEntry.chatSuggestion.label");
-  return /* @__PURE__ */ jsxs3(Popover, { open: isOpen, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsxs3(
-      PopoverAnchor,
-      {
-        ref: anchorRef,
-        id,
-        "data-slot": "chat-suggestion",
-        className: cn3("block w-full", className),
-        onPointerUp: () => window.setTimeout(evaluate, 0),
-        onBlurCapture: (event) => {
-          const next = event.relatedTarget;
-          if (next && anchorRef.current?.contains(next)) return;
-          if (openRef.current) setOpen(false);
-        },
-        children: [
-          children({
-            onTrigger,
-            onKeyDown
-          }),
-          /* @__PURE__ */ jsx3(FieldPopupWiring, { field, open: isOpen, listId, activeId }),
-          /* @__PURE__ */ jsx3(VisuallyHidden2, { role: "status", "aria-live": "polite", children: isOpen ? t("dataEntry.chatSuggestion.count", { count: visible.length }) : "" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx3(
-      PopoverContent,
-      {
-        ref: contentRef,
-        flush: true,
-        align: "start",
-        "aria-label": listLabel,
-        className: "ui-chat-suggestion-panel",
-        onOpenAutoFocus: (event) => event.preventDefault(),
-        onCloseAutoFocus: (event) => event.preventDefault(),
-        children: /* @__PURE__ */ jsx3(
-          Command,
-          {
-            value: activeValue,
-            onValueChange: setActiveValue,
-            shouldFilter: false,
-            label: listLabel,
-            children: /* @__PURE__ */ jsxs3(CommandList, { label: listLabel, children: [
-              /* @__PURE__ */ jsx3(CommandEmpty, { children: emptyMessage ?? t("dataEntry.chatSuggestion.empty") }),
-              visible.map((item) => /* @__PURE__ */ jsxs3(
-                CommandItem,
-                {
-                  value: item.value,
-                  disabled: item.disabled,
-                  onSelect: () => pick(item),
-                  children: [
-                    item.icon ? /* @__PURE__ */ jsx3("span", { className: "flex shrink-0 items-center", "aria-hidden": "true", children: item.icon }) : null,
-                    /* @__PURE__ */ jsxs3("span", { className: "ui-chat-suggestion-item-text", children: [
-                      /* @__PURE__ */ jsx3("span", { className: "truncate", children: labelOf(item) }),
-                      item.description ? /* @__PURE__ */ jsx3("span", { className: "text-muted-foreground truncate text-xs", children: item.description }) : null
-                    ] })
-                  ]
-                },
-                item.value
-              ))
-            ] })
-          }
-        )
-      }
-    )
-  ] });
-}
-ChatSuggestion.displayName = "ChatSuggestion";
-function FieldPopupWiring({
-  field,
-  open,
-  listId,
-  activeId
-}) {
-  React3.useEffect(() => {
-    const node = field();
-    if (!node) return;
-    node.setAttribute("aria-haspopup", "listbox");
-    node.setAttribute("aria-autocomplete", "list");
-    if (open && listId) {
-      node.setAttribute("aria-controls", listId);
-      if (activeId) node.setAttribute("aria-activedescendant", activeId);
-      else node.removeAttribute("aria-activedescendant");
-    } else {
-      node.removeAttribute("aria-controls");
-      node.removeAttribute("aria-activedescendant");
-    }
-  }, [activeId, field, listId, open]);
-  return null;
-}
-
-// src/attachments.tsx
-import * as React4 from "react";
-import { FileIcon, ImagePlus, Plus, X } from "lucide-react";
-import { useTranslation as useTranslation4 } from "@godxjp/ui/i18n";
-import { formatBytes } from "@godxjp/ui/admin";
-import { cn as cn4 } from "@godxjp/ui/lib/utils";
-import { Button as Button3 } from "@godxjp/ui/general";
-import { Progress } from "@godxjp/ui/data-display";
-import { createUploadItem } from "@godxjp/ui/data-entry";
-import { readDroppedFiles } from "@godxjp/ui/data-entry";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-var AttachmentContext = React4.createContext({ disabled: false });
-function toAttachmentItem(item) {
-  const status = item.status === "uploading" ? "uploading" : item.status === "done" ? "done" : item.status === "error" ? "error" : item.status === "removed" ? "removed" : void 0;
-  return {
-    uid: item.uid,
-    name: item.name,
-    size: item.size,
-    status,
-    percent: item.percent,
-    url: item.url,
-    thumbUrl: item.previewUrl,
-    originFileObj: item.file,
-    response: item.response,
-    error: item.error
-  };
-}
-function resolvePlaceholder(placeholder, type) {
-  if (!placeholder) return {};
-  return typeof placeholder === "function" ? placeholder(type) : placeholder;
-}
-function splitFileName(name) {
-  const match = /^(.*)\.[^.]+$/.exec(name ?? "");
-  return match ? [match[1], (name ?? "").slice(match[1].length)] : [name ?? "", ""];
-}
-function fileMatchesAccept(file, accept) {
-  if (!accept) return true;
-  return accept.split(",").some((rule) => {
-    const trimmed = rule.trim().toLowerCase();
-    if (trimmed.endsWith("/*")) return file.type.toLowerCase().startsWith(trimmed.slice(0, -1));
-    return file.type.toLowerCase() === trimmed || trimmed.startsWith(".") && file.name.toLowerCase().endsWith(trimmed);
-  });
-}
-function PlaceholderUploader({
-  type,
-  placeholder,
-  onOpen,
-  onFiles,
-  className,
-  style,
-  hidden
-}) {
-  const { t } = useTranslation4();
-  const { disabled } = React4.useContext(AttachmentContext);
-  const [dragActive, setDragActive] = React4.useState(false);
-  if (hidden) return null;
-  const title = placeholder.title ?? t("dataEntry.attachments.placeholderTitle");
-  const description = placeholder.description ?? t("dataEntry.attachments.placeholderDescription");
-  const icon = placeholder.icon ?? /* @__PURE__ */ jsx4(ImagePlus, { "aria-hidden": "true" });
-  return /* @__PURE__ */ jsxs4(
-    "div",
-    {
-      className: cn4("ui-attachments-placeholder", className),
-      style,
-      "data-drag-active": dragActive ? "true" : void 0,
-      "data-disabled": disabled ? "true" : void 0,
-      "aria-hidden": disabled ? true : void 0,
-      onDragEnter: (event) => {
-        event.preventDefault();
-        if (!disabled) setDragActive(true);
-      },
-      onDragOver: (event) => event.preventDefault(),
-      onDragLeave: (event) => {
-        if (!event.currentTarget.contains(event.relatedTarget)) setDragActive(false);
-      },
-      onDrop: async (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        setDragActive(false);
-        if (disabled) return;
-        const files = await readDroppedFiles(event.dataTransfer, false);
-        if (files.length) onFiles(files);
-      },
-      onClick: () => {
-        if (!disabled) onOpen();
-      },
-      onKeyDown: (event) => {
-        if (disabled) return;
-        if (event.key === "Enter" || event.key === " ") {
-          event.preventDefault();
-          onOpen();
-        }
-      },
-      role: "button",
-      tabIndex: disabled ? -1 : 0,
-      "aria-label": String(title),
-      children: [
-        /* @__PURE__ */ jsx4("span", { className: "ui-attachments-placeholder-icon", children: icon }),
-        title ? /* @__PURE__ */ jsx4("span", { className: "ui-attachments-placeholder-title", children: title }) : null,
-        description ? /* @__PURE__ */ jsx4("span", { className: "ui-attachments-placeholder-description", children: description }) : null,
-        /* @__PURE__ */ jsx4("span", { className: "sr-only", children: t("dataEntry.attachments.dropLabel", { type }) })
-      ]
-    }
-  );
-}
-function AttachmentCard({
-  item,
-  description,
-  onRemove,
-  classNames
-}) {
-  const { t } = useTranslation4();
-  const { disabled } = React4.useContext(AttachmentContext);
-  const preview = item.thumbUrl ?? item.url;
-  const [namePrefix, nameSuffix] = splitFileName(item.name);
-  const desc = description ?? item.description ?? (item.status === "uploading" ? `${item.percent ?? 0}%` : item.status === "error" ? typeof item.response === "string" ? item.response : t("dataEntry.attachments.error") : item.size ? formatBytes(item.size) : "");
-  return /* @__PURE__ */ jsxs4(
-    "li",
-    {
-      className: cn4("ui-attachments-card", classNames?.card, classNames?.file),
-      "data-status": item.status,
-      children: [
-        preview ? /* @__PURE__ */ jsx4("img", { src: preview, alt: "", className: "ui-attachments-card-preview", "aria-hidden": "true" }) : /* @__PURE__ */ jsx4("span", { className: "ui-attachments-card-placeholder", "aria-hidden": "true", children: /* @__PURE__ */ jsx4(FileIcon, {}) }),
-        /* @__PURE__ */ jsxs4("span", { className: "ui-attachments-card-content", children: [
-          /* @__PURE__ */ jsxs4("span", { className: "ui-attachments-card-name", title: item.name, children: [
-            /* @__PURE__ */ jsx4("span", { className: "ui-attachments-card-name-prefix", children: namePrefix }),
-            /* @__PURE__ */ jsx4("span", { className: "ui-attachments-card-name-suffix", children: nameSuffix })
-          ] }),
-          desc ? /* @__PURE__ */ jsx4(
-            "span",
-            {
-              className: "ui-attachments-card-meta",
-              title: typeof desc === "string" ? desc : void 0,
-              children: desc
-            }
-          ) : null
-        ] }),
-        item.status === "uploading" && item.percent != null ? /* @__PURE__ */ jsx4("span", { className: "ui-attachments-card-progress", children: /* @__PURE__ */ jsx4(
-          Progress,
-          {
-            size: "sm",
-            value: item.percent,
-            "aria-label": t("dataEntry.attachments.uploading")
-          }
-        ) }) : null,
-        !disabled && onRemove ? /* @__PURE__ */ jsx4(
-          Button3,
-          {
-            type: "button",
-            variant: "ghost",
-            size: "icon-xs",
-            className: "ui-attachments-card-remove",
-            "aria-label": t("dataEntry.attachments.remove", { name: item.name }),
-            onClick: (event) => {
-              event.stopPropagation();
-              onRemove();
-            },
-            children: /* @__PURE__ */ jsx4(X, { "aria-hidden": "true" })
-          }
-        ) : null
-      ]
-    }
-  );
-}
-var Attachments = React4.forwardRef(
-  ({
-    className,
-    rootClassName,
-    classNames = {},
-    styles = {},
-    items: controlledItems,
-    onChange,
-    onRemove,
-    overflow,
-    placeholder,
-    getDropContainer,
-    disabled = false,
-    maxCount,
-    accept,
-    multiple,
-    children
-  }, ref) => {
-    const { t } = useTranslation4();
-    const containerRef = React4.useRef(null);
-    const inputRef = React4.useRef(null);
-    const [internalItems, setInternalItems] = React4.useState([]);
-    const [dropActive, setDropActive] = React4.useState(false);
-    const items = controlledItems ?? internalItems;
-    const setItems = React4.useCallback(
-      (next, file) => {
-        if (controlledItems === void 0) setInternalItems(next);
-        onChange?.({ file, fileList: next });
-      },
-      [controlledItems, onChange]
-    );
-    const openPicker = React4.useCallback(() => {
-      inputRef.current?.click();
-    }, []);
-    const dispatchFiles = React4.useCallback(
-      (files) => {
-        const accepted = files.filter((file) => fileMatchesAccept(file, accept));
-        if (!accepted.length) return;
-        const room = maxCount == null ? accepted.length : Math.max(0, maxCount - items.length);
-        const picked = accepted.slice(0, room);
-        const next = [
-          ...items,
-          ...picked.map((file) => {
-            const uploadItem = createUploadItem(file);
-            return toAttachmentItem(uploadItem);
-          })
-        ];
-        const last = next[next.length - 1];
-        if (last) setItems(next, last);
-      },
-      [accept, items, maxCount, setItems]
-    );
-    React4.useImperativeHandle(ref, () => ({
-      nativeElement: containerRef.current,
-      fileNativeElement: inputRef.current,
-      upload: (file) => dispatchFiles([file]),
-      select: (options) => {
-        const input = inputRef.current;
-        if (!input) return;
-        input.multiple = options?.multiple ?? false;
-        input.accept = options?.accept ?? accept ?? "";
-        input.click();
-      }
-    }));
-    const handleRemove = async (item) => {
-      const ret = await Promise.resolve(typeof onRemove === "function" ? onRemove(item) : onRemove);
-      if (ret === false) return;
-      const next = items.filter((entry) => entry.uid !== item.uid);
-      setItems(next, { ...item, status: "removed" });
-    };
-    const showExtension = !disabled && (maxCount == null || maxCount > items.length) && items.length > 0;
-    const inlinePlaceholder = resolvePlaceholder(placeholder, "inline");
-    const dropPlaceholder = resolvePlaceholder(placeholder, "drop");
-    const hasFiles = items.length > 0;
-    const fileInput = /* @__PURE__ */ jsx4(
-      "input",
-      {
-        ref: inputRef,
-        type: "file",
-        className: cn4("ui-attachments-input", "sr-only"),
-        accept,
-        multiple: multiple ?? (maxCount == null || maxCount > 1),
-        disabled,
-        "aria-label": t("dataEntry.attachments.inputLabel"),
-        onChange: (event) => {
-          const files = event.target.files ? Array.from(event.target.files) : [];
-          event.target.value = "";
-          dispatchFiles(files);
-        }
-      }
-    );
-    if (children) {
-      return /* @__PURE__ */ jsxs4(AttachmentContext.Provider, { value: { disabled }, children: [
-        fileInput,
-        /* @__PURE__ */ jsx4(
-          "div",
-          {
-            ref: containerRef,
-            className: cn4("ui-attachments", rootClassName, classNames.root),
-            style: styles.root,
-            children
-          }
-        ),
-        /* @__PURE__ */ jsx4(
-          PlaceholderUploader,
-          {
-            type: "drop",
-            placeholder: dropPlaceholder,
-            onOpen: openPicker,
-            onFiles: dispatchFiles,
-            className: classNames.placeholder,
-            style: styles.placeholder
-          }
-        )
-      ] });
-    }
-    const dropScope = getDropContainer?.() ? "viewport" : "control";
-    return /* @__PURE__ */ jsx4(AttachmentContext.Provider, { value: { disabled }, children: /* @__PURE__ */ jsxs4(
-      "div",
-      {
-        ref: containerRef,
-        className: cn4("ui-attachments", className, rootClassName, classNames.root),
-        style: styles.root,
-        dir: "auto",
-        onDragEnter: (event) => {
-          event.preventDefault();
-          if (!disabled) setDropActive(true);
-        },
-        onDragOver: (event) => event.preventDefault(),
-        onDragLeave: (event) => {
-          if (!event.currentTarget.contains(event.relatedTarget)) setDropActive(false);
-        },
-        onDrop: async (event) => {
-          event.preventDefault();
-          setDropActive(false);
-          if (disabled) return;
-          const files = await readDroppedFiles(event.dataTransfer, false);
-          if (files.length) dispatchFiles(files);
-        },
-        children: [
-          fileInput,
-          hasFiles ? /* @__PURE__ */ jsxs4(
-            "ul",
-            {
-              className: cn4("ui-attachments-list", classNames.list),
-              style: styles.list,
-              "data-overflow": overflow ?? "wrap",
-              children: [
-                items.map((item) => /* @__PURE__ */ jsx4(
-                  AttachmentCard,
-                  {
-                    item,
-                    onRemove: () => handleRemove(item),
-                    classNames
-                  },
-                  item.uid
-                )),
-                showExtension ? /* @__PURE__ */ jsx4("li", { children: /* @__PURE__ */ jsx4(
-                  "button",
-                  {
-                    type: "button",
-                    className: cn4("ui-attachments-upload-btn", classNames.upload),
-                    style: styles.upload,
-                    disabled,
-                    "aria-label": t("dataEntry.attachments.add"),
-                    onClick: openPicker,
-                    children: /* @__PURE__ */ jsx4(Plus, { "aria-hidden": "true" })
-                  }
-                ) }) : null
-              ]
-            }
-          ) : null,
-          /* @__PURE__ */ jsx4(
-            PlaceholderUploader,
-            {
-              type: "inline",
-              placeholder: inlinePlaceholder,
-              onOpen: openPicker,
-              onFiles: dispatchFiles,
-              className: classNames.placeholder,
-              style: hasFiles ? { display: "none" } : styles.placeholder,
-              hidden: hasFiles
-            }
-          ),
-          /* @__PURE__ */ jsx4(
-            "div",
-            {
-              className: "ui-attachments-drop-layer",
-              "data-scope": dropScope,
-              "data-active": dropActive ? "true" : void 0,
-              "aria-hidden": "true"
-            }
-          )
-        ]
-      }
-    ) });
-  }
-);
-Attachments.displayName = "Attachments";
-
-// src/conversations.tsx
-import * as React5 from "react";
-import { ChevronDown, MoreHorizontal, Plus as Plus2 } from "lucide-react";
-import { useTranslation as useTranslation5 } from "@godxjp/ui/i18n";
-import { formatDate } from "@godxjp/ui/datetime";
-import { cn as cn5 } from "@godxjp/ui/lib/utils";
-import { Button as Button4 } from "@godxjp/ui/general";
-import { Text as Text2 } from "@godxjp/ui/general";
-import { Separator } from "@godxjp/ui/layout";
 import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger
-} from "@godxjp/ui/navigation";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-function isDivider(entry) {
-  return "type" in entry && entry.type === "divider";
-}
-function isRtl(element) {
-  return element?.closest("[dir]")?.getAttribute("dir")?.toLowerCase() === "rtl";
-}
-function toSections(items, groupable) {
-  const collapsibleOption = typeof groupable === "object" ? groupable.collapsible : void 0;
-  const sections = [];
-  for (const entry of items) {
-    const group = !groupable || isDivider(entry) ? void 0 : entry.group;
-    if (group === void 0) {
-      const tail = sections[sections.length - 1];
-      if (tail && tail.group === void 0) {
-        tail.entries.push(entry);
-        continue;
-      }
-      sections.push({ entries: [entry], collapsible: false });
-      continue;
-    }
-    const existing = sections.find((section) => section.group === group);
-    if (existing) {
-      existing.entries.push(entry);
-      continue;
-    }
-    sections.push({
-      group,
-      entries: [entry],
-      collapsible: typeof collapsibleOption === "function" ? collapsibleOption(group) : collapsibleOption ?? false
-    });
-  }
-  return sections;
-}
-var groupNavKey = (group) => `group:${group}`;
-var rowNavKey = (key) => `row:${key}`;
-var Conversations = React5.forwardRef(
-  ({
-    items = [],
-    activeKey,
-    defaultActiveKey,
-    onActiveChange,
-    menu,
-    groupable,
-    creation,
-    label,
-    id,
-    className,
-    ...rest
-  }, ref) => {
-    const { t } = useTranslation5();
-    const rootRef = React5.useRef(null);
-    const setRootRef = React5.useCallback(
-      (node) => {
-        rootRef.current = node;
-        if (typeof ref === "function") ref(node);
-        else if (ref) ref.current = node;
-      },
-      [ref]
-    );
-    const [uncontrolledActive, setUncontrolledActive] = React5.useState(defaultActiveKey);
-    const mergedActiveKey = activeKey ?? uncontrolledActive;
-    const sections = React5.useMemo(() => toSections(items, groupable), [items, groupable]);
-    const groupOptions = typeof groupable === "object" ? groupable : {};
-    const collapsibleGroups = React5.useMemo(
-      () => sections.filter((section) => section.collapsible && section.group).map((s) => s.group),
-      [sections]
-    );
-    const [uncontrolledExpanded, setUncontrolledExpanded] = React5.useState(() => [
-      ...groupOptions.defaultExpandedKeys ?? collapsibleGroups
-    ]);
-    const expandedKeys = groupOptions.expandedKeys ? [...groupOptions.expandedKeys] : uncontrolledExpanded;
-    const toggleGroup = (group) => {
-      const next = expandedKeys.includes(group) ? expandedKeys.filter((key) => key !== group) : [...expandedKeys, group];
-      if (!groupOptions.expandedKeys) setUncontrolledExpanded(next);
-      groupOptions.onExpand?.(next);
-    };
-    const navKeys = [];
-    for (const section of sections) {
-      if (section.group && section.collapsible) {
-        navKeys.push(groupNavKey(section.group));
-        if (!expandedKeys.includes(section.group)) continue;
-      }
-      for (const entry of section.entries) {
-        if (!isDivider(entry) && !entry.disabled) navKeys.push(rowNavKey(entry.key));
-      }
-    }
-    const [focusKey, setFocusKey] = React5.useState(null);
-    const activeNavKey = mergedActiveKey ? rowNavKey(mergedActiveKey) : void 0;
-    const tabStop = focusKey && navKeys.includes(focusKey) ? focusKey : activeNavKey && navKeys.includes(activeNavKey) ? activeNavKey : navKeys[0];
-    const nodes = React5.useRef(/* @__PURE__ */ new Map());
-    const registerNode = (key) => (node) => {
-      if (node) nodes.current.set(key, node);
-      else nodes.current.delete(key);
-    };
-    const moveTo = (key) => {
-      if (!key) return;
-      setFocusKey(key);
-      nodes.current.get(key)?.focus();
-    };
-    const step = (from, delta) => {
-      if (navKeys.length === 0) return;
-      const index = navKeys.indexOf(from);
-      const next = index === -1 ? 0 : (index + delta + navKeys.length) % navKeys.length;
-      moveTo(navKeys[next]);
-    };
-    const handleNavKeyDown = (navKey) => (event) => {
-      const rtl = isRtl(event.currentTarget);
-      const forward = rtl ? "ArrowLeft" : "ArrowRight";
-      const backward = rtl ? "ArrowRight" : "ArrowLeft";
-      switch (event.key) {
-        case "ArrowDown":
-          event.preventDefault();
-          step(navKey, 1);
-          return;
-        case "ArrowUp":
-          event.preventDefault();
-          step(navKey, -1);
-          return;
-        case "Home":
-          event.preventDefault();
-          moveTo(navKeys[0]);
-          return;
-        case "End":
-          event.preventDefault();
-          moveTo(navKeys[navKeys.length - 1]);
-          return;
-        case forward: {
-          const trigger = nodes.current.get(`menu:${navKey}`);
-          if (!trigger) return;
-          event.preventDefault();
-          trigger.focus();
-          return;
-        }
-        case backward: {
-          if (!navKey.startsWith("menu:")) return;
-          event.preventDefault();
-          moveTo(navKey.slice("menu:".length));
-          return;
-        }
-        default:
-      }
-    };
-    const selectConversation = (item) => {
-      if (item.disabled) return;
-      if (activeKey === void 0) setUncontrolledActive(item.key);
-      onActiveChange?.(
-        item.key,
-        items.find((entry) => !isDivider(entry) && entry.key === item.key)
-      );
-    };
-    const menuFor = (item) => {
-      const resolved = typeof menu === "function" ? menu(item) : menu;
-      return resolved && resolved.items.length > 0 ? resolved : void 0;
-    };
-    const renderEntry = (entry, index) => {
-      if (isDivider(entry)) {
-        return /* @__PURE__ */ jsx5("li", { className: "ui-conversations-rule", children: /* @__PURE__ */ jsx5(
-          Separator,
-          {
-            "data-dashed": entry.dashed ? "true" : void 0,
-            className: "ui-conversations-separator"
-          }
-        ) }, entry.key ?? `divider-${index}`);
-      }
-      const navKey = rowNavKey(entry.key);
-      const active = mergedActiveKey === entry.key;
-      const rowMenu = entry.disabled ? void 0 : menuFor(entry);
-      const labelText = typeof entry.label === "string" ? entry.label : entry.key;
-      return /* @__PURE__ */ jsxs5(
-        "li",
-        {
-          "data-slot": "conversations-item",
-          "data-active": active ? "true" : void 0,
-          className: "ui-conversations-item",
-          children: [
-            /* @__PURE__ */ jsxs5(
-              Button4,
-              {
-                ref: registerNode(navKey),
-                type: "button",
-                variant: "ghost",
-                fullWidth: true,
-                align: "start",
-                disabled: entry.disabled,
-                "aria-current": active ? "true" : void 0,
-                tabIndex: tabStop === navKey ? 0 : -1,
-                className: "ui-conversations-row",
-                onFocus: () => setFocusKey(navKey),
-                onClick: () => selectConversation(entry),
-                onKeyDown: handleNavKeyDown(navKey),
-                children: [
-                  entry.icon ? /* @__PURE__ */ jsx5("span", { className: "ui-conversations-icon", "aria-hidden": "true", children: entry.icon }) : null,
-                  /* @__PURE__ */ jsxs5("span", { className: "ui-conversations-line", children: [
-                    /* @__PURE__ */ jsx5(Text2, { truncate: true, children: entry.label }),
-                    entry.timestamp === void 0 ? null : (
-                      /*
-                       * Through `formatDate`, never through `toLocaleString` or a sliced ISO string.
-                       * `docs/DATETIME.md` rule 1 forbids the alternatives for a measured reason: the
-                       * tenant's locale, timezone and 12/24h choice live in AppProvider, so the same
-                       * epoch has to read 2026/03/15 in a Japanese tenant and 15/03/2026 in a
-                       * Vietnamese one. A component that formats its own dates cannot do that.
-                       */
-                      /* @__PURE__ */ jsx5(Text2, { size: "xs", tone: "muted", tabular: true, className: "ui-conversations-timestamp", children: formatDate(new Date(entry.timestamp)) })
-                    )
-                  ] })
-                ]
-              }
-            ),
-            rowMenu ? /* @__PURE__ */ jsxs5(DropdownMenu, { children: [
-              /* @__PURE__ */ jsx5(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx5(
-                Button4,
-                {
-                  ref: registerNode(`menu:${navKey}`),
-                  type: "button",
-                  variant: "ghost",
-                  size: "icon-sm",
-                  tabIndex: -1,
-                  className: "ui-conversations-menu-trigger",
-                  "aria-label": rowMenu.triggerLabel?.(entry) ?? t("navigation.conversations.rowActions", { label: labelText }),
-                  onKeyDown: handleNavKeyDown(`menu:${navKey}`),
-                  children: /* @__PURE__ */ jsx5(MoreHorizontal, { "aria-hidden": "true" })
-                }
-              ) }),
-              /* @__PURE__ */ jsx5(DropdownMenuContent, { align: "end", children: rowMenu.items.map((command) => /* @__PURE__ */ jsxs5(
-                DropdownMenuItem,
-                {
-                  disabled: command.disabled,
-                  variant: command.danger ? "destructive" : void 0,
-                  onSelect: () => rowMenu.onClick?.({ key: command.key, conversation: entry }),
-                  children: [
-                    command.icon,
-                    command.label
-                  ]
-                },
-                command.key
-              )) })
-            ] }) : null
-          ]
-        },
-        entry.key
-      );
-    };
-    const railLabel = label ?? t("navigation.conversations.label");
-    return /* @__PURE__ */ jsxs5(
-      "div",
-      {
-        ref: setRootRef,
-        id,
-        "data-slot": "conversations",
-        className: cn5("ui-conversations", className),
-        ...rest,
-        children: [
-          creation ? /* @__PURE__ */ jsx5(CreationButton, { creation }) : null,
-          sections.map((section, sectionIndex) => {
-            if (!section.group) {
-              return /* @__PURE__ */ jsx5(
-                "ul",
-                {
-                  "aria-label": railLabel,
-                  className: "ui-conversations-list",
-                  children: section.entries.map(renderEntry)
-                },
-                `run-${sectionIndex}`
-              );
-            }
-            const heading = typeof groupOptions.label === "function" ? groupOptions.label(section.group) : groupOptions.label ?? section.group;
-            const navKey = groupNavKey(section.group);
-            const expanded = expandedKeys.includes(section.group);
-            const listId = `${id ?? "ui-conversations"}-${section.group}`;
-            return /* @__PURE__ */ jsxs5(
-              "div",
-              {
-                "data-slot": "conversations-group",
-                className: "ui-conversations-group",
-                children: [
-                  section.collapsible ? /* @__PURE__ */ jsxs5(
-                    Button4,
-                    {
-                      ref: registerNode(navKey),
-                      type: "button",
-                      variant: "ghost",
-                      size: "sm",
-                      fullWidth: true,
-                      align: "start",
-                      "aria-expanded": expanded,
-                      "aria-controls": listId,
-                      tabIndex: tabStop === navKey ? 0 : -1,
-                      className: "ui-conversations-group-trigger",
-                      onFocus: () => setFocusKey(navKey),
-                      onClick: () => toggleGroup(section.group),
-                      onKeyDown: handleNavKeyDown(navKey),
-                      children: [
-                        /* @__PURE__ */ jsx5(
-                          ChevronDown,
-                          {
-                            "aria-hidden": "true",
-                            className: "ui-conversations-group-chevron",
-                            "data-expanded": expanded ? "true" : void 0
-                          }
-                        ),
-                        /* @__PURE__ */ jsx5(Text2, { size: "xs", tone: "muted", weight: "medium", truncate: true, children: heading })
-                      ]
-                    }
-                  ) : /* @__PURE__ */ jsx5(
-                    Text2,
-                    {
-                      size: "xs",
-                      tone: "muted",
-                      weight: "medium",
-                      className: "ui-conversations-group-label",
-                      children: heading
-                    }
-                  ),
-                  section.collapsible && !expanded ? null : /* @__PURE__ */ jsx5(
-                    "ul",
-                    {
-                      id: listId,
-                      "aria-label": typeof heading === "string" ? heading : section.group,
-                      className: "ui-conversations-list",
-                      children: section.entries.map(renderEntry)
-                    }
-                  )
-                ]
-              },
-              section.group
-            );
-          })
-        ]
-      }
-    );
-  }
-);
-Conversations.displayName = "Conversations";
-function CreationButton({ creation }) {
-  const { t } = useTranslation5();
-  return /* @__PURE__ */ jsxs5(
-    Button4,
-    {
-      type: "button",
-      variant: "outline",
-      fullWidth: true,
-      align: "start",
-      disabled: creation.disabled,
-      className: "ui-conversations-creation",
-      onClick: () => creation.onClick?.(),
-      children: [
-        creation.icon ?? /* @__PURE__ */ jsx5(Plus2, { "aria-hidden": "true" }),
-        creation.label ?? t("navigation.conversations.creation")
-      ]
-    }
-  );
-}
-
-// src/thought-chain.tsx
-import * as React6 from "react";
-import { ChevronRight, CircleCheck, CircleMinus, CircleX, Loader2 } from "lucide-react";
-import { useTranslation as useTranslation6 } from "@godxjp/ui/i18n";
-import { cn as cn6 } from "@godxjp/ui/lib/utils";
-import { VisuallyHidden as VisuallyHidden3 } from "@godxjp/ui/general";
-import { Text as Text3 } from "@godxjp/ui/general";
-import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-var STATUS_GLYPH = {
-  loading: /* @__PURE__ */ jsx6(Loader2, { "aria-hidden": "true", className: "ui-thought-chain-spinner" }),
-  success: /* @__PURE__ */ jsx6(CircleCheck, { "aria-hidden": "true" }),
-  error: /* @__PURE__ */ jsx6(CircleX, { "aria-hidden": "true" }),
-  abort: /* @__PURE__ */ jsx6(CircleMinus, { "aria-hidden": "true" })
-};
-function StatusMark({
-  status,
-  fallback
-}) {
-  const { t } = useTranslation6();
-  if (!status) return /* @__PURE__ */ jsx6(Fragment2, { children: fallback });
-  return /* @__PURE__ */ jsxs6(Fragment2, { children: [
-    STATUS_GLYPH[status],
-    /* @__PURE__ */ jsx6(VisuallyHidden3, { children: t(`dataDisplay.thoughtChain.status.${status}`) })
-  ] });
-}
-var ThoughtChain = React6.forwardRef(
-  ({
-    items = [],
-    defaultExpandedKeys,
-    expandedKeys,
-    onExpand,
-    line = true,
-    label,
-    id,
-    className,
-    ...rest
-  }, ref) => {
-    const { t } = useTranslation6();
-    const reactId = React6.useId();
-    const [uncontrolled, setUncontrolled] = React6.useState(() => [
-      ...defaultExpandedKeys ?? []
-    ]);
-    const open = expandedKeys ? [...expandedKeys] : uncontrolled;
-    const toggle = (key) => {
-      const next = open.includes(key) ? open.filter((k) => k !== key) : [...open, key];
-      if (!expandedKeys) setUncontrolled(next);
-      onExpand?.(next);
-    };
-    return /* @__PURE__ */ jsx6(
-      "ol",
-      {
-        ref,
-        id,
-        "aria-label": label ?? t("dataDisplay.thoughtChain.label"),
-        "data-slot": "thought-chain",
-        "data-line": line === false ? "none" : line === true ? "solid" : line,
-        className: cn6("ui-thought-chain", className),
-        ...rest,
-        children: items.map((item, index) => {
-          const key = item.key ?? `${reactId}-${index}`;
-          const bodyId = `${reactId}-body-${index}`;
-          const collapsible = Boolean(item.collapsible && item.content);
-          const expanded = collapsible ? open.includes(key) : true;
-          const glyph = item.icon === false ? null : item.icon ?? index + 1;
-          return /* @__PURE__ */ jsxs6(
-            "li",
-            {
-              "data-slot": "thought-chain-node",
-              "data-status": item.status,
-              className: "ui-thought-chain-node",
-              children: [
-                glyph === null ? null : /* @__PURE__ */ jsx6(
-                  "span",
-                  {
-                    "data-slot": "thought-chain-icon",
-                    "data-status": item.status,
-                    className: "ui-thought-chain-icon",
-                    children: /* @__PURE__ */ jsx6(StatusMark, { status: item.status, fallback: glyph })
-                  }
-                ),
-                /* @__PURE__ */ jsxs6("div", { className: "ui-thought-chain-body", children: [
-                  /* @__PURE__ */ jsxs6("div", { className: "ui-thought-chain-header", children: [
-                    collapsible ? /* @__PURE__ */ jsxs6(
-                      "button",
-                      {
-                        type: "button",
-                        "aria-expanded": expanded,
-                        "aria-controls": bodyId,
-                        "data-blink": item.blink ? "" : void 0,
-                        className: "ui-thought-chain-trigger",
-                        onClick: () => toggle(key),
-                        children: [
-                          /* @__PURE__ */ jsx6(
-                            ChevronRight,
-                            {
-                              "aria-hidden": "true",
-                              "data-expanded": expanded ? "true" : void 0,
-                              className: "ui-thought-chain-chevron"
-                            }
-                          ),
-                          /* @__PURE__ */ jsx6(Text3, { weight: "medium", children: item.title })
-                        ]
-                      }
-                    ) : /* @__PURE__ */ jsx6(Text3, { weight: "medium", "data-blink": item.blink ? "" : void 0, children: item.title }),
-                    item.description ? /* @__PURE__ */ jsx6(Text3, { size: "xs", tone: "muted", children: item.description }) : null
-                  ] }),
-                  item.content && (expanded || item.destroyOnHidden === false) ? /* @__PURE__ */ jsx6(
-                    "div",
-                    {
-                      id: bodyId,
-                      hidden: !expanded,
-                      "data-blink": item.blink ? "" : void 0,
-                      className: "ui-thought-chain-content",
-                      children: item.content
-                    }
-                  ) : null,
-                  item.footer ? /* @__PURE__ */ jsx6("div", { className: "ui-thought-chain-footer", children: item.footer }) : null
-                ] })
-              ]
-            },
-            key
-          );
-        })
-      }
-    );
-  }
-);
-ThoughtChain.displayName = "ThoughtChain";
-var ThoughtChainItem = React6.forwardRef(
-  ({
-    title,
-    description,
-    icon,
-    status,
-    variant = "solid",
-    blink,
-    disabled,
-    onClick,
-    id,
-    className
-  }, ref) => {
-    const shared = {
-      id,
-      "data-slot": "thought-chain-item",
-      "data-variant": variant,
-      "data-status": status,
-      "data-blink": blink ? "" : void 0,
-      className: cn6("ui-thought-chain-item", className)
-    };
-    const inner = /* @__PURE__ */ jsxs6(Fragment2, { children: [
-      status || icon ? /* @__PURE__ */ jsx6("span", { "data-status": status, className: "ui-thought-chain-icon", children: /* @__PURE__ */ jsx6(StatusMark, { status, fallback: icon }) }) : null,
-      /* @__PURE__ */ jsxs6("span", { className: "ui-thought-chain-item-text", children: [
-        title ? /* @__PURE__ */ jsx6(Text3, { weight: "medium", children: title }) : null,
-        description ? /* @__PURE__ */ jsx6(Text3, { size: "xs", tone: "muted", children: description }) : null
-      ] })
-    ] });
-    if (!onClick) {
-      return /* @__PURE__ */ jsx6("div", { ref, ...shared, children: inner });
-    }
-    return /* @__PURE__ */ jsx6(
-      "button",
-      {
-        ref,
-        type: "button",
-        disabled,
-        onClick,
-        ...shared,
-        children: inner
-      }
-    );
-  }
-);
-ThoughtChainItem.displayName = "ThoughtChainItem";
-
-// src/welcome.tsx
-import * as React7 from "react";
-import { cn as cn7 } from "@godxjp/ui/lib/utils";
-import { Heading, Text as Text4 } from "@godxjp/ui/general";
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
-function isImageUrl(icon) {
-  return typeof icon === "string" && icon.startsWith("http");
-}
-var Welcome = React7.forwardRef(
-  ({ icon, title, description, extra, variant = "filled", id, className, ...rest }, ref) => {
-    return /* @__PURE__ */ jsxs7(
-      "div",
-      {
-        ref,
-        id,
-        "data-slot": "welcome",
-        "data-variant": variant,
-        className: cn7("ui-welcome", className),
-        ...rest,
-        children: [
-          icon ? /* @__PURE__ */ jsx7("div", { "data-slot": "welcome-icon", className: "ui-welcome-icon", "aria-hidden": "true", children: isImageUrl(icon) ? /* @__PURE__ */ jsx7("img", { src: icon, alt: "" }) : icon }) : null,
-          /* @__PURE__ */ jsxs7("div", { "data-slot": "welcome-content", className: "ui-welcome-content", children: [
-            title || extra ? /* @__PURE__ */ jsxs7("div", { "data-slot": "welcome-title-row", className: "ui-welcome-title-row", children: [
-              title ? /* @__PURE__ */ jsx7(Heading, { level: 4, className: "ui-welcome-title", children: title }) : null,
-              extra ? /* @__PURE__ */ jsx7("div", { "data-slot": "welcome-extra", className: "ui-welcome-extra", children: extra }) : null
-            ] }) : null,
-            description ? /* @__PURE__ */ jsx7(Text4, { size: "sm", tone: "muted", className: "ui-welcome-description", children: description }) : null
-          ] })
-        ]
-      }
-    );
-  }
-);
-Welcome.displayName = "Welcome";
+  Attachments
+} from "./chunk-PGCRFJHC.js";
+import {
+  ChatBubble,
+  ChatBubbleList
+} from "./chunk-XCTRKZCF.js";
+import {
+  ChatComposer
+} from "./chunk-4K5JWTV5.js";
+import {
+  ChatSuggestion
+} from "./chunk-DEYHFJBA.js";
+import {
+  Conversations
+} from "./chunk-IWWOS4BL.js";
+import {
+  ThoughtChain,
+  ThoughtChainItem
+} from "./chunk-52TWSF6W.js";
+import {
+  Welcome
+} from "./chunk-NUCO7NAP.js";
 export {
   Attachments,
   ChatBubble,