feat(import): show import tracker + 'transcribed with' model in meeting view

src/lib/views/TranscriptNotes.svelte

@@ -11,7 +11,9 @@
   import { renderMarkdown } from "../markdown";
   import { save, open } from "@tauri-apps/plugin-dialog";
   import { layout, clamp } from "../stores/layout.svelte";
+  import { imports } from "../stores/imports.svelte";
   import Splitter from "../components/Splitter.svelte";
+  import ImportTracker from "../components/ImportTracker.svelte";
   import {
     Bold,
     Italic,
@@ -341,6 +343,15 @@
       onchange={onTitleChange}
       aria-label={t("transcript.title_aria")}
     />
+    {#if m.status === "transcribing" || imports.get(m.id)}
+      <div class="import-strip"><ImportTracker meetingId={m.id} /></div>
+    {:else if m.model_used}
+      <p class="engine-meta" title={t("transcript.transcribed_with")}>
+        {t("transcript.transcribed_with")}
+        <strong>{m.model_used}</strong>{#if m.backend_used}
+          · {m.backend_used}{/if}
+      </p>
+    {/if}
     <div
       class="split"
       style="grid-template-columns: {splitColumns()};"
@@ -734,6 +745,21 @@
     background: var(--border);
     outline: none;
   }
+  .import-strip {
+    flex: none;
+    padding: 0 1rem 0.5rem;
+  }
+  .engine-meta {
+    flex: none;
+    margin: 0;
+    padding: 0 1rem 0.4rem;
+    font-size: 0.75rem;
+    color: var(--muted);
+  }
+  .engine-meta strong {
+    font-weight: 600;
+    color: var(--fg);
+  }
   .pad {
     padding: 1rem;
     max-width: 760px;