@ulearning/ai-generative-frame 0.0.0-stage → 1.0.0-next.0

package/dist/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAY;AAE7C;AACA,MAAM,MAAM,WAAW,GAAG;IACxB,WAAW,EAAE,WAAW;IACxB,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;CAClC;AAED,MAAM,MAAM,cAAc,GACtB,oBAAoB,GACpB,iBAAiB,GACjB,uBAAuB,GACvB,cAAc,GACd,oBAAoB,GACpB,qBAAqB,GACrB,gBAAgB,GAChB,uBAAuB,GACvB,gBAAgB,GAChB,qBAAqB,GACrB,gBAAgB,GAChB,iBAAiB,GACjB,iBAAiB,GACjB,cAAc,GACd,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,aAAa,GACb,aAAa,GACb,aAAa,GACb,aAAa,GACb,aAAa;AAEjB,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,cAAc;IACpB,KAAK,EACD,SAAS,GACT,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,MAAM,GACN,OAAO;IACX,KAAK,EAAE,MAAM;CACd;AAED;AACA,eAAO,MAAM,YAAY,EAAE,SAAS,cAAc,EAuFjD;AAYD,eAAO,MAAM,oBAAoB,EAAE,WAyBlC;AAED,eAAO,MAAM,mBAAmB,EAAE,WAyBjC;AAED,eAAO,MAAM,kBAAkB,GAAI,QAAQ,WAAW,KAAG,WACO;AAEhE;;;;AAIA,MAAM,MAAM,iBAAiB,GAAG,OAAO,CACrC,MAAM,CAAC,cAAc,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC,CACnD;AAED,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,cAAc,EAAE,SAAS,MAAM,EAAE,CA+BzE;AAoBH;AACA,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,OAAO,GAAG,WAAW;AAkBhE;;;;AAIA,wBAAgB,eAAe,CAC7B,OAAO,GAAE,OAAkC,EAC3C,OAAO,GAAE,iBAAsB,GAC9B,WAAW;AAsDd;;;;AAIA,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,WAAW,GAClB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;AAoEzB;AACA,wBAAgB,cAAc,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC","names":[],"ignoreList":[],"sources":["../src/theme.ts"],"sourcesContent":[null]}

package/dist/theme.js

