@leftoff/cli 0.8.5 → 0.8.7

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

@@ -1,6 +1,6 @@
 {
   "name": "leftoff",
-  "version": "0.8.5",
+  "version": "0.8.7",
   "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

@@ -55,7 +55,19 @@ export function mergeConfig(base, over) {
   return out
 }
 
+// A time-ordered UUIDv7 (Codex rollouts, some Claude Code ids) starts with
+// the clock: every session in the same few hours shared "01a133" (0.8.6).
+// Those take their short forms from the random tail instead; UUIDv4 ids keep
+// the head, so existing tab markers and folders still match.
+const UUID_V7 = /^[0-9a-f]{8}-[0-9a-f]{4}-7[0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i
+export function isTimeOrderedId(id) { return UUID_V7.test(String(id || '')) }
 export function id8(id) {
+  const s = String(id || '')
+  if (isTimeOrderedId(s)) return s.replace(/-/g, '').slice(-8).toLowerCase()
+  return s.replace(/[^A-Za-z0-9]/g, '').slice(0, 8).toLowerCase() || 'unknown0'
+}
+// What id8 was before 0.8.6 (folders made then are still found by it).
+export function legacyId8(id) {
   return String(id || '').replace(/[^A-Za-z0-9]/g, '').slice(0, 8).toLowerCase() || 'unknown0'
 }
 
@@ -509,7 +521,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']
+  'startSource', 'historyTurns', 'healedAt', 'healedVia', 'archivedReason', 'backend', 'prLinks', 'prUnlinked', 'todos', 'files', 'startRepo', 'editedRepos', 'parked', 'nonInteractive']
 
 export const SESSION_FIELDS = ['id', 'title', 'titleSource', 'machine', 'cwd', 'repo', 'transcriptPath', 'model', 'surface', 'capture',
   'status', 'startedAt', 'lastActivityAt', 'lastHeartbeatAt', 'endedAt', 'endReason', 'turns', 'lastCheckpointId',
@@ -572,7 +584,7 @@ export function parseSessionMd(text) {
 // sets the *session's* name with Claude Code's own /rename and lets Claude Code
 // draw it; a raw OSC 2 write would be painted over within a second.
 
-export function shortId(id) { return id8(id).slice(0, 6) }
+export function shortId(id) { const k = id8(id); return isTimeOrderedId(id) ? k.slice(-6) : k.slice(0, 6) }
 export function tabMarker(id) { return 'cp:' + shortId(id) }
 
 const MARKER_RE = /\s*(?:·|-|\|)?\s*cp:([a-z0-9]{6})\s*$/i
@@ -792,6 +804,9 @@ export function applyEvent(s, ev) {
   if (d.repo && typeof d.repo === 'object') s.repo = { ...(s.repo || {}), ...stripNulls(d.repo) }
   // A title carrying our own tab marker came from the mod's /rename: it is the
   // tab label, not a name the user chose, so it never overwrites the title.
+  // 0.8.6: Claude Code's own generated title (the status line hears it as
+  // session_name). It names the session unless you named it yourself.
+  if (typeof d.generatedTitle === 'string' && d.generatedTitle.trim() && !parseTabTitle(d.generatedTitle).id && !isOwnTabTitle(d.generatedTitle, s) && !['custom', 'manual'].includes(s.titleSource) && d.generatedTitle.trim() !== s.title) { s.title = clip(d.generatedTitle.trim(), 120); s.titleSource = 'claude' }
   if (d.sessionTitle && !parseTabTitle(d.sessionTitle).id && d.sessionTitle !== s.title && !isOwnTabTitle(d.sessionTitle, s)) { s.title = d.sessionTitle; s.titleSource = 'custom' }
   if (d.proc && typeof d.proc === 'object' && Number(d.proc.pid) > 1) {
     s.pid = Number(d.proc.pid)
@@ -823,6 +838,7 @@ export function applyEvent(s, ev) {
       if (s.capture === 'mod') s.lastHeartbeatAt = at
       break
     case 'activity':
+      if (d.kind === 'name') break // 0.8.6: a title heard by the status line is not activity
       activity()
       if (d.kind === 'tool' && d.phase === 'post' && s.needsInput && (s.lastNotification === 'permission_prompt' || s.capture === 'codex')) { s.needsInput = false; if (s.capture === 'codex') s.lastNotification = null }
       if (d.kind === 'prompt') {
@@ -1559,3 +1575,28 @@ export function parseDoneArgs(args) {
   if (nums.length && nums.every((x) => /^#?\d+$/.test(x))) return { numbers: nums.map((x) => Number(x.replace('#', ''))), text: null, list: inList ? inList[1] : null, undo }
   return { numbers: [], text: main.trim() || null, list: inList ? inList[1] : null, undo }
 }
+
+// 0.8.6: /cp prints where this session's card opens (GET /v1/sessions/<id>/links).
+export function boardLinkLines(l) {
+  if (!l || !l.local) return []
+  const out = ['Board: ' + l.local]
+  if (l.relay) out.push('Phone: ' + l.relay)
+  for (const u of l.tailnet || []) out.push('Tailnet: ' + u)
+  return out
+}
+
+// 0.8.6: runs nobody sits in front of: `claude -p` / the Agent SDK
+// (CLAUDE_CODE_ENTRYPOINT sdk-*, or a mod session with no surface) and
+// `codex exec`. They aren't your work sessions, so the board leaves them out.
+export function isNonInteractive({ surface = null, entrypoint = null } = {}) {
+  const e = String(entrypoint || '').toLowerCase()
+  if (/^sdk/.test(e) || e === 'print' || e === 'headless') return true
+  return surface === 'headless' || surface === 'codex-exec'
+}
+
+// Our own summarizer's and titler's prompts (buildCheckpointPrompt, TITLE
+// prompt): a session that starts with one is Leftoff talking to a model.
+export function isOwnSummarizerPrompt(p) {
+  const t = String(p || '')
+  return /^First prompt:\n/.test(t) || /^Repo: .* · cwd .*\nTitle: .*\nPrevious checkpoint: /.test(t)
+}

package/mod/hooks/register.js

@@ -19,6 +19,7 @@ import {
   shortId, formatTabTitle, parseTabTitle, detectTerminal, parseProcLine, trailingQuestion,
   parseCheckpointArgs, SUMMARY_LENGTHS, parseBulletList, parseCatchupArgs,
   listHintFrom, extractChecklists, parseTodoArgs, parseDoneArgs, detectBackend, parseParkArgs,
+  boardLinkLines, isNonInteractive,
 } from './core.js'
 
 const PANE_ID = 'checkpoints'
@@ -27,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.5' // keep in step with .claude-plugin/plugin.json
+const MOD_VERSION = '0.8.7' // keep in step with .claude-plugin/plugin.json
 
 const st = {
   internal: false,
@@ -137,7 +138,9 @@ async function sayHelloAgain($) {
 
 async function isInternal($) {
   // Leftoff's own claude runs (the summarizer's claude -p, claude plugin …) carry this.
-  return !!((await $.env.get('LEFTOFF_INTERNAL')) || (await $.env.get('CHECKPOINTS_INTERNAL')))
+  if ((await $.env.get('LEFTOFF_INTERNAL')) || (await $.env.get('CHECKPOINTS_INTERNAL'))) return true
+  // 0.8.6: `claude -p` / the Agent SDK (CLAUDE_CODE_ENTRYPOINT sdk-*): not a work session.
+  try { return isNonInteractive({ entrypoint: await $.env.get('CLAUDE_CODE_ENTRYPOINT') }) } catch { return false }
 }
 
 async function loadSetup($) {
@@ -252,8 +255,18 @@ async function reportModHealth($) {
 async function checkpointCommand($, args) {
   const a = parseCheckpointArgs(args)
   const cp = await makeCheckpoint($, 'manual', a.note, a.length)
-  if (!cp) return { text: 'Leftoff: a checkpoint is already being made.' }
-  return {}
+  const links = await boardLinks($)
+  if (!cp) return { text: ['Leftoff: a checkpoint is already being made.', ...links].join('\n') }
+  return links.length ? { text: links.join('\n') } : {}
+}
+
+// 0.8.6: this session's card on the board, here and (when they're on) from
+// your phone (relay, tailnet); the daemon knows those. boardLinkLines: core.js.
+async function boardLinks($) {
+  if (st.internal || !st.sessionId) return []
+  const r = await api($, 'GET', '/v1/sessions/' + encodeURIComponent(st.sessionId) + '/links', undefined, 800)
+  if (r && r.ok && r.json) return boardLinkLines(r.json)
+  return boardLinkLines({ local: 'http://127.0.0.1:' + (st.port || 7429) + '/#/s/' + encodeURIComponent(st.sessionId) })
 }
 
 // ------------------------------------------------------------ park (v0.8.2)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leftoff/cli",
-  "version": "0.8.5",
+  "version": "0.8.7",
   "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

@@ -1605,3 +1605,51 @@ html.dv-open, html.dv-open body { overflow: hidden; }
 .rchip .rx { margin-left: 4px; font-size: 11px; opacity: .7; }
 .syncdetails .joinline { margin-top: 4px; }
 .syncdetails code.cmd { font-family: var(--mono); font-size: 12px; background: var(--bg2); border: 1px solid var(--line); border-radius: 6px; padding: 3px 8px; overflow-wrap: anywhere; min-width: 0; }
+
+/* 0.8.6: board search */
+.board-search-row { margin: 12px 0 0; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
+.board-search { flex: 1 1 280px; max-width: 420px; }
+.board-search-note { color: var(--muted); font-size: 13px; }
+@media (max-width: 640px) { .board-search { max-width: none; flex-basis: 100%; } }
+
+/* 0.8.6: machine emojis */
+.chip.machine { cursor: pointer; font: inherit; }
+.chip.machine .memo { font-size: 1.05em; line-height: 1; }
+.emoji-sheet-wrap { position: fixed; inset: 0; z-index: 60; display: flex; align-items: center; justify-content: center; }
+.emoji-backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, .35); }
+.emoji-sheet { position: relative; width: min(380px, calc(100vw - 24px)); background: var(--card, var(--bg)); color: var(--text); border: 1px solid var(--line); border-radius: 14px; padding: 14px; box-shadow: 0 12px 40px rgba(0, 0, 0, .25); }
+.emoji-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; font-size: 15px; }
+.emoji-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(44px, 1fr)); gap: 6px; }
+.emoji-opt { height: 44px; font-size: 24px; line-height: 1; border: 1px solid var(--line); border-radius: 10px; background: var(--field); cursor: pointer; }
+.emoji-opt:hover { border-color: var(--line-strong); }
+.emoji-opt.on { border-color: var(--accent); box-shadow: 0 0 0 3px var(--focus); }
+.emoji-own { display: flex; gap: 8px; margin-top: 12px; }
+.emoji-own input { flex: 1; min-width: 0; height: 40px; padding: 0 10px; font: inherit; font-size: 16px; background: var(--field); color: var(--text); border: 1px solid var(--line); border-radius: 10px; }
+.emoji-foot { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-top: 10px; font-size: 12.5px; flex-wrap: wrap; }
+@media (max-width: 599.98px) {
+  .emoji-sheet-wrap { align-items: flex-end; }
+  .emoji-sheet { width: 100vw; border-radius: 16px 16px 0 0; padding-bottom: calc(14px + env(safe-area-inset-bottom)); }
+}
+
+/* 0.8.7: a card's actions are one row: main button, copy icon, ⋯ (the rest in a menu) */
+.card > .actions-row { flex-wrap: nowrap; align-items: center; min-width: 0; }
+.card > .actions-row > .btn:not(.icon-btn), .card > .actions-row > .go-off { min-width: 0; flex: 0 1 auto; }
+.card > .actions-row > .btn:not(.icon-btn) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; line-height: 1.45; }
+.card > .actions-row > .btn:not(.icon-btn) .ic { vertical-align: -2px; margin-right: 5px; }
+.card > .actions-row > .go-off { display: inline-flex; align-items: center; gap: 6px; overflow: hidden; }
+.card > .actions-row > .go-off .why { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
+.card > .actions-row > .ro { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.btn.icon-btn { flex: none; width: 30px; height: 28px; padding: 0; justify-content: center; }
+.btn.icon-btn .ic { width: 15px; height: 15px; margin: 0; }
+.card > .actions-row > .btn.more { margin-left: auto; }
+.btn.copy-resume.copied { color: var(--green, #2fbf71); border-color: currentColor; }
+.lo-actmenu { min-width: 190px; max-width: min(320px, calc(100vw - 16px)); overflow-y: auto; }
+.lo-act { display: flex; align-items: center; gap: 10px; width: 100%; padding: 8px 10px; border: 0; border-radius: 8px; background: none; color: var(--text2); font: inherit; font-size: 14px; text-align: left; cursor: pointer; white-space: nowrap; }
+.lo-act .ic { width: 16px; height: 16px; flex: none; color: var(--muted); }
+.lo-act:hover, .lo-act:focus { outline: none; background: var(--bg2); color: var(--text); }
+[data-theme="dark"] .lo-act:hover, [data-theme="dark"] .lo-act:focus, :root:not([data-theme="light"]) .lo-act:hover, :root:not([data-theme="light"]) .lo-act:focus { background: var(--line); }
+.lo-act:focus-visible { box-shadow: inset 0 0 0 2px var(--focus); }
+.lo-act:disabled { opacity: .55; cursor: progress; }
+.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; } }

package/ui/app.js

@@ -2,14 +2,15 @@
 // /v1 API on the same origin (auth rides the cookie set at GET /).
 import { goWithFeedback, goState, GIVE_UP_MS } from './go.js'
 import { icon } from './icons.js'
-import { selectHtml, comboHtml, closeMenu } from './picker.js'
+import { selectHtml, comboHtml, closeMenu, openActionMenu, closeActionMenu, actionMenuKey } from './picker.js'
 import { SETTINGS, settingsKeyFor } from './settings-nav.js'
-import { inStatus, repoChips, applyFilter, readFilter, saveRepos, filterHash, toggleRepo, chipSelected, splitChips, repoMatches, orderSelectedFirst } from './repos.js'
+import { inStatus, repoChips, applyFilter, readFilter, saveRepos, filterHash, toggleRepo, chipSelected, splitChips, repoMatches, orderSelectedFirst, searchMatches } from './repos.js'
 import { needsItems, needsStrip, needPanel, agentNeedPanel, httpsOnly, agentReplyButton, agentChipHtml, cardBadge, questionAnswer, turnsHtml, dismissedHtml } from './needs.js'
 import { SUMMARY_EXAMPLES, LENGTH_CHOICES } from './summary-examples.js'
 import { mdInline, renderSection } from './changelog-md.js'
 import { cardPrsHtml, sessionPrsSection, prsPageHtml, prsBodyHtml, prRowHtml, prRows, readPrFilter, prsHash } from './prs.js'
-import { wantsSetupBanner, setupCandidate, localLeftoffAnswers } from './viewer.js'
+import { wantsSetupBanner, setupCandidate, localLeftoffAnswers, thisOneSuffix } from './viewer.js'
+import { defaultEmoji, PICKER_SET, isEmoji } from './machines.js'
 import { todosSection, sessionTodosSection, cardHandoffChips, sessionFilesSection, docViewerBody, docDownloadHref } from './handoffs.js'
 const $app = document.getElementById('app')
 const state = { sessions: [], health: null, cfg: null, route: null, machine: localStorage.getItem('cp.machine') || '', drafts: {}, pendingAsk: {}, mayAnswer: true, needOpen: {}, needTurns: {} }
@@ -97,7 +98,13 @@ function toastUndo(msg, onUndo, ms = 5000) {
   toast.t = setTimeout(() => t.classList.remove('show', 'has-action'), ms)
 }
 async function copy(text) {
-  try { await navigator.clipboard.writeText(text); toast('Copied: ' + text) } catch { prompt('Copy this:', text) }
+  try { await navigator.clipboard.writeText(text); toast('Copied: ' + text); return true } catch { prompt('Copy this:', text); return false }
+}
+// 0.8.7: the copy icon says it worked for a moment (a check, "Copied"), then goes back.
+function copiedMark(btn) {
+  clearTimeout(btn._copied)
+  btn.classList.add('copied'); btn.innerHTML = icon('check'); btn.setAttribute('aria-label', 'Copied'); btn.title = 'Copied'
+  btn._copied = setTimeout(() => { btn.classList.remove('copied'); btn.innerHTML = icon('copy'); btn.setAttribute('aria-label', 'Copy resume command'); btn.title = 'Copy resume command' }, 1500)
 }
 const pill = (status) => '<span class="pill s-' + esc(status) + '">' + esc(LABEL[status] || status) + '</span>'
 
@@ -159,7 +166,7 @@ function where(s) {
   const branch = s.repo && s.repo.branch
   const label = s.repoLabel || s.repoName || 'no repo'
   return '<button type="button" class="chip mono repo-link" data-action="repo" data-repo="' + esc(label) + '" data-key="' + esc(s.repoKey || '') + '" title="' + esc((s.repoKey || label) + ' · show only this repo') + '">' + esc(label) + (branch ? ' · ' + esc(branch) : '') + '</button>' + wtChips(s) +
-    (multi() || !s.isLocal ? (() => { const sn = s.isLocal ? '' : staleNote(s.machine); return '<span class="chip machine' + (s.isLocal ? '' : ' remote') + (sn ? ' stale' : '') + '" title="' + (s.isLocal ? 'this machine' : sn ? 'showing data as of ' + esc(sn.replace(/^as of /, '')) + ': ' + esc(s.machine) + ' hasn’t synced since' : 'synced from another machine') + '">⌂ ' + esc(s.machine) + (sn ? ' · ' + esc(sn) : '') + '</span>' })() : '') + modelChip(s)
+    (multi() || !s.isLocal ? (() => { const sn = s.isLocal ? '' : staleNote(s.machine); return '<button type="button" class="chip machine' + (s.isLocal ? '' : ' remote') + (sn ? ' stale' : '') + '" title="' + (s.isLocal ? 'this machine' : sn ? 'showing data as of ' + esc(sn.replace(/^as of /, '')) + ': ' + esc(s.machine) + ' hasn’t synced since' : 'synced from another machine') + '" data-action="machine-emoji" data-machine="' + esc(s.machine) + '"><span class="memo">' + esc(mEmoji(s.machine)) + '</span> ' + esc(s.machine) + (sn ? ' · ' + esc(sn) : '') + '</button>' })() : '') + modelChip(s)
 }
 
 // 0.6.8: a session that ran through Ollama (or another server) says so on its card.
@@ -232,6 +239,38 @@ function setupDismissed() { try { return window.localStorage.getItem(SETUP_KEY)
 
 // The board's sync chip: quiet when all's well, amber or red when Syncthing
 // reports an error, a disk runs low, or another Mac has been away 15+ min.
+// 0.8.6: each Mac's emoji (the daemon sends the map; a new name gets its default here).
+function mEmoji(m) {
+  const map = (state.health && state.health.machineEmojis) || {}
+  return map[m] || defaultEmoji(m, new Set(Object.values(map)))
+}
+// Tap a Mac's chip: our own emoji picker (a sheet on a phone), never a native control.
+function openEmojiSheet(machine) {
+  closeEmojiSheet()
+  const cur = mEmoji(machine)
+  const el = document.createElement('div')
+  el.className = 'emoji-sheet-wrap'
+  el.innerHTML = '<div class="emoji-backdrop" data-action="emoji-close"></div><div class="emoji-sheet" role="dialog" aria-modal="true" aria-label="Emoji for ' + esc(machine) + '">' +
+    '<div class="emoji-head"><b>' + esc(cur) + ' ' + esc(machine) + '</b><button type="button" class="linkish" data-action="emoji-close" aria-label="Close">✕</button></div>' +
+    '<div class="emoji-grid">' + PICKER_SET.map((e) => '<button type="button" class="emoji-opt' + (e === cur ? ' on' : '') + '" data-action="emoji-pick" data-machine="' + esc(machine) + '" data-emoji="' + esc(e) + '" aria-label="' + esc(e) + '">' + esc(e) + '</button>').join('') + '</div>' +
+    '<div class="emoji-own"><input id="emojiOwn" type="text" inputmode="text" maxlength="16" placeholder="or type any emoji" aria-label="Any emoji" autocomplete="off" autocapitalize="off" spellcheck="false">' +
+    '<button type="button" class="btn primary" data-action="emoji-own" data-machine="' + esc(machine) + '">Use</button></div>' +
+    '<div class="emoji-foot"><button type="button" class="linkish" data-action="emoji-pick" data-machine="' + esc(machine) + '" data-emoji="">Back to the default</button><span class="faint">Every Mac and your phone show the same one.</span></div></div>'
+  document.body.appendChild(el)
+  const first = el.querySelector('.emoji-opt.on') || el.querySelector('.emoji-opt')
+  if (first) first.focus()
+  el.addEventListener('keydown', (ev) => { if (ev.key === 'Escape') closeEmojiSheet() })
+}
+function closeEmojiSheet() { document.querySelectorAll('.emoji-sheet-wrap').forEach((x) => x.remove()) }
+async function setMachineEmoji(machine, emoji) {
+  try {
+    const r = await api('POST', '/v1/machines/emoji', { machine, emoji: emoji || null })
+    if (state.health) state.health.machineEmojis = r.machineEmojis
+    closeEmojiSheet()
+    render()
+  } catch (e) { toast(e.message, 5000) }
+}
+
 function syncChip() {
   const sy = (state.health && state.health.sync) || null
   if (!sy || sy.level === 'ok' || !(sy.items || []).length) return ''
@@ -369,8 +408,44 @@ function agentCard(s) {
     agentListChips(s) + (n ? cardBadge(n) : '') + agentCpBlock(s.latestCheckpoint) +
     '<a class="cplink" href="' + href + '">' + (s.checkpointCount ? s.checkpointCount + (s.checkpointCount === 1 ? ' checkpoint' : ' checkpoints') : 'Session') + ' →</a>' +
     '<div class="actions-row">' + (n ? agentReplyButton(a, 'btn') : '') +
-      '<span class="ro">read-only · from ' + esc(a.display || a.name) + '’s feed</span></div></article>'
+      roNote('read-only · from ' + (a.display || a.name) + '’s feed') + '</div></article>'
+}
+
+// 0.8.7: a card's actions are one row: its main button (Go, or Resume once it's
+// closed), a small copy icon for the resume command, and "⋯" for the rest. The
+// ⋯ menu's items ride in the card as an inert <template> (real buttons with the
+// same data-action as before), so the one click handler below runs them unchanged.
+function copyResumeIcon(s) {
+  return '<button type="button" class="btn icon-btn copy-resume" data-action="resume" data-id="' + esc(s.id) + '" aria-label="Copy resume command" title="Copy resume command">' + icon('copy') + '</button>'
+}
+// items: [{ action, label, icon, title, attrs }]
+function moreMenu(s, items) {
+  items = items.filter(Boolean)
+  if (!items.length) return ''
+  return '<button type="button" class="btn icon-btn more" data-action="card-more" data-id="' + esc(s.id) + '" aria-label="More actions" title="More actions" aria-haspopup="menu" aria-expanded="false">' + icon('ellipsis') + '</button>' +
+    '<template class="more-items">' + items.map((it) => '<button type="button" data-action="' + esc(it.action) + '" data-id="' + esc(s.id) + '"' +
+      Object.entries(it.attrs || {}).map(([k, v]) => ' ' + k + '="' + esc(v) + '"').join('') + (it.title ? ' title="' + esc(it.title) + '"' : '') + '>' +
+      (it.icon ? icon(it.icon) : '') + esc(it.label) + '</button>').join('') + '</template>'
+}
+function openCardMenu(btn) {
+  const tpl = btn.parentElement && btn.parentElement.querySelector('template.more-items')
+  if (!tpl) return
+  const card = btn.closest('.card')
+  const title = card && card.querySelector('.title a') ? card.querySelector('.title a').textContent.trim() : ''
+  const items = [...tpl.content.querySelectorAll('button')].map((b) => {
+    const svg = b.querySelector('svg')
+    const attrs = {}
+    for (const a of b.attributes) if (a.name.startsWith('data-') || a.name === 'title') attrs[a.name] = a.value
+    return { label: b.textContent.trim(), icon: svg ? svg.outerHTML : '', attrs }
+  })
+  openActionMenu(btn, items, { title })
 }
+const sessionMenuItems = (s) => s.isLocal ? [
+  { action: 'checkpoint', label: 'Checkpoint now', icon: 'bookmark-plus' },
+  { action: 'pin', label: s.pinned ? 'Unpin' : 'Pin', icon: s.pinned ? 'pin-off' : 'pin' },
+  { action: 'archive', label: 'Archive', icon: 'archive' },
+] : []
+const roNote = (t) => '<span class="ro" title="' + esc(t) + '">' + esc(t) + '</span>'
 
 function card(s) {
   if (s.agent) return agentCard(s)
@@ -386,11 +461,9 @@ function card(s) {
       (s.needsInput && s.lastNotification && !s.needsYou ? '<span class="chip">' + esc(s.lastNotification.replace(/_/g, ' ')) + '</span>' : '') + '</div>' +
     cardPrsHtml(s.prs) + listChips(s) + cardHandoffChips(s) + nb + cpBlock(s.latestCheckpoint) +
     '<a class="cplink" href="#/s/' + encodeURIComponent(s.id) + '">' + (s.checkpointCount ? s.checkpointCount + (s.checkpointCount === 1 ? ' checkpoint' : ' checkpoints') : 'Session history') + ' →</a>' +
-    '<div class="actions-row">' + goButton(s) +
-      '<button type="button" class="btn" data-action="resume">Copy resume</button>' +
-      (s.isLocal ? '<button type="button" class="btn" data-action="checkpoint">Checkpoint now</button>' +
-        '<button type="button" class="btn" data-action="pin">' + (s.pinned ? 'Unpin' : 'Pin') + '</button>' +
-        '<button type="button" class="btn" data-action="archive">Archive</button>' : '<span class="ro">' + (s.peer && s.peer.ok ? 'lives on ' + esc(s.machine) + ' · answering and Go work through it' : 'read-only here · lives on ' + esc(s.machine)) + '</span>') +
+    '<div class="actions-row">' + (goButton(s) || (s.status === 'ended' || s.live === 'closed' ? resumeButton(s, s.viewer || { local: state.viewerLocal !== false, ghostty: !!state.ghostty }) : '')) +
+      copyResumeIcon(s) +
+      (s.isLocal ? moreMenu(s, sessionMenuItems(s)) : roNote(s.peer && s.peer.ok ? 'lives on ' + s.machine + ' · answering and Go work through it' : 'read-only here · lives on ' + s.machine)) +
     '</div></article>'
 }
 
@@ -409,6 +482,7 @@ const FILTERS = {
 function boardFilter() {
   const params = (state.route && state.route.params) || new URLSearchParams()
   const f = readFilter(params, window.localStorage)
+  state.boardQ = (params.get('q') || '').slice(0, 200) // 0.8.6: board search
   // A bare #/ restored from localStorage: put it in the address bar so the
   // view is linkable as it stands.
   if (f.from === 'storage') history.replaceState(null, '', hashFor(f))
@@ -426,6 +500,7 @@ function setBoardFilter(next) {
 function hashFor(f) {
   let h = filterHash(f)
   if (state.boardSpace) h += (h.includes('?') ? '&' : '?') + 'space=' + encodeURIComponent(state.boardSpace)
+  if (state.boardQ && f.status !== 'closed') h += (h.includes('?') ? '&' : '?') + 'q=' + encodeURIComponent(state.boardQ)
   return state.route && state.route.name === 'waiting' ? h.replace(/^#\//, '#/waiting') : h
 }
 
@@ -495,10 +570,14 @@ async function viewBoard() {
   const inSpace = sp ? shown.filter((s) => s.space === sp) : shown
   const inRepos = applyFilter(inSpace, { repos: f.repos })
   const count = (k) => k === 'closed' ? (closedCount == null ? '—' : closedCount) : inRepos.filter((s) => inStatus(s, k)).length
-  const list = filter === 'closed' ? [] : applyFilter(inSpace, f)
+  const bq = (state.boardQ || '').trim()
+  // 0.8.6: a search looks through every session the board has (not only today's), folded ones too
+  const list = filter === 'closed' ? [] : bq ? applyFilter(sp ? sessions.filter((s) => s.space === sp) : sessions, f).filter((s) => searchMatches(s, bq)).sort((a, b) => (rank[a.status] - rank[b.status]) || (Date.parse(b.lastActivityAt || 0) - Date.parse(a.lastActivityAt || 0))) : applyFilter(inSpace, f)
+  let closedHits = 0
+  if (bq && filter !== 'closed') { try { const c = await api('GET', '/v1/sessions/closed?limit=1&q=' + encodeURIComponent(bq) + (state.machine ? '&machine=' + encodeURIComponent(state.machine) : '')); closedHits = c.total || 0 } catch {} }
   let html = '<div class="pagehead"><div><h1>Sessions</h1><div class="sub">Every Claude Code session on ' + (multi() ? 'your machines' : 'this machine') + (agentNames().length ? ', plus ' + esc(agentNames().join(' and ')) : '') + ', grouped by what needs you.</div>' + syncChip() + '</div>' +
     '<div class="actions">' + (multi() || agentNames().length ? selectHtml({ id: 'machineFilter', cls: 'btn', label: 'Machine', value: state.machine,
-      options: [['', 'All machines'], ...state.health.machines.map((m) => [m, m + (m === state.health.machine ? ' (this one)' : '')]), ...agentNames().map((m) => [m, m + ' (agent)'])] }) : '') +
+      options: [['', 'All machines'], ...state.health.machines.map((m) => [m, mEmoji(m) + ' ' + m + thisOneSuffix(m, state.health)]), ...agentNames().map((m) => [m, m + ' (agent)'])] }) : '') +
     '<a class="btn primary" href="#/catchup/new">' + icon('coffee') + 'Catch me up</a>' +
     '<a class="btn" href="#/digest">' + icon('newspaper') + 'Today’s digest →</a></div></div>'
   html += syncDetails() + staleLine(sessions)
@@ -517,6 +596,13 @@ async function viewBoard() {
     return closedWire()
   }
   html += repoRow(inSpace, f)
+  html += boardSearch(bq, closedHits, list.length)
+  if (bq) {
+    if (list.length) html += '<div class="grid mt">' + list.map(card).join('') + '</div>'
+    $app.innerHTML = banners() + html
+    revealStat()
+    return boardSearchWire()
+  }
   if (!shown.length && !empties.length && !parked.length) {
     html += '<div class="empty mt"><p><strong>No sessions yet.</strong></p><p>Start Claude Code with the mod loaded (<code>claude --plugin-dir ./mod</code>) or install the settings hooks (<code>leftoff init --hooks</code>). Sessions show up here as soon as you send a prompt.</p></div>'
   } else if (!list.length && shown.length) {
@@ -532,6 +618,33 @@ async function viewBoard() {
   if (closedCount > 0) html += '<div class="closed-link"><button type="button" class="linkish" data-action="filter" data-filter="closed">Closed (' + esc(closedCount) + ') →</button></div>'
   $app.innerHTML = banners() + html
   revealStat()
+  boardSearchWire()
+}
+
+// 0.8.6: search the board. The words live in the URL (?q=), typing keeps the
+// focus, and matches among closed sessions are one tap away.
+function boardSearch(q, closedHits, n) {
+  return '<div class="board-search-row"><div class="set-search board-search">' + icon('search') + '<input id="boardQ" type="search" placeholder="Find a session: title, repo, branch, folder or id" aria-label="Find a session" autocomplete="off" autocapitalize="off" spellcheck="false" value="' + esc(q) + '"></div>' +
+    (q ? '<div class="board-search-note">' + (n ? esc(n + (n === 1 ? ' match' : ' matches')) : 'No open or recent session matches.') +
+      (closedHits ? ' <button type="button" class="linkish" data-action="closed-search" data-q="' + esc(q) + '">' + esc(closedHits + ' closed ' + (closedHits === 1 ? 'match' : 'matches')) + ' →</button>' : '') + '</div>' : '') + '</div>'
+}
+let boardQTimer = null
+function boardSearchWire() {
+  const q = document.getElementById('boardQ')
+  if (!q) return
+  q.addEventListener('input', () => {
+    clearTimeout(boardQTimer)
+    boardQTimer = setTimeout(async () => {
+      const pos = q.selectionStart
+      state.boardQ = q.value
+      try { history.replaceState(null, '', hashFor(state.boardFilter || { repos: [], status: null })) } catch {}
+      state.route = parseRoute()
+      await viewBoard()
+      const again = document.getElementById('boardQ')
+      if (again) { again.focus(); try { again.setSelectionRange(pos, pos) } catch {} }
+    }, 160)
+  })
+  q.addEventListener('keydown', (ev) => { if (ev.key === 'Escape' && q.value) { ev.preventDefault(); q.value = ''; q.dispatchEvent(new Event('input')) } })
 }
 
 // Closed (0.6.7): every ended session on every machine, newest first, with
@@ -596,9 +709,8 @@ function closedCard(s, viewer) {
       '<span class="chip machine' + (s.isLocal ? '' : ' remote') + '" title="' + (s.isLocal ? 'this machine' : 'another machine') + '">⌂ ' + esc(s.machine) + '</span>' + modelChip(s) +
       '<span title="' + esc(clock(s.endedAt)) + '">ended ' + esc(ago(s.endedAt)) + '</span><span>·</span><span>' + esc(s.turns) + (s.turns === 1 ? ' turn' : ' turns') + '</span></div>' +
     cardHandoffChips(s) + cpBlock(s.latestCheckpoint, { showWhen: false }) +
-    '<div class="actions-row">' + resumeButton(s, viewer) +
-      '<button type="button" class="btn" data-action="resume" data-id="' + esc(s.id) + '">Copy resume</button>' +
-      '<a class="btn" href="' + href + '">' + (s.checkpointCount ? s.checkpointCount + (s.checkpointCount === 1 ? ' checkpoint' : ' checkpoints') : 'Details') + ' →</a>' +
+    '<div class="actions-row">' + resumeButton(s, viewer) + copyResumeIcon(s) +
+      moreMenu(s, [{ action: 'open-href', label: s.checkpointCount ? s.checkpointCount + (s.checkpointCount === 1 ? ' checkpoint' : ' checkpoints') : 'Details', icon: 'history', attrs: { 'data-href': href } }]) +
     '</div></article>'
 }
 function closedRepaint() {
@@ -670,9 +782,8 @@ function parkedCard(s, viewer) {
       (s.isLocal ? '' : '<span class="chip machine remote" title="another machine">⌂ ' + esc(s.machine) + '</span>') + modelChip(s) +
       '<span title="' + esc(clock(p.at)) + '">parked ' + esc(ago(p.at)) + '</span>' + (open ? '<span>·</span><span>still open</span>' : '') + '</div>' +
     (note ? '<div class="park-note"><span class="k">' + (p.note ? 'Note' : 'Next') + '</span> ' + esc(note) + '</div>' : '') +
-    '<div class="actions-row">' + main +
-      (open ? '' : '<button type="button" class="btn" data-action="resume" data-id="' + esc(s.id) + '">Copy resume</button>') +
-      '<button type="button" class="linkish park-done" data-action="unpark" data-id="' + esc(s.id) + '" title="No longer parked' + (open ? '' : '; it goes to Closed') + '">Done with it</button>' +
+    '<div class="actions-row">' + main + (open ? '' : copyResumeIcon(s)) +
+      moreMenu(s, [{ action: 'unpark', label: 'Done with it', icon: 'circle-check', title: 'No longer parked' + (open ? '' : '; it goes to Closed') }]) +
     '</div></article>'
 }
 // The session page's Park row (0.8.2): any open session, Codex too, with an
@@ -888,7 +999,7 @@ async function viewSession(id) {
   html += '<div class="pagehead"><div><h1>' + esc(s.title || 'Untitled session') + '</h1><div class="sub">' + pill(s.status) + ' ' + spaceChip(s, { force: true }) + wtChips(s) + ' &nbsp;' + esc(s.titleSource ? s.titleSource + ' title' : '') + '</div></div>' +
     '<div class="actions">' + goButton(s) + (s.status === 'ended' || s.live === 'closed' ? resumeButton(s, s.viewer || { local: state.viewerLocal !== false, ghostty: !!state.ghostty }) : '') + '<a class="btn" href="#/timeline?session=' + encodeURIComponent(s.id) + '">' + icon('history') + 'Open in Timeline</a><button type="button" class="btn" data-action="resume" data-id="' + esc(s.id) + '">Copy resume</button>' + (s.isLocal ? '<button type="button" class="btn primary" data-action="checkpoint" data-id="' + esc(s.id) + '">Checkpoint now</button>' : '') + '</div></div>'
   html += '<div class="facts">' +
-    fact('Machine', s.machine + (s.isLocal ? ' (this one)' : ' (synced)')) + fact('Repo', (s.repoName || '—') + (branch ? ' · ' + branch : '')) + (s.worktree ? fact('Worktree', '⑂ ' + s.worktree.name + (s.worktree.branch ? ' · ' + s.worktree.branch : ''), 'wrap') : '') + (s.startedIn ? fact('Started in', s.startedIn) : '') + fact('Directory', s.cwd || '—') + fact('Last activity', ago(s.lastActivityAt)) + fact('Started', clock(s.startedAt)) +
+    fact('Machine', mEmoji(s.machine) + ' ' + s.machine + (thisOneSuffix(s.machine, state.health) || (s.isLocal ? '' : ' (synced)'))) + fact('Repo', (s.repoName || '—') + (branch ? ' · ' + branch : '')) + (s.worktree ? fact('Worktree', '⑂ ' + s.worktree.name + (s.worktree.branch ? ' · ' + s.worktree.branch : ''), 'wrap') : '') + (s.startedIn ? fact('Started in', s.startedIn) : '') + fact('Directory', s.cwd || '—') + fact('Last activity', ago(s.lastActivityAt)) + fact('Started', clock(s.startedAt)) +
     fact('Turns', s.turns + ' (' + s.turnsSinceCheckpoint + ' since checkpoint)' + (s.historyTurns ? ' · resumed, ' + s.historyTurns + ' before' : '')) + fact('Capture', s.capture || '—') + fact('Model', s.modelLabel || s.model || '—', 'wrap') + fact('Session id', s.id) +
     fact('Open?', s.live === 'open' ? 'open' + (s.liveVia === 'pid' ? ' (process ' + s.pid + ' running)' : ' (heartbeat)') : s.live === 'closed' ? 'closed ' + ago(s.closedAt) : 'unknown') +
     fact('Terminal', (s.terminal ? s.terminal.label : s.codingAgent === 'codex' ? ({ 'codex-ide': 'Codex in the IDE', 'codex-app': 'Codex app', 'codex-exec': 'codex exec' }[s.surface] || 'Codex CLI') : '—') + (s.tty ? ' · ' + s.tty.replace('/dev/', '') : '') + ' · tab cp:' + (s.shortId || '')) + '</div>'
@@ -2910,6 +3021,12 @@ document.addEventListener('input', (ev) => {
 })
 document.addEventListener('keydown', (ev) => { if (ev.target.id === 'prs-q' && ev.key === 'Escape' && ev.target.value) { ev.preventDefault(); ev.target.value = ''; ev.target.dispatchEvent(new Event('input', { bubbles: true })) } })
 
+window.addEventListener('hashchange', () => closeActionMenu())
+// 0.8.7: a card's ⋯ opens from the keyboard with the arrows too (Enter and Space click it).
+document.addEventListener('keydown', (ev) => {
+  const b = ev.target && ev.target.closest && ev.target.closest('[data-action="card-more"]')
+  if (b) actionMenuKey(b, ev, () => openCardMenu(b))
+})
 document.addEventListener('click', async (ev) => {
   const btn = ev.target.closest('[data-action]')
   if (!btn) return
@@ -3092,6 +3209,19 @@ document.addEventListener('click', async (ev) => {
       toast(u.error ? 'Couldn’t check: ' + u.error : u.available ? 'Update available: ' + (u.remote.version ? 'v' + u.remote.version : u.remote.sha.slice(0, 7)) : 'You’re up to date')
       await refreshHealth(); return render()
     }
+    if (action === 'machine-emoji') { ev.preventDefault(); ev.stopPropagation(); return openEmojiSheet(btn.dataset.machine) }
+    if (action === 'emoji-close') return closeEmojiSheet()
+    if (action === 'emoji-pick') return setMachineEmoji(btn.dataset.machine, btn.dataset.emoji)
+    if (action === 'emoji-own') {
+      const v = (document.getElementById('emojiOwn') || {}).value || ''
+      if (!isEmoji(v)) return toast('Type one emoji', 3000)
+      return setMachineEmoji(btn.dataset.machine, v.trim())
+    }
+    if (action === 'closed-search') {
+      const f = state.boardFilter || readFilter(state.route && state.route.params, window.localStorage)
+      closedUi.q = btn.dataset.q || ''; closedUi.limit = CLOSED_PAGE; state.boardQ = ''
+      return setBoardFilter({ repos: f.repos, status: 'closed' })
+    }
     if (action === 'filter') {
       const f = state.boardFilter || readFilter(state.route && state.route.params, window.localStorage)
       return setBoardFilter({ repos: f.repos, status: f.status === btn.dataset.filter ? null : btn.dataset.filter })
@@ -3203,6 +3333,8 @@ document.addEventListener('click', async (ev) => {
       try { await api('POST', '/v1/needs/restore', action === 'need-restore-all' ? { all: true } : { key: btn.dataset.need }); toast(action === 'need-restore-all' ? 'Restored' : 'Restored to Needs you') } catch (e) { toast(e.message, 5000); btn.disabled = false; return }
       return render()
     }
+    if (action === 'card-more') { ev.preventDefault(); return openCardMenu(btn) }
+    if (action === 'open-href') { location.hash = btn.dataset.href; return }
     if (action === 'go') return goClick(btn, id, s)
     if (action === 'resume-open') { const ok = await resumeOpen(btn, btn.dataset.id || id); if (ok && btn.closest('.parked-card')) await render(); return ok }
     if (action === 'unpark') {
@@ -3218,9 +3350,10 @@ document.addEventListener('click', async (ev) => {
     if (action && action.startsWith('sync-') || action === 'peer-trust') return syncAction(action, btn)
     if (action === 'resume') {
       const cmd = s ? s.resumeCommand : (await api('GET', '/v1/sessions/' + encodeURIComponent(id))).resumeCommand
-      await copy(cmd)
+      if (await copy(cmd) && btn.classList.contains('copy-resume')) copiedMark(btn)
     } else if (action === 'checkpoint') {
       btn.disabled = true; btn.textContent = 'Writing…'
+      if (!btn.isConnected) toast('Writing a checkpoint…', 20000) // from the ⋯ menu, which has closed
       const cp = await api('POST', '/v1/sessions/' + encodeURIComponent(id) + '/checkpoints', { trigger: 'manual', generate: true })
       toast('Checkpoint saved · Next: ' + cp.next)
       render()

package/ui/icons.js

@@ -31,7 +31,14 @@ export const ICONS = {
   "chevron-right": "<path d=\"m9 18 6-6-6-6\"/>",
   "chevron-left": "<path d=\"m15 18-6-6 6-6\"/>",
   "mail": "<rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"/> <path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"/>",
-  "search": "<circle cx=\"11\" cy=\"11\" r=\"8\"/> <path d=\"m21 21-4.3-4.3\"/>"
+  "search": "<circle cx=\"11\" cy=\"11\" r=\"8\"/> <path d=\"m21 21-4.3-4.3\"/>",
+  "copy": "<rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"/> <path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"/>",
+  "ellipsis": "<circle cx=\"12\" cy=\"12\" r=\"1\"/> <circle cx=\"19\" cy=\"12\" r=\"1\"/> <circle cx=\"5\" cy=\"12\" r=\"1\"/>",
+  "pin": "<path d=\"M12 17v5\"/> <path d=\"M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z\"/>",
+  "pin-off": "<path d=\"M12 17v5\"/> <path d=\"M15 9.34V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H7.89\"/> <path d=\"m2 2 20 20\"/> <path d=\"M9 9v1.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h11\"/>",
+  "archive": "<rect width=\"20\" height=\"5\" x=\"2\" y=\"3\" rx=\"1\"/> <path d=\"M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8\"/> <path d=\"M10 12h4\"/>",
+  "bookmark-plus": "<path d=\"m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z\"/> <path d=\"M12 7v6\"/> <path d=\"M15 10H9\"/>",
+  "circle-check": "<circle cx=\"12\" cy=\"12\" r=\"10\"/> <path d=\"m9 12 2 2 4-4\"/>"
 }
 
 export function icon(name, cls = 'ic') {

package/ui/machines.js

@@ -0,0 +1,43 @@
+// Machine emojis (0.8.6): each Mac gets one, shown wherever its name is.
+// A default comes from the name (a few words match: night/bat → 🦇,
+// shade/moon → 🌚 …; else a hash into a small set of distinct, widely
+// supported emoji), never the same one for two Macs the board knows when it
+// can help it. You can change it (board: tap the Mac's chip; CLI: `leftoff
+// machine emoji`); the choice lives in the synced folder (machines/<name>.json)
+// so every Mac and the relay show the same one. Shared by the daemon and the board.
+export const EMOJI_SET = ['🦊', '🐙', '🦉', '🐳', '🦄', '🐢', '🦁', '🐝', '🌵', '🍄', '🚀', '⚡', '🌊', '🔥', '🍀', '🎲', '🧊', '🌻', '🐧', '🦖', '🍉', '🎸', '🛸', '🐸']
+const WORDS = [
+  [/night|bat|dark/, '🦇'], [/shade|shadow|moon|luna/, '🌚'], [/sun|day|sol/, '🌞'], [/laptop|book|air/, '💻'],
+  [/studio|desk|tower|pro|work/, '🖥️'], [/pi$|raspberry/, '🥧'], [/cloud|server|box/, '☁️'], [/home/, '🏠'],
+]
+export const PICKER_SET = [...new Set(['🦇', '🌚', '🌞', '💻', '🖥️', ...EMOJI_SET, '🏠', '☁️', '🥧', '🐱', '🐶', '🍕', '🌈', '⭐'])]
+
+function hash(s) { let h = 2166136261; for (const c of String(s)) { h ^= c.codePointAt(0); h = Math.imul(h, 16777619) >>> 0 } return h }
+const key = (n) => String(n || '').toLowerCase().replace(/\.local$/, '')
+
+// A valid machine emoji: a short run with at least one pictograph (flags too), no letters, digits or markup.
+export function isEmoji(v) {
+  const s = String(v == null ? '' : v).trim()
+  if (!s || s.length > 16 || /[\s<>&"'`A-Za-z0-9]/.test(s)) return false
+  return /\p{Extended_Pictographic}|\p{Regional_Indicator}/u.test(s)
+}
+
+// The one a name gets when nobody chose, skipping `taken` when it can.
+export function defaultEmoji(name, taken = new Set()) {
+  const k = key(name)
+  for (const [re, e] of WORDS) if (re.test(k) && !taken.has(e)) return e
+  const start = hash(k) % EMOJI_SET.length
+  for (let i = 0; i < EMOJI_SET.length; i++) { const e = EMOJI_SET[(start + i) % EMOJI_SET.length]; if (!taken.has(e)) return e }
+  return EMOJI_SET[start]
+}
+
+// names: every machine the board knows; chosen: { name: emoji } from the folder.
+// -> { name: emoji }, stable for a given set of names (sorted, chosen ones first).
+export function machineEmojis(names, chosen = {}) {
+  const out = {}
+  const taken = new Set()
+  const all = [...new Set((names || []).filter(Boolean))].sort((a, b) => key(a).localeCompare(key(b)))
+  for (const n of all) if (isEmoji(chosen[n])) { out[n] = chosen[n]; taken.add(chosen[n]) }
+  for (const n of all) if (!out[n]) { out[n] = defaultEmoji(n, taken); taken.add(out[n]) }
+  return out
+}