fixed most svelte issues

bin/web/src/lib/components/AnalysisStatus.svelte

@@ -1,35 +1,39 @@
 <script lang="ts">
-	import { AnalysisStatus } from "$lib/analysisManager";
-	import { EventType } from "$lib/analysis";
-	import type { ManifestEntry } from "$lib/manifest";
-    let { entry }: {
+	import { AnalysisStatus } from "$lib/analysisManager.svelte";
+	import { EventType } from "$lib/analysis.svelte";
+	import type { ManifestEntry } from "$lib/manifest.svelte";
+    let { entry, analysis_status }: {
         entry: ManifestEntry,
+        analysis_status: AnalysisStatus | undefined,
     } = $props();
 
-    let summary = $state('Loading...');
-    if (entry.analysis_status === AnalysisStatus.Queued) {
-        summary = 'Queued...';
-    } else if (entry.analysis_status === AnalysisStatus.Running) {
-        summary = 'Running...';
-    } else if (entry.analysis_status === AnalysisStatus.Finished) {
-        if (entry.analysis_report === undefined) {
-            summary = 'Loading...';
-        } else if (typeof(entry.analysis_report) === 'string') {
-            summary = entry.analysis_report;
-        } else {
-            let num_warnings = 0;
-            for (let row of entry.analysis_report.rows) {
-                for (let analysis of row.analysis) {
-                    for (let event of analysis.events) {
-                        if (event.type === EventType.Warning) {
-                            num_warnings += 1;
+    let summary = $derived.by(() => {
+        if (analysis_status === AnalysisStatus.Queued) {
+            return 'Queued...';
+        } else if (entry.analysis_status === AnalysisStatus.Running) {
+            return 'Running...';
+        } else if (entry.analysis_status === AnalysisStatus.Finished) {
+            if (entry.analysis_report === undefined) {
+                return 'Loading...';
+            } else if (typeof(entry.analysis_report) === 'string') {
+                return entry.analysis_report;
+            } else {
+                let num_warnings = 0;
+                for (let row of entry.analysis_report.rows) {
+                    for (let analysis of row.analysis) {
+                        for (let event of analysis.events) {
+                            if (event.type === EventType.Warning) {
+                                num_warnings += 1;
+                            }
                         }
                     }
                 }
+                return `${num_warnings} warnings`;
             }
-            summary = `${num_warnings} warnings`;
+        } else {
+            return 'Loading...';
         }
-    }
+    })
 </script>
 
 <p>

bin/web/src/lib/components/ManifestTable.svelte

@@ -1,10 +1,11 @@
 <script lang="ts">
-    import { Manifest, ManifestEntry } from "$lib/manifest";
+    import { Manifest, ManifestEntry } from "$lib/manifest.svelte";
     import TableRow from "./ManifestTableRow.svelte";
     interface Props {
-        manifest: Manifest;
+        entries: ManifestEntry[];
+        current_entry: ManifestEntry | undefined;
     }
-    let { manifest }: Props = $props();
+    let { entries, current_entry }: Props = $props();
 </script>
 
 <table>
@@ -20,10 +21,10 @@
         </tr>
     </thead>
     <tbody>
-        {#if manifest.current_entry !== undefined}
-            <TableRow entry={manifest.current_entry} current={true} />
+        {#if current_entry !== undefined}
+            <TableRow entry={current_entry} current={true} />
         {/if}
-        {#each manifest.entries as entry}
+        {#each entries as entry}
             <TableRow entry={entry} current={false} />
         {/each}
     </tbody>

bin/web/src/lib/components/ManifestTableRow.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { ManifestEntry } from "$lib/manifest";
+    import { ManifestEntry } from "$lib/manifest.svelte";
     import DownloadLink from '$lib/components/DownloadLink.svelte';
 	import AnalysisStatus from "./AnalysisStatus.svelte";
     let { entry, current }: {
@@ -17,7 +17,7 @@
     <td>{entry.qmdl_size_bytes}</td>
     <td><DownloadLink url={entry.getPcapUrl()} text="pcap" /></td>
     <td><DownloadLink url={entry.getQmdlUrl()} text="qmdl" /></td>
-    <td><AnalysisStatus entry={entry} /></td>
+    <td><AnalysisStatus analysis_status={entry.analysis_status} entry={entry} /></td>
 </tr>
 
 <style>

bin/web/src/lib/components/RecordingControls.svelte

@@ -0,0 +1,25 @@
+<script lang="ts">
+    import { req } from "$lib/utils.svelte";
+    let { currently_recording }: {
+        currently_recording: boolean;
+    } = $props();
+
+    async function start_recording() {
+        await req('POST', '/api/start-recording');
+    }
+
+    async function stop_recording() {
+        await req('POST', '/api/stop-recording');
+    }
+</script>
+
+<div>
+    {#if currently_recording}
+        <button onclick={stop_recording}>Stop Recording</button>
+    {:else}
+        <button onclick={start_recording}>Start Recording</button>
+    {/if}
+</div>
+
+<style>
+</style>