bvandeusen/FabledScribe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 50 Wiki Activity

Add note context visibility in chat and standardize UI design tokens

Browse Source 
Improve chat context: build_context() now returns metadata about auto-found
notes, emitted as an SSE event so the frontend can display context pills
showing which notes influenced the response. Users can promote notes for
deeper context (+) or exclude irrelevant ones (x). A note picker lets users
manually attach notes. Multi-word search uses per-term AND matching, and
auto-search iterates keywords individually for broader OR-style coverage.

Standardize styling: introduce CSS design tokens (--radius-sm/md/lg/pill,
--color-success/warning/overlay, --focus-ring) and migrate all components
to use them. Fix header alignment to full-width, add active nav link state,
replace hardcoded colors with CSS variables, and normalize button padding.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Bryan Van Deusen
2026-02-11 06:49:12 -05:00
parent 39bcd7a8fa
commit fb18d2c41d
26 changed files with 1070 additions and 237 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/NotesListView.vue
+6 -6
View File
@@ -147,10 +147,10 @@ function onOffsetUpdate(offset: number) {
margin: 0;
}
.btn-new {
padding: 0.5rem 1rem;
padding: 0.45rem 1rem;
background: var(--color-primary);
color: #fff;
border-radius: 4px;
border-radius: var(--radius-sm);
text-decoration: none;
font-size: 0.9rem;
}
@@ -167,7 +167,7 @@ function onOffsetUpdate(offset: number) {
.sort-select {
padding: 0.3rem 0.5rem;
border: 1px solid var(--color-input-border);
border-radius: 4px;
border-radius: var(--radius-sm);
background: var(--color-bg-card);
color: var(--color-text);
font-size: 0.85rem;
@@ -175,7 +175,7 @@ function onOffsetUpdate(offset: number) {
.sort-order {
padding: 0.3rem 0.5rem;
border: 1px solid var(--color-input-border);
border-radius: 4px;
border-radius: var(--radius-sm);
background: var(--color-bg-card);
color: var(--color-text);
cursor: pointer;
@@ -223,10 +223,10 @@ function onOffsetUpdate(offset: number) {
}
.btn-cta {
display: inline-block;
padding: 0.5rem 1.25rem;
padding: 0.45rem 1rem;
background: var(--color-primary);
color: #fff;
border-radius: 4px;
border-radius: var(--radius-sm);
text-decoration: none;
font-size: 0.9rem;
}