@agent-native/core 0.165.4 → 0.167.0

package/corpus/templates/design/app/pages/design-editor/measure-child-rects.ts

@@ -0,0 +1,83 @@
+export interface FreeformGeometry {
+  container: { width: number; height: number } | null;
+  children: Record<
+    string,
+    { x: number; y: number; width: number; height: number }
+  >;
+}
+
+const NOTHING_MEASURED: FreeformGeometry = { container: null, children: {} };
+
+/**
+ * Container-relative geometry for a node and its direct children, read from
+ * whichever preview iframe actually holds the node — the board and each screen
+ * have their own document, so a single global iframe lookup finds the wrong one.
+ */
+export function measureFreeformGeometry(nodeId: string): FreeformGeometry {
+  if (typeof document === "undefined") return NOTHING_MEASURED;
+  const selector = `[data-agent-native-node-id="${CSS.escape(nodeId)}"]`;
+  const iframes = Array.from(
+    document.querySelectorAll<HTMLIFrameElement>(
+      "iframe[data-design-preview-iframe],iframe[data-screen-iframe-id]",
+    ),
+  );
+  for (const iframe of iframes) {
+    let container: HTMLElement | null = null;
+    try {
+      container =
+        iframe.contentDocument?.querySelector<HTMLElement>(selector) ?? null;
+    } catch {
+      // Cross-origin preview surfaces are not measurable; try the next one.
+      continue;
+    }
+    if (!container) continue;
+    const view = container.ownerDocument.defaultView;
+    const origin = container.getBoundingClientRect();
+    // Absolute offsets resolve against the padding box, but a client rect is
+    // the border box, so a bordered container shifts every child it pins.
+    const borders = view?.getComputedStyle(container);
+    // Client rects are viewport-relative, so a scrolled container reports its
+    // children where they currently sit, not where the content box holds them.
+    const originLeft =
+      origin.left + edgeWidth(borders?.borderLeftWidth) - container.scrollLeft;
+    const originTop =
+      origin.top + edgeWidth(borders?.borderTopWidth) - container.scrollTop;
+    const rects: Record<
+      string,
+      { x: number; y: number; width: number; height: number }
+    > = {};
+    for (const child of Array.from(container.children)) {
+      const childId = child.getAttribute("data-agent-native-node-id");
+      if (!childId) continue;
+      const rect = child.getBoundingClientRect();
+      rects[childId] = {
+        x: rect.left - originLeft,
+        y: rect.top - originTop,
+        width: rect.width,
+        height: rect.height,
+      };
+    }
+    // Own box, in the same box-sizing terms as a width/height declaration on
+    // this element, so writing it back reproduces the rendered size.
+    const own = borders
+      ? {
+          width: Number.parseFloat(borders.width),
+          height: Number.parseFloat(borders.height),
+        }
+      : null;
+    return {
+      container:
+        own && Number.isFinite(own.width) && Number.isFinite(own.height)
+          ? own
+          : null,
+      children: rects,
+    };
+  }
+  return NOTHING_MEASURED;
+}
+
+function edgeWidth(value: string | undefined): number {
+  const parsed = Number.parseFloat(value ?? "");
+  // A missing or non-length border computes to no edge; both mean zero inset.
+  return Number.isFinite(parsed) ? parsed : 0;
+}

package/corpus/templates/design/app/pages/design-editor/paste-placement.ts

