@agent-native/core 0.120.1 → 0.120.3

package/corpus/templates/analytics/actions/list-dashboard-usage-stats.ts

@@ -1,6 +1,6 @@
 import { defineAction } from "@agent-native/core/action";
 import { buildDeepLink } from "@agent-native/core/server";
-import { and, eq, like, or, sql } from "drizzle-orm";
+import { and, eq, isNull, like, or, sql } from "drizzle-orm";
 import { z } from "zod";
 
 import { getDb, schema } from "../server/db/index.js";
@@ -21,6 +21,7 @@ type DashboardUsageStats = {
   viewCount: number;
   engagementCount: number;
   eventEngagementCount: number;
+  editCount: number;
   savedViewCount: number;
   uniqueUserCount: number;
   lastViewedAt: string | null;
@@ -96,6 +97,8 @@ export function dashboardIdFromEventLocation(
   if (!raw) return null;
   try {
     const parsed = new URL(raw, "https://analytics.local");
+    const parsedDashboardId = dashboardIdFromPath(parsed.pathname);
+    if (parsedDashboardId) return parsedDashboardId;
     if (
       /(?:^|\/)(?:dashboards|adhoc)\/explorer-dashboard$/.test(parsed.pathname)
     ) {
@@ -124,7 +127,7 @@ function dashboardUrl(row: { id: string; kind: string }): string {
 
 export default defineAction({
   description:
-    "List admin-only dashboard usage and cleanup stats for every dashboard in the active organization. Includes lifecycle metadata, owner, last tracked modifier, pageviews, engagement events, unique viewers, saved view counts, archive/hidden state, and dashboard links. Requires active organization owner/admin role.",
+    "List admin-only dashboard usage and cleanup stats for every dashboard in the active organization. Includes lifecycle metadata, owner, last tracked modifier, pageviews, edit counts, engagement events, unique viewers, saved view counts, archive/hidden state, and dashboard links. Requires active organization owner/admin role.",
   schema: z.object({}),
   http: { method: "GET" },
   readOnly: true,
@@ -144,24 +147,120 @@ export default defineAction({
     // guard:allow-unscoped — org owner/admin audit intentionally spans all
     // dashboard rows in the active org after requireDbAdminContextFromRequest.
     const dashboardRows = await db
-      .select()
+      .select({
+        id: schema.dashboards.id,
+        kind: schema.dashboards.kind,
+        title: schema.dashboards.title,
+        config: schema.dashboards.config,
+        ownerEmail: schema.dashboards.ownerEmail,
+        visibility: schema.dashboards.visibility,
+        createdAt: schema.dashboards.createdAt,
+        updatedAt: schema.dashboards.updatedAt,
+        updatedBy: schema.dashboards.updatedBy,
+        archivedAt: schema.dashboards.archivedAt,
+        hiddenAt: schema.dashboards.hiddenAt,
+        hiddenBy: schema.dashboards.hiddenBy,
+      })
       .from(schema.dashboards)
       .where(eq(schema.dashboards.orgId, admin.orgId));
 
+    if (dashboardRows.length === 0) return [];
+
     const dashboardIds = new Set<string>(
       dashboardRows.map((row: { id: string }) => row.id),
     );
 
-    const savedViewRows = await db
-      .select({
-        dashboardId: schema.dashboardViews.dashboardId,
-        count: sql<number>`count(*)`,
-        lastSavedViewAt: sql<
-          string | null
-        >`max(${schema.dashboardViews.createdAt})`,
-      })
-      .from(schema.dashboardViews)
-      .groupBy(schema.dashboardViews.dashboardId);
+    const analyticsUserIdentity = sql<
+      string | null
+    >`coalesce(nullif(${schema.analyticsEvents.userKey}, ''), nullif(${schema.analyticsEvents.userId}, ''), nullif(${schema.analyticsEvents.anonymousId}, ''), nullif(${schema.analyticsEvents.sessionId}, ''))`;
+    const indexedDashboardEventLocation = or(
+      like(schema.analyticsEvents.path, "/dashboards/%"),
+      like(schema.analyticsEvents.path, "/adhoc/%"),
+    );
+    const legacyAbsoluteUrlDashboardEventLocation = and(
+      or(
+        isNull(schema.analyticsEvents.path),
+        eq(schema.analyticsEvents.path, ""),
+      ),
+      or(
+        like(schema.analyticsEvents.url, "%/dashboards/%"),
+        like(schema.analyticsEvents.url, "%/adhoc/%"),
+      ),
+    );
+    const dashboardEventLocation = or(
+      indexedDashboardEventLocation,
+      legacyAbsoluteUrlDashboardEventLocation,
+    );
+
+    const [savedViewRows, revisionRows, eventRows, eventUserRows] =
+      await Promise.all([
+        db
+          .select({
+            dashboardId: schema.dashboardViews.dashboardId,
+            count: sql<number>`count(*)`,
+            lastSavedViewAt: sql<
+              string | null
+            >`max(${schema.dashboardViews.createdAt})`,
+          })
+          .from(schema.dashboardViews)
+          .innerJoin(
+            schema.dashboards,
+            and(
+              eq(schema.dashboardViews.dashboardId, schema.dashboards.id),
+              eq(schema.dashboards.orgId, admin.orgId),
+            ),
+          )
+          .groupBy(schema.dashboardViews.dashboardId),
+        db
+          .select({
+            dashboardId: schema.dashboardRevisions.dashboardId,
+            count: sql<number>`count(*)`,
+          })
+          .from(schema.dashboardRevisions)
+          .where(eq(schema.dashboardRevisions.orgId, admin.orgId))
+          .groupBy(schema.dashboardRevisions.dashboardId),
+        db
+          .select({
+            path: schema.analyticsEvents.path,
+            url: schema.analyticsEvents.url,
+            eventName: schema.analyticsEvents.eventName,
+            count: sql<number>`count(*)`,
+            lastSeenAt: sql<
+              string | null
+            >`max(${schema.analyticsEvents.receivedAt})`,
+          })
+          .from(schema.analyticsEvents)
+          .where(
+            and(
+              eq(schema.analyticsEvents.orgId, admin.orgId),
+              dashboardEventLocation,
+            ),
+          )
+          .groupBy(
+            schema.analyticsEvents.path,
+            schema.analyticsEvents.url,
+            schema.analyticsEvents.eventName,
+          ),
+        db
+          .select({
+            path: schema.analyticsEvents.path,
+            url: schema.analyticsEvents.url,
+            userIdentity: analyticsUserIdentity,
+          })
+          .from(schema.analyticsEvents)
+          .where(
+            and(
+              eq(schema.analyticsEvents.orgId, admin.orgId),
+              dashboardEventLocation,
+              sql`${analyticsUserIdentity} IS NOT NULL`,
+            ),
+          )
+          .groupBy(
+            schema.analyticsEvents.path,
+            schema.analyticsEvents.url,
+            analyticsUserIdentity,
+          ),
+      ]);
 
     const savedViewsByDashboard = new Map<
       string,
@@ -179,38 +278,15 @@ export default defineAction({
       });
     }
 
-    const analyticsUserIdentity = sql<
-      string | null
-    >`coalesce(nullif(${schema.analyticsEvents.userKey}, ''), nullif(${schema.analyticsEvents.userId}, ''), nullif(${schema.analyticsEvents.anonymousId}, ''), nullif(${schema.analyticsEvents.sessionId}, ''))`;
-    const eventRows = await db
-      .select({
-        path: schema.analyticsEvents.path,
-        url: schema.analyticsEvents.url,
-        eventName: schema.analyticsEvents.eventName,
-        count: sql<number>`count(*)`,
-        userIdentity: analyticsUserIdentity,
-        lastSeenAt: sql<
-          string | null
-        >`max(${schema.analyticsEvents.receivedAt})`,
-      })
-      .from(schema.analyticsEvents)
-      .where(
-        and(
-          eq(schema.analyticsEvents.orgId, admin.orgId),
-          or(
-            like(schema.analyticsEvents.path, "%/dashboards/%"),
-            like(schema.analyticsEvents.path, "%/adhoc/%"),
-            like(schema.analyticsEvents.url, "%/dashboards/%"),
-            like(schema.analyticsEvents.url, "%/adhoc/%"),
-          ),
-        ),
-      )
-      .groupBy(
-        schema.analyticsEvents.path,
-        schema.analyticsEvents.url,
-        schema.analyticsEvents.eventName,
-        analyticsUserIdentity,
-      );
+    const editsByDashboard = new Map<string, number>();
+    for (const row of revisionRows as Array<{
+      dashboardId: string;
+      count: unknown;
+    }>) {
+      if (dashboardIds.has(row.dashboardId)) {
+        editsByDashboard.set(row.dashboardId, toNumber(row.count));
+      }
+    }
 
     const eventsByDashboard = new Map<
       string,
@@ -226,7 +302,6 @@ export default defineAction({
       url: string | null;
       eventName: string;
       count: unknown;
-      userIdentity: string | null;
       lastSeenAt: string | null;
     }>) {
       const dashboardId = dashboardIdFromEventLocation(row.path, row.url);
@@ -248,6 +323,22 @@ export default defineAction({
       } else {
         current.eventEngagementCount += count;
       }
+      eventsByDashboard.set(dashboardId, current);
+    }
+
+    for (const row of eventUserRows as Array<{
+      path: string | null;
+      url: string | null;
+      userIdentity: string | null;
+    }>) {
+      const dashboardId = dashboardIdFromEventLocation(row.path, row.url);
+      if (!dashboardId || !dashboardIds.has(dashboardId)) continue;
+      const current = eventsByDashboard.get(dashboardId) ?? {
+        viewCount: 0,
+        eventEngagementCount: 0,
+        uniqueUsers: new Set<string>(),
+        lastViewedAt: null,
+      };
       if (row.userIdentity) current.uniqueUsers.add(row.userIdentity);
       eventsByDashboard.set(dashboardId, current);
     }
@@ -281,6 +372,7 @@ export default defineAction({
           hiddenBy: row.hiddenBy ?? null,
           viewCount: events.viewCount,
           eventEngagementCount: events.eventEngagementCount,
+          editCount: editsByDashboard.get(row.id) ?? 0,
           savedViewCount: savedViews.count,
           engagementCount: events.eventEngagementCount + savedViews.count,
           uniqueUserCount: events.uniqueUsers.size,
@@ -293,6 +385,8 @@ export default defineAction({
       .sort((a, b) => {
         const views = b.viewCount - a.viewCount;
         if (views !== 0) return views;
+        const edits = b.editCount - a.editCount;
+        if (edits !== 0) return edits;
         return b.updatedAt.localeCompare(a.updatedAt);
       });
   },

package/corpus/templates/analytics/actions/migrate-analytics-artifacts.ts

@@ -0,0 +1,48 @@
+import { defineAction } from "@agent-native/core/action";
+import {
+  getRequestOrgId,
+  getRequestUserEmail,
+} from "@agent-native/core/server";
+import { z } from "zod";
+
+import { requireAnalyticsAdminContext } from "../server/lib/db-admin-connections";
+import {
+  migrateAnalyticsArtifacts,
+  type AnalyticsArtifactMigrationContext,
+} from "../server/lib/migrate-analytics-artifacts.js";
+
+const confirmation = "MIGRATE_ANALYTICS_ARTIFACTS" as const;
+
+export default defineAction({
+  description:
+    "Inventory or consolidate all organization-scoped Analytics dashboards, saved analyses, and extensions into the canonical Dashboards list. The default is a read-only dry run. A write requires an organization owner/admin and confirm=MIGRATE_ANALYTICS_ARTIFACTS; exact duplicates are archived/hidden, source rows remain recoverable, shares are copied, and legacy settings keys are removed only after SQL materialization.",
+  schema: z.object({
+    dryRun: z
+      .boolean()
+      .optional()
+      .default(true)
+      .describe("Inspect the migration without writing when true (default)."),
+    confirm: z
+      .literal(confirmation)
+      .optional()
+      .describe(
+        "Required for writes: MIGRATE_ANALYTICS_ARTIFACTS. Do not send this for a dry run.",
+      ),
+  }),
+  needsApproval: ({ dryRun }) => !dryRun,
+  run: async ({ dryRun, confirm }, ctx) => {
+    const userEmail = getRequestUserEmail() || ctx?.userEmail;
+    const orgId = getRequestOrgId() || ctx?.orgId || null;
+    const admin = await requireAnalyticsAdminContext({ userEmail, orgId });
+    if (!dryRun && confirm !== confirmation) {
+      throw new Error(
+        `Refusing the Analytics organization migration without confirm=${confirmation}. Run a dry run first, then repeat with the exact confirmation token.`,
+      );
+    }
+    const migrationContext: AnalyticsArtifactMigrationContext = {
+      userEmail: admin.userEmail,
+      orgId: admin.orgId,
+    };
+    return migrateAnalyticsArtifacts(migrationContext, { dryRun });
+  },
+});

package/corpus/templates/analytics/actions/save-analysis.ts

@@ -113,9 +113,8 @@ function assertCompactAnalysisPayload(args: {
 
 export default defineAction({
   description:
-    "Save an ad-hoc analysis as a reusable artifact. Do not call this for ordinary in-chat analysis or deep-dive answers unless the user explicitly asks to save/create a reusable analysis, or this turn is re-running an existing saved analysis. Stores the analysis question, instructions for re-running, data sources used, and compact results. " +
-    "This creates a reusable analysis that anyone can re-run later to get updated results. " +
-    "Saved analyses appear in the Analyses sidebar, so do not use this as scratch storage, as a transient summary, or as a duplicate companion artifact when creating a dashboard or extension unless the user explicitly asked for a saved analysis too. " +
+    "Legacy compatibility only: use this to re-run or update an existing saved analysis when the user explicitly names its legacy analysis id or asks to preserve that legacy record. Do not call this to create a new saved analysis, report, visualization, or bespoke workflow; new requests become dashboards, using update-dashboard and embedding any bespoke extension as one or more dashboard panels. Stores the legacy analysis question, instructions for re-running, data sources used, and compact results. " +
+    "Do not use this as scratch storage, a transient summary, or a duplicate companion artifact for a dashboard. " +
     "Call this only after you've gathered real evidence and include non-empty, compact resultData with structured evidence from those data-source action results. For qualitative analyses, resultData may include call/message IDs, short transcript excerpts, coded themes, mention counts, and sentiment labels derived from actual source records. Never include full Gong transcripts, full tool outputs, or bulk raw provider payloads.",
   schema: z.object({
     id: z

package/corpus/templates/analytics/actions/view-screen.ts

@@ -438,7 +438,7 @@ export default defineAction({
           includes: [
             "dashboard created and modified dates",
             "last tracked modifier",
-            "view and engagement counts",
+            "view, edit, and engagement counts",
             "saved view counts",
             "hidden and archived state",
           ],

package/corpus/templates/analytics/app/components/dashboard/CumulativeNetChart.tsx

@@ -52,7 +52,7 @@ export function CumulativeNetChart({
   const color = isPositive ? "#10b981" : "#ef4444";
 
   return (
-    <Card className="bg-card border-border/50">
+    <Card className="bg-card">
       <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
         <CardTitle className="text-base">{title}</CardTitle>
       </CardHeader>

package/corpus/templates/analytics/app/components/dashboard/DashboardHistoryPanel.tsx

@@ -108,10 +108,7 @@ export function DashboardHistoryPanel({
             ) : (
               <div className="space-y-1">
                 {revisions.map((revision) => (
-                  <div
-                    key={revision.id}
-                    className="rounded-lg border border-border bg-card p-3"
-                  >
+                  <div key={revision.id} className="rounded-lg bg-card p-3">
                     <div className="flex items-start justify-between gap-3">
                       <div className="min-w-0">
                         <p className="truncate text-xs font-medium">

package/corpus/templates/analytics/app/components/dashboard/DashboardMetadata.tsx

@@ -0,0 +1,77 @@
+import { useFormatters, useT } from "@agent-native/core/client/i18n";
+import { IconCalendar, IconClock, IconUser } from "@tabler/icons-react";
+
+interface DashboardMetadataProps {
+  createdAt: string | null;
+  createdBy: string | null;
+  updatedAt: string | null;
+  updatedBy: string | null;
+}
+
+function MetadataRow({
+  icon: Icon,
+  label,
+  value,
+}: {
+  icon: typeof IconCalendar;
+  label: string;
+  value: string;
+}) {
+  return (
+    <div className="flex items-start gap-1.5">
+      <Icon className="mt-0.5 h-3 w-3 shrink-0" />
+      <span className="shrink-0">{label}</span>
+      <span className="min-w-0 truncate text-foreground/80">{value}</span>
+    </div>
+  );
+}
+
+export function DashboardMetadata({
+  createdAt,
+  createdBy,
+  updatedAt,
+  updatedBy,
+}: DashboardMetadataProps) {
+  const t = useT();
+  const { formatDate } = useFormatters();
+
+  function formatMetadataDate(value: string | null): string {
+    if (!value) return t("agents.notTracked");
+    try {
+      return formatDate(value, {
+        year: "numeric",
+        month: "short",
+        day: "numeric",
+        hour: "numeric",
+        minute: "2-digit",
+      });
+    } catch {
+      return value;
+    }
+  }
+
+  return (
+    <div className="flex flex-col gap-1.5 text-xs text-muted-foreground">
+      <MetadataRow
+        icon={IconCalendar}
+        label={t("agents.dashboardMetadataCreated")}
+        value={formatMetadataDate(createdAt)}
+      />
+      <MetadataRow
+        icon={IconUser}
+        label={t("agents.dashboardMetadataCreatedBy")}
+        value={createdBy || t("agents.notTracked")}
+      />
+      <MetadataRow
+        icon={IconClock}
+        label={t("agents.dashboardMetadataUpdated")}
+        value={formatMetadataDate(updatedAt)}
+      />
+      <MetadataRow
+        icon={IconUser}
+        label={t("agents.dashboardMetadataUpdatedBy")}
+        value={updatedBy || t("agents.notTracked")}
+      />
+    </div>
+  );
+}

package/corpus/templates/analytics/app/components/dashboard/DashboardPanelSkeleton.tsx

@@ -8,6 +8,12 @@ export function DashboardPanelSkeleton({
   ...props
 }: ComponentProps<typeof Skeleton>) {
   return (
-    <Skeleton {...props} className={cn("bg-muted-foreground/20", className)} />
+    <Skeleton
+      {...props}
+      className={cn(
+        "dashboard-panel-skeleton bg-muted-foreground/18",
+        className,
+      )}
+    />
   );
 }

package/corpus/templates/analytics/app/components/dashboard/DataTable.tsx

@@ -217,7 +217,7 @@ export function DataTable({
   if (!title) return content;
 
   return (
-    <Card className="bg-card border-border/50">
+    <Card className="bg-card">
       <CardHeader>
         <CardTitle className="text-base">{title}</CardTitle>
       </CardHeader>

package/corpus/templates/analytics/app/components/dashboard/DateRangePicker.tsx

@@ -27,7 +27,7 @@ export function dateRangeToInterval(range: DateRange): number {
 
 export function DateRangePicker({ value, onChange }: DateRangePickerProps) {
   return (
-    <div className="flex items-center gap-1 rounded-lg border border-border p-1">
+    <div className="flex items-center gap-1 rounded-lg bg-card p-1">
       {options.map((opt) => (
         <Button
           key={opt.value}
@@ -35,7 +35,7 @@ export function DateRangePicker({ value, onChange }: DateRangePickerProps) {
           size="sm"
           className={cn(
             "h-7 px-3 text-xs",
-            value === opt.value && "bg-secondary text-secondary-foreground",
+            value === opt.value && "bg-accent text-accent-foreground",
           )}
           onClick={() => onChange(opt.value)}
         >

package/corpus/templates/analytics/app/components/dashboard/MetricCard.tsx

@@ -19,7 +19,7 @@ export function MetricCard({
   error,
 }: MetricCardProps) {
   return (
-    <Card className="bg-card border-border/50">
+    <Card className="bg-card">
       <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
         <CardTitle className="text-sm font-medium text-muted-foreground">
           {title}

package/corpus/templates/analytics/app/components/dashboard/RecentActivity.tsx

@@ -51,7 +51,7 @@ export function RecentActivity() {
   const t = useT();
 
   return (
-    <Card className="col-span-full lg:col-span-3 bg-card border-border/50">
+    <Card className="col-span-full lg:col-span-3 bg-card">
       <CardHeader>
         <CardTitle>{t("dashboard.recentSales")}</CardTitle>
         <CardDescription>

package/corpus/templates/analytics/app/components/dashboard/RevenueChart.tsx

@@ -30,7 +30,7 @@ export function RevenueChart() {
   const t = useT();
 
   return (
-    <Card className="col-span-full lg:col-span-4 bg-card border-border/50">
+    <Card className="col-span-full lg:col-span-4 bg-card">
       <CardHeader>
         <CardTitle>{t("dashboard.revenueOverTime")}</CardTitle>
       </CardHeader>

package/corpus/templates/analytics/app/components/dashboard/RevenueComparisonChart.tsx

@@ -76,7 +76,7 @@ export function RevenueComparisonChart({
   }));
 
   return (
-    <Card className="bg-card border-border/50">
+    <Card className="bg-card">
       <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
         <CardTitle className="text-base">{title}</CardTitle>
       </CardHeader>

package/corpus/templates/analytics/app/components/dashboard/SqlChart.tsx

@@ -12,6 +12,7 @@ import {
   IconChevronRight,
   IconAlertTriangle,
   IconInfoCircle,
+  IconRefresh,
   IconTrendingUp,
   IconTrendingDown,
 } from "@tabler/icons-react";
@@ -174,6 +175,27 @@ const PARTIAL_DAY_KEY_PREFIX = "__sql_chart_partial_day";
 const TABLE_PANEL_MIN_HEIGHT_CLASS = "min-h-[386px]";
 const TABLE_PANEL_SKELETON_ROWS = 10;
 
+export function formatSqlChartError(error: unknown): string {
+  const message =
+    error instanceof Error
+      ? error.message
+      : typeof error === "string"
+        ? error
+        : String(error ?? "");
+  const readableMessage = message
+    .replace(/<[^>]*>/g, " ")
+    .replace(/\s+/g, " ")
+    .trim();
+
+  if (/inactivity timeout|too much time has passed/i.test(readableMessage)) {
+    return "This chart took too long to load. Try again.";
+  }
+  if (/internal server error/i.test(readableMessage)) {
+    return "This chart could not be loaded. Try again.";
+  }
+  return readableMessage || "This chart could not be loaded. Try again.";
+}
+
 function formatYValue(
   value: number,
   formatter?: "number" | "currency" | "percent",
@@ -1108,6 +1130,7 @@ export function SqlChart({
     isLoading,
     isFetching,
     error: queryError,
+    refetch,
   } = useSqlQuery(
     ["sql-chart", panel.id, sql, panel.source],
     sql,
@@ -1117,14 +1140,11 @@ export function SqlChart({
   );
 
   const rawRows = result?.rows ?? [];
-  const queryErrorMessage =
-    queryError instanceof Error
-      ? queryError.message
-      : queryError
-        ? String(queryError)
-        : undefined;
   const error =
-    rawRows.length === 0 ? (result?.error ?? queryErrorMessage) : undefined;
+    rawRows.length === 0
+      ? (result?.error ??
+        (queryError ? formatSqlChartError(queryError) : undefined))
+      : undefined;
 
   const { rows: queryRows, forcedYKeys } = useMemo(() => {
     if (panel.config?.pivot && rawRows.length) {
@@ -1209,9 +1229,21 @@ export function SqlChart({
   if (error) {
     return (
       <div
-        className={`flex flex-1 items-center justify-center px-4 ${placeholderPadY} ${placeholderMinH}`}
+        className={`flex flex-1 flex-col items-center justify-center gap-3 px-4 ${placeholderPadY} ${placeholderMinH}`}
+        role="alert"
       >
-        <p className="text-sm text-red-400 text-center break-all">{error}</p>
+        <p className="text-center text-sm text-red-400 break-all">
+          {formatSqlChartError(error)}
+        </p>
+        <Button
+          type="button"
+          variant="secondary"
+          size="sm"
+          onClick={() => void refetch()}
+        >
+          <IconRefresh className="mr-2 h-3.5 w-3.5" />
+          {t("sqlDashboard.refresh")}
+        </Button>
       </div>
     );
   }

package/corpus/templates/analytics/app/components/dashboard/StatsCard.tsx

@@ -20,7 +20,7 @@ export function StatsCard({
   trend,
 }: StatsCardProps) {
   return (
-    <Card className="bg-card border-border/50 shadow-sm">
+    <Card className="bg-card shadow-sm">
       <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
         <CardTitle className="text-sm font-medium text-muted-foreground">
           {title}

package/corpus/templates/analytics/app/components/dashboard/TimeSeriesChart.tsx

@@ -49,7 +49,7 @@ export function TimeSeriesChart({
   };
 
   return (
-    <Card className="bg-card border-border/50">
+    <Card className="bg-card">
       <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
         <CardTitle className="text-base">{title}</CardTitle>
       </CardHeader>

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

@@ -381,9 +381,11 @@ export function CommandPalette() {
     const openHandler = () => setOpen(true);
     document.addEventListener("keydown", handler);
     window.addEventListener("analytics:open-command-palette", openHandler);
+    window.addEventListener("agent-native:open-command-menu", openHandler);
     return () => {
       document.removeEventListener("keydown", handler);
       window.removeEventListener("analytics:open-command-palette", openHandler);
+      window.removeEventListener("agent-native:open-command-menu", openHandler);
     };
   }, []);