@alexgorbatchev/shadcn 0.0.12 → 0.0.17

package/dist/chunk-5ntb7p4q.js

@@ -0,0 +1,1005 @@
+import {
+  useResolvedPortalContainer
+} from "./chunk-dtkw8m6d.js";
+import {
+  useDensity
+} from "./chunk-e6hk39ev.js";
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+import {
+  Button2
+} from "./chunk-73rkr9ct.js";
+import {
+  TooltipIconButton2
+} from "./chunk-q40gqpwh.js";
+import {
+  UserMessageAttachments2,
+  ComposerAttachments3,
+  ComposerAddAttachment2
+} from "./chunk-j5wk4ffj.js";
+import {
+  getFileHref,
+  File2
+} from "./chunk-ef04mmf4.js";
+import {
+  ThreadFollowupSuggestions2
+} from "./chunk-c2vcrwjp.js";
+import {
+  Image2
+} from "./chunk-1apg76a7.js";
+import {
+  MarkdownText2
+} from "./chunk-q2ewq67a.js";
+import {
+  ReasoningTrigger2
+} from "./chunk-3c7tvhtx.js";
+import {
+  ReasoningContent2
+} from "./chunk-wnyxdfzd.js";
+import {
+  ReasoningText2
+} from "./chunk-m99hfsps.js";
+import {
+  ReasoningRoot2,
+  Reasoning2
+} from "./chunk-9msk1t9e.js";
+import {
+  ToolFallback2
+} from "./chunk-yp12vs0s.js";
+import {
+  ToolGroupRoot2,
+  ToolGroupTrigger2,
+  ToolGroupContent2
+} from "./chunk-sbrpnv8s.js";
+import {
+  Skeleton2
+} from "./chunk-d70rcwk7.js";
+
+// src/components/assistant-ui/native/Thread.tsx
+import {
+  ActionBarMorePrimitive,
+  ActionBarPrimitive,
+  AuiIf,
+  BranchPickerPrimitive,
+  ComposerPrimitive,
+  ErrorPrimitive,
+  groupPartByType,
+  MessagePrimitive,
+  SuggestionPrimitive,
+  ThreadPrimitive,
+  useAuiState
+} from "@assistant-ui/react";
+import {
+  ArrowDownIcon,
+  ArrowUpIcon,
+  AudioLinesIcon,
+  CheckIcon,
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  CopyIcon,
+  DownloadIcon,
+  MicIcon,
+  MoreHorizontalIcon,
+  PencilIcon,
+  PhoneIcon,
+  RefreshCwIcon,
+  SquareIcon,
+  PlayIcon,
+  ThumbsDownIcon,
+  ThumbsUpIcon
+} from "lucide-react";
+import {
+  createContext,
+  useContext,
+  useLayoutEffect,
+  useRef
+} from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var shouldShowComposerResume = (s) => !!s.thread.canResume && s.composer.type === "thread" && s.composer.isEmpty;
+var reasoningDuration = (timing) => timing?.completedAt === undefined ? undefined : Math.round((timing.completedAt - timing.startedAt) / 1000);
+var messageGroupBy = groupPartByType({
+  reasoning: ["group-chainOfThought", "group-reasoning"],
+  "tool-call": ["group-chainOfThought", "group-tool"],
+  "standalone-tool-call": []
+});
+var TASK_GROUP_PATH = ["group-chainOfThought", "group-task"];
+var taskAwareGroupBy = (part, context) => {
+  const path = messageGroupBy(part, context);
+  return part.type === "tool-call" && part.messages !== undefined && path.length > 0 && !context?.toolUIs?.[part.toolName]?.length ? TASK_GROUP_PATH : path;
+};
+var EMPTY_COMPONENTS = {};
+var ThreadComponentsContext = createContext(EMPTY_COMPONENTS);
+var isNewChatView = (s) => s.thread.messages.length === 0 && (!s.thread.isLoading || s.threads.isLoading);
+var isHistoryLoadingView = (s) => s.thread.messages.length === 0 && s.thread.isLoading && !s.thread.isDisabled && !s.threads.isLoading;
+var ThreadHistorySkeleton = () => /* @__PURE__ */ jsxs("div", {
+  "data-slot": "aui_thread-history-skeleton",
+  role: "status",
+  className: "animate-in fade-in fill-mode-both flex flex-col gap-y-6 [animation-delay:150ms] [animation-duration:200ms]",
+  children: [
+    /* @__PURE__ */ jsx("span", {
+      className: "sr-only",
+      children: "Loading conversation"
+    }),
+    /* @__PURE__ */ jsx(Skeleton2, {
+      className: "h-3 w-full"
+    }),
+    /* @__PURE__ */ jsxs("div", {
+      className: "flex flex-col gap-y-2",
+      children: [
+        /* @__PURE__ */ jsx(Skeleton2, {
+          className: "h-3 w-full"
+        }),
+        /* @__PURE__ */ jsx(Skeleton2, {
+          className: "h-3 w-full"
+        }),
+        /* @__PURE__ */ jsx(Skeleton2, {
+          className: "h-3 w-full"
+        })
+      ]
+    }),
+    /* @__PURE__ */ jsx(Skeleton2, {
+      className: "h-3 w-full"
+    }),
+    /* @__PURE__ */ jsxs("div", {
+      className: "flex flex-col gap-y-2",
+      children: [
+        /* @__PURE__ */ jsx(Skeleton2, {
+          className: "h-3 w-full"
+        }),
+        /* @__PURE__ */ jsx(Skeleton2, {
+          className: "h-3 w-full"
+        })
+      ]
+    })
+  ]
+});
+function Thread2({
+  components = EMPTY_COMPONENTS,
+  autoFocus = true,
+  emptyComposerPosition = "center"
+}) {
+  const isEmpty = useAuiState(isNewChatView);
+  return /* @__PURE__ */ jsx(ThreadComponentsContext.Provider, {
+    value: components,
+    children: /* @__PURE__ */ jsx(ThreadRoot, {
+      isEmpty,
+      autoFocus,
+      emptyComposerPosition
+    })
+  });
+}
+var ThreadRoot = ({ isEmpty, autoFocus, emptyComposerPosition }) => {
+  const { Welcome = ThreadWelcome } = useContext(ThreadComponentsContext);
+  const isCentered = isEmpty && emptyComposerPosition === "center";
+  return /* @__PURE__ */ jsx(ThreadPrimitive.Root, {
+    render: /* @__PURE__ */ jsx("div", {
+      className: cn2("aui-root aui-thread-root bg-background @container flex h-full flex-col", "[--thread-max-width:704px] [--composer-bg:var(--secondary)] [--composer-radius:var(--radius-md)] [--composer-padding:6px]")
+    }),
+    children: /* @__PURE__ */ jsx(ThreadPrimitive.Viewport, {
+      turnAnchor: "top",
+      "data-slot": "aui_thread-viewport",
+      render: /* @__PURE__ */ jsx("div", {
+        className: "relative flex flex-1 flex-col overflow-x-auto overflow-y-scroll scroll-smooth"
+      }),
+      children: /* @__PURE__ */ jsxs("div", {
+        className: cn2("mx-auto flex w-full max-w-(--thread-max-width) flex-1 flex-col px-4 pt-4", isCentered && "justify-center"),
+        children: [
+          /* @__PURE__ */ jsx(AuiIf, {
+            condition: isNewChatView,
+            children: /* @__PURE__ */ jsx(Welcome, {})
+          }),
+          /* @__PURE__ */ jsx(AuiIf, {
+            condition: isHistoryLoadingView,
+            children: /* @__PURE__ */ jsx(ThreadHistorySkeleton, {})
+          }),
+          /* @__PURE__ */ jsx(ThreadLoadEarlier, {}),
+          /* @__PURE__ */ jsx("div", {
+            "data-slot": "aui_message-group",
+            className: "mb-14 flex flex-col gap-y-6 empty:hidden",
+            children: /* @__PURE__ */ jsx(ThreadPrimitive.Messages, {
+              children: () => /* @__PURE__ */ jsx(ThreadMessage, {})
+            })
+          }),
+          /* @__PURE__ */ jsxs(ThreadPrimitive.ViewportFooter, {
+            render: /* @__PURE__ */ jsx("div", {
+              className: cn2("aui-thread-viewport-footer bg-background sticky bottom-0 flex flex-col gap-4 overflow-visible pb-4 md:pb-6", !isCentered && "mt-auto rounded-t-(--composer-radius)")
+            }),
+            children: [
+              /* @__PURE__ */ jsx(ThreadScrollToBottom, {}),
+              /* @__PURE__ */ jsx(ThreadFollowupSuggestions2, {}),
+              /* @__PURE__ */ jsx(Composer, {
+                autoFocus
+              }),
+              /* @__PURE__ */ jsx(AuiIf, {
+                condition: (s) => isNewChatView(s) && s.composer.isEmpty,
+                children: /* @__PURE__ */ jsx(ThreadSuggestions, {})
+              })
+            ]
+          })
+        ]
+      })
+    })
+  });
+};
+var ThreadMessage = () => {
+  const { AssistantMessage: AssistantMessageComponent = AssistantMessage } = useContext(ThreadComponentsContext);
+  const role = useAuiState((s) => s.message.role);
+  const isEditing = useAuiState((s) => s.message.composer.isEditing);
+  const isSpoken = useAuiState((s) => s.message.metadata.modality === "voice");
+  if (isEditing)
+    return /* @__PURE__ */ jsx(EditComposer, {});
+  if (isSpoken)
+    return /* @__PURE__ */ jsx(SpokenMessage, {});
+  if (role === "user")
+    return /* @__PURE__ */ jsx(UserMessage, {});
+  return /* @__PURE__ */ jsx(AssistantMessageComponent, {});
+};
+var useVoiceRunPosition = () => useAuiState((s) => {
+  const before = s.thread.messages[s.message.index - 1]?.metadata.modality === "voice";
+  const after = s.thread.messages[s.message.index + 1]?.metadata.modality === "voice";
+  if (before)
+    return after ? "middle" : "end";
+  return after ? "start" : "single";
+});
+var SpokenText = ({ text }) => /* @__PURE__ */ jsx("p", {
+  className: "aui-spoken-message-text m-0",
+  children: text
+});
+var SpokenMessage = () => {
+  const role = useAuiState((s) => s.message.role);
+  const position = useVoiceRunPosition();
+  const isSpeaking = useAuiState((s) => s.message.role === "assistant" && s.message.status?.type === "running");
+  const opensExchange = position === "start" || position === "single";
+  return /* @__PURE__ */ jsxs(MessagePrimitive.Root, {
+    "data-slot": "aui_spoken-message-root",
+    "data-role": role,
+    "data-voice-run": position,
+    render: /* @__PURE__ */ jsx("div", {
+      className: cn2("aui-spoken-message bg-muted/40 mx-2 px-3 py-1.5 [contain-intrinsic-size:auto_48px] [content-visibility:auto]", position === "single" && "rounded-md py-2", position === "start" && "rounded-t-xl pt-2", position === "middle" && "-mt-6", position === "end" && "-mt-6 rounded-b-xl pb-2")
+    }),
+    children: [
+      opensExchange && /* @__PURE__ */ jsxs("div", {
+        "data-slot": "aui_spoken-exchange-header",
+        className: "text-muted-foreground mb-1.5 flex items-center gap-1.5 text-sm",
+        children: [
+          /* @__PURE__ */ jsx(PhoneIcon, {
+            "aria-hidden": "true",
+            className: "size-3.5 shrink-0"
+          }),
+          /* @__PURE__ */ jsx("span", {
+            children: "Voice conversation"
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsxs("div", {
+        "data-slot": "aui_spoken-message-content",
+        className: "text-foreground flex items-start gap-2 text-sm leading-relaxed",
+        children: [
+          /* @__PURE__ */ jsx("span", {
+            className: "text-muted-foreground mt-1 shrink-0",
+            "aria-hidden": true,
+            children: role === "user" ? /* @__PURE__ */ jsx(MicIcon, {
+              "aria-hidden": "true",
+              className: "size-3.5 shrink-0"
+            }) : /* @__PURE__ */ jsx(AudioLinesIcon, {
+              "aria-hidden": "true",
+              className: "size-3.5 shrink-0"
+            })
+          }),
+          /* @__PURE__ */ jsx("span", {
+            className: "sr-only",
+            children: role === "user" ? "You said" : "Assistant said"
+          }),
+          /* @__PURE__ */ jsxs("div", {
+            className: "min-w-0 flex-1 wrap-break-word",
+            children: [
+              /* @__PURE__ */ jsx(MessagePrimitive.Parts, {
+                components: { Text: SpokenText }
+              }),
+              isSpeaking && /* @__PURE__ */ jsx("span", {
+                "data-slot": "aui_spoken-message-indicator",
+                role: "status",
+                className: "text-muted-foreground ms-1 animate-pulse font-sans",
+                "aria-label": "Assistant is speaking",
+                children: "●"
+              })
+            ]
+          }),
+          /* @__PURE__ */ jsx(SpokenActionBar, {})
+        ]
+      })
+    ]
+  });
+};
+var SpokenActionBar = () => {
+  return /* @__PURE__ */ jsx(ActionBarPrimitive.Root, {
+    hideWhenRunning: true,
+    autohide: "always",
+    render: /* @__PURE__ */ jsx("div", {
+      className: "aui-spoken-action-bar text-muted-foreground flex shrink-0 gap-1"
+    }),
+    children: /* @__PURE__ */ jsx(ActionBarPrimitive.Copy, {
+      asChild: true,
+      children: /* @__PURE__ */ jsxs(TooltipIconButton2, {
+        tooltip: "Copy",
+        children: [
+          /* @__PURE__ */ jsx(AuiIf, {
+            condition: (s) => s.message.isCopied,
+            children: /* @__PURE__ */ jsx(CheckIcon, {
+              "aria-hidden": "true",
+              className: "size-4 shrink-0"
+            })
+          }),
+          /* @__PURE__ */ jsx(AuiIf, {
+            condition: (s) => !s.message.isCopied,
+            children: /* @__PURE__ */ jsx(CopyIcon, {
+              "aria-hidden": "true",
+              className: "size-4 shrink-0"
+            })
+          })
+        ]
+      })
+    })
+  });
+};
+var FOCUSABLE_SELECTOR = "a[href], button:not([disabled]), input:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex='-1']):not([disabled])";
+var nextFocusable = (start) => {
+  for (let element = start.nextElementSibling;element; element = element.nextElementSibling) {
+    const target = element.matches(FOCUSABLE_SELECTOR) ? element : element.querySelector(FOCUSABLE_SELECTOR);
+    if (target instanceof HTMLElement)
+      return target;
+  }
+  return null;
+};
+var ThreadLoadEarlier = () => {
+  const visible = useAuiState((s) => s.thread.hasEarlier || s.thread.isLoadingEarlier);
+  const loading = useAuiState((s) => s.thread.isLoadingEarlier);
+  const slotRef = useRef(null);
+  const focusedRef = useRef(null);
+  useLayoutEffect(() => {
+    const focused = focusedRef.current;
+    const slot = slotRef.current;
+    if (visible || !focused || focused.isConnected || !slot)
+      return;
+    focusedRef.current = null;
+    const active = document.activeElement;
+    if (active && active !== document.body)
+      return;
+    nextFocusable(slot)?.focus();
+  }, [visible]);
+  return /* @__PURE__ */ jsxs("div", {
+    ref: slotRef,
+    className: "contents",
+    onFocus: (event) => {
+      focusedRef.current = event.target;
+    },
+    children: [
+      /* @__PURE__ */ jsx("span", {
+        role: "status",
+        className: "sr-only",
+        children: loading ? "Loading earlier messages" : ""
+      }),
+      visible && /* @__PURE__ */ jsx(ThreadPrimitive.LoadEarlier, {
+        asChild: true,
+        children: /* @__PURE__ */ jsx(Button2, {
+          variant: "ghost",
+          "data-slot": "aui_thread-load-earlier",
+          children: /* @__PURE__ */ jsx("span", {
+            className: cn2(loading && "shimmer motion-reduce:animate-none"),
+            children: loading ? "Loading earlier messages" : "Load earlier messages"
+          })
+        })
+      })
+    ]
+  });
+};
+var ThreadScrollToBottom = () => {
+  return /* @__PURE__ */ jsx(ThreadPrimitive.ScrollToBottom, {
+    asChild: true,
+    children: /* @__PURE__ */ jsx(TooltipIconButton2, {
+      tooltip: "Scroll to bottom",
+      variant: "default",
+      className: "absolute end-0 bottom-full mb-2 disabled:invisible",
+      children: /* @__PURE__ */ jsx(ArrowDownIcon, {
+        "aria-hidden": "true",
+        className: "size-4 shrink-0"
+      })
+    })
+  });
+};
+var ThreadWelcome = () => {
+  return /* @__PURE__ */ jsx("div", {
+    className: "aui-thread-welcome-root mb-6 flex flex-col px-2",
+    children: /* @__PURE__ */ jsx("p", {
+      className: "aui-thread-welcome-message-inner fade-in slide-in-from-bottom-1 animate-in fill-mode-both text-2xl font-medium tracking-tight duration-200",
+      children: "How can I help you today?"
+    })
+  });
+};
+var ThreadSuggestions = () => {
+  return /* @__PURE__ */ jsx("div", {
+    className: "aui-thread-welcome-suggestions flex w-full flex-col",
+    children: /* @__PURE__ */ jsx(ThreadPrimitive.Suggestions, {
+      children: () => /* @__PURE__ */ jsx(ThreadSuggestionItem, {})
+    })
+  });
+};
+var ThreadSuggestionItem = () => {
+  return /* @__PURE__ */ jsx("div", {
+    className: "aui-thread-welcome-suggestion-display fade-in slide-in-from-bottom-2 animate-in fill-mode-both duration-200",
+    children: /* @__PURE__ */ jsxs(SuggestionPrimitive.Trigger, {
+      send: true,
+      render: /* @__PURE__ */ jsx("button", {
+        type: "button",
+        className: "aui-thread-welcome-suggestion group hover:bg-foreground/[0.03] focus-visible:ring-ring/50 flex w-full items-baseline gap-2.5 rounded-md px-2 py-2 text-start text-sm transition-colors outline-none focus-visible:ring-1 motion-reduce:transition-none"
+      }),
+      children: [
+        /* @__PURE__ */ jsx("span", {
+          "aria-hidden": true,
+          className: "text-muted-foreground/60 group-hover:text-foreground font-mono text-sm transition-colors motion-reduce:transition-none",
+          children: ">"
+        }),
+        /* @__PURE__ */ jsxs("span", {
+          className: "min-w-0 flex-1 truncate",
+          children: [
+            /* @__PURE__ */ jsx(SuggestionPrimitive.Title, {
+              render: /* @__PURE__ */ jsx("span", {
+                className: "aui-thread-welcome-suggestion-text-1 text-foreground"
+              })
+            }),
+            " ",
+            /* @__PURE__ */ jsx(SuggestionPrimitive.Description, {
+              render: /* @__PURE__ */ jsx("span", {
+                className: "aui-thread-welcome-suggestion-text-2 text-muted-foreground empty:hidden"
+              })
+            })
+          ]
+        })
+      ]
+    })
+  });
+};
+var Composer = ({ autoFocus }) => {
+  return /* @__PURE__ */ jsx(ComposerPrimitive.Root, {
+    render: /* @__PURE__ */ jsx("form", {
+      className: "aui-composer-root relative flex w-full flex-col"
+    }),
+    children: /* @__PURE__ */ jsxs(ComposerPrimitive.AttachmentDropzone, {
+      render: /* @__PURE__ */ jsx("div", {
+        "data-slot": "aui_composer-shell",
+        className: "border-frame-edge focus-within:border-foreground/25 data-[dragging=true]:border-ring flex w-full cursor-text flex-col gap-2 rounded-(--composer-radius) border bg-(--composer-bg) p-(--composer-padding) transition-[border-color] data-[dragging=true]:border-dashed data-[dragging=true]:bg-[color-mix(in_oklab,var(--color-accent)_50%,var(--color-background))]"
+      }),
+      children: [
+        /* @__PURE__ */ jsx(ComposerAttachments3, {}),
+        /* @__PURE__ */ jsx(ComposerPrimitive.Input, {
+          placeholder: "Send a message...",
+          rows: 1,
+          autoFocus,
+          enterKeyHint: "send",
+          "aria-label": "Message input",
+          render: /* @__PURE__ */ jsx("textarea", {
+            className: "aui-composer-input caret-primary placeholder:text-muted-foreground/60 max-h-48 min-h-10 w-full resize-none bg-transparent px-2.5 py-1 text-lg leading-6 outline-none"
+          })
+        }),
+        /* @__PURE__ */ jsx(ComposerAction, {})
+      ]
+    })
+  });
+};
+var ComposerAction = () => {
+  const isSending = useAuiState((s) => s.composer.submission !== undefined && !(s.thread.isRunning && s.thread.capabilities.cancel));
+  return /* @__PURE__ */ jsxs("div", {
+    className: "aui-composer-action-wrapper relative flex items-center justify-between",
+    children: [
+      /* @__PURE__ */ jsx(ComposerAddAttachment2, {}),
+      /* @__PURE__ */ jsxs("div", {
+        className: "flex items-center gap-1.5",
+        children: [
+          /* @__PURE__ */ jsxs(AuiIf, {
+            condition: (s) => s.thread.capabilities.dictation,
+            children: [
+              /* @__PURE__ */ jsx(AuiIf, {
+                condition: (s) => s.composer.dictation == null,
+                children: /* @__PURE__ */ jsx(ComposerPrimitive.Dictate, {
+                  asChild: true,
+                  children: /* @__PURE__ */ jsx(TooltipIconButton2, {
+                    tooltip: "Voice input",
+                    side: "bottom",
+                    type: "button",
+                    variant: "ghost",
+                    "aria-label": "Start voice input",
+                    children: /* @__PURE__ */ jsx(MicIcon, {
+                      "aria-hidden": "true",
+                      className: "size-4 shrink-0"
+                    })
+                  })
+                })
+              }),
+              /* @__PURE__ */ jsx(AuiIf, {
+                condition: (s) => s.composer.dictation != null,
+                children: /* @__PURE__ */ jsx(ComposerPrimitive.StopDictation, {
+                  asChild: true,
+                  children: /* @__PURE__ */ jsx(TooltipIconButton2, {
+                    tooltip: "Stop dictation",
+                    side: "bottom",
+                    type: "button",
+                    variant: "ghost",
+                    "aria-label": "Stop voice input",
+                    children: /* @__PURE__ */ jsx(SquareIcon, {
+                      "aria-hidden": "true",
+                      className: "size-3.5 shrink-0 animate-pulse motion-reduce:animate-none"
+                    })
+                  })
+                })
+              })
+            ]
+          }),
+          /* @__PURE__ */ jsx(AuiIf, {
+            condition: (s) => (!s.composer.canCancel || s.thread.voice !== undefined && s.composer.submission === undefined) && !shouldShowComposerResume(s),
+            children: /* @__PURE__ */ jsx(ComposerPrimitive.Send, {
+              asChild: true,
+              children: /* @__PURE__ */ jsx(TooltipIconButton2, {
+                tooltip: "Send message",
+                side: "bottom",
+                type: "button",
+                variant: "default",
+                "aria-label": "Send message",
+                children: /* @__PURE__ */ jsx(ArrowUpIcon, {
+                  "aria-hidden": "true",
+                  className: "size-4 shrink-0"
+                })
+              })
+            })
+          }),
+          /* @__PURE__ */ jsx(AuiIf, {
+            condition: shouldShowComposerResume,
+            children: /* @__PURE__ */ jsx(ComposerPrimitive.Resume, {
+              asChild: true,
+              children: /* @__PURE__ */ jsx(TooltipIconButton2, {
+                tooltip: "Resume generating",
+                side: "bottom",
+                type: "button",
+                variant: "default",
+                "aria-label": "Resume generating",
+                children: /* @__PURE__ */ jsx(PlayIcon, {
+                  "aria-hidden": "true",
+                  className: "size-4 shrink-0"
+                })
+              })
+            })
+          }),
+          /* @__PURE__ */ jsx(AuiIf, {
+            condition: (s) => s.composer.canCancel && (s.thread.voice === undefined || s.composer.submission !== undefined),
+            children: /* @__PURE__ */ jsx(ComposerPrimitive.Cancel, {
+              asChild: true,
+              children: /* @__PURE__ */ jsx(Button2, {
+                type: "button",
+                variant: "default",
+                "aria-label": isSending ? "Cancel sending" : "Stop generating",
+                children: /* @__PURE__ */ jsx(SquareIcon, {
+                  "aria-hidden": "true",
+                  className: "size-3.5 shrink-0"
+                })
+              })
+            })
+          })
+        ]
+      })
+    ]
+  });
+};
+var MessageError = () => {
+  return /* @__PURE__ */ jsx(MessagePrimitive.Error, {
+    children: /* @__PURE__ */ jsx(ErrorPrimitive.Root, {
+      role: "alert",
+      render: /* @__PURE__ */ jsx("div", {
+        className: "aui-message-error-root border-destructive bg-destructive/10 text-destructive mt-2 rounded-md border p-2 text-sm"
+      }),
+      children: /* @__PURE__ */ jsx(ErrorPrimitive.Message, {
+        render: /* @__PURE__ */ jsx("span", {
+          className: "aui-message-error-message line-clamp-2"
+        })
+      })
+    })
+  });
+};
+var AssistantMessage = () => {
+  const {
+    ToolFallback: ToolFallbackComponent = ToolFallback2,
+    ToolGroup,
+    ReasoningGroup,
+    TaskGroup: TaskGroupComponent
+  } = useContext(ThreadComponentsContext);
+  const groupBy = TaskGroupComponent ? taskAwareGroupBy : messageGroupBy;
+  const ACTION_BAR_PT = "pt-1.5";
+  const ACTION_BAR_HEIGHT = `min-h-7.5 ${ACTION_BAR_PT}`;
+  return /* @__PURE__ */ jsxs(MessagePrimitive.Root, {
+    "data-slot": "aui_assistant-message-root",
+    "data-role": "assistant",
+    render: /* @__PURE__ */ jsx("div", {
+      className: "fade-in slide-in-from-bottom-1 animate-in relative -mb-7.5 pb-7.5 duration-150 [contain-intrinsic-size:auto_200px] [content-visibility:auto]"
+    }),
+    children: [
+      /* @__PURE__ */ jsxs("div", {
+        "data-slot": "aui_assistant-message-content",
+        className: "text-foreground px-2 leading-relaxed wrap-break-word",
+        children: [
+          /* @__PURE__ */ jsx(MessagePrimitive.GroupedParts, {
+            groupBy,
+            children: ({ part, children }) => {
+              switch (part.type) {
+                case "group-chainOfThought":
+                  return /* @__PURE__ */ jsx("div", {
+                    "data-slot": "aui_chain-of-thought",
+                    children
+                  });
+                case "group-task":
+                  return TaskGroupComponent ? /* @__PURE__ */ jsx(TaskGroupComponent, {
+                    group: part
+                  }) : null;
+                case "group-tool":
+                  if (ToolGroup) {
+                    return /* @__PURE__ */ jsx(ToolGroup, {
+                      group: part,
+                      children
+                    });
+                  }
+                  return /* @__PURE__ */ jsxs(ToolGroupRoot2, {
+                    variant: "ghost",
+                    children: [
+                      /* @__PURE__ */ jsx(ToolGroupTrigger2, {
+                        count: part.indices.length,
+                        active: part.status.type === "running"
+                      }),
+                      /* @__PURE__ */ jsx(ToolGroupContent2, {
+                        children
+                      })
+                    ]
+                  });
+                case "group-reasoning": {
+                  if (ReasoningGroup) {
+                    return /* @__PURE__ */ jsx(ReasoningGroup, {
+                      group: part,
+                      children
+                    });
+                  }
+                  const running = part.status.type === "running";
+                  return /* @__PURE__ */ jsxs(ReasoningRoot2, {
+                    streaming: running,
+                    children: [
+                      /* @__PURE__ */ jsx(ReasoningTrigger2, {
+                        active: running,
+                        duration: reasoningDuration(part.timing)
+                      }),
+                      /* @__PURE__ */ jsx(ReasoningContent2, {
+                        "aria-busy": running,
+                        children: /* @__PURE__ */ jsx(ReasoningText2, {
+                          children
+                        })
+                      })
+                    ]
+                  });
+                }
+                case "text":
+                  return /* @__PURE__ */ jsx(MarkdownText2, {});
+                case "reasoning":
+                  return /* @__PURE__ */ jsx(Reasoning2, {
+                    ...part
+                  });
+                case "tool-call":
+                  return part.toolUI ?? /* @__PURE__ */ jsx(ToolFallbackComponent, {
+                    ...part
+                  });
+                case "data":
+                  return part.dataRendererUI;
+                case "file":
+                  return /* @__PURE__ */ jsx("div", {
+                    "data-slot": "aui_assistant-message-file",
+                    className: "py-1",
+                    children: /* @__PURE__ */ jsx(MessageFile, {
+                      ...part
+                    })
+                  });
+                case "image":
+                  return /* @__PURE__ */ jsx("div", {
+                    "data-slot": "aui_assistant-message-image",
+                    className: "py-1",
+                    children: /* @__PURE__ */ jsx(Image2, {
+                      ...part
+                    })
+                  });
+                case "indicator":
+                  return /* @__PURE__ */ jsx("span", {
+                    "data-slot": "aui_assistant-message-indicator",
+                    className: "animate-pulse font-sans",
+                    "aria-label": "Assistant is working",
+                    children: "●"
+                  });
+                default:
+                  return null;
+              }
+            }
+          }),
+          /* @__PURE__ */ jsx(MessageError, {})
+        ]
+      }),
+      /* @__PURE__ */ jsxs("div", {
+        "data-slot": "aui_assistant-message-footer",
+        className: cn2("ms-2 flex items-center", ACTION_BAR_HEIGHT),
+        children: [
+          /* @__PURE__ */ jsx(BranchPicker, {}),
+          /* @__PURE__ */ jsx(AssistantActionBar, {})
+        ]
+      })
+    ]
+  });
+};
+var AssistantActionBar = () => {
+  const { container: portalContainer, isReady: isPortalReady } = useResolvedPortalContainer();
+  const density = useDensity();
+  return /* @__PURE__ */ jsxs(ActionBarPrimitive.Root, {
+    hideWhenRunning: true,
+    autohide: "not-last",
+    render: /* @__PURE__ */ jsx("div", {
+      className: "aui-assistant-action-bar-root text-muted-foreground animate-in fade-in col-start-3 row-start-2 -ms-1 flex gap-1 duration-200"
+    }),
+    children: [
+      /* @__PURE__ */ jsx(ActionBarPrimitive.Copy, {
+        asChild: true,
+        children: /* @__PURE__ */ jsxs(TooltipIconButton2, {
+          tooltip: "Copy",
+          children: [
+            /* @__PURE__ */ jsx(AuiIf, {
+              condition: (s) => s.message.isCopied,
+              children: /* @__PURE__ */ jsx(CheckIcon, {
+                "aria-hidden": "true",
+                className: "size-4 shrink-0"
+              })
+            }),
+            /* @__PURE__ */ jsx(AuiIf, {
+              condition: (s) => !s.message.isCopied,
+              children: /* @__PURE__ */ jsx(CopyIcon, {
+                "aria-hidden": "true",
+                className: "size-4 shrink-0"
+              })
+            })
+          ]
+        })
+      }),
+      /* @__PURE__ */ jsxs(AuiIf, {
+        condition: (s) => s.thread.capabilities.feedback,
+        children: [
+          /* @__PURE__ */ jsx(ActionBarPrimitive.FeedbackPositive, {
+            asChild: true,
+            children: /* @__PURE__ */ jsx(TooltipIconButton2, {
+              tooltip: "Helpful",
+              children: /* @__PURE__ */ jsx(ThumbsUpIcon, {
+                "aria-hidden": "true",
+                className: "size-4 shrink-0"
+              })
+            })
+          }),
+          /* @__PURE__ */ jsx(ActionBarPrimitive.FeedbackNegative, {
+            asChild: true,
+            children: /* @__PURE__ */ jsx(TooltipIconButton2, {
+              tooltip: "Not helpful",
+              children: /* @__PURE__ */ jsx(ThumbsDownIcon, {
+                "aria-hidden": "true",
+                className: "size-4 shrink-0"
+              })
+            })
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx(ActionBarPrimitive.Reload, {
+        asChild: true,
+        children: /* @__PURE__ */ jsx(TooltipIconButton2, {
+          tooltip: "Refresh",
+          children: /* @__PURE__ */ jsx(RefreshCwIcon, {
+            "aria-hidden": "true",
+            className: "size-4 shrink-0"
+          })
+        })
+      }),
+      /* @__PURE__ */ jsxs(ActionBarMorePrimitive.Root, {
+        children: [
+          /* @__PURE__ */ jsx(ActionBarMorePrimitive.Trigger, {
+            asChild: true,
+            children: /* @__PURE__ */ jsx(TooltipIconButton2, {
+              tooltip: "More",
+              children: /* @__PURE__ */ jsx(MoreHorizontalIcon, {
+                "aria-hidden": "true",
+                className: "size-4 shrink-0"
+              })
+            })
+          }),
+          isPortalReady && /* @__PURE__ */ jsx(ActionBarMorePrimitive.Content, {
+            "data-density": density,
+            side: "bottom",
+            align: "start",
+            sideOffset: 6,
+            asChild: true,
+            portalProps: { container: portalContainer },
+            children: /* @__PURE__ */ jsx("div", {
+              className: "aui-action-bar-more-content bg-popover text-popover-foreground data-[state=open]:fade-in-0  data-[state=open]:animate-in data-[state=closed]:fade-out-0  data-[state=closed]:animate-out data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[128px] overflow-hidden rounded-md border p-1.5",
+              children: /* @__PURE__ */ jsx(ActionBarPrimitive.ExportMarkdown, {
+                asChild: true,
+                children: /* @__PURE__ */ jsx(ActionBarMorePrimitive.Item, {
+                  asChild: true,
+                  children: /* @__PURE__ */ jsxs("div", {
+                    className: "aui-action-bar-more-item hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground flex cursor-pointer items-center gap-2 rounded-md px-2.5 py-1.5 text-sm outline-none select-none",
+                    children: [
+                      /* @__PURE__ */ jsx(DownloadIcon, {
+                        "aria-hidden": "true",
+                        className: "size-4 shrink-0"
+                      }),
+                      "Export as Markdown"
+                    ]
+                  })
+                })
+              })
+            })
+          })
+        ]
+      })
+    ]
+  });
+};
+var MessageFile = (part) => {
+  const image = part.mimeType.toLowerCase().startsWith("image/") ? getFileHref(part.data, part.mimeType, part.sourceType) : null;
+  if (!image)
+    return /* @__PURE__ */ jsx(File2, {
+      ...part
+    });
+  return /* @__PURE__ */ jsx(Image2, {
+    type: "image",
+    image,
+    status: part.status,
+    ...part.filename !== undefined && { filename: part.filename }
+  });
+};
+var UserFilePart = (part) => /* @__PURE__ */ jsx("div", {
+  "data-slot": "aui_user-message-file",
+  className: "py-1",
+  children: /* @__PURE__ */ jsx(MessageFile, {
+    ...part
+  })
+});
+var UserImagePart = (part) => /* @__PURE__ */ jsx("div", {
+  "data-slot": "aui_user-message-image",
+  className: "py-1",
+  children: /* @__PURE__ */ jsx(Image2, {
+    ...part
+  })
+});
+var UserMessage = () => {
+  return /* @__PURE__ */ jsxs(MessagePrimitive.Root, {
+    "data-slot": "aui_user-message-root",
+    "data-role": "user",
+    render: /* @__PURE__ */ jsx("div", {
+      className: "fade-in slide-in-from-bottom-1 animate-in grid auto-rows-auto grid-cols-[minmax(72px,1fr)_auto] content-start gap-y-2 px-2 duration-150 [contain-intrinsic-size:auto_200px] [content-visibility:auto] [&:where(>*)]:col-start-2"
+    }),
+    children: [
+      /* @__PURE__ */ jsx(UserMessageAttachments2, {}),
+      /* @__PURE__ */ jsxs("div", {
+        className: "aui-user-message-content-wrapper relative col-start-2 min-w-0",
+        children: [
+          /* @__PURE__ */ jsx("div", {
+            className: "aui-user-message-content peer bg-muted text-foreground rounded-(--composer-radius) px-4 py-2 wrap-break-word empty:hidden",
+            children: /* @__PURE__ */ jsx(MessagePrimitive.Parts, {
+              components: { File: UserFilePart, Image: UserImagePart }
+            })
+          }),
+          /* @__PURE__ */ jsx("div", {
+            className: "aui-user-action-bar-wrapper absolute start-0 top-1/2 -translate-x-full -translate-y-1/2 pe-2 peer-empty:hidden rtl:translate-x-full",
+            children: /* @__PURE__ */ jsx(UserActionBar, {})
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx(BranchPicker, {
+        "data-slot": "aui_user-branch-picker",
+        className: "col-span-full col-start-1 -me-1 justify-end"
+      })
+    ]
+  });
+};
+var UserActionBar = () => {
+  return /* @__PURE__ */ jsx(ActionBarPrimitive.Root, {
+    hideWhenRunning: true,
+    autohide: "not-last",
+    render: /* @__PURE__ */ jsx("div", {
+      className: "aui-user-action-bar-root flex flex-col items-end"
+    }),
+    children: /* @__PURE__ */ jsx(ActionBarPrimitive.Edit, {
+      asChild: true,
+      children: /* @__PURE__ */ jsx(TooltipIconButton2, {
+        tooltip: "Edit",
+        children: /* @__PURE__ */ jsx(PencilIcon, {
+          "aria-hidden": "true",
+          className: "size-4 shrink-0"
+        })
+      })
+    })
+  });
+};
+var EditComposer = () => {
+  return /* @__PURE__ */ jsx(MessagePrimitive.Root, {
+    "data-slot": "aui_edit-composer-wrapper",
+    render: /* @__PURE__ */ jsx("div", {
+      className: "flex flex-col px-2 [contain-intrinsic-size:auto_200px] [content-visibility:auto]"
+    }),
+    children: /* @__PURE__ */ jsxs(ComposerPrimitive.Root, {
+      render: /* @__PURE__ */ jsx("form", {
+        className: "aui-edit-composer-root border-frame-edge focus-within:border-foreground/25 ms-auto flex w-full max-w-[85%] cursor-text flex-col rounded-(--composer-radius) border bg-(--composer-bg) transition-[border-color]"
+      }),
+      children: [
+        /* @__PURE__ */ jsx(ComposerPrimitive.Input, {
+          "aria-label": "Edit message",
+          autoFocus: true,
+          render: /* @__PURE__ */ jsx("textarea", {
+            className: "aui-edit-composer-input text-foreground min-h-14 w-full resize-none bg-transparent px-2 pt-2 pb-1 text-base outline-none"
+          })
+        }),
+        /* @__PURE__ */ jsxs("div", {
+          className: "aui-edit-composer-footer mx-2.5 mb-2.5 flex items-center gap-1.5 self-end",
+          children: [
+            /* @__PURE__ */ jsx(ComposerPrimitive.Cancel, {
+              asChild: true,
+              children: /* @__PURE__ */ jsx(Button2, {
+                variant: "ghost",
+                children: "Cancel"
+              })
+            }),
+            /* @__PURE__ */ jsx(ComposerPrimitive.Send, {
+              asChild: true,
+              children: /* @__PURE__ */ jsx(Button2, {
+                children: "Update"
+              })
+            })
+          ]
+        })
+      ]
+    })
+  });
+};
+var BranchPicker = ({ className, ...rest }) => {
+  return /* @__PURE__ */ jsxs(BranchPickerPrimitive.Root, {
+    hideWhenSingleBranch: true,
+    ...rest,
+    render: /* @__PURE__ */ jsx("div", {
+      className: cn2("aui-branch-picker-root text-muted-foreground -ms-2 me-2 inline-flex items-center text-sm", className)
+    }),
+    children: [
+      /* @__PURE__ */ jsx(BranchPickerPrimitive.Previous, {
+        asChild: true,
+        children: /* @__PURE__ */ jsx(TooltipIconButton2, {
+          tooltip: "Previous",
+          children: /* @__PURE__ */ jsx(ChevronLeftIcon, {
+            "aria-hidden": "true",
+            className: "size-4 shrink-0"
+          })
+        })
+      }),
+      /* @__PURE__ */ jsxs("span", {
+        children: [
+          /* @__PURE__ */ jsx(BranchPickerPrimitive.Number, {}),
+          " / ",
+          /* @__PURE__ */ jsx(BranchPickerPrimitive.Count, {})
+        ]
+      }),
+      /* @__PURE__ */ jsx(BranchPickerPrimitive.Next, {
+        asChild: true,
+        children: /* @__PURE__ */ jsx(TooltipIconButton2, {
+          tooltip: "Next",
+          children: /* @__PURE__ */ jsx(ChevronRightIcon, {
+            "aria-hidden": "true",
+            className: "size-4 shrink-0"
+          })
+        })
+      })
+    ]
+  });
+};
+
+export { Thread2 };