Unified version management - single source of truth

- Created frontend/src/lib/version.js as single source for APP_VERSION
- All components now import from version.js instead of hardcoding
- Version only needs to be updated in one place (version.js)
- Updated: App.svelte, AboutTab.svelte, settings.js

Author: risunCode

frontend/package-lock.json

@@ -1 +1 @@
-7e528c2bb45911eeee9e336e4cc1efc3
+5db36fdc40b9759b108d401dc0ceb972

frontend/package.json.md5

@@ -1,6 +1,7 @@
 <script>
   import { onMount, onDestroy } from 'svelte';
   import { RotateCcw, Database, Settings, FileText, Info, Github, User, Sliders, Clock } from 'lucide-svelte';
+  import { APP_VERSION } from './lib/version.js';
   import ResetTab from './lib/ResetTab.svelte';
   import SessionsTab from './lib/SessionsTab.svelte';
   import ConfigTab from './lib/ConfigTab.svelte';
@@ -138,7 +139,7 @@
     <header class="h-12 bg-[var(--bg-elevated)] border-b border-[var(--border)] flex items-center justify-between px-4 transition-colors">
       <h1 class="text-lg font-semibold text-[var(--text-primary)]">
         SurfManager
-        <span class="text-xs text-[var(--text-muted)] ml-2">v2.0.2</span>
+        <span class="text-xs text-[var(--text-muted)] ml-2">v{APP_VERSION}</span>
       </h1>
       <div class="flex items-center gap-4 text-sm text-[var(--text-muted)]">
         <span class="flex items-center gap-1.5 px-3 py-1 rounded-full bg-[var(--bg-card)] border border-[var(--border)]">

frontend/src/App.svelte

@@ -2,6 +2,7 @@
   import { onMount } from 'svelte';
   import { Github, Heart, ExternalLink, Star, GitFork } from 'lucide-svelte';
   import { GetPlatformInfo } from '../../wailsjs/go/main/App.js';
+  import { APP_VERSION } from './version.js';
 
   let platform = {};
 
@@ -49,7 +50,7 @@
       <div class="space-y-5">
         <!-- Version -->
         <div>
-          <span class="text-[var(--primary-light)] font-bold text-2xl">v2.0.2</span>
+          <span class="text-[var(--primary-light)] font-bold text-2xl">v{APP_VERSION}</span>
           <span class="text-[var(--text-muted)] text-sm ml-2">Go + Wails + Svelte</span>
         </div>
 

frontend/src/lib/AboutTab.svelte

@@ -1,8 +1,8 @@
 // Settings store with localStorage persistence
 import { writable, get } from 'svelte/store';
+import { APP_VERSION } from '../version.js';
 
 const STORAGE_KEY = 'surfmanager-settings';
-const SETTINGS_VERSION = '2.0.2';
 
 const defaultSettings = {
   // General
@@ -82,7 +82,7 @@ function createSettingsStore() {
     exportSettings: () => {
       const currentSettings = get({ subscribe });
       const exportData = {
-        version: SETTINGS_VERSION,
+        version: APP_VERSION,
         exported_at: new Date().toISOString(),
         settings: {
           // General

frontend/src/lib/stores/settings.js

@@ -0,0 +1,2 @@
+// Single source of truth for app version
+export const APP_VERSION = '2.0.2';