@x12i/ai 1.0.0 → 1.1.0

package/dist/react.js

@@ -0,0 +1,3067 @@
+"use client";
+import {
+  applyStreamEvent,
+  createAbortableStream,
+  createThreadState,
+  findToolCall,
+  formatBytes,
+  formatDuration,
+  formatTokenCount,
+  getBranchInfoMap,
+  getUrlHostname,
+  isBusy,
+  isExternalUrl,
+  isTerminalStreamEvent,
+  lastMessageWithRole,
+  lastUserMessage,
+  markdownToPlainText,
+  messageText,
+  parseCitations,
+  sanitizeImageUrl,
+  sanitizeUrl,
+  splitCompletedSentences,
+  splitMarkdownBlocks,
+  threadPendingApprovals,
+  threadReducer,
+  toThreadError,
+  totalTokens
+} from "./chunk-RP5SPJKM.js";
+
+// src/react/chat-thread.tsx
+import { VisuallyHidden as VisuallyHidden10 } from "@x12i/ui";
+import {
+  memo as memo2,
+  useEffect as useEffect6,
+  useMemo as useMemo5,
+  useRef as useRef11,
+  useState as useState7
+} from "react";
+
+// src/react/conversation.tsx
+import { Button } from "@x12i/ui";
+import { useImperativeHandle } from "react";
+
+// src/react/internal/cx.ts
+function cx(...values) {
+  const joined = values.filter(Boolean).join(" ");
+  return joined === "" ? void 0 : joined;
+}
+
+// src/react/internal/glyphs.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Glyph({ size = "sm", children, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "data-kit": "ai-glyph",
+      "data-size": size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
+      ...props,
+      children
+    }
+  );
+}
+function SendGlyph(props) {
+  return /* @__PURE__ */ jsxs(Glyph, { ...props, children: [
+    /* @__PURE__ */ jsx("path", { d: "M12 19V5" }),
+    /* @__PURE__ */ jsx("path", { d: "m5 12 7-7 7 7" })
+  ] });
+}
+function ArrowDownGlyph(props) {
+  return /* @__PURE__ */ jsxs(Glyph, { ...props, children: [
+    /* @__PURE__ */ jsx("path", { d: "M12 5v14" }),
+    /* @__PURE__ */ jsx("path", { d: "m19 12-7 7-7-7" })
+  ] });
+}
+function StopGlyph(props) {
+  return /* @__PURE__ */ jsx(Glyph, { ...props, children: /* @__PURE__ */ jsx("rect", { x: "6", y: "6", width: "12", height: "12", rx: "2", fill: "currentColor", stroke: "none" }) });
+}
+function PaperclipGlyph(props) {
+  return /* @__PURE__ */ jsx(Glyph, { ...props, children: /* @__PURE__ */ jsx("path", { d: "m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48" }) });
+}
+function ThumbsUpGlyph({ filled, ...props }) {
+  return /* @__PURE__ */ jsxs(Glyph, { ...props, fill: filled ? "currentColor" : "none", children: [
+    /* @__PURE__ */ jsx("path", { d: "M7 10v12" }),
+    /* @__PURE__ */ jsx("path", { d: "M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z" })
+  ] });
+}
+function ThumbsDownGlyph({ filled, ...props }) {
+  return /* @__PURE__ */ jsxs(Glyph, { ...props, fill: filled ? "currentColor" : "none", children: [
+    /* @__PURE__ */ jsx("path", { d: "M17 14V2" }),
+    /* @__PURE__ */ jsx("path", { d: "M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z" })
+  ] });
+}
+function RefreshGlyph(props) {
+  return /* @__PURE__ */ jsxs(Glyph, { ...props, children: [
+    /* @__PURE__ */ jsx("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
+    /* @__PURE__ */ jsx("path", { d: "M3 3v5h5" })
+  ] });
+}
+function SparklesGlyph(props) {
+  return /* @__PURE__ */ jsxs(Glyph, { ...props, children: [
+    /* @__PURE__ */ jsx("path", { d: "M12 3l1.9 5.1L19 10l-5.1 1.9L12 17l-1.9-5.1L5 10l5.1-1.9L12 3z" }),
+    /* @__PURE__ */ jsx("path", { d: "M19 15l.8 2.2L22 18l-2.2.8L19 21l-.8-2.2L16 18l2.2-.8L19 15z" })
+  ] });
+}
+function WrenchGlyph(props) {
+  return /* @__PURE__ */ jsx(Glyph, { ...props, children: /* @__PURE__ */ jsx("path", { d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z" }) });
+}
+function FileGlyph(props) {
+  return /* @__PURE__ */ jsxs(Glyph, { ...props, children: [
+    /* @__PURE__ */ jsx("path", { d: "M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" }),
+    /* @__PURE__ */ jsx("path", { d: "M14 2v6h6" })
+  ] });
+}
+function BranchPrevGlyph(props) {
+  return /* @__PURE__ */ jsx(Glyph, { ...props, children: /* @__PURE__ */ jsx("path", { d: "m15 18-6-6 6-6" }) });
+}
+function BranchNextGlyph(props) {
+  return /* @__PURE__ */ jsx(Glyph, { ...props, children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" }) });
+}
+
+// src/react/messages-context.tsx
+import { createContext, useContext, useMemo } from "react";
+
+// src/react/messages.ts
+var defaultMessages = {
+  chat: "Chat",
+  conversation: "Conversation",
+  jumpToLatest: "Jump to latest",
+  emptyTitle: "How can I help?",
+  emptyDescription: "Ask a question or pick a suggestion to start.",
+  disclaimer: "AI-generated content can be wrong. Check important information.",
+  suggestions: "Suggested follow-ups",
+  roles: { user: "You", assistant: "Assistant", system: "System", tool: "Tool" },
+  aiGenerated: "AI",
+  aiGeneratedLabel: "AI-generated",
+  edited: "Edited",
+  stopped: "Response stopped",
+  failed: "Response failed",
+  responding: "Responding",
+  tokens: (count) => `${count} tokens`,
+  messageFrom: (role) => `Message from ${role}`,
+  promptLabel: "Message",
+  promptPlaceholder: "Type a message",
+  send: "Send message",
+  stop: "Stop generating",
+  attach: "Attach files",
+  attachments: "Attachments",
+  removeAttachment: (name) => `Remove ${name}`,
+  attachmentUploading: "Uploading",
+  attachmentFailed: "Upload failed",
+  dropFiles: "Drop files to attach",
+  characterCount: (count, max) => `${count} / ${max}`,
+  characterLimitReached: "Character limit reached",
+  commands: "Commands",
+  commandsAvailable: (count) => `${count} commands available`,
+  reasoning: "Reasoning",
+  thinking: "Thinking\u2026",
+  thought: "Thought",
+  thoughtFor: (duration) => `Thought for ${duration}`,
+  toolStates: {
+    queued: "Queued",
+    running: "Running",
+    "needs-approval": "Needs approval",
+    approved: "Approved",
+    denied: "Denied",
+    succeeded: "Done",
+    failed: "Failed"
+  },
+  toolCall: (name) => `Tool call: ${name}`,
+  toolInput: "Input",
+  toolOutput: "Output",
+  toolError: "Error",
+  toolAborted: "Stopped before it finished",
+  noInput: "No input",
+  noOutput: "No output",
+  approvalTitle: (toolName) => `Approve \u201C${toolName}\u201D?`,
+  approvalDescription: "The assistant wants to run this action. Review it, then approve or deny.",
+  approvalAction: "Action",
+  approve: "Approve",
+  deny: "Deny",
+  approveLabel: (toolName) => `Approve ${toolName}`,
+  denyLabel: (toolName) => `Deny ${toolName}`,
+  reasonLabel: "Reason (optional)",
+  reasonPlaceholder: "Why?",
+  sources: "Sources",
+  sourcesCount: (count) => count === 1 ? "1 source" : `${count} sources`,
+  citationLabel: (number, title) => `Source ${number}: ${title}`,
+  opensInNewTab: "opens in a new tab",
+  noLink: "No link available",
+  actions: "Message actions",
+  copy: "Copy",
+  copied: "Copied",
+  copyFailed: "Copy failed",
+  regenerate: "Regenerate response",
+  edit: "Edit message",
+  goodResponse: "Good response",
+  badResponse: "Bad response",
+  versionLabel: (index, count) => `Version ${index} of ${count}`,
+  previousVersion: "Previous version",
+  nextVersion: "Next version",
+  saveEdit: "Save and resend",
+  cancelEdit: "Cancel",
+  editLabel: "Edit your message",
+  attachmentsList: "Attachments",
+  download: (name) => `Download ${name}`,
+  thinkingIndicator: "Assistant is thinking",
+  errorKinds: {
+    network: {
+      title: "Connection problem",
+      description: "The request did not complete. Check your connection and try again."
+    },
+    "rate-limit": {
+      title: "Too many requests",
+      description: "The service asked us to slow down. Wait a moment, then try again."
+    },
+    moderation: {
+      title: "Response blocked",
+      description: "The service declined to answer this message. Edit it and try again."
+    },
+    auth: {
+      title: "Not signed in",
+      description: "The service rejected the credentials. Sign in again, then retry."
+    },
+    unknown: {
+      title: "Something went wrong",
+      description: "The response could not be completed."
+    }
+  },
+  retry: "Retry",
+  dismiss: "Dismiss",
+  editInstead: "Edit message",
+  announceReply: (text) => `Assistant replied: ${text}`,
+  announceStopped: "Response stopped",
+  announceApproval: (toolName) => `Approval needed for ${toolName}`,
+  copyCode: "Copy code",
+  codeCopied: "Code copied",
+  codeBlock: (language) => language === "" ? "Code" : `Code, ${language}`,
+  plainText: "Text",
+  table: "Table",
+  taskDone: "Completed",
+  taskTodo: "Not completed",
+  footnotes: "Footnotes",
+  footnoteBack: "Back to reference",
+  imageBlocked: "Image not shown",
+  copyJson: "Copy",
+  showMore: (hidden) => `Show ${hidden} more characters`,
+  showLess: "Show less"
+};
+function mergeMessages(base, ...overrides) {
+  let result = base;
+  for (const override of overrides) {
+    if (!override) continue;
+    const next = { ...result };
+    for (const [key, value] of Object.entries(override)) {
+      if (value === void 0) continue;
+      if (key === "roles" || key === "toolStates") {
+        next[key] = { ...result[key], ...value };
+      } else if (key === "errorKinds") {
+        const merged = { ...result.errorKinds };
+        for (const [kind, entry] of Object.entries(value)) {
+          merged[kind] = { ...result.errorKinds[kind], ...entry };
+        }
+        next[key] = merged;
+      } else {
+        next[key] = value;
+      }
+    }
+    result = next;
+  }
+  return result;
+}
+
+// src/react/messages-context.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var MessagesContext = createContext(defaultMessages);
+function AiMessagesProvider({ messages, children }) {
+  const parent = useContext(MessagesContext);
+  const value = useMemo(() => mergeMessages(parent, messages), [parent, messages]);
+  return /* @__PURE__ */ jsx2(MessagesContext.Provider, { value, children });
+}
+function useAiMessages(override) {
+  const context = useContext(MessagesContext);
+  return useMemo(() => override ? mergeMessages(context, override) : context, [context, override]);
+}
+
+// src/react/use-stick-to-bottom.ts
+import { useCallback as useCallback2, useEffect as useEffect2, useLayoutEffect as useLayoutEffect2, useRef as useRef2, useState as useState2 } from "react";
+
+// src/react/internal/hooks.ts
+import {
+  useCallback,
+  useEffect,
+  useLayoutEffect,
+  useRef,
+  useState,
+  useSyncExternalStore
+} from "react";
+function useEventCallback(fn) {
+  const ref = useRef(fn);
+  useLayoutEffect(() => {
+    ref.current = fn;
+  });
+  return useCallback((...args) => ref.current(...args), []);
+}
+function useControllableState(options) {
+  const { value, defaultValue, onChange } = options;
+  const [inner, setInner] = useState(defaultValue);
+  const controlled = value !== void 0;
+  const current = controlled ? value : inner;
+  const notify = useEventCallback((next) => onChange?.(next));
+  const set = useCallback(
+    (next) => {
+      if (!controlled) setInner(next);
+      notify(next);
+    },
+    [controlled, notify]
+  );
+  return [current, set];
+}
+var REDUCED_MOTION_QUERY = "(prefers-reduced-motion: reduce)";
+function subscribeReducedMotion(onChange) {
+  if (typeof window === "undefined" || typeof window.matchMedia !== "function") return () => {
+  };
+  const query = window.matchMedia(REDUCED_MOTION_QUERY);
+  query.addEventListener?.("change", onChange);
+  return () => query.removeEventListener?.("change", onChange);
+}
+function getReducedMotion() {
+  if (typeof window === "undefined" || typeof window.matchMedia !== "function") return false;
+  return window.matchMedia(REDUCED_MOTION_QUERY).matches;
+}
+function usePrefersReducedMotion() {
+  return useSyncExternalStore(subscribeReducedMotion, getReducedMotion, () => false);
+}
+function useHorizontalOverflow(ref, content) {
+  const [overflowing, setOverflowing] = useState(false);
+  useLayoutEffect(() => {
+    const element = ref.current;
+    if (!element) return;
+    const measure = () => setOverflowing(element.scrollWidth > element.clientWidth);
+    measure();
+    if (typeof ResizeObserver === "undefined") return;
+    const observer = new ResizeObserver(measure);
+    observer.observe(element);
+    return () => observer.disconnect();
+  }, [ref, content]);
+  return overflowing;
+}
+function useTransientState(resting, delay = 2e3) {
+  const [value, setValue] = useState(resting);
+  const timer = useRef(void 0);
+  const set = useCallback(
+    (next) => {
+      setValue(next);
+      clearTimeout(timer.current);
+      if (next !== resting) {
+        timer.current = setTimeout(() => setValue(resting), delay);
+      }
+    },
+    [resting, delay]
+  );
+  useEffect(() => () => clearTimeout(timer.current), []);
+  return [value, set];
+}
+
+// src/react/use-stick-to-bottom.ts
+var INSTANT_SETTLE_MS = 120;
+var SMOOTH_SETTLE_MS = 800;
+function useStickToBottom({ threshold = 48, onAtBottomChange } = {}) {
+  const scrollerRef = useRef2(null);
+  const contentRef = useRef2(null);
+  const following = useRef2(true);
+  const ours = useRef2(false);
+  const settleTimer = useRef2(void 0);
+  const lastAtBottom = useRef2(true);
+  const [atBottom, setAtBottomState] = useState2(true);
+  const reducedMotion = usePrefersReducedMotion();
+  const notify = useEventCallback((value) => onAtBottomChange?.(value));
+  const setAtBottom = useCallback2(
+    (value) => {
+      if (lastAtBottom.current === value) return;
+      lastAtBottom.current = value;
+      setAtBottomState(value);
+      notify(value);
+    },
+    [notify]
+  );
+  const isNearBottom = useCallback2(
+    (element) => element.scrollHeight - element.scrollTop - element.clientHeight <= threshold,
+    [threshold]
+  );
+  const scrollToBottom = useCallback2(
+    (behavior = "auto") => {
+      const element = scrollerRef.current;
+      if (!element) return;
+      const effective = reducedMotion ? "auto" : behavior;
+      following.current = true;
+      ours.current = true;
+      clearTimeout(settleTimer.current);
+      settleTimer.current = setTimeout(
+        () => {
+          ours.current = false;
+        },
+        effective === "smooth" ? SMOOTH_SETTLE_MS : INSTANT_SETTLE_MS
+      );
+      element.scrollTo({ top: element.scrollHeight, behavior: effective });
+      setAtBottom(true);
+    },
+    [reducedMotion, setAtBottom]
+  );
+  useLayoutEffect2(() => {
+    scrollToBottom("auto");
+  }, []);
+  useEffect2(() => {
+    const scroller = scrollerRef.current;
+    if (!scroller) return;
+    const release = () => {
+      ours.current = false;
+      clearTimeout(settleTimer.current);
+    };
+    const handleScroll = () => {
+      const near = isNearBottom(scroller);
+      if (ours.current) {
+        if (near) {
+          ours.current = false;
+          clearTimeout(settleTimer.current);
+          following.current = true;
+          setAtBottom(true);
+        }
+        return;
+      }
+      following.current = near;
+      setAtBottom(near);
+    };
+    const handleWheel = (event) => {
+      if (event.deltaY < 0) {
+        release();
+        if (scroller.scrollHeight > scroller.clientHeight) following.current = false;
+      }
+    };
+    const handleKey = (event) => {
+      if (event.target !== scroller) return;
+      if (event.key === "PageUp" || event.key === "ArrowUp" || event.key === "Home") {
+        release();
+        if (scroller.scrollHeight > scroller.clientHeight) following.current = false;
+      }
+    };
+    scroller.addEventListener("scroll", handleScroll, { passive: true });
+    scroller.addEventListener("wheel", handleWheel, { passive: true });
+    scroller.addEventListener("touchmove", release, { passive: true });
+    scroller.addEventListener("keydown", handleKey);
+    let observer;
+    if (typeof ResizeObserver !== "undefined") {
+      observer = new ResizeObserver(() => {
+        if (following.current) scrollToBottom("auto");
+      });
+      observer.observe(scroller);
+      if (contentRef.current) observer.observe(contentRef.current);
+    }
+    return () => {
+      scroller.removeEventListener("scroll", handleScroll);
+      scroller.removeEventListener("wheel", handleWheel);
+      scroller.removeEventListener("touchmove", release);
+      scroller.removeEventListener("keydown", handleKey);
+      observer?.disconnect();
+      clearTimeout(settleTimer.current);
+    };
+  }, [isNearBottom, scrollToBottom, setAtBottom]);
+  return { scrollerRef, contentRef, atBottom, scrollToBottom };
+}
+
+// src/react/conversation.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+function Conversation({
+  children,
+  stickThreshold,
+  onAtBottomChange,
+  label,
+  handleRef,
+  messages: override,
+  className,
+  ref,
+  ...props
+}) {
+  const messages = useAiMessages(override);
+  const { scrollerRef, contentRef, atBottom, scrollToBottom } = useStickToBottom({
+    threshold: stickThreshold,
+    onAtBottomChange
+  });
+  useImperativeHandle(handleRef, () => ({ scrollToBottom }), [scrollToBottom]);
+  return /* @__PURE__ */ jsxs2("div", { ...props, ref, "data-kit": "ai-conversation", className: cx(className), children: [
+    /* @__PURE__ */ jsx3(
+      "div",
+      {
+        ref: scrollerRef,
+        "data-kit": "ai-conversation-scroller",
+        role: "log",
+        "aria-live": "polite",
+        "aria-relevant": "additions",
+        "aria-label": label ?? messages.conversation,
+        tabIndex: 0,
+        children: /* @__PURE__ */ jsx3("div", { ref: contentRef, "data-kit": "ai-conversation-content", children })
+      }
+    ),
+    atBottom ? null : /* @__PURE__ */ jsx3("div", { "data-kit": "ai-jump-to-latest", children: /* @__PURE__ */ jsxs2(
+      Button,
+      {
+        variant: "outline",
+        tone: "neutral",
+        size: "sm",
+        onClick: () => {
+          scrollToBottom("smooth");
+          scrollerRef.current?.focus({ preventScroll: true });
+        },
+        children: [
+          /* @__PURE__ */ jsx3(ArrowDownGlyph, { size: "sm" }),
+          messages.jumpToLatest
+        ]
+      }
+    ) })
+  ] });
+}
+
+// src/react/empty-thread.tsx
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+function EmptyThread({ title, description, icon, children, messages: override, className, ref, ...props }) {
+  const messages = useAiMessages(override);
+  return /* @__PURE__ */ jsxs3("div", { ...props, ref, "data-kit": "ai-empty-thread", className: cx(className), children: [
+    /* @__PURE__ */ jsx4("span", { "data-kit": "ai-empty-icon", "aria-hidden": "true", children: icon ?? /* @__PURE__ */ jsx4(SparklesGlyph, { size: "lg" }) }),
+    /* @__PURE__ */ jsx4("p", { "data-kit": "ai-empty-title", dir: "auto", children: title ?? messages.emptyTitle }),
+    /* @__PURE__ */ jsx4("p", { "data-kit": "ai-empty-description", dir: "auto", children: description ?? messages.emptyDescription }),
+    children
+  ] });
+}
+
+// src/react/error-banner.tsx
+import { Icon } from "@x12i/icons";
+import { Button as Button2, IconButton } from "@x12i/ui";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+function ErrorBanner({
+  error,
+  onRetry,
+  onDismiss,
+  onEdit,
+  showDetail = true,
+  messages: override,
+  className,
+  ref,
+  ...props
+}) {
+  const messages = useAiMessages(override);
+  const kind = error.kind ?? "unknown";
+  const copy = messages.errorKinds[kind];
+  const canRetry = onRetry !== void 0 && error.retryable !== false;
+  const canEdit = onEdit !== void 0 && kind === "moderation";
+  return /* @__PURE__ */ jsxs4("div", { ...props, ref, role: "alert", "data-kit": "ai-error-banner", "data-kind": kind, className: cx(className), children: [
+    /* @__PURE__ */ jsx5("span", { "data-kit": "ai-error-icon", children: /* @__PURE__ */ jsx5(Icon, { name: "alert-circle", size: 20 }) }),
+    /* @__PURE__ */ jsxs4("div", { "data-kit": "ai-error-body", children: [
+      /* @__PURE__ */ jsx5("p", { "data-kit": "ai-error-title", children: copy.title }),
+      /* @__PURE__ */ jsx5("p", { "data-kit": "ai-error-description", children: copy.description }),
+      showDetail && error.message !== "" ? /* @__PURE__ */ jsx5("p", { "data-kit": "ai-error-detail", dir: "auto", children: error.message }) : null,
+      canRetry || canEdit ? /* @__PURE__ */ jsxs4("div", { "data-kit": "ai-error-actions", children: [
+        canRetry ? /* @__PURE__ */ jsx5(Button2, { variant: "outline", tone: "neutral", size: "sm", onClick: onRetry, children: messages.retry }) : null,
+        canEdit ? /* @__PURE__ */ jsx5(Button2, { variant: "outline", tone: "neutral", size: "sm", onClick: onEdit, children: messages.editInstead }) : null
+      ] }) : null
+    ] }),
+    onDismiss ? /* @__PURE__ */ jsx5(IconButton, { variant: "ghost", tone: "neutral", size: "sm", label: messages.dismiss, onClick: onDismiss, children: /* @__PURE__ */ jsx5(Icon, { name: "close", size: 16 }) }) : null
+  ] });
+}
+
+// src/react/message.tsx
+import { Badge as Badge3, Button as Button5, VisuallyHidden as VisuallyHidden7 } from "@x12i/ui";
+import {
+  useEffect as useEffect5,
+  useMemo as useMemo4,
+  useRef as useRef9,
+  useState as useState5
+} from "react";
+
+// src/react/attachments.tsx
+import { VisuallyHidden } from "@x12i/ui";
+import { Fragment, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+function isImage(file) {
+  return file.mediaType.toLowerCase().startsWith("image/") && file.mediaType.toLowerCase() !== "image/svg+xml";
+}
+function Attachments({ files, locale, messages: override, className, ref, ...props }) {
+  const messages = useAiMessages(override);
+  if (files.length === 0) return null;
+  return /* @__PURE__ */ jsx6("ul", { ...props, ref, role: "list", "aria-label": messages.attachmentsList, "data-kit": "ai-attachments", className: cx(className), children: files.map((file, position) => {
+    const image = isImage(file);
+    const url = image ? sanitizeImageUrl(file.url, { allowDataImages: true, allowBlob: true }) : sanitizeUrl(file.url, { protocols: ["http:", "https:", "blob:"] });
+    const size = file.size === void 0 ? "" : formatBytes(file.size, locale);
+    return /* @__PURE__ */ jsx6("li", { "data-kit": "ai-attachment", "data-kind": image ? "image" : "file", children: image && url ? /* @__PURE__ */ jsxs5("a", { href: url, target: "_blank", rel: "noopener noreferrer", children: [
+      /* @__PURE__ */ jsx6("img", { src: url, alt: file.name, loading: "lazy", decoding: "async", referrerPolicy: "no-referrer" }),
+      /* @__PURE__ */ jsxs5(VisuallyHidden, { children: [
+        " (",
+        messages.opensInNewTab,
+        ")"
+      ] })
+    ] }) : /* @__PURE__ */ jsx6(Fragment, { children: url ? /* @__PURE__ */ jsxs5("a", { href: url, download: file.name, "aria-label": messages.download(file.name), "data-kit": "ai-attachment-link", children: [
+      /* @__PURE__ */ jsx6(FileGlyph, { size: "sm" }),
+      /* @__PURE__ */ jsx6("span", { "data-kit": "ai-attachment-name", dir: "auto", children: file.name }),
+      size === "" ? null : /* @__PURE__ */ jsx6("span", { "data-kit": "ai-attachment-size", children: size })
+    ] }) : /* @__PURE__ */ jsxs5("span", { "data-kit": "ai-attachment-link", "data-inert": "", children: [
+      /* @__PURE__ */ jsx6(FileGlyph, { size: "sm" }),
+      /* @__PURE__ */ jsx6("span", { "data-kit": "ai-attachment-name", dir: "auto", children: file.name }),
+      size === "" ? null : /* @__PURE__ */ jsx6("span", { "data-kit": "ai-attachment-size", children: size })
+    ] }) }) }, file.id ?? `${file.url}-${position}`);
+  }) });
+}
+
+// src/react/internal/json-view.tsx
+import { Button as Button3 } from "@x12i/ui";
+import { useRef as useRef3, useState as useState3 } from "react";
+
+// src/react/internal/copy-button.tsx
+import { Icon as Icon2 } from "@x12i/icons";
+import { IconButton as IconButton2, VisuallyHidden as VisuallyHidden2 } from "@x12i/ui";
+import { useCallback as useCallback3, useId } from "react";
+
+// src/react/internal/clipboard.ts
+async function writeToClipboard(text) {
+  try {
+    if (typeof navigator !== "undefined" && navigator.clipboard?.writeText) {
+      await navigator.clipboard.writeText(text);
+      return true;
+    }
+  } catch {
+  }
+  if (typeof document === "undefined") return false;
+  const previous = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+  const textarea = document.createElement("textarea");
+  try {
+    textarea.value = text;
+    textarea.setAttribute("readonly", "");
+    textarea.setAttribute("aria-hidden", "true");
+    textarea.style.position = "fixed";
+    textarea.style.opacity = "0";
+    textarea.style.pointerEvents = "none";
+    document.body.appendChild(textarea);
+    textarea.select();
+    return typeof document.execCommand === "function" ? document.execCommand("copy") : false;
+  } catch {
+    return false;
+  } finally {
+    textarea.remove();
+    previous?.focus();
+  }
+}
+
+// src/react/internal/copy-button.tsx
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+function CopyButton({ text, label, copiedLabel, failedLabel, onCopied, ...props }) {
+  const [status, setStatus] = useTransientState("idle");
+  const statusId = useId();
+  const handleClick = useCallback3(async () => {
+    const value = typeof text === "function" ? text() : text;
+    const ok = await writeToClipboard(value);
+    setStatus(ok ? "copied" : "failed");
+    if (ok) onCopied?.(value);
+  }, [text, onCopied, setStatus]);
+  return /* @__PURE__ */ jsxs6("span", { "data-kit": "ai-copy", "data-state": status, children: [
+    /* @__PURE__ */ jsx7(
+      IconButton2,
+      {
+        variant: "ghost",
+        tone: "neutral",
+        size: "sm",
+        ...props,
+        label,
+        "aria-describedby": statusId,
+        onClick: () => {
+          void handleClick();
+        },
+        children: /* @__PURE__ */ jsx7(Icon2, { name: status === "copied" ? "check" : "copy", size: 16 })
+      }
+    ),
+    /* @__PURE__ */ jsx7(VisuallyHidden2, { id: statusId, role: "status", "aria-live": "polite", "aria-atomic": "true", children: status === "copied" ? copiedLabel : status === "failed" ? failedLabel : "" })
+  ] });
+}
+
+// src/react/internal/json-view.tsx
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+function safeStringify(value, space = 2) {
+  if (typeof value === "string") return value;
+  const seen = /* @__PURE__ */ new WeakSet();
+  try {
+    const json = JSON.stringify(
+      value,
+      (_key, entry) => {
+        if (typeof entry === "bigint") return `${entry.toString()}n`;
+        if (typeof entry === "function" || typeof entry === "symbol") return String(entry);
+        if (typeof entry === "object" && entry !== null) {
+          if (seen.has(entry)) return "[Circular]";
+          seen.add(entry);
+        }
+        return entry;
+      },
+      space
+    );
+    return json ?? "null";
+  } catch {
+    return String(value);
+  }
+}
+function JsonView({ value, label, maxChars = 4e3, messages: override }) {
+  const messages = useAiMessages(override);
+  const [expanded, setExpanded] = useState3(false);
+  const preRef = useRef3(null);
+  const text = safeStringify(value);
+  const folded = !expanded && text.length > maxChars;
+  const shown = folded ? text.slice(0, maxChars) : text;
+  const overflowing = useHorizontalOverflow(preRef, shown);
+  return /* @__PURE__ */ jsxs7("div", { "data-kit": "ai-json-view", dir: "ltr", role: "group", "aria-label": label, children: [
+    /* @__PURE__ */ jsxs7("div", { "data-kit": "ai-json-view-header", children: [
+      /* @__PURE__ */ jsx8("span", { "data-kit": "ai-json-view-label", "aria-hidden": "true", children: label }),
+      /* @__PURE__ */ jsx8(
+        CopyButton,
+        {
+          text,
+          label: messages.copyJson,
+          copiedLabel: messages.copied,
+          failedLabel: messages.copyFailed
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx8("pre", { ref: preRef, tabIndex: overflowing ? 0 : void 0, children: /* @__PURE__ */ jsx8("code", { children: shown }) }),
+    text.length > maxChars ? /* @__PURE__ */ jsx8(
+      Button3,
+      {
+        variant: "ghost",
+        tone: "neutral",
+        size: "xs",
+        "aria-expanded": !folded,
+        onClick: () => setExpanded((open) => !open),
+        children: folded ? messages.showMore(text.length - maxChars) : messages.showLess
+      }
+    ) : null
+  ] });
+}
+
+// src/react/internal/use-autosize.ts
+import { useLayoutEffect as useLayoutEffect3 } from "react";
+function useAutosize(ref, value) {
+  useLayoutEffect3(() => {
+    const element = ref.current;
+    if (!element) return;
+    const fit = () => {
+      element.style.setProperty("--_ai-height", "auto");
+      const chrome = element.offsetHeight - element.clientHeight;
+      const next = element.scrollHeight + Math.max(0, chrome);
+      element.style.setProperty("--_ai-height", next > 0 ? `${next}px` : "auto");
+    };
+    fit();
+    if (typeof ResizeObserver === "undefined") return;
+    let lastWidth = element.clientWidth;
+    const observer = new ResizeObserver(() => {
+      if (element.clientWidth !== lastWidth) {
+        lastWidth = element.clientWidth;
+        fit();
+      }
+    });
+    observer.observe(element);
+    return () => observer.disconnect();
+  }, [ref, value]);
+}
+
+// src/react/markdown.tsx
+import { VisuallyHidden as VisuallyHidden4 } from "@x12i/ui";
+import {
+  createContext as createContext3,
+  createElement,
+  memo,
+  useContext as useContext3,
+  useId as useId4,
+  useMemo as useMemo3,
+  useRef as useRef6
+} from "react";
+import ReactMarkdown from "react-markdown";
+import remarkGfm from "remark-gfm";
+
+// src/react/code-block.tsx
+import { useRef as useRef4 } from "react";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+function CodeBlock({ code, language = "", onCopied, messages: override, className, ref, ...props }) {
+  const messages = useAiMessages(override);
+  const preRef = useRef4(null);
+  const overflowing = useHorizontalOverflow(preRef, code);
+  return /* @__PURE__ */ jsxs8(
+    "div",
+    {
+      ...props,
+      ref,
+      "data-kit": "ai-code-block",
+      "data-language": language === "" ? void 0 : language,
+      dir: "ltr",
+      role: "group",
+      "aria-label": messages.codeBlock(language),
+      className: cx(className),
+      children: [
+        /* @__PURE__ */ jsxs8("div", { "data-kit": "ai-code-block-header", children: [
+          /* @__PURE__ */ jsx9("span", { "data-kit": "ai-code-block-language", "aria-hidden": "true", children: language === "" ? messages.plainText : language }),
+          /* @__PURE__ */ jsx9(
+            CopyButton,
+            {
+              text: code,
+              label: messages.copyCode,
+              copiedLabel: messages.codeCopied,
+              failedLabel: messages.copyFailed,
+              onCopied
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx9("pre", { ref: preRef, tabIndex: overflowing ? 0 : void 0, children: /* @__PURE__ */ jsx9("code", { className: language === "" ? void 0 : `language-${language}`, children: code }) })
+      ]
+    }
+  );
+}
+
+// src/react/sources.tsx
+import { Icon as Icon3 } from "@x12i/icons";
+import { Badge, VisuallyHidden as VisuallyHidden3 } from "@x12i/ui";
+import {
+  createContext as createContext2,
+  useCallback as useCallback4,
+  useContext as useContext2,
+  useEffect as useEffect3,
+  useId as useId3,
+  useMemo as useMemo2,
+  useRef as useRef5,
+  useState as useState4
+} from "react";
+
+// src/react/internal/disclosure.ts
+import { useId as useId2 } from "react";
+function useDisclosure({ open, defaultOpen = false, onOpenChange } = {}) {
+  const [current, setOpen] = useControllableState({ value: open, defaultValue: defaultOpen, onChange: onOpenChange });
+  const base = useId2();
+  const triggerId = `${base}-trigger`;
+  const panelId = `${base}-panel`;
+  const state = current ? "open" : "closed";
+  return {
+    open: current,
+    setOpen,
+    toggle: () => setOpen(!current),
+    triggerProps: {
+      id: triggerId,
+      type: "button",
+      "aria-expanded": current,
+      "aria-controls": panelId,
+      "data-state": state,
+      onClick: () => setOpen(!current)
+    },
+    panelProps: {
+      id: panelId,
+      hidden: !current,
+      "data-state": state
+    }
+  };
+}
+
+// src/react/sources.tsx
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+var SourcesContext = createContext2(null);
+function useSourcesContext() {
+  return useContext2(SourcesContext);
+}
+function sourceDomId(baseId, index) {
+  return `${baseId}-source-${index}`;
+}
+function SourcesProvider({ sources, children }) {
+  const baseId = useId3();
+  const handlers = useRef5(/* @__PURE__ */ new Set());
+  const register = useCallback4((handler) => {
+    handlers.current.add(handler);
+    return () => {
+      handlers.current.delete(handler);
+    };
+  }, []);
+  const reveal = useCallback4((index) => {
+    if (handlers.current.size === 0) return false;
+    handlers.current.forEach((handler) => handler(index));
+    return true;
+  }, []);
+  const value = useMemo2(() => ({ baseId, sources, reveal, register }), [baseId, sources, reveal, register]);
+  return /* @__PURE__ */ jsx10(SourcesContext.Provider, { value, children });
+}
+function Citation({ index, source: sourceProp, messages: override, className, onClick, ref, ...props }) {
+  const messages = useAiMessages(override);
+  const ambient = useSourcesContext();
+  const context = sourceProp ? null : ambient;
+  const source = sourceProp ?? context?.sources[index - 1];
+  const title = source?.title ?? "";
+  const label = messages.citationLabel(index, title);
+  const handleClick = (event) => {
+    onClick?.(event);
+    if (event.defaultPrevented || !context) return;
+    if (context.reveal(index)) event.preventDefault();
+  };
+  if (context && source) {
+    return /* @__PURE__ */ jsx10(
+      "a",
+      {
+        ...props,
+        ref,
+        "data-kit": "ai-citation",
+        className: cx(className),
+        href: `#${sourceDomId(context.baseId, index)}`,
+        "aria-label": label,
+        onClick: handleClick,
+        children: index
+      }
+    );
+  }
+  const url = source ? sanitizeUrl(source.url, { allowRelative: false }) : null;
+  if (url) {
+    return /* @__PURE__ */ jsx10(
+      "a",
+      {
+        ...props,
+        ref,
+        "data-kit": "ai-citation",
+        className: cx(className),
+        href: url,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        "aria-label": `${label} (${messages.opensInNewTab})`,
+        onClick,
+        children: index
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx10("span", { "data-kit": "ai-citation", "data-inert": "", className: cx(className), "aria-label": source ? label : void 0, children: index });
+}
+function SourceCard({ source, index, id, messages: override, className, ref, ...props }) {
+  const messages = useAiMessages(override);
+  const url = sanitizeUrl(source.url, { allowRelative: false });
+  const host = url ? getUrlHostname(url) : null;
+  return /* @__PURE__ */ jsxs9(
+    "li",
+    {
+      ...props,
+      ref,
+      id,
+      tabIndex: -1,
+      "data-kit": "ai-source",
+      className: cx(className),
+      children: [
+        /* @__PURE__ */ jsx10("span", { "data-kit": "ai-source-index", "aria-hidden": "true", children: index }),
+        /* @__PURE__ */ jsxs9("div", { "data-kit": "ai-source-body", children: [
+          url ? /* @__PURE__ */ jsxs9("a", { "data-kit": "ai-source-link", href: url, target: "_blank", rel: "noopener noreferrer", dir: "auto", children: [
+            source.title,
+            /* @__PURE__ */ jsx10(Icon3, { name: "external-link", size: 12 }),
+            /* @__PURE__ */ jsxs9(VisuallyHidden3, { children: [
+              " (",
+              messages.opensInNewTab,
+              ")"
+            ] })
+          ] }) : /* @__PURE__ */ jsxs9("span", { "data-kit": "ai-source-link", "data-inert": "", dir: "auto", children: [
+            source.title,
+            /* @__PURE__ */ jsxs9(VisuallyHidden3, { children: [
+              " (",
+              messages.noLink,
+              ")"
+            ] })
+          ] }),
+          host ? /* @__PURE__ */ jsx10("span", { "data-kit": "ai-source-host", dir: "ltr", children: host }) : null,
+          source.snippet ? /* @__PURE__ */ jsx10("p", { "data-kit": "ai-source-snippet", dir: "auto", children: source.snippet }) : null
+        ] })
+      ]
+    }
+  );
+}
+function Sources({ sources: sourcesProp, open, defaultOpen = false, onOpenChange, messages: override, className, ref, ...props }) {
+  const messages = useAiMessages(override);
+  const context = useSourcesContext();
+  const sources = sourcesProp ?? context?.sources ?? [];
+  const ownId = useId3();
+  const baseId = context?.baseId ?? ownId;
+  const disclosure = useDisclosure({ open, defaultOpen, onOpenChange });
+  const [target, setTarget] = useState4(null);
+  const { setOpen } = disclosure;
+  useEffect3(() => {
+    if (!context) return;
+    return context.register((index) => {
+      setOpen(true);
+      setTarget((previous) => ({ index, nonce: (previous?.nonce ?? 0) + 1 }));
+    });
+  }, [context, setOpen]);
+  useEffect3(() => {
+    if (!target || !disclosure.open) return;
+    const element = document.getElementById(sourceDomId(baseId, target.index));
+    element?.focus();
+    element?.scrollIntoView?.({ block: "nearest" });
+  }, [target, disclosure.open, baseId]);
+  if (sources.length === 0) return null;
+  return /* @__PURE__ */ jsxs9("div", { ...props, ref, "data-kit": "ai-sources", "data-state": disclosure.open ? "open" : "closed", className: cx(className), children: [
+    /* @__PURE__ */ jsxs9("button", { ...disclosure.triggerProps, "data-kit": "ai-sources-trigger", children: [
+      /* @__PURE__ */ jsx10("span", { children: messages.sources }),
+      /* @__PURE__ */ jsx10(Badge, { size: "sm", title: messages.sourcesCount(sources.length), children: sources.length }),
+      /* @__PURE__ */ jsx10(Icon3, { name: disclosure.open ? "chevron-up" : "chevron-down", size: 16 })
+    ] }),
+    /* @__PURE__ */ jsx10("div", { ...disclosure.panelProps, "data-kit": "ai-sources-panel", children: disclosure.open ? /* @__PURE__ */ jsx10("ol", { role: "list", "data-kit": "ai-sources-list", children: sources.map((source, position) => /* @__PURE__ */ jsx10(
+      SourceCard,
+      {
+        source,
+        index: position + 1,
+        id: sourceDomId(baseId, position + 1),
+        messages: override
+      },
+      source.id
+    )) }) : null })
+  ] });
+}
+
+// src/react/markdown.tsx
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+var ConfigContext = createContext3(null);
+function useConfig() {
+  const config = useContext3(ConfigContext);
+  if (!config) throw new Error("@x12i/ai: Markdown elements must render inside <Markdown>.");
+  return config;
+}
+var SKIP_CITATIONS_IN = /* @__PURE__ */ new Set(["link", "linkReference", "code", "inlineCode", "definition", "html", "image", "imageReference"]);
+function citationNode(n) {
+  return {
+    type: "citation",
+    data: { hName: "span", hProperties: { dataCitation: String(n) } },
+    children: [{ type: "text", value: String(n) }]
+  };
+}
+function collectDefinitions(node, into) {
+  if (node.type === "definition" && node.identifier) into.add(node.identifier.toLowerCase());
+  node.children?.forEach((child) => collectDefinitions(child, into));
+}
+function createCitationTransform(maxIndex) {
+  return () => (tree) => {
+    const definitions = /* @__PURE__ */ new Set();
+    collectDefinitions(tree, definitions);
+    const visit = (node) => {
+      if (!node.children) return;
+      const next = [];
+      for (const child of node.children) {
+        let raw = null;
+        if (child.type === "text" && typeof child.value === "string" && child.value.includes("[")) {
+          raw = child.value;
+        } else if (child.type === "linkReference" && child.referenceType === "shortcut" && !definitions.has((child.identifier ?? "").toLowerCase()) && typeof child.label === "string") {
+          raw = `[${child.label}]`;
+        }
+        if (raw !== null) {
+          const segments = parseCitations(raw, { maxIndex });
+          if (segments.some((segment) => segment.type === "citation")) {
+            for (const segment of segments) {
+              if (segment.type === "text") next.push({ type: "text", value: segment.text });
+              else for (const n of segment.numbers) next.push(citationNode(n));
+            }
+            continue;
+          }
+        }
+        if (!SKIP_CITATIONS_IN.has(child.type)) visit(child);
+        next.push(child);
+      }
+      node.children = next;
+    };
+    visit(tree);
+  };
+}
+var BASE_PLUGINS = [remarkGfm];
+var citationPlugins = /* @__PURE__ */ new Map();
+function pluginsFor(maxIndex) {
+  if (maxIndex <= 0) return BASE_PLUGINS;
+  let plugins = citationPlugins.get(maxIndex);
+  if (!plugins) {
+    plugins = [remarkGfm, createCitationTransform(maxIndex)];
+    citationPlugins.set(maxIndex, plugins);
+  }
+  return plugins;
+}
+function urlTransform(url, key) {
+  if (key === "src") return sanitizeImageUrl(url, { allowDataImages: true }) ?? "";
+  return sanitizeUrl(url) ?? "";
+}
+function withoutNode(props) {
+  const rest = { ...props };
+  delete rest.node;
+  return rest;
+}
+function textOf(node) {
+  if (!node) return "";
+  if (node.type === "text") return node.value;
+  if (node.type === "element") return node.children.map(textOf).join("");
+  return "";
+}
+function Link(raw) {
+  const { href, children, onClick, ...props } = withoutNode(raw);
+  const config = useConfig();
+  const url = sanitizeUrl(href);
+  if (!url) {
+    return /* @__PURE__ */ jsx11("span", { "data-kit": "ai-markdown-link", "data-blocked": "", children });
+  }
+  const isFragment = url.startsWith("#");
+  const isContact = /^(?:mailto|tel):/i.test(url);
+  const opensNewTab = !isFragment && !isContact;
+  const anchorProps = { ...props, href: url };
+  if (anchorProps["aria-describedby"] === "footnote-label") {
+    anchorProps["aria-describedby"] = `${config.idPrefix}footnote-label`;
+  }
+  return /* @__PURE__ */ jsxs10(
+    "a",
+    {
+      ...anchorProps,
+      "data-kit": "ai-markdown-link",
+      "data-external": opensNewTab && isExternalUrl(url) ? "" : void 0,
+      target: opensNewTab ? "_blank" : void 0,
+      rel: isFragment ? void 0 : "noopener noreferrer",
+      onClick: (event) => {
+        onClick?.(event);
+        config.onLinkClick?.(event, url);
+      },
+      children: [
+        children,
+        opensNewTab ? /* @__PURE__ */ jsxs10(VisuallyHidden4, { children: [
+          " (",
+          config.messages.opensInNewTab,
+          ")"
+        ] }) : null
+      ]
+    }
+  );
+}
+function Image({ src, alt, title }) {
+  const config = useConfig();
+  const altText = alt ?? "";
+  let url = typeof src === "string" ? src : null;
+  if (url !== null && config.transformImageUrl) url = config.transformImageUrl(url) ?? null;
+  const safe = url === null ? null : sanitizeImageUrl(url, { allowDataImages: config.allowDataImages });
+  const blocked = config.images === "none" || safe === null || safe.startsWith("data:") && config.images !== "inline";
+  if (blocked || safe === null) {
+    return /* @__PURE__ */ jsx11("span", { "data-kit": "ai-markdown-image", "data-blocked": "", dir: "auto", children: altText === "" ? config.messages.imageBlocked : altText });
+  }
+  if (config.images === "link") {
+    return /* @__PURE__ */ jsxs10("a", { "data-kit": "ai-markdown-link", href: safe, target: "_blank", rel: "noopener noreferrer", dir: "auto", children: [
+      altText === "" ? safe : altText,
+      /* @__PURE__ */ jsxs10(VisuallyHidden4, { children: [
+        " (",
+        config.messages.opensInNewTab,
+        ")"
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsx11(
+    "img",
+    {
+      "data-kit": "ai-markdown-image",
+      src: safe,
+      alt: altText,
+      title,
+      loading: "lazy",
+      decoding: "async",
+      referrerPolicy: "no-referrer"
+    }
+  );
+}
+function Pre({ node, children }) {
+  const config = useConfig();
+  const codeElement = node?.children.find(
+    (child) => child.type === "element" && child.tagName === "code"
+  );
+  if (!codeElement) return /* @__PURE__ */ jsx11("pre", { children });
+  const classNames = codeElement.properties?.className;
+  const classList = Array.isArray(classNames) ? classNames.map(String) : [];
+  const language = classList.find((name) => name.startsWith("language-"))?.slice("language-".length) ?? "";
+  const code = textOf(codeElement).replace(/\n$/, "");
+  return /* @__PURE__ */ jsx11(
+    CodeBlock,
+    {
+      code,
+      language,
+      messages: config.override,
+      onCopied: config.onCopyCode ? (copied) => config.onCopyCode?.(copied, language) : void 0
+    }
+  );
+}
+function Table(raw) {
+  const { children, ...props } = withoutNode(raw);
+  const { messages } = useConfig();
+  const ref = useRef6(null);
+  const overflowing = useHorizontalOverflow(ref, children);
+  return /* @__PURE__ */ jsx11(
+    "div",
+    {
+      ref,
+      "data-kit": "ai-markdown-table",
+      role: overflowing ? "group" : void 0,
+      "aria-label": overflowing ? messages.table : void 0,
+      tabIndex: overflowing ? 0 : void 0,
+      children: /* @__PURE__ */ jsx11("table", { ...props, children })
+    }
+  );
+}
+function Input(raw) {
+  const { checked, ...props } = withoutNode(raw);
+  const { messages } = useConfig();
+  if (props.type !== "checkbox") return null;
+  return /* @__PURE__ */ jsx11(
+    "input",
+    {
+      ...props,
+      type: "checkbox",
+      checked: Boolean(checked),
+      disabled: true,
+      readOnly: true,
+      "aria-label": checked ? messages.taskDone : messages.taskTodo
+    }
+  );
+}
+function Span(raw) {
+  const { children, ...props } = withoutNode(raw);
+  const config = useConfig();
+  const citation = props["data-citation"];
+  if (typeof citation === "string") {
+    const index = Number(citation);
+    if (Number.isInteger(index) && index > 0) {
+      return /* @__PURE__ */ jsx11(Citation, { index, source: config.sources?.[index - 1], messages: config.override });
+    }
+  }
+  return /* @__PURE__ */ jsx11("span", { ...props, children });
+}
+function makeHeading(level) {
+  function Heading(raw) {
+    const { children, ...props } = withoutNode(raw);
+    const config = useConfig();
+    const tag = `h${Math.min(6, level + Math.max(0, config.headingOffset))}`;
+    const isFootnoteLabel = props.id === "footnote-label";
+    return createElement(
+      tag,
+      {
+        ...props,
+        id: isFootnoteLabel ? `${config.idPrefix}footnote-label` : props.id,
+        dir: "auto",
+        "data-footnote-label": isFootnoteLabel ? "" : void 0
+      },
+      children
+    );
+  }
+  Heading.displayName = `MarkdownHeading${level}`;
+  return Heading;
+}
+function Paragraph(props) {
+  return /* @__PURE__ */ jsx11("p", { ...withoutNode(props), dir: "auto" });
+}
+function ListItem(props) {
+  return /* @__PURE__ */ jsx11("li", { ...withoutNode(props), dir: "auto" });
+}
+function UnorderedList(props) {
+  return /* @__PURE__ */ jsx11("ul", { ...withoutNode(props), dir: "auto" });
+}
+function OrderedList(props) {
+  return /* @__PURE__ */ jsx11("ol", { ...withoutNode(props), dir: "auto" });
+}
+function Blockquote(props) {
+  return /* @__PURE__ */ jsx11("blockquote", { ...withoutNode(props), dir: "auto" });
+}
+function TableCell(props) {
+  return /* @__PURE__ */ jsx11("td", { ...withoutNode(props), dir: "auto" });
+}
+function TableHeaderCell(props) {
+  return /* @__PURE__ */ jsx11("th", { ...withoutNode(props), dir: "auto" });
+}
+var COMPONENTS = {
+  a: Link,
+  img: Image,
+  pre: Pre,
+  table: Table,
+  input: Input,
+  span: Span,
+  h1: makeHeading(1),
+  h2: makeHeading(2),
+  h3: makeHeading(3),
+  h4: makeHeading(4),
+  h5: makeHeading(5),
+  h6: makeHeading(6),
+  p: Paragraph,
+  li: ListItem,
+  ul: UnorderedList,
+  ol: OrderedList,
+  blockquote: Blockquote,
+  td: TableCell,
+  th: TableHeaderCell
+};
+var MarkdownBlock = memo(function MarkdownBlock2({
+  markdown,
+  maxIndex,
+  footnoteLabel,
+  footnoteBackLabel,
+  clobberPrefix
+}) {
+  const remarkRehypeOptions = useMemo3(
+    () => ({ footnoteLabel, footnoteBackLabel, clobberPrefix, footnoteLabelProperties: {} }),
+    [footnoteLabel, footnoteBackLabel, clobberPrefix]
+  );
+  return /* @__PURE__ */ jsx11(
+    ReactMarkdown,
+    {
+      skipHtml: true,
+      remarkPlugins: pluginsFor(maxIndex),
+      components: COMPONENTS,
+      urlTransform,
+      remarkRehypeOptions,
+      children: markdown
+    }
+  );
+});
+function Markdown({
+  children,
+  streaming = false,
+  headingOffset = 2,
+  images = "link",
+  allowDataImages = false,
+  transformImageUrl,
+  citations,
+  sources,
+  onLinkClick,
+  onCopyCode,
+  messages: override,
+  className,
+  ref,
+  ...props
+}) {
+  const messages = useAiMessages(override);
+  const sourcesContext = useSourcesContext();
+  const instanceId = useId4();
+  const sourceCount = (sources ?? sourcesContext?.sources)?.length ?? 0;
+  const maxIndex = citations ?? sourceCount > 0 ? sourceCount : 0;
+  const idPrefix = `${instanceId}-`;
+  const config = useMemo3(
+    () => ({
+      messages,
+      override,
+      images,
+      allowDataImages,
+      transformImageUrl,
+      headingOffset,
+      idPrefix,
+      onLinkClick,
+      onCopyCode,
+      sources
+    }),
+    [messages, override, images, allowDataImages, transformImageUrl, headingOffset, idPrefix, onLinkClick, onCopyCode, sources]
+  );
+  const blocks = useMemo3(() => splitMarkdownBlocks(children), [children]);
+  let content = null;
+  if (blocks.length > 0) {
+    content = blocks.map((block, position) => /* @__PURE__ */ jsx11(
+      MarkdownBlock,
+      {
+        markdown: block,
+        maxIndex,
+        footnoteLabel: messages.footnotes,
+        footnoteBackLabel: messages.footnoteBack,
+        clobberPrefix: idPrefix
+      },
+      position
+    ));
+  }
+  return /* @__PURE__ */ jsx11(
+    "div",
+    {
+      ...props,
+      ref,
+      "data-kit": "ai-markdown",
+      "data-streaming": streaming ? "" : void 0,
+      className: cx(className),
+      children: /* @__PURE__ */ jsx11(ConfigContext.Provider, { value: config, children: content })
+    }
+  );
+}
+
+// src/react/reasoning.tsx
+import { Icon as Icon4 } from "@x12i/icons";
+import { Spinner } from "@x12i/ui";
+import { useEffect as useEffect4, useRef as useRef7 } from "react";
+import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+function Reasoning({
+  text,
+  streaming = false,
+  durationMs,
+  open: openProp,
+  defaultOpen,
+  onOpenChange,
+  locale,
+  messages: override,
+  className,
+  ref,
+  ...props
+}) {
+  const messages = useAiMessages(override);
+  const [open, setOpen] = useControllableState({
+    value: openProp,
+    defaultValue: defaultOpen ?? streaming,
+    onChange: onOpenChange
+  });
+  const userChoice = useRef7(false);
+  const wasStreaming = useRef7(streaming);
+  useEffect4(() => {
+    if (wasStreaming.current && !streaming && !userChoice.current) setOpen(false);
+    if (!wasStreaming.current && streaming && !userChoice.current) setOpen(true);
+    wasStreaming.current = streaming;
+  }, [streaming, setOpen]);
+  const disclosure = useDisclosure({
+    open,
+    onOpenChange: (next) => {
+      userChoice.current = true;
+      setOpen(next);
+    }
+  });
+  const title = streaming ? messages.thinking : durationMs !== void 0 ? messages.thoughtFor(formatDuration(durationMs, locale)) : messages.thought;
+  return /* @__PURE__ */ jsxs11(
+    "div",
+    {
+      ...props,
+      ref,
+      "data-kit": "ai-reasoning",
+      "data-state": disclosure.open ? "open" : "closed",
+      "data-streaming": streaming ? "" : void 0,
+      className: cx(className),
+      children: [
+        /* @__PURE__ */ jsxs11("button", { ...disclosure.triggerProps, "data-kit": "ai-reasoning-trigger", children: [
+          streaming ? /* @__PURE__ */ jsx12(Spinner, { size: "sm" }) : /* @__PURE__ */ jsx12(SparklesGlyph, { size: "sm" }),
+          /* @__PURE__ */ jsx12("span", { "data-kit": "ai-reasoning-title", children: title }),
+          /* @__PURE__ */ jsx12(Icon4, { name: disclosure.open ? "chevron-up" : "chevron-down", size: 16 })
+        ] }),
+        /* @__PURE__ */ jsx12("div", { ...disclosure.panelProps, "data-kit": "ai-reasoning-panel", "aria-live": "off", children: disclosure.open ? /* @__PURE__ */ jsx12(Markdown, { streaming, headingOffset: 3, messages: override, images: "none", citations: false, children: text }) : null })
+      ]
+    }
+  );
+}
+
+// src/react/streaming-indicator.tsx
+import { VisuallyHidden as VisuallyHidden5 } from "@x12i/ui";
+import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+function StreamingIndicator({ label, messages: override, className, ref, ...props }) {
+  const messages = useAiMessages(override);
+  return /* @__PURE__ */ jsxs12("span", { ...props, ref, "data-kit": "ai-streaming-indicator", className: cx(className), children: [
+    /* @__PURE__ */ jsx13("span", { "data-kit": "ai-streaming-dot", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx13("span", { "data-kit": "ai-streaming-dot", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx13("span", { "data-kit": "ai-streaming-dot", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx13(VisuallyHidden5, { children: label ?? messages.thinkingIndicator })
+  ] });
+}
+
+// src/react/tool-call.tsx
+import { Icon as Icon5 } from "@x12i/icons";
+import { Badge as Badge2, Spinner as Spinner2, VisuallyHidden as VisuallyHidden6 } from "@x12i/ui";
+
+// src/react/approval-prompt.tsx
+import { Button as Button4 } from "@x12i/ui";
+import {
+  useId as useId5,
+  useLayoutEffect as useLayoutEffect4,
+  useRef as useRef8
+} from "react";
+import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
+var THREAD_SELECTOR = '[data-kit="ai-chat-thread"]';
+var CONVERSATION_SELECTOR = '[data-kit="ai-conversation"]';
+function findScope(element) {
+  return element.closest(THREAD_SELECTOR) ?? element.closest(CONVERSATION_SELECTOR);
+}
+function ApprovalPrompt({
+  toolName,
+  input,
+  prompt,
+  onApprove,
+  onDeny,
+  autoFocus = true,
+  returnFocusTo,
+  allowReason = true,
+  renderInput,
+  messages: override,
+  className,
+  ref,
+  ...props
+}) {
+  const messages = useAiMessages(override);
+  const rootRef = useRef8(null);
+  const reasonRef = useRef8(null);
+  const previousFocus = useRef8(null);
+  const titleId = useId5();
+  const descriptionId = useId5();
+  const reasonId = useId5();
+  useLayoutEffect4(() => {
+    const root = rootRef.current;
+    if (!root || !autoFocus) return;
+    const active = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+    const scope = findScope(root);
+    const unrelated = active !== null && active !== document.body && scope !== null && !scope.contains(active);
+    if (unrelated) return;
+    previousFocus.current = active !== null && active !== document.body && !root.contains(active) ? active : null;
+    root.focus();
+  }, []);
+  const restoreFocus = () => {
+    const root = rootRef.current;
+    const explicit = typeof returnFocusTo === "function" ? returnFocusTo() : returnFocusTo?.current;
+    const fallback = root?.closest(THREAD_SELECTOR)?.querySelector('[data-kit="ai-prompt-textarea"]') ?? null;
+    const target = [explicit, previousFocus.current, fallback].find(
+      (element) => element instanceof HTMLElement && element.isConnected && !root?.contains(element)
+    );
+    target?.focus();
+  };
+  const decide = (decision) => {
+    const reason = reasonRef.current?.value.trim();
+    const value = reason === "" ? void 0 : reason;
+    if (decision === "approve") onApprove(value);
+    else onDeny(value);
+    restoreFocus();
+  };
+  return /* @__PURE__ */ jsxs13(
+    "div",
+    {
+      ...props,
+      ref: (node) => {
+        rootRef.current = node;
+        if (typeof ref === "function") ref(node);
+        else if (ref) ref.current = node;
+      },
+      role: "group",
+      tabIndex: -1,
+      "aria-labelledby": titleId,
+      "aria-describedby": descriptionId,
+      "data-kit": "ai-approval-prompt",
+      className: cx(className),
+      children: [
+        /* @__PURE__ */ jsx14("p", { "data-kit": "ai-approval-title", id: titleId, dir: "auto", children: messages.approvalTitle(toolName) }),
+        /* @__PURE__ */ jsx14("p", { "data-kit": "ai-approval-description", id: descriptionId, dir: "auto", children: prompt ?? messages.approvalDescription }),
+        /* @__PURE__ */ jsx14("div", { "data-kit": "ai-approval-action", children: renderInput ? renderInput(input) : input === void 0 ? /* @__PURE__ */ jsx14("p", { "data-kit": "ai-approval-no-input", children: messages.noInput }) : /* @__PURE__ */ jsx14(JsonView, { value: input, label: messages.approvalAction, messages: override }) }),
+        allowReason ? /* @__PURE__ */ jsxs13("div", { "data-kit": "ai-approval-reason", children: [
+          /* @__PURE__ */ jsx14("label", { htmlFor: reasonId, children: messages.reasonLabel }),
+          /* @__PURE__ */ jsx14(
+            "input",
+            {
+              ref: reasonRef,
+              id: reasonId,
+              type: "text",
+              dir: "auto",
+              autoComplete: "off",
+              placeholder: messages.reasonPlaceholder
+            }
+          )
+        ] }) : null,
+        /* @__PURE__ */ jsxs13("div", { "data-kit": "ai-approval-buttons", children: [
+          /* @__PURE__ */ jsx14(Button4, { variant: "solid", tone: "accent", size: "sm", "aria-label": messages.approveLabel(toolName), onClick: () => decide("approve"), children: messages.approve }),
+          /* @__PURE__ */ jsx14(Button4, { variant: "outline", tone: "neutral", size: "sm", "aria-label": messages.denyLabel(toolName), onClick: () => decide("deny"), children: messages.deny })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/react/tool-call.tsx
+import { Fragment as Fragment2, jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
+var STATE_TONE = {
+  queued: "neutral",
+  running: "info",
+  "needs-approval": "warning",
+  approved: "accent",
+  denied: "danger",
+  succeeded: "success",
+  failed: "danger"
+};
+function ToolCall({
+  part,
+  open,
+  defaultOpen = false,
+  onOpenChange,
+  onDecision,
+  renderInput,
+  renderOutput,
+  locale,
+  messages: override,
+  className,
+  ref,
+  ...props
+}) {
+  const messages = useAiMessages(override);
+  const disclosure = useDisclosure({ open, defaultOpen, onOpenChange });
+  const aborted = part.state === "failed" && part.errorCode === "aborted";
+  const hasInput = part.input !== void 0;
+  const hasOutput = part.output !== void 0;
+  const failedMessage = part.state === "failed" ? aborted ? messages.toolAborted : part.error : void 0;
+  const live = part.state === "running" || part.state === "queued";
+  const needsDecision = part.state === "needs-approval" && onDecision !== void 0;
+  return /* @__PURE__ */ jsxs14(
+    "div",
+    {
+      ...props,
+      ref,
+      role: "group",
+      "aria-label": messages.toolCall(part.name),
+      "data-kit": "ai-tool-call",
+      "data-state": part.state,
+      "data-open": disclosure.open ? "" : void 0,
+      className: cx(className),
+      children: [
+        /* @__PURE__ */ jsxs14("button", { ...disclosure.triggerProps, "data-kit": "ai-tool-call-trigger", children: [
+          /* @__PURE__ */ jsx15(WrenchGlyph, { size: "sm" }),
+          /* @__PURE__ */ jsx15("span", { "data-kit": "ai-tool-call-name", dir: "ltr", children: part.name }),
+          /* @__PURE__ */ jsxs14(Badge2, { tone: STATE_TONE[part.state], size: "sm", children: [
+            live ? /* @__PURE__ */ jsx15(Spinner2, { size: "xs" }) : null,
+            messages.toolStates[part.state]
+          ] }),
+          part.durationMs !== void 0 ? /* @__PURE__ */ jsx15("span", { "data-kit": "ai-tool-call-duration", children: formatDuration(part.durationMs, locale) }) : null,
+          /* @__PURE__ */ jsx15(Icon5, { name: disclosure.open ? "chevron-up" : "chevron-down", size: 16 })
+        ] }),
+        failedMessage ? /* @__PURE__ */ jsxs14("p", { "data-kit": "ai-tool-call-error", "data-aborted": aborted ? "" : void 0, dir: "auto", children: [
+          /* @__PURE__ */ jsxs14(VisuallyHidden6, { children: [
+            messages.toolError,
+            ": "
+          ] }),
+          failedMessage
+        ] }) : null,
+        needsDecision ? /* @__PURE__ */ jsx15(
+          ApprovalPrompt,
+          {
+            toolName: part.name,
+            input: part.input,
+            prompt: part.approval?.prompt,
+            renderInput: renderInput ? (input) => renderInput(input, part) : void 0,
+            messages: override,
+            onApprove: (reason) => onDecision?.(part.id, "approve", reason),
+            onDeny: (reason) => onDecision?.(part.id, "deny", reason)
+          }
+        ) : null,
+        part.state === "denied" && part.approval?.reason ? /* @__PURE__ */ jsx15("p", { "data-kit": "ai-tool-call-note", dir: "auto", children: part.approval.reason }) : null,
+        /* @__PURE__ */ jsx15("div", { ...disclosure.panelProps, "data-kit": "ai-tool-call-panel", children: disclosure.open ? /* @__PURE__ */ jsxs14(Fragment2, { children: [
+          hasInput ? renderInput ? renderInput(part.input, part) : /* @__PURE__ */ jsx15(JsonView, { value: part.input, label: messages.toolInput, messages: override }) : /* @__PURE__ */ jsx15("p", { "data-kit": "ai-tool-call-empty", children: messages.noInput }),
+          hasOutput ? renderOutput ? renderOutput(part.output, part) : /* @__PURE__ */ jsx15(JsonView, { value: part.output, label: messages.toolOutput, messages: override }) : part.state === "succeeded" ? /* @__PURE__ */ jsx15("p", { "data-kit": "ai-tool-call-empty", children: messages.noOutput }) : null
+        ] }) : null })
+      ]
+    }
+  );
+}
+
+// src/react/message.tsx
+import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
+function defaultTimestamp(iso, locale) {
+  const date = new Date(iso);
+  if (Number.isNaN(date.getTime())) return iso;
+  return new Intl.DateTimeFormat(locale, { timeStyle: "short" }).format(date);
+}
+function MessageEditor({ initialText, onSubmit, onCancel, messages: override }) {
+  const messages = useAiMessages(override);
+  const [text, setText] = useState5(initialText);
+  const textareaRef = useRef9(null);
+  useAutosize(textareaRef, text);
+  useEffect5(() => {
+    const previous = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+    const textarea = textareaRef.current;
+    textarea?.focus();
+    textarea?.setSelectionRange(textarea.value.length, textarea.value.length);
+    return () => {
+      if (previous?.isConnected) previous.focus();
+    };
+  }, []);
+  const save = () => {
+    const next = text.trim();
+    if (next !== "") onSubmit(next);
+  };
+  const handleKeyDown = (event) => {
+    if (event.nativeEvent.isComposing || event.keyCode === 229) return;
+    if (event.key === "Escape") {
+      event.preventDefault();
+      onCancel();
+    } else if (event.key === "Enter" && (event.ctrlKey || event.metaKey)) {
+      event.preventDefault();
+      save();
+    }
+  };
+  return /* @__PURE__ */ jsxs15("div", { "data-kit": "ai-message-editor", children: [
+    /* @__PURE__ */ jsx16(
+      "textarea",
+      {
+        ref: textareaRef,
+        dir: "auto",
+        rows: 1,
+        value: text,
+        "aria-label": messages.editLabel,
+        onChange: (event) => setText(event.target.value),
+        onKeyDown: handleKeyDown
+      }
+    ),
+    /* @__PURE__ */ jsxs15("div", { "data-kit": "ai-message-editor-actions", children: [
+      /* @__PURE__ */ jsx16(Button5, { variant: "solid", tone: "accent", size: "sm", disabled: text.trim() === "", onClick: save, children: messages.saveEdit }),
+      /* @__PURE__ */ jsx16(Button5, { variant: "ghost", tone: "neutral", size: "sm", onClick: onCancel, children: messages.cancelEdit })
+    ] })
+  ] });
+}
+function Message({
+  message,
+  streaming: streamingProp,
+  avatar,
+  name,
+  showTimestamp = false,
+  formatTimestamp = defaultTimestamp,
+  showUsage = false,
+  locale,
+  renderPart,
+  onToolDecision,
+  onRetry,
+  editing = false,
+  onEditSubmit,
+  onEditCancel,
+  actions,
+  images,
+  messages: override,
+  className,
+  ref,
+  ...props
+}) {
+  const messages = useAiMessages(override);
+  const streaming = streamingProp ?? message.status === "streaming";
+  const role = message.role;
+  const assistant = role === "assistant";
+  const author = name ?? messages.roles[role];
+  const sourceParts = useMemo4(
+    () => message.parts.filter((part) => part.type === "source"),
+    [message.parts]
+  );
+  const edited = message.metadata?.["edited"] === true;
+  const tokens = showUsage && message.usage ? totalTokens(message.usage) : void 0;
+  const context = (index) => ({ message, index, streaming });
+  const renderTextPart = (part, index) => {
+    const isLast = index === message.parts.length - 1;
+    const view = () => assistant ? /* @__PURE__ */ jsx16(Markdown, { streaming: streaming && isLast, images, messages: override, children: part.text }) : /* @__PURE__ */ jsx16("p", { "data-kit": "ai-message-text", dir: "auto", children: part.text });
+    const custom = renderPart?.text?.(part, { ...context(index), defaultRender: view });
+    return custom === void 0 ? view() : custom;
+  };
+  const renderReasoningPart = (part, index) => {
+    const isLast = index === message.parts.length - 1;
+    const view = () => /* @__PURE__ */ jsx16(
+      Reasoning,
+      {
+        text: part.text,
+        durationMs: part.durationMs,
+        streaming: streaming && isLast,
+        locale,
+        messages: override
+      }
+    );
+    const custom = renderPart?.reasoning?.(part, { ...context(index), defaultRender: view });
+    return custom === void 0 ? view() : custom;
+  };
+  const renderToolPart = (part, index) => {
+    const view = () => /* @__PURE__ */ jsx16(ToolCall, { part, onDecision: onToolDecision, locale, messages: override });
+    const custom = renderPart?.tool?.(part, { ...context(index), defaultRender: view });
+    return custom === void 0 ? view() : custom;
+  };
+  const renderDataPart = (part, index) => {
+    const view = () => /* @__PURE__ */ jsx16(JsonView, { value: part.data, label: part.kind, messages: override });
+    const renderer = renderPart?.[`data:${part.kind}`] ?? renderPart?.data;
+    const custom = renderer?.(part, { ...context(index), defaultRender: view });
+    return custom === void 0 ? view() : custom;
+  };
+  const renderFiles = (files, index) => {
+    const view = () => /* @__PURE__ */ jsx16(Attachments, { files, locale, messages: override });
+    const custom = renderPart?.files?.(files, { ...context(index), defaultRender: view });
+    return custom === void 0 ? view() : custom;
+  };
+  const renderSources = () => {
+    if (sourceParts.length === 0) return null;
+    const index = message.parts.findIndex((part) => part.type === "source");
+    const view = () => /* @__PURE__ */ jsx16(Sources, { messages: override });
+    const custom = renderPart?.sources?.(sourceParts, { ...context(index), defaultRender: view });
+    return custom === void 0 ? view() : custom;
+  };
+  const renderParts = () => {
+    const nodes = [];
+    const files = message.parts.filter((part) => part.type === "file");
+    let filesDone = false;
+    message.parts.forEach((part, index) => {
+      switch (part.type) {
+        case "text": {
+          if (part.text === "") return;
+          nodes.push(/* @__PURE__ */ jsx16("div", { "data-kit": "ai-message-part", "data-part": "text", children: renderTextPart(part, index) }, `text-${index}`));
+          return;
+        }
+        case "reasoning":
+          nodes.push(/* @__PURE__ */ jsx16("div", { "data-kit": "ai-message-part", "data-part": "reasoning", children: renderReasoningPart(part, index) }, `reasoning-${index}`));
+          return;
+        case "tool":
+          nodes.push(/* @__PURE__ */ jsx16("div", { "data-kit": "ai-message-part", "data-part": "tool", children: renderToolPart(part, index) }, `tool-${part.id}`));
+          return;
+        case "data":
+          nodes.push(/* @__PURE__ */ jsx16("div", { "data-kit": "ai-message-part", "data-part": "data", children: renderDataPart(part, index) }, `data-${index}`));
+          return;
+        case "file":
+          if (!filesDone) {
+            filesDone = true;
+            nodes.push(/* @__PURE__ */ jsx16("div", { "data-kit": "ai-message-part", "data-part": "files", children: renderFiles(files, index) }, `files-${index}`));
+          }
+          return;
+        case "source":
+          return;
+      }
+    });
+    return nodes;
+  };
+  const editingUserText = editing && role === "user";
+  const hasVisibleParts = message.parts.some((part) => part.type !== "text" || part.text !== "");
+  const timestamp = showTimestamp && message.createdAt ? message.createdAt : null;
+  return /* @__PURE__ */ jsxs15(
+    "article",
+    {
+      ...props,
+      ref,
+      tabIndex: props.tabIndex ?? -1,
+      "aria-label": messages.messageFrom(author),
+      "aria-busy": streaming ? true : void 0,
+      "data-kit": "ai-message",
+      "data-role": role,
+      "data-status": message.status,
+      "data-streaming": streaming ? "" : void 0,
+      className: cx(className),
+      children: [
+        avatar ? /* @__PURE__ */ jsx16("div", { "data-kit": "ai-message-avatar", children: avatar }) : null,
+        /* @__PURE__ */ jsxs15("div", { "data-kit": "ai-message-main", children: [
+          /* @__PURE__ */ jsxs15("div", { "data-kit": "ai-message-header", children: [
+            /* @__PURE__ */ jsx16("span", { "data-kit": "ai-message-author", dir: "auto", children: author }),
+            assistant ? /* @__PURE__ */ jsx16("span", { "data-kit": "ai-message-label", children: /* @__PURE__ */ jsxs15(Badge3, { size: "sm", variant: "outline", tone: "neutral", children: [
+              /* @__PURE__ */ jsx16("span", { "aria-hidden": "true", children: messages.aiGenerated }),
+              /* @__PURE__ */ jsx16(VisuallyHidden7, { children: messages.aiGeneratedLabel })
+            ] }) }) : null,
+            timestamp ? /* @__PURE__ */ jsx16("time", { "data-kit": "ai-message-time", dateTime: timestamp, suppressHydrationWarning: true, children: formatTimestamp(timestamp, locale) }) : null,
+            edited ? /* @__PURE__ */ jsx16("span", { "data-kit": "ai-message-edited", children: messages.edited }) : null
+          ] }),
+          /* @__PURE__ */ jsxs15(SourcesProvider, { sources: sourceParts, children: [
+            /* @__PURE__ */ jsxs15("div", { "data-kit": "ai-message-content", "aria-live": streaming ? "off" : void 0, children: [
+              editingUserText ? /* @__PURE__ */ jsx16(
+                MessageEditor,
+                {
+                  initialText: messageText(message),
+                  onSubmit: (text) => onEditSubmit?.(text),
+                  onCancel: () => onEditCancel?.(),
+                  messages: override
+                }
+              ) : renderParts(),
+              streaming && !hasVisibleParts ? /* @__PURE__ */ jsx16(StreamingIndicator, { messages: override }) : null
+            ] }),
+            renderSources()
+          ] }),
+          message.status === "stopped" ? /* @__PURE__ */ jsx16("p", { "data-kit": "ai-message-status", "data-status": "stopped", children: messages.stopped }) : null,
+          message.status === "error" && message.error ? /* @__PURE__ */ jsx16(ErrorBanner, { error: message.error, onRetry, messages: override }) : null,
+          tokens !== void 0 && !streaming ? /* @__PURE__ */ jsx16("p", { "data-kit": "ai-message-usage", children: messages.tokens(formatTokenCount(tokens, locale)) }) : null,
+          actions
+        ] })
+      ]
+    }
+  );
+}
+var ChatMessage = Message;
+
+// src/react/message-actions.tsx
+import { Icon as Icon6 } from "@x12i/icons";
+import { IconButton as IconButton3, Inline, VisuallyHidden as VisuallyHidden8 } from "@x12i/ui";
+import { Fragment as Fragment3, jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
+function MessageActions({
+  text,
+  onCopied,
+  onRegenerate,
+  onEdit,
+  feedback = null,
+  onFeedback,
+  branch,
+  disabled = false,
+  children,
+  messages: override,
+  className,
+  ref,
+  ...props
+}) {
+  const messages = useAiMessages(override);
+  return /* @__PURE__ */ jsx17(
+    "div",
+    {
+      ...props,
+      ref,
+      role: "group",
+      "aria-label": messages.actions,
+      "data-kit": "ai-message-actions",
+      className: cx(className),
+      children: /* @__PURE__ */ jsxs16(Inline, { gap: "1", align: "center", children: [
+        branch && branch.count > 1 ? /* @__PURE__ */ jsxs16("span", { "data-kit": "ai-branch-nav", children: [
+          /* @__PURE__ */ jsx17(
+            IconButton3,
+            {
+              variant: "ghost",
+              tone: "neutral",
+              size: "sm",
+              label: messages.previousVersion,
+              disabled: disabled || branch.index <= 0,
+              onClick: () => branch.onSelect(branch.index - 1),
+              children: /* @__PURE__ */ jsx17(BranchPrevGlyph, { size: "sm", "data-flip": "" })
+            }
+          ),
+          /* @__PURE__ */ jsxs16("span", { "data-kit": "ai-branch-position", dir: "ltr", children: [
+            /* @__PURE__ */ jsx17(VisuallyHidden8, { children: messages.versionLabel(branch.index + 1, branch.count) }),
+            /* @__PURE__ */ jsxs16("span", { "aria-hidden": "true", children: [
+              branch.index + 1,
+              "/",
+              branch.count
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx17(
+            IconButton3,
+            {
+              variant: "ghost",
+              tone: "neutral",
+              size: "sm",
+              label: messages.nextVersion,
+              disabled: disabled || branch.index >= branch.count - 1,
+              onClick: () => branch.onSelect(branch.index + 1),
+              children: /* @__PURE__ */ jsx17(BranchNextGlyph, { size: "sm", "data-flip": "" })
+            }
+          )
+        ] }) : null,
+        text !== void 0 ? /* @__PURE__ */ jsx17(
+          CopyButton,
+          {
+            text,
+            label: messages.copy,
+            copiedLabel: messages.copied,
+            failedLabel: messages.copyFailed,
+            onCopied
+          }
+        ) : null,
+        onEdit ? /* @__PURE__ */ jsx17(IconButton3, { variant: "ghost", tone: "neutral", size: "sm", label: messages.edit, disabled, onClick: onEdit, children: /* @__PURE__ */ jsx17(Icon6, { name: "edit", size: 16 }) }) : null,
+        onRegenerate ? /* @__PURE__ */ jsx17(IconButton3, { variant: "ghost", tone: "neutral", size: "sm", label: messages.regenerate, disabled, onClick: onRegenerate, children: /* @__PURE__ */ jsx17(RefreshGlyph, { size: "sm" }) }) : null,
+        onFeedback ? /* @__PURE__ */ jsxs16(Fragment3, { children: [
+          /* @__PURE__ */ jsx17(
+            IconButton3,
+            {
+              variant: "ghost",
+              tone: "neutral",
+              size: "sm",
+              label: messages.goodResponse,
+              "aria-pressed": feedback === "up",
+              onClick: () => onFeedback(feedback === "up" ? null : "up"),
+              children: /* @__PURE__ */ jsx17(ThumbsUpGlyph, { size: "sm", filled: feedback === "up" })
+            }
+          ),
+          /* @__PURE__ */ jsx17(
+            IconButton3,
+            {
+              variant: "ghost",
+              tone: "neutral",
+              size: "sm",
+              label: messages.badResponse,
+              "aria-pressed": feedback === "down",
+              onClick: () => onFeedback(feedback === "down" ? null : "down"),
+              children: /* @__PURE__ */ jsx17(ThumbsDownGlyph, { size: "sm", filled: feedback === "down" })
+            }
+          )
+        ] }) : null,
+        children
+      ] })
+    }
+  );
+}
+
+// src/react/prompt-input.tsx
+import { Icon as Icon7 } from "@x12i/icons";
+import { IconButton as IconButton4, Spinner as Spinner3, VisuallyHidden as VisuallyHidden9 } from "@x12i/ui";
+import {
+  useCallback as useCallback5,
+  useId as useId6,
+  useRef as useRef10,
+  useState as useState6
+} from "react";
+import { Fragment as Fragment4, jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+var attachmentCounter = 0;
+function matchCommands(commands, query) {
+  const needle = query.toLowerCase();
+  const starts = [];
+  const contains = [];
+  for (const command of commands) {
+    const name = command.name.toLowerCase();
+    if (name.startsWith(needle)) starts.push(command);
+    else if (needle !== "" && (name.includes(needle) || (command.description ?? "").toLowerCase().includes(needle))) contains.push(command);
+  }
+  return [...starts, ...contains];
+}
+function PromptInput({
+  onSubmit,
+  value: valueProp,
+  defaultValue = "",
+  onValueChange,
+  status = "idle",
+  onStop,
+  disabled = false,
+  placeholder,
+  maxLength,
+  minRows = 1,
+  maxRows = 8,
+  submitOnEnter = true,
+  stopOnEscape = true,
+  autoFocus,
+  attachments: attachmentsProp,
+  onRemoveAttachment,
+  onFiles,
+  allowFiles,
+  accept,
+  maxFiles,
+  slashCommands,
+  onCommandSelect,
+  footer,
+  textareaRef: textareaRefProp,
+  locale,
+  messages: override,
+  className,
+  style,
+  ref,
+  ...props
+}) {
+  const messages = useAiMessages(override);
+  const [value, setValue] = useControllableState({ value: valueProp, defaultValue, onChange: onValueChange });
+  const [ownAttachments, setOwnAttachments] = useState6([]);
+  const attachments = attachmentsProp ?? ownAttachments;
+  const [dragging, setDragging] = useState6(false);
+  const [commandIndex, setCommandIndex] = useState6(0);
+  const [dismissedFor, setDismissedFor] = useState6(null);
+  const textareaRef = useRef10(null);
+  const fileInputRef = useRef10(null);
+  const composing = useRef10(false);
+  const dragDepth = useRef10(0);
+  const counterId = useId6();
+  const listId = useId6();
+  const optionIdBase = useId6();
+  const busy = status === "submitted" || status === "streaming";
+  const filesEnabled = allowFiles ?? (onFiles !== void 0 || attachmentsProp !== void 0);
+  const filesFull = maxFiles !== void 0 && attachments.length >= maxFiles;
+  const uploading = attachments.some((attachment) => attachment.status === "uploading");
+  const trimmed = value.trim();
+  const canSend = !disabled && !busy && !uploading && (trimmed !== "" || attachments.length > 0);
+  useAutosize(textareaRef, value);
+  const setTextareaRef = useCallback5(
+    (node) => {
+      textareaRef.current = node;
+      if (typeof textareaRefProp === "function") textareaRefProp(node);
+      else if (textareaRefProp) textareaRefProp.current = node;
+    },
+    [textareaRefProp]
+  );
+  const slashMatch = /^\/([^\s]*)$/.exec(value);
+  const matches = slashCommands && slashMatch ? matchCommands(slashCommands, slashMatch[1] ?? "") : [];
+  const commandsOpen = !disabled && matches.length > 0 && dismissedFor !== value;
+  const activeIndex = Math.min(commandIndex, Math.max(0, matches.length - 1));
+  const activeCommand = commandsOpen ? matches[activeIndex] : void 0;
+  const optionId = (index) => `${optionIdBase}-option-${index}`;
+  const pickCommand = (command) => {
+    if (onCommandSelect) onCommandSelect(command);
+    else {
+      setValue(`/${command.name} `);
+    }
+    setCommandIndex(0);
+    textareaRef.current?.focus();
+  };
+  const addFiles = (incoming) => {
+    if (!filesEnabled || incoming.length === 0 || disabled) return;
+    const room = maxFiles === void 0 ? incoming.length : Math.max(0, maxFiles - attachments.length);
+    const accepted = incoming.slice(0, room);
+    if (accepted.length === 0) return;
+    if (attachmentsProp === void 0) {
+      setOwnAttachments((current) => [
+        ...current,
+        ...accepted.map((file) => {
+          attachmentCounter += 1;
+          return { id: `file-${attachmentCounter}`, name: file.name, size: file.size, mediaType: file.type, status: "ready", file };
+        })
+      ]);
+    }
+    onFiles?.([...accepted]);
+  };
+  const removeAttachment = (id) => {
+    if (attachmentsProp === void 0) setOwnAttachments((current) => current.filter((attachment) => attachment.id !== id));
+    onRemoveAttachment?.(id);
+    textareaRef.current?.focus();
+  };
+  const submit = () => {
+    if (!canSend) return;
+    onSubmit(trimmed, attachments);
+    if (valueProp === void 0) setValue("");
+    if (attachmentsProp === void 0) setOwnAttachments([]);
+  };
+  const handleSubmit = (event) => {
+    event.preventDefault();
+    if (busy) onStop?.();
+    else submit();
+  };
+  const handleKeyDown = (event) => {
+    const imeActive = composing.current || event.nativeEvent.isComposing || event.keyCode === 229;
+    if (commandsOpen && !imeActive) {
+      if (event.key === "ArrowDown") {
+        event.preventDefault();
+        setCommandIndex((activeIndex + 1) % matches.length);
+        return;
+      }
+      if (event.key === "ArrowUp") {
+        event.preventDefault();
+        setCommandIndex((activeIndex - 1 + matches.length) % matches.length);
+        return;
+      }
+      if (!event.shiftKey && (event.key === "Enter" || event.key === "Tab")) {
+        const command = matches[activeIndex];
+        if (command) {
+          event.preventDefault();
+          pickCommand(command);
+          return;
+        }
+      }
+      if (event.key === "Escape") {
+        event.preventDefault();
+        setDismissedFor(value);
+        return;
+      }
+    }
+    if (event.key === "Escape" && stopOnEscape && busy && onStop && !imeActive) {
+      event.preventDefault();
+      onStop();
+      return;
+    }
+    if (event.key !== "Enter" || imeActive) return;
+    const modifier = event.ctrlKey || event.metaKey;
+    const wantsSend = submitOnEnter ? !event.shiftKey : modifier;
+    if (!wantsSend) return;
+    event.preventDefault();
+    submit();
+  };
+  const handlePaste = (event) => {
+    if (!filesEnabled) return;
+    const files = Array.from(event.clipboardData.files);
+    if (files.length === 0) return;
+    if (event.clipboardData.getData("text") !== "") return;
+    event.preventDefault();
+    addFiles(files);
+  };
+  const hasFiles = (event) => Array.from(event.dataTransfer.types).includes("Files");
+  const handleDragEnter = (event) => {
+    if (!filesEnabled || !hasFiles(event)) return;
+    event.preventDefault();
+    dragDepth.current += 1;
+    setDragging(true);
+  };
+  const handleDragOver = (event) => {
+    if (!filesEnabled || !hasFiles(event)) return;
+    event.preventDefault();
+  };
+  const handleDragLeave = (event) => {
+    if (!filesEnabled || !hasFiles(event)) return;
+    dragDepth.current = Math.max(0, dragDepth.current - 1);
+    if (dragDepth.current === 0) setDragging(false);
+  };
+  const handleDrop = (event) => {
+    if (!filesEnabled || !hasFiles(event)) return;
+    event.preventDefault();
+    dragDepth.current = 0;
+    setDragging(false);
+    addFiles(Array.from(event.dataTransfer.files));
+  };
+  const handleFileInput = (event) => {
+    addFiles(Array.from(event.target.files ?? []));
+    event.target.value = "";
+    textareaRef.current?.focus();
+  };
+  const atLimit = maxLength !== void 0 && value.length >= maxLength;
+  const announcement = commandsOpen ? messages.commandsAvailable(matches.length) : atLimit ? messages.characterLimitReached : "";
+  const rowStyle = { ...style, "--_ai-max-rows": maxRows };
+  return /* @__PURE__ */ jsxs17(
+    "form",
+    {
+      ...props,
+      ref,
+      noValidate: true,
+      "data-kit": "ai-prompt-input",
+      "data-busy": busy ? "" : void 0,
+      "data-disabled": disabled ? "" : void 0,
+      "data-dragging": dragging ? "" : void 0,
+      className: cx(className),
+      style: rowStyle,
+      onSubmit: handleSubmit,
+      onDragEnter: handleDragEnter,
+      onDragOver: handleDragOver,
+      onDragLeave: handleDragLeave,
+      onDrop: handleDrop,
+      children: [
+        attachments.length > 0 ? /* @__PURE__ */ jsx18("ul", { role: "list", "aria-label": messages.attachments, "data-kit": "ai-prompt-attachments", children: attachments.map((attachment) => /* @__PURE__ */ jsxs17("li", { "data-kit": "ai-prompt-attachment", "data-status": attachment.status ?? "ready", children: [
+          /* @__PURE__ */ jsx18(FileGlyph, { size: "sm" }),
+          /* @__PURE__ */ jsx18("span", { "data-kit": "ai-prompt-attachment-name", dir: "auto", children: attachment.name }),
+          attachment.size !== void 0 ? /* @__PURE__ */ jsx18("span", { "data-kit": "ai-prompt-attachment-size", children: formatBytes(attachment.size, locale) }) : null,
+          attachment.status === "uploading" ? /* @__PURE__ */ jsxs17("span", { "data-kit": "ai-prompt-attachment-status", children: [
+            /* @__PURE__ */ jsx18(Spinner3, { size: "xs" }),
+            /* @__PURE__ */ jsx18(VisuallyHidden9, { children: messages.attachmentUploading })
+          ] }) : null,
+          attachment.status === "error" ? /* @__PURE__ */ jsx18("span", { "data-kit": "ai-prompt-attachment-status", children: messages.attachmentFailed }) : null,
+          /* @__PURE__ */ jsx18(
+            IconButton4,
+            {
+              variant: "ghost",
+              tone: "neutral",
+              size: "xs",
+              label: messages.removeAttachment(attachment.name),
+              onClick: () => removeAttachment(attachment.id),
+              children: /* @__PURE__ */ jsx18(Icon7, { name: "close", size: 12 })
+            }
+          )
+        ] }, attachment.id)) }) : null,
+        /* @__PURE__ */ jsxs17("div", { "data-kit": "ai-prompt-row", children: [
+          filesEnabled ? /* @__PURE__ */ jsxs17(Fragment4, { children: [
+            /* @__PURE__ */ jsx18(
+              IconButton4,
+              {
+                variant: "ghost",
+                tone: "neutral",
+                size: "md",
+                label: messages.attach,
+                disabled: disabled || filesFull,
+                onClick: () => fileInputRef.current?.click(),
+                children: /* @__PURE__ */ jsx18(PaperclipGlyph, { size: "md" })
+              }
+            ),
+            /* @__PURE__ */ jsx18(
+              "input",
+              {
+                ref: fileInputRef,
+                type: "file",
+                multiple: true,
+                hidden: true,
+                tabIndex: -1,
+                "aria-hidden": "true",
+                accept,
+                onChange: handleFileInput
+              }
+            )
+          ] }) : null,
+          /* @__PURE__ */ jsx18(
+            "textarea",
+            {
+              ref: setTextareaRef,
+              "data-kit": "ai-prompt-textarea",
+              dir: "auto",
+              rows: minRows,
+              value,
+              maxLength,
+              disabled,
+              autoFocus,
+              placeholder: placeholder ?? messages.promptPlaceholder,
+              "aria-label": messages.promptLabel,
+              "aria-describedby": maxLength !== void 0 ? counterId : void 0,
+              "aria-autocomplete": slashCommands ? "list" : void 0,
+              "aria-controls": commandsOpen ? listId : void 0,
+              "aria-activedescendant": activeCommand ? optionId(activeIndex) : void 0,
+              onChange: (event) => {
+                setValue(event.target.value);
+                setCommandIndex(0);
+              },
+              onKeyDown: handleKeyDown,
+              onPaste: handlePaste,
+              onCompositionStart: () => {
+                composing.current = true;
+              },
+              onCompositionEnd: () => {
+                composing.current = false;
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx18(
+            IconButton4,
+            {
+              variant: "solid",
+              tone: busy ? "neutral" : "accent",
+              size: "md",
+              type: busy ? "button" : "submit",
+              label: busy ? messages.stop : messages.send,
+              "data-mode": busy ? "stop" : "send",
+              disabled: busy ? onStop === void 0 : !canSend,
+              onClick: busy ? onStop : void 0,
+              children: busy ? /* @__PURE__ */ jsx18(StopGlyph, { size: "md" }) : /* @__PURE__ */ jsx18(SendGlyph, { size: "md" })
+            }
+          )
+        ] }),
+        commandsOpen ? /* @__PURE__ */ jsx18("ul", { role: "listbox", id: listId, "aria-label": messages.commands, "data-kit": "ai-prompt-commands", children: matches.map((command, index) => /* @__PURE__ */ jsxs17(
+          "li",
+          {
+            id: optionId(index),
+            role: "option",
+            "aria-selected": index === activeIndex,
+            "data-active": index === activeIndex ? "" : void 0,
+            onMouseDown: (event) => {
+              event.preventDefault();
+            },
+            onClick: () => pickCommand(command),
+            children: [
+              /* @__PURE__ */ jsxs17("span", { "data-kit": "ai-prompt-command-name", dir: "ltr", children: [
+                "/",
+                command.name
+              ] }),
+              command.description ? /* @__PURE__ */ jsx18("span", { "data-kit": "ai-prompt-command-description", dir: "auto", children: command.description }) : null
+            ]
+          },
+          command.id ?? command.name
+        )) }) : null,
+        maxLength !== void 0 || footer ? /* @__PURE__ */ jsxs17("div", { "data-kit": "ai-prompt-meta", children: [
+          footer ? /* @__PURE__ */ jsx18("div", { "data-kit": "ai-prompt-footer", children: footer }) : null,
+          maxLength !== void 0 ? /* @__PURE__ */ jsx18("span", { id: counterId, "data-kit": "ai-prompt-counter", "data-limit": atLimit ? "" : void 0, dir: "ltr", children: messages.characterCount(value.length, maxLength) }) : null
+        ] }) : null,
+        /* @__PURE__ */ jsx18(VisuallyHidden9, { role: "status", "aria-live": "polite", "aria-atomic": "true", children: announcement }),
+        dragging ? /* @__PURE__ */ jsx18("div", { "data-kit": "ai-prompt-drop", "aria-hidden": "true", children: messages.dropFiles }) : null
+      ]
+    }
+  );
+}
+
+// src/react/suggestions.tsx
+import { Button as Button6 } from "@x12i/ui";
+import { jsx as jsx19 } from "react/jsx-runtime";
+function labelOf(suggestion) {
+  return typeof suggestion === "string" ? suggestion : suggestion.label;
+}
+function Suggestions({ suggestions, onSelect, disabled = false, messages: override, className, ref, ...props }) {
+  const messages = useAiMessages(override);
+  if (suggestions.length === 0) return null;
+  return /* @__PURE__ */ jsx19("div", { ...props, ref, "data-kit": "ai-suggestions", className: cx(className), children: /* @__PURE__ */ jsx19("ul", { role: "list", "aria-label": messages.suggestions, children: suggestions.map((suggestion, position) => {
+    const label = labelOf(suggestion);
+    const prompt = typeof suggestion === "string" ? suggestion : suggestion.prompt ?? suggestion.label;
+    const key = typeof suggestion === "string" ? `${position}-${suggestion}` : suggestion.id ?? `${position}-${suggestion.label}`;
+    return /* @__PURE__ */ jsx19("li", { children: /* @__PURE__ */ jsx19(
+      Button6,
+      {
+        variant: "outline",
+        tone: "neutral",
+        size: "sm",
+        disabled,
+        onClick: () => onSelect(prompt, suggestion),
+        dir: "auto",
+        children: label
+      }
+    ) }, key);
+  }) }) });
+}
+
+// src/react/chat-thread.tsx
+import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
+var ANNOUNCE_MAX_CHARS = 600;
+function truncate(text) {
+  return text.length > ANNOUNCE_MAX_CHARS ? `${text.slice(0, ANNOUNCE_MAX_CHARS).trimEnd()}\u2026` : text;
+}
+function useAnnouncement({ messages, busy, mode, approvalsEnabled }) {
+  const strings = useAiMessages();
+  const [announcement, setAnnouncement] = useState7("");
+  const wasBusy = useRef11(busy);
+  const spoken = useRef11(/* @__PURE__ */ new Map());
+  const approvals = useRef11(null);
+  if (approvals.current === null) {
+    approvals.current = new Set(threadPendingApprovals(messages).map((part) => part.id));
+  }
+  useEffect6(() => {
+    if (mode === "off") {
+      wasBusy.current = busy;
+      return;
+    }
+    const lines = [];
+    if (mode === "sentences" && busy) {
+      for (const message of messages) {
+        if (message.role !== "assistant" || message.status !== "streaming") continue;
+        const { complete } = splitCompletedSentences(messageText(message));
+        const done = spoken.current.get(message.id) ?? 0;
+        if (complete.length > done) {
+          const chunk = markdownToPlainText(complete.slice(done));
+          spoken.current.set(message.id, complete.length);
+          if (chunk !== "") lines.push(chunk);
+        }
+      }
+    }
+    if (wasBusy.current && !busy) {
+      const last = lastMessageWithRole(messages, "assistant");
+      if (last) {
+        const text = messageText(last);
+        const alreadySpoken = spoken.current.get(last.id) ?? 0;
+        spoken.current.delete(last.id);
+        if (last.status === "stopped") {
+          lines.push(strings.announceStopped);
+        } else if (last.status === "complete" || last.status === void 0) {
+          if (mode === "sentences") {
+            const rest = markdownToPlainText(text.slice(alreadySpoken));
+            if (rest !== "") lines.push(rest);
+          } else {
+            const plain = markdownToPlainText(text);
+            if (plain !== "") lines.push(strings.announceReply(truncate(plain)));
+          }
+        }
+      }
+    }
+    wasBusy.current = busy;
+    if (approvalsEnabled) {
+      for (const part of threadPendingApprovals(messages)) {
+        if (!approvals.current?.has(part.id)) {
+          approvals.current?.add(part.id);
+          lines.push(strings.announceApproval(part.name));
+        }
+      }
+    }
+    if (lines.length > 0) setAnnouncement(lines.join(" "));
+  }, [messages, busy, mode, approvalsEnabled, strings]);
+  return announcement;
+}
+var ThreadMessageItem = memo2(function ThreadMessageItem2(props) {
+  const { message, streaming, busy } = props;
+  const text = messageText(message);
+  const role = message.role;
+  const interactive = (role === "assistant" || role === "user") && !streaming && !props.editing;
+  const regenerate = interactive && role === "assistant" && props.isLastAssistant && props.canRegenerate;
+  const edit = interactive && role === "user" && props.canEdit;
+  const rate = interactive && role === "assistant" && props.canFeedback;
+  const branch = interactive ? props.branch : void 0;
+  const hasActions = text !== "" || regenerate || edit || rate || branch !== void 0 && branch.count > 1;
+  const actions = interactive && hasActions ? /* @__PURE__ */ jsx20(
+    MessageActions,
+    {
+      text: text === "" ? void 0 : text,
+      onRegenerate: regenerate ? props.onRegenerate : void 0,
+      onEdit: edit ? () => props.onStartEdit(message.id) : void 0,
+      feedback: props.feedback,
+      onFeedback: rate ? (value) => props.onFeedback(message.id, value) : void 0,
+      branch: branch ? { index: branch.index, count: branch.count, onSelect: (index) => props.onSwitchBranch(branch.parentId, index) } : void 0,
+      disabled: busy
+    }
+  ) : void 0;
+  return /* @__PURE__ */ jsx20(
+    Message,
+    {
+      message,
+      streaming,
+      avatar: props.avatar,
+      name: props.name,
+      locale: props.locale,
+      images: props.images,
+      showTimestamp: props.showTimestamp,
+      showUsage: props.showUsage,
+      renderPart: props.renderPart,
+      onToolDecision: props.canDecide ? props.onToolDecision : void 0,
+      onRetry: props.canRegenerate ? props.onRegenerate : void 0,
+      editing: props.editing,
+      onEditSubmit: (value) => props.onEditSubmit(message.id, value),
+      onEditCancel: props.onEditCancel,
+      actions
+    }
+  );
+});
+function ChatThread({
+  messages: threadMessages,
+  status: statusProp,
+  error = null,
+  onSend,
+  onStop,
+  onRegenerate,
+  onToolDecision,
+  onEdit,
+  branches,
+  onSwitchBranch,
+  onDismissError,
+  onFeedback,
+  feedback: feedbackProp,
+  suggestions,
+  followUps,
+  renderPart,
+  emptyState,
+  header,
+  disclaimer,
+  avatars,
+  names,
+  showTimestamps = false,
+  showUsage = false,
+  images,
+  announce = "complete",
+  disabled = false,
+  promptProps,
+  locale,
+  strings,
+  conversationRef,
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx20(AiMessagesProvider, { messages: strings, children: /* @__PURE__ */ jsx20(
+    ChatThreadInner,
+    {
+      ...props,
+      ref,
+      className,
+      messages: threadMessages,
+      status: statusProp,
+      error,
+      onSend,
+      onStop,
+      onRegenerate,
+      onToolDecision,
+      onEdit,
+      branches,
+      onSwitchBranch,
+      onDismissError,
+      onFeedback,
+      feedback: feedbackProp,
+      suggestions,
+      followUps,
+      renderPart,
+      emptyState,
+      header,
+      disclaimer,
+      avatars,
+      names,
+      showTimestamps,
+      showUsage,
+      images,
+      announce,
+      disabled,
+      promptProps,
+      locale,
+      conversationRef
+    }
+  ) });
+}
+function ChatThreadInner({
+  messages: threadMessages,
+  status: statusProp,
+  error,
+  onSend,
+  onStop,
+  onRegenerate,
+  onToolDecision,
+  onEdit,
+  branches,
+  onSwitchBranch,
+  onDismissError,
+  onFeedback,
+  feedback: feedbackProp,
+  suggestions,
+  followUps,
+  renderPart,
+  emptyState,
+  header,
+  disclaimer,
+  avatars,
+  names,
+  showTimestamps = false,
+  showUsage = false,
+  images,
+  announce = "complete",
+  disabled = false,
+  promptProps,
+  locale,
+  conversationRef,
+  className,
+  ref,
+  ...props
+}) {
+  const messages = useAiMessages();
+  const last = threadMessages[threadMessages.length - 1];
+  const status = statusProp ?? (last?.status === "streaming" ? "streaming" : "idle");
+  const busy = status === "submitted" || status === "streaming";
+  const [editingId, setEditingId] = useState7(null);
+  const [ownFeedback, setOwnFeedback] = useState7({});
+  const feedbackMap = feedbackProp ?? ownFeedback;
+  const pending = useMemo5(() => threadPendingApprovals(threadMessages), [threadMessages]);
+  const announcement = useAnnouncement({
+    messages: threadMessages,
+    busy,
+    mode: announce,
+    approvalsEnabled: onToolDecision !== void 0
+  });
+  const handleToolDecision = useEventCallback(
+    (callId, decision, reason) => onToolDecision?.(callId, decision, reason)
+  );
+  const handleRegenerate = useEventCallback(() => onRegenerate?.());
+  const handleStartEdit = useEventCallback((id) => setEditingId(id));
+  const handleEditSubmit = useEventCallback((id, text) => {
+    setEditingId(null);
+    onEdit?.(id, text);
+  });
+  const handleEditCancel = useEventCallback(() => setEditingId(null));
+  const handleFeedback = useEventCallback((id, value) => {
+    if (feedbackProp === void 0) setOwnFeedback((current) => ({ ...current, [id]: value }));
+    onFeedback?.(id, value);
+  });
+  const handleSwitchBranch = useEventCallback((parentId, index) => onSwitchBranch?.(parentId, index));
+  const lastAssistantId = useMemo5(() => {
+    for (let index = threadMessages.length - 1; index >= 0; index -= 1) {
+      const message = threadMessages[index];
+      if (message?.role === "assistant") return message.id;
+    }
+    return void 0;
+  }, [threadMessages]);
+  const errorOnMessage = last?.status === "error" && last.error !== void 0;
+  const threadError = error ?? (status === "error" ? { message: "", kind: "unknown" } : null);
+  const showThreadError = threadError !== null && !errorOnMessage;
+  const lastUser = useMemo5(() => {
+    for (let index = threadMessages.length - 1; index >= 0; index -= 1) {
+      const message = threadMessages[index];
+      if (message?.role === "user") return message;
+    }
+    return void 0;
+  }, [threadMessages]);
+  const empty = threadMessages.length === 0 && status === "idle";
+  const waitingForReply = status === "submitted" || status === "streaming" && last?.role !== "assistant";
+  const showFollowUps = followUps !== void 0 && followUps.length > 0 && !busy && last?.role === "assistant" && pending.length === 0;
+  const pickSuggestion = (prompt) => onSend(prompt);
+  return /* @__PURE__ */ jsxs18("section", { ...props, ref, "aria-label": props["aria-label"] ?? messages.chat, "data-kit": "ai-chat-thread", "data-status": status, className: cx(className), children: [
+    header,
+    /* @__PURE__ */ jsxs18(Conversation, { handleRef: conversationRef, children: [
+      empty ? emptyState ?? /* @__PURE__ */ jsx20(EmptyThread, { children: suggestions && suggestions.length > 0 ? /* @__PURE__ */ jsx20(Suggestions, { suggestions, onSelect: pickSuggestion, disabled }) : null }) : /* @__PURE__ */ jsx20("div", { "data-kit": "ai-message-list", children: threadMessages.map((message) => {
+        const role = message.role;
+        const streaming = message.status === "streaming" && busy;
+        const avatar = role === "user" ? avatars?.user : role === "assistant" ? avatars?.assistant : void 0;
+        const name = role === "user" ? names?.user : role === "assistant" ? names?.assistant : void 0;
+        return /* @__PURE__ */ jsx20(
+          ThreadMessageItem,
+          {
+            message,
+            streaming,
+            busy,
+            isLastAssistant: message.id === lastAssistantId,
+            branch: branches?.[message.id],
+            editing: editingId === message.id,
+            feedback: feedbackMap[message.id] ?? null,
+            canFeedback: onFeedback !== void 0,
+            canEdit: onEdit !== void 0,
+            canRegenerate: onRegenerate !== void 0,
+            canDecide: onToolDecision !== void 0,
+            avatar,
+            name,
+            locale,
+            images,
+            showTimestamp: showTimestamps,
+            showUsage,
+            renderPart,
+            onToolDecision: handleToolDecision,
+            onRegenerate: handleRegenerate,
+            onStartEdit: handleStartEdit,
+            onEditSubmit: handleEditSubmit,
+            onEditCancel: handleEditCancel,
+            onFeedback: handleFeedback,
+            onSwitchBranch: handleSwitchBranch
+          },
+          message.id
+        );
+      }) }),
+      waitingForReply ? /* @__PURE__ */ jsx20("div", { "data-kit": "ai-pending", "aria-busy": "true", children: /* @__PURE__ */ jsx20(StreamingIndicator, { label: messages.responding }) }) : null,
+      showThreadError && threadError ? /* @__PURE__ */ jsx20(
+        ErrorBanner,
+        {
+          error: threadError,
+          showDetail: threadError.message !== "",
+          onRetry: onRegenerate && !empty ? handleRegenerate : void 0,
+          onDismiss: onDismissError,
+          onEdit: lastUser && onEdit ? () => setEditingId(lastUser.id) : void 0
+        }
+      ) : null,
+      showFollowUps && followUps ? /* @__PURE__ */ jsx20(Suggestions, { suggestions: followUps, onSelect: pickSuggestion, disabled }) : null
+    ] }),
+    /* @__PURE__ */ jsxs18("div", { "data-kit": "ai-chat-composer", children: [
+      /* @__PURE__ */ jsx20(
+        PromptInput,
+        {
+          ...promptProps,
+          status,
+          onStop,
+          disabled,
+          onSubmit: (text, attachments) => onSend(text, attachments)
+        }
+      ),
+      disclaimer === false ? null : /* @__PURE__ */ jsx20("p", { "data-kit": "ai-disclaimer", dir: "auto", children: disclaimer ?? messages.disclaimer })
+    ] }),
+    /* @__PURE__ */ jsx20(VisuallyHidden10, { role: "status", "aria-live": "polite", "aria-atomic": "true", children: announcement })
+  ] });
+}
+
+// src/react/use-thread.ts
+import { useCallback as useCallback6, useEffect as useEffect7, useMemo as useMemo6, useRef as useRef12, useState as useState8 } from "react";
+var idCounter = 0;
+function defaultGenerateId() {
+  idCounter += 1;
+  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") return crypto.randomUUID();
+  return `msg-${Date.now().toString(36)}-${idCounter}`;
+}
+function isBusyRef(ref) {
+  return ref.current ? isBusy(ref.current) : false;
+}
+function buildRequest(state, trigger, signal) {
+  const messages = state?.messages ?? [];
+  const user = lastUserMessage({ messages });
+  return {
+    trigger,
+    message: user,
+    text: user ? messageText(user) : "",
+    attachments: user ? user.parts.filter((part) => part.type === "file") : [],
+    messages,
+    signal
+  };
+}
+function toFileParts(attachments) {
+  return attachments.map((attachment, index) => {
+    let url = attachment.url ?? "";
+    if (url === "" && attachment.file && typeof URL !== "undefined" && typeof URL.createObjectURL === "function") {
+      url = URL.createObjectURL(attachment.file);
+    }
+    return {
+      type: "file",
+      id: attachment.id ?? `file-${idCounter}-${index}`,
+      name: attachment.name,
+      mediaType: attachment.mediaType ?? attachment.file?.type ?? "application/octet-stream",
+      url,
+      ...attachment.size === void 0 && attachment.file === void 0 ? {} : { size: attachment.size ?? attachment.file?.size ?? 0 }
+    };
+  });
+}
+function useThread(options = {}) {
+  const { batch = true, initialMessages } = options;
+  const stateRef = useRef12(null);
+  if (stateRef.current === null) stateRef.current = createThreadState(initialMessages ?? []);
+  const [state, setState] = useState8(stateRef.current);
+  const runRef = useRef12(null);
+  const frameRef = useRef12(null);
+  const decisionChain = useRef12(Promise.resolve());
+  const mounted = useRef12(true);
+  const onSend = useEventCallback((request) => options.onSend?.(request));
+  const onRegenerate = useEventCallback((request) => options.onRegenerate?.(request));
+  const onToolDecision = useEventCallback((request) => options.onToolDecision?.(request));
+  const onStop = useEventCallback((info) => options.onStop?.(info));
+  const onFinish = useEventCallback((message) => options.onFinish?.(message));
+  const onError = useEventCallback((error) => options.onError?.(error));
+  const hasOnRegenerate = options.onRegenerate !== void 0;
+  const hasOnToolDecision = options.onToolDecision !== void 0;
+  const generateId = useEventCallback(() => (options.generateId ?? defaultGenerateId)());
+  const now = useEventCallback(() => (options.now ?? Date.now)());
+  const cancelFrame = useCallback6(() => {
+    const frame = frameRef.current;
+    if (!frame) return;
+    if (frame.kind === "raf" && typeof cancelAnimationFrame === "function") cancelAnimationFrame(frame.id);
+    else clearTimeout(frame.id);
+    frameRef.current = null;
+  }, []);
+  const flush = useCallback6(() => {
+    cancelFrame();
+    if (mounted.current && stateRef.current) setState(stateRef.current);
+  }, [cancelFrame]);
+  const scheduleRender = useCallback6(() => {
+    if (!batch) {
+      flush();
+      return;
+    }
+    if (frameRef.current) return;
+    const run = () => {
+      frameRef.current = null;
+      if (mounted.current && stateRef.current) setState(stateRef.current);
+    };
+    if (typeof requestAnimationFrame === "function") {
+      frameRef.current = { kind: "raf", id: requestAnimationFrame(run) };
+    } else {
+      frameRef.current = { kind: "timeout", id: window.setTimeout(run, 16) };
+    }
+  }, [batch, flush]);
+  const dispatch = useCallback6(
+    (action) => {
+      if (!stateRef.current) return;
+      stateRef.current = threadReducer(stateRef.current, action);
+      flush();
+    },
+    [flush]
+  );
+  const applyEvent = useCallback6(
+    (event) => {
+      if (!stateRef.current) return;
+      const stamped = event.type === "start" && event.createdAt === void 0 ? { ...event, createdAt: new Date(now()).toISOString() } : event;
+      stateRef.current = applyStreamEvent(stateRef.current, stamped, { at: now() });
+      if (isTerminalStreamEvent(stamped)) flush();
+      else scheduleRender();
+    },
+    [flush, now, scheduleRender]
+  );
+  const failRun = useCallback6(
+    (error) => {
+      const threadError = toThreadError(error);
+      dispatch({ type: "error", error: threadError });
+      onError(threadError);
+    },
+    [dispatch, onError]
+  );
+  const runProducer = useCallback6(
+    async (producer) => {
+      runRef.current?.controller.abort();
+      let finishRun;
+      const run = {
+        controller: new AbortController(),
+        done: new Promise((resolve) => {
+          finishRun = resolve;
+        })
+      };
+      runRef.current = run;
+      const { signal } = run.controller;
+      try {
+        let source;
+        try {
+          source = await producer(signal);
+        } catch (error) {
+          if (!signal.aborted && runRef.current === run) failRun(error);
+          return;
+        }
+        if (runRef.current !== run || signal.aborted) return;
+        if (!source) {
+          dispatch({ type: "finish" });
+          return;
+        }
+        let finished = false;
+        try {
+          for await (const event of createAbortableStream(source, signal)) {
+            if (runRef.current !== run) break;
+            applyEvent(event);
+            if (event.type === "finish") finished = true;
+            if (isTerminalStreamEvent(event)) break;
+          }
+        } catch (error) {
+          if (!signal.aborted && runRef.current === run) failRun(error);
+          return;
+        }
+        if (runRef.current === run && stateRef.current) {
+          if (isBusy(stateRef.current)) {
+            dispatch({ type: "finish" });
+            finished = true;
+          }
+          if (finished) onFinish(lastMessageWithRole(stateRef.current.messages, "assistant"));
+        }
+      } finally {
+        if (runRef.current === run) runRef.current = null;
+        finishRun();
+      }
+    },
+    [applyEvent, dispatch, failRun, onFinish]
+  );
+  const send = useCallback6(
+    async (text, attachments = []) => {
+      const trimmed = text.trim();
+      if (trimmed === "" && attachments.length === 0) return;
+      if (isBusyRef(stateRef)) return;
+      dispatch({
+        type: "add-user-message",
+        id: generateId(),
+        text: trimmed,
+        attachments: toFileParts(attachments),
+        createdAt: new Date(now()).toISOString()
+      });
+      await runProducer((signal) => onSend(buildRequest(stateRef.current, "send", signal)));
+    },
+    [dispatch, generateId, now, onSend, runProducer]
+  );
+  const stop = useCallback6(() => {
+    const run = runRef.current;
+    if (run) {
+      runRef.current = null;
+      run.controller.abort();
+    }
+    if (stateRef.current && isBusy(stateRef.current)) {
+      dispatch({ type: "abort", at: now() });
+      onStop({ messages: stateRef.current.messages });
+    }
+  }, [dispatch, now, onStop]);
+  const regenerate = useCallback6(async () => {
+    if (isBusyRef(stateRef)) return;
+    dispatch({ type: "regenerate" });
+    if (stateRef.current?.status !== "submitted") return;
+    const handler = hasOnRegenerate ? onRegenerate : onSend;
+    await runProducer((signal) => handler(buildRequest(stateRef.current, "regenerate", signal)));
+  }, [dispatch, hasOnRegenerate, onRegenerate, onSend, runProducer]);
+  const edit = useCallback6(
+    async (messageId, text, editOptions = {}) => {
+      if (isBusyRef(stateRef) || text.trim() === "") return;
+      dispatch({
+        type: "edit-message",
+        messageId,
+        text: text.trim(),
+        mode: editOptions.mode ?? "truncate",
+        createdAt: new Date(now()).toISOString()
+      });
+      if (stateRef.current?.status !== "submitted") return;
+      await runProducer((signal) => onSend(buildRequest(stateRef.current, "edit", signal)));
+    },
+    [dispatch, now, onSend, runProducer]
+  );
+  const decide = useCallback6(
+    (callId, decision, reason) => {
+      const current = stateRef.current;
+      const found = current ? findToolCall(current.messages, callId) : void 0;
+      if (!current || !found || found.part.state !== "needs-approval") return Promise.resolve();
+      dispatch({
+        type: "tool-decision",
+        callId,
+        decision: decision === "approve" ? "approved" : "denied",
+        ...reason === void 0 ? {} : { reason }
+      });
+      if (!hasOnToolDecision) return Promise.resolve();
+      const messageId = found.message.id;
+      const toolName = found.part.name;
+      const pending = threadPendingApprovals(stateRef.current?.messages ?? []).length;
+      const task = decisionChain.current.then(async () => {
+        if (!mounted.current) return;
+        const active = runRef.current;
+        if (active) {
+          const { signal } = active.controller;
+          try {
+            const result = await onToolDecision({
+              callId,
+              toolName,
+              decision,
+              reason,
+              pending,
+              messages: stateRef.current?.messages ?? [],
+              signal
+            });
+            if (result && runRef.current === active) {
+              for await (const event of createAbortableStream(result, signal)) {
+                if (runRef.current !== active) break;
+                applyEvent(event);
+                if (isTerminalStreamEvent(event)) break;
+              }
+            }
+          } catch (error) {
+            if (!signal.aborted && runRef.current === active) failRun(error);
+          }
+          return;
+        }
+        await runProducer(async (signal) => {
+          const result = await onToolDecision({
+            callId,
+            toolName,
+            decision,
+            reason,
+            pending,
+            messages: stateRef.current?.messages ?? [],
+            signal
+          });
+          if (result) dispatch({ type: "begin-assistant-message", id: messageId });
+          return result;
+        });
+      });
+      decisionChain.current = task.catch(() => {
+      });
+      return task;
+    },
+    [applyEvent, dispatch, failRun, hasOnToolDecision, onToolDecision, runProducer]
+  );
+  const approve = useCallback6((callId, reason) => decide(callId, "approve", reason), [decide]);
+  const deny = useCallback6((callId, reason) => decide(callId, "deny", reason), [decide]);
+  const switchBranch = useCallback6(
+    (parentId, index) => dispatch({ type: "switch-branch", parentId, index }),
+    [dispatch]
+  );
+  const dismissError = useCallback6(() => dispatch({ type: "dismiss-error" }), [dispatch]);
+  const clear = useCallback6(() => {
+    runRef.current?.controller.abort();
+    runRef.current = null;
+    dispatch({ type: "clear" });
+  }, [dispatch]);
+  const setMessages = useCallback6(
+    (messages) => {
+      runRef.current?.controller.abort();
+      runRef.current = null;
+      dispatch({ type: "set-messages", messages: [...messages] });
+    },
+    [dispatch]
+  );
+  useEffect7(() => {
+    mounted.current = true;
+    return () => {
+      mounted.current = false;
+      cancelFrame();
+      runRef.current?.controller.abort();
+      runRef.current = null;
+    };
+  }, [cancelFrame]);
+  const branches = useMemo6(() => getBranchInfoMap(state), [state]);
+  const chatProps = useMemo6(
+    () => ({
+      messages: state.messages,
+      status: state.status,
+      error: state.error,
+      branches,
+      onSend: (text, attachments) => {
+        void send(text, attachments);
+      },
+      onStop: stop,
+      onRegenerate: () => {
+        void regenerate();
+      },
+      onToolDecision: (callId, decision, reason) => {
+        void decide(callId, decision, reason);
+      },
+      onEdit: (messageId, text) => {
+        void edit(messageId, text);
+      },
+      onSwitchBranch: switchBranch,
+      onDismissError: dismissError
+    }),
+    [state.messages, state.status, state.error, branches, send, stop, regenerate, decide, edit, switchBranch, dismissError]
+  );
+  return {
+    messages: state.messages,
+    status: state.status,
+    error: state.error,
+    state,
+    send,
+    stop,
+    regenerate,
+    approve,
+    deny,
+    decide,
+    edit,
+    switchBranch,
+    dismissError,
+    clear,
+    setMessages,
+    dispatch,
+    applyEvent,
+    chatProps
+  };
+}
+export {
+  AiMessagesProvider,
+  ApprovalPrompt,
+  Attachments,
+  ChatMessage,
+  ChatThread,
+  Citation,
+  CodeBlock,
+  Conversation,
+  EmptyThread,
+  ErrorBanner,
+  Markdown,
+  Message,
+  MessageActions,
+  PromptInput,
+  Reasoning,
+  SourceCard,
+  Sources,
+  SourcesProvider,
+  StreamingIndicator,
+  Suggestions,
+  ToolCall,
+  defaultMessages,
+  mergeMessages,
+  useAiMessages,
+  useStickToBottom,
+  useThread
+};
+//# sourceMappingURL=react.js.map