diff --git a/AppImage/components/lxc-terminal-modal.tsx b/AppImage/components/lxc-terminal-modal.tsx index c384b314..b0e5c705 100644 --- a/AppImage/components/lxc-terminal-modal.tsx +++ b/AppImage/components/lxc-terminal-modal.tsx @@ -31,7 +31,7 @@ import { import { DialogHeader, DialogDescription } from "@/components/ui/dialog" import { Input } from "@/components/ui/input" import { Dialog as SearchDialog, DialogContent as SearchDialogContent, DialogTitle as SearchDialogTitle } from "@/components/ui/dialog" -import "@xterm/xterm/css/xterm.css" +import "xterm/css/xterm.css" import { API_PORT, fetchApi } from "@/lib/api-config" interface LxcTerminalModalProps { @@ -169,8 +169,8 @@ export function LxcTerminalModal({ const initTerminal = async () => { const [TerminalClass, FitAddonClass] = await Promise.all([ - import("@xterm/xterm").then((mod) => mod.Terminal), - import("@xterm/addon-fit").then((mod) => mod.FitAddon), + import("xterm").then((mod) => mod.Terminal), + import("xterm-addon-fit").then((mod) => mod.FitAddon), ]) const fontSize = window.innerWidth < 768 ? 12 : 16 diff --git a/AppImage/components/script-terminal-modal.tsx b/AppImage/components/script-terminal-modal.tsx index d72378c8..11d891e0 100644 --- a/AppImage/components/script-terminal-modal.tsx +++ b/AppImage/components/script-terminal-modal.tsx @@ -25,7 +25,7 @@ import { DropdownMenuSeparator, DropdownMenuLabel, } from "@/components/ui/dropdown-menu" -import "@xterm/xterm/css/xterm.css" +import "xterm/css/xterm.css" import { API_PORT } from "@/lib/api-config" interface WebInteraction { @@ -202,9 +202,9 @@ export function ScriptTerminalModal({ const initializeTerminal = async () => { const [TerminalClass, FitAddonClass] = await Promise.all([ - import("@xterm/xterm").then((mod) => mod.Terminal), - import("@xterm/addon-fit").then((mod) => mod.FitAddon), - import("@xterm/xterm/css/xterm.css"), + import("xterm").then((mod) => mod.Terminal), + import("xterm-addon-fit").then((mod) => mod.FitAddon), + import("xterm/css/xterm.css"), ]) const fontSize = window.innerWidth < 768 ? 12 : 16 diff --git a/AppImage/components/terminal-panel.tsx b/AppImage/components/terminal-panel.tsx index 0e1ac0ff..94ec32a0 100644 --- a/AppImage/components/terminal-panel.tsx +++ b/AppImage/components/terminal-panel.tsx @@ -472,9 +472,9 @@ export const TerminalPanel: React.FC = ({ websocketUrl, onCl const initializeTerminal = async (terminal: TerminalInstance, container: HTMLDivElement) => { const [TerminalClass, FitAddonClass] = await Promise.all([ - import("@xterm/xterm").then((mod) => mod.Terminal), - import("@xterm/addon-fit").then((mod) => mod.FitAddon), - import("@xterm/xterm/css/xterm.css"), + import("xterm").then((mod) => mod.Terminal), + import("xterm-addon-fit").then((mod) => mod.FitAddon), + import("xterm/css/xterm.css"), ]).then(([Terminal, FitAddon]) => [Terminal, FitAddon]) const fontSize = window.innerWidth < 768 ? 12 : 16 diff --git a/AppImage/package.json b/AppImage/package.json index 2746213a..4b0acc0b 100644 --- a/AppImage/package.json +++ b/AppImage/package.json @@ -47,7 +47,7 @@ "geist": "^1.3.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", - "next": "15.2.4", + "next": "15.1.6", "next-themes": "^0.4.6", "react": "^19", "react-day-picker": "9.8.0", @@ -61,8 +61,8 @@ "tailwind-merge": "^3.3.1", "tailwindcss-animate": "^1.0.7", "vaul": "^0.9.9", - "@xterm/xterm": "^5.5.0", - "@xterm/addon-fit": "^0.10.0", + "xterm": "^5.3.0", + "xterm-addon-fit": "^0.8.0", "zod": "3.25.67" }, "devDependencies": {