@agent-native/core 0.178.0-nightly-20260909183543 → 0.178.0

package/corpus/templates/slides/app/components/editor/SlideInlineEditor.tsx

@@ -1,5 +1,6 @@
 import { isReconcileLeadClient } from "@agent-native/core/client/collab";
 import { useT } from "@agent-native/core/client/i18n";
+import { resolveSlideBackground } from "@shared/slide-background";
 import { Extension } from "@tiptap/core";
 import Collaboration from "@tiptap/extension-collaboration";
 import CollaborationCaret from "@tiptap/extension-collaboration-caret";
@@ -14,7 +15,9 @@ import type { Awareness } from "y-protocols/awareness";
 import type * as Y from "yjs";
 
 import type { Slide } from "@/context/DeckContext";
+import { sanitizeCssValue } from "@/lib/sanitize-slide-html";
 
+import type { DesignSystemData } from "../../../shared/api";
 import { SlideBubbleMenu } from "./SlideBubbleMenu";
 import {
   SlashCommandExtension,
@@ -29,6 +32,7 @@ import {
 
 interface SlideInlineEditorProps {
   slide: Slide;
+  designSystem?: DesignSystemData;
   onContentChange: (html: string) => void;
   onExitEdit: () => void;
   /**
@@ -52,13 +56,16 @@ interface SlideInlineEditorProps {
 }
 
 /** Resolve bg class / style from slide.background */
-function resolveBackground(bg?: string): {
+function resolveBackground(
+  bg?: string,
+  designSystem?: DesignSystemData,
+): {
   bgClass: string;
   bgStyle?: React.CSSProperties;
 } {
-  if (!bg) return { bgClass: "bg-[#000000]" };
-  if (bg.startsWith("bg-")) return { bgClass: bg };
-  return { bgClass: "", bgStyle: { background: bg } };
+  const resolved = resolveSlideBackground(bg, designSystem);
+  if (resolved.startsWith("bg-")) return { bgClass: resolved };
+  return { bgClass: "", bgStyle: { background: resolved } };
 }
 
 /**
@@ -185,6 +192,7 @@ export function shouldApplySlideContentSync({
 
 export function SlideInlineEditor({
   slide,
+  designSystem,
   onContentChange,
   onExitEdit,
   contentUpdatedAt,
@@ -195,7 +203,25 @@ export function SlideInlineEditor({
   onComment,
 }: SlideInlineEditorProps) {
   const t = useT();
-  const { bgClass, bgStyle } = resolveBackground(slide.background);
+  const { bgClass, bgStyle } = resolveBackground(
+    slide.background,
+    designSystem,
+  );
+  const designSystemStyle = designSystem
+    ? ({
+        "--ds-bg": bgClass
+          ? "transparent"
+          : (bgStyle?.background ?? "transparent"),
+        "--ds-text":
+          sanitizeCssValue(designSystem.colors.text) ??
+          "hsl(var(--foreground))",
+        "--ds-text-muted":
+          sanitizeCssValue(designSystem.colors.textMuted) ??
+          "hsl(var(--muted-foreground))",
+        "--ds-heading-font": designSystem.typography.headingFont,
+        "--ds-body-font": designSystem.typography.bodyFont,
+      } as React.CSSProperties & Record<string, string>)
+    : {};
   const saveTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
   // Guard flag: prevents the seeding setContent from triggering onContentChange
   const isSettingContent = useRef(false);
@@ -452,7 +478,7 @@ export function SlideInlineEditor({
   return (
     <div
       className={`w-full aspect-video rounded-lg overflow-hidden relative shadow-2xl shadow-black/40 ring-2 ring-[#609FF8] ${bgClass}`}
-      style={bgStyle}
+      style={{ ...bgStyle, ...designSystemStyle }}
     >
       {/* Scale the editor canvas to 960x540 just like SlideRenderer */}
       <div
@@ -463,7 +489,11 @@ export function SlideInlineEditor({
           transform: "scale(var(--slide-scale, 0.25))",
         }}
       >
-        <SlideEditorCanvas editor={editor} slide={slide} />
+        <SlideEditorCanvas
+          editor={editor}
+          slide={slide}
+          designSystem={designSystem}
+        />
       </div>
       {/* ScaleHelper mirrors SlideRenderer's ScaleHelper */}
       <ScaleHelper targetWidth={960} />
@@ -494,27 +524,31 @@ export function SlideInlineEditor({
 function SlideEditorCanvas({
   editor,
   slide,
+  designSystem,
 }: {
   editor: ReturnType<typeof useEditor>;
   slide: Slide;
+  designSystem?: DesignSystemData;
 }) {
   const layoutPadding: Record<string, string> = {
-    title: "px-[110px] py-[80px]", // i18n-ignore Tailwind class list
-    content: "px-[110px] py-[80px]", // i18n-ignore Tailwind class list
-    "two-column": "px-[70px] py-[50px]",
-    section: "px-[110px] py-[80px]", // i18n-ignore Tailwind class list
-    statement: "px-[110px] py-[60px]", // i18n-ignore Tailwind class list
-    image: "px-[80px] py-[60px]",
+    title: "px-[80px] py-[64px]", // i18n-ignore Tailwind class list
+    content: "px-[80px] py-[64px]", // i18n-ignore Tailwind class list
+    "two-column": "px-[80px] py-[64px]",
+    section: "px-[80px] py-[64px]", // i18n-ignore Tailwind class list
+    statement: "px-[80px] py-[64px]", // i18n-ignore Tailwind class list
+    image: "px-[80px] py-[64px]",
     "full-image": "p-0",
     blank: "p-8",
   };
 
-  const padding = layoutPadding[slide.layout] ?? "px-[110px] py-[80px]"; // i18n-ignore Tailwind class list
+  const padding = layoutPadding[slide.layout] ?? "px-[80px] py-[64px]"; // i18n-ignore Tailwind class list
 
   return (
     <div
       className={`w-[960px] h-[540px] relative flex flex-col justify-center ${padding}`}
-      style={{ fontFamily: "'Poppins', sans-serif" }}
+      style={{
+        fontFamily: designSystem?.typography.bodyFont ?? "Inter, sans-serif",
+      }}
     >
       <EditorContent
         editor={editor}

package/corpus/templates/slides/app/global.css

@@ -326,7 +326,8 @@ button[title="Open agent sidebar"] {
 
 /* Slide content styling */
 .slide-content {
-  font-family: "Poppins", sans-serif;
+  font-family: var(--ds-body-font, "Inter", sans-serif);
+  color: var(--ds-text, #1f2933);
 }
 
 /* Per-element inline text editing — highlight the text layer that is
@@ -352,27 +353,27 @@ button[title="Open agent sidebar"] {
 }
 .slide-content h1 {
   @apply text-5xl font-bold mb-6 leading-tight tracking-tight;
-  color: #ffffff;
+  color: var(--ds-text, #1f2933);
 }
 .slide-content h2 {
   @apply text-3xl font-semibold mb-4 leading-snug tracking-tight;
-  color: #ffffff;
+  color: var(--ds-text, #1f2933);
 }
 .slide-content h3 {
   @apply text-2xl font-medium mb-3;
-  color: #ffffff;
+  color: var(--ds-text, #1f2933);
 }
 .slide-content p {
   @apply text-xl leading-relaxed mb-4;
-  color: rgba(255, 255, 255, 0.75);
+  color: var(--ds-text-muted, #667085);
 }
 .slide-content ul {
   @apply text-lg space-y-3 list-disc list-inside;
-  color: rgba(255, 255, 255, 0.75);
+  color: var(--ds-text-muted, #667085);
 }
 .slide-content ol {
   @apply text-lg space-y-3 list-decimal list-inside;
-  color: rgba(255, 255, 255, 0.75);
+  color: var(--ds-text-muted, #667085);
 }
 .slide-content code {
   @apply bg-white/10 px-2 py-0.5 rounded text-base font-mono;
@@ -390,7 +391,7 @@ button[title="Open agent sidebar"] {
 }
 .slide-content strong {
   @apply font-bold;
-  color: #ffffff;
+  color: var(--ds-text, #1f2933);
 }
 .slide-content em {
   @apply italic;
@@ -415,18 +416,18 @@ button[title="Open agent sidebar"] {
 }
 .slide-content td {
   @apply py-3 text-base;
-  color: rgba(255, 255, 255, 0.75);
+  color: var(--ds-text-muted, #667085);
   border-top: 1px solid rgba(255, 255, 255, 0.06);
 }
 .slide-content td:first-child {
   @apply font-semibold;
-  color: #ffffff;
+  color: var(--ds-text, #1f2933);
 }
 
 /* Builder brand hr styling */
 .slide-content hr {
   @apply my-4;
-  border-color: rgba(255, 255, 255, 0.06);
+  border-color: var(--ds-accent, #2457d6);
 }
 
 /* ─── Slide Styles ─── */
@@ -438,13 +439,20 @@ button[title="Open agent sidebar"] {
   height: 100%;
   display: flex;
   flex-direction: column;
-  color: var(--ds-text, #ffffff);
-  background: var(--ds-bg, #0b0b0d);
-  font-family: var(--ds-body-font, "Poppins", sans-serif);
+  padding: 64px 80px;
+  color: var(--ds-text, #1f2933);
+  background: var(--ds-bg, #f5f2ea);
+  font-family: var(--ds-body-font, "Inter", sans-serif);
   box-sizing: border-box;
   overflow: hidden;
 }
 
+/* Imported source slides use absolute source-canvas coordinates. */
+.fmd-slide[data-imported-pptx="true"],
+.fmd-slide[data-imported-pdf="true"] {
+  padding: 0;
+}
+
 /* Semantic slide markup is persisted by the agent. Keep the classes useful
    when a later edit omits inline styles, while leaving explicit inline values
    authoritative through the normal CSS cascade. */
@@ -452,7 +460,7 @@ button[title="Open agent sidebar"] {
   justify-content: center;
   align-items: flex-start;
   gap: 24px;
-  padding: 80px 110px;
+  padding: 64px 80px;
 }
 
 .fmd-slide.fmd-slide--content,
@@ -477,11 +485,8 @@ button[title="Open agent sidebar"] {
 .fmd-slide.fmd-slide--two-column h2,
 .fmd-slide.fmd-slide--statement h1,
 .fmd-slide.fmd-slide--statement h2 {
-  color: var(--ds-text, #ffffff);
-  font-family: var(
-    --ds-heading-font,
-    var(--ds-body-font, "Poppins", sans-serif)
-  );
+  color: var(--ds-text, #1f2933);
+  font-family: var(--ds-heading-font, var(--ds-body-font, "Inter", sans-serif));
   font-weight: 700;
   letter-spacing: -0.03em;
 }
@@ -511,7 +516,7 @@ button[title="Open agent sidebar"] {
 
 .fmd-slide .fmd-subtitle,
 .fmd-slide .fmd-muted {
-  color: var(--ds-text-muted, rgba(255, 255, 255, 0.7));
+  color: var(--ds-text-muted, #667085);
 }
 
 .fmd-slide .fmd-subtitle {
@@ -536,7 +541,7 @@ button[title="Open agent sidebar"] {
 
 .fmd-slide .fmd-accent,
 .fmd-slide .fmd-cyan {
-  color: var(--ds-accent, #00e5ff);
+  color: var(--ds-accent, #2457d6);
 }
 
 .fmd-autofit-scale {

package/corpus/templates/slides/app/hooks/use-deck-design-system.ts

@@ -4,27 +4,31 @@ import {
   normalizeReferenceUrls,
   type DesignSystemData,
 } from "../../shared/api";
+import { DEFAULT_SLIDE_BACKGROUND } from "../../shared/slide-background";
 
 const DEFAULT_DESIGN_SYSTEM: DesignSystemData = {
   colors: {
-    primary: "#609FF8",
-    secondary: "#4ADE80",
-    accent: "#00E5FF",
-    background: "#000000",
-    surface: "#0a0a0a",
-    text: "#ffffff",
-    textMuted: "rgba(255,255,255,0.55)",
+    primary: "#2457D6", // guard:allow-raw-color - default slide design-system palette
+    secondary: "#C85C3A", // guard:allow-raw-color - default slide design-system palette
+    accent: "#2457D6", // guard:allow-raw-color - default slide design-system palette
+    background: DEFAULT_SLIDE_BACKGROUND,
+    surface: "#FFFFFF", // guard:allow-raw-color - default slide design-system palette
+    text: "#1F2933", // guard:allow-raw-color - default slide design-system palette
+    textMuted: "#667085", // guard:allow-raw-color - default slide design-system palette
   },
   typography: {
-    headingFont: "Poppins",
-    bodyFont: "Poppins",
-    headingWeight: "900",
-    bodyWeight: "400",
-    headingSizes: { h1: "64px", h2: "40px", h3: "28px" },
+    headingFont: "Inter",
+    bodyFont: "Inter",
+    headingWeight: "750",
+    bodyWeight: "450",
+    headingSizes: { h1: "56px", h2: "34px", h3: "24px" },
+  },
+  spacing: { slidePadding: "64px 80px", elementGap: "18px" },
+  borders: { radius: "14px", accentWidth: "3px" },
+  slideDefaults: {
+    background: DEFAULT_SLIDE_BACKGROUND,
+    labelStyle: "capitalize",
   },
-  spacing: { slidePadding: "80px 110px", elementGap: "20px" },
-  borders: { radius: "12px", accentWidth: "4px" },
-  slideDefaults: { background: "#000000", labelStyle: "uppercase" },
   logos: [],
 };
 

package/corpus/templates/slides/app/lib/create-deck-generation.ts

@@ -429,7 +429,7 @@ export async function startDeckGeneration({
         "Design system selection:",
         "- No design system was selected in the picker.",
         "- Before generating a bare or on-brand deck, call `get-workspace-defaults`. If it returns a usable design system, patch this deck with that designSystemId, call `get-design-system`, and follow its exact tokens, assets, and custom instructions.",
-        "- If no workspace default exists, use the product's configured design-system action and report the missing configuration instead of inventing a generic Builder-like palette.",
+        "- If no workspace default exists, use a light warm-neutral canvas, dark ink text, Inter or a close sans-serif, 64px by 80px minimum padding, strong title/body scale contrast, and one restrained blue or coral accent. Never default to a black canvas with white text or omit the padded fmd-slide wrapper.",
       ].join("\n");
   const referenceSource = referenceSelection.referenceSource;
   const referenceSourceContext = referenceSource
@@ -491,7 +491,7 @@ export async function startDeckGeneration({
     "The original brief and uploaded/reference handles are persisted on the deck as generationContext. On every continuation or follow-up, call get-deck first and treat that context as the canonical brief. Continue the original slide sequence from the current slide count; do not replace it with a fresh topic inferred only from the follow-up message.",
     "An explicit theme or brand instruction in the original brief overrides the background, palette, and styling of an uploaded/reference image or source page. Preserve source content and imagery, but do not copy a white wireframe background when the requested theme is dark.",
     "Do not report completion until the persisted generationContext targetSlideCount is reached, or, for source-preserving mode, get-deck compact=true reports sourceCoverage.complete=true for the ordered source manifest. If the current deck is short, finish the missing requested slides before adding unrelated content.",
-    "Every slide is rendered into a fixed native canvas (default 16:9 is 960x540 CSS pixels, with 740x380px available inside standard 80px 110px padding). Keep the main content within that fit budget; split dense source material across more slides instead of packing it tightly. Never use zoom, transform: scale(), clipping, or scroll overflow to hide content overflow, and keep body text at least 16px.",
+    "Every slide is rendered into a fixed native canvas (default 16:9 is 960x540 CSS pixels, with 800x412px available inside standard 64px 80px padding). Keep the main content within that fit budget; split dense source material across more slides instead of packing it tightly. Never use zoom, transform: scale(), clipping, or scroll overflow to hide content overflow, and keep body text at least 16px.",
     "When no reference deck or hydrated design system is available, use a restrained, content-first visual language. Do not invent colorful cards, boxes, or decorative rectangles behind or over text; add a colored shape only when it has a clear semantic role and leaves the text unobscured. Prefer typography, spacing, alignment, and one restrained accent.",
     "Each slide's --content must be full HTML. Slide HTML templates are in your AGENTS.md.",
     "Do NOT use create-deck (the deck already exists). Do NOT call db-schema, the resources tool, or search-files.",

package/corpus/templates/slides/app/lib/normalize-slide-padding.ts

@@ -17,7 +17,7 @@ export function normalizeSlidePadding(html: string): string {
       const style = styleMatch[2];
       if (/(?:^|;)\s*padding\s*:/i.test(style)) return html;
 
-      const nextStyle = `padding: 80px 110px;${
+      const nextStyle = `padding: 64px 80px;${
         style.startsWith(" ") ? "" : " "
       }${style}`;
       const nextStyleAttribute = styleMatch[0].replace(style, nextStyle);
@@ -36,7 +36,7 @@ export function normalizeSlidePadding(html: string): string {
     const classEnd = classMatch.index + classMatch[0].length;
     const nextOpeningTag =
       openingTag.slice(0, classEnd) +
-      ' style="padding: 80px 110px;"' +
+      ' style="padding: 64px 80px;"' +
       openingTag.slice(classEnd);
 
     return (

package/corpus/templates/slides/app/pages/Index.tsx

@@ -953,7 +953,7 @@ export default function Index() {
           "Design system selection:",
           "- No design system was selected in the picker.",
           "- Before generating a bare or on-brand deck, call `get-workspace-defaults`. If it returns a usable design system, patch this deck with that designSystemId, call `get-design-system`, and follow its exact tokens, assets, and custom instructions.",
-          "- If no workspace default exists, report the missing configuration instead of inventing a generic Builder-like palette.",
+          "- If no workspace default exists, use a light warm-neutral canvas, dark ink text, Inter or a close sans-serif, 64px by 80px minimum padding, strong title/body scale contrast, and one restrained blue or coral accent. Never default to a black canvas with white text or omit the padded fmd-slide wrapper.",
         ].join("\n");
     const referenceSource = referenceSelection.referenceSource;
     const referenceSourceContext = referenceSource
@@ -1019,7 +1019,7 @@ export default function Index() {
       "The original brief and uploaded/reference handles are persisted on the deck as generationContext. On every continuation or follow-up, call get-deck first and treat that context as the canonical brief. Continue the original slide sequence from the current slide count; do not replace it with a fresh topic inferred only from the follow-up message.",
       "An explicit theme or brand instruction in the original brief overrides the background, palette, and styling of an uploaded/reference image or source page. Preserve source content and imagery, but do not copy a white wireframe background when the requested theme is dark.",
       "Do not report completion until the persisted generationContext targetSlideCount is reached, or, for source-preserving mode, get-deck compact=true reports sourceCoverage.complete=true for the ordered source manifest. If the current deck is short, finish the missing requested slides before adding unrelated content.",
-      "Every slide is rendered into a fixed native canvas (default 16:9 is 960x540 CSS pixels, with 740x380px available inside standard 80px 110px padding). Keep the main content within that fit budget; split dense source material across more slides instead of packing it tightly. Never use zoom, transform: scale(), clipping, or scroll overflow to hide content overflow, and keep body text at least 16px.",
+      "Every slide is rendered into a fixed native canvas (default 16:9 is 960x540 CSS pixels, with 800x412px available inside standard 64px 80px padding). Keep the main content within that fit budget; split dense source material across more slides instead of packing it tightly. Never use zoom, transform: scale(), clipping, or scroll overflow to hide content overflow, and keep body text at least 16px.",
       "When no reference deck or hydrated design system is available, use a restrained, content-first visual language. Do not invent colorful cards, boxes, or decorative rectangles behind or over text; add a colored shape only when it has a clear semantic role and leaves the text unobscured. Prefer typography, spacing, alignment, and one restrained accent.",
       "Each slide's --content must be full HTML. Slide HTML templates are in your AGENTS.md.",
       "Do NOT use create-deck (the deck already exists). Do NOT call db-schema, the resources tool, or search-files.",

package/corpus/templates/slides/changelog/2026-09-09-slides-default-generation-style.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-09-09
+---
+
+Slides use a polished light visual style by default when no brand system is selected.

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

@@ -259,7 +259,7 @@ When the active Slides editor is already showing the deck you just changed, do n
 
 For source-faithful PDF slides, keep whatever the import produced — positioned text boxes and images for a page that carried them, the page image for one that did not — and style around it with restrained design-system chrome such as a frame, edge treatment, caption, or safe overlay; never replace an imported slide with a retyped approximation of its text. For PPTX slides, preserve the imported positioned HTML and every uploaded source image. The patch-deck and update-slide actions enforce these preservation rules by default; pass preserveSource=false only when the user explicitly requests a rewrite of that slide.
 
-For new decks, resolve precedence in this order: an explicit designSystemId or exact-title designSystem wins, then the caller's personal default, then the workspace default; create-deck applies this itself. Call get-design-system once before the first slide you author, then reuse it. For an existing deck, get-deck's designSystem and deckStyle are the source of truth. For an unlinked deck where the user asks for on-brand styling, call get-workspace-defaults, link its usable design system with patch-deck, then call get-design-system once. Do not improvise a generic Builder-like palette when configured Builder.io design-system context is available.
+For new decks, resolve precedence in this order: an explicit designSystemId or exact-title designSystem wins, then the caller's personal default, then the workspace default; create-deck applies this itself. Call get-design-system once before the first slide you author, then reuse it. For an existing deck, get-deck's designSystem and deckStyle are the source of truth. For an unlinked deck where the user asks for on-brand styling, call get-workspace-defaults, link its usable design system with patch-deck, then call get-design-system once. Do not improvise a generic Builder-like palette when configured Builder.io design-system context is available. When no design system is available, use the Slides fallback direction: a light warm-neutral canvas, dark ink text, Inter or a close sans-serif, generous 64px by 80px minimum padding, strong title/body scale contrast, and one restrained blue or coral accent. Every slide needs intentional composition - for example a labeled title block, a two-column split, a metric treatment, a rule, a callout, a visual placeholder, or a simple diagram - not an unstyled text dump. Never use a black background with white text as the generic fallback, never omit the padded fmd-slide wrapper, and never let body copy touch the canvas edge.
 When adding slides to an existing deck, first read get-deck and match the established visual treatment - background, foreground, typography, spacing, and component language - unless the user explicitly asks to change the theme. Never default continuation slides to a new white or dark theme.
 
 Layout-fit workflow is strict. When the user asks to fix overflow, first call view-screen and inspect the deck-wide layout-fit section. If it says measurements are unknown, do not claim the deck fits. Call get-layout-overflows when you need the structured per-slide results. Read each affected slide with get-deck slideId=<id> (full HTML is returned for a targeted read), then make one bounded structural repair pass with one patch-slide operation per affected slide in a single patch-deck call. Writes return before browser measurement, so continue independent edits while layoutFit.status=pending. At the verification point, call get-layout-overflows once and use only measurements whose contentHash and layoutFitRevision match the current persisted slides. Wait for the repair action result and verify the persisted HTML with get-deck slideId=<id> compact=true before saying it is fixed. If a fresh measurement still reports overflow, make at most one focused follow-up repair based on that measurement; never loop, repeatedly re-measure, or claim success after a chat response alone.

package/corpus/templates/slides/shared/slide-background.ts

@@ -1,3 +1,5 @@
+export const DEFAULT_SLIDE_BACKGROUND = "#F5F2EA"; // guard:allow-raw-color - default slide canvas fallback
+
 // `slide.background` holds either a raw CSS value or a Tailwind arbitrary
 // class (`bg-[...]`), which SlideRenderer applies as a class rather than
 // an inline style. Callers that only speak CSS colors unwrap the arbitrary
@@ -6,9 +8,23 @@
 export function backgroundCssValue(
   background: string | undefined,
 ): string | null {
-  // guard:allow-raw-color — mirrors SlideRenderer's own default slide fill
-  if (!background) return "#000000";
+  if (!background) return DEFAULT_SLIDE_BACKGROUND;
   const arbitrary = background.match(/^bg-\[(.+)\]$/);
   if (arbitrary) return arbitrary[1].replace(/_/g, " ");
   return background.startsWith("bg-") ? null : background;
 }
+
+export function resolveSlideBackground(
+  background: string | undefined,
+  designSystem?: {
+    slideDefaults?: { background?: string };
+    colors?: { background?: string };
+  },
+): string {
+  return (
+    background?.trim() ||
+    designSystem?.slideDefaults?.background?.trim() ||
+    designSystem?.colors?.background?.trim() ||
+    DEFAULT_SLIDE_BACKGROUND
+  );
+}

package/dist/cli/index.js

@@ -19,6 +19,23 @@ try {
     _version = pkg.version;
 }
 catch { }
+// Fail fast on unsupported Node versions. The package engine is only
+// advisory — npx/pnpm merely warn — so without this an older Node first fails
+// deep inside a scaffold dynamic import with a cryptic ERR_MODULE / syntax
+// error that `handleScaffoldImportError` misreports as a corrupt npx cache.
+const REQUIRED_NODE_MAJOR = 22;
+const REQUIRED_NODE_MINOR = 22;
+const _nodeVersion = process.versions.node;
+const _nodeIsStable = /^\d+\.\d+\.\d+$/.test(_nodeVersion);
+const [_nodeMajor, _nodeMinor] = _nodeVersion.split(".").map(Number);
+const _unsupportedNode = !_nodeIsStable ||
+    _nodeMajor < REQUIRED_NODE_MAJOR ||
+    (_nodeMajor === REQUIRED_NODE_MAJOR && _nodeMinor < REQUIRED_NODE_MINOR);
+if (_unsupportedNode) {
+    console.error(`agent-native requires Node.js ${REQUIRED_NODE_MAJOR}.${REQUIRED_NODE_MINOR}.0 or newer, but you're on Node ${process.versions.node}.\n` +
+        `Upgrade Node (https://nodejs.org) and re-run. With nvm: \`nvm install ${REQUIRED_NODE_MAJOR}\`.`);
+    process.exit(1);
+}
 /**
  * Build a redacted "command" tag from process.argv. Strips the value that
  * follows any --token / --key / --secret / --password / --api-key flag so

package/dist/client/org/OrgSwitcher.js

@@ -4,7 +4,6 @@ import { IconApps, IconArrowUpRight, IconBrain, IconBrandJira, IconBriefcase, Ic
 import { useState } from "react";
 import { Link, useNavigate } from "react-router";
 import { setBrowserDemoModeEnabled } from "../../demo/browser-state.js";
-import { canManageOrg } from "../../org/permissions.js";
 import { shouldOfferWorkspace } from "../../org/workspace-url.js";
 import { useT } from "../i18n.js";
 import { signOut } from "../sign-out.js";
@@ -77,33 +76,30 @@ function AppMenuLink({ app, onNavigate, }) {
             (app.isDispatch ? "Workspace hub" : `${app.name} workspace`);
     return (_jsxs("a", { href: app.href, onClick: onNavigate, className: "flex items-center gap-2 rounded-sm px-2.5 py-2 text-xs outline-none hover:bg-accent focus:bg-accent", children: [_jsx("span", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-muted text-muted-foreground", children: _jsx(Icon, { className: "h-3.5 w-3.5" }) }), _jsxs("span", { className: "min-w-0 flex-1", children: [_jsx("span", { className: "block truncate font-medium text-foreground", children: app.name }), _jsx("span", { className: "block truncate text-[11px] text-muted-foreground", title: description, children: description })] }), _jsx(IconArrowUpRight, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" })] }));
 }
-function AppsSubmenu({ apps, isLoading, dispatchHref, dispatchAllAppsHref, canAccessDispatch, currentAppId, onNavigate, }) {
+function AppsSubmenu({ apps, isLoading, isWorkspace, dispatchHref, dispatchAllAppsHref, currentAppId, onNavigate, }) {
     const appsForMenu = currentAppId
         ? apps.filter((app) => app.id !== currentAppId)
         : apps;
-    const accessibleAppsForMenu = canAccessDispatch
-        ? appsForMenu
-        : appsForMenu.filter((app) => !app.isDispatch);
-    const { links, overflowCount } = visibleOrgAppLinks(accessibleAppsForMenu);
+    const { links, overflowCount } = visibleOrgAppLinks(appsForMenu);
     const visibleDispatchApp = links.find((app) => app.isDispatch);
-    const dispatchApp = !canAccessDispatch || currentAppId === "dispatch"
+    const fallbackDispatchApp = !isWorkspace || isLoading
+        ? {
+            id: "dispatch",
+            name: "Dispatch",
+            href: dispatchHref,
+            isDispatch: true,
+            status: "ready",
+        }
+        : null;
+    const dispatchApp = currentAppId === "dispatch"
         ? null
-        : (visibleDispatchApp ??
-            {
-                id: "dispatch",
-                name: "Dispatch",
-                href: dispatchHref,
-                isDispatch: true,
-                status: "ready",
-            });
+        : (visibleDispatchApp ?? fallbackDispatchApp);
     const visibleNonDispatch = links
         .filter((app) => !app.isDispatch)
         .slice(0, dispatchApp ? undefined : ORG_SWITCHER_MAX_APP_LINKS);
     const shownCount = (dispatchApp ? 1 : 0) + visibleNonDispatch.length;
-    const remainingCount = canAccessDispatch
-        ? Math.max(overflowCount, accessibleAppsForMenu.length - shownCount)
-        : 0;
-    return (_jsxs(PopoverPrimitive.Root, { children: [_jsx(PopoverPrimitive.Trigger, { asChild: true, children: _jsxs("button", { type: "button", className: `${ITEM_CLASS} cursor-pointer`, children: [_jsx(IconApps, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }), _jsx("span", { className: "flex-1 text-start", children: "Apps" }), _jsx("span", { className: "text-[11px] text-muted-foreground", children: isLoading ? (_jsx(IconLoader2, { className: "h-3 w-3 animate-spin" })) : (accessibleAppsForMenu.length) }), _jsx(IconChevronRight, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground rtl:-scale-x-100" })] }) }), _jsx(PopoverPrimitive.Portal, { children: _jsxs(PopoverPrimitive.Content, { side: "right", align: "start", sideOffset: 8, collisionPadding: 12, className: APP_SUBMENU_CONTENT_CLASS, children: [dispatchApp && (_jsx(AppMenuLink, { app: dispatchApp, onNavigate: onNavigate })), dispatchApp && visibleNonDispatch.length > 0 && (_jsx("div", { className: "my-1 h-px bg-border" })), visibleNonDispatch.map((app) => (_jsx(AppMenuLink, { app: app, onNavigate: onNavigate }, app.id))), remainingCount > 0 && (_jsxs(_Fragment, { children: [_jsx("div", { className: "my-1 h-px bg-border" }), _jsxs("a", { href: dispatchAllAppsHref, onClick: onNavigate, className: "flex items-center gap-2 rounded-sm px-2.5 py-1.5 text-xs text-foreground outline-none hover:bg-accent focus:bg-accent", children: [_jsx(IconApps, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }), _jsx("span", { className: "flex-1", children: `View ${remainingCount} more in Dispatch` }), _jsx(IconArrowUpRight, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" })] })] }))] }) })] }));
+    const remainingCount = Math.max(overflowCount, appsForMenu.length - shownCount);
+    return (_jsxs(PopoverPrimitive.Root, { children: [_jsx(PopoverPrimitive.Trigger, { asChild: true, children: _jsxs("button", { type: "button", className: `${ITEM_CLASS} cursor-pointer`, children: [_jsx(IconApps, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }), _jsx("span", { className: "flex-1 text-start", children: "Apps" }), _jsx("span", { className: "text-[11px] text-muted-foreground", children: isLoading ? (_jsx(IconLoader2, { className: "h-3 w-3 animate-spin" })) : (appsForMenu.length) }), _jsx(IconChevronRight, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground rtl:-scale-x-100" })] }) }), _jsx(PopoverPrimitive.Portal, { children: _jsxs(PopoverPrimitive.Content, { side: "right", align: "start", sideOffset: 8, collisionPadding: 12, className: APP_SUBMENU_CONTENT_CLASS, children: [dispatchApp && (_jsx(AppMenuLink, { app: dispatchApp, onNavigate: onNavigate })), dispatchApp && visibleNonDispatch.length > 0 && (_jsx("div", { className: "my-1 h-px bg-border" })), visibleNonDispatch.map((app) => (_jsx(AppMenuLink, { app: app, onNavigate: onNavigate }, app.id))), remainingCount > 0 && (_jsxs(_Fragment, { children: [_jsx("div", { className: "my-1 h-px bg-border" }), _jsxs("a", { href: dispatchAllAppsHref, onClick: onNavigate, className: "flex items-center gap-2 rounded-sm px-2.5 py-1.5 text-xs text-foreground outline-none hover:bg-accent focus:bg-accent", children: [_jsx(IconApps, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }), _jsx("span", { className: "flex-1", children: `View ${remainingCount} more in Dispatch` }), _jsx(IconArrowUpRight, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" })] })] }))] }) })] }));
 }
 function ReservedOrgSwitcherSpace({ className }) {
     return _jsx("div", { "aria-hidden": "true", className: `h-8 ${className ?? ""}` });
@@ -167,7 +163,6 @@ export function OrgSwitcher({ className, hideWhenSingle, reserveSpace, compact,
         return reserveSpace ? (_jsx(ReservedOrgSwitcherSpace, { className: className })) : null;
     }
     const canInvite = !!org.orgId && (org.role === "owner" || org.role === "admin");
-    const canAccessDispatch = !org.orgId || canManageOrg(org.role);
     const personalLabel = session?.name || personalLabelFromEmail(org.email);
     const inOrg = !!org.orgId;
     const buttonLabel = org.orgName ?? "Personal";
@@ -239,7 +234,7 @@ export function OrgSwitcher({ className, hideWhenSingle, reserveSpace, compact,
                                         // org's name and looks like a create dialog for the new org.
                                         setNewName("");
                                         setMode("create");
-                                    }, className: `${ITEM_CLASS} cursor-pointer`, children: [_jsx(IconPlus, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }), _jsx("span", { className: "flex-1 text-start", children: "Create organization" })] }), _jsx("div", { className: "my-1 h-px bg-border" }), _jsx("div", { className: SECTION_LABEL_CLASS, children: t("settings.workspaceTitle") }), _jsx(AppsSubmenu, { apps: appLinks.apps, isLoading: appLinks.isLoading, dispatchHref: appLinks.dispatchHref, dispatchAllAppsHref: appLinks.dispatchAllAppsHref, canAccessDispatch: canAccessDispatch, currentAppId: currentAppId, onNavigate: () => setOpen(false) }), (profilePath || agentPath) && (_jsxs(_Fragment, { children: [_jsx("div", { className: "my-1 h-px bg-border" }), _jsx("div", { className: SECTION_LABEL_CLASS, children: t("settings.profileTitle") }), profilePath && (_jsxs("button", { type: "button", onClick: () => {
+                                    }, className: `${ITEM_CLASS} cursor-pointer`, children: [_jsx(IconPlus, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }), _jsx("span", { className: "flex-1 text-start", children: "Create organization" })] }), _jsx("div", { className: "my-1 h-px bg-border" }), _jsx("div", { className: SECTION_LABEL_CLASS, children: t("settings.workspaceTitle") }), _jsx(AppsSubmenu, { apps: appLinks.apps, isLoading: appLinks.isLoading, isWorkspace: appLinks.isWorkspace, dispatchHref: appLinks.dispatchHref, dispatchAllAppsHref: appLinks.dispatchAllAppsHref, currentAppId: currentAppId, onNavigate: () => setOpen(false) }), (profilePath || agentPath) && (_jsxs(_Fragment, { children: [_jsx("div", { className: "my-1 h-px bg-border" }), _jsx("div", { className: SECTION_LABEL_CLASS, children: t("settings.profileTitle") }), profilePath && (_jsxs("button", { type: "button", onClick: () => {
                                                 setOpen(false);
                                                 void navigate(profilePath);
                                             }, className: `${ITEM_CLASS} cursor-pointer`, children: [_jsx(IconUserCircle, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }), _jsx("span", { className: "flex-1 text-start", children: t("settings.profileMenuItem") })] })), agentPath && (_jsxs("button", { type: "button", onClick: () => {

package/dist/collab/awareness.d.ts

@@ -62,11 +62,11 @@ export declare const postAwareness: import("h3").EventHandlerWithFetch<import("h
     error: string;
     states?: undefined;
 } | {
+    error?: undefined;
     states: {
         clientId: number;
         state: string;
     }[];
-    error?: undefined;
 }>>;
 /**
  * GET /_agent-native/collab/:docId/users
@@ -77,9 +77,9 @@ export declare const getActiveUsers: import("h3").EventHandlerWithFetch<import("
     error: string;
     users?: undefined;
 } | {
+    error?: undefined;
     users: {
         clientId: number;
         lastSeen: number;
     }[];
-    error?: undefined;
 }>>;

package/dist/collab/routes.d.ts

@@ -26,8 +26,8 @@ export declare const getCollabState: import("h3").EventHandlerWithFetch<import("
  * Body: { update: string (base64), requestSource?: string }
  */
 export declare const postCollabUpdate: import("h3").EventHandlerWithFetch<import("h3").EventHandlerRequest, Promise<{
-    ok?: undefined;
     error: string;
+    ok?: undefined;
 } | {
     error?: undefined;
     ok: boolean;

package/dist/file-upload/actions/upload-image.d.ts

@@ -3,25 +3,25 @@ declare const _default: import("../../action.js").ActionDefinition<{
     url?: string;
     filename?: string;
 }, {
-    id?: undefined;
     error: string;
     configured?: undefined;
     connectPath?: undefined;
     url?: undefined;
+    id?: undefined;
     provider?: undefined;
 } | {
-    id?: undefined;
     error: string;
     configured: boolean;
     connectPath: string;
     url?: undefined;
+    id?: undefined;
     provider?: undefined;
 } | {
-    error?: undefined;
     configured?: undefined;
     connectPath?: undefined;
     url: string;
     id: string;
     provider: string;
+    error?: undefined;
 }>;
 export default _default;

package/dist/observability/routes.d.ts

@@ -55,13 +55,13 @@ export declare function createObservabilityHandler(): import("h3").EventHandlerW
 } | {
     summary?: undefined;
     spans?: undefined;
-    id?: undefined;
     error: any;
+    id?: undefined;
     ok?: undefined;
 } | {
     summary?: undefined;
     spans?: undefined;
+    ok: boolean;
     id?: undefined;
     error?: undefined;
-    ok: boolean;
 }>>;

package/dist/org/federation.d.ts

@@ -46,7 +46,7 @@ export declare function revokeFederatedOrganizationMember(event: H3Event, input:
  * are copied state, so a successful authority response can remove or retag
  * them while an unavailable authority fails closed.
  */
-export declare function validateFederatedOrganizationMembership(event: H3Event, input: {
+export declare function validateFederatedOrganizationMembership(event: H3Event | undefined, input: {
     orgId: string;
     email: string;
 }): Promise<FederatedMembershipValidation>;