@deepseek-ai/dsh-client-ui-primitives 0.1.5-alpha.1 → 0.1.5-alpha.2

package/lib/index.js

@@ -15,20 +15,21 @@ import css$9 from "./Modal.module.css";
 import css$10 from "./OnboardingSurface.module.css";
 import css$11 from "./RiskConfirmation.module.css";
 import css$12 from "./ConnectionIndicator.module.css";
-import css$13 from "./user-text.module.css";
-import css$14 from "./Tooltip.module.css";
-import css$15 from "./Toast.module.css";
-import css$16 from "./JsonTree.module.css";
+import css$13 from "./FileTypeIcon.module.css";
+import css$14 from "./user-text.module.css";
+import css$15 from "./Tooltip.module.css";
+import css$16 from "./Toast.module.css";
+import css$17 from "./JsonTree.module.css";
 import Anser from "anser";
-import css$17 from "./TerminalBlock.module.css";
+import css$18 from "./TerminalBlock.module.css";
 import { createCssVariablesTheme, createHighlighterCoreSync } from "shiki/core";
 import { createJavaScriptRegexEngine, defaultJavaScriptRegexConstructor } from "shiki/engine/javascript";
 import langTs from "@shikijs/langs/typescript";
 import langBash from "@shikijs/langs/shellscript";
 import langJson from "@shikijs/langs/json";
-import css$18 from "./ReadBlock.module.css";
-import css$19 from "./DiffBlock.module.css";
-import css$20 from "./SearchBlock.module.css";
+import css$19 from "./ReadBlock.module.css";
+import css$20 from "./DiffBlock.module.css";
+import css$21 from "./SearchBlock.module.css";
 import { fromMarkdown } from "mdast-util-from-markdown";
 import { gfmFromMarkdown } from "mdast-util-gfm";
 import { mathFromMarkdown } from "mdast-util-math";
@@ -40,12 +41,12 @@ import { classifyCharacter } from "micromark-util-classify-character";
 import { codes, constants, types } from "micromark-util-symbol";
 import { factorySpace } from "micromark-factory-space";
 import { normalizeUri } from "micromark-util-sanitize-uri";
-import css$21 from "./markdown/CodeBlock.module.css";
+import css$22 from "./markdown/CodeBlock.module.css";
 import katex from "katex";
-import css$22 from "./markdown/MarkdownText.module.css";
+import css$23 from "./markdown/MarkdownText.module.css";
 import "katex/dist/katex.min.css";
-import css$23 from "./WebBlock.module.css";
-import css$24 from "./markdown/JsonBlock.module.css";
+import css$24 from "./WebBlock.module.css";
+import css$25 from "./markdown/JsonBlock.module.css";
 //#region lib/types/StateDot.js
 /** Outer 3x3 matrix cells (2px pixels on a 10px grid), clockwise from top-left. */
 const MATRIX_CELLS = [
@@ -390,7 +391,8 @@ const IconCopyOutline16 = ({ size = 16, className }) => jsx("svg", {
 		fill: "currentColor"
 	})
 });
