@agent-native/core 0.167.1 → 0.168.0

package/dist/client/CommandMenu.js

@@ -16,12 +16,14 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
  *   </CommandMenu>
  */
 import { Command as CommandPrimitive, CommandGroup as CommandGroupPrimitive, CommandInput as CommandInputPrimitive, CommandItem as CommandItemPrimitive, CommandList as CommandListPrimitive, CommandSeparator as CommandSeparatorPrimitive, CommandShortcut as CommandShortcutPrimitive, } from "@agent-native/toolkit/ui/command";
-import { IconBook2, IconExternalLink, IconMessage, IconHistory, } from "@tabler/icons-react";
+import { IconBook2, IconExternalLink, IconInfoCircle, IconMessage, IconHistory, } from "@tabler/icons-react";
 import React, { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, } from "react";
 import { parseChangelog } from "../changelog/parse.js";
+import { AboutAgentNativeDialog } from "./AboutAgentNativeDialog.js";
 import { sendToAgentChat } from "./agent-chat.js";
 import { ChangelogDialog, useChangelogSeen } from "./changelog/Changelog.js";
 import { Dialog, DialogContent, DialogTitle } from "./components/ui/dialog.js";
+import { useT } from "./i18n.js";
 import { cn } from "./utils.js";
 const CommandMenuContext = createContext(null);
 function useCommandMenuContext() {
@@ -122,15 +124,18 @@ function CommandDocsGroup({ docs, heading = "Docs" }) {
         return null;
     return (_jsx(CommandGroup, { heading: heading, children: docs.map((doc) => (_jsxs(CommandItem, { onSelect: () => openDocsHref(doc.href), keywords: [doc.title, doc.description ?? "", ...(doc.keywords ?? [])], deferSelect: false, className: "items-start py-2", children: [_jsx(IconBook2, { className: "mt-0.5 h-4 w-4 shrink-0 text-muted-foreground" }), _jsxs("span", { className: "min-w-0 flex-1", children: [_jsx("span", { className: "block truncate font-medium", children: doc.title }), doc.description ? (_jsx("span", { className: "mt-0.5 block line-clamp-2 text-xs leading-snug text-muted-foreground", children: doc.description })) : null] }), _jsx(IconExternalLink, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-muted-foreground" })] }, doc.href))) }));
 }
-export function CommandMenu({ open, onOpenChange, children, renderResults, placeholder = "Type a command or ask AI...", emptyText: _emptyText = "No commands found.", showAgentFallback = true, className, changelog, changelogLabel = "What's new", changelogKey, }) {
+export function CommandMenu({ open, onOpenChange, children, renderResults, placeholder = "Type a command or ask AI...", emptyText: _emptyText = "No commands found.", showAgentFallback = true, className, changelog, changelogLabel = "What's new", changelogKey, showAbout: showAboutProp, }) {
     const [search, setSearch] = useState("");
     const inputRef = useRef(null);
     const containerRef = useRef(null);
+    const t = useT();
     // Built-in "What's new" changelog surface (only active when `changelog` is
     // passed). The dialog is rendered alongside the menu so it survives the menu
     // closing; the unseen dot persists per browser via localStorage.
     const [changelogOpen, setChangelogOpen] = useState(false);
+    const [aboutOpen, setAboutOpen] = useState(false);
     const hasChangelog = typeof changelog === "string" && changelog.trim().length > 0;
+    const showAbout = showAboutProp ?? hasChangelog;
     const changelogEntries = useMemo(() => (hasChangelog ? parseChangelog(changelog) : []), [hasChangelog, changelog]);
     const latestChangelogId = changelogEntries[0]?.id;
     const { unseen: changelogUnseen, markSeen: markChangelogSeen } = useChangelogSeen(changelogKey ?? "app", latestChangelogId);
@@ -140,6 +145,11 @@ export function CommandMenu({ open, onOpenChange, children, renderResults, place
         // Let the menu close before the dialog opens (avoids overlay flicker).
         setTimeout(() => setChangelogOpen(true), 50);
     }, [onOpenChange, markChangelogSeen]);
+    const openAbout = useCallback(() => {
+        onOpenChange(false);
+        // Let the menu close before the dialog opens (avoids overlay flicker).
+        setTimeout(() => setAboutOpen(true), 50);
+    }, [onOpenChange]);
     // Focus input when opening; clear search while closed so reopen never renders
     // dynamic results for the previous query.
     useEffect(() => {
@@ -178,6 +188,36 @@ export function CommandMenu({ open, onOpenChange, children, renderResults, place
             .toLowerCase()
             .includes(search.toLowerCase());
     const showChangelogRow = hasChangelog && changelogRowMatches;
+    const aboutLabel = t("agentChat.aboutAgentNative.title", {
+        defaultValue: "About Agent Native",
+    });
+    const aboutVersionLabel = t("agentChat.aboutAgentNative.version", {
+        defaultValue: "Version",
+    });
+    const aboutEnvironmentLabel = t("agentChat.aboutAgentNative.environment", {
+        defaultValue: "Environment",
+    });
+    const aboutBuildLabel = t("agentChat.aboutAgentNative.build", {
+        defaultValue: "Build",
+    });
+    const aboutDiagnosticsLabel = t("agentChat.aboutAgentNative.copyDiagnostics", {
+        defaultValue: "Copy diagnostics",
+    });
+    const aboutRowMatches = !search ||
+        [
+            aboutLabel,
+            "agent native",
+            aboutVersionLabel,
+            "versions",
+            "package",
+            aboutEnvironmentLabel,
+            aboutBuildLabel,
+            aboutDiagnosticsLabel,
+        ]
+            .join(" ")
+            .toLowerCase()
+            .includes(search.toLowerCase());
+    const showAboutRow = showAbout && aboutRowMatches;
     // Filter children based on search
     const filterChildren = (nodes) => {
         return React.Children.map(nodes, (child) => {
@@ -242,7 +282,10 @@ export function CommandMenu({ open, onOpenChange, children, renderResults, place
                     }, className: cn("fixed left-1/2 top-[15vh] !z-50 !max-h-none -translate-x-1/2 !translate-y-0 !gap-0 w-full max-w-lg", "rounded-lg border border-border bg-popover p-0 text-popover-foreground shadow-lg", className), style: {
                         animation: "none",
                         transition: "none",
-                    }, children: [_jsx(DialogTitle, { className: "sr-only", children: placeholder }), _jsx(CommandPrimitive, { loop: true, shouldFilter: false, className: "h-auto rounded-lg", children: _jsxs(CommandMenuContext.Provider, { value: { search, onOpenChange }, children: [_jsx(CommandInputPrimitive, { ref: inputRef, value: search, onValueChange: setSearch, placeholder: placeholder }), _jsxs(CommandListPrimitive, { children: [dynamicResults, hasResults && filteredChildren, showChangelogRow && (_jsxs(_Fragment, { children: [hasResults && _jsx(CommandSeparator, {}), _jsx("div", { className: "p-1", children: _jsxs(CommandItemPrimitive, { className: "cursor-pointer gap-2 py-2", onSelect: openChangelog, children: [_jsx(IconHistory, { className: "h-4 w-4 text-muted-foreground" }), _jsx("span", { children: changelogLabel }), changelogUnseen && (_jsx("span", { className: "ms-auto h-2 w-2 rounded-full bg-primary", "aria-label": "New updates available" }))] }) })] })), showAgentFallback && (_jsxs(_Fragment, { children: [(hasResults || showChangelogRow || hasDynamicResults) && (_jsx(CommandSeparator, {})), _jsx("div", { className: "p-1", children: _jsxs(CommandItemPrimitive, { className: "cursor-pointer gap-2 py-2", onSelect: handleSubmitToAgent, children: [_jsx(IconMessage, { className: "h-4 w-4 text-muted-foreground" }), _jsx("span", { children: search.trim() ? (_jsxs(_Fragment, { children: ["Ask AI:", " ", _jsxs("span", { className: "text-muted-foreground", children: ["\"", search, "\""] })] })) : (_jsx("span", { className: "text-muted-foreground", children: "Ask AI anything..." })) }), search.trim() && (_jsx("span", { className: "ms-auto text-xs text-muted-foreground", children: "\u21B5" }))] }) })] }))] })] }) })] }) }), hasChangelog && (_jsx(ChangelogDialog, { open: changelogOpen, onOpenChange: setChangelogOpen, markdown: changelog, title: changelogLabel }))] }));
+                    }, children: [_jsx(DialogTitle, { className: "sr-only", children: placeholder }), _jsx(CommandPrimitive, { loop: true, shouldFilter: false, className: "h-auto rounded-lg", children: _jsxs(CommandMenuContext.Provider, { value: { search, onOpenChange }, children: [_jsx(CommandInputPrimitive, { ref: inputRef, value: search, onValueChange: setSearch, placeholder: placeholder }), _jsxs(CommandListPrimitive, { children: [dynamicResults, hasResults && filteredChildren, showChangelogRow && (_jsxs(_Fragment, { children: [hasResults && _jsx(CommandSeparator, {}), _jsx("div", { className: "p-1", children: _jsxs(CommandItemPrimitive, { className: "cursor-pointer gap-2 py-2", onSelect: openChangelog, children: [_jsx(IconHistory, { className: "h-4 w-4 text-muted-foreground" }), _jsx("span", { children: changelogLabel }), changelogUnseen && (_jsx("span", { className: "ms-auto h-2 w-2 rounded-full bg-primary", "aria-label": "New updates available" }))] }) })] })), showAboutRow && (_jsxs(_Fragment, { children: [(hasResults || showChangelogRow) && _jsx(CommandSeparator, {}), _jsx("div", { className: "p-1", children: _jsxs(CommandItemPrimitive, { className: "cursor-pointer gap-2 py-2", onSelect: openAbout, children: [_jsx(IconInfoCircle, { className: "h-4 w-4 text-muted-foreground" }), _jsx("span", { children: aboutLabel })] }) })] })), showAgentFallback && (_jsxs(_Fragment, { children: [(hasResults ||
+                                                        showChangelogRow ||
+                                                        showAboutRow ||
+                                                        hasDynamicResults) && _jsx(CommandSeparator, {}), _jsx("div", { className: "p-1", children: _jsxs(CommandItemPrimitive, { className: "cursor-pointer gap-2 py-2", onSelect: handleSubmitToAgent, children: [_jsx(IconMessage, { className: "h-4 w-4 text-muted-foreground" }), _jsx("span", { children: search.trim() ? (_jsxs(_Fragment, { children: ["Ask AI:", " ", _jsxs("span", { className: "text-muted-foreground", children: ["\"", search, "\""] })] })) : (_jsx("span", { className: "text-muted-foreground", children: "Ask AI anything..." })) }), search.trim() && (_jsx("span", { className: "ms-auto text-xs text-muted-foreground", children: "\u21B5" }))] }) })] }))] })] }) })] }) }), hasChangelog && (_jsx(ChangelogDialog, { open: changelogOpen, onOpenChange: setChangelogOpen, markdown: changelog, title: changelogLabel })), showAbout && (_jsx(AboutAgentNativeDialog, { open: aboutOpen, onOpenChange: setAboutOpen }))] }));
 }
 // Helper to extract text content from React children
 function getTextContent(children) {

package/dist/client/EnvironmentBadge.js

@@ -6,6 +6,7 @@ import { BETA_OPT_OUT_QUERY_PARAM, BETA_OPT_OUT_STORAGE_KEY, buildEnvironmentOpt
 import { trackEvent } from "./analytics.js";
 import { injectedAgentNativeConfig } from "./app-config.js";
 import { useSession } from "./use-session.js";
+import { cn } from "./utils.js";
 export { BETA_OPT_OUT_DURATION_MS, BETA_OPT_OUT_QUERY_PARAM, BETA_OPT_OUT_STORAGE_KEY, buildEnvironmentOptOutUrl, buildEnvironmentUrl, resolveEnvironmentTargets, } from "../shared/environment-lanes.js";
 export function isBuilderIoEmployee(email) {
     return email?.trim().toLowerCase().endsWith("@builder.io") ?? false;
@@ -88,7 +89,9 @@ function EnvironmentBadgeContent({ environment, targets, }) {
     const title = environment === "beta"
         ? "You're on Agent Native Beta"
         : "You're on Agent Native Production";
-    return (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { "aria-label": `Open ${title.toLowerCase()} switcher`, className: "fixed bottom-3 right-3 z-[100] h-6 min-w-0 rounded-xl border-border/80 bg-background/95 px-2 text-[11px] font-semibold uppercase tracking-[0.5px] shadow-sm backdrop-blur-sm", size: "sm", variant: environment === "beta" ? "default" : "outline", children: label }) }), _jsxs(PopoverContent, { align: "center", className: "w-[280px] p-5", side: "top", sideOffset: 8, children: [_jsx("div", { className: "mb-1 text-sm font-semibold leading-5", children: title }), _jsx("div", { className: "mb-4 text-sm text-muted-foreground", children: "Choose where you want to continue." }), _jsx("div", { className: "grid gap-2", children: environment === "beta" ? (_jsx(EnvironmentLink, { href: productionHref, label: "Switch to production" })) : (_jsx(EnvironmentLink, { href: betaHref, label: "Go to beta" })) })] })] }));
+    return (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { "aria-label": `Open ${title.toLowerCase()} switcher`, className: cn("fixed bottom-3 right-3 z-[100] h-6 min-w-0 rounded-xl px-2 text-[11px] font-semibold uppercase tracking-[0.5px] shadow-sm backdrop-blur-sm", environment === "beta"
+                        ? "border-primary/80"
+                        : "border-border/80 bg-background/95 text-foreground"), size: "sm", variant: environment === "beta" ? "default" : "outline", children: label }) }), _jsxs(PopoverContent, { align: "center", className: "w-[280px] p-5", side: "top", sideOffset: 8, children: [_jsx("div", { className: "mb-1 text-sm font-semibold leading-5", children: title }), _jsx("div", { className: "mb-4 text-sm text-muted-foreground", children: "Choose where you want to continue." }), _jsx("div", { className: "grid gap-2", children: environment === "beta" ? (_jsx(EnvironmentLink, { href: productionHref, label: "Switch to production" })) : (_jsx(EnvironmentLink, { href: betaHref, label: "Go to beta" })) })] })] }));
 }
 function ProductionEnvironmentBadge({ targets, }) {
     const { session, status } = useSession();

package/dist/client/MultiTabAssistantChat.d.ts

@@ -64,9 +64,11 @@ export type MultiTabAssistantChatProps = Omit<AssistantChatProps, "tabId" | "thr
     threadUrlSync?: boolean | ChatThreadUrlSyncOptions;
     /** Ambient resource context to show as a composer chip. */
     scope?: ChatThreadScope | null;
+    /** Keep app-owned chat history isolated to the supplied scope. */
+    isolateHistoryByScope?: boolean;
     /** @deprecated Scope context is now rendered in the composer. */
     showScopeBadge?: boolean;
     /** Cadence for hydrating agent-team sub-agent tab status. Default: 3000. */
     agentTeamPollMs?: number;
 };
