diff --git a/web/src/styles.css b/web/src/styles.css index b5cd263..a0611db 100644 --- a/web/src/styles.css +++ b/web/src/styles.css @@ -1210,12 +1210,16 @@ textarea { } /* Exited sessions recede: dimmed name + an "exited" badge carry status, so it's - never the running tint's absence alone doing the work. */ -.tree-leaf[data-status="dead"] { + never the running tint's absence alone doing the work. A dormant session + (#168, docs/SIDEBAR.md) reads the same muted way — it is known, not gone, + but there is nothing running behind it either. */ +.tree-leaf[data-status="dead"], +.tree-leaf.is-dormant { color: var(--muted); } -.tree-leaf[data-status="dead"] .leaf-name { +.tree-leaf[data-status="dead"] .leaf-name, +.tree-leaf.is-dormant .leaf-name { color: var(--muted); font-weight: 400; } @@ -1754,7 +1758,8 @@ input.leaf-rename:focus { } } -.leaf-clone:hover { +.leaf-clone:hover, +.leaf-resume:hover { color: var(--accent); background: var(--accent-tint); border-color: color-mix(in oklab, var(--accent) 40%, transparent); @@ -3265,6 +3270,42 @@ input.leaf-rename:focus { font-size: var(--fs-13); } +/* #168: what a pane shows for a dormant session — its metadata and a resume + action, in place of the live terminal there is nothing to attach to. */ +.mv-pane-dormant { + flex: 1; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + gap: var(--sp-2); + padding: var(--sp-4); + text-align: center; + color: var(--muted); +} +.mv-dormant-glyph { + font-size: 28px; + color: var(--faint); +} +.mv-dormant-name { + font-size: var(--fs-15); + font-weight: 500; + color: var(--ink); +} +.mv-dormant-cwd { + font-size: var(--fs-12); + max-width: 100%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.mv-dormant-detail { + font-size: var(--fs-12); +} +.mv-dormant-resume { + margin-top: var(--sp-2); +} + /* pane tools cluster (disconnect / split / close), top-right corner. The attach header's own disconnect button is hidden — ⏻ lives here as the leftmost tool. */ .mv-pane-tools {