create-windy 0.6.12 → 0.6.14

package/template/apps/web/src/pages/system/components/agent-session/ContextVersionPanel.vue

@@ -0,0 +1,119 @@
+<script setup lang="ts">
+import { Badge } from "@/components/ui/badge";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { Skeleton } from "@/components/ui/skeleton";
+import type { AgentContextVersion } from "@/services/agent-session-api";
+import {
+  formatAgentSessionTime,
+  statusVariant,
+  validityLabel,
+} from "./agent-session-presenter";
+
+defineProps<{
+  versions: readonly AgentContextVersion[];
+  loading: boolean;
+  error: string;
+}>();
+</script>
+
+<template>
+  <Card>
+    <CardHeader>
+      <CardTitle class="text-base">Context 版本与来源</CardTitle>
+    </CardHeader>
+    <CardContent>
+      <p
+        v-if="error"
+        class="rounded-md border border-destructive/30 bg-destructive/5 p-3 text-sm text-destructive"
+      >
+        {{ error }}
+      </p>
+      <div v-else-if="loading" class="space-y-3">
+        <Skeleton v-for="row in 2" :key="row" class="h-28 w-full" />
+      </div>
+      <p v-else-if="!versions.length" class="py-5 text-sm text-muted-foreground">
+        该 Session 暂无可查看的 Context 版本。
+      </p>
+      <ol v-else class="space-y-4">
+        <li
+          v-for="version in versions"
+          :key="version.contextVersionId"
+          class="rounded-md border p-4"
+        >
+          <div class="flex flex-wrap items-start justify-between gap-2">
+            <div class="min-w-0">
+              <p class="break-all font-mono text-xs">{{ version.contextVersionId }}</p>
+              <p class="mt-1 text-xs text-muted-foreground">
+                {{ formatAgentSessionTime(version.createdAt) }}
+              </p>
+            </div>
+            <Badge variant="outline">{{ version.sources.length }} 个来源</Badge>
+          </div>
+          <dl class="mt-3 grid gap-2 text-xs sm:grid-cols-2">
+            <div>
+              <dt class="text-muted-foreground">Model attempt</dt>
+              <dd class="break-all font-mono">{{ version.modelAttemptId }}</dd>
+            </div>
+            <div>
+              <dt class="text-muted-foreground">Run</dt>
+              <dd class="break-all font-mono">{{ version.runId }}</dd>
+            </div>
+            <div>
+              <dt class="text-muted-foreground">Turn</dt>
+              <dd class="break-all font-mono">{{ version.turnId }}</dd>
+            </div>
+            <div>
+              <dt class="text-muted-foreground">Context digest</dt>
+              <dd class="break-all font-mono">{{ version.digest }}</dd>
+            </div>
+          </dl>
+
+          <ul class="mt-4 space-y-3 border-t pt-3">
+            <li
+              v-for="source in version.sources"
+              :key="`${source.kind}:${source.id}:${source.version}`"
+              class="rounded-md bg-muted/40 p-3"
+            >
+              <div class="flex flex-wrap items-center justify-between gap-2">
+                <span class="font-medium">{{ source.kind }}</span>
+                <Badge :variant="statusVariant(source.validity.status)">
+                  {{ validityLabel(source.validity.status) }}
+                </Badge>
+              </div>
+              <dl class="mt-2 grid gap-2 text-xs sm:grid-cols-2">
+                <div>
+                  <dt class="text-muted-foreground">来源 ID</dt>
+                  <dd class="break-all font-mono">{{ source.id }}</dd>
+                </div>
+                <div>
+                  <dt class="text-muted-foreground">版本</dt>
+                  <dd class="break-all font-mono">{{ source.version }}</dd>
+                </div>
+                <div>
+                  <dt class="text-muted-foreground">Digest</dt>
+                  <dd class="break-all font-mono">{{ source.digest }}</dd>
+                </div>
+                <div>
+                  <dt class="text-muted-foreground">核验时间</dt>
+                  <dd>
+                    {{ formatAgentSessionTime(source.validity.checkedAt) }}
+                  </dd>
+                </div>
+                <div v-if="source.validity.reason">
+                  <dt class="text-muted-foreground">失效原因</dt>
+                  <dd>{{ source.validity.reason }}</dd>
+                </div>
+                <div v-if="source.validity.expiresAt">
+                  <dt class="text-muted-foreground">有效期至</dt>
+                  <dd>
+                    {{ formatAgentSessionTime(source.validity.expiresAt) }}
+                  </dd>
+                </div>
+              </dl>
+            </li>
+          </ul>
+        </li>
+      </ol>
+    </CardContent>
+  </Card>
+</template>

