|
webclient: W3 — migrate settings/sidebar/chip surfaces onto kit components
- AppSidebar: hand-styled <select> -> GnSelect (options computed from the profiles store); the ~60-line bespoke select styling in app.scss is now three compact overrides collapsing GnSelect's form chrome for the slim sidebar row - ApiKeysPanel: bespoke grid-table -> GnTable with cell slots (monospace key prefix, formatted dates, revoke GnIconButton in actions); loading state -> GnLoader; no-auth callout -> GnAlert(variant=warning) - NotificationSettingsPanel: unsupported-browser callout -> GnAlert(info) - SettingsView: header -> GnPageHeader (compact) with sidebar toggle in #actions - ShowTokenModal: token field -> GnInputGroup + GnCopyButton (drops the bespoke copy/useCopy wiring) - QueuedMessagesChip: .task-chip div -> GnChip (icon prop) Verified: vitest 111 passed, build OK, screenshots of / and #settings |
|---|
|
|
| webclient/src/components/chat/QueuedMessagesChip.vue |
|---|
| webclient/src/components/settings/ApiKeysPanel.vue |
|---|
| webclient/src/components/settings/NotificationSettingsPanel.vue |
|---|
| webclient/src/components/settings/SettingsView.vue |
|---|
| webclient/src/components/settings/ShowTokenModal.vue |
|---|
| webclient/src/components/sidebar/AppSidebar.vue |
|---|
| webclient/src/styles/app.scss |
|---|