/* global React */
const { useState } = React;
function NavItem({ t, active, onNavigate, status }) {
const isActive = t.id === active;
const isSoon = !!t.soon;
return (
);
}
// ── Sidebar ────────────────────────────────────────────────────────────────────
function Sidebar({ active, onNavigate, toolStatuses = {} }) {
const tools = [
{ id: 'home', label: 'Home', icon: I.home },
{ id: 'pipedrive', label: 'Pipedrive Sync', icon: I.database },
{ id: 'knowledge', label: 'Knowledge Base', icon: I.book },
{ id: 'monitoring', label: 'System Monitoring', icon: I.activity, soon: true },
];
const system = [
{ id: 'settings', label: 'Settings', icon: I.settings },
];
return (
);
}
// ── TopBar ─────────────────────────────────────────────────────────────────────
function TopBar({ breadcrumbs = [], right, status }) {
return (
{right}
);
}
window.Sidebar = Sidebar;
window.TopBar = TopBar;