feat: add streamer mode for privacy during streaming

- Add quick toggle button in InputBar for easy access
- Mask API keys in settings when streamer mode active
- Optional path masking to hide usernames in file paths
- Visual LIVE indicator in both InputBar and StatusBar
- Keyboard shortcut Ctrl+Shift+S for quick toggle
- Privacy section in settings for additional options

Closes #35

src/lib/components/InputBar.svelte

@@ -25,6 +25,7 @@
     isSlashCommand,
     type SlashCommand,
   } from "$lib/commands/slashCommands";
+  import { configStore, isStreamerMode } from "$lib/stores/config";
   import AttachmentPreview from "$lib/components/AttachmentPreview.svelte";
   import SnippetLibraryPanel from "$lib/components/SnippetLibraryPanel.svelte";
   import QuickActionsPanel from "$lib/components/QuickActionsPanel.svelte";
@@ -46,6 +47,11 @@
   let showSnippetLibrary = $state(false);
   let showQuickActions = $state(false);
   let showClipboardHistory = $state(false);
+  let streamerModeActive = $state(false);
+
+  isStreamerMode.subscribe((value) => {
+    streamerModeActive = value;
+  });
 
   // Input history state
   let inputHistory = $state<string[]>([]);
@@ -765,6 +771,34 @@ User: ${formattedMessage}`;
 
   <div class="input-controls flex gap-2 mb-2">
     <MessageModeSelector />
+    <button
+      type="button"
+      onclick={() => configStore.toggleStreamerMode()}
+      class="control-button streamer-toggle"
+      class:streamer-active={streamerModeActive}
+      title="Toggle Streamer Mode (Ctrl+Shift+S)"
+    >
+      {#if streamerModeActive}
+        <div class="live-indicator"></div>
+        <span>LIVE</span>
+      {:else}
+        <svg
+          width="16"
+          height="16"
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        >
+          <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" />
+          <circle cx="12" cy="12" r="3" />
+          <line x1="1" y1="1" x2="23" y2="23" />
+        </svg>
+        <span>Stream</span>
+      {/if}
+    </button>
     <button
       type="button"
       onclick={() => (showQuickActions = true)}
@@ -992,6 +1026,46 @@ User: ${formattedMessage}`;
     transform: scale(0.95);
   }
 
+  .streamer-toggle.streamer-active {
+    background: rgba(239, 68, 68, 0.2);
+    border-color: rgb(239, 68, 68);
+    color: rgb(248, 113, 113);
+    animation: pulse-red 2s ease-in-out infinite;
+  }
+
+  .streamer-toggle.streamer-active:hover {
+    background: rgba(239, 68, 68, 0.3);
+    border-color: rgb(248, 113, 113);
+  }
+
+  .live-indicator {
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    background: rgb(239, 68, 68);
+    animation: pulse-dot 1.5s ease-in-out infinite;
+  }
+
+  @keyframes pulse-red {
+    0%,
+    100% {
+      box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4);
+    }
+    50% {
+      box-shadow: 0 0 0 4px rgba(239, 68, 68, 0);
+    }
+  }
+
+  @keyframes pulse-dot {
+    0%,
+    100% {
+      opacity: 1;
+    }
+    50% {
+      opacity: 0.5;
+    }
+  }
+
   .input-row {
     display: flex;
     gap: 12px;