feat: 配额下沉到会话 + 窄屏覆盖式布局 + 工作列表卡片视图

## 配额重构：废除 Agent 终身额度

原实现在 agents 上放一个 max_rounds/used_rounds 计数器，used_rounds 单调递增、
永不重置 —— 跑满就要管理员手工重置才能再干活。那是把一次性资源模型套在长期
在线的服务上，且并行任务互相抢额度。

改为：
- 唯一被强制的预算是【会话】的往返预算（sessions.max_rounds/used_rounds），
  写信时给、对话页里随时改 —— 配额的语义是「这件事值得多少个来回」，
  那是任务的属性而不是 Agent 的属性
- agents.default_rounds 只作为「派给这个 Agent 的新任务」的默认值（默认 20）
- agents.used_rounds 降级为纯统计
- 新建会话速率限制（1h/20 条）堵住用 .new 开一串新会话绕过预算；
  人类不受限（agentLimiterKey 返回空串即不计量）

## 窄屏适配（用户反馈「窄屏基本不可用」）

原先只有三栏并排：60(导航)+320(列表)+详情，375px 屏上详情被挤到 0。

第一版做成「一次只显示一栏」，用户纠正应当是新页面覆盖老页面并带动画，
于是重做为覆盖式：
- NarrowStack：底层列表始终挂载，详情绝对定位盖在上面。两个好处 ——
  列表滚动位置与选中态天然保留；退出动画有东西可播（直接卸载再渲染另一个
  组件的话，没有任何一帧能让旧页面往右滑出去）
- 因此必须区分「逻辑上是否打开」与「是否还在 DOM 里」：关闭时先播 200ms
  滑出，动画结束才卸载
- 入场用双层 requestAnimationFrame：必须让浏览器至少绘制一帧「在右侧之外」
  的状态，否则挂载与 translate-x-0 在同一帧内完成，transition 不触发
- 窄屏专属控件用 useIsNarrow() 条件渲染而非 md:hidden —— 后者只是视觉隐藏，
  宽屏用户按 Tab 会聚焦到看不见的返回按钮
- 底部导航 + 抽屉侧栏 + env(safe-area-inset-bottom)

## 工作列表卡片视图（Phase 7.1 最后一项）

中间栏可切列表/卡片。列表答「跟谁在聊」，卡片答「在聊什么、进展如何」：
主题 + 最新一封的发件人与摘要 + 往返预算徽标。

- 两种视图共用同一份数据与同一套动作；归档确认框也共用 —— 归档是破坏性操作，
  换个视图就换套确认 UI 只会让人对「自己点了什么」更没底
- 预算徽标在「不限」时不显示（对每张卡片都成立的「0/0」是纯噪声）
- 数据一次取回，不让卡片为每条会话再打一次库

## 修掉的缺陷

- GET /me/sessions 一直 500：ListSessionsFor 的 SELECT 加了预算两列却没加进
  Scan，列数不匹配。联系人栏一条数据都拉不到，而错误只是「Failed to list sessions」
- GET /sessions/{id} 忘了填充附件：前端会话视图走的是这个端点，于是 Agent
  回信里的附件在 UI 上完全不存在（另一个端点填了但没人调用）
- 插件曾完全没在加载：为了可测在 index.js 里 export 了辅助函数与一个 Map，
  而 opencode 把入口模块的每一个导出都当成插件工厂逐个检查，多导出一个 Map
  就 "Plugin export is not a function"，插件静默失效、邮件全投不进去。
  逻辑挪到 lib/relay-dedup.js，并加断言钉住「入口只有 default 导出」
- 同一件事发两封邮件：模型带附件主动回信后，session.idle 又把它最后那段话
  自动转了一遍（生产实测 311 与 342 字节各一封）。explicitSends 记录本轮
  主动发信，自动转发据此让位；relay_key 幂等管不了这个 —— 那个键保证的是
  「同一条消息不转两次」
- SQLite 时间戳只有秒精度：同秒插入的多封邮件排序不确定（实测同秒插 5 封，
  顺序由随机 UUID 决定）。「会话里最早那封」（决定联系人身份）与「最后那封」
  （决定最新进展）都会取错。NOW() 升到微秒 + mails 的 INSERT 显式传它
  （改 schema 默认值只对新库生效，SQLite 没有 ALTER COLUMN）+ 所有
  ORDER BY created_at 补 mail_id 兜底
- fillAttachments 从逐封查询改成一次 IN(...)：原来是 N+1，200 封的会话打开
  要打 200 次库
