{/* Centered panel */} ); } // ───────────────────────────────────────────────────────────── // Tenant switcher (sidebar header) // ───────────────────────────────────────────────────────────── function TenantSwitcher({ tenants, currentSlug, onSwitch, allowedTenants }) { const [open, setOpen] = useState(false); const current = tenants[currentSlug]; const allowed = allowedTenants || window.OparetoTenant.list(); const others = window.OparetoTenant.list() .filter((s) => s !== currentSlug && allowed.indexOf(s) >= 0) .map((s) => tenants[s]); const canSwitch = others.length > 0; return (

{open && (

{others.map((t) => ( ))}

Same shell · same primitives

)}

); } // ───────────────────────────────────────────────────────────── // Sidebar // ───────────────────────────────────────────────────────────── function Sidebar({ tenants, tenantSlug, currentId, onSelect, onSwitchTenant, items, user, allowedTenants, settingsMode, settingsItems, settingsId, onSelectSettings, onExitSettings }) { const t = tenants[tenantSlug]; return (

{settingsMode ? (

{/* Back to the company's main nav */}

Settings

{settingsItems.map((s) => { const active = s.id === settingsId; return ( ); })}

) : (

{items.filter((i) => !i._landingOnly && (!i._hidden // Experimental surfaces stay out of the sidebar until they're the // active screen, then reveal themselves (plus their section header). || (i._revealWhenActive && i.id === currentId) || (i._section && i._revealFor && i._revealFor === currentId) )).map((item) => { // Section header (non-clickable divider). if (item._section) { return (

{item.title}

); } // If the active item is a hidden drill-down, highlight its parent // so the sidebar shows where you "came from." const activeItem = items.find((x) => x.id === currentId); const effectiveActive = activeItem && activeItem._hidden && activeItem._parent ? activeItem._parent : currentId; const active = item.id === effectiveActive; return ( ); })}

)}

); } // ───────────────────────────────────────────────────────────── // Header // ───────────────────────────────────────────────────────────── function Header({ tenant, item, isDark, onToggleTheme, onOpenPalette, parentCrumb, crumbTitle }) { const title = crumbTitle || (item ? item.title : 'Untitled'); return (

{tenant.name} › {parentCrumb && ( {parentCrumb} › )} {title}

{/* Search-button trigger for the palette — matches the live AppShell affordance (header search button alongside ⌘K shortcut). */} {tenant.slug === 'opareto' && ( Source )}

); } function MobileHeader({ tenant, item, items, onSelect }) { const visible = (items || []).filter((i) => !i._section && !i._hidden && !i._landingOnly).slice(0, 5); return (

{tenant.shortLabel}

{tenant.name}

{item ? item.title : 'Prototype'}

{visible.map((navItem) => { const active = item && (item.id === navItem.id || item._parent === navItem.id); return ( ); })}

); } // ───────────────────────────────────────────────────────────── // Main pane (iframe + chat FAB + chat overlay) // ───────────────────────────────────────────────────────────── function MainPane({ src, tenant, item, chatOpen, onToggleChat, mobile, recording }) { const ref = useRef(null); const build = window.__OPARETO_BUILD = window.__OPARETO_BUILD || Date.now(); const separator = src.indexOf('?') >= 0 ? '&' : '?'; const frameSrc = src + separator + 'tenant=' + encodeURIComponent(tenant.slug) + '&_v=' + build; function onLoad() { const ifr = ref.current; if (!ifr) return; try { if (window.OparetoTheme) window.OparetoTheme.applyToIframe(ifr); const doc = ifr.contentDocument; if (window.OparetoBanner && doc) window.OparetoBanner.inject(doc); // The shell owns the single ambient ⌘J launcher (the FAB below). Screens // render their own .launcher for standalone viewing; hide it in-shell so // we don't double up bottom-right. if (doc && !doc.getElementById('op-shell-dedupe')) { const st = doc.createElement('style'); st.id = 'op-shell-dedupe'; st.textContent = '.launcher,[class*="launcher"]{display:none !important;}'; (doc.head || doc.documentElement).appendChild(st); } } catch (e) { console.warn('iframe post-load hook failed', e); } } return (