package/template/apps/web/src/pages/system/components/agent-session/ContextVersionPanel.webtest.ts

@@ -0,0 +1,46 @@
+import { mount } from "@vue/test-utils";
+import { describe, expect, test } from "vitest";
+import ContextVersionPanel from "./ContextVersionPanel.vue";
+
+describe("Context 版本来源", () => {
+  test("展示每次 Model attempt 的来源版本、digest 与有效性", () => {
+    const wrapper = mount(ContextVersionPanel, {
+      props: {
+        loading: false,
+        error: "",
+        versions: [
+          {
+            contextVersionId: "context_1",
+            sessionId: "session_1",
+            turnId: "turn_1",
+            runId: "run_1",
+            modelAttemptId: "attempt_1",
+            digest: "sha256:context",
+            createdAt: "2026-08-27T10:00:00.000Z",
+            sources: [
+              {
+                moduleKey: "system.agent",
+                kind: "verified-fact-reference",
+                id: "fact_1",
+                version: "v2",
+                sequence: 2,
+                digest: "sha256:fact",
+                validity: {
+                  status: "invalid",
+                  checkedAt: "2026-08-27T10:01:00.000Z",
+                  reason: "revoked",
+                },
+              },
+            ],
+          },
+        ],
+      },
+    });
+
+    expect(wrapper.text()).toContain("attempt_1");
+    expect(wrapper.text()).toContain("verified-fact-reference");
+    expect(wrapper.text()).toContain("sha256:fact");
+    expect(wrapper.text()).toContain("已失效");
+    expect(wrapper.text()).toContain("revoked");
+  });
+});

package/template/apps/web/src/pages/system/components/agent-session/MemoryProjectionPanel.vue

