(fix): actually migrate all the imports from tensamin/ui to methanium/ui

(feat): update legal loading screen

apps/tauri/src/deeplinkHandler.tsx

@@ -7,7 +7,7 @@ import {
 } from "react";
 import { getCurrent, onOpenUrl } from "@tauri-apps/plugin-deep-link";
 import { isTauri } from "@tauri-apps/api/core";
-import { useIsMobile } from "@tensamin/ui";
+import { useIsMobile } from "@methanium/ui";
 
 type DeeplinkContextValue = {
   deeplinks: readonly string[];

apps/tauri/src/qrCodeScanner.tsx

@@ -3,7 +3,7 @@ import {
   Format,
   requestPermissions,
 } from "@tauri-apps/plugin-barcode-scanner";
-import { Button } from "@tensamin/ui";
+import { Button } from "@methanium/ui";
 
 import { toast } from "@tensamin/shared/log";
 

apps/web/src/components/modals/basic.tsx

@@ -6,9 +6,9 @@ import {
   Tooltip,
   TooltipTrigger,
   TooltipContent,
-} from "@tensamin/ui";
+} from "@methanium/ui";
-import { Card, CardHeader } from "@tensamin/ui";
+import { Card, CardHeader } from "@methanium/ui";
-import { Skeleton } from "@tensamin/ui";
+import { Skeleton } from "@methanium/ui";
 import { getStatusColor } from "@tensamin/shared/data";
 
 export function Basic({

apps/web/src/components/modals/profile.tsx

@@ -1,5 +1,5 @@
 import type { User } from "@tensamin/user/context";
-import { Avatar, AvatarFallback, AvatarImage, Button } from "@tensamin/ui";
+import { Avatar, AvatarFallback, AvatarImage, Button } from "@methanium/ui";
 import Text from "@tensamin/markdown/text";
 import { ChevronDown, ChevronUp } from "lucide-react";
 import { useState } from "react";

apps/web/src/components/navbar.tsx

@@ -4,17 +4,17 @@ import {
   PopoverContent,
   PopoverTrigger,
   useIsMobile,
-} from "@tensamin/ui";
+} from "@methanium/ui";
 import { ArrowLeft, House, Phone, Settings, User } from "lucide-react";
 import { useLocation, useNavigate, useSearch } from "@tanstack/react-router";
 import { joinCall, useCall } from "@tensamin/call/store";
 import Wrapper from "@tensamin/user/wrapper";
-import { Skeleton } from "@tensamin/ui";
+import { Skeleton } from "@methanium/ui";
-import { Select, SelectContent, SelectItem, SelectTrigger } from "@tensamin/ui";
+import { Select, SelectContent, SelectItem, SelectTrigger } from "@methanium/ui";
 import { displayCallId } from "@tensamin/call/utils";
 import { useState } from "react";
-import { SidebarTrigger, useSidebar } from "@tensamin/ui";
+import { SidebarTrigger, useSidebar } from "@methanium/ui";
-import { WindowControls as Controls } from "@tensamin/ui";
+import { WindowControls as Controls } from "@methanium/ui";
 import { useSession } from "@tensamin/storage/session";
 import Profile from "./modals/profile";
 

apps/web/src/components/screens/login/form.tsx

@@ -1,6 +1,6 @@
-import { Button, cn, useIsMobile } from "@tensamin/ui";
+import { Button, cn, useIsMobile } from "@methanium/ui";
-import { Input } from "@tensamin/ui";
+import { Input } from "@methanium/ui";
-import { Label } from "@tensamin/ui";
+import { Label } from "@methanium/ui";
 import { useStorage } from "@tensamin/storage/context";
 import { log, toast } from "@tensamin/shared/log";
 import { File } from "lucide-react";

apps/web/src/components/sidebar.tsx

@@ -26,9 +26,9 @@ import {
   SelectValue,
   SelectContent,
   SelectItem,
-} from "@tensamin/ui";
+} from "@methanium/ui";
 import { isTauri } from "@tauri-apps/api/core";
-import { useIsMobile } from "@tensamin/ui";
+import { useIsMobile } from "@methanium/ui";
 import { MobileNavbar } from "./navbar";
 
 import SidebarBox from "@tensamin/call/sidebarBox";

