@godxjp/chat 32.0.0 → 32.0.1

package/dist/chunk-NUCO7NAP.js

@@ -0,0 +1,40 @@
+"use client";
+
+// src/welcome.tsx
+import * as React from "react";
+import { cn } from "@godxjp/ui/lib/utils";
+import { Heading, Text } from "@godxjp/ui/general";
+import { jsx, jsxs } from "react/jsx-runtime";
+function isImageUrl(icon) {
+  return typeof icon === "string" && icon.startsWith("http");
+}
+var Welcome = React.forwardRef(
+  ({ icon, title, description, extra, variant = "filled", id, className, ...rest }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        id,
+        "data-slot": "welcome",
+        "data-variant": variant,
+        className: cn("ui-welcome", className),
+        ...rest,
+        children: [
+          icon ? /* @__PURE__ */ jsx("div", { "data-slot": "welcome-icon", className: "ui-welcome-icon", "aria-hidden": "true", children: isImageUrl(icon) ? /* @__PURE__ */ jsx("img", { src: icon, alt: "" }) : icon }) : null,
+          /* @__PURE__ */ jsxs("div", { "data-slot": "welcome-content", className: "ui-welcome-content", children: [
+            title || extra ? /* @__PURE__ */ jsxs("div", { "data-slot": "welcome-title-row", className: "ui-welcome-title-row", children: [
+              title ? /* @__PURE__ */ jsx(Heading, { level: 4, className: "ui-welcome-title", children: title }) : null,
+              extra ? /* @__PURE__ */ jsx("div", { "data-slot": "welcome-extra", className: "ui-welcome-extra", children: extra }) : null
+            ] }) : null,
+            description ? /* @__PURE__ */ jsx(Text, { size: "sm", tone: "muted", className: "ui-welcome-description", children: description }) : null
+          ] })
+        ]
+      }
+    );
+  }
+);
+Welcome.displayName = "Welcome";
+
+export {
+  Welcome
+};

package/dist/chunk-PGCRFJHC.js

