gentiq 0.7.20 → 0.7.21

package/dist/gentiq-index.es.js

@@ -1,23 +1,23 @@
-import { jsx as e, jsxs as r, Fragment as we } from "react/jsx-runtime";
-import * as te from "react";
-import { useState as S, useMemo as H, useEffect as U, useRef as ae, useCallback as Z, useLayoutEffect as We } from "react";
-import { QueryClient as Ge, QueryClientProvider as Xe, useQueryClient as me, useQuery as Je, useInfiniteQuery as Ye } from "@tanstack/react-query";
+import { jsx as e, jsxs as n, Fragment as Ne } from "react/jsx-runtime";
+import * as Z from "react";
+import { useState as C, useMemo as j, useEffect as $, useRef as ee, useCallback as J, useLayoutEffect as Ge } from "react";
+import { QueryClient as We, QueryClientProvider as Xe, useQueryClient as he, useQuery as Je, useInfiniteQuery as Ye } from "@tanstack/react-query";
 import { I18nextProvider as Ze, useTranslation as ie } from "react-i18next";
 import { Trans as Xa, Translation as Ja, useTranslation as Ya, withTranslation as Za } from "react-i18next";
-import { g as et, u as T, d as tt, C as ze, T as at, a as re, b as Re, j as ge, G as rt, c as oe, e as g, f as qe, h as Fe, i as je, k as Oe, B as ee, l as $e, m as ue, D as Be, n as nt, o as Ue, L as Q, I as X, S as fe, p as be, q as ve, r as xe, s as de, t as st, v as _e, w as ot, x as it, y as lt, z as le, A as ct, E as dt, F as ut, H as mt, J as ht, K as pt } from "./checkbox-Bur5BJ4z.js";
-import { M as tr, N as ar, P as rr, O as nr, R as sr, Q as or, U as ir, V as lr, W as cr, X as dr, Y as ur, Z as mr, _ as hr } from "./checkbox-Bur5BJ4z.js";
-import { Loader2Icon as gt, OctagonXIcon as ft, TriangleAlertIcon as bt, InfoIcon as vt, CircleCheckIcon as xt, XIcon as yt, PanelLeftIcon as wt, Layers as Pe, User as Nt, ShieldCheck as kt, Settings as ye, Smartphone as Ct, Lock as St, Save as _t, Sun as Pt, Moon as Tt, Monitor as Mt, Zap as Te, Globe as It, Coins as Dt, LogOut as Et, CirclePlus as Lt, Plus as At, Search as zt, Check as Rt, X as qt, Pin as Me, MoreVertical as Ft, PinOff as jt, Share2 as Ot, Pencil as $t, Trash as Bt } from "lucide-react";
+import { g as et, u as T, d as tt, C as ze, T as at, a as te, b as Re, j as fe, G as rt, c as oe, e as p, f as qe, h as Fe, i as Oe, k as je, B as Y, l as $e, m as me, D as Be, n as nt, o as Ue, L as Q, I as G, S as be, p as ve, q as xe, r as ye, s as ue, t as st, v as Se, w as ot, x as it, y as lt, z as ce, A as ct, E as dt, F as ut, H as mt, J as ht, K as pt } from "./checkbox-eHCIm0ql.js";
+import { M as tr, N as ar, P as rr, O as nr, R as sr, Q as or, U as ir, V as lr, W as cr, X as dr, Y as ur, Z as mr, _ as hr } from "./checkbox-eHCIm0ql.js";
+import { Loader2Icon as gt, OctagonXIcon as ft, TriangleAlertIcon as bt, InfoIcon as vt, CircleCheckIcon as xt, XIcon as yt, PanelLeftIcon as wt, Layers as Pe, User as Nt, ShieldCheck as kt, Settings as we, Smartphone as Ct, Lock as _t, Save as St, Sun as Pt, Moon as Mt, Monitor as Tt, Zap as Me, Globe as It, Coins as Dt, LogOut as Et, CirclePlus as Lt, Plus as At, Search as zt, Check as Rt, X as qt, Pin as Te, MoreVertical as Ft, PinOff as Ot, Share2 as jt, Pencil as $t, Trash as Bt } from "lucide-react";
 import { useTheme as Ut } from "next-themes";
-import { Toaster as Kt, toast as Y } from "sonner";
+import { Toaster as Kt, toast as X } from "sonner";
 import { useChat as Ht } from "@ai-sdk/react";
 import { DefaultChatTransport as Qt } from "ai";
-import { useLocation as Ke, useNavigate as Ne, Navigate as Vt, useParams as Wt } from "react-router-dom";
-import { nanoid as ce } from "nanoid";
-import { Slot as Gt } from "@radix-ui/react-slot";
+import { useLocation as Ke, useNavigate as ke, Navigate as Vt, useParams as Gt } from "react-router-dom";
+import { nanoid as de } from "nanoid";
+import { Slot as Wt } from "@radix-ui/react-slot";
 import { cva as Xt } from "class-variance-authority";
 import "@radix-ui/react-separator";
