@fayz-ai/saas 0.1.7 → 0.3.0

package/dist/index.js

@@ -4,19 +4,21 @@ import { PermissionsProvider, usePermissionsStore, usePermissionOptional } from
 export { PermissionsProvider, useHasPermission, usePermission, usePermissions, usePermissionsStore } from './chunk-XNWCGJYH.js';
 import { useBillingStore } from './chunk-5GYQK5IW.js';
 export { useBillingStore } from './chunk-5GYQK5IW.js';
-import * as React40 from 'react';
-import React40__default, { createContext, useMemo, useState, useRef, useCallback, useEffect, useContext, useSyncExternalStore } from 'react';
-import { hashRouterAdapter, registerScaffold, registerEntity, deriveEntityKey, resolveDataProvider, setCurrentLocale, resolvePluginRuntime, PluginRuntimeProvider, I18nProvider, useTranslation as useTranslation$1, getSupabaseClientOptional as getSupabaseClientOptional$1, setDefaultCurrency, registerTranslations, getComponent, getPluginFactory, mergeTranslations, coreTranslations, usePluginRuntime, resolvePluginComponent, exportCSV, usePluginRuntimeOptional, getCurrentLocale, getWidgetsForZone, formatDateTime as formatDateTime$1, formatDate as formatDate$1, formatCurrency as formatCurrency$1, defineApp, createMockProvider } from '@fayz-ai/core';
+import * as React41 from 'react';
+import React41__default, { createContext, useMemo, useState, useRef, useCallback, useEffect, useContext, useSyncExternalStore } from 'react';
+import { hashRouterAdapter, registerScaffold, registerEntity, deriveEntityKey, resolveDataProvider, setCurrentLocale, resolvePluginRuntime, PluginRuntimeProvider, I18nProvider, useTranslation as useTranslation$1, getSupabaseClientOptional as getSupabaseClientOptional$1, setDefaultCurrency, registerTranslations, getComponent, getPluginFactory, mergeTranslations, coreTranslations, usePluginRuntime, resolvePluginComponent, exportCSV, recordNavigation, usePluginRuntimeOptional, getCurrentLocale, getWidgetsForZone, formatDateTime as formatDateTime$1, formatDate as formatDate$1, formatCurrency as formatCurrency$1, getActiveTenantId, defineApp, useConnectorsForPlugin, createMockProvider } from '@fayz-ai/core';
+export { getActiveTenantId, getSupabaseClientOptional, renderApp, setCurrentLocale } from '@fayz-ai/core';
 import { AuthProvider, useAuth, createSupabaseAuthAdapter, createMockAuthAdapter } from '@fayz-ai/auth';
 import { ToastProvider, NavTransitionProvider, toast, Card, Button, cn, Input, ModuleLayoutProvider, AppShell, PageTransition, Dropdown, DropdownTrigger, DropdownContent, DropdownItem, DataTable, Modal, ModalContent, ModalHeader, ModalTitle, ModalDescription, ModalFooter, ModalBody, createFayzTheme, Avatar, AvatarImage, AvatarFallback, DropdownLabel, DropdownSeparator, Badge, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, useLayoutStore, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Checkbox, useSaveBar, useBackHandler, Breadcrumb, Separator, Tabs, TabsList, TabsTrigger, TabsContent, ListView, useModuleLayout, ICON_MAP as ICON_MAP$1, Popover, PopoverTrigger, PopoverContent, CurrencyInput, Skeleton, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, DatePicker, TimePicker } from '@fayz-ai/ui';
 export { createFayzTheme, fayzThemePresets } from '@fayz-ai/ui';
 import * as LucideIcons4 from 'lucide-react';
-import { X, MessageCircle, Settings2, ArrowUp, MoreVertical, Upload, Download, Building2, User, Shield, Palette, ArrowLeft, Pencil, BookOpen, Sparkles, Users, ShieldCheck, MapPin, SlidersHorizontal, Puzzle, Trash2, Check, FileSpreadsheet, ArrowRight, AlertCircle, ChevronDown, Loader2, Calendar, ChevronRight, Plus, WifiOff, Eye, RefreshCw, UserPlus, MoreHorizontal, Mail, Clock, Save, Camera, KeyRound, Search, Box, List, Filter, Contact, Handshake, UtensilsCrossed, Tag, Percent, Globe, UserCog, Briefcase, ClipboardList, Wrench, Target, ShoppingCart, Megaphone, DollarSign, FileText, BarChart3, Package, Bell, CreditCard, Settings, Home, ChevronsUpDown, RotateCcw, Edit, ShoppingBag, CalendarDays, ExternalLink, Phone, Cake, ChevronLeft, CircleCheckBig, UserX, Ban, CircleAlert, CircleEllipsis, CircleDashed, ImagePlus, Truck, CalendarOff, CalendarPlus, Copy } from 'lucide-react';
+import { X, MessageCircle, Settings2, ArrowUp, MoreVertical, Upload, Download, Building2, User, Shield, Palette, ArrowLeft, Pencil, BookOpen, Sparkles, Users, ShieldCheck, MapPin, SlidersHorizontal, Puzzle, Trash2, Check, FileSpreadsheet, ArrowRight, AlertCircle, ChevronDown, Loader2, Calendar, ChevronRight, Plus, WifiOff, Eye, RefreshCw, UserPlus, MoreHorizontal, Mail, Clock, Save, Camera, KeyRound, Search, Box, List, Filter, Contact, Handshake, UtensilsCrossed, Tag, Percent, Globe, UserCog, Briefcase, ClipboardList, Wrench, Target, ShoppingCart, Megaphone, DollarSign, FileText, BarChart3, Package, Bell, CreditCard, Settings, Home, ChevronsUpDown, RotateCcw, Edit, ShoppingBag, CalendarDays, ExternalLink, Phone, Cake, Plug, TableProperties, ChevronLeft, CircleCheckBig, UserX, Ban, CircleAlert, CircleEllipsis, CircleDashed, CheckCircle2, Power, ImagePlus, Truck, CalendarOff, CalendarPlus, Copy } from 'lucide-react';
 import { create, useStore } from 'zustand';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { createPortal } from 'react-dom';
 import { Command } from 'cmdk';
 import * as Dialog from '@radix-ui/react-dialog';
