Skip to content

refactor: split Manage.vue into per-tab components - #36

Merged
sg merged 1 commit into
mainfrom
refactor/manage-tabs
Jul 5, 2026
Merged

refactor: split Manage.vue into per-tab components#36
sg merged 1 commit into
mainfrom
refactor/manage-tabs

Conversation

@sg

@sg sg commented Jul 5, 2026

Copy link
Copy Markdown
Owner

What changed

  • Manage.vue (1,517 lines) reduced to a 202-line shell: tab bar, error/notice banner, shared fetch-cache (fetchTab/reload/run), picker-name caches, and the runtime-settings state, provided to tabs via provide/inject (manage/context.js).
  • One component per tab under views/manage/: Stats, Radio, Contacts, Channels, Users, Groups, Commands, Audit, Database — markup and logic moved verbatim; scoped styles moved with their tab.
  • Shared pieces: SettingRows.vue (registry-driven setting rows, used by Radio + Commands), cells.js (generic table cell helpers).
  • <KeepAlive> preserves per-tab UI state (search text, SQL drafts, selections) across switches, matching the old single-file behavior; Contacts arrow-key nav binds on activate/deactivate accordingly.

Why

Editing one tab no longer means scrolling a 1,500-line file; per-tab concerns are isolated.

Breaking changes

None (no backend changes; npm run build clean).

🤖 Generated with Claude Code

@sg
sg merged commit db30d77 into main Jul 5, 2026
1 check passed
@sg
sg deleted the refactor/manage-tabs branch July 5, 2026 19:11
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