@@ -0,0 +1,370 @@
+// src/theme.ts
+/** The canonical tokens every frame defines, in prompt order. */
+const THEME_TOKENS = [
+	{
+		name: "--color-background",
+		group: "surface",
+		usage: "the host page behind the widget; for knockouts only, the widget itself stays transparent"
+	},
+	{
+		name: "--color-surface",
+		group: "surface",
+		usage: "cards, panels, popovers"
+	},
+	{
+		name: "--color-surface-muted",
+		group: "surface",
+		usage: "wells, table stripes, hover fills, code blocks"
+	},
+	{
+		name: "--color-text",
+		group: "text",
+		usage: "body text, headings, primary values"
+	},
+	{
+		name: "--color-text-muted",
+		group: "text",
+		usage: "labels, secondary text, axis titles"
+	},
+	{
+		name: "--color-text-subtle",
+		group: "text",
+		usage: "captions, tick labels, placeholders, disabled"
+	},
+	{
+		name: "--color-border",
+		group: "border",
+		usage: "hairlines, dividers, card outlines, gridlines"
+	},
+	{
+		name: "--color-border-strong",
+		group: "border",
+		usage: "inputs, emphasized outlines, focus-adjacent edges"
+	},
+	{
+		name: "--color-accent",
+		group: "accent",
+		usage: "primary actions, selection, the one highlighted series"
+	},
+	{
+		name: "--color-accent-text",
+		group: "accent",
+		usage: "text and icons placed on --color-accent"
+	},
+	{
+		name: "--color-danger",
+		group: "status",
+		usage: "errors, destructive actions, negative deltas"
+	},
+	{
+		name: "--color-success",
+		group: "status",
+		usage: "success, positive deltas"
+	},
+	{
+		name: "--color-warning",
+		group: "status",
+		usage: "warnings, pending states"
+	},
+	{
+		name: "--color-info",
+		group: "status",
+		usage: "neutral notices, links inside callouts"
+	},
+	{
+		name: "--chart-1",
+		group: "chart",
+		usage: "first categorical series"
+	},
+	{
+		name: "--chart-2",
+		group: "chart",
+		usage: "second categorical series"
+	},
+	{
+		name: "--chart-3",
+		group: "chart",
+		usage: "third categorical series"
+	},
+	{
+		name: "--chart-4",
+		group: "chart",
+		usage: "fourth categorical series"
+	},
+	{
+		name: "--chart-5",
+		group: "chart",
+		usage: "fifth categorical series"
+	},
+	{
+		name: "--chart-6",
+		group: "chart",
+		usage: "sixth categorical series"
+	},
+	{
+		name: "--font-sans",
+		group: "type",
+		usage: "all UI text"
+	},
+	{
+		name: "--font-mono",
+		group: "type",
+		usage: "code, tabular identifiers"
+	},
+	{
+		name: "--radius-sm",
+		group: "shape",
+		usage: "chips, inputs, small buttons"
+	},
+	{
+		name: "--radius-md",
+		group: "shape",
+		usage: "buttons, cards"
+	},
+	{
+		name: "--radius-lg",
+		group: "shape",
+		usage: "large panels, dialogs"
+	}
+];
+const SHARED = {
+	"--font-sans": "ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
+	"--font-mono": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", monospace",
+	"--radius-sm": "6px",
+	"--radius-md": "8px",
+	"--radius-lg": "12px"
+};
+const DEFAULT_LIGHT_TOKENS = {
+	colorScheme: "light",
+	variables: {
+		...SHARED,
+		"--color-background": "#ffffff",
+		"--color-surface": "#ffffff",
+		"--color-surface-muted": "#f4f4f5",
+		"--color-text": "#18181b",
+		"--color-text-muted": "#52525b",
+		"--color-text-subtle": "#71717a",
+		"--color-border": "#e4e4e7",
+		"--color-border-strong": "#d4d4d8",
+		"--color-accent": "#2563eb",
+		"--color-accent-text": "#ffffff",
+		"--color-danger": "#dc2626",
+		"--color-success": "#16a34a",
+		"--color-warning": "#d97706",
+		"--color-info": "#0284c7",
+		"--chart-1": "#2563eb",
+		"--chart-2": "#0d9488",
+		"--chart-3": "#d97706",
+		"--chart-4": "#db2777",
+		"--chart-5": "#7c3aed",
+		"--chart-6": "#65a30d"
+	}
+};
+const DEFAULT_DARK_TOKENS = {
+	colorScheme: "dark",
+	variables: {
+		...SHARED,
+		"--color-background": "#09090b",
+		"--color-surface": "#18181b",
+		"--color-surface-muted": "#27272a",
+		"--color-text": "#fafafa",
+		"--color-text-muted": "#a1a1aa",
+		"--color-text-subtle": "#71717a",
+		"--color-border": "#27272a",
+		"--color-border-strong": "#3f3f46",
+		"--color-accent": "#3b82f6",
+		"--color-accent-text": "#ffffff",
+		"--color-danger": "#f87171",
+		"--color-success": "#4ade80",
+		"--color-warning": "#fbbf24",
+		"--color-info": "#38bdf8",
+		"--chart-1": "#60a5fa",
+		"--chart-2": "#2dd4bf",
+		"--chart-3": "#fbbf24",
+		"--chart-4": "#f472b6",
+		"--chart-5": "#a78bfa",
+		"--chart-6": "#a3e635"
+	}
+};
+const defaultThemeTokens = (scheme) => scheme === "dark" ? DEFAULT_DARK_TOKENS : DEFAULT_LIGHT_TOKENS;
+const DEFAULT_TOKEN_SOURCES = {
+	"--color-background": ["--color-background", "--background"],
+	"--color-surface": [
+		"--color-surface",
+		"--card",
+		"--background"
+	],
+	"--color-surface-muted": [
+		"--color-surface-muted",
+		"--muted",
+		"--secondary"
+	],
+	"--color-text": ["--color-text", "--foreground"],
+	"--color-text-muted": ["--color-text-muted", "--muted-foreground"],
+	"--color-text-subtle": ["--color-text-subtle", "--muted-foreground"],
+	"--color-border": ["--color-border", "--border"],
+	"--color-border-strong": [
+		"--color-border-strong",
+		"--input",
+		"--ring"
+	],
+	"--color-accent": ["--color-accent", "--primary"],
+	"--color-accent-text": ["--color-accent-text", "--primary-foreground"],
+	"--color-danger": ["--color-danger", "--destructive"],
+	"--color-success": ["--color-success"],
+	"--color-warning": ["--color-warning"],
+	"--color-info": ["--color-info"],
+	"--chart-1": ["--chart-1"],
+	"--chart-2": ["--chart-2"],
+	"--chart-3": ["--chart-3"],
+	"--chart-4": ["--chart-4"],
+	"--chart-5": ["--chart-5"],
+	"--chart-6": ["--chart-6"],
+	"--font-sans": ["--font-sans"],
+	"--font-mono": ["--font-mono"],
+	"--radius-sm": ["--radius-sm"],
+	"--radius-md": ["--radius-md", "--radius"],
+	"--radius-lg": ["--radius-lg"]
+};
+/** shadcn/ui before Tailwind v4 stored colors as bare HSL channels, e.g. `222 47% 11%`. */
+const HSL_CHANNELS = /^-?[\d.]+(?:deg)?\s+[\d.]+%\s+[\d.]+%(?:\s*\/\s*[\d.]+%?)?$/;
+const RGB = /^rgba?\(\s*([\d.]+)[\s,]+([\d.]+)[\s,]+([\d.]+)(?:[\s,/]+([\d.]+))?/i;
+const schemeFromColor = (color) => {
+	const match = RGB.exec(color);
+	if (!match || match[4] === "0") return void 0;
+	const [r, g, b] = [
+		match[1],
+		match[2],
+		match[3]
+	].map(Number);
+	return .2126 * r + .7152 * g + .0722 * b < 128 ? "dark" : "light";
+};
+/** Infers the color scheme an element renders in. */
+function detectColorScheme(element) {
+	if (element.closest(".dark, [data-theme=\"dark\"], [data-mode=\"dark\"]")) return "dark";
+	if (element.closest(".light, [data-theme=\"light\"], [data-mode=\"light\"]")) return "light";
+	const view = element.ownerDocument.defaultView;
+	const style = view?.getComputedStyle(element);
+	const declared = style?.colorScheme.trim();
+	if (declared === "dark" || declared === "light") return declared;
+	const fromBackground = style && schemeFromColor(style.backgroundColor);
+	if (fromBackground) return fromBackground;
+	return view?.matchMedia?.("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+/**
+* Reads the host page's theme into canonical tokens. Tokens the page does not
+* define fall back to the built-in palette for the detected color scheme.
+*/
+function readThemeTokens(element = document.documentElement, sources = {}) {
+	const colorScheme = detectColorScheme(element);
+	const style = element.ownerDocument.defaultView?.getComputedStyle(element);
+	const variables = { ...defaultThemeTokens(colorScheme).variables };
+	if (!style) return {
+		colorScheme,
+		variables
+	};
+	const declared = /* @__PURE__ */ new Set();
+	for (const info of THEME_TOKENS) {
+		const override = sources[info.name];
+		const candidates = override === void 0 ? DEFAULT_TOKEN_SOURCES[info.name] : typeof override === "string" ? [override] : override;
+		for (const candidate of candidates) {
+			const value = style.getPropertyValue(candidate).trim();
+			if (value) {
+				declared.add(info.name);
+				variables[info.name] = HSL_CHANNELS.test(value) ? `hsl(${value})` : value;
+				break;
+			}
+		}
+	}
+	const radius = style.getPropertyValue("--radius").trim();
+	if (radius && !style.getPropertyValue("--radius-sm").trim()) variables["--radius-sm"] = `calc(${radius} - 2px)`;
+	if (radius && !style.getPropertyValue("--radius-lg").trim()) variables["--radius-lg"] = `calc(${radius} + 4px)`;
+	const doc = element.ownerDocument;
+	const font = declared.has("--font-sans") ? variables["--font-sans"] : doc.defaultView?.getComputedStyle(element === doc.documentElement && doc.body ? doc.body : element).fontFamily;
+	if (font) variables["--font-sans"] = `${font}, ${SHARED["--font-sans"]}`;
+	if (declared.has("--font-mono")) variables["--font-mono"] = `${variables["--font-mono"]}, ${SHARED["--font-mono"]}`;
+	return {
+		colorScheme,
+		variables
+	};
+}
+const tint = (color, percent) => color ? `color-mix(in srgb, ${color} ${percent}%, transparent)` : void 0;
+/**
+* Maps canonical tokens onto the MCP Apps standard style variables, so
+* widgets written for MCP Apps hosts pick up the host theme too.
+*/
+function toMcpAppsVariables(tokens) {
+	const v = tokens.variables;
+	const entries = [
+		["--color-background-primary", v["--color-background"]],
+		["--color-background-secondary", v["--color-surface"]],
+		["--color-background-tertiary", v["--color-surface-muted"]],
+		["--color-background-inverse", v["--color-text"]],
+		["--color-background-ghost", "transparent"],
+		["--color-background-info", tint(v["--color-info"], 12)],
+		["--color-background-danger", tint(v["--color-danger"], 12)],
+		["--color-background-success", tint(v["--color-success"], 12)],
+		["--color-background-warning", tint(v["--color-warning"], 12)],
+		["--color-background-disabled", v["--color-surface-muted"]],
+		["--color-text-primary", v["--color-text"]],
+		["--color-text-secondary", v["--color-text-muted"]],
+		["--color-text-tertiary", v["--color-text-subtle"]],
+		["--color-text-inverse", v["--color-background"]],
+		["--color-text-ghost", v["--color-text-subtle"]],
+		["--color-text-info", v["--color-info"]],
+		["--color-text-danger", v["--color-danger"]],
+		["--color-text-success", v["--color-success"]],
+		["--color-text-warning", v["--color-warning"]],
+		["--color-text-disabled", v["--color-text-subtle"]],
+		["--color-border-primary", v["--color-border"]],
+		["--color-border-secondary", v["--color-border-strong"]],
+		["--color-border-tertiary", v["--color-border"]],
+		["--color-border-inverse", v["--color-text"]],
+		["--color-border-ghost", "transparent"],
+		["--color-border-info", v["--color-info"]],
+		["--color-border-danger", v["--color-danger"]],
+		["--color-border-success", v["--color-success"]],
+		["--color-border-warning", v["--color-warning"]],
+		["--color-border-disabled", v["--color-border"]],
+		["--color-ring-primary", v["--color-accent"]],
+		["--color-ring-secondary", v["--color-border-strong"]],
+		["--color-ring-inverse", v["--color-background"]],
+		["--color-ring-info", v["--color-info"]],
+		["--color-ring-danger", v["--color-danger"]],
+		["--color-ring-success", v["--color-success"]],
+		["--color-ring-warning", v["--color-warning"]],
+		["--font-sans", v["--font-sans"]],
+		["--font-mono", v["--font-mono"]],
+		["--font-weight-normal", "400"],
+		["--font-weight-medium", "500"],
+		["--font-weight-semibold", "600"],
+		["--font-weight-bold", "700"],
+		["--font-text-xs-size", "12px"],
+		["--font-text-sm-size", "14px"],
+		["--font-text-md-size", "16px"],
+		["--font-text-lg-size", "18px"],
+		["--font-heading-sm-size", "18px"],
+		["--font-heading-md-size", "22px"],
+		["--font-heading-lg-size", "28px"],
+		["--border-radius-xs", v["--radius-sm"]],
+		["--border-radius-sm", v["--radius-sm"]],
+		["--border-radius-md", v["--radius-md"]],
+		["--border-radius-lg", v["--radius-lg"]],
+		["--border-radius-xl", v["--radius-lg"]],
+		["--border-radius-full", "9999px"],
+		["--border-width-regular", "1px"]
+	];
+	const result = {};
+	for (const [name, value] of entries) if (value !== void 0) result[name] = value;
+	return result;
+}
+/** Every variable a frame receives: canonical tokens plus their MCP Apps aliases. */
+function themeVariables(tokens) {
+	return {
+		...toMcpAppsVariables(tokens),
+		...tokens.variables
+	};
+}
+export { DEFAULT_DARK_TOKENS, DEFAULT_LIGHT_TOKENS, DEFAULT_TOKEN_SOURCES, THEME_TOKENS, defaultThemeTokens, detectColorScheme, readThemeTokens, themeVariables, toMcpAppsVariables };
+
+//# sourceMappingURL=theme.js.map

package/dist/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","names":[],"sources":["../src/theme.ts"],"sourcesContent":["import type { ColorScheme } from \"./protocol\";\n\n/** Theme values sent into a widget frame, keyed by CSS custom property name. */\nexport type ThemeTokens = {\n  colorScheme: ColorScheme;\n  variables: Record<string, string>;\n};\n\nexport type ThemeTokenName =\n  | \"--color-background\"\n  | \"--color-surface\"\n  | \"--color-surface-muted\"\n  | \"--color-text\"\n  | \"--color-text-muted\"\n  | \"--color-text-subtle\"\n  | \"--color-border\"\n  | \"--color-border-strong\"\n  | \"--color-accent\"\n  | \"--color-accent-text\"\n  | \"--color-danger\"\n  | \"--color-success\"\n  | \"--color-warning\"\n  | \"--color-info\"\n  | \"--chart-1\"\n  | \"--chart-2\"\n  | \"--chart-3\"\n  | \"--chart-4\"\n  | \"--chart-5\"\n  | \"--chart-6\"\n  | \"--font-sans\"\n  | \"--font-mono\"\n  | \"--radius-sm\"\n  | \"--radius-md\"\n  | \"--radius-lg\";\n\nexport type ThemeTokenInfo = {\n  name: ThemeTokenName;\n  group:\n    | \"surface\"\n    | \"text\"\n    | \"border\"\n    | \"accent\"\n    | \"status\"\n    | \"chart\"\n    | \"type\"\n    | \"shape\";\n  usage: string;\n};\n\n/** The canonical tokens every frame defines, in prompt order. */\nexport const THEME_TOKENS: readonly ThemeTokenInfo[] = [\n  {\n    name: \"--color-background\",\n    group: \"surface\",\n    usage:\n      \"the host page behind the widget; for knockouts only, the widget itself stays transparent\",\n  },\n  {\n    name: \"--color-surface\",\n    group: \"surface\",\n    usage: \"cards, panels, popovers\",\n  },\n  {\n    name: \"--color-surface-muted\",\n    group: \"surface\",\n    usage: \"wells, table stripes, hover fills, code blocks\",\n  },\n  {\n    name: \"--color-text\",\n    group: \"text\",\n    usage: \"body text, headings, primary values\",\n  },\n  {\n    name: \"--color-text-muted\",\n    group: \"text\",\n    usage: \"labels, secondary text, axis titles\",\n  },\n  {\n    name: \"--color-text-subtle\",\n    group: \"text\",\n    usage: \"captions, tick labels, placeholders, disabled\",\n  },\n  {\n    name: \"--color-border\",\n    group: \"border\",\n    usage: \"hairlines, dividers, card outlines, gridlines\",\n  },\n  {\n    name: \"--color-border-strong\",\n    group: \"border\",\n    usage: \"inputs, emphasized outlines, focus-adjacent edges\",\n  },\n  {\n    name: \"--color-accent\",\n    group: \"accent\",\n    usage: \"primary actions, selection, the one highlighted series\",\n  },\n  {\n    name: \"--color-accent-text\",\n    group: \"accent\",\n    usage: \"text and icons placed on --color-accent\",\n  },\n  {\n    name: \"--color-danger\",\n    group: \"status\",\n    usage: \"errors, destructive actions, negative deltas\",\n  },\n  {\n    name: \"--color-success\",\n    group: \"status\",\n    usage: \"success, positive deltas\",\n  },\n  {\n    name: \"--color-warning\",\n    group: \"status\",\n    usage: \"warnings, pending states\",\n  },\n  {\n    name: \"--color-info\",\n    group: \"status\",\n    usage: \"neutral notices, links inside callouts\",\n  },\n  { name: \"--chart-1\", group: \"chart\", usage: \"first categorical series\" },\n  { name: \"--chart-2\", group: \"chart\", usage: \"second categorical series\" },\n  { name: \"--chart-3\", group: \"chart\", usage: \"third categorical series\" },\n  { name: \"--chart-4\", group: \"chart\", usage: \"fourth categorical series\" },\n  { name: \"--chart-5\", group: \"chart\", usage: \"fifth categorical series\" },\n  { name: \"--chart-6\", group: \"chart\", usage: \"sixth categorical series\" },\n  { name: \"--font-sans\", group: \"type\", usage: \"all UI text\" },\n  { name: \"--font-mono\", group: \"type\", usage: \"code, tabular identifiers\" },\n  {\n    name: \"--radius-sm\",\n    group: \"shape\",\n    usage: \"chips, inputs, small buttons\",\n  },\n  { name: \"--radius-md\", group: \"shape\", usage: \"buttons, cards\" },\n  { name: \"--radius-lg\", group: \"shape\", usage: \"large panels, dialogs\" },\n];\n\nconst SHARED: Partial<Record<ThemeTokenName, string>> = {\n  \"--font-sans\":\n    'ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif',\n  \"--font-mono\":\n    'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", monospace',\n  \"--radius-sm\": \"6px\",\n  \"--radius-md\": \"8px\",\n  \"--radius-lg\": \"12px\",\n};\n\nexport const DEFAULT_LIGHT_TOKENS: ThemeTokens = {\n  colorScheme: \"light\",\n  variables: {\n    ...SHARED,\n    \"--color-background\": \"#ffffff\",\n    \"--color-surface\": \"#ffffff\",\n    \"--color-surface-muted\": \"#f4f4f5\",\n    \"--color-text\": \"#18181b\",\n    \"--color-text-muted\": \"#52525b\",\n    \"--color-text-subtle\": \"#71717a\",\n    \"--color-border\": \"#e4e4e7\",\n    \"--color-border-strong\": \"#d4d4d8\",\n    \"--color-accent\": \"#2563eb\",\n    \"--color-accent-text\": \"#ffffff\",\n    \"--color-danger\": \"#dc2626\",\n    \"--color-success\": \"#16a34a\",\n    \"--color-warning\": \"#d97706\",\n    \"--color-info\": \"#0284c7\",\n    \"--chart-1\": \"#2563eb\",\n    \"--chart-2\": \"#0d9488\",\n    \"--chart-3\": \"#d97706\",\n    \"--chart-4\": \"#db2777\",\n    \"--chart-5\": \"#7c3aed\",\n    \"--chart-6\": \"#65a30d\",\n  } as Record<string, string>,\n};\n\nexport const DEFAULT_DARK_TOKENS: ThemeTokens = {\n  colorScheme: \"dark\",\n  variables: {\n    ...SHARED,\n    \"--color-background\": \"#09090b\",\n    \"--color-surface\": \"#18181b\",\n    \"--color-surface-muted\": \"#27272a\",\n    \"--color-text\": \"#fafafa\",\n    \"--color-text-muted\": \"#a1a1aa\",\n    \"--color-text-subtle\": \"#71717a\",\n    \"--color-border\": \"#27272a\",\n    \"--color-border-strong\": \"#3f3f46\",\n    \"--color-accent\": \"#3b82f6\",\n    \"--color-accent-text\": \"#ffffff\",\n    \"--color-danger\": \"#f87171\",\n    \"--color-success\": \"#4ade80\",\n    \"--color-warning\": \"#fbbf24\",\n    \"--color-info\": \"#38bdf8\",\n    \"--chart-1\": \"#60a5fa\",\n    \"--chart-2\": \"#2dd4bf\",\n    \"--chart-3\": \"#fbbf24\",\n    \"--chart-4\": \"#f472b6\",\n    \"--chart-5\": \"#a78bfa\",\n    \"--chart-6\": \"#a3e635\",\n  } as Record<string, string>,\n};\n\nexport const defaultThemeTokens = (scheme: ColorScheme): ThemeTokens =>\n  scheme === \"dark\" ? DEFAULT_DARK_TOKENS : DEFAULT_LIGHT_TOKENS;\n\n/**\n * Where `readThemeTokens` looks for each canonical token, first match wins.\n * The defaults read the canonical name, then the shadcn/ui variable.\n */\nexport type ThemeTokenSources = Partial<\n  Record<ThemeTokenName, string | readonly string[]>\n>;\n\nexport const DEFAULT_TOKEN_SOURCES: Record<ThemeTokenName, readonly string[]> =\n  {\n    \"--color-background\": [\"--color-background\", \"--background\"],\n    \"--color-surface\": [\"--color-surface\", \"--card\", \"--background\"],\n    \"--color-surface-muted\": [\n      \"--color-surface-muted\",\n      \"--muted\",\n      \"--secondary\",\n    ],\n    \"--color-text\": [\"--color-text\", \"--foreground\"],\n    \"--color-text-muted\": [\"--color-text-muted\", \"--muted-foreground\"],\n    \"--color-text-subtle\": [\"--color-text-subtle\", \"--muted-foreground\"],\n    \"--color-border\": [\"--color-border\", \"--border\"],\n    \"--color-border-strong\": [\"--color-border-strong\", \"--input\", \"--ring\"],\n    \"--color-accent\": [\"--color-accent\", \"--primary\"],\n    \"--color-accent-text\": [\"--color-accent-text\", \"--primary-foreground\"],\n    \"--color-danger\": [\"--color-danger\", \"--destructive\"],\n    \"--color-success\": [\"--color-success\"],\n    \"--color-warning\": [\"--color-warning\"],\n    \"--color-info\": [\"--color-info\"],\n    \"--chart-1\": [\"--chart-1\"],\n    \"--chart-2\": [\"--chart-2\"],\n    \"--chart-3\": [\"--chart-3\"],\n    \"--chart-4\": [\"--chart-4\"],\n    \"--chart-5\": [\"--chart-5\"],\n    \"--chart-6\": [\"--chart-6\"],\n    \"--font-sans\": [\"--font-sans\"],\n    \"--font-mono\": [\"--font-mono\"],\n    \"--radius-sm\": [\"--radius-sm\"],\n    \"--radius-md\": [\"--radius-md\", \"--radius\"],\n    \"--radius-lg\": [\"--radius-lg\"],\n  };\n\n/** shadcn/ui before Tailwind v4 stored colors as bare HSL channels, e.g. `222 47% 11%`. */\nconst HSL_CHANNELS =\n  /^-?[\\d.]+(?:deg)?\\s+[\\d.]+%\\s+[\\d.]+%(?:\\s*\\/\\s*[\\d.]+%?)?$/;\n\nconst RGB =\n  /^rgba?\\(\\s*([\\d.]+)[\\s,]+([\\d.]+)[\\s,]+([\\d.]+)(?:[\\s,/]+([\\d.]+))?/i;\n\nconst schemeFromColor = (color: string): ColorScheme | undefined => {\n  const match = RGB.exec(color);\n  if (!match || match[4] === \"0\") return undefined;\n  const [r, g, b] = [match[1], match[2], match[3]].map(Number) as [\n    number,\n    number,\n    number,\n  ];\n  return 0.2126 * r + 0.7152 * g + 0.0722 * b < 128 ? \"dark\" : \"light\";\n};\n\n/** Infers the color scheme an element renders in. */\nexport function detectColorScheme(element: Element): ColorScheme {\n  if (element.closest('.dark, [data-theme=\"dark\"], [data-mode=\"dark\"]')) {\n    return \"dark\";\n  }\n  if (element.closest('.light, [data-theme=\"light\"], [data-mode=\"light\"]')) {\n    return \"light\";\n  }\n  const view = element.ownerDocument.defaultView;\n  const style = view?.getComputedStyle(element);\n  const declared = style?.colorScheme.trim();\n  if (declared === \"dark\" || declared === \"light\") return declared;\n  const fromBackground = style && schemeFromColor(style.backgroundColor);\n  if (fromBackground) return fromBackground;\n  return view?.matchMedia?.(\"(prefers-color-scheme: dark)\").matches\n    ? \"dark\"\n    : \"light\";\n}\n\n/**\n * Reads the host page's theme into canonical tokens. Tokens the page does not\n * define fall back to the built-in palette for the detected color scheme.\n */\nexport function readThemeTokens(\n  element: Element = document.documentElement,\n  sources: ThemeTokenSources = {},\n): ThemeTokens {\n  const colorScheme = detectColorScheme(element);\n  const style = element.ownerDocument.defaultView?.getComputedStyle(element);\n  const defaults = defaultThemeTokens(colorScheme).variables;\n  const variables: Record<string, string> = { ...defaults };\n  if (!style) return { colorScheme, variables };\n\n  const declared = new Set<ThemeTokenName>();\n  for (const info of THEME_TOKENS) {\n    const override = sources[info.name];\n    const candidates =\n      override === undefined\n        ? DEFAULT_TOKEN_SOURCES[info.name]\n        : typeof override === \"string\"\n          ? [override]\n          : override;\n    for (const candidate of candidates) {\n      const value = style.getPropertyValue(candidate).trim();\n      if (value) {\n        declared.add(info.name);\n        variables[info.name] = HSL_CHANNELS.test(value)\n          ? `hsl(${value})`\n          : value;\n        break;\n      }\n    }\n  }\n\n  const radius = style.getPropertyValue(\"--radius\").trim();\n  if (radius && !style.getPropertyValue(\"--radius-sm\").trim()) {\n    variables[\"--radius-sm\"] = `calc(${radius} - 2px)`;\n  }\n  if (radius && !style.getPropertyValue(\"--radius-lg\").trim()) {\n    variables[\"--radius-lg\"] = `calc(${radius} + 4px)`;\n  }\n  const doc = element.ownerDocument;\n  const font = declared.has(\"--font-sans\")\n    ? variables[\"--font-sans\"]\n    : doc.defaultView?.getComputedStyle(\n        element === doc.documentElement && doc.body ? doc.body : element,\n      ).fontFamily;\n  // The page's web fonts do not load inside the frame, so the default stacks follow them.\n  if (font) variables[\"--font-sans\"] = `${font}, ${SHARED[\"--font-sans\"]}`;\n  if (declared.has(\"--font-mono\")) {\n    variables[\"--font-mono\"] =\n      `${variables[\"--font-mono\"]}, ${SHARED[\"--font-mono\"]}`;\n  }\n\n  return { colorScheme, variables };\n}\n\nconst tint = (color: string | undefined, percent: number) =>\n  color ? `color-mix(in srgb, ${color} ${percent}%, transparent)` : undefined;\n\n/**\n * Maps canonical tokens onto the MCP Apps standard style variables, so\n * widgets written for MCP Apps hosts pick up the host theme too.\n */\nexport function toMcpAppsVariables(\n  tokens: ThemeTokens,\n): Record<string, string> {\n  const v = tokens.variables;\n  const entries: [string, string | undefined][] = [\n    [\"--color-background-primary\", v[\"--color-background\"]],\n    [\"--color-background-secondary\", v[\"--color-surface\"]],\n    [\"--color-background-tertiary\", v[\"--color-surface-muted\"]],\n    [\"--color-background-inverse\", v[\"--color-text\"]],\n    [\"--color-background-ghost\", \"transparent\"],\n    [\"--color-background-info\", tint(v[\"--color-info\"], 12)],\n    [\"--color-background-danger\", tint(v[\"--color-danger\"], 12)],\n    [\"--color-background-success\", tint(v[\"--color-success\"], 12)],\n    [\"--color-background-warning\", tint(v[\"--color-warning\"], 12)],\n    [\"--color-background-disabled\", v[\"--color-surface-muted\"]],\n    [\"--color-text-primary\", v[\"--color-text\"]],\n    [\"--color-text-secondary\", v[\"--color-text-muted\"]],\n    [\"--color-text-tertiary\", v[\"--color-text-subtle\"]],\n    [\"--color-text-inverse\", v[\"--color-background\"]],\n    [\"--color-text-ghost\", v[\"--color-text-subtle\"]],\n    [\"--color-text-info\", v[\"--color-info\"]],\n    [\"--color-text-danger\", v[\"--color-danger\"]],\n    [\"--color-text-success\", v[\"--color-success\"]],\n    [\"--color-text-warning\", v[\"--color-warning\"]],\n    [\"--color-text-disabled\", v[\"--color-text-subtle\"]],\n    [\"--color-border-primary\", v[\"--color-border\"]],\n    [\"--color-border-secondary\", v[\"--color-border-strong\"]],\n    [\"--color-border-tertiary\", v[\"--color-border\"]],\n    [\"--color-border-inverse\", v[\"--color-text\"]],\n    [\"--color-border-ghost\", \"transparent\"],\n    [\"--color-border-info\", v[\"--color-info\"]],\n    [\"--color-border-danger\", v[\"--color-danger\"]],\n    [\"--color-border-success\", v[\"--color-success\"]],\n    [\"--color-border-warning\", v[\"--color-warning\"]],\n    [\"--color-border-disabled\", v[\"--color-border\"]],\n    [\"--color-ring-primary\", v[\"--color-accent\"]],\n    [\"--color-ring-secondary\", v[\"--color-border-strong\"]],\n    [\"--color-ring-inverse\", v[\"--color-background\"]],\n    [\"--color-ring-info\", v[\"--color-info\"]],\n    [\"--color-ring-danger\", v[\"--color-danger\"]],\n    [\"--color-ring-success\", v[\"--color-success\"]],\n    [\"--color-ring-warning\", v[\"--color-warning\"]],\n    [\"--font-sans\", v[\"--font-sans\"]],\n    [\"--font-mono\", v[\"--font-mono\"]],\n    [\"--font-weight-normal\", \"400\"],\n    [\"--font-weight-medium\", \"500\"],\n    [\"--font-weight-semibold\", \"600\"],\n    [\"--font-weight-bold\", \"700\"],\n    [\"--font-text-xs-size\", \"12px\"],\n    [\"--font-text-sm-size\", \"14px\"],\n    [\"--font-text-md-size\", \"16px\"],\n    [\"--font-text-lg-size\", \"18px\"],\n    [\"--font-heading-sm-size\", \"18px\"],\n    [\"--font-heading-md-size\", \"22px\"],\n    [\"--font-heading-lg-size\", \"28px\"],\n    [\"--border-radius-xs\", v[\"--radius-sm\"]],\n    [\"--border-radius-sm\", v[\"--radius-sm\"]],\n    [\"--border-radius-md\", v[\"--radius-md\"]],\n    [\"--border-radius-lg\", v[\"--radius-lg\"]],\n    [\"--border-radius-xl\", v[\"--radius-lg\"]],\n    [\"--border-radius-full\", \"9999px\"],\n    [\"--border-width-regular\", \"1px\"],\n  ];\n  const result: Record<string, string> = {};\n  for (const [name, value] of entries) {\n    if (value !== undefined) result[name] = value;\n  }\n  return result;\n}\n\n/** Every variable a frame receives: canonical tokens plus their MCP Apps aliases. */\nexport function themeVariables(tokens: ThemeTokens): Record<string, string> {\n  return { ...toMcpAppsVariables(tokens), ...tokens.variables };\n}\n"],"mappings":"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"}

package/dist/tools/define.d.ts

@@ -0,0 +1,43 @@
+import type { JsonSchema } from "../json-schema.js";
+export type { JsonSchema };
+/** A model-facing tool, independent of any provider SDK. */
+export type ToolDefinition<Input, Output> = {
+    name: string;
+    description: string;
+    inputSchema: JsonSchema;
+    execute(input: Input): Promise<Output>;
+};
+export type AnyTool = ToolDefinition<never, unknown>;
+/** A `read_me` module contributed from outside the built-in set. */
+export type GuidanceModule = {
+    name: string;
+    /** One line shown in the `read_me` module list. */
+    summary: string;
+    guidance(): string;
+};
+/**
+ * Converts tools to the Vercel AI SDK shape without depending on it: pass
+ * the SDK's own `jsonSchema` helper, e.g.
+ * `toAISDKTools(tools, { jsonSchema })` with `import { jsonSchema } from "ai"`.
+ */
+export declare function toAISDKTools<T extends Record<string, AnyTool>, Schema>(tools: T, sdk: {
+    jsonSchema: (schema: JsonSchema) => Schema;
+}): {
+    [K in keyof T]: {
+        description: string;
+        inputSchema: Schema;
+        execute: T[K]["execute"];
+    };
+};
+/**
+ * Each tool's name, description, and input schema without `execute`, for
+ * declaring tools to a model where they do not run, e.g. on a server that
+ * forwards calls to tools executing in the browser.
+ */
+export declare function getToolDeclarations<T extends Record<string, AnyTool>>(tools: T): {
+    [K in keyof T]: {
+        description: string;
+        inputSchema: JsonSchema;
+    };
+};
+//# sourceMappingURL=define.d.ts.map

package/dist/tools/define.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.d.ts","mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAgB;AAEhD,YAAY,EAAE,UAAU,EAAE;AAE1B;AACA,MAAM,MAAM,cAAc,CAAC,KAAK,EAAE,MAAM,IAAI;IAC1C,IAAI,EAAE,MAAM;IACZ,WAAW,EAAE,MAAM;IACnB,WAAW,EAAE,UAAU;IACvB,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAAC,MAAM,CAAC;CACvC;AAED,MAAM,MAAM,OAAO,GAAG,cAAc,CAAC,KAAK,EAAE,OAAO,CAAC;AAEpD;AACA,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM;IACZ;IACA,OAAO,EAAE,MAAM;IACf,QAAQ,IAAI,MAAM;CACnB;AAED;;;;;AAKA,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EACpE,KAAK,EAAE,CAAC,EACR,GAAG,EAAE;IAAE,UAAU,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,MAAM;CAAE,GAClD;KACA,CAAC,IAAI,MAAM,CAAC,GAAG;QACd,WAAW,EAAE,MAAM;QACnB,WAAW,EAAE,MAAM;QACnB,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;KACzB;CACF;AAYD;;;;;AAKA,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACnE,KAAK,EAAE,CAAC,GACP;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG;QAAE,WAAW,EAAE,MAAM;QAAE,WAAW,EAAE,UAAU;KAAE;CAAE","names":[],"ignoreList":[],"sources":["../../src/tools/define.ts"],"sourcesContent":[null]}

package/dist/tools/define.js

@@ -0,0 +1,31 @@
+// src/tools/define.ts
+/**
+* Converts tools to the Vercel AI SDK shape without depending on it: pass
+* the SDK's own `jsonSchema` helper, e.g.
+* `toAISDKTools(tools, { jsonSchema })` with `import { jsonSchema } from "ai"`.
+*/
+function toAISDKTools(tools, sdk) {
+	const result = {};
+	for (const [key, tool] of Object.entries(tools)) result[key] = {
+		description: tool.description,
+		inputSchema: sdk.jsonSchema(tool.inputSchema),
+		execute: (input) => tool.execute(input)
+	};
+	return result;
+}
+/**
+* Each tool's name, description, and input schema without `execute`, for
+* declaring tools to a model where they do not run, e.g. on a server that
+* forwards calls to tools executing in the browser.
+*/
+function getToolDeclarations(tools) {
+	const result = {};
+	for (const [key, tool] of Object.entries(tools)) result[key] = {
+		description: tool.description,
+		inputSchema: tool.inputSchema
+	};
+	return result;
+}
+export { getToolDeclarations, toAISDKTools };
+
+//# sourceMappingURL=define.js.map

package/dist/tools/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","names":[],"sources":["../../src/tools/define.ts"],"sourcesContent":["import type { JsonSchema } from \"../json-schema\";\n\nexport type { JsonSchema };\n\n/** A model-facing tool, independent of any provider SDK. */\nexport type ToolDefinition<Input, Output> = {\n  name: string;\n  description: string;\n  inputSchema: JsonSchema;\n  execute(input: Input): Promise<Output>;\n};\n\nexport type AnyTool = ToolDefinition<never, unknown>;\n\n/** A `read_me` module contributed from outside the built-in set. */\nexport type GuidanceModule = {\n  name: string;\n  /** One line shown in the `read_me` module list. */\n  summary: string;\n  guidance(): string;\n};\n\n/**\n * Converts tools to the Vercel AI SDK shape without depending on it: pass\n * the SDK's own `jsonSchema` helper, e.g.\n * `toAISDKTools(tools, { jsonSchema })` with `import { jsonSchema } from \"ai\"`.\n */\nexport function toAISDKTools<T extends Record<string, AnyTool>, Schema>(\n  tools: T,\n  sdk: { jsonSchema: (schema: JsonSchema) => Schema },\n): {\n  [K in keyof T]: {\n    description: string;\n    inputSchema: Schema;\n    execute: T[K][\"execute\"];\n  };\n} {\n  const result: Record<string, unknown> = {};\n  for (const [key, tool] of Object.entries(tools)) {\n    result[key] = {\n      description: tool.description,\n      inputSchema: sdk.jsonSchema(tool.inputSchema),\n      execute: (input: never) => tool.execute(input),\n    };\n  }\n  return result as never;\n}\n\n/**\n * Each tool's name, description, and input schema without `execute`, for\n * declaring tools to a model where they do not run, e.g. on a server that\n * forwards calls to tools executing in the browser.\n */\nexport function getToolDeclarations<T extends Record<string, AnyTool>>(\n  tools: T,\n): { [K in keyof T]: { description: string; inputSchema: JsonSchema } } {\n  const result: Record<string, unknown> = {};\n  for (const [key, tool] of Object.entries(tools)) {\n    result[key] = {\n      description: tool.description,\n      inputSchema: tool.inputSchema,\n    };\n  }\n  return result as never;\n}\n"],"mappings":";;;;;;AA2BA,SAAgB,aACd,OACA,KAOA;CACA,MAAM,SAAkC,CAAC;CACzC,KAAK,MAAM,CAAC,KAAK,SAAS,OAAO,QAAQ,KAAK,GAC5C,OAAO,OAAO;EACZ,aAAa,KAAK;EAClB,aAAa,IAAI,WAAW,KAAK,WAAW;EAC5C,UAAU,UAAiB,KAAK,QAAQ,KAAK;CAC/C;CAEF,OAAO;AACT;;;;;;AAOA,SAAgB,oBACd,OACsE;CACtE,MAAM,SAAkC,CAAC;CACzC,KAAK,MAAM,CAAC,KAAK,SAAS,OAAO,QAAQ,KAAK,GAC5C,OAAO,OAAO;EACZ,aAAa,KAAK;EAClB,aAAa,KAAK;CACpB;CAEF,OAAO;AACT"}

