diff --git a/docs/specs/DESIGN-SYSTEM.md b/docs/specs/DESIGN-SYSTEM.md
index 37697c05..843b1b03 100644
--- a/docs/specs/DESIGN-SYSTEM.md
+++ b/docs/specs/DESIGN-SYSTEM.md
@@ -126,9 +126,9 @@ Page-level grids and marketing card styles must not leak into `.prose`. Do not r
 
 Screenshots and video of a SharpLsp feature show the real extension, never a mock-up.
 
-- **Capture.** The profiler media is shot by `src/website/tools/profiler-film/` (its README says how). Every shot runs on `kit/set.mjs`'s `onSet`: an isolated VS Code (its own user-data and extensions directories, never the user's editor) running the packaged VSIX against a real .NET demo app from `demos/`. A walkthrough is one file in `films/`, a list of scenes that `film.mjs` shoots as real-time clips and publishes; `kit/acts/` tells the CPU and memory stories, so each film supplies only its words, its demo and its fix. `films/leak.mjs` films the C# Storefront demo and `films/fsharp.mjs` its F# twin, FsStorefront, so every F# claim the docs make about the profiler is shown on F# code. The composited one-minute film is `films/profiler/`: `capture.mjs` records stills and screencasts, and `render.mjs` turns them into the site's assets.
+- **Capture.** Product films are shot by `src/website/tools/profiler-film/` (its README says how). Every shot runs on `kit/set.mjs`'s `onSet`: an isolated VS Code (its own user-data and extensions directories, never the user's editor) running the packaged VSIX against a real .NET demo from `demos/`. A walkthrough is one file in `films/`, a list of scenes that `film.mjs` shoots as real-time clips and publishes; `kit/acts/` tells the shared stories (the CPU and memory loops, the language features, the Solution Explorer), so each film supplies only its words, its demo and its edits. The profiler films run on the C# Storefront demo and its F# twin, FsStorefront; the language films run on `Shop.slnx`, both in one solution, and show F# before C#. Every F# claim the docs make is shown on F# code. The composited one-minute film is `films/profiler/`: `capture.mjs` records stills and screencasts, and `render.mjs` turns them into the site's assets.
 - **Honesty.** Footage plays in real time unless the frame says otherwise: every fast-forwarded stretch carries an on-screen speed marker, and captions name time-lapses. Motion graphics (title cards, camera moves, highlights, the cursor) frame the footage but never alter what the editor shows.
-- **Privacy.** No frame may show a user name, home directory, hostname or terminal. The demo app runs from a neutral temporary path and the terminal is never opened.
+- **Privacy.** No frame may show a user name, home directory or hostname. The demo runs from a neutral temporary path, and the editor runs on a copy-on-write clone of the .NET install under that path, with its login-shell environment off, so every path it prints is neutral. A terminal appears only where the feature runs in one (F# Interactive, a build task, a contributor's command line), and a shell terminal starts with no profile and a bare `$ ` prompt.
 - **Formats.**
   - Films ship as H.264 MP4 and VP9 WebM with a WebP poster.
   - Stills ship as WebP, 2400px wide, with `width` and `height` set.
@@ -137,7 +137,7 @@ Screenshots and video of a SharpLsp feature show the real extension, never a moc
   - Every video ships a WebP poster, the films and the recordings alike.
 - **Narration.** A walkthrough may be narrated (`kit/sound/`). Its reviewed script (`films/<film>.narration.json`) is spoken by Kokoro-82M through `kokoro-js` on the capturing machine, never by a speech service or the operating system's voices, whose licences forbid publishing. Each line starts just after its scene's cut, and a scene holds its last frame until its line ends. The music is an original score synthesised from code (`kit/sound/score.mjs`), so no film carries licensed or sampled music, and it ducks under the voice. A narrated film ships AAC in its MP4 and Opus in its WebM, plays unmuted with controls, and carries WebVTT captions in every site language (`<id>.<lang>.vtt`, the page's own language shown by default), listed under `captions` in the catalogue.
 - **One catalogue.** Every video on the site is declared once in `src/website/src/_data/videos.json`: encodings, size, length, upload date, and its label and caption in each language. Pages place a video with the `{% video "<id>" %}` shortcode (`src/website/video-figure.js`) and never repeat `<video>` markup. The shortcode renders in the page's language and emits a schema.org `VideoObject` whose name is the player's label, so search results describe exactly what a reader hears.
-- **Placement.** A video goes wherever a page talks about what it shows: the home page (the profiler film autoplaying in the hero, the CPU recording in the profiler section), the Getting Started page (the tour), the profiler docs (the film and both recordings), the F# profiling docs and the F# language page (the F# walkthrough), and every blog post that discusses the profiler or the editor experience, in every language the page is published in.
+- **Placement.** A video goes wherever a page talks about what it shows: the home page (the profiler film autoplaying in the hero, the CPU recording in the profiler section), every docs page with a feature to show (its own narrated walkthrough, after the page's introduction; the profiler docs add both recordings, the F# language page the F# profiling walkthrough too), and every blog post that discusses the profiler or the editor experience, in every language the page is published in. The Zed page has no film: Zed is a native application, and filming it would mean recording the real desktop.
 
 ## [WEB-DESIGN-RESPONSIVE] Responsive Behavior
 
diff --git a/src/editors/vscode/src/nuget-browser/html.ts b/src/editors/vscode/src/nuget-browser/html.ts
index 8106a65b..1ecb2b40 100644
--- a/src/editors/vscode/src/nuget-browser/html.ts
+++ b/src/editors/vscode/src/nuget-browser/html.ts
@@ -296,10 +296,13 @@ function buildDetailsHtml(state: RenderState): string {
       ? `<div class="section"><h4 class="section-title">Tags</h4><div class="tags">${pkg.tags.map((t) => `<span class="tag">${esc(t.toUpperCase())}</span>`).join('')}</div></div>`
       : '';
 
+  // The picker shows the installed version, else the one Install sends: never
+  // simply the newest listed, which is often a prerelease.
+  const shownVersion = pkg.installedVersion ?? pkg.version;
   const versionOptions = versions
     .map(
       (v) =>
-        `<option value="${escAttr(v)}" ${v === pkg.installedVersion ? 'selected' : ''}>${esc(v)}</option>`,
+        `<option value="${escAttr(v)}" ${v === shownVersion ? 'selected' : ''}>${esc(v)}</option>`,
     )
     .join('');
 
diff --git a/src/editors/vscode/src/test/suite/nuget-browser.test.ts b/src/editors/vscode/src/test/suite/nuget-browser.test.ts
index 9f232752..2628852d 100644
--- a/src/editors/vscode/src/test/suite/nuget-browser.test.ts
+++ b/src/editors/vscode/src/test/suite/nuget-browser.test.ts
@@ -1190,6 +1190,33 @@ suite('NuGet Browser — pure html', () => {
     assert.ok(html.includes('<option value="13.0.3"'), 'version option rendered');
   });
 
+  test('buildHtml details panel shows the version Install installs, not the newest prerelease', () => {
+    // nuget.org lists versions newest first, prereleases included; search
+    // answers with the latest stable one, which is what Install sends.
+    const pkg = searchResult({
+      version: '5.2.0',
+      _versions: ['6.0.0-beta003', '6.0.0-beta002', '5.2.0', '5.1.0'],
+    });
+    const html = buildHtml(baseState({ selectedPackage: pkg }));
+    assert.ok(
+      html.includes(`installPackage('Newtonsoft.Json', '5.2.0')`),
+      'Install sends the stable version',
+    );
+    assert.ok(
+      html.includes('<option value="5.2.0" selected>'),
+      'the picker shows the version Install sends',
+    );
+    assert.ok(
+      !html.includes('<option value="6.0.0-beta003" selected>'),
+      'a prerelease is never shown as the one to install',
+    );
+    assert.strictEqual(
+      html.match(/ selected>/g)?.length,
+      1,
+      'exactly one version is shown as chosen',
+    );
+  });
+
   test('buildHtml details panel renders Remove button for installed pkg', () => {
     const pkg = searchResult();
     const html = buildHtml(
diff --git a/src/sharplsp/src/sort_members.rs b/src/sharplsp/src/sort_members.rs
index 7f3bdcf8..24b8e523 100644
--- a/src/sharplsp/src/sort_members.rs
+++ b/src/sharplsp/src/sort_members.rs
@@ -454,76 +454,104 @@ fn build_edits(
     source: &str,
     config: &SortConfig,
 ) -> Vec<TextEdit> {
-    let source_bytes = source.as_bytes();
-
-    // Find the first and last member to get the replacement range.
-    // Use trivia_byte for the first member so the edit covers leading comments.
+    // The replacement starts at the first member's leading trivia, so the edit
+    // covers its comments, and ends where the last member ends.
     let first = members.iter().min_by_key(|m| m.trivia_byte);
     let last = members.iter().max_by_key(|m| m.end_byte);
-
     let (Some(first_member), Some(last_member)) = (first, last) else {
         return vec![];
     };
+    let trivia_pos = byte_to_position(source.as_bytes(), first_member.trivia_byte);
 
-    // Compute the edit start position from the trivia byte offset.
-    let trivia_pos = byte_to_position(source_bytes, first_member.trivia_byte);
+    vec![TextEdit {
+        range: EditRange {
+            start: EditPosition {
+                line: trivia_pos.0,
+                character: trivia_pos.1,
+            },
+            end: EditPosition {
+                line: last_member.end_row,
+                character: last_member.end_col,
+            },
+        },
+        new_text: reordered_text(members, sorted_indices, source, config),
+    }]
+}
 
-    // Build the reordered text by extracting each member's full text
-    // (including its leading trivia) in sorted order.
-    // Insert blank lines between different accessibility/category groups.
-    let mut new_text = String::new();
-    let mut prev_member: Option<&MemberInfo> = None;
+/// The members in sorted order, each on its own line. A type whose members are
+/// spaced by blank lines keeps one between every member; a compact type gets one
+/// only where a new accessibility/category group starts. A member's own leading
+/// blank lines are replaced, never added to, so no gap grows past one line.
+fn reordered_text(
+    members: &[MemberInfo],
+    sorted_indices: &[usize],
+    source: &str,
+    config: &SortConfig,
+) -> String {
+    let newline = if source.contains("\r\n") {
+        "\r\n"
+    } else {
+        "\n"
+    };
     let separator = members.iter().find_map(|member| {
-        source_bytes
+        source
+            .as_bytes()
             .get(member.end_byte)
             .copied()
             .filter(|byte| *byte == b',')
             .map(char::from)
     });
+    let ordered = sorted_indices
+        .iter()
+        .filter_map(|&index| members.iter().find(|m| m.index == index));
+    let spaced = members.iter().any(|member| {
+        source
+            .get(member.trivia_byte..member.end_byte)
+            .is_some_and(|text| leading_layout(text).blank)
+    });
 
-    for (sorted_pos, &original_index) in sorted_indices.iter().enumerate() {
-        let member = members.iter().find(|m| m.index == original_index);
-        let Some(member) = member else { continue };
-
-        // Extract the full member text including leading trivia.
-        let Some(text) = source_bytes.get(member.trivia_byte..member.end_byte) else {
+    let mut new_text = String::new();
+    let mut prev_member: Option<&MemberInfo> = None;
+    for (sorted_pos, member) in ordered.enumerate() {
+        let Some(text) = source.get(member.trivia_byte..member.end_byte) else {
             continue;
         };
-        let member_text = String::from_utf8_lossy(text);
-
-        // Insert blank line between groups.
-        if let Some(prev) = prev_member {
-            if groups_differ(prev, member, config) && !new_text.ends_with("\n\n") {
-                if !new_text.ends_with('\n') {
-                    new_text.push('\n');
-                }
-                new_text.push('\n');
-            }
-        }
-
-        new_text.push_str(&member_text);
+        let layout = leading_layout(text);
+        let gap = prev_member.is_some_and(|prev| spaced || groups_differ(prev, member, config));
+        let breaks = match (layout.on_own_line, gap) {
+            (false, _) => 0,
+            (true, false) => 1,
+            (true, true) => 2,
+        };
+        new_text.push_str(&newline.repeat(breaks));
+        new_text.push_str(layout.body);
         append_separator(&mut new_text, separator, sorted_pos, sorted_indices.len());
-
-        if sorted_pos < sorted_indices.len() - 1 && !member_text.ends_with('\n') {
-            new_text.push('\n');
-        }
-
         prev_member = Some(member);
     }
+    new_text
+}
 
-    vec![TextEdit {
-        range: EditRange {
-            start: EditPosition {
-                line: trivia_pos.0,
-                character: trivia_pos.1,
-            },
-            end: EditPosition {
-                line: last_member.end_row,
-                character: last_member.end_col,
-            },
-        },
-        new_text,
-    }]
+/// A member's text, split at the line its content starts on.
+struct LeadingLayout<'a> {
+    /// The member starts on a line of its own.
+    on_own_line: bool,
+    /// A blank line came before the member.
+    blank: bool,
+    /// The member from its first line's indentation on (or as it was, mid-line).
+    body: &'a str,
+}
+
+/// Split `text` (a member with its leading trivia) into its leading line breaks and its body.
+fn leading_layout(text: &str) -> LeadingLayout<'_> {
+    let content = text.len() - text.trim_start().len();
+    let leading = text.get(..content).unwrap_or_default();
+    let line_start = leading.rfind('\n').map_or(0, |newline| newline + 1);
+    let breaks = leading.matches('\n').count();
+    LeadingLayout {
+        on_own_line: breaks > 0,
+        blank: breaks > 1,
+        body: text.get(line_start..).unwrap_or(text),
+    }
 }
 
 /// Add punctuation that belongs between declarations rather than to either AST node.
diff --git a/src/sharplsp/tests/e2e_modules/sort_members_extra.rs b/src/sharplsp/tests/e2e_modules/sort_members_extra.rs
index a6a44c9a..7031a569 100644
--- a/src/sharplsp/tests/e2e_modules/sort_members_extra.rs
+++ b/src/sharplsp/tests/e2e_modules/sort_members_extra.rs
@@ -129,3 +129,38 @@ fn test_sort_members_preserves_region_blocks() {
     assert!(new_text.contains("#region"), "#region preserved");
     assert!(new_text.contains("#endregion"), "#endregion preserved");
 }
+
+// 62. SORT MEMBERS: ONE BLANK LINE BETWEEN MEMBERS, NEVER MORE
+
+#[test]
+fn test_sort_members_keeps_one_blank_line_between_members() {
+    // Members separated by one blank line, as most C# is written. Each member's
+    // leading blank line must travel with it once, not pile up beside the
+    // separators the sort adds between groups.
+    let source = "namespace Test\n{\n    public class Pipeline\n    {\n        private static int Zeta() => 1;\n\n        public void Run() { }\n\n        private int Alpha() => 2;\n    }\n}\n";
+    let new_text = sort_members_new_text(source, (2, 4, 9, 5));
+
+    assert!(
+        !new_text.contains("\n\n\n"),
+        "sorting must never leave two blank lines in a row: {new_text:?}"
+    );
+    assert_eq!(
+        new_text,
+        "\n        public void Run() { }\n\n        private int Alpha() => 2;\n\n        private static int Zeta() => 1;",
+        "public first, then the private methods alphabetically, one blank line apart"
+    );
+}
+
+// 63. SORT MEMBERS: COMPACT MEMBERS STAY COMPACT
+
+#[test]
+fn test_sort_members_keeps_compact_members_compact() {
+    // Members written without blank lines between them gain none within a group.
+    let source = "namespace Test\n{\n    public class Ids\n    {\n        public int Zed;\n        public int Bee;\n        public int Ant;\n    }\n}\n";
+    let new_text = sort_members_new_text(source, (2, 4, 7, 5));
+
+    assert_eq!(
+        new_text, "\n        public int Ant;\n        public int Bee;\n        public int Zed;",
+        "one group, written compactly, stays compact"
+    );
+}
diff --git a/src/sidecars/SharpLsp.Sidecar.FSharp.Tests/FSharpNavigationEdgeTests.fs b/src/sidecars/SharpLsp.Sidecar.FSharp.Tests/FSharpNavigationEdgeTests.fs
index 8cce0e43..d67dc49e 100644
--- a/src/sidecars/SharpLsp.Sidecar.FSharp.Tests/FSharpNavigationEdgeTests.fs
+++ b/src/sidecars/SharpLsp.Sidecar.FSharp.Tests/FSharpNavigationEdgeTests.fs
@@ -202,3 +202,36 @@ let ``renaming a binding inside a loaded script rewrites its uses`` () = task {
     finally
         cleanup dir
 }
+
+// ── Definition into a file the editor never opened ──────────────────
+
+/// A freshly loaded project, one file open: Go to Definition on a module-qualified
+/// call lands in the file that declares it, which the editor has not opened. The
+/// editor sends the open file's text first, then asks (#387).
+[<Fact>]
+let ``definition of a module-qualified call lands in the declaring file the editor never opened`` () = task {
+    let catalog = "module Shop.Catalog\n\nlet generate count = List.init count string\n"
+    let call = "let catalog = Catalog.generate 3"
+    let program = $"module Shop.Program\n\n{call}\n"
+    let! (state, dir, _fsproj, paths) = loadWorkspace [ "Catalog.fs", catalog; "Program.fs", program ]
+
+    try
+        FSharpWorkspace.applyDidChange state paths[1] program
+        let character = call.IndexOf("generate", StringComparison.Ordinal) + 2
+        // The editor asks for CodeLens on the open file first: a project-wide check.
+        let! _ = FSharpCodeLens.getCodeLenses state paths[1]
+
+        let! hover = FSharpWorkspace.getHover state paths[1] 2 character
+        let! definition = FSharpWorkspace.getDefinition state paths[1] 2 character
+
+        Assert.True(hover.IsSome, "hover answers on the call")
+
+        match definition with
+        | Some location ->
+            Assert.Equal(NativePaths.NameOf paths[0], NativePaths.NameOf location.FilePath)
+            Assert.Equal(2, location.Line)
+            Assert.Equal(4, location.Character)
+        | None -> failwith "Go to Definition found nothing for Catalog.generate"
+    finally
+        cleanup dir
+}
diff --git a/src/sidecars/SharpLsp.Sidecar.FSharp.Tests/FSharpProjectCrackingTests.fs b/src/sidecars/SharpLsp.Sidecar.FSharp.Tests/FSharpProjectCrackingTests.fs
index 56eef0f6..c193b5b4 100644
--- a/src/sidecars/SharpLsp.Sidecar.FSharp.Tests/FSharpProjectCrackingTests.fs
+++ b/src/sidecars/SharpLsp.Sidecar.FSharp.Tests/FSharpProjectCrackingTests.fs
@@ -179,3 +179,27 @@ let ``a lowercase short output flag also suppresses the generated identity`` ()
         Assert.DoesNotContain("--out:CrackedC.dll", options.OtherOptions)
     finally
         cleanup dir
+
+[<Fact>]
+let ``hand-built options name each source once, so FCS never sees a file twice`` () =
+    let dir = NativePaths.Temp($"sharplsp-crack-{Guid.NewGuid():N}")
+
+    try
+        let fsproj = writeProject dir "CrackedD" "--nowarn:52" [||]
+        let state = FSharpWorkspace.create ()
+        let options = FSharpWorkspace.buildProjectOptions state fsproj
+        let library = NativePaths.Resolve(dir, "Library.fs")
+
+        // Sources belong in SourceFiles alone: FCS compiles every bare argument it
+        // finds in OtherOptions as a source too.
+        Assert.Equal<string array>([| library |], options.SourceFiles)
+        Assert.DoesNotContain(library, options.OtherOptions)
+        Assert.All(options.OtherOptions, fun option -> Assert.StartsWith("-", option))
+
+        let checkedProject = state.Checker.ParseAndCheckProject(options) |> Async.RunSynchronously
+
+        // FS3551: "The source file ... already appeared in the compilation list".
+        Assert.DoesNotContain(checkedProject.Diagnostics, fun diagnostic -> diagnostic.ErrorNumber = 3551)
+        Assert.Empty(checkedProject.Diagnostics)
+    finally
+        cleanup dir
diff --git a/src/sidecars/SharpLsp.Sidecar.FSharp/FSharpProjectLoading.fs b/src/sidecars/SharpLsp.Sidecar.FSharp/FSharpProjectLoading.fs
index 0d8ecc98..f08ef21a 100644
--- a/src/sidecars/SharpLsp.Sidecar.FSharp/FSharpProjectLoading.fs
+++ b/src/sidecars/SharpLsp.Sidecar.FSharp/FSharpProjectLoading.fs
@@ -174,17 +174,15 @@ let private compilerArgs fsprojPath projectFlags =
           projectIdentityArgs fsprojPath projectFlags
           projectFlags ]
 
-/// Build persistent FCS options with explicit source files and all references.
+/// Build persistent FCS options with explicit source files and all references. The
+/// sources go in SourceFiles alone: FCS also compiles every bare argument of the command
+/// line, so a source on both would be compiled twice (FS3551).
 let buildProjectOptions (checker: FSharpChecker) (fsprojPath: string) : FSharpProjectOptions =
-    let sourceFiles = parseFsprojSourceFiles fsprojPath
-    let projectFlags = parseFsprojOtherFlags fsprojPath
-    let otherOptions = compilerArgs fsprojPath projectFlags
-
     let options =
-        checker.GetProjectOptionsFromCommandLineArgs(fsprojPath, Array.append otherOptions sourceFiles)
+        checker.GetProjectOptionsFromCommandLineArgs(fsprojPath, compilerArgs fsprojPath (parseFsprojOtherFlags fsprojPath))
 
     { options with
-        SourceFiles = sourceFiles }
+        SourceFiles = parseFsprojSourceFiles fsprojPath }
 
 let scriptOptions (checker: FSharpChecker) (scriptPath: string) (source: string) (ct: CancellationToken) =
     let flags = [| "--define:INTERACTIVE"; "--define:EDITING" |]
diff --git a/src/website/src/_data/videos.json b/src/website/src/_data/videos.json
index 0f93a73e..5d30bb12 100644
--- a/src/website/src/_data/videos.json
+++ b/src/website/src/_data/videos.json
@@ -67,21 +67,22 @@
     "width": 1920,
     "height": 1200,
     "duration": "PT1M32S",
-    "uploadDate": "2026-10-17T09:30:00+11:00",
+    "uploadDate": "2026-10-19T00:06:17+11:00",
     "text": {
       "en": {
         "label": "Screen recording: fixing a C# memory leak in VS Code with the SharpLsp memory profiler, from leak suspects to the retention graph and a verified fix",
-        "caption": "The whole loop on the Storefront demo, recorded in VS Code: Track Memory, the leak suspects, the retention graph, the fix typed in, then a second run. Fast-forwarded stretches are marked on screen."
+        "caption": "Narrated, with original music and captions. The whole loop on the Storefront demo, recorded in VS Code: Track Memory, the leak suspects, the retention graph, the fix typed in, then a second run. Fast-forwarded stretches are marked on screen."
       },
       "zh": {
         "label": "屏幕录像：在 VS Code 中用 SharpLsp 内存分析器修复 C# 内存泄漏，从可疑泄漏到保留图，再到验证修复",
-        "caption": "在 VS Code 中录制的 Storefront 演示完整流程：Track Memory、可疑泄漏、保留图、输入修复代码，然后再次运行。快进的片段在画面上有标注。"
+        "caption": "带旁白、原创配乐和字幕。在 VS Code 中录制的 Storefront 演示完整流程：Track Memory、可疑泄漏、保留图、输入修复代码，然后再次运行。快进的片段在画面上有标注。"
       },
       "ja": {
         "label": "画面録画：VS Code で SharpLsp のメモリプロファイラーを使い、C# のメモリリークをリークの疑いから保持グラフ、修正の確認まで直す",
-        "caption": "VS Code で収録した Storefront デモの一連の流れ：Track Memory、リークの疑い、保持グラフ、修正の入力、そして再実行。早送りの部分は画面上に表示されます。"
+        "caption": "ナレーション、オリジナル音楽、字幕付き。VS Code で収録した Storefront デモの一連の流れ：Track Memory、リークの疑い、保持グラフ、修正の入力、そして再実行。早送りの部分は画面上に表示されます。"
       }
-    }
+    },
+    "captions": ["en", "ja", "zh"]
   },
   "profiler-fsharp": {
     "encodings": ["webm", "mp4"],
@@ -125,5 +126,313 @@
         "caption": "22 秒でわかる SharpLsp：ソリューションエクスプローラー、NuGet ブラウザー、対等に扱われる C# と F#、そしてデバッグ・プロファイル・テスト・ビルド。Windows・macOS・Linux 上の VS Code・Cursor・Windsurf・VSCodium で動作します。"
       }
     }
+  },
+  "getting-started": {
+    "encodings": ["webm", "mp4"],
+    "width": 1920,
+    "height": 1200,
+    "duration": "PT1M4S",
+    "uploadDate": "2026-10-18T23:29:29+11:00",
+    "captions": ["en", "ja", "zh"],
+    "text": {
+      "en": {
+        "label": "Getting started with SharpLsp in VS Code: a C# and F# solution loaded in the Solution Explorer, an F# hover, C# completion and the built-in tools",
+        "caption": "Narrated, with original music and captions. SharpLsp loading the Shop demo solution in VS Code: C# and F# projects side by side, an F# hover from the F# compiler, C# completion from Roslyn, and the profiler's Processes view."
+      },
+      "zh": {
+        "label": "在 VS Code 中开始使用 SharpLsp：解决方案资源管理器中加载的 C# 与 F# 解决方案、F# 悬停、C# 补全和内置工具",
+        "caption": "带旁白、原创配乐和字幕。SharpLsp 在 VS Code 中加载 Shop 演示解决方案：C# 与 F# 项目并排呈现，F# 编译器提供的 F# 悬停，Roslyn 提供的 C# 补全，以及性能分析器的进程视图。"
+      },
+      "ja": {
+        "label": "VS Code で SharpLsp を始める：ソリューションエクスプローラーに読み込まれた C# と F# のソリューション、F# のホバー、C# の補完、組み込みツール",
+        "caption": "ナレーション、オリジナル音楽、字幕付き。VS Code で Shop デモのソリューションを読み込む SharpLsp：並んだ C# と F# のプロジェクト、F# コンパイラーによる F# のホバー、Roslyn による C# の補完、そしてプロファイラーのプロセス ビュー。"
+      }
+    }
+  },
+  "editor-setup": {
+    "encodings": ["webm", "mp4"],
+    "width": 1920,
+    "height": 1200,
+    "duration": "PT41S",
+    "uploadDate": "2026-10-18T23:45:16+11:00",
+    "captions": ["en", "ja", "zh"],
+    "text": {
+      "en": {
+        "label": "SharpLsp editor setup in VS Code: the bundled server and sidecars starting, every SharpLsp command in the Command Palette, and the trusted-workspace path settings",
+        "caption": "Narrated, with original music and captions. Recorded in VS Code with the packaged extension: the language server restarting from the status bar, the SharpLsp commands, and the settings for development builds. Fast-forwarded stretches are marked on screen."
+      },
+      "zh": {
+        "label": "SharpLsp 在 VS Code 中的编辑器设置：内置服务器与 sidecar 的启动、命令面板中的 SharpLsp 命令，以及受信任工作区的路径设置",
+        "caption": "带旁白、原创配乐和字幕。使用打包的扩展在 VS Code 中录制：从状态栏重启语言服务器、SharpLsp 命令，以及用于开发构建的设置。快进的片段在画面上有标注。"
+      },
+      "ja": {
+        "label": "VS Code での SharpLsp のエディター設定：同梱のサーバーとサイドカーの起動、コマンドパレットの SharpLsp コマンド、信頼済みワークスペース用のパス設定",
+        "caption": "ナレーション、オリジナル音楽、字幕付き。パッケージ版の拡張機能で VS Code にて収録：ステータスバーからの言語サーバーの再起動、SharpLsp のコマンド、開発ビルド用の設定。早送りの部分は画面上に表示されます。"
+      }
+    }
+  },
+  "configuration": {
+    "encodings": ["webm", "mp4"],
+    "width": 1920,
+    "height": 1200,
+    "duration": "PT51S",
+    "uploadDate": "2026-10-18T23:39:20+11:00",
+    "captions": ["en", "ja", "zh"],
+    "text": {
+      "en": {
+        "label": "Configuring SharpLsp: VS Code settings and sharplsp.toml, with monorepo mode reporting an unused public property as dead code",
+        "caption": "Narrated, with original music and captions. The SharpLsp settings in VS Code, then sharplsp.toml beside the Shop solution: monorepo mode switched on, the server restarted, and SLSPC0101 reported on an unused public property. Fast-forwarded stretches are marked on screen."
+      },
+      "zh": {
+        "label": "配置 SharpLsp：VS Code 设置与 sharplsp.toml，monorepo 模式把未使用的公共属性报告为死代码",
+        "caption": "带旁白、原创配乐和字幕。先看 VS Code 中的 SharpLsp 设置，再看 Shop 解决方案旁的 sharplsp.toml：打开 monorepo 模式并重启服务器后，未使用的公共属性被报告为 SLSPC0101。快进的片段在画面上有标注。"
+      },
+      "ja": {
+        "label": "SharpLsp の設定：VS Code の設定と sharplsp.toml。monorepo モードが未使用の public プロパティをデッドコードとして報告",
+        "caption": "ナレーション、オリジナル音楽、字幕付き。VS Code の SharpLsp 設定に続いて、Shop ソリューションの隣の sharplsp.toml：monorepo モードをオンにしてサーバーを再起動すると、未使用の public プロパティに SLSPC0101 が報告されます。早送りの部分は画面上に表示されます。"
+      }
+    }
+  },
+  "fsharp-language": {
+    "encodings": ["webm", "mp4"],
+    "width": 1920,
+    "height": 1200,
+    "duration": "PT1M53S",
+    "uploadDate": "2026-10-18T22:53:05+11:00",
+    "captions": ["en", "ja", "zh"],
+    "text": {
+      "en": {
+        "label": "F# in VS Code with SharpLsp: hover, completion, go to definition, find references, a generated match case, rename across files and F# Interactive",
+        "caption": "Narrated, with original music and captions. Recorded in VS Code on the FsStorefront project: every answer comes from the F# Compiler Service. Fast-forwarded stretches are marked on screen."
+      },
+      "zh": {
+        "label": "在 VS Code 中用 SharpLsp 编写 F#：悬停、补全、转到定义、查找引用、生成 match 分支、跨文件重命名和 F# Interactive",
+        "caption": "带旁白、原创配乐和字幕。在 VS Code 中基于 FsStorefront 项目录制：每个结果都来自 F# Compiler Service。快进的片段在画面上有标注。"
+      },
+      "ja": {
+        "label": "SharpLsp による VS Code の F#：ホバー、補完、定義へ移動、参照の検索、生成される match ケース、ファイルをまたぐ名前の変更、F# Interactive",
+        "caption": "ナレーション、オリジナル音楽、字幕付き。VS Code で FsStorefront プロジェクトを使って収録：すべての答えは F# Compiler Service から届きます。早送りの部分は画面上に表示されます。"
+      }
+    }
+  },
+  "code-completions": {
+    "encodings": ["webm", "mp4"],
+    "width": 1920,
+    "height": 1200,
+    "duration": "PT1M9S",
+    "uploadDate": "2026-10-18T22:59:43+11:00",
+    "captions": ["en", "ja", "zh"],
+    "text": {
+      "en": {
+        "label": "Code completion in VS Code with SharpLsp: F# list functions and record fields, C# LINQ members, and an import completion that adds its using",
+        "caption": "Narrated, with original music and captions. Recorded in VS Code on the Shop demo: F# completion from the F# Compiler Service, C# completion from Roslyn, and Ctrl+Space on a type from an unimported namespace."
+      },
+      "zh": {
+        "label": "在 VS Code 中使用 SharpLsp 的代码补全：F# 列表函数和记录字段、C# LINQ 成员，以及会添加 using 的导入补全",
+        "caption": "带旁白、原创配乐和字幕。在 VS Code 中基于 Shop 演示录制：F# Compiler Service 提供的 F# 补全、Roslyn 提供的 C# 补全，以及对未导入命名空间中的类型按 Ctrl+Space。"
+      },
+      "ja": {
+        "label": "SharpLsp による VS Code のコード補完：F# のリスト関数とレコードのフィールド、C# の LINQ メンバー、using を追加するインポート補完",
+        "caption": "ナレーション、オリジナル音楽、字幕付き。VS Code で Shop デモを使って収録：F# Compiler Service による F# の補完、Roslyn による C# の補完、そしてインポートしていない名前空間の型に対する Ctrl+Space。"
+      }
+    }
+  },
+  "hover": {
+    "encodings": ["webm", "mp4"],
+    "width": 1920,
+    "height": 1200,
+    "duration": "PT1M15S",
+    "uploadDate": "2026-10-18T23:16:35+11:00",
+    "captions": ["en", "ja", "zh"],
+    "text": {
+      "en": {
+        "label": "Hover in VS Code with SharpLsp: F# signatures and doc comments, union cases, C# XML docs, the type behind var, and unsaved edits",
+        "caption": "Narrated, with original music and captions. Recorded in VS Code on the Shop demo, hovering F# and C# symbols, then a doc comment changed and left unsaved."
+      },
+      "zh": {
+        "label": "在 VS Code 中使用 SharpLsp 的悬停：F# 签名与文档注释、联合用例、C# XML 文档、var 背后的类型，以及未保存的编辑",
+        "caption": "带旁白、原创配乐和字幕。在 VS Code 中基于 Shop 演示录制：悬停 F# 与 C# 符号，最后修改一条文档注释且不保存。"
+      },
+      "ja": {
+        "label": "SharpLsp による VS Code のホバー：F# のシグネチャーとドキュメントコメント、共用体ケース、C# の XML ドキュメント、var の型、未保存の編集",
+        "caption": "ナレーション、オリジナル音楽、字幕付き。VS Code で Shop デモの F# と C# のシンボルにホバーし、最後にドキュメントコメントを変更して未保存のままにして収録しました。"
+      }
+    }
+  },
+  "navigation": {
+    "encodings": ["webm", "mp4"],
+    "width": 1920,
+    "height": 1200,
+    "duration": "PT1M0S",
+    "uploadDate": "2026-10-18T23:57:10+11:00",
+    "captions": ["en", "ja", "zh"],
+    "text": {
+      "en": {
+        "label": "Navigation in VS Code with SharpLsp: go to definition in F# and C#, find all references in a peek window, and framework source decompiled",
+        "caption": "Narrated, with original music and captions. Recorded in VS Code on the Shop demo: F12 in F# and C#, Shift+F12 on a record, and F12 on JsonSerializer."
+      },
+      "zh": {
+        "label": "在 VS Code 中使用 SharpLsp 导航：F# 与 C# 的转到定义、速览窗口中的查找所有引用，以及反编译的框架源代码",
+        "caption": "带旁白、原创配乐和字幕。在 VS Code 中基于 Shop 演示录制：在 F# 和 C# 中按 F12，在记录上按 Shift+F12，在 JsonSerializer 上按 F12。"
+      },
+      "ja": {
+        "label": "SharpLsp による VS Code のナビゲーション：F# と C# の定義へ移動、ピークウィンドウでのすべての参照の検索、逆コンパイルされたフレームワークのソース",
+        "caption": "ナレーション、オリジナル音楽、字幕付き。VS Code で Shop デモを使って収録：F# と C# での F12、レコードでの Shift+F12、JsonSerializer での F12。"
+      }
+    }
+  },
+  "diagnostics": {
+    "encodings": ["webm", "mp4"],
+    "width": 1920,
+    "height": 1200,
+    "duration": "PT1M24S",
+    "uploadDate": "2026-10-18T23:19:32+11:00",
+    "captions": ["en", "ja", "zh"],
+    "text": {
+      "en": {
+        "label": "Diagnostics in VS Code with SharpLsp: F# and C# errors as you type, SharpLsp's unused-open and dead-code analyzers, and the Problems panel",
+        "caption": "Narrated, with original music and captions. Recorded in VS Code on the Shop demo: unsaved edits in F# and C#, each finding read by hovering it."
+      },
+      "zh": {
+        "label": "在 VS Code 中使用 SharpLsp 的诊断：输入时的 F# 与 C# 错误、SharpLsp 的未使用 open 与死代码分析器，以及问题面板",
+        "caption": "带旁白、原创配乐和字幕。在 VS Code 中基于 Shop 演示录制：F# 与 C# 中未保存的编辑，每项发现都通过悬停查看。"
+      },
+      "ja": {
+        "label": "SharpLsp による VS Code の診断：入力中の F# と C# のエラー、SharpLsp の未使用 open とデッドコードのアナライザー、問題パネル",
+        "caption": "ナレーション、オリジナル音楽、字幕付き。VS Code で Shop デモを使って収録：F# と C# の未保存の編集と、ホバーで読む各指摘。"
+      }
+    }
+  },
+  "refactoring": {
+    "encodings": ["webm", "mp4"],
+    "width": 1920,
+    "height": 1200,
+    "duration": "PT1M27S",
+    "uploadDate": "2026-10-18T23:11:53+11:00",
+    "captions": ["en", "ja", "zh"],
+    "text": {
+      "en": {
+        "label": "Refactoring and code actions in VS Code with SharpLsp: generate a missing F# union case, rename across files, generate a C# method, add a missing using",
+        "caption": "Narrated, with original music and captions. Recorded in VS Code on the Shop demo with Cmd+. and F2. Fast-forwarded stretches are marked on screen."
+      },
+      "zh": {
+        "label": "在 VS Code 中使用 SharpLsp 的重构与代码操作：生成缺失的 F# 联合用例、跨文件重命名、生成 C# 方法、添加缺失的 using",
+        "caption": "带旁白、原创配乐和字幕。在 VS Code 中基于 Shop 演示，用 Cmd+. 和 F2 录制。快进的片段在画面上有标注。"
+      },
+      "ja": {
+        "label": "SharpLsp による VS Code のリファクタリングとコードアクション：足りない F# 共用体ケースの生成、ファイルをまたぐ名前の変更、C# メソッドの生成、足りない using の追加",
+        "caption": "ナレーション、オリジナル音楽、字幕付き。VS Code で Shop デモを使い、Cmd+. と F2 で収録しました。早送りの部分は画面上に表示されます。"
+      }
+    }
+  },
+  "context-menus": {
+    "encodings": ["webm", "mp4"],
+    "width": 1920,
+    "height": 1200,
+    "duration": "PT1M10S",
+    "uploadDate": "2026-10-18T23:41:52+11:00",
+    "captions": ["en", "ja", "zh"],
+    "text": {
+      "en": {
+        "label": "SharpLsp Solution Explorer context menus in VS Code: solution and project actions, Build, Open Project File and Sort Members",
+        "caption": "Narrated, with original music and captions. Recorded in VS Code on the Shop solution. Fast-forwarded stretches are marked on screen."
+      },
+      "zh": {
+        "label": "VS Code 中 SharpLsp 解决方案资源管理器的上下文菜单：解决方案与项目操作、生成、打开项目文件和排序成员",
+        "caption": "带旁白、原创配乐和字幕。在 VS Code 中基于 Shop 解决方案录制。快进的片段在画面上有标注。"
+      },
+      "ja": {
+        "label": "VS Code の SharpLsp ソリューションエクスプローラーのコンテキストメニュー：ソリューションとプロジェクトのアクション、ビルド、プロジェクト ファイルを開く、メンバーの並べ替え",
+        "caption": "ナレーション、オリジナル音楽、字幕付き。VS Code で Shop ソリューションを使って収録しました。早送りの部分は画面上に表示されます。"
+      }
+    }
+  },
+  "nuget": {
+    "encodings": ["webm", "mp4"],
+    "width": 1920,
+    "height": 1200,
+    "duration": "PT1M18S",
+    "uploadDate": "2026-10-18T23:25:47+11:00",
+    "captions": ["en", "ja", "zh"],
+    "text": {
+      "en": {
+        "label": "The SharpLsp NuGet browser in VS Code: search nuget.org, install a package into an F# project, and see its reference in the project file",
+        "caption": "Narrated, with original music and captions. Recorded in VS Code, installing FsToolkit.ErrorHandling into FsStorefront from nuget.org. Fast-forwarded stretches are marked on screen."
+      },
+      "zh": {
+        "label": "VS Code 中的 SharpLsp NuGet 浏览器：搜索 nuget.org，把包安装到 F# 项目中，并在项目文件里看到它的引用",
+        "caption": "带旁白、原创配乐和字幕。在 VS Code 中录制，从 nuget.org 将 FsToolkit.ErrorHandling 安装到 FsStorefront。快进的片段在画面上有标注。"
+      },
+      "ja": {
+        "label": "VS Code の SharpLsp NuGet ブラウザー：nuget.org を検索し、F# プロジェクトにパッケージをインストールして、プロジェクトファイルの参照を確認",
+        "caption": "ナレーション、オリジナル音楽、字幕付き。VS Code で nuget.org から FsToolkit.ErrorHandling を FsStorefront にインストールする様子を収録しました。早送りの部分は画面上に表示されます。"
+      }
+    }
+  },
+  "profiler-csharp": {
+    "encodings": ["webm", "mp4"],
+    "width": 1920,
+    "height": 1200,
+    "duration": "PT2M16S",
+    "uploadDate": "2026-10-19T00:08:43+11:00",
+    "captions": ["en", "ja", "zh"],
+    "text": {
+      "en": {
+        "label": "Profiling a C# app in VS Code with SharpLsp: CPU heat on hot lines, the hottest functions, and a leaking static dictionary found and fixed",
+        "caption": "Narrated, with original music and captions. The C# loop on the Storefront demo, recorded in VS Code: Profile CPU and the heat map, Track Memory, the leak suspect, the retention graph rooted at a static field, the fix typed in, then a second run. Fast-forwarded stretches are marked on screen."
+      },
+      "zh": {
+        "label": "在 VS Code 中用 SharpLsp 分析 C# 应用：热点行的 CPU 热度、最热的函数，以及发现并修复一个泄漏的静态字典",
+        "caption": "带旁白、原创配乐和字幕。在 VS Code 中录制的 Storefront 演示 C# 完整流程：Profile CPU 和热力图、Track Memory、可疑泄漏、根为静态字段的保留图、输入修复代码，然后再次运行。快进的片段在画面上有标注。"
+      },
+      "ja": {
+        "label": "SharpLsp で VS Code の C# アプリをプロファイリング：ホットな行の CPU ヒート、最もホットな関数、リークする static な Dictionary の発見と修正",
+        "caption": "ナレーション、オリジナル音楽、字幕付き。VS Code で収録した Storefront デモでの C# の一連の流れ：Profile CPU とヒートマップ、Track Memory、リークの疑い、static フィールドをルートとする保持グラフ、修正の入力、そして再実行。早送りの部分は画面上に表示されます。"
+      }
+    }
+  },
+  "architecture": {
+    "encodings": ["webm", "mp4"],
+    "width": 1920,
+    "height": 1200,
+    "duration": "PT38S",
+    "uploadDate": "2026-10-18T23:59:07+11:00",
+    "captions": ["en", "ja", "zh"],
+    "text": {
+      "en": {
+        "label": "SharpLsp architecture, live in VS Code: the Rust host routing an F# hover to the F# Compiler Service and a C# hover to Roslyn, and tree-sitter folding",
+        "caption": "Narrated, with original music and captions. Recorded in VS Code with the SharpLsp log filtered to hover requests."
+      },
+      "zh": {
+        "label": "在 VS Code 中实时查看 SharpLsp 架构：Rust 宿主把 F# 悬停路由到 F# Compiler Service，把 C# 悬停路由到 Roslyn，并由 tree-sitter 提供折叠",
+        "caption": "带旁白、原创配乐和字幕。在 VS Code 中录制，SharpLsp 日志已按悬停请求过滤。"
+      },
+      "ja": {
+        "label": "VS Code で見る SharpLsp のアーキテクチャ：Rust ホストが F# のホバーを F# Compiler Service へ、C# のホバーを Roslyn へ振り分け、tree-sitter が折りたたみを担当",
+        "caption": "ナレーション、オリジナル音楽、字幕付き。SharpLsp のログをホバーのリクエストで絞り込んで、VS Code で収録しました。"
+      }
+    }
+  },
+  "contributing": {
+    "encodings": ["webm", "mp4"],
+    "width": 1920,
+    "height": 1200,
+    "duration": "PT38S",
+    "uploadDate": "2026-10-19T00:12:12+11:00",
+    "captions": ["en", "ja", "zh"],
+    "text": {
+      "en": {
+        "label": "Contributing to SharpLsp: the repository layout, the specs and their IDs, and the Rust host's unit tests run from a terminal",
+        "caption": "Narrated, with original music and captions. Recorded in VS Code on a clean copy of the repository. Fast-forwarded stretches are marked on screen."
+      },
+      "zh": {
+        "label": "为 SharpLsp 做贡献：仓库结构、规范及其 ID，以及在终端中运行的 Rust 宿主单元测试",
+        "caption": "带旁白、原创配乐和字幕。在 VS Code 中基于仓库的干净副本录制。快进的片段在画面上有标注。"
+      },
+      "ja": {
+        "label": "SharpLsp への貢献：リポジトリの構成、仕様書とその ID、ターミナルから実行する Rust ホストの単体テスト",
+        "caption": "ナレーション、オリジナル音楽、字幕付き。リポジトリのクリーンなコピーを使って VS Code で収録しました。早送りの部分は画面上に表示されます。"
+      }
+    }
   }
 }
