Feat(nav): surface Advanced Tools sub-tools in the navigation

Turn the nav's "Advanced Tools" item into a discoverable menu of its
sub-tools instead of a bare scroll link:

- Desktop: a NavigationMenu (shadcn-vue) opens on hover; clicking the
  label keeps the original behavior of scrolling to the section.
- Mobile drawer: an inline Collapsible, expanded by default, so phone
  users see the bottom-of-page tools when they open the nav.
- Picking a tool scrolls to the Advanced Tools section, then opens that
  tool's in-page drawer (no jump to a standalone page). The list mirrors
  Advanced.vue's original-site gating so unavailable tools aren't shown.

Also swap the Preferences icon to Cog (nav button + panel header), and
add the navigation-menu primitive via shadcn-vue.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
jason5ng32andClaude Opus 4.8 committed 2026-06-16 10:52:50 +08:00
1 parent 08ea809c2c
commit 976e971371
12 files changed
+397 -25

No files matched your search

+13 -13
View File
@@ -73,7 +73,7 @@ importers:
version: 1.11.13
http-proxy-middleware:
specifier: ^4.1.0
version: 4.1.0
version: 4.1.0(supports-color@5.5.0)
maxmind:
specifier: ^5.0.6
version: 5.0.6
@@ -140,7 +140,7 @@ importers:
version: 6.0.7(vite@8.0.16(@types/node@24.1.0)(jiti@2.7.0)(yaml@2.9.0))(vue@3.5.38)
code-inspector-plugin:
specifier: ^1.6.0
version: 1.6.0
version: 1.6.0(supports-color@5.5.0)
nodemon:
specifier: ^3.1.14
version: 3.1.14
@@ -2248,45 +2248,45 @@ snapshots:
'@cloudflare/speedtest@1.10.1': {}
'@code-inspector/core@1.6.0':
'@code-inspector/core@1.6.0(supports-color@5.5.0)':
dependencies:
'@vue/compiler-dom': 3.5.35
chalk: 4.1.2
dotenv: 16.6.1
launch-ide: 1.4.3
portfinder: 1.0.38
portfinder: 1.0.38(supports-color@5.5.0)
transitivePeerDependencies:
- supports-color
'@code-inspector/esbuild@1.6.0':
dependencies:
'@code-inspector/core': 1.6.0
'@code-inspector/core': 1.6.0(supports-color@5.5.0)
transitivePeerDependencies:
- supports-color
'@code-inspector/mako@1.6.0':
dependencies:
'@code-inspector/core': 1.6.0
'@code-inspector/core': 1.6.0(supports-color@5.5.0)
transitivePeerDependencies:
- supports-color
'@code-inspector/turbopack@1.6.0':
dependencies:
'@code-inspector/core': 1.6.0
'@code-inspector/core': 1.6.0(supports-color@5.5.0)
'@code-inspector/webpack': 1.6.0
transitivePeerDependencies:
- supports-color
'@code-inspector/vite@1.6.0':
dependencies:
'@code-inspector/core': 1.6.0
'@code-inspector/core': 1.6.0(supports-color@5.5.0)
chalk: 4.1.1
transitivePeerDependencies:
- supports-color
'@code-inspector/webpack@1.6.0':
dependencies:
'@code-inspector/core': 1.6.0
'@code-inspector/core': 1.6.0(supports-color@5.5.0)
transitivePeerDependencies:
- supports-color
@@ -3250,9 +3250,9 @@ snapshots:
clsx@2.1.1: {}
code-inspector-plugin@1.6.0:
code-inspector-plugin@1.6.0(supports-color@5.5.0):
dependencies:
'@code-inspector/core': 1.6.0
'@code-inspector/core': 1.6.0(supports-color@5.5.0)
'@code-inspector/esbuild': 1.6.0
'@code-inspector/mako': 1.6.0
'@code-inspector/turbopack': 1.6.0
@@ -3547,7 +3547,7 @@ snapshots:
http-parser-js@0.5.10: {}
http-proxy-middleware@4.1.0:
http-proxy-middleware@4.1.0(supports-color@5.5.0):
dependencies:
debug: 4.4.3(supports-color@5.5.0)
httpxy: 0.5.3
@@ -3877,7 +3877,7 @@ snapshots:
exsolve: 1.0.8
pathe: 2.0.3
portfinder@1.0.38:
portfinder@1.0.38(supports-color@5.5.0):
dependencies:
async: 3.2.6
debug: 4.4.3(supports-color@5.5.0)