npm - @agent-native/core - Versions diffs - 0.120.1 → 0.120.3 - Mend

@agent-native/core 0.120.1 → 0.120.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (396) hide show

package/corpus/core/src/server/analytics.ts CHANGED Viewed

@@ -2,16 +2,21 @@
  * Opt-in analytics injection for SSR streams.
  * Supported environment variables:
  * - `GA_MEASUREMENT_ID` — Google Analytics 4 measurement ID
+ * - `GTM_CONTAINER_ID` — Google Tag Manager web container ID
  *
  * Netlify configuration-file env vars are build-time only for serverless
  * functions, so the Vite/Nitro build paths also bake this public value into
  * SSR bundles.
  *
  * Amplitude and Sentry are initialized client-side via their npm packages
- * (see `packages/core/src/client/analytics.ts`). Only GA requires script
- * tag injection because the gtag.js loader must be a `<script src>`.
+ * (see `packages/core/src/client/analytics.ts`). GTM and GA require script
+ * tag injection because their loaders must be `<script>` elements.
  *
- * When set, the corresponding script tags are injected before `</head>`.
+ * When GTM is set, its head bootstrap is injected before `</head>` and its
+ * noscript fallback immediately after `<body>`. GTM takes precedence over GA
+ * so pageviews are not double-counted; configure the GA tag inside GTM.
+ * When only GA is set, the corresponding script tags are injected before
+ * `</head>`.
  * When not set, the stream passes through untouched (zero overhead).
  *
  * Usage in entry.server.tsx:
@@ -22,6 +27,7 @@
  */
 declare const __AGENT_NATIVE_BUILD_GA_MEASUREMENT_ID__: string | undefined;
