@tetrascience-npm/tetrascience-react-ui 0.7.0 → 1.0.0

package/dist/ai/conversation.js

@@ -0,0 +1,108 @@
+import { jsx as e, jsxs as m, Fragment as v } from "react/jsx-runtime";
+import { DownloadIcon as k, ArrowDownIcon as g } from "lucide-react";
+import { useCallback as d } from "react";
+import { StickToBottom as u, useStickToBottomContext as C } from "use-stick-to-bottom";
+import { Button as p } from "../ui/button.js";
+import { cn as l } from "../lib/utils.js";
+const T = ({ className: o, ...t }) => /* @__PURE__ */ e(
+  u,
+  {
+    className: l("relative flex-1 overflow-y-hidden", o),
+    initial: "smooth",
+    resize: "smooth",
+    role: "log",
+    ...t
+  }
+), U = ({
+  className: o,
+  ...t
+}) => /* @__PURE__ */ e(
+  u.Content,
+  {
+    className: l("flex flex-col gap-8 p-4", o),
+    ...t
+  }
+), D = ({
+  className: o,
+  title: t = "No messages yet",
+  description: n = "Start a conversation to see messages here",
+  icon: r,
+  children: a,
+  ...c
+}) => /* @__PURE__ */ e(
+  "div",
+  {
+    className: l(
+      "flex size-full flex-col items-center justify-center gap-3 p-8 text-center",
+      o
+    ),
+    ...c,
+    children: a ?? /* @__PURE__ */ m(v, { children: [
+      r && /* @__PURE__ */ e("div", { className: "text-muted-foreground", children: r }),
+      /* @__PURE__ */ m("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ e("h3", { className: "font-medium text-sm", children: t }),
+        n && /* @__PURE__ */ e("p", { className: "text-muted-foreground text-sm", children: n })
+      ] })
+    ] })
+  }
+), R = ({
+  className: o,
+  ...t
+}) => {
+  const { isAtBottom: n, scrollToBottom: r } = C(), a = d(() => {
+    r();
+  }, [r]);
+  return !n && /* @__PURE__ */ e(
+    p,
+    {
+      className: l(
+        "absolute bottom-4 left-[50%] translate-x-[-50%] rounded-full dark:bg-background dark:hover:bg-accent",
+        o
+      ),
+      onClick: a,
+      size: "icon",
+      type: "button",
+      variant: "outline",
+      ...t,
+      children: /* @__PURE__ */ e(g, { className: "size-4" })
+    }
+  );
+}, N = (o) => o.parts.filter((t) => t.type === "text").map((t) => t.text).join(""), f = (o) => `**${o.role.charAt(0).toUpperCase() + o.role.slice(1)}:** ${N(o)}`, w = (o, t = f) => o.map((n, r) => t(n, r)).join(`
+
+`), A = ({
+  messages: o,
+  filename: t = "conversation.md",
+  formatMessage: n = f,
+  className: r,
+  children: a,
+  ...c
+}) => {
+  const b = d(() => {
+    const h = w(o, n), x = new Blob([h], { type: "text/markdown" }), i = URL.createObjectURL(x), s = document.createElement("a");
+    s.href = i, s.download = t, document.body.append(s), s.click(), s.remove(), URL.revokeObjectURL(i);
+  }, [o, t, n]);
+  return /* @__PURE__ */ e(
+    p,
+    {
+      className: l(
+        "absolute top-4 right-4 rounded-full dark:bg-background dark:hover:bg-accent",
+        r
+      ),
+      onClick: b,
+      size: "icon",
+      type: "button",
+      variant: "outline",
+      ...c,
+      children: a ?? /* @__PURE__ */ e(k, { className: "size-4" })
+    }
+  );
+};
+export {
+  T as Conversation,
+  U as ConversationContent,
+  A as ConversationDownload,
+  D as ConversationEmptyState,
+  R as ConversationScrollButton,
+  w as messagesToMarkdown
+};
+//# sourceMappingURL=conversation.js.map

package/dist/ai/conversation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation.js","sources":["../../src/components/ai/conversation.tsx"],"sourcesContent":["import { ArrowDownIcon, DownloadIcon } from \"lucide-react\";\nimport { useCallback } from \"react\";\nimport { StickToBottom, useStickToBottomContext } from \"use-stick-to-bottom\";\n\nimport type { UIMessage } from \"ai\";\nimport type { ComponentProps } from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\n\nexport type ConversationProps = ComponentProps<typeof StickToBottom>;\n\nexport const Conversation = ({ className, ...props }: ConversationProps) => (\n  <StickToBottom\n    className={cn(\"relative flex-1 overflow-y-hidden\", className)}\n    initial=\"smooth\"\n    resize=\"smooth\"\n    role=\"log\"\n    {...props}\n  />\n);\n\nexport type ConversationContentProps = ComponentProps<\n  typeof StickToBottom.Content\n>;\n\nexport const ConversationContent = ({\n  className,\n  ...props\n}: ConversationContentProps) => (\n  <StickToBottom.Content\n    className={cn(\"flex flex-col gap-8 p-4\", className)}\n    {...props}\n  />\n);\n\nexport type ConversationEmptyStateProps = ComponentProps<\"div\"> & {\n  title?: string;\n  description?: string;\n  icon?: React.ReactNode;\n};\n\nexport const ConversationEmptyState = ({\n  className,\n  title = \"No messages yet\",\n  description = \"Start a conversation to see messages here\",\n  icon,\n  children,\n  ...props\n}: ConversationEmptyStateProps) => (\n  <div\n    className={cn(\n      \"flex size-full flex-col items-center justify-center gap-3 p-8 text-center\",\n      className\n    )}\n    {...props}\n  >\n    {children ?? (\n      <>\n        {icon && <div className=\"text-muted-foreground\">{icon}</div>}\n        <div className=\"space-y-1\">\n          <h3 className=\"font-medium text-sm\">{title}</h3>\n          {description && (\n            <p className=\"text-muted-foreground text-sm\">{description}</p>\n          )}\n        </div>\n      </>\n    )}\n  </div>\n);\n\nexport type ConversationScrollButtonProps = ComponentProps<typeof Button>;\n\nexport const ConversationScrollButton = ({\n  className,\n  ...props\n}: ConversationScrollButtonProps) => {\n  const { isAtBottom, scrollToBottom } = useStickToBottomContext();\n\n  const handleScrollToBottom = useCallback(() => {\n    scrollToBottom();\n  }, [scrollToBottom]);\n\n  return (\n    !isAtBottom && (\n      <Button\n        className={cn(\n          \"absolute bottom-4 left-[50%] translate-x-[-50%] rounded-full dark:bg-background dark:hover:bg-accent\",\n          className\n        )}\n        onClick={handleScrollToBottom}\n        size=\"icon\"\n        type=\"button\"\n        variant=\"outline\"\n        {...props}\n      >\n        <ArrowDownIcon className=\"size-4\" />\n      </Button>\n    )\n  );\n};\n\nconst getMessageText = (message: UIMessage): string =>\n  message.parts\n    .filter((part) => part.type === \"text\")\n    .map((part) => part.text)\n    .join(\"\");\n\nexport type ConversationDownloadProps = Omit<\n  ComponentProps<typeof Button>,\n  \"onClick\"\n> & {\n  messages: UIMessage[];\n  filename?: string;\n  formatMessage?: (message: UIMessage, index: number) => string;\n};\n\nconst defaultFormatMessage = (message: UIMessage): string => {\n  const roleLabel =\n    message.role.charAt(0).toUpperCase() + message.role.slice(1);\n  return `**${roleLabel}:** ${getMessageText(message)}`;\n};\n\nexport const messagesToMarkdown = (\n  messages: UIMessage[],\n  formatMessage: (\n    message: UIMessage,\n    index: number\n  ) => string = defaultFormatMessage\n): string => messages.map((msg, i) => formatMessage(msg, i)).join(\"\\n\\n\");\n\nexport const ConversationDownload = ({\n  messages,\n  filename = \"conversation.md\",\n  formatMessage = defaultFormatMessage,\n  className,\n  children,\n  ...props\n}: ConversationDownloadProps) => {\n  const handleDownload = useCallback(() => {\n    const markdown = messagesToMarkdown(messages, formatMessage);\n    const blob = new Blob([markdown], { type: \"text/markdown\" });\n    const url = URL.createObjectURL(blob);\n    const link = document.createElement(\"a\");\n    link.href = url;\n    link.download = filename;\n    document.body.append(link);\n    link.click();\n    link.remove();\n    URL.revokeObjectURL(url);\n  }, [messages, filename, formatMessage]);\n\n  return (\n    <Button\n      className={cn(\n        \"absolute top-4 right-4 rounded-full dark:bg-background dark:hover:bg-accent\",\n        className\n      )}\n      onClick={handleDownload}\n      size=\"icon\"\n      type=\"button\"\n      variant=\"outline\"\n      {...props}\n    >\n      {children ?? <DownloadIcon className=\"size-4\" />}\n    </Button>\n  );\n};\n"],"names":["Conversation","className","props","jsx","StickToBottom","cn","ConversationContent","ConversationEmptyState","title","description","icon","children","jsxs","Fragment","ConversationScrollButton","isAtBottom","scrollToBottom","useStickToBottomContext","handleScrollToBottom","useCallback","Button","ArrowDownIcon","getMessageText","message","part","defaultFormatMessage","messagesToMarkdown","messages","formatMessage","msg","i","ConversationDownload","filename","handleDownload","markdown","blob","url","link","DownloadIcon"],"mappings":"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"}

