chore: redesign dependencies page as filterable virtualized table

[v-kessler]

What

Redesigns the existing Dependencies page (/dependencies) — same feature, new visual.

• Single data-driven, filterable v-data-table-virtual replacing the tabbed expansion panels.
• Hero (mono "Transparency" eyebrow + Dependencies h1), a Package dropdown, a clearable search, and a mono X of Y count.
• Rows flattened from dependencies.json (Runtime/Dev/Peer for JS, Workspace for Rust) with a colored type chip and a version shortener for long git/URL specs.
• Data-driven: only groups present in the JSON render, so new packages appear with no template edits.
• Theme tokens only (rgb(var(--v-theme-*)), no hex); solid fixed header so virtual rows don't bleed through.

Notes

• No functional change and no dependency changes — visual/refactor only, hence chore.
• vue-tsc --noEmit passes.

🤖 Generated with Claude Code

Summary by CodeRabbit

• New Features
  • Replaced the tabbed dependency view with a unified, virtualized table.
  • Added columns for package, version, source, and dependency type.
  • Added global search and source filtering.
  • Added visible and total dependency counts.
  • Added type labels, optional feature details, shortened version display, and empty-state messaging.
  • Improved responsive layout for dependency browsing.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 235eaf14-3a20-4628-8361-40f48a901bf7

📥 Commits

Reviewing files that changed from the base of the PR and between 4ea3416 and 545c07e.

📒 Files selected for processing (1)

• src/pages/dependencies.vue

---

Walkthrough

The dependencies page now presents all dependency groups in one virtualized table with source and text filtering, live result counts, type chips, shortened versions, centralized empty states, and responsive styling.

Changes

Unified Dependencies Table

Layer / File(s)	Summary
Unified dependency data and table flow src/pages/dependencies.vue	Dependency groups are flattened into unified rows, filtered by source and search text, and rendered in a virtualized table with custom cells, type chips, shortened versions, and empty-state handling.
Table presentation and responsive layout src/pages/dependencies.vue	Scoped styles define the page hero, controls, table shell, typography, chips, empty state, and responsive control stacking.

Estimated code review effort: 3 (Moderate) | ~20 minutes

Sequence Diagram(s)

sequenceDiagram
  participant User
  participant DependenciesPage
  participant FilteredItems
  participant VirtualTable
  User->>DependenciesPage: Enter source or search filter
  DependenciesPage->>FilteredItems: Apply selectedSource and search
  FilteredItems-->>DependenciesPage: Return matching dependency rows
  DependenciesPage->>VirtualTable: Render rows and visible count

Loading

Poem

I’m a rabbit with rows in a neat little line,
Packages and versions now sparkle and shine.
I hop through the filters, swift as can be,
Finding each crate in the virtualized tree.
“X of Y!” I cheer—what a table to see!

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title accurately summarizes the main change: redesigning the dependencies page into a filterable virtualized table.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch chore-dependencies-virtualized-table

Warning

There were issues while running some tools. Please review the errors and either fix the tool's configuration or disable the tool if it's a critical failure.

🔧 ESLint

If the error stems from missing dependencies, add them to the package.json file. For unrecoverable errors (e.g., due to private dependencies), disable the tool in the CodeRabbit configuration.

src/pages/dependencies.vue

Parsing error: Unexpected token <

---

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.}