mirror of
https://gitcode.com/JianFeeeee/HomeAgent.git
synced 2026-09-25 03:18:08 +00:00
ca6f4c510c
## 漏项
文案写「输入走两条路」，但图上只有 L1–L4 —— **排队的完全没出现**。
源码 `scheduler.go` 开篇就写明是**两类别**：
- TaskInterrupt（InjectInterrupt*）：带 L1..L4，可抢占
- TaskQueued（InjectText*/InjectInputSync*）：**无级别**，可被任何中断打断
「级别只属于中断」是这套调度模型的关键一句，图里不表达就等于漏了一半。
## 改法
图改成左右两列，标题直接写清差异：
中断 · 带级别 排队 · 无级别
├ L4 内核独占 ├ 队列条（先到先处理）
├ L3 需及时处理 └ 任何中断都能插它前面
├ L2 消息类 │
└ L1 完全可等 │
└───────────┬──────────────┘
正在跑的任务
- 排队列用**虚线框 + 素色条**（不发光），与左侧的实线发光级别条刻意区分 ——
「无级别」这件事本身就该在视觉上体现
- 两路汇入「正在跑的任务」，并标注「同一时刻只一个」
## 顺带修的两处
- **浅色下排队条看不见**：原先复用 `gCard`，而浅色下 gCard 是白的，
白底白条等于没画。改用独立的 `--dv-queue-item` 令牌
- **横向虚线穿过队列条**：原想表达「处理方向」，结果画在了条内部。
改为右侧竖线 + 向下箭头
## 验证
- 双主题：控制台错误 0、横向溢出 0、图元零越界
- 一滑一页仍生效；JS 禁用 24/24 可见；reduce 下吸附停用
- 390/768/1440 溢出均 0
官网（静态站）
单文件、零构建、零依赖的落地页。与仓库 WebUI 的做法一致（原生 HTML/CSS/JS，无打包步骤）。
文件
site/
├── index.html 单文件站点（内联 CSS/JS）
└── assets/
└── logo.svg logo（来自 assets/branding/logo-h-he.svg）
资源是复制而非引用上级目录，因此 site/ 可整体拷走独立部署。
本地预览
cd site && python3 -m http.server 8799
# 打开 http://127.0.0.1:8799/
部署
纯静态，任意 web 服务器指向 site/ 即可：
server {
listen 80;
server_name your.domain;
root /path/to/TrueAgent/site;
index index.html;
location / { try_files $uri $uri/ =404; }
}
设计说明
- 配色取自品牌指南：蓝
#3b82f6/ 青#06b6d4/ 金#f59e0b， 正好对应三层记忆 Context / Document / Graph，因此三层记忆那节直接用了这三色做色条。 - 不放置立绘。曾试过放看板娘，但原图是白底 + 蓝紫渐变外框的方形图， 与页面几乎无法自然衔接（详见下文「为什么最终没有图」）。
- 淡入动画是渐进增强：内容默认可见，仅当 JS 真的跑起来才加
.js-reveal接管。 早期版本把opacity:0写在默认样式里，结果 JS 未执行时整页永久空白 （实测 30 个元素里 26 个停在不可见）——现在禁用 JS 也完整可读。 - 尊重
prefers-reduced-motion；架构图的<pre>在窄屏横向滚动，避免整页撑宽。
深浅双主题
跟随系统偏好；导航栏右上角的按钮可手动切换，选择存入 localStorage（键 ha-theme）。
实现要点：
- 在
<head>里首绘前就定好data-theme，避免先渲染深色再跳浅色的闪白。 - 语义色全部走 CSS 变量（
--bg/--text/--border/--code-bg/--hover…），:root[data-theme="light"]只覆盖取值，不重复选择器。 - 品牌三色（蓝/青/金）两主题共用，因为它对应三层记忆，换主题不该换语义。
动效层
| 效果 | 位置 |
|---|---|
| 四团极光漂移 + 细网格 | 背景（position: fixed, z-index: -2） |
| 粒子网络（近邻连线） | #fx canvas，密度按视口面积自适应，上限 72 |
| 三色滚动进度条 | 顶部 |
| 标题渐变流动 | h1 .grad |
| 分块上浮入场（错落延迟） | 各 section |
| 卡片聚光 + 3D 微倾 | .card / .stat（仅精确指针） |
| 色条自上而下「灌注」 | 三层记忆 |
| 数据流光带下行 + 节点脉冲 | 架构图 |
| 数字滚动到位 | 统计卡 |
| 文字下划线展开 | 分节标题 |
三条硬约束（都吃过亏）：
- 内容默认可读：初始隐藏只在
.js-fx下生效，而.js-fx只有 JS 真跑起来才加。 JS 被禁用或报错时，页面是完整可读的 —— 早期版本把opacity:0写在默认样式里， 实测 30 个元素里 26 个永久不可见。 - 尊重
prefers-reduced-motion：此时不加.js-fx、不启粒子、不画进度条， 所有元素直接可见。 - 装饰不得产生滚动条：canvas 按
documentElement.clientWidth定尺寸 （用window.innerWidth会含滚动条宽度，实测多出 15px 撑出横向滚动）；body再加overflow-x: clip兜底。
所有 listener 走 requestAnimationFrame 节流；标签页隐藏时暂停粒子。
为什么最终没有图
试过放看板娘立绘，失败，最后决定不放。过程留在这里，免得下次重复踩：
原图 mascot-xiaozhai.webp 是不透明 WebP（无 alpha），白底 + 蓝紫渐变外框。
直接用 = 深色页面上一个刺眼的白色方块；抠图又不可行：
python3 -c "
from PIL import Image
im = Image.open('assets/branding/mascot-xiaozhai.webp')
print(im.mode) # RGB —— 没有 alpha 通道
"
背景连通域分析显示白底与角色的白裙子、白围裙同色，flood-fill 会顺着轮廓 渗进去，让约 42% 的身体变成透明（发丝高光先死）。曾退而求其次做成 「圆角卡面 + 发光边框 + 底部渐隐」，视觉上能接受，但本质上是在方形图上盖装饰， 而非让图融入页面。
结论：这类素材要么重新出一张带透明通道的图，要么就不放。 现在 Hero 是单栏文字，版面反而更稳。
插件卡片
「开箱可用的插件」一节里，每个徽章都是按钮：
- 点一下展开该插件卡（名称 / 版本 / 用途），再点收起
- 可同时展开多个
- 末尾「展开全部 N 个」一次全开
数据来自各插件的 plugin.json，不是手写的：
cd /home/newqqagent/plugins
for d in */; do [ -f "$d/plugin.json" ] && python3 -c "
import json;d=json.load(open('$d/plugin.json'))
print(d.get('name'), d.get('version'), d.get('description','')[:60])"; done
改内容前请核对事实
页面上的数字都是实测值。注意「在跑插件 36」是加载总数 （16 内置 + 20 外部），不是"外部插件数" —— 早期版本写成「36 外部插件」是错的， 已更正。改动前建议重新取一遍：
# 在跑插件（以日志里实际 loaded 的为准，比数目录可靠）
grep -h '\[plugin\] loaded:' $(ls -t /home/newqqagent/log/homed_*.log | head -1) \
| sed 's/.*loaded: //' | sort -u | wc -l
# 工具数（同上，日志里注册后的真实值）
grep -ohE '[0-9]+ tools' $(ls -t /home/newqqagent/log/homed_*.log | head -1) | tail -1
# Go 代码行（排除第三方与鸿蒙工程）
find . -name '*.go' -not -path './.git/*' -not -path './.go/*' \
-not -path './third_party/*' -not -path './cmd/ohos/*' | xargs cat | wc -l
# LLM 适配器（注意 server.lua 是网关脚本，不是厂商适配器，故为 9）
ls internal/lua/adapters/*.lua | xargs -n1 basename