@@ -131,3 +131,69 @@ export function resolvePastePlacementForSelection(args: {
   if (!node) return null;
   return resolvePastePlacement(pasteTargetFromCodeLayerNode(node));
 }
+
+export interface PasteSourceAnchor {
+  fileId: string;
+  /**
+   * null when the entries do not share one resolvable parent. Never an empty
+   * array — a caller must not read "unresolved" as "insert at the root here",
+   * because the stored left/top are relative to a parent that is not there.
+   */
+  parentSelectors: string[] | null;
+}
+
+/**
+ * A copied layer's left/top are parent-relative, so a paste that lands
+ * anywhere else reads them in the wrong coordinate space. Null means the
+ * source is unknown — never "the document root".
+ */
+export function resolvePasteSourceAnchor(args: {
+  entries: ReadonlyArray<{ rootNodeId?: string; sourceFileId: string }>;
+  getContent: (fileId: string) => string | undefined;
+}): PasteSourceAnchor | null {
+  const first = args.entries[0];
+  if (!first) return null;
+  if (args.entries.some((entry) => entry.sourceFileId !== first.sourceFileId)) {
+    return null;
+  }
+  const content = args.getContent(first.sourceFileId);
+  if (!content) return null;
+  const projection = buildCodeLayerProjection(content);
+  const unresolved: PasteSourceAnchor = {
+    fileId: first.sourceFileId,
+    parentSelectors: null,
+  };
+  const parentIds = args.entries.map((entry) => {
+    const node = entry.rootNodeId
+      ? projection.nodes.find(
+          (candidate) =>
+            candidate.dataAttributes["data-agent-native-node-id"] ===
+              entry.rootNodeId || candidate.id === entry.rootNodeId,
+        )
+      : undefined;
+    return node?.parentId ?? null;
+  });
+  const [sharedParentId] = parentIds;
+  // Layers copied out of different parents have no common coordinate space, so
+  // forcing them into the first one's parent moves the rest.
+  if (!sharedParentId || parentIds.some((id) => id !== sharedParentId)) {
+    return unresolved;
+  }
+  const parent = projection.nodes.find(
+    (candidate) => candidate.id === sharedParentId,
+  );
+  if (!parent) return unresolved;
+  const parentNodeId = parent.dataAttributes["data-agent-native-node-id"];
+  const parentSelectors = [
+    // A node-id selector is unique by construction; the projection's
+    // class/path aliases can match several siblings, and
+    // insertClonedHtmlLayers fails closed on that ambiguity.
+    parentNodeId
+      ? `[data-agent-native-node-id="${parentNodeId.replace(/["\\]/g, "\\$&")}"]`
+      : null,
+    parent.selector,
+    ...parent.selectors,
+  ].filter((selector): selector is string => Boolean(selector));
+  if (parentSelectors.length === 0) return unresolved;
+  return { fileId: first.sourceFileId, parentSelectors };
+}

package/corpus/templates/design/server/routes/[...page].get.ts

@@ -10,7 +10,6 @@ import {
 } from "@agent-native/core/shared";
 import {
   defineEventHandler,
-  getHeader,
   getQuery,
   getRequestURL,
   setResponseHeader,

package/corpus/templates/design/shared/code-layer.ts

@@ -498,6 +498,17 @@ export interface AutoLayoutEditIntent {
   enabled: boolean;
   direction?: "row" | "column";
   gap?: string;
+  /**
+   * Measured child geometry, container-relative, keyed by stable node id.
+   * Supplied when disabling so children keep their rendered positions and
+   * become freely draggable; without it they re-stack in block flow.
+   */
+  childRects?: Record<
+    string,
+    { x: number; y: number; width: number; height: number }
+  >;
+  /** Rendered size of the container, so it cannot collapse once flow empties. */
+  containerRect?: { width: number; height: number };
 }
 
 /**
@@ -950,17 +961,6 @@ function cssIdent(value: string): string | null {
   return null;
 }
 
-function unquoteHtmlAttributeValue(value: string): string {
-  const trimmed = value.trim();
-  if (
-    (trimmed.startsWith('"') && trimmed.endsWith('"')) ||
-    (trimmed.startsWith("'") && trimmed.endsWith("'"))
-  ) {
-    return trimmed.slice(1, -1);
-  }
-  return trimmed;
-}
-
 function escapeHtmlAttribute(value: string): string {
   return value
     .replace(/&/g, "&amp;")
@@ -1777,18 +1777,6 @@ function utilityToStyleProperty(
   return null;
 }
 
-function classStyleToken(token: string): StyleToken | null {
-  const { utility } = parseClassToken(token);
-  const mapped = utilityToStyleProperty(utility);
-  if (!mapped) return null;
-  const { property, confidence } = mapped;
-  // The legacy value field preserves the original full token (including prefix)
-  // for backward compatibility.  The responsive path uses `breakpointValues`.
-  const value =
-    property === "display" ? (utility === "hidden" ? "none" : utility) : token;
-  return { property, value, token, source: "class", confidence };
-}
-
 function layoutFor(
   element: ParsedElement,
   parent: ParsedElement | undefined,
@@ -3385,43 +3373,6 @@ const FLEX_ITEM_STRIP_PROPS = [
   "order",
 ] as const;
 
-/**
- * Apply display:flex + direction + gap to a raw open-tag string and return it.
- * Only touches the style attribute.
- */
-function addAutoLayoutStyleToOpenTag(
-  openTag: string,
-  element: ParsedElement,
-  html: string,
-  direction: "row" | "column",
-  gap: string,
-): string {
-  const currentStyle = attributeValue(element, "style");
-  let declarations = parseStyleDeclarations(currentStyle);
-  const setOrReplace = (prop: string, val: string) => {
-    const existing = declarations.find((d) => d.property === prop);
-    if (existing) {
-      existing.value = val;
-    } else {
-      declarations.push({ property: prop, value: val });
-    }
-  };
-  setOrReplace("display", "flex");
-  setOrReplace("flex-direction", direction);
-  setOrReplace("gap", gap);
-  const nextStyle = serializeStyleDeclarations(declarations);
-  // We work on a scratch copy relative to element boundaries
-  const attr = getAttribute(element, "style");
-  if (attr) {
-    return `${openTag.slice(0, attr.start - element.start)}${attr.name}="${escapeHtmlAttribute(nextStyle)}"${openTag.slice(attr.end - element.start)}`;
-  }
-  // Insert before closing >
-  const closeChar = openTag.endsWith("/>")
-    ? openTag.length - 2
-    : openTag.length - 1;
-  return `${openTag.slice(0, closeChar)} style="${escapeHtmlAttribute(nextStyle)}"${openTag.slice(closeChar)}`;
-}
-
 /**
  * Strip absolute-positioning properties from a child's inline style, applying
  * the edit directly to the html string at the child element's source spans.
@@ -3889,6 +3840,13 @@ function applyUnwrap(
 /**
  * CONVERT: toggle auto-layout (display:flex) on an existing container.
  */
+/** Whether an existing min-width/min-height already preserves `extent` px. */
+function holdsOpen(value: string, extent: number): boolean {
+  const trimmed = value.trim();
+  if (!/^[\d.]+px$/i.test(trimmed)) return !/^0[a-z%]*$/i.test(trimmed);
+  return Number.parseFloat(trimmed) >= extent;
+}
+
 function applyAutoLayout(
   html: string,
   build: ProjectionBuild,
@@ -3907,21 +3865,113 @@ function applyAutoLayout(
   if (!element) return "conflict";
 
   if (!enabled) {
-    // Turn off auto-layout: set display:block.
+    const childRects = intent.childRects;
+    const hasRects = !!childRects && Object.keys(childRects).length > 0;
     const currentStyle = attributeValue(element, "style");
-    let declarations = parseStyleDeclarations(currentStyle);
-    const displayDecl = declarations.find((d) => d.property === "display");
-    if (displayDecl) {
-      displayDecl.value = "block";
-    } else {
-      declarations.push({ property: "display", value: "block" });
+    const declarations = parseStyleDeclarations(currentStyle);
+    const setOnContainer = (property: string, value: string) => {
+      const existing = declarations.find((d) => d.property === property);
+      if (existing) existing.value = value;
+      else declarations.push({ property, value });
+    };
+    setOnContainer("display", "block");
+    if (hasRects) {
+      // Absolute children resolve against the nearest positioned ancestor, so
+      // a static container would let them escape to the page.
+      const position = declarations.find((d) => d.property === "position");
+      if (!position || position.value === "static") {
+        setOnContainer("position", "relative");
+      }
+      // With every child absolute the content box is empty, so a hug-sized
+      // container collapses and overflow:hidden then hides what we just pinned.
+      const rect = intent.containerRect;
+      if (rect) {
+        for (const [property, value] of [
+          ["min-width", rect.width],
+          ["min-height", rect.height],
+        ] as const) {
+          const existing = declarations.find((d) => d.property === property);
+          // `min-height: 0` is the standard flex idiom and holds nothing open.
+          // Only a px minimum at least as large as the measured extent does.
+          if (existing && !holdsOpen(existing.value, value)) {
+            existing.value = `${Math.round(value)}px`;
+          } else if (!existing) {
+            declarations.push({ property, value: `${Math.round(value)}px` });
+          }
+        }
+      }
+    }
+    let result = replaceOrInsertAttribute(
+      html,
+      element,
+      "style",
+      serializeStyleDeclarations(declarations),
+    );
+    if (!hasRects) {
+      return {
+        content: result,
+        capability: { kind: "style", properties: ["display"], confidence: 0.9 },
+      };
+    }
+
+    const updatedElements = parseHtmlElements(result);
+    const targetAttr = attributeValue(element, "data-agent-native-node-id");
+    const updatedTarget =
+      (targetAttr
+        ? updatedElements.find(
+            (fe) =>
+              attributeValue(fe, "data-agent-native-node-id") === targetAttr,
+          )
+        : undefined) ??
+      updatedElements.find((fe) => fe.start === element.start);
+    if (updatedTarget) {
+      // Reverse order keeps earlier offsets valid as each write shifts the rest.
+      for (const childIndex of [...updatedTarget.childIndexes].reverse()) {
+        const child = updatedElements[childIndex];
+        if (!child) continue;
+        const childId = attributeValue(child, "data-agent-native-node-id");
+        const rect = childId ? childRects[childId] : undefined;
+        if (!rect) continue;
+        const childDecls = parseStyleDeclarations(
+          attributeValue(child, "style"),
+        );
+        const setOnChild = (property: string, value: string) => {
+          const existing = childDecls.find((d) => d.property === property);
+          if (existing) existing.value = value;
+          else childDecls.push({ property, value });
+        };
+        // The measured rect is a border box placed by its margin edge, so a
+        // content-box child would grow by its padding and a margin would shift
+        // it off the position we just measured.
+        setOnChild("box-sizing", "border-box");
+        setOnChild("margin", "0");
+        setOnChild("position", "absolute");
+        setOnChild("left", `${Math.round(rect.x)}px`);
+        setOnChild("top", `${Math.round(rect.y)}px`);
+        setOnChild("width", `${Math.round(rect.width)}px`);
+        setOnChild("height", `${Math.round(rect.height)}px`);
+        result = replaceOrInsertAttribute(
+          result,
+          child,
+          "style",
+          serializeStyleDeclarations(childDecls),
+        );
+      }
     }
-    const nextStyle = serializeStyleDeclarations(declarations);
     return {
-      content: replaceOrInsertAttribute(html, element, "style", nextStyle),
+      content: result,
       capability: {
         kind: "style",
-        properties: ["display"],
+        properties: [
+          "display",
+          "position",
+          "min-width",
+          "min-height",
+          "left",
+          "top",
+          "width",
+          "height",
+        ],
         confidence: 0.9,
       },
     };

package/corpus/templates/design/shared/design-surface-index.ts

@@ -13,7 +13,6 @@
  * See `DESIGN-STUDIO-PLAN.md` §4.2 for rationale.
  */
 
-import type { CodeLayerNode } from "./code-layer";
 import type { DesignCapabilityName } from "./design-source-capabilities";
 import type { DesignSourceType } from "./source-mode";
 

package/corpus/templates/design/shared/pen-path.ts

@@ -683,7 +683,3 @@ function roundCoord(value: number) {
 function samePoint(a: PenPoint, b: PenPoint) {
   return a.x === b.x && a.y === b.y;
 }
-
-function isPenPoint(point: PenPoint | undefined): point is PenPoint {
-  return !!point;
-}

package/corpus/templates/dispatch/.agents/skills/secrets/SKILL.md

@@ -38,7 +38,11 @@ connection exists:
   register a `kind: "oauth"` entry so the shared UI renders Connect and the
   runtime owns status, refresh, and reauthorization.
 - **Deploy- or app-level configuration** - use deployment/runtime
-  configuration, not a per-user secret row.
+  configuration, not a per-user secret row. For a non-secret public setting
+  already represented by `AgentNativeConfig`, put the default in
+  `agent-native.config.ts` and use its `AGENT_NATIVE_CONFIG_<PATH>` alias only
+  for a deployment override. Never put a credential or provider key in that
+  public namespace.
 - **Account, customer, manager, or other non-secret identifier** - store it as
   scoped connection metadata or app data, not as a masked secret field.
 

package/corpus/templates/dispatch/.agents/skills/workspace-conventions/SKILL.md

@@ -55,7 +55,10 @@ Preview before `--apply`, commit `agent-native.ejections.json`, and never edit
   ZIPs, screenshots, thumbnails, session replay chunks) in configured file/blob
   storage and persist only URLs, ids, or handles.
 - Store shared runtime configuration in the workspace root `.env`; use
-  `apps/<app>/.env` only for app-specific overrides. Never hardcode API keys,
+  `apps/<app>/.env` only for app-specific overrides. For public app behavior,
+  prefer the default in `agent-native.config.ts` and use the deterministic
+  `AGENT_NATIVE_CONFIG_<UPPER_SNAKE_PATH>` alias only when a non-secret value
+  needs a deployment override. Never hardcode API keys,
   tokens, webhook URLs, signing secrets, private Builder/internal data, customer
   data, or credential-looking literals in source, docs, prompts, fixtures,
   application state, action responses, or generated app content. Use

package/corpus/templates/dispatch/app/routes/integrations.tsx

@@ -68,7 +68,6 @@ import {
   IconChartBar,
   IconCheck,
   IconChevronDown,
-  IconCircleDashed,
   IconClock,
   IconDatabase,
   IconEdit,
@@ -473,13 +472,6 @@ function statusLabel(t: Translate, status: WorkspaceConnectionStatus): string {
   return t(`integrations.status.${status}`);
 }
 
-function readinessLabel(
-  t: Translate,
-  status: WorkspaceConnectionProviderReadinessStatus,
-): string {
-  return t(`integrations.readiness.${status}`);
-}
-
 function scopeLabel(
   t: Translate,
   scope: WorkspaceConnectionCredentialRef["scope"],
@@ -742,32 +734,6 @@ function nextAllowedApps(
   return current.filter((id) => id !== appId);
 }
 
-function summarizeGrant(
-  connection: WorkspaceConnection,
-  grantApps: GrantApp[],
-  grants: WorkspaceConnectionsResponse["grants"],
-  t: Translate,
-) {
-  if (connection.allowedApps.length === 0) return t("integrations.allApps");
-  const grantedAppIds = Array.from(
-    new Set([
-      ...connection.allowedApps,
-      ...grants
-        .filter((grant) => grant.connectionId === connection.id)
-        .map((grant) => grant.appId)
-        .filter((appId) => appId !== "*"),
-    ]),
-  );
-  const labels = grantedAppIds
-    .map((appId) => grantApps.find((app) => app.id === appId)?.label ?? appId)
-    .slice(0, 3);
-  const suffix =
-    grantedAppIds.length > labels.length
-      ? ` +${grantedAppIds.length - labels.length}`
-      : "";
-  return `${labels.join(", ")}${suffix}`;
-}
-
 function summarizeUserAccess(
   connection: WorkspaceConnection,
   t: Translate,
@@ -800,21 +766,6 @@ function summarizeUserAccess(
   return `${labels.join(", ")}${suffix}`;
 }
 
-function summarizeAppList(
-  appIds: string[],
-  grantApps: GrantApp[],
-  t: Translate,
-): string {
-  const labels = appIds
-    .map((appId) => grantApps.find((app) => app.id === appId)?.label ?? appId)
-    .slice(0, 3);
-  const suffix =
-    appIds.length > labels.length ? ` +${appIds.length - labels.length}` : "";
-  return labels.length > 0
-    ? `${labels.join(", ")}${suffix}`
-    : t("integrations.noApps");
-}
-
 function startWorkspaceProviderOAuth(provider: WorkspaceConnectionProvider) {
   const returnPath = `${window.location.pathname}${window.location.search}`;
   if (provider.id === "slack") {
@@ -3516,66 +3467,6 @@ export default function WorkspaceIntegrationsRoute() {
   );
 }
 
-function IntegrationOnboarding() {
-  const t = useT();
-  const steps: Array<{
-    icon: IconComponent;
-    title: string;
-    detail: string;
-  }> = [
-    {
-      icon: IconPlugConnected,
-      title: t("integrations.onboardingConnectTitle"),
-      detail: t("integrations.onboardingConnectDetail"),
-    },
-    {
-      icon: IconShieldCheck,
-      title: t("integrations.onboardingGrantTitle"),
-      detail: t("integrations.onboardingGrantDetail"),
-    },
-    {
-      icon: IconDatabase,
-      title: t("integrations.onboardingLocalTitle"),
-      detail: t("integrations.onboardingLocalDetail"),
-    },
-  ];
-
-  return (
-    <section className="rounded-lg bg-muted/30 px-4 py-3">
-      <div className="dispatch-onboarding-grid grid gap-3">
-        <div>
-          <h2 className="text-sm font-semibold text-foreground">
-            {t("integrations.onboardingTitle")}
-          </h2>
-          <p className="mt-1 text-sm leading-5 text-muted-foreground">
-            {t("integrations.onboardingDescription")}
-          </p>
-        </div>
-        <div className="dispatch-onboarding-steps-grid grid gap-2">
-          {steps.map((step) => {
-            const Icon = step.icon;
-            return (
-              <div key={step.title} className="flex min-w-0 gap-2">
-                <div className="mt-0.5 flex size-7 shrink-0 items-center justify-center rounded-md bg-muted/50">
-                  <Icon size={14} className="text-muted-foreground" />
-                </div>
-                <div className="min-w-0">
-                  <div className="text-xs font-medium text-foreground">
-                    {step.title}
-                  </div>
-                  <div className="mt-0.5 text-xs leading-5 text-muted-foreground">
-                    {step.detail}
-                  </div>
-                </div>
-              </div>
-            );
-          })}
-        </div>
-      </div>
-    </section>
-  );
-}
-
 function SummaryCard({
   icon: Icon,
   label,

package/corpus/templates/factory/.agents/skills/secrets/SKILL.md

@@ -38,7 +38,11 @@ connection exists:
   register a `kind: "oauth"` entry so the shared UI renders Connect and the
   runtime owns status, refresh, and reauthorization.
 - **Deploy- or app-level configuration** - use deployment/runtime
-  configuration, not a per-user secret row.
+  configuration, not a per-user secret row. For a non-secret public setting
+  already represented by `AgentNativeConfig`, put the default in
+  `agent-native.config.ts` and use its `AGENT_NATIVE_CONFIG_<PATH>` alias only
+  for a deployment override. Never put a credential or provider key in that
+  public namespace.
 - **Account, customer, manager, or other non-secret identifier** - store it as
   scoped connection metadata or app data, not as a masked secret field.
 

package/corpus/templates/factory/.agents/skills/workspace-conventions/SKILL.md

@@ -55,7 +55,10 @@ Preview before `--apply`, commit `agent-native.ejections.json`, and never edit
   ZIPs, screenshots, thumbnails, session replay chunks) in configured file/blob
   storage and persist only URLs, ids, or handles.
 - Store shared runtime configuration in the workspace root `.env`; use
-  `apps/<app>/.env` only for app-specific overrides. Never hardcode API keys,
+  `apps/<app>/.env` only for app-specific overrides. For public app behavior,
+  prefer the default in `agent-native.config.ts` and use the deterministic
+  `AGENT_NATIVE_CONFIG_<UPPER_SNAKE_PATH>` alias only when a non-secret value
+  needs a deployment override. Never hardcode API keys,
   tokens, webhook URLs, signing secrets, private Builder/internal data, customer
   data, or credential-looking literals in source, docs, prompts, fixtures,
   application state, action responses, or generated app content. Use

package/corpus/templates/factory/actions/navigate.ts

@@ -14,7 +14,7 @@
  */
 
 import { defineAction } from "@agent-native/core/action";
-import { writeAppState } from "@agent-native/core/application-state";
+import { writeAppStateForCurrentTab } from "@agent-native/core/application-state";
 import { z } from "zod";
 
 export default defineAction({
@@ -35,7 +35,7 @@ export default defineAction({
     if (args.path) nav.path = args.path;
     if (args.threadId) nav.threadId = args.threadId;
     nav._writeId = `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
-    await writeAppState("navigate", nav);
+    await writeAppStateForCurrentTab("navigate", nav);
     return `Navigating to ${args.view || args.path}`;
   },
 });

package/corpus/templates/factory/app/components/factory/FactoryAuditView.tsx

@@ -695,19 +695,6 @@ function formatAuditLabel(value: string): string {
     .replace(/\b\w/g, (letter) => letter.toUpperCase());
 }
 
-function formatAuditValue(value: unknown): string {
-  if (value === null || value === undefined) return "-";
-  if (typeof value === "string") return value;
-  if (typeof value === "number" || typeof value === "boolean") {
-    return String(value);
-  }
-  try {
-    return JSON.stringify(value);
-  } catch {
-    return "unreadable";
-  }
-}
-
 function truncateAuditText(value: string, maxLength: number): string {
   return value.length > maxLength ? `${value.slice(0, maxLength - 1)}…` : value;
 }

package/corpus/templates/factory/app/routes/factory.tsx

@@ -24,7 +24,6 @@ import { FactoryAgentsView } from "@/components/factory/FactoryAgentsView";
 import { FactoryAuditView } from "@/components/factory/FactoryAuditView";
 import {
   FactoryCanvas,
-  type FactoryCanvasEdge,
   type FactoryCanvasGraph,
   type FactoryCanvasNode,
 } from "@/components/factory/FactoryCanvas";

package/corpus/templates/factory/server/factory-graph/store.ts

@@ -63,7 +63,6 @@ export async function readFactoryDefinition(orgId: string, factoryId: string) {
 export async function readFactoryMetrics(
   orgId: string,
 ): Promise<FactoryMetricSummary> {
-  const db = getDb();
   const [
     totalItems,
     slackItems,