minor: xterm.js 6.0 (#3156)

Nice release, they haven't had one in two years. Lots of small fixes.
Only visible difference is the scrollbar is now wider. Everything seems
to work fine.

https://github.com/xtermjs/xterm.js/releases/tag/6.0.0

Author: david-crespo

package-lock.json

@@ -44,8 +44,8 @@
     "@tanstack/react-query": "^5.90.7",
     "@tanstack/react-query-devtools": "^5.90.2",
     "@tanstack/react-table": "^8.20.5",
-    "@xterm/addon-fit": "^0.10.0",
-    "@xterm/xterm": "^5.5.0",
+    "@xterm/addon-fit": "^0.11.0",
+    "@xterm/xterm": "^6.0.0",
     "classnames": "^2.5.1",
     "date-fns": "^3.6.0",
     "filesize": "^10.1.6",

package.json

@@ -104,9 +104,9 @@ test('Serial console terminal updates colors on theme change', async ({ page })
   const xterm = page.getByRole('application')
   await expect(xterm).toContainText('oxide-instance login:', { timeout: 15_000 })
 
-  // xterm.js sets background-color inline on the .xterm-viewport element
-  const viewport = page.locator('.xterm-viewport')
-  const getBg = () => viewport.evaluate((el) => getComputedStyle(el).backgroundColor)
+  // xterm.js 6+ sets background-color inline on the .xterm-scrollable-element
+  const scrollable = page.locator('.xterm-scrollable-element')
+  const getBg = () => scrollable.evaluate((el) => getComputedStyle(el).backgroundColor)
 
   const darkBg = await getBg()