refactor: Update version to 0.4.0 and document Alpine.js integration in changelog

CHANGELOG.md

@@ -21,6 +21,18 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 ### Removed
 - (Removed features will be listed here)
 
+---
+## [0.4.0] - 2025-11-26
+
+### Changed
+- **Alpine.js Integration**: Migrated interactive UI components to Alpine.js framework for improved reactivity and maintainability
+  - Chart Builder controls now use Alpine.js reactive data binding
+  - Preview Panel fit mode controls migrated to Alpine stores
+  - Toast notification system backed by Alpine store with declarative rendering
+  - Simplified state management with reactive Alpine stores
+  - No user-facing behavior changes (internal architecture refactor)
+  - Improved code organization and reduced DOM manipulation complexity
+
 ---
 ## [0.2.0] - 2025-11-17
 

index.html

@@ -36,7 +36,7 @@
         <div class="header-left">
             <img src="src/favicon.svg" class="header-icon" alt="Astrolabe">
             <span class="header-title">Astrolabe</span>
-            <span class="version-badge" id="app-version-badge">v0.3.0</span>
+            <span class="version-badge" id="app-version-badge">v0.4.0</span>
         </div>
         <div class="header-links">
             <span class="header-link" id="import-link" title="Import snippets and datasets">Import</span>

src/js/config.js

@@ -1,5 +1,5 @@
 // Application version (update with each release)
-const APP_VERSION = '0.3.0';
+const APP_VERSION = '0.4.0';
 
 // Global variables and configuration
 let editor; // Global editor instance

sw.js

@@ -1,5 +1,5 @@
 // IMPORTANT: Update this version with each release (must match APP_VERSION in config.js)
-const CACHE_NAME = 'astrolabe-v0.3.0';
+const CACHE_NAME = 'astrolabe-v0.4.0';
 const URLS_TO_CACHE = [
   '/',
   '/index.html',