gentiq 0.7.24 → 0.7.25

package/dist/gentiq-index.es.js

@@ -4,7 +4,7 @@ import { useState as C, useMemo as j, useEffect as $, useRef as ee, useCallback
 import { QueryClient as We, QueryClientProvider as Xe, useQueryClient as pe, useQuery as Je, useInfiniteQuery as Ye } from "@tanstack/react-query";
 import { I18nextProvider as Ze, useTranslation as le } 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 te, b as Re, j as fe, G as rt, c as ie, e as p, f as qe, h as Fe, i as Oe, k as je, B as Y, l as $e, m as he, D as Be, n as nt, o as Ue, L as Q, I as V, S as be, p as ve, q as xe, r as ye, s as me, t as st, v as Se, w as ot, x as it, y as lt, z as de, A as ct, E as dt, F as ut, H as mt, J as ht, K as pt } from "./checkbox-iAFtpOFJ.js";
+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 ie, e as g, f as qe, h as Fe, i as Oe, k as je, B as Y, l as $e, m as he, 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 me, t as st, v as Se, w as ot, x as it, y as lt, z as de, A as ct, E as dt, F as ut, H as mt, J as ht, K as pt } from "./checkbox-iAFtpOFJ.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-iAFtpOFJ.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";
@@ -49,7 +49,7 @@ function Ua({
   components: i,
   history: c,
   welcome: m,
-  threadActions: g,
+  threadActions: p,
   composer: u,
   theme: w,
   disclaimer: b,
@@ -96,10 +96,10 @@ function Ua({
     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 ? {
+    ...p,
+    feedback: l.thread_actions_feedback ?? p?.feedback,
+    retry: l.thread_actions_retry ?? p?.retry
+  } : p, [p, l]), z = j(() => l ? {
     ...u,
     attachments: {
       ...u?.attachments,
@@ -203,8 +203,8 @@ function Yt() {
 }
 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 "/";
+    const m = r.pathname, p = m.endsWith("/") && m !== "/" ? m.slice(0, -1) : m, u = d.endsWith("/") && d !== "/" ? d.slice(0, -1) : d;
+    if (p === (u || "/")) return "/";
     if (m.startsWith(u) && u !== "/") {
       let w = m.slice(u.length);
       return w.startsWith("/") || (w = "/" + w), w;
@@ -216,11 +216,11 @@ function Ce() {
   return [i, c];
 }
 function Zt({ onFinish: r } = {}) {
-  const { t } = le(["chat", "errors"]), o = pe(), d = T.getConfig(), i = d.app?.cacheNamespace || "gentiq", [c, m] = Ce(), [g, u] = C(() => ue()), w = ee(/* @__PURE__ */ new Set());
+  const { t } = le(["chat", "errors"]), o = pe(), d = T.getConfig(), i = d.app?.cacheNamespace || "gentiq", [c, m] = Ce(), [p, u] = C(() => ue()), w = ee(/* @__PURE__ */ new Set());
   $(() => {
-    c === "/" ? u(ue()) : g && c !== `/${g}` && u(ue());
+    c === "/" ? u(ue()) : p && c !== `/${p}` && u(ue());
   }, [c]);
-  const b = j(() => c === "/" ? g : c.replace(/^\//, ""), [c, g]), v = J((f) => (w.current.add(f), f), []), l = J(() => {
+  const b = j(() => c === "/" ? p : c.replace(/^\//, ""), [c, p]), v = J((f) => (w.current.add(f), f), []), l = J(() => {
     w.current.forEach((f) => URL.revokeObjectURL(f)), w.current.clear();
   }, []);
   $(() => () => l(), [l]);
@@ -232,11 +232,11 @@ function Zt({ onFinish: r } = {}) {
     queryKey: [i, "threadMessages", b],
     queryFn: async () => {
       if (c === "/") return [];
-      if (c === `/${g}`) return [];
+      if (c === `/${p}`) 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), G = await Promise.all(
+          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 {
@@ -251,7 +251,7 @@ function Zt({ onFinish: r } = {}) {
           return {
             id: s.id || ue(),
             role: s.role,
-            parts: G,
+            parts: V,
             metadata: { feedback: s.feedback }
           };
         })
@@ -267,7 +267,7 @@ function Zt({ onFinish: r } = {}) {
       Object.entries(D).forEach(([R, W]) => {
         x.set(R, W);
       }), x.set("X-Thread-Id", b);
-      const A = d.api?.basePath || "/api", G = typeof f == "string" && !f.startsWith("http") ? `${A}${f.startsWith("/") ? f : "/" + f}` : f, N = await fetch(G, { ...s, headers: x });
+      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))
@@ -287,17 +287,17 @@ function Zt({ onFinish: r } = {}) {
     I(null);
   }, []);
   $(() => {
-    S && (c === `/${g}` || (y.setMessages(S), E("ready")));
-  }, [S, y.setMessages, c, g]), $(() => {
+    S && (c === `/${p}` || (y.setMessages(S), E("ready")));
+  }, [S, y.setMessages, c, p]), $(() => {
     c === "/" && (y.setMessages([]), E("idle"));
   }, [c, y.setMessages]), $(() => {
     if (c === "/") {
       E("idle");
       return;
     }
-    const f = c === `/${g}`;
+    const f = c === `/${p}`;
     _ && !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]), $(() => () => {
+  }, [_, q, y.status, z, y.error, c, p]), $(() => () => {
     y.stop();
   }, [b, y.stop]);
   const B = ee(/* @__PURE__ */ new Set()), F = j(() => y.messages.filter((f) => f.role === "assistant"), [y.messages]);
@@ -315,9 +315,9 @@ function Zt({ onFinish: r } = {}) {
     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"), G = A.length > 30 ? A.slice(0, 30) + "..." : A;
+        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: G, timestamp: Date.now() };
+          const R = { id: `/${b}`, firstMessage: V, timestamp: Date.now() };
           return N && Array.isArray(N.pages) ? {
             ...N,
             pages: N.pages.map((W, ce) => ce === 0 ? {
@@ -332,8 +332,8 @@ function Zt({ onFinish: r } = {}) {
         await y.sendMessage({ text: D, files: s });
       } catch (A) {
         console.error("Failed to send message:", A);
-        const G = ie(A, t);
-        I(new Error(G)), E("error");
+        const V = ie(A, t);
+        I(new Error(V)), E("error");
       }
     }
   }, [y, m, c, b, t, o, h, i]), U = J(() => {
@@ -360,7 +360,7 @@ function Zt({ onFinish: r } = {}) {
   }), [y, L, U, H, K, h, q, c]);
 }
 function ea({ classNames: r = {}, disclaimer: t }) {
-  const { t: o, i18n: d } = le(["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);
+  const { t: o, i18n: d } = le(["chat", "translation"]), i = Zt(), { messages: c, status: m, regenerate: p, 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);
   Ve(() => {
     u && w();
   }, [l, w, u]);
@@ -369,7 +369,7 @@ function ea({ classNames: r = {}, disclaimer: t }) {
     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: [
+  return /* @__PURE__ */ n("div", { className: g("relative flex flex-col h-full overflow-hidden", r.container), children: [
     /* @__PURE__ */ e(
       _,
       {
@@ -378,10 +378,10 @@ function ea({ classNames: r = {}, disclaimer: t }) {
         isLoadingHistory: v,
         error: F ? u : null,
         conversationId: l,
-        regen: (L) => g({ messageId: L }),
+        regen: (L) => p({ messageId: L }),
         onSuggestionClick: (L) => S(L),
         chat: i,
-        className: p("flex-1", r.messageList)
+        className: g("flex-1", r.messageList)
       }
     ),
     /* @__PURE__ */ n("div", { className: "absolute bottom-0 left-0 right-0 z-10 pointer-events-none flex flex-col items-stretch", children: [
@@ -394,7 +394,7 @@ function ea({ classNames: r = {}, disclaimer: t }) {
           stop: b,
           isErrorVisible: F,
           conversationId: l,
-          className: p("pointer-events-auto", r.inputArea, h && "pb-0 md:pb-0")
+          className: g("pointer-events-auto", r.inputArea, h && "pb-0 md:pb-0")
         }
       ),
       h && /* @__PURE__ */ n("div", { className: "relative py-1 px-4 flex justify-center items-center pointer-events-auto", children: [
@@ -412,7 +412,7 @@ const ta = ({
   composer: i,
   theme: c,
   disclaimer: m,
-  ...g
+  ...p
 }) => {
   const u = te(), w = j(() => ({
     ...u,
@@ -435,7 +435,7 @@ const ta = ({
       app: u.app,
       i18n: u.i18n,
       settings: u.settings,
-      children: /* @__PURE__ */ e(ea, { ...g })
+      children: /* @__PURE__ */ e(ea, { ...p })
     }
   );
 }, ge = 768;
@@ -461,7 +461,7 @@ function sa({ className: r, ...t }) {
     re.Overlay,
     {
       "data-slot": "sheet-overlay",
-      className: p(
+      className: g(
         "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",
         r
       ),
@@ -481,7 +481,7 @@ function oa({
       re.Content,
       {
         "data-slot": "sheet-content",
-        className: p(
+        className: g(
           "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",
@@ -502,14 +502,14 @@ function oa({
   ] });
 }
 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 });
+  return /* @__PURE__ */ e("div", { "data-slot": "sheet-header", className: g("flex flex-col gap-1.5 p-4", r), ...t });
 }
 function la({ className: r, ...t }) {
   return /* @__PURE__ */ e(
     re.Title,
     {
       "data-slot": "sheet-title",
-      className: p("text-foreground font-semibold", r),
+      className: g("text-foreground font-semibold", r),
       ...t
     }
   );
@@ -519,7 +519,7 @@ function ca({ className: r, ...t }) {
     re.Description,
     {
       "data-slot": "sheet-description",
-      className: p("text-muted-foreground text-sm", r),
+      className: g("text-muted-foreground text-sm", r),
       ...t
     }
   );
@@ -540,15 +540,15 @@ function fa({
   children: c,
   ...m
 }) {
-  const g = aa(), [u, w] = Z.useState(!1), [b, v] = Z.useState(r), l = t ?? b, S = Z.useCallback(
+  const p = 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, l]
   ), _ = Z.useCallback(() => {
-    g ? w((P) => !P) : S((P) => !P);
-  }, [g, S, w]);
+    p ? w((P) => !P) : S((P) => !P);
+  }, [p, S, w]);
   Z.useEffect(() => {
     const P = (y) => {
       y.key === ga && (y.metaKey || y.ctrlKey) && (y.preventDefault(), _());
@@ -562,12 +562,12 @@ function fa({
       state: q,
       open: l,
       setOpen: S,
-      isMobile: g,
+      isMobile: p,
       openMobile: u,
       setOpenMobile: w,
       toggleSidebar: _
     }),
-    [q, l, S, g, u, w, _]
+    [q, l, S, p, u, w, _]
   );
   return /* @__PURE__ */ e(He.Provider, { value: O, children: /* @__PURE__ */ e(qe, { delayDuration: 0, children: /* @__PURE__ */ e(
     "div",
@@ -578,7 +578,7 @@ function fa({
         "--sidebar-width-icon": pa,
         ...i
       },
-      className: p("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full", d),
+      className: g("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full", d),
       ...m,
       children: c
     }
@@ -592,12 +592,12 @@ function ba({
   children: i,
   ...c
 }) {
-  const { isMobile: m, state: g, openMobile: u, setOpenMobile: w } = _e();
+  const { isMobile: m, state: p, openMobile: u, setOpenMobile: w } = _e();
   return o === "none" ? /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "sidebar",
-      className: p("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col", d),
+      className: g("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col", d),
       ...c,
       children: i
     }
@@ -625,8 +625,8 @@ function ba({
     "div",
     {
       className: "group peer text-sidebar-foreground hidden md:block",
-      "data-state": g,
-      "data-collapsible": g === "collapsed" ? o : "",
+      "data-state": p,
+      "data-collapsible": p === "collapsed" ? o : "",
       "data-variant": t,
       "data-side": r,
       "data-slot": "sidebar",
@@ -635,7 +635,7 @@ function ba({
           "div",
           {
             "data-slot": "sidebar-gap",
-            className: p(
+            className: g(
               "relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear",
               "group-data-[collapsible=offcanvas]:w-0",
               "group-data-[side=right]:rotate-180",
@@ -647,7 +647,7 @@ function ba({
           "div",
           {
             "data-slot": "sidebar-container",
-            className: p(
+            className: g(
               "fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",
               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.
@@ -679,7 +679,7 @@ function va({ className: r, onClick: t, ...o }) {
       "data-slot": "sidebar-trigger",
       variant: "ghost",
       size: "icon",
-      className: p("size-7", r),
+      className: g("size-7", r),
       onClick: (i) => {
         t?.(i), d();
       },
@@ -697,7 +697,7 @@ function xa({ className: r, ...t }) {
     {
       "data-slot": "sidebar-footer",
       "data-sidebar": "footer",
-      className: p("flex flex-col gap-2 p-2", r),
+      className: g("flex flex-col gap-2 p-2", r),
       ...t
     }
   );
@@ -708,7 +708,7 @@ function ya({ className: r, ...t }) {
     {
       "data-slot": "sidebar-content",
       "data-sidebar": "content",
-      className: p(
+      className: g(
         "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
         r
       ),
@@ -722,7 +722,7 @@ function wa({ className: r, ...t }) {
     {
       "data-slot": "sidebar-group",
       "data-sidebar": "group",
-      className: p("relative flex w-full min-w-0 flex-col p-2", r),
+      className: g("relative flex w-full min-w-0 flex-col p-2", r),
       ...t
     }
   );
@@ -733,7 +733,7 @@ function Ie({ className: r, ...t }) {
     {
       "data-slot": "sidebar-group-content",
       "data-sidebar": "group-content",
-      className: p("w-full text-sm", r),
+      className: g("w-full text-sm", r),
       ...t
     }
   );
@@ -744,7 +744,7 @@ function De({ className: r, ...t }) {
     {
       "data-slot": "sidebar-menu",
       "data-sidebar": "menu",
-      className: p("flex w-full min-w-0 flex-col gap-1", r),
+      className: g("flex w-full min-w-0 flex-col gap-1", r),
       ...t
     }
   );
@@ -755,7 +755,7 @@ function Ee({ className: r, ...t }) {
     {
       "data-slot": "sidebar-menu-item",
       "data-sidebar": "menu-item",
-      className: p("group/menu-item relative", r),
+      className: g("group/menu-item relative", r),
       ...t
     }
   );
@@ -789,14 +789,14 @@ function Le({
   className: c,
   ...m
 }) {
-  const g = r ? Wt : "button", { isMobile: u, state: w } = _e(), b = /* @__PURE__ */ e(
-    g,
+  const p = r ? Wt : "button", { isMobile: u, state: w } = _e(), b = /* @__PURE__ */ e(
+    p,
     {
       "data-slot": "sidebar-menu-button",
       "data-sidebar": "menu-button",
       "data-size": d,
       "data-active": t,
-      className: p(Na({ variant: o, size: d }), c),
+      className: g(Na({ variant: o, size: d }), c),
       ...m
     }
   );
@@ -808,7 +808,7 @@ function Le({
   ] })) : b;
 }
 function ka({ trigger: r }) {
-  const { t, i18n: o } = le(["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(() => [
+  const { t, i18n: o } = le(["settings", "translation"]), { app: d, settings: i } = te(), { theme: c, setTheme: m, accent: p, 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 }
@@ -818,7 +818,7 @@ function ka({ trigger: r }) {
   }), [t, i]), [P, y] = C(O[0]?.id || "general"), h = J((a, k, M = "editable") => {
     const se = i?.sections?.[a]?.fields;
     return se && se[k] || M;
-  }, [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", G = A ? "text-right" : "text-left", N = J(async () => {
+  }, [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 a = await T.getMe();
       l(a), z(a.name || ""), H(a.surname || ""), F(a.phone || "");
@@ -864,7 +864,7 @@ function ka({ trigger: r }) {
       Ue,
       {
         dir: A ? "rtl" : "ltr",
-        className: p(
+        className: g(
           "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]",
           A && "rtl"
         ),
@@ -878,13 +878,13 @@ function ka({ trigger: r }) {
               "button",
               {
                 onClick: () => y(a.id),
-                className: p(
+                className: g(
                   "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",
                   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(a.icon, { className: p(
+                  /* @__PURE__ */ e(a.icon, { className: g(
                     "h-3.5 w-3.5 sm:h-4 sm:w-4 transition-transform",
                     P === a.id && "scale-110"
                   ) }),
@@ -902,56 +902,56 @@ function ka({ trigger: r }) {
               ] }),
               /* @__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: [
+                  h("profile", "name") !== "hidden" && /* @__PURE__ */ n("div", { className: g("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(
-                      V,
+                      G,
                       {
                         id: "name",
                         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", G)
+                        className: g("bg-muted/30 border-border/50 rounded-xl focus-visible:ring-primary h-11", V)
                       }
                     )
                   ] }),
-                  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: [
+                  h("profile", "surname") !== "hidden" && /* @__PURE__ */ n("div", { className: g("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(
-                      V,
+                      G,
                       {
                         id: "surname",
                         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", G)
+                        className: g("bg-muted/30 border-border/50 rounded-xl focus-visible:ring-primary h-11", V)
                       }
                     )
                   ] })
                 ] }),
-                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") }),
+                h("profile", "phone") !== "hidden" && /* @__PURE__ */ n("div", { className: g("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 text-left", children: t("profile.phone", "Phone Number") }),
                   /* @__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(Ct, { className: "absolute top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground left-3" }),
                     /* @__PURE__ */ e(
-                      V,
+                      G,
                       {
                         id: "phone",
                         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", G),
+                        className: "bg-muted/30 border-border/50 rounded-xl focus-visible:ring-primary pl-10 pr-3 text-left",
                         dir: "ltr"
                       }
                     )
                   ] })
                 ] }),
-                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") }),
+                h("profile", "password") !== "hidden" && /* @__PURE__ */ n("div", { className: g("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 text-left", children: t("profile.password", "New Password") }),
                   /* @__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(_t, { className: "absolute top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground left-3" }),
                     /* @__PURE__ */ e(
-                      V,
+                      G,
                       {
                         id: "pass",
                         type: "password",
@@ -959,7 +959,7 @@ function ka({ trigger: r }) {
                         onChange: (a) => U(a.target.value),
                         disabled: h("profile", "password") === "faded",
                         placeholder: t("profile.password_placeholder", "Leave empty to keep current"),
-                        className: p("bg-muted/30 border-border/50 rounded-xl focus-visible:ring-primary ps-10 pe-3", G),
+                        className: "bg-muted/30 border-border/50 rounded-xl focus-visible:ring-primary pl-10 pr-3 text-left",
                         dir: "ltr"
                       }
                     )
@@ -967,7 +967,7 @@ function ka({ trigger: r }) {
                 ] }),
                 K.map((a) => {
                   const k = h("profile", a.key, a.mode || "editable");
-                  return k === "hidden" || !he(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: [
+                  return k === "hidden" || !he(a.condition, f) ? null : /* @__PURE__ */ n("div", { className: g("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,
@@ -995,7 +995,7 @@ function ka({ trigger: r }) {
                       ),
                       /* @__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(
-                      V,
+                      G,
                       {
                         id: `profile-${a.key}`,
                         type: a.type,
@@ -1003,12 +1003,12 @@ function ka({ trigger: r }) {
                         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", G)
+                        className: g("bg-muted/30 border-border/50 rounded-xl focus-visible:ring-primary h-11", V)
                       }
                     )
                   ] }, a.key);
                 }),
-                /* @__PURE__ */ e("div", { className: "pt-4", children: /* @__PURE__ */ n(
+                /* @__PURE__ */ e("div", { className: "pt-4 flex justify-center", children: /* @__PURE__ */ n(
                   Y,
                   {
                     onClick: R,
@@ -1028,7 +1028,7 @@ function ka({ trigger: r }) {
                 /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: t("general.subtitle", "Configure look and feel and language.") })
               ] }),
               /* @__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: [
+                h("general", "theme") !== "hidden" && /* @__PURE__ */ n("div", { className: g("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")
@@ -1039,7 +1039,7 @@ function ka({ trigger: r }) {
                       {
                         onClick: () => m("light"),
                         disabled: h("general", "theme") === "faded",
-                        className: p(
+                        className: g(
                           "flex-1 flex items-center justify-center gap-2 py-2.5 rounded-xl transition-all",
                           c === "light" ? "bg-background shadow-md text-primary" : "text-muted-foreground hover:text-foreground"
                         ),
@@ -1054,7 +1054,7 @@ function ka({ trigger: r }) {
                       {
                         onClick: () => m("dark"),
                         disabled: h("general", "theme") === "faded",
-                        className: p(
+                        className: g(
                           "flex-1 flex items-center justify-center gap-2 py-2.5 rounded-xl transition-all",
                           c === "dark" ? "bg-background shadow-md text-primary" : "text-muted-foreground hover:text-foreground"
                         ),
@@ -1069,7 +1069,7 @@ function ka({ trigger: r }) {
                       {
                         onClick: () => m("system"),
                         disabled: h("general", "theme") === "faded",
-                        className: p(
+                        className: g(
                           "flex-1 flex items-center justify-center gap-2 py-2.5 rounded-xl transition-all",
                           c === "system" ? "bg-background shadow-md text-primary" : "text-muted-foreground hover:text-foreground"
                         ),
@@ -1081,7 +1081,7 @@ function ka({ trigger: r }) {
                     )
                   ] })
                 ] }),
-                h("general", "accent") !== "hidden" && /* @__PURE__ */ n("div", { className: p("space-y-4", h("general", "accent") === "faded" && "opacity-50 pointer-events-none select-none"), children: [
+                h("general", "accent") !== "hidden" && /* @__PURE__ */ n("div", { className: g("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")
@@ -1104,13 +1104,13 @@ function ka({ trigger: r }) {
                     "oklch(0.552 0.016 285.938)"
                     // Slate
                   ].map((a) => {
-                    const k = (g || "oklch(0.623 0.214 259.815)") === a;
+                    const k = (p || "oklch(0.623 0.214 259.815)") === a;
                     return /* @__PURE__ */ e(
                       "button",
                       {
                         onClick: () => u(a),
                         disabled: h("general", "accent") === "faded",
-                        className: p(
+                        className: g(
                           "h-8 w-8 rounded-full border-2 transition-all hover:scale-110 active:scale-95 shadow-sm",
                           k ? "border-foreground" : "border-transparent"
                         ),
@@ -1120,7 +1120,7 @@ function ka({ trigger: r }) {
                     );
                   }) })
                 ] }),
-                h("general", "radius") !== "hidden" && /* @__PURE__ */ n("div", { className: p("space-y-4", h("general", "radius") === "faded" && "opacity-50 pointer-events-none select-none"), children: [
+                h("general", "radius") !== "hidden" && /* @__PURE__ */ n("div", { className: g("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")
@@ -1135,7 +1135,7 @@ function ka({ trigger: r }) {
                       {
                         onClick: () => b(a.value),
                         disabled: h("general", "radius") === "faded",
-                        className: p(
+                        className: g(
                           "flex-1 py-2 rounded-xl transition-all text-sm font-medium",
                           k ? "bg-background shadow-md text-primary" : "text-muted-foreground hover:text-foreground"
                         ),
@@ -1145,7 +1145,7 @@ function ka({ trigger: r }) {
                     );
                   }) })
                 ] }),
-                h("general", "language") !== "hidden" && /* @__PURE__ */ n("div", { className: p("space-y-3", h("general", "language") === "faded" && "opacity-50"), children: [
+                h("general", "language") !== "hidden" && /* @__PURE__ */ n("div", { className: g("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")
@@ -1181,7 +1181,7 @@ function ka({ trigger: r }) {
                 /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: t("account.subtitle", "Monitor your quotas and manage your session.") })
               ] }),
               /* @__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: [
+                h("account", "balance") !== "hidden" && /* @__PURE__ */ n("div", { className: g("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")
@@ -1198,7 +1198,7 @@ function ka({ trigger: r }) {
                       /* @__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: p(
+                          className: g(
                             "h-full rounded-full transition-all duration-1000 shadow-sm",
                             ae > 60 ? "bg-emerald-500 shadow-emerald-500/20" : ae > 20 ? "bg-amber-500 shadow-amber-500/20" : "bg-destructive shadow-destructive/20"
                           ),
@@ -1220,7 +1220,7 @@ function ka({ trigger: r }) {
                       /* @__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: p(
+                          className: g(
                             "h-full rounded-full transition-all duration-1000 shadow-sm",
                             ne > 60 ? "bg-emerald-500 shadow-emerald-500/20" : ne > 20 ? "bg-amber-500 shadow-amber-500/20" : "bg-destructive shadow-destructive/20"
                           ),
@@ -1242,7 +1242,7 @@ function ka({ trigger: r }) {
                       variant: "destructive",
                       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"),
+                      className: g("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")
@@ -1259,7 +1259,7 @@ function ka({ trigger: r }) {
   ] });
 }
 function Qe({ hideActions: r = !1 }) {
-  const [, t] = Ce(), { t: o } = le(["sidebar", "chat"]), { history: d, app: i } = te(), { theme: c } = $e(), m = !r && (d?.enabled ?? !0), [g, u] = C("light");
+  const [, t] = Ce(), { t: o } = le(["sidebar", "chat"]), { history: d, app: i } = te(), { theme: c } = $e(), m = !r && (d?.enabled ?? !0), [p, u] = C("light");
   $(() => {
     if (c === "system") {
       const v = window.matchMedia("(prefers-color-scheme: dark)").matches;
@@ -1267,7 +1267,7 @@ function Qe({ hideActions: r = !1 }) {
     } else
       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";
+  const w = j(() => i?.logo ? typeof i.logo == "string" ? i.logo : p === "dark" ? i.logo.dark : i.logo.light : st, [i?.logo, p]), 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(
@@ -1284,7 +1284,7 @@ function Qe({ hideActions: r = !1 }) {
           "button",
           {
             type: "button",
-            className: p(
+            className: g(
               "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",
               m && "md:hidden"
             ),
@@ -1350,7 +1350,7 @@ function Sa({ side: r = "left" }) {
     fetchNextPage: i,
     hasNextPage: c,
     isFetchingNextPage: m,
-    isLoading: g
+    isLoading: p
   } = Ca(), { history: u, app: w } = te(), b = w?.basePath || "/", v = u?.enabled ?? !1, l = d?.pages.flatMap((a) => a.threads) ?? [], [S, _] = Ce(), q = pe(), O = ee(null), P = J(
     (a) => {
       O.current && (O.current.disconnect(), O.current = null), a && c && !m && (O.current = new IntersectionObserver(
@@ -1374,7 +1374,7 @@ function Sa({ side: r = "left" }) {
     } catch {
       X.error(t("pin_failed"));
     }
-  }, G = async (a) => {
+  }, V = async (a) => {
     try {
       const k = await T.shareThread(a.id.replace(/^\//, "")), M = `${window.location.origin}${k.url}`;
       navigator.clipboard.writeText(M), X.success(t("share_success"), {
@@ -1432,7 +1432,7 @@ function Sa({ side: r = "left" }) {
       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(
-          V,
+          G,
           {
             placeholder: t("search_conversations"),
             value: B,
@@ -1447,7 +1447,7 @@ function Sa({ side: r = "left" }) {
             const M = L === a.id, se = Se(a.firstMessage ?? ""), Ge = se === "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(
-                V,
+                G,
                 {
                   ref: s,
                   value: K,
@@ -1466,7 +1466,7 @@ function Sa({ side: r = "left" }) {
                 Le,
                 {
                   asChild: !0,
-                  className: p("h-auto py-2.5 px-3", {
+                  className: g("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
                   }),
@@ -1476,16 +1476,16 @@ function Sa({ side: r = "left" }) {
                       href: fe(b, a.id),
                       onClick: (oe) => x(oe, a.id),
                       dir: se,
-                      className: p("flex flex-col gap-0.5 w-full overflow-hidden", Ge ? "items-end" : "items-start"),
+                      className: g("flex flex-col gap-0.5 w-full overflow-hidden", Ge ? "items-end" : "items-start"),
                       children: [
-                        /* @__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__ */ e("span", { className: g("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: g("text-[10px] opacity-40 w-full", o.language === "fa" ? "pl-16 text-right" : "pr-16 text-left"), children: ne(a.timestamp) })
                       ]
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ n("div", { className: p(
+              /* @__PURE__ */ n("div", { className: g(
                 "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: [
@@ -1510,7 +1510,7 @@ function Sa({ side: r = "left" }) {
                           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") })
                         ] }),
-                        u?.showShare !== !1 && /* @__PURE__ */ n(de, { onSelect: () => G(a), className: "cursor-pointer flex items-center gap-2", children: [
+                        u?.showShare !== !1 && /* @__PURE__ */ n(de, { 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") })
                         ] }),
@@ -1536,7 +1536,7 @@ function Sa({ side: r = "left" }) {
               ] })
             ] }) }, k);
           }),
-          !g && l.length === 0 && !B && /* @__PURE__ */ e("div", { className: "px-4 py-8 text-center text-sm opacity-40", children: t("no_conversations") })
+          !p && 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: 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: [
@@ -1576,7 +1576,7 @@ function Sa({ side: r = "left" }) {
   ] }) });
 }
 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;
+  const { config: m } = Re(), { history: p } = te(), u = m?.language === "fa" ? "right" : "left", w = p?.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: [
@@ -1584,7 +1584,7 @@ function Ka({ sidebar: r, header: t, components: o, classNames: d, disclaimer: i
       /* @__PURE__ */ e(
         "div",
         {
-          className: p(
+          className: g(
             "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"
           ),
@@ -1606,11 +1606,11 @@ function Ha({ children: r }) {
   const [t, o] = C(null), d = Ke(), i = ke(), c = pe();
   return $(() => {
     (async () => {
-      const g = new URLSearchParams(d.search), u = g.get("token");
+      const p = new URLSearchParams(d.search), u = p.get("token");
       if (u)
         try {
-          T.setToken(u), await T.getBalance(), g.delete("token");
-          const b = g.toString(), v = d.pathname + (b ? `?${b}` : "");
+          T.setToken(u), await T.getBalance(), p.delete("token");
+          const b = p.toString(), v = d.pathname + (b ? `?${b}` : "");
           i(v, { replace: !0 }), o(!0);
           return;
         } catch (b) {
@@ -1630,7 +1630,7 @@ function Ha({ children: r }) {
   }, [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(Gt, { to: "/login", replace: !0 });
 }
 function Qa() {
-  const { t: r, i18n: t } = le(["login", "translation"]), { app: o } = te(), d = t.dir() === "rtl", i = d ? "text-right" : "text-left", c = ke(), m = pe(), [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 { t: r, i18n: t } = le(["login", "translation"]), { app: o } = te(), d = t.dir() === "rtl", i = d ? "text-right" : "text-left", c = ke(), m = pe(), [p, 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);
@@ -1672,7 +1672,7 @@ function Qa() {
           onClick: () => {
             u("login"), F("");
           },
-          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"}`,
+          className: `flex-1 py-2 text-sm font-medium rounded-md transition-all ${p === "login" ? "bg-background shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"}`,
           children: r("login_tab", "Login")
         }
       ),
@@ -1683,16 +1683,16 @@ function Qa() {
           onClick: () => {
             u("register"), F("");
           },
-          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"}`,
+          className: `flex-1 py-2 text-sm font-medium rounded-md transition-all ${p === "register" ? "bg-background shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"}`,
           children: r("signup_tab", "Sign Up")
         }
       )
     ] }),
-    g === "login" && /* @__PURE__ */ n("form", { onSubmit: K, className: "space-y-4", children: [
+    p === "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(
-          V,
+          G,
           {
             id: "login-phone",
             type: "tel",
@@ -1708,7 +1708,7 @@ function Qa() {
       /* @__PURE__ */ n("div", { className: "space-y-3", children: [
         /* @__PURE__ */ e(Q, { htmlFor: "login-pass", children: r("password", "Password") }),
         /* @__PURE__ */ e(
-          V,
+          G,
           {
             id: "login-pass",
             type: "password",
@@ -1732,11 +1732,11 @@ function Qa() {
         }
       )
     ] }),
-    g === "register" && /* @__PURE__ */ n("form", { onSubmit: f, className: "space-y-4", children: [
+    p === "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(
-          V,
+          G,
           {
             id: "reg-phone",
             type: "tel",
@@ -1752,7 +1752,7 @@ function Qa() {
       /* @__PURE__ */ n("div", { className: "space-y-3", children: [
         /* @__PURE__ */ e(Q, { htmlFor: "reg-pass", children: r("password", "Password") }),
         /* @__PURE__ */ e(
-          V,
+          G,
           {
             id: "reg-pass",
             type: "password",
@@ -1769,7 +1769,7 @@ function Qa() {
         /* @__PURE__ */ n("div", { className: "space-y-3", children: [
           /* @__PURE__ */ e(Q, { htmlFor: "reg-name", children: r("name", "Name") }),
           /* @__PURE__ */ e(
-            V,
+            G,
             {
               id: "reg-name",
               type: "text",
@@ -1784,7 +1784,7 @@ function Qa() {
         /* @__PURE__ */ n("div", { className: "space-y-3", children: [
           /* @__PURE__ */ e(Q, { htmlFor: "reg-surname", children: r("surname", "Surname") }),
           /* @__PURE__ */ e(
-            V,
+            G,
             {
               id: "reg-surname",
               type: "text",
@@ -1807,7 +1807,7 @@ function Qa() {
             required: s.required,
             dir: d ? "rtl" : "ltr",
             children: [
-              /* @__PURE__ */ e(ve, { className: p("bg-background", i), children: /* @__PURE__ */ e(xe, { placeholder: r(s.placeholder || "select_placeholder") }) }),
+              /* @__PURE__ */ e(ve, { className: g("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(me, { value: String(x.value), children: r(x.label) }, String(x.value))) })
             ]
           }
@@ -1823,7 +1823,7 @@ function Qa() {
           ),
           /* @__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(
-          V,
+          G,
           {
             id: `signup-${s.key}`,
             type: s.type,
@@ -1849,7 +1849,7 @@ function Qa() {
   ] }) });
 }
 function Pa() {
-  const { shareId: r } = Vt(), [t, o] = C(null), [d, i] = C(!0), [c, m] = C(null), { MessageList: g } = te(), u = ee(/* @__PURE__ */ new Set());
+  const { shareId: r } = Vt(), [t, o] = C(null), [d, i] = C(!0), [c, m] = C(null), { MessageList: p } = te(), u = ee(/* @__PURE__ */ new Set());
   return $(() => () => {
     u.current.forEach((w) => URL.revokeObjectURL(w)), u.current.clear();
   }, []), $(() => {
@@ -1888,7 +1888,7 @@ function Pa() {
   ] }) : /* @__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(
-      g,
+      p,
       {
         messages: t.items || [],
         status: "ready",