@diegopetrucci/pi-extensions 0.1.74 → 0.1.78

package/extensions/annotate-last-message/theme.ts

@@ -1,8 +1,4 @@
-import type {
-	Theme,
-	ThemeBg,
-	ThemeColor,
-} from "@earendil-works/pi-coding-agent";
+import type { Theme, ThemeBg, ThemeColor } from "@earendil-works/pi-coding-agent";
 
 /**
  * The small public part of Pi's active theme used by the native annotation UI.
@@ -11,209 +7,219 @@ import type {
 export type AnnotateTheme = Pick<Theme, "appearance" | "colors" | "fg" | "bg">;
 
 const DARK_FALLBACK: Readonly<Record<string, string>> = {
-	"--color-scheme": "dark",
-	"--bg": "#0d1117",
-	"--panel": "#151b23",
-	"--panel-hover": "#1f242c",
-	"--inset": "#0b1118",
-	"--border": "#30363d",
-	"--border-muted": "#21262d",
-	"--text": "#f0f6fc",
-	"--muted": "#8a8a8a",
-	"--dim": "#585858",
-	"--accent": "#f4c95d",
-	"--success": "#7ee787",
-	"--error": "#ffb3b3",
-	"--warning": "#f4c95d",
-	"--mdHeading": "#f4c95d",
-	"--mdLink": "#7dd3fc",
-	"--mdLinkUrl": "#8a8a8a",
-	"--mdCode": "#9b7bff",
-	"--mdCodeBlock": "inherit",
-	"--mdCodeBlockBorder": "#6f42c1",
-	"--mdQuote": "#8a8a8a",
-	"--mdQuoteBorder": "#6f42c1",
-	"--mdHr": "#585858",
-	"--mdListBullet": "#f4c95d",
-	"--mdBold": "inherit",
-	"--mdItalic": "inherit",
+  "--color-scheme": "dark",
+  "--bg": "#0d1117",
+  "--panel": "#151b23",
+  "--panel-hover": "#1f242c",
+  "--inset": "#0b1118",
+  "--border": "#30363d",
+  "--border-muted": "#21262d",
+  "--text": "#f0f6fc",
+  "--muted": "#8a8a8a",
+  "--dim": "#585858",
+  "--accent": "#f4c95d",
+  "--success": "#7ee787",
+  "--error": "#ffb3b3",
+  "--warning": "#f4c95d",
+  "--mdHeading": "#f4c95d",
+  "--mdLink": "#7dd3fc",
+  "--mdLinkUrl": "#8a8a8a",
+  "--mdCode": "#9b7bff",
+  "--mdCodeBlock": "inherit",
+  "--mdCodeBlockBorder": "#6f42c1",
+  "--mdQuote": "#8a8a8a",
+  "--mdQuoteBorder": "#6f42c1",
+  "--mdHr": "#585858",
+  "--mdListBullet": "#f4c95d",
+  "--mdBold": "inherit",
+  "--mdItalic": "inherit",
 };
 
 const LIGHT_FALLBACK: Readonly<Record<string, string>> = {
-	"--color-scheme": "light",
-	"--bg": "#f6f8fa",
-	"--panel": "#ffffff",
-	"--panel-hover": "#f3f4f6",
-	"--inset": "#f6f8fa",
-	"--border": "#d0d7de",
-	"--border-muted": "#afb8c1",
-	"--text": "#1f2328",
-	"--muted": "#57606a",
-	"--dim": "#6e7781",
-	"--accent": "#8250df",
-	"--success": "#1a7f37",
-	"--error": "#cf222e",
-	"--warning": "#9a6700",
-	"--mdHeading": "#9a6700",
-	"--mdLink": "#0969da",
-	"--mdLinkUrl": "#57606a",
-	"--mdCode": "#8250df",
-	"--mdCodeBlock": "#1a7f37",
-	"--mdCodeBlockBorder": "#6e7781",
-	"--mdQuote": "#57606a",
-	"--mdQuoteBorder": "#6e7781",
-	"--mdHr": "#8c959f",
-	"--mdListBullet": "#8250df",
-	"--mdBold": "inherit",
-	"--mdItalic": "inherit",
+  "--color-scheme": "light",
+  "--bg": "#f6f8fa",
+  "--panel": "#ffffff",
+  "--panel-hover": "#f3f4f6",
+  "--inset": "#f6f8fa",
+  "--border": "#d0d7de",
+  "--border-muted": "#afb8c1",
+  "--text": "#1f2328",
+  "--muted": "#57606a",
+  "--dim": "#6e7781",
+  "--accent": "#8250df",
+  "--success": "#1a7f37",
+  "--error": "#cf222e",
+  "--warning": "#9a6700",
+  "--mdHeading": "#9a6700",
+  "--mdLink": "#0969da",
+  "--mdLinkUrl": "#57606a",
+  "--mdCode": "#8250df",
+  "--mdCodeBlock": "#1a7f37",
+  "--mdCodeBlockBorder": "#6e7781",
+  "--mdQuote": "#57606a",
+  "--mdQuoteBorder": "#6e7781",
+  "--mdHr": "#8c959f",
+  "--mdListBullet": "#8250df",
+  "--mdBold": "inherit",
+  "--mdItalic": "inherit",
 };
 
 const BASIC_ANSI_COLORS: Readonly<Record<number, string>> = {
-	0: "#000000",
-	1: "#800000",
-	2: "#008000",
-	3: "#808000",
-	4: "#000080",
-	5: "#800080",
-	6: "#008080",
-	7: "#c0c0c0",
-	8: "#808080",
-	9: "#ff0000",
-	10: "#00ff00",
-	11: "#ffff00",
-	12: "#0000ff",
-	13: "#ff00ff",
-	14: "#00ffff",
-	15: "#ffffff",
+  0: "#000000",
+  1: "#800000",
+  2: "#008000",
+  3: "#808000",
+  4: "#000080",
+  5: "#800080",
+  6: "#008080",
+  7: "#c0c0c0",
+  8: "#808080",
+  9: "#ff0000",
+  10: "#00ff00",
+  11: "#ffff00",
+  12: "#0000ff",
+  13: "#ff00ff",
+  14: "#00ffff",
+  15: "#ffffff",
 };
 
 const CUBE_LEVELS = [0, 95, 135, 175, 215, 255] as const;
 const SENTINEL = "X";
 
 const FOREGROUND_THEME_VARS: ReadonlyArray<{ token: ThemeColor; cssVar: string }> = [
-	{ token: "text", cssVar: "--text" },
-	{ token: "muted", cssVar: "--muted" },
-	{ token: "dim", cssVar: "--dim" },
-	{ token: "accent", cssVar: "--accent" },
-	{ token: "success", cssVar: "--success" },
-	{ token: "error", cssVar: "--error" },
-	{ token: "warning", cssVar: "--warning" },
-	{ token: "mdHeading", cssVar: "--mdHeading" },
-	{ token: "mdLink", cssVar: "--mdLink" },
-	{ token: "mdLinkUrl", cssVar: "--mdLinkUrl" },
-	{ token: "mdCode", cssVar: "--mdCode" },
-	{ token: "mdCodeBlock", cssVar: "--mdCodeBlock" },
-	{ token: "mdCodeBlockBorder", cssVar: "--mdCodeBlockBorder" },
-	{ token: "mdQuote", cssVar: "--mdQuote" },
-	{ token: "mdQuoteBorder", cssVar: "--mdQuoteBorder" },
-	{ token: "mdHr", cssVar: "--mdHr" },
-	{ token: "mdListBullet", cssVar: "--mdListBullet" },
-	{ token: "border", cssVar: "--border" },
-	{ token: "borderMuted", cssVar: "--border-muted" },
+  { token: "text", cssVar: "--text" },
+  { token: "muted", cssVar: "--muted" },
+  { token: "dim", cssVar: "--dim" },
+  { token: "accent", cssVar: "--accent" },
+  { token: "success", cssVar: "--success" },
+  { token: "error", cssVar: "--error" },
+  { token: "warning", cssVar: "--warning" },
+  { token: "mdHeading", cssVar: "--mdHeading" },
+  { token: "mdLink", cssVar: "--mdLink" },
+  { token: "mdLinkUrl", cssVar: "--mdLinkUrl" },
+  { token: "mdCode", cssVar: "--mdCode" },
+  { token: "mdCodeBlock", cssVar: "--mdCodeBlock" },
+  { token: "mdCodeBlockBorder", cssVar: "--mdCodeBlockBorder" },
+  { token: "mdQuote", cssVar: "--mdQuote" },
+  { token: "mdQuoteBorder", cssVar: "--mdQuoteBorder" },
+  { token: "mdHr", cssVar: "--mdHr" },
+  { token: "mdListBullet", cssVar: "--mdListBullet" },
+  { token: "border", cssVar: "--border" },
+  { token: "borderMuted", cssVar: "--border-muted" },
 ];
 
 const BACKGROUND_THEME_VARS: ReadonlyArray<{ token: ThemeBg; cssVar: string }> = [
-	{ token: "customMessageBg", cssVar: "--panel" },
-	{ token: "selectedBg", cssVar: "--panel-hover" },
-	{ token: "toolPendingBg", cssVar: "--inset" },
+  { token: "customMessageBg", cssVar: "--panel" },
+  { token: "selectedBg", cssVar: "--panel-hover" },
+  { token: "toolPendingBg", cssVar: "--inset" },
 ];
 
 function toHex(value: number): string {
-	const clamped = Math.min(255, Math.max(0, Math.round(value)));
-	return clamped.toString(16).padStart(2, "0");
+  const clamped = Math.min(255, Math.max(0, Math.round(value)));
+  return clamped.toString(16).padStart(2, "0");
 }
 
 function xterm256ToHex(index: number): string | null {
-	if (!Number.isInteger(index) || index < 0 || index > 255) return null;
-	if (index < 16) return BASIC_ANSI_COLORS[index] ?? null;
-	if (index >= 232) {
-		const value = 8 + (index - 232) * 10;
-		const hex = toHex(value);
-		return `#${hex}${hex}${hex}`;
-	}
-	const cubeIndex = index - 16;
-	const blue = cubeIndex % 6;
-	const green = Math.floor(cubeIndex / 6) % 6;
-	const red = Math.floor(cubeIndex / 36) % 6;
-	return `#${toHex(CUBE_LEVELS[red])}${toHex(CUBE_LEVELS[green])}${toHex(CUBE_LEVELS[blue])}`;
+  if (!Number.isInteger(index) || index < 0 || index > 255) return null;
+  if (index < 16) return BASIC_ANSI_COLORS[index] ?? null;
+  if (index >= 232) {
+    const value = 8 + (index - 232) * 10;
+    const hex = toHex(value);
+    return `#${hex}${hex}${hex}`;
+  }
+  const cubeIndex = index - 16;
+  const blue = cubeIndex % 6;
+  const green = Math.floor(cubeIndex / 6) % 6;
+  const red = Math.floor(cubeIndex / 36) % 6;
+  return `#${toHex(CUBE_LEVELS[red])}${toHex(CUBE_LEVELS[green])}${toHex(CUBE_LEVELS[blue])}`;
 }
 
 function colorValueToHex(value: unknown): string | null {
-	if (typeof value !== "object" || value == null) return null;
-	const color = value as { kind?: unknown; r?: unknown; g?: unknown; b?: unknown; index?: unknown };
-	if (color.kind === "rgb") {
-		const channels = [color.r, color.g, color.b];
-		if (!channels.every((channel) => typeof channel === "number" && Number.isFinite(channel) && channel >= 0 && channel <= 255)) {
-			return null;
-		}
-		return `#${toHex(color.r as number)}${toHex(color.g as number)}${toHex(color.b as number)}`;
-	}
-	if (color.kind === "indexed" && typeof color.index === "number") {
-		return xterm256ToHex(color.index);
-	}
-	// OKLCH values are intentionally handled through theme.fg/theme.bg below.
-	// Those public helpers account for Pi's configured terminal color mode.
-	return null;
+  if (typeof value !== "object" || value == null) return null;
+  const color = value as { kind?: unknown; r?: unknown; g?: unknown; b?: unknown; index?: unknown };
+  if (color.kind === "rgb") {
+    const channels = [color.r, color.g, color.b];
+    if (
+      !channels.every(
+        (channel) =>
+          typeof channel === "number" && Number.isFinite(channel) && channel >= 0 && channel <= 255,
+      )
+    ) {
+      return null;
+    }
+    return `#${toHex(color.r as number)}${toHex(color.g as number)}${toHex(color.b as number)}`;
+  }
+  if (color.kind === "indexed" && typeof color.index === "number") {
+    return xterm256ToHex(color.index);
+  }
+  // OKLCH values are intentionally handled through theme.fg/theme.bg below.
+  // Those public helpers account for Pi's configured terminal color mode.
+  return null;
 }
 
 function ansiColorToHex(value: unknown, background: boolean): string | null {
-	if (typeof value !== "string") return null;
-	const match = new RegExp(`^\\u001b\\[([0-9;]+)m`).exec(value);
-	if (!match) return null;
-	const params = match[1].split(";").map(Number);
-	const [mode, kind, first, second, third] = params;
-	const expectedMode = background ? 48 : 38;
-	if (mode !== expectedMode) {
-		if (!background && ((mode >= 30 && mode <= 37) || (mode >= 90 && mode <= 97))) {
-			return xterm256ToHex(mode >= 90 ? mode - 82 : mode - 30);
-		}
-		if (background && ((mode >= 40 && mode <= 47) || (mode >= 100 && mode <= 107))) {
-			return xterm256ToHex(mode >= 100 ? mode - 92 : mode - 40);
-		}
-		return null;
-	}
-	if (kind === 2 && params.length >= 5) {
-		const channels = [first, second, third];
-		if (!channels.every((channel) => Number.isInteger(channel) && channel >= 0 && channel <= 255)) return null;
-		return `#${toHex(first)}${toHex(second)}${toHex(third)}`;
-	}
-	if (kind === 5 && params.length >= 3) return xterm256ToHex(first);
-	return null;
+  if (typeof value !== "string") return null;
+  const match = new RegExp(`^\\u001b\\[([0-9;]+)m`).exec(value);
+  if (!match) return null;
+  const params = match[1].split(";").map(Number);
+  const [mode, kind, first, second, third] = params;
+  const expectedMode = background ? 48 : 38;
+  if (mode !== expectedMode) {
+    if (!background && ((mode >= 30 && mode <= 37) || (mode >= 90 && mode <= 97))) {
+      return xterm256ToHex(mode >= 90 ? mode - 82 : mode - 30);
+    }
+    if (background && ((mode >= 40 && mode <= 47) || (mode >= 100 && mode <= 107))) {
+      return xterm256ToHex(mode >= 100 ? mode - 92 : mode - 40);
+    }
+    return null;
+  }
+  if (kind === 2 && params.length >= 5) {
+    const channels = [first, second, third];
+    if (!channels.every((channel) => Number.isInteger(channel) && channel >= 0 && channel <= 255))
+      return null;
+    return `#${toHex(first)}${toHex(second)}${toHex(third)}`;
+  }
+  if (kind === 5 && params.length >= 3) return xterm256ToHex(first);
+  return null;
 }
 
-function readThemeColor(theme: AnnotateTheme, token: ThemeColor | ThemeBg, background: boolean): string | null {
-	let colors: Readonly<Record<string, unknown>> | undefined;
-	try {
-		colors = theme.colors as Readonly<Record<string, unknown>>;
-	} catch {
-		colors = undefined;
-	}
-
-	let colorValue: unknown;
-	try {
-		colorValue = colors?.[token];
-	} catch {
-		colorValue = undefined;
-	}
-	const fromColors = colorValueToHex(colorValue);
-	if (fromColors != null) return fromColors;
-
-	try {
-		const styled = background
-			? theme.bg(token as ThemeBg, SENTINEL)
-			: theme.fg(token as ThemeColor, SENTINEL);
-		return ansiColorToHex(styled, background);
-	} catch {
-		return null;
-	}
+function readThemeColor(
+  theme: AnnotateTheme,
+  token: ThemeColor | ThemeBg,
+  background: boolean,
+): string | null {
+  let colors: Readonly<Record<string, unknown>> | undefined;
+  try {
+    colors = theme.colors as Readonly<Record<string, unknown>>;
+  } catch {
+    colors = undefined;
+  }
+
+  let colorValue: unknown;
+  try {
+    colorValue = colors?.[token];
+  } catch {
+    colorValue = undefined;
+  }
+  const fromColors = colorValueToHex(colorValue);
+  if (fromColors != null) return fromColors;
+
+  try {
+    const styled = background
+      ? theme.bg(token as ThemeBg, SENTINEL)
+      : theme.fg(token as ThemeColor, SENTINEL);
+    return ansiColorToHex(styled, background);
+  } catch {
+    return null;
+  }
 }
 
 function readAppearance(theme: AnnotateTheme | null | undefined): "dark" | "light" {
-	try {
-		return theme?.appearance === "light" ? "light" : "dark";
-	} catch {
-		return "dark";
-	}
+  try {
+    return theme?.appearance === "light" ? "light" : "dark";
+  } catch {
+    return "dark";
+  }
 }
 
 /**
@@ -224,24 +230,24 @@ function readAppearance(theme: AnnotateTheme | null | undefined): "dark" | "ligh
  * native annotation window unreadable or prevent it from opening.
  */
 export function getThemeCssVars(theme?: AnnotateTheme | null): Record<string, string> {
-	const vars: Record<string, string> = {
-		...(readAppearance(theme) === "light" ? LIGHT_FALLBACK : DARK_FALLBACK),
-	};
-	if (theme == null) return vars;
-
-	for (const { token, cssVar } of FOREGROUND_THEME_VARS) {
-		const color = readThemeColor(theme, token, false);
-		if (color != null) vars[cssVar] = color;
-	}
-	for (const { token, cssVar } of BACKGROUND_THEME_VARS) {
-		const color = readThemeColor(theme, token, true);
-		if (color != null) vars[cssVar] = color;
-	}
-	return vars;
+  const vars: Record<string, string> = {
+    ...(readAppearance(theme) === "light" ? LIGHT_FALLBACK : DARK_FALLBACK),
+  };
+  if (theme == null) return vars;
+
+  for (const { token, cssVar } of FOREGROUND_THEME_VARS) {
+    const color = readThemeColor(theme, token, false);
+    if (color != null) vars[cssVar] = color;
+  }
+  for (const { token, cssVar } of BACKGROUND_THEME_VARS) {
+    const color = readThemeColor(theme, token, true);
+    if (color != null) vars[cssVar] = color;
+  }
+  return vars;
 }
 
 export const __testing = {
-	ansiColorToHex,
-	colorValueToHex,
-	xterm256ToHex,
+  ansiColorToHex,
+  colorValueToHex,
+  xterm256ToHex,
 };

