@agent-native/toolkit 0.198.2 → 0.198.3-nightly-20260930154911

package/src/app/i18n/catalogs/zh-TW.ts

@@ -1276,6 +1276,159 @@ const messages: ToolkitAgentChatTranslation = {
   "usage.providerSpendDetail": "Builder 計費以外的供應商使用量或舊呼叫",
   "usage.providerSpendToday": "今日其他或未分類的使用量：{{amount}}",
   "usage.driverCreditsAndUsd": "Builder 點數 / USD",
+  "observability.insights.verdictSmooth": "運作順暢",
+  "observability.insights.verdictLook_other": "{{count}} 項值得關注",
+  "observability.insights.verdictProblems_other": "{{count}} 個問題",
+  "observability.insights.spentSummary_other":
+    "過去 {{days}} 天內在 {{count}} 個提示詞上花費了 {{amount}}。",
+  "observability.insights.handledLabel": "由 Agent-Native 處理：",
+  "observability.insights.handledHeading": "由 Agent-Native 處理",
+  "observability.insights.handledParallel":
+    "同時執行了 {{count}} 個工具呼叫，比逐個執行快了約 {{duration}}。",
+  "observability.insights.handledRecovered_other":
+    "從 {{count}} 個工具錯誤中恢復，未中斷執行。",
+  "observability.insights.avgPerPrompt": "每個提示詞的平均值",
+  "observability.insights.completed": "已完成",
+  "observability.insights.completedDetail": "最近 {{total}} 個中的 {{done}} 個",
+  "observability.insights.completedRecovered_other":
+    "從 {{count}} 個工具錯誤恢復後，最近 {{total}} 個中完成了 {{done}} 個",
+  "observability.insights.typicalTime": "典型耗時",
+  "observability.insights.median": "中位數",
+  "observability.insights.sampleNote":
+    "完成率、典型耗時、Agent-Native 處理的內容與發現均根據 {{total}} 則提示中最新的 {{shown}} 則。",
+  "observability.insights.changeSame": "與上一週期相同",
+  "observability.insights.changeUp": "↑ 較上一週期 {{percent}}%",
+  "observability.insights.changeDown": "↓ 較上一週期 {{percent}}%",
+  "observability.insights.kindProblem": "問題",
+  "observability.insights.kindSaving": "可節省",
+  "observability.insights.kindInfo": "小提示",
+  "observability.insights.fixLabel": "修復方法：",
+  "observability.insights.openPrompt": "開啟該提示詞",
+  "observability.insights.seePrompts_other": "檢視這 {{count}} 個提示詞",
+  "observability.insights.erroredTitle_other": "{{count}} 個提示詞以錯誤結束",
+  "observability.insights.erroredBody": "代理在完成之前停止了。",
+  "observability.insights.erroredFix": "開啟提示詞檢視它停止前執行的最後一步。",
+  "observability.insights.toolFailedTitle_other":
+    "{{tool}} 工具在 {{count}} 個提示詞中失敗",
+  "observability.insights.toolFailedSaid": "它說：「{{error}}」",
+  "observability.insights.toolFailedGeneric": "該工具報告了一個錯誤。",
+  "observability.insights.toolRecoveredAll": "代理每次都成功恢復並完成了任務。",
+  "observability.insights.toolRecoveredSome":
+    "代理在其中 {{count}} 次恢復並完成了任務。",
+  "observability.insights.restartTitle":
+    "重新開始花費了約 {{amount}}（佔總支出的 {{percent}}%）",
+  "observability.insights.restartBody":
+    "在最近 {{total}} 個提示詞中的 {{count}} 個中，代理在{{reason}}後重新傳送了整段對話，而不是複用已傳送的內容。",
+  "observability.insights.reasonToolLookup": "取得新工具",
+  "observability.insights.reasonPrefixChanged": "指令開頭的內容發生了變化",
+  "observability.insights.fixToolLookup":
+    "使用 initialToolNames 預載入此應用所用的工具，讓工具列表在整個提示詞期間保持不變。",
+  "observability.insights.fixPrefixChanged":
+    "不要把時間戳或每步狀態等會變化的內容放進系統提示詞。",
+  "observability.insights.priciestTitle":
+    "有一個提示詞佔用了近期支出的 {{percent}}%",
+  "observability.insights.priciestBody_other":
+    "「{{prompt}}」耗費了 {{amount}}，共 {{count}} 步。",
+  "observability.insights.untitledPrompt": "未命名提示詞",
+  "observability.insights.promptsHeading": "提示詞",
+  "observability.insights.showing": "顯示 {{count}} 個",
+  "observability.insights.sortNewest": "最新",
+  "observability.insights.sortCost": "花費最高",
+  "observability.insights.emptyPrompts":
+    "此時間段內還沒有提示詞。完成後幾秒就會顯示在這裡。",
+  "observability.insights.promptNotSaved": "提示詞文字未儲存",
+  "observability.insights.ratedHelpful": "評為有幫助",
+  "observability.insights.ratedUnhelpful": "評為沒有幫助",
+  "observability.insights.notRated": "未評分",
+  "observability.insights.stoppedWithError": "因錯誤而停止",
+  "observability.insights.detailsUnavailable": "步驟詳情已不可用",
+  "observability.insights.answered": "已回答",
+  "observability.insights.finished": "已完成",
+  "observability.insights.startedOverShort": "重新開始 {{count}}×",
+  "observability.insights.recoveredShort_other":
+    "從 {{count}} 個工具錯誤中恢復",
+  "observability.insights.toolsFailedShort_other": "{{count}} 個工具失敗",
+  "observability.insights.headerDuration": "耗時 {{duration}}",
+  "observability.insights.stepsCount_other": "{{count}} 步",
+  "observability.insights.whatItDid": "執行內容：",
+  "observability.insights.replyNotSaved": "此提示詞的回覆文字未儲存。",
+  "observability.insights.showAll": "顯示全部",
+  "observability.insights.showLess": "收起",
+  "observability.insights.moreTools": "+{{count}} 更多",
+  "observability.insights.failedSuffix": "失敗",
+  "observability.insights.timesCount": "{{label}} ×{{count}}",
+  "observability.insights.startedOverNote_other":
+    "在{{reason}}後重新開始了 {{count}} 次，共花費約 {{total}} 中的 {{amount}}。",
+  "observability.insights.toolFailedNote_other":
+    "{{tool}} 工具失敗了 {{count}} 次。",
+  "observability.insights.toolFailedRecoveredNote_other":
+    "{{tool}} 工具失敗了 {{count}} 次，但代理繼續執行並完成了任務。",
+  "observability.insights.showSteps_other": "顯示這 {{count}} 步",
+  "observability.insights.hideSteps": "隱藏步驟",
+  "observability.insights.costDetails": "費用詳情與檢查",
+  "observability.insights.turnReply": "撰寫了回覆",
+  "observability.insights.turnThought": "進行了思考",
+  "observability.insights.startedOverTag": "重新開始",
+  "observability.insights.toolFailedTag": "工具失敗",
+  "observability.insights.turnContext":
+    "傳送了 {{tokens}} 個上下文 token，其中 {{percent}}% 來自此前的複用。",
+  "observability.insights.turnExpired":
+    "儲存的上下文在暫停後已過期，這是正常現象。",
+  "observability.insights.turnOutput": "生成了 {{tokens}} 個 token。",
+  "observability.insights.turnRestart":
+    "在{{reason}}後重新開始，比複用上下文多花費約 {{amount}}。",
+  "observability.insights.noCacheCompare":
+    "按標準價格計算，複用此前的上下文使該提示詞的費用從 {{noCache}} 降至 {{estimated}}。",
+  "observability.insights.partReused": "複用的上下文",
+  "observability.insights.partSaved": "已快取",
+  "observability.insights.partNew": "新上下文",
+  "observability.insights.partOutput": "模型生成",
+  "observability.insights.checksHeading": "自動檢查",
+  "observability.insights.checksNone": "沒有記錄任何檢查。",
+  "observability.insights.checksGraded": "（由模型評分）",
+  "observability.insights.checksNote":
+    "框架檢查關注執行過程本身（錯誤、步驟、速度），而不判斷結果是否理想。",
+  "observability.insights.lookedForTools": "查找了更多工具",
+  "observability.insights.prevPrompt": "上一個提示詞 (K)",
+  "observability.insights.nextPrompt": "下一個提示詞 (J)",
+  "observability.insights.toolVerb.add": "新增了 {{object}}",
+  "observability.insights.toolVerb.analyze": "分析了 {{object}}",
+  "observability.insights.toolVerb.apply": "套用了 {{object}}",
+  "observability.insights.toolVerb.capture": "擷取了 {{object}}",
+  "observability.insights.toolVerb.check": "檢查了 {{object}}",
+  "observability.insights.toolVerb.connect": "連線了 {{object}}",
+  "observability.insights.toolVerb.create": "建立了 {{object}}",
+  "observability.insights.toolVerb.delete": "刪除了 {{object}}",
+  "observability.insights.toolVerb.duplicate": "複製了 {{object}}",
+  "observability.insights.toolVerb.edit": "編輯了 {{object}}",
+  "observability.insights.toolVerb.export": "匯出了 {{object}}",
+  "observability.insights.toolVerb.fetch": "取得了 {{object}}",
+  "observability.insights.toolVerb.find": "找到了 {{object}}",
+  "observability.insights.toolVerb.generate": "生成了 {{object}}",
+  "observability.insights.toolVerb.index": "索引了 {{object}}",
+  "observability.insights.toolVerb.insert": "插入了 {{object}}",
+  "observability.insights.toolVerb.list": "列出了 {{object}}",
+  "observability.insights.toolVerb.move": "移動了 {{object}}",
+  "observability.insights.toolVerb.navigate": "導航到了 {{object}}",
+  "observability.insights.toolVerb.open": "開啟了 {{object}}",
+  "observability.insights.toolVerb.present": "展示了 {{object}}",
+  "observability.insights.toolVerb.propose": "提出了 {{object}}",
+  "observability.insights.toolVerb.query": "查詢了 {{object}}",
+  "observability.insights.toolVerb.read": "讀取了 {{object}}",
+  "observability.insights.toolVerb.remove": "移除了 {{object}}",
+  "observability.insights.toolVerb.rename": "重新命名了 {{object}}",
+  "observability.insights.toolVerb.reply": "回覆了 {{object}}",
+  "observability.insights.toolVerb.resolve": "解決了 {{object}}",
+  "observability.insights.toolVerb.run": "執行了 {{object}}",
+  "observability.insights.toolVerb.save": "儲存了 {{object}}",
+  "observability.insights.toolVerb.search": "搜尋了 {{object}}",
+  "observability.insights.toolVerb.send": "傳送了 {{object}}",
+  "observability.insights.toolVerb.set": "設定了 {{object}}",
+  "observability.insights.toolVerb.take": "截取了 {{object}}",
+  "observability.insights.toolVerb.update": "更新了 {{object}}",
+  "observability.insights.toolVerb.upload": "上傳了 {{object}}",
+  "observability.insights.toolVerb.view": "檢視了 {{object}}",
+  "observability.insights.toolVerb.write": "寫入了 {{object}}",
   "billing.builderCreditLimitTitle": "Builder 點數已用完",
   "billing.builderCreditLimitEmailBody":
     "由於您連結的 Builder 帳戶點數已用完，一項 AI 請求已停止。升級 Builder 方案即可繼續使用。",
@@ -2488,6 +2641,7 @@ const messages: ToolkitAgentChatTranslation = {
   "settingsSubAgents.registryLink": "瀏覽 Global A2A Registry",
   "settingsSubAgents.connectTitle": "連接 {{name}}",
   "settingsSubAgents.close": "關閉",
+  "observability.insights.rawTrace": "原始追蹤（所有 span 及其輸入與輸出）",
 };
 
 export default messages;

package/src/app/integrations/BuilderIntegrationPage.spec.tsx

@@ -25,8 +25,8 @@ const actionMocks = vi.hoisted(() => ({
 vi.mock("../settings/useBuilderStatus.js", () => ({
   useBuilderConnectFlow: () => flowMock.current,
 }));
-vi.mock("../use-action.js", () => actionMocks);
-vi.mock("../org/hooks.js", () => ({
+vi.mock("@agent-native/core/client/use-action", () => actionMocks);
+vi.mock("@agent-native/core/client/org/hooks", () => ({
   useOrg: () => ({ data: { orgName: "Acme" } }),
 }));
 vi.mock("../settings/deferred-builder-connect-popover.js", () => ({
@@ -38,7 +38,7 @@ vi.mock("../settings/deferred-builder-connect-popover.js", () => ({
     onConnect: (provisionAccount: boolean) => void;
   }) => React.cloneElement(children, { onClick: () => onConnect(false) }),
 }));
-vi.mock("../i18n.js", () => ({
+vi.mock("@agent-native/core/client/i18n", () => ({
   useT:
     () =>
     (key: string, options?: Record<string, unknown>): string => {

package/src/app/integrations/ChannelsPage.spec.tsx

@@ -20,11 +20,11 @@ const actions = vi.hoisted(() => ({
 }));
 
 const agent = vi.hoisted(() => ({ submitToAgent: vi.fn() }));
-vi.mock("../CommandMenu.js", () => agent);
+vi.mock("../shared/index.js", () => agent);
 
 // The hooks' transport belongs to the framework. The page's contract is which
 // action it calls with what, and what it does with the answer.
-vi.mock("../use-action.js", async () => {
+vi.mock("@agent-native/core/client/use-action", async () => {
   const { useMutation, useQuery, useQueryClient } =
     await import("@tanstack/react-query");
   const call = (name: string, params: unknown) =>
@@ -53,7 +53,7 @@ vi.mock("../use-action.js", async () => {
   };
 });
 
-vi.mock("../i18n.js", () => ({
+vi.mock("@agent-native/core/client/i18n", () => ({
   useT:
     () =>
     (key: string, options?: Record<string, unknown>): string => {

package/src/app/integrations/IntegrationsPage.spec.tsx

@@ -24,13 +24,13 @@ const dialogMocks = vi.hoisted(() => ({
 }));
 
 vi.mock("../resources/McpIntegrationDialog.js", () => dialogMocks);
-vi.mock("../resources/use-mcp-servers.js", () => mcpMocks);
+vi.mock("@agent-native/core/client/resources/use-mcp-servers", () => mcpMocks);
 vi.mock("../settings/useBuilderStatus.js", () => builderMocks);
-vi.mock("./useIntegrationStatus.js", () => ({
+vi.mock("@agent-native/core/client/integrations/useIntegrationStatus", () => ({
   useIntegrationStatus: () => ({ statuses: [], loading: false, refetch() {} }),
 }));
 
-vi.mock("../i18n.js", () => ({
+vi.mock("@agent-native/core/client/i18n", () => ({
   useT:
     () =>
     (key: string, options?: Record<string, unknown>): string => {

package/src/app/integrations/IntegrationsPanel.spec.tsx

@@ -22,7 +22,7 @@ vi.mock("../resources/McpIntegrationDialog.js", () => ({
   McpIntegrationDialog: () => null,
 }));
 
-vi.mock("../resources/mcp-integration-catalog.js", () => ({
+vi.mock("@agent-native/core/client/resources/mcp-integration-catalog", () => ({
   isMcpIntegrationCatalogAvailable: () => false,
   getDefaultMcpIntegrations: () => [
     {
@@ -54,11 +54,14 @@ vi.mock("../resources/mcp-integration-catalog.js", () => ({
   ],
 }));
 
-vi.mock("../resources/use-mcp-servers.js", () => mcpMocks);
+vi.mock("@agent-native/core/client/resources/use-mcp-servers", () => mcpMocks);
 
-vi.mock("./useIntegrationStatus.js", () => integrationMocks);
+vi.mock(
+  "@agent-native/core/client/integrations/useIntegrationStatus",
+  () => integrationMocks,
+);
 
-vi.mock("../i18n.js", () => ({
+vi.mock("@agent-native/core/client/i18n", () => ({
   useT: () => (key: string, options?: Record<string, unknown>) => {
     const messages: Record<string, string> = {
       "mcpIntegrations.connectionError": "Connection error",

package/src/app/observability/ObservabilityDashboard.review.spec.tsx

@@ -12,7 +12,6 @@ const {
   mockSubmitFeedback,
   mockSaveInstructionUpdate,
   mockSendToAgentChat,
-  mockTraces,
   mockTraceDetail,
   mockOpenThread,
   mockUseActionQuery,
@@ -24,7 +23,6 @@ const {
   mockSubmitFeedback: vi.fn(),
   mockSaveInstructionUpdate: vi.fn(),
   mockSendToAgentChat: vi.fn(),
-  mockTraces: vi.fn(),
   mockTraceDetail: vi.fn(),
   mockOpenThread: vi.fn(),
   mockUseActionQuery: vi.fn(),
@@ -76,7 +74,6 @@ vi.mock("./useObservability.js", () => ({
     },
     isLoading: false,
   }),
-  useTraces: (...args: unknown[]) => mockTraces(...args),
   useTraceDetail: (...args: unknown[]) => mockTraceDetail(...args),
   usePromoteTraceEval: () => ({
     mutate: vi.fn(),
@@ -125,12 +122,15 @@ vi.mock("./useObservability.js", () => ({
 
 import { AgentNativeI18nProvider } from "@agent-native/core/client/i18n";
 
+import { createToolkitI18nCatalog } from "../i18n.js";
 import {
   ObservabilityDashboard,
   resolveReviewArtifactHref,
   resolveReviewArtifactOpenHref,
 } from "./ObservabilityDashboard.js";
 
+const toolkitI18nCatalog = createToolkitI18nCatalog({ messages: {} });
+
 describe("human review artifact links", () => {
   it("keeps artifact links on the matching first-party app and environment", () => {
     expect(
@@ -442,50 +442,84 @@ describe("ObservabilityDashboard human review", () => {
     vi.unstubAllGlobals();
   });
 
-  it("opens span details, the full conversation, and tab documentation", async () => {
-    mockTraces.mockReturnValue({
-      isLoading: false,
-      data: [
+  it("explains a prompt in plain language and still exposes its raw spans and conversation", async () => {
+    const run = {
+      runId: "run-1",
+      threadId: "thread-1",
+      createdAt: Date.now(),
+      ownerEmail: "owner@example.com",
+      label: "chat",
+      model: "test-model",
+      prompt: "Find the latest releases",
+      status: "success",
+      tokens: {
+        inputTokens: 2,
+        outputTokens: 3,
+        cacheReadTokens: 0,
+        cacheWriteTokens: 0,
+      },
+      cost: {
+        cacheReadCents: 0,
+        cacheWriteCents: 0,
+        uncachedInputCents: 1,
+        outputCents: 1,
+        totalCents: 2,
+        estimatedCents: 2,
+        noCacheCents: 2,
+      },
+      modelCalls: 1,
+      tools: [
+        { name: "search", calls: 1, failed: 0, error: null },
         {
-          runId: "run-1",
-          threadId: "thread-1",
-          totalSpans: 2,
-          llmCalls: 1,
-          toolCalls: 1,
-          successfulTools: 1,
-          failedTools: 0,
-          totalDurationMs: 100,
-          totalCostCentsX100: 0,
-          totalInputTokens: 2,
-          totalOutputTokens: 3,
-          model: "test-model",
-          createdAt: Date.now(),
+          name: "broken-search",
+          calls: 1,
+          failed: 1,
+          error: "Search provider returned 503",
         },
       ],
-    });
+      restarts: {
+        count: 0,
+        cents: 0,
+        byCause: {
+          "tool-lookup": { count: 0, cents: 0 },
+          "prefix-changed": { count: 0, cents: 0 },
+        },
+      },
+      parallel: { calls: 0, savedMs: 0 },
+      recoveredErrors: 1,
+      durationMs: 100,
+      feedback: null,
+    };
+    mockUseActionQuery.mockImplementation((actionName) =>
+      actionName === "get-usage-insights"
+        ? {
+            data: {
+              sinceDays: 7,
+              current: { runs: 1, tokens: run.tokens, cost: run.cost },
+              previous: { runs: 0, tokens: run.tokens, cost: run.cost },
+              runs: [run],
+            },
+          }
+        : actionName === "get-usage-run"
+          ? {
+              isLoading: false,
+              data: {
+                ...run,
+                reply: "Here are the three latest releases.",
+                turns: [],
+                scores: [],
+              },
+            }
+          : { data: undefined, isError: false, isSuccess: false },
+    );
     mockTraceDetail.mockReturnValue({
       isLoading: false,
       data: {
-        summary: {
-          runId: "run-1",
-          threadId: "thread-1",
-          totalSpans: 2,
-          llmCalls: 1,
-          toolCalls: 1,
-          successfulTools: 1,
-          failedTools: 0,
-          totalDurationMs: 100,
-          totalCostCentsX100: 0,
-          totalInputTokens: 2,
-          totalOutputTokens: 3,
-          model: "test-model",
-          createdAt: Date.now(),
-        },
+        summary: { runId: "run-1", threadId: "thread-1" },
         spans: [
           {
             id: "span-success",
             runId: "run-1",
-            orgId: "org-a",
             threadId: "thread-1",
             parentSpanId: null,
             spanType: "tool_call",
@@ -529,13 +563,21 @@ describe("ObservabilityDashboard human review", () => {
     await act(async () => {
       root.render(
         <QueryClientProvider client={queryClient}>
-          <AgentNativeI18nProvider persistPreference={false}>
+          <AgentNativeI18nProvider
+            catalog={toolkitI18nCatalog}
+            persistPreference={false}
+          >
             <ObservabilityDashboard />
           </AgentNativeI18nProvider>
         </QueryClientProvider>,
       );
     });
 
+    const buttonWithText = (text: string) =>
+      Array.from(document.querySelectorAll<HTMLButtonElement>("button")).find(
+        (button) => button.textContent?.includes(text),
+      );
+
     const experimentsTab = Array.from(
       container.querySelectorAll<HTMLButtonElement>("button"),
     ).find((button) => button.textContent?.includes("Experiments"));
@@ -552,33 +594,150 @@ describe("ObservabilityDashboard human review", () => {
       container.querySelector<HTMLAnchorElement>('a[href*="#conversations"]'),
     ).toBeTruthy();
 
-    const runRow = Array.from(container.querySelectorAll("tr")).find((row) =>
-      row.textContent?.includes("run-1"),
+    await act(async () => buttonWithText("Find the latest releases")?.click());
+    expect(document.body.textContent).toContain(
+      "Here are the three latest releases.",
+    );
+    expect(document.body.textContent).toContain(
+      "but the agent kept going and finished",
     );
-    await act(async () => (runRow as HTMLTableRowElement | undefined)?.click());
 
+    await act(async () => buttonWithText("Raw trace")?.click());
     const detailsButton = (spanName: string) =>
       Array.from(
-        container.querySelectorAll<HTMLButtonElement>(
+        document.querySelectorAll<HTMLButtonElement>(
           'button[aria-label="View details"]',
         ),
       ).find((button) => button.closest("tr")?.textContent?.includes(spanName));
 
     await act(async () => detailsButton("search")?.click());
-    expect(container.textContent).toContain('"latest releases"');
-    expect(container.textContent).toContain("Found 3 results");
+    expect(document.body.textContent).toContain('"latest releases"');
+    expect(document.body.textContent).toContain("Found 3 results");
 
     await act(async () => detailsButton("broken-search")?.click());
-    expect(container.textContent).toContain("Search provider returned 503");
+    expect(document.body.textContent).toContain("Search provider returned 503");
 
-    await act(async () =>
-      Array.from(container.querySelectorAll<HTMLButtonElement>("button"))
-        .find((button) =>
-          button.textContent?.includes("Open full conversation"),
-        )
-        ?.click(),
-    );
+    await act(async () => buttonWithText("Open full conversation")?.click());
     expect(mockOpenThread).toHaveBeenCalledWith({ threadId: "thread-1" });
+    expect(buttonWithText("Open full conversation")).toBeUndefined();
+  });
+
+  it("reports a failed insights load with a retry instead of loading forever", async () => {
+    const refetch = vi.fn();
+    mockUseActionQuery.mockImplementation((actionName) =>
+      actionName === "get-usage-insights"
+        ? {
+            data: undefined,
+            isError: true,
+            isSuccess: false,
+            isFetching: false,
+            refetch,
+          }
+        : { data: undefined, isError: false, isSuccess: false },
+    );
+
+    await act(async () => {
+      root.render(
+        <QueryClientProvider client={queryClient}>
+          <AgentNativeI18nProvider
+            catalog={toolkitI18nCatalog}
+            persistPreference={false}
+          >
+            <ObservabilityDashboard />
+          </AgentNativeI18nProvider>
+        </QueryClientProvider>,
+      );
+    });
+    expect(container.querySelector('[role="alert"]')?.textContent).toBe(
+      "Couldn't load this. Please try again.",
+    );
+
+    const buttonWithText = (text: string) =>
+      Array.from(container.querySelectorAll("button")).find((button) =>
+        button.textContent?.includes(text),
+      );
+    await act(async () => buttonWithText("Retry")?.click());
+    expect(refetch).toHaveBeenCalledTimes(1);
+
+    await act(async () => activateTab(buttonWithText("Conversations")));
+    expect(container.querySelector('[role="alert"]')?.textContent).toBe(
+      "Couldn't load this. Please try again.",
+    );
+    expect(buttonWithText("Retry")).toBeTruthy();
+  });
+
+  it("says the overview stats cover only the latest prompts when the period has more", async () => {
+    const tokens = {
+      inputTokens: 2,
+      outputTokens: 3,
+      cacheReadTokens: 0,
+      cacheWriteTokens: 0,
+    };
+    const cost = {
+      cacheReadCents: 0,
+      cacheWriteCents: 0,
+      uncachedInputCents: 1,
+      outputCents: 1,
+      totalCents: 2,
+      estimatedCents: 2,
+      noCacheCents: 2,
+    };
+    mockUseActionQuery.mockImplementation((actionName) =>
+      actionName === "get-usage-insights"
+        ? {
+            data: {
+              sinceDays: 7,
+              current: { runs: 30, tokens, cost },
+              previous: { runs: 0, tokens, cost },
+              runs: [
+                {
+                  runId: "run-1",
+                  threadId: "thread-1",
+                  createdAt: Date.now(),
+                  ownerEmail: "owner@example.com",
+                  label: "chat",
+                  model: "test-model",
+                  prompt: "Find the latest releases",
+                  status: "success",
+                  tokens,
+                  cost,
+                  modelCalls: 1,
+                  tools: [],
+                  restarts: {
+                    count: 0,
+                    cents: 0,
+                    byCause: {
+                      "tool-lookup": { count: 0, cents: 0 },
+                      "prefix-changed": { count: 0, cents: 0 },
+                    },
+                  },
+                  parallel: { calls: 0, savedMs: 0 },
+                  recoveredErrors: 0,
+                  durationMs: 100,
+                  feedback: null,
+                },
+              ],
+            },
+          }
+        : { data: undefined, isError: false, isSuccess: false },
+    );
+
+    await act(async () => {
+      root.render(
+        <QueryClientProvider client={queryClient}>
+          <AgentNativeI18nProvider
+            catalog={toolkitI18nCatalog}
+            persistPreference={false}
+          >
+            <ObservabilityDashboard />
+          </AgentNativeI18nProvider>
+        </QueryClientProvider>,
+      );
+    });
+
+    expect(container.textContent).toContain(
+      "Completion, typical time, what Agent-Native handled and the findings use the latest 1 of 30 prompts.",
+    );
   });
 
   it("hides organization human review outside the admin settings surface", async () => {