-import * as ne from "@radix-ui/react-dialog";
-const Jt = ({ ...a }) => {
+import * as re from "@radix-ui/react-dialog";
+const Jt = ({ ...r }) => {
   const { theme: t = "system" } = Ut();
   return /* @__PURE__ */ e(
     Kt,
@@ -37,72 +37,107 @@ const Jt = ({ ...a }) => {
         "--normal-border": "var(--border)",
         "--border-radius": "var(--radius)"
       },
-      ...a
+      ...r
     }
   );
 };
 function Ua({
-  children: a,
+  children: r,
   api: t,
   app: o,
-  i18n: c,
+  i18n: d,
   components: i,
-  history: l,
-  welcome: p,
-  threadActions: f,
-  composer: m,
+  history: c,
+  welcome: m,
+  threadActions: g,
+  composer: u,
   theme: w,
-  disclaimer: x,
-  settings: _
+  disclaimer: b,
+  settings: v
 }) {
-  const [d, P] = S(null), N = H(
-    () => c?.instance ?? et,
+  const [l, S] = C(null), _ = j(
+    () => d?.instance ?? et,
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [c?.instance]
-  ), O = t || {};
-  U(() => {
-    T.getAppConfig().then((h) => P(h)).catch((h) => console.debug("Gentiq: No dynamic settings available or fetch failed", h));
-  }, []), U(() => {
-    d?.app_name && (document.title = N.t(d.app_name));
-  }, [d, N]);
-  const b = H(() => {
-    const h = {
+    [d?.instance]
+  ), q = t || {};
+  $(() => {
+    T.getAppConfig().then((s) => S(s)).catch((s) => console.debug("Gentiq: No dynamic settings available or fetch failed", s));
+  }, []), $(() => {
+    l?.app_name && (document.title = _.t(l.app_name));
+  }, [l, _]);
+  const O = j(() => {
+    const s = {
       basePath: "/",
       cacheNamespace: "gentiq",
       ...o
     };
-    return d ? {
-      ...h,
-      name: (d.app_name ? N.t(d.app_name) : null) || h.name,
-      adminTitle: (d.admin_title ? N.t(d.admin_title) : null) || h.adminTitle,
-      showSettings: d.show_settings ?? h.showSettings,
-      showToolDetails: d.show_tool_details ?? h.showToolDetails
-    } : h;
-  }, [o, d, N]), M = H(() => d ? {
-    ...p,
-    greeting: d.welcome_greeting || p?.greeting,
-    subtitle: d.welcome_subtitle || p?.subtitle
-  } : p, [p, d]), y = H(() => {
-    const h = d?.disclaimer || x;
-    return h && N.t(h);
-  }, [x, d, N]), A = H(() => d ? {
-    ...l,
-    enabled: d.history_enabled ?? l?.enabled,
-    showDelete: d.history_show_delete ?? l?.showDelete,
-    showRename: d.history_show_rename ?? l?.showRename,
-    showShare: d.history_show_share ?? l?.showShare,
-    showPin: d.history_show_pin ?? l?.showPin
-  } : l, [l, d]), L = H(() => d ? {
-    ...f,
-    feedback: d.thread_actions_feedback ?? f?.feedback,
-    retry: d.thread_actions_retry ?? f?.retry
-  } : f, [f, d]), z = H(() => d ? {
+    return l ? {
+      ...s,
+      name: (l.app_name ? _.t(l.app_name) : null) || s.name,
+      adminTitle: (l.admin_title ? _.t(l.admin_title) : null) || s.adminTitle,
+      showSettings: l.show_settings ?? s.showSettings,
+      showToolDetails: l.show_tool_details ?? s.showToolDetails,
+      settingsGeneralMode: l.settings_general_mode || s.settingsGeneralMode,
+      settingsProfileMode: l.settings_profile_mode || s.settingsProfileMode,
+      settingsAccountMode: l.settings_account_mode || s.settingsAccountMode
+    } : s;
+  }, [o, l, _]), P = j(() => l ? {
     ...m,
+    greeting: l.welcome_greeting || m?.greeting,
+    subtitle: l.welcome_subtitle || m?.subtitle
+  } : m, [m, l]), y = j(() => {
+    const s = l?.disclaimer || b;
+    return s && _.t(s);
+  }, [b, l, _]), h = j(() => l ? {
+    ...c,
+    enabled: l.history_enabled ?? c?.enabled,
+    showDelete: l.history_show_delete ?? c?.showDelete,
+    showRename: l.history_show_rename ?? c?.showRename,
+    showShare: l.history_show_share ?? c?.showShare,
+    showPin: l.history_show_pin ?? c?.showPin
+  } : c, [c, l]), E = j(() => l ? {
+    ...g,
+    feedback: l.thread_actions_feedback ?? g?.feedback,
+    retry: l.thread_actions_retry ?? g?.retry
+  } : g, [g, l]), z = j(() => l ? {
+    ...u,
     attachments: {
-      ...m?.attachments,
-      enabled: d.composer_attachments ?? m?.attachments?.enabled
+      ...u?.attachments,
+      enabled: l.composer_attachments ?? u?.attachments?.enabled
     }
-  } : m, [m, d]), I = H(() => new Ge({
+  } : u, [u, l]), I = j(() => l ? {
+    ...v,
+    sections: {
+      ...v?.sections,
+      general: {
+        ...v?.sections?.general,
+        mode: l.settings_general_mode || v?.sections?.general?.mode,
+        enabled: v?.sections?.general?.enabled ?? !0,
+        fields: {
+          ...v?.sections?.general?.fields,
+          ...l.settings_general_fields
+        }
+      },
+      profile: {
+        ...v?.sections?.profile,
+        mode: l.settings_profile_mode || v?.sections?.profile?.mode,
+        enabled: v?.sections?.profile?.enabled ?? !0,
+        fields: {
+          ...v?.sections?.profile?.fields,
+          ...l.settings_profile_fields
+        }
+      },
+      account: {
+        ...v?.sections?.account,
+        mode: l.settings_account_mode || v?.sections?.account?.mode,
+        enabled: v?.sections?.account?.enabled ?? !0,
+        fields: {
+          ...v?.sections?.account?.fields,
+          ...l.settings_account_fields
+        }
+      }
+    }
+  } : v, [v, l]), H = j(() => new We({
     defaultOptions: {
       queries: {
         staleTime: 5e3,
@@ -110,46 +145,46 @@ function Ua({
       }
     }
   }), []);
-  U(() => {
+  $(() => {
     T.init({
-      api: O,
-      app: b
+      api: q,
+      app: O
     });
-  }, [b]);
-  const $ = ae(null), j = c?.resources;
-  j !== $.current && ($.current = j, j && Object.entries(j).forEach(([h, n]) => {
-    Object.entries(n).forEach(([v, E]) => {
-      N.addResourceBundle(h, v, E, !0, !0);
+  }, [O]);
+  const B = ee(null), F = d?.resources;
+  F !== B.current && (B.current = F, F && Object.entries(F).forEach(([s, x]) => {
+    Object.entries(x).forEach(([D, A]) => {
+      _.addResourceBundle(s, D, A, !0, !0);
     });
   }));
-  const R = ae(null), k = d?.translations;
-  k && k !== R.current && (R.current = k, Object.entries(k).forEach(([h, n]) => {
-    Object.entries(n).forEach(([v, E]) => {
-      N.addResourceBundle(h, v, E, !0, !0);
+  const L = ee(null), U = l?.translations;
+  U && U !== L.current && (L.current = U, Object.entries(U).forEach(([s, x]) => {
+    Object.entries(x).forEach(([D, A]) => {
+      _.addResourceBundle(s, D, A, !0, !0);
     });
   }));
-  const B = ae(null), K = c?.instance;
-  return K && K !== B.current && (B.current = K, Object.entries(tt).forEach(([h, n]) => {
-    Object.entries(n).forEach(([v, E]) => {
-      K.hasResourceBundle(h, v) || K.addResourceBundle(h, v, E, !0, !1);
+  const K = ee(null), f = d?.instance;
+  return f && f !== K.current && (K.current = f, Object.entries(tt).forEach(([s, x]) => {
+    Object.entries(x).forEach(([D, A]) => {
+      f.hasResourceBundle(s, D) || f.addResourceBundle(s, D, A, !0, !1);
     });
-  })), /* @__PURE__ */ e(Ze, { i18n: N, children: /* @__PURE__ */ r(Xe, { client: I, children: [
-    /* @__PURE__ */ r(
+  })), /* @__PURE__ */ e(Ze, { i18n: _, children: /* @__PURE__ */ n(Xe, { client: H, children: [
+    /* @__PURE__ */ n(
       ze,
       {
         components: i,
-        history: A,
-        welcome: M,
-        threadActions: L,
+        history: h,
+        welcome: P,
+        threadActions: E,
         composer: z,
         theme: w,
         disclaimer: y,
-        app: b,
-        i18n: c,
-        settings: _,
+        app: O,
+        i18n: d,
+        settings: I,
         children: [
           /* @__PURE__ */ e(Yt, {}),
-          /* @__PURE__ */ e(at, { defaultTheme: "system", storageKey: "chatbot-theme", config: w, children: a })
+          /* @__PURE__ */ e(at, { defaultTheme: "system", storageKey: "chatbot-theme", config: w, children: r })
         ]
       }
     ),
@@ -157,304 +192,304 @@ function Ua({
   ] }) });
 }
 function Yt() {
-  const { app: a } = re();
-  return Re(), U(() => {
-    a?.name && (document.title = a.name);
-  }, [a?.name]), U(() => {
-    if (!a?.favicon) return;
+  const { app: r } = te();
+  return Re(), $(() => {
+    r?.name && (document.title = r.name);
+  }, [r?.name]), $(() => {
+    if (!r?.favicon) return;
     let t = document.querySelector("link[rel~='icon']");
-    t || (t = document.createElement("link"), t.rel = "icon", document.head.appendChild(t)), t.href = a.favicon;
-  }, [a?.favicon]), null;
+    t || (t = document.createElement("link"), t.rel = "icon", document.head.appendChild(t)), t.href = r.favicon;
+  }, [r?.favicon]), null;
 }
-function ke() {
-  const a = Ke(), t = Ne(), c = T.getConfig().app?.basePath || "/", i = H(() => {
-    const p = a.pathname, f = p.endsWith("/") && p !== "/" ? p.slice(0, -1) : p, m = c.endsWith("/") && c !== "/" ? c.slice(0, -1) : c;
-    if (f === (m || "/")) return "/";
-    if (p.startsWith(m) && m !== "/") {
-      let w = p.slice(m.length);
+function Ce() {
+  const r = Ke(), t = ke(), d = T.getConfig().app?.basePath || "/", i = j(() => {
+    const m = r.pathname, g = m.endsWith("/") && m !== "/" ? m.slice(0, -1) : m, u = d.endsWith("/") && d !== "/" ? d.slice(0, -1) : d;
+    if (g === (u || "/")) return "/";
+    if (m.startsWith(u) && u !== "/") {
+      let w = m.slice(u.length);
       return w.startsWith("/") || (w = "/" + w), w;
     }
-    return m === "/" ? p : "/";
-  }, [a.pathname, c]), l = Z((p) => {
-    t(ge(c, p || "/"), { replace: !1 });
-  }, [t, c]);
-  return [i, l];
+    return u === "/" ? m : "/";
+  }, [r.pathname, d]), c = J((m) => {
+    t(fe(d, m || "/"), { replace: !1 });
+  }, [t, d]);
+  return [i, c];
 }
-function Zt({ onFinish: a } = {}) {
-  const { t } = ie(["chat", "errors"]), o = me(), c = T.getConfig(), i = c.app?.cacheNamespace || "gentiq", [l, p] = ke(), [f, m] = S(() => ce()), w = ae(/* @__PURE__ */ new Set());
-  U(() => {
-    l === "/" ? m(ce()) : f && l !== `/${f}` && m(ce());
-  }, [l]);
-  const x = H(() => l === "/" ? f : l.replace(/^\//, ""), [l, f]), _ = Z((h) => (w.current.add(h), h), []), d = Z(() => {
-    w.current.forEach((h) => URL.revokeObjectURL(h)), w.current.clear();
+function Zt({ onFinish: r } = {}) {
+  const { t } = ie(["chat", "errors"]), o = he(), d = T.getConfig(), i = d.app?.cacheNamespace || "gentiq", [c, m] = Ce(), [g, u] = C(() => de()), w = ee(/* @__PURE__ */ new Set());
+  $(() => {
+    c === "/" ? u(de()) : g && c !== `/${g}` && u(de());
+  }, [c]);
+  const b = j(() => c === "/" ? g : c.replace(/^\//, ""), [c, g]), v = J((f) => (w.current.add(f), f), []), l = J(() => {
+    w.current.forEach((f) => URL.revokeObjectURL(f)), w.current.clear();
   }, []);
-  U(() => () => d(), [d]);
+  $(() => () => l(), [l]);
   const {
-    data: P,
-    isLoading: N,
-    isError: O
+    data: S,
+    isLoading: _,
+    isError: q
   } = Je({
-    queryKey: [i, "threadMessages", x],
+    queryKey: [i, "threadMessages", b],
     queryFn: async () => {
-      if (l === "/") return [];
-      if (l === `/${f}`) return [];
-      const h = await T.getThreadMessages(x);
-      return !h.items || !Array.isArray(h.items) ? [] : Promise.all(
-        h.items.map(async (n) => {
-          const v = typeof n.content == "string" ? n.content : n.content?.text || JSON.stringify(n.content), W = [...Array.isArray(n.parts) && n.parts.length > 0 ? n.parts : [{ type: "text", text: v }]].sort((C, D) => C.type === "file" && D.type !== "file" ? -1 : C.type !== "file" && D.type === "file" ? 1 : 0), J = await Promise.all(
-            W.map(async (C) => {
-              if (C.type === "file" && C.object_name && !C.url)
+      if (c === "/") return [];
+      if (c === `/${g}`) return [];
+      const f = await T.getThreadMessages(b);
+      return !f.items || !Array.isArray(f.items) ? [] : Promise.all(
+        f.items.map(async (s) => {
+          const x = typeof s.content == "string" ? s.content : s.content?.text || JSON.stringify(s.content), A = [...Array.isArray(s.parts) && s.parts.length > 0 ? s.parts : [{ type: "text", text: x }]].sort((N, R) => N.type === "file" && R.type !== "file" ? -1 : N.type !== "file" && R.type === "file" ? 1 : 0), V = await Promise.all(
+            A.map(async (N) => {
+              if (N.type === "file" && N.object_name && !N.url)
                 try {
-                  const D = await T.getAttachmentBlobUrl(C.object_name);
-                  return { ...C, url: _(D), mediaType: C.mediaType || C.media_type };
-                } catch (D) {
-                  return console.warn("Load attachment failed:", C.object_name, D), { ...C, mediaType: C.mediaType || C.media_type };
+                  const R = await T.getAttachmentBlobUrl(N.object_name);
+                  return { ...N, url: v(R), mediaType: N.mediaType || N.media_type };
+                } catch (R) {
+                  return console.warn("Load attachment failed:", N.object_name, R), { ...N, mediaType: N.mediaType || N.media_type };
                 }
-              return C;
+              return N;
             })
           );
           return {
-            id: n.id || ce(),
-            role: n.role,
-            parts: J,
-            metadata: { feedback: n.feedback }
+            id: s.id || de(),
+            role: s.role,
+            parts: V,
+            metadata: { feedback: s.feedback }
           };
         })
       );
     },
-    enabled: l !== "/",
+    enabled: c !== "/",
     staleTime: 5e3
     // Keep history fresh for 5 seconds
-  }), b = H(() => new Qt({
+  }), O = j(() => new Qt({
     api: T.getEndpoint("chat", "/chat"),
-    fetch: async (h, n) => {
-      const v = new Headers(n?.headers), E = T.getHeaders();
-      Object.entries(E).forEach(([D, V]) => {
-        v.set(D, V);
-      }), v.set("X-Thread-Id", x);
-      const W = c.api?.basePath || "/api", J = typeof h == "string" && !h.startsWith("http") ? `${W}${h.startsWith("/") ? h : "/" + h}` : h, C = await fetch(J, { ...n, headers: v });
-      if (!C.ok) {
-        const D = await C.json().catch(() => ({}));
-        if (D.error && (D.error.code || D.error.message))
-          throw new rt(D, C.status);
-        const V = D.error || D.message || C.statusText;
-        throw new Error(`${C.status}: ${V}`);
+    fetch: async (f, s) => {
+      const x = new Headers(s?.headers), D = T.getHeaders();
+      Object.entries(D).forEach(([R, W]) => {
+        x.set(R, W);
+      }), x.set("X-Thread-Id", b);
+      const A = d.api?.basePath || "/api", V = typeof f == "string" && !f.startsWith("http") ? `${A}${f.startsWith("/") ? f : "/" + f}` : f, N = await fetch(V, { ...s, headers: x });
+      if (!N.ok) {
+        const R = await N.json().catch(() => ({}));
+        if (R.error && (R.error.code || R.error.message))
+          throw new rt(R, N.status);
+        const W = R.error || R.message || N.statusText;
+        throw new Error(`${N.status}: ${W}`);
       }
-      return C;
+      return N;
     }
-  }), [x, c.api?.basePath]), M = Z(() => {
-    L("ready"), o.invalidateQueries({ queryKey: [i, "conversations"] }), a?.();
-  }, [o, a, i]), y = Ht({
-    id: x,
-    onFinish: M,
-    transport: b
-  }), [A, L] = S("idle"), [z, I] = S(null), $ = Z(() => {
+  }), [b, d.api?.basePath]), P = J(() => {
+    E("ready"), o.invalidateQueries({ queryKey: [i, "conversations"] }), r?.();
+  }, [o, r, i]), y = Ht({
+    id: b,
+    onFinish: P,
+    transport: O
+  }), [h, E] = C("idle"), [z, I] = C(null), H = J(() => {
     I(null);
   }, []);
-  U(() => {
-    P && (l === `/${f}` || (y.setMessages(P), L("ready")));
-  }, [P, y.setMessages, l, f]), U(() => {
-    l === "/" && (y.setMessages([]), L("idle"));
-  }, [l, y.setMessages]), U(() => {
-    if (l === "/") {
-      L("idle");
+  $(() => {
+    S && (c === `/${g}` || (y.setMessages(S), E("ready")));
+  }, [S, y.setMessages, c, g]), $(() => {
+    c === "/" && (y.setMessages([]), E("idle"));
+  }, [c, y.setMessages]), $(() => {
+    if (c === "/") {
+      E("idle");
       return;
     }
-    const h = l === `/${f}`;
-    N && !h ? L("loading-history") : O || z || y.error ? L("error") : y.status === "streaming" || y.status === "submitted" ? L(y.status) : L("ready");
-  }, [N, O, y.status, z, y.error, l, f]), U(() => () => {
+    const f = c === `/${g}`;
+    _ && !f ? E("loading-history") : q || z || y.error ? E("error") : y.status === "streaming" || y.status === "submitted" ? E(y.status) : E("ready");
+  }, [_, q, y.status, z, y.error, c, g]), $(() => () => {
     y.stop();
-  }, [x, y.stop]);
-  const j = ae(/* @__PURE__ */ new Set()), R = H(() => y.messages.filter((h) => h.role === "assistant"), [y.messages]);
-  U(() => {
-    let h = !1;
-    for (const n of R) {
-      if (j.current.has(n.id)) continue;
-      const v = n.parts.find((E) => E.type === "data-title");
-      v && v.data?.[0]?.title && (j.current.add(n.id), h = !0);
+  }, [b, y.stop]);
+  const B = ee(/* @__PURE__ */ new Set()), F = j(() => y.messages.filter((f) => f.role === "assistant"), [y.messages]);
+  $(() => {
+    let f = !1;
+    for (const s of F) {
+      if (B.current.has(s.id)) continue;
+      const x = s.parts.find((D) => D.type === "data-title");
+      x && x.data?.[0]?.title && (B.current.add(s.id), f = !0);
     }
-    h && o.invalidateQueries({ queryKey: [i, "conversations"] });
-  }, [R, o, i]);
-  const k = Z(async (h, n) => {
-    const v = l === "/", E = h.trim();
-    if (!(!E && (!n || n.length === 0)) && !(A === "loading-history" || A === "streaming" || A === "submitted")) {
-      if (y.stop(), v) {
-        p(`/${x}`);
-        const W = E || t("attach_file"), J = W.length > 30 ? W.slice(0, 30) + "..." : W;
-        o.setQueryData([i, "conversations"], (C) => {
-          const D = { id: `/${x}`, firstMessage: J, timestamp: Date.now() };
-          return C && Array.isArray(C.pages) ? {
-            ...C,
-            pages: C.pages.map((V, s) => s === 0 ? {
-              ...V,
-              threads: [D, ...V.threads || []]
-            } : V)
-          } : [D, ...Array.isArray(C) ? C : []];
+    f && o.invalidateQueries({ queryKey: [i, "conversations"] });
+  }, [F, o, i]);
+  const L = J(async (f, s) => {
+    const x = c === "/", D = f.trim();
+    if (!(!D && (!s || s.length === 0)) && !(h === "loading-history" || h === "streaming" || h === "submitted")) {
+      if (y.stop(), x) {
+        m(`/${b}`);
+        const A = D || t("attach_file"), V = A.length > 30 ? A.slice(0, 30) + "..." : A;
+        o.setQueryData([i, "conversations"], (N) => {
+          const R = { id: `/${b}`, firstMessage: V, timestamp: Date.now() };
+          return N && Array.isArray(N.pages) ? {
+            ...N,
+            pages: N.pages.map((W, le) => le === 0 ? {
+              ...W,
+              threads: [R, ...W.threads || []]
+            } : W)
+          } : [R, ...Array.isArray(N) ? N : []];
         });
       }
-      L("submitted"), I(null);
+      E("submitted"), I(null);
       try {
-        await y.sendMessage({ text: E, files: n });
-      } catch (W) {
-        console.error("Failed to send message:", W);
-        const J = oe(W, t);
-        I(new Error(J)), L("error");
+        await y.sendMessage({ text: D, files: s });
+      } catch (A) {
+        console.error("Failed to send message:", A);
+        const V = oe(A, t);
+        I(new Error(V)), E("error");
       }
     }
-  }, [y, p, l, x, t, o, A, i]), B = Z(() => {
-    y.stop(), L("ready"), o.invalidateQueries({ queryKey: [i, "conversations"] });
-  }, [y.stop, o, i]), K = H(() => {
+  }, [y, m, c, b, t, o, h, i]), U = J(() => {
+    y.stop(), E("ready"), o.invalidateQueries({ queryKey: [i, "conversations"] });
+  }, [y.stop, o, i]), K = j(() => {
     if (z) return z;
     if (y.error) {
-      const h = oe(y.error, t);
-      return new Error(h);
+      const f = oe(y.error, t);
+      return new Error(f);
     }
     return null;
   }, [z, y.error, t]);
-  return H(() => ({
+  return j(() => ({
     ...y,
-    sendMessage: k,
-    stop: B,
-    clearError: $,
+    sendMessage: L,
+    stop: U,
+    clearError: H,
     error: K,
-    status: A,
+    status: h,
     // Cast to any to satisfy Chat.tsx expectations of AI SDK statuses
-    isLoadingHistory: A === "loading-history",
-    isErrorHistory: A === "error" || !!K || O,
-    conversationId: l
-  }), [y, k, B, $, K, A, O, l]);
+    isLoadingHistory: h === "loading-history",
+    isErrorHistory: h === "error" || !!K || q,
+    conversationId: c
+  }), [y, L, U, H, K, h, q, c]);
 }
-function ea({ classNames: a = {}, disclaimer: t }) {
-  const { t: o, i18n: c } = ie(["chat", "translation"]), i = Zt(), { messages: l, status: p, regenerate: f, error: m, clearError: w, stop: x, isLoadingHistory: _, conversationId: d, sendMessage: P } = i, { MessageList: N, PromptInput: O, disclaimer: b } = re(), M = t ?? b, y = c.exists("chat:disclaimer") ? o("chat:disclaimer") : null, A = typeof M == "string" ? o(M) : M ?? y, [L, z] = S(null), I = ae(p);
-  We(() => {
-    m && w();
-  }, [d, w, m]);
-  const $ = l[l.length - 1], j = $?.role === "assistant" && (p === "ready" || $.parts.some((k) => k.type === "data-chat-finished"));
-  U(() => {
-    p === "error" && I.current !== "error" && L !== d ? z(d) : p === "submitted" && L !== null && z(null), I.current = p;
-  }, [p, d]);
-  const R = p === "error" && (d === "/" || L === d);
-  return /* @__PURE__ */ r("div", { className: g("relative flex flex-col h-full overflow-hidden", a.container), children: [
+function ea({ classNames: r = {}, disclaimer: t }) {
+  const { t: o, i18n: d } = ie(["chat", "translation"]), i = Zt(), { messages: c, status: m, regenerate: g, error: u, clearError: w, stop: b, isLoadingHistory: v, conversationId: l, sendMessage: S } = i, { MessageList: _, PromptInput: q, disclaimer: O } = te(), P = t ?? O, y = d.exists("chat:disclaimer") ? o("chat:disclaimer") : null, h = typeof P == "string" ? o(P) : P ?? y, [E, z] = C(null), I = ee(m);
+  Ge(() => {
+    u && w();
+  }, [l, w, u]);
+  const H = c[c.length - 1], B = H?.role === "assistant" && (m === "ready" || H.parts.some((L) => L.type === "data-chat-finished"));
+  $(() => {
+    m === "error" && I.current !== "error" && E !== l ? z(l) : m === "submitted" && E !== null && z(null), I.current = m;
+  }, [m, l]);
+  const F = m === "error" && (l === "/" || E === l);
+  return /* @__PURE__ */ n("div", { className: p("relative flex flex-col h-full overflow-hidden", r.container), children: [
     /* @__PURE__ */ e(
-      N,
+      _,
       {
-        messages: l,
-        status: p,
-        isLoadingHistory: _,
-        error: R ? m : null,
-        conversationId: d,
-        regen: (k) => f({ messageId: k }),
-        onSuggestionClick: (k) => P(k),
+        messages: c,
+        status: m,
+        isLoadingHistory: v,
+        error: F ? u : null,
+        conversationId: l,
+        regen: (L) => g({ messageId: L }),
+        onSuggestionClick: (L) => S(L),
         chat: i,
-        className: g("flex-1", a.messageList)
+        className: p("flex-1", r.messageList)
       }
     ),
-    /* @__PURE__ */ r("div", { className: "absolute bottom-0 left-0 right-0 z-10 pointer-events-none flex flex-col items-stretch", children: [
+    /* @__PURE__ */ n("div", { className: "absolute bottom-0 left-0 right-0 z-10 pointer-events-none flex flex-col items-stretch", children: [
       /* @__PURE__ */ e(
-        O,
+        q,
         {
-          onSend: P,
-          status: p,
-          isLastMessageFinished: j,
-          stop: x,
-          isErrorVisible: R,
-          conversationId: d,
-          className: g("pointer-events-auto", a.inputArea, A && "pb-0 md:pb-0")
+          onSend: S,
+          status: m,
+          isLastMessageFinished: B,
+          stop: b,
+          isErrorVisible: F,
+          conversationId: l,
+          className: p("pointer-events-auto", r.inputArea, h && "pb-0 md:pb-0")
         }
       ),
-      A && /* @__PURE__ */ r("div", { className: "relative py-1 px-4 flex justify-center items-center pointer-events-auto", children: [
+      h && /* @__PURE__ */ n("div", { className: "relative py-1 px-4 flex justify-center items-center pointer-events-auto", children: [
         /* @__PURE__ */ e("div", { className: "absolute inset-x-0 bottom-0 top-[-20px] bg-background/80 backdrop-blur-sm [mask-image:linear-gradient(to_top,black_60%,transparent)] pointer-events-none -z-10" }),
-        /* @__PURE__ */ e("p", { className: "text-[10px] md:text-[11px] text-muted-foreground/60 select-none text-center leading-tight", children: A })
+        /* @__PURE__ */ e("p", { className: "text-[10px] md:text-[11px] text-muted-foreground/60 select-none text-center leading-tight", children: h })
       ] })
     ] })
   ] });
 }
 const ta = ({
-  components: a,
+  components: r,
   history: t,
   welcome: o,
-  threadActions: c,
+  threadActions: d,
   composer: i,
-  theme: l,
-  disclaimer: p,
-  ...f
+  theme: c,
+  disclaimer: m,
+  ...g
 }) => {
-  const m = re(), w = H(() => ({
-    ...m,
-    ...a,
+  const u = te(), w = j(() => ({
+    ...u,
+    ...r,
     toolComponents: {
-      ...m.toolComponents,
-      ...a?.toolComponents
+      ...u.toolComponents,
+      ...r?.toolComponents
     }
-  }), [m, a]);
+  }), [u, r]);
   return /* @__PURE__ */ e(
     ze,
     {
       components: w,
-      history: t ?? m.history,
-      welcome: o ?? m.welcome,
-      threadActions: c ?? m.threadActions,
-      composer: i ?? m.composer,
-      theme: l ?? m.theme,
-      disclaimer: p ?? m.disclaimer,
-      children: /* @__PURE__ */ e(ea, { ...f })
+      history: t ?? u.history,
+      welcome: o ?? u.welcome,
+      threadActions: d ?? u.threadActions,
+      composer: i ?? u.composer,
+      theme: c ?? u.theme,
+      disclaimer: m ?? u.disclaimer,
+      children: /* @__PURE__ */ e(ea, { ...g })
     }
   );
-}, pe = 768;
+}, ge = 768;
 function aa() {
-  const [a, t] = te.useState(void 0);
-  return te.useEffect(() => {
-    const o = window.matchMedia(`(max-width: ${pe - 1}px)`), c = () => {
-      t(window.innerWidth < pe);
+  const [r, t] = Z.useState(void 0);
+  return Z.useEffect(() => {
+    const o = window.matchMedia(`(max-width: ${ge - 1}px)`), d = () => {
+      t(window.innerWidth < ge);
     };
-    return o.addEventListener("change", c), t(window.innerWidth < pe), () => {
-      o.removeEventListener("change", c);
+    return o.addEventListener("change", d), t(window.innerWidth < ge), () => {
+      o.removeEventListener("change", d);
     };
-  }, []), !!a;
+  }, []), !!r;
 }
-function ra({ ...a }) {
-  return /* @__PURE__ */ e(ne.Root, { "data-slot": "sheet", ...a });
+function ra({ ...r }) {
+  return /* @__PURE__ */ e(re.Root, { "data-slot": "sheet", ...r });
 }
-function na({ ...a }) {
-  return /* @__PURE__ */ e(ne.Portal, { "data-slot": "sheet-portal", ...a });
+function na({ ...r }) {
+  return /* @__PURE__ */ e(re.Portal, { "data-slot": "sheet-portal", ...r });
 }
-function sa({ className: a, ...t }) {
+function sa({ className: r, ...t }) {
   return /* @__PURE__ */ e(
-    ne.Overlay,
+    re.Overlay,
     {
       "data-slot": "sheet-overlay",
-      className: g(
+      className: p(
         "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
-        a
+        r
       ),
       ...t
     }
   );
 }
 function oa({
-  className: a,
+  className: r,
   children: t,
   side: o = "right",
-  ...c
+  ...d
 }) {
-  return /* @__PURE__ */ r(na, { children: [
+  return /* @__PURE__ */ n(na, { children: [
     /* @__PURE__ */ e(sa, {}),
-    /* @__PURE__ */ r(
-      ne.Content,
+    /* @__PURE__ */ n(
+      re.Content,
       {
         "data-slot": "sheet-content",
-        className: g(
+        className: p(
           "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
           o === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
           o === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
           o === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
           o === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
-          a
+          r
         ),
-        ...c,
+        ...d,
         children: [
           t,
-          /* @__PURE__ */ r(ne.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
+          /* @__PURE__ */ n(re.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
             /* @__PURE__ */ e(yt, { className: "size-4" }),
             /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
           ] })
@@ -463,75 +498,75 @@ function oa({
     )
   ] });
 }
-function ia({ className: a, ...t }) {
-  return /* @__PURE__ */ e("div", { "data-slot": "sheet-header", className: g("flex flex-col gap-1.5 p-4", a), ...t });
+function ia({ className: r, ...t }) {
+  return /* @__PURE__ */ e("div", { "data-slot": "sheet-header", className: p("flex flex-col gap-1.5 p-4", r), ...t });
 }
-function la({ className: a, ...t }) {
+function la({ className: r, ...t }) {
   return /* @__PURE__ */ e(
-    ne.Title,
+    re.Title,
     {
       "data-slot": "sheet-title",
-      className: g("text-foreground font-semibold", a),
+      className: p("text-foreground font-semibold", r),
       ...t
     }
   );
 }
-function ca({ className: a, ...t }) {
+function ca({ className: r, ...t }) {
   return /* @__PURE__ */ e(
-    ne.Description,
+    re.Description,
     {
       "data-slot": "sheet-description",
-      className: g("text-muted-foreground text-sm", a),
+      className: p("text-muted-foreground text-sm", r),
       ...t
     }
   );
 }
-const da = "sidebar_state", ua = 3600 * 24 * 7, ma = "19rem", ha = "18rem", pa = "3rem", ga = "b", He = te.createContext(null);
-function Ce() {
-  const a = te.useContext(He);
-  if (!a)
+const da = "sidebar_state", ua = 3600 * 24 * 7, ma = "19rem", ha = "18rem", pa = "3rem", ga = "b", He = Z.createContext(null);
+function _e() {
+  const r = Z.useContext(He);
+  if (!r)
     throw new Error("useSidebar must be used within a SidebarProvider.");
-  return a;
+  return r;
 }
 function fa({
-  defaultOpen: a = !0,
+  defaultOpen: r = !0,
   open: t,
   onOpenChange: o,
-  className: c,
+  className: d,
   style: i,
-  children: l,
-  ...p
+  children: c,
+  ...m
 }) {
-  const f = aa(), [m, w] = te.useState(!1), [x, _] = te.useState(a), d = t ?? x, P = te.useCallback(
-    (M) => {
-      const y = typeof M == "function" ? M(d) : M;
-      o ? o(y) : _(y), document.cookie = `${da}=${y}; path=/; max-age=${ua}`;
+  const g = aa(), [u, w] = Z.useState(!1), [b, v] = Z.useState(r), l = t ?? b, S = Z.useCallback(
+    (P) => {
+      const y = typeof P == "function" ? P(l) : P;
+      o ? o(y) : v(y), document.cookie = `${da}=${y}; path=/; max-age=${ua}`;
     },
-    [o, d]
-  ), N = te.useCallback(() => {
-    f ? w((M) => !M) : P((M) => !M);
-  }, [f, P, w]);
-  te.useEffect(() => {
-    const M = (y) => {
-      y.key === ga && (y.metaKey || y.ctrlKey) && (y.preventDefault(), N());
+    [o, l]
+  ), _ = Z.useCallback(() => {
+    g ? w((P) => !P) : S((P) => !P);
+  }, [g, S, w]);
+  Z.useEffect(() => {
+    const P = (y) => {
+      y.key === ga && (y.metaKey || y.ctrlKey) && (y.preventDefault(), _());
     };
-    return window.addEventListener("keydown", M), () => {
-      window.removeEventListener("keydown", M);
+    return window.addEventListener("keydown", P), () => {
+      window.removeEventListener("keydown", P);
     };
-  }, [N]);
-  const O = d ? "expanded" : "collapsed", b = te.useMemo(
+  }, [_]);
+  const q = l ? "expanded" : "collapsed", O = Z.useMemo(
     () => ({
-      state: O,
-      open: d,
-      setOpen: P,
-      isMobile: f,
-      openMobile: m,
+      state: q,
+      open: l,
+      setOpen: S,
+      isMobile: g,
+      openMobile: u,
       setOpenMobile: w,
-      toggleSidebar: N
+      toggleSidebar: _
     }),
-    [O, d, P, f, m, w, N]
+    [q, l, S, g, u, w, _]
   );
-  return /* @__PURE__ */ e(He.Provider, { value: b, children: /* @__PURE__ */ e(qe, { delayDuration: 0, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(He.Provider, { value: O, children: /* @__PURE__ */ e(qe, { delayDuration: 0, children: /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "sidebar-wrapper",
@@ -540,32 +575,33 @@ function fa({
         "--sidebar-width-icon": pa,
         ...i
       },
-      className: g("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full", c),
-      ...p,
-      children: l
+      className: p("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full", d),
+      ...m,
+      children: c
     }
   ) }) });
 }
 function ba({
-  side: a = "left",
+  side: r = "left",
   variant: t = "sidebar",
   collapsible: o = "offcanvas",
-  className: c,
+  className: d,
   children: i,
-  ...l
+  ...c
 }) {
-  const { isMobile: p, state: f, openMobile: m, setOpenMobile: w } = Ce();
+  const { isMobile: m, state: g, openMobile: u, setOpenMobile: w } = _e();
   return o === "none" ? /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "sidebar",
-      className: g("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col", c),
-      ...l,
+      className: p("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col", d),
+      ...c,
       children: i
     }
-  ) : p ? /* @__PURE__ */ e(ra, { open: m, onOpenChange: w, ...l, children: /* @__PURE__ */ r(
+  ) : m ? /* @__PURE__ */ e(ra, { open: u, onOpenChange: w, ...c, children: /* @__PURE__ */ n(
     oa,
     {
+      onOpenAutoFocus: (b) => b.preventDefault(),
       "data-sidebar": "sidebar",
       "data-slot": "sidebar",
       "data-mobile": "true",
@@ -573,30 +609,30 @@ function ba({
       style: {
         "--sidebar-width": ha
       },
-      side: a,
+      side: r,
       children: [
-        /* @__PURE__ */ r(ia, { className: "sr-only", children: [
+        /* @__PURE__ */ n(ia, { className: "sr-only", children: [
           /* @__PURE__ */ e(la, { children: "Sidebar" }),
           /* @__PURE__ */ e(ca, { children: "Displays the mobile sidebar." })
         ] }),
         /* @__PURE__ */ e("div", { className: "flex h-full w-full flex-col", children: i })
       ]
     }
-  ) }) : /* @__PURE__ */ r(
+  ) }) : /* @__PURE__ */ n(
     "div",
     {
       className: "group peer text-sidebar-foreground hidden md:block",
-      "data-state": f,
-      "data-collapsible": f === "collapsed" ? o : "",
+      "data-state": g,
+      "data-collapsible": g === "collapsed" ? o : "",
       "data-variant": t,
-      "data-side": a,
+      "data-side": r,
       "data-slot": "sidebar",
       children: [
         /* @__PURE__ */ e(
           "div",
           {
             "data-slot": "sidebar-gap",
-            className: g(
+            className: p(
               "relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear",
               "group-data-[collapsible=offcanvas]:w-0",
               "group-data-[side=right]:rotate-180",
@@ -608,14 +644,14 @@ function ba({
           "div",
           {
             "data-slot": "sidebar-container",
-            className: g(
+            className: p(
               "fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",
-              a === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
+              r === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
               // Adjust the padding for floating and inset variants.
               t === "floating" || t === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",
-              c
+              d
             ),
-            ...l,
+            ...c,
             children: /* @__PURE__ */ e(
               "div",
               {
@@ -631,18 +667,18 @@ function ba({
     }
   );
 }
-function va({ className: a, onClick: t, ...o }) {
-  const { toggleSidebar: c } = Ce();
-  return /* @__PURE__ */ r(
-    ee,
+function va({ className: r, onClick: t, ...o }) {
+  const { toggleSidebar: d } = _e();
+  return /* @__PURE__ */ n(
+    Y,
     {
       "data-sidebar": "trigger",
       "data-slot": "sidebar-trigger",
       variant: "ghost",
       size: "icon",
-      className: g("size-7", a),
+      className: p("size-7", r),
       onClick: (i) => {
-        t?.(i), c();
+        t?.(i), d();
       },
       ...o,
       children: [
@@ -652,71 +688,71 @@ function va({ className: a, onClick: t, ...o }) {
     }
   );
 }
-function xa({ className: a, ...t }) {
+function xa({ className: r, ...t }) {
   return /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "sidebar-footer",
       "data-sidebar": "footer",
-      className: g("flex flex-col gap-2 p-2", a),
+      className: p("flex flex-col gap-2 p-2", r),
       ...t
     }
   );
 }
-function ya({ className: a, ...t }) {
+function ya({ className: r, ...t }) {
   return /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "sidebar-content",
       "data-sidebar": "content",
-      className: g(
+      className: p(
         "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
-        a
+        r
       ),
       ...t
     }
   );
 }
-function wa({ className: a, ...t }) {
+function wa({ className: r, ...t }) {
   return /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "sidebar-group",
       "data-sidebar": "group",
-      className: g("relative flex w-full min-w-0 flex-col p-2", a),
+      className: p("relative flex w-full min-w-0 flex-col p-2", r),
       ...t
     }
   );
 }
-function Ie({ className: a, ...t }) {
+function Ie({ className: r, ...t }) {
   return /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "sidebar-group-content",
       "data-sidebar": "group-content",
-      className: g("w-full text-sm", a),
+      className: p("w-full text-sm", r),
       ...t
     }
   );
 }
-function De({ className: a, ...t }) {
+function De({ className: r, ...t }) {
   return /* @__PURE__ */ e(
     "ul",
     {
       "data-slot": "sidebar-menu",
       "data-sidebar": "menu",
-      className: g("flex w-full min-w-0 flex-col gap-1", a),
+      className: p("flex w-full min-w-0 flex-col gap-1", r),
       ...t
     }
   );
 }
-function Ee({ className: a, ...t }) {
+function Ee({ className: r, ...t }) {
   return /* @__PURE__ */ e(
     "li",
     {
       "data-slot": "sidebar-menu-item",
       "data-sidebar": "menu-item",
-      className: g("group/menu-item relative", a),
+      className: p("group/menu-item relative", r),
       ...t
     }
   );
@@ -742,259 +778,267 @@ const Na = Xt(
   }
 );
 function Le({
-  asChild: a = !1,
+  asChild: r = !1,
   isActive: t = !1,
   variant: o = "default",
-  size: c = "default",
+  size: d = "default",
   tooltip: i,
-  className: l,
-  ...p
+  className: c,
+  ...m
 }) {
-  const f = a ? Gt : "button", { isMobile: m, state: w } = Ce(), x = /* @__PURE__ */ e(
-    f,
+  const g = r ? Wt : "button", { isMobile: u, state: w } = _e(), b = /* @__PURE__ */ e(
+    g,
     {
       "data-slot": "sidebar-menu-button",
       "data-sidebar": "menu-button",
-      "data-size": c,
+      "data-size": d,
       "data-active": t,
-      className: g(Na({ variant: o, size: c }), l),
-      ...p
+      className: p(Na({ variant: o, size: d }), c),
+      ...m
     }
   );
   return i ? (typeof i == "string" && (i = {
     children: i
-  }), /* @__PURE__ */ r(Fe, { children: [
-    /* @__PURE__ */ e(je, { asChild: !0, children: x }),
-    /* @__PURE__ */ e(Oe, { side: "right", align: "center", hidden: w !== "collapsed" || m, ...i })
-  ] })) : x;
+  }), /* @__PURE__ */ n(Fe, { children: [
+    /* @__PURE__ */ e(Oe, { asChild: !0, children: b }),
+    /* @__PURE__ */ e(je, { side: "right", align: "center", hidden: w !== "collapsed" || u, ...i })
+  ] })) : b;
 }
-function ka({ trigger: a }) {
-  const { t, i18n: o } = ie(["settings", "translation"]), { app: c, settings: i } = re(), { theme: l, setTheme: p, accent: f, setAccent: m, radius: w, setRadius: x } = $e(), [_, d] = S(null), P = H(() => [
+function ka({ trigger: r }) {
+  const { t, i18n: o } = ie(["settings", "translation"]), { app: d, settings: i } = te(), { theme: c, setTheme: m, accent: g, setAccent: u, radius: w, setRadius: b } = $e(), [v, l] = C(null), [S, _] = C(!1), q = ee(null), O = j(() => [
     { id: "general", label: t("sections.general", "General"), icon: Pe },
     { id: "profile", label: t("sections.profile", "Profile"), icon: Nt },
     { id: "account", label: t("sections.account", "Account"), icon: kt }
-  ].filter((F) => i?.sections?.[F.id]?.enabled !== !1), [t, i]), [N, O] = S(P[0]?.id || "general"), b = Z((s, F) => {
-    const q = i?.sections?.[s]?.fields;
-    return q && q[F] || "editable";
-  }, [i]), [M, y] = S(""), [A, L] = S(""), [z, I] = S(""), [$, j] = S(""), R = H(() => c?.userMetadataFields?.filter((s) => s.showInProfile) || [], [c?.userMetadataFields]), [k, B] = S({}), [K, h] = S(!1), n = o.language === "fa", v = n ? "text-right" : "text-left", E = Z(async () => {
+  ].filter((k) => {
+    const M = i?.sections?.[k.id];
+    return (M?.mode ?? (M?.enabled === !1 ? "hidden" : "editable")) !== "hidden";
+  }), [t, i]), [P, y] = C(O[0]?.id || "general"), h = J((a, k) => {
+    const M = i?.sections?.[a]?.fields;
+    return M && M[k] || "editable";
+  }, [i]), [E, z] = C(""), [I, H] = C(""), [B, F] = C(""), [L, U] = C(""), K = j(() => d?.userMetadataFields?.filter((a) => a.showInProfile) || [], [d?.userMetadataFields]), [f, s] = C({}), [x, D] = C(!1), A = o.language === "fa", V = A ? "text-right" : "text-left", N = J(async () => {
     try {
-      const s = await T.getMe();
-      d(s), y(s.name || ""), L(s.surname || ""), I(s.phone || "");
-      const F = {};
-      R.forEach((q) => {
-        F[q.key] = s.metadata?.[q.key] ?? q.defaultValue ?? "";
-      }), B(F);
-    } catch (s) {
-      console.error("Failed to fetch user:", s), Y.error(oe(s, t));
+      const a = await T.getMe();
+      l(a), z(a.name || ""), H(a.surname || ""), F(a.phone || "");
+      const k = {};
+      K.forEach((M) => {
+        k[M.key] = a.metadata?.[M.key] ?? M.defaultValue ?? "";
+      }), s(k);
+    } catch (a) {
+      console.error("Failed to fetch user:", a), X.error(oe(a, t));
+    }
+  }, [t, K]);
+  $(() => {
+    if (!S) {
+      q.current = null;
+      return;
     }
-  }, [t, R]);
-  U(() => {
-    E();
-  }, [E]), U(() => {
-    const s = { ...k };
-    let F = !1;
-    R.forEach((q) => {
-      q.condition && !ue(q.condition, k) && s[q.key] !== void 0 && (delete s[q.key], F = !0);
-    }), F && B(s);
-  }, [k, R]);
-  const W = async () => {
-    h(!0);
+    (q.current === null || P === "account") && N(), q.current = P;
+  }, [S, P, N]), $(() => {
+    const a = { ...f };
+    let k = !1;
+    K.forEach((M) => {
+      M.condition && !me(M.condition, f) && a[M.key] !== void 0 && (delete a[M.key], k = !0);
+    }), k && s(a);
+  }, [f, K]);
+  const R = async () => {
+    D(!0);
     try {
-      const s = { name: M, surname: A, phone: z, metadata: k };
-      $ && (s.password = $), await T.updateMe(s), Y.success(t("profile.success", "Profile updated successfully")), j(""), E();
-    } catch (s) {
-      Y.error(oe(s, t));
+      const a = { name: E, surname: I, phone: B, metadata: f };
+      L && (a.password = L), await T.updateMe(a), X.success(t("profile.success", "Profile updated successfully")), U(""), N();
+    } catch (a) {
+      X.error(oe(a, t));
     } finally {
-      h(!1);
+      D(!1);
     }
-  }, J = () => {
+  }, W = () => {
     window.confirm(t("account.logout_confirm", "Are you sure you want to logout?")) && (T.clearToken(), window.location.reload());
-  }, C = (s) => {
-    o.changeLanguage(s);
-  }, D = _ ? Math.max(0, Math.min(100, _.balance.tokens / (_.balance.token_limit || 1) * 100)) : 0, V = _ ? Math.max(0, Math.min(100, _.balance.requests / (_.balance.request_limit || 1) * 100)) : 0;
-  return /* @__PURE__ */ r(Be, { children: [
-    /* @__PURE__ */ e(nt, { asChild: !0, children: a || /* @__PURE__ */ e(ee, { variant: "ghost", size: "icon", className: "rounded-full", children: /* @__PURE__ */ e(ye, { className: "h-5 w-5" }) }) }),
+  }, le = (a) => {
+    o.changeLanguage(a);
+  }, ae = v ? Math.max(0, Math.min(100, v.balance.tokens / (v.balance.token_limit || 1) * 100)) : 0, ne = v ? Math.max(0, Math.min(100, v.balance.requests / (v.balance.request_limit || 1) * 100)) : 0;
+  return /* @__PURE__ */ n(Be, { open: S, onOpenChange: _, children: [
+    /* @__PURE__ */ e(nt, { asChild: !0, children: r || /* @__PURE__ */ e(Y, { variant: "ghost", size: "icon", className: "rounded-full", children: /* @__PURE__ */ e(we, { className: "h-5 w-5" }) }) }),
     /* @__PURE__ */ e(
       Ue,
       {
-        dir: n ? "rtl" : "ltr",
-        className: g(
+        dir: A ? "rtl" : "ltr",
+        className: p(
           "w-full sm:w-[95vw] sm:max-w-[700px] p-0 gap-0 overflow-hidden rounded-t-2xl sm:rounded-3xl border-none shadow-2xl bg-background/95 backdrop-blur-md h-[90vh] sm:h-[750px]",
-          n && "rtl"
+          A && "rtl"
         ),
-        children: /* @__PURE__ */ r("div", { className: "flex flex-col h-full w-full min-h-0 overflow-hidden", children: [
-          /* @__PURE__ */ r("div", { className: "w-full bg-muted/20 sm:bg-muted/30 border-b border-border/40 pt-12 sm:pt-6 flex flex-col shrink-0", children: [
-            /* @__PURE__ */ e("div", { className: "flex items-center justify-between px-4 sm:px-6 mb-2 sm:mb-4", children: /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ e("div", { className: "bg-primary/10 p-1.5 rounded-lg", children: /* @__PURE__ */ e(ye, { className: "h-5 w-5 text-primary" }) }),
+        children: /* @__PURE__ */ n("div", { className: "flex flex-col h-full w-full min-h-0 overflow-hidden", children: [
+          /* @__PURE__ */ n("div", { className: "w-full bg-muted/20 sm:bg-muted/30 border-b border-border/40 pt-12 sm:pt-6 flex flex-col shrink-0", children: [
+            /* @__PURE__ */ e("div", { className: "flex items-center justify-between px-4 sm:px-6 mb-2 sm:mb-4", children: /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ e("div", { className: "bg-primary/10 p-1.5 rounded-lg", children: /* @__PURE__ */ e(we, { className: "h-5 w-5 text-primary" }) }),
               /* @__PURE__ */ e("span", { className: "font-bold text-lg", children: t("title", "Settings") })
             ] }) }),
-            /* @__PURE__ */ e("div", { className: "w-full overflow-x-auto no-scrollbar pt-2 px-2 sm:px-4", children: /* @__PURE__ */ e("nav", { className: "flex items-center gap-2 sm:gap-6 w-max", children: P.map((s) => /* @__PURE__ */ r(
+            /* @__PURE__ */ e("div", { className: "w-full overflow-x-auto no-scrollbar pt-2 px-2 sm:px-4", children: /* @__PURE__ */ e("nav", { className: "flex items-center gap-2 sm:gap-6 w-max", children: O.map((a) => /* @__PURE__ */ n(
               "button",
               {
-                onClick: () => O(s.id),
-                className: g(
+                onClick: () => y(a.id),
+                className: p(
                   "flex items-center gap-1.5 sm:gap-2 pb-2 sm:pb-3 pt-1 px-2 sm:px-1 text-sm sm:text-base font-medium transition-all border-b-2 whitespace-nowrap shrink-0",
-                  N === s.id ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground hover:border-border"
+                  P === a.id ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground hover:border-border",
+                  i?.sections?.[a.id]?.mode === "faded" && "opacity-50 pointer-events-none select-none"
                 ),
                 children: [
-                  /* @__PURE__ */ e(s.icon, { className: g(
+                  /* @__PURE__ */ e(a.icon, { className: p(
                     "h-3.5 w-3.5 sm:h-4 sm:w-4 transition-transform",
-                    N === s.id && "scale-110"
+                    P === a.id && "scale-110"
                   ) }),
-                  s.label
+                  a.label
                 ]
               },
-              s.id
+              a.id
             )) }) })
           ] }),
-          /* @__PURE__ */ e("div", { className: "flex-1 relative min-h-0 h-full bg-background", children: /* @__PURE__ */ r("div", { className: "absolute inset-0 overflow-y-auto p-5 sm:p-8 pt-12 sm:pt-12 custom-scrollbar", children: [
-            N === "profile" && /* @__PURE__ */ r("div", { className: "space-y-6 animate-in fade-in slide-in-from-bottom-4 duration-300", children: [
-              /* @__PURE__ */ r("div", { children: [
+          /* @__PURE__ */ e("div", { className: "flex-1 relative min-h-0 h-full bg-background", children: /* @__PURE__ */ n("div", { className: "absolute inset-0 overflow-y-auto p-5 sm:p-8 pt-12 sm:pt-12 custom-scrollbar", children: [
+            P === "profile" && /* @__PURE__ */ n("div", { className: "space-y-6 animate-in fade-in slide-in-from-bottom-4 duration-300", children: [
+              /* @__PURE__ */ n("div", { children: [
                 /* @__PURE__ */ e("h2", { className: "text-xl font-bold tracking-tight", children: t("profile.title", "Profile Information") }),
                 /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: t("profile.subtitle", "Update your personal details below.") })
               ] }),
-              /* @__PURE__ */ r("div", { className: "grid gap-6", children: [
-                /* @__PURE__ */ r("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
-                  b("profile", "name") !== "hidden" && /* @__PURE__ */ r("div", { className: g("flex flex-col gap-3", b("profile", "name") === "faded" && "opacity-50 pointer-events-none select-none"), children: [
+              /* @__PURE__ */ n("div", { className: "grid gap-6", children: [
+                /* @__PURE__ */ n("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+                  h("profile", "name") !== "hidden" && /* @__PURE__ */ n("div", { className: p("flex flex-col gap-3", h("profile", "name") === "faded" && "opacity-50 pointer-events-none select-none"), children: [
                     /* @__PURE__ */ e(Q, { htmlFor: "name", className: "px-1", children: t("profile.name", "First Name") }),
                     /* @__PURE__ */ e(
-                      X,
+                      G,
                       {
                         id: "name",
-                        value: M,
-                        onChange: (s) => y(s.target.value),
-                        disabled: b("profile", "name") === "faded",
-                        className: g("bg-muted/30 border-border/50 rounded-xl focus-visible:ring-primary h-11", v)
+                        value: E,
+                        onChange: (a) => z(a.target.value),
+                        disabled: h("profile", "name") === "faded",
+                        className: p("bg-muted/30 border-border/50 rounded-xl focus-visible:ring-primary h-11", V)
                       }
                     )
                   ] }),
-                  b("profile", "surname") !== "hidden" && /* @__PURE__ */ r("div", { className: g("flex flex-col gap-3", b("profile", "surname") === "faded" && "opacity-50 pointer-events-none select-none"), children: [
+                  h("profile", "surname") !== "hidden" && /* @__PURE__ */ n("div", { className: p("flex flex-col gap-3", h("profile", "surname") === "faded" && "opacity-50 pointer-events-none select-none"), children: [
                     /* @__PURE__ */ e(Q, { htmlFor: "surname", className: "px-1", children: t("profile.surname", "Last Name") }),
                     /* @__PURE__ */ e(
-                      X,
+                      G,
                       {
                         id: "surname",
-                        value: A,
-                        onChange: (s) => L(s.target.value),
-                        disabled: b("profile", "surname") === "faded",
-                        className: g("bg-muted/30 border-border/50 rounded-xl focus-visible:ring-primary h-11", v)
+                        value: I,
+                        onChange: (a) => H(a.target.value),
+                        disabled: h("profile", "surname") === "faded",
+                        className: p("bg-muted/30 border-border/50 rounded-xl focus-visible:ring-primary h-11", V)
                       }
                     )
                   ] })
                 ] }),
-                b("profile", "phone") !== "hidden" && /* @__PURE__ */ r("div", { className: g("flex flex-col gap-3", b("profile", "phone") === "faded" && "opacity-50 pointer-events-none select-none"), children: [
+                h("profile", "phone") !== "hidden" && /* @__PURE__ */ n("div", { className: p("flex flex-col gap-3", h("profile", "phone") === "faded" && "opacity-50 pointer-events-none select-none"), children: [
                   /* @__PURE__ */ e(Q, { htmlFor: "phone", className: "px-1", children: t("profile.phone", "Phone Number") }),
-                  /* @__PURE__ */ r("div", { className: "relative", children: [
+                  /* @__PURE__ */ n("div", { className: "relative", children: [
                     /* @__PURE__ */ e(Ct, { className: "absolute top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground start-3" }),
                     /* @__PURE__ */ e(
-                      X,
+                      G,
                       {
                         id: "phone",
-                        value: z,
-                        onChange: (s) => I(s.target.value),
-                        disabled: b("profile", "phone") === "faded",
-                        className: g("bg-muted/30 border-border/50 rounded-xl focus-visible:ring-primary ps-10 pe-3 text-left"),
+                        value: B,
+                        onChange: (a) => F(a.target.value),
+                        disabled: h("profile", "phone") === "faded",
+                        className: p("bg-muted/30 border-border/50 rounded-xl focus-visible:ring-primary ps-10 pe-3", V),
                         dir: "ltr"
                       }
                     )
                   ] })
                 ] }),
-                b("profile", "password") !== "hidden" && /* @__PURE__ */ r("div", { className: g("flex flex-col gap-3", b("profile", "password") === "faded" && "opacity-50 pointer-events-none select-none"), children: [
+                h("profile", "password") !== "hidden" && /* @__PURE__ */ n("div", { className: p("flex flex-col gap-3", h("profile", "password") === "faded" && "opacity-50 pointer-events-none select-none"), children: [
                   /* @__PURE__ */ e(Q, { htmlFor: "pass", className: "px-1", children: t("profile.password", "New Password") }),
-                  /* @__PURE__ */ r("div", { className: "relative", children: [
-                    /* @__PURE__ */ e(St, { className: "absolute top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground start-3" }),
+                  /* @__PURE__ */ n("div", { className: "relative", children: [
+                    /* @__PURE__ */ e(_t, { className: "absolute top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground start-3" }),
                     /* @__PURE__ */ e(
-                      X,
+                      G,
                       {
                         id: "pass",
                         type: "password",
-                        value: $,
-                        onChange: (s) => j(s.target.value),
-                        disabled: b("profile", "password") === "faded",
+                        value: L,
+                        onChange: (a) => U(a.target.value),
+                        disabled: h("profile", "password") === "faded",
                         placeholder: t("profile.password_placeholder", "Leave empty to keep current"),
-                        className: g("bg-muted/30 border-border/50 rounded-xl focus-visible:ring-primary ps-10 pe-3 text-left"),
+                        className: p("bg-muted/30 border-border/50 rounded-xl focus-visible:ring-primary ps-10 pe-3", V),
                         dir: "ltr"
                       }
                     )
                   ] })
                 ] }),
-                R.map((s) => {
-                  const F = s.mode || b("profile", s.key);
-                  return F === "hidden" || !ue(s.condition, k) ? null : /* @__PURE__ */ r("div", { className: g("flex flex-col gap-3 animate-in fade-in slide-in-from-top-1 duration-200", F === "faded" && "opacity-50 pointer-events-none select-none"), children: [
-                    /* @__PURE__ */ e(Q, { htmlFor: `profile-${s.key}`, className: "px-1", children: t(s.label) }),
-                    s.type === "select" ? /* @__PURE__ */ r(
-                      fe,
+                K.map((a) => {
+                  const k = a.mode || h("profile", a.key);
+                  return k === "hidden" || !me(a.condition, f) ? null : /* @__PURE__ */ n("div", { className: p("flex flex-col gap-3 animate-in fade-in slide-in-from-top-1 duration-200", k === "faded" && "opacity-50 pointer-events-none select-none"), children: [
+                    /* @__PURE__ */ e(Q, { htmlFor: `profile-${a.key}`, className: "px-1", children: t(a.label) }),
+                    a.type === "select" ? /* @__PURE__ */ n(
+                      be,
                       {
-                        value: String(k[s.key] || ""),
-                        onValueChange: (q) => B({ ...k, [s.key]: q }),
-                        disabled: F === "faded",
-                        dir: n ? "rtl" : "ltr",
+                        value: String(f[a.key] || ""),
+                        onValueChange: (M) => s({ ...f, [a.key]: M }),
+                        disabled: k === "faded",
+                        dir: A ? "rtl" : "ltr",
                         children: [
-                          /* @__PURE__ */ e(be, { className: "bg-muted/30 border-border/50 rounded-xl focus:ring-primary h-11", children: /* @__PURE__ */ e(ve, { placeholder: t(s.placeholder || "profile.select_placeholder") }) }),
-                          /* @__PURE__ */ e(xe, { className: "rounded-xl border-border/40 shadow-xl bg-background/95 backdrop-blur-md", children: s.options?.map((q) => /* @__PURE__ */ e(de, { value: String(q.value), className: "rounded-lg focus:bg-primary/10", children: t(q.label) }, String(q.value))) })
+                          /* @__PURE__ */ e(ve, { className: "bg-muted/30 border-border/50 rounded-xl focus:ring-primary h-11", children: /* @__PURE__ */ e(xe, { placeholder: t(a.placeholder || "profile.select_placeholder") }) }),
+                          /* @__PURE__ */ e(ye, { className: "rounded-xl border-border/40 shadow-xl bg-background/95 backdrop-blur-md", children: a.options?.map((M) => /* @__PURE__ */ e(ue, { value: String(M.value), className: "rounded-lg focus:bg-primary/10", children: t(M.label) }, String(M.value))) })
                         ]
                       }
-                    ) : s.type === "checkbox" ? /* @__PURE__ */ r("div", { className: "flex items-center gap-3 px-1 py-1", children: [
+                    ) : a.type === "checkbox" ? /* @__PURE__ */ n("div", { className: "flex items-center gap-3 px-1 py-1", children: [
                       /* @__PURE__ */ e(
                         "input",
                         {
-                          id: `profile-${s.key}`,
+                          id: `profile-${a.key}`,
                           type: "checkbox",
-                          checked: !!k[s.key],
-                          disabled: F === "faded",
-                          onChange: (q) => B({ ...k, [s.key]: q.target.checked }),
+                          checked: !!f[a.key],
+                          disabled: k === "faded",
+                          onChange: (M) => s({ ...f, [a.key]: M.target.checked }),
                           className: "h-5 w-5 rounded-md border-border/50 bg-muted/30 text-primary focus:ring-primary transition-all cursor-pointer"
                         }
                       ),
-                      /* @__PURE__ */ e(Q, { htmlFor: `profile-${s.key}`, className: "text-sm font-medium text-muted-foreground cursor-pointer", children: t(s.placeholder || s.label) })
+                      /* @__PURE__ */ e(Q, { htmlFor: `profile-${a.key}`, className: "text-sm font-medium text-muted-foreground cursor-pointer", children: t(a.placeholder || a.label) })
                     ] }) : /* @__PURE__ */ e(
-                      X,
+                      G,
                       {
-                        id: `profile-${s.key}`,
-                        type: s.type,
-                        value: k[s.key] || "",
-                        disabled: F === "faded",
-                        onChange: (q) => B({ ...k, [s.key]: q.target.value }),
-                        placeholder: t(s.placeholder || ""),
-                        className: g("bg-muted/30 border-border/50 rounded-xl focus-visible:ring-primary h-11", v)
+                        id: `profile-${a.key}`,
+                        type: a.type,
+                        value: f[a.key] || "",
+                        disabled: k === "faded",
+                        onChange: (M) => s({ ...f, [a.key]: M.target.value }),
+                        placeholder: t(a.placeholder || ""),
+                        className: p("bg-muted/30 border-border/50 rounded-xl focus-visible:ring-primary h-11", V)
                       }
                     )
-                  ] }, s.key);
+                  ] }, a.key);
                 }),
-                /* @__PURE__ */ e("div", { className: "pt-4", children: /* @__PURE__ */ r(
-                  ee,
+                /* @__PURE__ */ e("div", { className: "pt-4", children: /* @__PURE__ */ n(
+                  Y,
                   {
-                    onClick: W,
-                    disabled: K,
+                    onClick: R,
+                    disabled: x,
                     className: "w-full sm:w-auto px-8 rounded-xl gap-2 font-semibold shadow-lg shadow-primary/20 h-11 transition-all active:scale-[0.98]",
                     children: [
-                      /* @__PURE__ */ e(_t, { className: "h-4 w-4" }),
-                      K ? t("profile.saving", "Saving...") : t("profile.save", "Save Changes")
+                      /* @__PURE__ */ e(St, { className: "h-4 w-4" }),
+                      x ? t("profile.saving", "Saving...") : t("profile.save", "Save Changes")
                     ]
                   }
                 ) })
               ] })
             ] }),
-            N === "general" && /* @__PURE__ */ r("div", { className: "space-y-8 animate-in fade-in slide-in-from-bottom-4 duration-300", children: [
-              /* @__PURE__ */ r("div", { children: [
+            P === "general" && /* @__PURE__ */ n("div", { className: "space-y-8 animate-in fade-in slide-in-from-bottom-4 duration-300", children: [
+              /* @__PURE__ */ n("div", { children: [
                 /* @__PURE__ */ e("h2", { className: "text-xl font-bold tracking-tight", children: t("general.title", "General Settings") }),
                 /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: t("general.subtitle", "Configure look and feel and language.") })
               ] }),
-              /* @__PURE__ */ r("div", { className: "space-y-8", children: [
-                b("general", "theme") !== "hidden" && /* @__PURE__ */ r("div", { className: g("space-y-3", b("general", "theme") === "faded" && "opacity-50 pointer-events-none select-none"), children: [
-                  /* @__PURE__ */ r(Q, { className: "text-sm font-semibold flex items-center gap-2", children: [
+              /* @__PURE__ */ n("div", { className: "space-y-8", children: [
+                h("general", "theme") !== "hidden" && /* @__PURE__ */ n("div", { className: p("space-y-3", h("general", "theme") === "faded" && "opacity-50 pointer-events-none select-none"), children: [
+                  /* @__PURE__ */ n(Q, { className: "text-sm font-semibold flex items-center gap-2", children: [
                     /* @__PURE__ */ e(Pe, { className: "h-4 w-4 text-primary" }),
                     t("general.theme", "Theme")
                   ] }),
-                  /* @__PURE__ */ r("div", { className: "flex p-1 bg-muted/50 rounded-2xl border border-border/40 w-full", children: [
-                    /* @__PURE__ */ r(
+                  /* @__PURE__ */ n("div", { className: "flex p-1 bg-muted/50 rounded-2xl border border-border/40 w-full", children: [
+                    /* @__PURE__ */ n(
                       "button",
                       {
-                        onClick: () => p("light"),
-                        disabled: b("general", "theme") === "faded",
-                        className: g(
+                        onClick: () => m("light"),
+                        disabled: h("general", "theme") === "faded",
+                        className: p(
                           "flex-1 flex items-center justify-center gap-2 py-2.5 rounded-xl transition-all",
-                          l === "light" ? "bg-background shadow-md text-primary" : "text-muted-foreground hover:text-foreground"
+                          c === "light" ? "bg-background shadow-md text-primary" : "text-muted-foreground hover:text-foreground"
                         ),
                         children: [
                           /* @__PURE__ */ e(Pt, { className: "h-4 w-4" }),
@@ -1002,41 +1046,41 @@ function ka({ trigger: a }) {
                         ]
                       }
                     ),
-                    /* @__PURE__ */ r(
+                    /* @__PURE__ */ n(
                       "button",
                       {
-                        onClick: () => p("dark"),
-                        disabled: b("general", "theme") === "faded",
-                        className: g(
+                        onClick: () => m("dark"),
+                        disabled: h("general", "theme") === "faded",
+                        className: p(
                           "flex-1 flex items-center justify-center gap-2 py-2.5 rounded-xl transition-all",
-                          l === "dark" ? "bg-background shadow-md text-primary" : "text-muted-foreground hover:text-foreground"
+                          c === "dark" ? "bg-background shadow-md text-primary" : "text-muted-foreground hover:text-foreground"
                         ),
                         children: [
-                          /* @__PURE__ */ e(Tt, { className: "h-4 w-4" }),
+                          /* @__PURE__ */ e(Mt, { className: "h-4 w-4" }),
                           /* @__PURE__ */ e("span", { className: "text-sm font-medium", children: t("general.themes.dark", "Dark") })
                         ]
                       }
                     ),
-                    /* @__PURE__ */ r(
+                    /* @__PURE__ */ n(
                       "button",
                       {
-                        onClick: () => p("system"),
-                        disabled: b("general", "theme") === "faded",
-                        className: g(
+                        onClick: () => m("system"),
+                        disabled: h("general", "theme") === "faded",
+                        className: p(
                           "flex-1 flex items-center justify-center gap-2 py-2.5 rounded-xl transition-all",
-                          l === "system" ? "bg-background shadow-md text-primary" : "text-muted-foreground hover:text-foreground"
+                          c === "system" ? "bg-background shadow-md text-primary" : "text-muted-foreground hover:text-foreground"
                         ),
                         children: [
-                          /* @__PURE__ */ e(Mt, { className: "h-4 w-4" }),
+                          /* @__PURE__ */ e(Tt, { className: "h-4 w-4" }),
                           /* @__PURE__ */ e("span", { className: "text-sm font-medium", children: t("general.themes.system", "System") })
                         ]
                       }
                     )
                   ] })
                 ] }),
-                b("general", "accent") !== "hidden" && /* @__PURE__ */ r("div", { className: g("space-y-4", b("general", "accent") === "faded" && "opacity-50 pointer-events-none select-none"), children: [
-                  /* @__PURE__ */ r(Q, { className: "text-sm font-semibold flex items-center gap-2", children: [
-                    /* @__PURE__ */ e(Te, { className: "h-4 w-4 text-primary" }),
+                h("general", "accent") !== "hidden" && /* @__PURE__ */ n("div", { className: p("space-y-4", h("general", "accent") === "faded" && "opacity-50 pointer-events-none select-none"), children: [
+                  /* @__PURE__ */ n(Q, { className: "text-sm font-semibold flex items-center gap-2", children: [
+                    /* @__PURE__ */ e(Me, { className: "h-4 w-4 text-primary" }),
                     t("general.accent", "Accent Color")
                   ] }),
                   /* @__PURE__ */ e("div", { className: "grid grid-cols-4 sm:grid-cols-8 gap-3 w-full", children: [
@@ -1056,67 +1100,68 @@ function ka({ trigger: a }) {
                     // Teal
                     "oklch(0.552 0.016 285.938)"
                     // Slate
-                  ].map((s) => {
-                    const F = (f || "oklch(0.623 0.214 259.815)") === s;
+                  ].map((a) => {
+                    const k = (g || "oklch(0.623 0.214 259.815)") === a;
                     return /* @__PURE__ */ e(
                       "button",
                       {
-                        onClick: () => m(s),
-                        disabled: b("general", "accent") === "faded",
-                        className: g(
+                        onClick: () => u(a),
+                        disabled: h("general", "accent") === "faded",
+                        className: p(
                           "h-8 w-8 rounded-full border-2 transition-all hover:scale-110 active:scale-95 shadow-sm",
-                          F ? "border-foreground" : "border-transparent"
+                          k ? "border-foreground" : "border-transparent"
                         ),
-                        style: { backgroundColor: s }
+                        style: { backgroundColor: a }
                       },
-                      s
+                      a
                     );
                   }) })
                 ] }),
-                b("general", "radius") !== "hidden" && /* @__PURE__ */ r("div", { className: g("space-y-4", b("general", "radius") === "faded" && "opacity-50 pointer-events-none select-none"), children: [
-                  /* @__PURE__ */ r(Q, { className: "text-sm font-semibold flex items-center gap-2", children: [
+                h("general", "radius") !== "hidden" && /* @__PURE__ */ n("div", { className: p("space-y-4", h("general", "radius") === "faded" && "opacity-50 pointer-events-none select-none"), children: [
+                  /* @__PURE__ */ n(Q, { className: "text-sm font-semibold flex items-center gap-2", children: [
                     /* @__PURE__ */ e("div", { className: "h-4 w-4 rounded-md border-2 border-primary" }),
                     t("general.radius", "Rounded Corners")
                   ] }),
                   /* @__PURE__ */ e("div", { className: "flex p-1 bg-muted/50 rounded-2xl border border-border/40 w-full", children: [
                     { id: "sharp", value: "0.3rem" },
                     { id: "round", value: "1.25rem" }
-                  ].map((s) => {
-                    const F = (w || "1.25rem") === s.value;
+                  ].map((a) => {
+                    const k = (w || "1.25rem") === a.value;
                     return /* @__PURE__ */ e(
                       "button",
                       {
-                        onClick: () => x(s.value),
-                        disabled: b("general", "radius") === "faded",
-                        className: g(
+                        onClick: () => b(a.value),
+                        disabled: h("general", "radius") === "faded",
+                        className: p(
                           "flex-1 py-2 rounded-xl transition-all text-sm font-medium",
-                          F ? "bg-background shadow-md text-primary" : "text-muted-foreground hover:text-foreground"
+                          k ? "bg-background shadow-md text-primary" : "text-muted-foreground hover:text-foreground"
                         ),
-                        children: t(`general.radius_levels.${s.id}`)
+                        children: t(`general.radius_levels.${a.id}`)
                       },
-                      s.id
+                      a.id
                     );
                   }) })
                 ] }),
-                b("general", "language") !== "hidden" && /* @__PURE__ */ r("div", { className: g("space-y-3", b("general", "language") === "faded" && "opacity-50"), children: [
-                  /* @__PURE__ */ r(Q, { className: "text-sm font-semibold flex items-center gap-2", children: [
+                h("general", "language") !== "hidden" && /* @__PURE__ */ n("div", { className: p("space-y-3", h("general", "language") === "faded" && "opacity-50"), children: [
+                  /* @__PURE__ */ n(Q, { className: "text-sm font-semibold flex items-center gap-2", children: [
                     /* @__PURE__ */ e(It, { className: "h-4 w-4 text-primary" }),
                     t("general.language", "Language")
                   ] }),
-                  /* @__PURE__ */ r(
-                    fe,
+                  /* @__PURE__ */ n(
+                    be,
                     {
                       value: o.language,
-                      onValueChange: C,
-                      disabled: b("general", "language") === "faded",
+                      onValueChange: le,
+                      disabled: h("general", "language") === "faded",
+                      dir: A ? "rtl" : "ltr",
                       children: [
-                        /* @__PURE__ */ e(be, { className: "w-full bg-muted/50 rounded-2xl border-border/40 h-11 focus:ring-primary/20", children: /* @__PURE__ */ e(ve, { placeholder: t("general.language_placeholder", "Select language") }) }),
-                        /* @__PURE__ */ r(xe, { className: "rounded-2xl border-border/40 shadow-xl bg-background/95 backdrop-blur-md", children: [
-                          /* @__PURE__ */ e(de, { value: "en", className: "rounded-xl focus:bg-primary/10", children: /* @__PURE__ */ r("span", { className: "flex items-center gap-2", children: [
+                        /* @__PURE__ */ e(ve, { className: "w-full bg-muted/50 rounded-2xl border-border/40 h-11 focus:ring-primary/20", children: /* @__PURE__ */ e(xe, { placeholder: t("general.language_placeholder", "Select language") }) }),
+                        /* @__PURE__ */ n(ye, { className: "rounded-2xl border-border/40 shadow-xl bg-background/95 backdrop-blur-md", children: [
+                          /* @__PURE__ */ e(ue, { value: "en", className: "rounded-xl focus:bg-primary/10", children: /* @__PURE__ */ n("span", { className: "flex items-center gap-2", children: [
                             /* @__PURE__ */ e("span", { className: "text-xs font-bold text-muted-foreground mr-1", children: "EN" }),
                             t("general.languages.en", "English")
                           ] }) }),
-                          /* @__PURE__ */ e(de, { value: "fa", className: "rounded-xl focus:bg-primary/10", children: /* @__PURE__ */ r("span", { className: "flex items-center gap-2", children: [
+                          /* @__PURE__ */ e(ue, { value: "fa", className: "rounded-xl focus:bg-primary/10", children: /* @__PURE__ */ n("span", { className: "flex items-center gap-2", children: [
                             /* @__PURE__ */ e("span", { className: "text-xs font-bold text-muted-foreground mr-1", children: "FA" }),
                             t("general.languages.fa", "Persian")
                           ] }) })
@@ -1127,74 +1172,74 @@ function ka({ trigger: a }) {
                 ] })
               ] })
             ] }),
-            N === "account" && /* @__PURE__ */ r("div", { className: "space-y-8 animate-in fade-in slide-in-from-bottom-4 duration-300", children: [
-              /* @__PURE__ */ r("div", { children: [
+            P === "account" && /* @__PURE__ */ n("div", { className: "space-y-8 animate-in fade-in slide-in-from-bottom-4 duration-300", children: [
+              /* @__PURE__ */ n("div", { children: [
                 /* @__PURE__ */ e("h2", { className: "text-xl font-bold tracking-tight", children: t("account.title", "Account & Usage") }),
                 /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: t("account.subtitle", "Monitor your quotas and manage your session.") })
               ] }),
-              /* @__PURE__ */ r("div", { className: "space-y-6", children: [
-                b("account", "balance") !== "hidden" && /* @__PURE__ */ r("div", { className: g("p-6 bg-muted/30 rounded-3xl border border-border/40 space-y-6", b("account", "balance") === "faded" && "opacity-50"), children: [
-                  /* @__PURE__ */ r(Q, { className: "text-xs font-bold uppercase tracking-wider text-primary flex items-center gap-2", children: [
+              /* @__PURE__ */ n("div", { className: "space-y-6", children: [
+                h("account", "balance") !== "hidden" && /* @__PURE__ */ n("div", { className: p("p-6 bg-muted/30 rounded-3xl border border-border/40 space-y-6", h("account", "balance") === "faded" && "opacity-50"), children: [
+                  /* @__PURE__ */ n(Q, { className: "text-xs font-bold uppercase tracking-wider text-primary flex items-center gap-2", children: [
                     /* @__PURE__ */ e(Dt, { className: "h-4 w-4" }),
                     t("account.balance", "Current Balance")
                   ] }),
-                  /* @__PURE__ */ r("div", { className: "space-y-5", children: [
-                    /* @__PURE__ */ r("div", { className: "space-y-2", children: [
-                      /* @__PURE__ */ r("div", { className: "flex justify-between text-sm mb-1", children: [
+                  /* @__PURE__ */ n("div", { className: "space-y-5", children: [
+                    /* @__PURE__ */ n("div", { className: "space-y-2", children: [
+                      /* @__PURE__ */ n("div", { className: "flex justify-between text-sm mb-1", children: [
                         /* @__PURE__ */ e("span", { className: "font-medium text-muted-foreground", children: t("account.tokens", "Tokens") }),
-                        /* @__PURE__ */ r("span", { className: "font-bold text-primary", children: [
-                          D.toLocaleString(o.language, { maximumFractionDigits: 0 }),
+                        /* @__PURE__ */ n("span", { className: "font-bold text-primary", children: [
+                          ae.toLocaleString(o.language, { maximumFractionDigits: 0 }),
                           "%"
                         ] })
                       ] }),
                       /* @__PURE__ */ e("div", { className: "h-2.5 w-full bg-muted/50 rounded-full overflow-hidden border border-border/20 p-0.5", dir: "ltr", children: /* @__PURE__ */ e(
                         "div",
                         {
-                          className: g(
+                          className: p(
                             "h-full rounded-full transition-all duration-1000 shadow-sm",
-                            D > 60 ? "bg-emerald-500 shadow-emerald-500/20" : D > 20 ? "bg-amber-500 shadow-amber-500/20" : "bg-destructive shadow-destructive/20"
+                            ae > 60 ? "bg-emerald-500 shadow-emerald-500/20" : ae > 20 ? "bg-amber-500 shadow-amber-500/20" : "bg-destructive shadow-destructive/20"
                           ),
-                          style: { width: `${D}%` }
+                          style: { width: `${ae}%` }
                         }
                       ) })
                     ] }),
-                    /* @__PURE__ */ r("div", { className: "space-y-2", children: [
-                      /* @__PURE__ */ r("div", { className: "flex justify-between text-sm mb-1", children: [
-                        /* @__PURE__ */ r("span", { className: "font-medium text-muted-foreground flex items-center gap-1.5 focus:outline-none", children: [
-                          /* @__PURE__ */ e(Te, { className: "h-3.5 w-3.5 text-blue-500" }),
+                    /* @__PURE__ */ n("div", { className: "space-y-2", children: [
+                      /* @__PURE__ */ n("div", { className: "flex justify-between text-sm mb-1", children: [
+                        /* @__PURE__ */ n("span", { className: "font-medium text-muted-foreground flex items-center gap-1.5 focus:outline-none", children: [
+                          /* @__PURE__ */ e(Me, { className: "h-3.5 w-3.5 text-blue-500" }),
                           t("account.requests", "Requests")
                         ] }),
-                        /* @__PURE__ */ r("span", { className: "font-bold text-primary", children: [
-                          V.toLocaleString(o.language, { maximumFractionDigits: 0 }),
+                        /* @__PURE__ */ n("span", { className: "font-bold text-primary", children: [
+                          ne.toLocaleString(o.language, { maximumFractionDigits: 0 }),
                           "%"
                         ] })
                       ] }),
                       /* @__PURE__ */ e("div", { className: "h-2.5 w-full bg-muted/50 rounded-full overflow-hidden border border-border/20 p-0.5", dir: "ltr", children: /* @__PURE__ */ e(
                         "div",
                         {
-                          className: g(
+                          className: p(
                             "h-full rounded-full transition-all duration-1000 shadow-sm",
-                            V > 60 ? "bg-emerald-500 shadow-emerald-500/20" : V > 20 ? "bg-amber-500 shadow-amber-500/20" : "bg-destructive shadow-destructive/20"
+                            ne > 60 ? "bg-emerald-500 shadow-emerald-500/20" : ne > 20 ? "bg-amber-500 shadow-amber-500/20" : "bg-destructive shadow-destructive/20"
                           ),
-                          style: { width: `${V}%` }
+                          style: { width: `${ne}%` }
                         }
                       ) })
                     ] })
                   ] })
                 ] }),
-                /* @__PURE__ */ r("div", { className: "pt-2 flex flex-col gap-3", children: [
-                  _?.balance.updated_at && b("account", "balance") !== "hidden" && /* @__PURE__ */ r("p", { className: "text-xs text-muted-foreground px-1", children: [
+                /* @__PURE__ */ n("div", { className: "pt-2 flex flex-col gap-3", children: [
+                  v?.balance.updated_at && h("account", "balance") !== "hidden" && /* @__PURE__ */ n("p", { className: "text-xs text-muted-foreground px-1", children: [
                     t("account.last_recharge", "Last balance update on"),
                     ": ",
-                    new Date(_.balance.updated_at).toLocaleDateString(o.language)
+                    new Date(v.balance.updated_at).toLocaleDateString(o.language)
                   ] }),
-                  b("account", "logout") !== "hidden" && /* @__PURE__ */ r(
-                    ee,
+                  h("account", "logout") !== "hidden" && /* @__PURE__ */ n(
+                    Y,
                     {
                       variant: "destructive",
-                      onClick: J,
-                      disabled: b("account", "logout") === "faded",
-                      className: g("rounded-2xl gap-2 font-bold h-12 shadow-lg shadow-destructive/10 transition-all active:scale-[0.98]", b("account", "logout") === "faded" && "opacity-50 pointer-events-none"),
+                      onClick: W,
+                      disabled: h("account", "logout") === "faded",
+                      className: p("rounded-2xl gap-2 font-bold h-12 shadow-lg shadow-destructive/10 transition-all active:scale-[0.98]", h("account", "logout") === "faded" && "opacity-50 pointer-events-none"),
                       children: [
                         /* @__PURE__ */ e(Et, { className: "h-4 w-4" }),
                         t("account.logout", "Logout from Account")
@@ -1210,35 +1255,35 @@ function ka({ trigger: a }) {
     )
   ] });
 }
-function Qe({ hideActions: a = !1 }) {
-  const [, t] = ke(), { t: o } = ie(["sidebar", "chat"]), { history: c, app: i } = re(), { theme: l } = $e(), p = !a && (c?.enabled ?? !0), [f, m] = S("light");
-  U(() => {
-    if (l === "system") {
-      const _ = window.matchMedia("(prefers-color-scheme: dark)").matches;
-      m(_ ? "dark" : "light");
+function Qe({ hideActions: r = !1 }) {
+  const [, t] = Ce(), { t: o } = ie(["sidebar", "chat"]), { history: d, app: i } = te(), { theme: c } = $e(), m = !r && (d?.enabled ?? !0), [g, u] = C("light");
+  $(() => {
+    if (c === "system") {
+      const v = window.matchMedia("(prefers-color-scheme: dark)").matches;
+      u(v ? "dark" : "light");
     } else
-      m(l);
-  }, [l]);
-  const w = H(() => i?.logo ? typeof i.logo == "string" ? i.logo : f === "dark" ? i.logo.dark : i.logo.light : st, [i?.logo, f]), x = i?.name || "Gentiq";
-  return /* @__PURE__ */ r("header", { className: "relative flex items-center justify-between px-3 md:px-4 h-14 sticky top-0 z-40 w-full glass border-b border-border/30 transition-all duration-300", children: [
-    /* @__PURE__ */ e("div", { className: "flex items-center gap-1.5 md:gap-2 min-w-[36px] md:min-w-[80px]", children: p && /* @__PURE__ */ e(va, { className: "hover:bg-accent/60 transition-all duration-200 hover:scale-105 active:scale-95 rounded-lg size-9" }) }),
+      u(c);
+  }, [c]);
+  const w = j(() => i?.logo ? typeof i.logo == "string" ? i.logo : g === "dark" ? i.logo.dark : i.logo.light : st, [i?.logo, g]), b = i?.name || "Gentiq";
+  return /* @__PURE__ */ n("header", { className: "relative flex items-center justify-between px-3 md:px-4 h-14 sticky top-0 z-40 w-full glass border-b border-border/30 transition-all duration-300", children: [
+    /* @__PURE__ */ e("div", { className: "flex items-center gap-1.5 md:gap-2 min-w-[36px] md:min-w-[80px]", children: m && /* @__PURE__ */ e(va, { className: "hover:bg-accent/60 transition-all duration-200 hover:scale-105 active:scale-95 rounded-lg size-9" }) }),
     /* @__PURE__ */ e("div", { className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2", children: /* @__PURE__ */ e("div", { className: "flex items-center gap-2.5 select-none animate-in fade-in zoom-in-95 duration-500", children: /* @__PURE__ */ e(
       "img",
       {
         src: w,
-        alt: x,
+        alt: b,
         className: "size-8 object-contain"
       }
     ) }) }),
-    /* @__PURE__ */ e("div", { className: "flex items-center gap-1.5 min-w-[36px] md:min-w-[80px] justify-end", children: !a && /* @__PURE__ */ r(we, { children: [
-      /* @__PURE__ */ r(Fe, { children: [
-        /* @__PURE__ */ e(je, { asChild: !0, children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { className: "flex items-center gap-1.5 min-w-[36px] md:min-w-[80px] justify-end", children: !r && /* @__PURE__ */ n(Ne, { children: [
+      /* @__PURE__ */ n(Fe, { children: [
+        /* @__PURE__ */ e(Oe, { asChild: !0, children: /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            className: g(
+            className: p(
               "flex items-center justify-center size-9 rounded-lg hover:bg-accent/60 transition-all duration-200 hover:scale-105 active:scale-95 text-muted-foreground hover:text-primary",
-              p && "md:hidden"
+              m && "md:hidden"
             ),
             onClick: () => {
               t("/");
@@ -1246,7 +1291,7 @@ function Qe({ hideActions: a = !1 }) {
             children: /* @__PURE__ */ e(Lt, { className: "size-5" })
           }
         ) }),
-        /* @__PURE__ */ e(Oe, { side: "bottom", className: "text-xs", children: o("new_chat") })
+        /* @__PURE__ */ e(je, { side: "bottom", className: "text-xs", children: o("new_chat") })
       ] }),
       i?.showSettings !== !1 && /* @__PURE__ */ e(
         ka,
@@ -1256,7 +1301,7 @@ function Qe({ hideActions: a = !1 }) {
             {
               type: "button",
               className: "flex items-center justify-center size-9 rounded-lg hover:bg-accent/60 transition-all duration-200 hover:scale-105 active:scale-95 text-muted-foreground hover:text-primary",
-              children: /* @__PURE__ */ e(ye, { className: "size-5" })
+              children: /* @__PURE__ */ e(we, { className: "size-5" })
             }
           )
         }
@@ -1270,16 +1315,16 @@ function Ca() {
   return Ye({
     queryKey: [t, "conversations"],
     queryFn: async ({ pageParam: o = 0 }) => {
-      const c = await T.getHistory(o, Ae);
+      const d = await T.getHistory(o, Ae);
       return {
-        threads: c.threads.map((i) => ({
+        threads: d.threads.map((i) => ({
           id: `/${i.id}`,
           firstMessage: i.title || i.firstMessage || "Chat",
           timestamp: new Date(i.created_at).getTime(),
           pinned: !!i.pinned
         })),
         nextSkip: o + Ae,
-        hasMore: o + c.threads.length < (c.total_count ?? 0)
+        hasMore: o + d.threads.length < (d.total_count ?? 0)
       };
     },
     initialPageParam: 0,
@@ -1288,89 +1333,89 @@ function Ca() {
     // 5 minutes
   });
 }
-async function Sa(a, t, o, c) {
-  const l = T.getConfig().app?.cacheNamespace || "gentiq";
+async function _a(r, t, o, d) {
+  const c = T.getConfig().app?.cacheNamespace || "gentiq";
   try {
-    await T.deleteThread(a), t.invalidateQueries({ queryKey: [l, "conversations"] }), c === a && o("/");
-  } catch (p) {
-    console.error("Failed to delete conversation:", p), Y.error("Failed to delete conversation");
+    await T.deleteThread(r), t.invalidateQueries({ queryKey: [c, "conversations"] }), d === r && o("/");
+  } catch (m) {
+    console.error("Failed to delete conversation:", m), X.error("Failed to delete conversation");
   }
 }
-function _a({ side: a = "left" }) {
+function Sa({ side: r = "left" }) {
   const { t, i18n: o } = ie(["sidebar", "translation"]), {
-    data: c,
+    data: d,
     fetchNextPage: i,
-    hasNextPage: l,
-    isFetchingNextPage: p,
-    isLoading: f
-  } = Ca(), { history: m, app: w } = re(), x = w?.basePath || "/", _ = m?.enabled ?? !1, d = c?.pages.flatMap((u) => u.threads) ?? [], [P, N] = ke(), O = me(), b = ae(null), M = Z(
-    (u) => {
-      b.current && (b.current.disconnect(), b.current = null), u && l && !p && (b.current = new IntersectionObserver(
-        (G) => {
-          G[0].isIntersecting && i();
+    hasNextPage: c,
+    isFetchingNextPage: m,
+    isLoading: g
+  } = Ca(), { history: u, app: w } = te(), b = w?.basePath || "/", v = u?.enabled ?? !1, l = d?.pages.flatMap((a) => a.threads) ?? [], [S, _] = Ce(), q = he(), O = ee(null), P = J(
+    (a) => {
+      O.current && (O.current.disconnect(), O.current = null), a && c && !m && (O.current = new IntersectionObserver(
+        (k) => {
+          k[0].isIntersecting && i();
         },
         {
           threshold: 0,
           rootMargin: "100px"
         }
-      ), b.current.observe(u));
+      ), O.current.observe(a));
     },
-    [l, i, p]
-  ), A = T.getConfig().app?.cacheNamespace || "gentiq", [L, z] = S(!1), [I, $] = S(null), [j, R] = S(""), [k, B] = S(null), [K, h] = S(""), n = ae(null), v = Z((u, G) => {
-    u.button !== 0 || u.metaKey || u.ctrlKey || (u.preventDefault(), N(G));
-  }, [N]), E = d.filter(
-    (u) => u.firstMessage?.toLowerCase().includes(j.toLowerCase())
-  ).sort((u, G) => u.pinned && !G.pinned ? -1 : !u.pinned && G.pinned ? 1 : G.timestamp - u.timestamp), W = async (u) => {
+    [c, i, m]
+  ), h = T.getConfig().app?.cacheNamespace || "gentiq", [E, z] = C(!1), [I, H] = C(null), [B, F] = C(""), [L, U] = C(null), [K, f] = C(""), s = ee(null), x = J((a, k) => {
+    a.button !== 0 || a.metaKey || a.ctrlKey || (a.preventDefault(), _(k));
+  }, [_]), D = l.filter(
+    (a) => a.firstMessage?.toLowerCase().includes(B.toLowerCase())
+  ).sort((a, k) => a.pinned && !k.pinned ? -1 : !a.pinned && k.pinned ? 1 : k.timestamp - a.timestamp), A = async (a) => {
     try {
-      await T.pinThread(u.id.replace(/^\//, ""), !u.pinned), O.invalidateQueries({ queryKey: [A, "conversations"] }), Y.success(u.pinned ? t("unpinned_success") : t("pinned_success"));
+      await T.pinThread(a.id.replace(/^\//, ""), !a.pinned), q.invalidateQueries({ queryKey: [h, "conversations"] }), X.success(a.pinned ? t("unpinned_success") : t("pinned_success"));
     } catch {
-      Y.error(t("pin_failed"));
+      X.error(t("pin_failed"));
     }
-  }, J = async (u) => {
+  }, V = async (a) => {
     try {
-      const G = await T.shareThread(u.id.replace(/^\//, "")), he = `${window.location.origin}${G.url}`;
-      navigator.clipboard.writeText(he), Y.success(t("share_success"), {
+      const k = await T.shareThread(a.id.replace(/^\//, "")), M = `${window.location.origin}${k.url}`;
+      navigator.clipboard.writeText(M), X.success(t("share_success"), {
         description: t("share_description")
       });
     } catch {
-      Y.error(t("share_failed"));
+      X.error(t("share_failed"));
     }
-  }, C = (u) => {
-    B(u.id), h(u.firstMessage ?? ""), setTimeout(() => n.current?.focus(), 0);
-  }, D = (u) => {
-    u?.preventDefault(), u?.stopPropagation(), B(null), h("");
-  }, V = async (u) => {
-    if (u?.preventDefault(), u && "stopPropagation" in u && u.stopPropagation(), !(!k || !K.trim()))
+  }, N = (a) => {
+    U(a.id), f(a.firstMessage ?? ""), setTimeout(() => s.current?.focus(), 0);
+  }, R = (a) => {
+    a?.preventDefault(), a?.stopPropagation(), U(null), f("");
+  }, W = async (a) => {
+    if (a?.preventDefault(), a && "stopPropagation" in a && a.stopPropagation(), !(!L || !K.trim()))
       try {
-        await T.updateThreadTitle(k, K), O.invalidateQueries({ queryKey: [A, "conversations"] }), B(null), Y.success(t("rename_success"));
+        await T.updateThreadTitle(L, K), q.invalidateQueries({ queryKey: [h, "conversations"] }), U(null), X.success(t("rename_success"));
       } catch {
-        Y.error(t("rename_failed"));
+        X.error(t("rename_failed"));
       }
-  }, s = (u) => {
-    $(u), z(!0);
-  }, F = () => {
-    I && (Sa(I.id, O, N, P), z(!1), $(null), Y.success(t("chat_deleted_success")));
-  }, q = (u) => new Intl.DateTimeFormat(o.language, {
+  }, le = (a) => {
+    H(a), z(!0);
+  }, ae = () => {
+    I && (_a(I.id, q, _, S), z(!1), H(null), X.success(t("chat_deleted_success")));
+  }, ne = (a) => new Intl.DateTimeFormat(o.language, {
     year: "numeric",
     month: "short",
     day: "numeric",
     hour: "2-digit",
     minute: "2-digit",
     calendar: o.language === "fa" ? "persian" : "gregory"
-  }).format(new Date(u));
-  return /* @__PURE__ */ e(qe, { children: /* @__PURE__ */ r(ba, { collapsible: "icon", side: a, children: [
-    /* @__PURE__ */ e(ya, { className: "custom-scrollbar", children: /* @__PURE__ */ r(wa, { children: [
+  }).format(new Date(a));
+  return /* @__PURE__ */ e(qe, { children: /* @__PURE__ */ n(ba, { collapsible: "icon", side: r, children: [
+    /* @__PURE__ */ e(ya, { className: "custom-scrollbar", children: /* @__PURE__ */ n(wa, { children: [
       /* @__PURE__ */ e(De, { className: "mt-2 mb-6 px-2 group-data-[collapsible=icon]:px-0", children: /* @__PURE__ */ e(Ee, { className: "group-data-[collapsible=icon]:flex group-data-[collapsible=icon]:justify-center", children: /* @__PURE__ */ e(
         Le,
         {
           asChild: !0,
           tooltip: t("tooltip_new_conversation"),
           className: "h-[52px] rounded-2xl bg-white/40 dark:bg-white/5 border border-border/40 hover:border-primary/50 hover:bg-white/90 dark:hover:bg-white/10 text-foreground shadow-[0_4px_12px_-4px_rgba(0,0,0,0.1)] hover:shadow-[0_12px_30px_-10px_var(--glow)] transition-all duration-500 group-data-[collapsible=icon]:size-10 group-data-[collapsible=icon]:p-0! mb-2 group/new-chat overflow-hidden backdrop-blur-md group-data-[collapsible=icon]:mx-auto",
-          children: /* @__PURE__ */ r(
+          children: /* @__PURE__ */ n(
             "a",
             {
-              href: ge(x, "/"),
-              onClick: (u) => v(u, "/"),
+              href: fe(b, "/"),
+              onClick: (a) => x(a, "/"),
               className: "px-5 group-data-[collapsible=icon]:px-0 group-data-[collapsible=icon]:justify-center flex items-center gap-3 active:scale-[0.96] w-full h-full relative",
               children: [
                 /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-linear-to-tr from-primary/10 via-transparent to-primary/5 opacity-0 group-hover/new-chat:opacity-100 transition-opacity duration-700" }),
@@ -1381,70 +1426,70 @@ function _a({ side: a = "left" }) {
           )
         }
       ) }) }),
-      _ && /* @__PURE__ */ e(Ie, { className: "group-data-[collapsible=icon]:hidden mb-6 px-2", children: /* @__PURE__ */ r("div", { className: "relative group/search", children: [
+      v && /* @__PURE__ */ e(Ie, { className: "group-data-[collapsible=icon]:hidden mb-6 px-2", children: /* @__PURE__ */ n("div", { className: "relative group/search", children: [
         /* @__PURE__ */ e(zt, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 opacity-40 group-focus-within/search:opacity-70 transition-opacity" }),
         /* @__PURE__ */ e(
-          X,
+          G,
           {
             placeholder: t("search_conversations"),
-            value: j,
-            onChange: (u) => R(u.target.value),
+            value: B,
+            onChange: (a) => F(a.target.value),
             className: "pl-9 h-10 bg-accent/15 border border-border/40 focus-visible:ring-primary/20 rounded-xl transition-all"
           }
         )
       ] }) }),
-      _ && /* @__PURE__ */ r(Ie, { className: "group-data-[collapsible=icon]:hidden", children: [
-        /* @__PURE__ */ r(De, { children: [
-          E.map((u, G) => {
-            const he = k === u.id, Se = _e(u.firstMessage ?? ""), Ve = Se === "rtl";
-            return /* @__PURE__ */ e(Ee, { className: "group/sidebar-menu-item relative", children: he ? /* @__PURE__ */ r("div", { className: "flex items-center gap-1 px-2 py-1.5 w-full", children: [
+      v && /* @__PURE__ */ n(Ie, { className: "group-data-[collapsible=icon]:hidden", children: [
+        /* @__PURE__ */ n(De, { children: [
+          D.map((a, k) => {
+            const M = L === a.id, pe = Se(a.firstMessage ?? ""), Ve = pe === "rtl";
+            return /* @__PURE__ */ e(Ee, { className: "group/sidebar-menu-item relative", children: M ? /* @__PURE__ */ n("div", { className: "flex items-center gap-1 px-2 py-1.5 w-full", children: [
               /* @__PURE__ */ e(
-                X,
+                G,
                 {
-                  ref: n,
+                  ref: s,
                   value: K,
-                  onChange: (se) => h(se.target.value),
+                  onChange: (se) => f(se.target.value),
                   onKeyDown: (se) => {
-                    se.key === "Enter" && V(), se.key === "Escape" && D();
+                    se.key === "Enter" && W(), se.key === "Escape" && R();
                   },
                   className: "h-8 py-0 px-2 text-sm",
-                  dir: _e(K)
+                  dir: Se(K)
                 }
               ),
-              /* @__PURE__ */ e(ee, { size: "icon", variant: "ghost", className: "size-8 shrink-0 text-green-600 hover:text-green-700 hover:bg-green-50", onClick: V, children: /* @__PURE__ */ e(Rt, { className: "size-4" }) }),
-              /* @__PURE__ */ e(ee, { size: "icon", variant: "ghost", className: "size-8 shrink-0 text-destructive hover:bg-destructive/10", onClick: D, children: /* @__PURE__ */ e(qt, { className: "size-4" }) })
-            ] }) : /* @__PURE__ */ r(we, { children: [
+              /* @__PURE__ */ e(Y, { size: "icon", variant: "ghost", className: "size-8 shrink-0 text-green-600 hover:text-green-700 hover:bg-green-50", onClick: W, children: /* @__PURE__ */ e(Rt, { className: "size-4" }) }),
+              /* @__PURE__ */ e(Y, { size: "icon", variant: "ghost", className: "size-8 shrink-0 text-destructive hover:bg-destructive/10", onClick: R, children: /* @__PURE__ */ e(qt, { className: "size-4" }) })
+            ] }) : /* @__PURE__ */ n(Ne, { children: [
               /* @__PURE__ */ e(
                 Le,
                 {
                   asChild: !0,
-                  className: g("h-auto py-2.5 px-3", {
-                    "bg-accent opacity-100 pointer-events-none": u.id === P,
-                    "opacity-70 hover:opacity-100": u.id !== P
+                  className: p("h-auto py-2.5 px-3", {
+                    "bg-accent opacity-100 pointer-events-none": a.id === S,
+                    "opacity-70 hover:opacity-100": a.id !== S
                   }),
-                  children: /* @__PURE__ */ r(
+                  children: /* @__PURE__ */ n(
                     "a",
                     {
-                      href: ge(x, u.id),
-                      onClick: (se) => v(se, u.id),
-                      dir: Se,
-                      className: g("flex flex-col gap-0.5 w-full overflow-hidden", Ve ? "items-end" : "items-start"),
+                      href: fe(b, a.id),
+                      onClick: (se) => x(se, a.id),
+                      dir: pe,
+                      className: p("flex flex-col gap-0.5 w-full overflow-hidden", Ve ? "items-end" : "items-start"),
                       children: [
-                        /* @__PURE__ */ e("span", { className: g("truncate w-full font-medium text-[0.9375rem]", o.language === "fa" ? "pl-16 text-right" : "pr-16 text-left"), children: u.firstMessage }),
-                        /* @__PURE__ */ e("div", { className: g("text-[10px] opacity-40 w-full", o.language === "fa" ? "pl-16 text-right" : "pr-16 text-left"), children: q(u.timestamp) })
+                        /* @__PURE__ */ e("span", { className: p("truncate w-full font-medium text-[0.9375rem]", o.language === "fa" ? "pl-16 text-right" : "pr-16 text-left"), children: a.firstMessage }),
+                        /* @__PURE__ */ e("div", { className: p("text-[10px] opacity-40 w-full", o.language === "fa" ? "pl-16 text-right" : "pr-16 text-left"), children: ne(a.timestamp) })
                       ]
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ r("div", { className: g(
+              /* @__PURE__ */ n("div", { className: p(
                 "absolute top-1/2 -translate-y-1/2 flex items-center gap-1 transition-all duration-200 z-10",
                 o.language === "fa" ? "left-2" : "right-1.5"
               ), children: [
-                u.pinned && /* @__PURE__ */ e(Me, { className: "size-3.5 text-primary opacity-70 md:absolute md:inset-0 md:m-auto md:group-hover/sidebar-menu-item:opacity-0 transition-opacity pointer-events-none" }),
-                /* @__PURE__ */ r(ot, { dir: o.language === "fa" ? "rtl" : "ltr", children: [
+                a.pinned && /* @__PURE__ */ e(Te, { className: "size-3.5 text-primary opacity-70 md:absolute md:inset-0 md:m-auto md:group-hover/sidebar-menu-item:opacity-0 transition-opacity pointer-events-none" }),
+                /* @__PURE__ */ n(ot, { dir: o.language === "fa" ? "rtl" : "ltr", children: [
                   /* @__PURE__ */ e(it, { asChild: !0, children: /* @__PURE__ */ e(
-                    ee,
+                    Y,
                     {
                       variant: "ghost",
                       size: "icon",
@@ -1452,29 +1497,29 @@ function _a({ side: a = "left" }) {
                       children: /* @__PURE__ */ e(Ft, { className: "size-3.5" })
                     }
                   ) }),
-                  /* @__PURE__ */ r(
+                  /* @__PURE__ */ n(
                     lt,
                     {
                       align: "end",
                       className: "min-w-[120px] p-1",
                       children: [
-                        m?.showPin !== !1 && /* @__PURE__ */ r(le, { onSelect: () => W(u), className: "cursor-pointer flex items-center gap-2", children: [
-                          u.pinned ? /* @__PURE__ */ e(jt, { className: "size-4" }) : /* @__PURE__ */ e(Me, { className: "size-4" }),
-                          /* @__PURE__ */ e("span", { children: u.pinned ? t("unpin_conversation") : t("pin_conversation") })
+                        u?.showPin !== !1 && /* @__PURE__ */ n(ce, { onSelect: () => A(a), className: "cursor-pointer flex items-center gap-2", children: [
+                          a.pinned ? /* @__PURE__ */ e(Ot, { className: "size-4" }) : /* @__PURE__ */ e(Te, { className: "size-4" }),
+                          /* @__PURE__ */ e("span", { children: a.pinned ? t("unpin_conversation") : t("pin_conversation") })
                         ] }),
-                        m?.showShare !== !1 && /* @__PURE__ */ r(le, { onSelect: () => J(u), className: "cursor-pointer flex items-center gap-2", children: [
-                          /* @__PURE__ */ e(Ot, { className: "size-4" }),
+                        u?.showShare !== !1 && /* @__PURE__ */ n(ce, { onSelect: () => V(a), className: "cursor-pointer flex items-center gap-2", children: [
+                          /* @__PURE__ */ e(jt, { className: "size-4" }),
                           /* @__PURE__ */ e("span", { children: t("share_conversation") })
                         ] }),
-                        (m?.showRename ?? !1) && /* @__PURE__ */ r(le, { onSelect: () => C(u), className: "cursor-pointer flex items-center gap-2", children: [
+                        (u?.showRename ?? !1) && /* @__PURE__ */ n(ce, { onSelect: () => N(a), className: "cursor-pointer flex items-center gap-2", children: [
                           /* @__PURE__ */ e($t, { className: "size-4" }),
                           /* @__PURE__ */ e("span", { children: t("rename_conversation") })
                         ] }),
-                        (m?.showDelete ?? !1) && /* @__PURE__ */ r(
-                          le,
+                        (u?.showDelete ?? !1) && /* @__PURE__ */ n(
+                          ce,
                           {
                             className: "text-destructive focus:text-destructive focus:bg-destructive/10 cursor-pointer flex items-center gap-2",
-                            onSelect: () => s(u),
+                            onSelect: () => le(a),
                             children: [
                               /* @__PURE__ */ e(Bt, { className: "size-4" }),
                               /* @__PURE__ */ e("span", { children: t("delete_conversation") })
@@ -1486,32 +1531,32 @@ function _a({ side: a = "left" }) {
                   )
                 ] })
               ] })
-            ] }) }, G);
+            ] }) }, k);
           }),
-          !f && d.length === 0 && !j && /* @__PURE__ */ e("div", { className: "px-4 py-8 text-center text-sm opacity-40", children: t("no_conversations") })
+          !g && l.length === 0 && !B && /* @__PURE__ */ e("div", { className: "px-4 py-8 text-center text-sm opacity-40", children: t("no_conversations") })
         ] }),
-        /* @__PURE__ */ e("div", { ref: M, className: "h-4 w-full" }),
-        p && /* @__PURE__ */ r("div", { className: "flex flex-col items-center gap-2 p-4 pt-0 opacity-60", children: [
+        /* @__PURE__ */ e("div", { ref: P, className: "h-4 w-full" }),
+        m && /* @__PURE__ */ n("div", { className: "flex flex-col items-center gap-2 p-4 pt-0 opacity-60", children: [
           /* @__PURE__ */ e("div", { className: "size-4 border-2 border-primary border-t-transparent rounded-full animate-spin" }),
           /* @__PURE__ */ e("span", { className: "text-[10px] uppercase tracking-wider font-medium", children: t("loading_more") })
         ] })
       ] })
     ] }) }),
     /* @__PURE__ */ e(xa, {}),
-    /* @__PURE__ */ e(Be, { open: L, onOpenChange: z, children: /* @__PURE__ */ r(
+    /* @__PURE__ */ e(Be, { open: E, onOpenChange: z, children: /* @__PURE__ */ n(
       Ue,
       {
-        onKeyDown: (u) => {
-          u.key === "Enter" && (u.preventDefault(), F());
+        onKeyDown: (a) => {
+          a.key === "Enter" && (a.preventDefault(), ae());
         },
         children: [
-          /* @__PURE__ */ r(ct, { children: [
+          /* @__PURE__ */ n(ct, { children: [
             /* @__PURE__ */ e(dt, { children: t("delete_confirm_title") }),
             /* @__PURE__ */ e(ut, { children: t("delete_confirm_description") })
           ] }),
-          /* @__PURE__ */ r(mt, { children: [
+          /* @__PURE__ */ n(mt, { children: [
             /* @__PURE__ */ e(
-              ee,
+              Y,
               {
                 variant: "outline",
                 onClick: () => {
@@ -1520,23 +1565,23 @@ function _a({ side: a = "left" }) {
                 children: t("cancel")
               }
             ),
-            /* @__PURE__ */ e(ee, { variant: "destructive", onClick: F, autoFocus: !0, children: t("delete") })
+            /* @__PURE__ */ e(Y, { variant: "destructive", onClick: ae, autoFocus: !0, children: t("delete") })
           ] })
         ]
       }
     ) })
   ] }) });
 }
-function Ka({ sidebar: a, header: t, components: o, classNames: c, disclaimer: i, welcome: l }) {
-  const { config: p } = Re(), { history: f } = re(), m = p?.language === "fa" ? "right" : "left", w = f?.enabled ?? !0;
-  return /* @__PURE__ */ r(fa, { defaultOpen: w, children: [
-    a !== void 0 ? a : w ? /* @__PURE__ */ e(_a, { side: m }) : null,
-    /* @__PURE__ */ r("div", { className: "flex flex-col flex-1 h-dvh overflow-hidden relative", children: [
+function Ka({ sidebar: r, header: t, components: o, classNames: d, disclaimer: i, welcome: c }) {
+  const { config: m } = Re(), { history: g } = te(), u = m?.language === "fa" ? "right" : "left", w = g?.enabled ?? !0;
+  return /* @__PURE__ */ n(fa, { defaultOpen: w, children: [
+    r !== void 0 ? r : w ? /* @__PURE__ */ e(Sa, { side: u }) : null,
+    /* @__PURE__ */ n("div", { className: "flex flex-col flex-1 h-dvh overflow-hidden relative", children: [
       t !== void 0 ? t : /* @__PURE__ */ e(Qe, {}),
       /* @__PURE__ */ e(
         "div",
         {
-          className: g(
+          className: p(
             "flex flex-col relative w-full flex-1 min-h-0 overflow-hidden",
             "has-[.stick-to-bottom:empty]:overflow-visible has-[.stick-to-bottom:empty]:flex-initial transition-[flex] duration-200"
           ),
@@ -1544,9 +1589,9 @@ function Ka({ sidebar: a, header: t, components: o, classNames: c, disclaimer: i
             ta,
             {
               components: o,
-              classNames: c,
+              classNames: d,
               disclaimer: i,
-              welcome: l
+              welcome: c
             }
           )
         }
@@ -1554,19 +1599,19 @@ function Ka({ sidebar: a, header: t, components: o, classNames: c, disclaimer: i
     ] })
   ] });
 }
-function Ha({ children: a }) {
-  const [t, o] = S(null), c = Ke(), i = Ne(), l = me();
-  return U(() => {
+function Ha({ children: r }) {
+  const [t, o] = C(null), d = Ke(), i = ke(), c = he();
+  return $(() => {
     (async () => {
-      const f = new URLSearchParams(c.search), m = f.get("token");
-      if (m)
+      const g = new URLSearchParams(d.search), u = g.get("token");
+      if (u)
         try {
-          T.setToken(m), await T.getBalance(), f.delete("token");
-          const x = f.toString(), _ = c.pathname + (x ? `?${x}` : "");
-          i(_, { replace: !0 }), o(!0);
+          T.setToken(u), await T.getBalance(), g.delete("token");
+          const b = g.toString(), v = d.pathname + (b ? `?${b}` : "");
+          i(v, { replace: !0 }), o(!0);
           return;
-        } catch (x) {
-          console.error("Error validating token from URL:", x), o(!1);
+        } catch (b) {
+          console.error("Error validating token from URL:", b), o(!1);
           return;
         }
       if (!T.getToken()) {
@@ -1575,57 +1620,57 @@ function Ha({ children: a }) {
       }
       try {
         await T.getBalance(), o(!0);
-      } catch (x) {
-        console.error("Token validation failed:", x), x.status === 401 ? (T.clearToken(), l.clear(), o(!1)) : o(!0);
+      } catch (b) {
+        console.error("Token validation failed:", b), b.status === 401 ? (T.clearToken(), c.clear(), o(!1)) : o(!0);
       }
     })();
-  }, [c.search, i, c.pathname, l]), t === null ? /* @__PURE__ */ e("div", { className: "flex h-screen w-full items-center justify-center", children: /* @__PURE__ */ e("div", { className: "size-8 rounded-full border-4 border-primary border-t-transparent animate-spin" }) }) : t ? /* @__PURE__ */ e(we, { children: a }) : /* @__PURE__ */ e(Vt, { to: "/login", replace: !0 });
+  }, [d.search, i, d.pathname, c]), t === null ? /* @__PURE__ */ e("div", { className: "flex h-screen w-full items-center justify-center", children: /* @__PURE__ */ e("div", { className: "size-8 rounded-full border-4 border-primary border-t-transparent animate-spin" }) }) : t ? /* @__PURE__ */ e(Ne, { children: r }) : /* @__PURE__ */ e(Vt, { to: "/login", replace: !0 });
 }
 function Qa() {
-  const { t: a, i18n: t } = ie(["login", "translation"]), { app: o } = re(), c = t.dir() === "rtl", i = c ? "text-right" : "text-left", l = Ne(), p = me(), [f, m] = S("login"), [w, x] = S(""), [_, d] = S(""), [P, N] = S(""), [O, b] = S(""), [M, y] = S(""), [A, L] = S(""), z = H(() => o?.userMetadataFields?.filter((n) => n.showInSignup) || [], [o?.userMetadataFields]), [I, $] = S(() => {
-    const n = {};
-    return z.forEach((v) => {
-      v.defaultValue !== void 0 && (n[v.key] = v.defaultValue);
-    }), n;
+  const { t: r, i18n: t } = ie(["login", "translation"]), { app: o } = te(), d = t.dir() === "rtl", i = d ? "text-right" : "text-left", c = ke(), m = he(), [g, u] = C("login"), [w, b] = C(""), [v, l] = C(""), [S, _] = C(""), [q, O] = C(""), [P, y] = C(""), [h, E] = C(""), z = j(() => o?.userMetadataFields?.filter((s) => s.showInSignup) || [], [o?.userMetadataFields]), [I, H] = C(() => {
+    const s = {};
+    return z.forEach((x) => {
+      x.defaultValue !== void 0 && (s[x.key] = x.defaultValue);
+    }), s;
   });
-  U(() => {
-    const n = { ...I };
-    let v = !1;
-    z.forEach((E) => {
-      E.condition && !ue(E.condition, I) && n[E.key] !== void 0 && (delete n[E.key], v = !0);
-    }), v && $(n);
+  $(() => {
+    const s = { ...I };
+    let x = !1;
+    z.forEach((D) => {
+      D.condition && !me(D.condition, I) && s[D.key] !== void 0 && (delete s[D.key], x = !0);
+    }), x && H(s);
   }, [I, z]);
-  const [j, R] = S(""), [k, B] = S(!1), K = async (n) => {
-    n.preventDefault(), R(""), B(!0);
+  const [B, F] = C(""), [L, U] = C(!1), K = async (s) => {
+    s.preventDefault(), F(""), U(!0);
     try {
-      await T.login(w, _), p.clear(), l("/");
-    } catch (v) {
-      R(oe(v, a));
+      await T.login(w, v), m.clear(), c("/");
+    } catch (x) {
+      F(oe(x, r));
     } finally {
-      B(!1);
+      U(!1);
     }
-  }, h = async (n) => {
-    n.preventDefault(), R(""), B(!0);
+  }, f = async (s) => {
+    s.preventDefault(), F(""), U(!0);
     try {
-      await T.register(P, O, M, A, I), p.clear(), l("/");
-    } catch (v) {
-      R(oe(v, a));
+      await T.register(S, q, P, h, I), m.clear(), c("/");
+    } catch (x) {
+      F(oe(x, r));
     } finally {
-      B(!1);
+      U(!1);
     }
   };
-  return /* @__PURE__ */ e("div", { className: "min-h-screen bg-background flex flex-col items-center justify-center p-4", dir: t.dir(), children: /* @__PURE__ */ r("div", { className: "w-full max-w-md bg-card border border-border rounded-xl shadow-lg p-6", children: [
+  return /* @__PURE__ */ e("div", { className: "min-h-screen bg-background flex flex-col items-center justify-center p-4", dir: t.dir(), children: /* @__PURE__ */ n("div", { className: "w-full max-w-md bg-card border border-border rounded-xl shadow-lg p-6", children: [
     /* @__PURE__ */ e("div", { className: "text-center mb-6", children: /* @__PURE__ */ e("h1", { className: "text-2xl font-bold bg-gradient-to-r from-primary to-primary/60 bg-clip-text text-transparent", children: o?.name }) }),
-    /* @__PURE__ */ r("div", { className: "flex bg-muted p-1 rounded-lg mb-6", children: [
+    /* @__PURE__ */ n("div", { className: "flex bg-muted p-1 rounded-lg mb-6", children: [
       /* @__PURE__ */ e(
         "button",
         {
           type: "button",
           onClick: () => {
-            m("login"), R("");
+            u("login"), F("");
           },
-          className: `flex-1 py-2 text-sm font-medium rounded-md transition-all ${f === "login" ? "bg-background shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"}`,
-          children: a("login_tab", "Login")
+          className: `flex-1 py-2 text-sm font-medium rounded-md transition-all ${g === "login" ? "bg-background shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"}`,
+          children: r("login_tab", "Login")
         }
       ),
       /* @__PURE__ */ e(
@@ -1633,39 +1678,39 @@ function Qa() {
         {
           type: "button",
           onClick: () => {
-            m("register"), R("");
+            u("register"), F("");
           },
-          className: `flex-1 py-2 text-sm font-medium rounded-md transition-all ${f === "register" ? "bg-background shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"}`,
-          children: a("signup_tab", "Sign Up")
+          className: `flex-1 py-2 text-sm font-medium rounded-md transition-all ${g === "register" ? "bg-background shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"}`,
+          children: r("signup_tab", "Sign Up")
         }
       )
     ] }),
-    f === "login" && /* @__PURE__ */ r("form", { onSubmit: K, className: "space-y-4", children: [
-      /* @__PURE__ */ r("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ e(Q, { htmlFor: "login-phone", children: a("phone", "Phone") }),
+    g === "login" && /* @__PURE__ */ n("form", { onSubmit: K, className: "space-y-4", children: [
+      /* @__PURE__ */ n("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ e(Q, { htmlFor: "login-phone", children: r("phone", "Phone") }),
         /* @__PURE__ */ e(
-          X,
+          G,
           {
             id: "login-phone",
             type: "tel",
             value: w,
-            onChange: (n) => x(n.target.value),
+            onChange: (s) => b(s.target.value),
             required: !0,
             className: "text-left",
-            placeholder: a("phone_placeholder", "Phone number"),
+            placeholder: r("phone_placeholder", "Phone number"),
             dir: "ltr"
           }
         )
       ] }),
-      /* @__PURE__ */ r("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ e(Q, { htmlFor: "login-pass", children: a("password", "Password") }),
+      /* @__PURE__ */ n("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ e(Q, { htmlFor: "login-pass", children: r("password", "Password") }),
         /* @__PURE__ */ e(
-          X,
+          G,
           {
             id: "login-pass",
             type: "password",
-            value: _,
-            onChange: (n) => d(n.target.value),
+            value: v,
+            onChange: (s) => l(s.target.value),
             required: !0,
             className: "text-left",
             placeholder: "••••••••",
@@ -1673,43 +1718,43 @@ function Qa() {
           }
         )
       ] }),
-      j && /* @__PURE__ */ e("div", { className: "text-sm text-destructive", children: j }),
+      B && /* @__PURE__ */ e("div", { className: "text-sm text-destructive", children: B }),
       /* @__PURE__ */ e(
-        ee,
+        Y,
         {
           type: "submit",
-          disabled: k,
+          disabled: L,
           className: "w-full font-semibold",
-          children: k ? a("logging_in", "Logging in...") : a("login_button", "Login")
+          children: L ? r("logging_in", "Logging in...") : r("login_button", "Login")
         }
       )
     ] }),
-    f === "register" && /* @__PURE__ */ r("form", { onSubmit: h, className: "space-y-4", children: [
-      /* @__PURE__ */ r("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ e(Q, { htmlFor: "reg-phone", children: a("phone", "Phone") }),
+    g === "register" && /* @__PURE__ */ n("form", { onSubmit: f, className: "space-y-4", children: [
+      /* @__PURE__ */ n("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ e(Q, { htmlFor: "reg-phone", children: r("phone", "Phone") }),
         /* @__PURE__ */ e(
-          X,
+          G,
           {
             id: "reg-phone",
             type: "tel",
-            value: P,
-            onChange: (n) => N(n.target.value),
+            value: S,
+            onChange: (s) => _(s.target.value),
             required: !0,
             className: "text-left",
-            placeholder: a("phone_placeholder", "Phone number"),
+            placeholder: r("phone_placeholder", "Phone number"),
             dir: "ltr"
           }
         )
       ] }),
-      /* @__PURE__ */ r("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ e(Q, { htmlFor: "reg-pass", children: a("password", "Password") }),
+      /* @__PURE__ */ n("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ e(Q, { htmlFor: "reg-pass", children: r("password", "Password") }),
         /* @__PURE__ */ e(
-          X,
+          G,
           {
             id: "reg-pass",
             type: "password",
-            value: O,
-            onChange: (n) => b(n.target.value),
+            value: q,
+            onChange: (s) => O(s.target.value),
             required: !0,
             className: "text-left",
             placeholder: "••••••••",
@@ -1717,130 +1762,130 @@ function Qa() {
           }
         )
       ] }),
-      /* @__PURE__ */ r("div", { className: "grid grid-cols-2 gap-4", children: [
-        /* @__PURE__ */ r("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ e(Q, { htmlFor: "reg-name", children: a("name", "Name") }),
+      /* @__PURE__ */ n("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ n("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ e(Q, { htmlFor: "reg-name", children: r("name", "Name") }),
           /* @__PURE__ */ e(
-            X,
+            G,
             {
               id: "reg-name",
               type: "text",
-              value: M,
-              onChange: (n) => y(n.target.value),
+              value: P,
+              onChange: (s) => y(s.target.value),
               required: !0,
               className: i,
-              placeholder: a("name_placeholder", "First Name")
+              placeholder: r("name_placeholder", "First Name")
             }
           )
         ] }),
-        /* @__PURE__ */ r("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ e(Q, { htmlFor: "reg-surname", children: a("surname", "Surname") }),
+        /* @__PURE__ */ n("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ e(Q, { htmlFor: "reg-surname", children: r("surname", "Surname") }),
           /* @__PURE__ */ e(
-            X,
+            G,
             {
               id: "reg-surname",
               type: "text",
-              value: A,
-              onChange: (n) => L(n.target.value),
+              value: h,
+              onChange: (s) => E(s.target.value),
               required: !0,
               className: i,
-              placeholder: a("surname_placeholder", "Last Name")
+              placeholder: r("surname_placeholder", "Last Name")
             }
           )
         ] })
       ] }),
-      z.map((n) => ue(n.condition, I) ? /* @__PURE__ */ r("div", { className: "space-y-3 animate-in fade-in slide-in-from-top-1 duration-200", children: [
-        /* @__PURE__ */ e(Q, { htmlFor: `signup-${n.key}`, children: a(n.label) }),
-        n.type === "select" ? /* @__PURE__ */ r(
-          fe,
+      z.map((s) => me(s.condition, I) ? /* @__PURE__ */ n("div", { className: "space-y-3 animate-in fade-in slide-in-from-top-1 duration-200", children: [
+        /* @__PURE__ */ e(Q, { htmlFor: `signup-${s.key}`, children: r(s.label) }),
+        s.type === "select" ? /* @__PURE__ */ n(
+          be,
           {
-            value: String(I[n.key] || ""),
-            onValueChange: (v) => $({ ...I, [n.key]: v }),
-            required: n.required,
-            dir: c ? "rtl" : "ltr",
+            value: String(I[s.key] || ""),
+            onValueChange: (x) => H({ ...I, [s.key]: x }),
+            required: s.required,
+            dir: d ? "rtl" : "ltr",
             children: [
-              /* @__PURE__ */ e(be, { className: g("bg-background", i), children: /* @__PURE__ */ e(ve, { placeholder: a(n.placeholder || "select_placeholder") }) }),
-              /* @__PURE__ */ e(xe, { className: "rounded-xl", children: n.options?.map((v) => /* @__PURE__ */ e(de, { value: String(v.value), children: a(v.label) }, String(v.value))) })
+              /* @__PURE__ */ e(ve, { className: p("bg-background", i), children: /* @__PURE__ */ e(xe, { placeholder: r(s.placeholder || "select_placeholder") }) }),
+              /* @__PURE__ */ e(ye, { className: "rounded-xl", children: s.options?.map((x) => /* @__PURE__ */ e(ue, { value: String(x.value), children: r(x.label) }, String(x.value))) })
             ]
           }
-        ) : n.type === "checkbox" ? /* @__PURE__ */ r("div", { className: "flex items-center gap-2 py-2", children: [
+        ) : s.type === "checkbox" ? /* @__PURE__ */ n("div", { className: "flex items-center gap-2 py-2", children: [
           /* @__PURE__ */ e(
             ht,
             {
-              id: `signup-${n.key}`,
-              checked: !!I[n.key],
-              onCheckedChange: (v) => $({ ...I, [n.key]: !!v }),
-              required: n.required
+              id: `signup-${s.key}`,
+              checked: !!I[s.key],
+              onCheckedChange: (x) => H({ ...I, [s.key]: !!x }),
+              required: s.required
             }
           ),
-          /* @__PURE__ */ e("label", { htmlFor: `signup-${n.key}`, className: "text-sm text-muted-foreground cursor-pointer select-none", children: a(n.placeholder || n.label) })
+          /* @__PURE__ */ e("label", { htmlFor: `signup-${s.key}`, className: "text-sm text-muted-foreground cursor-pointer select-none", children: r(s.placeholder || s.label) })
         ] }) : /* @__PURE__ */ e(
-          X,
+          G,
           {
-            id: `signup-${n.key}`,
-            type: n.type,
-            value: I[n.key] || "",
-            onChange: (v) => $({ ...I, [n.key]: v.target.value }),
-            required: n.required,
+            id: `signup-${s.key}`,
+            type: s.type,
+            value: I[s.key] || "",
+            onChange: (x) => H({ ...I, [s.key]: x.target.value }),
+            required: s.required,
             className: i,
-            placeholder: a(n.placeholder || "")
+            placeholder: r(s.placeholder || "")
           }
         )
-      ] }, n.key) : null),
-      j && /* @__PURE__ */ e("div", { className: "text-sm text-destructive", children: j }),
+      ] }, s.key) : null),
+      B && /* @__PURE__ */ e("div", { className: "text-sm text-destructive", children: B }),
       /* @__PURE__ */ e(
-        ee,
+        Y,
         {
           type: "submit",
-          disabled: k,
+          disabled: L,
           className: "w-full font-semibold",
-          children: k ? a("signing_up", "Signing up...") : a("signup_button", "Sign Up")
+          children: L ? r("signing_up", "Signing up...") : r("signup_button", "Sign Up")
         }
       )
     ] })
   ] }) });
 }
 function Pa() {
-  const { shareId: a } = Wt(), [t, o] = S(null), [c, i] = S(!0), [l, p] = S(null), { MessageList: f } = re(), m = ae(/* @__PURE__ */ new Set());
-  return U(() => () => {
-    m.current.forEach((w) => URL.revokeObjectURL(w)), m.current.clear();
-  }, []), U(() => {
-    if (!a) return;
+  const { shareId: r } = Gt(), [t, o] = C(null), [d, i] = C(!0), [c, m] = C(null), { MessageList: g } = te(), u = ee(/* @__PURE__ */ new Set());
+  return $(() => () => {
+    u.current.forEach((w) => URL.revokeObjectURL(w)), u.current.clear();
+  }, []), $(() => {
+    if (!r) return;
     (async () => {
       try {
         i(!0);
-        const x = await T.getSharedThread(a);
-        x.items && (x.items = await Promise.all(
-          x.items.map(async (_) => {
-            if (!_.parts) return _;
-            const d = await Promise.all(
-              _.parts.map(async (P) => {
-                if (P.type === "file" && P.object_name && !P.url)
+        const b = await T.getSharedThread(r);
+        b.items && (b.items = await Promise.all(
+          b.items.map(async (v) => {
+            if (!v.parts) return v;
+            const l = await Promise.all(
+              v.parts.map(async (S) => {
+                if (S.type === "file" && S.object_name && !S.url)
                   try {
-                    const N = await T.getPublicAttachmentBlobUrl(P.object_name);
-                    return m.current.add(N), { ...P, url: N };
-                  } catch (N) {
-                    console.error("Failed to resolve shared attachment:", P.object_name, N);
+                    const _ = await T.getPublicAttachmentBlobUrl(S.object_name);
+                    return u.current.add(_), { ...S, url: _ };
+                  } catch (_) {
+                    console.error("Failed to resolve shared attachment:", S.object_name, _);
                   }
-                return P;
+                return S;
               })
             );
-            return { ..._, parts: d };
+            return { ...v, parts: l };
           })
-        )), o(x);
-      } catch (x) {
-        console.error("Failed to fetch shared chat:", x), p(x.message || "Failed to load shared chat");
+        )), o(b);
+      } catch (b) {
+        console.error("Failed to fetch shared chat:", b), m(b.message || "Failed to load shared chat");
       } finally {
         i(!1);
       }
     })();
-  }, [a]), c ? /* @__PURE__ */ e("div", { className: "flex h-dvh items-center justify-center", children: /* @__PURE__ */ e(pt, {}) }) : l || !t ? /* @__PURE__ */ r("div", { className: "flex h-dvh flex-col items-center justify-center p-4 text-center", children: [
+  }, [r]), d ? /* @__PURE__ */ e("div", { className: "flex h-dvh items-center justify-center", children: /* @__PURE__ */ e(pt, {}) }) : c || !t ? /* @__PURE__ */ n("div", { className: "flex h-dvh flex-col items-center justify-center p-4 text-center", children: [
     /* @__PURE__ */ e("h1", { className: "text-2xl font-bold text-destructive mb-2 font-display", children: "Shared Chat Not Found" }),
-    /* @__PURE__ */ e("p", { className: "text-muted-foreground max-w-md", children: l || "This shared conversation might have been deleted or the link is invalid." })
-  ] }) : /* @__PURE__ */ r("div", { className: "relative flex flex-col h-dvh overflow-hidden bg-background", children: [
+    /* @__PURE__ */ e("p", { className: "text-muted-foreground max-w-md", children: c || "This shared conversation might have been deleted or the link is invalid." })
+  ] }) : /* @__PURE__ */ n("div", { className: "relative flex flex-col h-dvh overflow-hidden bg-background", children: [
     /* @__PURE__ */ e(Qe, { hideActions: !0 }),
     /* @__PURE__ */ e("div", { className: "flex-1 min-h-0 overflow-hidden relative flex flex-col", children: /* @__PURE__ */ e(
-      f,
+      g,
       {
         messages: t.items || [],
         status: "ready",
@@ -1861,7 +1906,7 @@ function Va() {
   return /* @__PURE__ */ e(Pa, {});
 }
 export {
-  _a as AppSidebar,
+  Sa as AppSidebar,
   ta as Chat,
   Ka as ChatUI,
   tr as FilePart,
@@ -1871,16 +1916,16 @@ export {
   nr as PromptInputArea,
   sr as ReasoningPart,
   Ha as RequireAuth,
-  fe as Select,
-  xe as SelectContent,
+  be as Select,
+  ye as SelectContent,
   or as SelectGroup,
-  de as SelectItem,
+  ue as SelectItem,
   ir as SelectLabel,
   lr as SelectScrollDownButton,
   cr as SelectScrollUpButton,
   dr as SelectSeparator,
-  be as SelectTrigger,
-  ve as SelectValue,
+  ve as SelectTrigger,
+  xe as SelectValue,
   ka as SettingsDialog,
   Va as SharedChatView,
   fa as SidebarProvider,
@@ -1890,7 +1935,7 @@ export {
   Ja as Translation,
   Qa as UserLoginPage,
   hr as WelcomeScreen,
-  re as useComponents,
+  te as useComponents,
   Zt as useGentiqChat,
   Ya as useTranslation,
   T as userAPI,