feat: add clip export with lossless/precise modes and export dialog

Co-authored-by: Cursor <cursoragent@cursor.com>

src/lib/components/ClipList.svelte

@@ -8,6 +8,8 @@
   import { formatTime, parseTime } from '$lib/utils/time';
   import { session } from '$lib/stores/videoSession.svelte';
 
+  let { onExport }: { onExport?: () => void } = $props();
+
   let clips = $derived(clipStore.clips);
   let selectedId = $derived(clipStore.selectedClipId);
 
@@ -89,6 +91,11 @@
         >✕</button>
       </div>
     {/each}
+    {#if onExport}
+      <div class="export-buttons">
+        <button type="button" onclick={() => onExport()}>Export All</button>
+      </div>
+    {/if}
   {/if}
 </div>
 
@@ -116,6 +123,17 @@
     margin-bottom: 4px;
   }
 
+  .export-buttons {
+    margin-top: 8px;
+    padding-top: 8px;
+    border-top: 1px solid var(--border);
+  }
+
+  .export-buttons button {
+    font-size: 13px;
+    padding: 6px 12px;
+  }
+
   .clip-row {
     display: flex;
     align-items: center;