create-windy 0.9.1 → 0.10.1

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

@@ -1,10 +1,19 @@
 <script setup lang="ts">
+import { useTemplateRef } from "vue";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
+import DiagnosticLogList from "./components/DiagnosticLogList.vue";
 import DiagnosticRecordDetails from "./components/DiagnosticRecordDetails.vue";
 import { useDiagnosticLookup } from "./composables/useDiagnosticLookup";
 
+const lookupForm = useTemplateRef<HTMLFormElement>("lookupForm");
 const { input, record, error, loading, lookup } = useDiagnosticLookup();
+
+function selectDiagnostic(id: string) {
+  input.value = id;
+  lookupForm.value?.querySelector("input")?.focus();
+  void lookup();
+}
 </script>
 
 <template>
@@ -12,12 +21,17 @@ const { input, record, error, loading, lookup } = useDiagnosticLookup();
     <header class="space-y-2">
       <h1 class="text-2xl font-semibold text-foreground">错误诊断</h1>
       <p class="text-sm text-muted-foreground">
-        粘贴错误页面的诊断编号，查询当前部署最近 30
-        天的失败索引。每次有效编号查询都会留下审计记录。
+        分页浏览当前部署最近 30
+        天的服务端失败日志，也可按诊断编号定位。查询会留下审计记录。
       </p>
     </header>
     <section class="rounded-xl border bg-card p-4">
-      <form class="space-y-3" :aria-busy="loading" @submit.prevent="lookup">
+      <form
+        ref="lookupForm"
+        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
@@ -52,5 +66,6 @@ const { input, record, error, loading, lookup } = useDiagnosticLookup();
       </form>
     </section>
     <DiagnosticRecordDetails v-if="record" :record="record" />
+    <DiagnosticLogList @select="selectDiagnostic" />
   </div>
 </template>

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

@@ -4,7 +4,10 @@ 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 }));
+vi.mock("@/services/diagnostics-api", () => ({
+  getDiagnostic: mocks.request,
+  listDiagnostics: async () => ({ items: [], total: 0, page: 1, pageSize: 20 }),
+}));
 const id = "diag-0199e82a-abcd-7000-8000-000000000000";
 const record = {
   diagnosticId: id,

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

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"