- repo 层 5 处 rows.Next() 循环补 rows.Err()：没有它，读到一半连接断掉会
  静默返回部分结果，UI 上表现为「邮件凭空少了几封」
- go:embed 占位页改名 placeholder.html：叫 index.html 会被 Vite 产物覆盖并
  提交进去，而它引用的 assets/ 是被忽略的 —— 新克隆打开是白屏

## 回复/转发栏

- 两处都加抄送（可折叠）；原邮件带抄送时多一个「回复全部」，回填用
  cc_list[].raw 而非重拼 name@path（后者会丢掉会话段）
- 会话视图每张卡片加转发入口：转发之前只存在于单封邮件视图，而人多数时间
  待在会话视图里，等于功能在 UI 上找不到
- ReplyBar 的错误从 console.error 改为显示出来：预算耗尽、地址不存在、
  速率限制都走这条路，之前点发送毫无反应

## 测试

- repo: 列顺序（三个 SQL 分支）、卡片字段、previewRunes 边界、时间戳亚秒精度、
  批量附件查询、速率限制（80 goroutine 断言恰好 20 条通过）
- web: 窄屏布局 16 条结构性断言（覆盖而非分栏、延迟卸载、双层 rAF、
  条件渲染而非 md:hidden）
- 插件: 自动转发去重 17 条（含「入口只有 default 导出」不变量）
- install.sh 把插件测试也纳入部署前门禁

web/src/components/QuotaPanel.tsx

