tavern-harness 0.1.7 → 0.1.9

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Yipeng Wang
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,9 +1,24 @@
+<p align="center">
+  <a href="https://rannichan.github.io/Tavern-Harness/">
+    <img alt="Tavern Harness logo" src="https://raw.githubusercontent.com/Rannichan/Tavern-Harness/main/public/tavern-harness-logo.png" width="128">
+  </a>
+</p>
+<p align="center">
+  <a href="https://github.com/Rannichan/Tavern-Harness"><img alt="GitHub Repository" src="https://img.shields.io/badge/github-repository-181717?style=flat-square&logo=github&logoColor=white" /></a>
+  <a href="https://discord.gg/kPSWGeaHx"><img alt="Discord" src="https://img.shields.io/badge/discord-community-5865F2?style=flat-square&logo=discord&logoColor=white" /></a>
+  <a href="https://rannichan.github.io/Tavern-Harness/wiki.html"><img alt="Wiki" src="https://img.shields.io/badge/wiki-documentation-2563EB?style=flat-square" /></a>
+  <a href="https://www.npmjs.com/package/tavern-harness"><img alt="npm" src="https://img.shields.io/npm/v/tavern-harness?style=flat-square" /></a>
+</p>
+
 # Tavern Harness · An AI-Native Role-Playing Sandbox
 
