@agent-native/core 0.120.0 → 0.120.2

package/corpus/templates/forms/server/lib/public-form-ssr.ts

@@ -510,19 +510,40 @@ function renderFormPage(
       var condVal = el.dataset.condVal;
       var depVal = getFieldValue(depId);
       var show = true;
-      if (op === "equals") show = depVal === condVal;
+      if (Array.isArray(depVal)) {
+        if (op === "equals") show = depVal.length === 1 && depVal[0] === condVal;
+        else if (op === "not_equals") show = depVal.indexOf(condVal) < 0;
+        else if (op === "contains") show = depVal.indexOf(condVal) >= 0;
+      } else if (op === "equals") show = depVal === condVal;
       else if (op === "not_equals") show = depVal !== condVal;
       else if (op === "contains") show = depVal.indexOf(condVal) >= 0;
       el.style.display = show ? "" : "none";
       el.dataset.hidden = show ? "" : "1";
+      el.querySelectorAll("input, textarea, select, button").forEach(function(control) {
+        control.disabled = !show;
+      });
     });
   }
 
   function getFieldValue(id) {
-    var el = document.querySelector('[name="' + id + '"]');
-    if (!el) return "";
-    if (el.type === "checkbox" && !el.closest(".ms-group")) return el.checked ? "true" : "";
-    return el.value || "";
+    var controls = document.getElementsByName(id);
+    if (!controls.length) return "";
+    var first = controls[0];
+    if (first.type === "checkbox") {
+      if (controls.length > 1) {
+        return Array.prototype.map.call(controls, function(control) {
+          return control.checked ? control.value : "";
+        }).filter(Boolean);
+      }
+      return first.checked ? "true" : "false";
+    }
+    if (first.type === "radio") {
+      for (var i = 0; i < controls.length; i++) {
+        if (controls[i].checked) return controls[i].value || "";
+      }
+      return "";
+    }
+    return first.value || "";
   }
 
   document.getElementById("mainForm").addEventListener("input", updateVisibility);

package/corpus/templates/forms/server/lib/validate-fields.ts

@@ -4,6 +4,7 @@
 // runtime — an unrestricted id like `x" onfocus="alert(1)` would otherwise
 // stored-XSS every anonymous submitter of a published form.
 export const FIELD_ID_PATTERN = /^[A-Za-z0-9_-]+$/;
