create-windy 0.8.3 → 0.10.0

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

@@ -8,6 +8,7 @@ const props = defineProps<{
   modelValue: string[];
   label: string;
   multiple?: boolean;
+  grid?: boolean;
   disabled?: boolean;
   clearable?: boolean;
 }>();
@@ -76,31 +77,37 @@ function select(id: string, checked: boolean) {
         >：{{ selectedNames }}</span
       >
     </p>
-    <div v-for="item in visible" :key="item.id" class="rounded-md border p-3">
-      <label class="flex cursor-pointer items-start gap-3 text-sm">
-        <input
-          :type="multiple ? 'checkbox' : 'radio'"
-          :name="multiple ? undefined : selectionName"
-          :checked="modelValue.includes(item.id)"
-          :disabled="disabled"
-          :aria-label="item.label"
-          class="mt-1 accent-primary"
-          @change="select(item.id, ($event.target as HTMLInputElement).checked)"
-        />
-        <span class="grid gap-1"
-          ><span class="font-medium">{{ item.label }}</span
-          ><span
-            v-if="item.description"
-            class="break-all text-xs text-muted-foreground"
-            >{{ item.description }}</span
-          ></span
-        >
-      </label>
-      <slot name="detail" :id="item.id" />
+    <div
+      v-if="visible.length"
+      class="grid gap-3"
+      :class="{ 'sm:grid-cols-2': grid }"
+    >
+      <div v-for="item in visible" :key="item.id" class="rounded-md border p-3">
+        <label class="flex cursor-pointer items-start gap-3 text-sm">
+          <input
+            :type="multiple ? 'checkbox' : 'radio'"
+            :name="multiple ? undefined : selectionName"
+            :checked="modelValue.includes(item.id)"
+            :disabled="disabled"
+            :aria-label="item.label"
+            class="mt-1 accent-primary"
+            @change="
+              select(item.id, ($event.target as HTMLInputElement).checked)
+            "
+          />
+          <span class="grid gap-1"
+            ><span class="font-medium">{{ item.label }}</span
+            ><span
+              v-if="item.description"
+              class="break-all text-xs text-muted-foreground"
+              >{{ item.description }}</span
+            ></span
+          >
+        </label>
+        <slot name="detail" :id="item.id" />
+      </div>
     </div>
-    <p v-if="!visible.length" class="text-sm text-muted-foreground">
-      暂无匹配选项。
-    </p>
+    <p v-else class="text-sm text-muted-foreground">暂无匹配选项。</p>
     <div
       class="flex flex-wrap items-center justify-between gap-2 text-xs text-muted-foreground"
     >

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

@@ -5,6 +5,7 @@ import { DownloadIcon, PlusIcon, RefreshCwIcon, UploadIcon } from "@lucide/vue";
 
 defineProps<{
   canCreate: boolean;
+  createLabel?: string;
   canImport: boolean;
   replacesNativeTransfer?: boolean;
 }>();
@@ -54,7 +55,7 @@ function selectImport(event: Event) {
     </Button>
     <Button v-if="canCreate" @click="emit('create')">
       <PlusIcon data-icon="inline-start" />
-      新增
+      {{ createLabel ?? "新增" }}
     </Button>
     <input
       v-if="!replacesNativeTransfer"

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