create-windy 0.6.9 → 0.6.11

package/template/apps/web/src/pages/system/components/ai-runtime/AiRuntimeFilters.vue

@@ -1,10 +1,18 @@
 <script setup lang="ts">
-import { shallowRef } from "vue";
+import { computed, shallowRef } from "vue";
 import { SearchIcon } from "@lucide/vue";
 import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
 import type { AiRuntimeActor, AiRuntimeRange } from "@/services/ai-runtime-api";
 
-defineProps<{
+const props = defineProps<{
   range: AiRuntimeRange;
   actorHandle?: string;
   actors: readonly AiRuntimeActor[];
@@ -17,6 +25,12 @@ const emit = defineEmits<{
   "search:actors": [value: string];
 }>();
 const actorSearch = shallowRef("");
+const allActorsValue = "__all_actors__";
+const selectedActor = computed({
+  get: () => props.actorHandle ?? allActorsValue,
+  set: (value: string) =>
+    emit("update:actorHandle", value === allActorsValue ? undefined : value),
+});
 
 const ranges: readonly { value: AiRuntimeRange; label: string }[] = [
   { value: "day", label: "近 24 小时" },
@@ -24,11 +38,6 @@ const ranges: readonly { value: AiRuntimeRange; label: string }[] = [
   { value: "retained", label: "保留期" },
 ];
 
-function selectActor(event: Event) {
-  const value = (event.target as HTMLSelectElement).value;
-  emit("update:actorHandle", value || undefined);
-}
-
 function searchActors() {
   emit("search:actors", actorSearch.value.trim());
 }
@@ -38,11 +47,14 @@ function searchActors() {
   <div
     class="flex flex-col gap-3 rounded-lg border bg-card p-3 md:flex-row md:items-center md:justify-between"
   >
-    <div class="inline-flex w-fit gap-1 rounded-md bg-muted p-1">
+    <div
+      class="inline-flex min-h-9 w-fit items-center gap-1 rounded-md bg-muted p-0.5"
+    >
       <Button
         v-for="item in ranges"
         :key="item.value"
         size="sm"
+        class="h-8 px-3"
         :variant="range === item.value ? 'secondary' : 'ghost'"
         :disabled="disabled"
         @click="emit('update:range', item.value)"
@@ -51,19 +63,19 @@ function searchActors() {
       </Button>
     </div>
 
-    <div class="flex flex-col gap-2 sm:flex-row sm:items-center">
-      <label class="flex items-center gap-2 text-sm text-muted-foreground">
+    <div class="flex w-full flex-col gap-2 sm:w-auto sm:flex-row sm:items-end">
+      <label class="grid gap-1 text-sm text-muted-foreground">
         查找
-        <span class="flex">
-          <input
+        <span class="flex min-w-0">
+          <Input
             v-model="actorSearch"
-            class="h-9 w-44 rounded-l-md border border-input bg-background px-3 text-sm text-foreground outline-none focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/30"
+            class="h-9 w-full rounded-r-none border-r-0 focus-visible:z-10 sm:w-44"
             placeholder="姓名或账号"
             :disabled="disabled"
             @keyup.enter="searchActors"
           />
           <Button
-            class="rounded-l-none"
+            class="h-9 w-9 shrink-0 rounded-l-none"
             size="icon"
             variant="outline"
             :disabled="disabled"
@@ -74,24 +86,24 @@ function searchActors() {
           </Button>
         </span>
       </label>
-      <label class="flex items-center gap-2 text-sm text-muted-foreground">
+      <label class="grid gap-1 text-sm text-muted-foreground">
         操作者
-        <select
-          class="h-9 min-w-48 rounded-md border border-input bg-background px-3 text-sm text-foreground shadow-xs outline-none focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/30"
-          :value="actorHandle || ''"
-          :disabled="disabled"
-          @change="selectActor"
-        >
-          <option value="">全部操作者</option>
-          <option
-            v-for="actor in actors"
-            :key="actor.handle"
-            :value="actor.handle"
-          >
-            {{ actor.displayName
-            }}{{ actor.username ? `（${actor.username}）` : "" }}
-          </option>
-        </select>
+        <Select v-model="selectedActor" :disabled="disabled">
+          <SelectTrigger class="h-9 w-full sm:w-48" aria-label="筛选操作者">
+            <SelectValue placeholder="全部操作者" />
+          </SelectTrigger>
+          <SelectContent>
+            <SelectItem :value="allActorsValue">全部操作者</SelectItem>
+            <SelectItem
+              v-for="actor in actors"
+              :key="actor.handle"
+              :value="actor.handle"
+            >
+              {{ actor.displayName
+              }}{{ actor.username ? `（${actor.username}）` : "" }}
+            </SelectItem>
+          </SelectContent>
+        </Select>
       </label>
     </div>
   </div>

package/template/apps/web/src/pages/system/components/ai-runtime/AiRuntimeFilters.webtest.ts

@@ -1,9 +1,12 @@
-import { mount } from "@vue/test-utils";
-import { describe, expect, test } from "vitest";
+import { flushPromises, mount } from "@vue/test-utils";
+import { afterEach, describe, expect, test } from "vitest";
+import { Select } from "@/components/ui/select";
 import AiRuntimeFilters from "./AiRuntimeFilters.vue";
 
+afterEach(() => document.body.replaceChildren());
+
 describe("AI Runtime 操作者筛选", () => {
-  test("按姓名搜索后选择服务端返回的操作者", async () => {
+  test("按姓名搜索后通过设计系统 Select 选择服务端返回的操作者", async () => {
     const wrapper = mount(AiRuntimeFilters, {
       props: {
         range: "day",
@@ -19,9 +22,17 @@ describe("AI Runtime 操作者筛选", () => {
 
     await wrapper.get('input[placeholder="姓名或账号"]').setValue("张三");
     await wrapper.get('button[aria-label="搜索操作者"]').trigger("click");
-    await wrapper.get("select").setValue("actor_opaque");
+    wrapper.findComponent(Select).vm.$emit("update:modelValue", "actor_opaque");
+    await flushPromises();
 
     expect(wrapper.emitted("search:actors")).toEqual([["张三"]]);
     expect(wrapper.emitted("update:actorHandle")).toEqual([["actor_opaque"]]);
+    expect(wrapper.find("select").exists()).toBe(false);
+    expect(
+      wrapper.get('[data-slot="select-trigger"]').attributes("aria-label"),
+    ).toBe("筛选操作者");
+    expect(wrapper.get('[data-slot="select-trigger"]').attributes("role")).toBe(
+      "combobox",
+    );
   });
 });

package/template/apps/web/src/pages/system/components/ai-runtime/AiRuntimeModelUsageList.vue

@@ -0,0 +1,48 @@
+<script setup lang="ts">
+import { Badge } from "@/components/ui/badge";
+import type { AiRuntimeModelUsage } from "@/services/ai-runtime-api";
+import { formatTokenCount } from "../../ai-runtime-presenter";
+
+defineProps<{ models: readonly AiRuntimeModelUsage[] }>();
+</script>
+
+<template>
+  <section aria-labelledby="ai-runtime-model-usage-title" class="space-y-2">
+    <div>
+      <h3 id="ai-runtime-model-usage-title" class="text-sm font-medium">
+        当前范围的模型与 deployment
+      </h3>
+      <p class="text-xs text-muted-foreground">
+        模型名优先采用 Provider 回报；未回报时显示请求模型。Token 未上报不会按 0
+        处理。
+      </p>
+    </div>
+    <ul
+      v-if="models.length"
+      class="flex flex-wrap gap-2"
+      aria-label="当前筛选范围内的模型 Token 用量"
+    >
+      <li
+        v-for="item in models"
+        :key="`${item.deploymentKey}:${item.model}`"
+        class="flex min-w-0 items-start gap-1.5 rounded-md border bg-muted/30 px-2 py-1 text-xs"
+      >
+        <Badge
+          variant="secondary"
+          class="h-auto whitespace-normal break-all py-0.5 font-medium"
+        >
+          {{ item.model }}
+        </Badge>
+        <span class="min-w-0 break-all text-muted-foreground">
+          {{ item.deploymentKey }}
+        </span>
+        <span class="whitespace-nowrap tabular-nums text-foreground">
+          {{ formatTokenCount(item.totalTokens) }} Token
+        </span>
+      </li>
+    </ul>
+    <p v-else class="text-sm text-muted-foreground">
+      当前范围内没有已上报的模型事实。
+    </p>
+  </section>
+</template>

package/template/apps/web/src/pages/system/components/ai-runtime/AiRuntimeModelUsageList.webtest.ts

@@ -0,0 +1,32 @@
+import { mount } from "@vue/test-utils";
+import { describe, expect, test } from "vitest";
+import AiRuntimeModelUsageList from "./AiRuntimeModelUsageList.vue";
+
+describe("AI Runtime 模型用量列表", () => {
+  test("模型、deployment 和 Token 在图表外始终可读", () => {
+    const wrapper = mount(AiRuntimeModelUsageList, {
+      props: {
+        models: [
+          {
+            deploymentKey: "ai.primary",
+            model: "provider-model-v2",
+            attempts: 2,
+            inputTokens: 10,
+            outputTokens: 5,
+            cachedInputTokens: null,
+            reasoningTokens: null,
+            totalTokens: 15,
+            unknownUsageCount: 0,
+          },
+        ],
+      },
+    });
+
+    expect(wrapper.text()).toContain("provider-model-v2");
+    expect(wrapper.text()).toContain("ai.primary");
+    expect(wrapper.text()).toContain("15 Token");
+    expect(
+      wrapper.find("[aria-label='当前筛选范围内的模型 Token 用量']").exists(),
+    ).toBe(true);
+  });
+});

package/template/apps/web/src/pages/system/components/ai-runtime/AiRuntimeRunDetailDialog.vue

@@ -127,7 +127,8 @@ const open = defineModel<boolean>("open", { required: true });
                       {{ attempt.reportedModel || attempt.requestedModel }}
                     </div>
                     <div class="text-xs text-muted-foreground">
-                      {{ attempt.deploymentKey }}
+                      {{ attempt.deploymentKey }} ·
+                      {{ attempt.reportedModel ? "Provider 回报" : "请求模型" }}
                     </div>
                   </TableCell>
                   <TableCell>{{ runStatusLabel(attempt.outcome) }}</TableCell>

package/template/apps/web/src/pages/system/components/ai-runtime/AiRuntimeRunDetailDialog.webtest.ts

@@ -0,0 +1,70 @@
+import { flushPromises, mount } from "@vue/test-utils";
+import { afterEach, describe, expect, test } from "vitest";
+import AiRuntimeRunDetailDialog from "./AiRuntimeRunDetailDialog.vue";
+
+afterEach(() => document.body.replaceChildren());
+
+describe("AI Runtime Run 详情", () => {
+  test("按 Attempt sequence 保留 deployment、请求模型和 Provider 回报模型", async () => {
+    const wrapper = mount(AiRuntimeRunDetailDialog, {
+      attachTo: document.body,
+      props: {
+        open: true,
+        detail: {
+          runId: "run_1",
+          operationKey: "business.answer",
+          actor: null,
+          status: "completed",
+          attempts: 2,
+          modelDeployments: [],
+          totalTokens: 12,
+          cacheStatus: "unknown",
+          releaseId: "release_1",
+          traceId: "trace_1",
+          attemptItems: [
+            {
+              sequence: 1,
+              deploymentKey: "ai.primary",
+              requestedModel: "requested-a",
+              reportedModel: "provider-a",
+              outcome: "completed",
+              inputTokens: null,
+              outputTokens: null,
+              cachedInputTokens: null,
+              reasoningTokens: null,
+              totalTokens: 10,
+              cacheStatus: "unknown",
+              startedAt: "2026-07-31T00:00:00.000Z",
+            },
+            {
+              sequence: 2,
+              deploymentKey: "ai.fallback",
+              requestedModel: "requested-b",
+              reportedModel: null,
+              outcome: "failed",
+              inputTokens: null,
+              outputTokens: null,
+              cachedInputTokens: null,
+              reasoningTokens: null,
+              totalTokens: null,
+              cacheStatus: "unknown",
+              startedAt: "2026-07-31T00:00:01.000Z",
+            },
+          ],
+        },
+      },
+    });
+    await flushPromises();
+
+    const rows = [...document.querySelectorAll("tbody tr")];
+    expect(rows.map((row) => row.textContent)).toEqual(
+      expect.arrayContaining([
+        expect.stringContaining("provider-a"),
+        expect.stringContaining("requested-b"),
+      ]),
+    );
+    expect(rows[0]?.textContent).toContain("ai.primary · Provider 回报");
+    expect(rows[1]?.textContent).toContain("ai.fallback · 请求模型");
+    wrapper.unmount();
+  });
+});

package/template/apps/web/src/pages/system/components/ai-runtime/AiRuntimeRunTable.vue

@@ -11,6 +11,7 @@ import {
   TableRow,
 } from "@/components/ui/table";
 import type {
+  AiRuntimeModelDeployment,
   AiRuntimePage,
   AiRuntimeRunItem,
 } from "@/services/ai-runtime-api";
@@ -40,11 +41,15 @@ function statusVariant(status: string) {
       ? "secondary"
       : "outline";
 }
+
+function modelDeploymentLabel(item: AiRuntimeModelDeployment) {
+  return `${item.model} · ${item.deploymentKey}`;
+}
 </script>
 
 <template>
   <div class="space-y-3">
-    <div class="overflow-hidden rounded-md border">
+    <div class="overflow-x-auto rounded-md border">
       <Table>
         <TableHeader>
           <TableRow>
@@ -105,7 +110,29 @@ function statusVariant(status: string) {
                 {{ runStatusLabel(run.status) }}
               </Badge>
             </TableCell>
-            <TableCell>{{ run.model || "未上报" }}</TableCell>
+            <TableCell class="min-w-64">
+              <ul
+                v-if="run.modelDeployments.length"
+                class="flex flex-wrap gap-1"
+                :aria-label="`Run ${run.runId} 使用的模型与 deployment`"
+              >
+                <li
+                  v-for="item in run.modelDeployments"
+                  :key="`${item.deploymentKey}:${item.model}`"
+                >
+                  <Badge
+                    variant="outline"
+                    class="h-auto max-w-60 whitespace-normal break-all py-0.5 text-left leading-4"
+                  >
+                    {{ modelDeploymentLabel(item) }}
+                    <span v-if="item.attemptCount > 1" class="ml-1">
+                      ×{{ item.attemptCount }}
+                    </span>
+                  </Badge>
+                </li>
+              </ul>
+              <span v-else class="text-muted-foreground">未上报</span>
+            </TableCell>
             <TableCell class="text-right tabular-nums">
               {{ formatTokenCount(run.totalTokens) }}
             </TableCell>

package/template/apps/web/src/pages/system/components/ai-runtime/AiRuntimeRunTable.webtest.ts

@@ -0,0 +1,56 @@
+import { mount } from "@vue/test-utils";
+import { describe, expect, test } from "vitest";
+import AiRuntimeRunTable from "./AiRuntimeRunTable.vue";
+
+describe("AI Runtime Run 列表", () => {
+  test("完整展示多个模型与 deployment 组合，而不是折叠成首项", () => {
+    const wrapper = mount(AiRuntimeRunTable, {
+      props: {
+        runs: {
+          items: [
+            {
+              runId: "run_1",
+              operationKey: "business.answer",
+              actor: null,
+              status: "completed",
+              attempts: 3,
+              modelDeployments: [
+                {
+                  deploymentKey: "ai.primary",
+                  model: "provider-a",
+                  attemptCount: 2,
+                },
+                {
+                  deploymentKey: "ai.fallback",
+                  model: "requested-b",
+                  attemptCount: 1,
+                },
+              ],
+              totalTokens: 12,
+              cacheStatus: "unknown",
+            },
+            {
+              runId: "run_2",
+              operationKey: "business.answer",
+              actor: null,
+              status: "failed",
+              attempts: 0,
+              modelDeployments: [],
+              totalTokens: null,
+              cacheStatus: "unknown",
+            },
+          ],
+          total: 2,
+          page: 1,
+          pageSize: 20,
+        },
+      },
+    });
+
+    expect(wrapper.text()).toContain("provider-a · ai.primary");
+    expect(wrapper.text()).toContain("×2");
+    expect(wrapper.text()).toContain("requested-b · ai.fallback");
+    expect(wrapper.text()).toContain("未上报");
+    expect(wrapper.find(".overflow-x-auto").exists()).toBe(true);
+  });
+});

package/template/apps/web/src/services/ai-runtime-api.ts

@@ -3,6 +3,7 @@ import type {
   AiRuntimeActorSummary,
   AiRuntimeAttemptDetail,
   AiRuntimeReportSummary,
+  AiRuntimeRunModelDeployment,
   AiRuntimeRunDetail as RuntimeRunDetail,
   AiRuntimeRunListItem,
   PageResult,
@@ -18,6 +19,7 @@ export interface AiRuntimeReportQuery {
 export type AiRuntimeSummary = AiRuntimeReportSummary;
 export type AiRuntimeModelUsage = AiRuntimeReportSummary["byModel"][number];
 export type AiRuntimeActivity = AiRuntimeReportSummary["activity"][number];
+export type AiRuntimeModelDeployment = AiRuntimeRunModelDeployment;
 
 export interface AiRuntimeRunItem {
   readonly runId: string;
@@ -28,7 +30,7 @@ export interface AiRuntimeRunItem {
   readonly finishedAt?: string;
   readonly durationMs?: number;
   readonly attempts: number;
-  readonly model?: string;
+  readonly modelDeployments: readonly AiRuntimeModelDeployment[];
   readonly totalTokens: number | null;
   readonly cacheStatus: "hit" | "miss" | "unknown";
   readonly traceId?: string;
@@ -39,7 +41,7 @@ export interface AiRuntimeAttempt {
   readonly sequence: number;
   readonly deploymentKey: string;
   readonly requestedModel: string;
-  readonly reportedModel?: string;
+  readonly reportedModel: string | null;
   readonly outcome: string;
   readonly inputTokens: number | null;
   readonly outputTokens: number | null;
@@ -119,7 +121,7 @@ function runItem(value: AiRuntimeRunListItem): AiRuntimeRunItem {
     ...(value.finishedAt ? { finishedAt: value.finishedAt } : {}),
     ...(value.durationMs === null ? {} : { durationMs: value.durationMs }),
     attempts: value.attemptCount,
-    model: modelLabel(value.models),
+    modelDeployments: value.modelDeployments,
     totalTokens: value.usage.totalTokens,
     cacheStatus: value.cacheStatus,
   };
@@ -139,7 +141,8 @@ function attemptItem(value: AiRuntimeAttemptDetail): AiRuntimeAttempt {
   return {
     sequence: value.sequence,
     deploymentKey: value.deploymentKey,
-    requestedModel: value.model,
+    requestedModel: value.requestedModel,
+    reportedModel: value.reportedModel,
     outcome: value.outcome,
     inputTokens: value.inputTokens,
     outputTokens: value.outputTokens,
@@ -156,9 +159,3 @@ function attemptItem(value: AiRuntimeAttemptDetail): AiRuntimeAttempt {
     ...(value.finishedAt ? { finishedAt: value.finishedAt } : {}),
   };
 }
-
-function modelLabel(models: readonly string[]) {
-  if (models.length === 0) return undefined;
-  if (models.length === 1) return models[0];
-  return `${models[0]} 等 ${models.length} 个`;
-}

package/template/apps/web/src/services/ai-runtime-api.webtest.ts

@@ -25,6 +25,18 @@ describe("AI Runtime 报表 API", () => {
           finishedAt: null,
           durationMs: null,
           attemptCount: 2,
+          modelDeployments: [
+            {
+              deploymentKey: "ai.primary",
+              model: "provider-a",
+              attemptCount: 1,
+            },
+            {
+              deploymentKey: "ai.fallback",
+              model: "requested-b",
+              attemptCount: 1,
+            },
+          ],
           models: ["gpt-a", "gpt-b"],
           cacheStatus: "unknown",
           usage: {
@@ -62,7 +74,18 @@ describe("AI Runtime 报表 API", () => {
     );
     expect(page.items[0]).toMatchObject({
       attempts: 2,
-      model: "gpt-a 等 2 个",
+      modelDeployments: [
+        {
+          deploymentKey: "ai.primary",
+          model: "provider-a",
+          attemptCount: 1,
+        },
+        {
+          deploymentKey: "ai.fallback",
+          model: "requested-b",
+          attemptCount: 1,
+        },
+      ],
       totalTokens: null,
       cacheStatus: "unknown",
     });
@@ -79,6 +102,7 @@ describe("AI Runtime 报表 API", () => {
         finishedAt: null,
         durationMs: null,
         attemptCount: 0,
+        modelDeployments: [],
         models: [],
         cacheStatus: "unknown",
         usage: {
@@ -91,7 +115,30 @@ describe("AI Runtime 报表 API", () => {
         releaseId: "release_1",
         traceId: "trace_1",
         safeErrorCode: null,
-        attempts: [],
+        attempts: [
+          {
+            attemptId: "attempt_1",
+            sequence: 1,
+            toolRound: 1,
+            deploymentKey: "ai.primary",
+            requestedModel: "requested-model",
+            reportedModel: "provider-model",
+            model: "provider-model",
+            outcome: "completed",
+            cacheStatus: "unknown",
+            usageSource: "provider-reported",
+            inputTokens: null,
+            outputTokens: null,
+            cachedInputTokens: null,
+            reasoningTokens: null,
+            totalTokens: null,
+            firstTokenLatencyMs: null,
+            durationMs: null,
+            safeErrorCode: null,
+            startedAt: "2026-07-31T00:00:00.000Z",
+            finishedAt: null,
+          },
+        ],
       })
       .mockResolvedValueOnce({ items: [], total: 0, page: 1, pageSize: 50 });
 
@@ -108,4 +155,70 @@ describe("AI Runtime 报表 API", () => {
       "/system/ai-runtime/actors?page=1&pageSize=50&q=%E5%BC%A0+%E4%B8%89",
     );
   });
+
+  test("详情保留 Provider 回报与请求模型的原始区别", async () => {
+    mocks.apiRequest.mockResolvedValueOnce({
+      runId: "run_1",
+      operationKey: "customer.answer",
+      actor: null,
+      status: "completed",
+      startedAt: null,
+      finishedAt: null,
+      durationMs: null,
+      attemptCount: 1,
+      modelDeployments: [
+        {
+          deploymentKey: "ai.primary",
+          model: "provider-model",
+          attemptCount: 1,
+        },
+      ],
+      models: ["provider-model"],
+      cacheStatus: "unknown",
+      usage: {
+        inputTokens: null,
+        outputTokens: null,
+        cachedInputTokens: null,
+        reasoningTokens: null,
+        totalTokens: null,
+      },
+      releaseId: "release_1",
+      traceId: "trace_1",
+      safeErrorCode: null,
+      attempts: [
+        {
+          attemptId: "attempt_1",
+          sequence: 1,
+          toolRound: 1,
+          deploymentKey: "ai.primary",
+          requestedModel: "requested-model",
+          reportedModel: "provider-model",
+          model: "provider-model",
+          outcome: "completed",
+          cacheStatus: "unknown",
+          usageSource: "provider-reported",
+          inputTokens: null,
+          outputTokens: null,
+          cachedInputTokens: null,
+          reasoningTokens: null,
+          totalTokens: null,
+          firstTokenLatencyMs: null,
+          durationMs: null,
+          safeErrorCode: null,
+          startedAt: "2026-07-31T00:00:00.000Z",
+          finishedAt: null,
+        },
+      ],
+    });
+
+    const detail = await getAiRuntimeRun("run_1");
+
+    expect(detail.attemptItems).toEqual([
+      expect.objectContaining({
+        deploymentKey: "ai.primary",
+        requestedModel: "requested-model",
+        reportedModel: "provider-model",
+      }),
+    ]);
+  });
 });