@fayz-ai/admin 0.12.0 → 0.14.0

package/dist/index.js

@@ -2,8 +2,8 @@ export { getScheduleBlockConfig, setScheduleBlockConfig, subscribeScheduleBlockC
 import { getFayzSupabaseClientOptional, createFayzSupabaseClient, createSupabaseOrgAdapter, createMockOrgAdapter, getFayzSupabaseClient } from './chunk-OI7RYSTM.js';
 export { createFayzSupabaseClient, createMockOrgAdapter, createSupabaseOrgAdapter, getFayzSupabaseClient, getFayzSupabaseClientOptional } from './chunk-OI7RYSTM.js';
 export { ImportWizard } from './chunk-UMRN6427.js';
-import { useLimitGuard, invalidateLimit, useLimit, useUpgradeModalStore, cn as cn$1, checkAccess, guardLimit, featureDisplayName, PlanFeatureItem, useAccessOptional, AccessProvider, CORE_LIMIT_DECLARATIONS, entityDerivedLimitDeclarations, getPlanEntitlements, resolvePlanCurrency } from './chunk-5O2UJAQ7.js';
-export { AccessProvider, UPGRADE_URL, agentDenial, checkAccess, getAccessSnapshot, guardLimit, invalidateLimit, isEntitledByPlan, resolveAccess, useAccess, useAccessOptional, useLimit, useLimitGuard, useModuleNavAccess, useUpgradeModalStore } from './chunk-5O2UJAQ7.js';
+import { useLimitGuard, invalidateLimit, useLimit, useUpgradeModalStore, cn as cn$1, checkAccess, guardLimit, featureDisplayName, PlanFeatureItem, useAccessOptional, AccessProvider, CORE_LIMIT_DECLARATIONS, entityDerivedLimitDeclarations, getPlanEntitlements, resolvePlanCurrency } from './chunk-B6NVEKAJ.js';
+export { AccessProvider, UPGRADE_URL, agentDenial, checkAccess, getAccessSnapshot, guardLimit, invalidateLimit, isEntitledByPlan, resolveAccess, useAccess, useAccessOptional, useLimit, useLimitGuard, useModuleNavAccess, useUpgradeModalStore } from './chunk-B6NVEKAJ.js';
 import { useTranslation as useTranslation$1 } from './chunk-YUHCC7JY.js';
 import { useBillingStore, resolvePlanBadge } from './chunk-VN5NTK26.js';
 export { useBillingStore } from './chunk-VN5NTK26.js';
@@ -11,16 +11,16 @@ import { useOrganizationStore, useTenantOptional, OrgProvider, useOrgAdapterOpti
 export { ORG_CACHE_TTL_MS, OrgProvider, clearOrgSnapshot, getPersistedOrgId, readOrgSnapshot, useOrgAdapter, useOrgAdapterOptional, useOrganizationStore, useTenant, useTenantOptional } from './chunk-PNAJODZM.js';
 import { usePermissionOptional, usePermissionsStore, PermissionsProvider } from './chunk-VTEP2AQX.js';
 export { PermissionsProvider, useHasPermission, usePermission, usePermissionOptional, usePermissions, usePermissionsStore } from './chunk-VTEP2AQX.js';
-import * as React63 from 'react';
-import React63__default, { createContext, useMemo, useState, useRef, useCallback, useEffect, useContext } from 'react';
+import * as React65 from 'react';
+import React65__default, { createContext, useMemo, useState, useRef, useCallback, useEffect, useContext } from 'react';
 import { hashRouterAdapter, getSupabaseClientOptional, deriveEntityKey, registerEntity, getActiveTenantId, resolveDataProvider, bulkRemove, emitDomainEvent, entityEventKey, useTranslation, useDataChanged, emitDataChanged, exportCSV, formatDateTime as formatDateTime$1, formatDate as formatDate$1, formatCurrency as formatCurrency$1, bulkCreate, matchesRange, isConnectorCategory, reportAppError, usePluginRuntimeOptional, getWidgetsForZone, resolvePluginComponent, setCurrentLocale, resolvePluginRuntime, PluginRuntimeProvider, I18nProvider, getAllEntities, defineApp, registerScaffold, getCountry, DEFAULT_COUNTRY, useActiveTenantId, maskPhone, useConnectorsForPlugin, renderApp as renderApp$1, unmaskPhone, parseRangeFilter, isFilterObject, connectionKey, useManifest, usePluginRuntime, installGlobalErrorHandlers, mergeTranslations, coreTranslations, attachPersistentCache, getPersistentCache, createMockProvider, listConnections, connectorPlanes, connectorPermissions, connectorEntities, preferredPlane, connectorDirection, searchEverything, registerEventSink, getComponent, getPluginFactory, connectorSettings, groupedPermissions, invocationPlane, missingRequiredSettings, isSettingSet, connectorSubscribesTo, eventKeyMatches } from '@fayz-ai/core';
 export { ConnectorRuntimeTokenUnavailableError, createSafeDataProvider, formatDate, formatDateTime, getActiveLocale, getActiveTenantId, getConnectorRuntimeTokenSource, getCurrentLocale, getSupabaseClientOptional, preloadLocale, resolveBackendEnv, setConnectorRuntimeTokenSource, setCurrentLocale, tl, useActiveTenantId } from '@fayz-ai/core';
 import { usePasswordSetupGate, SetPasswordPage, AuthGate, AuthProvider, createAuthRuntime } from '@fayz-ai/plugin-auth';
 export { LoginPage } from '@fayz-ai/plugin-auth';
-import { toast, usePageTrailParent, navigateToCrumb, Button, PageHeader, ConfirmDialog, FilterChip, Dropdown, DropdownTrigger, Hint, cn, DropdownContent, DropdownLabel, DropdownItem, DropdownSeparator, RefreshButton, HeaderTabs, StatTiles, BulkActionBar, Card, DataTable, Modal, ModalContent, ModalHeader, ModalTitle, ModalDescription, ModalFooter, Badge, getLucideIcon, ICON_MAP, Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription, SheetBody, useLayoutStore, Skeleton, Input, useSaveBar, useBackHandler, SubpageHeader, Separator, Tabs, TabsList, TabsTrigger, TabsContent, CardContent, ToastProvider, NavTransitionProvider, ListView, Thumbnail, SearchSelect, CurrencyInput, SearchField, ChevronPager, useModuleLayout, Popover, PopoverTrigger, PopoverContent, PhoneLink, normalizePhone, ModalPortal, ModalOverlay, ModalBody, SearchCombobox, usePageTrail, AppShellSkeleton, ModuleLayoutProvider, AppShell, PageTransition, createFayzTheme, Checkbox, MarkdownEditor, Switch, Markdown, PageTrail, Avatar, AvatarImage, AvatarFallback, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, CardTitle, CardDescription, DropdownSub, DropdownSubTrigger, DropdownSubContent, DropdownRadioGroup, DropdownRadioItem, CardHeader, CardFooter } from '@fayz-ai/ui';
+import { toast, usePageTrailParent, navigateToCrumb, Button, PageHeader, ConfirmDialog, FilterChip, Dropdown, DropdownTrigger, Hint, cn, DropdownContent, DropdownLabel, DropdownItem, DropdownSeparator, RefreshButton, PageHeaderActions, PageTabs, StatTiles, Card, BulkActionBar, DataTable, Modal, ModalContent, ModalHeader, ModalTitle, ModalDescription, ModalFooter, Badge, useModuleLayout, ICON_MAP, getLucideIcon, Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription, SheetBody, useLayoutStore, Skeleton, Input, useSaveBar, useBackHandler, SubpageHeader, Separator, Tabs, TabsList, TabsTrigger, TabsContent, CardContent, ToastProvider, NavTransitionProvider, ListView, Thumbnail, SearchSelect, CurrencyInput, SearchField, ChevronPager, Popover, PopoverTrigger, PopoverContent, PhoneLink, normalizePhone, ModalPortal, ModalOverlay, ModalBody, SearchCombobox, usePageTrail, AppShellSkeleton, ModuleLayoutProvider, AppShell, PageTransition, PageRail, RailNavItem, createFayzTheme, Checkbox, MarkdownEditor, Switch, Markdown, PageTrail, Avatar, AvatarImage, AvatarFallback, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, CardTitle, CardDescription, DropdownSub, DropdownSubTrigger, DropdownSubContent, DropdownRadioGroup, DropdownRadioItem, CardHeader, CardFooter } from '@fayz-ai/ui';
 export { createFayzTheme, fayzThemePresets } from '@fayz-ai/ui';
 import * as LucideIcons3 from 'lucide-react';
-import { Globe, Store, LayoutTemplate, Trash2, Upload, Search, ArrowDown, ArrowUp, ArrowUpDown, Check, Download, ChevronLeft, ChevronRight, AlertTriangle, Pencil, Inbox, Package, X, Sparkles, Plug, Loader2, ArrowDownToLine, ArrowUpFromLine, CheckCircle2, Crown, ArrowRight, ArrowLeft, SquarePen, Settings2, MessageSquare, RotateCcw, Copy, ChevronsUpDown, ExternalLink, PenSquare, RefreshCw, Plus, XCircle, Clock, Star, Edit, Eye, ShoppingBag, ChevronDown, Settings, Mail, MessageCircle, Cake, Calendar, TableProperties, Mic, BookOpen, Paperclip, ShieldCheck, Infinity, Play, Square, StickyNote, ArrowUpRight, Pause, CalendarDays, CircleCheckBig, UserX, Ban, CircleAlert, CircleEllipsis, FileText, CircleDashed, Power, File, FileImage, FileSpreadsheet, AlertCircle, CreditCard, Users, MapPin, SlidersHorizontal, Puzzle, Building2, User, Shield, Palette, ShieldAlert, UserCog, LogOut, Bell, PinOff, Pin, ImagePlus, Database, Radio, Zap, Save, UserPlus, MoreHorizontal, Sun, Moon, Monitor, Languages, CheckCheck, Info, CheckSquare2, Camera, KeyRound, Bug, Wrench, Heart, Briefcase, BarChart3, Tag, Truck } from 'lucide-react';
+import { Globe, Store, LayoutTemplate, Trash2, Upload, Search, ArrowDown, ArrowUp, ArrowUpDown, Check, Download, ChevronLeft, ChevronRight, AlertTriangle, Pencil, Plus, ChevronDown, Inbox, Package, X, Sparkles, Plug, Loader2, ArrowDownToLine, ArrowUpFromLine, CheckCircle2, Crown, ArrowRight, ArrowLeft, SquarePen, Settings2, MessageSquare, RotateCcw, Copy, ChevronsUpDown, ExternalLink, PenSquare, RefreshCw, XCircle, Clock, Star, Edit, Eye, ShoppingBag, Settings, Mail, MessageCircle, Cake, Calendar, TableProperties, Mic, BookOpen, Paperclip, ShieldCheck, Infinity, Play, Square, StickyNote, ArrowUpRight, Pause, CalendarDays, CircleCheckBig, UserX, Ban, CircleAlert, CircleEllipsis, FileText, CircleDashed, Power, File, FileImage, FileSpreadsheet, AlertCircle, CreditCard, Users, MapPin, SlidersHorizontal, Puzzle, Building2, User, Shield, Palette, ShieldAlert, UserCog, LogOut, Bell, PinOff, Pin, ImagePlus, Database, Radio, Zap, Save, UserPlus, MoreHorizontal, Sun, Moon, Monitor, Languages, CheckCheck, Info, CheckSquare2, Camera, KeyRound, Bug, Wrench, Heart, Briefcase, BarChart3, Tag, Truck } from 'lucide-react';
 import { create, useStore } from 'zustand';
 import { useAuthStore, useAuth } from '@fayz-ai/auth';
 export { useAuth } from '@fayz-ai/auth';
@@ -843,7 +843,7 @@ function getServerVersion() {
   return 0;
 }
 function useAssistantActivity() {
-  React63.useSyncExternalStore(subscribe, getVersion, getServerVersion);
+  React65.useSyncExternalStore(subscribe, getVersion, getServerVersion);
   return pickActivity(activities);
 }
 function pickActivity(list) {
@@ -853,18 +853,18 @@ function pickActivity(list) {
   return pool.find((a) => a.kind === "recording") ?? pool[0];
 }
 function useAssistantLaunchers() {
-  React63.useSyncExternalStore(subscribe, getVersion, getServerVersion);
+  React65.useSyncExternalStore(subscribe, getVersion, getServerVersion);
   return launchers;
 }
 function usePublishAssistantActivity(activity) {
   const id = activity?.id;
   const key = activity ? `${activity.id}|${activity.kind}|${activity.label}|${activity.state}|${activity.elapsedMs ?? ""}|${(activity.actions ?? []).map((a) => a.intent).join(",")}` : null;
-  const ref = React63.useRef(activity);
+  const ref = React65.useRef(activity);
   ref.current = activity;
-  React63.useEffect(() => {
+  React65.useEffect(() => {
     if (ref.current) publishAssistantActivity(ref.current);
   }, [key]);
-  React63.useEffect(() => {
+  React65.useEffect(() => {
     if (!id) return;
     return () => withdrawAssistantActivity(id);
   }, [id]);
@@ -872,12 +872,12 @@ function usePublishAssistantActivity(activity) {
 function useRegisterAssistantLauncher(launcher) {
   const id = launcher?.id;
   const key = launcher ? `${launcher.id}|${launcher.label}|${launcher.disabled ? "1" : "0"}` : null;
-  const ref = React63.useRef(launcher);
+  const ref = React65.useRef(launcher);
   ref.current = launcher;
-  React63.useEffect(() => {
+  React65.useEffect(() => {
     if (ref.current) registerAssistantLauncher(ref.current);
   }, [key]);
-  React63.useEffect(() => {
+  React65.useEffect(() => {
     if (!id) return;
     return () => unregisterAssistantLauncher(id);
   }, [id]);
@@ -941,17 +941,17 @@ function useRightRailPanel(panel) {
   const icon = panel?.icon;
   const badgeCount = panel?.badge?.count;
   const badgeTone = panel?.badge?.tone;
-  const initial = React63.useRef({ label, icon });
-  React63.useEffect(() => {
+  const initial = React65.useRef({ label, icon });
+  React65.useEffect(() => {
     if (!id || !Component2) return;
     register({ id, label: initial.current.label ?? id, order, Component: Component2, icon: initial.current.icon });
     return () => unregister(id);
   }, [id, order, Component2, register, unregister]);
-  React63.useEffect(() => {
+  React65.useEffect(() => {
     if (!id) return;
     updateMeta(id, { label, icon });
   }, [id, label, icon, updateMeta]);
-  React63.useEffect(() => {
+  React65.useEffect(() => {
     if (!id) return;
     updateBadge(id, badgeCount !== void 0 ? { count: badgeCount, tone: badgeTone } : void 0);
   }, [id, badgeCount, badgeTone, updateBadge]);
@@ -1046,7 +1046,7 @@ function AssistantInvite({ className, ...def }) {
   const { id, persona, headline, pitch, description, placeholder, auto } = def;
   const suggestions = def.suggestions;
   const suggestionKey = JSON.stringify(suggestions ?? []);
-  React63.useEffect(() => {
+  React65.useEffect(() => {
     if (!hasAssistant) return;
     setInvite({
       id,
@@ -1060,11 +1060,11 @@ function AssistantInvite({ className, ...def }) {
     });
     return () => setInvite(null, id);
   }, [hasAssistant, id, persona, headline, pitch, description, placeholder, auto, suggestionKey, setInvite]);
-  const anchorRef = React63.useRef(null);
-  const [box, setBox] = React63.useState(null);
+  const anchorRef = React65.useRef(null);
+  const [box, setBox] = React65.useState(null);
   const docked = stage === "dock" && !railOpen && hasAssistant;
   const showing = hasAssistant && (stage === "hero" || docked);
-  React63.useEffect(() => {
+  React65.useEffect(() => {
     if (!showing) return;
     const el = anchorRef.current;
     if (!el) return;
@@ -1085,7 +1085,7 @@ function AssistantInvite({ className, ...def }) {
   }, [showing]);
   const setDockBox = useAssistantInviteStore((s) => s.setDockBox);
   const wide = useWideViewport();
-  React63.useEffect(() => {
+  React65.useEffect(() => {
     if (!docked || !wide || !box) {
       setDockBox(null);
       return;
@@ -1099,7 +1099,7 @@ function AssistantInvite({ className, ...def }) {
 function useAsk() {
   const queuePrompt = useChatStore((s) => s.queuePrompt);
   const dismiss = useAssistantInviteStore((s) => s.dismiss);
-  return React63.useCallback(
+  return React65.useCallback(
     (text) => {
       const trimmed = text.trim();
       if (!trimmed) return;
@@ -1117,9 +1117,9 @@ function InviteHero({
   const { t } = useTranslation$1();
   const user = useAuthStore((s) => s.user);
   const ask = useAsk();
-  const [draft, setDraft] = React63.useState("");
+  const [draft, setDraft] = React65.useState("");
   const name = (user?.fullName || user?.email || "").split(/[\s@]/)[0];
-  React63.useEffect(() => {
+  React65.useEffect(() => {
     const onKey = (event) => {
       if (event.key === "Escape") onDismiss();
     };
@@ -1181,8 +1181,8 @@ function InviteHero({
   );
 }
 function useMorphIn(skip = false) {
-  const [entered, setEntered] = React63.useState(() => skip || prefersReducedMotion());
-  React63.useEffect(() => {
+  const [entered, setEntered] = React65.useState(() => skip || prefersReducedMotion());
+  React65.useEffect(() => {
     if (entered) return;
     let second = 0;
     const first = requestAnimationFrame(() => {
@@ -1201,10 +1201,10 @@ function prefersReducedMotion() {
 var lastDockExit = null;
 var RESUME_WINDOW_MS = 700;
 function useWideViewport() {
-  const [wide, setWide] = React63.useState(
+  const [wide, setWide] = React65.useState(
     () => typeof window !== "undefined" && !!window.matchMedia?.("(min-width: 768px)").matches
   );
-  React63.useEffect(() => {
+  React65.useEffect(() => {
     const query = window.matchMedia?.("(min-width: 768px)");
     if (!query) return;
     const sync = () => setWide(query.matches);
@@ -1235,16 +1235,22 @@ function InviteDock({ def, left, maxWidth }) {
   const setOpen = useChatStore((s) => s.setOpen);
   const railOpen = useRightRailStore((s) => s.open);
   const railWidth = useRightRailStore((s) => s.width);
-  const [draft, setDraft] = React63.useState("");
-  const resumed = React63.useRef(
+  const [draft, setDraft] = React65.useState("");
+  const resumed = React65.useRef(
     !!lastDockExit && lastDockExit.id === def.id && Date.now() - lastDockExit.at < RESUME_WINDOW_MS
   ).current;
-  React63.useEffect(() => () => {
+  React65.useEffect(() => () => {
     lastDockExit = { id: def.id, at: Date.now() };
   }, [def.id]);
   const entered = useMorphIn(resumed);
   const width = Math.min(maxWidth, DOCK_MAX_WIDTH);
   const morph = morphStyles({ left, width }, railOpen, railWidth);
+  const [settled, setSettled] = React65.useState(resumed);
+  React65.useEffect(() => {
+    if (!entered || settled) return;
+    const id = setTimeout(() => setSettled(true), MORPH_MS + 60);
+    return () => clearTimeout(id);
+  }, [entered, settled]);
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -1255,7 +1261,8 @@ function InviteDock({ def, left, maxWidth }) {
         // Arrives as the FAB and unrolls leftward into a composer. The circle it
         // grows out of is the one that just disappeared from that exact spot.
         ...entered ? morph.open : morph.collapsed,
-        transition: prefersReducedMotion() ? void 0 : morph.transition
+        transition: prefersReducedMotion() ? void 0 : morph.transition,
+        ...settled ? { transform: "none", clipPath: "none", marginLeft: -width / 2 } : null
       },
       children: /* @__PURE__ */ jsx(
         InviteComposer,
@@ -1373,7 +1380,7 @@ function MorphBackPill() {
   const railWidth = useRightRailStore((s) => s.width);
   const { t } = useTranslation$1();
   const collapsed = useMorphIn();
-  React63.useEffect(() => {
+  React65.useEffect(() => {
     if (prefersReducedMotion()) {
       endLeave();
       return;
@@ -1909,12 +1916,12 @@ function detectActivePluginId(runtime) {
 function useAITools() {
   const runtime = usePluginRuntimeOptional();
   const access = useAccessOptional();
-  const surfaceVersion = React63.useSyncExternalStore(subscribeSurfaces, getSurfaceVersion, getSurfaceVersion);
+  const surfaceVersion = React65.useSyncExternalStore(subscribeSurfaces, getSurfaceVersion, getSurfaceVersion);
   const features = usePermissionsStore((s) => s.features);
   const profiles = usePermissionsStore((s) => s.profiles);
   const hasSystem = useSystemPermission();
   const canManagePermissions = hasSystem("manage_permissions");
-  return React63.useMemo(() => {
+  return React65.useMemo(() => {
     const hasPermission = runtime?.context.hasPermission;
     const can = access.can;
     const verticalId = runtime?.context.tenant?.verticalId;
@@ -1997,8 +2004,8 @@ function navigateTo(to) {
   adapter.navigate(normalizeAdminPath(to));
 }
 function useAdminPath() {
-  const [path, setPath] = React63.useState(() => normalizeAdminPath(adapter.getCurrentPath() || "/"));
-  React63.useEffect(() => {
+  const [path, setPath] = React65.useState(() => normalizeAdminPath(adapter.getCurrentPath() || "/"));
+  React65.useEffect(() => {
     return adapter.onPathChange((p) => {
       setPath(normalizeAdminPath(p || "/"));
       if (typeof window !== "undefined") window.scrollTo(0, 0);
@@ -3245,6 +3252,20 @@ async function executeRpcTool(rpcName, args, userId) {
 
 // src/components/connect/connector-map.generated.ts
 var SDK_INTEGRATIONS = [
+  {
+    slug: "99food",
+    name: "99Food",
+    description: "Traga para a cozinha cada pedido feito no 99Food, e avise o 99Food quando ele for confirmado e sair.",
+    icon: "Bike",
+    logoUrl: "https://assets.fayz.ai/connectors/99food.jpeg",
+    category: "marketplace",
+    direction: "inbound",
+    planes: ["sync"],
+    moduleId: "orders",
+    status: "available",
+    connectorId: "99food",
+    declaredBy: { pluginId: "orders", package: "@fayz-ai/plugin-orders" }
+  },
   {
     slug: "abacatepay",
     name: "AbacatePay",
@@ -3314,6 +3335,20 @@ var SDK_INTEGRATIONS = [
     status: "soon",
     declaredBy: { pluginId: "agenda", package: "@fayz-ai/plugin-agenda" }
   },
+  {
+    slug: "cielo",
+    name: "Cielo",
+    description: "Traga para o Financeiro tudo que entrou na Cielo \u2014 cr\xE9dito, d\xE9bito e Pix \u2014 com a taxa e a data do repasse.",
+    icon: "CreditCard",
+    logoUrl: "https://assets.fayz.ai/connectors/cielo.jpg",
+    category: "payments",
+    direction: "inbound",
+    planes: ["sync"],
+    moduleId: "financial",
+    status: "available",
+    connectorId: "cielo",
+    declaredBy: { pluginId: "financial", package: "@fayz-ai/plugin-financial" }
+  },
   {
     slug: "google-analytics",
     name: "Google Analytics",
@@ -3382,6 +3417,34 @@ var SDK_INTEGRATIONS = [
     status: "soon",
     declaredBy: { pluginId: "crm", package: "@fayz-ai/plugin-crm" }
   },
+  {
+    slug: "ifood",
+    name: "iFood",
+    description: "Traga para a cozinha cada pedido feito no iFood, e avise o iFood quando ele for confirmado e sair.",
+    icon: "Bike",
+    logoUrl: "https://assets.fayz.ai/connectors/ifood.jpg",
+    category: "marketplace",
+    direction: "inbound",
+    planes: ["sync"],
+    moduleId: "orders",
+    status: "available",
+    connectorId: "ifood",
+    declaredBy: { pluginId: "orders", package: "@fayz-ai/plugin-orders" }
+  },
+  {
+    slug: "keeta",
+    name: "Keeta",
+    description: "Traga para a cozinha cada pedido feito no Keeta, e avise o Keeta quando ele for confirmado e sair.",
+    icon: "Bike",
+    logoUrl: "https://assets.fayz.ai/connectors/keeta.jpeg",
+    category: "marketplace",
+    direction: "inbound",
+    planes: ["sync"],
+    moduleId: "orders",
+    status: "available",
+    connectorId: "keeta",
+    declaredBy: { pluginId: "orders", package: "@fayz-ai/plugin-orders" }
+  },
   {
     slug: "kiwify",
     name: "Kiwify",
@@ -3439,11 +3502,16 @@ var SDK_INTEGRATIONS = [
   },
   {
     slug: "mercadopago",
-    name: "MercadoPago",
+    name: "Mercado Pago",
+    description: "Traga para o Financeiro tudo que entrou no Mercado Pago \u2014 Pix, cart\xE3o e maquininha \u2014 com a taxa e a data do repasse.",
+    icon: "CreditCard",
     logoUrl: "https://assets.fayz.ai/connectors/mercadopago.png",
     category: "payments",
+    direction: "inbound",
+    planes: ["sync"],
     moduleId: "financial",
-    status: "soon",
+    status: "available",
+    connectorId: "mercadopago",
     declaredBy: { pluginId: "financial", package: "@fayz-ai/plugin-financial" }
   },
   {
@@ -3464,6 +3532,20 @@ var SDK_INTEGRATIONS = [
     status: "soon",
     declaredBy: { pluginId: "financial", package: "@fayz-ai/plugin-financial" }
   },
+  {
+    slug: "pagbank",
+    name: "PagBank",
+    description: "Traga para o Financeiro tudo que entrou no PagBank \u2014 Pix, cart\xE3o e maquininha \u2014 com a taxa e a data do repasse.",
+    icon: "CreditCard",
+    logoUrl: "https://assets.fayz.ai/connectors/pagbank_pagseguro.png",
+    category: "payments",
+    direction: "inbound",
+    planes: ["sync"],
+    moduleId: "financial",
+    status: "available",
+    connectorId: "pagbank",
+    declaredBy: { pluginId: "financial", package: "@fayz-ai/plugin-financial" }
+  },
   {
     slug: "ranklayer",
     name: "RankLayer",
@@ -3508,10 +3590,15 @@ var SDK_INTEGRATIONS = [
   {
     slug: "stone",
     name: "Stone",
+    description: "Traga para o Financeiro tudo que entrou na Stone \u2014 cr\xE9dito, d\xE9bito, Pix e vale \u2014 com a taxa e a data do repasse.",
+    icon: "CreditCard",
     logoUrl: "https://assets.fayz.ai/connectors/stone.jpeg",
     category: "payments",
+    direction: "inbound",
+    planes: ["sync"],
     moduleId: "financial",
-    status: "soon",
+    status: "available",
+    connectorId: "stone",
     declaredBy: { pluginId: "financial", package: "@fayz-ai/plugin-financial" }
   },
   {
@@ -3943,8 +4030,8 @@ function loadCatalog() {
   return catalogPromise;
 }
 function useConnectorCatalog() {
-  const [catalog, setCatalog] = React63__default.useState(null);
-  React63__default.useEffect(() => {
+  const [catalog, setCatalog] = React65__default.useState(null);
+  React65__default.useEffect(() => {
     let cancelled = false;
     void loadCatalog().then((list) => {
       if (!cancelled) setCatalog(list);
@@ -3968,7 +4055,7 @@ function refreshConnectors() {
   _revisionListeners.forEach((listener) => listener());
 }
 function useConnectorsRevision() {
-  return React63__default.useSyncExternalStore(
+  return React65__default.useSyncExternalStore(
     (listener) => {
       _revisionListeners.add(listener);
       return () => _revisionListeners.delete(listener);
@@ -3987,11 +4074,11 @@ function loadGrants(key, fetcher) {
 }
 function useInstalledModuleIds() {
   const runtime = usePluginRuntimeOptional();
-  return React63__default.useMemo(() => (runtime?.plugins ?? []).map((p) => p.id), [runtime]);
+  return React65__default.useMemo(() => (runtime?.plugins ?? []).map((p) => p.id), [runtime]);
 }
 function useInstalledDefinitions(hostPluginId) {
   const runtime = usePluginRuntimeOptional();
-  return React63__default.useMemo(() => {
+  return React65__default.useMemo(() => {
     const byHost = runtime?.connectorsByHost;
     if (!byHost) return [];
     if (hostPluginId) return byHost.get(hostPluginId) ?? [];
@@ -4004,12 +4091,12 @@ function useConnectors(options = {}) {
   const catalog = useConnectorCatalog();
   const tenant = useTenantOptional();
   const tenantId2 = tenant?.org?.id;
-  const connection = React63__default.useMemo(() => resolveFayzAgentConnection(), []);
-  const [installed, setInstalled] = React63__default.useState(null);
-  const [grants, setGrants] = React63__default.useState(null);
-  const [error, setError] = React63__default.useState(null);
+  const connection = React65__default.useMemo(() => resolveFayzAgentConnection(), []);
+  const [installed, setInstalled] = React65__default.useState(null);
+  const [grants, setGrants] = React65__default.useState(null);
+  const [error, setError] = React65__default.useState(null);
   const nonce = useConnectorsRevision();
-  const call = React63__default.useCallback(
+  const call = React65__default.useCallback(
     async (path, init) => {
       if (!connection) throw new Error("Este app n\xE3o est\xE1 ligado a um projeto Fayz.");
       const supabase = getFayzSupabaseClientOptional();
@@ -4029,7 +4116,7 @@ function useConnectors(options = {}) {
     },
     [connection]
   );
-  React63__default.useEffect(() => {
+  React65__default.useEffect(() => {
     let cancelled = false;
     void loadConnectorStatuses(definitions, tenantId2).then((list) => {
       if (!cancelled) setInstalled(list);
@@ -4038,7 +4125,7 @@ function useConnectors(options = {}) {
       cancelled = true;
     };
   }, [definitions, tenantId2, nonce]);
-  React63__default.useEffect(() => {
+  React65__default.useEffect(() => {
     if (!includeGrants || !connection || !tenantId2) {
       setGrants(includeGrants ? null : []);
       return;
@@ -4062,7 +4149,7 @@ function useConnectors(options = {}) {
       cancelled = true;
     };
   }, [call, tenantId2, includeGrants, connection, nonce]);
-  const revokeGrant = React63__default.useCallback(
+  const revokeGrant = React65__default.useCallback(
     async (connector) => {
       const response = await call(`/${connector.id}`, { method: "DELETE" });
       if (!response.ok) {
@@ -4075,7 +4162,7 @@ function useConnectors(options = {}) {
     [call]
   );
   const waitingGrants = includeGrants && !!connection && !!tenantId2 && grants === null;
-  const connectors = React63__default.useMemo(() => {
+  const connectors = React65__default.useMemo(() => {
     if (installed === null || waitingGrants) return null;
     return buildConnectorList({
       installed,
@@ -4744,9 +4831,9 @@ function prefersReducedMotion2() {
   return typeof window !== "undefined" && !!window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
 }
 function TypewriterText({ text, speed = 26, onDone }) {
-  const [displayed, setDisplayed] = React63.useState("");
-  const indexRef = React63.useRef(0);
-  React63.useEffect(() => {
+  const [displayed, setDisplayed] = React65.useState("");
+  const indexRef = React65.useRef(0);
+  React65.useEffect(() => {
     if (prefersReducedMotion2()) {
       setDisplayed(text);
       onDone?.();
@@ -4830,11 +4917,11 @@ function ChatFab({ className, apiEndpoint, systemPrompt, agent, voice, mobile })
   const { contextualSuggestions } = useAITools();
   const { sendMessage } = useChat({ apiEndpoint, systemPrompt, agent });
   const { t } = useTranslation$1();
-  const [phase, setPhase] = React63.useState("idle");
-  const [activeSuggestion, setActiveSuggestion] = React63.useState(null);
-  const timersRef = React63.useRef([]);
-  const prevSuggestionRef = React63.useRef(null);
-  React63.useEffect(ensureStyles, []);
+  const [phase, setPhase] = React65.useState("idle");
+  const [activeSuggestion, setActiveSuggestion] = React65.useState(null);
+  const timersRef = React65.useRef([]);
+  const prevSuggestionRef = React65.useRef(null);
+  React65.useEffect(ensureStyles, []);
   const clearTimers = () => {
     timersRef.current.forEach(clearTimeout);
     timersRef.current = [];
@@ -4846,10 +4933,10 @@ function ChatFab({ className, apiEndpoint, systemPrompt, agent, voice, mobile })
   const topLabel = topSuggestion?.label ?? null;
   const invited = useAssistantInviteStore((s) => !!s.invite && s.stage === "dock");
   const morphingBack = useAssistantInviteStore((s) => !!s.leaving);
-  const [wide, setWide] = React63.useState(
+  const [wide, setWide] = React65.useState(
     () => typeof window !== "undefined" && !!window.matchMedia?.("(min-width: 768px)").matches
   );
-  React63.useEffect(() => {
+  React65.useEffect(() => {
     const query = window.matchMedia?.("(min-width: 768px)");
     if (!query) return;
     const sync = () => setWide(query.matches);
@@ -4858,7 +4945,7 @@ function ChatFab({ className, apiEndpoint, systemPrompt, agent, voice, mobile })
     return () => query.removeEventListener("change", sync);
   }, []);
   const teaserAllowed = !hasMessages && !activity && !invited && !teaserDismissed() && teaserShownCount() < TEASER_MAX_PER_SESSION;
-  React63.useEffect(() => {
+  React65.useEffect(() => {
     if (expanded || !topSuggestion || !topLabel || !teaserAllowed || teaserSeen().includes(topLabel)) {
       if (phase !== "idle") {
         clearTimers();
@@ -4889,14 +4976,14 @@ function ChatFab({ className, apiEndpoint, systemPrompt, agent, voice, mobile })
     }, 9e3);
     return clearTimers;
   }, [topLabel, expanded, teaserAllowed]);
-  React63.useEffect(() => {
+  React65.useEffect(() => {
     if (expanded && phase !== "idle") {
       clearTimers();
       setPhase("idle");
     }
   }, [expanded]);
-  const [entrance, setEntrance] = React63.useState("pending");
-  React63.useEffect(() => {
+  const [entrance, setEntrance] = React65.useState("pending");
+  React65.useEffect(() => {
     if (!currentOrg || entrance !== "pending") return;
     if (prefersReducedMotion2()) {
       setEntrance("done");
@@ -4906,9 +4993,9 @@ function ChatFab({ className, apiEndpoint, systemPrompt, agent, voice, mobile })
     const timer = setTimeout(() => setEntrance("done"), 1600);
     return () => clearTimeout(timer);
   }, [currentOrg, entrance]);
-  const [poppingBack, setPoppingBack] = React63.useState(false);
-  const wasMorphing = React63.useRef(false);
-  React63.useEffect(() => {
+  const [poppingBack, setPoppingBack] = React65.useState(false);
+  const wasMorphing = React65.useRef(false);
+  React65.useEffect(() => {
     const was = wasMorphing.current;
     wasMorphing.current = morphingBack;
     if (!was || morphingBack || prefersReducedMotion2()) return;
@@ -5148,7 +5235,7 @@ function ChatFab({ className, apiEndpoint, systemPrompt, agent, voice, mobile })
 var MAX_SUGGESTIONS = 5;
 function ChatSuggestions({ suggestions, onSelect, onDismiss, compact }) {
   const { t } = useTranslation$1();
-  const [open, setOpen] = React63.useState(true);
+  const [open, setOpen] = React65.useState(true);
   const visible = suggestions.slice(0, compact ? 3 : MAX_SUGGESTIONS);
   if (!visible.length) return null;
   return /* @__PURE__ */ jsxs(
@@ -5227,8 +5314,8 @@ function SuggestionRow({
   detail,
   onSelect
 }) {
-  const labelRef = React63.useRef(null);
-  const [showDetail, setShowDetail] = React63.useState(false);
+  const labelRef = React65.useRef(null);
+  const [showDetail, setShowDetail] = React65.useState(false);
   const evaluate = () => {
     const el = labelRef.current;
     const clipped = !!el && el.scrollWidth > el.clientWidth + 1;
@@ -5318,8 +5405,8 @@ function ChatToolsPanel({ toolGroups, onClose }) {
 }
 function AutoApprovalsSection() {
   const { t } = useTranslation$1();
-  const [rules, setRules] = React63.useState(() => listAutoApprovals());
-  React63.useEffect(() => subscribeAutoApprovals(() => setRules(listAutoApprovals())), []);
+  const [rules, setRules] = React65.useState(() => listAutoApprovals());
+  React65.useEffect(() => subscribeAutoApprovals(() => setRules(listAutoApprovals())), []);
   if (!rules.length) return null;
   return /* @__PURE__ */ jsxs("div", { className: "border-b border-border/40 px-3 py-2.5", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 px-1 pb-1.5", children: [
@@ -5386,9 +5473,9 @@ function ConnectorMark({
   connector,
   size = "md"
 }) {
-  const candidates = React63__default.useMemo(() => markCandidates(connector), [connector.logoUrl, connector.name]);
-  const [attempt, setAttempt] = React63__default.useState(0);
-  React63__default.useEffect(() => setAttempt(0), [connector.id]);
+  const candidates = React65__default.useMemo(() => markCandidates(connector), [connector.logoUrl, connector.name]);
+  const [attempt, setAttempt] = React65__default.useState(0);
+  React65__default.useEffect(() => setAttempt(0), [connector.id]);
   const box = size === "sm" ? "h-9 w-9" : "h-10 w-10";
   const glyph = size === "sm" ? "h-4 w-4" : "h-5 w-5";
   if (connector.builtIn) {
@@ -5658,15 +5745,15 @@ function ConnectorSyncActions({
   actions,
   onRan
 }) {
-  const [running, setRunning] = React63__default.useState(null);
-  const [open, setOpen] = React63__default.useState(null);
-  const [pending, setPending] = React63__default.useState(null);
-  const [hidden, setHidden] = React63__default.useState(() => /* @__PURE__ */ new Set());
-  const [queued, setQueued] = React63__default.useState({});
-  const [nonce, setNonce] = React63__default.useState(0);
-  const [expanded, setExpanded] = React63__default.useState(false);
-  const [resolved, setResolved] = React63__default.useState(false);
-  React63__default.useEffect(() => {
+  const [running, setRunning] = React65__default.useState(null);
+  const [open, setOpen] = React65__default.useState(null);
+  const [pending, setPending] = React65__default.useState(null);
+  const [hidden, setHidden] = React65__default.useState(() => /* @__PURE__ */ new Set());
+  const [queued, setQueued] = React65__default.useState({});
+  const [nonce, setNonce] = React65__default.useState(0);
+  const [expanded, setExpanded] = React65__default.useState(false);
+  const [resolved, setResolved] = React65__default.useState(false);
+  React65__default.useEffect(() => {
     let cancelled = false;
     setResolved(false);
     void Promise.all(
@@ -5851,10 +5938,10 @@ function formatRelative(iso, t) {
 }
 function useConnectorRuns(connector) {
   const listRuns = connector.definition?.listRuns;
-  const [runs, setRuns] = React63__default.useState([]);
-  const [loading, setLoading] = React63__default.useState(!!listRuns);
-  const [nonce, setNonce] = React63__default.useState(0);
-  React63__default.useEffect(() => {
+  const [runs, setRuns] = React65__default.useState([]);
+  const [loading, setLoading] = React65__default.useState(!!listRuns);
+  const [nonce, setNonce] = React65__default.useState(0);
+  React65__default.useEffect(() => {
     if (!listRuns) {
       setRuns([]);
       setLoading(false);
@@ -5876,7 +5963,7 @@ function useConnectorRuns(connector) {
   return {
     runs,
     loading,
-    reload: React63__default.useCallback(() => setNonce((n) => n + 1), []),
+    reload: React65__default.useCallback(() => setNonce((n) => n + 1), []),
     failing: isFailing(runs)
   };
 }
@@ -6088,13 +6175,13 @@ function ConnectorSettingsPanel({
   const { t } = useTranslation$1();
   const def = connector.definition;
   const settings = def ? connectorSettings(def) : [];
-  const [values, setValues] = React63__default.useState(
+  const [values, setValues] = React65__default.useState(
     () => initialValues(settings, {})
   );
-  const [loaded, setLoaded] = React63__default.useState(false);
-  const [saving, setSaving] = React63__default.useState(false);
-  const [dirty, setDirty] = React63__default.useState(false);
-  React63__default.useEffect(() => {
+  const [loaded, setLoaded] = React65__default.useState(false);
+  const [saving, setSaving] = React65__default.useState(false);
+  const [dirty, setDirty] = React65__default.useState(false);
+  React65__default.useEffect(() => {
     if (settings.length === 0 || !def?.getSettings) return;
     let cancelled = false;
     setLoaded(false);
@@ -6345,13 +6432,13 @@ function ConnectorInstall({
 }) {
   const { t } = useTranslation$1();
   const def = connector.definition;
-  const [plane, setPlane] = React63__default.useState(
+  const [plane, setPlane] = React65__default.useState(
     connector.planes.includes("agentic") ? "agentic" : connector.planes[0]
   );
-  const [values, setValues] = React63__default.useState({});
-  const secrets = React63__default.useRef({});
-  const [busy, setBusy] = React63__default.useState(null);
-  React63__default.useEffect(() => {
+  const [values, setValues] = React65__default.useState({});
+  const secrets = React65__default.useRef({});
+  const [busy, setBusy] = React65__default.useState(null);
+  React65__default.useEffect(() => {
     setValues({});
     secrets.current = {};
     setBusy(null);
@@ -6392,13 +6479,13 @@ function ConnectorHome({
   const needsSetup = connector.state === "needs_setup";
   const settingsAvailable = hasOperatingSettings(connector);
   const runsAvailable = hasRunHistory(connector);
-  const [tab, setTab] = React63__default.useState(
+  const [tab, setTab] = React65__default.useState(
     needsSetup && settingsAvailable ? "settings" : "overview"
   );
-  const [busy, setBusy] = React63__default.useState(null);
+  const [busy, setBusy] = React65__default.useState(null);
   const run = useRunner(setBusy, onChanged);
   const runs = useConnectorRuns(connector);
-  React63__default.useEffect(() => {
+  React65__default.useEffect(() => {
     setTab(needsSetup && settingsAvailable ? "settings" : "overview");
     setBusy(null);
   }, [connector.id]);
@@ -6475,7 +6562,7 @@ function ConnectorHome({
 }
 function useRunner(setBusy, onChanged) {
   const { t } = useTranslation$1();
-  return React63__default.useCallback(
+  return React65__default.useCallback(
     async (kind, fn, okMessage) => {
       setBusy(kind);
       try {
@@ -6584,7 +6671,7 @@ function ConnectPanel({
   const tenantId2 = useTenantOptional()?.org?.id;
   const needsSink = needsCredentialSink(def);
   const sinkMissing = needsSink && !getConnectorCredentialSink();
-  const [formKey, setFormKey] = React63__default.useState(0);
+  const [formKey, setFormKey] = React65__default.useState(0);
   if (def.authKind === "oauth") {
     return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
       /* @__PURE__ */ jsx(Note, { children: t("connectors.authorize.oauthOnly") }),
@@ -6716,7 +6803,7 @@ function GrantRevoke({
   onRevoke
 }) {
   const { t } = useTranslation$1();
-  const [revoking, setRevoking] = React63__default.useState(false);
+  const [revoking, setRevoking] = React65__default.useState(false);
   if (connector.revocable === false) {
     return /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("connectors.partOfApp") });
   }
@@ -6755,13 +6842,13 @@ function ConnectorsPanel({ onClose }) {
   const { connectors, reload, revokeGrant, agentAvailable, tenantReady } = useConnectors();
   const selectedId = useConnectorsSurface((s) => s.selected);
   const select = useConnectorsSurface((s) => s.select);
-  const [query, setQuery] = React63__default.useState("");
-  const [failure, setFailure] = React63__default.useState(null);
-  const selected = React63__default.useMemo(
+  const [query, setQuery] = React65__default.useState("");
+  const [failure, setFailure] = React65__default.useState(null);
+  const selected = React65__default.useMemo(
     () => (connectors ?? []).find((c) => c.id === selectedId) ?? null,
     [connectors, selectedId]
   );
-  const filtered = React63__default.useMemo(
+  const filtered = React65__default.useMemo(
     () => filterConnectors(connectors ?? [], "outbound", query),
     [connectors, query]
   );
@@ -6863,20 +6950,20 @@ function useDictation({
   onInterim
 }) {
   const resolvedLocale = locale ?? (typeof navigator !== "undefined" ? navigator.language || "pt-BR" : "pt-BR");
-  const [state, setState] = React63.useState("idle");
-  const [error, setError] = React63.useState(null);
-  const sessionRef = React63.useRef(null);
-  const callbacks = React63.useRef({ onTranscript, onInterim });
+  const [state, setState] = React65.useState("idle");
+  const [error, setError] = React65.useState(null);
+  const sessionRef = React65.useRef(null);
+  const callbacks = React65.useRef({ onTranscript, onInterim });
   callbacks.current = { onTranscript, onInterim };
-  const supported = React63.useMemo(
+  const supported = React65.useMemo(
     () => isDictationSupported(!!transcribeEndpoint),
     [transcribeEndpoint]
   );
-  const finish = React63.useCallback(() => {
+  const finish = React65.useCallback(() => {
     sessionRef.current = null;
     setState("idle");
   }, []);
-  const start = React63.useCallback(() => {
+  const start = React65.useCallback(() => {
     if (sessionRef.current || !supported) return;
     stopSpeaking();
     setError(null);
@@ -6897,28 +6984,28 @@ function useDictation({
       }
     );
   }, [finish, resolvedLocale, supported, transcribeEndpoint]);
-  const stop = React63.useCallback(() => {
+  const stop = React65.useCallback(() => {
     if (!sessionRef.current) return;
     if (transcribeEndpoint) setState("transcribing");
     sessionRef.current.stop();
   }, [transcribeEndpoint]);
-  const cancel = React63.useCallback(() => {
+  const cancel = React65.useCallback(() => {
     sessionRef.current?.cancel();
     sessionRef.current = null;
     setState("idle");
     setError(null);
   }, []);
-  const toggle = React63.useCallback(() => {
+  const toggle = React65.useCallback(() => {
     if (state === "listening" || state === "transcribing") stop();
     else start();
   }, [state, start, stop]);
-  React63.useEffect(() => () => sessionRef.current?.cancel(), []);
+  React65.useEffect(() => () => sessionRef.current?.cancel(), []);
   return { supported, state, error, start, stop, cancel, toggle, clearError: () => setError(null) };
 }
 function useMicLevels(active2, bandCount = 28, externalStream) {
-  const levelsRef = React63.useRef(new Float32Array(bandCount));
-  const [available, setAvailable] = React63.useState(false);
-  React63.useEffect(() => {
+  const levelsRef = React65.useRef(new Float32Array(bandCount));
+  const [available, setAvailable] = React65.useState(false);
+  React65.useEffect(() => {
     if (!active2) {
       levelsRef.current.fill(0);
       setAvailable(false);
@@ -6987,8 +7074,8 @@ var KIND_ICON = {
   binary: File
 };
 function useFileDrop(enabled, onFiles) {
-  const [dragging, setDragging] = React63.useState(false);
-  const depth = React63.useRef(0);
+  const [dragging, setDragging] = React65.useState(false);
+  const depth = React65.useRef(0);
   const carriesFiles = (event) => Array.from(event.dataTransfer?.types ?? []).includes("Files");
   const reset = () => {
     depth.current = 0;
@@ -7048,7 +7135,7 @@ function AttachmentChips({
   onRemove
 }) {
   const { t } = useTranslation$1();
-  const [openId, setOpenId] = React63.useState(null);
+  const [openId, setOpenId] = React65.useState(null);
   if (!attachments.length) return null;
   const opened = attachments.find((a) => a.id === openId);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -7159,8 +7246,8 @@ function ChatComposer({
   onToggleSuggestions
 }) {
   const { t } = useTranslation$1();
-  const [input, setInput] = React63.useState("");
-  const textareaRef = React63.useRef(null);
+  const [input, setInput] = React65.useState("");
+  const textareaRef = React65.useRef(null);
   const voiceStartRequested = useChatStore((s) => s.voiceStartRequested);
   const consumeVoiceStart = useChatStore((s) => s.consumeVoiceStart);
   const draft = useChatStore((s) => s.draft);
@@ -7168,13 +7255,13 @@ function ChatComposer({
   const attachments = useChatStore((s) => s.attachments);
   const addAttachments = useChatStore((s) => s.addAttachments);
   const removeAttachment = useChatStore((s) => s.removeAttachment);
-  const fileInputRef = React63.useRef(null);
+  const fileInputRef = React65.useRef(null);
   const autoSend = voice?.autoSend === true;
   const micEnabled = voice?.input !== false;
   const canAttach = isConfigured && !blocked && !isStreaming;
   const parsing = attachments.some((a) => a.status === "parsing");
   const readyAttachments = attachments.filter((a) => a.status === "ready").length;
-  const submit = React63.useCallback(
+  const submit = React65.useCallback(
     (text) => {
       const trimmed = text.trim();
       if (!trimmed && !readyAttachments || parsing || isStreaming || !isConfigured || blocked) return;
@@ -7207,7 +7294,7 @@ function ChatComposer({
   const WAVEFORM_BANDS = 56;
   const activity = useAssistantActivity();
   const sessionRecording = activity?.kind === "recording" && activity.state === "running";
-  const sessionStream = React63.useMemo(
+  const sessionStream = React65.useMemo(
     () => sessionRecording ? activity?.stream?.() ?? null : null,
     [sessionRecording, activity]
   );
@@ -7219,12 +7306,12 @@ function ChatComposer({
   );
   const sessionPause = activity?.actions?.find((a) => a.intent === "pause" || a.intent === "resume");
   const sessionOwnsMic = activity?.kind === "recording" && (activity.state === "running" || activity.state === "paused");
-  React63.useEffect(() => {
+  React65.useEffect(() => {
     if (!voiceStartRequested) return;
     consumeVoiceStart();
     if (showMic) dictation.start();
   }, [voiceStartRequested, showMic]);
-  React63.useEffect(() => {
+  React65.useEffect(() => {
     if (!draft) return;
     setInput(draft);
     setDraft("");
@@ -7234,7 +7321,7 @@ function ChatComposer({
       el.setSelectionRange(draft.length, draft.length);
     }
   }, [draft, setDraft]);
-  React63.useLayoutEffect(() => {
+  React65.useLayoutEffect(() => {
     const el = textareaRef.current;
     if (!el) return;
     const style = getComputedStyle(el);
@@ -7431,8 +7518,8 @@ function LiveWaveform({
   compact,
   tone = "primary"
 }) {
-  const barsRef = React63.useRef([]);
-  React63.useEffect(() => {
+  const barsRef = React65.useRef([]);
+  React65.useEffect(() => {
     if (!live) return;
     let frame = 0;
     const draw = () => {
@@ -7713,7 +7800,7 @@ function ConnectorSuggestionCard({ card }) {
   const setOpen = useChatStore((s) => s.setOpen);
   const category = categoryLabel(card.category);
   const live = isConnectorState(card.state) ? card.state : null;
-  const go = React63.useCallback(() => {
+  const go = React65.useCallback(() => {
     if (panelAvailable && card.id) {
       openConnectorsPanel({ id: card.id });
       return;
@@ -7770,7 +7857,7 @@ function humanizeToolName(name) {
 }
 function ToolCallRow({ call }) {
   const { t } = useTranslation$1();
-  const [open, setOpen] = React63.useState(false);
+  const [open, setOpen] = React65.useState(false);
   const failed = call.declined || /"error"\s*:/.test(call.result ?? "");
   return /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-xl border border-border/50 bg-muted/30", children: [
     /* @__PURE__ */ jsxs(
@@ -7833,7 +7920,7 @@ function ToolCallRow({ call }) {
 }
 function MessageBubble({ message, isPending }) {
   const isUser = message.role === "user";
-  const routedLinks = React63.useMemo(
+  const routedLinks = React65.useMemo(
     () => (message.links ?? []).filter(
       (l) => !!l.path || !!resolveEntityRoute(l.archetype, l.kind, l.entityKey)
     ),
@@ -7908,9 +7995,9 @@ function ConfirmActionCard({
   onResolve
 }) {
   const { t } = useTranslation$1();
-  const schema = React63.useMemo(() => action.fields ?? [], [action.fields]);
+  const schema = React65.useMemo(() => action.fields ?? [], [action.fields]);
   const partial = action.partial === true;
-  const seedValues = React63.useCallback(
+  const seedValues = React65.useCallback(
     (params) => {
       if (partial) return { ...params };
       const seeded = {};
@@ -7919,17 +8006,17 @@ function ConfirmActionCard({
     },
     [schema, partial]
   );
-  const [values, setValues] = React63.useState(() => seedValues(action.params));
-  const [showAll, setShowAll] = React63.useState(false);
-  React63.useEffect(() => setValues(seedValues(action.params)), [action.params, seedValues]);
+  const [values, setValues] = React65.useState(() => seedValues(action.params));
+  const [showAll, setShowAll] = React65.useState(false);
+  React65.useEffect(() => setValues(seedValues(action.params)), [action.params, seedValues]);
   const isSet = (v) => v !== void 0 && v !== null && v !== "";
-  const primaryKeys = React63.useMemo(() => {
+  const primaryKeys = React65.useMemo(() => {
     const keys = Object.keys(action.params).filter((k) => isSet(action.params[k]));
     if (partial) return keys;
     for (const f of schema) if (f.required && !keys.includes(f.key)) keys.push(f.key);
     return keys;
   }, [action.params, schema, partial]);
-  const extraKeys = React63.useMemo(
+  const extraKeys = React65.useMemo(
     () => schema.map((f) => f.key).filter((k) => !primaryKeys.includes(k) && k !== "id"),
     [schema, primaryKeys]
   );
@@ -7946,20 +8033,20 @@ function ConfirmActionCard({
   const translatedTool = t(toolKey);
   const heading = action.title ?? (translatedTool !== toolKey ? translatedTool : humanizeToolName(action.toolName));
   const ruleLabel = action.scopeLabel ?? heading;
-  const missingRequiredKeys = React63.useMemo(
+  const missingRequiredKeys = React65.useMemo(
     () => partial ? [] : schema.filter((f) => f.required && !isSet(values[f.key])).map((f) => f.key),
     [schema, values, partial]
   );
   const canConfirm = missingRequiredKeys.length === 0;
-  const submitted = React63.useCallback(
+  const submitted = React65.useCallback(
     () => partial ? Object.fromEntries(Object.entries(values).filter(([, v]) => isSet(v))) : values,
     [partial, values]
   );
-  const approve = React63.useCallback(() => {
+  const approve = React65.useCallback(() => {
     if (canConfirm) onResolve(true, submitted());
   }, [canConfirm, onResolve, submitted]);
-  const decline = React63.useCallback(() => onResolve(false), [onResolve]);
-  const approveAlways = React63.useCallback(() => {
+  const decline = React65.useCallback(() => onResolve(false), [onResolve]);
+  const approveAlways = React65.useCallback(() => {
     if (!canConfirm) return;
     grantAutoApproval({
       toolName: action.toolName,
@@ -7969,7 +8056,7 @@ function ConfirmActionCard({
     });
     onResolve(true, submitted());
   }, [canConfirm, action.toolName, action.scope, ruleLabel, destructive, onResolve, submitted]);
-  React63.useEffect(() => {
+  React65.useEffect(() => {
     const handler = (event) => {
       const target = event.target;
       const typing = target?.tagName === "INPUT" || target?.tagName === "TEXTAREA" || target?.tagName === "SELECT";
@@ -8303,7 +8390,7 @@ function UpgradePrompt({ feature, inline, className }) {
   const currentPlan = plans.find((p) => p.id === currentPlanId);
   const currentPrice = currentPlan?.price ?? 0;
   const currentPlanName = currentPlan?.name ?? tr("billing.free", "Free");
-  const featureName = React63.useMemo(() => {
+  const featureName = React65.useMemo(() => {
     if (!feature) return null;
     const label = features.find((f) => f.id === feature)?.label;
     if (label) return featureDisplayName(label);
@@ -8311,7 +8398,7 @@ function UpgradePrompt({ feature, inline, className }) {
     const named = t(key);
     return named && named !== key ? named : featureDisplayName(feature);
   }, [features, feature, t]);
-  const unlockingPlans = React63.useMemo(
+  const unlockingPlans = React65.useMemo(
     () => plans.filter((p) => p.id !== currentPlanId && p.price > currentPrice && planUnlocks(p, feature)).sort((a, b) => a.price - b.price),
     [plans, currentPlanId, currentPrice, feature]
   );
@@ -8489,30 +8576,30 @@ function ChatConversation({
     usable && !pendingAction && !isStreaming,
     addAttachments
   );
-  React63.useEffect(ensureIntroStyles, []);
+  React65.useEffect(ensureIntroStyles, []);
   const conversationsLoaded = useChatStore((s) => s.conversationsLoaded);
-  const hasHistoryBackend = React63.useMemo(
+  const hasHistoryBackend = React65.useMemo(
     () => !apiEndpoint && !!resolveFayzAgentConnection(agent),
     [apiEndpoint, agent]
   );
   const conversationsPending = hasHistoryBackend && !conversationsLoaded;
-  const [view, setView] = React63.useState(
+  const [view, setView] = React65.useState(
     () => useChatStore.getState().messages.length > 0 ? "thread" : "list"
   );
-  const [drawer, setDrawer] = React63.useState("none");
-  const [atBottom, setAtBottom] = React63.useState(true);
-  const scrollRef = React63.useRef(null);
+  const [drawer, setDrawer] = React65.useState("none");
+  const [atBottom, setAtBottom] = React65.useState(true);
+  const scrollRef = React65.useRef(null);
   const hasMessages = messages.length > 0;
   const totalTools = toolGroups.reduce((sum, g) => sum + g.tools.length, 0);
-  const scrollToBottom = React63.useCallback((behavior = "smooth") => {
+  const scrollToBottom = React65.useCallback((behavior = "smooth") => {
     const el = scrollRef.current;
     if (!el) return;
     el.scrollTo({ top: el.scrollHeight, behavior });
   }, []);
-  React63.useEffect(() => {
+  React65.useEffect(() => {
     if (atBottom) scrollToBottom();
   }, [messages, activeTools, pendingAction, atBottom, scrollToBottom]);
-  React63.useEffect(() => {
+  React65.useEffect(() => {
     loadConversations();
     setSuggestionsOpen(useChatStore.getState().messages.length === 0);
     return () => stopSpeaking();
@@ -8529,7 +8616,7 @@ function ChatConversation({
   };
   const queuedPrompt = useChatStore((s) => s.queuedPrompt);
   const consumeQueuedPrompt = useChatStore((s) => s.consumeQueuedPrompt);
-  React63.useEffect(() => {
+  React65.useEffect(() => {
     if (!queuedPrompt) return;
     const prompt = consumeQueuedPrompt();
     if (prompt && usable) send(prompt);
@@ -8537,7 +8624,7 @@ function ChatConversation({
   const toggleDrawer = (next) => setDrawer((current) => current === next ? "none" : next);
   const connectorsPending = useConnectorsSurface((s) => s.pending);
   const consumeConnectorsRequest = useConnectorsSurface((s) => s.consume);
-  React63.useEffect(() => {
+  React65.useEffect(() => {
     if (!connectorsPending) return;
     setDrawer("connectors");
     consumeConnectorsRequest();
@@ -8824,7 +8911,7 @@ function HeaderButton({
 function useDelegateToAssistant() {
   const queuePrompt = useChatStore((s) => s.queuePrompt);
   const openPanel = useRightRailStore((s) => s.openPanel);
-  return React63.useCallback(
+  return React65.useCallback(
     (prompt) => {
       queuePrompt(prompt);
       openPanel("chat");
@@ -8883,12 +8970,12 @@ function NotesPanel() {
   const user = useAuthStore((s) => s.user);
   const currentOrg = useOrganizationStore((s) => s.currentOrg);
   const key = storageKey2(currentOrg?.id ?? "local", user?.id ?? "anon");
-  const [notes, setNotes] = React63.useState(() => loadNotes(key));
-  const [openId, setOpenId] = React63.useState(null);
-  const [search, setSearch] = React63.useState("");
-  const [preview, setPreview] = React63.useState(false);
-  const [confirmingDelete, setConfirmingDelete] = React63.useState(null);
-  React63.useEffect(() => {
+  const [notes, setNotes] = React65.useState(() => loadNotes(key));
+  const [openId, setOpenId] = React65.useState(null);
+  const [search, setSearch] = React65.useState("");
+  const [preview, setPreview] = React65.useState(false);
+  const [confirmingDelete, setConfirmingDelete] = React65.useState(null);
+  React65.useEffect(() => {
     setNotes(loadNotes(key));
     setOpenId(null);
   }, [key]);
@@ -9121,10 +9208,10 @@ ${note.content}`
 function NoteTodosSection({ noteId, noteTitle, tr }) {
   const adapter2 = useNotesTasksBridge((s) => s.adapter);
   const delegate = useDelegateToAssistant();
-  const [todos, setTodos] = React63.useState([]);
-  const [draft, setDraft] = React63.useState("");
-  const [busy, setBusy] = React63.useState(false);
-  React63.useEffect(() => {
+  const [todos, setTodos] = React65.useState([]);
+  const [draft, setDraft] = React65.useState("");
+  const [busy, setBusy] = React65.useState(false);
+  React65.useEffect(() => {
     if (!adapter2) return;
     let alive = true;
     adapter2.listTodos(noteId).then((rows) => {
@@ -9275,11 +9362,11 @@ function NotesRailPanel() {
   const currentOrg = useOrganizationStore((s) => s.currentOrg);
   const key = storageKey2(currentOrg?.id ?? "local", user?.id ?? "anon");
   const count = useNotesCount((s) => s.count);
-  React63.useEffect(() => {
+  React65.useEffect(() => {
     useNotesCount.getState().setCount(loadNotes(key).length);
   }, [key]);
   useRightRailPanel(
-    React63.useMemo(
+    React65.useMemo(
       () => ({ id: "notes", label, icon: StickyNote, order: 30, badge: { count }, Component: NotesPanel }),
       [label, count]
     )
@@ -9933,7 +10020,7 @@ function useGlobalSearch() {
   );
   return { search, select, canOpen, targetCount: targets.length };
 }
-var RouteErrorBoundary = class extends React63.Component {
+var RouteErrorBoundary = class extends React65.Component {
   constructor() {
     super(...arguments);
     this.state = { crashed: false, report: null };
@@ -9975,7 +10062,7 @@ var RouteErrorBoundary = class extends React63.Component {
   }
 };
 function RouteErrorScreen({ report, tr, onBack, onRetry, backLabel }) {
-  const [copied, setCopied] = React63.useState(false);
+  const [copied, setCopied] = React65.useState(false);
   const copyDetails = () => {
     if (!report || typeof navigator === "undefined" || !navigator.clipboard) return;
     const details = [
@@ -10022,16 +10109,21 @@ function RouteErrorScreen({ report, tr, onBack, onRetry, backLabel }) {
     ] })
   ] });
 }
+var WidgetSurfaceContext = React65.createContext("rail");
+function useWidgetSurface() {
+  return React65.useContext(WidgetSurfaceContext);
+}
 function WidgetSlot({
   zone,
   contextOverrides,
+  surface,
   ...props
 }) {
   const runtime = usePluginRuntimeOptional();
   if (!runtime) return null;
   const widgets = getWidgetsForZone(runtime, zone, contextOverrides);
   if (!widgets.length) return null;
-  return /* @__PURE__ */ jsx(Fragment, { children: widgets.map((widget, i) => {
+  return /* @__PURE__ */ jsx(WidgetSurfaceContext.Provider, { value: surface ?? "rail", children: widgets.map((widget, i) => {
     const Component2 = resolvePluginComponent(widget);
     if (!Component2) return null;
     const w = widget;
@@ -10063,7 +10155,7 @@ function useNavContribution(id, entries2) {
   const setContribution = useNavContributionsStore((s) => s.setContribution);
   const clearContribution = useNavContributionsStore((s) => s.clearContribution);
   const key = JSON.stringify(entries2);
-  React63.useEffect(() => {
+  React65.useEffect(() => {
     setContribution(id, entries2);
     return () => clearContribution(id);
   }, [id, key]);
@@ -10093,7 +10185,7 @@ function useContextualNav(nav) {
   const setNav = useContextualNavStore((s) => s.setNav);
   const clearNav = useContextualNavStore((s) => s.clearNav);
   const key = nav ? JSON.stringify(nav) : null;
-  React63.useEffect(() => {
+  React65.useEffect(() => {
     if (!nav) return;
     setNav(nav);
     return () => clearNav(nav.base);
@@ -10244,10 +10336,10 @@ function SeuSiteWidget({ fallback, onEdit }) {
   const load = useFayzProjectsStore((s) => s.load);
   const loadedFor = useFayzProjectsStore((s) => s.loadedFor);
   const collapsed = useLayoutStore((s) => s.sidebarCollapsed);
-  const [selectedId, setSelectedId] = React63.useState(null);
-  const [hovered, setHovered] = React63.useState(false);
-  const [primed, setPrimed] = React63.useState(false);
-  const closeTimer = React63.useRef(null);
+  const [selectedId, setSelectedId] = React65.useState(null);
+  const [hovered, setHovered] = React65.useState(false);
+  const [primed, setPrimed] = React65.useState(false);
+  const closeTimer = React65.useRef(null);
   const cancelClose = () => {
     if (closeTimer.current) {
       clearTimeout(closeTimer.current);
@@ -10263,8 +10355,8 @@ function SeuSiteWidget({ fallback, onEdit }) {
     cancelClose();
     closeTimer.current = setTimeout(() => setHovered(false), 140);
   };
-  React63.useEffect(() => () => cancelClose(), []);
-  React63.useEffect(() => {
+  React65.useEffect(() => () => cancelClose(), []);
+  React65.useEffect(() => {
     if (loadedFor !== (currentOrgId ?? null)) void load(currentOrgId);
   }, [currentOrgId, loadedFor, load]);
   const active2 = projects.find((p) => p.id === selectedId) ?? defaultProjectOf(projects) ?? synthFromFallback(fallback);
@@ -10353,10 +10445,10 @@ function SitePreview({
   onEdit,
   tr
 }) {
-  const [nonce, setNonce] = React63.useState(0);
-  const [loading, setLoading] = React63.useState(true);
+  const [nonce, setNonce] = React65.useState(0);
+  const [loading, setLoading] = React65.useState(true);
   const url = project.previewUrl;
-  React63.useEffect(() => {
+  React65.useEffect(() => {
     setLoading(true);
   }, [nonce, url]);
   const action = "flex items-center gap-1.5 rounded-button px-2 py-1 text-[11.5px] font-medium text-sidebar-foreground/80 transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground disabled:cursor-not-allowed disabled:opacity-40";
@@ -10453,8 +10545,8 @@ function RightRail({ frame = true }) {
   const openPanel = useRightRailStore((s) => s.openPanel);
   const close = useRightRailStore((s) => s.close);
   const setWidth = useRightRailStore((s) => s.setWidth);
-  const rootRef = React63.useRef(null);
-  React63.useEffect(() => {
+  const rootRef = React65.useRef(null);
+  React65.useEffect(() => {
     if (!open) return;
     const el = rootRef.current;
     if (!el) return;
@@ -10679,9 +10771,9 @@ var TYPE_COLORS = {
   fix: "text-success"
 };
 function ChangelogFeed({ changelogUrl, className }) {
-  const [entries2, setEntries] = React63.useState([]);
-  const [loading, setLoading] = React63.useState(false);
-  React63.useEffect(() => {
+  const [entries2, setEntries] = React65.useState([]);
+  const [loading, setLoading] = React65.useState(false);
+  React65.useEffect(() => {
     if (!changelogUrl) return;
     setLoading(true);
     fetch(changelogUrl).then((r) => r.json()).then((data) => setEntries(data)).catch(() => setEntries([])).finally(() => setLoading(false));
@@ -10744,7 +10836,7 @@ function NotificationInbox({
   changelogUrl,
   className
 }) {
-  const [activeTab, setActiveTab] = React63.useState("inbox");
+  const [activeTab, setActiveTab] = React65.useState("inbox");
   const unreadCount = notifications.filter((n) => !n.read).length;
   const inboxNotifications = notifications.filter((n) => n.category !== "changelog");
   return /* @__PURE__ */ jsxs("div", { className: cn$1("flex w-80 flex-col", className), children: [
@@ -10840,15 +10932,15 @@ function NotificationInbox({
   ] });
 }
 function ConnectConsentPage({ appName, logo }) {
-  const [state, setState] = React63__default.useState({ status: "loading" });
-  const [tenantId2, setTenantId] = React63__default.useState("");
-  const request = React63__default.useMemo(
+  const [state, setState] = React65__default.useState({ status: "loading" });
+  const [tenantId2, setTenantId] = React65__default.useState("");
+  const request = React65__default.useMemo(
     () => new URLSearchParams(window.location.search).get("request") ?? "",
     []
   );
-  const connection = React63__default.useMemo(() => resolveFayzAgentConnection(), []);
+  const connection = React65__default.useMemo(() => resolveFayzAgentConnection(), []);
   const product = appName ?? document.title ?? "este app";
-  const authorizedFetch = React63__default.useCallback(
+  const authorizedFetch = React65__default.useCallback(
     async (path, init) => {
       if (!connection) throw new Error("Este app n\xE3o est\xE1 ligado a um projeto Fayz.");
       const supabase = getFayzSupabaseClientOptional();
@@ -10872,7 +10964,7 @@ function ConnectConsentPage({ appName, logo }) {
     },
     [connection]
   );
-  React63__default.useEffect(() => {
+  React65__default.useEffect(() => {
     let cancelled = false;
     (async () => {
       if (!request) {
@@ -11113,25 +11205,25 @@ function AddConnectorPanel({
   onSelect
 }) {
   const { t } = useTranslation$1();
-  const [query, setQuery] = React63__default.useState("");
+  const [query, setQuery] = React65__default.useState("");
   const modules = useInstalledModuleIds();
   const catalog = useConnectorCatalog();
   const scoped = !!categories?.length;
-  const addable = React63__default.useMemo(
+  const addable = React65__default.useMemo(
     () => inCategories(addableConnectors(connectors ?? []), categories),
     [connectors, categories]
   );
-  const shelf = React63__default.useMemo(() => {
+  const shelf = React65__default.useMemo(() => {
     if (connectors === null) return [];
     return inCategories(
       shelfIntegrations({ present: connectors, installedModules: modules, catalog: catalog ?? [] }),
       categories
     );
   }, [connectors, modules, catalog, categories]);
-  const filtered = React63__default.useMemo(() => filterConnectors(addable, "all", query), [addable, query]);
-  const filteredShelf = React63__default.useMemo(() => filterAvailable(shelf, query), [shelf, query]);
-  const soon = React63__default.useMemo(() => comingSoonHere(filteredShelf), [filteredShelf]);
-  const elsewhere = React63__default.useMemo(() => withAnotherModule(filteredShelf), [filteredShelf]);
+  const filtered = React65__default.useMemo(() => filterConnectors(addable, "all", query), [addable, query]);
+  const filteredShelf = React65__default.useMemo(() => filterAvailable(shelf, query), [shelf, query]);
+  const soon = React65__default.useMemo(() => comingSoonHere(filteredShelf), [filteredShelf]);
+  const elsewhere = React65__default.useMemo(() => withAnotherModule(filteredShelf), [filteredShelf]);
   const searchable = addable.length + shelf.length > 6;
   return /* @__PURE__ */ jsx(Modal, { open, onOpenChange, children: /* @__PURE__ */ jsxs(ModalContent, { size: "2xl", children: [
     /* @__PURE__ */ jsxs(ModalHeader, { children: [
@@ -11290,20 +11382,20 @@ function AddConnectorButton({ onClick }) {
 function ConnectorsTab() {
   const { t } = useTranslation$1();
   const { connectors, error, reload, revokeGrant, agentAvailable, tenantReady } = useConnectors();
-  const [adding, setAdding] = React63__default.useState(false);
-  const [selected, setSelected] = React63__default.useState(null);
-  const [filter, setFilter] = React63__default.useState("all");
-  const [failure, setFailure] = React63__default.useState(null);
+  const [adding, setAdding] = React65__default.useState(false);
+  const [selected, setSelected] = React65__default.useState(null);
+  const [filter, setFilter] = React65__default.useState("all");
+  const [failure, setFailure] = React65__default.useState(null);
   const assistantAvailable = useConnectorsPanelAvailable();
-  const openJourney = React63__default.useCallback(
+  const openJourney = React65__default.useCallback(
     (connector) => {
       if (assistantAvailable) openConnectorsPanel(connector);
       else setSelected(connector);
     },
     [assistantAvailable]
   );
-  const visible = React63__default.useMemo(() => filterConnectors(connectors ?? [], filter), [connectors, filter]);
-  React63__default.useEffect(() => {
+  const visible = React65__default.useMemo(() => filterConnectors(connectors ?? [], filter), [connectors, filter]);
+  React65__default.useEffect(() => {
     if (!selected || !connectors) return;
     const fresh = connectors.find((c) => c.id === selected.id);
     if (fresh && fresh !== selected) setSelected(fresh);
@@ -11316,23 +11408,17 @@ function ConnectorsTab() {
     return /* @__PURE__ */ jsx(Empty, { title: t("connectors.noOrg"), body: t("connectors.noOrgBody") });
   }
   return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-foreground", children: t("settings.connectors") }),
-        /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: t("connectors.hubSubtitle") })
-      ] }),
-      /* @__PURE__ */ jsxs(
-        "button",
-        {
-          onClick: () => setAdding(true),
-          className: "inline-flex shrink-0 items-center gap-1.5 rounded-lg bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:opacity-90",
-          children: [
-            /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
-            t("connectors.add")
-          ]
-        }
-      )
-    ] }),
+    /* @__PURE__ */ jsx(PageHeaderActions, { children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: () => setAdding(true),
+        className: "inline-flex shrink-0 items-center gap-1.5 rounded-lg bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:opacity-90",
+        children: [
+          /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
+          t("connectors.add")
+        ]
+      }
+    ) }),
     /* @__PURE__ */ jsx(
       AddConnectorPanel,
       {
@@ -11349,7 +11435,7 @@ function ConnectorsTab() {
     (connectors?.length ?? 0) > 4 && /* @__PURE__ */ jsx(Filters, { value: filter, onChange: setFilter }),
     connectors === null && /* @__PURE__ */ jsx(ConnectionsSkeleton, {}),
     connectors !== null && visible.length === 0 && /* @__PURE__ */ jsx(Empty, { title: t("connectors.emptyTitle"), body: t("connectors.emptyBody") }),
-    visible.length > 0 && /* @__PURE__ */ jsx("ul", { className: "divide-y divide-border overflow-hidden rounded-xl border border-border", children: visible.map((c) => /* @__PURE__ */ jsx(ConnectorRow, { connector: c, onOpen: openJourney }, c.id)) }),
+    visible.length > 0 && /* @__PURE__ */ jsx("ul", { className: "fayz-glass-surface divide-y divide-border overflow-hidden rounded-card border bg-card text-card-foreground shadow-sm", children: visible.map((c) => /* @__PURE__ */ jsx(ConnectorRow, { connector: c, onOpen: openJourney }, c.id)) }),
     /* @__PURE__ */ jsx(
       ConnectorDetail,
       {
@@ -11384,7 +11470,7 @@ function Filters({ value, onChange }) {
   )) });
 }
 function ConnectionsSkeleton() {
-  return /* @__PURE__ */ jsx("ul", { className: "divide-y divide-border overflow-hidden rounded-xl border border-border", "aria-hidden": true, children: [0, 1].map((i) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-4 p-4", children: [
+  return /* @__PURE__ */ jsx("ul", { className: "fayz-glass-surface divide-y divide-border overflow-hidden rounded-card border bg-card text-card-foreground shadow-sm", "aria-hidden": true, children: [0, 1].map((i) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-4 p-4", children: [
     /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-10 shrink-0 rounded-lg" }),
     /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-2 py-0.5", children: [
       /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-40" }),
@@ -11463,7 +11549,7 @@ function oauthFailureMessage(t, result) {
 function useConnectorOAuthReturn() {
   const { t } = useTranslation$1();
   const runtime = usePluginRuntimeOptional();
-  React63__default.useEffect(() => {
+  React65__default.useEffect(() => {
     if (typeof window === "undefined") return;
     const result = readConnectorOAuthReturn(window.location.search);
     if (!result) return;
@@ -11498,8 +11584,8 @@ function ConnectorDeliveries({
   limit = 10
 }) {
   const { t } = useTranslation$1();
-  const [rows, setRows] = React63__default.useState(null);
-  React63__default.useEffect(() => {
+  const [rows, setRows] = React65__default.useState(null);
+  React65__default.useEffect(() => {
     let cancelled = false;
     void load({ limit }).then((r) => {
       if (!cancelled) setRows(r);
@@ -11573,11 +11659,11 @@ var CURRENCIES = [
 function CompanySettings({ tenant, onSave }) {
   const { t } = useTranslation$1();
   const { locale: uiLocale, setLocale: setUiLocale } = useLocaleStore();
-  const [name, setName] = React63.useState(tenant?.name ?? "");
-  const [timezone, setTimezone] = React63.useState(tenant?.settings?.timezone ?? "UTC");
-  const [currency, setCurrency] = React63.useState(tenant?.settings?.currency ?? "USD");
-  const [saving, setSaving] = React63.useState(false);
-  React63.useEffect(() => {
+  const [name, setName] = React65.useState(tenant?.name ?? "");
+  const [timezone, setTimezone] = React65.useState(tenant?.settings?.timezone ?? "UTC");
+  const [currency, setCurrency] = React65.useState(tenant?.settings?.currency ?? "USD");
+  const [saving, setSaving] = React65.useState(false);
+  React65.useEffect(() => {
     if (tenant) {
       setName(tenant.name);
       setTimezone(tenant.settings?.timezone ?? "UTC");
@@ -11715,10 +11801,10 @@ function getInitials(name) {
 }
 function UserProfile({ user, onSave, onAvatarChange }) {
   const { t } = useTranslation$1();
-  const [fullName, setFullName] = React63.useState(user?.fullName ?? "");
-  const [saving, setSaving] = React63.useState(false);
-  const fileInputRef = React63.useRef(null);
-  React63.useEffect(() => {
+  const [fullName, setFullName] = React65.useState(user?.fullName ?? "");
+  const [saving, setSaving] = React65.useState(false);
+  const fileInputRef = React65.useRef(null);
+  React65.useEffect(() => {
     if (user) {
       setFullName(user.fullName);
     }
@@ -11823,8 +11909,8 @@ function UserProfile({ user, onSave, onAvatarChange }) {
 function ConnectedUserProfile() {
   const user = useAuthStore((s) => s.user);
   const setUser = useAuthStore((s) => s.setUser);
-  const [profile, setProfile] = React63.useState(null);
-  React63.useEffect(() => {
+  const [profile, setProfile] = React65.useState(null);
+  React65.useEffect(() => {
     const supabase = getFayzSupabaseClientOptional();
     if (!user || !supabase) return;
     let cancelled = false;
@@ -11924,9 +12010,9 @@ function SecuritySettings({
   onTenantSecurityChange
 }) {
   const { t } = useTranslation$1();
-  const [resetting, setResetting] = React63.useState(false);
-  const [resetSent, setResetSent] = React63.useState(false);
-  const [savingTenant, setSavingTenant] = React63.useState(false);
+  const [resetting, setResetting] = React65.useState(false);
+  const [resetSent, setResetSent] = React65.useState(false);
+  const [savingTenant, setSavingTenant] = React65.useState(false);
   const handleResetPassword = async () => {
     if (!onResetPassword) return;
     setResetting(true);
@@ -12102,8 +12188,8 @@ function FileUploadField({
   hint
 }) {
   const { t } = useTranslation$1();
-  const inputRef = React63.useRef(null);
-  const [preview, setPreview] = React63.useState(null);
+  const inputRef = React65.useRef(null);
+  const [preview, setPreview] = React65.useState(null);
   const handleChange = (e) => {
     const file = e.target.files?.[0];
     if (file) {
@@ -12170,14 +12256,14 @@ function FileUploadField({
 }
 function BrandingSettings({ branding, onSave }) {
   const { t } = useTranslation$1();
-  const [primaryColor, setPrimaryColor] = React63.useState(branding?.primaryColor ?? "#000000");
-  const [accentColor, setAccentColor] = React63.useState(branding?.accentColor ?? "#6366f1");
-  const [logoFile, setLogoFile] = React63.useState(null);
-  const [faviconFile, setFaviconFile] = React63.useState(null);
-  const [logoUrl, setLogoUrl] = React63.useState(branding?.logoUrl ?? "");
-  const [faviconUrl, setFaviconUrl] = React63.useState(branding?.faviconUrl ?? "");
-  const [saving, setSaving] = React63.useState(false);
-  React63.useEffect(() => {
+  const [primaryColor, setPrimaryColor] = React65.useState(branding?.primaryColor ?? "#000000");
+  const [accentColor, setAccentColor] = React65.useState(branding?.accentColor ?? "#6366f1");
+  const [logoFile, setLogoFile] = React65.useState(null);
+  const [faviconFile, setFaviconFile] = React65.useState(null);
+  const [logoUrl, setLogoUrl] = React65.useState(branding?.logoUrl ?? "");
+  const [faviconUrl, setFaviconUrl] = React65.useState(branding?.faviconUrl ?? "");
+  const [saving, setSaving] = React65.useState(false);
+  React65.useEffect(() => {
     if (branding) {
       setPrimaryColor(branding.primaryColor ?? "#000000");
       setAccentColor(branding.accentColor ?? "#6366f1");
@@ -12383,9 +12469,9 @@ function ProjectsSettings() {
   const projects = useFayzProjectsStore((s) => s.projects);
   const load = useFayzProjectsStore((s) => s.load);
   const refresh = useFayzProjectsStore((s) => s.refresh);
-  const [adding, setAdding] = React63.useState(false);
-  const [editing, setEditing] = React63.useState(null);
-  React63.useEffect(() => {
+  const [adding, setAdding] = React65.useState(false);
+  const [editing, setEditing] = React65.useState(null);
+  React65.useEffect(() => {
     void load(currentOrgId);
   }, [currentOrgId, load]);
   const onCreate = async (input) => {
@@ -12407,16 +12493,10 @@ function ProjectsSettings() {
     await refresh();
   };
   return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-foreground", children: "Sites e projetos fayz" }),
-        /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: "Os projetos fayz deste workspace \u2014 sites, lojas e landing pages. O projeto padr\xE3o aparece no menu como \u201CSeu site\u201D." })
-      ] }),
-      !adding && /* @__PURE__ */ jsxs(Button, { size: "sm", onClick: () => setAdding(true), children: [
-        /* @__PURE__ */ jsx(Plus, { className: "mr-1.5 h-4 w-4" }),
-        " Adicionar"
-      ] })
-    ] }),
+    !adding && /* @__PURE__ */ jsx(PageHeaderActions, { children: /* @__PURE__ */ jsxs(Button, { size: "sm", onClick: () => setAdding(true), children: [
+      /* @__PURE__ */ jsx(Plus, { className: "mr-1.5 h-4 w-4" }),
+      " Adicionar"
+    ] }) }),
     adding && /* @__PURE__ */ jsx(ProjectForm, { onCancel: () => setAdding(false), onSubmit: onCreate }),
     /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
       projects.length === 0 && !adding && /* @__PURE__ */ jsx("p", { className: "rounded-card border border-dashed border-border p-6 text-center text-sm text-muted-foreground", children: "Nenhum projeto ainda. Adicione o site do cliente (id do projeto fayz + URLs de preview e editor)." }),
@@ -12457,12 +12537,12 @@ function ProjectRow({ project, onEdit, onDelete, onSetDefault }) {
   ] });
 }
 function ProjectForm({ initial, onCancel, onSubmit }) {
-  const [name, setName] = React63.useState(initial?.name ?? "");
-  const [kind, setKind] = React63.useState(initial?.kind ?? "site");
-  const [fayzProjectId, setFayzProjectId] = React63.useState(initial?.fayzProjectId ?? "");
-  const [previewUrl, setPreviewUrl] = React63.useState(initial?.previewUrl ?? "");
-  const [isDefault, setIsDefault] = React63.useState(initial?.isDefault ?? false);
-  const [storefrontEnabled, setStorefrontEnabled] = React63.useState(initial?.storefrontEnabled ?? false);
+  const [name, setName] = React65.useState(initial?.name ?? "");
+  const [kind, setKind] = React65.useState(initial?.kind ?? "site");
+  const [fayzProjectId, setFayzProjectId] = React65.useState(initial?.fayzProjectId ?? "");
+  const [previewUrl, setPreviewUrl] = React65.useState(initial?.previewUrl ?? "");
+  const [isDefault, setIsDefault] = React65.useState(initial?.isDefault ?? false);
+  const [storefrontEnabled, setStorefrontEnabled] = React65.useState(initial?.storefrontEnabled ?? false);
   const submit = () => onSubmit({
     name: name.trim() || "Meu site",
     kind,
@@ -12499,12 +12579,25 @@ function ProjectForm({ initial, onCancel, onSubmit }) {
     ] })
   ] });
 }
+function useIsWide() {
+  const query = "(min-width: 768px)";
+  const [wide, setWide] = React65.useState(
+    () => typeof window === "undefined" ? true : window.matchMedia(query).matches
+  );
+  React65.useEffect(() => {
+    const mq = window.matchMedia(query);
+    const onChange = () => setWide(mq.matches);
+    mq.addEventListener("change", onChange);
+    return () => mq.removeEventListener("change", onChange);
+  }, []);
+  return wide;
+}
 function useCoreSettingsTabs({
   showCompany = true,
   showBranding = true
 } = {}) {
   const { t } = useTranslation$1();
-  return React63.useMemo(() => [
+  return React65.useMemo(() => [
     ...showCompany ? [{ id: "general", label: t("settings.general"), icon: /* @__PURE__ */ jsx(Building2, { className: "h-4 w-4" }), iconName: "Building2", component: /* @__PURE__ */ jsx(ConnectedCompanySettings, {}) }] : [],
     { id: "profile", label: t("settings.profile"), icon: /* @__PURE__ */ jsx(User, { className: "h-4 w-4" }), iconName: "User", component: /* @__PURE__ */ jsx(ConnectedUserProfile, {}) },
     { id: "security", label: t("settings.security"), icon: /* @__PURE__ */ jsx(Shield, { className: "h-4 w-4" }), iconName: "Shield", component: /* @__PURE__ */ jsx(ConnectedSecuritySettings, {}) },
@@ -12530,6 +12623,7 @@ function SettingsPage({
   activeTabId
 }) {
   const { t } = useTranslation$1();
+  const wide = useIsWide();
   const defaultTabs = useCoreSettingsTabs({ showCompany, showBranding });
   const baseTabs = tabs ?? defaultTabs;
   const resolvedTabs = extraTabs ? [...baseTabs, ...extraTabs] : baseTabs;
@@ -12542,10 +12636,10 @@ function SettingsPage({
     }
     return null;
   }
-  const [activeTab, setActiveTab] = React63.useState(() => {
+  const [activeTab, setActiveTab] = React65.useState(() => {
     return getTabFromHash() ?? defaultTab ?? null;
   });
-  React63.useEffect(() => {
+  React65.useEffect(() => {
     const handler = () => {
       const tab = getTabFromHash();
       if (tab) setActiveTab(tab);
@@ -12568,7 +12662,7 @@ function SettingsPage({
     setActiveTab(null);
     window.location.hash = "/settings";
   };
-  const sections = React63.useMemo(() => {
+  const sections = React65.useMemo(() => {
     const out = [];
     for (const tab of resolvedTabs) {
       const heading = tab.isPlugin ? tab.group ?? t("common.plugins") : null;
@@ -12595,40 +12689,39 @@ function SettingsPage({
     ) }, tab.id)) })
   ] }, section.key)) });
   return /* @__PURE__ */ jsxs("div", { className: cn$1("fz-container space-y-6", className), children: [
-    !controlled && showingContent && /* @__PURE__ */ jsxs(
+    !controlled && showingContent && !wide && /* @__PURE__ */ jsxs(
       "button",
       {
         onClick: handleBack,
-        className: "flex items-center gap-1.5 text-sm text-muted-foreground transition-colors hover:text-foreground md:hidden",
+        className: "flex items-center gap-1.5 text-sm text-muted-foreground transition-colors hover:text-foreground",
         children: [
           /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" }),
           t("settings.title")
         ]
       }
     ),
-    !showingContent && /* @__PURE__ */ jsxs("div", { className: "md:hidden", children: [
+    !showingContent && !wide && /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold tracking-tight", children: t("settings.title") }),
       /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("settings.subtitle") })
     ] }),
     beforeContent,
-    /* @__PURE__ */ jsxs("div", { className: "hidden md:flex md:gap-6", children: [
-      !hideNav && /* @__PURE__ */ jsx("nav", { className: "w-52 shrink-0", children: /* @__PURE__ */ jsx("ul", { className: "space-y-0.5", children: resolvedTabs.map((tab) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
-        "button",
+    !hideNav && /* @__PURE__ */ jsx(PageRail, { children: /* @__PURE__ */ jsx("nav", { className: "hidden w-52 shrink-0 overflow-y-auto border-r border-border p-3 md:block", children: sections.map((section, i) => /* @__PURE__ */ jsxs("div", { className: i > 0 ? "mt-3 border-t border-border pt-3" : void 0, children: [
+      section.heading && /* @__PURE__ */ jsx("p", { className: "px-3 pb-1 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground", children: section.heading }),
+      /* @__PURE__ */ jsx("div", { className: "space-y-0.5", children: section.items.map((tab) => /* @__PURE__ */ jsx(
+        RailNavItem,
         {
-          onClick: () => handleSelectTab(tab.id),
-          className: cn$1(
-            "flex w-full items-center gap-2 rounded-md px-3 py-2 text-sm font-medium transition-colors",
-            desktopTab === tab.id ? "bg-muted text-foreground" : "text-muted-foreground hover:bg-muted/50 hover:text-foreground"
-          ),
-          children: [
-            tab.icon && /* @__PURE__ */ jsx("span", { className: "shrink-0", children: tab.icon }),
-            /* @__PURE__ */ jsx("span", { className: "flex-1 text-left", children: tab.label })
-          ]
-        }
-      ) }, tab.id)) }) }),
-      /* @__PURE__ */ jsx("div", { className: "fz-container min-w-0 flex-1", children: withTrail(desktopTabDef?.component ?? null, desktopTabDef) })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "md:hidden", children: showingContent ? /* @__PURE__ */ jsx("div", { className: "fz-container", children: activeContent }) : settingsIndex }),
+          item: {
+            id: tab.id,
+            label: tab.label,
+            icon: tab.iconName,
+            active: desktopTab === tab.id,
+            onClick: () => handleSelectTab(tab.id)
+          }
+        },
+        tab.id
+      )) })
+    ] }, section.key)) }) }),
+    wide ? /* @__PURE__ */ jsx("div", { className: "fz-container min-w-0", children: withTrail(desktopTabDef?.component ?? null, desktopTabDef) }) : showingContent ? /* @__PURE__ */ jsx("div", { className: "fz-container", children: activeContent }) : settingsIndex,
     afterContent
   ] });
 }
@@ -12647,10 +12740,10 @@ function InviteMemberDialog({ open, onOpenChange, defaultEmail }) {
   const profiles = usePermissionsStore((s) => s.profiles);
   const setInvites = useInviteStore((s) => s.setInvites);
   const { user } = useAuthStore();
-  const [emails, setEmails] = React63.useState([defaultEmail ?? ""]);
-  const [profileId, setProfileId] = React63.useState(profiles[1]?.id ?? profiles[0]?.id ?? "");
-  const [sending, setSending] = React63.useState(false);
-  const [sent, setSent] = React63.useState(false);
+  const [emails, setEmails] = React65.useState([defaultEmail ?? ""]);
+  const [profileId, setProfileId] = React65.useState(profiles[1]?.id ?? profiles[0]?.id ?? "");
+  const [sending, setSending] = React65.useState(false);
+  const [sent, setSent] = React65.useState(false);
   const addEmail = () => setEmails((prev) => [...prev, ""]);
   const updateEmail = (idx, value) => {
     setEmails((prev) => {
@@ -12747,14 +12840,14 @@ function TeamTab() {
   const { user } = useAuthStore();
   const hasSystemPermission = useSystemPermission();
   const personMode = teamPersonKinds.length > 0 && typeof adapter2?.listTeam === "function";
-  const [team, setTeam] = React63.useState(null);
-  const [inviteOpen, setInviteOpen] = React63.useState(false);
+  const [team, setTeam] = React65.useState(null);
+  const [inviteOpen, setInviteOpen] = React65.useState(false);
   const guardSeats = useLimitGuard("users");
   const handleOpenInvite = async () => {
     if (await guardSeats(1) === "blocked") return;
     setInviteOpen(true);
   };
-  const reloadTeam = React63.useCallback(async () => {
+  const reloadTeam = React65.useCallback(async () => {
     if (!adapter2 || !currentOrg) return;
     if (personMode && adapter2.listTeam) {
       setTeam(await adapter2.listTeam(currentOrg.id, teamPersonKinds));
@@ -12762,12 +12855,12 @@ function TeamTab() {
       setMembers(await adapter2.listMembers(currentOrg.id));
     }
   }, [adapter2, currentOrg?.id, personMode, teamPersonKinds, setMembers]);
-  React63.useEffect(() => {
+  React65.useEffect(() => {
     if (personMode && adapter2?.listTeam && currentOrg) {
       dedup("team:people:" + currentOrg.id, () => adapter2.listTeam(currentOrg.id, teamPersonKinds)).then(setTeam).catch(() => setTeam([]));
     }
   }, [personMode, adapter2, currentOrg?.id, teamPersonKinds.join(",")]);
-  React63.useEffect(() => {
+  React65.useEffect(() => {
     if (adapter2 && currentOrg) {
       dedup("team:invites:" + currentOrg.id, () => adapter2.listInvites(currentOrg.id)).then(setInvites).catch(() => {
       });
@@ -12842,18 +12935,13 @@ function TeamTab() {
   const pendingInvites = invites.filter((i) => i.status === "pending");
   return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
     /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-4", children: [
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold", children: t("organization.team.title") }),
-          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("organization.team.memberCount", { count: String(rows.length), plural: rows.length !== 1 ? "s" : "" }) })
-        ] }),
-        canManageTeam && /* @__PURE__ */ jsxs(Button, { size: "sm", onClick: () => {
-          void handleOpenInvite();
-        }, children: [
-          /* @__PURE__ */ jsx(UserPlus, { className: "h-4 w-4 mr-1" }),
-          t("organization.team.invite")
-        ] })
-      ] }),
+      canManageTeam && /* @__PURE__ */ jsx(PageHeaderActions, { children: /* @__PURE__ */ jsxs(Button, { size: "sm", onClick: () => {
+        void handleOpenInvite();
+      }, children: [
+        /* @__PURE__ */ jsx(UserPlus, { className: "h-4 w-4 mr-1" }),
+        t("organization.team.invite")
+      ] }) }),
+      /* @__PURE__ */ jsx("p", { className: "mb-4 text-sm text-muted-foreground", children: t("organization.team.memberCount", { count: String(rows.length), plural: rows.length !== 1 ? "s" : "" }) }),
       /* @__PURE__ */ jsx(Card, { className: "overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs("table", { className: "w-full", children: [
         /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-b bg-muted/50", children: [
           /* @__PURE__ */ jsx("th", { className: "text-left p-3 text-sm font-medium text-muted-foreground", children: t("organization.team.member") }),
@@ -12975,13 +13063,13 @@ var SYSTEM_PERMISSIONS = [
 ];
 function PermissionMatrixEditor({ features, profile, onSave, onCancel, saving, isNew, parentLabel }) {
   const { t } = useTranslation$1();
-  const [name, setName] = React63.useState(profile?.name ?? "");
-  const [description, setDescription] = React63.useState(profile?.description ?? "");
-  const [systemPerms, setSystemPerms] = React63.useState(profile?.systemPermissions ?? []);
-  const [grants, setGrants] = React63.useState(profile?.grants ?? {});
-  const [collapsed, setCollapsed] = React63.useState(/* @__PURE__ */ new Set());
-  const [search, setSearch] = React63.useState("");
-  const initial = React63.useRef({
+  const [name, setName] = React65.useState(profile?.name ?? "");
+  const [description, setDescription] = React65.useState(profile?.description ?? "");
+  const [systemPerms, setSystemPerms] = React65.useState(profile?.systemPermissions ?? []);
+  const [grants, setGrants] = React65.useState(profile?.grants ?? {});
+  const [collapsed, setCollapsed] = React65.useState(/* @__PURE__ */ new Set());
+  const [search, setSearch] = React65.useState("");
+  const initial = React65.useRef({
     name: profile?.name ?? "",
     description: profile?.description ?? "",
     systemPerms: JSON.stringify(profile?.systemPermissions ?? []),
@@ -13019,7 +13107,7 @@ function PermissionMatrixEditor({ features, profile, onSave, onCancel, saving, i
     saveLabel: isNew ? t("organization.permissions.createProfile") : t("organization.permissions.updateProfile")
   });
   useBackHandler(onCancel);
-  const groups = React63.useMemo(() => {
+  const groups = React65.useMemo(() => {
     const filtered = search ? features.filter((f) => f.label.toLowerCase().includes(search.toLowerCase())) : features;
     const map = /* @__PURE__ */ new Map();
     for (const f of filtered) {
@@ -13088,7 +13176,7 @@ function PermissionMatrixEditor({ features, profile, onSave, onCancel, saving, i
               }
             ) }) })
           ] }, sp.id)),
-          Array.from(groups.entries()).map(([groupName, groupFeatures]) => /* @__PURE__ */ jsxs(React63.Fragment, { children: [
+          Array.from(groups.entries()).map(([groupName, groupFeatures]) => /* @__PURE__ */ jsxs(React65.Fragment, { children: [
             /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: 5, className: "p-2 px-3", children: /* @__PURE__ */ jsxs(
               "button",
               {
@@ -13129,11 +13217,11 @@ function PermissionProfilesTab() {
   const startImpersonation = usePermissionsStore((s) => s.startImpersonation);
   const canPreview = (realProfile?.systemPermissions ?? []).includes("manage_permissions") ?? false;
   const { t } = useTranslation$1();
-  const [editingProfile, setEditingProfile] = React63.useState(null);
-  const [creating, setCreating] = React63.useState(false);
-  const [duplicateSource, setDuplicateSource] = React63.useState(null);
-  const [saving, setSaving] = React63.useState(false);
-  const [error, setError] = React63.useState(null);
+  const [editingProfile, setEditingProfile] = React65.useState(null);
+  const [creating, setCreating] = React65.useState(false);
+  const [duplicateSource, setDuplicateSource] = React65.useState(null);
+  const [saving, setSaving] = React65.useState(false);
+  const [error, setError] = React65.useState(null);
   const handleDuplicate = (profile) => {
     setEditingProfile(null);
     setCreating(false);
@@ -13143,7 +13231,7 @@ function PermissionProfilesTab() {
       isSystem: false
     });
   };
-  const memberCountByProfile = React63.useMemo(() => {
+  const memberCountByProfile = React65.useMemo(() => {
     const counts = {};
     for (const m of members) {
       counts[m.profileId] = (counts[m.profileId] ?? 0) + 1;
@@ -13200,16 +13288,10 @@ function PermissionProfilesTab() {
     );
   }
   return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold", children: t("organization.permissions.title") }),
-        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("organization.permissions.subtitle") })
-      ] }),
-      /* @__PURE__ */ jsxs(Button, { onClick: () => setCreating(true), size: "sm", children: [
-        /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-1" }),
-        t("organization.permissions.createProfile")
-      ] })
-    ] }),
+    /* @__PURE__ */ jsx(PageHeaderActions, { children: /* @__PURE__ */ jsxs(Button, { onClick: () => setCreating(true), size: "sm", children: [
+      /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-1" }),
+      t("organization.permissions.createProfile")
+    ] }) }),
     error && /* @__PURE__ */ jsx("p", { className: "rounded-lg border border-destructive/40 bg-destructive/5 px-3 py-2 text-sm text-destructive", children: error }),
     /* @__PURE__ */ jsx("div", { className: "grid gap-3", children: profiles.length === 0 ? (
       // Roles load via central org hydration; show skeletons until they arrive.
@@ -13908,7 +13990,7 @@ function SubjectFormLayout({ fields, allFields, fieldGroups, values, onChange, r
   const IconComponent = getLucideIcon(entityIcon ?? "Heart") ?? 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: React63__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: React65__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: [
@@ -14256,11 +14338,11 @@ function ImageSlot({
   canEdit
 }) {
   const t = useTranslation();
-  const inputRef = React63__default.useRef(null);
-  const [url, setUrl] = React63__default.useState(() => image.get(row));
-  const [busy, setBusy] = React63__default.useState(false);
-  const [error, setError] = React63__default.useState(null);
-  React63__default.useEffect(() => {
+  const inputRef = React65__default.useRef(null);
+  const [url, setUrl] = React65__default.useState(() => image.get(row));
+  const [busy, setBusy] = React65__default.useState(false);
+  const [error, setError] = React65__default.useState(null);
+  React65__default.useEffect(() => {
     setUrl(image.get(row));
   }, [image.get(row)]);
   const pick = () => {
@@ -14354,7 +14436,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 = React63__default.useRef(JSON.stringify(values));
+  const initialRef = React65__default.useRef(JSON.stringify(values));
   useEffect(() => {
     const init = computeInit();
     setValues(init);
@@ -14725,6 +14807,57 @@ function LimitGate({ limitKey, children, className }) {
     }
   );
 }
+function QuickActionsButton({ actions, label, variant: variantProp, className }) {
+  const [open, setOpen] = useState(false);
+  const ref = useRef(null);
+  const moduleLayout = useModuleLayout();
+  const variant = variantProp ?? (moduleLayout === "tabs" ? "default" : "outline");
+  useEffect(() => {
+    function handler(e) {
+      if (ref.current && !ref.current.contains(e.target)) setOpen(false);
+    }
+    document.addEventListener("mousedown", handler);
+    return () => document.removeEventListener("mousedown", handler);
+  }, []);
+  if (actions.length === 0) return null;
+  return /* @__PURE__ */ jsxs("div", { ref, className: cn("relative", className), children: [
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant,
+        size: "sm",
+        onClick: () => setOpen(!open),
+        className: cn(open && variant === "outline" && "bg-muted"),
+        children: [
+          /* @__PURE__ */ jsx(Plus, { className: cn("h-3.5 w-3.5 transition-transform duration-200", open && "rotate-45") }),
+          /* @__PURE__ */ jsx("span", { children: label ?? "New" }),
+          /* @__PURE__ */ jsx(ChevronDown, { className: cn("-mr-0.5 h-3.5 w-3.5 opacity-70 transition-transform duration-200", open && "rotate-180") })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsx("div", { className: "fayz-glass-surface absolute top-full right-0 z-50 mt-2 w-64 rounded-xl border bg-popover shadow-lg overflow-hidden animate-in fade-in-0 zoom-in-95 origin-top-right", children: /* @__PURE__ */ jsx("div", { className: "p-1.5", children: actions.map((action) => {
+      const Icon = action.icon ? ICON_MAP[action.icon] ?? Plus : Plus;
+      return /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: () => {
+            action.action();
+            setOpen(false);
+          },
+          className: "w-full flex items-center gap-3 rounded-lg px-3 py-2.5 text-left hover:bg-muted/50 transition-colors group",
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "flex h-8 w-8 items-center justify-center rounded-lg bg-muted group-hover:bg-primary/10 transition-colors shrink-0", children: /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4 text-muted-foreground group-hover:text-primary transition-colors" }) }),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: action.label }),
+              action.description && /* @__PURE__ */ jsx("p", { className: "text-[10px] text-muted-foreground leading-tight", children: action.description })
+            ] })
+          ]
+        },
+        action.id
+      );
+    }) }) })
+  ] });
+}
 var ALL_TAB = "__all__";
 function getEntityIcon(name) {
   const icons = LucideIcons3;
@@ -14755,6 +14888,7 @@ function CrudListView({
   onExport,
   feature,
   readOnly,
+  embedded,
   emptyMessage,
   navTabs,
   activeNavTab,
@@ -14822,22 +14956,35 @@ function CrudListView({
     }] : []
   ];
   const selectable = display === "table" && barActions.length > 0;
-  const facetTab = facets?.find((f) => f.display === "tabs");
-  const headerTabs = navTabs?.length ? navTabs.map((t2) => ({ value: t2.id, label: t2.label, icon: t2.icon })) : facetTab ? [
-    { value: ALL_TAB, label: facetTab.allLabel ?? t("crud.list.allFacet") },
-    ...facetTab.options.map((o) => ({ value: o.value, label: o.label }))
-  ] : null;
-  const headerTabValue = navTabs?.length ? activeNavTab ?? navTabs[0].id : activeFilters?.[facetTab?.field ?? ""] ?? ALL_TAB;
+  const hasSelection = selectable && selectedIds.length > 0;
+  const headerTabs = navTabs?.length ? navTabs.map((t2) => ({ value: t2.id, label: t2.label, icon: t2.icon })) : null;
+  const headerTabValue = activeNavTab ?? navTabs?.[0]?.id ?? ALL_TAB;
   const onHeaderTabChange = (next) => {
-    if (navTabs?.length) navTabs.find((t2) => t2.id === next)?.onSelect();
-    else if (facetTab) onFacetChange?.(facetTab.field, next === ALL_TAB ? void 0 : next);
+    navTabs?.find((t2) => t2.id === next)?.onSelect();
   };
-  const pillFacets = facets?.filter((f) => f !== facetTab);
-  const newButton = onNew && !readOnly ? /* @__PURE__ */ jsx(Button, { onClick: onNew, children: addLabel ?? t("crud.list.addEntity", { entity: entityDef.name }) }) : null;
-  const gatedNewButton = newButton ? (() => {
-    const roleGated = feature ? /* @__PURE__ */ jsx(PermissionGate, { feature, action: "create", children: newButton }) : newButton;
+  const pillFacets = facets;
+  const newLabel = addLabel ?? t("crud.list.addEntity", { entity: entityDef.name });
+  const plainNewLabel = newLabel.replace(/^\+\s*/, "");
+  const newButton = onNew && !readOnly ? onImport ? /* @__PURE__ */ jsx(
+    QuickActionsButton,
+    {
+      variant: "default",
+      label: plainNewLabel,
+      actions: [
+        { id: "new", label: plainNewLabel, description: t("crud.list.newHint"), icon: "Plus", action: onNew },
+        { id: "import", label: t("crud.import.action"), description: t("crud.import.hint"), icon: "Upload", action: onImport }
+      ]
+    }
+  ) : /* @__PURE__ */ jsx(Button, { onClick: onNew, children: newLabel }) : onImport ? /* @__PURE__ */ jsxs(Button, { variant: "outline", onClick: onImport, children: [
+    /* @__PURE__ */ jsx(Upload, { className: "mr-2 h-4 w-4" }),
+    t("crud.import.action")
+  ] }) : null;
+  const gate = (node) => {
+    const roleGated = feature ? /* @__PURE__ */ jsx(PermissionGate, { feature, action: "create", children: node }) : node;
     return entityDef.limitKey ? /* @__PURE__ */ jsx(LimitGate, { limitKey: entityDef.limitKey, children: roleGated }) : roleGated;
-  })() : null;
+  };
+  const gatedNewButton = newButton ? gate(newButton) : null;
+  const gatedCreateButton = onNew && !readOnly ? gate(/* @__PURE__ */ jsx(Button, { onClick: onNew, children: newLabel })) : null;
   const isFiltered = Boolean(search?.trim()) || Object.values(activeFilters ?? {}).some((v) => v != null);
   const EmptyIcon = getEntityIcon(entityDef.icon);
   const emptyState = /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-1 py-6", children: [
@@ -14845,18 +14992,13 @@ function CrudListView({
     /* @__PURE__ */ jsx("p", { className: "text-base font-semibold text-foreground", children: emptyMessage ?? (isFiltered ? t("crud.list.emptyFiltered", { entities: namePlural.toLowerCase() }) : t("crud.list.empty", { entities: namePlural.toLowerCase() })) }),
     !isFiltered && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx("p", { className: "max-w-sm text-sm text-muted-foreground", children: t("crud.list.emptyHint", { entities: namePlural.toLowerCase() }) }),
-      gatedNewButton && /* @__PURE__ */ jsx("div", { className: "mt-3", children: gatedNewButton })
+      gatedCreateButton && /* @__PURE__ */ jsx("div", { className: "mt-3", children: gatedCreateButton })
     ] })
   ] });
-  const actions = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+  const actions = headerActions || gatedNewButton ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
     headerActions,
-    onImport && /* @__PURE__ */ jsxs(Button, { variant: "outline", onClick: onImport, children: [
-      /* @__PURE__ */ jsx(Upload, { className: "mr-2 h-4 w-4" }),
-      t("crud.import.action")
-    ] }),
-    onImport && gatedNewButton && /* @__PURE__ */ jsx("span", { className: "h-6 w-px bg-border", "aria-hidden": true }),
     gatedNewButton
-  ] });
+  ] }) : null;
   const sortableColumns = useMemo(() => {
     const declared = entityDef.fields.filter((f) => f.sortable !== false).map((f) => ({ key: f.key, label: f.label }));
     const has = new Set(declared.map((f) => f.key));
@@ -14977,18 +15119,21 @@ function CrudListView({
     ] })
   ] }) : null;
   return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [
-      headerTabs ? /* @__PURE__ */ jsx(
-        HeaderTabs,
-        {
-          tabs: headerTabs,
-          value: headerTabValue,
-          onChange: onHeaderTabChange,
-          "aria-label": namePlural
-        }
-      ) : /* @__PURE__ */ jsx("span", {}),
-      actions
-    ] }),
+    actions && (embedded ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center justify-end gap-3", children: actions }) : /* @__PURE__ */ jsx(PageHeaderActions, { children: actions })),
+    headerTabs && // The same band a module's sub-nav draws, closed by the hairline that
+    // crosses the page. Alunos ▸ Equipe and Financeiro ▸ Mensalidades are
+    // the same kind of move — switching what the page shows — so they are
+    // the same object on screen.
+    /* @__PURE__ */ jsx(
+      PageTabs,
+      {
+        className: "mb-0",
+        tabs: headerTabs,
+        value: headerTabValue,
+        onChange: onHeaderTabChange,
+        "aria-label": namePlural
+      }
+    ),
     error && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 rounded-lg border border-destructive/30 bg-destructive/5 px-4 py-3 text-sm", children: [
       /* @__PURE__ */ jsx(AlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0 text-destructive" }),
       /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
@@ -14998,16 +15143,6 @@ function CrudListView({
       onRefresh && /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", className: "ml-auto shrink-0", onClick: onRefresh, children: t("crud.list.refresh") })
     ] }),
     stats && stats.length > 0 && /* @__PURE__ */ jsx(StatTiles, { tiles: stats, loading: isInitialLoad }),
-    selectable && /* @__PURE__ */ jsx(
-      BulkActionBar,
-      {
-        count: selectedIds.length,
-        total: items?.length ?? 0,
-        onSelectAll: () => setRawSelection((items ?? []).map((r) => r.id)),
-        onClear: () => setRawSelection([]),
-        actions: barActions
-      }
-    ),
     display === "cards" ? (
       // The card grid keeps the search box floating above it: there is no
       // table chrome for a toolbar to sit flush against.
@@ -15044,11 +15179,21 @@ function CrudListView({
          same rows, so a search box floating on the page background above a
          separate table card read as two unrelated controls. */
       /* @__PURE__ */ jsxs(Card, { className: "overflow-hidden", children: [
-        (searchBox || facetChips || tableTools) && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 border-b border-border px-3 py-2", children: [
+        (searchBox || facetChips || tableTools || hasSelection) && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-2 border-b border-border px-3 py-2", children: hasSelection ? /* @__PURE__ */ jsx(
+          BulkActionBar,
+          {
+            variant: "inline",
+            count: selectedIds.length,
+            total: items?.length ?? 0,
+            onSelectAll: () => setRawSelection((items ?? []).map((r) => r.id)),
+            onClear: () => setRawSelection([]),
+            actions: barActions
+          }
+        ) : /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx("div", { className: "min-w-[10rem] flex-1", children: searchBox }),
           facetChips,
           tableTools
-        ] }),
+        ] }) }),
         /* @__PURE__ */ jsx(
           DataTable,
           {
@@ -15444,7 +15589,7 @@ function AddressesTab({ item }) {
     )
   ] });
 }
-var ScheduleEditor = React63__default.lazy(
+var ScheduleEditor = React65__default.lazy(
   () => import('./ScheduleEditor-S3QI5MHO.js').then((m) => ({ default: m.ScheduleEditor }))
 );
 function ComingSoon({ icon: Icon, title, description }) {
@@ -15525,7 +15670,7 @@ function ScheduleTab({ item }) {
       }
     );
   }
-  return /* @__PURE__ */ jsx(React63__default.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(ScheduleEditor, { assigneeId: item.id }) });
+  return /* @__PURE__ */ jsx(React65__default.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(ScheduleEditor, { assigneeId: item.id }) });
 }
 var PERSON_DETAIL_TABS = [
   { id: "schedule", label: "Schedule", icon: "CalendarDays", component: ScheduleTab, visibleFor: ["staff"] },
@@ -15831,6 +15976,10 @@ var SUBJECT_DETAIL_TABS = [
   { id: "history", label: "History", component: SubjectHistoryTab },
   { id: "documents", label: "Documents", component: SubjectDocumentsTab }
 ];
+function ActionSlot({ embedded, children }) {
+  if (embedded) return /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-1.5", children });
+  return /* @__PURE__ */ jsx(PageHeaderActions, { children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5", children }) });
+}
 function formatValue3(field, value, t) {
   if (value == null || value === "") return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/50", children: "\u2014" });
   if (field.renderCell) return field.renderCell(value, {});
@@ -15902,7 +16051,7 @@ function InlineEditor({
 }) {
   const [draft, setDraft] = useState(value ?? "");
   const [saving, setSaving] = useState(false);
-  const inputRef = React63__default.useRef(null);
+  const inputRef = React65__default.useRef(null);
   useEffect(() => {
     inputRef.current?.focus();
     if (inputRef.current instanceof HTMLInputElement) inputRef.current.select();
@@ -16178,7 +16327,7 @@ function CrudDetailPage({
     const newHash = value === "overview" ? detailPath : `${detailPath}/${value}`;
     window.history.replaceState(null, "", `#${newHash}`);
   }, [basePath, item.id, embedded]);
-  const headerNode = React63__default.useMemo(
+  const headerNode = React65__default.useMemo(
     () => embedded ? null : /* @__PURE__ */ jsx(SubpageHeader, { title: displayValue, parentLabel: namePlural, onBack }),
     [embedded, displayValue, namePlural, onBack]
   );
@@ -16204,7 +16353,7 @@ function CrudDetailPage({
           ] }),
           subtitleValue && /* @__PURE__ */ jsx("p", { className: `text-muted-foreground mt-0.5 ${embedded ? "text-xs" : ""}`, children: subtitleValue })
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 shrink-0", children: [
+        /* @__PURE__ */ jsxs(ActionSlot, { embedded, children: [
           /* @__PURE__ */ jsx(WidgetSlot, { zone: headerActionsZone, item, entityId, embedded }),
           onEdit && /* @__PURE__ */ jsxs(Button, { variant: "outline", size: embedded ? "xs" : "sm", onClick: onEdit, className: embedded ? "h-7 px-2 text-xs gap-1" : "", children: [
             /* @__PURE__ */ jsx(Edit, { className: embedded ? "h-3 w-3" : "h-4 w-4 mr-1.5" }),
@@ -16231,7 +16380,7 @@ function CrudDetailPage({
           })
         ] }),
         /* @__PURE__ */ jsx(TabsContent, { value: "overview", className: embedded ? "mt-2" : "mt-4", children: /* @__PURE__ */ jsx(OverviewTab, { entityDef, item, compact: embedded, onFieldSave }) }),
-        customTabs.map((tab) => /* @__PURE__ */ jsx(TabsContent, { value: tab.id, className: "mt-4", children: tab.component ? React63__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 ? React65__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 }),
       legacyWidgetZone !== widgetZone && /* @__PURE__ */ jsx(WidgetSlot, { zone: legacyWidgetZone }),
@@ -16283,7 +16432,7 @@ function useFieldRules(entityKey) {
     };
   }, [entityKey, fieldRules]);
 }
-var ImportWizard2 = React63__default.lazy(
+var ImportWizard2 = React65__default.lazy(
   () => import('./ImportWizard-CISHGNQC.js').then((m) => ({ default: m.ImportWizard }))
 );
 var PAGE_SIZE = 50;
@@ -16395,7 +16544,7 @@ function useCrudColumns(entityDef, options) {
     return tanCols;
   }, [cols, displayField, options?.basePath, options?.onDelete, options?.feature, options?.readOnly]);
 }
-function CrudPage({ entityDef: rawEntityDef, useStore, basePath, display, feature, readOnly, navTabs, activeNavTab, stats }) {
+function CrudPage({ entityDef: rawEntityDef, useStore, basePath, display, feature, readOnly, navTabs, activeNavTab, stats, embedded }) {
   const store = useStore();
   const t = useTranslation();
   const normalizedBasePath = normalizeCrudBasePath(basePath);
@@ -16672,6 +16821,7 @@ function CrudPage({ entityDef: rawEntityDef, useStore, basePath, display, featur
           onExport: handleExport,
           feature,
           readOnly,
+          embedded,
           navTabs,
           activeNavTab,
           stats: stats?.(store.items, store.total),
@@ -16744,7 +16894,7 @@ function CrudPage({ entityDef: rawEntityDef, useStore, basePath, display, featur
         displayValue: deleteItem ? deleteItem[displayField] : void 0
       }
     ),
-    /* @__PURE__ */ jsx(React63__default.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(React65__default.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
       ImportWizard2,
       {
         open: importOpen,
@@ -17236,7 +17386,7 @@ function FieldRulesSettings({ entities, rules: initialRules, onSave }) {
   const [saving, setSaving] = useState(false);
   const [search, setSearch] = useState("");
   const [showMore, setShowMore] = useState(false);
-  React63.useEffect(() => {
+  React65.useEffect(() => {
     setDraft(initialRules);
   }, [initialRules]);
   const isDirty = useMemo(
@@ -17357,16 +17507,10 @@ function FieldRulesSettings({ entities, rules: initialRules, onSave }) {
     entity.entityKey
   ));
   return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: t("settings.fieldRules") }),
-        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-0.5", children: t("settings.fieldRules.subtitle") })
-      ] }),
-      /* @__PURE__ */ jsxs(Button, { onClick: handleSave, disabled: !isDirty || saving, className: "shrink-0", children: [
-        saving && /* @__PURE__ */ jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }),
-        t("common.save")
-      ] })
-    ] }),
+    /* @__PURE__ */ jsx(PageHeaderActions, { children: /* @__PURE__ */ jsxs(Button, { onClick: handleSave, disabled: !isDirty || saving, className: "shrink-0", children: [
+      saving && /* @__PURE__ */ jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }),
+      t("common.save")
+    ] }) }),
     entities.length > 4 && /* @__PURE__ */ jsxs("div", { className: "relative max-w-sm", children: [
       /* @__PURE__ */ jsx(Search, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground" }),
       /* @__PURE__ */ jsx(
@@ -17513,7 +17657,7 @@ function UpgradeModal() {
 }
 function LimitProbe({ limitKey, onReport }) {
   const info = useLimit(limitKey);
-  React63.useEffect(() => {
+  React65.useEffect(() => {
     onReport(limitKey, info);
   }, [limitKey, info, onReport]);
   return null;
@@ -17526,16 +17670,16 @@ function SoftLimitBanner({ keys }) {
     if (params) for (const [k, val] of Object.entries(params)) v = v.replace(`{${k}}`, String(val)).replace(`{{${k}}}`, String(val));
     return v;
   };
-  const [over, setOver] = React63.useState({});
-  const [dismissed, setDismissed] = React63.useState({});
-  const report = React63.useCallback((key, info) => {
+  const [over, setOver] = React65.useState({});
+  const [dismissed, setDismissed] = React65.useState({});
+  const report = React65.useCallback((key, info) => {
     const isOver = !info.unlimited && !info.loading && info.used > info.max;
     setOver((prev) => {
       if (isOver === Boolean(prev[key])) return prev;
       return { ...prev, [key]: isOver };
     });
   }, []);
-  const monitored = React63.useMemo(() => Array.from(new Set(keys)), [keys]);
+  const monitored = React65.useMemo(() => Array.from(new Set(keys)), [keys]);
   const activeKey = monitored.find((k) => over[k] && !dismissed[k]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     monitored.map((k) => /* @__PURE__ */ jsx(LimitProbe, { limitKey: k, onReport: report }, k)),
@@ -17558,11 +17702,11 @@ function SoftLimitBanner({ keys }) {
     ] })
   ] });
 }
-var CommandPalette = React63.lazy(
+var CommandPalette = React65.lazy(
   () => import('./CommandPalette-U7MMA2WH.js').then((m) => ({ default: m.CommandPalette }))
 );
-var SubscriptionPage = React63.lazy(
-  () => import('./SubscriptionPage-NLZAZO4P.js').then((m) => ({ default: m.SubscriptionPage }))
+var SubscriptionPage = React65.lazy(
+  () => import('./SubscriptionPage-4KP7DKA2.js').then((m) => ({ default: m.SubscriptionPage }))
 );
 function orgInitials(name) {
   const words = name.trim().split(/\s+/).filter(Boolean);
@@ -17791,9 +17935,9 @@ function AccessDenied({ tr }) {
 }
 function AdminNotifications() {
   const { notifications, unreadCount, fetchNotifications, markAsRead, markAllAsRead } = useNotifications();
-  const [open, setOpen] = React63.useState(false);
-  const fetchedRef = React63.useRef(false);
-  React63.useEffect(() => {
+  const [open, setOpen] = React65.useState(false);
+  const fetchedRef = React65.useRef(false);
+  React65.useEffect(() => {
     if (fetchedRef.current) return;
     fetchedRef.current = true;
     void fetchNotifications();
@@ -17910,7 +18054,7 @@ function buildSettingsTabs(pluginTabs, can, hasSystem, t, showOrgSettings, hasBi
       // sidebar ICON_MAP, which made the settings rail fall back to Home.
       icon: /* @__PURE__ */ jsx(CreditCard, { className: "h-4 w-4" }),
       iconName: "CreditCard",
-      component: /* @__PURE__ */ jsx(React63.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(SubscriptionPage, {}) })
+      component: /* @__PURE__ */ jsx(React65.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(SubscriptionPage, {}) })
     });
   }
   if (showOrgSettings) {
@@ -17934,9 +18078,9 @@ function buildSettingsTabs(pluginTabs, can, hasSystem, t, showOrgSettings, hasBi
     settingsTabs.push({
       id: tab.id,
       label: translated === labelKey ? tab.label : translated,
-      icon: React63.createElement(IconComp, { className: "h-4 w-4" }),
+      icon: React65.createElement(IconComp, { className: "h-4 w-4" }),
       iconName: tab.icon ?? "Puzzle",
-      component: React63.createElement(tab.component),
+      component: React65.createElement(tab.component),
       // Flag plugin-contributed tabs so SettingsPage draws the core/plugins divider.
       isPlugin: true,
       group: tab.group
@@ -17950,7 +18094,7 @@ function AdminShellInner({ appName, layout = "sidebar", logo, pages = [], showSe
   const can = usePermissionOptional();
   const access = useAccessOptional();
   const currentProfile = usePermissionsStore((s) => s.currentProfile);
-  const hasSystem = React63.useCallback(
+  const hasSystem = React65.useCallback(
     (perm) => {
       if (!currentProfile) return true;
       if (currentProfile.id === "owner" || currentProfile.name?.toLowerCase() === "owner") return true;
@@ -17964,20 +18108,20 @@ function AdminShellInner({ appName, layout = "sidebar", logo, pages = [], showSe
   };
   const path = useAdminPath();
   const { user, signOut } = useAuth();
-  React63.useEffect(() => installGlobalErrorHandlers(), []);
+  React65.useEffect(() => installGlobalErrorHandlers(), []);
   const railOpen = useRightRailStore((s) => s.open);
   const railHasPanels = useRightRailStore((s) => s.panels.length > 0);
   const rightRail = railHasPanels ? /* @__PURE__ */ jsx(RightRail, { frame: contentFrame }) : null;
   const setRailMounted = useRightRailStore((s) => s.setMounted);
-  React63.useEffect(() => {
+  React65.useEffect(() => {
     setRailMounted(true);
     return () => setRailMounted(false);
   }, [setRailMounted]);
   useConnectorOAuthReturn();
   const railWidthLive = useRightRailStore((s) => s.width);
   const setSidebarCollapsed = useLayoutStore((s) => s.setSidebarCollapsed);
-  const railAutoCollapsedRef = React63.useRef(false);
-  React63.useEffect(() => {
+  const railAutoCollapsedRef = React65.useRef(false);
+  React65.useEffect(() => {
     if (layout !== "sidebar") return;
     const SIDEBAR_EXPANDED = 224;
     const MIN_CONTENT = 620;
@@ -17999,20 +18143,20 @@ function AdminShellInner({ appName, layout = "sidebar", logo, pages = [], showSe
     window.addEventListener("resize", apply);
     return () => window.removeEventListener("resize", apply);
   }, [railOpen, railWidthLive, layout, setSidebarCollapsed]);
-  const [railWidth] = React63.useState(() => readRightRailWidth());
+  const [railWidth] = React65.useState(() => readRightRailWidth());
   const billingPlans = useBillingStore((s) => s.plans);
   const hasBilling = billingPlans.length > 0;
   const orgPlan = useTenantOptional()?.org?.plan;
-  const planBadge = React63.useMemo(
+  const planBadge = React65.useMemo(
     () => hasBilling ? resolvePlanBadge(orgPlan, billingPlans) : null,
     [hasBilling, orgPlan, billingPlans]
   );
-  const softLimitKeys = React63.useMemo(() => {
+  const softLimitKeys = React65.useMemo(() => {
     const plan = billingPlans.find((p) => p.id === (orgPlan || "free"));
     return Object.keys(getPlanEntitlements(plan)?.limits ?? {});
   }, [billingPlans, orgPlan]);
   const navContributions = useNavContributionsStore((s) => s.contributions);
-  const navigation = React63.useMemo(() => {
+  const navigation = React65.useMemo(() => {
     const contributed = Object.values(navContributions).flat();
     const flat = [...runtime.navigation, ...contributed].map((entry) => ({ ...navEntryToItem(entry), position: entry.position, indexChild: entry.indexChild })).sort(compareNavigation);
     const items = [];
@@ -18059,7 +18203,7 @@ function AdminShellInner({ appName, layout = "sidebar", logo, pages = [], showSe
   }, [runtime.navigation, navContributions, pages, access]);
   const commandPaletteOpen = useLayoutStore((s) => s.commandPaletteOpen);
   const setCommandPaletteOpen = useLayoutStore((s) => s.setCommandPaletteOpen);
-  const commandItems = React63.useMemo(() => {
+  const commandItems = React65.useMemo(() => {
     const navGroup = tr("layout.commandPalette.navigation", "Navigation");
     const items = [];
     for (const nav of navigation) {
@@ -18071,7 +18215,7 @@ function AdminShellInner({ appName, layout = "sidebar", logo, pages = [], showSe
     return items;
   }, [navigation]);
   const globalSearch = useGlobalSearch();
-  const routes = React63.useMemo(() => {
+  const routes = React65.useMemo(() => {
     const list = [];
     const entityRouteMap = /* @__PURE__ */ new Map();
     for (const r of runtime.routes) {
@@ -18093,25 +18237,25 @@ 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 = React63.useMemo(() => {
+  const match = React65.useMemo(() => {
     for (const r of routes) {
       const params = matchRoute(r.path, path);
       if (params) return { route: r, params };
     }
     return null;
   }, [routes, path]);
-  React63.useEffect(() => {
+  React65.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 = React63.useMemo(
+  const settingsTabs = React65.useMemo(
     () => buildSettingsTabs(runtime.settingsTabs, can, hasSystem, t, showOrgSettings, hasBilling),
     [runtime.settingsTabs, can, hasSystem, t, showOrgSettings, hasBilling]
   );
-  const profileRoute = React63.useMemo(() => {
+  const profileRoute = React65.useMemo(() => {
     const explicit = routes.find((r) => r.path === "/perfil" || r.path === "/profile");
     if (explicit) return explicit.path;
     return showSettings ? "/settings/profile" : null;
@@ -18119,7 +18263,7 @@ function AdminShellInner({ appName, layout = "sidebar", logo, pages = [], showSe
   const onProfile = profileRoute ? () => navigateTo(profileRoute) : void 0;
   const onBilling = hasBilling && showSettings ? () => navigateTo("/settings/subscription") : void 0;
   const coreSettingsTabs = useCoreSettingsTabs({ showCompany: showBranding, showBranding });
-  const allSettingsTabs = React63.useMemo(
+  const allSettingsTabs = React65.useMemo(
     () => {
       const hidden = new Set(hiddenSettingsTabs ?? []);
       return [...coreSettingsTabs, ...settingsTabs].filter((tab) => !hidden.has(tab.id));
@@ -18131,12 +18275,12 @@ function AdminShellInner({ appName, layout = "sidebar", logo, pages = [], showSe
   const contextualNav = useContextualNavStore((s) => s.nav);
   const moduleRail = !inSettings && layout === "sidebar" && contextualNav && (path === contextualNav.base || path.startsWith(contextualNav.base + "/")) ? contextualNav : null;
   const activeSettingsTab = inSettings ? path === "/settings" ? null : path.slice("/settings/".length).split("/")[0] : void 0;
-  const settingsTabDef = React63.useMemo(() => {
+  const settingsTabDef = React65.useMemo(() => {
     if (!showSettings || !path.startsWith("/settings/")) return void 0;
     const id = path.slice("/settings/".length).split("/")[0];
     return allSettingsTabs.find((tab) => tab.id === id);
   }, [showSettings, path, allSettingsTabs]);
-  const settingsNavigation = React63.useMemo(
+  const settingsNavigation = React65.useMemo(
     () => allSettingsTabs.map((tab) => ({
       id: `settings:${tab.id}`,
       label: tab.label,
@@ -18154,10 +18298,10 @@ function AdminShellInner({ appName, layout = "sidebar", logo, pages = [], showSe
   const shellUser = user ? { fullName: user.fullName ?? user.email, email: user.email, avatarUrl: user.avatarUrl } : void 0;
   const moduleVariant = moduleNav ?? (layout === "sidebar" ? "tabs" : "rail");
   const setRailAvailable = useContextualNavStore((s) => s.setRailAvailable);
-  React63.useEffect(() => {
+  React65.useEffect(() => {
     setRailAvailable(layout === "sidebar" && moduleVariant !== "rail");
   }, [layout, moduleVariant, setRailAvailable]);
-  const activePageTitle = React63.useMemo(() => {
+  const activePageTitle = React65.useMemo(() => {
     if (settingsTabDef) return settingsTabDef.label;
     if (path === "/settings" || path.startsWith("/settings/")) return tr("common.settings", "Settings");
     if (match?.route.title) return match.route.title;
@@ -18167,7 +18311,7 @@ function AdminShellInner({ appName, layout = "sidebar", logo, pages = [], showSe
     );
     return hit?.label ?? candidates.find((n) => n.route === "/")?.label ?? "";
   }, [navigation, path, tr, match, settingsTabDef]);
-  const parentBack = React63.useMemo(() => {
+  const parentBack = React65.useMemo(() => {
     if (settingsTabDef) {
       return { onBack: () => navigateTo("/settings"), label: tr("common.settings", "Settings") };
     }
@@ -18246,11 +18390,15 @@ function AdminShellInner({ appName, layout = "sidebar", logo, pages = [], showSe
               onEdit: site?.editRoute ? () => navigateTo(site.editRoute) : void 0
             }
           ),
+          /* @__PURE__ */ jsx(WidgetSlot, { zone: "shell.sidebar.footer" }),
           sidebarFooter
         ] }),
         orgSwitcher: layout === "topbar" && showOrgSwitcher ? /* @__PURE__ */ jsx(WorkspaceSwitcher, { variant: "topbar" }) : void 0,
-        topbarStart: /* @__PURE__ */ jsx(WidgetSlot, { zone: "shell.topbar.start" }),
-        topbarEnd: /* @__PURE__ */ jsx(WidgetSlot, { zone: "shell.topbar.end" }),
+        topbarStart: /* @__PURE__ */ jsx(WidgetSlot, { zone: "shell.topbar.start", surface: "topbar" }),
+        topbarEnd: /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(WidgetSlot, { zone: "shell.topbar.end", surface: "topbar" }),
+          layout !== "sidebar" && /* @__PURE__ */ jsx(WidgetSlot, { zone: "shell.sidebar.footer", surface: "topbar" })
+        ] }),
         rightRail,
         rightRailOpen: railOpen,
         defaultRightRailWidth: railWidth,
@@ -18297,10 +18445,15 @@ function AdminShellInner({ appName, layout = "sidebar", logo, pages = [], showSe
                   userId: user?.id,
                   backLabel: parentBack?.label,
                   onBack: parentBack ? parentBack.onBack : () => navigateTo(homeRoute),
-                  children: match?.route.fullBleed ? /* @__PURE__ */ jsx("div", { className: "h-full min-h-0 overflow-hidden", children: activeContent }) : /* @__PURE__ */ jsxs("div", { className: "space-y-4 p-3 md:space-y-6 md:p-6", children: [
-                    softLimitKeys.length > 0 && /* @__PURE__ */ jsx(SoftLimitBanner, { keys: softLimitKeys }),
-                    activeContent
-                  ] })
+                  children: match?.route.fullBleed ? /* @__PURE__ */ jsx("div", { className: "h-full min-h-0 overflow-hidden", children: activeContent }) : (
+                    // Less air at the top than at the sides: the bar above already
+                    // ends in a hairline, so a full 24px under it read as a gap
+                    // before the page started rather than as the page's margin.
+                    /* @__PURE__ */ jsxs("div", { className: "space-y-4 p-3 md:space-y-6 md:px-6 md:pb-6 md:pt-4", children: [
+                      softLimitKeys.length > 0 && /* @__PURE__ */ jsx(SoftLimitBanner, { keys: softLimitKeys }),
+                      activeContent
+                    ] })
+                  )
                 },
                 match?.route.path ?? path
               )
@@ -18319,7 +18472,7 @@ function AdminShellInner({ appName, layout = "sidebar", logo, pages = [], showSe
         ]
       }
     ),
-    /* @__PURE__ */ jsx(React63.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(React65.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
       CommandPalette,
       {
         commands: commandItems,
@@ -18487,7 +18640,7 @@ function buildI18nConfig(config) {
 function BillingInitializer({ config }) {
   const setPlans = useBillingStore((s) => s.setPlans);
   const setCheckout = useBillingStore((s) => s.setCheckout);
-  React63.useEffect(() => {
+  React65.useEffect(() => {
     if (config.billing?.plans) setPlans(config.billing.plans.map(normalizeBillingPlan));
     setCheckout(config.billing?.onCheckout ?? null);
   }, [config.billing, setPlans, setCheckout]);
@@ -18514,7 +18667,7 @@ function ThemeInitializer({ config }) {
   const initialize = useThemeStore((s) => s.initialize);
   const setOverrides = useThemeStore((s) => s.setOverrides);
   const setMode = useThemeStore((s) => s.setMode);
-  React63.useEffect(() => {
+  React65.useEffect(() => {
     if (config.theme) {
       const resolved = isSaasTheme(config.theme) ? resolveTheme(config.theme) : config.theme;
       setOverrides(resolved);
@@ -18527,20 +18680,20 @@ function ThemeInitializer({ config }) {
   return null;
 }
 function PersistentCacheInitializer() {
-  React63.useEffect(() => {
+  React65.useEffect(() => {
     attachPersistentCache();
     void getPersistentCache()?.hydrate();
   }, []);
   return null;
 }
 function FayzEventBridgeInitializer({ config }) {
-  React63.useEffect(() => startFayzEventBridge(config.chat?.agent), [config.chat?.agent]);
+  React65.useEffect(() => startFayzEventBridge(config.chat?.agent), [config.chat?.agent]);
   return null;
 }
 function TeamInitializer({ config }) {
   const setTeamPersonKinds = useOrganizationStore((s) => s.setTeamPersonKinds);
   const kinds = config.team?.personKinds;
-  React63.useEffect(() => {
+  React65.useEffect(() => {
     setTeamPersonKinds(kinds ?? []);
   }, [setTeamPersonKinds, kinds]);
   return null;
@@ -18556,7 +18709,7 @@ function ChatRailPanel({ config }) {
   const agent = config.chat?.agent;
   const voice = config.chat?.voice;
   const whatsapp = config.chat?.whatsapp;
-  const Component2 = React63.useMemo(() => {
+  const Component2 = React65.useMemo(() => {
     const Panel = () => /* @__PURE__ */ jsx(
       ChatConversation,
       {
@@ -18573,15 +18726,15 @@ function ChatRailPanel({ config }) {
   const conversations = useChatStore((s) => s.conversations);
   const setConversations = useChatStore((s) => s.setConversations);
   const user = useAuthStore((s) => s.user);
-  const connection = React63.useMemo(() => resolveFayzAgentConnection(agent), [agent]);
-  React63.useEffect(() => {
+  const connection = React65.useMemo(() => resolveFayzAgentConnection(agent), [agent]);
+  React65.useEffect(() => {
     if (!connection) return;
     getFayzAgentClient(connection).listConversations(user?.id).then(setConversations).catch(() => {
     });
   }, [connection, user?.id, setConversations]);
   const persona = useAssistantInviteStore((s) => s.invite?.persona);
   useRightRailPanel(
-    React63.useMemo(
+    React65.useMemo(
       () => ({
         id: "chat",
         label: persona ?? "Chat",
@@ -18593,17 +18746,17 @@ function ChatRailPanel({ config }) {
       [Component2, conversations.length, persona]
     )
   );
-  React63.useEffect(() => {
+  React65.useEffect(() => {
     if (chatOpen) openPanel("chat");
   }, [chatOpen, openPanel]);
-  React63.useEffect(() => {
+  React65.useEffect(() => {
     if (!(railOpen && railActive === "chat")) setChatOpen(false);
   }, [railOpen, railActive, setChatOpen]);
   return null;
 }
 function AdminProviders({ config, children }) {
   const currentOrg = useOrganizationStore((s) => s.currentOrg);
-  const hasFayzAgent = React63.useMemo(
+  const hasFayzAgent = React65.useMemo(
     () => !!resolveFayzAgentConnection(config.chat?.agent),
     [config.chat?.agent]
   );
@@ -18611,7 +18764,7 @@ function AdminProviders({ config, children }) {
   const surface = config.chat?.surface ?? "dock";
   const onConsentScreen = typeof window !== "undefined" && window.location.pathname.replace(/\/+$/, "").endsWith("/connect");
   const showFab = assistantEnabled && surface === "dock" && !onConsentScreen;
-  const resolved = React63.useMemo(() => {
+  const resolved = React65.useMemo(() => {
     if (config.supabaseUrl && config.supabaseAnonKey) {
       createFayzSupabaseClient(config.supabaseUrl, config.supabaseAnonKey);
     }
@@ -18627,7 +18780,7 @@ function AdminProviders({ config, children }) {
     };
   }, [config]);
   const path = useAdminPath();
-  const runtime = React63.useMemo(
+  const runtime = React65.useMemo(
     () => resolvePluginRuntime({
       plugins: resolved.plugins,
       context: {
@@ -18939,8 +19092,8 @@ function manifestToFayzConfig(manifest, surfaceName) {
   };
 }
 function AdminScaffold({ manifest, surface }) {
-  const config = React63.useMemo(() => manifestToFayzConfig(manifest, surface), [manifest, surface]);
-  const authShellProps = React63.useMemo(() => getAuthShellProps(config.auth), [config.auth]);
+  const config = React65.useMemo(() => manifestToFayzConfig(manifest, surface), [manifest, surface]);
+  const authShellProps = React65.useMemo(() => getAuthShellProps(config.auth), [config.auth]);
   return /* @__PURE__ */ jsx(AdminProviders, { config, children: /* @__PURE__ */ jsx(
     AdminShell,
     {
@@ -19219,10 +19372,10 @@ function OrderDetailView(props) {
     // três colunas viravam uma tira de 280px que quebrava todo rótulo.
     /* @__PURE__ */ jsxs("div", { className: "fz-container space-y-4", children: [
       /* @__PURE__ */ jsx(PageHeader, { title, parentLabel: backLabel, onBack }),
-      (badges.length > 0 || props.badgesNode || subtitle || actions) && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+      actions && /* @__PURE__ */ jsx(PageHeaderActions, { children: actions }),
+      (badges.length > 0 || props.badgesNode || subtitle) && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
         props.badgesNode ?? badges.map((b, i) => /* @__PURE__ */ jsx(Badge15, { badge: b }, i)),
-        subtitle && /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: subtitle }),
-        actions && /* @__PURE__ */ jsx("div", { className: "ml-auto flex flex-wrap items-center gap-2", children: actions })
+        subtitle && /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: subtitle })
       ] }),
       stats.length > 0 && /* @__PURE__ */ jsx("div", { className: "fz-fields fz-fields-4 gap-3", children: stats.map((tile, i) => /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card p-3", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2", children: [
@@ -19310,7 +19463,9 @@ var ITEM_LABELS = {
   adjustments: "Desconto / acr\xE9scimo",
   removeAdjustments: "Remover ajustes",
   remove: "Remover item",
-  done: "Conclu\xEDdo"
+  done: "Conclu\xEDdo",
+  create: "Cadastrar",
+  clear: "Limpar"
 };
 function OrderFormItemRow({
   index,
@@ -19337,7 +19492,7 @@ function OrderFormItemRow({
   const total = quantity * unitPrice - (discount ?? 0) + (surcharge ?? 0);
   const kindLabel = itemTypes.find((tp) => tp.value === itemKind)?.label ?? itemKind;
   const hasAdjustments = (discount ?? 0) > 0 || (surcharge ?? 0) > 0;
-  const [showAdjustments, setShowAdjustments] = React63.useState(hasAdjustments);
+  const [showAdjustments, setShowAdjustments] = React65.useState(hasAdjustments);
   const lookup2 = entityLookups[itemKind];
   function handleFieldKeyDown(e) {
     if (e.key === "Enter" && !e.shiftKey) {
@@ -19412,6 +19567,12 @@ function OrderFormItemRow({
               const results = await lookup2.search(q);
               return results.map((r) => ({ id: r.id, label: r.label, subtitle: r.subtitle, group: r.group, data: r }));
             },
+            createLabel: l.create,
+            clearLabel: l.clear,
+            onCreate: lookup2.create ? async (name) => {
+              const created = await lookup2.create(name);
+              onChange({ referenceId: created.id, description: created.label });
+            } : void 0,
             placeholder: `${l.item}\u2026`,
             renderOption: (opt) => /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
               /* @__PURE__ */ jsx("p", { className: "truncate text-sm", children: opt.label }),
@@ -19607,7 +19768,7 @@ function OrderFormView({
   parentLabel,
   onBack,
   badges,
-  subtitle,
+  subtitle: _subtitle,
   actions,
   banner,
   children,
@@ -19618,11 +19779,8 @@ function OrderFormView({
     // se cabem duas colunas é a LARGURA DESTA COLUNA, não a da janela.
     /* @__PURE__ */ jsxs("div", { className: "fz-container space-y-4", children: [
       /* @__PURE__ */ jsx(PageHeader, { title, parentLabel, onBack }),
-      (badges || subtitle || actions) && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
-        badges,
-        subtitle && /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: subtitle }),
-        actions && /* @__PURE__ */ jsx("div", { className: "ml-auto flex flex-wrap items-center gap-2", children: actions })
-      ] }),
+      actions && /* @__PURE__ */ jsx(PageHeaderActions, { children: actions }),
+      badges && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-2", children: badges }),
       banner,
       /* @__PURE__ */ jsxs("div", { className: "fz-split", children: [
         /* @__PURE__ */ jsx("div", { className: "fz-container space-y-4", children }),
@@ -19633,13 +19791,12 @@ function OrderFormView({
 }
 OrderFormView.displayName = "OrderFormView";
 function OrderFormSkeleton() {
-  return /* @__PURE__ */ jsxs("div", { className: "fz-container space-y-4", children: [
-    /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-20" }),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
-      /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-20 rounded-full" }),
-      /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-20 rounded-full" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "fz-split", children: [
+  return (
+    // Sem a linha da migalha nem a fileira de pastilhas: a migalha mora na barra
+    // da shell (que já está desenhada quando isto aparece) e o formulário não
+    // tem badges. Eram duas faixas cinzas prometendo conteúdo que nunca chega —
+    // o "pulo" que um esqueleto existe para evitar, causado pelo esqueleto.
+    /* @__PURE__ */ jsx("div", { className: "fz-container space-y-4", children: /* @__PURE__ */ jsxs("div", { className: "fz-split", children: [
       /* @__PURE__ */ jsx("div", { className: "space-y-4", children: /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card", children: [
         /* @__PURE__ */ jsx("div", { className: "border-b px-4 py-3", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }) }),
         /* @__PURE__ */ jsx("div", { className: "space-y-3 p-4", children: [1, 2].map((i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
@@ -19652,11 +19809,13 @@ function OrderFormSkeleton() {
         /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-20" }),
         /* @__PURE__ */ jsx("div", { className: "mt-3 space-y-2", children: Array.from({ length: rows }).map((_, j) => /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-full" }, j)) })
       ] }, i)) })
-    ] })
-  ] });
+    ] }) })
+  );
 }
 function OrderListView({
-  title,
+  // `title` continua na API (é o que o chamador declara), mas quem escreve o
+  // nome da tela é a barra da shell — ver o corpo.
+  title: _title,
   subtitle,
   actions,
   stats,
@@ -19674,10 +19833,10 @@ function OrderListView({
   bulkActions,
   rowId
 }) {
-  const [search, setSearch] = React63.useState("");
-  const [page, setPage] = React63.useState(1);
-  const [rawSelection, setRawSelection] = React63.useState([]);
-  const cols = React63.useMemo(
+  const [search, setSearch] = React65.useState("");
+  const [page, setPage] = React65.useState(1);
+  const [rawSelection, setRawSelection] = React65.useState([]);
+  const cols = React65.useMemo(
     () => columns.map((c) => ({
       id: c.key,
       header: () => /* @__PURE__ */ jsx("div", { className: c.align === "right" ? "text-right" : "", children: c.header }),
@@ -19685,29 +19844,30 @@ function OrderListView({
     })),
     [columns]
   );
-  const filtered = React63.useMemo(() => {
+  const filtered = React65.useMemo(() => {
     const term = search.trim().toLowerCase();
     if (!term || !searchText) return rows;
     return rows.filter((row) => searchText(row).toLowerCase().includes(term));
   }, [rows, search, searchText]);
-  React63.useEffect(() => {
+  React65.useEffect(() => {
     setPage(1);
   }, [search]);
   const paged = pageSize > 0 ? filtered.slice((page - 1) * pageSize, page * pageSize) : filtered;
-  const getId = React63.useCallback(
+  const getId = React65.useCallback(
     (row) => rowId ? rowId(row) : String(row.id ?? ""),
     [rowId]
   );
-  const pageIds = React63.useMemo(() => paged.map(getId), [paged, getId]);
-  const selectedIds = React63.useMemo(
+  const pageIds = React65.useMemo(() => paged.map(getId), [paged, getId]);
+  const selectedIds = React65.useMemo(
     () => rawSelection.filter((id) => pageIds.includes(id)),
     [rawSelection, pageIds]
   );
-  const selectedRows = React63.useMemo(
+  const selectedRows = React65.useMemo(
     () => paged.filter((row) => selectedIds.includes(getId(row))),
     [paged, selectedIds, getId]
   );
   const selectable = (bulkActions?.length ?? 0) > 0;
+  const hasSelection = selectable && selectedIds.length > 0;
   const barActions = (bulkActions ?? []).map((action) => ({
     id: action.id,
     label: action.label,
@@ -19729,38 +19889,31 @@ function OrderListView({
     // `p-3 md:p-6` (AdminShell). Reaplicar `p-6 md:p-8` aqui empurrava a lista
     // 32px à direita do título na barra de topo e de todas as outras telas.
     /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
-      navTabs && navTabs.length > 0 && // Mesma linha de CrudListView: abas à esquerda, ações à direita.
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [
-        /* @__PURE__ */ jsx(
-          HeaderTabs,
-          {
-            tabs: navTabs,
-            value: activeNavTab ?? navTabs[0].value,
-            onChange: (v) => onNavTabChange?.(v)
-          }
-        ),
-        actions
-      ] }),
-      !navTabs?.length && (title || subtitle || actions) && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [
-        title || subtitle ? /* @__PURE__ */ jsxs("div", { children: [
-          title && /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold text-foreground", children: title }),
-          subtitle && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: subtitle })
-        ] }) : /* @__PURE__ */ jsx("span", {}),
-        actions
-      ] }),
-      tiles.length > 0 && /* @__PURE__ */ jsx(StatTiles, { tiles, loading }),
-      selectable && /* @__PURE__ */ jsx(
-        BulkActionBar,
+      actions && /* @__PURE__ */ jsx(PageHeaderActions, { children: actions }),
+      navTabs && navTabs.length > 0 && // Mesma faixa de CrudListView e da sub-nav de módulo: abas à esquerda,
+      // fechada pelo filete que atravessa a página.
+      /* @__PURE__ */ jsx(
+        PageTabs,
         {
-          count: selectedIds.length,
-          total: paged.length,
-          onSelectAll: () => setRawSelection(pageIds),
-          onClear: () => setRawSelection([]),
-          actions: barActions
+          className: "mb-0",
+          tabs: navTabs,
+          value: activeNavTab ?? navTabs[0].value,
+          onChange: (v) => onNavTabChange?.(v)
         }
       ),
+      tiles.length > 0 && /* @__PURE__ */ jsx(StatTiles, { tiles, loading }),
       /* @__PURE__ */ jsxs(Card, { className: "overflow-hidden", children: [
-        searchText && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-2 border-b border-border px-3 py-2", children: /* @__PURE__ */ jsx("div", { className: "min-w-[10rem] flex-1", children: /* @__PURE__ */ jsx(
+        (searchText || hasSelection) && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-2 border-b border-border px-3 py-2", children: hasSelection ? /* @__PURE__ */ jsx(
+          BulkActionBar,
+          {
+            variant: "inline",
+            count: selectedIds.length,
+            total: paged.length,
+            onSelectAll: () => setRawSelection(pageIds),
+            onClear: () => setRawSelection([]),
+            actions: barActions
+          }
+        ) : /* @__PURE__ */ jsx("div", { className: "min-w-[10rem] flex-1", children: /* @__PURE__ */ jsx(
           SearchField,
           {
             value: search,
@@ -19958,6 +20111,21 @@ function createArchetypeLookup(config) {
         (row) => toResult(row, display, config.kindLabels)
       );
     },
+    // Cadastro na hora: só o nome (e o `kind`, quando a busca já está presa a
+    // um). Um registro nascido aqui é um esboço de propósito — o campo que o
+    // pediu precisa continuar, não abrir um formulário inteiro.
+    async create(name) {
+      const supabase = getSupabaseClientOptional();
+      if (!supabase) throw new Error("No database connection");
+      const row = {
+        [display.labelField]: name,
+        is_active: true
+      };
+      if (kinds && kinds.length === 1) row.kind = kinds[0];
+      const { data, error } = await supabase.from(display.table).insert(row).select("*").single();
+      if (error) throw new Error(error.message);
+      return toResult(data, display, config.kindLabels);
+    },
     async getById(id) {
       const supabase = getSupabaseClientOptional();
       if (!supabase) return null;
@@ -20141,11 +20309,11 @@ function PersonTimeline({
     pageSize,
     activeSourceIds
   });
-  const toneBySource = React63__default.useMemo(
+  const toneBySource = React65__default.useMemo(
     () => new Map(sources2.map((s) => [s.id, s.tone ?? "neutral"])),
     [sources2]
   );
-  const hrefFor = React63__default.useCallback(
+  const hrefFor = React65__default.useCallback(
     (item) => {
       if (item.href) return item.href;
       if (!recordPath || !item.targetTab) return void 0;
@@ -20188,19 +20356,19 @@ function PersonTimeline({
 }
 function createPlaceholder(title, description) {
   return function PlaceholderPage() {
-    return React63__default.createElement(
+    return React65__default.createElement(
       "div",
       { className: "mx-auto max-w-4xl" },
-      React63__default.createElement("h1", { className: "text-3xl font-bold text-foreground" }, title),
-      description ? React63__default.createElement("p", { className: "mt-1 text-muted-foreground" }, description) : null,
-      React63__default.createElement(
+      React65__default.createElement("h1", { className: "text-3xl font-bold text-foreground" }, title),
+      description ? React65__default.createElement("p", { className: "mt-1 text-muted-foreground" }, description) : null,
+      React65__default.createElement(
         "div",
         { className: "mt-8 flex items-center justify-center rounded-card border border-dashed border-border bg-card p-16" },
-        React63__default.createElement(
+        React65__default.createElement(
           "div",
           { className: "text-center" },
-          React63__default.createElement("p", { className: "text-lg font-medium text-muted-foreground" }, "Coming Soon"),
-          React63__default.createElement(
+          React65__default.createElement("p", { className: "text-lg font-medium text-muted-foreground" }, "Coming Soon"),
+          React65__default.createElement(
             "p",
             { className: "mt-1 text-sm text-muted-foreground/70" },
             "This module is being built as a plugin."
@@ -20210,55 +20378,6 @@ function createPlaceholder(title, description) {
     );
   };
 }
-function QuickActionsButton({ actions, className }) {
-  const [open, setOpen] = useState(false);
-  const ref = useRef(null);
-  const variant = useModuleLayout() === "tabs" ? "default" : "outline";
-  useEffect(() => {
-    function handler(e) {
-      if (ref.current && !ref.current.contains(e.target)) setOpen(false);
-    }
-    document.addEventListener("mousedown", handler);
-    return () => document.removeEventListener("mousedown", handler);
-  }, []);
-  if (actions.length === 0) return null;
-  return /* @__PURE__ */ jsxs("div", { ref, className: cn("relative", className), children: [
-    /* @__PURE__ */ jsxs(
-      Button,
-      {
-        variant,
-        size: "sm",
-        onClick: () => setOpen(!open),
-        className: cn(open && variant === "outline" && "bg-muted"),
-        children: [
-          /* @__PURE__ */ jsx(Plus, { className: cn("h-3.5 w-3.5 transition-transform duration-200", open && "rotate-45") }),
-          /* @__PURE__ */ jsx("span", { children: "New" })
-        ]
-      }
-    ),
-    open && /* @__PURE__ */ jsx("div", { className: "fayz-glass-surface absolute top-full right-0 z-50 mt-2 w-64 rounded-xl border bg-popover shadow-lg overflow-hidden animate-in fade-in-0 zoom-in-95 origin-top-right", children: /* @__PURE__ */ jsx("div", { className: "p-1.5", children: actions.map((action) => {
-      const Icon = action.icon ? ICON_MAP[action.icon] ?? Plus : Plus;
-      return /* @__PURE__ */ jsxs(
-        "button",
-        {
-          onClick: () => {
-            action.action();
-            setOpen(false);
-          },
-          className: "w-full flex items-center gap-3 rounded-lg px-3 py-2.5 text-left hover:bg-muted/50 transition-colors group",
-          children: [
-            /* @__PURE__ */ jsx("div", { className: "flex h-8 w-8 items-center justify-center rounded-lg bg-muted group-hover:bg-primary/10 transition-colors shrink-0", children: /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4 text-muted-foreground group-hover:text-primary transition-colors" }) }),
-            /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: action.label }),
-              action.description && /* @__PURE__ */ jsx("p", { className: "text-[10px] text-muted-foreground leading-tight", children: action.description })
-            ] })
-          ]
-        },
-        action.id
-      );
-    }) }) })
-  ] });
-}
 function ModuleActionBar({
   quickActions,
   settingsPath,
@@ -20287,9 +20406,9 @@ function ModuleActionBar({
   ] });
 }
 function createPluginContext(displayName) {
-  const ConfigContext = React63__default.createContext(null);
-  const ProviderContext = React63__default.createContext(null);
-  const StoreContext = React63__default.createContext(null);
+  const ConfigContext = React65__default.createContext(null);
+  const ProviderContext = React65__default.createContext(null);
+  const StoreContext = React65__default.createContext(null);
   const ContextProvider = ({
     config,
     provider,
@@ -20298,17 +20417,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 = React63__default.useContext(ConfigContext);
+    const ctx = React65__default.useContext(ConfigContext);
     if (!ctx) throw new Error(`useConfig must be used within ${displayName}`);
     return ctx;
   }
   function useProvider() {
-    const ctx = React63__default.useContext(ProviderContext);
+    const ctx = React65__default.useContext(ProviderContext);
     if (!ctx) throw new Error(`useProvider must be used within ${displayName}`);
     return ctx;
   }
   function useStore$1(selector) {
-    const store = React63__default.useContext(StoreContext);
+    const store = React65__default.useContext(StoreContext);
     if (!store) throw new Error(`useStore must be used within ${displayName}`);
     return useStore(store, selector);
   }
@@ -20365,7 +20484,7 @@ function PluginRegistryManager({ registries, routeBase, className }) {
     return registries[0]?.id ?? "";
   };
   const [activeTab, setActiveTab] = useState(getTabFromHash);
-  React63__default.useEffect(() => {
+  React65__default.useEffect(() => {
     if (!routeBase) return;
     const handler = () => setActiveTab(getTabFromHash());
     window.addEventListener("hashchange", handler);
@@ -20423,6 +20542,14 @@ function useModuleNavigation(hashBase, depthMap, homeView = "summary") {
       const rest = hash.slice(hashBase.length + 1);
       const segments = rest.split("/");
       if (segments.length === 1 && segments[0] === homeView) return homeView;
+      const UUID_RE2 = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
+      const last = segments[segments.length - 1];
+      if (segments.length >= 3 && !UUID_RE2.test(last) && UUID_RE2.test(segments[segments.length - 2])) {
+        return segments.slice(0, -2).join("-") + "-" + last + ":" + segments[segments.length - 2];
+      }
+      if (segments.length === 2 && UUID_RE2.test(last)) {
+        return segments[0] + "-detail:" + last;
+      }
       const ACTION_KEYWORDS = ["edit", "detail", "view", "post"];
       if (segments.length >= 3) {
         const maybeAction = segments[segments.length - 2];
@@ -20430,9 +20557,8 @@ function useModuleNavigation(hashBase, depthMap, homeView = "summary") {
           return segments.slice(0, -2).join("-") + "-" + maybeAction + ":" + segments[segments.length - 1];
         }
       }
-      const UUID_RE2 = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
-      if (segments.length >= 2 && UUID_RE2.test(segments[segments.length - 1])) {
-        return segments.slice(0, -1).join("-") + ":" + segments[segments.length - 1];
+      if (segments.length >= 2 && UUID_RE2.test(last)) {
+        return segments.slice(0, -1).join("-") + ":" + last;
       }
       return segments.join("-");
     }
@@ -20487,9 +20613,17 @@ function useModuleNavigation(hashBase, depthMap, homeView = "summary") {
     } else {
       const colonIdx = nextView.indexOf(":");
       if (colonIdx !== -1) {
-        const prefix = nextView.slice(0, colonIdx).replace(/-/g, "/");
+        const rawPrefix = nextView.slice(0, colonIdx);
         const id = nextView.slice(colonIdx + 1);
-        window.location.hash = `${hashBase}/${prefix}/${id}`;
+        const parts = rawPrefix.split("-");
+        const verb = parts.length > 1 ? parts[parts.length - 1] : void 0;
+        if (verb === "detail") {
+          window.location.hash = `${hashBase}/${parts.slice(0, -1).join("/")}/${id}`;
+        } else if (verb === "edit") {
+          window.location.hash = `${hashBase}/${parts.slice(0, -1).join("/")}/${id}/edit`;
+        } else {
+          window.location.hash = `${hashBase}/${rawPrefix.replace(/-/g, "/")}/${id}`;
+        }
       } else {
         const path = nextView.replace(/-/g, "/");
         window.location.hash = `${hashBase}/${path}`;
@@ -20668,12 +20802,12 @@ function CrudRecordModal({
   description,
   emptyLabel
 }) {
-  const [record, setRecord] = React63.useState(null);
-  const [loading, setLoading] = React63.useState(false);
-  const [saving, setSaving] = React63.useState(false);
-  const [error, setError] = React63.useState(null);
-  const formId = React63.useId();
-  React63.useEffect(() => {
+  const [record, setRecord] = React65.useState(null);
+  const [loading, setLoading] = React65.useState(false);
+  const [saving, setSaving] = React65.useState(false);
+  const [error, setError] = React65.useState(null);
+  const formId = React65.useId();
+  React65.useEffect(() => {
     if (!open) return;
     let cancelled = false;
     setLoading(true);
@@ -21311,10 +21445,10 @@ function useTenantPluginSettings(pluginId, defaults) {
   );
 }
 function useAgentSurface(contribution) {
-  const ref = React63.useRef(contribution);
+  const ref = React65.useRef(contribution);
   ref.current = contribution;
   const id = contribution.id;
-  React63.useEffect(() => {
+  React65.useEffect(() => {
     registerSurface({ id, get: () => ref.current });
     const names = (ref.current.tools ?? []).map((t) => t.tool.name);
     for (const name of names) {
@@ -21334,21 +21468,21 @@ function ConnectorsHub({ hostPluginId }) {
   const { t } = useTranslation$1();
   const { connectors, reload } = useConnectors({ includeGrants: false });
   const assistantAvailable = useConnectorsPanelAvailable();
-  const [selected, setSelected] = React63__default.useState(null);
-  const [adding, setAdding] = React63__default.useState(false);
-  const hosted = React63__default.useMemo(
+  const [selected, setSelected] = React65__default.useState(null);
+  const [adding, setAdding] = React65__default.useState(false);
+  const hosted = React65__default.useMemo(
     () => (connectors ?? []).filter((c) => c.hostPluginId === hostPluginId),
     [connectors, hostPluginId]
   );
-  const categories = React63__default.useMemo(
+  const categories = React65__default.useMemo(
     () => [...new Set(hosted.map((c) => c.category).filter((c) => !!c))],
     [hosted]
   );
-  const scoped = React63__default.useMemo(() => {
+  const scoped = React65__default.useMemo(() => {
     const siblings = inCategories(connectors ?? [], categories).filter((c) => c.hostPluginId !== hostPluginId);
     return [...hosted, ...siblings];
   }, [connectors, hosted, categories, hostPluginId]);
-  React63__default.useEffect(() => {
+  React65__default.useEffect(() => {
     if (!selected || !connectors) return;
     const fresh = connectors.find((c) => c.id === selected.id);
     if (fresh && fresh !== selected) setSelected(fresh);
@@ -21360,7 +21494,7 @@ function ConnectorsHub({ hostPluginId }) {
   const only = categories.length === 1 ? categoryLabel(categories[0]) : void 0;
   const moreLabel = only ? t("connectors.viewCategory", { category: only }) : t("connectors.viewSimilar");
   return /* @__PURE__ */ jsxs("div", { className: "max-w-3xl space-y-3", children: [
-    /* @__PURE__ */ jsx("ul", { className: "divide-y divide-border overflow-hidden rounded-xl border border-border", children: scoped.map((c) => /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("ul", { className: "fayz-glass-surface divide-y divide-border overflow-hidden rounded-card border bg-card text-card-foreground shadow-sm", children: scoped.map((c) => /* @__PURE__ */ jsx(
       ConnectorRow,
       {
         connector: c,
@@ -21420,7 +21554,7 @@ function ConnectorsHub({ hostPluginId }) {
   ] });
 }
 function HubSkeleton() {
-  return /* @__PURE__ */ jsx("div", { className: "max-w-3xl", "aria-hidden": true, children: /* @__PURE__ */ jsx("ul", { className: "divide-y divide-border overflow-hidden rounded-xl border border-border", children: [0, 1].map((i) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-4 p-4", children: [
+  return /* @__PURE__ */ jsx("div", { className: "max-w-3xl", "aria-hidden": true, children: /* @__PURE__ */ jsx("ul", { className: "fayz-glass-surface divide-y divide-border overflow-hidden rounded-card border bg-card text-card-foreground shadow-sm", children: [0, 1].map((i) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-4 p-4", children: [
     /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-10 shrink-0 rounded-lg" }),
     /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-2 py-0.5", children: [
       /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-44" }),
@@ -21429,7 +21563,7 @@ function HubSkeleton() {
     /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24 shrink-0" })
   ] }, i)) }) });
 }
-function RegistryCrudView2({ registry: registry3, basePath }) {
+function RegistryCrudView2({ registry: registry3, basePath, embedded }) {
   const useStore = useMemo(() => {
     const mockData = registry3.mockData ?? registry3.seedData ?? [];
     const provider = registry3.dataProvider ?? resolveDataProvider(registry3.entity, mockData);
@@ -21442,7 +21576,8 @@ function RegistryCrudView2({ registry: registry3, basePath }) {
       useStore,
       basePath,
       display: registry3.display === "cards" ? "cards" : "table",
-      readOnly: registry3.readOnly
+      readOnly: registry3.readOnly,
+      embedded
     }
   );
 }
@@ -21462,7 +21597,7 @@ function PropertiesTab({ registries, routeBase, regLabel }) {
     return registries[0]?.id ?? "";
   }
   const [active2, setActive] = useState(getActive);
-  React63__default.useEffect(() => {
+  React65__default.useEffect(() => {
     const handler = () => setActive(getActive());
     window.addEventListener("hashchange", handler);
     return () => window.removeEventListener("hashchange", handler);
@@ -21537,7 +21672,7 @@ function PluginSettingsPanel({ title, subtitle, generalSettings, registries, cus
     return tabs[0]?.id ?? "";
   }
   const [activeTab, setActiveTab] = useState(getActiveFromHash);
-  React63__default.useEffect(() => {
+  React65__default.useEffect(() => {
     const handler = () => setActiveTab(getActiveFromHash());
     window.addEventListener("hashchange", handler);
     return () => window.removeEventListener("hashchange", handler);
@@ -21585,6 +21720,6 @@ var renderApp = (...args) => {
   return renderApp$1(...args);
 };
 
-export { AddConnectorButton, AddConnectorPanel, AdminProviders, AdminScaffold, AdminShell, AssistantInvite, ChatConversation, ClientOrdersTab, ConnectConsentPage, ConnectorDeliveries, ConnectorDetail, ConnectorMark, ConnectorRow, ConnectorSyncActions, ConnectorsHub, ConnectorsTab, ContactPicker, CredentialSinkMissingError, CrudCardGrid, CrudDetailPage, CrudDetailSkeleton, CrudFormPage, CrudFormSkeleton, CrudListView, CrudPage, CrudRecordModal, DeleteConfirmDialog, EntitlementGate, EntityLink, LimitGate, ModuleActionBar, MultiSelectRow, NOTE_LABEL_PREFIX, OrderDetailBlock, OrderDetailRow, OrderDetailSkeleton, OrderDetailView, OrderFormAddItemStep, OrderDetailBlock as OrderFormBlock, OrderFormItemRow, OrderFormItemsCard, OrderFormSkeleton, OrderFormView, OrderListView, PermissionGate, PersonLink2 as PersonLink, PersonTimeline, PluginRegistryManager, PluginSettingsPanel, ProjectsSettings, QuickActionsButton, RecordPickerModal, RegistryCrudView2 as RegistryCrudView, RouteErrorBoundary, RouteErrorScreen, SelectRow, SettingsGroup, SeuSiteWidget, StateChip, TextRow, ToggleRow, UpgradePrompt, WidgetSlot, navigateTo as adminNavigateTo, categoryLabel, connectorRoute, createArchetypeLookup, createClientOrdersProvider, createCrudPage, createFayzApp, createFayzProject, createCrudPage as createNativeCrudPage, createPerson, createPlaceholder, createPluginContext, createViewRouter, dedup, defaultProjectOf, defineSaas, deleteFayzProject, deriveAgentContract, exportToCSV, filterConnectors, formatActivityElapsed, formatCurrency4 as formatCurrency, getDefaultFayzProject, getFayzAgentClient, getPersonLookup, getPersonPath, getTimelineSources, listFayzProjects, needsCredentialSink, openAssistant, openConnectorsPanel, openEntity, parseViewId, publishAssistantActivity, registerAdminScaffold, registerAssistantLauncher, registerEntityPath, registerNotesTasksAdapter, registerPersonLookup, registerTimelineSource, renderApp, resolveEntityAnchor, resolveEntityHref, resolveFayzAgentConnection, splitConnectorValues, submitConnection, unregisterAssistantLauncher, unregisterTimelineSource, updateFayzProject, useAdminPath, useAgentSurface, useAssistantActivity, useAssistantInviteStore, useAssistantLaunchers, useChatStore, useConnectors, useConnectorsPanelAvailable, useContextualNav, useContextualNavStore, useDelegateToAssistant, useFayzProjectsStore, useFieldRules, useHasRightRail, useModuleNavigation, useNavContribution, useNavContributionsStore, useNotesTasksBridge, usePersonTimeline, usePluginPrefs, usePublishAssistantActivity, useRegisterAssistantLauncher, useRightRailPanel, useRightRailStore, useShellRailAvailable, useTenantPluginSettings, withdrawAssistantActivity };
+export { AddConnectorButton, AddConnectorPanel, AdminProviders, AdminScaffold, AdminShell, AssistantInvite, ChatConversation, ClientOrdersTab, ConnectConsentPage, ConnectorDeliveries, ConnectorDetail, ConnectorMark, ConnectorRow, ConnectorSyncActions, ConnectorsHub, ConnectorsTab, ContactPicker, CredentialSinkMissingError, CrudCardGrid, CrudDetailPage, CrudDetailSkeleton, CrudFormPage, CrudFormSkeleton, CrudListView, CrudPage, CrudRecordModal, DeleteConfirmDialog, EntitlementGate, EntityLink, LimitGate, ModuleActionBar, MultiSelectRow, NOTE_LABEL_PREFIX, OrderDetailBlock, OrderDetailRow, OrderDetailSkeleton, OrderDetailView, OrderFormAddItemStep, OrderDetailBlock as OrderFormBlock, OrderFormItemRow, OrderFormItemsCard, OrderFormSkeleton, OrderFormView, OrderListView, PermissionGate, PersonLink2 as PersonLink, PersonTimeline, PluginRegistryManager, PluginSettingsPanel, ProjectsSettings, QuickActionsButton, RecordPickerModal, RegistryCrudView2 as RegistryCrudView, RouteErrorBoundary, RouteErrorScreen, SelectRow, SettingsGroup, SeuSiteWidget, StateChip, TextRow, ToggleRow, UpgradePrompt, WidgetSlot, navigateTo as adminNavigateTo, categoryLabel, connectorRoute, createArchetypeLookup, createClientOrdersProvider, createCrudPage, createFayzApp, createFayzProject, createCrudPage as createNativeCrudPage, createPerson, createPlaceholder, createPluginContext, createViewRouter, dedup, defaultProjectOf, defineSaas, deleteFayzProject, deriveAgentContract, exportToCSV, filterConnectors, formatActivityElapsed, formatCurrency4 as formatCurrency, getDefaultFayzProject, getFayzAgentClient, getPersonLookup, getPersonPath, getTimelineSources, listFayzProjects, needsCredentialSink, openAssistant, openConnectorsPanel, openEntity, parseViewId, publishAssistantActivity, registerAdminScaffold, registerAssistantLauncher, registerEntityPath, registerNotesTasksAdapter, registerPersonLookup, registerTimelineSource, renderApp, resolveEntityAnchor, resolveEntityHref, resolveFayzAgentConnection, splitConnectorValues, submitConnection, unregisterAssistantLauncher, unregisterTimelineSource, updateFayzProject, useAdminPath, useAgentSurface, useAssistantActivity, useAssistantInviteStore, useAssistantLaunchers, useChatStore, useConnectors, useConnectorsPanelAvailable, useContextualNav, useContextualNavStore, useDelegateToAssistant, useFayzProjectsStore, useFieldRules, useHasRightRail, useModuleNavigation, useNavContribution, useNavContributionsStore, useNotesTasksBridge, usePersonTimeline, usePluginPrefs, usePublishAssistantActivity, useRegisterAssistantLauncher, useRightRailPanel, useRightRailStore, useShellRailAvailable, useTenantPluginSettings, useWidgetSurface, withdrawAssistantActivity };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map