@fayz-ai/admin 0.22.1 → 0.23.0

package/dist/{chunk-ZKOWNGZT.js → chunk-XJB76FHA.js}

@@ -1,13 +1,14 @@
-import { markWorkspaceSwitch, clearOrgSnapshot, useTenant, useTenantOptional, setAutoPick } from './chunk-NB6X5O5L.js';
-import { persistOrgId, getPersistedOrgId } from './chunk-5GWUM4SM.js';
+import { markWorkspaceSwitch, clearOrgSnapshot, useTenant, useTenantOptional, setAutoPick } from './chunk-R4HQ2HS2.js';
+import { persistOrgId, cn, getPersistedOrgId } from './chunk-W5IBKM3K.js';
 import { createClient } from '@supabase/supabase-js';
-import { getActiveUnitId, getActiveTenantId, setGlobalSupabaseClient, useTranslation } from '@fayz-ai/core';
+import { EMPTY_APP_CONFIG, getActiveUnitId, getActiveTenantId, setGlobalSupabaseClient, useTranslation, getSupabaseClientOptional as getSupabaseClientOptional$1 } from '@fayz-ai/core';
 import { createDedupedFetch } from '@fayz-ai/sdk';
-import * as React2 from 'react';
-import { cn, Checkbox, Button } from '@fayz-ai/ui';
-import { Check, Building2, ShieldCheck } from 'lucide-react';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
+import { useState, useEffect } from 'react';
+import { Building2, Check, ShieldCheck } from 'lucide-react';
 import { create } from 'zustand';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { cn as cn$1, Checkbox, Button } from '@fayz-ai/ui';
 
 var _client = null;
 function requestUrl(input) {
@@ -922,6 +923,89 @@ function createMockOrgAdapter(defaultProfiles) {
     }
   };
 }
