@agent-native/core 0.145.5 → 0.145.7

package/corpus/templates/analytics/actions/account-deep-dive.ts

@@ -2,8 +2,8 @@ import { defineAction } from "@agent-native/core";
 import { z } from "zod";
 
 import {
-  getCallDetail,
-  getCallTranscript,
+  getCallDetails,
+  getCallTranscripts,
   searchCallsForQueries,
   type GongCall,
 } from "../server/lib/gong";
@@ -230,6 +230,20 @@ function recordTimestampMs(record: HubSpotObjectRecord) {
   return Number.isFinite(time) ? time : 0;
 }
 
+function transcriptRowsByCallId(payload: unknown): Map<string, unknown> {
+  const rows = new Map<string, unknown>();
+  if (!payload || typeof payload !== "object") return rows;
+  const callTranscripts = (payload as { callTranscripts?: unknown })
+    .callTranscripts;
+  if (!Array.isArray(callTranscripts)) return rows;
+  for (const row of callTranscripts) {
+    if (!row || typeof row !== "object") continue;
+    const callId = (row as { callId?: unknown }).callId;
+    if (typeof callId === "string" && callId) rows.set(callId, row);
+  }
+  return rows;
+}
+
 async function loadGongEvidence(options: {
   queries: string[];
   days: number;
@@ -269,55 +283,77 @@ async function loadGongEvidence(options: {
     );
   }
 
-  const callDetails = await Promise.all(
-    calls.slice(0, Math.min(5, options.gongLimit)).map(async (call) => {
-      try {
-        return await getCallDetail(call.id);
-      } catch (err) {
-        gaps.push(
-          `Gong call detail ${call.id}: ${
-            err instanceof Error ? err.message : String(err)
-          }`,
-        );
-        return null;
+  const detailCalls = calls.slice(0, Math.min(5, options.gongLimit));
+  let callDetails: Awaited<ReturnType<typeof getCallDetails>> = [];
+  if (detailCalls.length) {
+    try {
+      const details = await getCallDetails(detailCalls.map((call) => call.id));
+      const detailsById = new Map(details.map((detail) => [detail.id, detail]));
+      callDetails = detailCalls.flatMap((call) => {
+        const detail = detailsById.get(call.id);
+        if (!detail) {
+          gaps.push(`Gong call detail ${call.id}: no detail was returned.`);
+          return [];
+        }
+        return [detail];
+      });
+    } catch (err) {
+      gaps.push(
+        `Gong call details: ${err instanceof Error ? err.message : String(err)}`,
+      );
+    }
+  }
+
+  const transcripts: Array<Record<string, unknown>> = [];
+  if (options.includeTranscripts) {
+    const transcriptCalls = calls.slice(0, options.transcriptLimit);
+    try {
+      const rows = transcriptRowsByCallId(
+        await getCallTranscripts(transcriptCalls.map((call) => call.id)),
+      );
+      for (const call of transcriptCalls) {
+        const transcript = rows.get(call.id);
+        if (transcript) {
+          transcripts.push({
+            callId: call.id,
+            title: call.title,
+            started: call.started,
+            ...extractTranscriptText(transcript, options.transcriptMaxChars),
+          });
+        } else {
+          const error = "Gong did not return a transcript for this call.";
+          gaps.push(`Gong transcript ${call.id}: ${error}`);
+          transcripts.push({
+            callId: call.id,
+            title: call.title,
+            started: call.started,
+            text: "",
+            sentenceCount: 0,
+            truncated: false,
+            error,
+          });
+        }
       }
-    }),
-  );
-
-  const transcripts = options.includeTranscripts
-    ? await Promise.all(
-        calls.slice(0, options.transcriptLimit).map(async (call) => {
-          try {
-            const transcript = await getCallTranscript(call.id);
-            return {
-              callId: call.id,
-              title: call.title,
-              started: call.started,
-              ...extractTranscriptText(transcript, options.transcriptMaxChars),
-            };
-          } catch (err) {
-            gaps.push(
-              `Gong transcript ${call.id}: ${
-                err instanceof Error ? err.message : String(err)
-              }`,
-            );
-            return {
-              callId: call.id,
-              title: call.title,
-              started: call.started,
-              text: "",
-              sentenceCount: 0,
-              truncated: false,
-              error: err instanceof Error ? err.message : String(err),
-            };
-          }
-        }),
-      )
-    : [];
+    } catch (err) {
+      const error = err instanceof Error ? err.message : String(err);
+      for (const call of transcriptCalls) {
+        gaps.push(`Gong transcript ${call.id}: ${error}`);
+        transcripts.push({
+          callId: call.id,
+          title: call.title,
+          started: call.started,
+          text: "",
+          sentenceCount: 0,
+          truncated: false,
+          error,
+        });
+      }
+    }
+  }
 
   return {
     calls,
-    callDetails: callDetails.filter((detail) => detail !== null),
+    callDetails,
     transcripts,
     searchCoverage,
     gaps,

package/corpus/templates/analytics/actions/create-dashboard-folder.ts

@@ -0,0 +1,27 @@
+import { defineAction } from "@agent-native/core";
+import {
+  getRequestOrgId,
+  getRequestUserEmail,
+} from "@agent-native/core/server";
+import { z } from "zod";
+
+import { createDashboardFolder } from "../server/lib/dashboard-folders-store";
+
+export default defineAction({
+  description: "Create a personal or shared dashboard folder.",
+  schema: z.object({
+    name: z.string().min(1).max(120),
+    scope: z.enum(["personal", "shared"]),
+  }),
+  http: { method: "POST" },
+  run: async ({ name, scope }) => {
+    const email = getRequestUserEmail();
+    if (!email) throw new Error("no authenticated user");
+    return {
+      folder: await createDashboardFolder(name, scope, {
+        email,
+        orgId: getRequestOrgId() || null,
+      }),
+    };
+  },
+});

package/corpus/templates/analytics/actions/gong-calls.ts

@@ -63,7 +63,7 @@ interface TranscriptSearchError {
 
 function callLimitGuidance(limit: number, truncated: boolean): string {
   return truncated
-    ? `Returned the ${limit} most recent matching calls. If this coverage is insufficient for the analysis, increase the limit and page through more calls; for very large datasets prefer chunked background processing.`
+    ? `Coverage is incomplete: returned the ${limit} most recent matching calls and more Gong pages remain. Do not increase the limit or page this action for broad or exhaustive analysis. Switch to tracker staging with provider-api-request plus query-staged-dataset or a Data Program, or use provider-corpus-job when raw transcript bodies are required.`
     : `Returned ${limit} or fewer matching calls. Answer from these calls; expand limit if broader coverage is needed.`;
 }
 
@@ -719,7 +719,7 @@ export default defineAction({
           : {}),
         guidance: [
           transcriptSearch
-            ? `Transcript search inspected ${transcriptSearch.inspectedCalls} of ${result.calls.length} matching call(s) for "${transcriptQuery}" and found ${transcriptSearch.matches.length} matching call(s). Use coverageComplete/errors before making absence claims; increase transcriptScanLimit or narrow the window if coverage is incomplete.`
+            ? `Transcript search inspected ${transcriptSearch.inspectedCalls} of ${result.calls.length} matching call(s) for "${transcriptQuery}" and found ${transcriptSearch.matches.length} matching call(s). Use coverageComplete/errors before making absence claims; if coverage is incomplete, keep any retry bounded by narrowing the window, or switch broad/exhaustive work to tracker staging or provider-corpus-job.`
             : "",
           exhaustive
             ? shouldLoadTranscripts
@@ -854,7 +854,7 @@ export default defineAction({
         ...(transcripts ? { transcripts } : {}),
         guidance: [
           transcriptSearch
-            ? `Transcript search inspected ${transcriptSearch.inspectedCalls} of ${returnedCalls.length} returned call(s) for "${transcriptQuery}" and found ${transcriptSearch.matches.length} matching call(s). Use coverageComplete/errors before making absence claims; increase limit/transcriptScanLimit or narrow the window if coverage is incomplete.`
+            ? `Transcript search inspected ${transcriptSearch.inspectedCalls} of ${returnedCalls.length} returned call(s) for "${transcriptQuery}" and found ${transcriptSearch.matches.length} matching call(s). Use coverageComplete/errors before making absence claims; if coverage is incomplete, keep any retry bounded by narrowing the window, or switch broad/exhaustive work to tracker staging or provider-corpus-job.`
             : "",
           exhaustive
             ? `Exhaustive discovery returned ${returnedCalls.length} call(s) from the date window${truncated ? ", but Gong has more pages than this request covered" : ""}.`

package/corpus/templates/analytics/actions/list-dashboard-folders.ts

@@ -0,0 +1,26 @@
+import { defineAction } from "@agent-native/core";
+import {
+  getRequestOrgId,
+  getRequestUserEmail,
+} from "@agent-native/core/server";
+import { z } from "zod";
+
+import { listDashboardFolders } from "../server/lib/dashboard-folders-store";
+
+export default defineAction({
+  description: "List dashboard folders accessible to the current user.",
+  schema: z.object({}),
+  http: { method: "GET" },
+  readOnly: true,
+  publicAgent: { expose: true, readOnly: true, requiresAuth: true },
+  run: async () => {
+    const email = getRequestUserEmail();
+    if (!email) throw new Error("no authenticated user");
+    return {
+      folders: await listDashboardFolders({
+        email,
+        orgId: getRequestOrgId() || null,
+      }),
+    };
+  },
+});

package/corpus/templates/analytics/actions/list-sql-dashboards.ts

@@ -74,6 +74,7 @@ export default defineAction({
       id: d.id,
       name: d.name,
       ...(d.parentId ? { parentId: d.parentId } : {}),
+      ...(d.folderId ? { folderId: d.folderId } : {}),
       ownerEmail: d.ownerEmail,
       orgId: d.orgId,
       visibility: d.visibility,

package/corpus/templates/analytics/actions/set-dashboard-folder.ts

@@ -0,0 +1,26 @@
+import { defineAction } from "@agent-native/core";
+import {
+  getRequestOrgId,
+  getRequestUserEmail,
+} from "@agent-native/core/server";
+import { z } from "zod";
+
+import { assignDashboardToFolder } from "../server/lib/dashboard-folders-store";
+
+export default defineAction({
+  description: "Assign or remove a dashboard's folder membership.",
+  schema: z.object({
+    dashboardId: z.string(),
+    folderId: z.string().nullable(),
+  }),
+  http: { method: "POST" },
+  run: async ({ dashboardId, folderId }) => {
+    const email = getRequestUserEmail();
+    if (!email) throw new Error("no authenticated user");
+    const dashboard = await assignDashboardToFolder(dashboardId, folderId, {
+      email,
+      orgId: getRequestOrgId() || null,
+    });
+    return { id: dashboard.id, folderId };
+  },
+});

package/corpus/templates/analytics/app/components/ProviderCorpusJobNotifier.tsx

@@ -31,6 +31,8 @@ type ProviderCorpusJobEntry = {
     totalHits: number;
     storedHits: number;
     truncatedHits: boolean;
+    paginationComplete: boolean;
+    paginationStopReason: string | null;
   };
   error: string | null;
   nextResumeAt: string | null;
@@ -117,18 +119,31 @@ function notificationKey(entry: ProviderCorpusJobEntry): string {
     entry.coverage.itemsProcessed,
     entry.coverage.totalHits,
     entry.coverage.storedHits,
+    entry.coverage.paginationComplete,
+    entry.coverage.paginationStopReason ?? "",
     entry.nextResumeAt ?? "",
     entry.error ?? "",
   ].join(":");
 }
 
+export function providerCorpusJobIsIncomplete(
+  entry: ProviderCorpusJobEntry,
+): boolean {
+  return (
+    entry.job.status === "completed" &&
+    entry.coverage.paginationComplete === false
+  );
+}
+
 function showJobToast(
   entry: ProviderCorpusJobEntry,
   openAsk: () => void, // i18n-ignore TypeScript helper signature
   t: ReturnType<typeof useT>, // i18n-ignore TypeScript helper type
 ) {
-  const title =
-    entry.job.status === "completed"
+  const incomplete = providerCorpusJobIsIncomplete(entry);
+  const title = incomplete
+    ? t("providerCorpusNotifier.incomplete")
+    : entry.job.status === "completed"
       ? t("providerCorpusNotifier.completed")
       : entry.job.status === "quota_wait"
         ? t("providerCorpusNotifier.quotaWait")
@@ -156,7 +171,7 @@ function showJobToast(
     },
   };
 
-  if (entry.job.status === "failed") {
+  if (entry.job.status === "failed" || incomplete) {
     toast.error(title, options);
   } else if (entry.job.status === "completed") {
     toast.success(title, options);

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

@@ -33,6 +33,7 @@ import {
 } from "react";
 import { useNavigate } from "react-router";
 
+import { useAuth } from "@/components/auth/AuthProvider";
 import {
   CommandDialog,
   CommandInput,
@@ -49,6 +50,7 @@ import {
 import { Label } from "@/components/ui/label";
 import { Skeleton } from "@/components/ui/skeleton";
 import { useReplayStorageStatus } from "@/hooks/use-replay-storage-status";
+import { dashboardCacheScope } from "@/lib/prefetch-keys";
 import { dashboards } from "@/pages/adhoc/registry";
 import {
   buildAnalyticsGeneralSettingsSearchEntries,
@@ -257,6 +259,8 @@ function persistThemePreference(theme: "light" | "dark") {
 export function CommandPalette() {
   const t = useT();
   const { canManageOrg } = useOrgRole();
+  const { auth } = useAuth();
+  const dashboardScope = dashboardCacheScope(auth);
   const [open, setOpen] = useState(false);
   const [changelogOpen, setChangelogOpen] = useState(false);
   const [languageOpen, setLanguageOpen] = useState(false);
@@ -285,19 +289,17 @@ export function CommandPalette() {
   const dashboardsSync = useChangeVersions(["dashboards", "action"]);
 
   const explorerDashboardsQuery = useQuery({
-    queryKey: ["explorer-dashboards-palette", dashboardsSync],
+    queryKey: ["explorer-dashboards-palette", dashboardScope, dashboardsSync],
     queryFn: fetchExplorerDashboards,
     staleTime: 30_000,
     enabled: open,
-    placeholderData: (prev) => prev,
   });
 
   const sqlDashboardsQuery = useQuery({
-    queryKey: ["sql-dashboards-palette", dashboardsSync],
+    queryKey: ["sql-dashboards-palette", dashboardScope, dashboardsSync],
     queryFn: () => fetchSqlDashboards(t),
     staleTime: 30_000,
     enabled: open,
-    placeholderData: (prev) => prev,
   });
 
   const savedCharts = savedChartsQuery.data ?? [];

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

@@ -17,6 +17,7 @@ const pageTitleKeys: Record<string, string> = {
   "/ask": "navigation.ask",
   "/data-sources": "navigation.dataSources",
   "/data-dictionary": "navigation.dataDictionary",
+  "/dashboards": "navigation.dashboards",
   "/analyses": "navigation.analyses",
   "/sessions": "navigation.sessions",
   "/monitoring": "navigation.monitoring",

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

@@ -9,6 +9,7 @@ import {
   PopoverContent,
   PopoverTrigger,
 } from "@/components/ui/popover";
+import { cn } from "@/lib/utils";
 
 const DASHBOARD_CONTEXT =
   "The user wants to create a new analytics dashboard. " +
@@ -32,7 +33,11 @@ const DASHBOARD_CONTEXT =
   "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() {
+export function NewDashboardDialog({
+  triggerClassName,
+}: {
+  triggerClassName?: string;
+} = {}) {
   const t = useT();
   const [open, setOpen] = useState(false);
   const { send, isGenerating } = useSendToAgentChat();
@@ -47,7 +52,12 @@ export function NewDashboardDialog() {
   return (
     <Popover open={open} onOpenChange={setOpen}>
       <PopoverTrigger asChild>
-        <button className="flex w-full cursor-pointer items-center gap-2 rounded-lg px-3 py-1.5 text-xs text-muted-foreground/60 hover:bg-sidebar-accent/50 hover:text-primary">
+        <button
+          className={cn(
+            "flex w-full cursor-pointer items-center gap-2 rounded-lg px-3 py-1.5 text-xs text-muted-foreground/60 hover:bg-sidebar-accent/50 hover:text-primary",
+            triggerClassName,
+          )}
+        >
           <IconPlus className="h-3 w-3" />
           {t("dialogs.newDashboard")}
         </button>

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

@@ -44,6 +44,7 @@ import {
 import { Link, useLocation, useNavigate } from "react-router";
 import { toast } from "sonner";
 
+import { useAuth } from "@/components/auth/AuthProvider";
 import { getIdToken } from "@/lib/auth";
 import { ANALYTICS_CHAT_STORAGE_KEY } from "@/lib/chat-handoff";
 import { cn, shortcutModifierLabel } from "@/lib/utils";
@@ -143,6 +144,7 @@ import { useUserPref } from "@/hooks/use-user-pref";
 import { shouldRenderDashboardList } from "@/lib/dashboard-list-loading";
 import { usePopularity, popularityOf } from "@/lib/item-popularity";
 import {
+  dashboardCacheScope,
   sqlDashboardPrefetchKey,
   type PrefetchSnapshot,
 } from "@/lib/prefetch-keys";
@@ -1124,17 +1126,22 @@ async function fetchSqlDashboards(
 ): Promise<SqlDashboardListItem[]> {
   const rows = await callAction("list-sql-dashboards", {}, { method: "GET" });
   return (Array.isArray(rows) ? rows : [])
-    .filter((d: any) => d && typeof d.id === "string" && d.id.length > 0)
+    .filter(
+      (d: any) =>
+        d &&
+        typeof d.id === "string" &&
+        d.id.length > 0 &&
+        (d.visibility === "private" ||
+          d.visibility === "org" ||
+          d.visibility === "public"),
+    )
     .map((d: any) => ({
       id: d.id,
       name:
         typeof d.name === "string" && d.name.trim().length > 0
           ? d.name
           : t("sidebar.untitledDashboard"),
-      visibility:
-        d.visibility === "org" || d.visibility === "public"
-          ? (d.visibility as Visibility)
-          : ("private" as Visibility),
+      visibility: d.visibility as Visibility,
       parentId:
         typeof d.parentId === "string" && d.parentId.trim().length > 0
           ? d.parentId
@@ -1463,6 +1470,8 @@ export function Sidebar({ mobile }: { mobile?: boolean } = {}) {
   const t = useT();
   const queryClient = useQueryClient();
   const { setTheme } = useTheme();
+  const { auth } = useAuth();
+  const dashboardScope = dashboardCacheScope(auth);
 
   const isAskRoute = location.pathname === "/ask";
   const activeDashboardId = useMemo(() => {
@@ -1623,10 +1632,9 @@ export function Sidebar({ mobile }: { mobile?: boolean } = {}) {
     isError: sqlDashboardsError,
     refetch: refetchSqlDashboards,
   } = useQuery({
-    queryKey: ["sql-dashboards-sidebar", dashboardsSync],
+    queryKey: ["sql-dashboards-sidebar", dashboardScope, dashboardsSync],
     queryFn: () => fetchSqlDashboards(t),
     staleTime: 30_000,
-    placeholderData: (prev) => prev,
   });
 
   const {
@@ -1655,7 +1663,7 @@ export function Sidebar({ mobile }: { mobile?: boolean } = {}) {
   const prefetchDashboard = useCallback(
     (d: SidebarDashboard) => {
       if (d.source !== "sql") return;
-      const queryKey = sqlDashboardPrefetchKey(d.id);
+      const queryKey = sqlDashboardPrefetchKey(d.id, dashboardScope);
       const cached =
         queryClient.getQueryData<
           PrefetchSnapshot<PrefetchedSqlDashboard | null>
@@ -1670,7 +1678,7 @@ export function Sidebar({ mobile }: { mobile?: boolean } = {}) {
         staleTime: cached?.syncVersion === dashboardsSync ? 30_000 : 0,
       });
     },
-    [dashboardsSync, queryClient, t],
+    [dashboardScope, dashboardsSync, queryClient, t],
   );
 
   const visibleDashboards = useMemo<SidebarDashboard[]>(() => {
@@ -1824,7 +1832,7 @@ export function Sidebar({ mobile }: { mobile?: boolean } = {}) {
       // Optimistic: remove from the sidebar query cache immediately so the row
       // disappears without waiting for the DELETE round-trip. Snapshot the
       // prior value so we can roll back on failure.
-      const activeKey = ["sql-dashboards-sidebar"] as const;
+      const activeKey = ["sql-dashboards-sidebar", dashboardScope] as const;
       const prevActive = getQuerySnapshots<SqlDashboardListItem[]>(
         queryClient,
         activeKey,
@@ -1835,14 +1843,16 @@ export function Sidebar({ mobile }: { mobile?: boolean } = {}) {
       );
       try {
         await deleteSqlDashboard({ id: d.id });
-        queryClient.removeQueries({ queryKey: sqlDashboardPrefetchKey(d.id) });
+        queryClient.removeQueries({
+          queryKey: sqlDashboardPrefetchKey(d.id, dashboardScope),
+        });
         queryClient.invalidateQueries({ queryKey: activeKey });
       } catch (err) {
         restoreQuerySnapshots(queryClient, prevActive);
         throw err;
       }
     },
-    [deleteAnalysisMut, deleteSqlDashboard, queryClient],
+    [dashboardScope, deleteAnalysisMut, deleteSqlDashboard, queryClient],
   );
 
   const handleDashboardArchive = useCallback(
@@ -1855,7 +1865,7 @@ export function Sidebar({ mobile }: { mobile?: boolean } = {}) {
         setHiddenIds(getHiddenDashboards());
         return;
       }
-      const activeKey = ["sql-dashboards-sidebar"] as const;
+      const activeKey = ["sql-dashboards-sidebar", dashboardScope] as const;
       const prevActive = getQuerySnapshots<SqlDashboardListItem[]>(
         queryClient,
         activeKey,
@@ -1866,7 +1876,9 @@ export function Sidebar({ mobile }: { mobile?: boolean } = {}) {
       );
       try {
         await archiveDashboardMut({ id: d.id, archived: true });
-        queryClient.removeQueries({ queryKey: sqlDashboardPrefetchKey(d.id) });
+        queryClient.removeQueries({
+          queryKey: sqlDashboardPrefetchKey(d.id, dashboardScope),
+        });
         queryClient.invalidateQueries({ queryKey: activeKey });
         toast.success(t("sidebar.archivedName", { name: d.name }));
       } catch (err) {
@@ -1874,7 +1886,7 @@ export function Sidebar({ mobile }: { mobile?: boolean } = {}) {
         throw err;
       }
     },
-    [queryClient, archiveDashboardMut, t],
+    [dashboardScope, queryClient, archiveDashboardMut, t],
   );
 
   const handleDashboardRename = useCallback(
@@ -1901,7 +1913,7 @@ export function Sidebar({ mobile }: { mobile?: boolean } = {}) {
         return;
       }
 
-      const queryKey = ["sql-dashboards-sidebar"] as const;
+      const queryKey = ["sql-dashboards-sidebar", dashboardScope] as const;
       const prev = getQuerySnapshots<SqlDashboardListItem[]>(
         queryClient,
         queryKey,
@@ -1913,17 +1925,19 @@ export function Sidebar({ mobile }: { mobile?: boolean } = {}) {
       );
       try {
         await renameDashboard({ id: d.id, name: trimmed });
-        queryClient.removeQueries({ queryKey: sqlDashboardPrefetchKey(d.id) });
+        queryClient.removeQueries({
+          queryKey: sqlDashboardPrefetchKey(d.id, dashboardScope),
+        });
         queryClient.invalidateQueries({ queryKey });
         queryClient.invalidateQueries({
-          queryKey: ["sql-dashboards-palette"],
+          queryKey: ["sql-dashboards-palette", dashboardScope],
         });
       } catch (err) {
         restoreQuerySnapshots(queryClient, prev);
         throw err;
       }
     },
-    [queryClient, renameAnalysis, renameDashboard],
+    [dashboardScope, queryClient, renameAnalysis, renameDashboard],
   );
 
   const handleDashboardSetVisibility = useCallback(
@@ -1946,6 +1960,7 @@ export function Sidebar({ mobile }: { mobile?: boolean } = {}) {
       }
       const queryKey = [
         "sql-dashboards-sidebar",
+        dashboardScope,
         dashboardsSyncRef.current,
       ] as const;
       const prev = getQuerySnapshots<SqlDashboardListItem[]>(
@@ -1974,7 +1989,7 @@ export function Sidebar({ mobile }: { mobile?: boolean } = {}) {
         throw err;
       }
     },
-    [queryClient, setResourceVisibility, t],
+    [dashboardScope, queryClient, setResourceVisibility, t],
   );
 
   const sensors = useSensors(

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

@@ -457,6 +457,16 @@
   container: data-sources / inline-size;
 }
 
+.dashboard-overview-layout {
+  container: dashboard-overview / inline-size;
+}
+
+.dashboard-overview-toolbar {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+
 .data-sources-toolbar {
   display: flex;
   flex-direction: column;
@@ -505,6 +515,13 @@
   }
 }
 
+@container dashboard-overview (min-width: 640px) {
+  .dashboard-overview-toolbar {
+    flex-direction: row;
+    align-items: center;
+  }
+}
+
 @container data-sources (min-width: 768px) {
   .data-sources-grid {
     grid-template-columns: repeat(2, minmax(0, 1fr));