chore(toolchain): upgrade Bun to 1.4.4 and migrate console to TanStack Router

apps/web/app/components/search/command-palette.tsx

@@ -1,11 +1,11 @@
 import { type SearchAction, type SearchWork, tmdbImageUrl } from "@umt/contracts";
 import { CornerDownLeft, Film, Globe, LoaderCircle, type LucideIcon, Search } from "lucide-react";
 import { type ReactNode, useEffect, useId, useMemo, useRef, useState } from "react";
-import { Link, useNavigate } from "react-router";
 import { useSearch } from "~/api/search.ts";
 import { settingsPath } from "~/components/console/nav.ts";
 import { Dialog, DialogContent, DialogDescription, DialogTitle } from "~/components/ui/dialog.tsx";
 import { errorMessage } from "~/lib/api.ts";
+import { Link, useNavigate } from "~/lib/router-compat.tsx";
 import { cn } from "~/lib/utils.ts";
 import { SearchHistory, useSearchHistory } from "./search-history.tsx";
 import { actionIcon, mediaKindLabel } from "./search-labels.ts";

apps/web/app/components/search/release-results.tsx

@@ -12,7 +12,6 @@ import {
   UsersRound,
 } from "lucide-react";
 import { useEffect, useMemo, useState } from "react";
-import { Link } from "react-router";
 import { toast } from "sonner";
 import { type ReleaseSearchFilters, useRefreshReleaseSearch, useReleaseSearch } from "~/api/search.ts";
 import { EmptyState, ErrorState, LoadingState } from "~/components/console/empty-state.tsx";
@@ -27,6 +26,7 @@ import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "~
 import { ReleaseDetailSheet } from "~/components/workbench/release-detail-sheet.tsx";
 import { absTime, relTime, remainingLabel } from "~/components/workbench/release-fields.ts";
 import { errorMessage } from "~/lib/api.ts";
+import { Link } from "~/lib/router-compat.tsx";
 import { cn, formatBytes } from "~/lib/utils.ts";
 import { QuickFilterBar } from "./quick-filter-bar.tsx";
 import {

apps/web/app/components/search/search-results-ui.test.ts

@@ -4,8 +4,8 @@ import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import type { MediaServerInventory, SearchRelease, WorkInventory } from "@umt/contracts";
 import { createElement } from "react";
 import { renderToStaticMarkup } from "react-dom/server";
-import { MemoryRouter } from "react-router";
 import { describe, expect, it } from "vitest";
+import { MemoryRouter } from "~/lib/router-compat.tsx";
 import { parseWorkRef, type ReleaseFilterState, toApiFilters, UnmatchedReleases } from "./release-results.tsx";
 import { resolvePick } from "./site-picker-dialog.tsx";
 import { inventoryBadge, mediaServerSummary, releaseSearchPath, slotLine, workHref, workRef } from "./work-card.tsx";

apps/web/app/components/search/search-sections.tsx

@@ -1,7 +1,6 @@
 import type { SearchWork } from "@umt/contracts";
 import { ArrowRight, Film, PackageSearch } from "lucide-react";
 import { useState } from "react";
-import { Link, useNavigate } from "react-router";
 import { mediaServers } from "~/api/instances.ts";
 import { useSearch } from "~/api/search.ts";
 import { EmptyState, ErrorState, LoadingState } from "~/components/console/empty-state.tsx";
@@ -9,6 +8,7 @@ import { settingsPath } from "~/components/console/nav.ts";
 import { useListPagination } from "~/components/console/use-list-pagination.ts";
 import { Button } from "~/components/ui/button.tsx";
 import { Pagination } from "~/components/ui/pagination.tsx";
+import { Link, useNavigate } from "~/lib/router-compat.tsx";
 import { actionIcon } from "./search-labels.ts";
 import { SitePickerDialog } from "./site-picker-dialog.tsx";
 import { releaseSearchPath, WorkCard, workRef } from "./work-card.tsx";

apps/web/app/components/search/site-picker-dialog.tsx

@@ -1,7 +1,6 @@
 import type { SearchSiteMode, Site } from "@umt/contracts";
 import { PackageSearch } from "lucide-react";
 import { useEffect, useMemo, useState } from "react";
-import { Link } from "react-router";
 import { useSiteOptions } from "~/api/instances.ts";
 import { useSettings } from "~/api/settings.ts";
 import { consolePath } from "~/components/console/nav.ts";
@@ -15,6 +14,7 @@ import {
   DialogHeader,
   DialogTitle,
 } from "~/components/ui/dialog.tsx";
+import { Link } from "~/lib/router-compat.tsx";
 import { cn } from "~/lib/utils.ts";
 
 // 搜资源前选站点:默认(站点页勾了「默认参与搜索」的)/ 全部启用站点 / 指定站点。

apps/web/app/components/search/work-card.tsx

@@ -1,11 +1,11 @@
 import type { MediaServerInventory, SearchWork, WorkInventory } from "@umt/contracts";
 import { ArrowRight, PackageSearch } from "lucide-react";
-import { Link } from "react-router";
 import { type MediaServerRef, useMediaServerInventory } from "~/api/search.ts";
 import { consolePath } from "~/components/console/nav.ts";
 import { StatusBadge, type StatusTone } from "~/components/console/status-badge.tsx";
 import { CoverPlaceholder } from "~/components/library/parts.tsx";
 import { Button } from "~/components/ui/button.tsx";
+import { Link } from "~/lib/router-compat.tsx";
 import { mediaKindLabel } from "./search-labels.ts";
 
 // 作品卡(SEARCH-2 第一阶段):TMDB 海报 / 年份 / 类型 / 简介摘要 + 库内状态;「详情」进作品详情页,「搜索资源」先选站点。