|
|
<!DOCTYPE html>
|
|
|
<html lang="en">
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<title>AI Chat</title>
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
<link rel="stylesheet" href="${styleUri}" />
|
|
|
<link href="${highlightStyleUri}" rel="stylesheet" />
|
|
|
</head>
|
|
|
<body>
|
|
|
<div class="chat-container">
|
|
|
<!--对话区-->
|
|
|
<div id="chat-box"></div>
|
|
|
|
|
|
<!--文件选择-->
|
|
|
<div class="context-container">
|
|
|
<button id="select-context-btn" class="select-context-btn" title="选择上下文文件">+</button>
|
|
|
|
|
|
<div id="context-placeholder" class="context-placeholder">
|
|
|
<span class="placeholder-text">添加上下文</span>
|
|
|
</div>
|
|
|
|
|
|
<div id="context-tab" class="context-tab hidden">
|
|
|
<span id="context-file-name" class="file-name">添加上下文</span>
|
|
|
<button id="close-context-btn" class="close-btn" title="清除上下文">×</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<!-- 工作区文件列表 -->
|
|
|
<div class="workspace-container">
|
|
|
<h3>工作区变更</h3>
|
|
|
<div id="workspace-files" class="workspace-files">
|
|
|
<div class="no-changes">暂无文件变更</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<!-- 文件浏览器模态框 -->
|
|
|
<div id="file-browser-modal" class="modal hidden">
|
|
|
<div class="modal-content">
|
|
|
<div class="modal-header">
|
|
|
<h3>选择上下文文件</h3>
|
|
|
<span id="close-modal" class="close-modal">×</span>
|
|
|
</div>
|
|
|
<div class="modal-body">
|
|
|
<div class="file-search">
|
|
|
<input type="text" id="file-search-input" placeholder="搜索文件..." />
|
|
|
</div>
|
|
|
<div id="file-list" class="file-list">
|
|
|
<div class="loading">加载中...</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<!-- 代码差异模态框 -->
|
|
|
<div id="diff-modal" class="modal hidden">
|
|
|
<div class="modal-content diff-modal-content">
|
|
|
<div class="modal-header">
|
|
|
<h3>代码差异对比</h3>
|
|
|
<span id="close-diff-modal" class="close-modal">×</span>
|
|
|
</div>
|
|
|
<div class="modal-body">
|
|
|
<div id="diff-content" class="diff-content"></div>
|
|
|
<div class="diff-actions">
|
|
|
<button id="accept-changes-btn" class="diff-action-btn accept">接受变更</button>
|
|
|
<button id="reject-changes-btn" class="diff-action-btn reject">拒绝变更</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<!-- 聊天输入表单 -->
|
|
|
<form id="chat-form">
|
|
|
<input type="text" id="user-input" placeholder="输入你的问题..." required />
|
|
|
<button type="submit" id="send-btn">发送</button>
|
|
|
</form>
|
|
|
<div id="loading" class="hidden">AI 正在思考...</div>
|
|
|
</div>
|
|
|
<script src="${scriptUri}"></script>
|
|
|
<script src="${highlightScriptUri}"></script>
|
|
|
<script src="${markedScriptUri}"></script>
|
|
|
</body>
|
|
|
</html> |