+const CONDITIONAL_OPERATORS = new Set(["equals", "not_equals", "contains"]);
 
 export function assertValidFields(fields: unknown): void {
   if (!Array.isArray(fields)) {
@@ -28,17 +29,30 @@ export function assertValidFields(fields: unknown): void {
     seenIds.add(id);
 
     const cond = f.conditional;
-    if (cond && typeof cond === "object") {
-      const condFieldId = (cond as Record<string, unknown>).fieldId;
-      if (condFieldId !== undefined) {
-        if (
-          typeof condFieldId !== "string" ||
-          !FIELD_ID_PATTERN.test(condFieldId)
-        ) {
-          throw new Error(
-            `field #${idx + 1} conditional.fieldId ${JSON.stringify(condFieldId)} is invalid — must match ${FIELD_ID_PATTERN.source}`,
-          );
-        }
+    if (cond !== undefined) {
+      if (cond == null || typeof cond !== "object") {
+        throw new Error(`field #${idx + 1} conditional must be an object`);
+      }
+      const condition = cond as Record<string, unknown>;
+      const condFieldId = condition.fieldId;
+      if (
+        typeof condFieldId !== "string" ||
+        !FIELD_ID_PATTERN.test(condFieldId)
+      ) {
+        throw new Error(
+          `field #${idx + 1} conditional.fieldId ${JSON.stringify(condFieldId)} is invalid — must match ${FIELD_ID_PATTERN.source}`,
+        );
+      }
+      if (
+        typeof condition.operator !== "string" ||
+        !CONDITIONAL_OPERATORS.has(condition.operator)
+      ) {
+        throw new Error(
+          `field #${idx + 1} conditional.operator must be equals, not_equals, or contains`,
+        );
+      }
+      if (typeof condition.value !== "string") {
+        throw new Error(`field #${idx + 1} conditional.value must be a string`);
       }
     }
 
@@ -69,4 +83,27 @@ export function assertValidFields(fields: unknown): void {
       }
     }
   }
+
+  const fieldIndexes = new Map(
+    fields.map((field, index) => [
+      (field as Record<string, unknown>).id,
+      index,
+    ]),
+  );
+  for (const [idx, field] of fields.entries()) {
+    const condition = (field as Record<string, unknown>).conditional;
+    if (!condition || typeof condition !== "object") continue;
+    const condFieldId = (condition as Record<string, unknown>).fieldId;
+    const sourceIndex = fieldIndexes.get(condFieldId);
+    if (sourceIndex === undefined) {
+      throw new Error(
+        `field #${idx + 1} conditional.fieldId ${JSON.stringify(condFieldId)} does not reference a field in this form`,
+      );
+    }
+    if (sourceIndex >= idx) {
+      throw new Error(
+        `field #${idx + 1} conditional.fieldId must reference an earlier field`,
+      );
+    }
+  }
 }

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

@@ -18,6 +18,7 @@ Core rules:
 - When the user asks for an anonymous feedback form or survey, create the complete form atomically with \`status: "published"\`, then return the exact public response URL from the successful action result. Do not return only the private editor link, and do not claim it is live without verifying the saved status and fields.
 - Use \`preview-form\` when the user asks about a form's setup, fields, configuration, publish state, or response count. It renders a native chat summary.
 - When the user wants email notifications for new responses, set \`settings.emailOnNewResponses: true\` with \`create-form\` or \`update-form\`; notifications go to the form owner's account email.
+- When the user wants Slack, Discord, Google Sheets, or webhook notifications, explain that Forms already supports them from the form builder's Integrations tab and navigate there with \`tab: "integrations"\`. Slack uses an Incoming Webhook URL; Google Sheets uses a deployed Apps Script \`/exec\` URL that parses \`e.postData.contents\`. Do not redirect users to the managed Messaging integration for these form destinations.
 - Use \`response-insights\` for response analytics. Do not invent SQL or fake chart data. Pass \`displayMode: "chart"\` for chart-only requests, \`displayMode: "table"\` only when the user asks for a table/rows, and \`displayMode: "insights"\` only for combined dashboards or reports.
 - Use \`list-responses\` and \`export-responses\` for response data review and export. When the user asks to see, open, or view all responses for a form, call \`navigate\` with \`view: "responses"\` instead of listing rows in chat.
 - Use \`navigate\` to open focused workspace views such as the forms list, builder, published preview, responses, response insights, extensions, or team/settings views. For builder sub-tabs, pass \`view=form\`, the form ID, and \`tab=edit|responses|settings|integrations\`.

package/corpus/templates/forms/shared/conditional.ts

@@ -0,0 +1,67 @@
+import type { FormField } from "./types.js";
+
+export function conditionalValue(value: unknown): string {
+  if (Array.isArray(value)) return value.map(conditionalValue).join(",");
+  if (value === true) return "true";
+  if (value === false) return "false";
+  if (value == null) return "";
+  return String(value);
+}
+
+export function isConditionalFieldVisible(
+  field: Pick<FormField, "conditional">,
+  values: Record<string, unknown>,
+): boolean {
+  const condition = field.conditional;
+  if (!condition) return true;
+
+  if (
+    typeof condition.fieldId !== "string" ||
+    typeof condition.value !== "string"
+  ) {
+    return false;
+  }
+
+  const rawValue = values[condition.fieldId];
+  if (Array.isArray(rawValue)) {
+    const selectedValues = rawValue.map(conditionalValue);
+    switch (condition.operator) {
+      case "equals":
+        return (
+          selectedValues.length === 1 && selectedValues[0] === condition.value
+        );
+      case "not_equals":
+        return !selectedValues.includes(condition.value);
+      case "contains":
+        return selectedValues.includes(condition.value);
+      default:
+        return false;
+    }
+  }
+
+  const currentValue = conditionalValue(rawValue);
+  switch (condition.operator) {
+    case "equals":
+      return currentValue === condition.value;
+    case "not_equals":
+      return currentValue !== condition.value;
+    case "contains":
+      return currentValue.includes(condition.value);
+    default:
+      return false;
+  }
+}
+
+export function sanitizeConditionalValues(
+  fields: FormField[],
+  values: Record<string, unknown>,
+): Record<string, unknown> {
+  const visibleValues: Record<string, unknown> = {};
+  for (const field of fields) {
+    if (!isConditionalFieldVisible(field, visibleValues)) continue;
+    if (Object.prototype.hasOwnProperty.call(values, field.id)) {
+      visibleValues[field.id] = values[field.id];
+    }
+  }
+  return visibleValues;
+}

package/corpus/templates/macros/app/components/layout/AppLayout.tsx

@@ -1,7 +1,6 @@
 import { AgentSidebar } from "@agent-native/core/client/agent-chat";
 import { agentNativePath, appPath } from "@agent-native/core/client/api-path";
 import { DevDatabaseLink } from "@agent-native/core/client/db-admin";
-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";
@@ -39,6 +38,9 @@ import { Header } from "./Header";
 const navItems = [
   { icon: IconFlame, labelKey: "navigation.entry", href: "/" },
   { icon: IconChartBar, labelKey: "navigation.analytics", href: "/analytics" },
+];
+
+const bottomNavItems = [
   { icon: IconHierarchy2, labelKey: "settings.agentTitle", href: "/agent" },
   { icon: IconSettings, labelKey: "navigation.settings", href: "/settings" },
 ];
@@ -287,12 +289,41 @@ function SidebarContent({
         })}
       </nav>
 
+      <nav className="grid shrink-0 gap-1 px-2 py-1">
+        {bottomNavItems.map((item) => {
+          const Icon = item.icon;
+          const label = t(item.labelKey);
+          const isActive = pathname.startsWith(item.href);
+          const link = (
+            <Link
+              key={item.href}
+              to={item.href}
+              aria-label={collapsed ? label : undefined}
+              className={cn(
+                "flex h-9 items-center rounded-lg text-sm transition-colors",
+                collapsed ? "justify-center px-0" : "gap-3 px-3",
+                isActive
+                  ? "bg-sidebar-accent text-sidebar-accent-foreground"
+                  : "text-muted-foreground hover:bg-sidebar-accent/50 hover:text-foreground",
+              )}
+            >
+              <Icon className="h-4 w-4 shrink-0" />
+              {!collapsed && label}
+            </Link>
+          );
+          return collapsed ? (
+            <Tooltip key={item.href}>
+              <TooltipTrigger asChild>{link}</TooltipTrigger>
+              <TooltipContent side="right">{label}</TooltipContent>
+            </Tooltip>
+          ) : (
+            link
+          );
+        })}
+      </nav>
+
       {!collapsed && (
         <>
-          <div className="px-2 py-2">
-            <ExtensionsSidebarSection />
-          </div>
-
           <div className="space-y-2 px-3 py-2">
             <DevDatabaseLink />
             <FeedbackButton />

package/corpus/templates/macros/app/routes/extensions._index.tsx

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

package/corpus/templates/macros/netlify.toml

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

package/corpus/templates/mail/app/components/layout/AppLayout.tsx

@@ -5,7 +5,6 @@ import {
 import { agentNativePath } from "@agent-native/core/client/api-path";
 import { appApiPath } from "@agent-native/core/client/api-path";
 import { DevDatabaseLink } from "@agent-native/core/client/db-admin";
-import { ExtensionsSidebarSection } from "@agent-native/core/client/extensions";
 import { useT } from "@agent-native/core/client/i18n";
 import { InvitationBanner, OrgSwitcher } from "@agent-native/core/client/org";
 import { FeedbackButton } from "@agent-native/core/client/ui";
@@ -1740,10 +1739,6 @@ function AppLayoutInner({ children }: AppLayoutProps) {
                   </div>
 
                   <div className="shrink-0">
-                    <div className="px-2 py-1">
-                      <ExtensionsSidebarSection />
-                    </div>
-
                     <div className="px-3 py-2">
                       <OrgSwitcher />
                     </div>
@@ -2112,10 +2107,6 @@ function StandardLayout({ children }: AppLayoutProps) {
           </div>
 
           <div className="shrink-0">
-            <div className="px-2 py-1">
-              <ExtensionsSidebarSection />
-            </div>
-
             <div className="px-3 py-2">
               <OrgSwitcher />
             </div>

package/corpus/templates/mail/app/routes/extensions._index.tsx

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

package/corpus/templates/mail/netlify.toml

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

package/corpus/templates/plan/app/components/layout/Sidebar.tsx

@@ -9,7 +9,6 @@ import { useCodeMode } from "@agent-native/core/client/agent-chat";
 import { agentNativePath, appPath } from "@agent-native/core/client/api-path";
 import { PromptComposer } from "@agent-native/core/client/composer";
 import { DevDatabaseLink } from "@agent-native/core/client/db-admin";
-import { ExtensionsSidebarSection } from "@agent-native/core/client/extensions";
 import { useSession } from "@agent-native/core/client/hooks";
 import { useT } from "@agent-native/core/client/i18n";
 import { OrgSwitcher } from "@agent-native/core/client/org";
@@ -73,6 +72,9 @@ function buildBrandingCustomizationMessage(request: string) {
 const navItems = [
   { icon: IconMessageCircle, labelKey: "navigation.ask", href: "/" },
   { icon: IconClipboardCheck, labelKey: "navigation.plan", href: "/plans" },
+];
+
+const bottomNavItems = [
   { icon: IconHierarchy2, labelKey: "settings.agentTitle", href: "/agent" },
   { icon: IconSettings, labelKey: "navigation.settings", href: "/settings" },
 ];
@@ -638,12 +640,43 @@ export function Sidebar({
         })}
       </nav>
 
+      <nav className="grid shrink-0 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={cn(
+                "flex items-center gap-3 rounded-lg px-3 py-2 text-sm transition-colors",
+                isActive
+                  ? "bg-sidebar-accent text-sidebar-accent-foreground"
+                  : "text-muted-foreground hover:bg-sidebar-accent/50 hover:text-foreground",
+                collapsed && "justify-center gap-0 px-0",
+              )}
+              aria-label={collapsed ? t(item.labelKey) : undefined}
+            >
+              <Icon className="h-4 w-4 shrink-0" />
+              {collapsed ? (
+                <span className="sr-only">{t(item.labelKey)}</span>
+              ) : (
+                t(item.labelKey)
+              )}
+            </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>
+
       {!collapsed && session ? (
         <>
-          <div className="px-2 py-2">
-            <ExtensionsSidebarSection />
-          </div>
-
           <div className="space-y-2 px-3 py-2">
             <DevDatabaseLink />
             <div className="flex items-center justify-end gap-1">

package/corpus/templates/plan/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/corpus/templates/plan/netlify.toml

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

package/corpus/templates/slides/app/components/layout/Sidebar.tsx

@@ -1,6 +1,5 @@
 import { appPath } from "@agent-native/core/client/api-path";
 import { DevDatabaseLink } from "@agent-native/core/client/db-admin";
-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";
@@ -28,6 +27,9 @@ const navItems = [
     labelKey: "navigation.designSystems",
     href: "/design-systems",
   },
+];
+
+const bottomNavItems = [
   { icon: IconHierarchy2, labelKey: "settings.agentTitle", href: "/agent" },
   { icon: IconSettings, labelKey: "navigation.settings", href: "/settings" },
 ];
@@ -92,6 +94,29 @@ export function Sidebar({ collapsed, onToggleCollapsed }: SidebarProps) {
             );
           })}
         </nav>
+        <nav className="flex shrink-0 flex-col items-center gap-1 py-1">
+          {bottomNavItems.map((item) => {
+            const Icon = item.icon;
+            return (
+              <Tooltip key={item.href} delayDuration={0}>
+                <TooltipTrigger asChild>
+                  <Link
+                    to={item.href}
+                    aria-label={t(item.labelKey)}
+                    className={cn(
+                      "flex h-9 w-9 items-center justify-center rounded-md text-muted-foreground hover:bg-sidebar-accent/50 hover:text-foreground",
+                      isItemActive(item.href) &&
+                        "bg-sidebar-accent text-sidebar-accent-foreground",
+                    )}
+                  >
+                    <Icon className="h-4 w-4 shrink-0" />
+                  </Link>
+                </TooltipTrigger>
+                <TooltipContent side="right">{t(item.labelKey)}</TooltipContent>
+              </Tooltip>
+            );
+          })}
+        </nav>
       </aside>
     );
   }
@@ -156,9 +181,27 @@ export function Sidebar({ collapsed, onToggleCollapsed }: SidebarProps) {
         </nav>
 
         <div className="mt-auto shrink-0">
-          <div className="px-2 py-1">
-            <ExtensionsSidebarSection />
-          </div>
+          <nav className="space-y-1 px-2 py-1">
+            {bottomNavItems.map((item) => {
+              const Icon = item.icon;
+              const isActive = isItemActive(item.href);
+              return (
+                <Link
+                  key={item.href}
+                  to={item.href}
+                  className={cn(
+                    "flex items-center gap-3 rounded-lg px-3 py-2 text-sm",
+                    isActive
+                      ? "bg-sidebar-accent text-sidebar-accent-foreground"
+                      : "text-muted-foreground hover:bg-sidebar-accent/50 hover:text-foreground",
+                  )}
+                >
+                  <Icon className="h-4 w-4 shrink-0" />
+                  {t(item.labelKey)}
+                </Link>
+              );
+            })}
+          </nav>
 
           <div className="px-3 py-2">
             <OrgSwitcher />

package/corpus/templates/slides/app/routes/extensions._index.tsx

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

package/corpus/templates/slides/netlify.toml

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

package/corpus/templates/tasks/app/components/layout/Sidebar.tsx

@@ -1,5 +1,4 @@
 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";
@@ -9,6 +8,7 @@ import {
   IconInbox,
   IconLayoutSidebarLeftCollapse,
   IconLayoutSidebarLeftExpand,
+  IconSettings,
 } from "@tabler/icons-react";
 import { Link, useLocation } from "react-router";
 
@@ -26,6 +26,10 @@ const NAV_ITEMS = [
   { icon: IconForms, labelKey: "sidebar.navFields", href: "/fields" },
 ];
 
+const BOTTOM_NAV_ITEMS = [
+  { icon: IconSettings, labelKey: "header.pageSettings", href: "/settings" },
+];
+
 interface SidebarProps {
   collapsed?: boolean;
   collapsible?: boolean;
@@ -165,11 +169,38 @@ export function Sidebar({
           collapsed && "border-t border-sidebar-border py-2",
         )}
       >
-        {!collapsed ? (
-          <div className="border-t border-sidebar-border px-2 py-1">
-            <ExtensionsSidebarSection />
-          </div>
-        ) : null}
+        <nav
+          className={cn(
+            "grid gap-1",
+            collapsed
+              ? "px-1 py-1"
+              : "border-t border-sidebar-border px-3 py-2",
+          )}
+        >
+          {BOTTOM_NAV_ITEMS.map((item) => {
+            const Icon = item.icon;
+            const isActive = location.pathname.startsWith(item.href);
+            return (
+              <Link
+                key={item.href}
+                to={item.href}
+                aria-label={collapsed ? t(item.labelKey) : undefined}
+                className={cn(
+                  "flex items-center rounded-md text-sm",
+                  collapsed ? "h-9 justify-center px-0" : "gap-3 px-3 py-2",
+                  isActive
+                    ? "bg-sidebar-accent text-sidebar-accent-foreground"
+                    : "text-sidebar-foreground hover:bg-sidebar-accent/65 hover:text-sidebar-accent-foreground",
+                )}
+              >
+                <Icon className="size-4 shrink-0" />
+                <span className={collapsed ? "sr-only" : "truncate"}>
+                  {t(item.labelKey)}
+                </span>
+              </Link>
+            );
+          })}
+        </nav>
 
         <div
           className={cn(

package/corpus/templates/tasks/app/routes/extensions._index.tsx

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

package/corpus/templates/tasks/app/routes/settings.tsx

@@ -0,0 +1,31 @@
+import { useT } from "@agent-native/core/client/i18n";
+import {
+  SettingsTabsPage,
+  useAgentSettingsTabs,
+} from "@agent-native/core/client/settings";
+import { useSetPageTitle } from "@agent-native/toolkit/app-shell";
+
+import { APP_TITLE } from "@/lib/app-config";
+
+export function meta() {
+  return [{ title: `Settings - ${APP_TITLE}` }];
+}
+
+export default function SettingsRoute() {
+  const t = useT();
+  const agentSettingsTabs = useAgentSettingsTabs();
+  useSetPageTitle(t("header.pageSettings"));
+
+  return (
+    <SettingsTabsPage
+      extraTabs={agentSettingsTabs}
+      general={
+        <div className="mx-auto w-full max-w-2xl">
+          <p className="text-sm leading-6 text-muted-foreground">
+            {t("header.pageSettings")}
+          </p>
+        </div>
+      }
+    />
+  );
+}

package/corpus/templates/tasks/netlify.toml

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