Add all scaffolding, design, and decision documentation AKA first commit

src/lib/views/TranscriptNotes.svelte

@@ -0,0 +1,27 @@
+<script lang="ts">
+  // Center pane: live transcript + Markdown notes (Phase 1/2, FR-TRX-2/FR-NOTE-*).
+  import { recording } from "../stores/recording.svelte";
+
+  function speakerName(label: string): string {
+    return label; // Phase 4: resolve to display name from mapping.
+  }
+</script>
+
+<div class="wrap">
+  {#if recording.segments.length === 0}
+    <p class="muted">Transcript will appear here as you record.</p>
+  {:else}
+    {#each recording.segments as s (s.id)}
+      <p class:interim={s.interim}>
+        <strong>{speakerName(s.speaker)}:</strong> {s.text}
+      </p>
+    {/each}
+  {/if}
+</div>
+
+<style>
+  .wrap { padding: 1rem; max-width: 760px; }
+  .muted { color: var(--muted); }
+  .interim { opacity: 0.55; font-style: italic; }
+  p { margin: 0.35rem 0; line-height: 1.5; }
+</style>