package/extensions/annotate-last-message/types.ts

@@ -1,46 +1,46 @@
 export interface LastAssistantMessageLine {
-	number: number;
-	text: string;
+  number: number;
+  text: string;
 }
 
 export interface LastAssistantMessageSection {
-	id: string;
-	index: number;
-	startLine: number;
-	endLine: number;
-	preview: string;
-	text: string;
+  id: string;
+  index: number;
+  startLine: number;
+  endLine: number;
+  preview: string;
 }
 
 export interface LastAssistantMessageData {
-	text: string;
-	lines: LastAssistantMessageLine[];
-	sections: LastAssistantMessageSection[];
+  lines: LastAssistantMessageLine[];
+  sections: LastAssistantMessageSection[];
 }
 
 export type LastAssistantMessageLookupResult =
-	| { ok: true; data: LastAssistantMessageData }
-	| { ok: false; code: "missing" | "incomplete" | "empty"; message: string };
+  | { ok: true; data: LastAssistantMessageData }
+  | { ok: false; code: "missing" | "incomplete" | "empty"; message: string };
 
 export interface AnnotateLastMessageInlineComment {
-	line: number;
-	body: string;
+  line: number;
+  body: string;
 }
 
 export interface AnnotateLastMessageSectionComment {
-	sectionId: string;
-	body: string;
+  sectionId: string;
+  body: string;
 }
 
 export interface AnnotateLastMessageSubmitPayload {
-	type: "submit";
-	overallComment: string;
-	inlineComments: AnnotateLastMessageInlineComment[];
-	sectionComments: AnnotateLastMessageSectionComment[];
+  type: "submit";
+  overallComment: string;
+  inlineComments: AnnotateLastMessageInlineComment[];
+  sectionComments: AnnotateLastMessageSectionComment[];
 }
 
 export interface AnnotateLastMessageCancelPayload {
-	type: "cancel";
+  type: "cancel";
 }
 