apps/web/src/features/conversation/modal/conversation.tsx

@@ -6,9 +6,9 @@ import {
   ContextMenuGroup,
   ContextMenuItem,
   ContextMenuTrigger,
-} from "@tensamin/ui";
+} from "@methanium/ui";
 import { useNavigate } from "@tanstack/react-router";
-import { useSidebar } from "@tensamin/ui";
+import { useSidebar } from "@methanium/ui";
 
 export default function ConversationModal({ userId }: { userId: number }) {
   const navigate = useNavigate();

apps/web/src/index.tsx

@@ -9,7 +9,7 @@ import {
 } from "@tanstack/react-router";
 
 import "./index.css";
-import "@tensamin/ui/index.css";
+import "@methanium/ui/index.css";
 
 import NotFound from "@/routes/404";
 
@@ -33,7 +33,7 @@ import NotificationsProvider from "@tensamin/notifications/context";
 
 import TAuthWrapper from "@tensamin/tauth/context";
 
-import { ErrorScreen, ThemeProvider, useTheme } from "@tensamin/ui";
+import { ErrorScreen, ThemeProvider, useTheme } from "@methanium/ui";
 import z from "zod";
 
 import { useEffect, useRef, useState, type ReactNode } from "react";
@@ -48,7 +48,7 @@ import CacheSync from "@tensamin/cache/sync";
 
 import { useStorage } from "@tensamin/storage/context";
 import { useLocation, useNavigate } from "@tanstack/react-router";
-import { useIsMobile, Toaster, TooltipProvider } from "@tensamin/ui";
+import { useIsMobile, Toaster, TooltipProvider } from "@methanium/ui";
 import { isTauri } from "@tauri-apps/api/core";
 
 const wrapper = document.getElementById("root");

apps/web/src/routes/app/home.tsx

@@ -9,7 +9,7 @@ import {
   Input,
   Button,
   useIsMobile,
-} from "@tensamin/ui";
+} from "@methanium/ui";
 import z from "zod";
 import { useMTP } from "@tensamin/mtp";
 import { useState } from "react";

apps/web/src/routes/app/layout.tsx

@@ -4,7 +4,7 @@ import Sidebar from "@/components/sidebar";
 import Navbar, { MobileNavbar } from "@/components/navbar";
 import { useShowMobileNavbar } from "./useShowMobileNavbar";
 
-import { useIsMobile, cn, SidebarProvider } from "@tensamin/ui";
+import { useIsMobile, cn, SidebarProvider } from "@methanium/ui";
 
 import { isTauri } from "@tauri-apps/api/core";
 

apps/web/src/routes/screens/login.tsx

@@ -1,5 +1,5 @@
 import Form from "@/components/screens/login/form";
