@agent-native/core 0.84.57 → 0.84.59

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

@@ -7,6 +7,7 @@ import {
 } from "@agent-native/core/server";
 
 import actionsRegistry from "../../.generated/actions-registry.js";
+import { applyAnalyticsPlanModePolicy } from "../lib/agent-chat-plan-mode";
 import { renderDataDictionary } from "../lib/data-dictionary-context";
 import {
   failedDataQueryAttemptMessage,
@@ -65,6 +66,11 @@ const INITIAL_TOOL_NAMES = [
   "navigate",
 ];
 
+export {
+  applyAnalyticsPlanModePolicy,
+  PLAN_MODE_ACT_ONLY_TOOLS,
+} from "../lib/agent-chat-plan-mode";
+
 function latestUserText(
   messages: AgentLoopFinalResponseGuardContext["messages"],
 ): string {
@@ -160,7 +166,9 @@ function realDataFinalGuard(context: AgentLoopFinalResponseGuardContext) {
 
 export default createAgentChatPlugin({
   appId: "analytics",
-  actions: loadActionsFromStaticRegistry(actionsRegistry),
+  actions: applyAnalyticsPlanModePolicy(
+    loadActionsFromStaticRegistry(actionsRegistry),
+  ),
   initialToolNames: INITIAL_TOOL_NAMES,
   finalResponseGuard: realDataFinalGuard,
   // Enable sandboxed JavaScript execution for analytics data processing.

package/corpus/templates/design/actions/list-design-extensions.ts

@@ -68,7 +68,7 @@ const FIRST_PARTY_EXTENSIONS: FirstPartyDesignExtension[] = [
     id: "design.asset-library",
     name: "Asset Library",
     description:
-      "Browse and insert Design-native primitives, generated or uploaded media, and rendered Figma library components into the active design screen. " +
+      "Browse and insert Design primitives, generated or uploaded media, and rendered Figma library components into the active design screen. " +
       "Selection-aware: inserts near the selected element when one is active.",
     icon: "Photo",
     availability: "available",
@@ -77,7 +77,7 @@ const FIRST_PARTY_EXTENSIONS: FirstPartyDesignExtension[] = [
     capabilities: [
       {
         id: "native",
-        label: "Browse Design-native assets",
+        label: "Browse Design assets",
         status: "available",
         reason:
           "Uses list-design-native-assets and insert-design-native-asset for editable HTML primitives/components.",

package/corpus/templates/design/app/components/design/CodeWorkbenchHost.tsx

@@ -28,10 +28,11 @@ import { Button } from "@/components/ui/button";
 import { Spinner } from "@/components/ui/spinner";
 import { cn } from "@/lib/utils";
 
-interface CodeWorkbenchTheme {
-  colorScheme: "light" | "dark";
-  values: Record<string, string>;
-}
+import {
+  normalizeMonacoThemeColor,
+  readCodeWorkbenchTheme,
+  type CodeWorkbenchTheme,
+} from "./code-workbench-theme";
 
 interface CodeWorkbenchDraft {
   content: string;
@@ -56,87 +57,6 @@ interface CodeWorkbenchHostProps {
   onActiveFileChange?: (file: CodeWorkbenchActiveFile | null) => void;
 }
 
-const WORKBENCH_THEME_VARS: Record<string, string[]> = {
-  "--workbench-bg": ["--design-editor-panel-bg", "--background"],
-  "--workbench-sidebar-bg": ["--design-editor-panel-bg", "--card"],
-  "--workbench-editor-bg": ["--design-editor-panel-bg", "--background"],
-  "--workbench-surface-bg": ["--design-editor-control-bg", "--muted"],
-  "--workbench-border": ["--design-editor-control-border", "--border"],
-  "--workbench-fg": ["--foreground"],
-  "--workbench-muted-fg": ["--muted-foreground"],
-  "--workbench-hover-bg": ["--design-editor-layer-hover-color", "--accent"],
-  "--workbench-active-bg": ["--design-editor-selection-color", "--accent"],
-  "--workbench-active-fg": [
-    "--design-editor-accent-color",
-    "--accent-foreground",
-  ],
-  "--workbench-accent": ["--design-editor-accent-color", "--primary"],
-  "--workbench-button-bg": ["--design-editor-control-bg", "--background"],
-  "--workbench-button-fg": ["--foreground"],
-  "--workbench-selection-bg": ["--design-editor-selection-color", "--accent"],
-  "--workbench-dirty": ["--warning", "--destructive"],
-};
-
-function normalizeThemeColorValue(value: string): string {
-  const trimmed = value.trim();
-  if (!trimmed) return "";
-  if (/^-?\d+(\.\d+)?\s+-?\d+(\.\d+)?%/.test(trimmed)) {
-    return `hsl(${trimmed})`;
-  }
-  return trimmed;
-}
-
-function resolveCssColorValue(value: string): string {
-  if (typeof window === "undefined" || typeof document === "undefined") {
-    return value;
-  }
-  const probe = document.createElement("span");
-  probe.style.color = value;
-  probe.style.position = "fixed";
-  probe.style.pointerEvents = "none";
-  probe.style.visibility = "hidden";
-  document.body.appendChild(probe);
-  const resolved = window.getComputedStyle(probe).color;
-  probe.remove();
-  return resolved || value;
-}
-
-function readThemeVar(
-  elementStyles: CSSStyleDeclaration,
-  rootStyles: CSSStyleDeclaration,
-  names: string[],
-): string | undefined {
-  for (const name of names) {
-    const value =
-      elementStyles.getPropertyValue(name) || rootStyles.getPropertyValue(name);
-    const normalized = normalizeThemeColorValue(value);
-    if (normalized) return resolveCssColorValue(normalized);
-  }
-  return undefined;
-}
-
-function readCodeWorkbenchTheme(
-  element: HTMLElement | null,
-): CodeWorkbenchTheme {
-  if (typeof window === "undefined" || !element) {
-    return { colorScheme: "light", values: {} };
-  }
-  const elementStyles = window.getComputedStyle(element);
-  const rootStyles = window.getComputedStyle(document.documentElement);
-  const values: Record<string, string> = {};
-  for (const [targetVar, sourceVars] of Object.entries(WORKBENCH_THEME_VARS)) {
-    const value = readThemeVar(elementStyles, rootStyles, sourceVars);
-    if (value) values[targetVar] = value;
-  }
-  const colorScheme =
-    document.documentElement.classList.contains("dark") ||
-    elementStyles.colorScheme.includes("dark") ||
-    rootStyles.colorScheme.includes("dark")
-      ? "dark"
-      : "light";
-  return { colorScheme, values };
-}
-
 let monacoEnvironmentInstalled = false;
 
 function ensureMonacoEnvironment() {
@@ -210,10 +130,12 @@ function defineMonacoTheme(theme: CodeWorkbenchTheme): string {
       "editorWidget.background": values["--workbench-surface-bg"],
       "editorWidget.border": values["--workbench-border"],
       focusBorder: values["--workbench-accent"],
-    }).filter(
-      (entry): entry is [string, string] =>
-        typeof entry[1] === "string" && entry[1].length > 0,
-    ),
+    })
+      .map(([key, value]) => [key, normalizeMonacoThemeColor(value)] as const)
+      .filter(
+        (entry): entry is [string, string] =>
+          typeof entry[1] === "string" && entry[1].length > 0,
+      ),
   );
   monaco.editor.defineTheme(name, {
     base: dark ? "vs-dark" : "vs",