staging-->main

[gkorland]

No description provided.

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: c3097115-5d8f-46ef-8494-d7b572317623

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch staging

📝 Coding Plan

• Generate coding plan for human review comments

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[Copilot]

Pull request overview

This PR introduces system-aware theming (light/dark) across the React UI, updates styling to use theme tokens, and improves Playwright E2E stability for canvas/graph interactions to support the updated UI.

Changes:

• Add ThemeProvider + ThemeToggle, wire provider at app root, and update UI components to use theme-based Tailwind tokens.
• Update graph canvas rendering to adapt background/foreground and dimmed-node colors to the active theme.
• Improve E2E graph selection and canvas interactions (more deterministic waits, updated locators, better coordinate handling).

Reviewed changes

Copilot reviewed 17 out of 17 changed files in this pull request and generated 5 comments.

Show a summary per file

File	Description
e2e/logic/POM/codeGraph.ts	More robust graph/canvas waiting + locator updates aligned with UI changes
app/tailwind.config.ts	Add Inter font + rename custom graph colors + theme token colors
app/src/main.tsx	Wrap app with ThemeProvider
app/src/globals.css	Theme token variable tweaks + replace hardcoded styles with tokens
app/src/components/theme-toggle.tsx	New theme toggle button
app/src/components/theme-provider.tsx	New theme context/provider with system theme support + persistence
app/src/components/model.ts	Update category color naming to match Tailwind config
app/src/components/labels.tsx	Adjust background to theme token
app/src/components/graphView.tsx	Theme-aware canvas colors + dimmed-node styling
app/src/components/elementMenu.tsx	Theme token styling + icon color inheritance
app/src/components/dataPanel.tsx	Theme token styling + transparent code block backgrounds
app/src/components/combobox.tsx	Theme token borders + focus ring
app/src/components/code-graph.tsx	Theme token layout + replace some buttons with UI Button
app/src/components/chat.tsx	Theme token styling + replace loading gif with spinner UI
app/src/components/Input.tsx	Theme token styling for inputs/list
app/src/App.tsx	Navbar redesign (icons + tooltips) + add theme toggle (desktop + mobile)
app/index.html	Limit Google Fonts import to Inter only

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.