@allbluecn/web-app 0.19.2 → 0.19.4

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

@@ -37,6 +37,7 @@ import {
 } from "./views/view-types";
 import { isStoryView, type StoryView } from "./views/view-switcher";
 import type { UserBrief, StoryListItem } from "./types";
+import type { DisplayOptions } from "./display/types";
 import { applyStoryPatchToItem, type StoryPatch } from "./display/group-fields";
 import { useDisplayOptions } from "./display/use-display-options";
 import { useDisplayOptionsSearch } from "./display/use-display-options-search";
@@ -56,6 +57,11 @@ interface StoryListViewProps {
   labels: { id: string; name: string; color: string }[];
 }
 
+// DisplayOptions 接口无 index signature，转 serverFn 的 Record 入参需一次断言
+// （运行时就是普通对象字面量；此前为 as unknown as 双重断言，收敛为单一出口，审计 A7x 🟡）
+const toDisplayOptionsJson = (o: DisplayOptions): Record<string, unknown> =>
+  ({ ...o }) as Record<string, unknown>;
+
 const STORY_PROJECT_FILTER_KEY = "story.projectFilter";
 const STORY_SEARCH_KEY = "story.search";
 const STORY_VIEW_KEY = "story.view";
@@ -102,7 +108,10 @@ export function StoryListView({ stories: initialStories, users: initialUsers, pr
     }
     listUsersBriefFn({ data: { projectId } })
       .then((u: UserBrief[]) => setUsers(u))
-      .catch(() => {});
+      .catch((e) => {
+        // 次要数据（筛选下拉的成员列表）：不弹 toast，但保留可诊断日志
+        console.error("[story-list] load users failed:", e instanceof Error ? e.message : e);
+      });
   }, [projectId]);
 
   useEffect(() => {
@@ -135,7 +144,10 @@ export function StoryListView({ stories: initialStories, users: initialUsers, pr
         search: restoredSearch,
         filters: serializeFilters(filterConditions),
       },
-    }).then(resetPaging).catch(() => {});
+    }).then(resetPaging).catch((e) => {
+      // 主数据路径失败给反馈（审计 A7x 🟡）：用户需能分辨「无数据」与「加载失败」
+      toastError(e, m.story_listView_loadFailed());
+    });
   }, []);
 
   // 恢复上次选择的侧边布局形态：进入全屏详情页（/stories/$storyId 是另一条路由）