package/dist/tools/edits.d.ts

@@ -0,0 +1,19 @@
+export type WidgetEdit = {
+    old_string: string;
+    new_string: string;
+};
+export type ApplyEditsResult = {
+    ok: true;
+    code: string;
+} | {
+    ok: false;
+    error: string;
+    index: number;
+};
+/**
+ * Applies exact string replacements in order. Each `old_string` must occur
+ * exactly once in the code as it stands after the previous edits; on any
+ * failure no edit is applied.
+ */
+export declare function applyWidgetEdits(code: string, edits: readonly WidgetEdit[]): ApplyEditsResult;
+//# sourceMappingURL=edits.d.ts.map

package/dist/tools/edits.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"edits.d.ts","mappings":"AAAA,MAAM,MAAM,UAAU,GAAG;IAAE,UAAU,EAAE,MAAM;IAAE,UAAU,EAAE,MAAM;CAAE;AAEnE,MAAM,MAAM,gBAAgB,GACxB;IAAE,EAAE,EAAE,IAAI;IAAE,IAAI,EAAE,MAAM;CAAE,GAC1B;IAAE,EAAE,EAAE,KAAK;IAAE,KAAK,EAAE,MAAM;IAAE,KAAK,EAAE,MAAM;CAAE;AAkB/C;;;;;AAKA,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,SAAS,UAAU,EAAE,GAC3B,gBAAgB","names":[],"ignoreList":[],"sources":["../../src/tools/edits.ts"],"sourcesContent":[null]}

