82 lines
4.9 KiB
HTML
82 lines
4.9 KiB
HTML
<!doctype html>
|
||
<html lang="zh-CN" data-theme="wasteland">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>暗金荒野视觉验收</title>
|
||
<link rel="stylesheet" href="../../public/style.css">
|
||
<style>
|
||
html, body { width: 100%; height: 100%; overflow: hidden; }
|
||
#app { display: flex !important; width: 100%; height: 100%; }
|
||
.messages { overflow: hidden; }
|
||
.visual-preview-note { color: var(--text-muted); font-size: 12px; }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div id="app" class="app">
|
||
<aside class="sidebar">
|
||
<div class="sidebar-header">
|
||
<div class="new-chat-split">
|
||
<button class="new-chat-btn"><span class="new-chat-native-icon" aria-hidden="true">+</span> 新会话</button>
|
||
<button class="new-chat-arrow" aria-label="更多">▾</button>
|
||
</div>
|
||
<div class="session-search">
|
||
<input class="session-search-input" value="" placeholder="搜索会话 / 项目">
|
||
</div>
|
||
</div>
|
||
<div class="session-list">
|
||
<div class="session-project-header"><span class="project-toggle">▾</span><span class="session-project-name">cc-web</span><span class="session-project-count">63</span></div>
|
||
<div class="session-item active"><span class="session-item-title">重新实现暗金荒野主题</span><span class="session-item-time">运行中</span></div>
|
||
<div class="session-item"><span class="session-item-title">统一主题卡片规范</span><span class="session-item-time">2小时前</span></div>
|
||
<div class="session-item"><span class="session-item-title">修复对话结束焦点问题</span><span class="session-item-time">5小时前</span></div>
|
||
<div class="session-item"><span class="session-item-title">优化快捷指令交互体验</span><span class="session-item-time">1天前</span></div>
|
||
<div class="session-project-header"><span class="project-toggle">›</span><span class="session-project-name">english</span><span class="session-project-count">8</span></div>
|
||
<div class="session-project-header"><span class="project-toggle">›</span><span class="session-project-name">ERPTTableHelp</span><span class="session-project-count">20</span></div>
|
||
</div>
|
||
<div class="sidebar-footer"><button class="settings-btn" title="设置">⚙</button><span class="brand">暗金荒野</span></div>
|
||
</aside>
|
||
|
||
<main class="chat-main">
|
||
<header class="chat-header">
|
||
<div class="chat-title">定制暗金荒野主题</div>
|
||
<div class="chat-header-actions"><button class="chat-session-id-btn">ID d7692e74</button><span class="chat-cwd">~/home/cc-web</span></div>
|
||
</header>
|
||
<div class="messages-wrap">
|
||
<div class="messages">
|
||
<div class="msg assistant">
|
||
<div class="msg-avatar">✦</div>
|
||
<div class="msg-bubble">
|
||
<p>明白了，这次走暗金荒野风格，整体要有荒芜、神秘、暗金、科幻骑士的感觉。</p>
|
||
<p>界面会统一成黑铁面板、细旧金描边和克制的状态绿，背景人物保持在右侧。</p>
|
||
</div>
|
||
</div>
|
||
<div class="msg user"><div class="msg-bubble"><p>边框和图标要严格贴近参考图，不要只改配色。</p></div></div>
|
||
<div class="msg assistant">
|
||
<div class="msg-avatar">✦</div>
|
||
<div class="msg-bubble">
|
||
<p>正在生成关键页面与组件，并保留现有功能和响应式布局。</p>
|
||
<details class="tool-call" open>
|
||
<summary><span>生成主题页面</span><span class="tool-call-state done">运行成功</span></summary>
|
||
<div class="tool-call-content command">npm run regression -- --target wasteland-theme</div>
|
||
</details>
|
||
<details class="tool-call">
|
||
<summary><span>检查图标与边框</span><span class="tool-call-state running">运行中</span></summary>
|
||
</details>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="input-area">
|
||
<div class="input-mode-row"><span class="chat-runtime-state">● 运行中</span><button class="mode-select">YOLO</button><span class="visual-preview-note">自定义 · 重载 MCP</span></div>
|
||
<div class="input-wrapper">
|
||
<button class="attach-btn" title="上传"><svg width="18" height="18"><path d="M3 9h12" stroke="currentColor"/></svg></button>
|
||
<textarea id="msg-input" placeholder="输入消息... 输入 / 查看指令"></textarea>
|
||
<button class="send-btn" title="发送"><svg width="18" height="18"><path d="M2 2l14 7-14 7 3-7z" fill="currentColor"/></svg></button>
|
||
<button class="abort-btn" title="停止"><svg width="18" height="18"><rect x="3" y="3" width="12" height="12" fill="currentColor"/></svg></button>
|
||
</div>
|
||
</div>
|
||
</main>
|
||
</div>
|
||
</body>
|
||
</html>
|