create-windy 0.9.1 → 0.10.0

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

@@ -91,7 +91,16 @@ onMounted(() => window.addEventListener("beforeunload", preventDirtyUnload));
 onBeforeUnmount(() =>
   window.removeEventListener("beforeunload", preventDirtyUnload),
 );
-const title = computed(() => (props.item ? "编辑记录" : "新增记录"));
+const title = computed(
+  () =>
+    `${props.item ? "编辑" : "新增"}${props.config.entityLabel ?? props.config.title}`,
+);
+const contentClass = computed(() => {
+  if (["users", "departments"].includes(props.config.key)) {
+    return "sm:max-w-[calc(100%-2rem)]";
+  }
+  return props.config.key === "roles" ? "sm:max-w-4xl" : undefined;
+});
 </script>
 
 <template>
@@ -101,7 +110,7 @@ const title = computed(() => (props.item ? "编辑记录" : "新增记录"));
     :description="config.description"
     :loading="loading || saving"
     :before-close="beforeClose"
-    :content-class="config.key === 'roles' ? 'sm:max-w-4xl' : undefined"
+    :content-class="contentClass"
     @submit="saveForm"
   >
     <p v-if="error" class="text-sm text-destructive" role="alert">

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

@@ -200,6 +200,7 @@ async function importData(file: File) {
           <CardTitle class="text-base">数据列表</CardTitle>
           <SystemResourceActions
             :can-create="resource.canCreate.value"
+            :create-label="config.key === 'users' ? '新增人员' : undefined"
             :can-import="resource.canImport.value"
             :replaces-native-transfer="config.replacesNativeTransfer"
             @refresh="resource.reload"

package/template/apps/web/src/pages/system/components/SystemResourcePage.webtest.ts

@@ -280,10 +280,14 @@ describe("SystemResourcePage", () => {
 
     const add = wrapper
       .findAll("button")
-      .find((button) => button.text() === "新增");
-    await add?.trigger("click");
+      .find((button) => button.text() === "新增人员");
+    expect(add).toBeDefined();
+    await add!.trigger("click");
     await flushPromises();
 
+    expect(
+      document.body.querySelector('[role="dialog"]')?.textContent,
+    ).toContain("新增人员");
     expect(document.body.textContent).toContain("所属部门");
     expect(document.body.textContent).toContain("新建部门");
     expect(document.body.textContent).toContain("每页 10 条");

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

@@ -1,4 +1,12 @@
 <script setup lang="ts">
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+
 import { computed, onBeforeUnmount, shallowRef, watch } from "vue";
 import { onBeforeRouteLeave } from "vue-router";
 import type {
@@ -229,15 +237,16 @@ onBeforeUnmount(() => {
         <div class="grid gap-4 sm:grid-cols-2">
           <label class="space-y-2 text-sm"
             ><span>共享范围</span
-            ><select
-              v-model="scope"
-              class="h-9 w-full rounded-md border bg-background px-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
-              :disabled="saving"
-            >
-              <option value="tenant">全租户</option>
-              <option value="department">当前部门</option>
-              <option value="personal">仅本人</option>
-            </select></label
+            ><Select v-model="scope" :disabled="saving">
+              <SelectTrigger aria-label="共享范围" class="w-full"
+                ><SelectValue
+              /></SelectTrigger>
+              <SelectContent>
+                <SelectItem value="tenant">全租户</SelectItem>
+                <SelectItem value="department">当前部门</SelectItem>
+                <SelectItem value="personal">仅本人</SelectItem>
+              </SelectContent>
+            </Select></label
           ><label class="space-y-2 text-sm"
             ><span>当前版本（新技能填 0）</span
             ><Input

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

@@ -1,4 +1,12 @@
 <script setup lang="ts">
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+
 import { computed } from "vue";
 import type { AgentWorkbenchRecordingV1 } from "@southwind-ai/shared";
 import { Button } from "@/components/ui/button";
@@ -68,15 +76,16 @@ const replay = useSessionReplay(events);
         :disabled="replay.cursor.value >= entries.length - 1"
         @click="replay.seek(replay.cursor.value + 1)"
         >下一事件</Button
-      ><select
-        v-model.number="replay.speed.value"
-        aria-label="回放速度"
-        class="h-9 rounded-md border bg-background px-2 text-sm"
-      >
-        <option :value="0.5">0.5 倍速</option>
-        <option :value="1">1 倍速</option>
-        <option :value="2">2 倍速</option>
-        <option :value="4">4 倍速</option></select
+      ><Select v-model="replay.speed.value">
+        <SelectTrigger aria-label="回放速度"><SelectValue /></SelectTrigger>
+        <SelectContent>
+          <SelectItem
+            v-for="speed in [0.5, 1, 2, 4]"
+            :key="speed"
+            :value="speed"
+            >{{ speed }} 倍速</SelectItem
+          >
+        </SelectContent> </Select
       ><span class="text-xs text-muted-foreground"
         >{{ replay.cursor.value + 1 }} / {{ entries.length }}</span
       >

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

@@ -1,7 +1,23 @@
 <script setup lang="ts">
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+
 import { computed } from "vue";
 import type { AgentAdminOperationCatalogItem } from "@southwind-ai/shared";
 import { Button } from "@/components/ui/button";
+import {
+  Sheet,
+  SheetContent,
+  SheetDescription,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger,
+} from "@/components/ui/sheet";
 import { availabilityLabel, formatJson } from "./catalog-presenter";
 const props = defineProps<{
   operations: readonly AgentAdminOperationCatalogItem[];
@@ -31,44 +47,60 @@ const operation = computed(() =>
     </p>
     <label class="grid gap-2 text-sm"
       ><span>Operation</span
-      ><select
+      ><Select
         required
-        :value="operationKey"
+        name="operationKey"
+        :model-value="operationKey || null"
         :disabled="starting || running || !canManage"
-        class="h-9 rounded-md border bg-background px-2 user-invalid:border-destructive"
-        @change="$emit('operation', ($event.target as HTMLSelectElement).value)"
+        @update:model-value="$emit('operation', String($event ?? ''))"
       >
-        <option value="" disabled>请选择已注册操作</option>
-        <option
-          v-for="item in operations"
-          :key="item.key"
-          :value="item.key"
-          :disabled="!item.selectable"
-        >
-          {{ item.key }} · {{ item.moduleLabel
-          }}{{
-            item.selectable
-              ? ""
-              : `（${availabilityLabel(item.availabilityReason)}）`
-          }}
-        </option>
-      </select></label
+        <SelectTrigger aria-label="Operation" class="w-full"
+          ><SelectValue placeholder="请选择已注册操作"
+        /></SelectTrigger>
+        <SelectContent>
+          <SelectItem
+            v-for="item in operations"
+            :key="item.key"
+            :value="item.key"
+            :disabled="!item.selectable"
+          >
+            {{ item.key }} · {{ item.moduleLabel
+            }}{{
+              item.selectable
+                ? ""
+                : `（${availabilityLabel(item.availabilityReason)}）`
+            }}
+          </SelectItem>
+        </SelectContent>
+      </Select></label
     >
-    <details v-if="operation">
-      <summary class="cursor-pointer text-xs">
-        查看输入 Schema 与运行规则
-      </summary>
-      <pre
-        class="mt-2 max-h-64 overflow-auto rounded-md bg-muted p-3 text-xs"
-        >{{ formatJson(operation.inputSchema) }}</pre>
-      <p class="mt-2 text-xs text-muted-foreground">
-        {{ availabilityLabel(operation.availabilityReason) }}；最长
-        {{ operation.limits.maxDurationSeconds }} 秒；输入
-        {{ operation.limits.maxInputBytes }} 字节。允许工具：{{
-          operation.allowedToolKeys.join("、") || "无"
-        }}
-      </p>
-    </details>
+    <Sheet v-if="operation" :key="operation.key">
+      <SheetTrigger as-child>
+        <Button type="button" variant="outline" size="sm">
+          查看输入 Schema 与运行规则
+        </Button>
+      </SheetTrigger>
+      <SheetContent class="w-full overflow-y-auto sm:max-w-xl">
+        <SheetHeader>
+          <SheetTitle>输入 Schema 与运行规则</SheetTitle>
+          <SheetDescription class="break-all">{{
+            operation.key
+          }}</SheetDescription>
+        </SheetHeader>
+        <div class="space-y-4 px-4 pb-4">
+          <p class="text-sm text-muted-foreground">
+            {{ availabilityLabel(operation.availabilityReason) }}；最长
+            {{ operation.limits.maxDurationSeconds }} 秒；输入
+            {{ operation.limits.maxInputBytes }} 字节。允许工具：{{
+              operation.allowedToolKeys.join("、") || "无"
+            }}
+          </p>
+          <pre class="overflow-auto rounded-md bg-muted p-3 text-xs">{{
+            formatJson(operation.inputSchema)
+          }}</pre>
+        </div>
+      </SheetContent>
+    </Sheet>
     <label class="grid gap-2 text-sm"
       ><span>测试输入（JSON）</span
       ><textarea

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/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>