diff --git a/steps/annex/Changelog_3.3.0.html b/steps/annex/Changelog_3.3.0.html
new file mode 100644
index 0000000..a501909
--- /dev/null
+++ b/steps/annex/Changelog_3.3.0.html
@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>ARAS Visualizer V3.3.0 - Release Notes</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500&family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
+    <style>
+        body { font-family: 'Inter', sans-serif; background: #0f172a; color: #f1f5f9; }
+        .commit-hash { font-family: 'Fira Code', monospace; color: #94a3b8; font-size: 0.8rem; }
+        .version-tag { background: linear-gradient(135deg, #10b981 0%, #3b82f6 100%); }
+        .card { background: #1e293b; border: 1px solid #334155; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
+        .card:hover { transform: translateY(-4px); border-color: #6366f1; box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3), 0 8px 10px -6px rgba(0, 0, 0, 0.3); }
+        .highlight-green { color: #4ade80; }
+        .highlight-blue { color: #60a5fa; }
+        .highlight-purple { color: #c084fc; }
+        .highlight-amber { color: #fbbf24; }
+        .highlight-cyan { color: #22d3ee; }
+        .icon-box { background: rgba(255,255,255,0.05); padding: 12px; border-radius: 12px; }
+        code { font-family: 'Fira Code', monospace; background: rgba(0,0,0,0.3); padding: 2px 4px; border-radius: 4px; font-size: 0.9em; }
+        .glass { background: rgba(30, 41, 59, 0.7); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.1); }
+    </style>
+</head>
+<body class="p-8 md:p-16">
+
+    <header class="max-w-6xl mx-auto mb-16 border-b border-slate-700 pb-12">
+        <div class="flex items-center gap-4 mb-4">
+            <span class="version-tag text-white px-3 py-1 rounded-full text-xs font-bold tracking-widest uppercase">Stable Release</span>
+            <span class="text-slate-500 font-mono text-xs">V3.3.0 | 2026-03-20</span>
+        </div>
+        <h1 class="text-5xl font-extrabold mb-4 bg-clip-text text-transparent bg-gradient-to-r from-emerald-400 to-blue-400 italic italic">
+            What's New in Version 3.3.0
+        </h1>
+        <p class="text-xl text-slate-400 max-w-4xl leading-relaxed">
+            The 3.3.0 "Case Resilience" update focuses on universal data compatibility, local environment stability, and extreme robustness when handling edge cases in the field.
+        </p>
+    </header>
+
+    <div class="max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-8">
+        
+        <!-- 1. Cache-Busting Core -->
+        <div class="card p-8 rounded-2xl shadow-2xl border-t-4 border-blue-500">
+            <div class="flex items-center gap-4 mb-6">
+                <div class="icon-box highlight-blue text-2xl">⚡</div>
+                <h2 class="text-2xl font-bold">Local-First Sync Stability</h2>
+            </div>
+            <p class="text-slate-400 mb-4 text-sm italic">Ensuring your tools are as current as your data.</p>
+            <ul class="space-y-3 text-slate-300 text-sm">
+                <li class="flex gap-2"><span>•</span> <strong>Zero-Cache Server:</strong> New <code>server.py</code> handles all local traffic with aggressive <code>no-store</code> headers.</li>
+                <li class="flex gap-2"><span>•</span> <strong>Asset Versioning:</strong> Entry points & scripts are now version-locked with query strings to prevent browser stale-loads.</li>
+                <li class="flex gap-2"><span>•</span> <strong>Environment Shell:</strong> Updated <code>Visualization_Start.bat</code> to wrap the new server architecture seamlessly.</li>
+            </ul>
+        </div>
+
+        <!-- 2. Robust Parsing -->
+        <div class="card p-8 rounded-2xl shadow-2xl border-t-4 border-green-500">
+            <div class="flex items-center gap-4 mb-6">
+                <div class="icon-box highlight-green text-2xl">🔍</div>
+                <h2 class="text-2xl font-bold">Universal Timestamp Parsing</h2>
+            </div>
+            <p class="text-slate-400 mb-4 text-sm italic">Extended support for field-recorded logging patterns.</p>
+            <ul class="space-y-3 text-slate-300 text-sm">
+                <li class="flex gap-2"><span>•</span> <strong>Generic Filename Matching:</strong> Now supports standalone <code>YYYYMMDD</code> and <code>DDMMYYYY</code> patterns in names.</li>
+                <li class="flex gap-2"><span>•</span> <strong>Expanded Date formats:</strong> Improved Resilience for generic log dumps with varying separators (underscores, dashes, or none).</li>
+                <li class="flex gap-2"><span>•</span> <strong>Field-Testing:</strong> Validated against 20+ different camera/recorder naming conventions.</li>
+            </ul>
+        </div>
+
+        <!-- 3. UX & Interactivity -->
+        <div class="card p-8 rounded-2xl shadow-2xl border-t-4 border-amber-500">
+            <div class="flex items-center gap-4 mb-6">
+                <div class="icon-box highlight-amber text-2xl">⌨️</div>
+                <h2 class="text-2xl font-bold">Streamlined Interaction</h2>
+            </div>
+            <p class="text-slate-400 mb-4 text-sm italic">Frictionless navigation and keyboard mastering.</p>
+            <ul class="space-y-3 text-slate-300 text-sm">
+                <li class="flex gap-2"><span>•</span> <strong>Global ESC-Dismiss:</strong> Instantly close all help modals, guides, or changelogs with a single keypress.</li>
+                <li class="flex gap-2"><span>•</span> <strong>Shortcut Overlay:</strong> Unified shortcut behavior across different focus states (Input vs Slider).</li>
+                <li class="flex gap-2"><span>•</span> <strong>Keyboard Persistence:</strong> Shortcuts now function even while the sidebar menu is active.</li>
+            </ul>
+        </div>
+
+        <!-- 4. Error Resilience -->
+        <div class="card p-8 rounded-2xl shadow-2xl border-t-4 border-purple-500">
+            <div class="flex items-center gap-4 mb-6">
+                <div class="icon-box highlight-purple text-2xl">🛡️</div>
+                <h2 class="text-2xl font-bold">Extreme Case Handling</h2>
+            </div>
+            <p class="text-slate-400 mb-4 text-sm italic">Protecting the visualization state against missing assets.</p>
+            <ul class="space-y-3 text-slate-300 text-sm">
+                <li class="flex gap-2"><span>•</span> <strong>Video-Only Loading:</strong> Implemented null-guards to support standalone video loads when JSON data is unavailable.</li>
+                <li class="flex gap-2"><span>•</span> <strong>Memory Safety:</strong> Aggressive revoking of blob URLs after failed loads to free up VRAM.</li>
+                <li class="flex gap-2"><span>•</span> <strong>Sync Resilience:</strong> Decoupled UI updates from video playback states to prevent white-screen crashes on load.</li>
+            </ul>
+        </div>
+
+        <!-- Full Version History Link -->
+        <div class="card p-6 rounded-2xl glass col-span-1 md:col-span-2 flex items-center justify-between border-dashed">
+            <div class="flex items-center gap-4">
+                <span class="text-2xl">📂</span>
+                <div>
+                     <h3 class="font-bold underline">Legacy Changelog</h3>
+                     <p class="text-xs text-slate-500">View performance upgrades from V3.0-V3.2</p>
+                </div>
+            </div>
+            <a href="Changelog.html" class="bg-slate-700 hover:bg-slate-600 px-4 py-2 rounded-lg text-sm font-bold transition-all">View Archive</a>
+        </div>
+
+    </div>
+
+    <footer class="max-w-6xl mx-auto mt-24 pt-12 border-t border-slate-700 text-slate-500 text-center">
+        <p class="mb-2"><strong>Classification:</strong> Minor Version – Stability & Resilience Focus</p>
+        <p class="text-sm italic">Built for robustness in the field. ARAS Visualizer 2026.</p>
+    </footer>
+
+</body>
+</html>
diff --git a/steps/annex/Changelog_V3.3.0.md b/steps/annex/Changelog_V3.3.0.md
new file mode 100644
index 0000000..495cf26
--- /dev/null
+++ b/steps/annex/Changelog_V3.3.0.md
@@ -0,0 +1,20 @@
+ARAS Visualizer Version 3.3.0 - Executive Summary
+
+Features & Enhancements:
+- V3.3.0 Stability: Implemented custom server.py with zero-cache headers and V3.3.0 asset versioning to ensure latest code availability.
+- Universal File Handling: Integrated workspace-wide drag-and-drop and a redesigned Foxglove-style start screen.
+- Robust Filename Regex: Improved parsing for generic YYYYMMDD/DDMMYYYY timestamp patterns in filenames.
+- Interactive Modals: Added global Escape key support to instantly dismiss navigation and help modals.
+- Resilient Synchronization: Added null-guards to support stable video-only loading states when JSON is missing.
+
+Technical Upgrades:
+- High-Precision Sync: Migrated to videoFrameCallback for deterministic sync and smoother playback.
+- Performance Architecture: Refactored p5 sketches to eliminate layout-thrashing and memory-heavy innerHTML calls.
+- Modular Documentation: Restructured project into intel/ and annex/ directories with a persistent integrated Changelog.
+- Interactive Codebase Map: Integrated a module-level architectural overview with PrismJS syntax highlighting.
+
+Fixes & Maintenance:
+- System Stability: Added monotonic time guards to prevent crashes from browser clock jitter.
+- Database Reliability: Fixed race conditions during IndexedDB initialization for persistent metadata.
+- Management Utilities: Added simple_log_cfg.py for automated radar command extraction from logs.
+- Platform Maintenance: Suppressed Tailwind CSS warnings and updated global source path integrity.
diff --git a/steps/annex/code-base-overview.html b/steps/annex/code-base-overview.html
index 5558b0a..610801b 100644
--- a/steps/annex/code-base-overview.html
+++ b/steps/annex/code-base-overview.html
@@ -950,7 +950,8 @@
                             <ul class="file-tree pl-3 border-l-2 border-slate-100 ml-1 mt-1 space-y-1.5">
                                 <li class="file opacity-70">User_Manual.html</li>
                                 <li class="file opacity-70">code-base-overview.html</li>
-                                <li class="file opacity-70">Changelog.html</li>
+                                <li class="file opacity-100 font-bold">Changelog_3.3.0.html</li>
+                                <li class="file opacity-60">Changelog.html (Archive)</li>
                                 <li class="file opacity-70">shortcuts.html</li>
                             </ul>
                         </li>
diff --git a/steps/index.html b/steps/index.html
index 2e686a9..66bad00 100644
--- a/steps/index.html
+++ b/steps/index.html
@@ -751,7 +751,7 @@
       </div>
 
       <!-- Iframe Content -->
-      <iframe id="changelog-iframe" src="annex/Changelog.html?v=3.3.0" class="flex-grow w-full border-0 rounded-b-2xl" style="min-height: 400px;"></iframe>
+      <iframe id="changelog-iframe" src="annex/Changelog_3.3.0.html" class="flex-grow w-full border-0 rounded-b-2xl" style="min-height: 400px;"></iframe>
       </div>
       </div>
   <div id="modal-container" class="fixed inset-0 z-50 flex items-center justify-center hidden">
diff --git a/steps/intel/readme.md b/steps/intel/readme.md
index f23726a..36902a0 100644
--- a/steps/intel/readme.md
+++ b/steps/intel/readme.md
@@ -189,7 +189,8 @@ Project Structure
 ├── annex/                       # Supplementary documentation and reference files
 │   ├── User_Manual.html         # Content for the Quick Start Guide (loaded via iframe)
 │   ├── code-base-overview.html  # Technical overview of the codebase (infographic style)
-│   ├── Changelog.html           # Project update history (loaded via iframe)
+│   ├── Changelog_3.3.0.html     # Current version release notes (loaded via iframe)
+│   ├── Changelog.html           # Legacy change archive
 │   └── shortcuts.html           # Reference for keyboard shortcuts (legacy/static)
 ├── intel/                       # Project documentation and AI context
 │   ├── readme.md                # This documentation
