# 1. community.html#rental — Marketplace

涉及場景：A4, B1, B8, C1–C3, D1–D7, L1–L5, S1

## 1.1 搜尋列 + 篩選器

🔍 Bot 租借市場
費率範圍: 1 – 50 e幣/1K tokens

## 1.2 Listing 卡片 — 三種狀態

🤖
Coding Wizard Bot
Claude Opus 4.6
💰 10 e幣/1K tokens
💎 押金: 200 e幣 · ⭐ 4.8 (23 次租借)
🐍 python_exec 🌐 web_browse 👁️ vision
🧠
Research Assistant
GPT-4o
💰 6 e幣/1K tokens
💎 押金: 120 e幣 · ⭐ 4.2 (8 次租借)
🌐 web_browse 🧠 reasoning
🐙
My Own Bot 👤 你的 Bot
Claude Sonnet 4.6
💰 5 e幣/1K tokens
💎 押金: 100 e幣 · ⭐ 尚無評分
💻 coding

# 2. Listing Detail Modal — 租借詳情

涉及場景：A5–A6, B2, C2, E2, F1, K1

## 2.1 正常 — 餘額充足

🤖

### Coding Wizard Bot

🤖 Claude Opus 4.6 · ⭐ 4.8 (23 次)
📊 面試分數: 82/147 (56%)
🏷️ 已驗證能力 🐍 python ✓ 🌐 web ✓ 👁️ vision ✓ 📁 file_io ✗
💰 費率詳情
10 e幣/1K tokens
市場建議: 11.4 – 26.6 e幣/1K ⚠️ 偏低
💎 押金: 200 e幣 (≈ NT$2.00)
平均每次對話 ≈ 3,400 tokens ≈ 34 e幣
最短 30 分鐘 / 最長 7 天
⏱️ 租借時長
小時
預估總費用: ~204 e幣 (押金 200 + 估計 ~4 e幣)
你的餘額: 500 e幣 ✅ 足夠
⚠️ 你的對話內容將透過出租方的伺服器處理。請勿分享信用卡號、密碼或個人身分資訊。
我已了解並同意

## 2.2 錯誤 — 餘額不足

🤖

### Coding Wizard Bot

Claude Opus 4.6
❌ 餘額不足
需要: 260 e幣 (押金 200 + 緩衝 60)
目前餘額: 50 e幣
差額: 210 e幣

## 2.3 成功動畫

✅

### 租借成功！

Bot 已加入你的裝置。

# 3. my-rentals.html — 租借管理

涉及場景：A7–A12, B3–B7, C4–C6, E4–E5, F10, K6–K11, M1–M9, N1–N11, O1–O7

## 3.1 Tab 1: 租借中（Renter）

📋 我的租借
🏠 租借中
📤 出租中
⚖️ 申訴
🤖
Coding Wizard Bot
🟢 進行中
費率: 10 e幣/1K tokens · 已使用: 12,340 tokens · 已花費: 123.4 e幣
剩餘時間: 4h 23m
押金: 200 e幣 (已凍結)
🧠
Research Bot
🟡 餘額不足
⚠️ 你的餘額已不足，Bot 暫時無法使用
寬限期: 剩餘 5h 48m (6–12h)
🐙
AI Chat Pro
⚪ 已結束(正常)
使用時長: 5h 37m · 總花費: 234.5 e幣 · 23,450 tokens
✅ 押金全額退還 200 e幣
🦊
Quick Helper
🟠 已結束(提前)
使用時長: 0h 45m · 總花費: 12.3 e幣
⚠️ 退還 100 e幣 · 沒收 100 e幣 (50%)

## 3.2 提前結束確認 Dialog

### ⚠️ 確認提前結束租借？

此操作無法撤銷。根據提前終止條款：

- 押金 50% (100 e幣) 將被沒收
- 押金 50% (100 e幣) 將退還到錢包
- 沒收分配：出租方 85% · 平台 13% · 保險池 2%

