@cueloop/client 0.1.0-alpha.59 → 0.1.0-alpha.60

package/src/components/terminal-pane.ts

@@ -21,8 +21,10 @@ import {
 
 /** One shared VT library load; null when this platform ships no prebuilt dylib. */
 let ghosttyFactory: GhosttyTerminalFactory | null | undefined;
+
 function factory(): GhosttyTerminalFactory | null {
   if (ghosttyFactory === undefined) ghosttyFactory = loadGhosttyTerminals();
+
   return ghosttyFactory;
 }
 
@@ -71,8 +73,10 @@ export class TerminalPaneRenderable extends Renderable {
   /** Start the child + emulator once real layout dimensions are known. */
   private start(cols: number, rows: number): void {
     const terminals = factory();
+
     if (!terminals) return;
     const vt = terminals.create(cols, rows);
+
     if (!vt) return; // no emulator, no visible screen - do not spawn a blind child
     this.vt = vt;
     this.cols = cols;
@@ -107,6 +111,7 @@ export class TerminalPaneRenderable extends Renderable {
     if (width <= 0 || height <= 0) return;
     if (!this.pty) {
       this.start(width, height);
+
       return;
     }
     if (width === this.cols && height === this.rows) return;
@@ -121,11 +126,13 @@ export class TerminalPaneRenderable extends Renderable {
     for (let y = 0; y < this.height; y++) {
       for (let x = 0; x < this.width; x++) {
         const cell = this.vt.readCell(x, y);
+
         // Skip an empty normal-width cell; the buffer already starts blank.
         if (cell && cell.width === 0 && cell.codepoint === 0) continue;
         const char = cell && cell.codepoint ? String.fromCodePoint(cell.codepoint) : " ";
         let fg = cell ? resolveColor(cell.fg, DEFAULT_FG) : DEFAULT_FG;
         let bg = cell ? resolveColor(cell.bg, TRANSPARENT) : TRANSPARENT;
+
         if (cell?.inverse) [fg, bg] = [bg, fg];
         const attributes = cell
           ? createTextAttributes({
@@ -136,15 +143,18 @@ export class TerminalPaneRenderable extends Renderable {
               strikethrough: cell.strikethrough,
             })
           : 0;
+
         buffer.setCell(this.x + x, this.y + y, char, fg, bg, attributes);
       }
     }
     // cursor is active-area coords; equal to viewport at the bottom (the live
     // typing case). It can drift if the child scrolls the viewport back.
     const cursor = this.vt.readCursor();
+
     if (cursor.visible && cursor.x < this.width && cursor.y < this.height) {
       const under = this.vt.readCell(cursor.x, cursor.y);
       const char = under && under.codepoint ? String.fromCodePoint(under.codepoint) : " ";
+
       // a block cursor: paint the cell with fg/bg swapped
       buffer.setCell(this.x + cursor.x, this.y + cursor.y, char, CURSOR_INK, DEFAULT_FG, 0);
     }
@@ -169,10 +179,12 @@ export class TerminalPaneRenderable extends Renderable {
 function resolveColor(color: GhosttyColor, fallback: RGBA): RGBA {
   if (color.kind === "rgb") return RGBA.fromInts(color.r, color.g, color.b, 255);
   if (color.kind === "palette") return RGBA.fromIndex(color.index);
+
   return fallback;
 }
 
 let registered = false;
+
 /** Register `<terminalPane>` with the OpenTUI React reconciler (idempotent). */
 export function registerTerminalPane(): void {
   if (registered) return;

package/src/components/theme-context.tsx

@@ -32,5 +32,6 @@ export function useTheme(): Theme {
  */
 export function useComponentTheme(override?: Theme): Theme {
   const contextTheme = useContext(ThemeContext);
+
   return override ?? contextTheme;
 }

package/src/components/truncate-text.ts

@@ -2,5 +2,6 @@
 
 export function truncateToSingleLine(value: string, maxLength: number): string {
   const oneLine = value.replace(/\n/g, " ");
+
   return oneLine.length > maxLength ? oneLine.slice(0, maxLength - 1) + "…" : oneLine;
 }

package/src/config.test.ts

@@ -33,6 +33,7 @@ describe("loadConfig", () => {
     // Arrange
     const dir = mkdtempSync(join(tmpdir(), "cueloop-cfg-"));
     const path = join(dir, "config.toml");
+
     writeFileSync(
       path,
       `[keys]\ncomment = "a"\nsubmit = ["return", "S"]\n\n[theme]\naccent = "#ff0000"\n`,
@@ -58,6 +59,7 @@ describe("loadConfig", () => {
     const dir = mkdtempSync(join(tmpdir(), "cueloop-cfg2-"));
     const user = join(dir, "user.toml");
     const repoRoot = join(dir, "repo");
+
     writeFileSync(user, `[keys]\ncomment = "a"\n`);
     Bun.spawnSync(["mkdir", "-p", join(repoRoot, ".cueloop")]);
     writeFileSync(join(repoRoot, ".cueloop", "config.toml"), `[keys]\ncomment = "z"\n`);
@@ -77,6 +79,7 @@ describe("loadConfig", () => {
     // Arrange
     const dir = mkdtempSync(join(tmpdir(), "cueloop-cfg3-"));
     const path = join(dir, "config.toml");
+
     writeFileSync(path, "not [valid toml");
 
     try {
@@ -94,6 +97,7 @@ describe("loadConfig", () => {
     // Arrange
     const dir = mkdtempSync(join(tmpdir(), "cueloop-cfg4-"));
     const path = join(dir, "config.toml");
+
     writeFileSync(path, `[ui]\nauto_close = 3\neditor = "code --wait"\n`);
 
     try {
@@ -112,6 +116,7 @@ describe("loadConfig", () => {
     // Arrange
     const dir = mkdtempSync(join(tmpdir(), "cueloop-cfg5-"));
     const path = join(dir, "config.toml");
+
     writeFileSync(path, `[ui]\neditor = "   "\n`);
 
     try {
@@ -136,6 +141,7 @@ describe("loadConfig", () => {
     // Arrange
     const dir = mkdtempSync(join(tmpdir(), "cueloop-cfg6-"));
     const path = join(dir, "config.toml");
+
     writeFileSync(path, `[ui]\nreview_width = 999\nreview_state = "compact"\n`);
 
     try {
@@ -154,6 +160,7 @@ describe("loadConfig", () => {
     // Arrange
     const dir = mkdtempSync(join(tmpdir(), "cueloop-cfg7-"));
     const path = join(dir, "config.toml");
+
     writeFileSync(path, `[ui]\nreview_width = "wide"\nreview_state = "sideways"\n`);
 
     try {
@@ -181,6 +188,7 @@ describe("loadConfig", () => {
     // Arrange
     const dir = mkdtempSync(join(tmpdir(), "cueloop-cfg-theme-"));
     const path = join(dir, "config.toml");
+
     writeFileSync(path, `[ui]\ntheme = "nord"\n`);
 
     try {
@@ -199,6 +207,7 @@ describe("loadConfig", () => {
     // Arrange
     const dir = mkdtempSync(join(tmpdir(), "cueloop-cfg-theme2-"));
     const path = join(dir, "config.toml");
+
     writeFileSync(path, `[ui]\ntheme = "nord"\n\n[theme]\naccent = "#ff0000"\n`);
 
     try {
@@ -219,6 +228,7 @@ describe("loadConfig", () => {
     const dir = mkdtempSync(join(tmpdir(), "cueloop-cfg-theme-x-"));
     const user = join(dir, "user.toml");
     const repoRoot = join(dir, "repo");
+
     writeFileSync(user, `[theme]\naccent = "#ff0000"\n`);
     Bun.spawnSync(["mkdir", "-p", join(repoRoot, ".cueloop")]);
     writeFileSync(join(repoRoot, ".cueloop", "config.toml"), `[ui]\ntheme = "nord"\n`);
@@ -240,6 +250,7 @@ describe("loadConfig", () => {
     // Arrange
     const dir = mkdtempSync(join(tmpdir(), "cueloop-cfg-theme3-"));
     const path = join(dir, "config.toml");
+
     writeFileSync(path, `[ui]\ntheme = "solarized-galaxy"\n`);
 
     try {
@@ -289,6 +300,7 @@ describe("loadConfig", () => {
 
       // Assert
       const config = loadConfig({ userConfigPath: path });
+
       expect(config.ui.reviewWidth).toBe(42);
       expect(config.ui.reviewState).toBe("hidden");
 
@@ -321,6 +333,7 @@ describe("integrations.obsidian config", () => {
     // Arrange
     const dir = mkdtempSync(join(tmpdir(), "cueloop-cfg-obs-"));
     const path = join(dir, "config.toml");
+
     writeFileSync(
       path,
       `[integrations.obsidian]\nvault = "/notes/vault"\nfolder = "plans"\nexportOn = "approve"\nseparator = "comma"\n`,
@@ -346,6 +359,7 @@ describe("integrations.obsidian config", () => {
     const dir = mkdtempSync(join(tmpdir(), "cueloop-cfg-obs2-"));
     const user = join(dir, "user.toml");
     const repoRoot = join(dir, "repo");
+
     writeFileSync(user, `[integrations.obsidian]\nvault = "/user/vault"\nexportOn = "resolve"\n`);
     Bun.spawnSync(["mkdir", "-p", join(repoRoot, ".cueloop")]);
     writeFileSync(
@@ -381,6 +395,7 @@ describe("quick actions ([[actions]])", () => {
     // Arrange
     const dir = mkdtempSync(join(tmpdir(), "cueloop-actions-"));
     const path = join(dir, "config.toml");
+
     writeFileSync(
       path,
       `[[actions]]\nprompt = "Add a benchmark"\n\n[[actions]]\nprompt = "Guard the edge case"\nmetadata = "null and empty input"\n`,
@@ -404,6 +419,7 @@ describe("quick actions ([[actions]])", () => {
     // Arrange
     const dir = mkdtempSync(join(tmpdir(), "cueloop-actions2-"));
     const path = join(dir, "config.toml");
+
     writeFileSync(
       path,
       `[[actions]]\nmetadata = "orphan without a prompt"\n\n[[actions]]\nprompt = "Keep this one"\n`,
@@ -426,6 +442,7 @@ describe("persistActions", () => {
     // Arrange
     const dir = mkdtempSync(join(tmpdir(), "cueloop-persist-actions-"));
     const path = join(dir, "config.toml");
+
     writeFileSync(path, `[[actions]]\nprompt = "old one"\n\n[ui]\nauto_close = 3\n`);
 
     try {
@@ -490,6 +507,7 @@ describe("[authors] rename map", () => {
     // Arrange
     const dir = mkdtempSync(join(tmpdir(), "cueloop-authors-"));
     const path = join(dir, "config.toml");
+
     writeFileSync(path, `[authors]\n"SHA256:abc+def/gh" = "Alex"\n`);
 
     // Act

package/src/config.ts

@@ -80,8 +80,10 @@ export function resolveQuickAction(
   actionRef: string,
 ): QuickAction | undefined {
   const index = Number(actionRef);
+
   if (Number.isInteger(index) && index >= 1 && index <= actions.length) return actions[index - 1];
   const wanted = actionRef.trim().toLowerCase();
+
   return actions.find((action) => action.prompt.toLowerCase() === wanted);
 }
 
@@ -147,21 +149,26 @@ function parseToml(text: string): Record<string, unknown> {
 function parseActions(raw: unknown): QuickAction[] | undefined {
   if (!Array.isArray(raw)) return undefined;
   const actions: QuickAction[] = [];
+
   for (const entry of raw) {
     if (!entry || typeof entry !== "object") continue;
     const table = entry as Record<string, unknown>;
     const prompt = table["prompt"];
+
     if (typeof prompt !== "string" || !prompt.trim()) continue;
     const metadata = table["metadata"];
+
     actions.push(
       typeof metadata === "string" && metadata.trim() ? { prompt, metadata } : { prompt },
     );
   }
+
   return actions.length ? actions : undefined;
 }
 
 function mergeAuthors(target: Record<string, string>, raw: unknown): void {
   const authors = raw as Record<string, unknown> | undefined;
+
   if (!authors) return;
   for (const [id, value] of Object.entries(authors)) {
     if (typeof value === "string") target[id] = value;
@@ -170,6 +177,7 @@ function mergeAuthors(target: Record<string, string>, raw: unknown): void {
 
 function mergeKeys(target: Record<string, string[]>, raw: unknown): void {
   const keys = raw as KeymapConfig | undefined;
+
   if (!keys) return;
   for (const [action, combo] of Object.entries(keys)) {
     target[action] = Array.isArray(combo) ? combo : [combo];
@@ -186,6 +194,7 @@ function mergeUi(target: CueloopConfig["ui"], raw: unknown): void {
   const ui = raw as
     | { auto_close?: unknown; editor?: unknown; review_width?: unknown; review_state?: unknown }
     | undefined;
+
   if (!ui) return;
   mergeAutoClose(target, ui.auto_close);
   if (typeof ui.editor === "string" && ui.editor.trim()) target.editor = ui.editor.trim();
@@ -204,15 +213,18 @@ function mergeUi(target: CueloopConfig["ui"], raw: unknown): void {
 function mergeObsidian(target: ObsidianConfig, raw: unknown): void {
   const integrations = raw as Record<string, unknown> | undefined;
   const obsidian = integrations?.["obsidian"] as Record<string, unknown> | undefined;
+
   if (!obsidian) return;
   if (typeof obsidian["vault"] === "string") target.vault = obsidian["vault"];
   if (typeof obsidian["folder"] === "string") target.folder = obsidian["folder"];
   if (typeof obsidian["filenameFormat"] === "string")
     target.filenameFormat = obsidian["filenameFormat"];
   const separator = obsidian["separator"];
+
   if (separator === "space" || separator === "dash" || separator === "underscore")
     target.separator = separator;
   const exportOn = obsidian["exportOn"];
+
   if (exportOn === "approve" || exportOn === "resolve" || exportOn === "manual")
     target.exportOn = exportOn;
 }
@@ -228,11 +240,13 @@ function layer(base: CueloopConfig, raw: Record<string, unknown>): CueloopConfig
     integrations: { obsidian: { ...base.integrations.obsidian } },
   };
   const actions = parseActions(raw["actions"]);
+
   if (actions) out.actions = actions;
   mergeAuthors(out.authors, raw["authors"]);
   mergeKeys(out.keys, raw["keys"]);
   mergeUi(out.ui, raw["ui"]);
   mergeObsidian(out.integrations.obsidian, raw["integrations"]);
+
   return out;
 }
 
@@ -260,6 +274,7 @@ export function loadConfig(
   let themeName = DEFAULT_THEME_NAME;
   const themeOverrides: Partial<Record<keyof Theme, string>> = {};
   const userPath = userConfigPathFrom(options.userConfigPath);
+
   for (const path of [
     userPath,
     options.repoRoot ? join(options.repoRoot, ".cueloop", "config.toml") : undefined,
@@ -267,8 +282,10 @@ export function loadConfig(
     if (!path || !existsSync(path)) continue;
     try {
       const raw = parseToml(readFileSync(path, "utf8"));
+
       config = layer(config, raw);
       const rawTheme = (raw["ui"] as { theme?: unknown } | undefined)?.theme;
+
       if (typeof rawTheme === "string" && isThemeName(rawTheme)) themeName = rawTheme;
       collectThemeOverrides(raw["theme"], themeOverrides);
     } catch {
@@ -278,6 +295,7 @@ export function loadConfig(
   config.ui.theme = themeName;
   config.themeOverrides = themeOverrides;
   config.theme = { ...themeForName(themeName), ...themeOverrides };
+
   return config;
 }
 
@@ -296,9 +314,11 @@ export function actionFor(
   shift: boolean,
 ): string | undefined {
   const wanted = shift && name.length === 1 ? name.toUpperCase() : name;
+
   for (const [action, combos] of Object.entries(keys)) {
     if (combos.includes(wanted)) return action;
   }
+
   return undefined;
 }
 
@@ -319,8 +339,10 @@ function userConfigPathFrom(userConfigPath?: string): string {
 function persistUiSetting(key: string, rendered: string, userConfigPath?: string): void {
   const path = userConfigPathFrom(userConfigPath);
   let text = "";
+
   if (existsSync(path)) text = readFileSync(path, "utf8");
   const assignment = new RegExp(`^(\\s*)${key}\\s*=.*$`, "m");
+
   if (assignment.test(text)) {
     text = text.replace(assignment, `$1${key} = ${rendered}`);
   } else if (/^\[ui\]/m.test(text)) {
@@ -345,15 +367,19 @@ function tomlString(value: string): string {
 export function persistActions(actions: QuickAction[], userConfigPath?: string): void {
   const path = userConfigPathFrom(userConfigPath);
   let text = existsSync(path) ? readFileSync(path, "utf8") : "";
+
   // strip every existing [[actions]] block (header through its key lines)
   text = text.replace(/^\[\[actions\]\][^[]*/gm, "").trimEnd();
   const blocks = actions
     .map((action) => {
       const lines = [`[[actions]]`, `prompt = ${tomlString(action.prompt)}`];
+
       if (action.metadata) lines.push(`metadata = ${tomlString(action.metadata)}`);
+
       return lines.join("\n");
     })
     .join("\n\n");
+
   text = blocks ? `${text ? `${text}\n\n` : ""}${blocks}\n` : `${text}\n`;
   mkdirSync(dirname(path), { recursive: true });
   writeFileSync(path, text);
@@ -393,6 +419,7 @@ export function persistAuthorName(id: string, name: string, userConfigPath?: str
   const key = `"${id.replace(/"/g, '\\"')}"`;
   const value = `"${name.replace(/"/g, '\\"')}"`;
   const assignment = new RegExp(`^(\\s*)${escapeRegExp(key)}\\s*=.*$`, "m");
+
   if (assignment.test(text)) {
     text = text.replace(assignment, `$1${key} = ${value}`);
   } else if (/^\[authors\]/m.test(text)) {

package/src/diff-hunk-curate.ts

@@ -62,6 +62,7 @@ export function locateLine(
   lineNumber: number,
 ): LocatedLine | null {
   const index = lineNumber - 1;
+
   for (const [hunkIndex, hunk] of model.hunks.entries()) {
     for (const [contentIndex, content] of hunk.hunkContent.entries()) {
       const base = side === "addition" ? content.additionLineIndex : content.deletionLineIndex;
@@ -71,11 +72,13 @@ export function locateLine(
           : side === "addition"
             ? content.additions
             : content.deletions;
+
       if (count > 0 && index >= base && index < base + count) {
         return { hunkIndex, changeIndex: content.type === "change" ? contentIndex : undefined };
       }
     }
   }
+
   return null;
 }
 
@@ -87,6 +90,7 @@ function changeSideLine(
     return { side: "addition", lineNumber: row.newLine };
   if (row.kind === "del" && row.oldLine !== undefined)
     return { side: "deletion", lineNumber: row.oldLine };
+
   return null;
 }
 
@@ -107,6 +111,7 @@ export function hunkRejectionForRow(
       : row.oldLine !== undefined
         ? locateLine(model, "deletion", row.oldLine)
         : null;
+
   return located ? { path, hunkIndex: located.hunkIndex } : null;
 }
 
@@ -120,9 +125,12 @@ export function changeRejectionForRow(
   row: Pick<DiffRow, "kind" | "oldLine" | "newLine">,
 ): HunkRejection | null {
   const change = changeSideLine(row);
+
   if (!change) return null;
   const located = locateLine(model, change.side, change.lineNumber);
+
   if (!located || located.changeIndex === undefined) return null;
+
   return { path, hunkIndex: located.hunkIndex, changeIndex: located.changeIndex };
 }
 
@@ -152,9 +160,12 @@ export function isRowRejected(
   rejections: HunkRejection[],
 ): boolean {
   const change = changeSideLine(row);
+
   if (!change) return false;
   const located = locateLine(model, change.side, change.lineNumber);
+
   if (!located || located.changeIndex === undefined) return false;
+
   return rejections.some(
     (rejection) =>
       rejection.path === path &&
@@ -178,6 +189,7 @@ function curateFilePatch(file: DiffFileContents, rejections: HunkRejection[]): s
       .filter((rejection) => rejection.changeIndex === undefined)
       .map((rejection) => rejection.hunkIndex),
   );
+
   for (const hunkIndex of [...wholeHunks].sort((a, b) => b - a)) {
     model = diffAcceptRejectHunk(model, hunkIndex, "reject");
   }
@@ -186,6 +198,7 @@ function curateFilePatch(file: DiffFileContents, rejections: HunkRejection[]): s
       (rejection) => rejection.changeIndex !== undefined && !wholeHunks.has(rejection.hunkIndex),
     )
     .sort((a, b) => b.hunkIndex - a.hunkIndex || b.changeIndex! - a.changeIndex!);
+
   for (const rejection of changeRejections) {
     model = diffAcceptRejectHunk(model, rejection.hunkIndex, {
       type: "reject",
@@ -193,9 +206,12 @@ function curateFilePatch(file: DiffFileContents, rejections: HunkRejection[]): s
     });
   }
   const curatedNew = model.additionLines.join("");
+
   if (curatedNew === file.oldContents) return null;
   const patch = unifiedDiffText(file.oldContents, curatedNew, file.path);
+
   if (patch === null) return null;
+
   return withFileStateHeaders(patch, file.path, file.status, curatedNew);
 }
 
@@ -215,6 +231,7 @@ function withFileStateHeaders(
   if (status === "deleted" && curatedNew === "") {
     return patch.replace(`+++ b/${path}`, "+++ /dev/null");
   }
+
   return patch;
 }
 
@@ -224,10 +241,13 @@ function withFileStateHeaders(
  */
 export function curateDiff(files: DiffFileContents[], rejections: HunkRejection[]): string {
   const parts: string[] = [];
+
   for (const file of files) {
     const fileRejections = rejections.filter((rejection) => rejection.path === file.path);
     const patch = curateFilePatch(file, fileRejections);
+
     if (patch) parts.push(patch);
   }
+
   return parts.join("\n");
 }

package/src/diff-intraline.test.ts

@@ -76,6 +76,7 @@ describe("intralineRunsByRow", () => {
     // Assert
     const deletionRuns = runsByRow.get(1)!;
     const additionRuns = runsByRow.get(2)!;
+
     expect(joinText(deletionRuns)).toBe("const foo = 1");
     expect(joinText(additionRuns)).toBe("const foo = 2");
     expect(changedText(deletionRuns)).toBe("1");

package/src/diff-intraline.ts

@@ -47,14 +47,17 @@ function stripTrailingNewline(text: string): string {
 export function intralineRunsByRow(rows: DiffRow[]): Map<number, IntralineRun[]> {
   const runsByRow = new Map<number, IntralineRun[]>();
   let index = 0;
+
   while (index < rows.length) {
     if (rows[index]!.kind !== "del") {
       index++;
       continue;
     }
     const deletionStart = index;
+
     while (index < rows.length && rows[index]!.kind === "del") index++;
     const additionStart = index;
+
     while (index < rows.length && rows[index]!.kind === "add") index++;
     const deletionTexts = rows
       .slice(deletionStart, additionStart)
@@ -62,15 +65,18 @@ export function intralineRunsByRow(rows: DiffRow[]): Map<number, IntralineRun[]>
     const additionTexts = rows
       .slice(additionStart, index)
       .map((row) => stripTrailingNewline(row.text));
+
     for (const [deletionOffset, additionOffset] of alignedPairs(deletionTexts, additionTexts)) {
       const changes = wordLevelChanges(
         deletionTexts[deletionOffset]!,
         additionTexts[additionOffset]!,
       );
+
       runsByRow.set(deletionStart + deletionOffset, sideRuns(changes, "removed"));
       runsByRow.set(additionStart + additionOffset, sideRuns(changes, "added"));
     }
   }
+
   return runsByRow;
 }
 
@@ -83,10 +89,13 @@ function linesSimilar(oldText: string, newText: string): boolean {
   const words = (text: string) => new Set(text.toLowerCase().split(/\s+/).filter(Boolean));
   const oldWords = words(oldText);
   const newWords = words(newText);
+
   if (oldWords.size === 0 && newWords.size === 0) return true;
   let intersection = 0;
+
   for (const word of oldWords) if (newWords.has(word)) intersection++;
   const union = oldWords.size + newWords.size - intersection;
+
   return union === 0 ? true : intersection / union >= SIMILAR_MIN_WORD_OVERLAP;
 }
 
@@ -103,6 +112,7 @@ function alignedPairs(deletionTexts: string[], additionTexts: string[]): Array<[
   const pairs: Array<[number, number]> = [];
   let deletionOffset = 0;
   let additionOffset = 0;
+
   for (const op of lcsDiff(deletionTexts, additionTexts, linesSimilar)) {
     if (op.kind === "ctx") {
       pairs.push([deletionOffset, additionOffset]);
@@ -114,6 +124,7 @@ function alignedPairs(deletionTexts: string[], additionTexts: string[]): Array<[
       additionOffset++;
     }
   }
+
   return pairs;
 }
 
@@ -121,12 +132,15 @@ function alignedPairs(deletionTexts: string[], additionTexts: string[]): Array<[
  *  runs of equal changed-ness coalesced so highlighting stays as few spans. */
 function sideRuns(changes: WordChange[], side: "added" | "removed"): IntralineRun[] {
   const runs: IntralineRun[] = [];
+
   for (const change of changes) {
     if (change.kind !== "common" && change.kind !== side) continue;
     const changed = change.kind === side;
     const last = runs[runs.length - 1];
+
     if (last && last.changed === changed) last.text += change.text;
     else runs.push({ text: change.text, changed });
   }
+
   return runs;
 }