-import { CreateScreen } from "@tensamin/ui";
+import { CreateScreen } from "@methanium/ui";
 
 /**
  * Executes Page.

packages/call/src/components/actions.tsx

@@ -5,7 +5,7 @@ import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
-} from "@tensamin/ui";
+} from "@methanium/ui";
 import { useEffect, useState } from "react";
 import MuteButton from "./buttons/mute";
 import DeafButton from "./buttons/deaf";

packages/call/src/components/buttons/deaf.tsx

@@ -1,4 +1,4 @@
-import { Button, withTooltip } from "@tensamin/ui";
+import { Button, withTooltip } from "@methanium/ui";
 import { toggleDeaf, useCall } from "../../store";
 import { HeadphoneOff, Headphones } from "lucide-react";
 import { type CallButtonProps, iconScale } from "./tooltipButton";

packages/call/src/components/buttons/invite.tsx

@@ -7,7 +7,7 @@ import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
-} from "@tensamin/ui";
+} from "@methanium/ui";
 import Wrapper from "@tensamin/user/wrapper";
 import { Mail } from "lucide-react";
 import { sendCallInvite, useCall } from "../../store";

packages/call/src/components/buttons/leave.tsx

@@ -1,5 +1,5 @@
 import { LeaveIcon } from "@livekit/components-react";
-import { Button, withTooltip } from "@tensamin/ui";
+import { Button, withTooltip } from "@methanium/ui";
 import { disconnect, useCall } from "../../store";
 import { type CallButtonProps, iconScale } from "./tooltipButton";
 

packages/call/src/components/buttons/mute.tsx

@@ -1,4 +1,4 @@
-import { Button, withTooltip } from "@tensamin/ui";
+import { Button, withTooltip } from "@methanium/ui";
 import { toggleMute, useCall } from "../../store";
 import { Mic, MicOff } from "lucide-react";
 import { type CallButtonProps, iconScale } from "./tooltipButton";

packages/call/src/components/buttons/screenshare.tsx

@@ -7,7 +7,7 @@ import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
-} from "@tensamin/ui";
+} from "@methanium/ui";
 import { MonitorDot, ScreenShare } from "lucide-react";
 import { toast } from "@tensamin/shared/log";
 import { isTauri } from "@tauri-apps/api/core";

packages/call/src/components/invitePopup.tsx

@@ -5,7 +5,7 @@ import {
   Button,
   Dialog,
   DialogContent,
-} from "@tensamin/ui";
+} from "@methanium/ui";
 import Wrapper from "@tensamin/user/wrapper";
 import { PhoneIncoming, X } from "lucide-react";
 

packages/call/src/components/modals/base.tsx

@@ -5,7 +5,7 @@ import {
   Button,
   ContextMenu as UIContextMenu,
   ContextMenuTrigger,
-} from "@tensamin/ui";
+} from "@methanium/ui";
 import {
   focusParticipant,
   getRoomMetadata,

packages/call/src/components/modals/contextMenu.tsx

@@ -4,7 +4,7 @@ import {
   ContextMenuItem,
   ContextMenuSeparator,
   Slider,
-} from "@tensamin/ui";
+} from "@methanium/ui";
 import type { User } from "@tensamin/user/context";
 import { useCall } from "../../store";
 import { useState } from "react";

packages/call/src/components/popout.tsx

@@ -3,7 +3,7 @@ import VideoViewer from "./videoViewer";
 import { useLocation } from "@tanstack/react-router";
 import { getRoom, stopWatchingStream, useCall } from "../store";
 import { useState, useRef, useEffect, useCallback } from "react";
-import { Button, cn } from "@tensamin/ui";
+import { Button, cn } from "@methanium/ui";
 import { ScreenShareOff } from "lucide-react";
 
 function getTrackPublicationBySource(

packages/call/src/components/screenshareDialog.tsx

@@ -14,7 +14,7 @@ import {
   SelectTrigger,
   SelectValue,
   Switch,
-} from "@tensamin/ui";
+} from "@methanium/ui";
 import {
   type DesktopScreenShareAudioOutput,
   type DesktopScreenShareCapabilities,

packages/call/src/components/sidebarBox.tsx

@@ -9,7 +9,7 @@ import {
   TooltipContent,
   TooltipTrigger,
   useIsMobile,
-} from "@tensamin/ui";
+} from "@methanium/ui";
 import ScreenshareButton from "./buttons/screenshare";
 import MuteButton from "./buttons/mute";
 import DeafButton from "./buttons/deaf";

packages/call/src/components/top.tsx

@@ -9,7 +9,7 @@ import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
-} from "@tensamin/ui";
+} from "@methanium/ui";
 
 export default function TopBar() {
   const { get } = useUser();

packages/call/src/components/videoViewer.tsx

@@ -1,7 +1,7 @@
 import { VideoTrack, useParticipantTracks } from "@livekit/components-react";
 import { TrackPublication } from "livekit-client";
 import { getRoom } from "../store";
-import { cn } from "@tensamin/ui";
+import { cn } from "@methanium/ui";
 import { Loader2 } from "lucide-react";
 
 export default function VideoViewer({

packages/chat/src/components/emojiPicker.tsx

@@ -1,4 +1,4 @@
-import { Button } from "@tensamin/ui";
+import { Button } from "@methanium/ui";
 import Emoji from "@tensamin/markdown/emoji";
 import { getRecentEmojis, useEmojiRanks } from "./emojiRanks";
 

packages/chat/src/components/gifPicker.tsx

@@ -7,7 +7,7 @@ import {
   TabsContent,
   TabsList,
   TabsTrigger,
-} from "@tensamin/ui";
+} from "@methanium/ui";
 import { useStorage } from "@tensamin/storage/context";
 import { Loader2, Search } from "lucide-react";
 import MediaSaveButton from "./mediaSaveButton";

packages/chat/src/components/input.tsx

@@ -9,16 +9,16 @@ import {
   PopoverContent,
   PopoverTrigger,
   Skeleton,
-} from "@tensamin/ui";
+} from "@methanium/ui";
 import { useStorage } from "@tensamin/storage/context";
 import React, { useEffect, useState, useRef } from "react";
-import { Button } from "@tensamin/ui";
+import { Button } from "@methanium/ui";
 
 import { Plus, Laugh, FileVideo, Forward, X } from "lucide-react";
 import { useChat, useReplyMessage } from "../context";
 import { useMTP } from "@tensamin/mtp";
 import { log, toast } from "@tensamin/shared/log";
-import { cn, useIsMobile } from "@tensamin/ui";
+import { cn, useIsMobile } from "@methanium/ui";
 import { encryptChatText } from "@tensamin/crypto/chatSecret";
 
 import { useSession } from "@tensamin/storage/session";

packages/chat/src/components/media.tsx

@@ -1,6 +1,6 @@
 import Text from "@tensamin/markdown/text";
 import { useStorage } from "@tensamin/storage/context";
-import { Tooltip, TooltipContent, TooltipTrigger } from "@tensamin/ui";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@methanium/ui";
 import { TriangleAlert } from "lucide-react";
 import { useState, useMemo, useEffect } from "react";
 import MediaSaveButton from "./mediaSaveButton";

packages/chat/src/components/mediaSaveButton.tsx

@@ -1,4 +1,4 @@
-import { Button, cn } from "@tensamin/ui";
+import { Button, cn } from "@methanium/ui";
 import { useStorage } from "@tensamin/storage/context";
 import { Save } from "lucide-react";
 import { useEffect, useState } from "react";

packages/chat/src/components/message.tsx

@@ -11,7 +11,7 @@ import {
   Button,
   cn,
   Skeleton,
-} from "@tensamin/ui";
+} from "@methanium/ui";
 import MessageContextMenu from "./messageContextMenu";
 import Media from "./media";
 import { useStorage } from "@tensamin/storage/context";

packages/chat/src/components/messageContextMenu.tsx

@@ -23,7 +23,7 @@ import {
   TooltipContent,
   TooltipTrigger,
   useIsMobile,
-} from "@tensamin/ui";
+} from "@methanium/ui";
 import {
   Clipboard,
   Ellipsis,

packages/chat/src/screen.tsx

@@ -20,7 +20,7 @@ import {
   type RawMessage,
 } from "./values";
 import Wrapper from "@tensamin/user/wrapper";
-import { Skeleton } from "@tensamin/ui";
+import { Skeleton } from "@methanium/ui";
 
 type MessageChunk = {
   key: string;

packages/markdown/src/emoji.test.ts

@@ -1,7 +1,7 @@
 import { describe, expect, it, vi } from "vitest";
 import type { ReactNode } from "react";
 
-vi.mock("@tensamin/ui", () => ({
+vi.mock("@methanium/ui", () => ({
   Tooltip: ({ children }: { children: ReactNode }) => children,
   TooltipContent: ({ children }: { children: ReactNode }) => children,
   TooltipTrigger: ({ render }: { render: ReactNode }) => render,

packages/markdown/src/emoji.tsx

@@ -1,5 +1,5 @@
 import twemoji from "@twemoji/api";
-import { Tooltip, TooltipContent, TooltipTrigger } from "@tensamin/ui";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@methanium/ui";
 import { resolveEmoji } from "./emojiData";
 
 export {

packages/mtp/src/context.tsx

@@ -14,7 +14,7 @@ import { MTPClient } from "mtp";
 import { type z } from "zod";
 import { ConnectionState } from "mtp";
 import createAsyncQueue from "@tensamin/shared/asyncQueue";
-import { toast as sonnerToast } from "@tensamin/ui";
+import { toast as sonnerToast } from "@methanium/ui";
 
 import {
   type Calls,

packages/notifications/src/context.tsx

@@ -4,7 +4,7 @@ import { useChat } from "@tensamin/chat/context";
 import { useMTP } from "@tensamin/mtp";
 import { createContext, useEffect, useContext } from "react";
 import { toast as sonnerToast } from "sonner";
-import { Avatar, AvatarFallback, AvatarImage } from "@tensamin/ui";
+import { Avatar, AvatarFallback, AvatarImage } from "@methanium/ui";
 import { isTauri } from "@tauri-apps/api/core";
 import { useSession } from "@tensamin/storage/session";
 import { useNavigate } from "@tanstack/react-router";

packages/onboarding/src/index.tsx

@@ -1,12 +1,10 @@
 import { useCallback, useEffect, useState, type ReactNode } from "react";
 import {
-  CreateScreen,
   ErrorScreen,
-  Link,
+  LoadingScreen,
   OnboardingFlow,
-  Spinner,
   type OnboardingStep,
-} from "@tensamin/ui";
+} from "@methanium/ui";
 import { useStorage } from "@tensamin/storage/context";
 import { legalDocsSchema } from "@tensamin/shared/features/legal/schema";
 import { log } from "@tensamin/shared/log";
@@ -19,7 +17,7 @@ export {
   useOnboardingStep,
   type OnboardingStep,
   type OnboardingStepControls,
-} from "@tensamin/ui";
+} from "@methanium/ui";
 
 type LegalDocs = z.infer<typeof legalDocsSchema>;
 
@@ -137,20 +135,7 @@ export default function OnboardingGate({ children }: { children: ReactNode }) {
 
   if (!state) {
     if (!showLoading) return null;
-    return (
+    return <LoadingScreen noProgress title="Fetching legal documents..." />;
-      <CreateScreen>
-        <div className="flex flex-col items-center gap-3">
-          <Spinner className="size-8" />
-          <p className="text-sm text-muted-foreground">
-            Fetching legal documents...
-          </p>
-          <Link
-            label="status.methanium.net"
-            link="https://status.methanium.net"
-          />
-        </div>
-      </CreateScreen>
-    );
   }
 
   const steps: OnboardingStep[] = [];

packages/onboarding/src/pages/legal.tsx

@@ -1,9 +1,9 @@
 import { useCallback, useState } from "react";
-import { Checkbox, Label, Link } from "@tensamin/ui";
+import { Checkbox, Label, Link } from "@methanium/ui";
 import { legalDocsSchema } from "@tensamin/shared/features/legal/schema";
 import type { z } from "zod";
 
-import { useOnboardingStep } from "@tensamin/ui";
+import { useOnboardingStep } from "@methanium/ui";
 
 type LegalDocs = z.infer<typeof legalDocsSchema>;
 

packages/onboarding/src/steps.tsx

@@ -1,4 +1,4 @@
-import type { OnboardingStep } from "@tensamin/ui";
+import type { OnboardingStep } from "@methanium/ui";
 import OnboardingPage from "./pages/onboarding";
 
 // Add future onboarding pages here. Completed users skip this entire manifest.

packages/onboarding/todo.md

@@ -1 +0,0 @@
-- Make the legal loader use ldrs line wobble to better fit to the LoadingScreen from @tensamin/ui

packages/settings/src/components.tsx

@@ -1,4 +1,4 @@
-import { EditableList, LabeledSwitch } from "@tensamin/ui";
+import { EditableList, LabeledSwitch } from "@methanium/ui";
 import { useEffect, useState } from "react";
 
 import { storageDefaults, type Storage } from "@tensamin/shared/data";

packages/settings/src/layout.tsx

@@ -1,5 +1,5 @@
 import { Outlet, useLocation, useNavigate } from "@tanstack/react-router";
-import { Button, ClearStorageButton, cn, useIsMobile } from "@tensamin/ui";
+import { Button, ClearStorageButton, cn, useIsMobile } from "@methanium/ui";
 
 import { settingsNavigation } from "./manifest";
 

packages/settings/src/pages/cache.tsx

@@ -2,7 +2,7 @@ import { createCache } from "@tensamin/cache";
 import { storageDefaults } from "@tensamin/shared/data";
 import { useStorage } from "@tensamin/storage/context";
 import { secureValueCodec } from "@tensamin/storage/secure";
-import { Button, Input, Label } from "@tensamin/ui";
+import { Button, Input, Label } from "@methanium/ui";
 import { useEffect, useState } from "react";
 
 const validLimit = (value: number) => Number.isSafeInteger(value) && value >= 0;

packages/settings/src/pages/chat.tsx

@@ -1,6 +1,6 @@
 import { storageDefaults } from "@tensamin/shared/data";
 import { useStorage } from "@tensamin/storage/context";
-import { Button, Kbd } from "@tensamin/ui";
+import { Button, Kbd } from "@methanium/ui";
 import { List, Switch } from "../components";
 
 export default function Page() {

packages/settings/src/pages/index.tsx

@@ -1,4 +1,4 @@
-import { useIsMobile } from "@tensamin/ui";
+import { useIsMobile } from "@methanium/ui";
 import { SettingsSidebar } from "../layout";
 
 export default function Page() {

packages/settings/src/pages/licenses.tsx

@@ -1,4 +1,4 @@
-import { Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Dialog, DialogContent, DialogTrigger } from "@tensamin/ui";
+import { Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Dialog, DialogContent, DialogTrigger } from "@methanium/ui";
 import { generatedAt, packageCount, packages } from "../../../../licenses/third-party-credits.json";
 
 const licenseTexts = import.meta.glob("../../../../licenses/**/*", { eager: true, import: "default", query: "?raw" }) as Record<string, string>;