+declare const __AGENT_NATIVE_BUILD_GTM_CONTAINER_ID__: string | undefined;
 function normalizeMeasurementId(value: string | undefined): string | null {
   const trimmed = value?.trim();
@@ -34,6 +40,25 @@ function getViteBakedGaMeasurementId(): string | undefined {
     : undefined;
 }
+function normalizeContainerId(value: string | undefined): string | null {
+  const trimmed = value?.trim().toUpperCase();
+  return trimmed && /^GTM-[A-Z0-9]+$/.test(trimmed) ? trimmed : null;
+}
+function getViteBakedGtmContainerId(): string | undefined {
+  return typeof __AGENT_NATIVE_BUILD_GTM_CONTAINER_ID__ === "string"
+    ? __AGENT_NATIVE_BUILD_GTM_CONTAINER_ID__
+    : undefined;
+}
+function getGtmContainerId(): string | null {
+  return (
+    normalizeContainerId(process.env.GTM_CONTAINER_ID) ||
+    normalizeContainerId(process.env.AGENT_NATIVE_BUILD_GTM_CONTAINER_ID) ||
+    normalizeContainerId(getViteBakedGtmContainerId())
+  );
+}
 function getGaMeasurementId(): string | null {
   return (
     normalizeMeasurementId(process.env.GA_MEASUREMENT_ID) ||
@@ -74,6 +99,37 @@ function getGaScript(): string | null {
   );
 }
+function getGtmHeadScript(containerId: string): string {
+  const jsId = JSON.stringify(containerId);
+  return `<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer',${jsId});</script>`;
+}
+function getGtmBodyFallback(containerId: string): string {
+  const src = encodeURIComponent(containerId);
+  return `<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=${src}" height="0" width="0" style="display:none;visibility:hidden" title="Google Tag Manager"></iframe></noscript>`;
+}
+type AnalyticsInjection = {
+  head: string;
+  body: string;
+};
+function getAnalyticsInjection(): AnalyticsInjection | null {
+  const containerId = getGtmContainerId();
+  if (containerId) {
+    return {
+      head: getGtmHeadScript(containerId),
+      body: getGtmBodyFallback(containerId),
+    };
+  }
+  const gaScript = getGaScript();
+  return gaScript ? { head: gaScript, body: "" } : null;
+}
+const HEAD_CLOSE_PATTERN = /<\/head>/i;
+const BODY_OPEN_PATTERN = /<body\b[^>]*>/i;
 /**
  * Add the configured analytics scripts to a complete HTML document.
  *
@@ -82,38 +138,111 @@ function getGaScript(): string | null {
  * auth guard and need the same injection path.
  */
 export function injectAnalyticsIntoHtml(html: string): string {
-  const script = getGaScript();
-  if (!script) return html;
-  const headCloseIdx = html.indexOf("</head>");
-  if (headCloseIdx === -1) return html;
-  return html.slice(0, headCloseIdx) + script + html.slice(headCloseIdx);
+  const injection = getAnalyticsInjection();
+  if (!injection) return html;
+  const headCloseMatch = HEAD_CLOSE_PATTERN.exec(html);
+  if (!headCloseMatch || headCloseMatch.index === undefined) return html;
+  let output =
+    html.slice(0, headCloseMatch.index) +
+    injection.head +
+    html.slice(headCloseMatch.index);
+  if (injection.body) {
+    const bodyOpenMatch = BODY_OPEN_PATTERN.exec(output);
+    if (bodyOpenMatch && bodyOpenMatch.index !== undefined) {
+      const bodyEnd = bodyOpenMatch.index + bodyOpenMatch[0].length;
+      output =
+        output.slice(0, bodyEnd) + injection.body + output.slice(bodyEnd);
+    }
+  }
+  return output;
 }
-export function wrapWithAnalytics(body: ReadableStream): ReadableStream {
-  const scripts = [getGaScript()].filter(Boolean).join("");
-  if (!scripts) return body;
+export function wrapWithAnalytics(
+  body: ReadableStream<Uint8Array>,
+): ReadableStream<Uint8Array> {
+  const injection = getAnalyticsInjection();
+  if (!injection) return body;
   const decoder = new TextDecoder();
   const encoder = new TextEncoder();
-  let injected = false;
+  let pending = "";
+  let headInjected = false;
+  let bodyInjected = !injection.body;
   return body.pipeThrough(
-    new TransformStream({
+    new TransformStream<Uint8Array, Uint8Array>({
       transform(chunk, controller) {
-        if (injected) {
-          controller.enqueue(chunk);
-          return;
+        pending += decoder.decode(chunk, { stream: true });
+        if (!headInjected) {
+          const headCloseMatch = HEAD_CLOSE_PATTERN.exec(pending);
+          if (!headCloseMatch || headCloseMatch.index === undefined) return;
+          const headEnd = headCloseMatch.index + headCloseMatch[0].length;
+          controller.enqueue(
+            encoder.encode(
+              pending.slice(0, headCloseMatch.index) +
+                injection.head +
+                pending.slice(headCloseMatch.index, headEnd),
+            ),
+          );
+          pending = pending.slice(headEnd);
+          headInjected = true;
         }
-        const text = decoder.decode(chunk, { stream: true });
-        const headCloseIdx = text.indexOf("</head>");
-        if (headCloseIdx !== -1) {
-          const modified =
-            text.slice(0, headCloseIdx) + scripts + text.slice(headCloseIdx);
-          controller.enqueue(encoder.encode(modified));
-          injected = true;
-        } else {
-          controller.enqueue(chunk);
+        if (!bodyInjected) {
+          const bodyOpenMatch = BODY_OPEN_PATTERN.exec(pending);
+          if (!bodyOpenMatch || bodyOpenMatch.index === undefined) return;
+          const bodyEnd = bodyOpenMatch.index + bodyOpenMatch[0].length;
+          controller.enqueue(
+            encoder.encode(pending.slice(0, bodyEnd) + injection.body),
+          );
+          pending = pending.slice(bodyEnd);
+          bodyInjected = true;
         }
+        if (pending) {
+          controller.enqueue(encoder.encode(pending));
+          pending = "";
+        }
+      },
+      flush(controller) {
+        pending += decoder.decode();
+        if (!headInjected) {
+          const headCloseMatch = HEAD_CLOSE_PATTERN.exec(pending);
+          if (headCloseMatch && headCloseMatch.index !== undefined) {
+            const headEnd = headCloseMatch.index + headCloseMatch[0].length;
+            controller.enqueue(
+              encoder.encode(
+                pending.slice(0, headCloseMatch.index) +
+                  injection.head +
+                  pending.slice(headCloseMatch.index, headEnd),
+              ),
+            );
+            pending = pending.slice(headEnd);
+            headInjected = true;
+          }
+        }
+        if (headInjected && !bodyInjected) {
+          const bodyOpenMatch = BODY_OPEN_PATTERN.exec(pending);
+          if (bodyOpenMatch && bodyOpenMatch.index !== undefined) {
+            const bodyEnd = bodyOpenMatch.index + bodyOpenMatch[0].length;
+            controller.enqueue(
+              encoder.encode(pending.slice(0, bodyEnd) + injection.body),
+            );
+            pending = pending.slice(bodyEnd);
+            bodyInjected = true;
+          }
+        }
+        if (pending) controller.enqueue(encoder.encode(pending));
       },
     }),
   );

package/corpus/core/src/server/core-routes-plugin.ts CHANGED Viewed

@@ -97,6 +97,7 @@ import {
   MCP_EMBED_CORS_ALLOW_HEADERS,
   shouldAllowMcpEmbedCredentials,
 } from "../shared/mcp-embed-headers.js";
+import { captureException } from "../tracking/error-capture.js";
 import { track } from "../tracking/index.js";
 import { registerBuiltinProviders } from "../tracking/providers.js";
 import { validateTrackPayload } from "../tracking/route.js";
@@ -140,7 +141,7 @@ import {
   type BuilderRelayCredentials,
   type BuilderPreviewRelayState,
 } from "./builder-browser.js";
-import { captureError } from "./capture-error.js";
+import { captureError, registerErrorCaptureProvider } from "./capture-error.js";
 import {
   getAllowedCorsOrigin,
   readCorsAllowedOrigins,
@@ -1197,6 +1198,14 @@ export function createCoreRoutesPlugin(
       // already registered the same key win.
       registerFrameworkSecrets();
       registerBuiltinProviders();
+      registerErrorCaptureProvider("agent-native-analytics", (error, context) =>
+        captureException(error, {
+          ...context,
+          handled: false,
+          runtime: "node",
+          source: "server",
+        }),
+      );
       registerBuiltinNotificationChannels();
       try {

package/corpus/core/src/server/framework-request-handler.ts CHANGED Viewed

@@ -602,33 +602,24 @@ function registerMiddleware(
         status,
         error: err,
       });
-      // Forward 5xx to server-side Sentry — Nitro's own `error` hook may not
-      // fire here because we convert the throw into a normal JSON response,
-      // and a console.error alone is invisible in deployed environments.
-      // 4xx are user-input errors (validation, auth) and aren't worth
-      // alerting on. Lazy-loaded so the framework-request-handler module
-      // doesn't pull @sentry/node into bundles that don't need it.
+      // Forward 5xx to the configured server error providers — Nitro's own
+      // `error` hook may not fire here because we convert the throw into a
+      // normal JSON response, and a console.error alone is invisible in
+      // deployed environments. 4xx are user-input errors (validation, auth)
+      // and aren't worth alerting on.
       if (status >= 500) {
-        // Static `import` would create a cycle (sentry.ts imports auth.ts
-        // which imports… eventually, framework-request-handler.ts).
-        import("./sentry.js")
-          .then(({ captureRouteError, isServerSentryEnabled }) => {
-            if (!isServerSentryEnabled()) return;
-            captureRouteError(err, {
-              route: reqPath,
-              method: event.method,
-              userAgent: (() => {
-                try {
-                  return event.headers?.get("user-agent") ?? undefined;
-                } catch {
-                  return undefined;
-                }
-              })(),
-            });
-          })
-          .catch(() => {
-            // Sentry is observability — never let it break a response path.
-          });
+        captureError(err, {
+          route: reqPath,
+          method: event.method,
+          tags: { status_code: String(status) },
+          userAgent: (() => {
+            try {
+              return event.headers?.get("user-agent") ?? undefined;
+            } catch {
+              return undefined;
+            }
+          })(),
+        });
       }
       try {
         setResponseStatus(event, status);

package/corpus/core/src/styles/agent-native.css CHANGED Viewed

@@ -310,6 +310,10 @@
   opacity: 1;
 }
+/* A named chat surface already morphs from its old geometry during a
+   full-page-chat handoff. Override only the initial style of that panel so it
+   does not slide in from the right underneath the morph. Keeping the normal
+   rules intact preserves ordinary sidebar open/close animation. */
 @starting-style {
   .agent-sidebar-panel[data-agent-sidebar-animation="desktop"][data-agent-sidebar-state="open"] {
     width: 0;
@@ -330,6 +334,15 @@
   .agent-sidebar-backdrop[data-agent-sidebar-animation="mobile"][data-agent-sidebar-state="open"] {
     opacity: 0;
   }
+  .agent-native-chat-view-transition.agent-sidebar-panel[data-agent-sidebar-animation="desktop"][data-agent-sidebar-chat-handoff="true"] {
+    width: var(--agent-sidebar-width);
+  }
+  .agent-native-chat-view-transition.agent-sidebar-panel[data-agent-sidebar-animation="desktop"][data-agent-sidebar-chat-handoff="true"]
+    > .agent-sidebar-panel-inner {
+    transform: translateX(0);
+  }
 }
 @media (prefers-reduced-motion: reduce) {

package/corpus/core/src/templates/chat/app/components/layout/Layout.tsx CHANGED Viewed

@@ -1,6 +1,7 @@
 import {
   AgentSidebar,
   focusAgentChat,
+  isAgentChatHomeHandoffActive,
   navigateWithAgentChatViewTransition,
   useAgentChatHomeHandoff,
   useAgentChatHomeHandoffLinks,
@@ -57,6 +58,7 @@ export function Layout({ children }: LayoutProps) {
     activePath: location.pathname,
     enabled: !isChatRoute,
   });
+  const chatHomeHandoffPending = isAgentChatHomeHandoffActive("chat");
   useAgentChatHomeHandoffLinks({
     storageKey: "chat",
     isChatPath: (pathname) => pathname === "/" || pathname.startsWith("/chat/"),
@@ -164,6 +166,7 @@ export function Layout({ children }: LayoutProps) {
           <AgentSidebar
             position="right"
             chatViewTransition
+            chatViewTransitionHandoff={chatHomeHandoffPending}
             storageKey="chat"
             browserTabId={TAB_ID}
             openOnChatRunning={chatHomeHandoffActive}

package/corpus/core/src/templates/chat/app/components/layout/Sidebar.tsx CHANGED Viewed

@@ -4,10 +4,11 @@ import {
   type ChatThreadSummary,
 } from "@agent-native/core/client/agent-chat";
 import { appPath } from "@agent-native/core/client/api-path";
-import { ExtensionsSidebarSection } from "@agent-native/core/client/extensions";
-import { useT } from "@agent-native/core/client/i18n";
+import { LanguagePicker, useT } from "@agent-native/core/client/i18n";
+import { openCommandMenu } from "@agent-native/core/client/navigation";
 import { OrgSwitcher } from "@agent-native/core/client/org";
 import { FeedbackButton } from "@agent-native/core/client/ui";
+import { SidebarFooterActions } from "@agent-native/toolkit/app-shell";
 import {
   ChatHistoryRail,
   type ChatHistoryItem,
@@ -17,6 +18,7 @@ import {
   IconLayoutSidebarLeftCollapse,
   IconLayoutSidebarLeftExpand,
   IconMessageCircle,
+  IconSearch,
   IconSettings,
 } from "@tabler/icons-react";
 import { useEffect, useMemo } from "react";
@@ -38,6 +40,9 @@ const navItems = [
     href: "/",
     view: "chat",
   },
+];
+const bottomNavItems = [
   {
     icon: IconHierarchy2,
     labelKey: "settings.agentTitle",
@@ -124,7 +129,7 @@ function chatThreadPath(threadId: string) {
   return `/chat/${encodeURIComponent(threadId)}`;
 }
-function ChatThreadsSection() {
+function ChatThreadsSection({ open }: { open: boolean }) {
   const navigate = useNavigate();
   const location = useLocation();
   const t = useT();
@@ -228,36 +233,42 @@ function ChatThreadsSection() {
   }
   return (
-    <div className="mt-2 ms-4">
-      <ChatHistoryRail
-        items={chatItems}
-        activeId={displayedActiveThreadId}
-        onSelect={(threadId) => openThread(threadId)}
-        onNewChat={() => void handleNewChat()}
-        railLabels={{
-          newChat: t("chat.newChat"),
-          showMore: t("chat.chats"),
-          showLess: t("chat.chats"),
-        }}
-        renameMaxLength={160}
-        onTogglePin={(threadId) => {
-          const thread = visibleThreads.find((item) => item.id === threadId);
-          if (thread) void pinThread(threadId, !thread.pinnedAt);
-        }}
-        onRename={handleRenameThread}
-        onDelete={(threadId) => void handleArchiveThread(threadId)}
-        labels={{
-          options: (item) =>
-            t("chat.optionsFor", { title: item.titleText ?? "" }),
-          renameInput: (item) =>
-            t("chat.renameThread", { title: item.titleText ?? "" }),
-          rename: t("chat.renameChat"),
-          pin: t("chat.pinChat"),
-          unpin: t("chat.unpinChat"),
-          delete: t("chat.archiveChat"),
-        }}
-        className="min-w-0"
-      />
+    <div
+      className="an-chat-history-rail__collapse"
+      data-state={open ? "open" : "closed"}
+      aria-hidden={!open}
+    >
+      <div className="ms-4">
+        <ChatHistoryRail
+          items={chatItems}
+          activeId={displayedActiveThreadId}
+          onSelect={(threadId) => openThread(threadId)}
+          onNewChat={() => void handleNewChat()}
+          railLabels={{
+            newChat: t("chat.newChat"),
+            showMore: t("chat.chats"),
+            showLess: t("chat.chats"),
+          }}
+          renameMaxLength={160}
+          onTogglePin={(threadId) => {
+            const thread = visibleThreads.find((item) => item.id === threadId);
+            if (thread) void pinThread(threadId, !thread.pinnedAt);
+          }}
+          onRename={handleRenameThread}
+          onDelete={(threadId) => void handleArchiveThread(threadId)}
+          labels={{
+            options: (item) =>
+              t("chat.optionsFor", { title: item.titleText ?? "" }),
+            renameInput: (item) =>
+              t("chat.renameThread", { title: item.titleText ?? "" }),
+            rename: t("chat.renameChat"),
+            pin: t("chat.pinChat"),
+            unpin: t("chat.unpinChat"),
+            delete: t("chat.archiveChat"),
+          }}
+          className="min-w-0"
+        />
+      </div>
     </div>
   );
 }
@@ -279,14 +290,14 @@ export function Sidebar({
     cn(
       "flex items-center text-sm transition-colors",
       collapsed
-        ? "relative h-10 w-full justify-center rounded-none border-s-2 px-0"
+        ? "relative h-10 w-full justify-center rounded-none px-0"
         : "h-9 rounded-md gap-3 px-3",
       isActive
         ? collapsed
-          ? "border-s-sidebar-accent-foreground/80 bg-sidebar-accent text-sidebar-accent-foreground"
+          ? "bg-sidebar-accent text-sidebar-accent-foreground"
           : "bg-sidebar-accent text-sidebar-accent-foreground"
         : collapsed
-          ? "border-s-transparent text-sidebar-foreground/70 hover:bg-sidebar-accent/55 hover:text-sidebar-accent-foreground"
+          ? "text-sidebar-foreground/70 hover:bg-sidebar-accent/55 hover:text-sidebar-accent-foreground"
           : "text-sidebar-foreground hover:bg-sidebar-accent/65 hover:text-sidebar-accent-foreground",
     );
   const collapseButton = collapsible ? (
@@ -315,6 +326,31 @@ export function Sidebar({
       </TooltipContent>
     </Tooltip>
   ) : null;
+  const searchButton = (
+    <Tooltip>
+      <TooltipTrigger asChild>
+        <button
+          type="button"
+          onClick={openCommandMenu}
+          aria-label={t("root.commandSearch")}
+          className="flex size-8 items-center justify-center rounded-md text-sidebar-foreground/65 transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+        >
+          <IconSearch className="size-4" />
+        </button>
+      </TooltipTrigger>
+      <TooltipContent side="right">{t("root.commandSearch")}</TooltipContent>
+    </Tooltip>
+  );
+  const translateButton = (
+    <LanguagePicker variant="ghost-icon" label={t("settings.languageLabel")} />
+  );
+  const feedbackButton = (
+    <FeedbackButton
+      variant={collapsed ? "icon" : "sidebar"}
+      side="right"
+      className={collapsed ? "h-8 w-8" : "min-w-0"}
+    />
+  );
   return (
     <aside
@@ -409,8 +445,8 @@ export function Sidebar({
                 ) : (
                   link
                 )}
-                {!collapsed && item.view === "chat" && isChatRoute ? (
-                  <ChatThreadsSection />
+                {!collapsed && item.view === "chat" ? (
+                  <ChatThreadsSection open={isChatRoute} />
                 ) : null}
               </div>
             );
@@ -419,11 +455,38 @@ export function Sidebar({
       </nav>
       <div className={cn("mt-auto shrink-0", collapsed && "py-2")}>
-        {!collapsed ? (
-          <div className="px-2 py-1">
-            <ExtensionsSidebarSection />
-          </div>
-        ) : null}
+        <nav
+          className={cn(
+            "grid",
+            collapsed ? "gap-0 px-1 py-1" : "gap-1 px-2 py-1",
+          )}
+        >
+          {bottomNavItems.map((item) => {
+            const Icon = item.icon;
+            const isActive = location.pathname.startsWith(item.href);
+            const link = (
+              <Link
+                to={item.href}
+                className={navClass({ isActive })}
+                aria-current={isActive ? "page" : undefined}
+                aria-label={collapsed ? t(item.labelKey) : undefined}
+              >
+                <Icon className="size-4 shrink-0" />
+                <span className={collapsed ? "sr-only" : "truncate"}>
+                  {t(item.labelKey)}
+                </span>
+              </Link>
+            );
+            return collapsed ? (
+              <Tooltip key={item.href}>
+                <TooltipTrigger asChild>{link}</TooltipTrigger>
+                <TooltipContent side="right">{t(item.labelKey)}</TooltipContent>
+              </Tooltip>
+            ) : (
+              <div key={item.href}>{link}</div>
+            );
+          })}
+        </nav>
         <div className={cn(collapsed ? "px-1 py-1" : "px-3 py-2")}>
           <OrgSwitcher
@@ -436,14 +499,13 @@ export function Sidebar({
           />
         </div>
-        {!collapsed ? (
-          <div className="flex items-center justify-end gap-1 px-3 py-2">
-            <FeedbackButton className="min-w-0 flex-1" side="right" />
-            {collapseButton}
-          </div>
-        ) : collapseButton ? (
-          <div className="flex justify-center px-1 py-1">{collapseButton}</div>
-        ) : null}
+        <SidebarFooterActions
+          collapsed={collapsed}
+          feedback={feedbackButton}
+          translate={translateButton}
+          search={searchButton}
+          collapse={collapseButton}
+        />
       </div>
     </aside>
   );

package/corpus/core/src/templates/chat/app/global.css CHANGED Viewed

@@ -22,7 +22,7 @@
   --muted-foreground: 0 0% 45%;
   --accent: 0 0% 95%;
   --accent-foreground: 0 0% 15%;
-  --destructive: 0 84% 60%;
+  --destructive: 0 91% 71%;
   --destructive-foreground: 0 0% 98%;
   --border: 0 0% 90%;
   --input: 0 0% 90%;

package/corpus/core/src/templates/chat/app/routes/extensions._index.tsx CHANGED Viewed

@@ -1,4 +1,4 @@
-import { ExtensionsListPage } from "@agent-native/core/client/extensions";
+import { Navigate } from "react-router";
 import { APP_TITLE } from "@/lib/app-config";
@@ -7,5 +7,5 @@ export function meta() {
 }
 export default function ExtensionsRoute() {
-  return <ExtensionsListPage />;
+  return <Navigate to="/settings#extensions" replace />;
 }

package/corpus/core/src/templates/chat/netlify.toml CHANGED Viewed

@@ -6,5 +6,6 @@ functions = "templates/chat/.netlify/functions-internal"
 [build.environment]
 GA_MEASUREMENT_ID = "G-ESF7FYXGN9"
+GTM_CONTAINER_ID = "GTM-N3WSTXZ"
 NITRO_PRESET = "netlify"
 NPM_CONFIG_PRODUCTION = "false"

package/corpus/core/src/templates/default/app/global.css CHANGED Viewed

@@ -52,7 +52,7 @@
   --muted-foreground: 0 0% 60%;
   --accent: 0 0% 18%;
   --accent-foreground: 0 0% 90%;
-  --destructive: 0 84% 60%;
+  --destructive: 0 91% 71%;
   --destructive-foreground: 0 0% 98%;
   --border: 0 0% 24%;
   --input: 0 0% 24%;

package/corpus/core/src/templates/workspace-core/.agents/skills/extensions/SKILL.md CHANGED Viewed

@@ -76,6 +76,22 @@ Full source-code customization is a core Agent Native capability. Extensions
 are the fast, sandboxed, no-deploy layer—not the limit of what the app can
 become.
+Use this decision rule when either path could solve the request:
+- Start with an extension for a self-contained, relatively one-off widget,
+  custom visualization or interaction, dashboard tile, standalone utility, or
+  add-on in an existing slot.
+- Use app code for a core template feature, native UI/layout/routes/business
+  logic, a new slot, or behavior that should be reused broadly across dashboards
+  or users.
+- If the same extension keeps getting rebuilt, promote it into app code as one
+  reusable native feature instead of maintaining copies.
+As a rule of thumb, if an extension can solve the problem, generally start
+there. An isolated custom dashboard visualization belongs in an extension; a
+new chart type that should be available across dashboards belongs in the
+template code.
 **When a user asks to "make an extension", "create an extension", or "build
 a ... extension" (or the older phrasings "make a tool" / "create a tool"):**