lazycodex-ai 5.0.0-beta.89 → 5.0.0-beta.90

package/packages/omo-codex/plugin/skills/ulw-research/scripts/entry-guard.mjs

@@ -0,0 +1,21 @@
+import { realpathSync } from "node:fs"
+import { pathToFileURL } from "node:url"
+
+/**
+ * True when the module at `importMetaUrl` is the process entrypoint (`node <script>`).
+ * Compares against the realpath too: Node resolves import.meta.url through symlinks while
+ * process.argv[1] keeps the symlinked spelling, so a plain equality check silently skips the CLI
+ * body when the skill is reached through a symlinked plugin directory.
+ *
+ * @param {string} importMetaUrl the caller's import.meta.url
+ */
+export function isCliEntry(importMetaUrl) {
+	const argv1 = process.argv[1]
+	if (argv1 === undefined) return false
+	if (importMetaUrl === pathToFileURL(argv1).href) return true
+	try {
+		return importMetaUrl === pathToFileURL(realpathSync(argv1)).href
+	} catch {
+		return false
+	}
+}

package/packages/omo-codex/plugin/skills/ulw-research/scripts/format-extract-css.mjs

@@ -0,0 +1,122 @@
+// format-extract-css.mjs - the CSS half of format-extract: tokens, font stacks, ranked colors,
+// breakpoints, and the reading measure. Only values the stylesheet states are returned; a
+// missing value stays undefined so the renderer writes `TODO: ask`.
+// Plain Node ESM, node: builtins and siblings only.
+
+import { customProperties, fontFamilies, hexColors, mediaBreakpoints, resolveVar, scanRules } from "./css-lite.mjs"
+
+const ROLE_ORDER = ["body", "heading", "link", "background", "border", "accent"]
+const TOP_COLORS = 8
+const ABSOLUTE_LENGTH = /^\d+(?:\.\d+)?(?:px|rem|em|ch)$/i
+
+/** Last compound of each comma-separated selector part, pseudo-classes and attributes dropped. */
+function subjects(selector) {
+	return selector.split(",").map((part) => {
+		const compounds = part.trim().split(/\s*[\s>+~]\s*/)
+		return (compounds.at(-1) ?? "").replace(/(?:::?[\w-]+(?:\([^)]*\))?|\[[^\]]*\])+$/g, "").toLowerCase()
+	})
+}
+
+const isBodySubject = (subject) => subject === "body" || subject === "html" || subject === ":root"
+const isHeadingSubject = (subject) => /^h[1-6](?![\w-])/.test(subject)
+const isMonoSubject = (subject) => /^(?:code|pre|kbd|samp)(?![\w-])/.test(subject)
+const isLinkSubject = (subject) => /^a(?![\w-])/.test(subject)
+
+function formatStack(families) {
+	return families.map((family) => (/^-?[A-Za-z_][\w-]*$/.test(family) ? family : JSON.stringify(family))).join(", ")
+}
+
+/** { body?, heading?, mono? } from font-family / font declarations, var() resolved. */
+export function fontStacks(css) {
+	const fonts = {}
+	const entries = fontFamilies(css)
+	const pick = (test) => entries.find((entry) => subjects(entry.selector).some(test))
+	const body = pick(isBodySubject)
+	const heading = pick(isHeadingSubject)
+	const mono = pick(isMonoSubject) ?? entries.find((entry) => entry.families.at(-1)?.toLowerCase() === "monospace")
+	if (body) fonts.body = formatStack(body.families)
+	if (heading) fonts.heading = formatStack(heading.families)
+	if (mono) fonts.mono = formatStack(mono.families)
+	return fonts
+}
+
+function tokenRoles(name) {
+	const roles = []
+	if (/accent|primary|brand/i.test(name)) roles.push("accent")
+	if (/(?:^--|-)bg(?:-|$)|background|surface/i.test(name)) roles.push("background")
+	if (/border|(?:^--|-)rule(?:-|$)/i.test(name)) roles.push("border")
+	return roles
+}
+
+function declarationRoles(selector, prop) {
+	if (prop.startsWith("--")) return tokenRoles(prop)
+	if (prop.startsWith("background")) return ["background"]
+	if (prop.startsWith("border") || prop.startsWith("outline")) return ["border"]
+	if (prop !== "color") return []
+	const parts = subjects(selector)
+	const roles = []
+	if (parts.some(isLinkSubject)) roles.push("link")
+	if (parts.some(isHeadingSubject)) roles.push("heading")
+	if (parts.some(isBodySubject)) roles.push("body")
+	return roles
+}
+
+/**
+ * Top hex colors by use count (ties keep first appearance): each token definition counts once,
+ * and each other declaration counts once per hex it resolves to (var() against light tokens).
+ * Roles are guessed from the selector and property where the color is used.
+ */
+export function rankColors(css, lightTokens) {
+	const table = new Map()
+	for (const rule of scanRules(css)) {
+		for (const { prop, value } of rule.declarations) {
+			const roles = declarationRoles(rule.selector, prop)
+			for (const hex of hexColors(prop.startsWith("--") ? value : resolveVar(value, lightTokens))) {
+				const entry = table.get(hex) ?? { hex, count: 0, roles: new Set() }
+				entry.count++
+				for (const role of roles) entry.roles.add(role)
+				table.set(hex, entry)
+			}
+		}
+	}
+	return [...table.values()]
+		.sort((a, b) => b.count - a.count)
+		.slice(0, TOP_COLORS)
+		.map((entry) => ({ hex: entry.hex, count: entry.count, roles: ROLE_ORDER.filter((role) => entry.roles.has(role)) }))
+}
+
+/** { fontSize?, lineHeight?, maxWidth? }: body size and leading, plus the most used absolute max width. */
+export function readingMeasure(css, lightTokens) {
+	const measure = {}
+	const rules = scanRules(css).filter((rule) => !rule.atRule)
+	for (const rule of rules) {
+		if (!subjects(rule.selector).some(isBodySubject)) continue
+		for (const { prop, value } of rule.declarations) {
+			if (prop === "font-size" && !measure.fontSize) measure.fontSize = resolveVar(value, lightTokens)
+			if (prop === "line-height" && !measure.lineHeight) measure.lineHeight = resolveVar(value, lightTokens)
+		}
+	}
+	const widths = new Map()
+	for (const rule of rules) {
+		for (const { prop, value } of rule.declarations) {
+			if (prop !== "max-width" && prop !== "max-inline-size") continue
+			const resolved = resolveVar(value, lightTokens).trim()
+			if (ABSOLUTE_LENGTH.test(resolved)) widths.set(resolved, (widths.get(resolved) ?? 0) + 1)
+		}
+	}
+	const widest = [...widths].sort((a, b) => b[1] - a[1])[0]
+	if (widest) measure.maxWidth = widest[0]
+	return measure
+}
+
+/** Every CSS-derived Extract field from one concatenated stylesheet. */
+export function cssFacts(css) {
+	const tokens = customProperties(css)
+	return {
+		tokens,
+		fonts: fontStacks(css),
+		colors: rankColors(css, tokens.light),
+		breakpoints: mediaBreakpoints(css),
+		measure: readingMeasure(css, tokens.light),
+	}
+}

