@agent-native/core 0.92.2 → 0.92.4

package/corpus/core/src/collab/awareness-store.ts

@@ -0,0 +1,185 @@
+/**
+ * SQL-backed awareness store — makes presence work across serverless
+ * instances.
+ *
+ * The in-memory awareness map in `awareness.ts` is per-process: on a
+ * multi-instance/serverless deployment, a cursor published to instance A is
+ * invisible to a client polling instance B, and an agent action running in
+ * its own invocation can't reach the SSE instance's memory at all. This
+ * store mirrors awareness rows into a `_collab_awareness` table (SQLite +
+ * Postgres portable) so every instance serves the same participant set.
+ *
+ * Everything here is best-effort: presence must never fail or slow down an
+ * edit. Writes are throttled per (docId, clientId) and skipped when the
+ * state hasn't changed; expired rows are purged opportunistically.
+ */
+
+import { getDbExec, isPostgres } from "../db/client.js";
+import { ensureTableExists } from "../db/ddl-guard.js";
+import type { AwarenessEntry } from "./awareness.js";
+
+/** Rows older than this are treated as expired (matches AWARENESS_TIMEOUT). */
+const ROW_TTL_MS = 30_000;
+
+/** Minimum interval between DB writes for an unchanged (docId, clientId). */
+const WRITE_THROTTLE_MS = 2_000;
+
+/** Minimum interval between opportunistic purges per document. */
+const PURGE_INTERVAL_MS = 30_000;
+
+let _initPromise: Promise<void> | undefined;
+
+async function ensureTable(): Promise<void> {
+  if (!_initPromise) {
+    _initPromise = (async () => {
+      const client = getDbExec();
+      // client_id is a Yjs uint32 (can exceed int32 max) and last_seen is
+      // epoch milliseconds — both need BIGINT-range columns.
+      const createSql = `
+        CREATE TABLE IF NOT EXISTS _collab_awareness (
+          doc_id TEXT NOT NULL,
+          client_id BIGINT NOT NULL,
+          state TEXT NOT NULL,
+          last_seen BIGINT NOT NULL,
+          PRIMARY KEY (doc_id, client_id)
+        )
+      `;
+      if (isPostgres()) {
+        await ensureTableExists("_collab_awareness", createSql);
+        return;
+      }
+      await client.execute(createSql);
+    })().catch((err) => {
+      _initPromise = undefined;
+      throw err;
+    });
+  }
+  return _initPromise;
+}
+
+// (docId\0clientId) → { state, writtenAt } for write throttling.
+const _lastWrites = new Map<string, { state: string; writtenAt: number }>();
+// docId → last purge time.
+const _lastPurges = new Map<string, number>();
+
+function writeKey(docId: string, clientId: number): string {
+  return `${docId}\0${clientId}`;
+}
+
+/**
+ * Mirror a client's awareness state to SQL. Throttled: unchanged state is
+ * rewritten at most every {@link WRITE_THROTTLE_MS} (to refresh last_seen).
+ * Never throws.
+ */
+export async function upsertAwarenessRow(
+  docId: string,
+  clientId: number,
+  state: string,
+  lastSeen: number,
+): Promise<void> {
+  try {
+    const key = writeKey(docId, clientId);
+    const prev = _lastWrites.get(key);
+    if (
+      prev &&
+      prev.state === state &&
+      lastSeen - prev.writtenAt < WRITE_THROTTLE_MS
+    ) {
+      return;
+    }
+
+    await ensureTable();
+    const client = getDbExec();
+    if (isPostgres()) {
+      await client.execute({
+        sql: `INSERT INTO _collab_awareness (doc_id, client_id, state, last_seen)
+              VALUES (?, ?, ?, ?)
+              ON CONFLICT (doc_id, client_id)
+              DO UPDATE SET state = EXCLUDED.state, last_seen = EXCLUDED.last_seen`,
+        args: [docId, clientId, state, lastSeen],
+      });
+    } else {
+      await client.execute({
+        sql: `INSERT OR REPLACE INTO _collab_awareness (doc_id, client_id, state, last_seen)
+              VALUES (?, ?, ?, ?)`,
+        args: [docId, clientId, state, lastSeen],
+      });
+    }
+    _lastWrites.set(key, { state, writtenAt: lastSeen });
+
+    await maybePurge(docId, lastSeen);
+  } catch {
+    // Best-effort — presence never fails a request.
+  }
+}
+
+/** Remove a client's row (participant left). Never throws. */
+export async function deleteAwarenessRow(
+  docId: string,
+  clientId: number,
+  maxLastSeen?: number,
+): Promise<void> {
+  try {
+    await ensureTable();
+    const client = getDbExec();
+    if (maxLastSeen == null) {
+      await client.execute({
+        sql: `DELETE FROM _collab_awareness WHERE doc_id = ? AND client_id = ?`,
+        args: [docId, clientId],
+      });
+    } else {
+      await client.execute({
+        sql: `DELETE FROM _collab_awareness
+              WHERE doc_id = ? AND client_id = ? AND last_seen <= ?`,
+        args: [docId, clientId, maxLastSeen],
+      });
+    }
+    _lastWrites.delete(writeKey(docId, clientId));
+  } catch {
+    // Best-effort.
+  }
+}
+
+/**
+ * Load non-expired awareness rows for a document. Returns [] on any
+ * failure (memory-only degradation).
+ */
+export async function loadAwarenessRows(
+  docId: string,
+  now: number = Date.now(),
+): Promise<AwarenessEntry[]> {
+  try {
+    await ensureTable();
+    const client = getDbExec();
+    const { rows } = await client.execute({
+      sql: `SELECT client_id, state, last_seen FROM _collab_awareness
+            WHERE doc_id = ? AND last_seen >= ?`,
+      args: [docId, now - ROW_TTL_MS],
+    });
+    return rows.map((row: any) => ({
+      clientId: Number(row.client_id),
+      state: String(row.state),
+      lastSeen: Number(row.last_seen),
+    }));
+  } catch {
+    return [];
+  }
+}
+
+async function maybePurge(docId: string, now: number): Promise<void> {
+  const last = _lastPurges.get(docId) ?? 0;
+  if (now - last < PURGE_INTERVAL_MS) return;
+  _lastPurges.set(docId, now);
+  const client = getDbExec();
+  await client.execute({
+    sql: `DELETE FROM _collab_awareness WHERE doc_id = ? AND last_seen < ?`,
+    args: [docId, now - ROW_TTL_MS * 2],
+  });
+}
+
+/** Test hook: reset module-level throttles. */
+export function _resetAwarenessStoreForTests(): void {
+  _lastWrites.clear();
+  _lastPurges.clear();
+  _initPromise = undefined;
+}

