gentiq 0.7.21 → 0.7.23

package/dist/gentiq-index.es.js

@@ -1,18 +1,18 @@
 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 { useState as C, useMemo as j, useEffect as $, useRef as ee, useCallback as J, useLayoutEffect as Ve } from "react";
+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 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 { 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 { 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";
 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 ke, Navigate as Vt, useParams as Gt } from "react-router-dom";
-import { nanoid as de } from "nanoid";
+import { useLocation as Ke, useNavigate as ke, Navigate as Gt, useParams as Vt } from "react-router-dom";
+import { nanoid as ue } from "nanoid";
 import { Slot as Wt } from "@radix-ui/react-slot";
 import { cva as Xt } from "class-variance-authority";
 import "@radix-ui/react-separator";
@@ -216,9 +216,9 @@ function Ce() {
   return [i, c];
 }
 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());
+  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());
   $(() => {
-    c === "/" ? u(de()) : g && c !== `/${g}` && u(de());
+    c === "/" ? u(ue()) : g && c !== `/${g}` && u(ue());
   }, [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();
@@ -236,7 +236,7 @@ function Zt({ onFinish: r } = {}) {
       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(
+          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(
             A.map(async (N) => {
               if (N.type === "file" && N.object_name && !N.url)
                 try {
@@ -249,9 +249,9 @@ function Zt({ onFinish: r } = {}) {
             })
           );
           return {
-            id: s.id || de(),
+            id: s.id || ue(),
             role: s.role,
-            parts: V,
+            parts: G,
             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", V = typeof f == "string" && !f.startsWith("http") ? `${A}${f.startsWith("/") ? f : "/" + f}` : f, N = await fetch(V, { ...s, headers: x });
+      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 });
       if (!N.ok) {
         const R = await N.json().catch(() => ({}));
         if (R.error && (R.error.code || R.error.message))
@@ -315,12 +315,12 @@ 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"), V = A.length > 30 ? A.slice(0, 30) + "..." : A;
+        const A = D || t("attach_file"), G = A.length > 30 ? A.slice(0, 30) + "..." : A;
         o.setQueryData([i, "conversations"], (N) => {
-          const R = { id: `/${b}`, firstMessage: V, timestamp: Date.now() };
+          const R = { id: `/${b}`, firstMessage: G, timestamp: Date.now() };
           return N && Array.isArray(N.pages) ? {
             ...N,
-            pages: N.pages.map((W, le) => le === 0 ? {
+            pages: N.pages.map((W, ce) => ce === 0 ? {
               ...W,
               threads: [R, ...W.threads || []]
             } : W)
@@ -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 V = oe(A, t);
-        I(new Error(V)), E("error");
+        const G = ie(A, t);
+        I(new Error(G)), E("error");
       }
     }
   }, [y, m, c, b, t, o, h, i]), U = J(() => {
@@ -341,7 +341,7 @@ function Zt({ onFinish: r } = {}) {
   }, [y.stop, o, i]), K = j(() => {
     if (z) return z;
     if (y.error) {
-      const f = oe(y.error, t);
+      const f = ie(y.error, t);
       return new Error(f);
     }
     return null;
@@ -360,8 +360,8 @@ function Zt({ onFinish: r } = {}) {
   }), [y, L, U, H, K, h, q, c]);
 }
 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(() => {
+  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);
+  Ve(() => {
     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"));
@@ -432,6 +432,9 @@ const ta = ({
       composer: i ?? u.composer,
       theme: c ?? u.theme,
       disclaimer: m ?? u.disclaimer,
+      app: u.app,
+      i18n: u.i18n,
+      settings: u.settings,
       children: /* @__PURE__ */ e(ea, { ...g })
     }
   );
@@ -805,17 +808,17 @@ function Le({
   ] })) : b;
 }
 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(() => [
+  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(() => [
     { 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((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 () => {
+  }), [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 () => {
     try {
       const a = await T.getMe();
       l(a), z(a.name || ""), H(a.surname || ""), F(a.phone || "");
@@ -824,7 +827,7 @@ function ka({ trigger: r }) {
         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));
+      console.error("Failed to fetch user:", a), X.error(ie(a, t));
     }
   }, [t, K]);
   $(() => {
@@ -837,7 +840,7 @@ function ka({ trigger: r }) {
     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);
+      M.condition && !he(M.condition, f) && a[M.key] !== void 0 && (delete a[M.key], k = !0);
     }), k && s(a);
   }, [f, K]);
   const R = async () => {
@@ -846,13 +849,13 @@ function ka({ trigger: r }) {
       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));
+      X.error(ie(a, t));
     } finally {
       D(!1);
     }
   }, W = () => {
     window.confirm(t("account.logout_confirm", "Are you sure you want to logout?")) && (T.clearToken(), window.location.reload());
-  }, le = (a) => {
+  }, ce = (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: [
@@ -902,26 +905,26 @@ function ka({ trigger: r }) {
                   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(
-                      G,
+                      V,
                       {
                         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", V)
+                        className: p("bg-muted/30 border-border/50 rounded-xl focus-visible:ring-primary h-11", G)
                       }
                     )
                   ] }),
                   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(
-                      G,
+                      V,
                       {
                         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", V)
+                        className: p("bg-muted/30 border-border/50 rounded-xl focus-visible:ring-primary h-11", G)
                       }
                     )
                   ] })
@@ -931,13 +934,13 @@ function ka({ trigger: r }) {
                   /* @__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(
-                      G,
+                      V,
                       {
                         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", V),
+                        className: p("bg-muted/30 border-border/50 rounded-xl focus-visible:ring-primary ps-10 pe-3", G),
                         dir: "ltr"
                       }
                     )
@@ -948,7 +951,7 @@ function ka({ trigger: r }) {
                   /* @__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(
-                      G,
+                      V,
                       {
                         id: "pass",
                         type: "password",
@@ -956,15 +959,15 @@ 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", V),
+                        className: p("bg-muted/30 border-border/50 rounded-xl focus-visible:ring-primary ps-10 pe-3", G),
                         dir: "ltr"
                       }
                     )
                   ] })
                 ] }),
                 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: [
+                  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: [
                     /* @__PURE__ */ e(Q, { htmlFor: `profile-${a.key}`, className: "px-1", children: t(a.label) }),
                     a.type === "select" ? /* @__PURE__ */ n(
                       be,
@@ -975,7 +978,7 @@ function ka({ trigger: r }) {
                         dir: A ? "rtl" : "ltr",
                         children: [
                           /* @__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))) })
+                          /* @__PURE__ */ e(ye, { className: "rounded-xl border-border/40 shadow-xl bg-background/95 backdrop-blur-md", children: a.options?.map((M) => /* @__PURE__ */ e(me, { value: String(M.value), className: "rounded-lg focus:bg-primary/10", children: t(M.label) }, String(M.value))) })
                         ]
                       }
                     ) : a.type === "checkbox" ? /* @__PURE__ */ n("div", { className: "flex items-center gap-3 px-1 py-1", children: [
@@ -992,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(
-                      G,
+                      V,
                       {
                         id: `profile-${a.key}`,
                         type: a.type,
@@ -1000,7 +1003,7 @@ 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", V)
+                        className: p("bg-muted/30 border-border/50 rounded-xl focus-visible:ring-primary h-11", G)
                       }
                     )
                   ] }, a.key);
@@ -1151,17 +1154,17 @@ function ka({ trigger: r }) {
                     be,
                     {
                       value: o.language,
-                      onValueChange: le,
+                      onValueChange: ce,
                       disabled: h("general", "language") === "faded",
                       dir: A ? "rtl" : "ltr",
                       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(me, { 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(ue, { value: "fa", className: "rounded-xl focus:bg-primary/10", children: /* @__PURE__ */ n("span", { className: "flex items-center gap-2", children: [
+                          /* @__PURE__ */ e(me, { 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")
                           ] }) })
@@ -1256,7 +1259,7 @@ function ka({ trigger: r }) {
   ] });
 }
 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");
+  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");
   $(() => {
     if (c === "system") {
       const v = window.matchMedia("(prefers-color-scheme: dark)").matches;
@@ -1342,13 +1345,13 @@ async function _a(r, t, o, d) {
   }
 }
 function Sa({ side: r = "left" }) {
-  const { t, i18n: o } = ie(["sidebar", "translation"]), {
+  const { t, i18n: o } = le(["sidebar", "translation"]), {
     data: d,
     fetchNextPage: 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(
+  } = 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(
         (k) => {
@@ -1371,7 +1374,7 @@ function Sa({ side: r = "left" }) {
     } catch {
       X.error(t("pin_failed"));
     }
-  }, V = async (a) => {
+  }, G = 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"), {
@@ -1391,7 +1394,7 @@ function Sa({ side: r = "left" }) {
       } catch {
         X.error(t("rename_failed"));
       }
-  }, le = (a) => {
+  }, ce = (a) => {
     H(a), z(!0);
   }, ae = () => {
     I && (_a(I.id, q, _, S), z(!1), H(null), X.success(t("chat_deleted_success")));
@@ -1429,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(
-          G,
+          V,
           {
             placeholder: t("search_conversations"),
             value: B,
@@ -1441,16 +1444,16 @@ function Sa({ side: r = "left" }) {
       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";
+            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(
-                G,
+                V,
                 {
                   ref: s,
                   value: K,
-                  onChange: (se) => f(se.target.value),
-                  onKeyDown: (se) => {
-                    se.key === "Enter" && W(), se.key === "Escape" && R();
+                  onChange: (oe) => f(oe.target.value),
+                  onKeyDown: (oe) => {
+                    oe.key === "Enter" && W(), oe.key === "Escape" && R();
                   },
                   className: "h-8 py-0 px-2 text-sm",
                   dir: Se(K)
@@ -1471,9 +1474,9 @@ function Sa({ side: r = "left" }) {
                     "a",
                     {
                       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"),
+                      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"),
                       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) })
@@ -1503,23 +1506,23 @@ function Sa({ side: r = "left" }) {
                       align: "end",
                       className: "min-w-[120px] p-1",
                       children: [
-                        u?.showPin !== !1 && /* @__PURE__ */ n(ce, { onSelect: () => A(a), className: "cursor-pointer flex items-center gap-2", children: [
+                        u?.showPin !== !1 && /* @__PURE__ */ n(de, { 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") })
                         ] }),
-                        u?.showShare !== !1 && /* @__PURE__ */ n(ce, { onSelect: () => V(a), className: "cursor-pointer flex items-center gap-2", children: [
+                        u?.showShare !== !1 && /* @__PURE__ */ n(de, { onSelect: () => G(a), className: "cursor-pointer flex items-center gap-2", children: [
                           /* @__PURE__ */ e(jt, { className: "size-4" }),
                           /* @__PURE__ */ e("span", { children: t("share_conversation") })
                         ] }),
-                        (u?.showRename ?? !1) && /* @__PURE__ */ n(ce, { onSelect: () => N(a), className: "cursor-pointer flex items-center gap-2", children: [
+                        (u?.showRename ?? !1) && /* @__PURE__ */ n(de, { 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") })
                         ] }),
                         (u?.showDelete ?? !1) && /* @__PURE__ */ n(
-                          ce,
+                          de,
                           {
                             className: "text-destructive focus:text-destructive focus:bg-destructive/10 cursor-pointer flex items-center gap-2",
-                            onSelect: () => le(a),
+                            onSelect: () => ce(a),
                             children: [
                               /* @__PURE__ */ e(Bt, { className: "size-4" }),
                               /* @__PURE__ */ e("span", { children: t("delete_conversation") })
@@ -1600,7 +1603,7 @@ function Ka({ sidebar: r, header: t, components: o, classNames: d, disclaimer: i
   ] });
 }
 function Ha({ children: r }) {
-  const [t, o] = C(null), d = Ke(), i = ke(), c = he();
+  const [t, o] = C(null), d = Ke(), i = ke(), c = pe();
   return $(() => {
     (async () => {
       const g = new URLSearchParams(d.search), u = g.get("token");
@@ -1624,10 +1627,10 @@ function Ha({ children: r }) {
         console.error("Token validation failed:", b), b.status === 401 ? (T.clearToken(), c.clear(), o(!1)) : o(!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 });
+  }, [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 } = 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 { 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 s = {};
     return z.forEach((x) => {
       x.defaultValue !== void 0 && (s[x.key] = x.defaultValue);
@@ -1637,7 +1640,7 @@ function Qa() {
     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);
+      D.condition && !he(D.condition, I) && s[D.key] !== void 0 && (delete s[D.key], x = !0);
     }), x && H(s);
   }, [I, z]);
   const [B, F] = C(""), [L, U] = C(!1), K = async (s) => {
@@ -1645,7 +1648,7 @@ function Qa() {
     try {
       await T.login(w, v), m.clear(), c("/");
     } catch (x) {
-      F(oe(x, r));
+      F(ie(x, r));
     } finally {
       U(!1);
     }
@@ -1654,7 +1657,7 @@ function Qa() {
     try {
       await T.register(S, q, P, h, I), m.clear(), c("/");
     } catch (x) {
-      F(oe(x, r));
+      F(ie(x, r));
     } finally {
       U(!1);
     }
@@ -1689,7 +1692,7 @@ function Qa() {
       /* @__PURE__ */ n("div", { className: "space-y-3", children: [
         /* @__PURE__ */ e(Q, { htmlFor: "login-phone", children: r("phone", "Phone") }),
         /* @__PURE__ */ e(
-          G,
+          V,
           {
             id: "login-phone",
             type: "tel",
@@ -1705,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(
-          G,
+          V,
           {
             id: "login-pass",
             type: "password",
@@ -1733,7 +1736,7 @@ function Qa() {
       /* @__PURE__ */ n("div", { className: "space-y-3", children: [
         /* @__PURE__ */ e(Q, { htmlFor: "reg-phone", children: r("phone", "Phone") }),
         /* @__PURE__ */ e(
-          G,
+          V,
           {
             id: "reg-phone",
             type: "tel",
@@ -1749,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(
-          G,
+          V,
           {
             id: "reg-pass",
             type: "password",
@@ -1766,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(
-            G,
+            V,
             {
               id: "reg-name",
               type: "text",
@@ -1781,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(
-            G,
+            V,
             {
               id: "reg-surname",
               type: "text",
@@ -1794,7 +1797,7 @@ function Qa() {
           )
         ] })
       ] }),
-      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: [
+      z.map((s) => he(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,
@@ -1805,7 +1808,7 @@ function Qa() {
             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(ye, { className: "rounded-xl", children: s.options?.map((x) => /* @__PURE__ */ e(ue, { value: String(x.value), children: r(x.label) }, String(x.value))) })
+              /* @__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))) })
             ]
           }
         ) : s.type === "checkbox" ? /* @__PURE__ */ n("div", { className: "flex items-center gap-2 py-2", children: [
@@ -1820,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(
-          G,
+          V,
           {
             id: `signup-${s.key}`,
             type: s.type,
@@ -1846,7 +1849,7 @@ function Qa() {
   ] }) });
 }
 function Pa() {
-  const { shareId: r } = Gt(), [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: g } = te(), u = ee(/* @__PURE__ */ new Set());
   return $(() => () => {
     u.current.forEach((w) => URL.revokeObjectURL(w)), u.current.clear();
   }, []), $(() => {
@@ -1902,7 +1905,7 @@ function Pa() {
     ) })
   ] });
 }
-function Va() {
+function Ga() {
   return /* @__PURE__ */ e(Pa, {});
 }
 export {
@@ -1919,7 +1922,7 @@ export {
   be as Select,
   ye as SelectContent,
   or as SelectGroup,
-  ue as SelectItem,
+  me as SelectItem,
   ir as SelectLabel,
   lr as SelectScrollDownButton,
   cr as SelectScrollUpButton,
@@ -1927,7 +1930,7 @@ export {
   ve as SelectTrigger,
   xe as SelectValue,
   ka as SettingsDialog,
-  Va as SharedChatView,
+  Ga as SharedChatView,
   fa as SidebarProvider,
   ur as TextPart,
   mr as ToolPart,

package/package.json

@@ -10,7 +10,7 @@
     "provenance": true
   },
   "description": "React UI library for the Gentiq AI framework.",
-  "version": "0.7.21",
+  "version": "0.7.23",
   "type": "module",
   "files": [
     "dist"