Increment 5: Debug panel, UI overhaul, enriched book cards#13
Merged
amoghbanta merged 3 commits intomainfrom Feb 10, 2026
Merged
Increment 5: Debug panel, UI overhaul, enriched book cards#13amoghbanta merged 3 commits intomainfrom
amoghbanta merged 3 commits intomainfrom
Conversation
Debug panel (Cmd+Shift+D): - Bottom drawer with 4 tabs: LLM Logs, Stats, Config, Versions - Live SSE streaming of llm-log events during pipeline runs - Step tracker showing pipeline progress with status indicators - REST endpoints for paginated logs, aggregated stats, config view UI overhaul: - Remove global header, use per-page breadcrumb navigation - Home page: 30/70 split with workflow guide + vertical book list - Book cards show full metadata (title, authors, publisher, language) - Fix destructive-foreground CSS variable (was invisible red-on-red) - Symmetric grid layouts, reduced padding, no-scroll-where-possible Backend: - BookSummary enriched with publisher and languageCode fields - Pipeline runner emits llm-log SSE events for live observability - Debug routes: llm-logs, stats, config, versions Cleanup: - Delete orphaned BookCard.tsx and BookList.tsx (inlined in home page) - Remove redundant type casts in debug panel components - Fix .gitignore for apps/api/books/ directory - Add layout guidelines to docs/GUIDELINES.md - Document decisions: breadcrumb nav (#15), home layout (#16)
Integrates pipeline team changes (PR #12 llm-updates): - Rate limiting, per-attempt LLM logging, single-arg appendLlmLog API - Schema version mismatch detection (needsRebuild/rebuildReason) - Image src rewriting, configurable timeouts, validation improvements Conflict resolutions: - book-service.ts: main's error handling + our publisher/languageCode fields - pipeline-runner.ts: main's rateLimiter + single-arg API + our SSE llm-log emit - BookCard.tsx: kept deleted (inlined in index.tsx BookRow) - books.$label.index.tsx: our 2-column layout + main's needsRebuild UI
Remove redundant second progress bar (bg-primary/black) that was rendering alongside the primary blue bar in StepIndicator. Consolidate page count and percentage into the single progress bar's status text.
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
1 participant
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
Cmd+Shift+D): Bottom drawer on all book routes with 4 tabs — LLM Logs (live SSE + paginated history with status indicators and step tracker), Pipeline Stats (per-step token/cache/cost aggregation), Active Config (merged view), and Version History (entity inspection)BookSummarynow includespublisherandlanguageCodefrom pipeline metadata; home page cards show all available metadata with labeled icon rowsBookCard/BookListcomponents, eliminated redundant type casts in debug panel, fixed.gitignoreforapps/api/books/, fixed--destructive-foregroundCSS variableGUIDELINES.md; added decisions Add pipeline UX, config editor, debug panel, and book wizard #15 (breadcrumb nav) and Add integration test for full pipeline with LLM cache fixtures #16 (home page layout) toDECISIONS.mdNew files
apps/api/src/routes/debug.tsapps/api/src/routes/debug.test.tsapps/studio/src/components/debug/*.tsxapps/studio/src/hooks/use-debug.tsTest plan
pnpm typecheckpassespnpm testpasses (236 tests, 27 files)Cmd+Shift+D→ verify debug panel opens with all 4 tabs