// Shared shell pieces: sidebar, session header, transcript primitives.
const UK = window.UnknotDesignSystem_fb2a11;
const { Icon, Button, IconButton, SurfaceSwitcher, SidebarItem, NavRow, StatusPill, StatusIcon, OverflowMenu, Tooltip, ProjectPicker } = UK;
const PROJECTS = [
{ id: 'billing', name: 'acme/billing', path: '~/code/billing', waiting: 1, running: true },
{ id: 'web', name: 'acme/web', path: '~/code/web' },
{ id: 'pipeline', name: 'northwind/data-pipeline', path: '~/code/northwind/pipeline' },
];
const PROJECT_SESSIONS = {
billing: [['Fix rounding in invoice totals', 'waiting', 'Waiting for you · 4m'], ['Stream CSV exports', 'running', 'Running · own worktree · 12m'], ['Address PR #412 review', 'done', 'Done · 1h'], ['Flaky ledger sync test', 'failed', 'Failed · provider error · 1d'], ['Upgrade vitest to 3.2', 'cancelled', 'Cancelled · 1d']],
web: [['Pricing page copy', 'blocked', 'Blocked · waiting on design'], ['Dev server for docs', 'done', 'Done · 2d']],
pipeline: [['Backfill March events', 'done', 'Done · 3d']],
};
const SESSIONS = {
ask: [
{ group: 'Today', rows: [['E-invoicing start dates', 'Now'], ['Revenue recognition, multi-year deals', '2h'], ['Summarise the Northwind MSA', '4h']] },
{ group: 'Yesterday', rows: [['German version of welcome email', 'Yesterday'], ['Explain the new travel policy', 'Yesterday']] },
{ group: 'Last week', rows: [['Board meeting agenda ideas', 'Tue'], ['Pivot table formula help', 'Mon']] },
],
task: [
{ group: 'Pinned', rows: [['Frankfurt data centre memo', 'running', 'Running · reviewing · 6m']] },
{ group: 'Today', rows: [['Q3 vendor spend review', 'done', 'Done · 20m'], ['Competitor pricing brief', 'running', 'Running · browsing · 14m'], ['EMEA onboarding deck', 'done', 'Done · 1h']] },
{ group: 'Yesterday', rows: [['Contract renewal tracker', 'failed', 'Failed · Salesforce sign-in expired'], ['Board memo edits', 'blocked', 'Blocked · folder not granted'], ['Travel policy FAQ', 'cancelled', 'Cancelled']] },
],
};
function TrafficLights() {
return (
{['#ff5f57', '#febc2e', '#28c840'].map((c) => )}
);
}
function Wordmark({ theme, width = 76 }) {
return 
;
}
function Picker({ surface, onPicker, project, setProject, projects, setProjects }) {
if (surface === 'ask') return null;
const PP = window.UnknotDesignSystem_fb2a11.ProjectPicker;
if (surface === 'project' && !PP) { const c = projects.find((x) => x.id === project) || projects[0]; return {c.name}{c.path}
; }
if (surface === 'project') return { const id = 'new' + projects.length; setProjects([{ id, name: 'litware/reports', path: '~/Documents/litware-reports' }, ...projects]); setProject(id); }} />;
const p = { icon: 'landmark', title: 'Finance workspace', sub: '2 granted folders', tint: true };
return (
);
}
function Sidebar({ narrow, surface, onSurface, theme, onTheme, current, onOpen, onNew, onPalette, project, setProject }) {
const [projects, setProjects] = React.useState(PROJECTS);
const cur = projects.find((p) => p.id === project) || projects[0];
const groups = surface === 'project' ? [{ group: cur.name, rows: PROJECT_SESSIONS[cur.id] || [] }] : SESSIONS[surface];
return (
);
}
function SessionHeader({ title, status, statusLabel, context, panelOpen, onTogglePanel }) {
return (
{title}
{context}
{!panelOpen ? : null}
);
}
function ContextChip({ icon, children, tone }) {
return {children};
}
/* Transcript primitives */
function Activity({ icon, verb, children }) {
return (
{verb} {children}
);
}
function UserMessage({ children }) {
return {children}
;
}
function Prose({ children }) {
return {children}
;
}
function ToolCall({ label = 'Ran command', command, result, tone = 'danger', output, defaultOpen = false }) {
const [open, setOpen] = React.useState(defaultOpen);
return (
{open ?
{output} : null}
);
}
function Helpers({ title = 'Helpers', count, rows }) {
const [open, setOpen] = React.useState(true);
return (
{open ? (
{rows.map((r, i) => (
{r.child ? └ : null}
{r.name}
· {r.detail}
{r.cost}
))}
) : null}
);
}
function PanelHeader({ tabs, value, onChange, onClose }) {
return (
);
}
Object.assign(window, { Sidebar, SessionHeader, ContextChip, Activity, UserMessage, Prose, ToolCall, Helpers, PanelHeader, Wordmark, TrafficLights });