@agent-native/core 0.120.0 → 0.120.2

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

@@ -138,6 +138,36 @@
   }
 }
 
+.dashboard-panel-skeleton {
+  background-color: hsl(var(--muted-foreground) / 0.24);
+  background-image: linear-gradient(
+    105deg,
+    transparent 24%,
+    hsl(var(--foreground) / 0.06) 42%,
+    hsl(var(--foreground) / 0.16) 50%,
+    hsl(var(--foreground) / 0.06) 58%,
+    transparent 76%
+  );
+  background-size: 220% 100%;
+  animation: dashboard-panel-skeleton-shimmer 1.8s linear infinite;
+}
+
+@keyframes dashboard-panel-skeleton-shimmer {
+  from {
+    background-position: 120% 0;
+  }
+
+  to {
+    background-position: -120% 0;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .dashboard-panel-skeleton {
+    animation: none;
+  }
+}
+
 .analytics-mobile-nav {
   height: 2.75rem;
   min-height: 2.75rem;

package/corpus/templates/analytics/app/hooks/use-navigation-state.ts

@@ -111,10 +111,10 @@ export function useNavigationState() {
         return `/dashboards/${cmd.dashboardId}`;
       if (cmd.view === "analyses" && cmd.analysisId)
         return `/analyses/${cmd.analysisId}`;
-      if (cmd.view === "analyses") return "/analyses";
+      if (cmd.view === "analyses") return "/dashboards";
       if (cmd.view === "extensions" && cmd.extensionId)
         return `/extensions/${cmd.extensionId}`;
-      if (cmd.view === "extensions") return "/extensions";
+      if (cmd.view === "extensions") return "/settings#extensions";
       if (cmd.view === "sessions" && cmd.recordingId)
         return `/sessions/${encodeURIComponent(cmd.recordingId)}`;
       if (cmd.view === "sessions") return "/sessions";

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

@@ -410,6 +410,10 @@ const enUS = {
     dashboardUsageTotal: "Dashboards",
     dashboardUsageActive: "{{count}} active",
     dashboardUsageViews: "Views",
+    dashboardUsageEdits: "Edits",
+    dashboardUsageSort: "Sort dashboards",
+    dashboardUsageMostViewed: "Most viewed",
+    dashboardUsageMostEdited: "Most edited",
     dashboardUsageTop: "Top: {{name}}",
     dashboardUsageEngagements: "Engagements",
     dashboardUsageEngagementsHint: "Non-pageview events plus saved views",
@@ -420,6 +424,10 @@ const enUS = {
     dashboardUsageUsers: "Users",
     dashboardUsageModified: "Modified",
     dashboardUsageCreated: "Created",
+    dashboardMetadataCreated: "Created",
+    dashboardMetadataCreatedBy: "Created by",
+    dashboardMetadataUpdated: "Updated",
+    dashboardMetadataUpdatedBy: "Updated by",
     dashboardUsageState: "State",
     dashboardUsagePanels: "{{count}} panels",
     dashboardUsageSavedViews: "{{count}} saved views",
@@ -11293,6 +11301,10 @@ const translatedDashboardAdminTranslations = {
       dashboardUsageTotal: "仪表板",
       dashboardUsageActive: "{{count}} 个活跃",
       dashboardUsageViews: "浏览量",
+      dashboardUsageEdits: "编辑次数",
+      dashboardUsageSort: "排序仪表板",
+      dashboardUsageMostViewed: "浏览最多",
+      dashboardUsageMostEdited: "编辑最多",
       dashboardUsageTop: "最高：{{name}}",
       dashboardUsageEngagements: "互动",
       dashboardUsageEngagementsHint: "非页面浏览事件加已保存视图",
@@ -11303,6 +11315,10 @@ const translatedDashboardAdminTranslations = {
       dashboardUsageUsers: "用户",
       dashboardUsageModified: "修改时间",
       dashboardUsageCreated: "创建时间",
+      dashboardMetadataCreated: "创建时间",
+      dashboardMetadataCreatedBy: "创建者",
+      dashboardMetadataUpdated: "更新时间",
+      dashboardMetadataUpdatedBy: "更新者",
       dashboardUsageState: "状态",
       dashboardUsagePanels: "{{count}} 个面板",
       dashboardUsageSavedViews: "{{count}} 个已保存视图",
@@ -11332,6 +11348,10 @@ const translatedDashboardAdminTranslations = {
       dashboardUsageTotal: "Paneles",
       dashboardUsageActive: "{{count}} activos",
       dashboardUsageViews: "Vistas",
+      dashboardUsageEdits: "Ediciones",
+      dashboardUsageSort: "Ordenar paneles",
+      dashboardUsageMostViewed: "Más vistas",
+      dashboardUsageMostEdited: "Más editados",
       dashboardUsageTop: "Principal: {{name}}",
       dashboardUsageEngagements: "Interacciones",
       dashboardUsageEngagementsHint:
@@ -11343,6 +11363,10 @@ const translatedDashboardAdminTranslations = {
       dashboardUsageUsers: "Usuarios",
       dashboardUsageModified: "Modificado",
       dashboardUsageCreated: "Creado",
+      dashboardMetadataCreated: "Creado",
+      dashboardMetadataCreatedBy: "Creado por",
+      dashboardMetadataUpdated: "Modificado",
+      dashboardMetadataUpdatedBy: "Modificado por",
       dashboardUsageState: "Estado",
       dashboardUsagePanels: "{{count}} paneles",
       dashboardUsageSavedViews: "{{count}} vistas guardadas",
@@ -11372,6 +11396,10 @@ const translatedDashboardAdminTranslations = {
       dashboardUsageTotal: "Tableaux de bord",
       dashboardUsageActive: "{{count}} actifs",
       dashboardUsageViews: "Vues",
+      dashboardUsageEdits: "Modifications",
+      dashboardUsageSort: "Trier les tableaux",
+      dashboardUsageMostViewed: "Les plus consultés",
+      dashboardUsageMostEdited: "Les plus modifiés",
       dashboardUsageTop: "Meilleur : {{name}}",
       dashboardUsageEngagements: "Engagements",
       dashboardUsageEngagementsHint:
@@ -11383,6 +11411,10 @@ const translatedDashboardAdminTranslations = {
       dashboardUsageUsers: "Utilisateurs",
       dashboardUsageModified: "Modifié",
       dashboardUsageCreated: "Créé",
+      dashboardMetadataCreated: "Créé",
+      dashboardMetadataCreatedBy: "Créé par",
+      dashboardMetadataUpdated: "Modifié",
+      dashboardMetadataUpdatedBy: "Modifié par",
       dashboardUsageState: "État",
       dashboardUsagePanels: "{{count}} panneaux",
       dashboardUsageSavedViews: "{{count}} vues enregistrées",
@@ -11412,6 +11444,10 @@ const translatedDashboardAdminTranslations = {
       dashboardUsageTotal: "Dashboards",
       dashboardUsageActive: "{{count}} aktiv",
       dashboardUsageViews: "Aufrufe",
+      dashboardUsageEdits: "Bearbeitungen",
+      dashboardUsageSort: "Dashboards sortieren",
+      dashboardUsageMostViewed: "Am häufigsten aufgerufen",
+      dashboardUsageMostEdited: "Am häufigsten bearbeitet",
       dashboardUsageTop: "Top: {{name}}",
       dashboardUsageEngagements: "Interaktionen",
       dashboardUsageEngagementsHint:
@@ -11423,6 +11459,10 @@ const translatedDashboardAdminTranslations = {
       dashboardUsageUsers: "Benutzer",
       dashboardUsageModified: "Geändert",
       dashboardUsageCreated: "Erstellt",
+      dashboardMetadataCreated: "Erstellt",
+      dashboardMetadataCreatedBy: "Erstellt von",
+      dashboardMetadataUpdated: "Geändert",
+      dashboardMetadataUpdatedBy: "Geändert von",
       dashboardUsageState: "Status",
       dashboardUsagePanels: "{{count}} Panels",
       dashboardUsageSavedViews: "{{count}} gespeicherte Ansichten",
@@ -11452,6 +11492,10 @@ const translatedDashboardAdminTranslations = {
       dashboardUsageTotal: "ダッシュボード",
       dashboardUsageActive: "{{count}} 件がアクティブ",
       dashboardUsageViews: "閲覧数",
+      dashboardUsageEdits: "編集数",
+      dashboardUsageSort: "ダッシュボードを並べ替え",
+      dashboardUsageMostViewed: "閲覧数が多い順",
+      dashboardUsageMostEdited: "編集数が多い順",
       dashboardUsageTop: "トップ：{{name}}",
       dashboardUsageEngagements: "エンゲージメント",
       dashboardUsageEngagementsHint:
@@ -11463,6 +11507,10 @@ const translatedDashboardAdminTranslations = {
       dashboardUsageUsers: "ユーザー",
       dashboardUsageModified: "更新日",
       dashboardUsageCreated: "作成日",
+      dashboardMetadataCreated: "作成日",
+      dashboardMetadataCreatedBy: "作成者",
+      dashboardMetadataUpdated: "更新日",
+      dashboardMetadataUpdatedBy: "更新者",
       dashboardUsageState: "状態",
       dashboardUsagePanels: "{{count}} パネル",
       dashboardUsageSavedViews: "{{count}} 件の保存済みビュー",
@@ -11492,6 +11540,10 @@ const translatedDashboardAdminTranslations = {
       dashboardUsageTotal: "대시보드",
       dashboardUsageActive: "{{count}}개 활성",
       dashboardUsageViews: "조회수",
+      dashboardUsageEdits: "편집 횟수",
+      dashboardUsageSort: "대시보드 정렬",
+      dashboardUsageMostViewed: "조회수 많은 순",
+      dashboardUsageMostEdited: "편집 많은 순",
       dashboardUsageTop: "상위: {{name}}",
       dashboardUsageEngagements: "참여",
       dashboardUsageEngagementsHint: "페이지뷰 외 이벤트와 저장된 보기",
@@ -11502,6 +11554,10 @@ const translatedDashboardAdminTranslations = {
       dashboardUsageUsers: "사용자",
       dashboardUsageModified: "수정됨",
       dashboardUsageCreated: "생성됨",
+      dashboardMetadataCreated: "생성됨",
+      dashboardMetadataCreatedBy: "생성자",
+      dashboardMetadataUpdated: "수정됨",
+      dashboardMetadataUpdatedBy: "수정자",
       dashboardUsageState: "상태",
       dashboardUsagePanels: "{{count}}개 패널",
       dashboardUsageSavedViews: "{{count}}개 저장된 보기",
@@ -11531,6 +11587,10 @@ const translatedDashboardAdminTranslations = {
       dashboardUsageTotal: "Painéis",
       dashboardUsageActive: "{{count}} ativos",
       dashboardUsageViews: "Visualizações",
+      dashboardUsageEdits: "Edições",
+      dashboardUsageSort: "Ordenar painéis",
+      dashboardUsageMostViewed: "Mais visualizados",
+      dashboardUsageMostEdited: "Mais editados",
       dashboardUsageTop: "Principal: {{name}}",
       dashboardUsageEngagements: "Engajamentos",
       dashboardUsageEngagementsHint:
@@ -11542,6 +11602,10 @@ const translatedDashboardAdminTranslations = {
       dashboardUsageUsers: "Usuários",
       dashboardUsageModified: "Modificado",
       dashboardUsageCreated: "Criado",
+      dashboardMetadataCreated: "Criado",
+      dashboardMetadataCreatedBy: "Criado por",
+      dashboardMetadataUpdated: "Modificado",
+      dashboardMetadataUpdatedBy: "Modificado por",
       dashboardUsageState: "Estado",
       dashboardUsagePanels: "{{count}} painéis",
       dashboardUsageSavedViews: "{{count}} visualizações salvas",
@@ -11571,6 +11635,10 @@ const translatedDashboardAdminTranslations = {
       dashboardUsageTotal: "डैशबोर्ड",
       dashboardUsageActive: "{{count}} सक्रिय",
       dashboardUsageViews: "व्यू",
+      dashboardUsageEdits: "संपादन",
+      dashboardUsageSort: "डैशबोर्ड क्रमित करें",
+      dashboardUsageMostViewed: "सबसे अधिक देखे गए",
+      dashboardUsageMostEdited: "सबसे अधिक संपादित",
       dashboardUsageTop: "शीर्ष: {{name}}",
       dashboardUsageEngagements: "एंगेजमेंट",
       dashboardUsageEngagementsHint: "Non-pageview events और saved views",
@@ -11581,6 +11649,10 @@ const translatedDashboardAdminTranslations = {
       dashboardUsageUsers: "यूज़र",
       dashboardUsageModified: "संशोधित",
       dashboardUsageCreated: "बनाया गया",
+      dashboardMetadataCreated: "बनाया गया",
+      dashboardMetadataCreatedBy: "इसके द्वारा बनाया गया",
+      dashboardMetadataUpdated: "संशोधित",
+      dashboardMetadataUpdatedBy: "इसके द्वारा संशोधित",
       dashboardUsageState: "स्थिति",
       dashboardUsagePanels: "{{count}} पैनल",
       dashboardUsageSavedViews: "{{count}} saved views",
@@ -11610,6 +11682,10 @@ const translatedDashboardAdminTranslations = {
       dashboardUsageTotal: "لوحات المعلومات",
       dashboardUsageActive: "{{count}} نشطة",
       dashboardUsageViews: "المشاهدات",
+      dashboardUsageEdits: "التعديلات",
+      dashboardUsageSort: "فرز لوحات المعلومات",
+      dashboardUsageMostViewed: "الأكثر مشاهدة",
+      dashboardUsageMostEdited: "الأكثر تعديلاً",
       dashboardUsageTop: "الأعلى: {{name}}",
       dashboardUsageEngagements: "التفاعلات",
       dashboardUsageEngagementsHint:
@@ -11621,6 +11697,10 @@ const translatedDashboardAdminTranslations = {
       dashboardUsageUsers: "المستخدمون",
       dashboardUsageModified: "عُدّلت",
       dashboardUsageCreated: "أُنشئت",
+      dashboardMetadataCreated: "أُنشئت",
+      dashboardMetadataCreatedBy: "أنشأها",
+      dashboardMetadataUpdated: "عُدّلت",
+      dashboardMetadataUpdatedBy: "عدّلها",
       dashboardUsageState: "الحالة",
       dashboardUsagePanels: "{{count}} لوحات",
       dashboardUsageSavedViews: "{{count}} طرق عرض محفوظة",

package/corpus/templates/analytics/app/pages/Agents.tsx

@@ -106,6 +106,7 @@ interface DashboardUsageStats {
   viewCount: number;
   engagementCount: number;
   eventEngagementCount: number;
+  editCount: number;
   savedViewCount: number;
   uniqueUserCount: number;
   lastViewedAt: string | null;
@@ -135,6 +136,7 @@ function DashboardUsageAdminPanel() {
   const t = useT();
   const { formatDate } = useFormatters();
   const numberFormat = useMemo(() => new Intl.NumberFormat(), []);
+  const [sortBy, setSortBy] = useState<"views" | "edits">("views");
   const {
     data: dashboards = [],
     isLoading,
@@ -172,7 +174,25 @@ function DashboardUsageAdminPanel() {
   const staleDashboards = dashboards.filter(
     (dashboard) => dashboard.viewCount === 0 && !dashboard.archivedAt,
   );
-  const mostViewedDashboard = dashboards[0] ?? null;
+  const mostViewedDashboard = dashboards.reduce<DashboardUsageStats | null>(
+    (mostViewed, dashboard) =>
+      !mostViewed || dashboard.viewCount > mostViewed.viewCount
+        ? dashboard
+        : mostViewed,
+    null,
+  );
+  const sortedDashboards = useMemo(
+    () =>
+      [...dashboards].sort((a, b) => {
+        const primary =
+          sortBy === "views"
+            ? b.viewCount - a.viewCount
+            : b.editCount - a.editCount;
+        if (primary !== 0) return primary;
+        return b.updatedAt.localeCompare(a.updatedAt);
+      }),
+    [dashboards, sortBy],
+  );
 
   return (
     <div className="flex min-w-0 flex-1 flex-col gap-4">
@@ -185,6 +205,27 @@ function DashboardUsageAdminPanel() {
             {t("agents.dashboardUsageDescription")}
           </p>
         </div>
+        <Select
+          value={sortBy}
+          onValueChange={(value) => {
+            if (value === "views" || value === "edits") setSortBy(value);
+          }}
+        >
+          <SelectTrigger
+            className="w-44"
+            aria-label={t("agents.dashboardUsageSort")}
+          >
+            <SelectValue />
+          </SelectTrigger>
+          <SelectContent>
+            <SelectItem value="views">
+              {t("agents.dashboardUsageMostViewed")}
+            </SelectItem>
+            <SelectItem value="edits">
+              {t("agents.dashboardUsageMostEdited")}
+            </SelectItem>
+          </SelectContent>
+        </Select>
       </div>
 
       {error ? (
@@ -260,6 +301,7 @@ function DashboardUsageAdminPanel() {
                     <TableHead>{t("agents.dashboardUsageDashboard")}</TableHead>
                     <TableHead>{t("agents.dashboardUsageOwner")}</TableHead>
                     <TableHead>{t("agents.dashboardUsageViews")}</TableHead>
+                    <TableHead>{t("agents.dashboardUsageEdits")}</TableHead>
                     <TableHead>
                       {t("agents.dashboardUsageEngagements")}
                     </TableHead>
@@ -270,7 +312,7 @@ function DashboardUsageAdminPanel() {
                   </TableRow>
                 </TableHeader>
                 <TableBody>
-                  {dashboards.map((dashboard) => (
+                  {sortedDashboards.map((dashboard) => (
                     <TableRow key={dashboard.id}>
                       <TableCell className="min-w-[240px]">
                         <div className="flex min-w-0 flex-col gap-1">
@@ -303,6 +345,11 @@ function DashboardUsageAdminPanel() {
                           {formatMaybeDate(dashboard.lastViewedAt)}
                         </div>
                       </TableCell>
+                      <TableCell>
+                        <div className="font-medium">
+                          {formatCount(dashboard.editCount)}
+                        </div>
+                      </TableCell>
                       <TableCell>
                         <div className="font-medium">
                           {formatCount(dashboard.engagementCount)}

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

@@ -48,6 +48,7 @@ import { useSearchParams, useNavigate } from "react-router";
 import { toast } from "sonner";
 
 import { DashboardHistoryPanel } from "@/components/dashboard/DashboardHistoryPanel";
+import { DashboardMetadata } from "@/components/dashboard/DashboardMetadata";
 import {
   DashboardTitleSkeleton,
   useSetPageTitle,
@@ -75,6 +76,7 @@ import {
 import {
   DropdownMenu,
   DropdownMenuContent,
+  DropdownMenuLabel,
   DropdownMenuItem,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
@@ -115,6 +117,10 @@ const TAB_ID = generateTabId();
 
 type FetchedExplorerDashboard = {
   data: ExplorerDashboardData;
+  ownerEmail: string | null;
+  createdAt: string | null;
+  updatedAt: string | null;
+  updatedBy: string | null;
   archivedAt: string | null;
   hiddenAt: string | null;
   hiddenBy: string | null;
@@ -145,6 +151,10 @@ async function fetchDashboard(
       name: raw.name ?? "Untitled Dashboard",
       charts: raw.charts ?? [],
     },
+    ownerEmail: typeof raw.ownerEmail === "string" ? raw.ownerEmail : null,
+    createdAt: typeof raw.createdAt === "string" ? raw.createdAt : null,
+    updatedAt: typeof raw.updatedAt === "string" ? raw.updatedAt : null,
+    updatedBy: typeof raw.updatedBy === "string" ? raw.updatedBy : null,
     archivedAt: typeof raw.archivedAt === "string" ? raw.archivedAt : null,
     hiddenAt: typeof raw.hiddenAt === "string" ? raw.hiddenAt : null,
     hiddenBy: typeof raw.hiddenBy === "string" ? raw.hiddenBy : null,
@@ -178,6 +188,16 @@ export default function ExplorerDashboardPage() {
   const [dashboard, setDashboard] = useState<ExplorerDashboardData | null>(
     null,
   );
+  const [dashboardOwner, setDashboardOwner] = useState<string | null>(null);
+  const [dashboardCreatedAt, setDashboardCreatedAt] = useState<string | null>(
+    null,
+  );
+  const [dashboardUpdatedAt, setDashboardUpdatedAt] = useState<string | null>(
+    null,
+  );
+  const [dashboardUpdatedBy, setDashboardUpdatedBy] = useState<string | null>(
+    null,
+  );
   const [archivedAt, setArchivedAt] = useState<string | null>(null);
   const [hiddenAt, setHiddenAt] = useState<string | null>(null);
   const [hiddenBy, setHiddenBy] = useState<string | null>(null);
@@ -307,6 +327,10 @@ export default function ExplorerDashboardPage() {
     if (!dashboardId) return;
     setLoaded(false);
     setDashboard(null);
+    setDashboardOwner(null);
+    setDashboardCreatedAt(null);
+    setDashboardUpdatedAt(null);
+    setDashboardUpdatedBy(null);
     setHiddenAt(null);
     setHiddenBy(null);
     setResourceAccess(null);
@@ -318,6 +342,10 @@ export default function ExplorerDashboardPage() {
     const d = dashboardQuery.data;
     if (d) {
       setDashboard(d.data);
+      setDashboardOwner(d.ownerEmail);
+      setDashboardCreatedAt(d.createdAt);
+      setDashboardUpdatedAt(d.updatedAt);
+      setDashboardUpdatedBy(d.updatedBy);
       setArchivedAt(d.archivedAt);
       setHiddenAt(d.hiddenAt);
       setHiddenBy(d.hiddenBy);
@@ -331,6 +359,10 @@ export default function ExplorerDashboardPage() {
         name: t("explorerDashboard.untitledDashboard"),
         charts: [],
       });
+      setDashboardOwner(null);
+      setDashboardCreatedAt(null);
+      setDashboardUpdatedAt(null);
+      setDashboardUpdatedBy(null);
       setArchivedAt(null);
       setHiddenAt(null);
       setHiddenBy(null);
@@ -644,18 +676,29 @@ export default function ExplorerDashboardPage() {
                   {t("explorerDashboard.moreActions")}
                 </TooltipContent>
               </Tooltip>
-              <DropdownMenuContent align="end" className="w-44">
+              <DropdownMenuContent align="end" className="w-72">
                 {dashboardId ? (
-                  <DropdownMenuItem
-                    onSelect={(event) => {
-                      event.preventDefault();
-                      setDashboardActionsOpen(false);
-                      setHistoryOpen(true);
-                    }}
-                  >
-                    <IconHistory className="mr-2 h-3.5 w-3.5" />
-                    {t("dashboard.historyTitle")}
-                  </DropdownMenuItem>
+                  <>
+                    <DropdownMenuLabel className="font-normal">
+                      <DashboardMetadata
+                        createdAt={dashboardCreatedAt}
+                        createdBy={dashboardOwner}
+                        updatedAt={dashboardUpdatedAt}
+                        updatedBy={dashboardUpdatedBy}
+                      />
+                    </DropdownMenuLabel>
+                    <DropdownMenuSeparator />
+                    <DropdownMenuItem
+                      onSelect={(event) => {
+                        event.preventDefault();
+                        setDashboardActionsOpen(false);
+                        setHistoryOpen(true);
+                      }}
+                    >
+                      <IconHistory className="mr-2 h-3.5 w-3.5" />
+                      {t("dashboard.historyTitle")}
+                    </DropdownMenuItem>
+                  </>
                 ) : null}
                 {dashboardId && canEdit && !archivedAt ? (
                   <DropdownMenuSeparator />

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

@@ -4,7 +4,6 @@ import { useDraggable } from "@dnd-kit/core";
 import {
   IconGripVertical,
   IconDotsVertical,
-  IconExternalLink,
   IconMaximize,
   IconPencil,
   IconRefresh,
@@ -14,9 +13,8 @@ import {
   IconMessageCircle,
   IconBrandGoogle,
 } from "@tabler/icons-react";
-import { useIsFetching, useQueryClient } from "@tanstack/react-query";
+import { useQueryClient } from "@tanstack/react-query";
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { useNavigate } from "react-router";
 import { toast } from "sonner";
 
 import { ChartFillHeight, SqlChart } from "@/components/dashboard/SqlChart";
@@ -44,7 +42,6 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
-import { Spinner } from "@/components/ui/spinner";
 import {
   Tooltip,
   TooltipContent,
@@ -143,7 +140,6 @@ export function SqlChartCard({
   const [confirmOpen, setConfirmOpen] = useState(false);
   const [expanded, setExpanded] = useState(false);
   const [extRefreshKey, setExtRefreshKey] = useState(0);
-  const navigate = useNavigate();
   const [exportCsv, setExportCsv] = useState<(() => void) | null>(null);
   const [shouldLoadData, setShouldLoadData] = useState(
     eagerLoad ||
@@ -161,17 +157,6 @@ export function SqlChartCard({
       ] as const,
     [panel.id, panel.source, panel.sql, resolvedSql],
   );
-  const chartFetchCount = useIsFetching({ queryKey: chartQueryKey });
-  const chartHasCachedData =
-    queryClient.getQueryData(chartQueryKey) !== undefined;
-  const isChartRefreshing = chartHasCachedData && chartFetchCount > 0;
-  const extensionId =
-    panel.chartType === "extension"
-      ? ((panel.config as Record<string, unknown> | undefined)?.extensionId as
-          | string
-          | undefined)
-      : undefined;
-
   const setCardNodeRef = useCallback((node: HTMLDivElement | null) => {
     cardRef.current = node;
   }, []);
@@ -373,7 +358,7 @@ export function SqlChartCard({
 
   // Extension panels render their sandboxed iframe full-bleed with no card chrome
   // or title — the extension owns its own UI. All viewers get the read-only
-  // actions (full screen, refresh, open embedded extension); editable
+  // actions (full screen and refresh); editable
   // dashboards also get delete and drag.
   if (panel.chartType === "extension") {
     return (
@@ -429,22 +414,6 @@ export function SqlChartCard({
                 <IconMaximize className="h-4 w-4 mr-2" />
                 {t("sqlDashboard.fullScreen")}
               </DropdownMenuItem>
-              {extensionId ? (
-                <DropdownMenuItem
-                  onSelect={() =>
-                    navigate(
-                      `/extensions/${extensionId}/${encodeURIComponent(
-                        (panel.title ?? "extension")
-                          .toLowerCase()
-                          .replace(/[^a-z0-9]+/g, "-"),
-                      )}`,
-                    )
-                  }
-                >
-                  <IconExternalLink className="h-4 w-4 mr-2" />
-                  Open embedded extension {/* i18n-ignore */}
-                </DropdownMenuItem>
-              ) : null}
               <DropdownMenuSeparator />
               <DropdownMenuItem onSelect={() => setExtRefreshKey((k) => k + 1)}>
                 <IconRefresh className="h-4 w-4 mr-2" />
@@ -556,26 +525,7 @@ export function SqlChartCard({
           <CardTitle className="text-sm font-medium flex-1 truncate">
             {panel.title}
           </CardTitle>
-          <div
-            className={`flex items-center gap-1 transition-opacity ${
-              isChartRefreshing
-                ? "opacity-100"
-                : "opacity-0 group-hover:opacity-100 focus-within:opacity-100"
-            }`}
-          >
-            {isChartRefreshing ? (
-              <Tooltip>
-                <TooltipTrigger asChild>
-                  <span className="inline-flex size-6 items-center justify-center rounded text-muted-foreground">
-                    <Spinner
-                      className="size-3.5"
-                      aria-label={t("sqlDashboard.refreshing")}
-                    />
-                  </span>
-                </TooltipTrigger>
-                <TooltipContent>{t("sqlDashboard.refreshing")}</TooltipContent>
-              </Tooltip>
-            ) : null}
+          <div className="flex items-center gap-1 opacity-0 transition-opacity group-hover:opacity-100 focus-within:opacity-100">
             {editable && onSaveSql ? (
               <ViewSqlPopover
                 panel={panel}