create-windy 0.8.3 → 0.10.0

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/SystemOperationsPage.vue

@@ -14,6 +14,8 @@ import {
   getOperationSnapshot,
   type OperationSnapshot,
 } from "@/services/operations-api";
+import OperationFeatureAssessmentPanel from "./components/OperationFeatureAssessmentPanel.vue";
+import OperationEnvironmentPanel from "./components/OperationEnvironmentPanel.vue";
 import OperationCacheMonitor from "./components/OperationCacheMonitor.vue";
 import OperationOnlineUsers from "./components/OperationOnlineUsers.vue";
 import OperationServiceMonitor from "./components/OperationServiceMonitor.vue";
@@ -45,6 +47,18 @@ const schedulerAllowed = computed(() => {
   return allowed;
 });
 
+const featureManagementAllowed = computed(() => {
+  const current = access.snapshot.value;
+  return Boolean(
+    current &&
+    evaluateWebAccess(current, {
+      permissionKey: "system.feature.manage",
+      featureKey: "system.feature",
+    }).allowed &&
+    current.actor.permissionKeys.includes("system.feature.read"),
+  );
+});
+
 const refreshing = computed(() => {
   let active = loading.value;
   // @windy-module system.scheduler begin
@@ -119,6 +133,15 @@ async function reload() {
         :disk="snapshot.diskMonitor"
         :gpu="snapshot.gpuMonitor"
       />
+      <OperationEnvironmentPanel
+        v-if="snapshot.environment"
+        :environment="snapshot.environment"
+      />
+      <OperationFeatureAssessmentPanel
+        v-if="snapshot.featureAssessment"
+        :assessment="snapshot.featureAssessment"
+        :management-allowed="featureManagementAllowed"
+      />
       <OperationOnlineUsers :users="snapshot.onlineUsers" />
       <OperationCacheMonitor :cache="snapshot.cacheMonitor" />
     </template>

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

@@ -0,0 +1,120 @@
+<script setup lang="ts">
+import { onBeforeUnmount, onMounted, shallowRef } from "vue";
+import { DEFAULT_PAGE_SIZE, type PageResult } from "@southwind-ai/shared";
+import DataPagination from "@/components/common/DataPagination.vue";
+import { Button } from "@/components/ui/button";
+import {
+  listDiagnostics,
+  type DiagnosticRecord,
+} from "@/services/diagnostics-api";
+
+defineEmits<{ select: [id: string] }>();
+
+const result = shallowRef<PageResult<DiagnosticRecord>>();
+const loading = shallowRef(false);
+const error = shallowRef("");
+let controller: AbortController | undefined;
+
+async function load(
+  page = result.value?.page ?? 1,
+  pageSize = result.value?.pageSize ?? DEFAULT_PAGE_SIZE,
+) {
+  controller?.abort();
+  const request = new AbortController();
+  controller = request;
+  loading.value = true;
+  error.value = "";
+  try {
+    const next = await listDiagnostics(page, pageSize, request.signal);
+    if (request.signal.aborted) return;
+    const lastPage = Math.max(1, Math.ceil(next.total / pageSize));
+    if (page > lastPage) {
+      await load(lastPage, pageSize);
+      return;
+    }
+    result.value = next;
+  } catch {
+    if (!request.signal.aborted) error.value = "错误日志暂时无法加载，请重试。";
+  } finally {
+    if (!request.signal.aborted) loading.value = false;
+  }
+}
+
+onMounted(() => void load());
+onBeforeUnmount(() => controller?.abort());
+</script>
+
+<template>
+  <section class="space-y-4 rounded-xl border bg-card p-4" :aria-busy="loading">
+    <div class="flex items-center justify-between gap-3">
+      <h2 class="font-semibold">错误日志</h2>
+      <Button
+        type="button"
+        size="sm"
+        variant="outline"
+        :disabled="loading"
+        @click="load()"
+      >
+        刷新日志
+      </Button>
+    </div>
+    <p v-if="error" role="status" class="text-sm text-destructive">
+      {{ error }}
+    </p>
+    <p v-if="loading" role="status" class="text-sm text-muted-foreground">
+      正在加载错误日志…
+    </p>
+    <p
+      v-else-if="result && !result.items.length"
+      class="text-sm text-muted-foreground"
+    >
+      最近 30 天暂无失败记录。
+    </p>
+    <div v-if="result?.items.length" class="overflow-x-auto">
+      <table class="w-full text-left text-sm">
+        <thead class="border-b text-muted-foreground">
+          <tr>
+            <th scope="col" class="px-2 py-2">发生时间（UTC）</th>
+            <th scope="col" class="px-2 py-2">请求路由</th>
+            <th scope="col" class="px-2 py-2">HTTP</th>
+            <th scope="col" class="px-2 py-2">错误码</th>
+            <th scope="col" class="px-2 py-2">诊断编号</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr
+            v-for="item in result.items"
+            :key="item.diagnosticId"
+            class="border-b last:border-0"
+          >
+            <td class="px-2 py-2 whitespace-nowrap">{{ item.occurredAt }}</td>
+            <td class="px-2 py-2 font-mono">
+              {{ item.method }} {{ item.route }}
+            </td>
+            <td class="px-2 py-2">{{ item.statusCode }}</td>
+            <td class="px-2 py-2 font-mono">{{ item.errorCode }}</td>
+            <td class="px-2 py-2">
+              <Button
+                type="button"
+                variant="link"
+                size="sm"
+                class="h-auto p-0 font-mono"
+                @click="$emit('select', item.diagnosticId)"
+              >
+                {{ item.diagnosticId }}
+              </Button>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+    <DataPagination
+      v-if="result"
+      :page="result.page"
+      :page-size="result.pageSize"
+      :total="result.total"
+      @update:page="load($event)"
+      @update:page-size="load(1, $event)"
+    />
+  </section>
+</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/OperationEnvironmentPanel.vue

@@ -0,0 +1,237 @@
+<script setup lang="ts">
+import { computed } from "vue";
+import type { EnvironmentSnapshot, HostProbeKey } from "@southwind-ai/shared";
+import { Badge } from "@/components/ui/badge";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import { formatDateTime } from "@/lib/date-time";
+
+const props = defineProps<{ environment: EnvironmentSnapshot }>();
+const probeLabels: Record<HostProbeKey, string> = {
+  cpu: "CPU",
+  memory: "内存",
+  blockDevices: "块设备",
+  disks: "磁盘空间",
+  mounts: "挂载点",
+  network: "网络",
+  systemd: "系统服务",
+  docker: "Docker",
+  compose: "Compose",
+  containers: "容器",
+  gpu: "GPU",
+};
+const probeStatuses = {
+  ok: "已采集",
+  missing: "命令未安装",
+  "permission-denied": "权限不足",
+  timeout: "采集超时",
+  failed: "采集失败",
+  unsupported: "不支持",
+} as const;
+const hostStatuses = {
+  available: "报告可用",
+  "not-configured": "未配置主机报告",
+  invalid: "报告无效",
+  stale: "报告已过期",
+  unreadable: "报告不可读",
+} as const;
+const probes = computed(() =>
+  Object.entries(probeLabels).map(([key, label]) => ({
+    key,
+    label,
+    probe: props.environment.host.report?.probes[key as HostProbeKey],
+  })),
+);
+function memory(value: number | null | undefined) {
+  return value == null ? "未知" : `${(value / 1024 ** 3).toFixed(1)} GiB`;
+}
+</script>
+
+<template>
+  <Card>
+    <CardHeader>
+      <CardTitle>运行环境证据</CardTitle>
+      <CardDescription
+        >应用进程与宿主机分别展示；未采集到的信息保持未知。</CardDescription
+      >
+    </CardHeader>
+    <CardContent class="space-y-5">
+      <section class="space-y-2" aria-label="应用进程环境">
+        <div class="flex flex-wrap items-center gap-2">
+          <h3 class="text-sm font-medium">应用进程</h3>
+          <Badge variant="secondary">{{
+            environment.process.containerized ? "容器内进程" : "应用进程"
+          }}</Badge>
+          <span class="text-xs text-muted-foreground"
+            >快照时间 {{ formatDateTime(environment.generatedAt) }}</span
+          >
+        </div>
+        <dl class="grid gap-2 text-sm sm:grid-cols-2 lg:grid-cols-4">
+          <div>
+            <dt class="text-muted-foreground">操作系统 / 架构</dt>
+            <dd>
+              {{ environment.process.platform }} /
+              {{ environment.process.architecture }}
+            </dd>
+          </div>
+          <div>
+            <dt class="text-muted-foreground">运行时</dt>
+            <dd>
+              Node {{ environment.process.nodeVersion
+              }}<template v-if="environment.process.bunVersion">
+                · Bun {{ environment.process.bunVersion }}</template
+              >
+            </dd>
+          </div>
+          <div>
+            <dt class="text-muted-foreground">进程可见逻辑 CPU</dt>
+            <dd>{{ environment.process.logicalCpuCount }}</dd>
+          </div>
+          <div>
+            <dt class="text-muted-foreground">进程可见总内存</dt>
+            <dd>{{ memory(environment.process.memoryTotalBytes) }}</dd>
+          </div>
+        </dl>
+        <p class="text-xs text-muted-foreground">
+          来源：应用运行时。容器可见资源不等于宿主机配置或容器配额。
+        </p>
+      </section>
+      <section class="space-y-3 border-t pt-4" aria-label="宿主机环境">
+        <div class="flex flex-wrap items-center gap-2">
+          <h3 class="text-sm font-medium">宿主机</h3>
+          <Badge
+            :variant="
+              environment.host.status === 'available' ? 'secondary' : 'outline'
+            "
+            >{{ hostStatuses[environment.host.status] }}</Badge
+          >
+          <span
+            v-if="environment.host.report"
+            class="text-xs text-muted-foreground"
+            >采集时间
+            {{ formatDateTime(environment.host.report.collectedAt) }}</span
+          >
+        </div>
+        <p class="text-sm text-muted-foreground" role="status">
+          {{ environment.host.message }}
+        </p>
+        <template v-if="environment.host.report">
+          <dl class="grid gap-2 text-sm sm:grid-cols-2 lg:grid-cols-4">
+            <div>
+              <dt class="text-muted-foreground">操作系统 / 内核</dt>
+              <dd>
+                {{
+                  environment.host.report.facts.distribution ||
+                  environment.host.report.facts.os ||
+                  "未知"
+                }}
+                /
+                {{ environment.host.report.facts.kernel || "未知" }}
+              </dd>
+            </div>
+            <div>
+              <dt class="text-muted-foreground">架构</dt>
+              <dd>
+                {{ environment.host.report.facts.architecture || "未知" }}
+              </dd>
+            </div>
+            <div>
+              <dt class="text-muted-foreground">逻辑 CPU</dt>
+              <dd>
+                {{ environment.host.report.facts.cpuLogicalCount || "未知" }}
+              </dd>
+            </div>
+            <div>
+              <dt class="text-muted-foreground">总内存</dt>
+              <dd>
+                {{ memory(environment.host.report.facts.memoryTotalBytes) }}
+              </dd>
+            </div>
+          </dl>
+          <dl
+            aria-label="报告记录的交付信息"
+            class="grid gap-2 text-sm sm:grid-cols-3"
+          >
+            <div>
+              <dt class="text-muted-foreground">交付版本</dt>
+              <dd class="break-all">
+                {{ environment.host.report.deployment?.releaseId || "未知" }}
+              </dd>
+            </div>
+            <div>
+              <dt class="text-muted-foreground">源码提交</dt>
+              <dd class="break-all">
+                {{ environment.host.report.deployment?.gitSha || "未知" }}
+              </dd>
+            </div>
+            <div>
+              <dt class="text-muted-foreground">交付架构</dt>
+              <dd>
+                {{ environment.host.report.deployment?.platform || "未知" }}
+              </dd>
+            </div>
+          </dl>
+          <p
+            v-if="
+              environment.host.report.deployment?.status &&
+              environment.host.report.deployment.status !== 'available'
+            "
+            class="text-xs text-muted-foreground"
+          >
+            {{
+              environment.host.report.deployment.status === "invalid"
+                ? "交付信息格式无效，版本信息保持未知。"
+                : "交付信息不可读，版本信息保持未知。"
+            }}
+          </p>
+          <p class="text-xs text-muted-foreground">
+            来源：宿主机诊断脚本
+            {{
+              environment.host.report.collector
+            }}。刷新页面只读取报告，不会重新执行主机命令。
+          </p>
+        </template>
+        <div class="grid items-start gap-2 md:grid-cols-2">
+          <details
+            v-for="item in probes"
+            :key="item.key"
+            class="min-w-0 rounded-md border p-3"
+          >
+            <summary
+              class="cursor-pointer text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+            >
+              {{ item.label }}
+              <span class="ml-2 text-xs text-muted-foreground">{{
+                item.probe ? probeStatuses[item.probe.status] : "未知 · 未采集"
+              }}</span>
+            </summary>
+            <div class="mt-3 space-y-2">
+              <p class="text-xs text-muted-foreground">
+                来源：宿主机诊断脚本 ·
+                {{
+                  environment.host.report
+                    ? formatDateTime(environment.host.report.collectedAt)
+                    : "无采集时间"
+                }}<template v-if="item.probe?.truncated">
+                  · 输出已截断</template
+                >
+              </p>
+              <pre
+                v-if="item.probe?.output"
+                class="max-h-60 overflow-auto whitespace-pre-wrap break-all rounded bg-muted p-2 text-xs"
+                >{{ item.probe.output }}</pre>
+              <p v-else class="text-xs text-muted-foreground">
+                无可用输出；不能据此判断硬件或软件不存在。
+              </p>
+            </div>
+          </details>
+        </div>
+      </section>
+    </CardContent>
+  </Card>
+</template>

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

@@ -0,0 +1,131 @@
+<script setup lang="ts">
+import type {
+  EnvironmentAssessmentSnapshot,
+  FeatureEnvironmentAssessment,
+} from "@southwind-ai/shared";
+import { RouterLink } from "vue-router";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/ui/table";
+
+defineProps<{
+  assessment: EnvironmentAssessmentSnapshot;
+  managementAllowed: boolean;
+}>();
+const statusLabels: Record<FeatureEnvironmentAssessment["status"], string> = {
+  hardware: "硬件条件不满足",
+  software: "软件条件不满足",
+  "not-packaged": "未包含在安装包",
+  configuration: "配置未完成",
+  unknown: "待确认",
+  available: "声明条件满足",
+  disabled: "已关闭",
+};
+function recommendation(feature: FeatureEnvironmentAssessment) {
+  if (feature.status === "disabled") return "保持现状，按需复核";
+  if (feature.recommendedEnabled === false) return "建议复核后关闭";
+  if (feature.recommendedEnabled === true) return "可按需启用，仍需业务验收";
+  return "补充证据后再决定";
+}
+</script>
+
+<template>
+  <Card>
+    <CardHeader class="gap-3 sm:flex-row sm:items-start sm:justify-between">
+      <div class="space-y-2">
+        <CardTitle>功能环境评估</CardTitle>
+        <CardDescription
+          >评估仅提供建议，不会自动启用或停用功能。声明条件满足不代表模型已就绪或业务验收通过。</CardDescription
+        >
+      </div>
+      <Button
+        v-if="managementAllowed"
+        variant="outline"
+        as-child
+        class="shrink-0"
+      >
+        <RouterLink to="/admin/system/features">管理功能开关</RouterLink>
+      </Button>
+    </CardHeader>
+    <CardContent class="space-y-3">
+      <p class="text-sm text-muted-foreground" role="status">
+        {{ assessment.message }}
+      </p>
+      <p
+        v-if="assessment.features.length"
+        class="text-xs text-muted-foreground"
+      >
+        管理员复核下方依据后，可前往功能管理页编辑并保存关闭。关闭功能不会卸载已交付代码；未打包的能力需要重新交付。
+      </p>
+      <div v-if="assessment.features.length" class="rounded-md border">
+        <Table
+          role="region"
+          aria-label="功能环境评估结果"
+          tabindex="0"
+          class="min-w-[640px]"
+        >
+          <TableHeader>
+            <TableRow>
+              <TableHead scope="col">功能</TableHead>
+              <TableHead scope="col">评估分类</TableHead>
+              <TableHead scope="col">依据</TableHead>
+              <TableHead scope="col">建议</TableHead>
+            </TableRow>
+          </TableHeader>
+          <TableBody>
+            <TableRow v-for="feature in assessment.features" :key="feature.key">
+              <TableCell class="align-top">
+                <div class="font-medium">{{ feature.title }}</div>
+                <div class="mt-1 text-xs text-muted-foreground">
+                  {{ feature.key }}
+                </div>
+              </TableCell>
+              <TableCell class="align-top"
+                ><Badge variant="outline">{{
+                  statusLabels[feature.status]
+                }}</Badge></TableCell
+              >
+              <TableCell class="max-w-lg whitespace-normal align-top">
+                <p>{{ feature.message }}</p>
+                <ul
+                  v-if="feature.evidence.length"
+                  class="mt-2 list-disc space-y-1 pl-4 text-xs text-muted-foreground"
+                >
+                  <li
+                    v-for="(evidence, index) in feature.evidence"
+                    :key="index"
+                  >
+                    {{ evidence }}
+                  </li>
+                </ul>
+                <p v-else class="mt-2 text-xs text-muted-foreground">
+                  暂无补充证据。
+                </p>
+              </TableCell>
+              <TableCell class="whitespace-normal align-top">{{
+                recommendation(feature)
+              }}</TableCell>
+            </TableRow>
+          </TableBody>
+        </Table>
+      </div>
+      <p v-else class="text-sm text-muted-foreground">
+        暂无可评估功能。请先配置功能环境策略，不会依据缺失信息自动停用。
+      </p>
+    </CardContent>
+  </Card>
+</template>