package/dist/tools/edits.js

@@ -0,0 +1,55 @@
+// src/tools/edits.ts
+const countOccurrences = (haystack, needle) => {
+	let count = 0;
+	for (let at = haystack.indexOf(needle); at !== -1; at = haystack.indexOf(needle, at + 1)) {
+		count++;
+		if (count > 1) break;
+	}
+	return count;
+};
+const preview = (text) => JSON.stringify(text.length > 80 ? `${text.slice(0, 80)}…` : text);
+/**
+* Applies exact string replacements in order. Each `old_string` must occur
+* exactly once in the code as it stands after the previous edits; on any
+* failure no edit is applied.
+*/
+function applyWidgetEdits(code, edits) {
+	if (edits.length === 0) return {
+		ok: false,
+		error: "edits must contain at least one replacement",
+		index: -1
+	};
+	let next = code;
+	for (const [index, edit] of edits.entries()) {
+		if (!edit.old_string) return {
+			ok: false,
+			error: `edits[${index}].old_string is empty`,
+			index
+		};
+		if (edit.old_string === edit.new_string) return {
+			ok: false,
+			error: `edits[${index}] does not change anything`,
+			index
+		};
+		const count = countOccurrences(next, edit.old_string);
+		if (count === 0) return {
+			ok: false,
+			error: `edits[${index}].old_string was not found: ${preview(edit.old_string)}. Copy it exactly from the widget's latest code.`,
+			index
+		};
+		if (count > 1) return {
+			ok: false,
+			error: `edits[${index}].old_string occurs more than once: ${preview(edit.old_string)}. Include surrounding text so it matches exactly one place.`,
+			index
+		};
+		const at = next.indexOf(edit.old_string);
+		next = next.slice(0, at) + edit.new_string + next.slice(at + edit.old_string.length);
+	}
+	return {
+		ok: true,
+		code: next
+	};
+}
+export { applyWidgetEdits };
+
+//# sourceMappingURL=edits.js.map

