@allbluecn/web-app 0.19.2 → 0.19.4

package/src/components/story/views/timeline-view.tsx

@@ -63,7 +63,6 @@ import {
   GanttTitle,
 } from "@/components/reui/gantt/gantt-nav";
 import { GanttView } from "@/components/reui/gantt/gantt-view";
-import { TooltipProvider } from "@/components/ui/tooltip";
 import { sentinelMirrorTop } from "./timeline/sentinel-geometry";
 import type {
   GanttOccurrence,
@@ -444,7 +443,6 @@ export function TimelineView({
             size="icon"
             className="size-7"
             aria-label={m.story_gantt_settings()}
-            title={m.story_gantt_settings()}
           />
         }
       >
@@ -613,20 +611,18 @@ export function TimelineView({
         renderNoResources={renderNoResources}
       >
         {/* 自定义组合（reui 默认组合不含日期选择器）：默认四件 + goToDate
-          入口——跳转日历是甘特导航验收项；children 形式替换默认组合，故
-          TooltipProvider 参数与 reui 默认实现保持一致 */}
+          入口——跳转日历是甘特导航验收项。不再嵌套 TooltipProvider（全局
+          单例约定，审计 A7x 🟡），tooltip 延迟随全局 Provider，与全站一致 */}
         <GanttNav>
-          <TooltipProvider delay={600} closeDelay={0} timeout={300}>
-            <GanttNavToday />
-            <GanttScaleSwitcher />
-            <div className="flex items-center">
-              <GanttNavPrev />
-              <GanttDatePicker />
-              <GanttNavNext />
-            </div>
-            <GanttTitle />
-            <div className="grow" />
-          </TooltipProvider>
+          <GanttNavToday />
+          <GanttScaleSwitcher />
+          <div className="flex items-center">
+            <GanttNavPrev />
+            <GanttDatePicker />
+            <GanttNavNext />
+          </div>
+          <GanttTitle />
+          <div className="grow" />
         </GanttNav>
         <GanttView />
       </Gantt>

package/src/components/story/views/view-list-section.tsx

@@ -18,6 +18,7 @@
 import { useState } from "react";
 import { Check, ChevronRight, ChevronDown, Plus, Pencil, Trash2 } from "lucide-react";
 import { ConfirmDialog } from "@/components/confirm-dialog";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
 import { cn } from "@/lib/utils";
 import { groupViewsByProject, type SavedView, type ViewProjectInfo } from "./view-types";
 import { ViewIcon } from "@/components/shared-kit/views/view-icon";
@@ -44,15 +45,22 @@ export function ViewListSection({ views, activeViewId, projects, onApplyView, on
           {collapsed ? <ChevronRight className="size-3" /> : <ChevronDown className="size-3" />}
           {m.story_view_title()}
         </button>
-        <button
-          type="button"
-          aria-label={m.story_view_create()}
-          title={m.story_view_create()}
-          onClick={onAddView}
-          className="ml-auto grid size-5 place-items-center rounded hover:bg-muted hover:text-foreground"
-        >
-          <Plus className="size-3.5" />
-        </button>
+        {/* Tooltip 替代被禁用的 HTML title 属性（审计 A7x 🟡） */}
+        <Tooltip>
+          <TooltipTrigger
+            render={
+              <button
+                type="button"
+                aria-label={m.story_view_create()}
+                onClick={onAddView}
+                className="ml-auto grid size-5 place-items-center rounded hover:bg-muted hover:text-foreground"
+              />
+            }
+          >
+            <Plus className="size-3.5" />
+          </TooltipTrigger>
+          <TooltipContent>{m.story_view_create()}</TooltipContent>
+        </Tooltip>
       </div>
 
       {!collapsed && (
@@ -128,36 +136,50 @@ function ViewRow({ view, active, onApply, onEdit, onDelete }: ViewRowProps) {
       </button>
       {!view.isBuiltIn && (
         <div className="flex shrink-0 items-center gap-0.5 opacity-0 group-hover:opacity-100">
-          <button
-            type="button"
-            aria-label={m.story_view_edit()}
-            title={m.story_view_edit()}
-            onClick={onEdit}
-            className="grid size-5 place-items-center rounded text-muted-foreground hover:bg-background hover:text-foreground"
-          >
-            <Pencil className="size-3" />
-          </button>
-          <ConfirmDialog
-            open={confirmOpen}
-            onOpenChange={setConfirmOpen}
-            trigger={
-              <button
-                type="button"
-                aria-label={m.story_view_delete()}
-                title={m.story_view_delete()}
-                className="grid size-5 place-items-center rounded text-muted-foreground hover:bg-background hover:text-destructive"
-              >
-                <Trash2 className="size-3" />
-              </button>
-            }
-            title={m.story_view_deleteTitle()}
-            description={m.story_view_deleteConfirmMsg({ name: view.name })}
-            cancelLabel={m.story_view_cancel()}
-            confirmLabel={m.story_view_deleteConfirm()}
-            onConfirm={() => { onDelete(); setConfirmOpen(false); }}
-          />
+          <Tooltip>
+            <TooltipTrigger
+              render={
+                <button
+                  type="button"
+                  aria-label={m.story_view_edit()}
+                  onClick={onEdit}
+                  className="grid size-5 place-items-center rounded text-muted-foreground hover:bg-background hover:text-foreground"
+                />
+              }
+            >
+              <Pencil className="size-3" />
+            </TooltipTrigger>
+            <TooltipContent>{m.story_view_edit()}</TooltipContent>
+          </Tooltip>
+          <Tooltip>
+            {/* 受控打开确认弹窗：按钮不再作为 ConfirmDialog trigger（无法嵌 Tooltip），审计 A7x 🟡 */}
+            <TooltipTrigger
+              render={
+                <button
+                  type="button"
+                  aria-label={m.story_view_delete()}
+                  onClick={() => setConfirmOpen(true)}
+                  className="grid size-5 place-items-center rounded text-muted-foreground hover:bg-background hover:text-destructive"
+                />
+              }
+            >
+              <Trash2 className="size-3" />
+            </TooltipTrigger>
+            <TooltipContent>{m.story_view_delete()}</TooltipContent>
+          </Tooltip>
         </div>
       )}
+      {!view.isBuiltIn && (
+        <ConfirmDialog
+          open={confirmOpen}
+          onOpenChange={setConfirmOpen}
+          title={m.story_view_deleteTitle()}
+          description={m.story_view_deleteConfirmMsg({ name: view.name })}
+          cancelLabel={m.story_view_cancel()}
+          confirmLabel={m.story_view_deleteConfirm()}
+          onConfirm={() => { onDelete(); setConfirmOpen(false); }}
+        />
+      )}
     </div>
   );
 }

package/src/components/testcase/__tests__/manual-move.test.ts

@@ -20,7 +20,7 @@
 // 用例自 story move.test.ts 同款移植。批量条按钮簇渲染与 reorderTestCasesFn
 // 调用链见 batch-toolbar.test.tsx / list-view.test.tsx 的任务 29 用例。
 import { describe, it, expect } from "vitest";
-import { computeMove, canMove } from "../views/move";
+import { computeMove, canMove } from "@/components/shared-kit/list-kit/move";
 
 describe("computeMove / canMove（manual 档组内移动）", () => {
   const sel = (ids: string[]) => new Set(ids);

package/src/components/testcase/__tests__/step-stream.test.tsx

@@ -240,6 +240,25 @@ describe("StepStream SSE 事件驱动追加行", () => {
     expect(screen.getByTestId("step-stream-empty")).toBeInTheDocument();
   });
 
+  it("切换 runCaseId 时清空上一用例的流事件（防执行证据串台，审计 A7x 🟠）", () => {
+    const { rerender } = render(<StepStream runId="r1" runCaseId="rc1" />);
+
+    act(() => MockEventSource.instances[0].emit("open"));
+    act(() =>
+      MockEventSource.instances[0].emit("message", {
+        type: "CUSTOM",
+        name: "test-run-step",
+        value: stepEvent(),
+      }),
+    );
+    expect(screen.getByTestId("stream-step-1")).toBeInTheDocument();
+
+    rerender(<StepStream runId="r1" runCaseId="rc2" />);
+
+    expect(screen.queryByTestId("stream-step-1")).not.toBeInTheDocument();
+    expect(screen.getByTestId("step-stream-empty")).toBeInTheDocument();
+  });
+
   it("非本通道 CUSTOM 事件（name 不符）忽略", () => {
     render(<StepStream runId="r1" runCaseId="rc1" />);
 
@@ -256,6 +275,17 @@ describe("StepStream SSE 事件驱动追加行", () => {
 });
 
 describe("StepStream 断线重连提示", () => {
+  it("初始建连显示「连接中」横幅（非断线误示）；onopen 后消除（审计 A7x ⚪）", () => {
+    render(<StepStream runId="r1" runCaseId="rc1" />);
+
+    expect(screen.getByTestId("step-stream-connecting")).toBeInTheDocument();
+    expect(screen.getByTestId("step-stream")).toHaveAttribute("data-connected", "false");
+
+    act(() => MockEventSource.instances[0].emit("open"));
+    expect(screen.queryByTestId("step-stream-connecting")).not.toBeInTheDocument();
+    expect(screen.getByTestId("step-stream")).toHaveAttribute("data-connected", "true");
+  });
+
   it("onerror → 重连横幅出现；onopen → 横幅消除（EventSource 内建自动重连）", () => {
     render(<StepStream runId="r1" runCaseId="rc1" />);
 

package/src/components/testcase/list-view.tsx

@@ -55,7 +55,7 @@ import {
 import type { TestCaseSummary } from "@/server/serverFns/testcase/types";
 import type { UserBrief } from "@/components/story/types";
 import { GroupedList, groupKeyOf, type TestCaseGroupInfo } from "./list/grouped-list";
-import { computeMove, canMove } from "./views/move";
+import { computeMove, canMove } from "@/components/shared-kit/list-kit/move";
 import { TestCaseBoardView } from "./views/board-view";
 import type { ReorderEntry } from "@/components/shared-kit/list-kit/kanban/drop-commit";
 import { manualOrderSwitchPatch } from "@/components/shared-kit/list-kit/kanban/manual-order";

package/src/components/testcase/runs/run-matrix.tsx

@@ -56,17 +56,42 @@ const LEGEND_LABEL: Record<(typeof LEGEND_STATES)[number], () => string> = {
   retest: m.testcase_run_caseStatus_retest,
 };
 
-/** 单格状态推导：快照超界→none；stepResults 同 order 四值→五态；缺结果→retest/untested */
-function deriveCellState(row: RunCaseSummary, order: number): MatrixCellState {
+/** 行级预计算索引：快照步骤序号集合 + stepResults 的 order→status 映射
+ *  （审计 A7x ⚪：避免每格对 steps/stepResults 做线性扫描，整体 O(行×列×步骤) → O(行×(步骤+结果+列))） */
+interface RowCellIndex {
+  stepOrders: Set<number>;
+  statusByOrder: Map<number, RunCaseStepResult["status"] | undefined>;
+}
+
+function buildRowIndex(row: RunCaseSummary): RowCellIndex {
   const steps = row.caseSnapshot.steps?.steps;
-  if (!Array.isArray(steps) || !steps.some((step) => step?.order === order)) return "none";
+  const stepOrders = new Set<number>();
+  if (Array.isArray(steps)) {
+    for (const step of steps) {
+      if (typeof step?.order === "number") stepOrders.add(step.order);
+    }
+  }
+  const statusByOrder = new Map<number, RunCaseStepResult["status"] | undefined>();
   const results: RunCaseStepResult[] = Array.isArray(row.stepResults) ? row.stepResults : [];
-  const status = results.find((result) => result?.order === order)?.status;
+  for (const result of results) {
+    if (result && typeof result.order === "number") statusByOrder.set(result.order, result.status);
+  }
+  return { stepOrders, statusByOrder };
+}
+
+/** 单格状态推导：快照超界→none；stepResults 同 order 四值→五态；缺结果→retest/untested */
+function deriveCellState(
+  index: RowCellIndex,
+  order: number,
+  rowStatus: RunCaseSummary["status"],
+): MatrixCellState {
+  if (!index.stepOrders.has(order)) return "none";
+  const status = index.statusByOrder.get(order);
   if (status === "pass") return "passed";
   if (status === "fail") return "failed";
   if (status === "blocked") return "blocked";
   if (status === "skip") return "skipped";
-  return row.status === "retest" ? "retest" : "untested";
+  return rowStatus === "retest" ? "retest" : "untested";
 }
 
 export function RunMatrix({ cases }: { cases: RunCaseSummary[] }) {
@@ -116,7 +141,9 @@ export function RunMatrix({ cases }: { cases: RunCaseSummary[] }) {
               </tr>
             </thead>
             <tbody>
-              {cases.map((item) => (
+              {cases.map((item) => {
+                const rowIndex = buildRowIndex(item);
+                return (
                 <tr
                   key={item.id}
                   data-testid={`run-matrix-row-${item.id}`}
@@ -130,7 +157,7 @@ export function RunMatrix({ cases }: { cases: RunCaseSummary[] }) {
                   </td>
                   {Array.from({ length: columnCount }, (_, i) => {
                     const order = i + 1;
-                    const state = deriveCellState(item, order);
+                    const state = deriveCellState(rowIndex, order, item.status);
                     return (
                       <td key={order} className="px-1 py-1.5 text-center">
                         <span
@@ -142,7 +169,8 @@ export function RunMatrix({ cases }: { cases: RunCaseSummary[] }) {
                     );
                   })}
                 </tr>
-              ))}
+                );
+              })}
             </tbody>
           </table>
         </div>

package/src/components/testcase/runs/step-stream.tsx

@@ -71,19 +71,26 @@ interface StepStreamProps {
 
 export function StepStream({ runId, runCaseId }: StepStreamProps) {
   const [events, setEvents] = useState<TestRunStepEvent[]>([]);
-  const [connected, setConnected] = useState(false);
+  // connecting = 初始建连（非断线）；connected = onopen；reconnecting = onerror
+  // （EventSource 内建自动重连，无需手动重开）
+  const [status, setStatus] = useState<"connecting" | "connected" | "reconnecting">("connecting");
 
   useEffect(() => {
+    // 切换 run/runCase 时清空上一用例的流事件，避免执行证据串台
+    setEvents([]);
     const es = new EventSource(`/api/test-runs/${runId}/events`);
 
-    const handleMessage = (event: MessageEvent) => {
-      const value = parseStepStreamEvent(event.data);
+    const handleMessage = (event: Event) => {
+      if (!(event instanceof MessageEvent)) return;
+      const value = parseStepStreamEvent(
+        typeof event.data === "string" ? event.data : "",
+      );
       if (!value || value.runCaseId !== runCaseId) return;
       setEvents((prev) => [...prev, value]);
     };
-    es.addEventListener("message", handleMessage as EventListener);
-    es.onopen = () => setConnected(true);
-    es.onerror = () => setConnected(false);
+    es.addEventListener("message", handleMessage);
+    es.onopen = () => setStatus("connected");
+    es.onerror = () => setStatus("reconnecting");
 
     return () => {
       es.close();
@@ -94,7 +101,7 @@ export function StepStream({ runId, runCaseId }: StepStreamProps) {
     <div
       className="flex flex-col gap-2 rounded-lg border border-primary/30 bg-primary/5 p-3"
       data-testid="step-stream"
-      data-connected={connected ? "true" : "false"}
+      data-connected={status === "connected" ? "true" : "false"}
     >
       <div
         className="flex items-center gap-1.5 text-xs font-medium text-muted-foreground"
@@ -103,7 +110,16 @@ export function StepStream({ runId, runCaseId }: StepStreamProps) {
         {m.testcase_stream_title()}
       </div>
 
-      {!connected ? (
+      {status === "connecting" ? (
+        <div
+          className="rounded-md bg-muted px-2.5 py-1.5 text-xs text-muted-foreground"
+          data-testid="step-stream-connecting"
+        >
+          {m.testcase_stream_connecting()}
+        </div>
+      ) : null}
+
+      {status === "reconnecting" ? (
         <div
           className="rounded-md bg-amber-500/10 px-2.5 py-1.5 text-xs text-amber-700 dark:text-amber-400"
           data-testid="step-stream-reconnecting"

package/src/components/testcase/testcase-toolbar.tsx

@@ -200,8 +200,12 @@ export function TestCaseToolbar({
       .then((rows) => {
         if (!cancelled) setGenProjects(rows);
       })
-      .catch(() => {
-        if (!cancelled) setGenProjects([]);
+      .catch((e) => {
+        // 加载失败不再静默吞掉（审计 A7x 🟡）：关弹窗 + 复位花名册，下次打开重试
+        if (cancelled) return;
+        setGenProjects(null);
+        setGenOpen(false);
+        toastError(e, m.testcase_toolbar_projectsLoadFailed());
       });
     return () => {
       cancelled = true;

package/src/components/testcase/views/board-view.tsx

@@ -217,6 +217,22 @@ interface BoardCaseCardProps {
   onCaseGroupChanged?: () => void;
 }
 
+/**
+ * 卡片可见属性推导（审计 A7x 🔵：BoardCaseCard 与 BoardCaseCardGhost 的单一来源）：
+ * 显示选项门控 + 分组维度字段自动隐藏（列头已表达该维度）。
+ */
+function computeVisibleProperties(
+  properties: TestCaseDisplayProperty[],
+  groupBy: BoardGroupDimension,
+) {
+  return {
+    showType: properties.includes("type") && groupBy !== "type",
+    showPriority: properties.includes("priority") && groupBy !== "priority",
+    showState: properties.includes("state") && groupBy !== "state",
+    showAssignee: properties.includes("assignee") && groupBy !== "assignee",
+  };
+}
+
 export const BoardCaseCard = memo(function BoardCaseCard({
   caseItem,
   properties,
@@ -288,10 +304,10 @@ export const BoardCaseCard = memo(function BoardCaseCard({
   );
 
   // 分组维度字段自动隐藏：列头已表达该维度，卡内重复编辑器徒增噪点
-  const showType = properties.includes("type") && groupBy !== "type";
-  const showPriority = properties.includes("priority") && groupBy !== "priority";
-  const showState = properties.includes("state") && groupBy !== "state";
-  const showAssignee = properties.includes("assignee") && groupBy !== "assignee";
+  const { showType, showPriority, showState, showAssignee } = computeVisibleProperties(
+    properties,
+    groupBy,
+  );
 
   return (
     <Card data-testid="testcase-board-card" className="w-full gap-0 py-3">
@@ -340,10 +356,10 @@ const BoardCaseCardGhost = memo(function BoardCaseCardGhost({
   properties: TestCaseDisplayProperty[];
   groupBy: BoardGroupDimension;
 }) {
-  const showType = properties.includes("type") && groupBy !== "type";
-  const showPriority = properties.includes("priority") && groupBy !== "priority";
-  const showState = properties.includes("state") && groupBy !== "state";
-  const showAssignee = properties.includes("assignee") && groupBy !== "assignee";
+  const { showType, showPriority, showState, showAssignee } = computeVisibleProperties(
+    properties,
+    groupBy,
+  );
   const TypeIcon = TEST_CASE_TYPE_META[caseItem.type]?.icon;
   const PriorityIcon = TEST_CASE_PRIORITY_META[caseItem.priority]?.icon;
   const StateIcon = TEST_CASE_STATE_META[caseItem.state]?.icon;
@@ -502,7 +518,7 @@ export function TestCaseBoardView(props: TestCaseBoardViewProps) {
 
   const updateCase = useCallback(
     (input: { id: string; expectedVersion?: number } & TestCaseUpdatePatch) =>
-      updateTestCaseFn({ data: input }) as Promise<TestCaseSummary>,
+      updateTestCaseFn({ data: input }),
     [],
   );
 

package/src/components/testcase/views/create-view-dialog.tsx

@@ -33,6 +33,7 @@ import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Textarea } from "@/components/ui/textarea";
 import { LucideIconPicker } from "@/components/shared-kit/icons/lucide-icon-picker";
+import { errorMessage } from "@/lib/toast-error";
 import { m } from "@/paraglide/messages.js";
 
 export interface CreateViewDialogPayload {
@@ -91,7 +92,8 @@ export function CreateViewDialog({ open, onOpenChange, mode, initialValues, filt
       });
       onOpenChange(false);
     } catch (e) {
-      setError(e instanceof Error ? e.message : m.testcase_view_saveFailed());
+      // errorMessage 统一收口：Error 且 message 非空才透出，空/非 Error 落本地化兜底
+      setError(errorMessage(e, m.testcase_view_saveFailed()));
     } finally {
       setSubmitting(false);
     }

package/src/components/testcase/views/view-selector-button.tsx

@@ -26,6 +26,7 @@ import { Button } from "@/components/ui/button";
 import { ConfirmDialog } from "@/components/confirm-dialog";
 import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
 import { Separator } from "@/components/ui/separator";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
 import { cn } from "@/lib/utils";
 import { ViewIcon } from "@/components/shared-kit/views/view-icon";
 import type { TestCaseSavedView } from "./view-types";
@@ -112,34 +113,47 @@ function ViewRow({ view, active, onApply, onEdit, onDelete }: ViewRowProps) {
       </button>
       {!view.isBuiltIn && (
         <div className="flex shrink-0 items-center gap-0.5 opacity-0 group-hover:opacity-100">
-          <button
-            type="button"
-            aria-label={m.testcase_view_edit()}
-            title={m.testcase_view_edit()}
-            onClick={onEdit}
-            className="grid size-5 place-items-center rounded text-muted-foreground hover:bg-background hover:text-foreground"
-          >
-            <Pencil className="size-3" />
-          </button>
+          {/* Tooltip 替代被禁用的 HTML title 属性（aria-label 保留） */}
+          <Tooltip>
+            <TooltipTrigger
+              render={
+                <button
+                  type="button"
+                  aria-label={m.testcase_view_edit()}
+                  onClick={onEdit}
+                  className="grid size-5 place-items-center rounded text-muted-foreground hover:bg-background hover:text-foreground"
+                >
+                  <Pencil className="size-3" />
+                </button>
+              }
+            />
+            <TooltipContent side="bottom">{m.testcase_view_edit()}</TooltipContent>
+          </Tooltip>
           <ConfirmDialog
             open={confirmOpen}
             onOpenChange={setConfirmOpen}
-            trigger={
-              <button
-                type="button"
-                aria-label={m.testcase_view_delete()}
-                title={m.testcase_view_delete()}
-                className="grid size-5 place-items-center rounded text-muted-foreground hover:bg-background hover:text-destructive"
-              >
-                <Trash2 className="size-3" />
-              </button>
-            }
             title={m.testcase_view_deleteTitle()}
             description={m.testcase_view_deleteConfirmMsg({ name: view.name })}
             cancelLabel={m.testcase_view_cancel()}
             confirmLabel={m.testcase_view_deleteConfirm()}
             onConfirm={() => { onDelete(); setConfirmOpen(false); }}
           />
+          {/* Tooltip 替代被禁用的 HTML title 属性（aria-label 保留）；受控打开确认弹窗 */}
+          <Tooltip>
+            <TooltipTrigger
+              render={
+                <button
+                  type="button"
+                  aria-label={m.testcase_view_delete()}
+                  onClick={() => setConfirmOpen(true)}
+                  className="grid size-5 place-items-center rounded text-muted-foreground hover:bg-background hover:text-destructive"
+                >
+                  <Trash2 className="size-3" />
+                </button>
+              }
+            />
+            <TooltipContent side="bottom">{m.testcase_view_delete()}</TooltipContent>
+          </Tooltip>
         </div>
       )}
     </div>