@musnows/scriverse 0.8.5 → 0.8.7

package/dist/public/display-labels.d.ts

@@ -10,7 +10,8 @@ export function reviewStatusLabel(value: unknown): string;
 export function taskScopeLabel(value: unknown): string;
 export function providerStatusLabel(value: unknown): string;
 export function providerConnectionLabel(value: unknown): string;
-export function providerProtocolLabel(value: unknown): string;
+export type ProviderProtocolOption = { value: string; label: string };
+export function providerProtocolLabel(value: unknown, protocolOptions?: ReadonlyArray<ProviderProtocolOption>): string;
 export function chapterVersionSourceLabel(value: unknown): string;
 export function occurrenceRoleLabel(value: unknown): string;
 export function searchResultTypeLabel(value: unknown): string;

package/dist/public/display-labels.js

@@ -65,12 +65,12 @@ export function providerConnectionLabel(value) {
   return enumLabel({ unchecked: "未测试", success: "连接正常", failed: "连接失败" }, value, "未知连接状态");
 }
 
-export function providerProtocolLabel(value) {
-  return enumLabel({
-    "openai-chat-completions": "OpenAI Chat Completions",
-    "anthropic-messages": "Anthropic Messages",
-    "google-vertex": "Google Vertex"
-  }, value, "未知接口协议");
+export function providerProtocolLabel(value, protocolOptions = []) {
+  const normalized = String(value ?? "").trim();
+  const option = Array.isArray(protocolOptions)
+    ? protocolOptions.find((candidate) => candidate?.value === normalized)
+    : null;
+  return typeof option?.label === "string" ? option.label : enumLabel({}, normalized, "未知接口协议");
 }
 
 export function chapterVersionSourceLabel(value) {

package/dist/public/index.html

@@ -10,7 +10,7 @@
     <link rel="icon" href="/icon.svg?v=20260712" type="image/svg+xml">
     <link rel="manifest" href="/site.webmanifest">
     <link rel="stylesheet" href="/vendor/vditor/dist/index.css?v=3.11.2">
-    <link rel="stylesheet" href="/styles.css?v=20260816-task-scope-volume-collapse-v2&feature=ai-tool-call-copy-feedback-v2&feature=ai-send-control-v3&feature=character-gender-v1&feature=character-filter-state-v1&feature=relationship-canvas-scale-v1&feature=relationship-table-scroll-v1&feature=galaxy-compact-controls-v2&feature=galaxy-motion-mode-v2&feature=chapter-search-replace-v3&feature=task-auto-run-ring-center-v3&feature=character-relationship-delete-v1&feature=ai-assistant-workspace-v2&feature=mobile-module-tab-position-v1&feature=volume-detail-icon-v1&feature=editor-actions-flow-v1&feature=reader-controls-subpanel-v1&feature=reader-focus-ring-v1&feature=ai-message-actions-v1&feature=assistant-responsive-navigation-v2&feature=ai-composer-square-controls-v2&feature=annotation-line-counts-v1&feature=line-number-gutter-fill-v1&feature=ai-relationship-roleplay-v1&feature=ai-model-picker-v1&feature=markdown-word-count-five-digit-v2&feature=ai-stream-character-count-stable-v1&feature=annotation-marker-offset-v1&feature=mobile-ai-entry-hidden-v1&feature=phone-client-entry-v1&feature=ai-stream-idle-timeout-v1">
+    <link rel="stylesheet" href="/styles.css?v=20260816-task-scope-volume-collapse-v2&feature=ai-tool-call-copy-feedback-v2&feature=ai-send-control-v3&feature=character-gender-v1&feature=character-filter-state-v1&feature=relationship-canvas-scale-v1&feature=relationship-table-scroll-v1&feature=galaxy-compact-controls-v2&feature=galaxy-motion-mode-v2&feature=chapter-search-replace-v3&feature=task-auto-run-ring-center-v3&feature=character-relationship-delete-v1&feature=ai-assistant-workspace-v2&feature=mobile-module-tab-position-v1&feature=volume-detail-icon-v1&feature=editor-actions-flow-v1&feature=reader-controls-subpanel-v1&feature=reader-focus-ring-v1&feature=ai-message-actions-v1&feature=assistant-responsive-navigation-v2&feature=ai-composer-square-controls-v2&feature=annotation-line-counts-v1&feature=line-number-gutter-fill-v1&feature=ai-relationship-roleplay-v1&feature=ai-model-picker-v1&feature=markdown-word-count-five-digit-v2&feature=ai-stream-character-count-stable-v1&feature=annotation-marker-offset-v1&feature=mobile-ai-entry-hidden-v1&feature=phone-client-entry-v1&feature=ai-stream-idle-timeout-v1&feature=ai-user-message-width-v2&feature=ai-chat-image-attachments-v9&feature=ai-message-image-preview-v1&feature=ai-thinking-scroll-v2&feature=toast-click-dismiss-v3&feature=character-avatar-v6&feature=admin-ai-conversations-v1&feature=ai-usage-pricing-v1&feature=ai-usage-pricing-badge-v2&feature=ai-token-quota-positive-v5&feature=ai-token-usage-details-v1&feature=ai-token-usage-details-centered-v1&feature=ai-stream-connection-seconds-v1">
   </head>
   <body class="auth-pending">
     <section id="auth-view" class="auth-view hidden" aria-labelledby="auth-title">
@@ -134,7 +134,7 @@
             <button type="button" data-module="races"><svg class="nav-icon" viewBox="0 0 24 24" aria-hidden="true"><circle cx="11" cy="4" r="2"/><circle cx="18" cy="8" r="2"/><circle cx="20" cy="16" r="2"/><path d="M9 10a5 5 0 0 1 5 5v3.5a3.5 3.5 0 0 1-6.84 1.045Q6.52 17.48 4.46 16.84A3.5 3.5 0 0 1 5.5 10Z"/></svg>种族</button>
             <button class="ai-analysis-entry" type="button" data-module="tasks"><svg class="nav-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"/><path d="M20 3v4"/><path d="M22 5h-4"/><path d="M4 17v2"/><path d="M5 18H3"/></svg>AI 分析</button>
             <button id="module-more-button" type="button" aria-expanded="false"><svg class="nav-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg><span class="nav-label">更多</span></button>
-            <button id="ai-assistant-entry" class="module-nav-secondary hidden ai-assistant-entry" type="button" aria-controls="ai-panel" aria-expanded="false"><svg class="nav-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M4 5.5A2.5 2.5 0 0 1 6.5 3h11A2.5 2.5 0 0 1 20 5.5v8a2.5 2.5 0 0 1-2.5 2.5H11l-4.5 4v-4h0A2.5 2.5 0 0 1 4 13.5z"/><path d="M8 8h8M8 11h5"/></svg>创作助手</button>
+            <button id="ai-assistant-entry" class="module-nav-secondary hidden ai-assistant-entry" type="button" aria-controls="ai-panel" aria-expanded="false"><svg class="nav-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 5.25a3.25 3.25 0 0 0-5.95 1.82A3.74 3.74 0 0 0 4.7 13.5a3.25 3.25 0 0 0 4.55 4.53A3.6 3.6 0 0 0 12 19.5"></path><path d="M12 5.25a3.25 3.25 0 0 1 5.95 1.82 3.74 3.74 0 0 1 1.35 6.43 3.25 3.25 0 0 1-4.55 4.53A3.6 3.6 0 0 1 12 19.5"></path><path d="M12 5.25v14.25"></path><path d="M8 9.1c1.1.1 2 .9 2.25 1.95"></path><path d="M16 9.1c-1.1.1-2 .9-2.25 1.95"></path></svg>创作助手</button>
             <button id="reader-open-button" class="module-nav-secondary hidden" type="button" aria-label="打开沉浸式阅读预览" title="阅读预览"><svg class="nav-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M3 5.5A2.5 2.5 0 0 1 5.5 3H11v16H5.5A2.5 2.5 0 0 0 3 21.5Z"/><path d="M21 5.5A2.5 2.5 0 0 0 18.5 3H13v16h5.5a2.5 2.5 0 0 1 2.5 2.5Z"/></svg>阅读预览</button>
             <button class="module-nav-secondary hidden" type="button" data-module="comments"><svg class="nav-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4Z"/><path d="M8 9h8M8 13h5"/></svg><span class="nav-label">正文评论</span></button>
             <button class="module-nav-secondary hidden" type="button" data-module="outlines"><svg class="nav-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="m3 17 2 2 4-4"/><path d="m3 7 2 2 4-4"/><path d="M13 6h8"/><path d="M13 12h8"/><path d="M13 18h8"/></svg><span class="nav-label">大纲/伏笔</span></button>
@@ -187,6 +187,7 @@
             <div class="settings-detail-actions">
               <button id="platform-usage-return" class="ghost-button settings-parent-button" type="button">返回设置</button>
               <button id="platform-usage-refresh" class="ghost-button" type="button">刷新</button>
+              <button id="platform-usage-pricing-refresh" class="ghost-button hidden" type="button">刷新模型价格</button>
             </div>
           </div>
           <div id="platform-usage-content" class="module-content usage-page-content"></div>
@@ -214,6 +215,7 @@
             <button id="platform-ai-button" class="settings-hub-card hidden" type="button" data-settings-action="ai"><span class="settings-card-mark">AI</span><strong>AI 管理</strong><small>供应商、模型、上下文与全局提示词</small></button>
             <button id="platform-usage-button" class="settings-hub-card hidden" type="button"><span class="settings-card-mark">T</span><strong>Token 用量</strong><small>总消耗、缓存命中率、每日网格与作品明细</small></button>
             <button id="user-management-button" class="settings-hub-card hidden" type="button"><span class="settings-card-mark">人</span><strong>用户管理</strong><small>管理员、普通用户与账户状态</small></button>
+            <button id="admin-ai-conversations-button" class="settings-hub-card hidden" type="button"><span class="settings-card-mark">话</span><strong>Chat 对话</strong><small>查看所有作品、所有用户的对话记录</small></button>
             <button id="platform-ui-settings-button" class="settings-hub-card hidden" type="button"><span class="settings-card-mark">界</span><strong>界面与分页</strong><small>设置通知位置、银河图性能及各模块的单页数量</small></button>
             <button id="s3-backup-button" class="settings-hub-card hidden" type="button"><span class="settings-card-mark">S3</span><strong>S3 备份</strong><small>将整个系统的数据库和图片同步到多个目标</small></button>
             <button id="collaboration-button" class="settings-hub-card" type="button"><span class="settings-card-mark">协</span><strong>作品协作</strong><small>邀请注册用户共同编辑当前作品</small></button>
@@ -330,7 +332,6 @@
           <div class="ai-heading-title"><span id="ai-status-dot" class="status-dot" role="status" aria-label="创作助手状态：正常" title="创作助手状态：正常"></span><strong>创作助手</strong></div>
           <div class="ai-heading-actions">
             <button id="ai-conversation-switcher" class="ai-conversation-switcher" type="button" aria-label="切换打开的对话" aria-controls="ai-conversation-switcher-menu" aria-expanded="false" aria-haspopup="dialog" title="切换打开的对话"><span id="ai-conversation-title">新对话</span><small id="ai-open-conversation-count">1</small><svg viewBox="0 0 12 8" aria-hidden="true" focusable="false"><path d="M1 1.5 6 6.5l5-5"></path></svg></button>
-            <button id="ai-workspace-close" class="hidden" type="button" aria-label="退出多会话工作台">退出</button>
             <button id="ai-history-toggle" type="button" aria-label="历史记录" aria-controls="ai-history-dialog" aria-expanded="false" aria-haspopup="dialog" title="历史记录"><svg class="ai-heading-action-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M3 12a9 9 0 1 0 3-6.7L3 8"></path><path d="M3 3v5h5M12 7v5l3.5 2"></path></svg></button>
             <button id="ai-new-conversation" type="button" aria-label="新建对话" title="新建对话">＋</button>
           </div>
@@ -384,6 +385,9 @@
             </select>
           </div>
           <div class="prompt-composer">
+            <div id="ai-image-attachments" class="ai-image-attachments hidden" aria-label="待发送的图片附件" aria-live="polite"></div>
+            <button id="ai-attachment-button" class="ai-attachment-button hidden" type="button" aria-label="添加图片附件" title="添加图片附件"><svg class="ai-image-button-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><rect x="3.5" y="4.5" width="17" height="15" rx="2"></rect><circle cx="9" cy="10" r="1.5"></circle><path d="m5.5 17 4.4-4.4 3.3 3.1 2.2-2.2 3.1 3.5"></path></svg></button>
+            <input id="ai-attachment-input" class="ai-attachment-input" type="file" accept="image/png,image/jpeg,.jpg,.jpeg" multiple aria-label="选择图片附件">
             <div id="ai-prompt" class="ai-prompt" contenteditable="true" role="textbox" aria-multiline="true" aria-autocomplete="list" aria-controls="ai-mention-menu" aria-haspopup="listbox" aria-expanded="false" aria-keyshortcuts="Enter" title="Enter 发送，Shift+Enter 换行" data-placeholder="告诉 AI 你想讨论或修改什么……"></div>
             <div id="ai-mention-menu" class="ai-mention-menu hidden" role="listbox" aria-label="引用角色、设定、章节或上下文能力"></div>
             <div class="prompt-composer-actions">
@@ -395,7 +399,8 @@
               <button id="ai-model-picker" class="ai-model-picker" type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="ai-model-popover" aria-label="选择实际使用模型" title="选择实际使用模型"><svg class="ai-model-picker-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 5.25a3.25 3.25 0 0 0-5.95 1.82A3.74 3.74 0 0 0 4.7 13.5a3.25 3.25 0 0 0 4.55 4.53A3.6 3.6 0 0 0 12 19.5"></path><path d="M12 5.25a3.25 3.25 0 0 1 5.95 1.82 3.74 3.74 0 0 1 1.35 6.43 3.25 3.25 0 0 1-4.55 4.53A3.6 3.6 0 0 1 12 19.5"></path><path d="M12 5.25v14.25"></path><path d="M8 9.1c1.1.1 2 .9 2.25 1.95"></path><path d="M16 9.1c-1.1.1-2 .9-2.25 1.95"></path><path d="M8.3 15.3c1.15-.05 2.1-.85 2.3-1.95"></path><path d="M15.7 15.3c-1.15-.05-2.1-.85-2.3-1.95"></path></svg></button>
               <section id="ai-model-popover" class="ai-model-popover hidden" role="dialog" aria-labelledby="ai-model-popover-title">
                 <label id="ai-model-popover-title" for="ai-model">实际使用模型</label>
-                <select id="ai-model" aria-label="实际使用模型"><option value="">使用创作助手时加载模型</option></select>
+                <select id="ai-model" class="ai-model-native-select" aria-label="实际使用模型"><option value="">使用创作助手时加载模型</option></select>
+                <div id="ai-model-options" class="ai-model-options" role="listbox" aria-labelledby="ai-model-popover-title"></div>
               </section>
               <button id="ai-send" class="ai-send-button" type="button" data-state="send" aria-label="发送消息" title="发送消息"><svg class="ai-send-button-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M21 3 9.5 14.5M21 3l-7 18-4.5-6.5L3 10l18-7Z"></path></svg></button>
             </div>
@@ -499,7 +504,7 @@
     </div>
     <input id="new-import-file" class="hidden" type="file" accept=".txt,.docx">
     <input id="cover-file" class="hidden" type="file" accept="image/png,image/jpeg,image/webp">
-    <input id="avatar-file" class="hidden" type="file" accept="image/png,image/jpeg,image/webp,image/gif">
+    <input id="avatar-file" class="hidden" type="file" accept="image/png,image/jpeg,image/webp">
 
     <dialog id="background-task-dialog" class="dialog wide-dialog background-task-dialog" aria-labelledby="background-task-dialog-title">
       <form method="dialog">
@@ -921,6 +926,28 @@
       </div>
     </dialog>
 
+    <dialog id="admin-ai-conversations-dialog" class="dialog wide-dialog admin-ai-conversations-dialog" aria-labelledby="admin-ai-conversations-title">
+      <div class="dialog-header">
+        <div><span class="eyebrow">系统管理员</span><h2 id="admin-ai-conversations-title">Chat 对话列表</h2><p class="dialog-header-meta">只读查看平台内所有作品和用户的对话。</p></div>
+        <div class="settings-dialog-header-actions">
+          <button id="admin-ai-conversations-filter-toggle" class="module-filter-toggle" type="button" aria-label="筛选 Chat 对话" aria-controls="admin-ai-conversations-filter-panel" aria-expanded="false" title="筛选 Chat 对话"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M4 5h16l-6.5 7.2v5.3l-3 1.5v-6.8L4 5Z"></path></svg></button>
+          <button id="admin-ai-conversations-settings-return" class="ghost-button settings-parent-button" type="button">返回设置</button>
+          <button id="admin-ai-conversations-close" class="dialog-close" aria-label="关闭 Chat 对话列表" type="button">×</button>
+        </div>
+      </div>
+      <div class="admin-ai-conversations-body">
+        <form id="admin-ai-conversations-filter-panel" class="admin-ai-conversations-filters hidden" method="get">
+          <label>关键词<input id="admin-ai-conversations-query" name="q" type="search" maxlength="200" placeholder="对话、作品或用户"></label>
+          <label>作品<select id="admin-ai-conversations-work" name="workId"><option value="">全部作品</option></select></label>
+          <label>用户<select id="admin-ai-conversations-user" name="userId"><option value="">全部用户</option></select></label>
+          <div class="admin-ai-conversations-filter-actions"><button id="admin-ai-conversations-reset" class="ghost-button" type="button">重置</button><button class="primary-button" type="submit">应用筛选</button></div>
+        </form>
+        <p id="admin-ai-conversations-summary" class="admin-ai-conversations-summary" role="status" aria-live="polite">正在读取对话……</p>
+        <div id="admin-ai-conversations-list" class="admin-ai-conversations-list" aria-live="polite"></div>
+      </div>
+      <div class="dialog-actions"><button id="admin-ai-conversations-refresh" class="ghost-button" type="button">刷新</button><button id="admin-ai-conversations-load-more" class="primary-button hidden" type="button">加载更多</button></div>
+    </dialog>
+
     <dialog id="chapter-annotations-dialog" class="dialog wide-dialog chapter-annotations-dialog" aria-labelledby="chapter-annotations-title">
       <div class="dialog-header"><div><span class="eyebrow">正文协作</span><h2 id="chapter-annotations-title">正文评论</h2><p id="chapter-annotations-meta" class="dialog-header-meta">在正文行上点击右键即可添加评论。</p></div><button id="chapter-annotations-close" class="dialog-close" aria-label="关闭正文评论" type="button">×</button></div>
       <div id="chapter-annotations-list" class="chapter-annotations-list" aria-live="polite"></div>
@@ -1066,7 +1093,7 @@
     <dialog id="avatar-crop-dialog" class="dialog avatar-crop-dialog" aria-labelledby="avatar-crop-dialog-title" aria-describedby="avatar-crop-dialog-description">
       <div class="dialog-header">
         <div>
-          <span class="eyebrow">个人账户</span>
+          <span id="avatar-crop-dialog-eyebrow" class="eyebrow">个人账户</span>
           <h2 id="avatar-crop-dialog-title">裁剪头像</h2>
           <p id="avatar-crop-dialog-description" class="dialog-header-meta">拖动选区或四角手柄调整范围，圆形预览即最终显示效果。</p>
         </div>
@@ -1144,6 +1171,14 @@
       </div>
     </dialog>
 
+    <dialog id="ai-image-preview-dialog" class="dialog ai-image-preview-dialog" aria-labelledby="ai-image-preview-title">
+      <div class="dialog-header">
+        <div><span id="ai-image-preview-title" class="eyebrow">图片附件</span><p id="ai-image-preview-meta" class="dialog-header-meta"></p></div>
+        <button id="ai-image-preview-close" class="dialog-close" aria-label="关闭图片预览" type="button">×</button>
+      </div>
+      <div class="ai-image-preview-body"><img id="ai-image-preview-image" alt=""></div>
+    </dialog>
+
     <dialog id="ai-history-dialog" class="dialog wide-dialog ai-history-dialog" aria-labelledby="ai-history-dialog-title">
       <div class="dialog-header">
         <div><span class="eyebrow">对话管理</span><h2 id="ai-history-dialog-title">历史记录</h2></div>
@@ -1210,6 +1245,6 @@
     <div id="auth-loading" class="auth-loading" role="status" aria-label="正在载入工作台"></div>
     <script id="vditorIconScript" src="/vendor/vditor/dist/js/icons/ant.js?v=3.11.2"></script>
     <script src="/vendor/vditor/dist/index.min.js?v=3.11.2"></script>
-    <script type="module" src="/app.js?v=20260816-extended-thinking-effort-v1&feature=ai-tool-call-copy-feedback-v2&feature=ai-send-control-v2&feature=analysis-task-queue-refresh-v1&feature=character-gender-v1&feature=character-filter-state-v1&feature=relationship-canvas-scale-v1&feature=relationship-table-scroll-v1&feature=ai-session-id-copy-v2&feature=galaxy-motion-mode-v3&feature=galaxy-edge-label-threshold-v1&feature=calculate-time-tool-v1&feature=analysis-task-expired-toast-v1&feature=global-replace-volume-v1&feature=chapter-search-replace-v1&feature=chapter-save-toast-v1&feature=character-relationship-delete-v1&feature=character-relationship-group-v1&feature=analysis-task-stability-delay-v1&feature=ai-assistant-workspace-v1&feature=volume-detail-icon-v1&feature=reader-manual-chapter-navigation-v1&feature=ai-message-reference-badges-v1&feature=ai-message-actions-v1&feature=assistant-responsive-navigation-v3&feature=annotation-permissions-v1&feature=annotation-line-counts-v1&feature=ai-relationship-roleplay-v1&feature=ai-roleplay-story-recall-v1&feature=ai-model-picker-v1&feature=ai-fork-model-unlock-v1&feature=context-percent-format-v1&feature=annotation-precise-locate-v1&feature=markdown-word-count-stable-v1&feature=ai-stream-character-count-stable-v2&feature=phone-client-entry-v1&feature=ai-process-empty-intermediate-v1&feature=ai-feed-scroll-follow-v1&feature=ai-message-retry-v1&feature=ai-stream-idle-timeout-v2&feature=ai-config-delete-v1"></script>
+    <script type="module" src="/app.js?v=20260816-extended-thinking-effort-v1&feature=ai-tool-call-copy-feedback-v2&feature=ai-send-control-v2&feature=analysis-task-queue-refresh-v1&feature=character-gender-v1&feature=character-filter-state-v1&feature=relationship-canvas-scale-v1&feature=relationship-table-scroll-v1&feature=ai-session-id-copy-v2&feature=galaxy-motion-mode-v3&feature=galaxy-edge-label-threshold-v1&feature=calculate-time-tool-v1&feature=analysis-task-expired-toast-v1&feature=global-replace-volume-v1&feature=chapter-search-replace-v1&feature=chapter-save-toast-v1&feature=character-relationship-delete-v1&feature=character-relationship-group-v1&feature=analysis-task-stability-delay-v1&feature=ai-assistant-workspace-v2&feature=volume-detail-icon-v1&feature=volume-story-order-v1&feature=reader-manual-chapter-navigation-v1&feature=ai-message-reference-badges-v1&feature=ai-message-actions-v1&feature=assistant-responsive-navigation-v3&feature=annotation-permissions-v1&feature=annotation-line-counts-v1&feature=ai-relationship-roleplay-v1&feature=ai-roleplay-user-character-visibility-v1&feature=ai-roleplay-story-recall-v1&feature=ai-model-picker-v1&feature=ai-fork-model-unlock-v1&feature=context-percent-format-v1&feature=annotation-precise-locate-v1&feature=markdown-word-count-stable-v1&feature=ai-stream-character-count-stable-v2&feature=ai-process-empty-intermediate-v1&feature=ai-feed-scroll-follow-v1&feature=ai-message-retry-v1&feature=ai-stream-idle-timeout-v2&feature=ai-config-delete-v1&feature=ai-provider-protocol-options-v1&feature=ai-provider-thinking-type-v1&feature=ai-chat-image-attachments-v8&feature=ai-message-image-preview-v1&feature=ai-thinking-scroll-v2&feature=ai-image-conversation-model-lock-v1&feature=toast-click-dismiss-v2&feature=system-restart-dialog-delay-v1&feature=character-avatar-v6&feature=character-death-position-v1&feature=admin-ai-conversations-v1&feature=ai-usage-pricing-v1&feature=ai-usage-pricing-badge-v2&feature=ai-usage-pricing-label-v1&feature=ai-usage-token-breakdown-v1&feature=ai-usage-pricing-cache-v2&feature=ai-usage-pricing-manual-refresh-v1&feature=ai-monthly-token-quota-v1&feature=ai-provider-token-quota-v1&feature=ai-token-quota-positive-v6&feature=ai-model-thinking-label-v1&feature=ai-model-picker-focus-v1&feature=ai-provider-model-import-v1&feature=ai-assistant-brain-icon-v1&feature=ai-token-usage-details-v1&feature=ai-token-usage-details-centered-v1&feature=ai-token-usage-raw-input-v1&feature=ai-stream-connection-seconds-v1&feature=phone-client-entry-v1&feature=ai-usage-pricing-cache-v1&feature=ai-model-thinking-label-v3&feature=ai-roleplay-speaker-label-v1"></script>
   </body>
 </html>

package/dist/public/model-config.d.ts

@@ -1,8 +1,9 @@
 export const MODEL_PURPOSE_OPTIONS: ReadonlyArray<readonly [string, string]>;
-export const MODEL_THINKING_EFFORT_OPTIONS: ReadonlyArray<readonly ["default" | "low" | "medium" | "high" | "xhigh" | "max", string]>;
+export const MODEL_THINKING_EFFORT_OPTIONS: ReadonlyArray<readonly ["default" | "auto" | "low" | "medium" | "high" | "xhigh" | "max", string]>;
 export const MIN_MODEL_CONTEXT_WINDOW: number;
 export const RECOMMENDED_MODEL_CONTEXT_WINDOW: number;
-export function supportsMultimodalModelProtocol(protocol: string | null | undefined): boolean;
+export type ModelProviderProtocolOption = { value: string; supportsMultimodal?: boolean };
+export function supportsMultimodalModelProtocol(protocol: string | null | undefined, protocolOptions?: ReadonlyArray<ModelProviderProtocolOption>): boolean;
 
 export type ModelFormValues = {
   displayName: string;
@@ -12,7 +13,7 @@ export type ModelFormValues = {
   temperature: number;
   maxTokens: number;
   thinkingEnabled: boolean;
-  thinkingEffort: "default" | "low" | "medium" | "high" | "xhigh" | "max";
+  thinkingEffort: "default" | "auto" | "low" | "medium" | "high" | "xhigh" | "max";
   multimodalEnabled: boolean;
   imageToolDefault: boolean;
   enabled: boolean;
@@ -22,5 +23,6 @@ export function normalizeModelPurposes(purposes: unknown): string[];
 export function isKimiModelId(modelId: unknown): boolean;
 export function modelContextWindowGuidance(value: unknown): { belowMinimum: boolean; showRecommendation: boolean };
 export function modelFormValues(model?: Record<string, unknown> | null): ModelFormValues;
-export function modelPayload(values: ModelFormValues, existingPreset?: Record<string, unknown>): Record<string, unknown> & { thinkingEnabled: boolean; thinkingEffort: "default" | "low" | "medium" | "high" | "xhigh" | "max" };
+export function modelPayload(values: ModelFormValues, existingPreset?: Record<string, unknown>): Record<string, unknown> & { thinkingEnabled: boolean; thinkingEffort: "default" | "auto" | "low" | "medium" | "high" | "xhigh" | "max" };
 export function modelOptionLabel(model: Record<string, unknown> | null | undefined): string;
+export function modelThinkingEffortLabel(model: Record<string, unknown> | null | undefined): string;

package/dist/public/model-config.js

@@ -11,6 +11,7 @@ export const MODEL_PURPOSE_OPTIONS = Object.freeze([
 
 export const MODEL_THINKING_EFFORT_OPTIONS = Object.freeze([
   ["default", "模型默认"],
+  ["auto", "自动（auto）"],
   ["low", "低（low）"],
   ["medium", "中（medium）"],
   ["high", "高（high）"],
@@ -23,8 +24,9 @@ const modelThinkingEfforts = new Set(MODEL_THINKING_EFFORT_OPTIONS.map(([value])
 export const MIN_MODEL_CONTEXT_WINDOW = 32_768;
 export const RECOMMENDED_MODEL_CONTEXT_WINDOW = 128_000;
 
-export function supportsMultimodalModelProtocol(protocol) {
-  return protocol === "openai-chat-completions";
+export function supportsMultimodalModelProtocol(protocol, protocolOptions = []) {
+  return Array.isArray(protocolOptions)
+    && protocolOptions.some((option) => option?.value === protocol && option?.supportsMultimodal === true);
 }
 
 const purposeAliases = new Map([
@@ -99,3 +101,9 @@ export function modelOptionLabel(model) {
   const modelName = String(model?.displayName ?? model?.modelId ?? "").trim();
   return [providerName, modelName].filter(Boolean).join(" · ");
 }
+
+export function modelThinkingEffortLabel(model) {
+  if (model?.thinkingEnabled !== true) return "";
+  const thinkingEffort = String(model?.thinkingEffort ?? "").trim().toLowerCase();
+  return thinkingEffort && thinkingEffort !== "default" ? thinkingEffort : "default";
+}

package/dist/public/styles.css

@@ -482,6 +482,9 @@ input[type="checkbox"][hidden] { display: none; }
 .user-avatar { position: relative; display: inline-grid; flex: 0 0 auto; place-items: center; width: 36px; height: 36px; overflow: hidden; border-radius: 50%; background: var(--accent); color: white; font-size: 13px; font-weight: 650; line-height: 1; }
 .user-avatar img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
 .user-avatar-fallback { display: grid; width: 100%; height: 100%; place-items: center; }
+.character-avatar { position: relative; display: inline-grid; flex: 0 0 auto; place-items: center; width: 36px; height: 36px; overflow: hidden; border: 1px solid color-mix(in srgb, var(--accent) 30%, var(--line)); border-radius: 50%; background: color-mix(in srgb, var(--accent) 14%, var(--surface)); color: var(--accent-dark); font-size: 13px; font-weight: 650; line-height: 1; }
+.character-avatar img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
+.character-avatar-fallback { display: grid; width: 100%; height: 100%; place-items: center; }
 .account-button > .account-avatar { width: 26px; height: 26px; font-size: 11px; }
 .account-button > span:last-child { max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; }
 .account-menu { position: absolute; z-index: 80; top: 48px; right: 84px; display: grid; width: 180px; min-width: 0; gap: 4px; padding: 12px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface); box-shadow: var(--shadow); }
@@ -664,6 +667,9 @@ body.is-panel-resizing { cursor: col-resize; user-select: none; }
 .settings-work-note { max-width: 1000px; margin: 18px auto 0; color: var(--muted); font-size: 11px; }
 .usage-page-content { width: 100%; max-width: 1400px; margin: 0 auto; padding-top: 0; }
 .usage-overview { min-width: 0; container-name: usage-overview; container-type: inline-size; }
+.usage-overview-header { align-items: flex-start; gap: 16px; }
+.usage-overview-header > div { min-width: 0; }
+.usage-details-button { flex: 0 0 auto; min-height: 32px; padding: 7px 11px; font-size: 11px; }
 .usage-stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
 .usage-stat {
   display: grid;
@@ -676,7 +682,10 @@ body.is-panel-resizing { cursor: col-resize; user-select: none; }
   background: var(--surface-soft);
 }
 .usage-stat.is-primary { border-color: color-mix(in srgb, var(--accent) 42%, var(--line)); background: color-mix(in srgb, var(--accent) 6%, var(--surface-soft)); }
+.usage-stat-label { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; }
 .usage-stat > span { color: var(--muted); font-size: 10px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
+.usage-stat-label > span:first-child { min-width: 0; overflow: hidden; color: var(--muted); font-size: 10px; font-weight: 600; letter-spacing: .06em; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
+.usage-cost-bubble { flex: 0 0 auto; max-width: 100%; padding: 6px 10px; overflow: hidden; border: 1px solid color-mix(in srgb, var(--accent) 62%, var(--line)); border-radius: 999px; background: color-mix(in srgb, var(--accent) 22%, var(--surface)); box-shadow: 0 4px 12px color-mix(in srgb, var(--accent) 14%, transparent); color: var(--accent-dark); font: 700 10px/1.1 var(--font-latin), var(--font-cjk), monospace; letter-spacing: .02em; text-overflow: ellipsis; white-space: nowrap; }
 .usage-stat strong { margin: 10px 0 5px; overflow: hidden; color: var(--ink); font: 600 clamp(23px, 2.8vw, 34px)/1 var(--font-latin), ui-monospace, monospace; letter-spacing: -.035em; text-overflow: ellipsis; white-space: nowrap; }
 .usage-stat.is-primary strong { color: var(--accent-dark); }
 .usage-stat small { overflow-wrap: anywhere; color: var(--muted); font-size: 9px; line-height: 1.45; }
@@ -732,10 +741,41 @@ body.is-panel-resizing { cursor: col-resize; user-select: none; }
 .usage-work-table th:first-child, .usage-work-table td:first-child { text-align: left; }
 .usage-work-table tbody th { max-width: 320px; overflow: hidden; color: var(--ink); font-weight: 600; text-overflow: ellipsis; }
 .usage-work-table tbody tr:last-child > * { border-bottom: 0; }
+.toast.token-usage-details-toast {
+  display: grid;
+  grid-template-rows: auto minmax(0, 1fr);
+  width: min(720px, calc(100vw - 48px));
+  max-width: none;
+  max-height: min(72dvh, 560px);
+  padding: 0;
+  overflow: hidden;
+  border-color: color-mix(in srgb, var(--accent) 42%, var(--line));
+  background: var(--panel);
+  color: var(--ink);
+  pointer-events: auto;
+}
+.token-usage-details-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 11px 12px 10px 14px; border-bottom: 1px solid var(--line); }
+.token-usage-details-heading { display: flex; min-width: 0; align-items: center; gap: 8px; }
+.token-usage-details-heading strong { font-size: 12px; }
+.token-usage-details-heading span { min-width: 0; overflow: hidden; color: var(--accent-dark); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
+.token-usage-details-close { flex: 0 0 auto; min-height: 28px; padding: 5px 9px; font-size: 10px; }
+.token-usage-details-body { display: grid; gap: 10px; min-height: 0; padding: 12px 14px 14px; overflow-y: auto; color: var(--muted); font-size: 11px; line-height: 1.6; overscroll-behavior: contain; }
+.token-usage-details-note { margin: 0; }
+.token-usage-details-table-scroll { min-width: 0; overflow-x: auto; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); }
+.token-usage-details-table { width: 100%; min-width: 690px; border-collapse: collapse; color: var(--ink); font: 10px/1.45 var(--font-latin), var(--font-cjk), monospace; }
+.token-usage-details-table caption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
+.token-usage-details-table th, .token-usage-details-table td { padding: 9px 10px; border-bottom: 1px solid var(--line); text-align: right; white-space: nowrap; }
+.token-usage-details-table thead th { background: var(--surface-soft); color: var(--muted); font-size: 9px; font-weight: 600; letter-spacing: .03em; }
+.token-usage-details-table th:first-child, .token-usage-details-table td:first-child { text-align: left; }
+.token-usage-details-table tbody th { max-width: 240px; overflow: hidden; text-overflow: ellipsis; font-weight: 600; }
+.token-usage-details-table tfoot th, .token-usage-details-table tfoot td { border-top: 1px solid color-mix(in srgb, var(--accent) 38%, var(--line)); border-bottom: 0; background: color-mix(in srgb, var(--accent) 6%, var(--surface-soft)); font-weight: 700; }
+.token-usage-details-table tbody tr:last-child > * { border-bottom: 0; }
 @container usage-overview (max-width: 760px) {
   .usage-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 }
 @container usage-overview (max-width: 420px) {
+  .usage-overview-header { flex-wrap: wrap; }
+  .usage-details-button { width: 100%; }
   .usage-stat-grid { grid-template-columns: minmax(0, 1fr); }
 }
 .product-footer { display: flex; flex: 0 0 auto; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px 12px; width: 100%; max-width: 1400px; margin: auto auto 0; padding-top: 20px; border-top: 1px solid color-mix(in srgb, var(--line) 76%, transparent); color: var(--muted); font-size: 10px; line-height: 1.5; }
@@ -806,6 +846,28 @@ body.is-panel-resizing { cursor: col-resize; user-select: none; }
   cursor: not-allowed;
   opacity: .46;
 }
+.dialog.admin-ai-conversations-dialog { width: min(1040px, 94vw); height: min(760px, calc(100dvh - 24px)); max-height: calc(100dvh - 24px); overflow: hidden; }
+.admin-ai-conversations-dialog { grid-template-rows: auto minmax(0, 1fr) auto; }
+.admin-ai-conversations-dialog[open] { display: grid; }
+.admin-ai-conversations-body { display: grid; grid-template-rows: auto auto minmax(0, 1fr); gap: 12px; min-height: 0; padding: 16px 24px 0; }
+.admin-ai-conversations-filters { display: grid; grid-template-columns: minmax(220px, 1.4fr) repeat(2, minmax(160px, 1fr)) auto; align-items: end; gap: 10px; padding: 13px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface-soft); }
+.admin-ai-conversations-filters label { display: grid; gap: 6px; min-width: 0; color: var(--muted); font-size: 10px; font-weight: 650; }
+.admin-ai-conversations-filters :is(input, select) { width: 100%; min-height: 36px; padding: 7px 10px; border: 1px solid var(--line); border-radius: 4px; background-color: var(--surface); color: var(--ink); font-size: 12px; }
+.admin-ai-conversations-filter-actions { display: flex; gap: 7px; }
+.admin-ai-conversations-filter-actions button { min-height: 36px; white-space: nowrap; }
+.admin-ai-conversations-summary { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.5; }
+.admin-ai-conversations-list { display: grid; align-content: start; gap: 9px; min-height: 0; overflow-y: auto; padding: 0 2px 16px 0; }
+.admin-ai-conversation-row { display: grid; gap: 11px; min-width: 0; padding: 14px 15px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface-soft); }
+.admin-ai-conversation-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; min-width: 0; }
+.admin-ai-conversation-heading > div { display: grid; gap: 4px; min-width: 0; }
+.admin-ai-conversation-heading strong { overflow: hidden; color: var(--ink); font-size: 13px; font-weight: 650; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
+.admin-ai-conversation-heading small, .admin-ai-conversation-heading > span { color: var(--muted); font-size: 9px; line-height: 1.5; }
+.admin-ai-conversation-heading > span { flex: 0 0 auto; padding: 3px 7px; border: 1px solid var(--line); border-radius: 999px; background: var(--surface); white-space: nowrap; }
+.admin-ai-conversation-meta { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; margin: 0; }
+.admin-ai-conversation-meta > div { display: grid; gap: 3px; min-width: 0; padding: 7px 9px; border-radius: 5px; background: var(--surface); }
+.admin-ai-conversation-meta dt { color: var(--muted); font-size: 8px; }
+.admin-ai-conversation-meta dd { overflow: hidden; margin: 0; color: var(--ink); font-size: 10px; line-height: 1.45; text-overflow: ellipsis; white-space: nowrap; }
+.admin-ai-conversation-row > p { display: -webkit-box; overflow: hidden; margin: 0; color: var(--muted); font-size: 10px; line-height: 1.6; overflow-wrap: anywhere; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
 .dialog.s3-backup-dialog { width: min(900px, 94vw); }
 .s3-backup-body { display: grid; gap: 18px; max-height: calc(88vh - 86px); overflow-y: auto; padding: 18px 24px 24px; }
 .s3-backup-encryption { display: grid; gap: 12px; min-width: 0; margin: 0; padding: 15px 16px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface-soft); }
@@ -1082,6 +1144,9 @@ body.work-viewer-mode .character-editor-actions { display: none !important; }
 .avatar-settings-actions { display: flex; flex-wrap: wrap; gap: 8px; }
 .avatar-settings-actions button { min-height: 32px; padding: 6px 11px; font-size: 11px; }
 .avatar-settings-actions button:disabled { cursor: wait; opacity: .5; }
+.character-avatar-settings { grid-column: 1 / -1; }
+.character-avatar-editor-preview { grid-row: 1 / 3; width: 76px; height: 76px; border-width: 2px; font-size: 26px; }
+.character-avatar-settings .avatar-settings-copy small { max-width: 520px; }
 .avatar-crop-dialog { width: min(720px, 94vw); }
 .avatar-crop-body { display: grid; grid-template-columns: minmax(0, 1fr) 96px; gap: 16px; align-items: start; padding: 18px 24px 8px; }
 .avatar-crop-stage {
@@ -1484,6 +1549,7 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .character-card { cursor: pointer; }
 .character-row { grid-template-columns: minmax(140px, .28fr) minmax(0, 1fr) auto; }
 .character-card-heading { display: flex; min-width: 0; align-items: center; gap: 7px; }
+.character-card-heading .character-avatar { width: 32px; height: 32px; font-size: 12px; }
 .character-card-heading h3 { min-width: 0; }
 .record-card.has-card-edit .character-card-heading { padding-right: 34px; }
 .record-card.has-card-edit .character-card-heading h3 { padding-right: 0; }
@@ -2538,19 +2604,36 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .context-compact-threshold-field { width: min(100%, 280px); }
 .agent-tool-call-limit-field { width: min(100%, 280px); }
 .daily-token-quota-field { width: min(100%, 144px); }
+.monthly-token-quota-field { width: min(100%, 144px); }
 .agent-tool-call-global-multiplier-field { width: auto; min-width: 0; }
 .book-summary-context-percent-field input, .context-compact-threshold-field input, .agent-tool-call-limit-field input, .daily-token-quota-field input { width: 64px; min-height: 32px; padding: 5px 8px; font-size: 13px; font-family: var(--font-latin), monospace; }
 .daily-token-quota-field input { width: 144px; }
+.monthly-token-quota-field input { width: 144px; }
+.monthly-token-quota-field input { min-height: 32px; padding: 5px 8px; font-size: 13px; font-family: var(--font-latin), monospace; }
+.token-quota-warning, .provider-token-quota-warning { display: block; color: var(--accent-dark); font-size: 10px; font-weight: 600; line-height: 1.5; }
+.token-quota-warning.hidden, .provider-token-quota-warning.hidden { display: none; }
 .config-inline-save { display: flex; align-items: flex-end; gap: 10px; margin: 14px 0 4px; flex-wrap: wrap; }
 .config-inline-save .book-summary-context-percent-field,
 .config-inline-save .context-compact-threshold-field,
 .config-inline-save .agent-tool-call-limit-field,
 .config-inline-save .daily-token-quota-field { display: grid; gap: 6px; width: 64px; margin: 0; color: var(--muted); font-size: 10px; }
+.config-inline-save .monthly-token-quota-field { display: grid; gap: 6px; width: 64px; margin: 0; color: var(--muted); font-size: 10px; }
 .config-inline-save .book-summary-context-percent-field,
 .config-inline-save .context-compact-threshold-field { grid-template-columns: minmax(110px, 130px) 88px; align-items: center; column-gap: 12px; width: min(100%, 230px); }
 .config-inline-save .book-summary-context-percent-field input,
 .config-inline-save .context-compact-threshold-field input { width: 88px; }
 .config-inline-save .daily-token-quota-field { width: 144px; }
+.config-inline-save .monthly-token-quota-field { width: 144px; }
+@media (min-width: 641px) {
+  .config-inline-save .daily-token-quota-field,
+  .config-inline-save .monthly-token-quota-field { flex: 0 1 360px; width: min(100%, 360px); min-width: 240px; }
+  .config-inline-save .daily-token-quota-field input,
+  .config-inline-save .monthly-token-quota-field input { width: 100%; }
+  .config-inline-save > .token-quota-warning { flex: 1 1 220px; width: min(100%, 260px); min-width: 200px; align-self: flex-end; margin-bottom: 8px; }
+}
+@media (max-width: 640px) {
+  .config-inline-save > .token-quota-warning { flex: 1 1 106px; width: auto; min-width: 0; align-self: center; }
+}
 .config-inline-save .agent-tool-call-global-multiplier-field { display: grid; gap: 6px; width: auto; margin: 0; color: var(--muted); font-size: 10px; }
 .config-inline-save > .config-checkbox-field { display: inline-flex !important; align-items: center; gap: 8px; min-height: 32px; margin: 0; color: var(--muted); font-size: calc(11px * var(--ui-font-scale)); line-height: 1.4; white-space: nowrap; }
 .config-inline-save > .config-checkbox-field input[type="checkbox"] { width: 18px; min-width: 18px; height: 18px; }
@@ -2617,7 +2700,7 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .assistant-message.is-search-target, .user-message.is-search-target { outline: 2px solid var(--accent); outline-offset: 3px; }
 .assistant-message.is-error { border: 1px solid color-mix(in srgb, var(--accent) 42%, var(--line)); border-left: 3px solid var(--accent); background: color-mix(in srgb, var(--accent) 8%, var(--paper-deep)); }
 .assistant-message.has-message-actions, .user-message.has-message-actions { margin-bottom: 42px; }
-.user-message { margin-left: 24px; background: var(--accent); color: #fff; }
+.user-message { width: fit-content; max-width: 60%; margin-left: auto; background: var(--accent); color: #fff; }
 .assistant-message > .message-heading, .user-message > .message-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 5px; opacity: .65; font-size: 9px; }
 .message-heading > span { letter-spacing: .12em; }.message-heading time { flex: 0 0 auto; font-variant-numeric: tabular-nums; letter-spacing: .03em; }
 .assistant-message.is-error > .message-heading { color: var(--accent-dark); opacity: 1; }
@@ -2667,6 +2750,7 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .message-body .markdown-image small { color: var(--muted); font-size: 9px; line-height: 1.45; text-align: center; }
 .message-meta { margin-top: 8px; color: var(--muted); font-size: 9px; }
 .message-meta .ai-stream-character-count { display: inline-block; min-width: 6ch; font-variant-numeric: tabular-nums; text-align: right; }
+.message-meta .ai-stream-connection-seconds { display: inline-block; min-width: 3ch; font-variant-numeric: tabular-nums; text-align: right; }
 .ai-process-details { margin: 0 0 10px; overflow: hidden; border: 1px solid var(--line); border-radius: 5px; background: color-mix(in srgb, var(--surface-soft) 82%, transparent); }
 .ai-process-details > summary { display: flex; align-items: center; justify-content: space-between; gap: 9px; padding: 8px 10px; color: var(--muted); cursor: pointer; font-size: 10px; list-style: none; }
 .ai-process-details > summary::-webkit-details-marker { display: none; }
@@ -2678,7 +2762,10 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .ai-process-list { display: grid; gap: 7px; padding: 9px; }
 .ai-process-step { display: grid; min-width: 0; gap: 5px; }
 .ai-process-step > small { color: var(--muted); font: 8px/1.4 var(--font-latin), monospace; }
-.ai-process-step-body { max-height: 220px; overflow: auto; padding: 8px 9px; border-left: 2px solid color-mix(in srgb, var(--accent) 46%, var(--line)); background: var(--paper-deep); color: var(--muted); font-size: 10px; }
+.ai-process-step-body { max-height: 220px; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-color: var(--muted) var(--surface-soft); scrollbar-gutter: stable; scrollbar-width: thin; -webkit-overflow-scrolling: touch; padding: 8px 9px; border-left: 2px solid color-mix(in srgb, var(--accent) 46%, var(--line)); background: var(--paper-deep); color: var(--muted); font-size: 10px; }
+.ai-process-step-body::-webkit-scrollbar { width: 8px; }
+.ai-process-step-body::-webkit-scrollbar-track { background: var(--surface-soft); }
+.ai-process-step-body::-webkit-scrollbar-thumb { border-radius: 4px; background: var(--muted); }
 .ai-process-intermediate-step .ai-process-step-body { border-left-color: var(--muted); }
 .ai-process-tool-step { padding-top: 1px; }
 @keyframes ai-process-pulse { 0%, 100% { opacity: .45; transform: scale(.8); } 50% { opacity: 1; transform: scale(1); } }
@@ -2726,6 +2813,25 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .prompt-options .ai-roleplay-user-character { grid-column: 1 / -1; }
 .ai-panel.is-roleplaying .ai-roleplay-character { border-color: color-mix(in srgb, var(--accent) 52%, var(--line)); background: color-mix(in srgb, var(--accent) 8%, var(--surface)); color: var(--accent-dark); }
 .prompt-composer { position: relative; }
+.ai-image-attachments { display: flex; gap: 5px; max-height: 38px; margin-bottom: 6px; overflow-x: auto; overflow-y: hidden; padding: 5px 0 0; }
+.ai-image-attachment { display: inline-flex; flex: 0 0 auto; align-items: center; width: auto; height: 28px; margin: 0; padding: 2px 3px 2px 4px; border: 1px solid color-mix(in srgb, var(--accent) 48%, var(--line)); border-radius: 5px; background: var(--paper); }
+.ai-image-attachment-preview { display: inline-flex; align-items: center; gap: 4px; width: auto; height: 22px; min-width: 0; padding: 0 3px 0 0; border: 0; background: transparent; color: var(--ink); font: 9px/1 var(--font-cjk), sans-serif; white-space: nowrap; cursor: zoom-in; }
+.ai-image-attachment-preview:hover, .ai-image-attachment-preview:focus-visible { color: var(--accent-dark); outline: 2px solid color-mix(in srgb, var(--accent) 72%, transparent); outline-offset: 1px; }
+.ai-image-attachment-preview img { display: block; flex: 0 0 20px; width: 20px; height: 20px; object-fit: cover; border-radius: 2px; }
+.ai-image-attachment-label { overflow: hidden; text-overflow: ellipsis; }
+.ai-image-attachment-remove { display: grid; flex: 0 0 17px; place-items: center; width: 17px; height: 20px; padding: 0; border: 0; border-left: 1px solid color-mix(in srgb, var(--accent) 24%, var(--line)); background: transparent; color: var(--muted); font: 13px/1 var(--font-latin), sans-serif; }
+.ai-image-attachment-remove:hover, .ai-image-attachment-remove:focus-visible { color: var(--accent); outline: 0; }
+.ai-image-preview-dialog { width: min(900px, 94vw); max-width: calc(100vw - 24px); }
+.ai-image-preview-dialog .dialog-header { padding: 12px 16px 9px; }
+.ai-image-preview-dialog .dialog-header .eyebrow { font-size: 9px; }
+.ai-image-preview-dialog .dialog-header-meta { margin-top: 4px; font-size: 10px; }
+.ai-image-preview-body { display: grid; place-items: center; min-height: 180px; max-height: calc(88vh - 106px); padding: 16px 20px 20px; overflow: auto; background: var(--paper); }
+.ai-image-preview-body img { display: block; max-width: 100%; max-height: calc(88vh - 150px); width: auto; height: auto; object-fit: contain; border-radius: 3px; }
+.ai-attachment-input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; pointer-events: none; }
+.ai-attachment-button { position: absolute; bottom: 8px; left: 8px; z-index: 2; display: grid; place-items: center; width: 32px; min-width: 32px; min-height: 32px; height: 32px; padding: 0; border: 1px solid var(--line); border-radius: 4px; background: var(--surface); color: var(--muted); }
+.ai-attachment-button:hover, .ai-attachment-button:focus-visible { border-color: color-mix(in srgb, var(--accent) 56%, var(--line)); background: color-mix(in srgb, var(--accent) 8%, var(--surface)); color: var(--accent-dark); outline: 0; }
+.ai-attachment-button:disabled { cursor: wait; opacity: .56; }
+.ai-image-button-icon { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
 .ai-mention-menu { position: absolute; z-index: 20; left: 0; right: 0; bottom: calc(100% + 6px); max-height: 230px; overflow-y: auto; padding: 6px; border: 1px solid var(--line); border-radius: 6px; background: var(--panel); box-shadow: 0 12px 34px rgba(49,42,32,.18); }
 .ai-mention-option { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 8px; width: 100%; padding: 7px 8px; border: 0; border-radius: 4px; background: transparent; text-align: left; }
 .ai-mention-option:hover, .ai-mention-option:focus-visible, .ai-mention-option.is-active { background: var(--paper-deep); }
@@ -2763,8 +2869,18 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .ai-model-popover.hidden { display: none; }
 .ai-model-popover::after { position: absolute; right: 49px; bottom: -6px; width: 10px; height: 10px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--paper); content: ""; transform: rotate(45deg); }
 .ai-model-popover > label { color: var(--muted); font-size: 10px; font-weight: 600; }
-.ai-model-popover select { width: 100%; min-width: 0; padding: 7px; color: var(--ink); font-size: 10px; }
-.ai-model-popover select:focus-visible { border-color: var(--accent); outline: 0; box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent); }
+.ai-model-native-select { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
+.ai-model-options { display: grid; max-height: 240px; gap: 3px; overflow-y: auto; }
+.ai-model-option { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; min-height: 42px; padding: 7px 8px; border: 1px solid transparent; border-radius: 5px; background: transparent; color: var(--ink); text-align: left; }
+.ai-model-option:hover, .ai-model-option:focus-visible, .ai-model-option[aria-selected="true"] { border-color: color-mix(in srgb, var(--accent) 35%, var(--line)); background: color-mix(in srgb, var(--accent) 8%, var(--surface)); outline: 0; }
+.ai-model-option:disabled { cursor: wait; opacity: .56; }
+.ai-model-option-copy { display: grid; min-width: 0; gap: 3px; }
+.ai-model-option-copy strong, .ai-model-option-copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.ai-model-option-copy strong { color: var(--ink); font-size: 10px; font-weight: 600; }
+.ai-model-option-copy small { color: var(--muted); font: 9px/1.2 var(--font-latin), var(--font-cjk), sans-serif; }
+.ai-model-option-image { display: grid; flex: 0 0 20px; place-items: center; width: 20px; height: 20px; border-radius: 4px; background: color-mix(in srgb, var(--accent) 12%, transparent); color: var(--accent-dark); }
+.ai-model-option-image-icon { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.6; }
+.ai-model-options-empty { margin: 0; padding: 10px 8px; color: var(--muted); font-size: 10px; text-align: center; }
 .ai-context-distribution { display: grid; gap: 10px; }
 .ai-context-distribution-row { display: grid; gap: 5px; }
 .ai-context-distribution-label { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; font: 10px/1.3 var(--font-latin), sans-serif; }
@@ -2783,6 +2899,10 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .ai-send-button:focus-visible { box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 24%, transparent), 0 4px 12px rgba(139,61,44,.2); }
 .ai-send-button:disabled { cursor: wait; opacity: .62; }
 .ai-send-button-icon { width: 17px; height: 17px; overflow: visible; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
+.ai-message-images { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
+.ai-message-image-preview { display: block; width: 68px; height: 68px; padding: 0; overflow: hidden; border: 1px solid color-mix(in srgb, var(--accent) 34%, var(--line)); border-radius: 5px; background: var(--paper); cursor: zoom-in; }
+.ai-message-image-preview:hover, .ai-message-image-preview:focus-visible { outline: 2px solid color-mix(in srgb, var(--accent) 72%, transparent); outline-offset: 1px; }
+.ai-message-image-preview img { display: block; width: 100%; height: 100%; object-fit: cover; }
 .ai-send-button.is-stop .ai-send-button-icon { width: 15px; height: 15px; fill: currentColor; stroke: none; }
 .ai-citations { display: grid; gap: 6px; max-height: 190px; overflow-y: auto; margin-bottom: 8px; }
 .ai-citation-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; border: 1px solid var(--line); border-radius: 5px; background: var(--paper); overflow: hidden; }
@@ -2814,7 +2934,7 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
   display: grid;
   gap: 8px;
   z-index: 2147483647;
-  pointer-events: none;
+  pointer-events: auto;
   box-shadow: none;
 }
 .toast-region::backdrop { display: none; }
@@ -2822,6 +2942,17 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .toast-region[data-position="top-right"]:popover-open { top: 78px; right: 24px; bottom: auto; left: auto; }
 .toast-region[data-position="bottom-right"],
 .toast-region[data-position="bottom-right"]:popover-open { top: auto; right: 24px; bottom: 24px; left: auto; }
+.toast-region.token-usage-details-region,
+.toast-region.token-usage-details-region:popover-open {
+  top: 50%;
+  right: auto;
+  bottom: auto;
+  left: 50%;
+  width: min(720px, calc(100vw - 32px));
+  max-width: calc(100vw - 32px);
+  transform: translate(-50%, -50%);
+}
+.toast-region.token-usage-details-region .token-usage-details-toast { width: 100%; }
 .toast {
   max-width: 360px;
   padding: 11px 15px;
@@ -2833,7 +2964,9 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
   font-size: 12px;
   line-height: 1.55;
   animation: toast-appear-top .18s ease;
+  pointer-events: auto;
 }
+.toast:not(.toast-confirmation):not(.chapter-insight-toast) { cursor: pointer; }
 .toast.ai-new-conversation-toast { white-space: pre-line; }
 .toast-region[data-position="bottom-right"] .toast { animation-name: toast-appear-bottom; }
 .toast.error {
@@ -3002,6 +3135,12 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
 .background-task-actions #background-task-open-analysis { margin-right: auto; }
 .merge-dialog-note { margin: 0; padding: 10px 12px; border-left: 2px solid var(--accent); background: var(--surface-soft); color: var(--muted); font-size: 11px; line-height: 1.6; }
 .form-field { display: grid; gap: 6px; color: var(--muted); font-size: 11px; }
+.provider-token-quota-fields { gap: 9px; padding: 12px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-soft); }
+.provider-token-quota-fields > small { color: var(--muted); font-size: 9px; line-height: 1.5; }
+.provider-token-quota-row { display: grid; grid-template-columns: minmax(132px, .7fr) minmax(0, 1fr); align-items: end; gap: 10px; padding: 9px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface); }
+.provider-token-quota-toggle { color: var(--ink) !important; font-size: 10px !important; }
+.provider-token-quota-input { display: grid; gap: 5px; min-width: 0; }
+.provider-token-quota-input input:disabled { opacity: .58; }
 .model-multimodal-fields { gap: 9px; padding: 12px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-soft); }
 .model-multimodal-heading { color: var(--ink); font-size: 12px; font-weight: 600; }
 .model-multimodal-fields .model-capability-option { display: grid !important; grid-template-columns: 16px minmax(0, 1fr); align-items: start; gap: 9px; margin: 0; padding: 10px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface); color: var(--ink) !important; transition: border-color .15s ease, background-color .15s ease; }
@@ -3574,6 +3713,17 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
   .member-permission-form .primary-button { justify-self: stretch; }
   .access-row { grid-template-columns: minmax(0, 1fr); align-items: stretch; }
   .access-row select, .access-row button { width: 100%; }
+  .admin-ai-conversations-dialog .dialog-header { gap: 10px; }
+  .admin-ai-conversations-dialog .dialog-header > div:first-child { min-width: 0; }
+  .admin-ai-conversations-dialog .dialog-header-meta { display: none; }
+  .admin-ai-conversations-dialog .settings-dialog-header-actions { flex-wrap: wrap; justify-content: flex-end; }
+  .admin-ai-conversations-dialog .settings-parent-button { order: 3; width: 100%; }
+  .admin-ai-conversations-body { padding: 12px 16px 0; }
+  .admin-ai-conversations-filters { grid-template-columns: minmax(0, 1fr); align-items: stretch; }
+  .admin-ai-conversations-filter-actions button { flex: 1 1 0; }
+  .admin-ai-conversation-heading { align-items: stretch; flex-direction: column; gap: 7px; }
+  .admin-ai-conversation-heading > span { align-self: flex-start; }
+  .admin-ai-conversation-meta { grid-template-columns: minmax(0, 1fr); }
   .work-access-field { align-items: stretch; flex-direction: column; }
   .onboarding-popover { width: calc(100vw - 24px); }
   .onboarding-popover-header { padding-inline: 15px; }
@@ -3655,6 +3805,7 @@ select:focus, input:focus, textarea:focus { border-color: #a77768; box-shadow: 0
   .account-settings-form, .password-settings-form, .api-key-settings, .api-key-result { grid-template-columns: minmax(0, 1fr); }
   .avatar-settings { grid-template-columns: 64px minmax(0, 1fr); }
   .profile-avatar-preview { width: 64px; height: 64px; }
+  .character-avatar-editor-preview { width: 64px; height: 64px; }
   .avatar-crop-body { grid-template-columns: minmax(0, 1fr); gap: 12px; padding: 14px 16px 4px; }
   .avatar-crop-side { grid-template-columns: auto 1fr; align-items: center; justify-items: start; gap: 10px; padding-top: 0; }
   .avatar-crop-preview { width: 64px; height: 64px; }
@@ -4022,7 +4173,7 @@ body { font-size: var(--ui-font-size); }
 .guard-card strong, .guard-card p, .message-actions button { font-size: calc(10px * var(--ai-font-scale)); }
 .ai-context-warning strong { font-size: calc(11px * var(--ai-font-scale)); }
 .ai-context-warning p, .ai-context-warning button { font-size: calc(9px * var(--ai-font-scale)); }
-.prompt-options select, .ai-model-popover > label, .ai-model-popover select, .ai-mention-option strong, .ai-mention-empty { font-size: calc(10px * var(--ai-font-scale)); }
+.prompt-options select, .ai-model-popover > label, .ai-model-option-copy strong, .ai-model-options-empty, .ai-mention-option strong, .ai-mention-empty { font-size: calc(10px * var(--ai-font-scale)); }
 .ai-mention-option small { font-size: calc(8px * var(--ai-font-scale)); }
 .ai-prompt { font-size: var(--ai-font-size); }
 .ai-prompt-reference { font-size: calc(10px * var(--ai-font-scale)); }