From d10ae0c4bbd81e4511635e11d182177a01f345e7 Mon Sep 17 00:00:00 2001 From: JOJO <1498581755@qq.com> Date: Thu, 20 Nov 2025 11:59:32 +0800 Subject: [PATCH] feat: add compact layout demo --- static/demo_compact_layout.html | 607 ++++++++++++++++++++++++++++++++ 1 file changed, 607 insertions(+) create mode 100644 static/demo_compact_layout.html diff --git a/static/demo_compact_layout.html b/static/demo_compact_layout.html new file mode 100644 index 0000000..ee7f8ee --- /dev/null +++ b/static/demo_compact_layout.html @@ -0,0 +1,607 @@ + + + + + + 紧凑输入区 Demo + + + +
+ + +
+
+
+
🤖 AI Agent
+
+ 版本号 · v0.9.5 + 模式 · 思考模式 + 已连接 +
+
+
+ +
+
+
+
+
+ 当前上下文 +
4,320
+
+
+ 累计输入 +
18,955
+
+
+ 累计输出 +
12,204
+
+
+
+ +
+ +
+
+ 我想让对话区域更高一些，顶部的状态栏太占地方了。 +
+
+ 我们可以把顶部信息收纳在侧边栏上方，只留下 token 面板和消息流，视觉上能腾出大量空间。下面是一个示例工具调用卡片： +
+ 🛠️ read_file +
在 static/app.js 中定位输入框逻辑。
+
+
+
+ 输入栏需要合并工具按钮，保持 ChatGPT 的简洁风格。 +
+
+ 已为你准备体育场式输入控件，并附带浮动菜单（上传文件、切换模式、工具禁用、设置等）。 +
+
+ +
+
+ + + + +
+ + + + +
+ + + + +
+
+
+
+ + +
+ + + +