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

apps/web/app/components/agent/agent-conversation.tsx

@@ -19,7 +19,6 @@ import {
   RotateCcw,
 } from "lucide-react";
 import { type ReactNode, useEffect, useId, useRef, useState } from "react";
-import { Link } from "react-router";
 import { toast } from "sonner";
 import {
   type AgentRunView,
@@ -47,6 +46,7 @@ import { formatUsd } from "~/components/schedules/labels.ts";
 import { Button } from "~/components/ui/button.tsx";
 import { errorMessage } from "~/lib/api.ts";
 import { humanizeReason } from "~/lib/reasons.ts";
+import { Link } from "~/lib/router-compat.tsx";
 import { formatTokens } from "~/lib/tokens.ts";
 import { cn, formatDateTime } from "~/lib/utils.ts";
 import { InlineApproval, OptionsCard } from "./agent-interaction.tsx";

apps/web/app/components/agent/agent-drawer.tsx

@@ -1,6 +1,5 @@
 import { Bot, ChevronDown, Maximize2, SquarePen, X } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
-import { Link, useLocation } from "react-router";
 import { toast } from "sonner";
 import { agentMockEnabled, useAgentRun, useCreateAgentRun } from "~/api/agent.ts";
 import { useDownloadTask } from "~/api/downloads.ts";
@@ -11,6 +10,7 @@ import { Button } from "~/components/ui/button.tsx";
 import { Popover, PopoverContent, PopoverTrigger } from "~/components/ui/popover.tsx";
 import { Sheet, SheetClose, SheetContent, SheetDescription, SheetHeader, SheetTitle } from "~/components/ui/sheet.tsx";
 import { errorMessage } from "~/lib/api.ts";
+import { Link, useLocation } from "~/lib/router-compat.tsx";
 import { DRAFT_DRAWER_GOAL, writeDraft } from "./agent-nav.ts";
 import { AgentRunPanel, GoalComposer } from "./agent-run-panel.tsx";
 import { AgentSessionList, drawerListMemory } from "./agent-session-list.tsx";

apps/web/app/components/agent/agent-run-panel.tsx

@@ -2,7 +2,6 @@ import { useQueryClient } from "@tanstack/react-query";
 import { type AgentRunStatus, EventType } from "@umt/contracts";
 import { Bot, ChevronDown, FlaskConical, ListChecks, RefreshCw, RotateCcw, WifiOff } from "lucide-react";
 import { type ReactNode, useId, useState } from "react";
-import { useNavigate } from "react-router";
 import { toast } from "sonner";
 import {
   type AgentSessionOptions,
@@ -28,6 +27,7 @@ import { TechInfo } from "~/components/console/tech-info.tsx";
 import { formatUsd } from "~/components/schedules/labels.ts";
 import { Button } from "~/components/ui/button.tsx";
 import { errorMessage } from "~/lib/api.ts";
+import { useNavigate } from "~/lib/router-compat.tsx";
 import { useSse, useSseStatus } from "~/lib/sse.ts";
 import { formatTokens } from "~/lib/tokens.ts";
 import { cn, formatDateTime } from "~/lib/utils.ts";

apps/web/app/components/agent/agent-session-list.tsx

@@ -1,6 +1,5 @@
 import { Bot, ChevronLeft, ChevronRight, Search } from "lucide-react";
 import { useLayoutEffect, useRef, useState } from "react";
-import { Link } from "react-router";
 import { type AgentRunView, isRunActive, TRIGGER_LABEL, useAgentRuns } from "~/api/agent.ts";
 import { EmptyState, ErrorState, LoadingState } from "~/components/console/empty-state.tsx";
 import { useListPagination } from "~/components/console/use-list-pagination.ts";
@@ -9,6 +8,7 @@ import { Input } from "~/components/ui/input.tsx";
 import type { PaginationProps } from "~/components/ui/pagination.tsx";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "~/components/ui/select.tsx";
 import { relTime } from "~/components/workbench/release-fields.ts";
+import { Link } from "~/lib/router-compat.tsx";
 import { cn } from "~/lib/utils.ts";
 import { contextLabel, RunStatusBadge } from "./agent-conversation.tsx";
 import { type ListMemory, newListMemory, revealScrollTop } from "./agent-nav.ts";

apps/web/app/components/agent/agent-session-ui.test.ts

@@ -2,10 +2,10 @@ import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import type { AgentRunEvent } from "@umt/contracts";
 import { createElement, type ReactNode } from "react";
 import { renderToStaticMarkup } from "react-dom/server";
-import { MemoryRouter } from "react-router";
 import { describe, expect, it } from "vitest";
 import type { AgentRunView, GoalReport } from "~/api/agent.ts";
 import { qk } from "~/lib/query-keys.ts";
+import { MemoryRouter } from "~/lib/router-compat.tsx";
 import {
   AgentConversation,
   claimedCounts,

apps/web/app/components/agent/agent-subagents.tsx

@@ -1,11 +1,11 @@
 import type { AgentRunNode, AgentRunStatus } from "@umt/contracts";
 import { ChevronDown, CornerLeftUp, ExternalLink, GitBranch, LoaderCircle } from "lucide-react";
 import { createContext, type ReactNode, useContext, useEffect, useId, useState } from "react";
-import { Link } from "react-router";
 import { agentMockEnabled, isRunActive, useAgentRun } from "~/api/agent.ts";
 import { CHEVRON_CLASS, Disclosure } from "~/components/agentui/disclosure.tsx";
 import { LoadingState } from "~/components/console/empty-state.tsx";
 import { formatUsd } from "~/components/schedules/labels.ts";
+import { Link } from "~/lib/router-compat.tsx";
 import { cn } from "~/lib/utils.ts";
 import { AgentConversation, RunStatusBadge } from "./agent-conversation.tsx";
 import { shortGoalTitle } from "./agent-store.ts";