package/dist/ai/inline-citation.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),x=require("lucide-react"),o=require("react"),p=require("../ui/badge.cjs"),u=require("../ui/carousel.cjs"),C=require("../ui/hover-card.cjs"),s=require("../lib/utils.cjs"),h=({className:e,...t})=>n.jsx("span",{className:s.cn("group inline items-center gap-1",e),...t}),j=({className:e,...t})=>n.jsx("span",{className:s.cn("transition-colors group-hover:bg-accent",e),...t}),f=e=>{try{return new URL(e).hostname}catch{return e}},N=e=>n.jsx(C.HoverCard,{closeDelay:0,openDelay:0,...e}),b=({sources:e,className:t,...i})=>n.jsx(C.HoverCardTrigger,{asChild:!0,children:n.jsx(p.Badge,{className:s.cn("ml-1 rounded-full",t),variant:"secondary",...i,children:e[0]?n.jsxs(n.Fragment,{children:[f(e[0])," ",e.length>1&&`+${e.length-1}`]}):"unknown"})}),v=({className:e,...t})=>n.jsx(C.HoverCardContent,{className:s.cn("relative w-80 p-0",e),...t}),m=o.createContext(void 0),d=()=>o.useContext(m),y=({className:e,children:t,...i})=>{const[a,r]=o.useState();return n.jsx(m.Provider,{value:a,children:n.jsx(u.Carousel,{className:s.cn("w-full",e),setApi:r,...i,children:t})})},k=e=>n.jsx(u.CarouselContent,{...e}),S=({className:e,...t})=>n.jsx(u.CarouselItem,{className:s.cn("w-full space-y-2 p-4 pl-8",e),...t}),q=({className:e,...t})=>n.jsx("div",{className:s.cn("flex items-center justify-between gap-2 rounded-t-md bg-secondary p-2",e),...t}),w=({children:e,className:t,...i})=>{const a=d(),[r,c]=o.useState(0),[I,g]=o.useState(0),l=o.useCallback(()=>{a&&(g(a.scrollSnapList().length),c(a.selectedScrollSnap()+1))},[a]);return o.useEffect(()=>{if(a)return l(),a.on("select",l),()=>{a.off("select",l)}},[a,l]),n.jsx("div",{className:s.cn("flex flex-1 items-center justify-end px-3 py-1 text-muted-foreground text-xs",t),...i,children:e??`${r}/${I}`})},H=({className:e,...t})=>{const i=d(),a=o.useCallback(()=>{i&&i.scrollPrev()},[i]);return n.jsx("button",{"aria-label":"Previous",className:s.cn("shrink-0",e),onClick:a,type:"button",...t,children:n.jsx(x.ArrowLeftIcon,{className:"size-4 text-muted-foreground"})})},P=({className:e,...t})=>{const i=d(),a=o.useCallback(()=>{i&&i.scrollNext()},[i]);return n.jsx("button",{"aria-label":"Next",className:s.cn("shrink-0",e),onClick:a,type:"button",...t,children:n.jsx(x.ArrowRightIcon,{className:"size-4 text-muted-foreground"})})},T=({title:e,url:t,description:i,className:a,children:r,...c})=>n.jsxs("div",{className:s.cn("space-y-1",a),...c,children:[e&&n.jsx("h4",{className:"truncate font-medium text-sm leading-tight",children:e}),t&&n.jsx("p",{className:"truncate break-all text-muted-foreground text-xs",children:t}),i&&n.jsx("p",{className:"line-clamp-3 text-muted-foreground text-sm leading-relaxed",children:i}),r]}),A=({children:e,className:t,...i})=>n.jsx("blockquote",{className:s.cn("border-muted border-l-2 pl-3 text-muted-foreground text-sm italic",t),...i,children:e});exports.InlineCitation=h;exports.InlineCitationCard=N;exports.InlineCitationCardBody=v;exports.InlineCitationCardTrigger=b;exports.InlineCitationCarousel=y;exports.InlineCitationCarouselContent=k;exports.InlineCitationCarouselHeader=q;exports.InlineCitationCarouselIndex=w;exports.InlineCitationCarouselItem=S;exports.InlineCitationCarouselNext=P;exports.InlineCitationCarouselPrev=H;exports.InlineCitationQuote=A;exports.InlineCitationSource=T;exports.InlineCitationText=j;
+//# sourceMappingURL=inline-citation.cjs.map

