@leftoff/cli 0.8.8 → 0.9.0

package/mod/.claude-plugin/plugin.json

@@ -1,6 +1,6 @@
 {
   "name": "leftoff",
-  "version": "0.8.8",
+  "version": "0.9.0",
   "description": "Leftoff (formerly Checkpoints): WTF was I working on? Tracks every Claude Code session on this machine, writes a 3-line checkpoint when one goes quiet, and adds /cp (checkpoint now), /cp-name and a /leftoff pane. Talks to the local Leftoff daemon on 127.0.0.1:7429 and falls back to writing markdown in ~/checkpoints.",
   "author": {
     "name": "Joel"

package/mod/hooks/core.js

@@ -537,7 +537,7 @@ const SESSION_ORDER = ['id', 'title', 'title_source', 'machine', 'cwd', 'repo',
 export const SESSION_EXTRA = ['inTurn', 'needsInput', 'backgroundTasks', 'turnsSinceCheckpoint', 'dormantStretch',
   'finalCheckpointDone', 'firstPrompt', 'lastPreview', 'lastNotification', 'lastEventAt', 'statusChanges', 'folder',
   'pid', 'tty', 'pidStartedAt', 'pidSource', 'term', 'closedAt', 'answers', 'lastNotificationMessage', 'needsInputAt', 'question', 'questionAt',
-  'startSource', 'historyTurns', 'healedAt', 'healedVia', 'archivedReason', 'backend', 'prLinks', 'prUnlinked', 'todos', 'files', 'startRepo', 'editedRepos', 'parked', 'nonInteractive']
+  'startSource', 'historyTurns', 'healedAt', 'healedVia', 'archivedReason', 'backend', 'prLinks', 'prUnlinked', 'todos', 'files', 'startRepo', 'editedRepos', 'parked', 'nonInteractive', 'transcriptCwd', 'doubtedCheckpoints']
 
 export const SESSION_FIELDS = ['id', 'title', 'titleSource', 'machine', 'cwd', 'repo', 'transcriptPath', 'model', 'surface', 'capture',
   'status', 'startedAt', 'lastActivityAt', 'lastHeartbeatAt', 'endedAt', 'endReason', 'turns', 'lastCheckpointId',
@@ -1222,6 +1222,7 @@ const CHECKPOINT_BASE = [
   'Stopped at: <the exact state when it went quiet: what passed, what failed, what is half-done>',
   'Next: <the single next action a human or the agent should take>',
   'If the session is blocked on the human (a question, a permission, a decision), start Next with "YOU:".',
+  'Describe only what the transcript shows; the lines above it (repo, branch, title, previous checkpoint) are background and may be out of date.',
 ]
 const INFORMATIVE_SECTIONS = [
   'Then these sections, each a heading line followed by "- " bullets (write "- none" when there is nothing; never invent):',

package/mod/hooks/register.js

@@ -28,7 +28,7 @@ const END_TIMEOUT_MS = 1000
 const MODEL_TIMEOUT_MS = 20000
 
 // Module state. $.state is not used: the pane redraws with $.ui.invalidate.
-const MOD_VERSION = '0.8.8' // keep in step with .claude-plugin/plugin.json
+const MOD_VERSION = '0.9.0' // keep in step with .claude-plugin/plugin.json
 
 const st = {
   internal: false,
@@ -197,7 +197,7 @@ async function heartbeat($) {
 // release takes a name. -> st.commands: [{ key, want, name, ok, error }]
 const COMMANDS = [
   { key: 'checkpoint', names: ['cp', 'cp-save'], description: 'Leftoff: save a checkpoint of this session now (--short / --long for this one)', argumentHint: '[--short|--long] [note]', immediate: true },
-  { key: 'name', names: ['cp-name'], description: 'Leftoff: name this session (runs /rename, tells the board)', argumentHint: '<title>', immediate: false },
+  { key: 'name', names: ['cp-name'], description: 'Leftoff: name this session (runs /rename, tells the board); --auto names it from the latest messages', argumentHint: '<title> | --auto', immediate: false },
   { key: 'pane', names: ['leftoff'], description: 'Leftoff: every open session and its status (/leftoff open: the board)', argumentHint: '[open]', immediate: true },
   // The pane's pre-0.4.5 name, kept so the habit keeps working.
   { key: 'pane-old', names: ['checkpoints'], description: 'Leftoff (old name): same as /leftoff', argumentHint: '[open]', immediate: true },
@@ -684,8 +684,18 @@ function afterCheckpoint($, cp, trigger) {
 }
 
 async function nameSession($, args) {
-  const title = String(args || '').trim()
-  if (!title) { $.ui.toast('Usage: /' + st.nameCommand + ' <title>'); return {} }
+  let title = String(args || '').trim()
+  if (!title) { $.ui.toast('Usage: /' + st.nameCommand + ' <title>   (or --auto: a new title from the latest messages)'); return {} }
+  // 0.9.0: --auto (also auto, -a): the daemon writes a title from the most recent messages
+  if (/^(--auto|auto|-a)$/i.test(title)) {
+    const r = st.sessionId ? await api($, 'POST', '/v1/sessions/' + encodeURIComponent(st.sessionId) + '/title/auto', {}, 30000) : null
+    if (!(r && r.ok && r.json && r.json.title)) { $.ui.toast('Couldn’t make a title: ' + ((r && r.json && r.json.error && r.json.error.message) || 'the Leftoff daemon isn’t answering')); return {} }
+    title = r.json.title
+    if (tabTitleOn()) { if (!st.record) st.record = {}; st.record.title = title; await applyTabTitle($, title, { force: true }) }
+    else { try { await $.command.run({ command: 'rename', args: title }) } catch {} }
+    $.ui.toast('Named this session “' + clip(title, 60) + '” (from the latest messages)')
+    return {}
+  }
   if (tabTitleOn()) {
     if (!st.record) st.record = {}
     st.record.title = title

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leftoff/cli",
-  "version": "0.8.8",
+  "version": "0.9.0",
   "description": "Leftoff: WTF was I working on? Tracks every Claude Code session, writes a 3-line checkpoint when one goes quiet, and gives you a daily digest and a board, on your Mac and (optionally) your phone.",
   "keywords": [
     "claude",

package/ui/app.css

@@ -110,6 +110,14 @@ h2 .count { color: var(--faint); font-weight: 500; }
 .card .row1 { display: flex; align-items: flex-start; gap: 10px; }
 .card .title { font-size: 15px; font-weight: 600; line-height: 1.35; flex: 1; }
 .card .title a:hover { text-decoration: underline; text-decoration-color: var(--faint); }
+.s-title { display: flex; align-items: center; gap: 6px; min-width: 0; }
+.s-title h1 { min-width: 0; }
+.s-title-text { cursor: text; border-radius: 6px; outline-offset: 2px; }
+.s-title-text:hover { background: var(--subtle); box-shadow: 0 0 0 4px var(--subtle); }
+.s-title .rename-pen { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 8px; border: 1px solid transparent; background: none; color: var(--muted); cursor: pointer; }
+.s-title .rename-pen:hover, .s-title .rename-pen:focus-visible { color: var(--accent); border-color: var(--line); background: var(--bg2); }
+.s-title .rename-pen svg { width: 16px; height: 16px; }
+.s-title input { flex: 1 1 auto; width: min(560px, calc(100vw - 80px)); min-width: 0; font-family: inherit; font-weight: 700; font-size: 22px; line-height: 1.25; color: var(--text); background: var(--field); border: 1px solid var(--accent); border-radius: 8px; padding: 4px 8px; margin: 6px 0; }
 .card .title input { width: 100%; background: var(--bg); border: 1px solid var(--accent); border-radius: 6px; color: var(--text); padding: 3px 6px; font: inherit; }
 .mt { margin-top: 20px; }
 .icon { background: none; border: 0; color: var(--faint); cursor: pointer; padding: 0 4px; margin-left: 4px; font-size: 13px; opacity: 0; transition: opacity .15s; }
@@ -1432,6 +1440,17 @@ a.cpr:hover { border-color: var(--line-strong); }
 .prs-q { width: 100%; max-width: 480px; font-size: 16px; padding: 8px 12px; border-radius: 10px; border: 1px solid var(--line); background: var(--card); color: var(--text); }
 .prs-chips { margin-top: 8px; }
 .prs-chips .rchip.ck .rl::before { content: '◇ '; color: var(--faint); }
+/* 0.8.9: the buckets, each with its color dot (chips) and heading color (groups) */
+.prs-buckets .rchip .rl::before { content: ''; display: inline-block; width: 7px; height: 7px; border-radius: 50%; margin-right: 6px; vertical-align: 1px; background: var(--b, var(--gray)); }
+.prs-buckets .rchip { font-family: inherit; }
+.rchip.b-review, .prgroup.b-review { --b: var(--accent); }
+.rchip.b-fix, .prgroup.b-fix { --b: var(--red); }
+.rchip.b-ready, .prgroup.b-ready { --b: var(--green); }
+.rchip.b-waiting, .prgroup.b-waiting { --b: var(--yellow); }
+.rchip.b-merged, .prgroup.b-merged { --b: var(--machine); }
+.rchip.b-closed, .prgroup.b-closed { --b: var(--gray); }
+.prgroup[class*="b-"] > h2 { color: var(--b); }
+.prgroup[class*="b-"] > h2::before { content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 7px; vertical-align: 1px; background: var(--b); }
 .pr-why { color: var(--muted); }
 .prrow { cursor: pointer; }
 .prrow.open { border-color: var(--line-strong); }
@@ -1556,30 +1575,97 @@ ul.files-list li + li { border-top: 1px solid var(--line); }
 .doc-viewer { position: fixed; inset: 0; z-index: 60; background: rgba(0,0,0,.55); display: flex; align-items: stretch; justify-content: center; padding: max(16px, env(safe-area-inset-top)) 12px 12px; }
 .doc-viewer[hidden] { display: none; }
 html.dv-open, html.dv-open body { overflow: hidden; }
-.dv-sheet { width: 100%; max-width: 820px; background: var(--bg); border: 1px solid var(--line); border-radius: var(--radius); display: flex; flex-direction: column; overflow: hidden; }
-.dv-head { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-bottom: 1px solid var(--line); }
+.dv-sheet { width: min(1100px, 92vw); max-width: 100%; background: var(--bg); border: 1px solid var(--line); border-radius: var(--radius); display: flex; flex-direction: column; overflow: hidden; box-shadow: var(--toast-shadow); }
+.dv-head { display: flex; align-items: center; gap: 8px; padding: 10px 12px 10px 16px; border-bottom: 1px solid var(--line); }
 .dv-title { flex: 1; min-width: 0; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .dv-x { flex: none; width: 36px; height: 36px; border-radius: 10px; border: 1px solid var(--line); background: var(--bg2); color: var(--text); font-size: 20px; line-height: 1; cursor: pointer; }
-.dv-sub { padding: 6px 14px 0; font-size: 12px; }
-.dv-body { flex: 1; overflow: auto; padding: 8px 16px 24px; -webkit-overflow-scrolling: touch; }
-.doc-md { font-size: 15px; line-height: 1.55; color: var(--text2); overflow-wrap: anywhere; }
-.doc-md h2, .doc-md h3, .doc-md h4 { color: var(--text); margin: 18px 0 8px; }
-.doc-md h2, .doc-md h3, .doc-md h4 { text-transform: none; letter-spacing: normal; }
-.doc-md h2 { font-size: 20px; } .doc-md h3 { font-size: 17px; } .doc-md h4 { font-size: 15px; }
-.doc-md code { font-family: var(--mono); font-size: 13px; background: var(--bg2); border-radius: 5px; padding: 1px 5px; }
-.doc-md pre.doc-code, .doc-pre { background: var(--bg2); border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px; overflow: auto; font-family: var(--mono); font-size: 12.5px; line-height: 1.45; white-space: pre; }
-.doc-md pre.doc-code code { background: none; padding: 0; }
-.doc-md blockquote { margin: 10px 0; padding: 2px 12px; border-left: 3px solid var(--line-strong); color: var(--muted); }
+.dv-dl { flex: none; display: inline-flex; align-items: center; gap: 6px; }
+.dv-dl svg { width: 15px; height: 15px; }
+.dv-dl .chev { font-size: 10px; opacity: .7; margin-left: 1px; }
+.dv-dl.copied { color: var(--green); border-color: var(--green); }
+.dv-ptitle { display: none; }
+.dv-sub { padding: 6px 16px 0; font-size: 12px; }
+.dv-body { flex: 1; overflow: auto; padding: 10px 24px 32px; -webkit-overflow-scrolling: touch; }
+/* 0.8.9: a phone gets the whole screen (a sheet), not a card with margins */
+@media (max-width: 599.98px) {
+  .doc-viewer { padding: 0; }
+  .dv-sheet { width: 100%; border: 0; border-radius: 0; box-shadow: none; padding-top: env(safe-area-inset-top); }
+  .dv-head { padding: 8px 8px 8px 14px; }
+  .dv-body { padding: 8px 16px calc(28px + env(safe-area-inset-bottom)); }
+  .dv-sub { padding: 6px 14px 0; }
+  .dv-dl .dl-word { display: none; }
+}
+html.dv-open .lo-backdrop { z-index: 61; }
+html.dv-open .lo-menu { z-index: 62; }
+
+/* The rendered markdown (0.8.9: colors). Prose keeps a reading measure (~80
+   characters); tables and code blocks may use the whole width. */
+.doc-md { font-size: 15px; line-height: 1.6; color: var(--text2); overflow-wrap: anywhere; }
+.doc-md > p, .doc-md > ul, .doc-md > ol, .doc-md > blockquote, .doc-md > h2, .doc-md > h3, .doc-md > h4, .doc-md > h5, .doc-md > h6 { max-width: 80ch; }
+.doc-md p { margin: 0 0 12px; }
+.doc-md h2, .doc-md h3, .doc-md h4, .doc-md h5, .doc-md h6 { text-transform: none; letter-spacing: normal; line-height: 1.3; }
+.doc-md h2 { font-size: 24px; font-weight: 700; color: var(--text); margin: 22px 0 12px; padding-bottom: 8px; border-bottom: 2px solid color-mix(in srgb, var(--accent) 45%, var(--line)); }
+.doc-md h2:first-child { margin-top: 6px; }
+.doc-md h3 { font-size: 19px; font-weight: 650; color: var(--accent); margin: 22px 0 8px; }
+.doc-md h4 { font-size: 16px; font-weight: 650; color: var(--cyan); margin: 18px 0 6px; }
+.doc-md h5, .doc-md h6 { font-size: 13px; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: .05em; margin: 16px 0 6px; }
+.doc-md b, .doc-md strong { color: var(--text); font-weight: 650; }
+.doc-md em { font-style: italic; }
+.doc-md del { color: var(--muted); }
+.doc-md a { color: var(--accent); text-decoration: underline; text-decoration-color: color-mix(in srgb, var(--accent) 40%, transparent); text-underline-offset: 2px; }
+.doc-md a:hover { text-decoration-color: var(--accent); }
+.doc-md code { font-family: var(--mono); font-size: .87em; color: var(--you); background: var(--tint-red); border-radius: 5px; padding: 1px 5px; }
+.doc-md pre.doc-code, .doc-pre { background: var(--card2); border: 1px solid var(--line); border-left: 3px solid color-mix(in srgb, var(--accent) 55%, var(--line)); border-radius: 10px; padding: 12px 14px; margin: 0 0 14px; overflow: auto; font-family: var(--mono); font-size: 12.5px; line-height: 1.5; white-space: pre; color: var(--text); }
+.doc-md pre.doc-code code { background: none; padding: 0; color: inherit; font-size: inherit; }
+.doc-md .tk-c { color: var(--faint); font-style: italic; }
+.doc-md .tk-s { color: var(--green); }
+.doc-md .tk-n { color: var(--yellow); }
+.doc-md .tk-k { color: var(--accent); font-weight: 600; }
+.doc-md .tk-add { color: var(--green); background: var(--tint-green); display: inline-block; min-width: 100%; }
+.doc-md .tk-del { color: var(--red); background: var(--tint-red); display: inline-block; min-width: 100%; }
+.doc-md blockquote { margin: 12px 0; padding: 8px 14px; border-left: 3px solid var(--accent); background: var(--tint-accent); border-radius: 0 8px 8px 0; color: var(--text2); }
+.doc-md blockquote > :last-child { margin-bottom: 0; }
+.doc-md ul, .doc-md ol { margin: 0 0 12px; padding-left: 22px; }
+.doc-md li { margin: 3px 0; }
+.doc-md li::marker { color: var(--accent); }
+.doc-md ol > li::marker { font-weight: 600; }
 .doc-md li.sub { margin-left: 18px; }
 .doc-md li.task { list-style: none; margin-left: -18px; }
 .doc-page { max-width: 760px; padding-bottom: 32px; } /* 0.8.1: #/docs/<name> */
-.doc-md .tbox { display: inline-block; width: 13px; height: 13px; border: 1.5px solid var(--line-strong); border-radius: 3px; margin-right: 7px; vertical-align: -1px; }
+.doc-md .tbox { display: inline-flex; align-items: center; justify-content: center; width: 15px; height: 15px; border: 1.5px solid var(--line-strong); border-radius: 4px; margin-right: 8px; vertical-align: -2px; background: var(--field); }
 .doc-md .tbox.on { background: var(--green); border-color: var(--green); }
-.doc-table { overflow-x: auto; }
-.doc-md table { border-collapse: collapse; font-size: 13.5px; }
+.doc-md .tbox.on::after { content: ''; width: 4px; height: 8px; border: solid var(--on-accent); border-width: 0 2px 2px 0; transform: translateY(-1px) rotate(45deg); }
+.doc-md li.task:has(.tbox.on) { color: var(--muted); }
+.doc-md hr { border: 0; height: 2px; margin: 22px 0; background: linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 10%, transparent)); opacity: .55; }
+.doc-table { overflow-x: auto; margin: 0 0 14px; border: 1px solid var(--line); border-radius: 10px; }
+.doc-md table { border-collapse: collapse; font-size: 13.5px; width: max-content; min-width: 100%; }
 .doc-md table { overflow-wrap: normal; word-break: normal; }
 .doc-md th { white-space: nowrap; }
-.doc-md th, .doc-md td { border: 1px solid var(--line); padding: 5px 8px; text-align: left; }
+.doc-md th, .doc-md td { border-bottom: 1px solid var(--line); padding: 7px 12px; text-align: left; vertical-align: top; }
+.doc-md th + th, .doc-md td + td { border-left: 1px solid var(--line); }
+.doc-md thead th { background: var(--tint-accent); color: var(--text); font-weight: 650; border-bottom: 2px solid color-mix(in srgb, var(--accent) 40%, var(--line)); }
+.doc-md tbody tr:nth-child(even) td { background: var(--bg2); }
+.doc-md tbody tr:last-child td { border-bottom: 0; }
+
+/* 0.8.9: Download as PDF prints just the file (the browser's "Save as PDF"):
+   white paper, the light theme's colors, no modal around it. */
+@media print {
+  html.dv-printing body > *:not(#docViewer) { display: none !important; }
+  html.dv-printing, html.dv-printing body { overflow: visible !important; height: auto !important; background: #fff !important; }
+  html.dv-printing #docViewer { position: static !important; display: block !important; background: none !important; padding: 0 !important; }
+  html.dv-printing .dv-sheet { display: block; width: auto; max-width: none; border: 0; border-radius: 0; box-shadow: none; background: #fff; overflow: visible; }
+  html.dv-printing .dv-head, html.dv-printing .dv-sub, html.dv-printing .lo-menu, html.dv-printing .lo-backdrop { display: none !important; }
+  html.dv-printing .dv-ptitle { display: block; font: 600 12px/1.4 var(--mono); color: #687185; border-bottom: 1px solid #e1e5ed; padding-bottom: 6px; margin-bottom: 14px; }
+  html.dv-printing .dv-body { overflow: visible; padding: 0; }
+  html.dv-printing .doc-md { font-size: 11.5pt; }
+  html.dv-printing .doc-md > * { max-width: none; }
+  html.dv-printing .doc-md pre.doc-code, html.dv-printing .doc-pre { white-space: pre-wrap; overflow: visible; break-inside: avoid; }
+  html.dv-printing .doc-table { overflow: visible; }
+  html.dv-printing .doc-md table { width: 100%; }
+  html.dv-printing .doc-md tr, html.dv-printing .doc-md blockquote { break-inside: avoid; }
+  html.dv-printing .doc-md h2, html.dv-printing .doc-md h3, html.dv-printing .doc-md h4 { break-after: avoid; }
+  html.dv-printing * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
+}
 .doc-img { text-align: center; padding-top: 10px; }
 .doc-img img { max-width: 100%; height: auto; border-radius: 8px; background: #fff; }
 
@@ -1653,3 +1739,39 @@ html.dv-open, html.dv-open body { overflow: hidden; }
 .lo-menu.sheet.lo-actmenu { max-width: none; }
 .lo-menu.sheet .lo-act { padding: 14px 10px; font-size: 16px; }
 @media (pointer: coarse) { .btn.icon-btn { width: 36px; height: 34px; } }
+
+/* 0.9.0: projects. The chip next to the repo, the filter chips, the name form. */
+.chip.proj { display: inline-flex; align-items: center; gap: 4px; color: var(--text2); font-weight: 600; border-color: color-mix(in srgb, var(--accent) 45%, transparent); background: color-mix(in srgb, var(--accent) 9%, transparent); max-width: 12em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; font-family: inherit; }
+.chip.proj:hover { color: var(--text); border-color: var(--accent); }
+.chip.proj .pe, .rchip .pe { font-size: 1.05em; line-height: 1; }
+.chip.proj-add { cursor: pointer; font-family: inherit; color: var(--muted); border-style: dashed; background: none; }
+.chip.proj-add:hover { color: var(--text); border-color: var(--line-strong); }
+.repos.projects .rchip, .rchip.pchip { font-family: inherit; font-weight: 600; }
+.repos.projects .rchip .rl { display: inline-flex; align-items: center; gap: 5px; }
+.repos.projects .proj-more { flex: none; width: 30px; height: 30px; padding: 0; border-radius: 999px; }
+.lo-namesheet { padding: 10px; min-width: 260px; }
+.lo-namesheet .lo-sheet-head { padding: 2px 4px 8px; }
+.lo-nameform { display: flex; gap: 8px; align-items: center; }
+.lo-nameform .lo-name { flex: 1; min-width: 0; font: inherit; font-size: 14px; padding: 8px 10px; border: 1px solid var(--line-strong); border-radius: 8px; background: var(--card); color: var(--text); }
+.lo-nameform .lo-name:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px var(--tint-accent); }
+.lo-name-err { color: var(--red, #d64545); font-size: 12.5px; padding: 6px 2px 0; }
+.lo-act.on { color: var(--text); font-weight: 600; }
+.lo-act.danger { color: var(--red, #d64545); }
+@media (pointer: coarse), (max-width: 600px) { .lo-nameform .lo-name { font-size: 16px; } }
+
+/* 0.9.0: checkpoints written with another session's branch, folded away */
+.tl-doubt { margin: 10px 0 0; color: var(--muted); font-size: 13px; }
+.tl-doubt > summary { cursor: pointer; padding: 6px 0; }
+.tl-doubt .timeline { opacity: .6; margin-top: 6px; }
+
+/* 0.9.0: Merged and Closed fold to one row each */
+.prgroup.done > summary { list-style: none; cursor: pointer; border: 1px solid var(--line); border-radius: 10px; padding: 0 12px; min-height: 44px; display: flex; align-items: center; }
+.prgroup.done > summary::-webkit-details-marker { display: none; }
+.prgroup.done > summary h2 { margin: 0; flex: 1; display: flex; align-items: center; gap: 6px; color: var(--b); }
+.prgroup.done > summary h2::before { content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 1px; background: var(--b); }
+.prgroup.done > summary .chev { margin-left: auto; color: var(--muted); font-size: 18px; transition: transform .15s; }
+.prgroup.done[open] > summary { margin-bottom: 8px; }
+.prgroup.done[open] > summary .chev { transform: rotate(90deg); }
+.pr-more-sess > summary { list-style: none; cursor: pointer; display: inline; }
+.pr-more-sess > summary::-webkit-details-marker { display: none; }
+.pr-more-sess[open] > summary { display: none; }