@@ -3,21 +3,27 @@ import * as api from '../api/client';
 import { BotIcon, CheckIcon } from './icons';
 
 /**
- * Agent 发信配额面板（管理员）。
+ * Agent 新任务默认预算（管理员）。
  *
- * 配额限制的是 Agent 主动发信的次数，不限制收信 —— 卡住收信只会让邮件凭空消失，
- * 卡住发信才能阻止 Agent 无限自我循环。上限 0 表示不限。
+ * **这里配的是默认值，不是额度。**
+ *
+ * 额度（往返预算）属于具体任务 —— 在写信时给、在对话页里随时改。
+ * 这个面板只决定「派给某个 Agent 的新任务，如果没人显式指定，默认给几个来回」：
+ * 跑测试的小工具与重构整个模块的 Agent，合理来回数差一个量级，所以分开设。
+ *
+ * 累计发信数只是观测数据，不拦任何请求 —— 之前它是「终身额度」，
+ * 但终身额度跑满要人工重置才能再干活，而 Agent 是长期在线的。
  */
 export default function QuotaPanel() {
-  const [quotas, setQuotas] = useState<api.Quota[]>([]);
+  const [stats, setStats] = useState<api.AgentStats[]>([]);
   const [error, setError] = useState<string | null>(null);
   const [busy, setBusy] = useState<string | null>(null);
   const [drafts, setDrafts] = useState<Record<string, string>>({});
 
   const load = useCallback(async () => {
     try {
-      const r = await api.adminListQuotas();
-      setQuotas(r.quotas);
+      const r = await api.adminListAgentStats();
+      setStats(r.quotas);
       setError(null);
     } catch (err) {
       setError(err instanceof Error ? err.message : String(err));
@@ -28,11 +34,11 @@ export default function QuotaPanel() {
     load();
   }, [load]);
 
-  const apply = async (name: string, payload: { max_rounds?: number; reset?: boolean }) => {
+  const apply = async (name: string, defaultRounds: number) => {
     setBusy(name);
     setError(null);
     try {
-      await api.adminSetQuota(name, payload);
+      await api.adminSetDefaultRounds(name, defaultRounds);
       await load();
       setDrafts(d => {
         const next = { ...d };
@@ -50,76 +56,57 @@ export default function QuotaPanel() {
     <div className="space-y-3">
       <div className="flex items-center gap-2">
         <BotIcon className="w-4 h-4 text-gray-500" />
-        <h3 className="text-sm font-semibold text-gray-900">Agent 发信配额</h3>
-        <span className="text-xs text-gray-400">{quotas.length}</span>
+        <h3 className="text-sm font-semibold text-gray-900">Agent 新任务默认预算</h3>
+        <span className="text-xs text-gray-400">{stats.length}</span>
       </div>
 
       <p className="text-[11px] text-gray-500">
-        限制 Agent 主动发信的次数（不限制收信）。上限填 0 表示不限。
-        剩余次数会随心跳与发信响应回传给 Agent，好让它在额度用尽前主动发最终总结。
+        派给某个 Agent 的新任务默认多少个来回（填 0 = 不限）。这只是默认值 ——
+        写信时可以单独指定，之后在对话页里还能随时调整。
+        <br />
+        插件自动转发的最终总结与权限询问不占用预算。
       </p>
 
       {error && <div className="text-xs text-red-600">{error}</div>}
 
-      {quotas.length === 0 ? (
+      {stats.length === 0 ? (
         <div className="text-xs text-gray-400 py-3">暂无已注册的 Agent</div>
       ) : (
         <div className="border border-gray-200 rounded-md divide-y divide-gray-100">
-          {quotas.map(q => {
-            const draft = drafts[q.agent_name] ?? String(q.max_rounds);
-            const dirty = draft !== String(q.max_rounds);
-            const exhausted = !q.unlimited && q.remaining === 0;
+          {stats.map(s => {
+            const draft = drafts[s.agent_name] ?? String(s.default_rounds);
+            const dirty = draft !== String(s.default_rounds);
+            const invalid = draft.trim() !== '' && !/^\d+$/.test(draft.trim());
             return (
-              <div key={q.agent_name} className="px-3 py-2.5 flex items-center gap-3">
+              <div key={s.agent_name} className="px-3 py-2.5 flex items-center gap-x-3 gap-y-1 flex-wrap">
                 <span className="text-xs font-mono text-gray-900 w-32 shrink-0 truncate">
-                  {q.agent_name}
+                  {s.agent_name}
                 </span>
 
-                <div className="min-w-0 flex-1">
-                  {q.unlimited ? (
-                    <span className="text-xs text-gray-500">不限额（已用 {q.used_rounds}）</span>
-                  ) : (
-                    <div className="flex items-center gap-2">
-                      <div className="w-28 h-1.5 bg-gray-100 rounded-full overflow-hidden">
-                        <div
-                          className={`h-full ${exhausted ? 'bg-red-400' : 'bg-blue-400'}`}
-                          style={{
-                            width: `${Math.min(100, (q.used_rounds / Math.max(1, q.max_rounds)) * 100)}%`
-                          }}
-                        />
-                      </div>
-                      <span
-                        className={`text-[11px] ${exhausted ? 'text-red-600' : 'text-gray-500'}`}
-                      >
-                        {q.used_rounds}/{q.max_rounds}
-                        {exhausted && ' · 已用尽'}
-                      </span>
-                    </div>
-                  )}
+                <div className="min-w-0 flex-1 text-[11px] text-gray-500">
+                  {s.default_rounds === 0 ? '默认不限来回' : `默认 ${s.default_rounds} 个来回`}
+                  <span className="text-gray-400">
+                    {' · '}进行中 {s.active_sessions} 个任务 · 累计发信 {s.sent_total}
+                  </span>
                 </div>
 
                 <input
-                  type="number"
-                  min={0}
                   value={draft}
-                  onChange={e => setDrafts(d => ({ ...d, [q.agent_name]: e.target.value }))}
-                  className="w-16 text-xs border border-gray-300 rounded px-1.5 py-1 shrink-0 focus:outline-none focus:ring-2 focus:ring-blue-100"
+                  onChange={e => setDrafts(d => ({ ...d, [s.agent_name]: e.target.value }))}
+                  inputMode="numeric"
+                  title="新任务默认往返数；0 = 不限"
+                  className={`w-16 text-xs border rounded px-1.5 py-1 shrink-0 focus:outline-none focus:ring-2 focus:ring-blue-100 ${
+                    invalid ? 'border-red-300' : 'border-gray-300'
+                  }`}
                 />
                 <button
-                  onClick={() => apply(q.agent_name, { max_rounds: Math.max(0, Number(draft) || 0) })}
-                  disabled={!dirty || busy === q.agent_name}
-                  title="保存上限"
+                  onClick={() => apply(s.agent_name, Number(draft.trim() || '0'))}
+                  disabled={!dirty || invalid || busy === s.agent_name}
+                  title="保存默认预算"
                   className="shrink-0 text-gray-400 hover:text-blue-600 disabled:opacity-30"
                 >
                   <CheckIcon className="w-4 h-4" />
                 </button>
-                <button
-                  onClick={() => apply(q.agent_name, { reset: true })}
-                  disabled={busy === q.agent_name || q.used_rounds === 0}
-                  className="shrink-0 text-[11px] text-gray-500 hover:text-gray-900 disabled:opacity-30"
-                >
-                  重置
-                </button>
               </div>
             );
           })}