@tetrascience-npm/tetrascience-react-ui 0.7.0-beta.108.1 → 0.7.0-beta.128.1

package/dist/components/ai/message.js

@@ -1,16 +1,13 @@
 import { jsx as n, jsxs as x } from "react/jsx-runtime";
-import { cjk as w } from "@streamdown/cjk";
-import { code as N } from "@streamdown/code";
-import { math as y } from "@streamdown/math";
-import { mermaid as C } from "@streamdown/mermaid";
-import { ChevronRightIcon as T, ChevronLeftIcon as k } from "lucide-react";
-import { createContext as A, memo as z, useState as B, useCallback as d, useMemo as b, useEffect as P, useContext as j } from "react";
-import { Streamdown as R } from "streamdown";
-import { Button as g } from "../ui/button.js";
-import { ButtonGroupText as S, ButtonGroup as E } from "../ui/button-group.js";
-import { TooltipProvider as G, Tooltip as I, TooltipTrigger as $, TooltipContent as L } from "../ui/tooltip.js";
+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 "./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 _ = ({ className: e, from: s, ...t }) => /* @__PURE__ */ n(
+const O = ({ className: e, from: s, ...t }) => /* @__PURE__ */ n(
   "div",
   {
     className: c(
@@ -20,7 +17,7 @@ const _ = ({ className: e, from: s, ...t }) => /* @__PURE__ */ n(
     ),
     ...t
   }
-), ee = ({
+), Q = ({
   children: e,
   className: s,
   ...t
@@ -36,11 +33,11 @@ const _ = ({ className: e, from: s, ...t }) => /* @__PURE__ */ n(
     ...t,
     children: e
   }
-), se = ({
+), U = ({
   className: e,
   children: s,
   ...t
-}) => /* @__PURE__ */ n("div", { className: c("flex items-center gap-1", e), ...t, children: s }), te = ({
+}) => /* @__PURE__ */ n("div", { className: c("flex items-center gap-1", e), ...t, children: s }), W = ({
   tooltip: e,
   children: s,
   label: t,
@@ -48,47 +45,47 @@ const _ = ({ className: e, from: s, ...t }) => /* @__PURE__ */ n(
   size: r = "icon-sm",
   ...i
 }) => {
-  const o = /* @__PURE__ */ x(g, { size: r, type: "button", variant: a, ...i, children: [
+  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(G, { children: /* @__PURE__ */ x(I, { children: [
-    /* @__PURE__ */ n($, { asChild: !0, children: o }),
-    /* @__PURE__ */ n(L, { children: /* @__PURE__ */ n("p", { children: 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 = A(
+}, v = y(
   null
 ), u = () => {
-  const e = j(v);
+  const e = A(v);
   if (!e)
     throw new Error(
       "MessageBranch components must be used within MessageBranch"
     );
   return e;
-}, ne = ({
+}, X = ({
   defaultBranch: e = 0,
   onBranchChange: s,
   className: t,
   ...a
 }) => {
-  const [r, i] = B(e), [o, h] = B([]), m = d(
+  const [r, i] = B(e), [o, d] = B([]), h = g(
     (l) => {
       i(l), s?.(l);
     },
     [s]
-  ), p = d(() => {
+  ), p = g(() => {
     const l = r > 0 ? r - 1 : o.length - 1;
-    m(l);
-  }, [r, o.length, m]), f = d(() => {
+    h(l);
+  }, [r, o.length, h]), f = g(() => {
     const l = r < o.length - 1 ? r + 1 : 0;
-    m(l);
-  }, [r, o.length, m]), M = b(
+    h(l);
+  }, [r, o.length, h]), M = b(
     () => ({
       branches: o,
       currentBranch: r,
       goToNext: f,
       goToPrevious: p,
-      setBranches: h,
+      setBranches: d,
       totalBranches: o.length
     }),
     [o, r, f, p]
@@ -100,7 +97,7 @@ const _ = ({ className: e, from: s, ...t }) => /* @__PURE__ */ n(
       ...a
     }
   ) });
-}, re = ({
+}, Y = ({
   children: e,
   ...s
 }) => {
@@ -108,27 +105,27 @@ const _ = ({ className: e, from: s, ...t }) => /* @__PURE__ */ n(
     () => Array.isArray(e) ? e : [e],
     [e]
   );
-  return P(() => {
+  return T(() => {
     r.length !== i.length && a(i);
-  }, [i, r, a]), i.map((o, h) => /* @__PURE__ */ n(
+  }, [i, r, a]), i.map((o, d) => /* @__PURE__ */ n(
     "div",
     {
       className: c(
         "grid gap-2 overflow-hidden [&>div]:pb-0",
-        h === t ? "block" : "hidden"
+        d === t ? "block" : "hidden"
       ),
       ...s,
       children: o
     },
     o.key
   ));
-}, oe = ({
+}, Z = ({
   className: e,
   ...s
 }) => {
   const { totalBranches: t } = u();
   return t <= 1 ? null : /* @__PURE__ */ n(
-    E,
+    j,
     {
       className: c(
         "[&>*:not(:first-child)]:rounded-l-md [&>*:not(:last-child)]:rounded-r-md",
@@ -138,13 +135,13 @@ const _ = ({ className: e, from: s, ...t }) => /* @__PURE__ */ n(
       ...s
     }
   );
-}, ae = ({
+}, _ = ({
   children: e,
   ...s
 }) => {
   const { goToPrevious: t, totalBranches: a } = u();
   return /* @__PURE__ */ n(
-    g,
+    m,
     {
       "aria-label": "Previous branch",
       disabled: a <= 1,
@@ -153,16 +150,16 @@ const _ = ({ className: e, from: s, ...t }) => /* @__PURE__ */ n(
       type: "button",
       variant: "ghost",
       ...s,
-      children: e ?? /* @__PURE__ */ n(k, { size: 14 })
+      children: e ?? /* @__PURE__ */ n(N, { size: 14 })
     }
   );
-}, ce = ({
+}, ee = ({
   children: e,
   ...s
 }) => {
   const { goToNext: t, totalBranches: a } = u();
   return /* @__PURE__ */ n(
-    g,
+    m,
     {
       "aria-label": "Next branch",
       disabled: a <= 1,
@@ -171,16 +168,16 @@ const _ = ({ className: e, from: s, ...t }) => /* @__PURE__ */ n(
       type: "button",
       variant: "ghost",
       ...s,
-      children: e ?? /* @__PURE__ */ n(T, { size: 14 })
+      children: e ?? /* @__PURE__ */ n(w, { size: 14 })
     }
   );
-}, ie = ({
+}, se = ({
   className: e,
   ...s
 }) => {
   const { currentBranch: t, totalBranches: a } = u();
   return /* @__PURE__ */ n(
-    S,
+    P,
     {
       className: c(
         "border-none bg-transparent text-muted-foreground shadow-none",
@@ -190,22 +187,25 @@ const _ = ({ className: e, from: s, ...t }) => /* @__PURE__ */ n(
       children: `${t + 1} of ${a}`
     }
   );
-}, V = { cjk: w, code: N, math: y, mermaid: C }, q = z(
-  ({ className: e, ...s }) => /* @__PURE__ */ n(
-    R,
-    {
-      className: c(
-        "size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0",
-        e
-      ),
-      plugins: V,
-      ...s
-    }
-  ),
+}, 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
 );
-q.displayName = "MessageResponse";
-const le = ({
+I.displayName = "MessageResponse";
+const te = ({
   className: e,
   children: s,
   ...t
@@ -221,17 +221,17 @@ const le = ({
   }
 );
 export {
-  _ as Message,
-  te as MessageAction,
-  se as MessageActions,
-  ne as MessageBranch,
-  re as MessageBranchContent,
-  ce as MessageBranchNext,
-  ie as MessageBranchPage,
-  ae as MessageBranchPrevious,
-  oe as MessageBranchSelector,
-  ee as MessageContent,
-  q as MessageResponse,
-  le as MessageToolbar
+  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

package/dist/components/ai/message.js.map

@@ -1 +1 @@
-{"version":3,"file":"message.js","sources":["../../../src/components/ai/message.tsx"],"sourcesContent":["import { cjk } from \"@streamdown/cjk\";\nimport { code } from \"@streamdown/code\";\nimport { math } from \"@streamdown/math\";\nimport { mermaid } from \"@streamdown/mermaid\";\nimport { 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 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\nconst streamdownPlugins = { cjk, code, math, mermaid };\n\nexport const MessageResponse = memo(\n  ({ className, ...props }: MessageResponseProps) => (\n    <Streamdown\n      className={cn(\n        \"size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0\",\n        className\n      )}\n      plugins={streamdownPlugins}\n      {...props}\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","streamdownPlugins","cjk","code","math","mermaid","MessageResponse","memo","Streamdown","prevProps","nextProps","MessageToolbar"],"mappings":"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"}
+{"version":3,"file":"message.js","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/components/ai/prompt-input.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),M=require("lucide-react"),n=require("react"),D=require("../ui/command.cjs"),E=require("../ui/dropdown-menu.cjs"),K=require("../ui/hover-card.cjs"),O=require("../ui/input-group.cjs"),q=require("../ui/select.cjs"),pe=require("../ui/spinner.cjs"),V=require("../ui/tooltip.cjs"),l=require("../../lib/utils.cjs"),de=async e=>{try{const o=await(await fetch(e)).blob();return new Promise(s=>{const u=new FileReader;u.onloadend=()=>s(u.result),u.onerror=()=>s(null),u.readAsDataURL(o)})}catch{return null}},fe=async()=>{if(typeof navigator>"u"||!navigator.mediaDevices?.getDisplayMedia)return null;let e=null;const t=document.createElement("video");t.muted=!0,t.playsInline=!0;try{e=await navigator.mediaDevices.getDisplayMedia({audio:!1,video:!0}),t.srcObject=e,await new Promise((g,b)=>{t.onloadedmetadata=()=>g(),t.onerror=()=>b(new Error("Failed to load screen stream"))}),await t.play();const o=t.videoWidth,s=t.videoHeight;if(!o||!s)return null;const u=document.createElement("canvas");u.width=o,u.height=s;const i=u.getContext("2d");if(!i)return null;i.drawImage(t,0,0,o,s);const a=await new Promise(g=>{u.toBlob(g,"image/png")});if(!a)return null;const h=new Date().toISOString().replace(/[:.]/g,"-").replace("T","_").replace("Z","");return new File([a],`screenshot-${h}.png`,{lastModified:Date.now(),type:"image/png"})}finally{if(e)for(const o of e.getTracks())o.stop();t.pause(),t.srcObject=null}},X=n.createContext(null),Z=n.createContext(null),Ie=()=>{const e=n.useContext(X);if(!e)throw new Error("Wrap your component inside <PromptInputProvider> to use usePromptInputController().");return e},$=()=>n.useContext(X),he=()=>{const e=n.useContext(Z);if(!e)throw new Error("Wrap your component inside <PromptInputProvider> to use useProviderAttachments().");return e},ge=()=>n.useContext(Z),Pe=({initialInput:e="",children:t})=>{const[o,s]=n.useState(e),u=n.useCallback(()=>s(""),[]),[i,a]=n.useState([]),h=n.useRef(null),g=n.useRef(()=>{}),b=n.useCallback(m=>{const v=[...m];v.length!==0&&a(A=>[...A,...v.map(k=>({filename:k.name,id:crypto.randomUUID(),mediaType:k.type,type:"file",url:URL.createObjectURL(k)}))])},[]),R=n.useCallback(m=>{a(v=>{const A=v.find(k=>k.id===m);return A?.url&&URL.revokeObjectURL(A.url),v.filter(k=>k.id!==m)})},[]),f=n.useCallback(()=>{a(m=>{for(const v of m)v.url&&URL.revokeObjectURL(v.url);return[]})},[]),P=n.useRef(i);n.useEffect(()=>{P.current=i},[i]),n.useEffect(()=>()=>{for(const m of P.current)m.url&&URL.revokeObjectURL(m.url)},[]);const S=n.useCallback(()=>{g.current?.()},[]),d=n.useMemo(()=>({add:b,clear:f,fileInputRef:h,files:i,openFileDialog:S,remove:R}),[i,b,R,f,S]),w=n.useCallback((m,v)=>{h.current=m.current,g.current=v},[]),T=n.useMemo(()=>({__registerFileInput:w,attachments:d,textInput:{clear:u,setInput:s,value:o}}),[o,u,d,w]);return r.jsx(X.Provider,{value:T,children:r.jsx(Z.Provider,{value:d,children:t})})},ee=n.createContext(null),G=()=>{const e=ge(),o=n.useContext(ee)??e;if(!o)throw new Error("usePromptInputAttachments must be used within a PromptInput or PromptInputProvider");return o},J=n.createContext(null),xe=()=>{const e=n.useContext(J);if(!e)throw new Error("usePromptInputReferencedSources must be used within a LocalReferencedSourcesContext.Provider");return e},Ce=({label:e="Add photos or files",...t})=>{const o=G(),s=n.useCallback(u=>{u.preventDefault(),o.openFileDialog()},[o]);return r.jsxs(E.DropdownMenuItem,{...t,onSelect:s,children:[r.jsx(M.ImageIcon,{className:"mr-2 size-4"})," ",e]})},ve=({label:e="Take screenshot",onSelect:t,...o})=>{const s=G(),u=n.useCallback(async i=>{if(t?.(i),!i.defaultPrevented)try{const a=await fe();a&&s.add([a])}catch(a){if(a instanceof DOMException&&(a.name==="NotAllowedError"||a.name==="AbortError"))return;throw a}},[t,s]);return r.jsxs(E.DropdownMenuItem,{...o,onSelect:u,children:[r.jsx(M.Monitor,{className:"mr-2 size-4"}),e]})},be=({className:e,accept:t,multiple:o,globalDrop:s,syncHiddenInput:u,maxFiles:i,maxFileSize:a,onError:h,onSubmit:g,children:b,...R})=>{const f=$(),P=!!f,S=n.useRef(null),d=n.useRef(null),[w,T]=n.useState([]),m=P?f.attachments.files:w,[v,A]=n.useState([]),k=n.useRef(m);n.useEffect(()=>{k.current=m},[m]);const ne=n.useCallback(()=>{S.current?.click()},[]),z=n.useCallback(c=>!t||t.trim()===""?!0:t.split(",").map(p=>p.trim()).filter(Boolean).some(p=>{if(p.endsWith("/*")){const C=p.slice(0,-1);return c.type.startsWith(C)}return c.type===p}),[t]),re=n.useCallback(c=>{const I=[...c],p=I.filter(y=>z(y));if(I.length&&p.length===0){h?.({code:"accept",message:"No files match the accepted types."});return}const C=y=>a?y.size<=a:!0,x=p.filter(C);if(p.length>0&&x.length===0){h?.({code:"max_file_size",message:"All files exceed the maximum size."});return}T(y=>{const j=typeof i=="number"?Math.max(0,i-y.length):void 0,L=typeof j=="number"?x.slice(0,j):x;typeof j=="number"&&x.length>j&&h?.({code:"max_files",message:"Too many files. Some were not added."});const U=[];for(const W of L)U.push({filename:W.name,id:crypto.randomUUID(),mediaType:W.type,type:"file",url:URL.createObjectURL(W)});return[...y,...U]})},[z,i,a,h]),oe=n.useCallback(c=>T(I=>{const p=I.find(C=>C.id===c);return p?.url&&URL.revokeObjectURL(p.url),I.filter(C=>C.id!==c)}),[]),se=n.useCallback(c=>{const I=[...c],p=I.filter(U=>z(U));if(I.length&&p.length===0){h?.({code:"accept",message:"No files match the accepted types."});return}const C=U=>a?U.size<=a:!0,x=p.filter(C);if(p.length>0&&x.length===0){h?.({code:"max_file_size",message:"All files exceed the maximum size."});return}const y=m.length,j=typeof i=="number"?Math.max(0,i-y):void 0,L=typeof j=="number"?x.slice(0,j):x;typeof j=="number"&&x.length>j&&h?.({code:"max_files",message:"Too many files. Some were not added."}),L.length>0&&f?.attachments.add(L)},[z,a,i,h,m.length,f]),B=n.useCallback(()=>P?f?.attachments.clear():T(c=>{for(const I of c)I.url&&URL.revokeObjectURL(I.url);return[]}),[P,f]),H=n.useCallback(()=>A([]),[]),N=P?se:re,Q=P?f.attachments.remove:oe,Y=P?f.attachments.openFileDialog:ne,F=n.useCallback(()=>{B(),H()},[B,H]);n.useEffect(()=>{P&&f.__registerFileInput(S,()=>S.current?.click())},[P,f]),n.useEffect(()=>{u&&S.current&&m.length===0&&(S.current.value="")},[m,u]);const _=n.useCallback((c,I)=>{const p=x=>{x.dataTransfer?.types?.includes("Files")&&x.preventDefault()},C=x=>{const y=x;y.dataTransfer?.types?.includes("Files")&&x.preventDefault(),y.dataTransfer?.files&&y.dataTransfer.files.length>0&&I(y.dataTransfer.files)};return c.addEventListener("dragover",p),c.addEventListener("drop",C),()=>{c.removeEventListener("dragover",p),c.removeEventListener("drop",C)}},[]);n.useEffect(()=>{const c=d.current;if(c&&!s)return _(c,N)},[N,s,_]),n.useEffect(()=>{if(s)return _(document,N)},[N,s,_]),n.useEffect(()=>()=>{if(!P)for(const c of k.current)c.url&&URL.revokeObjectURL(c.url)},[P]);const ce=n.useCallback(c=>{c.currentTarget.files&&N(c.currentTarget.files),c.currentTarget.value=""},[N]),ae=n.useMemo(()=>({add:N,clear:B,fileInputRef:S,files:m.map(c=>({...c,id:c.id})),openFileDialog:Y,remove:Q}),[m,N,Q,B,Y]),ue=n.useMemo(()=>({add:c=>{const I=Array.isArray(c)?c:[c];A(p=>[...p,...I.map(C=>({...C,id:crypto.randomUUID()}))])},clear:H,remove:c=>{A(I=>I.filter(p=>p.id!==c))},sources:v}),[v,H]),ie=n.useCallback(async c=>{c.preventDefault();const I=c.currentTarget,p=P?f.textInput.value:new FormData(I).get("message")||"";P||I.reset();try{const C=await Promise.all(m.map(async({id:y,...j})=>{if(j.url?.startsWith("blob:")){const L=await de(j.url);return{...j,url:L??j.url}}return j})),x=g({files:C,text:p},c);if(x instanceof Promise)try{await x,F(),P&&f.textInput.clear()}catch{}else F(),P&&f.textInput.clear()}catch{}},[P,f,m,g,F]),le=r.jsxs(r.Fragment,{children:[r.jsx("input",{accept:t,"aria-label":"Upload files",className:"hidden",multiple:o,onChange:ce,ref:S,title:"Upload files",type:"file"}),r.jsx("form",{className:l.cn("w-full",e),onSubmit:ie,ref:d,...R,children:r.jsx(O.InputGroup,{className:"border-border overflow-hidden has-[[data-slot=input-group-control]:focus-visible]:ring-0",children:b})})]}),me=r.jsx(J.Provider,{value:ue,children:le});return r.jsx(ee.Provider,{value:ae,children:me})},ye=({className:e,...t})=>r.jsx("div",{className:l.cn("contents",e),...t}),je=({onChange:e,onKeyDown:t,className:o,placeholder:s="What would you like to know?",...u})=>{const i=$(),a=G(),[h,g]=n.useState(!1),b=n.useCallback(d=>{if(t?.(d),!d.defaultPrevented){if(d.key==="Enter"){if(h||d.nativeEvent.isComposing||d.shiftKey)return;d.preventDefault();const{form:w}=d.currentTarget;if(w?.querySelector('button[type="submit"]')?.disabled)return;w?.requestSubmit()}if(d.key==="Backspace"&&d.currentTarget.value===""&&a.files.length>0){d.preventDefault();const w=a.files[a.files.length-1];w&&a.remove(w.id)}}},[t,h,a]),R=n.useCallback(d=>{const w=d.clipboardData?.items;if(!w)return;const T=[];for(const m of w)if(m.kind==="file"){const v=m.getAsFile();v&&T.push(v)}T.length>0&&(d.preventDefault(),a.add(T))},[a]),f=n.useCallback(()=>g(!1),[]),P=n.useCallback(()=>g(!0),[]),S=i?{onChange:d=>{i.textInput.setInput(d.currentTarget.value),e?.(d)},value:i.textInput.value}:{onChange:e};return r.jsx(O.InputGroupTextarea,{className:l.cn("field-sizing-content max-h-48 min-h-16",o),name:"message",onCompositionEnd:f,onCompositionStart:P,onKeyDown:b,onPaste:R,placeholder:s,...u,...S})},we=({className:e,...t})=>r.jsx(O.InputGroupAddon,{align:"block-end",className:l.cn("order-first flex-wrap gap-1",e),...t}),Se=({className:e,...t})=>r.jsx(O.InputGroupAddon,{align:"block-end",className:l.cn("justify-between gap-1",e),...t}),Te=({className:e,...t})=>r.jsx("div",{className:l.cn("flex min-w-0 items-center gap-1",e),...t}),te=({variant:e="ghost",className:t,size:o,tooltip:s,...u})=>{const i=o??(n.Children.count(u.children)>1?"sm":"icon-sm"),a=r.jsx(O.InputGroupButton,{className:l.cn(t),size:i,type:"button",variant:e,...u});if(!s)return a;const h=typeof s=="string"?s:s.content,g=typeof s=="string"?void 0:s.shortcut,b=typeof s=="string"?"top":s.side??"top";return r.jsxs(V.Tooltip,{children:[r.jsx(V.TooltipTrigger,{asChild:!0,children:a}),r.jsxs(V.TooltipContent,{side:b,children:[h,g&&r.jsx("span",{className:"ml-2 text-muted-foreground",children:g})]})]})},ke=e=>r.jsx(E.DropdownMenu,{...e}),Re=({className:e,children:t,tooltip:o,"aria-label":s,...u})=>{const i=s??(typeof o=="string"?o:typeof o?.content=="string"?o.content:void 0);return r.jsx(E.DropdownMenuTrigger,{asChild:!0,children:r.jsx(te,{"aria-label":i,className:e,tooltip:o,...u,children:t??r.jsx(M.PlusIcon,{className:"size-4"})})})},Ae=({className:e,...t})=>r.jsx(E.DropdownMenuContent,{align:"start",className:l.cn(e),...t}),Ne=({className:e,...t})=>r.jsx(E.DropdownMenuItem,{className:l.cn(e),...t}),De=({className:e,variant:t="default",size:o="icon-sm",status:s,onStop:u,onClick:i,children:a,...h})=>{const g=s==="submitted"||s==="streaming";let b=r.jsx(M.CornerDownLeftIcon,{className:"size-4"});s==="submitted"?b=r.jsx(pe.Spinner,{}):s==="streaming"?b=r.jsx(M.SquareIcon,{className:"size-4"}):s==="error"&&(b=r.jsx(M.XIcon,{className:"size-4"}));const R=n.useCallback(f=>{if(g&&u){f.preventDefault(),u();return}i?.(f)},[g,u,i]);return r.jsx(O.InputGroupButton,{"aria-label":g?"Stop":"Submit",className:l.cn(e),onClick:R,size:o,type:g&&u?"button":"submit",variant:t,...h,children:a??b})},Le=e=>r.jsx(q.Select,{...e}),Ue=({className:e,...t})=>r.jsx(q.SelectTrigger,{className:l.cn("border-none bg-transparent font-medium text-muted-foreground shadow-none transition-colors","hover:bg-accent hover:text-foreground aria-expanded:bg-accent aria-expanded:text-foreground",e),...t}),Me=({className:e,...t})=>r.jsx(q.SelectContent,{className:l.cn(e),...t}),Ee=({className:e,...t})=>r.jsx(q.SelectItem,{className:l.cn(e),...t}),Oe=({className:e,...t})=>r.jsx(q.SelectValue,{className:l.cn(e),...t}),qe=({openDelay:e=0,closeDelay:t=0,...o})=>r.jsx(K.HoverCard,{closeDelay:t,openDelay:e,...o}),ze=e=>r.jsx(K.HoverCardTrigger,{...e}),Be=({align:e="start",...t})=>r.jsx(K.HoverCardContent,{align:e,...t}),He=({a:e,b:t,show:o,className:s})=>r.jsxs("div",{className:l.cn("relative inline-flex items-center justify-center",s),children:[r.jsx("div",{"aria-hidden":o,className:l.cn("transition-all duration-200 ease-out",o?"pointer-events-none scale-75 opacity-0":"scale-100 opacity-100"),children:e}),r.jsx("div",{"aria-hidden":!o,className:l.cn("absolute transition-all duration-200 ease-out",o?"scale-100 opacity-100":"pointer-events-none scale-75 opacity-0"),children:t})]}),_e=({className:e,...t})=>r.jsx("div",{className:l.cn(e),...t}),Ge=({className:e,...t})=>r.jsx("div",{className:l.cn(e),...t}),Fe=({className:e,children:t,...o})=>r.jsx("h3",{className:l.cn("mb-2 px-3 font-medium text-muted-foreground text-xs",e),...o,children:t}),We=({className:e,...t})=>r.jsx("div",{className:l.cn("space-y-1",e),...t}),Ve=({className:e,...t})=>r.jsx("div",{className:l.cn("flex items-center gap-2 px-3 py-2 text-xs hover:bg-accent",e),...t}),Ke=({className:e,...t})=>r.jsx(D.Command,{className:l.cn(e),...t}),Xe=({className:e,...t})=>r.jsx(D.CommandInput,{className:l.cn(e),...t}),Ze=({className:e,...t})=>r.jsx(D.CommandList,{className:l.cn(e),...t}),Je=({className:e,...t})=>r.jsx(D.CommandEmpty,{className:l.cn(e),...t}),Qe=({className:e,...t})=>r.jsx(D.CommandGroup,{className:l.cn(e),...t}),Ye=({className:e,...t})=>r.jsx(D.CommandItem,{className:l.cn(e),...t}),$e=({className:e,...t})=>r.jsx(D.CommandSeparator,{className:l.cn(e),...t});exports.LocalReferencedSourcesContext=J;exports.PromptInput=be;exports.PromptInputActionAddAttachments=Ce;exports.PromptInputActionAddScreenshot=ve;exports.PromptInputActionMenu=ke;exports.PromptInputActionMenuContent=Ae;exports.PromptInputActionMenuItem=Ne;exports.PromptInputActionMenuTrigger=Re;exports.PromptInputBody=ye;exports.PromptInputButton=te;exports.PromptInputCommand=Ke;exports.PromptInputCommandEmpty=Je;exports.PromptInputCommandGroup=Qe;exports.PromptInputCommandInput=Xe;exports.PromptInputCommandItem=Ye;exports.PromptInputCommandList=Ze;exports.PromptInputCommandSeparator=$e;exports.PromptInputFooter=Se;exports.PromptInputHeader=we;exports.PromptInputHoverCard=qe;exports.PromptInputHoverCardContent=Be;exports.PromptInputHoverCardTrigger=ze;exports.PromptInputProvider=Pe;exports.PromptInputSelect=Le;exports.PromptInputSelectContent=Me;exports.PromptInputSelectItem=Ee;exports.PromptInputSelectTrigger=Ue;exports.PromptInputSelectValue=Oe;exports.PromptInputSlotSwap=He;exports.PromptInputSubmit=De;exports.PromptInputTab=Ge;exports.PromptInputTabBody=We;exports.PromptInputTabItem=Ve;exports.PromptInputTabLabel=Fe;exports.PromptInputTabsList=_e;exports.PromptInputTextarea=je;exports.PromptInputTools=Te;exports.usePromptInputAttachments=G;exports.usePromptInputController=Ie;exports.usePromptInputReferencedSources=xe;exports.useProviderAttachments=he;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),M=require("lucide-react"),n=require("react"),D=require("../ui/command.cjs"),E=require("../ui/dropdown-menu.cjs"),K=require("../ui/hover-card.cjs"),O=require("../ui/input-group.cjs"),q=require("../ui/select.cjs"),pe=require("../ui/spinner.cjs"),V=require("../ui/tooltip.cjs"),l=require("../../lib/utils.cjs"),de=async e=>{try{const o=await(await fetch(e)).blob();return new Promise(s=>{const u=new FileReader;u.onloadend=()=>s(u.result),u.onerror=()=>s(null),u.readAsDataURL(o)})}catch{return null}},fe=async()=>{if(typeof navigator>"u"||!navigator.mediaDevices?.getDisplayMedia)return null;let e=null;const t=document.createElement("video");t.muted=!0,t.playsInline=!0;try{e=await navigator.mediaDevices.getDisplayMedia({audio:!1,video:!0}),t.srcObject=e,await new Promise((g,v)=>{t.onloadedmetadata=()=>g(),t.onerror=()=>v(new Error("Failed to load screen stream"))}),await t.play();const o=t.videoWidth,s=t.videoHeight;if(!o||!s)return null;const u=document.createElement("canvas");u.width=o,u.height=s;const i=u.getContext("2d");if(!i)return null;i.drawImage(t,0,0,o,s);const c=await new Promise(g=>{u.toBlob(g,"image/png")});if(!c)return null;const h=new Date().toISOString().replace(/[:.]/g,"-").replace("T","_").replace("Z","");return new File([c],`screenshot-${h}.png`,{lastModified:Date.now(),type:"image/png"})}finally{if(e)for(const o of e.getTracks())o.stop();t.pause(),t.srcObject=null}},X=n.createContext(null),Z=n.createContext(null),Ie=()=>{const e=n.useContext(X);if(!e)throw new Error("Wrap your component inside <PromptInputProvider> to use usePromptInputController().");return e},$=()=>n.useContext(X),he=()=>{const e=n.useContext(Z);if(!e)throw new Error("Wrap your component inside <PromptInputProvider> to use useProviderAttachments().");return e},ge=()=>n.useContext(Z),Pe=({initialInput:e="",children:t})=>{const[o,s]=n.useState(e),u=n.useCallback(()=>s(""),[]),[i,c]=n.useState([]),h=n.useRef(null),g=n.useRef(()=>{}),v=n.useCallback(m=>{const b=[...m];b.length!==0&&c(A=>[...A,...b.map(k=>({filename:k.name,id:crypto.randomUUID(),mediaType:k.type,type:"file",url:URL.createObjectURL(k)}))])},[]),R=n.useCallback(m=>{c(b=>{const A=b.find(k=>k.id===m);return A?.url&&URL.revokeObjectURL(A.url),b.filter(k=>k.id!==m)})},[]),f=n.useCallback(()=>{c(m=>{for(const b of m)b.url&&URL.revokeObjectURL(b.url);return[]})},[]),P=n.useRef(i);n.useEffect(()=>{P.current=i},[i]),n.useEffect(()=>()=>{for(const m of P.current)m.url&&URL.revokeObjectURL(m.url)},[]);const w=n.useCallback(()=>{g.current?.()},[]),d=n.useMemo(()=>({add:v,clear:f,fileInputRef:h,files:i,openFileDialog:w,remove:R}),[i,v,R,f,w]),S=n.useCallback((m,b)=>{h.current=m.current,g.current=b},[]),T=n.useMemo(()=>({__registerFileInput:S,attachments:d,textInput:{clear:u,setInput:s,value:o}}),[o,u,d,S]);return r.jsx(X.Provider,{value:T,children:r.jsx(Z.Provider,{value:d,children:t})})},ee=n.createContext(null),G=()=>{const e=ge(),o=n.useContext(ee)??e;if(!o)throw new Error("usePromptInputAttachments must be used within a PromptInput or PromptInputProvider");return o},J=n.createContext(null),xe=()=>{const e=n.useContext(J);if(!e)throw new Error("usePromptInputReferencedSources must be used within a LocalReferencedSourcesContext.Provider");return e},Ce=({label:e="Add photos or files",...t})=>{const o=G(),s=n.useCallback(u=>{u.preventDefault(),o.openFileDialog()},[o]);return r.jsxs(E.DropdownMenuItem,{...t,onSelect:s,children:[r.jsx(M.ImageIcon,{className:"mr-2 size-4"})," ",e]})},be=({label:e="Take screenshot",onSelect:t,...o})=>{const s=G(),u=n.useCallback(async i=>{if(t?.(i),!i.defaultPrevented)try{const c=await fe();c&&s.add([c])}catch(c){if(c instanceof DOMException&&(c.name==="NotAllowedError"||c.name==="AbortError"))return;throw c}},[t,s]);return r.jsxs(E.DropdownMenuItem,{...o,onSelect:u,children:[r.jsx(M.Monitor,{className:"mr-2 size-4"}),e]})},ve=({className:e,accept:t,multiple:o,globalDrop:s,syncHiddenInput:u,maxFiles:i,maxFileSize:c,onError:h,onSubmit:g,children:v,...R})=>{const f=$(),P=!!f,w=n.useRef(null),d=n.useRef(null),[S,T]=n.useState([]),m=P?f.attachments.files:S,[b,A]=n.useState([]),k=n.useRef(m);n.useEffect(()=>{k.current=m},[m]);const ne=n.useCallback(()=>{w.current?.click()},[]),z=n.useCallback(a=>!t||t.trim()===""?!0:t.split(",").map(p=>p.trim()).filter(Boolean).some(p=>{if(p.endsWith("/*")){const C=p.slice(0,-1);return a.type.startsWith(C)}return a.type===p}),[t]),re=n.useCallback(a=>{const I=[...a],p=I.filter(y=>z(y));if(I.length&&p.length===0){h?.({code:"accept",message:"No files match the accepted types."});return}const C=y=>c?y.size<=c:!0,x=p.filter(C);if(p.length>0&&x.length===0){h?.({code:"max_file_size",message:"All files exceed the maximum size."});return}T(y=>{const j=typeof i=="number"?Math.max(0,i-y.length):void 0,L=typeof j=="number"?x.slice(0,j):x;typeof j=="number"&&x.length>j&&h?.({code:"max_files",message:"Too many files. Some were not added."});const U=[];for(const W of L)U.push({filename:W.name,id:crypto.randomUUID(),mediaType:W.type,type:"file",url:URL.createObjectURL(W)});return[...y,...U]})},[z,i,c,h]),oe=n.useCallback(a=>T(I=>{const p=I.find(C=>C.id===a);return p?.url&&URL.revokeObjectURL(p.url),I.filter(C=>C.id!==a)}),[]),se=n.useCallback(a=>{const I=[...a],p=I.filter(U=>z(U));if(I.length&&p.length===0){h?.({code:"accept",message:"No files match the accepted types."});return}const C=U=>c?U.size<=c:!0,x=p.filter(C);if(p.length>0&&x.length===0){h?.({code:"max_file_size",message:"All files exceed the maximum size."});return}const y=m.length,j=typeof i=="number"?Math.max(0,i-y):void 0,L=typeof j=="number"?x.slice(0,j):x;typeof j=="number"&&x.length>j&&h?.({code:"max_files",message:"Too many files. Some were not added."}),L.length>0&&f?.attachments.add(L)},[z,c,i,h,m.length,f]),B=n.useCallback(()=>P?f?.attachments.clear():T(a=>{for(const I of a)I.url&&URL.revokeObjectURL(I.url);return[]}),[P,f]),H=n.useCallback(()=>A([]),[]),N=P?se:re,Q=P?f.attachments.remove:oe,Y=P?f.attachments.openFileDialog:ne,F=n.useCallback(()=>{B(),H()},[B,H]);n.useEffect(()=>{P&&f.__registerFileInput(w,()=>w.current?.click())},[P,f]),n.useEffect(()=>{u&&w.current&&m.length===0&&(w.current.value="")},[m,u]);const _=n.useCallback((a,I)=>{const p=x=>{x.dataTransfer?.types?.includes("Files")&&x.preventDefault()},C=x=>{const y=x;y.dataTransfer?.types?.includes("Files")&&x.preventDefault(),y.dataTransfer?.files&&y.dataTransfer.files.length>0&&I(y.dataTransfer.files)};return a.addEventListener("dragover",p),a.addEventListener("drop",C),()=>{a.removeEventListener("dragover",p),a.removeEventListener("drop",C)}},[]);n.useEffect(()=>{const a=d.current;if(a&&!s)return _(a,N)},[N,s,_]),n.useEffect(()=>{if(s)return _(document,N)},[N,s,_]),n.useEffect(()=>()=>{if(!P)for(const a of k.current)a.url&&URL.revokeObjectURL(a.url)},[P]);const ae=n.useCallback(a=>{a.currentTarget.files&&N(a.currentTarget.files),a.currentTarget.value=""},[N]),ce=n.useMemo(()=>({add:N,clear:B,fileInputRef:w,files:m.map(a=>({...a,id:a.id})),openFileDialog:Y,remove:Q}),[m,N,Q,B,Y]),ue=n.useMemo(()=>({add:a=>{const I=Array.isArray(a)?a:[a];A(p=>[...p,...I.map(C=>({...C,id:crypto.randomUUID()}))])},clear:H,remove:a=>{A(I=>I.filter(p=>p.id!==a))},sources:b}),[b,H]),ie=n.useCallback(async a=>{a.preventDefault();const I=a.currentTarget,p=P?f.textInput.value:new FormData(I).get("message")||"";P||I.reset();try{const C=await Promise.all(m.map(async({id:y,...j})=>{if(j.url?.startsWith("blob:")){const L=await de(j.url);return{...j,url:L??j.url}}return j})),x=g({files:C,text:p},a);if(x instanceof Promise)try{await x,F(),P&&f.textInput.clear()}catch{}else F(),P&&f.textInput.clear()}catch{}},[P,f,m,g,F]),le=r.jsxs(r.Fragment,{children:[r.jsx("input",{accept:t,"aria-label":"Upload files",className:"hidden",multiple:o,onChange:ae,ref:w,title:"Upload files",type:"file"}),r.jsx("form",{className:l.cn("w-full",e),onSubmit:ie,ref:d,...R,children:r.jsx(O.InputGroup,{className:"border-border overflow-hidden has-[[data-slot=input-group-control]:focus-visible]:ring-0",children:v})})]}),me=r.jsx(J.Provider,{value:ue,children:le});return r.jsx(ee.Provider,{value:ce,children:me})},ye=({className:e,...t})=>r.jsx("div",{className:l.cn("contents",e),...t}),je=({onChange:e,onKeyDown:t,className:o,placeholder:s="What would you like to know?",...u})=>{const i=$(),c=G(),[h,g]=n.useState(!1),v=n.useCallback(d=>{if(t?.(d),!d.defaultPrevented){if(d.key==="Enter"){if(h||d.nativeEvent.isComposing||d.shiftKey)return;d.preventDefault();const{form:S}=d.currentTarget;if(S?.querySelector('button[type="submit"]')?.disabled)return;S?.requestSubmit()}if(d.key==="Backspace"&&d.currentTarget.value===""&&c.files.length>0){d.preventDefault();const S=c.files[c.files.length-1];S&&c.remove(S.id)}}},[t,h,c]),R=n.useCallback(d=>{const S=d.clipboardData?.items;if(!S)return;const T=[];for(const m of S)if(m.kind==="file"){const b=m.getAsFile();b&&T.push(b)}T.length>0&&(d.preventDefault(),c.add(T))},[c]),f=n.useCallback(()=>g(!1),[]),P=n.useCallback(()=>g(!0),[]),w=i?{onChange:d=>{i.textInput.setInput(d.currentTarget.value),e?.(d)},value:i.textInput.value}:{onChange:e};return r.jsx(O.InputGroupTextarea,{className:l.cn("field-sizing-content max-h-48 min-h-16",o),name:"message",onCompositionEnd:f,onCompositionStart:P,onKeyDown:v,onPaste:R,placeholder:s,...u,...w})},Se=({className:e,...t})=>r.jsx(O.InputGroupAddon,{align:"block-end",className:l.cn("order-first flex-wrap gap-1",e),...t}),we=({className:e,...t})=>r.jsx(O.InputGroupAddon,{align:"block-end",className:l.cn("justify-between gap-1",e),...t}),Te=({className:e,...t})=>r.jsx("div",{className:l.cn("flex min-w-0 items-center gap-1",e),...t}),te=({variant:e="ghost",className:t,size:o,tooltip:s,...u})=>{const i=o??(n.Children.count(u.children)>1?"sm":"icon-sm"),c=r.jsx(O.InputGroupButton,{className:l.cn(t),size:i,type:"button",variant:e,...u});if(!s)return c;const h=typeof s=="string"?s:s.content,g=typeof s=="string"?void 0:s.shortcut,v=typeof s=="string"?"top":s.side??"top";return r.jsxs(V.Tooltip,{children:[r.jsx(V.TooltipTrigger,{asChild:!0,children:c}),r.jsxs(V.TooltipContent,{side:v,children:[h,g&&r.jsx("span",{className:"ml-2 text-background/70",children:g})]})]})},ke=e=>r.jsx(E.DropdownMenu,{modal:!1,...e}),Re=({className:e,children:t,tooltip:o,"aria-label":s,...u})=>{const i=s??(typeof o=="string"?o:typeof o?.content=="string"?o.content:void 0);return r.jsx(E.DropdownMenuTrigger,{asChild:!0,children:r.jsx(te,{"aria-label":i,className:e,tooltip:o,...u,children:t??r.jsx(M.PlusIcon,{className:"size-4"})})})},Ae=({className:e,...t})=>r.jsx(E.DropdownMenuContent,{align:"start",className:l.cn(e),...t}),Ne=({className:e,...t})=>r.jsx(E.DropdownMenuItem,{className:l.cn(e),...t}),De=({className:e,variant:t="default",size:o="icon-sm",status:s,onStop:u,onClick:i,children:c,...h})=>{const g=s==="submitted"||s==="streaming";let v=r.jsx(M.CornerDownLeftIcon,{className:"size-4"});s==="submitted"?v=r.jsx(pe.Spinner,{}):s==="streaming"?v=r.jsx(M.SquareIcon,{className:"size-4"}):s==="error"&&(v=r.jsx(M.XIcon,{className:"size-4"}));const R=n.useCallback(f=>{if(g&&u){f.preventDefault(),u();return}i?.(f)},[g,u,i]);return r.jsx(O.InputGroupButton,{"aria-label":g?"Stop":"Submit",className:l.cn(e),onClick:R,size:o,type:g&&u?"button":"submit",variant:t,...h,children:c??v})},Le=e=>r.jsx(q.Select,{...e}),Ue=({className:e,...t})=>r.jsx(q.SelectTrigger,{className:l.cn("border-none bg-transparent font-medium text-muted-foreground shadow-none transition-colors","hover:bg-accent hover:text-foreground aria-expanded:bg-accent aria-expanded:text-foreground",e),...t}),Me=({className:e,...t})=>r.jsx(q.SelectContent,{className:l.cn(e),...t}),Ee=({className:e,...t})=>r.jsx(q.SelectItem,{className:l.cn(e),...t}),Oe=({className:e,...t})=>r.jsx(q.SelectValue,{className:l.cn(e),...t}),qe=({openDelay:e=0,closeDelay:t=0,...o})=>r.jsx(K.HoverCard,{closeDelay:t,openDelay:e,...o}),ze=e=>r.jsx(K.HoverCardTrigger,{...e}),Be=({align:e="start",...t})=>r.jsx(K.HoverCardContent,{align:e,...t}),He=({a:e,b:t,show:o,className:s})=>r.jsxs("div",{className:l.cn("relative inline-flex items-center justify-center",s),children:[r.jsx("div",{"aria-hidden":o,inert:o,className:l.cn("transition-all duration-200 ease-out",o?"pointer-events-none scale-75 opacity-0":"scale-100 opacity-100"),children:e}),r.jsx("div",{"aria-hidden":!o,inert:!o,className:l.cn("absolute transition-all duration-200 ease-out",o?"scale-100 opacity-100":"pointer-events-none scale-75 opacity-0"),children:t})]}),_e=({className:e,...t})=>r.jsx("div",{className:l.cn(e),...t}),Ge=({className:e,...t})=>r.jsx("div",{className:l.cn(e),...t}),Fe=({className:e,children:t,...o})=>r.jsx("h3",{className:l.cn("mb-2 px-3 font-medium text-muted-foreground text-xs",e),...o,children:t}),We=({className:e,...t})=>r.jsx("div",{className:l.cn("space-y-1",e),...t}),Ve=({className:e,...t})=>r.jsx("div",{className:l.cn("flex items-center gap-2 px-3 py-2 text-xs hover:bg-accent",e),...t}),Ke=({className:e,...t})=>r.jsx(D.Command,{className:l.cn(e),...t}),Xe=({className:e,...t})=>r.jsx(D.CommandInput,{className:l.cn(e),...t}),Ze=({className:e,...t})=>r.jsx(D.CommandList,{className:l.cn(e),...t}),Je=({className:e,...t})=>r.jsx(D.CommandEmpty,{className:l.cn(e),...t}),Qe=({className:e,...t})=>r.jsx(D.CommandGroup,{className:l.cn(e),...t}),Ye=({className:e,...t})=>r.jsx(D.CommandItem,{className:l.cn(e),...t}),$e=({className:e,...t})=>r.jsx(D.CommandSeparator,{className:l.cn(e),...t});exports.LocalReferencedSourcesContext=J;exports.PromptInput=ve;exports.PromptInputActionAddAttachments=Ce;exports.PromptInputActionAddScreenshot=be;exports.PromptInputActionMenu=ke;exports.PromptInputActionMenuContent=Ae;exports.PromptInputActionMenuItem=Ne;exports.PromptInputActionMenuTrigger=Re;exports.PromptInputBody=ye;exports.PromptInputButton=te;exports.PromptInputCommand=Ke;exports.PromptInputCommandEmpty=Je;exports.PromptInputCommandGroup=Qe;exports.PromptInputCommandInput=Xe;exports.PromptInputCommandItem=Ye;exports.PromptInputCommandList=Ze;exports.PromptInputCommandSeparator=$e;exports.PromptInputFooter=we;exports.PromptInputHeader=Se;exports.PromptInputHoverCard=qe;exports.PromptInputHoverCardContent=Be;exports.PromptInputHoverCardTrigger=ze;exports.PromptInputProvider=Pe;exports.PromptInputSelect=Le;exports.PromptInputSelectContent=Me;exports.PromptInputSelectItem=Ee;exports.PromptInputSelectTrigger=Ue;exports.PromptInputSelectValue=Oe;exports.PromptInputSlotSwap=He;exports.PromptInputSubmit=De;exports.PromptInputTab=Ge;exports.PromptInputTabBody=We;exports.PromptInputTabItem=Ve;exports.PromptInputTabLabel=Fe;exports.PromptInputTabsList=_e;exports.PromptInputTextarea=je;exports.PromptInputTools=Te;exports.usePromptInputAttachments=G;exports.usePromptInputController=Ie;exports.usePromptInputReferencedSources=xe;exports.useProviderAttachments=he;
 //# sourceMappingURL=prompt-input.cjs.map