Repository navigation
Releases
Releases · mounta1n-18/dsh-context-usage
v1.0.7 · 面板弹性布局
修一个真实布局缺陷:右侧栏一打开,面板就叠字。
原因
侧栏展开后对话列只剩约 650 CSS px。原来的主行是 7 列 grid:
minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr)
容器变窄时 minmax(0,1fr) 的松紧列先塌成 0,而 auto 列守住自己的内容宽(占用区还写着固定 width: 30em),总最小宽超出容器后 grid 项直接压过相邻块。
改法
- 主行改为可换行的 flex(
space-evenly,等价于原来的 4 条1fr松紧列,观感不变),弹性收缩、越界即换行,结构上不可能再重叠 - 用
ResizeObserver实测自身宽度切换三档排布(面板在对话列里,视口断点看不见侧栏造成的变窄):>= 720px单行:总览 / 占用区 / 图例 并排>= 440px两行:总览与图例配对,占用区独占一行、图随宽度变宽- 更窄:三者依次堆叠
验证
离线等价复现页在真实 Chromium 跑 300–1400px 共 18 档宽度,对三块做矩形相交与容器溢出断言:零相交、零溢出,切换点准确落在 720 / 440。
v1.0.6 · 首个公开版本
首个公开版本。
包含
/context斜杠命令 —— 插件自有的图标与中文简介,一键开合面板- 占用按钮 —— 作曲器控件行(发送键与模型选择器之间)的
◔ xx%,实时跟随 - 用量面板 —— 作曲器上方,总览 / 占用图 / 本会话累计 / 图例 并排
- 余额药丸 —— 前台每 10 秒刷新,悬停显示取样时间
安装
下载下方 local-dsh-context-usage-1.0.6.tgz,然后(安装只能走这个官方入口):
plugin_manager { "action": "install_bundle", "target": "<tgz 的绝对路径>" }
也可以直接 clone 本仓库、用文件夹安装开发模式(改代码即时生效)。两种模式的差别、验证与卸载见仓库内 INSTALL.md。
说明
- 只支持 DSH Web / 桌面 GUI,headless / CLI 没有该命令
- 挂载时会隐藏官方作曲器底栏,被隐藏的信息全部迁移进面板(可用
client.js里的HIDE_SHIPPED_DOCK关掉) - 零依赖、无构建:Host 半是空壳,全部逻辑在
client.js