@antelopejs/dms-ai 0.3.0 → 0.4.0

package/frontend-vue/app/chat/utils/sketch.ts

@@ -0,0 +1,56 @@
+import {
+	SKETCH_BASE_CSS,
+	SKETCH_CSP,
+	SKETCH_TOKENS,
+	type SketchScheme,
+	type SketchToken,
+	UNSAFE_TOKEN_VALUE,
+} from "../constants/sketch";
+import type { PreviewSketch } from "../types/protocol";
+
+/** Reads a dashboard variable; unset or unsafe values give the token's default. */
+export type TokenReader = (variable: string) => string;
+
+function tokenValue(
+	token: SketchToken,
+	scheme: SketchScheme,
+	read: TokenReader,
+): string {
+	const value = read(token.source).trim();
+	if (value === "" || UNSAFE_TOKEN_VALUE.test(value)) return token[scheme];
+	return value;
+}
+
+/** The `:root` rule giving a sandboxed sketch the dashboard's theme. */
+export function sketchTokensCss(
+	scheme: SketchScheme,
+	read: TokenReader,
+): string {
+	const declarations = SKETCH_TOKENS.map(
+		(token) => `--sketch-${token.name}:${tokenValue(token, scheme, read)};`,
+	);
+	return `:root{--sketch-scheme:${scheme};${declarations.join("")}}`;
+}
+
+export function computedStyleReader(element: Element): TokenReader {
+	const style = getComputedStyle(element);
+	return (variable) => style.getPropertyValue(variable);
+}
+
+/**
+ * The standalone document a sketch is drawn in. The CSP comes first in the
+ * head, before anything the agent wrote, so no later markup can loosen it.
+ */
+export function buildSketchDocument(
+	sketch: PreviewSketch,
+	tokensCss: string,
+): string {
+	return [
+		"<!doctype html><html><head>",
+		`<meta http-equiv="Content-Security-Policy" content="${SKETCH_CSP}">`,
+		'<meta charset="utf-8">',
+		`<style>${tokensCss}\n${SKETCH_BASE_CSS}</style>`,
+		`<style>${sketch.css ?? ""}</style>`,
+		`</head><body>${sketch.html}</body></html>`,
+	].join("");
+}

package/frontend-vue/app/chat/utils/tool-lexicon.ts

@@ -138,6 +138,7 @@ const ICONS = {
 	LOGS: "i-ph-scroll",
 	SKILL: "i-ph-books",
 	PLAN: "i-ph-list-checks",
+	PREVIEW: "i-ph-frame-corners",
 	REFRESH: "i-ph-arrows-clockwise",
 	CATEGORY: "i-ph-folders",
 } as const;
@@ -285,6 +286,12 @@ const ASSISTANT_TOOLS: Record<string, ToolLexiconEntry> = {
 		target: countOf("questions"),
 		isReadOnly: true,
 	},
+	PreviewBlocks: {
+		verb: "show_preview",
+		icon: ICONS.PREVIEW,
+		target: firstOf("title"),
+		isReadOnly: true,
+	},
 	Typecheck: {
 		verb: "typecheck",
 		icon: ICONS.CHECK,

package/frontend-vue/i18n/locales/dms-ai-panel-en-GB.json

@@ -368,6 +368,27 @@
 					"close": "Close",
 					"not_running": "The assistant isn't running in this tab."
 				}
+			},
+			"preview": {
+				"eyebrow": "Block preview",
+				"open": "Preview",
+				"open_aria": "Open the block preview: {title}",
+				"blocks": "{count} block | {count} blocks",
+				"variants": "{count} variant | {count} variants",
+				"with_mockup": "vs your mockup",
+				"proposed": "Proposed",
+				"variants_aria": "Variants",
+				"mockup": "Your mockup",
+				"dms_blocks": "DMS blocks",
+				"mockup_missing": "{name} was attached before the chat reloaded, so it can no longer be shown. Attach it again to compare side by side.",
+				"mockup_external": "External image, not loaded in the dashboard.",
+				"mockup_open": "Open the mockup",
+				"fallback_title": "This DMS version cannot draw block previews",
+				"fallback_body": "Update the DMS to see the real blocks. Here is the tree the assistant sent.",
+				"custom_sketch": "Custom sketch — not a DMS block",
+				"sketch_badge": "Custom sketch",
+				"with_sketch": "custom sketch",
+				"sketch_frame": "Static sketch of a custom component: {caption}"
 			}
 		},
 		"tools": {
@@ -419,7 +440,8 @@
 			"add_query": "Add query",
 			"configure_query": "Configure query",
 			"remove_query": "Remove query",
-			"search_tools": "Load tools"
+			"search_tools": "Load tools",
+			"show_preview": "Show a preview"
 		}
 	}
 }