-export type AnnotateLastMessageWindowMessage = AnnotateLastMessageSubmitPayload | AnnotateLastMessageCancelPayload;
+export type AnnotateLastMessageWindowMessage =
+  | AnnotateLastMessageSubmitPayload
+  | AnnotateLastMessageCancelPayload;

package/extensions/annotate-last-message/ui.ts

@@ -10,40 +10,42 @@ const __dirname = dirname(fileURLToPath(import.meta.url));
 const webDir = join(__dirname, "web");
 
 function escapeForInlineScript(value: string): string {
-	return value.replace(/</g, "\\u003c").replace(/>/g, "\\u003e").replace(/&/g, "\\u0026");
+  return value.replace(/</g, "\\u003c").replace(/>/g, "\\u003e").replace(/&/g, "\\u0026");
 }
 
 function escapeInlineScriptSource(value: string): string {
-	return value.replace(/<\/(script)/gi, "<\\/$1");
+  return value.replace(/<\/(script)/gi, "<\\/$1");
 }
 
 function buildThemeCssBlock(vars: Record<string, string>): string {
-	const declarations = Object.entries(vars)
-		.map(([key, value]) => `  ${key}: ${value};`)
-		.join("\n");
-	return `:root {\n${declarations}\n}`;
+  const declarations = Object.entries(vars)
+    .map(([key, value]) => `  ${key}: ${value};`)
+    .join("\n");
+  return `:root {\n${declarations}\n}`;
 }
 
 export function buildAnnotateLastMessageHtml(
-	data: LastAssistantMessageData,
-	theme?: AnnotateTheme,
+  data: LastAssistantMessageData,
+  theme?: AnnotateTheme,
 ): string {
-	const templateHtml = readFileSync(join(webDir, "index.html"), "utf8");
-	const mdRendererJs = escapeInlineScriptSource(readFileSync(join(webDir, "md-renderer.js"), "utf8"));
-	const appJs = escapeInlineScriptSource(readFileSync(join(webDir, "app.js"), "utf8"));
-	const payload = escapeForInlineScript(JSON.stringify(data));
-	const themeBlock = buildThemeCssBlock(getThemeCssVars(theme));
-	const replacements = new Map([
-		['"__INLINE_DATA__"', payload],
-		["__INLINE_MD_RENDERER_JS__", mdRendererJs],
-		["__INLINE_JS__", appJs],
-		["__INLINE_THEME__", themeBlock],
-	]);
+  const templateHtml = readFileSync(join(webDir, "index.html"), "utf8");
+  const mdRendererJs = escapeInlineScriptSource(
+    readFileSync(join(webDir, "md-renderer.js"), "utf8"),
+  );
+  const appJs = escapeInlineScriptSource(readFileSync(join(webDir, "app.js"), "utf8"));
+  const payload = escapeForInlineScript(JSON.stringify(data));
+  const themeBlock = buildThemeCssBlock(getThemeCssVars(theme));
+  const replacements = new Map([
+    ['"__INLINE_DATA__"', payload],
+    ["__INLINE_MD_RENDERER_JS__", mdRendererJs],
+    ["__INLINE_JS__", appJs],
+    ["__INLINE_THEME__", themeBlock],
+  ]);
 
-	// Replace the original template in one pass so marker-like message data,
-	// theme values, or runtime source is never scanned as another placeholder.
-	return templateHtml.replace(
-		/"__INLINE_DATA__"|__INLINE_MD_RENDERER_JS__|__INLINE_JS__|__INLINE_THEME__/g,
-		(marker) => replacements.get(marker) ?? marker,
-	);
+  // Replace the original template in one pass so marker-like message data,
+  // theme values, or runtime source is never scanned as another placeholder.
+  return templateHtml.replace(
+    /"__INLINE_DATA__"|__INLINE_MD_RENDERER_JS__|__INLINE_JS__|__INLINE_THEME__/g,
+    (marker) => replacements.get(marker) ?? marker,
+  );
 }

