Skip to content

feat(ui): add right panel customization#615

Open
pascalandr wants to merge 2 commits into
NeuralNomadsAI:devfrom
pascalandr:feat/right-panel-customization
Open

feat(ui): add right panel customization#615
pascalandr wants to merge 2 commits into
NeuralNomadsAI:devfrom
pascalandr:feat/right-panel-customization

Conversation

@pascalandr

@pascalandr pascalandr commented Jul 20, 2026

Copy link
Copy Markdown
Contributor

Summary

  • Add a typed right-panel registry for native tabs and Status sections.
  • Let users show, hide, and reorder right-panel tabs and Status subpanels, including drag/drop and Up/Down controls.
  • Persist customization through the existing client layout preference store.

Why

Validation

  • npm exec --no -- tsx --test packages/ui/src/components/instance/shell/right-panel/registry.test.ts
  • npm run typecheck --workspace @codenomad/ui
  • npm run build --workspace @codenomad/ui
  • git diff --check

Add a small typed right panel registry so core tabs and status sections can be treated as configurable panel items. The right panel now lets users show, hide, and reorder tabs and Status subpanels, with preferences persisted in localStorage.

Keep the implementation internal for now rather than adding a plugin loader; NeuralNomadsAI#193's full external plugin architecture is larger than this UI customization layer. Add registry unit coverage for ordering, visibility, duplicate ids, moves, and malformed persisted data.

Validation: npm exec --no -- tsx --test packages/ui/src/components/instance/shell/right-panel/registry.test.ts; npm run typecheck --workspace @codenomad/ui; npm run build --workspace @codenomad/ui; git diff --check
@github-actions

Copy link
Copy Markdown

PR builds are available as GitHub Actions artifacts:

https://github.com/NeuralNomadsAI/CodeNomad/actions/runs/29745803169

Artifacts expire in 7 days.
Artifacts:

  • pr-615-b660c8259c76451fb5d4b489e35cf7c631e723d7-tauri-macos
  • pr-615-b660c8259c76451fb5d4b489e35cf7c631e723d7-tauri-windows
  • pr-615-b660c8259c76451fb5d4b489e35cf7c631e723d7-electron-macos
  • pr-615-b660c8259c76451fb5d4b489e35cf7c631e723d7-tauri-linux
  • pr-615-b660c8259c76451fb5d4b489e35cf7c631e723d7-tauri-macos-arm64
  • pr-615-b660c8259c76451fb5d4b489e35cf7c631e723d7-electron-linux
  • pr-615-b660c8259c76451fb5d4b489e35cf7c631e723d7-electron-windows

Tighten the right panel customization UI after review by adding contextual move labels for assistive tech, making the drawer layout fit the narrow 200px panel, and removing newly introduced rounded styling.

Complete the customization translation keys for German and Nepali and add the contextual move labels to all supported locales. Restore the default Status section order so Yolo mode remains before provider usage while keeping user reordering intact.

Validated with the focused registry test, UI typecheck, diff whitespace check, UI build, and a final gatekeeper pass.
@pascalandr

pascalandr commented Jul 20, 2026

Copy link
Copy Markdown
Contributor Author

Final gatekeeper pass: no findings.

Validation run:

  • npm exec --no -- tsx --test packages/ui/src/components/instance/shell/right-panel/registry.test.ts
  • npm run typecheck --workspace @codenomad/ui
  • git diff --check
  • npm run build --workspace @codenomad/ui

Follow-up fix commit pushed: b2d3041.

Covered fixes:

  • contextual move labels
  • narrow drawer layout
  • missing de/ne i18n keys
  • no-new-rounded styling
  • restored Status default order

@github-actions

Copy link
Copy Markdown

PR builds are available as GitHub Actions artifacts:

https://github.com/NeuralNomadsAI/CodeNomad/actions/runs/29747972767

Artifacts expire in 7 days.
Artifacts:

  • pr-615-b2d30411c11ad584e13ccf8f4e3e0e42b6a1dd8e-tauri-macos
  • pr-615-b2d30411c11ad584e13ccf8f4e3e0e42b6a1dd8e-tauri-windows
  • pr-615-b2d30411c11ad584e13ccf8f4e3e0e42b6a1dd8e-electron-macos
  • pr-615-b2d30411c11ad584e13ccf8f4e3e0e42b6a1dd8e-tauri-linux
  • pr-615-b2d30411c11ad584e13ccf8f4e3e0e42b6a1dd8e-tauri-macos-arm64
  • pr-615-b2d30411c11ad584e13ccf8f4e3e0e42b6a1dd8e-electron-linux
  • pr-615-b2d30411c11ad584e13ccf8f4e3e0e42b6a1dd8e-electron-windows

@github-actions

Copy link
Copy Markdown

PR builds are available as GitHub Actions artifacts:

https://github.com/NeuralNomadsAI/CodeNomad/actions/runs/29762494456

Artifacts expire in 7 days.
Artifacts:

  • pr-615-b2d30411c11ad584e13ccf8f4e3e0e42b6a1dd8e-tauri-windows
  • pr-615-b2d30411c11ad584e13ccf8f4e3e0e42b6a1dd8e-tauri-macos
  • pr-615-b2d30411c11ad584e13ccf8f4e3e0e42b6a1dd8e-electron-macos
  • pr-615-b2d30411c11ad584e13ccf8f4e3e0e42b6a1dd8e-tauri-linux
  • pr-615-b2d30411c11ad584e13ccf8f4e3e0e42b6a1dd8e-tauri-macos-arm64
  • pr-615-b2d30411c11ad584e13ccf8f4e3e0e42b6a1dd8e-electron-linux
  • pr-615-b2d30411c11ad584e13ccf8f4e3e0e42b6a1dd8e-electron-windows

@pascalandr

pascalandr commented Jul 20, 2026

Copy link
Copy Markdown
Contributor Author

Stacked follow-up PR opened for right-panel plugin manifest/lifecycle loading: #617

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