package/frontend-vue/i18n/locales/dms-ai-panel-fr-FR.json

@@ -368,6 +368,27 @@
 					"close": "Fermer",
 					"not_running": "L'assistant ne tourne pas dans cet onglet."
 				}
+			},
+			"preview": {
+				"eyebrow": "Aperçu de blocs",
+				"open": "Aperçu",
+				"open_aria": "Ouvrir l'aperçu des blocs : {title}",
+				"blocks": "{count} bloc | {count} blocs",
+				"variants": "{count} variante | {count} variantes",
+				"with_mockup": "face à votre maquette",
+				"proposed": "Proposé",
+				"variants_aria": "Variantes",
+				"mockup": "Votre maquette",
+				"dms_blocks": "Blocs DMS",
+				"mockup_missing": "{name} a été jointe avant le rechargement du chat et ne peut plus être affichée. Joignez-la à nouveau pour comparer côte à côte.",
+				"mockup_external": "Image externe, non chargée dans le tableau de bord.",
+				"mockup_open": "Ouvrir la maquette",
+				"fallback_title": "Cette version du DMS ne sait pas afficher d'aperçu de blocs",
+				"fallback_body": "Mettez à jour le DMS pour voir les vrais blocs. Voici l'arbre envoyé par l'assistant.",
+				"custom_sketch": "Esquisse sur mesure — pas un bloc DMS",
+				"sketch_badge": "Esquisse",
+				"with_sketch": "esquisse sur mesure",
+				"sketch_frame": "Esquisse statique d'un composant sur mesure : {caption}"
 			}
 		},
 		"tools": {
@@ -419,7 +440,8 @@
 			"add_query": "Ajouter une requête",
 			"configure_query": "Configurer la requête",
 			"remove_query": "Retirer la requête",
-			"search_tools": "Charger des outils"
+			"search_tools": "Charger des outils",
+			"show_preview": "Montrer un aperçu"
 		}
 	}
 }

package/frontend-vue/package.json

