Skip to content

perf: lazy-load panel CSS by moving imports to component files#320

Merged
sauravpanda merged 1 commit intomainfrom
worktree-agent-a599f1f6
Apr 10, 2026
Merged

perf: lazy-load panel CSS by moving imports to component files#320
sauravpanda merged 1 commit intomainfrom
worktree-agent-a599f1f6

Conversation

@sauravpanda
Copy link
Copy Markdown
Owner

Summary

  • Moved 62 panel-specific CSS imports from src/main.tsx into their respective component files so they are code-split and lazy-loaded
  • Kept 6 global/always-visible CSS imports in main.tsx: styles.css, sidebar.css, terminal.css, command-palette.css (multi-component), dashboard.css (multi-component), status-bar.css, project-tabs.css
  • 22 components that didn't yet have their CSS import got one added; the remaining already imported their own CSS and just had duplicates removed from main.tsx

Test plan

  • pnpm build passes -- CSS files are now emitted as separate per-component chunks
  • Verify panels render correctly when opened (styles load on demand)

Closes #305

@sauravpanda sauravpanda merged commit ad050d7 into main Apr 10, 2026
5 checks passed
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.

perf: backdrop-filter animation causes jank on modal open

1 participant