package/extensions/annotate-last-message/web/app.js

@@ -305,9 +305,6 @@ function createSectionCard(section) {
   meta.textContent = lineRange;
   card.append(meta);
 
-  // Render the exact source lines in this section. Do not parse section.text
-  // independently: its opening fence may be in an earlier section separated
-  // by a blank line.
   const preview = document.createElement("div");
   preview.className = "section-preview markdown-content";
 
@@ -316,9 +313,7 @@ function createSectionCard(section) {
   const sourceLines =
     startIndex >= 0 && endIndex >= startIndex && endIndex <= messageData.lines.length
       ? messageData.lines.slice(startIndex, endIndex).map((line) => line.text)
-      : typeof section.text === "string"
-        ? section.text.split("\n")
-        : [];
+      : [];
   for (let idx = 0; idx < sourceLines.length; idx++) {
     const lineDiv = document.createElement("div");
     const sourceIndex = startIndex >= 0 ? startIndex + idx : -1;
@@ -342,7 +337,9 @@ function createSectionCard(section) {
 function renderMessageLines() {
   elements.messageLines.replaceChildren();
   for (let i = 0; i < messageData.lines.length; i++) {
-    elements.messageLines.append(createLineRow(messageData.lines[i], fullMessageFenceState[i].lineType));
+    elements.messageLines.append(
+      createLineRow(messageData.lines[i], fullMessageFenceState[i].lineType),
+    );
   }
 }
 

package/extensions/annotate-last-message/web/index.html

@@ -10,8 +10,8 @@
    * overrides semantic and Markdown colours from ctx.ui.theme. When Pi's theme
    * cannot provide a token, the matching dark/light fallback remains readable.
    *
-   * The --md* fallback values below are kept in sync with the FALLBACK
-   * object in theme.ts so this template renders correctly when the injected
+   * The --md* fallback values below are kept in sync with DARK_FALLBACK
+   * in theme.ts so this template renders correctly when the injected
    * theme block is absent (e.g. opened standalone in a browser for debugging).
    */
   :root {
@@ -31,7 +31,7 @@
     --error: #ffb3b3;
     --warning: #f4c95d;
 
-    /* Markdown token colours — kept in sync with FALLBACK in theme.ts */
+    /* Markdown token colours — kept in sync with DARK_FALLBACK in theme.ts */
     --mdHeading: #f4c95d;
     --mdLink: #7dd3fc;
     --mdLinkUrl: #8a8a8a;

package/extensions/annotate-last-message/web/md-renderer.js

@@ -1,7 +1,7 @@
 /* global globalThis */
 
 /**
- * TLH annotate-last-message: pure markdown line parser.
+ * annotate-last-message: pure markdown line parser.
  *
  * Single source of truth for the parsing logic.  ui.ts reads this file and
  * inlines it as a dedicated script before app.js, so globalThis.__tlhMdRenderer

package/extensions/brrr/README.md

@@ -83,4 +83,4 @@ Example:
 
 - Hooks the `agent_settled` event so automatic retries, compaction retries, and queued follow-ups do not trigger intermediate notifications.
 - The extension sends directly to the brrr webhook; it does not require the `brrr` CLI at runtime.
-- By default, notifications are skipped unless the Mac has been idle for at least 20 seconds.
+- Idle skip is macOS-only. By default, notifications are skipped unless the Mac has been idle for at least 20 seconds. Non-macOS always notifies.