style: apply linter formatting and eslint-disable comments

- Format multiline CSS gradients for readability
- Clean up whitespace in Svelte components
- Add eslint-disable comments for controlled @html directives
- Format function signatures consistently

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

src/app.css

@@ -18,8 +18,20 @@
   --trans-blue: #5bcefa;
   --trans-pink: #f5a9b8;
   --trans-white: #ffffff;
-  --trans-gradient: linear-gradient(135deg, var(--trans-blue) 0%, var(--trans-pink) 50%, var(--trans-white) 100%);
+  --trans-gradient: linear-gradient(
-  --trans-gradient-vibrant: linear-gradient(135deg, var(--trans-blue) 0%, var(--trans-pink) 35%, var(--trans-white) 50%, var(--trans-pink) 65%, var(--trans-blue) 100%);
+    135deg,
+    var(--trans-blue) 0%,
+    var(--trans-pink) 50%,
+    var(--trans-white) 100%
+  );
+  --trans-gradient-vibrant: linear-gradient(
+    135deg,
+    var(--trans-blue) 0%,
+    var(--trans-pink) 35%,
+    var(--trans-white) 50%,
+    var(--trans-pink) 65%,
+    var(--trans-blue) 100%
+  );
 
   /* Terminal specific colors */
   --terminal-user: #22d3ee;
@@ -55,8 +67,20 @@
   --trans-blue: #5bcefa;
   --trans-pink: #f5a9b8;
   --trans-white: #ffffff;
-  --trans-gradient: linear-gradient(135deg, var(--trans-blue) 0%, var(--trans-pink) 50%, var(--trans-white) 100%);
+  --trans-gradient: linear-gradient(
-  --trans-gradient-vibrant: linear-gradient(135deg, var(--trans-blue) 0%, var(--trans-pink) 35%, var(--trans-white) 50%, var(--trans-pink) 65%, var(--trans-blue) 100%);
+    135deg,
+    var(--trans-blue) 0%,
+    var(--trans-pink) 50%,
+    var(--trans-white) 100%
+  );
+  --trans-gradient-vibrant: linear-gradient(
+    135deg,
+    var(--trans-blue) 0%,
+    var(--trans-pink) 35%,
+    var(--trans-white) 50%,
+    var(--trans-pink) 65%,
+    var(--trans-blue) 100%
+  );
 
   /* Terminal specific colors */
   --terminal-user: #0891b2;
@@ -92,8 +116,20 @@
   --trans-blue: #00d4ff;
   --trans-pink: #ff99cc;
   --trans-white: #ffffff;
-  --trans-gradient: linear-gradient(135deg, var(--trans-blue) 0%, var(--trans-pink) 50%, var(--trans-white) 100%);
+  --trans-gradient: linear-gradient(
-  --trans-gradient-vibrant: linear-gradient(135deg, var(--trans-blue) 0%, var(--trans-pink) 35%, var(--trans-white) 50%, var(--trans-pink) 65%, var(--trans-blue) 100%);
+    135deg,
+    var(--trans-blue) 0%,
+    var(--trans-pink) 50%,
+    var(--trans-white) 100%
+  );
+  --trans-gradient-vibrant: linear-gradient(
+    135deg,
+    var(--trans-blue) 0%,
+    var(--trans-pink) 35%,
+    var(--trans-white) 50%,
+    var(--trans-pink) 65%,
+    var(--trans-blue) 100%
+  );
 
   /* Terminal specific colors - bright and saturated */
   --terminal-user: #00ffff;