@@ -0,0 +1,369 @@
+"use client";
+
+// src/attachments.tsx
+import * as React from "react";
+import { FileIcon, ImagePlus, Plus, X } from "lucide-react";
+import { useTranslation } from "@godxjp/ui/i18n";
+import { formatBytes } from "@godxjp/ui/admin";
+import { cn } from "@godxjp/ui/lib/utils";
+import { Button } 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, jsxs } from "react/jsx-runtime";
+var AttachmentContext = React.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 } = useTranslation();
+  const { disabled } = React.useContext(AttachmentContext);
+  const [dragActive, setDragActive] = React.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__ */ jsx(ImagePlus, { "aria-hidden": "true" });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("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__ */ jsx("span", { className: "ui-attachments-placeholder-icon", children: icon }),
+        title ? /* @__PURE__ */ jsx("span", { className: "ui-attachments-placeholder-title", children: title }) : null,
+        description ? /* @__PURE__ */ jsx("span", { className: "ui-attachments-placeholder-description", children: description }) : null,
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("dataEntry.attachments.dropLabel", { type }) })
+      ]
+    }
+  );
+}
+function AttachmentCard({
+  item,
+  description,
+  onRemove,
+  classNames
+}) {
+  const { t } = useTranslation();
+  const { disabled } = React.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__ */ jsxs(
+    "li",
+    {
+      className: cn("ui-attachments-card", classNames?.card, classNames?.file),
+      "data-status": item.status,
+      children: [
+        preview ? /* @__PURE__ */ jsx("img", { src: preview, alt: "", className: "ui-attachments-card-preview", "aria-hidden": "true" }) : /* @__PURE__ */ jsx("span", { className: "ui-attachments-card-placeholder", "aria-hidden": "true", children: /* @__PURE__ */ jsx(FileIcon, {}) }),
+        /* @__PURE__ */ jsxs("span", { className: "ui-attachments-card-content", children: [
+          /* @__PURE__ */ jsxs("span", { className: "ui-attachments-card-name", title: item.name, children: [
+            /* @__PURE__ */ jsx("span", { className: "ui-attachments-card-name-prefix", children: namePrefix }),
+            /* @__PURE__ */ jsx("span", { className: "ui-attachments-card-name-suffix", children: nameSuffix })
+          ] }),
+          desc ? /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "ui-attachments-card-meta",
+              title: typeof desc === "string" ? desc : void 0,
+              children: desc
+            }
+          ) : null
+        ] }),
+        item.status === "uploading" && item.percent != null ? /* @__PURE__ */ jsx("span", { className: "ui-attachments-card-progress", children: /* @__PURE__ */ jsx(
+          Progress,
+          {
+            size: "sm",
+            value: item.percent,
+            "aria-label": t("dataEntry.attachments.uploading")
+          }
+        ) }) : null,
+        !disabled && onRemove ? /* @__PURE__ */ jsx(
+          Button,
+          {
+            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__ */ jsx(X, { "aria-hidden": "true" })
+          }
+        ) : null
+      ]
+    }
+  );
+}
+var Attachments = React.forwardRef(
+  ({
+    className,
+    rootClassName,
+    classNames = {},
+    styles = {},
+    items: controlledItems,
+    onChange,
+    onRemove,
+    overflow,
+    placeholder,
+    getDropContainer,
+    disabled = false,
+    maxCount,
+    accept,
+    multiple,
+    children
+  }, ref) => {
+    const { t } = useTranslation();
+    const containerRef = React.useRef(null);
+    const inputRef = React.useRef(null);
+    const [internalItems, setInternalItems] = React.useState([]);
+    const [dropActive, setDropActive] = React.useState(false);
+    const items = controlledItems ?? internalItems;
+    const setItems = React.useCallback(
+      (next, file) => {
+        if (controlledItems === void 0) setInternalItems(next);
+        onChange?.({ file, fileList: next });
+      },
+      [controlledItems, onChange]
+    );
+    const openPicker = React.useCallback(() => {
+      inputRef.current?.click();
+    }, []);
+    const dispatchFiles = React.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]
+    );
+    React.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__ */ jsx(
+      "input",
+      {
+        ref: inputRef,
+        type: "file",
+        className: cn("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__ */ jsxs(AttachmentContext.Provider, { value: { disabled }, children: [
+        fileInput,
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref: containerRef,
+            className: cn("ui-attachments", rootClassName, classNames.root),
+            style: styles.root,
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          PlaceholderUploader,
+          {
+            type: "drop",
+            placeholder: dropPlaceholder,
+            onOpen: openPicker,
+            onFiles: dispatchFiles,
+            className: classNames.placeholder,
+            style: styles.placeholder
+          }
+        )
+      ] });
+    }
+    const dropScope = getDropContainer?.() ? "viewport" : "control";
+    return /* @__PURE__ */ jsx(AttachmentContext.Provider, { value: { disabled }, children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: containerRef,
+        className: cn("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__ */ jsxs(
+            "ul",
+            {
+              className: cn("ui-attachments-list", classNames.list),
+              style: styles.list,
+              "data-overflow": overflow ?? "wrap",
+              children: [
+                items.map((item) => /* @__PURE__ */ jsx(
+                  AttachmentCard,
+                  {
+                    item,
+                    onRemove: () => handleRemove(item),
+                    classNames
+                  },
+                  item.uid
+                )),
+                showExtension ? /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: cn("ui-attachments-upload-btn", classNames.upload),
+                    style: styles.upload,
+                    disabled,
+                    "aria-label": t("dataEntry.attachments.add"),
+                    onClick: openPicker,
+                    children: /* @__PURE__ */ jsx(Plus, { "aria-hidden": "true" })
+                  }
+                ) }) : null
+              ]
+            }
+          ) : null,
+          /* @__PURE__ */ jsx(
+            PlaceholderUploader,
+            {
+              type: "inline",
+              placeholder: inlinePlaceholder,
+              onOpen: openPicker,
+              onFiles: dispatchFiles,
+              className: classNames.placeholder,
+              style: hasFiles ? { display: "none" } : styles.placeholder,
+              hidden: hasFiles
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "ui-attachments-drop-layer",
+              "data-scope": dropScope,
+              "data-active": dropActive ? "true" : void 0,
+              "aria-hidden": "true"
+            }
+          )
+        ]
+      }
+    ) });
+  }
+);
+Attachments.displayName = "Attachments";
+
+export {
+  Attachments
+};

