show reasoning in frontend

2026-09-21 19:50:16 +02:00
parent 8c13f50bd1
commit ceb3c752ff
12 changed files with 104 additions and 40 deletions
@@ -1,5 +1,25 @@
 /* Elsewhere design system. */

+.msg-reasoning {
+    margin: 0 0 12px;
+    padding: 10px 14px;
+    border: 1px solid var(--border);
+    border-radius: var(--radius-sm);
+    background: var(--surface-soft);
+    color: var(--text-soft);
+    font-size: .875rem;
+}
+.msg-reasoning summary { cursor: pointer; font-weight: 600; }
+.msg-reasoning summary:focus-visible { outline: 2px solid var(--brand); outline-offset: 4px; }
+.msg-reasoning-content {
+    margin-top: 10px;
+    max-height: 320px;
+    overflow: auto;
+    white-space: pre-wrap;
+    overflow-wrap: anywhere;
+    line-height: 1.6;
+}
+
 /* ---------- Foundation ---------- */
 :root {
    color-scheme: light;