@@ -6,7 +6,7 @@
 	"license": "Apache-2.0",
 	"packageManager": "pnpm@10.6.5",
 	"engines": {
-		"@antelopejs/dms-frontend": ">=0.6.0 <0.7.0"
+		"@antelopejs/dms-frontend": ">=0.6.3 <0.7.0"
 	},
 	"scripts": {
 		"build": "pnpm --dir \"${DMS_FRONTEND_WORKSPACE:?Set DMS_FRONTEND_WORKSPACE to the generated Inertia workspace}\" build",

package/frontend-vue/tests/chat/block-preview.test.ts

@@ -0,0 +1,448 @@
+// @vitest-environment jsdom
+import { mount, type VueWrapper } from "@vue/test-utils";
+import { afterEach, describe, expect, it } from "vitest";
+import { defineComponent, h, nextTick, type PropType, ref } from "vue";
+import BlockPreviewCard from "../../app/chat/components/BlockPreviewCard.vue";
+import { useConversation } from "../../app/chat/composables/useConversation";
+import { CHAT_I18N_KEY } from "../../app/chat/composables/useChatI18n";
+import type { ConversationMessage } from "../../app/chat/types/conversation";
+import type { BlockPreview } from "../../app/chat/types/protocol";
+import {
+	countBlocks,
+	previewTabs,
+	referenceView,
+	type ReferenceView,
+} from "../../app/chat/utils/block-preview";
+import { buildUserMessage } from "../../app/chat/utils/conversation-messages";
+import {
+	buildSketchDocument,
+	sketchTokensCss,
+} from "../../app/chat/utils/sketch";
+import { createTestI18n } from "../support/i18n";
+import { PANEL_STUBS } from "../support/stubs";
+
+const CONVERSATION_ID = "conv-1";
+const MOCKUP_NAME = "mockup.png";
+const MOCKUP_DATA_URL = "data:image/png;base64,AAAA";
+
+const PREVIEW: BlockPreview = {
+	id: "preview-1",
+	title: "Revenue card",
+	description: "Same layout; the trend sits under the value.",
+	tree: {
+		type: "Section",
+		children: [
+			{ type: "KpiCard", options: { label: "Revenue" } },
+			{ type: "KpiCard", options: { label: "Orders" } },
+		],
+	},
+	timestampMs: 1_000,
+};
+
+const WITH_VARIANTS: BlockPreview = {
+	...PREVIEW,
+	variants: [
+		{ label: "Compact", tree: [{ type: "KpiCard", options: { size: "sm" } }] },
+	],
+};
+
+const SKETCH = {
+	html: '<article class="card"><h3>Revenue</h3><p>12 400 €</p></article>',
+	css: ".card { background: var(--sketch-surface); }",
+	caption: "Revenue card with a sparkline",
+	height: 240,
+};
+
+const DMS_VS_SKETCH: BlockPreview = {
+	id: "preview-2",
+	title: "Revenue card: DMS or custom",
+	label: "DMS KpiCard",
+	tree: { type: "KpiCard", options: { label: "Revenue" } },
+	variants: [{ label: "Custom sketch", sketch: SKETCH }],
+	timestampMs: 2_000,
+};
+
+const SKETCH_ONLY: BlockPreview = {
+	id: "preview-3",
+	title: "Custom revenue card",
+	sketch: SKETCH,
+	timestampMs: 3_000,
+};
+
+const UTabs = defineComponent({
+	name: "UTabs",
+	props: {
+		modelValue: { type: String, default: "" },
+		items: {
+			type: Array as PropType<{ value: string; label: string }[]>,
+			default: () => [],
+		},
+	},
+	emits: ["update:modelValue"],
+	setup:
+		(props, { emit, attrs }) =>
+		() =>
+			h(
+				"div",
+				{ role: "tablist", "aria-label": attrs["aria-label"] },
+				props.items.map((item) =>
+					h(
+						"button",
+						{
+							role: "tab",
+							"aria-selected": item.value === props.modelValue,
+							onClick: () => emit("update:modelValue", item.value),
+						},
+						item.label,
+					),
+				),
+			),
+});
+
+const DmsBlockPreview = defineComponent({
+	name: "DmsBlockPreview",
+	props: { tree: { type: [Object, Array], required: true } },
+	setup: (props) => () =>
+		h("div", { class: "dms-block-preview" }, JSON.stringify(props.tree)),
+});
+
+interface MountOptions {
+	preview?: BlockPreview;
+	reference?: ReferenceView | null;
+	hasPreviewComponent?: boolean;
+}
+
+function mountCard(options: MountOptions = {}): VueWrapper {
+	return mount(BlockPreviewCard, {
+		props: {
+			preview: options.preview ?? PREVIEW,
+			reference: options.reference ?? null,
+		},
+		global: {
+			stubs: { ...PANEL_STUBS, UTabs },
+			components:
+				options.hasPreviewComponent === false ? {} : { DmsBlockPreview },
+			provide: { [CHAT_I18N_KEY as symbol]: createTestI18n() },
+		},
+	});
+}
+
+async function openModal(wrapper: VueWrapper): Promise<void> {
+	await wrapper.find("button.bp-card").trigger("click");
+}
+
+describe("block preview helpers", () => {
+	it("counts nested blocks", () => {
+		expect(countBlocks(PREVIEW.tree)).toBe(3);
+	});
+
+	it("puts the proposed tree first, then one tab per variant", () => {
+		const tabs = previewTabs(WITH_VARIANTS);
+		expect(tabs.map((tab) => tab.label)).toEqual([null, "Compact"]);
+		expect(tabs[1].tree).toEqual(WITH_VARIANTS.variants?.[0].tree);
+	});
+
+	it("finds the mockup among the images attached in this session", () => {
+		const messages: ConversationMessage[] = [
+			buildUserMessage("like this", [
+				{
+					name: MOCKUP_NAME,
+					mimeType: "image/png",
+					size: 4,
+					dataUrl: MOCKUP_DATA_URL,
+				},
+			]),
+		];
+		expect(referenceView({ attachmentName: MOCKUP_NAME }, messages)).toEqual({
+			kind: "image",
+			src: MOCKUP_DATA_URL,
+			name: MOCKUP_NAME,
+		});
+	});
+
+	it("says the mockup is gone when only its name survived a reload", () => {
+		const messages = [
+			buildUserMessage("like this", [
+				{ name: MOCKUP_NAME, mimeType: "image/png", size: 4 },
+			]),
+		];
+		expect(referenceView({ attachmentName: MOCKUP_NAME }, messages)).toEqual({
+			kind: "missing",
+			name: MOCKUP_NAME,
+		});
+	});
+
+	it("loads a same-origin path, links an external URL, ignores the rest", () => {
+		expect(referenceView({ url: "/media/a.png" }, [])?.kind).toBe("image");
+		expect(referenceView({ url: "https://x.example/a.png" }, [])?.kind).toBe(
+			"link",
+		);
+		expect(referenceView({ url: "//x.example/a.png" }, [])).toBeNull();
+		expect(referenceView({ url: "javascript:alert(1)" }, [])).toBeNull();
+	});
+});
+
+describe("block preview events", () => {
+	function conversation() {
+		const handlers: ((msg: unknown) => void)[] = [];
+		const result = useConversation({
+			activeId: ref(CONVERSATION_ID),
+			send: () => true,
+			onMessage: (handler) => {
+				handlers.push(handler);
+				return () => undefined;
+			},
+		});
+		const receive = (event: Record<string, unknown>) =>
+			handlers.forEach((handler) =>
+				handler({ conversationId: CONVERSATION_ID, ...event }),
+			);
+		return { ...result, receive };
+	}
+
+	it("appends a live preview once", () => {
+		const chat = conversation();
+		chat.receive({ type: "block_preview", preview: PREVIEW });
+		chat.receive({ type: "block_preview", preview: PREVIEW });
+		expect(chat.messages.value).toHaveLength(1);
+		expect(chat.messages.value[0]).toMatchObject({
+			role: "block_preview",
+			preview: PREVIEW,
+		});
+	});
+
+	it("restores a preview from the stored transcript", () => {
+		const chat = conversation();
+		chat.receive({
+			type: "conversation_snapshot",
+			messages: [
+				{ role: "user", content: "show me", timestampMs: 1 },
+				{
+					role: "block_preview",
+					content: "",
+					preview: PREVIEW,
+					timestampMs: 2,
+				},
+			],
+		});
+		expect(chat.messages.value.map((m) => m.role)).toEqual([
+			"user",
+			"block_preview",
+		]);
+	});
+
+	it("keeps the preview when a running turn is replayed", () => {
+		const chat = conversation();
+		chat.receive({
+			type: "conversation_snapshot",
+			messages: [{ role: "user", content: "show me", timestampMs: 1 }],
+		});
+		chat.receive({ type: "block_preview", preview: PREVIEW });
+		chat.receive({ type: "run_resumed" });
+		expect(chat.messages.value.at(-1)?.role).toBe("block_preview");
+	});
+});
+
+describe("the block preview attachment", () => {
+	it("reads as a file: thumbnail, title, what it holds", () => {
+		const wrapper = mountCard({ preview: WITH_VARIANTS });
+		const card = wrapper.find("button.bp-card");
+		expect(card.attributes("aria-haspopup")).toBe("dialog");
+		expect(card.attributes("aria-label")).toBe(
+			"Open the block preview: Revenue card",
+		);
+		expect(wrapper.find(".bp-thumb .dms-block-preview").exists()).toBe(true);
+		expect(wrapper.find(".bp-card__meta").text()).toBe(
+			"Section · 3 blocks · 2 variants",
+		);
+	});
+
+	it("draws a schematic thumbnail when the DMS has no preview component", () => {
+		const wrapper = mountCard({ hasPreviewComponent: false });
+		expect(wrapper.findAll(".bp-thumb__cell")).toHaveLength(2);
+	});
+
+	it("opens a dialog rendering the real blocks", async () => {
+		const wrapper = mountCard();
+		expect(wrapper.find("[role=dialog]").exists()).toBe(false);
+		await openModal(wrapper);
+		const dialog = wrapper.find("[role=dialog]");
+		expect(dialog.text()).toContain("Revenue card");
+		expect(dialog.find(".bp-pane__stage .dms-block-preview").text()).toBe(
+			JSON.stringify(PREVIEW.tree),
+		);
+		expect(dialog.find(".bp-fallback").exists()).toBe(false);
+	});
+
+	it("shows the tree as JSON when the DMS cannot render it", async () => {
+		const wrapper = mountCard({ hasPreviewComponent: false });
+		await openModal(wrapper);
+		const fallback = wrapper.find(".bp-fallback");
+		expect(fallback.text()).toContain(
+			"This DMS version cannot draw block previews",
+		);
+		expect(JSON.parse(fallback.find("pre").text())).toEqual(PREVIEW.tree);
+	});
+
+	it("switches the rendered tree with the variant tabs", async () => {
+		const wrapper = mountCard({ preview: WITH_VARIANTS });
+		await openModal(wrapper);
+		const tabs = wrapper.findAll("[role=tab]");
+		expect(tabs.map((tab) => tab.text())).toEqual(["Proposed", "Compact"]);
+		await tabs[1].trigger("click");
+		expect(wrapper.find(".bp-pane__stage .dms-block-preview").text()).toBe(
+			JSON.stringify(WITH_VARIANTS.variants?.[0].tree),
+		);
+	});
+
+	it("puts the mockup beside the blocks", async () => {
+		const wrapper = mountCard({
+			preview: { ...PREVIEW, reference: { caption: "Your Figma frame" } },
+			reference: { kind: "image", src: MOCKUP_DATA_URL, name: MOCKUP_NAME },
+		});
+		await openModal(wrapper);
+		expect(wrapper.find(".bp-modal__panes").classes()).toContain("is-split");
+		const image = wrapper.find(".bp-pane__image");
+		expect(image.attributes("src")).toBe(MOCKUP_DATA_URL);
+		expect(image.attributes("alt")).toBe("Your Figma frame");
+	});
+
+	it("links an external mockup instead of loading it", async () => {
+		const href = "https://figma.example/frame.png";
+		const wrapper = mountCard({ reference: { kind: "link", href } });
+		await openModal(wrapper);
+		expect(wrapper.find(".bp-pane__image").exists()).toBe(false);
+		const link = wrapper.find(".bp-pane__link");
+		expect(link.attributes("href")).toBe(href);
+		expect(link.attributes("rel")).toBe("noopener noreferrer");
+	});
+});
+
+describe("sketch documents", () => {
+	const unset = () => "";
+
+	it("puts the CSP first, before anything the agent wrote", () => {
+		const doc = buildSketchDocument(
+			{ html: "<p>x</p>", css: "p{}" },
+			sketchTokensCss("light", unset),
+		);
+		const head = doc.slice(doc.indexOf("<head>") + "<head>".length);
+		expect(head.startsWith('<meta http-equiv="Content-Security-Policy"')).toBe(
+			true,
+		);
+		expect(doc).toContain(
+			"default-src 'none'; style-src 'unsafe-inline'; img-src data:; font-src data:",
+		);
+		expect(doc.indexOf("Content-Security-Policy")).toBeLessThan(
+			doc.indexOf("<p>x</p>"),
+		);
+	});
+
+	it("gives the sketch the dashboard's values, or its defaults", () => {
+		const read = (variable: string) =>
+			variable === "--ui-border" ? " #123456 " : "";
+		const css = sketchTokensCss("dark", read);
+		expect(css).toContain("--sketch-scheme:dark;");
+		expect(css).toContain("--sketch-border:#123456;");
+		expect(css).toContain("--sketch-surface:#10151a;");
+	});
+
+	it("never writes a value that could close the style element", () => {
+		const read = () => "red}</style><p>";
+		const css = sketchTokensCss("light", read);
+		expect(css).not.toContain("</style>");
+		expect(css).toContain("--sketch-border:#e2e7ea;");
+	});
+});
+
+describe("a custom sketch in the preview", () => {
+	afterEach(() => {
+		document.documentElement.classList.remove("dark");
+	});
+
+	async function openOnSketchTab(wrapper: VueWrapper): Promise<void> {
+		await openModal(wrapper);
+		await wrapper.findAll("[role=tab]")[1].trigger("click");
+		await nextTick();
+	}
+
+	it("tabs a DMS block against a custom sketch", async () => {
+		const wrapper = mountCard({ preview: DMS_VS_SKETCH });
+		await openModal(wrapper);
+		const tabs = wrapper.findAll("[role=tab]");
+		expect(tabs.map((tab) => tab.text())).toEqual([
+			"DMS KpiCard",
+			"Custom sketch",
+		]);
+		expect(wrapper.find(".bp-pane__stage .dms-block-preview").exists()).toBe(
+			true,
+		);
+		expect(wrapper.find("iframe").exists()).toBe(false);
+		await openOnSketchTab(wrapper);
+		expect(wrapper.find(".bp-pane__stage").exists()).toBe(false);
+		expect(wrapper.find(".bp-pane--sketch").text()).toContain(
+			"Custom sketch — not a DMS block",
+		);
+		expect(wrapper.find(".bp-pane__caption").text()).toBe(SKETCH.caption);
+	});
+
+	it("draws the sketch in a sandboxed frame with no script", async () => {
+		const wrapper = mountCard({ preview: DMS_VS_SKETCH });
+		await openOnSketchTab(wrapper);
+		const frame = wrapper.find(".bp-pane--sketch iframe");
+		expect(frame.attributes("sandbox")).toBe("");
+		expect(frame.attributes("referrerpolicy")).toBe("no-referrer");
+		expect(frame.attributes("src")).toBeUndefined();
+		expect(frame.attributes("style")).toContain("height: 240px");
+		expect(frame.attributes("title")).toContain(SKETCH.caption);
+		const doc = frame.attributes("srcdoc") ?? "";
+		expect(doc).toContain('http-equiv="Content-Security-Policy"');
+		expect(doc).toContain(SKETCH.html);
+		expect(doc).toContain(SKETCH.css);
+		expect(doc).not.toMatch(/<script/i);
+		expect(doc).toContain("--sketch-scheme:light;");
+	});
+
+	it("follows the dashboard into dark mode", async () => {
+		document.documentElement.classList.add("dark");
+		const wrapper = mountCard({ preview: DMS_VS_SKETCH });
+		await openOnSketchTab(wrapper);
+		const doc = wrapper.find("iframe").attributes("srcdoc") ?? "";
+		expect(doc).toContain("--sketch-scheme:dark;");
+	});
+
+	it("labels the attachment as holding a custom sketch", () => {
+		const wrapper = mountCard({ preview: DMS_VS_SKETCH });
+		expect(wrapper.find(".bp-thumb__badge").text()).toBe("Custom sketch");
+		expect(wrapper.find(".bp-card__meta").text()).toBe(
+			"KpiCard · 1 block · 2 variants · custom sketch",
+		);
+	});
+
+	it("thumbnails a sketch-only preview with the sandboxed sketch", async () => {
+		const wrapper = mountCard({ preview: SKETCH_ONLY });
+		await nextTick();
+		const frame = wrapper.find(".bp-thumb iframe");
+		expect(frame.attributes("sandbox")).toBe("");
+		expect(wrapper.find(".bp-card__meta").text()).toBe("custom sketch");
+	});
+
+	it("still draws the sketch when the DMS cannot render blocks", async () => {
+		const wrapper = mountCard({
+			preview: { ...SKETCH_ONLY, tree: { type: "KpiCard" } },
+			hasPreviewComponent: false,
+		});
+		await openModal(wrapper);
+		await nextTick();
+		expect(wrapper.find(".bp-fallback").exists()).toBe(true);
+		expect(wrapper.find(".bp-pane--sketch iframe").exists()).toBe(true);
+		expect(wrapper.find(".bp-modal__panes").classes()).toContain("is-split");
+	});
+
+	it("keeps a sketch-only preview as a single tab", () => {
+		const restored = previewTabs(SKETCH_ONLY);
+		expect(restored).toHaveLength(1);
+		expect(restored[0].sketch).toEqual(SKETCH);
+		expect(restored[0].tree).toBeUndefined();
+	});
+});

package/package.json

@@ -1,6 +1,20 @@
 {
   "name": "@antelopejs/dms-ai",
-  "version": "0.3.0",
+  "version": "0.4.0",
+  "description": "AI development assistant for the AntelopeJS DMS: a chat panel next to every page and a coding agent that edits the project in reviewable, undoable change sets.",
+  "keywords": [
+    "ai",
+    "antelopejs",
+    "assistant",
+    "claude-code",
+    "codex",
+    "dms",
+    "dms-module"
+  ],
+  "homepage": "https://dms.antelopejs.com/docs/modules/ai",
+  "bugs": {
+    "url": "https://github.com/AntelopeJS/dms-ai/issues"
+  },
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -52,9 +66,9 @@
     "knip:all": "knip"
   },
   "dependencies": {
-    "@antelopejs/interface-api": ">=0.0.14 <1.0.0",
-    "@antelopejs/interface-core": ">=0.1.1 <1.0.0",
-    "@antelopejs/interface-dms": ">=0.7.0 <1.0.0",
+    "@antelopejs/interface-api": ">=0.0.15 <1.0.0",
+    "@antelopejs/interface-core": ">=0.2.4 <1.0.0",
+    "@antelopejs/interface-dms": ">=0.7.2 <1.0.0",
     "@anthropic-ai/claude-agent-sdk": "^0.2.131",
     "@anthropic-ai/claude-code": "^2.1.131",
     "@modelcontextprotocol/sdk": "1.29.0",
@@ -62,7 +76,7 @@
     "zod": "^4.0.0"
   },
   "devDependencies": {
-    "@antelopejs/tooling-configs": ">=0.0.7 <1.0.0",
+    "@antelopejs/tooling-configs": ">=0.0.9 <1.0.0",
     "@types/node": "^24.0.0",
     "@types/ws": "^8.5.12",
     "knip": "^6.34.0",
@@ -83,7 +97,7 @@
     }
   },
   "optionalDependencies": {
-    "@antelopejs/interface-dms-builder": ">=0.1.3 <1.0.0"
+    "@antelopejs/interface-dms-builder": ">=0.2.1 <1.0.0"
   },
   "packageManager": "pnpm@10.2.0",
   "antelopeJs": {

package/sidecar/dist/constants/mcp.js

@@ -1,6 +1,7 @@
 import { BUILDER_TOOL_NAMES } from "./builder.js";
 import { QUERY_LOGS_TOOL_NAME } from "./logs.js";
 import { FIND_PAGES_TOOL_NAME, LIST_PAGES_TOOL_NAME } from "./pages.js";
+import { PREVIEW_BLOCKS_TOOL_NAME } from "./preview.js";
 import { REQUEST_TIMEOUT_MINUTES } from "../state/settings-types.js";
 import { QUESTION_TIMEOUT_MS } from "./questions.js";
 import { MS_PER_MINUTE } from "./settings.js";
@@ -35,6 +36,7 @@ export const FIRST_PARTY_AUTO_ALLOW_TOOL_NAMES = new Set([
     FIND_PAGES_TOOL_NAME,
     LIST_PAGES_TOOL_NAME,
     ASK_USER_TOOL_NAME,
+    PREVIEW_BLOCKS_TOOL_NAME,
     TYPECHECK_TOOL_NAME,
     QUERY_LOGS_TOOL_NAME,
     ...BUILDER_TOOL_NAMES,