gentiq 0.10.0 → 0.10.2

package/dist/gentiq-index.es.js

@@ -1,11 +1,11 @@
 import { jsx as e, jsxs as s, Fragment as _e } from "react/jsx-runtime";
 import * as se from "react";
-import { useState as _, useMemo as Q, useEffect as B, useRef as re, useCallback as ee, useLayoutEffect as et } from "react";
+import { useState as T, useMemo as W, useEffect as K, useRef as re, useCallback as ee, useLayoutEffect as et } from "react";
 import { QueryClient as tt, QueryClientProvider as at, useQueryClient as he, useQuery as rt, useInfiniteQuery as nt } from "@tanstack/react-query";
 import { I18nextProvider as st, useTranslation as ue } from "react-i18next";
 import { Trans as or, Translation as ir, useTranslation as lr, withTranslation as cr } from "react-i18next";
-import { G as be, g as ot, d as it, a as lt, C as je, T as ct, u as ne, b as Oe, c as oe, j as xe, e as ge, f as de, h as He, i as v, k as dt, l as Ue, m as Be, n as Ke, o as Qe, B as ae, p as Ve, q as ye, D as Ge, r as ut, s as We, L as X, I as Y, S as we, t as Ne, v as ke, w as Se, x as fe, y as ht, z as pt, A as Me, E as mt, F as gt, H as ft, J as pe, K as bt, M as yt, N as vt, O as xt, P as wt, Q as Nt } from "./checkbox-BuMyz6YI.js";
-import { R as ur, U as hr, V as pr, W as mr, X as gr, Y as fr, Z as br, _ as yr, $ as vr, a0 as xr, a1 as wr, a2 as Nr, a3 as kr, a4 as Sr, a5 as Cr, a6 as _r, a7 as Tr, a8 as Pr } from "./checkbox-BuMyz6YI.js";
+import { G as be, g as ot, d as it, a as lt, C as je, T as ct, u as ne, b as Oe, c as oe, j as xe, e as ge, f as de, h as He, i as v, k as dt, l as Ue, m as Be, n as Ke, o as Qe, B as ae, p as Ve, q as ye, D as Ge, r as ut, s as We, L as X, I as Y, S as we, t as Ne, v as ke, w as Se, x as fe, y as ht, z as pt, A as Me, E as mt, F as gt, H as ft, J as pe, K as bt, M as yt, N as vt, O as xt, P as wt, Q as Nt } from "./checkbox-Bk6TjhJn.js";
+import { R as ur, U as hr, V as pr, W as mr, X as gr, Y as fr, Z as br, _ as yr, $ as vr, a0 as xr, a1 as wr, a2 as Nr, a3 as kr, a4 as Sr, a5 as Cr, a6 as _r, a7 as Tr, a8 as Pr, a9 as Er } from "./checkbox-Bk6TjhJn.js";
 import { Loader2Icon as kt, OctagonXIcon as St, TriangleAlertIcon as Ct, InfoIcon as _t, CircleCheckIcon as Tt, XIcon as Pt, PanelLeftIcon as Et, Layers as Ae, User as Mt, ShieldCheck as At, Settings as Ce, Smartphone as It, Lock as Rt, Save as Dt, Sun as $t, Moon as Lt, Monitor as Ft, Zap as Ie, Globe as qt, Coins as zt, LogOut as jt, CirclePlus as Ot, Plus as Ht, Search as Ut, Check as Bt, X as Kt, Pin as Re, MoreVertical as Qt, PinOff as Vt, Share2 as Gt, Pencil as Wt, Trash as Jt } from "lucide-react";
 import { useTheme as Xt } from "next-themes";
 import { Toaster as Yt, toast as te } from "sonner";
