@allbluecn/web-app 0.17.1 → 0.18.0

package/src/components/story/inline-editors/date-editor.tsx

@@ -18,7 +18,7 @@
 import { useState } from "react";
 import { format } from "date-fns";
 import type { LucideIcon } from "lucide-react";
-import { Button } from "@/components/ui/button";
+import { Button } from "@allbluecn/ui/button";
 import { Calendar } from "@/components/ui/calendar";
 import { Popover, PopoverContent } from "@/components/ui/popover";
 import { cn } from "@/lib/utils";

package/src/components/story/inline-editors/dependency-type-select.tsx

@@ -18,8 +18,8 @@
 import { useState } from "react";
 import { Check, Waypoints } from "lucide-react";
 import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
-import { Button, buttonVariants } from "@/components/ui/button";
-import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
+import { Button, buttonVariants } from "@allbluecn/ui/button";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@allbluecn/ui/tooltip";
 import { DEPENDENCY_TYPE_OPTIONS, type DependencyTypeOption } from "../constants";
 import { cn } from "@/lib/utils";
 import { m } from "@/paraglide/messages.js";

package/src/components/story/inline-editors/inline-trigger.tsx

@@ -16,9 +16,9 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import type { ReactNode } from "react";
-import { Button } from "@/components/ui/button";
+import { Button } from "@allbluecn/ui/button";
 import { PopoverTrigger } from "@/components/ui/popover";
-import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@allbluecn/ui/tooltip";
 import { cn } from "@/lib/utils";
 import { m } from "@/paraglide/messages.js";
 

package/src/components/story/inline-editors/labels-editor.tsx

@@ -18,13 +18,14 @@
 import { useState } from "react";
 import { Tag, Check, Loader2, Sparkles } from "lucide-react";
 import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
-import { Checkbox } from "@/components/ui/checkbox";
+import { Checkbox } from "@allbluecn/ui/checkbox";
 import { cn } from "@/lib/utils";
 import { useSession } from "@/lib/auth/auth-client";
-import { toast } from "@/components/ui/toast";
+import { toast } from "@allbluecn/ui/toast";
 import { createLabelFn, suggestStoryLabelsFn } from "@/server/serverFns/story";
 import { InlineTrigger } from "./inline-trigger";
 import { m } from "@/paraglide/messages.js";
+import { toastError } from "@/lib/toast-error";
 
 interface LabelsEditorProps {
   labelIds: string[];
@@ -104,7 +105,7 @@ export function LabelsEditor({ labelIds, labels, onChange, mode = "multi", class
       setSelectedNew(result.newNames);
     } catch (e) {
       setAi({ phase: "error" });
-      toast.error(e instanceof Error ? e.message : m.story_inline_aiFailed());
+      toastError(e, m.story_inline_aiFailed());
     }
   };
 

package/src/components/story/inline-editors/parent-story-editor.tsx

@@ -16,8 +16,8 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { useState } from "react";
-import { GitBranch, GitPullRequestCreateArrow, ExternalLink, X, GitPullRequestArrow } from "lucide-react";
-import { Button } from "@/components/ui/button";
+import { GitPullRequestCreateArrow, ExternalLink, X, GitPullRequestArrow } from "lucide-react";
+import { Button } from "@allbluecn/ui/button";
 import { cn } from "@/lib/utils";
 import { StorySelectDialog } from "./story-select-dialog";
 import type { StoryState } from "../constants";

package/src/components/story/inline-editors/story-select-dialog.tsx

@@ -19,11 +19,11 @@ import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useDebouncedCallback, SEARCH_DEBOUNCE_MS } from "@/lib/pacer";
 import { cn } from "@/lib/utils";
 import { Search, Sprout, ChevronsUpDown, Check, Trees, ListFilter, Flag } from "lucide-react";