+export { fayz } from '@fayz-ai/sdk';
 
 var useChatStore = create((set) => ({
   messages: [],
@@ -131,7 +133,7 @@ function detectActivePluginId(runtime) {
 }
 function useAITools() {
   const runtime = usePluginRuntimeOptional();
-  return React40.useMemo(() => {
+  return React41.useMemo(() => {
     const hasPermission = runtime?.context.hasPermission;
     const verticalId = runtime?.context.tenant?.verticalId;
     const activePluginId = detectActivePluginId(runtime);
@@ -264,9 +266,9 @@ function useTranslation() {
   return { t, locale: getCurrentLocale() };
 }
 function TypewriterText({ text, speed = 28, onDone }) {
-  const [displayed, setDisplayed] = React40.useState("");
-  const indexRef = React40.useRef(0);
-  React40.useEffect(() => {
+  const [displayed, setDisplayed] = React41.useState("");
+  const indexRef = React41.useRef(0);
+  React41.useEffect(() => {
     setDisplayed("");
     indexRef.current = 0;
     const interval = setInterval(() => {
@@ -311,11 +313,11 @@ function ChatFab({ className, apiEndpoint, systemPrompt }) {
   const { contextualSuggestions } = useAITools();
   const { sendMessage } = useChat({ apiEndpoint, systemPrompt });
   const { t } = useTranslation();
-  const [phase, setPhase] = React40.useState("idle");
-  const [activeSuggestion, setActiveSuggestion] = React40.useState(null);
-  const timersRef = React40.useRef([]);
-  const prevSuggestionRef = React40.useRef(null);
-  React40.useEffect(ensureStyles, []);
+  const [phase, setPhase] = React41.useState("idle");
+  const [activeSuggestion, setActiveSuggestion] = React41.useState(null);
+  const timersRef = React41.useRef([]);
+  const prevSuggestionRef = React41.useRef(null);
+  React41.useEffect(ensureStyles, []);
   const clearTimers = () => {
     timersRef.current.forEach(clearTimeout);
     timersRef.current = [];
@@ -325,7 +327,7 @@ function ChatFab({ className, apiEndpoint, systemPrompt }) {
   };
   const topSuggestion = contextualSuggestions[0] ?? null;
   const topLabel = topSuggestion?.label ?? null;
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     if (isOpen || !topSuggestion || !topLabel) {
       if (phase !== "idle") {
         clearTimers();
@@ -355,7 +357,7 @@ function ChatFab({ className, apiEndpoint, systemPrompt }) {
     }, 9e3);
     return clearTimers;
   }, [topLabel, isOpen]);
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     if (isOpen && phase !== "idle") {
       clearTimers();
       setPhase("idle");
@@ -498,16 +500,16 @@ function ChatPanel({
   const { sendMessage } = useChat({ apiEndpoint, systemPrompt });
   const { t } = useTranslation();
   const { suggestions, toolGroups } = useAITools();
-  const [input, setInput] = React40.useState("");
-  const [showTools, setShowTools] = React40.useState(false);
-  const scrollRef = React40.useRef(null);
-  const inputRef = React40.useRef(null);
+  const [input, setInput] = React41.useState("");
+  const [showTools, setShowTools] = React41.useState(false);
+  const scrollRef = React41.useRef(null);
+  const inputRef = React41.useRef(null);
   const hasMessages = messages.length > 0;
   const totalTools = toolGroups.reduce((sum, g) => sum + g.tools.length, 0);
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     scrollRef.current?.scrollTo({ top: scrollRef.current.scrollHeight, behavior: "smooth" });
   }, [messages]);
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     if (isOpen) {
       const timer = setTimeout(() => inputRef.current?.focus(), 100);
       return () => clearTimeout(timer);
@@ -1064,8 +1066,8 @@ function navigateTo(to) {
   adapter.navigate(normalizeAdminPath(to));
 }
 function useAdminPath() {
-  const [path, setPath] = React40.useState(() => normalizeAdminPath(adapter.getCurrentPath() || "/"));
-  React40.useEffect(() => {
+  const [path, setPath] = React41.useState(() => normalizeAdminPath(adapter.getCurrentPath() || "/"));
+  React41.useEffect(() => {
     return adapter.onPathChange((p) => {
       setPath(normalizeAdminPath(p || "/"));
       if (typeof window !== "undefined") window.scrollTo(0, 0);
@@ -1120,12 +1122,12 @@ function LoginPage({
     return !v || v === key || v.includes("{{") ? fallback : v;
   };
   const { signIn, signUp, signInWithOAuth, resetPassword, isLoading, error } = useAuth();
-  const [view, setView] = React40.useState("login");
-  const [email, setEmail] = React40.useState("");
-  const [password, setPassword] = React40.useState("");
-  const [fullName, setFullName] = React40.useState("");
-  const [notice, setNotice] = React40.useState(null);
-  const [submitting, setSubmitting] = React40.useState(false);
+  const [view, setView] = React41.useState("login");
+  const [email, setEmail] = React41.useState("");
+  const [password, setPassword] = React41.useState("");
+  const [fullName, setFullName] = React41.useState("");
+  const [notice, setNotice] = React41.useState(null);
+  const [submitting, setSubmitting] = React41.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");
@@ -1366,11 +1368,11 @@ var CURRENCIES = [
 function CompanySettings({ tenant, onSave }) {
   const { t } = useTranslation();
   const { locale: uiLocale, setLocale: setUiLocale } = useLocaleStore();
-  const [name, setName] = React40.useState(tenant?.name ?? "");
-  const [timezone, setTimezone] = React40.useState(tenant?.settings?.timezone ?? "UTC");
-  const [currency, setCurrency] = React40.useState(tenant?.settings?.currency ?? "USD");
-  const [saving, setSaving] = React40.useState(false);
-  React40.useEffect(() => {
+  const [name, setName] = React41.useState(tenant?.name ?? "");
+  const [timezone, setTimezone] = React41.useState(tenant?.settings?.timezone ?? "UTC");
+  const [currency, setCurrency] = React41.useState(tenant?.settings?.currency ?? "USD");
+  const [saving, setSaving] = React41.useState(false);
+  React41.useEffect(() => {
     if (tenant) {
       setName(tenant.name);
       setTimezone(tenant.settings?.timezone ?? "UTC");
@@ -1520,10 +1522,10 @@ function getInitials(name) {
 }
 function UserProfile({ user, onSave, onAvatarChange }) {
   const { t } = useTranslation();
-  const [fullName, setFullName] = React40.useState(user?.fullName ?? "");
-  const [saving, setSaving] = React40.useState(false);
-  const fileInputRef = React40.useRef(null);
-  React40.useEffect(() => {
+  const [fullName, setFullName] = React41.useState(user?.fullName ?? "");
+  const [saving, setSaving] = React41.useState(false);
+  const fileInputRef = React41.useRef(null);
+  React41.useEffect(() => {
     if (user) {
       setFullName(user.fullName);
     }
@@ -1732,9 +1734,9 @@ function SecuritySettings({
   onTenantSecurityChange
 }) {
   const { t } = useTranslation();
-  const [resetting, setResetting] = React40.useState(false);
-  const [resetSent, setResetSent] = React40.useState(false);
-  const [savingTenant, setSavingTenant] = React40.useState(false);
+  const [resetting, setResetting] = React41.useState(false);
+  const [resetSent, setResetSent] = React41.useState(false);
+  const [savingTenant, setSavingTenant] = React41.useState(false);
   const handleResetPassword = async () => {
     if (!onResetPassword) return;
     setResetting(true);
@@ -1894,8 +1896,8 @@ function FileUploadField({
   hint
 }) {
   const { t } = useTranslation();
-  const inputRef = React40.useRef(null);
-  const [preview, setPreview] = React40.useState(null);
+  const inputRef = React41.useRef(null);
+  const [preview, setPreview] = React41.useState(null);
   const handleChange = (e) => {
     const file = e.target.files?.[0];
     if (file) {
@@ -1962,14 +1964,14 @@ function FileUploadField({
 }
 function BrandingSettings({ branding, onSave }) {
   const { t } = useTranslation();
-  const [primaryColor, setPrimaryColor] = React40.useState(branding?.primaryColor ?? "#000000");
-  const [accentColor, setAccentColor] = React40.useState(branding?.accentColor ?? "#6366f1");
-  const [logoFile, setLogoFile] = React40.useState(null);
-  const [faviconFile, setFaviconFile] = React40.useState(null);
-  const [logoUrl, setLogoUrl] = React40.useState(branding?.logoUrl ?? "");
-  const [faviconUrl, setFaviconUrl] = React40.useState(branding?.faviconUrl ?? "");
-  const [saving, setSaving] = React40.useState(false);
-  React40.useEffect(() => {
+  const [primaryColor, setPrimaryColor] = React41.useState(branding?.primaryColor ?? "#000000");
+  const [accentColor, setAccentColor] = React41.useState(branding?.accentColor ?? "#6366f1");
+  const [logoFile, setLogoFile] = React41.useState(null);
+  const [faviconFile, setFaviconFile] = React41.useState(null);
+  const [logoUrl, setLogoUrl] = React41.useState(branding?.logoUrl ?? "");
+  const [faviconUrl, setFaviconUrl] = React41.useState(branding?.faviconUrl ?? "");
+  const [saving, setSaving] = React41.useState(false);
+  React41.useEffect(() => {
     if (branding) {
       setPrimaryColor(branding.primaryColor ?? "#000000");
       setAccentColor(branding.accentColor ?? "#6366f1");
@@ -2172,7 +2174,7 @@ function SettingsPage({
   afterContent
 }) {
   const { t } = useTranslation();
-  const defaultTabs = React40.useMemo(() => [
+  const defaultTabs = React41.useMemo(() => [
     { id: "general", label: t("settings.general"), icon: /* @__PURE__ */ jsx(Building2, { className: "h-4 w-4" }), component: /* @__PURE__ */ jsx(ConnectedCompanySettings, {}) },
     { id: "profile", label: t("settings.profile"), icon: /* @__PURE__ */ jsx(User, { className: "h-4 w-4" }), component: /* @__PURE__ */ jsx(ConnectedUserProfile, {}) },
     { id: "security", label: t("settings.security"), icon: /* @__PURE__ */ jsx(Shield, { className: "h-4 w-4" }), component: /* @__PURE__ */ jsx(ConnectedSecuritySettings, {}) },
@@ -2188,10 +2190,10 @@ function SettingsPage({
     }
     return null;
   }
-  const [activeTab, setActiveTab] = React40.useState(() => {
+  const [activeTab, setActiveTab] = React41.useState(() => {
     return getTabFromHash() ?? defaultTab ?? null;
   });
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     const handler = () => {
       const tab = getTabFromHash();
       if (tab) setActiveTab(tab);
@@ -2211,7 +2213,7 @@ function SettingsPage({
     setActiveTab(null);
     window.location.hash = "/settings";
   };
-  const renderNav = (activeId) => /* @__PURE__ */ jsx("ul", { className: "space-y-0.5", children: resolvedTabs.map((tab, i) => /* @__PURE__ */ jsxs(React40.Fragment, { children: [
+  const renderNav = (activeId) => /* @__PURE__ */ jsx("ul", { className: "space-y-0.5", children: resolvedTabs.map((tab, i) => /* @__PURE__ */ jsxs(React41.Fragment, { children: [
     tab.isPlugin && (i === 0 || !resolvedTabs[i - 1]?.isPlugin) && /* @__PURE__ */ jsxs("li", { className: "py-2", children: [
       /* @__PURE__ */ jsx("div", { className: "border-t" }),
       /* @__PURE__ */ jsx("p", { className: "px-3 pt-2 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground", children: t("common.plugins") })
@@ -2271,10 +2273,10 @@ function InviteMemberDialog({ open, onOpenChange, defaultEmail }) {
   const profiles = usePermissionsStore((s) => s.profiles);
   const setInvites = useInviteStore((s) => s.setInvites);
   const user = useAuthStore((s) => s.user);
-  const [emails, setEmails] = React40.useState([defaultEmail ?? ""]);
-  const [profileId, setProfileId] = React40.useState(profiles[1]?.id ?? profiles[0]?.id ?? "");
-  const [sending, setSending] = React40.useState(false);
-  const [sent, setSent] = React40.useState(false);
+  const [emails, setEmails] = React41.useState([defaultEmail ?? ""]);
+  const [profileId, setProfileId] = React41.useState(profiles[1]?.id ?? profiles[0]?.id ?? "");
+  const [sending, setSending] = React41.useState(false);
+  const [sent, setSent] = React41.useState(false);
   const addEmail = () => setEmails((prev) => [...prev, ""]);
   const updateEmail = (idx, value) => {
     setEmails((prev) => {
@@ -2472,8 +2474,8 @@ function TeamTab() {
   const setInvites = useInviteStore((s) => s.setInvites);
   const user = useAuthStore((s) => s.user);
   const { hasSystemPermission } = usePermission2();
-  const [inviteOpen, setInviteOpen] = React40.useState(false);
-  React40.useEffect(() => {
+  const [inviteOpen, setInviteOpen] = React41.useState(false);
+  React41.useEffect(() => {
     if (adapter2 && currentOrg) {
       dedup("team:invites:" + currentOrg.id, () => adapter2.listInvites(currentOrg.id)).then(setInvites).catch(() => {
       });
@@ -2620,12 +2622,12 @@ var SYSTEM_PERMISSIONS = [
 ];
 function PermissionMatrixEditor({ features, profile, onSave, onCancel, saving }) {
   const { t } = useTranslation();
-  const [name, setName] = React40.useState(profile?.name ?? "");
-  const [description, setDescription] = React40.useState(profile?.description ?? "");
-  const [systemPerms, setSystemPerms] = React40.useState(profile?.systemPermissions ?? []);
-  const [grants, setGrants] = React40.useState(profile?.grants ?? {});
-  const [collapsed, setCollapsed] = React40.useState(/* @__PURE__ */ new Set());
-  const [search, setSearch] = React40.useState("");
+  const [name, setName] = React41.useState(profile?.name ?? "");
+  const [description, setDescription] = React41.useState(profile?.description ?? "");
+  const [systemPerms, setSystemPerms] = React41.useState(profile?.systemPermissions ?? []);
+  const [grants, setGrants] = React41.useState(profile?.grants ?? {});
+  const [collapsed, setCollapsed] = React41.useState(/* @__PURE__ */ new Set());
+  const [search, setSearch] = React41.useState("");
   const toggleSystemPerm = (perm) => {
     setSystemPerms(
       (prev) => prev.includes(perm) ? prev.filter((p) => p !== perm) : [...prev, perm]
@@ -2649,7 +2651,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.useMemo(() => {
+  const groups = React41.useMemo(() => {
     const filtered = search ? features.filter((f) => f.label.toLowerCase().includes(search.toLowerCase())) : features;
     const map = /* @__PURE__ */ new Map();
     for (const f of filtered) {
@@ -2710,7 +2712,7 @@ function PermissionMatrixEditor({ features, profile, onSave, onCancel, saving })
               }
             ) }) })
           ] }, sp.id)),
-          Array.from(groups.entries()).map(([groupName, groupFeatures]) => /* @__PURE__ */ jsxs(React40.Fragment, { children: [
+          Array.from(groups.entries()).map(([groupName, groupFeatures]) => /* @__PURE__ */ jsxs(React41.Fragment, { children: [
             /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: 5, className: "p-2 px-3", children: /* @__PURE__ */ jsxs(
               "button",
               {
@@ -2755,10 +2757,10 @@ function PermissionProfilesTab() {
   const startImpersonation = usePermissionsStore((s) => s.startImpersonation);
   const canPreview = (realProfile?.systemPermissions ?? []).includes("manage_permissions") ?? false;
   const { t } = useTranslation();
-  const [editingProfile, setEditingProfile] = React40.useState(null);
-  const [creating, setCreating] = React40.useState(false);
-  const [saving, setSaving] = React40.useState(false);
-  const memberCountByProfile = React40.useMemo(() => {
+  const [editingProfile, setEditingProfile] = React41.useState(null);
+  const [creating, setCreating] = React41.useState(false);
+  const [saving, setSaving] = React41.useState(false);
+  const memberCountByProfile = React41.useMemo(() => {
     const counts = {};
     for (const m of members) {
       counts[m.profileId] = (counts[m.profileId] ?? 0) + 1;
@@ -3498,7 +3500,7 @@ function SubjectFormLayout({ fields, allFields, fieldGroups, values, onChange, r
   const IconComponent = LucideIcons4[entityIcon ?? "Heart"] ?? LucideIcons4.Heart;
   return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
     /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { className: "pt-5", children: /* @__PURE__ */ jsxs("div", { className: "flex gap-5", children: [
-      /* @__PURE__ */ jsx("div", { className: "flex h-20 w-20 shrink-0 items-center justify-center rounded-2xl bg-primary/10 text-primary", children: React40__default.createElement(IconComponent, { className: "h-8 w-8" }) }),
+      /* @__PURE__ */ jsx("div", { className: "flex h-20 w-20 shrink-0 items-center justify-center rounded-2xl bg-primary/10 text-primary", children: React41__default.createElement(IconComponent, { className: "h-8 w-8" }) }),
       /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-4", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4", children: [
           nameField && /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-1.5", children: [
@@ -3542,6 +3544,99 @@ function SubjectFormLayout({ fields, allFields, fieldGroups, values, onChange, r
     notesField && /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { className: "pt-5", children: /* @__PURE__ */ 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 ? 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 = getSupabaseClientOptional$1();
+  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 = 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] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const dep = r ? keyOf(r) : "none";
+  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__ */ jsxs(
+    "select",
+    {
+      value: value ?? "",
+      onChange: (e) => onChange(e.target.value || null),
+      required,
+      className,
+      children: [
+        /* @__PURE__ */ jsx("option", { value: "", children: loading ? "Loading\u2026" : placeholder ?? "Select..." }),
+        options.map((o) => /* @__PURE__ */ 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__ */ jsx("span", { className: "text-muted-foreground", children: "\u2014" });
+  const label = labelFor(value);
+  return /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: label || (loading ? "\u2026" : String(value)) });
+}
 function currencySymbolFor(code, locale) {
   if (!code) return "R$";
   try {
@@ -3628,6 +3723,18 @@ function renderField(field, value, onChange, allValues = {}) {
           className: `${baseClass} min-h-[60px] py-1.5`
         }
       );
+    case "relation":
+      return /* @__PURE__ */ 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
@@ -3754,7 +3861,7 @@ function CrudFormPage({ entityDef, mode, initialData, onSubmit, onCancel, namePl
   const computeInit = () => mode === "edit" && initialData ? { ...getDefaultValues(formFields), ...initialData } : getDefaultValues(formFields);
   const [values, setValues] = useState(computeInit);
   const [saving, setSaving] = useState(false);
-  const initialRef = React40__default.useRef(JSON.stringify(values));
+  const initialRef = React41__default.useRef(JSON.stringify(values));
   useEffect(() => {
     const init = computeInit();
     setValues(init);
@@ -3948,6 +4055,8 @@ function fieldToColumns(fields, options) {
             /* @__PURE__ */ jsx("span", { className: "h-4 w-4 rounded-full border shrink-0", style: { backgroundColor: String(value) } }),
             /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: String(value) })
           ] });
+        case "relation":
+          return /* @__PURE__ */ jsx(RelationCell, { relation: field.relation, value });
         case "select":
           return /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: String(value) });
         case "number":
@@ -5275,6 +5384,25 @@ function DocumentsTab({ item }) {
     }
   );
 }
+function FinancialTab({ item }) {
+  const runtime = usePluginRuntimeOptional();
+  const widgets = runtime ? getWidgetsForZone(runtime, "person.detail.financial") : [];
+  if (widgets.length > 0 && item) {
+    const w = widgets[0];
+    const Widget = w.component;
+    return /* @__PURE__ */ jsx(
+      Widget,
+      {
+        item,
+        config: w.config,
+        runtime: runtime?.context,
+        plugin: w.plugin,
+        widget: w
+      }
+    );
+  }
+  return null;
+}
 function ScheduleTab({ item }) {
   const t = useTranslation$1();
   if (!item?.id) {
@@ -5292,6 +5420,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 }) {
@@ -5744,8 +5875,9 @@ 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 = usePluginRuntimeOptional();
   const archetypeTabs = getArchetypeTabs(entityDef.layout, entityDef.data?.archetypeKind);
-  const customTabs = [...archetypeTabs, ...entityDef.detailTabs ?? []];
+  const customTabs = [...archetypeTabs, ...entityDef.detailTabs ?? []].filter((tab) => !tab.requiresWidgetZone || (runtime ? 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)];
@@ -5801,7 +5933,7 @@ function CrudDetailPage({
         })
       ] }),
       /* @__PURE__ */ jsx(TabsContent, { value: "overview", className: embedded ? "mt-2" : "mt-4", children: /* @__PURE__ */ jsx(OverviewTab, { entityDef, item, compact: embedded }) }),
-      customTabs.map((tab) => /* @__PURE__ */ jsx(TabsContent, { value: tab.id, className: "mt-4", children: tab.component ? React40__default.createElement(tab.component, { item, entityDef, ...tab.props ?? {} }) : /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: t("common.noContent") }) }) }) }, tab.id))
+      customTabs.map((tab) => /* @__PURE__ */ jsx(TabsContent, { value: tab.id, className: "mt-4", children: tab.component ? React41__default.createElement(tab.component, { item, entityDef, ...tab.props ?? {} }) : /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: t("common.noContent") }) }) }) }, tab.id))
     ] }),
     /* @__PURE__ */ jsx(WidgetSlot, { zone: widgetZone })
   ] });
@@ -5926,7 +6058,7 @@ function StepIndicator({ current }) {
   return /* @__PURE__ */ 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__ */ jsxs(React40__default.Fragment, { children: [
+    return /* @__PURE__ */ jsxs(React41__default.Fragment, { children: [
       i > 0 && /* @__PURE__ */ jsx("div", { className: cn("h-px w-6", isDone ? "bg-primary" : "bg-border") }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
         /* @__PURE__ */ jsx(
@@ -7051,7 +7183,7 @@ function FieldRulesSettings({ entities, rules: initialRules, onSave }) {
   const [saving, setSaving] = useState(false);
   const [search, setSearch] = useState("");
   const [showMore, setShowMore] = useState(false);
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     setDraft(initialRules);
   }, [initialRules]);
   const isDirty = useMemo(
@@ -7407,8 +7539,8 @@ function buildSettingsTabs(pluginTabs, can, t, showOrgSettings) {
     settingsTabs.push({
       id: tab.id,
       label: translated === labelKey ? tab.label : translated,
-      icon: React40.createElement(IconComp, { className: "h-4 w-4" }),
-      component: React40.createElement(tab.component),
+      icon: React41.createElement(IconComp, { className: "h-4 w-4" }),
+      component: React41.createElement(tab.component),
       // Flag plugin-contributed tabs so SettingsPage draws the core/plugins divider.
       isPlugin: true
     });
@@ -7425,7 +7557,7 @@ function AdminShellInner({ appName, layout = "sidebar", logo, pages = [], showSe
   };
   const path = useAdminPath();
   const { user, signOut } = useAuth();
-  const navigation = React40.useMemo(() => {
+  const navigation = React41.useMemo(() => {
     const items = runtime.navigation.map((entry) => ({
       ...navEntryToItem(entry),
       position: entry.position
@@ -7436,7 +7568,7 @@ function AdminShellInner({ appName, layout = "sidebar", logo, pages = [], showSe
     }
     return items.sort(compareNavigation);
   }, [runtime.navigation, pages]);
-  const routes = React40.useMemo(() => {
+  const routes = React41.useMemo(() => {
     const list = [];
     const entityRouteMap = /* @__PURE__ */ new Map();
     for (const r of runtime.routes) {
@@ -7452,27 +7584,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.useMemo(() => {
+  const match = React41.useMemo(() => {
     for (const r of routes) {
       const params = matchRoute(r.path, path);
       if (params) return { route: r, params };
     }
     return null;
   }, [routes, path]);
-  React40.useEffect(() => {
+  React41.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.useMemo(
+  const settingsTabs = React41.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.useMemo(() => {
+  const activePageTitle = React41.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(
@@ -7593,7 +7725,7 @@ function buildI18nConfig(config) {
 }
 function BillingInitializer({ config }) {
   const setPlans = useBillingStore((s) => s.setPlans);
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     if (config.billing?.plans) setPlans(config.billing.plans.map(normalizeBillingPlan));
   }, [config.billing, setPlans]);
   return null;
@@ -7615,7 +7747,7 @@ function ThemeInitializer({ config }) {
   const initialize = useThemeStore((s) => s.initialize);
   const setOverrides = useThemeStore((s) => s.setOverrides);
   const setMode = useThemeStore((s) => s.setMode);
-  React40.useEffect(() => {
+  React41.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;
@@ -7630,7 +7762,7 @@ function ThemeInitializer({ config }) {
 }
 function AdminProviders({ config, children }) {
   const currentOrg = useOrganizationStore((s) => s.currentOrg);
-  const resolved = React40.useMemo(() => {
+  const resolved = React41.useMemo(() => {
     if (config.supabaseUrl && config.supabaseAnonKey) {
       createFayzSupabaseClient(config.supabaseUrl, config.supabaseAnonKey);
     }
@@ -7644,7 +7776,7 @@ function AdminProviders({ config, children }) {
     };
   }, [config]);
   const path = useAdminPath();
-  const runtime = React40.useMemo(
+  const runtime = React41.useMemo(
     () => resolvePluginRuntime({
       plugins: resolved.plugins,
       context: {
@@ -7736,10 +7868,10 @@ function hashRouterAdapter2() {
       window.location.hash = path;
     },
     usePathname: () => {
-      const [pathname, setPathname] = React40.useState(
+      const [pathname, setPathname] = React41.useState(
         typeof window !== "undefined" ? window.location.hash.slice(1) || "/" : "/"
       );
-      React40.useEffect(() => {
+      React41.useEffect(() => {
         const handler = () => setPathname(window.location.hash.slice(1) || "/");
         window.addEventListener("hashchange", handler);
         return () => window.removeEventListener("hashchange", handler);
@@ -7748,7 +7880,7 @@ function hashRouterAdapter2() {
     }
   };
 }
-var RouterContext = React40.createContext(null);
+var RouterContext = React41.createContext(null);
 var RouterProvider = RouterContext.Provider;
 function MockModeBanner() {
   const { t } = useTranslation();
@@ -8031,8 +8163,8 @@ function BillingPage({ className }) {
   const { plans, subscription, loading } = useBillingStore();
   const billing = useBilling();
   const { t } = useTranslation();
-  const [interval, setInterval2] = React40.useState("monthly");
-  React40.useEffect(() => {
+  const [interval, setInterval2] = React41.useState("monthly");
+  React41.useEffect(() => {
     billing.fetchSubscription();
   }, []);
   const currentPlan = plans.find((p) => p.id === subscription?.planId);
@@ -8835,7 +8967,7 @@ function LoadingSkeleton() {
 function ProtectedRoute({ children, requiredRole, fallback, onUnauthenticated }) {
   const { user, loading, initialized } = useAuth3();
   const { requireRole } = usePermission2();
-  React40__default.useEffect(() => {
+  React41__default.useEffect(() => {
     if (initialized && !loading && !user && onUnauthenticated) {
       onUnauthenticated();
     }
@@ -9662,9 +9794,9 @@ function OrgSwitcher({ collapsed }) {
   const setCurrentProfile = usePermissionsStore((s) => s.setCurrentProfile);
   const setProfiles = usePermissionsStore((s) => s.setProfiles);
   const user = useAuthStore((s) => s.user);
-  const [createOpen, setCreateOpen] = React40.useState(false);
-  const [newOrgName, setNewOrgName] = React40.useState("");
-  const [creating, setCreating] = React40.useState(false);
+  const [createOpen, setCreateOpen] = React41.useState(false);
+  const [newOrgName, setNewOrgName] = React41.useState("");
+  const [creating, setCreating] = React41.useState(false);
   const { t } = useTranslation();
   if (!adapter2 || !currentOrg) return null;
   const initial = currentOrg.name.charAt(0).toUpperCase();
@@ -9850,11 +9982,11 @@ function TenantOnboarding({ verticalId, appName, logo }) {
   const setMembers = useOrganizationStore((s) => s.setMembers);
   const setProfiles = usePermissionsStore((s) => s.setProfiles);
   const setCurrentProfile = usePermissionsStore((s) => s.setCurrentProfile);
-  const [step, setStep] = React40.useState(0);
-  const [error, setError] = React40.useState("");
-  const [companyName, setCompanyName] = React40.useState("");
-  const [timezone, setTimezone] = React40.useState("America/Sao_Paulo");
-  const [currency, setCurrency] = React40.useState("BRL");
+  const [step, setStep] = React41.useState(0);
+  const [error, setError] = React41.useState("");
+  const [companyName, setCompanyName] = React41.useState("");
+  const [timezone, setTimezone] = React41.useState("America/Sao_Paulo");
+  const [currency, setCurrency] = React41.useState("BRL");
   const handleCreate = async () => {
     if (!user || !companyName.trim()) return;
     setStep(2);
@@ -12188,8 +12320,8 @@ function createGlobalEntitySearch() {
 }
 function CommandPaletteWrapper({ navigation, routerAdapter }) {
   const { commandPaletteOpen, setCommandPaletteOpen } = useLayoutStore();
-  const entitySearch = React40__default.useMemo(() => createGlobalEntitySearch(), []);
-  const commands = React40__default.useMemo(() => {
+  const entitySearch = React41__default.useMemo(() => createGlobalEntitySearch(), []);
+  const commands = React41__default.useMemo(() => {
     const items = [];
     for (const nav of navigation) {
       items.push({
@@ -12217,13 +12349,13 @@ function CommandPaletteWrapper({ navigation, routerAdapter }) {
     );
     return items;
   }, [navigation, routerAdapter]);
-  const handleEntitySelect = React40__default.useCallback((result) => {
+  const handleEntitySelect = React41__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__default.createElement(CommandPalette, {
+  return React41__default.createElement(CommandPalette, {
     commands,
     open: commandPaletteOpen,
     onOpenChange: setCommandPaletteOpen,
@@ -12234,13 +12366,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__default.createElement(
+  return React41__default.createElement(
     "div",
     { className: "flex items-center gap-3" },
-    React40__default.createElement("div", {
+    React41__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__default.createElement("span", { className: "font-bold text-lg" }, name)
+    React41__default.createElement("span", { className: "font-bold text-lg" }, name)
   );
 }
 function resolveAuthAdapter2(config) {
@@ -12269,10 +12401,10 @@ function buildSettingsTabs2(config, pluginTabs, can, t) {
   const settingsTabs = [];
   if (config.organization) {
     settingsTabs.push(
-      { id: "team", label: t("settings.team"), icon: React40__default.createElement(Users, { className: "h-4 w-4" }), component: React40__default.createElement(TeamTab) },
-      { id: "permissions", label: t("settings.permissions"), icon: React40__default.createElement(ShieldCheck, { className: "h-4 w-4" }), component: React40__default.createElement(PermissionProfilesTab) },
-      { id: "locations", label: t("settings.locations"), icon: React40__default.createElement(MapPin, { className: "h-4 w-4" }), component: React40__default.createElement(LocationsCrudPage) },
-      { id: "field-rules", label: t("settings.fieldRules"), icon: React40__default.createElement(SlidersHorizontal, { className: "h-4 w-4" }), component: React40__default.createElement(ConnectedFieldRulesSettings) }
+      { id: "team", label: t("settings.team"), icon: React41__default.createElement(Users, { className: "h-4 w-4" }), component: React41__default.createElement(TeamTab) },
+      { id: "permissions", label: t("settings.permissions"), icon: React41__default.createElement(ShieldCheck, { className: "h-4 w-4" }), component: React41__default.createElement(PermissionProfilesTab) },
+      { id: "locations", label: t("settings.locations"), icon: React41__default.createElement(MapPin, { className: "h-4 w-4" }), component: React41__default.createElement(LocationsCrudPage) },
+      { id: "field-rules", label: t("settings.fieldRules"), icon: React41__default.createElement(SlidersHorizontal, { className: "h-4 w-4" }), component: React41__default.createElement(ConnectedFieldRulesSettings) }
     );
   }
   if (config.settingsTabs) {
@@ -12288,8 +12420,8 @@ function buildSettingsTabs2(config, pluginTabs, can, t) {
     settingsTabs.push({
       id: tab.id,
       label: pluginLabel === pluginLabelKey ? tab.label : pluginLabel,
-      icon: React40__default.createElement(IconComp, { className: "h-4 w-4" }),
-      component: React40__default.createElement(tab.component),
+      icon: React41__default.createElement(IconComp, { className: "h-4 w-4" }),
+      component: React41__default.createElement(tab.component),
       isPlugin: true
     });
   }
@@ -12308,7 +12440,7 @@ function createSaasApp(config) {
   const orgAdapter = resolveOrgAdapter2(config);
   const requireAuth = config.auth?.requireAuth ?? !!authAdapter;
   const LoginPageWrapper = () => {
-    return React40__default.createElement(LoginPage2, {
+    return React41__default.createElement(LoginPage2, {
       appName: config.name,
       logo: config.auth?.loginLogo ?? logoNode,
       layout: config.auth?.loginLayout ?? "split",
@@ -12331,7 +12463,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__default.useEffect(() => {
+    React41__default.useEffect(() => {
       const pf = config.plugins?.flatMap((p) => p.declaredFeatures ?? []) ?? [];
       if (pf.length === 0) return;
       const store = usePermissionsStore.getState();
@@ -12339,8 +12471,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__default.useRef(() => "");
+    React41__default.useEffect(() => {
+      recordNavigation(route, navLabelRef.current(route));
+    }, [route]);
     if (route === "/login") {
-      return React40__default.createElement(LoginPageWrapper);
+      return React41__default.createElement(LoginPageWrapper);
     }
     const tenantPluginBindings = config.pluginRuntime?.resolveTenantPlugins?.({
       tenant: currentOrg ? {
@@ -12395,6 +12531,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) {
@@ -12413,13 +12557,13 @@ function createSaasApp(config) {
         matchedPath
       }
     };
-    const NotFoundPage = () => React40__default.createElement(
+    const NotFoundPage = () => React41__default.createElement(
       "div",
       { className: "flex flex-col items-center justify-center py-24 text-center" },
-      React40__default.createElement("h1", { className: "text-6xl font-bold text-muted-foreground/20 mb-4" }, t("app.notFound.title")),
-      React40__default.createElement("h2", { className: "text-xl font-semibold mb-2" }, t("app.notFound.heading")),
-      React40__default.createElement("p", { className: "text-sm text-muted-foreground mb-6" }, t("app.notFound.message")),
-      React40__default.createElement("button", {
+      React41__default.createElement("h1", { className: "text-6xl font-bold text-muted-foreground/20 mb-4" }, t("app.notFound.title")),
+      React41__default.createElement("h2", { className: "text-xl font-semibold mb-2" }, t("app.notFound.heading")),
+      React41__default.createElement("p", { className: "text-sm text-muted-foreground mb-6" }, t("app.notFound.message")),
+      React41__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"))
@@ -12439,67 +12583,67 @@ function createSaasApp(config) {
         routerAdapter.navigate("/login");
       }
     };
-    const renderedPage = matchedPath === "/settings" && config.showSettings !== false ? React40__default.createElement(SettingsPage, {
+    const renderedPage = matchedPath === "/settings" && config.showSettings !== false ? React41__default.createElement(SettingsPage, {
       extraTabs: settingsTabs,
-      beforeContent: React40__default.createElement(WidgetSlot, {
+      beforeContent: React41__default.createElement(WidgetSlot, {
         zone: "settings.before",
         className: "space-y-4",
         contextOverrides: { matchedPath }
       }),
-      afterContent: React40__default.createElement(WidgetSlot, {
+      afterContent: React41__default.createElement(WidgetSlot, {
         zone: "settings.after",
         className: "space-y-4",
         contextOverrides: { matchedPath }
       })
-    }) : React40__default.createElement(PageComponent, routeEntry?.plugin ? {
+    }) : React41__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__default.createElement("div", { key: matchedPath, className: "h-full min-h-0 overflow-hidden" }, renderedPage) : React40__default.createElement(
+    const pageContent = fullBleed ? React41__default.createElement("div", { key: matchedPath, className: "h-full min-h-0 overflow-hidden" }, renderedPage) : React41__default.createElement(
       "div",
       { key: matchedPath, className: "saas-page-enter space-y-6 p-6" },
-      React40__default.createElement(WidgetSlot, {
+      React41__default.createElement(WidgetSlot, {
         zone: "page.before",
         className: "space-y-4",
         contextOverrides: { matchedPath }
       }),
       renderedPage,
-      React40__default.createElement(WidgetSlot, {
+      React41__default.createElement(WidgetSlot, {
         zone: "page.after",
         className: "space-y-4",
         contextOverrides: { matchedPath }
       })
     );
-    const pageElement = pagePermission ? React40__default.createElement(
+    const pageElement = pagePermission ? React41__default.createElement(
       PermissionGate,
       {
         feature: pagePermission.feature,
         action: pagePermission.action,
-        fallback: React40__default.createElement(
+        fallback: React41__default.createElement(
           "div",
           { className: "flex items-center justify-center py-24" },
-          React40__default.createElement(
+          React41__default.createElement(
             "div",
             { className: "text-center" },
-            React40__default.createElement("h2", { className: "text-xl font-semibold mb-2" }, t("app.accessDenied.heading")),
-            React40__default.createElement("p", { className: "text-muted-foreground" }, t("app.accessDenied.message"))
+            React41__default.createElement("h2", { className: "text-xl font-semibold mb-2" }, t("app.accessDenied.heading")),
+            React41__default.createElement("p", { className: "text-muted-foreground" }, t("app.accessDenied.message"))
           )
         ),
         children: pageContent
       }
     ) : pageContent;
-    const orgSwitcherElement = orgAdapter ? React40__default.createElement(OrgSwitcher) : void 0;
-    const content = React40__default.createElement(
+    const orgSwitcherElement = orgAdapter ? React41__default.createElement(OrgSwitcher) : void 0;
+    const content = React41__default.createElement(
       PluginRuntimeProvider,
       { value: pluginRuntime },
-      React40__default.createElement(
-        React40__default.Fragment,
+      React41__default.createElement(
+        React41__default.Fragment,
         null,
-        React40__default.createElement(MockModeBanner),
-        React40__default.createElement(ImpersonationBanner),
-        React40__default.createElement(
+        React41__default.createElement(MockModeBanner),
+        React41__default.createElement(ImpersonationBanner),
+        React41__default.createElement(
           AppShell,
           {
             variant: layout,
@@ -12520,22 +12664,22 @@ function createSaasApp(config) {
             } : void 0,
             logo: logoNode,
             orgSwitcher: orgSwitcherElement,
-            topbarStart: React40__default.createElement(WidgetSlot, {
+            topbarStart: React41__default.createElement(WidgetSlot, {
               zone: "shell.topbar.start",
               className: "flex items-center gap-2",
               contextOverrides: { matchedPath }
             }),
-            topbarEnd: React40__default.createElement(WidgetSlot, {
+            topbarEnd: React41__default.createElement(WidgetSlot, {
               zone: "shell.topbar.end",
               className: "flex items-center gap-2",
               contextOverrides: { matchedPath }
             }),
-            sidebarTopContent: React40__default.createElement(WidgetSlot, {
+            sidebarTopContent: React41__default.createElement(WidgetSlot, {
               zone: "shell.sidebar.before-nav",
               className: "space-y-2",
               contextOverrides: { matchedPath }
             }),
-            sidebarFooterContent: React40__default.createElement(WidgetSlot, {
+            sidebarFooterContent: React41__default.createElement(WidgetSlot, {
               zone: "shell.sidebar.footer",
               className: "space-y-2",
               contextOverrides: { matchedPath }
@@ -12545,26 +12689,26 @@ function createSaasApp(config) {
           pageElement
         ),
         // Org initializer
-        orgAdapter ? React40__default.createElement(OrgInitializer, { verticalId: config.verticalId }) : null,
+        orgAdapter ? React41__default.createElement(OrgInitializer, { verticalId: config.verticalId }) : null,
         // Location switch overlay
-        React40__default.createElement(LocationSwitchOverlay),
+        React41__default.createElement(LocationSwitchOverlay),
         // Chat
-        config.chat?.enabled !== false && config.chat ? React40__default.createElement(
-          React40__default.Fragment,
+        config.chat?.enabled !== false && config.chat ? React41__default.createElement(
+          React41__default.Fragment,
           null,
-          React40__default.createElement(ChatFab, { apiEndpoint: config.chat.apiEndpoint, systemPrompt: config.chat.systemPrompt }),
-          React40__default.createElement(ChatPanel, { title: config.chat.title, apiEndpoint: config.chat.apiEndpoint, systemPrompt: config.chat.systemPrompt })
+          React41__default.createElement(ChatFab, { apiEndpoint: config.chat.apiEndpoint, systemPrompt: config.chat.systemPrompt }),
+          React41__default.createElement(ChatPanel, { title: config.chat.title, apiEndpoint: config.chat.apiEndpoint, systemPrompt: config.chat.systemPrompt })
         ) : null,
-        React40__default.createElement(WidgetSlot, {
+        React41__default.createElement(WidgetSlot, {
           zone: "shell.floating",
           contextOverrides: { matchedPath }
         }),
         // Command palette
-        React40__default.createElement(CommandPaletteWrapper, { navigation, routerAdapter })
+        React41__default.createElement(CommandPaletteWrapper, { navigation, routerAdapter })
       )
     );
     if (requireAuth && authAdapter) {
-      return React40__default.createElement(
+      return React41__default.createElement(
         ProtectedRoute,
         { onUnauthenticated: () => {
           routerAdapter.navigate("/login");
@@ -12580,7 +12724,7 @@ function createSaasApp(config) {
     const setPlans = useBillingStore((s) => s.setPlans);
     const setFeatures = usePermissionsStore((s) => s.setFeatures);
     const setMode = useThemeStore((s) => s.setMode);
-    React40__default.useEffect(() => {
+    React41__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;
@@ -12591,34 +12735,34 @@ function createSaasApp(config) {
       }
       initialize();
     }, [initialize, setOverrides, setMode]);
-    React40__default.useEffect(() => {
+    React41__default.useEffect(() => {
       if (config.billing?.plans) {
         setPlans(config.billing.plans.map(normalizePlanConfig));
       }
     }, [setPlans]);
-    React40__default.useEffect(() => {
+    React41__default.useEffect(() => {
       if (config.permissions?.features) {
         setFeatures(config.permissions.features);
       }
     }, [setFeatures]);
-    React40__default.useEffect(() => {
+    React41__default.useEffect(() => {
       setCurrentLocale(config.locale?.default ?? "en");
       setDefaultCurrency(config.locale?.currency);
     }, []);
-    let inner = React40__default.createElement(
+    let inner = React41__default.createElement(
       RouterProvider,
       { value: routerAdapter },
-      React40__default.createElement(ToastProvider, null),
-      React40__default.createElement(AppContent)
+      React41__default.createElement(ToastProvider, null),
+      React41__default.createElement(AppContent)
     );
     if (orgAdapter) {
-      inner = React40__default.createElement(
+      inner = React41__default.createElement(
         OrgAdapterProvider,
         { value: orgAdapter, children: inner }
       );
     }
     if (authAdapter) {
-      inner = React40__default.createElement(
+      inner = React41__default.createElement(
         AuthAdapterProvider,
         { value: authAdapter, children: inner }
       );
@@ -12638,7 +12782,7 @@ function createSaasApp(config) {
       mergedTranslations[loc] = layer;
     }
     registerTranslations(mergedTranslations);
-    inner = React40__default.createElement(I18nProvider, {
+    inner = React41__default.createElement(I18nProvider, {
       value: {
         defaultLocale: config.locale?.default ?? "en",
         supported: supportedLocales,
@@ -12737,11 +12881,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.useMemo(() => {
+  const LegacyApp = React41.useMemo(() => {
     if (!liveConfig || !hasLegacyShellConfig(liveConfig)) return null;
     return createSaasApp(liveConfig);
   }, [liveConfig]);
-  const config = React40.useMemo(() => manifestToFayzConfig(manifest, surface), [manifest, surface]);
+  const config = React41.useMemo(() => manifestToFayzConfig(manifest, surface), [manifest, surface]);
   if (LegacyApp) return /* @__PURE__ */ jsx(LegacyApp, {});
   return /* @__PURE__ */ jsx(AdminProviders, { config, children: /* @__PURE__ */ jsx(
     AdminShell,
@@ -13076,19 +13220,19 @@ function createArchetypeLookup(config) {
 }
 function createPlaceholder(title, description) {
   return function PlaceholderPage() {
-    return React40__default.createElement(
+    return React41__default.createElement(
       "div",
       { className: "mx-auto max-w-4xl" },
-      React40__default.createElement("h1", { className: "text-3xl font-bold text-foreground" }, title),
-      description ? React40__default.createElement("p", { className: "mt-1 text-muted-foreground" }, description) : null,
-      React40__default.createElement(
+      React41__default.createElement("h1", { className: "text-3xl font-bold text-foreground" }, title),
+      description ? React41__default.createElement("p", { className: "mt-1 text-muted-foreground" }, description) : null,
+      React41__default.createElement(
         "div",
         { className: "mt-8 flex items-center justify-center rounded-card border border-dashed border-border bg-card p-16" },
-        React40__default.createElement(
+        React41__default.createElement(
           "div",
           { className: "text-center" },
-          React40__default.createElement("p", { className: "text-lg font-medium text-muted-foreground" }, "Coming Soon"),
-          React40__default.createElement(
+          React41__default.createElement("p", { className: "text-lg font-medium text-muted-foreground" }, "Coming Soon"),
+          React41__default.createElement(
             "p",
             { className: "mt-1 text-sm text-muted-foreground/70" },
             "This module is being built as a plugin."
@@ -13235,9 +13379,9 @@ function ModuleActionBar({
   ] });
 }
 function createPluginContext(displayName) {
-  const ConfigContext = React40__default.createContext(null);
-  const ProviderContext = React40__default.createContext(null);
-  const StoreContext = React40__default.createContext(null);
+  const ConfigContext = React41__default.createContext(null);
+  const ProviderContext = React41__default.createContext(null);
+  const StoreContext = React41__default.createContext(null);
   const ContextProvider = ({
     config,
     provider,
@@ -13246,17 +13390,17 @@ function createPluginContext(displayName) {
   }) => /* @__PURE__ */ jsx(ConfigContext.Provider, { value: config, children: /* @__PURE__ */ jsx(ProviderContext.Provider, { value: provider, children: /* @__PURE__ */ jsx(StoreContext.Provider, { value: store, children }) }) });
   ContextProvider.displayName = `${displayName}ContextProvider`;
   function useConfig() {
-    const ctx = React40__default.useContext(ConfigContext);
+    const ctx = React41__default.useContext(ConfigContext);
     if (!ctx) throw new Error(`useConfig must be used within ${displayName}`);
     return ctx;
   }
   function useProvider() {
-    const ctx = React40__default.useContext(ProviderContext);
+    const ctx = React41__default.useContext(ProviderContext);
     if (!ctx) throw new Error(`useProvider must be used within ${displayName}`);
     return ctx;
   }
   function useStore$1(selector) {
-    const store = React40__default.useContext(StoreContext);
+    const store = React41__default.useContext(StoreContext);
     if (!store) throw new Error(`useStore must be used within ${displayName}`);
     return useStore(store, selector);
   }
@@ -13314,7 +13458,7 @@ function PluginRegistryManager({ registries, routeBase, className }) {
     return registries[0]?.id ?? "";
   };
   const [activeTab, setActiveTab] = useState(getTabFromHash);
-  React40__default.useEffect(() => {
+  React41__default.useEffect(() => {
     if (!routeBase) return;
     const handler = () => setActiveTab(getTabFromHash());
     window.addEventListener("hashchange", handler);
@@ -13386,6 +13530,16 @@ function useModuleNavigation(hashBase, depthMap, homeView = "summary") {
   const [view, setView] = useState(getInitialView);
   const [direction, setDirection] = useState("forward");
   const prevDepthRef = useRef(getDepth(getInitialView()));
+  const historyRef = useRef([getInitialView()]);
+  const [previousView, setPreviousView] = useState(null);
+  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]);
   useEffect(() => {
     function handler() {
       const hash = (window.location.hash.slice(1) || "/").split("?")[0];
@@ -13431,8 +13585,15 @@ function useModuleNavigation(hashBase, depthMap, homeView = "summary") {
       }
     }
   }, [hashBase]);
+  const back = 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) {
@@ -13619,6 +13780,147 @@ function usePluginPrefs(pluginId, defaults) {
   }, [pluginId, defaults]);
   return useMemo(() => ({ get, set, update, getAll, reset }), [get, set, update, getAll, reset]);
 }
+function ConnectorCard({ connector }) {
+  const { t } = useTranslation();
+  const [status, setStatus] = useState(null);
+  const [open, setOpen] = useState(false);
+  const [values, setValues] = useState({});
+  const [testing, setTesting] = useState(false);
+  const [saving, setSaving] = useState(false);
+  const [oauthing, setOauthing] = useState(false);
+  const loadStatus = useCallback(async () => {
+    try {
+      setStatus(await connector.getStatus());
+    } catch {
+      setStatus({ connected: false });
+    }
+  }, [connector]);
+  useEffect(() => {
+    void loadStatus();
+  }, [loadStatus]);
+  const connected = !!status?.connected;
+  const Icon = connector.icon ? ICON_MAP$1[connector.icon] ?? Plug : Plug;
+  async function handleTest() {
+    if (!connector.testConnection) return;
+    setTesting(true);
+    try {
+      const res = await connector.testConnection(values);
+      res.ok ? toast.success(res.message ?? t("connectors.connected")) : toast.error(res.message ?? t("common.error"));
+    } catch (e) {
+      toast.error(e?.message ?? t("common.error"));
+    } finally {
+      setTesting(false);
+    }
+  }
+  async function handleSave() {
+    if (!connector.saveConnection) return;
+    setSaving(true);
+    try {
+      await connector.saveConnection(values);
+      toast.success(t("connectors.save"));
+      await loadStatus();
+    } catch (e) {
+      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) {
+      toast.error(e?.message ?? t("common.error"));
+      setOauthing(false);
+    }
+  }
+  async function handleDisconnect() {
+    if (!connector.disconnect) return;
+    try {
+      await connector.disconnect();
+      toast.success(t("connectors.disconnect"));
+      await loadStatus();
+    } catch (e) {
+      toast.error(e?.message ?? t("common.error"));
+    }
+  }
+  const ExtraPanel = connector.ExtraPanel;
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card shadow-sm overflow-hidden", children: [
+    /* @__PURE__ */ 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__ */ jsx("div", { className: "flex h-9 w-9 items-center justify-center rounded-lg bg-muted shrink-0", children: /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4 text-muted-foreground" }) }),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold truncate", children: connector.name }),
+            connector.description && /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground truncate", children: connector.description })
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: `inline-flex items-center gap-1 text-[11px] shrink-0 ${connected ? "text-success" : "text-muted-foreground"}`, children: connected ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(CheckCircle2, { className: "h-3.5 w-3.5" }),
+            " ",
+            t("connectors.connected")
+          ] }) : t("connectors.notConnected") }),
+          /* @__PURE__ */ jsx(ChevronDown, { className: `h-4 w-4 text-muted-foreground shrink-0 transition-transform ${open ? "rotate-180" : ""}` })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxs("div", { className: "border-t px-4 py-4 space-y-4", children: [
+      connector.authKind === "oauth" ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs(Button, { onClick: handleConnectOAuth, disabled: oauthing, children: [
+          oauthing ? /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx(Plug, { className: "h-4 w-4" }),
+          connected ? t("connectors.connected") : `${t("connectors.connect")} ${connector.name}`
+        ] }),
+        connected && connector.disconnect && /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: handleDisconnect, children: [
+          /* @__PURE__ */ jsx(Power, { className: "h-3.5 w-3.5" }),
+          " ",
+          t("connectors.disconnect")
+        ] })
+      ] }) : /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsx("div", { className: "grid gap-3 sm:grid-cols-2", children: (connector.fields ?? []).map((f) => /* @__PURE__ */ jsxs("label", { className: "block", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: f.label }),
+          /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex gap-2", children: [
+          connector.testConnection && /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: handleTest, disabled: testing, children: [
+            testing ? /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsx(Plug, { className: "h-3.5 w-3.5" }),
+            " ",
+            t("connectors.test")
+          ] }),
+          connector.saveConnection && /* @__PURE__ */ jsxs(Button, { size: "sm", onClick: handleSave, disabled: saving, children: [
+            saving ? /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsx(CheckCircle2, { className: "h-3.5 w-3.5" }),
+            " ",
+            t("connectors.save")
+          ] }),
+          connected && connector.disconnect && /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: handleDisconnect, children: [
+            /* @__PURE__ */ jsx(Power, { className: "h-3.5 w-3.5" }),
+            " ",
+            t("connectors.disconnect")
+          ] })
+        ] })
+      ] }),
+      ExtraPanel && /* @__PURE__ */ jsx("div", { className: "pt-1", children: /* @__PURE__ */ jsx(ExtraPanel, {}) })
+    ] })
+  ] });
+}
+function ConnectorsHub({ connectors }) {
+  const { t } = useTranslation();
+  if (!connectors || connectors.length === 0) {
+    return /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground py-8 text-center", children: t("connectors.empty") });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "space-y-3 max-w-3xl", children: connectors.map((c) => /* @__PURE__ */ jsx(ConnectorCard, { connector: c }, c.id)) });
+}
 function RegistryCrudView2({ registry: registry2, basePath }) {
   const useStore = useMemo(() => {
     const mockData = registry2.mockData ?? registry2.seedData ?? [];
@@ -13636,8 +13938,59 @@ 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] = useState(getActive);
+  React41__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__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex gap-1.5 flex-wrap", children: registries.map((r) => {
+      const Icon = r.icon ? ICON_MAP$1[r.icon] ?? null : null;
+      const on = r.id === activeReg?.id;
+      return /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: () => select(r.id),
+          className: 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__ */ jsx(Icon, { className: "h-3.5 w-3.5" }),
+            regLabel(r.id, r.entity.name)
+          ]
+        },
+        r.id
+      );
+    }) }),
+    activeReg?.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: regLabel(activeReg.id + ".description", activeReg.description) }),
+    activeReg && /* @__PURE__ */ 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 = useConnectorsForPlugin(hostPluginId ?? "");
   const regLabel = (id, fallback) => {
     const key = `registry.${id}`;
     const translated = t(key);
@@ -13646,20 +13999,21 @@ function PluginSettingsPanel({ title, subtitle, generalSettings, registries, cus
   const tabs = 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: 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: Plug, type: "integrations" });
+    }
+    if (registries && registries.length > 0) {
+      list.push({ id: "_properties", label: t("settings.properties"), IconComp: 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) || "/";
@@ -13667,11 +14021,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] = useState(getActiveFromHash);
-  React40__default.useEffect(() => {
+  React41__default.useEffect(() => {
     const handler = () => setActiveTab(getActiveFromHash());
     window.addEventListener("hashchange", handler);
     return () => window.removeEventListener("hashchange", handler);
@@ -13693,7 +14048,7 @@ function PluginSettingsPanel({ title, subtitle, generalSettings, registries, cus
       ] })
     ] }),
     /* @__PURE__ */ 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 ? ICON_MAP$1[tab.icon] ?? null : null;
+      const Icon = tab.IconComp ?? (tab.icon ? ICON_MAP$1[tab.icon] ?? null : null);
       const active = tab.id === activeTab;
       return /* @__PURE__ */ jsxs(
         "button",
@@ -13711,20 +14066,13 @@ function PluginSettingsPanel({ title, subtitle, generalSettings, registries, cus
         tab.id
       );
     }) }),
-    activeTabDef?.type === "registry" && activeTabDef.registryDef?.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: regLabel(activeTabDef.id + ".description", activeTabDef.registryDef.description) }),
     activeTabDef?.type === "general" && generalSettings && /* @__PURE__ */ jsx("div", { children: generalSettings }),
     activeTabDef?.type === "custom" && customTabContent && /* @__PURE__ */ jsx("div", { children: customTabContent.content }),
-    activeTabDef?.type === "registry" && activeTabDef.registryDef && /* @__PURE__ */ jsx(
-      RegistryCrudView2,
-      {
-        registry: activeTabDef.registryDef,
-        basePath: `${routeBase}/${activeTabDef.id}`
-      },
-      activeTabDef.id
-    )
+    activeTabDef?.type === "integrations" && /* @__PURE__ */ jsx(ConnectorsHub, { connectors }),
+    activeTabDef?.type === "properties" && registries && registries.length > 0 && /* @__PURE__ */ jsx(PropertiesTab, { registries, routeBase, regLabel })
   ] });
 }
 
-export { AdminProviders, AdminScaffold, AdminShell, ClientOrdersTab, CrudCardGrid, CrudDetailPage, CrudFormPage, CrudListView, CrudPage, DeleteConfirmDialog, ImportWizard, LoginPage, ModuleActionBar, PermissionGate, PersonLink2 as PersonLink, PluginRegistryManager, PluginSettingsPanel, QuickActionsButton, SelectRow, SettingsGroup, ToggleRow2 as ToggleRow, WidgetSlot, navigateTo as adminNavigateTo, createArchetypeLookup, createClientOrdersProvider, createCrudPage, createFayzApp, createCrudPage as createNativeCrudPage, createPlaceholder, createPluginContext, createSaasApp, createViewRouter, dedup, defineSaas, exportToCSV, formatCurrency4 as formatCurrency, getScheduleBlockConfig, parseViewId, resolveEntityHref, setScheduleBlockConfig, subscribeScheduleBlockConfig, useAdminPath, useFieldRules, useModuleNavigation, usePluginPrefs };
+export { AdminProviders, AdminScaffold, AdminShell, ClientOrdersTab, ConnectorsHub, CrudCardGrid, CrudDetailPage, CrudFormPage, CrudListView, CrudPage, DeleteConfirmDialog, ImportWizard, LoginPage, ModuleActionBar, PermissionGate, PersonLink2 as PersonLink, PluginRegistryManager, PluginSettingsPanel, QuickActionsButton, SelectRow, SettingsGroup, ToggleRow2 as ToggleRow, WidgetSlot, navigateTo as adminNavigateTo, createArchetypeLookup, createClientOrdersProvider, createCrudPage, createFayzApp, createCrudPage as createNativeCrudPage, createPlaceholder, createPluginContext, createSaasApp, createViewRouter, dedup, defineSaas, exportToCSV, formatCurrency4 as formatCurrency, getScheduleBlockConfig, parseViewId, resolveEntityHref, setScheduleBlockConfig, subscribeScheduleBlockConfig, useAdminPath, useFieldRules, useModuleNavigation, usePluginPrefs };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map