diff --git a/src/website/src/assets/videos/architecture-poster.webp b/src/website/src/assets/videos/architecture-poster.webp
new file mode 100644
index 00000000..47eff91c
Binary files /dev/null and b/src/website/src/assets/videos/architecture-poster.webp differ
diff --git a/src/website/src/assets/videos/architecture.en.vtt b/src/website/src/assets/videos/architecture.en.vtt
new file mode 100644
index 00000000..d6826569
--- /dev/null
+++ b/src/website/src/assets/videos/architecture.en.vtt
@@ -0,0 +1,8 @@
+WEBVTT
+
+00:00.000 --> 00:19.004
+[Gentle music]
+SharpLsp is one Rust host with two .NET engines behind it. Watch its log: an F# hover goes to the F# compiler service, and a C# hover goes to Roslyn. Each engine runs in its own process, and speaks MessagePack over a local socket.
+
+00:24.817 --> 00:32.183
+Syntax features never leave the host. Folding comes straight from tree-sitter in Rust, with no round trip to either engine.
diff --git a/src/website/src/assets/videos/architecture.ja.vtt b/src/website/src/assets/videos/architecture.ja.vtt
new file mode 100644
index 00000000..7dd6c02c
--- /dev/null
+++ b/src/website/src/assets/videos/architecture.ja.vtt
@@ -0,0 +1,8 @@
+WEBVTT
+
+00:00.000 --> 00:19.004
+[穏やかな音楽]
+SharpLsp は、ひとつの Rust ホストの後ろに 2 つの .NET エンジンを持っています。ログを見てください。F# のホバーは F# コンパイラーサービスへ、C# のホバーは Roslyn へ送られます。各エンジンは別々のプロセスで動き、ローカルソケット越しに MessagePack でやり取りします。
+
+00:24.817 --> 00:32.183
+構文の機能はホストの外に出ません。折りたたみは Rust の tree-sitter から直接届き、どちらのエンジンにも往復しません。
diff --git a/src/website/src/assets/videos/architecture.mp4 b/src/website/src/assets/videos/architecture.mp4
new file mode 100644
index 00000000..3d567f05
--- /dev/null
+++ b/src/website/src/assets/videos/architecture.mp4
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:dea4ce5399decdbcbd6332c5bb1d3c92432fcaacd5b91c42b820c02e7e7c6001
+size 2076693
diff --git a/src/website/src/assets/videos/architecture.webm b/src/website/src/assets/videos/architecture.webm
new file mode 100644
index 00000000..7e3662f3
--- /dev/null
+++ b/src/website/src/assets/videos/architecture.webm
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:603247fcdacab7d21e67017430c86cb22e9d6f8074139336f3bd7d9428398cf1
+size 2477723
diff --git a/src/website/src/assets/videos/architecture.zh.vtt b/src/website/src/assets/videos/architecture.zh.vtt
new file mode 100644
index 00000000..93533859
--- /dev/null
+++ b/src/website/src/assets/videos/architecture.zh.vtt
@@ -0,0 +1,8 @@
+WEBVTT
+
+00:00.000 --> 00:19.004
+[舒缓的音乐]
+SharpLsp 是一个 Rust 宿主，背后有两个 .NET 引擎。看它的日志：F# 的悬停请求发往 F# 编译器服务，C# 的悬停请求发往 Roslyn。每个引擎都在自己的进程中运行，通过本地套接字用 MessagePack 通信。
+
+00:24.817 --> 00:32.183
+语法功能从不离开宿主。折叠直接来自 Rust 中的 tree-sitter，无需往返任何一个引擎。
diff --git a/src/website/src/assets/videos/code-completions-poster.webp b/src/website/src/assets/videos/code-completions-poster.webp
new file mode 100644
index 00000000..2983ee46
Binary files /dev/null and b/src/website/src/assets/videos/code-completions-poster.webp differ
diff --git a/src/website/src/assets/videos/code-completions.en.vtt b/src/website/src/assets/videos/code-completions.en.vtt
new file mode 100644
index 00000000..9d0a30a8
--- /dev/null
+++ b/src/website/src/assets/videos/code-completions.en.vtt
@@ -0,0 +1,11 @@
+WEBVTT
+
+00:00.000 --> 00:13.199
+[Gentle music]
+SharpLsp completes F# with the F# compiler itself. Type List dot for every list function, narrow it to minBy, and inside the lambda, the record's fields are right there.
+
+00:22.017 --> 00:32.605
+In C#, completion comes straight from Roslyn: LINQ's MinBy, then the product's properties. Accepting an item replaces the word you're typing, never appends to it.
+
+00:44.983 --> 00:54.218
+Need a type from a namespace you haven't imported? Press Control Space, accept it, and SharpLsp adds the using directive at the top of the file.
diff --git a/src/website/src/assets/videos/code-completions.ja.vtt b/src/website/src/assets/videos/code-completions.ja.vtt
new file mode 100644
index 00000000..aed508e6
--- /dev/null
+++ b/src/website/src/assets/videos/code-completions.ja.vtt
@@ -0,0 +1,11 @@
+WEBVTT
+
+00:00.000 --> 00:13.199
+[穏やかな音楽]
+SharpLsp は F# コンパイラーそのものを使って F# を補完します。List. と打てばリスト関数がすべて並び、minBy まで絞り込めます。ラムダの中では、レコードのフィールドがすぐに出てきます。
+
+00:22.017 --> 00:32.605
+C# では、補完は Roslyn から直接届きます。LINQ の MinBy、そして製品のプロパティ。項目を確定すると、入力中の単語が置き換わり、後ろに付け足されることはありません。
+
+00:44.983 --> 00:54.218
+まだインポートしていない名前空間の型が必要ですか？Control+Space を押して確定すれば、SharpLsp がファイルの先頭に using ディレクティブを追加します。
diff --git a/src/website/src/assets/videos/code-completions.mp4 b/src/website/src/assets/videos/code-completions.mp4
new file mode 100644
index 00000000..1e566286
--- /dev/null
+++ b/src/website/src/assets/videos/code-completions.mp4
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3f58700a5e74195485809fff22e9d8944efc33476ebcb99780fcccee3363a3e8
+size 3523220
diff --git a/src/website/src/assets/videos/code-completions.webm b/src/website/src/assets/videos/code-completions.webm
new file mode 100644
index 00000000..724ea923
--- /dev/null
+++ b/src/website/src/assets/videos/code-completions.webm
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:49d236cdd99c345bbfe5cc0edd015dcb395b23ab97b6833458913e2741735c9f
+size 4058295
diff --git a/src/website/src/assets/videos/code-completions.zh.vtt b/src/website/src/assets/videos/code-completions.zh.vtt
new file mode 100644
index 00000000..8f65f4c0
--- /dev/null
+++ b/src/website/src/assets/videos/code-completions.zh.vtt
@@ -0,0 +1,11 @@
+WEBVTT
+
+00:00.000 --> 00:13.199
+[舒缓的音乐]
+SharpLsp 直接用 F# 编译器来补全 F#。输入 List. 就能看到所有列表函数，缩小到 minBy；在 lambda 里，记录的字段就在眼前。
+
+00:22.017 --> 00:32.605
+在 C# 中，补全直接来自 Roslyn：先是 LINQ 的 MinBy，然后是商品的属性。接受某一项会替换你正在输入的单词，而不是追加在后面。
+
+00:44.983 --> 00:54.218
+需要一个尚未导入的命名空间里的类型？按 Control+Space 并接受，SharpLsp 就会在文件顶部加上 using 指令。
diff --git a/src/website/src/assets/videos/configuration-poster.webp b/src/website/src/assets/videos/configuration-poster.webp
new file mode 100644
index 00000000..172544c0
Binary files /dev/null and b/src/website/src/assets/videos/configuration-poster.webp differ
diff --git a/src/website/src/assets/videos/configuration.en.vtt b/src/website/src/assets/videos/configuration.en.vtt
new file mode 100644
index 00000000..2b73634a
--- /dev/null
+++ b/src/website/src/assets/videos/configuration.en.vtt
@@ -0,0 +1,14 @@
+WEBVTT
+
+00:00.000 --> 00:10.777
+[Gentle music]
+SharpLsp has two kinds of settings. Editor settings live in VS Code, under SharpLsp: logging, NuGet, test lenses and more.
+
+00:13.550 --> 00:26.113
+Server settings live in sharplsp.toml, beside your solution. Turn on monorepo mode, and SharpLsp treats this repository as the only code that will ever call yours.
+
+00:27.283 --> 00:29.589
+Restart the language server to apply it.
+
+00:30.175 --> 00:35.480
+Now a public property that nothing uses is dead code too, and it's reported as an error.
diff --git a/src/website/src/assets/videos/configuration.ja.vtt b/src/website/src/assets/videos/configuration.ja.vtt
new file mode 100644
index 00000000..b2f3fdd7
--- /dev/null
+++ b/src/website/src/assets/videos/configuration.ja.vtt
@@ -0,0 +1,14 @@
+WEBVTT
+
+00:00.000 --> 00:10.777
+[穏やかな音楽]
+SharpLsp には 2 種類の設定があります。エディターの設定は VS Code の SharpLsp の下にあります。ログ、NuGet、テストレンズなどです。
+
+00:13.550 --> 00:26.113
+サーバーの設定は、ソリューションの隣にある sharplsp.toml に書きます。monorepo モードをオンにすると、SharpLsp はこのリポジトリを、あなたのコードを呼び出す唯一のコードとして扱います。
+
+00:27.283 --> 00:29.589
+言語サーバーを再起動して反映します。
+
+00:30.175 --> 00:35.480
+これで、どこからも使われていない public プロパティもデッドコードとなり、エラーとして報告されます。
diff --git a/src/website/src/assets/videos/configuration.mp4 b/src/website/src/assets/videos/configuration.mp4
new file mode 100644
index 00000000..93e35c3f
--- /dev/null
+++ b/src/website/src/assets/videos/configuration.mp4
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9fe7bad2a65afd3d1a1b36d59e7dca1d5c334a6eb763a92ae07649972a9f390e
+size 2084553
diff --git a/src/website/src/assets/videos/configuration.webm b/src/website/src/assets/videos/configuration.webm
new file mode 100644
index 00000000..3e62dc2e
--- /dev/null
+++ b/src/website/src/assets/videos/configuration.webm
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:faee169d04f4e994b20fcfead8889c8e4b57e0c28980afc92c1eeab133ca8aee
+size 2197710
diff --git a/src/website/src/assets/videos/configuration.zh.vtt b/src/website/src/assets/videos/configuration.zh.vtt
new file mode 100644
index 00000000..a2f34453
--- /dev/null
+++ b/src/website/src/assets/videos/configuration.zh.vtt
@@ -0,0 +1,14 @@
+WEBVTT
+
+00:00.000 --> 00:10.777
+[舒缓的音乐]
+SharpLsp 有两类设置。编辑器设置位于 VS Code 中的 SharpLsp 下：日志、NuGet、测试 CodeLens 等等。
+
+00:13.550 --> 00:26.113
+服务器设置写在解决方案旁边的 sharplsp.toml 里。打开 monorepo 模式，SharpLsp 会把这个仓库当作唯一会调用你代码的代码。
+
+00:27.283 --> 00:29.589
+重启语言服务器即可生效。
+
+00:30.175 --> 00:35.480
+现在，一个没有任何地方使用的公共属性也算作死代码，并以错误的形式报告出来。
diff --git a/src/website/src/assets/videos/context-menus-poster.webp b/src/website/src/assets/videos/context-menus-poster.webp
new file mode 100644
index 00000000..72fefd34
Binary files /dev/null and b/src/website/src/assets/videos/context-menus-poster.webp differ
diff --git a/src/website/src/assets/videos/context-menus.en.vtt b/src/website/src/assets/videos/context-menus.en.vtt
new file mode 100644
index 00000000..2f947294
--- /dev/null
+++ b/src/website/src/assets/videos/context-menus.en.vtt
@@ -0,0 +1,14 @@
+WEBVTT
+
+00:00.000 --> 00:10.071
+[Gentle music]
+Right-click in the Solution Explorer, and every node has its own actions. The solution builds, and tidies packages across all of its projects.
+
+00:11.150 --> 00:19.754
+Build, rebuild or clean a project in one click. The build runs in a terminal, and its errors and warnings land in the Problems panel.
+
+00:29.217 --> 00:33.158
+Open Project File takes you straight to the project's XML.
+
+00:46.217 --> 00:53.174
+And on a C# type, Sort Members orders its members by accessibility, kind and name, in a single edit.
diff --git a/src/website/src/assets/videos/context-menus.ja.vtt b/src/website/src/assets/videos/context-menus.ja.vtt
new file mode 100644
index 00000000..fd74b480
--- /dev/null
+++ b/src/website/src/assets/videos/context-menus.ja.vtt
@@ -0,0 +1,14 @@
+WEBVTT
+
+00:00.000 --> 00:10.071
+[穏やかな音楽]
+ソリューションエクスプローラーで右クリックすると、ノードごとに専用のアクションがあります。ソリューションはビルドでき、すべてのプロジェクトのパッケージを整理できます。
+
+00:11.150 --> 00:19.754
+プロジェクトのビルド、リビルド、クリーンはワンクリックです。ビルドはターミナルで実行され、エラーと警告は問題パネルに並びます。
+
+00:29.217 --> 00:33.158
+「プロジェクト ファイルを開く」で、プロジェクトの XML へ直行します。
+
+00:46.217 --> 00:53.174
+C# の型では、「メンバーの並べ替え」で、アクセシビリティ、種類、名前の順にメンバーを一度の編集で並べ替えます。
diff --git a/src/website/src/assets/videos/context-menus.mp4 b/src/website/src/assets/videos/context-menus.mp4
new file mode 100644
index 00000000..49d00290
--- /dev/null
+++ b/src/website/src/assets/videos/context-menus.mp4
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d0bb6b83fc59a90689e7f20610a66b5198be5504c14d24ff77df6d37f1a3061f
+size 2574394
diff --git a/src/website/src/assets/videos/context-menus.webm b/src/website/src/assets/videos/context-menus.webm
new file mode 100644
index 00000000..d81bbf4d
--- /dev/null
+++ b/src/website/src/assets/videos/context-menus.webm
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:5ac2d71ffc35f16f7f0991e3a3cfe8688e8c0260ab122460abcd7790a4a458da
+size 2862801
diff --git a/src/website/src/assets/videos/context-menus.zh.vtt b/src/website/src/assets/videos/context-menus.zh.vtt
new file mode 100644
index 00000000..412a0905
--- /dev/null
+++ b/src/website/src/assets/videos/context-menus.zh.vtt
@@ -0,0 +1,14 @@
+WEBVTT
+
+00:00.000 --> 00:10.071
+[舒缓的音乐]
+在解决方案资源管理器中右键单击，每个节点都有自己的操作。解决方案可以生成，并整理所有项目的包。
+
+00:11.150 --> 00:19.754
+一键生成、重新生成或清理项目。生成在终端中运行，错误和警告会出现在问题面板里。
+
+00:29.217 --> 00:33.158
+“打开项目文件”会直接带你到项目的 XML。
+
+00:46.217 --> 00:53.174
+在 C# 类型上，“排序成员”会按可访问性、种类和名称，一次编辑就把成员排好。
diff --git a/src/website/src/assets/videos/contributing-poster.webp b/src/website/src/assets/videos/contributing-poster.webp
new file mode 100644
index 00000000..57548e1d
Binary files /dev/null and b/src/website/src/assets/videos/contributing-poster.webp differ
diff --git a/src/website/src/assets/videos/contributing.en.vtt b/src/website/src/assets/videos/contributing.en.vtt
new file mode 100644
index 00000000..2fef6a41
--- /dev/null
+++ b/src/website/src/assets/videos/contributing.en.vtt
@@ -0,0 +1,11 @@
+WEBVTT
+
+00:00.000 --> 00:11.745
+[Gentle music]
+SharpLsp is built in the open. One repository holds the Rust host, the C# and F# sidecars, the editor integrations, and this website.
+
+00:15.017 --> 00:22.185
+The specs are the source of truth. Every section has an ID, and the code and tests that implement it cite that ID.
+
+00:29.417 --> 00:35.708
+Everything builds and tests from the command line. Here, the Rust host's unit tests compile and run.
diff --git a/src/website/src/assets/videos/contributing.ja.vtt b/src/website/src/assets/videos/contributing.ja.vtt
new file mode 100644
index 00000000..704c7a4f
--- /dev/null
+++ b/src/website/src/assets/videos/contributing.ja.vtt
@@ -0,0 +1,11 @@
+WEBVTT
+
+00:00.000 --> 00:11.745
+[穏やかな音楽]
+SharpLsp はオープンに開発されています。ひとつのリポジトリに、Rust ホスト、C# と F# のサイドカー、エディター統合、そしてこのウェブサイトが入っています。
+
+00:15.017 --> 00:22.185
+仕様書が唯一の拠り所です。各セクションには ID があり、それを実装するコードとテストがその ID を引用します。
+
+00:29.417 --> 00:35.708
+すべてコマンドラインからビルドとテストができます。ここでは Rust ホストの単体テストをコンパイルして実行します。
diff --git a/src/website/src/assets/videos/contributing.mp4 b/src/website/src/assets/videos/contributing.mp4
new file mode 100644
index 00000000..3e3b3504
--- /dev/null
+++ b/src/website/src/assets/videos/contributing.mp4
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:79c68117c170a6e0f5e90e7f7e1eff6a33e0770153eaae4570b8f81b0e1f4304
+size 1949789
diff --git a/src/website/src/assets/videos/contributing.webm b/src/website/src/assets/videos/contributing.webm
new file mode 100644
index 00000000..8cf1964f
--- /dev/null
+++ b/src/website/src/assets/videos/contributing.webm
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ea0207696b8cfadae68b2dfa087fe0253de0d0e9bfb1b567ab7073350cd3bb29
+size 2547230
diff --git a/src/website/src/assets/videos/contributing.zh.vtt b/src/website/src/assets/videos/contributing.zh.vtt
new file mode 100644
index 00000000..53bb141a
--- /dev/null
+++ b/src/website/src/assets/videos/contributing.zh.vtt
@@ -0,0 +1,11 @@
+WEBVTT
+
+00:00.000 --> 00:11.745
+[舒缓的音乐]
+SharpLsp 是开放开发的。一个仓库就包含了 Rust 宿主、C# 和 F# sidecar、各编辑器集成，以及这个网站。
+
+00:15.017 --> 00:22.185
+规范是唯一的事实来源。每个章节都有一个 ID，实现它的代码和测试都会引用这个 ID。
+
+00:29.417 --> 00:35.708
+一切都能在命令行中生成和测试。这里，Rust 宿主的单元测试正在编译并运行。
diff --git a/src/website/src/assets/videos/diagnostics-poster.webp b/src/website/src/assets/videos/diagnostics-poster.webp
new file mode 100644
index 00000000..5666f343
Binary files /dev/null and b/src/website/src/assets/videos/diagnostics-poster.webp differ
diff --git a/src/website/src/assets/videos/diagnostics.en.vtt b/src/website/src/assets/videos/diagnostics.en.vtt
new file mode 100644
index 00000000..10824a5d
--- /dev/null
+++ b/src/website/src/assets/videos/diagnostics.en.vtt
@@ -0,0 +1,14 @@
+WEBVTT
+
+00:00.000 --> 00:13.365
+[Gentle music]
+SharpLsp checks your code as you type, before you save. In F#, its own analyzer marks an open that nothing uses, and the F# compiler catches a string where an int belongs.
+
+00:28.383 --> 00:33.965
+C# gets the same from Roslyn. Assign a string to an int, and it's flagged straight away.
+
+00:49.050 --> 00:55.889
+SharpLsp's analyzers go further. A private method that nothing calls is flagged as dead code.
+
+01:10.017 --> 01:15.963
+Errors and warnings land in the Problems panel, each with its code and its source, ready to fix.
diff --git a/src/website/src/assets/videos/diagnostics.ja.vtt b/src/website/src/assets/videos/diagnostics.ja.vtt
new file mode 100644
index 00000000..d26c97f0
--- /dev/null
+++ b/src/website/src/assets/videos/diagnostics.ja.vtt
@@ -0,0 +1,14 @@
+WEBVTT
+
+00:00.000 --> 00:13.365
+[穏やかな音楽]
+SharpLsp は、保存する前の入力中のコードをチェックします。F# では、独自のアナライザーが使われていない open に印を付け、F# コンパイラーが int のはずの場所にある文字列を捕まえます。
+
+00:28.383 --> 00:33.965
+C# でも Roslyn が同じことをします。文字列を int に代入すると、すぐに指摘されます。
+
+00:49.050 --> 00:55.889
+SharpLsp のアナライザーはさらに踏み込みます。どこからも呼ばれていない private メソッドはデッドコードとして指摘されます。
+
+01:10.017 --> 01:15.963
+エラーと警告は、それぞれコードと出どころを添えて問題パネルに並び、すぐに修正できます。
diff --git a/src/website/src/assets/videos/diagnostics.mp4 b/src/website/src/assets/videos/diagnostics.mp4
new file mode 100644
index 00000000..7377d52b
--- /dev/null
+++ b/src/website/src/assets/videos/diagnostics.mp4
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ac07752b4895aa8c585f5c79e4dceca8f2d857bbba3b0f0fc677476b60969f4e
+size 3937002
diff --git a/src/website/src/assets/videos/diagnostics.webm b/src/website/src/assets/videos/diagnostics.webm
new file mode 100644
index 00000000..8564bec4
--- /dev/null
+++ b/src/website/src/assets/videos/diagnostics.webm
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4dda3fc0b65020edb5446466585d7e80afbefe10e023c41de8edcf38855f00e4
+size 4653999
diff --git a/src/website/src/assets/videos/diagnostics.zh.vtt b/src/website/src/assets/videos/diagnostics.zh.vtt
new file mode 100644
index 00000000..0fe55f1f
--- /dev/null
+++ b/src/website/src/assets/videos/diagnostics.zh.vtt
@@ -0,0 +1,14 @@
+WEBVTT
+
+00:00.000 --> 00:13.365
+[舒缓的音乐]
+SharpLsp 会在你输入时、保存之前检查代码。在 F# 中，它自己的分析器会标出一个没被用到的 open，F# 编译器则会抓住本该是 int 的地方出现的字符串。
+
+00:28.383 --> 00:33.965
+C# 也由 Roslyn 提供同样的检查。把字符串赋给 int，马上就会被标出来。
+
+00:49.050 --> 00:55.889
+SharpLsp 的分析器还会更进一步：一个没有任何地方调用的私有方法，会被标记为死代码。
+
+01:10.017 --> 01:15.963
+错误和警告都会出现在问题面板中，各自附带代码和来源，随时可以修复。
diff --git a/src/website/src/assets/videos/editor-setup-poster.webp b/src/website/src/assets/videos/editor-setup-poster.webp
new file mode 100644
index 00000000..5a251fd2
Binary files /dev/null and b/src/website/src/assets/videos/editor-setup-poster.webp differ
diff --git a/src/website/src/assets/videos/editor-setup.en.vtt b/src/website/src/assets/videos/editor-setup.en.vtt
new file mode 100644
index 00000000..4bcf23c8
--- /dev/null
+++ b/src/website/src/assets/videos/editor-setup.en.vtt
@@ -0,0 +1,11 @@
+WEBVTT
+
+00:00.000 --> 00:12.136
+[Gentle music]
+The VS Code extension brings everything with it. On start, it finds a .NET 10 SDK, launches the bundled server and both sidecars, and loads your solution.
+
+00:12.686 --> 00:21.888
+Everything it adds lives under SharpLsp in the Command Palette: builds, NuGet, F# Interactive, tests, debugging and the profiler.
+
+00:25.286 --> 00:36.668
+Contributors can point it at their own server and sidecar builds, in a trusted workspace only. And the same server runs in Zed, in Rider, and in any editor that speaks LSP.
diff --git a/src/website/src/assets/videos/editor-setup.ja.vtt b/src/website/src/assets/videos/editor-setup.ja.vtt
new file mode 100644
index 00000000..3dc5e219
--- /dev/null
+++ b/src/website/src/assets/videos/editor-setup.ja.vtt
@@ -0,0 +1,11 @@
+WEBVTT
+
+00:00.000 --> 00:12.136
+[穏やかな音楽]
+VS Code 拡張機能にはすべてが同梱されています。起動すると .NET 10 SDK を見つけ、同梱のサーバーと 2 つのサイドカーを起動し、ソリューションを読み込みます。
+
+00:12.686 --> 00:21.888
+追加される機能はすべて、コマンドパレットの SharpLsp の下にあります。ビルド、NuGet、F# Interactive、テスト、デバッグ、そしてプロファイラー。
+
+00:25.286 --> 00:36.668
+コントリビューターは、信頼済みのワークスペースに限り、自分でビルドしたサーバーとサイドカーを指定できます。そして同じサーバーが Zed でも、Rider でも、LSP を話すどのエディターでも動きます。
diff --git a/src/website/src/assets/videos/editor-setup.mp4 b/src/website/src/assets/videos/editor-setup.mp4
new file mode 100644
index 00000000..127fa3c4
--- /dev/null
+++ b/src/website/src/assets/videos/editor-setup.mp4
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4275cad6df599926bedf8bdf5f9633b12b379715f4f64dc16028554ccb175644
+size 1613243
diff --git a/src/website/src/assets/videos/editor-setup.webm b/src/website/src/assets/videos/editor-setup.webm
new file mode 100644
index 00000000..b7e66fb4
--- /dev/null
+++ b/src/website/src/assets/videos/editor-setup.webm
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:661c260eed5c21160002e8710aea472eea63eb6a21d14c56fa8c50f198ab08e2
+size 1786295
diff --git a/src/website/src/assets/videos/editor-setup.zh.vtt b/src/website/src/assets/videos/editor-setup.zh.vtt
new file mode 100644
index 00000000..0e27e0f9
--- /dev/null
+++ b/src/website/src/assets/videos/editor-setup.zh.vtt
@@ -0,0 +1,11 @@
+WEBVTT
+
+00:00.000 --> 00:12.136
+[舒缓的音乐]
+VS Code 扩展自带一切。启动时，它会找到 .NET 10 SDK，启动内置的服务器和两个 sidecar，并加载你的解决方案。
+
+00:12.686 --> 00:21.888
+它添加的一切都在命令面板的 SharpLsp 下：生成、NuGet、F# Interactive、测试、调试和性能分析器。
+
+00:25.286 --> 00:36.668
+贡献者可以让它使用自己构建的服务器和 sidecar，但仅限受信任的工作区。同一个服务器也能在 Zed、Rider 以及任何支持 LSP 的编辑器中运行。
diff --git a/src/website/src/assets/videos/fsharp-language-poster.webp b/src/website/src/assets/videos/fsharp-language-poster.webp
new file mode 100644
index 00000000..51eb019f
Binary files /dev/null and b/src/website/src/assets/videos/fsharp-language-poster.webp differ
diff --git a/src/website/src/assets/videos/fsharp-language.en.vtt b/src/website/src/assets/videos/fsharp-language.en.vtt
new file mode 100644
index 00000000..e82b28b6
--- /dev/null
+++ b/src/website/src/assets/videos/fsharp-language.en.vtt
@@ -0,0 +1,23 @@
+WEBVTT
+
+00:00.000 --> 00:12.144
+[Gentle music]
+This is F# in VS Code with SharpLsp. Hover any symbol, and the F# compiler tells you exactly what it is: the parser, the basket picker, the pricing.
+
+00:16.683 --> 00:26.025
+Completion knows your types. Type List dot for every list function, and narrow it down to minBy. Inside the lambda, the record's fields are right there.
+
+00:40.717 --> 00:45.265
+Press F12 on a type to jump to its definition, even in another file.
+
+00:48.550 --> 00:54.600
+Shift F12 finds every reference across the project, including code you haven't saved yet.
+
+00:59.817 --> 01:07.702
+Quick fixes write code for you. This match misses a case. Press Command dot, and SharpLsp generates the missing case.
+
+01:11.583 --> 01:20.580
+Rename a function with F2, and SharpLsp renames it across the whole project. Program.fs already calls it by its new name.
+
+01:30.917 --> 01:40.832
+And to try an idea, send code to F# Interactive and run it on the spot. That's F# in SharpLsp. First class, free, and open source.
diff --git a/src/website/src/assets/videos/fsharp-language.ja.vtt b/src/website/src/assets/videos/fsharp-language.ja.vtt
new file mode 100644
index 00000000..50f05aa3
--- /dev/null
+++ b/src/website/src/assets/videos/fsharp-language.ja.vtt
@@ -0,0 +1,23 @@
+WEBVTT
+
+00:00.000 --> 00:12.144
+[穏やかな音楽]
+これは SharpLsp を入れた VS Code の F# です。シンボルにホバーすると、F# コンパイラーがその正体を正確に教えてくれます。パーサー、バスケットの選択、価格計算。
+
+00:16.683 --> 00:26.025
+補完は型を理解しています。List. と打てばリスト関数がすべて並び、minBy まで絞り込めます。ラムダの中では、レコードのフィールドがすぐに出てきます。
+
+00:40.717 --> 00:45.265
+型の上で F12 を押すと、別のファイルにあっても定義へジャンプします。
+
+00:48.550 --> 00:54.600
+Shift+F12 で、まだ保存していないコードも含めて、プロジェクト全体の参照をすべて見つけます。
+
+00:59.817 --> 01:07.702
+クイックフィックスがコードを書いてくれます。この match にはケースが足りません。Command+. を押すと、SharpLsp が足りないケースを生成します。
+
+01:11.583 --> 01:20.580
+F2 で関数の名前を変えると、SharpLsp がプロジェクト全体で名前を変えます。Program.fs はもう新しい名前で呼び出しています。
+
+01:30.917 --> 01:40.832
+アイデアを試したいときは、コードを F# Interactive に送ってその場で実行できます。これが SharpLsp の F# です。ファーストクラスで、無料、そしてオープンソースです。
diff --git a/src/website/src/assets/videos/fsharp-language.mp4 b/src/website/src/assets/videos/fsharp-language.mp4
new file mode 100644
index 00000000..905d8f6b
--- /dev/null
+++ b/src/website/src/assets/videos/fsharp-language.mp4
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4363520c1f856b889b312af62371e6862d1b9710067654dada59c382dc602641
+size 5216121
diff --git a/src/website/src/assets/videos/fsharp-language.webm b/src/website/src/assets/videos/fsharp-language.webm
new file mode 100644
index 00000000..c1bd59de
--- /dev/null
+++ b/src/website/src/assets/videos/fsharp-language.webm
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0ae28cbdc41c326b3297a9d43662e05aab9abc1cb013530224739680dc4c01a6
+size 5787457
diff --git a/src/website/src/assets/videos/fsharp-language.zh.vtt b/src/website/src/assets/videos/fsharp-language.zh.vtt
new file mode 100644
index 00000000..1a32bc75
--- /dev/null
+++ b/src/website/src/assets/videos/fsharp-language.zh.vtt
@@ -0,0 +1,23 @@
+WEBVTT
+
+00:00.000 --> 00:12.144
+[舒缓的音乐]
+这是装有 SharpLsp 的 VS Code 中的 F#。将鼠标悬停在任意符号上，F# 编译器会准确告诉你它是什么：解析器、购物篮挑选、价格计算。
+
+00:16.683 --> 00:26.025
+补全了解你的类型。输入 List. 就能看到所有列表函数，再缩小到 minBy。在 lambda 里，记录的字段就在眼前。
+
+00:40.717 --> 00:45.265
+在类型上按 F12，即使它在另一个文件里，也能跳转到定义。
+
+00:48.550 --> 00:54.600
+Shift+F12 会找出整个项目中的所有引用，包括你还没保存的代码。
+
+00:59.817 --> 01:07.702
+快速修复会替你写代码。这个 match 漏了一个分支。按 Command+.，SharpLsp 就会生成缺失的分支。
+
+01:11.583 --> 01:20.580
+用 F2 重命名一个函数，SharpLsp 会在整个项目中重命名它。Program.fs 已经在用新名字调用它了。
+
+01:30.917 --> 01:40.832
+想试试某个想法？把代码发送到 F# Interactive，当场运行。这就是 SharpLsp 中的 F#。一等公民，免费，而且开源。
diff --git a/src/website/src/assets/videos/getting-started-poster.webp b/src/website/src/assets/videos/getting-started-poster.webp
new file mode 100644
index 00000000..970bd6da
Binary files /dev/null and b/src/website/src/assets/videos/getting-started-poster.webp differ
diff --git a/src/website/src/assets/videos/getting-started.en.vtt b/src/website/src/assets/videos/getting-started.en.vtt
new file mode 100644
index 00000000..f5d3c98e
--- /dev/null
+++ b/src/website/src/assets/videos/getting-started.en.vtt
@@ -0,0 +1,14 @@
+WEBVTT
+
+00:00.000 --> 00:12.062
+[Gentle music]
+This is SharpLsp in VS Code. Open a folder with a solution or a project, and SharpLsp loads it, with C# and F# side by side.
+
+00:13.150 --> 00:18.934
+F# is first class. The F# compiler answers every hover, completion and jump.
+
+00:27.550 --> 00:34.396
+C# runs on Roslyn, the compiler itself, for completion, diagnostics, fixes and refactorings.
+
+00:50.017 --> 01:02.286
+And the tools come with it: a profiler, a NuGet browser, test lenses and debugging. Install SharpLsp from the Marketplace or Open VSX. It's free, and open source.
diff --git a/src/website/src/assets/videos/getting-started.ja.vtt b/src/website/src/assets/videos/getting-started.ja.vtt
new file mode 100644
index 00000000..31023844
--- /dev/null
+++ b/src/website/src/assets/videos/getting-started.ja.vtt
@@ -0,0 +1,14 @@
+WEBVTT
+
+00:00.000 --> 00:12.062
+[穏やかな音楽]
+これが VS Code の SharpLsp です。ソリューションやプロジェクトのあるフォルダーを開くと、SharpLsp が読み込みます。C# と F# が並んで表示されます。
+
+00:13.150 --> 00:18.934
+F# はファーストクラスです。ホバー、補完、ジャンプのすべてに F# コンパイラーが答えます。
+
+00:27.550 --> 00:34.396
+C# は、コンパイラーそのものである Roslyn で動きます。補完、診断、修正、リファクタリングまで。
+
+00:50.017 --> 01:02.286
+さらにツールも付いてきます。プロファイラー、NuGet ブラウザー、テストレンズ、デバッグ。SharpLsp は Marketplace または Open VSX からインストールできます。無料で、オープンソースです。
diff --git a/src/website/src/assets/videos/getting-started.mp4 b/src/website/src/assets/videos/getting-started.mp4
new file mode 100644
index 00000000..0ed95746
--- /dev/null
+++ b/src/website/src/assets/videos/getting-started.mp4
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ec5ab7fc4aef3ee9f75db883223df6a14df71684aecf1c74f8670d9c2fa49e6d
+size 3019908
diff --git a/src/website/src/assets/videos/getting-started.webm b/src/website/src/assets/videos/getting-started.webm
new file mode 100644
index 00000000..02f6758d
--- /dev/null
+++ b/src/website/src/assets/videos/getting-started.webm
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0f869c63b4e44e9550628f4a074edafa9227d775f0f8dec5400d8ac937a27caf
+size 3646903
diff --git a/src/website/src/assets/videos/getting-started.zh.vtt b/src/website/src/assets/videos/getting-started.zh.vtt
new file mode 100644
index 00000000..8b7bb76f
--- /dev/null
+++ b/src/website/src/assets/videos/getting-started.zh.vtt
@@ -0,0 +1,14 @@
+WEBVTT
+
+00:00.000 --> 00:12.062
+[舒缓的音乐]
+这就是 VS Code 中的 SharpLsp。打开一个包含解决方案或项目的文件夹，SharpLsp 就会加载它，C# 和 F# 并排呈现。
+
+00:13.150 --> 00:18.934
+F# 是一等公民。每一次悬停、补全和跳转，都由 F# 编译器作答。
+
+00:27.550 --> 00:34.396
+C# 由编译器本身 Roslyn 驱动：补全、诊断、修复和重构。
+
+00:50.017 --> 01:02.286
+工具也一并奉上：性能分析器、NuGet 浏览器、测试 CodeLens 和调试。从 Marketplace 或 Open VSX 安装 SharpLsp。它免费，而且开源。
diff --git a/src/website/src/assets/videos/hover-poster.webp b/src/website/src/assets/videos/hover-poster.webp
new file mode 100644
index 00000000..1409a53b
Binary files /dev/null and b/src/website/src/assets/videos/hover-poster.webp differ
diff --git a/src/website/src/assets/videos/hover.en.vtt b/src/website/src/assets/videos/hover.en.vtt
new file mode 100644
index 00000000..1fcab857
--- /dev/null
+++ b/src/website/src/assets/videos/hover.en.vtt
@@ -0,0 +1,14 @@
+WEBVTT
+
+00:00.000 --> 00:10.472
+[Gentle music]
+Hover a symbol to see exactly what it is. In F#, SharpLsp shows the signature the compiler inferred, with your doc comment underneath.
+
+00:19.217 --> 00:25.185
+Union cases work the same way, and so do .NET types, shown just as F# sees them.
+
+00:37.083 --> 00:43.715
+C# hovers come from Roslyn: your XML docs, rendered, and the real type behind every var.
+
+00:55.083 --> 01:01.061
+And hover reads the code you haven't saved. Change a doc comment, and the next hover already shows it.
diff --git a/src/website/src/assets/videos/hover.ja.vtt b/src/website/src/assets/videos/hover.ja.vtt
new file mode 100644
index 00000000..c6cdacf9
--- /dev/null
+++ b/src/website/src/assets/videos/hover.ja.vtt
@@ -0,0 +1,14 @@
+WEBVTT
+
+00:00.000 --> 00:10.472
+[穏やかな音楽]
+シンボルにホバーすると、その正体が正確にわかります。F# では、コンパイラーが推論したシグネチャーと、その下にドキュメントコメントを表示します。
+
+00:19.217 --> 00:25.185
+共用体ケースも同じです。.NET の型も、F# から見たとおりの姿で表示されます。
+
+00:37.083 --> 00:43.715
+C# のホバーは Roslyn から届きます。XML ドキュメントはきれいに表示され、var の背後にある本当の型もわかります。
+
+00:55.083 --> 01:01.061
+さらに、ホバーはまだ保存していないコードも読み取ります。ドキュメントコメントを変えれば、次のホバーにはもう反映されています。
diff --git a/src/website/src/assets/videos/hover.mp4 b/src/website/src/assets/videos/hover.mp4
new file mode 100644
index 00000000..15ca365d
--- /dev/null
+++ b/src/website/src/assets/videos/hover.mp4
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:91d865ffcbd28a588f611c216eca05bd6dab3a0635bba81b93c1113a5e2f1ba3
+size 2730419
diff --git a/src/website/src/assets/videos/hover.webm b/src/website/src/assets/videos/hover.webm
new file mode 100644
index 00000000..39bd6606
--- /dev/null
+++ b/src/website/src/assets/videos/hover.webm
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1be50faa8c501a3edb053093150815f4c7dd798e82941532ebc2f2d8284e9b48
+size 3068573
diff --git a/src/website/src/assets/videos/hover.zh.vtt b/src/website/src/assets/videos/hover.zh.vtt
new file mode 100644
index 00000000..185a5d5a
--- /dev/null
+++ b/src/website/src/assets/videos/hover.zh.vtt
@@ -0,0 +1,14 @@
+WEBVTT
+
+00:00.000 --> 00:10.472
+[舒缓的音乐]
+把鼠标悬停在符号上，就能准确看到它是什么。在 F# 中，SharpLsp 会显示编译器推断出的签名，下方附上你的文档注释。
+
+00:19.217 --> 00:25.185
+联合用例也是一样，.NET 类型同样如此，以 F# 看到的样子显示。
+
+00:37.083 --> 00:43.715
+C# 的悬停信息来自 Roslyn：渲染好的 XML 文档，以及每个 var 背后的真实类型。
+
+00:55.083 --> 01:01.061
+而且悬停会读取你还没保存的代码。修改一条文档注释，下一次悬停就已经显示出来了。
diff --git a/src/website/src/assets/videos/navigation-poster.webp b/src/website/src/assets/videos/navigation-poster.webp
new file mode 100644
index 00000000..8cc0dd15
Binary files /dev/null and b/src/website/src/assets/videos/navigation-poster.webp differ
diff --git a/src/website/src/assets/videos/navigation.en.vtt b/src/website/src/assets/videos/navigation.en.vtt
new file mode 100644
index 00000000..18363847
--- /dev/null
+++ b/src/website/src/assets/videos/navigation.en.vtt
@@ -0,0 +1,14 @@
+WEBVTT
+
+00:00.000 --> 00:12.292
+[Gentle music]
+Press F12 on any symbol to jump to its definition. In F#, the F# compiler resolves it across files: here, a union case declared in another file.
+
+00:15.417 --> 00:20.745
+In C#, Roslyn does the same, from the program straight into the checkout pipeline.
+
+00:31.183 --> 00:38.397
+Shift F12 finds every reference across the solution, in a peek window you can browse without losing your place.
+
+00:43.950 --> 00:51.096
+It works for the framework too. F12 on JsonSerializer opens its source, decompiled from the assembly.
diff --git a/src/website/src/assets/videos/navigation.ja.vtt b/src/website/src/assets/videos/navigation.ja.vtt
new file mode 100644
index 00000000..5bf6ece7
--- /dev/null
+++ b/src/website/src/assets/videos/navigation.ja.vtt
@@ -0,0 +1,14 @@
+WEBVTT
+
+00:00.000 --> 00:12.292
+[穏やかな音楽]
+シンボルの上で F12 を押すと、その定義へジャンプします。F# では F# コンパイラーがファイルをまたいで解決します。ここでは、別のファイルで宣言された共用体ケースです。
+
+00:15.417 --> 00:20.745
+C# では Roslyn が同じことをします。プログラムからチェックアウトパイプラインへ一直線です。
+
+00:31.183 --> 00:38.397
+Shift+F12 でソリューション全体の参照をすべて見つけます。ピークウィンドウなので、今いる場所を見失わずに見て回れます。
+
+00:43.950 --> 00:51.096
+フレームワークにも使えます。JsonSerializer の上で F12 を押すと、アセンブリから逆コンパイルしたソースが開きます。
diff --git a/src/website/src/assets/videos/navigation.mp4 b/src/website/src/assets/videos/navigation.mp4
new file mode 100644
index 00000000..2633f128
--- /dev/null
+++ b/src/website/src/assets/videos/navigation.mp4
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7419d4dbb3ad684775ed19659e121dafbdea2efb85804cad8c169325b3750033
+size 2824887
diff --git a/src/website/src/assets/videos/navigation.webm b/src/website/src/assets/videos/navigation.webm
new file mode 100644
index 00000000..4c81194b
--- /dev/null
+++ b/src/website/src/assets/videos/navigation.webm
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d8e12a66928366f65c44591f1efdef0d3ea0529970a980438f6d442e21afc203
+size 3288562
diff --git a/src/website/src/assets/videos/navigation.zh.vtt b/src/website/src/assets/videos/navigation.zh.vtt
new file mode 100644
index 00000000..0f9c3e40
--- /dev/null
+++ b/src/website/src/assets/videos/navigation.zh.vtt
@@ -0,0 +1,14 @@
+WEBVTT
+
+00:00.000 --> 00:12.292
+[舒缓的音乐]
+在任意符号上按 F12，即可跳转到它的定义。在 F# 中，由 F# 编译器跨文件解析：这里是在另一个文件中声明的联合用例。
+
+00:15.417 --> 00:20.745
+在 C# 中，Roslyn 也一样，从程序直接跳进结账管道。
+
+00:31.183 --> 00:38.397
+Shift+F12 会找出整个解决方案中的所有引用，显示在速览窗口里，浏览时不会丢失当前位置。
+
+00:43.950 --> 00:51.096
+对框架也同样有效。在 JsonSerializer 上按 F12，会打开从程序集反编译出的源代码。
diff --git a/src/website/src/assets/videos/nuget-poster.webp b/src/website/src/assets/videos/nuget-poster.webp
new file mode 100644
index 00000000..b0f741f4
Binary files /dev/null and b/src/website/src/assets/videos/nuget-poster.webp differ
diff --git a/src/website/src/assets/videos/nuget.en.vtt b/src/website/src/assets/videos/nuget.en.vtt
new file mode 100644
index 00000000..bed11adb
--- /dev/null
+++ b/src/website/src/assets/videos/nuget.en.vtt
@@ -0,0 +1,14 @@
+WEBVTT
+
+00:00.000 --> 00:10.677
+[Gentle music]
+SharpLsp brings a NuGet browser into VS Code. Right-click a project, F# or C#, and choose Browse NuGet Packages.
+
+00:24.117 --> 00:30.217
+Search nuget.org, and pick a package to see its description, license, versions and tags.
+
+00:47.683 --> 00:54.269
+Install edits the project file through MSBuild, keeping its formatting, then restores in the background.
+
+00:54.819 --> 01:01.103
+Now it's under Installed, and the project file has its package reference. No terminal, no guesswork.
diff --git a/src/website/src/assets/videos/nuget.ja.vtt b/src/website/src/assets/videos/nuget.ja.vtt
new file mode 100644
index 00000000..1e060be1
--- /dev/null
+++ b/src/website/src/assets/videos/nuget.ja.vtt
@@ -0,0 +1,14 @@
+WEBVTT
+
+00:00.000 --> 00:10.677
+[穏やかな音楽]
+SharpLsp は VS Code に NuGet ブラウザーを持ち込みます。F# でも C# でも、プロジェクトを右クリックして「NuGet パッケージの参照」を選びます。
+
+00:24.117 --> 00:30.217
+nuget.org を検索し、パッケージを選ぶと、説明、ライセンス、バージョン、タグが表示されます。
+
+00:47.683 --> 00:54.269
+インストールでは、書式を保ったまま MSBuild でプロジェクトファイルを編集し、バックグラウンドで復元します。
+
+00:54.819 --> 01:01.103
+これで「インストール済み」に表示され、プロジェクトファイルにはパッケージ参照が入りました。ターミナルも、当て推量も要りません。
diff --git a/src/website/src/assets/videos/nuget.mp4 b/src/website/src/assets/videos/nuget.mp4
new file mode 100644
index 00000000..7fd1b611
--- /dev/null
+++ b/src/website/src/assets/videos/nuget.mp4
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:06a3e2d6a255a92a4742c56246128bb08c971a21e9285c2be5726f20cc96f3b9
+size 3063285
diff --git a/src/website/src/assets/videos/nuget.webm b/src/website/src/assets/videos/nuget.webm
new file mode 100644
index 00000000..cbde1c60
--- /dev/null
+++ b/src/website/src/assets/videos/nuget.webm
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d7ccf36de7bb9ecc010c427894c8a0ac56753a8943eaca2310f0599315d572be
+size 3616462
diff --git a/src/website/src/assets/videos/nuget.zh.vtt b/src/website/src/assets/videos/nuget.zh.vtt
new file mode 100644
index 00000000..e1d59d06
--- /dev/null
+++ b/src/website/src/assets/videos/nuget.zh.vtt
@@ -0,0 +1,14 @@
+WEBVTT
+
+00:00.000 --> 00:10.677
+[舒缓的音乐]
+SharpLsp 把 NuGet 浏览器带进了 VS Code。右键单击一个项目，无论 F# 还是 C#，选择“浏览 NuGet 包”。
+
+00:24.117 --> 00:30.217
+搜索 nuget.org，选中一个包，就能看到它的描述、许可证、版本和标签。
+
+00:47.683 --> 00:54.269
+安装会通过 MSBuild 编辑项目文件并保留其格式，然后在后台还原。
+
+00:54.819 --> 01:01.103
+现在它出现在“已安装”中，项目文件里也有了包引用。不用终端，也不用猜。
diff --git a/src/website/src/assets/videos/profiler-csharp-poster.webp b/src/website/src/assets/videos/profiler-csharp-poster.webp
new file mode 100644
index 00000000..d7af2dbc
Binary files /dev/null and b/src/website/src/assets/videos/profiler-csharp-poster.webp differ
diff --git a/src/website/src/assets/videos/profiler-csharp.en.vtt b/src/website/src/assets/videos/profiler-csharp.en.vtt
new file mode 100644
index 00000000..9f0654e1
--- /dev/null
+++ b/src/website/src/assets/videos/profiler-csharp.en.vtt
@@ -0,0 +1,32 @@
+WEBVTT
+
+00:00.000 --> 00:10.649
+[Gentle music]
+This is Storefront, a C# app that's running right now. SharpLsp attaches to it, no restart needed, and samples where its time goes.
+
+00:13.383 --> 00:22.096
+Stop the profiler, and every hot line lights up in the editor: the catalog parse, the discount loop, and the invoice built one string at a time.
+
+00:23.450 --> 00:28.724
+The results list the hottest functions and the hottest lines, so you know exactly where to start.
+
+00:32.516 --> 00:38.238
+Now track memory on the same app. SharpLsp snapshots the heap every ten seconds.
+
+00:45.362 --> 00:55.168
+The suspects rank by consistent growth, and CustomerSession grows in every snapshot, along with the byte arrays it holds. Click it, and you jump to its code.
+
+00:58.395 --> 01:00.672
+So, what's keeping those sessions alive?
+
+01:16.304 --> 01:21.379
+A static dictionary, named in the graph, that holds every session the app has ever seen.
+
+01:25.304 --> 01:28.873
+The fix: keep the last thousand orders, and evict the rest.
+
+01:49.237 --> 01:51.750
+Rebuild, run it again, and track memory.
+
+02:05.429 --> 02:13.357
+This time the heap holds steady. That's the SharpLsp profiler, for C# and F#. Free, and open source.
diff --git a/src/website/src/assets/videos/profiler-csharp.ja.vtt b/src/website/src/assets/videos/profiler-csharp.ja.vtt
new file mode 100644
index 00000000..ac80d3de
--- /dev/null
+++ b/src/website/src/assets/videos/profiler-csharp.ja.vtt
@@ -0,0 +1,32 @@
+WEBVTT
+
+00:00.000 --> 00:10.649
+[穏やかな音楽]
+これは Storefront、いま実際に動いている C# アプリです。SharpLsp は再起動なしでアタッチし、時間がどこに使われているかをサンプリングします。
+
+00:13.383 --> 00:22.096
+プロファイラーを止めると、エディターの中でホットな行がすべて光ります。カタログの解析、割引のループ、そして文字列をひとつずつ連結して作る請求書。
+
+00:23.450 --> 00:28.724
+結果には最もホットな関数と最もホットな行が並ぶので、どこから手を付ければいいかがすぐわかります。
+
+00:32.516 --> 00:38.238
+次は同じアプリのメモリを追跡します。SharpLsp が 10 秒ごとにヒープのスナップショットを取ります。
+
+00:45.362 --> 00:55.168
+疑いは一貫した増加の度合いで並びます。CustomerSession は、それが保持するバイト配列とともに、どのスナップショットでも増えています。クリックすると、そのコードへジャンプします。
+
+00:58.395 --> 01:00.672
+では、何がそれらのセッションを生かし続けているのでしょうか？
+
+01:16.304 --> 01:21.379
+グラフに名前が示された static な Dictionary が、アプリがこれまでに扱ったすべてのセッションを保持しています。
+
+01:25.304 --> 01:28.873
+修正は、直近 1,000 件の注文だけを残し、残りを追い出すことです。
+
+01:49.237 --> 01:51.750
+再ビルドして、もう一度実行し、メモリを追跡します。
+
+02:05.429 --> 02:13.357
+今度はヒープが横ばいです。これが C# と F# のための SharpLsp プロファイラーです。無料で、オープンソースです。
diff --git a/src/website/src/assets/videos/profiler-csharp.mp4 b/src/website/src/assets/videos/profiler-csharp.mp4
new file mode 100644
index 00000000..d224c7af
--- /dev/null
+++ b/src/website/src/assets/videos/profiler-csharp.mp4
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:98f2b4501919a6c7fd2bb44ab2d93382e0c00c656216d1194b3536ba774258e4
+size 6706594
diff --git a/src/website/src/assets/videos/profiler-csharp.webm b/src/website/src/assets/videos/profiler-csharp.webm
new file mode 100644
index 00000000..a8e76099
--- /dev/null
+++ b/src/website/src/assets/videos/profiler-csharp.webm
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:bb67b134f6e61763bdd18f8f5444c524bc503aa69c516a7b6665248926c18a12
+size 8056045
diff --git a/src/website/src/assets/videos/profiler-csharp.zh.vtt b/src/website/src/assets/videos/profiler-csharp.zh.vtt
new file mode 100644
index 00000000..9535d7eb
--- /dev/null
+++ b/src/website/src/assets/videos/profiler-csharp.zh.vtt
@@ -0,0 +1,32 @@
+WEBVTT
+
+00:00.000 --> 00:10.649
+[舒缓的音乐]
+这是 Storefront，一个正在运行的 C# 应用。SharpLsp 无需重启即可附加到它上面，采样它的时间都花在了哪里。
+
+00:13.383 --> 00:22.096
+停止性能分析器，编辑器里每个热点行都会亮起：商品目录解析、折扣循环，还有一个字符串一个字符串拼出来的发票。
+
+00:23.450 --> 00:28.724
+结果列出了最热的函数和最热的代码行，让你清楚地知道该从哪里下手。
+
+00:32.516 --> 00:38.238
+现在跟踪同一个应用的内存。SharpLsp 每十秒为堆拍一次快照。
+
+00:45.362 --> 00:55.168
+可疑项按持续增长程度排序。CustomerSession 在每个快照里都在增长，它持有的字节数组也一样。点击它，就会跳到它的代码。
+
+00:58.395 --> 01:00.672
+那么，是什么让这些会话一直存活？
+
+01:16.304 --> 01:21.379
+图中标出的一个静态字典，保存着应用见过的每一个会话。
+
+01:25.304 --> 01:28.873
+修复方法：只保留最近一千笔订单，其余的淘汰。
+
+01:49.237 --> 01:51.750
+重新构建，再次运行，然后跟踪内存。
+
+02:05.429 --> 02:13.357
+这一次，堆保持平稳。这就是适用于 C# 和 F# 的 SharpLsp 性能分析器。免费，而且开源。
diff --git a/src/website/src/assets/videos/profiler-fix-memory-leak-poster.webp b/src/website/src/assets/videos/profiler-fix-memory-leak-poster.webp
index 44cea49a..adde5d7c 100644
Binary files a/src/website/src/assets/videos/profiler-fix-memory-leak-poster.webp and b/src/website/src/assets/videos/profiler-fix-memory-leak-poster.webp differ
diff --git a/src/website/src/assets/videos/profiler-fix-memory-leak.en.vtt b/src/website/src/assets/videos/profiler-fix-memory-leak.en.vtt
new file mode 100644
index 00000000..681c9511
--- /dev/null
+++ b/src/website/src/assets/videos/profiler-fix-memory-leak.en.vtt
@@ -0,0 +1,26 @@
+WEBVTT
+
+00:00.000 --> 00:08.426
+[Gentle music]
+This is Storefront, a C# app whose memory keeps climbing. Track Memory on its process, right from VS Code.
+
+00:08.976 --> 00:14.019
+SharpLsp snapshots the heap every ten seconds, and the heap keeps growing.
+
+00:14.569 --> 00:22.273
+Leak suspects rank by consistent growth. CustomerSession climbs in every snapshot. Click it, and you jump to its code.
+
+00:27.402 --> 00:29.679
+So, what's keeping those sessions alive?
+
+00:30.404 --> 00:37.032
+The reference graph walks up to the root: a static dictionary that remembers every order, and never forgets one.
+
+00:41.470 --> 00:46.871
+The fix: keep the last thousand orders, and evict the oldest as each new one arrives.
+
+01:05.237 --> 01:08.495
+Rebuild, run it again, and track memory once more.
+
+01:19.674 --> 01:27.912
+This time the heap holds steady, and no suspect climbs past Low. The leak is found, fixed, and proven, without leaving your editor.
diff --git a/src/website/src/assets/videos/profiler-fix-memory-leak.ja.vtt b/src/website/src/assets/videos/profiler-fix-memory-leak.ja.vtt
new file mode 100644
index 00000000..d99beec3
--- /dev/null
+++ b/src/website/src/assets/videos/profiler-fix-memory-leak.ja.vtt
@@ -0,0 +1,26 @@
+WEBVTT
+
+00:00.000 --> 00:08.426
+[穏やかな音楽]
+これは Storefront、メモリが増え続ける C# アプリです。VS Code から、そのプロセスのメモリを追跡します。
+
+00:08.976 --> 00:14.019
+SharpLsp が 10 秒ごとにヒープのスナップショットを取りますが、ヒープは増え続けます。
+
+00:14.569 --> 00:22.273
+リークの疑いは、一貫した増加の度合いで並びます。CustomerSession はどのスナップショットでも増えています。クリックすると、そのコードへジャンプします。
+
+00:27.402 --> 00:29.679
+では、何がそれらのセッションを生かし続けているのでしょうか？
+
+00:30.404 --> 00:37.032
+参照グラフをたどるとルートに行き着きます。すべての注文を覚えていて、決して忘れない static な Dictionary です。
+
+00:41.470 --> 00:46.871
+修正は、直近 1,000 件の注文だけを残し、新しい注文が来るたびに一番古いものを追い出すことです。
+
+01:05.237 --> 01:08.495
+再ビルドして、もう一度実行し、改めてメモリを追跡します。
+
+01:19.674 --> 01:27.912
+今度はヒープが横ばいのまま、Low を超えるものはありません。エディターを離れることなく、リークを見つけ、直し、証明できました。
diff --git a/src/website/src/assets/videos/profiler-fix-memory-leak.mp4 b/src/website/src/assets/videos/profiler-fix-memory-leak.mp4
index 38369e70..baf008df 100644
--- a/src/website/src/assets/videos/profiler-fix-memory-leak.mp4
+++ b/src/website/src/assets/videos/profiler-fix-memory-leak.mp4
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:93f59d171ff661ad21ee4f0fbf864efacaf8b9f21bbc0380f91d6982cbdcf4b4
-size 2327559
+oid sha256:583ae0671d64e6c16a946b124d09e0b4774a1fc5f70b3d01fb3e760ee92e5116
+size 4161792
diff --git a/src/website/src/assets/videos/profiler-fix-memory-leak.webm b/src/website/src/assets/videos/profiler-fix-memory-leak.webm
index 6c37489f..a0273384 100644
--- a/src/website/src/assets/videos/profiler-fix-memory-leak.webm
+++ b/src/website/src/assets/videos/profiler-fix-memory-leak.webm
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:5ecd88449ce7a9244cffa2035394b48601de3981f1e892fcff1bce3d39f0e8c6
-size 3449213
+oid sha256:0da5ba140159a314487839587199f2c89160d1a6398cc5877ec2e4bd65291307
+size 4927633
diff --git a/src/website/src/assets/videos/profiler-fix-memory-leak.zh.vtt b/src/website/src/assets/videos/profiler-fix-memory-leak.zh.vtt
new file mode 100644
index 00000000..0692d788
--- /dev/null
+++ b/src/website/src/assets/videos/profiler-fix-memory-leak.zh.vtt
@@ -0,0 +1,26 @@
+WEBVTT
+
+00:00.000 --> 00:08.426
+[舒缓的音乐]
+这是 Storefront，一个内存不断上涨的 C# 应用。直接在 VS Code 里对它的进程开启内存跟踪。
+
+00:08.976 --> 00:14.019
+SharpLsp 每十秒为堆拍一次快照，而堆一直在增长。
+
+00:14.569 --> 00:22.273
+可疑泄漏按持续增长程度排序。CustomerSession 在每个快照里都在增长。点击它，就会跳到它的代码。
+
+00:27.402 --> 00:29.679
+那么，是什么让这些会话一直存活？
+
+00:30.404 --> 00:37.032
+引用图一路追溯到根：一个静态字典，它记住了每一笔订单，从不遗忘。
+
+00:41.470 --> 00:46.871
+修复方法：只保留最近一千笔订单，每来一笔新的，就淘汰最旧的一笔。
+
+01:05.237 --> 01:08.495
+重新构建，再次运行，然后再跟踪一次内存。
+
+01:19.674 --> 01:27.912
+这一次，堆保持平稳，没有任何可疑项超过 Low。无需离开编辑器，就找到了泄漏、修复了它，并证明了修复有效。
diff --git a/src/website/src/assets/videos/refactoring-poster.webp b/src/website/src/assets/videos/refactoring-poster.webp
new file mode 100644
index 00000000..b596a874
Binary files /dev/null and b/src/website/src/assets/videos/refactoring-poster.webp differ
diff --git a/src/website/src/assets/videos/refactoring.en.vtt b/src/website/src/assets/videos/refactoring.en.vtt
new file mode 100644
index 00000000..ef0c1958
--- /dev/null
+++ b/src/website/src/assets/videos/refactoring.en.vtt
@@ -0,0 +1,14 @@
+WEBVTT
+
+00:00.000 --> 00:09.982
+[Gentle music]
+Code actions turn problems into code. This F# match misses a union case. Press Command dot, and SharpLsp writes it for you.
+
+00:14.033 --> 00:19.532
+Rename is built in. Press F2, and the new name reaches every file in the project.
+
+00:35.633 --> 00:44.097
+In C#, Roslyn's own fixes and refactorings are on hand. Call a method that doesn't exist yet, and generate it in one step.
+
+01:00.000 --> 01:04.431
+Use a type without its namespace, and one fix adds the using directive.
diff --git a/src/website/src/assets/videos/refactoring.ja.vtt b/src/website/src/assets/videos/refactoring.ja.vtt
new file mode 100644
index 00000000..b0d33eed
--- /dev/null
+++ b/src/website/src/assets/videos/refactoring.ja.vtt
@@ -0,0 +1,14 @@
+WEBVTT
+
+00:00.000 --> 00:09.982
+[穏やかな音楽]
+コードアクションは問題をコードに変えます。この F# の match には共用体ケースが足りません。Command+. を押すと、SharpLsp が書いてくれます。
+
+00:14.033 --> 00:19.532
+名前の変更も組み込みです。F2 を押せば、新しい名前がプロジェクトのすべてのファイルに行き渡ります。
+
+00:35.633 --> 00:44.097
+C# では、Roslyn 自身の修正とリファクタリングが使えます。まだ存在しないメソッドを呼び出せば、ワンステップで生成できます。
+
+01:00.000 --> 01:04.431
+名前空間なしで型を使えば、ひとつの修正で using ディレクティブが追加されます。
diff --git a/src/website/src/assets/videos/refactoring.mp4 b/src/website/src/assets/videos/refactoring.mp4
new file mode 100644
index 00000000..e82beaa9
--- /dev/null
+++ b/src/website/src/assets/videos/refactoring.mp4
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:90a15c6d8e5e7d37b5698ec679261c4e964af11e6319b5dc483cf76fce2f7ed3
+size 3612160
diff --git a/src/website/src/assets/videos/refactoring.webm b/src/website/src/assets/videos/refactoring.webm
new file mode 100644
index 00000000..d0332934
--- /dev/null
+++ b/src/website/src/assets/videos/refactoring.webm
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a34507344e29666dbd91e7716cfe9f90a53829b2136ff467dd6c3def8ebb0bd9
+size 4279926
diff --git a/src/website/src/assets/videos/refactoring.zh.vtt b/src/website/src/assets/videos/refactoring.zh.vtt
new file mode 100644
index 00000000..530c953d
--- /dev/null
+++ b/src/website/src/assets/videos/refactoring.zh.vtt
@@ -0,0 +1,14 @@
+WEBVTT
+
+00:00.000 --> 00:09.982
+[舒缓的音乐]
+代码操作能把问题变成代码。这个 F# match 漏了一个联合用例。按 Command+.，SharpLsp 就会替你写出来。
+
+00:14.033 --> 00:19.532
+重命名也是内置的。按 F2，新名字会传到项目里的每一个文件。
+
+00:35.633 --> 00:44.097
+在 C# 中，可以直接使用 Roslyn 自带的修复和重构。调用一个还不存在的方法，一步就能生成它。
+
+01:00.000 --> 01:04.431
+使用一个没导入命名空间的类型，一个修复就能加上 using 指令。
diff --git a/src/website/src/docs/architecture.md b/src/website/src/docs/architecture.md
index a1516186..f181de49 100644
--- a/src/website/src/docs/architecture.md
+++ b/src/website/src/docs/architecture.md
@@ -12,6 +12,8 @@ eleventyNavigation:
 
 SharpLsp separates editor protocol handling from compiler-backed semantic analysis.
 
