fix: dashboard nav links now include /dashboard base path prefix

All sidebar links, mobile nav links, command palette navigation, logo link,
and the graph page "Explore Connections" link now correctly use SvelteKit's
base path. Also fixes favicon.svg and manifest.json paths in app.html.

Fixes: https://github.com/samvallad33/vestige/issues/17

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Alphaleonis 2026-03-13 23:37:20 +01:00
parent 85fcaedcef
commit b05168ba9d
197 changed files with 246 additions and 256 deletions

View file

@ -8,9 +8,9 @@
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-title" content="Vestige" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<link rel="apple-touch-icon" href="/favicon.svg" />
<link rel="manifest" href="/manifest.json" />
<link rel="icon" type="image/svg+xml" href="%sveltekit.assets%/favicon.svg" />
<link rel="apple-touch-icon" href="%sveltekit.assets%/favicon.svg" />
<link rel="manifest" href="%sveltekit.assets%/manifest.json" />
%sveltekit.head%
<title>Vestige</title>
</head>

View file

@ -1,5 +1,6 @@
<script lang="ts">
import { onMount } from 'svelte';
import { base } from '$app/paths';
import Graph3D from '$components/Graph3D.svelte';
import RetentionCurve from '$components/RetentionCurve.svelte';
import TimeSlider from '$components/TimeSlider.svelte';
@ -289,7 +290,7 @@
<!-- Explore from this node -->
<a
href="/explore"
href="{base}/explore"
class="block text-center px-3 py-2 rounded-xl bg-dream/10 text-dream-glow text-xs hover:bg-dream/20 transition border border-dream/20"
>
◬ Explore Connections

View file

@ -83,7 +83,7 @@
function cmdNavigate(href: string) {
showCommandPalette = false;
cmdQuery = '';
goto(href);
goto(`${base}${href}`);
}
</script>
@ -98,7 +98,7 @@
<!-- Desktop Sidebar (hidden on mobile) -->
<nav class="hidden md:flex w-16 lg:w-56 flex-shrink-0 glass-sidebar flex-col">
<!-- Logo -->
<a href="/graph" class="flex items-center gap-3 px-4 py-5 border-b border-synapse/10">
<a href="{base}/graph" class="flex items-center gap-3 px-4 py-5 border-b border-synapse/10">
<div class="w-8 h-8 rounded-lg bg-gradient-to-br from-dream to-synapse flex items-center justify-center text-bright text-sm font-bold shadow-lg shadow-synapse/20">
V
</div>
@ -110,7 +110,7 @@
{#each nav as item}
{@const active = isActive(item.href, $page.url.pathname)}
<a
href={item.href}
href="{base}{item.href}"
class="flex items-center gap-3 px-3 py-2.5 rounded-lg transition-all duration-200 text-sm
{active
? 'bg-synapse/15 text-synapse-glow border border-synapse/30 shadow-[0_0_12px_rgba(99,102,241,0.15)] nav-active-border'
@ -160,7 +160,7 @@
{#each mobileNav as item}
{@const active = isActive(item.href, $page.url.pathname)}
<a
href={item.href}
href="{base}{item.href}"
class="flex flex-col items-center gap-0.5 px-3 py-2 rounded-lg transition-all min-w-[3.5rem]
{active ? 'text-synapse-glow' : 'text-muted'}"
>