@agent-native/core 0.79.27 → 0.80.0

package/corpus/templates/design/changelog/2026-06-28-annotate-mode-now-combines-drawing-and-comment-pins-in-one-c.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-06-28
+---
+
+Annotate mode now combines drawing and comment pins in one canvas submission.

package/corpus/templates/design/changelog/2026-06-28-design-editor-panel-borders-are-cleaner-so-the-canvas-edge-s.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-06-28
+---
+
+Design editor panel borders are cleaner so the canvas edge stays rounded without doubled dividers.

package/corpus/templates/design/changelog/2026-06-28-drawing-prompts-now-reliably-open-and-submit-to-the-design-a.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-06-28
+---
+
+Drawing prompts now reliably open and submit to the design agent.

package/corpus/templates/design/changelog/2026-06-28-editor-app-menus-now-use-an-outline-agent-native-mark-with-b.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-06-28
+---
+
+Editor app menus now use an outline Agent Native mark with bordered, instant submenus.

package/corpus/templates/design/changelog/2026-06-28-figma-style-code-design-mode.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-06-28
+---
+
+Design mode now has a Figma-style code canvas with adaptive inspection, patch proof, artboard duplication, clarify cards, and annotation queues.

package/corpus/templates/design/changelog/2026-06-28-layer-selection-now-updates-chat-context-without-opening-the.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-06-28
+---
+
+Layer selection now updates chat context without opening the agent sidebar.

package/corpus/templates/design/changelog/2026-06-28-layer-selections-now-preserve-hidden-and-locked-canvas-state.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-06-28
+---
+
+Layer selections now preserve hidden and locked canvas state more faithfully.

package/corpus/templates/design/changelog/2026-06-28-left-sidebar-collapse-motion-and-footer-chrome-are-quieter.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-06-28
+---
+
+Left sidebar collapse motion and footer controls now feel smoother and use less divider chrome.

package/corpus/templates/design/changelog/2026-06-28-live-cursors-now-keep-names-beside-a-cleaner-pointer-marker.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-06-28
+---
+
+Live cursors now look closer to Figma, with a sharper pointer and cleaner name tag.

package/corpus/templates/design/changelog/2026-06-28-mode-switching-now-lives-in-a-compact-bottom-right-icon-dock.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-06-28
+---
+
+The bottom toolbar now groups Figma-style tool menus with a distinct mode section.

package/corpus/templates/design/changelog/2026-06-28-screen-overview-now-handles-zooming-drawing-opening-and-dele.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-06-28
+---
+
+Screen overview now handles zooming, drawing, opening, and deleting screens more reliably.

package/corpus/templates/design/changelog/2026-06-28-screen-overview-now-selects-screens-on-click-and-opens-them-.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-06-28
+---
+
+Screen overview now selects screens on click and opens them on double-click.

package/corpus/templates/design/changelog/2026-06-28-screen-overview-zooms-into-the-active-screen-with-smoother-e.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-06-28
+---
+
+Screen overview zooms into the active screen with smoother edit transitions and consistent tooltips.

package/corpus/templates/design/changelog/2026-06-28-selected-element-chips-in-chat-are-shorter-and-easier-to-sca.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-06-28
+---
+
+Selected-element chips in chat are shorter and easier to scan.

package/corpus/templates/design/changelog/2026-06-28-the-design-editor-toolbar-is-more-compact-and-the-app-menu-m.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-06-28
+---
+
+The Design editor toolbar is more compact and the app menu mark is easier to see.

package/corpus/templates/design/changelog/2026-06-28-tweaks-now-live-at-the-top-of-the-design-sidebar-instead-of-.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-06-28
+---
+
+Tweaks now live at the top of the design sidebar instead of behind a floating canvas button.

package/corpus/templates/design/changelog/2026-06-28-tweaks-now-live-in-the-right-inspector-beside-the-design-tab.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-06-28
+---
+
+Tweaks now live in the right inspector beside the Design tab.

package/corpus/templates/design/changelog/2026-06-29-active-sidebar-rows-use-soft-highlights.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-06-29
+---
+
+Active screens in the editor sidebar now use a quiet row highlight instead of an active badge.

package/corpus/templates/design/changelog/2026-06-29-agents-can-now-open-screen-overview-focus-screens-and-add.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-06-29
+---
+
+Agents can now open screen overview, focus screens, and add placed screens to the canvas.

package/corpus/templates/design/changelog/2026-06-29-design-agents-now-edit-broad-copy-changes-more-reliably.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-06-29
+---
+
+Design agents now handle broad copy edits, like translating a whole page, more reliably.

