@fayz-ai/admin 0.44.0 → 0.45.0

package/dist/index.js

@@ -21,13 +21,13 @@ export { getPersistedOrgId, useOrganizationStore } from './chunk-QOS6UAQ4.js';
 import * as React133 from 'react';
 import React133__default, { createContext, useMemo, useState, useRef, useCallback, useEffect, useLayoutEffect, useContext, createElement } from 'react';
 import * as LucideIcons from 'lucide-react';
-import { RotateCcw, WifiOff, Pencil, Copy, Trash2, Upload, Search, ArrowDown, ArrowUp, ArrowUpDown, Check, Download, ChevronLeft, ChevronRight, AlertTriangle, Building2, Inbox, Package, Sparkles, Plug, DollarSign, Clock, X, WandSparkles, Loader2, ArrowDownToLine, ArrowUpFromLine, CheckCircle2, Crown, ArrowRight, History, SquarePen, Settings2, Mic, User, Plus, Minus, ListChecks, ChevronDown, ArrowLeft, Calendar, ClipboardList, BookOpen, Lock, PinOff, Pin, Eye, Users, StickyNote, CheckSquare2, Square, Globe, LayoutTemplate, Store, ChevronsUpDown, ExternalLink, PenSquare, RefreshCw, XCircle, Camera, Edit, Star, Link2Off, Layers, ShoppingBag, MoreHorizontal, ChevronUp, List, LayoutGrid, CircleDollarSign, Receipt, Settings, Mail, MessageCircle, Cake, HelpCircle, Wrench, ShieldCheck, MessageSquare, Paperclip, Infinity, CheckCheck, PartyPopper, Compass, Play, MapPin, Landmark, LocateFixed, ArrowUpCircle, ArrowUpRight, Pause, CalendarDays, CircleCheckBig, UserX, Ban, CircleAlert, CircleEllipsis, FileText, CircleDashed, Power, ArrowRightLeft, File as File$1, FileImage, FileSpreadsheet, AlertCircle, CreditCard, SlidersHorizontal, Puzzle, Shield, Palette, Blocks, ShieldAlert, UserCog, LogOut, Bell, Database, Radio, Zap, Save, ImagePlus, UserPlus, Contact, UserMinus, Send, Sun, Moon, Monitor, Languages, Info, Link2, KeyRound, Ellipsis, Phone, Bug, Home, Heart, Briefcase, BarChart3, Tag, Truck, Globe2 } from 'lucide-react';
+import { RotateCcw, WifiOff, Pencil, Copy, Trash2, Upload, Search, ArrowDown, ArrowUp, ArrowUpDown, Check, Download, ChevronLeft, ChevronRight, AlertTriangle, Building2, Inbox, Package, Sparkles, Plug, DollarSign, Clock, X, WandSparkles, Loader2, ArrowDownToLine, ArrowUpFromLine, CheckCircle2, Crown, ArrowRight, History, SquarePen, Settings2, Mic, User, Plus, Minus, ListChecks, ChevronDown, ArrowLeft, Calendar, ClipboardList, BookOpen, Lock, PinOff, Pin, Eye, Users, StickyNote, CheckSquare2, Square, Globe, LayoutTemplate, Store, ChevronsUpDown, ExternalLink, PenSquare, RefreshCw, XCircle, Edit, Camera, Star, Link2Off, Layers, ShoppingBag, MoreHorizontal, ChevronUp, List, LayoutGrid, CircleDollarSign, Receipt, Settings, Mail, MessageCircle, Cake, HelpCircle, Wrench, ShieldCheck, MessageSquare, Paperclip, Infinity, CheckCheck, PartyPopper, Compass, Play, MapPin, Landmark, LocateFixed, ArrowUpCircle, ArrowUpRight, Pause, CalendarDays, CircleCheckBig, UserX, Ban, CircleAlert, CircleEllipsis, FileText, CircleDashed, Power, ArrowRightLeft, File as File$1, FileImage, FileSpreadsheet, AlertCircle, CreditCard, SlidersHorizontal, Puzzle, Shield, Palette, Blocks, ShieldAlert, UserCog, LogOut, Bell, Database, Radio, Zap, Save, ImagePlus, UserPlus, Contact, UserMinus, Send, Sun, Moon, Monitor, Languages, Info, Link2, KeyRound, Ellipsis, Phone, Bug, Home, Heart, Briefcase, BarChart3, Tag, Truck, Globe2 } from 'lucide-react';
 import { reportAppError, toDataError, tl, createDebug, fetchAppConfig, getSupabaseClientOptional, payeeAccountFields, maskCpfCnpj, recordRailFields, RECORD_GROUP, activeFacet, createSafeDataProvider, isKnownMissing, rememberIfMissing, deriveEntityKey, registerEntity, getActiveTenantId, resolveDataProvider, bulkRemove, emitDomainEvent, entityEventKey, errorMessage, useTranslation, describeError, useDataChanged, emitDataChanged, exportCSV, getScopedResource, formatDateTime as formatDateTime$1, formatDate as formatDate$1, formatCurrency as formatCurrency$1, bulkCreate, matchesRange, isConnectorCategory, usePluginRuntimeOptional, useDataVersion, getWidgetsForZone, resolvePluginComponent, useUnitMode, invalidateAppConfig, toTenantPluginBindings, setCurrentLocale, resolveLocale, resolvePluginRuntime, PluginRuntimeProvider, I18nProvider, getAllEntities, resolveIntegrationSurface, defineApp, registerScaffold, subscribeHouseCurrency, getHouseCurrency, resolveCurrency, useActiveTenantId, onDataChanged, useConnectorsForPlugin, renderApp as renderApp$1, parseRangeFilter, isFilterObject, connectionKey, useManifest, registerEventSink, formatPostalCode, isValidPostalCode, lookupPostalCode, usePluginRuntime, useConnectivity, RECONNECTED_EVENT, installGlobalErrorHandlers, registerErrorReporter, getConnectivity, applyNavComposition, mergeTranslations, coreTranslations, attachPersistentCache, getPersistentCache, createMockProvider, listConnections, connectorPlanes, connectorPermissions, connectorEntities, preferredPlane, connectorDirection, countByTenant, isAddressIncomplete, isBankIncomplete, payeeMethodOf, getCurrentLocale, searchEverything, readImpersonation, getComponent, getPluginFactory, connectorSettings, groupedPermissions, invocationPlane, missingRequiredSettings, isBankEmpty, isAddressEmpty, writeImpersonation, isSettingSet, getEntityByKey, 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 { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { usePasswordSetupGate, SetPasswordPage, AuthGate, AuthProvider, createAuthRuntime } from '@fayz-ai/plugin-auth';
 export { LoginPage } from '@fayz-ai/plugin-auth';
-import { Input, SearchSelect, toast, usePageTrailParent, navigateToCrumb, Button, PageHeader, ConfirmDialog, RowActions, useRowSelection, getLucideIcon, ListFilterBar, Dropdown, DropdownTrigger, Hint, cn as cn$1, DropdownContent, DropdownLabel, DropdownItem, DropdownSeparator, RefreshButton, PageHeaderActions, PageTabs, StatTiles, Card, BulkActionBar, DataTable, Modal, ModalContent, ModalHeader, ModalTitle, ModalDescription, ModalFooter, Badge, PersonAvatar, PageActionBar, ICON_MAP, Sheet, SheetContent, SheetBody, useIsWide, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, Checkbox, useTourStore, setTourNavigator, TourSpotlight, PracticeOverlay, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Wizard, SidebarOnboarding, OnboardingWidget, Skeleton, useLayoutStore, ModalPortal, ModalOverlay, ModalBody, useSaveBar, useBackHandler, SubpageHeader, Separator, Tabs, TabsList, TabsTrigger, TabsContent, CardContent, ToastProvider, NavTransitionProvider, ListView, Thumbnail, CurrencyInput, SearchField, ChevronPager, Popover, PopoverTrigger, PopoverContent, useModuleLayout, PhoneLink, normalizePhone, SearchCombobox, HeaderTabs, usePageTrail, PageHeaderOutlet, AppShellSkeleton, usePracticeStore, ViewTabs, Switch, ModalTask, setPrintBrand, useModuleViewLabel, ModuleLayoutProvider, AppShell, PageTransition, PickerDialog, MarkdownEditor, PhoneField, isCreateRoute, PageSubNav, MobileScrim, createFayzTheme, Avatar, AvatarImage, AvatarFallback, Markdown, PageTrail, CardTitle, CardDescription, DropdownSub, DropdownSubTrigger, DropdownSubContent, DropdownRadioGroup, DropdownRadioItem, BottomSheet, CardHeader, CardFooter, SegmentedControl, SheetCard, SheetRow, useSheetClose } from '@fayz-ai/ui';
+import { Input, SearchSelect, toast, usePageTrailParent, navigateToCrumb, Button, PageHeader, ConfirmDialog, RowActions, useRowSelection, getLucideIcon, ListFilterBar, Dropdown, DropdownTrigger, Hint, cn as cn$1, DropdownContent, DropdownLabel, DropdownItem, DropdownSeparator, RefreshButton, PageHeaderActions, PageTabs, StatTiles, Card, BulkActionBar, DataTable, Modal, ModalContent, ModalHeader, ModalTitle, ModalDescription, ModalFooter, Badge, PersonAvatar, PageActionBar, ICON_MAP, Sheet, SheetContent, SheetBody, useIsWide, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, Checkbox, useTourStore, setTourNavigator, TourSpotlight, PracticeOverlay, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Wizard, SidebarOnboarding, OnboardingWidget, Skeleton, useLayoutStore, ModalPortal, ModalOverlay, ModalBody, useSaveBar, useBackHandler, SubpageHeader, Tabs, TabsContent, CardContent, ToastProvider, NavTransitionProvider, ListView, Thumbnail, CurrencyInput, TabsList, TabsTrigger, SearchField, ChevronPager, Popover, PopoverTrigger, PopoverContent, useModuleLayout, PhoneLink, normalizePhone, SearchCombobox, HeaderTabs, usePageTrail, PageHeaderOutlet, AppShellSkeleton, usePracticeStore, ViewTabs, Switch, ModalTask, setPrintBrand, useModuleViewLabel, ModuleLayoutProvider, AppShell, PageTransition, PickerDialog, MarkdownEditor, PhoneField, isCreateRoute, PageSubNav, MobileScrim, createFayzTheme, Avatar, AvatarImage, AvatarFallback, Markdown, PageTrail, CardTitle, CardDescription, DropdownSub, DropdownSubTrigger, DropdownSubContent, DropdownRadioGroup, DropdownRadioItem, BottomSheet, CardHeader, CardFooter, SegmentedControl, Separator, SheetCard, SheetRow, useSheetClose } from '@fayz-ai/ui';
 export { createFayzTheme, fayzThemePresets } from '@fayz-ai/ui';
 import { useAuthStore, useAuth, buildAppHandoffUrl } from '@fayz-ai/auth';
 export { useAuth } from '@fayz-ai/auth';
@@ -22345,6 +22345,84 @@ function RecordMetaFooter({
     }
   );
 }
+function resolveTabIcon(name) {
+  const icon = LucideIcons[name];
+  return typeof icon === "function" || typeof icon === "object" ? icon ?? null : null;
+}
+function statusLabel(entityDef, value) {
+  const options = entityDef.fields.find((f) => f.key === "status")?.options;
+  if (Array.isArray(options)) {
+    for (const option of options) {
+      if (typeof option === "string") {
+        if (option === value) return option;
+      } else if (option.value === value) {
+        return option.label;
+      }
+    }
+  }
+  return typeof value === "string" ? value.charAt(0).toUpperCase() + value.slice(1) : value;
+}
+function RecordHeader({ entityDef, item, title, parentLabel, onBack, badges, actions }) {
+  const t = useTranslation();
+  const myPersonId = useMyPersonId(entityDef.layout === "person");
+  const isMyRecord = Boolean(myPersonId) && myPersonId === item.id;
+  const imageValue = entityDef.image?.get(item) ?? (entityDef.imageField ? item[entityDef.imageField] : null);
+  const customAvatar = entityDef.renderAvatar ? entityDef.renderAvatar(item) : null;
+  const subtitle = entityDef.subtitleField ? item[entityDef.subtitleField] : null;
+  const activeValue = item.isActive ?? item.is_active;
+  const showStatus = Boolean(item.status) && entityDef.fields.some((f) => f.key === "status");
+  const hasChips = isMyRecord || showStatus || activeValue !== void 0 || Boolean(badges);
+  const chips = hasChips ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    isMyRecord && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "shrink-0", children: t("common.you") }),
+    showStatus && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "shrink-0", children: statusLabel(entityDef, item.status) }),
+    activeValue !== void 0 && /* @__PURE__ */ jsx(Badge, { variant: activeValue ? "success" : "destructive", className: "shrink-0", children: activeValue ? t("common.active") : t("common.inactive") }),
+    badges
+  ] }) : null;
+  const thumb = !customAvatar && imageValue ? /* @__PURE__ */ jsx("img", { src: imageValue, alt: "", className: "mr-0.5 h-6 w-6 rounded-md object-cover" }) : void 0;
+  const trailing = subtitle || chips ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    subtitle && /* @__PURE__ */ jsx("span", { className: "truncate text-muted-foreground", children: subtitle }),
+    chips
+  ] }) : void 0;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      SubpageHeader,
+      {
+        title,
+        parentLabel,
+        onBack,
+        actions,
+        titleLeading: thumb,
+        titleTrailing: trailing
+      }
+    ),
+    customAvatar && /* @__PURE__ */ jsx("div", { className: "mb-4 flex items-center", children: customAvatar }),
+    (thumb || trailing) && /* @__PURE__ */ jsxs("div", { className: "mb-3 flex flex-wrap items-center gap-2 text-sm md:hidden", children: [
+      thumb,
+      trailing
+    ] })
+  ] });
+}
+function RecordTabStrip({ tabs, compact }) {
+  const t = useTranslation();
+  const trigger = `gap-1.5 ${compact ? "text-xs px-2 py-1" : ""}`;
+  const iconSize = compact ? "h-3 w-3" : "h-3.5 w-3.5";
+  return /* @__PURE__ */ jsxs(TabsList, { className: `max-w-full justify-start overflow-x-auto scrollbar-none${compact ? " h-8" : ""}`, children: [
+    /* @__PURE__ */ jsxs(TabsTrigger, { value: "overview", className: trigger, children: [
+      /* @__PURE__ */ jsx(Eye, { className: iconSize }),
+      t("common.overview")
+    ] }),
+    tabs.map((tab) => {
+      const translated = t(`crud.tabs.${tab.id}`);
+      const label3 = translated.startsWith("crud.tabs.") ? tab.label : translated;
+      const TabIcon = tab.icon ? resolveTabIcon(tab.icon) : null;
+      return /* @__PURE__ */ jsxs(TabsTrigger, { value: tab.id, className: trigger, children: [
+        TabIcon && /* @__PURE__ */ jsx(TabIcon, { className: iconSize }),
+        label3,
+        tab.count ? /* @__PURE__ */ jsx("span", { className: `rounded-full bg-muted px-1.5 tabular-nums text-muted-foreground ${compact ? "text-[9px]" : "text-[10px]"}`, children: tab.count }) : null
+      ] }, tab.id);
+    })
+  ] });
+}
 
 // src/crud/entity-zone.ts
 function entityZoneId(entityDef) {
@@ -23218,7 +23296,7 @@ function PersonFormLayout({ fields: allFields, fieldGroups, values, onChange, re
     ] }),
     recordId && /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx(AddressesSection, { item: { id: recordId } }),
