@axiom-lattice/react-sdk 4.1.3 → 4.1.5

package/dist/index.js

@@ -84,12 +84,82 @@ var init_AppRegistry = __esm({
   }
 });
 
+// src/utils/authStorage.ts
+function isStandalonePwa() {
+  if (typeof window === "undefined") return false;
+  try {
+    const displayMode = window.matchMedia?.("(display-mode: standalone)")?.matches === true;
+    const iosStandalone = window.navigator?.standalone === true;
+    return displayMode || iosStandalone;
+  } catch {
+    return false;
+  }
+}
+function authStorage() {
+  if (typeof window === "undefined") return sessionStorage;
+  return isStandalonePwa() ? window.localStorage : window.sessionStorage;
+}
+function readAuthItem(key) {
+  const primary = authStorage();
+  const value = primary.getItem(key);
+  if (value !== null) return value;
+  if (primary !== window.localStorage) return null;
+  const legacy = window.sessionStorage.getItem(key);
+  if (legacy !== null) {
+    window.localStorage.setItem(key, legacy);
+    return legacy;
+  }
+  return null;
+}
+function writeAuthItem(key, value) {
+  authStorage().setItem(key, value);
+}
+function removeAuthItem(key) {
+  try {
+    window.localStorage.removeItem(key);
+  } catch {
+  }
+  try {
+    window.sessionStorage.removeItem(key);
+  } catch {
+  }
+}
+function clearAuthItems() {
+  if (typeof window === "undefined") return;
+  const keys2 = new Set(AUTH_KEYS);
+  for (const storage of [window.localStorage, window.sessionStorage]) {
+    try {
+      for (let index3 = 0; index3 < storage.length; index3 += 1) {
+        const key = storage.key(index3);
+        if (key !== null && key.startsWith(PERSONAL_ASSISTANT_PREFIX)) keys2.add(key);
+      }
+    } catch {
+    }
+  }
+  for (const key of keys2) removeAuthItem(key);
+}
+var AUTH_KEYS, PERSONAL_ASSISTANT_PREFIX;
+var init_authStorage = __esm({
+  "src/utils/authStorage.ts"() {
+    "use strict";
+    AUTH_KEYS = [
+      "lattice_token",
+      "lattice_user",
+      "lattice_tenants",
+      "lattice_current_tenant",
+      "lattice_personal_assistant"
+    ];
+    PERSONAL_ASSISTANT_PREFIX = "lattice_personal_assistant_";
+  }
+});
+
 // src/context/AuthContext.tsx
 var import_react, import_jsx_runtime2, AuthContext, useAuth, useAuthOptional, AuthProvider;
 var init_AuthContext = __esm({
   "src/context/AuthContext.tsx"() {
     "use strict";
     import_react = require("react");
+    init_authStorage();
     import_jsx_runtime2 = require("react/jsx-runtime");
     AuthContext = (0, import_react.createContext)(null);
     useAuth = () => {
@@ -120,9 +190,9 @@ var init_AuthContext = __esm({
       const currentTenantRef = (0, import_react.useRef)(currentTenant);
       currentTenantRef.current = currentTenant;
       (0, import_react.useEffect)(() => {
-        const storedUser = sessionStorage.getItem("lattice_user");
-        const storedTenants = sessionStorage.getItem("lattice_tenants");
-        const storedCurrentTenant = sessionStorage.getItem("lattice_current_tenant");
+        const storedUser = readAuthItem("lattice_user");
+        const storedTenants = readAuthItem("lattice_tenants");
+        const storedCurrentTenant = readAuthItem("lattice_current_tenant");
         if (storedUser) {
           try {
             const userData = JSON.parse(storedUser);
@@ -131,14 +201,14 @@ var init_AuthContext = __esm({
             if (storedCurrentTenant) {
               const ct = JSON.parse(storedCurrentTenant);
               setCurrentTenant(ct);
-              const storedPA = sessionStorage.getItem(getPAKey(ct.id));
+              const storedPA = readAuthItem(getPAKey(ct.id));
               if (storedPA) setPersonalAssistant(JSON.parse(storedPA));
             }
           } catch {
-            sessionStorage.removeItem("lattice_user");
-            sessionStorage.removeItem("lattice_tenants");
-            sessionStorage.removeItem("lattice_current_tenant");
-            sessionStorage.removeItem("lattice_personal_assistant");
+            removeAuthItem("lattice_user");
+            removeAuthItem("lattice_tenants");
+            removeAuthItem("lattice_current_tenant");
+            removeAuthItem("lattice_personal_assistant");
           }
         }
       }, []);
@@ -164,10 +234,10 @@ var init_AuthContext = __esm({
           const { user: userData, tenants: tenantList, token, requiresTenantSelection, hasTenants } = result.data;
           setUser(userData);
           setTenants(tenantList || []);
-          sessionStorage.setItem("lattice_user", JSON.stringify(userData));
-          sessionStorage.setItem("lattice_tenants", JSON.stringify(tenantList || []));
+          writeAuthItem("lattice_user", JSON.stringify(userData));
+          writeAuthItem("lattice_tenants", JSON.stringify(tenantList || []));
           if (token) {
-            sessionStorage.setItem("lattice_token", token);
+            writeAuthItem("lattice_token", token);
           }
           onLoginSuccess?.(userData, tenantList || []);
           return { requiresTenantSelection, hasTenants };
@@ -193,7 +263,7 @@ var init_AuthContext = __esm({
             throw new Error(data.error || "Registration failed");
           }
           if (data.data?.token) {
-            sessionStorage.setItem("lattice_token", data.data.token);
+            writeAuthItem("lattice_token", data.data.token);
           }
           return { message: data.message || "Registration successful!", token: data.data?.token };
         } catch (err) {
@@ -209,7 +279,7 @@ var init_AuthContext = __esm({
         setTenants([]);
         setCurrentTenant(null);
         setPersonalAssistant(null);
-        sessionStorage.clear();
+        clearAuthItems();
         onLogout?.();
       }, [onLogout]);
       (0, import_react.useEffect)(() => {
@@ -228,8 +298,8 @@ var init_AuthContext = __esm({
             method: "POST",
             headers: {
               "Content-Type": "application/json",
-              ...sessionStorage.getItem("lattice_token") && {
-                Authorization: `Bearer ${sessionStorage.getItem("lattice_token")}`
+              ...readAuthItem("lattice_token") && {
+                Authorization: `Bearer ${readAuthItem("lattice_token")}`
               }
             },
             body: JSON.stringify({ tenantId })
@@ -248,19 +318,19 @@ var init_AuthContext = __esm({
           const tenantData = result.data.tenant;
           const oldTenantId = currentTenantRef.current?.id;
           if (oldTenantId) {
-            sessionStorage.removeItem(getPAKey(oldTenantId));
+            removeAuthItem(getPAKey(oldTenantId));
           }
           setCurrentTenant(tenantData);
-          sessionStorage.setItem("lattice_current_tenant", JSON.stringify(tenantData));
+          writeAuthItem("lattice_current_tenant", JSON.stringify(tenantData));
           setPersonalAssistant(result.data.personalAssistant || null);
           if (result.data.personalAssistant) {
             const paWithTenant = { ...result.data.personalAssistant, tenantId: tenantData.id };
-            sessionStorage.setItem(getPAKey(tenantData.id), JSON.stringify(paWithTenant));
+            writeAuthItem(getPAKey(tenantData.id), JSON.stringify(paWithTenant));
           } else {
-            sessionStorage.removeItem(getPAKey(tenantData.id));
+            removeAuthItem(getPAKey(tenantData.id));
           }
           if (result.data.token) {
-            sessionStorage.setItem("lattice_token", result.data.token);
+            writeAuthItem("lattice_token", result.data.token);
           }
           onTenantSelected?.(tenantData);
         } catch (err) {
@@ -277,8 +347,8 @@ var init_AuthContext = __esm({
         try {
           const response = await fetch(`${baseURL}/api/auth/tenants`, {
             headers: {
-              ...sessionStorage.getItem("lattice_token") && {
-                Authorization: `Bearer ${sessionStorage.getItem("lattice_token")}`
+              ...readAuthItem("lattice_token") && {
+                Authorization: `Bearer ${readAuthItem("lattice_token")}`
               }
             }
           });
@@ -299,7 +369,7 @@ var init_AuthContext = __esm({
             tenant: item.tenant
           }));
           setTenants(tenantList);
-          sessionStorage.setItem("lattice_tenants", JSON.stringify(tenantList));
+          writeAuthItem("lattice_tenants", JSON.stringify(tenantList));
         } catch (err) {
           const message48 = err instanceof Error ? err.message : "Failed to fetch tenants";
           setError(message48);
@@ -313,8 +383,8 @@ var init_AuthContext = __esm({
         try {
           const response = await fetch(`${baseURL}/api/users/${user.id}`, {
             headers: {
-              ...sessionStorage.getItem("lattice_token") && {
-                Authorization: `Bearer ${sessionStorage.getItem("lattice_token")}`
+              ...readAuthItem("lattice_token") && {
+                Authorization: `Bearer ${readAuthItem("lattice_token")}`
               }
             }
           });
@@ -330,7 +400,7 @@ var init_AuthContext = __esm({
           }
           const { data } = await response.json();
           setUser(data);
-          sessionStorage.setItem("lattice_user", JSON.stringify(data));
+          writeAuthItem("lattice_user", JSON.stringify(data));
         } catch (err) {
           const message48 = err instanceof Error ? err.message : "Failed to refresh user";
           setError(message48);
@@ -349,8 +419,8 @@ var init_AuthContext = __esm({
             method: "POST",
             headers: {
               "Content-Type": "application/json",
-              ...sessionStorage.getItem("lattice_token") && {
-                Authorization: `Bearer ${sessionStorage.getItem("lattice_token")}`
+              ...readAuthItem("lattice_token") && {
+                Authorization: `Bearer ${readAuthItem("lattice_token")}`
               }
             },
             body: JSON.stringify({ currentPassword, newPassword })
@@ -381,12 +451,12 @@ var init_AuthContext = __esm({
         const tenantId = currentTenantRef.current?.id;
         if (info) {
           const paWithTenant = { ...info, tenantId: tenantId || info.tenantId };
-          sessionStorage.setItem(getPAKey(tenantId), JSON.stringify(paWithTenant));
+          writeAuthItem(getPAKey(tenantId), JSON.stringify(paWithTenant));
         } else {
           if (tenantId) {
-            sessionStorage.removeItem(getPAKey(tenantId));
+            removeAuthItem(getPAKey(tenantId));
           }
-          sessionStorage.removeItem("lattice_personal_assistant");
+          removeAuthItem("lattice_personal_assistant");
         }
       }, []);
       const value = {
@@ -424,7 +494,7 @@ function AxiomLatticeProvider({
   const tenantId = authContext?.currentTenant?.id;
   const effectiveApiKey = (0, import_react2.useMemo)(() => {
     if (authContext?.isAuthenticated) {
-      return sessionStorage.getItem("lattice_token") || config.apiKey;
+      return readAuthItem("lattice_token") || config.apiKey;
     }
     return config.apiKey;
   }, [authContext?.isAuthenticated, authContext?.currentTenant?.id, config.apiKey]);
@@ -513,6 +583,7 @@ var init_context = __esm({
     import_react2 = require("react");
     import_client_sdk = require("@axiom-lattice/client-sdk");
     init_AuthContext();
+    init_authStorage();
     import_jsx_runtime3 = require("react/jsx-runtime");
     AxiomLatticeContext = (0, import_react2.createContext)({
       getClient: () => {
@@ -2685,7 +2756,7 @@ var init_useTenantBranding = __esm({
 });
 
 // src/components/Auth/TenantSelector.tsx
-var import_react9, import_antd4, import_antd_style2, import_lucide_react5, import_jsx_runtime9, useToken, GRID_COLUMNS, STATUS_OPTIONS, getStatusConfig, useStyles, TenantSelector;
+var import_react9, import_antd4, import_antd_style2, import_lucide_react5, import_jsx_runtime9, useToken, TWO_COLUMN_THRESHOLD, useStyles, TenantSelector;
 var init_TenantSelector = __esm({
   "src/components/Auth/TenantSelector.tsx"() {
     "use strict";
@@ -2698,25 +2769,7 @@ var init_TenantSelector = __esm({
     init_useTenantBranding();
     import_jsx_runtime9 = require("react/jsx-runtime");
     ({ useToken } = import_antd4.theme);
-    GRID_COLUMNS = 2;
-    STATUS_OPTIONS = [
-      { value: "active", label: "Active" },
-      { value: "inactive", label: "Inactive" },
-      { value: "suspended", label: "Suspended" },
-      { value: "all", label: "All tenants" }
-    ];
-    getStatusConfig = (status, token) => {
-      switch (status) {
-        case "active":
-          return { color: token.colorSuccess, text: "Active" };
-        case "inactive":
-          return { color: token.colorTextTertiary, text: "Inactive" };
-        case "suspended":
-          return { color: token.colorError, text: "Suspended" };
-        default:
-          return { color: token.colorTextTertiary, text: status };
-      }
-    };
+    TWO_COLUMN_THRESHOLD = 6;
     useStyles = (0, import_antd_style2.createStyles)(({ token, css }) => ({
       surface: css`
     position: relative;
@@ -2824,9 +2877,14 @@ var init_TenantSelector = __esm({
   `,
       grid: css`
     display: grid;
-    grid-template-columns: repeat(${GRID_COLUMNS}, minmax(0, 1fr));
     gap: ${token.marginSM}px;
     padding-bottom: 4px;
+  `,
+      gridOne: css`
+    grid-template-columns: minmax(0, 1fr);
+  `,
+      gridTwo: css`
+    grid-template-columns: repeat(2, minmax(0, 1fr));
 
     @media (max-width: 480px) {
       grid-template-columns: minmax(0, 1fr);
@@ -2903,20 +2961,6 @@ var init_TenantSelector = __esm({
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
-  `,
-      status: css`
-    display: flex;
-    align-items: center;
-    gap: 5px;
-    flex-shrink: 0;
-    font-size: ${token.fontSizeSM}px;
-    line-height: 1;
-  `,
-      statusDot: css`
-    width: 6px;
-    height: 6px;
-    border-radius: 50%;
-    flex-shrink: 0;
   `,
       // ============================================
       // Empty / loading states
@@ -2976,34 +3020,21 @@ var init_TenantSelector = __esm({
       const { styles } = useStyles();
       const { token } = useToken();
       const { logout } = useAuth();
-      const currentTenant = (0, import_react9.useMemo)(
-        () => tenants.find((t4) => t4.id === currentTenantId) ?? null,
-        [tenants, currentTenantId]
-      );
       const [selectedId, setSelectedId] = (0, import_react9.useState)(currentTenantId ?? null);
       const [search, setSearch] = (0, import_react9.useState)("");
-      const [statusFilter, setStatusFilter] = (0, import_react9.useState)(
-        () => currentTenant && currentTenant.status !== "active" ? "all" : "active"
-      );
       const [isSubmitting, setIsSubmitting] = (0, import_react9.useState)(false);
-      const filterTouchedRef = (0, import_react9.useRef)(false);
       (0, import_react9.useEffect)(() => {
         setSelectedId(currentTenantId ?? null);
       }, [currentTenantId]);
-      (0, import_react9.useEffect)(() => {
-        if (filterTouchedRef.current) return;
-        if (currentTenant && currentTenant.status !== "active") setStatusFilter("all");
-      }, [currentTenant?.id, currentTenant?.status]);
       const filtered = (0, import_react9.useMemo)(() => {
         const query = search.trim().toLowerCase();
-        return tenants.filter((tenant) => {
-          if (statusFilter !== "all" && tenant.status !== statusFilter) return false;
-          if (!query) return true;
-          return tenant.name.toLowerCase().includes(query) || (tenant.description ?? "").toLowerCase().includes(query);
-        });
-      }, [tenants, search, statusFilter]);
+        if (!query) return tenants;
+        return tenants.filter(
+          (tenant) => tenant.name.toLowerCase().includes(query) || (tenant.description ?? "").toLowerCase().includes(query)
+        );
+      }, [tenants, search]);
       const canConfirm = !!selectedId && tenants.some((t4) => t4.id === selectedId);
-      const isFiltering = search.trim().length > 0 || statusFilter !== "all";
+      const isFiltering = search.trim().length > 0;
       const handleContinue = (0, import_react9.useCallback)(async () => {
         const tenant = tenants.find((t4) => t4.id === selectedId);
         if (!tenant) return;
@@ -3018,10 +3049,8 @@ var init_TenantSelector = __esm({
         logout();
         onLogout?.();
       }, [logout, onLogout]);
-      const handleResetFilters = (0, import_react9.useCallback)(() => {
+      const handleResetSearch = (0, import_react9.useCallback)(() => {
         setSearch("");
-        filterTouchedRef.current = true;
-        setStatusFilter("all");
       }, []);
       const selectedTenant = tenants.find((t4) => t4.id === selectedId);
       const headerLogoUrl = getLogoSrc(selectedTenant?.metadata);
@@ -3076,38 +3105,22 @@ var init_TenantSelector = __esm({
           /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h2", { className: styles.title, children: title }),
           /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: styles.subtitle, children: description })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: styles.toolbar, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-            import_antd4.Input,
-            {
-              style: { flex: 1, minWidth: 0 },
-              placeholder: "Search tenant...",
-              "aria-label": "Search tenants",
-              value: search,
-              onChange: (e8) => setSearch(e8.target.value),
-              onPressEnter: () => {
-                if (canConfirm) handleContinue();
-              },
-              prefix: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react5.Search, { size: 16, style: { color: token.colorTextTertiary } }),
-              allowClear: true,
-              autoFocus: true
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-            import_antd4.Select,
-            {
-              "data-testid": "tenant-status-filter",
-              "aria-label": "Filter by status",
-              style: { width: 150 },
-              value: statusFilter,
-              onChange: (value) => {
-                filterTouchedRef.current = true;
-                setStatusFilter(value);
-              },
-              options: STATUS_OPTIONS
-            }
-          )
-        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: styles.toolbar, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          import_antd4.Input,
+          {
+            style: { flex: 1, minWidth: 0 },
+            placeholder: "Search tenant...",
+            "aria-label": "Search tenants",
+            value: search,
+            onChange: (e8) => setSearch(e8.target.value),
+            onPressEnter: () => {
+              if (canConfirm) handleContinue();
+            },
+            prefix: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react5.Search, { size: 16, style: { color: token.colorTextTertiary } }),
+            allowClear: true,
+            autoFocus: true
+          }
+        ) }),
         /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: styles.scrollRegion, children: [
           /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: styles.srOnly, "aria-live": "polite", children: [
             filtered.length,
@@ -3116,60 +3129,57 @@ var init_TenantSelector = __esm({
           ] }),
           filtered.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: styles.centeredBody, children: [
             /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: styles.emptyTitle, children: "No tenants match" }),
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: "Try a different search or status filter." }),
-            isFiltering && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_antd4.Button, { size: "small", onClick: handleResetFilters, children: "Show all tenants" })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: styles.grid, children: filtered.map((tenant) => {
-            const isSelected = selectedId === tenant.id;
-            const statusConfig2 = getStatusConfig(tenant.status, token);
-            const logoSrc = getLogoSrc(tenant.metadata);
-            return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-              "button",
-              {
-                type: "button",
-                "aria-pressed": isSelected,
-                "data-testid": "tenant-option",
-                "data-tenant-id": tenant.id,
-                "data-tenant-name": tenant.name,
-                className: styles.card,
-                onClick: () => setSelectedId(tenant.id),
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-                    "div",
-                    {
-                      className: styles.avatar,
-                      style: {
-                        background: logoSrc ? "transparent" : isSelected ? token.colorPrimary : token.colorFillSecondary
-                      },
-                      children: logoSrc ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TenantLogo, { logoUrl: logoSrc, size: 28 }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-                        "span",
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: "Try a different search." }),
+            isFiltering && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_antd4.Button, { size: "small", onClick: handleResetSearch, children: "Show all tenants" })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            "div",
+            {
+              "data-testid": "tenant-grid",
+              "data-columns": filtered.length >= TWO_COLUMN_THRESHOLD ? 2 : 1,
+              className: `${styles.grid} ${filtered.length >= TWO_COLUMN_THRESHOLD ? styles.gridTwo : styles.gridOne}`,
+              children: filtered.map((tenant) => {
+                const isSelected = selectedId === tenant.id;
+                const logoSrc = getLogoSrc(tenant.metadata);
+                return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-pressed": isSelected,
+                    "data-testid": "tenant-option",
+                    "data-tenant-id": tenant.id,
+                    "data-tenant-name": tenant.name,
+                    className: styles.card,
+                    onClick: () => setSelectedId(tenant.id),
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                        "div",
                         {
+                          className: styles.avatar,
                           style: {
-                            color: isSelected ? "white" : token.colorTextSecondary
+                            background: logoSrc ? "transparent" : isSelected ? token.colorPrimary : token.colorFillSecondary
                           },
-                          children: tenant.name.charAt(0).toUpperCase() || "?"
+                          children: logoSrc ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TenantLogo, { logoUrl: logoSrc, size: 28 }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                            "span",
+                            {
+                              style: {
+                                color: isSelected ? "white" : token.colorTextSecondary
+                              },
+                              children: tenant.name.charAt(0).toUpperCase() || "?"
+                            }
+                          )
                         }
-                      )
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: styles.cardBody, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: styles.cardName, children: tenant.name }),
-                    tenant.description && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: styles.cardDescription, children: tenant.description })
-                  ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: styles.status, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-                      "span",
-                      {
-                        className: styles.statusDot,
-                        style: { background: statusConfig2.color }
-                      }
-                    ),
-                    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { style: { color: statusConfig2.color }, children: statusConfig2.text })
-                  ] })
-                ]
-              },
-              tenant.id
-            );
-          }) })
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: styles.cardBody, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: styles.cardName, children: tenant.name }),
+                        tenant.description && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: styles.cardDescription, children: tenant.description })
+                      ] })
+                    ]
+                  },
+                  tenant.id
+                );
+              })
+            }
+          )
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: styles.footer, children: [
           onCancel ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_antd4.Button, { onClick: onCancel, children: "Cancel" }) : onLogout ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_antd4.Button, { onClick: handleLogout, icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react5.LogOut, { size: 16 }), children: "Log Out" }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", {}),
@@ -9034,6 +9044,7 @@ var init_CreateGroupModal = __esm({
     import_antd17 = require("antd");
     init_AuthContext();
     init_LatticeChatShellContext();
+    init_authStorage();
     import_jsx_runtime30 = require("react/jsx-runtime");
     CreateGroupModal = ({
       open,
@@ -9050,7 +9061,7 @@ var init_CreateGroupModal = __esm({
         if (!trimmed) return;
         setCreating(true);
         try {
-          const authApiKey = isAuthenticated ? sessionStorage.getItem("lattice_token") || config.apiKey || "" : config.apiKey || "";
+          const authApiKey = isAuthenticated ? readAuthItem("lattice_token") || config.apiKey || "" : config.apiKey || "";
           const response = await fetch(`${config.baseURL}/api/workspaces/${workspaceId}/groups`, {
             method: "POST",
             headers: {
@@ -86361,7 +86372,7 @@ var init_task_card = __esm({
         new_assistant_id = assistantId + "-general-purpose";
       }
       const subagent_thread_id = (threadId || "") + "____" + new_assistant_id + "_" + toolCallData.id;
-      const getStatusConfig3 = (status2) => {
+      const getStatusConfig2 = (status2) => {
         switch (status2) {
           case "success":
             return {
@@ -86387,7 +86398,7 @@ var init_task_card = __esm({
             };
         }
       };
-      const statusConfig2 = getStatusConfig3(status);
+      const statusConfig2 = getStatusConfig2(status);
       const showResponse = status === "success" && response;
       const handleCardClick = () => {
         openSideApp({
@@ -104700,7 +104711,7 @@ var init_TeamDashboard = __esm({
 });
 
 // src/components/GenUI/elements/TeamWorkspace/TaskDetailModal.tsx
-var import_react126, import_antd101, import_antd_style54, import_lucide_react43, import_jsx_runtime235, Title10, Text38, Paragraph5, useStyles38, getInitials6, getAvatarColor6, getStatusConfig2, formatDate5, formatRelativeTime3, CommentsTab, ActivityTab, TaskDetailModal;
+var import_react126, import_antd101, import_antd_style54, import_lucide_react43, import_jsx_runtime235, Title10, Text38, Paragraph5, useStyles38, getInitials6, getAvatarColor6, getStatusConfig, formatDate5, formatRelativeTime3, CommentsTab, ActivityTab, TaskDetailModal;
 var init_TaskDetailModal = __esm({
   "src/components/GenUI/elements/TeamWorkspace/TaskDetailModal.tsx"() {
     "use strict";
@@ -104941,7 +104952,7 @@ var init_TaskDetailModal = __esm({
       }
       return colors3[Math.abs(hash) % colors3.length];
     };
-    getStatusConfig2 = (status) => {
+    getStatusConfig = (status) => {
       switch (status) {
         case "completed" /* COMPLETED */:
           return {
@@ -105081,7 +105092,7 @@ var init_TaskDetailModal = __esm({
       ] }, comment.id)) });
     };
     ActivityTab = ({ task, styles }) => {
-      const statusConfig2 = getStatusConfig2(task.status);
+      const statusConfig2 = getStatusConfig(task.status);
       const timelineItems = [
         {
           dot: /* @__PURE__ */ (0, import_jsx_runtime235.jsx)("div", { className: styles.timelineDot, children: /* @__PURE__ */ (0, import_jsx_runtime235.jsx)(import_lucide_react43.GitCommit, { size: 16 }) }),
@@ -105122,7 +105133,7 @@ var init_TaskDetailModal = __esm({
       const { styles } = useStyles38();
       const [activeTab, setActiveTab] = (0, import_react126.useState)("comments");
       if (!task) return null;
-      const statusConfig2 = getStatusConfig2(task.status);
+      const statusConfig2 = getStatusConfig(task.status);
       const tabItems = [
         {
           key: "comments",
@@ -107952,6 +107963,8 @@ var init_ProjectRoomComposer = __esm({
     import_lucide_react48 = require("lucide-react");
     init_suggestionNav();
     init_AuthContext();
+    init_useMediaQuery();
+    init_authStorage();
     init_LatticeChatShellContext();
     init_attachmentsMessage();
     init_projectRoomMentions();
@@ -107997,6 +108010,7 @@ var init_ProjectRoomComposer = __esm({
       const { styles } = useStyles46();
       const { config } = useLatticeChatShellContext();
       const { isAuthenticated, currentTenant } = useAuth();
+      const isMobile = useMediaQuery("(max-width: 768px)");
       const [content, setContent] = (0, import_react135.useState)("");
       const contentRef = (0, import_react135.useRef)(content);
       contentRef.current = content;
@@ -108082,6 +108096,16 @@ var init_ProjectRoomComposer = __esm({
           setSending(false);
         }
       }, [canSend, sending, replyTo, onSend, onCancelReply, attachedFiles]);
+      const attachButton = uploadAction === void 0 ? void 0 : /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
+        import_antd110.Button,
+        {
+          type: "text",
+          icon: /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(import_lucide_react48.Paperclip, { size: 16 }),
+          "aria-label": "Attach files",
+          disabled: !canSend,
+          onClick: () => setHeaderOpen((open) => !open)
+        }
+      );
       const senderHeader = uploadAction === void 0 ? void 0 : /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(import_x9.Sender.Header, { title: "Attachments", open: headerOpen, onOpenChange: setHeaderOpen, forceRender: true, children: /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
         import_x9.Attachments,
         {
@@ -108093,7 +108117,7 @@ var init_ProjectRoomComposer = __esm({
             "x-tenant-id": currentTenant?.id || "default",
             "x-workspace-id": workspaceId ?? "",
             "x-project-id": projectId ?? "",
-            ...isAuthenticated && typeof sessionStorage !== "undefined" && sessionStorage.getItem("lattice_token") ? { Authorization: `Bearer ${sessionStorage.getItem("lattice_token")}` } : {}
+            ...isAuthenticated && readAuthItem("lattice_token") ? { Authorization: `Bearer ${readAuthItem("lattice_token")}` } : {}
           },
           onChange: (info) => {
             const responseError = info.file.response?.error;
@@ -108195,19 +108219,11 @@ var init_ProjectRoomComposer = __esm({
                   onSubmit: (next) => void submit(next),
                   onKeyDown: handleSuggestionKeyDown,
                   placeholder: "Message the room",
-                  autoSize: { minRows: 2, maxRows: 8 },
+                  autoSize: isMobile ? { minRows: 1, maxRows: 1 } : { minRows: 2, maxRows: 8 },
                   suffix: false,
-                  footer: (actionNode) => /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(import_antd110.Flex, { justify: "space-between", align: "center", style: { padding: "8px 0 0" }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(import_antd110.Flex, { align: "center", gap: 8, children: uploadAction !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(
-                      import_antd110.Button,
-                      {
-                        type: "text",
-                        icon: /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(import_lucide_react48.Paperclip, { size: 16 }),
-                        "aria-label": "Attach files",
-                        disabled: !canSend,
-                        onClick: () => setHeaderOpen((open) => !open)
-                      }
-                    ) }),
+                  prefix: isMobile ? attachButton : void 0,
+                  footer: isMobile ? void 0 : (actionNode) => /* @__PURE__ */ (0, import_jsx_runtime245.jsxs)(import_antd110.Flex, { justify: "space-between", align: "center", style: { padding: "8px 0 0" }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(import_antd110.Flex, { align: "center", gap: 8, children: attachButton }),
                     /* @__PURE__ */ (0, import_jsx_runtime245.jsx)(import_antd110.Flex, { align: "center", gap: 8, children: actionNode })
                   ] })
                 }
@@ -140008,12 +140024,14 @@ __export(src_exports2, {
   applyResource: () => applyResource,
   applySendResult: () => applySendResult,
   applyStreamFrame: () => applyStreamFrame,
+  authStorage: () => authStorage,
   axiomAntdTheme: () => axiomAntdTheme,
   axiomAntdThemeDark: () => axiomAntdThemeDark,
   axiomTokens: () => axiomTokens,
   buildAgentConfigGraphData: () => buildAgentConfigGraphData,
   buildAgentGraphData: () => buildAgentGraphData,
   buildAgentListItems: () => buildAgentListItems,
+  clearAuthItems: () => clearAuthItems,
   colors: () => colors,
   createProjectRoomState: () => createProjectRoomState,
   deriveBotAvailability: () => deriveBotAvailability,
@@ -140023,9 +140041,12 @@ __export(src_exports2, {
   getAxiomAntdTheme: () => getAxiomAntdTheme,
   getElement: () => getElement,
   getRoundRepresentativeScore: () => getRoundRepresentativeScore,
+  isStandalonePwa: () => isStandalonePwa,
   isTrainingRound: () => isTrainingRound,
   radius: () => radius,
+  readAuthItem: () => readAuthItem,
   regsiterElement: () => regsiterElement,
+  removeAuthItem: () => removeAuthItem,
   shadows: () => shadows,
   spacing: () => spacing,
   summarizeCapability: () => summarizeCapability,
@@ -140069,7 +140090,8 @@ __export(src_exports2, {
   useVoiceRecorder: () => useVoiceRecorder,
   useWebPush: () => useWebPush,
   useWorkspaceContext: () => useWorkspaceContext,
-  useWorkspaceContextOptional: () => useWorkspaceContextOptional
+  useWorkspaceContextOptional: () => useWorkspaceContextOptional,
+  writeAuthItem: () => writeAuthItem
 });
 module.exports = __toCommonJS(src_exports2);
 
@@ -143464,11 +143486,13 @@ init_ProjectRoomContext();
 init_projectRoomState();
 init_RoomEventsContext();
 init_useRoomNotifications();
+init_authStorage();
 
 // src/integrations/push/useWebPush.ts
 var import_react259 = require("react");
 init_LatticeChatShellContext();
 init_AuthContext();
+init_authStorage();
 function supported() {
   return typeof navigator !== "undefined" && "serviceWorker" in navigator && typeof window !== "undefined" && "PushManager" in window && "Notification" in window;
 }
@@ -143481,8 +143505,8 @@ function urlBase64ToUint8Array(base64) {
   return output.buffer;
 }
 function authToken() {
-  if (typeof sessionStorage === "undefined") return "";
-  return sessionStorage.getItem("lattice_token") ?? "";
+  if (typeof window === "undefined") return "";
+  return readAuthItem("lattice_token") ?? "";
 }
 function useWebPush(options = {}) {
   const { config } = useLatticeChatShellContext();
@@ -143709,12 +143733,14 @@ init_CoSpace();
   applyResource,
   applySendResult,
   applyStreamFrame,
+  authStorage,
   axiomAntdTheme,
   axiomAntdThemeDark,
   axiomTokens,
   buildAgentConfigGraphData,
   buildAgentGraphData,
   buildAgentListItems,
+  clearAuthItems,
   colors,
   createProjectRoomState,
   deriveBotAvailability,
@@ -143724,9 +143750,12 @@ init_CoSpace();
   getAxiomAntdTheme,
   getElement,
   getRoundRepresentativeScore,
+  isStandalonePwa,
   isTrainingRound,
   radius,
+  readAuthItem,
   regsiterElement,
+  removeAuthItem,
   shadows,
   spacing,
   summarizeCapability,
@@ -143771,6 +143800,7 @@ init_CoSpace();
   useWebPush,
   useWorkspaceContext,
   useWorkspaceContextOptional,
+  writeAuthItem,
   ...require("@axiom-lattice/protocols")
 });
 /*! Bundled license information: