feat(local-ui): metrics/services/errors views + promote shared chrome into @maple/ui

[Makisuo]

What

Brings the local-mode UI (apps/local-ui) closer to feature/UI parity with the web app, and kills the duplicated chrome by promoting it into @maple/ui.

Shared-chrome promotion (dedup)

Promoted into packages/ui/src — web files become re-export shims (zero consumer edits), local copies deleted:

• components/filters/filter-section.tsx — web's superset (option icons, serviceColorMap, SingleCheckboxFilter); local gains service color swatches
• components/filters/filter-sidebar.tsx — width-agnostic frame + header/body/loading; FilterSidebarError stays in web (binds the app's ErrorState)
• components/filters/duration-range-filter.tsx — web's onRangeChange API + local's flush-on-blur/Enter, debounceMs prop (web 400ms default, local passes 300ms)
• components/toolbar.tsx — generic Toolbar/ToolbarSearch/ToolbarStat/TimeRangeSelect/RefreshButton, data-agnostic so @maple/ui gains no react-query dep; local keeps a tiny wrapper binding the ["local"] invalidation. Web toolbar adoption deliberately deferred (router/effect-atom wired).
• components/metrics/metric-type-badge.tsx (+ METRIC_TYPE_COLORS)
• lib/replay-format.ts — pure formatters only; replayPartitionWindow stays in web because @maple/ui must not depend on @maple/query-engine
• span-detail-panel / log-detail-sheet stay intentionally divergent (web's are effect-atom/infra-coupled); header comments now document that

New local views (parity)

All backed by MVs that already exist in local-schema.sql and existing @maple/query-engine CH queries — no CLI/schema changes. All 15 queries smoke-tested against a live chDB binary first, including the windowed metricsTimeseriesRateQuery.

• Metrics #/metrics + #/metrics/:name — sparkline preview grid with type/service facets; detail plots true per-second rate for monotonic counters and avg for gauges/histograms via the shared QueryBuilderLineChart, plus per-service breakdown
• Services #/services + #/services/:name — dense table (spans/errors/error rate/p50/p95/logs) with env/ns facets; detail has golden-signal cards, throughput-by-operation chart, top-operations table deep-linking into filtered traces
• Errors #/errors — summary stats, fingerprint-grouped cards with service/env facets, expandable to recent affected traces linking to the trace waterfall

Why

The local UI had drifted: it hand-copied web chrome (each copy tagged "mirrors the web app's …") and exposed only traces/logs/sessions while the local chDB schema already materializes everything metrics/services/errors need.

Verification

• Repo-wide bun typecheck passes; @maple/local-ui tests pass; all 730 web tests pass (route tests cover the filter-sidebar consumers)
• Browser walkthrough against a live dev binary with seeded OTLP data: all new tabs render, filters persist across tabs, error → trace cross-link lands on the shared waterfall
• Web spot-check at web.localhost/traces: filter sidebar unchanged on the promoted components
• Embedded SPA bundle now ~485 kB gz JS (recharts enters with the charts — expected)

Reviewer notes

• Only intended behavioral delta on web: the duration filter now also commits on blur/Enter (it already debounced at 400ms)
• bucketSecondsForRange gives ~60 buckets per range; long ranges over short data windows legitimately show "not enough datapoints" previews

🤖 Generated with Claude Code

---

^{Need help on this PR? Tag @codesmith-bot with what you need. Autofix is disabled.}

[pullfrog]

Your Pullfrog Router balance is exhausted.

You have a card on file but auto-reload is disabled, so runs paused once your balance went past the overdraft buffer.

Top up balance → · Enable auto-reload →

  ^{｜ ⚠️ this action is pinned to a commit SHA, which freezes the cleanup step — switch to @v0 or keep the SHA fresh with Dependabot ｜ Rerun failed job ➔ ｜ View workflow run ｜ via Pullfrog ｜ Using Claude Opus ｜ 𝕏}