@@ -321,13 +321,13 @@ function Za({
   disclaimer: k,
   settings: g
 }) {
-  const [p, A] = _(null), P = Q(() => o?.instance ?? ot, [o?.instance]), I = t || {}, [E] = _(() => la({ api: I }));
-  B(() => {
-    E.getAppConfig().then((w) => A(w)).catch((w) => console.debug("Gentiq: No dynamic settings available or fetch failed", w));
-  }, [E]), B(() => {
+  const [p, A] = T(null), P = W(() => o?.instance ?? ot, [o?.instance]), I = t || {}, [R] = T(() => la({ api: I }));
+  K(() => {
+    R.getAppConfig().then((w) => A(w)).catch((w) => console.debug("Gentiq: No dynamic settings available or fetch failed", w));
+  }, [R]), K(() => {
     p?.app_name && (document.title = P.t(p.app_name));
   }, [p, P]);
-  const R = Q(() => {
+  const E = W(() => {
     const w = {
       basePath: "/",
       cacheNamespace: "gentiq",
@@ -347,7 +347,7 @@ function Za({
       settingsProfileMode: p.settings_profile_mode || w.settingsProfileMode,
       settingsAccountMode: p.settings_account_mode || w.settingsAccountMode
     } : w;
-  }, [d, p, P]), D = Q(() => {
+  }, [d, p, P]), L = W(() => {
     if (!p) return r;
     const w = typeof r?.greeting == "function" ? r.greeting : p.welcome_greeting || r?.greeting;
     return {
@@ -355,34 +355,34 @@ function Za({
       greeting: w,
       subtitle: p.welcome_subtitle || r?.subtitle
     };
-  }, [r, p]), T = Q(() => {
+  }, [r, p]), _ = W(() => {
     const w = p?.disclaimer || k;
     return typeof w == "string" ? P.t(w) : w;
-  }, [k, p, P]), q = Q(() => p ? {
+  }, [k, p, P]), Q = W(() => p ? {
     ...i,
     enabled: p.history_enabled ?? i?.enabled,
     showDelete: p.history_show_delete ?? i?.showDelete,
     showRename: p.history_show_rename ?? i?.showRename,
     showShare: p.history_show_share ?? i?.showShare,
     showPin: p.history_show_pin ?? i?.showPin
-  } : i, [i, p]), x = Q(() => p ? {
+  } : i, [i, p]), x = W(() => p ? {
     ...u,
     feedback: p.thread_actions_feedback ?? u?.feedback,
     retry: p.thread_actions_retry ?? u?.retry
-  } : u, [u, p]), V = Q(() => p ? {
+  } : u, [u, p]), V = W(() => p ? {
     ...c,
     attachments: {
       ...c?.attachments,
       enabled: p.composer_attachments ?? c?.attachments?.enabled
     }
-  } : c, [c, p]), K = Q(
+  } : c, [c, p]), G = W(
     () => ({
       ...y,
       defaultTheme: p?.default_theme ?? y?.defaultTheme,
       accent: p?.default_accent ?? y?.accent
     }),
     [y, p]
-  ), M = Q(() => p ? {
+  ), M = W(() => p ? {
     ...g,
     sections: {
       ...g?.sections,
@@ -414,7 +414,7 @@ function Za({
         }
       }
     }
-  } : g, [g, p]), $ = Q(
+  } : g, [g, p]), D = W(
     () => new tt({
       defaultOptions: {
         queries: {
@@ -425,46 +425,46 @@ function Za({
     }),
     []
   );
-  B(() => {
-    E.configure({
+  K(() => {
+    R.configure({
       api: I,
-      app: R
+      app: E
     });
-  }, [E, R]);
-  const G = re(null), F = o?.resources;
-  F !== G.current && (G.current = F, F && Object.entries(F).forEach(([w, m]) => {
+  }, [R, E]);
+  const J = re(null), j = o?.resources;
+  j !== J.current && (J.current = j, j && Object.entries(j).forEach(([w, m]) => {
     Object.entries(m).forEach(([C, f]) => {
       P.addResourceBundle(w, C, f, !0, !0);
     });
   }));
-  const J = re(null), W = p?.translations;
-  W && W !== J.current && (J.current = W, Object.entries(W).forEach(([w, m]) => {
+  const q = re(null), F = p?.translations;
+  F && F !== q.current && (q.current = F, Object.entries(F).forEach(([w, m]) => {
     Object.entries(m).forEach(([C, f]) => {
       P.addResourceBundle(w, C, f, !0, !0);
     });
   }));
-  const j = re(null), L = o?.instance;
-  return L && L !== j.current && (j.current = L, Object.entries(it).forEach(([w, m]) => {
+  const O = re(null), $ = o?.instance;
+  return $ && $ !== O.current && (O.current = $, Object.entries(it).forEach(([w, m]) => {
     Object.entries(m).forEach(([C, f]) => {
-      L.hasResourceBundle(w, C) || L.addResourceBundle(w, C, f, !0, !1);
+      $.hasResourceBundle(w, C) || $.addResourceBundle(w, C, f, !0, !1);
     });
-  })), /* @__PURE__ */ e(st, { i18n: P, children: /* @__PURE__ */ s(at, { client: $, children: [
-    /* @__PURE__ */ e(lt, { api: E, children: /* @__PURE__ */ s(
+  })), /* @__PURE__ */ e(st, { i18n: P, children: /* @__PURE__ */ s(at, { client: D, children: [
+    /* @__PURE__ */ e(lt, { api: R, children: /* @__PURE__ */ s(
       je,
       {
         components: n,
-        history: q,
-        welcome: D,
+        history: Q,
+        welcome: L,
         threadActions: x,
         composer: V,
-        theme: K,
-        disclaimer: T,
-        app: R,
+        theme: G,
+        disclaimer: _,
+        app: E,
         i18n: o,
         settings: M,
         children: [
           /* @__PURE__ */ e(ca, {}),
-          /* @__PURE__ */ e(ct, { defaultTheme: "system", storageKey: "chatbot-theme", config: K, children: a })
+          /* @__PURE__ */ e(ct, { defaultTheme: "system", storageKey: "chatbot-theme", config: G, children: a })
         ]
       }
     ) }),
@@ -473,16 +473,16 @@ function Za({
 }
 function ca() {
   const { app: a } = ne();
-  return Oe(), B(() => {
+  return Oe(), K(() => {
     a?.name && (document.title = a.name);
-  }, [a?.name]), B(() => {
+  }, [a?.name]), K(() => {
     if (!a?.favicon) return;
     let t = document.querySelector("link[rel~='icon']");
     t || (t = document.createElement("link"), t.rel = "icon", document.head.appendChild(t)), t.href = a.favicon;
   }, [a?.favicon]), null;
 }
 function Pe() {
-  const a = Je(), t = Te(), n = oe().getConfig().app?.basePath || "/", i = Q(() => {
+  const a = Je(), t = Te(), n = oe().getConfig().app?.basePath || "/", i = W(() => {
     const u = a.pathname, c = u.endsWith("/") && u !== "/" ? u.slice(0, -1) : u, y = n.endsWith("/") && n !== "/" ? n.slice(0, -1) : n;
     if (c === (y || "/")) return "/";
     if (u.startsWith(y) && y !== "/") {
@@ -499,18 +499,18 @@ function Pe() {
   return [i, r];
 }
 function da({ onFinish: a } = {}) {
-  const { t } = ue(["chat", "errors"]), d = he(), o = oe(), n = o.getConfig(), i = n.app?.cacheNamespace || "gentiq", [r, u] = Pe(), [c, y] = _(() => me()), k = re(/* @__PURE__ */ new Set());
-  B(() => {
+  const { t } = ue(["chat", "errors"]), d = he(), o = oe(), n = o.getConfig(), i = n.app?.cacheNamespace || "gentiq", [r, u] = Pe(), [c, y] = T(() => me()), k = re(/* @__PURE__ */ new Set());
+  K(() => {
     y((f) => r === "/" ? me() : f && r !== `/${f}` ? me() : f);
   }, [r]);
-  const g = Q(() => r === "/" ? c : r.replace(/^\//, ""), [r, c]), p = ee((f) => (k.current.add(f), f), []), A = ee(() => {
+  const g = W(() => r === "/" ? c : r.replace(/^\//, ""), [r, c]), p = ee((f) => (k.current.add(f), f), []), A = ee(() => {
     k.current.forEach((f) => URL.revokeObjectURL(f)), k.current.clear();
   }, []);
-  B(() => () => A(), [A]);
+  K(() => () => A(), [A]);
   const {
     data: P,
     isLoading: I,
-    isError: E
+    isError: R
   } = rt({
     queryKey: [i, "threadMessages", g],
     queryFn: async () => {
@@ -519,7 +519,7 @@ function da({ onFinish: a } = {}) {
       const f = await o.getThreadMessages(g);
       return !f.items || !Array.isArray(f.items) ? [] : await Promise.all(
         f.items.map(async (S) => {
-          const Z = typeof S.content == "string" ? S.content : S.content?.text || JSON.stringify(S.content), z = [...Array.isArray(S.parts) && S.parts.length > 0 ? S.parts : [{ type: "text", text: Z }]].sort((b, l) => b.type === "file" && l.type !== "file" ? -1 : b.type !== "file" && l.type === "file" ? 1 : 0), U = await Promise.all(
+          const Z = typeof S.content == "string" ? S.content : S.content?.text || JSON.stringify(S.content), z = [...Array.isArray(S.parts) && S.parts.length > 0 ? S.parts : [{ type: "text", text: Z }]].sort((b, l) => b.type === "file" && l.type !== "file" ? -1 : b.type !== "file" && l.type === "file" ? 1 : 0), B = await Promise.all(
             z.map(async (b) => {
               if (b.type === "file" && b.object_name && !b.url)
                 try {
@@ -538,7 +538,7 @@ function da({ onFinish: a } = {}) {
           return {
             id: S.id || me(),
             role: S.role,
-            parts: U,
+            parts: B,
             metadata: { feedback: S.feedback }
           };
         })
@@ -547,20 +547,20 @@ function da({ onFinish: a } = {}) {
     enabled: r !== "/",
     staleTime: 5e3
     // Keep history fresh for 5 seconds
-  }), R = Q(
+  }), E = W(
     () => new ea({
       api: o.getEndpoint("chat", "/chat"),
-      fetch: async (f, O) => {
-        const S = new Headers(O?.headers), Z = o.getHeaders();
+      fetch: async (f, H) => {
+        const S = new Headers(H?.headers), Z = o.getHeaders();
         Object.entries(Z).forEach(([b, l]) => {
           S.set(b, l);
         }), S.set("X-Thread-Id", g);
-        const H = n.api?.basePath || "/api", z = typeof f == "string" && !f.startsWith("http") ? `${H}${f.startsWith("/") ? f : "/" + f}` : f, U = await fetch(z, { ...O, headers: S });
-        if (!U.ok) {
-          const b = await U.json().catch(() => ({}));
+        const U = n.api?.basePath || "/api", z = typeof f == "string" && !f.startsWith("http") ? `${U}${f.startsWith("/") ? f : "/" + f}` : f, B = await fetch(z, { ...H, headers: S });
+        if (!B.ok) {
+          const b = await B.json().catch(() => ({}));
           if (b.error && (typeof b.error.code == "string" || typeof b.error.message == "string"))
-            throw new be(b, U.status);
-          let l = U.statusText || `HTTP ${U.status}`, h = "error", N = null;
+            throw new be(b, B.status);
+          let l = B.statusText || `HTTP ${B.status}`, h = "error", N = null;
           throw typeof b.detail == "string" ? l = b.detail : typeof b.message == "string" ? l = b.message : typeof b.error == "string" ? l = b.error : Array.isArray(b.detail) ? (l = "Validation failed", N = b.detail, h = "validation_error") : b.error && typeof b.error.message == "string" && (l = b.error.message), new be(
             {
               error: {
@@ -569,65 +569,65 @@ function da({ onFinish: a } = {}) {
                 details: N
               }
             },
-            U.status
+            B.status
           );
         }
-        return U;
+        return B;
       }
     }),
     [g, n.api?.basePath, o]
-  ), D = ee(() => {
+  ), L = ee(() => {
     M("ready"), d.invalidateQueries({ queryKey: [i, "conversations"] }), a?.();
-  }, [d, a, i]), T = Zt({
+  }, [d, a, i]), _ = Zt({
     id: g,
-    onFinish: D,
-    transport: R
-  }), { setMessages: q, sendMessage: x, stop: V } = T, [K, M] = _("idle"), [$, G] = _(null), F = ee(() => {
-    G(null);
+    onFinish: L,
+    transport: E
+  }), { setMessages: Q, sendMessage: x, stop: V } = _, [G, M] = T("idle"), [D, J] = T(null), j = ee(() => {
+    J(null);
   }, []);
-  B(() => {
-    P && (r === `/${c}` || (q(P), M("ready")));
-  }, [P, q, r, c]), B(() => {
-    r === "/" && (q([]), M("idle"));
-  }, [r, q]), B(() => {
+  K(() => {
+    P && (r === `/${c}` || (Q(P), M("ready")));
+  }, [P, Q, r, c]), K(() => {
+    r === "/" && (Q([]), M("idle"));
+  }, [r, Q]), K(() => {
     if (r === "/") {
       M("idle");
       return;
     }
     const f = r === `/${c}`;
-    I && !f ? M("loading-history") : E || $ || T.error ? M("error") : T.status === "streaming" || T.status === "submitted" ? M(T.status) : M("ready");
+    I && !f ? M("loading-history") : R || D || _.error ? M("error") : _.status === "streaming" || _.status === "submitted" ? M(_.status) : M("ready");
   }, [
     I,
-    E,
-    T.status,
-    $,
-    T.error,
+    R,
+    _.status,
+    D,
+    _.error,
     r,
     c
-  ]), B(() => () => {
+  ]), K(() => () => {
     V();
   }, [g, V]);
-  const J = re(/* @__PURE__ */ new Set()), W = Q(
-    () => T.messages.filter((f) => f.role === "assistant"),
-    [T.messages]
+  const q = re(/* @__PURE__ */ new Set()), F = W(
+    () => _.messages.filter((f) => f.role === "assistant"),
+    [_.messages]
   );
-  B(() => {
+  K(() => {
     let f = !1;
-    for (const O of W) {
-      if (J.current.has(O.id)) continue;
-      const S = O.parts.find((H) => H.type === "data-title");
-      (S ? ge(S) : void 0)?.data?.[0]?.title && (J.current.add(O.id), f = !0);
+    for (const H of F) {
+      if (q.current.has(H.id)) continue;
+      const S = H.parts.find((U) => U.type === "data-title");
+      (S ? ge(S) : void 0)?.data?.[0]?.title && (q.current.add(H.id), f = !0);
     }
     f && d.invalidateQueries({ queryKey: [i, "conversations"] });
-  }, [W, d, i]);
-  const j = re(null), L = ee(
+  }, [F, d, i]);
+  const O = re(null), $ = ee(
     (f) => {
       if (f.length === 0) return;
-      const O = f.map((S) => ({
+      const H = f.map((S) => ({
         type: "data-reference",
         data: S
       }));
-      q((S) => {
+      Q((S) => {
         const Z = new Set(f.map((b) => b.id));
         if (S.some(
           (b) => b.parts.some(
@@ -638,46 +638,46 @@ function da({ onFinish: a } = {}) {
           (b) => b.role === "user" && !b.parts.some((l) => l.type === "data-reference")
         );
         if (z === -1) return S;
-        const U = S.length - 1 - z;
-        return S.map((b, l) => l !== U ? b : {
+        const B = S.length - 1 - z;
+        return S.map((b, l) => l !== B ? b : {
           ...b,
           metadata: {
             ...b.metadata || {},
             references: f
           },
-          parts: [...O, ...b.parts]
+          parts: [...H, ...b.parts]
         });
       });
     },
-    [q]
+    [Q]
   );
-  B(() => {
-    const f = j.current;
+  K(() => {
+    const f = O.current;
     if (!f) return;
-    const O = new Set(f.map((H) => H.id));
-    if (T.messages.some(
-      (H) => H.parts.some(
-        (z) => z.type === "data-reference" && O.has(ge(z).data?.id)
+    const H = new Set(f.map((U) => U.id));
+    if (_.messages.some(
+      (U) => U.parts.some(
+        (z) => z.type === "data-reference" && H.has(ge(z).data?.id)
       )
     )) {
-      j.current = null;
+      O.current = null;
       return;
     }
-    T.messages.some(
-      (H) => H.role === "user" && !H.parts.some((z) => z.type === "data-reference")
-    ) && (L(f), j.current = null);
-  }, [T.messages, L]);
+    _.messages.some(
+      (U) => U.role === "user" && !U.parts.some((z) => z.type === "data-reference")
+    ) && ($(f), O.current = null);
+  }, [_.messages, $]);
   const w = ee(
-    async (f, O, S = []) => {
-      const Z = r === "/", H = f.trim();
-      if (!(!H && (!O || O.length === 0) && S.length === 0) && !(K === "loading-history" || K === "streaming" || K === "submitted")) {
+    async (f, H, S = []) => {
+      const Z = r === "/", U = f.trim();
+      if (!(!U && (!H || H.length === 0) && S.length === 0) && !(G === "loading-history" || G === "streaming" || G === "submitted")) {
         if (V(), Z) {
           u(`/${g}`);
-          const z = H || (S[0]?.excerpt ? `↳ ${S[0].excerpt}` : t("attach_file")), U = z.length > 30 ? z.slice(0, 30) + "..." : z;
+          const z = U || (S[0]?.excerpt ? `↳ ${S[0].excerpt}` : t("attach_file")), B = z.length > 30 ? z.slice(0, 30) + "..." : z;
           d.setQueryData([i, "conversations"], (b) => {
             const l = {
               id: `/${g}`,
-              firstMessage: U,
+              firstMessage: B,
               timestamp: Date.now()
             };
             return !b || !Array.isArray(b.pages) ? {
@@ -691,13 +691,13 @@ function da({ onFinish: a } = {}) {
             };
           });
         }
-        M("submitted"), G(null), j.current = S.length > 0 ? S : null;
+        M("submitted"), J(null), O.current = S.length > 0 ? S : null;
         try {
-          S.length > 0 ? await x({ text: H, files: O }, { body: { references: S } }) : await x({ text: H, files: O });
+          S.length > 0 ? await x({ text: U, files: H }, { body: { references: S } }) : await x({ text: U, files: H });
         } catch (z) {
           console.error("Failed to send message:", z);
-          const U = de(z, t);
-          G(new Error(U)), M("error");
+          const B = de(z, t);
+          J(new Error(B)), M("error");
         }
       }
     },
@@ -709,33 +709,33 @@ function da({ onFinish: a } = {}) {
       g,
       t,
       d,
-      K,
+      G,
       i
     ]
   ), m = ee(() => {
     V(), M("ready"), d.invalidateQueries({ queryKey: [i, "conversations"] });
-  }, [V, d, i]), C = Q(() => {
-    if ($) return $;
-    if (T.error) {
-      const f = de(T.error, t);
+  }, [V, d, i]), C = W(() => {
+    if (D) return D;
+    if (_.error) {
+      const f = de(_.error, t);
       return new Error(f);
     }
     return null;
-  }, [$, T.error, t]);
-  return Q(
+  }, [D, _.error, t]);
+  return W(
     () => ({
-      ...T,
+      ..._,
       sendMessage: w,
       stop: m,
-      clearError: F,
+      clearError: j,
       error: C,
       // eslint-disable-next-line @typescript-eslint/no-explicit-any -- ChatStatus is a superset of the AI SDK status union expected downstream
-      status: K,
-      isLoadingHistory: K === "loading-history",
-      isErrorHistory: K === "error" || !!C || E,
+      status: G,
+      isLoadingHistory: G === "loading-history",
+      isErrorHistory: G === "error" || !!C || R,
       conversationId: r
     }),
-    [T, w, m, F, C, K, E, r]
+    [_, w, m, j, C, G, R, r]
   );
 }
 function ua({ classNames: a = {}, disclaimer: t }) {
@@ -749,15 +749,21 @@ function ua({ classNames: a = {}, disclaimer: t }) {
     isLoadingHistory: g,
     conversationId: p,
     sendMessage: A
-  } = n, { MessageList: P, PromptInput: I, composer: E, disclaimer: R } = ne(), D = t ?? R, T = o.exists("chat:disclaimer") ? d("chat:disclaimer") : null, q = typeof D == "string" ? d(D) : D ?? T, [x, V] = _(null), K = re(r);
+  } = n, {
+    MessageList: P,
+    PromptInput: I,
+    WelcomeScreen: R,
+    composer: E,
+    disclaimer: L
+  } = ne(), _ = t ?? L, Q = o.exists("chat:disclaimer") ? d("chat:disclaimer") : null, x = typeof _ == "string" ? d(_) : _ ?? Q, [V, G] = T(null), M = re(r);
   et(() => {
     c && y();
   }, [p, y, c]);
-  const M = i[i.length - 1], $ = M?.role === "assistant" && (r === "ready" || M.parts.some((F) => F.type === "data-chat-finished"));
-  B(() => {
-    r === "error" && K.current !== "error" && x !== p ? V(p) : r === "submitted" && x !== null && V(null), K.current = r;
+  const D = i[i.length - 1], J = D?.role === "assistant" && (r === "ready" || D.parts.some((F) => F.type === "data-chat-finished"));
+  K(() => {
+    r === "error" && M.current !== "error" && V !== p ? G(p) : r === "submitted" && V !== null && G(null), M.current = r;
   }, [r, p]);
-  const G = r === "error" && (p === "/" || x === p);
+  const j = r === "error" && (p === "/" || V === p), q = i.length === 0 && !g;
   return /* @__PURE__ */ e(
     He,
     {
@@ -765,13 +771,13 @@ function ua({ classNames: a = {}, disclaimer: t }) {
       maxItems: E?.references?.maxItems,
       maxExcerptLength: E?.references?.maxExcerptLength,
       children: /* @__PURE__ */ s("div", { className: v("relative flex flex-col h-full overflow-hidden", a.container), children: [
-        /* @__PURE__ */ e(
+        !q && /* @__PURE__ */ e(
           P,
           {
             messages: i,
             status: r,
             isLoadingHistory: g,
-            error: G ? c : null,
+            error: j ? c : null,
             conversationId: p,
             regen: (F) => u({ messageId: F }),
             onSuggestionClick: (F) => A(F),
@@ -779,27 +785,41 @@ function ua({ classNames: a = {}, disclaimer: t }) {
             className: v("flex-1", a.messageList)
           }
         ),
-        /* @__PURE__ */ s("div", { className: "absolute bottom-0 left-0 right-0 z-10 pointer-events-none flex flex-col items-stretch", children: [
+        /* @__PURE__ */ s("div", { className: "absolute inset-0 z-10 pointer-events-none flex flex-col", children: [
+          /* @__PURE__ */ e("div", { className: "grow basis-0 shrink-0 min-h-0 flex flex-col items-center justify-end px-4 pb-6 md:pb-8", children: q && /* @__PURE__ */ e(R, { onSuggestionClick: () => {
+          } }) }),
+          /* @__PURE__ */ s("div", { className: "shrink-0 flex flex-col items-stretch", children: [
+            /* @__PURE__ */ e(
+              I,
+              {
+                onSend: A,
+                status: r,
+                isLastMessageFinished: J,
+                stop: k,
+                isErrorVisible: j,
+                conversationId: p,
+                newChat: q,
+                className: v(
+                  "pointer-events-auto",
+                  a.inputArea,
+                  x && "pb-0 md:pb-0"
+                )
+              }
+            ),
+            x && /* @__PURE__ */ s("div", { className: "relative py-1 px-4 flex justify-center items-center pointer-events-auto", children: [
+              /* @__PURE__ */ e("div", { className: "absolute inset-x-0 bottom-0 top-[-20px] bg-background/80 backdrop-blur-sm [mask-image:linear-gradient(to_top,black_60%,transparent)] pointer-events-none -z-10" }),
+              /* @__PURE__ */ e("p", { className: "text-[10px] md:text-[11px] text-muted-foreground/60 select-none text-center leading-tight", children: x })
+            ] })
+          ] }),
           /* @__PURE__ */ e(
-            I,
+            "div",
             {
-              onSend: A,
-              status: r,
-              isLastMessageFinished: $,
-              stop: k,
-              isErrorVisible: G,
-              conversationId: p,
               className: v(
-                "pointer-events-auto",
-                a.inputArea,
-                q && "pb-0 md:pb-0"
+                "basis-0 shrink-0 transition-[flex-grow] duration-500 ease-in-out",
+                q ? "grow" : "grow-0"
               )
             }
-          ),
-          q && /* @__PURE__ */ s("div", { className: "relative py-1 px-4 flex justify-center items-center pointer-events-auto", children: [
-            /* @__PURE__ */ e("div", { className: "absolute inset-x-0 bottom-0 top-[-20px] bg-background/80 backdrop-blur-sm [mask-image:linear-gradient(to_top,black_60%,transparent)] pointer-events-none -z-10" }),
-            /* @__PURE__ */ e("p", { className: "text-[10px] md:text-[11px] text-muted-foreground/60 select-none text-center leading-tight", children: q })
-          ] })
+          )
         ] })
       ] })
     }
@@ -815,7 +835,7 @@ const ha = ({
   disclaimer: r,
   ...u
 }) => {
-  const c = ne(), y = Q(
+  const c = ne(), y = W(
     () => ({
       ...c,
       ...a,
@@ -938,23 +958,23 @@ function _a({
   ...r
 }) {
   const u = dt(), [c, y] = se.useState(!1), [k, g] = se.useState(a), p = t ?? k, A = se.useCallback(
-    (R) => {
-      const D = typeof R == "function" ? R(p) : R;
-      d ? d(D) : g(D), document.cookie = `${xa}=${D}; path=/; max-age=${wa}`;
+    (E) => {
+      const L = typeof E == "function" ? E(p) : E;
+      d ? d(L) : g(L), document.cookie = `${xa}=${L}; path=/; max-age=${wa}`;
     },
     [d, p]
   ), P = se.useCallback(() => {
-    u ? y((R) => !R) : A((R) => !R);
+    u ? y((E) => !E) : A((E) => !E);
   }, [u, A, y]);
   se.useEffect(() => {
-    const R = (D) => {
-      D.key === Ca && (D.metaKey || D.ctrlKey) && (D.preventDefault(), P());
+    const E = (L) => {
+      L.key === Ca && (L.metaKey || L.ctrlKey) && (L.preventDefault(), P());
     };
-    return window.addEventListener("keydown", R), () => {
-      window.removeEventListener("keydown", R);
+    return window.addEventListener("keydown", E), () => {
+      window.removeEventListener("keydown", E);
     };
   }, [P]);
-  const I = p ? "expanded" : "collapsed", E = se.useMemo(
+  const I = p ? "expanded" : "collapsed", R = se.useMemo(
     () => ({
       state: I,
       open: p,
@@ -966,7 +986,7 @@ function _a({
     }),
     [I, p, A, u, c, y, P]
   );
-  return /* @__PURE__ */ e(Xe.Provider, { value: E, children: /* @__PURE__ */ e(Ue, { delayDuration: 0, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(Xe.Provider, { value: R, children: /* @__PURE__ */ e(Ue, { delayDuration: 0, children: /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "sidebar-wrapper",
@@ -1205,65 +1225,65 @@ function Fe({
   ] })) : k;
 }
 function Ra({ trigger: a }) {
-  const { t, i18n: d } = ue(["settings", "translation"]), { app: o, settings: n } = ne(), i = oe(), r = he(), { theme: u, setTheme: c, accent: y, setAccent: k, radius: g, setRadius: p } = Ve(), [A, P] = _(null), [I, E] = _(!1), R = re(null), D = Q(() => [
+  const { t, i18n: d } = ue(["settings", "translation"]), { app: o, settings: n } = ne(), i = oe(), r = he(), { theme: u, setTheme: c, accent: y, setAccent: k, radius: g, setRadius: p } = Ve(), [A, P] = T(null), [I, R] = T(!1), E = re(null), L = W(() => [
     { id: "general", label: t("sections.general", "General"), icon: Ae },
     { id: "profile", label: t("sections.profile", "Profile"), icon: Mt },
     { id: "account", label: t("sections.account", "Account"), icon: At }
   ].filter((h) => {
     const N = n?.sections?.[h.id];
     return (N?.mode ?? (N?.enabled === !1 ? "hidden" : "editable")) !== "hidden";
-  }), [t, n]), [T, q] = _(D[0]?.id || "general"), x = ee(
+  }), [t, n]), [_, Q] = T(L[0]?.id || "general"), x = ee(
     (l, h, N = "editable") => {
       const ie = n?.sections?.[l]?.fields;
       return ie && ie[h] || N;
     },
     [n]
-  ), [V, K] = _(""), [M, $] = _(""), [G, F] = _(""), [J, W] = _(""), j = Q(
+  ), [V, G] = T(""), [M, D] = T(""), [J, j] = T(""), [q, F] = T(""), O = W(
     () => o?.userMetadataFields?.filter((l) => l.showInProfile) || [],
     [o?.userMetadataFields]
-  ), [L, w] = _({}), [m, C] = _(!1), f = d.language === "fa", O = f ? "text-right" : "text-left", S = ee(async () => {
+  ), [$, w] = T({}), [m, C] = T(!1), f = d.language === "fa", H = f ? "text-right" : "text-left", S = ee(async () => {
     try {
       const l = await i.getMe();
-      P(l), K(l.name || ""), $(l.surname || ""), F(l.phone || "");
+      P(l), G(l.name || ""), D(l.surname || ""), j(l.phone || "");
       const h = {};
-      j.forEach((N) => {
+      O.forEach((N) => {
         h[N.key] = l.metadata?.[N.key] ?? N.defaultValue ?? "";
       }), w(h);
     } catch (l) {
       console.error("Failed to fetch user:", l), te.error(de(l, t));
     }
-  }, [t, j, i]);
-  B(() => {
+  }, [t, O, i]);
+  K(() => {
     if (!I) {
-      R.current = null;
+      E.current = null;
       return;
     }
-    (R.current === null || T === "account") && S(), R.current = T;
-  }, [I, T, S]), B(() => {
-    const l = { ...L };
+    (E.current === null || _ === "account") && S(), E.current = _;
+  }, [I, _, S]), K(() => {
+    const l = { ...$ };
     let h = !1;
-    j.forEach((N) => {
-      N.condition && !ye(N.condition, L) && l[N.key] !== void 0 && (delete l[N.key], h = !0);
+    O.forEach((N) => {
+      N.condition && !ye(N.condition, $) && l[N.key] !== void 0 && (delete l[N.key], h = !0);
     }), h && w(l);
-  }, [L, j]);
+  }, [$, O]);
   const Z = async () => {
     C(!0);
     try {
-      const l = { name: V, surname: M, phone: G, metadata: L };
-      J && (l.password = J);
+      const l = { name: V, surname: M, phone: J, metadata: $ };
+      q && (l.password = q);
       const h = await i.updateMe(l);
-      r.setQueryData(ht(o?.cacheNamespace || "gentiq"), h), te.success(t("profile.success", "Profile updated successfully")), W(""), S();
+      r.setQueryData(ht(o?.cacheNamespace || "gentiq"), h), te.success(t("profile.success", "Profile updated successfully")), F(""), S();
     } catch (l) {
       te.error(de(l, t));
     } finally {
       C(!1);
     }
-  }, H = () => {
+  }, U = () => {
     window.confirm(t("account.logout_confirm", "Are you sure you want to logout?")) && (i.clearToken(), window.location.reload());
   }, z = (l) => {
     d.changeLanguage(l);
-  }, U = A?.balance ? Math.max(0, Math.min(100, A.balance.tokens / (A.balance.token_limit || 1) * 100)) : 0, b = A?.balance ? Math.max(0, Math.min(100, A.balance.requests / (A.balance.request_limit || 1) * 100)) : 0;
-  return /* @__PURE__ */ s(Ge, { open: I, onOpenChange: E, children: [
+  }, B = A?.balance ? Math.max(0, Math.min(100, A.balance.tokens / (A.balance.token_limit || 1) * 100)) : 0, b = A?.balance ? Math.max(0, Math.min(100, A.balance.requests / (A.balance.request_limit || 1) * 100)) : 0;
+  return /* @__PURE__ */ s(Ge, { open: I, onOpenChange: R, children: [
     /* @__PURE__ */ e(ut, { asChild: !0, children: a || /* @__PURE__ */ e(ae, { variant: "ghost", size: "icon", className: "rounded-full", children: /* @__PURE__ */ e(Ce, { className: "h-5 w-5" }) }) }),
     /* @__PURE__ */ e(
       We,
@@ -1279,13 +1299,13 @@ function Ra({ trigger: a }) {
               /* @__PURE__ */ e("div", { className: "bg-primary/10 p-1.5 rounded-lg", children: /* @__PURE__ */ e(Ce, { className: "h-5 w-5 text-primary" }) }),
               /* @__PURE__ */ e("span", { className: "font-bold text-lg", children: t("title", "Settings") })
             ] }) }),
-            /* @__PURE__ */ e("div", { className: "w-full overflow-x-auto no-scrollbar pt-2 px-2 sm:px-4", children: /* @__PURE__ */ e("nav", { className: "flex items-center gap-2 sm:gap-6 w-max", children: D.map((l) => /* @__PURE__ */ s(
+            /* @__PURE__ */ e("div", { className: "w-full overflow-x-auto no-scrollbar pt-2 px-2 sm:px-4", children: /* @__PURE__ */ e("nav", { className: "flex items-center gap-2 sm:gap-6 w-max", children: L.map((l) => /* @__PURE__ */ s(
               "button",
               {
-                onClick: () => q(l.id),
+                onClick: () => Q(l.id),
                 className: v(
                   "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",
-                  T === l.id ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground hover:border-border",
+                  _ === l.id ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground hover:border-border",
                   n?.sections?.[l.id]?.mode === "faded" && "opacity-50 pointer-events-none select-none"
                 ),
                 children: [
@@ -1294,7 +1314,7 @@ function Ra({ trigger: a }) {
                     {
                       className: v(
                         "h-3.5 w-3.5 sm:h-4 sm:w-4 transition-transform",
-                        T === l.id && "scale-110"
+                        _ === l.id && "scale-110"
                       )
                     }
                   ),
@@ -1305,7 +1325,7 @@ function Ra({ trigger: a }) {
             )) }) })
           ] }),
           /* @__PURE__ */ e("div", { className: "flex-1 relative min-h-0 h-full bg-background", children: /* @__PURE__ */ s("div", { className: "absolute inset-0 overflow-y-auto p-5 sm:p-8 pt-12 sm:pt-12 custom-scrollbar", children: [
-            T === "profile" && /* @__PURE__ */ s("div", { className: "space-y-6 animate-in fade-in slide-in-from-bottom-4 duration-300", children: [
+            _ === "profile" && /* @__PURE__ */ s("div", { className: "space-y-6 animate-in fade-in slide-in-from-bottom-4 duration-300", children: [
               /* @__PURE__ */ s("div", { children: [
                 /* @__PURE__ */ e("h2", { className: "text-xl font-bold tracking-tight", children: t("profile.title", "Profile Information") }),
                 /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: t("profile.subtitle", "Update your personal details below.") })
@@ -1326,11 +1346,11 @@ function Ra({ trigger: a }) {
                           {
                             id: "name",
                             value: V,
-                            onChange: (l) => K(l.target.value),
+                            onChange: (l) => G(l.target.value),
                             disabled: x("profile", "name") === "faded",
                             className: v(
                               "bg-muted/30 border-border/50 rounded-xl focus-visible:ring-primary h-11",
-                              O
+                              H
                             )
                           }
                         )
@@ -1351,11 +1371,11 @@ function Ra({ trigger: a }) {
                           {
                             id: "surname",
                             value: M,
-                            onChange: (l) => $(l.target.value),
+                            onChange: (l) => D(l.target.value),
                             disabled: x("profile", "surname") === "faded",
                             className: v(
                               "bg-muted/30 border-border/50 rounded-xl focus-visible:ring-primary h-11",
-                              O
+                              H
                             )
                           }
                         )
@@ -1378,8 +1398,8 @@ function Ra({ trigger: a }) {
                           Y,
                           {
                             id: "phone",
-                            value: G,
-                            onChange: (l) => F(l.target.value),
+                            value: J,
+                            onChange: (l) => j(l.target.value),
                             disabled: x("profile", "phone") === "faded",
                             className: "bg-muted/30 border-border/50 rounded-xl focus-visible:ring-primary pl-10 pr-3 text-left",
                             dir: "ltr"
@@ -1405,8 +1425,8 @@ function Ra({ trigger: a }) {
                           {
                             id: "pass",
                             type: "password",
-                            value: J,
-                            onChange: (l) => W(l.target.value),
+                            value: q,
+                            onChange: (l) => F(l.target.value),
                             disabled: x("profile", "password") === "faded",
                             placeholder: t(
                               "profile.password_placeholder",
@@ -1420,9 +1440,9 @@ function Ra({ trigger: a }) {
                     ]
                   }
                 ),
-                j.map((l) => {
+                O.map((l) => {
                   const h = x("profile", l.key, l.mode || "editable");
-                  return h === "hidden" || !ye(l.condition, L) ? null : /* @__PURE__ */ s(
+                  return h === "hidden" || !ye(l.condition, $) ? null : /* @__PURE__ */ s(
                     "div",
                     {
                       className: v(
@@ -1434,8 +1454,8 @@ function Ra({ trigger: a }) {
                         l.type === "select" ? /* @__PURE__ */ s(
                           we,
                           {
-                            value: String(L[l.key] || ""),
-                            onValueChange: (N) => w({ ...L, [l.key]: N }),
+                            value: String($[l.key] || ""),
+                            onValueChange: (N) => w({ ...$, [l.key]: N }),
                             disabled: h === "faded",
                             dir: f ? "rtl" : "ltr",
                             children: [
@@ -1462,9 +1482,9 @@ function Ra({ trigger: a }) {
                             {
                               id: `profile-${l.key}`,
                               type: "checkbox",
-                              checked: !!L[l.key],
+                              checked: !!$[l.key],
                               disabled: h === "faded",
-                              onChange: (N) => w({ ...L, [l.key]: N.target.checked }),
+                              onChange: (N) => w({ ...$, [l.key]: N.target.checked }),
                               className: "h-5 w-5 rounded-md border-border/50 bg-muted/30 text-primary focus:ring-primary transition-all cursor-pointer"
                             }
                           ),
@@ -1481,13 +1501,13 @@ function Ra({ trigger: a }) {
                           {
                             id: `profile-${l.key}`,
                             type: l.type,
-                            value: L[l.key] || "",
+                            value: $[l.key] || "",
                             disabled: h === "faded",
-                            onChange: (N) => w({ ...L, [l.key]: N.target.value }),
+                            onChange: (N) => w({ ...$, [l.key]: N.target.value }),
                             placeholder: t(l.placeholder || ""),
                             className: v(
                               "bg-muted/30 border-border/50 rounded-xl focus-visible:ring-primary h-11",
-                              O
+                              H
                             )
                           }
                         )
@@ -1510,7 +1530,7 @@ function Ra({ trigger: a }) {
                 ) })
               ] })
             ] }),
-            T === "general" && /* @__PURE__ */ s("div", { className: "space-y-8 animate-in fade-in slide-in-from-bottom-4 duration-300", children: [
+            _ === "general" && /* @__PURE__ */ s("div", { className: "space-y-8 animate-in fade-in slide-in-from-bottom-4 duration-300", children: [
               /* @__PURE__ */ s("div", { children: [
                 /* @__PURE__ */ e("h2", { className: "text-xl font-bold tracking-tight", children: t("general.title", "General Settings") }),
                 /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: t("general.subtitle", "Configure look and feel and language.") })
@@ -1704,7 +1724,7 @@ function Ra({ trigger: a }) {
                 )
               ] })
             ] }),
-            T === "account" && /* @__PURE__ */ s("div", { className: "space-y-8 animate-in fade-in slide-in-from-bottom-4 duration-300", children: [
+            _ === "account" && /* @__PURE__ */ s("div", { className: "space-y-8 animate-in fade-in slide-in-from-bottom-4 duration-300", children: [
               /* @__PURE__ */ s("div", { children: [
                 /* @__PURE__ */ e("h2", { className: "text-xl font-bold tracking-tight", children: t("account.title", "Account & Usage") }),
                 /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: t("account.subtitle", "Monitor your quotas and manage your session.") })
@@ -1727,7 +1747,7 @@ function Ra({ trigger: a }) {
                           /* @__PURE__ */ s("div", { className: "flex justify-between text-sm mb-1", children: [
                             /* @__PURE__ */ e("span", { className: "font-medium text-muted-foreground", children: t("account.tokens", "Tokens") }),
                             /* @__PURE__ */ s("span", { className: "font-bold text-primary", children: [
-                              U.toLocaleString(d.language, {
+                              B.toLocaleString(d.language, {
                                 maximumFractionDigits: 0
                               }),
                               "%"
@@ -1743,9 +1763,9 @@ function Ra({ trigger: a }) {
                                 {
                                   className: v(
                                     "h-full rounded-full transition-all duration-1000 shadow-sm",
-                                    U > 60 ? "bg-emerald-500 shadow-emerald-500/20" : U > 20 ? "bg-amber-500 shadow-amber-500/20" : "bg-destructive shadow-destructive/20"
+                                    B > 60 ? "bg-emerald-500 shadow-emerald-500/20" : B > 20 ? "bg-amber-500 shadow-amber-500/20" : "bg-destructive shadow-destructive/20"
                                   ),
-                                  style: { width: `${U}%` }
+                                  style: { width: `${B}%` }
                                 }
                               )
                             }
@@ -1799,7 +1819,7 @@ function Ra({ trigger: a }) {
                     ae,
                     {
                       variant: "destructive",
-                      onClick: H,
+                      onClick: U,
                       disabled: x("account", "logout") === "faded",
                       className: v(
                         "rounded-2xl gap-2 font-bold h-12 shadow-lg shadow-destructive/10 transition-all active:scale-[0.98]",
@@ -1834,15 +1854,15 @@ function Ra({ trigger: a }) {
   ] });
 }
 function Ye({ hideActions: a = !1 }) {
-  const [, t] = Pe(), { t: d } = ue(["sidebar", "chat"]), { history: o, app: n } = ne(), { theme: i } = Ve(), r = !a && (o?.enabled ?? !0), [u, c] = _("light");
-  B(() => {
+  const [, t] = Pe(), { t: d } = ue(["sidebar", "chat"]), { history: o, app: n } = ne(), { theme: i } = Ve(), r = !a && (o?.enabled ?? !0), [u, c] = T("light");
+  K(() => {
     if (i === "system") {
       const g = window.matchMedia("(prefers-color-scheme: dark)").matches;
       c(g ? "dark" : "light");
     } else
       c(i);
   }, [i]);
-  const y = Q(() => n?.logo ? typeof n.logo == "string" ? n.logo : u === "dark" ? n.logo.dark : n.logo.light : pt, [n?.logo, u]), k = n?.name || "Gentiq";
+  const y = W(() => n?.logo ? typeof n.logo == "string" ? n.logo : u === "dark" ? n.logo.dark : n.logo.light : pt, [n?.logo, u]), k = n?.name || "Gentiq";
   return /* @__PURE__ */ s("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: r && /* @__PURE__ */ e(Pa, { className: "hover:bg-accent/60 transition-all duration-200 hover:scale-105 active:scale-95 rounded-lg size-9" }) }),
     /* @__PURE__ */ e("div", { className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2", children: /* @__PURE__ */ e("div", { className: "flex items-center gap-2.5 select-none animate-in fade-in zoom-in-95 duration-500", children: /* @__PURE__ */ e("img", { src: y, alt: k, className: "size-8 object-contain" }) }) }),
@@ -1913,9 +1933,9 @@ async function $a(a, t, d, o, n) {
   }
 }
 function La({ side: a = "left" }) {
-  const { t, i18n: d } = ue(["sidebar", "translation"]), { setOpenMobile: o, isMobile: n } = ve(), { data: i, fetchNextPage: r, hasNextPage: u, isFetchingNextPage: c, isLoading: y } = Da(), { history: k, app: g } = ne(), p = g?.basePath || "/", A = k?.enabled ?? !1, P = i?.pages.flatMap((h) => h.threads) ?? [], [I, E] = Pe(), R = he(), D = re(null), T = ee(
+  const { t, i18n: d } = ue(["sidebar", "translation"]), { setOpenMobile: o, isMobile: n } = ve(), { data: i, fetchNextPage: r, hasNextPage: u, isFetchingNextPage: c, isLoading: y } = Da(), { history: k, app: g } = ne(), p = g?.basePath || "/", A = k?.enabled ?? !1, P = i?.pages.flatMap((h) => h.threads) ?? [], [I, R] = Pe(), E = he(), L = re(null), _ = ee(
     (h) => {
-      D.current && (D.current.disconnect(), D.current = null), h && u && !c && (D.current = new IntersectionObserver(
+      L.current && (L.current.disconnect(), L.current = null), h && u && !c && (L.current = new IntersectionObserver(
         (N) => {
           N[0].isIntersecting && r();
         },
@@ -1923,23 +1943,23 @@ function La({ side: a = "left" }) {
           threshold: 0,
           rootMargin: "100px"
         }
-      ), D.current.observe(h));
+      ), L.current.observe(h));
     },
     [u, r, c]
-  ), q = oe(), V = q.getConfig().app?.cacheNamespace || "gentiq", [K, M] = _(!1), [$, G] = _(null), [F, J] = _(""), [W, j] = _(null), [L, w] = _(""), m = re(null), C = ee(
+  ), Q = oe(), V = Q.getConfig().app?.cacheNamespace || "gentiq", [G, M] = T(!1), [D, J] = T(null), [j, q] = T(""), [F, O] = T(null), [$, w] = T(""), m = re(null), C = ee(
     (h, N) => {
-      h.button !== 0 || h.metaKey || h.ctrlKey || (h.preventDefault(), E(N), n && o(!1));
+      h.button !== 0 || h.metaKey || h.ctrlKey || (h.preventDefault(), R(N), n && o(!1));
     },
-    [E, n, o]
-  ), f = P.filter((h) => h.firstMessage?.toLowerCase().includes(F.toLowerCase())).sort((h, N) => h.pinned && !N.pinned ? -1 : !h.pinned && N.pinned ? 1 : N.timestamp - h.timestamp), O = async (h) => {
+    [R, n, o]
+  ), f = P.filter((h) => h.firstMessage?.toLowerCase().includes(j.toLowerCase())).sort((h, N) => h.pinned && !N.pinned ? -1 : !h.pinned && N.pinned ? 1 : N.timestamp - h.timestamp), H = async (h) => {
     try {
-      await q.pinThread(h.id.replace(/^\//, ""), !h.pinned), R.invalidateQueries({ queryKey: [V, "conversations"] }), te.success(h.pinned ? t("unpinned_success") : t("pinned_success"));
+      await Q.pinThread(h.id.replace(/^\//, ""), !h.pinned), E.invalidateQueries({ queryKey: [V, "conversations"] }), te.success(h.pinned ? t("unpinned_success") : t("pinned_success"));
     } catch {
       te.error(t("pin_failed"));
     }
   }, S = async (h) => {
     try {
-      const N = await q.shareThread(h.id.replace(/^\//, "")), ie = `${window.location.origin}${N.url}`;
+      const N = await Q.shareThread(h.id.replace(/^\//, "")), ie = `${window.location.origin}${N.url}`;
       navigator.clipboard.writeText(ie), te.success(t("share_success"), {
         description: t("share_description")
       });
@@ -1947,26 +1967,26 @@ function La({ side: a = "left" }) {
       te.error(t("share_failed"));
     }
   }, Z = (h) => {
-    j(h.id), w(h.firstMessage ?? ""), setTimeout(() => m.current?.focus(), 0);
-  }, H = (h) => {
-    h?.preventDefault(), h?.stopPropagation(), j(null), w("");
+    O(h.id), w(h.firstMessage ?? ""), setTimeout(() => m.current?.focus(), 0);
+  }, U = (h) => {
+    h?.preventDefault(), h?.stopPropagation(), O(null), w("");
   }, z = async (h) => {
-    if (h?.preventDefault(), h && "stopPropagation" in h && h.stopPropagation(), !(!W || !L.trim()))
+    if (h?.preventDefault(), h && "stopPropagation" in h && h.stopPropagation(), !(!F || !$.trim()))
       try {
-        await q.updateThreadTitle(W, L), R.invalidateQueries({ queryKey: [V, "conversations"] }), j(null), te.success(t("rename_success"));
+        await Q.updateThreadTitle(F, $), E.invalidateQueries({ queryKey: [V, "conversations"] }), O(null), te.success(t("rename_success"));
       } catch {
         te.error(t("rename_failed"));
       }
-  }, U = (h) => {
-    G(h), M(!0);
+  }, B = (h) => {
+    J(h), M(!0);
   }, b = () => {
-    $ && ($a(
-      q,
-      $.id,
-      R,
+    D && ($a(
+      Q,
+      D.id,
       E,
+      R,
       I
-    ), M(!1), G(null), te.success(t("chat_deleted_success")));
+    ), M(!1), J(null), te.success(t("chat_deleted_success")));
   }, l = (h) => new Intl.DateTimeFormat(d.language, {
     year: "numeric",
     month: "short",
@@ -2004,8 +2024,8 @@ function La({ side: a = "left" }) {
           Y,
           {
             placeholder: t("search_conversations"),
-            value: F,
-            onChange: (h) => J(h.target.value),
+            value: j,
+            onChange: (h) => q(h.target.value),
             className: "pl-9 h-10 bg-accent/15 border border-border/40 focus-visible:ring-primary/20 rounded-xl transition-all"
           }
         )
@@ -2013,19 +2033,19 @@ function La({ side: a = "left" }) {
       A && /* @__PURE__ */ s(De, { className: "group-data-[collapsible=icon]:hidden", children: [
         /* @__PURE__ */ s($e, { children: [
           f.map((h, N) => {
-            const ie = W === h.id, Ee = Me(h.firstMessage ?? ""), Ze = Ee === "rtl";
+            const ie = F === h.id, Ee = Me(h.firstMessage ?? ""), Ze = Ee === "rtl";
             return /* @__PURE__ */ e(Le, { className: "group/sidebar-menu-item relative", children: ie ? /* @__PURE__ */ s("div", { className: "flex items-center gap-1 px-2 py-1.5 w-full", children: [
               /* @__PURE__ */ e(
                 Y,
                 {
                   ref: m,
-                  value: L,
+                  value: $,
                   onChange: (ce) => w(ce.target.value),
                   onKeyDown: (ce) => {
-                    ce.key === "Enter" && z(), ce.key === "Escape" && H();
+                    ce.key === "Enter" && z(), ce.key === "Escape" && U();
                   },
                   className: "h-8 py-0 px-2 text-sm",
-                  dir: Me(L)
+                  dir: Me($)
                 }
               ),
               /* @__PURE__ */ e(
@@ -2044,7 +2064,7 @@ function La({ side: a = "left" }) {
                   size: "icon",
                   variant: "ghost",
                   className: "size-8 shrink-0 text-destructive hover:bg-destructive/10",
-                  onClick: H,
+                  onClick: U,
                   children: /* @__PURE__ */ e(Kt, { className: "size-4" })
                 }
               )
@@ -2116,7 +2136,7 @@ function La({ side: a = "left" }) {
                         k?.showPin !== !1 && /* @__PURE__ */ s(
                           pe,
                           {
-                            onSelect: () => O(h),
+                            onSelect: () => H(h),
                             className: "cursor-pointer flex items-center gap-2",
                             children: [
                               h.pinned ? /* @__PURE__ */ e(Vt, { className: "size-4" }) : /* @__PURE__ */ e(Re, { className: "size-4" }),
@@ -2150,7 +2170,7 @@ function La({ side: a = "left" }) {
                           pe,
                           {
                             className: "text-destructive focus:text-destructive focus:bg-destructive/10 cursor-pointer flex items-center gap-2",
-                            onSelect: () => U(h),
+                            onSelect: () => B(h),
                             children: [
                               /* @__PURE__ */ e(Jt, { className: "size-4" }),
                               /* @__PURE__ */ e("span", { children: t("delete_conversation") })
@@ -2164,9 +2184,9 @@ function La({ side: a = "left" }) {
               )
             ] }) }, N);
           }),
-          !y && P.length === 0 && !F && /* @__PURE__ */ e("div", { className: "px-4 py-8 text-center text-sm opacity-40", children: t("no_conversations") })
+          !y && P.length === 0 && !j && /* @__PURE__ */ e("div", { className: "px-4 py-8 text-center text-sm opacity-40", children: t("no_conversations") })
         ] }),
-        /* @__PURE__ */ e("div", { ref: T, className: "h-4 w-full" }),
+        /* @__PURE__ */ e("div", { ref: _, className: "h-4 w-full" }),
         c && /* @__PURE__ */ s("div", { className: "flex flex-col items-center gap-2 p-4 pt-0 opacity-60", children: [
           /* @__PURE__ */ e("div", { className: "size-4 border-2 border-primary border-t-transparent rounded-full animate-spin" }),
           /* @__PURE__ */ e("span", { className: "text-[10px] uppercase tracking-wider font-medium", children: t("loading_more") })
@@ -2174,7 +2194,7 @@ function La({ side: a = "left" }) {
       ] })
     ] }) }),
     /* @__PURE__ */ e(Ea, {}),
-    /* @__PURE__ */ e(Ge, { open: K, onOpenChange: M, children: /* @__PURE__ */ s(
+    /* @__PURE__ */ e(Ge, { open: G, onOpenChange: M, children: /* @__PURE__ */ s(
       We,
       {
         onKeyDown: (h) => {
@@ -2238,8 +2258,8 @@ function er({
   ] });
 }
 function tr({ children: a }) {
-  const [t, d] = _(null), o = Je(), n = Te(), i = he(), r = oe();
-  return B(() => {
+  const [t, d] = T(null), o = Je(), n = Te(), i = he(), r = oe();
+  return K(() => {
     (async () => {
       const c = new URLSearchParams(o.search), y = c.get("token");
       if (y)
@@ -2266,43 +2286,43 @@ function tr({ children: a }) {
 }
 const ze = (a) => a.replace(/[^0-9]/g, "");
 function ar() {
-  const { t: a, i18n: t } = ue(["login", "translation"]), { app: d } = ne(), o = oe(), n = t.dir() === "rtl", i = n ? "text-right" : "text-left", r = Te(), u = he(), [c, y] = _("login"), k = !!d?.disableSignup, g = !!d?.disableAuthPage, [p, A] = _(""), [P, I] = _(""), [E, R] = _(""), [D, T] = _(""), [q, x] = _(""), [V, K] = _(""), M = Q(
+  const { t: a, i18n: t } = ue(["login", "translation"]), { app: d } = ne(), o = oe(), n = t.dir() === "rtl", i = n ? "text-right" : "text-left", r = Te(), u = he(), [c, y] = T("login"), k = !!d?.disableSignup, g = !!d?.disableAuthPage, [p, A] = T(""), [P, I] = T(""), [R, E] = T(""), [L, _] = T(""), [Q, x] = T(""), [V, G] = T(""), M = W(
     () => d?.userMetadataFields?.filter((m) => m.showInSignup) || [],
     [d?.userMetadataFields]
-  ), [$, G] = _(() => {
+  ), [D, J] = T(() => {
     const m = {};
     return M.forEach((C) => {
       C.defaultValue !== void 0 && (m[C.key] = C.defaultValue);
     }), m;
   });
-  B(() => {
-    const m = { ...$ };
+  K(() => {
+    const m = { ...D };
     let C = !1;
     M.forEach((f) => {
-      f.condition && !ye(f.condition, $) && m[f.key] !== void 0 && (delete m[f.key], C = !0);
-    }), C && G(m);
-  }, [$, M]);
-  const [F, J] = _(""), [W, j] = _(!1);
-  B(() => {
+      f.condition && !ye(f.condition, D) && m[f.key] !== void 0 && (delete m[f.key], C = !0);
+    }), C && J(m);
+  }, [D, M]);
+  const [j, q] = T(""), [F, O] = T(!1);
+  K(() => {
     k && c === "register" && y("login");
   }, [k, c]);
-  const L = async (m) => {
-    m.preventDefault(), J(""), j(!0);
+  const $ = async (m) => {
+    m.preventDefault(), q(""), O(!0);
     try {
       await o.login(p, P), u.clear(), r("/");
     } catch (C) {
-      J(de(C, a));
+      q(de(C, a));
     } finally {
-      j(!1);
+      O(!1);
     }
   }, w = async (m) => {
-    m.preventDefault(), J(""), j(!0);
+    m.preventDefault(), q(""), O(!0);
     try {
-      await o.register(E, D, q, V, $), u.clear(), r("/");
+      await o.register(R, L, Q, V, D), u.clear(), r("/");
     } catch (C) {
-      J(de(C, a));
+      q(de(C, a));
     } finally {
-      j(!1);
+      O(!1);
     }
   };
   return g ? /* @__PURE__ */ e(
@@ -2329,7 +2349,7 @@ function ar() {
             {
               type: "button",
               onClick: () => {
-                y("login"), J("");
+                y("login"), q("");
               },
               className: `flex-1 py-2 text-sm font-medium rounded-md transition-all ${c === "login" ? "bg-background shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"}`,
               children: a("login_tab", "Login")
@@ -2340,14 +2360,14 @@ function ar() {
             {
               type: "button",
               onClick: () => {
-                y("register"), J("");
+                y("register"), q("");
               },
               className: `flex-1 py-2 text-sm font-medium rounded-md transition-all ${c === "register" ? "bg-background shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"}`,
               children: a("signup_tab", "Sign Up")
             }
           )
         ] }),
-        c === "login" && /* @__PURE__ */ s("form", { onSubmit: L, className: "space-y-4", children: [
+        c === "login" && /* @__PURE__ */ s("form", { onSubmit: $, className: "space-y-4", children: [
           /* @__PURE__ */ s("div", { className: "space-y-3", children: [
             /* @__PURE__ */ e(X, { htmlFor: "login-phone", children: a("phone", "Phone") }),
             /* @__PURE__ */ e(
@@ -2380,8 +2400,8 @@ function ar() {
               }
             )
           ] }),
-          F && /* @__PURE__ */ e("div", { className: "text-sm text-destructive", children: F }),
-          /* @__PURE__ */ e(ae, { type: "submit", disabled: W, className: "w-full font-semibold", children: W ? a("logging_in", "Logging in...") : a("login_button", "Login") })
+          j && /* @__PURE__ */ e("div", { className: "text-sm text-destructive", children: j }),
+          /* @__PURE__ */ e(ae, { type: "submit", disabled: F, className: "w-full font-semibold", children: F ? a("logging_in", "Logging in...") : a("login_button", "Login") })
         ] }),
         !k && c === "register" && /* @__PURE__ */ s("form", { onSubmit: w, className: "space-y-4", children: [
           /* @__PURE__ */ s("div", { className: "space-y-3", children: [
@@ -2391,8 +2411,8 @@ function ar() {
               {
                 id: "reg-phone",
                 type: "tel",
-                value: E,
-                onChange: (m) => R(ze(m.target.value)),
+                value: R,
+                onChange: (m) => E(ze(m.target.value)),
                 required: !0,
                 className: "text-left",
                 placeholder: a("phone_placeholder", "Phone number"),
@@ -2407,8 +2427,8 @@ function ar() {
               {
                 id: "reg-pass",
                 type: "password",
-                value: D,
-                onChange: (m) => T(m.target.value),
+                value: L,
+                onChange: (m) => _(m.target.value),
                 required: !0,
                 className: "text-left",
                 placeholder: "••••••••",
@@ -2424,7 +2444,7 @@ function ar() {
                 {
                   id: "reg-name",
                   type: "text",
-                  value: q,
+                  value: Q,
                   onChange: (m) => x(m.target.value),
                   required: !0,
                   className: i,
@@ -2440,7 +2460,7 @@ function ar() {
                   id: "reg-surname",
                   type: "text",
                   value: V,
-                  onChange: (m) => K(m.target.value),
+                  onChange: (m) => G(m.target.value),
                   required: !0,
                   className: i,
                   placeholder: a("surname_placeholder", "Last Name")
@@ -2448,7 +2468,7 @@ function ar() {
               )
             ] })
           ] }),
-          M.map((m) => ye(m.condition, $) ? /* @__PURE__ */ s(
+          M.map((m) => ye(m.condition, D) ? /* @__PURE__ */ s(
             "div",
             {
               className: "space-y-3 animate-in fade-in slide-in-from-top-1 duration-200",
@@ -2457,8 +2477,8 @@ function ar() {
                 m.type === "select" ? /* @__PURE__ */ s(
                   we,
                   {
-                    value: String($[m.key] || ""),
-                    onValueChange: (C) => G({ ...$, [m.key]: C }),
+                    value: String(D[m.key] || ""),
+                    onValueChange: (C) => J({ ...D, [m.key]: C }),
                     required: m.required,
                     dir: n ? "rtl" : "ltr",
                     children: [
@@ -2471,8 +2491,8 @@ function ar() {
                     wt,
                     {
                       id: `signup-${m.key}`,
-                      checked: !!$[m.key],
-                      onCheckedChange: (C) => G({ ...$, [m.key]: !!C }),
+                      checked: !!D[m.key],
+                      onCheckedChange: (C) => J({ ...D, [m.key]: !!C }),
                       required: m.required
                     }
                   ),
@@ -2489,8 +2509,8 @@ function ar() {
                   {
                     id: `signup-${m.key}`,
                     type: m.type,
-                    value: $[m.key] || "",
-                    onChange: (C) => G({ ...$, [m.key]: C.target.value }),
+                    value: D[m.key] || "",
+                    onChange: (C) => J({ ...D, [m.key]: C.target.value }),
                     required: m.required,
                     className: i,
                     placeholder: a(m.placeholder || "")
@@ -2500,18 +2520,18 @@ function ar() {
             },
             m.key
           ) : null),
-          F && /* @__PURE__ */ e("div", { className: "text-sm text-destructive", children: F }),
-          /* @__PURE__ */ e(ae, { type: "submit", disabled: W, className: "w-full font-semibold", children: W ? a("signing_up", "Signing up...") : a("signup_button", "Sign Up") })
+          j && /* @__PURE__ */ e("div", { className: "text-sm text-destructive", children: j }),
+          /* @__PURE__ */ e(ae, { type: "submit", disabled: F, className: "w-full font-semibold", children: F ? a("signing_up", "Signing up...") : a("signup_button", "Sign Up") })
         ] })
       ] })
     }
   );
 }
 function Fa() {
-  const { shareId: a } = aa(), [t, d] = _(null), [o, n] = _(!0), [i, r] = _(null), { MessageList: u } = ne(), c = oe(), y = re(/* @__PURE__ */ new Set());
-  return B(() => () => {
+  const { shareId: a } = aa(), [t, d] = T(null), [o, n] = T(!0), [i, r] = T(null), { MessageList: u } = ne(), c = oe(), y = re(/* @__PURE__ */ new Set());
+  return K(() => () => {
     y.current.forEach((k) => URL.revokeObjectURL(k)), y.current.clear();
-  }, []), B(() => {
+  }, []), K(() => {
     if (!a) return;
     (async () => {
       try {
@@ -2525,10 +2545,10 @@ function Fa() {
                 const I = ge(P);
                 if (I.type === "file" && I.object_name && !I.url)
                   try {
-                    const E = await c.getPublicAttachmentBlobUrl(I.object_name);
-                    return y.current.add(E), { ...I, url: E };
-                  } catch (E) {
-                    console.error("Failed to resolve shared attachment:", I.object_name, E);
+                    const R = await c.getPublicAttachmentBlobUrl(I.object_name);
+                    return y.current.add(R), { ...I, url: R };
+                  } catch (R) {
+                    console.error("Failed to resolve shared attachment:", I.object_name, R);
                   }
                 return I;
               })
@@ -2608,5 +2628,6 @@ export {
   da as useGentiqChat,
   Pr as useGentiqUser,
   lr as useTranslation,
+  Er as useTypewriter,
   cr as withTranslation
 };