refactor(query-tool): align UI to semantic CSS classes matching system-wide conventions

Convert all 18 query-tool Vue components from Tailwind utility classes to
semantic CSS classes (.header, .card, .btn-primary, .query-tool-tab, etc.)
consistent with reject-history, hold-overview, and other pages. Create
self-contained style.css with design tokens, base classes, and page-specific
styles. Fix portal-shell native module loader to load query-tool/style.css
instead of resource-shared/styles.css. Add CSS link tags to Django template
for standalone page rendering.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
egg
2026-02-23 13:56:14 +08:00
parent 5d570ca7a2
commit db756eb333
22 changed files with 837 additions and 403 deletions

View File

@@ -25,7 +25,7 @@ test('all route contracts satisfy governance metadata requirements', () => {
});
test('admin shell targets are governed and rendered as external targets', () => {
test('admin shell targets are governed with correct render modes', () => {
const pagesContract = getRouteContract('/admin/pages');
const perfContract = getRouteContract('/admin/performance');
@@ -34,7 +34,7 @@ test('admin shell targets are governed and rendered as external targets', () =>
assert.equal(pagesContract.visibilityPolicy, 'admin_only');
assert.equal(perfContract.visibilityPolicy, 'admin_only');
assert.equal(pagesContract.renderMode, 'external');
assert.equal(perfContract.renderMode, 'external');
assert.equal(perfContract.renderMode, 'native');
});