+var initialState = {
+  config: EMPTY_APP_CONFIG,
+  tenantId: null,
+  initializing: true,
+  stale: false,
+  error: null
+};
+var useAppConfigStore = create((set) => ({
+  ...initialState,
+  setConfig: (config, tenantId) => set({
+    config,
+    tenantId: tenantId === void 0 ? config.tenant_id ?? null : tenantId,
+    initializing: false,
+    stale: false,
+    error: null
+  }),
+  // Não limpa o que está em tela: quem espera desenha esqueleto, e um esqueleto
+  // sobre a última resposta é melhor que um branco.
+  beginTenant: (tenantId) => set({ tenantId, initializing: true, error: null }),
+  setStale: (stale) => set({ stale }),
+  setError: (error) => set({ error, initializing: false, stale: false }),
+  reset: () => set(initialState)
+}));
+function activePluginIds(config) {
+  return [...new Set(config.plugins.filter((p) => p.status === "active").map((p) => p.plugin))];
+}
+function hasPlugin(config, plugin, facet) {
+  const wanted = facet ?? "";
+  return config.plugins.some(
+    (p) => p.plugin === plugin && (p.facet ?? "") === wanted && p.status === "active"
+  );
+}
+function orgInitials(name) {
+  const words = name.trim().split(/\s+/).filter(Boolean);
+  if (!words.length) return "?";
+  if (words.length === 1) return words[0].slice(0, 2).toUpperCase();
+  return (words[0][0] + words[words.length - 1][0]).toUpperCase();
+}
+function OrgMark({ name, logoUrl, className, tone = "sidebar", current = false }) {
+  const identity = useAppConfigStore((state) => state.config.branding?.identity);
+  const pick = (key) => typeof identity?.[key] === "string" ? identity[key] : void 0;
+  const src = (current ? pick("markUrl") : void 0) ?? logoUrl;
+  const base = cn(
+    "shrink-0 overflow-hidden rounded-lg ring-1 ring-inset",
+    tone === "popover" ? "ring-black/5" : "ring-white/10",
+    className ?? "h-6 w-6"
+  );
+  if (src) return /* @__PURE__ */ jsx("img", { src, alt: "", className: cn(base, "object-cover") });
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-hidden": true,
+      className: cn(
+        base,
+        "flex items-center justify-center text-[10px] font-semibold uppercase leading-none tracking-tight",
+        tone === "popover" ? "bg-muted text-foreground" : "bg-sidebar-accent text-sidebar-accent-foreground"
+      ),
+      children: orgInitials(name) || /* @__PURE__ */ jsx(Building2, { className: "h-3.5 w-3.5" })
+    }
+  );
+}
+
+// src/org/workspace-search.ts
+var WORKSPACE_SEARCH_THRESHOLD = 8;
+var WORKSPACE_VISIBLE_LIMIT = 7;
+function foldName(value) {
+  return value.normalize("NFD").replace(/[̀-ͯ]/g, "").toLowerCase();
+}
+function searchWorkspaces(all, query, currentId, limit = WORKSPACE_VISIBLE_LIMIT) {
+  const searchable = all.length > WORKSPACE_SEARCH_THRESHOLD;
+  if (!searchable) return { visible: all, hidden: 0, searchable: false };
+  const q = foldName(query.trim());
+  const matched = q ? all.filter((w) => foldName(w.orgName).includes(q)) : all;
+  const current = all.find((w) => w.orgId === currentId);
+  const head = current && !matched.includes(current) ? [current] : [];
+  const rest = matched.filter((w) => w.orgId !== current?.orgId);
+  const ordered = current && matched.includes(current) ? [current, ...rest] : [...head, ...rest];
+  return {
+    visible: ordered.slice(0, limit),
+    hidden: Math.max(0, ordered.length - limit),
+    searchable: true
+  };
+}
 function WorkspaceChooser({ memberships, suggestedId, onCancel }) {
   const t = useTranslation();
   const tr = (key, fallback) => {
@@ -929,11 +1013,16 @@ function WorkspaceChooser({ memberships, suggestedId, onCancel }) {
     return !v || v === key ? fallback : v;
   };
   const { switchOrg } = useTenant();
-  const [selected, setSelected] = React2.useState(
+  const [selected, setSelected] = React.useState(
     suggestedId ?? memberships[0]?.orgId ?? null
   );
-  const [remember, setRemember] = React2.useState(false);
-  const [entering, setEntering] = React2.useState(false);
+  const [remember, setRemember] = React.useState(false);
+  const [query, setQuery] = React.useState("");
+  const search = React.useMemo(
+    () => searchWorkspaces(memberships, query, selected, 12),
+    [memberships, query, selected]
+  );
+  const [entering, setEntering] = React.useState(false);
   const enter = async (orgId) => {
     if (entering) return;
     setEntering(true);
@@ -952,46 +1041,60 @@ function WorkspaceChooser({ memberships, suggestedId, onCancel }) {
         "Voc\xEA tem acesso a mais de uma. Selecione em qual deseja entrar."
       ) })
     ] }),
