create-windy 0.8.3 → 0.10.0

package/template/apps/web/src/pages/system/components/agent-workbench/ToolCatalogPanel.vue

@@ -1,6 +1,13 @@
 <script setup lang="ts">
 import type { AgentAdminToolCatalogItem } from "@southwind-ai/shared";
 import { computed, shallowRef } from "vue";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
 import { Input } from "@/components/ui/input";
 import { availabilityLabel } from "./catalog-presenter";
 const props = defineProps<{
@@ -9,9 +16,9 @@ const props = defineProps<{
 }>();
 defineEmits<{ select: [key: string] }>();
 const query = shallowRef("");
-const moduleKey = shallowRef("");
-const operationKey = shallowRef("");
-const availability = shallowRef("");
+const moduleKey = shallowRef("*");
+const operationKey = shallowRef("*");
+const availability = shallowRef("*");
 const modules = computed(() =>
   [...new Set(props.tools.map((tool) => tool.module))].sort(),
 );
@@ -21,10 +28,10 @@ const operations = computed(() =>
 const filtered = computed(() =>
   props.tools.filter(
     (tool) =>
-      (!moduleKey.value || tool.module === moduleKey.value) &&
-      (!operationKey.value ||
+      (moduleKey.value === "*" || tool.module === moduleKey.value) &&
+      (operationKey.value === "*" ||
         tool.allowedOperationKeys.includes(operationKey.value)) &&
-      (!availability.value ||
+      (availability.value === "*" ||
         tool.allowed === (availability.value === "allowed")) &&
       `${tool.key} ${tool.label} ${tool.description}`
         .toLocaleLowerCase()
@@ -43,33 +50,41 @@ const filtered = computed(() =>
       placeholder="搜索名称、说明或 Key"
     />
     <div class="grid gap-2 sm:grid-cols-3 lg:grid-cols-1">
-      <select
-        v-model="moduleKey"
-        aria-label="所属模块筛选"
-        class="h-9 rounded-md border bg-background px-2 text-sm"
-      >
-        <option value="">所有模块</option>
-        <option v-for="module in modules" :key="module">{{ module }}</option>
-      </select>
-      <select
-        v-model="operationKey"
-        aria-label="Operation 筛选"
-        class="h-9 rounded-md border bg-background px-2 text-sm"
-      >
-        <option value="">所有 Operations</option>
-        <option v-for="operation in operations" :key="operation">
-          {{ operation }}
-        </option>
-      </select>
-      <select
-        v-model="availability"
-        aria-label="调用条件筛选"
-        class="h-9 rounded-md border bg-background px-2 text-sm"
-      >
-        <option value="">所有调用状态</option>
-        <option value="allowed">具备调用条件</option>
-        <option value="denied">当前不可调用</option>
-      </select>
+      <Select v-model="moduleKey">
+        <SelectTrigger aria-label="所属模块筛选" class="w-full"
+          ><SelectValue
+        /></SelectTrigger>
+        <SelectContent>
+          <SelectItem value="*">所有模块</SelectItem>
+          <SelectItem v-for="module in modules" :key="module" :value="module">{{
+            module
+          }}</SelectItem>
+        </SelectContent>
+      </Select>
+      <Select v-model="operationKey">
+        <SelectTrigger aria-label="Operation 筛选" class="w-full"
+          ><SelectValue
+        /></SelectTrigger>
+        <SelectContent>
+          <SelectItem value="*">所有 Operations</SelectItem>
+          <SelectItem
+            v-for="operation in operations"
+            :key="operation"
+            :value="operation"
+            >{{ operation }}</SelectItem
+          >
+        </SelectContent>
+      </Select>
+      <Select v-model="availability">
+        <SelectTrigger aria-label="调用条件筛选" class="w-full"
+          ><SelectValue
+        /></SelectTrigger>
+        <SelectContent>
+          <SelectItem value="*">所有调用状态</SelectItem>
+          <SelectItem value="allowed">具备调用条件</SelectItem>
+          <SelectItem value="denied">当前不可调用</SelectItem>
+        </SelectContent>
+      </Select>
     </div>
     <p class="text-xs text-muted-foreground">
       {{ filtered.length }} /

package/template/apps/web/src/pages/system/components/agent-workbench/ToolCatalogPanel.webtest.ts

@@ -1,6 +1,7 @@
 import { mount } from "@vue/test-utils";
 import { describe, expect, test } from "vitest";
 import type { AgentAdminToolCatalogItem } from "@southwind-ai/shared";
+import { Select } from "@/components/ui/select";
 import ToolCatalogPanel from "./ToolCatalogPanel.vue";
 import ToolRuleDetail from "./ToolRuleDetail.vue";
 const tool: AgentAdminToolCatalogItem = {
@@ -39,10 +40,16 @@ describe("动态工具目录", () => {
     await wrapper.get("input").setValue("copilot");
     expect(wrapper.text()).toContain("没有匹配");
     await wrapper.get("input").setValue("位置");
-    await wrapper.get("button").trigger("click");
+    await wrapper.get("button[aria-pressed]").trigger("click");
     expect(wrapper.emitted("select")).toEqual([[tool.key]]);
-    await wrapper.get('[aria-label="调用条件筛选"]').setValue("allowed");
+    await wrapper
+      .findAllComponents(Select)[2]!
+      .vm.$emit("update:modelValue", "allowed");
     expect(wrapper.text()).toContain("没有匹配");
+    await wrapper
+      .findAllComponents(Select)[2]!
+      .vm.$emit("update:modelValue", "*");
+    expect(wrapper.text()).toContain("位置查询");
   });
   test("Schema 和审批/范围/限制展示使用实际注册投影", () => {
     const wrapper = mount(ToolRuleDetail, { props: { tool } });

package/template/apps/web/src/pages/system/components/agent-workbench/ToolRuleDetail.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import type { AgentAdminToolCatalogItem } from "@southwind-ai/shared";
 import { availabilityLabel, formatJson } from "./catalog-presenter";
 defineProps<{ tool?: AgentAdminToolCatalogItem }>();
@@ -60,22 +61,28 @@ defineProps<{ tool?: AgentAdminToolCatalogItem }>();
           {{ tool.allowedOperationKeys.join("、") || "没有已注册操作允许调用" }}
         </dd>
       </dl>
-      <details open class="mb-3">
-        <summary class="cursor-pointer text-sm font-medium">
-          输入 Schema · {{ tool.inputSchemaKey }}
-        </summary>
-        <pre
-          class="mt-2 max-h-80 overflow-auto rounded-md bg-muted p-3 text-xs"
-          >{{ formatJson(tool.inputSchema) }}</pre>
-      </details>
-      <details open>
-        <summary class="cursor-pointer text-sm font-medium">
-          输出 Schema · {{ tool.outputSchemaKey }}
-        </summary>
-        <pre
-          class="mt-2 max-h-80 overflow-auto rounded-md bg-muted p-3 text-xs"
-          >{{ formatJson(tool.outputSchema) }}</pre>
-      </details>
+      <Tabs :key="tool.key" default-value="input">
+        <TabsList aria-label="工具 Schema">
+          <TabsTrigger value="input">输入 Schema</TabsTrigger>
+          <TabsTrigger value="output">输出 Schema</TabsTrigger>
+        </TabsList>
+        <TabsContent value="input">
+          <p class="break-all font-mono text-xs text-muted-foreground">
+            {{ tool.inputSchemaKey }}
+          </p>
+          <pre
+            class="mt-2 max-h-80 overflow-auto rounded-md bg-muted p-3 text-xs"
+            >{{ formatJson(tool.inputSchema) }}</pre>
+        </TabsContent>
+        <TabsContent value="output">
+          <p class="break-all font-mono text-xs text-muted-foreground">
+            {{ tool.outputSchemaKey }}
+          </p>
+          <pre
+            class="mt-2 max-h-80 overflow-auto rounded-md bg-muted p-3 text-xs"
+            >{{ formatJson(tool.outputSchema) }}</pre>
+        </TabsContent>
+      </Tabs>
     </template>
   </section>
 </template>

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

@@ -0,0 +1,82 @@
+<script setup lang="ts">
+import { RouterLink } from "vue-router";
+import type { AgentWorkflowPresetSummary } from "@/services/agent-workflow-api";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+
+defineProps<{
+  presets: readonly AgentWorkflowPresetSummary[];
+  loading: boolean;
+  error: string;
+}>();
+defineEmits<{ refresh: [] }>();
+</script>
+
+<template>
+  <section
+    aria-labelledby="workflow-preset-title"
+    class="space-y-3"
+    :aria-busy="loading"
+  >
+    <div class="space-y-1">
+      <h2 id="workflow-preset-title" class="text-base font-semibold">
+        业务预设
+      </h2>
+      <p class="text-sm text-muted-foreground">
+        查看已安装模块注册的固定工作流；进入业务页面后按当前材料和权限启动。
+      </p>
+    </div>
+    <p v-if="loading" role="status" class="text-sm text-muted-foreground">
+      正在读取预设…
+    </p>
+    <div
+      v-else-if="error"
+      role="alert"
+      class="rounded-lg border p-4 text-sm text-destructive"
+    >
+      <p>{{ error }}</p>
+      <Button class="mt-2" variant="outline" size="sm" @click="$emit('refresh')"
+        >重试</Button
+      >
+    </div>
+    <p
+      v-else-if="!presets.length"
+      class="rounded-lg border p-4 text-sm text-muted-foreground"
+    >
+      当前没有可访问的业务预设。
+    </p>
+    <ul v-else class="grid gap-3 xl:grid-cols-2">
+      <li
+        v-for="preset in presets"
+        :key="preset.key"
+        class="space-y-3 rounded-lg border bg-card p-4"
+      >
+        <div class="flex flex-wrap items-center justify-between gap-2">
+          <h3 class="font-medium">{{ preset.label }}</h3>
+          <Badge
+            :variant="
+              preset.availability === 'available' ? 'secondary' : 'outline'
+            "
+            >{{
+              preset.availability === "available"
+                ? `v${preset.version}`
+                : "条件未就绪"
+            }}</Badge
+          >
+        </div>
+        <p class="text-sm text-muted-foreground">{{ preset.description }}</p>
+        <p class="text-xs leading-5 text-muted-foreground">
+          {{ preset.nodes.map((node) => node.label).join(" → ") }}
+        </p>
+        <p v-if="preset.blockedReason" class="rounded-md bg-muted p-3 text-xs">
+          {{ preset.blockedReason }}（{{ preset.safeCode }}）
+        </p>
+        <Button v-if="preset.entry" as-child variant="outline" size="sm"
+          ><RouterLink :to="preset.entry.path">{{
+            preset.entry.label
+          }}</RouterLink></Button
+        >
+      </li>
+    </ul>
+  </section>
+</template>

package/template/apps/web/src/pages/system/components/agent-workflow/WorkflowPresetCatalog.webtest.ts

@@ -0,0 +1,57 @@
+import { mount } from "@vue/test-utils";
+import { describe, expect, test } from "vitest";
+import type { AgentWorkflowPresetSummary } from "@/services/agent-workflow-api";
+import WorkflowPresetCatalog from "./WorkflowPresetCatalog.vue";
+
+const preset: AgentWorkflowPresetSummary = {
+  key: "example.work-order",
+  moduleKey: "example",
+  label: "工单办理",
+  description: "办理授权工单",
+  workflowKey: "example.work-order",
+  version: "1.0.0",
+  budget: {
+    maxDurationSeconds: 60,
+    maxModelAttempts: 1,
+    maxToolCalls: 1,
+    maxSubagents: 0,
+    maxParallelism: 1,
+    maxInputTokens: 100,
+    maxOutputTokens: 100,
+    maxCostMicros: 0,
+  },
+  nodes: [{ id: "final", type: "final", label: "确认完成" }],
+  availability: "unavailable",
+  safeCode: "BUSINESS_BINDING_REQUIRED",
+  blockedReason: "尚未登记业务绑定",
+  entry: { path: "/work-orders", label: "进入工单" },
+};
+
+describe("Workflow 预设目录", () => {
+  test("按实际注册投影展示条件与业务入口，不提供发布或启动按钮", () => {
+    const wrapper = mount(WorkflowPresetCatalog, {
+      props: { presets: [preset], loading: false, error: "" },
+      global: {
+        stubs: {
+          RouterLink: { props: ["to"], template: '<a :href="to"><slot /></a>' },
+        },
+      },
+    });
+    expect(wrapper.text()).toContain("工单办理");
+    expect(wrapper.text()).toContain("尚未登记业务绑定");
+    expect(wrapper.get("a").attributes("href")).toBe("/work-orders");
+    expect(wrapper.text()).not.toContain("发布预设");
+    expect(wrapper.text()).not.toContain("立即启动");
+  });
+
+  test("读取失败允许重试，空目录说明当前授权边界", async () => {
+    const wrapper = mount(WorkflowPresetCatalog, {
+      props: { presets: [], loading: false, error: "目录暂不可用" },
+    });
+    expect(wrapper.get('[role="alert"]').text()).toContain("目录暂不可用");
+    await wrapper.get("button").trigger("click");
+    expect(wrapper.emitted("refresh")).toHaveLength(1);
+    await wrapper.setProps({ error: "" });
+    expect(wrapper.text()).toContain("当前没有可访问的业务预设");
+  });
+});

package/template/apps/web/src/pages/system/components/dictionary-bulk/DictionaryBulkJobDetail.vue

@@ -71,13 +71,6 @@ const detail = computed(() => {
           <dd class="mt-1">{{ detail.retryAt }}</dd>
         </div>
       </dl>
-      <details class="rounded-md bg-muted/50 p-3 text-xs">
-        <summary class="cursor-pointer font-medium">技术信息</summary>
-        <p class="mt-2 text-muted-foreground">
-          防重复令牌由浏览器自动生成，同一次网络重试会复用，避免重复创建任务。
-        </p>
-        <p class="mt-2 break-all font-mono">{{ job.idempotencyKey }}</p>
-      </details>
       <p v-if="job.error" class="rounded-md bg-muted p-3 text-sm">
         最近一次系统错误：{{ job.error }}
       </p>
@@ -104,6 +97,16 @@ const detail = computed(() => {
       <p v-if="detail.failuresAvailable" class="text-xs text-muted-foreground">
         失败明细仅含行号、错误分类、安全消息和输入摘要，不回显原始输入行。
       </p>
+      <section class="grid gap-2 border-t pt-3 text-xs">
+        <h4 class="font-medium">技术信息</h4>
+        <dl class="grid gap-1">
+          <dt class="text-muted-foreground">防重复令牌</dt>
+          <dd class="break-all font-mono">{{ job.idempotencyKey }}</dd>
+        </dl>
+        <p class="text-muted-foreground">
+          同一次网络重试会复用此令牌，避免重复创建任务。
+        </p>
+      </section>
     </template>
   </aside>
 </template>

package/template/apps/web/src/pages/system/components/user-account/RolePermissionSummary.vue

@@ -2,6 +2,14 @@
 import { computed, shallowRef, watch } from "vue";
 import { Input } from "@/components/ui/input";
 import { Button } from "@/components/ui/button";
+import {
+  Sheet,
+  SheetContent,
+  SheetDescription,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger,
+} from "@/components/ui/sheet";
 import type { PermissionDefinition } from "@southwind-ai/shared";
 import {
   groupPermissions,
@@ -9,6 +17,7 @@ import {
 } from "../role-policy/permission-tree";
 
 const props = defineProps<{
+  roleName: string;
   permissionKeys: string[];
   permissions: PermissionDefinition[];
 }>();
@@ -54,64 +63,79 @@ const unknownKeys = computed(() =>
   >
     未分配功能权限
   </p>
-  <details v-else class="mt-3 border-t pt-3 text-xs">
-    <summary
-      class="cursor-pointer select-none font-medium text-muted-foreground hover:text-foreground"
-    >
-      查看 {{ permissionKeys.length }} 项功能权限
-    </summary>
-    <div class="mt-3 grid gap-3">
-      <Input
-        v-model="keyword"
-        @keydown.enter.prevent
-        aria-label="搜索角色权限摘要"
-        placeholder="搜索功能权限"
-      />
-      <section v-for="group in groups" :key="group.key" class="grid gap-2">
-        <p class="font-medium text-foreground">{{ group.label }}</p>
-        <div
-          v-for="resource in group.resources"
-          :key="resource.key"
-          class="grid gap-1 sm:grid-cols-[8rem_1fr]"
-        >
-          <span class="text-muted-foreground">{{ resource.label }}</span>
-          <span class="leading-5">
-            {{ resource.permissions.map(({ label }) => label).join("、") }}
-          </span>
-        </div>
-      </section>
-      <section v-if="unknownKeys.length" class="grid gap-1">
-        <p class="font-medium text-amber-700 dark:text-amber-400">
-          未注册的历史权限
-        </p>
-        <code class="break-all leading-5">{{ unknownKeys.join("、") }}</code>
-      </section>
-      <div
-        class="flex flex-wrap items-center justify-between gap-2 text-muted-foreground"
-      >
-        <span
-          >共 {{ filteredKeys.length }} 条，每页 10 条，第 {{ page }} /
-          {{ pageCount }} 页</span
+  <div v-else class="mt-3 border-t pt-3">
+    <Sheet>
+      <SheetTrigger as-child>
+        <Button
+          type="button"
+          variant="outline"
+          size="sm"
+          data-testid="role-permissions-trigger"
         >
-        <div class="flex gap-2">
-          <Button
-            type="button"
-            size="sm"
-            variant="outline"
-            :disabled="page <= 1"
-            @click="page--"
-            >上一页</Button
-          >
-          <Button
-            type="button"
-            size="sm"
-            variant="outline"
-            :disabled="page >= pageCount"
-            @click="page++"
-            >下一页</Button
+          查看 {{ permissionKeys.length }} 项功能权限
+        </Button>
+      </SheetTrigger>
+      <SheetContent class="w-full overflow-y-auto sm:max-w-lg">
+        <SheetHeader>
+          <SheetTitle>角色功能权限</SheetTitle>
+          <SheetDescription class="break-all">{{ roleName }}</SheetDescription>
+        </SheetHeader>
+        <div class="grid gap-3 px-4 pb-4">
+          <Input
+            v-model="keyword"
+            @keydown.enter.prevent
+            aria-label="搜索角色权限摘要"
+            placeholder="搜索功能权限"
+          />
+          <section v-for="group in groups" :key="group.key" class="grid gap-2">
+            <p class="font-medium text-foreground">{{ group.label }}</p>
+            <div
+              v-for="resource in group.resources"
+              :key="resource.key"
+              class="grid gap-1 sm:grid-cols-[8rem_1fr]"
+            >
+              <span class="text-muted-foreground">{{ resource.label }}</span>
+              <span class="leading-5">
+                {{ resource.permissions.map(({ label }) => label).join("、") }}
+              </span>
+            </div>
+          </section>
+          <section v-if="unknownKeys.length" class="grid gap-1">
+            <p class="font-medium text-amber-700 dark:text-amber-400">
+              未注册的历史权限
+            </p>
+            <code class="break-all leading-5">{{
+              unknownKeys.join("、")
+            }}</code>
+          </section>
+          <div
+            class="flex flex-wrap items-center justify-between gap-2 text-muted-foreground"
           >
+            <span
+              >共 {{ filteredKeys.length }} 条，每页 10 条，第 {{ page }} /
+              {{ pageCount }} 页</span
+            >
+            <div class="flex gap-2">
+              <Button
+                type="button"
+                size="sm"
+                variant="outline"
+                :disabled="page <= 1"
+                @click="page--"
+                >上一页</Button
+              >
+              <Button
+                type="button"
+                size="sm"
+                variant="outline"
+                :disabled="page >= pageCount"
+                @click="page++"
+                >下一页</Button
+              >
+            </div>
+          </div>
         </div>
-      </div>
-    </div>
-  </details>
+      </SheetContent>
+    </Sheet>
+  </div>
 </template>

package/template/apps/web/src/pages/system/components/user-account/UserRoleSelector.vue

@@ -65,9 +65,9 @@ const options = computed(() =>
     description: `${role.code} · ${dataScopeLabel(role.dataScope)}`,
   })),
 );
-function rolePermissions(id: string): string[] {
-  return roles.value.find((role) => role.id === id)?.permissionKeys || [];
-}
+const rolesById = computed(
+  () => new Map(roles.value.map((role) => [role.id, role])),
+);
 
 function dataScopeLabel(scope: string): string {
   return (
@@ -95,11 +95,13 @@ defineExpose({ reload: loadRoles });
       :model-value="modelValue"
       label="账号角色"
       multiple
+      grid
       @update:model-value="emit('update:modelValue', $event)"
     >
       <template #detail="{ id }">
         <RolePermissionSummary
-          :permission-keys="rolePermissions(id)"
+          :role-name="rolesById.get(id)?.name ?? id"
+          :permission-keys="rolesById.get(id)?.permissionKeys ?? []"
           :permissions="permissions"
         />
       </template>

package/template/apps/web/src/pages/system/components/user-account/UserRoleSelector.webtest.ts

@@ -1,5 +1,10 @@
 import { afterEach, describe, expect, test, vi } from "vitest";
-import { flushPromises, mount } from "@vue/test-utils";
+import {
+  DOMWrapper,
+  enableAutoUnmount,
+  flushPromises,
+  mount,
+} from "@vue/test-utils";
 import UserRoleSelector from "./UserRoleSelector.vue";
 
 const api = vi.hoisted(() => ({ list: vi.fn() }));
@@ -11,6 +16,7 @@ vi.mock("@/services/system-api", async () => {
   return { ...actual, listSystemResource: api.list };
 });
 
+enableAutoUnmount(afterEach);
 afterEach(() => vi.clearAllMocks());
 
 describe("UserRoleSelector", () => {
@@ -30,6 +36,7 @@ describe("UserRoleSelector", () => {
       pageSize: 10,
     });
     const wrapper = mount(UserRoleSelector, {
+      attachTo: document.body,
       props: {
         modelValue: [],
         permissions: [
@@ -63,9 +70,18 @@ describe("UserRoleSelector", () => {
     expect(wrapper.text()).toContain("部门负责人");
     expect(wrapper.text()).toContain("本部门及下级");
     expect(wrapper.text()).toContain("查看 2 项功能权限");
-    await wrapper.get("summary").trigger("click");
-    expect(wrapper.text()).toContain("用户账号");
-    expect(wrapper.text()).toContain("管理用户、查看用户");
+    expect(wrapper.find('[role="dialog"]').exists()).toBe(false);
+    await wrapper
+      .get('[data-testid="role-permissions-trigger"]')
+      .trigger("click");
+    await flushPromises();
+    const drawer = new DOMWrapper(document.body).get('[role="dialog"]');
+    expect(drawer.text()).toContain("角色功能权限");
+    expect(drawer.text()).toContain("用户账号");
+    expect(drawer.text()).toContain("管理用户、查看用户");
+    await drawer.get('[data-slot="sheet-close"]').trigger("click");
+    await flushPromises();
+    expect(document.body.querySelector('[role="dialog"]')).toBeNull();
     await wrapper.get('input[type="checkbox"]').setValue(true);
     expect(wrapper.emitted("update:modelValue")?.at(-1)).toEqual([
       ["role_manager"],