@@ -169,7 +181,10 @@ export function StoryListView({ stories: initialStories, users: initialUsers, pr
   useEffect(() => {
     listStoryViewsFn()
       .then((rows) => setViews(rows))
-      .catch(() => {});
+      .catch((e) => {
+        // 保存视图列表加载失败：列表退化为仅默认视图，保留可诊断日志
+        console.error("[story-list] load views failed:", e instanceof Error ? e.message : e);
+      });
   }, []);
 
   const allViews = [buildDefaultView(), ...views];
@@ -209,15 +224,20 @@ export function StoryListView({ stories: initialStories, users: initialUsers, pr
     setFilterConditions(conditions);
     const serialized = serializeFilters(conditions);
     const isArchived = projectId === "__archived__";
-    const result = await listStoriesFn({
-      data: {
-        archived: isArchived,
-        projectId: isArchived ? undefined : projectId,
-        search: searchText,
-        filters: serialized,
-      },
-    });
-    resetPaging(result);
+    try {
+      const result = await listStoriesFn({
+        data: {
+          archived: isArchived,
+          projectId: isArchived ? undefined : projectId,
+          search: searchText,
+          filters: serialized,
+        },
+      });
+      resetPaging(result);
+    } catch (e) {
+      // 失败不再以未处理 Promise 拒绝外泄（审计 A7x 🟡）
+      toastError(e, m.story_listView_loadFailed());
+    }
     if (conditions.length === 0 && activeViewId !== DEFAULT_VIEW_ID) {
       setActiveViewId(DEFAULT_VIEW_ID);
     }
@@ -248,7 +268,10 @@ export function StoryListView({ stories: initialStories, users: initialUsers, pr
         search: next.search,
         filters: serializeFilters(filterConditions),
       },
-    }).then(resetPaging).catch(() => {});
+    }).then(resetPaging).catch((e) => {
+      // 主数据路径失败给反馈（审计 A7x 🟡）
+      toastError(e, m.story_listView_loadFailed());
+    });
   };
 
   const handleViewChange = (v: StoryView) => {
@@ -419,14 +442,19 @@ export function StoryListView({ stories: initialStories, users: initialUsers, pr
 
     setProjectId(nextProjectId);
     const isArchived = nextProjectId === "__archived__";
-    const result = await listStoriesFn({
-      data: {
-        archived: isArchived,
-        projectId: isArchived ? undefined : nextProjectId,
-        filters: serializeFilters(target.filterConditions),
-      },
-    });
-    resetPaging(result);
+    try {
+      const result = await listStoriesFn({
+        data: {
+          archived: isArchived,
+          projectId: isArchived ? undefined : nextProjectId,
+          filters: serializeFilters(target.filterConditions),
+        },
+      });
+      resetPaging(result);
+    } catch (e) {
+      // 失败不再以未处理 Promise 拒绝外泄（审计 A7x 🟡）
+      toastError(e, m.story_listView_loadFailed());
+    }
   }, [updateFilters, projectId, projects, resetPaging]);
 
   const reloadViews = useCallback(async () => {
@@ -456,10 +484,15 @@ export function StoryListView({ stories: initialStories, users: initialUsers, pr
   };
 
   const handleDeleteView = async (view: SavedView) => {
-    await deleteStoryViewFn({ data: { id: view.id } });
-    await reloadViews();
-    if (activeViewId === view.id) {
-      await applyView(buildDefaultView());
+    try {
+      await deleteStoryViewFn({ data: { id: view.id } });
+      await reloadViews();
+      if (activeViewId === view.id) {
+        await applyView(buildDefaultView());
+      }
+    } catch (e) {
+      // 失败不再以未处理 Promise 拒绝外泄（审计 A7x 🟡）
+      toastError(e, m.story_listView_loadFailed());
     }
   };
 
@@ -473,7 +506,7 @@ export function StoryListView({ stories: initialStories, users: initialUsers, pr
           icon: payload.icon,
           projectId: payload.projectId ?? null,
           filters: payload.filterConditions,
-          displayOptions: displayFilters as unknown as Record<string, unknown>,
+          displayOptions: toDisplayOptionsJson(displayFilters),
         },
       });
       const rows = await reloadViews();
@@ -489,7 +522,7 @@ export function StoryListView({ stories: initialStories, users: initialUsers, pr
           icon: payload.icon,
           projectId: payload.projectId,
           filters: payload.filterConditions,
-          displayOptions: displayFilters as unknown as Record<string, unknown>,
+          displayOptions: toDisplayOptionsJson(displayFilters),
         },
       });
       await reloadViews();
@@ -591,6 +624,11 @@ export function StoryListView({ stories: initialStories, users: initialUsers, pr
       });
       setLoadedCount((c) => c + result.items.length);
       setHasMore(result.hasMore);
+    } catch (e) {
+      // 失败不再以未处理 Promise 拒绝外泄（审计 A7x 🟡）；loadingRef 在 finally 复位防重复触发
+      if (signatureRef.current === requestSignature) {
+        toastError(e, m.story_listView_loadFailed());
+      }
     } finally {
       loadingRef.current = false;
     }
@@ -623,7 +661,10 @@ export function StoryListView({ stories: initialStories, users: initialUsers, pr
         onAddView={handleOpenCreate}
         onSaveAsView={handleOpenCreate}
         onProjectCreated={() => {
-          listProjectsBriefFn().then((rows) => setProjects(rows)).catch(() => {});
+          listProjectsBriefFn().then((rows) => setProjects(rows)).catch((e) => {
+            // 项目列表刷新失败：保留旧列表，保留可诊断日志
+            console.error("[story-list] reload projects failed:", e instanceof Error ? e.message : e);
+          });
         }}
       />
 

package/src/components/story/story-panel-header.tsx

@@ -173,9 +173,15 @@ export function StoryPanelHeader({
 
   const handleDelete = async () => {
     if (!storyId || !onDeleted) return;
-    await deleteStoryFn({ data: { storyId } });
-    toast.success(m.story_panel_deleted());
-    onDeleted();
+    // 对齐 handleArchive 的 try/catch（审计 A7x 🟡）：删除失败给 toast，
+    // 不让异常上抛成 unhandled rejection
+    try {
+      await deleteStoryFn({ data: { storyId } });
+      toast.success(m.story_panel_deleted());
+      onDeleted();
+    } catch (e) {
+      toastError(e, m.story_panel_deleteFailed());
+    }
   };
 
   return (

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

@@ -205,11 +205,22 @@ export function StoryToolbar({ filters, filterConditions, onFilterChange, onFilt
         </>
       }
       searchFallback={
-        /* 窄容器：搜索降级为图标按钮，输入框移入 Popover */
+        /* 窄容器：搜索降级为图标按钮，输入框移入 Popover（Tooltip 替代被禁用的 HTML title） */
         <Popover>
-          <PopoverTrigger render={<Button variant="outline" size="icon" className="hidden h-8 w-8 shrink-0 @max-[530px]:flex" title={m.story_toolbar_searchPlaceholder()} />}>
-            <SEARCH_ICON className="size-4 text-muted-foreground" />
-          </PopoverTrigger>
+          <Tooltip>
+            <TooltipTrigger
+              render={
+                <PopoverTrigger
+                  render={
+                    <Button variant="outline" size="icon" className="hidden h-8 w-8 shrink-0 @max-[530px]:flex" aria-label={m.story_toolbar_searchPlaceholder()} />
+                  }
+                />
+              }
+            >
+              <SEARCH_ICON className="size-4 text-muted-foreground" />
+            </TooltipTrigger>
+            <TooltipContent>{m.story_toolbar_searchPlaceholder()}</TooltipContent>
+          </Tooltip>
           <PopoverContent className="w-60 p-2" align="center">
             <div className="relative">
               <SEARCH_ICON className="absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground pointer-events-none" />
@@ -249,10 +260,14 @@ export function StoryToolbar({ filters, filterConditions, onFilterChange, onFilt
             <CREATE_ICON className="size-4" /> <span>{m.story_toolbar_addStory()}</span>
           </Button>
           <DropdownMenu>
-            <DropdownMenuTrigger render={<Button variant="outline" size="icon" className="h-8 w-8 @max-[920px]:border-transparent! @max-[920px]:bg-primary! @max-[920px]:text-primary-foreground! @max-[920px]:hover:bg-primary/80!" title={m.story_toolbar_addStory()} />}>
-              <MORE_ICON className="size-4 @max-[920px]:hidden" />
-              <CREATE_ICON className="size-4 hidden @max-[920px]:block" />
-            </DropdownMenuTrigger>
+            <Tooltip>
+              {/* Tooltip 替代被禁用的 HTML title 属性 */}
+              <TooltipTrigger render={<DropdownMenuTrigger render={<Button variant="outline" size="icon" className="h-8 w-8 @max-[920px]:border-transparent! @max-[920px]:bg-primary! @max-[920px]:text-primary-foreground! @max-[920px]:hover:bg-primary/80!" aria-label={m.story_toolbar_addStory()} />}>
+                  <MORE_ICON className="size-4 @max-[920px]:hidden" />
+                  <CREATE_ICON className="size-4 hidden @max-[920px]:block" />
+                </DropdownMenuTrigger>} />
+              <TooltipContent>{m.story_toolbar_addStory()}</TooltipContent>
+            </Tooltip>
             <DropdownMenuContent align="end" className="w-44 space-y-1.5 py-1.5">
               {compact && (
                 <>
@@ -263,19 +278,23 @@ export function StoryToolbar({ filters, filterConditions, onFilterChange, onFilt
                   <DropdownMenuSeparator />
                 </>
               )}
-              <DropdownMenuItem>
+              {/* 收集/导入/导出为占位入口：disabled 防止「点了没反应」的误判（审计 A7x 🟡） */}
+              <DropdownMenuItem disabled>
                 <MessagesSquare className="size-4 mr-2 h-6" />
                 {m.story_toolbar_collect()}
+                <span className="ml-auto text-xs text-muted-foreground">{m.story_toolbar_comingSoon()}</span>
               </DropdownMenuItem>
-              <DropdownMenuItem>
+              <DropdownMenuItem disabled>
                 <Upload className="size-4 mr-2 h-6" />
                 {m.story_toolbar_import()}
+                <span className="ml-auto text-xs text-muted-foreground">{m.story_toolbar_comingSoon()}</span>
               </DropdownMenuItem>
               {/* <Separator orientation="horizontal" data-horizontal className="-my-1" /> */}
               <DropdownMenuSeparator />
-              <DropdownMenuItem>
+              <DropdownMenuItem disabled>
                 <EXPORT_ICON className="size-4 mr-2 h-6" />
                 {m.story_toolbar_export()}
+                <span className="ml-auto text-xs text-muted-foreground">{m.story_toolbar_comingSoon()}</span>
               </DropdownMenuItem>
             </DropdownMenuContent>
           </DropdownMenu>

package/src/components/story/transfer-story-popover.tsx

@@ -79,7 +79,7 @@ export function TransferStoryPopover({
     if (!selectedProjectId) return;
     setSubmitting(true);
     try {
-      const updated: Array<{ id: string; identifier: string; projectId: string; parentId: string | null }> = [];
+      const updated: TransferredStory[] = [];
       if (isBatch) {
         let success = 0;
         let failed = 0;
@@ -89,10 +89,10 @@ export function TransferStoryPopover({
               data: { storyId: id, targetProjectId: selectedProjectId },
             });
             updated.push({
-              id: (result as any).id,
-              identifier: (result as any).identifier,
-              projectId: (result as any).projectId,
-              parentId: (result as any).parentId,
+              id: result.id,
+              identifier: result.identifier,
+              projectId: result.projectId,
+              parentId: result.parentId,
             });
             success++;
           } catch {
@@ -109,10 +109,10 @@ export function TransferStoryPopover({
           data: { storyId: singleStoryId, targetProjectId: selectedProjectId },
         });
         updated.push({
-          id: (result as any).id,
-          identifier: (result as any).identifier,
-          projectId: (result as any).projectId,
-          parentId: (result as any).parentId,
+          id: result.id,
+          identifier: result.identifier,
+          projectId: result.projectId,
+          parentId: result.parentId,
         });
         toast.success(m.story_transfer_transferred());
       }
@@ -125,12 +125,18 @@ export function TransferStoryPopover({
     }
   };
 
+  // 「作为子需求」统一由本组件提交（弹窗传 skipTransfer 只做选择，避免
+  // 单条模式下「成功转移 0 条」误报 / 批量模式下弹窗+回调双通道重复转移，
+  // 审计 A7x 🟡）
   const handleTransferAsChild = (parentStoryId: string) => {
     void (async () => {
+      const ids = isBatch ? storyIds : singleStoryId ? [singleStoryId] : [];
+      if (ids.length === 0) return;
       setSubmitting(true);
+      setDialogOpen(false);
       let success = 0;
       let failed = 0;
-      for (const id of storyIds) {
+      for (const id of ids) {
         try {
           await transferStoryAsChildFn({
             data: { storyId: id, parentStoryId: parentStoryId },
@@ -252,6 +258,7 @@ export function TransferStoryPopover({
         excludeProjectIds={currentProjectId ? [currentProjectId] : []}
         hideAllProjects
         filteredTip={filteredTip}
+        skipTransfer
         onSelected={(parent) => {
           if (typeof parent === "string") {
             handleTransferAsChild(parent);

package/src/components/story/types.ts

@@ -56,8 +56,8 @@ export interface StoryListItem {
 
 export interface StoryDetail extends StoryListItem {
   sequenceId: number;
-  description: string | null;
   updatedBy: UserBrief | null;
+  // parentId/parent 保留重声明：parent 从内联形状收窄为 StoryBrief（类型收窄）
   parentId: string | null;
   parent: StoryBrief | null;
 }
@@ -99,6 +99,9 @@ export interface StoryDescriptionContent {
   markdown: string;
 }
 
+// 历史裸串兜底按整串 html 返回是约定口径：消费方（NotionDocEditor 等）一律经
+// TipTap schema parseRules 白名单解析（script/事件属性剥离），不做 innerHTML 直插
+// ——服务端镜像见 src/server/collab/seed.ts extractStoryDescriptionHtml 注释
 export function parseStoryDescription(desc: string | null | undefined): StoryDescriptionContent {
   if (!desc) return { html: "", markdown: "" };
   try {

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

@@ -54,7 +54,6 @@ import {
 } from "@/components/ui/select";
 import { Switch } from "@/components/ui/switch";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
-import { TooltipProvider } from "@/components/ui/tooltip";
 import { UserAvatar } from "@/components/shared-kit/avatars/user-avatar";
 import { m } from "@/paraglide/messages.js";
 import {
@@ -382,107 +381,105 @@ export function CalendarView({ stories, onCreate, onOpenStory, orderBy }: Calend
             );
           }}
         >
-          {/* Nav 行 = reui 默认组合的同构复刻（传 children 整体替换默认）：
-              TooltipProvider 字面值 = reui 未配置 navTooltips 时的回退值
-              （delay 600 / closeDelay 0 / timeout 300），hover 行为不变。
+          {/* Nav 行 = reui 默认组合的同构复刻（传 children 整体替换默认）。
+              不再嵌套 TooltipProvider（全局单例约定，审计 A7x 🟡）——tooltip
+              延迟随全局 Provider（delay 0），与全站 tooltip 行为一致。
               grow 占位后并入设置入口（原工具栏移除，设置与日期导航同行） */}
           <EventCalendarNav>
-            <TooltipProvider delay={600} closeDelay={0} timeout={300}>
-              <EventCalendarNavToday />
-              <EventCalendarViewSwitcher />
-              <div className="flex items-center">
-                <EventCalendarNavPrev />
-                <EventCalendarNavNext />
-              </div>
-              {/* ms-3 sets the title apart from the tight control cluster so the
-                  period reads as its own group, not another button */}
-              <EventCalendarTitle className="ms-3" />
-              <div className="grow" />
-              <Popover>
-                <PopoverTrigger
-                  render={
-                    <Button
-                      variant="ghost"
-                      size="icon-sm"
-                      aria-label={m.story_calendar_settings()}
+            <EventCalendarNavToday />
+            <EventCalendarViewSwitcher />
+            <div className="flex items-center">
+              <EventCalendarNavPrev />
+              <EventCalendarNavNext />
+            </div>
+            {/* ms-3 sets the title apart from the tight control cluster so the
+                period reads as its own group, not another button */}
+            <EventCalendarTitle className="ms-3" />
+            <div className="grow" />
+            <Popover>
+              <PopoverTrigger
+                render={
+                  <Button
+                    variant="ghost"
+                    size="icon-sm"
+                    aria-label={m.story_calendar_settings()}
+                  />
+                }
+              >
+                <Settings2Icon className="size-4" aria-hidden="true" />
+              </PopoverTrigger>
+              <PopoverContent align="end" className="w-64">
+                <Tabs defaultValue="view">
+                  <TabsList className="w-full">
+                    <TabsTrigger value="view" className="flex-1">
+                      {m.story_calendar_settings_view()}
+                    </TabsTrigger>
+                    <TabsTrigger value="behavior" className="flex-1">
+                      {m.story_calendar_settings_behavior()}
+                    </TabsTrigger>
+                  </TabsList>
+                  <TabsContent value="view" className="flex flex-col gap-3 pt-2">
+                    <SettingRow
+                      label={m.story_calendar_settings_weekends()}
+                      checked={viewSettings.weekends ?? true}
+                      onCheckedChange={(checked) => patchViewSettings({ weekends: checked })}
                     />
-                  }
-                >
-                  <Settings2Icon className="size-4" aria-hidden="true" />
-                </PopoverTrigger>
-                <PopoverContent align="end" className="w-64">
-                  <Tabs defaultValue="view">
-                    <TabsList className="w-full">
-                      <TabsTrigger value="view" className="flex-1">
-                        {m.story_calendar_settings_view()}
-                      </TabsTrigger>
-                      <TabsTrigger value="behavior" className="flex-1">
-                        {m.story_calendar_settings_behavior()}
-                      </TabsTrigger>
-                    </TabsList>
-                    <TabsContent value="view" className="flex flex-col gap-3 pt-2">
-                      <SettingRow
-                        label={m.story_calendar_settings_weekends()}
-                        checked={viewSettings.weekends ?? true}
-                        onCheckedChange={(checked) => patchViewSettings({ weekends: checked })}
-                      />
-                      <SettingRow
-                        label={m.story_calendar_settings_week_numbers()}
-                        checked={viewSettings.weekNumbers ?? false}
-                        onCheckedChange={(checked) => patchViewSettings({ weekNumbers: checked })}
-                      />
-                      <SettingRow
-                        label={m.story_calendar_settings_off_days()}
-                        checked={viewSettings.offDays ?? false}
-                        onCheckedChange={(checked) => patchViewSettings({ offDays: checked })}
-                      />
-                      <SettingRow
-                        label={m.story_calendar_settings_day_add()}
-                        checked={showDayAddButton}
-                        onCheckedChange={setShowDayAddButton}
-                      />
-                      <div className="flex items-center justify-between gap-2">
-                        <Label htmlFor="story-calendar-week-starts-on" className="font-normal">
-                          {m.story_calendar_settings_week_starts_on()}
-                        </Label>
-                        <Select
-                          value={String(weekStartsOn)}
-                          onValueChange={(value) => {
-                            if (value === null) return;
-                            setWeekStartsOn(Number(value) as WeekStartsOn);
-                          }}
-                        >
-                          <SelectTrigger size="sm" className="w-27" id="story-calendar-week-starts-on">
-                            <SelectValue />
-                          </SelectTrigger>
-                          <SelectContent>
-                            <SelectItem value="1">{m.story_calendar_settings_monday()}</SelectItem>
-                            <SelectItem value="0">{m.story_calendar_settings_sunday()}</SelectItem>
-                          </SelectContent>
-                        </Select>
-                      </div>
-                    </TabsContent>
-                    <TabsContent value="behavior" className="flex flex-col gap-3 pt-2">
-                      <SettingRow
-                        label={m.story_calendar_settings_drag()}
-                        checked={interactions.drag}
-                        onCheckedChange={(checked) => patchInteractions({ ...interactions, drag: checked })}
-                      />
-                      <SettingRow
-                        label={m.story_calendar_settings_resize()}
-                        checked={interactions.resize}
-                        onCheckedChange={(checked) => patchInteractions({ ...interactions, resize: checked })}
-                      />
-                      <SettingRow
-                        label={m.story_calendar_settings_select_slot()}
-                        checked={interactions.selectSlot}
-                        onCheckedChange={(checked) => patchInteractions({ ...interactions, selectSlot: checked })}
-                      />
-                    </TabsContent>
-                  </Tabs>
-                </PopoverContent>
-              </Popover>
-            </TooltipProvider>
+                    <SettingRow
+                      label={m.story_calendar_settings_week_numbers()}
+                      checked={viewSettings.weekNumbers ?? false}
+                      onCheckedChange={(checked) => patchViewSettings({ weekNumbers: checked })}
+                    />
+                    <SettingRow
+                      label={m.story_calendar_settings_off_days()}
+                      checked={viewSettings.offDays ?? false}
+                      onCheckedChange={(checked) => patchViewSettings({ offDays: checked })}
+                    />
+                    <SettingRow
+                      label={m.story_calendar_settings_day_add()}
+                      checked={showDayAddButton}
+                      onCheckedChange={setShowDayAddButton}
+                    />
+                    <div className="flex items-center justify-between gap-2">
+                      <Label htmlFor="story-calendar-week-starts-on" className="font-normal">
+                        {m.story_calendar_settings_week_starts_on()}
+                      </Label>
+                      <Select
+                        value={String(weekStartsOn)}
+                        onValueChange={(value) => {
+                          if (value === null) return;
+                          setWeekStartsOn(Number(value) as WeekStartsOn);
+                        }}
+                      >
+                        <SelectTrigger size="sm" className="w-27" id="story-calendar-week-starts-on">
+                          <SelectValue />
+                        </SelectTrigger>
+                        <SelectContent>
+                          <SelectItem value="1">{m.story_calendar_settings_monday()}</SelectItem>
+                          <SelectItem value="0">{m.story_calendar_settings_sunday()}</SelectItem>
+                        </SelectContent>
+                      </Select>
+                    </div>
+                  </TabsContent>
+                  <TabsContent value="behavior" className="flex flex-col gap-3 pt-2">
+                    <SettingRow
+                      label={m.story_calendar_settings_drag()}
+                      checked={interactions.drag}
+                      onCheckedChange={(checked) => patchInteractions({ ...interactions, drag: checked })}
+                    />
+                    <SettingRow
+                      label={m.story_calendar_settings_resize()}
+                      checked={interactions.resize}
+                      onCheckedChange={(checked) => patchInteractions({ ...interactions, resize: checked })}
+                    />
+                    <SettingRow
+                      label={m.story_calendar_settings_select_slot()}
+                      checked={interactions.selectSlot}
+                      onCheckedChange={(checked) => patchInteractions({ ...interactions, selectSlot: checked })}
+                    />
+                  </TabsContent>
+                </Tabs>
+              </PopoverContent>
+            </Popover>
           </EventCalendarNav>
           <EventCalendarContent />
         </EventCalendar>

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

@@ -30,6 +30,8 @@ import {
   PopoverTrigger,
 } from "@/components/ui/popover";
 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 { LucideIconByName } from "@/components/shared-kit/icons/lucide-icon-picker/lucide-icon-by-name";
 import { StoryFilterRow } from "../filters";
@@ -133,7 +135,10 @@ export function CreateViewDialog({ open, onOpenChange, mode, initialValues, view
       });
       onOpenChange(false);
     } catch (err) {
-      setError(err instanceof Error ? err.message : m.story_view_saveFailed());
+      // 原始错误只进 console（避免 serverFn 内部 message 直出 UI，审计 A7x 🟡），
+      // 界面展示本地化兜底文案
+      console.error("[create-view] save failed:", err instanceof Error ? err.message : err);
+      setError(m.story_view_saveFailed());
     } finally {
       setSubmitting(false);
     }
@@ -207,13 +212,12 @@ export function CreateViewDialog({ open, onOpenChange, mode, initialValues, view
 
               <div ref={containerRef} className="relative flex-1">
                 <div className="relative">
-                  <input
-                    type="text"
+                  <Input
                     value={name}
                     onChange={(e) => setName(e.target.value)}
                     placeholder={m.story_view_namePlaceholder()}
                     maxLength={50}
-                    className="w-full text-lg h-10 rounded-md border border-border bg-background px-3 py-0 pr-20 text-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring transition-colors"
+                    className="h-10 pr-20 text-base"
                   />
                   <button
                     type="button"
@@ -247,12 +251,12 @@ export function CreateViewDialog({ open, onOpenChange, mode, initialValues, view
             </div>
 
             <div className="space-y-2">
-              <textarea
+              <Textarea
                 value={description}
                 onChange={(e) => setDescription(e.target.value)}
                 placeholder={m.story_view_descPlaceholder()}
                 maxLength={200}
-                className="w-full resize-none rounded-md border border-border bg-transparent px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none h-50 overflow-y-auto"
+                className="h-50 resize-none overflow-y-auto"
               />
             </div>
 

package/src/components/story/views/story-list/__tests__/move.test.ts

@@ -16,7 +16,7 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { describe, it, expect } from "vitest";
-import { computeMove, canMove } from "../move";
+import { computeMove, canMove } from "@/components/shared-kit/list-kit/move";
 
 describe("computeMove / canMove", () => {
   const sel = (ids: string[]) => new Set(ids);