feat(ui): single-view layout with MCP URL in header + full-bleed service map#76
Merged
feat(ui): single-view layout with MCP URL in header + full-bleed service map#76
Conversation
…ice map UX cleanup: - Removed Traces and Logs views from the UI nav. Service Map is the only remaining view; nav tabs are dropped (single view = no tabs needed). - MCP endpoint URL now lives in the TopNav header with an inline Copy button — accessible from any state, no navigation required. The standalone MCPConsole view is unmounted (file kept temporarily as orphaned source for the next cleanup pass). - Service Map canvas height now scales with viewport via new useWindowHeight hook. Was hard-capped at 660px; now floor=460, cap=windowH-320 so a 1440-tall window gets ~1120px of canvas. - Top-level <Space> in remaining views now overrides display:inline-flex → display:flex with width:100% so the page actually fills wide monitors. The design-system Space defaults to inline-flex which collapses the entire view to its widest child's intrinsic width — the symptom that made even a 34" desktop look mobile-sized. Bundle: 248KB → 233KB after tree-shaking the orphaned views. Verification - make ui-build clean - go build ./... clean - Daemon starts on HTTP_PORT=37776 and serves the new bundle (index-B9ZFj2IV.js) Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.



Summary
UX cleanup of the embedded React UI based on user feedback during a live session on a 34" desktop:
Bundle
`248KB → 233KB` after tree-shaking the orphaned Traces/Logs view + MCPConsole code from the production bundle.
Files
Orphaned source kept for follow-up
`TracesView.tsx`, `LogsView.tsx`, `useTraces.ts`, `useLogs.ts`, `MCPConsole.tsx` (and related tests). Tree-shaken from the bundle so they don't ship; left in source to keep this PR scoped to the UX change. A small follow-up will delete them.
Test plan
🤖 Generated with Claude Code