-/** ic_ds_refresh_outline_16 */
+/** ic_ds_refresh_outline_16, inset 10%: the exported glyph fills its box edge
+* to edge, one visual size above the neighbouring 16px glyphs. */
 const IconRefreshOutline16 = ({ size = 16, className }) => jsx("svg", {
 	width: size,
 	height: size,
@@ -399,6 +401,7 @@ const IconRefreshOutline16 = ({ size = 16, className }) => jsx("svg", {
 	fill: "none",
 	xmlns: "http://www.w3.org/2000/svg",
 	children: jsx("path", {
+		transform: "translate(0.8 0.8) scale(0.9)",
 		d: "M7.92136 0.349152C10.3744 0.349234 12.5564 1.5052 13.9557 3.29894L15.1281 2.12759C15.3303 1.92546 15.6767 2.06943 15.6767 2.35538V5.53923C15.6766 5.71626 15.5329 5.85976 15.3559 5.86002H12.171C11.8854 5.8597 11.7426 5.51465 11.9443 5.31249L12.9641 4.29056C11.8237 2.74305 9.98908 1.74106 7.92136 1.74097C4.46436 1.74097 1.66233 4.543 1.66233 8C1.66233 11.457 4.46436 14.259 7.92136 14.259C11.3782 14.2589 14.1804 11.4569 14.1804 8H15.5722C15.5722 12.2251 12.1465 15.6507 7.92136 15.6508C3.69614 15.6508 0.270508 12.2252 0.270508 8C0.270508 3.77478 3.69614 0.349152 7.92136 0.349152Z",
 		fill: "currentColor"
 	})
@@ -701,7 +704,7 @@ const IconRightUpOutline16 = ({ size = 16, className }) => jsx("svg", {
 	fill: "none",
 	xmlns: "http://www.w3.org/2000/svg",
 	children: jsx("path", {
-		d: "M13.588429 5.147807C13.588429 4.739638 13.587271 4.403003 13.582013 4.118684L1.703098 15.99968L0.85155 15.148178L0 14.294485L11.878915 2.413442C11.594721 2.408199 11.257569 2.409154 10.849776 2.409154H2.400594V0.000001H10.849776C11.644471 0.000001 12.338899 -0.001059 12.901622 0.059909C13.486363 0.123352 14.071136 0.265493 14.598303 0.648292C14.886598 0.857751 15.141981 1.110984 15.351433 1.399281C15.734578 1.926807 15.876362 2.512925 15.939743 3.098105C16.000775 3.660718 15.99968 4.353347 15.99968 5.147807V13.599133H13.588429V5.147807Z",
+		d: "M11.3822 6.28945C11.3822 6.02863 11.3815 5.81352 11.3781 5.63184L3.7875 13.2238L3.24336 12.6797L2.69922 12.1342L10.2898 4.54219C10.1083 4.53884 9.89281 4.53945 9.63223 4.53945H4.2332V3H9.63223C10.14 3 10.5838 2.99932 10.9434 3.03828C11.317 3.07882 11.6907 3.16965 12.0275 3.41426C12.2118 3.5481 12.3749 3.70992 12.5088 3.89414C12.7536 4.23123 12.8443 4.60576 12.8848 4.97969C12.9237 5.3392 12.923 5.78179 12.923 6.28945V11.6898H11.3822V6.28945Z",
 		fill: "currentColor"
 	})
 });
@@ -1699,13 +1702,16 @@ const MEASURE_STYLE = {
 };
 /**
 * Render an anchored dropdown menu.
+* @param props.autoFocus - focus the first item on open and enable arrow-key navigation; Escape focuses the anchor's first button.
 * @param props.open - whether the list is showing (owner-controlled).
 * @param props.anchor - the trigger element (rendered in place).
 * @param props.items - selectable rows and optional separators.
 * @param props.selectedId - row shown as selected.
 * @param props.selectedIds - rows shown as selected when a menu contains independent option groups.
 * @param props.onSelect - row click callback (not called for disabled rows or submenu parents that only open children).
-* @param props.onClose - invoked on outside click or Escape.
+* @param props.onClose - invoked on outside click, Escape, or a window blur
+* that moved focus into an iframe (the only signal a pointerdown inside a
+* cross-origin iframe leaves).
 * @param props.align - list alignment against the anchor (default 'start').
 * @param props.side - open below (`bottom`, default) or above (`top`) the anchor.
 * @param props.portal - render the list into document.body, fixed-positioned
@@ -1732,7 +1738,7 @@ const MEASURE_STYLE = {
 * crowds the cell).
 * @returns anchor wrapper with the conditional list.
 */
-function Menu({ open, anchor, items, selectedId, selectedIds, onSelect, onClose, align = "start", side = "bottom", portal = false, closeOnPointerLeave = false, dense = false, compact = false, selection = "check", getAnchorRect, footer, className }) {
+function Menu({ open, anchor, items, selectedId, selectedIds, onSelect, onClose, align = "start", side = "bottom", portal = false, closeOnPointerLeave = false, dense = false, compact = false, autoFocus = false, selection = "check", getAnchorRect, footer, className }) {
 	const rootRef = useRef(null);
 	const listRef = useRef(null);
 	const [openSubmenuId, setOpenSubmenuId] = useState(null);
@@ -1789,6 +1795,9 @@ function Menu({ open, anchor, items, selectedId, selectedIds, onSelect, onClose,
 		side,
 		getAnchorRect
 	]);
+	useEffect(() => {
+		if (open && autoFocus) listRef.current?.querySelector("button:not(:disabled)")?.focus();
+	}, [open, autoFocus]);
 	useEffect(() => {
 		if (!open) {
 			setOpenSubmenuId(null);
@@ -1801,15 +1810,38 @@ function Menu({ open, anchor, items, selectedId, selectedIds, onSelect, onClose,
 			onClose();
 		};
 		const onKeyDown = (e) => {
-			if (e.key === "Escape") onClose();
+			if (e.key === "Escape") {
+				onClose();
+				if (autoFocus) rootRef.current?.querySelector("button")?.focus();
+			}
+			if (!autoFocus || ![
+				"ArrowDown",
+				"ArrowUp",
+				"Home",
+				"End"
+			].includes(e.key)) return;
+			const buttons = Array.from(listRef.current?.querySelectorAll("button:not(:disabled)") ?? []);
+			const index = buttons.indexOf(document.activeElement);
+			if (index < 0) return;
+			e.preventDefault();
+			buttons[e.key === "Home" ? 0 : e.key === "End" ? buttons.length - 1 : (index + (e.key === "ArrowDown" ? 1 : -1) + buttons.length) % buttons.length]?.focus();
+		};
+		const onWindowBlur = () => {
+			if (document.activeElement instanceof HTMLIFrameElement) onClose();
 		};
 		document.addEventListener("pointerdown", onPointerDown);
 		document.addEventListener("keydown", onKeyDown);
+		window.addEventListener("blur", onWindowBlur);
 		return () => {
 			document.removeEventListener("pointerdown", onPointerDown);
 			document.removeEventListener("keydown", onKeyDown);
+			window.removeEventListener("blur", onWindowBlur);
 		};
-	}, [open, onClose]);
+	}, [
+		open,
+		onClose,
+		autoFocus
+	]);
 	useEffect(() => {
 		if (!open) cancelClose();
 	}, [open, cancelClose]);
@@ -2696,9 +2728,1331 @@ function ReferenceIcon({ kind, size = 16, className }) {
 	}
 }
 //#endregion
-//#region lib/types/LinkIcon.js
-/** Code, web, and data extensions: all three categories share the code glyph. */
-const CODE_EXTENSIONS = new Set([
+//#region lib/types/CodeFileIcon.js
+/** Non-localizable letterforms that are part of the source-format artwork. */
+const CODE_MARKS = {
+	c: "C",
+	cpp: "C",
+	csharp: "C",
+	css: "CSS",
+	env: "ENV",
+	erlang: "E",
+	ini: "INI",
+	javascript: "JS",
+	objectiveC: "OC",
+	perl: "PL",
+	php: "PHP",
+	r: "R",
+	toml: "TOML",
+	typescript: "TS",
+	yaml: "YAML",
+	zig: "ZIG"
+};
+/**
+* Render one full-color square code-file glyph from the embedded icon set.
+* @param props - Detailed code type, optional size, and optional CSS class.
+* @returns The selected decorative SVG with its identifying palette intact.
+*/
+function CodeFileIcon({ type, size = 20, className }) {
+	return jsx("svg", {
+		width: size,
+		height: size,
+		className,
+		viewBox: "0 0 20 20",
+		xmlns: "http://www.w3.org/2000/svg",
+		"aria-hidden": true,
+		children: codeFileArtwork(type, useId())
+	});
+}
+function codeFileArtwork(type, gradientId) {
+	switch (type) {
+		case "angular": return jsxs(Fragment, { children: [
+			jsx("rect", {
+				x: "1",
+				y: "1",
+				width: "18",
+				height: "18",
+				rx: "4",
+				fill: "#DD0031"
+			}),
+			jsx("path", {
+				fill: "none",
+				stroke: "#fff",
+				strokeWidth: "1.4",
+				strokeLinejoin: "round",
+				d: "m10 3.4 6 2-1 8-5 3-5-3-1-8z"
+			}),
+			jsx("path", {
+				fill: "#fff",
+				d: "m10 5.3-3.7 8.2h1.9l.7-1.8h2.2l.7 1.8h1.9zm0 3.4.5 1.4h-1z"
+			})
+		] });
+		case "c": return jsxs(Fragment, { children: [
+			jsx("rect", {
+				x: "1",
+				y: "1",
+				width: "18",
+				height: "18",
+				rx: "4",
+				fill: "#659AD2"
+			}),
+			jsx("path", {
+				fill: "none",
+				stroke: "#fff",
+				strokeWidth: "1.3",
+				strokeLinejoin: "round",
+				d: "m10 3.4 6 3.3v6.6l-6 3.3-6-3.3V6.7z"
+			}),
+			jsx("text", {
+				x: "10",
+				y: "13.5",
+				textAnchor: "middle",
+				fontFamily: "Arial,sans-serif",
+				fontSize: "9.5",
+				fontWeight: "800",
+				fill: "#fff",
+				children: CODE_MARKS.c
+			})
+		] });
+		case "clojure": return jsxs(Fragment, { children: [
+			jsx("rect", {
+				x: "1",
+				y: "1",
+				width: "18",
+				height: "18",
+				rx: "4",
+				fill: "#344D70"
+			}),
+			jsx("circle", {
+				cx: "10",
+				cy: "10",
+				r: "6.6",
+				fill: "#fff"
+			}),
+			jsx("path", {
+				fill: "#63B132",
+				d: "M9.5 3.5a6.5 6.5 0 0 0-4.7 10.8c1-2.6 2.5-4.3 4.3-5.3-1-1.5-.8-3.4.4-5.5z"
+			}),
+			jsx("path", {
+				fill: "#5881D8",
+				d: "M10.7 3.5c1.8 1.6 2.5 3.3 2 5.1 1.5 1.1 2.4 2.8 2.7 5.2a6.5 6.5 0 0 0-4.7-10.3z"
+			}),
+			jsx("path", {
+				fill: "#90B4FE",
+				d: "M12 9.8c-1.6.3-2.8 2.1-3.8 5.4a6.4 6.4 0 0 0 6.3-.7c-.2-2.1-1-3.7-2.5-4.7z"
+			})
+		] });
+		case "cmake": return jsxs(Fragment, { children: [
+			jsx("rect", {
+				x: "1",
+				y: "1",
+				width: "18",
+				height: "18",
+				rx: "4",
+				fill: "#263A55"
+			}),
+			jsx("path", {
+				fill: "#4D9DCC",
+				d: "M10 3 4 16h4.6z"
+			}),
+			jsx("path", {
+				fill: "#43A047",
+				d: "M10 3 8.6 16H16z"
+			}),
+			jsx("path", {
+				fill: "#E53935",
+				d: "m10 3 6 13-6-5z"
+			}),
+			jsx("path", {
+				fill: "#fff",
+				d: "m10 6 2.3 5.1-2.3-1.8-.8 2.9z"
+			})
+		] });
+		case "cpp": return jsxs(Fragment, { children: [
+			jsx("rect", {
+				x: "1",
+				y: "1",
+				width: "18",
+				height: "18",
+				rx: "4",
+				fill: "#00599C"
+			}),
+			jsx("path", {
+				fill: "none",
+				stroke: "#fff",
+				strokeWidth: "1.15",
+				strokeLinejoin: "round",
+				d: "m10 3.4 6 3.3v6.6l-6 3.3-6-3.3V6.7z"
+			}),
+			jsx("text", {
+				x: "7.8",
+				y: "13",
+				textAnchor: "middle",
+				fontFamily: "Arial,sans-serif",
+				fontSize: "8.2",
+				fontWeight: "800",
+				fill: "#fff",
+				children: CODE_MARKS.cpp
+			}),
+			jsx("path", {
+				stroke: "#fff",
+				strokeWidth: "1.1",
+				d: "M12 8.8v3.8m-1.9-1.9h3.8m2-1.9v3.8M14 10.7h3.8"
+			})
+		] });
+		case "csharp": return jsxs(Fragment, { children: [
+			jsx("rect", {
+				x: "1",
+				y: "1",
+				width: "18",
+				height: "18",
+				rx: "4",
+				fill: "#68217A"
+			}),
+			jsx("path", {
+				fill: "none",
+				stroke: "#fff",
+				strokeWidth: "1.15",
+				strokeLinejoin: "round",
+				d: "m10 3.4 6 3.3v6.6l-6 3.3-6-3.3V6.7z"
+			}),
+			jsx("text", {
+				x: "7.6",
+				y: "13",
+				textAnchor: "middle",
+				fontFamily: "Arial,sans-serif",
+				fontSize: "8.2",
+				fontWeight: "800",
+				fill: "#fff",
+				children: CODE_MARKS.csharp
+			}),
+			jsx("path", {
+				stroke: "#fff",
+				strokeWidth: ".95",
+				d: "M11.6 8.6h5m-5 3h5m-3.3-5v7m1.8-7v7"
+			})
+		] });
+		case "css": return jsxs(Fragment, { children: [jsx("rect", {
+			x: "1",
+			y: "1",
+			width: "18",
+			height: "18",
+			rx: "4",
+			fill: "#1572B6"
+		}), jsx("text", {
+			x: "10",
+			y: "12.8",
+			textAnchor: "middle",
+			fontFamily: "Arial,sans-serif",
+			fontSize: "6.2",
+			fontWeight: "900",
+			fill: "#fff",
+			children: CODE_MARKS.css
+		})] });
+		case "dart": return jsxs(Fragment, { children: [
+			jsx("rect", {
+				x: "1",
+				y: "1",
+				width: "18",
+				height: "18",
+				rx: "4",
+				fill: "#0175C2"
+			}),
+			jsx("path", {
+				fill: "#fff",
+				d: "M5 4h6.5l4.5 4.5-3.2 7.5H8.5L4 11.5z"
+			}),
+			jsx("path", {
+				fill: "#13B9FD",
+				d: "m5 4 4 5.5h7L11.5 4zm4 5.5 3.8 6.5H8.5z"
+			})
+		] });
+		case "docker": return jsxs(Fragment, { children: [
+			jsx("rect", {
+				x: "1",
+				y: "1",
+				width: "18",
+				height: "18",
+				rx: "4",
+				fill: "#2496ED"
+			}),
+			jsx("path", {
+				fill: "#fff",
+				d: "M3 10h11.7c.2-1.2.9-2 2-2.5.5 1 .4 2-.3 2.7.5.1 1 .1 1.5-.1-.7 3.9-3.6 5.9-8.2 5.9C6 16 3.4 14 3 10z"
+			}),
+			jsx("g", {
+				fill: "#2496ED",
+				children: jsx("path", { d: "M4.5 7h2v2h-2zm2.6 0h2v2h-2zm2.6 0h2v2h-2zM7.1 4.5h2v2h-2zm2.6 0h2v2h-2zm2.6 2.5h2v2h-2z" })
+			})
+		] });
+		case "elixir": return jsxs(Fragment, { children: [
+			jsx("defs", { children: jsxs("linearGradient", {
+				id: gradientId,
+				x1: "1",
+				y1: "19",
+				x2: "19",
+				y2: "1",
+				children: [jsx("stop", { stopColor: "#4B275F" }), jsx("stop", {
+					offset: "1",
+					stopColor: "#8E6AAF"
+				})]
+			}) }),
+			jsx("rect", {
+				x: "1",
+				y: "1",
+				width: "18",
+				height: "18",
+				rx: "4",
+				fill: `url(#${gradientId})`
+			}),
+			jsx("path", {
+				fill: "#fff",
+				d: "M10.7 3c.2 3.5-4.3 5.8-4.3 9.4 0 2.9 1.8 4.9 4.4 4.9 2.8 0 4.7-1.9 4.7-4.6 0-4.3-3.4-7-4.8-9.7z"
+			}),
+			jsx("path", {
+				fill: "#8E6AAF",
+				d: "M10.7 4.8c-.4 3.1-3 5.4-3 7.8 0 1.5.7 2.6 1.9 3-1-3.6 2.8-5.8 1.1-10.8z"
+			})
+		] });
+		case "env": return jsxs(Fragment, { children: [jsx("rect", {
+			x: "1",
+			y: "1",
+			width: "18",
+			height: "18",
+			rx: "4",
+			fill: "#ECD53F"
+		}), jsx("text", {
+			x: "10",
+			y: "13.2",
+			textAnchor: "middle",
+			fontFamily: "Arial,sans-serif",
+			fontSize: "6.8",
+			fontWeight: "900",
+			fill: "#24292F",
+			children: CODE_MARKS.env
+		})] });
+		case "erlang": return jsxs(Fragment, { children: [
+			jsx("rect", {
+				x: "1",
+				y: "1",
+				width: "18",
+				height: "18",
+				rx: "4",
+				fill: "#A90533"
+			}),
+			jsx("circle", {
+				cx: "10",
+				cy: "10",
+				r: "6.4",
+				fill: "none",
+				stroke: "#fff",
+				strokeWidth: "1"
+			}),
+			jsx("text", {
+				x: "10",
+				y: "13.8",
+				textAnchor: "middle",
+				fontFamily: "Georgia,serif",
+				fontSize: "10.5",
+				fontWeight: "700",
+				fill: "#fff",
+				children: CODE_MARKS.erlang
+			})
+		] });
+		case "flutter": return jsxs(Fragment, { children: [
+			jsx("rect", {
+				x: "1",
+				y: "1",
+				width: "18",
+				height: "18",
+				rx: "4",
+				fill: "#027DFD"
+			}),
+			jsx("path", {
+				fill: "#fff",
+				d: "m4 10 6-6h4L8 10zm4 0 2.5-2.5H14L11.5 10l2.5 2.5h-3.5z"
+			}),
+			jsx("path", {
+				fill: "#B9E6FF",
+				d: "m8 10 4.5 4.5-2 2L4 10z"
+			})
+		] });
+		case "git": return jsxs(Fragment, { children: [
+			jsx("rect", {
+				x: "1",
+				y: "1",
+				width: "18",
+				height: "18",
+				rx: "4",
+				fill: "#F05032"
+			}),
+			jsx("rect", {
+				x: "5",
+				y: "5",
+				width: "10",
+				height: "10",
+				rx: "1.4",
+				transform: "rotate(45 10 10)",
+				fill: "#fff"
+			}),
+			jsx("path", {
+				d: "m7.7 7.4 4.9 4.9M9.9 9.6v3.6",
+				fill: "none",
+				stroke: "#F05032",
+				strokeWidth: "1.15"
+			}),
+			jsx("circle", {
+				cx: "7.7",
+				cy: "7.4",
+				r: "1.1",
+				fill: "#F05032"
+			}),
+			jsx("circle", {
+				cx: "12.6",
+				cy: "12.3",
+				r: "1.1",
+				fill: "#F05032"
+			}),
+			jsx("circle", {
+				cx: "9.9",
+				cy: "13.2",
+				r: "1.1",
+				fill: "#F05032"
+			})
+		] });
+		case "go": return jsxs(Fragment, { children: [jsx("rect", {
+			x: "1",
+			y: "1",
+			width: "18",
+			height: "18",
+			rx: "4",
+			fill: "#00ADD8"
+		}), jsx("path", {
+			fill: "#fff",
+			d: "M3.5 8h6v1.6H5.2a2 2 0 0 0 0 .8h2.4v-.5H6.8V8.7h3.7c.3 3-1 4.4-3.6 4.4S3 11.7 3 9.7c0-.6.2-1.2.5-1.7Zm9.3 0h1.7c1.6 0 2.5 1 2.5 2.5s-.9 2.6-2.5 2.6h-1.7c-1.6 0-2.5-1-2.5-2.6S11.2 8 12.8 8Zm.3 1.6c-.7 0-1 .3-1 .9s.3 1 1 1h1.1c.7 0 1-.4 1-1s-.3-.9-1-.9z"
+		})] });
+		case "graphql": return jsxs(Fragment, { children: [
+			jsx("rect", {
+				x: "1",
+				y: "1",
+				width: "18",
+				height: "18",
+				rx: "4",
+				fill: "#E10098"
+			}),
+			jsx("path", {
+				d: "m10 4 5.2 3v6L10 16l-5.2-3V7zm-5 3.2h10M5 12.8h10M10 4l5 8.8M10 4l-5 8.8M10 16 5 7.2m5 8.8 5-8.8",
+				stroke: "#fff",
+				strokeWidth: ".8"
+			}),
+			jsxs("g", {
+				fill: "#fff",
+				children: [
+					jsx("circle", {
+						cx: "10",
+						cy: "4",
+						r: "1"
+					}),
+					jsx("circle", {
+						cx: "15.2",
+						cy: "7",
+						r: "1"
+					}),
+					jsx("circle", {
+						cx: "15.2",
+						cy: "13",
+						r: "1"
+					}),
+					jsx("circle", {
+						cx: "10",
+						cy: "16",
+						r: "1"
+					}),
+					jsx("circle", {
+						cx: "4.8",
+						cy: "13",
+						r: "1"
+					}),
+					jsx("circle", {
+						cx: "4.8",
+						cy: "7",
+						r: "1"
+					})
+				]
+			})
+		] });
+		case "haskell": return jsxs(Fragment, { children: [jsx("rect", {
+			x: "1",
+			y: "1",
+			width: "18",
+			height: "18",
+			rx: "4",
+			fill: "#5D4F85"
+		}), jsx("path", {
+			fill: "#fff",
+			d: "m3.5 4.5 3.5 5.5-3.5 5.5h2.7L9.8 10 6.2 4.5zm4 0L11 10l-3.5 5.5h2.7l3.5-5.5-3.5-5.5zm5 3.1 1 1.6H17V7.6zm1.4 3 1 1.7H17v-1.7z"
+		})] });
+		case "ini": return jsxs(Fragment, { children: [jsx("rect", {
+			x: "1",
+			y: "1",
+			width: "18",
+			height: "18",
+			rx: "4",
+			fill: "#6E7781"
+		}), jsx("text", {
+			x: "10",
+			y: "13.2",
+			textAnchor: "middle",
+			fontFamily: "Arial,sans-serif",
+			fontSize: "7.2",
+			fontWeight: "800",
+			fill: "#fff",
+			children: CODE_MARKS.ini
+		})] });
+		case "java": return jsxs(Fragment, { children: [
+			jsx("rect", {
+				x: "1",
+				y: "1",
+				width: "18",
+				height: "18",
+				rx: "4",
+				fill: "#427A9B"
+			}),
+			jsx("path", {
+				d: "M9 3.1c2.3 1.7-2.4 2.5.5 4.5m2-4.9c2.3 1.9-3.2 2.9-.2 5",
+				stroke: "#FF6B57",
+				strokeWidth: "1.15",
+				strokeLinecap: "round"
+			}),
+			jsx("path", {
+				d: "M5.4 8.6h8c-.2 3.7-1.3 4.8-4 4.8-2.6 0-3.8-1.2-4-4.8Zm7.8 1h1c1.6 0 1.6 2.5-.5 2.5M4.7 14.8c2.5.8 7.5.8 10.1 0M5.7 16.5c2 .5 6.3.6 8.3 0",
+				stroke: "#fff",
+				strokeWidth: "1.05",
+				strokeLinecap: "round"
+			})
+		] });
+		case "javascript": return jsxs(Fragment, { children: [jsx("rect", {
+			x: "1",
+			y: "1",
+			width: "18",
+			height: "18",
+			rx: "4",
+			fill: "#F7DF1E"
+		}), jsx("text", {
+			x: "10",
+			y: "14",
+			textAnchor: "middle",
+			fontFamily: "Arial,sans-serif",
+			fontSize: "8.4",
+			fontWeight: "800",
+			fill: "#191919",
+			children: CODE_MARKS.javascript
+		})] });
+		case "json": return jsxs(Fragment, { children: [jsx("rect", {
+			x: "1",
+			y: "1",
+			width: "18",
+			height: "18",
+			rx: "4",
+			fill: "#4A4A4A"
+		}), jsx("text", {
+			x: "10",
+			y: "13.6",
+			textAnchor: "middle",
+			fontFamily: "Arial,sans-serif",
+			fontSize: "9.4",
+			fontWeight: "700",
+			fill: "#F7DF1E",
+			children: "{ }"
+		})] });
+		case "kotlin": return jsxs(Fragment, { children: [
+			jsx("defs", { children: jsxs("linearGradient", {
+				id: gradientId,
+				x1: "1",
+				y1: "19",
+				x2: "19",
+				y2: "1",
+				children: [
+					jsx("stop", { stopColor: "#0095D5" }),
+					jsx("stop", {
+						offset: ".5",
+						stopColor: "#7F52FF"
+					}),
+					jsx("stop", {
+						offset: "1",
+						stopColor: "#F88909"
+					})
+				]
+			}) }),
+			jsx("rect", {
+				x: "1",
+				y: "1",
+				width: "18",
+				height: "18",
+				rx: "4",
+				fill: `url(#${gradientId})`
+			}),
+			jsx("path", {
+				fill: "#fff",
+				d: "M5 5h2.2v4.1L11.1 5h3l-4.6 4.6 5 5.4h-3l-3.6-4-.7.7V15H5z"
+			})
+		] });
+		case "lua": return jsxs(Fragment, { children: [
+			jsx("rect", {
+				x: "1",
+				y: "1",
+				width: "18",
+				height: "18",
+				rx: "4",
+				fill: "#000080"
+			}),
+			jsx("circle", {
+				cx: "9",
+				cy: "11",
+				r: "5.7",
+				fill: "none",
+				stroke: "#fff",
+				strokeWidth: "1"
+			}),
+			jsx("circle", {
+				cx: "13.1",
+				cy: "6.6",
+				r: "2.3",
+				fill: "#000080",
+				stroke: "#fff",
+				strokeWidth: "1"
+			}),
+			jsx("circle", {
+				cx: "13.8",
+				cy: "5.9",
+				r: ".65",
+				fill: "#fff"
+			}),
+			jsx("circle", {
+				cx: "10.7",
+				cy: "9",
+				r: ".9",
+				fill: "#fff"
+			})
+		] });
+		case "makefile": return jsxs(Fragment, { children: [jsx("rect", {
+			x: "1",
+			y: "1",
+			width: "18",
+			height: "18",
+			rx: "4",
+			fill: "#427819"
+		}), jsx("path", {
+			fill: "#fff",
+			d: "m5 4.5 2.3 2.3 2.3-2.3L11 5.9 8.7 8.2l2.4 2.4L9.7 12l-2.4-2.4L5 11.9 3.6 10.5l2.3-2.3-2.3-2.3zm7 6.5h4v1.5h-4zm0 2.8h4v1.5h-4z"
+		})] });
+		case "node": return jsxs(Fragment, { children: [
+			jsx("rect", {
+				x: "1",
+				y: "1",
+				width: "18",
+				height: "18",
+				rx: "4",
+				fill: "#539E43"
+			}),
+			jsx("path", {
+				fill: "none",
+				stroke: "#fff",
+				strokeWidth: "1.35",
+				strokeLinejoin: "round",
+				d: "m10 3.5 6 3.3v6.4l-6 3.3-6-3.3V6.8z"
+			}),
+			jsx("path", {
+				fill: "#fff",
+				d: "M6.8 7h1.8l2.8 4.2V7h1.8v6h-1.8L8.6 8.8V13H6.8z"
+			})
+		] });
+		case "objective-c": return jsxs(Fragment, { children: [jsx("rect", {
+			x: "1",
+			y: "1",
+			width: "18",
+			height: "18",
+			rx: "4",
+			fill: "#438EFF"
+		}), jsx("text", {
+			x: "10",
+			y: "13.2",
+			textAnchor: "middle",
+			fontFamily: "Arial,sans-serif",
+			fontSize: "7.2",
+			fontWeight: "800",
+			fill: "#fff",
+			children: CODE_MARKS.objectiveC
+		})] });
+		case "perl": return jsxs(Fragment, { children: [jsx("rect", {
+			x: "1",
+			y: "1",
+			width: "18",
+			height: "18",
+			rx: "4",
+			fill: "#39457E"
+		}), jsx("text", {
+			x: "10",
+			y: "13.3",
+			textAnchor: "middle",
+			fontFamily: "Arial,sans-serif",
+			fontSize: "7.8",
+			fontWeight: "800",
+			fill: "#fff",
+			children: CODE_MARKS.perl
+		})] });
+		case "php": return jsxs(Fragment, { children: [
+			jsx("rect", {
+				x: "1",
+				y: "1",
+				width: "18",
+				height: "18",
+				rx: "4",
+				fill: "#777BB4"
+			}),
+			jsx("ellipse", {
+				cx: "10",
+				cy: "10",
+				rx: "7",
+				ry: "4.5",
+				fill: "none",
+				stroke: "#fff",
+				strokeWidth: "1"
+			}),
+			jsx("text", {
+				x: "10",
+				y: "12.1",
+				textAnchor: "middle",
+				fontFamily: "Arial,sans-serif",
+				fontSize: "5.8",
+				fontStyle: "italic",
+				fontWeight: "800",
+				fill: "#fff",
+				children: CODE_MARKS.php
+			})
+		] });
+		case "powershell": return jsxs(Fragment, { children: [
+			jsx("rect", {
+				x: "1",
+				y: "1",
+				width: "18",
+				height: "18",
+				rx: "4",
+				fill: "#2671BE"
+			}),
+			jsx("path", {
+				fill: "#fff",
+				fillOpacity: ".16",
+				d: "M5.5 4h11l-3.5 12H2z"
+			}),
+			jsx("path", {
+				d: "m6.5 6.5 3 3-4.2 3.2m4 1h4",
+				fill: "none",
+				stroke: "#fff",
+				strokeWidth: "1.4",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			})
+		] });
+		case "protobuf": return jsxs(Fragment, { children: [
+			jsx("rect", {
+				x: "1",
+				y: "1",
+				width: "18",
+				height: "18",
+				rx: "4",
+				fill: "#4285F4"
+			}),
+			jsx("path", {
+				fill: "none",
+				stroke: "#fff",
+				strokeWidth: "1.2",
+				strokeLinejoin: "round",
+				d: "m10 3.5 6 3.3v6.4l-6 3.3-6-3.3V6.8z"
+			}),
+			jsx("path", {
+				fill: "#fff",
+				d: "M6.5 6.5h4.4c2.3 0 3.6 1.2 3.6 3.1s-1.3 3.1-3.6 3.1H9v2H6.5zM9 8.4v2.4h1.6c.8 0 1.2-.4 1.2-1.2s-.4-1.2-1.2-1.2z"
+			})
+		] });
+		case "python": return jsxs(Fragment, { children: [
+			jsx("rect", {
+				x: "1",
+				y: "1",
+				width: "18",
+				height: "18",
+				rx: "4",
+				fill: "#306998"
+			}),
+			jsx("path", {
+				fill: "#fff",
+				d: "M9.8 3.2c-3.5 0-3.6 1.5-3.6 1.5v2.5H10V8H5s-2.2-.2-2.2 3.3 2 3.4 2 3.4h1.8v-2.6c0-2 1.8-2.4 3.2-2.4H13c1.8 0 2.4-1.4 2.4-3.2S13.8 3.2 12 3.2z"
+			}),
+			jsx("circle", {
+				cx: "8.1",
+				cy: "5.1",
+				r: ".65",
+				fill: "#306998"
+			}),
+			jsx("path", {
+				fill: "#FFD43B",
+				d: "M10.2 16.8c3.5 0 3.6-1.5 3.6-1.5v-2.5H10V12h5s2.2.2 2.2-3.3-2-3.4-2-3.4h-1.8v2.6c0 2-1.8 2.4-3.2 2.4H7c-1.8 0-2.4 1.4-2.4 3.2s1.6 3.3 3.4 3.3z"
+			}),
+			jsx("circle", {
+				cx: "11.9",
+				cy: "14.9",
+				r: ".65",
+				fill: "#306998"
+			})
+		] });
+		case "r": return jsxs(Fragment, { children: [
+			jsx("rect", {
+				x: "1",
+				y: "1",
+				width: "18",
+				height: "18",
+				rx: "4",
+				fill: "#276DC3"
+			}),
+			jsx("ellipse", {
+				cx: "9",
+				cy: "9.4",
+				rx: "6.4",
+				ry: "4.5",
+				fill: "#fff",
+				fillOpacity: ".9"
+			}),
+			jsx("ellipse", {
+				cx: "8.3",
+				cy: "8.9",
+				rx: "4.5",
+				ry: "2.8",
+				fill: "#276DC3"
+			}),
+			jsx("path", {
+				fill: "#fff",
+				d: "M8 7h4c2.2 0 3.4.9 3.4 2.5 0 1-.6 1.7-1.7 2.1l2.5 4.1h-2.7l-2-3.7h-.9v3.7H8zm2.6 1.9v1.4h1c.7 0 1.1-.2 1.1-.7s-.4-.7-1.1-.7z"
+			})
+		] });
+		case "react": return jsxs(Fragment, { children: [
+			jsx("rect", {
+				x: "1",
+				y: "1",
+				width: "18",
+				height: "18",
+				rx: "4",
+				fill: "#20232A"
+			}),
+			jsx("circle", {
+				cx: "10",
+				cy: "10",
+				r: "1.4",
+				fill: "#61DAFB"
+			}),
+			jsxs("g", {
+				stroke: "#61DAFB",
+				strokeWidth: "1",
+				children: [
+					jsx("ellipse", {
+						cx: "10",
+						cy: "10",
+						rx: "6.8",
+						ry: "2.7"
+					}),
+					jsx("ellipse", {
+						cx: "10",
+						cy: "10",
+						rx: "6.8",
+						ry: "2.7",
+						transform: "rotate(60 10 10)"
+					}),
+					jsx("ellipse", {
+						cx: "10",
+						cy: "10",
+						rx: "6.8",
+						ry: "2.7",
+						transform: "rotate(120 10 10)"
+					})
+				]
+			})
+		] });
+		case "ruby": return jsxs(Fragment, { children: [
+			jsx("rect", {
+				x: "1",
+				y: "1",
+				width: "18",
+				height: "18",
+				rx: "4",
+				fill: "#B51F27"
+			}),
+			jsx("path", {
+				fill: "#fff",
+				d: "m4 7 3-3h6l3 3-6 9-6-6z"
+			}),
+			jsx("path", {
+				fill: "#F15A4A",
+				d: "m7 4 1.8 3H4zm1.8 3L13 4l3 3zm0 0L10 16 4 10zm0 0H16l-6 9z"
+			})
+		] });
+		case "rust": return jsxs(Fragment, { children: [
+			jsx("rect", {
+				x: "1",
+				y: "1",
+				width: "18",
+				height: "18",
+				rx: "4",
+				fill: "#2B2B2B"
+			}),
+			jsx("path", {
+				fill: "#DEA584",
+				d: "m10 2.8.7 1.3 1.4-.4.1 1.5 1.5.2-.6 1.4 1.3.8-.1.1 1.4.7-.9 1.2 1 1.1-1.2.8.6 1.3-1.4.4.3 1.5-1.5.1-.4 1.4-1.3-.5-.9 1.2-.9-1.2-1.3.5-.4-1.4-1.5-.1.3-1.5-1.4-.4.6-1.3-1.2-.8 1-1.1-.9-1.2 1.4-.7-.1-.1 1.3-.8-.6-1.4 1.5-.2.1-1.5 1.4.4z"
+			}),
+			jsx("circle", {
+				cx: "10",
+				cy: "10",
+				r: "4.6",
+				fill: "#2B2B2B"
+			}),
+			jsx("text", {
+				x: "10",
+				y: "13.1",
+				textAnchor: "middle",
+				fontFamily: "Georgia,serif",
+				fontSize: "8.2",
+				fontWeight: "700",
+				fill: "#DEA584",
+				children: CODE_MARKS.r
+			})
+		] });
+		case "scala": return jsxs(Fragment, { children: [jsx("rect", {
+			x: "1",
+			y: "1",
+			width: "18",
+			height: "18",
+			rx: "4",
+			fill: "#DE3423"
+		}), jsx("path", {
+			fill: "#fff",
+			d: "M5 4.2c3.3 1.1 6.7-.3 10-.9v3.3c-3.3.5-6.7 2-10 .8zm0 4.7c3.3 1.2 6.7-.3 10-.8v3.3c-3.3.5-6.7 1.9-10 .8zm0 4.7c3.3 1.2 6.7-.3 10-.8v3.3c-3.3.5-6.7 1.9-10 .8z"
+		})] });
+		case "shell": return jsxs(Fragment, { children: [jsx("rect", {
+			x: "1",
+			y: "1",
+			width: "18",
+			height: "18",
+			rx: "4",
+			fill: "#303642"
+		}), jsx("path", {
+			d: "m5 6.5 3.5 3.5L5 13.5m5 0h5",
+			fill: "none",
+			stroke: "#7EE787",
+			strokeWidth: "1.5",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})] });
+		case "solidity": return jsxs(Fragment, { children: [jsx("rect", {
+			x: "1",
+			y: "1",
+			width: "18",
+			height: "18",
+			rx: "4",
+			fill: "#555"
+		}), jsx("path", {
+			fill: "#fff",
+			d: "M7.2 3.2h5.6L10 8zm-.5.8 2.8 4.8H4zm6.6 0L16 8.8h-5.5zM4 10.3h5.5l-2.8 4.8zm6.5 0H16l-2.7 4.8zM10 11.2l2.8 4.8H7.2z"
+		})] });
+		case "sql": return jsxs(Fragment, { children: [
+			jsx("rect", {
+				x: "1",
+				y: "1",
+				width: "18",
+				height: "18",
+				rx: "4",
+				fill: "#336791"
+			}),
+			jsx("ellipse", {
+				cx: "10",
+				cy: "5.5",
+				rx: "5.8",
+				ry: "2.1",
+				fill: "#fff"
+			}),
+			jsx("path", {
+				fill: "#fff",
+				fillOpacity: ".88",
+				d: "M4.2 5.5v8.9c0 1.2 2.6 2.1 5.8 2.1s5.8-.9 5.8-2.1V5.5c0 1.2-2.6 2.1-5.8 2.1s-5.8-.9-5.8-2.1z"
+			}),
+			jsx("path", {
+				d: "M4.2 9.2c0 1.2 2.6 2.1 5.8 2.1s5.8-.9 5.8-2.1M4.2 12.9c0 1.2 2.6 2.1 5.8 2.1s5.8-.9 5.8-2.1",
+				fill: "none",
+				stroke: "#336791",
+				strokeOpacity: ".7",
+				strokeWidth: ".7"
+			})
+		] });
+		case "svelte": return jsxs(Fragment, { children: [
+			jsx("rect", {
+				x: "1",
+				y: "1",
+				width: "18",
+				height: "18",
+				rx: "4",
+				fill: "#FF3E00"
+			}),
+			jsx("path", {
+				d: "M13.9 6.1c-.9-1.1-2.6-1.4-3.8-.7L7 7.4c-1.2.8-1.5 2.4-.7 3.6.7 1 2 1.4 3.1 1l3-1.2c.5-.2 1 .1 1.2.5.2.4 0 .9-.4 1.2l-3.1 2c-.5.3-1.1.2-1.5-.2",
+				stroke: "#fff",
+				strokeWidth: "1.6",
+				strokeLinecap: "round"
+			}),
+			jsx("path", {
+				d: "M6.1 13.9c.9 1.1 2.6 1.4 3.8.7l3.1-2c1.2-.8 1.5-2.4.7-3.6-.7-1-2-1.4-3.1-1l-3 1.2c-.5.2-1-.1-1.2-.5-.2-.4 0-.9.4-1.2l3.1-2c.5-.3 1.1-.2 1.5.2",
+				stroke: "#fff",
+				strokeWidth: "1.6",
+				strokeLinecap: "round"
+			})
+		] });
+		case "swift": return jsxs(Fragment, { children: [jsx("rect", {
+			x: "1",
+			y: "1",
+			width: "18",
+			height: "18",
+			rx: "4",
+			fill: "#F05138"
+		}), jsx("path", {
+			fill: "#fff",
+			d: "M15.9 14.9c.3-3.6-1.2-6.2-3.8-8.4 1.1 1.5 1.7 2.9 1.9 4.1C10.9 8.4 8 6 5.4 3.7c1.6 2.3 3.4 4.4 5.4 6.2-1.7-1-3.5-2.2-5.6-3.7 2.3 3 4.7 5.1 7.3 6.1-2 .9-4.5.7-7.2-.8 2.2 3.2 5.6 4.1 8.3 2.4.8.4 1.6.8 2.3 1z"
+		})] });
+		case "toml": return jsxs(Fragment, { children: [jsx("rect", {
+			x: "1",
+			y: "1",
+			width: "18",
+			height: "18",
+			rx: "4",
+			fill: "#9C4121"
+		}), jsx("text", {
+			x: "10",
+			y: "12.9",
+			textAnchor: "middle",
+			fontFamily: "Arial,sans-serif",
+			fontSize: "5.6",
+			fontWeight: "800",
+			fill: "#fff",
+			children: CODE_MARKS.toml
+		})] });
+		case "typescript": return jsxs(Fragment, { children: [jsx("rect", {
+			x: "1",
+			y: "1",
+			width: "18",
+			height: "18",
+			rx: "4",
+			fill: "#3178C6"
+		}), jsx("text", {
+			x: "10",
+			y: "14",
+			textAnchor: "middle",
+			fontFamily: "Arial,sans-serif",
+			fontSize: "8.4",
+			fontWeight: "800",
+			fill: "#fff",
+			children: CODE_MARKS.typescript
+		})] });
+		case "vue": return jsxs(Fragment, { children: [
+			jsx("rect", {
+				x: "1",
+				y: "1",
+				width: "18",
+				height: "18",
+				rx: "4",
+				fill: "#41B883"
+			}),
+			jsx("path", {
+				fill: "#fff",
+				d: "M3.5 5h3.2l3.3 5.7L13.3 5h3.2L10 16z"
+			}),
+			jsx("path", {
+				fill: "#35495E",
+				d: "M6.7 5H9l1 1.8L11 5h2.3L10 10.7z"
+			})
+		] });
+		case "wasm": return jsxs(Fragment, { children: [jsx("rect", {
+			x: "1",
+			y: "1",
+			width: "18",
+			height: "18",
+			rx: "4",
+			fill: "#654FF0"
+		}), jsx("path", {
+			fill: "#fff",
+			d: "M4 6h2l.8 5.1L8 7h2l1.2 4.1L12 6h2l-1.7 8h-2l-1.3-4-1.3 4h-2zm10.5 0H17v8h-2V8h-.5z"
+		})] });
+		case "xml": return jsxs(Fragment, { children: [jsx("rect", {
+			x: "1",
+			y: "1",
+			width: "18",
+			height: "18",
+			rx: "4",
+			fill: "#F28C28"
+		}), jsx("path", {
+			d: "m7.5 6-4 4 4 4m5-8 4 4-4 4M11 5 9 15",
+			fill: "none",
+			stroke: "#fff",
+			strokeWidth: "1.5",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})] });
+		case "yaml": return jsxs(Fragment, { children: [jsx("rect", {
+			x: "1",
+			y: "1",
+			width: "18",
+			height: "18",
+			rx: "4",
+			fill: "#CB171E"
+		}), jsx("text", {
+			x: "10",
+			y: "12.9",
+			textAnchor: "middle",
+			fontFamily: "Arial,sans-serif",
+			fontSize: "5.6",
+			fontWeight: "800",
+			fill: "#fff",
+			children: CODE_MARKS.yaml
+		})] });
+		case "zig": return jsxs(Fragment, { children: [
+			jsx("rect", {
+				x: "1",
+				y: "1",
+				width: "18",
+				height: "18",
+				rx: "4",
+				fill: "#F7A41D"
+			}),
+			jsx("path", {
+				fill: "#fff",
+				d: "M3.5 6h4L6 7.5h5L7.5 12h5L11 14h5.5l-.8-3 1-5h-4.4L14 7.5h-3.7L13 4.2H6L7.3 6z"
+			}),
+			jsx("text", {
+				x: "10",
+				y: "12.2",
+				textAnchor: "middle",
+				fontFamily: "Arial,sans-serif",
+				fontSize: "4.6",
+				fontWeight: "900",
+				fill: "#F7A41D",
+				children: CODE_MARKS.zig
+			})
+		] });
+		/* v8 ignore next -- closed-union backstop; only reached if a type is forged */
+		default: return assertNever$3(type);
+	}
+}
+/** Closed-union exhaustiveness guard for the embedded artwork table. */
+/* v8 ignore next 3 -- only reachable when an untyped caller forges a code file type */
+function assertNever$3(value) {
+	throw new Error(`unreachable code file type: ${String(value)}`);
+}
+const CODE_FILE_TYPE_SET = new Set([
+	"angular",
+	"c",
+	"clojure",
+	"cmake",
+	"cpp",
+	"csharp",
+	"css",
+	"dart",
+	"docker",
+	"elixir",
+	"env",
+	"erlang",
+	"flutter",
+	"git",
+	"go",
+	"graphql",
+	"haskell",
+	"ini",
+	"java",
+	"javascript",
+	"json",
+	"kotlin",
+	"lua",
+	"makefile",
+	"node",
+	"objective-c",
+	"perl",
+	"php",
+	"powershell",
+	"protobuf",
+	"python",
+	"r",
+	"react",
+	"ruby",
+	"rust",
+	"scala",
+	"shell",
+	"solidity",
+	"sql",
+	"svelte",
+	"swift",
+	"toml",
+	"typescript",
+	"vue",
+	"wasm",
+	"xml",
+	"yaml",
+	"zig"
+]);
+const FILE_NAME_TYPES = {
+	".bash_profile": "shell",
+	".bashrc": "shell",
+	".env": "env",
+	".gitattributes": "git",
+	".gitconfig": "git",
+	".gitignore": "git",
+	".gitmodules": "git",
+	".mailmap": "git",
+	".profile": "shell",
+	".zprofile": "shell",
+	".zshrc": "shell",
+	"bsdmakefile": "makefile",
+	"cmakelists.txt": "cmake",
+	"commit_editmsg": "git",
+	"compose.yaml": "docker",
+	"compose.yml": "docker",
+	"docker-compose.yaml": "docker",
+	"docker-compose.yml": "docker",
+	"dockerfile": "docker",
+	"gemfile": "ruby",
+	"gnumakefile": "makefile",
+	"guardfile": "ruby",
+	"makefile": "makefile",
+	"npm-shrinkwrap.json": "node",
+	"package-lock.json": "node",
+	"package.json": "node",
+	"podfile": "ruby",
+	"rakefile": "ruby"
+};
+const FILE_NAME_PREFIX_TYPES = [["dockerfile.", "docker"], [".env.", "env"]];
+const FILE_NAME_SUFFIX_TYPES = [
+	[".component.ts", "angular"],
+	[".component.html", "angular"],
+	[".directive.ts", "angular"],
+	[".service.ts", "angular"],
+	[".module.ts", "angular"],
+	[".pipe.ts", "angular"],
+	[".guard.ts", "angular"],
+	[".interceptor.ts", "angular"],
+	[".dockerfile", "docker"]
+];
+const EXTENSION_TYPES$1 = {
+	"bash": "shell",
+	"c": "c",
+	"c++": "cpp",
+	"cc": "cpp",
+	"cfg": "ini",
+	"cjs": "javascript",
+	"clj": "clojure",
+	"cljc": "clojure",
+	"cljs": "clojure",
+	"cmake": "cmake",
+	"cpp": "cpp",
+	"cs": "csharp",
+	"csh": "shell",
+	"css": "css",
+	"csx": "csharp",
+	"cts": "typescript",
+	"cxx": "cpp",
+	"dart": "dart",
+	"dtd": "xml",
+	"edn": "clojure",
+	"env": "env",
+	"erl": "erlang",
+	"es6": "javascript",
+	"escript": "erlang",
+	"ex": "elixir",
+	"exs": "elixir",
+	"fish": "shell",
+	"gemspec": "ruby",
+	"go": "go",
+	"gql": "graphql",
+	"graphql": "graphql",
+	"h": "c",
+	"h++": "cpp",
+	"hh": "cpp",
+	"hpp": "cpp",
+	"hrl": "erlang",
+	"hs": "haskell",
+	"hxx": "cpp",
+	"ini": "ini",
+	"ipp": "cpp",
+	"java": "java",
+	"js": "javascript",
+	"json": "json",
+	"json5": "json",
+	"jsonc": "json",
+	"jsx": "react",
+	"ksh": "shell",
+	"kt": "kotlin",
+	"kts": "kotlin",
+	"lhs": "haskell",
+	"lua": "lua",
+	"m": "objective-c",
+	"mak": "makefile",
+	"mjs": "javascript",
+	"mk": "makefile",
+	"mm": "objective-c",
+	"mts": "typescript",
+	"node": "node",
+	"pch": "objective-c",
+	"php": "php",
+	"php3": "php",
+	"php4": "php",
+	"php5": "php",
+	"phps": "php",
+	"phtml": "php",
+	"pl": "perl",
+	"plist": "xml",
+	"pm": "perl",
+	"pod": "perl",
+	"proto": "protobuf",
+	"ps1": "powershell",
+	"psd1": "powershell",
+	"psm1": "powershell",
+	"py": "python",
+	"pyi": "python",
+	"pyw": "python",
+	"pyx": "python",
+	"r": "r",
+	"rake": "ruby",
+	"rb": "ruby",
+	"rmd": "r",
+	"rs": "rust",
+	"sc": "scala",
+	"scala": "scala",
+	"sh": "shell",
+	"sol": "solidity",
+	"sql": "sql",
+	"svelte": "svelte",
+	"swift": "swift",
+	"t": "perl",
+	"tcsh": "shell",
+	"toml": "toml",
+	"tpp": "cpp",
+	"ts": "typescript",
+	"tsx": "react",
+	"vue": "vue",
+	"wasm": "wasm",
+	"wast": "wasm",
+	"wat": "wasm",
+	"xml": "xml",
+	"xsd": "xml",
+	"xsl": "xml",
+	"xslt": "xml",
+	"yaml": "yaml",
+	"yml": "yaml",
+	"zig": "zig",
+	"zsh": "shell"
+};
+const LINK_CODE_EXTENSIONS = new Set([
 	"ts",
 	"tsx",
 	"js",
@@ -2768,30 +4122,316 @@ const CODE_EXTENSIONS = new Set([
 	"hs",
 	"dart"
 ]);
-const IMAGE_EXTENSIONS = new Set([
-	"png",
-	"jpg",
-	"jpeg",
-	"gif",
-	"svg",
-	"webp",
-	"avif",
-	"bmp",
-	"ico",
-	"tif",
-	"tiff",
-	"heic",
-	"heif"
-]);
-const DOCUMENT_EXTENSIONS = new Set([
-	"pdf",
-	"doc",
-	"docx",
-	"xls",
-	"xlsx",
-	"ppt",
-	"pptx"
-]);
+function basename$1(path) {
+	return path.slice(Math.max(path.lastIndexOf("/"), path.lastIndexOf("\\")) + 1);
+}
+/**
+* Test whether a resolved file type uses the full-color code-icon set.
+* @param type - Resolved file-type string.
+* @returns Whether the value is a detailed code-file type.
+*/
+function isCodeFileType(type) {
+	return CODE_FILE_TYPE_SET.has(type);
+}
+/**
+* Test whether an extension belonged to the established coarse LinkIcon code category.
+* @param extension - Extension without a leading dot.
+* @returns Whether clickable links keep the code glyph for this extension.
+*/
+function isLinkCodeExtension(extension) {
+	return LINK_CODE_EXTENSIONS.has(extension.toLowerCase());
+}
+/**
+* Resolve the most specific code/configuration icon according to the supplied map priority.
+* @param name - Lowercase basename.
+* @param extension - Lowercase extension without the leading dot.
+* @param context - Optional project-file snapshot for context-sensitive matches.
+* @returns The detailed code type, or null when the traditional file classifier owns the path.
+*/
+function classifyCodeFileType(name, extension, context) {
+	const exact = FILE_NAME_TYPES[name];
+	if (exact !== void 0) return exact;
+	for (const [prefix, type] of FILE_NAME_PREFIX_TYPES) if (name.startsWith(prefix)) return type;
+	for (const [suffix, type] of FILE_NAME_SUFFIX_TYPES) if (name.endsWith(suffix)) return type;
+	if (extension === "dart" && context !== void 0) {
+		if ((Object.entries(context.files).find(([path]) => basename$1(path).toLowerCase() === "pubspec.yaml")?.[1])?.includes("flutter:") === true) return "flutter";
+	}
+	return EXTENSION_TYPES$1[extension] ?? null;
+}
+//#endregion
+//#region lib/types/FileTypeIcon.js
+const EXTENSION_TYPES = {
+	scss: "code",
+	sass: "code",
+	less: "code",
+	vue: "code",
+	svelte: "code",
+	astro: "code",
+	bat: "code",
+	cmd: "code",
+	csv: "code",
+	tsv: "code",
+	html: "html",
+	htm: "html",
+	png: "image",
+	jpg: "image",
+	jpeg: "image",
+	gif: "image",
+	svg: "image",
+	webp: "image",
+	avif: "image",
+	bmp: "image",
+	ico: "image",
+	tif: "image",
+	tiff: "image",
+	heic: "image",
+	heif: "image",
+	md: "markdown",
+	mdx: "markdown",
+	markdown: "markdown",
+	pdf: "pdf",
+	ppt: "ppt",
+	pptx: "ppt",
+	key: "ppt",
+	mp4: "video",
+	mov: "video",
+	m4v: "video",
+	webm: "video",
+	mkv: "video",
+	avi: "video",
+	mpg: "video",
+	mpeg: "video",
+	doc: "word",
+	docx: "word",
+	rtf: "word",
+	odt: "word",
+	pages: "word",
+	xls: "excel",
+	xlsx: "excel",
+	xlsm: "excel",
+	numbers: "excel"
+};
+const NAME_TYPES = {
+	changelog: "markdown",
+	contributing: "markdown",
+	readme: "markdown"
+};
+function basename(path) {
+	return path.slice(Math.max(path.lastIndexOf("/"), path.lastIndexOf("\\")) + 1);
+}
+/**
+* Extract the final suffix from a file path without changing its case.
+* A leading dot starts a suffix, while a missing or trailing dot returns an empty string.
+* @param path - File path or basename using either path separator.
+* @returns The characters after the basename's final dot.
+*/
+function fileExtension(path) {
+	const name = basename(path);
+	const dot = name.lastIndexOf(".");
+	return dot < 0 ? "" : name.slice(dot + 1);
+}
+/**
+* Classify a file path or name for file-card presentation.
+* Matching is case-insensitive and applies code filename rules before extension rules;
+* unknown names fall back to `other`.
+* @param path - File path or basename using either path separator.
+* @param context - Optional project files used by context-sensitive code mappings.
+* @returns The file's closed presentation category.
+*/
+function classifyFileType(path, context) {
+	const name = basename(path).toLowerCase();
+	const extension = fileExtension(name).toLowerCase();
+	return classifyCodeFileType(name, extension, context) ?? NAME_TYPES[name] ?? EXTENSION_TYPES[extension] ?? "other";
+}
+const FILE_BODY = "M8.48924 28H19.5108C21.6479 28 22.7165 28 23.5594 27.6509C24.6833 27.1853 25.5762 26.2924 26.0417 25.1685C26.3909 24.3256 26.3909 23.257 26.3909 21.1199V8.79443C26.3909 8.32877 26.3909 8.09593 26.3471 7.87507C26.2887 7.58058 26.173 7.30042 26.0067 7.05048C25.882 6.86303 25.7177 6.69799 25.3893 6.36792L20.0611 1.01354C19.7304 0.681235 19.5651 0.515081 19.3769 0.38885C19.126 0.220541 18.8443 0.103463 18.5481 0.0443412C18.3259 0 18.0915 0 17.6226 0H8.48924C6.35209 0 5.28351 0 4.4406 0.349145C3.31672 0.814671 2.4238 1.70759 1.95828 2.83147C1.60913 3.67438 1.60913 4.74296 1.60913 6.88011V21.1199C1.60913 23.257 1.60913 24.3256 1.95828 25.1685C2.4238 26.2924 3.31672 27.1853 4.4406 27.6509C5.28351 28 6.35209 28 8.48924 28Z";
+const FILE_FOLD = "M26.3909 7.37445L19.0525 0V3.77445C19.0525 4.89271 19.0525 5.45184 19.2352 5.89289C19.4788 6.48096 19.946 6.94818 20.5341 7.19176C20.9751 7.37445 21.5342 7.37445 22.6525 7.37445H26.3909Z";
+const FILE_MARK_TRANSFORM = "translate(14 16) scale(1.12) translate(-14 -16)";
+const LARGE_FILE_MARK_TRANSFORM = "translate(14 16) scale(1.22) translate(-14 -16)";
+const FOLDER_MARK_TRANSFORM = "translate(14 13.0693) scale(1.12) translate(-14 -13.0693)";
+function FileGlyph({ size, className, children, markTransform = FILE_MARK_TRANSFORM, muted = false }) {
+	return jsxs("svg", {
+		width: size,
+		height: size,
+		className,
+		viewBox: "0 0 28 28",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		"aria-hidden": true,
+		children: [
+			jsx("path", {
+				d: FILE_BODY,
+				fill: "currentColor"
+			}),
+			muted ? jsx("path", {
+				d: FILE_FOLD,
+				fill: "var(--dsw-static-neutral-400)"
+			}) : jsx("path", {
+				d: FILE_FOLD,
+				fill: "var(--dsw-static-neutral-00)",
+				fillOpacity: ".7"
+			}),
+			children !== void 0 && jsx("g", {
+				color: "var(--dsw-static-neutral-00)",
+				"data-file-type-mark": true,
+				transform: markTransform,
+				children
+			})
+		]
+	});
+}
+function FolderGlyph$1({ size, className }) {
+	return jsxs("svg", {
+		width: size,
+		height: size,
+		className,
+		viewBox: "0 0 28 28",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		"aria-hidden": true,
+		children: [jsx("path", {
+			d: "M2.80078 10.2112C2.80078 9.52802 2.80078 9.18642 2.85314 8.866C2.98648 8.05 3.36942 7.29538 3.94925 6.70595C4.17694 6.4745 4.45264 6.2728 5.00404 5.86939C5.29197 5.65874 5.43594 5.55342 5.58711 5.46632C5.97089 5.24521 6.39638 5.10618 6.83667 5.05803C7.01011 5.03906 7.18849 5.03906 7.54524 5.03906H11.6543C12.4669 5.03906 12.8732 5.03906 13.2599 5.13697C13.3882 5.16945 13.5143 5.20986 13.6375 5.25795C14.0091 5.40294 14.3398 5.63902 15.0012 6.1112L16.2632 7.01224C16.5526 7.21881 16.6972 7.3221 16.8598 7.38553C16.9137 7.40657 16.9689 7.42425 17.025 7.43846C17.1942 7.4813 17.372 7.4813 17.7275 7.4813H19.8008C22.0506 7.4813 23.1755 7.4813 23.9641 8.05425C24.2188 8.23928 24.4428 8.46326 24.6278 8.71794C25.2008 9.50654 25.2008 10.6315 25.2008 12.8813V18.7283C25.2008 20.9781 25.2008 22.1031 24.6278 22.8917C24.4428 23.1463 24.2188 23.3703 23.9641 23.5554C23.1755 24.1283 22.0506 24.1283 19.8008 24.1283H8.20077C5.95094 24.1283 4.82602 24.1283 4.03743 23.5554C3.78274 23.3703 3.55877 23.1463 3.37373 22.8917C2.80078 22.1031 2.80078 20.9781 2.80078 18.7283V10.2112Z",
+			fill: "currentColor"
+		}), jsx("g", {
+			color: "var(--dsw-static-neutral-00)",
+			"data-file-type-mark": true,
+			transform: FOLDER_MARK_TRANSFORM,
+			children: jsx("path", {
+				d: "M6.31445 13.0693H21.6893",
+				stroke: "currentColor",
+				strokeWidth: "2.38"
+			})
+		})]
+	});
+}
+function glyph(type, size, className) {
+	switch (type) {
+		case "code": return jsxs(FileGlyph, {
+			size,
+			className,
+			children: [jsx("path", {
+				d: "M8.61 16.3601L11.76 18.3901V20.1401L7 17.0601V15.6601L11.76 12.5801V14.3301L8.61 16.3601Z",
+				fill: "currentColor"
+			}), jsx("path", {
+				d: "M16.1918 14.3301V12.5801L20.9518 15.6601V17.0601L16.1918 20.1401V18.3901L19.3418 16.3601L16.1918 14.3301Z",
+				fill: "currentColor"
+			})]
+		});
+		case "excel": return jsx(FileGlyph, {
+			size,
+			className,
+			markTransform: LARGE_FILE_MARK_TRANSFORM,
+			children: jsx("path", {
+				d: "M10.2932 20.5L13.3532 16.25L13.3432 17.66L10.4032 13.5H12.6332L14.5132 16.21L13.5632 16.22L15.4132 13.5H17.5532L14.6132 17.58V16.18L17.7132 20.5H15.4332L13.5232 17.65H14.4332L12.5532 20.5H10.2932Z",
+				fill: "currentColor"
+			})
+		});
+		case "folder": return jsx(FolderGlyph$1, {
+			size,
+			className
+		});
+		case "html": return jsx(FileGlyph, {
+			size,
+			className,
+			children: jsx("path", {
+				fillRule: "evenodd",
+				clipRule: "evenodd",
+				d: "M13.9994 9.68298C17.212 9.68298 19.8167 12.2872 19.8168 15.4997C19.8168 18.7123 17.2121 21.3171 13.9994 21.3171C10.7869 21.3169 8.18274 18.7122 8.18274 15.4997C8.1829 12.2873 10.787 9.68315 13.9994 9.68298ZM9.26213 16.0247C9.47025 17.9241 10.7936 19.4876 12.5639 20.0463C12.42 19.7977 12.2952 19.5152 12.1879 19.2116C11.885 18.3541 11.693 17.2434 11.6424 16.0247H9.26213ZM16.3565 16.0247C16.3059 17.2434 16.1145 18.3542 15.8116 19.2116C15.7044 19.5151 15.5788 19.7971 15.435 20.0456C17.2054 19.487 18.5293 17.9242 18.7374 16.0247H16.3565ZM12.6938 16.0247C12.7439 17.1459 12.9212 18.1334 13.1784 18.8616C13.332 19.2962 13.503 19.61 13.6686 19.805C13.834 19.9996 13.9473 20.0256 13.9994 20.0258C14.0514 20.0258 14.1651 20.0002 14.331 19.805C14.4966 19.61 14.6676 19.2962 14.8211 18.8616C15.0784 18.1334 15.2557 17.1459 15.3058 16.0247H12.6938ZM13.9994 10.733C13.9473 10.7331 13.834 10.7598 13.6686 10.9545C13.503 11.1494 13.3319 11.4633 13.1784 11.8978C12.903 12.6777 12.7188 13.7545 12.6849 14.9747H15.3147C15.2808 13.7545 15.0966 12.6777 14.8211 11.8978C14.6676 11.4633 14.4965 11.1494 14.331 10.9545C14.1651 10.7593 14.0514 10.733 13.9994 10.733ZM15.5888 11.0051C15.6701 11.1756 15.7444 11.3576 15.8116 11.5478C16.1343 12.4613 16.3308 13.6619 16.3647 14.9747H18.7374C18.5352 13.1307 17.2817 11.6036 15.5888 11.0051ZM12.4101 11.0051C10.7174 11.6037 9.46428 13.1308 9.26213 14.9747H11.6349C11.6688 13.6619 11.8652 12.4613 12.1879 11.5478C12.2551 11.3577 12.3288 11.1756 12.4101 11.0051Z",
+				fill: "currentColor"
+			})
+		});
+		case "image": return jsxs(FileGlyph, {
+			size,
+			className,
+			children: [
+				jsx("path", {
+					d: "M10.4212 15.9204C10.5756 15.6558 10.9579 15.6558 11.1123 15.9204L13.6493 20.2696C13.8048 20.5362 13.6125 20.8711 13.3037 20.8711H8.22974C7.92102 20.8711 7.72868 20.5362 7.88423 20.2696L10.4212 15.9204Z",
+					fill: "currentColor"
+				}),
+				jsx("path", {
+					d: "M15.4981 13.186C15.6505 12.9117 16.0451 12.9117 16.1975 13.186L20.1368 20.2769C20.2849 20.5435 20.0922 20.8711 19.7872 20.8711H11.9084C11.6034 20.8711 11.4107 20.5435 11.5588 20.2769L15.4981 13.186Z",
+					fill: "currentColor"
+				}),
+				jsx("path", {
+					d: "M11.8603 11.3997C11.8603 12.286 11.1418 13.0045 10.2555 13.0045C9.36924 13.0045 8.65076 12.286 8.65076 11.3997C8.65076 10.5134 9.36924 9.79492 10.2555 9.79492C11.1418 9.79492 11.8603 10.5134 11.8603 11.3997Z",
+					fill: "currentColor"
+				})
+			]
+		});
+		case "markdown": return jsx(FileGlyph, {
+			size,
+			className,
+			markTransform: LARGE_FILE_MARK_TRANSFORM,
+			children: jsx("path", {
+				d: "M8.7588 19.5V14.6H9.8998L11.9298 17.932H11.3278L13.3018 14.6H14.4428L14.4568 19.5H13.1828L13.1688 16.539H13.3858L11.9088 19.017H11.2928L9.7738 16.539H10.0398V19.5H8.7588ZM15.4375 19.5V14.6H17.7545C18.2958 14.6 18.7718 14.7003 19.1825 14.901C19.5932 15.1017 19.9128 15.384 20.1415 15.748C20.3748 16.112 20.4915 16.546 20.4915 17.05C20.4915 17.5493 20.3748 17.9833 20.1415 18.352C19.9128 18.716 19.5932 18.9983 19.1825 19.199C18.7718 19.3997 18.2958 19.5 17.7545 19.5H15.4375ZM16.8235 18.394H17.6985C17.9785 18.394 18.2212 18.3427 18.4265 18.24C18.6365 18.1327 18.7998 17.9787 18.9165 17.778C19.0332 17.5727 19.0915 17.33 19.0915 17.05C19.0915 16.7653 19.0332 16.5227 18.9165 16.322C18.7998 16.1213 18.6365 15.9697 18.4265 15.867C18.2212 15.7597 17.9785 15.706 17.6985 15.706H16.8235V18.394Z",
+				fill: "currentColor"
+			})
+		});
+		case "other": return jsx(FileGlyph, {
+			size,
+			className,
+			muted: true
+		});
+		case "pdf": return jsx(FileGlyph, {
+			size,
+			className,
+			markTransform: LARGE_FILE_MARK_TRANSFORM,
+			children: jsx("path", {
+				d: "M6.80616 19.5V14.6H9.04616C9.49416 14.6 9.87916 14.6723 10.2012 14.817C10.5278 14.9617 10.7798 15.1717 10.9572 15.447C11.1345 15.7177 11.2232 16.0397 11.2232 16.413C11.2232 16.7817 11.1345 17.1013 10.9572 17.372C10.7798 17.6427 10.5278 17.8527 10.2012 18.002C9.87916 18.1467 9.49416 18.219 9.04616 18.219H7.57616L8.19216 17.617V19.5H6.80616ZM8.19216 17.764L7.57616 17.127H8.96216C9.2515 17.127 9.46616 17.064 9.60616 16.938C9.75083 16.812 9.82316 16.637 9.82316 16.413C9.82316 16.1843 9.75083 16.007 9.60616 15.881C9.46616 15.755 9.2515 15.692 8.96216 15.692H7.57616L8.19216 15.055V17.764ZM11.8989 19.5V14.6H14.2159C14.7573 14.6 15.2333 14.7003 15.6439 14.901C16.0546 15.1017 16.3743 15.384 16.6029 15.748C16.8363 16.112 16.9529 16.546 16.9529 17.05C16.9529 17.5493 16.8363 17.9833 16.6029 18.352C16.3743 18.716 16.0546 18.9983 15.6439 19.199C15.2333 19.3997 14.7573 19.5 14.2159 19.5H11.8989ZM13.2849 18.394H14.1599C14.4399 18.394 14.6826 18.3427 14.8879 18.24C15.0979 18.1327 15.2613 17.9787 15.3779 17.778C15.4946 17.5727 15.5529 17.33 15.5529 17.05C15.5529 16.7653 15.4946 16.5227 15.3779 16.322C15.2613 16.1213 15.0979 15.9697 14.8879 15.867C14.6826 15.7597 14.4399 15.706 14.1599 15.706H13.2849V18.394ZM17.6821 19.5V14.6H21.5251V15.671H19.0681V19.5H17.6821ZM18.9701 17.82V16.749H21.2311V17.82H18.9701Z",
+				fill: "currentColor"
+			})
+		});
+		case "ppt": return jsx(FileGlyph, {
+			size,
+			className,
+			markTransform: LARGE_FILE_MARK_TRANSFORM,
+			children: jsx("path", {
+				d: "M11.0132 20.5V13.5H14.2132C14.8532 13.5 15.4032 13.6033 15.8632 13.81C16.3299 14.0167 16.6899 14.3167 16.9432 14.71C17.1966 15.0967 17.3232 15.5567 17.3232 16.09C17.3232 16.6167 17.1966 17.0733 16.9432 17.46C16.6899 17.8467 16.3299 18.1467 15.8632 18.36C15.4032 18.5667 14.8532 18.67 14.2132 18.67H12.1132L12.9932 17.81V20.5H11.0132ZM12.9932 18.02L12.1132 17.11H14.0932C14.5066 17.11 14.8132 17.02 15.0132 16.84C15.2199 16.66 15.3232 16.41 15.3232 16.09C15.3232 15.7633 15.2199 15.51 15.0132 15.33C14.8132 15.15 14.5066 15.06 14.0932 15.06H12.1132L12.9932 14.15V18.02Z",
+				fill: "currentColor"
+			})
+		});
+		case "video": return jsx(FileGlyph, {
+			size,
+			className,
+			children: jsx("path", {
+				d: "M17.5 14.634C18.1667 15.0189 18.1667 15.9811 17.5 16.366L11.5 19.8301C10.8333 20.215 10 19.7339 10 18.9641L10 12.0359C10 11.2661 10.8333 10.785 11.5 11.1699L17.5 14.634Z",
+				fill: "currentColor"
+			})
+		});
+		case "word": return jsx(FileGlyph, {
+			size,
+			className,
+			markTransform: LARGE_FILE_MARK_TRANSFORM,
+			children: jsx("path", {
+				d: "M10.5118 20.5L8.24179 13.5H10.2818L12.1918 19.56H11.1618L13.1718 13.5H14.9918L16.8918 19.56H15.9018L17.8718 13.5H19.7618L17.4918 20.5H15.3718L13.7518 15.35H14.3218L12.6318 20.5H10.5118Z",
+				fill: "currentColor"
+			})
+		});
+		/* v8 ignore next -- closed-union backstop; only reached if a type is forged */
+		default: return assertNever$2(type);
+	}
+}
+/** Closed-union exhaustiveness guard for traditional file artwork. */
+/* v8 ignore next 3 -- only reachable when an untyped caller forges a traditional file type */
+function assertNever$2(value) {
+	throw new Error(`unreachable traditional file type: ${String(value)}`);
+}
+/**
+* Render a decorative file-type glyph for a path or an explicitly resolved kind.
+* @param props - Path or kind selection, optional project context, size, and CSS class.
+* @returns The category-colored SVG; the caller owns the accessible name and may override
+* the color through `--dsh-file-type-icon-color`.
+*/
+function FileTypeIcon(props) {
+	const { size = 28, className } = props;
+	const resolvedType = "path" in props ? classifyFileType(props.path, props.context) : props.kind;
+	return isCodeFileType(resolvedType) ? jsx(CodeFileIcon, {
+		type: resolvedType,
+		size,
+		className
+	}) : glyph(resolvedType, size, clsx(css$13.icon, css$13[resolvedType], className));
+}
+//#endregion
+//#region lib/types/LinkIcon.js
 /**
 * Derive a file path's link-icon category from its extension. Unknown and
 * missing extensions fall to `other` (the plain-paper glyph).
@@ -2799,13 +4439,24 @@ const DOCUMENT_EXTENSIONS = new Set([
 * @returns The file's glyph category; never `url` or `folder`.
 */
 function classifyLinkPath(path) {
-	const name = path.slice(Math.max(path.lastIndexOf("/"), path.lastIndexOf("\\")) + 1);
-	const dot = name.lastIndexOf(".");
-	if (dot < 0) return "other";
-	const extension = name.slice(dot + 1).toLowerCase();
-	if (CODE_EXTENSIONS.has(extension)) return "code";
-	if (IMAGE_EXTENSIONS.has(extension)) return "image";
-	return DOCUMENT_EXTENSIONS.has(extension) ? "document" : "other";
+	const type = classifyFileType(path);
+	const extension = fileExtension(path);
+	if (isCodeFileType(type)) return isLinkCodeExtension(extension) ? "code" : "other";
+	if (extension === "") return "other";
+	switch (type) {
+		case "code":
+		case "html": return "code";
+		case "image": return "image";
+		case "excel":
+		case "pdf":
+		case "ppt":
+		case "word": return "document";
+		case "markdown":
+		case "other":
+		case "video": return "other";
+		/* v8 ignore next -- classifyFileType returns a closed union exhausted above */
+		default: return assertNever$1(type);
+	}
 }
 const GlobeGlyph = ({ size, className }) => jsx("svg", {
 	width: size,
@@ -3019,7 +4670,7 @@ function projectUserText(text, sessionLabels, slashNames = [], slashKind = "skil
 	let cursor = 0;
 	const pushPlain = (from, to) => {
 		parts.push(jsx("span", {
-			className: css$13.plainRun,
+			className: css$14.plainRun,
 			children: text.slice(from, to)
 		}, `t${from}`));
 	};
@@ -3030,19 +4681,19 @@ function projectUserText(text, sessionLabels, slashNames = [], slashKind = "skil
 		const referenceKind = kind === "session" ? "session" : label.startsWith("@") ? label.endsWith("/") ? "folder" : "file" : void 0;
 		const displayLabel = range.display ?? (referenceKind === void 0 ? label : referenceKind === "session" ? label.slice(1) : label.slice(1).replace(/^"|"$/gu, "").split(/[\\/]/u).filter(Boolean).at(-1) ?? label.slice(1));
 		parts.push(jsxs("span", {
-			className: clsx(css$13.refChip, referenceKind === void 0 && css$13.slashChip),
+			className: clsx(css$14.refChip, referenceKind === void 0 && css$14.slashChip),
 			"data-ref-chip": referenceKind ?? slashKind,
 			title: label,
 			children: [referenceKind !== void 0 && jsx(ReferenceIcon, {
 				kind: referenceKind,
 				size: 16,
-				className: css$13.refIcon
+				className: css$14.refIcon
 			}), displayLabel]
 		}, tokenStart));
 		cursor = end;
 	}
 	if (parts.length === 0) return jsx("span", {
-		className: css$13.plainRun,
+		className: css$14.plainRun,
 		children: text
 	});
 	if (cursor < text.length) pushPlain(cursor, text.length);
@@ -3180,7 +4831,7 @@ function Tooltip({ label, side = "right", delayMs = 0, disabled = false, maxWidt
 		}
 	}), pos !== null && jsx("span", {
 		ref: bubble,
-		className: css$14.bubble,
+		className: css$15.bubble,
 		"data-side": placement,
 		style: {
 			left: pos.x,
@@ -3241,18 +4892,18 @@ function Toast({ text, icon, anchor, holdMs = HOLD_MS, onDone }) {
 		};
 	}, [anchor]);
 	return createPortal(jsxs("div", {
-		className: css$15.toast,
+		className: css$16.toast,
 		role: "alert",
 		style: {
 			...left === null ? {} : { left },
 			"--dsh-toast-hold": `${String(holdMs)}ms`
 		},
 		children: [icon !== void 0 && jsx("span", {
-			className: css$15.icon,
+			className: css$16.icon,
 			"aria-hidden": true,
 			children: icon
 		}), jsx("span", {
-			className: css$15.text,
+			className: css$16.text,
 			children: text
 		})]
 	}), document.body);
@@ -3275,52 +4926,6 @@ function fileSizeText(bytes) {
 	return `${gb < 10 ? gb.toFixed(1) : Math.round(gb)}GB`;
 }
 //#endregion
-//#region lib/types/DocumentFileIcon.js
-/**
-* Render the DeepSeek Web document glyph used by generic-file cards.
-* @param props - optional CSS class for sizing and placement.
-* @returns a decorative document SVG with an instance-safe gradient id.
-*/
-function DocumentFileIcon({ className }) {
-	const gradientId = useId();
-	return jsxs("svg", {
-		className,
-		xmlns: "http://www.w3.org/2000/svg",
-		width: "24",
-		height: "28",
-		viewBox: "0 0 24 28",
-		fill: "none",
-		"aria-hidden": true,
-		children: [
-			jsx("path", {
-				d: "M16.5 0l7 7v15.6c0 2.25 0 3.375-.573 4.164a3 3 0 0 1-.663.663C21.475 28 20.349 28 18.1 28H5.9c-2.25 0-3.375 0-4.164-.573a3 3 0 0 1-.663-.663C.5 25.975.5 24.849.5 22.6V5.4c0-2.25 0-3.375.573-4.164a3 3 0 0 1 .663-.663C2.525 0 3.651 0 5.9 0h10.6z",
-				fill: `url(#${gradientId})`
-			}),
-			jsx("path", {
-				d: "M16.5 0l7 7h-3.8c-1.12 0-1.68 0-2.108-.218a2 2 0 0 1-.874-.874C16.5 5.48 16.5 4.92 16.5 3.8V0z",
-				fill: "#fff",
-				fillOpacity: ".55"
-			}),
-			jsx("path", {
-				d: "M6 11.784c0-.433.351-.784.784-.784h10.432a.784.784 0 1 1 0 1.568H6.784A.784.784 0 0 1 6 11.784zM6 15.784c0-.433.351-.784.784-.784h10.432a.784.784 0 1 1 0 1.568H6.784A.784.784 0 0 1 6 15.784zM6.114 19.817c0-.433.35-.784.784-.784h6.318a.784.784 0 1 1 0 1.568H6.898a.784.784 0 0 1-.784-.784z",
-				fill: "#fff"
-			}),
-			jsx("defs", { children: jsxs("linearGradient", {
-				id: gradientId,
-				x1: "1.5",
-				y1: "-1",
-				x2: "23.5",
-				y2: "28",
-				gradientUnits: "userSpaceOnUse",
-				children: [jsx("stop", { stopColor: "#6D93FF" }), jsx("stop", {
-					offset: "1",
-					stopColor: "#5A71F0"
-				})]
-			}) })
-		]
-	});
-}
-//#endregion
 //#region lib/types/relative-time.js
 /**
 * Compact relative-time bucketing shared by every surface that dates a
@@ -3485,35 +5090,35 @@ function bracketOf(value) {
 }
 function previewPrimitive(value) {
 	if (value === null) return jsx("span", {
-		className: css$16.keywordValue,
+		className: css$17.keywordValue,
 		children: "null"
 	});
 	if (typeof value === "string") return jsx("span", {
-		className: css$16.stringValue,
+		className: css$17.stringValue,
 		children: JSON.stringify(value)
 	});
 	if (typeof value === "number") return jsx("span", {
-		className: css$16.numberValue,
+		className: css$17.numberValue,
 		children: String(value)
 	});
 	if (typeof value === "boolean") return jsx("span", {
-		className: css$16.keywordValue,
+		className: css$17.keywordValue,
 		children: String(value)
 	});
 	if (typeof value === "bigint") return jsx("span", {
-		className: css$16.otherValue,
+		className: css$17.otherValue,
 		children: value.toString()
 	});
 	if (typeof value === "undefined") return jsx("span", {
-		className: css$16.otherValue,
+		className: css$17.otherValue,
 		children: "undefined"
 	});
 	if (typeof value === "symbol") return jsx("span", {
-		className: css$16.otherValue,
+		className: css$17.otherValue,
 		children: value.description ?? "Symbol"
 	});
 	if (typeof value === "function") return jsx("span", {
-		className: css$16.otherValue,
+		className: css$17.otherValue,
 		children: value.name || "Function"
 	});
 	return null;
@@ -3527,71 +5132,71 @@ function previewValue(value, depth) {
 	const [open, close] = bracketOf(value);
 	return jsxs(Fragment, { children: [
 		jsx("span", {
-			className: css$16.punctuation,
+			className: css$17.punctuation,
 			children: open
 		}),
 		depth >= PREVIEW_DEPTH_LIMIT ? jsx("span", {
-			className: css$16.previewEllipsis,
+			className: css$17.previewEllipsis,
 			children: "…"
 		}) : visible.map(([key, item], index) => jsxs("span", { children: [
 			index > 0 && jsx("span", {
-				className: css$16.punctuation,
+				className: css$17.punctuation,
 				children: ", "
 			}),
 			!array && jsxs(Fragment, { children: [jsx("span", {
-				className: css$16.previewProperty,
+				className: css$17.previewProperty,
 				children: key
 			}), jsx("span", {
-				className: css$16.punctuation,
+				className: css$17.punctuation,
 				children: ": "
 			})] }),
 			previewValue(item, depth + 1)
 		] }, key)),
 		depth < PREVIEW_DEPTH_LIMIT && entries.length > limit && jsx("span", {
-			className: css$16.previewEllipsis,
+			className: css$17.previewEllipsis,
 			children: ", …"
 		}),
 		jsx("span", {
-			className: css$16.punctuation,
+			className: css$17.punctuation,
 			children: close
 		})
 	] });
 }
 function primitiveValue(value) {
 	if (value === null) return jsx("span", {
-		className: css$16.keywordValue,
+		className: css$17.keywordValue,
 		children: "null"
 	});
 	if (typeof value === "string") return jsx("span", {
-		className: css$16.stringValue,
+		className: css$17.stringValue,
 		children: JSON.stringify(value)
 	});
 	if (typeof value === "boolean") return jsx("span", {
-		className: css$16.keywordValue,
+		className: css$17.keywordValue,
 		children: String(value)
 	});
 	if (typeof value === "number") return jsx("span", {
-		className: css$16.numberValue,
+		className: css$17.numberValue,
 		children: String(value)
 	});
 	if (typeof value === "bigint") return jsx("span", {
-		className: css$16.numberValue,
+		className: css$17.numberValue,
 		children: `${value.toString()}n`
 	});
 	if (value instanceof Date) return jsx("span", {
-		className: css$16.otherValue,
+		className: css$17.otherValue,
 		children: value.toISOString()
 	});
 	if (typeof value === "function") return jsxs("span", {
-		className: css$16.otherValue,
+		className: css$17.otherValue,
 		children: ["function() ", "{ }"]
 	});
 	if (typeof value === "undefined") return jsx("span", {
-		className: css$16.otherValue,
+		className: css$17.otherValue,
 		children: "undefined"
 	});
 	return jsx("span", {
-		className: css$16.otherValue,
+		className: css$17.otherValue,
 		children: value.toString()
 	});
 }
@@ -3619,7 +5224,7 @@ function moveFocus(button, direction) {
 function NodeField({ field, expandable, onToggle }) {
 	if (field === void 0) return null;
 	return jsxs("span", {
-		className: clsx(css$16.label, expandable && css$16.clickableLabel),
+		className: clsx(css$17.label, expandable && css$17.clickableLabel),
 		onClick: expandable ? onToggle : void 0,
 		children: [fieldText(field), ":"]
 	});
@@ -3648,7 +5253,7 @@ function JsonTreeNode({ field, initialExpanded, labels, lastElement, onClaimTabS
 		}
 	};
 	const row = (children, ariaExpanded) => jsx("div", {
-		className: css$16.row,
+		className: css$17.row,
 		role: "treeitem",
 		"aria-expanded": ariaExpanded,
 		onMouseOver: (event) => {
@@ -3668,7 +5273,7 @@ function JsonTreeNode({ field, initialExpanded, labels, lastElement, onClaimTabS
 		}),
 		primitiveValue(value),
 		!lastElement && jsx("span", {
-			className: css$16.punctuation,
+			className: css$17.punctuation,
 			children: ","
 		})
 	] }));
@@ -3680,22 +5285,22 @@ function JsonTreeNode({ field, initialExpanded, labels, lastElement, onClaimTabS
 			onToggle: toggle
 		}),
 		jsx("span", {
-			className: css$16.punctuation,
+			className: css$17.punctuation,
 			children: open
 		}),
 		jsx("span", {
-			className: css$16.punctuation,
+			className: css$17.punctuation,
 			children: close
 		}),
 		!lastElement && jsx("span", {
-			className: css$16.punctuation,
+			className: css$17.punctuation,
 			children: ","
 		})
 	] }));
 	return row(jsxs(Fragment, { children: [
 		jsx("span", {
 			ref: expanderRef,
-			className: clsx(css$16.expander, expanded ? css$16.collapseIcon : css$16.expandIcon),
+			className: clsx(css$17.expander, expanded ? css$17.collapseIcon : css$17.expandIcon),
 			"data-json-expander": true,
 			role: "button",
 			"aria-label": expanded ? labels.collapseNode : labels.expandNode,
@@ -3714,17 +5319,17 @@ function JsonTreeNode({ field, initialExpanded, labels, lastElement, onClaimTabS
 			onToggle: toggle
 		}),
 		jsx("span", {
-			className: css$16.preview,
+			className: css$17.preview,
 			children: previewValue(value, 0)
 		}),
 		!lastElement && jsx("span", {
-			className: css$16.punctuation,
+			className: css$17.punctuation,
 			children: ","
 		}),
 		expanded && jsx("ul", {
 			id: contentsId,
 			role: "group",
-			className: css$16.children,
+			className: css$17.children,
 			children: entries.map(([key, item], index) => jsx(JsonTreeNode, {
 				field: key,
 				value: item,
@@ -3885,17 +5490,17 @@ function JsonTree({ data, label, className, copyable = true, expandTopLevel = tr
 	const copyTitle = copyState === "copied" ? labels.copied : copyState === "failed" ? labels.copyFailed : copyTargetIsObject ? labels.copyPrettyJson : labels.copyValue;
 	return jsxs("div", {
 		ref: rootRef,
-		className: clsx(css$16.root, className),
+		className: clsx(css$17.root, className),
 		onMouseOver: handleRootMouseOver,
 		onMouseLeave: () => {
 			if (!copyMenuOpenRef.current) clearCopyTarget();
 		},
 		onScroll: handleScroll,
 		children: [expandTopLevel ? jsxs("div", {
-			className: css$16.expandedTopLevel,
+			className: css$17.expandedTopLevel,
 			children: [
 				jsx("div", {
-					className: clsx(css$16.row, css$16.topLevelBracket),
+					className: clsx(css$17.row, css$17.topLevelBracket),
 					"data-json-root-row": true,
 					onMouseOver: (event) => {
 						event.stopPropagation();
@@ -3905,13 +5510,13 @@ function JsonTree({ data, label, className, copyable = true, expandTopLevel = tr
 						});
 					},
 					children: jsx("span", {
-						className: css$16.punctuation,
+						className: css$17.punctuation,
 						children: rootOpen
 					})
 				}),
 				jsx("div", {
 					"aria-label": label,
-					className: clsx(css$16.container, css$16.expandedTopLevelContainer),
+					className: clsx(css$17.container, css$17.expandedTopLevelContainer),
 					role: "tree",
 					children: rootEntries.map(([key, value], index) => jsx(JsonTreeNode, {
 						field: key,
@@ -3926,16 +5531,16 @@ function JsonTree({ data, label, className, copyable = true, expandTopLevel = tr
 					}, key))
 				}),
 				jsx("div", {
-					className: clsx(css$16.row, css$16.topLevelBracket),
+					className: clsx(css$17.row, css$17.topLevelBracket),
 					children: jsx("span", {
-						className: css$16.punctuation,
+						className: css$17.punctuation,
 						children: rootClose
 					})
 				})
 			]
 		}) : jsx("div", {
 			"aria-label": label,
-			className: css$16.container,
+			className: css$17.container,
 			role: "tree",
 			children: jsx(JsonTreeNode, {
 				value: data,
@@ -3948,7 +5553,7 @@ function JsonTree({ data, label, className, copyable = true, expandTopLevel = tr
 				onRowHover: handleRowHover
 			})
 		}), copyTarget !== void 0 && jsx("span", {
-			className: css$16.copyAnchor,
+			className: css$17.copyAnchor,
 			style: {
 				left: copyTarget.left,
 				top: copyTarget.top
@@ -3962,7 +5567,7 @@ function JsonTree({ data, label, className, copyable = true, expandTopLevel = tr
 				anchor: jsx("button", {
 					ref: copyButtonRef,
 					type: "button",
-					className: css$16.copyButton,
+					className: css$17.copyButton,
 					"data-json-copy-button": true,
 					"data-state": copyState,
 					"aria-label": copyTitle,
@@ -4527,66 +6132,66 @@ function TerminalBlock({ command, cwd, home, output, exitCode, signal, running =
 	const empty = lines.every((line) => line.every((span) => span.text.trim() === ""));
 	const { hidden, capped, headLines, tailLines } = headTailCap(lines.length, maxLines, expanded);
 	return jsxs("div", {
-		className: clsx(css$17.block, className),
+		className: clsx(css$18.block, className),
 		"data-terminal": "",
 		"data-running": running ? "" : void 0,
 		children: [jsxs("div", {
-			className: css$17.header,
+			className: css$18.header,
 			children: [
 				jsxs("div", {
-					className: css$17.prompt,
+					className: css$18.prompt,
 					children: [jsx("span", {
-						className: css$17.runStateLabel,
+						className: css$18.runStateLabel,
 						children: state.label
 					}), commandLines.map((line, index) => jsxs("div", {
-						className: css$17.promptLine,
+						className: css$18.promptLine,
 						children: [
 							index === 0 && jsx(StateDot, {
 								state: state.state,
-								className: css$17.runState
+								className: css$18.runState
 							}),
 							jsx("span", {
-								className: css$17.cwd,
+								className: css$18.cwd,
 								children: index > 0 || cwd === void 0 ? "$" : promptLabel(cwd, home)
 							}),
 							jsx("span", {
-								className: css$17.command,
+								className: css$18.command,
 								children: line
 							})
 						]
 					}, index))]
 				}),
 				status !== void 0 && jsx(Pill, {
-					className: css$17.status,
+					className: css$18.status,
 					children: status
 				}),
 				!running && !empty && jsx("button", {
 					type: "button",
-					className: css$17.copyButton,
+					className: css$18.copyButton,
 					onClick: onCopy,
 					children: copied ? copy.copied : copy.copy
 				})
 			]
 		}), !running && (empty ? jsx("div", {
-			className: css$17.empty,
+			className: css$18.empty,
 			children: copy.noOutput
 		}) : jsxs("div", {
-			className: css$17.output,
+			className: css$18.output,
 			children: [
 				(capped ? lines.slice(0, headLines) : lines).map((line, index) => jsx("div", {
-					className: css$17.line,
+					className: css$18.line,
 					children: renderLine$1(line)
 				}, index)),
 				hidden > 0 && jsx("button", {
 					type: "button",
-					className: css$17.expand,
+					className: css$18.expand,
 					"aria-expanded": expanded,
 					"aria-label": expanded ? copy.collapseAria : copy.expandAria(hidden),
 					onClick: onToggle,
 					children: expanded ? copy.collapse : copy.expand(hidden)
 				}),
 				capped && lines.slice(lines.length - tailLines).map((line, index) => jsx("div", {
-					className: css$17.line,
+					className: css$18.line,
 					children: renderLine$1(line)
 				}, index))
 			]
@@ -5164,51 +6769,51 @@ function ReadBlock({ label, labels, lines, totalLines, lang, maxLines = 16, clas
 	const tailLines = maxLines - headLines;
 	const windowed = lines.length < totalLines;
 	const rows = (slice) => slice.map(([line, spans]) => jsxs("div", {
-		className: css$18.line,
+		className: css$19.line,
 		children: [jsx("span", {
-			className: css$18.gutter,
+			className: css$19.gutter,
 			"aria-hidden": true,
 			children: line.number
 		}), jsx("span", {
-			className: css$18.content,
+			className: css$19.content,
 			children: spans === void 0 ? line.text : renderSpans(spans)
 		})]
 	}, line.number));
 	const paired = lines.map((line, index) => [line, highlighted?.[index]]);
 	return jsxs("div", {
 		ref: rootRef,
-		className: clsx(css$18.block, className),
+		className: clsx(css$19.block, className),
 		"data-read": "",
 		children: [jsxs("div", {
-			className: css$18.banner,
+			className: css$19.banner,
 			children: [jsx("div", {
-				className: css$18.label,
+				className: css$19.label,
 				children: label ?? ""
 			}), jsxs("div", {
-				className: css$18.action,
+				className: css$19.action,
 				children: [
 					windowed && jsx("span", {
-						className: css$18.count,
+						className: css$19.count,
 						children: labels.window(lines.length, totalLines)
 					}),
 					jsx("span", {
-						className: css$18.lang,
+						className: css$19.lang,
 						children: lang ?? ""
 					}),
 					lines.length > 0 && jsx("button", {
 						type: "button",
-						className: css$18.copyButton,
+						className: css$19.copyButton,
 						onClick: onCopy,
 						children: copied ? labels.copied : labels.copy
 					})
 				]
 			})]
 		}), jsxs("div", {
-			className: css$18.body,
+			className: css$19.body,
 			children: [
 				rows(capped ? paired.slice(0, headLines) : paired),
 				hidden > 0 && jsx(FoldToggle, {
-					className: css$18.expand,
+					className: css$19.expand,
 					expanded,
 					hidden,
 					labels,
@@ -5230,10 +6835,10 @@ function assertNever(value) {
 }
 /** The dim class per row kind (path/gap chrome vs the diff's own +/- colors). */
 const ROW_CLASS = {
-	path: css$19.path,
-	del: css$19.del,
-	add: css$19.add,
-	gap: css$19.gap
+	path: css$20.path,
+	del: css$20.del,
+	add: css$20.add,
+	gap: css$20.gap
 };
 /**
 * Total added/removed line counts across hunks — the same numbers the footer
@@ -5357,37 +6962,37 @@ function DiffBlock({ diffs, labels, maxLines = 16, className }) {
 	const head = capped ? rows.slice(0, headLines) : rows;
 	const tail = capped ? rows.slice(rows.length - tailLines) : [];
 	return jsxs("div", {
-		className: clsx(css$19.block, className),
+		className: clsx(css$20.block, className),
 		"data-diff": "",
 		children: [
 			jsx("button", {
 				type: "button",
-				className: css$19.copyButton,
+				className: css$20.copyButton,
 				onClick: onCopy,
 				children: copied ? labels.copied : labels.copy
 			}),
 			jsxs("div", {
-				className: css$19.body,
+				className: css$20.body,
 				children: [
 					head.map((row, index) => jsx("div", {
-						className: clsx(css$19.line, ROW_CLASS[row.kind]),
+						className: clsx(css$20.line, ROW_CLASS[row.kind]),
 						children: row.text
 					}, index)),
 					hidden > 0 && jsx(FoldToggle, {
-						className: css$19.expand,
+						className: css$20.expand,
 						expanded,
 						hidden,
 						labels,
 						onToggle
 					}),
 					tail.map((row, index) => jsx("div", {
-						className: clsx(css$19.line, ROW_CLASS[row.kind]),
+						className: clsx(css$20.line, ROW_CLASS[row.kind]),
 						children: row.text
 					}, index))
 				]
 			}),
 			jsxs("div", {
-				className: css$19.footer,
+				className: css$20.footer,
 				children: [
 					"└ +",
 					added,
@@ -5523,56 +7128,56 @@ function SearchBlock(props) {
 	const tail = tailHeader === void 0 ? naturalTail : naturalTail.slice(1);
 	const renderRow = (row) => {
 		if (row.type === "path") return jsx("div", {
-			className: css$20.line,
+			className: css$21.line,
 			children: row.path
 		});
 		if (row.type === "match") return jsxs("div", {
-			className: css$20.line,
+			className: css$21.line,
 			children: [jsxs("span", {
-				className: css$20.lineNumber,
+				className: css$21.lineNumber,
 				children: [row.lineNumber, ": "]
 			}), row.line]
 		});
 		return jsxs("button", {
 			type: "button",
-			className: css$20.fileHeader,
+			className: css$21.fileHeader,
 			"aria-expanded": !row.collapsed,
 			onClick: () => {
 				toggleFile(row.index);
 			},
 			children: [jsx("span", {
-				className: css$20.filePath,
+				className: css$21.filePath,
 				children: row.path
 			}), jsx("span", {
-				className: css$20.fileCount,
+				className: css$21.fileCount,
 				children: row.count
 			})]
 		});
 	};
 	return jsxs("div", {
-		className: clsx(css$20.block, className),
+		className: clsx(css$21.block, className),
 		"data-search": props.kind,
 		children: [jsxs("div", {
-			className: css$20.header,
+			className: css$21.header,
 			children: [jsx("span", {
-				className: css$20.summary,
+				className: css$21.summary,
 				children: summaryText(props, shown, truncated, total)
 			}), !empty && jsx("button", {
 				type: "button",
-				className: css$20.copyButton,
+				className: css$21.copyButton,
 				onClick: onCopy,
 				children: copied ? props.labels.copied : props.labels.copy
 			})]
 		}), empty ? jsx("div", {
-			className: css$20.empty,
+			className: css$21.empty,
 			children: props.labels.noResults
 		}) : jsxs("div", {
-			className: css$20.body,
+			className: css$21.body,
 			children: [
 				head.map((row) => jsx("div", { children: renderRow(row) }, rowKey(row))),
 				hidden > 0 && jsx("button", {
 					type: "button",
-					className: css$20.expand,
+					className: css$21.expand,
 					"aria-expanded": expanded,
 					"aria-label": expanded ? props.labels.collapseAria : props.labels.expandAria(hidden),
 					onClick: onToggle,
@@ -6278,8 +7883,9 @@ function renderLine(line, index) {
 		}, spanIndex))
 	})] }, index);
 }
-function CodeBlock({ code, lang, streaming, className, copyLabel, copiedLabel }) {
+function CodeBlock({ code, lang, streaming, className, lineNumbers = false, copyLabel, copiedLabel }) {
 	const trimmed = code.endsWith("\n") ? code.slice(0, -1) : code;
+	const sourceLines = lineNumbers ? trimmed.split("\n") : void 0;
 	const rootRef = useRef(null);
 	const highlighting = useViewportHighlighting(rootRef, lang);
 	const loaded = useSyncExternalStore(subscribeGrammarLoaded, grammarLoadCount, grammarLoadCount);
@@ -6373,24 +7979,30 @@ function CodeBlock({ code, lang, streaming, className, copyLabel, copiedLabel })
 		});
 	}, [copied, trimmed]);
 	const body = streamedBody !== void 0 ? streamedBody : html === void 0 ? jsx("pre", {
-		className: css$21.plain,
-		children: jsx("code", { children: trimmed })
+		className: css$22.plain,
+		children: jsx("code", { children: sourceLines === void 0 ? trimmed : sourceLines.map((line, index) => jsxs(Fragment$1, { children: [index > 0 && "\n", jsx("span", {
+			className: "line",
+			children: line
+		})] }, index)) })
 	}) : jsx("div", { dangerouslySetInnerHTML: { __html: html } });
 	return jsxs("div", {
 		ref: rootRef,
-		className: clsx(css$21.block, "md-code-block", className),
+		className: clsx(css$22.block, "md-code-block", lineNumbers && css$22.numbered, className),
+		"data-line-numbers": lineNumbers || void 0,
+		style: sourceLines === void 0 ? void 0 : { "--dsl-code-block-line-number-width": `${Math.max(2, String(sourceLines.length).length)}ch` },
 		children: [jsx("div", {
-			className: css$21.bannerWrap,
+			className: css$22.bannerWrap,
 			children: jsxs("div", {
-				className: css$21.banner,
+				className: css$22.banner,
+				"data-code-block-banner": true,
 				children: [jsx("div", {
-					className: css$21.infostring,
+					className: css$22.infostring,
 					children: lang ?? ""
 				}), jsx("div", {
-					className: css$21.action,
+					className: css$22.action,
 					children: jsx("button", {
 						type: "button",
-						className: css$21.copyButton,
+						className: css$22.copyButton,
 						onClick: onCopy,
 						children: copied ? copiedLabel : copyLabel
 					})
@@ -6634,13 +8246,13 @@ function renderNode(node, key, context) {
 			const mention = context.inLink === true ? void 0 : context.fileMentions?.resolve(value);
 			if (mention !== void 0) return jsx("code", { children: jsxs("button", {
 				type: "button",
-				className: css$22.fileMention,
+				className: css$23.fileMention,
 				title: mention.title,
 				"aria-label": mention.label,
 				onClick: mention.open,
 				children: [jsx(LinkIcon, {
 					kind: classifyLinkPath(value),
-					className: css$22.linkIcon
+					className: css$23.linkIcon
 				}), value]
 			}) }, key);
 			return jsx("code", { children: value }, key);
@@ -6732,7 +8344,7 @@ function renderTable(node, key, context) {
 	const [headRow, ...bodyRows] = node.children;
 	const wide = (align === null ? headRow?.children.length ?? 0 : align.length) >= 4 && context.inBlockquote !== true;
 	return jsx("div", {
-		className: clsx(css$22.tableScroll, wide ? "md-table-wide" : css$22.tableFill),
+		className: clsx(css$23.tableScroll, wide ? "md-table-wide" : css$23.tableFill),
 		tabIndex: wide ? 0 : void 0,
 		children: jsxs("table", { children: [headRow !== void 0 && jsx("thead", { children: renderTableRow(headRow, "th", align, 0, context) }), bodyRows.length > 0 && jsx("tbody", { children: bodyRows.map((row, index) => renderTableRow(row, "td", align, index + 1, context)) })] })
 	}, key);
@@ -6770,7 +8382,7 @@ function renderSafeLink(href, children, key, glyph = true) {
 		} : {},
 		children: [glyph && jsx(LinkIcon, {
 			kind: "url",
-			className: css$22.linkIcon
+			className: css$23.linkIcon
 		}), children]
 	}, key);
 }
@@ -6794,7 +8406,7 @@ function inlineCodeHttpUrl(value) {
 function renderImage(url, alt, key, context) {
 	const imageSrc = imageSource(url, context.pathImages);
 	if (imageSrc === void 0) return jsx("span", {
-		className: css$22.imageAlt,
+		className: css$23.imageAlt,
 		children: alt
 	}, key);
 	return jsx(MarkdownImage, {
@@ -6807,11 +8419,11 @@ function renderImage(url, alt, key, context) {
 function MarkdownImage({ src, alt, destination }) {
 	const [failed, setFailed] = useState(false);
 	if (failed) return jsx("span", {
-		className: css$22.imageAlt,
+		className: css$23.imageAlt,
 		children: alt || destination
 	});
 	return jsx("img", {
-		className: css$22.image,
+		className: css$23.image,
 		src,
 		alt,
 		onError: () => {
@@ -7056,7 +8668,7 @@ const MarkdownText = memo(function MarkdownText({ text, streaming = false, label
 		pathImages
 	]);
 	return jsx("div", {
-		className: css$22.markdown,
+		className: css$23.markdown,
 		children
 	});
 });
@@ -7119,7 +8731,7 @@ function SafeLink({ url, label, className }) {
 		rel: "noopener noreferrer",
 		children: [jsx(LinkIcon, {
 			kind: "url",
-			className: css$23.linkIcon
+			className: css$24.linkIcon
 		}), label]
 	});
 }
@@ -7134,20 +8746,20 @@ function SafeLink({ url, label, className }) {
 */
 function SourceItem({ source, ordinal }) {
 	return jsxs("li", {
-		className: css$23.source,
+		className: css$24.source,
 		value: ordinal,
 		children: [
 			jsx(SafeLink, {
 				url: source.url,
 				label: linkLabel(source.url, source.title),
-				className: css$23.sourceLink
+				className: css$24.sourceLink
 			}),
 			source.snippet !== void 0 && source.snippet !== "" && jsx("div", {
-				className: css$23.snippet,
+				className: css$24.snippet,
 				children: source.snippet
 			}),
 			source.publishedAt !== void 0 && source.publishedAt !== "" && jsx("div", {
-				className: css$23.published,
+				className: css$24.published,
 				children: source.publishedAt
 			})
 		]
@@ -7162,28 +8774,28 @@ function SourceItem({ source, ordinal }) {
 function WebSearchBlock({ answer, sources, truncated, labels, className }) {
 	const empty = (answer === void 0 || answer === "") && sources.length === 0;
 	return jsxs("div", {
-		className: clsx(css$23.block, className),
+		className: clsx(css$24.block, className),
 		"data-web": "search",
 		children: [
 			answer !== void 0 && answer !== "" && jsx("div", {
-				className: css$23.answer,
+				className: css$24.answer,
 				children: jsx(MarkdownText, {
 					text: answer,
 					labels: labels.markdown
 				})
 			}),
 			empty ? jsx("div", {
-				className: css$23.empty,
+				className: css$24.empty,
 				children: labels.noResults
 			}) : jsx("ol", {
-				className: css$23.sources,
+				className: css$24.sources,
 				children: sources.map((source, index) => jsx(SourceItem, {
 					source,
 					ordinal: index + 1
 				}, index))
 			}),
 			truncated && jsx("div", {
-				className: css$23.truncated,
+				className: css$24.truncated,
 				children: labels.sourcesTruncated
 			})
 		]
@@ -7196,23 +8808,23 @@ function WebSearchBlock({ answer, sources, truncated, labels, className }) {
 */
 function WebFetchBlock({ url, statusCode, truncated, labels, className }) {
 	return jsxs("div", {
-		className: clsx(css$23.block, css$23.fetch, className),
+		className: clsx(css$24.block, css$24.fetch, className),
 		"data-web": "fetch",
 		children: [jsx(SafeLink, {
 			url,
 			label: url,
-			className: css$23.fetchUrl
+			className: css$24.fetchUrl
 		}), jsxs("div", {
-			className: css$23.fetchMeta,
+			className: css$24.fetchMeta,
 			children: [jsxs("span", {
-				className: css$23.status,
+				className: css$24.status,
 				children: [
 					labels.http,
 					" ",
 					statusCode
 				]
 			}), truncated && jsx("span", {
-				className: css$23.truncated,
+				className: css$24.truncated,
 				children: labels.contentTruncated
 			})]
 		})]
@@ -7246,10 +8858,10 @@ function JsonBlock({ label, payload, defaultOpen = false, truncatedLabel }) {
 		truncatedLabel
 	]);
 	return jsxs("div", {
-		className: css$24.root,
+		className: css$25.root,
 		children: [jsxs("button", {
 			type: "button",
-			className: css$24.toggle,
+			className: css$25.toggle,
 			onClick: () => {
 				setOpen((v) => !v);
 			},
@@ -7259,7 +8871,7 @@ function JsonBlock({ label, payload, defaultOpen = false, truncatedLabel }) {
 				label
 			]
 		}), open && jsx("pre", {
-			className: css$24.body,
+			className: css$25.body,
 			children: body
 		})]
 	});
@@ -7336,6 +8948,6 @@ function extractMarkdownPlainText(markdown, options = {}) {
 	}
 }
 //#endregion
-export { BrandWordmark, Button, CodeBlock, ConnectionIndicator, DEFAULT_DIFF_MAX_LINES, DEFAULT_READ_MAX_LINES, DEFAULT_SEARCH_MAX_LINES, DEFAULT_TERMINAL_MAX_LINES, DiffBlock, DisclosureRow, DocumentFileIcon, FISH_LOGO_PATH, FISH_LOGO_VIEWBOX, FishLogo, HoverCard, IconAgentPresetOutline16, IconAlarmClockOutline16, IconApiOutline14, IconArchiveOutline20, IconBranchOutline16, IconBrowseOutline16, IconCheckOutline14, IconCheckOutline16, IconChecklistOutline14, IconChevronDownOutline14, IconChevronLeftOutline14, IconChevronRightOutline14, IconChevronUpOutline14, IconClockOutline16, IconCloseFill14, IconCloseOutline16, IconCodeOutline16, IconContextInjectionOutline16, IconCopyOutline16, IconCordisPluginOutline14, IconDarkOutline16, IconDataOutline16, IconDatabaseOutline16, IconDislikeFill16, IconDislikeOutline16, IconDownloadOutline16, IconEditOutline16, IconEllipsisOutline16, IconEnhanceOutline16, IconFolderClose16, IconFolderOpen16, IconFolderOpenOutline16, IconFollowsystemOutline16, IconFullscreenOutline16, IconGaugeOutline16, IconGlobeOutline14, IconGoalOutline16, IconInspectOutline12, IconLightOutline16, IconLikeFill16, IconLikeOutline16, IconLinkOutline14, IconLinkOutline16, IconListPenOutline16, IconLoadingOutline16, IconNewChatOutline16, IconPanelLeftOutline16, IconPaperclipOutline16, IconPauseOutline16, IconPersonalizationOutline16, IconPlayOutline16, IconPlusOutline16, IconProjectAddOutline16, IconQuestionOutline14, IconQueueOutline14, IconRefreshOutline14, IconRefreshOutline16, IconRightUpOutline14, IconRightUpOutline16, IconSearchOutline16, IconSendOutline14, IconSendOutline16, IconSettingsOutline14, IconSettingsOutline16, IconShareOutline16, IconSkillOutline16, IconSparkle16, IconStopFill16, IconThinkOutline14, IconThinkOutline16, IconTrashOutline16, IconTreeCorner8x10, IconTriangleRightFill14, IconUserOutline16, IconWarningOutline16, Input, JsonBlock, JsonTree, LinkIcon, MarkdownText, Menu, Modal, OnboardingSurface, Pill, ReadBlock, ReferenceIcon, RiskConfirmation, SearchBlock, StateDot, Switch, Tag, TerminalBlock, Toast, Tooltip, WebBlock, classifyLinkPath, diffTotals, extractMarkdownPlainText, fileSizeText, projectUserText, rankByName, relativeTime, useAnchoredMaxHeight, useAnchoredPosition, useDismissOnOutsidePointer, writeClipboard };
+export { BrandWordmark, Button, CodeBlock, ConnectionIndicator, DEFAULT_DIFF_MAX_LINES, DEFAULT_READ_MAX_LINES, DEFAULT_SEARCH_MAX_LINES, DEFAULT_TERMINAL_MAX_LINES, DiffBlock, DisclosureRow, FISH_LOGO_PATH, FISH_LOGO_VIEWBOX, FileTypeIcon, FishLogo, HoverCard, IconAgentPresetOutline16, IconAlarmClockOutline16, IconApiOutline14, IconArchiveOutline20, IconBranchOutline16, IconBrowseOutline16, IconCheckOutline14, IconCheckOutline16, IconChecklistOutline14, IconChevronDownOutline14, IconChevronLeftOutline14, IconChevronRightOutline14, IconChevronUpOutline14, IconClockOutline16, IconCloseFill14, IconCloseOutline16, IconCodeOutline16, IconContextInjectionOutline16, IconCopyOutline16, IconCordisPluginOutline14, IconDarkOutline16, IconDataOutline16, IconDatabaseOutline16, IconDislikeFill16, IconDislikeOutline16, IconDownloadOutline16, IconEditOutline16, IconEllipsisOutline16, IconEnhanceOutline16, IconFolderClose16, IconFolderOpen16, IconFolderOpenOutline16, IconFollowsystemOutline16, IconFullscreenOutline16, IconGaugeOutline16, IconGlobeOutline14, IconGoalOutline16, IconInspectOutline12, IconLightOutline16, IconLikeFill16, IconLikeOutline16, IconLinkOutline14, IconLinkOutline16, IconListPenOutline16, IconLoadingOutline16, IconNewChatOutline16, IconPanelLeftOutline16, IconPaperclipOutline16, IconPauseOutline16, IconPersonalizationOutline16, IconPlayOutline16, IconPlusOutline16, IconProjectAddOutline16, IconQuestionOutline14, IconQueueOutline14, IconRefreshOutline14, IconRefreshOutline16, IconRightUpOutline14, IconRightUpOutline16, IconSearchOutline16, IconSendOutline14, IconSendOutline16, IconSettingsOutline14, IconSettingsOutline16, IconShareOutline16, IconSkillOutline16, IconSparkle16, IconStopFill16, IconThinkOutline14, IconThinkOutline16, IconTrashOutline16, IconTreeCorner8x10, IconTriangleRightFill14, IconUserOutline16, IconWarningOutline16, Input, JsonBlock, JsonTree, LinkIcon, MarkdownText, Menu, Modal, OnboardingSurface, Pill, ReadBlock, ReferenceIcon, RiskConfirmation, SearchBlock, StateDot, Switch, Tag, TerminalBlock, Toast, Tooltip, WebBlock, classifyFileType, classifyLinkPath, diffTotals, extractMarkdownPlainText, fileExtension, fileSizeText, projectUserText, rankByName, relativeTime, useAnchoredMaxHeight, useAnchoredPosition, useDismissOnOutsidePointer, writeClipboard };
 
 //# sourceMappingURL=index.js.map