5de97dab14
Replace per-page filtering with a single GlobalFilterProvider (time range + status) consumed by a redesigned TopBar across all pages. Lift CommandPalette to App level so Cmd-K works globally with filtered results that navigate to exchanges, routes, agents, and applications. Sidebar auto-reveals and selects the target entry on Cmd-K navigation via location state. - Extract shared time preset utilities (computePresetRange, DEFAULT_PRESETS) - Add GlobalFilterProvider (time range + status) and CommandPaletteProvider - Add TimeRangeDropdown primitive with Popover preset list - Redesign TopBar: breadcrumb | time dropdown | status pills | search | env - Add application category to Cmd-K search - Remove FilterBar and local DateRangePicker from Dashboard/Metrics pages - Filter AgentHealth EventFeed by global time range - Remove shift/onSearchClick props from TopBar Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
23 lines
719 B
TypeScript
23 lines
719 B
TypeScript
import { AppShell } from '../../design-system/layout/AppShell/AppShell'
|
|
import { Sidebar } from '../../design-system/layout/Sidebar/Sidebar'
|
|
import { TopBar } from '../../design-system/layout/TopBar/TopBar'
|
|
import { EmptyState } from '../../design-system/primitives/EmptyState/EmptyState'
|
|
import { SIDEBAR_APPS } from '../../mocks/sidebar'
|
|
|
|
export function ApiDocs() {
|
|
return (
|
|
<AppShell sidebar={<Sidebar apps={SIDEBAR_APPS} />}>
|
|
<TopBar
|
|
breadcrumb={[{ label: 'API Documentation' }]}
|
|
environment="PRODUCTION"
|
|
|
|
user={{ name: 'hendrik' }}
|
|
/>
|
|
<EmptyState
|
|
title="API Documentation"
|
|
description="API documentation coming soon."
|
|
/>
|
|
</AppShell>
|
|
)
|
|
}
|