+{% video "architecture" %}
+
 {% include "partials/architecture-diagram.njk" %}
 
 ## Tier 1 — Rust LSP Host
@@ -50,7 +52,7 @@ The host communicates with each sidecar using:
 - a 4-byte little-endian length prefix;
 - correlated request/response envelopes.
 
-A sidecar failure does not take down the host. The lifecycle manager marks the process unavailable, applies restart backoff, and can start a replacement.
+A sidecar failure does not take down the host. The lifecycle manager marks the process unavailable, applies restart backoff, and can start a replacement. The replacement does not yet reload the workspace or the open documents ([#386](https://github.com/Nimblesite/SharpLsp/issues/386)), so after a sidecar crash run **SharpLsp: Restart Language Server** to bring that language's features back.
 
 ## Request Routing
 
diff --git a/src/website/src/docs/completions.md b/src/website/src/docs/completions.md
index 145dff3a..7418b2d6 100644
--- a/src/website/src/docs/completions.md
+++ b/src/website/src/docs/completions.md
@@ -12,6 +12,8 @@ eleventyNavigation:
 
 SharpLsp provides semantic completion for both C# and F#. The Rust host routes each request to Roslyn or the F# Compiler Service (FCS), then returns standard LSP completion items with replacement ranges.
 
+{% video "code-completions" %}
+
 ## C# Completion
 
 C# completion uses Roslyn's `CompletionService`. It covers the symbols and keywords Roslyn makes available at the cursor, including members, types, namespaces, locals, parameters, and contextual keywords.
diff --git a/src/website/src/docs/configuration.md b/src/website/src/docs/configuration.md
index 43f5e630..33a00fc3 100644
--- a/src/website/src/docs/configuration.md
+++ b/src/website/src/docs/configuration.md
@@ -12,6 +12,8 @@ eleventyNavigation:
 
 SharpLsp has two configuration surfaces:
 
+{% video "configuration" %}
+
 - workspace-level server settings in `sharplsp.toml`;
 - client and UI settings under `sharplsp.*` in VS Code.
 
diff --git a/src/website/src/docs/context-menus.md b/src/website/src/docs/context-menus.md
index 36836bba..28d18211 100644
--- a/src/website/src/docs/context-menus.md
+++ b/src/website/src/docs/context-menus.md
@@ -12,6 +12,8 @@ eleventyNavigation:
 
 Most SharpLsp context-menu commands belong to the VS Code Solution Explorer. The extension does not currently add a Problems-panel context menu.
 
+{% video "context-menus" %}
+
 ## Solution Explorer
 
 | Node | Available actions |
diff --git a/src/website/src/docs/contributing.md b/src/website/src/docs/contributing.md
index a9f14cf3..91aa0261 100644
--- a/src/website/src/docs/contributing.md
+++ b/src/website/src/docs/contributing.md
@@ -10,6 +10,8 @@ eleventyNavigation:
 
 This page is for contributors. VS Code users should normally install the Marketplace extension, which bundles the host and sidecars.
 
+{% video "contributing" %}
+
 ## Prerequisites
 
 - Rust stable, installed with [rustup](https://rustup.rs)
diff --git a/src/website/src/docs/diagnostics.md b/src/website/src/docs/diagnostics.md
index 53e5f13e..02b4fcf8 100644
--- a/src/website/src/docs/diagnostics.md
+++ b/src/website/src/docs/diagnostics.md
@@ -10,6 +10,8 @@ eleventyExcludeFromCollections: true
 
 SharpLsp reports compiler diagnostics for both C# and F#. Roslyn handles C# files; the F# Compiler Service handles F# files. Each sidecar analyzes the current editor buffer, so unsaved changes are included.
 
+{% video "diagnostics" %}
+
 ## Delivery Model
 
 SharpLsp supports both LSP diagnostic models:
diff --git a/src/website/src/docs/editors.md b/src/website/src/docs/editors.md
index 62da130c..e2e69965 100644
--- a/src/website/src/docs/editors.md
+++ b/src/website/src/docs/editors.md
@@ -12,6 +12,8 @@ eleventyNavigation:
 
 SharpLsp is editor-agnostic at the protocol layer. VS Code and its Open VSX forks are the supported, packaged clients today; a Rider plugin and standalone server archives ship with every release, and the other integrations remain development work.
 
+{% video "editor-setup" %}
+
 ## VS Code
 
 Install [SharpLsp from the VS Code Marketplace](https://marketplace.visualstudio.com/items?itemName=nimblesite.sharplsp), or from [Open VSX](https://open-vsx.org/extension/nimblesite/sharplsp) in Cursor, Windsurf, and VSCodium. The VSIX includes the Rust host and the C# and F# sidecars, so no separate SharpLsp installation is needed.
diff --git a/src/website/src/docs/fsharp.md b/src/website/src/docs/fsharp.md
index c6d9cc83..7afb9bee 100644
--- a/src/website/src/docs/fsharp.md
+++ b/src/website/src/docs/fsharp.md
@@ -10,6 +10,8 @@ F# is a **first-class citizen** in SharpLsp. The Rust LSP host routes F# semanti
 
 [FsAutoComplete (FSAC)](https://ionide.io/Tools/fsac.html), the engine behind Ionide, is the parity target. SharpLsp has a broad working surface today, but it does **not** yet claim full FSAC parity.
 
+{% video "fsharp-language" %}
+
 ## Feature Status
 
 | Feature | Status | Current behavior |
diff --git a/src/website/src/docs/go-to-definition.md b/src/website/src/docs/go-to-definition.md
index 09e1c3ce..e30ddcfe 100644
--- a/src/website/src/docs/go-to-definition.md
+++ b/src/website/src/docs/go-to-definition.md
@@ -10,6 +10,8 @@ eleventyExcludeFromCollections: true
 
 SharpLsp implements the LSP navigation family for both C# and F#. C# queries use Roslyn across the loaded solution; F# queries use FCS across the loaded F# project.
 
+{% video "navigation" %}
+
 ## Methods
 
 | LSP method | Result |
diff --git a/src/website/src/docs/hover.md b/src/website/src/docs/hover.md
index 94048361..d1b44255 100644
--- a/src/website/src/docs/hover.md
+++ b/src/website/src/docs/hover.md
@@ -10,6 +10,8 @@ eleventyExcludeFromCollections: true
 
 Hover is implemented for both C# and F#. Requests are routed to Roslyn or FCS and are evaluated against the current unsaved document text.
 
+{% video "hover" %}
+
 ## C# Hover
 
 C# hover can include:
diff --git a/src/website/src/docs/index.md b/src/website/src/docs/index.md
index ee3c54a0..60a0fcf2 100644
--- a/src/website/src/docs/index.md
+++ b/src/website/src/docs/index.md
@@ -10,7 +10,7 @@ eleventyNavigation:
 
 SharpLsp is an open-source Language Server Protocol implementation for .NET, with C# and F# semantic engines behind one Rust host. The project is working toward Visual Studio- and Rider-grade tooling without proprietary language services or per-seat licensing. It is under active development and VS Code is the supported editor integration today.
 
-{% video "sharplsp-tour" %}
+{% video "getting-started" %}
 
 ## Install
 
diff --git a/src/website/src/docs/nuget.md b/src/website/src/docs/nuget.md
index 41d0e3b1..a83958c4 100644
--- a/src/website/src/docs/nuget.md
+++ b/src/website/src/docs/nuget.md
@@ -12,6 +12,8 @@ eleventyNavigation:
 
 The VS Code extension includes a NuGet browser and package-maintenance commands. The Rust host handles target discovery, NuGet API queries, restore progress, unused-package analysis, and consolidation orchestration. Project-file mutations go through the .NET sidecar's MSBuild DOM so existing XML structure and formatting are preserved.
 
+{% video "nuget" %}
+
 ## Open the Browser
 
 Right-click a project and choose **Browse NuGet Packages**, or run **SharpLsp: Browse NuGet Packages**. If the workspace contains multiple targets, select the project or central package file to edit.
diff --git a/src/website/src/docs/profiler.md b/src/website/src/docs/profiler.md
index 117b44eb..266d2d38 100644
--- a/src/website/src/docs/profiler.md
+++ b/src/website/src/docs/profiler.md
@@ -8,7 +8,7 @@ eleventyExcludeFromCollections: true
 
 SharpLsp profiles CPU and memory for any running .NET process without leaving VS Code. Hot lines light up in your code, a flame graph and hot-function table land beside it, and a live heap timeline ranks leak suspects while the app runs. You don't install `dotnet-trace`, you don't take dumps, and you don't need a license.
 
-{% video "profiler-film" %}
+{% video "profiler-csharp" %}
 
 ## How It Works
 
diff --git a/src/website/src/docs/refactoring.md b/src/website/src/docs/refactoring.md
index 3871cd1c..a783bfc1 100644
--- a/src/website/src/docs/refactoring.md
+++ b/src/website/src/docs/refactoring.md
@@ -12,6 +12,8 @@ eleventyNavigation:
 
 SharpLsp supports standard LSP code actions for C# and F#. Actions are context-dependent: the sidecar returns only fixes or refactorings whose compiler/provider can operate on the current diagnostic, cursor, or selection.
 
+{% video "refactoring" %}
+
 In VS Code, use the lightbulb or **Quick Fix** command (`Ctrl+.` on Windows/Linux, `Cmd+.` on macOS).
 
 ## C# Actions
diff --git a/src/website/src/ja/docs/architecture.md b/src/website/src/ja/docs/architecture.md
index b2df7919..fa4ddbe9 100644
--- a/src/website/src/ja/docs/architecture.md
+++ b/src/website/src/ja/docs/architecture.md
@@ -13,6 +13,8 @@ eleventyNavigation:
 
 SharpLsp は、エディタープロトコルの処理と、コンパイラーに基づくセマンティック解析を分離しています。
 
+{% video "architecture" %}
+
 {% include "partials/architecture-diagram.njk" %}
 
 ## 第 1 層 — Rust LSP ホスト
@@ -51,7 +53,7 @@ Fantomas によるフォーマット処理はサイドカー内に存在しま
 - 4 バイトのリトルエンディアン長さプレフィックス
 - 対応付けられたリクエスト／レスポンスのエンベロープ
 
-サイドカーに障害が発生しても、ホストは停止しません。ライフサイクルマネージャーがプロセスを利用不可として扱い、再起動バックオフを適用し、代替プロセスを起動できます。
+サイドカーに障害が発生しても、ホストは停止しません。ライフサイクルマネージャーがプロセスを利用不可として扱い、再起動バックオフを適用し、代替プロセスを起動できます。ただし代替プロセスは、まだワークスペースと開いているドキュメントを読み込み直しません（[#386](https://github.com/Nimblesite/SharpLsp/issues/386)）。サイドカーがクラッシュした後は、**SharpLsp: Restart Language Server** を実行してその言語の機能を復旧してください。
 
 ## リクエストルーティング
 
diff --git a/src/website/src/ja/docs/completions.md b/src/website/src/ja/docs/completions.md
index b610d170..7b9cd5ab 100644
--- a/src/website/src/ja/docs/completions.md
+++ b/src/website/src/ja/docs/completions.md
@@ -13,6 +13,8 @@ eleventyNavigation:
 
 SharpLsp は C# と F# の両方でセマンティック補完を提供します。Rust ホストが各リクエストを Roslyn または F# Compiler Service（FCS）にルーティングし、置換範囲を含む標準の LSP 補完項目を返します。
 
+{% video "code-completions" %}
+
 ## C# の補完
 
 C# の補完には Roslyn の `CompletionService` を使用します。メンバー、型、名前空間、ローカル変数、パラメーター、コンテキストキーワードなど、カーソル位置で Roslyn が提供するシンボルとキーワードを補完します。
diff --git a/src/website/src/ja/docs/configuration.md b/src/website/src/ja/docs/configuration.md
index 12a9803a..23a6b767 100644
--- a/src/website/src/ja/docs/configuration.md
+++ b/src/website/src/ja/docs/configuration.md
@@ -13,6 +13,8 @@ eleventyNavigation:
 
 SharpLsp には 2 つの設定方法があります。
 
+{% video "configuration" %}
+
 - `sharplsp.toml` に記述するワークスペース単位のサーバー設定
 - VS Code の `sharplsp.*` 以下にあるクライアントおよび UI 設定
 
diff --git a/src/website/src/ja/docs/context-menus.md b/src/website/src/ja/docs/context-menus.md
index bfcc60b2..cd1e183c 100644
--- a/src/website/src/ja/docs/context-menus.md
+++ b/src/website/src/ja/docs/context-menus.md
@@ -13,6 +13,8 @@ eleventyNavigation:
 
 SharpLsp のコンテキストメニューコマンドの大半は、VS Code のソリューションエクスプローラーにあります。現在、拡張機能は Problems パネルにコンテキストメニューを追加しません。
 
+{% video "context-menus" %}
+
 ## ソリューションエクスプローラー
 
 | ノード | 利用可能なアクション |
diff --git a/src/website/src/ja/docs/contributing.md b/src/website/src/ja/docs/contributing.md
index 5a76b68f..8d7df9d3 100644
--- a/src/website/src/ja/docs/contributing.md
+++ b/src/website/src/ja/docs/contributing.md
@@ -11,6 +11,8 @@ eleventyNavigation:
 
 このページはコントリビューター向けです。通常、VS Code ユーザーはホストとサイドカーが同梱された Marketplace 拡張機能をインストールしてください。
 
+{% video "contributing" %}
+
 ## 前提条件
 
 - [rustup](https://rustup.rs) でインストールした Rust stable
diff --git a/src/website/src/ja/docs/diagnostics.md b/src/website/src/ja/docs/diagnostics.md
index 0c11bc0c..f697c489 100644
--- a/src/website/src/ja/docs/diagnostics.md
+++ b/src/website/src/ja/docs/diagnostics.md
@@ -11,6 +11,8 @@ eleventyExcludeFromCollections: true
 
 SharpLsp は C# と F# の両方についてコンパイラー診断を報告します。C# ファイルは Roslyn が、F# ファイルは F# Compiler Service が処理します。各サイドカーは現在のエディターバッファを解析するため、未保存の変更も含まれます。
 
+{% video "diagnostics" %}
+
 ## 配信モデル
 
 SharpLsp は LSP の両方の診断モデルをサポートしています。
diff --git a/src/website/src/ja/docs/editors.md b/src/website/src/ja/docs/editors.md
index 67269683..327af541 100644
--- a/src/website/src/ja/docs/editors.md
+++ b/src/website/src/ja/docs/editors.md
@@ -13,6 +13,8 @@ eleventyNavigation:
 
 SharpLsp はプロトコル層ではエディターに依存しません。現時点でサポートされ、パッケージとして提供されているクライアントは VS Code です。その他の統合は開発中です。
 
+{% video "editor-setup" %}
+
 ## VS Code
 
 SharpLsp は [VS Code Marketplace](https://marketplace.visualstudio.com/items?itemName=nimblesite.sharplsp) から、Cursor・Windsurf・VSCodium では [Open VSX](https://open-vsx.org/extension/nimblesite/sharplsp) からインストールします。VSIX には Rust ホストと C#／F# サイドカーが含まれるため、SharpLsp を別途インストールする必要はありません。
diff --git a/src/website/src/ja/docs/fsharp.md b/src/website/src/ja/docs/fsharp.md
index 966be67a..4de9a246 100644
--- a/src/website/src/ja/docs/fsharp.md
+++ b/src/website/src/ja/docs/fsharp.md
@@ -11,6 +11,8 @@ F# は SharpLsp における **第一級市民** です。Rust LSP ホストは
 
 Ionide を支えるエンジンである [FsAutoComplete（FSAC）](https://ionide.io/Tools/fsac.html)が、同等性の目標です。SharpLsp は現在、広範な機能が動作しますが、完全な FSAC 同等性を **まだ宣言していません**。
 
+{% video "fsharp-language" %}
+
 ## 機能の対応状況
 
 | 機能 | 状態 | 現在の動作 |
diff --git a/src/website/src/ja/docs/go-to-definition.md b/src/website/src/ja/docs/go-to-definition.md
index 258c42b1..880ec711 100644
--- a/src/website/src/ja/docs/go-to-definition.md
+++ b/src/website/src/ja/docs/go-to-definition.md
@@ -11,6 +11,8 @@ eleventyExcludeFromCollections: true
 
 SharpLsp は、C# と F# の両方で LSP のナビゲーション機能群を実装しています。C# のクエリには読み込まれたソリューション全体を対象に Roslyn を使用し、F# のクエリには読み込まれた F# プロジェクト全体を対象に FCS を使用します。
 
+{% video "navigation" %}
+
 ## メソッド
 
 | LSP メソッド | 結果 |
diff --git a/src/website/src/ja/docs/hover.md b/src/website/src/ja/docs/hover.md
index 460ee733..dbbc3d5f 100644
--- a/src/website/src/ja/docs/hover.md
+++ b/src/website/src/ja/docs/hover.md
@@ -11,6 +11,8 @@ eleventyExcludeFromCollections: true
 
 ホバーは C# と F# の両方に実装されています。リクエストは Roslyn または FCS にルーティングされ、現在の未保存の文書テキストを対象に評価されます。
 
+{% video "hover" %}
+
 ## C# ホバー
 
 C# のホバーには、次の情報が含まれる場合があります。
diff --git a/src/website/src/ja/docs/index.md b/src/website/src/ja/docs/index.md
index decb6dd8..295906a2 100644
--- a/src/website/src/ja/docs/index.md
+++ b/src/website/src/ja/docs/index.md
@@ -11,7 +11,7 @@ eleventyNavigation:
 
 SharpLsp は、1 つの Rust ホストから C# と F# のセマンティックエンジンを利用する、オープンソースの .NET 向け Language Server Protocol 実装です。プロプライエタリな言語サービスやユーザー単位のライセンスなしで、Visual Studio や Rider に匹敵するツールの実現を目指しています。現在も活発に開発されており、現時点でサポートされるエディター統合は VS Code です。
 
-{% video "sharplsp-tour" %}
+{% video "getting-started" %}
 
 ## インストール
 
diff --git a/src/website/src/ja/docs/nuget.md b/src/website/src/ja/docs/nuget.md
index a4cd2631..90c71da9 100644
--- a/src/website/src/ja/docs/nuget.md
+++ b/src/website/src/ja/docs/nuget.md
@@ -13,6 +13,8 @@ eleventyNavigation:
 
 VS Code 拡張機能には、NuGet ブラウザーとパッケージ保守コマンドが含まれています。Rust ホストは、対象の検出、NuGet API へのクエリ、復元の進行状況、未使用パッケージの分析、統合処理のオーケストレーションを担います。プロジェクトファイルの変更には .NET サイドカーの MSBuild DOM を使用するため、既存の XML 構造と書式は維持されます。
 
+{% video "nuget" %}
+
 ## ブラウザーを開く
 
 プロジェクトを右クリックして **Browse NuGet Packages** を選ぶか、**SharpLsp: Browse NuGet Packages** を実行します。ワークスペースに複数の対象がある場合は、編集するプロジェクトまたは中央パッケージファイルを選択します。
diff --git a/src/website/src/ja/docs/profiler.md b/src/website/src/ja/docs/profiler.md
index ba98211e..51a8a9ba 100644
--- a/src/website/src/ja/docs/profiler.md
+++ b/src/website/src/ja/docs/profiler.md
@@ -9,7 +9,7 @@ eleventyExcludeFromCollections: true
 
 SharpLsp は、VS Code から離れることなく、実行中の任意の .NET プロセスの CPU とメモリをプロファイリングします。ホットな行はコード上で直接ハイライトされ、隣にフレームグラフとホット関数の表が表示され、ライブのヒープタイムラインがアプリの実行中にリークの疑いをランク付けします。`dotnet-trace` のインストールもダンプもライセンスも不要です。
 
-{% video "profiler-film" %}
+{% video "profiler-csharp" %}
 
 ## しくみ
 
diff --git a/src/website/src/ja/docs/refactoring.md b/src/website/src/ja/docs/refactoring.md
index 99d03b8b..ccd9392d 100644
--- a/src/website/src/ja/docs/refactoring.md
+++ b/src/website/src/ja/docs/refactoring.md
@@ -13,6 +13,8 @@ eleventyNavigation:
 
 SharpLsp は、C# と F# の標準 LSP コードアクションに対応しています。アクションはコンテキストに依存し、サイドカーは、そのコンパイラーまたはプロバイダーが現在の診断、カーソル位置、選択範囲に対して実行できる修正やリファクタリングだけを返します。
 
+{% video "refactoring" %}
+
 VS Code では、電球または **Quick Fix** コマンド（Windows／Linux では `Ctrl+.`、macOS では `Cmd+.`）を使用します。
 
 ## C# のアクション
diff --git a/src/website/src/zh/docs/architecture.md b/src/website/src/zh/docs/architecture.md
index ff6e9c19..f1c820d3 100644
--- a/src/website/src/zh/docs/architecture.md
+++ b/src/website/src/zh/docs/architecture.md
@@ -13,6 +13,8 @@ eleventyNavigation:
 
 SharpLsp 将编辑器协议处理与由编译器提供支持的语义分析分离开来。
 
+{% video "architecture" %}
+
 {% include "partials/architecture-diagram.njk" %}
 
 ## 第一层 — Rust LSP 宿主
@@ -51,7 +53,7 @@ sidecar 内部已有 Fantomas 格式化代码，但宿主有意不对其进行
 - 4 字节小端序长度前缀；
 - 带关联标识的请求/响应信封。
 
-sidecar 故障不会导致宿主退出。生命周期管理器会将该进程标记为不可用，应用重启退避，并可启动替代进程。
+sidecar 故障不会导致宿主退出。生命周期管理器会将该进程标记为不可用，应用重启退避，并可启动替代进程。但替代进程目前还不会重新加载工作区和已打开的文档（[#386](https://github.com/Nimblesite/SharpLsp/issues/386)），因此 sidecar 崩溃后，请运行 **SharpLsp: Restart Language Server** 来恢复该语言的功能。
 
 ## 请求路由
 
diff --git a/src/website/src/zh/docs/completions.md b/src/website/src/zh/docs/completions.md
index 5a632f60..4328814b 100644
--- a/src/website/src/zh/docs/completions.md
+++ b/src/website/src/zh/docs/completions.md
@@ -13,6 +13,8 @@ eleventyNavigation:
 
 SharpLsp 为 C# 和 F# 提供语义补全。Rust 宿主会将每个请求路由到 Roslyn 或 F# Compiler Service（FCS），然后返回带替换范围的标准 LSP 补全项。
 
+{% video "code-completions" %}
+
 ## C# 补全
 
 C# 补全使用 Roslyn 的 `CompletionService`。它涵盖 Roslyn 在光标位置提供的符号和关键字，包括成员、类型、命名空间、局部变量、参数和上下文关键字。
diff --git a/src/website/src/zh/docs/configuration.md b/src/website/src/zh/docs/configuration.md
index 8562b67a..003c57cd 100644
--- a/src/website/src/zh/docs/configuration.md
+++ b/src/website/src/zh/docs/configuration.md
@@ -13,6 +13,8 @@ eleventyNavigation:
 
 SharpLsp 有两类配置入口：
 
+{% video "configuration" %}
+
 - `sharplsp.toml` 中的工作区级服务器设置；
 - VS Code 中 `sharplsp.*` 下的客户端和界面设置。
 
diff --git a/src/website/src/zh/docs/context-menus.md b/src/website/src/zh/docs/context-menus.md
index 67edd80f..d53149d8 100644
--- a/src/website/src/zh/docs/context-menus.md
+++ b/src/website/src/zh/docs/context-menus.md
@@ -13,6 +13,8 @@ eleventyNavigation:
 
 SharpLsp 的大多数上下文菜单命令都位于 VS Code 解决方案资源管理器中。扩展目前不会在“问题”面板中添加上下文菜单。
 
+{% video "context-menus" %}
+
 ## 解决方案资源管理器
 
 | 节点 | 可用操作 |
diff --git a/src/website/src/zh/docs/contributing.md b/src/website/src/zh/docs/contributing.md
index 9d490ed6..b22baa15 100644
--- a/src/website/src/zh/docs/contributing.md
+++ b/src/website/src/zh/docs/contributing.md
@@ -11,6 +11,8 @@ eleventyNavigation:
 
 本页面面向贡献者。VS Code 用户通常应安装 Marketplace 扩展，其中已包含宿主和 sidecar。
 
+{% video "contributing" %}
+
 ## 先决条件
 
 - 通过 [rustup](https://rustup.rs) 安装的 Rust stable
diff --git a/src/website/src/zh/docs/diagnostics.md b/src/website/src/zh/docs/diagnostics.md
index 6171e6c1..539e8103 100644
--- a/src/website/src/zh/docs/diagnostics.md
+++ b/src/website/src/zh/docs/diagnostics.md
@@ -11,6 +11,8 @@ eleventyExcludeFromCollections: true
 
 SharpLsp 会报告 C# 和 F# 的编译器诊断。Roslyn 处理 C# 文件，F# Compiler Service 处理 F# 文件。每个 sidecar 都会分析编辑器中的当前缓冲区，因此尚未保存的更改也包含在内。
 
+{% video "diagnostics" %}
+
 ## 传递模型
 
 SharpLsp 同时支持两种 LSP 诊断模型：
diff --git a/src/website/src/zh/docs/editors.md b/src/website/src/zh/docs/editors.md
index 2144c823..c57d0d84 100644
--- a/src/website/src/zh/docs/editors.md
+++ b/src/website/src/zh/docs/editors.md
@@ -13,6 +13,8 @@ eleventyNavigation:
 
 SharpLsp 在协议层面与编辑器无关。目前受支持且已打包的客户端是 VS Code；其他集成仍在开发中。
 
+{% video "editor-setup" %}
+
 ## VS Code
 
 从 [VS Code Marketplace 安装 SharpLsp](https://marketplace.visualstudio.com/items?itemName=nimblesite.sharplsp)；在 Cursor、Windsurf 和 VSCodium 中则从 [Open VSX](https://open-vsx.org/extension/nimblesite/sharplsp) 安装。VSIX 包含 Rust 宿主以及 C# 和 F# sidecar，因此无需单独安装 SharpLsp。
diff --git a/src/website/src/zh/docs/fsharp.md b/src/website/src/zh/docs/fsharp.md
index 417df6ff..95fec4ff 100644
--- a/src/website/src/zh/docs/fsharp.md
+++ b/src/website/src/zh/docs/fsharp.md
@@ -11,6 +11,8 @@ F# 在 SharpLsp 中是**一等公民**。Rust LSP 主机会将 F# 语义请求
 
 [FsAutoComplete (FSAC)](https://ionide.io/Tools/fsac.html) 是 Ionide 背后的引擎，也是 SharpLsp 的功能对齐目标。SharpLsp 目前已经覆盖了相当广泛的功能，但**尚未**宣称与 FSAC 完全一致。
 
+{% video "fsharp-language" %}
+
 ## 功能状态
 
 | 功能 | 状态 | 当前行为 |
diff --git a/src/website/src/zh/docs/go-to-definition.md b/src/website/src/zh/docs/go-to-definition.md
index f60e5757..f6428383 100644
--- a/src/website/src/zh/docs/go-to-definition.md
+++ b/src/website/src/zh/docs/go-to-definition.md
@@ -11,6 +11,8 @@ eleventyExcludeFromCollections: true
 
 SharpLsp 为 C# 和 F# 实现了 LSP 导航请求系列。C# 查询通过 Roslyn 搜索已加载的解决方案；F# 查询通过 FCS 搜索已加载的 F# 项目。
 
+{% video "navigation" %}
+
 ## 方法
 
 | LSP 方法 | 结果 |
diff --git a/src/website/src/zh/docs/hover.md b/src/website/src/zh/docs/hover.md
index bff32823..33edd881 100644
--- a/src/website/src/zh/docs/hover.md
+++ b/src/website/src/zh/docs/hover.md
@@ -11,6 +11,8 @@ eleventyExcludeFromCollections: true
 
 C# 和 F# 均已实现悬停功能。请求会路由到 Roslyn 或 FCS，并根据当前尚未保存的文档内容进行计算。
 
+{% video "hover" %}
+
 ## C# 悬停
 
 C# 悬停信息可以包括：
diff --git a/src/website/src/zh/docs/index.md b/src/website/src/zh/docs/index.md
index dba712fe..7a9fa1cf 100644
--- a/src/website/src/zh/docs/index.md
+++ b/src/website/src/zh/docs/index.md
@@ -11,7 +11,7 @@ eleventyNavigation:
 
 SharpLsp 是一个面向 .NET 的开源语言服务器协议实现，由一个 Rust 宿主承载 C# 和 F# 语义引擎。项目正在努力实现媲美 Visual Studio 和 Rider 的工具体验，同时不依赖专有语言服务，也不按席位收费。SharpLsp 仍处于积极开发阶段，目前受支持的编辑器集成是 VS Code。
 
-{% video "sharplsp-tour" %}
+{% video "getting-started" %}
 
 ## 安装
 
diff --git a/src/website/src/zh/docs/nuget.md b/src/website/src/zh/docs/nuget.md
index 9459dbb2..b8ee6ca3 100644
--- a/src/website/src/zh/docs/nuget.md
+++ b/src/website/src/zh/docs/nuget.md
@@ -13,6 +13,8 @@ eleventyNavigation:
 
 VS Code 扩展包含 NuGet 浏览器和包维护命令。Rust 宿主负责目标发现、NuGet API 查询、还原进度、未使用包分析和版本统一编排。项目文件的修改通过 .NET sidecar 的 MSBuild DOM 完成，以保留现有 XML 结构和格式。
 
+{% video "nuget" %}
+
 ## 打开浏览器
 
 右键单击项目并选择 **浏览 NuGet 包**，或运行 **SharpLsp: Browse NuGet Packages**。如果工作区包含多个目标，请选择要编辑的项目或中央包文件。
diff --git a/src/website/src/zh/docs/profiler.md b/src/website/src/zh/docs/profiler.md
index 264069cd..c687fd19 100644
--- a/src/website/src/zh/docs/profiler.md
+++ b/src/website/src/zh/docs/profiler.md
@@ -9,7 +9,7 @@ eleventyExcludeFromCollections: true
 
 SharpLsp 可以在不离开 VS Code 的情况下，对任意正在运行的 .NET 进程进行 CPU 和内存分析。热点代码行直接在代码中高亮，火焰图和热点函数表就在旁边，实时堆时间线会在应用运行时为可疑泄漏排序。无需安装 `dotnet-trace`，无需转储，也无需许可证。
 
-{% video "profiler-film" %}
+{% video "profiler-csharp" %}
 
 ## 工作原理
 
diff --git a/src/website/src/zh/docs/refactoring.md b/src/website/src/zh/docs/refactoring.md
index 1059cd94..0e4764aa 100644
--- a/src/website/src/zh/docs/refactoring.md
+++ b/src/website/src/zh/docs/refactoring.md
@@ -13,6 +13,8 @@ eleventyNavigation:
 
 SharpLsp 为 C# 和 F# 支持标准 LSP 代码操作。操作取决于上下文：sidecar 只会返回编译器或提供程序能够在当前诊断、光标位置或选区上执行的修复或重构。
 
+{% video "refactoring" %}
+
 在 VS Code 中，可以使用灯泡或**快速修复**命令（Windows/Linux 上为 `Ctrl+.`，macOS 上为 `Cmd+.`）。
 
 ## C# 操作
diff --git a/src/website/tests/profiler-media.spec.js b/src/website/tests/profiler-media.spec.js
index 630025d3..4cad5659 100644
--- a/src/website/tests/profiler-media.spec.js
+++ b/src/website/tests/profiler-media.spec.js
@@ -4,6 +4,7 @@ import { test, expect } from '@playwright/test';
 import { expectPlayable, playback, sourcesOf } from './media.js';
 
 const FILM_POSTER = '/assets/videos/profiler-film-poster.webp';
+const WALKTHROUGH_POSTER = '/assets/videos/profiler-csharp-poster.webp';
 const FILM_SOURCES = ['/assets/videos/profiler-film.webm', '/assets/videos/profiler-film.mp4'];
 const PROFILER_STILLS = 8;
 const STILL_WIDTH = 2400;
@@ -120,7 +121,8 @@ test.describe('Profiler docs media', () => {
         await expect(video).not.toHaveAttribute('autoplay', '');
         await expectPlayable(request, await sourcesOf(video), 'video/');
       }
-      await expect(videos.first()).toHaveAttribute('poster', FILM_POSTER);
+      // The page opens on its narrated C# walkthrough; the home page keeps the film.
+      await expect(videos.first()).toHaveAttribute('poster', WALKTHROUGH_POSTER);
     });
   }
 });
diff --git a/src/website/tests/site-videos.spec.js b/src/website/tests/site-videos.spec.js
index a52b4d94..179a5520 100644
--- a/src/website/tests/site-videos.spec.js
+++ b/src/website/tests/site-videos.spec.js
@@ -6,25 +6,37 @@ import { expectPlayable, playback, sourcesOf, videoObjects } from './media.js';
 
 const SITE = 'https://sharplsp.dev';
 const PROFILER_DOC = ['profiler-film', 'profiler-cpu-recording', 'profiler-memory-timelapse'];
+const PROFILER_PAGE = ['profiler-csharp', 'profiler-cpu-recording', 'profiler-memory-timelapse'];
+const FSHARP_PAGE = ['fsharp-language', 'profiler-fsharp'];
+
+/** A docs page and its film in every site language; `says` is a word of each language's label. */
+const everyLanguage = (page, videos, says) =>
+  ['en', 'ja', 'zh'].map((lang) => ({ path: `${lang === 'en' ? '' : `/${lang}`}/docs/${page}`, videos, says: says[lang], lang }));
+
+// Every docs page's narrated walkthrough. [WEB-DESIGN-MEDIA] Placement
+const WALKTHROUGHS = [
+  ...everyLanguage('', ['getting-started'], { en: 'started', ja: '始める', zh: '开始' }),
+  ...everyLanguage('editors/', ['editor-setup'], { en: 'setup', ja: 'エディター設定', zh: '编辑器设置' }),
+  ...everyLanguage('configuration/', ['configuration'], { en: 'Configuring', ja: '設定', zh: '配置' }),
+  ...everyLanguage('fsharp/', FSHARP_PAGE, { en: 'completion', ja: '補完', zh: '补全' }),
+  ...everyLanguage('completions/', ['code-completions'], { en: 'completion', ja: '補完', zh: '补全' }),
+  ...everyLanguage('hover/', ['hover'], { en: 'Hover', ja: 'ホバー', zh: '悬停' }),
+  ...everyLanguage('go-to-definition/', ['navigation'], { en: 'definition', ja: '定義', zh: '定义' }),
+  ...everyLanguage('diagnostics/', ['diagnostics'], { en: 'Diagnostics', ja: '診断', zh: '诊断' }),
+  ...everyLanguage('refactoring/', ['refactoring'], { en: 'Refactoring', ja: 'リファクタリング', zh: '重构' }),
+  ...everyLanguage('context-menus/', ['context-menus'], { en: 'context', ja: 'コンテキストメニュー', zh: '上下文菜单' }),
+  ...everyLanguage('nuget/', ['nuget'], { en: 'NuGet', ja: 'NuGet', zh: 'NuGet' }),
+  ...everyLanguage('profiler/', PROFILER_PAGE, { en: 'Profiling', ja: 'プロファイリング', zh: '分析' }),
+  ...everyLanguage('memory-leaks/', ['profiler-fix-memory-leak'], { en: 'leak', ja: 'リーク', zh: '泄漏' }),
+  ...everyLanguage('fsharp-profiling/', ['profiler-fsharp'], { en: 'profiling', ja: 'プロファイリング', zh: '分析' }),
+  ...everyLanguage('architecture/', ['architecture'], { en: 'architecture', ja: 'アーキテクチャ', zh: '架构' }),
+  ...everyLanguage('contributing/', ['contributing'], { en: 'Contributing', ja: '貢献', zh: '贡献' }),
+];
 
 // `says` is a word only that language's label for the page's first video uses.
 const PAGES = [
   { path: '/', videos: ['profiler-film', 'profiler-cpu-recording'], says: 'profiler' },
-  { path: '/docs/', videos: ['sharplsp-tour'], says: 'tour' },
-  { path: '/ja/docs/', videos: ['sharplsp-tour'], says: 'ツアー' },
-  { path: '/zh/docs/', videos: ['sharplsp-tour'], says: '导览' },
-  { path: '/docs/profiler/', videos: PROFILER_DOC, says: 'profiler' },
-  { path: '/ja/docs/profiler/', videos: PROFILER_DOC, says: 'プロファイラー' },
-  { path: '/zh/docs/profiler/', videos: PROFILER_DOC, says: '性能分析器' },
-  { path: '/docs/memory-leaks/', videos: ['profiler-fix-memory-leak'], says: 'leak' },
-  { path: '/ja/docs/memory-leaks/', videos: ['profiler-fix-memory-leak'], says: 'リーク' },
-  { path: '/zh/docs/memory-leaks/', videos: ['profiler-fix-memory-leak'], says: '泄漏' },
-  { path: '/docs/fsharp-profiling/', videos: ['profiler-fsharp'], says: 'profiling' },
-  { path: '/ja/docs/fsharp-profiling/', videos: ['profiler-fsharp'], says: 'プロファイリング' },
-  { path: '/zh/docs/fsharp-profiling/', videos: ['profiler-fsharp'], says: '分析' },
-  { path: '/docs/fsharp/', videos: ['profiler-fsharp'], says: 'profiling' },
-  { path: '/ja/docs/fsharp/', videos: ['profiler-fsharp'], says: 'プロファイリング' },
-  { path: '/zh/docs/fsharp/', videos: ['profiler-fsharp'], says: '分析' },
+  ...WALKTHROUGHS,
   { path: '/blog/introducing-sharplsp/', videos: ['profiler-film'], says: 'profiler' },
   { path: '/ja/blog/introducing-sharplsp/', videos: ['profiler-film'], says: 'プロファイラー' },
   { path: '/zh/blog/introducing-sharplsp/', videos: ['profiler-film'], says: '性能分析器' },
@@ -77,13 +89,11 @@ for (const { path, videos, says } of PAGES) {
   });
 }
 
-// The F# walkthrough is narrated: a reader hears it, and reads it in their own language.
-const NARRATED = [['/docs/fsharp-profiling/', 'en'], ['/ja/docs/fsharp-profiling/', 'ja'], ['/zh/docs/fsharp-profiling/', 'zh']];
-
-for (const [path, lang] of NARRATED) {
-  test(`${path} plays the F# walkthrough with its narration, captioned in ${lang} by default`, async ({ page, request }) => {
+// Every docs walkthrough is narrated: a reader hears it, and reads it in their own language.
+for (const { path, videos, lang } of WALKTHROUGHS) {
+  test(`${path} plays ${videos[0]} with its narration, captioned in ${lang} by default`, async ({ page, request }) => {
     await page.goto(path);
-    const player = page.locator('figure video');
+    const player = page.locator('figure video').first();
     expect((await playback(player)).muted, 'the narration is heard, never muted').toBe(false);
     const tracks = player.locator('track[kind="captions"]');
     await expect(tracks).toHaveCount(3);
@@ -94,7 +104,8 @@ for (const [path, lang] of NARRATED) {
 }
 
 test('articles and docs never autoplay; readers start every film themselves', async ({ page }) => {
-  for (const path of ['/docs/', '/docs/memory-leaks/', '/docs/fsharp-profiling/', '/blog/introducing-sharplsp/', '/blog/editor-agnostic-dotnet-lsp/']) {
+  const docs = WALKTHROUGHS.filter(({ lang }) => lang === 'en').map(({ path }) => path);
+  for (const path of [...docs, '/blog/introducing-sharplsp/', '/blog/editor-agnostic-dotnet-lsp/']) {
     await page.goto(path);
     const player = page.locator('figure video').first();
     await expect(player).toHaveAttribute('controls', '');
diff --git a/src/website/tools/profiler-film/README.md b/src/website/tools/profiler-film/README.md
index dbc5096d..fbe2eb5d 100644
--- a/src/website/tools/profiler-film/README.md
+++ b/src/website/tools/profiler-film/README.md
@@ -24,55 +24,78 @@ make _film FILM=fsharp PUBLISH=1   # publish the last shoot again
 
 A shoot takes a few minutes and lands in `out/<film>/`, which is gitignored. Publishing writes the MP4, WebM, poster, captions and stills into `src/website/src/assets/`. Add or update the video's entry in `src/website/src/_data/videos.json` (its length, its upload date, and its label and caption in each language), then place it on a page with `{% video "<name>" %}`.
 
-| Film | Video | What it shows |
+| Film | Video | Docs page |
 |---|---|---|
-| `fsharp` | `profiler-fsharp` | CPU and memory on FsStorefront, the F# demo. Narrated. |
-| `leak` | `profiler-fix-memory-leak` | The C# memory-leak loop on Storefront |
-| `films/profiler/` | `profiler-film` | The one-minute composited film: `capture.mjs`, then `render.mjs` |
+| `getting-started` | `getting-started` | Getting Started |
+| `editor-setup` | `editor-setup` | Editor Setup |
+| `configuration` | `configuration` | Configuration |
+| `fsharp-language` | `fsharp-language` | F# Language Support |
+| `completions` | `code-completions` | Code Completions |
+| `hover` | `hover` | Hover and Quick Info |
+| `navigation` | `navigation` | Go to Definition |
+| `diagnostics` | `diagnostics` | Diagnostics |
+| `refactoring` | `refactoring` | Refactoring & Code Actions |
+| `context-menus` | `context-menus` | Context Menus |
+| `nuget` | `nuget` | NuGet Package Manager |
+| `csharp` | `profiler-csharp` | Profiler |
+| `fsharp` | `profiler-fsharp` | Profiling F# (and the F# page) |
+| `leak` | `profiler-fix-memory-leak` | Fix a Memory Leak |
+| `architecture` | `architecture` | Architecture |
+| `contributing` | `contributing` | Contributing |
+| `films/profiler/` | `profiler-film` | The home page: the one-minute composited film (`capture.mjs`, then `render.mjs`) |
+
+Every film but `films/profiler/` is narrated. The Zed page has none: Zed is a native application, and filming it would mean recording the real desktop.
 
 ## Add a film
 
-A film is one file in `films/`. It exports the video's name, the demo it is shot on, the poster frame and its scenes:
+A film is one file in `films/`. It exports the video's name, the demo it is shot on, the poster frame and its scenes, and optionally the workspace `settings` it is shot with (the profiler's by default):
 
 ```js
-import { cpuLoop } from '../kit/acts/cpu.mjs';
-import { prepare } from '../kit/scenes.mjs';
-import { STOREFRONT } from '../kit/set.mjs';
+import { LANGUAGE, hoverEach, prepareCode, scene } from '../kit/acts/language.mjs';
+import { SHOP } from '../kit/set.mjs';
 
 export default {
-  name: 'profiler-cpu-tour',
-  demo: STOREFRONT,
-  narration: 'cpu-tour.narration.json', // optional
-  poster: { scene: 'heat', at: 4 },
+  name: 'hover',
+  demo: SHOP,
+  settings: LANGUAGE,
+  narration: 'hover.narration.json', // optional
+  poster: { scene: 'fsharp', at: 4 },
   scenes: [
-    { offCamera: prepare('CheckoutPipeline.cs') },
-    ...cpuLoop({ file: 'CheckoutPipeline.cs', captions: { profile: '…', heat: '…', results: '…' } }, 1),
+    { offCamera: prepareCode('Program.fs', { line: 9, word: 'generate' }) },
+    scene('fsharp', 1, 'F#: the inferred signature, with your doc comment', ({ page }) => hoverEach(page, [{ line: 9, word: 'generate' }])),
   ],
 };
 ```
 
 A scene is either a clip or a step off camera:
 
-- `{ clip, act, speed, retries }`: `act(shot)` is recorded in real time as `<clip>.mp4`. It plays back at `speed`, and the frame shows a speed badge whenever `speed` is above 1. `retries` shoots a flaky take again.
+- `{ clip, act, speed, retries }`: `act(shot)` is recorded in real time as `<clip>.mp4`. It plays back at `speed`, and the frame shows a speed badge whenever `speed` is above 1. `retries` shoots a failed take again. `scene(clip, step, caption, act, { speed, retries })` builds one with its numbered caption.
 - `{ offCamera }`: `offCamera(shot)` runs between clips and is never recorded. Use it for setup, rebuilds and stills.
 
 `shot` is `{ page, set, app, workspace, stills }`: the Playwright page, the recorder, the demo process, the staged workspace and the stills folder.
 
-The kit tells the common stories so a film only supplies its words:
+The kit tells the common stories, so a film only supplies its words:
 
 | Module | What it gives a film |
 |---|---|
 | `kit/acts/cpu.mjs` | `cpuLoop(story, first)`: Profile CPU, sampling at 4×, the heat map, the results panel, and optional stills |
 | `kit/acts/memory.mjs` | `memoryLoop(story, first)`: Track Memory, growth at 8×, a suspect, the retention graph, the fix typed in, and the fixed build tracked again |
+| `kit/acts/tour.mjs` | `profilerTour(cpu, memory)`: both loops on one demo, as the C# and F# profiler films tell them |
+| `kit/acts/language.mjs` | The language films' `LANGUAGE` settings, `prepareCode` and `warm` (wait until an engine answers a hover), `scene`, and the editor's own moves: `complete`, `quickFix`, `renameTo`, `navigate`, `peekReferences`, `hoverEach`, `settingsEditor` |
+| `kit/acts/shop.mjs` | Moves on the Shop demo several films share: code typed through completion in F# and C#, a generated match case, a rename across files |
+| `kit/acts/explorer.mjs` | The Solution Explorer: `openMenu` on a row, `pickMenu`, `unfold` |
+| `kit/code.mjs` | `wordOn`, `findWord`, `hoverOn` and `clickOn`: a word on a line of the editor, found on screen |
 | `kit/scenes.mjs` | `prepare(file)`, `switchTo(file)`, `restart`, `startOnRow(step, text, action, status)`, and the shoot and publish engine |
-| `kit/overlay.mjs` | `caption(page, step, text, speed)` and `ringClick(page, cues, locator, label)` |
-| `kit/workbench.mjs` | Editor moves: the Processes view and its demo row, `openFile`, `toggleMaximised`, `typeAt`, `panel` and more |
+| `kit/overlay.mjs` | `caption(page, step, text, speed)`, `pointAt(page, at)` (the pointer glides to what a film acts on) and `ringClick(page, cues, locator, label)` |
+| `kit/workbench.mjs` | Editor moves: the Processes view and its demo row, `openFile`, `goTo`, `typeAt`, `toggleMaximised`, `panel` and more |
 | `kit/camera.mjs` | `snap(shot, name)` takes a still, published as `<name>.webp` |
-| `kit/set.mjs` | The demos (`STOREFRONT`, `FS_STOREFRONT`) and `onSet`, which stages a demo beside an isolated editor |
+| `kit/set.mjs` | The sets (`STOREFRONT`, `FS_STOREFRONT`, `SHOP` with both in one solution, and `REPO`, a clean copy of this repository) and `onSet`, which stages one beside an isolated editor |
 | `kit/sound/` | Narration (`voice.mjs`), the original score (`score.mjs`) and the mix (`soundtrack.mjs`) |
 
 A new demo app goes in `demos/<folder>/`, with one project and an empty `Directory.Build.props`, and is declared in `kit/set.mjs`. It must print a line to stdout once it is running.
 
+**Nothing personal reaches a frame.** The demo is staged under `/tmp`. The editor runs on a copy-on-write clone of the .NET install at `/tmp/sharplsp-film-dotnet` (made once, sharing the original's blocks) with its login-shell environment off, so the SDK path the extension reports and the commands its terminals print are neutral. A failed shoot leaves `out/<film>/failure.png` and the editor's logs in `out/<film>/logs`.
+
 ## Narration
 
 A narrated film has a script next to it, `films/<film>.narration.json`:
diff --git a/src/website/tools/profiler-film/demos/Shop.slnx b/src/website/tools/profiler-film/demos/Shop.slnx
new file mode 100644
index 00000000..4df66913
--- /dev/null
+++ b/src/website/tools/profiler-film/demos/Shop.slnx
@@ -0,0 +1,4 @@
+<Solution>
+  <Project Path="fs-storefront/FsStorefront.fsproj" />
+  <Project Path="storefront/Storefront.csproj" />
+</Solution>
diff --git a/src/website/tools/profiler-film/demos/storefront/Catalog.cs b/src/website/tools/profiler-film/demos/storefront/Catalog.cs
index d5fbfb9a..6b169e4f 100644
--- a/src/website/tools/profiler-film/demos/storefront/Catalog.cs
+++ b/src/website/tools/profiler-film/demos/storefront/Catalog.cs
@@ -11,6 +11,8 @@ public static class Catalog
     private static readonly string[] Adjectives = ["Ergonomic", "Rustic", "Sleek", "Vintage"];
     private static readonly string[] Nouns = ["Keyboard", "Lamp", "Backpack", "Kettle", "Monitor"];
 
+    /// <summary>The catalog as JSON: <paramref name="itemCount"/> generated products.</summary>
+    /// <param name="itemCount">How many products to generate.</param>
     public static string Generate(int itemCount) =>
         JsonSerializer.Serialize(Enumerable.Range(0, itemCount).Select(Product).ToList());
 
diff --git a/src/website/tools/profiler-film/film.mjs b/src/website/tools/profiler-film/film.mjs
index 0fcef170..8f525d40 100644
--- a/src/website/tools/profiler-film/film.mjs
+++ b/src/website/tools/profiler-film/film.mjs
@@ -22,7 +22,7 @@ const film = (await import(path.join(films, `${id}.mjs`))).default;
 const out = path.join(filmsOut, id);
 const narration = film.narration && JSON.parse(fs.readFileSync(path.join(films, film.narration), 'utf8'));
 
-if (!process.argv.includes('--publish')) await shootWalkthrough({ demo: film.demo, out, scenes: film.scenes });
+if (!process.argv.includes('--publish')) await shootWalkthrough({ demo: film.demo, out, scenes: film.scenes, settings: film.settings });
 const length = await publishWalkthrough({ name: film.name, out, scenes: film.scenes, posterAt: film.poster, narration });
 if (fs.existsSync(path.join(out, 'stills'))) publishStills(path.join(out, 'stills'));
 process.stdout.write(`${film.name}: ${length.toFixed(1)}s published\n`);
diff --git a/src/website/tools/profiler-film/films/architecture.mjs b/src/website/tools/profiler-film/films/architecture.mjs
new file mode 100644
index 00000000..07b085fa
--- /dev/null
+++ b/src/website/tools/profiler-film/films/architecture.mjs
@@ -0,0 +1,53 @@
+// Implements [WEB-DESIGN-MEDIA]. The "Architecture" walkthrough
+// (`architecture`): the host's own log, filtered to hover requests, routing an
+// F# hover to the F# Compiler Service and a C# hover to Roslyn; then folding,
+// answered by tree-sitter in the host with no engine involved.
+//
+//   node src/website/tools/profiler-film/film.mjs architecture
+import { runCommand } from '../kit/editor.mjs';
+import { LANGUAGE, hoverEach, scene, typeText } from '../kit/acts/language.mjs';
+import { AT_CHECKOUT, AT_PIPELINE, ready } from '../kit/acts/shop.mjs';
+import { SHOP } from '../kit/set.mjs';
+import { openFile, sleep } from '../kit/workbench.mjs';
+
+const PIPELINE = 'CheckoutPipeline.cs';
+
+/** The SharpLsp log in the panel, showing only lines that mention `text`. */
+async function logFiltered(page, text) {
+  await runCommand(page, 'SharpLsp: Show Output Channel');
+  const filter = page.locator('.part.panel input[placeholder^="Filter"]').first();
+  await filter.click();
+  await page.keyboard.press('Meta+A');
+  await typeText(page, text, 60);
+  await sleep(1200);
+}
+
+async function routing({ page }) {
+  await logFiltered(page, 'method=textDocument/hover');
+  await openFile(page, 'Checkout.fs');
+  // Words the warm-up never hovered: the host answers a repeat from its cache, without a sidecar.
+  await hoverEach(page, [{ line: 28, word: 'pickBasket' }], { scroll: 300, hold: 3500 });
+  await openFile(page, PIPELINE);
+  await hoverEach(page, [{ line: 11, word: 'PriceBasket' }], { hold: 4000 });
+}
+
+async function folding({ page }) {
+  await page.keyboard.press('Escape');
+  for (const chord of [['Meta+K', 'Meta+0'], ['Meta+K', 'Meta+J']]) {
+    for (const key of chord) await page.keyboard.press(key);
+    await sleep(3500);
+  }
+}
+
+export default {
+  name: 'architecture',
+  demo: SHOP,
+  settings: LANGUAGE,
+  narration: 'architecture.narration.json',
+  poster: { scene: 'routing', at: 10 },
+  scenes: [
+    ...ready(AT_PIPELINE, AT_CHECKOUT),
+    scene('routing', 1, 'One host, two engines: each request goes to its language\'s sidecar', routing),
+    scene('folding', 2, 'Syntax features stay in the host: tree-sitter folds the file', folding),
+  ],
+};
diff --git a/src/website/tools/profiler-film/films/architecture.narration.json b/src/website/tools/profiler-film/films/architecture.narration.json
new file mode 100644
index 00000000..77448a82
--- /dev/null
+++ b/src/website/tools/profiler-film/films/architecture.narration.json
@@ -0,0 +1,19 @@
+{
+  "voice": "af_heart",
+  "say": { "SharpLsp": "Sharp L S P", "F#": "F sharp", "C#": "C sharp", ".NET": "dot net", "MessagePack": "Message Pack" },
+  "music": { "en": "[Gentle music]", "ja": "[穏やかな音楽]", "zh": "[舒缓的音乐]" },
+  "lines": [
+    {
+      "scene": "routing",
+      "en": "SharpLsp is one Rust host with two .NET engines behind it. Watch its log: an F# hover goes to the F# compiler service, and a C# hover goes to Roslyn. Each engine runs in its own process, and speaks MessagePack over a local socket.",
+      "ja": "SharpLsp は、ひとつの Rust ホストの後ろに 2 つの .NET エンジンを持っています。ログを見てください。F# のホバーは F# コンパイラーサービスへ、C# のホバーは Roslyn へ送られます。各エンジンは別々のプロセスで動き、ローカルソケット越しに MessagePack でやり取りします。",
+      "zh": "SharpLsp 是一个 Rust 宿主，背后有两个 .NET 引擎。看它的日志：F# 的悬停请求发往 F# 编译器服务，C# 的悬停请求发往 Roslyn。每个引擎都在自己的进程中运行，通过本地套接字用 MessagePack 通信。"
+    },
+    {
+      "scene": "folding",
+      "en": "Syntax features never leave the host. Folding comes straight from tree-sitter in Rust, with no round trip to either engine.",
+      "ja": "構文の機能はホストの外に出ません。折りたたみは Rust の tree-sitter から直接届き、どちらのエンジンにも往復しません。",
+      "zh": "语法功能从不离开宿主。折叠直接来自 Rust 中的 tree-sitter，无需往返任何一个引擎。"
+    }
+  ]
+}
diff --git a/src/website/tools/profiler-film/films/completions.mjs b/src/website/tools/profiler-film/films/completions.mjs
new file mode 100644
index 00000000..1614e7c6
--- /dev/null
+++ b/src/website/tools/profiler-film/films/completions.mjs
@@ -0,0 +1,41 @@
+// Implements [WEB-DESIGN-MEDIA]. The "Code Completions" walkthrough
+// (`code-completions`): F# and C# member completion typed live, then a type
+// from a namespace the file never imported, with its using added.
+//
+//   node src/website/tools/profiler-film/film.mjs completions
+import { clickOn } from '../kit/code.mjs';
+import { LANGUAGE, complete, scene, typeText } from '../kit/acts/language.mjs';
+import { AT_CHECKOUT, AT_PIPELINE, csharpCheapest, fsharpCheapest, ready } from '../kit/acts/shop.mjs';
+import { SHOP } from '../kit/set.mjs';
+import { openFile, sleep, typeAt } from '../kit/workbench.mjs';
+
+const PIPELINE = 'CheckoutPipeline.cs';
+
+/** Completion invoked by hand on a type the file has no using for; accepting it adds one. */
+async function importing({ page }) {
+  await typeAt(page, { line: 17, append: true, text: '\n\n    private static string Receipt() => new StringBuil' });
+  await page.keyboard.press('Control+Space');
+  await complete(page, '');
+  await typeText(page, '().ToString();');
+  await page.keyboard.press('Escape');
+  await sleep(1200);
+  await clickOn(page, { line: 1, word: 'Text' });
+  await sleep(3500);
+}
+
+export default {
+  name: 'code-completions',
+  demo: SHOP,
+  settings: LANGUAGE,
+  narration: 'completions.narration.json',
+  poster: { scene: 'csharp', at: 6 },
+  scenes: [
+    ...ready(AT_PIPELINE, AT_CHECKOUT),
+    scene('fsharp', 1, 'F#: list functions after a dot, then the record\'s fields', fsharpCheapest),
+    scene('csharp', 2, 'C#: Roslyn completion, member by member', async (shot) => {
+      await openFile(shot.page, PIPELINE);
+      await csharpCheapest(shot);
+    }),
+    scene('import', 3, 'Ctrl+Space finds types you never imported, and adds the using', importing),
+  ],
+};
diff --git a/src/website/tools/profiler-film/films/completions.narration.json b/src/website/tools/profiler-film/films/completions.narration.json
new file mode 100644
index 00000000..79c9a6a7
--- /dev/null
+++ b/src/website/tools/profiler-film/films/completions.narration.json
@@ -0,0 +1,25 @@
+{
+  "voice": "af_heart",
+  "say": { "SharpLsp": "Sharp L S P", "F#": "F sharp", "C#": "C sharp", "minBy": "min by", "MinBy": "min by", "LINQ": "link" },
+  "music": { "en": "[Gentle music]", "ja": "[穏やかな音楽]", "zh": "[舒缓的音乐]" },
+  "lines": [
+    {
+      "scene": "fsharp",
+      "en": "SharpLsp completes F# with the F# compiler itself. Type List dot for every list function, narrow it to minBy, and inside the lambda, the record's fields are right there.",
+      "ja": "SharpLsp は F# コンパイラーそのものを使って F# を補完します。List. と打てばリスト関数がすべて並び、minBy まで絞り込めます。ラムダの中では、レコードのフィールドがすぐに出てきます。",
+      "zh": "SharpLsp 直接用 F# 编译器来补全 F#。输入 List. 就能看到所有列表函数，缩小到 minBy；在 lambda 里，记录的字段就在眼前。"
+    },
+    {
+      "scene": "csharp",
+      "en": "In C#, completion comes straight from Roslyn: LINQ's MinBy, then the product's properties. Accepting an item replaces the word you're typing, never appends to it.",
+      "ja": "C# では、補完は Roslyn から直接届きます。LINQ の MinBy、そして製品のプロパティ。項目を確定すると、入力中の単語が置き換わり、後ろに付け足されることはありません。",
+      "zh": "在 C# 中，补全直接来自 Roslyn：先是 LINQ 的 MinBy，然后是商品的属性。接受某一项会替换你正在输入的单词，而不是追加在后面。"
+    },
+    {
+      "scene": "import",
+      "en": "Need a type from a namespace you haven't imported? Press Control Space, accept it, and SharpLsp adds the using directive at the top of the file.",
+      "ja": "まだインポートしていない名前空間の型が必要ですか？Control+Space を押して確定すれば、SharpLsp がファイルの先頭に using ディレクティブを追加します。",
+      "zh": "需要一个尚未导入的命名空间里的类型？按 Control+Space 并接受，SharpLsp 就会在文件顶部加上 using 指令。"
+    }
+  ]
+}
diff --git a/src/website/tools/profiler-film/films/configuration.mjs b/src/website/tools/profiler-film/films/configuration.mjs
new file mode 100644
index 00000000..32853b7a
--- /dev/null
+++ b/src/website/tools/profiler-film/films/configuration.mjs
@@ -0,0 +1,86 @@
+// Implements [WEB-DESIGN-MEDIA]. The "Configuration" walkthrough
+// (`configuration`): SharpLsp's VS Code settings, then sharplsp.toml beside
+// the solution, monorepo mode switched on, the server restarted, and an
+// unused public property reported as dead code.
+//
+//   node src/website/tools/profiler-film/film.mjs configuration
+import fs from 'node:fs';
+import path from 'node:path';
+import { runCommand } from '../kit/editor.mjs';
+import { LANGUAGE, awaitSemantics, hoverEach, prepareCode, scene, settingsEditor } from '../kit/acts/language.mjs';
+import { SHOP } from '../kit/set.mjs';
+import { openFile, sleep, typeAt } from '../kit/workbench.mjs';
+
+/** The documented sharplsp.toml, every field at its default. */
+const TOML = [
+  '[server]',
+  'log_level = "info"',
+  'debounce_ms = 150',
+  '',
+  '[csharp]',
+  'enabled = true',
+  'solution_path = ""',
+  '',
+  '[fsharp]',
+  'enabled = true',
+  '',
+  '[diagnostics]',
+  'analyzers_enabled = true',
+  'solution_wide_analysis = true',
+  'project_filter = []',
+  '',
+  '[analyzers]',
+  'dead_code = true',
+  'monorepo = false',
+];
+const MONOREPO = TOML.indexOf('monorepo = false') + 1;
+const SESSIONS = 'SessionCache.cs';
+const PROBE = { line: 8, word: 'Remember' };
+
+async function settings({ page }) {
+  await settingsEditor.open(page, 'sharplsp');
+  await sleep(2500);
+  await page.mouse.move(1100, 600);
+  await page.mouse.wheel(0, 500);
+  await sleep(3000);
+  await settingsEditor.close(page);
+}
+
+async function monorepo({ page }) {
+  await runCommand(page, 'View: Close All Editors');
+  await openFile(page, 'sharplsp.toml');
+  await sleep(1500);
+  await typeAt(page, { line: MONOREPO, text: 'monorepo = true' });
+  await page.keyboard.press('Meta+S');
+  await sleep(2000);
+}
+
+async function restart({ page }) {
+  await runCommand(page, 'SharpLsp: Restart Language Server');
+  await openFile(page, SESSIONS);
+  await awaitSemantics(page, PROBE);
+  await sleep(1500);
+}
+
+async function deadCode({ page }) {
+  await sleep(3000);
+  await hoverEach(page, [{ line: 17, word: 'SnapshotBytes' }], { hold: 4500 });
+  await page.keyboard.press('Meta+Shift+M');
+  await sleep(4000);
+}
+
+export default {
+  name: 'configuration',
+  demo: SHOP,
+  settings: LANGUAGE,
+  narration: 'configuration.narration.json',
+  poster: { scene: 'toml', at: 5 },
+  scenes: [
+    { offCamera: ({ workspace }) => fs.writeFileSync(path.join(workspace, 'sharplsp.toml'), `${TOML.join('\n')}\n`) },
+    { offCamera: prepareCode(SESSIONS, PROBE) },
+    scene('settings', 1, 'Editor settings: VS Code\'s Settings, under SharpLsp', settings),
+    scene('toml', 2, 'Server settings: sharplsp.toml, beside the solution', monorepo),
+    scene('restart', 3, 'Restart the language server to apply it', restart, { speed: 4 }),
+    scene('effect', 4, 'Monorepo mode: unused public members are dead code', deadCode),
+  ],
+};
diff --git a/src/website/tools/profiler-film/films/configuration.narration.json b/src/website/tools/profiler-film/films/configuration.narration.json
new file mode 100644
index 00000000..cbc51ba9
--- /dev/null
+++ b/src/website/tools/profiler-film/films/configuration.narration.json
@@ -0,0 +1,31 @@
+{
+  "voice": "af_heart",
+  "say": { "SharpLsp": "Sharp L S P", "sharplsp.toml": "sharp L S P dot toml", "NuGet": "new get" },
+  "music": { "en": "[Gentle music]", "ja": "[穏やかな音楽]", "zh": "[舒缓的音乐]" },
+  "lines": [
+    {
+      "scene": "settings",
+      "en": "SharpLsp has two kinds of settings. Editor settings live in VS Code, under SharpLsp: logging, NuGet, test lenses and more.",
+      "ja": "SharpLsp には 2 種類の設定があります。エディターの設定は VS Code の SharpLsp の下にあります。ログ、NuGet、テストレンズなどです。",
+      "zh": "SharpLsp 有两类设置。编辑器设置位于 VS Code 中的 SharpLsp 下：日志、NuGet、测试 CodeLens 等等。"
+    },
+    {
+      "scene": "toml",
+      "en": "Server settings live in sharplsp.toml, beside your solution. Turn on monorepo mode, and SharpLsp treats this repository as the only code that will ever call yours.",
+      "ja": "サーバーの設定は、ソリューションの隣にある sharplsp.toml に書きます。monorepo モードをオンにすると、SharpLsp はこのリポジトリを、あなたのコードを呼び出す唯一のコードとして扱います。",
+      "zh": "服务器设置写在解决方案旁边的 sharplsp.toml 里。打开 monorepo 模式，SharpLsp 会把这个仓库当作唯一会调用你代码的代码。"
+    },
+    {
+      "scene": "restart",
+      "en": "Restart the language server to apply it.",
+      "ja": "言語サーバーを再起動して反映します。",
+      "zh": "重启语言服务器即可生效。"
+    },
+    {
+      "scene": "effect",
+      "en": "Now a public property that nothing uses is dead code too, and it's reported as an error.",
+      "ja": "これで、どこからも使われていない public プロパティもデッドコードとなり、エラーとして報告されます。",
+      "zh": "现在，一个没有任何地方使用的公共属性也算作死代码，并以错误的形式报告出来。"
+    }
+  ]
+}
diff --git a/src/website/tools/profiler-film/films/context-menus.mjs b/src/website/tools/profiler-film/films/context-menus.mjs
new file mode 100644
index 00000000..d2e92ed6
--- /dev/null
+++ b/src/website/tools/profiler-film/films/context-menus.mjs
@@ -0,0 +1,44 @@
+// Implements [WEB-DESIGN-MEDIA]. The "Context Menus" walkthrough
+// (`context-menus`): the Solution Explorer's menus on the solution, a
+// project (Build, Open Project File) and a C# type (Sort Members).
+//
+//   node src/website/tools/profiler-film/film.mjs context-menus
+import { LANGUAGE, scene } from '../kit/acts/language.mjs';
+import { openMenu, pickMenu, unfold } from '../kit/acts/explorer.mjs';
+import { AT_PROGRAM_CS, ready } from '../kit/acts/shop.mjs';
+import { SHOP } from '../kit/set.mjs';
+import { openFile, sleep } from '../kit/workbench.mjs';
+
+const PROJECT = /^Storefront \(Storefront\.csproj\)/;
+
+/** Right-click `name`'s row, choose `item`, and hold for `hold` ms on what it does. */
+const choose = (name, item, hold) => async ({ page, set }) => {
+  await openMenu(page, name);
+  await pickMenu(page, set.cues, item);
+  await sleep(hold);
+};
+
+export default {
+  name: 'context-menus',
+  demo: SHOP,
+  settings: LANGUAGE,
+  narration: 'context-menus.narration.json',
+  poster: { scene: 'solution', at: 3 },
+  scenes: [
+    ...ready(AT_PROGRAM_CS),
+    scene('solution', 1, 'Every node in the Solution Explorer has its own menu', async ({ page }) => {
+      await openMenu(page, /^Shop\.slnx/);
+      await sleep(3500);
+      await page.keyboard.press('Escape');
+    }),
+    scene('build', 2, 'Build, Rebuild or Clean a project', choose(PROJECT, 'Build', 14_000), { speed: 2 }),
+    scene('project', 3, 'Open Project File', choose(PROJECT, 'Open Project File', 3500)),
+    scene('sort', 4, 'Sort Members on a C# type', async (shot) => {
+      await unfold(shot.page, PROJECT);
+      await unfold(shot.page, /^Storefront$/);
+      await choose(/^CheckoutPipeline$/, 'Sort Members', 1500)(shot);
+      await openFile(shot.page, 'CheckoutPipeline.cs');
+      await sleep(5000);
+    }),
+  ],
+};
diff --git a/src/website/tools/profiler-film/films/context-menus.narration.json b/src/website/tools/profiler-film/films/context-menus.narration.json
new file mode 100644
index 00000000..77054e7a
--- /dev/null
+++ b/src/website/tools/profiler-film/films/context-menus.narration.json
@@ -0,0 +1,31 @@
+{
+  "voice": "af_heart",
+  "say": { "SharpLsp": "Sharp L S P", "C#": "C sharp", "XML": "X M L" },
+  "music": { "en": "[Gentle music]", "ja": "[穏やかな音楽]", "zh": "[舒缓的音乐]" },
+  "lines": [
+    {
+      "scene": "solution",
+      "en": "Right-click in the Solution Explorer, and every node has its own actions. The solution builds, and tidies packages across all of its projects.",
+      "ja": "ソリューションエクスプローラーで右クリックすると、ノードごとに専用のアクションがあります。ソリューションはビルドでき、すべてのプロジェクトのパッケージを整理できます。",
+      "zh": "在解决方案资源管理器中右键单击，每个节点都有自己的操作。解决方案可以生成，并整理所有项目的包。"
+    },
+    {
+      "scene": "build",
+      "en": "Build, rebuild or clean a project in one click. The build runs in a terminal, and its errors and warnings land in the Problems panel.",
+      "ja": "プロジェクトのビルド、リビルド、クリーンはワンクリックです。ビルドはターミナルで実行され、エラーと警告は問題パネルに並びます。",
+      "zh": "一键生成、重新生成或清理项目。生成在终端中运行，错误和警告会出现在问题面板里。"
+    },
+    {
+      "scene": "project",
+      "en": "Open Project File takes you straight to the project's XML.",
+      "ja": "「プロジェクト ファイルを開く」で、プロジェクトの XML へ直行します。",
+      "zh": "“打开项目文件”会直接带你到项目的 XML。"
+    },
+    {
+      "scene": "sort",
+      "en": "And on a C# type, Sort Members orders its members by accessibility, kind and name, in a single edit.",
+      "ja": "C# の型では、「メンバーの並べ替え」で、アクセシビリティ、種類、名前の順にメンバーを一度の編集で並べ替えます。",
+      "zh": "在 C# 类型上，“排序成员”会按可访问性、种类和名称，一次编辑就把成员排好。"
+    }
+  ]
+}
diff --git a/src/website/tools/profiler-film/films/contributing.mjs b/src/website/tools/profiler-film/films/contributing.mjs
new file mode 100644
index 00000000..5c942042
--- /dev/null
+++ b/src/website/tools/profiler-film/films/contributing.mjs
@@ -0,0 +1,80 @@
+// Implements [WEB-DESIGN-MEDIA]. The "Contributing" walkthrough
+// (`contributing`): the repository's layout, its specs and their IDs, and a
+// test suite (the Rust host's unit tests) built and run from a terminal, on a
+// clean copy of the committed tree.
+//
+//   node src/website/tools/profiler-film/film.mjs contributing
+import { spawnSync } from 'node:child_process';
+import { runCommand } from '../kit/editor.mjs';
+import { scene, typeText } from '../kit/acts/language.mjs';
+import { REPO } from '../kit/set.mjs';
+import { openFile, sleep } from '../kit/workbench.mjs';
+
+const SUITE = 'cargo test -p sharplsp --bins';
+
+/** A plain bash with a bare prompt: no profile, so no name or host reaches the frame. */
+const SETTINGS = {
+  'terminal.integrated.profiles.osx': {
+    film: { path: '/bin/bash', args: ['--noprofile', '--norc'], env: { PS1: '$ ', BASH_SILENCE_DEPRECATION_WARNING: '1' } },
+  },
+  'terminal.integrated.defaultProfile.osx': 'film',
+  'terminal.integrated.fontSize': 14,
+};
+
+/** Open the Explorer's folders named in `path`, one level at a time. */
+async function unfoldPath(page, path) {
+  for (const folder of path) {
+    await page.locator('.explorer-viewlet').getByRole('treeitem', { name: folder, exact: true }).first().click();
+    await sleep(900);
+  }
+}
+
+async function layout({ page }) {
+  await unfoldPath(page, ['src']);
+  await sleep(1500);
+  await unfoldPath(page, ['editors']);
+  await sleep(3500);
+}
+
+async function specs({ page }) {
+  await unfoldPath(page, ['src', 'docs', 'specs']);
+  await openFile(page, 'SHARPLSP-SPEC.md');
+  await sleep(2500);
+  await page.mouse.move(1000, 500);
+  await page.mouse.wheel(0, 1200);
+  await sleep(3500);
+}
+
+const running = () => spawnSync('pgrep', ['-f', SUITE]).status === 0;
+
+async function suite({ page }) {
+  await runCommand(page, 'Terminal: Create New Terminal');
+  await page.locator('.terminal-wrapper').first().waitFor();
+  await sleep(1500);
+  await typeText(page, SUITE, 50);
+  await page.keyboard.press('Enter');
+  await sleep(5000);
+  for (const deadline = Date.now() + 600_000; running() && Date.now() < deadline; ) await sleep(2000);
+  // A few empty prompts lift the result line clear of the caption.
+  for (let prompt = 0; prompt < 4; prompt++) await page.keyboard.press('Enter');
+  await sleep(6000);
+}
+
+export default {
+  name: 'contributing',
+  demo: REPO,
+  settings: SETTINGS,
+  narration: 'contributing.narration.json',
+  poster: { scene: 'layout', at: 5 },
+  scenes: [
+    {
+      offCamera: async ({ page }) => {
+        await runCommand(page, 'Notifications: Toggle Do Not Disturb Mode');
+        await runCommand(page, 'View: Show Explorer');
+      },
+    },
+    scene('layout', 1, 'One repository: the Rust host, the .NET sidecars, the editors', layout),
+    scene('specs', 2, 'Specs are the source of truth: every section has an ID', specs),
+    scene('suite', 3, 'Build and test from the command line', suite, { speed: 8 }),
+  ],
+};
diff --git a/src/website/tools/profiler-film/films/contributing.narration.json b/src/website/tools/profiler-film/films/contributing.narration.json
new file mode 100644
index 00000000..fa6fe177
--- /dev/null
+++ b/src/website/tools/profiler-film/films/contributing.narration.json
@@ -0,0 +1,37 @@
+{
+  "voice": "af_heart",
+  "say": {
+    "SharpLsp": "Sharp L S P",
+    "F#": "F sharp",
+    "C#": "C sharp",
+    ".NET": "dot net",
+    "IDs": "I Ds",
+    "ID": "I D",
+    "Rust": "Rust"
+  },
+  "music": {
+    "en": "[Gentle music]",
+    "ja": "[穏やかな音楽]",
+    "zh": "[舒缓的音乐]"
+  },
+  "lines": [
+    {
+      "scene": "layout",
+      "en": "SharpLsp is built in the open. One repository holds the Rust host, the C# and F# sidecars, the editor integrations, and this website.",
+      "ja": "SharpLsp はオープンに開発されています。ひとつのリポジトリに、Rust ホスト、C# と F# のサイドカー、エディター統合、そしてこのウェブサイトが入っています。",
+      "zh": "SharpLsp 是开放开发的。一个仓库就包含了 Rust 宿主、C# 和 F# sidecar、各编辑器集成，以及这个网站。"
+    },
+    {
+      "scene": "specs",
+      "en": "The specs are the source of truth. Every section has an ID, and the code and tests that implement it cite that ID.",
+      "ja": "仕様書が唯一の拠り所です。各セクションには ID があり、それを実装するコードとテストがその ID を引用します。",
+      "zh": "规范是唯一的事实来源。每个章节都有一个 ID，实现它的代码和测试都会引用这个 ID。"
+    },
+    {
+      "scene": "suite",
+      "en": "Everything builds and tests from the command line. Here, the Rust host's unit tests compile and run.",
+      "ja": "すべてコマンドラインからビルドとテストができます。ここでは Rust ホストの単体テストをコンパイルして実行します。",
+      "zh": "一切都能在命令行中生成和测试。这里，Rust 宿主的单元测试正在编译并运行。"
+    }
+  ]
+}
diff --git a/src/website/tools/profiler-film/films/csharp.mjs b/src/website/tools/profiler-film/films/csharp.mjs
new file mode 100644
index 00000000..d2c5992e
--- /dev/null
+++ b/src/website/tools/profiler-film/films/csharp.mjs
@@ -0,0 +1,27 @@
+// Implements [WEB-DESIGN-MEDIA]. The C# walkthrough the Profiler page plays
+// (`profiler-csharp`): Storefront's CPU down to its hot C# lines, then its
+// memory: the leak suspect, the static field that roots it, the fix, and a
+// second run. The memory half is the leak film's story.
+//
+//   node src/website/tools/profiler-film/film.mjs csharp
+import { profilerTour } from '../kit/acts/tour.mjs';
+import { STOREFRONT } from '../kit/set.mjs';
+import { leakStory } from './leak.mjs';
+
+export default {
+  name: 'profiler-csharp',
+  demo: STOREFRONT,
+  narration: 'csharp.narration.json',
+  poster: { scene: 'heat', at: 5 },
+  scenes: profilerTour(
+    {
+      file: 'CheckoutPipeline.cs',
+      captions: {
+        profile: 'Profile CPU on a running .NET app, no restart',
+        heat: 'Stop: every hot C# line gets its share of the samples',
+        results: 'The hottest functions, by self and total time',
+      },
+    },
+    { ...leakStory, captions: { ...leakStory.captions, track: 'Track Memory on the same app' } },
+  ),
+};
diff --git a/src/website/tools/profiler-film/films/csharp.narration.json b/src/website/tools/profiler-film/films/csharp.narration.json
new file mode 100644
index 00000000..75ac72a9
--- /dev/null
+++ b/src/website/tools/profiler-film/films/csharp.narration.json
@@ -0,0 +1,76 @@
+{
+  "voice": "af_heart",
+  "say": {
+    "SharpLsp": "Sharp L S P",
+    "C#": "C sharp",
+    ".NET": "dot net",
+    "CustomerSession": "Customer Session"
+  },
+  "music": {
+    "en": "[Gentle music]",
+    "ja": "[穏やかな音楽]",
+    "zh": "[舒缓的音乐]"
+  },
+  "lines": [
+    {
+      "scene": "profile",
+      "en": "This is Storefront, a C# app that's running right now. SharpLsp attaches to it, no restart needed, and samples where its time goes.",
+      "ja": "これは Storefront、いま実際に動いている C# アプリです。SharpLsp は再起動なしでアタッチし、時間がどこに使われているかをサンプリングします。",
+      "zh": "这是 Storefront，一个正在运行的 C# 应用。SharpLsp 无需重启即可附加到它上面，采样它的时间都花在了哪里。"
+    },
+    {
+      "scene": "heat",
+      "en": "Stop the profiler, and every hot line lights up in the editor: the catalog parse, the discount loop, and the invoice built one string at a time.",
+      "ja": "プロファイラーを止めると、エディターの中でホットな行がすべて光ります。カタログの解析、割引のループ、そして文字列をひとつずつ連結して作る請求書。",
+      "zh": "停止性能分析器，编辑器里每个热点行都会亮起：商品目录解析、折扣循环，还有一个字符串一个字符串拼出来的发票。"
+    },
+    {
+      "scene": "results",
+      "en": "The results list the hottest functions and the hottest lines, so you know exactly where to start.",
+      "ja": "結果には最もホットな関数と最もホットな行が並ぶので、どこから手を付ければいいかがすぐわかります。",
+      "zh": "结果列出了最热的函数和最热的代码行，让你清楚地知道该从哪里下手。"
+    },
+    {
+      "scene": "track",
+      "en": "Now track memory on the same app. SharpLsp snapshots the heap every ten seconds.",
+      "ja": "次は同じアプリのメモリを追跡します。SharpLsp が 10 秒ごとにヒープのスナップショットを取ります。",
+      "zh": "现在跟踪同一个应用的内存。SharpLsp 每十秒为堆拍一次快照。"
+    },
+    {
+      "scene": "suspect",
+      "en": "The suspects rank by consistent growth, and CustomerSession grows in every snapshot, along with the byte arrays it holds. Click it, and you jump to its code.",
+      "ja": "疑いは一貫した増加の度合いで並びます。CustomerSession は、それが保持するバイト配列とともに、どのスナップショットでも増えています。クリックすると、そのコードへジャンプします。",
+      "zh": "可疑项按持续增长程度排序。CustomerSession 在每个快照里都在增长，它持有的字节数组也一样。点击它，就会跳到它的代码。"
+    },
+    {
+      "scene": "ask",
+      "en": "So, what's keeping those sessions alive?",
+      "ja": "では、何がそれらのセッションを生かし続けているのでしょうか？",
+      "zh": "那么，是什么让这些会话一直存活？"
+    },
+    {
+      "scene": "graph",
+      "en": "A static dictionary, named in the graph, that holds every session the app has ever seen.",
+      "ja": "グラフに名前が示された static な Dictionary が、アプリがこれまでに扱ったすべてのセッションを保持しています。",
+      "zh": "图中标出的一个静态字典，保存着应用见过的每一个会话。"
+    },
+    {
+      "scene": "fix",
+      "en": "The fix: keep the last thousand orders, and evict the rest.",
+      "ja": "修正は、直近 1,000 件の注文だけを残し、残りを追い出すことです。",
+      "zh": "修复方法：只保留最近一千笔订单，其余的淘汰。"
+    },
+    {
+      "scene": "retrack",
+      "en": "Rebuild, run it again, and track memory.",
+      "ja": "再ビルドして、もう一度実行し、メモリを追跡します。",
+      "zh": "重新构建，再次运行，然后跟踪内存。"
+    },
+    {
+      "scene": "steady",
+      "en": "This time the heap holds steady. That's the SharpLsp profiler, for C# and F#. Free, and open source.",
+      "ja": "今度はヒープが横ばいです。これが C# と F# のための SharpLsp プロファイラーです。無料で、オープンソースです。",
+      "zh": "这一次，堆保持平稳。这就是适用于 C# 和 F# 的 SharpLsp 性能分析器。免费，而且开源。"
+    }
+  ]
+}
diff --git a/src/website/tools/profiler-film/films/diagnostics.mjs b/src/website/tools/profiler-film/films/diagnostics.mjs
new file mode 100644
index 00000000..b183246b
--- /dev/null
+++ b/src/website/tools/profiler-film/films/diagnostics.mjs
@@ -0,0 +1,58 @@
+// Implements [WEB-DESIGN-MEDIA]. The "Diagnostics" walkthrough
+// (`diagnostics`): errors and SharpLsp's analyzer findings on unsaved F# and
+// C# edits, each read by hovering it, then the Problems panel that lists them.
+//
+//   node src/website/tools/profiler-film/film.mjs diagnostics
+import { LANGUAGE, hoverEach, scene } from '../kit/acts/language.mjs';
+import { AT_CHECKOUT, AT_PIPELINE, ready } from '../kit/acts/shop.mjs';
+import { SHOP } from '../kit/set.mjs';
+import { openFile, sleep, typeAt } from '../kit/workbench.mjs';
+
+/** Type `edits` into `file` (each a `typeAt` edit), let the engine catch up, and hover each of `spots`. */
+const flag = (file, edits, spots) => async ({ page }) => {
+  await openFile(page, file);
+  for (const edit of edits) await typeAt(page, edit);
+  await page.keyboard.press('Escape');
+  await sleep(3500);
+  await hoverEach(page, spots, { hold: 3600 });
+};
+
+export default {
+  name: 'diagnostics',
+  demo: SHOP,
+  settings: LANGUAGE,
+  narration: 'diagnostics.narration.json',
+  poster: { scene: 'problems', at: 3 },
+  scenes: [
+    ...ready(AT_PIPELINE, AT_CHECKOUT),
+    scene(
+      'fsharp',
+      1,
+      'F#: compiler errors and SharpLsp analyzers, as you type',
+      flag(
+        'Checkout.fs',
+        [
+          { line: 4, append: true, text: '\nopen System.Text' },
+          { line: 22, append: true, text: '\n\nlet count: int = "12"' },
+        ],
+        [{ line: 5, word: 'System' }, { line: 24, word: '12' }],
+      ),
+    ),
+    scene(
+      'csharp',
+      2,
+      'C#: Roslyn flags the mistake before you save',
+      flag('CheckoutPipeline.cs', [{ line: 12, append: true, text: '\n        int items = "twelve";' }], [{ line: 13, word: 'twelve' }]),
+    ),
+    scene(
+      'deadcode',
+      3,
+      'Dead code: a private method nothing calls',
+      flag('CheckoutPipeline.cs', [{ line: 15, append: true, text: '\n\n    private static decimal Unused() => 0m;' }], [{ line: 17, word: 'Unused' }]),
+    ),
+    scene('problems', 4, 'Errors and warnings in the Problems panel', async ({ page }) => {
+      await page.keyboard.press('Meta+Shift+M');
+      await sleep(5500);
+    }),
+  ],
+};
diff --git a/src/website/tools/profiler-film/films/diagnostics.narration.json b/src/website/tools/profiler-film/films/diagnostics.narration.json
new file mode 100644
index 00000000..ab632cb2
--- /dev/null
+++ b/src/website/tools/profiler-film/films/diagnostics.narration.json
@@ -0,0 +1,39 @@
+{
+  "voice": "af_heart",
+  "say": {
+    "SharpLsp": "Sharp L S P",
+    "F#": "F sharp",
+    "C#": "C sharp"
+  },
+  "music": {
+    "en": "[Gentle music]",
+    "ja": "[穏やかな音楽]",
+    "zh": "[舒缓的音乐]"
+  },
+  "lines": [
+    {
+      "scene": "fsharp",
+      "en": "SharpLsp checks your code as you type, before you save. In F#, its own analyzer marks an open that nothing uses, and the F# compiler catches a string where an int belongs.",
+      "ja": "SharpLsp は、保存する前の入力中のコードをチェックします。F# では、独自のアナライザーが使われていない open に印を付け、F# コンパイラーが int のはずの場所にある文字列を捕まえます。",
+      "zh": "SharpLsp 会在你输入时、保存之前检查代码。在 F# 中，它自己的分析器会标出一个没被用到的 open，F# 编译器则会抓住本该是 int 的地方出现的字符串。"
+    },
+    {
+      "scene": "csharp",
+      "en": "C# gets the same from Roslyn. Assign a string to an int, and it's flagged straight away.",
+      "ja": "C# でも Roslyn が同じことをします。文字列を int に代入すると、すぐに指摘されます。",
+      "zh": "C# 也由 Roslyn 提供同样的检查。把字符串赋给 int，马上就会被标出来。"
+    },
+    {
+      "scene": "deadcode",
+      "en": "SharpLsp's analyzers go further. A private method that nothing calls is flagged as dead code.",
+      "ja": "SharpLsp のアナライザーはさらに踏み込みます。どこからも呼ばれていない private メソッドはデッドコードとして指摘されます。",
+      "zh": "SharpLsp 的分析器还会更进一步：一个没有任何地方调用的私有方法，会被标记为死代码。"
+    },
+    {
+      "scene": "problems",
+      "en": "Errors and warnings land in the Problems panel, each with its code and its source, ready to fix.",
+      "ja": "エラーと警告は、それぞれコードと出どころを添えて問題パネルに並び、すぐに修正できます。",
+      "zh": "错误和警告都会出现在问题面板中，各自附带代码和来源，随时可以修复。"
+    }
+  ]
+}
diff --git a/src/website/tools/profiler-film/films/editor-setup.mjs b/src/website/tools/profiler-film/films/editor-setup.mjs
new file mode 100644
index 00000000..15de5b1d
--- /dev/null
+++ b/src/website/tools/profiler-film/films/editor-setup.mjs
@@ -0,0 +1,53 @@
+// Implements [WEB-DESIGN-MEDIA]. The "Editor Setup" walkthrough
+// (`editor-setup`): the extension restarting its server from the status bar,
+// everything it adds under SharpLsp in the Command Palette, and the
+// trusted-workspace settings for development builds.
+//
+//   node src/website/tools/profiler-film/film.mjs editor-setup
+import { runCommand } from '../kit/editor.mjs';
+import { LANGUAGE, awaitSemantics, prepareCode, scene, settingsEditor, typeText } from '../kit/acts/language.mjs';
+import { pointAt } from '../kit/overlay.mjs';
+import { SHOP } from '../kit/set.mjs';
+import { sleep } from '../kit/workbench.mjs';
+
+const PROBE = { line: 10, word: 'Checkout' };
+
+async function activation({ page }) {
+  const status = await page.locator('.statusbar-item', { hasText: 'SharpLsp' }).first().boundingBox();
+  if (status) await pointAt(page, { x: status.x + status.width / 2, y: status.y + status.height / 2 });
+  await runCommand(page, 'SharpLsp: Restart Language Server');
+  await awaitSemantics(page, PROBE);
+  await sleep(1500);
+}
+
+async function palette({ page }) {
+  await page.locator('.command-center .command-center-center').click();
+  await page.locator('.quick-input-widget input').waitFor();
+  await typeText(page, '>SharpLsp', 90);
+  await sleep(3000);
+  for (let row = 0; row < 8; row++) {
+    await page.keyboard.press('ArrowDown');
+    await sleep(350);
+  }
+  await sleep(1500);
+  await page.keyboard.press('Escape');
+}
+
+async function trust({ page }) {
+  await settingsEditor.open(page, 'sharplsp path');
+  await sleep(5000);
+}
+
+export default {
+  name: 'editor-setup',
+  demo: SHOP,
+  settings: LANGUAGE,
+  narration: 'editor-setup.narration.json',
+  poster: { scene: 'palette', at: 6 },
+  scenes: [
+    { offCamera: prepareCode('Program.cs', PROBE) },
+    scene('activation', 1, 'The VSIX brings the server and both sidecars: no other install', activation, { speed: 2 }),
+    scene('palette', 2, 'Everything it adds, under SharpLsp in the Command Palette', palette),
+    scene('trust', 3, 'Development builds: path settings, for trusted workspaces only', trust),
+  ],
+};
diff --git a/src/website/tools/profiler-film/films/editor-setup.narration.json b/src/website/tools/profiler-film/films/editor-setup.narration.json
new file mode 100644
index 00000000..b1edc1f0
--- /dev/null
+++ b/src/website/tools/profiler-film/films/editor-setup.narration.json
@@ -0,0 +1,25 @@
+{
+  "voice": "af_heart",
+  "say": { "SharpLsp": "Sharp L S P", "F#": "F sharp", "VSIX": "V S I X", "NuGet": "new get", "LSP": "L S P", ".NET": "dot net" },
+  "music": { "en": "[Gentle music]", "ja": "[穏やかな音楽]", "zh": "[舒缓的音乐]" },
+  "lines": [
+    {
+      "scene": "activation",
+      "en": "The VS Code extension brings everything with it. On start, it finds a .NET 10 SDK, launches the bundled server and both sidecars, and loads your solution.",
+      "ja": "VS Code 拡張機能にはすべてが同梱されています。起動すると .NET 10 SDK を見つけ、同梱のサーバーと 2 つのサイドカーを起動し、ソリューションを読み込みます。",
+      "zh": "VS Code 扩展自带一切。启动时，它会找到 .NET 10 SDK，启动内置的服务器和两个 sidecar，并加载你的解决方案。"
+    },
+    {
+      "scene": "palette",
+      "en": "Everything it adds lives under SharpLsp in the Command Palette: builds, NuGet, F# Interactive, tests, debugging and the profiler.",
+      "ja": "追加される機能はすべて、コマンドパレットの SharpLsp の下にあります。ビルド、NuGet、F# Interactive、テスト、デバッグ、そしてプロファイラー。",
+      "zh": "它添加的一切都在命令面板的 SharpLsp 下：生成、NuGet、F# Interactive、测试、调试和性能分析器。"
+    },
+    {
+      "scene": "trust",
+      "en": "Contributors can point it at their own server and sidecar builds, in a trusted workspace only. And the same server runs in Zed, in Rider, and in any editor that speaks LSP.",
+      "ja": "コントリビューターは、信頼済みのワークスペースに限り、自分でビルドしたサーバーとサイドカーを指定できます。そして同じサーバーが Zed でも、Rider でも、LSP を話すどのエディターでも動きます。",
+      "zh": "贡献者可以让它使用自己构建的服务器和 sidecar，但仅限受信任的工作区。同一个服务器也能在 Zed、Rider 以及任何支持 LSP 的编辑器中运行。"
+    }
+  ]
+}
diff --git a/src/website/tools/profiler-film/films/fsharp-language.mjs b/src/website/tools/profiler-film/films/fsharp-language.mjs
new file mode 100644
index 00000000..41b9ca93
--- /dev/null
+++ b/src/website/tools/profiler-film/films/fsharp-language.mjs
@@ -0,0 +1,46 @@
+// Implements [WEB-DESIGN-MEDIA]. The F# language walkthrough the "F# Language
+// Support" page plays (`fsharp-language`): hover, completion, definition and
+// references, a generated match case, a rename across files, and F#
+// Interactive, all on FsStorefront in the Shop solution.
+//
+//   node src/website/tools/profiler-film/film.mjs fsharp-language
+import { runCommand } from '../kit/editor.mjs';
+import { LANGUAGE, hoverEach, navigate, peekReferences, scene, typeText } from '../kit/acts/language.mjs';
+import { AT_CHECKOUT, fsharpCheapest, missingCase, ready, renameAcrossFiles } from '../kit/acts/shop.mjs';
+import { SHOP } from '../kit/set.mjs';
+import { goTo, openFile, sleep } from '../kit/workbench.mjs';
+
+/** The catalog's code sent to F# Interactive, then called there. */
+async function interactive({ page }) {
+  await openFile(page, 'Catalog.fs');
+  await goTo(page, 3, 1);
+  for (let line = 3; line < 14; line++) await page.keyboard.press('Shift+ArrowDown');
+  await page.keyboard.press('Shift+End');
+  await runCommand(page, 'SharpLsp: F# Interactive: Send Selection');
+  await page.locator('.terminal-wrapper').first().waitFor();
+  await sleep(4000);
+  await page.locator('.terminal-wrapper').first().click();
+  await typeText(page, 'generate 3;;', 90);
+  await page.keyboard.press('Enter');
+  await sleep(4000);
+}
+
+export default {
+  name: 'fsharp-language',
+  demo: SHOP,
+  settings: LANGUAGE,
+  narration: 'fsharp-language.narration.json',
+  poster: { scene: 'complete', at: 9 },
+  scenes: [
+    ...ready(AT_CHECKOUT),
+    scene('hover', 1, 'Hover any F# symbol: its signature, from the F# compiler', ({ page }) =>
+      hoverEach(page, [{ line: 28, word: 'parseCatalog' }, { line: 28, word: 'pickBasket' }, { line: 29, word: 'priceBasket' }], { scroll: 300 }),
+    ),
+    scene('complete', 2, 'Completion knows your types: List functions, then record fields', fsharpCheapest),
+    scene('define', 3, 'Go to Definition (F12) crosses files', (shot) => navigate(shot.page, { line: 23, word: 'Product' }, 'F12')),
+    scene('references', 4, 'Find All References (Shift+F12), project-wide', ({ page }) => peekReferences(page, { line: 3, word: 'Product' })),
+    scene('fix', 5, 'Quick fixes write code: generate the missing union case', missingCase, { speed: 2 }),
+    scene('rename', 6, 'Rename (F2), and every file that calls it follows', renameAcrossFiles),
+    scene('interactive', 7, 'Send code to F# Interactive and run it on the spot', interactive),
+  ],
+};
diff --git a/src/website/tools/profiler-film/films/fsharp-language.narration.json b/src/website/tools/profiler-film/films/fsharp-language.narration.json
new file mode 100644
index 00000000..07205941
--- /dev/null
+++ b/src/website/tools/profiler-film/films/fsharp-language.narration.json
@@ -0,0 +1,49 @@
+{
+  "voice": "af_heart",
+  "say": { "SharpLsp": "Sharp L S P", "F#": "F sharp", "minBy": "min by", "F12": "F twelve", "F2": "F two", "Program.fs": "Program dot F S" },
+  "music": { "en": "[Gentle music]", "ja": "[穏やかな音楽]", "zh": "[舒缓的音乐]" },
+  "lines": [
+    {
+      "scene": "hover",
+      "en": "This is F# in VS Code with SharpLsp. Hover any symbol, and the F# compiler tells you exactly what it is: the parser, the basket picker, the pricing.",
+      "ja": "これは SharpLsp を入れた VS Code の F# です。シンボルにホバーすると、F# コンパイラーがその正体を正確に教えてくれます。パーサー、バスケットの選択、価格計算。",
+      "zh": "这是装有 SharpLsp 的 VS Code 中的 F#。将鼠标悬停在任意符号上，F# 编译器会准确告诉你它是什么：解析器、购物篮挑选、价格计算。"
+    },
+    {
+      "scene": "complete",
+      "en": "Completion knows your types. Type List dot for every list function, and narrow it down to minBy. Inside the lambda, the record's fields are right there.",
+      "ja": "補完は型を理解しています。List. と打てばリスト関数がすべて並び、minBy まで絞り込めます。ラムダの中では、レコードのフィールドがすぐに出てきます。",
+      "zh": "补全了解你的类型。输入 List. 就能看到所有列表函数，再缩小到 minBy。在 lambda 里，记录的字段就在眼前。"
+    },
+    {
+      "scene": "define",
+      "en": "Press F12 on a type to jump to its definition, even in another file.",
+      "ja": "型の上で F12 を押すと、別のファイルにあっても定義へジャンプします。",
+      "zh": "在类型上按 F12，即使它在另一个文件里，也能跳转到定义。"
+    },
+    {
+      "scene": "references",
+      "en": "Shift F12 finds every reference across the project, including code you haven't saved yet.",
+      "ja": "Shift+F12 で、まだ保存していないコードも含めて、プロジェクト全体の参照をすべて見つけます。",
+      "zh": "Shift+F12 会找出整个项目中的所有引用，包括你还没保存的代码。"
+    },
+    {
+      "scene": "fix",
+      "en": "Quick fixes write code for you. This match misses a case. Press Command dot, and SharpLsp generates the missing case.",
+      "ja": "クイックフィックスがコードを書いてくれます。この match にはケースが足りません。Command+. を押すと、SharpLsp が足りないケースを生成します。",
+      "zh": "快速修复会替你写代码。这个 match 漏了一个分支。按 Command+.，SharpLsp 就会生成缺失的分支。"
+    },
+    {
+      "scene": "rename",
+      "en": "Rename a function with F2, and SharpLsp renames it across the whole project. Program.fs already calls it by its new name.",
+      "ja": "F2 で関数の名前を変えると、SharpLsp がプロジェクト全体で名前を変えます。Program.fs はもう新しい名前で呼び出しています。",
+      "zh": "用 F2 重命名一个函数，SharpLsp 会在整个项目中重命名它。Program.fs 已经在用新名字调用它了。"
+    },
+    {
+      "scene": "interactive",
+      "en": "And to try an idea, send code to F# Interactive and run it on the spot. That's F# in SharpLsp. First class, free, and open source.",
+      "ja": "アイデアを試したいときは、コードを F# Interactive に送ってその場で実行できます。これが SharpLsp の F# です。ファーストクラスで、無料、そしてオープンソースです。",
+      "zh": "想试试某个想法？把代码发送到 F# Interactive，当场运行。这就是 SharpLsp 中的 F#。一等公民，免费，而且开源。"
+    }
+  ]
+}
diff --git a/src/website/tools/profiler-film/films/fsharp.mjs b/src/website/tools/profiler-film/films/fsharp.mjs
index 5d26f61f..d451aed9 100644
--- a/src/website/tools/profiler-film/films/fsharp.mjs
+++ b/src/website/tools/profiler-film/films/fsharp.mjs
@@ -5,9 +5,7 @@
 //
 //   node src/website/tools/profiler-film/film.mjs fsharp
 import { snap } from '../kit/camera.mjs';
-import { cpuLoop } from '../kit/acts/cpu.mjs';
-import { memoryLoop } from '../kit/acts/memory.mjs';
-import { prepare, switchTo } from '../kit/scenes.mjs';
+import { profilerTour } from '../kit/acts/tour.mjs';
 import { FS_STOREFRONT } from '../kit/set.mjs';
 
 const CHECKOUT = 'Checkout.fs';
@@ -18,44 +16,36 @@ export default {
   demo: FS_STOREFRONT,
   narration: 'fsharp.narration.json',
   poster: { scene: 'suspect', at: 6 },
-  scenes: [
-    { offCamera: prepare(CHECKOUT) },
-    ...cpuLoop(
-      {
-        file: CHECKOUT,
-        stills: 'profiler-fsharp',
-        captions: {
-          profile: 'Profile CPU on a running F# app',
-          heat: 'Stop: every hot F# line gets its share of the samples',
-          results: 'Hot functions keep their F# names, down to each pipeline stage',
-        },
+  scenes: profilerTour(
+    {
+      file: CHECKOUT,
+      stills: 'profiler-fsharp',
+      captions: {
+        profile: 'Profile CPU on a running F# app',
+        heat: 'Stop: every hot F# line gets its share of the samples',
+        results: 'Hot functions keep their F# names, down to each pipeline stage',
       },
-      1,
-    ),
-    { offCamera: switchTo(SESSIONS) },
-    ...memoryLoop(
-      {
-        file: SESSIONS,
-        type: 'FsStorefront.CustomerSession',
-        // A bounded window: the comment line is replaced; the eviction follows the store.
-        fix: [
-          { line: 5, text: '// Remembers the last 1,000 orders "for analytics", and forgets older ones.' },
-          { line: 10, append: true, text: '\n    sessions.Remove(order.Id - 1_000) |> ignore' },
-        ],
-        captions: {
-          track: 'Track Memory on the same app',
-          grow: 'Let it run: SharpLsp snapshots the heap every 10 seconds',
-          suspect: 'Records and union cases rank by growth. Click one to jump to the line that builds it',
-          graph: 'Ask what keeps it alive: SharpLsp: Show Reference Graph',
-          rooted: 'The root is the module value sessions, named as in your source',
-          fix: 'Fix it: keep the last 1,000 sessions and evict the rest',
-          retrack: 'Rebuild, run, and track memory again',
-          steady: 'The heap holds steady, and no suspect climbs past Low',
-        },
-        afterSuspect: (shot) => snap(shot, 'profiler-fsharp-leaks'),
-        atGraph: (shot) => snap(shot, 'profiler-fsharp-graph'),
+    },
+    {
+      file: SESSIONS,
+      type: 'FsStorefront.CustomerSession',
+      // A bounded window: the comment line is replaced; the eviction follows the store.
+      fix: [
+        { line: 5, text: '// Remembers the last 1,000 orders "for analytics", and forgets older ones.' },
+        { line: 10, append: true, text: '\n    sessions.Remove(order.Id - 1_000) |> ignore' },
+      ],
+      captions: {
+        track: 'Track Memory on the same app',
+        grow: 'Let it run: SharpLsp snapshots the heap every 10 seconds',
+        suspect: 'Records and union cases rank by growth. Click one to jump to the line that builds it',
+        graph: 'Ask what keeps it alive: SharpLsp: Show Reference Graph',
+        rooted: 'The root is the module value sessions, named as in your source',
+        fix: 'Fix it: keep the last 1,000 sessions and evict the rest',
+        retrack: 'Rebuild, run, and track memory again',
+        steady: 'The heap holds steady, and no suspect climbs past Low',
       },
-      4,
-    ),
-  ],
+      afterSuspect: (shot) => snap(shot, 'profiler-fsharp-leaks'),
+      atGraph: (shot) => snap(shot, 'profiler-fsharp-graph'),
+    },
+  ),
 };
diff --git a/src/website/tools/profiler-film/films/getting-started.mjs b/src/website/tools/profiler-film/films/getting-started.mjs
new file mode 100644
index 00000000..63b974d9
--- /dev/null
+++ b/src/website/tools/profiler-film/films/getting-started.mjs
@@ -0,0 +1,49 @@
+// Implements [WEB-DESIGN-MEDIA]. The "Getting Started" walkthrough
+// (`getting-started`): the Shop solution loaded in the Solution Explorer, C#
+// and F# side by side, an F# hover, a C# completion, and the tools that ship
+// with the extension.
+//
+//   node src/website/tools/profiler-film/film.mjs getting-started
+import { LANGUAGE, hoverEach, scene, setPane } from '../kit/acts/language.mjs';
+import { unfold } from '../kit/acts/explorer.mjs';
+import { AT_CHECKOUT, AT_PIPELINE, csharpCheapest, ready } from '../kit/acts/shop.mjs';
+import { SHOP } from '../kit/set.mjs';
+import { openFile, sleep } from '../kit/workbench.mjs';
+
+async function solution({ page }) {
+  await unfold(page, /^FsStorefront \(FsStorefront\.fsproj\)/);
+  await sleep(1500);
+  await unfold(page, /^Storefront \(Storefront\.csproj\)/);
+  await unfold(page, /^Storefront$/);
+  await sleep(3000);
+}
+
+async function fsharp({ page }) {
+  await openFile(page, 'Checkout.fs');
+  await hoverEach(page, [{ line: 28, word: 'parseCatalog' }, { line: 28, word: 'pickBasket' }], { scroll: 300, hold: 3000 });
+}
+
+async function csharp(shot) {
+  await openFile(shot.page, 'CheckoutPipeline.cs');
+  await csharpCheapest(shot);
+}
+
+async function tools({ page }) {
+  await setPane(page, 'Processes', true);
+  await sleep(5000);
+}
+
+export default {
+  name: 'getting-started',
+  demo: SHOP,
+  settings: LANGUAGE,
+  narration: 'getting-started.narration.json',
+  poster: { scene: 'solution', at: 4 },
+  scenes: [
+    ...ready(AT_PIPELINE, AT_CHECKOUT),
+    scene('solution', 1, 'Open a folder with a solution: C# and F# load together', solution),
+    scene('fsharp', 2, 'F#: the F# compiler behind every answer', fsharp),
+    scene('csharp', 3, 'C#: Roslyn behind every answer', csharp),
+    scene('tools', 4, 'Plus the tools: a profiler, NuGet, tests and debugging', tools),
+  ],
+};
diff --git a/src/website/tools/profiler-film/films/getting-started.narration.json b/src/website/tools/profiler-film/films/getting-started.narration.json
new file mode 100644
index 00000000..f0f31725
--- /dev/null
+++ b/src/website/tools/profiler-film/films/getting-started.narration.json
@@ -0,0 +1,31 @@
+{
+  "voice": "af_heart",
+  "say": { "SharpLsp": "Sharp L S P", "F#": "F sharp", "C#": "C sharp", "NuGet": "new get", "VSX": "V S X" },
+  "music": { "en": "[Gentle music]", "ja": "[穏やかな音楽]", "zh": "[舒缓的音乐]" },
+  "lines": [
+    {
+      "scene": "solution",
+      "en": "This is SharpLsp in VS Code. Open a folder with a solution or a project, and SharpLsp loads it, with C# and F# side by side.",
+      "ja": "これが VS Code の SharpLsp です。ソリューションやプロジェクトのあるフォルダーを開くと、SharpLsp が読み込みます。C# と F# が並んで表示されます。",
+      "zh": "这就是 VS Code 中的 SharpLsp。打开一个包含解决方案或项目的文件夹，SharpLsp 就会加载它，C# 和 F# 并排呈现。"
+    },
+    {
+      "scene": "fsharp",
+      "en": "F# is first class. The F# compiler answers every hover, completion and jump.",
+      "ja": "F# はファーストクラスです。ホバー、補完、ジャンプのすべてに F# コンパイラーが答えます。",
+      "zh": "F# 是一等公民。每一次悬停、补全和跳转，都由 F# 编译器作答。"
+    },
+    {
+      "scene": "csharp",
+      "en": "C# runs on Roslyn, the compiler itself, for completion, diagnostics, fixes and refactorings.",
+      "ja": "C# は、コンパイラーそのものである Roslyn で動きます。補完、診断、修正、リファクタリングまで。",
+      "zh": "C# 由编译器本身 Roslyn 驱动：补全、诊断、修复和重构。"
+    },
+    {
+      "scene": "tools",
+      "en": "And the tools come with it: a profiler, a NuGet browser, test lenses and debugging. Install SharpLsp from the Marketplace or Open VSX. It's free, and open source.",
+      "ja": "さらにツールも付いてきます。プロファイラー、NuGet ブラウザー、テストレンズ、デバッグ。SharpLsp は Marketplace または Open VSX からインストールできます。無料で、オープンソースです。",
+      "zh": "工具也一并奉上：性能分析器、NuGet 浏览器、测试 CodeLens 和调试。从 Marketplace 或 Open VSX 安装 SharpLsp。它免费，而且开源。"
+    }
+  ]
+}
diff --git a/src/website/tools/profiler-film/films/hover.mjs b/src/website/tools/profiler-film/films/hover.mjs
new file mode 100644
index 00000000..3e2f2d7b
--- /dev/null
+++ b/src/website/tools/profiler-film/films/hover.mjs
@@ -0,0 +1,40 @@
+// Implements [WEB-DESIGN-MEDIA]. The "Hover and Quick Info" walkthrough
+// (`hover`): F# signatures and doc comments, union cases and .NET types, C#
+// XML docs and the type behind `var`, and a hover that reads unsaved edits.
+//
+//   node src/website/tools/profiler-film/film.mjs hover
+import { hoverOn } from '../kit/code.mjs';
+import { LANGUAGE, hoverEach, scene } from '../kit/acts/language.mjs';
+import { AT_PROGRAM_CS, AT_PROGRAM_FS, ready } from '../kit/acts/shop.mjs';
+import { SHOP } from '../kit/set.mjs';
+import { openFile, sleep, typeAt } from '../kit/workbench.mjs';
+
+/** Catalog.fs: the doc comment rewritten and left unsaved; the next hover shows the new words. */
+async function unsaved({ page }) {
+  await openFile(page, 'Catalog.fs');
+  await typeAt(page, { line: 13, text: '/// The catalog as CSV: one product per line, made up from its index.' });
+  await page.keyboard.press('Escape');
+  await sleep(800);
+  await hoverOn(page, { line: 14, word: 'generate' });
+  await sleep(4000);
+}
+
+const visit = (file, spots) => async ({ page }) => {
+  await openFile(page, file);
+  await hoverEach(page, spots, { hold: 3200 });
+};
+
+export default {
+  name: 'hover',
+  demo: SHOP,
+  settings: LANGUAGE,
+  narration: 'hover.narration.json',
+  poster: { scene: 'csharp', at: 4 },
+  scenes: [
+    ...ready(AT_PROGRAM_CS, AT_PROGRAM_FS),
+    scene('fsharp', 1, 'F#: the inferred signature, with your doc comment', visit('Program.fs', [{ line: 9, word: 'generate' }, { line: 11, word: 'checkout' }])),
+    scene('union', 2, 'Union cases and .NET types, typed as F# sees them', visit('Sessions.fs', [{ line: 9, word: 'CheckedOut' }, { line: 6, word: 'Dictionary' }])),
+    scene('csharp', 3, 'C#: XML docs rendered, and the type behind var', visit('Program.cs', [{ line: 5, word: 'Generate' }, { line: 10, word: 'var' }])),
+    scene('live', 4, 'Hover reads your unsaved edits', unsaved),
+  ],
+};
diff --git a/src/website/tools/profiler-film/films/hover.narration.json b/src/website/tools/profiler-film/films/hover.narration.json
new file mode 100644
index 00000000..8be52854
--- /dev/null
+++ b/src/website/tools/profiler-film/films/hover.narration.json
@@ -0,0 +1,41 @@
+{
+  "voice": "af_heart",
+  "say": {
+    "SharpLsp": "Sharp L S P",
+    "F#": "F sharp",
+    "C#": "C sharp",
+    "XML": "X M L",
+    ".NET": "dot net"
+  },
+  "music": {
+    "en": "[Gentle music]",
+    "ja": "[穏やかな音楽]",
+    "zh": "[舒缓的音乐]"
+  },
+  "lines": [
+    {
+      "scene": "fsharp",
+      "en": "Hover a symbol to see exactly what it is. In F#, SharpLsp shows the signature the compiler inferred, with your doc comment underneath.",
+      "ja": "シンボルにホバーすると、その正体が正確にわかります。F# では、コンパイラーが推論したシグネチャーと、その下にドキュメントコメントを表示します。",
+      "zh": "把鼠标悬停在符号上，就能准确看到它是什么。在 F# 中，SharpLsp 会显示编译器推断出的签名，下方附上你的文档注释。"
+    },
+    {
+      "scene": "union",
+      "en": "Union cases work the same way, and so do .NET types, shown just as F# sees them.",
+      "ja": "共用体ケースも同じです。.NET の型も、F# から見たとおりの姿で表示されます。",
+      "zh": "联合用例也是一样，.NET 类型同样如此，以 F# 看到的样子显示。"
+    },
+    {
+      "scene": "csharp",
+      "en": "C# hovers come from Roslyn: your XML docs, rendered, and the real type behind every var.",
+      "ja": "C# のホバーは Roslyn から届きます。XML ドキュメントはきれいに表示され、var の背後にある本当の型もわかります。",
+      "zh": "C# 的悬停信息来自 Roslyn：渲染好的 XML 文档，以及每个 var 背后的真实类型。"
+    },
+    {
+      "scene": "live",
+      "en": "And hover reads the code you haven't saved. Change a doc comment, and the next hover already shows it.",
+      "ja": "さらに、ホバーはまだ保存していないコードも読み取ります。ドキュメントコメントを変えれば、次のホバーにはもう反映されています。",
+      "zh": "而且悬停会读取你还没保存的代码。修改一条文档注释，下一次悬停就已经显示出来了。"
+    }
+  ]
+}
diff --git a/src/website/tools/profiler-film/films/leak.mjs b/src/website/tools/profiler-film/films/leak.mjs
index f08d9c4f..e1bfbdea 100644
--- a/src/website/tools/profiler-film/films/leak.mjs
+++ b/src/website/tools/profiler-film/films/leak.mjs
@@ -10,41 +10,39 @@ import { STOREFRONT } from '../kit/set.mjs';
 
 const FILE = 'SessionCache.cs';
 
+/** Storefront's leak, told in its own words: also the memory half of the C# profiler tour. */
+export const leakStory = {
+  file: FILE,
+  type: 'Storefront.CustomerSession',
+  // Each entry replaces one line of SessionCache.cs.
+  fix: [
+    { line: 3, text: '// Remembers the last 1,000 orders "for analytics", and forgets older ones.' },
+    {
+      line: 8,
+      text: [
+        '    public static void Remember(Order order)',
+        '    {',
+        '        Sessions[order.Id] = new CustomerSession(order);',
+        '        Sessions.Remove(order.Id - 1_000);',
+        '    }',
+      ].join('\n'),
+    },
+  ],
+  captions: {
+    track: 'Track Memory on the process whose memory keeps climbing',
+    grow: 'Let it run: SharpLsp snapshots the heap every 10 seconds',
+    suspect: 'Suspects rank by consistent growth. Click one to jump to its code',
+    graph: 'Ask what keeps it alive: SharpLsp: Show Reference Graph',
+    fix: 'Fix it: keep a bounded window and evict the rest',
+    retrack: 'Rebuild, run, and track memory again',
+    steady: 'The heap holds steady, and no suspect climbs past Low',
+  },
+};
+
 export default {
   name: 'profiler-fix-memory-leak',
   demo: STOREFRONT,
+  narration: 'leak.narration.json',
   poster: { scene: 'graph', at: 5 },
-  scenes: [
-    { offCamera: prepare(FILE) },
-    ...memoryLoop(
-      {
-        file: FILE,
-        type: 'Storefront.CustomerSession',
-        // Each entry replaces one line of SessionCache.cs.
-        fix: [
-          { line: 3, text: '// Remembers the last 1,000 orders "for analytics", and forgets older ones.' },
-          {
-            line: 8,
-            text: [
-              '    public static void Remember(Order order)',
-              '    {',
-              '        Sessions[order.Id] = new CustomerSession(order);',
-              '        Sessions.Remove(order.Id - 1_000);',
-              '    }',
-            ].join('\n'),
-          },
-        ],
-        captions: {
-          track: 'Track Memory on the process whose memory keeps climbing',
-          grow: 'Let it run: SharpLsp snapshots the heap every 10 seconds',
-          suspect: 'Suspects rank by consistent growth. Click one to jump to its code',
-          graph: 'Ask what keeps it alive: SharpLsp: Show Reference Graph',
-          fix: 'Fix it: keep a bounded window and evict the rest',
-          retrack: 'Rebuild, run, and track memory again',
-          steady: 'The heap holds steady, and no suspect climbs past Low',
-        },
-      },
-      1,
-    ),
-  ],
+  scenes: [{ offCamera: prepare(FILE) }, ...memoryLoop(leakStory, 1)],
 };
diff --git a/src/website/tools/profiler-film/films/leak.narration.json b/src/website/tools/profiler-film/films/leak.narration.json
new file mode 100644
index 00000000..1faf447a
--- /dev/null
+++ b/src/website/tools/profiler-film/films/leak.narration.json
@@ -0,0 +1,55 @@
+{
+  "voice": "af_heart",
+  "say": { "SharpLsp": "Sharp L S P", "C#": "C sharp", "CustomerSession": "Customer Session" },
+  "music": { "en": "[Gentle music]", "ja": "[穏やかな音楽]", "zh": "[舒缓的音乐]" },
+  "lines": [
+    {
+      "scene": "track",
+      "en": "This is Storefront, a C# app whose memory keeps climbing. Track Memory on its process, right from VS Code.",
+      "ja": "これは Storefront、メモリが増え続ける C# アプリです。VS Code から、そのプロセスのメモリを追跡します。",
+      "zh": "这是 Storefront，一个内存不断上涨的 C# 应用。直接在 VS Code 里对它的进程开启内存跟踪。"
+    },
+    {
+      "scene": "grow",
+      "en": "SharpLsp snapshots the heap every ten seconds, and the heap keeps growing.",
+      "ja": "SharpLsp が 10 秒ごとにヒープのスナップショットを取りますが、ヒープは増え続けます。",
+      "zh": "SharpLsp 每十秒为堆拍一次快照，而堆一直在增长。"
+    },
+    {
+      "scene": "suspect",
+      "en": "Leak suspects rank by consistent growth. CustomerSession climbs in every snapshot. Click it, and you jump to its code.",
+      "ja": "リークの疑いは、一貫した増加の度合いで並びます。CustomerSession はどのスナップショットでも増えています。クリックすると、そのコードへジャンプします。",
+      "zh": "可疑泄漏按持续增长程度排序。CustomerSession 在每个快照里都在增长。点击它，就会跳到它的代码。"
+    },
+    {
+      "scene": "ask",
+      "en": "So, what's keeping those sessions alive?",
+      "ja": "では、何がそれらのセッションを生かし続けているのでしょうか？",
+      "zh": "那么，是什么让这些会话一直存活？"
+    },
+    {
+      "scene": "graph",
+      "en": "The reference graph walks up to the root: a static dictionary that remembers every order, and never forgets one.",
+      "ja": "参照グラフをたどるとルートに行き着きます。すべての注文を覚えていて、決して忘れない static な Dictionary です。",
+      "zh": "引用图一路追溯到根：一个静态字典，它记住了每一笔订单，从不遗忘。"
+    },
+    {
+      "scene": "fix",
+      "en": "The fix: keep the last thousand orders, and evict the oldest as each new one arrives.",
+      "ja": "修正は、直近 1,000 件の注文だけを残し、新しい注文が来るたびに一番古いものを追い出すことです。",
+      "zh": "修复方法：只保留最近一千笔订单，每来一笔新的，就淘汰最旧的一笔。"
+    },
+    {
+      "scene": "retrack",
+      "en": "Rebuild, run it again, and track memory once more.",
+      "ja": "再ビルドして、もう一度実行し、改めてメモリを追跡します。",
+      "zh": "重新构建，再次运行，然后再跟踪一次内存。"
+    },
+    {
+      "scene": "steady",
+      "en": "This time the heap holds steady, and no suspect climbs past Low. The leak is found, fixed, and proven, without leaving your editor.",
+      "ja": "今度はヒープが横ばいのまま、Low を超えるものはありません。エディターを離れることなく、リークを見つけ、直し、証明できました。",
+      "zh": "这一次，堆保持平稳，没有任何可疑项超过 Low。无需离开编辑器，就找到了泄漏、修复了它，并证明了修复有效。"
+    }
+  ]
+}
diff --git a/src/website/tools/profiler-film/films/navigation.mjs b/src/website/tools/profiler-film/films/navigation.mjs
new file mode 100644
index 00000000..276ee6cf
--- /dev/null
+++ b/src/website/tools/profiler-film/films/navigation.mjs
@@ -0,0 +1,34 @@
+// Implements [WEB-DESIGN-MEDIA]. The "Go to Definition" walkthrough
+// (`navigation`): definitions in F# and C#, references in a peek window, and
+// a framework type opened as decompiled source.
+//
+//   node src/website/tools/profiler-film/film.mjs navigation
+import { LANGUAGE, navigate, peekReferences, scene } from '../kit/acts/language.mjs';
+import { AT_PROGRAM_CS, AT_SESSIONS, ready } from '../kit/acts/shop.mjs';
+import { SHOP } from '../kit/set.mjs';
+import { openFile, sleep } from '../kit/workbench.mjs';
+
+/** Open `file`, press `key` on `spot`, and hold on where it lands. */
+const jump = (file, spot, key = 'F12') => async ({ page }) => {
+  await openFile(page, file);
+  await navigate(page, spot, key);
+  await sleep(3000);
+};
+
+export default {
+  name: 'navigation',
+  demo: SHOP,
+  settings: LANGUAGE,
+  narration: 'navigation.narration.json',
+  poster: { scene: 'references', at: 4 },
+  scenes: [
+    ...ready(AT_PROGRAM_CS, AT_SESSIONS),
+    scene('fsharp', 1, 'F12 jumps to a definition, in F#…', jump('Sessions.fs', { line: 9, word: 'CheckedOut' }), { retries: 3 }),
+    scene('csharp', 2, '…and in C#', jump('Program.cs', { line: 10, word: 'Checkout' }), { retries: 3 }),
+    scene('references', 3, 'Shift+F12: every reference, in a peek window', ({ page }) => peekReferences(page, { line: 16, word: 'Product' }, 6000)),
+    scene('metadata', 4, 'Framework types open as decompiled source', async ({ page }) => {
+      await navigate(page, { line: 17, word: 'JsonSerializer' }, 'F12');
+      await sleep(4500);
+    }),
+  ],
+};
diff --git a/src/website/tools/profiler-film/films/navigation.narration.json b/src/website/tools/profiler-film/films/navigation.narration.json
new file mode 100644
index 00000000..f712fe0f
--- /dev/null
+++ b/src/website/tools/profiler-film/films/navigation.narration.json
@@ -0,0 +1,41 @@
+{
+  "voice": "af_heart",
+  "say": {
+    "SharpLsp": "Sharp L S P",
+    "F#": "F sharp",
+    "C#": "C sharp",
+    "F12": "F twelve",
+    "JsonSerializer": "Jason Serializer"
+  },
+  "music": {
+    "en": "[Gentle music]",
+    "ja": "[穏やかな音楽]",
+    "zh": "[舒缓的音乐]"
+  },
+  "lines": [
+    {
+      "scene": "fsharp",
+      "en": "Press F12 on any symbol to jump to its definition. In F#, the F# compiler resolves it across files: here, a union case declared in another file.",
+      "ja": "シンボルの上で F12 を押すと、その定義へジャンプします。F# では F# コンパイラーがファイルをまたいで解決します。ここでは、別のファイルで宣言された共用体ケースです。",
+      "zh": "在任意符号上按 F12，即可跳转到它的定义。在 F# 中，由 F# 编译器跨文件解析：这里是在另一个文件中声明的联合用例。"
+    },
+    {
+      "scene": "csharp",
+      "en": "In C#, Roslyn does the same, from the program straight into the checkout pipeline.",
+      "ja": "C# では Roslyn が同じことをします。プログラムからチェックアウトパイプラインへ一直線です。",
+      "zh": "在 C# 中，Roslyn 也一样，从程序直接跳进结账管道。"
+    },
+    {
+      "scene": "references",
+      "en": "Shift F12 finds every reference across the solution, in a peek window you can browse without losing your place.",
+      "ja": "Shift+F12 でソリューション全体の参照をすべて見つけます。ピークウィンドウなので、今いる場所を見失わずに見て回れます。",
+      "zh": "Shift+F12 会找出整个解决方案中的所有引用，显示在速览窗口里，浏览时不会丢失当前位置。"
+    },
+    {
+      "scene": "metadata",
+      "en": "It works for the framework too. F12 on JsonSerializer opens its source, decompiled from the assembly.",
+      "ja": "フレームワークにも使えます。JsonSerializer の上で F12 を押すと、アセンブリから逆コンパイルしたソースが開きます。",
+      "zh": "对框架也同样有效。在 JsonSerializer 上按 F12，会打开从程序集反编译出的源代码。"
+    }
+  ]
+}
diff --git a/src/website/tools/profiler-film/films/nuget.mjs b/src/website/tools/profiler-film/films/nuget.mjs
new file mode 100644
index 00000000..9bb50dab
--- /dev/null
+++ b/src/website/tools/profiler-film/films/nuget.mjs
@@ -0,0 +1,62 @@
+// Implements [WEB-DESIGN-MEDIA]. The "NuGet Package Manager" walkthrough
+// (`nuget`): the browser opened on the F# project, a package found on
+// nuget.org, installed and restored, and its reference in the project file.
+//
+//   node src/website/tools/profiler-film/film.mjs nuget
+import { LANGUAGE, scene, typeText } from '../kit/acts/language.mjs';
+import { openMenu, pickMenu } from '../kit/acts/explorer.mjs';
+import { ringClick } from '../kit/overlay.mjs';
+import { AT_PROGRAM_FS, ready } from '../kit/acts/shop.mjs';
+import { SHOP } from '../kit/set.mjs';
+import { panel, sleep } from '../kit/workbench.mjs';
+
+const PROJECT = /^FsStorefront \(FsStorefront\.fsproj\)/;
+const PACKAGE = 'FsToolkit.ErrorHandling';
+
+async function browse({ page, set }) {
+  await openMenu(page, PROJECT);
+  await pickMenu(page, set.cues, 'Browse NuGet Packages');
+  await panel(page).locator('.package-item').first().waitFor({ timeout: 60_000 });
+  await sleep(3500);
+}
+
+async function search({ page, set }) {
+  const browser = panel(page);
+  await ringClick(page, set.cues, browser.locator('#searchInput'), 'Search');
+  await typeText(page, PACKAGE, 70);
+  const hit = browser.locator('.package-item', { hasText: PACKAGE }).first();
+  await hit.waitFor({ timeout: 60_000 });
+  await sleep(1500);
+  await ringClick(page, set.cues, hit, PACKAGE);
+  await sleep(4500);
+}
+
+async function install({ page, set }) {
+  const browser = panel(page);
+  await ringClick(page, set.cues, browser.locator('.btn-primary', { hasText: 'Install' }), 'Install');
+  await browser.locator('.btn-danger', { hasText: 'Remove' }).waitFor({ timeout: 180_000 });
+  await sleep(3000);
+}
+
+async function installed({ page, set }) {
+  await ringClick(page, set.cues, panel(page).getByText('Installed', { exact: true }).first(), 'Installed');
+  await sleep(3500);
+  await openMenu(page, PROJECT);
+  await pickMenu(page, set.cues, 'Open Project File');
+  await sleep(4500);
+}
+
+export default {
+  name: 'nuget',
+  demo: SHOP,
+  settings: LANGUAGE,
+  narration: 'nuget.narration.json',
+  poster: { scene: 'search', at: 9 },
+  scenes: [
+    ...ready(AT_PROGRAM_FS),
+    scene('open', 1, 'Right-click a project: Browse NuGet Packages', browse),
+    scene('search', 2, 'Search nuget.org, then pick a package', search),
+    scene('install', 3, 'Install: the project file is edited, then restored', install, { speed: 2 }),
+    scene('installed', 4, 'Installed, and referenced in the project file', installed),
+  ],
+};
diff --git a/src/website/tools/profiler-film/films/nuget.narration.json b/src/website/tools/profiler-film/films/nuget.narration.json
new file mode 100644
index 00000000..40703252
--- /dev/null
+++ b/src/website/tools/profiler-film/films/nuget.narration.json
@@ -0,0 +1,31 @@
+{
+  "voice": "af_heart",
+  "say": { "SharpLsp": "Sharp L S P", "F#": "F sharp", "C#": "C sharp", "NuGet": "new get", "nuget.org": "new get dot org", "MSBuild": "M S Build", "FsToolkit": "F S Toolkit" },
+  "music": { "en": "[Gentle music]", "ja": "[穏やかな音楽]", "zh": "[舒缓的音乐]" },
+  "lines": [
+    {
+      "scene": "open",
+      "en": "SharpLsp brings a NuGet browser into VS Code. Right-click a project, F# or C#, and choose Browse NuGet Packages.",
+      "ja": "SharpLsp は VS Code に NuGet ブラウザーを持ち込みます。F# でも C# でも、プロジェクトを右クリックして「NuGet パッケージの参照」を選びます。",
+      "zh": "SharpLsp 把 NuGet 浏览器带进了 VS Code。右键单击一个项目，无论 F# 还是 C#，选择“浏览 NuGet 包”。"
+    },
+    {
+      "scene": "search",
+      "en": "Search nuget.org, and pick a package to see its description, license, versions and tags.",
+      "ja": "nuget.org を検索し、パッケージを選ぶと、説明、ライセンス、バージョン、タグが表示されます。",
+      "zh": "搜索 nuget.org，选中一个包，就能看到它的描述、许可证、版本和标签。"
+    },
+    {
+      "scene": "install",
+      "en": "Install edits the project file through MSBuild, keeping its formatting, then restores in the background.",
+      "ja": "インストールでは、書式を保ったまま MSBuild でプロジェクトファイルを編集し、バックグラウンドで復元します。",
+      "zh": "安装会通过 MSBuild 编辑项目文件并保留其格式，然后在后台还原。"
+    },
+    {
+      "scene": "installed",
+      "en": "Now it's under Installed, and the project file has its package reference. No terminal, no guesswork.",
+      "ja": "これで「インストール済み」に表示され、プロジェクトファイルにはパッケージ参照が入りました。ターミナルも、当て推量も要りません。",
+      "zh": "现在它出现在“已安装”中，项目文件里也有了包引用。不用终端，也不用猜。"
+    }
+  ]
+}
diff --git a/src/website/tools/profiler-film/films/refactoring.mjs b/src/website/tools/profiler-film/films/refactoring.mjs
new file mode 100644
index 00000000..bc8dd78c
--- /dev/null
+++ b/src/website/tools/profiler-film/films/refactoring.mjs
@@ -0,0 +1,36 @@
+// Implements [WEB-DESIGN-MEDIA]. The "Refactoring & Code Actions" walkthrough
+// (`refactoring`): an F# match completed and a function renamed across files,
+// then C# fixes that generate a missing method and add a missing using.
+//
+//   node src/website/tools/profiler-film/film.mjs refactoring
+import { LANGUAGE, quickFix, scene } from '../kit/acts/language.mjs';
+import { AT_PIPELINE, AT_SESSIONS, missingCase, ready, renameAcrossFiles } from '../kit/acts/shop.mjs';
+import { SHOP } from '../kit/set.mjs';
+import { openFile, sleep, typeAt } from '../kit/workbench.mjs';
+
+const PIPELINE = 'CheckoutPipeline.cs';
+
+/** Type a line after `line` that breaks the build, then apply the fix titled `title` at `word`. */
+const repair = (line, text, word, title) => async ({ page, set }) => {
+  await openFile(page, PIPELINE);
+  await typeAt(page, { line, append: true, text: `\n        ${text}` });
+  await page.keyboard.press('Escape');
+  await sleep(2000);
+  await quickFix(page, set.cues, { line: line + 1, word }, title);
+  await sleep(2500);
+};
+
+export default {
+  name: 'refactoring',
+  demo: SHOP,
+  settings: LANGUAGE,
+  narration: 'refactoring.narration.json',
+  poster: { scene: 'generate', at: 7 },
+  scenes: [
+    ...ready(AT_PIPELINE, AT_SESSIONS),
+    scene('fsharp', 1, 'Cmd+. on an F# match: generate the missing union case', missingCase, { speed: 2 }),
+    scene('rename', 2, 'Rename (F2) reaches every file in the project', renameAcrossFiles),
+    scene('generate', 3, 'C#: call a method that doesn\'t exist, and generate it', repair(12, 'var receipt = Receipt(invoice);', 'Receipt', 'Generate method')),
+    scene('using', 4, 'Use a type, and add its missing using', repair(13, 'var builder = new StringBuilder();', 'StringBuilder', 'using System.Text')),
+  ],
+};
diff --git a/src/website/tools/profiler-film/films/refactoring.narration.json b/src/website/tools/profiler-film/films/refactoring.narration.json
new file mode 100644
index 00000000..029cb350
--- /dev/null
+++ b/src/website/tools/profiler-film/films/refactoring.narration.json
@@ -0,0 +1,31 @@
+{
+  "voice": "af_heart",
+  "say": { "SharpLsp": "Sharp L S P", "F#": "F sharp", "C#": "C sharp", "F2": "F two" },
+  "music": { "en": "[Gentle music]", "ja": "[穏やかな音楽]", "zh": "[舒缓的音乐]" },
+  "lines": [
+    {
+      "scene": "fsharp",
+      "en": "Code actions turn problems into code. This F# match misses a union case. Press Command dot, and SharpLsp writes it for you.",
+      "ja": "コードアクションは問題をコードに変えます。この F# の match には共用体ケースが足りません。Command+. を押すと、SharpLsp が書いてくれます。",
+      "zh": "代码操作能把问题变成代码。这个 F# match 漏了一个联合用例。按 Command+.，SharpLsp 就会替你写出来。"
+    },
+    {
+      "scene": "rename",
+      "en": "Rename is built in. Press F2, and the new name reaches every file in the project.",
+      "ja": "名前の変更も組み込みです。F2 を押せば、新しい名前がプロジェクトのすべてのファイルに行き渡ります。",
+      "zh": "重命名也是内置的。按 F2，新名字会传到项目里的每一个文件。"
+    },
+    {
+      "scene": "generate",
+      "en": "In C#, Roslyn's own fixes and refactorings are on hand. Call a method that doesn't exist yet, and generate it in one step.",
+      "ja": "C# では、Roslyn 自身の修正とリファクタリングが使えます。まだ存在しないメソッドを呼び出せば、ワンステップで生成できます。",
+      "zh": "在 C# 中，可以直接使用 Roslyn 自带的修复和重构。调用一个还不存在的方法，一步就能生成它。"
+    },
+    {
+      "scene": "using",
+      "en": "Use a type without its namespace, and one fix adds the using directive.",
+      "ja": "名前空間なしで型を使えば、ひとつの修正で using ディレクティブが追加されます。",
+      "zh": "使用一个没导入命名空间的类型，一个修复就能加上 using 指令。"
+    }
+  ]
+}
diff --git a/src/website/tools/profiler-film/kit/acts/explorer.mjs b/src/website/tools/profiler-film/kit/acts/explorer.mjs
new file mode 100644
index 00000000..e57a8519
--- /dev/null
+++ b/src/website/tools/profiler-film/kit/acts/explorer.mjs
@@ -0,0 +1,33 @@
+// Implements [WEB-DESIGN-MEDIA]. Moves in the SharpLsp Solution Explorer: a
+// row by its label, its context menu opened with the pointer on it, an item
+// picked from that menu, and a folded row opened.
+import { pointAt, ringClick } from '../overlay.mjs';
+import { sleep } from '../workbench.mjs';
+
+/** The Solution Explorer row whose label matches `name` (a RegExp). */
+export const row = (page, name) => page.getByRole('treeitem', { name }).first();
+
+/** Right-click `name`'s row with the pointer on its label, and hold on the menu it opens. */
+export async function openMenu(page, name) {
+  const target = row(page, name);
+  const box = await target.boundingBox();
+  if (!box) throw new Error(`no Solution Explorer row ${name}`);
+  const at = { x: box.x + Math.min(120, box.width / 2), y: box.y + box.height / 2 };
+  await pointAt(page, at);
+  await page.mouse.click(at.x, at.y, { button: 'right' });
+  await page.locator('.monaco-menu').first().waitFor();
+  await sleep(1600);
+}
+
+/** Pick the item labelled exactly `label` from the open context menu. */
+export const pickMenu = (page, cues, label) =>
+  ringClick(page, cues, page.locator('.monaco-menu .action-label').filter({ hasText: new RegExp(`^${label}$`) }).first(), label);
+
+/** Open `name`'s row when it is folded. */
+export async function unfold(page, name) {
+  const target = row(page, name);
+  if ((await target.getAttribute('aria-expanded')) === 'false') {
+    await target.locator('.monaco-tl-twistie').click();
+    await sleep(900);
+  }
+}
diff --git a/src/website/tools/profiler-film/kit/acts/language.mjs b/src/website/tools/profiler-film/kit/acts/language.mjs
new file mode 100644
index 00000000..8ac837a5
--- /dev/null
+++ b/src/website/tools/profiler-film/kit/acts/language.mjs
@@ -0,0 +1,210 @@
+// Implements [WEB-DESIGN-MEDIA]. The language films' editor: the workspace
+// settings they are shot with, the off-camera step that waits for the
+// semantic engines, and the editor's own completion, quick-fix, rename and
+// navigation moves, each with the pointer on what it acts on.
+import { ACTIONS, HOVER, RENAME, SUGGEST, clickOn, hoverOn } from '../code.mjs';
+import { runCommand } from '../editor.mjs';
+import { caption, ringClick } from '../overlay.mjs';
+import { PARK, clickSharpLspIcon, openFile, sleep } from '../workbench.mjs';
+
+/**
+ * Workspace settings for a language film: hover, signature help, CodeLens and
+ * the lightbulb on, as a user has them. Completion opens on a trigger character
+ * or on request, never mid-word, and nothing commits it but Enter or Tab, so
+ * code typed on camera lands exactly as written.
+ */
+export const LANGUAGE = {
+  'editor.hover.enabled': true,
+  'editor.hover.delay': 250,
+  'editor.codeLens': true,
+  'editor.lightbulb.enabled': 'onCode',
+  'editor.parameterHints.enabled': true,
+  'editor.quickSuggestions': { other: 'off', comments: 'off', strings: 'off' },
+  'editor.suggestOnTriggerCharacters': true,
+  'editor.acceptSuggestionOnCommitCharacter': false,
+  'editor.suggest.preview': false,
+  'editor.inlineSuggest.enabled': false,
+  'editor.autoClosingBrackets': 'never',
+  'editor.autoClosingQuotes': 'never',
+  'editor.autoSurround': 'never',
+  'editor.autoIndent': 'none',
+  'editor.formatOnType': false,
+  'files.autoSave': 'off',
+};
+
+/** A pane of the SharpLsp view, folded or opened by its header. */
+export async function setPane(page, title, open) {
+  const header = page.locator('.pane-header', { hasText: title }).first();
+  if ((await header.getAttribute('aria-expanded')) !== String(open)) await header.click();
+  await sleep(500);
+}
+
+/** The Solution Explorer folded down to the solution and its projects. */
+export async function foldSolution(page) {
+  const header = page.locator('.pane-header', { hasText: 'Solution Explorer' });
+  await header.hover();
+  await header.getByRole('button', { name: 'Collapse All' }).click();
+  await sleep(600);
+  await page.getByRole('treeitem', { name: /\.slnx?$/ }).first().click();
+  await sleep(1000);
+}
+
+/** Hover `spot` until the engine answers: the solution has loaded. Then dismiss the hover. */
+export async function awaitSemantics(page, spot) {
+  for (let attempt = 0; ; attempt++) {
+    try {
+      await hoverOn(page, spot);
+      break;
+    } catch (error) {
+      if (attempt >= 12) throw error;
+      await page.mouse.move(PARK.x, PARK.y);
+      await sleep(5000);
+    }
+  }
+  await page.mouse.move(PARK.x, PARK.y);
+  await page.keyboard.press('Escape');
+  await page.locator(HOVER).waitFor({ state: 'hidden' }).catch(() => undefined);
+}
+
+/**
+ * Off camera: notifications silenced, the SharpLsp view showing just the
+ * Solution Explorer, folded to its projects, and `file` open once `probe` (a
+ * `{ line, word }` in it) answers a hover.
+ */
+export const prepareCode = (file, probe) => async ({ page }) => {
+  await runCommand(page, 'Notifications: Toggle Do Not Disturb Mode');
+  await clickSharpLspIcon(page);
+  await setPane(page, 'Processes', false);
+  await foldSolution(page);
+  await openFile(page, file);
+  await awaitSemantics(page, probe);
+};
+
+/**
+ * VS Code's Settings, opened as the modal editor it is (Cmd+,), searched for
+ * `query`; `close` dismisses the modal again.
+ */
+export const settingsEditor = {
+  open: async (page, query) => {
+    await page.keyboard.press('Meta+Comma');
+    await page.locator('.settings-editor').waitFor();
+    await sleep(1000);
+    await typeText(page, query, 100);
+  },
+  close: async (page) => {
+    await page.locator('.monaco-modal-editor-block').getByRole('button', { name: /^Close/ }).first().click();
+    await page.locator('.monaco-modal-editor-block').waitFor({ state: 'detached' });
+  },
+};
+
+/** Off camera: open `file` until `probe` answers a hover, so its language's engine is warm before it is filmed. */
+export const warm = (file, probe) => async ({ page }) => {
+  await openFile(page, file);
+  await awaitSemantics(page, probe);
+};
+
+/** Off camera: every editor closed without saving, `file` open. */
+export const reopen = (file) => async ({ page }) => {
+  await runCommand(page, 'View: Close All Editors');
+  for (let attempt = 0; attempt < 3 && (await page.locator('.dialog-box').isVisible().catch(() => false)); attempt++) {
+    await page.locator('.dialog-box .monaco-button', { hasText: "Don't Save" }).click();
+    await sleep(500);
+  }
+  await openFile(page, file);
+};
+
+/** Scroll the active editor by `pixels`, so what a film types sits clear of the caption. */
+export async function scrollEditor(page, pixels) {
+  await page.mouse.move(1000, 450);
+  await page.mouse.wheel(0, pixels);
+  await sleep(700);
+  await page.mouse.move(PARK.x, PARK.y);
+}
+
+/** Type `text` key by key where the cursor is, as a person does. */
+export const typeText = (page, text, delay = 45) => page.keyboard.type(text, { delay });
+
+/** Wait for the completion list, narrow it with `filter`, and accept the top match. */
+export async function complete(page, filter) {
+  await page.locator(SUGGEST).waitFor({ timeout: 15_000 });
+  await sleep(1400);
+  await typeText(page, filter, 110);
+  await sleep(1200);
+  await page.keyboard.press('Tab');
+  await sleep(600);
+}
+
+/** Open the quick fixes at `spot` (Cmd+.) and apply the one titled `title`. */
+export async function quickFix(page, cues, spot, title) {
+  await clickOn(page, spot);
+  await page.keyboard.press('Meta+.');
+  const action = page.locator(`${ACTIONS} .monaco-list-row`, { hasText: title }).first();
+  await action.waitFor({ timeout: 20_000 });
+  await sleep(1500);
+  await ringClick(page, cues, action, title);
+  await sleep(1500);
+}
+
+/** Rename the symbol at `spot` to `name` (F2), as typed into the rename box. */
+export async function renameTo(page, spot, name) {
+  await clickOn(page, spot);
+  await page.keyboard.press('F2');
+  const box = page.locator(RENAME);
+  await box.waitFor({ timeout: 20_000 });
+  await sleep(900);
+  await page.keyboard.press('Meta+A');
+  await typeText(page, name, 80);
+  await sleep(700);
+  await page.keyboard.press('Enter');
+  await sleep(1500);
+}
+
+/**
+ * Press `key` with the cursor on `spot`: F12 to its definition, Shift+F12 to its
+ * references. An editor that answers "No definition found" fails the take.
+ */
+export async function navigate(page, spot, key) {
+  await clickOn(page, spot);
+  await sleep(400);
+  await page.keyboard.press(key);
+  await sleep(1500);
+  const message = page.locator('.monaco-editor-overlaymessage', { hasText: /^No / });
+  if (await message.isVisible().catch(() => false)) throw new Error(`${key} on ${spot.word}: ${await message.innerText()}`);
+}
+
+/** Peek every reference to `spot` (Shift+F12), hold on the list for `hold` ms, and close it. */
+export async function peekReferences(page, spot, hold = 4500) {
+  await navigate(page, spot, 'Shift+F12');
+  await page.locator('.peekview-widget').first().waitFor({ timeout: 20_000 });
+  await sleep(hold);
+  await page.keyboard.press('Escape');
+}
+
+/**
+ * Hover `spots` one after another, `{ line, word }` each, holding on each hover.
+ * The editor first scrolls `scroll` pixels, so the hovers clear the caption.
+ */
+export async function hoverEach(page, spots, { scroll = 0, hold = 2600 } = {}) {
+  if (scroll) await scrollEditor(page, scroll);
+  for (const spot of spots) {
+    await hoverOn(page, spot);
+    await sleep(hold);
+  }
+}
+
+/**
+ * Clip `clip`: step `number`'s caption while `act(shot)` runs. A `speed` above 1
+ * plays it fast-forwarded, and the caption says so; `retries` shoots a failed
+ * take again.
+ */
+export const scene = (clip, number, text, act, { speed = 1, retries = 1 } = {}) => ({
+  clip,
+  speed,
+  retries,
+  act: async (shot) => {
+    await caption(shot.page, number, text, speed > 1 ? `${speed}×` : '');
+    await sleep(900);
+    await act(shot);
+    await sleep(1200);
+  },
+});
diff --git a/src/website/tools/profiler-film/kit/acts/shop.mjs b/src/website/tools/profiler-film/kit/acts/shop.mjs
new file mode 100644
index 00000000..957b6b7a
--- /dev/null
+++ b/src/website/tools/profiler-film/kit/acts/shop.mjs
@@ -0,0 +1,62 @@
+// Implements [WEB-DESIGN-MEDIA]. Moves on the Shop demo (demos/Shop.slnx) that
+// several language films tell: code typed through completion in F# and C#, a
+// match completed by a quick fix, and a rename that reaches another file.
+import { hoverOn } from '../code.mjs';
+import { openFile, sleep, typeAt } from '../workbench.mjs';
+import { complete, prepareCode, quickFix, renameTo, scrollEditor, typeText, warm } from './language.mjs';
+
+/** Type `opening` after `line`, then for each `[filter, then]`: accept the completion `filter` narrows to, and type `then`. */
+async function typeThroughCompletion(page, line, opening, steps) {
+  await typeAt(page, { line, append: true, text: opening });
+  for (const [filter, then] of steps) {
+    await complete(page, filter);
+    await typeText(page, then);
+  }
+  await page.keyboard.press('Escape');
+  await sleep(1500);
+}
+
+/** Checkout.fs: a new function typed through List's functions, then the record's fields. */
+export async function fsharpCheapest({ page }) {
+  await scrollEditor(page, 260);
+  await typeThroughCompletion(page, 21, '\n\nlet cheapest (basket: Product list) =\n    basket |> List.', [
+    ['minB', ' (fun p -> p.'],
+    ['Pri', ')'],
+  ]);
+}
+
+/** CheckoutPipeline.cs: the same function in C#, through LINQ's members, then the record's. */
+export const csharpCheapest = ({ page }) =>
+  typeThroughCompletion(page, 14, '\n\n    public static Product Cheapest(List<Product> basket) =>\n        basket.', [
+    ['MinB', '(p => p.'],
+    ['Pri', ')!;'],
+  ]);
+
+/** The Shop demo's files, each with a word whose hover proves its engine has loaded it. */
+export const AT_PIPELINE = ['CheckoutPipeline.cs', { line: 10, word: 'PickBasket' }];
+export const AT_PROGRAM_CS = ['Program.cs', { line: 10, word: 'Checkout' }];
+export const AT_CHECKOUT = ['Checkout.fs', { line: 28, word: 'parseCatalog' }];
+export const AT_PROGRAM_FS = ['Program.fs', { line: 9, word: 'generate' }];
+export const AT_SESSIONS = ['Sessions.fs', { line: 9, word: 'CheckedOut' }];
+
+/** Off camera: the editor prepared on the first `[file, probe]`, then each other one warmed. */
+export const ready = ([file, probe], ...others) => [{ offCamera: prepareCode(file, probe) }, ...others.map(([other, at]) => ({ offCamera: warm(other, at) }))];
+
+/** Sessions.fs: a match that misses a union case, completed by the quick fix. */
+export async function missingCase({ page, set }) {
+  await openFile(page, 'Sessions.fs');
+  await typeAt(page, { line: 10, append: true, text: '\n\nlet describe stage =\n    match stage with\n    | Browsing -> "still browsing"' });
+  await page.keyboard.press('Escape');
+  await sleep(1500);
+  await quickFix(page, set.cues, { line: 13, word: 'match' }, 'Generate');
+  await sleep(2000);
+}
+
+/** Sessions.fs: `remember` renamed, then Program.fs, which calls it, shown by the new name. */
+export async function renameAcrossFiles({ page }) {
+  await openFile(page, 'Sessions.fs');
+  await renameTo(page, { line: 8, word: 'remember' }, 'rememberOrder');
+  await openFile(page, 'Program.fs');
+  await hoverOn(page, { line: 11, word: 'rememberOrder' });
+  await sleep(3000);
+}
diff --git a/src/website/tools/profiler-film/kit/acts/tour.mjs b/src/website/tools/profiler-film/kit/acts/tour.mjs
new file mode 100644
index 00000000..751d120c
--- /dev/null
+++ b/src/website/tools/profiler-film/kit/acts/tour.mjs
@@ -0,0 +1,16 @@
+// Implements [WEB-DESIGN-MEDIA]. The profiler tour a language's profiler film
+// tells: Profile CPU on a running demo and read the heat on `cpu.file`, then
+// the whole memory loop on `memory.file`, numbered on from the CPU steps.
+import { prepare, switchTo } from '../scenes.mjs';
+import { cpuLoop } from './cpu.mjs';
+import { memoryLoop } from './memory.mjs';
+
+const CPU_STEPS = 3;
+
+/** The tour's scenes: `cpu` and `memory` are cpuLoop's and memoryLoop's stories. */
+export const profilerTour = (cpu, memory) => [
+  { offCamera: prepare(cpu.file) },
+  ...cpuLoop(cpu, 1),
+  { offCamera: switchTo(memory.file) },
+  ...memoryLoop(memory, CPU_STEPS + 1),
+];
diff --git a/src/website/tools/profiler-film/kit/camera.mjs b/src/website/tools/profiler-film/kit/camera.mjs
index 6c1a9a0c..43c5c49b 100644
--- a/src/website/tools/profiler-film/kit/camera.mjs
+++ b/src/website/tools/profiler-film/kit/camera.mjs
@@ -43,13 +43,16 @@ export async function record({ cdp, cues, frames, clips }, name, act) {
   cues.save(name);
 }
 
-/** Show or hide the step caption, if a walkthrough has drawn one. */
+/** Show or hide the step caption and the pointer, where a walkthrough has drawn them. */
 const showCaption = (page, shown) =>
-  page.evaluate((visibility) => document.getElementById('film-caption')?.style.setProperty('visibility', visibility), shown ? 'visible' : 'hidden');
+  page.evaluate(
+    (visibility) => ['film-caption', 'film-pointer'].forEach((id) => document.getElementById(id)?.style.setProperty('visibility', visibility)),
+    shown ? 'visible' : 'hidden',
+  );
 
 /**
- * A clean frame `<dir>/<name>.png`: no hover, and the step caption hidden only
- * for the instant of the shot (Do Not Disturb keeps toasts off screen).
+ * A clean frame `<dir>/<name>.png`: no hover, and the step caption and pointer
+ * hidden only for the instant of the shot (Do Not Disturb keeps toasts off screen).
  */
 export async function still(page, dir, name) {
   fs.mkdirSync(dir, { recursive: true });
diff --git a/src/website/tools/profiler-film/kit/code.mjs b/src/website/tools/profiler-film/kit/code.mjs
new file mode 100644
index 00000000..d292eb68
--- /dev/null
+++ b/src/website/tools/profiler-film/kit/code.mjs
@@ -0,0 +1,76 @@
+// Implements [WEB-DESIGN-MEDIA]. Moves in the code editor a language film is
+// shot with: go to a line, find a word on screen, hover it, and trigger the
+// editor's own completion, navigation, quick fixes and rename. Every result on
+// camera comes from SharpLsp; nothing is drawn but the pointer.
+import { pointAt } from './overlay.mjs';
+import { goTo, sleep } from './workbench.mjs';
+
+/** The active editor's widgets: a hover, the suggest list, the code-action menu, the rename box. */
+export const HOVER = '.monaco-hover:not(.hidden)';
+export const SUGGEST = '.editor-widget.suggest-widget.visible';
+export const ACTIONS = '.action-widget';
+export const RENAME = '.rename-box input';
+
+/**
+ * The box, in page pixels, of the `nth` whole-word `word` on `line` of the
+ * active editor; null while that line is off screen.
+ */
+export const wordOn = (page, line, word, nth = 0) =>
+  page.evaluate(
+    ({ line, word, nth }) => {
+      const editor = document.querySelector('.editor-group-container.active .monaco-editor');
+      const number = [...editor.querySelectorAll('.margin-view-overlays .line-numbers')].find((node) => node.textContent.trim() === String(line));
+      const row = number && [...editor.querySelectorAll('.view-lines .view-line')].find((view) => view.style.top === number.parentElement.style.top);
+      if (!row) return null;
+      const walker = document.createTreeWalker(row, NodeFilter.SHOW_TEXT);
+      const nodes = [];
+      for (let node = walker.nextNode(); node; node = walker.nextNode()) nodes.push(node);
+      const text = nodes.map((node) => node.textContent).join('').replaceAll(' ', ' ');
+      const identifier = /[\p{L}\p{N}_']/u;
+      const starts = [];
+      for (let at = text.indexOf(word); at >= 0; at = text.indexOf(word, at + 1)) {
+        if (!identifier.test(text[at - 1] ?? ' ') && !identifier.test(text[at + word.length] ?? ' ')) starts.push(at);
+      }
+      const start = starts[nth];
+      if (start === undefined) return null;
+      const range = document.createRange();
+      const locate = (offset) => {
+        for (const node of nodes) {
+          if (offset <= node.textContent.length) return [node, offset];
+          offset -= node.textContent.length;
+        }
+        return [nodes.at(-1), nodes.at(-1).textContent.length];
+      };
+      range.setStart(...locate(start));
+      range.setEnd(...locate(start + word.length));
+      const box = range.getBoundingClientRect();
+      return { x: box.x, y: box.y, width: box.width, height: box.height };
+    },
+    { line, word, nth },
+  );
+
+const centre = (box) => ({ x: box.x + box.width / 2, y: box.y + box.height / 2 });
+
+/** The centre of `word` on `line`, scrolled into view first. */
+export async function findWord(page, { line, word, nth = 0 }) {
+  if (!(await wordOn(page, line, word, nth))) await goTo(page, line);
+  const box = await wordOn(page, line, word, nth);
+  if (!box) throw new Error(`"${word}" is not on line ${line}`);
+  return centre(box);
+}
+
+/** Point at `word` on `line` and hover it until the editor's hover shows. */
+export async function hoverOn(page, spot) {
+  const at = await findWord(page, spot);
+  await pointAt(page, at);
+  await page.mouse.move(at.x, at.y, { steps: 8 });
+  await page.locator(HOVER).first().waitFor({ timeout: 20_000 });
+}
+
+/** Click `word` on `line`, putting the cursor in it. */
+export async function clickOn(page, spot) {
+  const at = await findWord(page, spot);
+  await pointAt(page, at);
+  await page.mouse.click(at.x, at.y);
+  await sleep(300);
+}
diff --git a/src/website/tools/profiler-film/kit/editor.mjs b/src/website/tools/profiler-film/kit/editor.mjs
index 6ed0bee9..35f5187f 100644
--- a/src/website/tools/profiler-film/kit/editor.mjs
+++ b/src/website/tools/profiler-film/kit/editor.mjs
@@ -5,7 +5,6 @@
 // Prerequisite: `make _build-vsix VSIX_PREBUILT=1` (writes dist/sharplsp.vsix).
 import { spawn, spawnSync } from 'node:child_process';
 import fs from 'node:fs';
-import os from 'node:os';
 import path from 'node:path';
 import { fileURLToPath } from 'node:url';
 import { chromium } from '@playwright/test';
@@ -16,6 +15,31 @@ const testHome = path.join(repoRoot, 'src/editors/vscode/.vscode-test');
 const vsix = path.join(repoRoot, 'dist/sharplsp.vsix');
 const RUNTIME_EXTENSION = 'ms-dotnettools.vscode-dotnet-runtime';
 
+/**
+ * Where a shoot stages its demo and the editor keeps its temp files (decompiled
+ * sources, sidecar sockets): the shared /tmp, by its real path. macOS's per-user
+ * temp folder carries an id of the account, and a breadcrumb or log would show it.
+ */
+export const SCRATCH = fs.realpathSync('/tmp');
+
+/**
+ * The .NET install the editor runs on: a copy-on-write clone of the real one
+ * at `<SCRATCH>/sharplsp-film-dotnet`, first on its PATH and its DOTNET_ROOT.
+ * The extension reports the SDK it finds, and terminals print the `dotnet` they
+ * run; both read this neutral path, never a home folder and the account name in
+ * it. The clone is made once (`cp -c` shares the blocks) and reused.
+ */
+function neutralDotnet() {
+  const real = spawnSync('which', ['dotnet'], { encoding: 'utf8' }).stdout.trim();
+  if (!real) throw new Error('dotnet is not on PATH');
+  const root = path.join(SCRATCH, 'sharplsp-film-dotnet');
+  if (!fs.existsSync(path.join(root, 'dotnet'))) {
+    const clone = spawnSync('cp', ['-cR', path.dirname(fs.realpathSync(real)), root], { encoding: 'utf8' });
+    if (clone.status !== 0) throw new Error(`cloning the .NET install failed: ${clone.stderr}`);
+  }
+  return root;
+}
+
 /** The editor settings every shot is filmed with: one theme, no clutter. */
 const FILM_SETTINGS = {
   'workbench.colorTheme': 'Default Dark Modern',
@@ -30,6 +54,8 @@ const FILM_SETTINGS = {
   'window.commandCenter': true,
   'window.restoreWindows': 'none',
   'window.title': '${rootName}',
+  // Context menus drawn in the workbench, where the screencast sees them; a native menu never reaches a frame.
+  'window.menuStyle': 'custom',
   'editor.fontSize': 15,
   'editor.lineHeight': 24,
   'editor.minimap.enabled': false,
@@ -62,12 +88,14 @@ function vscodeApp() {
 }
 
 /**
- * The environment the editor starts in. A terminal inside VS Code exports
+ * The environment the editor starts in: its temp folder SCRATCH, and the neutral
+ * `dotnet` first on its PATH. A terminal inside VS Code exports
  * ELECTRON_RUN_AS_NODE, which turns the editor binary into plain Node; the
  * SHARPLSP_* path overrides would point the extension away from the VSIX.
  */
 function editorEnv() {
-  const env = { ...process.env };
+  const dotnet = neutralDotnet();
+  const env = { ...process.env, TMPDIR: `${SCRATCH}/`, DOTNET_ROOT: dotnet, PATH: `${dotnet}${path.delimiter}${process.env.PATH}` };
   for (const key of Object.keys(env)) {
     if (key.startsWith('ELECTRON_') || key.startsWith('VSCODE_') || key.startsWith('SHARPLSP_')) {
       delete env[key];
@@ -78,7 +106,7 @@ function editorEnv() {
 
 /** A short scratch root (the main IPC socket path must stay under ~104 chars). */
 function freshProfile() {
-  const root = fs.mkdtempSync(path.join(os.tmpdir(), 'slsp-film-'));
+  const root = fs.mkdtempSync(path.join(SCRATCH, 'slsp-film-'));
   const userData = path.join(root, 'u');
   const extensions = path.join(root, 'x');
   fs.mkdirSync(path.join(userData, 'User'), { recursive: true });
@@ -146,20 +174,21 @@ async function frameWindow(page, width, height) {
 }
 
 /**
- * Start the isolated editor on `workspace` and hand back the workbench page.
- * `close()` ends only the process this module spawned.
+ * Start the isolated editor on `workspace`, with the extensions `disabled` off,
+ * and hand back the workbench page and its `logs` folder. `close()` ends only
+ * the process this module spawned.
  */
-export async function launchVsCode({ workspace, port = 9241, width = 1600, height = 1000 }) {
+export async function launchVsCode({ workspace, port = 9241, width = 1600, height = 1000, disabled = [] }) {
   const profile = freshProfile();
-  const child = spawnEditor(profile, workspace, port);
+  const child = spawnEditor(profile, workspace, port, disabled);
   await waitForCdp(port);
   const browser = await chromium.connectOverCDP(`http://127.0.0.1:${port}`);
   const page = await workbenchPage(browser);
   const cdp = await frameWindow(page, width, height);
-  return { page, cdp, close: () => closeEditor(browser, child, profile) };
+  return { page, cdp, logs: path.join(profile.userData, 'logs'), close: () => closeEditor(browser, child, profile) };
 }
 
-function spawnEditor(profile, workspace, port) {
+function spawnEditor(profile, workspace, port, disabled) {
   const args = [
     `--extensions-dir=${profile.extensions}`,
     `--user-data-dir=${profile.userData}`,
@@ -168,6 +197,9 @@ function spawnEditor(profile, workspace, port) {
     '--skip-release-notes',
     '--disable-workspace-trust',
     '--new-window',
+    // Keep the environment given here: VS Code would otherwise read the user's login shell's, PATH and all.
+    '--force-disable-user-env',
+    ...disabled.flatMap((id) => ['--disable-extension', id]),
     workspace,
   ];
   return spawn(path.join(vscodeApp(), 'MacOS/Code'), args, { stdio: 'ignore', env: editorEnv() });
diff --git a/src/website/tools/profiler-film/kit/overlay.mjs b/src/website/tools/profiler-film/kit/overlay.mjs
index b185872a..22acf479 100644
--- a/src/website/tools/profiler-film/kit/overlay.mjs
+++ b/src/website/tools/profiler-film/kit/overlay.mjs
@@ -1,6 +1,6 @@
 // Implements [WEB-DESIGN-MEDIA]. What a walkthrough adds on top of the real editor:
-// a numbered step caption, a speed badge on fast-forwarded stretches, and a ring
-// where each click lands. They are drawn into the workbench page, so the screencast
+// a numbered step caption, a speed badge on fast-forwarded stretches, a pointer
+// that glides to what the film acts on, and a ring where each click lands. They are drawn into the workbench page, so the screencast
 // records them with the footage; nothing in the editor itself is staged.
 // The workbench enforces Trusted Types, so the overlay is built from nodes, CSSOM
 // styles and the Web Animations API: no HTML strings, no style sheets.
@@ -22,6 +22,37 @@ const RING = {
   border: '3px solid #2ecc8f', borderRadius: '50%', pointerEvents: 'none',
 };
 
+/** The pointer: an arrow whose tip sits on the spot, outlined to read on any theme. */
+const POINTER = { position: 'fixed', left: '0', top: '0', zIndex: '100002', width: '28px', height: '28px', pointerEvents: 'none', filter: 'drop-shadow(0 2px 3px rgba(0, 0, 0, .5))' };
+const ARROW = 'M3 2 L3 21 L8.2 16.2 L11.6 24 L15 22.6 L11.7 15 L18.6 15 Z';
+const GLIDE_MS = 650;
+
+/** Glide the pointer to `{ x, y }` (page pixels); the first call drops it there. */
+export async function pointAt(page, { x, y }) {
+  await page.evaluate(
+    ({ style, arrow, x, y, ms }) => {
+      let pointer = document.getElementById('film-pointer');
+      if (!pointer) {
+        const svg = 'http://www.w3.org/2000/svg';
+        pointer = document.createElementNS(svg, 'svg');
+        pointer.id = 'film-pointer';
+        pointer.setAttribute('viewBox', '0 0 28 28');
+        Object.assign(pointer.style, style);
+        const path = document.createElementNS(svg, 'path');
+        for (const [name, value] of [['d', arrow], ['fill', '#ffffff'], ['stroke', '#0b1220'], ['stroke-width', '1.6'], ['stroke-linejoin', 'round']]) path.setAttribute(name, value);
+        pointer.append(path);
+        document.body.append(pointer);
+      }
+      const to = `translate(${x - 3}px, ${y - 2}px)`;
+      const from = pointer.dataset.at ?? to;
+      pointer.dataset.at = to;
+      pointer.animate([{ transform: from }, { transform: to }], { duration: from === to ? 1 : ms, easing: 'cubic-bezier(.3, 0, .2, 1)', fill: 'forwards' });
+    },
+    { style: POINTER, arrow: ARROW, x, y, ms: GLIDE_MS },
+  );
+  await sleep(GLIDE_MS + 100);
+}
+
 /** Show step `step`'s caption, with a speed badge when the stretch is fast-forwarded. */
 export async function caption(page, step, text, speed = '') {
   await page.evaluate(
@@ -48,6 +79,7 @@ export async function caption(page, step, text, speed = '') {
 export async function ringClick(page, cues, locator, label) {
   const box = await locator.boundingBox();
   if (!box) throw new Error(`nothing to click for ${label}`);
+  await pointAt(page, { x: box.x + box.width / 2, y: box.y + box.height / 2 });
   await page.evaluate(({ style, x, y }) => {
     const ring = document.createElement('div');
     Object.assign(ring.style, style, { left: `${x}px`, top: `${y}px` });
diff --git a/src/website/tools/profiler-film/kit/scenes.mjs b/src/website/tools/profiler-film/kit/scenes.mjs
index 4a0f9db8..5ec92d8a 100644
--- a/src/website/tools/profiler-film/kit/scenes.mjs
+++ b/src/website/tools/profiler-film/kit/scenes.mjs
@@ -92,11 +92,15 @@ async function shootScenes(shot, scenes) {
   }
 }
 
-/** Stage `demo`, open it in an isolated VS Code, and shoot `scenes` into `<out>/clips`, stills into `<out>/stills`. */
-export async function shootWalkthrough({ demo, out, scenes }) {
+/**
+ * Stage `demo`, open it in an isolated VS Code with workspace `settings` (the
+ * profiler films' by default), and shoot `scenes` into `<out>/clips`, stills
+ * into `<out>/stills`.
+ */
+export async function shootWalkthrough({ demo, out, scenes, settings = WORKSPACE }) {
   const clips = path.join(out, 'clips');
   fs.mkdirSync(clips, { recursive: true });
-  await onSet({ demo, out, settings: WORKSPACE }, ({ page, cdp, app, workspace }) => {
+  await onSet({ demo, out, settings }, ({ page, cdp, app, workspace }) => {
     const set = { cdp, cues: cueLog(clips), frames: path.join(out, 'frames'), clips };
     return shootScenes({ page, set, app, workspace, stills: path.join(out, 'stills') }, scenes);
   });
diff --git a/src/website/tools/profiler-film/kit/set.mjs b/src/website/tools/profiler-film/kit/set.mjs
index 2a109cfc..988d200c 100644
--- a/src/website/tools/profiler-film/kit/set.mjs
+++ b/src/website/tools/profiler-film/kit/set.mjs
@@ -3,10 +3,9 @@
 // VS Code. Every film, whatever its story, is shot through onSet.
 import { spawn, spawnSync } from 'node:child_process';
 import fs from 'node:fs';
-import os from 'node:os';
 import path from 'node:path';
 import { fileURLToPath } from 'node:url';
-import { launchVsCode } from './editor.mjs';
+import { SCRATCH, launchVsCode, repoRoot } from './editor.mjs';
 
 const demos = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '../demos');
 
@@ -18,6 +17,40 @@ const demos = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '../dem
 export const STOREFRONT = { folder: 'storefront', project: 'Storefront' };
 export const FS_STOREFRONT = { folder: 'fs-storefront', project: 'FsStorefront' };
 
+/**
+ * Both demos in one workspace under Shop.slnx, the language films' set: C# and
+ * F# side by side in one solution. Each demo's own solution is left out, so the
+ * workspace holds exactly one, and nothing runs.
+ */
+export const SHOP = { folder: '.', project: 'Shop', omit: ['Storefront.slnx', 'FsStorefront.slnx'], runs: false };
+
+/** `git archive` of HEAD in `repo`, unpacked into `into`: the committed tree, nothing local. */
+function unpackHead(repo, into) {
+  fs.mkdirSync(into, { recursive: true });
+  const archive = spawnSync('git', ['-C', repo, 'archive', '--format=tar', 'HEAD'], { maxBuffer: 1 << 30 });
+  if (archive.status !== 0) throw new Error(`git archive of ${repo} failed: ${archive.stderr}`);
+  const unpack = spawnSync('tar', ['-x', '-C', into], { input: archive.stdout });
+  if (unpack.status !== 0) throw new Error(`unpacking ${repo} failed: ${unpack.stderr}`);
+}
+
+/**
+ * The SharpLsp repository itself, the contributors' film's set: its committed
+ * tree and lspkit's, staged at a neutral path, opened without the extension
+ * (its own sidecar solutions are not the subject), with nothing run.
+ */
+export const REPO = {
+  project: 'SharpLsp',
+  runs: false,
+  disabled: ['nimblesite.sharplsp'],
+  stage: () => {
+    const root = fs.mkdtempSync(path.join(SCRATCH, 'film-'));
+    const workspace = path.join(root, 'SharpLsp');
+    unpackHead(repoRoot, workspace);
+    unpackHead(path.join(repoRoot, 'lspkit'), path.join(workspace, 'lspkit'));
+    return { root, workspace };
+  },
+};
+
 /** Build the staged demo; a failed build stops the shoot. */
 export function buildDemo(workspace) {
   const build = spawnSync('dotnet', ['build', '-c', 'Debug', '--nologo', '-v', 'q'], { cwd: workspace, encoding: 'utf8' });
@@ -29,22 +62,27 @@ export function buildDemo(workspace) {
  * path (the user's name) can reach a frame name or tooltip on camera.
  */
 export function stageDemo(demo) {
-  // The real path: macOS's tmpdir is a symlink the .NET runtime resolves, and
+  // The real path: macOS's /tmp is a symlink the .NET runtime resolves, and
   // heat-map decorations only land when both sides spell the file the same way.
-  const root = fs.mkdtempSync(path.join(fs.realpathSync(os.tmpdir()), 'film-'));
+  const root = fs.mkdtempSync(path.join(SCRATCH, 'film-'));
   const workspace = path.join(root, demo.project);
   fs.cpSync(path.join(demos, demo.folder), workspace, {
     recursive: true,
-    filter: (source) => !['bin', 'obj', '.sharplsp'].includes(path.basename(source)),
+    filter: (source) => !['bin', 'obj', '.sharplsp', ...(demo.omit ?? [])].includes(path.basename(source)),
   });
   buildDemo(workspace);
   return { root, workspace };
 }
 
-/** Start the demo by absolute path (discovery needs it) and wait for its banner. */
+/**
+ * Start the demo by absolute path (discovery needs it) and wait for its banner.
+ * It shares the editor's temp folder, where .NET opens the diagnostics socket
+ * the profiler attaches through.
+ */
 async function startDemo(workspace) {
   const project = path.basename(workspace);
-  const app = spawn(path.join(workspace, `bin/Debug/net10.0/${project}`), [], { cwd: workspace, stdio: ['ignore', 'pipe', 'ignore'] });
+  const env = { ...process.env, TMPDIR: `${SCRATCH}/` };
+  const app = spawn(path.join(workspace, `bin/Debug/net10.0/${project}`), [], { cwd: workspace, env, stdio: ['ignore', 'pipe', 'ignore'] });
   await new Promise((resolve, reject) => {
     app.stdout.once('data', resolve);
     app.once('exit', (code) => reject(new Error(`${project} exited with ${code}`)));
@@ -77,18 +115,20 @@ function writeSettings(workspace, settings) {
 /**
  * Stage `demo` with optional workspace `settings`, open it in an isolated VS Code
  * beside the running app, and run `shoot({ page, cdp, app, workspace })`. A failed
- * take leaves `<out>/failure.png`; the app, the editor and the staged copy always go.
+ * shoot leaves `<out>/failure.png` and the editor's `<out>/logs`; the app, the
+ * editor and the staged copy always go.
  */
 export async function onSet({ demo, out, settings }, shoot) {
-  const { root, workspace } = stageDemo(demo);
+  const { root, workspace } = (demo.stage ?? stageDemo)(demo);
   if (settings) writeSettings(workspace, settings);
-  const editor = await launchVsCode({ workspace });
-  const app = demoApp(workspace);
+  const editor = await launchVsCode({ workspace, disabled: demo.disabled });
+  const app = demo.runs === false ? { start: async () => undefined, stop: () => undefined } : demoApp(workspace);
   await app.start();
   try {
     await shoot({ page: editor.page, cdp: editor.cdp, app, workspace });
   } catch (error) {
     await editor.page.screenshot({ path: path.join(out, 'failure.png') }).catch(() => undefined);
+    fs.cpSync(editor.logs, path.join(out, 'logs'), { recursive: true });
     throw error;
   } finally {
     app.stop();
diff --git a/src/website/tools/profiler-film/kit/sound/voice.mjs b/src/website/tools/profiler-film/kit/sound/voice.mjs
index 68673194..07c1e370 100644
--- a/src/website/tools/profiler-film/kit/sound/voice.mjs
+++ b/src/website/tools/profiler-film/kit/sound/voice.mjs
@@ -3,7 +3,6 @@
 // Nothing leaves this machine: kokoro-js runs Kokoro-82M (Apache-2.0) on the CPU.
 import fs from 'node:fs';
 import path from 'node:path';
-import { KokoroTTS } from 'kokoro-js';
 import { wav } from './score.mjs';
 
 const model = { id: 'onnx-community/Kokoro-82M-v1.0-ONNX', dtype: 'fp32', device: 'cpu', silence: 0.01 };
@@ -28,6 +27,8 @@ async function take(tts, script, line, file) {
 
 /** Every line of `script` spoken into `dir`, in order: `{ scene, en, ja, zh, path, length }`. */
 export async function speak(script, dir) {
+  // Loaded only to speak: its phonemizer hooks uncaught errors and would print itself over a failed shoot's.
+  const { KokoroTTS } = await import('kokoro-js');
   const tts = await KokoroTTS.from_pretrained(model.id, { dtype: model.dtype, device: model.device });
   const takes = [];
   for (const [index, line] of script.lines.entries()) takes.push(await take(tts, script, line, path.join(dir, `line${index}.wav`)));
diff --git a/src/website/tools/profiler-film/kit/workbench.mjs b/src/website/tools/profiler-film/kit/workbench.mjs
index 23a3063f..dc60b4bf 100644
--- a/src/website/tools/profiler-film/kit/workbench.mjs
+++ b/src/website/tools/profiler-film/kit/workbench.mjs
@@ -109,11 +109,18 @@ export async function toggleSideBar(page) {
   await sleep(800);
 }
 
-/** Go to `line` and type `text` over it, or after its end when the edit appends; key by key, as a person types. */
-export async function typeAt(page, { line, text, append = false }) {
+/** Put the cursor on `line`, at `column` (1-based), revealing the line; keys go to the editor once the box closes. */
+export async function goTo(page, line, column = 1) {
   await page.keyboard.press('Control+G');
-  await page.locator('.quick-input-widget input').fill(`:${line}`);
+  await page.locator('.quick-input-widget input').fill(`:${line}:${column}`);
   await page.keyboard.press('Enter');
+  await page.locator('.quick-input-widget').waitFor({ state: 'hidden' });
+  await sleep(300);
+}
+
+/** Go to `line` and type `text` over it, or after its end when the edit appends; key by key, as a person types. */
+export async function typeAt(page, { line, text, append = false }) {
+  await goTo(page, line);
   await page.keyboard.press(append ? 'End' : 'Shift+End');
   for (const [index, part] of text.split('\n').entries()) {
     // Escape first: an editor widget left open would take the Enter instead of the line break.