package/dist/ai/inline-citation.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-citation.cjs","sources":["../../src/components/ai/inline-citation.tsx"],"sourcesContent":["import { ArrowLeftIcon, ArrowRightIcon } from \"lucide-react\";\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useState,\n} from \"react\";\n\nimport type { CarouselApi } from \"@/components/ui/carousel\";\nimport type { ComponentProps } from \"react\";\n\nimport { Badge } from \"@/components/ui/badge\";\nimport {\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n} from \"@/components/ui/carousel\";\nimport {\n  HoverCard,\n  HoverCardContent,\n  HoverCardTrigger,\n} from \"@/components/ui/hover-card\";\nimport { cn } from \"@/lib/utils\";\n\n\n\n\nexport type InlineCitationProps = ComponentProps<\"span\">;\n\nexport const InlineCitation = ({\n  className,\n  ...props\n}: InlineCitationProps) => (\n  <span\n    className={cn(\"group inline items-center gap-1\", className)}\n    {...props}\n  />\n);\n\nexport type InlineCitationTextProps = ComponentProps<\"span\">;\n\nexport const InlineCitationText = ({\n  className,\n  ...props\n}: InlineCitationTextProps) => (\n  <span\n    className={cn(\"transition-colors group-hover:bg-accent\", className)}\n    {...props}\n  />\n);\n\nconst getHostname = (source: string) => {\n  try {\n    return new URL(source).hostname;\n  } catch {\n    return source;\n  }\n};\n\nexport type InlineCitationCardProps = ComponentProps<typeof HoverCard>;\n\nexport const InlineCitationCard = (props: InlineCitationCardProps) => (\n  <HoverCard closeDelay={0} openDelay={0} {...props} />\n);\n\nexport type InlineCitationCardTriggerProps = ComponentProps<typeof Badge> & {\n  sources: string[];\n};\n\nexport const InlineCitationCardTrigger = ({\n  sources,\n  className,\n  ...props\n}: InlineCitationCardTriggerProps) => (\n  <HoverCardTrigger asChild>\n    <Badge\n      className={cn(\"ml-1 rounded-full\", className)}\n      variant=\"secondary\"\n      {...props}\n    >\n      {sources[0] ? (\n        <>\n          {getHostname(sources[0])}{\" \"}\n          {sources.length > 1 && `+${sources.length - 1}`}\n        </>\n      ) : (\n        \"unknown\"\n      )}\n    </Badge>\n  </HoverCardTrigger>\n);\n\nexport type InlineCitationCardBodyProps = ComponentProps<\"div\">;\n\nexport const InlineCitationCardBody = ({\n  className,\n  ...props\n}: InlineCitationCardBodyProps) => (\n  <HoverCardContent className={cn(\"relative w-80 p-0\", className)} {...props} />\n);\n\nconst CarouselApiContext = createContext<CarouselApi | undefined>(undefined);\n\nconst useCarouselApi = () => {\n  return useContext(CarouselApiContext);\n};\n\nexport type InlineCitationCarouselProps = ComponentProps<typeof Carousel>;\n\nexport const InlineCitationCarousel = ({\n  className,\n  children,\n  ...props\n}: InlineCitationCarouselProps) => {\n  const [api, setApi] = useState<CarouselApi>();\n\n  return (\n    <CarouselApiContext.Provider value={api}>\n      <Carousel className={cn(\"w-full\", className)} setApi={setApi} {...props}>\n        {children}\n      </Carousel>\n    </CarouselApiContext.Provider>\n  );\n};\n\nexport type InlineCitationCarouselContentProps = ComponentProps<\"div\">;\n\nexport const InlineCitationCarouselContent = (\n  props: InlineCitationCarouselContentProps\n) => <CarouselContent {...props} />;\n\nexport type InlineCitationCarouselItemProps = ComponentProps<\"div\">;\n\nexport const InlineCitationCarouselItem = ({\n  className,\n  ...props\n}: InlineCitationCarouselItemProps) => (\n  <CarouselItem\n    className={cn(\"w-full space-y-2 p-4 pl-8\", className)}\n    {...props}\n  />\n);\n\nexport type InlineCitationCarouselHeaderProps = ComponentProps<\"div\">;\n\nexport const InlineCitationCarouselHeader = ({\n  className,\n  ...props\n}: InlineCitationCarouselHeaderProps) => (\n  <div\n    className={cn(\n      \"flex items-center justify-between gap-2 rounded-t-md bg-secondary p-2\",\n      className\n    )}\n    {...props}\n  />\n);\n\nexport type InlineCitationCarouselIndexProps = ComponentProps<\"div\">;\n\nexport const InlineCitationCarouselIndex = ({\n  children,\n  className,\n  ...props\n}: InlineCitationCarouselIndexProps) => {\n  const api = useCarouselApi();\n  const [current, setCurrent] = useState(0);\n  const [count, setCount] = useState(0);\n\n  const syncState = useCallback(() => {\n    if (!api) {\n      return;\n    }\n    setCount(api.scrollSnapList().length);\n    setCurrent(api.selectedScrollSnap() + 1);\n  }, [api]);\n\n  useEffect(() => {\n    if (!api) {\n      return;\n    }\n\n    syncState();\n\n    api.on(\"select\", syncState);\n\n    return () => {\n      api.off(\"select\", syncState);\n    };\n  }, [api, syncState]);\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-1 items-center justify-end px-3 py-1 text-muted-foreground text-xs\",\n        className\n      )}\n      {...props}\n    >\n      {children ?? `${current}/${count}`}\n    </div>\n  );\n};\n\nexport type InlineCitationCarouselPrevProps = ComponentProps<\"button\">;\n\nexport const InlineCitationCarouselPrev = ({\n  className,\n  ...props\n}: InlineCitationCarouselPrevProps) => {\n  const api = useCarouselApi();\n\n  const handleClick = useCallback(() => {\n    if (api) {\n      api.scrollPrev();\n    }\n  }, [api]);\n\n  return (\n    <button\n      aria-label=\"Previous\"\n      className={cn(\"shrink-0\", className)}\n      onClick={handleClick}\n      type=\"button\"\n      {...props}\n    >\n      <ArrowLeftIcon className=\"size-4 text-muted-foreground\" />\n    </button>\n  );\n};\n\nexport type InlineCitationCarouselNextProps = ComponentProps<\"button\">;\n\nexport const InlineCitationCarouselNext = ({\n  className,\n  ...props\n}: InlineCitationCarouselNextProps) => {\n  const api = useCarouselApi();\n\n  const handleClick = useCallback(() => {\n    if (api) {\n      api.scrollNext();\n    }\n  }, [api]);\n\n  return (\n    <button\n      aria-label=\"Next\"\n      className={cn(\"shrink-0\", className)}\n      onClick={handleClick}\n      type=\"button\"\n      {...props}\n    >\n      <ArrowRightIcon className=\"size-4 text-muted-foreground\" />\n    </button>\n  );\n};\n\nexport type InlineCitationSourceProps = ComponentProps<\"div\"> & {\n  title?: string;\n  url?: string;\n  description?: string;\n};\n\nexport const InlineCitationSource = ({\n  title,\n  url,\n  description,\n  className,\n  children,\n  ...props\n}: InlineCitationSourceProps) => (\n  <div className={cn(\"space-y-1\", className)} {...props}>\n    {title && (\n      <h4 className=\"truncate font-medium text-sm leading-tight\">{title}</h4>\n    )}\n    {url && (\n      <p className=\"truncate break-all text-muted-foreground text-xs\">{url}</p>\n    )}\n    {description && (\n      <p className=\"line-clamp-3 text-muted-foreground text-sm leading-relaxed\">\n        {description}\n      </p>\n    )}\n    {children}\n  </div>\n);\n\nexport type InlineCitationQuoteProps = ComponentProps<\"blockquote\">;\n\nexport const InlineCitationQuote = ({\n  children,\n  className,\n  ...props\n}: InlineCitationQuoteProps) => (\n  <blockquote\n    className={cn(\n      \"border-muted border-l-2 pl-3 text-muted-foreground text-sm italic\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n  </blockquote>\n);\n"],"names":["InlineCitation","className","props","jsx","cn","InlineCitationText","getHostname","source","InlineCitationCard","HoverCard","InlineCitationCardTrigger","sources","HoverCardTrigger","Badge","jsxs","Fragment","InlineCitationCardBody","HoverCardContent","CarouselApiContext","createContext","useCarouselApi","useContext","InlineCitationCarousel","children","api","setApi","useState","Carousel","InlineCitationCarouselContent","CarouselContent","InlineCitationCarouselItem","CarouselItem","InlineCitationCarouselHeader","InlineCitationCarouselIndex","current","setCurrent","count","setCount","syncState","useCallback","useEffect","InlineCitationCarouselPrev","handleClick","ArrowLeftIcon","InlineCitationCarouselNext","ArrowRightIcon","InlineCitationSource","title","url","description","InlineCitationQuote"],"mappings":"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"}

