create-windy 0.8.2 → 0.9.1

package/template/apps/web/src/pages/system/AgentToolsPage.vue

@@ -0,0 +1,76 @@
+<script setup lang="ts">
+import { computed, onBeforeUnmount, onMounted, shallowRef, watch } from "vue";
+import type { AgentAdminToolCatalogItem } from "@southwind-ai/shared";
+import { Button } from "@/components/ui/button";
+import { useAccessSnapshot } from "@/composables/useAccessSnapshot";
+import { listAdminTools } from "@/services/agent-admin-api";
+import ToolCatalogPanel from "./components/agent-workbench/ToolCatalogPanel.vue";
+import ToolRuleDetail from "./components/agent-workbench/ToolRuleDetail.vue";
+const tools = shallowRef<readonly AgentAdminToolCatalogItem[]>([]);
+const selected = shallowRef("");
+const loading = shallowRef(false);
+const error = shallowRef("");
+const access = useAccessSnapshot();
+const selectedTool = computed(() =>
+  tools.value.find((tool) => tool.key === selected.value),
+);
+let controller: AbortController | undefined;
+async function refresh() {
+  controller?.abort();
+  const current = new AbortController();
+  controller = current;
+  tools.value = [];
+  loading.value = true;
+  error.value = "";
+  try {
+    const result = await listAdminTools(current.signal);
+    if (current.signal.aborted || controller !== current) return;
+    tools.value = result;
+    if (!result.some((tool) => tool.key === selected.value))
+      selected.value = result[0]?.key ?? "";
+  } catch (failure) {
+    if (!current.signal.aborted)
+      error.value =
+        failure instanceof Error ? failure.message : "工具目录加载失败";
+  } finally {
+    if (controller === current) loading.value = false;
+  }
+}
+watch(access.fingerprint, () => {
+  controller?.abort();
+  tools.value = [];
+  selected.value = "";
+  error.value = "权限发生变化，请手动刷新目录。";
+});
+onMounted(refresh);
+onBeforeUnmount(() => controller?.abort());
+</script>
+<template>
+  <div class="space-y-5">
+    <header class="flex items-start justify-between gap-3">
+      <div>
+        <h1 class="text-2xl font-semibold">工具目录与规则</h1>
+        <p class="mt-2 text-sm text-muted-foreground">
+          查看已装配平台与业务工具的注册规则和当前调用条件。
+        </p>
+      </div>
+      <Button variant="outline" :disabled="loading" @click="refresh">{{
+        loading ? "加载中…" : "刷新"
+      }}</Button>
+    </header>
+    <p
+      v-if="error"
+      role="alert"
+      class="rounded-md border border-destructive/30 p-4 text-sm text-destructive"
+    >
+      {{ error }}
+    </p>
+    <div class="grid items-start gap-4 lg:grid-cols-[22rem_minmax(0,1fr)]">
+      <ToolCatalogPanel
+        :tools="tools"
+        :selected="selected"
+        @select="selected = $event"
+      /><ToolRuleDetail :tool="selectedTool" />
+    </div>
+  </div>
+</template>

package/template/apps/web/src/pages/system/AgentWorkflowPage.vue

@@ -5,15 +5,25 @@ import { RefreshCwIcon } from "@lucide/vue";
 import { Button } from "@/components/ui/button";
 import WorkflowRunDetail from "./components/agent-workflow/WorkflowRunDetail.vue";
 import WorkflowRunList from "./components/agent-workflow/WorkflowRunList.vue";
+import WorkflowPresetCatalog from "./components/agent-workflow/WorkflowPresetCatalog.vue";
 import { useAgentWorkflowRuns } from "./composables/useAgentWorkflowRuns";
+import { useAgentWorkflowPresets } from "./composables/useAgentWorkflowPresets";
 
 const route = useRoute();
 const preferredRunId = computed(() => routeRunId(route.query.runId));
 const workflowState = useAgentWorkflowRuns({ preferredRunId });
+const presetState = useAgentWorkflowPresets();
 const refreshing = computed(
-  () => workflowState.listLoading.value || workflowState.detailLoading.value,
+  () =>
+    workflowState.listLoading.value ||
+    workflowState.detailLoading.value ||
+    presetState.loading.value,
 );
 