@@ -0,0 +1,163 @@
+<script setup lang="ts">
+import { shallowRef } from "vue";
+import { Trash2Icon } from "@lucide/vue";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { Skeleton } from "@/components/ui/skeleton";
+import type { AgentMemoryProjection } from "@/services/agent-session-api";
+import {
+  formatAgentSessionTime,
+  memoryKindLabel,
+  memoryScopeLabel,
+  memoryStatusLabel,
+  statusVariant,
+} from "./agent-session-presenter";
+
+const props = defineProps<{
+  memories: readonly AgentMemoryProjection[];
+  loading: boolean;
+  error: string;
+  deletingMemoryId: string;
+}>();
+
+const emit = defineEmits<{
+  delete: [memoryId: string];
+}>();
+
+const pendingDeleteId = shallowRef("");
+
+function requestDelete(memoryId: string) {
+  pendingDeleteId.value = memoryId;
+}
+
+function cancelDelete() {
+  pendingDeleteId.value = "";
+}
+
+function confirmDelete(memoryId: string) {
+  if (props.deletingMemoryId) return;
+  pendingDeleteId.value = "";
+  emit("delete", memoryId);
+}
+</script>
+
+<template>
+  <Card>
+    <CardHeader>
+      <CardTitle class="text-base">Memory 投影</CardTitle>
+    </CardHeader>
+    <CardContent>
+      <p
+        v-if="error"
+        class="rounded-md border border-destructive/30 bg-destructive/5 p-3 text-sm text-destructive"
+      >
+        {{ error }}
+      </p>
+      <div v-else-if="loading" class="space-y-3">
+        <Skeleton v-for="row in 2" :key="row" class="h-24 w-full" />
+      </div>
+      <p
+        v-else-if="!memories.length"
+        class="py-5 text-sm text-muted-foreground"
+      >
+        该 Session 暂无可查看的 Memory 投影。
+      </p>
+      <ul v-else class="space-y-3">
+        <li
+          v-for="memory in memories"
+          :key="memory.memoryId"
+          class="rounded-md border p-4"
+        >
+          <div class="flex flex-wrap items-center gap-2">
+            <Badge variant="outline">{{ memoryKindLabel(memory.kind) }}</Badge>
+            <Badge :variant="statusVariant(memory.status)">
+              {{ memoryStatusLabel(memory.status) }}
+            </Badge>
+            <span
+              class="ml-auto break-all font-mono text-xs text-muted-foreground"
+            >
+              {{ memory.memoryId }}
+            </span>
+          </div>
+          <p class="mt-3 whitespace-pre-wrap text-sm">{{ memory.summary }}</p>
+          <dl class="mt-3 grid gap-2 border-t pt-3 text-xs sm:grid-cols-2">
+            <div>
+              <dt class="text-muted-foreground">范围</dt>
+              <dd>
+                {{ memoryScopeLabel(memory.scope.kind) }} ·
+                <span class="break-all font-mono">{{ memory.scope.id }}</span>
+              </dd>
+            </div>
+            <div>
+              <dt class="text-muted-foreground">来源类型</dt>
+              <dd>{{ memory.source.kind }}</dd>
+            </div>
+            <div>
+              <dt class="text-muted-foreground">派生 Session / 序列</dt>
+              <dd class="break-all font-mono">
+                {{ memory.derivation.sessionId }} · #{{
+                  memory.derivation.throughSequence
+                }}
+              </dd>
+            </div>
+            <div v-if="memory.currentCaseId">
+              <dt class="text-muted-foreground">案件坐标</dt>
+              <dd class="break-all font-mono">{{ memory.currentCaseId }}</dd>
+            </div>
+            <div>
+              <dt class="text-muted-foreground">来源 ID / 版本</dt>
+              <dd class="break-all font-mono">
+                {{ memory.source.id }} · {{ memory.source.version }}
+              </dd>
+            </div>
+            <div>
+              <dt class="text-muted-foreground">来源 digest</dt>
+              <dd class="break-all font-mono">{{ memory.source.digest }}</dd>
+            </div>
+            <div v-if="memory.expiresAt">
+              <dt class="text-muted-foreground">有效期至</dt>
+              <dd>{{ formatAgentSessionTime(memory.expiresAt) }}</dd>
+            </div>
+          </dl>
+          <div class="mt-3 flex justify-end border-t pt-3">
+            <div
+              v-if="pendingDeleteId === memory.memoryId"
+              class="flex flex-wrap items-center justify-end gap-2"
+            >
+              <span class="text-xs text-muted-foreground">
+                仅删除此派生投影，不影响权威来源。
+              </span>
+              <Button
+                size="sm"
+                variant="outline"
+                :disabled="Boolean(deletingMemoryId)"
+                @click="cancelDelete"
+              >
+                取消
+              </Button>
+              <Button
+                size="sm"
+                variant="destructive"
+                :disabled="Boolean(deletingMemoryId)"
+                @click="confirmDelete(memory.memoryId)"
+              >
+                确认删除
+              </Button>
+            </div>
+            <Button
+              v-else
+              size="sm"
+              variant="ghost"
+              :disabled="Boolean(deletingMemoryId)"
+              @click="requestDelete(memory.memoryId)"
+            >
+              <Trash2Icon data-icon="inline-start" />
+              {{ deletingMemoryId === memory.memoryId ? "删除中" : "删除投影" }}
+            </Button>
+          </div>
+        </li>
+      </ul>
+    </CardContent>
+  </Card>
+</template>

package/template/apps/web/src/pages/system/components/agent-session/MemoryProjectionPanel.webtest.ts

@@ -0,0 +1,62 @@
+import { mount } from "@vue/test-utils";
+import { describe, expect, test } from "vitest";
+import MemoryProjectionPanel from "./MemoryProjectionPanel.vue";
+
+const memoryWithPrivateFields = {
+  memoryId: "memory_1",
+  kind: "case-memory-candidate" as const,
+  scope: { kind: "case" as const, id: "case_1" },
+  derivation: { sessionId: "session_1", throughSequence: 12 },
+  currentCaseId: "case_1",
+  source: {
+    moduleKey: "system.agent",
+    kind: "artifact-summary",
+    id: "artifact_1",
+    version: "v3",
+    sequence: 3,
+    digest: "sha256:source",
+  },
+  status: "active" as const,
+  expiresAt: "2026-09-27T10:00:00.000Z",
+  summary: "待人工核验的受控候选摘要",
+  content: "不得展示的工作上下文",
+  value: "不得展示的偏好值",
+  claim: "不得展示的原始候选主张",
+};
+
+describe("Memory 受控投影", () => {
+  test("仅展示服务端白名单摘要与来源引用", () => {
+    const wrapper = mount(MemoryProjectionPanel, {
+      props: {
+        loading: false,
+        error: "",
+        deletingMemoryId: "",
+        memories: [memoryWithPrivateFields],
+      },
+    });
+
+    expect(wrapper.text()).toContain("待人工核验的受控候选摘要");
+    expect(wrapper.text()).toContain("artifact_1 · v3");
+    expect(wrapper.text()).toContain("session_1 · #12");
+    expect(wrapper.text()).toContain("case_1");
+    expect(wrapper.text()).not.toContain("不得展示的工作上下文");
+    expect(wrapper.text()).not.toContain("不得展示的偏好值");
+    expect(wrapper.text()).not.toContain("不得展示的原始候选主张");
+  });
+
+  test("确认后只请求删除当前投影", async () => {
+    const wrapper = mount(MemoryProjectionPanel, {
+      props: {
+        loading: false,
+        error: "",
+        deletingMemoryId: "",
+        memories: [memoryWithPrivateFields],
+      },
+    });
+
+    await wrapper.get("button").trigger("click");
+    expect(wrapper.text()).toContain("仅删除此派生投影");
+    await wrapper.get('button[data-variant="destructive"]').trigger("click");
+    expect(wrapper.emitted("delete")).toEqual([["memory_1"]]);
+  });
+});

