Commit c66dbae
feat(frontend): replace custom components with shadcn/ui equivalents (#778)
**Jira:**
[RHOAIENG-51883](https://issues.redhat.com/browse/RHOAIENG-51883)
hey, this came from looking into new shadcn components to improve the UI
- it found several clean-ups. I've been running this patchset, it's not
massively different visually but it does align a few things with the
shadcn defaults.
The command palette is really awesome actually.
## Summary
- Replaced 4 custom component implementations with standard shadcn/ui
equivalents (Breadcrumb, Popover, Sonner toast, DataTable with TanStack
Table)
- Added 6 new shadcn components: Command palette (Cmd+K), Sheet (mobile
nav), Sidebar (workspace layout), Collapsible, HoverCard, Pagination
- Deleted 5 files of hand-rolled code (~1,574 lines removed):
breadcrumbs.tsx, simple-data-table.tsx, toast.tsx, toaster.tsx,
use-toast.tsx
- Net change: +266 lines across 61 files
## Test plan
- [ ] Verify workspace pages render with Sidebar layout and Breadcrumb
navigation
- [ ] Test mobile navigation Sheet drawer on narrow viewport
- [ ] Confirm Command palette opens with Cmd+K and searches projects
- [ ] Verify toast notifications work via Sonner across all forms
(connection cards, session actions, settings)
- [ ] Test HoverCard previews on session name links in sessions table
- [ ] Confirm Collapsible sections toggle in settings and create-session
dialog
- [ ] Test Pagination controls on workspaces and sessions tables
- [ ] Verify no regressions in session detail page
🤖 Generated with [Claude Code](https://claude.com/claude-code)
---------
Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-authored-by: Ambient Code Bot <bot@ambient-code.local>1 parent e40cecf commit c66dbae
72 files changed
Lines changed: 4835 additions & 1580 deletions
File tree
- components
- ambient-sdk/generator
- frontend
- src
- app
- admin/runtimes
- evaluate
- projects
- [name]
- keys
- sessions/[sessionName]
- components
- accordions
- modals
- hooks
- components
- chat
- session
- ui
- workspace-sections
- hooks
- lib
- runners/ambient-runner
- ambient_runner/endpoints
- tests
- scripts/pre-commit
Some content is hidden
Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
13 | 13 | | |
14 | 14 | | |
15 | 15 | | |
| 16 | + | |
16 | 17 | | |
17 | 18 | | |
18 | 19 | | |
| |||
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
299 | 299 | | |
300 | 300 | | |
301 | 301 | | |
302 | | - | |
303 | | - | |
| 302 | + | |
| 303 | + | |
304 | 304 | | |
305 | 305 | | |
306 | 306 | | |
| |||
345 | 345 | | |
346 | 346 | | |
347 | 347 | | |
348 | | - | |
| 348 | + | |
349 | 349 | | |
350 | 350 | | |
351 | 351 | | |
| |||
368 | 368 | | |
369 | 369 | | |
370 | 370 | | |
371 | | - | |
| 371 | + | |
372 | 372 | | |
373 | 373 | | |
374 | | - | |
| 374 | + | |
375 | 375 | | |
376 | 376 | | |
377 | 377 | | |
| |||
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
221 | 221 | | |
222 | 222 | | |
223 | 223 | | |
224 | | - | |
| 224 | + | |
225 | 225 | | |
226 | 226 | | |
227 | 227 | | |
| |||
0 commit comments