package/dist/tools/edits.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"edits.js","names":[],"sources":["../../src/tools/edits.ts"],"sourcesContent":["export type WidgetEdit = { old_string: string; new_string: string };\n\nexport type ApplyEditsResult =\n  | { ok: true; code: string }\n  | { ok: false; error: string; index: number };\n\nconst countOccurrences = (haystack: string, needle: string) => {\n  let count = 0;\n  for (\n    let at = haystack.indexOf(needle);\n    at !== -1;\n    at = haystack.indexOf(needle, at + 1)\n  ) {\n    count++;\n    if (count > 1) break;\n  }\n  return count;\n};\n\nconst preview = (text: string) =>\n  JSON.stringify(text.length > 80 ? `${text.slice(0, 80)}…` : text);\n\n/**\n * Applies exact string replacements in order. Each `old_string` must occur\n * exactly once in the code as it stands after the previous edits; on any\n * failure no edit is applied.\n */\nexport function applyWidgetEdits(\n  code: string,\n  edits: readonly WidgetEdit[],\n): ApplyEditsResult {\n  if (edits.length === 0) {\n    return {\n      ok: false,\n      error: \"edits must contain at least one replacement\",\n      index: -1,\n    };\n  }\n  let next = code;\n  for (const [index, edit] of edits.entries()) {\n    if (!edit.old_string) {\n      return { ok: false, error: `edits[${index}].old_string is empty`, index };\n    }\n    if (edit.old_string === edit.new_string) {\n      return {\n        ok: false,\n        error: `edits[${index}] does not change anything`,\n        index,\n      };\n    }\n    const count = countOccurrences(next, edit.old_string);\n    if (count === 0) {\n      return {\n        ok: false,\n        error: `edits[${index}].old_string was not found: ${preview(edit.old_string)}. Copy it exactly from the widget's latest code.`,\n        index,\n      };\n    }\n    if (count > 1) {\n      return {\n        ok: false,\n        error: `edits[${index}].old_string occurs more than once: ${preview(edit.old_string)}. Include surrounding text so it matches exactly one place.`,\n        index,\n      };\n    }\n    const at = next.indexOf(edit.old_string);\n    next =\n      next.slice(0, at) +\n      edit.new_string +\n      next.slice(at + edit.old_string.length);\n  }\n  return { ok: true, code: next };\n}\n"],"mappings":";AAMA,MAAM,oBAAoB,UAAkB,WAAmB;CAC7D,IAAI,QAAQ;CACZ,KACE,IAAI,KAAK,SAAS,QAAQ,MAAM,GAChC,OAAO,IACP,KAAK,SAAS,QAAQ,QAAQ,KAAK,CAAC,GACpC;EACA;EACA,IAAI,QAAQ,GAAG;CACjB;CACA,OAAO;AACT;AAEA,MAAM,WAAW,SACf,KAAK,UAAU,KAAK,SAAS,KAAK,GAAG,KAAK,MAAM,GAAG,EAAE,EAAE,KAAK,IAAI;;;;;;AAOlE,SAAgB,iBACd,MACA,OACkB;CAClB,IAAI,MAAM,WAAW,GACnB,OAAO;EACL,IAAI;EACJ,OAAO;EACP,OAAO;CACT;CAEF,IAAI,OAAO;CACX,KAAK,MAAM,CAAC,OAAO,SAAS,MAAM,QAAQ,GAAG;EAC3C,IAAI,CAAC,KAAK,YACR,OAAO;GAAE,IAAI;GAAO,OAAO,SAAS,MAAM;GAAwB;EAAM;EAE1E,IAAI,KAAK,eAAe,KAAK,YAC3B,OAAO;GACL,IAAI;GACJ,OAAO,SAAS,MAAM;GACtB;EACF;EAEF,MAAM,QAAQ,iBAAiB,MAAM,KAAK,UAAU;EACpD,IAAI,UAAU,GACZ,OAAO;GACL,IAAI;GACJ,OAAO,SAAS,MAAM,8BAA8B,QAAQ,KAAK,UAAU,EAAE;GAC7E;EACF;EAEF,IAAI,QAAQ,GACV,OAAO;GACL,IAAI;GACJ,OAAO,SAAS,MAAM,sCAAsC,QAAQ,KAAK,UAAU,EAAE;GACrF;EACF;EAEF,MAAM,KAAK,KAAK,QAAQ,KAAK,UAAU;EACvC,OACE,KAAK,MAAM,GAAG,EAAE,IAChB,KAAK,aACL,KAAK,MAAM,KAAK,KAAK,WAAW,MAAM;CAC1C;CACA,OAAO;EAAE,IAAI;EAAM,MAAM;CAAK;AAChC"}

