context-vista

一眼看清你的上下文窗口 —— token 用量、压缩收益、成本估算，尽收眼底。

为 DeepSeek Harness 提供 /context 斜杠命令，用环形图展示当前上下文 token 用量与分配，对标 Claude Code 的 /context。

• Host 半部：注册 /context 命令，返回文本摘要（headless / 非 Web 界面可用）。
• Client 半部：把 Web 端 /context 的命令行升级成一张卡片，包含：
  • 上下文组成环形图：系统提示词 / 工具 schema / 消息，外加灰色"剩余"（未使用）部分，整环 = 上下文窗口。
  • 压缩效果环形图：执行过 /compact 后，显示最近一次压缩释放了多少、保留了多少。
  • 占用进度条：预计下一次请求占用 vs 上下文窗口，带百分比。
  • 会话累计 + 估算费用：输入 / 输出 / 缓存读 / 缓存写，以及按 DeepSeek 官方定价估算的费用。
  • 常驻右侧悬浮卡：对话区右侧空白处常驻一张实时更新的迷你卡片，无需输入 /context，内容包括：
    • 迷你环形图：中心显示当前占用率百分比，环上分系统提示词 / 工具 / 消息 / 剩余四色。
    • 图例：与环形图对应的各分块 token 数。
    • 预计占用：预计占用 ÷ 上下文窗口 tokens。
    • 估算费用：按当前模型与峰谷时段的费用，附 模型 @ 路由 · 高峰/空闲 标注。
    • 按住标题栏可上下拖动并记住位置，点右上角箭头可收起/展开。

环形图是手写的 SVG，不依赖任何第三方图表库。

安装

先装 pnpm（一个 JavaScript 包管理器，类似 npm/yarn）。dsh plugin add 内部会自动调用 pnpm，所以命令不要写成 pnpm dsh plugin ...。没有 pnpm 可运行 npm install -g pnpm 安装。

下面命令都写全 npx @deepseek-ai/dsh ...（无需全局安装，开箱即用）。如果你已全局安装（npm install -g @deepseek-ai/dsh），可把 npx @deepseek-ai/dsh 简写成 dsh。

从 GitHub 安装（推荐）

直接复制这两条命令执行：

npx @deepseek-ai/dsh plugin --profile web add github:GooodWei/context-vista
npx @deepseek-ai/dsh web

若 pnpm 报错说拦截了 prepare 脚本，按提示把那个 key 加到 profile 目录 pnpm-workspace.yaml 的 allowBuilds 里，再重跑 add 命令。

从本地目录安装（开发用）

npx @deepseek-ai/dsh plugin --profile web add file:../context-vista
npx @deepseek-ai/dsh web