@timbal-ai/timbal-react 0.1.0

package/dist/index.cjs

@@ -0,0 +1,1731 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  AuthGuard: () => AuthGuard,
+  Avatar: () => Avatar,
+  AvatarFallback: () => AvatarFallback,
+  AvatarImage: () => AvatarImage,
+  Button: () => Button,
+  ComposerAddAttachment: () => ComposerAddAttachment,
+  ComposerAttachments: () => ComposerAttachments,
+  Dialog: () => Dialog,
+  DialogClose: () => DialogClose,
+  DialogContent: () => DialogContent,
+  DialogOverlay: () => DialogOverlay,
+  DialogPortal: () => DialogPortal,
+  DialogTitle: () => DialogTitle,
+  DialogTrigger: () => DialogTrigger,
+  MarkdownText: () => MarkdownText,
+  SessionProvider: () => SessionProvider,
+  Shimmer: () => Shimmer,
+  SyntaxHighlighter: () => syntax_highlighter_default,
+  Thread: () => Thread,
+  TimbalRuntimeProvider: () => TimbalRuntimeProvider,
+  ToolFallback: () => ToolFallback,
+  Tooltip: () => Tooltip,
+  TooltipContent: () => TooltipContent,
+  TooltipIconButton: () => TooltipIconButton,
+  TooltipProvider: () => TooltipProvider,
+  TooltipTrigger: () => TooltipTrigger,
+  UserMessageAttachments: () => UserMessageAttachments,
+  authFetch: () => authFetch,
+  buttonVariants: () => buttonVariants,
+  clearTokens: () => clearTokens,
+  cn: () => cn,
+  fetchCurrentUser: () => fetchCurrentUser,
+  getAccessToken: () => getAccessToken,
+  getRefreshToken: () => getRefreshToken,
+  refreshAccessToken: () => refreshAccessToken,
+  useSession: () => useSession
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/runtime/provider.tsx
+var import_react = require("react");
+var import_react2 = require("@assistant-ui/react");
+var import_timbal_sdk = require("@timbal-ai/timbal-sdk");
+
+// src/auth/tokens.ts
+var ACCESS_TOKEN_KEY = "timbal_project_access_token";
+var REFRESH_TOKEN_KEY = "timbal_project_refresh_token";
+var getAccessToken = () => localStorage.getItem(ACCESS_TOKEN_KEY);
+var getRefreshToken = () => localStorage.getItem(REFRESH_TOKEN_KEY);
+var clearTokens = () => {
+  localStorage.removeItem(ACCESS_TOKEN_KEY);
+  localStorage.removeItem(REFRESH_TOKEN_KEY);
+};
+var refreshPromise = null;
+var refreshAccessToken = async () => {
+  const refreshToken = getRefreshToken();
+  if (!refreshToken) return false;
+  if (refreshPromise) return refreshPromise;
+  refreshPromise = (async () => {
+    try {
+      const res = await fetch("/api/auth/refresh", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ refresh_token: refreshToken })
+      });
+      if (!res.ok) {
+        clearTokens();
+        return false;
+      }
+      const data = await res.json();
+      if (data.access_token) {
+        localStorage.setItem(ACCESS_TOKEN_KEY, data.access_token);
+      }
+      if (data.refresh_token) {
+        localStorage.setItem(REFRESH_TOKEN_KEY, data.refresh_token);
+      }
+      return true;
+    } catch {
+      clearTokens();
+      return false;
+    } finally {
+      refreshPromise = null;
+    }
+  })();
+  return refreshPromise;
+};
+var authFetch = async (url, options) => {
+  const token = getAccessToken();
+  let res = await fetch(url, {
+    ...options,
+    headers: {
+      ...options?.headers,
+      ...token ? { Authorization: `Bearer ${token}` } : {}
+    }
+  });
+  if (res.status === 401 && getRefreshToken()) {
+    const refreshed = await refreshAccessToken();
+    if (refreshed) {
+      const newToken = getAccessToken();
+      res = await fetch(url, {
+        ...options,
+        headers: {
+          ...options?.headers,
+          ...newToken ? { Authorization: `Bearer ${newToken}` } : {}
+        }
+      });
+    }
+  }
+  return res;
+};
+var fetchCurrentUser = async () => {
+  try {
+    const token = getAccessToken();
+    const res = await fetch("/api/me", {
+      headers: token ? { Authorization: `Bearer ${token}` } : {}
+    });
+    if (!res.ok) return null;
+    return await res.json();
+  } catch {
+    return null;
+  }
+};
+
+// src/runtime/provider.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var parseLine = import_timbal_sdk.parseSSELine;
+var convertMessage = (message) => ({
+  role: message.role,
+  content: message.content,
+  id: message.id
+});
+function findParentId(messages, beforeIndex) {
+  const slice = beforeIndex !== void 0 ? messages.slice(0, beforeIndex) : messages;
+  for (let i = slice.length - 1; i >= 0; i--) {
+    if (slice[i].role === "assistant" && slice[i].runId) return slice[i].runId;
+  }
+  return null;
+}
+function isTopLevelStart(event) {
+  return event.type === "START" && typeof event.run_id === "string" && typeof event.path === "string" && !event.path.includes(".");
+}
+function getTextFromMessage(message) {
+  const part = message.content.find((c) => c.type === "text");
+  return part?.type === "text" ? part.text : null;
+}
+function waitWithAbort(ms, signal) {
+  if (signal.aborted) throw new DOMException("The operation was aborted.", "AbortError");
+  return new Promise((resolve, reject) => {
+    const timeoutId = setTimeout(() => {
+      signal.removeEventListener("abort", onAbort);
+      resolve();
+    }, ms);
+    const onAbort = () => {
+      clearTimeout(timeoutId);
+      reject(new DOMException("The operation was aborted.", "AbortError"));
+    };
+    signal.addEventListener("abort", onAbort, { once: true });
+  });
+}
+function buildFakeLongResponse(input) {
+  const safeInput = input.trim() || "your request";
+  const base = [
+    `Fake streaming fallback enabled. You asked: "${safeInput}".`,
+    "",
+    "This is a deliberately long response used to test rendering, scrolling, cancellation, and streaming UX behavior.",
+    "",
+    "What this stream is exercising:",
+    "- Frequent tiny token updates",
+    "- Long markdown paragraphs",
+    "- Bullet list rendering",
+    "- UI action bar behavior while running",
+    "- Stop button and abort flow",
+    "",
+    "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vitae mi at augue pulvinar porta. Praesent ullamcorper felis at nibh tincidunt, id sagittis mauris interdum. Integer nec semper dui. Curabitur sed fermentum libero. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.",
+    "",
+    "Aliquam luctus purus non bibendum faucibus. Donec at elit eget massa feugiat ultricies. Quisque condimentum, libero in egestas varius, purus justo aliquam sem, vitae feugiat nunc lorem a justo. Sed non tempor est. In hac habitasse platea dictumst.",
+    "",
+    "If you can read this arriving progressively, the fallback is working as intended."
+  ].join("\n");
+  return `${base}
+
+---
+
+${base}`;
+}
+async function streamFakeLongResponse(input, delayMs, signal, onDelta) {
+  const fullResponse = buildFakeLongResponse(input);
+  let cursor = 0;
+  while (cursor < fullResponse.length) {
+    if (signal.aborted) throw new DOMException("The operation was aborted.", "AbortError");
+    const chunkSize = Math.min(fullResponse.length - cursor, Math.floor(Math.random() * 12) + 2);
+    const delta = fullResponse.slice(cursor, cursor + chunkSize);
+    cursor += chunkSize;
+    onDelta(delta);
+    await waitWithAbort(delayMs, signal);
+  }
+}
+function TimbalRuntimeProvider({
+  workforceId,
+  children,
+  baseUrl = "/api",
+  fetch: fetchFn,
+  devFakeStream = false,
+  devFakeStreamDelayMs = 75
+}) {
+  const [messages, setMessages] = (0, import_react.useState)([]);
+  const [isRunning, setIsRunning] = (0, import_react.useState)(false);
+  const abortRef = (0, import_react.useRef)(null);
+  const messagesRef = (0, import_react.useRef)([]);
+  const fetchFnRef = (0, import_react.useRef)(fetchFn ?? authFetch);
+  (0, import_react.useEffect)(() => {
+    fetchFnRef.current = fetchFn ?? authFetch;
+  }, [fetchFn]);
+  (0, import_react.useEffect)(() => {
+    messagesRef.current = messages;
+  }, [messages]);
+  const streamAssistantResponse = (0, import_react.useCallback)(
+    async (input, userId, assistantId, parentId, signal) => {
+      const parts = [];
+      const toolIndexById = /* @__PURE__ */ new Map();
+      const lastTextPart = () => {
+        const last = parts[parts.length - 1];
+        if (last?.type === "text") return last;
+        const next = { type: "text", text: "" };
+        parts.push(next);
+        return next;
+      };
+      const flush = () => {
+        setMessages(
+          (prev) => prev.map((m) => m.id === assistantId ? { ...m, content: [...parts] } : m)
+        );
+      };
+      const stampRunId = (runId) => {
+        setMessages(
+          (prev) => prev.map((m) => m.id === userId || m.id === assistantId ? { ...m, runId } : m)
+        );
+      };
+      try {
+        if (devFakeStream) {
+          const fakeId = `call_${crypto.randomUUID().replace(/-/g, "").slice(0, 24)}`;
+          parts.push({ type: "tool-call", toolCallId: fakeId, toolName: "get_datetime", argsText: "{}" });
+          flush();
+          await waitWithAbort(2e3, signal);
+          parts[0].result = `Current datetime (from tool): ${(/* @__PURE__ */ new Date()).toISOString()}`;
+          flush();
+          await waitWithAbort(300, signal);
+          await streamFakeLongResponse(input, devFakeStreamDelayMs, signal, (delta) => {
+            lastTextPart().text += delta;
+            flush();
+          });
+          return;
+        }
+        const res = await fetchFnRef.current(`${baseUrl}/workforce/${workforceId}/stream`, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({
+            prompt: input,
+            context: { parent_id: parentId }
+          }),
+          signal
+        });
+        if (!res.ok || !res.body) throw new Error(`Request failed: ${res.status}`);
+        const reader = res.body.getReader();
+        const decoder = new TextDecoder();
+        let buffer = "";
+        let capturedRunId = null;
+        while (true) {
+          const { done, value } = await reader.read();
+          if (done) break;
+          buffer += decoder.decode(value, { stream: true });
+          const lines = buffer.split("\n");
+          buffer = lines.pop() ?? "";
+          for (const line of lines) {
+            const event = parseLine(line);
+            if (!event) continue;
+            if (!capturedRunId && isTopLevelStart(event)) {
+              capturedRunId = event.run_id;
+              stampRunId(capturedRunId);
+            }
+            switch (event.type) {
+              case "DELTA": {
+                const item = event.item;
+                if (!item) break;
+                if (item.type === "text_delta" && typeof item.text_delta === "string") {
+                  lastTextPart().text += item.text_delta;
+                  flush();
+                } else if (item.type === "tool_use") {
+                  const toolCallId = item.id || `tool-${crypto.randomUUID()}`;
+                  const inputStr = typeof item.input === "string" ? item.input : JSON.stringify(item.input ?? {});
+                  parts.push({
+                    type: "tool-call",
+                    toolCallId,
+                    toolName: item.name || "unknown",
+                    argsText: inputStr
+                  });
+                  toolIndexById.set(toolCallId, parts.length - 1);
+                  flush();
+                } else if (item.type === "tool_use_delta") {
+                  const idx = toolIndexById.get(item.id);
+                  if (idx !== void 0 && typeof item.input_delta === "string") {
+                    parts[idx].argsText += item.input_delta;
+                    flush();
+                  }
+                }
+                break;
+              }
+              case "OUTPUT": {
+                const output = event.output;
+                if (!output) break;
+                if (typeof output === "object" && Array.isArray(output.content)) {
+                  for (const block of output.content) {
+                    if (block.type === "tool_use") {
+                      const id = block.id || `tool-${crypto.randomUUID()}`;
+                      const idx = toolIndexById.get(id);
+                      if (idx !== void 0) {
+                        parts[idx].result = "Tool executed";
+                      } else {
+                        const inputStr = typeof block.input === "string" ? block.input : JSON.stringify(block.input ?? {});
+                        parts.push({
+                          type: "tool-call",
+                          toolCallId: id,
+                          toolName: block.name || "unknown",
+                          argsText: inputStr,
+                          result: "Tool executed"
+                        });
+                        toolIndexById.set(id, parts.length - 1);
+                      }
+                    } else if (block.type === "text" && typeof block.text === "string" && !lastTextPart().text) {
+                      lastTextPart().text = block.text;
+                    }
+                  }
+                  flush();
+                } else if (parts.length === 0) {
+                  const text = typeof output === "string" ? output : JSON.stringify(output);
+                  parts.push({ type: "text", text });
+                  flush();
+                }
+                break;
+              }
+            }
+          }
+        }
+        if (buffer.trim()) {
+          const event = parseLine(buffer);
+          if (event?.type === "OUTPUT" && parts.length === 0 && event.output) {
+            const text = typeof event.output === "string" ? event.output : JSON.stringify(event.output);
+            parts.push({ type: "text", text });
+            flush();
+          }
+        }
+      } catch (err) {
+        if (err.name !== "AbortError") {
+          if (parts.length === 0) parts.push({ type: "text", text: "Something went wrong." });
+          flush();
+        }
+      } finally {
+        setIsRunning(false);
+        abortRef.current = null;
+      }
+    },
+    [workforceId, baseUrl, devFakeStream, devFakeStreamDelayMs]
+  );
+  const onNew = (0, import_react.useCallback)(
+    async (message) => {
+      const textPart = message.content.find((c) => c.type === "text");
+      if (!textPart || textPart.type !== "text") return;
+      const input = textPart.text;
+      const userId = crypto.randomUUID();
+      const assistantId = crypto.randomUUID();
+      let base = messagesRef.current;
+      if (message.parentId !== null) {
+        const parentIdx = base.findIndex((m) => m.id === message.parentId);
+        if (parentIdx >= 0) {
+          base = base.slice(0, parentIdx + 1);
+        }
+      }
+      const parentId = findParentId(base);
+      setMessages([
+        ...base,
+        { id: userId, role: "user", content: [{ type: "text", text: input }] }
+      ]);
+      setIsRunning(true);
+      setMessages((prev) => [
+        ...prev,
+        { id: assistantId, role: "assistant", content: [] }
+      ]);
+      const controller = new AbortController();
+      abortRef.current = controller;
+      await streamAssistantResponse(input, userId, assistantId, parentId, controller.signal);
+    },
+    [streamAssistantResponse]
+  );
+  const onReload = (0, import_react.useCallback)(
+    async (messageId) => {
+      const current = messagesRef.current;
+      const idx = messageId ? current.findIndex((m) => m.id === messageId) : current.length - 2;
+      const userMessage = idx >= 0 ? current[idx] : null;
+      if (!userMessage || userMessage.role !== "user") return;
+      const input = getTextFromMessage(userMessage);
+      if (!input) return;
+      const assistantId = crypto.randomUUID();
+      const parentId = findParentId(current, idx);
+      setMessages((prev) => [
+        ...prev.slice(0, idx + 1),
+        { id: assistantId, role: "assistant", content: [] }
+      ]);
+      setIsRunning(true);
+      const controller = new AbortController();
+      abortRef.current = controller;
+      await streamAssistantResponse(input, userMessage.id, assistantId, parentId, controller.signal);
+    },
+    [streamAssistantResponse]
+  );
+  const onCancel = (0, import_react.useCallback)(async () => {
+    abortRef.current?.abort();
+  }, []);
+  const runtime = (0, import_react2.useExternalStoreRuntime)({
+    isRunning,
+    messages,
+    convertMessage,
+    onNew,
+    onEdit: onNew,
+    onReload,
+    onCancel
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.AssistantRuntimeProvider, { runtime, children });
+}
+
+// src/components/attachment.tsx
+var import_react4 = require("react");
+var import_lucide_react2 = require("lucide-react");
+var import_react5 = require("@assistant-ui/react");
+var import_shallow = require("zustand/shallow");
+
+// src/ui/tooltip.tsx
+var import_radix_ui = require("radix-ui");
+
+// src/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/ui/tooltip.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function TooltipProvider({
+  delayDuration = 0,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_radix_ui.Tooltip.Provider,
+    {
+      "data-slot": "tooltip-provider",
+      delayDuration,
+      ...props
+    }
+  );
+}
+function Tooltip({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_radix_ui.Tooltip.Root, { "data-slot": "tooltip", ...props });
+}
+function TooltipTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_radix_ui.Tooltip.Trigger, { "data-slot": "tooltip-trigger", ...props });
+}
+function TooltipContent({
+  className,
+  sideOffset = 0,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_radix_ui.Tooltip.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    import_radix_ui.Tooltip.Content,
+    {
+      "data-slot": "tooltip-content",
+      sideOffset,
+      className: cn(
+        "bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 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 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_radix_ui.Tooltip.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+      ]
+    }
+  ) });
+}
+
+// src/ui/dialog.tsx
+var import_lucide_react = require("lucide-react");
+var import_radix_ui2 = require("radix-ui");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function Dialog({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_radix_ui2.Dialog.Root, { "data-slot": "dialog", ...props });
+}
+function DialogTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_radix_ui2.Dialog.Trigger, { "data-slot": "dialog-trigger", ...props });
+}
+function DialogPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_radix_ui2.Dialog.Portal, { "data-slot": "dialog-portal", ...props });
+}
+function DialogClose({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_radix_ui2.Dialog.Close, { "data-slot": "dialog-close", ...props });
+}
+function DialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_radix_ui2.Dialog.Overlay,
+    {
+      "data-slot": "dialog-overlay",
+      className: cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogContent({
+  className,
+  children,
+  showCloseButton = true,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(DialogPortal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DialogOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      import_radix_ui2.Dialog.Content,
+      {
+        "data-slot": "dialog-content",
+        className: cn(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 outline-none sm:max-w-lg",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+            import_radix_ui2.Dialog.Close,
+            {
+              "data-slot": "dialog-close",
+              className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react.XIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function DialogTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_radix_ui2.Dialog.Title,
+    {
+      "data-slot": "dialog-title",
+      className: cn("text-lg leading-none font-semibold", className),
+      ...props
+    }
+  );
+}
+
+// src/ui/avatar.tsx
+var import_radix_ui3 = require("radix-ui");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function Avatar({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_radix_ui3.Avatar.Root,
+    {
+      "data-slot": "avatar",
+      "data-size": size,
+      className: cn(
+        "group/avatar relative flex size-8 shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarImage({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_radix_ui3.Avatar.Image,
+    {
+      "data-slot": "avatar-image",
+      className: cn("aspect-square size-full", className),
+      ...props
+    }
+  );
+}
+function AvatarFallback({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_radix_ui3.Avatar.Fallback,
+    {
+      "data-slot": "avatar-fallback",
+      className: cn(
+        "bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-sm group-data-[size=sm]/avatar:text-xs",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/tooltip-icon-button.tsx
+var import_react3 = require("react");
+var import_react_slot = require("@radix-ui/react-slot");
+
+// src/ui/button.tsx
+var import_class_variance_authority = require("class-variance-authority");
+var import_radix_ui4 = require("radix-ui");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var buttonVariants = (0, import_class_variance_authority.cva)(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        xs: "h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-xs": "size-6 rounded-md [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({
+  className,
+  variant = "default",
+  size = "default",
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? import_radix_ui4.Slot.Root : "button";
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    Comp,
+    {
+      "data-slot": "button",
+      "data-variant": variant,
+      "data-size": size,
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+
+// src/components/tooltip-icon-button.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var TooltipIconButton = (0, import_react3.forwardRef)(({ children, tooltip, side = "bottom", className, ...rest }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+      Button,
+      {
+        variant: "ghost",
+        size: "icon",
+        ...rest,
+        className: cn("aui-button-icon size-6 p-1", className),
+        ref,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_slot.Slottable, { children }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "aui-sr-only sr-only", children: tooltip })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TooltipContent, { side, children: tooltip })
+  ] });
+});
+TooltipIconButton.displayName = "TooltipIconButton";
+
+// src/components/attachment.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var useFileSrc = (file) => {
+  const [src, setSrc] = (0, import_react4.useState)(void 0);
+  (0, import_react4.useEffect)(() => {
+    if (!file) {
+      setSrc(void 0);
+      return;
+    }
+    const objectUrl = URL.createObjectURL(file);
+    setSrc(objectUrl);
+    return () => {
+      URL.revokeObjectURL(objectUrl);
+    };
+  }, [file]);
+  return src;
+};
+var useAttachmentSrc = () => {
+  const { file, src } = (0, import_react5.useAuiState)(
+    (0, import_shallow.useShallow)((s) => {
+      if (s.attachment.type !== "image") return {};
+      if (s.attachment.file) return { file: s.attachment.file };
+      const src2 = s.attachment.content?.filter((c) => c.type === "image")[0]?.image;
+      if (!src2) return {};
+      return { src: src2 };
+    })
+  );
+  return useFileSrc(file) ?? src;
+};
+var AttachmentPreview = ({ src }) => {
+  const [isLoaded, setIsLoaded] = (0, import_react4.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    "img",
+    {
+      src,
+      alt: "Image Preview",
+      className: cn(
+        "block h-auto max-h-[80vh] w-auto max-w-full object-contain",
+        isLoaded ? "aui-attachment-preview-image-loaded" : "aui-attachment-preview-image-loading invisible"
+      ),
+      onLoad: () => setIsLoaded(true)
+    }
+  );
+};
+var AttachmentPreviewDialog = ({ children }) => {
+  const src = useAttachmentSrc();
+  if (!src) return children;
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Dialog, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      DialogTrigger,
+      {
+        className: "aui-attachment-preview-trigger cursor-pointer transition-colors hover:bg-accent/50",
+        asChild: true,
+        children
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(DialogContent, { className: "aui-attachment-preview-dialog-content p-2 sm:max-w-3xl [&>button]:rounded-full [&>button]:bg-foreground/60 [&>button]:p-1 [&>button]:opacity-100 [&>button]:ring-0! [&_svg]:text-background [&>button]:hover:[&_svg]:text-destructive", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DialogTitle, { className: "aui-sr-only sr-only", children: "Image Attachment Preview" }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "aui-attachment-preview relative mx-auto flex max-h-[80dvh] w-full items-center justify-center overflow-hidden bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AttachmentPreview, { src }) })
+    ] })
+  ] });
+};
+var AttachmentThumb = () => {
+  const isImage = (0, import_react5.useAuiState)((s) => s.attachment.type === "image");
+  const src = useAttachmentSrc();
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Avatar, { className: "aui-attachment-tile-avatar h-full w-full rounded-none", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      AvatarImage,
+      {
+        src,
+        alt: "Attachment preview",
+        className: "aui-attachment-tile-image object-cover"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AvatarFallback, { delayMs: isImage ? 200 : 0, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react2.FileText, { className: "aui-attachment-tile-fallback-icon size-8 text-muted-foreground" }) })
+  ] });
+};
+var AttachmentUI = () => {
+  const aui = (0, import_react5.useAui)();
+  const isComposer = aui.attachment.source === "composer";
+  const isImage = (0, import_react5.useAuiState)((s) => s.attachment.type === "image");
+  const typeLabel = (0, import_react5.useAuiState)((s) => {
+    const type = s.attachment.type;
+    switch (type) {
+      case "image":
+        return "Image";
+      case "document":
+        return "Document";
+      case "file":
+        return "File";
+      default:
+        throw new Error(`Unknown attachment type: ${type}`);
+    }
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+      import_react5.AttachmentPrimitive.Root,
+      {
+        className: cn(
+          "aui-attachment-root relative",
+          isImage && "aui-attachment-root-composer only:[&>#attachment-tile]:size-24"
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AttachmentPreviewDialog, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            "div",
+            {
+              className: cn(
+                "aui-attachment-tile size-14 cursor-pointer overflow-hidden rounded-[14px] border bg-muted transition-opacity hover:opacity-75",
+                isComposer && "aui-attachment-tile-composer border-foreground/20"
+              ),
+              role: "button",
+              id: "attachment-tile",
+              "aria-label": `${typeLabel} attachment`,
+              children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AttachmentThumb, {})
+            }
+          ) }) }),
+          isComposer && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AttachmentRemove, {})
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TooltipContent, { side: "top", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react5.AttachmentPrimitive.Name, {}) })
+  ] });
+};
+var AttachmentRemove = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react5.AttachmentPrimitive.Remove, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    TooltipIconButton,
+    {
+      tooltip: "Remove file",
+      className: "aui-attachment-tile-remove absolute top-1.5 right-1.5 size-3.5 rounded-full bg-white text-muted-foreground opacity-100 shadow-sm hover:bg-white! [&_svg]:text-black hover:[&_svg]:text-destructive",
+      side: "top",
+      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react2.XIcon, { className: "aui-attachment-remove-icon size-3 dark:stroke-[2.5px]" })
+    }
+  ) });
+};
+var UserMessageAttachments = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "aui-user-message-attachments-end col-span-full col-start-1 row-start-1 flex w-full flex-row justify-end gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react5.MessagePrimitive.Attachments, { components: { Attachment: AttachmentUI } }) });
+};
+var ComposerAttachments = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "aui-composer-attachments mb-2 flex w-full flex-row items-center gap-2 overflow-x-auto px-1.5 pt-0.5 pb-1 empty:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    import_react5.ComposerPrimitive.Attachments,
+    {
+      components: { Attachment: AttachmentUI }
+    }
+  ) });
+};
+var ComposerAddAttachment = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react5.ComposerPrimitive.AddAttachment, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    TooltipIconButton,
+    {
+      tooltip: "Add Attachment",
+      side: "bottom",
+      variant: "ghost",
+      size: "icon",
+      className: "aui-composer-add-attachment size-8.5 rounded-full p-1 font-semibold text-xs hover:bg-muted-foreground/15 dark:border-muted-foreground/15 dark:hover:bg-muted-foreground/30",
+      "aria-label": "Add Attachment",
+      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react2.PlusIcon, { className: "aui-attachment-add-icon size-5 stroke-[1.5px]" })
+    }
+  ) });
+};
+
+// src/components/markdown-text.tsx
+var import_dot = require("@assistant-ui/react-markdown/styles/dot.css");
+var import_katex_min = require("katex/dist/katex.min.css");
+var import_react_markdown = require("@assistant-ui/react-markdown");
+var import_remark_gfm = __toESM(require("remark-gfm"), 1);
+var import_remark_math = __toESM(require("remark-math"), 1);
+var import_rehype_katex = __toESM(require("rehype-katex"), 1);
+var import_react7 = require("react");
+var import_lucide_react3 = require("lucide-react");
+
+// src/components/syntax-highlighter.tsx
+var import_react6 = require("react");
+var import_core = require("shiki/core");
+var import_javascript = require("shiki/engine/javascript");
+var import_javascript2 = __toESM(require("shiki/langs/javascript.mjs"), 1);
+var import_typescript = __toESM(require("shiki/langs/typescript.mjs"), 1);
+var import_python = __toESM(require("shiki/langs/python.mjs"), 1);
+var import_html = __toESM(require("shiki/langs/html.mjs"), 1);
+var import_css = __toESM(require("shiki/langs/css.mjs"), 1);
+var import_json = __toESM(require("shiki/langs/json.mjs"), 1);
+var import_bash = __toESM(require("shiki/langs/bash.mjs"), 1);
+var import_markdown = __toESM(require("shiki/langs/markdown.mjs"), 1);
+var import_jsx = __toESM(require("shiki/langs/jsx.mjs"), 1);
+var import_tsx = __toESM(require("shiki/langs/tsx.mjs"), 1);
+var import_sql = __toESM(require("shiki/langs/sql.mjs"), 1);
+var import_yaml = __toESM(require("shiki/langs/yaml.mjs"), 1);
+var import_rust = __toESM(require("shiki/langs/rust.mjs"), 1);
+var import_go = __toESM(require("shiki/langs/go.mjs"), 1);
+var import_java = __toESM(require("shiki/langs/java.mjs"), 1);
+var import_c = __toESM(require("shiki/langs/c.mjs"), 1);
+var import_cpp = __toESM(require("shiki/langs/cpp.mjs"), 1);
+var import_vitesse_dark = __toESM(require("shiki/themes/vitesse-dark.mjs"), 1);
+var import_vitesse_light = __toESM(require("shiki/themes/vitesse-light.mjs"), 1);
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var SHIKI_THEME_DARK = "vitesse-dark";
+var SHIKI_THEME_LIGHT = "vitesse-light";
+var highlighterPromise = null;
+function getHighlighter() {
+  if (!highlighterPromise) {
+    highlighterPromise = (0, import_core.createHighlighterCore)({
+      themes: [import_vitesse_dark.default, import_vitesse_light.default],
+      langs: [
+        import_javascript2.default,
+        import_typescript.default,
+        import_python.default,
+        import_html.default,
+        import_css.default,
+        import_json.default,
+        import_bash.default,
+        import_markdown.default,
+        import_jsx.default,
+        import_tsx.default,
+        import_sql.default,
+        import_yaml.default,
+        import_rust.default,
+        import_go.default,
+        import_java.default,
+        import_c.default,
+        import_cpp.default
+      ],
+      engine: (0, import_javascript.createJavaScriptRegexEngine)()
+    });
+  }
+  return highlighterPromise;
+}
+getHighlighter();
+var ShikiSyntaxHighlighter = ({
+  components: { Pre, Code: Code2 },
+  language,
+  code
+}) => {
+  const [html, setHtml] = (0, import_react6.useState)(null);
+  (0, import_react6.useEffect)(() => {
+    let cancelled = false;
+    (async () => {
+      try {
+        const highlighter = await getHighlighter();
+        const loadedLangs = highlighter.getLoadedLanguages();
+        if (!loadedLangs.includes(language)) {
+          if (!cancelled) setHtml(null);
+          return;
+        }
+        const result = highlighter.codeToHtml(code, {
+          lang: language,
+          themes: {
+            dark: SHIKI_THEME_DARK,
+            light: SHIKI_THEME_LIGHT
+          }
+        });
+        if (!cancelled) setHtml(result);
+      } catch {
+        if (!cancelled) setHtml(null);
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [code, language]);
+  if (html) {
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      "div",
+      {
+        className: "shiki-wrapper [&>pre]:!m-0 [&>pre]:!rounded-t-none [&>pre]:!rounded-b-lg [&>pre]:!border [&>pre]:!border-t-0 [&>pre]:!border-border/50 [&>pre]:!p-3 [&>pre]:!text-xs [&>pre]:!leading-relaxed [&>pre]:overflow-x-auto",
+        dangerouslySetInnerHTML: { __html: html }
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Pre, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Code2, { children: code }) });
+};
+var syntax_highlighter_default = ShikiSyntaxHighlighter;
+
+// src/components/markdown-text.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var MarkdownTextImpl = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    import_react_markdown.MarkdownTextPrimitive,
+    {
+      remarkPlugins: [import_remark_gfm.default, import_remark_math.default],
+      rehypePlugins: [import_rehype_katex.default],
+      className: "aui-md",
+      components: {
+        ...defaultComponents,
+        SyntaxHighlighter: syntax_highlighter_default
+      }
+    }
+  );
+};
+var MarkdownText = (0, import_react7.memo)(MarkdownTextImpl);
+var CodeHeader = ({ language, code }) => {
+  const { isCopied, copyToClipboard } = useCopyToClipboard();
+  const onCopy = () => {
+    if (!code || isCopied) return;
+    copyToClipboard(code);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "aui-code-header flex items-center justify-between rounded-t-lg border border-b-0 border-border/50 bg-zinc-100 px-4 py-2 dark:bg-zinc-800/80", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "flex items-center gap-2 text-xs font-semibold tracking-wide text-muted-foreground/80 uppercase", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "inline-block h-2 w-2 rounded-full bg-primary/40" }),
+      language
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+      TooltipIconButton,
+      {
+        tooltip: isCopied ? "Copied!" : "Copy",
+        onClick: onCopy,
+        className: "transition-colors hover:text-foreground",
+        children: [
+          !isCopied && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.CopyIcon, { className: "h-3.5 w-3.5" }),
+          isCopied && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.CheckIcon, { className: "h-3.5 w-3.5 text-emerald-500" })
+        ]
+      }
+    )
+  ] });
+};
+var useCopyToClipboard = ({
+  copiedDuration = 3e3
+} = {}) => {
+  const [isCopied, setIsCopied] = (0, import_react7.useState)(false);
+  const copyToClipboard = (value) => {
+    if (!value) return;
+    navigator.clipboard.writeText(value).then(() => {
+      setIsCopied(true);
+      setTimeout(() => setIsCopied(false), copiedDuration);
+    });
+  };
+  return { isCopied, copyToClipboard };
+};
+var defaultComponents = (0, import_react_markdown.unstable_memoizeMarkdownComponents)({
+  h1: ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    "h1",
+    {
+      className: cn(
+        "aui-md-h1 mb-3 mt-6 scroll-m-20 text-xl font-bold tracking-tight first:mt-0 last:mb-0",
+        className
+      ),
+      ...props
+    }
+  ),
+  h2: ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    "h2",
+    {
+      className: cn(
+        "aui-md-h2 mb-2.5 mt-5 scroll-m-20 border-b border-border/30 pb-1.5 text-lg font-semibold tracking-tight first:mt-0 last:mb-0",
+        className
+      ),
+      ...props
+    }
+  ),
+  h3: ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    "h3",
+    {
+      className: cn(
+        "aui-md-h3 mb-2 mt-4 scroll-m-20 text-base font-semibold tracking-tight first:mt-0 last:mb-0",
+        className
+      ),
+      ...props
+    }
+  ),
+  h4: ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    "h4",
+    {
+      className: cn(
+        "aui-md-h4 mb-1.5 mt-3 scroll-m-20 text-sm font-semibold first:mt-0 last:mb-0",
+        className
+      ),
+      ...props
+    }
+  ),
+  h5: ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    "h5",
+    {
+      className: cn(
+        "aui-md-h5 mb-1 mt-2.5 text-sm font-medium first:mt-0 last:mb-0",
+        className
+      ),
+      ...props
+    }
+  ),
+  h6: ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    "h6",
+    {
+      className: cn(
+        "aui-md-h6 mb-1 mt-2 text-sm font-medium text-muted-foreground first:mt-0 last:mb-0",
+        className
+      ),
+      ...props
+    }
+  ),
+  p: ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    "p",
+    {
+      className: cn(
+        "aui-md-p my-3 leading-[1.7] first:mt-0 last:mb-0",
+        className
+      ),
+      ...props
+    }
+  ),
+  a: ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    "a",
+    {
+      className: cn(
+        "aui-md-a font-medium text-primary underline decoration-primary/30 underline-offset-[3px] transition-colors hover:decoration-primary/80",
+        className
+      ),
+      target: "_blank",
+      rel: "noopener noreferrer",
+      ...props
+    }
+  ),
+  blockquote: ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    "blockquote",
+    {
+      className: cn(
+        "aui-md-blockquote my-3 border-l-[3px] border-primary/30 bg-muted/30 py-1 pl-4 pr-2 text-muted-foreground italic [&>p]:my-1",
+        className
+      ),
+      ...props
+    }
+  ),
+  ul: ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    "ul",
+    {
+      className: cn(
+        "aui-md-ul my-3 ml-1 list-none space-y-1.5 [&>li]:relative [&>li]:pl-5 [&>li]:before:absolute [&>li]:before:left-0 [&>li]:before:top-[0.6em] [&>li]:before:h-1.5 [&>li]:before:w-1.5 [&>li]:before:rounded-full [&>li]:before:bg-primary/30 [&>li]:before:content-['']",
+        className
+      ),
+      ...props
+    }
+  ),
+  ol: ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    "ol",
+    {
+      className: cn(
+        "aui-md-ol my-3 ml-1 list-none space-y-1.5 [counter-reset:list-counter] [&>li]:relative [&>li]:pl-7 [&>li]:[counter-increment:list-counter] [&>li]:before:absolute [&>li]:before:left-0 [&>li]:before:top-0 [&>li]:before:flex [&>li]:before:h-[1.7em] [&>li]:before:w-5 [&>li]:before:items-center [&>li]:before:justify-center [&>li]:before:rounded-md [&>li]:before:bg-primary/[0.07] [&>li]:before:text-xs [&>li]:before:font-semibold [&>li]:before:text-primary/60 [&>li]:before:content-[counter(list-counter)]",
+        className
+      ),
+      ...props
+    }
+  ),
+  hr: ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    "hr",
+    {
+      className: cn(
+        "aui-md-hr my-6 border-none h-px bg-gradient-to-r from-transparent via-border to-transparent",
+        className
+      ),
+      ...props
+    }
+  ),
+  table: ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "my-4 w-full overflow-x-auto rounded-lg border border-border/50", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    "table",
+    {
+      className: cn("aui-md-table w-full border-collapse text-sm", className),
+      ...props
+    }
+  ) }),
+  th: ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    "th",
+    {
+      className: cn(
+        "aui-md-th border-b border-border/50 bg-muted/60 px-3 py-2 text-left text-xs font-semibold uppercase tracking-wider text-muted-foreground [[align=center]]:text-center [[align=right]]:text-right",
+        className
+      ),
+      ...props
+    }
+  ),
+  td: ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    "td",
+    {
+      className: cn(
+        "aui-md-td border-b border-border/30 px-3 py-2 [[align=center]]:text-center [[align=right]]:text-right",
+        className
+      ),
+      ...props
+    }
+  ),
+  tr: ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    "tr",
+    {
+      className: cn(
+        "aui-md-tr transition-colors hover:bg-muted/30 [&:last-child>td]:border-b-0",
+        className
+      ),
+      ...props
+    }
+  ),
+  li: ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("li", { className: cn("aui-md-li leading-[1.7]", className), ...props }),
+  sup: ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    "sup",
+    {
+      className: cn(
+        "aui-md-sup [&>a]:text-[0.7em] [&>a]:font-semibold [&>a]:text-primary/70 [&>a]:no-underline [&>a]:transition-colors [&>a]:hover:text-primary",
+        className
+      ),
+      ...props
+    }
+  ),
+  pre: ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    "pre",
+    {
+      className: cn(
+        "aui-md-pre overflow-x-auto rounded-t-none rounded-b-lg border border-t-0 border-border/50 bg-zinc-50 p-4 text-[13px] leading-relaxed dark:bg-zinc-900/80",
+        className
+      ),
+      ...props
+    }
+  ),
+  code: function Code({ className, ...props }) {
+    const isCodeBlock = (0, import_react_markdown.useIsMarkdownCodeBlock)();
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      "code",
+      {
+        className: cn(
+          !isCodeBlock && "aui-md-inline-code rounded-[5px] border border-border/60 bg-muted/60 px-[0.4em] py-[0.15em] font-mono text-[0.85em] font-medium text-foreground/90 dark:bg-muted/40",
+          className
+        ),
+        ...props
+      }
+    );
+  },
+  strong: ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("strong", { className: cn("font-semibold text-foreground", className), ...props }),
+  em: ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("em", { className: cn("italic", className), ...props }),
+  CodeHeader
+});
+
+// src/components/tool-fallback.tsx
+var import_react10 = require("react");
+var import_lucide_react4 = require("lucide-react");
+
+// src/ui/shimmer.tsx
+var import_react8 = require("motion/react");
+var import_react9 = require("react");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var ShimmerComponent = ({
+  children,
+  as: Component = "p",
+  className,
+  duration = 2,
+  spread = 2
+}) => {
+  const MotionComponent = import_react8.motion.create(
+    Component
+  );
+  const dynamicSpread = (0, import_react9.useMemo)(
+    () => (children?.length ?? 0) * spread,
+    [children, spread]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    MotionComponent,
+    {
+      animate: { backgroundPosition: "0% center" },
+      className: cn(
+        "relative inline-block bg-[length:250%_100%,auto] bg-clip-text text-transparent",
+        "[--bg:linear-gradient(90deg,#0000_calc(50%-var(--spread)),var(--color-background),#0000_calc(50%+var(--spread)))] [background-repeat:no-repeat,padding-box]",
+        className
+      ),
+      initial: { backgroundPosition: "100% center" },
+      style: {
+        "--spread": `${dynamicSpread}px`,
+        backgroundImage: "var(--bg), linear-gradient(var(--color-muted-foreground), var(--color-muted-foreground))"
+      },
+      transition: {
+        repeat: Number.POSITIVE_INFINITY,
+        duration,
+        ease: "linear"
+      },
+      children
+    }
+  );
+};
+var Shimmer = (0, import_react9.memo)(ShimmerComponent);
+
+// src/components/tool-fallback.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var ToolFallbackImpl = ({
+  toolName,
+  status
+}) => {
+  if (status?.type !== "running") return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center gap-2 py-1 text-sm text-muted-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react4.WrenchIcon, { className: "size-4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Shimmer, { as: "span", duration: 1.8, spread: 2.5, children: `Using tool: ${toolName}` })
+  ] });
+};
+var ToolFallback = (0, import_react10.memo)(
+  ToolFallbackImpl
+);
+ToolFallback.displayName = "ToolFallback";
+
+// src/components/thread.tsx
+var import_react11 = require("@assistant-ui/react");
+var import_lucide_react5 = require("lucide-react");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var Thread = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    import_react11.ThreadPrimitive.Root,
+    {
+      className: "aui-root aui-thread-root @container flex h-full flex-col bg-background",
+      style: {
+        ["--thread-max-width"]: "44rem"
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+        import_react11.ThreadPrimitive.Viewport,
+        {
+          turnAnchor: "bottom",
+          className: "aui-thread-viewport relative flex flex-1 flex-col overflow-x-auto overflow-y-scroll px-4 pt-4",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react11.AuiIf, { condition: (s) => s.thread.isEmpty, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ThreadWelcome, {}) }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+              import_react11.ThreadPrimitive.Messages,
+              {
+                components: {
+                  UserMessage,
+                  EditComposer,
+                  AssistantMessage
+                }
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react11.ThreadPrimitive.ViewportFooter, { className: "aui-thread-viewport-footer sticky bottom-0 mx-auto mt-auto flex w-full max-w-(--thread-max-width) flex-col gap-4 overflow-visible rounded-t-3xl bg-background pb-4 md:pb-6", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ThreadScrollToBottom, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Composer, {})
+            ] })
+          ]
+        }
+      )
+    }
+  );
+};
+var ThreadScrollToBottom = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react11.ThreadPrimitive.ScrollToBottom, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    TooltipIconButton,
+    {
+      tooltip: "Scroll to bottom",
+      variant: "outline",
+      className: "aui-thread-scroll-to-bottom absolute -top-12 z-10 self-center rounded-full p-4 disabled:invisible dark:bg-background dark:hover:bg-accent",
+      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react5.ArrowDownIcon, {})
+    }
+  ) });
+};
+var ThreadWelcome = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "aui-thread-welcome-root mx-auto my-auto flex w-full max-w-(--thread-max-width) grow flex-col", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "aui-thread-welcome-center flex w-full grow flex-col items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "aui-thread-welcome-message flex size-full flex-col items-center justify-center px-4 text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "fade-in animate-in fill-mode-both relative mb-6 flex size-14 items-center justify-center duration-300", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "animate-ai-ring-glow absolute inset-0 rounded-2xl bg-gradient-to-br from-primary/15 to-primary/5 ring-1 ring-primary/15" }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "animate-ai-pulse-ring absolute inset-0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            className: "animate-ai-breathe relative size-7 text-primary/75",
+            children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h1", { className: "aui-thread-welcome-message-inner fade-in slide-in-from-bottom-1 animate-in fill-mode-both font-semibold text-2xl duration-200", children: "How can I help you today?" }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "aui-thread-welcome-message-inner fade-in slide-in-from-bottom-1 animate-in fill-mode-both text-muted-foreground mt-2 delay-75 duration-200", children: "Send a message to start a conversation." })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ThreadSuggestions, {})
+  ] });
+};
+var ThreadSuggestions = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "aui-thread-welcome-suggestions grid w-full @md:grid-cols-2 gap-2 pb-4", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    import_react11.ThreadPrimitive.Suggestions,
+    {
+      components: {
+        Suggestion: ThreadSuggestionItem
+      }
+    }
+  ) });
+};
+var ThreadSuggestionItem = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "aui-thread-welcome-suggestion-display fade-in slide-in-from-bottom-2 @md:nth-[n+3]:block nth-[n+3]:hidden animate-in fill-mode-both duration-200", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react11.SuggestionPrimitive.Trigger, { send: true, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+    Button,
+    {
+      variant: "ghost",
+      className: "aui-thread-welcome-suggestion h-auto w-full @md:flex-col flex-wrap items-start justify-start gap-1 rounded-2xl border px-4 py-3 text-left text-sm transition-colors hover:bg-muted",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "aui-thread-welcome-suggestion-text-1 font-medium", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react11.SuggestionPrimitive.Title, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "aui-thread-welcome-suggestion-text-2 text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react11.SuggestionPrimitive.Description, {}) })
+      ]
+    }
+  ) }) });
+};
+var Composer = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react11.ComposerPrimitive.Root, { className: "aui-composer-root relative mt-3 flex w-full flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react11.ComposerPrimitive.AttachmentDropzone, { className: "aui-composer-attachment-dropzone flex w-full flex-col rounded-2xl border border-input bg-background px-1 pt-2 outline-none transition-shadow has-[textarea:focus-visible]:border-ring has-[textarea:focus-visible]:ring-2 has-[textarea:focus-visible]:ring-ring/20 data-[dragging=true]:border-ring data-[dragging=true]:border-dashed data-[dragging=true]:bg-accent/50", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ComposerAttachments, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      import_react11.ComposerPrimitive.Input,
+      {
+        placeholder: "Send a message...",
+        className: "aui-composer-input mb-1 max-h-32 min-h-14 w-full resize-none bg-transparent px-4 pt-2 pb-3 text-sm outline-none placeholder:text-muted-foreground focus-visible:ring-0",
+        rows: 1,
+        autoFocus: true,
+        "aria-label": "Message input"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ComposerAction, {})
+  ] }) });
+};
+var ComposerAction = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "aui-composer-action-wrapper relative mx-2 mb-2 flex items-center justify-end", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react11.AuiIf, { condition: (s) => !s.thread.isRunning, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react11.ComposerPrimitive.Send, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      TooltipIconButton,
+      {
+        tooltip: "Send message",
+        side: "bottom",
+        type: "submit",
+        variant: "default",
+        size: "icon",
+        className: "aui-composer-send size-8 rounded-full",
+        "aria-label": "Send message",
+        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react5.ArrowUpIcon, { className: "aui-composer-send-icon size-4" })
+      }
+    ) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react11.AuiIf, { condition: (s) => s.thread.isRunning, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react11.ComposerPrimitive.Cancel, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      Button,
+      {
+        type: "button",
+        variant: "default",
+        size: "icon",
+        className: "aui-composer-cancel size-8 rounded-full",
+        "aria-label": "Stop generating",
+        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react5.SquareIcon, { className: "aui-composer-cancel-icon size-3 fill-current" })
+      }
+    ) }) })
+  ] });
+};
+var MessageError = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react11.MessagePrimitive.Error, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react11.ErrorPrimitive.Root, { className: "aui-message-error-root mt-2 rounded-md border border-destructive bg-destructive/10 p-3 text-destructive text-sm dark:bg-destructive/5 dark:text-red-200", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react11.ErrorPrimitive.Message, { className: "aui-message-error-message line-clamp-2" }) }) });
+};
+var AssistantMessage = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+    import_react11.MessagePrimitive.Root,
+    {
+      className: "aui-assistant-message-root fade-in slide-in-from-bottom-1 relative mx-auto w-full max-w-(--thread-max-width) animate-in py-3 duration-150",
+      "data-role": "assistant",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "aui-assistant-message-content wrap-break-word px-2 text-foreground leading-relaxed", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            import_react11.MessagePrimitive.Parts,
+            {
+              components: {
+                Text: MarkdownText,
+                tools: { Fallback: ToolFallback }
+              }
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(MessageError, {})
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "aui-assistant-message-footer mt-1 ml-2 flex", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(AssistantActionBar, {}) })
+      ]
+    }
+  );
+};
+var AssistantActionBar = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+    import_react11.ActionBarPrimitive.Root,
+    {
+      hideWhenRunning: true,
+      autohide: "not-last",
+      autohideFloat: "single-branch",
+      className: "aui-assistant-action-bar-root col-start-3 row-start-2 -ml-1 flex gap-1 text-muted-foreground data-floating:absolute data-floating:rounded-md data-floating:border data-floating:bg-background data-floating:p-1 data-floating:shadow-sm",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react11.ActionBarPrimitive.Copy, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(TooltipIconButton, { tooltip: "Copy", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react11.AuiIf, { condition: (s) => s.message.isCopied, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react5.CheckIcon, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react11.AuiIf, { condition: (s) => !s.message.isCopied, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react5.CopyIcon, {}) })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react11.ActionBarPrimitive.Reload, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(TooltipIconButton, { tooltip: "Refresh", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react5.RefreshCwIcon, {}) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react11.ActionBarMorePrimitive.Root, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react11.ActionBarMorePrimitive.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            TooltipIconButton,
+            {
+              tooltip: "More",
+              className: "data-[state=open]:bg-accent",
+              children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react5.MoreHorizontalIcon, {})
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            import_react11.ActionBarMorePrimitive.Content,
+            {
+              side: "bottom",
+              align: "start",
+              className: "aui-action-bar-more-content z-50 min-w-32 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
+              children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react11.ActionBarPrimitive.ExportMarkdown, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react11.ActionBarMorePrimitive.Item, { className: "aui-action-bar-more-item flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react5.DownloadIcon, { className: "size-4" }),
+                "Export as Markdown"
+              ] }) })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+var UserMessage = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+    import_react11.MessagePrimitive.Root,
+    {
+      className: "aui-user-message-root fade-in slide-in-from-bottom-1 mx-auto grid w-full max-w-(--thread-max-width) animate-in auto-rows-auto grid-cols-[minmax(72px,1fr)_auto] content-start gap-y-2 px-2 py-3 duration-150 [&:where(>*)]:col-start-2",
+      "data-role": "user",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(UserMessageAttachments, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "aui-user-message-content-wrapper relative col-start-2 min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "aui-user-message-content wrap-break-word rounded-2xl bg-muted px-4 py-2.5 text-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react11.MessagePrimitive.Parts, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "aui-user-action-bar-wrapper absolute top-1/2 left-0 -translate-x-full -translate-y-1/2 pr-2", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(UserActionBar, {}) })
+        ] })
+      ]
+    }
+  );
+};
+var UserActionBar = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    import_react11.ActionBarPrimitive.Root,
+    {
+      hideWhenRunning: true,
+      autohide: "not-last",
+      className: "aui-user-action-bar-root flex flex-col items-end",
+      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react11.ActionBarPrimitive.Edit, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(TooltipIconButton, { tooltip: "Edit", className: "aui-user-action-edit p-4", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react5.PencilIcon, {}) }) })
+    }
+  );
+};
+var EditComposer = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react11.MessagePrimitive.Root, { className: "aui-edit-composer-wrapper mx-auto flex w-full max-w-(--thread-max-width) flex-col px-2 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react11.ComposerPrimitive.Root, { className: "aui-edit-composer-root ml-auto flex w-full max-w-[85%] flex-col rounded-2xl bg-muted", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      import_react11.ComposerPrimitive.Input,
+      {
+        className: "aui-edit-composer-input min-h-14 w-full resize-none bg-transparent p-4 text-foreground text-sm outline-none",
+        autoFocus: true
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "aui-edit-composer-footer mx-3 mb-3 flex items-center gap-2 self-end", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react11.ComposerPrimitive.Cancel, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Button, { variant: "ghost", size: "sm", children: "Cancel" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react11.ComposerPrimitive.Send, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Button, { size: "sm", children: "Update" }) })
+    ] })
+  ] }) });
+};
+
+// src/auth/provider.tsx
+var import_react12 = require("react");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var SessionContext = (0, import_react12.createContext)(void 0);
+var useSession = () => {
+  const context = (0, import_react12.useContext)(SessionContext);
+  if (context === void 0) {
+    throw new Error("useSession must be used within a SessionProvider");
+  }
+  return context;
+};
+var SessionProvider = ({
+  children,
+  enabled = true
+}) => {
+  const [user, setUser] = (0, import_react12.useState)(null);
+  const [loading, setLoading] = (0, import_react12.useState)(enabled);
+  (0, import_react12.useEffect)(() => {
+    if (!enabled) {
+      setLoading(false);
+      return;
+    }
+    let ignore = false;
+    const restoreSession = async () => {
+      try {
+        const u = await fetchCurrentUser();
+        if (ignore) return;
+        if (u) {
+          setUser(u);
+          setLoading(false);
+          return;
+        }
+        if (getRefreshToken()) {
+          const ok = await refreshAccessToken();
+          if (ignore) return;
+          if (ok) {
+            const refreshedUser = await fetchCurrentUser();
+            if (ignore) return;
+            if (refreshedUser) {
+              setUser(refreshedUser);
+              setLoading(false);
+              return;
+            }
+          }
+        }
+      } catch {
+        if (ignore) return;
+        clearTokens();
+      }
+      setLoading(false);
+    };
+    restoreSession();
+    return () => {
+      ignore = true;
+    };
+  }, [enabled]);
+  const logout = (0, import_react12.useCallback)(() => {
+    clearTokens();
+    setUser(null);
+    const returnTo = encodeURIComponent(
+      window.location.pathname + window.location.search
+    );
+    fetch("/api/auth/logout", { method: "POST" }).finally(
+      () => window.location.href = `/api/auth/login?return_to=${returnTo}`
+    );
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    SessionContext.Provider,
+    {
+      value: {
+        user,
+        loading,
+        isAuthenticated: !!user,
+        logout
+      },
+      children
+    }
+  );
+};
+
+// src/auth/guard.tsx
+var import_lucide_react6 = require("lucide-react");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var AuthGuard = ({
+  children,
+  requireAuth = false,
+  enabled = true
+}) => {
+  const { isAuthenticated, loading } = useSession();
+  if (!enabled) {
+    return children;
+  }
+  if (loading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex items-center justify-center h-screen", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react6.Loader2, { className: "w-8 h-8 animate-spin" }) });
+  }
+  if (requireAuth && !isAuthenticated) {
+    const returnTo = encodeURIComponent(
+      window.location.pathname + window.location.search
+    );
+    window.location.href = `/api/auth/login?return_to=${returnTo}`;
+    return null;
+  }
+  return children;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AuthGuard,
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+  Button,
+  ComposerAddAttachment,
+  ComposerAttachments,
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  MarkdownText,
+  SessionProvider,
+  Shimmer,
+  SyntaxHighlighter,
+  Thread,
+  TimbalRuntimeProvider,
+  ToolFallback,
+  Tooltip,
+  TooltipContent,
+  TooltipIconButton,
+  TooltipProvider,
+  TooltipTrigger,
+  UserMessageAttachments,
+  authFetch,
+  buttonVariants,
+  clearTokens,
+  cn,
+  fetchCurrentUser,
+  getAccessToken,
+  getRefreshToken,
+  refreshAccessToken,
+  useSession
+});