-[Product Site](https://rannichan.github.io/Tavern-Harness/) ·  [Wiki](https://rannichan.github.io/Tavern-Harness/wiki.html) · [GitHub Repository](https://github.com/Rannichan/Tavern-Harness) · [Discord](https://discord.gg/kPSWGeaHx)
+<a id="demo"></a>
+## 1 · Gameplay Demos
+
+[![Gameplay demos](docs/assets/demo-link-en.png)](https://rannichan.github.io/Tavern-Harness/index.html#demo)
 
 <a id="run"></a>
-## 1 · Getting Started
+## 2 · Getting Started
 
 ### Option 1: One-Command Start (Recommended)
 
@@ -64,7 +79,7 @@ After starting the app, open **Settings → Model Service Provider**:
 - Data is tied to the browser, port, and site origin. Switching browsers, opening a private window, or using a different port will not show existing data. This is expected browser security behavior; use the same browser and port each time.
 
 <a id="features"></a>
-## 2 · Features
+## 3 · Features
 
 ### 🍺 The Tavern Keeper Is Always Ready to Help
 
@@ -96,11 +111,6 @@ The app supports **OpenAI-format APIs**. Use a hosted API plan or run a model lo
 
 The project has no external harness dependency, and its UI is designed for a clean, focused experience.
 
-<a id="gameplay"></a>
-## 3 · Gameplay Examples
-
-See the [interactive gameplay demos](https://rannichan.github.io/Tavern-Harness/#demo).
-
 <a id="feedback"></a>
 ## 4 · Community and Feedback
 
@@ -110,3 +120,7 @@ See the [interactive gameplay demos](https://rannichan.github.io/Tavern-Harness/
 - 📣 Star or watch the repository to receive updates.
 
 > The tavern is open 24 hours a day, and the Keeper is always here to help.
+
+## License
+
+This project is licensed under the [MIT License](LICENSE).

package/README.zh.md

@@ -1,9 +1,24 @@
+<p align="center">
+  <a href="https://rannichan.github.io/Tavern-Harness/">
+    <img alt="Tavern Harness logo" src="https://raw.githubusercontent.com/Rannichan/Tavern-Harness/main/public/tavern-harness-logo.png" width="128">
+  </a>
+</p>
+<p align="center">
+  <a href="https://github.com/Rannichan/Tavern-Harness"><img alt="GitHub 仓库" src="https://img.shields.io/badge/github-repository-181717?style=flat-square&logo=github&logoColor=white" /></a>
+  <a href="https://discord.gg/kPSWGeaHx"><img alt="Discord" src="https://img.shields.io/badge/discord-community-5865F2?style=flat-square&logo=discord&logoColor=white" /></a>
+  <a href="https://rannichan.github.io/Tavern-Harness/wiki.html"><img alt="Wiki" src="https://img.shields.io/badge/wiki-documentation-2563EB?style=flat-square" /></a>
+  <a href="https://www.npmjs.com/package/tavern-harness"><img alt="npm" src="https://img.shields.io/npm/v/tavern-harness?style=flat-square" /></a>
+</p>
+
 # Tavern Harness · AI 原生的角色扮演沙盒
 
- [产品主页](https://rannichan.github.io/Tavern-Harness/) ·  [Wiki](https://rannichan.github.io/Tavern-Harness/wiki.html) · [GitHub 仓库](https://github.com/Rannichan/Tavern-Harness) · [Discord 交流](https://discord.gg/kPSWGeaHx)
+<a id="demo"></a>
+## 1 · 玩法演示
+
+[![玩法演示](docs/assets/demo-link-zh.png)](https://rannichan.github.io/Tavern-Harness/index.html#demo)
 
 <a id="run"></a>
-## 1 · 如何运行
+## 2 · 如何运行
 
 ### 方式一：一键启动（推荐）
 
@@ -65,7 +80,7 @@ npm run dev      # 开发服务器默认端口 5173，被占用时自动顺延
 - 数据与浏览器、端口、站点绑定：换浏览器 / 开隐身窗 / 换端口看不到旧数据——这是浏览器安全机制，属正常现象。请确保每次在同一个端口启动、并在同一个浏览器打开。
 
 <a id="features"></a>
-## 2 · 产品特色
+## 3 · 产品特色
 
 ### 🍺 酒馆老板随时为您服务
 
@@ -97,11 +112,6 @@ npm run dev      # 开发服务器默认端口 5173，被占用时自动顺延
 
 项目不依赖任何外部 harness，UI 也经过了精细打磨，提供简洁干净的体验。
 
-<a id="gameplay"></a>
-## 3 · 玩法示例
-
-请查看[互动玩法演示](https://rannichan.github.io/Tavern-Harness/#demo)。
-
 <a id="feedback"></a>
 ## 4 · 交流反馈
 
@@ -111,3 +121,7 @@ npm run dev      # 开发服务器默认端口 5173，被占用时自动顺延
 - 📣 想第一时间收到更新，点个 Star / Watch 就好
 
 > 酒馆24小时营业，老板随时为您服务！
+
+## 开源协议
+
+本项目采用 [MIT License](LICENSE) 开源协议。

package/index.html

@@ -26,7 +26,7 @@
         }
       })();
     </script>
-    <title>Tavern Harness · 酒馆助手</title>
+    <title>Tavern Harness</title>
   </head>
   <body>
     <div id="root"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tavern-harness",
-  "version": "0.1.7",
+  "version": "0.1.9",
   "description": "Tavern Harness — 酒馆模式下的本地 AI Agent 助手（MyAgent-Android 的 Web 复刻）",
   "private": false,
   "type": "module",

package/src/components/ChatView.tsx

@@ -239,8 +239,9 @@ function MessageBubble({
   const turnStreaming = useStore((s) => s.streaming.sessionId === session.id);
   // System 消息（/new 标记）
   if (msg.role === 'system') {
+    const content = msg.content === '开始新话题' ? t('chat.newTopicMarker') : msg.content;
     return (
-      <div className="sys-banner fade-up" data-loop={loopIndex ?? undefined}>⟐ {msg.content}</div>
+      <div className="sys-banner fade-up" data-loop={loopIndex ?? undefined}>⟐ {content}</div>
     );
   }
 

package/src/core/i18n.ts

@@ -124,6 +124,7 @@ const MESSAGES: Record<LangKey, Record<string, string>> = {
     'chat.hintMagic': '魔法命令: /new · /pass',
     'chat.hintMention': ' · @角色名 点名',
     'chat.cmdNew': '开始新话题（截断上下文）',
+    'chat.newTopicMarker': '开始新话题',
     'chat.cmdPass': '跳过本轮发言（群聊中，不修改对话历史）',
     'chat.modelEmpty': '暂无可用模型列表。请先在「设置 → 模型服务 Provider」添加并测试连接。',
     'chat.noActions': '该消息无可用操作',
@@ -567,6 +568,7 @@ const MESSAGES: Record<LangKey, Record<string, string>> = {
     'chat.hintMagic': '魔法指令: /new · /pass',
     'chat.hintMention': ' · @角色名 點名',
     'chat.cmdNew': '開始新話題（截斷上下文）',
+    'chat.newTopicMarker': '開始新話題',
     'chat.cmdPass': '跳過本輪發言（群聊中，不修改對話歷史）',
     'chat.modelEmpty': '暫無可用模型清單。請先在「設定 → 模型服務 Provider」新增並測試連線。',
     'chat.noActions': '此訊息沒有可用的操作',
@@ -999,6 +1001,7 @@ const MESSAGES: Record<LangKey, Record<string, string>> = {
     'chat.hintMagic': 'Magic commands: /new · /pass',
     'chat.hintMention': ' · @name to address',
     'chat.cmdNew': 'Start a new topic (truncates context)',
+    'chat.newTopicMarker': 'Start a new topic',
     'chat.cmdPass': 'Skip this turn (group chat, keeps history)',
     'chat.modelEmpty': 'No models available. Add and test a connection under Settings → Model Providers first.',
     'chat.noActions': 'No actions available for this message',

package/src/theme/chat.css

@@ -455,8 +455,7 @@
 .composer {
   padding: 8px 22px 12px;
   border-top: 1px solid var(--border);
-  background: color-mix(in srgb, var(--surface) 62%, transparent);
-  backdrop-filter: blur(16px);
+  background: transparent;
 }
 .composer-box {
   position: relative;

package/src/theme/global.css

@@ -472,9 +472,6 @@ body.resizing .sidebar-resizer {
   /* 左边与列表项头像对齐：session-list padding-left 14 + session-item padding-left 10 */
   /* 右边与列表项右边缘对齐：session-list padding-right 14 + session-item padding-right 10 */
   padding: 4px 24px 8px 24px;
-  /* 与侧边栏同色背景，彻底挡住下方滚动的列表项 */
-  background: color-mix(in srgb, var(--surface) 55%, transparent);
-  backdrop-filter: blur(18px);
   border-bottom: 1px solid var(--border-soft);
 }
 /* 新建按钮：粗体文字 + 加号，不高亮 */
@@ -739,16 +736,17 @@ body.resizing .sidebar-resizer {
   min-width: 0;
   height: 100dvh;
   position: relative;
+  background: color-mix(in srgb, var(--surface) 55%, transparent);
+  backdrop-filter: blur(18px);
 }
 
+/* 右侧所有 Tab 共享侧边栏的磨砂背景。 */
+
 .chat-scroll {
   flex: 1;
   overflow-y: auto;
   padding: 20px 0 10px;
-  /* 与聊天头部 / 输入区同一块磨砂玻璃面：统一底色，消除可见的色块分界线 */
-  background: color-mix(in srgb, var(--surface) 62%, transparent);
-  backdrop-filter: blur(16px);
-  -webkit-backdrop-filter: blur(16px);
+  background: transparent;
 }
 
 .chat-col {
@@ -767,8 +765,7 @@ body.resizing .sidebar-resizer {
   gap: 12px;
   padding: 12px 22px;
   border-bottom: 1px solid var(--border);
-  background: color-mix(in srgb, var(--surface) 62%, transparent);
-  backdrop-filter: blur(16px);
+  background: transparent;
   z-index: 5;
 }
 .avatar {

package/src/theme/views.css

@@ -80,17 +80,18 @@
   padding: 12px 14px;
   max-height: none;
   height: 100%;
+  border-top-left-radius: 10px;
 }
-/* 角色卡：人设 Prompt 所在的 field 容器弹性增长，textaarea 填满 */
+/* 角色卡：允许 Prompt 输入框扩展，同时让后续字段在正常文档流中下移。 */
 .modal-editor .prompt-field {
-  flex: 3;
-  min-height: 220px;
+  flex: 0 0 auto;
   display: flex;
   flex-direction: column;
 }
 .modal-editor .prompt-field .grow-textarea {
-  flex: 1;
-  min-height: 0;
+  flex: none;
+  height: min(35dvh, 360px);
+  min-height: 220px;
 }
 .modal-editor .greeting-grow {
   min-height: 88px;