-    /* @__PURE__ */ jsx(
+    search.searchable && /* @__PURE__ */ jsx(
+      "input",
+      {
+        value: query,
+        onChange: (e) => setQuery(e.target.value),
+        placeholder: tr("organization.searchWorkspace", "Buscar conta\u2026"),
+        autoFocus: true,
+        className: "mb-3 w-full rounded-lg border border-border bg-card px-3 py-2 text-sm text-foreground outline-none placeholder:text-muted-foreground focus:border-primary"
+      }
+    ),
+    /* @__PURE__ */ jsxs(
       "div",
       {
         role: "radiogroup",
         "aria-label": tr("organization.workspaces", "Workspaces"),
         className: "space-y-2",
-        children: memberships.map((m) => {
-          const isSelected = m.orgId === selected;
-          const isSuggested = m.orgId === suggestedId;
-          return /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              role: "radio",
-              "aria-checked": isSelected,
-              disabled: entering,
-              onClick: () => setSelected(m.orgId),
-              onDoubleClick: () => void enter(m.orgId),
-              className: cn(
-                "flex w-full items-center gap-3 rounded-lg border p-3 text-left transition-colors",
-                "disabled:opacity-60",
-                isSelected ? "border-primary bg-primary/5" : "border-border hover:border-primary/50 hover:bg-muted/50"
-              ),
-              children: [
-                /* @__PURE__ */ jsx(WorkspaceMark, { name: m.orgName, logoUrl: m.orgLogoUrl }),
-                /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
-                  /* @__PURE__ */ jsx("span", { className: "block truncate text-sm font-medium text-foreground", children: m.orgName || m.orgSlug || m.orgId }),
-                  /* @__PURE__ */ jsxs("span", { className: "block truncate text-xs text-muted-foreground", children: [
-                    m.profileName,
-                    isSuggested && ` \xB7 ${tr("organization.lastUsed", "\xFAltimo acesso")}`
-                  ] })
-                ] }),
-                isSelected && /* @__PURE__ */ jsx(Check, { className: "h-4 w-4 shrink-0 text-primary" })
-              ]
-            },
-            m.orgId
-          );
-        })
+        children: [
+          search.visible.length === 0 && /* @__PURE__ */ jsx("p", { className: "py-6 text-center text-sm text-muted-foreground", children: tr("organization.noWorkspaceMatch", "Nenhuma conta com esse nome.") }),
+          search.visible.map((m) => {
+            const isSelected = m.orgId === selected;
+            const isSuggested = m.orgId === suggestedId;
+            return /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                role: "radio",
+                "aria-checked": isSelected,
+                disabled: entering,
+                onClick: () => setSelected(m.orgId),
+                onDoubleClick: () => void enter(m.orgId),
+                className: cn$1(
+                  "flex w-full items-center gap-3 rounded-lg border p-3 text-left transition-colors",
+                  "disabled:opacity-60",
+                  isSelected ? "border-primary bg-primary/5" : "border-border hover:border-primary/50 hover:bg-muted/50"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx(OrgMark, { name: m.orgName, logoUrl: m.orgLogoUrl, tone: "popover", className: "h-9 w-9" }),
+                  /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+                    /* @__PURE__ */ jsx("span", { className: "block truncate text-sm font-medium text-foreground", children: m.orgName || m.orgSlug || m.orgId }),
+                    /* @__PURE__ */ jsxs("span", { className: "block truncate text-xs text-muted-foreground", children: [
+                      m.profileName,
+                      isSuggested && ` \xB7 ${tr("organization.lastUsed", "\xFAltimo acesso")}`
+                    ] })
+                  ] }),
+                  isSelected && /* @__PURE__ */ jsx(Check, { className: "h-4 w-4 shrink-0 text-primary" })
+                ]
+              },
+              m.orgId
+            );
+          })
+        ]
       }
     ),
+    search.hidden > 0 && /* @__PURE__ */ jsx("p", { className: "mt-3 text-center text-xs text-muted-foreground", children: tr("organization.moreWorkspaces", "mais {n} \u2014 busque pelo nome").replace("{n}", String(search.hidden)) }),
     /* @__PURE__ */ jsxs("div", { className: "mt-5 flex items-center gap-2.5 text-sm text-muted-foreground", children: [
       /* @__PURE__ */ jsx(
         Checkbox,
@@ -1022,20 +1125,71 @@ function WorkspaceChooser({ memberships, suggestedId, onCancel }) {
     ) })
   ] }) });
 }
