Skip to content

feat(example-layouts): shared responsive layout library for 30 cockpit apps#95

Merged
blove merged 12 commits into
mainfrom
worktree-example-layouts
Apr 10, 2026
Merged

feat(example-layouts): shared responsive layout library for 30 cockpit apps#95
blove merged 12 commits into
mainfrom
worktree-example-layouts

Conversation

@blove
Copy link
Copy Markdown
Contributor

@blove blove commented Apr 10, 2026

Summary

  • New Nx Angular library @cacheplane/example-layouts with two standalone components: ExampleChatLayoutComponent (main + optional sidebar) and ExampleSplitLayoutComponent (header/primary/secondary/footer split panes)
  • Migrated all 30 cockpit example apps (8 langgraph, 6 deep-agents, 10 chat, 6 render) to use the shared layouts
  • All apps now have responsive mobile support — sidebars stack below on mobile (flex-col md:flex-row), no more fixed-width sidebars consuming 60-85% of a 375px screen

Test Plan

  • npx nx test example-layouts — 12 unit tests pass
  • npx nx run-many -t build --projects='cockpit-*-angular' — all 30 apps build
  • Chrome DevTools 375px: sidebar app (e.g. langgraph/memory) — sidebar stacks below
  • Chrome DevTools 375px: left-sidebar app (chat/threads) — sidebar stacks below
  • Chrome DevTools 375px: render app (render/spec-rendering) — panes stack vertically
  • Chrome DevTools 375px: no-sidebar app (langgraph/streaming) — fills viewport

🤖 Generated with Claude Code

blove and others added 11 commits April 9, 2026 22:57
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
… sidebar

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Signal-based input() doesn't register in ɵcmp.inputs metadata under
Vitest JIT compilation, causing inputs to silently use defaults.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
…e split panes

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Add @analogjs/vite-plugin-angular for AOT compilation in tests
- Switch ExampleChatLayoutComponent from @input() to signal input()
- Add tsconfig.spec.json for Angular compiler plugin

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
…LayoutComponent

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@vercel
Copy link
Copy Markdown

vercel Bot commented Apr 10, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
cacheplane Ready Ready Preview, Comment Apr 10, 2026 6:06am

Request Review

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@blove blove merged commit cf90656 into main Apr 10, 2026
14 checks passed
@blove blove deleted the worktree-example-layouts branch May 7, 2026 16:30
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant