@fayz-ai/saas 0.1.7 → 0.2.0

package/dist/index.cjs

@@ -3,7 +3,7 @@
 var chunkQGMDVLLW_cjs = require('./chunk-QGMDVLLW.cjs');
 var chunk4XTQ4V5L_cjs = require('./chunk-4XTQ4V5L.cjs');
 var chunkKYID2MR6_cjs = require('./chunk-KYID2MR6.cjs');
-var React40 = require('react');
+var React41 = require('react');
 var core = require('@fayz-ai/core');
 var auth = require('@fayz-ai/auth');
 var ui = require('@fayz-ai/ui');
@@ -32,7 +32,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React40__namespace = /*#__PURE__*/_interopNamespace(React40);
+var React41__namespace = /*#__PURE__*/_interopNamespace(React41);
 var LucideIcons4__namespace = /*#__PURE__*/_interopNamespace(LucideIcons4);
 var Dialog__namespace = /*#__PURE__*/_interopNamespace(Dialog);
 
@@ -149,7 +149,7 @@ function detectActivePluginId(runtime) {
 }
 function useAITools() {
   const runtime = core.usePluginRuntimeOptional();
-  return React40__namespace.useMemo(() => {
+  return React41__namespace.useMemo(() => {
     const hasPermission = runtime?.context.hasPermission;
     const verticalId = runtime?.context.tenant?.verticalId;
     const activePluginId = detectActivePluginId(runtime);
@@ -213,7 +213,7 @@ function useAITools() {
 }
 function useChat(options) {
   const store = useChatStore();
-  const sendMessage = React40.useCallback(
+  const sendMessage = React41.useCallback(
     async (content) => {
       const userMsg = {
         id: `msg-${Date.now()}`,
@@ -282,9 +282,9 @@ function useTranslation() {
   return { t, locale: core.getCurrentLocale() };
 }
 function TypewriterText({ text, speed = 28, onDone }) {
-  const [displayed, setDisplayed] = React40__namespace.useState("");
-  const indexRef = React40__namespace.useRef(0);
-  React40__namespace.useEffect(() => {
+  const [displayed, setDisplayed] = React41__namespace.useState("");
+  const indexRef = React41__namespace.useRef(0);
+  React41__namespace.useEffect(() => {
     setDisplayed("");
     indexRef.current = 0;
     const interval = setInterval(() => {
@@ -329,11 +329,11 @@ function ChatFab({ className, apiEndpoint, systemPrompt }) {
   const { contextualSuggestions } = useAITools();
   const { sendMessage } = useChat({ apiEndpoint, systemPrompt });
   const { t } = useTranslation();
-  const [phase, setPhase] = React40__namespace.useState("idle");
-  const [activeSuggestion, setActiveSuggestion] = React40__namespace.useState(null);
-  const timersRef = React40__namespace.useRef([]);
-  const prevSuggestionRef = React40__namespace.useRef(null);
-  React40__namespace.useEffect(ensureStyles, []);
+  const [phase, setPhase] = React41__namespace.useState("idle");
+  const [activeSuggestion, setActiveSuggestion] = React41__namespace.useState(null);
+  const timersRef = React41__namespace.useRef([]);
+  const prevSuggestionRef = React41__namespace.useRef(null);
+  React41__namespace.useEffect(ensureStyles, []);
   const clearTimers = () => {
     timersRef.current.forEach(clearTimeout);
     timersRef.current = [];
@@ -343,7 +343,7 @@ function ChatFab({ className, apiEndpoint, systemPrompt }) {
   };
   const topSuggestion = contextualSuggestions[0] ?? null;
   const topLabel = topSuggestion?.label ?? null;
-  React40__namespace.useEffect(() => {
+  React41__namespace.useEffect(() => {
     if (isOpen || !topSuggestion || !topLabel) {
       if (phase !== "idle") {
         clearTimers();
@@ -373,7 +373,7 @@ function ChatFab({ className, apiEndpoint, systemPrompt }) {
     }, 9e3);
     return clearTimers;
   }, [topLabel, isOpen]);
-  React40__namespace.useEffect(() => {
+  React41__namespace.useEffect(() => {
     if (isOpen && phase !== "idle") {
       clearTimers();
       setPhase("idle");
@@ -516,16 +516,16 @@ function ChatPanel({
   const { sendMessage } = useChat({ apiEndpoint, systemPrompt });
   const { t } = useTranslation();
   const { suggestions, toolGroups } = useAITools();
-  const [input, setInput] = React40__namespace.useState("");
-  const [showTools, setShowTools] = React40__namespace.useState(false);
-  const scrollRef = React40__namespace.useRef(null);
-  const inputRef = React40__namespace.useRef(null);
+  const [input, setInput] = React41__namespace.useState("");
+  const [showTools, setShowTools] = React41__namespace.useState(false);
+  const scrollRef = React41__namespace.useRef(null);
+  const inputRef = React41__namespace.useRef(null);
   const hasMessages = messages.length > 0;
   const totalTools = toolGroups.reduce((sum, g) => sum + g.tools.length, 0);
-  React40__namespace.useEffect(() => {
+  React41__namespace.useEffect(() => {
     scrollRef.current?.scrollTo({ top: scrollRef.current.scrollHeight, behavior: "smooth" });
   }, [messages]);
-  React40__namespace.useEffect(() => {
+  React41__namespace.useEffect(() => {
     if (isOpen) {
       const timer = setTimeout(() => inputRef.current?.focus(), 100);
       return () => clearTimeout(timer);
@@ -1082,8 +1082,8 @@ function navigateTo(to) {
   adapter.navigate(normalizeAdminPath(to));
 }
 function useAdminPath() {
-  const [path, setPath] = React40__namespace.useState(() => normalizeAdminPath(adapter.getCurrentPath() || "/"));
-  React40__namespace.useEffect(() => {
+  const [path, setPath] = React41__namespace.useState(() => normalizeAdminPath(adapter.getCurrentPath() || "/"));
+  React41__namespace.useEffect(() => {
     return adapter.onPathChange((p) => {
       setPath(normalizeAdminPath(p || "/"));
       if (typeof window !== "undefined") window.scrollTo(0, 0);
@@ -1138,12 +1138,12 @@ function LoginPage({
     return !v || v === key || v.includes("{{") ? fallback : v;
   };
   const { signIn, signUp, signInWithOAuth, resetPassword, isLoading, error } = auth.useAuth();
-  const [view, setView] = React40__namespace.useState("login");
-  const [email, setEmail] = React40__namespace.useState("");
-  const [password, setPassword] = React40__namespace.useState("");
-  const [fullName, setFullName] = React40__namespace.useState("");
-  const [notice, setNotice] = React40__namespace.useState(null);
-  const [submitting, setSubmitting] = React40__namespace.useState(false);
+  const [view, setView] = React41__namespace.useState("login");
+  const [email, setEmail] = React41__namespace.useState("");
+  const [password, setPassword] = React41__namespace.useState("");
+  const [fullName, setFullName] = React41__namespace.useState("");
+  const [notice, setNotice] = React41__namespace.useState(null);
+  const [submitting, setSubmitting] = React41__namespace.useState(false);
   const busy = submitting || isLoading;
   const brandLogo = loginLogo ?? logo;
   const heading = view === "login" ? tr("auth.login.title", "Welcome back") : view === "signup" ? tr("auth.signup.title", "Create account") : tr("auth.recovery.title", "Reset password");
@@ -1384,11 +1384,11 @@ var CURRENCIES = [
 function CompanySettings({ tenant, onSave }) {
   const { t } = useTranslation();
   const { locale: uiLocale, setLocale: setUiLocale } = useLocaleStore();
-  const [name, setName] = React40__namespace.useState(tenant?.name ?? "");
-  const [timezone, setTimezone] = React40__namespace.useState(tenant?.settings?.timezone ?? "UTC");
-  const [currency, setCurrency] = React40__namespace.useState(tenant?.settings?.currency ?? "USD");
-  const [saving, setSaving] = React40__namespace.useState(false);
-  React40__namespace.useEffect(() => {
+  const [name, setName] = React41__namespace.useState(tenant?.name ?? "");
+  const [timezone, setTimezone] = React41__namespace.useState(tenant?.settings?.timezone ?? "UTC");
+  const [currency, setCurrency] = React41__namespace.useState(tenant?.settings?.currency ?? "USD");
+  const [saving, setSaving] = React41__namespace.useState(false);
+  React41__namespace.useEffect(() => {
     if (tenant) {
       setName(tenant.name);
       setTimezone(tenant.settings?.timezone ?? "UTC");
@@ -1472,17 +1472,17 @@ function CompanySettings({ tenant, onSave }) {
     ] })
   ] });
 }
-var OrgAdapterContext = React40.createContext(null);
+var OrgAdapterContext = React41.createContext(null);
 var OrgAdapterProvider = OrgAdapterContext.Provider;
 function useOrgAdapter2() {
-  const adapter2 = React40.useContext(OrgAdapterContext);
+  const adapter2 = React41.useContext(OrgAdapterContext);
   if (!adapter2) {
     throw new Error("useOrgAdapter must be used within an OrgAdapterProvider");
   }
   return adapter2;
 }
 function useOrgAdapterOptional2() {
-  return React40.useContext(OrgAdapterContext);
+  return React41.useContext(OrgAdapterContext);
 }
 function toTenantSettings(settings) {
   const source = settings && typeof settings === "object" ? settings : {};
@@ -1538,10 +1538,10 @@ function getInitials(name) {
 }
 function UserProfile({ user, onSave, onAvatarChange }) {
   const { t } = useTranslation();
-  const [fullName, setFullName] = React40__namespace.useState(user?.fullName ?? "");
-  const [saving, setSaving] = React40__namespace.useState(false);
-  const fileInputRef = React40__namespace.useRef(null);
-  React40__namespace.useEffect(() => {
+  const [fullName, setFullName] = React41__namespace.useState(user?.fullName ?? "");
+  const [saving, setSaving] = React41__namespace.useState(false);
+  const fileInputRef = React41__namespace.useRef(null);
+  React41__namespace.useEffect(() => {
     if (user) {
       setFullName(user.fullName);
     }
@@ -1750,9 +1750,9 @@ function SecuritySettings({
   onTenantSecurityChange
 }) {
   const { t } = useTranslation();
-  const [resetting, setResetting] = React40__namespace.useState(false);
-  const [resetSent, setResetSent] = React40__namespace.useState(false);
-  const [savingTenant, setSavingTenant] = React40__namespace.useState(false);
+  const [resetting, setResetting] = React41__namespace.useState(false);
+  const [resetSent, setResetSent] = React41__namespace.useState(false);
+  const [savingTenant, setSavingTenant] = React41__namespace.useState(false);
   const handleResetPassword = async () => {
     if (!onResetPassword) return;
     setResetting(true);
@@ -1853,10 +1853,10 @@ function SecuritySettings({
     ] })
   ] });
 }
-var AuthAdapterContext = React40.createContext(null);
+var AuthAdapterContext = React41.createContext(null);
 var AuthAdapterProvider = AuthAdapterContext.Provider;
 function useAuthAdapterOptional() {
-  return React40.useContext(AuthAdapterContext);
+  return React41.useContext(AuthAdapterContext);
 }
 function ConnectedSecuritySettings() {
   const user = useAuthStore((s) => s.user);
@@ -1912,8 +1912,8 @@ function FileUploadField({
   hint
 }) {
   const { t } = useTranslation();
-  const inputRef = React40__namespace.useRef(null);
-  const [preview, setPreview] = React40__namespace.useState(null);
+  const inputRef = React41__namespace.useRef(null);
+  const [preview, setPreview] = React41__namespace.useState(null);
   const handleChange = (e) => {
     const file = e.target.files?.[0];
     if (file) {
@@ -1980,14 +1980,14 @@ function FileUploadField({
 }
 function BrandingSettings({ branding, onSave }) {
   const { t } = useTranslation();
-  const [primaryColor, setPrimaryColor] = React40__namespace.useState(branding?.primaryColor ?? "#000000");
-  const [accentColor, setAccentColor] = React40__namespace.useState(branding?.accentColor ?? "#6366f1");
-  const [logoFile, setLogoFile] = React40__namespace.useState(null);
-  const [faviconFile, setFaviconFile] = React40__namespace.useState(null);
-  const [logoUrl, setLogoUrl] = React40__namespace.useState(branding?.logoUrl ?? "");
-  const [faviconUrl, setFaviconUrl] = React40__namespace.useState(branding?.faviconUrl ?? "");
-  const [saving, setSaving] = React40__namespace.useState(false);
-  React40__namespace.useEffect(() => {
+  const [primaryColor, setPrimaryColor] = React41__namespace.useState(branding?.primaryColor ?? "#000000");
+  const [accentColor, setAccentColor] = React41__namespace.useState(branding?.accentColor ?? "#6366f1");
+  const [logoFile, setLogoFile] = React41__namespace.useState(null);
+  const [faviconFile, setFaviconFile] = React41__namespace.useState(null);
+  const [logoUrl, setLogoUrl] = React41__namespace.useState(branding?.logoUrl ?? "");
+  const [faviconUrl, setFaviconUrl] = React41__namespace.useState(branding?.faviconUrl ?? "");
+  const [saving, setSaving] = React41__namespace.useState(false);
+  React41__namespace.useEffect(() => {
     if (branding) {
       setPrimaryColor(branding.primaryColor ?? "#000000");
       setAccentColor(branding.accentColor ?? "#6366f1");
@@ -2190,7 +2190,7 @@ function SettingsPage({
   afterContent
 }) {
   const { t } = useTranslation();
-  const defaultTabs = React40__namespace.useMemo(() => [
+  const defaultTabs = React41__namespace.useMemo(() => [
     { id: "general", label: t("settings.general"), icon: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons4.Building2, { className: "h-4 w-4" }), component: /* @__PURE__ */ jsxRuntime.jsx(ConnectedCompanySettings, {}) },
     { id: "profile", label: t("settings.profile"), icon: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons4.User, { className: "h-4 w-4" }), component: /* @__PURE__ */ jsxRuntime.jsx(ConnectedUserProfile, {}) },
     { id: "security", label: t("settings.security"), icon: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons4.Shield, { className: "h-4 w-4" }), component: /* @__PURE__ */ jsxRuntime.jsx(ConnectedSecuritySettings, {}) },
@@ -2206,10 +2206,10 @@ function SettingsPage({
     }
     return null;
   }
-  const [activeTab, setActiveTab] = React40__namespace.useState(() => {
+  const [activeTab, setActiveTab] = React41__namespace.useState(() => {
     return getTabFromHash() ?? defaultTab ?? null;
   });
-  React40__namespace.useEffect(() => {
+  React41__namespace.useEffect(() => {
     const handler = () => {
       const tab = getTabFromHash();
       if (tab) setActiveTab(tab);
@@ -2229,7 +2229,7 @@ function SettingsPage({
     setActiveTab(null);
     window.location.hash = "/settings";
   };
-  const renderNav = (activeId) => /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-0.5", children: resolvedTabs.map((tab, i) => /* @__PURE__ */ jsxRuntime.jsxs(React40__namespace.Fragment, { children: [
+  const renderNav = (activeId) => /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-0.5", children: resolvedTabs.map((tab, i) => /* @__PURE__ */ jsxRuntime.jsxs(React41__namespace.Fragment, { children: [
     tab.isPlugin && (i === 0 || !resolvedTabs[i - 1]?.isPlugin) && /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "py-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t" }),
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-3 pt-2 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground", children: t("common.plugins") })
@@ -2289,10 +2289,10 @@ function InviteMemberDialog({ open, onOpenChange, defaultEmail }) {
   const profiles = chunk4XTQ4V5L_cjs.usePermissionsStore((s) => s.profiles);
   const setInvites = useInviteStore((s) => s.setInvites);
   const user = useAuthStore((s) => s.user);
-  const [emails, setEmails] = React40__namespace.useState([defaultEmail ?? ""]);
-  const [profileId, setProfileId] = React40__namespace.useState(profiles[1]?.id ?? profiles[0]?.id ?? "");
-  const [sending, setSending] = React40__namespace.useState(false);
-  const [sent, setSent] = React40__namespace.useState(false);
+  const [emails, setEmails] = React41__namespace.useState([defaultEmail ?? ""]);
+  const [profileId, setProfileId] = React41__namespace.useState(profiles[1]?.id ?? profiles[0]?.id ?? "");
+  const [sending, setSending] = React41__namespace.useState(false);
+  const [sent, setSent] = React41__namespace.useState(false);
   const addEmail = () => setEmails((prev) => [...prev, ""]);
   const updateEmail = (idx, value) => {
     setEmails((prev) => {
@@ -2416,7 +2416,7 @@ var ROLE_HIERARCHY = {
 function usePermission2() {
   const currentRole = useTenantStore((s) => s.currentRole);
   const currentProfile = chunk4XTQ4V5L_cjs.usePermissionsStore((s) => s.currentProfile);
-  const can = React40.useCallback(
+  const can = React41.useCallback(
     (featureId, action) => {
       if (!currentProfile) return true;
       if (currentProfile.id === "owner") return true;
@@ -2424,18 +2424,18 @@ function usePermission2() {
     },
     [currentProfile]
   );
-  const hasSystemPermission = React40.useCallback(
+  const hasSystemPermission = React41.useCallback(
     (perm) => {
       if (!currentProfile) return true;
       return (currentProfile.systemPermissions ?? []).includes(perm);
     },
     [currentProfile]
   );
-  const permissions = React40.useMemo(() => {
+  const permissions = React41.useMemo(() => {
     if (!currentRole) return [];
     return ROLE_PERMISSIONS[currentRole];
   }, [currentRole]);
-  const hasPermission = React40.useCallback(
+  const hasPermission = React41.useCallback(
     (permission) => {
       if (currentProfile) {
         return (currentProfile.systemPermissions ?? []).includes(permission);
@@ -2444,14 +2444,14 @@ function usePermission2() {
     },
     [currentProfile, permissions]
   );
-  const requireRole = React40.useCallback(
+  const requireRole = React41.useCallback(
     (role) => {
       if (!currentRole) return false;
       return ROLE_HIERARCHY[currentRole] >= ROLE_HIERARCHY[role];
     },
     [currentRole]
   );
-  const canAccess = React40.useCallback(
+  const canAccess = React41.useCallback(
     (requiredPermissions) => {
       return requiredPermissions.every((p) => permissions.includes(p));
     },
@@ -2490,8 +2490,8 @@ function TeamTab() {
   const setInvites = useInviteStore((s) => s.setInvites);
   const user = useAuthStore((s) => s.user);
   const { hasSystemPermission } = usePermission2();
-  const [inviteOpen, setInviteOpen] = React40__namespace.useState(false);
-  React40__namespace.useEffect(() => {
+  const [inviteOpen, setInviteOpen] = React41__namespace.useState(false);
+  React41__namespace.useEffect(() => {
     if (adapter2 && currentOrg) {
       dedup("team:invites:" + currentOrg.id, () => adapter2.listInvites(currentOrg.id)).then(setInvites).catch(() => {
       });
@@ -2638,12 +2638,12 @@ var SYSTEM_PERMISSIONS = [
 ];
 function PermissionMatrixEditor({ features, profile, onSave, onCancel, saving }) {
   const { t } = useTranslation();
-  const [name, setName] = React40__namespace.useState(profile?.name ?? "");
-  const [description, setDescription] = React40__namespace.useState(profile?.description ?? "");
-  const [systemPerms, setSystemPerms] = React40__namespace.useState(profile?.systemPermissions ?? []);
-  const [grants, setGrants] = React40__namespace.useState(profile?.grants ?? {});
-  const [collapsed, setCollapsed] = React40__namespace.useState(/* @__PURE__ */ new Set());
-  const [search, setSearch] = React40__namespace.useState("");
+  const [name, setName] = React41__namespace.useState(profile?.name ?? "");
+  const [description, setDescription] = React41__namespace.useState(profile?.description ?? "");
+  const [systemPerms, setSystemPerms] = React41__namespace.useState(profile?.systemPermissions ?? []);
+  const [grants, setGrants] = React41__namespace.useState(profile?.grants ?? {});
+  const [collapsed, setCollapsed] = React41__namespace.useState(/* @__PURE__ */ new Set());
+  const [search, setSearch] = React41__namespace.useState("");
   const toggleSystemPerm = (perm) => {
     setSystemPerms(
       (prev) => prev.includes(perm) ? prev.filter((p) => p !== perm) : [...prev, perm]
@@ -2667,7 +2667,7 @@ function PermissionMatrixEditor({ features, profile, onSave, onCancel, saving })
     if (!name.trim()) return;
     onSave({ name: name.trim(), description: description.trim() || void 0, systemPermissions: systemPerms, grants });
   };
-  const groups = React40__namespace.useMemo(() => {
+  const groups = React41__namespace.useMemo(() => {
     const filtered = search ? features.filter((f) => f.label.toLowerCase().includes(search.toLowerCase())) : features;
     const map = /* @__PURE__ */ new Map();
     for (const f of filtered) {
@@ -2728,7 +2728,7 @@ function PermissionMatrixEditor({ features, profile, onSave, onCancel, saving })
               }
             ) }) })
           ] }, sp.id)),
-          Array.from(groups.entries()).map(([groupName, groupFeatures]) => /* @__PURE__ */ jsxRuntime.jsxs(React40__namespace.Fragment, { children: [
+          Array.from(groups.entries()).map(([groupName, groupFeatures]) => /* @__PURE__ */ jsxRuntime.jsxs(React41__namespace.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 5, className: "p-2 px-3", children: /* @__PURE__ */ jsxRuntime.jsxs(
               "button",
               {
@@ -2773,10 +2773,10 @@ function PermissionProfilesTab() {
   const startImpersonation = chunk4XTQ4V5L_cjs.usePermissionsStore((s) => s.startImpersonation);
   const canPreview = (realProfile?.systemPermissions ?? []).includes("manage_permissions") ?? false;
   const { t } = useTranslation();
-  const [editingProfile, setEditingProfile] = React40__namespace.useState(null);
-  const [creating, setCreating] = React40__namespace.useState(false);
-  const [saving, setSaving] = React40__namespace.useState(false);
-  const memberCountByProfile = React40__namespace.useMemo(() => {
+  const [editingProfile, setEditingProfile] = React41__namespace.useState(null);
+  const [creating, setCreating] = React41__namespace.useState(false);
+  const [saving, setSaving] = React41__namespace.useState(false);
+  const memberCountByProfile = React41__namespace.useMemo(() => {
     const counts = {};
     for (const m of members) {
       counts[m.profileId] = (counts[m.profileId] ?? 0) + 1;
@@ -3239,20 +3239,20 @@ function PersonPicker({
   placeholder = "Search or type a name to add...",
   onPersonData
 }) {
-  const [open, setOpen] = React40.useState(false);
-  const [query, setQuery] = React40.useState("");
-  const [results, setResults] = React40.useState([]);
-  const [searching, setSearching] = React40.useState(false);
-  const [selected, setSelected] = React40.useState(null);
-  const [showCreate, setShowCreate] = React40.useState(false);
-  const [creating, setCreating] = React40.useState(false);
-  const searchTimer = React40.useRef(null);
-  const inputRef = React40.useRef(null);
-  const containerRef = React40.useRef(null);
-  const [newPhone, setNewPhone] = React40.useState("");
-  const [newEmail, setNewEmail] = React40.useState("");
+  const [open, setOpen] = React41.useState(false);
+  const [query, setQuery] = React41.useState("");
+  const [results, setResults] = React41.useState([]);
+  const [searching, setSearching] = React41.useState(false);
+  const [selected, setSelected] = React41.useState(null);
+  const [showCreate, setShowCreate] = React41.useState(false);
+  const [creating, setCreating] = React41.useState(false);
+  const searchTimer = React41.useRef(null);
+  const inputRef = React41.useRef(null);
+  const containerRef = React41.useRef(null);
+  const [newPhone, setNewPhone] = React41.useState("");
+  const [newEmail, setNewEmail] = React41.useState("");
   const tenantId = chunkQGMDVLLW_cjs.useOrganizationStore((s) => s.currentOrg?.id);
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     if (value && !selected) {
       const supabase = core.getSupabaseClientOptional();
       if (!supabase) return;
@@ -3261,7 +3261,7 @@ function PersonPicker({
       });
     }
   }, [value]);
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     const handler = (e) => {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
         setOpen(false);
@@ -3271,7 +3271,7 @@ function PersonPicker({
     document.addEventListener("mousedown", handler);
     return () => document.removeEventListener("mousedown", handler);
   }, []);
-  const doSearch = React40.useCallback(async (term) => {
+  const doSearch = React41.useCallback(async (term) => {
     if (!term.trim() || !tenantId) {
       setResults([]);
       return;
@@ -3516,7 +3516,7 @@ function SubjectFormLayout({ fields, allFields, fieldGroups, values, onChange, r
   const IconComponent = LucideIcons4__namespace[entityIcon ?? "Heart"] ?? LucideIcons4__namespace.Heart;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
     /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.CardContent, { className: "pt-5", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-5", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-20 w-20 shrink-0 items-center justify-center rounded-2xl bg-primary/10 text-primary", children: React40__namespace.default.createElement(IconComponent, { className: "h-8 w-8" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-20 w-20 shrink-0 items-center justify-center rounded-2xl bg-primary/10 text-primary", children: React41__namespace.default.createElement(IconComponent, { className: "h-8 w-8" }) }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 space-y-4", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-4", children: [
           nameField && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 space-y-1.5", children: [
@@ -3560,6 +3560,99 @@ function SubjectFormLayout({ fields, allFields, fieldGroups, values, onChange, r
     notesField && /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.CardContent, { className: "pt-5", children: /* @__PURE__ */ jsxRuntime.jsx(FieldItem5, { field: notesField, value: values[notesField.key], onChange: (val) => onChange(notesField.key, val), renderField: renderField2 }) }) })
   ] });
 }
+var cache = /* @__PURE__ */ new Map();
+function keyOf(r) {
+  const tenant = r.tenantScoped !== false ? core.getActiveTenantId() ?? "" : "";
+  return JSON.stringify([
+    r.schema ?? "public",
+    r.table,
+    r.valueField ?? "id",
+    r.labelField ?? "name",
+    tenant,
+    r.filter ?? null
+  ]);
+}
+async function fetchOptions(r) {
+  const supabase = core.getSupabaseClientOptional();
+  if (!supabase) return [];
+  const valueField = r.valueField ?? "id";
+  const labelField = r.labelField ?? "name";
+  let q = (r.schema ? supabase.schema(r.schema) : supabase).from(r.table).select(`${valueField}, ${labelField}`);
+  if (r.tenantScoped !== false) {
+    const tid = core.getActiveTenantId();
+    if (tid) q = q.eq("tenant_id", tid);
+  }
+  if (r.filter) for (const [k, v] of Object.entries(r.filter)) q = q.eq(k, v);
+  q = q.order(labelField, { ascending: true });
+  const { data } = await q;
+  return (data ?? []).map((row) => ({
+    value: String(row[valueField]),
+    label: String(row[labelField] ?? row[valueField])
+  }));
+}
+function loadRelationOptions(r) {
+  const k = keyOf(r);
+  if (!cache.has(k)) {
+    cache.set(k, fetchOptions(r).catch(() => {
+      cache.delete(k);
+      return [];
+    }));
+  }
+  return cache.get(k);
+}
+function useRelationOptions(r) {
+  const [options, setOptions] = React41.useState([]);
+  const [loading, setLoading] = React41.useState(true);
+  const dep = r ? keyOf(r) : "none";
+  React41.useEffect(() => {
+    let alive = true;
+    if (!r) {
+      setLoading(false);
+      return;
+    }
+    setLoading(true);
+    loadRelationOptions(r).then((opts) => {
+      if (alive) {
+        setOptions(opts);
+        setLoading(false);
+      }
+    });
+    return () => {
+      alive = false;
+    };
+  }, [dep]);
+  const labelFor = (value) => options.find((o) => o.value === String(value))?.label ?? "";
+  return { options, loading, labelFor };
+}
+function RelationSelect({
+  relation,
+  value,
+  onChange,
+  className,
+  required,
+  placeholder
+}) {
+  const { options, loading } = useRelationOptions(relation);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "select",
+    {
+      value: value ?? "",
+      onChange: (e) => onChange(e.target.value || null),
+      required,
+      className,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: loading ? "Loading\u2026" : placeholder ?? "Select..." }),
+        options.map((o) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: o.value, children: o.label }, o.value))
+      ]
+    }
+  );
+}
+function RelationCell({ relation, value }) {
+  const { labelFor, loading } = useRelationOptions(relation);
+  if (value == null || value === "") return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "\u2014" });
+  const label = labelFor(value);
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { variant: "secondary", children: label || (loading ? "\u2026" : String(value)) });
+}
 function currencySymbolFor(code, locale) {
   if (!code) return "R$";
   try {
@@ -3646,6 +3739,18 @@ function renderField(field, value, onChange, allValues = {}) {
           className: `${baseClass} min-h-[60px] py-1.5`
         }
       );
+    case "relation":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        RelationSelect,
+        {
+          relation: field.relation,
+          value,
+          onChange,
+          className: baseClass,
+          required: field.required,
+          placeholder: field.placeholder ?? `Select ${field.label.toLowerCase()}...`
+        }
+      );
     case "select": {
       const options = (field.options ?? []).map(
         (o) => typeof o === "string" ? { label: o, value: o } : o
@@ -3770,10 +3875,10 @@ function CrudFormPage({ entityDef, mode, initialData, onSubmit, onCancel, namePl
   const formFields = entityDef.fields.filter((f) => f.showInForm !== false);
   const displayField = entityDef.displayField ?? entityDef.fields[0]?.key ?? "id";
   const computeInit = () => mode === "edit" && initialData ? { ...getDefaultValues(formFields), ...initialData } : getDefaultValues(formFields);
-  const [values, setValues] = React40.useState(computeInit);
-  const [saving, setSaving] = React40.useState(false);
-  const initialRef = React40__namespace.default.useRef(JSON.stringify(values));
-  React40.useEffect(() => {
+  const [values, setValues] = React41.useState(computeInit);
+  const [saving, setSaving] = React41.useState(false);
+  const initialRef = React41__namespace.default.useRef(JSON.stringify(values));
+  React41.useEffect(() => {
     const init = computeInit();
     setValues(init);
     initialRef.current = JSON.stringify(init);
@@ -3966,6 +4071,8 @@ function fieldToColumns(fields, options) {
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-4 w-4 rounded-full border shrink-0", style: { backgroundColor: String(value) } }),
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: String(value) })
           ] });
+        case "relation":
+          return /* @__PURE__ */ jsxRuntime.jsx(RelationCell, { relation: field.relation, value });
         case "select":
           return /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { variant: "secondary", children: String(value) });
         case "number":
@@ -4076,7 +4183,7 @@ function CrudListView({
   const t = core.useTranslation();
   const namePlural = entityDef.namePlural ?? entityDef.name + "s";
   const displayField = entityDef.displayField ?? entityDef.fields[0]?.key ?? "id";
-  const derivedColumns = React40.useMemo(() => {
+  const derivedColumns = React41.useMemo(() => {
     return fieldToColumns(entityDef.fields).map((col) => ({
       accessorKey: col.key,
       header: col.label,
@@ -4368,9 +4475,9 @@ function BlockSettingsPopover({
   onClose
 }) {
   const t = core.useTranslation();
-  const popoverRef = React40.useRef(null);
-  const [pos, setPos] = React40.useState({ top: 0, left: 0 });
-  React40.useEffect(() => {
+  const popoverRef = React41.useRef(null);
+  const [pos, setPos] = React41.useState({ top: 0, left: 0 });
+  React41.useEffect(() => {
     if (!open || !triggerRef.current) return;
     const rect = triggerRef.current.getBoundingClientRect();
     const popW = 280;
@@ -4379,7 +4486,7 @@ function BlockSettingsPopover({
     if (left < 8) left = 8;
     setPos({ top: rect.bottom + 6, left });
   }, [open, triggerRef]);
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       if (popoverRef.current?.contains(e.target)) return;
@@ -4510,9 +4617,9 @@ function LocationSelect({
   onChange
 }) {
   const t = core.useTranslation();
-  const [open, setOpen] = React40.useState(false);
-  const ref = React40.useRef(null);
-  React40.useEffect(() => {
+  const [open, setOpen] = React41.useState(false);
+  const ref = React41.useRef(null);
+  React41.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       if (ref.current && !ref.current.contains(e.target)) setOpen(false);
@@ -4571,9 +4678,9 @@ function ServiceSelect({
   onChange
 }) {
   const t = core.useTranslation();
-  const [open, setOpen] = React40.useState(false);
-  const ref = React40.useRef(null);
-  React40.useEffect(() => {
+  const [open, setOpen] = React41.useState(false);
+  const ref = React41.useRef(null);
+  React41.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       if (ref.current && !ref.current.contains(e.target)) setOpen(false);
@@ -4700,7 +4807,7 @@ function PeriodRow({
   onAddBlock
 }) {
   const t = core.useTranslation();
-  const gearRef = React40.useRef(null);
+  const gearRef = React41.useRef(null);
   const bufferValue = period.settings?.bufferMinutes ?? blockConfig?.defaults.bufferMinutes ?? 0;
   const hasCustomSettings = period.settings && Object.entries(period.settings).some(
     ([k, v]) => k !== "bufferMinutes" && v !== void 0
@@ -4794,27 +4901,27 @@ function PeriodRow({
 }
 function ScheduleEditor({ assigneeId }) {
   const t = core.useTranslation();
-  const [week, setWeek] = React40.useState({});
-  const [exceptions, setExceptions] = React40.useState([]);
-  const [loading, setLoading] = React40.useState(true);
-  const [saving, setSaving] = React40.useState(false);
-  const [showAddException, setShowAddException] = React40.useState(false);
-  const blockConfig = React40.useSyncExternalStore(subscribeScheduleBlockConfig, getScheduleBlockConfig);
-  const [settingsPopover, setSettingsPopover] = React40.useState(null);
-  const [weekDirty, setWeekDirty] = React40.useState(false);
-  React40.useEffect(() => {
+  const [week, setWeek] = React41.useState({});
+  const [exceptions, setExceptions] = React41.useState([]);
+  const [loading, setLoading] = React41.useState(true);
+  const [saving, setSaving] = React41.useState(false);
+  const [showAddException, setShowAddException] = React41.useState(false);
+  const blockConfig = React41.useSyncExternalStore(subscribeScheduleBlockConfig, getScheduleBlockConfig);
+  const [settingsPopover, setSettingsPopover] = React41.useState(null);
+  const [weekDirty, setWeekDirty] = React41.useState(false);
+  React41.useEffect(() => {
     if (blockConfig?.showLocations && (!blockConfig.locations || blockConfig.locations.length === 0) && blockConfig.fetchLocations) {
       blockConfig.fetchLocations().catch(() => {
       });
     }
   }, [blockConfig?.showLocations, blockConfig?.locations?.length]);
-  const [newExStartDate, setNewExStartDate] = React40.useState("");
-  const [newExEndDate, setNewExEndDate] = React40.useState("");
-  const [newExType, setNewExType] = React40.useState("unavailable");
-  const [newExPeriods, setNewExPeriods] = React40.useState([{ startsAt: "09:00", endsAt: "17:00" }]);
-  const [newExNotes, setNewExNotes] = React40.useState("");
-  const [savingException, setSavingException] = React40.useState(false);
-  const loadData = React40.useCallback(async () => {
+  const [newExStartDate, setNewExStartDate] = React41.useState("");
+  const [newExEndDate, setNewExEndDate] = React41.useState("");
+  const [newExType, setNewExType] = React41.useState("unavailable");
+  const [newExPeriods, setNewExPeriods] = React41.useState([{ startsAt: "09:00", endsAt: "17:00" }]);
+  const [newExNotes, setNewExNotes] = React41.useState("");
+  const [savingException, setSavingException] = React41.useState(false);
+  const loadData = React41.useCallback(async () => {
     setLoading(true);
     try {
       const data = await getSchedules(assigneeId);
@@ -4826,7 +4933,7 @@ function ScheduleEditor({ assigneeId }) {
     }
     setLoading(false);
   }, [assigneeId]);
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     loadData();
   }, [loadData]);
   function markDirty() {
@@ -5293,6 +5400,25 @@ function DocumentsTab({ item }) {
     }
   );
 }
+function FinancialTab({ item }) {
+  const runtime = core.usePluginRuntimeOptional();
+  const widgets = runtime ? core.getWidgetsForZone(runtime, "person.detail.financial") : [];
+  if (widgets.length > 0 && item) {
+    const w = widgets[0];
+    const Widget = w.component;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Widget,
+      {
+        item,
+        config: w.config,
+        runtime: runtime?.context,
+        plugin: w.plugin,
+        widget: w
+      }
+    );
+  }
+  return null;
+}
 function ScheduleTab({ item }) {
   const t = core.useTranslation();
   if (!item?.id) {
@@ -5310,6 +5436,9 @@ function ScheduleTab({ item }) {
 var PERSON_DETAIL_TABS = [
   { id: "schedule", label: "Schedule", icon: "CalendarDays", component: ScheduleTab, visibleFor: ["staff"] },
   { id: "documents", label: "Documents", icon: "FileText", component: DocumentsTab },
+  // Per-person financial statement — only shown when the financial plugin contributes
+  // its widget (see requiresWidgetZone). Clients = paid invoices; staff = commissions.
+  { id: "financial", label: "Statement", icon: "DollarSign", component: FinancialTab, requiresWidgetZone: "person.detail.financial" },
   { id: "activity", label: "Activity", icon: "Clock", component: ActivityTab }
 ];
 function ComingSoon2({ icon: Icon, title, description }) {
@@ -5519,9 +5648,9 @@ function ComingSoon5({ icon: Icon, title, description }) {
 }
 function OwnerTab({ item }) {
   const t = core.useTranslation();
-  const [person, setPerson] = React40.useState(null);
-  const [loading, setLoading] = React40.useState(true);
-  React40.useEffect(() => {
+  const [person, setPerson] = React41.useState(null);
+  const [loading, setLoading] = React41.useState(true);
+  React41.useEffect(() => {
     const tutorId = item?.tutorId;
     if (!tutorId) {
       setLoading(false);
@@ -5762,13 +5891,14 @@ function CrudDetailPage({
   const subtitleValue = entityDef.subtitleField ? item[entityDef.subtitleField] : null;
   const imageValue = entityDef.imageField ? item[entityDef.imageField] : null;
   const initial = typeof displayValue === "string" ? displayValue.charAt(0).toUpperCase() : "?";
+  const runtime = core.usePluginRuntimeOptional();
   const archetypeTabs = getArchetypeTabs(entityDef.layout, entityDef.data?.archetypeKind);
-  const customTabs = [...archetypeTabs, ...entityDef.detailTabs ?? []];
+  const customTabs = [...archetypeTabs, ...entityDef.detailTabs ?? []].filter((tab) => !tab.requiresWidgetZone || (runtime ? core.getWidgetsForZone(runtime, tab.requiresWidgetZone).length > 0 : false));
   const entityId = entityDef.name.toLowerCase().replace(/\s+/g, "-");
   const widgetZone = `${entityId}.detail.tabs`;
   const validTabs = ["overview", ...customTabs.map((t2) => t2.id)];
   const activeTab = initialTab && validTabs.includes(initialTab) ? initialTab : "overview";
-  const handleTabChange = React40.useCallback((value) => {
+  const handleTabChange = React41.useCallback((value) => {
     if (embedded) return;
     const detailPath = `${basePath}/${item.id}`;
     const newHash = value === "overview" ? detailPath : `${detailPath}/${value}`;
@@ -5819,7 +5949,7 @@ function CrudDetailPage({
         })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(ui.TabsContent, { value: "overview", className: embedded ? "mt-2" : "mt-4", children: /* @__PURE__ */ jsxRuntime.jsx(OverviewTab, { entityDef, item, compact: embedded }) }),
-      customTabs.map((tab) => /* @__PURE__ */ jsxRuntime.jsx(ui.TabsContent, { value: tab.id, className: "mt-4", children: tab.component ? React40__namespace.default.createElement(tab.component, { item, entityDef, ...tab.props ?? {} }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.CardContent, { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: t("common.noContent") }) }) }) }, tab.id))
+      customTabs.map((tab) => /* @__PURE__ */ jsxRuntime.jsx(ui.TabsContent, { value: tab.id, className: "mt-4", children: tab.component ? React41__namespace.default.createElement(tab.component, { item, entityDef, ...tab.props ?? {} }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.CardContent, { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: t("common.noContent") }) }) }) }, tab.id))
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(WidgetSlot, { zone: widgetZone })
   ] });
@@ -5944,7 +6074,7 @@ function StepIndicator({ current }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1.5", children: STEPS.map((step, i) => {
     const isDone = i < currentIdx || current === "done";
     const isActive = step === current;
-    return /* @__PURE__ */ jsxRuntime.jsxs(React40__namespace.default.Fragment, { children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(React41__namespace.default.Fragment, { children: [
       i > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: ui.cn("h-px w-6", isDone ? "bg-primary" : "bg-border") }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -5997,9 +6127,9 @@ function UploadStep({
   onBack
 }) {
   const t = core.useTranslation();
-  const inputRef = React40.useRef(null);
-  const [dragOver, setDragOver] = React40.useState(false);
-  const [error, setError] = React40.useState(null);
+  const inputRef = React41.useRef(null);
+  const [dragOver, setDragOver] = React41.useState(false);
+  const [error, setError] = React41.useState(null);
   const processFile = (file) => {
     setError(null);
     if (!file.name.endsWith(".csv")) {
@@ -6083,7 +6213,7 @@ function MappingStep({
   onBack
 }) {
   const t = core.useTranslation();
-  const initialMapping = React40.useMemo(() => {
+  const initialMapping = React41.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (let i = 0; i < csv.headers.length; i++) {
       const header = csv.headers[i].toLowerCase().trim();
@@ -6094,7 +6224,7 @@ function MappingStep({
     }
     return map;
   }, [csv.headers, fields]);
-  const [mapping, setMapping] = React40.useState(initialMapping);
+  const [mapping, setMapping] = React41.useState(initialMapping);
   const mappedCount = Array.from(mapping.values()).filter(Boolean).length;
   const previewRows = csv.rows.slice(0, 3);
   const handleSelect = (colIdx, fieldKey) => {
@@ -6249,12 +6379,12 @@ function ImportingStep({
 }
 function ImportWizard({ open, onClose, entityDef, onImport }) {
   const t = core.useTranslation();
-  const [step, setStep] = React40.useState("download");
-  const [csv, setCsv] = React40.useState(null);
-  const [fileName, setFileName] = React40.useState("");
-  const [result, setResult] = React40.useState(null);
-  const [progress, setProgress] = React40.useState(null);
-  const fields = React40.useMemo(() => getImportableFields(entityDef), [entityDef]);
+  const [step, setStep] = React41.useState("download");
+  const [csv, setCsv] = React41.useState(null);
+  const [fileName, setFileName] = React41.useState("");
+  const [result, setResult] = React41.useState(null);
+  const [progress, setProgress] = React41.useState(null);
+  const fields = React41.useMemo(() => getImportableFields(entityDef), [entityDef]);
   const handleClose = () => {
     setStep("download");
     setCsv(null);
@@ -6268,7 +6398,7 @@ function ImportWizard({ open, onClose, entityDef, onImport }) {
     setFileName(name);
     setStep("mapping");
   };
-  const handleConfirmMapping = React40.useCallback(async (mapping) => {
+  const handleConfirmMapping = React41.useCallback(async (mapping) => {
     if (!csv) return;
     setStep("importing");
     setResult(null);
@@ -6372,10 +6502,10 @@ function useSubRoute(basePath) {
     if (hash === normalizedBasePath) return "";
     return hash.startsWith(`${normalizedBasePath}/`) ? hash.slice(normalizedBasePath.length) : "";
   };
-  const [sub, setSub] = React40.useState(getSub);
-  const [direction, setDirection] = React40.useState("forward");
-  const prevDepthRef = React40.useRef(getRouteDepth(getSub()));
-  React40.useEffect(() => {
+  const [sub, setSub] = React41.useState(getSub);
+  const [direction, setDirection] = React41.useState("forward");
+  const prevDepthRef = React41.useRef(getRouteDepth(getSub()));
+  React41.useEffect(() => {
     const handler = () => {
       const next = getSub();
       const nextDepth = getRouteDepth(next);
@@ -6391,7 +6521,7 @@ function useSubRoute(basePath) {
 function useCrudColumns(entityDef, options) {
   const displayField = entityDef.displayField ?? entityDef.fields[0]?.key ?? "id";
   const cols = fieldToColumns(entityDef.fields, { onInlineUpdate: options?.onInlineUpdate });
-  return React40.useMemo(() => {
+  return React41.useMemo(() => {
     const tanCols = cols.map((col) => ({
       accessorKey: col.key,
       header: col.label,
@@ -6455,18 +6585,18 @@ function CrudPage({ entityDef: rawEntityDef, useStore, basePath, display, featur
   const { sub, direction } = useSubRoute(normalizedBasePath);
   core.deriveEntityKey(rawEntityDef);
   const { applyRules } = useFieldRules();
-  const entityDef = React40.useMemo(() => ({
+  const entityDef = React41.useMemo(() => ({
     ...rawEntityDef,
     fields: applyRules(rawEntityDef.fields)
   }), [rawEntityDef, applyRules]);
-  const [deleteItem, setDeleteItem] = React40.useState(null);
-  const [searchInput, setSearchInput] = React40.useState("");
-  const [importOpen, setImportOpen] = React40.useState(false);
-  const [activeFilters, setActiveFilters] = React40.useState({});
-  const activeFiltersRef = React40.useRef({});
+  const [deleteItem, setDeleteItem] = React41.useState(null);
+  const [searchInput, setSearchInput] = React41.useState("");
+  const [importOpen, setImportOpen] = React41.useState(false);
+  const [activeFilters, setActiveFilters] = React41.useState({});
+  const activeFiltersRef = React41.useRef({});
   const namePlural = entityDef.namePlural ?? entityDef.name + "s";
   const displayField = entityDef.displayField ?? entityDef.fields[0]?.key ?? "id";
-  const resolvedFacets = React40.useMemo(() => {
+  const resolvedFacets = React41.useMemo(() => {
     return (entityDef.facets ?? []).map((f) => {
       const field = entityDef.fields.find((x) => x.key === f.field);
       const options = (field?.options ?? []).map(
@@ -6475,7 +6605,7 @@ function CrudPage({ entityDef: rawEntityDef, useStore, basePath, display, featur
       return { field: f.field, options, allLabel: f.allLabel };
     });
   }, [entityDef]);
-  const handleFacetChange = React40.useCallback((field, value) => {
+  const handleFacetChange = React41.useCallback((field, value) => {
     const next = { ...activeFiltersRef.current };
     if (value == null) delete next[field];
     else next[field] = value;
@@ -6483,20 +6613,20 @@ function CrudPage({ entityDef: rawEntityDef, useStore, basePath, display, featur
     setActiveFilters(next);
     store.setQuery({ filters: next });
   }, [store]);
-  const searchTimer = React40.useRef(null);
-  const handleInlineUpdate = React40.useCallback(async (id, field, value) => {
+  const searchTimer = React41.useRef(null);
+  const handleInlineUpdate = React41.useCallback(async (id, field, value) => {
     await store.update(id, { [field]: value });
   }, [store]);
   const tanColumns = useCrudColumns(entityDef, { basePath: normalizedBasePath, onDelete: readOnly ? void 0 : (item) => setDeleteItem(item), onInlineUpdate: handleInlineUpdate, feature, readOnly });
   const currentOrgId = chunkQGMDVLLW_cjs.useOrganizationStore((s) => s.currentOrg?.id);
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     if (currentOrgId) store.fetch();
   }, [currentOrgId]);
   const navigateToList = () => {
     setCrudHash(normalizedBasePath);
   };
   const animClass = direction === "forward" ? "saas-nav-forward" : "saas-nav-back";
-  const handleImport = React40.useCallback(async (rows, onProgress) => {
+  const handleImport = React41.useCallback(async (rows, onProgress) => {
     if (!core.getSupabaseClientOptional()) {
       return {
         success: 0,
@@ -6518,7 +6648,7 @@ function CrudPage({ entityDef: rawEntityDef, useStore, basePath, display, featur
     }
     return { success, errors };
   }, [store, t]);
-  const handleExport = React40.useCallback(() => {
+  const handleExport = React41.useCallback(() => {
     const items = store.items;
     if (!items || items.length === 0) {
       ui.toast.error(t("crud.export.noData"));
@@ -6832,7 +6962,7 @@ function createCrudPage(entityDef, options) {
     eagerStore = createCrudStore(options.dataProvider);
   }
   const GeneratedCrudPage = () => {
-    const useStore = React40.useMemo(() => {
+    const useStore = React41.useMemo(() => {
       if (eagerStore) return eagerStore;
       const provider = core.resolveDataProvider(entityDef, options?.mockData);
       return createCrudStore(provider);
@@ -6968,7 +7098,7 @@ function EntityAccordion({
   onReset
 }) {
   const { t } = useTranslation();
-  const [open, setOpen] = React40.useState(false);
+  const [open, setOpen] = React41.useState(false);
   const modified = countModified(entity.fields, rules);
   const Icon = resolveIcon(entity.icon);
   return /* @__PURE__ */ jsxRuntime.jsxs(ui.Card, { children: [
@@ -7065,18 +7195,18 @@ function PluginSectionHeader({ name, iconName }) {
 }
 function FieldRulesSettings({ entities, rules: initialRules, onSave }) {
   const { t } = useTranslation();
-  const [draft, setDraft] = React40.useState(initialRules);
-  const [saving, setSaving] = React40.useState(false);
-  const [search, setSearch] = React40.useState("");
-  const [showMore, setShowMore] = React40.useState(false);
-  React40__namespace.useEffect(() => {
+  const [draft, setDraft] = React41.useState(initialRules);
+  const [saving, setSaving] = React41.useState(false);
+  const [search, setSearch] = React41.useState("");
+  const [showMore, setShowMore] = React41.useState(false);
+  React41__namespace.useEffect(() => {
     setDraft(initialRules);
   }, [initialRules]);
-  const isDirty = React40.useMemo(
+  const isDirty = React41.useMemo(
     () => JSON.stringify(draft) !== JSON.stringify(initialRules),
     [draft, initialRules]
   );
-  const { coreEntities, standaloneEntities, pluginGroups } = React40.useMemo(() => {
+  const { coreEntities, standaloneEntities, pluginGroups } = React41.useMemo(() => {
     const q = search.trim().toLowerCase();
     const core = [];
     const standalone = [];
@@ -7127,7 +7257,7 @@ function FieldRulesSettings({ entities, rules: initialRules, onSave }) {
   const showExtras = hasExtras && (showMore || isSearching);
   const extraCount = standaloneEntities.length + pluginGroups.reduce((sum, g) => sum + g.entities.length, 0);
   const hasNoResults = coreEntities.length === 0 && !hasExtras;
-  const handleToggle = React40.useCallback(
+  const handleToggle = React41.useCallback(
     (entityKey, fieldKey, ruleKey, value) => {
       setDraft((prev) => {
         const entityRules = { ...prev[entityKey] };
@@ -7139,7 +7269,7 @@ function FieldRulesSettings({ entities, rules: initialRules, onSave }) {
     },
     []
   );
-  const handleReset = React40.useCallback((entityKey) => {
+  const handleReset = React41.useCallback((entityKey) => {
     setDraft((prev) => {
       const next = { ...prev };
       delete next[entityKey];
@@ -7425,8 +7555,8 @@ function buildSettingsTabs(pluginTabs, can, t, showOrgSettings) {
     settingsTabs.push({
       id: tab.id,
       label: translated === labelKey ? tab.label : translated,
-      icon: React40__namespace.createElement(IconComp, { className: "h-4 w-4" }),
-      component: React40__namespace.createElement(tab.component),
+      icon: React41__namespace.createElement(IconComp, { className: "h-4 w-4" }),
+      component: React41__namespace.createElement(tab.component),
       // Flag plugin-contributed tabs so SettingsPage draws the core/plugins divider.
       isPlugin: true
     });
@@ -7443,7 +7573,7 @@ function AdminShellInner({ appName, layout = "sidebar", logo, pages = [], showSe
   };
   const path = useAdminPath();
   const { user, signOut } = auth.useAuth();
-  const navigation = React40__namespace.useMemo(() => {
+  const navigation = React41__namespace.useMemo(() => {
     const items = runtime.navigation.map((entry) => ({
       ...navEntryToItem(entry),
       position: entry.position
@@ -7454,7 +7584,7 @@ function AdminShellInner({ appName, layout = "sidebar", logo, pages = [], showSe
     }
     return items.sort(compareNavigation);
   }, [runtime.navigation, pages]);
-  const routes = React40__namespace.useMemo(() => {
+  const routes = React41__namespace.useMemo(() => {
     const list = [];
     const entityRouteMap = /* @__PURE__ */ new Map();
     for (const r of runtime.routes) {
@@ -7470,27 +7600,27 @@ function AdminShellInner({ appName, layout = "sidebar", logo, pages = [], showSe
     setEntityRouteMap(entityRouteMap);
     return list.sort((a, b) => routeScore(b.path) - routeScore(a.path));
   }, [runtime.routes, pages, showSettings]);
-  const match = React40__namespace.useMemo(() => {
+  const match = React41__namespace.useMemo(() => {
     for (const r of routes) {
       const params = matchRoute(r.path, path);
       if (params) return { route: r, params };
     }
     return null;
   }, [routes, path]);
-  React40__namespace.useEffect(() => {
+  React41__namespace.useEffect(() => {
     if (!match && (path === "/" || path === "") && navigation.length > 0) {
       navigateTo(navigation[0].route);
     }
   }, [match, path, navigation]);
   const ActiveComponent = match?.route.Component;
   const activeParams = match?.params ?? {};
-  const settingsTabs = React40__namespace.useMemo(
+  const settingsTabs = React41__namespace.useMemo(
     () => buildSettingsTabs(runtime.settingsTabs, can, t, showOrgSettings),
     [runtime.settingsTabs, can, t, showOrgSettings]
   );
   const shellUser = user ? { fullName: user.fullName ?? user.email, email: user.email, avatarUrl: user.avatarUrl } : void 0;
   const moduleVariant = moduleNav ?? (layout === "sidebar" ? "tabs" : "rail");
-  const activePageTitle = React40__namespace.useMemo(() => {
+  const activePageTitle = React41__namespace.useMemo(() => {
     if (path === "/settings" || path.startsWith("/settings/")) return tr("common.settings", "Settings");
     const candidates = navigation.filter((n) => n.route).sort((a, b) => b.route.length - a.route.length);
     const hit = candidates.find(
@@ -7611,7 +7741,7 @@ function buildI18nConfig(config) {
 }
 function BillingInitializer({ config }) {
   const setPlans = chunkKYID2MR6_cjs.useBillingStore((s) => s.setPlans);
-  React40__namespace.useEffect(() => {
+  React41__namespace.useEffect(() => {
     if (config.billing?.plans) setPlans(config.billing.plans.map(normalizeBillingPlan));
   }, [config.billing, setPlans]);
   return null;
@@ -7633,7 +7763,7 @@ function ThemeInitializer({ config }) {
   const initialize = useThemeStore((s) => s.initialize);
   const setOverrides = useThemeStore((s) => s.setOverrides);
   const setMode = useThemeStore((s) => s.setMode);
-  React40__namespace.useEffect(() => {
+  React41__namespace.useEffect(() => {
     if (config.theme) {
       const isSaasTheme = "brand" in config.theme && ("radius" in config.theme || "sidebar" in config.theme || "font" in config.theme);
       const resolved = isSaasTheme ? resolveTheme(config.theme) : config.theme;
@@ -7648,7 +7778,7 @@ function ThemeInitializer({ config }) {
 }
 function AdminProviders({ config, children }) {
   const currentOrg = chunkQGMDVLLW_cjs.useOrganizationStore((s) => s.currentOrg);
-  const resolved = React40__namespace.useMemo(() => {
+  const resolved = React41__namespace.useMemo(() => {
     if (config.supabaseUrl && config.supabaseAnonKey) {
       chunkQGMDVLLW_cjs.createFayzSupabaseClient(config.supabaseUrl, config.supabaseAnonKey);
     }
@@ -7662,7 +7792,7 @@ function AdminProviders({ config, children }) {
     };
   }, [config]);
   const path = useAdminPath();
-  const runtime = React40__namespace.useMemo(
+  const runtime = React41__namespace.useMemo(
     () => core.resolvePluginRuntime({
       plugins: resolved.plugins,
       context: {
@@ -7754,10 +7884,10 @@ function hashRouterAdapter2() {
       window.location.hash = path;
     },
     usePathname: () => {
-      const [pathname, setPathname] = React40__namespace.useState(
+      const [pathname, setPathname] = React41__namespace.useState(
         typeof window !== "undefined" ? window.location.hash.slice(1) || "/" : "/"
       );
-      React40__namespace.useEffect(() => {
+      React41__namespace.useEffect(() => {
         const handler = () => setPathname(window.location.hash.slice(1) || "/");
         window.addEventListener("hashchange", handler);
         return () => window.removeEventListener("hashchange", handler);
@@ -7766,7 +7896,7 @@ function hashRouterAdapter2() {
     }
   };
 }
-var RouterContext = React40__namespace.createContext(null);
+var RouterContext = React41__namespace.createContext(null);
 var RouterProvider = RouterContext.Provider;
 function MockModeBanner() {
   const { t } = useTranslation();
@@ -7923,7 +8053,7 @@ function SubscriptionCard({
 }
 function useBilling() {
   const store = chunkKYID2MR6_cjs.useBillingStore();
-  const fetchPlans = React40.useCallback(async () => {
+  const fetchPlans = React41.useCallback(async () => {
     store.setLoading(true);
     try {
       const supabase = chunkQGMDVLLW_cjs.getFayzSupabaseClient();
@@ -7936,7 +8066,7 @@ function useBilling() {
       store.setLoading(false);
     }
   }, [store]);
-  const fetchSubscription = React40.useCallback(async () => {
+  const fetchSubscription = React41.useCallback(async () => {
     store.setLoading(true);
     try {
       const supabase = chunkQGMDVLLW_cjs.getFayzSupabaseClient();
@@ -7949,7 +8079,7 @@ function useBilling() {
       store.setLoading(false);
     }
   }, [store]);
-  const fetchInvoices = React40.useCallback(async () => {
+  const fetchInvoices = React41.useCallback(async () => {
     store.setLoading(true);
     try {
       const supabase = chunkQGMDVLLW_cjs.getFayzSupabaseClient();
@@ -7962,7 +8092,7 @@ function useBilling() {
       store.setLoading(false);
     }
   }, [store]);
-  const subscribe = React40.useCallback(
+  const subscribe = React41.useCallback(
     async (planId, interval) => {
       store.setLoading(true);
       try {
@@ -7984,7 +8114,7 @@ function useBilling() {
     },
     [store]
   );
-  const cancelSubscription = React40.useCallback(async () => {
+  const cancelSubscription = React41.useCallback(async () => {
     store.setLoading(true);
     try {
       const supabase = chunkQGMDVLLW_cjs.getFayzSupabaseClient();
@@ -8001,7 +8131,7 @@ function useBilling() {
       store.setLoading(false);
     }
   }, [store, fetchSubscription]);
-  const resumeSubscription = React40.useCallback(async () => {
+  const resumeSubscription = React41.useCallback(async () => {
     store.setLoading(true);
     try {
       const supabase = chunkQGMDVLLW_cjs.getFayzSupabaseClient();
@@ -8018,7 +8148,7 @@ function useBilling() {
       store.setLoading(false);
     }
   }, [store, fetchSubscription]);
-  return React40.useMemo(
+  return React41.useMemo(
     () => ({
       subscription: store.subscription,
       invoices: store.invoices,
@@ -8049,8 +8179,8 @@ function BillingPage({ className }) {
   const { plans, subscription, loading } = chunkKYID2MR6_cjs.useBillingStore();
   const billing = useBilling();
   const { t } = useTranslation();
-  const [interval, setInterval2] = React40__namespace.useState("monthly");
-  React40__namespace.useEffect(() => {
+  const [interval, setInterval2] = React41__namespace.useState("monthly");
+  React41__namespace.useEffect(() => {
     billing.fetchSubscription();
   }, []);
   const currentPlan = plans.find((p) => p.id === subscription?.planId);
@@ -8128,10 +8258,10 @@ var ENTITY_ICON = {
   services: LucideIcons4.Sparkles
 };
 function useEntitySearch(searchFn, query, open) {
-  const [results, setResults] = React40.useState([]);
-  const [loading, setLoading] = React40.useState(false);
-  const abortRef = React40.useRef(0);
-  React40.useEffect(() => {
+  const [results, setResults] = React41.useState([]);
+  const [loading, setLoading] = React41.useState(false);
+  const abortRef = React41.useRef(0);
+  React41.useEffect(() => {
     if (!open) {
       setResults([]);
       setLoading(false);
@@ -8165,9 +8295,9 @@ function useEntitySearch(searchFn, query, open) {
 }
 function CommandPalette({ commands = [], open, onOpenChange, onEntitySearch, onEntitySelect }) {
   const { t } = useTranslation();
-  const [search, setSearch] = React40.useState("");
+  const [search, setSearch] = React41.useState("");
   const { results: entityResults, loading: entityLoading } = useEntitySearch(onEntitySearch, search, open);
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     const handleKeyDown = (e) => {
       if ((e.metaKey || e.ctrlKey) && e.key === "k") {
         e.preventDefault();
@@ -8177,7 +8307,7 @@ function CommandPalette({ commands = [], open, onOpenChange, onEntitySearch, onE
     document.addEventListener("keydown", handleKeyDown);
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, [open, onOpenChange]);
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     if (!open) setSearch("");
   }, [open]);
   const grouped = commands.reduce((acc, cmd) => {
@@ -8296,7 +8426,7 @@ function CommandPalette({ commands = [], open, onOpenChange, onEntitySearch, onE
 function useAuth3() {
   const store = useAuthStore();
   const adapter2 = useAuthAdapterOptional();
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     if (!adapter2) {
       store.setInitialized(true);
       store.setLoading(false);
@@ -8323,7 +8453,7 @@ function useAuth3() {
     });
     return unsubscribe;
   }, []);
-  const signIn = React40.useCallback(async (email, password) => {
+  const signIn = React41.useCallback(async (email, password) => {
     if (!adapter2) throw new Error("No auth adapter configured");
     store.setLoading(true);
     try {
@@ -8334,7 +8464,7 @@ function useAuth3() {
       store.setLoading(false);
     }
   }, [adapter2, store]);
-  const signUp = React40.useCallback(async (email, password, fullName) => {
+  const signUp = React41.useCallback(async (email, password, fullName) => {
     if (!adapter2) throw new Error("No auth adapter configured");
     store.setLoading(true);
     try {
@@ -8352,7 +8482,7 @@ function useAuth3() {
       store.setLoading(false);
     }
   }, [adapter2, store]);
-  const signOut = React40.useCallback(async () => {
+  const signOut = React41.useCallback(async () => {
     if (!adapter2) throw new Error("No auth adapter configured");
     store.setLoading(true);
     try {
@@ -8363,11 +8493,11 @@ function useAuth3() {
       store.setLoading(false);
     }
   }, [adapter2, store]);
-  const signInWithOAuth = React40.useCallback(async (provider) => {
+  const signInWithOAuth = React41.useCallback(async (provider) => {
     if (!adapter2) throw new Error("No auth adapter configured");
     await adapter2.signInWithOAuth(provider);
   }, [adapter2]);
-  const resetPassword = React40.useCallback(async (email) => {
+  const resetPassword = React41.useCallback(async (email) => {
     if (!adapter2) throw new Error("No auth adapter configured");
     await adapter2.resetPassword(email);
   }, [adapter2]);
@@ -8432,9 +8562,9 @@ function LoginForm({
 }) {
   const { signIn, signInWithOAuth, loading } = useAuth3();
   const { t } = useTranslation();
-  const [email, setEmail] = React40.useState("");
-  const [password, setPassword] = React40.useState("");
-  const [error, setError] = React40.useState(null);
+  const [email, setEmail] = React41.useState("");
+  const [password, setPassword] = React41.useState("");
+  const [error, setError] = React41.useState(null);
   const handleSubmit = async (e) => {
     e.preventDefault();
     setError(null);
@@ -8535,12 +8665,12 @@ function SignupForm({
 }) {
   const { signUp, loading } = useAuth3();
   const { t } = useTranslation();
-  const [fullName, setFullName] = React40.useState("");
-  const [email, setEmail] = React40.useState("");
-  const [password, setPassword] = React40.useState("");
-  const [confirmPassword, setConfirmPassword] = React40.useState("");
-  const [error, setError] = React40.useState(null);
-  const [success, setSuccess] = React40.useState(null);
+  const [fullName, setFullName] = React41.useState("");
+  const [email, setEmail] = React41.useState("");
+  const [password, setPassword] = React41.useState("");
+  const [confirmPassword, setConfirmPassword] = React41.useState("");
+  const [error, setError] = React41.useState(null);
+  const [success, setSuccess] = React41.useState(null);
   const handleSubmit = async (e) => {
     e.preventDefault();
     setError(null);
@@ -8669,9 +8799,9 @@ function RecoveryForm({
 }) {
   const { resetPassword, loading } = useAuth3();
   const { t } = useTranslation();
-  const [email, setEmail] = React40.useState("");
-  const [error, setError] = React40.useState(null);
-  const [submitted, setSubmitted] = React40.useState(false);
+  const [email, setEmail] = React41.useState("");
+  const [error, setError] = React41.useState(null);
+  const [submitted, setSubmitted] = React41.useState(false);
   const handleSubmit = async (e) => {
     e.preventDefault();
     setError(null);
@@ -8747,7 +8877,7 @@ function RecoveryForm({
   );
 }
 function SplitLogin({ appName, logo, tagline, description, showOAuth, oauthProviders, onSuccess }) {
-  const [view, setView] = React40.useState("login");
+  const [view, setView] = React41.useState("login");
   const { t } = useTranslation();
   const heading = view === "login" ? t("auth.login.title") : view === "signup" ? t("auth.signup.title") : t("auth.recovery.title");
   const subtitle = view === "login" ? t("auth.login.enterCredentials") : view === "signup" ? t("auth.signup.getStarted") : t("auth.recovery.resetSubtitle");
@@ -8802,7 +8932,7 @@ function SplitLogin({ appName, logo, tagline, description, showOAuth, oauthProvi
   ] });
 }
 function CenteredLogin({ appName, logo, tagline, showOAuth, oauthProviders, onSuccess }) {
-  const [view, setView] = React40.useState("login");
+  const [view, setView] = React41.useState("login");
   const { t } = useTranslation();
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-screen items-center justify-center bg-sidebar p-4", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pointer-events-none absolute inset-0 overflow-hidden", children: [
@@ -8853,7 +8983,7 @@ function LoadingSkeleton() {
 function ProtectedRoute({ children, requiredRole, fallback, onUnauthenticated }) {
   const { user, loading, initialized } = useAuth3();
   const { requireRole } = usePermission2();
-  React40__namespace.default.useEffect(() => {
+  React41__namespace.default.useEffect(() => {
     if (initialized && !loading && !user && onUnauthenticated) {
       onUnauthenticated();
     }
@@ -9680,9 +9810,9 @@ function OrgSwitcher({ collapsed }) {
   const setCurrentProfile = chunk4XTQ4V5L_cjs.usePermissionsStore((s) => s.setCurrentProfile);
   const setProfiles = chunk4XTQ4V5L_cjs.usePermissionsStore((s) => s.setProfiles);
   const user = useAuthStore((s) => s.user);
-  const [createOpen, setCreateOpen] = React40__namespace.useState(false);
-  const [newOrgName, setNewOrgName] = React40__namespace.useState("");
-  const [creating, setCreating] = React40__namespace.useState(false);
+  const [createOpen, setCreateOpen] = React41__namespace.useState(false);
+  const [newOrgName, setNewOrgName] = React41__namespace.useState("");
+  const [creating, setCreating] = React41__namespace.useState(false);
   const { t } = useTranslation();
   if (!adapter2 || !currentOrg) return null;
   const initial = currentOrg.name.charAt(0).toUpperCase();
@@ -9868,11 +9998,11 @@ function TenantOnboarding({ verticalId, appName, logo }) {
   const setMembers = chunkQGMDVLLW_cjs.useOrganizationStore((s) => s.setMembers);
   const setProfiles = chunk4XTQ4V5L_cjs.usePermissionsStore((s) => s.setProfiles);
   const setCurrentProfile = chunk4XTQ4V5L_cjs.usePermissionsStore((s) => s.setCurrentProfile);
-  const [step, setStep] = React40__namespace.useState(0);
-  const [error, setError] = React40__namespace.useState("");
-  const [companyName, setCompanyName] = React40__namespace.useState("");
-  const [timezone, setTimezone] = React40__namespace.useState("America/Sao_Paulo");
-  const [currency, setCurrency] = React40__namespace.useState("BRL");
+  const [step, setStep] = React41__namespace.useState(0);
+  const [error, setError] = React41__namespace.useState("");
+  const [companyName, setCompanyName] = React41__namespace.useState("");
+  const [timezone, setTimezone] = React41__namespace.useState("America/Sao_Paulo");
+  const [currency, setCurrency] = React41__namespace.useState("BRL");
   const handleCreate = async () => {
     if (!user || !companyName.trim()) return;
     setStep(2);
@@ -9980,10 +10110,10 @@ function OrgInitializer({ verticalId }) {
   const setLoading = chunkQGMDVLLW_cjs.useOrganizationStore((s) => s.setLoading);
   const setProfiles = chunk4XTQ4V5L_cjs.usePermissionsStore((s) => s.setProfiles);
   const setCurrentProfile = chunk4XTQ4V5L_cjs.usePermissionsStore((s) => s.setCurrentProfile);
-  const [needsOnboarding, setNeedsOnboarding] = React40.useState(false);
-  const [initialized, setInitialized] = React40.useState(false);
-  const [connectionError, setConnectionError] = React40.useState(false);
-  React40.useEffect(() => {
+  const [needsOnboarding, setNeedsOnboarding] = React41.useState(false);
+  const [initialized, setInitialized] = React41.useState(false);
+  const [connectionError, setConnectionError] = React41.useState(false);
+  React41.useEffect(() => {
     if (!adapter2 || !user) return;
     let cancelled = false;
     async function init() {
@@ -10036,7 +10166,7 @@ function OrgInitializer({ verticalId }) {
       cancelled = true;
     };
   }, [adapter2, user?.id]);
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     if (currentOrg && needsOnboarding) setNeedsOnboarding(false);
   }, [currentOrg]);
   const { t } = useTranslation();
@@ -10257,7 +10387,7 @@ function useTenantPlugins(options) {
   const setLoading = usePluginStore((state) => state.setLoading);
   const setError = usePluginStore((state) => state.setError);
   const reset = usePluginStore((state) => state.reset);
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     if (!enabled) {
       reset();
       return;
@@ -12206,8 +12336,8 @@ function createGlobalEntitySearch() {
 }
 function CommandPaletteWrapper({ navigation, routerAdapter }) {
   const { commandPaletteOpen, setCommandPaletteOpen } = ui.useLayoutStore();
-  const entitySearch = React40__namespace.default.useMemo(() => createGlobalEntitySearch(), []);
-  const commands = React40__namespace.default.useMemo(() => {
+  const entitySearch = React41__namespace.default.useMemo(() => createGlobalEntitySearch(), []);
+  const commands = React41__namespace.default.useMemo(() => {
     const items = [];
     for (const nav of navigation) {
       items.push({
@@ -12235,13 +12365,13 @@ function CommandPaletteWrapper({ navigation, routerAdapter }) {
     );
     return items;
   }, [navigation, routerAdapter]);
-  const handleEntitySelect = React40__namespace.default.useCallback((result) => {
+  const handleEntitySelect = React41__namespace.default.useCallback((result) => {
     const archetype = result.data?.archetype ? String(result.data.archetype) : void 0;
     const kind = result.data?.kind ? String(result.data.kind) : void 0;
     const href = resolveEntityHref2(result.id, archetype, kind);
     routerAdapter.navigate(href);
   }, [routerAdapter]);
-  return React40__namespace.default.createElement(CommandPalette, {
+  return React41__namespace.default.createElement(CommandPalette, {
     commands,
     open: commandPaletteOpen,
     onOpenChange: setCommandPaletteOpen,
@@ -12252,13 +12382,13 @@ function CommandPaletteWrapper({ navigation, routerAdapter }) {
 function renderLogo(name, logo) {
   if (logo && typeof logo !== "string") return logo;
   const initial = typeof logo === "string" ? logo : name.charAt(0).toUpperCase();
-  return React40__namespace.default.createElement(
+  return React41__namespace.default.createElement(
     "div",
     { className: "flex items-center gap-3" },
-    React40__namespace.default.createElement("div", {
+    React41__namespace.default.createElement("div", {
       className: "w-8 h-8 rounded-lg bg-primary flex items-center justify-center text-primary-foreground font-bold text-sm"
     }, initial),
-    React40__namespace.default.createElement("span", { className: "font-bold text-lg" }, name)
+    React41__namespace.default.createElement("span", { className: "font-bold text-lg" }, name)
   );
 }
 function resolveAuthAdapter2(config) {
@@ -12287,10 +12417,10 @@ function buildSettingsTabs2(config, pluginTabs, can, t) {
   const settingsTabs = [];
   if (config.organization) {
     settingsTabs.push(
-      { id: "team", label: t("settings.team"), icon: React40__namespace.default.createElement(LucideIcons4.Users, { className: "h-4 w-4" }), component: React40__namespace.default.createElement(TeamTab) },
-      { id: "permissions", label: t("settings.permissions"), icon: React40__namespace.default.createElement(LucideIcons4.ShieldCheck, { className: "h-4 w-4" }), component: React40__namespace.default.createElement(PermissionProfilesTab) },
-      { id: "locations", label: t("settings.locations"), icon: React40__namespace.default.createElement(LucideIcons4.MapPin, { className: "h-4 w-4" }), component: React40__namespace.default.createElement(LocationsCrudPage) },
-      { id: "field-rules", label: t("settings.fieldRules"), icon: React40__namespace.default.createElement(LucideIcons4.SlidersHorizontal, { className: "h-4 w-4" }), component: React40__namespace.default.createElement(ConnectedFieldRulesSettings) }
+      { id: "team", label: t("settings.team"), icon: React41__namespace.default.createElement(LucideIcons4.Users, { className: "h-4 w-4" }), component: React41__namespace.default.createElement(TeamTab) },
+      { id: "permissions", label: t("settings.permissions"), icon: React41__namespace.default.createElement(LucideIcons4.ShieldCheck, { className: "h-4 w-4" }), component: React41__namespace.default.createElement(PermissionProfilesTab) },
+      { id: "locations", label: t("settings.locations"), icon: React41__namespace.default.createElement(LucideIcons4.MapPin, { className: "h-4 w-4" }), component: React41__namespace.default.createElement(LocationsCrudPage) },
+      { id: "field-rules", label: t("settings.fieldRules"), icon: React41__namespace.default.createElement(LucideIcons4.SlidersHorizontal, { className: "h-4 w-4" }), component: React41__namespace.default.createElement(ConnectedFieldRulesSettings) }
     );
   }
   if (config.settingsTabs) {
@@ -12306,8 +12436,8 @@ function buildSettingsTabs2(config, pluginTabs, can, t) {
     settingsTabs.push({
       id: tab.id,
       label: pluginLabel === pluginLabelKey ? tab.label : pluginLabel,
-      icon: React40__namespace.default.createElement(IconComp, { className: "h-4 w-4" }),
-      component: React40__namespace.default.createElement(tab.component),
+      icon: React41__namespace.default.createElement(IconComp, { className: "h-4 w-4" }),
+      component: React41__namespace.default.createElement(tab.component),
       isPlugin: true
     });
   }
@@ -12326,7 +12456,7 @@ function createSaasApp(config) {
   const orgAdapter = resolveOrgAdapter2(config);
   const requireAuth = config.auth?.requireAuth ?? !!authAdapter;
   const LoginPageWrapper = () => {
-    return React40__namespace.default.createElement(LoginPage2, {
+    return React41__namespace.default.createElement(LoginPage2, {
       appName: config.name,
       logo: config.auth?.loginLogo ?? logoNode,
       layout: config.auth?.loginLayout ?? "split",
@@ -12349,7 +12479,7 @@ function createSaasApp(config) {
     const { tenantPlugins: hydratedTenantPlugins } = useTenantPlugins({ enabled: shouldHydrateTenantPlugins });
     const { t } = useTranslation();
     const user = authUser ? { fullName: authUser.fullName, email: authUser.email, avatarUrl: authUser.avatarUrl } : config.user;
-    React40__namespace.default.useEffect(() => {
+    React41__namespace.default.useEffect(() => {
       const pf = config.plugins?.flatMap((p) => p.declaredFeatures ?? []) ?? [];
       if (pf.length === 0) return;
       const store = chunk4XTQ4V5L_cjs.usePermissionsStore.getState();
@@ -12357,8 +12487,12 @@ function createSaasApp(config) {
       const toAdd = pf.filter((f) => !existing.has(f.id));
       if (toAdd.length > 0) store.setFeatures([...store.features, ...toAdd]);
     }, []);
+    const navLabelRef = React41__namespace.default.useRef(() => "");
+    React41__namespace.default.useEffect(() => {
+      core.recordNavigation(route, navLabelRef.current(route));
+    }, [route]);
     if (route === "/login") {
-      return React40__namespace.default.createElement(LoginPageWrapper);
+      return React41__namespace.default.createElement(LoginPageWrapper);
     }
     const tenantPluginBindings = config.pluginRuntime?.resolveTenantPlugins?.({
       tenant: currentOrg ? {
@@ -12413,6 +12547,14 @@ function createSaasApp(config) {
         fullBleed: pluginRoute.fullBleed
       });
     }
+    navLabelRef.current = (path) => {
+      const exact = navigation.find((n) => n.route === path)?.label;
+      if (exact) return exact;
+      for (const n of navigation) {
+        if (n.route !== "/" && path.startsWith(n.route + "/")) return n.label;
+      }
+      return "";
+    };
     let matchedPath = route;
     let routeEntry = routes.get(route);
     if (!routeEntry) {
@@ -12431,13 +12573,13 @@ function createSaasApp(config) {
         matchedPath
       }
     };
-    const NotFoundPage = () => React40__namespace.default.createElement(
+    const NotFoundPage = () => React41__namespace.default.createElement(
       "div",
       { className: "flex flex-col items-center justify-center py-24 text-center" },
-      React40__namespace.default.createElement("h1", { className: "text-6xl font-bold text-muted-foreground/20 mb-4" }, t("app.notFound.title")),
-      React40__namespace.default.createElement("h2", { className: "text-xl font-semibold mb-2" }, t("app.notFound.heading")),
-      React40__namespace.default.createElement("p", { className: "text-sm text-muted-foreground mb-6" }, t("app.notFound.message")),
-      React40__namespace.default.createElement("button", {
+      React41__namespace.default.createElement("h1", { className: "text-6xl font-bold text-muted-foreground/20 mb-4" }, t("app.notFound.title")),
+      React41__namespace.default.createElement("h2", { className: "text-xl font-semibold mb-2" }, t("app.notFound.heading")),
+      React41__namespace.default.createElement("p", { className: "text-sm text-muted-foreground mb-6" }, t("app.notFound.message")),
+      React41__namespace.default.createElement("button", {
         className: "rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors",
         onClick: () => routerAdapter.navigate("/")
       }, t("app.notFound.goToDashboard"))
@@ -12457,67 +12599,67 @@ function createSaasApp(config) {
         routerAdapter.navigate("/login");
       }
     };
-    const renderedPage = matchedPath === "/settings" && config.showSettings !== false ? React40__namespace.default.createElement(SettingsPage, {
+    const renderedPage = matchedPath === "/settings" && config.showSettings !== false ? React41__namespace.default.createElement(SettingsPage, {
       extraTabs: settingsTabs,
-      beforeContent: React40__namespace.default.createElement(WidgetSlot, {
+      beforeContent: React41__namespace.default.createElement(WidgetSlot, {
         zone: "settings.before",
         className: "space-y-4",
         contextOverrides: { matchedPath }
       }),
-      afterContent: React40__namespace.default.createElement(WidgetSlot, {
+      afterContent: React41__namespace.default.createElement(WidgetSlot, {
         zone: "settings.after",
         className: "space-y-4",
         contextOverrides: { matchedPath }
       })
-    }) : React40__namespace.default.createElement(PageComponent, routeEntry?.plugin ? {
+    }) : React41__namespace.default.createElement(PageComponent, routeEntry?.plugin ? {
       plugin: routeEntry.plugin,
       runtime: pluginRuntime.context,
       config: routeEntry.plugin.config
     } : void 0);
     const fullBleed = Boolean(routeEntry?.fullBleed);
-    const pageContent = fullBleed ? React40__namespace.default.createElement("div", { key: matchedPath, className: "h-full min-h-0 overflow-hidden" }, renderedPage) : React40__namespace.default.createElement(
+    const pageContent = fullBleed ? React41__namespace.default.createElement("div", { key: matchedPath, className: "h-full min-h-0 overflow-hidden" }, renderedPage) : React41__namespace.default.createElement(
       "div",
       { key: matchedPath, className: "saas-page-enter space-y-6 p-6" },
-      React40__namespace.default.createElement(WidgetSlot, {
+      React41__namespace.default.createElement(WidgetSlot, {
         zone: "page.before",
         className: "space-y-4",
         contextOverrides: { matchedPath }
       }),
       renderedPage,
-      React40__namespace.default.createElement(WidgetSlot, {
+      React41__namespace.default.createElement(WidgetSlot, {
         zone: "page.after",
         className: "space-y-4",
         contextOverrides: { matchedPath }
       })
     );
-    const pageElement = pagePermission ? React40__namespace.default.createElement(
+    const pageElement = pagePermission ? React41__namespace.default.createElement(
       PermissionGate,
       {
         feature: pagePermission.feature,
         action: pagePermission.action,
-        fallback: React40__namespace.default.createElement(
+        fallback: React41__namespace.default.createElement(
           "div",
           { className: "flex items-center justify-center py-24" },
-          React40__namespace.default.createElement(
+          React41__namespace.default.createElement(
             "div",
             { className: "text-center" },
-            React40__namespace.default.createElement("h2", { className: "text-xl font-semibold mb-2" }, t("app.accessDenied.heading")),
-            React40__namespace.default.createElement("p", { className: "text-muted-foreground" }, t("app.accessDenied.message"))
+            React41__namespace.default.createElement("h2", { className: "text-xl font-semibold mb-2" }, t("app.accessDenied.heading")),
+            React41__namespace.default.createElement("p", { className: "text-muted-foreground" }, t("app.accessDenied.message"))
           )
         ),
         children: pageContent
       }
     ) : pageContent;
-    const orgSwitcherElement = orgAdapter ? React40__namespace.default.createElement(OrgSwitcher) : void 0;
-    const content = React40__namespace.default.createElement(
+    const orgSwitcherElement = orgAdapter ? React41__namespace.default.createElement(OrgSwitcher) : void 0;
+    const content = React41__namespace.default.createElement(
       core.PluginRuntimeProvider,
       { value: pluginRuntime },
-      React40__namespace.default.createElement(
-        React40__namespace.default.Fragment,
+      React41__namespace.default.createElement(
+        React41__namespace.default.Fragment,
         null,
-        React40__namespace.default.createElement(MockModeBanner),
-        React40__namespace.default.createElement(ImpersonationBanner),
-        React40__namespace.default.createElement(
+        React41__namespace.default.createElement(MockModeBanner),
+        React41__namespace.default.createElement(ImpersonationBanner),
+        React41__namespace.default.createElement(
           ui.AppShell,
           {
             variant: layout,
@@ -12538,22 +12680,22 @@ function createSaasApp(config) {
             } : void 0,
             logo: logoNode,
             orgSwitcher: orgSwitcherElement,
-            topbarStart: React40__namespace.default.createElement(WidgetSlot, {
+            topbarStart: React41__namespace.default.createElement(WidgetSlot, {
               zone: "shell.topbar.start",
               className: "flex items-center gap-2",
               contextOverrides: { matchedPath }
             }),
-            topbarEnd: React40__namespace.default.createElement(WidgetSlot, {
+            topbarEnd: React41__namespace.default.createElement(WidgetSlot, {
               zone: "shell.topbar.end",
               className: "flex items-center gap-2",
               contextOverrides: { matchedPath }
             }),
-            sidebarTopContent: React40__namespace.default.createElement(WidgetSlot, {
+            sidebarTopContent: React41__namespace.default.createElement(WidgetSlot, {
               zone: "shell.sidebar.before-nav",
               className: "space-y-2",
               contextOverrides: { matchedPath }
             }),
-            sidebarFooterContent: React40__namespace.default.createElement(WidgetSlot, {
+            sidebarFooterContent: React41__namespace.default.createElement(WidgetSlot, {
               zone: "shell.sidebar.footer",
               className: "space-y-2",
               contextOverrides: { matchedPath }
@@ -12563,26 +12705,26 @@ function createSaasApp(config) {
           pageElement
         ),
         // Org initializer
-        orgAdapter ? React40__namespace.default.createElement(OrgInitializer, { verticalId: config.verticalId }) : null,
+        orgAdapter ? React41__namespace.default.createElement(OrgInitializer, { verticalId: config.verticalId }) : null,
         // Location switch overlay
-        React40__namespace.default.createElement(LocationSwitchOverlay),
+        React41__namespace.default.createElement(LocationSwitchOverlay),
         // Chat
-        config.chat?.enabled !== false && config.chat ? React40__namespace.default.createElement(
-          React40__namespace.default.Fragment,
+        config.chat?.enabled !== false && config.chat ? React41__namespace.default.createElement(
+          React41__namespace.default.Fragment,
           null,
-          React40__namespace.default.createElement(ChatFab, { apiEndpoint: config.chat.apiEndpoint, systemPrompt: config.chat.systemPrompt }),
-          React40__namespace.default.createElement(ChatPanel, { title: config.chat.title, apiEndpoint: config.chat.apiEndpoint, systemPrompt: config.chat.systemPrompt })
+          React41__namespace.default.createElement(ChatFab, { apiEndpoint: config.chat.apiEndpoint, systemPrompt: config.chat.systemPrompt }),
+          React41__namespace.default.createElement(ChatPanel, { title: config.chat.title, apiEndpoint: config.chat.apiEndpoint, systemPrompt: config.chat.systemPrompt })
         ) : null,
-        React40__namespace.default.createElement(WidgetSlot, {
+        React41__namespace.default.createElement(WidgetSlot, {
           zone: "shell.floating",
           contextOverrides: { matchedPath }
         }),
         // Command palette
-        React40__namespace.default.createElement(CommandPaletteWrapper, { navigation, routerAdapter })
+        React41__namespace.default.createElement(CommandPaletteWrapper, { navigation, routerAdapter })
       )
     );
     if (requireAuth && authAdapter) {
-      return React40__namespace.default.createElement(
+      return React41__namespace.default.createElement(
         ProtectedRoute,
         { onUnauthenticated: () => {
           routerAdapter.navigate("/login");
@@ -12598,7 +12740,7 @@ function createSaasApp(config) {
     const setPlans = chunkKYID2MR6_cjs.useBillingStore((s) => s.setPlans);
     const setFeatures = chunk4XTQ4V5L_cjs.usePermissionsStore((s) => s.setFeatures);
     const setMode = useThemeStore((s) => s.setMode);
-    React40__namespace.default.useEffect(() => {
+    React41__namespace.default.useEffect(() => {
       if (config.theme) {
         const isSaasTheme = "brand" in config.theme && ("radius" in config.theme || "sidebar" in config.theme || "font" in config.theme);
         const resolved = isSaasTheme ? resolveTheme(config.theme) : config.theme;
@@ -12609,34 +12751,34 @@ function createSaasApp(config) {
       }
       initialize();
     }, [initialize, setOverrides, setMode]);
-    React40__namespace.default.useEffect(() => {
+    React41__namespace.default.useEffect(() => {
       if (config.billing?.plans) {
         setPlans(config.billing.plans.map(normalizePlanConfig));
       }
     }, [setPlans]);
-    React40__namespace.default.useEffect(() => {
+    React41__namespace.default.useEffect(() => {
       if (config.permissions?.features) {
         setFeatures(config.permissions.features);
       }
     }, [setFeatures]);
-    React40__namespace.default.useEffect(() => {
+    React41__namespace.default.useEffect(() => {
       core.setCurrentLocale(config.locale?.default ?? "en");
       core.setDefaultCurrency(config.locale?.currency);
     }, []);
-    let inner = React40__namespace.default.createElement(
+    let inner = React41__namespace.default.createElement(
       RouterProvider,
       { value: routerAdapter },
-      React40__namespace.default.createElement(ui.ToastProvider, null),
-      React40__namespace.default.createElement(AppContent)
+      React41__namespace.default.createElement(ui.ToastProvider, null),
+      React41__namespace.default.createElement(AppContent)
     );
     if (orgAdapter) {
-      inner = React40__namespace.default.createElement(
+      inner = React41__namespace.default.createElement(
         OrgAdapterProvider,
         { value: orgAdapter, children: inner }
       );
     }
     if (authAdapter) {
-      inner = React40__namespace.default.createElement(
+      inner = React41__namespace.default.createElement(
         AuthAdapterProvider,
         { value: authAdapter, children: inner }
       );
@@ -12656,7 +12798,7 @@ function createSaasApp(config) {
       mergedTranslations[loc] = layer;
     }
     core.registerTranslations(mergedTranslations);
-    inner = React40__namespace.default.createElement(core.I18nProvider, {
+    inner = React41__namespace.default.createElement(core.I18nProvider, {
       value: {
         defaultLocale: config.locale?.default ?? "en",
         supported: supportedLocales,
@@ -12755,11 +12897,11 @@ function manifestToFayzConfig(manifest, surfaceName) {
 function AdminScaffold({ manifest, surface }) {
   const liveConfigRef = manifest.surfaces[surface]?.options?.[liveConfigOption];
   const liveConfig = typeof liveConfigRef === "string" ? liveSaasConfigs.get(liveConfigRef) : void 0;
-  const LegacyApp = React40__namespace.useMemo(() => {
+  const LegacyApp = React41__namespace.useMemo(() => {
     if (!liveConfig || !hasLegacyShellConfig(liveConfig)) return null;
     return createSaasApp(liveConfig);
   }, [liveConfig]);
-  const config = React40__namespace.useMemo(() => manifestToFayzConfig(manifest, surface), [manifest, surface]);
+  const config = React41__namespace.useMemo(() => manifestToFayzConfig(manifest, surface), [manifest, surface]);
   if (LegacyApp) return /* @__PURE__ */ jsxRuntime.jsx(LegacyApp, {});
   return /* @__PURE__ */ jsxRuntime.jsx(AdminProviders, { config, children: /* @__PURE__ */ jsxRuntime.jsx(
     AdminShell,
@@ -12795,7 +12937,7 @@ var STAGE_CONFIG = {
   completed: { icon: LucideIcons4.CircleCheckBig, color: "bg-success-soft text-success-soft-foreground", labelKey: "crud.orders.stage.completed" }
 };
 function useColumns(currency, t, onBookingClick, onInvoiceClick) {
-  return React40.useMemo(() => [
+  return React41.useMemo(() => [
     {
       accessorKey: "date",
       header: t("crud.orders.columnDate"),
@@ -12900,12 +13042,12 @@ function ClientOrdersTab({
   currency = { code: "BRL", locale: "pt-BR" }
 }) {
   const { t } = useTranslation();
-  const [docs, setDocs] = React40.useState([]);
-  const [total, setTotal] = React40.useState(0);
-  const [loading, setLoading] = React40.useState(true);
-  const [stageFilter, setStageFilter] = React40.useState();
+  const [docs, setDocs] = React41.useState([]);
+  const [total, setTotal] = React41.useState(0);
+  const [loading, setLoading] = React41.useState(true);
+  const [stageFilter, setStageFilter] = React41.useState();
   const clientId = item.id;
-  const fetchDocs = React40.useCallback(async () => {
+  const fetchDocs = React41.useCallback(async () => {
     setLoading(true);
     try {
       const result = await provider.getDocuments({
@@ -12921,11 +13063,11 @@ function ClientOrdersTab({
       setLoading(false);
     }
   }, [clientId, stageFilter, provider]);
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     fetchDocs();
   }, [fetchDocs]);
   const columns = useColumns(currency, t, onBookingClick, onInvoiceClick);
-  const tags = React40.useMemo(() => [
+  const tags = React41.useMemo(() => [
     { value: "booked", label: t("crud.orders.stage.booked") },
     { value: "invoiced", label: t("crud.orders.stage.invoiced") },
     { value: "paid", label: t("crud.orders.stage.paid") },
@@ -13094,19 +13236,19 @@ function createArchetypeLookup(config) {
 }
 function createPlaceholder(title, description) {
   return function PlaceholderPage() {
-    return React40__namespace.default.createElement(
+    return React41__namespace.default.createElement(
       "div",
       { className: "mx-auto max-w-4xl" },
-      React40__namespace.default.createElement("h1", { className: "text-3xl font-bold text-foreground" }, title),
-      description ? React40__namespace.default.createElement("p", { className: "mt-1 text-muted-foreground" }, description) : null,
-      React40__namespace.default.createElement(
+      React41__namespace.default.createElement("h1", { className: "text-3xl font-bold text-foreground" }, title),
+      description ? React41__namespace.default.createElement("p", { className: "mt-1 text-muted-foreground" }, description) : null,
+      React41__namespace.default.createElement(
         "div",
         { className: "mt-8 flex items-center justify-center rounded-card border border-dashed border-border bg-card p-16" },
-        React40__namespace.default.createElement(
+        React41__namespace.default.createElement(
           "div",
           { className: "text-center" },
-          React40__namespace.default.createElement("p", { className: "text-lg font-medium text-muted-foreground" }, "Coming Soon"),
-          React40__namespace.default.createElement(
+          React41__namespace.default.createElement("p", { className: "text-lg font-medium text-muted-foreground" }, "Coming Soon"),
+          React41__namespace.default.createElement(
             "p",
             { className: "mt-1 text-sm text-muted-foreground/70" },
             "This module is being built as a plugin."
@@ -13177,10 +13319,10 @@ function SettingsGroup({ title, description, children }) {
   ] });
 }
 function QuickActionsButton({ actions, className }) {
-  const [open, setOpen] = React40.useState(false);
-  const ref = React40.useRef(null);
+  const [open, setOpen] = React41.useState(false);
+  const ref = React41.useRef(null);
   const variant = ui.useModuleLayout() === "tabs" ? "default" : "outline";
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     function handler(e) {
       if (ref.current && !ref.current.contains(e.target)) setOpen(false);
     }
@@ -13253,9 +13395,9 @@ function ModuleActionBar({
   ] });
 }
 function createPluginContext(displayName) {
-  const ConfigContext = React40__namespace.default.createContext(null);
-  const ProviderContext = React40__namespace.default.createContext(null);
-  const StoreContext = React40__namespace.default.createContext(null);
+  const ConfigContext = React41__namespace.default.createContext(null);
+  const ProviderContext = React41__namespace.default.createContext(null);
+  const StoreContext = React41__namespace.default.createContext(null);
   const ContextProvider = ({
     config,
     provider,
@@ -13264,17 +13406,17 @@ function createPluginContext(displayName) {
   }) => /* @__PURE__ */ jsxRuntime.jsx(ConfigContext.Provider, { value: config, children: /* @__PURE__ */ jsxRuntime.jsx(ProviderContext.Provider, { value: provider, children: /* @__PURE__ */ jsxRuntime.jsx(StoreContext.Provider, { value: store, children }) }) });
   ContextProvider.displayName = `${displayName}ContextProvider`;
   function useConfig() {
-    const ctx = React40__namespace.default.useContext(ConfigContext);
+    const ctx = React41__namespace.default.useContext(ConfigContext);
     if (!ctx) throw new Error(`useConfig must be used within ${displayName}`);
     return ctx;
   }
   function useProvider() {
-    const ctx = React40__namespace.default.useContext(ProviderContext);
+    const ctx = React41__namespace.default.useContext(ProviderContext);
     if (!ctx) throw new Error(`useProvider must be used within ${displayName}`);
     return ctx;
   }
   function useStore(selector) {
-    const store = React40__namespace.default.useContext(StoreContext);
+    const store = React41__namespace.default.useContext(StoreContext);
     if (!store) throw new Error(`useStore must be used within ${displayName}`);
     return zustand.useStore(store, selector);
   }
@@ -13304,7 +13446,7 @@ function formatCurrency4(value, currency) {
   }).format(value);
 }
 function RegistryCrudView({ registry: registry2, basePath }) {
-  const useStore = React40.useMemo(() => {
+  const useStore = React41.useMemo(() => {
     const data = registry2.mockData ?? registry2.seedData ?? [];
     const provider = core.createMockProvider(registry2.entity, data);
     return createCrudStore(provider);
@@ -13331,8 +13473,8 @@ function PluginRegistryManager({ registries, routeBase, className }) {
     }
     return registries[0]?.id ?? "";
   };
-  const [activeTab, setActiveTab] = React40.useState(getTabFromHash);
-  React40__namespace.default.useEffect(() => {
+  const [activeTab, setActiveTab] = React41.useState(getTabFromHash);
+  React41__namespace.default.useEffect(() => {
     if (!routeBase) return;
     const handler = () => setActiveTab(getTabFromHash());
     window.addEventListener("hashchange", handler);
@@ -13401,10 +13543,20 @@ function useModuleNavigation(hashBase, depthMap, homeView = "summary") {
     }
     return homeView;
   }
-  const [view, setView] = React40.useState(getInitialView);
-  const [direction, setDirection] = React40.useState("forward");
-  const prevDepthRef = React40.useRef(getDepth(getInitialView()));
-  React40.useEffect(() => {
+  const [view, setView] = React41.useState(getInitialView);
+  const [direction, setDirection] = React41.useState("forward");
+  const prevDepthRef = React41.useRef(getDepth(getInitialView()));
+  const historyRef = React41.useRef([getInitialView()]);
+  const [previousView, setPreviousView] = React41.useState(null);
+  React41.useEffect(() => {
+    const stack = historyRef.current;
+    if (stack[stack.length - 1] !== view) {
+      stack.push(view);
+      if (stack.length > 30) stack.shift();
+    }
+    setPreviousView(stack.length >= 2 ? stack[stack.length - 2] : null);
+  }, [view]);
+  React41.useEffect(() => {
     function handler() {
       const hash = (window.location.hash.slice(1) || "/").split("?")[0];
       if (hash === hashBase || hash === hashBase + "/" || hash.startsWith(hashBase + "/")) {
@@ -13428,7 +13580,7 @@ function useModuleNavigation(hashBase, depthMap, homeView = "summary") {
     if (v.includes("edit")) return depths.edit ?? 2;
     return 0;
   }
-  const navigate = React40.useCallback((nextView, hash) => {
+  const navigate = React41.useCallback((nextView, hash) => {
     const nextDepth = getDepth(nextView);
     setDirection(nextDepth > prevDepthRef.current ? "forward" : "back");
     prevDepthRef.current = nextDepth;
@@ -13449,8 +13601,15 @@ function useModuleNavigation(hashBase, depthMap, homeView = "summary") {
       }
     }
   }, [hashBase]);
+  const back = React41.useCallback((fallbackView) => {
+    if (historyRef.current.length >= 2) {
+      window.history.back();
+    } else {
+      navigate(fallbackView ?? homeView);
+    }
+  }, [navigate, homeView]);
   const animationClass = direction === "forward" ? "saas-nav-forward" : "saas-nav-back";
-  return { view, direction, animationClass, navigate };
+  return { view, direction, animationClass, navigate, previousView, back };
 }
 var personLookup = createArchetypeLookup({ archetype: "person" });
 function formatAge(dob) {
@@ -13465,12 +13624,12 @@ function formatAge(dob) {
   }
 }
 function PersonLink2({ personId, name, profileHref, tab, size = "default", className }) {
-  const [person, setPerson] = React40.useState(null);
-  const [loading, setLoading] = React40.useState(false);
-  const [fetched, setFetched] = React40.useState(false);
-  const [open, setOpen] = React40.useState(false);
-  const hoverTimer = React40.useRef(null);
-  const fetchPerson = React40.useCallback(() => {
+  const [person, setPerson] = React41.useState(null);
+  const [loading, setLoading] = React41.useState(false);
+  const [fetched, setFetched] = React41.useState(false);
+  const [open, setOpen] = React41.useState(false);
+  const hoverTimer = React41.useRef(null);
+  const fetchPerson = React41.useCallback(() => {
     if (!fetched && personId) {
       setLoading(true);
       personLookup.getById(personId).then((result) => {
@@ -13483,7 +13642,7 @@ function PersonLink2({ personId, name, profileHref, tab, size = "default", class
       });
     }
   }, [personId, fetched]);
-  const handleOpenChange = React40.useCallback((v) => {
+  const handleOpenChange = React41.useCallback((v) => {
     setOpen(v);
     if (v) fetchPerson();
   }, [fetchPerson]);
@@ -13612,33 +13771,174 @@ function writeStore(pluginId, data) {
   }
 }
 function usePluginPrefs(pluginId, defaults) {
-  const [state, setState] = React40.useState(() => readStore(pluginId, defaults));
-  const get = React40.useCallback((key) => {
+  const [state, setState] = React41.useState(() => readStore(pluginId, defaults));
+  const get = React41.useCallback((key) => {
     return state[key];
   }, [state]);
-  const set = React40.useCallback((key, value) => {
+  const set = React41.useCallback((key, value) => {
     setState((prev) => {
       const next = { ...prev, [key]: value };
       writeStore(pluginId, next);
       return next;
     });
   }, [pluginId]);
-  const update = React40.useCallback((partial) => {
+  const update = React41.useCallback((partial) => {
     setState((prev) => {
       const next = { ...prev, ...partial };
       writeStore(pluginId, next);
       return next;
     });
   }, [pluginId]);
-  const getAll = React40.useCallback(() => state, [state]);
-  const reset = React40.useCallback(() => {
+  const getAll = React41.useCallback(() => state, [state]);
+  const reset = React41.useCallback(() => {
     setState({ ...defaults });
     writeStore(pluginId, defaults);
   }, [pluginId, defaults]);
-  return React40.useMemo(() => ({ get, set, update, getAll, reset }), [get, set, update, getAll, reset]);
+  return React41.useMemo(() => ({ get, set, update, getAll, reset }), [get, set, update, getAll, reset]);
+}
+function ConnectorCard({ connector }) {
+  const { t } = useTranslation();
+  const [status, setStatus] = React41.useState(null);
+  const [open, setOpen] = React41.useState(false);
+  const [values, setValues] = React41.useState({});
+  const [testing, setTesting] = React41.useState(false);
+  const [saving, setSaving] = React41.useState(false);
+  const [oauthing, setOauthing] = React41.useState(false);
+  const loadStatus = React41.useCallback(async () => {
+    try {
+      setStatus(await connector.getStatus());
+    } catch {
+      setStatus({ connected: false });
+    }
+  }, [connector]);
+  React41.useEffect(() => {
+    void loadStatus();
+  }, [loadStatus]);
+  const connected = !!status?.connected;
+  const Icon = connector.icon ? ui.ICON_MAP[connector.icon] ?? LucideIcons4.Plug : LucideIcons4.Plug;
+  async function handleTest() {
+    if (!connector.testConnection) return;
+    setTesting(true);
+    try {
+      const res = await connector.testConnection(values);
+      res.ok ? ui.toast.success(res.message ?? t("connectors.connected")) : ui.toast.error(res.message ?? t("common.error"));
+    } catch (e) {
+      ui.toast.error(e?.message ?? t("common.error"));
+    } finally {
+      setTesting(false);
+    }
+  }
+  async function handleSave() {
+    if (!connector.saveConnection) return;
+    setSaving(true);
+    try {
+      await connector.saveConnection(values);
+      ui.toast.success(t("connectors.save"));
+      await loadStatus();
+    } catch (e) {
+      ui.toast.error(e?.message ?? t("common.error"));
+    } finally {
+      setSaving(false);
+    }
+  }
+  async function handleConnectOAuth() {
+    if (!connector.startOAuth) return;
+    setOauthing(true);
+    try {
+      window.location.href = await connector.startOAuth(window.location.href);
+    } catch (e) {
+      ui.toast.error(e?.message ?? t("common.error"));
+      setOauthing(false);
+    }
+  }
+  async function handleDisconnect() {
+    if (!connector.disconnect) return;
+    try {
+      await connector.disconnect();
+      ui.toast.success(t("connectors.disconnect"));
+      await loadStatus();
+    } catch (e) {
+      ui.toast.error(e?.message ?? t("common.error"));
+    }
+  }
+  const ExtraPanel = connector.ExtraPanel;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border bg-card shadow-sm overflow-hidden", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        onClick: () => setOpen((o) => !o),
+        className: "w-full flex items-center gap-3 px-4 py-3 text-left hover:bg-muted/30 transition-colors",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-9 w-9 items-center justify-center rounded-lg bg-muted shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-4 w-4 text-muted-foreground" }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold truncate", children: connector.name }),
+            connector.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[11px] text-muted-foreground truncate", children: connector.description })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: `inline-flex items-center gap-1 text-[11px] shrink-0 ${connected ? "text-success" : "text-muted-foreground"}`, children: connected ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(LucideIcons4.CheckCircle2, { className: "h-3.5 w-3.5" }),
+            " ",
+            t("connectors.connected")
+          ] }) : t("connectors.notConnected") }),
+          /* @__PURE__ */ jsxRuntime.jsx(LucideIcons4.ChevronDown, { className: `h-4 w-4 text-muted-foreground shrink-0 transition-transform ${open ? "rotate-180" : ""}` })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-t px-4 py-4 space-y-4", children: [
+      connector.authKind === "oauth" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { onClick: handleConnectOAuth, disabled: oauthing, children: [
+          oauthing ? /* @__PURE__ */ jsxRuntime.jsx(LucideIcons4.Loader2, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(LucideIcons4.Plug, { className: "h-4 w-4" }),
+          connected ? t("connectors.connected") : `${t("connectors.connect")} ${connector.name}`
+        ] }),
+        connected && connector.disconnect && /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "outline", size: "sm", onClick: handleDisconnect, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(LucideIcons4.Power, { className: "h-3.5 w-3.5" }),
+          " ",
+          t("connectors.disconnect")
+        ] })
+      ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-3 sm:grid-cols-2", children: (connector.fields ?? []).map((f) => /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "block", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-muted-foreground", children: f.label }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: f.type,
+              value: values[f.key] ?? "",
+              onChange: (e) => setValues((v) => ({ ...v, [f.key]: e.target.value })),
+              placeholder: f.placeholder,
+              className: "w-full mt-1 rounded-input border border-input bg-card px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-ring"
+            }
+          )
+        ] }, f.key)) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+          connector.testConnection && /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "outline", size: "sm", onClick: handleTest, disabled: testing, children: [
+            testing ? /* @__PURE__ */ jsxRuntime.jsx(LucideIcons4.Loader2, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(LucideIcons4.Plug, { className: "h-3.5 w-3.5" }),
+            " ",
+            t("connectors.test")
+          ] }),
+          connector.saveConnection && /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { size: "sm", onClick: handleSave, disabled: saving, children: [
+            saving ? /* @__PURE__ */ jsxRuntime.jsx(LucideIcons4.Loader2, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(LucideIcons4.CheckCircle2, { className: "h-3.5 w-3.5" }),
+            " ",
+            t("connectors.save")
+          ] }),
+          connected && connector.disconnect && /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "outline", size: "sm", onClick: handleDisconnect, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(LucideIcons4.Power, { className: "h-3.5 w-3.5" }),
+            " ",
+            t("connectors.disconnect")
+          ] })
+        ] })
+      ] }),
+      ExtraPanel && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-1", children: /* @__PURE__ */ jsxRuntime.jsx(ExtraPanel, {}) })
+    ] })
+  ] });
+}
+function ConnectorsHub({ connectors }) {
+  const { t } = useTranslation();
+  if (!connectors || connectors.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground py-8 text-center", children: t("connectors.empty") });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3 max-w-3xl", children: connectors.map((c) => /* @__PURE__ */ jsxRuntime.jsx(ConnectorCard, { connector: c }, c.id)) });
 }
 function RegistryCrudView2({ registry: registry2, basePath }) {
-  const useStore = React40.useMemo(() => {
+  const useStore = React41.useMemo(() => {
     const mockData = registry2.mockData ?? registry2.seedData ?? [];
     const provider = core.resolveDataProvider(registry2.entity, mockData);
     return createCrudStore(provider);
@@ -13654,30 +13954,82 @@ function RegistryCrudView2({ registry: registry2, basePath }) {
     }
   );
 }
-function PluginSettingsPanel({ title, subtitle, generalSettings, registries, customTabs, routeBase, onClose }) {
+function PropertiesTab({ registries, routeBase, regLabel }) {
+  function getActive() {
+    const hash = window.location.hash.slice(1);
+    const nested = `${routeBase}/_properties/`;
+    if (hash.startsWith(nested)) {
+      const id = hash.slice(nested.length).split("/")[0];
+      if (registries.find((r) => r.id === id)) return id;
+    }
+    const flat = `${routeBase}/`;
+    if (hash.startsWith(flat)) {
+      const id = hash.slice(flat.length).split("/")[0];
+      if (registries.find((r) => r.id === id)) return id;
+    }
+    return registries[0]?.id ?? "";
+  }
+  const [active, setActive] = React41.useState(getActive);
+  React41__namespace.default.useEffect(() => {
+    const handler = () => setActive(getActive());
+    window.addEventListener("hashchange", handler);
+    return () => window.removeEventListener("hashchange", handler);
+  }, [routeBase, registries]);
+  function select(id) {
+    setActive(id);
+    window.location.hash = `${routeBase}/_properties/${id}`;
+  }
+  const activeReg = registries.find((r) => r.id === active) ?? registries[0];
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-1.5 flex-wrap", children: registries.map((r) => {
+      const Icon = r.icon ? ui.ICON_MAP[r.icon] ?? null : null;
+      const on = r.id === activeReg?.id;
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          onClick: () => select(r.id),
+          className: ui.cn(
+            "inline-flex items-center gap-1.5 rounded-full px-3 py-1.5 text-xs font-medium transition-colors",
+            on ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:bg-muted/70"
+          ),
+          children: [
+            Icon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-3.5 w-3.5" }),
+            regLabel(r.id, r.entity.name)
+          ]
+        },
+        r.id
+      );
+    }) }),
+    activeReg?.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: regLabel(activeReg.id + ".description", activeReg.description) }),
+    activeReg && /* @__PURE__ */ jsxRuntime.jsx(RegistryCrudView2, { registry: activeReg, basePath: `${routeBase}/_properties/${activeReg.id}` }, activeReg.id)
+  ] });
+}
+function PluginSettingsPanel({ title, subtitle, generalSettings, registries, customTabs, routeBase, hostPluginId, onClose }) {
   const { t } = useTranslation();
+  const connectors = core.useConnectorsForPlugin(hostPluginId ?? "");
   const regLabel = (id, fallback) => {
     const key = `registry.${id}`;
     const translated = t(key);
     return translated === key ? fallback : translated;
   };
-  const tabs = React40.useMemo(() => {
+  const tabs = React41.useMemo(() => {
     const list = [];
     if (generalSettings) {
-      list.push({ id: "_general", label: t("settings.general"), icon: "Settings", type: "general" });
+      list.push({ id: "_general", label: t("settings.general"), IconComp: LucideIcons4.Settings, type: "general" });
     }
     if (customTabs) {
       for (const tab of customTabs) {
         list.push({ id: `_custom_${tab.id}`, label: tab.label, icon: tab.icon, type: "custom" });
       }
     }
-    if (registries) {
-      for (const reg of registries) {
-        list.push({ id: reg.id, label: regLabel(reg.id, reg.entity.name), icon: reg.icon, type: "registry", registryDef: reg });
-      }
+    if (connectors.length > 0) {
+      list.push({ id: "_integrations", label: t("connectors.title"), IconComp: LucideIcons4.Plug, type: "integrations" });
+    }
+    if (registries && registries.length > 0) {
+      list.push({ id: "_properties", label: t("settings.properties"), IconComp: LucideIcons4.TableProperties, type: "properties" });
     }
     return list;
-  }, [generalSettings, customTabs, registries, t]);
+  }, [generalSettings, customTabs, connectors.length, registries, t]);
   const useHashRouting = true;
   function getActiveFromHash() {
     const hash = window.location.hash.slice(1) || "/";
@@ -13685,11 +14037,12 @@ function PluginSettingsPanel({ title, subtitle, generalSettings, registries, cus
       const rest = hash.slice(routeBase.length + 1).split("/")[0];
       const match = tabs.find((t2) => t2.id === rest);
       if (match) return match.id;
+      if (registries?.some((r) => r.id === rest) && tabs.some((t2) => t2.id === "_properties")) return "_properties";
     }
     return tabs[0]?.id ?? "";
   }
-  const [activeTab, setActiveTab] = React40.useState(getActiveFromHash);
-  React40__namespace.default.useEffect(() => {
+  const [activeTab, setActiveTab] = React41.useState(getActiveFromHash);
+  React41__namespace.default.useEffect(() => {
     const handler = () => setActiveTab(getActiveFromHash());
     window.addEventListener("hashchange", handler);
     return () => window.removeEventListener("hashchange", handler);
@@ -13711,7 +14064,7 @@ function PluginSettingsPanel({ title, subtitle, generalSettings, registries, cus
       ] })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-0.5 overflow-x-auto border-b scrollbar-none", style: { scrollbarWidth: "none" }, children: tabs.map((tab) => {
-      const Icon = tab.icon ? ui.ICON_MAP[tab.icon] ?? null : null;
+      const Icon = tab.IconComp ?? (tab.icon ? ui.ICON_MAP[tab.icon] ?? null : null);
       const active = tab.id === activeTab;
       return /* @__PURE__ */ jsxRuntime.jsxs(
         "button",
@@ -13729,17 +14082,10 @@ function PluginSettingsPanel({ title, subtitle, generalSettings, registries, cus
         tab.id
       );
     }) }),
-    activeTabDef?.type === "registry" && activeTabDef.registryDef?.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: regLabel(activeTabDef.id + ".description", activeTabDef.registryDef.description) }),
     activeTabDef?.type === "general" && generalSettings && /* @__PURE__ */ jsxRuntime.jsx("div", { children: generalSettings }),
     activeTabDef?.type === "custom" && customTabContent && /* @__PURE__ */ jsxRuntime.jsx("div", { children: customTabContent.content }),
-    activeTabDef?.type === "registry" && activeTabDef.registryDef && /* @__PURE__ */ jsxRuntime.jsx(
-      RegistryCrudView2,
-      {
-        registry: activeTabDef.registryDef,
-        basePath: `${routeBase}/${activeTabDef.id}`
-      },
-      activeTabDef.id
-    )
+    activeTabDef?.type === "integrations" && /* @__PURE__ */ jsxRuntime.jsx(ConnectorsHub, { connectors }),
+    activeTabDef?.type === "properties" && registries && registries.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(PropertiesTab, { registries, routeBase, regLabel })
   ] });
 }
 
@@ -13835,6 +14181,7 @@ exports.AdminProviders = AdminProviders;
 exports.AdminScaffold = AdminScaffold;
 exports.AdminShell = AdminShell;
 exports.ClientOrdersTab = ClientOrdersTab;
+exports.ConnectorsHub = ConnectorsHub;
 exports.CrudCardGrid = CrudCardGrid;
 exports.CrudDetailPage = CrudDetailPage;
 exports.CrudFormPage = CrudFormPage;