-      /* @__PURE__ */ jsx("div", { className: "mt-5", children: /* @__PURE__ */ jsx(PayeeAccountsSection, { item: { id: recordId } }) })
+      allFields.some((f) => f.type === "bank") && /* @__PURE__ */ jsx("div", { className: "mt-5", children: /* @__PURE__ */ jsx(PayeeAccountsSection, { item: { id: recordId } }) })
     ] }),
     notesField && /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { className: cardPad, children: /* @__PURE__ */ jsx(FieldItem, { field: notesField, value: values[notesField.key], values, onChange: (val) => onChange(notesField.key, val), renderField: renderField2, compact }) }) })
   ] });
@@ -25428,7 +25506,7 @@ function CrudFormPage(props) {
   const { provider: provider2, flush } = usePendingChildren();
   return /* @__PURE__ */ jsx(PendingChildrenProvider, { value: provider2, children: /* @__PURE__ */ jsx(CrudFormPageBody, { ...props, flushPending: flush }) });
 }
-function CrudFormPageBody({ entityDef, mode, initialData, onSubmit, onSaved, onCancel, namePlural, embedded, hideBreadcrumb, formId, hideActions, essentialFirst, noForm, submitRef, flushPending }) {
+function CrudFormPageBody({ entityDef, mode, initialData, onSubmit, onSaved, onCancel, namePlural, embedded, hideBreadcrumb, onRecordTab, formId, hideActions, essentialFirst, noForm, submitRef, flushPending }) {
   const t = useTranslation();
   const formFields = entityDef.fields.filter((f) => f.showInForm !== false);
   const displayField = entityDef.displayField ?? entityDef.fields[0]?.key ?? "id";
@@ -25592,6 +25670,35 @@ function CrudFormPageBody({ entityDef, mode, initialData, onSubmit, onSaved, onC
     }
   }, [invalidKeys]);
   const groupsOfTab = (name) => groups.filter((g) => !sideGroupIds.has(g.id) && (g.tab ?? FIRST_TAB) === name);
+  const recordItem = React133__default.useMemo(() => ({ ...initialData ?? {}, ...values }), [initialData, values]);
+  const record = useRecordTabs(entityDef, mode === "edit" ? recordItem : null);
+  const showRecordTabs = !embedded && mode === "edit" && Boolean(onRecordTab) && Boolean(initialData?.id);
+  const formHoldsTabs = tabbed && tabNames.length > 1 && (!entityDef.layout || entityDef.layout === "location");
+  const FORM_TAB = "form:";
+  const stripTabs = [];
+  if (showRecordTabs) {
+    const sections = formHoldsTabs ? tabNames.filter((name) => name !== FIRST_TAB) : [];
+    const placed = /* @__PURE__ */ new Set();
+    let afterSections = 0;
+    for (const tab of record.customTabs) {
+      if (tab.id.startsWith("fields:")) {
+        if (!sections.includes(tab.label)) continue;
+        stripTabs.push({ id: FORM_TAB + tab.label, label: tab.label, icon: tab.icon });
+        placed.add(tab.label);
+        afterSections = stripTabs.length;
+      } else {
+        stripTabs.push({ id: tab.id, label: tab.label, icon: tab.icon, count: record.tabCounts[tab.id] });
+      }
+    }
+    const missing = sections.filter((name) => !placed.has(name)).map((name) => ({ id: FORM_TAB + name, label: name }));
+    stripTabs.splice(afterSections, 0, ...missing);
+  }
+  const stripValue = formHoldsTabs && currentTab !== FIRST_TAB ? FORM_TAB + currentTab : "overview";
+  const onStripChange = (id) => {
+    if (id === "overview") setActiveTab(FIRST_TAB);
+    else if (id.startsWith(FORM_TAB)) setActiveTab(id.slice(FORM_TAB.length));
+    else onRecordTab?.(id);
+  };
   const archetypeLayoutProps = {
     fields: archetypeFields,
     allFields: entityDef.fields,
@@ -25653,7 +25760,7 @@ function CrudFormPageBody({ entityDef, mode, initialData, onSubmit, onSaved, onC
         if (tabbed && tabNames.length > 1) {
           return withSideRail(
             /* @__PURE__ */ jsxs("div", { className: "space-y-5", children: [
-              /* @__PURE__ */ jsx(
+              !showRecordTabs && /* @__PURE__ */ jsx(
                 ViewTabs,
                 {
                   value: currentTab,
@@ -25677,18 +25784,32 @@ function CrudFormPageBody({ entityDef, mode, initialData, onSubmit, onSaved, onC
     }
   }
   const trailParent = usePageTrailParent();
-  const header = !embedded && !hideBreadcrumb ? /* @__PURE__ */ jsx(
+  const cancelAction = /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: onCancel, disabled: saving, children: t("common.cancel") });
+  const headerBack = trailParent ? () => navigateToCrumb(trailParent) : onCancel;
+  const header = embedded || hideBreadcrumb ? null : mode === "edit" ? /* @__PURE__ */ jsx(
+    RecordHeader,
+    {
+      entityDef,
+      item: recordItem,
+      title: String(breadcrumbLabel),
+      parentLabel: trailParent?.label ?? namePlural,
+      onBack: headerBack,
+      actions: cancelAction
+    }
+  ) : /* @__PURE__ */ jsx(
     SubpageHeader,
     {
       title: breadcrumbLabel,
       parentLabel: trailParent?.label ?? namePlural,
-      onBack: trailParent ? () => navigateToCrumb(trailParent) : onCancel
+      onBack: headerBack,
+      actions: cancelAction
     }
-  ) : null;
+  );
   const FieldsTag = noForm ? "div" : "form";
-  return /* @__PURE__ */ jsx(SetFieldValueContext.Provider, { value: handleChange, children: /* @__PURE__ */ jsx("div", { className: `w-full flex flex-col items-center ${embedded ? "text-sm" : "pb-28"}`, children: /* @__PURE__ */ jsxs("div", { className: `fz-container w-full pb-24 ${embedded ? "space-y-3" : entityDef.formColumns === 2 ? "max-w-6xl space-y-5" : "max-w-3xl space-y-5"}`, children: [
-    header,
-    /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(SetFieldValueContext.Provider, { value: handleChange, children: /* @__PURE__ */ jsxs("div", { className: `w-full flex flex-col items-center ${embedded ? "text-sm" : "pb-28"}`, children: [
+    header && /* @__PURE__ */ jsx("div", { className: "w-full", children: header }),
+    showRecordTabs && /* @__PURE__ */ jsx(Tabs, { value: stripValue, onValueChange: onStripChange, className: "mb-4 w-full", children: /* @__PURE__ */ jsx(RecordTabStrip, { tabs: stripTabs }) }),
+    /* @__PURE__ */ jsx("div", { className: `fz-container w-full pb-24 ${embedded ? "space-y-3" : entityDef.formColumns === 2 ? "max-w-6xl space-y-5" : "max-w-3xl space-y-5"}`, children: /* @__PURE__ */ jsxs(
       FieldsTag,
       {
         ...noForm ? {} : { id: formId, onSubmit: handleSubmit },
@@ -25735,31 +25856,27 @@ function CrudFormPageBody({ entityDef, mode, initialData, onSubmit, onSaved, onC
           ] })
         ]
       }
-    )
-  ] }) }) });
+    ) })
+  ] }) });
+}
+function TabStripSkeleton() {
+  return /* @__PURE__ */ jsxs("div", { className: "inline-flex h-10 items-center gap-1 rounded-button bg-muted p-1", children: [
+    /* @__PURE__ */ jsx("div", { className: "h-8 w-28 rounded-button bg-background" }),
+    /* @__PURE__ */ jsx("div", { className: "h-3 w-16 mx-3 rounded bg-muted-foreground/15" }),
+    /* @__PURE__ */ jsx("div", { className: "h-3 w-20 mx-3 rounded bg-muted-foreground/15" }),
+    /* @__PURE__ */ jsx("div", { className: "h-3 w-14 mx-3 rounded bg-muted-foreground/15" })
+  ] });
 }
 function CrudDetailSkeleton(_props = {}) {
   return /* @__PURE__ */ jsxs("div", { className: "space-y-6 animate-pulse", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-5", children: [
-      /* @__PURE__ */ jsx("div", { className: "h-20 w-20 shrink-0 rounded-2xl bg-muted" }),
-      /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-2 pt-1", children: [
-        /* @__PURE__ */ jsx("div", { className: "h-7 w-48 rounded bg-muted" }),
-        /* @__PURE__ */ jsx("div", { className: "h-4 w-32 rounded bg-muted" }),
-        /* @__PURE__ */ jsx("div", { className: "mt-1 h-5 w-16 rounded-full bg-muted" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "h-px bg-border" }),
-    /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsx("div", { className: "h-8 w-20 rounded bg-muted" }),
-      /* @__PURE__ */ jsx("div", { className: "h-8 w-24 rounded bg-muted" })
-    ] }),
+    /* @__PURE__ */ jsx(TabStripSkeleton, {}),
     /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx("div", { className: "divide-y", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-4 px-5 py-3", children: [
       /* @__PURE__ */ jsx("div", { className: "h-4 w-20 rounded bg-muted" }),
       /* @__PURE__ */ jsx("div", { className: "col-span-2 h-4 w-32 rounded bg-muted" })
     ] }, i)) }) })
   ] });
 }
