teodor-new-chat-ui 1.0.3

package/dist/index.esm.js

@@ -0,0 +1,3812 @@
+import { jsx as h, jsxs as L, Fragment as Ze } from "react/jsx-runtime";
+import * as u from "react";
+import Qn, { createContext as er, useState as ce, useCallback as z, useEffect as we, useContext as tr, useRef as St, useLayoutEffect as nr } from "react";
+import { Check as rr, X as or, Edit2 as ir, ChevronDown as sr, ChevronRight as ar, RotateCcw as cr, Bot as Tt, Wrench as lr, User as dr, Square as ur, Send as fr, Plus as hr, Edit3 as mr, Trash2 as pr } from "lucide-react";
+import { Slot as gr, createSlot as vr, createSlottable as wr } from "@radix-ui/react-slot";
+import { cva as Ht } from "class-variance-authority";
+import { clsx as br } from "clsx";
+import { twMerge as yr } from "tailwind-merge";
+import * as Wt from "react-dom";
+const Bt = er(null), xr = "http://localhost:8000/api/chat";
+function Vt({
+  children: e,
+  apiBaseUrl: t = xr,
+  enableUrlSync: n = !1
+}) {
+  const [r, o] = ce({
+    currentThreadId: null,
+    messages: [],
+    isLoading: !1,
+    isLoadingHistory: !1,
+    error: null,
+    interrupt: null,
+    threads: [],
+    loadingThreads: !1,
+    availableBranches: [],
+    currentBranch: null
+  }), i = z(() => n ? new URLSearchParams(window.location.search).get("thread") : null, [n]), s = z((b) => {
+    if (!n) return;
+    const w = new URL(window.location.href);
+    b ? w.searchParams.set("thread", b) : w.searchParams.delete("thread"), window.history.pushState({}, "", w.toString());
+  }, [n]);
+  we(() => {
+    if (n) {
+      const b = i();
+      b && o((w) => ({ ...w, currentThreadId: b }));
+    }
+  }, [n, i]), we(() => {
+    if (!n) return;
+    const b = () => {
+      const w = i();
+      o((g) => ({ ...g, currentThreadId: w }));
+    };
+    return window.addEventListener("popstate", b), () => window.removeEventListener("popstate", b);
+  }, [n, i]);
+  const a = z(async () => {
+    o((b) => ({ ...b, loadingThreads: !0 }));
+    try {
+      const b = await fetch(`${t}/threads`);
+      if (!b.ok) throw new Error("Failed to load threads");
+      const w = await b.json();
+      o((g) => ({ ...g, threads: w, loadingThreads: !1 }));
+    } catch (b) {
+      o((w) => ({
+        ...w,
+        loadingThreads: !1,
+        error: b instanceof Error ? b.message : "Failed to load threads"
+      }));
+    }
+  }, [t]), c = (b) => b.map((w) => ({
+    id: w.id,
+    role: w.role === "human" ? "human" : w.role === "ai" ? "ai" : "tool",
+    content: w.content,
+    timestamp: w.timestamp,
+    name: w.name,
+    tool_call_id: w.tool_call_id,
+    args: w.args,
+    branch_id: w.branch_id,
+    sequence_number: w.sequence_number
+  })), l = z(async (b) => {
+    o((w) => ({ ...w, isLoadingHistory: !0 }));
+    try {
+      const w = await fetch(`${t}/history/${b}`);
+      if (!w.ok) throw new Error("Failed to load history");
+      const g = await w.json(), N = c(g);
+      o((D) => ({ ...D, messages: N, isLoadingHistory: !1 }));
+    } catch (w) {
+      o((g) => ({
+        ...g,
+        isLoadingHistory: !1,
+        error: w instanceof Error ? w.message : "Failed to load history"
+      }));
+    }
+  }, [t]), d = z(async (b) => {
+    try {
+      const w = await fetch(`${t}/threads/${b}/branches`);
+      if (!w.ok) return;
+      const g = await w.json();
+      o((N) => ({
+        ...N,
+        availableBranches: g.branches || [],
+        currentBranch: g.current_branch
+      }));
+    } catch (w) {
+      console.warn("Failed to load branches:", w);
+    }
+  }, [t]), f = z((b) => {
+    o((w) => ({
+      ...w,
+      currentThreadId: b,
+      messages: [],
+      availableBranches: [],
+      currentBranch: null,
+      error: null
+    })), s(b), b && Promise.all([
+      l(b),
+      d(b)
+    ]).catch((w) => {
+      console.error("Failed to load thread data:", w);
+    });
+  }, [s, l, d]), m = z(async () => {
+    try {
+      const b = await fetch(`${t}/threads`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" }
+      });
+      if (!b.ok) throw new Error("Failed to create thread");
+      const g = (await b.json()).thread_id;
+      return await a(), g;
+    } catch (b) {
+      throw o((w) => ({
+        ...w,
+        error: b instanceof Error ? b.message : "Failed to create thread"
+      })), b;
+    }
+  }, [t]), p = z(async (b) => {
+    console.log("deleteThread called with threadId:", b), console.log("apiBaseUrl:", t);
+    try {
+      const w = `${t}/threads/${b}`;
+      console.log("Making DELETE request to:", w);
+      const g = await fetch(w, {
+        method: "DELETE"
+      });
+      if (console.log("Delete response status:", g.status), console.log("Delete response ok:", g.ok), !g.ok) {
+        const N = await g.text();
+        throw console.log("Delete error response:", N), new Error(`Failed to delete thread: ${g.status} ${N}`);
+      }
+      console.log("Thread deleted successfully"), r.currentThreadId === b && (console.log("Clearing current thread as it was deleted"), f(null)), console.log("Reloading threads list"), await a();
+    } catch (w) {
+      console.error("Error deleting thread:", w), o((g) => ({
+        ...g,
+        error: w instanceof Error ? w.message : "Failed to delete thread"
+      }));
+    }
+  }, [t, r.currentThreadId, f, a]), v = z(async (b, w) => {
+    try {
+      if (!(await fetch(`${t}/threads/${b}/title`, {
+        method: "PATCH",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ title: w })
+      })).ok) throw new Error("Failed to update thread title");
+      await a();
+    } catch (g) {
+      o((N) => ({
+        ...N,
+        error: g instanceof Error ? g.message : "Failed to update thread title"
+      }));
+    }
+  }, [t, a]), y = z(async (b) => {
+    if (!r.currentThreadId) return;
+    const w = {
+      id: `temp-${Date.now()}`,
+      role: "human",
+      content: b,
+      timestamp: (/* @__PURE__ */ new Date()).toISOString()
+    };
+    o((g) => ({
+      ...g,
+      messages: [...g.messages, w],
+      isLoading: !0,
+      error: null
+    }));
+    try {
+      const g = await fetch(`${t}/stream`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          thread_id: r.currentThreadId,
+          messages: [...r.messages, { role: "human", content: b }],
+          operation: "continue"
+        })
+      });
+      if (!g.ok) {
+        const N = await g.text();
+        throw new Error(`HTTP ${g.status}: ${N}`);
+      }
+      await x(g), await l(r.currentThreadId);
+    } catch (g) {
+      o((N) => ({
+        ...N,
+        messages: N.messages.filter((D) => D.id !== w.id),
+        isLoading: !1,
+        error: g instanceof Error ? g.message : "Failed to send message"
+      }));
+    }
+  }, [t, r.currentThreadId, r.messages, l]), x = async (b) => {
+    var D;
+    const w = (D = b.body) == null ? void 0 : D.getReader();
+    if (!w) {
+      o((k) => ({ ...k, isLoading: !1 }));
+      return;
+    }
+    const g = new TextDecoder();
+    let N = "";
+    try {
+      for (; ; ) {
+        const { done: k, value: I } = await w.read();
+        if (k) break;
+        N += g.decode(I, { stream: !0 });
+        const F = N.split(`
+`);
+        N = F.pop() || "";
+        for (const M of F)
+          if (M.trim() && M.startsWith("data: "))
+            try {
+              const _ = JSON.parse(M.slice(6));
+              _.type === "text" ? o((O) => {
+                const $ = [...O.messages], W = $[$.length - 1];
+                return W && W.role === "ai" ? W.content += _.text : $.push({
+                  id: `ai-${Date.now()}`,
+                  role: "ai",
+                  content: _.text,
+                  timestamp: (/* @__PURE__ */ new Date()).toISOString()
+                }), { ...O, messages: $ };
+              }) : _.type === "tool_call" && o((O) => ({
+                ...O,
+                messages: [...O.messages, {
+                  id: `tool-${Date.now()}`,
+                  role: "tool",
+                  content: _.result || "",
+                  name: _.name || "unknown_function",
+                  tool_call_id: _.id,
+                  args: _.args,
+                  timestamp: (/* @__PURE__ */ new Date()).toISOString()
+                }]
+              }));
+            } catch (_) {
+              console.warn("Failed to parse streaming data:", M, _);
+            }
+      }
+    } catch (k) {
+      console.error("Streaming error:", k);
+    } finally {
+      o((k) => ({ ...k, isLoading: !1 }));
+    }
+  };
+  we(() => {
+    a();
+  }, [a]);
+  const S = z(async (b, w) => {
+    if (!(!r.currentThreadId || !b.id)) {
+      o((g) => ({ ...g, isLoading: !0, error: null }));
+      try {
+        const g = w ? "edit_and_regenerate" : "regenerate", N = await fetch(`${t}/stream`, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({
+            thread_id: r.currentThreadId,
+            messages: r.messages,
+            operation: g,
+            from_message_id: b.id,
+            edited_content: w,
+            create_branch: !0
+          })
+        });
+        if (!N.ok) {
+          const D = await N.text();
+          throw new Error(`HTTP ${N.status}: ${D}`);
+        }
+        await x(N), await Promise.all([
+          l(r.currentThreadId),
+          d(r.currentThreadId)
+        ]);
+      } catch (g) {
+        o((N) => ({
+          ...N,
+          isLoading: !1,
+          error: g instanceof Error ? g.message : "Failed to regenerate message"
+        }));
+      }
+    }
+  }, [t, r.currentThreadId, r.messages, l, d]), E = z(async (b, w, g = !1) => {
+    if (!(!r.currentThreadId || !b.id)) {
+      if (g) {
+        await S(b, w);
+        return;
+      }
+      o((N) => ({
+        ...N,
+        messages: N.messages.map(
+          (D) => D.id === b.id ? { ...D, content: w } : D
+        )
+      }));
+    }
+  }, [r.currentThreadId, S]), R = z(async (b) => {
+    if (r.currentThreadId)
+      try {
+        if (!(await fetch(`${t}/threads/${r.currentThreadId}/branch`, {
+          method: "PATCH",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ branch_id: b })
+        })).ok) throw new Error("Failed to switch branch");
+        o((g) => ({ ...g, currentBranch: b })), await l(r.currentThreadId);
+      } catch (w) {
+        o((g) => ({
+          ...g,
+          error: w instanceof Error ? w.message : "Failed to switch branch"
+        }));
+      }
+  }, [t, r.currentThreadId, l]), C = z(() => {
+    o((b) => ({ ...b, isLoading: !1 }));
+  }, []), T = z(() => {
+    o((b) => ({ ...b, error: null }));
+  }, []), A = z(async () => {
+    await a(), r.currentThreadId && await Promise.all([
+      l(r.currentThreadId),
+      d(r.currentThreadId)
+    ]);
+  }, [a, l, d, r.currentThreadId]), P = {
+    ...r,
+    selectThread: f,
+    createThread: m,
+    deleteThread: p,
+    updateThreadTitle: v,
+    sendMessage: y,
+    editMessage: E,
+    regenerateFromMessage: S,
+    stop: C,
+    switchBranch: R,
+    clearError: T,
+    refresh: A
+  };
+  return /* @__PURE__ */ h(Bt.Provider, { value: P, children: e });
+}
+function Qe() {
+  const e = tr(Bt);
+  if (!e)
+    throw new Error("useChat must be used within a ChatProvider");
+  return e;
+}
+function V(...e) {
+  return yr(br(e));
+}
+const Cr = Ht(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-10 px-4 py-2",
+        sm: "h-9 rounded-md px-3",
+        lg: "h-11 rounded-md px-8",
+        icon: "h-10 w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), B = u.forwardRef(
+  ({ className: e, variant: t, size: n, asChild: r = !1, ...o }, i) => /* @__PURE__ */ h(
+    r ? gr : "button",
+    {
+      className: V(Cr({ variant: t, size: n, className: e })),
+      ref: i,
+      ...o
+    }
+  )
+);
+B.displayName = "Button";
+const et = u.forwardRef(
+  ({ className: e, ...t }, n) => /* @__PURE__ */ h(
+    "textarea",
+    {
+      className: V(
+        "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+        e
+      ),
+      ref: n,
+      ...t
+    }
+  )
+);
+et.displayName = "Textarea";
+function jt({
+  message: e,
+  onRegenerate: t,
+  onEditMessage: n,
+  showRegenerate: r = !1
+}) {
+  const [o, i] = ce(!1), [s, a] = ce(!1), [c, l] = ce(
+    typeof e.content == "string" ? e.content : JSON.stringify(e.content)
+  ), d = () => {
+    t && t(e);
+  }, f = () => {
+    const x = typeof e.content == "string" ? e.content : JSON.stringify(e.content);
+    c.trim() && c !== x && n && n(e, c.trim(), !0), a(!1);
+  }, m = () => {
+    const x = typeof e.content == "string" ? e.content : JSON.stringify(e.content);
+    l(x), a(!1);
+  }, p = () => {
+    switch (e.role) {
+      case "human":
+        return /* @__PURE__ */ h(dr, { size: 20, className: "text-blue-600" });
+      case "ai":
+        return /* @__PURE__ */ h(Tt, { size: 20, className: "text-green-600" });
+      case "tool":
+        return /* @__PURE__ */ h(lr, { size: 20, className: "text-orange-600" });
+      default:
+        return /* @__PURE__ */ h(Tt, { size: 20, className: "text-gray-600" });
+    }
+  }, v = () => {
+    switch (e.role) {
+      case "human":
+        return "You";
+      case "ai":
+        return "Assistant";
+      case "tool":
+        return e.name || "Tool";
+      default:
+        return "Message";
+    }
+  }, y = () => typeof e.content == "string" ? e.content : e.role === "tool" && e.args ? JSON.stringify(e.args, null, 2) : JSON.stringify(e.content, null, 2);
+  return console.log("Rendering message:", e), e.role === "human" ? /* @__PURE__ */ L("div", { className: "flex gap-3 justify-end mb-4", children: [
+    /* @__PURE__ */ L(
+      "div",
+      {
+        className: "max-w-[80%] rounded-lg p-4 relative group",
+        style: {
+          backgroundColor: "#2563eb",
+          color: "white",
+          border: "2px solid #1d4ed8",
+          boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1)"
+        },
+        children: [
+          n && e.id && /* @__PURE__ */ h("div", { className: "absolute -top-1 -right-1 flex space-x-1 opacity-0 group-hover:opacity-100 transition-opacity", children: s ? /* @__PURE__ */ L(Ze, { children: [
+            /* @__PURE__ */ h(
+              B,
+              {
+                size: "sm",
+                variant: "ghost",
+                onClick: f,
+                className: "h-6 w-6 p-0 bg-white/10 hover:bg-white/20",
+                title: "Save changes and regenerate",
+                children: /* @__PURE__ */ h(rr, { className: "h-3 w-3" })
+              }
+            ),
+            /* @__PURE__ */ h(
+              B,
+              {
+                size: "sm",
+                variant: "ghost",
+                onClick: m,
+                className: "h-6 w-6 p-0 bg-white/10 hover:bg-white/20",
+                title: "Cancel editing",
+                children: /* @__PURE__ */ h(or, { className: "h-3 w-3" })
+              }
+            )
+          ] }) : /* @__PURE__ */ h(
+            B,
+            {
+              size: "sm",
+              variant: "ghost",
+              onClick: () => a(!0),
+              className: "h-6 w-6 p-0 bg-white/10 hover:bg-white/20",
+              title: "Edit message and regenerate AI response",
+              children: /* @__PURE__ */ h(ir, { className: "h-3 w-3" })
+            }
+          ) }),
+          /* @__PURE__ */ h("div", { className: "whitespace-pre-wrap", style: { color: "white" }, children: s ? /* @__PURE__ */ h(
+            et,
+            {
+              value: c,
+              onChange: (x) => l(x.target.value),
+              className: "w-full min-h-[60px] bg-white/10 border-white/20 text-white placeholder-white/70",
+              placeholder: "Edit your message...",
+              autoFocus: !0
+            }
+          ) : /* @__PURE__ */ h("span", { style: { color: "white" }, children: e.content || "[No content]" }) }),
+          e.timestamp && !s && /* @__PURE__ */ h("div", { className: "text-xs opacity-70 mt-2", style: { color: "white" }, children: new Date(e.timestamp).toLocaleTimeString() })
+        ]
+      }
+    ),
+    /* @__PURE__ */ h("div", { className: "flex-shrink-0 w-8 h-8 rounded-full bg-blue-600 flex items-center justify-center", children: p() })
+  ] }) : /* @__PURE__ */ L("div", { className: "flex gap-3 justify-start mb-4", children: [
+    /* @__PURE__ */ h("div", { className: "flex-shrink-0 w-8 h-8 rounded-full bg-gray-100 flex items-center justify-center", children: p() }),
+    /* @__PURE__ */ L("div", { className: `
+        max-w-[80%] rounded-lg p-3 relative group
+        ${e.role === "tool" ? "bg-orange-50 border border-orange-200" : "bg-gray-100 text-gray-900"}
+      `, children: [
+      /* @__PURE__ */ L("div", { className: "flex items-center justify-between mb-2", children: [
+        /* @__PURE__ */ L("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ h("div", { className: "font-medium text-sm", children: v() }),
+          e.role === "tool" && /* @__PURE__ */ L(
+            B,
+            {
+              variant: "ghost",
+              size: "sm",
+              onClick: () => i(!o),
+              className: "h-6 px-2 text-xs",
+              children: [
+                o ? /* @__PURE__ */ h(sr, { size: 12 }) : /* @__PURE__ */ h(ar, { size: 12 }),
+                o ? "Hide" : "Show",
+                " Content"
+              ]
+            }
+          )
+        ] }),
+        r && t && /* @__PURE__ */ L(
+          B,
+          {
+            variant: "ghost",
+            size: "sm",
+            onClick: d,
+            className: "h-6 px-2 text-xs",
+            children: [
+              /* @__PURE__ */ h(cr, { size: 12, className: "mr-1" }),
+              "Regenerate"
+            ]
+          }
+        )
+      ] }),
+      (e.role !== "tool" || o) && /* @__PURE__ */ h("div", { className: `whitespace-pre-wrap ${e.role === "tool" ? "font-mono text-sm" : ""}`, children: y() }),
+      e.timestamp && /* @__PURE__ */ h("div", { className: "text-xs opacity-70 mt-2", children: new Date(e.timestamp).toLocaleTimeString() })
+    ] })
+  ] });
+}
+function ke({
+  className: e = "",
+  placeholder: t = "Type your message...",
+  autoFocus: n = !0,
+  showBranches: r = !0,
+  maxHeight: o = "600px"
+}) {
+  const {
+    currentThreadId: i,
+    messages: s,
+    isLoading: a,
+    isLoadingHistory: c,
+    error: l,
+    availableBranches: d,
+    currentBranch: f,
+    sendMessage: m,
+    stop: p,
+    switchBranch: v,
+    regenerateFromMessage: y,
+    editMessage: x,
+    clearError: S
+  } = Qe(), [E, R] = ce(""), C = St(null), T = St(null);
+  we(() => {
+    var g;
+    (g = C.current) == null || g.scrollIntoView({ behavior: "smooth" });
+  }, [s]), we(() => {
+    n && T.current && T.current.focus();
+  }, [n, i]);
+  const A = async (g) => {
+    if (g.preventDefault(), !E.trim() || a || !i) return;
+    const N = E.trim();
+    R(""), await m(N);
+  }, P = (g) => {
+    g.key === "Enter" && !g.shiftKey && (g.preventDefault(), A(g));
+  }, b = async (g) => {
+    await y(g);
+  }, w = async (g, N, D = !1) => {
+    await x(g, N, D);
+  };
+  return i ? /* @__PURE__ */ L("div", { className: `flex flex-col h-full ${e}`, children: [
+    l && /* @__PURE__ */ h("div", { className: "bg-red-50 border-l-4 border-red-400 p-4 mb-4", children: /* @__PURE__ */ L("div", { className: "flex justify-between items-center", children: [
+      /* @__PURE__ */ h("div", { className: "text-red-700 text-sm", children: l }),
+      /* @__PURE__ */ h(
+        B,
+        {
+          variant: "ghost",
+          size: "sm",
+          onClick: S,
+          className: "text-red-600 hover:text-red-700",
+          children: "×"
+        }
+      )
+    ] }) }),
+    r && d.length > 1 && /* @__PURE__ */ L("div", { className: "border-b p-3 bg-gray-50", children: [
+      /* @__PURE__ */ h("div", { className: "text-sm font-medium mb-2", children: "Branches:" }),
+      /* @__PURE__ */ h("div", { className: "flex gap-2 flex-wrap", children: d.map((g) => /* @__PURE__ */ L(
+        B,
+        {
+          size: "sm",
+          variant: f === g.branch_id ? "default" : "outline",
+          onClick: () => v(g.branch_id),
+          className: "text-xs",
+          children: [
+            g.preview,
+            /* @__PURE__ */ L("span", { className: "ml-1 text-gray-500", children: [
+              "(",
+              g.message_count,
+              ")"
+            ] })
+          ]
+        },
+        g.branch_id
+      )) })
+    ] }),
+    /* @__PURE__ */ L(
+      "div",
+      {
+        className: "flex-1 overflow-y-auto p-4",
+        style: { maxHeight: o },
+        children: [
+          c ? /* @__PURE__ */ L("div", { className: "flex items-center justify-center py-8", children: [
+            /* @__PURE__ */ h("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600" }),
+            /* @__PURE__ */ h("span", { className: "ml-2 text-gray-600", children: "Loading conversation..." })
+          ] }) : s.length === 0 ? /* @__PURE__ */ L("div", { className: "text-center text-gray-500 py-8", children: [
+            /* @__PURE__ */ h("div", { className: "text-lg font-medium mb-2", children: "Start a conversation" }),
+            /* @__PURE__ */ h("div", { className: "text-sm", children: "Type a message below to begin" })
+          ] }) : /* @__PURE__ */ h("div", { className: "space-y-4", children: s.map((g, N) => /* @__PURE__ */ L("div", { children: [
+            /* @__PURE__ */ h(
+              jt,
+              {
+                message: g,
+                onRegenerate: b,
+                onEditMessage: w,
+                showRegenerate: g.role === "ai" || g.role === "human"
+              }
+            ),
+            g.role === "human" && g.branch_id && /* @__PURE__ */ L("div", { className: "text-xs text-gray-500 ml-12 mt-1", children: [
+              "Branch: ",
+              g.branch_id.slice(0, 8),
+              "..."
+            ] })
+          ] }, g.id || N)) }),
+          /* @__PURE__ */ h("div", { ref: C })
+        ]
+      }
+    ),
+    /* @__PURE__ */ h("div", { className: "border-t p-4 bg-white", children: /* @__PURE__ */ L("form", { onSubmit: A, className: "flex gap-3", children: [
+      /* @__PURE__ */ h("div", { className: "flex-1", children: /* @__PURE__ */ h(
+        et,
+        {
+          ref: T,
+          value: E,
+          onChange: (g) => R(g.target.value),
+          onKeyDown: P,
+          placeholder: t,
+          className: "resize-none min-h-[44px] max-h-32",
+          disabled: a
+        }
+      ) }),
+      /* @__PURE__ */ h("div", { className: "flex flex-col gap-2", children: a ? /* @__PURE__ */ h(
+        B,
+        {
+          type: "button",
+          onClick: p,
+          size: "icon",
+          variant: "outline",
+          className: "shrink-0",
+          children: /* @__PURE__ */ h(ur, { size: 16 })
+        }
+      ) : /* @__PURE__ */ h(
+        B,
+        {
+          type: "submit",
+          disabled: !E.trim() || !i,
+          size: "icon",
+          className: "shrink-0",
+          children: /* @__PURE__ */ h(fr, { size: 16 })
+        }
+      ) })
+    ] }) })
+  ] }) : /* @__PURE__ */ h("div", { className: `flex items-center justify-center h-full ${e}`, children: /* @__PURE__ */ L("div", { className: "text-center text-gray-500", children: [
+    /* @__PURE__ */ h("div", { className: "text-lg font-medium mb-2", children: "No thread selected" }),
+    /* @__PURE__ */ h("div", { className: "text-sm", children: "Select a thread or create a new one to start chatting" })
+  ] }) });
+}
+function Me({
+  className: e = "",
+  showCreateButton: t = !0,
+  onThreadSelect: n
+}) {
+  const {
+    currentThreadId: r,
+    threads: o,
+    loadingThreads: i,
+    selectThread: s,
+    createThread: a,
+    deleteThread: c,
+    updateThreadTitle: l
+  } = Qe();
+  console.log("ThreadManager rendered, deleteThread available:", typeof c);
+  const [d, f] = ce(null), [m, p] = ce(""), v = async (C) => {
+    await s(C), n == null || n(C);
+  }, y = async () => {
+    const C = await a();
+    await v(C);
+  }, x = async (C, T) => {
+    console.log("handleDeleteThread called with threadId:", T), C.stopPropagation();
+    const A = confirm("Are you sure you want to delete this thread?");
+    if (console.log("User confirmed deletion:", A), A) {
+      console.log("Calling deleteThread from ChatProvider...");
+      try {
+        await c(T), console.log("deleteThread completed successfully");
+      } catch (P) {
+        console.error("Error in handleDeleteThread:", P);
+      }
+    }
+  }, S = (C, T) => {
+    C.stopPropagation(), f(T.id), p(T.title || `Thread ${T.id.slice(0, 8)}`);
+  }, E = async (C) => {
+    await l(C, m), f(null);
+  }, R = () => {
+    f(null), p("");
+  };
+  return i ? /* @__PURE__ */ h("div", { className: `p-4 ${e}`, children: /* @__PURE__ */ h("div", { className: "animate-pulse space-y-2", children: [...Array(3)].map((C, T) => /* @__PURE__ */ h("div", { className: "h-10 bg-gray-200 rounded" }, T)) }) }) : /* @__PURE__ */ L("div", { className: `p-4 ${e}`, children: [
+    t && /* @__PURE__ */ L(
+      B,
+      {
+        onClick: y,
+        className: "w-full mb-4 flex items-center gap-2",
+        variant: "outline",
+        children: [
+          /* @__PURE__ */ h(hr, { size: 16 }),
+          "New Thread"
+        ]
+      }
+    ),
+    /* @__PURE__ */ L("div", { className: "space-y-2", children: [
+      o.map((C) => /* @__PURE__ */ h(
+        "div",
+        {
+          className: `
+              group p-3 rounded-lg cursor-pointer transition-colors
+              ${r === C.id ? "bg-blue-100 border-blue-300 border" : "bg-gray-50 hover:bg-gray-100 border border-transparent"}
+            `,
+          onClick: () => v(C.id),
+          children: /* @__PURE__ */ h("div", { className: "flex items-center justify-between", children: d === C.id ? /* @__PURE__ */ L("div", { className: "flex-1 flex gap-2", children: [
+            /* @__PURE__ */ h(
+              "input",
+              {
+                value: m,
+                onChange: (T) => p(T.target.value),
+                onKeyDown: (T) => {
+                  T.key === "Enter" && E(C.id), T.key === "Escape" && R();
+                },
+                className: "flex-1 px-2 py-1 text-sm border rounded",
+                autoFocus: !0
+              }
+            ),
+            /* @__PURE__ */ h(
+              B,
+              {
+                size: "sm",
+                onClick: (T) => {
+                  T.stopPropagation(), E(C.id);
+                },
+                children: "Save"
+              }
+            )
+          ] }) : /* @__PURE__ */ L(Ze, { children: [
+            /* @__PURE__ */ L("div", { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ h("div", { className: "font-medium text-sm truncate", children: C.title || `Thread ${C.id.slice(0, 8)}` }),
+              /* @__PURE__ */ h("div", { className: "text-xs text-gray-500", children: new Date(C.updated_at).toLocaleDateString() })
+            ] }),
+            /* @__PURE__ */ L("div", { className: "flex gap-1 opacity-100 transition-opacity", children: [
+              /* @__PURE__ */ h(
+                B,
+                {
+                  size: "sm",
+                  variant: "ghost",
+                  onClick: (T) => S(T, C),
+                  className: "p-1 h-auto",
+                  children: /* @__PURE__ */ h(mr, { size: 12 })
+                }
+              ),
+              /* @__PURE__ */ h(
+                B,
+                {
+                  size: "sm",
+                  variant: "ghost",
+                  onClick: (T) => {
+                    console.log("Delete button clicked!"), x(T, C.id);
+                  },
+                  className: "p-1 h-auto text-red-600 hover:text-red-700",
+                  style: { backgroundColor: "rgba(255, 0, 0, 0.1)" },
+                  children: /* @__PURE__ */ h(pr, { size: 12 })
+                }
+              )
+            ] })
+          ] }) })
+        },
+        C.id
+      )),
+      o.length === 0 && /* @__PURE__ */ h("div", { className: "text-center text-gray-500 py-8", children: "No threads yet. Create your first thread to get started!" })
+    ] })
+  ] });
+}
+function Sr({
+  apiBaseUrl: e,
+  enableUrlSync: t = !0,
+  layout: n = "sidebar",
+  className: r = ""
+}) {
+  return /* @__PURE__ */ h(Vt, { apiBaseUrl: e, enableUrlSync: t, children: /* @__PURE__ */ L("div", { className: `h-full ${r}`, children: [
+    n === "sidebar" && /* @__PURE__ */ h(Tr, {}),
+    n === "tabs" && /* @__PURE__ */ h(Er, {}),
+    n === "split" && /* @__PURE__ */ h(Pr, {})
+  ] }) });
+}
+function Tr() {
+  return /* @__PURE__ */ L("div", { className: "flex h-full", children: [
+    /* @__PURE__ */ h("div", { className: "w-80 border-r bg-gray-50", children: /* @__PURE__ */ h(Me, {}) }),
+    /* @__PURE__ */ h("div", { className: "flex-1", children: /* @__PURE__ */ h(ke, {}) })
+  ] });
+}
+function Er() {
+  const [e, t] = Qn.useState("chat");
+  return /* @__PURE__ */ L("div", { className: "flex flex-col h-full", children: [
+    /* @__PURE__ */ h("div", { className: "border-b", children: /* @__PURE__ */ L("div", { className: "flex", children: [
+      /* @__PURE__ */ h(
+        "button",
+        {
+          onClick: () => t("chat"),
+          className: `px-4 py-2 font-medium ${e === "chat" ? "border-b-2 border-blue-500 text-blue-600" : "text-gray-500 hover:text-gray-700"}`,
+          children: "Chat"
+        }
+      ),
+      /* @__PURE__ */ h(
+        "button",
+        {
+          onClick: () => t("threads"),
+          className: `px-4 py-2 font-medium ${e === "threads" ? "border-b-2 border-blue-500 text-blue-600" : "text-gray-500 hover:text-gray-700"}`,
+          children: "Threads"
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ L("div", { className: "flex-1", children: [
+      e === "chat" && /* @__PURE__ */ h(ke, {}),
+      e === "threads" && /* @__PURE__ */ h(Me, { onThreadSelect: () => t("chat") })
+    ] })
+  ] });
+}
+function Pr() {
+  return /* @__PURE__ */ L("div", { className: "flex flex-col h-full", children: [
+    /* @__PURE__ */ h("div", { className: "h-1/3 border-b", children: /* @__PURE__ */ h(Me, {}) }),
+    /* @__PURE__ */ h("div", { className: "flex-1", children: /* @__PURE__ */ h(ke, {}) })
+  ] });
+}
+const Rr = u.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ h(
+  "div",
+  {
+    ref: n,
+    className: V(
+      "rounded-lg border bg-card text-card-foreground shadow-sm",
+      e
+    ),
+    ...t
+  }
+));
+Rr.displayName = "Card";
+const Nr = u.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ h(
+  "div",
+  {
+    ref: n,
+    className: V("flex flex-col space-y-1.5 p-6", e),
+    ...t
+  }
+));
+Nr.displayName = "CardHeader";
+const Ar = u.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ h(
+  "h3",
+  {
+    ref: n,
+    className: V(
+      "text-2xl font-semibold leading-none tracking-tight",
+      e
+    ),
+    ...t
+  }
+));
+Ar.displayName = "CardTitle";
+const Or = u.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ h(
+  "p",
+  {
+    ref: n,
+    className: V("text-sm text-muted-foreground", e),
+    ...t
+  }
+));
+Or.displayName = "CardDescription";
+const Lr = u.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ h("div", { ref: n, className: V("p-6 pt-0", e), ...t }));
+Lr.displayName = "CardContent";
+const Dr = u.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ h(
+  "div",
+  {
+    ref: n,
+    className: V("flex items-center p-6 pt-0", e),
+    ...t
+  }
+));
+Dr.displayName = "CardFooter";
+const _r = u.forwardRef(
+  ({ className: e, type: t, ...n }, r) => /* @__PURE__ */ h(
+    "input",
+    {
+      type: t,
+      className: V(
+        "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        e
+      ),
+      ref: r,
+      ...n
+    }
+  )
+);
+_r.displayName = "Input";
+var kr = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+], j = kr.reduce((e, t) => {
+  const n = vr(`Primitive.${t}`), r = u.forwardRef((o, i) => {
+    const { asChild: s, ...a } = o, c = s ? n : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ h(c, { ...a, ref: i });
+  });
+  return r.displayName = `Primitive.${t}`, { ...e, [t]: r };
+}, {});
+function Mr(e, t) {
+  e && Wt.flushSync(() => e.dispatchEvent(t));
+}
+var Ir = "Label", Yt = u.forwardRef((e, t) => /* @__PURE__ */ h(
+  j.label,
+  {
+    ...e,
+    ref: t,
+    onMouseDown: (n) => {
+      var o;
+      n.target.closest("button, input, select, textarea") || ((o = e.onMouseDown) == null || o.call(e, n), !n.defaultPrevented && n.detail > 1 && n.preventDefault());
+    }
+  }
+));
+Yt.displayName = Ir;
+var Xt = Yt;
+const $r = Ht(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+), Fr = u.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ h(
+  Xt,
+  {
+    ref: n,
+    className: V($r(), e),
+    ...t
+  }
+));
+Fr.displayName = Xt.displayName;
+var zr = "Separator", Et = "horizontal", Hr = ["horizontal", "vertical"], Ut = u.forwardRef((e, t) => {
+  const { decorative: n, orientation: r = Et, ...o } = e, i = Wr(r) ? r : Et, a = n ? { role: "none" } : { "aria-orientation": i === "vertical" ? i : void 0, role: "separator" };
+  return /* @__PURE__ */ h(
+    j.div,
+    {
+      "data-orientation": i,
+      ...a,
+      ...o,
+      ref: t
+    }
+  );
+});
+Ut.displayName = zr;
+function Wr(e) {
+  return Hr.includes(e);
+}
+var qt = Ut;
+const Br = u.forwardRef(
+  ({ className: e, orientation: t = "horizontal", decorative: n = !0, ...r }, o) => /* @__PURE__ */ h(
+    qt,
+    {
+      ref: o,
+      decorative: n,
+      orientation: t,
+      className: V(
+        "shrink-0 bg-border",
+        t === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+        e
+      ),
+      ...r
+    }
+  )
+);
+Br.displayName = qt.displayName;
+function Pt(e, t) {
+  if (typeof e == "function")
+    return e(t);
+  e != null && (e.current = t);
+}
+function Vr(...e) {
+  return (t) => {
+    let n = !1;
+    const r = e.map((o) => {
+      const i = Pt(o, t);
+      return !n && typeof i == "function" && (n = !0), i;
+    });
+    if (n)
+      return () => {
+        for (let o = 0; o < r.length; o++) {
+          const i = r[o];
+          typeof i == "function" ? i() : Pt(e[o], null);
+        }
+      };
+  };
+}
+function U(...e) {
+  return u.useCallback(Vr(...e), e);
+}
+var ie = globalThis != null && globalThis.document ? u.useLayoutEffect : () => {
+};
+function jr(e, t) {
+  return u.useReducer((n, r) => t[n][r] ?? n, e);
+}
+var me = (e) => {
+  const { present: t, children: n } = e, r = Yr(t), o = typeof n == "function" ? n({ present: r.isPresent }) : u.Children.only(n), i = U(r.ref, Xr(o));
+  return typeof n == "function" || r.isPresent ? u.cloneElement(o, { ref: i }) : null;
+};
+me.displayName = "Presence";
+function Yr(e) {
+  const [t, n] = u.useState(), r = u.useRef(null), o = u.useRef(e), i = u.useRef("none"), s = e ? "mounted" : "unmounted", [a, c] = jr(s, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
+  });
+  return u.useEffect(() => {
+    const l = Ee(r.current);
+    i.current = a === "mounted" ? l : "none";
+  }, [a]), ie(() => {
+    const l = r.current, d = o.current;
+    if (d !== e) {
+      const m = i.current, p = Ee(l);
+      e ? c("MOUNT") : p === "none" || (l == null ? void 0 : l.display) === "none" ? c("UNMOUNT") : c(d && m !== p ? "ANIMATION_OUT" : "UNMOUNT"), o.current = e;
+    }
+  }, [e, c]), ie(() => {
+    if (t) {
+      let l;
+      const d = t.ownerDocument.defaultView ?? window, f = (p) => {
+        const y = Ee(r.current).includes(p.animationName);
+        if (p.target === t && y && (c("ANIMATION_END"), !o.current)) {
+          const x = t.style.animationFillMode;
+          t.style.animationFillMode = "forwards", l = d.setTimeout(() => {
+            t.style.animationFillMode === "forwards" && (t.style.animationFillMode = x);
+          });
+        }
+      }, m = (p) => {
+        p.target === t && (i.current = Ee(r.current));
+      };
+      return t.addEventListener("animationstart", m), t.addEventListener("animationcancel", f), t.addEventListener("animationend", f), () => {
+        d.clearTimeout(l), t.removeEventListener("animationstart", m), t.removeEventListener("animationcancel", f), t.removeEventListener("animationend", f);
+      };
+    } else
+      c("ANIMATION_END");
+  }, [t, c]), {
+    isPresent: ["mounted", "unmountSuspended"].includes(a),
+    ref: u.useCallback((l) => {
+      r.current = l ? getComputedStyle(l) : null, n(l);
+    }, [])
+  };
+}
+function Ee(e) {
+  return (e == null ? void 0 : e.animationName) || "none";
+}
+function Xr(e) {
+  var r, o;
+  let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning;
+  return n ? e.ref : (t = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+function tt(e, t = []) {
+  let n = [];
+  function r(i, s) {
+    const a = u.createContext(s), c = n.length;
+    n = [...n, s];
+    const l = (f) => {
+      var S;
+      const { scope: m, children: p, ...v } = f, y = ((S = m == null ? void 0 : m[e]) == null ? void 0 : S[c]) || a, x = u.useMemo(() => v, Object.values(v));
+      return /* @__PURE__ */ h(y.Provider, { value: x, children: p });
+    };
+    l.displayName = i + "Provider";
+    function d(f, m) {
+      var y;
+      const p = ((y = m == null ? void 0 : m[e]) == null ? void 0 : y[c]) || a, v = u.useContext(p);
+      if (v) return v;
+      if (s !== void 0) return s;
+      throw new Error(`\`${f}\` must be used within \`${i}\``);
+    }
+    return [l, d];
+  }
+  const o = () => {
+    const i = n.map((s) => u.createContext(s));
+    return function(a) {
+      const c = (a == null ? void 0 : a[e]) || i;
+      return u.useMemo(
+        () => ({ [`__scope${e}`]: { ...a, [e]: c } }),
+        [a, c]
+      );
+    };
+  };
+  return o.scopeName = e, [r, Ur(o, ...t)];
+}
+function Ur(...e) {
+  const t = e[0];
+  if (e.length === 1) return t;
+  const n = () => {
+    const r = e.map((o) => ({
+      useScope: o(),
+      scopeName: o.scopeName
+    }));
+    return function(i) {
+      const s = r.reduce((a, { useScope: c, scopeName: l }) => {
+        const f = c(i)[`__scope${l}`];
+        return { ...a, ...f };
+      }, {});
+      return u.useMemo(() => ({ [`__scope${t.scopeName}`]: s }), [s]);
+    };
+  };
+  return n.scopeName = t.scopeName, n;
+}
+function J(e) {
+  const t = u.useRef(e);
+  return u.useEffect(() => {
+    t.current = e;
+  }), u.useMemo(() => (...n) => {
+    var r;
+    return (r = t.current) == null ? void 0 : r.call(t, ...n);
+  }, []);
+}
+var qr = u.createContext(void 0);
+function Jr(e) {
+  const t = u.useContext(qr);
+  return e || t || "ltr";
+}
+function Gr(e, [t, n]) {
+  return Math.min(n, Math.max(t, e));
+}
+function H(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
+  return function(o) {
+    if (e == null || e(o), n === !1 || !o.defaultPrevented)
+      return t == null ? void 0 : t(o);
+  };
+}
+function Kr(e, t) {
+  return u.useReducer((n, r) => t[n][r] ?? n, e);
+}
+var nt = "ScrollArea", [Jt, Ps] = tt(nt), [Zr, q] = Jt(nt), Gt = u.forwardRef(
+  (e, t) => {
+    const {
+      __scopeScrollArea: n,
+      type: r = "hover",
+      dir: o,
+      scrollHideDelay: i = 600,
+      ...s
+    } = e, [a, c] = u.useState(null), [l, d] = u.useState(null), [f, m] = u.useState(null), [p, v] = u.useState(null), [y, x] = u.useState(null), [S, E] = u.useState(0), [R, C] = u.useState(0), [T, A] = u.useState(!1), [P, b] = u.useState(!1), w = U(t, (N) => c(N)), g = Jr(o);
+    return /* @__PURE__ */ h(
+      Zr,
+      {
+        scope: n,
+        type: r,
+        dir: g,
+        scrollHideDelay: i,
+        scrollArea: a,
+        viewport: l,
+        onViewportChange: d,
+        content: f,
+        onContentChange: m,
+        scrollbarX: p,
+        onScrollbarXChange: v,
+        scrollbarXEnabled: T,
+        onScrollbarXEnabledChange: A,
+        scrollbarY: y,
+        onScrollbarYChange: x,
+        scrollbarYEnabled: P,
+        onScrollbarYEnabledChange: b,
+        onCornerWidthChange: E,
+        onCornerHeightChange: C,
+        children: /* @__PURE__ */ h(
+          j.div,
+          {
+            dir: g,
+            ...s,
+            ref: w,
+            style: {
+              position: "relative",
+              // Pass corner sizes as CSS vars to reduce re-renders of context consumers
+              "--radix-scroll-area-corner-width": S + "px",
+              "--radix-scroll-area-corner-height": R + "px",
+              ...e.style
+            }
+          }
+        )
+      }
+    );
+  }
+);
+Gt.displayName = nt;
+var Kt = "ScrollAreaViewport", Zt = u.forwardRef(
+  (e, t) => {
+    const { __scopeScrollArea: n, children: r, nonce: o, ...i } = e, s = q(Kt, n), a = u.useRef(null), c = U(t, a, s.onViewportChange);
+    return /* @__PURE__ */ L(Ze, { children: [
+      /* @__PURE__ */ h(
+        "style",
+        {
+          dangerouslySetInnerHTML: {
+            __html: "[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}"
+          },
+          nonce: o
+        }
+      ),
+      /* @__PURE__ */ h(
+        j.div,
+        {
+          "data-radix-scroll-area-viewport": "",
+          ...i,
+          ref: c,
+          style: {
+            /**
+             * We don't support `visible` because the intention is to have at least one scrollbar
+             * if this component is used and `visible` will behave like `auto` in that case
+             * https://developer.mozilla.org/en-US/docs/Web/CSS/overflow#description
+             *
+             * We don't handle `auto` because the intention is for the native implementation
+             * to be hidden if using this component. We just want to ensure the node is scrollable
+             * so could have used either `scroll` or `auto` here. We picked `scroll` to prevent
+             * the browser from having to work out whether to render native scrollbars or not,
+             * we tell it to with the intention of hiding them in CSS.
+             */
+            overflowX: s.scrollbarXEnabled ? "scroll" : "hidden",
+            overflowY: s.scrollbarYEnabled ? "scroll" : "hidden",
+            ...e.style
+          },
+          children: /* @__PURE__ */ h("div", { ref: s.onContentChange, style: { minWidth: "100%", display: "table" }, children: r })
+        }
+      )
+    ] });
+  }
+);
+Zt.displayName = Kt;
+var te = "ScrollAreaScrollbar", rt = u.forwardRef(
+  (e, t) => {
+    const { forceMount: n, ...r } = e, o = q(te, e.__scopeScrollArea), { onScrollbarXEnabledChange: i, onScrollbarYEnabledChange: s } = o, a = e.orientation === "horizontal";
+    return u.useEffect(() => (a ? i(!0) : s(!0), () => {
+      a ? i(!1) : s(!1);
+    }), [a, i, s]), o.type === "hover" ? /* @__PURE__ */ h(Qr, { ...r, ref: t, forceMount: n }) : o.type === "scroll" ? /* @__PURE__ */ h(eo, { ...r, ref: t, forceMount: n }) : o.type === "auto" ? /* @__PURE__ */ h(Qt, { ...r, ref: t, forceMount: n }) : o.type === "always" ? /* @__PURE__ */ h(ot, { ...r, ref: t }) : null;
+  }
+);
+rt.displayName = te;
+var Qr = u.forwardRef((e, t) => {
+  const { forceMount: n, ...r } = e, o = q(te, e.__scopeScrollArea), [i, s] = u.useState(!1);
+  return u.useEffect(() => {
+    const a = o.scrollArea;
+    let c = 0;
+    if (a) {
+      const l = () => {
+        window.clearTimeout(c), s(!0);
+      }, d = () => {
+        c = window.setTimeout(() => s(!1), o.scrollHideDelay);
+      };
+      return a.addEventListener("pointerenter", l), a.addEventListener("pointerleave", d), () => {
+        window.clearTimeout(c), a.removeEventListener("pointerenter", l), a.removeEventListener("pointerleave", d);
+      };
+    }
+  }, [o.scrollArea, o.scrollHideDelay]), /* @__PURE__ */ h(me, { present: n || i, children: /* @__PURE__ */ h(
+    Qt,
+    {
+      "data-state": i ? "visible" : "hidden",
+      ...r,
+      ref: t
+    }
+  ) });
+}), eo = u.forwardRef((e, t) => {
+  const { forceMount: n, ...r } = e, o = q(te, e.__scopeScrollArea), i = e.orientation === "horizontal", s = $e(() => c("SCROLL_END"), 100), [a, c] = Kr("hidden", {
+    hidden: {
+      SCROLL: "scrolling"
+    },
+    scrolling: {
+      SCROLL_END: "idle",
+      POINTER_ENTER: "interacting"
+    },
+    interacting: {
+      SCROLL: "interacting",
+      POINTER_LEAVE: "idle"
+    },
+    idle: {
+      HIDE: "hidden",
+      SCROLL: "scrolling",
+      POINTER_ENTER: "interacting"
+    }
+  });
+  return u.useEffect(() => {
+    if (a === "idle") {
+      const l = window.setTimeout(() => c("HIDE"), o.scrollHideDelay);
+      return () => window.clearTimeout(l);
+    }
+  }, [a, o.scrollHideDelay, c]), u.useEffect(() => {
+    const l = o.viewport, d = i ? "scrollLeft" : "scrollTop";
+    if (l) {
+      let f = l[d];
+      const m = () => {
+        const p = l[d];
+        f !== p && (c("SCROLL"), s()), f = p;
+      };
+      return l.addEventListener("scroll", m), () => l.removeEventListener("scroll", m);
+    }
+  }, [o.viewport, i, c, s]), /* @__PURE__ */ h(me, { present: n || a !== "hidden", children: /* @__PURE__ */ h(
+    ot,
+    {
+      "data-state": a === "hidden" ? "hidden" : "visible",
+      ...r,
+      ref: t,
+      onPointerEnter: H(e.onPointerEnter, () => c("POINTER_ENTER")),
+      onPointerLeave: H(e.onPointerLeave, () => c("POINTER_LEAVE"))
+    }
+  ) });
+}), Qt = u.forwardRef((e, t) => {
+  const n = q(te, e.__scopeScrollArea), { forceMount: r, ...o } = e, [i, s] = u.useState(!1), a = e.orientation === "horizontal", c = $e(() => {
+    if (n.viewport) {
+      const l = n.viewport.offsetWidth < n.viewport.scrollWidth, d = n.viewport.offsetHeight < n.viewport.scrollHeight;
+      s(a ? l : d);
+    }
+  }, 10);
+  return ue(n.viewport, c), ue(n.content, c), /* @__PURE__ */ h(me, { present: r || i, children: /* @__PURE__ */ h(
+    ot,
+    {
+      "data-state": i ? "visible" : "hidden",
+      ...o,
+      ref: t
+    }
+  ) });
+}), ot = u.forwardRef((e, t) => {
+  const { orientation: n = "vertical", ...r } = e, o = q(te, e.__scopeScrollArea), i = u.useRef(null), s = u.useRef(0), [a, c] = u.useState({
+    content: 0,
+    viewport: 0,
+    scrollbar: { size: 0, paddingStart: 0, paddingEnd: 0 }
+  }), l = on(a.viewport, a.content), d = {
+    ...r,
+    sizes: a,
+    onSizesChange: c,
+    hasThumb: l > 0 && l < 1,
+    onThumbChange: (m) => i.current = m,
+    onThumbPointerUp: () => s.current = 0,
+    onThumbPointerDown: (m) => s.current = m
+  };
+  function f(m, p) {
+    return so(m, s.current, a, p);
+  }
+  return n === "horizontal" ? /* @__PURE__ */ h(
+    to,
+    {
+      ...d,
+      ref: t,
+      onThumbPositionChange: () => {
+        if (o.viewport && i.current) {
+          const m = o.viewport.scrollLeft, p = Rt(m, a, o.dir);
+          i.current.style.transform = `translate3d(${p}px, 0, 0)`;
+        }
+      },
+      onWheelScroll: (m) => {
+        o.viewport && (o.viewport.scrollLeft = m);
+      },
+      onDragScroll: (m) => {
+        o.viewport && (o.viewport.scrollLeft = f(m, o.dir));
+      }
+    }
+  ) : n === "vertical" ? /* @__PURE__ */ h(
+    no,
+    {
+      ...d,
+      ref: t,
+      onThumbPositionChange: () => {
+        if (o.viewport && i.current) {
+          const m = o.viewport.scrollTop, p = Rt(m, a);
+          i.current.style.transform = `translate3d(0, ${p}px, 0)`;
+        }
+      },
+      onWheelScroll: (m) => {
+        o.viewport && (o.viewport.scrollTop = m);
+      },
+      onDragScroll: (m) => {
+        o.viewport && (o.viewport.scrollTop = f(m));
+      }
+    }
+  ) : null;
+}), to = u.forwardRef((e, t) => {
+  const { sizes: n, onSizesChange: r, ...o } = e, i = q(te, e.__scopeScrollArea), [s, a] = u.useState(), c = u.useRef(null), l = U(t, c, i.onScrollbarXChange);
+  return u.useEffect(() => {
+    c.current && a(getComputedStyle(c.current));
+  }, [c]), /* @__PURE__ */ h(
+    tn,
+    {
+      "data-orientation": "horizontal",
+      ...o,
+      ref: l,
+      sizes: n,
+      style: {
+        bottom: 0,
+        left: i.dir === "rtl" ? "var(--radix-scroll-area-corner-width)" : 0,
+        right: i.dir === "ltr" ? "var(--radix-scroll-area-corner-width)" : 0,
+        "--radix-scroll-area-thumb-width": Ie(n) + "px",
+        ...e.style
+      },
+      onThumbPointerDown: (d) => e.onThumbPointerDown(d.x),
+      onDragScroll: (d) => e.onDragScroll(d.x),
+      onWheelScroll: (d, f) => {
+        if (i.viewport) {
+          const m = i.viewport.scrollLeft + d.deltaX;
+          e.onWheelScroll(m), an(m, f) && d.preventDefault();
+        }
+      },
+      onResize: () => {
+        c.current && i.viewport && s && r({
+          content: i.viewport.scrollWidth,
+          viewport: i.viewport.offsetWidth,
+          scrollbar: {
+            size: c.current.clientWidth,
+            paddingStart: Ae(s.paddingLeft),
+            paddingEnd: Ae(s.paddingRight)
+          }
+        });
+      }
+    }
+  );
+}), no = u.forwardRef((e, t) => {
+  const { sizes: n, onSizesChange: r, ...o } = e, i = q(te, e.__scopeScrollArea), [s, a] = u.useState(), c = u.useRef(null), l = U(t, c, i.onScrollbarYChange);
+  return u.useEffect(() => {
+    c.current && a(getComputedStyle(c.current));
+  }, [c]), /* @__PURE__ */ h(
+    tn,
+    {
+      "data-orientation": "vertical",
+      ...o,
+      ref: l,
+      sizes: n,
+      style: {
+        top: 0,
+        right: i.dir === "ltr" ? 0 : void 0,
+        left: i.dir === "rtl" ? 0 : void 0,
+        bottom: "var(--radix-scroll-area-corner-height)",
+        "--radix-scroll-area-thumb-height": Ie(n) + "px",
+        ...e.style
+      },
+      onThumbPointerDown: (d) => e.onThumbPointerDown(d.y),
+      onDragScroll: (d) => e.onDragScroll(d.y),
+      onWheelScroll: (d, f) => {
+        if (i.viewport) {
+          const m = i.viewport.scrollTop + d.deltaY;
+          e.onWheelScroll(m), an(m, f) && d.preventDefault();
+        }
+      },
+      onResize: () => {
+        c.current && i.viewport && s && r({
+          content: i.viewport.scrollHeight,
+          viewport: i.viewport.offsetHeight,
+          scrollbar: {
+            size: c.current.clientHeight,
+            paddingStart: Ae(s.paddingTop),
+            paddingEnd: Ae(s.paddingBottom)
+          }
+        });
+      }
+    }
+  );
+}), [ro, en] = Jt(te), tn = u.forwardRef((e, t) => {
+  const {
+    __scopeScrollArea: n,
+    sizes: r,
+    hasThumb: o,
+    onThumbChange: i,
+    onThumbPointerUp: s,
+    onThumbPointerDown: a,
+    onThumbPositionChange: c,
+    onDragScroll: l,
+    onWheelScroll: d,
+    onResize: f,
+    ...m
+  } = e, p = q(te, n), [v, y] = u.useState(null), x = U(t, (w) => y(w)), S = u.useRef(null), E = u.useRef(""), R = p.viewport, C = r.content - r.viewport, T = J(d), A = J(c), P = $e(f, 10);
+  function b(w) {
+    if (S.current) {
+      const g = w.clientX - S.current.left, N = w.clientY - S.current.top;
+      l({ x: g, y: N });
+    }
+  }
+  return u.useEffect(() => {
+    const w = (g) => {
+      const N = g.target;
+      (v == null ? void 0 : v.contains(N)) && T(g, C);
+    };
+    return document.addEventListener("wheel", w, { passive: !1 }), () => document.removeEventListener("wheel", w, { passive: !1 });
+  }, [R, v, C, T]), u.useEffect(A, [r, A]), ue(v, P), ue(p.content, P), /* @__PURE__ */ h(
+    ro,
+    {
+      scope: n,
+      scrollbar: v,
+      hasThumb: o,
+      onThumbChange: J(i),
+      onThumbPointerUp: J(s),
+      onThumbPositionChange: A,
+      onThumbPointerDown: J(a),
+      children: /* @__PURE__ */ h(
+        j.div,
+        {
+          ...m,
+          ref: x,
+          style: { position: "absolute", ...m.style },
+          onPointerDown: H(e.onPointerDown, (w) => {
+            w.button === 0 && (w.target.setPointerCapture(w.pointerId), S.current = v.getBoundingClientRect(), E.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", p.viewport && (p.viewport.style.scrollBehavior = "auto"), b(w));
+          }),
+          onPointerMove: H(e.onPointerMove, b),
+          onPointerUp: H(e.onPointerUp, (w) => {
+            const g = w.target;
+            g.hasPointerCapture(w.pointerId) && g.releasePointerCapture(w.pointerId), document.body.style.webkitUserSelect = E.current, p.viewport && (p.viewport.style.scrollBehavior = ""), S.current = null;
+          })
+        }
+      )
+    }
+  );
+}), Ne = "ScrollAreaThumb", nn = u.forwardRef(
+  (e, t) => {
+    const { forceMount: n, ...r } = e, o = en(Ne, e.__scopeScrollArea);
+    return /* @__PURE__ */ h(me, { present: n || o.hasThumb, children: /* @__PURE__ */ h(oo, { ref: t, ...r }) });
+  }
+), oo = u.forwardRef(
+  (e, t) => {
+    const { __scopeScrollArea: n, style: r, ...o } = e, i = q(Ne, n), s = en(Ne, n), { onThumbPositionChange: a } = s, c = U(
+      t,
+      (f) => s.onThumbChange(f)
+    ), l = u.useRef(void 0), d = $e(() => {
+      l.current && (l.current(), l.current = void 0);
+    }, 100);
+    return u.useEffect(() => {
+      const f = i.viewport;
+      if (f) {
+        const m = () => {
+          if (d(), !l.current) {
+            const p = ao(f, a);
+            l.current = p, a();
+          }
+        };
+        return a(), f.addEventListener("scroll", m), () => f.removeEventListener("scroll", m);
+      }
+    }, [i.viewport, d, a]), /* @__PURE__ */ h(
+      j.div,
+      {
+        "data-state": s.hasThumb ? "visible" : "hidden",
+        ...o,
+        ref: c,
+        style: {
+          width: "var(--radix-scroll-area-thumb-width)",
+          height: "var(--radix-scroll-area-thumb-height)",
+          ...r
+        },
+        onPointerDownCapture: H(e.onPointerDownCapture, (f) => {
+          const p = f.target.getBoundingClientRect(), v = f.clientX - p.left, y = f.clientY - p.top;
+          s.onThumbPointerDown({ x: v, y });
+        }),
+        onPointerUp: H(e.onPointerUp, s.onThumbPointerUp)
+      }
+    );
+  }
+);
+nn.displayName = Ne;
+var it = "ScrollAreaCorner", rn = u.forwardRef(
+  (e, t) => {
+    const n = q(it, e.__scopeScrollArea), r = !!(n.scrollbarX && n.scrollbarY);
+    return n.type !== "scroll" && r ? /* @__PURE__ */ h(io, { ...e, ref: t }) : null;
+  }
+);
+rn.displayName = it;
+var io = u.forwardRef((e, t) => {
+  const { __scopeScrollArea: n, ...r } = e, o = q(it, n), [i, s] = u.useState(0), [a, c] = u.useState(0), l = !!(i && a);
+  return ue(o.scrollbarX, () => {
+    var f;
+    const d = ((f = o.scrollbarX) == null ? void 0 : f.offsetHeight) || 0;
+    o.onCornerHeightChange(d), c(d);
+  }), ue(o.scrollbarY, () => {
+    var f;
+    const d = ((f = o.scrollbarY) == null ? void 0 : f.offsetWidth) || 0;
+    o.onCornerWidthChange(d), s(d);
+  }), l ? /* @__PURE__ */ h(
+    j.div,
+    {
+      ...r,
+      ref: t,
+      style: {
+        width: i,
+        height: a,
+        position: "absolute",
+        right: o.dir === "ltr" ? 0 : void 0,
+        left: o.dir === "rtl" ? 0 : void 0,
+        bottom: 0,
+        ...e.style
+      }
+    }
+  ) : null;
+});
+function Ae(e) {
+  return e ? parseInt(e, 10) : 0;
+}
+function on(e, t) {
+  const n = e / t;
+  return isNaN(n) ? 0 : n;
+}
+function Ie(e) {
+  const t = on(e.viewport, e.content), n = e.scrollbar.paddingStart + e.scrollbar.paddingEnd, r = (e.scrollbar.size - n) * t;
+  return Math.max(r, 18);
+}
+function so(e, t, n, r = "ltr") {
+  const o = Ie(n), i = o / 2, s = t || i, a = o - s, c = n.scrollbar.paddingStart + s, l = n.scrollbar.size - n.scrollbar.paddingEnd - a, d = n.content - n.viewport, f = r === "ltr" ? [0, d] : [d * -1, 0];
+  return sn([c, l], f)(e);
+}
+function Rt(e, t, n = "ltr") {
+  const r = Ie(t), o = t.scrollbar.paddingStart + t.scrollbar.paddingEnd, i = t.scrollbar.size - o, s = t.content - t.viewport, a = i - r, c = n === "ltr" ? [0, s] : [s * -1, 0], l = Gr(e, c);
+  return sn([0, s], [0, a])(l);
+}
+function sn(e, t) {
+  return (n) => {
+    if (e[0] === e[1] || t[0] === t[1]) return t[0];
+    const r = (t[1] - t[0]) / (e[1] - e[0]);
+    return t[0] + r * (n - e[0]);
+  };
+}
+function an(e, t) {
+  return e > 0 && e < t;
+}
+var ao = (e, t = () => {
+}) => {
+  let n = { left: e.scrollLeft, top: e.scrollTop }, r = 0;
+  return function o() {
+    const i = { left: e.scrollLeft, top: e.scrollTop }, s = n.left !== i.left, a = n.top !== i.top;
+    (s || a) && t(), n = i, r = window.requestAnimationFrame(o);
+  }(), () => window.cancelAnimationFrame(r);
+};
+function $e(e, t) {
+  const n = J(e), r = u.useRef(0);
+  return u.useEffect(() => () => window.clearTimeout(r.current), []), u.useCallback(() => {
+    window.clearTimeout(r.current), r.current = window.setTimeout(n, t);
+  }, [n, t]);
+}
+function ue(e, t) {
+  const n = J(t);
+  ie(() => {
+    let r = 0;
+    if (e) {
+      const o = new ResizeObserver(() => {
+        cancelAnimationFrame(r), r = window.requestAnimationFrame(n);
+      });
+      return o.observe(e), () => {
+        window.cancelAnimationFrame(r), o.unobserve(e);
+      };
+    }
+  }, [e, n]);
+}
+var cn = Gt, co = Zt, lo = rn;
+const uo = u.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ L(
+  cn,
+  {
+    ref: r,
+    className: V("relative overflow-hidden", e),
+    ...n,
+    children: [
+      /* @__PURE__ */ h(co, { className: "h-full w-full rounded-[inherit]", children: t }),
+      /* @__PURE__ */ h(ln, {}),
+      /* @__PURE__ */ h(lo, {})
+    ]
+  }
+));
+uo.displayName = cn.displayName;
+const ln = u.forwardRef(({ className: e, orientation: t = "vertical", ...n }, r) => /* @__PURE__ */ h(
+  rt,
+  {
+    ref: r,
+    orientation: t,
+    className: V(
+      "flex touch-none select-none transition-colors",
+      t === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
+      t === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+      e
+    ),
+    ...n,
+    children: /* @__PURE__ */ h(nn, { className: "relative flex-1 rounded-full bg-border" })
+  }
+));
+ln.displayName = rt.displayName;
+function fo(e, t = globalThis == null ? void 0 : globalThis.document) {
+  const n = J(e);
+  u.useEffect(() => {
+    const r = (o) => {
+      o.key === "Escape" && n(o);
+    };
+    return t.addEventListener("keydown", r, { capture: !0 }), () => t.removeEventListener("keydown", r, { capture: !0 });
+  }, [n, t]);
+}
+var ho = "DismissableLayer", Xe = "dismissableLayer.update", mo = "dismissableLayer.pointerDownOutside", po = "dismissableLayer.focusOutside", Nt, dn = u.createContext({
+  layers: /* @__PURE__ */ new Set(),
+  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
+  branches: /* @__PURE__ */ new Set()
+}), un = u.forwardRef(
+  (e, t) => {
+    const {
+      disableOutsidePointerEvents: n = !1,
+      onEscapeKeyDown: r,
+      onPointerDownOutside: o,
+      onFocusOutside: i,
+      onInteractOutside: s,
+      onDismiss: a,
+      ...c
+    } = e, l = u.useContext(dn), [d, f] = u.useState(null), m = (d == null ? void 0 : d.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, p] = u.useState({}), v = U(t, (P) => f(P)), y = Array.from(l.layers), [x] = [...l.layersWithOutsidePointerEventsDisabled].slice(-1), S = y.indexOf(x), E = d ? y.indexOf(d) : -1, R = l.layersWithOutsidePointerEventsDisabled.size > 0, C = E >= S, T = wo((P) => {
+      const b = P.target, w = [...l.branches].some((g) => g.contains(b));
+      !C || w || (o == null || o(P), s == null || s(P), P.defaultPrevented || a == null || a());
+    }, m), A = bo((P) => {
+      const b = P.target;
+      [...l.branches].some((g) => g.contains(b)) || (i == null || i(P), s == null || s(P), P.defaultPrevented || a == null || a());
+    }, m);
+    return fo((P) => {
+      E === l.layers.size - 1 && (r == null || r(P), !P.defaultPrevented && a && (P.preventDefault(), a()));
+    }, m), u.useEffect(() => {
+      if (d)
+        return n && (l.layersWithOutsidePointerEventsDisabled.size === 0 && (Nt = m.body.style.pointerEvents, m.body.style.pointerEvents = "none"), l.layersWithOutsidePointerEventsDisabled.add(d)), l.layers.add(d), At(), () => {
+          n && l.layersWithOutsidePointerEventsDisabled.size === 1 && (m.body.style.pointerEvents = Nt);
+        };
+    }, [d, m, n, l]), u.useEffect(() => () => {
+      d && (l.layers.delete(d), l.layersWithOutsidePointerEventsDisabled.delete(d), At());
+    }, [d, l]), u.useEffect(() => {
+      const P = () => p({});
+      return document.addEventListener(Xe, P), () => document.removeEventListener(Xe, P);
+    }, []), /* @__PURE__ */ h(
+      j.div,
+      {
+        ...c,
+        ref: v,
+        style: {
+          pointerEvents: R ? C ? "auto" : "none" : void 0,
+          ...e.style
+        },
+        onFocusCapture: H(e.onFocusCapture, A.onFocusCapture),
+        onBlurCapture: H(e.onBlurCapture, A.onBlurCapture),
+        onPointerDownCapture: H(
+          e.onPointerDownCapture,
+          T.onPointerDownCapture
+        )
+      }
+    );
+  }
+);
+un.displayName = ho;
+var go = "DismissableLayerBranch", vo = u.forwardRef((e, t) => {
+  const n = u.useContext(dn), r = u.useRef(null), o = U(t, r);
+  return u.useEffect(() => {
+    const i = r.current;
+    if (i)
+      return n.branches.add(i), () => {
+        n.branches.delete(i);
+      };
+  }, [n.branches]), /* @__PURE__ */ h(j.div, { ...e, ref: o });
+});
+vo.displayName = go;
+function wo(e, t = globalThis == null ? void 0 : globalThis.document) {
+  const n = J(e), r = u.useRef(!1), o = u.useRef(() => {
+  });
+  return u.useEffect(() => {
+    const i = (a) => {
+      if (a.target && !r.current) {
+        let c = function() {
+          fn(
+            mo,
+            n,
+            l,
+            { discrete: !0 }
+          );
+        };
+        const l = { originalEvent: a };
+        a.pointerType === "touch" ? (t.removeEventListener("click", o.current), o.current = c, t.addEventListener("click", o.current, { once: !0 })) : c();
+      } else
+        t.removeEventListener("click", o.current);
+      r.current = !1;
+    }, s = window.setTimeout(() => {
+      t.addEventListener("pointerdown", i);
+    }, 0);
+    return () => {
+      window.clearTimeout(s), t.removeEventListener("pointerdown", i), t.removeEventListener("click", o.current);
+    };
+  }, [t, n]), {
+    // ensures we check React component tree (not just DOM tree)
+    onPointerDownCapture: () => r.current = !0
+  };
+}
+function bo(e, t = globalThis == null ? void 0 : globalThis.document) {
+  const n = J(e), r = u.useRef(!1);
+  return u.useEffect(() => {
+    const o = (i) => {
+      i.target && !r.current && fn(po, n, { originalEvent: i }, {
+        discrete: !1
+      });
+    };
+    return t.addEventListener("focusin", o), () => t.removeEventListener("focusin", o);
+  }, [t, n]), {
+    onFocusCapture: () => r.current = !0,
+    onBlurCapture: () => r.current = !1
+  };
+}
+function At() {
+  const e = new CustomEvent(Xe);
+  document.dispatchEvent(e);
+}
+function fn(e, t, n, { discrete: r }) {
+  const o = n.originalEvent.target, i = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: n });
+  t && o.addEventListener(e, t, { once: !0 }), r ? Mr(o, i) : o.dispatchEvent(i);
+}
+var yo = u[" useId ".trim().toString()] || (() => {
+}), xo = 0;
+function Co(e) {
+  const [t, n] = u.useState(yo());
+  return ie(() => {
+    n((r) => r ?? String(xo++));
+  }, [e]), t ? `radix-${t}` : "";
+}
+const So = ["top", "right", "bottom", "left"], se = Math.min, Y = Math.max, Oe = Math.round, Pe = Math.floor, Q = (e) => ({
+  x: e,
+  y: e
+}), To = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, Eo = {
+  start: "end",
+  end: "start"
+};
+function Ue(e, t, n) {
+  return Y(e, se(t, n));
+}
+function re(e, t) {
+  return typeof e == "function" ? e(t) : e;
+}
+function oe(e) {
+  return e.split("-")[0];
+}
+function pe(e) {
+  return e.split("-")[1];
+}
+function st(e) {
+  return e === "x" ? "y" : "x";
+}
+function at(e) {
+  return e === "y" ? "height" : "width";
+}
+const Po = /* @__PURE__ */ new Set(["top", "bottom"]);
+function Z(e) {
+  return Po.has(oe(e)) ? "y" : "x";
+}
+function ct(e) {
+  return st(Z(e));
+}
+function Ro(e, t, n) {
+  n === void 0 && (n = !1);
+  const r = pe(e), o = ct(e), i = at(o);
+  let s = o === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
+  return t.reference[i] > t.floating[i] && (s = Le(s)), [s, Le(s)];
+}
+function No(e) {
+  const t = Le(e);
+  return [qe(e), t, qe(t)];
+}
+function qe(e) {
+  return e.replace(/start|end/g, (t) => Eo[t]);
+}
+const Ot = ["left", "right"], Lt = ["right", "left"], Ao = ["top", "bottom"], Oo = ["bottom", "top"];
+function Lo(e, t, n) {
+  switch (e) {
+    case "top":
+    case "bottom":
+      return n ? t ? Lt : Ot : t ? Ot : Lt;
+    case "left":
+    case "right":
+      return t ? Ao : Oo;
+    default:
+      return [];
+  }
+}
+function Do(e, t, n, r) {
+  const o = pe(e);
+  let i = Lo(oe(e), n === "start", r);
+  return o && (i = i.map((s) => s + "-" + o), t && (i = i.concat(i.map(qe)))), i;
+}
+function Le(e) {
+  return e.replace(/left|right|bottom|top/g, (t) => To[t]);
+}
+function _o(e) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...e
+  };
+}
+function hn(e) {
+  return typeof e != "number" ? _o(e) : {
+    top: e,
+    right: e,
+    bottom: e,
+    left: e
+  };
+}
+function De(e) {
+  const {
+    x: t,
+    y: n,
+    width: r,
+    height: o
+  } = e;
+  return {
+    width: r,
+    height: o,
+    top: n,
+    left: t,
+    right: t + r,
+    bottom: n + o,
+    x: t,
+    y: n
+  };
+}
+function Dt(e, t, n) {
+  let {
+    reference: r,
+    floating: o
+  } = e;
+  const i = Z(t), s = ct(t), a = at(s), c = oe(t), l = i === "y", d = r.x + r.width / 2 - o.width / 2, f = r.y + r.height / 2 - o.height / 2, m = r[a] / 2 - o[a] / 2;
+  let p;
+  switch (c) {
+    case "top":
+      p = {
+        x: d,
+        y: r.y - o.height
+      };
+      break;
+    case "bottom":
+      p = {
+        x: d,
+        y: r.y + r.height
+      };
+      break;
+    case "right":
+      p = {
+        x: r.x + r.width,
+        y: f
+      };
+      break;
+    case "left":
+      p = {
+        x: r.x - o.width,
+        y: f
+      };
+      break;
+    default:
+      p = {
+        x: r.x,
+        y: r.y
+      };
+  }
+  switch (pe(t)) {
+    case "start":
+      p[s] -= m * (n && l ? -1 : 1);
+      break;
+    case "end":
+      p[s] += m * (n && l ? -1 : 1);
+      break;
+  }
+  return p;
+}
+const ko = async (e, t, n) => {
+  const {
+    placement: r = "bottom",
+    strategy: o = "absolute",
+    middleware: i = [],
+    platform: s
+  } = n, a = i.filter(Boolean), c = await (s.isRTL == null ? void 0 : s.isRTL(t));
+  let l = await s.getElementRects({
+    reference: e,
+    floating: t,
+    strategy: o
+  }), {
+    x: d,
+    y: f
+  } = Dt(l, r, c), m = r, p = {}, v = 0;
+  for (let y = 0; y < a.length; y++) {
+    const {
+      name: x,
+      fn: S
+    } = a[y], {
+      x: E,
+      y: R,
+      data: C,
+      reset: T
+    } = await S({
+      x: d,
+      y: f,
+      initialPlacement: r,
+      placement: m,
+      strategy: o,
+      middlewareData: p,
+      rects: l,
+      platform: s,
+      elements: {
+        reference: e,
+        floating: t
+      }
+    });
+    d = E ?? d, f = R ?? f, p = {
+      ...p,
+      [x]: {
+        ...p[x],
+        ...C
+      }
+    }, T && v <= 50 && (v++, typeof T == "object" && (T.placement && (m = T.placement), T.rects && (l = T.rects === !0 ? await s.getElementRects({
+      reference: e,
+      floating: t,
+      strategy: o
+    }) : T.rects), {
+      x: d,
+      y: f
+    } = Dt(l, m, c)), y = -1);
+  }
+  return {
+    x: d,
+    y: f,
+    placement: m,
+    strategy: o,
+    middlewareData: p
+  };
+};
+async function be(e, t) {
+  var n;
+  t === void 0 && (t = {});
+  const {
+    x: r,
+    y: o,
+    platform: i,
+    rects: s,
+    elements: a,
+    strategy: c
+  } = e, {
+    boundary: l = "clippingAncestors",
+    rootBoundary: d = "viewport",
+    elementContext: f = "floating",
+    altBoundary: m = !1,
+    padding: p = 0
+  } = re(t, e), v = hn(p), x = a[m ? f === "floating" ? "reference" : "floating" : f], S = De(await i.getClippingRect({
+    element: (n = await (i.isElement == null ? void 0 : i.isElement(x))) == null || n ? x : x.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(a.floating)),
+    boundary: l,
+    rootBoundary: d,
+    strategy: c
+  })), E = f === "floating" ? {
+    x: r,
+    y: o,
+    width: s.floating.width,
+    height: s.floating.height
+  } : s.reference, R = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(a.floating)), C = await (i.isElement == null ? void 0 : i.isElement(R)) ? await (i.getScale == null ? void 0 : i.getScale(R)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  }, T = De(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: a,
+    rect: E,
+    offsetParent: R,
+    strategy: c
+  }) : E);
+  return {
+    top: (S.top - T.top + v.top) / C.y,
+    bottom: (T.bottom - S.bottom + v.bottom) / C.y,
+    left: (S.left - T.left + v.left) / C.x,
+    right: (T.right - S.right + v.right) / C.x
+  };
+}
+const Mo = (e) => ({
+  name: "arrow",
+  options: e,
+  async fn(t) {
+    const {
+      x: n,
+      y: r,
+      placement: o,
+      rects: i,
+      platform: s,
+      elements: a,
+      middlewareData: c
+    } = t, {
+      element: l,
+      padding: d = 0
+    } = re(e, t) || {};
+    if (l == null)
+      return {};
+    const f = hn(d), m = {
+      x: n,
+      y: r
+    }, p = ct(o), v = at(p), y = await s.getDimensions(l), x = p === "y", S = x ? "top" : "left", E = x ? "bottom" : "right", R = x ? "clientHeight" : "clientWidth", C = i.reference[v] + i.reference[p] - m[p] - i.floating[v], T = m[p] - i.reference[p], A = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(l));
+    let P = A ? A[R] : 0;
+    (!P || !await (s.isElement == null ? void 0 : s.isElement(A))) && (P = a.floating[R] || i.floating[v]);
+    const b = C / 2 - T / 2, w = P / 2 - y[v] / 2 - 1, g = se(f[S], w), N = se(f[E], w), D = g, k = P - y[v] - N, I = P / 2 - y[v] / 2 + b, F = Ue(D, I, k), M = !c.arrow && pe(o) != null && I !== F && i.reference[v] / 2 - (I < D ? g : N) - y[v] / 2 < 0, _ = M ? I < D ? I - D : I - k : 0;
+    return {
+      [p]: m[p] + _,
+      data: {
+        [p]: F,
+        centerOffset: I - F - _,
+        ...M && {
+          alignmentOffset: _
+        }
+      },
+      reset: M
+    };
+  }
+}), Io = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "flip",
+    options: e,
+    async fn(t) {
+      var n, r;
+      const {
+        placement: o,
+        middlewareData: i,
+        rects: s,
+        initialPlacement: a,
+        platform: c,
+        elements: l
+      } = t, {
+        mainAxis: d = !0,
+        crossAxis: f = !0,
+        fallbackPlacements: m,
+        fallbackStrategy: p = "bestFit",
+        fallbackAxisSideDirection: v = "none",
+        flipAlignment: y = !0,
+        ...x
+      } = re(e, t);
+      if ((n = i.arrow) != null && n.alignmentOffset)
+        return {};
+      const S = oe(o), E = Z(a), R = oe(a) === a, C = await (c.isRTL == null ? void 0 : c.isRTL(l.floating)), T = m || (R || !y ? [Le(a)] : No(a)), A = v !== "none";
+      !m && A && T.push(...Do(a, y, v, C));
+      const P = [a, ...T], b = await be(t, x), w = [];
+      let g = ((r = i.flip) == null ? void 0 : r.overflows) || [];
+      if (d && w.push(b[S]), f) {
+        const I = Ro(o, s, C);
+        w.push(b[I[0]], b[I[1]]);
+      }
+      if (g = [...g, {
+        placement: o,
+        overflows: w
+      }], !w.every((I) => I <= 0)) {
+        var N, D;
+        const I = (((N = i.flip) == null ? void 0 : N.index) || 0) + 1, F = P[I];
+        if (F && (!(f === "alignment" ? E !== Z(F) : !1) || // We leave the current main axis only if every placement on that axis
+        // overflows the main axis.
+        g.every((O) => O.overflows[0] > 0 && Z(O.placement) === E)))
+          return {
+            data: {
+              index: I,
+              overflows: g
+            },
+            reset: {
+              placement: F
+            }
+          };
+        let M = (D = g.filter((_) => _.overflows[0] <= 0).sort((_, O) => _.overflows[1] - O.overflows[1])[0]) == null ? void 0 : D.placement;
+        if (!M)
+          switch (p) {
+            case "bestFit": {
+              var k;
+              const _ = (k = g.filter((O) => {
+                if (A) {
+                  const $ = Z(O.placement);
+                  return $ === E || // Create a bias to the `y` side axis due to horizontal
+                  // reading directions favoring greater width.
+                  $ === "y";
+                }
+                return !0;
+              }).map((O) => [O.placement, O.overflows.filter(($) => $ > 0).reduce(($, W) => $ + W, 0)]).sort((O, $) => O[1] - $[1])[0]) == null ? void 0 : k[0];
+              _ && (M = _);
+              break;
+            }
+            case "initialPlacement":
+              M = a;
+              break;
+          }
+        if (o !== M)
+          return {
+            reset: {
+              placement: M
+            }
+          };
+      }
+      return {};
+    }
+  };
+};
+function _t(e, t) {
+  return {
+    top: e.top - t.height,
+    right: e.right - t.width,
+    bottom: e.bottom - t.height,
+    left: e.left - t.width
+  };
+}
+function kt(e) {
+  return So.some((t) => e[t] >= 0);
+}
+const $o = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "hide",
+    options: e,
+    async fn(t) {
+      const {
+        rects: n
+      } = t, {
+        strategy: r = "referenceHidden",
+        ...o
+      } = re(e, t);
+      switch (r) {
+        case "referenceHidden": {
+          const i = await be(t, {
+            ...o,
+            elementContext: "reference"
+          }), s = _t(i, n.reference);
+          return {
+            data: {
+              referenceHiddenOffsets: s,
+              referenceHidden: kt(s)
+            }
+          };
+        }
+        case "escaped": {
+          const i = await be(t, {
+            ...o,
+            altBoundary: !0
+          }), s = _t(i, n.floating);
+          return {
+            data: {
+              escapedOffsets: s,
+              escaped: kt(s)
+            }
+          };
+        }
+        default:
+          return {};
+      }
+    }
+  };
+}, mn = /* @__PURE__ */ new Set(["left", "top"]);
+async function Fo(e, t) {
+  const {
+    placement: n,
+    platform: r,
+    elements: o
+  } = e, i = await (r.isRTL == null ? void 0 : r.isRTL(o.floating)), s = oe(n), a = pe(n), c = Z(n) === "y", l = mn.has(s) ? -1 : 1, d = i && c ? -1 : 1, f = re(t, e);
+  let {
+    mainAxis: m,
+    crossAxis: p,
+    alignmentAxis: v
+  } = typeof f == "number" ? {
+    mainAxis: f,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: f.mainAxis || 0,
+    crossAxis: f.crossAxis || 0,
+    alignmentAxis: f.alignmentAxis
+  };
+  return a && typeof v == "number" && (p = a === "end" ? v * -1 : v), c ? {
+    x: p * d,
+    y: m * l
+  } : {
+    x: m * l,
+    y: p * d
+  };
+}
+const zo = function(e) {
+  return e === void 0 && (e = 0), {
+    name: "offset",
+    options: e,
+    async fn(t) {
+      var n, r;
+      const {
+        x: o,
+        y: i,
+        placement: s,
+        middlewareData: a
+      } = t, c = await Fo(t, e);
+      return s === ((n = a.offset) == null ? void 0 : n.placement) && (r = a.arrow) != null && r.alignmentOffset ? {} : {
+        x: o + c.x,
+        y: i + c.y,
+        data: {
+          ...c,
+          placement: s
+        }
+      };
+    }
+  };
+}, Ho = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "shift",
+    options: e,
+    async fn(t) {
+      const {
+        x: n,
+        y: r,
+        placement: o
+      } = t, {
+        mainAxis: i = !0,
+        crossAxis: s = !1,
+        limiter: a = {
+          fn: (x) => {
+            let {
+              x: S,
+              y: E
+            } = x;
+            return {
+              x: S,
+              y: E
+            };
+          }
+        },
+        ...c
+      } = re(e, t), l = {
+        x: n,
+        y: r
+      }, d = await be(t, c), f = Z(oe(o)), m = st(f);
+      let p = l[m], v = l[f];
+      if (i) {
+        const x = m === "y" ? "top" : "left", S = m === "y" ? "bottom" : "right", E = p + d[x], R = p - d[S];
+        p = Ue(E, p, R);
+      }
+      if (s) {
+        const x = f === "y" ? "top" : "left", S = f === "y" ? "bottom" : "right", E = v + d[x], R = v - d[S];
+        v = Ue(E, v, R);
+      }
+      const y = a.fn({
+        ...t,
+        [m]: p,
+        [f]: v
+      });
+      return {
+        ...y,
+        data: {
+          x: y.x - n,
+          y: y.y - r,
+          enabled: {
+            [m]: i,
+            [f]: s
+          }
+        }
+      };
+    }
+  };
+}, Wo = function(e) {
+  return e === void 0 && (e = {}), {
+    options: e,
+    fn(t) {
+      const {
+        x: n,
+        y: r,
+        placement: o,
+        rects: i,
+        middlewareData: s
+      } = t, {
+        offset: a = 0,
+        mainAxis: c = !0,
+        crossAxis: l = !0
+      } = re(e, t), d = {
+        x: n,
+        y: r
+      }, f = Z(o), m = st(f);
+      let p = d[m], v = d[f];
+      const y = re(a, t), x = typeof y == "number" ? {
+        mainAxis: y,
+        crossAxis: 0
+      } : {
+        mainAxis: 0,
+        crossAxis: 0,
+        ...y
+      };
+      if (c) {
+        const R = m === "y" ? "height" : "width", C = i.reference[m] - i.floating[R] + x.mainAxis, T = i.reference[m] + i.reference[R] - x.mainAxis;
+        p < C ? p = C : p > T && (p = T);
+      }
+      if (l) {
+        var S, E;
+        const R = m === "y" ? "width" : "height", C = mn.has(oe(o)), T = i.reference[f] - i.floating[R] + (C && ((S = s.offset) == null ? void 0 : S[f]) || 0) + (C ? 0 : x.crossAxis), A = i.reference[f] + i.reference[R] + (C ? 0 : ((E = s.offset) == null ? void 0 : E[f]) || 0) - (C ? x.crossAxis : 0);
+        v < T ? v = T : v > A && (v = A);
+      }
+      return {
+        [m]: p,
+        [f]: v
+      };
+    }
+  };
+}, Bo = function(e) {
+  return e === void 0 && (e = {}), {
+    name: "size",
+    options: e,
+    async fn(t) {
+      var n, r;
+      const {
+        placement: o,
+        rects: i,
+        platform: s,
+        elements: a
+      } = t, {
+        apply: c = () => {
+        },
+        ...l
+      } = re(e, t), d = await be(t, l), f = oe(o), m = pe(o), p = Z(o) === "y", {
+        width: v,
+        height: y
+      } = i.floating;
+      let x, S;
+      f === "top" || f === "bottom" ? (x = f, S = m === (await (s.isRTL == null ? void 0 : s.isRTL(a.floating)) ? "start" : "end") ? "left" : "right") : (S = f, x = m === "end" ? "top" : "bottom");
+      const E = y - d.top - d.bottom, R = v - d.left - d.right, C = se(y - d[x], E), T = se(v - d[S], R), A = !t.middlewareData.shift;
+      let P = C, b = T;
+      if ((n = t.middlewareData.shift) != null && n.enabled.x && (b = R), (r = t.middlewareData.shift) != null && r.enabled.y && (P = E), A && !m) {
+        const g = Y(d.left, 0), N = Y(d.right, 0), D = Y(d.top, 0), k = Y(d.bottom, 0);
+        p ? b = v - 2 * (g !== 0 || N !== 0 ? g + N : Y(d.left, d.right)) : P = y - 2 * (D !== 0 || k !== 0 ? D + k : Y(d.top, d.bottom));
+      }
+      await c({
+        ...t,
+        availableWidth: b,
+        availableHeight: P
+      });
+      const w = await s.getDimensions(a.floating);
+      return v !== w.width || y !== w.height ? {
+        reset: {
+          rects: !0
+        }
+      } : {};
+    }
+  };
+};
+function Fe() {
+  return typeof window < "u";
+}
+function ge(e) {
+  return pn(e) ? (e.nodeName || "").toLowerCase() : "#document";
+}
+function X(e) {
+  var t;
+  return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
+}
+function ne(e) {
+  var t;
+  return (t = (pn(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
+}
+function pn(e) {
+  return Fe() ? e instanceof Node || e instanceof X(e).Node : !1;
+}
+function G(e) {
+  return Fe() ? e instanceof Element || e instanceof X(e).Element : !1;
+}
+function ee(e) {
+  return Fe() ? e instanceof HTMLElement || e instanceof X(e).HTMLElement : !1;
+}
+function Mt(e) {
+  return !Fe() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof X(e).ShadowRoot;
+}
+const Vo = /* @__PURE__ */ new Set(["inline", "contents"]);
+function Ce(e) {
+  const {
+    overflow: t,
+    overflowX: n,
+    overflowY: r,
+    display: o
+  } = K(e);
+  return /auto|scroll|overlay|hidden|clip/.test(t + r + n) && !Vo.has(o);
+}
+const jo = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function Yo(e) {
+  return jo.has(ge(e));
+}
+const Xo = [":popover-open", ":modal"];
+function ze(e) {
+  return Xo.some((t) => {
+    try {
+      return e.matches(t);
+    } catch {
+      return !1;
+    }
+  });
+}
+const Uo = ["transform", "translate", "scale", "rotate", "perspective"], qo = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Jo = ["paint", "layout", "strict", "content"];
+function lt(e) {
+  const t = dt(), n = G(e) ? K(e) : e;
+  return Uo.some((r) => n[r] ? n[r] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || qo.some((r) => (n.willChange || "").includes(r)) || Jo.some((r) => (n.contain || "").includes(r));
+}
+function Go(e) {
+  let t = ae(e);
+  for (; ee(t) && !fe(t); ) {
+    if (lt(t))
+      return t;
+    if (ze(t))
+      return null;
+    t = ae(t);
+  }
+  return null;
+}
+function dt() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+const Ko = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function fe(e) {
+  return Ko.has(ge(e));
+}
+function K(e) {
+  return X(e).getComputedStyle(e);
+}
+function He(e) {
+  return G(e) ? {
+    scrollLeft: e.scrollLeft,
+    scrollTop: e.scrollTop
+  } : {
+    scrollLeft: e.scrollX,
+    scrollTop: e.scrollY
+  };
+}
+function ae(e) {
+  if (ge(e) === "html")
+    return e;
+  const t = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    e.assignedSlot || // DOM Element detected.
+    e.parentNode || // ShadowRoot detected.
+    Mt(e) && e.host || // Fallback.
+    ne(e)
+  );
+  return Mt(t) ? t.host : t;
+}
+function gn(e) {
+  const t = ae(e);
+  return fe(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : ee(t) && Ce(t) ? t : gn(t);
+}
+function ye(e, t, n) {
+  var r;
+  t === void 0 && (t = []), n === void 0 && (n = !0);
+  const o = gn(e), i = o === ((r = e.ownerDocument) == null ? void 0 : r.body), s = X(o);
+  if (i) {
+    const a = Je(s);
+    return t.concat(s, s.visualViewport || [], Ce(o) ? o : [], a && n ? ye(a) : []);
+  }
+  return t.concat(o, ye(o, [], n));
+}
+function Je(e) {
+  return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
+}
+function vn(e) {
+  const t = K(e);
+  let n = parseFloat(t.width) || 0, r = parseFloat(t.height) || 0;
+  const o = ee(e), i = o ? e.offsetWidth : n, s = o ? e.offsetHeight : r, a = Oe(n) !== i || Oe(r) !== s;
+  return a && (n = i, r = s), {
+    width: n,
+    height: r,
+    $: a
+  };
+}
+function ut(e) {
+  return G(e) ? e : e.contextElement;
+}
+function de(e) {
+  const t = ut(e);
+  if (!ee(t))
+    return Q(1);
+  const n = t.getBoundingClientRect(), {
+    width: r,
+    height: o,
+    $: i
+  } = vn(t);
+  let s = (i ? Oe(n.width) : n.width) / r, a = (i ? Oe(n.height) : n.height) / o;
+  return (!s || !Number.isFinite(s)) && (s = 1), (!a || !Number.isFinite(a)) && (a = 1), {
+    x: s,
+    y: a
+  };
+}
+const Zo = /* @__PURE__ */ Q(0);
+function wn(e) {
+  const t = X(e);
+  return !dt() || !t.visualViewport ? Zo : {
+    x: t.visualViewport.offsetLeft,
+    y: t.visualViewport.offsetTop
+  };
+}
+function Qo(e, t, n) {
+  return t === void 0 && (t = !1), !n || t && n !== X(e) ? !1 : t;
+}
+function le(e, t, n, r) {
+  t === void 0 && (t = !1), n === void 0 && (n = !1);
+  const o = e.getBoundingClientRect(), i = ut(e);
+  let s = Q(1);
+  t && (r ? G(r) && (s = de(r)) : s = de(e));
+  const a = Qo(i, n, r) ? wn(i) : Q(0);
+  let c = (o.left + a.x) / s.x, l = (o.top + a.y) / s.y, d = o.width / s.x, f = o.height / s.y;
+  if (i) {
+    const m = X(i), p = r && G(r) ? X(r) : r;
+    let v = m, y = Je(v);
+    for (; y && r && p !== v; ) {
+      const x = de(y), S = y.getBoundingClientRect(), E = K(y), R = S.left + (y.clientLeft + parseFloat(E.paddingLeft)) * x.x, C = S.top + (y.clientTop + parseFloat(E.paddingTop)) * x.y;
+      c *= x.x, l *= x.y, d *= x.x, f *= x.y, c += R, l += C, v = X(y), y = Je(v);
+    }
+  }
+  return De({
+    width: d,
+    height: f,
+    x: c,
+    y: l
+  });
+}
+function ft(e, t) {
+  const n = He(e).scrollLeft;
+  return t ? t.left + n : le(ne(e)).left + n;
+}
+function bn(e, t, n) {
+  n === void 0 && (n = !1);
+  const r = e.getBoundingClientRect(), o = r.left + t.scrollLeft - (n ? 0 : (
+    // RTL <body> scrollbar.
+    ft(e, r)
+  )), i = r.top + t.scrollTop;
+  return {
+    x: o,
+    y: i
+  };
+}
+function ei(e) {
+  let {
+    elements: t,
+    rect: n,
+    offsetParent: r,
+    strategy: o
+  } = e;
+  const i = o === "fixed", s = ne(r), a = t ? ze(t.floating) : !1;
+  if (r === s || a && i)
+    return n;
+  let c = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, l = Q(1);
+  const d = Q(0), f = ee(r);
+  if ((f || !f && !i) && ((ge(r) !== "body" || Ce(s)) && (c = He(r)), ee(r))) {
+    const p = le(r);
+    l = de(r), d.x = p.x + r.clientLeft, d.y = p.y + r.clientTop;
+  }
+  const m = s && !f && !i ? bn(s, c, !0) : Q(0);
+  return {
+    width: n.width * l.x,
+    height: n.height * l.y,
+    x: n.x * l.x - c.scrollLeft * l.x + d.x + m.x,
+    y: n.y * l.y - c.scrollTop * l.y + d.y + m.y
+  };
+}
+function ti(e) {
+  return Array.from(e.getClientRects());
+}
+function ni(e) {
+  const t = ne(e), n = He(e), r = e.ownerDocument.body, o = Y(t.scrollWidth, t.clientWidth, r.scrollWidth, r.clientWidth), i = Y(t.scrollHeight, t.clientHeight, r.scrollHeight, r.clientHeight);
+  let s = -n.scrollLeft + ft(e);
+  const a = -n.scrollTop;
+  return K(r).direction === "rtl" && (s += Y(t.clientWidth, r.clientWidth) - o), {
+    width: o,
+    height: i,
+    x: s,
+    y: a
+  };
+}
+function ri(e, t) {
+  const n = X(e), r = ne(e), o = n.visualViewport;
+  let i = r.clientWidth, s = r.clientHeight, a = 0, c = 0;
+  if (o) {
+    i = o.width, s = o.height;
+    const l = dt();
+    (!l || l && t === "fixed") && (a = o.offsetLeft, c = o.offsetTop);
+  }
+  return {
+    width: i,
+    height: s,
+    x: a,
+    y: c
+  };
+}
+const oi = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+function ii(e, t) {
+  const n = le(e, !0, t === "fixed"), r = n.top + e.clientTop, o = n.left + e.clientLeft, i = ee(e) ? de(e) : Q(1), s = e.clientWidth * i.x, a = e.clientHeight * i.y, c = o * i.x, l = r * i.y;
+  return {
+    width: s,
+    height: a,
+    x: c,
+    y: l
+  };
+}
+function It(e, t, n) {
+  let r;
+  if (t === "viewport")
+    r = ri(e, n);
+  else if (t === "document")
+    r = ni(ne(e));
+  else if (G(t))
+    r = ii(t, n);
+  else {
+    const o = wn(e);
+    r = {
+      x: t.x - o.x,
+      y: t.y - o.y,
+      width: t.width,
+      height: t.height
+    };
+  }
+  return De(r);
+}
+function yn(e, t) {
+  const n = ae(e);
+  return n === t || !G(n) || fe(n) ? !1 : K(n).position === "fixed" || yn(n, t);
+}
+function si(e, t) {
+  const n = t.get(e);
+  if (n)
+    return n;
+  let r = ye(e, [], !1).filter((a) => G(a) && ge(a) !== "body"), o = null;
+  const i = K(e).position === "fixed";
+  let s = i ? ae(e) : e;
+  for (; G(s) && !fe(s); ) {
+    const a = K(s), c = lt(s);
+    !c && a.position === "fixed" && (o = null), (i ? !c && !o : !c && a.position === "static" && !!o && oi.has(o.position) || Ce(s) && !c && yn(e, s)) ? r = r.filter((d) => d !== s) : o = a, s = ae(s);
+  }
+  return t.set(e, r), r;
+}
+function ai(e) {
+  let {
+    element: t,
+    boundary: n,
+    rootBoundary: r,
+    strategy: o
+  } = e;
+  const s = [...n === "clippingAncestors" ? ze(t) ? [] : si(t, this._c) : [].concat(n), r], a = s[0], c = s.reduce((l, d) => {
+    const f = It(t, d, o);
+    return l.top = Y(f.top, l.top), l.right = se(f.right, l.right), l.bottom = se(f.bottom, l.bottom), l.left = Y(f.left, l.left), l;
+  }, It(t, a, o));
+  return {
+    width: c.right - c.left,
+    height: c.bottom - c.top,
+    x: c.left,
+    y: c.top
+  };
+}
+function ci(e) {
+  const {
+    width: t,
+    height: n
+  } = vn(e);
+  return {
+    width: t,
+    height: n
+  };
+}
+function li(e, t, n) {
+  const r = ee(t), o = ne(t), i = n === "fixed", s = le(e, !0, i, t);
+  let a = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const c = Q(0);
+  function l() {
+    c.x = ft(o);
+  }
+  if (r || !r && !i)
+    if ((ge(t) !== "body" || Ce(o)) && (a = He(t)), r) {
+      const p = le(t, !0, i, t);
+      c.x = p.x + t.clientLeft, c.y = p.y + t.clientTop;
+    } else o && l();
+  i && !r && o && l();
+  const d = o && !r && !i ? bn(o, a) : Q(0), f = s.left + a.scrollLeft - c.x - d.x, m = s.top + a.scrollTop - c.y - d.y;
+  return {
+    x: f,
+    y: m,
+    width: s.width,
+    height: s.height
+  };
+}
+function je(e) {
+  return K(e).position === "static";
+}
+function $t(e, t) {
+  if (!ee(e) || K(e).position === "fixed")
+    return null;
+  if (t)
+    return t(e);
+  let n = e.offsetParent;
+  return ne(e) === n && (n = n.ownerDocument.body), n;
+}
+function xn(e, t) {
+  const n = X(e);
+  if (ze(e))
+    return n;
+  if (!ee(e)) {
+    let o = ae(e);
+    for (; o && !fe(o); ) {
+      if (G(o) && !je(o))
+        return o;
+      o = ae(o);
+    }
+    return n;
+  }
+  let r = $t(e, t);
+  for (; r && Yo(r) && je(r); )
+    r = $t(r, t);
+  return r && fe(r) && je(r) && !lt(r) ? n : r || Go(e) || n;
+}
+const di = async function(e) {
+  const t = this.getOffsetParent || xn, n = this.getDimensions, r = await n(e.floating);
+  return {
+    reference: li(e.reference, await t(e.floating), e.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: r.width,
+      height: r.height
+    }
+  };
+};
+function ui(e) {
+  return K(e).direction === "rtl";
+}
+const fi = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: ei,
+  getDocumentElement: ne,
+  getClippingRect: ai,
+  getOffsetParent: xn,
+  getElementRects: di,
+  getClientRects: ti,
+  getDimensions: ci,
+  getScale: de,
+  isElement: G,
+  isRTL: ui
+};
+function Cn(e, t) {
+  return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
+}
+function hi(e, t) {
+  let n = null, r;
+  const o = ne(e);
+  function i() {
+    var a;
+    clearTimeout(r), (a = n) == null || a.disconnect(), n = null;
+  }
+  function s(a, c) {
+    a === void 0 && (a = !1), c === void 0 && (c = 1), i();
+    const l = e.getBoundingClientRect(), {
+      left: d,
+      top: f,
+      width: m,
+      height: p
+    } = l;
+    if (a || t(), !m || !p)
+      return;
+    const v = Pe(f), y = Pe(o.clientWidth - (d + m)), x = Pe(o.clientHeight - (f + p)), S = Pe(d), R = {
+      rootMargin: -v + "px " + -y + "px " + -x + "px " + -S + "px",
+      threshold: Y(0, se(1, c)) || 1
+    };
+    let C = !0;
+    function T(A) {
+      const P = A[0].intersectionRatio;
+      if (P !== c) {
+        if (!C)
+          return s();
+        P ? s(!1, P) : r = setTimeout(() => {
+          s(!1, 1e-7);
+        }, 1e3);
+      }
+      P === 1 && !Cn(l, e.getBoundingClientRect()) && s(), C = !1;
+    }
+    try {
+      n = new IntersectionObserver(T, {
+        ...R,
+        // Handle <iframe>s
+        root: o.ownerDocument
+      });
+    } catch {
+      n = new IntersectionObserver(T, R);
+    }
+    n.observe(e);
+  }
+  return s(!0), i;
+}
+function mi(e, t, n, r) {
+  r === void 0 && (r = {});
+  const {
+    ancestorScroll: o = !0,
+    ancestorResize: i = !0,
+    elementResize: s = typeof ResizeObserver == "function",
+    layoutShift: a = typeof IntersectionObserver == "function",
+    animationFrame: c = !1
+  } = r, l = ut(e), d = o || i ? [...l ? ye(l) : [], ...ye(t)] : [];
+  d.forEach((S) => {
+    o && S.addEventListener("scroll", n, {
+      passive: !0
+    }), i && S.addEventListener("resize", n);
+  });
+  const f = l && a ? hi(l, n) : null;
+  let m = -1, p = null;
+  s && (p = new ResizeObserver((S) => {
+    let [E] = S;
+    E && E.target === l && p && (p.unobserve(t), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
+      var R;
+      (R = p) == null || R.observe(t);
+    })), n();
+  }), l && !c && p.observe(l), p.observe(t));
+  let v, y = c ? le(e) : null;
+  c && x();
+  function x() {
+    const S = le(e);
+    y && !Cn(y, S) && n(), y = S, v = requestAnimationFrame(x);
+  }
+  return n(), () => {
+    var S;
+    d.forEach((E) => {
+      o && E.removeEventListener("scroll", n), i && E.removeEventListener("resize", n);
+    }), f == null || f(), (S = p) == null || S.disconnect(), p = null, c && cancelAnimationFrame(v);
+  };
+}
+const pi = zo, gi = Ho, vi = Io, wi = Bo, bi = $o, Ft = Mo, yi = Wo, xi = (e, t, n) => {
+  const r = /* @__PURE__ */ new Map(), o = {
+    platform: fi,
+    ...n
+  }, i = {
+    ...o.platform,
+    _c: r
+  };
+  return ko(e, t, {
+    ...o,
+    platform: i
+  });
+};
+var Ci = typeof document < "u", Si = function() {
+}, Re = Ci ? nr : Si;
+function _e(e, t) {
+  if (e === t)
+    return !0;
+  if (typeof e != typeof t)
+    return !1;
+  if (typeof e == "function" && e.toString() === t.toString())
+    return !0;
+  let n, r, o;
+  if (e && t && typeof e == "object") {
+    if (Array.isArray(e)) {
+      if (n = e.length, n !== t.length) return !1;
+      for (r = n; r-- !== 0; )
+        if (!_e(e[r], t[r]))
+          return !1;
+      return !0;
+    }
+    if (o = Object.keys(e), n = o.length, n !== Object.keys(t).length)
+      return !1;
+    for (r = n; r-- !== 0; )
+      if (!{}.hasOwnProperty.call(t, o[r]))
+        return !1;
+    for (r = n; r-- !== 0; ) {
+      const i = o[r];
+      if (!(i === "_owner" && e.$$typeof) && !_e(e[i], t[i]))
+        return !1;
+    }
+    return !0;
+  }
+  return e !== e && t !== t;
+}
+function Sn(e) {
+  return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function zt(e, t) {
+  const n = Sn(e);
+  return Math.round(t * n) / n;
+}
+function Ye(e) {
+  const t = u.useRef(e);
+  return Re(() => {
+    t.current = e;
+  }), t;
+}
+function Ti(e) {
+  e === void 0 && (e = {});
+  const {
+    placement: t = "bottom",
+    strategy: n = "absolute",
+    middleware: r = [],
+    platform: o,
+    elements: {
+      reference: i,
+      floating: s
+    } = {},
+    transform: a = !0,
+    whileElementsMounted: c,
+    open: l
+  } = e, [d, f] = u.useState({
+    x: 0,
+    y: 0,
+    strategy: n,
+    placement: t,
+    middlewareData: {},
+    isPositioned: !1
+  }), [m, p] = u.useState(r);
+  _e(m, r) || p(r);
+  const [v, y] = u.useState(null), [x, S] = u.useState(null), E = u.useCallback((O) => {
+    O !== A.current && (A.current = O, y(O));
+  }, []), R = u.useCallback((O) => {
+    O !== P.current && (P.current = O, S(O));
+  }, []), C = i || v, T = s || x, A = u.useRef(null), P = u.useRef(null), b = u.useRef(d), w = c != null, g = Ye(c), N = Ye(o), D = Ye(l), k = u.useCallback(() => {
+    if (!A.current || !P.current)
+      return;
+    const O = {
+      placement: t,
+      strategy: n,
+      middleware: m
+    };
+    N.current && (O.platform = N.current), xi(A.current, P.current, O).then(($) => {
+      const W = {
+        ...$,
+        // The floating element's position may be recomputed while it's closed
+        // but still mounted (such as when transitioning out). To ensure
+        // `isPositioned` will be `false` initially on the next open, avoid
+        // setting it to `true` when `open === false` (must be specified).
+        isPositioned: D.current !== !1
+      };
+      I.current && !_e(b.current, W) && (b.current = W, Wt.flushSync(() => {
+        f(W);
+      }));
+    });
+  }, [m, t, n, N, D]);
+  Re(() => {
+    l === !1 && b.current.isPositioned && (b.current.isPositioned = !1, f((O) => ({
+      ...O,
+      isPositioned: !1
+    })));
+  }, [l]);
+  const I = u.useRef(!1);
+  Re(() => (I.current = !0, () => {
+    I.current = !1;
+  }), []), Re(() => {
+    if (C && (A.current = C), T && (P.current = T), C && T) {
+      if (g.current)
+        return g.current(C, T, k);
+      k();
+    }
+  }, [C, T, k, g, w]);
+  const F = u.useMemo(() => ({
+    reference: A,
+    floating: P,
+    setReference: E,
+    setFloating: R
+  }), [E, R]), M = u.useMemo(() => ({
+    reference: C,
+    floating: T
+  }), [C, T]), _ = u.useMemo(() => {
+    const O = {
+      position: n,
+      left: 0,
+      top: 0
+    };
+    if (!M.floating)
+      return O;
+    const $ = zt(M.floating, d.x), W = zt(M.floating, d.y);
+    return a ? {
+      ...O,
+      transform: "translate(" + $ + "px, " + W + "px)",
+      ...Sn(M.floating) >= 1.5 && {
+        willChange: "transform"
+      }
+    } : {
+      position: n,
+      left: $,
+      top: W
+    };
+  }, [n, a, M.floating, d.x, d.y]);
+  return u.useMemo(() => ({
+    ...d,
+    update: k,
+    refs: F,
+    elements: M,
+    floatingStyles: _
+  }), [d, k, F, M, _]);
+}
+const Ei = (e) => {
+  function t(n) {
+    return {}.hasOwnProperty.call(n, "current");
+  }
+  return {
+    name: "arrow",
+    options: e,
+    fn(n) {
+      const {
+        element: r,
+        padding: o
+      } = typeof e == "function" ? e(n) : e;
+      return r && t(r) ? r.current != null ? Ft({
+        element: r.current,
+        padding: o
+      }).fn(n) : {} : r ? Ft({
+        element: r,
+        padding: o
+      }).fn(n) : {};
+    }
+  };
+}, Pi = (e, t) => ({
+  ...pi(e),
+  options: [e, t]
+}), Ri = (e, t) => ({
+  ...gi(e),
+  options: [e, t]
+}), Ni = (e, t) => ({
+  ...yi(e),
+  options: [e, t]
+}), Ai = (e, t) => ({
+  ...vi(e),
+  options: [e, t]
+}), Oi = (e, t) => ({
+  ...wi(e),
+  options: [e, t]
+}), Li = (e, t) => ({
+  ...bi(e),
+  options: [e, t]
+}), Di = (e, t) => ({
+  ...Ei(e),
+  options: [e, t]
+});
+var _i = "Arrow", Tn = u.forwardRef((e, t) => {
+  const { children: n, width: r = 10, height: o = 5, ...i } = e;
+  return /* @__PURE__ */ h(
+    j.svg,
+    {
+      ...i,
+      ref: t,
+      width: r,
+      height: o,
+      viewBox: "0 0 30 10",
+      preserveAspectRatio: "none",
+      children: e.asChild ? n : /* @__PURE__ */ h("polygon", { points: "0,0 30,0 15,10" })
+    }
+  );
+});
+Tn.displayName = _i;
+var ki = Tn;
+function Mi(e) {
+  const [t, n] = u.useState(void 0);
+  return ie(() => {
+    if (e) {
+      n({ width: e.offsetWidth, height: e.offsetHeight });
+      const r = new ResizeObserver((o) => {
+        if (!Array.isArray(o) || !o.length)
+          return;
+        const i = o[0];
+        let s, a;
+        if ("borderBoxSize" in i) {
+          const c = i.borderBoxSize, l = Array.isArray(c) ? c[0] : c;
+          s = l.inlineSize, a = l.blockSize;
+        } else
+          s = e.offsetWidth, a = e.offsetHeight;
+        n({ width: s, height: a });
+      });
+      return r.observe(e, { box: "border-box" }), () => r.unobserve(e);
+    } else
+      n(void 0);
+  }, [e]), t;
+}
+var ht = "Popper", [En, Pn] = tt(ht), [Ii, Rn] = En(ht), Nn = (e) => {
+  const { __scopePopper: t, children: n } = e, [r, o] = u.useState(null);
+  return /* @__PURE__ */ h(Ii, { scope: t, anchor: r, onAnchorChange: o, children: n });
+};
+Nn.displayName = ht;
+var An = "PopperAnchor", On = u.forwardRef(
+  (e, t) => {
+    const { __scopePopper: n, virtualRef: r, ...o } = e, i = Rn(An, n), s = u.useRef(null), a = U(t, s);
+    return u.useEffect(() => {
+      i.onAnchorChange((r == null ? void 0 : r.current) || s.current);
+    }), r ? null : /* @__PURE__ */ h(j.div, { ...o, ref: a });
+  }
+);
+On.displayName = An;
+var mt = "PopperContent", [$i, Fi] = En(mt), Ln = u.forwardRef(
+  (e, t) => {
+    var gt, vt, wt, bt, yt, xt;
+    const {
+      __scopePopper: n,
+      side: r = "bottom",
+      sideOffset: o = 0,
+      align: i = "center",
+      alignOffset: s = 0,
+      arrowPadding: a = 0,
+      avoidCollisions: c = !0,
+      collisionBoundary: l = [],
+      collisionPadding: d = 0,
+      sticky: f = "partial",
+      hideWhenDetached: m = !1,
+      updatePositionStrategy: p = "optimized",
+      onPlaced: v,
+      ...y
+    } = e, x = Rn(mt, n), [S, E] = u.useState(null), R = U(t, (ve) => E(ve)), [C, T] = u.useState(null), A = Mi(C), P = (A == null ? void 0 : A.width) ?? 0, b = (A == null ? void 0 : A.height) ?? 0, w = r + (i !== "center" ? "-" + i : ""), g = typeof d == "number" ? d : { top: 0, right: 0, bottom: 0, left: 0, ...d }, N = Array.isArray(l) ? l : [l], D = N.length > 0, k = {
+      padding: g,
+      boundary: N.filter(Hi),
+      // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
+      altBoundary: D
+    }, { refs: I, floatingStyles: F, placement: M, isPositioned: _, middlewareData: O } = Ti({
+      // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
+      strategy: "fixed",
+      placement: w,
+      whileElementsMounted: (...ve) => mi(...ve, {
+        animationFrame: p === "always"
+      }),
+      elements: {
+        reference: x.anchor
+      },
+      middleware: [
+        Pi({ mainAxis: o + b, alignmentAxis: s }),
+        c && Ri({
+          mainAxis: !0,
+          crossAxis: !1,
+          limiter: f === "partial" ? Ni() : void 0,
+          ...k
+        }),
+        c && Ai({ ...k }),
+        Oi({
+          ...k,
+          apply: ({ elements: ve, rects: Ct, availableWidth: Jn, availableHeight: Gn }) => {
+            const { width: Kn, height: Zn } = Ct.reference, Te = ve.floating.style;
+            Te.setProperty("--radix-popper-available-width", `${Jn}px`), Te.setProperty("--radix-popper-available-height", `${Gn}px`), Te.setProperty("--radix-popper-anchor-width", `${Kn}px`), Te.setProperty("--radix-popper-anchor-height", `${Zn}px`);
+          }
+        }),
+        C && Di({ element: C, padding: a }),
+        Wi({ arrowWidth: P, arrowHeight: b }),
+        m && Li({ strategy: "referenceHidden", ...k })
+      ]
+    }), [$, W] = kn(M), Se = J(v);
+    ie(() => {
+      _ && (Se == null || Se());
+    }, [_, Se]);
+    const jn = (gt = O.arrow) == null ? void 0 : gt.x, Yn = (vt = O.arrow) == null ? void 0 : vt.y, Xn = ((wt = O.arrow) == null ? void 0 : wt.centerOffset) !== 0, [Un, qn] = u.useState();
+    return ie(() => {
+      S && qn(window.getComputedStyle(S).zIndex);
+    }, [S]), /* @__PURE__ */ h(
+      "div",
+      {
+        ref: I.setFloating,
+        "data-radix-popper-content-wrapper": "",
+        style: {
+          ...F,
+          transform: _ ? F.transform : "translate(0, -200%)",
+          // keep off the page when measuring
+          minWidth: "max-content",
+          zIndex: Un,
+          "--radix-popper-transform-origin": [
+            (bt = O.transformOrigin) == null ? void 0 : bt.x,
+            (yt = O.transformOrigin) == null ? void 0 : yt.y
+          ].join(" "),
+          // hide the content if using the hide middleware and should be hidden
+          // set visibility to hidden and disable pointer events so the UI behaves
+          // as if the PopperContent isn't there at all
+          ...((xt = O.hide) == null ? void 0 : xt.referenceHidden) && {
+            visibility: "hidden",
+            pointerEvents: "none"
+          }
+        },
+        dir: e.dir,
+        children: /* @__PURE__ */ h(
+          $i,
+          {
+            scope: n,
+            placedSide: $,
+            onArrowChange: T,
+            arrowX: jn,
+            arrowY: Yn,
+            shouldHideArrow: Xn,
+            children: /* @__PURE__ */ h(
+              j.div,
+              {
+                "data-side": $,
+                "data-align": W,
+                ...y,
+                ref: R,
+                style: {
+                  ...y.style,
+                  // if the PopperContent hasn't been placed yet (not all measurements done)
+                  // we prevent animations so that users's animation don't kick in too early referring wrong sides
+                  animation: _ ? void 0 : "none"
+                }
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+Ln.displayName = mt;
+var Dn = "PopperArrow", zi = {
+  top: "bottom",
+  right: "left",
+  bottom: "top",
+  left: "right"
+}, _n = u.forwardRef(function(t, n) {
+  const { __scopePopper: r, ...o } = t, i = Fi(Dn, r), s = zi[i.placedSide];
+  return (
+    // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
+    // doesn't report size as we'd expect on SVG elements.
+    // it reports their bounding box which is effectively the largest path inside the SVG.
+    /* @__PURE__ */ h(
+      "span",
+      {
+        ref: i.onArrowChange,
+        style: {
+          position: "absolute",
+          left: i.arrowX,
+          top: i.arrowY,
+          [s]: 0,
+          transformOrigin: {
+            top: "",
+            right: "0 0",
+            bottom: "center 0",
+            left: "100% 0"
+          }[i.placedSide],
+          transform: {
+            top: "translateY(100%)",
+            right: "translateY(50%) rotate(90deg) translateX(-50%)",
+            bottom: "rotate(180deg)",
+            left: "translateY(50%) rotate(-90deg) translateX(50%)"
+          }[i.placedSide],
+          visibility: i.shouldHideArrow ? "hidden" : void 0
+        },
+        children: /* @__PURE__ */ h(
+          ki,
+          {
+            ...o,
+            ref: n,
+            style: {
+              ...o.style,
+              // ensures the element can be measured correctly (mostly for if SVG)
+              display: "block"
+            }
+          }
+        )
+      }
+    )
+  );
+});
+_n.displayName = Dn;
+function Hi(e) {
+  return e !== null;
+}
+var Wi = (e) => ({
+  name: "transformOrigin",
+  options: e,
+  fn(t) {
+    var x, S, E;
+    const { placement: n, rects: r, middlewareData: o } = t, s = ((x = o.arrow) == null ? void 0 : x.centerOffset) !== 0, a = s ? 0 : e.arrowWidth, c = s ? 0 : e.arrowHeight, [l, d] = kn(n), f = { start: "0%", center: "50%", end: "100%" }[d], m = (((S = o.arrow) == null ? void 0 : S.x) ?? 0) + a / 2, p = (((E = o.arrow) == null ? void 0 : E.y) ?? 0) + c / 2;
+    let v = "", y = "";
+    return l === "bottom" ? (v = s ? f : `${m}px`, y = `${-c}px`) : l === "top" ? (v = s ? f : `${m}px`, y = `${r.floating.height + c}px`) : l === "right" ? (v = `${-c}px`, y = s ? f : `${p}px`) : l === "left" && (v = `${r.floating.width + c}px`, y = s ? f : `${p}px`), { data: { x: v, y } };
+  }
+});
+function kn(e) {
+  const [t, n = "center"] = e.split("-");
+  return [t, n];
+}
+var Bi = Nn, Vi = On, ji = Ln, Yi = _n, Xi = u[" useInsertionEffect ".trim().toString()] || ie;
+function Ui({
+  prop: e,
+  defaultProp: t,
+  onChange: n = () => {
+  },
+  caller: r
+}) {
+  const [o, i, s] = qi({
+    defaultProp: t,
+    onChange: n
+  }), a = e !== void 0, c = a ? e : o;
+  {
+    const d = u.useRef(e !== void 0);
+    u.useEffect(() => {
+      const f = d.current;
+      f !== a && console.warn(
+        `${r} is changing from ${f ? "controlled" : "uncontrolled"} to ${a ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
+      ), d.current = a;
+    }, [a, r]);
+  }
+  const l = u.useCallback(
+    (d) => {
+      var f;
+      if (a) {
+        const m = Ji(d) ? d(e) : d;
+        m !== e && ((f = s.current) == null || f.call(s, m));
+      } else
+        i(d);
+    },
+    [a, e, i, s]
+  );
+  return [c, l];
+}
+function qi({
+  defaultProp: e,
+  onChange: t
+}) {
+  const [n, r] = u.useState(e), o = u.useRef(n), i = u.useRef(t);
+  return Xi(() => {
+    i.current = t;
+  }, [t]), u.useEffect(() => {
+    var s;
+    o.current !== n && ((s = i.current) == null || s.call(i, n), o.current = n);
+  }, [n, o]), [n, r, i];
+}
+function Ji(e) {
+  return typeof e == "function";
+}
+var Gi = Object.freeze({
+  // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
+  position: "absolute",
+  border: 0,
+  width: 1,
+  height: 1,
+  padding: 0,
+  margin: -1,
+  overflow: "hidden",
+  clip: "rect(0, 0, 0, 0)",
+  whiteSpace: "nowrap",
+  wordWrap: "normal"
+}), Ki = "VisuallyHidden", Mn = u.forwardRef(
+  (e, t) => /* @__PURE__ */ h(
+    j.span,
+    {
+      ...e,
+      ref: t,
+      style: { ...Gi, ...e.style }
+    }
+  )
+);
+Mn.displayName = Ki;
+var Zi = Mn, [We, Rs] = tt("Tooltip", [
+  Pn
+]), Be = Pn(), In = "TooltipProvider", Qi = 700, Ge = "tooltip.open", [es, pt] = We(In), $n = (e) => {
+  const {
+    __scopeTooltip: t,
+    delayDuration: n = Qi,
+    skipDelayDuration: r = 300,
+    disableHoverableContent: o = !1,
+    children: i
+  } = e, s = u.useRef(!0), a = u.useRef(!1), c = u.useRef(0);
+  return u.useEffect(() => {
+    const l = c.current;
+    return () => window.clearTimeout(l);
+  }, []), /* @__PURE__ */ h(
+    es,
+    {
+      scope: t,
+      isOpenDelayedRef: s,
+      delayDuration: n,
+      onOpen: u.useCallback(() => {
+        window.clearTimeout(c.current), s.current = !1;
+      }, []),
+      onClose: u.useCallback(() => {
+        window.clearTimeout(c.current), c.current = window.setTimeout(
+          () => s.current = !0,
+          r
+        );
+      }, [r]),
+      isPointerInTransitRef: a,
+      onPointerInTransitChange: u.useCallback((l) => {
+        a.current = l;
+      }, []),
+      disableHoverableContent: o,
+      children: i
+    }
+  );
+};
+$n.displayName = In;
+var xe = "Tooltip", [ts, Ve] = We(xe), Fn = (e) => {
+  const {
+    __scopeTooltip: t,
+    children: n,
+    open: r,
+    defaultOpen: o,
+    onOpenChange: i,
+    disableHoverableContent: s,
+    delayDuration: a
+  } = e, c = pt(xe, e.__scopeTooltip), l = Be(t), [d, f] = u.useState(null), m = Co(), p = u.useRef(0), v = s ?? c.disableHoverableContent, y = a ?? c.delayDuration, x = u.useRef(!1), [S, E] = Ui({
+    prop: r,
+    defaultProp: o ?? !1,
+    onChange: (P) => {
+      P ? (c.onOpen(), document.dispatchEvent(new CustomEvent(Ge))) : c.onClose(), i == null || i(P);
+    },
+    caller: xe
+  }), R = u.useMemo(() => S ? x.current ? "delayed-open" : "instant-open" : "closed", [S]), C = u.useCallback(() => {
+    window.clearTimeout(p.current), p.current = 0, x.current = !1, E(!0);
+  }, [E]), T = u.useCallback(() => {
+    window.clearTimeout(p.current), p.current = 0, E(!1);
+  }, [E]), A = u.useCallback(() => {
+    window.clearTimeout(p.current), p.current = window.setTimeout(() => {
+      x.current = !0, E(!0), p.current = 0;
+    }, y);
+  }, [y, E]);
+  return u.useEffect(() => () => {
+    p.current && (window.clearTimeout(p.current), p.current = 0);
+  }, []), /* @__PURE__ */ h(Bi, { ...l, children: /* @__PURE__ */ h(
+    ts,
+    {
+      scope: t,
+      contentId: m,
+      open: S,
+      stateAttribute: R,
+      trigger: d,
+      onTriggerChange: f,
+      onTriggerEnter: u.useCallback(() => {
+        c.isOpenDelayedRef.current ? A() : C();
+      }, [c.isOpenDelayedRef, A, C]),
+      onTriggerLeave: u.useCallback(() => {
+        v ? T() : (window.clearTimeout(p.current), p.current = 0);
+      }, [T, v]),
+      onOpen: C,
+      onClose: T,
+      disableHoverableContent: v,
+      children: n
+    }
+  ) });
+};
+Fn.displayName = xe;
+var Ke = "TooltipTrigger", zn = u.forwardRef(
+  (e, t) => {
+    const { __scopeTooltip: n, ...r } = e, o = Ve(Ke, n), i = pt(Ke, n), s = Be(n), a = u.useRef(null), c = U(t, a, o.onTriggerChange), l = u.useRef(!1), d = u.useRef(!1), f = u.useCallback(() => l.current = !1, []);
+    return u.useEffect(() => () => document.removeEventListener("pointerup", f), [f]), /* @__PURE__ */ h(Vi, { asChild: !0, ...s, children: /* @__PURE__ */ h(
+      j.button,
+      {
+        "aria-describedby": o.open ? o.contentId : void 0,
+        "data-state": o.stateAttribute,
+        ...r,
+        ref: c,
+        onPointerMove: H(e.onPointerMove, (m) => {
+          m.pointerType !== "touch" && !d.current && !i.isPointerInTransitRef.current && (o.onTriggerEnter(), d.current = !0);
+        }),
+        onPointerLeave: H(e.onPointerLeave, () => {
+          o.onTriggerLeave(), d.current = !1;
+        }),
+        onPointerDown: H(e.onPointerDown, () => {
+          o.open && o.onClose(), l.current = !0, document.addEventListener("pointerup", f, { once: !0 });
+        }),
+        onFocus: H(e.onFocus, () => {
+          l.current || o.onOpen();
+        }),
+        onBlur: H(e.onBlur, o.onClose),
+        onClick: H(e.onClick, o.onClose)
+      }
+    ) });
+  }
+);
+zn.displayName = Ke;
+var ns = "TooltipPortal", [Ns, rs] = We(ns, {
+  forceMount: void 0
+}), he = "TooltipContent", Hn = u.forwardRef(
+  (e, t) => {
+    const n = rs(he, e.__scopeTooltip), { forceMount: r = n.forceMount, side: o = "top", ...i } = e, s = Ve(he, e.__scopeTooltip);
+    return /* @__PURE__ */ h(me, { present: r || s.open, children: s.disableHoverableContent ? /* @__PURE__ */ h(Wn, { side: o, ...i, ref: t }) : /* @__PURE__ */ h(os, { side: o, ...i, ref: t }) });
+  }
+), os = u.forwardRef((e, t) => {
+  const n = Ve(he, e.__scopeTooltip), r = pt(he, e.__scopeTooltip), o = u.useRef(null), i = U(t, o), [s, a] = u.useState(null), { trigger: c, onClose: l } = n, d = o.current, { onPointerInTransitChange: f } = r, m = u.useCallback(() => {
+    a(null), f(!1);
+  }, [f]), p = u.useCallback(
+    (v, y) => {
+      const x = v.currentTarget, S = { x: v.clientX, y: v.clientY }, E = ls(S, x.getBoundingClientRect()), R = ds(S, E), C = us(y.getBoundingClientRect()), T = hs([...R, ...C]);
+      a(T), f(!0);
+    },
+    [f]
+  );
+  return u.useEffect(() => () => m(), [m]), u.useEffect(() => {
+    if (c && d) {
+      const v = (x) => p(x, d), y = (x) => p(x, c);
+      return c.addEventListener("pointerleave", v), d.addEventListener("pointerleave", y), () => {
+        c.removeEventListener("pointerleave", v), d.removeEventListener("pointerleave", y);
+      };
+    }
+  }, [c, d, p, m]), u.useEffect(() => {
+    if (s) {
+      const v = (y) => {
+        const x = y.target, S = { x: y.clientX, y: y.clientY }, E = (c == null ? void 0 : c.contains(x)) || (d == null ? void 0 : d.contains(x)), R = !fs(S, s);
+        E ? m() : R && (m(), l());
+      };
+      return document.addEventListener("pointermove", v), () => document.removeEventListener("pointermove", v);
+    }
+  }, [c, d, s, l, m]), /* @__PURE__ */ h(Wn, { ...e, ref: i });
+}), [is, ss] = We(xe, { isInside: !1 }), as = wr("TooltipContent"), Wn = u.forwardRef(
+  (e, t) => {
+    const {
+      __scopeTooltip: n,
+      children: r,
+      "aria-label": o,
+      onEscapeKeyDown: i,
+      onPointerDownOutside: s,
+      ...a
+    } = e, c = Ve(he, n), l = Be(n), { onClose: d } = c;
+    return u.useEffect(() => (document.addEventListener(Ge, d), () => document.removeEventListener(Ge, d)), [d]), u.useEffect(() => {
+      if (c.trigger) {
+        const f = (m) => {
+          const p = m.target;
+          p != null && p.contains(c.trigger) && d();
+        };
+        return window.addEventListener("scroll", f, { capture: !0 }), () => window.removeEventListener("scroll", f, { capture: !0 });
+      }
+    }, [c.trigger, d]), /* @__PURE__ */ h(
+      un,
+      {
+        asChild: !0,
+        disableOutsidePointerEvents: !1,
+        onEscapeKeyDown: i,
+        onPointerDownOutside: s,
+        onFocusOutside: (f) => f.preventDefault(),
+        onDismiss: d,
+        children: /* @__PURE__ */ L(
+          ji,
+          {
+            "data-state": c.stateAttribute,
+            ...l,
+            ...a,
+            ref: t,
+            style: {
+              ...a.style,
+              "--radix-tooltip-content-transform-origin": "var(--radix-popper-transform-origin)",
+              "--radix-tooltip-content-available-width": "var(--radix-popper-available-width)",
+              "--radix-tooltip-content-available-height": "var(--radix-popper-available-height)",
+              "--radix-tooltip-trigger-width": "var(--radix-popper-anchor-width)",
+              "--radix-tooltip-trigger-height": "var(--radix-popper-anchor-height)"
+            },
+            children: [
+              /* @__PURE__ */ h(as, { children: r }),
+              /* @__PURE__ */ h(is, { scope: n, isInside: !0, children: /* @__PURE__ */ h(Zi, { id: c.contentId, role: "tooltip", children: o || r }) })
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+Hn.displayName = he;
+var Bn = "TooltipArrow", cs = u.forwardRef(
+  (e, t) => {
+    const { __scopeTooltip: n, ...r } = e, o = Be(n);
+    return ss(
+      Bn,
+      n
+    ).isInside ? null : /* @__PURE__ */ h(Yi, { ...o, ...r, ref: t });
+  }
+);
+cs.displayName = Bn;
+function ls(e, t) {
+  const n = Math.abs(t.top - e.y), r = Math.abs(t.bottom - e.y), o = Math.abs(t.right - e.x), i = Math.abs(t.left - e.x);
+  switch (Math.min(n, r, o, i)) {
+    case i:
+      return "left";
+    case o:
+      return "right";
+    case n:
+      return "top";
+    case r:
+      return "bottom";
+    default:
+      throw new Error("unreachable");
+  }
+}
+function ds(e, t, n = 5) {
+  const r = [];
+  switch (t) {
+    case "top":
+      r.push(
+        { x: e.x - n, y: e.y + n },
+        { x: e.x + n, y: e.y + n }
+      );
+      break;
+    case "bottom":
+      r.push(
+        { x: e.x - n, y: e.y - n },
+        { x: e.x + n, y: e.y - n }
+      );
+      break;
+    case "left":
+      r.push(
+        { x: e.x + n, y: e.y - n },
+        { x: e.x + n, y: e.y + n }
+      );
+      break;
+    case "right":
+      r.push(
+        { x: e.x - n, y: e.y - n },
+        { x: e.x - n, y: e.y + n }
+      );
+      break;
+  }
+  return r;
+}
+function us(e) {
+  const { top: t, right: n, bottom: r, left: o } = e;
+  return [
+    { x: o, y: t },
+    { x: n, y: t },
+    { x: n, y: r },
+    { x: o, y: r }
+  ];
+}
+function fs(e, t) {
+  const { x: n, y: r } = e;
+  let o = !1;
+  for (let i = 0, s = t.length - 1; i < t.length; s = i++) {
+    const a = t[i], c = t[s], l = a.x, d = a.y, f = c.x, m = c.y;
+    d > r != m > r && n < (f - l) * (r - d) / (m - d) + l && (o = !o);
+  }
+  return o;
+}
+function hs(e) {
+  const t = e.slice();
+  return t.sort((n, r) => n.x < r.x ? -1 : n.x > r.x ? 1 : n.y < r.y ? -1 : n.y > r.y ? 1 : 0), ms(t);
+}
+function ms(e) {
+  if (e.length <= 1) return e.slice();
+  const t = [];
+  for (let r = 0; r < e.length; r++) {
+    const o = e[r];
+    for (; t.length >= 2; ) {
+      const i = t[t.length - 1], s = t[t.length - 2];
+      if ((i.x - s.x) * (o.y - s.y) >= (i.y - s.y) * (o.x - s.x)) t.pop();
+      else break;
+    }
+    t.push(o);
+  }
+  t.pop();
+  const n = [];
+  for (let r = e.length - 1; r >= 0; r--) {
+    const o = e[r];
+    for (; n.length >= 2; ) {
+      const i = n[n.length - 1], s = n[n.length - 2];
+      if ((i.x - s.x) * (o.y - s.y) >= (i.y - s.y) * (o.x - s.x)) n.pop();
+      else break;
+    }
+    n.push(o);
+  }
+  return n.pop(), t.length === 1 && n.length === 1 && t[0].x === n[0].x && t[0].y === n[0].y ? t : t.concat(n);
+}
+var ps = $n, gs = Fn, vs = zn, Vn = Hn;
+const As = ps, Os = gs, Ls = vs, ws = u.forwardRef(({ className: e, sideOffset: t = 4, ...n }, r) => /* @__PURE__ */ h(
+  Vn,
+  {
+    ref: r,
+    sideOffset: t,
+    className: V(
+      "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      e
+    ),
+    ...n
+  }
+));
+ws.displayName = Vn.displayName;
+const Ds = {
+  ChatProvider: Vt,
+  ChatInterface: ke,
+  MessageComponent: jt,
+  ThreadManager: Me,
+  ChatApp: Sr,
+  useChat: Qe
+};
+export {
+  B as Button,
+  Rr as Card,
+  Lr as CardContent,
+  Or as CardDescription,
+  Dr as CardFooter,
+  Nr as CardHeader,
+  Ar as CardTitle,
+  Sr as ChatApp,
+  ke as ChatInterface,
+  Vt as ChatProvider,
+  _r as Input,
+  Fr as Label,
+  jt as MessageComponent,
+  uo as ScrollArea,
+  Br as Separator,
+  et as Textarea,
+  Me as ThreadManager,
+  Os as Tooltip,
+  ws as TooltipContent,
+  As as TooltipProvider,
+  Ls as TooltipTrigger,
+  V as cn,
+  Ds as default,
+  Qe as useChat
+};