@leftoff/cli 0.9.8-beta.16 → 0.9.8-beta.17

package/CHANGELOG.md

@@ -4,7 +4,8 @@ What changed in Leftoff (called Checkpoints until 0.4.5), newest first. The boar
 
 ## Unreleased
 
-- Session page: a non-Live session's Live box shows the Live resume command with Copy; the Lists ? opens “How lists work” right there.
+- Session page: a non-Live session's Live box shows the Live resume command with a copy icon in it; the Lists ? opens “How lists work” right there.
+- Session page: tap a PR for its details in place (as on the PRs page); GitHub ↗ sits beside it.
 
 - Session page: Copy Live resume, for a session that wasn't Live (exit it, run the command, it comes back Live).
 

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

@@ -1,6 +1,6 @@
 {
   "name": "leftoff",
-  "version": "0.9.8-beta.16",
+  "version": "0.9.8-beta.17",
   "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/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.9.8-beta.16' // keep in step with .claude-plugin/plugin.json
+const MOD_VERSION = '0.9.8-beta.17' // keep in step with .claude-plugin/plugin.json
 
 const st = {
   internal: false,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leftoff/cli",
-  "version": "0.9.8-beta.16",
+  "version": "0.9.8-beta.17",
   "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

@@ -2612,6 +2612,7 @@ html.pv-open, html.pv-open body { overflow: hidden; }
 @media (prefers-reduced-motion: reduce) { .updatebar { transition: none; } }
 
 /* 0.9.8: a non-Live session's Live box offers the Live resume command */
-.live-box.off .live-resume-row { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-top: 6px; }
-.live-box.off .live-resume-row code { flex: 1 1 220px; min-width: 0; overflow-wrap: anywhere; font-size: 12.5px; padding: 8px 10px; border-radius: 8px; background: var(--card2); border: 1px solid var(--line); }
-.live-box.off .live-resume-row .btn { min-height: 44px; gap: 7px; }
+.live-box.off .live-resume-row { position: relative; margin-top: 6px; }
+.live-box.off .live-resume-row code { display: block; min-width: 0; overflow-wrap: anywhere; font-size: 12.5px; line-height: 1.5; padding: 12px 52px 12px 12px; min-height: 44px; box-sizing: border-box; border-radius: 8px; background: var(--card2); border: 1px solid var(--line); }
+.live-box.off .live-resume-row .copy-float { position: absolute; top: 0; right: 0; width: 44px; height: 44px; display: grid; place-items: center; border: 0; background: transparent; color: var(--muted); border-radius: 8px; cursor: pointer; }
+.live-box.off .live-resume-row .copy-float:hover, .live-box.off .live-resume-row .copy-float:focus-visible { color: var(--text); background: var(--card); }

package/ui/app.js

@@ -1411,7 +1411,7 @@ function sessionPageHtml(s, { spv = null, live: liveV = null, lists = null } = {
   if (isLive(s)) html += (s.needsYou ? sessionNeedsStrip(s) : '') + liveBoxHtml(s, liveV)
   html += parkRow(s)
   html += spacePicker(s, spv, 'session', s.id)
-  html += '<section class="sprs" id="prs">' + sessionPrsSection(s, { mayEdit: !s.agent }) + '</section>'
+  html += '<section class="sprs" id="prs">' + sessionPrsSection(s, { mayEdit: !s.agent, open: prsUi.open, details: prsUi.details }) + '</section>'
   // 0.7.0: steps handed back to you, and the docs, plans and artifacts it made
   html += '<section class="stodos" id="todos">' + sessionTodosSection(s, { agoFn: ago, mayEdit: state.mayAnswer !== false }) + '</section>'
   html += '<section class="sfiles" id="files">' + sessionFilesSection(s, { agoFn: ago }) + '</section>'
@@ -1485,7 +1485,7 @@ function liveBoxHtml(s, v) {
     return '<section class="live-box off" aria-label="Live link"><div class="live-head"><h2>Live <span class="pill soon">Beta</span></h2></div>' +
       '<p class="faint">To send this session messages from here or your phone, and answer its permission prompts, start it with <code>leftoff live</code>' +
       (how && how.line ? ' (or <code>' + esc(how.line) + '</code>)' : '') + '. Claude Code asks once to load the channel; channels are a research preview.</p>' +
-      (s.liveResumeCommand ? '<p class="faint">Already running? Exit it in its terminal, then paste this to bring it back Live:</p><div class="live-resume-row"><code class="mono">' + esc(s.liveResumeCommand) + '</code><button type="button" class="btn" data-action="copy-cmd" data-cmd="' + esc(s.liveResumeCommand) + '">' + icon('copy') + 'Copy Live resume</button></div>' : '') + '</section>'
+      (s.liveResumeCommand ? '<p class="faint">Already running? Exit it in its terminal, then paste this to bring it back Live:</p><div class="live-resume-row"><code class="mono">' + esc(s.liveResumeCommand) + '</code><button type="button" class="copy-float" data-action="copy-cmd" data-cmd="' + esc(s.liveResumeCommand) + '" aria-label="Copy Live resume" title="Copy">' + icon('copy') + '</button></div>' : '') + '</section>'
   }
   const msgs = (v && v.messages) || []
   const may = state.mayAnswer !== false
@@ -2196,6 +2196,11 @@ async function togglePr(url, { retry = false } = {}) {
   const was = prsUi.open.has(url)
   if (was && !retry) prsUi.open.delete(url); else prsUi.open.add(url)
   const repaint = () => {
+    if (state.route && state.route.name === 's') { // 0.9.8: the session page's PRs open in place too
+      const s = state.sessions.find((x) => x.id === state.route.arg), sec = document.getElementById('prs')
+      if (s && sec) sec.innerHTML = sessionPrsSection(s, { mayEdit: !s.agent, open: prsUi.open, details: prsUi.details })
+      return
+    }
     const d = prsUi.data[prsUi.view]
     const r = prRows(d).find((x) => x.pr.url === url)
     const el = [...document.querySelectorAll('article.prrow[data-pr]')].find((a) => a.dataset.pr === url)
@@ -2209,7 +2214,7 @@ async function togglePr(url, { retry = false } = {}) {
   try { res = await api('GET', '/v1/prs/detail?url=' + encodeURIComponent(url) + (retry ? '&fresh=1' : ''), undefined, { timeoutMs: 30000 }) }
   catch (e) { if (e.code === 'login_required') throw e; res = { ok: false, code: 'failed' } }
   prsUi.details[url] = { ...res, at: Date.now() }
-  if (state.route && state.route.name === 'prs') repaint()
+  if (state.route && (state.route.name === 'prs' || state.route.name === 's')) repaint()
 }
 function setPrsFilter(f) {
   const h = prsHash(prsUi.view, f)

package/ui/prs.js

@@ -47,17 +47,22 @@ export function cardPrsHtml(prs) {
 }
 
 // The session page: its PRs with Unlink, and "Link a PR" (a text box: a URL or #number).
-export function sessionPrsSection(s, { mayEdit = true } = {}) {
+export function sessionPrsSection(s, { mayEdit = true, open = null, details = {} } = {}) {
   const list = (s.prs || []).filter((p) => p && p.number)
   let h = '<h2>Pull requests' + (list.length ? ' <span class="count">' + list.length + '</span>' : '') + '</h2>'
   if (list.length) {
     h += '<div class="prlist">' + list.map((p) => {
       const url = safeUrl(p.url)
-      return '<div class="prrow slim"><div class="pr-main">' +
+      // 0.9.8: tap the title (or Details) for the same details as the PRs page, in place; GitHub ↗ still goes out
+      const isOpen = !!(open && open.has && open.has(p.url))
+      return '<article class="prrow slim' + (isOpen ? ' open' : '') + '" data-pr="' + esc(p.url) + '"><div class="pr-main">' +
         '<div class="pr-line1"><span class="pr-num">#' + esc(p.number) + '</span>' + stateHtml(p.state) + checksHtml(p.checks) + '</div>' +
-        '<div class="pr-title">' + (url ? '<a href="' + esc(url) + '" target="_blank" rel="noopener noreferrer">' + esc(p.title || 'Pull request #' + p.number) + ' ↗</a>' : esc(p.title || '')) + '</div>' +
-        '<div class="pr-meta">' + esc(p.repo || '') + (whyText(p) ? ' · <span class="pr-why">' + esc(whyText(p)) + '</span>' : '') + '</div></div>' +
-        (mayEdit ? '<button type="button" class="btn sm" data-action="pr-unlink" data-id="' + esc(s.id) + '" data-url="' + esc(p.url) + '">Unlink</button>' : '') + '</div>'
+        '<div class="pr-title"><button type="button" class="linkish pr-title-btn" data-action="pr-expand" data-url="' + esc(p.url) + '" aria-expanded="' + isOpen + '">' + esc(p.title || 'Pull request #' + p.number) + '</button></div>' +
+        '<div class="pr-meta">' + esc(p.repo || '') + (whyText(p) ? ' · <span class="pr-why">' + esc(whyText(p)) + '</span>' : '') + '</div>' +
+        (isOpen ? prDetailHtml(p, details && details[p.url], {}) : '') + '</div>' +
+        '<div class="pr-actions"><button type="button" class="btn sm pr-toggle" data-action="pr-expand" data-url="' + esc(p.url) + '" aria-expanded="' + isOpen + '">' + (isOpen ? 'Less ▴' : 'Details ▾') + '</button>' +
+        (url ? '<a class="btn sm" href="' + esc(url) + '" target="_blank" rel="noopener noreferrer">GitHub ↗</a>' : '') +
+        (mayEdit ? '<button type="button" class="btn sm" data-action="pr-unlink" data-id="' + esc(s.id) + '" data-url="' + esc(p.url) + '">Unlink</button>' : '') + '</div></article>'
     }).join('') + '</div>'
   } else h += '<div class="nocp">No pull requests linked yet. They link on their own from gh pr create, PR links in the chat, or the branch.</div>'
   if (mayEdit) h += '<form class="prlink addform sess-add" data-pr-link="' + esc(s.id) + '" autocomplete="off"><input name="ref" type="text" inputmode="url" placeholder="Link a PR: paste its link or #number" aria-label="Link a PR: paste its link or #number" autocapitalize="off" spellcheck="false" enterkeyhint="done"><button type="submit" class="btn sm">Link</button></form>'