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 的简洁风格。 +
+
+ 已为你准备体育场式输入控件,并附带浮动菜单(上传文件、切换模式、工具禁用、设置等)。 +
+
+ +
+
+ + + + +
+ + + + +
+ + + + +
+
+
+
+ + +
+ + + +