+async function refresh() {
+  await Promise.allSettled([workflowState.refresh(), presetState.refresh()]);
+}
+
 function routeRunId(value: LocationQueryValue | LocationQueryValue[]) {
   const candidate = Array.isArray(value) ? value[0] : value;
   const runId = candidate?.trim() ?? "";
@@ -35,18 +45,21 @@ function routeRunId(value: LocationQueryValue | LocationQueryValue[]) {
           页面不展示原始推理链、Prompt、Tool 参数或大对象结果。
         </p>
       </div>
-      <Button
-        variant="outline"
-        :disabled="refreshing"
-        @click="workflowState.refresh"
-      >
+      <Button variant="outline" :disabled="refreshing" @click="refresh">
         <RefreshCwIcon data-icon="inline-start" />
         {{ refreshing ? "刷新中..." : "刷新" }}
       </Button>
     </header>
 
+    <WorkflowPresetCatalog
+      :presets="presetState.presets.value"
+      :loading="presetState.loading.value"
+      :error="presetState.error.value"
+      @refresh="presetState.refresh"
+    />
+
     <div
-      class="grid gap-4 lg:h-[calc(100vh-12rem)] lg:min-h-[32rem] lg:grid-cols-[20rem_minmax(0,1fr)] lg:overflow-hidden"
+      class="grid gap-4 lg:min-h-[32rem] lg:grid-cols-[20rem_minmax(0,1fr)] lg:overflow-hidden"
     >
       <WorkflowRunList
         class="lg:min-h-0"

package/template/apps/web/src/pages/system/DiagnosticLookupPage.vue

@@ -0,0 +1,56 @@
+<script setup lang="ts">
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import DiagnosticRecordDetails from "./components/DiagnosticRecordDetails.vue";
+import { useDiagnosticLookup } from "./composables/useDiagnosticLookup";
+
+const { input, record, error, loading, lookup } = useDiagnosticLookup();
+</script>
+
+<template>
+  <div class="space-y-5">
+    <header class="space-y-2">
+      <h1 class="text-2xl font-semibold text-foreground">错误诊断</h1>
+      <p class="text-sm text-muted-foreground">
+        粘贴错误页面的诊断编号，查询当前部署最近 30
+        天的失败索引。每次有效编号查询都会留下审计记录。
+      </p>
+    </header>
+    <section class="rounded-xl border bg-card p-4">
+      <form class="space-y-3" :aria-busy="loading" @submit.prevent="lookup">
+        <label for="diagnostic-id" class="text-sm font-medium">诊断编号</label>
+        <div class="flex flex-col gap-2 sm:flex-row">
+          <Input
+            id="diagnostic-id"
+            name="diagnosticId"
+            autocapitalize="off"
+            autocorrect="off"
+            :spellcheck="false"
+            enterkeyhint="search"
+            v-model="input"
+            class="min-w-0 flex-1 font-mono"
+            placeholder="diag-… 或 web-…"
+            autocomplete="off"
+            :maxlength="128"
+            :aria-invalid="Boolean(error)"
+            aria-describedby="diagnostic-help diagnostic-error"
+          />
+          <Button type="submit" :disabled="loading || !input.trim()">
+            {{ loading ? "查询中…" : "查询诊断" }}
+          </Button>
+        </div>
+        <p id="diagnostic-help" class="text-xs text-muted-foreground">
+          diag-… 可查询服务端索引；web-…
+          是浏览器本地编号，需结合发生时间检查浏览器控制台。
+        </p>
+        <p id="diagnostic-error" role="alert" class="text-sm text-destructive">
+          {{ error }}
+        </p>
+        <p v-if="loading" role="status" class="text-sm text-muted-foreground">
+          正在查询失败索引…
+        </p>
+      </form>
+    </section>
+    <DiagnosticRecordDetails v-if="record" :record="record" />
+  </div>
+</template>

package/template/apps/web/src/pages/system/DiagnosticLookupPage.webtest.ts

@@ -0,0 +1,99 @@
+import { flushPromises, mount } from "@vue/test-utils";
+import { beforeEach, expect, test, vi } from "vitest";
+import DiagnosticLookupPage from "./DiagnosticLookupPage.vue";
+import { ApiError } from "@/services/http";
+
+const mocks = vi.hoisted(() => ({ request: vi.fn() }));
+vi.mock("@/services/diagnostics-api", () => ({ getDiagnostic: mocks.request }));
+const id = "diag-0199e82a-abcd-7000-8000-000000000000";
+const record = {
+  diagnosticId: id,
+  requestId: "req-internal",
+  occurredAt: "2026-10-15T02:00:00Z",
+  expiresAt: "2026-11-14T02:00:00Z",
+  service: "server",
+  stage: "http",
+  method: "POST",
+  route: "/api/resources/:id",
+  statusCode: 500,
+  errorCode: "UNEXPECTED_FAILURE",
+};
+beforeEach(() => {
+  mocks.request.mockReset();
+});
+
+async function submit(wrapper: ReturnType<typeof mount>, value: string) {
+  await wrapper.get("input").setValue(value);
+  await wrapper.get("form").trigger("submit");
+  await flushPromises();
+}
+
+test("queries trimmed id and displays real failure details with uncertainty", async () => {
+  mocks.request.mockResolvedValue(record);
+  const wrapper = mount(DiagnosticLookupPage);
+  await submit(wrapper, ` ${id} `);
+  expect(mocks.request).toHaveBeenCalledWith(id, expect.any(AbortSignal));
+  for (const value of [
+    "req-internal",
+    "UNEXPECTED_FAILURE",
+    "/api/resources/:id",
+    "500",
+    "当前记录未确定具体原因",
+  ])
+    expect(wrapper.text()).toContain(value);
+  wrapper.unmount();
+});
+
+test.each([
+  ["web-00000000-0000-0000-0000-000000000000", "浏览器本地编号"],
+  ["invalid", "格式无效"],
+])("handles %s locally without a request", async (value, message) => {
+  const wrapper = mount(DiagnosticLookupPage);
+  await submit(wrapper, value);
+  expect(mocks.request).not.toHaveBeenCalled();
+  expect(wrapper.get('[role="alert"]').text()).toContain(message);
+  wrapper.unmount();
+});
+
+test.each([
+  [403, "无权查询"],
+  [404, "未找到"],
+  [410, "超过 30 天"],
+  [503, "暂不可用"],
+])(
+  "shows HTTP %s inline and clears the preceding result",
+  async (status, message) => {
+    mocks.request
+      .mockResolvedValueOnce(record)
+      .mockRejectedValueOnce(new ApiError("private error", status));
+    const wrapper = mount(DiagnosticLookupPage);
+    await submit(wrapper, id);
+    await wrapper.get("form").trigger("submit");
+    await flushPromises();
+    expect(wrapper.text()).toContain(message);
+    expect(wrapper.text()).not.toContain("req-internal");
+    expect(wrapper.text()).not.toContain("private error");
+    wrapper.unmount();
+  },
+);
+
+test("changing input aborts lookup and ignores an obsolete response", async () => {
+  let resolve!: (value: typeof record) => void;
+  mocks.request.mockImplementation(
+    () =>
+      new Promise((done) => {
+        resolve = done;
+      }),
+  );
+  const wrapper = mount(DiagnosticLookupPage);
+  await wrapper.get("input").setValue(id);
+  await wrapper.get("form").trigger("submit");
+  expect(wrapper.get("button").attributes("disabled")).toBeDefined();
+  const signal = mocks.request.mock.calls[0]![1] as AbortSignal;
+  await wrapper.get("input").setValue("another-id");
+  expect(signal.aborted).toBe(true);
+  resolve(record);
+  await flushPromises();
+  expect(wrapper.text()).not.toContain("req-internal");
+  wrapper.unmount();
+});

package/template/apps/web/src/pages/system/SystemAgentSkillsPage.vue

@@ -0,0 +1,88 @@
+<script setup lang="ts">
+import { computed, shallowRef } from "vue";
+import { RefreshCwIcon, SearchIcon } from "@lucide/vue";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { useAccessSnapshot } from "@/composables/useAccessSnapshot";
+import AgentSkillsTable from "./components/agent-skills/AgentSkillsTable.vue";
+import AgentSkillDetailDialog from "./components/agent-skills/AgentSkillDetailDialog.vue";
+import AgentSkillGovernanceActionDialog from "./components/agent-skills/AgentSkillGovernanceActionDialog.vue";
+import AgentSkillImportDialog from "./components/agent-skills/AgentSkillImportDialog.vue";
+import { useAgentSkillsGovernance } from "./composables/useAgentSkillsGovernance";
+const skills = useAgentSkillsGovernance(),
+  access = useAccessSnapshot(),
+  importing = shallowRef(false);
+const canManage = computed(() =>
+  Boolean(
+    access.snapshot.value?.actor.permissionKeys.includes(
+      "system.agent-skill.manage",
+    ) &&
+    access.snapshot.value.features.find(
+      (feature) => feature.key === "system.agent-skill",
+    )?.allowed,
+  ),
+);
+</script>
+<template>
+  <div class="space-y-5">
+    <header
+      class="flex flex-col gap-3 md:flex-row md:items-start md:justify-between"
+    >
+      <div class="max-w-3xl space-y-2">
+        <h1 class="text-2xl font-semibold tracking-normal">Agent 技能治理</h1>
+        <p class="text-sm leading-6 text-muted-foreground">
+          管理内置与共享 DSH
+          技能的版本、范围和依赖。个人技能在工作台中管理；共享发布、停用和回滚都会留下审计记录。
+        </p>
+      </div>
+      <div class="flex gap-2">
+        <Button
+          variant="outline"
+          :disabled="skills.loading.value"
+          @click="skills.reload"
+          ><RefreshCwIcon data-icon="inline-start" />刷新</Button
+        ><Button v-if="canManage" @click="importing = true">导入发布</Button>
+      </div>
+    </header>
+    <label class="relative block max-w-md"
+      ><SearchIcon
+        class="absolute top-2.5 left-3 size-4 text-muted-foreground" /><Input
+        v-model="skills.query.value"
+        class="pl-9"
+        placeholder="搜索技能名称、标识或用途"
+        aria-label="搜索 Agent 技能"
+    /></label>
+    <p
+      v-if="skills.error.value"
+      role="alert"
+      class="rounded-md border border-destructive/30 bg-destructive/5 p-4 text-sm text-destructive"
+    >
+      {{ skills.error.value }}
+    </p>
+    <AgentSkillsTable
+      :items="skills.filtered.value"
+      :loading="skills.loading.value"
+      @select="skills.selected.value = $event"
+    />
+    <AgentSkillDetailDialog
+      :open="Boolean(skills.selected.value)"
+      :item="skills.selected.value"
+      @update:open="!$event && (skills.selected.value = undefined)"
+      @request-action="skills.requestAction"
+    />
+    <AgentSkillGovernanceActionDialog
+      :open="Boolean(skills.action.value)"
+      :action="skills.action.value"
+      :target-version="skills.targetVersion.value"
+      :loading="skills.actionLoading.value"
+      :error="skills.actionError.value"
+      @update:open="!$event && skills.closeAction()"
+      @confirm="skills.confirmAction"
+    />
+    <AgentSkillImportDialog
+      :open="importing"
+      @update:open="importing = $event"
+      @published="skills.reload"
+    />
+  </div>
+</template>

package/template/apps/web/src/pages/system/components/DiagnosticRecordDetails.vue

@@ -0,0 +1,52 @@
+<script setup lang="ts">
+import { computed } from "vue";
+import type { DiagnosticRecord } from "@/services/diagnostics-api";
+
+const props = defineProps<{ record: DiagnosticRecord }>();
+const fields = computed(() => [
+  ["诊断编号", props.record.diagnosticId],
+  ["错误码", props.record.errorCode],
+  ["HTTP 状态", props.record.statusCode],
+  ["发生时间", props.record.occurredAt],
+  ["保留截止", props.record.expiresAt],
+  ["服务", props.record.service],
+  ["失败阶段", props.record.stage],
+  ["请求方法", props.record.method],
+  ["路由模板", props.record.route],
+  ["内部请求编号（requestId）", props.record.requestId],
+]);
+</script>
+
+<template>
+  <section
+    class="space-y-4 rounded-xl border bg-card p-4"
+    aria-labelledby="diagnostic-result"
+  >
+    <h2 id="diagnostic-result" class="font-semibold">失败记录</h2>
+    <dl class="grid gap-4 sm:grid-cols-2">
+      <div
+        v-for="[label, value] in fields"
+        :key="label"
+        class="min-w-0 space-y-1"
+      >
+        <dt class="text-xs text-muted-foreground">{{ label }}</dt>
+        <dd class="font-mono text-sm break-all select-text">{{ value }}</dd>
+      </div>
+    </dl>
+    <div class="space-y-2 rounded-lg bg-muted p-3 text-sm">
+      <p v-if="record.errorCode === 'UNEXPECTED_FAILURE'">
+        当前记录未确定具体原因。UNEXPECTED_FAILURE
+        表示未分类异常，不能据此判断为数据库、权限或文件格式问题。
+      </p>
+      <p>
+        继续排查：按内部请求编号（requestId）和发生时间检索 Server
+        结构化日志，确认失败阶段与原因； 如日志关联后台任务或 Agent
+        Run，再到对应任务或 AI 运行时查看详情。
+      </p>
+      <p class="text-muted-foreground">
+        此处展示受控失败索引，不包含异常堆栈或业务正文。时间使用接口返回的 UTC
+        时间（Z）。
+      </p>
+    </div>
+  </section>
+</template>

package/template/apps/web/src/pages/system/components/agent-skills/AgentSkillDetailDialog.vue

@@ -0,0 +1,166 @@
+<script setup lang="ts">
+import { computed, shallowRef, watch } from "vue";
+import type {
+  AgentSkillGovernanceItem,
+  AgentSkillVersion,
+} from "@southwind-ai/shared";
+import {
+  listAgentSkillVersions,
+  readAgentSkill,
+} from "@/services/agent-skills-api";
+import { Button } from "@/components/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+const props = defineProps<{ item?: AgentSkillGovernanceItem; open: boolean }>();
+const emit = defineEmits<{
+  "update:open": [open: boolean];
+  "request-action": [action: "disable" | "rollback", version?: number];
+}>();
+const versions = shallowRef<readonly AgentSkillVersion[]>([]),
+  markdown = shallowRef(""),
+  error = shallowRef(""),
+  loading = shallowRef(false);
+const previousVersions = computed(() =>
+  versions.value.filter(
+    (version) =>
+      version.version !== props.item?.skill.version &&
+      version.status === "published",
+  ),
+);
+watch(
+  () => [props.open, props.item?.skill.key] as const,
+  async ([open], _, onCleanup) => {
+    if (!open || !props.item) return;
+    const controller = new AbortController();
+    onCleanup(() => controller.abort());
+    loading.value = true;
+    error.value = "";
+    versions.value = [];
+    markdown.value = "";
+    try {
+      const [history, detail] = await Promise.all([
+        listAgentSkillVersions(props.item.skill.key, controller.signal),
+        readAgentSkill(props.item.skill.key, controller.signal),
+      ]);
+      if (controller.signal.aborted) return;
+      versions.value = history;
+      const encoded = detail.bundle.files.find(
+        (file) => file.path === "SKILL.md",
+      )?.contentBase64;
+      markdown.value = encoded
+        ? new TextDecoder().decode(
+            Uint8Array.from(atob(encoded), (char) => char.charCodeAt(0)),
+          )
+        : "";
+    } catch (cause) {
+      if (!controller.signal.aborted)
+        error.value = cause instanceof Error ? cause.message : "详情读取失败";
+    } finally {
+      if (!controller.signal.aborted) loading.value = false;
+    }
+  },
+  { immediate: true },
+);
+</script>
+<template>
+  <Dialog :open="open" @update:open="emit('update:open', $event)">
+    <DialogContent class="max-h-[85vh] overflow-y-auto sm:max-w-3xl"
+      ><DialogHeader
+        ><DialogTitle
+          >{{ item?.skill.name }} · v{{ item?.skill.version }}</DialogTitle
+        ><DialogDescription
+          >技能内容不授予业务权限，每次使用仍需当前授权与依赖检查。</DialogDescription
+        ></DialogHeader
+      >
+      <p v-if="loading" role="status" class="text-sm text-muted-foreground">
+        正在读取版本与正文…
+      </p>
+      <p v-if="error" role="alert" class="text-sm text-destructive">
+        {{ error }}
+      </p>
+      <template v-if="item">
+        <dl class="grid gap-3 text-sm sm:grid-cols-2">
+          <div>
+            <dt class="text-muted-foreground">稳定标识</dt>
+            <dd>{{ item.skill.key }}</dd>
+          </div>
+          <div>
+            <dt class="text-muted-foreground">发布来源</dt>
+            <dd>{{ item.skill.source }}</dd>
+          </div>
+          <div class="sm:col-span-2">
+            <dt class="text-muted-foreground">内容摘要</dt>
+            <dd class="break-all font-mono text-xs">{{ item.skill.digest }}</dd>
+          </div>
+        </dl>
+        <section class="space-y-2">
+          <h2 class="text-sm font-medium">能力依赖</h2>
+          <p
+            v-if="!item.skill.requirements.length"
+            class="text-sm text-muted-foreground"
+          >
+            无固定依赖；工具仍按当前会话授权发现。
+          </p>
+          <ul v-else class="space-y-1 text-sm">
+            <li
+              v-for="requirement in item.skill.requirements"
+              :key="requirement.toolKey"
+            >
+              {{ requirement.toolKey }} · {{ requirement.permissionKey }}
+            </li>
+          </ul>
+        </section>
+        <section v-if="item.skill.safetyConstraints.length">
+          <h2 class="mb-2 text-sm font-medium">安全约束</h2>
+          <ul class="list-inside list-disc text-sm">
+            <li v-for="rule in item.skill.safetyConstraints" :key="rule">
+              {{ rule }}
+            </li>
+          </ul>
+        </section>
+        <section>
+          <h2 class="mb-2 text-sm font-medium">SKILL.md</h2>
+          <pre
+            class="max-h-72 overflow-auto rounded-md border bg-muted/30 p-3 text-xs whitespace-pre-wrap"
+            >{{ markdown }}</pre>
+        </section>
+        <section class="space-y-2">
+          <h2 class="text-sm font-medium">版本历史</h2>
+          <div
+            v-for="version in versions"
+            :key="version.version"
+            class="flex flex-wrap items-center justify-between gap-2 rounded-md border p-3 text-sm"
+          >
+            <span
+              >v{{ version.version }} ·
+              {{ version.status === "published" ? "已发布" : "已停用" }} ·
+              {{ version.createdAt
+              }}<span v-if="version.restoredFromVersion"
+                >（恢复自 v{{ version.restoredFromVersion }}）</span
+              ></span
+            ><Button
+              v-if="item.governable && previousVersions.includes(version)"
+              type="button"
+              size="sm"
+              variant="outline"
+              @click="emit('request-action', 'rollback', version.version)"
+              >回滚到此内容</Button
+            >
+          </div>
+        </section>
+        <Button
+          v-if="item.governable && item.skill.status === 'published'"
+          type="button"
+          variant="destructive"
+          @click="emit('request-action', 'disable')"
+          >停用技能</Button
+        >
+      </template>
+    </DialogContent>
+  </Dialog>
+</template>

package/template/apps/web/src/pages/system/components/agent-skills/AgentSkillGovernanceActionDialog.vue

@@ -0,0 +1,51 @@
+<script setup lang="ts">
+import { Button } from "@/components/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+defineProps<{
+  open: boolean;
+  action?: "disable" | "rollback";
+  targetVersion?: number;
+  loading: boolean;
+  error: string;
+}>();
+defineEmits<{ "update:open": [value: boolean]; confirm: [] }>();
+</script>
+<template>
+  <Dialog :open="open" @update:open="!loading && $emit('update:open', $event)"
+    ><DialogContent
+      :show-close-button="!loading"
+      @escape-key-down="loading && $event.preventDefault()"
+      @interact-outside="loading && $event.preventDefault()"
+      ><DialogHeader
+        ><DialogTitle>{{
+          action === "disable" ? "停用技能" : "回滚技能"
+        }}</DialogTitle
+        ><DialogDescription>{{
+          action === "disable"
+            ? "停用后新的发现和读取不再提供该共享技能。已执行结果和用户个人副本保持各自生命周期。"
+            : `以 v${targetVersion} 内容发布一个新版本，保留全部历史和审计。`
+        }}</DialogDescription></DialogHeader
+      >
+      <p v-if="error" role="alert" class="text-sm text-destructive">
+        {{ error }}
+      </p>
+      <DialogFooter
+        ><Button
+          variant="outline"
+          :disabled="loading"
+          @click="$emit('update:open', false)"
+          >取消</Button
+        ><Button :disabled="loading" @click="$emit('confirm')">{{
+          loading ? "正在提交…" : "确认"
+        }}</Button></DialogFooter
+      ></DialogContent
+    ></Dialog
+  >
+</template>