@agent-native/core 0.149.1 → 0.149.3

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

@@ -592,7 +592,12 @@ function usesPrometheusPresentation(panel: SqlPanel): boolean {
   return panel.source === "prometheus" || panel.source === "demo";
 }
 
-function formatSeriesLabelForPanel(panel: SqlPanel, value: string): string {
+export function formatSeriesLabelForPanel(
+  panel: SqlPanel,
+  value: string,
+): string {
+  const alias = panel.config?.seriesLabels?.[value]?.trim();
+  if (alias) return alias;
   return usesPrometheusPresentation(panel) ? formatSeriesLabel(value) : value;
 }
 
@@ -1241,6 +1246,7 @@ interface SqlChartProps {
   loadData?: boolean;
   reportScreenshot?: boolean;
   onExportCsvChange?: (handler: (() => void) | null) => void;
+  onCopyTableChange?: (handler: (() => Promise<void>) | null) => void;
   /** Dashboard/panel state sent to slot-backed extension boxes. */
   extensionContext?: Record<string, unknown> | null;
 }
@@ -1251,6 +1257,7 @@ export function SqlChart({
   loadData = true,
   reportScreenshot = false,
   onExportCsvChange,
+  onCopyTableChange,
   extensionContext,
 }: SqlChartProps) {
   const t = useT();
@@ -1426,6 +1433,7 @@ export function SqlChart({
         rows={rows}
         panel={panel}
         onExportCsvChange={onExportCsvChange}
+        onCopyTableChange={onCopyTableChange}
       />,
     );
   }
@@ -1605,21 +1613,68 @@ function MetricRenderer({
   );
 }
 
-function formatCell(value: unknown, format: ColumnFormat | undefined): string {
+function numericTableValue(value: unknown): number | null {
+  if (typeof value === "number") return Number.isFinite(value) ? value : null;
+  if (typeof value !== "string" || value.trim() === "") return null;
+  const numeric = Number(value);
+  return Number.isFinite(numeric) ? numeric : null;
+}
+
+export type TableSort = {
+  key: string;
+  direction: "asc" | "desc";
+};
+
+export function sortTableRows(
+  rows: Record<string, unknown>[],
+  sorts: TableSort[],
+): Record<string, unknown>[] {
+  if (sorts.length === 0) return rows;
+
+  return rows
+    .map((row, index) => ({ row, index }))
+    .sort((a, b) => {
+      for (const sort of sorts) {
+        const av = a.row[sort.key];
+        const bv = b.row[sort.key];
+        if (av == null && bv == null) continue;
+        if (av == null) return 1;
+        if (bv == null) return -1;
+
+        const an = numericTableValue(av);
+        const bn = numericTableValue(bv);
+        const comparison =
+          an !== null && bn !== null
+            ? an - bn
+            : String(av).localeCompare(String(bv));
+        if (comparison !== 0) {
+          return sort.direction === "asc" ? comparison : -comparison;
+        }
+      }
+      return a.index - b.index;
+    })
+    .map(({ row }) => row);
+}
+
+export function formatCell(
+  value: unknown,
+  format: ColumnFormat | undefined,
+): string {
   if (value == null) return "";
-  if (format === "number" && typeof value === "number") {
-    return value.toLocaleString();
+  const numeric = numericTableValue(value);
+  if (format === "number" && numeric !== null) {
+    return numeric.toLocaleString();
   }
-  if (format === "currency" && typeof value === "number") {
-    return `$${value.toLocaleString()}`;
+  if (format === "currency" && numeric !== null) {
+    return `$${numeric.toLocaleString()}`;
   }
-  if (format === "percent" && typeof value === "number") {
-    const pct = value <= 1 && value >= -1 ? value * 100 : value;
+  if (format === "percent" && numeric !== null) {
+    const pct = numeric <= 1 && numeric >= -1 ? numeric * 100 : numeric;
     return `${pct.toFixed(2)}%`;
   }
-  if (format === "delta" && typeof value === "number") {
-    const sign = value > 0 ? "+" : "";
-    return `${sign}${value.toFixed(1)}%`;
+  if (format === "delta" && numeric !== null) {
+    const sign = numeric > 0 ? "+" : "";
+    return `${sign}${numeric.toFixed(1)}%`;
   }
   if (format === "date") {
     const d = new Date(String(value));
@@ -1634,6 +1689,23 @@ function formatCell(value: unknown, format: ColumnFormat | undefined): string {
   return String(value);
 }
 
+function clipboardCell(value: string): string {
+  return value.replace(/[\t\r\n]+/g, " ");
+}
+
+export function buildTableClipboardText(
+  columns: TableColumnConfig[],
+  rows: Record<string, unknown>[],
+): string {
+  const tableRows = [
+    columns.map((col) => col.label ?? col.key),
+    ...rows.map((row) =>
+      columns.map((col) => formatCell(row[col.key], col.format)),
+    ),
+  ];
+  return tableRows.map((row) => row.map(clipboardCell).join("\t")).join("\n");
+}
+
 export function safeDashboardLinkHref(value: unknown): string | null {
   if (typeof value !== "string") return null;
   const href = value.trim();
@@ -1653,13 +1725,14 @@ export function safeDashboardLinkHref(value: unknown): string | null {
 }
 
 function renderDeltaCell(value: unknown): ReactNode {
-  if (value == null || typeof value !== "number" || Number.isNaN(value)) {
+  const numeric = numericTableValue(value);
+  if (numeric === null) {
     return <span className="text-muted-foreground">-</span>;
   }
-  const sign = value > 0 ? "+" : "";
-  const text = `${sign}${value.toFixed(1)}%`;
-  const isPositive = value > 0;
-  const isNegative = value < 0;
+  const sign = numeric > 0 ? "+" : "";
+  const text = `${sign}${numeric.toFixed(1)}%`;
+  const isPositive = numeric > 0;
+  const isNegative = numeric < 0;
   const colorClass = isPositive
     ? "text-emerald-500"
     : isNegative
@@ -1670,7 +1743,7 @@ function renderDeltaCell(value: unknown): ReactNode {
     : isNegative
       ? IconTrendingDown
       : null;
-  const critical = Math.abs(value) > 30;
+  const critical = Math.abs(numeric) > 30;
   return (
     <span
       className={`inline-flex items-center justify-end gap-1 ${colorClass}`}
@@ -1715,10 +1788,12 @@ function TableRenderer({
   rows,
   panel,
   onExportCsvChange,
+  onCopyTableChange,
 }: {
   rows: Record<string, unknown>[];
   panel: SqlPanel;
   onExportCsvChange?: (handler: (() => void) | null) => void;
+  onCopyTableChange?: (handler: (() => Promise<void>) | null) => void;
 }) {
   const t = useT();
   const config = panel.config;
@@ -1744,39 +1819,40 @@ function TableRenderer({
     return limit != null && rows.length > limit ? rows.slice(0, limit) : rows;
   }, [rows, config?.limit]);
 
-  const [sortKey, setSortKey] = useState<string | null>(null);
-  const [sortDir, setSortDir] = useState<"asc" | "desc">("desc");
+  const [sortColumns, setSortColumns] = useState<TableSort[]>([]);
   const [page, setPage] = useState(0);
   const [pageSize, setPageSize] = useState(10);
 
   const sortedRows = useMemo(() => {
-    if (!sortable || !sortKey) return limitedRows;
-    const sorted = [...limitedRows].sort((a, b) => {
-      const av = a[sortKey];
-      const bv = b[sortKey];
-      if (av == null && bv == null) return 0;
-      if (av == null) return 1;
-      if (bv == null) return -1;
-      if (typeof av === "number" && typeof bv === "number") {
-        return av - bv;
-      }
-      return String(av).localeCompare(String(bv));
-    });
-    if (sortDir === "desc") sorted.reverse();
-    return sorted;
-  }, [limitedRows, sortKey, sortDir, sortable]);
+    return sortable ? sortTableRows(limitedRows, sortColumns) : limitedRows;
+  }, [limitedRows, sortColumns, sortable]);
 
   const pageCount = Math.ceil(sortedRows.length / pageSize);
   const displayRows = sortedRows.slice(page * pageSize, (page + 1) * pageSize);
 
-  const handleHeaderClick = (key: string) => {
+  const handleHeaderClick = (key: string, shiftKey: boolean) => {
     if (!sortable) return;
-    if (sortKey === key) {
-      setSortDir(sortDir === "asc" ? "desc" : "asc");
-    } else {
-      setSortKey(key);
-      setSortDir("desc");
-    }
+    setSortColumns((current) => {
+      const index = current.findIndex((sort) => sort.key === key);
+      if (!shiftKey) {
+        const existing = index >= 0 ? current[index] : undefined;
+        return [
+          {
+            key,
+            direction: existing?.direction === "desc" ? "asc" : "desc",
+          },
+        ];
+      }
+      if (index < 0) return [...current, { key, direction: "desc" }];
+      return current.map((sort, sortIndex) =>
+        sortIndex === index
+          ? {
+              ...sort,
+              direction: sort.direction === "desc" ? "asc" : "desc",
+            }
+          : sort,
+      );
+    });
     setPage(0);
   };
 
@@ -1801,10 +1877,23 @@ function TableRenderer({
     URL.revokeObjectURL(url);
   }, [columns, panel.id, sortedRows]);
 
+  const handleCopyTable = useCallback(async () => {
+    if (!navigator.clipboard?.writeText) {
+      throw new Error("Clipboard unavailable");
+    }
+    await navigator.clipboard.writeText(
+      buildTableClipboardText(columns, sortedRows),
+    );
+  }, [columns, sortedRows]);
+
   useEffect(() => {
     onExportCsvChange?.(handleExportCsv);
-    return () => onExportCsvChange?.(null);
-  }, [handleExportCsv, onExportCsvChange]);
+    onCopyTableChange?.(handleCopyTable);
+    return () => {
+      onExportCsvChange?.(null);
+      onCopyTableChange?.(null);
+    };
+  }, [handleCopyTable, handleExportCsv, onCopyTableChange, onExportCsvChange]);
 
   return (
     <div className={`space-y-1 ${TABLE_PANEL_MIN_HEIGHT_CLASS}`}>
@@ -1814,22 +1903,37 @@ function TableRenderer({
             <tr className="border-b border-border">
               {columns.map((col) => {
                 const label = col.label ?? col.key;
-                const isSorted = sortKey === col.key;
+                const sort = sortColumns.find((item) => item.key === col.key);
+                const isSorted = sort !== undefined;
                 return (
                   <th
                     key={col.key}
+                    aria-sort={
+                      sort
+                        ? sort.direction === "asc"
+                          ? "ascending"
+                          : "descending"
+                        : "none"
+                    }
                     className={`text-left py-1.5 px-2 font-medium text-muted-foreground whitespace-nowrap ${
                       sortable
                         ? "cursor-pointer select-none hover:text-foreground"
                         : ""
                     }`}
-                    onClick={() => handleHeaderClick(col.key)}
+                    onClick={(event) =>
+                      handleHeaderClick(col.key, event.shiftKey)
+                    }
+                    title={
+                      sortable
+                        ? t("sqlDashboard.multiColumnSortHelp")
+                        : undefined
+                    }
                   >
                     <span className="inline-flex items-center gap-1">
                       {label}
                       {sortable &&
                         (isSorted ? (
-                          sortDir === "asc" ? (
+                          sort?.direction === "asc" ? (
                             <IconSortAscending className="h-3 w-3" />
                           ) : (
                             <IconSortDescending className="h-3 w-3" />

package/corpus/templates/analytics/app/global.css

@@ -235,7 +235,7 @@
   [data-agent-empty-state="centered"]
   .agent-plan-mode-callout {
   width: 100%;
-  max-width: min(684px, 90%);
+  max-width: min(750px, 100%);
   padding: 0;
 }
 

package/corpus/templates/analytics/app/i18n-data.ts

@@ -673,6 +673,8 @@ const enUS = {
     refresh: "Refresh",
     refreshing: "Refreshing...",
     downloadCsv: "Download CSV",
+    copyTable: "Copy table",
+    multiColumnSortHelp: "Click to sort. Shift-click to add another sort.",
     exportToGoogleSheets: "Export to Google Sheets",
     exportingToGoogleSheets: "Exporting to Google Sheets...",
     googleSheetsExported: "Exported to Google Sheets",
@@ -688,6 +690,7 @@ const enUS = {
     copied: "Copied",
     copy: "Copy",
     couldNotCopySql: "Couldn't copy SQL",
+    couldNotCopyTable: "Couldn't copy table",
     failedToFormatSql: "Failed to format SQL",
     close: "Close",
     save: "Save",
@@ -7142,6 +7145,7 @@ const translatedAnalyticsDebtTranslations = {
       copyResolvedSql: "复制解析 SQL",
       copySql: "复制 SQL",
       couldNotCopySql: "无法复制 SQL",
+      couldNotCopyTable: "无法复制表格",
       dashboardActions: "仪表板详细信息和操作",
       deletePanelTitle: "删除面板？",
       deletePermanentlyTitle: "永久删除？",
@@ -7154,6 +7158,8 @@ const translatedAnalyticsDebtTranslations = {
       discardChanges: "放弃更改",
       dismissDemoIntro: "关闭演示介绍",
       downloadCsv: "下载CSV",
+      copyTable: "复制表格",
+      multiColumnSortHelp: "点击排序。按住 Shift 点击可添加另一个排序。",
       exportToGoogleSheets: "导出到 Google Sheets",
       exportingToGoogleSheets: "正在导出到 Google Sheets...",
       googleSheetsExported: "已导出到 Google Sheets",
@@ -7382,6 +7388,7 @@ const translatedAnalyticsDebtTranslations = {
       copyResolvedSql: "Copia resuelta SQL",
       copySql: "Copiar SQL",
       couldNotCopySql: "No se pudo copiar SQL",
+      couldNotCopyTable: "No se pudo copiar la tabla",
       dashboardActions: "Detalles y acciones del panel",
       deletePanelTitle: "¿Eliminar panel?",
       deletePermanentlyTitle: "¿Eliminar permanentemente?",
@@ -7394,6 +7401,9 @@ const translatedAnalyticsDebtTranslations = {
       discardChanges: "Descartar cambios",
       dismissDemoIntro: "Descartar la introducción de la demostración",
       downloadCsv: "Descargar CSV",
+      copyTable: "Copiar tabla",
+      multiColumnSortHelp:
+        "Haz clic para ordenar. Mantén pulsada la tecla Mayús y haz clic para añadir otro orden.",
       exportToGoogleSheets: "Exportar a Google Sheets",
       exportingToGoogleSheets: "Exportando a Google Sheets...",
       googleSheetsExported: "Exportado a Google Sheets",
@@ -7628,6 +7638,7 @@ const translatedAnalyticsDebtTranslations = {
       copyResolvedSql: "Copie résolue SQL",
       copySql: "Copier SQL",
       couldNotCopySql: "Impossible de copier SQL",
+      couldNotCopyTable: "Impossible de copier le tableau",
       dashboardActions: "Détails et actions du tableau de bord",
       deletePanelTitle: "Supprimer le panneau ?",
       deletePermanentlyTitle: "Supprimer définitivement ?",
@@ -7640,6 +7651,9 @@ const translatedAnalyticsDebtTranslations = {
       discardChanges: "Ignorer les modifications",
       dismissDemoIntro: "Ignorer l'intro de la démo",
       downloadCsv: "Télécharger CSV",
+      copyTable: "Copier le tableau",
+      multiColumnSortHelp:
+        "Cliquez pour trier. Maj-cliquez pour ajouter un autre tri.",
       exportToGoogleSheets: "Exporter vers Google Sheets",
       exportingToGoogleSheets: "Exportation vers Google Sheets...",
       googleSheetsExported: "Exporté vers Google Sheets",
@@ -7876,6 +7890,7 @@ const translatedAnalyticsDebtTranslations = {
       copyResolvedSql: "Kopieren Sie SQL aufgelöst",
       copySql: "Kopieren Sie SQL",
       couldNotCopySql: "SQL konnte nicht kopiert werden",
+      couldNotCopyTable: "Tabelle konnte nicht kopiert werden",
       dashboardActions: "Dashboard-Details und Aktionen",
       deletePanelTitle: "Panel löschen?",
       deletePermanentlyTitle: "Endgültig löschen?",
@@ -7888,6 +7903,9 @@ const translatedAnalyticsDebtTranslations = {
       discardChanges: "Änderungen verwerfen",
       dismissDemoIntro: "Demo-Intro schließen",
       downloadCsv: "Laden Sie CSV herunter",
+      copyTable: "Tabelle kopieren",
+      multiColumnSortHelp:
+        "Zum Sortieren klicken. Mit Umschalt-Klick eine weitere Sortierung hinzufügen.",
       exportToGoogleSheets: "Nach Google Sheets exportieren",
       exportingToGoogleSheets: "Export nach Google Sheets...",
       googleSheetsExported: "Nach Google Sheets exportiert",
@@ -8117,6 +8135,7 @@ const translatedAnalyticsDebtTranslations = {
       copyResolvedSql: "解決された SQL をコピーします",
       copySql: "SQLをコピーする",
       couldNotCopySql: "SQLをコピーできませんでした",
+      couldNotCopyTable: "テーブルをコピーできませんでした",
       dashboardActions: "ダッシュボードの詳細とアクション",
       deletePanelTitle: "パネルを削除しますか?",
       deletePermanentlyTitle: "永久に削除しますか?",
@@ -8129,6 +8148,9 @@ const translatedAnalyticsDebtTranslations = {
       discardChanges: "変更を破棄する",
       dismissDemoIntro: "デモのイントロを閉じる",
       downloadCsv: "CSVをダウンロード",
+      copyTable: "テーブルをコピー",
+      multiColumnSortHelp:
+        "クリックして並べ替え。Shiftキーを押しながらクリックすると別の並べ替えを追加できます。",
       exportToGoogleSheets: "Google スプレッドシートにエクスポート",
       exportingToGoogleSheets: "Google スプレッドシートにエクスポート中...",
       googleSheetsExported: "Google スプレッドシートにエクスポートしました",
@@ -8357,6 +8379,7 @@ const translatedAnalyticsDebtTranslations = {
       copyResolvedSql: "해결된 SQL 복사",
       copySql: "SQL 복사",
       couldNotCopySql: "SQL을 복사할 수 없습니다.",
+      couldNotCopyTable: "표를 복사할 수 없습니다.",
       dashboardActions: "대시보드 세부정보 및 작업",
       deletePanelTitle: "패널을 삭제하시겠습니까?",
       deletePermanentlyTitle: "영구적으로 삭제하시겠습니까?",
@@ -8369,6 +8392,9 @@ const translatedAnalyticsDebtTranslations = {
       discardChanges: "변경사항 취소",
       dismissDemoIntro: "데모 소개 닫기",
       downloadCsv: "CSV 다운로드",
+      copyTable: "표 복사",
+      multiColumnSortHelp:
+        "클릭하여 정렬합니다. Shift 키를 누른 채 클릭하면 다른 정렬을 추가합니다.",
       exportToGoogleSheets: "Google Sheets로 내보내기",
       exportingToGoogleSheets: "Google Sheets로 내보내는 중...",
       googleSheetsExported: "Google Sheets로 내보냈습니다",
@@ -8601,6 +8627,7 @@ const translatedAnalyticsDebtTranslations = {
       copyResolvedSql: "Cópia resolvida SQL",
       copySql: "Copie SQL",
       couldNotCopySql: "Não foi possível copiar SQL",
+      couldNotCopyTable: "Não foi possível copiar a tabela",
       dashboardActions: "Detalhes e ações do painel",
       deletePanelTitle: "Excluir painel?",
       deletePermanentlyTitle: "Excluir permanentemente?",
@@ -8613,6 +8640,9 @@ const translatedAnalyticsDebtTranslations = {
       discardChanges: "Descartar alterações",
       dismissDemoIntro: "Ignorar introdução da demonstração",
       downloadCsv: "Baixar CSV",
+      copyTable: "Copiar tabela",
+      multiColumnSortHelp:
+        "Clique para ordenar. Shift-clique para adicionar outra ordenação.",
       exportToGoogleSheets: "Exportar para o Google Sheets",
       exportingToGoogleSheets: "Exportando para o Google Sheets...",
       googleSheetsExported: "Exportado para o Google Sheets",
@@ -8842,6 +8872,7 @@ const translatedAnalyticsDebtTranslations = {
       copyResolvedSql: "प्रतिलिपि हल की गई SQL",
       copySql: "SQL कॉपी करें",
       couldNotCopySql: "SQL की प्रतिलिपि नहीं बनाई जा सकी",
+      couldNotCopyTable: "तालिका कॉपी नहीं की जा सकी",
       dashboardActions: "डैशबोर्ड विवरण और क्रियाएँ",
       deletePanelTitle: "पैनल हटाएं?",
       deletePermanentlyTitle: "स्थायी रूप से हटाएँ?",
@@ -8854,6 +8885,9 @@ const translatedAnalyticsDebtTranslations = {
       discardChanges: "परिवर्तन त्यागें",
       dismissDemoIntro: "डेमो परिचय ख़ारिज करें",
       downloadCsv: "CSV डाउनलोड करें",
+      copyTable: "तालिका कॉपी करें",
+      multiColumnSortHelp:
+        "क्रमित करने के लिए क्लिक करें। एक और क्रम जोड़ने के लिए Shift-क्लिक करें।",
       exportToGoogleSheets: "Google Sheets में निर्यात करें",
       exportingToGoogleSheets: "Google Sheets में निर्यात किया जा रहा है...",
       googleSheetsExported: "Google Sheets में निर्यात किया गया",
@@ -9081,6 +9115,7 @@ const translatedAnalyticsDebtTranslations = {
       copyResolvedSql: "تم حل النسخة SQL",
       copySql: "انسخ SQL",
       couldNotCopySql: "لا يمكن نسخ SQL",
+      couldNotCopyTable: "تعذر نسخ الجدول",
       dashboardActions: "تفاصيل وإجراءات لوحة التحكم",
       deletePanelTitle: "هل تريد حذف اللوحة؟",
       deletePermanentlyTitle: "هل تريد الحذف نهائيًا؟",
@@ -9093,6 +9128,8 @@ const translatedAnalyticsDebtTranslations = {
       discardChanges: "تجاهل التغييرات",
       dismissDemoIntro: "رفض المقدمة التجريبية",
       downloadCsv: "تحميل CSV",
+      copyTable: "نسخ الجدول",
+      multiColumnSortHelp: "انقر للفرز. انقر مع الضغط على Shift لإضافة فرز آخر.",
       exportToGoogleSheets: "تصدير إلى Google Sheets",
       exportingToGoogleSheets: "جارٍ التصدير إلى Google Sheets...",
       googleSheetsExported: "تم التصدير إلى Google Sheets",

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

@@ -404,7 +404,7 @@ function PanelEditorContent({
         `For prometheus panels, sql is a JSON descriptor: {"promql":"rate(http_requests_total[5m])","mode":"range","range":"1h","step":"30s"}. mode defaults to "range"; range defaults to "1h"; step is auto if omitted. Returned rows have shape {timestamp, series, value} — set config.xKey="timestamp", config.yKey="value", and a single series in config.yKeys for clean charting. ` +
         `For program panels (arbitrary provider data joins/cohorts not expressible in the other sources), first save-data-program (or reuse an existing one via list-data-programs), then set sql to a JSON descriptor: {"programId":"<id>","params":{...}}. See the data-programs skill for the emit(rows, schema) contract and the Risk Meeting worked example. ` +
         `Native dashboard panels and Data Programs come first. Add an extension panel only when the user explicitly asks for a genuinely bespoke, one-off Custom Block for this dashboard and native panels cannot represent it faithfully. For a reusable/native capability call connect-builder instead. New agent-authored Custom Blocks use config.extensionId plus config.customBlock={authoredBy:"agent",intent:"one-off",scope:"dashboard",nativeGapReason:"custom-visualization"|"custom-interaction"|"custom-layout"|"other"}; never put prompt/customer text in that metadata. Use config.extensionSlotId only when the user explicitly asks for a personal/per-viewer slot; slot installs are per-user and automated report identities may have no install. ` +
-        `Config is optional: { xKey, yKey, yKeys, yFormatter ('number'|'currency'|'percent'), rightYKeys, rightYFormatter, description, columns, pivot, limit, color, colors, stacked, legend, valueLabels }. For funnel panels, use config.xKey for the stage label, config.yKey for the non-negative count/value, and keep the SQL ORDER BY in the intended funnel order. ` +
+        `Config is optional: { xKey, yKey, yKeys, yFormatter ('number'|'currency'|'percent'), rightYKeys, rightYFormatter, seriesLabels (exact series key -> display label), description, columns, pivot, limit, color, colors, stacked, legend, valueLabels }. For funnel panels, use config.xKey for the stage label, config.yKey for the non-negative count/value, and keep the SQL ORDER BY in the intended funnel order. ` +
         `For line/area/bar series that share an x-axis but not a unit (a count next to a rate), put the smaller-unit series on a second y-axis with config.rightYKeys (a subset of yKeys) and an optional config.rightYFormatter — do not build an extension for a dual-axis chart. Use heatmap, callout, and section panels when their native contracts fit; do not create a Custom Block for a supported native panel. ` +
         `Chart legends render automatically; set config.legend=false only when the user explicitly asks to hide the legend. ` +
         `Use \`get-sql-dashboard.layout.groups[].rows[].rowNumber/panelIds\` to identify and verify visible rows. ` +

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

@@ -11,6 +11,7 @@ import {
   IconTrash,
   IconCode,
   IconDownload,
+  IconCopy,
   IconMessageCircle,
   IconBrandGoogle,
   IconArrowUpRight,
@@ -148,6 +149,9 @@ export function SqlChartCard({
   const [expanded, setExpanded] = useState(false);
   const [extRefreshKey, setExtRefreshKey] = useState(0);
   const [exportCsv, setExportCsv] = useState<(() => void) | null>(null);
+  const [copyTable, setCopyTable] = useState<(() => Promise<void>) | null>(
+    null,
+  );
   const [shouldLoadData, setShouldLoadData] = useState(
     eagerLoad ||
       panel.chartType === "section" ||
@@ -172,6 +176,23 @@ export function SqlChartCard({
     setExportCsv(handler ? () => handler : null);
   }, []);
 
+  const handleCopyTableChange = useCallback(
+    (handler: (() => Promise<void>) | null) => {
+      setCopyTable(handler ? () => handler : null);
+    },
+    [],
+  );
+
+  const handleCopyTable = useCallback(async () => {
+    if (!copyTable) return;
+    try {
+      await copyTable();
+      toast.success(t("sqlDashboard.copied"));
+    } catch {
+      toast.error(t("sqlDashboard.couldNotCopyTable"));
+    }
+  }, [copyTable, t]);
+
   const handleRefresh = useCallback(() => {
     setShouldLoadData(true);
     void queryClient.invalidateQueries({
@@ -288,6 +309,7 @@ export function SqlChartCard({
 
   useEffect(() => {
     setExportCsv(null);
+    setCopyTable(null);
   }, [panel.id]);
 
   useEffect(() => {
@@ -649,6 +671,15 @@ export function SqlChartCard({
                       {t("sqlDashboard.downloadCsv")}
                     </DropdownMenuItem>
                   )}
+                  {panel.chartType === "table" && (
+                    <DropdownMenuItem
+                      disabled={!copyTable}
+                      onSelect={() => void handleCopyTable()}
+                    >
+                      <IconCopy className="h-4 w-4 mr-2" />
+                      {t("sqlDashboard.copyTable")}
+                    </DropdownMenuItem>
+                  )}
                   {panel.chartType === "table" && dashboardId ? (
                     <DropdownMenuItem
                       disabled={exportToGoogleSheets.isPending}
@@ -705,6 +736,7 @@ export function SqlChartCard({
             loadData={shouldLoadData}
             reportScreenshot={reportScreenshot}
             onExportCsvChange={handleExportCsvChange}
+            onCopyTableChange={handleCopyTableChange}
             extensionContext={extensionContext}
           />
         </CardContent>

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

@@ -93,6 +93,8 @@ export interface SqlPanelConfig {
   rightYKeys?: string[];
   /** Value formatter for the right axis. Falls back to `yFormatter`. */
   rightYFormatter?: "number" | "currency" | "percent";
+  /** Optional display labels for exact series keys, e.g. {"evt_signup_completed_v2":"Signups"}. */
+  seriesLabels?: Record<string, string>;
   description?: string;
   pivot?: PivotConfig;
   /** Stack bar/area series on top of each other instead of side-by-side / overlapping. */

package/corpus/templates/analytics/changelog/2026-08-10-dashboard-tables-can-be-copied-and-sorted-by-multiple-column.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-08-10
+---
+
+Dashboard tables can be copied and sorted by multiple columns

package/corpus/templates/analytics/changelog/2026-08-10-full-page-chat-now-uses-the-available-width-up-to-1000px-for.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-08-10
+---
+
+Full-page chat now uses the available width up to 1000px for more comfortable prompts and responses.

package/corpus/templates/analytics/changelog/2026-08-11-full-page-chat-composers-stay-at-a-focused-750px-width.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-08-11
+---
+
+Full-page chat composers stay at a focused 750px width.