@agent-native/core 0.78.8 → 0.79.0

package/corpus/templates/analytics/app/pages/sessions/SessionsPage.tsx

@@ -1,24 +1,19 @@
 import { CodeSurface } from "@agent-native/core/blocks";
 import { useActionQuery, useT } from "@agent-native/core/client";
 import {
+  IconChevronDown,
   IconCode,
   IconFilter,
   IconPlayerPlay,
   IconRefresh,
   IconSearch,
 } from "@tabler/icons-react";
-import { useMemo } from "react";
-import { Link, useSearchParams } from "react-router";
+import { useMemo, useState } from "react";
+import { useNavigate, useSearchParams } from "react-router";
 
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from "@/components/ui/card";
+import { Card, CardContent } from "@/components/ui/card";
 import { Input } from "@/components/ui/input";
 import {
   Select,
@@ -28,14 +23,6 @@ import {
   SelectValue,
 } from "@/components/ui/select";
 import { Skeleton } from "@/components/ui/skeleton";
-import {
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-} from "@/components/ui/table";
 import { cn } from "@/lib/utils";
 
 type ReplayRange = "24h" | "7d" | "30d" | "90d" | "all";
@@ -74,7 +61,9 @@ const RANGE_OPTIONS: ReplayRange[] = ["24h", "7d", "30d", "90d", "all"];
 
 export default function SessionsPage() {
   const t = useT();
+  const navigate = useNavigate();
   const [searchParams, setSearchParams] = useSearchParams();
+  const [filtersOpen, setFiltersOpen] = useState(false);
   const range = readRange(searchParams.get("range"));
   const app = searchParams.get("app") ?? "";
   const query = searchParams.get("q") ?? "";
@@ -105,76 +94,39 @@ export default function SessionsPage() {
   }
 
   return (
-    <div className="mx-auto flex w-full max-w-7xl flex-col gap-6 px-4 py-6 md:px-6">
-      <div className="flex flex-col gap-4 md:flex-row md:items-start md:justify-between">
-        <div className="min-w-0 space-y-2">
+    <div className="mx-auto flex w-full max-w-7xl flex-col gap-4 px-4 py-5 md:px-6">
+      <div className="flex items-center">
+        <div className="min-w-0">
           <div className="flex items-center gap-2">
             <IconPlayerPlay className="h-5 w-5 text-primary" />
-            <h1 className="text-2xl font-semibold tracking-normal">
+            <h1 className="text-xl font-semibold tracking-normal">
               {t("sessions.title")}
             </h1>
           </div>
-          <p className="max-w-3xl text-sm text-muted-foreground">
-            {t("sessions.description")}
-          </p>
         </div>
-        <Button
-          type="button"
-          variant="outline"
-          onClick={() => void refetch()}
-          disabled={isFetching}
-        >
-          <IconRefresh
-            className={cn("h-4 w-4", isFetching && "animate-spin")}
-          />
-          {t("sessions.refresh")}
-        </Button>
       </div>
 
       <Card>
-        <CardHeader className="pb-4">
-          <div className="flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between">
-            <div>
-              <CardTitle className="flex items-center gap-2 text-base">
-                <IconFilter className="h-4 w-4" />
-                {t("sessions.filters")}
-              </CardTitle>
-              <CardDescription>
-                {t("sessions.filtersDescription")}
-              </CardDescription>
-            </div>
-            <div className="flex flex-wrap items-center gap-2 text-xs text-muted-foreground">
-              {data ? (
-                <Badge variant="outline">
-                  {t("sessions.showing", {
-                    count: String(recordings.length),
-                  })}
-                </Badge>
-              ) : null}
+        <CardContent className="p-3">
+          <div className="grid gap-2 lg:grid-cols-[150px_minmax(260px,1fr)_160px_auto_auto] lg:items-center">
+            <div className="flex items-center gap-2 px-1 text-sm font-medium">
+              <IconFilter className="h-4 w-4 text-muted-foreground" />
+              {t("sessions.segmentFilters")}
             </div>
-          </div>
-        </CardHeader>
-        <CardContent>
-          <div className="grid gap-3 md:grid-cols-[minmax(0,1.4fr)_minmax(160px,0.7fr)_160px]">
             <div className="relative">
               <IconSearch className="pointer-events-none absolute start-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
               <Input
                 value={query}
                 onChange={(event) => updateFilter("q", event.target.value)}
                 placeholder={t("sessions.searchPlaceholder")}
-                className="ps-9"
+                className="h-9 ps-9"
               />
             </div>
-            <Input
-              value={app}
-              onChange={(event) => updateFilter("app", event.target.value)}
-              placeholder={t("sessions.appPlaceholder")}
-            />
             <Select
               value={range}
               onValueChange={(value) => updateFilter("range", value)}
             >
-              <SelectTrigger aria-label={t("sessions.range")}>
+              <SelectTrigger className="h-9" aria-label={t("sessions.range")}>
                 <SelectValue />
               </SelectTrigger>
               <SelectContent>
@@ -185,7 +137,59 @@ export default function SessionsPage() {
                 ))}
               </SelectContent>
             </Select>
+            <Button
+              type="button"
+              variant="outline"
+              size="sm"
+              className="h-9 justify-between gap-2"
+              onClick={() => setFiltersOpen((value) => !value)}
+              aria-expanded={filtersOpen}
+            >
+              {t("sessions.filters")}
+              <IconChevronDown
+                className={cn(
+                  "h-4 w-4 transition-transform",
+                  filtersOpen && "rotate-180",
+                )}
+              />
+            </Button>
+            <Button
+              type="button"
+              variant="ghost"
+              size="icon"
+              className="h-9 w-9"
+              onClick={() => void refetch()}
+              disabled={isFetching}
+              aria-label={t("sessions.refresh")}
+            >
+              <IconRefresh
+                className={cn("h-4 w-4", isFetching && "animate-spin")}
+              />
+            </Button>
           </div>
+          {filtersOpen ? (
+            <div className="mt-3 grid gap-3 border-t pt-3 lg:grid-cols-2">
+              <div className="rounded-md border bg-muted/20 p-3">
+                <div className="mb-2 text-[11px] font-semibold uppercase text-muted-foreground">
+                  {t("sessions.userFilters")}
+                </div>
+                <Input
+                  value={app}
+                  onChange={(event) => updateFilter("app", event.target.value)}
+                  placeholder={t("sessions.appPlaceholder")}
+                  className="h-9"
+                />
+              </div>
+              <div className="rounded-md border bg-muted/20 p-3">
+                <div className="mb-2 text-[11px] font-semibold uppercase text-muted-foreground">
+                  {t("sessions.eventFilters")}
+                </div>
+                <div className="flex h-9 items-center rounded-md border bg-background px-3 text-sm text-muted-foreground">
+                  {t("sessions.anyActivity")}
+                </div>
+              </div>
+            </div>
+          ) : null}
         </CardContent>
       </Card>
 
@@ -200,40 +204,65 @@ export default function SessionsPage() {
           ) : recordings.length === 0 ? (
             <EmptySessionsState />
           ) : (
-            <div className="overflow-x-auto">
-              <Table>
-                <TableHeader>
-                  <TableRow>
-                    <TableHead>{t("sessions.session")}</TableHead>
-                    <TableHead>{t("sessions.app")}</TableHead>
-                    <TableHead>{t("sessions.visitor")}</TableHead>
-                    <TableHead>{t("sessions.lastSeen")}</TableHead>
-                    <TableHead>{t("sessions.duration")}</TableHead>
-                    <TableHead className="text-end">
-                      {t("sessions.events")}
-                    </TableHead>
-                    <TableHead className="text-end">
-                      {t("sessions.chunks")}
-                    </TableHead>
-                    <TableHead className="text-end">
-                      {t("sessions.pages")}
-                    </TableHead>
-                  </TableRow>
-                </TableHeader>
-                <TableBody>
-                  {recordings.map((recording) => (
-                    <TableRow key={recording.id}>
-                      <TableCell className="min-w-[240px]">
-                        <Link
-                          to={`/sessions/${encodeURIComponent(recording.id)}`}
-                          className="font-mono text-xs font-medium text-primary hover:underline"
-                        >
-                          {shortId(recording.sessionId)}
-                        </Link>
-                        <div className="mt-1 flex flex-wrap gap-1.5">
-                          <Badge className="bg-emerald-500/15 text-emerald-700 hover:bg-emerald-500/20 dark:text-emerald-300">
-                            {t("sessions.replayReady")}
-                          </Badge>
+            <div>
+              <div className="flex items-center justify-between border-b px-4 py-3">
+                <div className="text-sm font-medium">
+                  {t("sessions.sessionPlaylist")}
+                </div>
+                <div className="text-xs text-muted-foreground">
+                  {t("sessions.showing", {
+                    count: String(recordings.length),
+                  })}
+                </div>
+              </div>
+              <div className="divide-y">
+                {recordings.map((recording) => {
+                  const href = `/sessions/${encodeURIComponent(recording.id)}`;
+                  const lastSeen =
+                    recording.endedAt ??
+                    recording.lastIngestedAt ??
+                    recording.startedAt;
+                  return (
+                    <button
+                      key={recording.id}
+                      type="button"
+                      className="grid w-full gap-3 px-4 py-3 text-left transition-colors hover:bg-muted/35 focus-visible:bg-muted/35 focus-visible:outline-none md:grid-cols-[104px_minmax(170px,0.85fr)_minmax(260px,1.25fr)_minmax(130px,0.55fr)] md:items-center"
+                      onClick={() => navigate(href)}
+                      aria-label={t("sessions.watchReplay")}
+                    >
+                      <span className="inline-flex h-10 w-[92px] items-center justify-center gap-2 rounded-md bg-primary/10 font-medium text-primary">
+                        <IconPlayerPlay className="h-4 w-4 fill-current" />
+                        {formatDuration(recording.durationMs)}
+                      </span>
+                      <span className="min-w-0">
+                        <span className="block truncate text-sm font-medium text-foreground">
+                          {visitorLabel(recording, t)}
+                        </span>
+                        <span className="mt-0.5 block truncate text-xs text-muted-foreground">
+                          {formatDateTime(lastSeen)} ·{" "}
+                          {t("sessions.eventCountCompact", {
+                            count: formatNumber(recording.eventCount),
+                          })}
+                        </span>
+                      </span>
+                      <span className="min-w-0">
+                        <span className="block truncate text-sm font-medium text-primary">
+                          {pathLabel(recording)}
+                        </span>
+                        <span className="mt-0.5 block truncate text-xs text-muted-foreground">
+                          {recording.hostname ||
+                            recording.app ||
+                            recording.template ||
+                            shortId(recording.sessionId)}
+                        </span>
+                      </span>
+                      <span className="min-w-0 text-left md:text-right">
+                        <span className="block truncate text-sm text-muted-foreground">
+                          {recording.app ||
+                            recording.template ||
+                            t("sessions.unknownApp")}
+                        </span>
+                        <span className="mt-1 flex flex-wrap gap-1.5 md:justify-end">
                           {recording.errorCount > 0 ? (
                             <Badge variant="destructive">
                               {t("sessions.errorCount", {
@@ -248,39 +277,20 @@ export default function SessionsPage() {
                               })}
                             </Badge>
                           ) : null}
-                        </div>
-                      </TableCell>
-                      <TableCell className="min-w-[130px]">
-                        {recording.app || recording.template || "-"}
-                      </TableCell>
-                      <TableCell className="min-w-[160px]">
-                        <div className="truncate">
-                          {visitorLabel(recording, t)}
-                        </div>
-                      </TableCell>
-                      <TableCell className="min-w-[140px]">
-                        {formatDateTime(
-                          recording.endedAt ??
-                            recording.lastIngestedAt ??
-                            recording.startedAt,
-                        )}
-                      </TableCell>
-                      <TableCell>
-                        {formatDuration(recording.durationMs)}
-                      </TableCell>
-                      <TableCell className="text-end">
-                        {formatNumber(recording.eventCount)}
-                      </TableCell>
-                      <TableCell className="text-end">
-                        {formatNumber(recording.chunkCount)}
-                      </TableCell>
-                      <TableCell className="text-end">
-                        {formatNumber(recording.pageCount)}
-                      </TableCell>
-                    </TableRow>
-                  ))}
-                </TableBody>
-              </Table>
+                          {recording.errorCount === 0 &&
+                          recording.rageClickCount === 0 ? (
+                            <span className="text-xs text-muted-foreground">
+                              {t("sessions.pageCountCompact", {
+                                count: formatNumber(recording.pageCount),
+                              })}
+                            </span>
+                          ) : null}
+                        </span>
+                      </span>
+                    </button>
+                  );
+                })}
+              </div>
             </div>
           )}
         </CardContent>
@@ -374,6 +384,22 @@ function shortId(value: string): string {
     : value;
 }
 
+function pathLabel(recording: SessionRecordingSummary): string {
+  if (recording.path) return recording.path;
+  if (recording.lastUrl) return safePathFromUrl(recording.lastUrl);
+  if (recording.firstUrl) return safePathFromUrl(recording.firstUrl);
+  return shortId(recording.sessionId);
+}
+
+function safePathFromUrl(value: string): string {
+  try {
+    const url = new URL(value);
+    return `${url.pathname}${url.search}` || url.hostname;
+  } catch {
+    return value;
+  }
+}
+
 function formatDateTime(value: string): string {
   const date = new Date(value);
   if (!Number.isFinite(date.getTime())) return value;
@@ -409,7 +435,8 @@ configureTracking({
   endpoint: "https://analytics.example.com/api/analytics/track",
   sessionReplay: {
     enabled: true,
-    sampleRate: 1,
+    requireSignedInUser: true,
+    sampleRate: 0.1,
   },
   getDefaultProps: (_event, props) => ({
     ...props,

package/corpus/templates/analytics/changelog/2026-06-26-agents-can-now-edit-dashboards-through-a-typed-mutation-scri.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-06-26
+---
+
+Agents can now edit dashboards through a typed mutation script API for faster, more reliable multi-step changes.

package/corpus/templates/analytics/changelog/2026-06-26-dashboard-bar-chart-hovers-stay-subtle-in-dark-mode.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-06-26
+---
+
+Dashboard bar chart hovers stay subtle in dark mode.

package/corpus/templates/analytics/changelog/2026-06-26-dashboard-chart-moves-are-now-handled-by-panel-id-making-sim.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-06-26
+---
+
+Dashboard chart moves are now handled by panel id, making simple reorders faster and more reliable for the agent.

package/corpus/templates/analytics/changelog/2026-06-26-dashboard-charts-drag-smoothly-with-stable-cards-inactive-ch.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-06-26
+---
+
+Dashboard charts drag smoothly with stable cards, inactive chart hovers, and reliable blue placement lines.

package/corpus/templates/analytics/changelog/2026-06-26-dashboard-charts-show-a-refresh-spinner-while-keeping-existi.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-06-26
+---
+
+Dashboard charts show a refresh spinner while keeping existing data visible.

package/corpus/templates/analytics/changelog/2026-06-26-dashboard-edits-stay-stable-while-chart-order-and-deletions-.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-06-26
+---
+
+Dashboard edits stay stable while chart order and deletions save.

package/corpus/templates/analytics/changelog/2026-06-26-dashboard-email-reports-queue-immediate-sends.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-06-26
+---
+
+Dashboard email reports queue immediate sends through the background sender for more reliable delivery.

package/corpus/templates/analytics/changelog/2026-06-26-explorer-dashboards-now-drag-charts-with-a-stable-preview-an.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-06-26
+---
+
+Explorer dashboards now drag charts with a stable preview and smoother placement.

package/corpus/templates/analytics/changelog/2026-06-26-session-replay-playback-can-now-be-toggled-by-clicking-the-r.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-06-26
+---
+
+Session replay playback can now be toggled by clicking the replay preview.

package/corpus/templates/analytics/changelog/2026-06-26-session-replays-now-open-from-the-full-row-and-play-with-tim.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-06-26
+---
+
+Session replays now open from the full row and play with timeline controls, speed settings, inactivity skipping, and an agent prompt popover.

package/corpus/templates/analytics/server/lib/dashboard-report-subscriptions.ts

@@ -452,6 +452,27 @@ export async function claimDashboardReportSubscription(
   return rows[0] ? rowToSubscription(rows[0]) : null;
 }
 
+export async function queueDashboardReportSubscriptionNow(
+  id: string,
+  ctx: AccessCtx,
+  now: Date = new Date(),
+): Promise<DashboardReportSubscription | null> {
+  const db = getDb() as any;
+  const queuedAt = now.toISOString();
+  const rows = await db
+    .update(schema.dashboardReportSubscriptions)
+    .set({
+      enabled: true,
+      nextRunAt: queuedAt,
+      lastStatus: null,
+      lastError: null,
+      updatedAt: queuedAt,
+    })
+    .where(ownerWhere(ctx, undefined, id))
+    .returning();
+  return rows[0] ? rowToSubscription(rows[0]) : null;
+}
+
 export async function markDashboardReportResult(
   sub: DashboardReportSubscription,
   status: "success" | "error",

package/corpus/templates/analytics/server/lib/dashboard-report.ts

@@ -205,11 +205,17 @@ async function launchScreenshotBrowser() {
 
   if (isServerlessBrowserRuntime()) {
     const { default: chromium } = await import("@sparticuz/chromium-min");
+    chromium.setGraphicsMode = false;
     const packUrl =
       process.env.DASHBOARD_REPORT_CHROMIUM_PACK_URL?.trim() ||
       DEFAULT_SERVERLESS_CHROMIUM_PACK_URL;
     return playwright.launch({
-      args: chromium.args,
+      args: [
+        ...chromium.args,
+        "--disable-dev-shm-usage",
+        "--disable-gpu",
+        "--hide-scrollbars",
+      ],
       executablePath: await chromium.executablePath(packUrl),
       headless: true,
     });
@@ -219,22 +225,40 @@ async function launchScreenshotBrowser() {
 }
 
 async function waitForDashboardReportReady(page: any): Promise<void> {
-  await page.waitForFunction(
-    `(() => {
-      const root = document.querySelector("[data-dashboard-report-capture]");
-      if (!root) return false;
-      if (root.getAttribute("data-dashboard-report-ready") !== "true") {
-        return false;
-      }
-      return !root.querySelector("[data-dashboard-report-loading='true']");
-    })()`,
-    undefined,
-    { timeout: 90_000 },
-  );
-  await page.evaluate(`(async () => {
-    await document.fonts?.ready;
-  })()`);
-  await page.waitForTimeout(750);
+  try {
+    await page.waitForFunction(
+      `(() => {
+        const root = document.querySelector("[data-dashboard-report-capture]");
+        if (!root) return false;
+        if (root.getAttribute("data-dashboard-report-ready") !== "true") {
+          return false;
+        }
+        return !root.querySelector("[data-dashboard-report-loading='true']");
+      })()`,
+      undefined,
+      { timeout: 90_000 },
+    );
+    await page.evaluate(`(async () => {
+      await document.fonts?.ready;
+    })()`);
+    await page.waitForTimeout(750);
+  } catch (err: any) {
+    const detail = await page
+      .evaluate(`(() => {
+        const root = document.querySelector("[data-dashboard-report-capture]");
+        return {
+          ready: root?.getAttribute("data-dashboard-report-ready") ?? null,
+          loadingCount: root?.querySelectorAll("[data-dashboard-report-loading='true']").length ?? null,
+          text: document.body?.innerText?.slice(0, 1000) ?? "",
+          url: location.href,
+        };
+      })()`)
+      .catch(() => null);
+    const message = detail
+      ? `${err?.message ?? String(err)}; dashboard state: ${JSON.stringify(detail)}`
+      : `${err?.message ?? String(err)}; dashboard page was not inspectable`;
+    throw new Error(message);
+  }
 }
 
 async function scrollDashboardForLazyRendering(page: any): Promise<void> {

package/corpus/templates/analytics/server/plugins/agent-chat.ts

@@ -36,6 +36,8 @@ const INITIAL_TOOL_NAMES = [
   "save-analysis",
   "rename-analysis",
   "delete-analysis",
+  "get-sql-dashboard",
+  "mutate-dashboard",
   "generate-chart",
   "bigquery",
   "search-bigquery-schema",
@@ -172,6 +174,9 @@ export default createAgentChatPlugin({
       "Apply real-data requirements only when presenting analytics results, source records, or derived metrics. Do not call data-source tools for workflow migration, recurring-job setup, UI/code fixes, settings help, conceptual planning, or other non-data tasks unless the user explicitly asks for data. " +
       "SURFACE DIFFERENTIATION — You are the analytics assistant for definitions, deep-dive analysis, and action. For questions about what a metric, model, or table means, use the Data Dictionary and configured schema tools first. For trends, comparisons, anomalies, current data, or anything that requires querying live data, answer directly in chat with the relevant provider query, dashboard analysis, and inline charts when useful. " +
       "DASHBOARD CREATION RULE — You may create dashboards, analyses, SQL panels, or other resources only when the user explicitly asks you to (e.g. 'build me a dashboard for...', 'create a new analysis', 'add a chart for...'). Never create any resource proactively during research, trend analysis, or answering questions. If you think a dashboard would be useful, suggest it and wait for explicit confirmation before creating anything. Never add new items to the sidebar or modify existing dashboards without an explicit user directive. " +
+      "DASHBOARD MUTATION RULE — For dashboard edits, default to `mutate-dashboard` with the typed `dashboard.*` script API so the main payload is a string and avoids native-array serialization traps. It can move panels by id, edit titles/SQL/config, insert, duplicate, remove, and patch dashboard fields in one atomic save. The script API is constrained: no variables/imports/loops/functions, only JSON-compatible arguments on documented dashboard methods. Do not count shifting `/panels/<index>` positions for ordinary dashboard edits unless the user specifically asks for low-level JSON-pointer operations. " +
+      "DASHBOARD READ RULE — `get-sql-dashboard` is compact by default: use its `panels` summaries plus `layout.panelOrder` and `layout.firstPanelIds` for orientation and verification. Pass `includeConfig: true` only when you truly need full panel SQL/config. " +
+      'DASHBOARD REORDER RULE — For simple chart/section moves, use `mutate-dashboard` code such as `dashboard.panels(["panel-a","panel-b"]).moveToTop();`. Never count shifting `/panels/<index>` positions for ordinary \'move this chart\' requests. Use `get-sql-dashboard.layout.firstPanelIds` or `mutate-dashboard.panelOrder` as proof of placement. ' +
       "Use configured data sources and actions only. Call `data-source-status` when you need to know which providers are connected, and treat provider actions as unavailable for analysis if they return missing credentials, permission, syntax, quota, or network errors. " +
       "The built-in `demo` dashboard source is a demo-environment Prometheus source reserved for the Node Exporter demo. It must never satisfy REAL_DATA_REQUIRED or be cited as user analytics evidence unless the user explicitly asks to inspect the demo dashboard. " +
       "When the user names a provider or tool such as Jira, Pylon, HubSpot, Gong, Slack, Sentry, GA4, or BigQuery, that named source is authoritative for the turn: use that provider's real tool/API surface, not a warehouse or different-provider substitute, unless the user explicitly asks for the copy/fallback. For bounded lookups where a first-class action fully models the requested source, object, filter, and pagination need, that shortcut is fine. For broad provider searches, cross-source joins, corpus-wide counts, exact cohort coverage, or any answer where absence matters, do not start and stop with shortcuts; use the broad provider API/MCP and corpus/code workflow as the primary path. " +

package/dist/action-ui.d.ts

@@ -2,6 +2,7 @@ export declare const ACTION_CHAT_UI_DATA_TABLE_RENDERER = "core.data-table";
 export declare const ACTION_CHAT_UI_DATA_CHART_RENDERER = "core.data-chart";
 export declare const ACTION_CHAT_UI_DATA_INSIGHTS_RENDERER = "core.data-insights";
 export declare const ACTION_CHAT_UI_DATA_WIDGET_RENDERER = "core.data-widget";
+export declare const ACTION_CHAT_UI_INLINE_EXTENSION_RENDERER = "core.inline-extension";
 export interface ActionChatUIConfig {
     /**
      * Exact renderer id to use in Agent-Native chat. This is native first-party

package/dist/action-ui.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"action-ui.d.ts","sourceRoot":"","sources":["../src/action-ui.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kCAAkC,oBAAoB,CAAC;AACpE,eAAO,MAAM,kCAAkC,oBAAoB,CAAC;AACpE,eAAO,MAAM,qCAAqC,uBAAuB,CAAC;AAC1E,eAAO,MAAM,mCAAmC,qBAAqB,CAAC;AAEtE,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,OAAO,GACb,kBAAkB,GAAG,SAAS,CAiBhC"}
+{"version":3,"file":"action-ui.d.ts","sourceRoot":"","sources":["../src/action-ui.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kCAAkC,oBAAoB,CAAC;AACpE,eAAO,MAAM,kCAAkC,oBAAoB,CAAC;AACpE,eAAO,MAAM,qCAAqC,uBAAuB,CAAC;AAC1E,eAAO,MAAM,mCAAmC,qBAAqB,CAAC;AACtE,eAAO,MAAM,wCAAwC,0BAA0B,CAAC;AAEhF,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,OAAO,GACb,kBAAkB,GAAG,SAAS,CAiBhC"}

package/dist/action-ui.js

@@ -2,6 +2,7 @@ export const ACTION_CHAT_UI_DATA_TABLE_RENDERER = "core.data-table";
 export const ACTION_CHAT_UI_DATA_CHART_RENDERER = "core.data-chart";
 export const ACTION_CHAT_UI_DATA_INSIGHTS_RENDERER = "core.data-insights";
 export const ACTION_CHAT_UI_DATA_WIDGET_RENDERER = "core.data-widget";
+export const ACTION_CHAT_UI_INLINE_EXTENSION_RENDERER = "core.inline-extension";
 export function normalizeActionChatUIConfig(value) {
     if (!value || typeof value !== "object" || Array.isArray(value)) {
         return undefined;

package/dist/action-ui.js.map

@@ -1 +1 @@
-{"version":3,"file":"action-ui.js","sourceRoot":"","sources":["../src/action-ui.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kCAAkC,GAAG,iBAAiB,CAAC;AACpE,MAAM,CAAC,MAAM,kCAAkC,GAAG,iBAAiB,CAAC;AACpE,MAAM,CAAC,MAAM,qCAAqC,GAAG,oBAAoB,CAAC;AAC1E,MAAM,CAAC,MAAM,mCAAmC,GAAG,kBAAkB,CAAC;AActE,MAAM,UAAU,2BAA2B,CACzC,KAAc;IAEd,IAAI,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QAChE,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,MAAM,MAAM,GAAG,KAAgC,CAAC;IAChD,IAAI,OAAO,MAAM,CAAC,QAAQ,KAAK,QAAQ,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,CAAC;QACnE,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,OAAO;QACL,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE;QAChC,GAAG,CAAC,OAAO,MAAM,CAAC,KAAK,KAAK,QAAQ,IAAI,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE;YACzD,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE;YACzB,CAAC,CAAC,EAAE,CAAC;QACP,GAAG,CAAC,OAAO,MAAM,CAAC,WAAW,KAAK,QAAQ,IAAI,MAAM,CAAC,WAAW,CAAC,IAAI,EAAE;YACrE,CAAC,CAAC,EAAE,WAAW,EAAE,MAAM,CAAC,WAAW,EAAE;YACrC,CAAC,CAAC,EAAE,CAAC;KACR,CAAC;AACJ,CAAC","sourcesContent":["export const ACTION_CHAT_UI_DATA_TABLE_RENDERER = \"core.data-table\";\nexport const ACTION_CHAT_UI_DATA_CHART_RENDERER = \"core.data-chart\";\nexport const ACTION_CHAT_UI_DATA_INSIGHTS_RENDERER = \"core.data-insights\";\nexport const ACTION_CHAT_UI_DATA_WIDGET_RENDERER = \"core.data-widget\";\n\nexport interface ActionChatUIConfig {\n  /**\n   * Exact renderer id to use in Agent-Native chat. This is native first-party\n   * React UI, distinct from MCP Apps resources for external hosts.\n   */\n  renderer: string;\n  /** Optional label for catalogs, docs, or custom renderer chrome. */\n  title?: string;\n  /** Optional developer-facing description for catalogs/docs. */\n  description?: string;\n}\n\nexport function normalizeActionChatUIConfig(\n  value: unknown,\n): ActionChatUIConfig | undefined {\n  if (!value || typeof value !== \"object\" || Array.isArray(value)) {\n    return undefined;\n  }\n  const record = value as Record<string, unknown>;\n  if (typeof record.renderer !== \"string\" || !record.renderer.trim()) {\n    return undefined;\n  }\n  return {\n    renderer: record.renderer.trim(),\n    ...(typeof record.title === \"string\" && record.title.trim()\n      ? { title: record.title }\n      : {}),\n    ...(typeof record.description === \"string\" && record.description.trim()\n      ? { description: record.description }\n      : {}),\n  };\n}\n"]}
+{"version":3,"file":"action-ui.js","sourceRoot":"","sources":["../src/action-ui.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kCAAkC,GAAG,iBAAiB,CAAC;AACpE,MAAM,CAAC,MAAM,kCAAkC,GAAG,iBAAiB,CAAC;AACpE,MAAM,CAAC,MAAM,qCAAqC,GAAG,oBAAoB,CAAC;AAC1E,MAAM,CAAC,MAAM,mCAAmC,GAAG,kBAAkB,CAAC;AACtE,MAAM,CAAC,MAAM,wCAAwC,GAAG,uBAAuB,CAAC;AAchF,MAAM,UAAU,2BAA2B,CACzC,KAAc;IAEd,IAAI,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QAChE,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,MAAM,MAAM,GAAG,KAAgC,CAAC;IAChD,IAAI,OAAO,MAAM,CAAC,QAAQ,KAAK,QAAQ,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,CAAC;QACnE,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,OAAO;QACL,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE;QAChC,GAAG,CAAC,OAAO,MAAM,CAAC,KAAK,KAAK,QAAQ,IAAI,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE;YACzD,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE;YACzB,CAAC,CAAC,EAAE,CAAC;QACP,GAAG,CAAC,OAAO,MAAM,CAAC,WAAW,KAAK,QAAQ,IAAI,MAAM,CAAC,WAAW,CAAC,IAAI,EAAE;YACrE,CAAC,CAAC,EAAE,WAAW,EAAE,MAAM,CAAC,WAAW,EAAE;YACrC,CAAC,CAAC,EAAE,CAAC;KACR,CAAC;AACJ,CAAC","sourcesContent":["export const ACTION_CHAT_UI_DATA_TABLE_RENDERER = \"core.data-table\";\nexport const ACTION_CHAT_UI_DATA_CHART_RENDERER = \"core.data-chart\";\nexport const ACTION_CHAT_UI_DATA_INSIGHTS_RENDERER = \"core.data-insights\";\nexport const ACTION_CHAT_UI_DATA_WIDGET_RENDERER = \"core.data-widget\";\nexport const ACTION_CHAT_UI_INLINE_EXTENSION_RENDERER = \"core.inline-extension\";\n\nexport interface ActionChatUIConfig {\n  /**\n   * Exact renderer id to use in Agent-Native chat. This is native first-party\n   * React UI, distinct from MCP Apps resources for external hosts.\n   */\n  renderer: string;\n  /** Optional label for catalogs, docs, or custom renderer chrome. */\n  title?: string;\n  /** Optional developer-facing description for catalogs/docs. */\n  description?: string;\n}\n\nexport function normalizeActionChatUIConfig(\n  value: unknown,\n): ActionChatUIConfig | undefined {\n  if (!value || typeof value !== \"object\" || Array.isArray(value)) {\n    return undefined;\n  }\n  const record = value as Record<string, unknown>;\n  if (typeof record.renderer !== \"string\" || !record.renderer.trim()) {\n    return undefined;\n  }\n  return {\n    renderer: record.renderer.trim(),\n    ...(typeof record.title === \"string\" && record.title.trim()\n      ? { title: record.title }\n      : {}),\n    ...(typeof record.description === \"string\" && record.description.trim()\n      ? { description: record.description }\n      : {}),\n  };\n}\n"]}