LotusGuild/devdesk
2
0
Fork 0
Code Issues 6 Pull Requests Actions Packages Projects Releases 28 Wiki Activity

feat: inbox bell for waiting sessions, alerts and missed events
build-deb / Lint, test, package (push) Successful in 3m7s
Details
build-deb / Deploy to CT 126 (push) Successful in 2s
Details
build-deb / Notify on failure (push) Skipped
Details

Browse Source 
Closes #36

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
jared
2026-10-08 00:51:01 -04:00
co-authored by Claude Opus 5.5
parent 6e109aec36
commit 390ce61f5b
6 changed files with 283 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/styles.css
+35 -15
View File
@@ -100,20 +100,7 @@ body.dd-app::after {
color: var(--accent-orange);
border-color: var(--accent-orange-border);
}
.dd-badge {
margin-left: 6px;
min-width: 16px;
padding: 0 4px;
border-radius: 8px;
background: var(--accent-amber);
color: var(--bg-primary);
font-size: 0.62rem;
font-weight: 700;
line-height: 16px;
text-align: center;
}
.dd-badge.is-urgent { background: var(--accent-red); box-shadow: 0 0 8px var(--accent-red); }
.dd-badge[hidden] { display: none; }
/* ---- menus (session switcher, ⋯) ----------------------------------------------- */
.dd-session,
@@ -582,7 +569,6 @@ html[data-theme="light"] .dd-upload-status { box-shadow: 0 4px 16px rgba(50, 80,
html[data-theme="light"] .dd-session-item.is-waiting,
html[data-theme="light"] .dd-session-chip[data-state="waiting"],
html[data-theme="light"] .dd-upload-status.is-error { border-color: rgba(181, 0, 31, 0.35); }
html[data-theme="light"] .dd-badge { color: #ffffff; }
html[data-theme="light"] .dd-session-chip[data-state="working"] .dd-state-dot,
html[data-theme="light"] .dd-session-chip[data-state="waiting"] .dd-state-dot { box-shadow: none; }
@media (max-width: 1099px) {
@@ -679,3 +665,37 @@ html[data-theme="light"] .lt-cmd-item.is-selected { background: var(--accent-cya
/* One highlight only: the row under a resting pointer isn't "selected" until the
pointer moves (mousemove updates the selection). */
.lt-cmd-item:hover:not(.is-selected) { background: none; color: inherit; }
/* ---- inbox (bell) ---------------------------------------------------------------- */
.dd-inbox .lt-notif-bell-btn { font-size: 0.9rem; line-height: 1; padding-inline: 8px; }
.dd-inbox .lt-notif-badge { top: -5px; right: -5px; }
.dd-inbox .lt-notif-badge.is-calm { background: var(--accent-amber); animation: none; }
.dd-inbox-panel { width: min(360px, calc(100vw - 16px)); z-index: 40; }
.dd-inbox-panel .lt-notif-panel-list { max-height: min(460px, calc(100vh - 140px)); }
.dd-notif-section {
padding: 6px 0.75rem 4px;
font-size: 0.62rem;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--accent-orange);
border-bottom: 1px solid var(--border-dim);
background: var(--bg-primary);
}
.dd-notif-red { background: var(--accent-red); box-shadow: 0 0 6px var(--accent-red); }
.dd-notif-amber { background: var(--accent-amber); box-shadow: 0 0 6px var(--accent-amber); }
.dd-notif-green { background: var(--accent-green); box-shadow: 0 0 6px var(--accent-green); }
.dd-notif-cyan { background: var(--accent-cyan); }
.dd-notif-read { background: var(--border-color); box-shadow: none; }
html[data-theme="light"] .lt-notif-dot { box-shadow: none; }
.dd-notif-empty,
.dd-notif-more { padding: 0.75rem; color: var(--text-muted); font-size: 0.72rem; line-height: 1.5; }
.dd-panels-icon { display: none; }
@media (max-width: 719px) {
/* Phone header: theme lives in the ⋯ menu; Panels becomes an icon. */
.dd-header .lt-theme-btn { display: none; }
.dd-inbox .lt-notif-badge { top: 1px; right: 1px; }
.dd-panels-label { display: none; }
.dd-panels-icon { display: inline; font-size: 1rem; }
.dd-inbox-panel { position: fixed; top: calc(var(--header-height) + 4px); right: 8px; left: 8px; width: auto; }
}