package/packages/omo-codex/plugin/skills/ulw-research/scripts/format-extract.mjs

@@ -0,0 +1,229 @@
+// format-extract.mjs - read a pointed-at HTML or Markdown document and return the facts a
+// design-spec.md draft needs (render with design-spec.renderDesignSpec). Nothing is guessed:
+// a value the document does not state is left out, and the renderer writes `TODO: ask`.
+//
+// Static input only. fetchHtml downloads exactly the given URL with plain fetch; external
+// stylesheets are never followed (each is recorded as a note). A page that renders its
+// content client-side is the orchestrator's job: render it with the browser skill, save the
+// HTML, and pass the saved file. PDF input is rejected with UnsupportedFormatError.
+// Plain Node ESM, node: builtins and siblings only.
+
+import { readFileSync } from "node:fs"
+import { extname } from "node:path"
+
+import { cssFacts } from "./format-extract-css.mjs"
+import { parseHtml, proseText } from "./html-lite.mjs"
+
+export const UNSUPPORTED_MESSAGE = "unsupported: point at the HTML or Markdown source"
+export const FETCH_TIMEOUT_MS = 15_000
+
+const S_MARKER = /\[S\d+\]/
+const SOURCE_ANCHOR = /\[(?:\uCD9C\uCC98|source(?:\s*\d+)?)\]/i
+const LINEAGE_TOKEN = /\b(?:MEASURED|ASSUMED|DERIVED)\b/
+const MD_FOOTNOTE = /\[\^[^\]\s]+\]/
+const HEADING_NUMBER = /^(\d{1,3}(?:\.\d{1,3})*)\.?(?=\s|$)/
+const FENCE = /^\s{0,3}(`{3,}|~{3,})/
+const MD_HEADING = /^(#{1,6})\s+(.*?)\s*#*\s*$/
+/**
+ * @typedef {{ hex: string, count: number, roles: string[] }} ExtractColor
+ * @typedef {{
+ *   origin: string | undefined, bytes: number,
+ *   tokens: { light: Map<string, string>, dark: Map<string, string> },
+ *   fonts: { body?: string, heading?: string, mono?: string }, colors: ExtractColor[], breakpoints: number[],
+ *   headingNumbering: "double-digit" | "decimal" | "none" | "unknown",
+ *   citationStyle: "bracket-S" | "bracket-source" | "footnote" | "unknown",
+ *   lineageMode: "inline" | "section" | "unknown", figureContainers: string[],
+ *   skeleton: { level: number, text: string }[],
+ *   measure: { fontSize?: string, lineHeight?: string, maxWidth?: string }, notes: string[],
+ * }} Extract
+ */
+
+const HTML_EXTENSIONS = new Set([".html", ".htm", ".xhtml"])
+const MD_EXTENSIONS = new Set([".md", ".markdown"])
+
+export class UnsupportedFormatError extends Error {
+	constructor(detail) {
+		super(UNSUPPORTED_MESSAGE)
+		this.name = "UnsupportedFormatError"
+		this.code = "unsupported"
+		this.detail = detail
+	}
+}
+
+function rejectPdf(source, origin) {
+	if (/\.pdf$/i.test(String(origin ?? ""))) throw new UnsupportedFormatError(`pdf origin: ${origin}`)
+	if (String(source).trimStart().startsWith("%PDF-")) throw new UnsupportedFormatError("pdf bytes")
+}
+
+/** @returns {Extract} */
+function baseExtract(source, origin) {
+	return {
+		origin,
+		bytes: Buffer.byteLength(String(source), "utf8"),
+		tokens: { light: new Map(), dark: new Map() },
+		fonts: {},
+		colors: [],
+		breakpoints: [],
+		headingNumbering: "unknown",
+		citationStyle: "unknown",
+		lineageMode: "unknown",
+		figureContainers: [],
+		skeleton: [],
+		measure: {},
+		notes: [],
+	}
+}
+
+/** h2 numbers ("01", "1.2", or null) -> double-digit when every numbered h2 uses two digits. */
+function classifyNumbering(numbers) {
+	if (!numbers.length) return "unknown"
+	const numbered = numbers.filter(Boolean)
+	if (numbered.length * 2 < numbers.length) return "none"
+	return numbered.every((number) => /^\d{2}$/.test(number)) ? "double-digit" : "decimal"
+}
+
+function headingNumber(text) {
+	return HEADING_NUMBER.exec(text)?.[1] ?? null
+}
+
+function citationFacts(text, hasFootnotes, hasLineageAttribute) {
+	const style = S_MARKER.test(text) ? "bracket-S" : SOURCE_ANCHOR.test(text) ? "bracket-source" : hasFootnotes ? "footnote" : "unknown"
+	let lineage = "unknown"
+	if (hasLineageAttribute || LINEAGE_TOKEN.test(text) || S_MARKER.test(text)) lineage = "inline"
+	else if (SOURCE_ANCHOR.test(text)) lineage = "section"
+	return { style, lineage }
+}
+
+function walk(node, visit) {
+	for (const child of node.children) {
+		visit(child)
+		walk(child, visit)
+	}
+}
+
+function classesOf(node) {
+	return String(node.attrs.class ?? "").split(/\s+/).filter(Boolean)
+}
+
+/** Previous element sibling whose whole text is a heading number (a `.sec-no` style eyebrow). */
+function eyebrowNumber(heading) {
+	const siblings = heading.parent.children.filter((child) => child.tag !== "#text" || child.text.trim())
+	const previous = siblings[siblings.indexOf(heading) - 1]
+	if (!previous || previous.tag === "#text" || /^h[1-6]$/.test(previous.tag)) return null
+	const text = proseText(previous)
+	return HEADING_NUMBER.test(text) && headingNumber(text) === text.replace(/\.$/, "") ? headingNumber(text) : null
+}
+
+/** Nearest `<figure>` or fig/chart-classed ancestor of an img or svg. */
+function figureContainer(node) {
+	for (let cur = node.parent; cur && cur.tag !== "body"; cur = cur.parent) {
+		const classes = classesOf(cur)
+		if (cur.tag === "figure" || classes.some((name) => /fig|chart/i.test(name))) return cur
+	}
+	return null
+}
+
+function rankByCount(names) {
+	const counts = new Map()
+	for (const name of names) counts.set(name, (counts.get(name) ?? 0) + 1)
+	return [...counts].sort((a, b) => b[1] - a[1]).map(([name]) => name)
+}
+
+/** @returns {Extract} throws UnsupportedFormatError on PDF input. */
+export function extractFromHtml(source, { origin } = {}) {
+	rejectPdf(source, origin)
+	const extract = baseExtract(source, origin)
+	const root = parseHtml(source)
+	const styles = []
+	const headings = []
+	const containers = []
+	let hasFootnotes = false
+	let hasLineageAttribute = false
+	let scripts = 0
+	walk(root, (node) => {
+		if (node.tag === "style") styles.push(node.raw ?? "")
+		else if (node.tag === "script") scripts++
+		else if (node.tag === "link" && /(?:^|\s)stylesheet(?:\s|$)/i.test(node.attrs.rel ?? "")) {
+			extract.notes.push(`skipped external stylesheet: ${node.attrs.href ?? "(no href)"}`)
+		} else if (/^h[1-6]$/.test(node.tag)) headings.push(node)
+		else if (node.tag === "img" || node.tag === "svg") {
+			const container = figureContainer(node)
+			if (container) containers.push(...classesOf(container))
+		} else if (node.tag === "sup" && node.children.some((child) => child.tag === "a" && /^#/.test(child.attrs.href ?? ""))) hasFootnotes = true
+		else if (node.attrs?.role === "doc-noteref") hasFootnotes = true
+		if (node.attrs && Object.hasOwn(node.attrs, "data-lineage")) hasLineageAttribute = true
+	})
+	const css = styles.join("\n")
+	for (const match of css.matchAll(/@import\s+(?:url\()?\s*["']?([^"')\s;]+)/gi)) extract.notes.push(`skipped @import: ${match[1]}`)
+	if (styles.length > 1) extract.notes.push(`${styles.length} <style> blocks concatenated`)
+	if (css.trim()) Object.assign(extract, cssFacts(css))
+	if (!extract.fonts.heading && extract.fonts.body) extract.notes.push("no heading font-family rule; headings inherit the body stack")
+
+	const body = root.children.find((child) => child.tag === "html")?.children.find((child) => child.tag === "body")
+		?? root.children.find((child) => child.tag === "body")
+		?? root
+	const text = proseText(body)
+	if (scripts && text.length < 200) {
+		extract.notes.push(`little static text with ${scripts} <script> tags: if the page renders client-side, render it with the browser skill and pass the saved HTML`)
+	}
+	const citation = citationFacts(text, hasFootnotes, hasLineageAttribute)
+	extract.citationStyle = citation.style
+	extract.lineageMode = citation.lineage
+	const h2 = headings.filter((node) => node.tag === "h2")
+	extract.headingNumbering = classifyNumbering(h2.map((node) => headingNumber(proseText(node)) ?? eyebrowNumber(node)))
+	extract.skeleton = headings
+		.filter((node) => node.tag === "h1" || node.tag === "h2")
+		.map((node) => ({ level: Number(node.tag[1]), text: proseText(node) }))
+	extract.figureContainers = rankByCount(containers)
+	return extract
+}
+
+/** Markdown carries structure only: skeleton, heading numbering, citation style. @returns {Extract} */
+export function extractFromMarkdown(source, { origin } = {}) {
+	rejectPdf(source, origin)
+	const extract = baseExtract(source, origin)
+	const prose = []
+	let fence = null
+	for (const line of String(source).split(/\r?\n/)) {
+		const fenceMatch = FENCE.exec(line)
+		if (fence) {
+			if (fenceMatch && fenceMatch[1][0] === fence[0] && fenceMatch[1].length >= fence.length && line.trim() === fenceMatch[1]) fence = null
+			continue
+		}
+		if (fenceMatch) {
+			fence = fenceMatch[1]
+			continue
+		}
+		prose.push(line.replace(/`[^`]*`/g, ""))
+		const heading = MD_HEADING.exec(line)
+		if (heading && heading[1].length <= 2) extract.skeleton.push({ level: heading[1].length, text: heading[2] })
+	}
+	const text = prose.join("\n")
+	extract.citationStyle = citationFacts(text, MD_FOOTNOTE.test(text), false).style
+	extract.headingNumbering = classifyNumbering(extract.skeleton.filter((entry) => entry.level === 2).map((entry) => headingNumber(entry.text)))
+	extract.notes.push("markdown source: tokens, fonts, colors, breakpoints, figures, and measure are not carried by Markdown")
+	return extract
+}
+
+/** Dispatch on the file extension: .html/.htm/.xhtml, .md/.markdown; anything else (PDF included) is unsupported. @returns {Extract} */
+export function extractFromPath(filePath) {
+	const extension = extname(filePath).toLowerCase()
+	if (HTML_EXTENSIONS.has(extension)) return extractFromHtml(readFileSync(filePath, "utf8"), { origin: filePath })
+	if (MD_EXTENSIONS.has(extension)) return extractFromMarkdown(readFileSync(filePath, "utf8"), { origin: filePath })
+	throw new UnsupportedFormatError(`extension ${extension || "(none)"}: ${filePath}`)
+}
+
+/** GET exactly `url` (plain fetch, 15 s timeout, no browser) and return the body text. */
+export async function fetchHtml(url) {
+	if (/\.pdf$/i.test(new URL(url).pathname)) throw new UnsupportedFormatError(`pdf url: ${url}`)
+	const response = await fetch(url, { signal: AbortSignal.timeout(FETCH_TIMEOUT_MS) })
+	const type = response.headers.get("content-type") ?? ""
+	if (!response.ok || /pdf/i.test(type)) {
+		await response.body?.cancel()
+		if (!response.ok) throw new Error(`fetch failed: HTTP ${response.status} for ${url}`)
+		throw new UnsupportedFormatError(`pdf response: ${url}`)
+	}
+	const text = await response.text()
+	if (text.trimStart().startsWith("%PDF-")) throw new UnsupportedFormatError(`pdf bytes: ${url}`)
+	return text
+}

