@agent-native/core 0.130.2 → 0.131.3

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

@@ -12,14 +12,14 @@ import {
 
 const DASHBOARD_CONTEXT =
   "The user wants to create a new analytics dashboard. " +
-  'DASHBOARD ARTIFACT RULE — Dashboards are the only user-facing Analytics artifact. For deep dives, saved reports, custom visualizations, or bespoke workflows, always create or update a dashboard. If bespoke UI is needed, create the extension and immediately add it as one or more `chartType: "extension"` panels in that dashboard; never leave the extension standalone or direct the user to an Extensions page. ' +
+  "DASHBOARD ARTIFACT RULE — Dashboards are the only user-facing Analytics artifact. Build with native dashboard panels and Data Programs first. A sandboxed extension is presented only as a dashboard-scoped Custom Block, never as a separate Analytics result. Create one only when the user explicitly wants a genuinely bespoke, one-off visualization or interaction for this dashboard and native panels cannot represent it faithfully. If the behavior should be reused across dashboards/users or added natively, call `connect-builder` instead. " +
   "TEMPLATE FIRST — If the user names an existing dashboard as a template to clone/base this on, resolve its id first (use `list-sql-dashboards` if you only have a title), then call `get-sql-dashboard` with `includeConfig: true` immediately and inspect `panels[].chartType`. " +
-  'If any panel is `chartType: "extension"`, this is an extension-backed dashboard: call `get-extension` for that panel\'s `config.extensionId`, clone/adapt it with `create-extension` (apply the requested customer/org filters), then save a new dashboard via `update-dashboard` that embeds the new extension panel (`chartType: "extension"`, `config.extensionId`). Do not rebuild an extension template as guessed SQL/BigQuery panels. ' +
+  'If an explicitly named template already contains a `chartType: "extension"` Custom Block, call `get-extension` for that panel\'s `config.extensionId`, clone/adapt it with `create-extension` (apply the requested customer/org filters), then save a new dashboard via `update-dashboard` that embeds the cloned block. Preserve or add `config.customBlock` provenance with `authoredBy: "agent"`, `intent: "one-off"`, `scope: "dashboard"`, and a categorical `nativeGapReason`; never put prompt/customer text in that metadata. Do not rebuild an existing Custom Block as guessed SQL/BigQuery panels. ' +
   "LARGE EXTENSION CLONE — Extension bodies can be very large (tens of thousands of characters). Call `get-extension` with `forceContent: true` exactly ONCE and reuse that body; a second same-run read intentionally omits `content` (you'll see `contentOmitted`), so don't treat that as the content being gone. Call `create-extension` / `update-extension` as NATIVE tools — they are mutating actions and cannot be invoked from `run-code`/`appAction`. For customer-specific clones, change only the small static config block (e.g. `ACCOUNT_USAGE_STATIC`) and prefer a focused `update-extension` edit over regenerating the whole HTML. Never shovel the full body through `run-code` or chat; if you stage it in a workspace scratch file, read it back with `workspaceRead` (which returns the whole file). " +
   "REAL_DATA_REQUIRED: before presenting numbers or authoring new SQL that invents tables/columns/filters, run at least one real data-source query action; `data-source-status`, `list-data-dictionary`, `get-sql-dashboard`, `get-extension`, `update-dashboard`, `mutate-dashboard`, and dry-run validation do not count as data queries. It is OK to inspect a template, clone an extension shell, ask one clarifying question (org id / account filter), or report an exact unavailable/error result without running a data query, as long as you do not invent metrics. " +
   "The `demo` source is reserved for the built-in Node Exporter demo and does not satisfy REAL_DATA_REQUIRED unless the user explicitly asks to work on that demo dashboard. " +
   "If no source can answer, report the exact unavailable/error result instead of saving a dashboard with guessed schema or metrics. " +
-  "SQL PANELS — Only for native SQL dashboards (not template clones of an extension-backed dashboard): create a SQL-driven dashboard by calling the `update-dashboard` action with `dashboardId` and `config`. " +
+  "NATIVE PANELS — Create a SQL-driven dashboard by calling the `update-dashboard` action with `dashboardId` and `config`; use a Data Program first when reusable fetching or transformation is the missing layer. " +
   "The config shape is: { name: string, panels: [{ id, title, sql, source, chartType, width, tab?, config? }] }. " +
   "Each panel needs: id (unique string), title, sql (the query), source ('bigquery' | 'ga4' | 'amplitude' | 'first-party' | 'demo' | 'prometheus'), " +
   "chartType ('line' | 'area' | 'bar' | 'metric' | 'table' | 'pie'), width (1 or 2). " +
@@ -29,7 +29,7 @@ const DASHBOARD_CONTEXT =
   "For the built-in demo dashboard, source is 'demo' and sql uses the same Prometheus JSON descriptor shape as source 'prometheus': { promql, mode, range, step }. " +
   "Call `data-source-status` if you need to see which data sources are connected. " +
   "Refer to AGENTS.md, .agents/skills, the data dictionary, and connected data-source instructions for SQL patterns and table names. " +
-  "NO code files need to be created — only the dashboard config JSON via `update-dashboard`. " +
+  "Do not create code files for an ordinary native dashboard. Use `connect-builder` only for an explicitly reusable/native code request. " +
   "After saving, call the `navigate` action with view='adhoc' and dashboardId so the new dashboard opens immediately.";
 
 export function NewDashboardDialog() {

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

@@ -92,7 +92,7 @@ import {
   useActionMutation,
   useChangeVersions,
 } from "@agent-native/core/client/hooks";
-import { LanguagePicker, useT } from "@agent-native/core/client/i18n";
+import { useT } from "@agent-native/core/client/i18n";
 import { openCommandMenu } from "@agent-native/core/client/navigation";
 import { OrgSwitcher } from "@agent-native/core/client/org";
 import { FeedbackButton } from "@agent-native/core/client/ui";
@@ -484,6 +484,8 @@ function SortableRow({
   const isFav = favoriteIds.has(favoriteKey);
   const [menuOpen, setMenuOpen] = useState(false);
   const [confirmDeleteOpen, setConfirmDeleteOpen] = useState(false);
+  const [openDeleteAfterMenuClose, setOpenDeleteAfterMenuClose] =
+    useState(false);
   const [isRenaming, setIsRenaming] = useState(false);
   const [renameValue, setRenameValue] = useState(name);
 
@@ -491,6 +493,20 @@ function SortableRow({
     if (!isRenaming) setRenameValue(name);
   }, [isRenaming, name]);
 
+  useEffect(() => {
+    if (menuOpen || !openDeleteAfterMenuClose) return;
+    const frame = requestAnimationFrame(() => {
+      setOpenDeleteAfterMenuClose(false);
+      setConfirmDeleteOpen(true);
+    });
+    return () => cancelAnimationFrame(frame);
+  }, [menuOpen, openDeleteAfterMenuClose]);
+
+  const requestDashboardDelete = useCallback(() => {
+    setOpenDeleteAfterMenuClose(true);
+    setMenuOpen(false);
+  }, []);
+
   const submitRename = useCallback(async () => {
     const trimmed = renameValue.trim();
     setIsRenaming(false);
@@ -773,8 +789,7 @@ function SortableRow({
                   <DropdownMenuItem
                     onSelect={(event) => {
                       event.preventDefault();
-                      setMenuOpen(false);
-                      setConfirmDeleteOpen(true);
+                      requestDashboardDelete();
                     }}
                     className="text-destructive focus:text-destructive"
                   >
@@ -786,8 +801,7 @@ function SortableRow({
                 <DropdownMenuItem
                   onSelect={(event) => {
                     event.preventDefault();
-                    setMenuOpen(false);
-                    setConfirmDeleteOpen(true);
+                    requestDashboardDelete();
                   }}
                   className="text-destructive focus:text-destructive"
                 >
@@ -2122,9 +2136,6 @@ export function Sidebar({ mobile }: { mobile?: boolean } = {}) {
       </TooltipContent>
     </Tooltip>
   );
-  const footerTranslate = (
-    <LanguagePicker variant="ghost-icon" label={t("settings.languageLabel")} />
-  );
   const footerCollapse = !mobile ? (
     <Tooltip>
       <TooltipTrigger asChild>
@@ -2203,7 +2214,6 @@ export function Sidebar({ mobile }: { mobile?: boolean } = {}) {
           <SidebarFooterActions
             collapsed
             feedback={footerFeedback}
-            translate={footerTranslate}
             search={footerSearch}
             collapse={footerCollapse}
           />
@@ -2284,9 +2294,10 @@ export function Sidebar({ mobile }: { mobile?: boolean } = {}) {
                     />
                   </button>
                 </div>
-                {askOpen && isAskRoute ? (
-                  <AnalyticsChatsSection isAskRoute open />
-                ) : null}
+                <AnalyticsChatsSection
+                  isAskRoute={isAskRoute}
+                  open={askOpen && isAskRoute}
+                />
               </div>
 
               {/* Sessions link */}
@@ -2575,7 +2586,6 @@ export function Sidebar({ mobile }: { mobile?: boolean } = {}) {
                 <TooltipProvider delayDuration={200}>
                   <SidebarFooterActions
                     feedback={footerFeedback}
-                    translate={footerTranslate}
                     search={footerSearch}
                     collapse={footerCollapse}
                     className="px-0 py-0"

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

@@ -138,6 +138,27 @@
   }
 }
 
+.analytics-dashboard-panel-skeleton {
+  background-color: hsl(var(--muted-foreground) / 0.12);
+  animation: analytics-dashboard-skeleton-pulse 1.6s ease-in-out infinite;
+}
+
+@keyframes analytics-dashboard-skeleton-pulse {
+  0%,
+  100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.74;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .analytics-dashboard-panel-skeleton {
+    animation: none;
+  }
+}
+
 .analytics-mobile-nav {
   height: 2.75rem;
   min-height: 2.75rem;