package/corpus/templates/design/changelog/2026-06-29-design-editor-extensions-now-run-inline-beside-the-artboard.md

@@ -0,0 +1,6 @@
+---
+type: added
+date: 2026-06-29
+---
+
+Design editor extensions now run inline beside the artboard with live selection context and AI prompting.

package/corpus/templates/design/changelog/2026-06-29-sidebars-use-darker-chrome-and-chat-warns-immediately.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-06-29
+---
+
+Sidebars use darker chrome with clearer dividers, and chat warns immediately when no LLM provider is connected.

package/corpus/templates/design/changelog/2026-06-29-visual-edit-can-open-localhost-routes-as-url-backed-screens.md

@@ -0,0 +1,6 @@
+---
+type: added
+date: 2026-06-29
+---
+
+Agents can now use `/visual-edit` to open localhost routes as URL-backed screens in overview mode.

package/corpus/templates/design/package.json

@@ -17,6 +17,7 @@
     "@agent-native/pinpoint": "workspace:*",
     "@fontsource-variable/inter": "^5.2.8",
     "@libsql/client": "^0.15.8",
+    "@paper-design/shaders-react": "0.0.76",
     "@tabler/icons-react": "catalog:",
     "drizzle-orm": "^0.45.2",
     "h3": "^2.0.1-rc.20",

package/corpus/templates/design/server/db/schema.ts

@@ -55,3 +55,29 @@ export const designVersions = table("design_versions", {
   snapshot: text("snapshot").notNull(),
   createdAt: text("created_at").default(now()),
 });
+
+export const designLocalhostConnections = table(
+  "design_localhost_connections",
+  {
+    id: text("id").primaryKey(),
+    name: text("name").notNull(),
+    sourceType: text("source_type", { enum: ["localhost"] })
+      .notNull()
+      .default("localhost"),
+    devServerUrl: text("dev_server_url").notNull(),
+    bridgeUrl: text("bridge_url"),
+    rootPath: text("root_path"),
+    routeManifest: text("route_manifest").notNull().default("{}"),
+    capabilities: text("capabilities").notNull().default("[]"),
+    status: text("status", {
+      enum: ["connected", "detected", "manual", "error"],
+    })
+      .notNull()
+      .default("connected"),
+    lastSeenAt: text("last_seen_at"),
+    ownerEmail: text("owner_email").notNull(),
+    orgId: text("org_id"),
+    createdAt: text("created_at").default(now()),
+    updatedAt: text("updated_at").default(now()),
+  },
+);

package/corpus/templates/design/server/lib/design-snapshot.ts

