@agent-native/core 0.79.16 → 0.79.18

package/corpus/templates/analytics/server/lib/dashboard-catalog.ts

@@ -31,6 +31,7 @@ export type CatalogDashboardConfig = SqlDashboardConfig & {
 
 export type DashboardCatalogEntry = DashboardCatalogMetadata & {
   buildConfig: () => SqlDashboardConfig;
+  visibleInCatalog?: boolean;
 };
 
 export type InstalledDashboardSummary = {
@@ -906,7 +907,7 @@ export const dashboardCatalogEntries: DashboardCatalogEntry[] = [
     id: "demo-node-exporter",
     name: "Demo Node Exporter Full",
     description:
-      "The full Node Exporter dashboard, backed by the built-in demo Prometheus endpoint without consuming the Prometheus source slot.",
+      "Explore CPU, memory, disk, network, filesystem, and load metrics using built-in sample Prometheus data, with no data source setup required.",
     category: "Observability",
     defaultDashboardId: "demo-node-exporter",
     dataSources: ["demo"],
@@ -940,6 +941,7 @@ export const dashboardCatalogEntries: DashboardCatalogEntry[] = [
     panelCount: 34,
     version: CATALOG_VERSION,
     recommended: true,
+    visibleInCatalog: false,
     buildConfig: () => seedConfig("agent-native-templates-first-party"),
   },
   {
@@ -954,13 +956,14 @@ export const dashboardCatalogEntries: DashboardCatalogEntry[] = [
     panelCount: 12,
     version: CATALOG_VERSION,
     recommended: true,
+    visibleInCatalog: false,
     buildConfig: () => seedConfig("skills-cli-funnel"),
   },
   {
     id: "google-analytics-web",
     name: "Google Analytics Website",
     description:
-      "GA4 traffic, engagement, acquisition, top pages, and geography.",
+      "Track GA4 website traffic, engagement, acquisition channels, top pages, geography, and browser/device mix.",
     category: "Acquisition",
     defaultDashboardId: "google-analytics",
     dataSources: ["ga4"],
@@ -973,7 +976,7 @@ export const dashboardCatalogEntries: DashboardCatalogEntry[] = [
     id: "node-exporter-macos",
     name: "Node Exporter macOS",
     description:
-      "A comprehensive Darwin/macOS Prometheus host dashboard for Homebrew node_exporter metrics.",
+      "Monitor macOS host CPU, memory, disk, filesystem, network, load, and Homebrew node_exporter health from Prometheus.",
     category: "Observability",
     defaultDashboardId: "node-exporter-macos",
     dataSources: ["prometheus"],
@@ -987,7 +990,7 @@ export const dashboardCatalogEntries: DashboardCatalogEntry[] = [
     id: "node-exporter-full",
     name: "Node Exporter Full",
     description:
-      "Linux node_exporter host observability plus Prometheus demo-app traffic, latency, and workload panels.",
+      "Monitor Linux host CPU, memory, disk, filesystem, network, and load, plus Prometheus demo-app traffic and latency panels.",
     category: "Observability",
     defaultDashboardId: "node-exporter-full",
     dataSources: ["prometheus"],
@@ -1050,31 +1053,37 @@ export async function listDashboardCatalog(
     hidden: "all",
   });
 
-  return dashboardCatalogEntries.map((entry) => {
-    const installedDashboards = dashboards
-      .filter((row) => installedDashboardForTemplate(row, entry))
-      .map((row) => ({
-        id: row.id,
-        name:
-          typeof row.config.name === "string" && row.config.name.trim()
-            ? row.config.name
-            : row.title,
-        visibility: row.visibility,
-        updatedAt: row.updatedAt,
-        archivedAt: row.archivedAt,
-      }))
-      .sort(
-        (a, b) =>
-          new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime(),
-      );
+  return dashboardCatalogEntries
+    .filter((entry) => entry.visibleInCatalog !== false)
+    .map((entry) => {
+      const installedDashboards = dashboards
+        .filter((row) => installedDashboardForTemplate(row, entry))
+        .map((row) => ({
+          id: row.id,
+          name:
+            typeof row.config.name === "string" && row.config.name.trim()
+              ? row.config.name
+              : row.title,
+          visibility: row.visibility,
+          updatedAt: row.updatedAt,
+          archivedAt: row.archivedAt,
+        }))
+        .sort(
+          (a, b) =>
+            new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime(),
+        );
 
-    const { buildConfig: _buildConfig, ...metadata } = entry;
-    return {
-      ...metadata,
-      installedDashboards,
-      installed: installedDashboards.length > 0,
-    };
-  });
+      const {
+        buildConfig: _buildConfig,
+        visibleInCatalog: _visibleInCatalog,
+        ...metadata
+      } = entry;
+      return {
+        ...metadata,
+        installedDashboards,
+        installed: installedDashboards.length > 0,
+      };
+    });
 }
 
 export function applyCatalogMetadata(

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

@@ -1,6 +1,7 @@
 import {
   ChangelogSettingsCard,
   LanguagePicker,
+  SettingsTabsPage,
   agentNativePath,
   openAgentSettings,
   useActionQuery,
@@ -13,6 +14,7 @@ import {
   type OnboardingMethod,
   type OnboardingStepStatus,
 } from "@agent-native/core/client/onboarding";
+import { TeamPage } from "@agent-native/core/client/org";
 import {
   IconAlertCircle,
   IconCheck,
@@ -81,51 +83,71 @@ export default function SettingsPage() {
     <PageShell
       title={t("settings.title")}
       description={t("settings.description")}
-      className="max-w-4xl space-y-6"
+      className="max-w-5xl"
     >
-      <div className="max-w-2xl">
-        <ChangelogSettingsCard markdown={changelog} />
-      </div>
-
-      <div className="max-w-2xl">
-        <h2 className="text-lg font-semibold tracking-tight">
-          {t("settings.connections")}
-        </h2>
-        <p className="mt-1 text-sm leading-6 text-muted-foreground">
-          {t("settings.connectionsDescription")}
-        </p>
-      </div>
+      <SettingsTabsPage
+        teamLabel={t("team.title")}
+        general={
+          <div className="mx-auto w-full max-w-2xl space-y-6">
+            <div>
+              <h2 className="text-lg font-semibold tracking-tight">
+                {t("settings.connections")}
+              </h2>
+              <p className="mt-1 text-sm leading-6 text-muted-foreground">
+                {t("settings.connectionsDescription")}
+              </p>
+            </div>
 
-      <Card className="max-w-2xl">
-        <CardHeader>
-          <CardTitle className="text-base">
-            {t("settings.languageTitle")}
-          </CardTitle>
-          <CardDescription>{t("settings.languageDescription")}</CardDescription>
-        </CardHeader>
-        <CardContent className="max-w-xs space-y-1.5">
-          <Label>{t("settings.languageLabel")}</Label>
-          <LanguagePicker label={t("settings.languageLabel")} />
-        </CardContent>
-      </Card>
-
-      <Card className="max-w-2xl">
-        <CardHeader>
-          <CardTitle className="text-base">
-            {t("settings.agentTitle")}
-          </CardTitle>
-          <CardDescription>{t("settings.agentDescription")}</CardDescription>
-        </CardHeader>
-        <CardContent>
-          <Button variant="outline" onClick={() => openAgentSettings()}>
-            {t("settings.openAgentSettings")}
-          </Button>
-        </CardContent>
-      </Card>
-
-      <section id="asset-generation-setup" className="scroll-mt-4">
-        <AssetsSetupCard libraryCount={data?.count ?? 0} />
-      </section>
+            <Card>
+              <CardHeader>
+                <CardTitle className="text-base">
+                  {t("settings.languageTitle")}
+                </CardTitle>
+                <CardDescription>
+                  {t("settings.languageDescription")}
+                </CardDescription>
+              </CardHeader>
+              <CardContent className="max-w-xs space-y-1.5">
+                <Label>{t("settings.languageLabel")}</Label>
+                <LanguagePicker label={t("settings.languageLabel")} />
+              </CardContent>
+            </Card>
+
+            <Card>
+              <CardHeader>
+                <CardTitle className="text-base">
+                  {t("settings.agentTitle")}
+                </CardTitle>
+                <CardDescription>
+                  {t("settings.agentDescription")}
+                </CardDescription>
+              </CardHeader>
+              <CardContent>
+                <Button variant="outline" onClick={() => openAgentSettings()}>
+                  {t("settings.openAgentSettings")}
+                </Button>
+              </CardContent>
+            </Card>
+
+            <section id="asset-generation-setup" className="scroll-mt-4">
+              <AssetsSetupCard libraryCount={data?.count ?? 0} />
+            </section>
+          </div>
+        }
+        team={
+          <div className="mx-auto w-full max-w-2xl">
+            <TeamPage
+              showTitle={false}
+              createOrgDescription={t("team.createOrgDescription")}
+            />
+          </div>
+        }
+        whatsNew={
+          <div className="mx-auto w-full max-w-2xl">
+            <ChangelogSettingsCard markdown={changelog} />
+          </div>
+        }
+      />
     </PageShell>
   );
 }

package/corpus/templates/assets/app/routes/team.tsx

@@ -1,7 +1,5 @@
-import { useT } from "@agent-native/core/client";
-import { TeamPage } from "@agent-native/core/client/org";
+import { Navigate } from "react-router";
 
-import { useSetPageTitle } from "@/components/layout/HeaderActions";
 import { messagesByLocale } from "@/i18n-data";
 
 export function meta() {
@@ -9,11 +7,5 @@ export function meta() {
 }
 
 export default function TeamRoute() {
-  const t = useT();
-  useSetPageTitle(t("team.title"));
-  return (
-    <main className="mx-auto w-full max-w-3xl px-4 py-6 sm:px-6 sm:py-10">
-      <TeamPage createOrgDescription={t("team.createOrgDescription")} />
-    </main>
-  );
+  return <Navigate to="/settings#team" replace />;
 }