504 lines
23 KiB
HTML
504 lines
23 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Сверка договоров — обучение</title>
|
||
<link rel="icon" type="image/png" href="{{ url_for('static', filename='favicon.png') }}">
|
||
<script src="https://unpkg.com/lucide@latest"></script>
|
||
<style>
|
||
:root {
|
||
--brand-primary: #2563eb; --brand-primary-dark: #1d4ed8;
|
||
--brand-gray: #d1d5db; --brand-grey-light: #f3f4f6;
|
||
--background: #ffffff; --foreground: #1a1a1a;
|
||
--muted: #6b7280; --destructive: #ef4444; --green: #22c55e; --amber: #f59e0b;
|
||
}
|
||
* { box-sizing: border-box; margin: 0; padding: 0; }
|
||
body { font-family: system-ui, sans-serif; font-size: 14px; color: var(--foreground); background: var(--brand-grey-light); min-height: 100vh; }
|
||
.topbar { background: var(--background); border-bottom: 1px solid var(--brand-gray); padding: 0 24px; height: 56px; display: flex; align-items: center; gap: 16px; position: sticky; top: 0; z-index: 50; }
|
||
.topbar img { height: 28px; }
|
||
.topbar .title { font-weight: 600; font-size: 16px; }
|
||
.content { max-width: 1200px; margin: 32px auto; padding: 0 16px; }
|
||
.card { background: var(--background); border-radius: 12px; border: 1px solid var(--brand-gray); box-shadow: 0 1px 2px rgba(0,0,0,.05); overflow: hidden; margin-bottom: 16px; }
|
||
.card-header { background: var(--brand-grey-light); padding: 12px 16px; font-weight: 600; font-size: 16px; display: flex; align-items: center; gap: 8px; }
|
||
.card-body { padding: 16px; }
|
||
.btn { height: 36px; border-radius: 6px; gap: 6px; padding: 0 14px; font-size: 14px; font-family: inherit; cursor: pointer; display: inline-flex; align-items: center; border: 1px solid var(--brand-gray); background: var(--background); }
|
||
.btn-primary { background: var(--brand-primary); border-color: var(--brand-primary); color: #fff; }
|
||
.btn-primary:hover { background: var(--brand-primary-dark); }
|
||
.btn:disabled { opacity: .5; cursor: not-allowed; }
|
||
.split { display: grid; grid-template-columns: 320px 1fr; gap: 16px; align-items: start; }
|
||
.sidebar { max-height: 72vh; overflow-y: auto; }
|
||
.list { display: flex; flex-direction: column; gap: 8px; }
|
||
.item { border: 1px solid var(--brand-gray); border-radius: 8px; padding: 10px 12px; background: #fff; cursor: pointer; }
|
||
.item:hover { border-color: var(--brand-primary); }
|
||
.item.active { border-color: var(--brand-primary); box-shadow: inset 0 0 0 1px var(--brand-primary); }
|
||
.item .small { font-size: 12px; color: var(--muted); margin-top: 2px; }
|
||
.table-wrap { border-radius: 6px; border: 1px solid var(--brand-gray); overflow-y: auto; max-height: 50vh; }
|
||
table { width: 100%; border-collapse: collapse; font-size: 13px; }
|
||
th { background: var(--brand-grey-light); text-transform: uppercase; padding: 6px 10px; border-right: 1px solid var(--brand-gray); text-align: left; font-weight: 600; font-size: 11px; color: var(--muted); }
|
||
td { padding: 6px 10px; border-right: 1px solid var(--brand-gray); border-bottom: 1px solid var(--brand-gray); vertical-align: top; }
|
||
tr:hover td { background: rgba(243,244,246,.5); }
|
||
.name-cell { max-width: 420px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
||
.num-cell { text-align: right; white-space: nowrap; }
|
||
.diff-added { background: rgba(34,197,94,.08); }
|
||
.diff-deleted { background: rgba(239,68,68,.08); }
|
||
.diff-changed { background: rgba(245,158,11,.08); }
|
||
.feedback-btn { cursor: pointer; border: 1px solid var(--brand-gray); border-radius: 6px; background: #fff; height: 28px; padding: 0 8px; font-size: 12px; }
|
||
.feedback-btn:hover { border-color: var(--brand-primary); color: var(--brand-primary); }
|
||
.feedback-btn.good { border-color: var(--green); color: var(--green); }
|
||
.feedback-btn.warn { border-color: var(--amber); color: var(--amber); }
|
||
.feedback-panel { margin-top: 8px; padding: 10px; border: 1px solid var(--brand-gray); border-radius: 8px; background: #fff; }
|
||
.row-form { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 8px; }
|
||
.field { display: flex; flex-direction: column; gap: 4px; font-size: 12px; }
|
||
.field input, .field select, .field textarea { width: 100%; border: 1px solid var(--brand-gray); border-radius: 6px; padding: 8px; font: inherit; }
|
||
.field textarea { min-height: 70px; resize: vertical; }
|
||
.row-actions { display: flex; gap: 8px; margin-top: 8px; flex-wrap: wrap; }
|
||
.muted { color: var(--muted); }
|
||
.ok { color: var(--green); }
|
||
.err { color: var(--destructive); }
|
||
.empty-row td { color: var(--muted); text-align: center; padding: 24px; }
|
||
.preview { margin-top: 12px; font-size: 12px; color: var(--muted); }
|
||
.pill { display: inline-flex; align-items: center; gap: 4px; padding: 3px 8px; border-radius: 999px; background: #eef2ff; color: var(--brand-primary); font-size: 11px; }
|
||
.notice { background: #eff6ff; border: 1px solid #bfdbfe; color: #1d4ed8; padding: 10px 12px; border-radius: 8px; font-size: 13px; margin-bottom: 12px; }
|
||
.loading { color: var(--muted); font-size: 13px; }
|
||
@media (max-width: 980px) { .split { grid-template-columns: 1fr; } .sidebar { max-height: none; } }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="topbar">
|
||
<img src="{{ url_for('static', filename='nubes-logo.svg') }}" alt="Nubes">
|
||
<span class="title">Сверка договоров — обучение <span style="font-weight:400;color:var(--muted);font-size:12px;">изолированная страница</span></span>
|
||
<span style="margin-left:auto;font-size:12px;color:var(--brand-primary);white-space:nowrap;">feedback only</span>
|
||
</div>
|
||
|
||
<div class="content">
|
||
<div class="notice">
|
||
Здесь не запускается рабочий compare-пайплайн. Страница только читает уже разобранные данные и пишет замечания в отдельную таблицу <b>feedback</b>.
|
||
</div>
|
||
|
||
<div class="card">
|
||
<div class="card-header">
|
||
<i data-lucide="book-open" style="width:18px;height:18px;"></i>
|
||
Выбор договора и допника
|
||
</div>
|
||
<div class="card-body split">
|
||
<div class="sidebar">
|
||
<div class="loading" id="contractsLoading">Загрузка списка договоров...</div>
|
||
<div class="list" id="contractsList"></div>
|
||
</div>
|
||
<div>
|
||
<div id="contextMeta" class="preview muted">Выберите допник слева</div>
|
||
<div class="row-actions" style="margin-top:10px;">
|
||
<button class="btn btn-primary" id="markCorrectBtn" disabled>✓ Всё верно</button>
|
||
<button class="btn" id="markMissedBtn" disabled>➕ Пропущена позиция</button>
|
||
<span class="pill" id="saveStatus">0 замечаний</span>
|
||
</div>
|
||
<div class="table-wrap" style="margin-top:12px;">
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<th style="width:56px;">№</th>
|
||
<th>Действие</th>
|
||
<th>Услуга</th>
|
||
<th style="width:110px;">Цена</th>
|
||
<th style="width:90px;">Кол-во</th>
|
||
<th style="width:110px;">Сумма</th>
|
||
<th style="width:110px;">Дата</th>
|
||
<th style="width:60px;"></th>
|
||
</tr>
|
||
</thead>
|
||
<tbody id="rowsTableBody">
|
||
<tr class="empty-row"><td colspan="8">Выберите допник для просмотра строк</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div class="feedback-panel" id="feedbackPanel" style="display:none;">
|
||
<div style="font-weight:600;">Замечание по строке <span id="feedbackRowLabel"></span></div>
|
||
<div class="row-form">
|
||
<div class="field">
|
||
<label>Тип ошибки</label>
|
||
<select id="errorType">
|
||
<option value="wrong_price">неверная цена</option>
|
||
<option value="wrong_qty">неверное количество</option>
|
||
<option value="wrong_name">неверное наименование</option>
|
||
<option value="wrong_date">неверная дата</option>
|
||
<option value="extra_row">лишняя строка</option>
|
||
<option value="missed_row">пропущена строка</option>
|
||
<option value="wrong_action">неверное действие</option>
|
||
<option value="wrong_mode">неверный режим</option>
|
||
</select>
|
||
</div>
|
||
<div class="field">
|
||
<label>Поле</label>
|
||
<select id="errorField">
|
||
<option value="price">price</option>
|
||
<option value="qty">qty</option>
|
||
<option value="sum">sum</option>
|
||
<option value="name">name</option>
|
||
<option value="date_start">date_start</option>
|
||
<option value="action">action</option>
|
||
<option value="mode">mode</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="row-form">
|
||
<div class="field">
|
||
<label>Правильное значение</label>
|
||
<textarea id="correctValue" placeholder='{"price":68000}'></textarea>
|
||
</div>
|
||
<div class="field">
|
||
<label>Комментарий</label>
|
||
<textarea id="comment" placeholder="Необязательно"></textarea>
|
||
</div>
|
||
</div>
|
||
<div class="row-actions">
|
||
<button class="btn btn-primary" id="saveFeedbackBtn">Сохранить</button>
|
||
<button class="btn" id="cancelFeedbackBtn">Отмена</button>
|
||
</div>
|
||
</div>
|
||
<div class="preview" id="feedbackPreview"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
lucide.createIcons();
|
||
|
||
const contractsList = document.getElementById('contractsList');
|
||
const contractsLoading = document.getElementById('contractsLoading');
|
||
const rowsTableBody = document.getElementById('rowsTableBody');
|
||
const contextMeta = document.getElementById('contextMeta');
|
||
const feedbackPanel = document.getElementById('feedbackPanel');
|
||
const feedbackRowLabel = document.getElementById('feedbackRowLabel');
|
||
const errorType = document.getElementById('errorType');
|
||
const errorField = document.getElementById('errorField');
|
||
const correctValue = document.getElementById('correctValue');
|
||
const comment = document.getElementById('comment');
|
||
const saveFeedbackBtn = document.getElementById('saveFeedbackBtn');
|
||
const cancelFeedbackBtn = document.getElementById('cancelFeedbackBtn');
|
||
const markCorrectBtn = document.getElementById('markCorrectBtn');
|
||
const markMissedBtn = document.getElementById('markMissedBtn');
|
||
const saveStatus = document.getElementById('saveStatus');
|
||
const feedbackPreview = document.getElementById('feedbackPreview');
|
||
const urlParams = new URLSearchParams(window.location.search);
|
||
let promptVersion = urlParams.get('prompt_version') || 'vm-teach-v1';
|
||
let modelName = urlParams.get('model') || 'gpt-oss-120b';
|
||
|
||
const appState = {
|
||
contracts: [],
|
||
currentSupplement: null,
|
||
currentRows: [],
|
||
previousRows: [],
|
||
selectedRow: null,
|
||
feedbackMode: 'row',
|
||
feedbackCount: 0,
|
||
};
|
||
|
||
function esc(text) {
|
||
return String(text == null ? '' : text)
|
||
.replaceAll('&', '&')
|
||
.replaceAll('<', '<')
|
||
.replaceAll('>', '>')
|
||
.replaceAll('"', '"')
|
||
.replaceAll("'", ''');
|
||
}
|
||
|
||
function fmtDate(value) {
|
||
if (!value) return '—';
|
||
const d = new Date(value);
|
||
if (Number.isNaN(d.getTime())) return String(value);
|
||
return d.toLocaleDateString('ru-RU');
|
||
}
|
||
|
||
function fmtNum(value) {
|
||
if (value == null || value === '') return '—';
|
||
return String(value);
|
||
}
|
||
|
||
function updateSaveStatus() {
|
||
saveStatus.textContent = appState.feedbackCount + ' замечаний';
|
||
}
|
||
|
||
function renderContracts() {
|
||
if (!appState.contracts.length) {
|
||
contractsList.innerHTML = '<div class="loading">Нет договоров с допниками</div>';
|
||
return;
|
||
}
|
||
contractsList.innerHTML = appState.contracts.map(function(contract, ci) {
|
||
const supplements = contract.supplements || [];
|
||
return `
|
||
<div class="item" data-contract-index="${ci}">
|
||
<div style="font-weight:600;">${esc(contract.contract_number || '—')}</div>
|
||
<div class="small">${esc(contract.client || '—')} ${contract.date_signed ? '· ' + esc(fmtDate(contract.date_signed)) : ''}</div>
|
||
<div style="margin-top:8px; display:flex; flex-direction:column; gap:6px;">
|
||
${supplements.map(function(supp, si) {
|
||
return `
|
||
<div class="item" style="margin-left:0;" data-supplement-id="${esc(supp.supplement_id)}" data-contract-index="${ci}" data-supp-index="${si}">
|
||
<div style="font-weight:600;">${esc(supp.supplement_number || 'допник')}</div>
|
||
<div class="small">${esc(supp.supplement_type || '—')} · ${supp.supplement_date ? esc(fmtDate(supp.supplement_date)) : '—'}</div>
|
||
<div class="small">${esc(supp.document_filename || '—')}</div>
|
||
</div>`;
|
||
}).join('')}
|
||
</div>
|
||
</div>`;
|
||
}).join('');
|
||
|
||
contractsList.querySelectorAll('[data-supplement-id]').forEach(function(el) {
|
||
el.addEventListener('click', function() {
|
||
const supplementId = el.getAttribute('data-supplement-id');
|
||
loadContext(supplementId);
|
||
contractsList.querySelectorAll('[data-supplement-id]').forEach(function(node) { node.classList.remove('active'); });
|
||
el.classList.add('active');
|
||
});
|
||
});
|
||
}
|
||
|
||
function renderRows() {
|
||
if (!appState.currentRows.length) {
|
||
rowsTableBody.innerHTML = '<tr class="empty-row"><td colspan="8">У допника нет строк спецификации</td></tr>';
|
||
return;
|
||
}
|
||
rowsTableBody.innerHTML = appState.currentRows.map(function(row) {
|
||
const cls = row.change_type === 'added' ? 'diff-added' : row.change_type === 'deleted' ? 'diff-deleted' : row.change_type === 'changed' ? 'diff-changed' : '';
|
||
return `
|
||
<tr class="${cls}" data-row-num="${esc(row.row_num)}">
|
||
<td class="num-cell">${esc(row.row_num)}</td>
|
||
<td>${esc(row.change_type || 'row')}</td>
|
||
<td class="name-cell">${esc(row.name)}</td>
|
||
<td class="num-cell">${esc(fmtNum(row.price))}</td>
|
||
<td class="num-cell">${esc(fmtNum(row.qty))}</td>
|
||
<td class="num-cell">${esc(fmtNum(row.sum))}</td>
|
||
<td class="num-cell">${esc(fmtDate(row.date_start))}</td>
|
||
<td><button class="feedback-btn" data-row-num="${esc(row.row_num)}">⚠</button></td>
|
||
</tr>`;
|
||
}).join('');
|
||
|
||
rowsTableBody.querySelectorAll('[data-row-num]').forEach(function(btn) {
|
||
btn.addEventListener('click', function() {
|
||
const rowNum = Number(btn.getAttribute('data-row-num'));
|
||
openFeedback(rowNum);
|
||
});
|
||
});
|
||
}
|
||
|
||
function openFeedback(rowNum) {
|
||
const row = appState.currentRows.find(function(r) { return Number(r.row_num) === Number(rowNum); });
|
||
if (!row) return;
|
||
appState.selectedRow = row;
|
||
appState.feedbackMode = 'row';
|
||
feedbackPanel.style.display = 'block';
|
||
feedbackRowLabel.textContent = '#' + row.row_num + ' · ' + (row.name || 'строка');
|
||
errorType.value = 'wrong_price';
|
||
errorField.value = 'price';
|
||
correctValue.value = row.price != null ? JSON.stringify({ price: row.price }, null, 2) : '';
|
||
comment.value = '';
|
||
feedbackPreview.textContent = 'LLM: ' + JSON.stringify({ action: row.change_type, row_num: row.row_num, name: row.name, price: row.price, qty: row.qty, sum: row.sum, date_start: row.date_start }, null, 2);
|
||
}
|
||
|
||
function closeFeedback() {
|
||
feedbackPanel.style.display = 'none';
|
||
appState.selectedRow = null;
|
||
appState.feedbackMode = 'row';
|
||
}
|
||
|
||
async function loadContracts() {
|
||
contractsLoading.textContent = 'Загрузка списка договоров...';
|
||
const resp = await fetch('/teach/api/contracts');
|
||
const data = await resp.json();
|
||
if (!data.ok) {
|
||
contractsLoading.textContent = 'Ошибка: ' + (data.error || 'неизвестно');
|
||
return;
|
||
}
|
||
appState.contracts = data.contracts || [];
|
||
contractsLoading.style.display = 'none';
|
||
renderContracts();
|
||
}
|
||
|
||
async function loadContext(supplementId) {
|
||
const resp = await fetch('/teach/api/context?supplement_id=' + encodeURIComponent(supplementId));
|
||
const data = await resp.json();
|
||
if (!data.ok) {
|
||
contextMeta.innerHTML = '<span class="err">Ошибка: ' + esc(data.error || 'неизвестно') + '</span>';
|
||
return;
|
||
}
|
||
appState.currentSupplement = data.supplement;
|
||
appState.currentRows = (data.current_rows || []).map(function(row) {
|
||
return {
|
||
row_num: row.row_num,
|
||
name: row.name,
|
||
price: row.price,
|
||
qty: row.qty,
|
||
sum: row.sum,
|
||
date_start: row.date_start,
|
||
date_end: row.date_end,
|
||
change_type: inferChangeType(row, data.previous_rows || []),
|
||
};
|
||
});
|
||
appState.previousRows = data.previous_rows || [];
|
||
contextMeta.innerHTML = '<span class="pill">' + esc(data.supplement.contract_number || '—') + '</span> ' +
|
||
'<span class="pill">' + esc(data.supplement.number || 'допник') + '</span> ' +
|
||
'<span class="muted">' + esc(data.supplement.document_filename || '—') + '</span>';
|
||
markCorrectBtn.disabled = false;
|
||
markMissedBtn.disabled = false;
|
||
renderRows();
|
||
closeFeedback();
|
||
}
|
||
|
||
function inferChangeType(row, previousRows) {
|
||
const prev = previousRows.find(function(r) { return Number(r.row_num) === Number(row.row_num); });
|
||
if (!prev) return 'added';
|
||
const keys = ['name', 'price', 'qty', 'sum', 'date_start'];
|
||
const same = keys.every(function(key) { return String(prev[key] ?? '') === String(row[key] ?? ''); });
|
||
return same ? 'unchanged' : 'changed';
|
||
}
|
||
|
||
async function saveFeedback(payload) {
|
||
const resp = await fetch('/teach/api/feedback', {
|
||
method: 'POST',
|
||
headers: { 'Content-Type': 'application/json' },
|
||
body: JSON.stringify(payload),
|
||
});
|
||
const data = await resp.json();
|
||
if (!data.ok) throw new Error(data.error || 'save failed');
|
||
appState.feedbackCount += 1;
|
||
updateSaveStatus();
|
||
return data;
|
||
}
|
||
|
||
cancelFeedbackBtn.addEventListener('click', closeFeedback);
|
||
|
||
markCorrectBtn.addEventListener('click', async function() {
|
||
if (!appState.currentSupplement) return;
|
||
try {
|
||
await saveFeedback({
|
||
contract_id: appState.currentSupplement.contract_id,
|
||
supplement_id: appState.currentSupplement.supplement_id,
|
||
event_seq: null,
|
||
scope: 'document',
|
||
verdict: 'correct',
|
||
error_type: null,
|
||
field: null,
|
||
service_name: null,
|
||
llm_value: null,
|
||
correct_value: null,
|
||
prompt_version: promptVersion,
|
||
model_name: modelName,
|
||
doc_mode: appState.currentSupplement.supplement_type || null,
|
||
comment: null,
|
||
});
|
||
feedbackPreview.innerHTML = '<span class="ok">Документ помечен как верный</span>';
|
||
} catch (err) {
|
||
feedbackPreview.innerHTML = '<span class="err">' + esc(err.message) + '</span>';
|
||
}
|
||
});
|
||
|
||
markMissedBtn.addEventListener('click', function() {
|
||
if (!appState.currentSupplement) return;
|
||
appState.feedbackMode = 'missed';
|
||
appState.selectedRow = null;
|
||
feedbackPanel.style.display = 'block';
|
||
feedbackRowLabel.textContent = 'пропущенная позиция';
|
||
errorType.value = 'missed_row';
|
||
errorField.value = 'name';
|
||
correctValue.value = '';
|
||
feedbackPreview.textContent = 'Добавьте пропущенную строку в correct value (JSON)';
|
||
});
|
||
|
||
saveFeedbackBtn.addEventListener('click', async function() {
|
||
if (!appState.currentSupplement) return;
|
||
if (!appState.selectedRow && appState.feedbackMode !== 'missed') return;
|
||
if (appState.feedbackMode === 'missed') {
|
||
try {
|
||
await saveFeedback({
|
||
contract_id: appState.currentSupplement.contract_id,
|
||
supplement_id: appState.currentSupplement.supplement_id,
|
||
event_seq: null,
|
||
scope: 'missed',
|
||
verdict: 'error',
|
||
error_type: 'missed_row',
|
||
field: errorField.value,
|
||
service_name: null,
|
||
llm_value: null,
|
||
correct_value: parseJsonOrText(correctValue.value),
|
||
prompt_version: promptVersion,
|
||
model_name: modelName,
|
||
doc_mode: appState.currentSupplement.supplement_type || null,
|
||
comment: comment.value || null,
|
||
});
|
||
feedbackPreview.innerHTML = '<span class="ok">Сохранено</span>';
|
||
closeFeedback();
|
||
} catch (err) {
|
||
feedbackPreview.innerHTML = '<span class="err">' + esc(err.message) + '</span>';
|
||
}
|
||
return;
|
||
}
|
||
|
||
try {
|
||
await saveFeedback({
|
||
contract_id: appState.currentSupplement.contract_id,
|
||
supplement_id: appState.currentSupplement.supplement_id,
|
||
event_seq: appState.selectedRow.row_num,
|
||
scope: 'row',
|
||
verdict: 'error',
|
||
error_type: errorType.value,
|
||
field: errorField.value,
|
||
service_name: appState.selectedRow.name,
|
||
llm_value: {
|
||
row_num: appState.selectedRow.row_num,
|
||
action: appState.selectedRow.change_type,
|
||
name: appState.selectedRow.name,
|
||
price: appState.selectedRow.price,
|
||
qty: appState.selectedRow.qty,
|
||
sum: appState.selectedRow.sum,
|
||
date_start: appState.selectedRow.date_start,
|
||
},
|
||
correct_value: parseJsonOrText(correctValue.value),
|
||
prompt_version: promptVersion,
|
||
model_name: modelName,
|
||
doc_mode: appState.currentSupplement.supplement_type || null,
|
||
comment: comment.value || null,
|
||
});
|
||
feedbackPreview.innerHTML = '<span class="ok">Сохранено</span>';
|
||
closeFeedback();
|
||
} catch (err) {
|
||
feedbackPreview.innerHTML = '<span class="err">' + esc(err.message) + '</span>';
|
||
}
|
||
});
|
||
|
||
function parseJsonOrText(value) {
|
||
const trimmed = String(value || '').trim();
|
||
if (!trimmed) return null;
|
||
try {
|
||
return JSON.parse(trimmed);
|
||
} catch (err) {
|
||
return { text: trimmed };
|
||
}
|
||
}
|
||
|
||
async function loadMeta() {
|
||
try {
|
||
const resp = await fetch('/teach/api/meta');
|
||
const data = await resp.json();
|
||
if (data && data.ok) {
|
||
if (!urlParams.get('prompt_version') && data.prompt_version) {
|
||
promptVersion = data.prompt_version;
|
||
}
|
||
if (!urlParams.get('model') && data.model_name) {
|
||
modelName = data.model_name;
|
||
}
|
||
}
|
||
} catch (err) {
|
||
// Keep defaults if metadata endpoint is unavailable.
|
||
}
|
||
}
|
||
|
||
loadMeta()
|
||
.then(function() { return loadContracts(); })
|
||
.catch(function(err) {
|
||
contractsLoading.textContent = 'Ошибка: ' + err.message;
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|