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

apps/web/app/components/downloads/business-tasks.tsx

@@ -1,7 +1,6 @@
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { cursorPage, Task, type TaskKind, type TaskStatus } from "@umt/contracts";
 import { RotateCcw, Square } from "lucide-react";
-import { Link } from "react-router";
 import { toast } from "sonner";
 import { apiMutate } from "~/api/parse.ts";
 import { DetailSection } from "~/components/console/detail-sheet.tsx";
@@ -11,6 +10,7 @@ import { StatusBadge } from "~/components/console/status-badge.tsx";
 import { Button } from "~/components/ui/button.tsx";
 import { errorMessage } from "~/lib/api.ts";
 import { actorText } from "~/lib/labels.ts";
+import { Link } from "~/lib/router-compat.tsx";
 import { formatDateTime } from "~/lib/utils.ts";
 
 // 旧业务任务(task 表)的展示零件:引擎只负责推进,task 表是面向用户的投影;取消只停后续步骤,重试只对失败任务。

apps/web/app/components/downloads/business-timeline.tsx

@@ -1,9 +1,9 @@
 import { ExternalLink } from "lucide-react";
-import { Link } from "react-router";
 import type { TimelineEvent, TimelineStage } from "~/api/tasks.ts";
 import { LoadingState } from "~/components/console/empty-state.tsx";
 import { StatusBadge } from "~/components/console/status-badge.tsx";
 import { Timeline } from "~/components/console/timeline.tsx";
+import { Link } from "~/lib/router-compat.tsx";
 
 // 业务时间线(参考 MovieClaw task-activity):把观察 → 计划 → 下载 → 整理 → Agent 串成一个业务过程,
 // 阶段计数与首页/侧栏同口径;每条事件都有文字说明,不只靠颜色。

apps/web/app/components/downloads/cache-volumes.tsx

@@ -1,6 +1,5 @@
 import type { Dashboard } from "@umt/contracts";
 import { Brush, HardDrive, SlidersHorizontal } from "lucide-react";
-import { Link, useNavigate } from "react-router";
 import { toast } from "sonner";
 import { useCacheCleanup, useCacheVolumes } from "~/api/downloads.ts";
 import { downloaders } from "~/api/instances.ts";
@@ -12,6 +11,7 @@ import { StatusBadge } from "~/components/console/status-badge.tsx";
 import { TechInfo } from "~/components/console/tech-info.tsx";
 import { Button } from "~/components/ui/button.tsx";
 import { errorMessage } from "~/lib/api.ts";
+import { Link, useNavigate } from "~/lib/router-compat.tsx";
 import { cn, formatBytes } from "~/lib/utils.ts";
 
 type Volume = Dashboard["cache"]["volumes"][number];

apps/web/app/components/downloads/download-board.tsx

@@ -7,12 +7,12 @@ import type {
 } from "@umt/contracts";
 import { ArrowDown, ArrowUp, CheckCircle2, Download } from "lucide-react";
 import type { ReactNode } from "react";
-import { Link } from "react-router";
 import type { DataColumn } from "~/components/console/data-table.tsx";
 import { consolePath } from "~/components/console/nav.ts";
 import { StatusBadge } from "~/components/console/status-badge.tsx";
 import { SegmentedControl } from "~/components/ui/segmented.tsx";
 import { relTime } from "~/components/workbench/release-fields.ts";
+import { Link } from "~/lib/router-compat.tsx";
 import { cn, formatBytes, formatDateTime } from "~/lib/utils.ts";
 import { formatEta, formatSpeed, liveStateLabel, organizeState, peersText, progressOf } from "./board-format.ts";
 import { DownloadStatusBadges, PauseResume, ProgressLine } from "./download-detail.tsx";

apps/web/app/components/downloads/download-detail.test.ts

@@ -1,8 +1,8 @@
 import type { PublicOrganizationRecord } from "@umt/contracts";
 import { createElement } from "react";
 import { renderToStaticMarkup } from "react-dom/server";
-import { MemoryRouter } from "react-router";
 import { expect, it } from "vitest";
+import { MemoryRouter } from "~/lib/router-compat.tsx";
 import { DownloadOrganizeIssue } from "./download-detail.tsx";
 
 const render = (status: PublicOrganizationRecord["status"]) =>

apps/web/app/components/downloads/manual-download-dialog.tsx

@@ -1,7 +1,6 @@
 import type { AssetVersion, DownloadSaveTarget, ManualAcquisitionResult } from "@umt/contracts";
 import { ArrowDown, ArrowUp, Bot, ChevronDown, Download, Search, Settings2, X } from "lucide-react";
 import { useEffect, useId, useState } from "react";
-import { Link, useNavigate } from "react-router";
 import { toast } from "sonner";
 import { useDownloadSavePaths } from "~/api/downloads.ts";
 import { useEntityDetail } from "~/api/library.ts";
@@ -27,6 +26,7 @@ import { Input } from "~/components/ui/input.tsx";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "~/components/ui/select.tsx";
 import { absTime, relTime } from "~/components/workbench/release-fields.ts";
 import { errorMessage } from "~/lib/api.ts";
+import { Link, useNavigate } from "~/lib/router-compat.tsx";
 import { cn, formatBytes } from "~/lib/utils.ts";
 import {
   buildManualOptions,

apps/web/app/components/downloads/plan-row.tsx

@@ -1,6 +1,5 @@
 import type { DownloadBoardPlanItem } from "@umt/contracts";
 import { Check, X } from "lucide-react";
-import { Link } from "react-router";
 import { toast } from "sonner";
 import { useDecideApproval, useIsAdminSession } from "~/api/agent.ts";
 import { useCancelPlan, usePlanWhy } from "~/api/downloads.ts";
@@ -14,6 +13,7 @@ import { TechInfo } from "~/components/console/tech-info.tsx";
 import { Button } from "~/components/ui/button.tsx";
 import { errorMessage } from "~/lib/api.ts";
 import { reasonCode } from "~/lib/reasons.ts";
+import { Link } from "~/lib/router-compat.tsx";
 import { formatBytes, formatDateTime } from "~/lib/utils.ts";
 import { PLAN_WAIT, PURPOSE_LABEL, planWaitHint, whyText } from "./plan-format.ts";