review/index.html

<!doctype html><html><head><meta charset="utf-8"><title>Utterance review</title><style>
:root{--bg:#f7f7fb;--ink:#1c1830;--muted:#6a6580;--rule:#dcd8ea;--acc:#6b3fcf;--ok:#1e9e68;--bad:#c2513d;--card:#fff}
body{margin:0;font:15px/1.45 system-ui,sans-serif;background:var(--bg);color:var(--ink)}
header{position:sticky;top:0;background:var(--card);border-bottom:1px solid var(--rule);padding:10px 16px;display:flex;gap:12px;flex-wrap:wrap;align-items:center;z-index:2}
header h1{font-size:18px;margin:0 12px 0 0}
label.f{display:inline-flex;gap:4px;align-items:center;font-size:13px;color:var(--muted)}
input[type=search]{padding:5px 8px;border:1px solid var(--rule);border-radius:4px;min-width:220px}
button{padding:5px 10px;border:1px solid var(--rule);background:var(--card);border-radius:4px;cursor:pointer}
button.primary{background:var(--acc);color:#fff;border-color:var(--acc)}
main{padding:12px 16px;display:grid;gap:8px;max-width:1200px}
.row{background:var(--card);border:1px solid var(--rule);border-radius:6px;padding:10px 12px;display:grid;grid-template-columns:1fr 340px;gap:12px}
.row.accept{border-left:4px solid var(--ok)}.row.reject{border-left:4px solid var(--bad);opacity:.7}.row.cur{outline:2px solid var(--acc)}
.meta{font-size:12px;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap;margin-bottom:4px}
.tag{padding:0 6px;border-radius:10px;border:1px solid var(--rule);font-size:11px}
.tag.q{border-color:var(--acc);color:var(--acc)}.tag.c{border-color:var(--ok);color:var(--ok)}.tag.n{border-color:var(--bad);color:var(--bad)}
.utt{font-size:16px}
.chat{font:12.5px/1.4 ui-monospace,monospace;color:var(--muted);border-left:2px solid var(--rule);padding-left:8px;max-height:150px;overflow:auto}
.act{display:flex;gap:6px;margin-top:6px;align-items:center}
select{padding:3px}
.count{margin-left:auto;font-size:13px;color:var(--muted)}
kbd{border:1px solid var(--rule);border-radius:3px;padding:0 4px;font-size:11px}
</style></head>
<body><header><h1>Utterance review</h1><span class="f">Filters default to questions and chat-addressed lines; untick them to see everything. Export each channel's decisions to lake/review/ and run <code>python -m data.review apply</code>.</span></header>
<main><ul></ul></main></body></html>