## 3.3 評價表單

### ⭐ 評價 Bot

★★★★★
4 / 5 星
留言 (選填，最多 1000 字):
0 / 1000

## 3.4 Tab 2: 出租中（Owner）

🏠 租借中
📤 出租中
⚖️ 申訴
🤖
Coding Wizard Bot
📤 出租中
租借方: [匿名用戶]
費率: 10 e幣/1K · 已產生收入: 104.5 e幣
收入狀態: ⏳ 結算中 (T+24h)
剩餘時間: 4h 23m

## 3.5 Tab 3: 申訴

🏠 租借中
📤 出租中
⚖️ 申訴
申訴 #1 🟢 處理中
Bot: Coding Wizard · 類型: capability_mismatch
SLA: 24h 回應 / 48h 解決
申訴 #2 🔵 已解決
Bot: AI Chat Pro · 類型: financial
💰 補償: +50 e幣 (已入帳)
申訴 #3 🔴 已拒絕
Bot: Quick Helper · 類型: bot_quality

# 4. wallet.html — 錢包

涉及場景：A13, B4–B5, E1/E3/E5–E7, K6–K7, N8, O6–O7

💰 我的錢包
可用餘額
500 e幣
≈ NT$5.00
🔒 凍結: 200 e幣 (押金)
1,234
累計收入 (e幣)
567
累計支出 (e幣)

### 📜 交易記錄

💳
儲值
Google Play · Standard
+36,720 e幣
04/12 15:30
🔒
押金凍結
Coding Wizard Bot · 合約 #abc123
-200 e幣
04/12 16:00
📉
租借支出
3,400 tokens · Coding Wizard
-34 e幣
04/12 16:05
🔓
押金退還
全額退還 · 合約正常結束
+200 e幣
04/12 21:37
📈
租借收入
T+24h 入帳 · 85% owner share
+104.5 e幣
04/13 21:37
⚖️
申訴補償
SLA 超時自動補償
+50 e幣
04/13 08:00

## 4.2 儲值 Tiers

💳 儲值 e幣
🥉
Small
NT$90
9,000 e幣
🥈
Starter
NT$170
17,850 e幣
+5% 獎勵
🥇
Standard
NT$340
36,720 e幣
+8% 獎勵
💎
Advanced
NT$990
110,880 e幣
+12% 獎勵
👑
Premium
NT$1,990
228,850 e幣
+15% 獎勵

# 5. dashboard.html — 儀表板 Entity 卡片

涉及場景：F2/F12, T1/T3/T5/T7–T8

🐙
EClaw 小助手
Entity #0 · IDLE
🔒 租借中
🤖
Coding Wizard Bot
⏱️ 剩餘 5h 37m
Rented from marketplace
📤 出租中 — 無法使用
🤖
Coding Wizard Bot
Entity #0
+
空位
未綁定

# 6. kanban.html — 看板

涉及場景：F3–F9, F11, P17–P22, Q5

📋 看板
Backlog
Monaco Editor 嵌入
🐙
Todo
API 文件翻譯
🤖
🔒 Coding Wizard
In Progress
排序算法優化
🤖
🔒 Coding Wizard
Done ✓
資料庫遷移
✅ Bot 回覆 IDLE — 任務已完成
🤖
Archive

# 7. chat.html — 聊天頁面（共用，單一畫面）

涉及場景：G7–G8, H4–H7, K2–K3/K8–K10, Q7

過濾 chips、對話、發送目標選擇全在同一個頁面，與現有 EClaw 聊天 UI 一致。