package/dist/chunk-XCTRKZCF.js

@@ -0,0 +1,232 @@
+"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";
+
+export {
+  ChatBubble,
+  ChatBubbleList
+};

package/dist/conversations.d.ts

@@ -0,0 +1,42 @@
+import * as React from 'react';
+import { ConversationsProp } from '@godxjp/ui/props/components';
+export { ConversationsCreationProp, ConversationsDividerProp, ConversationsEntryProp, ConversationsGroupableProp, ConversationsItemProp, ConversationsMenuItemProp, ConversationsMenuProp, ConversationsProp, ConversationsProp as ConversationsProps } from '@godxjp/ui/props/components';
+
+/**
+ * Conversations — the session rail of a chat surface (Ant Design X `Conversations`).
+ *
+ * ## What is ported, and the one half that is deliberately not
+ *
+ * Every prop a caller passes keeps Ant X's spelling and semantics: `items` (conversations and
+ * `{ type: "divider" }` rules), `activeKey` / `defaultActiveKey` / `onActiveChange`, `menu` (flat
+ * or per-row), `groupable` (with `label`, `collapsible` and the `expandedKeys` triad) and
+ * `creation`. The two knobs left out are `styles` / `classNames` — the semantic style maps — and
+ * they are left out by a standing decision of this repository, not by omission: a free-form style
+ * hole freezes internal DOM slot names into public API and is unmeasurable by the audit
+ * (docs/WHAT-BELONGS-HERE.md · "Lỗ kiểu dáng tự do"; docs/DESIGN-AUTHORITY.md · "A knob that only
+ * a fork could reach is not parity either"). The rail is retuned through
+ * `src/tokens/components/conversations.css` instead. `prefixCls`, `rootClassName`,
+ * `menu.getPopupContainer`, `menu.trigger` and `shortcutKeys` are out for the same reason or
+ * because the subsystem behind them does not exist here (see the PR for the per-prop ledger).
+ *
+ * ## What this adds, because Ant X's rail has no keyboard model at all
+ *
+ * Measured in `@ant-design/x@2.9.0`: `es/conversations/Item.js` renders a bare
+ * `<li title … onClick>`. No `role`, no `tabIndex`, no key handling — the rail is unreachable by
+ * keyboard, and a screen reader meets twelve list items with no hint that any of them is a
+ * control or that one of them is current. Neither is the hand-rolled alternative the issue
+ * describes (a stack of `Button`s) any better on the axis that matters: it is one tab stop PER
+ * conversation.
+ *
+ * So the rows here are real `Button`s under ONE roving tabindex, the APG composite-widget rule:
+ *
+ * - the whole rail — group headings included — is a single tab stop;
+ * - `↑` / `↓` walk it and wrap, `Home` / `End` jump to its ends;
+ * - the logical FORWARD arrow (`→` in LTR, `←` in RTL) steps from a row onto its overflow menu,
+ *   and the backward arrow steps back, so a row's second action costs no extra tab stop;
+ * - the current conversation carries `aria-current="true"`, which is what makes "current" survive
+ *   a theme that does not tint (WCAG 1.4.1 — never colour alone).
+ */
+declare const Conversations: React.ForwardRefExoticComponent<ConversationsProp & React.RefAttributes<HTMLDivElement>>;
+
+export { Conversations };

package/dist/conversations.js

@@ -0,0 +1,7 @@
+"use client";
+import {
+  Conversations
+} from "./chunk-IWWOS4BL.js";
+export {
+  Conversations
+};