package/dist/ai/inline-citation.js

@@ -0,0 +1,182 @@
+import { jsx as n, jsxs as m, Fragment as x } from "react/jsx-runtime";
+import { ArrowRightIcon as g, ArrowLeftIcon as h } from "lucide-react";
+import { createContext as N, useState as c, useCallback as u, useEffect as I, useContext as v } from "react";
+import { Badge as b } from "../ui/badge.js";
+import { Carousel as y, CarouselContent as k, CarouselItem as w } from "../ui/carousel.js";
+import { HoverCard as S, HoverCardContent as A, HoverCardTrigger as H } from "../ui/hover-card.js";
+import { cn as a } from "../lib/utils.js";
+const R = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ n(
+  "span",
+  {
+    className: a("group inline items-center gap-1", e),
+    ...t
+  }
+), q = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ n(
+  "span",
+  {
+    className: a("transition-colors group-hover:bg-accent", e),
+    ...t
+  }
+), j = (e) => {
+  try {
+    return new URL(e).hostname;
+  } catch {
+    return e;
+  }
+}, E = (e) => /* @__PURE__ */ n(S, { closeDelay: 0, openDelay: 0, ...e }), F = ({
+  sources: e,
+  className: t,
+  ...o
+}) => /* @__PURE__ */ n(H, { asChild: !0, children: /* @__PURE__ */ n(
+  b,
+  {
+    className: a("ml-1 rounded-full", t),
+    variant: "secondary",
+    ...o,
+    children: e[0] ? /* @__PURE__ */ m(x, { children: [
+      j(e[0]),
+      " ",
+      e.length > 1 && `+${e.length - 1}`
+    ] }) : "unknown"
+  }
+) }), Q = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ n(A, { className: a("relative w-80 p-0", e), ...t }), C = N(void 0), d = () => v(C), U = ({
+  className: e,
+  children: t,
+  ...o
+}) => {
+  const [r, s] = c();
+  return /* @__PURE__ */ n(C.Provider, { value: r, children: /* @__PURE__ */ n(y, { className: a("w-full", e), setApi: s, ...o, children: t }) });
+}, G = (e) => /* @__PURE__ */ n(k, { ...e }), J = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ n(
+  w,
+  {
+    className: a("w-full space-y-2 p-4 pl-8", e),
+    ...t
+  }
+), K = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ n(
+  "div",
+  {
+    className: a(
+      "flex items-center justify-between gap-2 rounded-t-md bg-secondary p-2",
+      e
+    ),
+    ...t
+  }
+), M = ({
+  children: e,
+  className: t,
+  ...o
+}) => {
+  const r = d(), [s, i] = c(0), [p, f] = c(0), l = u(() => {
+    r && (f(r.scrollSnapList().length), i(r.selectedScrollSnap() + 1));
+  }, [r]);
+  return I(() => {
+    if (r)
+      return l(), r.on("select", l), () => {
+        r.off("select", l);
+      };
+  }, [r, l]), /* @__PURE__ */ n(
+    "div",
+    {
+      className: a(
+        "flex flex-1 items-center justify-end px-3 py-1 text-muted-foreground text-xs",
+        t
+      ),
+      ...o,
+      children: e ?? `${s}/${p}`
+    }
+  );
+}, O = ({
+  className: e,
+  ...t
+}) => {
+  const o = d(), r = u(() => {
+    o && o.scrollPrev();
+  }, [o]);
+  return /* @__PURE__ */ n(
+    "button",
+    {
+      "aria-label": "Previous",
+      className: a("shrink-0", e),
+      onClick: r,
+      type: "button",
+      ...t,
+      children: /* @__PURE__ */ n(h, { className: "size-4 text-muted-foreground" })
+    }
+  );
+}, V = ({
+  className: e,
+  ...t
+}) => {
+  const o = d(), r = u(() => {
+    o && o.scrollNext();
+  }, [o]);
+  return /* @__PURE__ */ n(
+    "button",
+    {
+      "aria-label": "Next",
+      className: a("shrink-0", e),
+      onClick: r,
+      type: "button",
+      ...t,
+      children: /* @__PURE__ */ n(g, { className: "size-4 text-muted-foreground" })
+    }
+  );
+}, W = ({
+  title: e,
+  url: t,
+  description: o,
+  className: r,
+  children: s,
+  ...i
+}) => /* @__PURE__ */ m("div", { className: a("space-y-1", r), ...i, children: [
+  e && /* @__PURE__ */ n("h4", { className: "truncate font-medium text-sm leading-tight", children: e }),
+  t && /* @__PURE__ */ n("p", { className: "truncate break-all text-muted-foreground text-xs", children: t }),
+  o && /* @__PURE__ */ n("p", { className: "line-clamp-3 text-muted-foreground text-sm leading-relaxed", children: o }),
+  s
+] }), X = ({
+  children: e,
+  className: t,
+  ...o
+}) => /* @__PURE__ */ n(
+  "blockquote",
+  {
+    className: a(
+      "border-muted border-l-2 pl-3 text-muted-foreground text-sm italic",
+      t
+    ),
+    ...o,
+    children: e
+  }
+);
+export {
+  R as InlineCitation,
+  E as InlineCitationCard,
+  Q as InlineCitationCardBody,
+  F as InlineCitationCardTrigger,
+  U as InlineCitationCarousel,
+  G as InlineCitationCarouselContent,
+  K as InlineCitationCarouselHeader,
+  M as InlineCitationCarouselIndex,
+  J as InlineCitationCarouselItem,
+  V as InlineCitationCarouselNext,
+  O as InlineCitationCarouselPrev,
+  X as InlineCitationQuote,
+  W as InlineCitationSource,
+  q as InlineCitationText
+};
+//# sourceMappingURL=inline-citation.js.map

