@agent-native/core 0.72.4 → 0.73.0

package/corpus/templates/analytics/app/pages/adhoc/sql-dashboard/PanelEditorDialog.tsx

@@ -73,6 +73,8 @@ export interface PanelFormValues {
   title: string;
   chartType: ChartType;
   source: DataSourceType;
+  /** Legacy storage field retained for existing dashboards. Row widths are
+   *  now inferred from how many panels share the row. */
   width: number;
   /** Section panels only: number of grid columns the panels following this
    *  section should use. Ignored when `chartType` is not `"section"`. */
@@ -226,7 +228,8 @@ function PanelEditorContent({
         `If no source can answer, report the exact unavailable/error result instead of saving a panel with guessed schema or metrics. ` +
         `Use the \`update-dashboard\` action with ops=[{op:'insert', path:'/panels/-', value: <panel>}] ` +
         `to append, or an appropriate index to place the panel in the right spot. ` +
-        `Panel shape: { id (unique slug), title, sql, source ('bigquery'|'ga4'|'amplitude'|'first-party'|'demo'|'prometheus'), chartType ('line'|'area'|'bar'|'metric'|'table'|'pie'|'section'), width (number of grid columns to span, 1..6), tab? (use 'Group / Tab' for grouped tabs), columns? (section panels only — 1..6 grid columns for the panels following this section), config? }. ` +
+        `Panel shape: { id (unique slug), title, sql, source ('bigquery'|'ga4'|'amplitude'|'first-party'|'demo'|'prometheus'), chartType ('line'|'area'|'bar'|'metric'|'table'|'pie'|'section'), width (legacy integer 1..6; set to 1 unless editing existing data), tab? (use 'Group / Tab' for grouped tabs), columns? (section panels only - 1..6 max panels per row for panels following this section), config? }. ` +
+        `Visible layout auto-fits by row: one panel in a row spans the row, two split it, three split it into thirds, up to the section column limit. ` +
         `For amplitude panels, sql is a JSON descriptor: {"event":"event name","groupBy":"property","days":30}. ` +
         `For first-party panels, sql is read-only SQL over analytics_events only; use source 'first-party' and do not call db-query for this datasource. ` +
         `For demo panels, sql uses the same Prometheus JSON descriptor shape as source 'prometheus': {"promql":"rate(http_requests_total[5m])","mode":"range","range":"1h","step":"30s"}. ` +
@@ -310,11 +313,9 @@ function PanelEditorContent({
           </Select>
         </div>
 
-        <div className="grid gap-1.5">
-          <Label>
-            {form.chartType === "section" ? "Section columns" : "Span"}
-          </Label>
-          {form.chartType === "section" ? (
+        {form.chartType === "section" ? (
+          <div className="grid gap-1.5">
+            <Label>Section columns</Label>
             <ToggleGroup
               type="single"
               value={String(form.columns)}
@@ -338,32 +339,8 @@ function PanelEditorContent({
                 </ToggleGroupItem>
               ))}
             </ToggleGroup>
-          ) : (
-            <ToggleGroup
-              type="single"
-              value={String(form.width)}
-              onValueChange={(v) => {
-                if (!v) return;
-                const next = clampPanelWidth(Number(v), MAX_DASHBOARD_COLUMNS);
-                setForm((f) => ({ ...f, width: next }));
-              }}
-              className="justify-start h-9"
-            >
-              {Array.from(
-                { length: MAX_DASHBOARD_COLUMNS },
-                (_, i) => i + 1,
-              ).map((n) => (
-                <ToggleGroupItem
-                  key={n}
-                  value={String(n)}
-                  className="h-9 w-9 px-0 text-xs"
-                >
-                  {n}
-                </ToggleGroupItem>
-              ))}
-            </ToggleGroup>
-          )}
-        </div>
+          </div>
+        ) : null}
       </div>
 
       <div className="grid gap-1.5">

package/corpus/templates/analytics/app/pages/adhoc/sql-dashboard/SqlChartCard.tsx

@@ -2,8 +2,6 @@ import { useCallback, useEffect, useRef, useState } from "react";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import {
   IconGripVertical,
-  IconArrowsMaximize,
-  IconArrowsMinimize,
   IconDotsVertical,
   IconMaximize,
   IconPencil,
@@ -49,13 +47,6 @@ interface SqlChartCardProps {
   panel: SqlPanel;
   resolvedSql?: string;
   onRemove: () => void;
-  /** Toggle between "span 1 column" and "span all columns of the current
-   *  section". Optional because section panels never expose this control. */
-  onToggleWidth?: () => void;
-  /** Number of columns in the section this panel currently lives in. Used to
-   *  decide the toggle label / icon: when the panel already spans the full
-   *  row, we offer to shrink; otherwise we offer to expand. */
-  gridColumns?: number;
   onEdit?: () => void;
   /** Persist a SQL-only edit from the inline View SQL popover. Should throw on
    *  validation failure so the popover can stay open and surface the error. */
@@ -67,8 +58,6 @@ export function SqlChartCard({
   panel,
   resolvedSql,
   onRemove,
-  onToggleWidth,
-  gridColumns,
   onEdit,
   onSaveSql,
   editable = true,
@@ -300,21 +289,6 @@ export function SqlChartCard({
                       </DropdownMenuItem>
                     </ViewSqlPopover>
                   ) : null}
-                  {editable && onToggleWidth && (gridColumns ?? 2) > 1 && (
-                    <DropdownMenuItem onSelect={onToggleWidth}>
-                      {panel.width >= (gridColumns ?? 2) ? (
-                        <>
-                          <IconArrowsMinimize className="h-4 w-4 mr-2" />
-                          Span 1 column
-                        </>
-                      ) : (
-                        <>
-                          <IconArrowsMaximize className="h-4 w-4 mr-2" />
-                          Span full row
-                        </>
-                      )}
-                    </DropdownMenuItem>
-                  )}
                   {editable ? <DropdownMenuSeparator /> : null}
                   {editable && onEdit && (
                     <DropdownMenuItem onSelect={() => onEdit()}>

package/corpus/templates/analytics/app/pages/adhoc/sql-dashboard/index.tsx

@@ -79,7 +79,6 @@ import { ViewsMenu } from "./ViewsMenu";
 import BlankDashboard from "../BlankDashboard";
 import {
   clampDashboardColumns,
-  clampPanelWidth,
   DEFAULT_DASHBOARD_COLUMNS,
   type SqlDashboardConfig,
   type SqlPanel,
@@ -632,22 +631,6 @@ export default function SqlDashboardPage() {
     [dashboard, persist],
   );
 
-  const toggleWidth = useCallback(
-    (panelId: string, gridColumns: number) => {
-      if (!dashboard) return;
-      const max = clampDashboardColumns(gridColumns);
-      persist({
-        ...dashboard,
-        panels: dashboard.panels.map((p) => {
-          if (p.id !== panelId) return p;
-          const current = clampPanelWidth(p.width, max);
-          return { ...p, width: current >= max ? 1 : max };
-        }),
-      });
-    },
-    [dashboard, persist],
-  );
-
   const handleSavePanel = useCallback(
     async (panel: SqlPanel) => {
       if (!dashboard) return;
@@ -1349,14 +1332,12 @@ export default function SqlDashboardPage() {
                       }
                     : panel;
                   const remoteEditor = remoteEditingPanels.get(panel.id);
-                  const span = clampPanelWidth(panel.width, group.columns);
                   return (
                     <div
                       key={panel.id}
                       className="dashboard-grid-cell relative h-full"
                       style={
                         {
-                          "--panel-span": span,
                           ...(remoteEditor
                             ? {
                                 outline: `2px solid ${remoteEditor.color}`,
@@ -1384,11 +1365,7 @@ export default function SqlDashboardPage() {
                           serializePanelSql(panel.sql),
                           vars,
                         )}
-                        gridColumns={group.columns}
                         onRemove={() => removePanel(panel.id)}
-                        onToggleWidth={() =>
-                          toggleWidth(panel.id, group.columns)
-                        }
                         onEdit={() => openEditPanel(panel)}
                         onSaveSql={(sql) => handleSavePanel({ ...panel, sql })}
                         editable={canEdit}

package/corpus/templates/analytics/app/pages/adhoc/sql-dashboard/pivot.ts

@@ -15,6 +15,66 @@ export interface PivotResult {
   seriesKeys: string[];
 }
 
+const ISO_DAY_RE = /^\d{4}-\d{2}-\d{2}$/;
+const MAX_DAILY_GAP_FILL_DAYS = 800;
+
+function dayToUtcMs(day: string): number | null {
+  if (!ISO_DAY_RE.test(day)) return null;
+  const [year, month, date] = day.split("-").map(Number);
+  const ms = Date.UTC(year, month - 1, date);
+  return Number.isFinite(ms) ? ms : null;
+}
+
+function utcMsToDay(ms: number): string {
+  return new Date(ms).toISOString().slice(0, 10);
+}
+
+function fillMissingSeries(
+  row: Record<string, unknown>,
+  seriesKeys: string[],
+): Record<string, unknown> {
+  for (const key of seriesKeys) {
+    if (!(key in row)) row[key] = 0;
+  }
+  return row;
+}
+
+function fillMissingDailyRows(
+  rows: Record<string, unknown>[],
+  xKey: string,
+  seriesKeys: string[],
+): Record<string, unknown>[] {
+  if (rows.length < 2 || seriesKeys.length === 0) return rows;
+
+  const first = rows[0]?.[xKey];
+  const last = rows[rows.length - 1]?.[xKey];
+  if (typeof first !== "string" || typeof last !== "string") return rows;
+
+  const startMs = dayToUtcMs(first);
+  const endMs = dayToUtcMs(last);
+  if (startMs == null || endMs == null || endMs < startMs) return rows;
+
+  const dayCount = Math.floor((endMs - startMs) / 86_400_000) + 1;
+  if (dayCount > MAX_DAILY_GAP_FILL_DAYS) return rows;
+
+  const byDay = new Map<string, Record<string, unknown>>();
+  for (const row of rows) {
+    const day = row[xKey];
+    if (typeof day === "string" && ISO_DAY_RE.test(day)) {
+      byDay.set(day, row);
+    }
+  }
+
+  const filled: Record<string, unknown>[] = [];
+  for (let ms = startMs; ms <= endMs; ms += 86_400_000) {
+    const day = utcMsToDay(ms);
+    filled.push(
+      fillMissingSeries(byDay.get(day) ?? { [xKey]: day }, seriesKeys),
+    );
+  }
+  return filled;
+}
+
 export function pivotRows(
   rows: Record<string, unknown>[],
   config: PivotConfig,
@@ -52,8 +112,11 @@ export function pivotRows(
     if (emitted.has(x)) continue;
     emitted.add(x);
     const bucket = byX.get(x);
-    if (bucket) orderedRows.push(bucket);
+    if (bucket) orderedRows.push(fillMissingSeries(bucket, seriesKeys));
   }
 
-  return { rows: orderedRows, seriesKeys };
+  return {
+    rows: fillMissingDailyRows(orderedRows, xKey, seriesKeys),
+    seriesKeys,
+  };
 }

package/corpus/templates/analytics/app/pages/adhoc/sql-dashboard/types.ts

@@ -88,10 +88,9 @@ export interface SqlPanel {
   source: DataSourceType;
   chartType: ChartType;
   /**
-   * How many grid columns this panel spans. Defaults to 1. The renderer
-   * clamps to the active section's column count, so a `width: 4` panel in a
-   * 2-column section still spans the full row. Sections always span every
-   * column regardless of this value.
+   * Legacy layout field retained for existing dashboards and action payloads.
+   * The renderer now auto-fits rows from panel order: one card in a row spans
+   * the row, two cards split it, and so on up to the section column count.
    */
   width: number;
   /**

package/corpus/templates/analytics/changelog/2026-06-24-dashboard-charts-now-fill-sparse-template-time-series-suppor.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-06-24
+---
+
+Dashboard charts now fill sparse template time series, support legend toggles, and sort tooltip values by impact.

package/corpus/templates/analytics/changelog/2026-06-24-dashboard-rows-now-auto-fit-panels-so-one-two-or-three-chart.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-06-24
+---
+
+Dashboard rows now auto-fit panels so one, two, or three charts fill the row naturally.

package/corpus/templates/analytics/changelog/2026-06-24-dashboard-traffic-tables-now-show-top-urls-and-shared-clips-.md

@@ -0,0 +1,6 @@
+---
+type: added
+date: 2026-06-24
+---
+
+Dashboard traffic tables now show top URLs and shared Clips with clickable links.

package/corpus/templates/analytics/changelog/2026-06-24-first-party-signup-and-pageview-panels-now-honor-dashboard-filters.md

@@ -0,0 +1,5 @@
+---
+"analytics": fixed
+---
+
+First-party signup and pageview dashboard panels now use the selected time range and email filters consistently.

package/corpus/templates/analytics/changelog/2026-06-24-first-party-template-dashboards-now-include-repeat-users-ret.md

@@ -0,0 +1,6 @@
+---
+type: added
+date: 2026-06-24
+---
+
+First-party template dashboards now show key activity, signup, retention, DAU, and WAU trends over time by template.

package/corpus/templates/analytics/changelog/2026-06-24-retention-charts-now-break-out-1-day-and-7-day-return-rates-.md

@@ -0,0 +1,6 @@
+---
+type: added
+date: 2026-06-24
+---
+
+Retention charts now break out 1-day and 7-day return rates by template.