chd
/
pvs_chat


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
							<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>派维斯智能体助手</title>
    <link rel="stylesheet" href="css/sidebar.css" />
    <link rel="stylesheet" href="css/chat.css" />
  </head>
  <body>
    <div class="sidebar-header">
      <h1>派维斯智能体助手</h1>
      <button id="close-sidebar" class="close-btn">×</button>
    </div>

    <div class="chat-container">
      <!-- 聊天消息区域 -->
      <div class="chat-messages" id="chat-messages">
        <!-- 欢迎消息 -->
        <div class="message assistant">
          <div class="message-content">
            <p>你好！我是派维斯智能助手。</p>
            <p>使用说明：</p>
            <ul>
              <li>直接发送消息开始对话</li>
              <li>使用快捷指令快速操作</li>
              <li>可选：输入 /setapi YOUR_API_KEY 设置自定义API密钥</li>
            </ul>
          </div>
        </div>
      </div>

      <!-- 输入区域 -->
      <div class="chat-input-container">
        <div class="input-wrapper">
          <textarea
            id="chat-input"
            placeholder="输入消息..."
            rows="1"
            autofocus
          ></textarea>
          <div class="input-buttons">
            <button id="prompt-button" class="icon-button" title="快捷指令">
              <svg viewBox="0 0 24 24" width="20" height="20">
                <path
                  fill="currentColor"
                  d="M12 3L1 9l4 2.18v6L12 21l7-3.82v-6l2-1.09V17h2V9L12 3zm6.82 6L12 12.72 5.18 9 12 5.28 18.82 9zM17 15.99l-5 2.73-5-2.73v-3.72L12 15l5-2.73v3.72z"
                />
              </svg>
            </button>
            <button id="send-button" class="icon-button" title="发送">
              <svg viewBox="0 0 24 24" width="20" height="20">
                <path
                  fill="currentColor"
                  d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"
                />
              </svg>
            </button>
          </div>
        </div>
      </div>

      <!-- 快捷指令面板 -->
      <div class="prompt-panel" id="prompt-panel">
        <div class="prompt-header">
          <h3>快捷指令</h3>
          <button class="close-prompt">×</button>
        </div>
        <div class="prompt-list">
          <button class="prompt-item">分析当前页面内容</button>
          <button class="prompt-item">总结主要观点</button>
          <button class="prompt-item">提取关键信息</button>
          <button class="prompt-item">翻译选中内容</button>
        </div>
      </div>
    </div>

    <script src="js/config.js"></script>
    <script src="js/utils.js"></script>
    <script src="js/ai-service.js"></script>
    <script src="js/chat-ui.js"></script>
    <script src="js/sidebar.js"></script>
  </body>
</html>