package/dist/ai/inline-citation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-citation.js","sources":["../../src/components/ai/inline-citation.tsx"],"sourcesContent":["import { ArrowLeftIcon, ArrowRightIcon } from \"lucide-react\";\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useState,\n} from \"react\";\n\nimport type { CarouselApi } from \"@/components/ui/carousel\";\nimport type { ComponentProps } from \"react\";\n\nimport { Badge } from \"@/components/ui/badge\";\nimport {\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n} from \"@/components/ui/carousel\";\nimport {\n  HoverCard,\n  HoverCardContent,\n  HoverCardTrigger,\n} from \"@/components/ui/hover-card\";\nimport { cn } from \"@/lib/utils\";\n\n\n\n\nexport type InlineCitationProps = ComponentProps<\"span\">;\n\nexport const InlineCitation = ({\n  className,\n  ...props\n}: InlineCitationProps) => (\n  <span\n    className={cn(\"group inline items-center gap-1\", className)}\n    {...props}\n  />\n);\n\nexport type InlineCitationTextProps = ComponentProps<\"span\">;\n\nexport const InlineCitationText = ({\n  className,\n  ...props\n}: InlineCitationTextProps) => (\n  <span\n    className={cn(\"transition-colors group-hover:bg-accent\", className)}\n    {...props}\n  />\n);\n\nconst getHostname = (source: string) => {\n  try {\n    return new URL(source).hostname;\n  } catch {\n    return source;\n  }\n};\n\nexport type InlineCitationCardProps = ComponentProps<typeof HoverCard>;\n\nexport const InlineCitationCard = (props: InlineCitationCardProps) => (\n  <HoverCard closeDelay={0} openDelay={0} {...props} />\n);\n\nexport type InlineCitationCardTriggerProps = ComponentProps<typeof Badge> & {\n  sources: string[];\n};\n\nexport const InlineCitationCardTrigger = ({\n  sources,\n  className,\n  ...props\n}: InlineCitationCardTriggerProps) => (\n  <HoverCardTrigger asChild>\n    <Badge\n      className={cn(\"ml-1 rounded-full\", className)}\n      variant=\"secondary\"\n      {...props}\n    >\n      {sources[0] ? (\n        <>\n          {getHostname(sources[0])}{\" \"}\n          {sources.length > 1 && `+${sources.length - 1}`}\n        </>\n      ) : (\n        \"unknown\"\n      )}\n    </Badge>\n  </HoverCardTrigger>\n);\n\nexport type InlineCitationCardBodyProps = ComponentProps<\"div\">;\n\nexport const InlineCitationCardBody = ({\n  className,\n  ...props\n}: InlineCitationCardBodyProps) => (\n  <HoverCardContent className={cn(\"relative w-80 p-0\", className)} {...props} />\n);\n\nconst CarouselApiContext = createContext<CarouselApi | undefined>(undefined);\n\nconst useCarouselApi = () => {\n  return useContext(CarouselApiContext);\n};\n\nexport type InlineCitationCarouselProps = ComponentProps<typeof Carousel>;\n\nexport const InlineCitationCarousel = ({\n  className,\n  children,\n  ...props\n}: InlineCitationCarouselProps) => {\n  const [api, setApi] = useState<CarouselApi>();\n\n  return (\n    <CarouselApiContext.Provider value={api}>\n      <Carousel className={cn(\"w-full\", className)} setApi={setApi} {...props}>\n        {children}\n      </Carousel>\n    </CarouselApiContext.Provider>\n  );\n};\n\nexport type InlineCitationCarouselContentProps = ComponentProps<\"div\">;\n\nexport const InlineCitationCarouselContent = (\n  props: InlineCitationCarouselContentProps\n) => <CarouselContent {...props} />;\n\nexport type InlineCitationCarouselItemProps = ComponentProps<\"div\">;\n\nexport const InlineCitationCarouselItem = ({\n  className,\n  ...props\n}: InlineCitationCarouselItemProps) => (\n  <CarouselItem\n    className={cn(\"w-full space-y-2 p-4 pl-8\", className)}\n    {...props}\n  />\n);\n\nexport type InlineCitationCarouselHeaderProps = ComponentProps<\"div\">;\n\nexport const InlineCitationCarouselHeader = ({\n  className,\n  ...props\n}: InlineCitationCarouselHeaderProps) => (\n  <div\n    className={cn(\n      \"flex items-center justify-between gap-2 rounded-t-md bg-secondary p-2\",\n      className\n    )}\n    {...props}\n  />\n);\n\nexport type InlineCitationCarouselIndexProps = ComponentProps<\"div\">;\n\nexport const InlineCitationCarouselIndex = ({\n  children,\n  className,\n  ...props\n}: InlineCitationCarouselIndexProps) => {\n  const api = useCarouselApi();\n  const [current, setCurrent] = useState(0);\n  const [count, setCount] = useState(0);\n\n  const syncState = useCallback(() => {\n    if (!api) {\n      return;\n    }\n    setCount(api.scrollSnapList().length);\n    setCurrent(api.selectedScrollSnap() + 1);\n  }, [api]);\n\n  useEffect(() => {\n    if (!api) {\n      return;\n    }\n\n    syncState();\n\n    api.on(\"select\", syncState);\n\n    return () => {\n      api.off(\"select\", syncState);\n    };\n  }, [api, syncState]);\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-1 items-center justify-end px-3 py-1 text-muted-foreground text-xs\",\n        className\n      )}\n      {...props}\n    >\n      {children ?? `${current}/${count}`}\n    </div>\n  );\n};\n\nexport type InlineCitationCarouselPrevProps = ComponentProps<\"button\">;\n\nexport const InlineCitationCarouselPrev = ({\n  className,\n  ...props\n}: InlineCitationCarouselPrevProps) => {\n  const api = useCarouselApi();\n\n  const handleClick = useCallback(() => {\n    if (api) {\n      api.scrollPrev();\n    }\n  }, [api]);\n\n  return (\n    <button\n      aria-label=\"Previous\"\n      className={cn(\"shrink-0\", className)}\n      onClick={handleClick}\n      type=\"button\"\n      {...props}\n    >\n      <ArrowLeftIcon className=\"size-4 text-muted-foreground\" />\n    </button>\n  );\n};\n\nexport type InlineCitationCarouselNextProps = ComponentProps<\"button\">;\n\nexport const InlineCitationCarouselNext = ({\n  className,\n  ...props\n}: InlineCitationCarouselNextProps) => {\n  const api = useCarouselApi();\n\n  const handleClick = useCallback(() => {\n    if (api) {\n      api.scrollNext();\n    }\n  }, [api]);\n\n  return (\n    <button\n      aria-label=\"Next\"\n      className={cn(\"shrink-0\", className)}\n      onClick={handleClick}\n      type=\"button\"\n      {...props}\n    >\n      <ArrowRightIcon className=\"size-4 text-muted-foreground\" />\n    </button>\n  );\n};\n\nexport type InlineCitationSourceProps = ComponentProps<\"div\"> & {\n  title?: string;\n  url?: string;\n  description?: string;\n};\n\nexport const InlineCitationSource = ({\n  title,\n  url,\n  description,\n  className,\n  children,\n  ...props\n}: InlineCitationSourceProps) => (\n  <div className={cn(\"space-y-1\", className)} {...props}>\n    {title && (\n      <h4 className=\"truncate font-medium text-sm leading-tight\">{title}</h4>\n    )}\n    {url && (\n      <p className=\"truncate break-all text-muted-foreground text-xs\">{url}</p>\n    )}\n    {description && (\n      <p className=\"line-clamp-3 text-muted-foreground text-sm leading-relaxed\">\n        {description}\n      </p>\n    )}\n    {children}\n  </div>\n);\n\nexport type InlineCitationQuoteProps = ComponentProps<\"blockquote\">;\n\nexport const InlineCitationQuote = ({\n  children,\n  className,\n  ...props\n}: InlineCitationQuoteProps) => (\n  <blockquote\n    className={cn(\n      \"border-muted border-l-2 pl-3 text-muted-foreground text-sm italic\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n  </blockquote>\n);\n"],"names":["InlineCitation","className","props","jsx","cn","InlineCitationText","getHostname","source","InlineCitationCard","HoverCard","InlineCitationCardTrigger","sources","HoverCardTrigger","Badge","jsxs","Fragment","InlineCitationCardBody","HoverCardContent","CarouselApiContext","createContext","useCarouselApi","useContext","InlineCitationCarousel","children","api","setApi","useState","Carousel","InlineCitationCarouselContent","CarouselContent","InlineCitationCarouselItem","CarouselItem","InlineCitationCarouselHeader","InlineCitationCarouselIndex","current","setCurrent","count","setCount","syncState","useCallback","useEffect","InlineCitationCarouselPrev","handleClick","ArrowLeftIcon","InlineCitationCarouselNext","ArrowRightIcon","InlineCitationSource","title","url","description","InlineCitationQuote"],"mappings":"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"}