@@ -78,7 +78,7 @@ export async function buildDesignSnapshot(
     try {
       if (await hasCollabState(f.id)) {
         const live = await getText(f.id, "content");
-        if (typeof live === "string" && live.length > 0) {
+        if (typeof live === "string") {
           content = live;
           source = "collab";
         }

package/corpus/templates/design/server/plugins/agent-chat.ts

@@ -11,6 +11,7 @@ const INITIAL_TOOL_NAMES = [
   "view-screen",
   "list-designs",
   "get-design",
+  "get-design-snapshot",
   "create-design",
   "edit-design",
   "generate-design",
@@ -39,6 +40,8 @@ export default createAgentChatPlugin({
   resolveOrgId: async (event) => (await getOrgContext(event)).orgId,
   systemPrompt: `You are an AI prototyping assistant. You create and edit designs, files, design systems, variants, exports, sharing, and connected repository context through actions and shared application state.
 
+When the user asks you to refine an existing design, call view-screen if the open design is unclear, then read the live current file with get-design-snapshot before editing. For small localized changes, call edit-design with exact search/replace edits. For broad copy-only changes such as translating all visible text, call edit-design in replace-file mode with the complete updated file content from the snapshot so the HTML structure, scripts, styles, and tweaks are preserved without dozens of fragile search blocks. Do not claim the design is updated until the mutating action succeeds.
+
 Provider-specific Design actions are shortcuts, not limits. If a first-class action cannot express the exact GitHub endpoint, repository tree query, code search, issue or pull request query, request body, pagination mode, payload shape, metadata field, or API version needed, call provider-api-catalog and provider-api-docs as needed, then call provider-api-request against the real GitHub API. Use the raw provider API escape hatch instead of weakening the answer or claiming Design cannot do something the underlying GitHub API can do.
 
 Design's GitHub provider API uses the saved GITHUB_TOKEN secret when present. Never ask the user to paste tokens into chat. For large GitHub search results or repository scans, pass stageAs and pagination options to provider-api-request, then use query-staged-dataset to count, filter, group, or project the staged rows.

package/corpus/templates/design/shared/api.ts

@@ -15,6 +15,33 @@ import type {
   BrandKitDefaults,
 } from "@agent-native/core/brand-kit";
 
+export type {
+  DesignBridgeCapability,
+  DesignBridgeOperation,
+  DesignBridgeOperationStatus,
+  DesignBridgeRequest,
+  DesignBridgeResponse,
+  DesignSourceDescriptor,
+  DesignSourceType,
+  FlowCanvasArtboard,
+  FlowCanvasEdge,
+  FlowCanvasSnapshotRef,
+  FusionDesignSource,
+  InlineDesignSource,
+  LocalhostDesignConnectionConfig,
+  LocalhostDesignRoute,
+  LocalhostDesignRouteManifest,
+  LocalhostDesignSource,
+} from "./source-mode";
+export {
+  DESIGN_BRIDGE_OPERATIONS,
+  DESIGN_SOURCE_TYPES,
+  isDesignSourceType,
+  makeLocalhostRouteId,
+  normalizeDesignSourceType,
+  titleFromRoutePath,
+} from "./source-mode";
+
 export interface DesignSystemData extends BrandKitData {
   spacing: { pagePadding: string; elementGap: string };
   defaults: BrandKitDefaults;

package/corpus/templates/design/shared/canvas-frames.ts

@@ -0,0 +1,103 @@
+export interface CanvasFrameGeometry {
+  x?: number;
+  y?: number;
+  width?: number;
+  height?: number;
+  rotation?: number;
+  z?: number;
+}
+
+export type CanvasFrameGeometryById = Record<string, CanvasFrameGeometry>;
+
+export interface CanvasFramePlacement extends CanvasFrameGeometry {
+  fileId?: string;
+  filename?: string;
+}
+
+const CANVAS_FRAME_GEOMETRY_KEYS = [
+  "x",
+  "y",
+  "width",
+  "height",
+  "rotation",
+  "z",
+] as const;
+
+function finiteNumber(value: unknown): number | undefined {
+  return typeof value === "number" && Number.isFinite(value)
+    ? value
+    : undefined;
+}
+
+export function parseCanvasFrameGeometry(
+  value: unknown,
+): CanvasFrameGeometry | null {
+  if (!value || typeof value !== "object" || Array.isArray(value)) return null;
+  const raw = value as Record<string, unknown>;
+  const frame: CanvasFrameGeometry = {};
+  for (const key of CANVAS_FRAME_GEOMETRY_KEYS) {
+    const next = finiteNumber(raw[key]);
+    if (next !== undefined) frame[key] = next;
+  }
+  return frame;
+}
+
+export function parseCanvasFrameGeometryById(
+  value: unknown,
+): CanvasFrameGeometryById {
+  if (!value || typeof value !== "object" || Array.isArray(value)) return {};
+  return Object.fromEntries(
+    Object.entries(value as Record<string, unknown>)
+      .map(([id, rawFrame]) => {
+        const frame = parseCanvasFrameGeometry(rawFrame);
+        return frame ? ([id, frame] as const) : null;
+      })
+      .filter((entry): entry is readonly [string, CanvasFrameGeometry] =>
+        Boolean(entry),
+      ),
+  );
+}
+
+export function mergeCanvasFramePlacements({
+  existing,
+  placements,
+  resolveFileId,
+}: {
+  existing: unknown;
+  placements: CanvasFramePlacement[];
+  resolveFileId: (placement: CanvasFramePlacement) => string | undefined;
+}): {
+  canvasFrames: CanvasFrameGeometryById;
+  placedFrames: Array<{
+    fileId: string;
+    filename?: string;
+    frame: CanvasFrameGeometry;
+  }>;
+} {
+  const canvasFrames = parseCanvasFrameGeometryById(existing);
+  const placedFrames: Array<{
+    fileId: string;
+    filename?: string;
+    frame: CanvasFrameGeometry;
+  }> = [];
+
+  for (const placement of placements) {
+    if (!placement.fileId && !placement.filename) {
+      throw new Error("canvasFrames entries require fileId or filename");
+    }
+    const fileId = resolveFileId(placement);
+    if (!fileId) {
+      throw new Error(
+        `canvasFrames entry did not match a design file: ${placement.filename ?? placement.fileId}`,
+      );
+    }
+    const frame = parseCanvasFrameGeometry(placement) ?? {};
+    canvasFrames[fileId] = {
+      ...canvasFrames[fileId],
+      ...frame,
+    };
+    placedFrames.push({ fileId, filename: placement.filename, frame });
+  }
+
+  return { canvasFrames, placedFrames };
+}