@allbluecn/web-app 0.19.2 → 0.19.4

package/src/components/bug/settings/collect-page-manager.tsx

@@ -145,13 +145,15 @@ export function CollectPageManager({ projectId }: CollectPageManagerProps) {
     }
   };
 
+  // 返回 boolean 供弹窗决定是否关闭：保存失败保持弹窗开启（toast 一闪而过
+  // 易被当成已保存，实际配置未落库）
   const handleSaveConfig = async (patch: {
     title?: string;
     description?: string;
     severityVisible?: boolean;
     screenshotEnabled?: boolean;
-  }) => {
-    if (!configTarget) return;
+  }): Promise<boolean> => {
+    if (!configTarget) return false;
     setConfigSaving(true);
     try {
       const saved = await updateCollectConfigFn({
@@ -162,8 +164,10 @@ export function CollectPageManager({ projectId }: CollectPageManagerProps) {
       );
       setConfigTarget((prev) => (prev ? { ...prev, config: saved.config } : prev));
       toast.success(m.bug_settings_collect_configSaved());
+      return true;
     } catch (err) {
       toastError(err, m.bug_settings_collect_configSaveFailed());
+      return false;
     } finally {
       setConfigSaving(false);
     }
@@ -373,7 +377,7 @@ function ConfigEditDialog({
     description?: string;
     severityVisible?: boolean;
     screenshotEnabled?: boolean;
-  }) => Promise<void>;
+  }) => Promise<boolean>;
   onClose: () => void;
 }) {
   const [title, setTitle] = useState("");
@@ -392,13 +396,14 @@ function ConfigEditDialog({
   }, [target]);
 
   const handleSave = async () => {
-    await onSave({
+    const ok = await onSave({
       title: title.trim(),
       description: description.trim(),
       severityVisible,
       screenshotEnabled,
     });
-    onClose();
+    // 保存失败保持弹窗开启（用户可修改后重试，输入不丢失）
+    if (ok) onClose();
   };
 
   return (

package/src/components/bug/settings/webhook-manager.tsx

@@ -119,6 +119,17 @@ export function WebhookManager({ projectId }: WebhookManagerProps) {
       toast.error(m.bug_settings_webhook_urlRequired());
       return;
     }
+    // 客户端轻校验提前反馈（服务端另有 z.url() + assertFetchableUrl 收敛，
+    // 此处避免错配 URL 静默入库、投递期才暴露）
+    try {
+      const parsed = new URL(url.trim());
+      if (parsed.protocol !== "https:" && parsed.protocol !== "http:") {
+        throw new Error(parsed.protocol);
+      }
+    } catch {
+      toast.error(m.bug_settings_webhook_urlInvalid());
+      return;
+    }
     if (selectedEvents.size === 0) {
       toast.error(m.bug_settings_webhook_eventsRequired());
       return;

package/src/components/bug/story-bugs-panel.tsx

@@ -48,6 +48,11 @@ import {
 import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
 import { listBugsByStoryFn, bulkUnlinkBugsFromStoryFn } from "@/server/serverFns/bug/bug-story-bulk";
 import { bulkArchiveBugsFn, bulkDeleteBugsFn, bulkUpdateBugsFn } from "@/server/serverFns/bug/bug-crud";
+import {
+  computeGroupCheckState,
+  toggleGroupSelection,
+  type GroupCheckState,
+} from "@/components/bug/views/bug-list/group-select";
 import { BUG_STATES, BUG_SEVERITIES, BUG_STATE_RANK, type BugState, type BugSeverity } from "@/shared/bug/constants";
 import { UserAvatar } from "@/components/shared-kit";
 import type { UserBrief, StoryEntityOverlay } from "@/components/story/types";
@@ -97,6 +102,8 @@ function sortBugs(list: BugRow[], orderBy: StoryBugsOrderBy, dir: OrderDir): Bug
   return [...list].sort((a, b) => {
     let d = 0;
     if (orderBy === "lastOccur") d = a.lastOccurAt.localeCompare(b.lastOccurAt);
+    // 历史值 "created" 实际按 updatedAt 排序（listBugsByStoryFn 未返回 createdAt），
+    // 选项文案如实标注「更新时间」（bug_storyPanel_order_updated）；值名保留兼容已持久化筛选
     else if (orderBy === "created") d = a.updatedAt.localeCompare(b.updatedAt);
     else if (orderBy === "severity")
       d = (STORY_BUGS_SEVERITY_RANK[a.severity] ?? 99) - (STORY_BUGS_SEVERITY_RANK[b.severity] ?? 99);
@@ -169,6 +176,116 @@ function groupLabelOf(groupBy: StoryBugsGroupBy, key: string): string {
   }
 }
 
+/** 关联 BUG 单行（子分组与普通行两分支共用单一实现——此前两段近重复 JSX 已发生
+ *  真实漏改：子分组分支缺行尾「移出关联」菜单、Enter 键不走出 peek 叠加打开）。
+ *  行点击进详情（peek 叠加打开优先），复选进多选，行尾菜单单行移出。 */
+function StoryBugRow({
+  bug,
+  isSelected,
+  onToggle,
+  onOpen,
+  onUnlink,
+}: {
+  bug: BugRow;
+  isSelected: boolean;
+  onToggle: () => void;
+  /** peek 内叠加打开（传入时行点击/Enter 在 peek 内打开，缺省整页跳转） */
+  onOpen?: (entity: StoryEntityOverlay) => void;
+  onUnlink: (bugId: string) => void;
+}) {
+  const navigate = useNavigate();
+  const stateMeta = BUG_STATES.find((s) => s.value === bug.state);
+  const severityMeta = BUG_SEVERITIES.find((s) => s.value === bug.severity);
+  const open = () => {
+    if (onOpen) {
+      onOpen({ kind: "bug", id: bug.id });
+      return;
+    }
+    void navigate({ to: "/bugs/$bugId", params: { bugId: bug.id } });
+  };
+  return (
+    <div
+      data-testid="bug-ref-row"
+      role="button"
+      tabIndex={0}
+      onClick={open}
+      onKeyDown={(e) => {
+        if (e.key === "Enter") {
+          e.preventDefault();
+          open();
+        }
+      }}
+      className={cn(
+        "group/row flex w-full cursor-pointer items-center gap-2.5 border-b border-border/40 px-2 py-2 text-left text-sm transition-colors last:border-b-0",
+        isSelected ? "bg-muted/20" : "bg-card hover:bg-accent/40",
+      )}
+    >
+      {/* 行复选常驻（对齐测试用例面板 CaseRow：点行进详情，复选进多选） */}
+      <Checkbox
+        checked={isSelected}
+        onCheckedChange={onToggle}
+        onClick={(e) => e.stopPropagation()}
+        aria-label={bug.identifier}
+        className="shrink-0"
+      />
+      <span
+        className={cn(
+          "inline-flex shrink-0 items-center rounded-sm px-1.5 py-0.5 text-[10px] font-medium",
+          stateMeta?.colorToken ?? "bg-muted text-muted-foreground",
+        )}
+      >
+        {stateMeta?.label() ?? bug.state}
+      </span>
+      <span
+        className={cn(
+          "inline-flex shrink-0 items-center rounded-sm px-1.5 py-0.5 text-[10px] font-medium",
+          severityMeta?.colorToken ?? "bg-muted text-muted-foreground",
+        )}
+      >
+        {severityMeta?.label() ?? bug.severity}
+      </span>
+      <span className="shrink-0 font-mono text-xs text-muted-foreground">{bug.identifier}</span>
+      <span className="min-w-0 flex-1 truncate">{bug.title}</span>
+      {bug.assignee && (
+        <UserAvatar
+          name={bug.assignee.username}
+          avatarConfig={(bug.assignee.avatarConfig as AvatarConfig | null) ?? null}
+          bgShape="circle"
+          bgColor={bug.assignee.bgColor}
+          size="xs"
+          className="shrink-0"
+        />
+      )}
+      <DropdownMenu>
+        <DropdownMenuTrigger
+          render={
+            <Button
+              variant="ghost"
+              size="sm"
+              className="size-7 shrink-0 p-0 opacity-0 group-hover/row:opacity-100"
+              aria-label={m.bug_storyPanel_more()}
+              onClick={(e) => e.stopPropagation()}
+            />
+          }
+        >
+          <MoreHorizontal className="size-3.5" />
+        </DropdownMenuTrigger>
+        <DropdownMenuContent align="end" className="w-36">
+          <DropdownMenuItem
+            onClick={(e) => {
+              e.stopPropagation();
+              onUnlink(bug.id);
+            }}
+          >
+            <X className="mr-2 size-4" />
+            {m.bug_storyPanel_unlinkOne()}
+          </DropdownMenuItem>
+        </DropdownMenuContent>
+      </DropdownMenu>
+    </div>
+  );
+}
+
 export function StoryBugsPanel({
   storyId,
   projectId,
@@ -187,7 +304,6 @@ export function StoryBugsPanel({
   onOpenEntity?: (entity: StoryEntityOverlay) => void;
 }) {
   const [panelOpen, setPanelOpen] = useStoryPanelOpen(storyId, "bugs");
-  const navigate = useNavigate();
   const [bugs, setBugs] = React.useState<BugRow[] | null>(null);
   const [selectedIds, setSelectedIds] = React.useState<Set<string>>(() => new Set());
   const [busy, setBusy] = React.useState(false);
@@ -200,12 +316,15 @@ export function StoryBugsPanel({
   const [collapsed, setCollapsed] = useStoryPanelGroupCollapsed(storyId, "bugs");
   const [linkDialogOpen, setLinkDialogOpen] = React.useState(false);
   const [localRefresh, setLocalRefresh] = React.useState(0);
+  // 重试全部失败置 true：面板保持渲染并展示错误 + 重试入口，而非静默清空成「无关联」
+  const [loadError, setLoadError] = React.useState(false);
 
   const refresh = React.useCallback(() => {
     if (!projectId) return;
     let cancelled = false;
     // 打开 peek 会突发大量 RPC（各面板/行内编辑器并发拉取），dev SSR 可能丢请求
     // （Failed to fetch）——失败自动重试（指数退避），全部失败才放弃
+    setLoadError(false);
     (async () => {
       for (let attempt = 0; attempt < 3; attempt++) {
         try {
@@ -227,7 +346,10 @@ export function StoryBugsPanel({
           }
         }
       }
-      if (!cancelled) setBugs([]);
+      if (!cancelled) {
+        setBugs([]);
+        setLoadError(true);
+      }
     })();
     return () => {
       cancelled = true;
@@ -310,17 +432,10 @@ export function StoryBugsPanel({
     });
   };
 
+  // 组勾选工具直接消费 bug-list/group-select 单一实现（此前本地同构副本已发生
+  // 一次漂移风险，见审计 🔵）
   const toggleGroup = (ids: string[]) => {
-    setSelectedIds((prev) => {
-      const next = new Set(prev);
-      const allChosen = ids.length > 0 && ids.every((id) => next.has(id));
-      if (allChosen) {
-        for (const id of ids) next.delete(id);
-      } else {
-        for (const id of ids) next.add(id);
-      }
-      return next;
-    });
+    setSelectedIds((prev) => toggleGroupSelection(ids, prev));
   };
 
   const toggleAll = () => {
@@ -331,13 +446,8 @@ export function StoryBugsPanel({
     });
   };
 
-  const computeGroupCheckState = (ids: string[]): boolean | "indeterminate" => {
-    if (ids.length === 0) return false;
-    let count = 0;
-    for (const id of ids) if (selectedIds.has(id)) count++;
-    if (count === ids.length) return true;
-    return count > 0 ? "indeterminate" : false;
-  };
+  const groupCheckStateOf = (ids: string[]): GroupCheckState =>
+    computeGroupCheckState(ids, selectedIds);
 
   const clearSelection = () => setSelectedIds(new Set());
 
@@ -382,7 +492,7 @@ export function StoryBugsPanel({
     setBusy(true);
     try {
       await bulkUpdateBugsFn({ data: { bugIds: ids, patch: { severity } } });
-      toast.success(m.bug_storyPanel_stateUpdated({ count: ids.length }));
+      toast.success(m.bug_storyPanel_severityUpdated({ count: ids.length }));
       setLocalRefresh((k) => k + 1);
     } catch (e) {
       toastError(e, m.bug_storyPanel_updateFailed());
@@ -437,9 +547,13 @@ export function StoryBugsPanel({
   const { scrollRef, scrollbarW, frozenGroupKey, frozenSubGroupKey, registerHeader, onScroll } =
     usePanelFrozenGroups();
 
-  if (!projectId || !bugs || bugs.length === 0) return null;
+  // 零关联且未出错 → 面板不渲染（首个关联走需求详情工具栏的分类入口，本面板不可
+  // 达无碍）；loadError 时保持渲染（头部 + 错误行 + 重试），与真实空态可区分
+  if (!projectId) return null;
+  if (!loadError && (!bugs || bugs.length === 0)) return null;
 
   const showSelect = selectedIds.size > 0;
+  const bugCount = bugs?.length ?? 0;
 
   const frozenGroup =
     frozenGroupKey != null ? groups.find((g) => g.key === frozenGroupKey) : undefined;
@@ -452,7 +566,7 @@ export function StoryBugsPanel({
   const renderGroupHeaderEl = (
     g: (typeof groups)[number],
     isCollapsed: boolean,
-    checkState: boolean | "indeterminate",
+    checkState: GroupCheckState,
     onToggleSelect: () => void,
   ) => {
     const stateMeta =
@@ -518,7 +632,7 @@ export function StoryBugsPanel({
     group: (typeof groups)[number],
     sg: { key: string; label: string; items: BugRow[] },
     isCollapsed: boolean,
-    checkState: boolean | "indeterminate",
+    checkState: GroupCheckState,
     onToggleSelect: () => void,
   ) => {
     const sgStateMeta = filters.subGroupBy === "state" ? BUG_STATES.find((x) => x.value === sg.key) : null;
@@ -589,7 +703,7 @@ export function StoryBugsPanel({
           <div className="flex items-center gap-1.5">
             <span>{m.bug_storyPanel_title()}</span>
             <span className="inline-flex min-w-[18px] items-center justify-center rounded-full bg-primary px-1 text-[10px] font-medium text-primary-foreground">
-              {bugs.length}
+              {bugCount}
             </span>
             {/* Base UI Trigger 暴露 data-panel-open（非 Radix 的 data-state），折叠时 -rotate-90 转向右 */}
             <ChevronDown className="size-3 text-muted-foreground transition-transform -rotate-90 group-data-[panel-open]:rotate-0" />
@@ -620,10 +734,21 @@ export function StoryBugsPanel({
           <div className="relative flex max-h-[60vh] flex-col overflow-clip rounded-lg border">
             <div ref={scrollRef} className="relative min-h-0 flex-1 overflow-auto" onScroll={onScroll}>
               <div className="min-w-[44rem]">
+            {loadError && (
+              <div
+                className="flex flex-col items-center gap-2 px-3 py-8 text-sm text-muted-foreground"
+                data-testid="story-bugs-load-error"
+              >
+                <span>{m.bug_storyPanel_loadFailed()}</span>
+                <Button variant="outline" size="sm" onClick={() => setLocalRefresh((k) => k + 1)}>
+                  {m.common_button_retry()}
+                </Button>
+              </div>
+            )}
             {groups.map((group) => {
               const isCollapsed = collapsed[group.key] ?? false;
               const groupIds = (group.subGroups ? group.subGroups.flatMap((sg) => sg.items) : group.items).map((b) => b.id);
-              const checkState = computeGroupCheckState(groupIds);
+              const checkState = groupCheckStateOf(groupIds);
               return (
                 <React.Fragment key={group.key || "all"}>
                   {group.key !== "" && (
@@ -643,7 +768,7 @@ export function StoryBugsPanel({
                       ? group.subGroups.map((sg) => {
                           const sgCollapsed = collapsed[`${group.key}/${sg.key}`] ?? false;
                           const sgIds = sg.items.map((b) => b.id);
-                          const sgCheck = computeGroupCheckState(sgIds);
+                          const sgCheck = groupCheckStateOf(sgIds);
                           return (
                             <React.Fragment key={`${group.key}/${sg.key}`}>
                               <div
@@ -655,172 +780,29 @@ export function StoryBugsPanel({
                                   {renderSubHeaderEl(group, sg, sgCollapsed, sgCheck, () => toggleGroup(sgIds))}
                                 </div>
                               </div>
-                              {!sgCollapsed && sg.items.map((bug) => {
-                                const stateMeta = BUG_STATES.find((s) => s.value === bug.state);
-                                const severityMeta = BUG_SEVERITIES.find((s) => s.value === bug.severity);
-                                const isSelected = selectedIds.has(bug.id);
-                                return (
-                      <div
-                        key={bug.id}
-                        data-testid="bug-ref-row"
-                        role="button"
-                        tabIndex={0}
-                        onClick={() => {
-                            if (onOpenEntity) {
-                              onOpenEntity({ kind: "bug", id: bug.id });
-                              return;
-                            }
-                            navigate({ to: "/bugs/$bugId", params: { bugId: bug.id } });
-                          }}
-                        onKeyDown={(e) => {
-                          if (e.key === "Enter") {
-                            e.preventDefault();
-                            navigate({ to: "/bugs/$bugId", params: { bugId: bug.id } });
-                          }
-                        }}
-                        className={cn(
-                          "group/row flex w-full cursor-pointer items-center gap-2.5 border-b border-border/40 px-2 py-2 text-left text-sm transition-colors",
-                          isSelected ? "bg-muted/20" : "bg-card hover:bg-accent/40",
-                        )}
-                      >
-                                  <Checkbox
-                                    checked={isSelected}
-                                    onCheckedChange={() => toggleBug(bug.id)}
-                                    onClick={(e) => e.stopPropagation()}
-                                    aria-label={bug.identifier}
-                                    className="shrink-0"
-                                  />
-                                  <span
-                                    className={cn(
-                                      "inline-flex shrink-0 items-center rounded-sm px-1.5 py-0.5 text-[10px] font-medium",
-                                      stateMeta?.colorToken ?? "bg-muted text-muted-foreground",
-                                    )}
-                                  >
-                                    {stateMeta?.label() ?? bug.state}
-                                  </span>
-                                  <span
-                                    className={cn(
-                                      "inline-flex shrink-0 items-center rounded-sm px-1.5 py-0.5 text-[10px] font-medium",
-                                      severityMeta?.colorToken ?? "bg-muted text-muted-foreground",
-                                    )}
-                                  >
-                                    {severityMeta?.label() ?? bug.severity}
-                                  </span>
-                                  <span className="shrink-0 font-mono text-xs text-muted-foreground">{bug.identifier}</span>
-                                  <span className="min-w-0 flex-1 truncate">{bug.title}</span>
-                                  {bug.assignee && (
-                                    <UserAvatar
-                                      name={bug.assignee.username}
-                                      avatarConfig={(bug.assignee.avatarConfig as AvatarConfig | null) ?? null}
-                                      bgShape="circle"
-                                      bgColor={bug.assignee.bgColor}
-                                      size="xs"
-                                      className="shrink-0"
-                                    />
-                                  )}
-                                </div>
-                              );
-                            })}
+                              {!sgCollapsed && sg.items.map((bug) => (
+                                <StoryBugRow
+                                  key={bug.id}
+                                  bug={bug}
+                                  isSelected={selectedIds.has(bug.id)}
+                                  onToggle={() => toggleBug(bug.id)}
+                                  onOpen={onOpenEntity}
+                                  onUnlink={(id) => void handleUnlinkOne(id)}
+                                />
+                              ))}
                             </React.Fragment>
                           );
                         })
-                      : group.items.map((bug) => {
-                      const stateMeta = BUG_STATES.find((s) => s.value === bug.state);
-                      const severityMeta = BUG_SEVERITIES.find((s) => s.value === bug.severity);
-                      const isSelected = selectedIds.has(bug.id);
-                      return (
-                        <div
+                      : group.items.map((bug) => (
+                        <StoryBugRow
                           key={bug.id}
-                          role="button"
-                          tabIndex={0}
-                          onClick={() => {
-                            if (onOpenEntity) {
-                              onOpenEntity({ kind: "bug", id: bug.id });
-                              return;
-                            }
-                            navigate({ to: "/bugs/$bugId", params: { bugId: bug.id } });
-                          }}
-                          onKeyDown={(e) => {
-                            if (e.key === "Enter") {
-                              e.preventDefault();
-                              if (onOpenEntity) {
-                                onOpenEntity({ kind: "bug", id: bug.id });
-                                return;
-                              }
-                              navigate({ to: "/bugs/$bugId", params: { bugId: bug.id } });
-                            }
-                          }}
-                          className={cn(
-                            "group/row flex w-full cursor-pointer items-center gap-2.5 border-b border-border/40 px-2 py-2 text-left text-sm transition-colors last:border-b-0",
-                            isSelected ? "bg-muted/20" : "bg-card hover:bg-accent/40",
-                          )}
-                          data-testid="bug-ref-row"
-                        >
-                          {/* 行复选常驻（对齐测试用例面板 CaseRow：点行进详情，复选进多选） */}
-                          <Checkbox
-                            checked={isSelected}
-                            onCheckedChange={() => toggleBug(bug.id)}
-                            onClick={(e) => e.stopPropagation()}
-                            aria-label={bug.identifier}
-                            className="shrink-0"
-                          />
-                          <span
-                            className={cn(
-                              "inline-flex shrink-0 items-center rounded-sm px-1.5 py-0.5 text-[10px] font-medium",
-                              stateMeta?.colorToken ?? "bg-muted text-muted-foreground",
-                            )}
-                          >
-                            {stateMeta?.label() ?? bug.state}
-                          </span>
-                          <span
-                            className={cn(
-                              "inline-flex shrink-0 items-center rounded-sm px-1.5 py-0.5 text-[10px] font-medium",
-                              severityMeta?.colorToken ?? "bg-muted text-muted-foreground",
-                            )}
-                          >
-                            {severityMeta?.label() ?? bug.severity}
-                          </span>
-                          <span className="shrink-0 font-mono text-xs text-muted-foreground">{bug.identifier}</span>
-                          <span className="min-w-0 flex-1 truncate">{bug.title}</span>
-                          {bug.assignee && (
-                            <UserAvatar
-                              name={bug.assignee.username}
-                              avatarConfig={(bug.assignee.avatarConfig as AvatarConfig | null) ?? null}
-                              bgShape="circle"
-                              bgColor={bug.assignee.bgColor}
-                              size="xs"
-                              className="shrink-0"
-                            />
-                          )}
-                          <DropdownMenu>
-                            <DropdownMenuTrigger
-                              render={
-                                <Button
-                                  variant="ghost"
-                                  size="sm"
-                                  className="size-7 shrink-0 p-0 opacity-0 group-hover/row:opacity-100"
-                                  aria-label={m.bug_storyPanel_more()}
-                                  onClick={(e) => e.stopPropagation()}
-                                />
-                              }
-                            >
-                              <MoreHorizontal className="size-3.5" />
-                            </DropdownMenuTrigger>
-                            <DropdownMenuContent align="end" className="w-36">
-                              <DropdownMenuItem
-                                onClick={(e) => {
-                                  e.stopPropagation();
-                                  void handleUnlinkOne(bug.id);
-                                }}
-                              >
-                                <X className="mr-2 size-4" />
-                                {m.bug_storyPanel_unlinkOne()}
-                              </DropdownMenuItem>
-                            </DropdownMenuContent>
-                          </DropdownMenu>
-                        </div>
-                      );
-                    }))}
+                          bug={bug}
+                          isSelected={selectedIds.has(bug.id)}
+                          onToggle={() => toggleBug(bug.id)}
+                          onOpen={onOpenEntity}
+                          onUnlink={(id) => void handleUnlinkOne(id)}
+                        />
+                      )))}
                 </React.Fragment>
               );
             })}
@@ -834,8 +816,8 @@ export function StoryBugsPanel({
               >
                 <div className="flex shrink-0 items-center gap-2">
                   <Checkbox
-                    checked={bugs.length > 0 && selectedIds.size === bugs.length}
-                    indeterminate={selectedIds.size > 0 && selectedIds.size < bugs.length}
+                    checked={bugCount > 0 && selectedIds.size === bugCount}
+                    indeterminate={selectedIds.size > 0 && selectedIds.size < bugCount}
                     onCheckedChange={toggleAll}
                     aria-label={m.bug_storyDialog_selectAll()}
                     className="-ml-1"
@@ -899,7 +881,7 @@ export function StoryBugsPanel({
                 {renderGroupHeaderEl(
                   frozenGroup,
                   collapsed[frozenGroup.key] ?? false,
-                  computeGroupCheckState(
+                  groupCheckStateOf(
                     (frozenGroup.subGroups ? frozenGroup.subGroups.flatMap((sg) => sg.items) : frozenGroup.items).map((b) => b.id),
                   ),
                   () => toggleGroup(
@@ -914,7 +896,7 @@ export function StoryBugsPanel({
                   frozenGroup,
                   frozenSubGroup,
                   collapsed[frozenSubGroupKey ?? ""] ?? false,
-                  computeGroupCheckState(frozenSubGroup.items.map((b) => b.id)),
+                  groupCheckStateOf(frozenSubGroup.items.map((b) => b.id)),
                   () => toggleGroup(frozenSubGroup.items.map((b) => b.id)),
                 )}
               </div>
@@ -936,43 +918,19 @@ export function StoryBugsPanel({
 }
 
 
-/** 筛选 POP（照子需求 DisplayOptionsBody：分组/子分组/排序三区，radio 圆点行）。
- * open 状态内聚于此：开合只重渲染本组件，不重渲染面板长列表（卡顿根因）。 */
-function StoryBugsDisplayPopover({
-  filters,
-  onChange,
+/** radio 圆点行（模块作用域：组件定义在渲染函数体内会让列表项每次父渲染 remount） */
+function RadioRows({
+  value,
+  options,
+  disabled = false,
+  onSelect,
 }: {
-  filters: StoryBugsFilters;
-  onChange: (patch: Partial<StoryBugsFilters>) => void;
+  value: string;
+  options: { value: string; label: string }[];
+  disabled?: boolean;
+  onSelect: (v: string) => void;
 }) {
-  const [open, setOpen] = React.useState(false);
-  const groupOptions: { value: StoryBugsGroupBy; label: string }[] = [
-    { value: "none", label: m.bug_storyPanel_group_none() },
-    { value: "state", label: m.bug_storyPanel_group_state() },
-    { value: "severity", label: m.bug_storyPanel_group_severity() },
-    { value: "assignee", label: m.bug_storyPanel_group_assignee() },
-  ];
-  const subGroupOptions = groupOptions
-    .filter((o) => o.value !== filters.groupBy)
-    .map((o) => ({ value: o.value as StoryBugsSubGroupBy, label: o.label }));
-  const orderOptions: { value: StoryBugsOrderBy; label: string }[] = [
-    { value: "lastOccur", label: m.bug_storyPanel_order_lastOccur() },
-    { value: "created", label: m.bug_storyPanel_order_created() },
-    { value: "severity", label: m.bug_storyPanel_order_severity() },
-    { value: "state", label: m.bug_storyPanel_order_state() },
-  ];
-
-  const RadioRows = ({
-    value,
-    options,
-    disabled = false,
-    onSelect,
-  }: {
-    value: string;
-    options: { value: string; label: string }[];
-    disabled?: boolean;
-    onSelect: (v: string) => void;
-  }) => (
+  return (
     <div className="flex flex-col gap-0.5">
       {options.map((o) => {
         const selected = o.value === value;
@@ -1001,6 +959,35 @@ function StoryBugsDisplayPopover({
       })}
     </div>
   );
+}
+
+/** 筛选 POP（照子需求 DisplayOptionsBody：分组/子分组/排序三区，radio 圆点行）。
+ * open 状态内聚于此：开合只重渲染本组件，不重渲染面板长列表（卡顿根因）。 */
+function StoryBugsDisplayPopover({
+  filters,
+  onChange,
+}: {
+  filters: StoryBugsFilters;
+  onChange: (patch: Partial<StoryBugsFilters>) => void;
+}) {
+  const [open, setOpen] = React.useState(false);
+  const groupOptions: { value: StoryBugsGroupBy; label: string }[] = [
+    { value: "none", label: m.bug_storyPanel_group_none() },
+    { value: "state", label: m.bug_storyPanel_group_state() },
+    { value: "severity", label: m.bug_storyPanel_group_severity() },
+    { value: "assignee", label: m.bug_storyPanel_group_assignee() },
+  ];
+  const subGroupOptions = groupOptions
+    .filter((o) => o.value !== filters.groupBy)
+    .map((o) => ({ value: o.value as StoryBugsSubGroupBy, label: o.label }));
+  const orderOptions: { value: StoryBugsOrderBy; label: string }[] = [
+    { value: "lastOccur", label: m.bug_storyPanel_order_lastOccur() },
+    // 值 "created" 为历史遗留（已持久化在用户筛选里），实际按 updatedAt 排序，
+    // 文案如实标注「更新时间」（sortBugs 同注释）
+    { value: "created", label: m.bug_storyPanel_order_updated() },
+    { value: "severity", label: m.bug_storyPanel_order_severity() },
+    { value: "state", label: m.bug_storyPanel_order_state() },
+  ];
 
   return (
     <Popover open={open} onOpenChange={setOpen}>