package/dist/ai/message.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),M=require("lucide-react"),c=require("react"),w=require("streamdown"),C=require("../components/ai/use-streamdown-plugins.cjs"),m=require("../ui/button.cjs"),f=require("../ui/button-group.cjs"),d=require("../ui/tooltip.cjs"),i=require("../lib/utils.cjs"),N=({className:e,from:s,...n})=>t.jsx("div",{className:i.cn("group flex w-full max-w-[95%] flex-col gap-2",s==="user"?"is-user ml-auto justify-end":"is-assistant",e),...n}),y=({children:e,className:s,...n})=>t.jsx("div",{className:i.cn("is-user:dark flex w-fit min-w-0 max-w-full flex-col gap-2 overflow-hidden text-sm","group-[.is-user]:ml-auto group-[.is-user]:rounded-lg group-[.is-user]:bg-secondary group-[.is-user]:px-4 group-[.is-user]:py-3 group-[.is-user]:text-foreground","group-[.is-assistant]:text-foreground",s),...n,children:e}),T=({className:e,children:s,...n})=>t.jsx("div",{className:i.cn("flex items-center gap-1",e),...n,children:s}),P=({tooltip:e,children:s,label:n,variant:a="ghost",size:r="icon-sm",...u})=>{const o=t.jsxs(m.Button,{size:r,type:"button",variant:a,...u,children:[s,t.jsx("span",{className:"sr-only",children:n||e})]});return e?t.jsx(d.TooltipProvider,{children:t.jsxs(d.Tooltip,{children:[t.jsx(d.TooltipTrigger,{asChild:!0,children:o}),t.jsx(d.TooltipContent,{children:t.jsx("p",{children:e})})]})}):o},b=c.createContext(null),g=()=>{const e=c.useContext(b);if(!e)throw new Error("MessageBranch components must be used within MessageBranch");return e},q=({defaultBranch:e=0,onBranchChange:s,className:n,...a})=>{const[r,u]=c.useState(e),[o,x]=c.useState([]),h=c.useCallback(l=>{u(l),s?.(l)},[s]),p=c.useCallback(()=>{const l=r>0?r-1:o.length-1;h(l)},[r,o.length,h]),B=c.useCallback(()=>{const l=r<o.length-1?r+1:0;h(l)},[r,o.length,h]),v=c.useMemo(()=>({branches:o,currentBranch:r,goToNext:B,goToPrevious:p,setBranches:x,totalBranches:o.length}),[o,r,B,p]);return t.jsx(b.Provider,{value:v,children:t.jsx("div",{className:i.cn("grid w-full gap-2 [&>div]:pb-0",n),...a})})},A=({children:e,...s})=>{const{currentBranch:n,setBranches:a,branches:r}=g(),u=c.useMemo(()=>Array.isArray(e)?e:[e],[e]);return c.useEffect(()=>{r.length!==u.length&&a(u)},[u,r,a]),u.map((o,x)=>t.jsx("div",{className:i.cn("grid gap-2 overflow-hidden [&>div]:pb-0",x===n?"block":"hidden"),...s,children:o},o.key))},S=({className:e,...s})=>{const{totalBranches:n}=g();return n<=1?null:t.jsx(f.ButtonGroup,{className:i.cn("[&>*:not(:first-child)]:rounded-l-md [&>*:not(:last-child)]:rounded-r-md",e),orientation:"horizontal",...s})},k=({children:e,...s})=>{const{goToPrevious:n,totalBranches:a}=g();return t.jsx(m.Button,{"aria-label":"Previous branch",disabled:a<=1,onClick:n,size:"icon-sm",type:"button",variant:"ghost",...s,children:e??t.jsx(M.ChevronLeftIcon,{size:14})})},R=({children:e,...s})=>{const{goToNext:n,totalBranches:a}=g();return t.jsx(m.Button,{"aria-label":"Next branch",disabled:a<=1,onClick:n,size:"icon-sm",type:"button",variant:"ghost",...s,children:e??t.jsx(M.ChevronRightIcon,{size:14})})},z=({className:e,...s})=>{const{currentBranch:n,totalBranches:a}=g();return t.jsx(f.ButtonGroupText,{className:i.cn("border-none bg-transparent text-muted-foreground shadow-none",e),...s,children:`${n+1} of ${a}`})},j=c.memo(({className:e,...s})=>{const n=C.useStreamdownPlugins();return t.jsx(w.Streamdown,{className:i.cn("size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0",e),plugins:n,...s})},(e,s)=>e.children===s.children&&s.isAnimating===e.isAnimating);j.displayName="MessageResponse";const G=({className:e,children:s,...n})=>t.jsx("div",{className:i.cn("mt-4 flex w-full items-center justify-between gap-4",e),...n,children:s});exports.Message=N;exports.MessageAction=P;exports.MessageActions=T;exports.MessageBranch=q;exports.MessageBranchContent=A;exports.MessageBranchNext=R;exports.MessageBranchPage=z;exports.MessageBranchPrevious=k;exports.MessageBranchSelector=S;exports.MessageContent=y;exports.MessageResponse=j;exports.MessageToolbar=G;
+//# sourceMappingURL=message.cjs.map