package/template/apps/web/src/pages/system/components/agent-session/SessionTimeline.vue

@@ -0,0 +1,71 @@
+<script setup lang="ts">
+import { Badge } from "@/components/ui/badge";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { Skeleton } from "@/components/ui/skeleton";
+import type { AgentSessionTimelineEvent } from "@/services/agent-session-api";
+import { formatAgentSessionTime } from "./agent-session-presenter";
+
+defineProps<{
+  events: readonly AgentSessionTimelineEvent[];
+  loading: boolean;
+  error: string;
+}>();
+</script>
+
+<template>
+  <Card>
+    <CardHeader>
+      <CardTitle class="text-base">Session 时间线</CardTitle>
+    </CardHeader>
+    <CardContent>
+      <p
+        v-if="error"
+        class="rounded-md border border-destructive/30 bg-destructive/5 p-3 text-sm text-destructive"
+      >
+        {{ error }}
+      </p>
+      <div v-else-if="loading" class="space-y-4">
+        <Skeleton v-for="row in 3" :key="row" class="h-16 w-full" />
+      </div>
+      <p v-else-if="!events.length" class="py-5 text-sm text-muted-foreground">
+        该 Session 暂无可公开的事件摘要。
+      </p>
+      <ol v-else class="space-y-4">
+        <li
+          v-for="event in events"
+          :key="event.sequence"
+          class="relative border-l pl-4"
+        >
+          <span
+            class="absolute -left-1 top-1.5 size-2 rounded-full bg-primary"
+            aria-hidden="true"
+          />
+          <div class="flex flex-wrap items-center gap-2">
+            <Badge variant="outline">#{{ event.sequence }}</Badge>
+            <span class="font-mono text-xs">{{ event.type }}</span>
+            <time class="text-xs text-muted-foreground">
+              {{ formatAgentSessionTime(event.occurredAt) }}
+            </time>
+          </div>
+          <p class="mt-2 whitespace-pre-wrap text-sm">{{ event.summary }}</p>
+          <dl
+            class="mt-2 flex flex-wrap gap-x-4 gap-y-1 text-xs text-muted-foreground"
+          >
+            <div v-if="event.runId">
+              <dt class="inline">Run：</dt>
+              <dd class="inline">{{ event.runId }}</dd>
+            </div>
+            <div v-if="event.turnId">
+              <dt class="inline">Turn：</dt>
+              <dd class="inline">{{ event.turnId }}</dd>
+            </div>
+            <div v-if="event.stepId">
+              <dt class="inline">Step：</dt>
+              <dd class="inline">{{ event.stepId }}</dd>
+            </div>
+          </dl>
+        </li>
+      </ol>
+    </CardContent>
+  </Card>
+</template>

package/template/apps/web/src/pages/system/components/agent-session/SessionTimeline.webtest.ts

