@aomi-labs/widget-lib 0.2.0 → 1.0.0

package/dist/index.cjs

@@ -0,0 +1,3780 @@
+"use client";
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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, {
+  AomiFrame: () => AomiFrame,
+  AomiRuntimeProvider: () => AomiRuntimeProvider,
+  Avatar: () => Avatar,
+  AvatarFallback: () => AvatarFallback,
+  AvatarImage: () => AvatarImage,
+  Badge: () => Badge,
+  BaseSidebar: () => BaseSidebar,
+  Breadcrumb: () => Breadcrumb,
+  BreadcrumbEllipsis: () => BreadcrumbEllipsis,
+  BreadcrumbItem: () => BreadcrumbItem,
+  BreadcrumbLink: () => BreadcrumbLink,
+  BreadcrumbList: () => BreadcrumbList,
+  BreadcrumbPage: () => BreadcrumbPage,
+  BreadcrumbSeparator: () => BreadcrumbSeparator,
+  Button: () => Button,
+  Card: () => Card,
+  CardContent: () => CardContent,
+  CardDescription: () => CardDescription,
+  CardFooter: () => CardFooter,
+  CardHeader: () => CardHeader,
+  CardTitle: () => CardTitle,
+  ComposerAttachments: () => ComposerAttachments,
+  Dialog: () => Dialog,
+  DialogClose: () => DialogClose,
+  DialogContent: () => DialogContent,
+  DialogDescription: () => DialogDescription,
+  DialogFooter: () => DialogFooter,
+  DialogHeader: () => DialogHeader,
+  DialogOverlay: () => DialogOverlay,
+  DialogPortal: () => DialogPortal,
+  DialogTitle: () => DialogTitle,
+  DialogTrigger: () => DialogTrigger,
+  Input: () => Input,
+  Label: () => Label,
+  MarkdownText: () => MarkdownText,
+  Separator: () => Separator,
+  Sheet: () => Sheet,
+  SheetClose: () => SheetClose,
+  SheetContent: () => SheetContent,
+  SheetDescription: () => SheetDescription,
+  SheetFooter: () => SheetFooter,
+  SheetHeader: () => SheetHeader,
+  SheetTitle: () => SheetTitle,
+  SheetTrigger: () => SheetTrigger,
+  Sidebar: () => Sidebar,
+  SidebarContent: () => SidebarContent,
+  SidebarFooter: () => SidebarFooter,
+  SidebarGroup: () => SidebarGroup,
+  SidebarGroupAction: () => SidebarGroupAction,
+  SidebarGroupContent: () => SidebarGroupContent,
+  SidebarGroupLabel: () => SidebarGroupLabel,
+  SidebarHeader: () => SidebarHeader,
+  SidebarInset: () => SidebarInset,
+  SidebarMenu: () => SidebarMenu,
+  SidebarMenuAction: () => SidebarMenuAction,
+  SidebarMenuBadge: () => SidebarMenuBadge,
+  SidebarMenuButton: () => SidebarMenuButton,
+  SidebarMenuItem: () => SidebarMenuItem,
+  SidebarMenuSub: () => SidebarMenuSub,
+  SidebarMenuSubButton: () => SidebarMenuSubButton,
+  SidebarMenuSubItem: () => SidebarMenuSubItem,
+  SidebarProvider: () => SidebarProvider,
+  SidebarRail: () => SidebarRail,
+  SidebarSeparator: () => SidebarSeparator,
+  SidebarTrigger: () => SidebarTrigger,
+  Skeleton: () => Skeleton,
+  Thread: () => Thread,
+  ThreadContextProvider: () => ThreadContextProvider,
+  ThreadList: () => ThreadList,
+  ThreadListSidebar: () => ThreadListSidebar,
+  ToolFallback: () => ToolFallback,
+  Tooltip: () => Tooltip,
+  TooltipContent: () => TooltipContent,
+  TooltipIconButton: () => TooltipIconButton,
+  TooltipProvider: () => TooltipProvider,
+  TooltipTrigger: () => TooltipTrigger,
+  UserMessageAttachments: () => UserMessageAttachments,
+  badgeVariants: () => badgeVariants,
+  buttonVariants: () => buttonVariants,
+  cn: () => cn,
+  formatAddress: () => formatAddress,
+  getNetworkName: () => getNetworkName,
+  useIsMobile: () => useIsMobile,
+  useRuntimeActions: () => useRuntimeActions,
+  useSidebar: () => useSidebar,
+  useThreadContext: () => useThreadContext
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/components/aomi-frame.tsx
+var import_react15 = require("react");
+
+// src/components/assistant-ui/thread.tsx
+var import_lucide_react5 = require("lucide-react");
+var import_react7 = require("@assistant-ui/react");
+var import_react8 = require("react");
+var import_react9 = require("motion/react");
+var m = __toESM(require("motion/react-m"), 1);
+
+// src/components/ui/button.tsx
+var import_react_slot = require("@radix-ui/react-slot");
+var import_class_variance_authority = require("class-variance-authority");
+
+// src/lib/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/components/ui/button.tsx
+var import_jsx_runtime = 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 shadow-xs hover:bg-primary/90",
+        destructive: "bg-destructive text-white shadow-xs 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 shadow-xs 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",
+        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"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button(_a) {
+  var _b = _a, {
+    className,
+    variant,
+    size,
+    asChild = false
+  } = _b, props = __objRest(_b, [
+    "className",
+    "variant",
+    "size",
+    "asChild"
+  ]);
+  const Comp = asChild ? import_react_slot.Slot : "button";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    Comp,
+    __spreadValues({
+      "data-slot": "button",
+      className: cn(buttonVariants({ variant, size, className }))
+    }, props)
+  );
+}
+
+// src/components/assistant-ui/markdown-text.tsx
+var import_dot = require("@assistant-ui/react-markdown/styles/dot.css");
+var import_react_markdown = require("@assistant-ui/react-markdown");
+var import_remark_gfm = __toESM(require("remark-gfm"), 1);
+var import_react2 = require("react");
+var import_lucide_react = require("lucide-react");
+
+// src/components/assistant-ui/tooltip-icon-button.tsx
+var import_react = require("react");
+var import_react_slot2 = require("@radix-ui/react-slot");
+
+// src/components/ui/tooltip.tsx
+var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"), 1);
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function TooltipProvider(_a) {
+  var _b = _a, {
+    delayDuration = 0
+  } = _b, props = __objRest(_b, [
+    "delayDuration"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    TooltipPrimitive.Provider,
+    __spreadValues({
+      "data-slot": "tooltip-provider",
+      delayDuration
+    }, props)
+  );
+}
+function Tooltip(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TooltipPrimitive.Root, __spreadValues({ "data-slot": "tooltip" }, props)) });
+}
+function TooltipTrigger(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TooltipPrimitive.Trigger, __spreadValues({ "data-slot": "tooltip-trigger" }, props));
+}
+function TooltipContent(_a) {
+  var _b = _a, {
+    className,
+    sideOffset = 0,
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "sideOffset",
+    "children"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    TooltipPrimitive.Content,
+    __spreadProps(__spreadValues({
+      "data-slot": "tooltip-content",
+      sideOffset,
+      className: cn(
+        "z-50 w-fit origin-(--radix-tooltip-content-transform-origin) animate-in rounded-md bg-primary px-3 py-1.5 text-xs text-balance text-primary-foreground fade-in-0 zoom-in-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 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+        className
+      )
+    }, props), {
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TooltipPrimitive.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-primary fill-primary" })
+      ]
+    })
+  ) });
+}
+
+// src/components/assistant-ui/tooltip-icon-button.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var TooltipIconButton = (0, import_react.forwardRef)((_a, ref) => {
+  var _b = _a, { children, tooltip, side = "bottom", className } = _b, rest = __objRest(_b, ["children", "tooltip", "side", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      Button,
+      __spreadProps(__spreadValues({
+        variant: "ghost",
+        size: "icon"
+      }, rest), {
+        className: cn("aui-button-icon size-6 p-1", className),
+        ref,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_slot2.Slottable, { children }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "aui-sr-only sr-only", children: tooltip })
+        ]
+      })
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TooltipContent, { side, children: tooltip })
+  ] });
+});
+TooltipIconButton.displayName = "TooltipIconButton";
+
+// src/components/assistant-ui/markdown-text.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var MarkdownTextImpl = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_react_markdown.MarkdownTextPrimitive,
+    {
+      remarkPlugins: [import_remark_gfm.default],
+      className: "aui-md",
+      components: defaultComponents
+    }
+  );
+};
+var MarkdownText = (0, import_react2.memo)(MarkdownTextImpl);
+var CodeHeader = ({ language, code }) => {
+  const { isCopied, copyToClipboard } = useCopyToClipboard();
+  const onCopy = () => {
+    if (!code || isCopied) return;
+    copyToClipboard(code);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "aui-code-header-root mt-4 flex items-center justify-between gap-4 rounded-t-lg bg-muted-foreground/15 px-4 py-2 text-sm font-semibold text-foreground dark:bg-muted-foreground/20", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "aui-code-header-language lowercase [&>span]:text-xs", children: language }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(TooltipIconButton, { tooltip: "Copy", onClick: onCopy, children: [
+      !isCopied && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react.CopyIcon, {}),
+      isCopied && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react.CheckIcon, {})
+    ] })
+  ] });
+};
+var useCopyToClipboard = ({
+  copiedDuration = 3e3
+} = {}) => {
+  const [isCopied, setIsCopied] = (0, import_react2.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: (_a) => {
+    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      "h1",
+      __spreadValues({
+        className: cn(
+          "aui-md-h1 mb-8 scroll-m-20 text-4xl font-extrabold tracking-tight last:mb-0",
+          className
+        )
+      }, props)
+    );
+  },
+  h2: (_c) => {
+    var _d = _c, { className } = _d, props = __objRest(_d, ["className"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      "h2",
+      __spreadValues({
+        className: cn(
+          "aui-md-h2 mt-8 mb-4 scroll-m-20 text-3xl font-semibold tracking-tight first:mt-0 last:mb-0",
+          className
+        )
+      }, props)
+    );
+  },
+  h3: (_e) => {
+    var _f = _e, { className } = _f, props = __objRest(_f, ["className"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      "h3",
+      __spreadValues({
+        className: cn(
+          "aui-md-h3 mt-6 mb-4 scroll-m-20 text-2xl font-semibold tracking-tight first:mt-0 last:mb-0",
+          className
+        )
+      }, props)
+    );
+  },
+  h4: (_g) => {
+    var _h = _g, { className } = _h, props = __objRest(_h, ["className"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      "h4",
+      __spreadValues({
+        className: cn(
+          "aui-md-h4 mt-6 mb-4 scroll-m-20 text-xl font-semibold tracking-tight first:mt-0 last:mb-0",
+          className
+        )
+      }, props)
+    );
+  },
+  h5: (_i) => {
+    var _j = _i, { className } = _j, props = __objRest(_j, ["className"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      "h5",
+      __spreadValues({
+        className: cn(
+          "aui-md-h5 my-4 text-lg font-semibold first:mt-0 last:mb-0",
+          className
+        )
+      }, props)
+    );
+  },
+  h6: (_k) => {
+    var _l = _k, { className } = _l, props = __objRest(_l, ["className"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      "h6",
+      __spreadValues({
+        className: cn(
+          "aui-md-h6 my-4 font-semibold first:mt-0 last:mb-0",
+          className
+        )
+      }, props)
+    );
+  },
+  p: (_m) => {
+    var _n = _m, { className } = _n, props = __objRest(_n, ["className"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      "p",
+      __spreadValues({
+        className: cn(
+          "aui-md-p mt-5 mb-5 leading-7 first:mt-0 last:mb-0",
+          className
+        )
+      }, props)
+    );
+  },
+  a: (_o) => {
+    var _p = _o, { className } = _p, props = __objRest(_p, ["className"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      "a",
+      __spreadValues({
+        className: cn(
+          "aui-md-a font-medium text-primary underline underline-offset-4",
+          className
+        )
+      }, props)
+    );
+  },
+  blockquote: (_q) => {
+    var _r = _q, { className } = _r, props = __objRest(_r, ["className"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      "blockquote",
+      __spreadValues({
+        className: cn("aui-md-blockquote border-l-2 pl-6 italic", className)
+      }, props)
+    );
+  },
+  ul: (_s) => {
+    var _t = _s, { className } = _t, props = __objRest(_t, ["className"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      "ul",
+      __spreadValues({
+        className: cn("aui-md-ul my-5 ml-6 list-disc [&>li]:mt-2", className)
+      }, props)
+    );
+  },
+  ol: (_u) => {
+    var _v = _u, { className } = _v, props = __objRest(_v, ["className"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      "ol",
+      __spreadValues({
+        className: cn("aui-md-ol my-5 ml-6 list-decimal [&>li]:mt-2", className)
+      }, props)
+    );
+  },
+  hr: (_w) => {
+    var _x = _w, { className } = _x, props = __objRest(_x, ["className"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("hr", __spreadValues({ className: cn("aui-md-hr my-5 border-b", className) }, props));
+  },
+  table: (_y) => {
+    var _z = _y, { className } = _z, props = __objRest(_z, ["className"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      "table",
+      __spreadValues({
+        className: cn(
+          "aui-md-table my-5 w-full border-separate border-spacing-0 overflow-y-auto",
+          className
+        )
+      }, props)
+    );
+  },
+  th: (_A) => {
+    var _B = _A, { className } = _B, props = __objRest(_B, ["className"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      "th",
+      __spreadValues({
+        className: cn(
+          "aui-md-th bg-muted px-4 py-2 text-left font-bold first:rounded-tl-lg last:rounded-tr-lg [&[align=center]]:text-center [&[align=right]]:text-right",
+          className
+        )
+      }, props)
+    );
+  },
+  td: (_C) => {
+    var _D = _C, { className } = _D, props = __objRest(_D, ["className"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      "td",
+      __spreadValues({
+        className: cn(
+          "aui-md-td border-b border-l px-4 py-2 text-left last:border-r [&[align=center]]:text-center [&[align=right]]:text-right",
+          className
+        )
+      }, props)
+    );
+  },
+  tr: (_E) => {
+    var _F = _E, { className } = _F, props = __objRest(_F, ["className"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      "tr",
+      __spreadValues({
+        className: cn(
+          "aui-md-tr m-0 border-b p-0 first:border-t [&:last-child>td:first-child]:rounded-bl-lg [&:last-child>td:last-child]:rounded-br-lg",
+          className
+        )
+      }, props)
+    );
+  },
+  sup: (_G) => {
+    var _H = _G, { className } = _H, props = __objRest(_H, ["className"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      "sup",
+      __spreadValues({
+        className: cn("aui-md-sup [&>a]:text-xs [&>a]:no-underline", className)
+      }, props)
+    );
+  },
+  pre: (_I) => {
+    var _J = _I, { className } = _J, props = __objRest(_J, ["className"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      "pre",
+      __spreadValues({
+        className: cn(
+          "aui-md-pre overflow-x-auto !rounded-t-none rounded-b-lg bg-accent p-6 text-black text-[12px]",
+          className
+        )
+      }, props)
+    );
+  },
+  code: function Code(_K) {
+    var _L = _K, { className } = _L, props = __objRest(_L, ["className"]);
+    const isCodeBlock = (0, import_react_markdown.useIsMarkdownCodeBlock)();
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      "code",
+      __spreadValues({
+        className: cn(
+          !isCodeBlock && "aui-md-inline-code rounded border bg-muted text-[12px]",
+          className
+        )
+      }, props)
+    );
+  },
+  CodeHeader
+});
+
+// src/components/assistant-ui/tool-fallback.tsx
+var import_lucide_react2 = require("lucide-react");
+var import_react3 = require("react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var ToolFallback = ({
+  toolName,
+  argsText,
+  result
+}) => {
+  const [isCollapsed, setIsCollapsed] = (0, import_react3.useState)(true);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "aui-tool-fallback-root mb-4 flex w-full flex-col gap-3 rounded-lg border py-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "aui-tool-fallback-header flex items-center gap-2 px-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.CheckIcon, { className: "aui-tool-fallback-icon size-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { className: "aui-tool-fallback-title flex-grow", children: [
+        "Used tool: ",
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("b", { children: toolName })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Button, { onClick: () => setIsCollapsed(!isCollapsed), children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.ChevronUpIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.ChevronDownIcon, {}) })
+    ] }),
+    !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "aui-tool-fallback-content flex flex-col gap-2 border-t pt-2 bg-muted", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "aui-tool-fallback-args-root px-4", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("pre", { className: "aui-tool-fallback-args-value whitespace-pre-wrap", children: argsText }) }),
+      result !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "aui-tool-fallback-result-root border-t border-dashed px-4 pt-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "aui-tool-fallback-result-header font-semibold", children: "Result:" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("pre", { className: "aui-tool-fallback-result-content whitespace-pre-wrap text-[012px]", children: typeof result === "string" ? result : JSON.stringify(result, null, 2) })
+      ] })
+    ] })
+  ] });
+};
+
+// src/components/assistant-ui/attachment.tsx
+var import_react4 = require("react");
+var import_image = __toESM(require("next/image"), 1);
+var import_lucide_react4 = require("lucide-react");
+var import_react5 = require("@assistant-ui/react");
+var import_shallow = require("zustand/shallow");
+
+// src/components/ui/dialog.tsx
+var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
+var import_lucide_react3 = require("lucide-react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function Dialog(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogPrimitive.Root, __spreadValues({ "data-slot": "dialog" }, props));
+}
+function DialogTrigger(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogPrimitive.Trigger, __spreadValues({ "data-slot": "dialog-trigger" }, props));
+}
+function DialogPortal(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogPrimitive.Portal, __spreadValues({ "data-slot": "dialog-portal" }, props));
+}
+function DialogClose(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogPrimitive.Close, __spreadValues({ "data-slot": "dialog-close" }, props));
+}
+function DialogOverlay(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    DialogPrimitive.Overlay,
+    __spreadValues({
+      "data-slot": "dialog-overlay",
+      className: cn(
+        "fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0",
+        className
+      )
+    }, props)
+  );
+}
+function DialogContent(_a) {
+  var _b = _a, {
+    className,
+    children,
+    showCloseButton = true
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children",
+    "showCloseButton"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(DialogPortal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+      DialogPrimitive.Content,
+      __spreadProps(__spreadValues({
+        "data-slot": "dialog-content",
+        className: cn(
+          "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 bg-background p-6 shadow-lg duration-200 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 sm:max-w-lg",
+          className
+        )
+      }, props), {
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+            DialogPrimitive.Close,
+            {
+              "data-slot": "dialog-close",
+              className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react3.XIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      })
+    )
+  ] });
+}
+function DialogHeader(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    "div",
+    __spreadValues({
+      "data-slot": "dialog-header",
+      className: cn("flex flex-col gap-2 text-center sm:text-left", className)
+    }, props)
+  );
+}
+function DialogFooter(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    "div",
+    __spreadValues({
+      "data-slot": "dialog-footer",
+      className: cn(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        className
+      )
+    }, props)
+  );
+}
+function DialogTitle(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    DialogPrimitive.Title,
+    __spreadValues({
+      "data-slot": "dialog-title",
+      className: cn("text-lg leading-none font-semibold", className)
+    }, props)
+  );
+}
+function DialogDescription(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    DialogPrimitive.Description,
+    __spreadValues({
+      "data-slot": "dialog-description",
+      className: cn("text-sm text-muted-foreground", className)
+    }, props)
+  );
+}
+
+// src/components/ui/avatar.tsx
+var AvatarPrimitive = __toESM(require("@radix-ui/react-avatar"), 1);
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function Avatar(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    AvatarPrimitive.Root,
+    __spreadValues({
+      "data-slot": "avatar",
+      className: cn(
+        "relative flex size-8 shrink-0 overflow-hidden rounded-full",
+        className
+      )
+    }, props)
+  );
+}
+function AvatarImage(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    AvatarPrimitive.Image,
+    __spreadValues({
+      "data-slot": "avatar-image",
+      className: cn("aspect-square size-full", className)
+    }, props)
+  );
+}
+function AvatarFallback(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    AvatarPrimitive.Fallback,
+    __spreadValues({
+      "data-slot": "avatar-fallback",
+      className: cn(
+        "flex size-full items-center justify-center rounded-full bg-muted",
+        className
+      )
+    }, props)
+  );
+}
+
+// src/components/assistant-ui/attachment.tsx
+var import_jsx_runtime8 = 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 = () => {
+  var _a;
+  const { file, src } = (0, import_react5.useAssistantState)(
+    (0, import_shallow.useShallow)(({ attachment }) => {
+      var _a2, _b;
+      if (attachment.type !== "image") return {};
+      if (attachment.file) return { file: attachment.file };
+      const src2 = (_b = (_a2 = attachment.content) == null ? void 0 : _a2.filter((c) => c.type === "image")[0]) == null ? void 0 : _b.image;
+      if (!src2) return {};
+      return { src: src2 };
+    })
+  );
+  return (_a = useFileSrc(file)) != null ? _a : src;
+};
+var AttachmentPreview = ({ src }) => {
+  const [isLoaded, setIsLoaded] = (0, import_react4.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    import_image.default,
+    {
+      src,
+      alt: "Image Preview",
+      width: 1,
+      height: 1,
+      className: isLoaded ? "aui-attachment-preview-image-loaded block h-auto max-h-[80vh] w-auto max-w-full object-contain" : "aui-attachment-preview-image-loading hidden",
+      onLoadingComplete: () => setIsLoaded(true),
+      priority: false
+    }
+  );
+};
+var AttachmentPreviewDialog = ({ children }) => {
+  const src = useAttachmentSrc();
+  if (!src) return children;
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Dialog, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      DialogTrigger,
+      {
+        className: "aui-attachment-preview-trigger cursor-pointer transition-colors hover:bg-accent/50",
+        asChild: true,
+        children
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(DialogContent, { className: "aui-attachment-preview-dialog-content p-2 sm:max-w-3xl [&_svg]:text-background [&>button]:rounded-full [&>button]:bg-foreground/60 [&>button]:p-1 [&>button]:opacity-100 [&>button]:!ring-0 [&>button]:hover:[&_svg]:text-destructive", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DialogTitle, { className: "aui-sr-only sr-only", children: "Image Attachment Preview" }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.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_runtime8.jsx)(AttachmentPreview, { src }) })
+    ] })
+  ] });
+};
+var AttachmentThumb = () => {
+  const isImage = (0, import_react5.useAssistantState)(
+    ({ attachment }) => attachment.type === "image"
+  );
+  const src = useAttachmentSrc();
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Avatar, { className: "aui-attachment-tile-avatar h-full w-full rounded-none", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      AvatarImage,
+      {
+        src,
+        alt: "Attachment preview",
+        className: "aui-attachment-tile-image object-cover"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AvatarFallback, { delayMs: isImage ? 200 : 0, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react4.FileText, { className: "aui-attachment-tile-fallback-icon size-8 text-muted-foreground" }) })
+  ] });
+};
+var AttachmentUI = () => {
+  const api = (0, import_react5.useAssistantApi)();
+  const isComposer = api.attachment.source === "composer";
+  const isImage = (0, import_react5.useAssistantState)(
+    ({ attachment }) => attachment.type === "image"
+  );
+  const typeLabel = (0, import_react5.useAssistantState)(({ attachment }) => {
+    const type = attachment.type;
+    switch (type) {
+      case "image":
+        return "Image";
+      case "document":
+        return "Document";
+      case "file":
+        return "File";
+      default:
+        const _exhaustiveCheck = type;
+        throw new Error(`Unknown attachment type: ${_exhaustiveCheck}`);
+    }
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.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_runtime8.jsx)(AttachmentPreviewDialog, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime8.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_runtime8.jsx)(AttachmentThumb, {})
+            }
+          ) }) }),
+          isComposer && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AttachmentRemove, {})
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TooltipContent, { side: "top", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react5.AttachmentPrimitive.Name, {}) })
+  ] });
+};
+var AttachmentRemove = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react5.AttachmentPrimitive.Remove, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime8.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_runtime8.jsx)(import_lucide_react4.XIcon, { className: "aui-attachment-remove-icon size-3 dark:stroke-[2.5px]" })
+    }
+  ) });
+};
+var UserMessageAttachments = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.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_runtime8.jsx)(import_react5.MessagePrimitive.Attachments, { components: { Attachment: AttachmentUI } }) });
+};
+var ComposerAttachments = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.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_runtime8.jsx)(
+    import_react5.ComposerPrimitive.Attachments,
+    {
+      components: { Attachment: AttachmentUI }
+    }
+  ) });
+};
+var ComposerAddAttachment = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react5.ComposerPrimitive.AddAttachment, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    TooltipIconButton,
+    {
+      tooltip: "Add Attachment",
+      side: "bottom",
+      variant: "ghost",
+      size: "icon",
+      className: "aui-composer-add-attachment size-[34px] rounded-full p-1 text-xs font-semibold 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_runtime8.jsx)(import_lucide_react4.PlusIcon, { className: "aui-attachment-add-icon size-5 stroke-[1.5px]" })
+    }
+  ) });
+};
+
+// src/lib/thread-context.tsx
+var import_react6 = require("react");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function generateSessionId() {
+  return crypto.randomUUID();
+}
+var ThreadContext = (0, import_react6.createContext)(null);
+function useThreadContext() {
+  const context = (0, import_react6.useContext)(ThreadContext);
+  if (!context) {
+    throw new Error(
+      "useThreadContext must be used within ThreadContextProvider. Wrap your app with <ThreadContextProvider>...</ThreadContextProvider>"
+    );
+  }
+  return context;
+}
+function ThreadContextProvider({
+  children,
+  initialThreadId
+}) {
+  const [generateThreadId] = (0, import_react6.useState)(() => {
+    const id = initialThreadId || generateSessionId();
+    console.log("\u{1F535} [ThreadContext] Initialized with thread ID:", id);
+    return id;
+  });
+  const [threadCnt, setThreadCnt] = (0, import_react6.useState)(1);
+  const [threads, setThreads] = (0, import_react6.useState)(
+    () => /* @__PURE__ */ new Map([[generateThreadId, []]])
+  );
+  const [threadMetadata, setThreadMetadata] = (0, import_react6.useState)(
+    () => /* @__PURE__ */ new Map([
+      [
+        generateThreadId,
+        { title: "New Chat", status: "pending", lastActiveAt: (/* @__PURE__ */ new Date()).toISOString() }
+      ]
+    ])
+  );
+  const ensureThreadExists = (0, import_react6.useCallback)(
+    (threadId) => {
+      setThreadMetadata((prev) => {
+        if (prev.has(threadId)) return prev;
+        const next = new Map(prev);
+        next.set(threadId, { title: "New Chat", status: "regular", lastActiveAt: (/* @__PURE__ */ new Date()).toISOString() });
+        return next;
+      });
+      setThreads((prev) => {
+        if (prev.has(threadId)) return prev;
+        const next = new Map(prev);
+        next.set(threadId, []);
+        return next;
+      });
+    },
+    []
+  );
+  const [currentThreadId, _setCurrentThreadId] = (0, import_react6.useState)(generateThreadId);
+  const [threadViewKey, setThreadViewKey] = (0, import_react6.useState)(0);
+  const bumpThreadViewKey = (0, import_react6.useCallback)(() => {
+    setThreadViewKey((prev) => prev + 1);
+  }, []);
+  const setCurrentThreadId = (0, import_react6.useCallback)(
+    (threadId) => {
+      ensureThreadExists(threadId);
+      _setCurrentThreadId(threadId);
+    },
+    [ensureThreadExists]
+  );
+  const getThreadMessages = (0, import_react6.useCallback)(
+    (threadId) => {
+      return threads.get(threadId) || [];
+    },
+    [threads]
+  );
+  const setThreadMessages = (0, import_react6.useCallback)(
+    (threadId, messages) => {
+      setThreads((prev) => {
+        const next = new Map(prev);
+        next.set(threadId, messages);
+        return next;
+      });
+    },
+    []
+  );
+  const getThreadMetadata = (0, import_react6.useCallback)(
+    (threadId) => {
+      return threadMetadata.get(threadId);
+    },
+    [threadMetadata]
+  );
+  const updateThreadMetadata = (0, import_react6.useCallback)(
+    (threadId, updates) => {
+      setThreadMetadata((prev) => {
+        const existing = prev.get(threadId);
+        if (!existing) {
+          console.warn(`Thread metadata not found for threadId: ${threadId}`);
+          return prev;
+        }
+        const next = new Map(prev);
+        next.set(threadId, __spreadValues(__spreadValues({}, existing), updates));
+        return next;
+      });
+    },
+    []
+  );
+  const value = {
+    currentThreadId,
+    setCurrentThreadId,
+    threadViewKey,
+    bumpThreadViewKey,
+    threads,
+    setThreads,
+    threadMetadata,
+    setThreadMetadata,
+    threadCnt,
+    setThreadCnt,
+    getThreadMessages,
+    setThreadMessages,
+    getThreadMetadata,
+    updateThreadMetadata
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ThreadContext.Provider, { value, children });
+}
+function useCurrentThreadMetadata() {
+  const { currentThreadId, getThreadMetadata } = useThreadContext();
+  return getThreadMetadata(currentThreadId);
+}
+
+// src/components/assistant-ui/thread.tsx
+var import_react10 = require("@assistant-ui/react");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var Thread = () => {
+  const api = (0, import_react10.useAssistantApi)();
+  const { threadViewKey } = useThreadContext();
+  (0, import_react8.useEffect)(() => {
+    var _a;
+    try {
+      const composer = api.composer();
+      composer.setText("");
+      void ((_a = composer.clearAttachments) == null ? void 0 : _a.call(composer));
+    } catch (error) {
+      console.error("Failed to reset composer input:", error);
+    }
+  }, [api, threadViewKey]);
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react9.LazyMotion, { features: import_react9.domAnimation, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react9.MotionConfig, { reducedMotion: "user", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    import_react7.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_runtime10.jsxs)(import_react7.ThreadPrimitive.Viewport, { className: "aui-thread-viewport relative flex flex-1 flex-col overflow-x-auto overflow-y-scroll px-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react7.ThreadPrimitive.If, { empty: true, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ThreadWelcome, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          import_react7.ThreadPrimitive.Messages,
+          {
+            components: {
+              UserMessage,
+              EditComposer,
+              AssistantMessage,
+              SystemMessage
+            }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react7.ThreadPrimitive.If, { empty: false, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "aui-thread-viewport-spacer min-h-8 grow" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Composer, {})
+      ] })
+    }
+  ) }) });
+};
+var ThreadScrollToBottom = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react7.ThreadPrimitive.ScrollToBottom, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime10.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_runtime10.jsx)(import_lucide_react5.ArrowDownIcon, {})
+    }
+  ) });
+};
+var ThreadWelcome = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "aui-thread-welcome-root mx-auto my-auto flex w-full max-w-[var(--thread-max-width)] flex-grow flex-col", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "aui-thread-welcome-center flex w-full flex-grow flex-col items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "aui-thread-welcome-message flex size-full flex-col justify-center px-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        m.div,
+        {
+          initial: { opacity: 0, y: 10 },
+          animate: { opacity: 1, y: 0 },
+          exit: { opacity: 0, y: 10 },
+          className: "aui-thread-welcome-message-motion-1 text-2xl font-semibold",
+          children: "Hello there!"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        m.div,
+        {
+          initial: { opacity: 0, y: 10 },
+          animate: { opacity: 1, y: 0 },
+          exit: { opacity: 0, y: 10 },
+          transition: { delay: 0.1 },
+          className: "aui-thread-welcome-message-motion-2 text-2xl text-muted-foreground/65",
+          children: "How can I help you today?"
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ThreadSuggestions, {})
+  ] });
+};
+var ThreadSuggestions = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "aui-thread-welcome-suggestions grid w-full gap-2 pb-4 @md:grid-cols-2", children: [
+    {
+      title: "Show my wallet balances",
+      label: "and positions",
+      action: "Show my wallet balances and positions"
+    },
+    {
+      title: "Swap 1 ETH to USDC",
+      label: "with the best price",
+      action: "Swap 1 ETH to USDC with the best price"
+    },
+    {
+      title: "Stake half of my ETH",
+      label: "in the highest yield pool",
+      action: "Stake half of my ETH in the highest yield pool"
+    },
+    {
+      title: "Bridge 100 USDC",
+      label: "from Ethereum to Arbitrum",
+      action: "Bridge 100 USDC from Ethereum to Arbitrum"
+    }
+  ].map((suggestedAction, index) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    m.div,
+    {
+      initial: { opacity: 0, y: 20 },
+      animate: { opacity: 1, y: 0 },
+      exit: { opacity: 0, y: 20 },
+      transition: { delay: 0.05 * index },
+      className: "aui-thread-welcome-suggestion-display [&:nth-child(n+3)]:hidden @md:[&:nth-child(n+3)]:block",
+      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        import_react7.ThreadPrimitive.Suggestion,
+        {
+          prompt: suggestedAction.action,
+          send: true,
+          asChild: true,
+          children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+            Button,
+            {
+              variant: "ghost",
+              className: "aui-thread-welcome-suggestion h-auto w-full flex-1 flex-wrap items-start justify-start gap-1 rounded-3xl border px-5 py-4 text-left text-sm @md:flex-col dark:hover:bg-accent/60",
+              "aria-label": suggestedAction.action,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "aui-thread-welcome-suggestion-text-1 font-medium", children: suggestedAction.title }),
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "aui-thread-welcome-suggestion-text-2 text-muted-foreground", children: suggestedAction.label })
+              ]
+            }
+          )
+        }
+      )
+    },
+    `suggested-action-${suggestedAction.title}-${index}`
+  )) });
+};
+var Composer = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "aui-composer-wrapper sticky bottom-0 mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col gap-4 overflow-visible rounded-t-3xl bg-background pb-4 md:pb-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ThreadScrollToBottom, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react7.ComposerPrimitive.Root, { className: "aui-composer-root relative flex w-full flex-col rounded-4xl border bg-white px-1 pt-2 shadow-[0_9px_9px_0px_rgba(0,0,0,0.01),0_2px_5px_0px_rgba(0,0,0,0.06)] dark:border-muted-foreground/15", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ComposerAttachments, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        import_react7.ComposerPrimitive.Input,
+        {
+          placeholder: "Send a message...",
+          className: "aui-composer-input ml-3 mt-2 max-h-32 min-h-16 w-full resize-none bg-transparent px-3.5 pt-1.5 pb-3 text-sm outline-none placeholder:text-muted-foreground focus:outline-primary",
+          rows: 1,
+          autoFocus: true,
+          "aria-label": "Message input"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ComposerAction, {})
+    ] })
+  ] });
+};
+var ComposerAction = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "aui-composer-action-wrapper relative mx-1 mt-2 mb-2 flex items-center justify-between", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ComposerAddAttachment, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react7.ThreadPrimitive.If, { running: false, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react7.ComposerPrimitive.Send, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      TooltipIconButton,
+      {
+        tooltip: "Send message",
+        side: "bottom",
+        type: "submit",
+        variant: "default",
+        size: "icon",
+        className: "aui-composer-send mr-3 mb-3 size-[34px] rounded-full p-1",
+        "aria-label": "Send message",
+        children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react5.ArrowUpIcon, { className: "aui-composer-send-icon size-5" })
+      }
+    ) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react7.ThreadPrimitive.If, { running: true, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react7.ComposerPrimitive.Cancel, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      Button,
+      {
+        type: "button",
+        variant: "default",
+        size: "icon",
+        className: "aui-composer-cancel size-[34px] rounded-full border border-muted-foreground/60 hover:bg-primary/75 dark:border-muted-foreground/90",
+        "aria-label": "Stop generating",
+        children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react5.Square, { className: "aui-composer-cancel-icon size-3.5 fill-white dark:fill-black" })
+      }
+    ) }) })
+  ] });
+};
+var MessageError = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react7.MessagePrimitive.Error, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react7.ErrorPrimitive.Root, { className: "aui-message-error-root mt-2 rounded-md border border-destructive bg-destructive/10 p-3 text-sm text-destructive dark:bg-destructive/5 dark:text-red-200", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react7.ErrorPrimitive.Message, { className: "aui-message-error-message line-clamp-2" }) }) });
+};
+var AssistantMessage = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react7.MessagePrimitive.Root, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    "div",
+    {
+      className: "aui-assistant-message-root relative mx-auto w-full max-w-[var(--thread-max-width)] animate-in py-4 duration-150 ease-out fade-in slide-in-from-bottom-1 last:mb-24",
+      "data-role": "assistant",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "aui-assistant-message-content text-sm mx-2 leading-5 break-words text-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            import_react7.MessagePrimitive.Parts,
+            {
+              components: {
+                Text: MarkdownText,
+                tools: { Fallback: ToolFallback }
+              }
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(MessageError, {})
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "aui-assistant-message-footer mt-2 ml-2 flex", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(BranchPicker, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AssistantActionBar, {})
+        ] })
+      ]
+    }
+  ) });
+};
+var AssistantActionBar = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    import_react7.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_runtime10.jsx)(import_react7.ActionBarPrimitive.Copy, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(TooltipIconButton, { tooltip: "Copy", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react7.MessagePrimitive.If, { copied: true, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react5.CheckIcon, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react7.MessagePrimitive.If, { copied: false, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react5.CopyIcon, {}) })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react7.ActionBarPrimitive.Reload, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TooltipIconButton, { tooltip: "Refresh", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react5.RefreshCwIcon, {}) }) })
+      ]
+    }
+  );
+};
+var UserMessage = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react7.MessagePrimitive.Root, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    "div",
+    {
+      className: "aui-user-message-root mx-auto grid w-full max-w-[var(--thread-max-width)] animate-in auto-rows-auto grid-cols-[minmax(72px,1fr)_auto] gap-y-2 px-2 py-4 duration-150 ease-out fade-in slide-in-from-bottom-1 first:mt-3 last:mb-5 [&:where(>*)]:col-start-2",
+      "data-role": "user",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(UserMessageAttachments, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "aui-user-message-content-wrapper relative col-start-2 min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "aui-user-message-content text-sm rounded-3xl bg-muted px-5 py-2.5 break-words text-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react7.MessagePrimitive.Parts, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.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_runtime10.jsx)(UserActionBar, {}) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(BranchPicker, { className: "aui-user-branch-picker col-span-full col-start-1 row-start-3 -mr-1 justify-end" })
+      ]
+    }
+  ) });
+};
+var UserActionBar = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    import_react7.ActionBarPrimitive.Root,
+    {
+      hideWhenRunning: true,
+      autohide: "not-last",
+      className: "aui-user-action-bar-root flex flex-col items-end",
+      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react7.ActionBarPrimitive.Edit, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TooltipIconButton, { tooltip: "Edit", className: "aui-user-action-edit p-4", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react5.PencilIcon, {}) }) })
+    }
+  );
+};
+var EditComposer = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "aui-edit-composer-wrapper mx-auto flex w-full max-w-[var(--thread-max-width)] flex-col gap-4 px-2 first:mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react7.ComposerPrimitive.Root, { className: "aui-edit-composer-root ml-auto flex w-full max-w-7/8 flex-col rounded-xl bg-muted", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      import_react7.ComposerPrimitive.Input,
+      {
+        className: "aui-edit-composer-input flex min-h-[60px] w-full resize-none bg-transparent p-4 text-foreground outline-none",
+        autoFocus: true
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "aui-edit-composer-footer mx-3 mb-3 flex items-center justify-center gap-2 self-end", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react7.ComposerPrimitive.Cancel, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { variant: "ghost", size: "sm", "aria-label": "Cancel edit", children: "Cancel" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react7.ComposerPrimitive.Send, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Button, { size: "sm", "aria-label": "Update message", children: "Update" }) })
+    ] })
+  ] }) });
+};
+var BranchPicker = (_a) => {
+  var _b = _a, {
+    className
+  } = _b, rest = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    import_react7.BranchPickerPrimitive.Root,
+    __spreadProps(__spreadValues({
+      hideWhenSingleBranch: true,
+      className: cn(
+        "aui-branch-picker-root mr-2 -ml-2 inline-flex items-center text-xs text-muted-foreground",
+        className
+      )
+    }, rest), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react7.BranchPickerPrimitive.Previous, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TooltipIconButton, { tooltip: "Previous", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react5.ChevronLeftIcon, {}) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "aui-branch-picker-state font-medium", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react7.BranchPickerPrimitive.Number, {}),
+          " / ",
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react7.BranchPickerPrimitive.Count, {})
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react7.BranchPickerPrimitive.Next, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TooltipIconButton, { tooltip: "Next", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react5.ChevronRightIcon, {}) }) })
+      ]
+    })
+  );
+};
+var SystemMessage = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react7.MessagePrimitive.Root, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    "div",
+    {
+      className: "aui-system-message-root mx-auto w-full max-w-[var(--thread-max-width)] px-2 py-4 animate-in fade-in slide-in-from-bottom-1",
+      "data-role": "system",
+      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "aui-system-message-card flex w-full flex-wrap items-start gap-3 rounded-3xl border px-5 py-4 text-left text-sm bg-background/70 dark:bg-muted/30", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react5.AlertCircleIcon, { className: "aui-system-message-icon mt-0.5 size-4 shrink-0 text-blue-500 dark:text-blue-300" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "aui-system-message-body flex flex-col gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "aui-system-message-title font-medium text-foreground", children: "System notice" }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "aui-system-message-content leading-relaxed text-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react7.MessagePrimitive.Parts, { components: { Text: MarkdownText } }) })
+        ] })
+      ] })
+    }
+  ) });
+};
+
+// src/components/assistant-ui/threadlist-sidebar.tsx
+var import_link = __toESM(require("next/link"), 1);
+var import_image2 = __toESM(require("next/image"), 1);
+
+// src/components/ui/sidebar.tsx
+var React2 = __toESM(require("react"), 1);
+var import_react_slot3 = require("@radix-ui/react-slot");
+var import_class_variance_authority2 = require("class-variance-authority");
+var import_lucide_react7 = require("lucide-react");
+
+// src/hooks/use-mobile.ts
+var React = __toESM(require("react"), 1);
+var MOBILE_BREAKPOINT = 768;
+function useIsMobile() {
+  const [isMobile, setIsMobile] = React.useState(
+    void 0
+  );
+  React.useEffect(() => {
+    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+    const onChange = () => {
+      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    };
+    mql.addEventListener("change", onChange);
+    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    return () => mql.removeEventListener("change", onChange);
+  }, []);
+  return !!isMobile;
+}
+
+// src/components/ui/input.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function Input(_a) {
+  var _b = _a, { className, type } = _b, props = __objRest(_b, ["className", "type"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    "input",
+    __spreadValues({
+      type,
+      "data-slot": "input",
+      className: cn(
+        "flex h-9 w-full min-w-0 rounded-md border-sm border-input bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30",
+        "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
+        "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40",
+        className
+      )
+    }, props)
+  );
+}
+
+// src/components/ui/separator.tsx
+var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"), 1);
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function Separator(_a) {
+  var _b = _a, {
+    className,
+    orientation = "horizontal",
+    decorative = true
+  } = _b, props = __objRest(_b, [
+    "className",
+    "orientation",
+    "decorative"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    SeparatorPrimitive.Root,
+    __spreadValues({
+      "data-slot": "separator",
+      decorative,
+      orientation,
+      className: cn(
+        "shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        className
+      )
+    }, props)
+  );
+}
+
+// src/components/ui/sheet.tsx
+var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
+var import_lucide_react6 = require("lucide-react");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function Sheet(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SheetPrimitive.Root, __spreadValues({ "data-slot": "sheet" }, props));
+}
+function SheetTrigger(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SheetPrimitive.Trigger, __spreadValues({ "data-slot": "sheet-trigger" }, props));
+}
+function SheetClose(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SheetPrimitive.Close, __spreadValues({ "data-slot": "sheet-close" }, props));
+}
+function SheetPortal(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SheetPrimitive.Portal, __spreadValues({ "data-slot": "sheet-portal" }, props));
+}
+function SheetOverlay(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    SheetPrimitive.Overlay,
+    __spreadValues({
+      "data-slot": "sheet-overlay",
+      className: cn(
+        "fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0",
+        className
+      )
+    }, props)
+  );
+}
+function SheetContent(_a) {
+  var _b = _a, {
+    className,
+    children,
+    side = "right"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children",
+    "side"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(SheetPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SheetOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+      SheetPrimitive.Content,
+      __spreadProps(__spreadValues({
+        "data-slot": "sheet-content",
+        className: cn(
+          "fixed z-50 flex flex-col gap-4 bg-background shadow-lg transition ease-in-out data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:animate-in data-[state=open]:duration-500",
+          side === "right" && "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm",
+          side === "left" && "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+          side === "top" && "inset-x-0 top-0 h-auto border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+          side === "bottom" && "inset-x-0 bottom-0 h-auto border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+          className
+        )
+      }, props), {
+        children: [
+          children,
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(SheetPrimitive.Close, { className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react6.XIcon, { className: "size-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      })
+    )
+  ] });
+}
+function SheetHeader(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    "div",
+    __spreadValues({
+      "data-slot": "sheet-header",
+      className: cn("flex flex-col gap-1.5 p-4", className)
+    }, props)
+  );
+}
+function SheetFooter(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    "div",
+    __spreadValues({
+      "data-slot": "sheet-footer",
+      className: cn("mt-auto flex flex-col gap-2 p-4", className)
+    }, props)
+  );
+}
+function SheetTitle(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    SheetPrimitive.Title,
+    __spreadValues({
+      "data-slot": "sheet-title",
+      className: cn("font-semibold text-foreground", className)
+    }, props)
+  );
+}
+function SheetDescription(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    SheetPrimitive.Description,
+    __spreadValues({
+      "data-slot": "sheet-description",
+      className: cn("text-sm text-muted-foreground", className)
+    }, props)
+  );
+}
+
+// src/components/ui/skeleton.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function Skeleton(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    "div",
+    __spreadValues({
+      "data-slot": "skeleton",
+      className: cn("animate-pulse rounded-md bg-accent", className)
+    }, props)
+  );
+}
+
+// src/components/ui/sidebar.tsx
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var SIDEBAR_COOKIE_NAME = "sidebar_state";
+var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
+var SIDEBAR_WIDTH_MOBILE = "18rem";
+var SIDEBAR_WIDTH_ICON = "3rem";
+var SIDEBAR_KEYBOARD_SHORTCUT = "b";
+var SIDEBAR_MIN_WIDTH = 100;
+var SIDEBAR_MAX_WIDTH = 200;
+var SidebarContext = React2.createContext(null);
+function useSidebar() {
+  const context = React2.useContext(SidebarContext);
+  if (!context) {
+    throw new Error("useSidebar must be used within a SidebarProvider.");
+  }
+  return context;
+}
+function SidebarProvider(_a) {
+  var _b = _a, {
+    defaultOpen = true,
+    open: openProp,
+    onOpenChange: setOpenProp,
+    className,
+    style,
+    children
+  } = _b, props = __objRest(_b, [
+    "defaultOpen",
+    "open",
+    "onOpenChange",
+    "className",
+    "style",
+    "children"
+  ]);
+  const isMobile = useIsMobile();
+  const [openMobile, setOpenMobile] = React2.useState(false);
+  const [_open, _setOpen] = React2.useState(defaultOpen);
+  const open = openProp != null ? openProp : _open;
+  const [sidebarWidth, setSidebarWidth] = React2.useState(256);
+  const setOpen = React2.useCallback(
+    (value) => {
+      const openState = typeof value === "function" ? value(open) : value;
+      if (setOpenProp) {
+        setOpenProp(openState);
+      } else {
+        _setOpen(openState);
+      }
+      document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
+    },
+    [setOpenProp, open]
+  );
+  const toggleSidebar = React2.useCallback(() => {
+    return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
+  }, [isMobile, setOpen, setOpenMobile]);
+  React2.useEffect(() => {
+    const handleKeyDown = (event) => {
+      if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
+        event.preventDefault();
+        toggleSidebar();
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [toggleSidebar]);
+  const state = open ? "expanded" : "collapsed";
+  const contextValue = React2.useMemo(
+    () => ({
+      state,
+      open,
+      setOpen,
+      isMobile,
+      openMobile,
+      setOpenMobile,
+      toggleSidebar,
+      sidebarWidth,
+      setSidebarWidth
+    }),
+    [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar, sidebarWidth]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    "div",
+    __spreadProps(__spreadValues({
+      "data-slot": "sidebar-wrapper",
+      style: __spreadValues({
+        "--sidebar-width": `${sidebarWidth}px`,
+        "--sidebar-width-icon": SIDEBAR_WIDTH_ICON
+      }, style),
+      className: cn(
+        "group/sidebar-wrapper flex h-full w-full has-data-[variant=offcanvas]:bg-sidebar",
+        className
+      )
+    }, props), {
+      children
+    })
+  ) }) });
+}
+function Sidebar(_a) {
+  var _b = _a, {
+    side = "left",
+    variant = "sidebar",
+    collapsible = "offcanvas",
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "side",
+    "variant",
+    "collapsible",
+    "className",
+    "children"
+  ]);
+  const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
+  if (collapsible === "none") {
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      "div",
+      __spreadProps(__spreadValues({
+        "data-slot": "sidebar",
+        className: cn(
+          "flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground",
+          className
+        )
+      }, props), {
+        children
+      })
+    );
+  }
+  if (isMobile) {
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Sheet, __spreadProps(__spreadValues({ open: openMobile, onOpenChange: setOpenMobile }, props), { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+      SheetContent,
+      {
+        "data-sidebar": "sidebar",
+        "data-slot": "sidebar",
+        "data-mobile": "true",
+        className: "w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",
+        style: {
+          "--sidebar-width": SIDEBAR_WIDTH_MOBILE
+        },
+        side,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(SheetHeader, { className: "sr-only", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SheetTitle, { children: "Sidebar" }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SheetDescription, { children: "Displays the mobile sidebar." })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "flex h-full w-full flex-col", children })
+        ]
+      }
+    ) }));
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    "div",
+    {
+      className: cn(
+        "relative group peer hidden text-sidebar-foreground md:block",
+        "w-[var(--sidebar-width)]",
+        "data-[collapsible=offcanvas]:w-0",
+        "transition-[width] duration-200 ease-linear"
+      ),
+      "data-state": state,
+      "data-collapsible": state === "collapsed" ? collapsible : "",
+      "data-variant": variant,
+      "data-side": side,
+      "data-slot": "sidebar",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          "div",
+          {
+            "data-slot": "sidebar-gap",
+            className: cn(
+              "relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear",
+              "group-data-[collapsible=offcanvas]:w-0",
+              "group-data-[side=right]:rotate-180",
+              variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"
+            )
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          "div",
+          __spreadProps(__spreadValues({
+            "data-slot": "sidebar-container",
+            className: cn(
+              "fixed inset-y-0 z-10 hidden h-full w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",
+              side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
+              // Adjust the padding for floating and inset variants.
+              variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",
+              className
+            )
+          }, props), {
+            children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              "div",
+              {
+                "data-sidebar": "sidebar",
+                "data-slot": "sidebar-inner",
+                className: "flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow-sm",
+                children
+              }
+            )
+          })
+        )
+      ]
+    }
+  );
+}
+function SidebarTrigger(_a) {
+  var _b = _a, {
+    className,
+    onClick
+  } = _b, props = __objRest(_b, [
+    "className",
+    "onClick"
+  ]);
+  const { toggleSidebar } = useSidebar();
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    Button,
+    __spreadProps(__spreadValues({
+      "data-sidebar": "trigger",
+      "data-slot": "sidebar-trigger",
+      variant: "ghost",
+      size: "icon",
+      className: cn("size-7", className),
+      onClick: (event) => {
+        onClick == null ? void 0 : onClick(event);
+        toggleSidebar();
+      }
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react7.PanelLeftIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "sr-only", children: "Toggle Sidebar" })
+      ]
+    })
+  );
+}
+function SidebarRail(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  const { toggleSidebar, sidebarWidth, setSidebarWidth, setOpen } = useSidebar();
+  const isDraggingRef = React2.useRef(false);
+  const startXRef = React2.useRef(0);
+  const startWidthRef = React2.useRef(0);
+  const hasDraggedRef = React2.useRef(false);
+  const rafRef = React2.useRef(null);
+  const handleMouseDown = React2.useCallback(
+    (e) => {
+      e.preventDefault();
+      isDraggingRef.current = true;
+      hasDraggedRef.current = false;
+      startXRef.current = e.clientX;
+      startWidthRef.current = sidebarWidth;
+      document.body.style.cursor = "ew-resize";
+      document.body.style.userSelect = "none";
+    },
+    [sidebarWidth]
+  );
+  React2.useEffect(() => {
+    const handleMouseMove = (e) => {
+      if (!isDraggingRef.current) return;
+      if (rafRef.current) {
+        cancelAnimationFrame(rafRef.current);
+      }
+      rafRef.current = requestAnimationFrame(() => {
+        const deltaX = e.clientX - startXRef.current;
+        if (Math.abs(deltaX) > 5) {
+          hasDraggedRef.current = true;
+        }
+        const rawWidth = startWidthRef.current + deltaX;
+        if (rawWidth < SIDEBAR_MIN_WIDTH) {
+          setOpen(false);
+        } else {
+          setOpen(true);
+          setSidebarWidth(Math.min(SIDEBAR_MAX_WIDTH, rawWidth));
+        }
+      });
+    };
+    const handleMouseUp = () => {
+      if (!isDraggingRef.current) return;
+      isDraggingRef.current = false;
+      document.body.style.cursor = "";
+      document.body.style.userSelect = "";
+      if (rafRef.current) {
+        cancelAnimationFrame(rafRef.current);
+      }
+    };
+    document.addEventListener("mousemove", handleMouseMove);
+    document.addEventListener("mouseup", handleMouseUp);
+    return () => {
+      document.removeEventListener("mousemove", handleMouseMove);
+      document.removeEventListener("mouseup", handleMouseUp);
+    };
+  }, [setSidebarWidth, setOpen]);
+  const handleClick = React2.useCallback(() => {
+    if (!hasDraggedRef.current) {
+      toggleSidebar();
+    }
+  }, [toggleSidebar]);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    "button",
+    __spreadValues({
+      "data-sidebar": "rail",
+      "data-slot": "sidebar-rail",
+      "aria-label": "Toggle Sidebar",
+      tabIndex: -1,
+      onMouseDown: handleMouseDown,
+      onClick: handleClick,
+      title: "Drag to resize, click to toggle",
+      className: cn(
+        "absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border sm:flex",
+        "cursor-ew-resize",
+        "group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full hover:group-data-[collapsible=offcanvas]:bg-sidebar",
+        "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
+        "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
+        className
+      )
+    }, props)
+  );
+}
+function SidebarInset(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    "main",
+    __spreadValues({
+      "data-slot": "sidebar-inset",
+      className: cn("relative flex w-full flex-1 flex-col bg-background", className)
+    }, props)
+  );
+}
+function SidebarHeader(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    "div",
+    __spreadValues({
+      "data-slot": "sidebar-header",
+      "data-sidebar": "header",
+      className: cn("flex flex-col gap-2 p-2", className)
+    }, props)
+  );
+}
+function SidebarFooter(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    "div",
+    __spreadValues({
+      "data-slot": "sidebar-footer",
+      "data-sidebar": "footer",
+      className: cn("flex mr-2 flex-col gap-2 p-2", className)
+    }, props)
+  );
+}
+function SidebarSeparator(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    Separator,
+    __spreadValues({
+      "data-slot": "sidebar-separator",
+      "data-sidebar": "separator",
+      className: cn("mx-2 w-auto bg-sidebar-border", className)
+    }, props)
+  );
+}
+function SidebarContent(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    "div",
+    __spreadValues({
+      "data-slot": "sidebar-content",
+      "data-sidebar": "content",
+      className: cn(
+        "flex mr-2 min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
+        className
+      )
+    }, props)
+  );
+}
+function SidebarGroup(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    "div",
+    __spreadValues({
+      "data-slot": "sidebar-group",
+      "data-sidebar": "group",
+      className: cn("relative flex w-full min-w-0 flex-col p-2", className)
+    }, props)
+  );
+}
+function SidebarGroupLabel(_a) {
+  var _b = _a, {
+    className,
+    asChild = false
+  } = _b, props = __objRest(_b, [
+    "className",
+    "asChild"
+  ]);
+  const Comp = asChild ? import_react_slot3.Slot : "div";
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    Comp,
+    __spreadValues({
+      "data-slot": "sidebar-group-label",
+      "data-sidebar": "group-label",
+      className: cn(
+        "flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 ring-sidebar-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+        "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
+        className
+      )
+    }, props)
+  );
+}
+function SidebarGroupAction(_a) {
+  var _b = _a, {
+    className,
+    asChild = false
+  } = _b, props = __objRest(_b, [
+    "className",
+    "asChild"
+  ]);
+  const Comp = asChild ? import_react_slot3.Slot : "button";
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    Comp,
+    __spreadValues({
+      "data-slot": "sidebar-group-action",
+      "data-sidebar": "group-action",
+      className: cn(
+        "absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+        // Increases the hit area of the button on mobile.
+        "after:absolute after:-inset-2 md:after:hidden",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      )
+    }, props)
+  );
+}
+function SidebarGroupContent(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    "div",
+    __spreadValues({
+      "data-slot": "sidebar-group-content",
+      "data-sidebar": "group-content",
+      className: cn("w-full text-sm", className)
+    }, props)
+  );
+}
+function SidebarMenu(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    "ul",
+    __spreadValues({
+      "data-slot": "sidebar-menu",
+      "data-sidebar": "menu",
+      className: cn("flex w-full min-w-0 flex-col gap-1", className)
+    }, props)
+  );
+}
+function SidebarMenuItem(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    "li",
+    __spreadValues({
+      "data-slot": "sidebar-menu-item",
+      "data-sidebar": "menu-item",
+      className: cn("group/menu-item relative", className)
+    }, props)
+  );
+}
+var sidebarMenuButtonVariants = (0, import_class_variance_authority2.cva)(
+  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+        outline: "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
+      },
+      size: {
+        default: "h-8 text-sm",
+        sm: "h-7 text-xs",
+        lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function SidebarMenuButton(_a) {
+  var _b = _a, {
+    asChild = false,
+    isActive = false,
+    variant = "default",
+    size = "default",
+    tooltip,
+    className
+  } = _b, props = __objRest(_b, [
+    "asChild",
+    "isActive",
+    "variant",
+    "size",
+    "tooltip",
+    "className"
+  ]);
+  const Comp = asChild ? import_react_slot3.Slot : "button";
+  const { isMobile, state } = useSidebar();
+  const button = /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    Comp,
+    __spreadValues({
+      "data-slot": "sidebar-menu-button",
+      "data-sidebar": "menu-button",
+      "data-size": size,
+      "data-active": isActive,
+      className: cn(sidebarMenuButtonVariants({ variant, size }), className)
+    }, props)
+  );
+  if (!tooltip) {
+    return button;
+  }
+  if (typeof tooltip === "string") {
+    tooltip = {
+      children: tooltip
+    };
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      TooltipContent,
+      __spreadValues({
+        side: "right",
+        align: "center",
+        hidden: state !== "collapsed" || isMobile
+      }, tooltip)
+    )
+  ] });
+}
+function SidebarMenuAction(_a) {
+  var _b = _a, {
+    className,
+    asChild = false,
+    showOnHover = false
+  } = _b, props = __objRest(_b, [
+    "className",
+    "asChild",
+    "showOnHover"
+  ]);
+  const Comp = asChild ? import_react_slot3.Slot : "button";
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    Comp,
+    __spreadValues({
+      "data-slot": "sidebar-menu-action",
+      "data-sidebar": "menu-action",
+      className: cn(
+        "absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform peer-hover/menu-button:text-sidebar-accent-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+        // Increases the hit area of the button on mobile.
+        "after:absolute after:-inset-2 md:after:hidden",
+        "peer-data-[size=sm]/menu-button:top-1",
+        "peer-data-[size=default]/menu-button:top-1.5",
+        "peer-data-[size=lg]/menu-button:top-2.5",
+        "group-data-[collapsible=icon]:hidden",
+        showOnHover && "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground data-[state=open]:opacity-100 md:opacity-0",
+        className
+      )
+    }, props)
+  );
+}
+function SidebarMenuBadge(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    "div",
+    __spreadValues({
+      "data-slot": "sidebar-menu-badge",
+      "data-sidebar": "menu-badge",
+      className: cn(
+        "pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium text-sidebar-foreground tabular-nums select-none",
+        "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
+        "peer-data-[size=sm]/menu-button:top-1",
+        "peer-data-[size=default]/menu-button:top-1.5",
+        "peer-data-[size=lg]/menu-button:top-2.5",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      )
+    }, props)
+  );
+}
+function SidebarMenuSub(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    "ul",
+    __spreadValues({
+      "data-slot": "sidebar-menu-sub",
+      "data-sidebar": "menu-sub",
+      className: cn(
+        "mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      )
+    }, props)
+  );
+}
+function SidebarMenuSubItem(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    "li",
+    __spreadValues({
+      "data-slot": "sidebar-menu-sub-item",
+      "data-sidebar": "menu-sub-item",
+      className: cn("group/menu-sub-item relative", className)
+    }, props)
+  );
+}
+function SidebarMenuSubButton(_a) {
+  var _b = _a, {
+    asChild = false,
+    size = "md",
+    isActive = false,
+    className
+  } = _b, props = __objRest(_b, [
+    "asChild",
+    "size",
+    "isActive",
+    "className"
+  ]);
+  const Comp = asChild ? import_react_slot3.Slot : "a";
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    Comp,
+    __spreadValues({
+      "data-slot": "sidebar-menu-sub-button",
+      "data-sidebar": "menu-sub-button",
+      "data-size": size,
+      "data-active": isActive,
+      className: cn(
+        "flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground ring-sidebar-ring outline-hidden hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground",
+        "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",
+        size === "sm" && "text-xs",
+        size === "md" && "text-sm",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      )
+    }, props)
+  );
+}
+
+// src/components/assistant-ui/thread-list.tsx
+var import_react11 = require("@assistant-ui/react");
+var import_lucide_react8 = require("lucide-react");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var ThreadList = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react11.ThreadListPrimitive.Root, { className: "aui-root aui-thread-list-root flex flex-col items-stretch gap-1.5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ThreadListNew, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ThreadListItems, {})
+  ] });
+};
+var ThreadListNew = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react11.ThreadListPrimitive.New, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+    Button,
+    {
+      className: "aui-thread-list-new flex items-center justify-start gap-1 rounded-lg px-2.5 py-2 text-start hover:bg-muted data-active:bg-muted",
+      variant: "ghost",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react8.PlusIcon, {}),
+        "New Chat"
+      ]
+    }
+  ) });
+};
+var ThreadListItems = () => {
+  const isLoading = (0, import_react11.useAssistantState)(({ threads }) => threads.isLoading);
+  if (isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ThreadListSkeleton, {});
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react11.ThreadListPrimitive.Items, { components: { ThreadListItem } });
+};
+var ThreadListSkeleton = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jsx_runtime16.Fragment, { children: Array.from({ length: 5 }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "div",
+    {
+      role: "status",
+      "aria-label": "Loading threads",
+      "aria-live": "polite",
+      className: "aui-thread-list-skeleton-wrapper flex items-center gap-2 rounded-md px-3 py-2",
+      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Skeleton, { className: "aui-thread-list-skeleton h-[22px] flex-grow" })
+    },
+    i
+  )) });
+};
+var ThreadListItem = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react11.ThreadListItemPrimitive.Root, { className: "aui-thread-list-item flex items-center gap-2 rounded-lg transition-all hover:bg-muted focus-visible:bg-muted focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none data-active:bg-muted", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react11.ThreadListItemPrimitive.Trigger, { className: "aui-thread-list-item-trigger flex-grow px-3 py-2 text-start", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ThreadListItemTitle, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ThreadListItemDelete, {})
+  ] });
+};
+var ThreadListItemTitle = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "aui-thread-list-item-title text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react11.ThreadListItemPrimitive.Title, { fallback: "New Chat" }) });
+};
+var ThreadListItemDelete = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react11.ThreadListItemPrimitive.Delete, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    TooltipIconButton,
+    {
+      className: "aui-thread-list-item-delete mr-3 ml-auto size-4 p-0 text-foreground hover:text-primary",
+      variant: "ghost",
+      tooltip: "Delete thread",
+      onClick: (event) => {
+        const confirmed = window.confirm(
+          "Delete this chat? This action cannot be undone."
+        );
+        if (!confirmed) {
+          event.preventDefault();
+          event.stopPropagation();
+        }
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react8.TrashIcon, {})
+    }
+  ) });
+};
+
+// src/components/assistant-ui/threadlist-sidebar.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
+function ThreadListSidebar(_a) {
+  var _b = _a, {
+    footer
+  } = _b, props = __objRest(_b, [
+    "footer"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    Sidebar,
+    __spreadProps(__spreadValues({
+      collapsible: "offcanvas",
+      variant: "inset",
+      className: "relative"
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SidebarHeader, { className: "aomi-sidebar-header", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "aomi-sidebar-header-content flex items-center justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SidebarMenu, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SidebarMenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SidebarMenuButton, { size: "lg", asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          import_link.default,
+          {
+            href: "https://aomi.dev",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "aomi-sidebar-header-icon-wrapper flex aspect-square size-8 items-center justify-center rounded-lg bg-white", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              import_image2.default,
+              {
+                src: "/assets/images/a.svg",
+                alt: "Logo",
+                width: 28,
+                height: 28,
+                className: "aomi-sidebar-header-icon size-7 ml-3",
+                priority: true
+              }
+            ) })
+          }
+        ) }) }) }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SidebarContent, { className: "aomi-sidebar-content", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ThreadList, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SidebarRail, {}),
+        footer && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SidebarFooter, { className: "aomi-sidebar-footer border-t border-sm py-4", children: footer })
+      ]
+    })
+  );
+}
+
+// src/components/ui/breadcrumb.tsx
+var import_react_slot4 = require("@radix-ui/react-slot");
+var import_lucide_react9 = require("lucide-react");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+function Breadcrumb(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("nav", __spreadValues({ "aria-label": "breadcrumb", "data-slot": "breadcrumb" }, props));
+}
+function BreadcrumbList(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    "ol",
+    __spreadValues({
+      "data-slot": "breadcrumb-list",
+      className: cn(
+        "flex flex-wrap items-center gap-1.5 text-sm break-words text-muted-foreground sm:gap-2.5",
+        className
+      )
+    }, props)
+  );
+}
+function BreadcrumbItem(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    "li",
+    __spreadValues({
+      "data-slot": "breadcrumb-item",
+      className: cn("inline-flex items-center gap-1.5", className)
+    }, props)
+  );
+}
+function BreadcrumbLink(_a) {
+  var _b = _a, {
+    asChild,
+    className
+  } = _b, props = __objRest(_b, [
+    "asChild",
+    "className"
+  ]);
+  const Comp = asChild ? import_react_slot4.Slot : "a";
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    Comp,
+    __spreadValues({
+      "data-slot": "breadcrumb-link",
+      className: cn("transition-colors hover:text-foreground", className)
+    }, props)
+  );
+}
+function BreadcrumbPage(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    "span",
+    __spreadValues({
+      "data-slot": "breadcrumb-page",
+      role: "link",
+      "aria-disabled": "true",
+      "aria-current": "page",
+      className: cn("font-normal text-foreground", className)
+    }, props)
+  );
+}
+function BreadcrumbSeparator(_a) {
+  var _b = _a, {
+    children,
+    className
+  } = _b, props = __objRest(_b, [
+    "children",
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    "li",
+    __spreadProps(__spreadValues({
+      "data-slot": "breadcrumb-separator",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: cn("[&>svg]:size-3.5", className)
+    }, props), {
+      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react9.ChevronRight, {})
+    })
+  );
+}
+function BreadcrumbEllipsis(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+    "span",
+    __spreadProps(__spreadValues({
+      "data-slot": "breadcrumb-ellipsis",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: cn("flex size-9 items-center justify-center", className)
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react9.MoreHorizontal, { className: "size-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "sr-only", children: "More" })
+      ]
+    })
+  );
+}
+
+// src/components/assistant-ui/runtime.tsx
+var import_react12 = require("react");
+var import_react13 = require("@assistant-ui/react");
+
+// src/lib/backend-api.ts
+function toQueryString(payload) {
+  const params = new URLSearchParams();
+  for (const [key, value] of Object.entries(payload)) {
+    if (value === void 0 || value === null) continue;
+    params.set(key, String(value));
+  }
+  const qs = params.toString();
+  return qs ? `?${qs}` : "";
+}
+async function postState(backendUrl, path, payload) {
+  const query = toQueryString(payload);
+  const url = `${backendUrl}${path}${query}`;
+  console.log("\u{1F535} [postState] URL:", url);
+  console.log("\u{1F535} [postState] Payload:", payload);
+  const response = await fetch(url, {
+    method: "POST"
+  });
+  console.log("\u{1F535} [postState] Response status:", response.status);
+  if (!response.ok) {
+    console.error("\u{1F534} [postState] Error:", response.status, response.statusText);
+    throw new Error(`HTTP ${response.status}: ${response.statusText}`);
+  }
+  const data = await response.json();
+  console.log("\u{1F7E2} [postState] Success:", data);
+  return data;
+}
+var BackendApi = class {
+  constructor(backendUrl) {
+    this.backendUrl = backendUrl;
+    this.connectionStatus = false;
+    this.eventSource = null;
+    this.updatesEventSource = null;
+  }
+  async fetchState(sessionId) {
+    console.log("\u{1F535} [fetchState] Called with sessionId:", sessionId);
+    const url = `${this.backendUrl}/api/state?session_id=${encodeURIComponent(sessionId)}`;
+    console.log("\u{1F535} [fetchState] URL:", url);
+    const response = await fetch(url);
+    console.log("\u{1F535} [fetchState] Response status:", response.status, response.statusText);
+    if (!response.ok) {
+      console.error("\u{1F534} [fetchState] Error:", response.status, response.statusText);
+      throw new Error(`HTTP ${response.status}: ${response.statusText}`);
+    }
+    const data = await response.json();
+    console.log("\u{1F7E2} [fetchState] Success:", data);
+    return data;
+  }
+  async postChatMessage(sessionId, message) {
+    console.log("\u{1F535} [postChatMessage] Called with sessionId:", sessionId, "message:", message);
+    const result = await postState(this.backendUrl, "/api/chat", { message, session_id: sessionId });
+    console.log("\u{1F7E2} [postChatMessage] Success:", result);
+    return result;
+  }
+  async postSystemMessage(sessionId, message) {
+    console.log("\u{1F535} [postSystemMessage] Called with sessionId:", sessionId, "message:", message);
+    const result = await postState(this.backendUrl, "/api/system", { message, session_id: sessionId });
+    console.log("\u{1F7E2} [postSystemMessage] Success:", result);
+    return result;
+  }
+  async postInterrupt(sessionId) {
+    console.log("\u{1F535} [postInterrupt] Called with sessionId:", sessionId);
+    const result = await postState(this.backendUrl, "/api/interrupt", { session_id: sessionId });
+    console.log("\u{1F7E2} [postInterrupt] Success:", result);
+    return result;
+  }
+  disconnectSSE() {
+    if (this.eventSource) {
+      this.eventSource.close();
+      this.eventSource = null;
+    }
+    this.setConnectionStatus(false);
+  }
+  setConnectionStatus(on) {
+    this.connectionStatus = on;
+  }
+  async connectSSE(sessionId, publicKey) {
+    this.disconnectSSE();
+    try {
+      const url = new URL(`${this.backendUrl}/api/chat/stream`);
+      url.searchParams.set("session_id", sessionId);
+      if (publicKey) {
+        url.searchParams.set("public_key", publicKey);
+      }
+      this.eventSource = new EventSource(url.toString());
+      this.eventSource.onopen = () => {
+        console.log("\u{1F310} SSE connection opened to:", url.toString());
+        this.setConnectionStatus(true);
+      };
+      this.eventSource.onmessage = (event) => {
+        try {
+          const data = JSON.parse(event.data);
+        } catch (error) {
+          console.error("Failed to parse SSE data:", error);
+        }
+      };
+      this.eventSource.onerror = (error) => {
+        console.error("SSE connection error:", error);
+      };
+    } catch (error) {
+      console.error("Failed to establish SSE connection:", error);
+      this.handleConnectionError(sessionId, publicKey);
+    }
+  }
+  handleConnectionError(sessionId, publicKey) {
+    this.setConnectionStatus(false);
+    let attempt = 0;
+    let total = 3;
+    if (attempt < total) {
+      attempt++;
+      console.log(`Attempting to reconnect (${attempt}/${total})...`);
+      setTimeout(() => {
+        this.connectSSE(sessionId, publicKey);
+      }, 100);
+    } else {
+      console.error("Max reconnection attempts reached");
+      this.setConnectionStatus(false);
+    }
+  }
+  subscribeToUpdates(onUpdate, onError) {
+    if (this.updatesEventSource) {
+      this.updatesEventSource.close();
+    }
+    const updatesUrl = new URL("/api/updates", this.backendUrl).toString();
+    this.updatesEventSource = new EventSource(updatesUrl);
+    this.updatesEventSource.onmessage = (event) => {
+      try {
+        const parsed = JSON.parse(event.data);
+        onUpdate(parsed);
+      } catch (error) {
+        console.error("Failed to parse system update SSE:", error);
+        onError == null ? void 0 : onError(error);
+      }
+    };
+    this.updatesEventSource.onerror = (error) => {
+      console.error("System updates SSE error:", error);
+      onError == null ? void 0 : onError(error);
+    };
+    return () => {
+      if (this.updatesEventSource) {
+        this.updatesEventSource.close();
+        this.updatesEventSource = null;
+      }
+    };
+  }
+  // ==================== Thread Management API ====================
+  /**
+   * Fetch all threads/sessions for a given public key
+   * @param publicKey - User's wallet address
+   * @returns Array of thread metadata
+   */
+  async fetchThreads(publicKey) {
+    console.log("\u{1F535} [fetchThreads] Called with publicKey:", publicKey);
+    const url = `${this.backendUrl}/api/sessions?public_key=${encodeURIComponent(publicKey)}`;
+    console.log("\u{1F535} [fetchThreads] URL:", url);
+    const response = await fetch(url);
+    console.log("\u{1F535} [fetchThreads] Response status:", response.status);
+    if (!response.ok) {
+      console.error("\u{1F534} [fetchThreads] Error:", response.status);
+      throw new Error(`Failed to fetch threads: HTTP ${response.status}`);
+    }
+    const data = await response.json();
+    console.log("\u{1F7E2} [fetchThreads] Success:", data);
+    return data;
+  }
+  /**
+   * Create a new thread/session
+   * @param publicKey - Optional user's wallet address
+   * @param title - Thread title (keep empty for backend to own the title)
+   * @returns Created thread information with backend-generated ID
+   */
+  async createThread(publicKey, title) {
+    console.log("\u{1F535} [createThread] Called with publicKey:", publicKey, "title:", title);
+    const body = {};
+    if (publicKey) {
+      body.public_key = publicKey;
+    }
+    if (title) {
+      body.title = title;
+    }
+    console.log("\u{1F535} [createThread] Request body:", body);
+    const url = `${this.backendUrl}/api/sessions`;
+    console.log("\u{1F535} [createThread] URL:", url);
+    const response = await fetch(url, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify(body)
+    });
+    console.log("\u{1F535} [createThread] Response status:", response.status);
+    if (!response.ok) {
+      console.error("\u{1F534} [createThread] Error:", response.status);
+      throw new Error(`Failed to create thread: HTTP ${response.status}`);
+    }
+    const data = await response.json();
+    console.log("\u{1F7E2} [createThread] Success:", data);
+    return data;
+  }
+  /**
+   * Archive a thread/session
+   * @param sessionId - The session ID to archive
+   */
+  async archiveThread(sessionId) {
+    console.log("\u{1F535} [archiveThread] Called with sessionId:", sessionId);
+    const url = `${this.backendUrl}/api/sessions/${encodeURIComponent(sessionId)}/archive`;
+    console.log("\u{1F535} [archiveThread] URL:", url);
+    const response = await fetch(url, { method: "POST" });
+    console.log("\u{1F535} [archiveThread] Response status:", response.status);
+    if (!response.ok) {
+      console.error("\u{1F534} [archiveThread] Error:", response.status);
+      throw new Error(`Failed to archive thread: HTTP ${response.status}`);
+    }
+    console.log("\u{1F7E2} [archiveThread] Success");
+  }
+  /**
+   * Unarchive a thread/session
+   * @param sessionId - The session ID to unarchive
+   */
+  async unarchiveThread(sessionId) {
+    console.log("\u{1F535} [unarchiveThread] Called with sessionId:", sessionId);
+    const url = `${this.backendUrl}/api/sessions/${encodeURIComponent(sessionId)}/unarchive`;
+    console.log("\u{1F535} [unarchiveThread] URL:", url);
+    const response = await fetch(url, { method: "POST" });
+    console.log("\u{1F535} [unarchiveThread] Response status:", response.status);
+    if (!response.ok) {
+      console.error("\u{1F534} [unarchiveThread] Error:", response.status);
+      throw new Error(`Failed to unarchive thread: HTTP ${response.status}`);
+    }
+    console.log("\u{1F7E2} [unarchiveThread] Success");
+  }
+  /**
+   * Delete a thread/session permanently
+   * @param sessionId - The session ID to delete
+   */
+  async deleteThread(sessionId) {
+    console.log("\u{1F535} [deleteThread] Called with sessionId:", sessionId);
+    const url = `${this.backendUrl}/api/sessions/${encodeURIComponent(sessionId)}`;
+    console.log("\u{1F535} [deleteThread] URL:", url);
+    const response = await fetch(url, { method: "DELETE" });
+    console.log("\u{1F535} [deleteThread] Response status:", response.status);
+    if (!response.ok) {
+      console.error("\u{1F534} [deleteThread] Error:", response.status);
+      throw new Error(`Failed to delete thread: HTTP ${response.status}`);
+    }
+    console.log("\u{1F7E2} [deleteThread] Success");
+  }
+  /**
+   * Rename a thread/session
+   * @param sessionId - The session ID to rename
+   * @param newTitle - The new title for the thread
+   */
+  async renameThread(sessionId, newTitle) {
+    console.log("\u{1F535} [renameThread] Called with sessionId:", sessionId, "newTitle:", newTitle);
+    const url = `${this.backendUrl}/api/sessions/${encodeURIComponent(sessionId)}`;
+    console.log("\u{1F535} [renameThread] URL:", url);
+    const response = await fetch(url, {
+      method: "PATCH",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ title: newTitle })
+    });
+    console.log("\u{1F535} [renameThread] Response status:", response.status);
+    if (!response.ok) {
+      console.error("\u{1F534} [renameThread] Error:", response.status);
+      throw new Error(`Failed to rename thread: HTTP ${response.status}`);
+    }
+    console.log("\u{1F7E2} [renameThread] Success");
+  }
+};
+
+// src/lib/conversion.ts
+function constructThreadMessage(msg) {
+  var _a;
+  if (msg.sender === "system") return null;
+  const content = [];
+  const role = msg.sender === "user" ? "user" : "assistant";
+  if (msg.content) {
+    content.push({ type: "text", text: msg.content });
+  }
+  const [topic, toolContent] = (_a = parseToolStream(msg.tool_stream)) != null ? _a : [];
+  if (topic && toolContent) {
+    content.push({
+      type: "tool-call",
+      toolCallId: `tool_${Date.now()}`,
+      toolName: topic,
+      args: void 0,
+      result: (() => {
+        try {
+          return JSON.parse(toolContent);
+        } catch (e) {
+          return { args: toolContent };
+        }
+      })()
+    });
+  }
+  const threadMessage = __spreadValues({
+    role,
+    content: content.length > 0 ? content : [{ type: "text", text: "" }]
+  }, msg.timestamp && { createdAt: new Date(msg.timestamp) });
+  return threadMessage;
+}
+function constructSystemMessage(msg) {
+  var _a;
+  const [topic] = (_a = parseToolStream(msg.tool_stream)) != null ? _a : [];
+  const messageText = topic || msg.content || "";
+  const timestamp = parseTimestamp(msg.timestamp);
+  if (!messageText.trim()) return null;
+  return __spreadValues({
+    role: "system",
+    content: [{ type: "text", text: messageText }]
+  }, timestamp && { createdAt: timestamp });
+}
+function parseTimestamp(timestamp) {
+  if (!timestamp) return void 0;
+  const parsed = new Date(timestamp);
+  return Number.isNaN(parsed.valueOf()) ? void 0 : parsed;
+}
+function parseToolStream(toolStream) {
+  if (!toolStream) return null;
+  if (Array.isArray(toolStream) && toolStream.length === 2) {
+    const [topic, content] = toolStream;
+    return [String(topic), content];
+  } else if (typeof toolStream === "object") {
+    const topic = toolStream.topic;
+    const content = toolStream.content;
+    return topic ? [String(topic), String(content)] : null;
+  }
+  return null;
+}
+
+// src/components/assistant-ui/runtime.tsx
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var RuntimeActionsContext = (0, import_react12.createContext)(void 0);
+var isTempThreadId = (id) => id.startsWith("temp-");
+var parseTimestamp2 = (value) => {
+  if (value === void 0 || value === null) return 0;
+  if (typeof value === "number") {
+    return Number.isFinite(value) ? value < 1e12 ? value * 1e3 : value : 0;
+  }
+  const numeric = Number(value);
+  if (!Number.isNaN(numeric)) {
+    return numeric < 1e12 ? numeric * 1e3 : numeric;
+  }
+  const ts = Date.parse(value);
+  return Number.isNaN(ts) ? 0 : ts;
+};
+var isPlaceholderTitle = (title) => {
+  var _a;
+  const normalized = (_a = title == null ? void 0 : title.trim()) != null ? _a : "";
+  return !normalized || normalized.startsWith("#[");
+};
+var useRuntimeActions = () => {
+  const context = (0, import_react12.useContext)(RuntimeActionsContext);
+  if (!context) {
+    throw new Error("useRuntimeActions must be used within AomiRuntimeProvider");
+  }
+  return context;
+};
+function AomiRuntimeProvider({
+  children,
+  backendUrl = "http://localhost:8080",
+  publicKey
+}) {
+  const {
+    currentThreadId,
+    setCurrentThreadId,
+    bumpThreadViewKey,
+    threads,
+    setThreads,
+    threadMetadata,
+    setThreadMetadata,
+    threadCnt,
+    setThreadCnt,
+    getThreadMessages,
+    setThreadMessages,
+    updateThreadMetadata
+  } = useThreadContext();
+  const [isRunning, setIsRunning] = (0, import_react12.useState)(false);
+  const backendApiRef = (0, import_react12.useRef)(new BackendApi(backendUrl));
+  const pollingIntervalRef = (0, import_react12.useRef)(null);
+  const pendingSystemMessagesRef = (0, import_react12.useRef)(/* @__PURE__ */ new Map());
+  const pendingChatMessagesRef = (0, import_react12.useRef)(/* @__PURE__ */ new Map());
+  const creatingThreadIdRef = (0, import_react12.useRef)(null);
+  const createThreadPromiseRef = (0, import_react12.useRef)(null);
+  const findPendingThreadId = (0, import_react12.useCallback)(() => {
+    if (creatingThreadIdRef.current) return creatingThreadIdRef.current;
+    for (const [id, meta] of threadMetadata.entries()) {
+      if (meta.status === "pending") return id;
+    }
+    return null;
+  }, [threadMetadata]);
+  const currentMessages = getThreadMessages(currentThreadId);
+  const currentThreadIdRef = (0, import_react12.useRef)(currentThreadId);
+  (0, import_react12.useEffect)(() => {
+    currentThreadIdRef.current = currentThreadId;
+  }, [currentThreadId]);
+  const skipInitialFetchRef = (0, import_react12.useRef)(/* @__PURE__ */ new Set());
+  const tempToBackendIdRef = (0, import_react12.useRef)(/* @__PURE__ */ new Map());
+  const resolveThreadId = (0, import_react12.useCallback)((threadId) => {
+    return tempToBackendIdRef.current.get(threadId) || threadId;
+  }, []);
+  const findTempIdForBackendId = (0, import_react12.useCallback)((backendId) => {
+    for (const [tempId, bId] of tempToBackendIdRef.current.entries()) {
+      if (bId === backendId) return tempId;
+    }
+    return void 0;
+  }, []);
+  const isThreadReady = (0, import_react12.useCallback)((threadId) => {
+    if (!isTempThreadId(threadId)) return true;
+    return tempToBackendIdRef.current.has(threadId);
+  }, []);
+  const applyMessages = (0, import_react12.useCallback)((msgs) => {
+    var _a, _b;
+    if (!msgs) return;
+    const hasPendingMessages = pendingChatMessagesRef.current.has(currentThreadId) && ((_b = (_a = pendingChatMessagesRef.current.get(currentThreadId)) == null ? void 0 : _a.length) != null ? _b : 0) > 0;
+    if (hasPendingMessages) {
+      console.log("Skipping applyMessages - pending messages exist for thread:", currentThreadId);
+      return;
+    }
+    const threadMessages = [];
+    for (const msg of msgs) {
+      if (msg.sender === "system") {
+        const systemMessage = constructSystemMessage(msg);
+        if (systemMessage) {
+          threadMessages.push(systemMessage);
+        }
+        continue;
+      }
+      const threadMessage = constructThreadMessage(msg);
+      if (threadMessage) {
+        threadMessages.push(threadMessage);
+      }
+    }
+    setThreadMessages(currentThreadId, threadMessages);
+  }, [currentThreadId, setThreadMessages]);
+  (0, import_react12.useEffect)(() => {
+    backendApiRef.current = new BackendApi(backendUrl);
+  }, [backendUrl]);
+  const stopPolling = (0, import_react12.useCallback)(() => {
+    if (pollingIntervalRef.current) {
+      clearInterval(pollingIntervalRef.current);
+      pollingIntervalRef.current = null;
+    }
+  }, []);
+  const startPolling = (0, import_react12.useCallback)(() => {
+    if (!isThreadReady(currentThreadId)) return;
+    if (pollingIntervalRef.current) return;
+    const backendThreadId = resolveThreadId(currentThreadId);
+    setIsRunning(true);
+    pollingIntervalRef.current = setInterval(async () => {
+      try {
+        const state = await backendApiRef.current.fetchState(backendThreadId);
+        if (state.session_exists === false) {
+          setIsRunning(false);
+          stopPolling();
+          return;
+        }
+        applyMessages(state.messages);
+        if (!state.is_processing) {
+          setIsRunning(false);
+          stopPolling();
+        }
+      } catch (error) {
+        console.error("Polling error:", error);
+        stopPolling();
+        setIsRunning(false);
+      }
+    }, 500);
+  }, [currentThreadId, applyMessages, stopPolling, isThreadReady, resolveThreadId]);
+  (0, import_react12.useEffect)(() => {
+    const fetchInitialState = async () => {
+      if (isTempThreadId(currentThreadId) && !tempToBackendIdRef.current.has(currentThreadId)) {
+        setIsRunning(false);
+        return;
+      }
+      if (skipInitialFetchRef.current.has(currentThreadId)) {
+        skipInitialFetchRef.current.delete(currentThreadId);
+        setIsRunning(false);
+        return;
+      }
+      const backendThreadId = resolveThreadId(currentThreadId);
+      try {
+        const state = await backendApiRef.current.fetchState(backendThreadId);
+        if (state.session_exists === false) {
+          setIsRunning(false);
+          return;
+        }
+        applyMessages(state.messages);
+        if (state.is_processing) {
+          setIsRunning(true);
+          startPolling();
+        } else {
+          setIsRunning(false);
+        }
+      } catch (error) {
+        console.error("Failed to fetch initial state:", error);
+      }
+    };
+    void fetchInitialState();
+    return () => {
+      stopPolling();
+    };
+  }, [currentThreadId, applyMessages, startPolling, stopPolling, resolveThreadId]);
+  (0, import_react12.useEffect)(() => {
+    if (!publicKey) return;
+    const fetchThreadList = async () => {
+      var _a, _b;
+      try {
+        const threadList = await backendApiRef.current.fetchThreads(publicKey);
+        const newMetadata = new Map(threadMetadata);
+        let maxChatNum = threadCnt;
+        for (const thread of threadList) {
+          const rawTitle = (_a = thread.title) != null ? _a : "";
+          const title = isPlaceholderTitle(rawTitle) ? "" : rawTitle;
+          const lastActive = thread.last_active_at || thread.updated_at || thread.created_at || ((_b = newMetadata.get(thread.session_id)) == null ? void 0 : _b.lastActiveAt) || (/* @__PURE__ */ new Date()).toISOString();
+          newMetadata.set(thread.session_id, {
+            title,
+            status: thread.is_archived ? "archived" : "regular",
+            lastActiveAt: lastActive
+          });
+          const match = title.match(/^Chat (\d+)$/);
+          if (match) {
+            const num = parseInt(match[1], 10);
+            if (num > maxChatNum) {
+              maxChatNum = num;
+            }
+          }
+        }
+        setThreadMetadata(newMetadata);
+        if (maxChatNum > threadCnt) {
+          setThreadCnt(maxChatNum);
+        }
+      } catch (error) {
+        console.error("Failed to fetch thread list:", error);
+      }
+    };
+    void fetchThreadList();
+  }, [publicKey]);
+  const threadListAdapter = (() => {
+    const sortByLastActiveDesc = ([, metaA], [, metaB]) => {
+      const tsA = parseTimestamp2(metaA.lastActiveAt);
+      const tsB = parseTimestamp2(metaB.lastActiveAt);
+      return tsB - tsA;
+    };
+    const regularThreads = Array.from(threadMetadata.entries()).filter(([_, meta]) => meta.status === "regular").filter(([_, meta]) => !isPlaceholderTitle(meta.title)).sort(sortByLastActiveDesc).map(([id, meta]) => ({
+      id,
+      title: meta.title || "New Chat",
+      status: "regular"
+    }));
+    const archivedThreadsArray = Array.from(threadMetadata.entries()).filter(([_, meta]) => meta.status === "archived").filter(([_, meta]) => !isPlaceholderTitle(meta.title)).sort(sortByLastActiveDesc).map(([id, meta]) => ({
+      id,
+      title: meta.title || "New Chat",
+      status: "archived"
+    }));
+    return {
+      threadId: currentThreadId,
+      threads: regularThreads,
+      archivedThreads: archivedThreadsArray,
+      // Create new thread
+      onSwitchToNewThread: async () => {
+        var _a;
+        const preparePendingThread = (newId) => {
+          const previousPendingId = creatingThreadIdRef.current;
+          if (previousPendingId && previousPendingId !== newId) {
+            setThreadMetadata((prev) => {
+              const next = new Map(prev);
+              next.delete(previousPendingId);
+              return next;
+            });
+            setThreads((prev) => {
+              const next = new Map(prev);
+              next.delete(previousPendingId);
+              return next;
+            });
+            pendingChatMessagesRef.current.delete(previousPendingId);
+            pendingSystemMessagesRef.current.delete(previousPendingId);
+            tempToBackendIdRef.current.delete(previousPendingId);
+            skipInitialFetchRef.current.delete(previousPendingId);
+          }
+          creatingThreadIdRef.current = newId;
+          pendingChatMessagesRef.current.delete(newId);
+          pendingSystemMessagesRef.current.delete(newId);
+          setThreadMetadata(
+            (prev) => new Map(prev).set(newId, {
+              title: "New Chat",
+              status: "pending",
+              lastActiveAt: (/* @__PURE__ */ new Date()).toISOString()
+            })
+          );
+          setThreadMessages(newId, []);
+          setCurrentThreadId(newId);
+          setIsRunning(false);
+          bumpThreadViewKey();
+        };
+        const existingPendingId = findPendingThreadId();
+        if (existingPendingId) {
+          preparePendingThread(existingPendingId);
+          return;
+        }
+        if (createThreadPromiseRef.current) {
+          preparePendingThread((_a = creatingThreadIdRef.current) != null ? _a : `temp-${crypto.randomUUID()}`);
+          return;
+        }
+        const tempId = `temp-${crypto.randomUUID()}`;
+        preparePendingThread(tempId);
+        const createPromise = backendApiRef.current.createThread(publicKey, void 0).then(async (newThread) => {
+          var _a2;
+          const uiThreadId = (_a2 = creatingThreadIdRef.current) != null ? _a2 : tempId;
+          const backendId = newThread.session_id;
+          tempToBackendIdRef.current.set(uiThreadId, backendId);
+          skipInitialFetchRef.current.add(uiThreadId);
+          const backendTitle = newThread.title;
+          if (backendTitle && !isPlaceholderTitle(backendTitle)) {
+            setThreadMetadata((prev) => {
+              var _a3;
+              const next = new Map(prev);
+              const existing = next.get(uiThreadId);
+              const nextStatus = (existing == null ? void 0 : existing.status) === "archived" ? "archived" : "regular";
+              next.set(uiThreadId, {
+                title: backendTitle,
+                status: nextStatus,
+                lastActiveAt: (_a3 = existing == null ? void 0 : existing.lastActiveAt) != null ? _a3 : (/* @__PURE__ */ new Date()).toISOString()
+              });
+              return next;
+            });
+            if (creatingThreadIdRef.current === uiThreadId) {
+              creatingThreadIdRef.current = null;
+            }
+          }
+          const pendingMessages = pendingChatMessagesRef.current.get(uiThreadId);
+          if (pendingMessages == null ? void 0 : pendingMessages.length) {
+            pendingChatMessagesRef.current.delete(uiThreadId);
+            for (const text of pendingMessages) {
+              try {
+                await backendApiRef.current.postChatMessage(backendId, text);
+              } catch (error) {
+                console.error("Failed to send queued message:", error);
+              }
+            }
+            if (currentThreadIdRef.current === uiThreadId) {
+              startPolling();
+            }
+          }
+        }).catch((error) => {
+          var _a2;
+          console.error("Failed to create new thread:", error);
+          const failedId = (_a2 = creatingThreadIdRef.current) != null ? _a2 : tempId;
+          setThreadMetadata((prev) => {
+            const next = new Map(prev);
+            next.delete(failedId);
+            return next;
+          });
+          setThreads((prev) => {
+            const next = new Map(prev);
+            next.delete(failedId);
+            return next;
+          });
+          if (creatingThreadIdRef.current === failedId) {
+            creatingThreadIdRef.current = null;
+          }
+        }).finally(() => {
+          createThreadPromiseRef.current = null;
+        });
+        createThreadPromiseRef.current = createPromise;
+      },
+      // Switch to existing thread
+      onSwitchToThread: (threadId) => {
+        setCurrentThreadId(threadId);
+      },
+      // Rename thread
+      onRename: async (threadId, newTitle) => {
+        updateThreadMetadata(threadId, { title: isPlaceholderTitle(newTitle) ? "" : newTitle });
+        try {
+          await backendApiRef.current.renameThread(threadId, newTitle);
+        } catch (error) {
+          console.error("Failed to rename thread:", error);
+        }
+      },
+      // Archive thread
+      onArchive: async (threadId) => {
+        updateThreadMetadata(threadId, { status: "archived" });
+        try {
+          await backendApiRef.current.archiveThread(threadId);
+        } catch (error) {
+          console.error("Failed to archive thread:", error);
+          updateThreadMetadata(threadId, { status: "regular" });
+        }
+      },
+      // Unarchive thread
+      onUnarchive: async (threadId) => {
+        updateThreadMetadata(threadId, { status: "regular" });
+        try {
+          await backendApiRef.current.unarchiveThread(threadId);
+        } catch (error) {
+          console.error("Failed to unarchive thread:", error);
+          updateThreadMetadata(threadId, { status: "archived" });
+        }
+      },
+      // Delete thread
+      onDelete: async (threadId) => {
+        try {
+          await backendApiRef.current.deleteThread(threadId);
+          setThreadMetadata((prev) => {
+            const next = new Map(prev);
+            next.delete(threadId);
+            return next;
+          });
+          setThreads((prev) => {
+            const next = new Map(prev);
+            next.delete(threadId);
+            return next;
+          });
+          if (currentThreadId === threadId) {
+            const firstRegularThread = Array.from(threadMetadata.entries()).find(([id, meta]) => meta.status === "regular" && id !== threadId);
+            if (firstRegularThread) {
+              setCurrentThreadId(firstRegularThread[0]);
+            } else {
+              const defaultId = "default-session";
+              setThreadMetadata(
+                (prev) => new Map(prev).set(defaultId, {
+                  title: "New Chat",
+                  status: "regular",
+                  lastActiveAt: (/* @__PURE__ */ new Date()).toISOString()
+                })
+              );
+              setThreadMessages(defaultId, []);
+              setCurrentThreadId(defaultId);
+            }
+          }
+        } catch (error) {
+          console.error("Failed to delete thread:", error);
+          throw error;
+        }
+      }
+    };
+  })();
+  const sendSystemMessageNow = (0, import_react12.useCallback)(
+    async (threadId, message) => {
+      const backendThreadId = resolveThreadId(threadId);
+      setIsRunning(true);
+      try {
+        const response = await backendApiRef.current.postSystemMessage(backendThreadId, message);
+        if (response.res) {
+          const systemMessage = constructSystemMessage(response.res);
+          if (systemMessage) {
+            const updatedMessages = [...getThreadMessages(threadId), systemMessage];
+            setThreadMessages(threadId, updatedMessages);
+          }
+        }
+        await startPolling();
+      } catch (error) {
+        console.error("Failed to send system message:", error);
+        setIsRunning(false);
+      }
+    },
+    [getThreadMessages, setThreadMessages, startPolling, resolveThreadId]
+  );
+  const flushPendingSystemMessages = (0, import_react12.useCallback)(
+    async (threadId) => {
+      const pending = pendingSystemMessagesRef.current.get(threadId);
+      if (!(pending == null ? void 0 : pending.length)) return;
+      pendingSystemMessagesRef.current.delete(threadId);
+      for (const pendingMessage of pending) {
+        await sendSystemMessageNow(threadId, pendingMessage);
+      }
+    },
+    [sendSystemMessageNow]
+  );
+  const flushPendingChatMessages = (0, import_react12.useCallback)(
+    async (threadId) => {
+      const pending = pendingChatMessagesRef.current.get(threadId);
+      if (!(pending == null ? void 0 : pending.length)) return;
+      pendingChatMessagesRef.current.delete(threadId);
+      const backendThreadId = resolveThreadId(threadId);
+      for (const text of pending) {
+        try {
+          await backendApiRef.current.postChatMessage(backendThreadId, text);
+        } catch (error) {
+          console.error("Failed to send queued message:", error);
+        }
+      }
+      startPolling();
+    },
+    [resolveThreadId, startPolling]
+  );
+  const onNew = (0, import_react12.useCallback)(
+    async (message) => {
+      const text = message.content.filter((part) => part.type === "text").map((part) => part.text).join("\n");
+      if (!text) return;
+      const userMessage = {
+        role: "user",
+        content: [{ type: "text", text }],
+        createdAt: /* @__PURE__ */ new Date()
+      };
+      setThreadMessages(currentThreadId, [...currentMessages, userMessage]);
+      updateThreadMetadata(currentThreadId, { lastActiveAt: (/* @__PURE__ */ new Date()).toISOString() });
+      if (!isThreadReady(currentThreadId)) {
+        console.log("Thread not ready yet; queuing message for later delivery.");
+        setIsRunning(true);
+        const pending = pendingChatMessagesRef.current.get(currentThreadId) || [];
+        pendingChatMessagesRef.current.set(currentThreadId, [...pending, text]);
+        return;
+      }
+      const backendThreadId = resolveThreadId(currentThreadId);
+      try {
+        setIsRunning(true);
+        await backendApiRef.current.postChatMessage(backendThreadId, text);
+        await flushPendingSystemMessages(currentThreadId);
+        startPolling();
+      } catch (error) {
+        console.error("Failed to send message:", error);
+        setIsRunning(false);
+      }
+    },
+    [
+      currentThreadId,
+      currentMessages,
+      flushPendingSystemMessages,
+      setThreadMessages,
+      startPolling,
+      isThreadReady,
+      resolveThreadId,
+      updateThreadMetadata
+    ]
+  );
+  const sendSystemMessage = (0, import_react12.useCallback)(
+    async (message) => {
+      if (!isThreadReady(currentThreadId)) return;
+      const threadMessages = getThreadMessages(currentThreadId);
+      const hasUserMessages = threadMessages.some((msg) => msg.role === "user");
+      if (!hasUserMessages) {
+        const pending = pendingSystemMessagesRef.current.get(currentThreadId) || [];
+        pendingSystemMessagesRef.current.set(currentThreadId, [...pending, message]);
+        return;
+      }
+      await sendSystemMessageNow(currentThreadId, message);
+    },
+    [currentThreadId, getThreadMessages, sendSystemMessageNow, isThreadReady]
+  );
+  const onCancel = (0, import_react12.useCallback)(async () => {
+    if (!isThreadReady(currentThreadId)) return;
+    stopPolling();
+    const backendThreadId = resolveThreadId(currentThreadId);
+    try {
+      await backendApiRef.current.postInterrupt(backendThreadId);
+      setIsRunning(false);
+    } catch (error) {
+      console.error("Failed to cancel:", error);
+    }
+  }, [currentThreadId, stopPolling, isThreadReady, resolveThreadId]);
+  const runtime = (0, import_react13.useExternalStoreRuntime)({
+    messages: currentMessages,
+    setMessages: (msgs) => setThreadMessages(currentThreadId, [...msgs]),
+    isRunning,
+    onNew,
+    onCancel,
+    convertMessage: (msg) => msg,
+    adapters: {
+      threadList: threadListAdapter
+      // 🎯 Thread list adapter enabled!
+    }
+  });
+  (0, import_react12.useEffect)(() => {
+    if (isTempThreadId(currentThreadId)) return;
+    const hasUserMessages = currentMessages.some((msg) => msg.role === "user");
+    if (hasUserMessages) {
+      void flushPendingSystemMessages(currentThreadId);
+    }
+  }, [currentMessages, currentThreadId, flushPendingSystemMessages]);
+  (0, import_react12.useEffect)(() => {
+    const unsubscribe = backendApiRef.current.subscribeToUpdates(
+      (update) => {
+        if (update.type !== "TitleChanged") return;
+        const sessionId = update.data.session_id;
+        const newTitle = update.data.new_title;
+        const tempId = findTempIdForBackendId(sessionId);
+        const threadIdToUpdate = tempId || sessionId;
+        setThreadMetadata((prev) => {
+          var _a;
+          const next = new Map(prev);
+          const existing = next.get(threadIdToUpdate);
+          const normalizedTitle = isPlaceholderTitle(newTitle) ? "" : newTitle;
+          const nextStatus = (existing == null ? void 0 : existing.status) === "archived" ? "archived" : "regular";
+          next.set(threadIdToUpdate, {
+            title: normalizedTitle,
+            status: nextStatus,
+            lastActiveAt: (_a = existing == null ? void 0 : existing.lastActiveAt) != null ? _a : (/* @__PURE__ */ new Date()).toISOString()
+          });
+          return next;
+        });
+        if (!isPlaceholderTitle(newTitle) && creatingThreadIdRef.current === threadIdToUpdate) {
+          creatingThreadIdRef.current = null;
+        }
+      },
+      (error) => {
+        console.error("Failed to handle system update SSE:", error);
+      }
+    );
+    return () => {
+      unsubscribe();
+    };
+  }, [backendUrl, setThreadMetadata, findTempIdForBackendId]);
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(RuntimeActionsContext.Provider, { value: { sendSystemMessage }, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react13.AssistantRuntimeProvider, { runtime, children }) });
+}
+
+// src/utils/wallet.ts
+var import_react14 = require("react");
+var getNetworkName = (chainId) => {
+  if (chainId === void 0) return "";
+  const id = typeof chainId === "string" ? Number(chainId) : chainId;
+  switch (id) {
+    case 1:
+      return "ethereum";
+    case 137:
+      return "polygon";
+    case 42161:
+      return "arbitrum";
+    case 8453:
+      return "base";
+    case 10:
+      return "optimism";
+    case 11155111:
+      return "sepolia";
+    case 1337:
+    case 31337:
+      return "testnet";
+    case 59140:
+      return "linea-sepolia";
+    case 59144:
+      return "linea";
+    default:
+      return "testnet";
+  }
+};
+var formatAddress = (addr) => addr ? `${addr.slice(0, 6)}...${addr.slice(-4)}` : "Connect Wallet";
+function WalletSystemMessageEmitter({ wallet }) {
+  const { sendSystemMessage } = useRuntimeActions();
+  const lastWalletRef = (0, import_react14.useRef)({ isConnected: false });
+  (0, import_react14.useEffect)(() => {
+    const prev = lastWalletRef.current;
+    const { address, chainId, isConnected } = wallet;
+    const normalizedAddress = address == null ? void 0 : address.toLowerCase();
+    if (isConnected && normalizedAddress && chainId && (!prev.isConnected || prev.address !== normalizedAddress)) {
+      const networkName = getNetworkName(chainId);
+      const message = `User connected wallet with address ${normalizedAddress} on ${networkName} network (Chain ID: ${chainId}). Ready to help with transactions.`;
+      console.log(message);
+      void sendSystemMessage(message);
+      lastWalletRef.current = { isConnected: true, address: normalizedAddress, chainId };
+      return;
+    }
+    if (!isConnected && prev.isConnected) {
+      void sendSystemMessage("Wallet disconnected by user.");
+      console.log("Wallet disconnected by user.");
+      lastWalletRef.current = { isConnected: false };
+      return;
+    }
+    if (isConnected && normalizedAddress && chainId && prev.isConnected && prev.address === normalizedAddress && prev.chainId !== chainId) {
+      const networkName = getNetworkName(chainId);
+      const message = `User switched wallet to ${networkName} network (Chain ID: ${chainId}).`;
+      console.log(message);
+      void sendSystemMessage(message);
+      lastWalletRef.current = { isConnected: true, address: normalizedAddress, chainId };
+    }
+  }, [wallet, sendSystemMessage]);
+  return null;
+}
+
+// src/components/aomi-frame.tsx
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var AomiFrame = ({
+  width = "100%",
+  height = "80vh",
+  className,
+  style,
+  walletFooter,
+  children
+}) => {
+  var _a;
+  const backendUrl = (_a = process.env.NEXT_PUBLIC_BACKEND_URL) != null ? _a : "http://localhost:8080";
+  const frameStyle = __spreadValues({ width, height }, style);
+  const [wallet, setWalletState] = (0, import_react15.useState)({
+    isConnected: false,
+    address: void 0,
+    chainId: void 0,
+    ensName: void 0
+  });
+  const setWallet = (0, import_react15.useCallback)((data) => {
+    setWalletState((prev) => __spreadValues(__spreadValues({}, prev), data));
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ThreadContextProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(AomiRuntimeProvider, { backendUrl, publicKey: wallet.address, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(WalletSystemMessageEmitter, { wallet }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      FrameShell,
+      {
+        className,
+        frameStyle,
+        walletFooter,
+        wallet,
+        setWallet,
+        children
+      }
+    )
+  ] }) });
+};
+var FrameShell = ({
+  className,
+  frameStyle,
+  walletFooter,
+  wallet,
+  setWallet,
+  children
+}) => {
+  var _a, _b;
+  const currentTitle = (_b = (_a = useCurrentThreadMetadata()) == null ? void 0 : _a.title) != null ? _b : "New Chat";
+  const { currentThreadId, threadViewKey } = useThreadContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(SidebarProvider, { children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+      "div",
+      {
+        className: cn(
+          "flex h-full w-full overflow-hidden rounded-2xl bg-white shadow-2xl dark:bg-neutral-950",
+          className
+        ),
+        style: frameStyle,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ThreadListSidebar, { footer: walletFooter == null ? void 0 : walletFooter({ wallet, setWallet }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(SidebarInset, { className: "relative", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("header", { className: "flex h-14 mt-1 shrink-0 items-center gap-2 border-b px-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SidebarTrigger, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Separator, { orientation: "vertical", className: "mr-2 h-4" }),
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Breadcrumb, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(BreadcrumbList, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(BreadcrumbItem, { className: "hidden md:block", children: currentTitle }),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(BreadcrumbSeparator, { className: "hidden md:block" })
+              ] }) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Thread, {}, `${currentThreadId}-${threadViewKey}`) })
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+
+// src/components/assistant-ui/base-sidebar.tsx
+var import_link2 = __toESM(require("next/link"), 1);
+var import_image3 = __toESM(require("next/image"), 1);
+var import_jsx_runtime21 = require("react/jsx-runtime");
+function BaseSidebar(_a) {
+  var _b = _a, {
+    footerLabel = "Connect Wallet",
+    footerSecondaryLabel,
+    onFooterClick,
+    logoUrl = "/assets/images/a.svg",
+    logoHref = "https://aomi.dev"
+  } = _b, props = __objRest(_b, [
+    "footerLabel",
+    "footerSecondaryLabel",
+    "onFooterClick",
+    "logoUrl",
+    "logoHref"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+    Sidebar,
+    __spreadProps(__spreadValues({
+      collapsible: "offcanvas",
+      variant: "inset",
+      className: "relative"
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SidebarHeader, { className: "aomi-sidebar-header", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "aomi-sidebar-header-content flex items-center justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SidebarMenu, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SidebarMenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SidebarMenuButton, { size: "lg", asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          import_link2.default,
+          {
+            href: logoHref,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "aomi-sidebar-header-icon-wrapper flex aspect-square size-8 items-center justify-center rounded-lg bg-white", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+              import_image3.default,
+              {
+                src: logoUrl,
+                alt: "Logo",
+                width: 28,
+                height: 28,
+                className: "aomi-sidebar-header-icon size-7 ml-3",
+                priority: true
+              }
+            ) })
+          }
+        ) }) }) }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SidebarContent, { className: "aomi-sidebar-content", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ThreadList, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SidebarRail, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SidebarFooter, { className: "aomi-sidebar-footer border-t border-sm py-4", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SidebarMenu, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SidebarMenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SidebarMenuButton, { size: "lg", asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          Button,
+          {
+            className: "w-full justify-center rounded-full text-white shadow-lg hover:bg-[var(--muted-foreground)] hover:text-white",
+            onClick: onFooterClick,
+            children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-sm", children: footerLabel }),
+              footerSecondaryLabel ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("span", { className: "text-[11px] text-white/80", children: [
+                "\u2022 ",
+                footerSecondaryLabel
+              ] }) : null
+            ] })
+          }
+        ) }) }) }) })
+      ]
+    })
+  );
+}
+
+// src/components/ui/card.tsx
+var React3 = __toESM(require("react"), 1);
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var Card = React3.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    "div",
+    __spreadValues({
+      ref,
+      className: cn(
+        "rounded-lg border bg-card text-card-foreground shadow-sm",
+        className
+      )
+    }, props)
+  );
+});
+Card.displayName = "Card";
+var CardHeader = React3.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    "div",
+    __spreadValues({
+      ref,
+      className: cn("flex flex-col space-y-1.5 p-6", className)
+    }, props)
+  );
+});
+CardHeader.displayName = "CardHeader";
+var CardTitle = React3.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    "h3",
+    __spreadValues({
+      ref,
+      className: cn(
+        "text-2xl font-semibold leading-none tracking-tight",
+        className
+      )
+    }, props)
+  );
+});
+CardTitle.displayName = "CardTitle";
+var CardDescription = React3.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    "p",
+    __spreadValues({
+      ref,
+      className: cn("text-sm text-muted-foreground", className)
+    }, props)
+  );
+});
+CardDescription.displayName = "CardDescription";
+var CardContent = React3.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", __spreadValues({ ref, className: cn("p-6 pt-0", className) }, props));
+});
+CardContent.displayName = "CardContent";
+var CardFooter = React3.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    "div",
+    __spreadValues({
+      ref,
+      className: cn("flex items-center p-6 pt-0", className)
+    }, props)
+  );
+});
+CardFooter.displayName = "CardFooter";
+
+// src/components/ui/badge.tsx
+var import_class_variance_authority3 = require("class-variance-authority");
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var badgeVariants = (0, import_class_variance_authority3.cva)(
+  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+        outline: "text-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge(_a) {
+  var _b = _a, { className, variant } = _b, props = __objRest(_b, ["className", "variant"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", __spreadValues({ className: cn(badgeVariants({ variant }), className) }, props));
+}
+
+// src/components/ui/label.tsx
+var React4 = __toESM(require("react"), 1);
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var Label = React4.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    "label",
+    __spreadValues({
+      ref,
+      className: cn(
+        "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+        className
+      )
+    }, props)
+  );
+});
+Label.displayName = "Label";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AomiFrame,
+  AomiRuntimeProvider,
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+  Badge,
+  BaseSidebar,
+  Breadcrumb,
+  BreadcrumbEllipsis,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  Button,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  ComposerAttachments,
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  Input,
+  Label,
+  MarkdownText,
+  Separator,
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger,
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarGroup,
+  SidebarGroupAction,
+  SidebarGroupContent,
+  SidebarGroupLabel,
+  SidebarHeader,
+  SidebarInset,
+  SidebarMenu,
+  SidebarMenuAction,
+  SidebarMenuBadge,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  SidebarMenuSub,
+  SidebarMenuSubButton,
+  SidebarMenuSubItem,
+  SidebarProvider,
+  SidebarRail,
+  SidebarSeparator,
+  SidebarTrigger,
+  Skeleton,
+  Thread,
+  ThreadContextProvider,
+  ThreadList,
+  ThreadListSidebar,
+  ToolFallback,
+  Tooltip,
+  TooltipContent,
+  TooltipIconButton,
+  TooltipProvider,
+  TooltipTrigger,
+  UserMessageAttachments,
+  badgeVariants,
+  buttonVariants,
+  cn,
+  formatAddress,
+  getNetworkName,
+  useIsMobile,
+  useRuntimeActions,
+  useSidebar,
+  useThreadContext
+});
+//# sourceMappingURL=index.cjs.map