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>
2026-01-25 17:41:20 -08:00
parent 0a73d2238c
commit 0ac52c8c8d
6 changed files with 73 additions and 30 deletions
@@ -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-vibrant: linear-gradient(135deg, var(--trans-blue) 0%, var(--trans-pink) 35%, var(--trans-white) 50%, var(--trans-pink) 65%, var(--trans-blue) 100%);
+  --trans-gradient: linear-gradient(
+    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-vibrant: linear-gradient(135deg, var(--trans-blue) 0%, var(--trans-pink) 35%, var(--trans-white) 50%, var(--trans-pink) 65%, var(--trans-blue) 100%);
+  --trans-gradient: linear-gradient(
+    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-vibrant: linear-gradient(135deg, var(--trans-blue) 0%, var(--trans-pink) 35%, var(--trans-white) 50%, var(--trans-pink) 65%, var(--trans-blue) 100%);
+  --trans-gradient: linear-gradient(
+    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));
 }
@@ -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}"
@@ -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}
@@ -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
-                  onclick={() => handleAction(action)}
-                  class="w-full p-4 text-left"
-                >
+                <button 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>
@@ -53,10 +53,7 @@
          Current version: {updateInfo.current_version}
        </p>
        <div class="flex gap-2">
-          <button
-            onclick={openRelease}
-            class="btn-trans-gradient px-3 py-1.5 rounded text-sm"
-          >
+          <button onclick={openRelease} class="btn-trans-gradient px-3 py-1.5 rounded text-sm">
            View Release
          </button>
          <button
@@ -38,11 +38,7 @@ function createQuickActionsStore() {
    }
  }

-  async function createQuickAction(
-    name: string,
-    prompt: string,
-    icon: string
-  ): Promise<boolean> {
+  async function createQuickAction(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)}`,