Skip to content

Releases

v1.0.7 · 面板弹性布局

Choose a tag to compare

@mounta1n-18 mounta1n-18 released this 16 Oct 15:04

修一个真实布局缺陷:右侧栏一打开,面板就叠字。

原因

侧栏展开后对话列只剩约 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 · 首个公开版本

Choose a tag to compare

@mounta1n-18 mounta1n-18 released this 16 Oct 14:55

首个公开版本。

包含

  • /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