API 연결 실패 또는 제출 이미지 없음 상태입니다.
`;
document.getElementById("recommendation-box").innerHTML = `실제 API 데이터가 로드될 때까지 판정하지 않습니다.`;
document.getElementById("derived-preview").innerHTML = `자동 후보 생성 없음`;
+ // Clear the evidence-gap recommendations too: they belong to the case that was
+ // just deselected, and leaving them rendered invited running suggested queries
+ // against nothing.
+ const nextActions = document.getElementById("evidence-next-actions");
+ if (nextActions) nextActions.innerHTML = "";
}
@@ -2210,6 +2358,12 @@ function renderAll() {
renderAuditLog();
+ renderMemoPresets();
+
+ renderBulkDecisionCount();
+
+ renderReviewProgress();
+
}
@@ -2226,11 +2380,17 @@ function switchView(view, updateHash = true) {
if (view === "case" || view === "evidence") view = "workbench";
+ let knowledgeTabToApply = "";
+
if (view === "corrections") {
view = "knowledge";
- state.knowledgeTab = "corrections";
+ // Setting state alone left the visible panel on whatever knowledge tab was
+ // last shown — the tab DOM is switched by switchKnowledgeTab, which must run
+ // (applied at the end, after the view panels are toggled).
+
+ knowledgeTabToApply = "corrections";
}
@@ -2268,6 +2428,12 @@ function switchView(view, updateHash = true) {
});
+ if (knowledgeTabToApply) {
+
+ switchKnowledgeTab(knowledgeTabToApply);
+
+ }
+
if (updateHash && window.location.hash.replace("#", "") !== view) {
window.history.replaceState(null, "", `#${view}`);
@@ -2346,6 +2512,12 @@ function selectCase(caseId) {
suggestedQueryRunSummary = null;
+ // Reset per-case inputs. The decision memo is submitted with whatever case is
+ // selected at click time, so a memo typed for case A and left in the box was
+ // recorded verbatim as the rejection/correction reason for case B.
+
+ resetCaseScopedInputs();
+
switchView("workbench");
switchWorkbenchTab("evidence");
@@ -2355,6 +2527,44 @@ function selectCase(caseId) {
+function resetCaseScopedInputs() {
+
+ const memo = document.getElementById("decision-memo");
+
+ if (memo) {
+
+ memo.value = "";
+
+ }
+
+ const memoError = document.getElementById("memo-error");
+
+ if (memoError) {
+
+ memoError.textContent = "";
+
+ }
+
+ const manualQuery = document.getElementById("manual-query");
+
+ if (manualQuery) {
+
+ manualQuery.value = "";
+
+ }
+
+ const manualStatus = document.getElementById("manual-query-status");
+
+ if (manualStatus) {
+
+ manualStatus.textContent = "";
+
+ }
+
+}
+
+
+
let isDecisionInFlight = false;
async function setDecision(decision, requiresMemo = false) {
@@ -2479,17 +2689,32 @@ async function runManualSearch(event) {
try {
+ const targetCaseId = submission.id;
+
await apiJson("/api/search/manual", {
method: "POST",
- body: JSON.stringify({ submission_id: submission.id, provider, query }),
+ body: JSON.stringify({ submission_id: targetCaseId, provider, query }),
});
- queryInput.value = "";
+ // The operator may have moved to another case while the search ran. Naming
+ // the case the evidence actually landed on prevents "added to the current
+ // case" from pointing at the wrong one, and the input is only cleared when
+ // it still belongs to the case we searched for.
- status.textContent = `${providerLabels[provider]} 쿼리 결과가 현재 케이스 증거에 추가되었습니다.`;
+ if (state.selectedCaseId === targetCaseId) {
+
+ queryInput.value = "";
+
+ status.textContent = `${providerLabels[provider]} 쿼리 결과가 현재 케이스 증거에 추가되었습니다.`;
+
+ } else {
+
+ status.textContent = `${providerLabels[provider]} 쿼리 결과가 케이스 ${targetCaseId}에 추가되었습니다.`;
+
+ }
await refreshFromApi();
@@ -2585,6 +2810,663 @@ function selectedBulkSubmissionIds() {
+// --- Keyboard review mode ------------------------------------------------
+
+
+
+const KEYBOARD_HELP = [
+
+ "J / ↓ : 다음 케이스",
+
+ "K / ↑ : 이전 케이스",
+
+ "A : 승인 H : 보류 R : 반려(메모로 이동)",
+
+ "N : 다음 미심사 케이스",
+
+ "? : 이 도움말 열기/닫기",
+
+ "Esc : 도움말 닫기",
+
+].join("\n");
+
+
+
+function isTypingTarget(target) {
+
+ if (!target) return false;
+
+ const tag = String(target.tagName || "").toLowerCase();
+
+ return tag === "input" || tag === "textarea" || tag === "select" || target.isContentEditable;
+
+}
+
+
+
+function moveSelection(offset) {
+
+ const rows = filteredSubmissions();
+
+ if (!rows.length) return;
+
+ const index = rows.findIndex((item) => item.id === state.selectedCaseId);
+
+ // From "no selection", J lands on the first row and K on the last.
+
+ const nextIndex = index === -1
+
+ ? (offset > 0 ? 0 : rows.length - 1)
+
+ : Math.min(rows.length - 1, Math.max(0, index + offset));
+
+ selectCase(rows[nextIndex].id);
+
+}
+
+
+
+function moveToNextUnreviewed() {
+
+ const rows = filteredSubmissions();
+
+ const index = rows.findIndex((item) => item.id === state.selectedCaseId);
+
+ const ordered = [...rows.slice(index + 1), ...rows.slice(0, Math.max(0, index + 1))];
+
+ const next = ordered.find((item) => item.decisionStatus === "unreviewed");
+
+ if (next) {
+
+ selectCase(next.id);
+
+ } else {
+
+ setImportStatus("미심사 케이스가 없습니다.", "ok");
+
+ }
+
+}
+
+
+
+function renderReviewProgress() {
+
+ const target = document.getElementById("review-progress");
+
+ if (!target) return;
+
+ const rows = filteredSubmissions();
+
+ const position = rows.findIndex((item) => item.id === state.selectedCaseId) + 1;
+
+ const remaining = rows.filter((item) => item.decisionStatus === "unreviewed").length;
+
+ target.textContent = rows.length
+
+ ? `${position || "-"}/${rows.length} · 남은 미심사 ${remaining}건 · ? 도움말`
+
+ : "";
+
+}
+
+
+
+function handleReviewShortcut(event) {
+
+ if (event.ctrlKey || event.metaKey || event.altKey) return;
+
+ if (isTypingTarget(event.target)) return;
+
+ const key = event.key;
+
+ if (key === "Escape") {
+
+ const help = document.getElementById("keyboard-help");
+
+ if (help && !help.hidden) help.hidden = true;
+
+ return;
+
+ }
+
+ if (key === "?") {
+
+ const help = document.getElementById("keyboard-help");
+
+ if (help) {
+
+ help.textContent = KEYBOARD_HELP;
+
+ help.hidden = !help.hidden;
+
+ }
+
+ event.preventDefault();
+
+ return;
+
+ }
+
+ // Navigation works from the queue and the workbench; decisions only make
+ // sense once a case is open.
+
+ if (key === "j" || key === "J" || key === "ArrowDown") {
+
+ moveSelection(1);
+
+ event.preventDefault();
+
+ return;
+
+ }
+
+ if (key === "k" || key === "K" || key === "ArrowUp") {
+
+ moveSelection(-1);
+
+ event.preventDefault();
+
+ return;
+
+ }
+
+ if (key === "n" || key === "N") {
+
+ moveToNextUnreviewed();
+
+ event.preventDefault();
+
+ return;
+
+ }
+
+ if (!state.selectedCaseId) return;
+
+ if (key === "a" || key === "A") {
+
+ setDecision("approved").then(() => moveToNextUnreviewed());
+
+ event.preventDefault();
+
+ return;
+
+ }
+
+ if (key === "h" || key === "H") {
+
+ setDecision("held").then(() => moveToNextUnreviewed());
+
+ event.preventDefault();
+
+ return;
+
+ }
+
+ if (key === "r" || key === "R") {
+
+ // Rejection needs a memo, so hand the operator the field instead of firing
+ // a request that would fail validation.
+
+ switchView("workbench");
+
+ const memo = document.getElementById("decision-memo");
+
+ if (memo) memo.focus();
+
+ event.preventDefault();
+
+ }
+
+}
+
+
+
+// --- Duplicate / prior-case grouping ------------------------------------
+
+
+
+function duplicateBadgeHtml(submission) {
+
+ const group = submission.duplicateGroup;
+
+ if (!group || !group.size) return "";
+
+ const priors = group.priorDecisions || [];
+
+ const priorText = priors.length
+
+ ? `선례: ${priors
+
+ .map((item) => `${item.submissionId} ${decisionLabels[item.decision] || item.decision}`)
+
+ .join(", ")}`
+
+ : "아직 판정된 선례 없음";
+
+ const tone = group.conflicting ? " conflicting" : "";
+
+ const conflictNote = group.conflicting ? " · 판정 불일치" : "";
+
+ return ``;
+
+}
+
+
+
+function selectDuplicateGroup(submissionId) {
+
+ // Tick the whole group so the operator can hand it to batch re-analysis or a
+ // batch decision in one move.
+
+ const submission = submissions.find((item) => item.id === submissionId);
+
+ const group = submission && submission.duplicateGroup;
+
+ if (!group) return;
+
+ const ids = new Set([submissionId, ...(group.peerIds || [])]);
+
+ document.querySelectorAll("input[data-bulk-id]").forEach((input) => {
+
+ input.checked = ids.has(input.dataset.bulkId);
+
+ });
+
+ renderBulkDecisionCount();
+
+ const status = document.getElementById("bulk-decision-status");
+
+ if (status) {
+
+ const priors = group.priorDecisions || [];
+
+ status.textContent = priors.length
+
+ ? `동일 이미지 ${ids.size}건 선택 · 선례 ${priors
+
+ .map((item) => `${item.submissionId} ${decisionLabels[item.decision] || item.decision}`)
+
+ .join(", ")}`
+
+ : `동일 이미지 ${ids.size}건을 선택했습니다.`;
+
+ }
+
+}
+
+
+
+// --- Batch decisions ---------------------------------------------------
+
+
+
+function checkedBulkSubmissionIds() {
+
+ // Unlike selectedBulkSubmissionIds(), this never falls back to the current
+ // case: a batch decision must act on an explicit selection only.
+
+ return Array.from(document.querySelectorAll("input[data-bulk-id]:checked")).map(
+
+ (input) => input.dataset.bulkId,
+
+ );
+
+}
+
+
+
+function renderBulkDecisionCount() {
+
+ const target = document.getElementById("bulk-decision-count");
+
+ if (!target) return;
+
+ const ids = checkedBulkSubmissionIds();
+
+ const highRisk = ids.filter((id) => {
+
+ const submission = submissions.find((item) => item.id === id);
+
+ return submission && submission.riskBand === "high";
+
+ }).length;
+
+ target.textContent = highRisk
+
+ ? `선택 ${ids.length}건 (고위험 ${highRisk}건)`
+
+ : `선택 ${ids.length}건`;
+
+}
+
+
+
+let isBulkDecisionInFlight = false;
+
+
+
+async function applyBulkDecision(decision) {
+
+ if (isBulkDecisionInFlight) return;
+
+ const ids = checkedBulkSubmissionIds();
+
+ const status = document.getElementById("bulk-decision-status");
+
+ const setStatus = (message) => {
+
+ if (status) status.textContent = message;
+
+ };
+
+ if (!ids.length) {
+
+ setStatus("판정할 케이스를 먼저 선택하세요.");
+
+ return;
+
+ }
+
+ const memo = document.getElementById("decision-memo")?.value.trim() || "";
+
+ if (decision === "rejected" && !memo) {
+
+ setStatus("일괄 반려에는 결정 메모가 필요합니다. 메모를 입력한 뒤 다시 시도하세요.");
+
+ return;
+
+ }
+
+ const highRisk = ids.filter((id) => {
+
+ const submission = submissions.find((item) => item.id === id);
+
+ return submission && submission.riskBand === "high";
+
+ });
+
+ // Guardrail: approving a high-risk case in bulk is the one irreversible-feeling
+ // action here, so name the count instead of asking a generic "are you sure".
+
+ if (highRisk.length) {
+
+ const label = decisionLabels[decision] || decision;
+
+ if (!window.confirm(`선택 ${ids.length}건 중 고위험 ${highRisk.length}건이 포함되어 있습니다. 그대로 ${label} 처리할까요?`)) {
+
+ setStatus("일괄 판정을 취소했습니다.");
+
+ return;
+
+ }
+
+ }
+
+ isBulkDecisionInFlight = true;
+
+ setStatus(`${ids.length}건 판정 중…`);
+
+ try {
+
+ const payload = await apiJson("/api/submissions/decision-batch", {
+
+ method: "POST",
+
+ body: JSON.stringify({ submission_ids: ids, decision, memo }),
+
+ });
+
+ const result = payload.batchDecision || { applied: [], failed: [] };
+
+ applyBootstrap(payload);
+
+ renderAll();
+
+ const failures = result.failed || [];
+
+ setStatus(
+
+ failures.length
+
+ ? `${(result.applied || []).length}건 적용 · ${failures.length}건 실패: ${failures
+
+ .map((item) => `${item.submissionId}(${item.error})`)
+
+ .join(", ")}`
+
+ : `${(result.applied || []).length}건 판정을 적용했습니다.`,
+
+ );
+
+ } catch (errorValue) {
+
+ setStatus(`일괄 판정 실패: ${errorValue.message}`);
+
+ } finally {
+
+ isBulkDecisionInFlight = false;
+
+ }
+
+}
+
+
+
+// --- Decision memo presets ---------------------------------------------
+
+
+
+function renderMemoPresets() {
+
+ const target = document.getElementById("memo-presets");
+
+ if (!target) return;
+
+ const chips = decisionMemoPresets
+
+ .map(
+
+ (preset) =>
+
+ ``,
+
+ )
+
+ .join("");
+
+ target.innerHTML = `${chips}`;
+
+}
+
+
+
+function applyMemoPreset(presetId) {
+
+ const preset = decisionMemoPresets.find((item) => item.id === presetId);
+
+ const memo = document.getElementById("decision-memo");
+
+ if (!preset || !memo) return;
+
+ memo.value = memo.value.trim() ? `${memo.value.trim()} ${preset.body}` : preset.body;
+
+ memo.focus();
+
+}
+
+
+
+async function saveCurrentMemoAsPreset() {
+
+ const memo = document.getElementById("decision-memo");
+
+ const error = document.getElementById("memo-error");
+
+ const body = memo?.value.trim() || "";
+
+ if (!body) {
+
+ if (error) error.textContent = "저장할 메모 내용이 없습니다.";
+
+ return;
+
+ }
+
+ const label = window.prompt("프리셋 이름 (예: 연예인 초상)", body.slice(0, 20));
+
+ if (!label) return;
+
+ try {
+
+ const presets = await apiJson("/api/decision-memo-presets", {
+
+ method: "POST",
+
+ body: JSON.stringify({ label, body }),
+
+ });
+
+ replaceCollection(decisionMemoPresets, presets);
+
+ renderMemoPresets();
+
+ if (error) error.textContent = "";
+
+ } catch (errorValue) {
+
+ if (error) error.textContent = `프리셋 저장 실패: ${errorValue.message}`;
+
+ }
+
+}
+
+
+
+// --- Decision export ----------------------------------------------------
+
+
+
+async function exportDecisions() {
+
+ const status = document.getElementById("bulk-decision-status");
+
+ const audience = window.confirm(
+
+ "내부 보관용(증거·점수 포함)으로 내보내려면 확인, 신청 채널 전달용(판정·메모만)으로 내보내려면 취소를 누르세요.",
+
+ )
+
+ ? "internal"
+
+ : "applicant";
+
+ try {
+
+ const payload = await apiJson(
+
+ `/api/decisions/export?audience=${encodeURIComponent(audience)}`,
+
+ );
+
+ if (!payload.rows.length) {
+
+ if (status) status.textContent = "내보낼 판정 완료 케이스가 없습니다.";
+
+ return;
+
+ }
+
+ downloadTextFile(
+
+ `copyrighter-decisions-${audience}.csv`,
+
+ payload.csv,
+
+ "text/csv;charset=utf-8",
+
+ );
+
+ if (status) status.textContent = `${payload.rows.length}건을 ${audience === "internal" ? "내부 보관용" : "신청 채널 전달용"} CSV로 내보냈습니다.`;
+
+ } catch (errorValue) {
+
+ if (status) status.textContent = `내보내기 실패: ${errorValue.message}`;
+
+ }
+
+}
+
+
+
+function downloadTextFile(filename, text, mimeType) {
+
+ // BOM so Excel opens the Korean CSV as UTF-8 instead of the system codepage.
+
+ const blob = new Blob([`${text}`], { type: mimeType });
+
+ const url = URL.createObjectURL(blob);
+
+ const link = document.createElement("a");
+
+ link.href = url;
+
+ link.download = filename;
+
+ document.body.appendChild(link);
+
+ link.click();
+
+ document.body.removeChild(link);
+
+ URL.revokeObjectURL(url);
+
+}
+
+
+
+// --- Backup -------------------------------------------------------------
+
+
+
+async function createBackupSnapshot() {
+
+ const status = document.getElementById("bulk-decision-status");
+
+ const button = document.getElementById("create-backup");
+
+ if (button) button.disabled = true;
+
+ if (status) status.textContent = "백업 스냅샷을 만드는 중…";
+
+ try {
+
+ const result = await apiJson("/api/admin/backup", { method: "POST" });
+
+ const megabytes = (Number(result.sizeBytes || 0) / (1024 * 1024)).toFixed(1);
+
+ if (status) {
+
+ status.textContent = `백업 완료: ${result.file} (${megabytes}MB · 미디어 ${result.mediaFiles}개)`;
+
+ }
+
+ await refreshFromApi();
+
+ } catch (errorValue) {
+
+ if (status) status.textContent = `백업 실패: ${errorValue.message}`;
+
+ } finally {
+
+ if (button) button.disabled = false;
+
+ }
+
+}
+
+
+
async function rerunSelectedEnrichment() {
const ids = selectedBulkSubmissionIds();
@@ -3278,9 +4160,19 @@ async function promoteCollectionCandidate(candidateId) {
function addKnowledgeEntryFromCase() {
+ // The control is labelled "주의 후보 보기" (view watchlist candidates), so show
+ // the registered list filtered to watchlist — it previously opened the blank
+ // manual-registration form, which is a different action entirely.
+
switchView("knowledge");
- switchKnowledgeTab("manual");
+ switchKnowledgeTab("registered");
+
+ knowledgeFilters.status = "watchlist";
+
+ const statusFilter = document.getElementById("knowledge-status-filter");
+
+ if (statusFilter) statusFilter.value = "watchlist";
renderAll();
@@ -3605,6 +4497,16 @@ function bindEvents() {
document.getElementById("queue-body").addEventListener("click", (event) => {
+ const duplicateButton = event.target.closest("[data-duplicate-group]");
+
+ if (duplicateButton) {
+
+ selectDuplicateGroup(duplicateButton.dataset.duplicateGroup);
+
+ return;
+
+ }
+
const selectButton = event.target.closest("[data-select-case]");
if (selectButton) {
@@ -3627,6 +4529,20 @@ function bindEvents() {
+ // Keep the batch-decision counter in step with the row checkboxes.
+
+ document.getElementById("queue-body").addEventListener("change", (event) => {
+
+ if (event.target.matches("input[data-bulk-id]")) {
+
+ renderBulkDecisionCount();
+
+ }
+
+ });
+
+
+
document.getElementById("coverage-tabs").addEventListener("click", (event) => {
const tab = event.target.closest("[data-coverage-filter]");
@@ -3765,6 +4681,34 @@ function bindEvents() {
document.getElementById("bulk-rerun").addEventListener("click", rerunSelectedEnrichment);
+ document.querySelectorAll("[data-bulk-decision]").forEach((button) => {
+
+ button.addEventListener("click", () => applyBulkDecision(button.dataset.bulkDecision));
+
+ });
+
+ document.getElementById("export-decisions").addEventListener("click", exportDecisions);
+
+ document.getElementById("create-backup").addEventListener("click", createBackupSnapshot);
+
+ document.getElementById("memo-presets").addEventListener("click", (event) => {
+
+ if (event.target.closest("#memo-preset-save")) {
+
+ void saveCurrentMemoAsPreset();
+
+ return;
+
+ }
+
+ const chip = event.target.closest("[data-preset-id]");
+
+ if (chip) applyMemoPreset(chip.dataset.presetId);
+
+ });
+
+ document.addEventListener("keydown", handleReviewShortcut);
+
document.getElementById("emergency-disable").addEventListener("click", emergencyDisableExternalProviders);
diff --git a/web/operator-gui/index.html b/web/operator-gui/index.html
index a32e3ac..a9e92bd 100644
--- a/web/operator-gui/index.html
+++ b/web/operator-gui/index.html
@@ -13,6 +13,20 @@
+
+
+
diff --git a/web/operator-gui/styles.css b/web/operator-gui/styles.css
index 2858953..f44342b 100644
--- a/web/operator-gui/styles.css
+++ b/web/operator-gui/styles.css
@@ -2817,3 +2817,191 @@ tbody tr.selected-row,
.evidence-row-new {
box-shadow: inset 0 0 0 2px var(--teal);
}
+
+/* --- Auth gate ------------------------------------------------------- */
+/* Shown only when the server runs with COPYRIGHTER_AUTH_TOKEN and a data
+ route answered 401. Covers the shell so no half-loaded queue is visible
+ behind it. */
+.auth-gate {
+ position: fixed;
+ inset: 0;
+ z-index: 100;
+ display: grid;
+ place-items: center;
+ padding: 24px;
+ background: rgba(16, 23, 29, 0.55);
+ backdrop-filter: blur(2px);
+}
+
+.auth-gate[hidden] {
+ display: none;
+}
+
+.auth-gate-card {
+ width: min(420px, 100%);
+ display: flex;
+ flex-direction: column;
+ gap: 10px;
+ padding: 26px 26px 22px;
+ background: var(--card-raised);
+ border: 1px solid var(--hair);
+ border-radius: var(--r-lg);
+ box-shadow: var(--shadow-lg);
+}
+
+.auth-gate-card h1 {
+ margin: 0;
+ font-size: 1.05rem;
+ letter-spacing: -0.01em;
+ color: var(--ink);
+}
+
+.auth-gate-hint {
+ margin: 0;
+ font-size: 0.82rem;
+ line-height: 1.55;
+ color: var(--ink-soft);
+}
+
+.auth-gate-hint code {
+ font-family: var(--font-mono);
+ font-size: 0.78rem;
+ padding: 1px 5px;
+ border-radius: var(--r-sm);
+ background: var(--card-sunk);
+ border: 1px solid var(--hair-soft);
+}
+
+.auth-gate-label {
+ margin-top: 4px;
+ font-size: 0.75rem;
+ font-weight: 600;
+ letter-spacing: 0.02em;
+ color: var(--ink-soft);
+}
+
+.auth-gate-input {
+ width: 100%;
+ padding: 9px 11px;
+ font-family: var(--font-mono);
+ font-size: 0.86rem;
+ color: var(--ink);
+ background: var(--card);
+ border: 1px solid var(--hair-strong);
+ border-radius: var(--radius);
+}
+
+.auth-gate-input:focus {
+ outline: 2px solid var(--teal-line);
+ outline-offset: 1px;
+ border-color: var(--teal);
+}
+
+.auth-gate-error {
+ margin: 0;
+ font-size: 0.78rem;
+ color: var(--red);
+}
+
+.auth-gate-error[hidden] {
+ display: none;
+}
+
+.auth-gate-card .primary-action {
+ margin-top: 6px;
+ justify-content: center;
+}
+
+/* --- Batch decisions / review throughput ------------------------------ */
+.queue-actions-secondary {
+ margin-top: 8px;
+ padding-top: 8px;
+ border-top: 1px dashed var(--hair);
+ align-items: center;
+}
+
+.bulk-decision-label {
+ font-size: 0.78rem;
+ font-weight: 600;
+ color: var(--ink-soft);
+ font-variant-numeric: tabular-nums;
+}
+
+.review-progress {
+ margin-left: auto;
+ font-size: 0.76rem;
+ color: var(--ink-faint);
+ font-variant-numeric: tabular-nums;
+}
+
+.keyboard-help {
+ margin: 8px 0 0;
+ padding: 12px 14px;
+ font-family: var(--font-mono);
+ font-size: 0.78rem;
+ line-height: 1.7;
+ color: var(--ink-soft);
+ background: var(--card-sunk);
+ border: 1px solid var(--hair);
+ border-radius: var(--radius);
+ white-space: pre;
+ overflow-x: auto;
+}
+
+.keyboard-help[hidden] {
+ display: none;
+}
+
+/* --- Decision memo presets -------------------------------------------- */
+.memo-presets {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 5px;
+ margin-top: 6px;
+}
+
+.memo-preset-chip {
+ padding: 3px 9px;
+ font-size: 0.74rem;
+ color: var(--ink-soft);
+ background: var(--card-sunk);
+ border: 1px solid var(--hair);
+ border-radius: var(--r-pill);
+ cursor: pointer;
+}
+
+.memo-preset-chip:hover {
+ color: var(--teal-deep);
+ border-color: var(--teal-line);
+ background: var(--teal-tint-soft);
+}
+
+.memo-preset-add {
+ border-style: dashed;
+ color: var(--ink-faint);
+}
+
+/* --- Duplicate group badge -------------------------------------------- */
+.duplicate-badge {
+ display: inline-block;
+ margin-top: 3px;
+ padding: 2px 8px;
+ font-size: 0.7rem;
+ font-weight: 600;
+ letter-spacing: 0.01em;
+ color: var(--blue);
+ background: var(--blue-tint);
+ border: 1px solid var(--blue-line);
+ border-radius: var(--r-pill);
+ cursor: pointer;
+}
+
+.duplicate-badge:hover {
+ filter: brightness(0.97);
+}
+
+.duplicate-badge.conflicting {
+ color: var(--red);
+ background: var(--red-tint);
+ border-color: var(--red-line);
+}