@axiom-lattice/react-sdk 4.11.0 → 4.11.2

package/dist/{chunk-TA243DB6.mjs → chunk-RDC4ZHXF.mjs}

@@ -70,21 +70,65 @@ function clearAuthItems() {
 }
 
 // src/context/AuthContext.tsx
-import { createContext, useContext, useState, useCallback, useEffect, useRef } from "react";
-import { jsx } from "react/jsx-runtime";
+import { createContext, useContext as useContext2, useState, useCallback, useEffect, useRef } from "react";
+
+// src/i18n/LocaleLayerIfAbsent.tsx
+import { useContext, useMemo } from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+function LocaleLayerIfAbsent({
+  locale,
+  storageKey = DEFAULT_LOCALE_STORAGE_KEY,
+  onLocaleChange,
+  children
+}) {
+  const providedAbove = useContext(LocaleBridgeContext) !== null;
+  const initialLocale = useMemo(
+    () => locale ?? readStoredLocale(storageKey) ?? "en-US",
+    [locale, storageKey]
+  );
+  const handleLocaleChange = useMemo(
+    () => onLocaleChange ?? (() => {
+      if (typeof window !== "undefined") window.location.reload();
+    }),
+    [onLocaleChange]
+  );
+  if (providedAbove) return /* @__PURE__ */ jsx(Fragment, { children });
+  return /* @__PURE__ */ jsx(
+    LatticeLocaleProvider,
+    {
+      locale: initialLocale,
+      storageKey,
+      onLocaleChange: handleLocaleChange,
+      children
+    }
+  );
+}
+
+// src/context/AuthContext.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
 var AuthContext = createContext(null);
 var useAuth = () => {
-  const context = useContext(AuthContext);
+  const context = useContext2(AuthContext);
   if (!context) {
     throw new Error("useAuth must be used within an AuthProvider");
   }
   return context;
 };
 var useAuthOptional = () => {
-  const context = useContext(AuthContext);
+  const context = useContext2(AuthContext);
   return context;
 };
