@agent-native/core-corpus 0.209.2 → 0.209.3-nightly-20261016183441

package/corpus/README.md

@@ -32,4 +32,4 @@ rg -n "defineAction|useActionQuery" node_modules/@agent-native/core-corpus/corpu
 
 ## Generated Counts
 
-- template files: 12525
+- template files: 12592

package/corpus/templates/analytics/.deploy-tmp/agent-native-provided-plugins.mjs

@@ -0,0 +1,10 @@
+// AUTO-GENERATED by @agent-native/core deploy build
+import { markDefaultPluginProvided } from "@agent-native/core/server/edge";
+
+const pluginStems = ["agent-chat","analytics-alert-jobs","analytics-rollup-backfill-jobs","auth","collab","config","core-routes","creative-context","dashboard-report-jobs","db","feature-flags","labs","onboarding","otel","session-replay-retention-jobs","transactional-emails","uptime-monitor-jobs"];
+
+export default function markBuildDiscoveredPlugins(nitroApp) {
+  for (const stem of pluginStems) {
+    markDefaultPluginProvided(nitroApp, stem);
+  }
+}

package/corpus/templates/analytics/actions/update-dashboard.ts

@@ -373,6 +373,15 @@ function collectDashboardConfigIssues(
           }
         }
       }
+      // isDashboardFilter rejects a non-boolean customRange, so a save that passes here would drop the whole filter set on read.
+      if (
+        f.customRange !== undefined &&
+        (typeof f.customRange !== "boolean" || f.type !== "select")
+      ) {
+        return dashboardIssue(
+          `config.filters[${i}].customRange must be a boolean, and only select filters take it`,
+        );
+      }
       if (f.presets !== undefined) {
         // isDashboardFilter rejects a malformed preset, so a save that passes here would drop the whole filter set on read.
         if (f.type !== "multi-select" || !Array.isArray(f.presets)) {

package/corpus/templates/analytics/app/components/auth/SqlQuerySnapshotSessionBridge.tsx

@@ -0,0 +1,25 @@
+import { useSession } from "@agent-native/core/client/hooks";
+import { useEffect } from "react";
+
+import { dashboardCacheScope } from "@/lib/prefetch-keys";
+import { syncSqlQuerySnapshotsToSession } from "@/lib/sql-query-snapshot-session";
+
+/**
+ * Keeps saved SQL results tied to the signed-in account. Mount it outside
+ * `RequireSession`: that gate unmounts everything under it as soon as a
+ * sign-out begins, so a cleanup effect inside it never sees the new status.
+ * Unmounting this component clears nothing, which is what lets a reload or an
+ * ordinary navigation keep the results it is about to restore.
+ */
+export function SqlQuerySnapshotSessionBridge() {
+  const { session, status } = useSession();
+  const scope = session ? dashboardCacheScope(session) : null;
+
+  useEffect(() => {
+    syncSqlQuerySnapshotsToSession({ status, session });
+    // `scope` stands for the account: the session object changes identity on
+    // every re-read without changing who is signed in.
+  }, [status, scope]);
+
+  return null;
+}

package/corpus/templates/analytics/app/components/dashboard/PanelFreshnessClock.tsx

@@ -0,0 +1,140 @@
+import { useFormatters, useT } from "@agent-native/core/client/i18n";
+import { IconCheck, IconClock } from "@tabler/icons-react";
+import { useEffect, useState } from "react";
+
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
+import { cn } from "@/lib/utils";
+
+import {
+  describeFreshnessText,
+  relativeFetchAge,
+  type PanelFreshness,
+} from "./panel-freshness";
+
+/**
+ * When the panel's data was fetched and whether it came from a cache, behind a
+ * clock in the panel's hover actions. The tooltip opens on hover and focus; a
+ * tap opens it too, because a tooltip alone never opens on touch.
+ */
+export function PanelFreshnessClock({
+  freshness,
+  className,
+  showAge = false,
+}: {
+  freshness: PanelFreshness;
+  className?: string;
+  showAge?: boolean;
+}) {
+  const t = useT();
+  const formatters = useFormatters();
+  const [open, setOpen] = useState(false);
+  const [now, setNow] = useState(Date.now);
+  useEffect(() => {
+    if (!showAge || !freshness.fetchedAt) return;
+    const timer = setTimeout(
+      () => setNow(Date.now()),
+      60_000 - (Date.now() % 60_000),
+    );
+    return () => clearTimeout(timer);
+  }, [showAge, freshness.fetchedAt, now]);
+  const status = freshness.status;
+  const updating =
+    status === "updating" || status === "previous-filters-updating";
+  const statusText =
+    status === "previous-filters-updating"
+      ? t("sqlDashboard.updatingPreviousFilters")
+      : status === "updating"
+        ? t("sqlDashboard.updating")
+        : status === "previous-filters"
+          ? t("sqlDashboard.previousFilters")
+          : status === "refreshed"
+            ? t("sqlDashboard.refreshed")
+            : undefined;
+  const label = [
+    statusText,
+    describeFreshnessText(t, formatters, freshness, "full"),
+  ]
+    .filter(Boolean)
+    .join(" · ");
+  const age =
+    showAge && freshness.fetchedAt
+      ? relativeFetchAge(
+          formatters,
+          freshness.fetchedAt,
+          Math.max(now, Date.now()),
+        )
+      : undefined;
+  const visibleText =
+    statusText ??
+    (age
+      ? t("sqlDashboard.updatedAgo", { age })
+      : status === "stale"
+        ? describeFreshnessText(t, formatters, freshness, "compact")
+        : undefined);
+  return (
+    <Tooltip open={open} onOpenChange={setOpen}>
+      <TooltipTrigger asChild>
+        <button
+          type="button"
+          className={cn(
+            "panel-freshness-clock inline-flex min-w-0 max-w-full items-center justify-end gap-1.5 whitespace-nowrap rounded text-xs text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+            !status && "panel-freshness-routine",
+            className,
+          )}
+          aria-label={label}
+          data-dashboard-report-freshness={freshness.cache}
+          data-dashboard-report-updating={
+            updating
+              ? status === "previous-filters-updating"
+                ? "previous-filters"
+                : "refresh"
+              : undefined
+          }
+          data-dashboard-report-paused={
+            status === "previous-filters" ? "previous-filters" : undefined
+          }
+          data-dashboard-report-refreshed={
+            status === "refreshed" ? "" : undefined
+          }
+          data-dashboard-report-stale={
+            status === "stale" ? freshness.cache : undefined
+          }
+          onClick={(event) => {
+            event.preventDefault();
+            setOpen(true);
+          }}
+        >
+          <span
+            className="panel-freshness-text min-w-0 truncate"
+            aria-hidden="true"
+          >
+            {status === "stale" && !showAge ? (
+              <time dateTime={freshness.fetchedAt}>{visibleText}</time>
+            ) : (
+              visibleText
+            )}
+          </span>
+          <span className="sr-only" role="status">
+            {statusText}
+          </span>
+          {status === "refreshed" ? (
+            <IconCheck aria-hidden="true" className="size-3.5 shrink-0" />
+          ) : (
+            <IconClock
+              aria-hidden="true"
+              className={cn(
+                "size-3.5 shrink-0",
+                updating && "animate-spin motion-reduce:animate-none",
+              )}
+            />
+          )}
+        </button>
+      </TooltipTrigger>
+      <TooltipContent>{label}</TooltipContent>
+    </Tooltip>
+  );
+}

package/corpus/templates/analytics/app/components/dashboard/SqlChart.tsx

@@ -114,7 +114,6 @@ import {
   SelectTrigger,
   SelectValue,
 } from "@/components/ui/select";
-import { Spinner } from "@/components/ui/spinner";
 import {
   Tooltip as HoverTooltip,
   TooltipContent as HoverTooltipContent,
@@ -157,6 +156,12 @@ import {
   useEventMarkerAxisPadding,
   useEventMarkerGroups,
 } from "./event-markers";
+import {
+  useIsStaleResult,
+  useRefreshConfirmation,
+  type PanelFreshness,
+} from "./panel-freshness";
+import { PanelFreshnessClock } from "./PanelFreshnessClock";
 
 export { limitChartRows };
 
@@ -1266,6 +1271,11 @@ interface SqlChartProps {
   refreshToken?: number;
   onRefreshRequested?: () => void;
   onExportCsvChange?: (handler: (() => void) | null) => void;
+  /**
+   * The freshness of the result on screen, for a host that shows it outside
+   * the chart; null when no result is shown, and again when the chart unmounts.
+   */
+  onFreshnessChange?: (freshness: PanelFreshness | null) => void;
   onCopyTableChange?: (handler: (() => Promise<void>) | null) => void;
   /** Passing this makes a table's columns editable; omit it for read-only tables. */
   onSaveColumns?: (columns: TableColumnConfig[]) => void;
@@ -1292,6 +1302,7 @@ export function SqlChart({
   refreshToken = 0,
   onRefreshRequested,
   onExportCsvChange,
+  onFreshnessChange,
   onCopyTableChange,
   onSaveColumns,
   columnWidths,
@@ -1333,6 +1344,8 @@ export function SqlChart({
     isFetching: queryIsFetching,
     isPlaceholderData: queryIsPlaceholderData,
     error: queryError,
+    freshness: queryFreshness,
+    completedManualRefreshToken,
   } = useSqlQuery(
     ["sql-chart", dashboardId || panel.id, sql, panel.source],
     sql,
@@ -1344,6 +1357,7 @@ export function SqlChart({
       retainPreviousScope,
       retainWhilePaused: retainWhileOffscreen,
       reuseCompletedOnEnable: retainWhileOffscreen,
+      snapshots: !isSection && !isExtension && !resultOverride,
     },
   );
 
@@ -1409,6 +1423,59 @@ export function SqlChart({
     [chartType, rows, xKey],
   );
 
+  const showsRetainedResult = retainWhileOffscreen && queryResult !== undefined;
+  const showsSkeleton =
+    isLoading ||
+    isFetching ||
+    (!loadData && showLoadingWhenDisabled && !showsRetainedResult);
+  // A result handed in by the caller was not fetched by this panel's query.
+  const shownFreshness = resultOverride ? undefined : queryFreshness;
+  const isStale = useIsStaleResult(shownFreshness?.fetchedAt);
+  const refreshConfirmed = useRefreshConfirmation({
+    requestToken: refreshToken + localRefreshToken,
+    scopeKey: JSON.stringify([
+      dashboardId ?? null,
+      panel.id,
+      panel.source,
+      sql,
+    ]),
+    completedToken: completedManualRefreshToken,
+  });
+  const canReportFreshness =
+    !isSection && !isExtension && !resultOverride && !error && !showsSkeleton;
+  const reportedCache = shownFreshness?.cache;
+  const reportedFetchedAt = shownFreshness?.fetchedAt;
+  const reportedStatus: PanelFreshness["status"] = isUpdating
+    ? isShowingPreviousFilters
+      ? "previous-filters-updating"
+      : "updating"
+    : isPausedOnPreviousFilters
+      ? "previous-filters"
+      : refreshConfirmed
+        ? "refreshed"
+        : isStale
+          ? "stale"
+          : undefined;
+  useEffect(() => {
+    if (!onFreshnessChange) return;
+    onFreshnessChange(
+      canReportFreshness && (reportedCache || reportedStatus)
+        ? {
+            fetchedAt: reportedFetchedAt,
+            cache: reportedCache ?? "unknown",
+            ...(reportedStatus ? { status: reportedStatus } : {}),
+          }
+        : null,
+    );
+    return () => onFreshnessChange(null);
+  }, [
+    onFreshnessChange,
+    canReportFreshness,
+    reportedCache,
+    reportedFetchedAt,
+    reportedStatus,
+  ]);
+
   if (isSection) {
     return (
       <div className="px-1 py-2">
@@ -1462,12 +1529,7 @@ export function SqlChart({
       : "min-h-[250px]";
   const placeholderPadY = isMetric ? "py-2" : "py-8";
 
-  const showsRetainedResult = retainWhileOffscreen && queryResult !== undefined;
-  if (
-    isLoading ||
-    isFetching ||
-    (!loadData && showLoadingWhenDisabled && !showsRetainedResult)
-  ) {
+  if (showsSkeleton) {
     return <SqlChartLoadingSkeleton panel={panel} />;
   }
 
@@ -1496,33 +1558,6 @@ export function SqlChart({
   }
 
   const missingConfigKeys = plan.missingKeys;
-  const updatingNotice = isUpdating ? (
-    <div className="pointer-events-none relative h-0">
-      <span
-        role="status"
-        data-dashboard-report-updating={
-          isShowingPreviousFilters ? "previous-filters" : "refresh"
-        }
-        className="absolute right-0 top-0 z-10 inline-flex items-center gap-1.5 rounded-full border bg-background/90 px-2 py-0.5 text-xs text-muted-foreground shadow-sm"
-      >
-        <Spinner aria-hidden="true" className="size-3" />
-        {t(
-          isShowingPreviousFilters
-            ? "sqlDashboard.updatingPreviousFilters"
-            : "sqlDashboard.updating",
-        )}
-      </span>
-    </div>
-  ) : isPausedOnPreviousFilters ? (
-    <div className="pointer-events-none relative h-0">
-      <span
-        data-dashboard-report-paused="previous-filters"
-        className="absolute right-0 top-0 z-10 inline-flex items-center rounded-full border bg-background/90 px-2 py-0.5 text-xs text-muted-foreground shadow-sm"
-      >
-        {t("sqlDashboard.previousFilters")}
-      </span>
-    </div>
-  ) : null;
   const withConfigBanners = (node: ReactNode) => {
     if (refreshError) {
       return (
@@ -1567,12 +1602,38 @@ export function SqlChart({
     );
   };
 
-  const withConfigWarning = (node: ReactNode) => (
-    <>
-      {updatingNotice}
-      {withConfigBanners(node)}
-    </>
+  const showStandaloneStatus =
+    !onFreshnessChange &&
+    (shownFreshness !== undefined || reportedStatus !== undefined);
+  const withNotice = (node: ReactNode) => (
+    <div
+      className={
+        showStandaloneStatus
+          ? "grid h-full min-h-0 grid-cols-[minmax(0,1fr)_1.5rem] items-start gap-x-1"
+          : "flex h-full min-h-0 flex-col"
+      }
+    >
+      <div data-dashboard-report-chart-body className="h-full min-h-0 min-w-0">
+        {node}
+      </div>
+      {showStandaloneStatus ? (
+        <div data-dashboard-report-standalone-status className="min-w-0">
+          <HoverTooltipProvider>
+            <PanelFreshnessClock
+              freshness={{
+                cache: "unknown",
+                ...shownFreshness,
+                status: reportedStatus,
+              }}
+              className="h-6 w-6 p-1"
+            />
+          </HoverTooltipProvider>
+        </div>
+      ) : null}
+    </div>
   );
+  const withConfigWarning = (node: ReactNode) =>
+    withNotice(withConfigBanners(node));
 
   const pointLimit = plan.pointLimit;
   const withPointLimit = (node: ReactNode) =>
@@ -1588,7 +1649,7 @@ export function SqlChart({
   if (plan.empty) {
     const noData = (
       <div
-        className={`flex flex-1 items-center justify-center ${placeholderPadY} ${placeholderMinH}`}
+        className={`flex h-full flex-1 items-center justify-center ${placeholderPadY} ${placeholderMinH}`}
       >
         <p className="text-sm text-muted-foreground text-center">
           {t("common.noData")}
@@ -1598,14 +1659,9 @@ export function SqlChart({
     // A funnel or heatmap with rows that draws nothing keeps the warning and
     // refresh banner that say why; a result with no rows to plot is a bare
     // "No data".
-    return plan.rows.length === 0 ? (
-      <>
-        {updatingNotice}
-        {noData}
-      </>
-    ) : (
-      withConfigWarning(noData)
-    );
+    return plan.rows.length === 0
+      ? withNotice(noData)
+      : withConfigWarning(noData);
   }
 
   if (chartType === "metric") {

package/corpus/templates/analytics/app/components/dashboard/panel-freshness.ts

@@ -0,0 +1,171 @@
+import type { useFormatters, useT } from "@agent-native/core/client/i18n";
+import { useEffect, useRef, useState } from "react";
+
+import {
+  isStaleFetchTime,
+  msUntilStale,
+  type SqlQueryFreshness,
+} from "@/lib/sql-query-freshness";
+
+/** How long a panel's own successful refresh says so before the text goes. */
+export const REFRESH_CONFIRMATION_MS = 3000;
+
+// setTimeout stores its delay in 32 bits; a longer one fires immediately.
+const MAX_TIMEOUT_MS = 2 ** 31 - 1;
+
+type Translate = ReturnType<typeof useT>;
+type Formatters = Pick<ReturnType<typeof useFormatters>, "formatDate">;
+
+export type PanelFreshness = SqlQueryFreshness & {
+  status?:
+    | "updating"
+    | "previous-filters-updating"
+    | "previous-filters"
+    | "refreshed"
+    | "stale";
+};
+
+export function relativeFetchAge(
+  formatters: Pick<ReturnType<typeof useFormatters>, "formatRelativeTime">,
+  fetchedAt: string,
+  now: number,
+): string | undefined {
+  const age = now - Date.parse(fetchedAt);
+  if (!Number.isFinite(age) || age < 0) return undefined;
+  const minutes = Math.floor(age / 60_000);
+  const [value, unit] =
+    minutes < 60
+      ? [minutes, "minute" as const]
+      : minutes < 1440
+        ? [Math.floor(minutes / 60), "hour" as const]
+        : [Math.floor(minutes / 1440), "day" as const];
+  return formatters.formatRelativeTime(-value, unit, {
+    style: "narrow",
+    numeric: "always",
+  });
+}
+
+/** The time alone for today's fetch, with the date once it is older. */
+function fetchedTimeFormat(fetchedAt: string): Intl.DateTimeFormatOptions {
+  const fetched = new Date(fetchedAt);
+  const now = new Date();
+  const today =
+    fetched.getFullYear() === now.getFullYear() &&
+    fetched.getMonth() === now.getMonth() &&
+    fetched.getDate() === now.getDate();
+  return today
+    ? { hour: "numeric", minute: "2-digit" }
+    : { month: "short", day: "numeric", hour: "numeric", minute: "2-digit" };
+}
+
+/**
+ * "Fetched 5:20 PM · Cached", or the full timestamp for the clock's tooltip.
+ * A missing fetch time or cache state says so instead of being left out.
+ */
+export function describeFreshnessText(
+  t: Translate,
+  formatters: Formatters,
+  { fetchedAt, cache }: SqlQueryFreshness,
+  detail: "compact" | "full",
+): string {
+  const parts = [
+    fetchedAt
+      ? t("sqlDashboard.fetchedAt", {
+          time: formatters.formatDate(
+            fetchedAt,
+            detail === "full"
+              ? { dateStyle: "long", timeStyle: "medium" }
+              : fetchedTimeFormat(fetchedAt),
+          ),
+        })
+      : t("sqlDashboard.fetchTimeUnknown"),
+  ];
+  if (cache === "app-cache") parts.push(t("sqlDashboard.cacheApp"));
+  else if (cache === "provider-cache")
+    parts.push(t("sqlDashboard.cacheProvider"));
+  else if (cache === "restored") parts.push(t("sqlDashboard.cacheRestored"));
+  else if (cache === "unknown") parts.push(t("sqlDashboard.cacheUnknown"));
+  return parts.join(" · ");
+}
+
+/**
+ * Whether the shown result is older than the cutoff, read from the clock on
+ * every render. A result that is not yet that old schedules one timeout for
+ * the moment it will be, so an idle panel still turns stale without polling,
+ * a shared timer, or a request; the timeout re-renders only this panel, once.
+ */
+export function useIsStaleResult(fetchedAt: string | undefined): boolean {
+  const [tick, setTick] = useState(0);
+  const stale = isStaleFetchTime(fetchedAt, Date.now());
+  useEffect(() => {
+    if (stale) return;
+    const delay = msUntilStale(fetchedAt, Date.now());
+    if (delay === undefined) return;
+    const timer = setTimeout(
+      () => setTick((count) => count + 1),
+      Math.min(delay, MAX_TIMEOUT_MS),
+    );
+    return () => clearTimeout(timer);
+  }, [fetchedAt, stale, tick]);
+  return stale;
+}
+
+interface RefreshConfirmationInput {
+  /** Rises each time the user asks this panel to refresh. */
+  requestToken: number;
+  /** Changes when the panel's query does, so its refresh can no longer land. */
+  scopeKey: string;
+  /** The request whose own forced fetch just succeeded, from `useSqlQuery`. */
+  completedToken: number | undefined;
+}
+
+/**
+ * True for `REFRESH_CONFIRMATION_MS` after the fetch of this panel's latest
+ * manual refresh request succeeds. Only a completion for exactly the current
+ * request counts: an automatic revalidation, a cancelled, failed or replaced
+ * request, or a token the panel mounted with never reports one.
+ */
+export function useRefreshConfirmation(input: RefreshConfirmationInput) {
+  const { requestToken, scopeKey, completedToken } = input;
+  const [confirmedIdentity, setConfirmedIdentity] = useState<string>();
+  const processedIdentity = useRef<string | undefined>(undefined);
+  const context = useRef({ requestToken, scopeKey });
+  const completionIdentity =
+    completedToken === requestToken
+      ? JSON.stringify([requestToken, scopeKey, completedToken])
+      : undefined;
+
+  // A completion already present during a request or scope change belongs to
+  // the old context. Consume it so it cannot be adopted by the new panel state.
+  if (
+    context.current.requestToken !== requestToken ||
+    context.current.scopeKey !== scopeKey
+  ) {
+    if (completionIdentity) processedIdentity.current = completionIdentity;
+    context.current = { requestToken, scopeKey };
+  }
+
+  useEffect(() => {
+    if (!completionIdentity) {
+      setConfirmedIdentity(undefined);
+      return;
+    }
+    if (processedIdentity.current === completionIdentity) return;
+    processedIdentity.current = completionIdentity;
+    setConfirmedIdentity(completionIdentity);
+  }, [completionIdentity]);
+
+  const confirmed =
+    completionIdentity !== undefined &&
+    confirmedIdentity === completionIdentity;
+  useEffect(() => {
+    if (!confirmed) return;
+    const timer = setTimeout(
+      () => setConfirmedIdentity(undefined),
+      REFRESH_CONFIRMATION_MS,
+    );
+    return () => clearTimeout(timer);
+  }, [confirmed]);
+
+  return confirmed;
+}

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

@@ -610,6 +610,65 @@
   opacity: 1;
 }
 
+.dashboard-chart-card {
+  container-type: inline-size;
+}
+
+/* Status and hover controls keep their tracks when their contents change. */
+.dashboard-panel-header {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 1.5rem 5rem;
+  align-items: center;
+  column-gap: 0.5rem;
+}
+
+.dashboard-panel-header > * {
+  margin-block: 0;
+}
+
+.dashboard-panel-freshness {
+  display: flex;
+  align-items: center;
+  height: 1.5rem;
+}
+
+.dashboard-panel-freshness .panel-freshness-routine {
+  opacity: 0;
+}
+
+.dashboard-chart-card:hover .panel-freshness-routine,
+.dashboard-chart-card:focus-within .panel-freshness-routine {
+  opacity: 1;
+}
+
+@media (hover: none) {
+  .dashboard-panel-freshness .panel-freshness-routine {
+    opacity: 1;
+  }
+}
+
+.panel-freshness-text {
+  display: none;
+}
+
+.dashboard-panel-actions {
+  height: 1.5rem;
+}
+
+@container (min-width: 30rem) {
+  .dashboard-panel-header {
+    grid-template-columns: minmax(0, 1fr) 9rem 5rem;
+  }
+
+  .dashboard-panel-freshness .panel-freshness-text {
+    display: block;
+  }
+
+  .dashboard-panel-freshness .panel-freshness-routine {
+    opacity: 1;
+  }
+}
+
 .dashboard-chart-card[data-dragging="true"],
 .dashboard-section-card[data-dragging="true"] {
   opacity: 0.55;

package/corpus/templates/analytics/app/i18n/en-US.ts

@@ -943,6 +943,7 @@ export default {
     certificationFailed: "Couldn't certify dashboard: {{message}}",
     details: "Details",
     updated: "Updated {{date}}",
+    updatedAgo: "Updated {{age}}",
     public: "Public",
     sharedWithOrg: "Shared with org",
     private: "Private",
@@ -998,8 +999,15 @@ export default {
     refresh: "Refresh",
     refreshing: "Refreshing...",
     updating: "Updating",
+    refreshed: "Refreshed",
     updatingPreviousFilters: "Previous filters · Updating",
     previousFilters: "Previous filters",
+    fetchedAt: "Fetched {{time}}",
+    fetchTimeUnknown: "Fetch time unknown",
+    cacheApp: "Cached",
+    cacheProvider: "BigQuery cache",
+    cacheRestored: "Saved copy",
+    cacheUnknown: "Cache status unknown",
     downloadCsv: "Download CSV",
     copyTable: "Copy table",
     multiColumnSortHelp: "Click to sort. Shift-click to add another sort.",