npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

@qilin-agent/client-ui-sidebar-terminal

v3.1.7

Published

Interactive shell tabs for the right Sidebar

Readme


description: "在 Web 右侧栏打开、恢复和控制交互式 shell 标签页。" kind: "package-reference"

@qilin-agent/client-ui-sidebar-terminal

English | 中文

概述

从右侧栏开始页选择已安装的 shell,在会话工作区运行命令。在标签页上重命名终端,并在刷新页面后恢复保留的进程。折叠侧栏让命令继续运行,关闭终端标签页则请求结束进程。Tab 补全使用 shell 的配置。命令使用执行环境中系统用户的权限,独立于 Agent 权限;详见用户终端执行。

目录


使用此包

展开右侧栏,点击新建终端即可直接打开上次选择且仍可用的 shell。旁边的箭头展开已安装 shell 菜单;选择后立即记住该项并打开终端。菜单展开时才查询 shell,不分配终端进程;查询失败可在菜单内重试。通过新标签页回到开始页并打开更多终端。

双击终端标签标题可重命名。其他页面持有输入权时,点击 接管输入 使当前连接可写。暂时断线时保留屏幕并提供 重新连接,不展示传输内部错误。已退出的 shell 仍显示退出码并提供 新建终端,不会自动重启。已退出的终端仍计入 Session 配额;达到上限时请关闭不用的标签。

关闭或替换终端标签页会立即移除标签页,并在后台结束进程。清理失败时显示带重试操作的轻量通知;重试不会重新打开标签页。折叠、切换标签页或 Session、浮动和全屏都保留进程。

刷新后,侧栏恢复布局,各终端在原标签页中重连保存的 Host 身份。折叠和非当前标签不会产生重复的恢复标签,也不改变选中项。没有保存标签关联的 Host 终端作为恢复标签打开;恢复失败时提供 重试恢复终端。保存的进程已消失时,显示本地化的不可用提示和 新建终端。点击后在原位置用全新终端替换失效标签;恢复过程不会自动创建替代进程。

终端背景、默认文字、光标和选区跟随 QILIN 主题,包括系统偏好和主题令牌覆盖。切换主题会保留运行中的 shell、输出和应用通过 OSC 设置的颜色。颜色重置命令恢复到当前 QILIN 默认值。xterm 将文字对比度调整到 4.5:1;光标与所在单元格背景保持至少 3:1 的对比度,包括 Vim 配色方案。

了解实现

插件向右侧栏注册 terminal 类型及正文和标题 seat。开始页入口使用紧凑的黑底终端图标,页签标题保留线条图标。无 React 依赖的终端模型属于 api-terminal-controller,通过框架 keyed hooks 暴露状态。ui-primitives 的 Menu 与 Button 提供 shell 选择和启动控件,支持键盘导航与选中标记。正文在 terminal 视图挂载时加载包内 client.terminal.js chunk,使 xterm.js 与 FitAddon 不进入启动 client.js;加载后由它们负责屏幕渲染和视口测量。正文在面板高度内为页签条下方预留 8px 间距。输入原样传到 PTY,包括 Tab 和控制字符。

输出流中打印的 http(s) URL 会成为链接:屏幕注册 xterm link provider,逐行扫描出每个 URL 并给出其缓冲区范围。普通点击仍是 xterm 的文本选择手势,只有按住 Ctrl(Windows/Linux)或 Cmd(macOS)才打开目标。插件把它开在终端旁边的侧栏内置浏览器里;该 tab 类型未被组合进来时退回新开浏览器标签页。扫描只认 http(s),因此打印出的 file:// 或 mailto: URL 保持纯文本,协议白名单在激活时再挡一次。

终端屏幕按主题节的终端角色测量(terminalFontFamily,留空即使用内置等宽字体栈;terminalFontSize 以 CSS 像素为单位),在「设置 → 通用」的字体行中编辑,改动立即重新测量字符网格。已退役的 ui-sidebar-terminal 设置段中的选择,会在启动时迁移到主题角色(当该角色尚无字表覆盖时)。解析出的字体栈始终以通用族收尾——否则无法解析的字体名会落到浏览器按比例排版的默认字体上,导致字符网格崩坏而不只是丢字体——并追加 Nerd Font 族,使提示符图标能从私有使用区解析出来。仅含符号的补丁族排在第一个通用族之前,完整补丁的发行版排在其后,因为带拉丁字形的字体若排在开头的通用族之前会成为测量基准并覆盖用户请求的字体。

Session header contribution 查询 Host 终端,只打开没有现有标签关联的终端。终端 controller 独立保存每个全局唯一内容身份与 Host 的关联,并负责内容恢复;侧栏负责布局持久化。恢复视图不能分配替代进程。侧栏关闭 handler 通过终端 controller安排清理并同步返回。浏览器组件清理和 tab 的 abort signal 只停止浏览器工作。

插件启动时,侧栏完整打开标签清单中的 terminal 条目会持有相匹配的已保存 Host 身份,包括非当前 Session。窗口持有关系独立于 React 挂载和屏幕订阅。删除最后一个匹配的 occurrence 会释放持有关系;折叠或切换视图不会释放。终端控制器 负责无人持有时的空闲回收和长命令保护。

延伸阅读

模型体验

无;此包只处理用户交互式终端,不向模型请求添加内容。

KV 缓存影响

无;终端输出只在浏览器与 Host 之间传输。

已知限制与延期工作

  • 字体偏好不做探测。 浏览器无法解析的字体名不会被检测出来;通用族收尾保证网格完好,只是请求的字体未被采用。终端字体设置位于通用设置页,而非终端卡片旁边。
  • 默认 shell 或原生 PTY 可能启动失败。标签页显示错误,不启动其他 shell。
  • 补全菜单和内联建议取决于 shell 配置,Web UI 不提供独立补全引擎。
  • 应用的 OSC 颜色覆盖由已挂载的渲染器保留;新打开的渲染器无法从 Host 屏幕快照恢复这些颜色。
  • 终端历史有上限。此功能不向 Agent 发送终端输出,不在单个标签页内拆分终端,也不在 Host 重启后恢复进程。
  • Terminal chunk 加载失败后需要刷新页面,因为 React 会在页面生命周期内缓存被拒绝的 lazy import。

开发备注