vent_agent_2.0/static/index.html

<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="theme-color" content="#0f1115" />
  <title>Deep Agent · 智能工作台</title>
  <link rel="stylesheet" href="/static/styles.css?v=20260929-no-suggestions" />
  <script src="/static/vendor/marked.umd.js" defer></script>
  <script src="/static/vendor/purify.min.js" defer></script>
  <script src="/static/app.js?v=20260930-runtime" defer></script>
</head>
<body>
<svg class="icon-library" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><defs>
  <symbol id="i-mark" viewBox="0 0 24 24"><path d="m12 3 8 4.5v9L12 21l-8-4.5v-9L12 3Z"/><path d="m4 7.5 8 5 8-5M12 12.5V21M8 5.3l8 4.7v5"/></symbol>
  <symbol id="i-plus" viewBox="0 0 24 24"><path d="M12 5v14M5 12h14"/></symbol>
  <symbol id="i-chat" viewBox="0 0 24 24"><path d="M20 11.5a8 8 0 0 1-8 8H5l-3 2v-10a9 9 0 0 1 18 0Z"/><path d="M8 10h8M8 14h5"/></symbol>
  <symbol id="i-arrow" viewBox="0 0 24 24"><path d="M12 19V5m-6 6 6-6 6 6"/></symbol>
  <symbol id="i-paperclip" viewBox="0 0 24 24"><path d="m9 17 8-8a3 3 0 0 0-4-4L4 14a5 5 0 0 0 7 7l9-9a7 7 0 0 0-10-10L2 10" transform="translate(2 0) scale(.85)"/></symbol>
  <symbol id="i-spark" viewBox="0 0 24 24"><path d="m12 3 2.5 6.5L21 12l-6.5 2.5L12 21l-2.5-6.5L3 12l6.5-2.5L12 3Z"/></symbol>
  <symbol id="i-file" viewBox="0 0 24 24"><path d="M14 3H5v18h14V8l-5-5Zm0 0v6h5M8 13h8M8 17h5"/></symbol>
  <symbol id="i-menu" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="16" rx="3"/><path d="M9 4v16"/></symbol>
  <symbol id="i-close" viewBox="0 0 24 24"><path d="m6 6 12 12M6 18 18 6"/></symbol>
</defs></svg>
<button class="sidebar-backdrop" id="sidebarBackdrop" aria-label="关闭会话列表" hidden></button>
<aside class="sidebar" id="sidebar" aria-label="会话导航">
  <a class="brand" href="/" aria-label="Deep Agent 首页"><span class="brand-mark"><svg><use href="#i-mark"/></svg></span><span>Deep Agent <small>WORKSPACE</small></span><span class="version">2.0</span></a>
  <button class="new-chat" id="newBtn"><svg><use href="#i-plus"/></svg>开启新对话<span class="new-hint">↗</span></button>
  <div class="section-label">最近对话 <button class="text-button" id="refreshBtn" title="刷新对话列表" aria-label="刷新对话列表">刷新</button></div>
  <nav class="session-list" id="sessionList" aria-label="最近对话"><p class="list-empty">正在加载对话…</p></nav>
  <div class="sidebar-note"><span class="note-icon"><svg><use href="#i-spark"/></svg></span><strong>让想法更进一步</strong><p>从一个问题开始，<br>把复杂任务交给智能助手。</p></div>
  <div class="profile"><div class="avatar">U</div><div><strong>默认工作空间</strong><span>个人工作台</span></div><span class="profile-dot" aria-hidden="true"></span></div>
</aside>
<main class="workspace">
  <header class="topbar">
    <div class="page-heading"><button class="icon-button" id="sidebarToggle" aria-label="展开会话列表" aria-controls="sidebar" aria-expanded="false"><svg><use href="#i-menu"/></svg></button><span class="breadcrumb">工作空间</span><span class="slash">/</span><h1 id="chatTitle">新对话</h1></div>
    <div class="connection"><span class="status-dot" id="statusDot"></span><span id="statusPill" role="status">正在连接</span></div>
  </header>
  <div class="conversation-scroll" id="conversationScroll">
    <section class="welcome" id="welcome" aria-labelledby="welcomeTitle">
      <div class="eyebrow"><span></span> YOUR INTELLIGENT WORKSPACE</div>
      <div class="welcome-mark"><svg><use href="#i-mark"/></svg><span class="little-spark">✦</span></div>
      <h2 id="welcomeTitle">你好，今天想完成什么？</h2>
      <p class="welcome-description">从灵感到行动，让复杂的工作变得简单。<br>提一个问题，或告诉我你想完成的任务。</p>
    </section>
    <div id="log" role="log" aria-label="对话内容" aria-live="polite" aria-relevant="additions"></div>
  </div>
  <footer class="composer-area">
    <div class="composer">
      <div class="attachment" id="attachment" hidden><svg><use href="#i-file"/></svg><span id="fileName"></span><button class="icon-button" id="removeFileBtn" aria-label="移除附件"><svg><use href="#i-close"/></svg></button></div>
      <textarea id="input" rows="2" aria-label="输入消息" placeholder="有什么想法？告诉我，我们一起完成。"></textarea>
      <div class="composer-toolbar"><div class="composer-options"><input type="file" id="file" hidden /><button class="icon-button" id="attachBtn" title="添加附件" aria-label="添加附件"><svg><use href="#i-paperclip"/></svg></button><span class="toolbar-divider"></span><label class="mode-select"><svg><use href="#i-spark"/></svg><select id="mode" aria-label="执行模式" title="直接执行任务，或先制定计划"><option value="full">直接执行</option><option value="plan">先出计划</option></select></label></div><div class="send-actions"><span class="keyboard-hint">Enter 发送</span><button id="stopBtn" class="stop-button" hidden disabled><span></span>停止</button><button class="send-button" id="sendBtn" aria-label="发送消息" title="发送消息" disabled><svg><use href="#i-arrow"/></svg></button></div></div>
    </div>
    <div class="composer-meta"><span><span class="mini-dot"></span><span id="modelName">正在获取模型</span></span><span class="desktop-hint">Shift + Enter 换行 · 内容由 AI 生成，请核实重要信息</span><span id="sessionPill">新会话</span></div>
  </footer>
</main>
</body>
</html>