From 57eccaf37375840641aa2c0a4fe66d8c37e33f50 Mon Sep 17 00:00:00 2001
From: jake <jakeadriansames@gmail.com>
Date: Mon, 16 Mar 2026 21:58:56 +0000
Subject: [PATCH] fix(kon): spinner direction, sidebar nav lock, rebrand to Kon
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Spinner: reversed sinhala-spin from counter-clockwise to clockwise
- Sidebar nav lock: removed {#key page.current} block that forced full
  destroy/recreate of pages on every navigation. DictationPage's AudioWorklet
  cleanup in onDestroy was blocking the UI during the {#key} destruction cycle.
  Now uses {#if} blocks only — smoother page transitions.
- Rebranded sidebar: Ramble → Kon, v0.2 → v1.0

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/app.css             |  2 +-
 src/lib/Sidebar.svelte  |  6 +++---
 src/routes/+page.svelte | 24 +++++++++++-------------
 3 files changed, 15 insertions(+), 17 deletions(-)

diff --git a/src/app.css b/src/app.css
index c273a57..9a91735 100644
--- a/src/app.css
+++ b/src/app.css
@@ -275,7 +275,7 @@ html.light .animate-glow-pulse {
 /* Sinhala character spin (decorative, during recording) */
 @keyframes sinhala-spin {
   from { transform: rotate(0deg); }
-  to { transform: rotate(-360deg); }
+  to { transform: rotate(360deg); }
 }
 .animate-sinhala-spin {
   animation: sinhala-spin 2s linear infinite;
diff --git a/src/lib/Sidebar.svelte b/src/lib/Sidebar.svelte
index 610c759..f104111 100644
--- a/src/lib/Sidebar.svelte
+++ b/src/lib/Sidebar.svelte
@@ -32,10 +32,10 @@
   <!-- Logo -->
   <div class="px-5 pt-4 pb-1">
     <div class="flex items-center gap-2">
-      <h1 class="font-display text-[26px] text-text tracking-tight leading-none italic">Ramble</h1>
+      <h1 class="font-display text-[26px] text-text tracking-tight leading-none italic">Kon</h1>
       <span
         class="text-[18px] text-accent inline-block {page.recording ? 'animate-sinhala-spin' : ''}"
-        title="Ramble"
+        title="Kon"
       >&#3559;</span>
     </div>
     <p class="text-[10px] text-text-tertiary mt-1.5 tracking-[0.12em] uppercase">Think out loud</p>
@@ -102,6 +102,6 @@
       ></span>
       <span class="text-[11px] text-text-secondary">{page.status}</span>
     </div>
-    <p class="text-[10px] text-text-tertiary mt-1.5">{settings.formatMode} · v0.2</p>
+    <p class="text-[10px] text-text-tertiary mt-1.5">{settings.formatMode} · v1.0</p>
   </div>
 </aside>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index c902d8a..deb8022 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -13,17 +13,15 @@
 </script>
 
 <div class="h-full overflow-hidden">
-  {#key page.current}
-    {#if page.current === "dictation"}
-      <DictationPage />
-    {:else if page.current === "files"}
-      <FilesPage />
-    {:else if page.current === "tasks"}
-      <TasksPage />
-    {:else if page.current === "history"}
-      <HistoryPage />
-    {:else if page.current === "settings"}
-      <SettingsPage />
-    {/if}
-  {/key}
+  {#if page.current === "dictation"}
+    <DictationPage />
+  {:else if page.current === "files"}
+    <FilesPage />
+  {:else if page.current === "tasks"}
+    <TasksPage />
+  {:else if page.current === "history"}
+    <HistoryPage />
+  {:else if page.current === "settings"}
+    <SettingsPage />
+  {/if}
 </div>