-var AuthProvider = ({
+var AuthProvider = (props) => (
+  /* The locale layer sits above the inner provider on purpose: this component
+   * calls useT() for its own error copy (see below), so a layer rendered inside
+   * its return value would not reach that call. One layer here covers every
+   * auth screen: LoginForm/RegisterForm/TenantSelector all require this
+   * provider — useAuth() throws without it — and none of them mounts a locale
+   * provider of its own, so without this the whole logged-out screen paints raw
+   * keys. */
+  /* @__PURE__ */ jsx2(LocaleLayerIfAbsent, { children: /* @__PURE__ */ jsx2(AuthProviderInner, { ...props }) })
+);
+var AuthProviderInner = ({
   children,
   baseURL,
   onLoginSuccess,
@@ -390,7 +434,7 @@ var AuthProvider = ({
     clearError,
     changePassword
   };
-  return /* @__PURE__ */ jsx(AuthContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx2(AuthContext.Provider, { value, children });
 };
 
 // src/context.tsx
@@ -398,13 +442,13 @@ import { App } from "antd";
 import {
   createContext as createContext2,
   useCallback as useCallback2,
-  useContext as useContext2,
+  useContext as useContext3,
   useEffect as useEffect2,
-  useMemo,
+  useMemo as useMemo2,
   useRef as useRef2
 } from "react";
 import { Client } from "@axiom-lattice/client-sdk";
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx as jsx3 } from "react/jsx-runtime";
 var AxiomLatticeContext = createContext2({
   getClient: () => {
     throw new Error("getClient must be used within AxiomLatticeProvider");
@@ -419,17 +463,16 @@ function AxiomLatticeProvider({
   onLocaleChange,
   children
 }) {
-  const localeProvidedAbove = useContext2(LocaleBridgeContext) !== null;
-  const authContext = useContext2(AuthContext);
+  const authContext = useContext3(AuthContext);
   const tenantId = authContext?.currentTenant?.id;
-  const effectiveApiKey = useMemo(() => {
+  const effectiveApiKey = useMemo2(() => {
     if (authContext?.isAuthenticated) {
       return readAuthItem("lattice_token") || config.apiKey;
     }
     return config.apiKey;
   }, [authContext?.isAuthenticated, authContext?.currentTenant?.id, config.apiKey]);
   const clientCacheRef = useRef2(/* @__PURE__ */ new Map());
-  const baseConfig = useMemo(
+  const baseConfig = useMemo2(
     () => ({
       baseURL: config.baseURL,
       apiKey: effectiveApiKey,
@@ -439,7 +482,7 @@ function AxiomLatticeProvider({
     }),
     [config.baseURL, effectiveApiKey, config.transport]
   );
-  const baseClient = useMemo(() => {
+  const baseClient = useMemo2(() => {
     const client = createClient ? createClient(baseConfig) : new Client(baseConfig);
     if (tenantId) {
       client.setTenantId(tenantId);
@@ -472,52 +515,35 @@ function AxiomLatticeProvider({
     },
     [baseClient]
   );
-  const value = useMemo(
+  const value = useMemo2(
     () => ({
       getClient
     }),
     [getClient]
   );
-  const initialLocale = useMemo(
-    () => locale ?? readStoredLocale(storageKey) ?? "en-US",
-    [locale, storageKey]
-  );
-  const handleLocaleChange = useMemo(
-    () => onLocaleChange ?? (() => {
-      if (typeof window !== "undefined") window.location.reload();
-    }),
-    [onLocaleChange]
-  );
-  const content = /* @__PURE__ */ jsx2(AxiomLatticeContext.Provider, { value, children });
-  return /* @__PURE__ */ jsx2(App, { component: false, children: localeProvidedAbove ? content : (
-    /* No locale layer above: supply one so a host that mounts only this
-     * provider gets real copy and a working switch, not raw keys. The
-     * dictionaries it loads are what `useT()` below would otherwise render
-     * as keys. */
-    /* @__PURE__ */ jsx2(
-      LatticeLocaleProvider,
-      {
-        locale: initialLocale,
-        storageKey,
-        onLocaleChange: handleLocaleChange,
-        children: content
-      }
-    )
+  return /* @__PURE__ */ jsx3(App, { component: false, children: /* @__PURE__ */ jsx3(
+    LocaleLayerIfAbsent,
+    {
+      locale,
+      storageKey,
+      onLocaleChange,
+      children: /* @__PURE__ */ jsx3(AxiomLatticeContext.Provider, { value, children })
+    }
   ) });
 }
 function useClient(assistantId) {
-  const context = useContext2(AxiomLatticeContext);
+  const context = useContext3(AxiomLatticeContext);
   if (!context) {
     throw new Error(
       "useClient must be used within an AxiomLatticeProvider"
     );
   }
-  return useMemo(() => context.getClient(assistantId), [context, assistantId]);
+  return useMemo2(() => context.getClient(assistantId), [context, assistantId]);
 }
 function useAxiomLattice({
   assistantId
 } = {}) {
-  const context = useContext2(AxiomLatticeContext);
+  const context = useContext3(AxiomLatticeContext);
   if (!context) {
     throw new Error(
       "useAxiomLattice must be used within an AxiomLatticeProvider"
@@ -528,17 +554,17 @@ function useAxiomLattice({
       "useAxiomLattice requires assistantId parameter. Use useClient(assistantId) instead."
     );
   }
-  return useMemo(() => context.getClient(assistantId), [context, assistantId]);
+  return useMemo2(() => context.getClient(assistantId), [context, assistantId]);
 }
 
 // src/components/Chat/LatticeChatShellContext.tsx
 import {
   createContext as createContext3,
   useCallback as useCallback3,
-  useContext as useContext3,
+  useContext as useContext4,
   useState as useState3
 } from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 var DEFAULT_MIDDLEWARE_TYPES = [
   {
     type: "filesystem",
@@ -1087,7 +1113,7 @@ var LatticeChatShellContextProvider = ({
     setConfig(defaultConfig);
     saveToLocalStorage(defaultConfig);
   }, [initialConfig, saveToLocalStorage]);
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx4(
     LatticeChatShellContext.Provider,
     {
       value: {
@@ -1103,7 +1129,7 @@ var LatticeChatShellContextProvider = ({
   );
 };
 var useLatticeChatShellContext = () => {
-  const context = useContext3(LatticeChatShellContext);
+  const context = useContext4(LatticeChatShellContext);
   if (!context) {
     throw new Error(
       "useLatticeChatShellContext must be used within a LatticeChatShellContextProvider"
@@ -1188,7 +1214,7 @@ import {
 } from "antd";
 import { PlusOutlined } from "@ant-design/icons";
 import { theme } from "antd";
-import { jsx as jsx4, jsxs } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs } from "react/jsx-runtime";
 var { TextArea } = Input;
 var { Text } = Typography;
 var CreateSkillModal = ({
@@ -1290,7 +1316,7 @@ var CreateSkillModal = ({
   const handleAddMetadataRow = () => {
     setMetadataRows([...metadataRows, { key: "", value: "" }]);
   };
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     Modal,
     {
       title: isEdit ? t("chatConfig.skill.edit.title") : t("chatConfig.skill.create.title"),
@@ -1302,7 +1328,7 @@ var CreateSkillModal = ({
       styles: {
         body: { padding: 16 }
       },
-      children: /* @__PURE__ */ jsx4(
+      children: /* @__PURE__ */ jsx5(
         Form,
         {
           form,
@@ -1319,8 +1345,8 @@ var CreateSkillModal = ({
               },
               children: [
                 /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: [
-                  /* @__PURE__ */ jsx4(Text, { style: { fontSize: 12, color: token.colorTextSecondary }, children: t("chatConfig.skill.field.name") }),
-                  /* @__PURE__ */ jsx4(
+                  /* @__PURE__ */ jsx5(Text, { style: { fontSize: 12, color: token.colorTextSecondary }, children: t("chatConfig.skill.field.name") }),
+                  /* @__PURE__ */ jsx5(
                     Form.Item,
                     {
                       name: "name",
@@ -1333,13 +1359,13 @@ var CreateSkillModal = ({
                         { min: 1, max: 64, message: t("chatConfig.skill.validation.nameLength") }
                       ],
                       style: { marginBottom: 0 },
-                      children: /* @__PURE__ */ jsx4(Input, { placeholder: "e.g., data-analysis", disabled: isEdit })
+                      children: /* @__PURE__ */ jsx5(Input, { placeholder: "e.g., data-analysis", disabled: isEdit })
                     }
                   )
                 ] }),
                 /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: [
-                  /* @__PURE__ */ jsx4(Text, { style: { fontSize: 12, color: token.colorTextSecondary }, children: t("chatConfig.skill.field.description") }),
-                  /* @__PURE__ */ jsx4(
+                  /* @__PURE__ */ jsx5(Text, { style: { fontSize: 12, color: token.colorTextSecondary }, children: t("chatConfig.skill.field.description") }),
+                  /* @__PURE__ */ jsx5(
                     Form.Item,
                     {
                       name: "description",
@@ -1347,7 +1373,7 @@ var CreateSkillModal = ({
                         { required: true, message: t("chatConfig.skill.validation.descriptionRequired") }
                       ],
                       style: { marginBottom: 0 },
-                      children: /* @__PURE__ */ jsx4(
+                      children: /* @__PURE__ */ jsx5(
                         TextArea,
                         {
                           placeholder: t("chatConfig.skill.placeholder.description"),
@@ -1358,12 +1384,12 @@ var CreateSkillModal = ({
                   )
                 ] }),
                 /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: [
-                  /* @__PURE__ */ jsx4(Text, { style: { fontSize: 12, color: token.colorTextSecondary }, children: t("chatConfig.skill.field.license") }),
-                  /* @__PURE__ */ jsx4(Form.Item, { name: "license", style: { marginBottom: 0 }, children: /* @__PURE__ */ jsx4(Input, { placeholder: t("chatConfig.skill.placeholder.license") }) })
+                  /* @__PURE__ */ jsx5(Text, { style: { fontSize: 12, color: token.colorTextSecondary }, children: t("chatConfig.skill.field.license") }),
+                  /* @__PURE__ */ jsx5(Form.Item, { name: "license", style: { marginBottom: 0 }, children: /* @__PURE__ */ jsx5(Input, { placeholder: t("chatConfig.skill.placeholder.license") }) })
                 ] }),
                 /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: [
-                  /* @__PURE__ */ jsx4(Text, { style: { fontSize: 12, color: token.colorTextSecondary }, children: t("chatConfig.skill.field.compatibility") }),
-                  /* @__PURE__ */ jsx4(Form.Item, { name: "compatibility", style: { marginBottom: 0 }, children: /* @__PURE__ */ jsx4(Input, { placeholder: t("chatConfig.skill.placeholder.compatibility") }) })
+                  /* @__PURE__ */ jsx5(Text, { style: { fontSize: 12, color: token.colorTextSecondary }, children: t("chatConfig.skill.field.compatibility") }),
+                  /* @__PURE__ */ jsx5(Form.Item, { name: "compatibility", style: { marginBottom: 0 }, children: /* @__PURE__ */ jsx5(Input, { placeholder: t("chatConfig.skill.placeholder.compatibility") }) })
                 ] }),
                 /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: [
                   /* @__PURE__ */ jsxs(
@@ -1376,7 +1402,7 @@ var CreateSkillModal = ({
                         gap: 8
                       },
                       children: [
-                        /* @__PURE__ */ jsx4(
+                        /* @__PURE__ */ jsx5(
                           Text,
                           {
                             style: {
@@ -1387,11 +1413,11 @@ var CreateSkillModal = ({
                             children: t("chatConfig.skill.field.metadata")
                           }
                         ),
-                        /* @__PURE__ */ jsx4(
+                        /* @__PURE__ */ jsx5(
                           Button,
                           {
                             size: "small",
-                            icon: /* @__PURE__ */ jsx4(PlusOutlined, {}),
+                            icon: /* @__PURE__ */ jsx5(PlusOutlined, {}),
                             onClick: handleAddMetadataRow,
                             children: t("chatConfig.skill.metadata.add")
                           }
@@ -1400,7 +1426,7 @@ var CreateSkillModal = ({
                     }
                   ),
                   /* @__PURE__ */ jsxs(Space, { direction: "vertical", size: 8, style: { width: "100%" }, children: [
-                    metadataRows.length === 0 && /* @__PURE__ */ jsx4(
+                    metadataRows.length === 0 && /* @__PURE__ */ jsx5(
                       Text,
                       {
                         style: {
@@ -1420,7 +1446,7 @@ var CreateSkillModal = ({
                           width: "100%"
                         },
                         children: [
-                          /* @__PURE__ */ jsx4(
+                          /* @__PURE__ */ jsx5(
                             Text,
                             {
                               style: { fontSize: 11, color: token.colorTextSecondary },
@@ -1428,7 +1454,7 @@ var CreateSkillModal = ({
                             }
                           ),
                           /* @__PURE__ */ jsxs(Space, { style: { width: "100%" }, size: 8, wrap: true, children: [
-                            /* @__PURE__ */ jsx4(
+                            /* @__PURE__ */ jsx5(
                               Input,
                               {
                                 value: row.key,
@@ -1437,7 +1463,7 @@ var CreateSkillModal = ({
                                 onChange: (e) => handleMetadataChange(index, "key", e.target.value)
                               }
                             ),
-                            /* @__PURE__ */ jsx4(
+                            /* @__PURE__ */ jsx5(
                               Input,
                               {
                                 value: row.value,
@@ -1454,8 +1480,8 @@ var CreateSkillModal = ({
                   ] })
                 ] }),
                 /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: [
-                  /* @__PURE__ */ jsx4(Text, { style: { fontSize: 12, color: token.colorTextSecondary }, children: t("chatConfig.skill.field.content") }),
-                  /* @__PURE__ */ jsx4(Form.Item, { name: "content", style: { marginBottom: 0 }, children: /* @__PURE__ */ jsx4(
+                  /* @__PURE__ */ jsx5(Text, { style: { fontSize: 12, color: token.colorTextSecondary }, children: t("chatConfig.skill.field.content") }),
+                  /* @__PURE__ */ jsx5(Form.Item, { name: "content", style: { marginBottom: 0 }, children: /* @__PURE__ */ jsx5(
                     TextArea,
                     {
                       placeholder: t("chatConfig.skill.placeholder.content"),
@@ -1474,8 +1500,8 @@ var CreateSkillModal = ({
                       marginTop: 8
                     },
                     children: [
-                      /* @__PURE__ */ jsx4(Button, { onClick: handleCancel, children: t("common.cancel") }),
-                      /* @__PURE__ */ jsx4(Button, { type: "primary", htmlType: "submit", loading, children: isEdit ? t("chatConfig.skill.action.save") : t("chatConfig.skill.action.create") })
+                      /* @__PURE__ */ jsx5(Button, { onClick: handleCancel, children: t("common.cancel") }),
+                      /* @__PURE__ */ jsx5(Button, { type: "primary", htmlType: "submit", loading, children: isEdit ? t("chatConfig.skill.action.save") : t("chatConfig.skill.action.create") })
                     ]
                   }
                 )
@@ -1496,6 +1522,7 @@ export {
   writeAuthItem,
   removeAuthItem,
   clearAuthItems,
+  LocaleLayerIfAbsent,
   useAuth,
   useAuthOptional,
   AuthProvider,
@@ -1510,4 +1537,4 @@ export {
   CreateSkillModal,
   CreateSkillModal_default
 };
-//# sourceMappingURL=chunk-TA243DB6.mjs.map
+//# sourceMappingURL=chunk-RDC4ZHXF.mjs.map