-function CrudFormSkeleton({ groups = 2, twoColumn } = {}) {
+function CrudFormSkeleton({ groups = 2, twoColumn, tabs } = {}) {
   const section = (key, rows) => /* @__PURE__ */ jsxs(Card, { className: "p-5", children: [
     /* @__PURE__ */ jsx("div", { className: "mb-4 h-4 w-32 rounded bg-muted" }),
     /* @__PURE__ */ jsx("div", { className: "fz-fields fz-fields-2 gap-4", children: Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
@@ -25768,10 +25885,13 @@ function CrudFormSkeleton({ groups = 2, twoColumn } = {}) {
     ] }, i)) })
   ] }, key);
   const main = /* @__PURE__ */ jsx("div", { className: "space-y-5", children: Array.from({ length: groups }).map((_, i) => section(i, i === 0 ? 4 : 2)) });
-  return /* @__PURE__ */ jsx("div", { className: "w-full animate-pulse", children: /* @__PURE__ */ jsx("div", { className: `fz-container mx-auto w-full space-y-5 ${twoColumn ? "max-w-6xl" : "max-w-3xl"}`, children: twoColumn ? /* @__PURE__ */ jsxs("div", { className: "fz-split", children: [
-    /* @__PURE__ */ jsx("div", { children: main }),
-    /* @__PURE__ */ jsx("div", { className: "space-y-5", children: section(99, 2) })
-  ] }) : main }) });
+  return /* @__PURE__ */ jsxs("div", { className: "w-full animate-pulse", children: [
+    tabs && /* @__PURE__ */ jsx("div", { className: "mb-4", children: /* @__PURE__ */ jsx(TabStripSkeleton, {}) }),
+    /* @__PURE__ */ jsx("div", { className: `fz-container mx-auto w-full space-y-5 ${twoColumn ? "max-w-6xl" : "max-w-3xl"}`, children: twoColumn ? /* @__PURE__ */ jsxs("div", { className: "fz-split", children: [
+      /* @__PURE__ */ jsx("div", { children: main }),
+      /* @__PURE__ */ jsx("div", { className: "space-y-5", children: section(99, 2) })
+    ] }) : main })
+  ] });
 }
 function formatValue2(field, value) {
   if (value == null || value === "") return null;
@@ -27027,7 +27147,7 @@ function CrudPage({ entityDef: rawEntityDef, useStore: useStore2, basePath, disp
     const item = store.getById(id);
     viewKey = `edit-${id}`;
     if (!item && store.items === null) {
-      content = /* @__PURE__ */ jsx(CrudFormSkeleton, { twoColumn: entityDef.formColumns === 2 });
+      content = /* @__PURE__ */ jsx(CrudFormSkeleton, { twoColumn: entityDef.formColumns === 2, tabs: true });
     } else if (!item) {
       content = /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
         /* @__PURE__ */ jsxs("nav", { className: "flex items-center gap-1.5 text-sm text-muted-foreground", children: [
@@ -27052,6 +27172,9 @@ function CrudPage({ entityDef: rawEntityDef, useStore: useStore2, basePath, disp
           onCancel: () => {
             setCrudHash(normalizedBasePath, id);
           },
+          onRecordTab: (tab) => {
+            setCrudHash(normalizedBasePath, id, tab);
+          },
           onSubmit: async (data) => {
             await store.update(id, data);
             setCrudHash(normalizedBasePath, id);
@@ -29214,22 +29337,52 @@ function resolveActiveTab(initialTab, tabs) {
   const alias = tabs.find((tab) => tab.aliases?.includes(normalized));
   return alias?.id ?? "overview";
 }
-function resolveTabIcon(name) {
-  const icon = LucideIcons[name];
-  return typeof icon === "function" || typeof icon === "object" ? icon ?? null : null;
-}
-function statusLabel(entityDef, value) {
-  const options = entityDef.fields.find((f) => f.key === "status")?.options;
-  if (Array.isArray(options)) {
-    for (const option of options) {
-      if (typeof option === "string") {
-        if (option === value) return option;
-      } else if (option.value === value) {
-        return option.label;
-      }
+function useRecordTabs(entityDef, item) {
+  const runtime = usePluginRuntimeOptional();
+  const archetypeTabs = getArchetypeTabs(entityDef.layout, entityDef.data?.archetypeKind);
+  const relatedTabs = (entityDef.relatedLists ?? []).map((related) => ({
+    id: relatedListTabId(related),
+    label: related.label ?? related.entity.namePlural ?? related.entity.name,
+    icon: related.icon ?? related.entity.icon,
+    component: (props) => /* @__PURE__ */ jsx(RelatedListTab, { ...props, related })
+  }));
+  const unitMode = useUnitMode();
+  const fieldGroupTabs = React133__default.useMemo(() => {
+    const groups = entityDef.fieldGroups ?? [];
+    if (!groups.some((g) => g.tab) || !item) return [];
+    const applicable = new Set(visibleDetailFields(entityDef, item).map((f) => f.group));
+    const byTab = /* @__PURE__ */ new Map();
+    const iconOf = /* @__PURE__ */ new Map();
+    for (const g of groups) {
+      if (!g.tab || !applicable.has(g.id)) continue;
+      byTab.set(g.tab, [...byTab.get(g.tab) ?? [], g.id]);
+      if (!iconOf.has(g.tab)) iconOf.set(g.tab, g.tabIcon);
     }
-  }
-  return typeof value === "string" ? value.charAt(0).toUpperCase() + value.slice(1) : value;
+    return [...byTab.entries()].map(([label3, groupIds]) => ({
+      id: `fields:${groupIds[0]}`,
+      label: label3,
+      icon: iconOf.get(label3),
+      component: (props) => /* @__PURE__ */ jsx(
+        FieldGroupTab,
+        {
+          entityDef: props.entityDef,
+          item: props.item,
+          groupIds,
+          onFieldSave: props.onFieldSave,
+          pendingKeys: props.pendingKeys
+        }
+      )
+    }));
+  }, [entityDef, item]);
+  const customTabs = filterRuntimeTabs(
+    mergeDetailTabs(archetypeTabs, [...fieldGroupTabs, ...relatedTabs, ...entityDef.detailTabs ?? []]),
+    {
+      hasWidget: (zone) => runtime ? getWidgetsForZone(runtime, zone).length > 0 : false,
+      unitMode
+    }
+  );
+  const tabCounts = usePersonTabCounts(entityDef.layout === "person" ? item?.id : void 0);
+  return { customTabs, tabCounts };
 }
 function CrudDetailPage({
   entityDef,
@@ -29305,50 +29458,7 @@ function CrudDetailPage({
   const nameEditable = Boolean(onFieldSave || onFieldsSave) && Boolean(displayFieldDef) && isInlineEditable(displayFieldDef);
   const [editingName, setEditingName] = useState(false);
   const imageInputRef = React133__default.useRef(null);
-  const runtime = usePluginRuntimeOptional();
-  const archetypeTabs = getArchetypeTabs(entityDef.layout, entityDef.data?.archetypeKind);
-  const relatedTabs = (entityDef.relatedLists ?? []).map((related) => ({
-    id: relatedListTabId(related),
-    label: related.label ?? related.entity.namePlural ?? related.entity.name,
-    icon: related.icon ?? related.entity.icon,
-    component: (props) => /* @__PURE__ */ jsx(RelatedListTab, { ...props, related })
-  }));
-  const unitMode = useUnitMode();
-  const fieldGroupTabs = React133__default.useMemo(() => {
-    const groups = entityDef.fieldGroups ?? [];
-    if (!groups.some((g) => g.tab) || !item) return [];
-    const applicable = new Set(visibleDetailFields(entityDef, item).map((f) => f.group));
-    const byTab = /* @__PURE__ */ new Map();
-    const iconOf = /* @__PURE__ */ new Map();
-    for (const g of groups) {
-      if (!g.tab || !applicable.has(g.id)) continue;
-      byTab.set(g.tab, [...byTab.get(g.tab) ?? [], g.id]);
-      if (!iconOf.has(g.tab)) iconOf.set(g.tab, g.tabIcon);
-    }
-    return [...byTab.entries()].map(([label3, groupIds]) => ({
-      id: `fields:${groupIds[0]}`,
-      label: label3,
-      icon: iconOf.get(label3),
-      component: (props) => /* @__PURE__ */ jsx(
-        FieldGroupTab,
-        {
-          entityDef: props.entityDef,
-          item: props.item,
-          groupIds,
-          onFieldSave: props.onFieldSave,
-          pendingKeys: props.pendingKeys
-        }
-      )
-    }));
-  }, [entityDef, item]);
-  const customTabs = filterRuntimeTabs(
-    mergeDetailTabs(archetypeTabs, [...fieldGroupTabs, ...relatedTabs, ...entityDef.detailTabs ?? []]),
-    {
-      hasWidget: (zone) => runtime ? getWidgetsForZone(runtime, zone).length > 0 : false,
-      unitMode
-    }
-  );
-  const tabCounts = usePersonTabCounts(entityDef.layout === "person" ? item?.id : void 0);
+  const { customTabs, tabCounts } = useRecordTabs(entityDef, item);
   const entityId = entityZoneId(entityDef);
   const legacyEntityId = legacyEntityZoneId(entityDef);
   const widgetZone = `${entityId}.detail.tabs`;
@@ -29398,176 +29508,169 @@ function CrudDetailPage({
   }, [basePath, item.id, selectedTab, embedded]);
   const parentLabel = usePresetLabel(basePath, namePlural);
   const headerNode = React133__default.useMemo(
-    () => embedded ? null : /* @__PURE__ */ jsx(SubpageHeader, { title: displayValue, parentLabel, onBack }),
-    [embedded, displayValue, parentLabel, onBack]
+    () => embedded ? null : /* @__PURE__ */ jsx(RecordHeader, { entityDef, item: view, title: String(displayValue), parentLabel, onBack, badges }),
+    [embedded, entityDef, view, displayValue, parentLabel, onBack, badges]
   );
+  const actionsNode = /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(ActionSlot, { embedded, children: [
+    /* @__PURE__ */ jsx(WidgetSlot, { zone: headerActionsZone, item, entityId, embedded }),
+    /* @__PURE__ */ jsx(
+      PageActions,
+      {
+        actions: [
+          ...onEdit ? [{ id: "edit", label: t("common.edit"), icon: Edit, intent: "primary", onSelect: onEdit }] : [],
+          ...extraActions ?? [],
+          ...declared,
+          // Plugin contributions join the set instead of standing beside it,
+          // so they fold into the caret and the phone's menu like the rest.
+          ...contributed,
+          ...onDelete ? [{ id: "delete", label: t("common.delete"), icon: Trash2, intent: "danger", onSelect: onDelete }] : []
+        ]
+      }
+    )
+  ] }) });
   return (
     // A largura que importa é a desta coluna — o assistente ocupa metade da
     // tela e o `lg:` da janela nunca soube disso.
-    /* @__PURE__ */ jsxs("div", { className: `fz-container ${embedded ? "space-y-4" : "space-y-6"}`, children: [
+    /* @__PURE__ */ jsxs(Fragment, { children: [
       headerNode,
-      /* @__PURE__ */ jsxs("div", { className: `flex items-start ${embedded ? "gap-3" : "gap-5"}`, children: [
-        /* @__PURE__ */ jsxs("div", { className: "relative shrink-0", children: [
-          entityDef.renderAvatar ? entityDef.renderAvatar(item) : imageValue ? /* @__PURE__ */ jsx(
-            "img",
-            {
-              src: imageValue,
-              alt: displayValue,
-              className: `shrink-0 object-cover shadow-sm ${embedded ? "h-10 w-10 rounded-xl" : "h-20 w-20 rounded-2xl"}`
-            }
-          ) : /* @__PURE__ */ jsx("div", { className: `flex shrink-0 items-center justify-center bg-primary/10 text-primary font-bold shadow-sm ${embedded ? "h-10 w-10 rounded-xl text-sm" : "h-20 w-20 rounded-2xl text-2xl"}`, children: initial }),
-          onImageChange && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(
-              "button",
+      /* @__PURE__ */ jsxs("div", { className: `fz-container ${embedded ? "space-y-4" : "space-y-6"}`, children: [
+        embedded && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "relative shrink-0", children: [
+            entityDef.renderAvatar ? entityDef.renderAvatar(item) : imageValue ? /* @__PURE__ */ jsx(
+              "img",
               {
-                type: "button",
-                onClick: () => imageInputRef.current?.click(),
-                "aria-label": t("common.edit"),
-                className: `absolute -bottom-1 -right-1 flex items-center justify-center rounded-full border-2 border-background bg-primary text-primary-foreground transition-colors hover:bg-primary/90 ${embedded ? "h-6 w-6" : "h-8 w-8"}`,
-                children: /* @__PURE__ */ jsx(Camera, { className: embedded ? "h-3 w-3" : "h-3.5 w-3.5" })
+                src: imageValue,
+                alt: displayValue,
+                className: `shrink-0 object-cover shadow-sm ${embedded ? "h-10 w-10 rounded-xl" : "h-20 w-20 rounded-2xl"}`
               }
-            ),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                ref: imageInputRef,
-                type: "file",
-                accept: "image/*",
-                className: "hidden",
-                onChange: (e) => {
-                  const file = e.target.files?.[0];
-                  if (file) void onImageChange(file);
-                  if (e.target) e.target.value = "";
+            ) : /* @__PURE__ */ jsx("div", { className: `flex shrink-0 items-center justify-center bg-primary/10 text-primary font-bold shadow-sm ${embedded ? "h-10 w-10 rounded-xl text-sm" : "h-20 w-20 rounded-2xl text-2xl"}`, children: initial }),
+            onImageChange && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => imageInputRef.current?.click(),
+                  "aria-label": t("common.edit"),
+                  className: `absolute -bottom-1 -right-1 flex items-center justify-center rounded-full border-2 border-background bg-primary text-primary-foreground transition-colors hover:bg-primary/90 ${embedded ? "h-6 w-6" : "h-8 w-8"}`,
+                  children: /* @__PURE__ */ jsx(Camera, { className: embedded ? "h-3 w-3" : "h-3.5 w-3.5" })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  ref: imageInputRef,
+                  type: "file",
+                  accept: "image/*",
+                  className: "hidden",
+                  onChange: (e) => {
+                    const file = e.target.files?.[0];
+                    if (file) void onImageChange(file);
+                    if (e.target) e.target.value = "";
+                  }
                 }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ jsx("div", { className: "group flex items-center gap-2", children: editingName && nameEditable && displayFieldDef ? /* @__PURE__ */ jsx(
+              InlineEditor,
+              {
+                field: displayFieldDef,
+                value: displayValue,
+                onCancel: () => setEditingName(false),
+                onSave: async (next) => {
+                  stageField(displayField, next);
+                },
+                cancelLabel: t("common.cancel")
               }
-            )
-          ] })
+            ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("h1", { className: `font-bold text-foreground truncate ${embedded ? "text-base" : "text-2xl"}`, children: displayValue }),
+              nameEditable && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setEditingName(true),
+                  "aria-label": `${t("common.edit")} ${displayFieldDef?.label ?? ""}`,
+                  title: `${t("common.edit")} ${displayFieldDef?.label ?? ""}`,
+                  className: "inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-md text-muted-foreground opacity-0 transition-opacity hover:bg-muted hover:text-foreground focus:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring group-hover:opacity-100",
+                  children: /* @__PURE__ */ jsx(Pencil, { className: "h-3 w-3" })
+                }
+              ),
+              isMyRecord && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "shrink-0", children: t("common.you") }),
+              item.status && entityDef.fields.some((f) => f.key === "status") && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "shrink-0", children: statusLabel(entityDef, item.status) }),
+              activeValue !== void 0 && /* @__PURE__ */ jsx(Badge, { variant: activeValue ? "success" : "destructive", className: "shrink-0", children: activeValue ? t("common.active") : t("common.inactive") }),
+              badges
+            ] }) }),
+            subtitleValue && /* @__PURE__ */ jsx("p", { className: `text-muted-foreground mt-0.5 ${embedded ? "text-xs" : ""}`, children: subtitleValue })
+          ] }),
+          actionsNode
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsx("div", { className: "group flex items-center gap-2", children: editingName && nameEditable && displayFieldDef ? /* @__PURE__ */ jsx(
-            InlineEditor,
+        !embedded && actionsNode,
+        pendingAction && /* @__PURE__ */ jsx(
+          ConfirmDialog,
+          {
+            open: true,
+            title: pendingAction.label,
+            description: pendingAction.confirm,
+            confirmLabel: pendingAction.label,
+            cancelLabel: t("common.cancel"),
+            variant: pendingAction.intent === "danger" ? "destructive" : "default",
+            loading: runningAction === pendingAction.id,
+            onConfirm: () => executeAction(pendingAction),
+            onCancel: () => setPendingAction(null)
+          }
+        ),
+        /* @__PURE__ */ jsx(WidgetSlot, { zone: aboveTabsZone, item, entityId, embedded }),
+        archetypeAboveTabsZone && archetypeAboveTabsZone !== aboveTabsZone && /* @__PURE__ */ jsx(WidgetSlot, { zone: archetypeAboveTabsZone, item, entityId, embedded }),
+        /* @__PURE__ */ jsxs(Tabs, { value: selectedTab, onValueChange: handleTabChange, children: [
+          /* @__PURE__ */ jsx(
+            RecordTabStrip,
             {
-              field: displayFieldDef,
-              value: displayValue,
-              onCancel: () => setEditingName(false),
-              onSave: async (next) => {
-                stageField(displayField, next);
-              },
-              cancelLabel: t("common.cancel")
+              compact: embedded,
+              tabs: customTabs.map((tab) => ({ id: tab.id, label: tab.label, icon: tab.icon, count: tabCounts[tab.id] }))
             }
-          ) : /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx("h1", { className: `font-bold text-foreground truncate ${embedded ? "text-base" : "text-2xl"}`, children: displayValue }),
-            nameEditable && /* @__PURE__ */ jsx(
-              "button",
+          ),
+          /* @__PURE__ */ jsxs(TabsContent, { value: "overview", className: embedded ? "mt-2" : "mt-4", children: [
+            entityDef.overviewComponent ? React133__default.createElement(entityDef.overviewComponent, { item, entityDef }) : /* @__PURE__ */ jsx(
+              OverviewTab,
               {
-                type: "button",
-                onClick: () => setEditingName(true),
-                "aria-label": `${t("common.edit")} ${displayFieldDef?.label ?? ""}`,
-                title: `${t("common.edit")} ${displayFieldDef?.label ?? ""}`,
-                className: "inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-md text-muted-foreground opacity-0 transition-opacity hover:bg-muted hover:text-foreground focus:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring group-hover:opacity-100",
-                children: /* @__PURE__ */ jsx(Pencil, { className: "h-3 w-3" })
+                entityDef,
+                item: view,
+                compact: embedded,
+                onFieldSave: onFieldSave || onFieldsSave ? (key, value) => stageField(key, value) : void 0,
+                pendingKeys
               }
             ),
-            isMyRecord && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "shrink-0", children: t("common.you") }),
-            item.status && entityDef.fields.some((f) => f.key === "status") && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "shrink-0", children: statusLabel(entityDef, item.status) }),
-            activeValue !== void 0 && /* @__PURE__ */ jsx(Badge, { variant: activeValue ? "success" : "destructive", className: "shrink-0", children: activeValue ? t("common.active") : t("common.inactive") }),
-            badges
-          ] }) }),
-          subtitleValue && /* @__PURE__ */ jsx("p", { className: `text-muted-foreground mt-0.5 ${embedded ? "text-xs" : ""}`, children: subtitleValue })
-        ] }),
-        /* @__PURE__ */ jsxs(ActionSlot, { embedded, children: [
-          /* @__PURE__ */ jsx(WidgetSlot, { zone: headerActionsZone, item, entityId, embedded }),
-          /* @__PURE__ */ jsx(
-            PageActions,
-            {
-              actions: [
-                ...onEdit ? [{ id: "edit", label: t("common.edit"), icon: Edit, intent: "primary", onSelect: onEdit }] : [],
-                ...extraActions ?? [],
-                ...declared,
-                // Plugin contributions join the set instead of standing beside it,
-                // so they fold into the caret and the phone's menu like the rest.
-                ...contributed,
-                ...onDelete ? [{ id: "delete", label: t("common.delete"), icon: Trash2, intent: "danger", onSelect: onDelete }] : []
-              ]
-            }
-          )
-        ] })
-      ] }),
-      pendingAction && /* @__PURE__ */ jsx(
-        ConfirmDialog,
-        {
-          open: true,
-          title: pendingAction.label,
-          description: pendingAction.confirm,
-          confirmLabel: pendingAction.label,
-          cancelLabel: t("common.cancel"),
-          variant: pendingAction.intent === "danger" ? "destructive" : "default",
-          loading: runningAction === pendingAction.id,
-          onConfirm: () => executeAction(pendingAction),
-          onCancel: () => setPendingAction(null)
-        }
-      ),
-      /* @__PURE__ */ jsx(WidgetSlot, { zone: aboveTabsZone, item, entityId, embedded }),
-      archetypeAboveTabsZone && archetypeAboveTabsZone !== aboveTabsZone && /* @__PURE__ */ jsx(WidgetSlot, { zone: archetypeAboveTabsZone, item, entityId, embedded }),
-      !embedded && /* @__PURE__ */ jsx(Separator, {}),
-      /* @__PURE__ */ jsxs(Tabs, { value: selectedTab, onValueChange: handleTabChange, children: [
-        /* @__PURE__ */ jsxs(TabsList, { className: `max-w-full justify-start overflow-x-auto scrollbar-none${embedded ? " h-8" : ""}`, children: [
-          /* @__PURE__ */ jsxs(TabsTrigger, { value: "overview", className: `gap-1.5 ${embedded ? "text-xs px-2 py-1" : ""}`, children: [
-            /* @__PURE__ */ jsx(Eye, { className: embedded ? "h-3 w-3" : "h-3.5 w-3.5" }),
-            t("common.overview")
+            entityDef.layout === "person" && item?.id && /* @__PURE__ */ jsx("div", { className: embedded ? "mt-3" : "mt-5", children: /* @__PURE__ */ jsx(AddressesTab, { item }) }),
+            entityDef.layout === "person" && item?.id && entityDef.fields.some((f) => f.type === "bank") && /* @__PURE__ */ jsx("div", { className: embedded ? "mt-3" : "mt-5", children: /* @__PURE__ */ jsx(PayeeAccountsSection, { item }) }),
+            entityDef.layout === "location" && item?.id && /* @__PURE__ */ jsx("div", { className: embedded ? "mt-3" : "mt-5", children: /* @__PURE__ */ jsx(AddressesTab, { item, ownerType: "unit", single: true }) }),
+            item?.id && (entityDef.relatedSections ?? []).map((related) => /* @__PURE__ */ jsx("div", { className: embedded ? "mt-3" : "mt-5", children: /* @__PURE__ */ jsx(RelatedSection, { parentId: item.id, related, compact: embedded }) }, relatedListTabId(related)))
           ] }),
-          customTabs.map((tab) => {
-            const translated = t(`crud.tabs.${tab.id}`);
-            const label3 = translated.startsWith("crud.tabs.") ? tab.label : translated;
-            const TabIcon = tab.icon ? resolveTabIcon(tab.icon) : null;
-            const count = tabCounts[tab.id];
-            return /* @__PURE__ */ jsxs(TabsTrigger, { value: tab.id, className: `gap-1.5 ${embedded ? "text-xs px-2 py-1" : ""}`, children: [
-              TabIcon && /* @__PURE__ */ jsx(TabIcon, { className: embedded ? "h-3 w-3" : "h-3.5 w-3.5" }),
-              label3,
-              count ? /* @__PURE__ */ jsx("span", { className: `rounded-full bg-muted px-1.5 tabular-nums text-muted-foreground ${embedded ? "text-[9px]" : "text-[10px]"}`, children: count }) : null
-            ] }, tab.id);
-          })
-        ] }),
-        /* @__PURE__ */ jsxs(TabsContent, { value: "overview", className: embedded ? "mt-2" : "mt-4", children: [
-          entityDef.overviewComponent ? React133__default.createElement(entityDef.overviewComponent, { item, entityDef }) : /* @__PURE__ */ jsx(
-            OverviewTab,
-            {
+          customTabs.map((tab) => /* @__PURE__ */ jsx(TabsContent, { value: tab.id, className: "mt-4", children: tab.component ? (
+            // `tabPath` only to the tab the URL is actually addressing —
+            // handing it to every tab would have the documents tab trying to
+            // open a recording id when the user switches across.
+            React133__default.createElement(tab.component, {
+              item,
               entityDef,
-              item: view,
-              compact: embedded,
-              onFieldSave: onFieldSave || onFieldsSave ? (key, value) => stageField(key, value) : void 0,
-              pendingKeys
-            }
-          ),
-          entityDef.layout === "person" && item?.id && /* @__PURE__ */ jsx("div", { className: embedded ? "mt-3" : "mt-5", children: /* @__PURE__ */ jsx(AddressesTab, { item }) }),
-          entityDef.layout === "person" && item?.id && /* @__PURE__ */ jsx("div", { className: embedded ? "mt-3" : "mt-5", children: /* @__PURE__ */ jsx(PayeeAccountsSection, { item }) }),
-          entityDef.layout === "location" && item?.id && /* @__PURE__ */ jsx("div", { className: embedded ? "mt-3" : "mt-5", children: /* @__PURE__ */ jsx(AddressesTab, { item, ownerType: "unit", single: true }) }),
-          item?.id && (entityDef.relatedSections ?? []).map((related) => /* @__PURE__ */ jsx("div", { className: embedded ? "mt-3" : "mt-5", children: /* @__PURE__ */ jsx(RelatedSection, { parentId: item.id, related, compact: embedded }) }, relatedListTabId(related)))
+              // A rota DESTE registro. Uma aba que lista eventos precisa
+              // saber para onde apontar cada um (`#/clients/:id/:aba`), e
+              // só esta página sabe em que caminho o app pendurou o
+              // cadastro — a aba não tem como descobrir.
+              recordPath: `${basePath}/${item.id}`,
+              // Edição inline para quem a desenha (as abas das fichas). Uma
+              // aba que não usa isto simplesmente ignora as duas chaves.
+              onFieldSave: onFieldSave || onFieldsSave ? stageField : void 0,
+              pendingKeys,
+              ...tab.id === selectedTab ? { tabPath, setTabPath } : {},
+              ...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 ? (
-          // `tabPath` only to the tab the URL is actually addressing —
-          // handing it to every tab would have the documents tab trying to
-          // open a recording id when the user switches across.
-          React133__default.createElement(tab.component, {
-            item,
-            entityDef,
-            // A rota DESTE registro. Uma aba que lista eventos precisa
-            // saber para onde apontar cada um (`#/clients/:id/:aba`), e
-            // só esta página sabe em que caminho o app pendurou o
-            // cadastro — a aba não tem como descobrir.
-            recordPath: `${basePath}/${item.id}`,
-            // Edição inline para quem a desenha (as abas das fichas). Uma
-            // aba que não usa isto simplesmente ignora as duas chaves.
-            onFieldSave: onFieldSave || onFieldsSave ? stageField : void 0,
-            pendingKeys,
-            ...tab.id === selectedTab ? { tabPath, setTabPath } : {},
-            ...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 }),
-      /* @__PURE__ */ jsx(RecordMetaFooter, { item, compact: embedded })
+        /* @__PURE__ */ jsx(WidgetSlot, { zone: widgetZone }),
+        legacyWidgetZone !== widgetZone && /* @__PURE__ */ jsx(WidgetSlot, { zone: legacyWidgetZone }),
+        /* @__PURE__ */ jsx(RecordMetaFooter, { item, compact: embedded })
+      ] })
     ] })
   );
 }
@@ -33997,17 +34100,20 @@ function WorkspaceSwitcher({
     ) }),
     /* @__PURE__ */ jsxs(DropdownContent, { align: "start", className: "w-64", children: [
       /* @__PURE__ */ jsx(DropdownLabel, { children: tr("organization.workspaces", "Workspaces") }),
-      search.searchable && /* @__PURE__ */ jsx("div", { className: "px-2 pb-1.5 pt-1", children: /* @__PURE__ */ jsx(
-        "input",
-        {
-          value: query,
-          onChange: (e) => setQuery(e.target.value),
-          placeholder: tr("organization.searchWorkspace", "Buscar conta\u2026"),
-          autoFocus: true,
-          onKeyDown: (e) => e.stopPropagation(),
-          className: "w-full rounded-md border border-border bg-background px-2 py-1.5 text-sm text-foreground outline-none placeholder:text-muted-foreground focus:border-primary"
-        }
-      ) }),
+      search.searchable && /* @__PURE__ */ jsxs("div", { className: "relative px-2 pb-1 pt-0.5", children: [
+        /* @__PURE__ */ jsx(Search, { className: "pointer-events-none absolute left-3 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            value: query,
+            onChange: (e) => setQuery(e.target.value),
+            placeholder: tr("organization.searchWorkspace", "Buscar conta\u2026"),
+            autoFocus: true,
+            onKeyDown: (e) => e.stopPropagation(),
+            className: "h-8 w-full border-0 bg-transparent pl-7 pr-2 text-[13px] text-foreground outline-none placeholder:text-muted-foreground focus:ring-0"
+          }
+        )
+      ] }),
       /* @__PURE__ */ jsx(DropdownSeparator, {}),
       search.visible.length === 0 && /* @__PURE__ */ jsx("div", { className: "px-3 py-3 text-sm text-muted-foreground", children: tr("organization.noWorkspaceMatch", "Nenhuma conta com esse nome.") }),
       search.visible.map((m) => /* @__PURE__ */ jsxs(
@@ -34843,6 +34949,18 @@ function AdminShellInner({ appName, brandedByTenant = false, layout = "sidebar",
     return { onBack: () => navigateTo(parent), label: label3 };
   }, [match, navigation, routes, tr, settingsTabDef]);
   const routeDecision = match?.route.permission && !navWaiting ? access.can(match.route.permission.feature, match.route.permission.action) : { allowed: true };
+  const tenantIdForRoute = activeTenantId;
+  const lastTenantRef = React133.useRef(tenantIdForRoute);
+  const switchedTenantRef = React133.useRef(false);
+  if (lastTenantRef.current !== tenantIdForRoute) {
+    if (lastTenantRef.current && tenantIdForRoute) switchedTenantRef.current = true;
+    lastTenantRef.current = tenantIdForRoute;
+  }
+  React133.useEffect(() => {
+    if (!switchedTenantRef.current || navWaiting || navigation.length === 0) return;
+    switchedTenantRef.current = false;
+    if ((!match || !routeDecision.allowed) && path !== homeRoute) navigateTo(homeRoute);
+  }, [tenantIdForRoute, navWaiting, navigation.length, match, routeDecision.allowed, path, homeRoute]);
   const activeContent = navWaiting ? (
     // O conteúdo espera pela MESMA condição que o rail.
     //
@@ -36256,7 +36374,7 @@ var TONE_CLASS = {
   info: "bg-sky-100 text-sky-800 dark:bg-sky-900/40 dark:text-sky-300",
   muted: "bg-muted text-muted-foreground"
 };
-function Badge26({ badge, className = "" }) {
+function Badge27({ badge, className = "" }) {
   return (
     // shrink-0: in the crumb it sits beside a truncating title, and without it
     // a long record name eats the status instead of ellipsing itself.
@@ -36334,7 +36452,7 @@ function OrderDetailView(props) {
   const hasBadges = badges.length > 0 || !!props.badgesNode;
   const titleNode = hasBadges ? /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [
     /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: title }),
-    props.badgesNode ?? badges.map((b, i) => /* @__PURE__ */ jsx(Badge26, { badge: b, className: i > 0 ? "hidden sm:inline-flex" : "" }, i))
+    props.badgesNode ?? badges.map((b, i) => /* @__PURE__ */ jsx(Badge27, { badge: b, className: i > 0 ? "hidden sm:inline-flex" : "" }, i))
   ] }) : title;
   return (
     // A coluna decide o layout, não a janela: com o assistente aberto ao lado,
@@ -36432,7 +36550,7 @@ function OrderDetailView(props) {
             !receivable || receivable.rows.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: receivable?.emptyLabel ?? "Sem conta a receber." }) : /* @__PURE__ */ jsxs("div", { className: "text-sm", children: [
               (receivable.referenceNumber || receivable.statusBadge) && /* @__PURE__ */ jsxs("div", { className: "mb-2 flex flex-wrap items-center gap-2", children: [
                 receivable.referenceNumber && /* @__PURE__ */ jsx("span", { className: "font-mono font-semibold", children: receivable.referenceNumber }),
-                receivable.statusBadge && /* @__PURE__ */ jsx(Badge26, { badge: receivable.statusBadge })
+                receivable.statusBadge && /* @__PURE__ */ jsx(Badge27, { badge: receivable.statusBadge })
               ] }),
               receivable.rows.map((r, i) => /* @__PURE__ */ jsx(OrderDetailRow, { label: r.label, value: r.value, strong: r.strong, muted: r.muted }, i)),
               /* @__PURE__ */ jsx("div", { className: "mt-3 space-y-1.5 border-t pt-2", children: receivable.installments.map((inst) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
@@ -38582,7 +38700,7 @@ var ORDER_CHANNEL_LABELS = {
   retirada: "Retirada",
   ticketing: "Bilheteria"
 };
-function Badge28({ children }) {
+function Badge29({ children }) {
   return /* @__PURE__ */ jsx("span", { className: "inline-flex items-center rounded-full bg-muted px-2 py-0.5 text-[11px] font-medium", children });
 }
 function orderKindColumn(kindOf, header = "Tipo") {
@@ -38592,7 +38710,7 @@ function orderKindColumn(kindOf, header = "Tipo") {
     render: (row) => {
       const kind = kindOf(row);
       if (!kind) return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2014" });
-      return /* @__PURE__ */ jsx(Badge28, { children: ORDER_KIND_LABELS[kind] ?? kind });
+      return /* @__PURE__ */ jsx(Badge29, { children: ORDER_KIND_LABELS[kind] ?? kind });
     }
   };
 }
@@ -38603,7 +38721,7 @@ function orderChannelColumn(channelOf, header = "Canal") {
     render: (row) => {
       const channel = channelOf(row);
       if (!channel) return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2014" });
-      return /* @__PURE__ */ jsx(Badge28, { children: ORDER_CHANNEL_LABELS[channel] ?? channel });
+      return /* @__PURE__ */ jsx(Badge29, { children: ORDER_CHANNEL_LABELS[channel] ?? channel });
     }
   };
 }