package/corpus/core/src/collab/awareness.ts

@@ -24,6 +24,7 @@ import {
 } from "./awareness-store.js";
 
 const AWARENESS_TIMEOUT = 30_000; // 30 seconds
+const CLEAR_TOMBSTONE_TTL = AWARENESS_TIMEOUT + 5_000;
 
 export interface AwarenessEntry {
   clientId: number;
@@ -106,6 +107,53 @@ export function emitAwarenessChange(
 
 // docId → Map<clientId, AwarenessEntry>
 const _awarenessMap = new Map<string, Map<number, AwarenessEntry>>();
+// docId + clientId -> clearedAt. Prevents a stale SQL mirror from resurrecting
+// a participant after an explicit leave/delete raced with the next poll.
+const _awarenessClearTombstones = new Map<string, number>();
+
+function awarenessKey(docId: string, clientId: number): string {
+  return `${docId}\0${clientId}`;
+}
+
+function pruneAwarenessClearTombstones(now: number): void {
+  for (const [key, clearedAt] of _awarenessClearTombstones) {
+    if (now - clearedAt > CLEAR_TOMBSTONE_TTL) {
+      _awarenessClearTombstones.delete(key);
+    }
+  }
+}
+
+export function rememberAwarenessClear(
+  docId: string,
+  clientId: number,
+  clearedAt: number = Date.now(),
+): void {
+  pruneAwarenessClearTombstones(clearedAt);
+  const key = awarenessKey(docId, clientId);
+  const prev = _awarenessClearTombstones.get(key);
+  if (prev == null || clearedAt > prev) {
+    _awarenessClearTombstones.set(key, clearedAt);
+  }
+}
+
+export function forgetAwarenessClear(docId: string, clientId: number): void {
+  _awarenessClearTombstones.delete(awarenessKey(docId, clientId));
+}
+
+function isBlockedByAwarenessClear(
+  docId: string,
+  clientId: number,
+  lastSeen: number,
+  now: number,
+): boolean {
+  pruneAwarenessClearTombstones(now);
+  const key = awarenessKey(docId, clientId);
+  const clearedAt = _awarenessClearTombstones.get(key);
+  if (clearedAt == null) return false;
+  if (lastSeen <= clearedAt) return true;
+  _awarenessClearTombstones.delete(key);
+  return false;
+}
 
 export function getDocAwareness(docId: string): Map<number, AwarenessEntry> {
   let map = _awarenessMap.get(docId);
@@ -143,8 +191,13 @@ async function mergeStoredAwareness(
   docId: string,
   map: Map<number, AwarenessEntry>,
 ): Promise<void> {
-  const rows = await loadAwarenessRows(docId);
+  const now = Date.now();
+  const rows = await loadAwarenessRows(docId, now);
   for (const row of rows) {
+    if (isBlockedByAwarenessClear(docId, row.clientId, row.lastSeen, now)) {
+      void deleteAwarenessRow(docId, row.clientId, row.lastSeen);
+      continue;
+    }
     const existing = map.get(row.clientId);
     if (!existing || row.lastSeen > existing.lastSeen) {
       map.set(row.clientId, row);
@@ -187,10 +240,13 @@ export const postAwareness = defineEventHandler(async (event: H3Event) => {
   const map = getDocAwareness(docId);
 
   if (state === null) {
+    const clearedAt = Date.now();
     map.delete(clientId);
+    rememberAwarenessClear(docId, clientId, clearedAt);
     // Best-effort cross-instance removal (never blocks the response).
-    void deleteAwarenessRow(docId, clientId);
+    void deleteAwarenessRow(docId, clientId, clearedAt);
   } else {
+    forgetAwarenessClear(docId, clientId);
     // Store this client's state
     const entry = { clientId, state, lastSeen: Date.now() };
     map.set(clientId, entry);

package/corpus/core/src/scripts/agent-engines/manage-agent-engine.ts

@@ -113,12 +113,7 @@ async function runSetAppDefault(args: Record<string, string>): Promise<string> {
   if (!isAgentEnginePackageInstalled(entry)) {
     return `Error: Engine "${engine}" requires optional packages that are not installed in this app. Run: pnpm add ${entry.installPackage}`;
   }
-  if (
-    entry.name === "builder" &&
-    normalizeModelForEngine(entry, model) !== model
-  ) {
-    return `Error: Model "${model}" is not supported by Builder. Choose one of: ${entry.supportedModels.join(", ")}`;
-  }
+  const normalizedModel = normalizeModelForEngine(entry, model);
 
   const ctx = currentContext();
   const canUpdate = await canUpdateAgentAppModelDefaultSettings(
@@ -133,14 +128,18 @@ async function runSetAppDefault(args: Record<string, string>): Promise<string> {
 
   const settings = await writeAgentAppModelDefaultSettings(ctx, appId, {
     engine,
-    model,
+    model: normalizedModel,
     updatedBy: ctx.userEmail,
   });
+  const normalizedNote =
+    normalizedModel === model
+      ? ""
+      : ` Requested model "${model}" is no longer supported, so "${normalizedModel}" was saved instead.`;
   return JSON.stringify(
     {
       ok: true,
       ...settings,
-      message: `Default model for ${appId} set to ${model} via ${entry.label}.`,
+      message: `Default model for ${appId} set to ${normalizedModel} via ${entry.label}.${normalizedNote}`,
     },
     null,
     2,

package/corpus/core/src/scripts/agent-engines/set-agent-engine.ts

@@ -53,20 +53,8 @@ export async function run(args: Record<string, string>): Promise<string> {
     return `Error: Engine "${engineName}" requires optional packages that are not installed in this app. Run: pnpm add ${entry.installPackage}`;
   }
 
-  const resolvedModel = model ?? entry.defaultModel;
-  if (
-    entry.name === "builder" &&
-    normalizeModelForEngine(entry, resolvedModel) !== resolvedModel
-  ) {
-    return `Error: Model "${resolvedModel}" is not supported by Builder. Choose one of: ${entry.supportedModels.join(", ")}`;
-  }
-
-  // supportedModels is a suggestion list, not an allowlist — accept any
-  // string for BYO/custom engines (OpenRouter / Ollama / previews) and flag
-  // uncurated saves. Builder is an enumerated gateway and is checked above.
-  const modelIsCurated =
-    entry.supportedModels.length === 0 ||
-    entry.supportedModels.includes(resolvedModel);
+  const requestedModel = model ?? entry.defaultModel;
+  const resolvedModel = normalizeModelForEngine(entry, requestedModel);
 
   const usable = await isStoredEngineUsableForRequest(
     { engine: engineName },
@@ -82,14 +70,15 @@ export async function run(args: Record<string, string>): Promise<string> {
     model: resolvedModel,
   });
 
-  const customNote = modelIsCurated
-    ? ""
-    : ` (model "${resolvedModel}" isn't in the curated list for ${entry.label}; saved as a custom model — verify it's a real ID for this provider)`;
+  const normalizedNote =
+    resolvedModel === requestedModel
+      ? ""
+      : ` Requested model "${requestedModel}" is no longer supported, so "${resolvedModel}" was saved instead.`;
 
   return JSON.stringify({
     ok: true,
     engine: engineName,
     model: resolvedModel,
-    message: `Agent engine set to ${entry.label} with model ${resolvedModel}. Takes effect on the next conversation.${customNote}`,
+    message: `Agent engine set to ${entry.label} with model ${resolvedModel}. Takes effect on the next conversation.${normalizedNote}`,
   });
 }

package/corpus/core/src/server/core-routes-plugin.ts

@@ -25,6 +25,7 @@ import {
   detectEngineFromEnv,
   detectEngineFromUserSecrets,
   isStoredEngineUsableForRequest,
+  normalizeModelForEngine,
 } from "../agent/engine/registry.js";
 import {
   canUpdateAgentLoopSettings,
@@ -175,6 +176,16 @@ export const FRAMEWORK_ROUTE_PREFIX = "/_agent-native";
 export const FRAMEWORK_EVENTS_ROUTE = `${FRAMEWORK_ROUTE_PREFIX}/events`;
 export const LEGACY_FRAMEWORK_EVENTS_ROUTE = `${FRAMEWORK_ROUTE_PREFIX}/poll-events`;
 
+export function normalizeAgentEngineStatusModel(
+  entry:
+    | { name: string; defaultModel: string; supportedModels: readonly string[] }
+    | undefined,
+  model: string | null | undefined,
+): string {
+  if (!entry) return model ?? DEFAULT_MODEL;
+  return normalizeModelForEngine(entry, model ?? entry.defaultModel);
+}
+
 export function getFrameworkEnvKeys(): EnvKeyConfig[] {
   return [
     { key: "ENABLE_BUILDER", label: "Enable Builder.io features" },
@@ -2727,10 +2738,14 @@ export function createCoreRoutesPlugin(
             if (isAgentEngineSettingConfigured(stored)) {
               const engine = (stored as { engine: string }).engine;
               const entry = getAgentEngineEntry(engine);
+              const model = normalizeAgentEngineStatusModel(
+                entry,
+                stored?.model,
+              );
               return {
                 configured: true,
                 engine,
-                model: stored?.model ?? entry?.defaultModel ?? DEFAULT_MODEL,
+                model,
                 source: "settings" as const,
                 openAiBaseUrlConfigured,
               };
@@ -2775,10 +2790,14 @@ export function createCoreRoutesPlugin(
                   isStoredEngineUsableForRequest(stored, entry),
                 ))
               ) {
+                const model = normalizeAgentEngineStatusModel(
+                  entry,
+                  stored.model,
+                );
                 return {
                   configured: true,
                   engine: stored.engine,
-                  model: stored.model ?? entry.defaultModel ?? DEFAULT_MODEL,
+                  model,
                   source: "env" as const,
                   envVar: entry.requiredEnvVars[0],
                   openAiBaseUrlConfigured,

package/corpus/core/src/server/embed-session.ts

@@ -44,10 +44,22 @@ const EMBED_ROUTE_ALIASES: Record<string, string[]> = {
   // should survive that first-hop redirect instead of falling back to the
   // private deployment token gate.
   "/": ["/overview"],
-  "/dashboard": ["/adhoc/agent-native-templates-first-party"],
-  "/dashboards": ["/adhoc/agent-native-templates-first-party"],
-  "/traffic": ["/adhoc/agent-native-templates-first-party"],
-  "/traffic-dashboard": ["/adhoc/agent-native-templates-first-party"],
+  "/dashboard": [
+    "/dashboards/agent-native-templates-first-party",
+    "/adhoc/agent-native-templates-first-party",
+  ],
+  "/dashboards": [
+    "/dashboards/agent-native-templates-first-party",
+    "/adhoc/agent-native-templates-first-party",
+  ],
+  "/traffic": [
+    "/dashboards/agent-native-templates-first-party",
+    "/adhoc/agent-native-templates-first-party",
+  ],
+  "/traffic-dashboard": [
+    "/dashboards/agent-native-templates-first-party",
+    "/adhoc/agent-native-templates-first-party",
+  ],
 };
 
 let _initPromise: Promise<void> | undefined;
@@ -263,6 +275,10 @@ function openRouteTargetPathnames(targetPath: string): Set<string> {
       targets,
       `/adhoc/${encodeURIComponent(dashboardId)}`,
     );
+    addResolvedOpenRoutePath(
+      targets,
+      `/dashboards/${encodeURIComponent(dashboardId)}`,
+    );
   }
   const analysisId = safePathSegment(url.searchParams.get("analysisId"));
   if (view === "analyses" && analysisId) {

package/corpus/core/src/styles/agent-native.css

@@ -515,6 +515,57 @@
   --ring: 215 12% 60%;
 }
 
+/* Settings sections: animate between closed and intrinsic open height. */
+.agent-native-settings-section-body {
+  display: flow-root;
+  height: auto;
+  overflow: hidden;
+  overflow: clip;
+  opacity: 1;
+  clip-path: inset(0);
+  interpolate-size: allow-keywords;
+  transition:
+    height 200ms cubic-bezier(0.2, 0, 0, 1),
+    opacity 150ms ease,
+    clip-path 200ms cubic-bezier(0.2, 0, 0, 1);
+}
+
+.agent-native-settings-section-body[data-state="closed"] {
+  height: 0;
+  opacity: 0;
+  clip-path: inset(0 0 100% 0);
+  pointer-events: none;
+}
+
+@starting-style {
+  .agent-native-settings-section-body[data-state="open"] {
+    height: 0;
+    opacity: 0;
+    clip-path: inset(0 0 100% 0);
+  }
+}
+
+@supports not (interpolate-size: allow-keywords) {
+  .agent-native-settings-section-body {
+    height: auto;
+    max-height: 64rem;
+    transition:
+      max-height 200ms cubic-bezier(0.2, 0, 0, 1),
+      opacity 150ms ease,
+      clip-path 200ms cubic-bezier(0.2, 0, 0, 1);
+  }
+
+  .agent-native-settings-section-body[data-state="closed"] {
+    max-height: 0;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .agent-native-settings-section-body {
+    transition: none;
+  }
+}
+
 /* Full settings page section bodies.
    The framework's shared settings sections (LLM, App model defaults, Agent
    limits, Email, Account, Secrets, Usage, Voice, Automations, A2A, hosting

package/corpus/core/src/tracking/providers.ts

@@ -30,6 +30,10 @@ interface QueuedEvent {
   headers?: Record<string, string>;
 }
 
+interface EnqueueOptions {
+  flushImmediately?: boolean;
+}
+
 // Use globalThis so multiple ESM graph instances (Vite dev + Nitro symlinks)
 // share one queue, matching the same pattern as the tracking registry.
 const QUEUE_KEY = Symbol.for("@agent-native/core/tracking.queue");
@@ -59,10 +63,11 @@ function enqueue(
   url: string,
   body: string,
   headers?: Record<string, string>,
+  options?: EnqueueOptions,
 ): void {
   const queue = getQueue();
   queue.push({ url, body, headers });
-  if (queue.length >= MAX_BATCH_SIZE) {
+  if (options?.flushImmediately || queue.length >= MAX_BATCH_SIZE) {
     void drainQueue();
   } else if (!getTimer()) {
     const timer = setTimeout(() => {
@@ -132,6 +137,25 @@ function shouldSkipAgentNativeAnalyticsForLocalhost(): boolean {
   ].some(isLocalhostUrl);
 }
 
+function isServerlessRuntime(): boolean {
+  return Boolean(
+    process.env.NETLIFY ||
+    process.env.VERCEL ||
+    process.env.AWS_LAMBDA_FUNCTION_NAME ||
+    process.env.AWS_EXECUTION_ENV ||
+    process.env.LAMBDA_TASK_ROOT ||
+    process.env.FUNCTION_NAME,
+  );
+}
+
+function agentNativeAnalyticsFlushesImmediately(): boolean {
+  const mode =
+    process.env.AGENT_NATIVE_ANALYTICS_FLUSH_MODE?.trim().toLowerCase();
+  if (mode === "batch") return false;
+  if (mode === "immediate") return true;
+  return isServerlessRuntime();
+}
+
 // ─── PostHog ───────────────────────────────────────────────────────────────
 
 function isPostHogAiObservabilityEvent(eventName: string): boolean {
@@ -307,6 +331,7 @@ function createAgentNativeAnalyticsProvider(
   publicKey: string,
   endpoint: string,
 ): TrackingProvider {
+  const flushImmediately = agentNativeAnalyticsFlushesImmediately();
   return {
     name: "agent-native-analytics",
     track(event: TrackingEvent) {
@@ -319,6 +344,8 @@ function createAgentNativeAnalyticsProvider(
           userId: event.userId,
           timestamp: event.timestamp,
         }),
+        undefined,
+        { flushImmediately },
       );
     },
     identify(userId, traits) {
@@ -331,6 +358,8 @@ function createAgentNativeAnalyticsProvider(
           properties: traits ?? {},
           timestamp: new Date().toISOString(),
         }),
+        undefined,
+        { flushImmediately },
       );
     },
     flush: () => {
@@ -366,7 +395,9 @@ export function registerBuiltinProviders(): void {
     registerTrackingProvider(createAmplitudeProvider(amplitudeKey));
   }
 
-  const agentNativeAnalyticsKey = process.env.AGENT_NATIVE_ANALYTICS_PUBLIC_KEY;
+  const agentNativeAnalyticsKey =
+    process.env.AGENT_NATIVE_ANALYTICS_PUBLIC_KEY ||
+    process.env.VITE_AGENT_NATIVE_ANALYTICS_PUBLIC_KEY;
   if (
     agentNativeAnalyticsKey &&
     !shouldSkipAgentNativeAnalyticsForLocalhost()

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

@@ -199,6 +199,7 @@ export default function ExplorerDashboardPage() {
   const [loaded, setLoaded] = useState(false);
   const [confirmDeleteOpen, setConfirmDeleteOpen] = useState(false);
   const [historyOpen, setHistoryOpen] = useState(false);
+  const [dashboardActionsOpen, setDashboardActionsOpen] = useState(false);
   const [activeDragChartId, setActiveDragChartId] = useState<string | null>(
     null,
   );
@@ -620,7 +621,10 @@ export default function ExplorerDashboardPage() {
             </Button>
           ) : null}
           {dashboardId || canEdit || canManage ? (
-            <DropdownMenu>
+            <DropdownMenu
+              open={dashboardActionsOpen}
+              onOpenChange={setDashboardActionsOpen}
+            >
               <Tooltip>
                 <TooltipTrigger asChild>
                   <DropdownMenuTrigger asChild>
@@ -643,6 +647,7 @@ export default function ExplorerDashboardPage() {
                   <DropdownMenuItem
                     onSelect={(event) => {
                       event.preventDefault();
+                      setDashboardActionsOpen(false);
                       setHistoryOpen(true);
                     }}
                   >
@@ -657,6 +662,7 @@ export default function ExplorerDashboardPage() {
                   <DropdownMenuItem
                     onSelect={(event) => {
                       event.preventDefault();
+                      setDashboardActionsOpen(false);
                       void handleArchive();
                     }}
                   >
@@ -671,6 +677,7 @@ export default function ExplorerDashboardPage() {
                   <DropdownMenuItem
                     onSelect={(event) => {
                       event.preventDefault();
+                      setDashboardActionsOpen(false);
                       setConfirmDeleteOpen(true);
                     }}
                     className="text-destructive focus:text-destructive"

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

@@ -464,6 +464,7 @@ export default function SqlDashboardPage() {
   const [confirmDeleteOpen, setConfirmDeleteOpen] = useState(false);
   const [emailReportOpen, setEmailReportOpen] = useState(false);
   const [historyOpen, setHistoryOpen] = useState(false);
+  const [dashboardActionsOpen, setDashboardActionsOpen] = useState(false);
   const [activeDropSlot, setActiveDropSlot] =
     useState<DashboardDropSlot | null>(null);
   const [activeDragPanelId, setActiveDragPanelId] = useState<string | null>(
@@ -1395,7 +1396,10 @@ export default function SqlDashboardPage() {
             </Button>
           </AddPanelPopover>
         ) : null}
-        <DropdownMenu>
+        <DropdownMenu
+          open={dashboardActionsOpen}
+          onOpenChange={setDashboardActionsOpen}
+        >
           <Tooltip>
             <TooltipTrigger asChild>
               <DropdownMenuTrigger asChild>
@@ -1468,6 +1472,7 @@ export default function SqlDashboardPage() {
                 <DropdownMenuItem
                   onSelect={(event) => {
                     event.preventDefault();
+                    setDashboardActionsOpen(false);
                     setEmailReportOpen(true);
                   }}
                 >
@@ -1477,6 +1482,7 @@ export default function SqlDashboardPage() {
                 <DropdownMenuItem
                   onSelect={(event) => {
                     event.preventDefault();
+                    setDashboardActionsOpen(false);
                     setHistoryOpen(true);
                   }}
                 >
@@ -1489,6 +1495,7 @@ export default function SqlDashboardPage() {
               <DropdownMenuItem
                 onSelect={(event) => {
                   event.preventDefault();
+                  setDashboardActionsOpen(false);
                   void handleArchive();
                 }}
               >
@@ -1503,6 +1510,7 @@ export default function SqlDashboardPage() {
               <DropdownMenuItem
                 onSelect={(event) => {
                   event.preventDefault();
+                  setDashboardActionsOpen(false);
                   setConfirmDeleteOpen(true);
                 }}
                 className="text-destructive focus:text-destructive"