Integrate backend APIs and move review to center editor tab

This commit is contained in:
2026-02-24 14:22:39 +03:00
parent fe67753f74
commit 91a0a50b04
13 changed files with 1010 additions and 152 deletions

View File

@@ -14,12 +14,16 @@
<h2>Проект</h2>
</div>
<div class="row-controls">
<label for="pick-project-fallback" class="picker-label">Выбрать директорию</label>
<label id="pick-project-label" for="pick-project-fallback" class="picker-label">Выбрать директорию</label>
<input id="pick-project-fallback" class="picker-input" type="file" webkitdirectory directory multiple />
</div>
<div id="tree-root" class="scroll"></div>
<div class="editor-footer">
<span id="tree-info" class="editor-info">Файлов: 0 • 0 KB</span>
<div class="editor-footer tree-footer">
<span id="tree-info" class="editor-info tree-footer-line">Файлов: 0 • 0 KB</span>
<span id="rag-status" class="rag-status tree-footer-line" title="Статус индексации RAG">
<span id="rag-status-dot" class="rag-dot rag-red" aria-hidden="true"></span>
<span id="rag-status-text">RAG</span>
</span>
</div>
</section>
@@ -32,14 +36,26 @@
<div class="row-controls tabs-row">
<div id="file-tabs" class="tabs"></div>
<button id="new-text-tab" type="button" class="new-tab-btn" title="Новая вкладка .md">+MD</button>
<button id="md-toggle-mode" type="button" class="md-toggle hidden" title="Переключить режим markdown">👁</button>
<button id="md-toggle-mode" type="button" class="md-toggle" title="Режим markdown" disabled>👁</button>
</div>
<div class="editor-workspace">
<textarea id="file-editor" class="file-editor large" spellcheck="false"></textarea>
<div id="file-editor-monaco" class="file-editor monaco-host large hidden"></div>
<div id="md-preview" class="md-preview large hidden"></div>
<div class="review-wrap editor-review hidden">
<h2>Ревью изменений</h2>
<div id="review-toolbar" class="toolbar hidden">
<button id="accept-file">Accept file</button>
<button id="reject-file">Reject file</button>
<button id="accept-selected">Accept selected</button>
<button id="reject-selected">Reject selected</button>
<button id="apply-accepted">Apply accepted</button>
</div>
<div id="change-list" class="change-list"></div>
<div id="diff-view" class="diff-view"></div>
</div>
</div>
<div class="editor-footer">
<div id="editor-footer-main" class="editor-footer">
<span id="editor-info" class="editor-info">Файл не выбран</span>
<div class="editor-actions">
<button id="save-file" type="button" disabled>Сохранить</button>
@@ -64,21 +80,24 @@
<button type="submit">Отправить</button>
</form>
</div>
<div class="review-wrap hidden">
<h2>Ревью изменений</h2>
<div id="review-toolbar" class="toolbar hidden">
<button id="accept-file">Accept file</button>
<button id="reject-file">Reject file</button>
<button id="accept-selected">Accept selected</button>
<button id="reject-selected">Reject selected</button>
<button id="apply-accepted">Apply accepted</button>
</div>
<div id="change-list" class="change-list"></div>
<div id="diff-view" class="diff-view"></div>
</div>
</section>
</main>
<div id="indexing-modal" class="indexing-modal hidden" role="dialog" aria-modal="true" aria-live="polite">
<div class="indexing-card">
<h3>Индексация проекта в RAG</h3>
<div class="indexing-row">
<span class="indexing-label">Текущий файл:</span>
<span id="indexing-file" class="indexing-value"></span>
</div>
<div class="indexing-row">
<span class="indexing-label">Осталось:</span>
<span id="indexing-remaining" class="indexing-value"></span>
</div>
<div class="indexing-progress">
<div id="indexing-progress-bar" class="indexing-progress-bar"></div>
</div>
</div>
</div>
<script type="module" src="./src/main.js"></script>
</body>