packages/settings/src/pages/profile.tsx

@@ -2,7 +2,7 @@ import MDInput from "@tensamin/markdown/input";
 import { useMTP } from "@tensamin/mtp";
 import { mtp } from "@tensamin/shared/data";
 import { useStorage } from "@tensamin/storage/context";
-import { Avatar, AvatarFallback, AvatarImage, Button, cn, Input, useIsMobile } from "@tensamin/ui";
+import { Avatar, AvatarFallback, AvatarImage, Button, cn, Input, useIsMobile } from "@methanium/ui";
 import { useUser, type User } from "@tensamin/user/context";
 import { Check } from "lucide-react";
 import { useEffect, useRef, useState } from "react";

packages/settings/src/pages/security.tsx

@@ -1,5 +1,5 @@
 import { useStorage } from "@tensamin/storage/context";
-import { Button, Input, Label } from "@tensamin/ui";
+import { Button, Input, Label } from "@methanium/ui";
 import { useEffect, useState } from "react";
 
 export default function Page() {

packages/settings/src/pages/theme.tsx

@@ -1,4 +1,4 @@
-import { StylePicker } from "@tensamin/ui";
+import { StylePicker } from "@methanium/ui";
 
 export default function Page() {
   return <div className="overflow-y-auto"><StylePicker /><div className="absolute bottom-0 right-0 mb-3 mr-2"><a className="block w-60 text-xs whitespace-pre-wrap" href="https://git.methanium.net/tensamin/client/issues/new" target="_blank" rel="noreferrer">Please open a Git issue to help us improve this feature. We want to get it right.</a></div></div>;

packages/shared/src/log.tsx

@@ -1,4 +1,4 @@
-import { toast as sonnerToast } from "@tensamin/ui";
+import { toast as sonnerToast } from "@methanium/ui";
 import { Ban, Check, Info, TriangleAlert } from "lucide-react";
 
 /**

packages/storage/src/context.tsx

@@ -17,7 +17,7 @@ import {
   getDatabaseEntry,
   setDatabaseEntry,
 } from "@tensamin/shared/indexedDb";
-import { ErrorScreen } from "@tensamin/ui";
+import { ErrorScreen } from "@methanium/ui";
 import { log } from "@tensamin/shared/log";
 import {
   decodeSecureValue,

packages/tauth/src/context.tsx

@@ -11,7 +11,7 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle,
-} from "@tensamin/ui";
+} from "@methanium/ui";
 import { useLocation, useNavigate } from "@tanstack/react-router";
 import { useDeeplinks } from "@tensamin/tauri/deeplinkHandler";
 import { useMTP } from "@tensamin/mtp";