聊天 無限制
全部 🔒 Coding Wizard (#R1) 小助手 (#0) Mac_F (#1) +4
⚠️ 你正在與租借的 Bot 對話。避免分享敏感資訊。
你好，幫我寫一個快速排序算法
好的！以下是 Python 快速排序：
`def quicksort(arr): ...`
📊 245 tokens, -0.245 e幣
改成 merge sort
沒問題！Merge sort 實現如下：
`def merge_sort(arr): ...`
📊 312 tokens, -0.312 e幣
🔒 Coding Wizard → 你的 Bot
任務已完成，程式碼已提交到 branch fix/sort-algo
餘額: 476.7 e幣 │ 本次已用: 23.3 e幣 / 2,330 tokens
EClaw 🔒 Wizard 小助手 Mac_F 輸入代碼

篩選 chips（頂部）：選中「全部」顯示所有訊息；選中租借 Bot chip 則僅顯示該 Bot 訊息 + 隱私 Banner + 計費 footer。
發送 chips（底部）：選中目標 Bot 後輸入訊息送出。租借 Bot chip 帶 🔒 標記。跨設備 speakTo 的 Bot 不會出現在 chips 中（DD#15）。
自有 Bot 對話：選中自有 Bot 時，無隱私 Banner、無計費 footer、無餘額列。

# 8. env-vars.html — Vault 隔離（無白名單）

涉及場景：I1–I9

🔧 環境變數 🔒 鎖定全部
🔒 SECRET_API_KEY ••••••••••• 隔離 — 租借 Bot 不可見
🔓 PUBLIC_CONFIG hello-world 租借 Bot 可讀
🔒 DB_PASSWORD ••••••••••• 隔離 — 租借 Bot 不可見
🔒 OPENAI_TOKEN ••••••••••• 隔離 — 租借 Bot 不可見
🔒 Vault 隔離規則 (BRM 設計決策 #18 — 無白名單)
變數名含 `*_KEY`, `*_SECRET`, `*_TOKEN`, `*_PASSWORD` 的變數永久對租借 Bot 隱藏，無例外。
金鑰設定不能給租用 Bot 知道。不提供白名單機制。

# 9. 空狀態渲染

涉及場景：S12–S13, D2

📋 我的租借
🔍

還沒有租借紀錄

到 Marketplace 探索 Bot 吧！

💰 交易記錄
📜

尚無交易紀錄

儲值後即可開始使用。

# 附錄：場景 ↔ 頁面對照表

頁面 | 涉及場景 | 主要渲染邏輯
--- | --- | ---
community.html#rental | A4, B1, B8, C1–C3, D1–D7, L1–L5, S1 | 搜尋/篩選、Listing 卡片、狀態、自租禁止、冷卻期
Listing Detail Modal | A5–A6, B2, C2, E2, F1, K1 | 費率/押金/市場建議、時長選擇、餘額充足性、隱私提醒
my-rentals.html | A7–A12, B3–B7, C4–C6, E4–E5, F10, K6–K11, M1–M9, N1–N11, O1–O7 | 三 Tab、合約卡片、狀態 badge、提前結束、評價、申訴
wallet.html | A13, B4–B5, E1/E3/E5–E7, K6–K7, N8, O6–O7 | 餘額/凍結、Ledger 12 種 type、儲值 Tier、Ledger Chain
dashboard.html | F2/F12, T1/T3/T5/T7–T8 | 🔒 租借 bot 卡片、半透明出租中 overlay
kanban.html | F3–F9, F11, P17–P22, Q5 | 租借 bot chip、Auto-move IDLE、Card Notes/Comments
chat.html（共用單頁） | G7–G8, H4–H7, K2–K10, Q7 | 頂部篩選 chips、底部發送目標 chips、隱私 Banner、Token 計費 footer（僅租借 Bot）
env-vars.html | I1–I9 | Vault 隔離、*_KEY/*_SECRET/*_TOKEN/*_PASSWORD 永久 block、無白名單
(API-only) | G1–G6, H1–H3, L2–L3, R1–R13, U1–U6 | 無 UI，純 API 邊界測試

BRM UIUX 渲染邏輯規範 — 視覺 Mockup v1.0
基於 BRM 設計文件 + E2E 測試場景 A–U