package/packages/omo-codex/plugin/skills/ulw-research/scripts/gates-figures.mjs

@@ -0,0 +1,173 @@
+// gates-figures.mjs - visual gates: G2 palette, G8 chart without figure, G9 chart svg text,
+// G10 Korean serif/brush fonts.
+//
+// Each gate is { codes, skip?(ctx), run(ctx) -> Defect[] } over the context built by
+// gates-static.mjs. Plain Node ESM, sibling imports only.
+
+import { fontFamilies, hexColors, normalizeHex, resolveVar } from "./css-lite.mjs"
+import { decodeEntities, proseText } from "./html-lite.mjs"
+
+const ALWAYS_ALLOWED = new Set(["#ffffff", "#000000"])
+const MAX_PALETTE = 20
+const SVG_PAINT = /(?:fill|stroke|stop-color|flood-color|lighting-color)\s*(?:=\s*["']?|:\s*)(#[0-9a-f]{3,8})(?![\w-])/gi
+const SVG_FONT = /font-family\s*(?:=\s*("[^"]*"|'[^']*')|:\s*([^;"'>]+))/gi
+const ICON_MAX = 32
+const CHART_MIN = 200
+const ICON_NAME = /icon|logo/i
+const ICON_HOSTS = new Set(["a", "button", "nav", "header", "footer", "h1", "h2", "h3", "h4", "h5", "h6"])
+const CAPTION_CLASS = /^(?:caption|fig-?cap(?:tion)?)$/
+const DEFAULT_FONT_SIZE = 16
+const MIN_TITLE_CHARS = 4
+const MIN_TICKS = 3
+const NUMERIC = /^[-+\u2212]?[$\u20AC\u00A3\u00A5\u20A9]?\d[\d,.:]*\s?(?:%|[a-z\uAC00-\uD7A3]{0,3})$/i
+const SERIF_FAMILY = /nanummyeongjo|applemyungjo|gungsuh|batang|nanumbrush|nanumpen|\uAD81\uC11C|\uBC14\uD0D5|\uBA85\uC870/
+
+function pixels(value) {
+	const match = /^\s*(\d+(?:\.\d+)?)\s*(?:px)?\s*$/i.exec(value ?? "")
+	return match ? Number(match[1]) : null
+}
+
+/** Largest declared dimension: width/height attributes or style, else the viewBox. */
+function declaredSize(node) {
+	const style = node.attrs.style ?? ""
+	const fromStyle = (prop) => pixels(new RegExp(`(?:^|;)\\s*${prop}\\s*:\\s*([^;]+)`, "i").exec(style)?.[1])
+	const sizes = [pixels(node.attrs.width), pixels(node.attrs.height), fromStyle("width"), fromStyle("height")].filter((n) => n !== null)
+	if (sizes.length) return Math.max(...sizes)
+	const box = String(node.attrs.viewbox ?? "").trim().split(/[\s,]+/).map(Number)
+	return box.length === 4 && box.every(Number.isFinite) ? Math.max(box[2], box[3]) : null
+}
+
+function isIcon(ctx, node) {
+	const size = declaredSize(node)
+	if (size !== null && size <= ICON_MAX) return true
+	if (ICON_NAME.test(`${node.attrs.class ?? ""} ${node.attrs.id ?? ""}`)) return true
+	return Boolean(ctx.util.closest(node, (cur) => ICON_HOSTS.has(cur.tag)))
+}
+
+const isFigure = (ctx) => (cur) => cur.tag === "figure" || ctx.util.classTokens(cur).includes("fig")
+
+function hasCaption(ctx, figure) {
+	return ctx.util.descendants(figure).some((node) => (node.tag === "figcaption" || ctx.util.classTokens(node).some((token) => CAPTION_CLASS.test(token))) && proseText(node).length > 0)
+}
+
+function visuals(ctx) {
+	return ctx.elements.map(({ node }) => node).filter((node) => (node.tag === "img" || node.tag === "svg") && !isIcon(ctx, node))
+}
+
+function label(node) {
+	if (node.tag === "img") {
+		const src = node.attrs.src ?? ""
+		return `<img src="${src.length > 48 ? `${src.slice(0, 48)}...` : src}">`
+	}
+	return `<svg${node.attrs.width ? ` width="${node.attrs.width}"` : ""}${node.attrs.height ? ` height="${node.attrs.height}"` : ""}>`
+}
+
+function svgTexts(raw) {
+	return [...raw.matchAll(/<text\b([^>]*)>([\s\S]*?)<\/text\s*>/gi)]
+		.map((match) => ({
+			size: Number(/font-size\s*(?:=\s*["']?|:\s*)(\d+(?:\.\d+)?)/i.exec(match[1])?.[1] ?? DEFAULT_FONT_SIZE),
+			value: decodeEntities(match[2].replace(/<[^>]*>/g, "")).replace(/\s+/g, " ").trim(),
+		}))
+		.filter((text) => text.value)
+}
+
+function missingChartLabels(raw) {
+	const texts = svgTexts(raw)
+	const title = decodeEntities(/<title\b[^>]*>([\s\S]*?)<\/title\s*>/i.exec(raw)?.[1] ?? "").trim()
+	if (!texts.length && !title) return null
+	const maxSize = Math.max(0, ...texts.map((text) => text.size))
+	const missing = []
+	if (!title && !texts.some((text) => text.size === maxSize && [...text.value].length >= MIN_TITLE_CHARS)) missing.push("title")
+	const ticks = texts.filter((text) => NUMERIC.test(text.value)).length
+	if (ticks < MIN_TICKS) missing.push(`numeric ticks (${ticks} < ${MIN_TICKS})`)
+	if (!texts.some((text) => /\p{L}/u.test(text.value) && !NUMERIC.test(text.value))) missing.push("text label")
+	return missing
+}
+
+function colorUses(ctx) {
+	const uses = new Map()
+	const add = (hex, node) => {
+		const color = normalizeHex(hex)
+		if (!color) return
+		const entry = uses.get(color) ?? { node, count: 0 }
+		entry.count++
+		uses.set(color, entry)
+	}
+	for (const { node, css } of [...ctx.styleBlocks, ...ctx.styleAttrs]) for (const hex of hexColors(css)) add(hex, node)
+	for (const node of ctx.all) {
+		if (node.tag !== "svg") continue
+		for (const key of ["fill", "stroke", "stop-color"]) if (node.attrs[key]) add(node.attrs[key], node)
+		for (const match of (node.raw ?? "").matchAll(SVG_PAINT)) add(match[1], node)
+	}
+	return uses
+}
+
+function fontDeclarations(ctx) {
+	const found = []
+	for (const { node, css } of ctx.styleBlocks) for (const { families } of fontFamilies(css)) found.push({ node, families })
+	for (const { node, css } of ctx.styleAttrs) for (const { families } of fontFamilies(`x{${resolveVar(css, ctx.tokens)}}`)) found.push({ node, families })
+	for (const node of ctx.all) {
+		if (node.tag !== "svg") continue
+		const values = [node.attrs["font-family"], ...[...(node.raw ?? "").matchAll(SVG_FONT)].map((m) => m[1] ?? m[2])].filter(Boolean)
+		for (const value of values) for (const { families } of fontFamilies(`x{font-family:${value}}`)) found.push({ node, families })
+	}
+	return found
+}
+
+export const figureGates = [
+	{
+		codes: ["palette_off_token"],
+		skip: (ctx) => ctx.palette.size === 0,
+		run(ctx) {
+			const palette = new Set([...ctx.palette].map(normalizeHex))
+			const defects = []
+			for (const [color, { node, count }] of colorUses(ctx)) {
+				if (defects.length >= MAX_PALETTE) break
+				if (palette.has(color) || ALWAYS_ALLOWED.has(color)) continue
+				defects.push(ctx.defect("palette_off_token", node, `color ${color} is not in the design-spec palette (${count} use${count === 1 ? "" : "s"})`))
+			}
+			return defects
+		},
+	},
+	{
+		codes: ["chart_without_figure"],
+		run(ctx) {
+			return visuals(ctx)
+				.filter((node) => {
+					const figure = ctx.util.closest(node, isFigure(ctx))
+					return !figure || !hasCaption(ctx, figure)
+				})
+				.map((node) => ctx.defect("chart_without_figure", node, `${label(node)} has no figure container with a non-empty caption`))
+		},
+	},
+	{
+		codes: ["chart_svg_no_text", "chart_svg_missing_labels"],
+		run(ctx) {
+			const defects = []
+			for (const node of visuals(ctx)) {
+				if (node.tag !== "svg") continue
+				if (!((declaredSize(node) ?? 0) >= CHART_MIN || ctx.util.closest(node, isFigure(ctx)))) continue
+				const missing = missingChartLabels(node.raw ?? "")
+				if (missing === null) defects.push(ctx.defect("chart_svg_no_text", node, `${label(node)} chart has no <text> and no <title>`))
+				else if (missing.length) defects.push(ctx.defect("chart_svg_missing_labels", node, `${label(node)} chart is missing: ${missing.join(", ")}`))
+			}
+			return defects
+		},
+	},
+	{
+		codes: ["korean_serif_font"],
+		run(ctx) {
+			const defects = []
+			const seen = new Set()
+			for (const { node, families } of fontDeclarations(ctx)) {
+				for (const family of families) {
+					const key = family.toLowerCase().replace(/[\s"'_-]/g, "")
+					if (!SERIF_FAMILY.test(key) || seen.has(key)) continue
+					seen.add(key)
+					defects.push(ctx.defect("korean_serif_font", node, `serif or brush Korean font family "${family}"`))
+				}
+			}
+			return defects
+		},
+	},
+]