package/dist/ai/message.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.cjs","sources":["../../src/components/ai/message.tsx"],"sourcesContent":["import { ChevronLeftIcon, ChevronRightIcon } from \"lucide-react\";\nimport {\n  createContext,\n  memo,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { Streamdown } from \"streamdown\";\n\nimport { useStreamdownPlugins } from \"./use-streamdown-plugins\";\n\nimport type { UIMessage } from \"ai\";\nimport type { ComponentProps, HTMLAttributes, ReactElement } from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport {\n  ButtonGroup,\n  ButtonGroupText,\n} from \"@/components/ui/button-group\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\nimport { cn } from \"@/lib/utils\";\n\nexport type MessageProps = HTMLAttributes<HTMLDivElement> & {\n  from: UIMessage[\"role\"];\n};\n\nexport const Message = ({ className, from, ...props }: MessageProps) => (\n  <div\n    className={cn(\n      \"group flex w-full max-w-[95%] flex-col gap-2\",\n      from === \"user\" ? \"is-user ml-auto justify-end\" : \"is-assistant\",\n      className\n    )}\n    {...props}\n  />\n);\n\nexport type MessageContentProps = HTMLAttributes<HTMLDivElement>;\n\nexport const MessageContent = ({\n  children,\n  className,\n  ...props\n}: MessageContentProps) => (\n  <div\n    className={cn(\n      \"is-user:dark flex w-fit min-w-0 max-w-full flex-col gap-2 overflow-hidden text-sm\",\n      \"group-[.is-user]:ml-auto group-[.is-user]:rounded-lg group-[.is-user]:bg-secondary group-[.is-user]:px-4 group-[.is-user]:py-3 group-[.is-user]:text-foreground\",\n      \"group-[.is-assistant]:text-foreground\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n);\n\nexport type MessageActionsProps = ComponentProps<\"div\">;\n\nexport const MessageActions = ({\n  className,\n  children,\n  ...props\n}: MessageActionsProps) => (\n  <div className={cn(\"flex items-center gap-1\", className)} {...props}>\n    {children}\n  </div>\n);\n\nexport type MessageActionProps = ComponentProps<typeof Button> & {\n  tooltip?: string;\n  label?: string;\n};\n\nexport const MessageAction = ({\n  tooltip,\n  children,\n  label,\n  variant = \"ghost\",\n  size = \"icon-sm\",\n  ...props\n}: MessageActionProps) => {\n  const button = (\n    <Button size={size} type=\"button\" variant={variant} {...props}>\n      {children}\n      <span className=\"sr-only\">{label || tooltip}</span>\n    </Button>\n  );\n\n  if (tooltip) {\n    return (\n      <TooltipProvider>\n        <Tooltip>\n          <TooltipTrigger asChild>{button}</TooltipTrigger>\n          <TooltipContent>\n            <p>{tooltip}</p>\n          </TooltipContent>\n        </Tooltip>\n      </TooltipProvider>\n    );\n  }\n\n  return button;\n};\n\ninterface MessageBranchContextType {\n  currentBranch: number;\n  totalBranches: number;\n  goToPrevious: () => void;\n  goToNext: () => void;\n  branches: ReactElement[];\n  setBranches: (branches: ReactElement[]) => void;\n}\n\nconst MessageBranchContext = createContext<MessageBranchContextType | null>(\n  null\n);\n\nconst useMessageBranch = () => {\n  const context = useContext(MessageBranchContext);\n\n  if (!context) {\n    throw new Error(\n      \"MessageBranch components must be used within MessageBranch\"\n    );\n  }\n\n  return context;\n};\n\nexport type MessageBranchProps = HTMLAttributes<HTMLDivElement> & {\n  defaultBranch?: number;\n  onBranchChange?: (branchIndex: number) => void;\n};\n\nexport const MessageBranch = ({\n  defaultBranch = 0,\n  onBranchChange,\n  className,\n  ...props\n}: MessageBranchProps) => {\n  const [currentBranch, setCurrentBranch] = useState(defaultBranch);\n  const [branches, setBranches] = useState<ReactElement[]>([]);\n\n  const handleBranchChange = useCallback(\n    (newBranch: number) => {\n      setCurrentBranch(newBranch);\n      onBranchChange?.(newBranch);\n    },\n    [onBranchChange]\n  );\n\n  const goToPrevious = useCallback(() => {\n    const newBranch =\n      currentBranch > 0 ? currentBranch - 1 : branches.length - 1;\n    handleBranchChange(newBranch);\n  }, [currentBranch, branches.length, handleBranchChange]);\n\n  const goToNext = useCallback(() => {\n    const newBranch =\n      currentBranch < branches.length - 1 ? currentBranch + 1 : 0;\n    handleBranchChange(newBranch);\n  }, [currentBranch, branches.length, handleBranchChange]);\n\n  const contextValue = useMemo<MessageBranchContextType>(\n    () => ({\n      branches,\n      currentBranch,\n      goToNext,\n      goToPrevious,\n      setBranches,\n      totalBranches: branches.length,\n    }),\n    [branches, currentBranch, goToNext, goToPrevious]\n  );\n\n  return (\n    <MessageBranchContext.Provider value={contextValue}>\n      <div\n        className={cn(\"grid w-full gap-2 [&>div]:pb-0\", className)}\n        {...props}\n      />\n    </MessageBranchContext.Provider>\n  );\n};\n\nexport type MessageBranchContentProps = HTMLAttributes<HTMLDivElement>;\n\nexport const MessageBranchContent = ({\n  children,\n  ...props\n}: MessageBranchContentProps) => {\n  const { currentBranch, setBranches, branches } = useMessageBranch();\n  const childrenArray = useMemo(\n    () => (Array.isArray(children) ? children : [children]),\n    [children]\n  );\n\n  // Use useEffect to update branches when they change\n  useEffect(() => {\n    if (branches.length !== childrenArray.length) {\n      setBranches(childrenArray);\n    }\n  }, [childrenArray, branches, setBranches]);\n\n  return childrenArray.map((branch, index) => (\n    <div\n      className={cn(\n        \"grid gap-2 overflow-hidden [&>div]:pb-0\",\n        index === currentBranch ? \"block\" : \"hidden\"\n      )}\n      key={branch.key}\n      {...props}\n    >\n      {branch}\n    </div>\n  ));\n};\n\nexport type MessageBranchSelectorProps = ComponentProps<typeof ButtonGroup>;\n\nexport const MessageBranchSelector = ({\n  className,\n  ...props\n}: MessageBranchSelectorProps) => {\n  const { totalBranches } = useMessageBranch();\n\n  // Don't render if there's only one branch\n  if (totalBranches <= 1) {\n    return null;\n  }\n\n  return (\n    <ButtonGroup\n      className={cn(\n        \"[&>*:not(:first-child)]:rounded-l-md [&>*:not(:last-child)]:rounded-r-md\",\n        className\n      )}\n      orientation=\"horizontal\"\n      {...props}\n    />\n  );\n};\n\nexport type MessageBranchPreviousProps = ComponentProps<typeof Button>;\n\nexport const MessageBranchPrevious = ({\n  children,\n  ...props\n}: MessageBranchPreviousProps) => {\n  const { goToPrevious, totalBranches } = useMessageBranch();\n\n  return (\n    <Button\n      aria-label=\"Previous branch\"\n      disabled={totalBranches <= 1}\n      onClick={goToPrevious}\n      size=\"icon-sm\"\n      type=\"button\"\n      variant=\"ghost\"\n      {...props}\n    >\n      {children ?? <ChevronLeftIcon size={14} />}\n    </Button>\n  );\n};\n\nexport type MessageBranchNextProps = ComponentProps<typeof Button>;\n\nexport const MessageBranchNext = ({\n  children,\n  ...props\n}: MessageBranchNextProps) => {\n  const { goToNext, totalBranches } = useMessageBranch();\n\n  return (\n    <Button\n      aria-label=\"Next branch\"\n      disabled={totalBranches <= 1}\n      onClick={goToNext}\n      size=\"icon-sm\"\n      type=\"button\"\n      variant=\"ghost\"\n      {...props}\n    >\n      {children ?? <ChevronRightIcon size={14} />}\n    </Button>\n  );\n};\n\nexport type MessageBranchPageProps = HTMLAttributes<HTMLSpanElement>;\n\nexport const MessageBranchPage = ({\n  className,\n  ...props\n}: MessageBranchPageProps) => {\n  const { currentBranch, totalBranches } = useMessageBranch();\n\n  return (\n    <ButtonGroupText\n      className={cn(\n        \"border-none bg-transparent text-muted-foreground shadow-none\",\n        className\n      )}\n      {...props}\n    >\n      {`${currentBranch + 1} of ${totalBranches}`}\n    </ButtonGroupText>\n  );\n};\n\nexport type MessageResponseProps = ComponentProps<typeof Streamdown>;\n\nexport const MessageResponse = memo(\n  ({ className, ...props }: MessageResponseProps) => {\n    // Plugins load lazily (SW-2007): markdown streams in immediately and\n    // code/math/mermaid rendering upgrades in place once the chunk arrives.\n    const plugins = useStreamdownPlugins();\n\n    return (\n      <Streamdown\n        className={cn(\n          \"size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0\",\n          className\n        )}\n        plugins={plugins}\n        {...props}\n      />\n    );\n  },\n  (prevProps, nextProps) =>\n    prevProps.children === nextProps.children &&\n    nextProps.isAnimating === prevProps.isAnimating\n);\n\nMessageResponse.displayName = \"MessageResponse\";\n\nexport type MessageToolbarProps = ComponentProps<\"div\">;\n\nexport const MessageToolbar = ({\n  className,\n  children,\n  ...props\n}: MessageToolbarProps) => (\n  <div\n    className={cn(\n      \"mt-4 flex w-full items-center justify-between gap-4\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n);\n"],"names":["Message","className","from","props","jsx","cn","MessageContent","children","MessageActions","MessageAction","tooltip","label","variant","size","button","Button","TooltipProvider","jsxs","Tooltip","TooltipTrigger","TooltipContent","MessageBranchContext","createContext","useMessageBranch","context","useContext","MessageBranch","defaultBranch","onBranchChange","currentBranch","setCurrentBranch","useState","branches","setBranches","handleBranchChange","useCallback","newBranch","goToPrevious","goToNext","contextValue","useMemo","MessageBranchContent","childrenArray","useEffect","branch","index","MessageBranchSelector","totalBranches","ButtonGroup","MessageBranchPrevious","ChevronLeftIcon","MessageBranchNext","ChevronRightIcon","MessageBranchPage","ButtonGroupText","MessageResponse","memo","plugins","useStreamdownPlugins","Streamdown","prevProps","nextProps","MessageToolbar"],"mappings":"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"}