-import { Badge } from "@/components/ui/badge";
-import { Checkbox } from "@/components/ui/checkbox";
+import { Badge } from "@allbluecn/ui/badge";
+import { Checkbox } from "@allbluecn/ui/checkbox";
 import { LucideIconByName } from "@/components/shared-kit/icons/lucide-icon-picker/lucide-icon-by-name";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
+import { Button } from "@allbluecn/ui/button";
+import { Input } from "@allbluecn/ui/input";
 import {
   Popover,
   PopoverContent,
@@ -35,8 +35,8 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle,
-} from "@/components/ui/dialog";
-import { toast } from "@/components/ui/toast";
+} from "@allbluecn/ui/dialog";
+import { toast } from "@allbluecn/ui/toast";
 import type { ActivityItem } from "../types";
 import {
   listProjectStoriesFn,
@@ -55,6 +55,7 @@ import {
 import { PriorityIcon } from "../priority-icon";
 import { DependencyTypeSelect } from "./dependency-type-select";
 import { m } from "@/paraglide/messages.js";
+import { toastError } from "@/lib/toast-error";
 
 interface ParentStoryItem {
   id: string;
@@ -264,8 +265,7 @@ export function StorySelectDialog({
       if (reqId !== requestIdRef.current) return;
       toast.error(m.story_select_loadMoreFailed());
     } finally {
-      if (reqId !== requestIdRef.current) return;
-      setLoading(false);
+      if (reqId === requestIdRef.current) setLoading(false);
     }
   }, [loading, hasMore, nextCursor, projectFilter, debouncedSearch, storyId, excludeIds, mode]);
 
@@ -341,7 +341,7 @@ export function StorySelectDialog({
         if (res.activities && res.activities.length > 0) onActivities?.(res.activities);
       }
     } catch (e) {
-      toast.error(e instanceof Error ? e.message : m.story_select_setFailed());
+      toastError(e, m.story_select_setFailed());
     } finally {
       setSubmitting(false);
     }

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

@@ -17,8 +17,8 @@
 
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { useHotkey } from "@tanstack/react-hotkeys";
-import { Skeleton } from "@/components/ui/skeleton";
-import { Dialog, DialogContent } from "@/components/ui/dialog";
+import { Skeleton } from "@allbluecn/ui/skeleton";
+import { Dialog, DialogContent } from "@allbluecn/ui/dialog";
 import {
   getStoryDetailFn,
   listCommentsFn,
@@ -29,7 +29,7 @@ import {
   getDependenciesFn,
   getLinksFn,
   getAttachmentsFn,
-  getLinkedPrdsFn,
+  getLinkedDesignsFn,
   getLinkedDocsFn,
 } from "@/server/serverFns/story";
 import { listIterationsFn } from "@/server/serverFns/iteration";
@@ -160,7 +160,7 @@ export function StoryPeekPanel({
           getDependenciesFn({ data: { storyId: effectiveStoryId } }),
           getLinksFn({ data: { storyId: effectiveStoryId } }),
           getAttachmentsFn({ data: { storyId: effectiveStoryId } }),
-          getLinkedPrdsFn({ data: { storyId: effectiveStoryId } }),
+          getLinkedDesignsFn({ data: { storyId: effectiveStoryId } }),
           getLinkedDocsFn({ data: { storyId: effectiveStoryId } }),
           story.projectId ? listIterationsFn({ data: { projectId: story.projectId, includeArchived: false } }) : Promise.resolve({ items: [] }),
         ]);
@@ -241,6 +241,7 @@ export function StoryPeekPanel({
     });
 
     return items;
+  // eslint-disable-next-line no-sparse-arrays -- 保持依赖数组既有槽位，避免连带改动 effect 触发时机
   }, [history, rootIdentifier, rootProjectId, data?.story.identifier, data?.story.projectId, , onBackInPanel]);
 
   const header = (

package/src/components/story/relations/__tests__/attachment-manage-dialog.test.tsx

@@ -27,9 +27,9 @@ if (typeof globalThis.ResizeObserver === "undefined") {
 
 import { describe, it, expect, vi, beforeEach } from "vitest";
 import { render, screen, fireEvent, waitFor, type RenderResult } from "@testing-library/react";
-import { TooltipProvider } from "@/components/ui/tooltip";
+import { TooltipProvider } from "@allbluecn/ui/tooltip";
 
-vi.mock("@/components/ui/toast", () => ({
+vi.mock("@allbluecn/ui/toast", () => ({
   toast: { success: vi.fn(), error: vi.fn(), warning: vi.fn(), info: vi.fn() },
 }));
 
@@ -140,7 +140,7 @@ describe("AttachmentManageDialog", () => {
   });
 
   it("上传接口报错时 toast 提示且不回调 onUpdate", async () => {
-    const { toast } = await import("@/components/ui/toast");
+    const { toast } = await import("@allbluecn/ui/toast");
     fns.uploadFetch.mockResolvedValue({ ok: false, json: () => Promise.resolve({ error: "文件大小需在 10MB 以内" }) });
     const { onUpdate } = setup();
     const file = new File(["hello"], "新文件.txt", { type: "text/plain" });
@@ -151,7 +151,7 @@ describe("AttachmentManageDialog", () => {
   });
 
   it("超过 10MB 的文件被拒绝且不入暂存列表", async () => {
-    const { toast } = await import("@/components/ui/toast");
+    const { toast } = await import("@allbluecn/ui/toast");
     setup();
     const big = new File([new ArrayBuffer(11 * 1024 * 1024)], "大文件.zip", { type: "application/zip" });
     stageFile(big);

package/src/components/story/relations/__tests__/knowledge-select-dialog.test.tsx

@@ -36,7 +36,7 @@ vi.mock("@/server/serverFns/story", () => ({
   unlinkDocFn: fns.unlink,
 }));
 
-vi.mock("@/components/ui/toast", () => ({
+vi.mock("@allbluecn/ui/toast", () => ({
   toast: { success: vi.fn(), error: vi.fn(), warning: vi.fn() },
 }));
 
@@ -112,7 +112,7 @@ describe("KnowledgeSelectDialog", () => {
 
   it("linkDocsFn 返回 failed 时 toast warning 且不关弹窗", async () => {
     fns.link.mockResolvedValue({ linked: [], skipped: [], failed: [{ docId: "d9", reason: "outOfScope" }] });
-    const { toast } = await import("@/components/ui/toast");
+    const { toast } = await import("@allbluecn/ui/toast");
     setup();
     await waitFor(() => screen.getByText("普通页"));
     fireEvent.click(screen.getByText("普通页"));

package/src/components/story/relations/__tests__/link-manage-dialog.test.tsx

@@ -34,7 +34,7 @@ vi.mock("@/server/serverFns/story", () => ({
   removeLinkFn: fns.removeLink,
 }));
 
-vi.mock("@/components/ui/toast", () => ({
+vi.mock("@allbluecn/ui/toast", () => ({
   toast: { success: vi.fn(), error: vi.fn(), warning: vi.fn() },
 }));
 

package/src/components/story/relations/attachment-manage-dialog.tsx

@@ -16,20 +16,21 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import * as React from "react";
-import { toast } from "@/components/ui/toast";
+import { toast } from "@allbluecn/ui/toast";
 import { UploadCloud, X, ChevronLeft, ChevronRight } from "lucide-react";
-import { Button } from "@/components/ui/button";
+import { Button } from "@allbluecn/ui/button";
 import {
   Dialog,
   DialogContent,
   DialogHeader,
   DialogTitle,
-} from "@/components/ui/dialog";
-import { Textarea } from "@/components/ui/textarea";
-import { formatFileSize, getFileTypeIcon } from "./format";
+} from "@allbluecn/ui/dialog";
+import { Textarea } from "@allbluecn/ui/textarea";
+import { getFileTypeIcon } from "./format";
 import { FilePreview } from "./file-preview";
 import type { StoryAttachmentItem } from "../types";
 import { m } from "@/paraglide/messages.js";
+import { toastError } from "@/lib/toast-error";
 
 const MAX_FILE_SIZE = 10 * 1024 * 1024;
 
@@ -252,7 +253,7 @@ export function AttachmentManageDialog({
         if ((json.duplicated as boolean | undefined) === true) continue;
         added.push(json as unknown as StoryAttachmentItem & { activity?: import("../types").ActivityItem });
       } catch (err) {
-        toast.error((err as Error)?.message || m.story_attachmentDialog_removeFailed());
+        toastError(err, m.story_attachmentDialog_removeFailed());
       }
     }
     setUploading(false);

package/src/components/story/relations/knowledge-select-dialog.tsx

@@ -17,20 +17,18 @@
 
 import * as React from "react";
 import { useServerFn } from "@tanstack/react-start";
-import { toast } from "@/components/ui/toast";
-import { BookOpenText, BookMarked, Bookmark, Check, Scale, ShieldCheck, Sprout } from "lucide-react";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import { Badge } from "@/components/ui/badge";
-import { Checkbox } from "@/components/ui/checkbox";
-import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
+import { toast } from "@allbluecn/ui/toast";
+import { BookOpenText } from "lucide-react";
+import { Button } from "@allbluecn/ui/button";
+import { Badge } from "@allbluecn/ui/badge";
+import { Checkbox } from "@allbluecn/ui/checkbox";
 import {
   Dialog,
   DialogContent,
   DialogFooter,
   DialogHeader,
   DialogTitle,
-} from "@/components/ui/dialog";
+} from "@allbluecn/ui/dialog";
 import { useDebouncedCallback, SEARCH_DEBOUNCE_MS } from "@/lib/pacer";
 import {
   listStoryAvailableKbsFn,
@@ -43,6 +41,7 @@ import { generalGroupLabel } from "./general-groups";
 import { KbFilterPopover, type KbFilter } from "@/components/knowledge/kb-filter-popover";
 import type { DocBrief } from "../types";
 import { m } from "@/paraglide/messages.js";
+import { toastError } from "@/lib/toast-error";
 
 interface KbBrief {
   id: string;
@@ -98,7 +97,7 @@ export function KnowledgeSelectDialog({
         });
         setItems(res.items as SearchDocRow[]);
       } catch (err) {
-        toast.error((err as Error)?.message || m.story_knowledgeDialog_linkFailed());
+        toastError(err, m.story_knowledgeDialog_linkFailed());
         setItems([]);
       } finally {
         setLoading(false);
@@ -121,7 +120,6 @@ export function KnowledgeSelectDialog({
       }
     })();
     void loadDocs(null, "");
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [open]);
 
   const debouncedSearch = useDebouncedCallback(
@@ -256,7 +254,7 @@ export function KnowledgeSelectDialog({
       }      onUpdate(nextDocs);
       onOpenChange(false);
     } catch (err) {
-      toast.error((err as Error)?.message || m.story_knowledgeDialog_linkFailed());
+      toastError(err, m.story_knowledgeDialog_linkFailed());
     } finally {
       setSubmitting(false);
     }

package/src/components/story/relations/link-manage-dialog.tsx

@@ -17,19 +17,20 @@
 
 import * as React from "react";
 import { useServerFn } from "@tanstack/react-start";
-import { toast } from "@/components/ui/toast";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import { Textarea } from "@/components/ui/textarea";
+import { toast } from "@allbluecn/ui/toast";
+import { Button } from "@allbluecn/ui/button";
+import { Input } from "@allbluecn/ui/input";
+import { Textarea } from "@allbluecn/ui/textarea";
 import {
   Dialog,
   DialogContent,
   DialogHeader,
   DialogTitle,
-} from "@/components/ui/dialog";
+} from "@allbluecn/ui/dialog";
 import { addLinkFn, updateLinkFn } from "@/server/serverFns/story";
 import type { StoryLinkItem } from "../types";
 import { m } from "@/paraglide/messages.js";
+import { toastError } from "@/lib/toast-error";
 
 export interface LinkManageDialogProps {
   open: boolean;
@@ -117,7 +118,7 @@ export function LinkManageDialog({
       setEditing(null);
       onOpenChange(false);
     } catch (err) {
-      toast.error((err as Error)?.message || m.story_linkDialog_saveFailed());
+      toastError(err, m.story_linkDialog_saveFailed());
     } finally {
       setSubmitting(false);
     }

package/src/components/story/relations/story-ref-row.tsx

@@ -17,18 +17,18 @@
 
 import * as React from "react";
 import { Archive, MoreHorizontal, Trash2, Waypoints, CalendarCheck, CalendarPlus2 } from "lucide-react";
-import { Button } from "@/components/ui/button";
-import { Checkbox } from "@/components/ui/checkbox";
+import { Button } from "@allbluecn/ui/button";
+import { Checkbox } from "@allbluecn/ui/checkbox";
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
+} from "@allbluecn/ui/dropdown-menu";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@allbluecn/ui/tooltip";
 import { useServerFn } from "@tanstack/react-start";
-import { toast } from "@/components/ui/toast";
+import { toast } from "@allbluecn/ui/toast";
 import {
   updateStoryFn,
   archiveStoryFn,
@@ -50,6 +50,7 @@ import type {
 } from "../types";
 import type { DependencyTypeOption } from "../constants";
 import { m } from "@/paraglide/messages.js";
+import { toastError } from "@/lib/toast-error";
 
 /** 行内编辑/归档/删除后回传给面板的补丁载荷（StoryPatch 字段 + 面板控制信号） */
 export type StoryRelationPatch = StoryPatch & {
@@ -118,7 +119,7 @@ export function StoryRefRow({
       onStoryRefresh(story.id, patch);
     } catch (e) {
       setStoryState(story);
-      toast.error((e as Error)?.message || m.story_children_updateFailed());
+      toastError(e, m.story_children_updateFailed());
     }
   };
 
@@ -141,7 +142,7 @@ export function StoryRefRow({
       onStoryRefresh(story.id, { archived: true, archivedAt: new Date().toISOString() });
       toast.success(m.story_children_archived());
     } catch (e) {
-      toast.error((e as Error)?.message || m.story_children_archiveFailed());
+      toastError(e, m.story_children_archiveFailed());
     }
   };
 
@@ -151,7 +152,7 @@ export function StoryRefRow({
       onStoryRefresh(story.id, { archived: false, archivedAt: null });
       toast.success(m.story_children_unarchived());
     } catch (e) {
-      toast.error((e as Error)?.message || m.story_children_unarchiveFailed());
+      toastError(e, m.story_children_unarchiveFailed());
     }
   };
 
@@ -161,7 +162,7 @@ export function StoryRefRow({
       onStoryRefresh(story.id, { deleted: true });
       toast.success(m.story_children_deleted());
     } catch (e) {
-      toast.error((e as Error)?.message || m.story_children_deleteFailed());
+      toastError(e, m.story_children_deleteFailed());
     }
   };
 

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

@@ -18,7 +18,7 @@
 import * as React from "react";
 import { Search } from "lucide-react";
 import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
-import { Input } from "@/components/ui/input";
+import { Input } from "@allbluecn/ui/input";
 import { Command, CommandEmpty, CommandGroup, CommandItem, CommandList } from "@/components/ui/command";
 import { cn } from "@/lib/utils";
 import { searchStoriesFn } from "@/server/serverFns/story";

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

@@ -23,7 +23,7 @@ import { createStoryColumns, storyTableFeatures } from "./columns";
 import type { StoryListItem } from "./types";
 import { ALL_DISPLAY_PROPERTIES } from "./display/types";
 import type { DisplayProperty, OrderKey } from "./display/types";
-import { InfiniteScrollSentinel } from "./infinite-scroll-sentinel";
+import { InfiniteScrollSentinel } from "@allbluecn/ui/components/infinite-scroll-sentinel";
 import { m } from "@/paraglide/messages.js";
 
 const ROW_HEIGHT = 44;
@@ -157,7 +157,7 @@ export function StoryListTable({ data, onOpenStory, properties, orderBy, onLoadM
             );
           })}
           {paddingBottom > 0 && <div style={{ height: paddingBottom }} />}
-          <InfiniteScrollSentinel onLoadMore={onLoadMore} hasMore={hasMore} rootRef={parentRef} />
+          <InfiniteScrollSentinel loadedAllLabel={m.story_loadedAll()} onLoadMore={onLoadMore} hasMore={hasMore} rootRef={parentRef} />
         </div>
 
         {rows.length === 0 && (

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

@@ -41,17 +41,8 @@ import { useDisplayOptions } from "./display/use-display-options";
 import { useDisplayOptionsSearch } from "./display/use-display-options-search";
 import { useGroupedStories } from "./display/use-grouped-stories";
 import { usePagedStoryGroups } from "./display/use-paged-story-groups";
-import { toast } from "@/components/ui/toast";
-import {
-  AlertDialog,
-  AlertDialogAction,
-  AlertDialogCancel,
-  AlertDialogContent,
-  AlertDialogDescription,
-  AlertDialogFooter,
-  AlertDialogHeader,
-  AlertDialogTitle,
-} from "@/components/ui/alert-dialog";
+import { toast } from "@allbluecn/ui/toast";
+import { ConfirmDialog } from "@allbluecn/ui/components/confirm-dialog";
 import { m } from "@/paraglide/messages.js";
 
 interface StoryListViewProps {
@@ -77,26 +68,8 @@ export function StoryListView({ stories: initialStories, users: initialUsers, pr
   const [stories, setStories] = useState(initialStories);
   const [projects, setProjects] = useState(initialProjects);
   const [users, setUsers] = useState<UserBrief[]>(initialUsers);
-  const [projectId, setProjectId] = useState<string | undefined>(() => {
-    try {
-      const stored = localStorage.getItem(STORY_PROJECT_FILTER_KEY) ?? undefined;
-      // 清理过期残留（项目已删除或 localStorage 跨账号残留），避免列表查询空集
-      if (stored && stored !== "__archived__" && !initialProjects.some((p) => p.id === stored)) {
-        localStorage.removeItem(STORY_PROJECT_FILTER_KEY);
-        return undefined;
-      }
-      return stored;
-    } catch {
-      return undefined;
-    }
-  });
-  const [searchText, setSearchText] = useState<string | undefined>(() => {
-    try {
-      return localStorage.getItem(STORY_SEARCH_KEY) ?? undefined;
-    } catch {
-      return undefined;
-    }
-  });
+  const [projectId, setProjectId] = useState<string | undefined>(undefined);
+  const [searchText, setSearchText] = useState<string | undefined>(undefined);
   const [loadedCount, setLoadedCount] = useState(initialStories.items.length);
   const [hasMore, setHasMore] = useState(initialStories.total > initialStories.items.length);
   const loadingRef = useRef(false);
@@ -122,13 +95,29 @@ export function StoryListView({ stories: initialStories, users: initialUsers, pr
   }, [projectId]);
 
   useEffect(() => {
-    if (!projectId && !searchText) return;
-    const isArchived = projectId === "__archived__";
+    let restoredProjectId: string | undefined;
+    let restoredSearch: string | undefined;
+    try {
+      const stored = localStorage.getItem(STORY_PROJECT_FILTER_KEY) ?? undefined;
+      // 清理过期残留（项目已删除或 localStorage 跨账号残留），避免列表查询空集
+      if (stored && stored !== "__archived__" && !initialProjects.some((p) => p.id === stored)) {
+        localStorage.removeItem(STORY_PROJECT_FILTER_KEY);
+      } else if (stored) {
+        restoredProjectId = stored;
+      }
+      restoredSearch = localStorage.getItem(STORY_SEARCH_KEY) ?? undefined;
+    } catch {
+      return;
+    }
+    if (restoredProjectId !== undefined) setProjectId(restoredProjectId);
+    if (restoredSearch !== undefined) setSearchText(restoredSearch);
+    if (!restoredProjectId && !restoredSearch) return;
+    const isArchived = restoredProjectId === "__archived__";
     listStoriesFn({
       data: {
         archived: isArchived,
-        projectId: isArchived ? undefined : projectId,
-        search: searchText,
+        projectId: isArchived ? undefined : restoredProjectId,
+        search: restoredSearch,
         filters: serializeFilters(filterConditions),
       },
     }).then(resetPaging).catch(() => {});
@@ -569,22 +558,17 @@ export function StoryListView({ stories: initialStories, users: initialUsers, pr
         />
       )}
 
-      <AlertDialog open={archiveDialogOpen} onOpenChange={(v) => !archiveLoading && setArchiveDialogOpen(v)} >
-        <AlertDialogContent>
-          <AlertDialogHeader>
-            <AlertDialogTitle>{m.story_listView_archiveAllTitle()}</AlertDialogTitle>
-            <AlertDialogDescription>
-              {m.story_listView_archiveAllDescription({ count: archiveCount })}
-            </AlertDialogDescription>
-          </AlertDialogHeader>
-          <AlertDialogFooter>
-            <AlertDialogCancel disabled={archiveLoading}>{m.story_batchPreview_cancel()}</AlertDialogCancel>
-            <AlertDialogAction onClick={confirmArchiveAll} disabled={archiveLoading}>
-              {archiveLoading ? m.story_listView_archiving() : m.story_listView_confirmArchive()}
-            </AlertDialogAction>
-          </AlertDialogFooter>
-        </AlertDialogContent>
-      </AlertDialog>
+      <ConfirmDialog
+        open={archiveDialogOpen}
+        onOpenChange={(v) => !archiveLoading && setArchiveDialogOpen(v)}
+        title={m.story_listView_archiveAllTitle()}
+        description={m.story_listView_archiveAllDescription({ count: archiveCount })}
+        cancelLabel={m.story_batchPreview_cancel()}
+        confirmLabel={archiveLoading ? m.story_listView_archiving() : m.story_listView_confirmArchive()}
+        confirmDisabled={archiveLoading}
+        cancelDisabled={archiveLoading}
+        onConfirm={confirmArchiveAll}
+      />
     </div>
   );
 }

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

@@ -32,9 +32,9 @@ import {
   Trash2,
   X,
 } from "lucide-react";
-import { Button } from "@/components/ui/button";
-import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
-import { Separator } from "@/components/ui/separator";
+import { Button } from "@allbluecn/ui/button";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@allbluecn/ui/tooltip";
+import { Separator } from "@allbluecn/ui/separator";
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -43,12 +43,13 @@ import {
   DropdownMenuRadioItem,
   DropdownMenuSeparator,
   DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
-import { toast } from "@/components/ui/toast";
+} from "@allbluecn/ui/dropdown-menu";
+import { toast } from "@allbluecn/ui/toast";
 import { NameConfirmDialog } from "@/components/shared-kit/dialogs/name-confirm-dialog";
 import { archiveStoryFn, deleteStoryFn } from "@/server/serverFns/story";
 import { TransferStoryPopover } from "./transfer-story-popover";
 import { m } from "@/paraglide/messages.js";
+import { toastError } from "@/lib/toast-error";
 
 export type PeekMode = "side-peek" | "modal" | "full-screen";
 
@@ -166,7 +167,7 @@ export function StoryPanelHeader({
       toast.success(m.story_panel_archived());
       onArchived();
     } catch (e) {
-      toast.error(e instanceof Error ? e.message : m.story_panel_archiveFailed());
+      toastError(e, m.story_panel_archiveFailed());
     } finally {
       setArchiveLoading(false);
     }