-export declare function MultiTabAssistantChat({ showTabBar, renderHeader, renderOverlay, contentHidden, apiUrl, storageKey, restoreActiveThread, browserTabId, threadUrlSync, scope, agentTeamPollMs, ...props }: MultiTabAssistantChatProps): React.JSX.Element;
+export declare function MultiTabAssistantChat({ showTabBar, renderHeader, renderOverlay, contentHidden, apiUrl, storageKey, restoreActiveThread, browserTabId, threadUrlSync, scope, isolateHistoryByScope, agentTeamPollMs, ...props }: MultiTabAssistantChatProps): React.JSX.Element;

package/dist/client/MultiTabAssistantChat.js

@@ -402,7 +402,7 @@ function runToAgentTeamTabInfo(run) {
         status: run.status ?? "unknown",
     };
 }
-export function MultiTabAssistantChat({ showTabBar = true, renderHeader, renderOverlay, contentHidden = false, apiUrl = agentNativePath("/_agent-native/agent-chat"), storageKey, restoreActiveThread = true, browserTabId, threadUrlSync = false, scope = null, agentTeamPollMs = DEFAULT_AGENT_TEAM_POLL_MS, ...props }) {
+export function MultiTabAssistantChat({ showTabBar = true, renderHeader, renderOverlay, contentHidden = false, apiUrl = agentNativePath("/_agent-native/agent-chat"), storageKey, restoreActiveThread = true, browserTabId, threadUrlSync = false, scope = null, isolateHistoryByScope = false, agentTeamPollMs = DEFAULT_AGENT_TEAM_POLL_MS, ...props }) {
     const translate = useT();
     const contextNamespace = scope
         ? scope.contextKey?.trim() || `scope:${scope.type}:${scope.id}`
@@ -520,6 +520,7 @@ export function MultiTabAssistantChat({ showTabBar = true, renderHeader, renderO
         routeThreadId: threadUrlSyncEnabled
             ? urlThreadId
             : (activeDeepLinkedThreadId ?? undefined),
+        isolateHistoryByScope,
     });
     const switchThread = useCallback((threadId, options = {}) => {
         switchThreadState(threadId);
@@ -1911,7 +1912,7 @@ export function MultiTabAssistantChat({ showTabBar = true, renderHeader, renderO
                                                 const isActive = tab.id === activeThreadId ||
                                                     (tab.id === focusParentId &&
                                                         activeTab?.parentThreadId === tab.id);
-                                                return (_jsxs("div", { ref: isActive ? activeTabRefCb : undefined, className: cn("agent-tab relative flex items-center rounded-md text-[11px] font-medium shrink-0 max-w-[130px]", isActive
+                                                return (_jsxs("div", { ref: isActive ? activeTabRefCb : undefined, className: cn("agent-tab relative flex items-center rounded-md text-[11px] font-medium shrink-0 min-w-[56px] max-w-[130px]", isActive
                                                         ? "bg-accent text-foreground ring-1 ring-inset ring-border/60 shadow-sm"
                                                         : "text-muted-foreground hover:text-foreground hover:bg-accent/50"), children: [_jsxs("button", { type: "button", onClick: () => switchThread(tab.id), className: "flex items-center gap-1 px-2.5 py-1.5 min-w-0 flex-1 text-start", children: [_jsx("span", { className: "truncate pe-1", children: tab.label }), tab.status === "running" && (_jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-muted-foreground/50 shrink-0 animate-pulse" }))] }), _jsx("button", { type: "button", "aria-label": translate("agentChat.tabs.closeTab"), onClick: (e) => {
                                                                 e.stopPropagation();
@@ -1931,7 +1932,7 @@ export function MultiTabAssistantChat({ showTabBar = true, renderHeader, renderO
                                                     ? "bg-accent text-foreground"
                                                     : "text-muted-foreground hover:bg-accent hover:text-foreground"), children: translate("agentChat.tabs.main") }), childTabs.map((tab) => (_jsxs("div", { ref: tab.id === activeThreadId
                                                     ? activeTabRefCb
-                                                    : undefined, className: cn("agent-tab relative flex shrink-0 items-center rounded-md text-[10px] font-medium max-w-[130px]", tab.id === activeThreadId
+                                                    : undefined, className: cn("agent-tab relative flex shrink-0 items-center rounded-md text-[10px] font-medium min-w-[48px] max-w-[130px]", tab.id === activeThreadId
                                                     ? "bg-accent text-foreground"
                                                     : "text-muted-foreground hover:bg-accent hover:text-foreground"), children: [_jsxs("button", { type: "button", onClick: () => switchThread(tab.id), className: "flex items-center gap-1 px-2 py-1 min-w-0 flex-1 text-start", children: [_jsx("span", { className: "truncate pe-1", children: tab.subAgentName || tab.label }), tab.status === "running" && (_jsx("span", { className: "w-1 h-1 rounded-full bg-muted-foreground/50 shrink-0 animate-pulse" }))] }), _jsx("button", { type: "button", "aria-label": translate("agentChat.tabs.closeTab"), onClick: (e) => {
                                                             e.stopPropagation();
@@ -1969,7 +1970,7 @@ export function MultiTabAssistantChat({ showTabBar = true, renderHeader, renderO
                                         else {
                                             chatRefs.current.delete(tabId);
                                         }
-                                    }, threadId: tabId, tabId: tabId, browserTabId: browserTabId, contextNamespace: contextNamespace, isActiveComposer: tabId === activeThreadId, apiUrl: apiUrl, isNewThread: newThreadIds.current.has(tabId) || isNewThread(tabId), isThreadStateLoading: isLoading, onMessageCountChange: (count) => setMessageCounts((prev) => prev[tabId] === count
+                                    }, threadId: tabId, tabId: tabId, browserTabId: browserTabId, contextScope: scope, contextNamespace: contextNamespace, isolateHistoryByScope: isolateHistoryByScope, isActiveComposer: tabId === activeThreadId, apiUrl: apiUrl, isNewThread: newThreadIds.current.has(tabId) || isNewThread(tabId), isThreadStateLoading: isLoading, onMessageCountChange: (count) => setMessageCounts((prev) => prev[tabId] === count
                                         ? prev
                                         : { ...prev, [tabId]: count }), onSaveThread: handleSaveThread, onGenerateTitle: handleGenerateTitle, onSlashCommand: handleSlashCommand, selectedModel: modelSelection?.model, selectedEngine: modelSelection?.engine, selectedEffort: modelSelection?.effort ?? DEFAULT_REASONING_EFFORT, composerSlot: props.composerSlot, defaultModel: defaultModel, availableModels: availableModels, modelListLoading: modelListLoading, onModelChange: handleModelChange, onEffortChange: handleEffortChange, onForkChat: () => handleForkChat(tabId), 
                                     // Sub-agent tabs are read-only: sending a new message from the

package/dist/client/agent-native-version.d.ts

@@ -0,0 +1,12 @@
+export interface AgentNativePackageVersion {
+    name: string;
+    version: string;
+}
+export interface AgentNativeDiagnostics {
+    buildId: string;
+    environment: string;
+    packages: Record<string, string>;
+}
+export declare function getAgentNativePackageVersions(): AgentNativePackageVersion[];
+export declare function getAgentNativeDiagnostics(): AgentNativeDiagnostics;
+export declare function formatAgentNativeDiagnostics(): string;

package/dist/client/agent-native-version.js

@@ -0,0 +1,36 @@
+import { injectedAgentNativeConfig } from "./app-config.js";
+import { clientBuildId } from "./build-compatibility.js";
+function readPackageVersions(value) {
+    if (!value || typeof value !== "object") {
+        return {};
+    }
+    return Object.fromEntries(Object.entries(value)
+        .filter(([name, version]) => name.startsWith("@agent-native/") &&
+        typeof version === "string" &&
+        version.trim().length > 0)
+        .map(([name, version]) => [name, version.trim()]));
+}
+function injectedPackageVersions() {
+    if (typeof __AGENT_NATIVE_PACKAGE_VERSIONS__ !== "undefined") {
+        return readPackageVersions(__AGENT_NATIVE_PACKAGE_VERSIONS__);
+    }
+    return readPackageVersions(globalThis.__AGENT_NATIVE_PACKAGE_VERSIONS__);
+}
+export function getAgentNativePackageVersions() {
+    return Object.entries(injectedPackageVersions())
+        .sort(([left], [right]) => left.localeCompare(right))
+        .map(([name, version]) => ({ name, version }));
+}
+export function getAgentNativeDiagnostics() {
+    return {
+        buildId: clientBuildId() || "development",
+        environment: injectedAgentNativeConfig().deployment?.environment ?? "unknown",
+        packages: Object.fromEntries(getAgentNativePackageVersions().map(({ name, version }) => [
+            name,
+            version,
+        ])),
+    };
+}
+export function formatAgentNativeDiagnostics() {
+    return JSON.stringify(getAgentNativeDiagnostics(), null, 2);
+}

package/dist/client/agent-page/AgentJobsTab.js

@@ -11,7 +11,9 @@ import { AgentEmptyState } from "./AgentEmptyState.js";
 import { AgentTabFrame } from "./AgentTabFrame.js";
 import { AutomationDetailsDialog, } from "./AutomationDetailsDialog.js";
 import { AutomationScheduleDialog } from "./AutomationScheduleDialog.js";
-import { useAutomations, useManageAutomation, useManageRecurringJob, useRunAutomationNow, useRecurringJobs, } from "./use-jobs.js";
+import { scheduleFiringFor, } from "./scheduled-trigger-state.js";
+import { ScheduledTriggerNotice } from "./ScheduledTriggerNotice.js";
+import { useAutomations, useManageAutomation, useManageRecurringJob, useRunAutomationNow, useRecurringJobs, useScheduledTriggerState, } from "./use-jobs.js";
 function listRecurringJobs(jobs) {
     return jobs.map((resource) => ({
         kind: "recurring",
@@ -37,7 +39,33 @@ function describeTrigger(entry, t) {
         entry.resource.schedule ||
         t("jobs.scheduledTrigger", { defaultValue: "Scheduled" }));
 }
-function detailsFields(entry, t, formatDateTime) {
+/**
+ * `nextRun` is computed from the cron expression, not from anything that
+ * promises to run it, so it must never be presented with more confidence than
+ * the scheduler check earned. Three answers, three phrasings: a known-dead
+ * scheduler replaces the date, an unverified one qualifies it, and a confirmed
+ * one shows it plainly.
+ */
+function nextRunValue(entry, t, formatDateTime, scheduleFiring, unset) {
+    const formatted = formatDateTime(entry.resource.nextRun);
+    if (entry.triggerType !== "schedule" || scheduleFiring === "fires") {
+        return formatted ?? unset;
+    }
+    if (scheduleFiring === "never") {
+        return t("jobs.nextRunNeverScheduler", {
+            defaultValue: "Never — no scheduler in this deploy",
+        });
+    }
+    return formatted
+        ? t("jobs.nextRunSchedulerUnknown", {
+            defaultValue: "{{date}} — unconfirmed, the scheduler check failed",
+            date: formatted,
+        })
+        : t("jobs.nextRunSchedulerUnknownNoDate", {
+            defaultValue: "Unknown — the scheduler check failed",
+        });
+}
+function detailsFields(entry, t, formatDateTime, scheduleFiring) {
     const resource = entry.resource;
     const unset = t("jobs.notSet", { defaultValue: "—" });
     const fields = [
@@ -66,7 +94,7 @@ function detailsFields(entry, t, formatDateTime) {
     }
     fields.push({
         label: t("jobs.nextRun", { defaultValue: "Next run" }),
-        value: formatDateTime(resource.nextRun) ?? unset,
+        value: nextRunValue(entry, t, formatDateTime, scheduleFiring, unset),
     }, {
         label: t("jobs.lastRun", { defaultValue: "Last run" }),
         value: formatDateTime(resource.lastRun) ??
@@ -104,6 +132,11 @@ export function AgentJobsTab({ canManageOrg = false, hideHeader = false, }) {
     const personalAutomationsQuery = useAutomations("user");
     const organizationJobsQuery = useRecurringJobs("org");
     const organizationAutomationsQuery = useAutomations("org");
+    const scheduledTriggerState = useScheduledTriggerState();
+    // Three states, not `!== false`: that expression also swallowed a FAILED
+    // status query, which then licensed a confident "Next run" forever. See
+    // `scheduleFiringFor` for which way each state leans and why.
+    const scheduleFiring = scheduleFiringFor(scheduledTriggerState);
     const personalJobsMutation = useManageRecurringJob("user");
     const personalAutomationsMutation = useManageAutomation("user");
     const organizationJobsMutation = useManageRecurringJob("org");
@@ -240,7 +273,7 @@ export function AgentJobsTab({ canManageOrg = false, hideHeader = false, }) {
                 defaultValue: "Create an automation",
             }), label: t("jobs.newAutomation", {
                 defaultValue: "New automation",
-            }) }), children: [_jsxs("div", { className: "space-y-7", children: [hideHeader ? (_jsx("div", { className: "flex justify-end", children: _jsx(AgentAskPopover, { context: automationCreationContext(), prompt: t("jobs.automationPrompt", {
+            }) }), children: [_jsxs("div", { className: "space-y-7", children: [_jsx(ScheduledTriggerNotice, { state: scheduledTriggerState }), hideHeader ? (_jsx("div", { className: "flex justify-end", children: _jsx(AgentAskPopover, { context: automationCreationContext(), prompt: t("jobs.automationPrompt", {
                                 defaultValue: "Create an automation that does this: ",
                             }), title: t("jobs.automationsCreateTitle", {
                                 defaultValue: "Create an automation",
@@ -296,9 +329,9 @@ export function AgentJobsTab({ canManageOrg = false, hideHeader = false, }) {
                                             name: runTarget.resource.name,
                                             scope: runTarget.resource.scope,
                                         }, { onSuccess: () => setRunTarget(null) });
-                                    }, children: [runAutomationMutation.isPending ? (_jsx(IconLoader2, { className: "size-4 animate-spin" })) : (_jsx(IconPlayerPlay, { className: "size-4" })), t("jobs.runNow", { defaultValue: "Run now" })] })] })] }) }), detailsTarget ? (_jsx(AutomationDetailsDialog, { open: true, name: detailsTarget.resource.name, scope: detailsTarget.resource.scope === "organization" ? "org" : "user", triggerSummary: describeTrigger(detailsTarget, t), fields: detailsFields(detailsTarget, t, formatDateTime), condition: detailsTarget.kind === "automation"
+                                    }, children: [runAutomationMutation.isPending ? (_jsx(IconLoader2, { className: "size-4 animate-spin" })) : (_jsx(IconPlayerPlay, { className: "size-4" })), t("jobs.runNow", { defaultValue: "Run now" })] })] })] }) }), detailsTarget ? (_jsx(AutomationDetailsDialog, { open: true, name: detailsTarget.resource.name, scope: detailsTarget.resource.scope === "organization" ? "org" : "user", triggerSummary: describeTrigger(detailsTarget, t), fields: detailsFields(detailsTarget, t, formatDateTime, scheduleFiring), condition: detailsTarget.kind === "automation"
                     ? detailsTarget.resource.condition
                     : null, instructions: detailsTarget.kind === "automation"
                     ? detailsTarget.resource.body
-                    : detailsTarget.resource.instructions, mcpTools: detailsTarget.resource.mcpTools ?? [], lastError: detailsTarget.resource.lastError, formatTimestamp: (value) => formatDateTime(new Date(value).toISOString()) ?? String(value), onClose: () => setDetailsTarget(null) })) : null, scheduleTarget ? (_jsx(AutomationScheduleDialog, { open: true, name: scheduleTarget.resource.name, schedule: scheduleTarget.resource.schedule ?? "", timezone: scheduleTarget.resource.timezone ?? null, saving: mutationPending, error: mutationError ? mutationError.message : null, onCancel: () => setScheduleTarget(null), onSave: (next) => mutateEntry(scheduleTarget, "update", next, () => setScheduleTarget(null)) })) : null] }));
+                    : detailsTarget.resource.instructions, mcpTools: detailsTarget.resource.mcpTools ?? [], lastError: detailsTarget.resource.lastError, formatTimestamp: (value) => formatDateTime(new Date(value).toISOString()) ?? String(value), onClose: () => setDetailsTarget(null) })) : null, scheduleTarget ? (_jsx(AutomationScheduleDialog, { open: true, name: scheduleTarget.resource.name, schedule: scheduleTarget.resource.schedule ?? "", timezone: scheduleTarget.resource.timezone ?? null, saving: mutationPending, error: mutationError ? mutationError.message : null, scheduledTriggerState: scheduledTriggerState, onCancel: () => setScheduleTarget(null), onSave: (next) => mutateEntry(scheduleTarget, "update", next, () => setScheduleTarget(null)) })) : null] }));
 }

package/dist/client/agent-page/AutomationScheduleDialog.d.ts

@@ -1,3 +1,4 @@
+import type { ScheduledTriggerState } from "./scheduled-trigger-state.js";
 export interface AutomationScheduleDialogProps {
     open: boolean;
     name: string;
@@ -5,10 +6,18 @@ export interface AutomationScheduleDialogProps {
     timezone: string | null;
     saving: boolean;
     error?: string | null;
+    /**
+     * Passed in rather than queried here so this dialog stays presentational, the
+     * way the rest of its props already are. Carries the whole query state so a
+     * failed check is distinguishable from a healthy one — this dialog is where
+     * someone is actively picking a cadence, so an unverified scheduler is exactly
+     * what they need told.
+     */
+    scheduledTriggerState: ScheduledTriggerState;
     onCancel: () => void;
     onSave: (next: {
         schedule: string;
         timezone: string;
     }) => void;
 }
-export declare function AutomationScheduleDialog({ open, name, schedule, timezone, saving, error, onCancel, onSave, }: AutomationScheduleDialogProps): import("react").JSX.Element;
+export declare function AutomationScheduleDialog({ open, name, schedule, timezone, saving, error, scheduledTriggerState, onCancel, onSave, }: AutomationScheduleDialogProps): import("react").JSX.Element;

package/dist/client/agent-page/AutomationScheduleDialog.js

@@ -5,6 +5,7 @@ import { IconLoader2 } from "@tabler/icons-react";
 import { useEffect, useState } from "react";
 import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from "../components/ui/dialog.js";
 import { useT } from "../i18n.js";
+import { ScheduledTriggerNotice } from "./ScheduledTriggerNotice.js";
 import { TimezoneSelect, browserTimezone } from "./TimezoneSelect.js";
 const PRESETS = [
     { label: "Every hour", cron: "0 * * * *" },
@@ -16,7 +17,7 @@ const CRON_FIELD_COUNT = 5;
 function looksLikeCron(value) {
     return value.trim().split(/\s+/).length === CRON_FIELD_COUNT;
 }
-export function AutomationScheduleDialog({ open, name, schedule, timezone, saving, error, onCancel, onSave, }) {
+export function AutomationScheduleDialog({ open, name, schedule, timezone, saving, error, scheduledTriggerState, onCancel, onSave, }) {
     const t = useT();
     const [value, setValue] = useState(schedule);
     const [zone, setZone] = useState(timezone || browserTimezone());
@@ -37,7 +38,7 @@ export function AutomationScheduleDialog({ open, name, schedule, timezone, savin
                                 name: name.replace(/-/g, " "),
                             }) }), _jsx(DialogDescription, { children: t("jobs.editScheduleDescription", {
                                 defaultValue: "The clock time below is read in the timezone you pick, so 8:00 means 8:00 there.",
-                            }) })] }), _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { children: [_jsx("label", { className: "text-xs font-medium text-foreground", htmlFor: "automation-schedule", children: t("jobs.cronExpression", { defaultValue: "Cron expression" }) }), _jsx(Input, { id: "automation-schedule", className: "mt-1 font-mono text-sm", value: value, spellCheck: false, autoComplete: "off", disabled: saving, onChange: (event) => setValue(event.target.value) }), _jsx("p", { className: "mt-1 text-[11px] text-muted-foreground", children: t("jobs.cronFormatHint", {
+                            }) })] }), _jsxs("div", { className: "space-y-3", children: [_jsx(ScheduledTriggerNotice, { state: scheduledTriggerState, variant: "inline" }), _jsxs("div", { children: [_jsx("label", { className: "text-xs font-medium text-foreground", htmlFor: "automation-schedule", children: t("jobs.cronExpression", { defaultValue: "Cron expression" }) }), _jsx(Input, { id: "automation-schedule", className: "mt-1 font-mono text-sm", value: value, spellCheck: false, autoComplete: "off", disabled: saving, onChange: (event) => setValue(event.target.value) }), _jsx("p", { className: "mt-1 text-[11px] text-muted-foreground", children: t("jobs.cronFormatHint", {
                                         defaultValue: "minute hour day-of-month month day-of-week",
                                     }) })] }), _jsx("div", { className: "flex flex-wrap gap-1.5", children: PRESETS.map((preset) => (_jsx(Button, { type: "button", variant: "outline", size: "sm", className: "h-7 cursor-pointer text-[11px]", disabled: saving, onClick: () => setValue(preset.cron), children: preset.label }, preset.cron))) }), _jsxs("div", { children: [_jsx("label", { className: "text-xs font-medium text-foreground", htmlFor: "automation-timezone", children: t("jobs.timezone", { defaultValue: "Timezone" }) }), _jsx("div", { className: "mt-1", children: _jsx(TimezoneSelect, { id: "automation-timezone", value: zone, disabled: saving, onChange: setZone, suggested: [browserTimezone()] }) })] }), trimmed && !valid ? (_jsx("p", { className: "text-xs text-destructive", children: t("jobs.cronFieldCount", {
                                 defaultValue: "A cron expression needs exactly 5 fields.",

package/dist/client/agent-page/ScheduledTriggerNotice.d.ts

@@ -0,0 +1,22 @@
+import type { ScheduledTriggerState } from "./scheduled-trigger-state.js";
+export interface ScheduledTriggerNoticeProps {
+    state: ScheduledTriggerState;
+    /** `banner` heads the page; `inline` sits inside the schedule dialog. */
+    variant?: "banner" | "inline";
+}
+/**
+ * Warns that schedule-triggered automations will not fire in this deploy.
+ *
+ * Worth a persistent surface rather than a one-time toast: whether a schedule
+ * fires is decided by the BUILD, while automations are created at runtime, so
+ * the mismatch is invisible at the moment it bites. Without this, a scheduled
+ * automation reports "Enabled" with a plausible "Next run" and silently never
+ * runs. Shown on the Automations page and again inside the schedule editor,
+ * which is the one place a user is actively choosing a cadence.
+ *
+ * Takes the whole query state, not just a resolved status, because a status
+ * check that FAILED has to look different from one that came back healthy: the
+ * failure is why the next-run dates alongside it are unverified, and silently
+ * rendering nothing would present them as confirmed.
+ */
+export declare function ScheduledTriggerNotice({ state, variant, }: ScheduledTriggerNoticeProps): import("react").JSX.Element | null;

package/dist/client/agent-page/ScheduledTriggerNotice.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconAlertCircle, IconAlertTriangle, IconChevronRight, } from "@tabler/icons-react";
+import { useT } from "../i18n.js";
+/**
+ * Warns that schedule-triggered automations will not fire in this deploy.
+ *
+ * Worth a persistent surface rather than a one-time toast: whether a schedule
+ * fires is decided by the BUILD, while automations are created at runtime, so
+ * the mismatch is invisible at the moment it bites. Without this, a scheduled
+ * automation reports "Enabled" with a plausible "Next run" and silently never
+ * runs. Shown on the Automations page and again inside the schedule editor,
+ * which is the one place a user is actively choosing a cadence.
+ *
+ * Takes the whole query state, not just a resolved status, because a status
+ * check that FAILED has to look different from one that came back healthy: the
+ * failure is why the next-run dates alongside it are unverified, and silently
+ * rendering nothing would present them as confirmed.
+ */
+export function ScheduledTriggerNotice({ state, variant = "banner", }) {
+    const t = useT();
+    // Still in flight: resolves in milliseconds, so say nothing rather than
+    // flash a caveat at every reader on a perfectly healthy deploy.
+    if (state.kind === "loading")
+        return null;
+    const shell = variant === "banner"
+        ? "flex items-start gap-2.5 rounded-xl border px-4 py-3"
+        : "flex items-start gap-2 rounded-lg border px-3 py-2";
+    // Muted rather than amber: "we could not check" is a weaker claim than "this
+    // will not run", and dressing it identically would teach readers to discount
+    // the one that means something.
+    if (state.kind === "unknown") {
+        return (_jsxs("div", { role: "status", "data-testid": "scheduled-trigger-notice", "data-reason": "check-failed", className: `${shell} border-border/70 bg-muted/50`, children: [_jsx(IconAlertCircle, { className: "mt-px size-4 shrink-0 text-muted-foreground" }), _jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "text-xs font-medium text-foreground", children: t("jobs.scheduleUnknownTitle", {
+                                defaultValue: "Couldn't check whether schedules run here",
+                            }) }), _jsx("p", { className: "mt-0.5 text-[11px] leading-4 text-muted-foreground", children: t("jobs.scheduleUnknownDetail", {
+                                defaultValue: "The scheduler status check failed, so the next run times below " +
+                                    "are unconfirmed. Reload to check again.",
+                            }) })] })] }));
+    }
+    const status = state.status;
+    if (status.available)
+        return null;
+    const headline = status.reason === "local-development"
+        ? t("jobs.scheduleUnavailableLocalTitle", {
+            defaultValue: "Schedules don't run in local development",
+        })
+        : t("jobs.scheduleUnavailableTitle", {
+            defaultValue: "Schedules won't run in this deploy",
+        });
+    const detail = status.reason === "disabled-by-env"
+        ? t("jobs.scheduleUnavailableDisabled", {
+            defaultValue: "This app was built with recurring jobs turned off, so no scheduled " +
+                "automation will fire. Event-triggered automations and Run now still work.",
+        })
+        : status.reason === "no-platform-scheduler"
+            ? t("jobs.scheduleUnavailableNoScheduler", {
+                defaultValue: "This hosting target has no durable scheduler, so no scheduled automation will fire. Event-triggered automations and Run now still work.",
+            })
+            : t("jobs.scheduleUnavailableLocal", {
+                defaultValue: "Schedules stay off on a dev machine unless you opt in. " +
+                    "Event-triggered automations and Run now still work.",
+            });
+    /**
+     * Recovery steps, collapsed by default: the notice has to say what is wrong
+     * before it says how to change it, and the how is longer than the what. Null
+     * where nothing is actually toggleable — `no-platform-scheduler` means the
+     * host has no scheduler to enable, so an empty disclosure would promise a fix
+     * that does not exist.
+     */
+    const fix = status.reason === "disabled-by-env"
+        ? t("jobs.scheduleUnavailableDisabledFix", {
+            defaultValue: "To enable recurring jobs, set AGENT_NATIVE_DISABLE_RECURRING_JOBS=false in the build environment.",
+        })
+        : status.reason === "local-development"
+            ? t("jobs.scheduleUnavailableLocalFix", {
+                defaultValue: "Set AGENT_NATIVE_ENABLE_LOCAL_RECURRING_JOBS=true to run " +
+                    "schedules on this machine.",
+            })
+            : null;
+    return (_jsxs("div", { role: "status", "data-testid": "scheduled-trigger-notice", "data-reason": status.reason, className: `${shell} border-amber-500/40 bg-amber-500/10`, children: [_jsx(IconAlertTriangle, { className: "mt-px size-4 shrink-0 text-amber-600 dark:text-amber-400" }), _jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "text-xs font-medium text-amber-700 dark:text-amber-300", children: headline }), _jsx("p", { className: "mt-0.5 text-[11px] leading-4 text-amber-700/90 dark:text-amber-300/90", children: detail }), fix ? (_jsxs("details", { className: "group mt-1", children: [_jsxs("summary", { className: "-ml-1.5 inline-flex w-fit cursor-pointer select-none list-none items-center gap-1 rounded-md px-1.5 py-1 text-[11px] font-medium text-amber-700 transition-colors hover:bg-amber-500/15 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-amber-500/40 dark:text-amber-300 dark:hover:bg-amber-400/15 [&::-webkit-details-marker]:hidden", children: [_jsx(IconChevronRight, { className: "size-3 shrink-0 transition-transform duration-150 group-open:rotate-90" }), _jsx("span", { className: "group-open:hidden", children: t("jobs.scheduleUnavailableFixLabel", {
+                                            defaultValue: "Show more",
+                                        }) }), _jsx("span", { className: "hidden group-open:inline", children: t("jobs.scheduleUnavailableFixLabelOpen", {
+                                            defaultValue: "Show less",
+                                        }) })] }), _jsx("p", { className: "mt-1 whitespace-pre-line text-[11px] leading-4 text-amber-700/90 dark:text-amber-300/90", children: fix })] })) : null] })] }));
+}

package/dist/client/agent-page/scheduled-trigger-state.d.ts

@@ -0,0 +1,28 @@
+import type { ScheduledTriggerStatus } from "../../jobs/actions/get-scheduled-trigger-status.js";
+export type { ScheduledTriggerStatus };
+/**
+ * Three-state view of the scheduler status query.
+ *
+ * `unknown` exists so a FAILED check cannot pass for a healthy one. The status
+ * action can 404 on an older deploy, 403 behind an auth boundary, or fail
+ * discovery — none of which say anything about whether schedules fire, and all
+ * of which read as "fine" under a plain `data?.available !== false`. `loading`
+ * stays separate because it resolves on its own in milliseconds; an error does
+ * not.
+ *
+ * Deliberately kept in its own module, free of the query hook: the pure
+ * state→consequence mapping below is what the UI branches on, and it stays real
+ * in tests that mock the data layer.
+ */
+export type ScheduledTriggerState = {
+    kind: "loading";
+} | {
+    kind: "unknown";
+    error: Error | null;
+} | {
+    kind: "resolved";
+    status: ScheduledTriggerStatus;
+};
+/** Whether a schedule-triggered automation will fire, as far as the UI knows. */
+export type ScheduleFiring = "fires" | "never" | "unknown";
+export declare function scheduleFiringFor(state: ScheduledTriggerState): ScheduleFiring;

package/dist/client/agent-page/scheduled-trigger-state.js

@@ -0,0 +1,10 @@
+export function scheduleFiringFor(state) {
+    if (state.kind === "resolved") {
+        return state.status.available ? "fires" : "never";
+    }
+    // Loading leans optimistic on purpose: accusing a working deploy of being
+    // broken mid-flight is worse than showing the warning a beat late. An errored
+    // check gets no such benefit — it never resolves, so the optimism would be
+    // permanent and would license a confident "Next run" forever.
+    return state.kind === "unknown" ? "unknown" : "fires";
+}

package/dist/client/agent-page/use-jobs.d.ts

@@ -1,3 +1,4 @@
+import type { ScheduledTriggerState, ScheduledTriggerStatus } from "./scheduled-trigger-state.js";
 export type JobsScope = "user" | "org";
 export interface RecurringJob {
     id: string;
@@ -75,6 +76,12 @@ export interface AutomationRun {
     finishedAt: number | null;
     error: string | null;
 }
+export type { ScheduledTriggerState, ScheduledTriggerStatus };
+/**
+ * Deploy-scoped and fixed for the life of the process, so it is cached far
+ * longer than the automation lists.
+ */
+export declare function useScheduledTriggerState(): ScheduledTriggerState;
 export declare function useRecurringJobs(scope: JobsScope): import("@tanstack/react-query").UseQueryResult<NoInfer<RecurringJob[]>, Error>;
 export declare function useAutomations(scope: JobsScope): import("@tanstack/react-query").UseQueryResult<NoInfer<Automation[]>, Error>;
 export declare function useManageRecurringJob(scope: JobsScope): import("@tanstack/react-query").UseMutationResult<{

package/dist/client/agent-page/use-jobs.js

@@ -6,6 +6,20 @@ function recurringParams(scope) {
 function automationParams(scope) {
     return { scope: scope === "org" ? "organization" : "personal" };
 }
+/**
+ * Deploy-scoped and fixed for the life of the process, so it is cached far
+ * longer than the automation lists.
+ */
+export function useScheduledTriggerState() {
+    const query = useActionQuery("get-scheduled-trigger-status", {}, { staleTime: 5 * 60_000 });
+    // Data first: a cached answer with a failing background refetch is still an
+    // answer, and downgrading it to `unknown` would flicker the warning off.
+    if (query.data)
+        return { kind: "resolved", status: query.data };
+    if (query.error)
+        return { kind: "unknown", error: query.error };
+    return { kind: "loading" };
+}
 export function useRecurringJobs(scope) {
     return useActionQuery("list-recurring-jobs", recurringParams(scope), { staleTime: 5_000 });
 }

package/dist/client/blocks/library/diagram.config.d.ts

@@ -37,7 +37,10 @@ export interface DiagramData {
      */
     html?: string;
     css?: string;
-    /** `design` forces clean HTML/CSS rendering without the sketch overlay. */
+    /**
+     * `design` forces clean HTML/CSS rendering without the sketch overlay. Use it
+     * for UI-like blocks such as cards, logo walls, tables, and controls.
+     */
     renderMode?: "wireframe" | "design";
     caption?: string;
     /** Outer surface frame. `auto` lets the host choose the right default. */

package/dist/client/blocks/library/diagram.js

@@ -393,7 +393,7 @@ export const diagramBlock = defineBlock({
     // edit from a corner button + panel rather than inline.
     editSurface: "panel",
     label: "Diagram",
-    description: "A flexible inline architecture/code diagram. Prefer html/css with SVG or semantic HTML for polished two-dimensional layouts; use renderMode design for clean presentation or .diagram-* primitives and --wf-* tokens for theme/sketch compatibility. Legacy nodes/edges are only for simple previews.",
+    description: "A flexible inline architecture/code diagram. Prefer html/css with SVG or semantic HTML for polished two-dimensional layouts; use renderMode design for UI-like blocks such as cards, logo walls, tables, and controls, or .diagram-* primitives and --wf-* tokens for actual diagrams that need theme/sketch compatibility. Legacy nodes/edges are only for simple previews.",
     // Seed the legacy fallback shape so a fresh block validates while agents can
     // replace it with html/css when layout quality matters.
     empty: () => ({ nodes: [{ id: "n1", label: "Module" }], edges: [] }),