@@ -165,7 +201,9 @@ body {
 
 .btn-trans-gradient:hover:not(:disabled) {
   filter: brightness(1.1);
-  box-shadow: 0 0 20px rgba(91, 206, 250, 0.4), 0 0 30px rgba(245, 169, 184, 0.3);
+  box-shadow:
+    0 0 20px rgba(91, 206, 250, 0.4),
+    0 0 30px rgba(245, 169, 184, 0.3);
 }
 
 .btn-trans-gradient:disabled {
@@ -182,7 +220,10 @@ body {
 
 .input-trans-focus:focus {
   border-color: var(--trans-pink) !important;
-  box-shadow: 0 0 0 1px var(--trans-blue), 0 0 12px rgba(91, 206, 250, 0.3), 0 0 20px rgba(245, 169, 184, 0.2) !important;
+  box-shadow:
+    0 0 0 1px var(--trans-blue),
+    0 0 12px rgba(91, 206, 250, 0.3),
+    0 0 20px rgba(245, 169, 184, 0.2) !important;
   outline: none !important;
 }
 
@@ -193,5 +234,6 @@ body {
 
 .icon-trans-hover:hover {
   color: var(--trans-pink) !important;
-  filter: drop-shadow(0 0 6px rgba(91, 206, 250, 0.5)) drop-shadow(0 0 10px rgba(245, 169, 184, 0.4));
+  filter: drop-shadow(0 0 6px rgba(91, 206, 250, 0.5))
+    drop-shadow(0 0 10px rgba(245, 169, 184, 0.4));
 }

src/lib/components/AnimeGirl.svelte

@@ -34,15 +34,12 @@
         return "animate-idle";
     }
   }
-
+</script>
-  
 
 <div
   class="anime-girl-container flex flex-col items-center justify-between h-full p-4 overflow-hidden"
 >
->
+  <div class="character-frame relative flex-1 flex items-center justify-center min-h-0">
-  <div
-    class="character-frame relative flex-1 flex items-center justify-center min-h-0"
     <div class="sprite-container {getAnimationClass()} h-full flex items-center justify-center">
       <img
         src="/sprites/{info.spriteFile}"

src/lib/components/GitPanel.svelte

@@ -512,11 +512,18 @@
                       placeholder="New branch name..."
                       on:keydown={(e) => e.key === "Enter" && createBranch()}
                     />
-                    <button on:click={createBranch} disabled={actionInProgress} class="btn-trans-gradient">Create</button>
+                    <button
+                      on:click={createBranch}
+                      disabled={actionInProgress}
+                      class="btn-trans-gradient">Create</button
+                    >
                     <button on:click={() => (showBranchInput = false)}>Cancel</button>
                   </div>
                 {:else}
-                  <button on:click={() => (showBranchInput = true)} class="btn-trans-gradient new-branch-btn">
+                  <button
+                    on:click={() => (showBranchInput = true)}
+                    class="btn-trans-gradient new-branch-btn"
+                  >
                     ➕ New Branch
                   </button>
                 {/if}

src/lib/components/QuickActionsPanel.svelte

@@ -228,7 +228,13 @@
                     : 'bg-[var(--bg-secondary)] border-[var(--border-color)] text-[var(--text-secondary)] hover:border-[var(--accent-primary)]/50'}"
                   title={icon.label}
                 >
-                  <svg class="w-5 h-5 mx-auto" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                  <svg
+                    class="w-5 h-5 mx-auto"
+                    fill="none"
+                    stroke="currentColor"
+                    viewBox="0 0 24 24"
+                  >
+                    <!-- eslint-disable-next-line svelte/no-at-html-tags -- Icons are from controlled internal function -->
                     {@html getIconSvg(icon.id)}
                   </svg>
                 </button>
@@ -304,15 +310,13 @@
               <div
                 class="group relative bg-[var(--bg-secondary)] border border-[var(--border-color)] rounded-lg hover:border-[var(--accent-primary)]/50 transition-colors"
               >
-                <button
+                <button onclick={() => handleAction(action)} class="w-full p-4 text-left">
-                  onclick={() => handleAction(action)}
-                  class="w-full p-4 text-left"
-                >
                   <div class="flex items-center gap-3 mb-2">
                     <div
                       class="w-10 h-10 rounded-lg bg-[var(--accent-primary)]/10 flex items-center justify-center text-[var(--accent-primary)]"
                     >
                       <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <!-- eslint-disable-next-line svelte/no-at-html-tags -- Icons are from controlled internal function -->
                         {@html getIconSvg(action.icon)}
                       </svg>
                     </div>

src/lib/components/UpdateNotification.svelte

@@ -53,10 +53,7 @@
           Current version: {updateInfo.current_version}
         </p>
         <div class="flex gap-2">
-          <button
+          <button onclick={openRelease} class="btn-trans-gradient px-3 py-1.5 rounded text-sm">
-            onclick={openRelease}
-            class="btn-trans-gradient px-3 py-1.5 rounded text-sm"
-          >
             View Release
           </button>
           <button

src/lib/stores/quickActions.ts

@@ -38,11 +38,7 @@ function createQuickActionsStore() {
     }
   }
 
-  async function createQuickAction(
+  async function createQuickAction(name: string, prompt: string, icon: string): Promise<boolean> {
-    name: string,
-    prompt: string,
-    icon: string
-  ): Promise<boolean> {
     const now = new Date().toISOString();
     const action: QuickAction = {
       id: `custom-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`,