@allbluecn/web-app 0.17.2 → 0.18.0

package/src/components/story/display/use-paged-story-groups.ts

@@ -15,7 +15,8 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useMemo } from "react";
+import { usePagedGroupsCore } from "@/hooks/use-paged-groups";
 import type { StoryListItem, UserBrief } from "../types";
 import type { StoryFilters } from "../story-toolbar";
 import type { FilterCondition } from "../filters";
@@ -373,8 +374,6 @@ export function usePagedStoryGroups(args: PagedStoriesArgs): {
   const subGroupBy = display.subGroupBy;
   const pageSize = display.pageSize;
 
-  const [refreshTick, setRefreshTick] = useState(0);
-
   const sig = useMemo(
     () =>
       JSON.stringify([
@@ -385,319 +384,212 @@ export function usePagedStoryGroups(args: PagedStoriesArgs): {
         display.orderBy,
         display.orderDir,
         pageSize,
-        enabled,
-        refreshTick,
       ]),
-    [filters, conditions, groupBy, display.subGroupBy, display.orderBy, display.orderDir, pageSize, enabled, refreshTick],
+    [filters, conditions, groupBy, display.subGroupBy, display.orderBy, display.orderDir, pageSize],
   );
 
-  const [state, setState] = useState<PageState>({
-    sig: "",
-    groups: [],
-    isLoading: true,
-  });
-
-  const stateRef = useRef(state);
-  useEffect(() => {
-    stateRef.current = state;
-  }, [state]);
-
-  const requestRef = useRef<{ sig: string; groupBy: typeof groupBy; subGroupBy: GroupKey; pageSize: number; orderBy: typeof display.orderBy; orderDir: typeof display.orderDir; base: GroupQueryParams }>({
+  const core = usePagedGroupsCore<PagedGroupNode, StoryListItem, {
+    groupBy: typeof groupBy;
+    subGroupBy: GroupKey;
+    pageSize: number;
+    orderBy: typeof display.orderBy;
+    orderDir: typeof display.orderDir;
+    base: GroupQueryParams;
+  }>({
     sig,
-    groupBy,
-    subGroupBy,
-    pageSize,
-    orderBy: display.orderBy,
-    orderDir: display.orderDir,
-    base: buildGroupParams(filters, conditions),
-  });
-  requestRef.current = { sig, groupBy, subGroupBy, pageSize, orderBy: display.orderBy, orderDir: display.orderDir, base: buildGroupParams(filters, conditions) };
-
-  const loadingKeysRef = useRef<Set<string>>(new Set());
-
-  useEffect(() => {
-    if (!enabled) return;
-    let alive = true;
-    const startedAt = performance.now();
-    setState((s) => ({ ...s, isLoading: true }));
-
-    const ctx: GroupContext = { users, labels, projects };
-    const base = buildGroupParams(filters, conditions);
-    // 单层分组（state/priority/assignee/createdBy/project）：组 keys 与首屏 items 并行拉取，1 个 RTT 完成首屏
-    const isSingleLayer = subGroupBy === "none" && groupBy !== "none" && groupBy !== "labels";
-    // 骨架最短展示：本地数据太快到达时保证加载动画至少完整起跳可见，消除「刚播一帧就消失」的闪烁
-    const minLoadingMs = args.minLoadingMs ?? 800;
-
-    const settleWithMinDelay = (settle: () => void) => {
-      const remaining = minLoadingMs - (performance.now() - startedAt);
-      if (remaining <= 0) {
-        settle();
-        return;
-      }
-      const timer = setTimeout(() => {
-        if (alive) settle();
-      }, remaining);
-      // alive 由外层 cleanup 置 false，超时触发时不会再 setState
-      void timer;
-    };
-
-    (async () => {
-      try {
-        const [groupInfosResult, preloadedItems] = await Promise.all([
-          groupBy === "none"
-            ? Promise.resolve({ groups: [{ key: UNGROUPED_KEY, total: 0 }] })
-            : listStoryGroupsFn({
-                data: { ...base, groupBy, showEmptyGroups: display.showEmptyGroups },
-              }),
-          isSingleLayer
-            ? listAllGroupsItemsFn({
+    enabled,
+    minLoadingMs: args.minLoadingMs,
+    request: {
+      groupBy,
+      subGroupBy,
+      pageSize,
+      orderBy: display.orderBy,
+      orderDir: display.orderDir,
+      base: buildGroupParams(filters, conditions),
+    },
+    loadInitial: async () => {
+      const ctx: GroupContext = { users, labels, projects };
+      const base = buildGroupParams(filters, conditions);
+      // 单层分组（state/priority/assignee/createdBy/project）：组 keys 与首屏 items 并行拉取，1 个 RTT 完成首屏
+      const isSingleLayer = subGroupBy === "none" && groupBy !== "none" && groupBy !== "labels";
+
+      const [groupInfosResult, preloadedItems] = await Promise.all([
+        groupBy === "none"
+          ? Promise.resolve({ groups: [{ key: UNGROUPED_KEY, total: 0 }] })
+          : listStoryGroupsFn({
+              data: { ...base, groupBy, showEmptyGroups: display.showEmptyGroups },
+            }),
+        isSingleLayer
+          ? listAllGroupsItemsFn({
+              data: {
+                ...base,
+                groupBy,
+                orderBy: display.orderBy,
+                orderDir: display.orderDir,
+                skip: 0,
+                take: pageSize,
+                groupCount: estimateGroupCount(groupBy, users),
+              },
+            })
+          : Promise.resolve(null),
+      ]);
+      const groupInfos = groupInfosResult.groups as PagedGroupNode[];
+
+      const scaffolds: PagedGroupNode[] = groupInfos.map((g: PagedGroupNode) => ({
+        key: g.key,
+        label: groupBy === "none" ? m.story_group_all() : resolveGroupLabel(g.key, groupBy, ctx),
+        icon: groupBy === "none" ? undefined : resolveGroupIcon(g.key, groupBy, ctx),
+        color: resolveGroupColor(g.key, groupBy),
+        items: [],
+        subGroups: [],
+        total: g.total,
+      }));
+
+      if (isSingleLayer && preloadedItems) {
+        const itemsByGroup = preloadedItems.grouped as Record<string, StoryListItem[]>;
+        scaffolds.forEach((s) => {
+          s.items = itemsByGroup[s.key] ?? [];
+          s.hasMore = s.total != null ? s.items.length < s.total : s.items.length >= pageSize;
+        });
+      } else if (subGroupBy !== "none") {
+        // 子组模式：按顶层组枚举子组 keys，并并发加载各子组首屏；父组不直接装 item
+        await Promise.all(
+          scaffolds.map(async (g) => {
+            const subGroupsInfo = (
+              await listStoryGroupsFn({
                 data: {
                   ...base,
-                  groupBy,
-                  orderBy: display.orderBy,
-                  orderDir: display.orderDir,
-                  skip: 0,
-                  take: pageSize,
-                  groupCount: estimateGroupCount(groupBy, users),
+                  groupBy: subGroupBy,
+                  parentGroupBy: groupBy,
+                  parentGroupKey: g.key,
                 },
               })
-            : Promise.resolve(null),
-        ]);
-        const groupInfos = groupInfosResult.groups as PagedGroupNode[];
-
-        const scaffolds: PagedGroupNode[] = groupInfos.map((g: PagedGroupNode) => ({
-          key: g.key,
-          label: groupBy === "none" ? m.story_group_all() : resolveGroupLabel(g.key, groupBy, ctx),
-          icon: groupBy === "none" ? undefined : resolveGroupIcon(g.key, groupBy, ctx),
-          color: resolveGroupColor(g.key, groupBy),
-          items: [],
-          subGroups: [],
-          total: g.total,
-        }));
-
-        if (isSingleLayer && preloadedItems) {
-          const itemsByGroup = preloadedItems.grouped as Record<string, StoryListItem[]>;
-          scaffolds.forEach((s) => {
-            s.items = itemsByGroup[s.key] ?? [];
-            s.hasMore = s.total != null ? s.items.length < s.total : s.items.length >= pageSize;
-          });
-        } else if (subGroupBy !== "none") {
-          // 子组模式：按顶层组枚举子组 keys，并并发加载各子组首屏；父组不直接装 item
-          await Promise.all(
-            scaffolds.map(async (g) => {
-              const subGroupsInfo = (
-                await listStoryGroupsFn({
+            ).groups as PagedGroupNode[];
+            const subScaffolds: PagedGroupNode[] = subGroupsInfo.map((sg: PagedGroupNode) => ({
+              key: sg.key,
+              label: resolveGroupLabel(sg.key, subGroupBy, ctx),
+              icon: resolveGroupIcon(sg.key, subGroupBy, ctx),
+              color: resolveGroupColor(sg.key, subGroupBy),
+              items: [],
+              total: sg.total,
+            }));
+            const subLoaded = await Promise.all(
+              subScaffolds.map((sg) =>
+                listStoriesInGroupFn({
                   data: {
                     ...base,
-                    groupBy: subGroupBy,
-                    parentGroupBy: groupBy,
-                    parentGroupKey: g.key,
+                    groupBy,
+                    groupKey: g.key,
+                    subGroupBy,
+                    subGroupKey: sg.key,
+                    orderBy: display.orderBy,
+                    orderDir: display.orderDir,
+                    skip: 0,
+                    take: pageSize,
                   },
-                })
-              ).groups as PagedGroupNode[];
-              const subScaffolds: PagedGroupNode[] = subGroupsInfo.map((sg: PagedGroupNode) => ({
-                key: sg.key,
-                label: resolveGroupLabel(sg.key, subGroupBy, ctx),
-                icon: resolveGroupIcon(sg.key, subGroupBy, ctx),
-                color: resolveGroupColor(sg.key, subGroupBy),
-                items: [],
-                total: sg.total,
-              }));
-              const subLoaded = await Promise.all(
-                subScaffolds.map((sg) =>
-                  listStoriesInGroupFn({
-                    data: {
-                      ...base,
-                      groupBy,
-                      groupKey: g.key,
-                      subGroupBy,
-                      subGroupKey: sg.key,
-                      orderBy: display.orderBy,
-                      orderDir: display.orderDir,
-                      skip: 0,
-                      take: pageSize,
-                    },
-                  }).catch(() => ({ items: [] as StoryListItem[], total: sg.total ?? 0, hasMore: false })),
-                ),
-              );
-              subLoaded.forEach((res, i: number) => {
-                subScaffolds[i].items = res.items;
-                subScaffolds[i].total = res.total;
-                subScaffolds[i].hasMore = res.hasMore;
-              });
-              g.subGroups = subScaffolds;
-              g.totalCount = subScaffolds.reduce((sum, sg) => sum + (sg.total ?? sg.items.length), 0);
-            }),
-          );
-        } else {
-          // 无分组 / labels 分组：每组单独拉首屏
-          const loaded = await Promise.all(
-            scaffolds.map((g) =>
-              listStoriesInGroupFn({
-                data: { ...base, groupBy, groupKey: g.key, orderBy: display.orderBy, orderDir: display.orderDir, skip: 0, take: pageSize },
-              }).catch(() => ({ items: [] as StoryListItem[], total: g.total ?? 0, hasMore: false })),
-            ),
-          );
-          loaded.forEach((res, i: number) => {
-            scaffolds[i].items = res.items;
-            scaffolds[i].total = res.total;
-            scaffolds[i].hasMore = res.hasMore;
-          });
-        }
-
-        settleWithMinDelay(() => {
-          if (alive) setState({ sig, groups: scaffolds, isLoading: false });
-        });
-      } catch {
-        settleWithMinDelay(() => {
-          if (alive) setState((s) => ({ ...s, isLoading: false }));
+                }).catch(() => ({ items: [] as StoryListItem[], total: sg.total ?? 0, hasMore: false })),
+              ),
+            );
+            subLoaded.forEach((res, i: number) => {
+              subScaffolds[i].items = res.items;
+              subScaffolds[i].total = res.total;
+              subScaffolds[i].hasMore = res.hasMore;
+            });
+            g.subGroups = subScaffolds;
+            g.totalCount = subScaffolds.reduce((sum, sg) => sum + (sg.total ?? sg.items.length), 0);
+          }),
+        );
+      } else {
+        // 无分组 / labels 分组：每组单独拉首屏
+        const loaded = await Promise.all(
+          scaffolds.map((g) =>
+            listStoriesInGroupFn({
+              data: { ...base, groupBy, groupKey: g.key, orderBy: display.orderBy, orderDir: display.orderDir, skip: 0, take: pageSize },
+            }).catch(() => ({ items: [] as StoryListItem[], total: g.total ?? 0, hasMore: false })),
+          ),
+        );
+        loaded.forEach((res, i: number) => {
+          scaffolds[i].items = res.items;
+          scaffolds[i].total = res.total;
+          scaffolds[i].hasMore = res.hasMore;
         });
       }
-    })();
-
-    return () => {
-      alive = false;
-    };
-    // 闭包内的过滤/分组参数均编码进 sig，仅 sig 变化时重载
-  }, [sig]);
-
-  const loadMore = useCallback((containerKey: string, subContainerKey?: string) => {
-    const { sig: currentSig, base, groupBy, subGroupBy, pageSize, orderBy, orderDir } = requestRef.current;
-    const snapshot = stateRef.current;
-    if (snapshot.sig !== currentSig) return;
-    const group = snapshot.groups.find((g) => g.key === containerKey);
-    if (!group) return;
-    const target = subContainerKey
-      ? group.subGroups?.find((sg) => sg.key === subContainerKey)
-      : group;
-    if (!target || target.loading || !target.hasMore) return;
-    const loadKey = subContainerKey ? `${containerKey}/${subContainerKey}` : containerKey;
-    if (loadingKeysRef.current.has(loadKey)) return;
-    loadingKeysRef.current.add(loadKey);
-
-    setState((prev) => {
-      if (prev.sig !== currentSig) return prev;
-      return {
-        ...prev,
-        groups: prev.groups.map((g) => {
-          if (g.key !== containerKey) return g;
-          if (subContainerKey) {
-            return {
-              ...g,
-              subGroups: (g.subGroups ?? []).map((sg) =>
-                sg.key === subContainerKey ? { ...sg, loading: true } : sg,
-              ),
-            };
-          }
-          return { ...g, loading: true };
-        }),
-      };
-    });
 
-    void listStoriesInGroupFn({
-      data: {
-        ...base,
-        groupBy,
-        groupKey: containerKey,
-        subGroupBy: subContainerKey ? subGroupBy : "none",
-        subGroupKey: subContainerKey ?? "",
-        orderBy,
-        orderDir,
-        skip: target.items.length,
-        take: pageSize,
-      },
-    })
-      .then((res: { items: StoryListItem[]; total: number | undefined; hasMore: boolean }) => {
-        loadingKeysRef.current.delete(loadKey);
-        setState((prev) => {
-          if (prev.sig !== currentSig) return prev;
-          const g = prev.groups.find((x) => x.key === containerKey);
-          if (!g) return prev;
-          if (subContainerKey) {
-            const updatedSubGroups = (g.subGroups ?? []).map((s) =>
-              s.key === subContainerKey
-                ? {
-                    ...s,
-                    items: [...s.items, ...res.items.filter((si: StoryListItem) => !new Set(s.items.map((x) => x.id)).has(si.id))],
-                    total: res.total,
-                    hasMore: res.hasMore,
-                    loading: false,
-                  }
-                : s,
-            );
-            const newTotalCount = updatedSubGroups.reduce((sum, sg) => sum + (sg.total ?? sg.items.length), 0);
-            return {
-              ...prev,
-              groups: prev.groups.map((x) =>
-                x.key === containerKey
-                  ? { ...x, subGroups: updatedSubGroups, totalCount: newTotalCount }
-                  : x,
-              ),
-            };
-          }
-          const known = new Set(g.items.map((s) => s.id));
-          const fresh = res.items.filter((s: StoryListItem) => !known.has(s.id));
+      return scaffolds;
+    },
+    fetchPage: (req, groupKey, subGroupKey, skip) =>
+      listStoriesInGroupFn({
+        data: {
+          ...req.base,
+          groupBy,
+          groupKey,
+          subGroupBy: subGroupKey ? req.subGroupBy : "none",
+          subGroupKey: subGroupKey ?? "",
+          orderBy: req.orderBy,
+          orderDir: req.orderDir,
+          skip,
+          take: req.pageSize,
+        },
+      }),
+    findContainer: (groups, groupKey, subGroupKey) => {
+      const group = groups.find((g) => g.key === groupKey);
+      if (!group) return null;
+      return subGroupKey ? group.subGroups?.find((sg) => sg.key === subGroupKey) ?? null : group;
+    },
+    containerLoadKey: (groupKey, subGroupKey) => (subGroupKey ? `${groupKey}/${subGroupKey}` : groupKey),
+    setLoading: (groups, groupKey, subGroupKey, loading) =>
+      groups.map((g) => {
+        if (g.key !== groupKey) return g;
+        if (subGroupKey) {
           return {
-            ...prev,
-            groups: prev.groups.map((x) =>
-              x.key === containerKey
-                ? { ...x, items: [...x.items, ...fresh], total: res.total, hasMore: res.hasMore, loading: false }
-                : x,
+            ...g,
+            subGroups: (g.subGroups ?? []).map((sg) =>
+              sg.key === subGroupKey ? { ...sg, loading } : sg,
             ),
           };
-        });
-      })
-      .catch(() => {
-        loadingKeysRef.current.delete(loadKey);
-        setState((prev) => {
-          if (prev.sig !== currentSig) return prev;
-          return {
-            ...prev,
-            groups: prev.groups.map((g) => {
-              if (g.key !== containerKey) return g;
-              if (subContainerKey) {
-                return {
-                  ...g,
-                  subGroups: (g.subGroups ?? []).map((sg) =>
-                    sg.key === subContainerKey ? { ...sg, loading: false } : sg,
-                  ),
-                };
-              }
-              return { ...g, loading: false };
-            }),
-          };
-        });
-      });
-  }, []);
-
-  const refresh = useCallback(() => setRefreshTick((t) => t + 1), []);
-
-  const patchStory = useCallback(
-    (storyId: string, patch: StoryPatch) => {
-      const req = requestRef.current;
-      const snapshot = stateRef.current;
-      if (snapshot.sig !== req.sig) {
-        refresh();
-        return;
-      }
-      const result = applyPatchToGroups(snapshot.groups, storyId, patch, {
+        }
+        return { ...g, loading };
+      }),
+    mergePage: (groups, groupKey, subGroupKey, page) =>
+      groups.map((x) => {
+        if (x.key !== groupKey) return x;
+        if (subGroupKey) {
+          const updatedSubGroups = (x.subGroups ?? []).map((s) =>
+            s.key === subGroupKey
+              ? {
+                  ...s,
+                  items: [...s.items, ...page.items.filter((si: StoryListItem) => !new Set(s.items.map((x2) => x2.id)).has(si.id))],
+                  total: page.total,
+                  hasMore: page.hasMore,
+                  loading: false,
+                }
+              : s,
+          );
+          const newTotalCount = updatedSubGroups.reduce((sum, sg) => sum + (sg.total ?? sg.items.length), 0);
+          return { ...x, subGroups: updatedSubGroups, totalCount: newTotalCount };
+        }
+        const known = new Set(x.items.map((s) => s.id));
+        const fresh = page.items.filter((s: StoryListItem) => !known.has(s.id));
+        return { ...x, items: [...x.items, ...fresh], total: page.total, hasMore: page.hasMore, loading: false };
+      }),
+    applyPatch: (groups, req, storyId, patch) =>
+      applyPatchToGroups(groups, storyId, patch as StoryPatch, {
         users: args.users,
         labels: args.labels,
         groupBy: req.groupBy,
         subGroupBy: req.subGroupBy,
         orderBy: req.orderBy,
         orderDir: req.orderDir,
-      });
-      if (result === "refresh") {
-        refresh();
-        return;
-      }
-      if (result == null) return;
-      setState((prev) => (prev.sig !== snapshot.sig ? prev : { ...prev, groups: result }));
-    },
-    // users/labels 经 args 读取以避免闭包过期；refresh 引用稳定
-    [args.users, args.labels, refresh],
-  );
+      }),
+  });
 
-  return { groups: state.groups, isLoading: state.isLoading, loadMore, refresh, patchStory };
-}
+  return {
+    groups: core.groups,
+    isLoading: core.isLoading,
+    loadMore: (groupKey, subGroupKey) => {
+      core.loadMore(groupKey, subGroupKey);
+    },
+    refresh: core.refresh,
+    patchStory: (storyId, patch) => core.dispatchPatch(storyId, patch),
+  };
+}

package/src/components/story/filters/add-filter-dropdown.tsx

@@ -17,9 +17,9 @@
 
 import { useState } from "react";
 import { Plus } from "lucide-react";
-import { Button } from "@/components/ui/button";
+import { Button } from "@allbluecn/ui/button";
 import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
-import { FILTER_FIELD_CONFIGS, getFilterIcon, type FilterKey, type FilterCondition } from "./filter-types";
+import { FILTER_FIELD_CONFIGS, type FilterKey, type FilterCondition } from "./filter-types";
 import { m } from "@/paraglide/messages.js";
 
 interface AddFilterDropdownProps {

package/src/components/story/filters/applied-filters.tsx

@@ -17,10 +17,10 @@
 
 import { X, Calendar, CircleUser, Archive, BrushCleaning } from "lucide-react";
 import { format, parseISO, isValid } from "date-fns";
-import { Button } from "@/components/ui/button";
+import { Button } from "@allbluecn/ui/button";
 import { UserAvatar } from "@/components/shared-kit";
 import { PriorityIcon } from "../priority-icon";
-import { STORY_STATES, STATE_ICON, PRIORITY_LABEL, type StoryState, type StoryPriority } from "../constants";
+import { STORY_STATES, STATE_ICON, PRIORITY_LABEL, type StoryPriority } from "../constants";
 import { getFilterLabel, getFilterIcon, type FilterCondition, type FilterKey } from "./filter-types";
 import { cn } from "@/lib/utils";
 import type { UserBrief } from "../types";

package/src/components/story/filters/filter-row.tsx

@@ -17,7 +17,7 @@
 
 import { useCallback } from "react";
 import { CopyPlus, BrushCleaning, X } from "lucide-react";
-import { Button } from "@/components/ui/button";
+import { Button } from "@allbluecn/ui/button";
 import { AddFilterDropdown } from "./add-filter-dropdown";
 import { FilterConditionRow } from "./filter-condition";
 import { createDefaultCondition, type FilterCondition, type FilterKey, type FilterOperator } from "./filter-types";

package/src/components/story/filters/filter-toggle.tsx

@@ -17,8 +17,8 @@ import { m } from '@/paraglide/messages.js'
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
 import { ListFilter, ListFilterPlus } from "lucide-react";
-import { Button } from "@/components/ui/button";
-import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
+import { Button } from "@allbluecn/ui/button";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@allbluecn/ui/tooltip";
 import { cn } from "@/lib/utils";
 import type { FilterCondition } from "./filter-types";
 

package/src/components/story/filters/filter-value-input.tsx

@@ -15,7 +15,7 @@
 // You should have received a copy of the GNU Affero General Public License
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 
-import { useState, useRef, useEffect } from "react";
+import { useState } from "react";
 import { CalendarIcon } from "lucide-react";
 import { format } from "date-fns";
 import type { DateRange } from "react-day-picker";

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

@@ -26,12 +26,12 @@ if (typeof globalThis.ResizeObserver === "undefined") {
 
 import { describe, it, expect, vi, beforeEach } from "vitest";
 import { render, screen, fireEvent, waitFor } from "@testing-library/react";
-import { TooltipProvider } from "@/components/ui/tooltip";
+import { TooltipProvider } from "@allbluecn/ui/tooltip";
 import { DependencyTypeSelect } from "../dependency-type-select";
 
 ;
 
-vi.mock("@/components/ui/tooltip", () => ({
+vi.mock("@allbluecn/ui/tooltip", () => ({
   TooltipProvider: ({ children }: { children: React.ReactNode }) => <div>{children}</div>,
   Tooltip: ({ children }: { children: React.ReactNode }) => <div>{children}</div>,
   TooltipContent: ({ children, ...props }: { children: React.ReactNode; side?: string; className?: string }) => (

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

@@ -17,7 +17,7 @@
 
 import { describe, it, expect, vi, beforeEach } from "vitest";
 import { render, screen, fireEvent, waitFor } from "@testing-library/react";
-import { TooltipProvider } from "@/components/ui/tooltip";
+import { TooltipProvider } from "@allbluecn/ui/tooltip";
 import { LabelsEditor } from "../labels-editor";
 
 ;
@@ -30,7 +30,7 @@ vi.mock("@/lib/auth/auth-client", () => ({
   useSession: () => ({ data: { user: { hasAiKey: true } } }),
 }));
 
-vi.mock("@/components/ui/toast", () => ({
+vi.mock("@allbluecn/ui/toast", () => ({
   toast: { error: vi.fn(), success: vi.fn() },
 }));
 

package/src/components/story/inline-editors/__tests__/priority-editor.test.tsx

@@ -26,7 +26,7 @@ if (typeof globalThis.ResizeObserver === "undefined") {
 
 import { describe, it, expect, vi, beforeEach } from "vitest";
 import { render, screen, fireEvent } from "@testing-library/react";
-import { TooltipProvider } from "@/components/ui/tooltip";
+import { TooltipProvider } from "@allbluecn/ui/tooltip";
 import { PriorityEditor } from "../priority-editor";
 
 ;

package/src/components/story/inline-editors/__tests__/state-editor.test.tsx

@@ -26,7 +26,7 @@ if (typeof globalThis.ResizeObserver === "undefined") {
 
 import { describe, it, expect, vi, beforeEach } from "vitest";
 import { render, screen, fireEvent } from "@testing-library/react";
-import { TooltipProvider } from "@/components/ui/tooltip";
+import { TooltipProvider } from "@allbluecn/ui/tooltip";
 import { StateEditor } from "../state-editor";
 
 ;

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

@@ -17,7 +17,7 @@
 
 import { useMemo, useState } from "react";
 import { CircleUser, Search, Check, ArrowDownUp } from "lucide-react";
-import { Input } from "@/components/ui/input";
+import { Input } from "@allbluecn/ui/input";
 import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
 import { UserAvatar } from "@/components/shared-kit";
 import type { UserBrief } from "../types";