package/dist/tools/registry.d.ts

@@ -0,0 +1,19 @@
+export type WidgetRecord = {
+    title: string;
+    code: string;
+    /** Increments on every show or edit of this title. */
+    version: number;
+};
+export type WidgetRegistry = {
+    get(title: string): WidgetRecord | undefined;
+    set(title: string, code: string): WidgetRecord;
+    delete(title: string): boolean;
+    list(): WidgetRecord[];
+    subscribe(listener: (record: WidgetRecord) => void): () => void;
+};
+/** Tracks the latest code of each widget by title, so edits apply to what the user sees. */
+export declare function createWidgetRegistry(initial?: Iterable<{
+    title: string;
+    code: string;
+}>): WidgetRegistry;
+//# sourceMappingURL=registry.d.ts.map

package/dist/tools/registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.d.ts","mappings":"AAAA,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM;IACb,IAAI,EAAE,MAAM;IACZ;IACA,OAAO,EAAE,MAAM;CAChB;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,YAAY,GAAG,SAAS;IAC5C,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,YAAY;IAC9C,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;IAC9B,IAAI,IAAI,YAAY,EAAE;IACtB,SAAS,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,GAAG,MAAM,IAAI;CAChE;AAED;AACA,wBAAgB,oBAAoB,CAClC,OAAO,GAAE,QAAQ,CAAC;IAAE,KAAK,EAAE,MAAM;IAAE,IAAI,EAAE,MAAM;CAAE,CAAM,GACtD,cAAc","names":[],"ignoreList":[],"sources":["../../src/tools/registry.ts"],"sourcesContent":[null]}