package/dist/ai/message.js

@@ -0,0 +1,237 @@
+import { jsx as n, jsxs as x } from "react/jsx-runtime";
+import { ChevronRightIcon as w, ChevronLeftIcon as N } from "lucide-react";
+import { createContext as y, memo as C, useState as B, useCallback as g, useMemo as b, useEffect as T, useContext as A } from "react";
+import { Streamdown as k } from "streamdown";
+import { useStreamdownPlugins as z } from "../components/ai/use-streamdown-plugins.js";
+import { Button as m } from "../ui/button.js";
+import { ButtonGroupText as P, ButtonGroup as j } from "../ui/button-group.js";
+import { TooltipProvider as S, Tooltip as R, TooltipTrigger as E, TooltipContent as G } from "../ui/tooltip.js";
+import { cn as c } from "../lib/utils.js";
+const O = ({ className: e, from: s, ...t }) => /* @__PURE__ */ n(
+  "div",
+  {
+    className: c(
+      "group flex w-full max-w-[95%] flex-col gap-2",
+      s === "user" ? "is-user ml-auto justify-end" : "is-assistant",
+      e
+    ),
+    ...t
+  }
+), Q = ({
+  children: e,
+  className: s,
+  ...t
+}) => /* @__PURE__ */ n(
+  "div",
+  {
+    className: c(
+      "is-user:dark flex w-fit min-w-0 max-w-full flex-col gap-2 overflow-hidden text-sm",
+      "group-[.is-user]:ml-auto group-[.is-user]:rounded-lg group-[.is-user]:bg-secondary group-[.is-user]:px-4 group-[.is-user]:py-3 group-[.is-user]:text-foreground",
+      "group-[.is-assistant]:text-foreground",
+      s
+    ),
+    ...t,
+    children: e
+  }
+), U = ({
+  className: e,
+  children: s,
+  ...t
+}) => /* @__PURE__ */ n("div", { className: c("flex items-center gap-1", e), ...t, children: s }), W = ({
+  tooltip: e,
+  children: s,
+  label: t,
+  variant: a = "ghost",
+  size: r = "icon-sm",
+  ...i
+}) => {
+  const o = /* @__PURE__ */ x(m, { size: r, type: "button", variant: a, ...i, children: [
+    s,
+    /* @__PURE__ */ n("span", { className: "sr-only", children: t || e })
+  ] });
+  return e ? /* @__PURE__ */ n(S, { children: /* @__PURE__ */ x(R, { children: [
+    /* @__PURE__ */ n(E, { asChild: !0, children: o }),
+    /* @__PURE__ */ n(G, { children: /* @__PURE__ */ n("p", { children: e }) })
+  ] }) }) : o;
+}, v = y(
+  null
+), u = () => {
+  const e = A(v);
+  if (!e)
+    throw new Error(
+      "MessageBranch components must be used within MessageBranch"
+    );
+  return e;
+}, X = ({
+  defaultBranch: e = 0,
+  onBranchChange: s,
+  className: t,
+  ...a
+}) => {
+  const [r, i] = B(e), [o, d] = B([]), h = g(
+    (l) => {
+      i(l), s?.(l);
+    },
+    [s]
+  ), p = g(() => {
+    const l = r > 0 ? r - 1 : o.length - 1;
+    h(l);
+  }, [r, o.length, h]), f = g(() => {
+    const l = r < o.length - 1 ? r + 1 : 0;
+    h(l);
+  }, [r, o.length, h]), M = b(
+    () => ({
+      branches: o,
+      currentBranch: r,
+      goToNext: f,
+      goToPrevious: p,
+      setBranches: d,
+      totalBranches: o.length
+    }),
+    [o, r, f, p]
+  );
+  return /* @__PURE__ */ n(v.Provider, { value: M, children: /* @__PURE__ */ n(
+    "div",
+    {
+      className: c("grid w-full gap-2 [&>div]:pb-0", t),
+      ...a
+    }
+  ) });
+}, Y = ({
+  children: e,
+  ...s
+}) => {
+  const { currentBranch: t, setBranches: a, branches: r } = u(), i = b(
+    () => Array.isArray(e) ? e : [e],
+    [e]
+  );
+  return T(() => {
+    r.length !== i.length && a(i);
+  }, [i, r, a]), i.map((o, d) => /* @__PURE__ */ n(
+    "div",
+    {
+      className: c(
+        "grid gap-2 overflow-hidden [&>div]:pb-0",
+        d === t ? "block" : "hidden"
+      ),
+      ...s,
+      children: o
+    },
+    o.key
+  ));
+}, Z = ({
+  className: e,
+  ...s
+}) => {
+  const { totalBranches: t } = u();
+  return t <= 1 ? null : /* @__PURE__ */ n(
+    j,
+    {
+      className: c(
+        "[&>*:not(:first-child)]:rounded-l-md [&>*:not(:last-child)]:rounded-r-md",
+        e
+      ),
+      orientation: "horizontal",
+      ...s
+    }
+  );
+}, _ = ({
+  children: e,
+  ...s
+}) => {
+  const { goToPrevious: t, totalBranches: a } = u();
+  return /* @__PURE__ */ n(
+    m,
+    {
+      "aria-label": "Previous branch",
+      disabled: a <= 1,
+      onClick: t,
+      size: "icon-sm",
+      type: "button",
+      variant: "ghost",
+      ...s,
+      children: e ?? /* @__PURE__ */ n(N, { size: 14 })
+    }
+  );
+}, ee = ({
+  children: e,
+  ...s
+}) => {
+  const { goToNext: t, totalBranches: a } = u();
+  return /* @__PURE__ */ n(
+    m,
+    {
+      "aria-label": "Next branch",
+      disabled: a <= 1,
+      onClick: t,
+      size: "icon-sm",
+      type: "button",
+      variant: "ghost",
+      ...s,
+      children: e ?? /* @__PURE__ */ n(w, { size: 14 })
+    }
+  );
+}, se = ({
+  className: e,
+  ...s
+}) => {
+  const { currentBranch: t, totalBranches: a } = u();
+  return /* @__PURE__ */ n(
+    P,
+    {
+      className: c(
+        "border-none bg-transparent text-muted-foreground shadow-none",
+        e
+      ),
+      ...s,
+      children: `${t + 1} of ${a}`
+    }
+  );
+}, I = C(
+  ({ className: e, ...s }) => {
+    const t = z();
+    return /* @__PURE__ */ n(
+      k,
+      {
+        className: c(
+          "size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0",
+          e
+        ),
+        plugins: t,
+        ...s
+      }
+    );
+  },
+  (e, s) => e.children === s.children && s.isAnimating === e.isAnimating
+);
+I.displayName = "MessageResponse";
+const te = ({
+  className: e,
+  children: s,
+  ...t
+}) => /* @__PURE__ */ n(
+  "div",
+  {
+    className: c(
+      "mt-4 flex w-full items-center justify-between gap-4",
+      e
+    ),
+    ...t,
+    children: s
+  }
+);
+export {
+  O as Message,
+  W as MessageAction,
+  U as MessageActions,
+  X as MessageBranch,
+  Y as MessageBranchContent,
+  ee as MessageBranchNext,
+  se as MessageBranchPage,
+  _ as MessageBranchPrevious,
+  Z as MessageBranchSelector,
+  Q as MessageContent,
+  I as MessageResponse,
+  te as MessageToolbar
+};
+//# sourceMappingURL=message.js.map