@kkutysllb/dsh-terminal 1.0.0

package/cordis.patch.yml

@@ -0,0 +1,14 @@
+# @kkutysllb/dsh-terminal bundle layer（KCoder 桌面端内置嵌入式终端）。
+#
+# 声明于 package.json 的 dsh.bundle.patch，由 KCoder 主进程物化到
+# web profile 的 node_modules 并注册进 dsh.profile.bundles（紧跟
+# dsh-git-panel 之后）。本层挂一个胶水插件（entry.js）：激活时
+# 注册终端 RPC（/dsh-terminal/api/*：pty 操作 + SSE 输出流 + xterm
+# vendor 静态托管）；client 交付物（exports["./client"] → client.js）
+# 由 dsh client-modules 自动集成，在 shell 页面渲染底部终端面板 +
+# 标题栏开关按钮。后续层（profile 自身 cordis.patch.yml、--patch
+# 覆盖）可按行 id 覆写或禁用本行。
+
+- insert:
+    - id: '@kkutysllb/dsh-terminal'
+      name: '@kkutysllb/dsh-terminal'

package/entry.js

@@ -0,0 +1,418 @@
+/**
+ * @kkutysllb/dsh-terminal — server 半（dsh web 插件，cordis patch 层挂载）。
+ *
+ * 嵌入式终端 RPC（逻辑平移自退役宿主 desktop/main/pty-host.ts +
+ * terminal-panel.ts，语义保持一致）：
+ * - POST /dsh-terminal/api/rpc     pty 操作（tabs/new/write/resize/
+ *   restart/close，cwd 为工作区桶键）
+ * - GET  /dsh-terminal/api/stream  SSE 输出流（data/exit 事件带 bucket，
+ *   全局一条广播，client 按当前桶路由；15s 心跳防代理断连）
+ * - GET  /dsh-terminal/api/vendor/<name>  xterm vendor 静态托管
+ *   （client.js 自包含无 import，运行时懒拉 + eval；白名单三件）
+ *
+ * 安全边界与 dsh-git-panel 同款：isTrusted（loopback 放行 +
+ * webRuntime.trustedHosts）；写操作 POST-only；SSE 为只读推送。
+ *
+ * pty 引擎：node-pty（VS Code 同款），经 createRequire 从运行时
+ * node_modules 解析（bundle 物化在 profiles/web/node_modules/@kcoder/
+ * terminal/，向上可达 profiles/node_modules/node-pty——dsh-tool-bash
+ * 已带）。延迟加载：模块导入不触发 native 绑定加载，首次 create 才
+ * require，环境异常时报错仅影响终端功能不拖垮宿主。
+ *
+ * 纯逻辑（桶管理/参数校验）导出供 tests/run-tests.mjs node 直跑；
+ * spawn 集成用例走真 pty。
+ *
+ * @module @kkutysllb/dsh-terminal/entry
+ */
+
+import { createRequire } from 'node:module'
+import { EventEmitter } from 'node:events'
+import { statSync } from 'node:fs'
+import { homedir } from 'node:os'
+import { basename } from 'node:path'
+import { readFile } from 'node:fs/promises'
+
+/** client-modules 集成对应的 cordis 依赖：RPC 注册必需 webServer。 */
+export const inject = ['webServer']
+
+/** RPC 前缀（client.js 的 API 常量与之对齐）。 */
+export const RPC_PREFIX = '/dsh-terminal/api'
+
+/** vendor 白名单（文件名 → content-type；client 懒拉的三件）。 */
+const VENDOR_FILES = {
+  'xterm.js': 'text/javascript; charset=utf-8',
+  'addon-fit.js': 'text/javascript; charset=utf-8',
+  'xterm.css': 'text/css; charset=utf-8',
+}
+
+/** SSE 心跳间隔（毫秒；注释行保活，防中间层空闲断连）。 */
+const SSE_HEARTBEAT_MS = 15000
+
+/** 面板高度界限（与 client clamp 一致；拖拽在 client 端持久化）。 */
+export const PANEL_MIN_H = 140
+export const PANEL_MAX_H = 620
+export const PANEL_DEFAULT_H = 280
+
+/** 延迟解析 node-pty（native 模块，导入期不加载）。 */
+let ptyModule = null
+function getPty() {
+  if (ptyModule === null) {
+    ptyModule = createRequire(import.meta.url)('node-pty')
+  }
+  return ptyModule
+}
+
+/** 标签信息（tabs/rpc 响应；与宿主 TerminalTab 契约一致）。 */
+function tabOf(s) {
+  const shell = process.platform === 'win32' ? 'powershell.exe' : (process.env.SHELL || '/bin/zsh')
+  return { id: s.id, alive: !s.exited, cwd: s.cwd, title: basename(shell) }
+}
+
+function killPty(s) {
+  if (s.pty !== null) {
+    try { s.pty.kill() } catch { /* 已退出 */ }
+    s.pty = null
+  }
+}
+
+/** 目录可用性校验：存在且是目录才采用，否则交给回退。 */
+export function usableDir(path) {
+  if (path === null || path === undefined || path === '') return null
+  try {
+    if (!statSync(path).isDirectory()) return null
+    return path
+  } catch {
+    return null
+  }
+}
+
+/** 供面板 header 显示的目录短名。 */
+export function dirLabel(cwd) {
+  if (cwd === '') return '~'
+  return basename(cwd) || cwd
+}
+
+/** 高度 clamp（插件版本地持久化，服务端不再管高度；导出仅为测试对齐）。 */
+export function clampH(h) {
+  return Math.min(PANEL_MAX_H, Math.max(PANEL_MIN_H, Math.round(h)))
+}
+
+/**
+ * pty 会话宿主（平移自宿主 PtyHost）：每工作区一份私有 sessions 池
+ * （buckets = Map<cwd, Map<id, session>>），不同工作区互不干扰；
+ * id 全局唯一跨桶可寻址；面板关闭仅隐藏不杀进程，restart 销毁重建
+ * 同 id，close 关单标签。事件：data(chunk, id, bucket) / exit(id, bucket)。
+ */
+export class PtyHost {
+  constructor() {
+    this.events = new EventEmitter()
+    this.buckets = new Map()
+    this.nextId = 1
+    this.cols = 80
+    this.rows = 24
+  }
+
+  bucketOf(cwd) {
+    return cwd !== null && cwd !== undefined ? cwd : ''
+  }
+
+  bucket(cwd) {
+    const key = this.bucketOf(cwd)
+    let m = this.buckets.get(key)
+    if (m === undefined) { m = new Map(); this.buckets.set(key, m) }
+    return m
+  }
+
+  /** 当前工作区全部标签快照（Map 迭代序即创建序）。 */
+  list(cwd) {
+    const m = this.buckets.get(this.bucketOf(cwd))
+    return m === undefined ? [] : [...m.values()].map(tabOf)
+  }
+
+  /** 全部桶标签快照（调试/清账用）。 */
+  listAll() {
+    const out = []
+    for (const m of this.buckets.values()) for (const s of m.values()) out.push(tabOf(s))
+    return out
+  }
+
+  /** 单个标签信息（按全局 id 查，跨桶一次）。 */
+  info(id) {
+    const s = this.find(id)
+    return s === null ? null : tabOf(s)
+  }
+
+  /** 全局 id 定位 session（id 全局唯一，跨桶查找一次即可）。 */
+  find(id) {
+    for (const m of this.buckets.values()) {
+      const s = m.get(id)
+      if (s !== undefined) return s
+    }
+    return null
+  }
+
+  /** 新建标签到指定工作区桶（shell 进程立即启动）。 */
+  create(cwd) {
+    const bucket = this.bucketOf(cwd)
+    const s = { id: this.nextId++, pty: null, cwd: usableDir(cwd) ?? homedir(), bucket, exited: false }
+    this.bucket(bucket).set(s.id, s)
+    this.spawn(s)
+    return tabOf(s)
+  }
+
+  /** 面板打开时确保指定工作区桶至少有一个标签（无则新建）。 */
+  ensureFirst(cwd) {
+    const first = this.bucket(cwd).values().next().value
+    if (first !== undefined) return tabOf(first)
+    return this.create(cwd)
+  }
+
+  /** 销毁对应标签并以（可能已变化的）工作区目录重建（同 id，跨桶迁移）。 */
+  restart(id, preferredCwd) {
+    const bucket = this.bucketOf(preferredCwd)
+    const s = this.buckets.get(bucket)?.get(id)
+    if (s === undefined) return null
+    const cwd = usableDir(preferredCwd) ?? s.cwd ?? homedir()
+    killPty(s)
+    s.cwd = cwd
+    s.bucket = bucket
+    s.exited = false
+    for (const m of this.buckets.values()) m.delete(id)
+    this.bucket(bucket).set(id, s)
+    this.spawn(s)
+    return tabOf(s)
+  }
+
+  write(id, data) {
+    this.find(id)?.pty?.write(data)
+  }
+
+  resize(id, cols, rows) {
+    const s = this.find(id)
+    if (s === undefined || s === null) return
+    this.cols = cols
+    this.rows = rows
+    try { s.pty?.resize(cols, rows) } catch {
+      // 进程退出瞬间 resize 会抛错，忽略（exit 事件会接手）
+    }
+  }
+
+  /** 关闭单个标签（仅限 cwd 桶内：跨桶 id 一律不动），返回剩余标签。 */
+  close(id, cwd) {
+    const bucket = this.bucketOf(cwd)
+    const s = this.buckets.get(bucket)?.get(id)
+    if (s === undefined) return this.list(cwd)
+    killPty(s)
+    this.buckets.get(bucket)?.delete(id)
+    return this.list(cwd)
+  }
+
+  /** 彻底销毁全部会话（插件 dispose 时调用）。 */
+  dispose() {
+    for (const m of this.buckets.values())
+      for (const s of m.values()) killPty(s)
+    this.buckets.clear()
+  }
+
+  spawn(s) {
+    const pty = getPty()
+    const shell = process.platform === 'win32' ? 'powershell.exe' : (process.env.SHELL || '/bin/zsh')
+    const args = process.platform === 'win32' ? [] : ['--login']
+    s.pty = pty.spawn(shell, args, {
+      name: 'xterm-256color',
+      cwd: s.cwd,
+      env: { ...process.env, TERM: 'xterm-256color', COLORTERM: 'truecolor' },
+      cols: this.cols,
+      rows: this.rows,
+    })
+    s.pty.onData(chunk => { this.events.emit('data', chunk, s.id, s.bucket) })
+    s.pty.onExit(() => {
+      s.exited = true
+      s.pty = null
+      this.events.emit('exit', s.id, s.bucket)
+    })
+  }
+}
+
+/* ---------------------------------------------------------------- *
+ * RPC（/dsh-terminal/api/{rpc,stream,vendor/<name>}）
+ * ---------------------------------------------------------------- */
+
+function isLoopbackHostname(hostname) {
+  const h = String(hostname || '').replace(/^\[|\]$/g, '').toLowerCase()
+  return h === 'localhost' || h === '127.0.0.1' || h === '::1' || h === '0.0.0.0'
+}
+
+/** 请求来源校验（dsh-git-panel 同款）：loopback 放行，其余对 trustedHosts。 */
+export function isTrusted(req, trustedHosts) {
+  try {
+    const hostHeader = req.headers?.host || req.headers?.Host
+    if (!hostHeader) return false
+    const url = new URL('http://' + hostHeader)
+    if (isLoopbackHostname(url.hostname)) return true
+    const list = Array.isArray(trustedHosts) ? trustedHosts : []
+    return list.some((entry) => {
+      const e = String(entry)
+      return e === hostHeader || e === url.hostname || e === url.host
+    })
+  } catch {
+    return false
+  }
+}
+
+function writeJson(res, status, body) {
+  res.statusCode = status
+  res.setHeader('content-type', 'application/json; charset=utf-8')
+  res.setHeader('cache-control', 'no-store')
+  res.end(JSON.stringify(body))
+}
+
+async function readJsonBody(req) {
+  const chunks = []
+  for await (const chunk of req) chunks.push(chunk)
+  if (!chunks.length) return {}
+  const raw = Buffer.concat(chunks).toString('utf8')
+  if (!raw.trim()) return {}
+  return JSON.parse(raw)
+}
+
+/** RPC 操作分派（纯逻辑导出供测试；pty 实例操作走 host）。 */
+export function dispatchRpc(host, body) {
+  const op = typeof body?.op === 'string' ? body.op : ''
+  const cwd = typeof body?.cwd === 'string' && body.cwd !== '' ? body.cwd : null
+  switch (op) {
+    case 'tabs': return { ok: true, tabs: host.list(cwd) }
+    case 'new': return { ok: true, tab: host.create(cwd) }
+    case 'write':
+      if (typeof body.id !== 'number' || typeof body.data !== 'string') return { ok: false, error: 'bad id/data' }
+      host.write(body.id, body.data)
+      return { ok: true }
+    case 'resize': {
+      if (typeof body.id !== 'number' || typeof body.cols !== 'number' || typeof body.rows !== 'number') {
+        return { ok: false, error: 'bad id/cols/rows' }
+      }
+      host.resize(body.id, body.cols, body.rows)
+      return { ok: true }
+    }
+    case 'restart': {
+      if (typeof body.id !== 'number') return { ok: false, error: 'bad id' }
+      return { ok: true, tab: host.restart(body.id, cwd) }
+    }
+    case 'close': {
+      if (typeof body.id !== 'number') return { ok: false, error: 'bad id' }
+      return { ok: true, tabs: host.close(body.id, cwd) }
+    }
+    default: return { ok: false, error: 'unknown op' }
+  }
+}
+
+/** dsh web 插件入口：注册 RPC + SSE + vendor 托管（effect 包裹随 dispose 摘除）。 */
+export function apply(ctx) {
+  const host = new PtyHost()
+  /** 活跃 SSE 客户端（res 集；断开即摘除）。 */
+  const sseClients = new Set()
+  // 帧不带 event: 行（保持默认 message 事件，client 端 onmessage 直收）
+  const onData = (chunk, id, bucket) => {
+    const frame = `data: ${JSON.stringify({ type: 'data', bucket, id, chunk })}\n\n`
+    for (const res of sseClients) res.write(frame)
+  }
+  const onExit = (id, bucket) => {
+    const frame = `data: ${JSON.stringify({ type: 'exit', bucket, id })}\n\n`
+    for (const res of sseClients) res.write(frame)
+  }
+  host.events.on('data', onData)
+  host.events.on('exit', onExit)
+  const heartbeat = setInterval(() => {
+    for (const res of sseClients) res.write(`: ping\n\n`)
+  }, SSE_HEARTBEAT_MS)
+  if (typeof heartbeat.unref === 'function') heartbeat.unref()
+
+  const trustedHosts = () => {
+    try { return ctx.get('webRuntime')?.trustedHosts || [] } catch { return [] }
+  }
+
+  ctx.effect(
+    () =>
+      ctx.webServer.register({
+        kind: 'prefix',
+        path: RPC_PREFIX,
+        handler: async (req, res) => {
+          if (!isTrusted(req, trustedHosts())) {
+            writeJson(res, 403, { ok: false, error: 'forbidden' })
+            return
+          }
+          let pathname = '/'
+          try { pathname = new URL(req.url ?? '/', 'http://x').pathname } catch { /* 兜底 '/' */ }
+          const tail = pathname.slice(RPC_PREFIX.length).replace(/^\/+/, '')
+
+          // SSE 输出流（只读 GET；持有响应即订阅，断开即退订）
+          if (tail === 'stream') {
+            if (req.method !== 'GET') {
+              writeJson(res, 405, { ok: false, error: 'method not allowed' })
+              return
+            }
+            res.statusCode = 200
+            res.setHeader('content-type', 'text/event-stream; charset=utf-8')
+            res.setHeader('cache-control', 'no-store')
+            res.setHeader('connection', 'keep-alive')
+            res.write(': open\n\n')
+            sseClients.add(res)
+            req.on('close', () => { sseClients.delete(res) })
+            return
+          }
+
+          // xterm vendor 静态托管（白名单三件；client 懒拉 + eval）
+          if (tail.startsWith('vendor/')) {
+            const name = tail.slice('vendor/'.length)
+            const type = VENDOR_FILES[name]
+            if (type === undefined) {
+              writeJson(res, 404, { ok: false, error: 'unknown vendor file' })
+              return
+            }
+            try {
+              const text = await readFile(new URL(`./vendor/${name}`, import.meta.url))
+              res.statusCode = 200
+              res.setHeader('content-type', type)
+              res.setHeader('cache-control', 'no-store')
+              res.end(text)
+            } catch (error) {
+              writeJson(res, 500, { ok: false, error: String(error?.message ?? error) })
+            }
+            return
+          }
+
+          // pty 操作 RPC（写操作 POST-only）
+          if (tail === 'rpc') {
+            if (req.method !== 'POST') {
+              writeJson(res, 405, { ok: false, error: 'method not allowed' })
+              return
+            }
+            let body = {}
+            try { body = await readJsonBody(req) } catch {
+              writeJson(res, 400, { ok: false, error: 'bad json body' })
+              return
+            }
+            try {
+              writeJson(res, 200, dispatchRpc(host, body))
+            } catch (error) {
+              writeJson(res, 500, { ok: false, error: String(error?.message ?? error) })
+            }
+            return
+          }
+
+          writeJson(res, 404, { ok: false, error: 'unknown method' })
+        },
+      }),
+    'dsh-terminal: api',
+  )
+
+  // 插件停用时杀全部 shell + 摘事件（cordis effect 反向函数）
+  return () => {
+    clearInterval(heartbeat)
+    host.events.off('data', onData)
+    host.events.off('exit', onExit)
+    for (const res of sseClients) res.end()
+    sseClients.clear()
+    host.dispose()
+  }
+}

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@kkutysllb/dsh-terminal",
+  "version": "1.0.0",
+  "description": "dsh-external in-box dsh bundle: embedded terminal panel (node-pty backed multi-tab shells, per-workspace buckets, xterm.js UI) as a bottom dock inside the dsh web page, replacing the retired Electron host terminal-panel.",
+  "license": "MIT",
+  "type": "module",
+  "main": "entry.js",
+  "exports": {
+    ".": "./entry.js",
+    "./client": "./client.js",
+    "./cordis.patch.yml": "./cordis.patch.yml",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "entry.js",
+    "client.js",
+    "vendor",
+    "cordis.patch.yml",
+    "README.md"
+  ],
+  "engines": {
+    "node": ">=18"
+  },
+  "dsh": {
+    "bundle": {
+      "patch": "./cordis.patch.yml"
+    },
+    "client": {
+      "inject": [],
+      "platform": "web"
+    }
+  },
+  "scripts": {
+    "smoke": "node scripts/smoke-plugin.mjs",
+    "sync:mirror": "node scripts/sync-to-dsh-plugins.mjs",
+    "sync:check": "node scripts/sync-to-dsh-plugins.mjs --check",
+    "prepack": "pnpm smoke"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/kkutysllb/dsh-terminal.git"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/vendor/addon-fit.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.FitAddon=t():e.FitAddon=t()}(self,(()=>(()=>{"use strict";var e={};return(()=>{var t=e;Object.defineProperty(t,"__esModule",{value:!0}),t.FitAddon=void 0,t.FitAddon=class{activate(e){this._terminal=e}dispose(){}fit(){const e=this.proposeDimensions();if(!e||!this._terminal||isNaN(e.cols)||isNaN(e.rows))return;const t=this._terminal._core;this._terminal.rows===e.rows&&this._terminal.cols===e.cols||(t._renderService.clear(),this._terminal.resize(e.cols,e.rows))}proposeDimensions(){if(!this._terminal)return;if(!this._terminal.element||!this._terminal.element.parentElement)return;const e=this._terminal._core,t=e._renderService.dimensions;if(0===t.css.cell.width||0===t.css.cell.height)return;const r=0===this._terminal.options.scrollback?0:e.viewport.scrollBarWidth,i=window.getComputedStyle(this._terminal.element.parentElement),o=parseInt(i.getPropertyValue("height")),s=Math.max(0,parseInt(i.getPropertyValue("width"))),n=window.getComputedStyle(this._terminal.element),l=o-(parseInt(n.getPropertyValue("padding-top"))+parseInt(n.getPropertyValue("padding-bottom"))),a=s-(parseInt(n.getPropertyValue("padding-right"))+parseInt(n.getPropertyValue("padding-left")))-r;return{cols:Math.max(2,Math.floor(a/t.css.cell.width)),rows:Math.max(1,Math.floor(l/t.css.cell.height))}}}})(),e})()));
+//# sourceMappingURL=addon-fit.js.map

package/vendor/xterm.css

@@ -0,0 +1,218 @@
+/**
+ * Copyright (c) 2014 The xterm.js authors. All rights reserved.
+ * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
+ * https://github.com/chjj/term.js
+ * @license MIT
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ *
+ * Originally forked from (with the author's permission):
+ *   Fabrice Bellard's javascript vt100 for jslinux:
+ *   http://bellard.org/jslinux/
+ *   Copyright (c) 2011 Fabrice Bellard
+ *   The original design remains. The terminal itself
+ *   has been extended to include xterm CSI codes, among
+ *   other features.
+ */
+
+/**
+ *  Default styles for xterm.js
+ */
+
+.xterm {
+    cursor: text;
+    position: relative;
+    user-select: none;
+    -ms-user-select: none;
+    -webkit-user-select: none;
+}
+
+.xterm.focus,
+.xterm:focus {
+    outline: none;
+}
+
+.xterm .xterm-helpers {
+    position: absolute;
+    top: 0;
+    /**
+     * The z-index of the helpers must be higher than the canvases in order for
+     * IMEs to appear on top.
+     */
+    z-index: 5;
+}
+
+.xterm .xterm-helper-textarea {
+    padding: 0;
+    border: 0;
+    margin: 0;
+    /* Move textarea out of the screen to the far left, so that the cursor is not visible */
+    position: absolute;
+    opacity: 0;
+    left: -9999em;
+    top: 0;
+    width: 0;
+    height: 0;
+    z-index: -5;
+    /** Prevent wrapping so the IME appears against the textarea at the correct position */
+    white-space: nowrap;
+    overflow: hidden;
+    resize: none;
+}
+
+.xterm .composition-view {
+    /* TODO: Composition position got messed up somewhere */
+    background: #000;
+    color: #FFF;
+    display: none;
+    position: absolute;
+    white-space: nowrap;
+    z-index: 1;
+}
+
+.xterm .composition-view.active {
+    display: block;
+}
+
+.xterm .xterm-viewport {
+    /* On OS X this is required in order for the scroll bar to appear fully opaque */
+    background-color: #000;
+    overflow-y: scroll;
+    cursor: default;
+    position: absolute;
+    right: 0;
+    left: 0;
+    top: 0;
+    bottom: 0;
+}
+
+.xterm .xterm-screen {
+    position: relative;
+}
+
+.xterm .xterm-screen canvas {
+    position: absolute;
+    left: 0;
+    top: 0;
+}
+
+.xterm .xterm-scroll-area {
+    visibility: hidden;
+}
+
+.xterm-char-measure-element {
+    display: inline-block;
+    visibility: hidden;
+    position: absolute;
+    top: 0;
+    left: -9999em;
+    line-height: normal;
+}
+
+.xterm.enable-mouse-events {
+    /* When mouse events are enabled (eg. tmux), revert to the standard pointer cursor */
+    cursor: default;
+}
+
+.xterm.xterm-cursor-pointer,
+.xterm .xterm-cursor-pointer {
+    cursor: pointer;
+}
+
+.xterm.column-select.focus {
+    /* Column selection mode */
+    cursor: crosshair;
+}
+
+.xterm .xterm-accessibility:not(.debug),
+.xterm .xterm-message {
+    position: absolute;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    z-index: 10;
+    color: transparent;
+    pointer-events: none;
+}
+
+.xterm .xterm-accessibility-tree:not(.debug) *::selection {
+  color: transparent;
+}
+
+.xterm .xterm-accessibility-tree {
+  user-select: text;
+  white-space: pre;
+}
+
+.xterm .live-region {
+    position: absolute;
+    left: -9999px;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+}
+
+.xterm-dim {
+    /* Dim should not apply to background, so the opacity of the foreground color is applied
+     * explicitly in the generated class and reset to 1 here */
+    opacity: 1 !important;
+}
+
+.xterm-underline-1 { text-decoration: underline; }
+.xterm-underline-2 { text-decoration: double underline; }
+.xterm-underline-3 { text-decoration: wavy underline; }
+.xterm-underline-4 { text-decoration: dotted underline; }
+.xterm-underline-5 { text-decoration: dashed underline; }
+
+.xterm-overline {
+    text-decoration: overline;
+}
+
+.xterm-overline.xterm-underline-1 { text-decoration: overline underline; }
+.xterm-overline.xterm-underline-2 { text-decoration: overline double underline; }
+.xterm-overline.xterm-underline-3 { text-decoration: overline wavy underline; }
+.xterm-overline.xterm-underline-4 { text-decoration: overline dotted underline; }
+.xterm-overline.xterm-underline-5 { text-decoration: overline dashed underline; }
+
+.xterm-strikethrough {
+    text-decoration: line-through;
+}
+
+.xterm-screen .xterm-decoration-container .xterm-decoration {
+	z-index: 6;
+	position: absolute;
+}
+
+.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer {
+	z-index: 7;
+}
+
+.xterm-decoration-overview-ruler {
+    z-index: 8;
+    position: absolute;
+    top: 0;
+    right: 0;
+    pointer-events: none;
+}
+
+.xterm-decoration-top {
+    z-index: 2;
+    position: relative;
+}