@agent-native/core 0.120.0 → 0.120.2

package/src/server/auth.ts

@@ -98,6 +98,7 @@ import {
   type WorkspaceAppAudience,
 } from "../shared/workspace-app-audience.js";
 import { isValidWorkspaceAppIdFormat } from "../shared/workspace-app-id.js";
+import { injectAnalyticsIntoHtml } from "./analytics.js";
 import { signupAttributionFromCookieHeader } from "./attribution.js";
 import { getBetterAuth, getBetterAuthSync } from "./better-auth-instance.js";
 import type { BetterAuthConfig } from "./better-auth-instance.js";
@@ -1646,20 +1647,23 @@ function injectLoginSocialImageMeta(loginHtml: string, event: H3Event): string {
 }
 
 function loginHtmlResponse(loginHtml: string, event: H3Event): Response {
-  return new Response(injectLoginSocialImageMeta(loginHtml, event), {
-    status: 200,
-    headers: {
-      "Content-Type": "text/html; charset=utf-8",
-      // The sign-in document is part of the public server shell. Keep it on the
-      // same long-fresh/long-SWR CDN policy as React Router SSR so hosted
-      // template roots do not invoke origin just to render anonymous login UI.
-      // The login HTML is env-INDEPENDENT (a Google-only app always renders a
-      // working button), so a cached copy is never "wrong" — never downgrade
-      // this to private/no-store.
-      ...DEFAULT_SSR_CACHE_HEADERS,
-      "X-Robots-Tag": "noindex, nofollow",
+  return new Response(
+    injectAnalyticsIntoHtml(injectLoginSocialImageMeta(loginHtml, event)),
+    {
+      status: 200,
+      headers: {
+        "Content-Type": "text/html; charset=utf-8",
+        // The sign-in document is part of the public server shell. Keep it on the
+        // same long-fresh/long-SWR CDN policy as React Router SSR so hosted
+        // template roots do not invoke origin just to render anonymous login UI.
+        // The login markup is env-INDEPENDENT (a Google-only app always renders
+        // a working button); the analytics script is public build configuration,
+        // not user/session state. Never downgrade this to private/no-store.
+        ...DEFAULT_SSR_CACHE_HEADERS,
+        "X-Robots-Tag": "noindex, nofollow",
+      },
     },
-  });
+  );
 }
 
 function isHtmlDocumentRequest(event: H3Event, pathname: string): boolean {

package/src/server/better-auth-instance.ts

@@ -1109,6 +1109,18 @@ async function createBetterAuthInstance(
   return auth as unknown as BetterAuthInstance;
 }
 
+/**
+ * Configure the local auth connection with the same write contention settings
+ * as the shared app connection. Better Auth uses its own SQLite handle, so the
+ * app connection's busy timeout does not protect first-run account creation.
+ */
+export function configureLocalSqlite(sqlite: {
+  pragma(statement: string): unknown;
+}): void {
+  sqlite.pragma("busy_timeout = 10000");
+  sqlite.pragma("journal_mode = WAL");
+}
+
 async function buildDatabaseConfig(
   dialect: string,
 ): Promise<BetterAuthOptions["database"]> {
@@ -1182,7 +1194,7 @@ async function buildDatabaseConfig(
     const { default: Database } = await import("better-sqlite3");
     const filePath = url.replace(/^file:/, "");
     const sqlite = new Database(filePath);
-    sqlite.pragma("journal_mode = WAL");
+    configureLocalSqlite(sqlite);
     const { drizzle } = await import("drizzle-orm/better-sqlite3");
     const db = drizzle(sqlite, { schema: sqliteAuthSchema });
     const { drizzleAdapter } = await import("better-auth/adapters/drizzle");

package/src/templates/chat/app/components/layout/Sidebar.tsx

@@ -4,7 +4,6 @@ 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 { OrgSwitcher } from "@agent-native/core/client/org";
 import { FeedbackButton } from "@agent-native/core/client/ui";
@@ -38,6 +37,9 @@ const navItems = [
     href: "/",
     view: "chat",
   },
+];
+
+const bottomNavItems = [
   {
     icon: IconHierarchy2,
     labelKey: "settings.agentTitle",
@@ -419,11 +421,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

package/src/templates/chat/app/routes/extensions._index.tsx

@@ -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/src/templates/chat/netlify.toml

@@ -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/src/templates/workspace-core/.agents/skills/extensions/SKILL.md

@@ -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"):**
 

package/src/vite/client.ts

@@ -3066,6 +3066,12 @@ function createAgentNativeConfig(
       "process.env.AGENT_NATIVE_BUILD_GA_MEASUREMENT_ID": JSON.stringify(
         process.env.GA_MEASUREMENT_ID?.trim() || "",
       ),
+      __AGENT_NATIVE_BUILD_GTM_CONTAINER_ID__: JSON.stringify(
+        process.env.GTM_CONTAINER_ID?.trim() || "",
+      ),
+      "process.env.AGENT_NATIVE_BUILD_GTM_CONTAINER_ID": JSON.stringify(
+        process.env.GTM_CONTAINER_ID?.trim() || "",
+      ),
       // Framework route warmup controls how SSR `.data` routes are fetched:
       // ordinary fetches keep them CDN-cacheable, while native prefetch headers
       // can be refused before the CDN/origin sees the request. Keep this value

package/corpus/templates/analytics/app/components/layout/NewAnalysisDialog.tsx

@@ -1,165 +0,0 @@
-import { useSendToAgentChat } from "@agent-native/core/client/agent-chat";
-import { PromptComposer } from "@agent-native/core/client/composer";
-import { useActionQuery } from "@agent-native/core/client/hooks";
-import { useT } from "@agent-native/core/client/i18n";
-import {
-  IconAlertCircle,
-  IconCheck,
-  IconDatabase,
-  IconLoader2,
-  IconPlus,
-} from "@tabler/icons-react";
-import { useMemo, useState } from "react";
-import { Link } from "react-router";
-
-import { Badge } from "@/components/ui/badge";
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from "@/components/ui/popover";
-import {
-  credentialRowsFromStatus,
-  getConfiguredDataSources,
-  type DataSourceStatusResponse,
-} from "@/lib/data-source-status";
-import { cn } from "@/lib/utils";
-
-const ANALYSIS_CONTEXT =
-  "The user wants to kick off a new ad-hoc analysis. " +
-  "REAL_DATA_REQUIRED: before saving or answering, run at least one real data-source query action; `data-source-status`, `list-data-dictionary`, `generate-chart`, and `save-analysis` do not count as data queries. " +
-  "The built-in `demo` dashboard source is a demo-environment Prometheus source and never satisfies REAL_DATA_REQUIRED for user analytics answers or saved analyses unless the user explicitly asks to analyze the demo dashboard itself. " +
-  "If no source can answer, report the exact unavailable/error result instead of saving a guessed analysis. " +
-  "Read the `adhoc-analysis` skill first. Then: gather data from relevant sources, " +
-  "synthesize findings, and save via `save-analysis` with --id, --name, --question, " +
-  "--description, --instructions (markdown recipe for re-running), --resultMarkdown (polished writeup), " +
-  "--dataSources (JSON array of data sources used), and --resultData (structured raw query results and metrics from the successful data-source actions). " +
-  "After saving, call `navigate --view=analyses --analysisId=<id>` so the user sees it. " +
-  "No code files to create — analyses are persisted settings data.";
-
-function buildAnalysisContext(configuredSourceNames: string[]): string {
-  const sourceContext = configuredSourceNames.length
-    ? `Call \`data-source-status\` first to verify source availability. Current credential status shows these configured data sources: ${configuredSourceNames.join(", ")}. Prefer those sources unless the user names a different provider. The data dictionary can describe metrics, but it is not a live data source by itself. The demo source is not evidence for user analytics.`
-    : "Current credential status shows no configured data sources. Check `data-source-status` before analysis. If the requested provider is unavailable or missing credentials, report the exact connection problem and direct the user to Data Sources instead of saving guessed results. The data dictionary can describe metrics, but it is not a live data source by itself. The demo source is not evidence for user analytics.";
-  return `${ANALYSIS_CONTEXT} ${sourceContext}`;
-}
-
-export function NewAnalysisDialog() {
-  const t = useT();
-  const [open, setOpen] = useState(false);
-  const { send, isGenerating } = useSendToAgentChat();
-  const { data: statusData, isLoading: isStatusLoading } = useActionQuery(
-    "data-source-status",
-    undefined,
-    {
-      staleTime: 10_000,
-    },
-  );
-  const status = statusData as DataSourceStatusResponse | undefined;
-  const envStatus = credentialRowsFromStatus(status);
-  const configuredSources = useMemo(
-    () => getConfiguredDataSources(envStatus, status),
-    [envStatus, status],
-  );
-  const configuredSourceNames = configuredSources.map((source) => source.name);
-  const statusMessage = status?.message || status?.error;
-
-  function handleSubmit(text: string) {
-    const trimmed = text.trim();
-    if (!trimmed || isGenerating) return;
-    send({
-      message: trimmed,
-      context: buildAnalysisContext(configuredSourceNames),
-      submit: true,
-    });
-    setOpen(false);
-  }
-
-  return (
-    <Popover open={open} onOpenChange={setOpen}>
-      <PopoverTrigger asChild>
-        <button className="flex w-full cursor-pointer items-center gap-2 rounded-lg px-3 py-1.5 text-xs text-muted-foreground/60 hover:bg-sidebar-accent/50 hover:text-primary">
-          <IconPlus className="h-3 w-3" />
-          {t("dialogs.newAnalysis")}
-        </button>
-      </PopoverTrigger>
-      <PopoverContent
-        className="w-[calc(100vw-2rem)] p-3 sm:w-[420px]"
-        side="right"
-        align="start"
-      >
-        <p className="px-1 pb-2 text-sm font-semibold text-foreground">
-          {t("dialogs.newAnalysisTitle")}
-        </p>
-        <div
-          className={cn(
-            "mb-3 rounded-md border px-3 py-2 text-xs",
-            configuredSources.length > 0
-              ? "border-emerald-500/25 bg-emerald-500/10"
-              : "border-amber-500/25 bg-amber-500/10",
-          )}
-        >
-          <div className="flex gap-2">
-            {isStatusLoading ? (
-              <IconLoader2 className="mt-0.5 h-3.5 w-3.5 shrink-0 animate-spin text-muted-foreground" />
-            ) : configuredSources.length > 0 ? (
-              <IconCheck className="mt-0.5 h-3.5 w-3.5 shrink-0 text-emerald-500" />
-            ) : (
-              <IconAlertCircle className="mt-0.5 h-3.5 w-3.5 shrink-0 text-amber-500" />
-            )}
-            <div className="min-w-0 flex-1">
-              <div className="flex items-center gap-1.5 font-medium text-foreground">
-                <IconDatabase className="h-3.5 w-3.5 text-muted-foreground" />
-                {isStatusLoading
-                  ? t("dialogs.checkingDataSources")
-                  : configuredSources.length > 0
-                    ? t("dialogs.sourcesConfigured", {
-                        count: configuredSources.length,
-                        plural: configuredSources.length === 1 ? "" : "s",
-                      })
-                    : t("dialogs.noDataSourcesConfigured")}
-              </div>
-              {configuredSources.length > 0 ? (
-                <div className="mt-2 flex flex-wrap gap-1">
-                  {configuredSources.slice(0, 4).map((source) => (
-                    <Badge
-                      key={source.id}
-                      variant="secondary"
-                      className="px-1.5 py-0 text-[10px]"
-                    >
-                      {source.name}
-                    </Badge>
-                  ))}
-                  {configuredSources.length > 4 && (
-                    <Badge
-                      variant="outline"
-                      className="px-1.5 py-0 text-[10px]"
-                    >
-                      {t("dialogs.more", {
-                        count: configuredSources.length - 4,
-                      })}
-                    </Badge>
-                  )}
-                </div>
-              ) : (
-                <p className="mt-1 text-muted-foreground">
-                  {statusMessage || t("dialogs.connectSourceFirst")}{" "}
-                  <Link to="/data-sources" className="text-primary underline">
-                    {t("dialogs.manageSources")}
-                  </Link>
-                </p>
-              )}
-            </div>
-          </div>
-        </div>
-        <PromptComposer
-          autoFocus
-          disabled={isGenerating}
-          placeholder={t("dialogs.newAnalysisPlaceholder")}
-          draftScope="analytics:new-analysis"
-          onSubmit={handleSubmit}
-        />
-      </PopoverContent>
-    </Popover>
-  );
-}

package/corpus/templates/analytics/app/pages/analyses/AnalysesList.tsx

@@ -1,175 +0,0 @@
-import { useSendToAgentChat } from "@agent-native/core/client/agent-chat";
-import { callAction, useChangeVersions } from "@agent-native/core/client/hooks";
-import { useT } from "@agent-native/core/client/i18n";
-import { IconFlask, IconClock, IconSearch } from "@tabler/icons-react";
-import { useQuery } from "@tanstack/react-query";
-import { useState } from "react";
-import { Link } from "react-router";
-
-import { Badge } from "@/components/ui/badge";
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from "@/components/ui/card";
-import { Skeleton } from "@/components/ui/skeleton";
-
-interface AnalysisSummary {
-  id: string;
-  name: string;
-  description: string;
-  dataSources: string[];
-  createdAt: string;
-  updatedAt: string;
-  author: string;
-}
-
-async function fetchAnalyses(): Promise<AnalysisSummary[]> {
-  const rows = await callAction("list-analyses", {}, { method: "GET" });
-  return (Array.isArray(rows) ? rows : []) as AnalysisSummary[];
-}
-
-function formatRelativeDate(iso: string): string {
-  const date = new Date(iso);
-  const now = new Date();
-  const diffMs = now.getTime() - date.getTime();
-  const diffMins = Math.floor(diffMs / 60000);
-  const diffHours = Math.floor(diffMins / 60);
-  const diffDays = Math.floor(diffHours / 24);
-
-  if (diffMins < 1) return "just now";
-  if (diffMins < 60) return `${diffMins}m ago`;
-  if (diffHours < 24) return `${diffHours}h ago`;
-  if (diffDays < 7) return `${diffDays}d ago`;
-  return date.toLocaleDateString();
-}
-
-export default function AnalysesList() {
-  const t = useT();
-  const analysesSync = useChangeVersions(["analyses", "action"]);
-  const { data: analyses, isLoading } = useQuery({
-    queryKey: ["analyses-list", analysesSync],
-    queryFn: fetchAnalyses,
-    staleTime: 10_000,
-    placeholderData: (prev) => prev,
-  });
-
-  const { send, codeRequiredDialog } = useSendToAgentChat();
-  const [searchQuery, setSearchQuery] = useState("");
-
-  const filteredAnalyses = analyses?.filter((a) => {
-    if (!searchQuery.trim()) return true;
-    const q = searchQuery.toLowerCase();
-    return (
-      a.name.toLowerCase().includes(q) ||
-      (a.description && a.description.toLowerCase().includes(q))
-    );
-  });
-
-  return (
-    <>
-      {codeRequiredDialog}
-      <div className="space-y-6">
-        <div className="flex items-center gap-3">
-          <p className="text-sm text-muted-foreground flex-1">
-            {t("analyses.description")}
-          </p>
-          {analyses && analyses.length > 0 && (
-            <div className="relative">
-              <IconSearch className="absolute start-2.5 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground/60 pointer-events-none" />
-              <input
-                type="search"
-                placeholder={t("analyses.searchPlaceholder")}
-                value={searchQuery}
-                onChange={(e) => setSearchQuery(e.target.value)}
-                className="h-8 rounded-md border border-input bg-background ps-8 pe-3 text-xs placeholder:text-muted-foreground/60 focus:outline-none focus:ring-2 focus:ring-ring"
-              />
-            </div>
-          )}
-        </div>
-
-        {isLoading ? (
-          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
-            {Array.from({ length: 3 }).map((_, i) => (
-              <Skeleton key={i} className="h-40 w-full rounded-xl" />
-            ))}
-          </div>
-        ) : !analyses?.length || filteredAnalyses?.length === 0 ? (
-          <Card className="border-dashed">
-            <CardContent className="flex flex-col items-center justify-center py-16 text-center">
-              <div className="flex h-14 w-14 items-center justify-center rounded-2xl bg-primary/10 mb-4">
-                <IconFlask className="h-7 w-7 text-primary" />
-              </div>
-              <h3 className="text-lg font-semibold mb-2">
-                {searchQuery
-                  ? t("analyses.noResults")
-                  : t("analyses.noAnalysesYet")}
-              </h3>
-              <p className="text-sm text-muted-foreground max-w-sm mb-4">
-                {searchQuery
-                  ? t("analyses.noResultsForQuery", { query: searchQuery })
-                  : t("analyses.emptyDescription")}
-              </p>
-              {!searchQuery && (
-                <button
-                  onClick={() =>
-                    send({
-                      message: t("analyses.examplePrompt"),
-                      submit: false,
-                    })
-                  }
-                  className="text-sm text-primary hover:underline"
-                >
-                  {t("analyses.tryExamplePrompt")}
-                </button>
-              )}
-            </CardContent>
-          </Card>
-        ) : (
-          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
-            {(filteredAnalyses ?? analyses ?? []).map((a) => (
-              <Link key={a.id} to={`/analyses/${a.id}`} className="block">
-                <Card className="h-full hover:border-primary/40 transition-colors cursor-pointer">
-                  <CardHeader className="pb-3">
-                    <CardTitle className="text-base leading-snug">
-                      {a.name}
-                    </CardTitle>
-                    {a.description && (
-                      <CardDescription className="line-clamp-2 text-xs">
-                        {a.description}
-                      </CardDescription>
-                    )}
-                  </CardHeader>
-                  <CardContent className="pt-0">
-                    <div className="flex flex-wrap gap-1.5 mb-3">
-                      {a.dataSources?.map((ds) => (
-                        <Badge
-                          key={ds}
-                          variant="secondary"
-                          className="text-[10px] px-1.5 py-0"
-                        >
-                          {ds}
-                        </Badge>
-                      ))}
-                    </div>
-                    <div className="flex items-center gap-3 text-[11px] text-muted-foreground">
-                      <span className="flex items-center gap-1">
-                        <IconClock className="h-3 w-3" />
-                        {formatRelativeDate(a.updatedAt)}
-                      </span>
-                      {a.author && (
-                        <span className="truncate">by {a.author}</span>
-                      )}
-                    </div>
-                  </CardContent>
-                </Card>
-              </Link>
-            ))}
-          </div>
-        )}
-      </div>
-    </>
-  );
-}