@@ -0,0 +1,34 @@
+import { mount } from "@vue/test-utils";
+import { describe, expect, test } from "vitest";
+import SessionTimeline from "./SessionTimeline.vue";
+
+const eventWithPrivateFields = {
+  sequence: 4,
+  type: "tool.execution-recorded",
+  occurredAt: "2026-08-27T10:00:00.000Z",
+  summary: "已记录写操作结果，未公开调用参数",
+  runId: "run_1",
+  turnId: "turn_1",
+  stepId: "step_1",
+  prompt: "不得展示的 Prompt",
+  toolArguments: { secret: "不得展示的 Tool 参数" },
+  privateReasoning: "不得展示的原始推理链",
+};
+
+describe("Session 公开时间线", () => {
+  test("只展示服务端事件摘要与公共引用", () => {
+    const wrapper = mount(SessionTimeline, {
+      props: {
+        events: [eventWithPrivateFields],
+        loading: false,
+        error: "",
+      },
+    });
+
+    expect(wrapper.text()).toContain("已记录写操作结果，未公开调用参数");
+    expect(wrapper.text()).toContain("run_1");
+    expect(wrapper.text()).not.toContain("不得展示的 Prompt");
+    expect(wrapper.text()).not.toContain("不得展示的 Tool 参数");
+    expect(wrapper.text()).not.toContain("不得展示的原始推理链");
+  });
+});

package/template/apps/web/src/pages/system/components/agent-session/agent-session-presenter.ts

@@ -0,0 +1,56 @@
+import type {
+  AgentMemoryKind,
+  AgentMemoryScopeKind,
+  AgentMemoryStatus,
+  AgentSessionStatus,
+  ContextSourceValidityStatus,
+} from "@/services/agent-session-api";
+
+export function formatAgentSessionTime(value?: string) {
+  if (!value) return "未知";
+  const timestamp = Date.parse(value);
+  if (!Number.isFinite(timestamp)) return value;
+  return new Intl.DateTimeFormat("zh-CN", {
+    dateStyle: "medium",
+    timeStyle: "medium",
+  }).format(timestamp);
+}
+
+export function sessionStatusLabel(status: AgentSessionStatus) {
+  return status === "active" ? "进行中" : "已归档";
+}
+
+export function validityLabel(status: ContextSourceValidityStatus) {
+  return status === "valid" ? "有效" : "已失效";
+}
+
+export function memoryStatusLabel(status: AgentMemoryStatus) {
+  if (status === "active") return "有效";
+  if (status === "invalidated") return "已失效";
+  return "已删除";
+}
+
+export function memoryKindLabel(kind: AgentMemoryKind) {
+  const labels: Record<AgentMemoryKind, string> = {
+    "working-context": "工作上下文",
+    "session-summary": "会话摘要",
+    "user-preference": "用户偏好",
+    "case-memory-candidate": "案件记忆候选",
+    "verified-fact-reference": "已核验事实引用",
+  };
+  return labels[kind];
+}
+
+export function memoryScopeLabel(kind: AgentMemoryScopeKind) {
+  if (kind === "session") return "会话";
+  if (kind === "user") return "用户";
+  return "案件";
+}
+
+export function statusVariant(status: string) {
+  return status === "active" || status === "valid"
+    ? "secondary"
+    : status === "deleted"
+      ? "destructive"
+      : "outline";
+}

package/template/apps/web/src/pages/system/components/agent-workflow/WorkflowNodeCard.vue

@@ -0,0 +1,39 @@
+<script setup lang="ts">
+import { Badge } from "@/components/ui/badge";
+import type { AgentWorkflowNodeProjection } from "@/services/agent-workflow-api";
+import {
+  workflowNodeTypeLabel,
+  workflowStatusLabel,
+  workflowStatusVariant,
+} from "./agent-workflow-presenter";
+
+defineProps<{
+  node: AgentWorkflowNodeProjection;
+  selected: boolean;
+}>();
+</script>
+
+<template>
+  <article
+    class="w-52 rounded-lg border bg-card p-3 text-card-foreground shadow-sm"
+    :class="selected ? 'border-primary ring-2 ring-primary/25' : ''"
+  >
+    <div class="flex items-start justify-between gap-2">
+      <div class="min-w-0">
+        <p class="truncate text-sm font-medium">{{ node.label }}</p>
+        <p class="mt-1 font-mono text-[0.6875rem] text-muted-foreground">
+          {{ node.nodeId }}
+        </p>
+      </div>
+      <Badge :variant="workflowStatusVariant(node.status)">
+        {{ workflowStatusLabel(node.status) }}
+      </Badge>
+    </div>
+    <div
+      class="mt-3 flex items-center justify-between gap-2 text-xs text-muted-foreground"
+    >
+      <span>{{ workflowNodeTypeLabel(node.type) }}</span>
+      <span>Attempt {{ node.attempt }}/{{ node.maxAttempts }}</span>
+    </div>
+  </article>
+</template>