-function WorkspaceMark({ name, logoUrl }) {
-  if (logoUrl) {
-    return /* @__PURE__ */ jsx("img", { src: logoUrl, alt: "", className: "h-9 w-9 shrink-0 rounded-lg object-cover" });
-  }
-  const initials = name.split(/\s+/).filter(Boolean).slice(0, 2).map((w) => w[0]).join("").toUpperCase();
-  return /* @__PURE__ */ jsx("span", { className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-primary/10 text-xs font-semibold text-primary", children: initials || /* @__PURE__ */ jsx(Building2, { className: "h-4 w-4" }) });
+var getSupabaseClientOptional = () => getSupabaseClientOptional$1();
+
+// src/app/useDomainTenant.ts
+var LOCAL = /^(localhost|127\.0\.0\.1|\[::1\])$/;
+function resolveHostname() {
+  if (typeof window === "undefined") return null;
+  const host = window.location.hostname;
+  if (!LOCAL.test(host)) return host;
+  if (!import.meta.env?.DEV) return null;
+  return new URLSearchParams(window.location.search).get("domain");
+}
+function useDomainTenant() {
+  const [tenant, setTenant] = useState(null);
+  const [resolving, setResolving] = useState(true);
+  useEffect(() => {
+    const host = resolveHostname();
+    const supabase = getSupabaseClientOptional();
+    if (!host || !supabase) {
+      setResolving(false);
+      return;
+    }
+    let cancelled = false;
+    void (async () => {
+      try {
+        const { data } = await supabase.rpc("tenant_branding_public", { p_domain: host });
+        const row = data;
+        const id = typeof row?.tenant_id === "string" ? row.tenant_id : null;
+        if (!cancelled && id) {
+          setTenant({
+            tenantId: id,
+            name: row?.name ?? null,
+            slug: row?.slug ?? null,
+            logoUrl: row?.logo_url ?? null,
+            primaryColor: row?.primary_color ?? null
+          });
+        }
+      } catch {
+      } finally {
+        if (!cancelled) setResolving(false);
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+  return { tenant, resolving };
 }
 function WorkspaceChooserGate({ fallback, children }) {
   const tenant = useTenantOptional();
+  const { tenant: byDomain, resolving: resolvingDomain } = useDomainTenant();
+  const switchOrg = tenant?.switchOrg;
+  const entering = React.useRef(false);
+  React.useEffect(() => {
+    if (!byDomain || !tenant?.orgsKnown || tenant.org || !switchOrg || entering.current) return;
+    if (!tenant.userOrgs.some((m) => m.orgId === byDomain.tenantId)) return;
+    entering.current = true;
+    void switchOrg(byDomain.tenantId);
+  }, [byDomain, tenant?.orgsKnown, tenant?.org, tenant?.userOrgs, switchOrg]);
   if (!tenant) return /* @__PURE__ */ jsx(Fragment, { children });
   const { org, userOrgs, orgsKnown, settled } = tenant;
   if (org) return /* @__PURE__ */ jsx(Fragment, { children });
   if (!settled) return /* @__PURE__ */ jsx(Fragment, { children: fallback ?? null });
   if (!orgsKnown || userOrgs.length <= 1) return /* @__PURE__ */ jsx(Fragment, { children });
+  if (resolvingDomain) return /* @__PURE__ */ jsx(Fragment, { children: fallback ?? null });
+  if (byDomain && userOrgs.some((m) => m.orgId === byDomain.tenantId)) return /* @__PURE__ */ jsx(Fragment, { children: fallback ?? null });
   return /* @__PURE__ */ jsx(
     WorkspaceChooser,
     {
@@ -1050,6 +1204,10 @@ var useWorkspaceSwitchingStore = create((set) => ({
     markWorkspaceSwitch(target.orgId);
     persistOrgId(target.orgId);
     clearOrgSnapshot();
+    try {
+      localStorage.removeItem("fayz:boot-theme");
+    } catch {
+    }
     set({ target });
   },
   cancel: () => set({ target: null })
@@ -1061,7 +1219,7 @@ function WorkspaceSwitching({ orgName, orgLogoUrl, onDone }) {
     const v = t(key);
     return !v || v === key ? fallback : v;
   };
-  const steps = React2.useMemo(
+  const steps = React.useMemo(
     () => [
       tr("organization.switching.step1", "Alterando organiza\xE7\xE3o"),
       tr("organization.switching.step2", "Garantindo seguran\xE7a dos dados"),
@@ -1070,10 +1228,10 @@ function WorkspaceSwitching({ orgName, orgLogoUrl, onDone }) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  const [step, setStep] = React2.useState(0);
-  const doneRef = React2.useRef(onDone);
+  const [step, setStep] = React.useState(0);
+  const doneRef = React.useRef(onDone);
   doneRef.current = onDone;
-  React2.useEffect(() => {
+  React.useEffect(() => {
     const id = window.setInterval(() => {
       setStep((s) => {
         if (s < steps.length - 1) return s + 1;
@@ -1100,7 +1258,7 @@ function WorkspaceSwitching({ orgName, orgLogoUrl, onDone }) {
               className: "saas-switch-pulse absolute inset-0 rounded-2xl bg-primary/25"
             }
           ),
-          /* @__PURE__ */ jsx(WorkspaceMark2, { name: orgName, logoUrl: orgLogoUrl })
+          /* @__PURE__ */ jsx(OrgMark, { name: orgName, logoUrl: orgLogoUrl, tone: "popover", className: "h-16 w-16 rounded-2xl shadow-sm" })
         ] }),
         /* @__PURE__ */ jsx("p", { className: "mt-7 text-xs font-medium uppercase tracking-[0.14em] text-muted-foreground", children: tr("organization.switching.eyebrow", "Entrando em") }),
         /* @__PURE__ */ jsx("h1", { className: "mt-1.5 text-pretty text-center text-3xl font-semibold leading-tight tracking-tight text-foreground sm:text-4xl", children: orgName }),
@@ -1119,7 +1277,7 @@ function WorkspaceSwitching({ orgName, orgLogoUrl, onDone }) {
             /* @__PURE__ */ jsx(
               "span",
               {
-                className: cn(
+                className: cn$1(
                   "flex h-7 items-center text-base transition-colors duration-300 sm:text-lg",
                   // Only ever two states now — done, or happening. Nothing is
                   // on screen before its turn, so there is no "ahead" tone.
@@ -1137,20 +1295,6 @@ function WorkspaceSwitching({ orgName, orgLogoUrl, onDone }) {
     }
   );
 }
-function WorkspaceMark2({ name, logoUrl }) {
-  if (logoUrl) {
-    return /* @__PURE__ */ jsx(
-      "img",
-      {
-        src: logoUrl,
-        alt: "",
-        className: "relative h-16 w-16 rounded-2xl object-cover shadow-sm"
-      }
-    );
-  }
-  const initials = name.split(/\s+/).filter(Boolean).slice(0, 2).map((w) => w[0]).join("").toUpperCase();
-  return /* @__PURE__ */ jsx("span", { className: "relative flex h-16 w-16 items-center justify-center rounded-2xl bg-primary text-xl font-semibold text-primary-foreground shadow-sm", children: initials || /* @__PURE__ */ jsx(Building2, { className: "h-7 w-7" }) });
-}
 function WorkspaceSwitchingHost() {
   const target = useWorkspaceSwitchingStore((s) => s.target);
   if (!target) return null;
@@ -1164,6 +1308,6 @@ function WorkspaceSwitchingHost() {
   );
 }
 
-export { WorkspaceChooser, WorkspaceChooserGate, WorkspaceSwitching, WorkspaceSwitchingHost, createFayzSupabaseClient, createMockOrgAdapter, createSupabaseOrgAdapter, getFayzSupabaseClient, getFayzSupabaseClientOptional, resolveAppId, useWorkspaceSwitchingStore };
-//# sourceMappingURL=chunk-ZKOWNGZT.js.map
-//# sourceMappingURL=chunk-ZKOWNGZT.js.map
+export { OrgMark, WorkspaceChooser, WorkspaceChooserGate, WorkspaceSwitching, WorkspaceSwitchingHost, activePluginIds, createFayzSupabaseClient, createMockOrgAdapter, createSupabaseOrgAdapter, getFayzSupabaseClient, getFayzSupabaseClientOptional, getSupabaseClientOptional, hasPlugin, orgInitials, resolveAppId, searchWorkspaces, useAppConfigStore, useWorkspaceSwitchingStore };
+//# sourceMappingURL=chunk-XJB76FHA.js.map
+//# sourceMappingURL=chunk-XJB76FHA.js.map