feat(ui): live parse preview pills + description in list rows

Capture bar shows inline pills as you type — glyph, title, desc,
tags, time, pin, card type. Textarea auto-grows on Shift+Enter.
Preview clears on save. Entity list rows now show description.
This commit is contained in:
2026-05-16 12:01:05 -04:00
parent 97ad71d66b
commit a8ea8f099f
2 changed files with 81 additions and 2 deletions
+40
View File
@@ -372,6 +372,17 @@ main {
text-overflow: ellipsis;
}
.entity-desc {
font-family: var(--mono);
font-size: 10px;
color: var(--dim);
font-style: italic;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-left: 8px;
}
.entity-preview {
font-family: var(--mono);
font-size: 11px;
@@ -617,6 +628,35 @@ main {
transition: border-top-color var(--t-base);
}
/* ── Capture preview ── */
.cap-preview {
display: none;
flex-wrap: wrap;
gap: 5px;
padding: 8px 18px 0;
}
.cap-preview.visible { display: flex; }
.cap-pill {
font-family: var(--mono);
font-size: 10px;
padding: 2px 7px;
border-radius: var(--r2);
border: 1px solid var(--border);
color: var(--muted);
background: var(--bg);
letter-spacing: .02em;
}
.cap-pill-glyph { color: var(--accent); border-color: rgba(200,148,42,.25); }
.cap-pill-title { color: var(--text); }
.cap-pill-desc { color: var(--muted); font-style: italic; }
.cap-pill-tag { color: var(--lineage); border-color: rgba(98,134,100,.3); }
.cap-pill-time { color: var(--event); border-color: rgba(104,152,200,.3); }
.cap-pill-pin { color: var(--remind); border-color: rgba(200,120,74,.3); }
.cap-pill-card { color: var(--accent); border-color: rgba(200,148,42,.25); }
.cap-pill-query { color: var(--event); border-color: rgba(104,152,200,.3); }
#capture-bar:focus-within { border-top-color: rgba(200,148,42,.35); }
.cap-row {