Names untitled sessions through unpause. /park saves where you left off, and a resumed session shows it.

<h1 align="center">Claude Code mods</h1>
<a href="LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue.svg" alt="MIT"></a> <a href="https://github.com/hamzafer/claude-code-mods/actions/workflows/ci.yml"><img src="https://github.com/hamzafer/claude-code-mods/actions/workflows/ci.yml/badge.svg?branch=main" alt="CI"></a>
<a href="#-install">Install</a> · <a href="#-the-mods">All mods</a> · <a href="docs/mods.md">Docs</a> · <a href="https://claude.dev/blog/getting-started-with-claude-code-mods/">What are mods?</a>
<table> <tr> <td align="center" width="33%"><a href="docs/mods.md#-context-bar"><img src="images/context-bar.png" alt="context-bar: Claude Code context window usage as a stacked bar, a color per category" width="260"></a><br>📊 <b>context-bar</b><br>what fills your context</td> <td align="center" width="33%"><a href="docs/mods.md#-review-watch"><img src="images/review-watch.png" alt="review-watch: live lines for running Codex and subagent code reviews in Claude Code" width="260"></a><br>🔍 <b>review-watch</b><br>running code reviews, live</td> <td align="center" width="33%"><a href="docs/mods.md#-md-preview"><img src="images/md-preview.png" alt="md-preview: Markdown that Claude Code edits, rendered like GitHub next to the diff" width="260"></a><br>📝 <b>md-preview</b><br>Markdown rendered like GitHub</td> </tr> <tr> <td align="center" width="33%"><a href="docs/mods.md#-blast-radius"><img src="images/gallery/blast-radius.png" alt="blast-radius: a Claude Code hook holds rm -rf and lists the files it would delete" width="260"></a><br>💥 <b>blast-radius</b><br>see what <code>rm -rf</code> would delete</td> <td align="center" width="33%"><a href="docs/mods.md#-now-playing"><img src="images/now-playing.png" alt="now-playing: Spotify track, progress bar and synced lyrics inside Claude Code" width="260"></a><br>🎵 <b>now-playing</b><br>Spotify and its lyrics, live</td> <td align="center" width="33%"><a href="docs/mods.md#-reels-and-snake"><img src="images/reels-demo.gif" alt="reels: YouTube Shorts in a Claude Code pane while it works" width="260"></a><br>📱 <b>reels</b><br>Shorts while Claude works</td> </tr> <tr> <td align="center" width="33%"><a href="docs/mods.md#-where-am-i"><img src="images/gallery/where-am-i.png" alt="where-am-i: the session goal, current step and what waits on you, above the Claude Code prompt" width="260"></a><br>📍 <b>where-am-i</b><br>goal, now, waiting on you</td> <td align="center" width="33%"><a href="docs/mods.md#-lines-above-the-prompt"><img src="images/gallery/lines.png" alt="token-weather, usage-meter and other Claude Code status lines stacked above the prompt" width="260"></a><br>🌦️ <b>token-weather and friends</b><br>lines above the prompt</td> <td align="center" width="33%"><a href="#mission-control"><img src="images/gallery/mission-control.png" alt="mission-control: Claude Code subagents, tool calls and the files they touch, live" width="260"></a><br>🛰️ <b>mission-control</b><br>agents and the code they touch</td> </tr> </table>
Add the marketplace once, then install any mod by name:
claude plugin marketplace add hamzafer/claude-code-mods
claude plugin install context-bar@claude-code-mods
Or install the general-purpose set in one go:
for m in context-bar token-weather usage-meter where-am-i next-steps agent-radar review-watch replay-theater md-preview blast-radius mission-control; do
claude plugin install "$m@claude-code-mods"
done
Restart Claude Code after installing. To try one without installing:
git clone https://github.com/hamzafer/claude-code-mods && cd claude-code-mods
claude --plugin-dir mods/context-bar
Needs Claude Code 2.1.287+. A few mods need more (Chrome,
gh, a connector); the tables say which.
| Mod | What it does | Command | |
|---|---|---|---|
| 🛰️ | mission-control | Live map of agents, tool calls and the code they touch | /mission |
| 📊 | context-bar | Your context window as one stacked bar, a color per category, with token counts and where it compacts | /context-bar |
| 🌦️ | token-weather | Context fill from Clear to Compact soon, plus a prompt-cache countdown | |
| ⏱️ | cache-clock | A prompt-cache line under your status line, from Claude Code's own figures: time left, hit rate and misses, and the tokens your next message re-caches once it goes cold. Needs Node and Claude Code 2.1.251+ | /cache-clock setup |
| 📍 | where-am-i | Goal, doing now, waiting on you, next step | /where |
| ➡️ | next-steps | 2 or 3 likely next prompts after each turn, one key to draft one | 1 2 3, 0 hides |
| 💰 | usage-meter | 5-hour and 7-day plan usage, the reset countdown and the session's cost | |
| 💳 | openai-balance | Your OpenAI API credit: an estimated balance with a gauge, today's spend, where the money mostly went, and the last call. Needs an OpenAI organization Admin key | /openai-balance |
| 📡 | agent-radar | One live line per running subagent | /radar |
| 🔍 | review-watch | One live line per running code review (Codex or a review subagent) with the model, target, elapsed time and Codex's latest output. A toast lists the findings when it ends | |
| 🌐 | browser-lanes | Whether this session has a browser, and who holds it | /browser |
| 🕌 | prayer-times | The current prayer and how long is left, the next one, and zawal. Computed on your computer, Hanafi or standard Asr | /prayers |
| 🎬 | replay-theater | Steps through the last turn's edits, one diff at a time | /replay |
| 📝 | md-preview | Renders the Markdown files Claude edits like GitHub does, with before and after side by side. Needs Chrome and a terminal that shows images | /md |
| Mod | What it does | Command | |
|---|---|---|---|
| 💥 | blast-radius | Holds rm -r, force pushes and migrations, shows what they'd delete, cancels after 60 s with no answer |
| Mod | What it does | Command | |
|---|---|---|---|
| 🔀 | switchboard | Picks the model for each subagent that doesn't name one, with OpenAI's Decisions API or Jev, from its short label only. Shows what every subagent cost | /route |
These are built around my own tools and rules. Fork them and change the rules to yours.
| Mod | What it does | Command | |
|---|---|---|---|
| 👀 | glance | One line with what needs you: next meeting, PRs, Linear issues, Slack DMs. Needs gh and the Google Calendar, Linear and Slack connectors | /glance |
| 🚦 | merge-gate | Holds gh pr merge until CI is green and Codex reviewed once. Needs gh and the Codex CLI. Reviews run on one fixed model; change it to yours | /gate |
| 📏 | rulebook-guard | Enforces my writing and git rules: rewrites em dashes, asks before --amend, unformatted pushes, emails and phone numbers in notes | |
| 💾 | session-saver | Saves where you left off, shows it on resume. Needs unpause | /park [note] |
| Mod | What it does | Command | |
|---|---|---|---|
| 📱 | reels | YouTube Shorts while Claude works, pauses when it's done | /reels |
| 🐍 | snake | Snake while Claude works | /snake |
| 🎵 | now-playing | What Spotify is playing, with a progress bar, the lyric being sung, and ⏮ ⏸ ⏭ buttons. Needs macOS and the Spotify app | /music |
<a id="mission-control"></a>
Every subagent, every tool call and every file they touch, in a pane next to the chat. Shown at 4x: two subagents building a logout feature across four files.

Install it like any mod, restart, and type /mission (or /mission code to open the code map). q closes it.
w shows the agents and every tool call, livec shows the code map, with import arrowsThe Code view also needs macOS, Google Chrome and a terminal that shows images (Ghostty, kitty, iTerm2). The Who view works everywhere.
hooks/register.tsx 194 lines1// Session Saver: pairs with unpause.
2// - Names an untitled session after its second turn (Haiku picks 2-4 words), so `unpause`
3// lists "ship-mods" instead of a bare id.
4// - /park [note] saves where you left off and the next step.
5// - A resumed session shows that note above the prompt until you type, and toasts it.
6import { atom, read, update } from 'claude-code'
7import type { EngineInterface, PromptOrigin, Register } from 'claude-code'
8
9import type { Parked } from '../types'
10
11const MODEL = 'haiku'
12const NAME_AFTER_TURNS = 2
13
14// Held by the host, so the resume note survives a hot reload of this file.
15const resumed = atom({ plugin: 'session-saver', key: 'resumed' } as const, null as Parked | null)
16// Whether this process showed the note yet: the session's state, so a reload does not show it twice.
17const isShown = atom({ plugin: 'session-saver', key: 'isShown' } as const, false)
18
19export const register: Register = on => {
20 let prompt = ''
21
22 on('session.start', async ($, e, next) => {
23 const r = await next(e)
24 if ((await $.session.messages()).length > 0) void showResume($).catch(() => {})
25 await $.command.register({ name: 'park', description: 'Save where you left off and the next step, for when you resume', argumentHint: '[note]' }).catch(() => {}) // a name Claude Code already has is refused: start anyway
26 return r
27 })
28
29 // A resumed session: bring back where it was left. The engine's resume signal can fire
30 // before this mod loads, so loading into a session that already has messages counts too.
31 on('classic.SessionStart', async ($, e, next) => {
32 const r = await next(e)
33 if (e.source === 'resume') await showResume($)
34 return r
35 })
36
37 // Only what the person typed counts: task notifications, other sessions' messages and
38 // schedules arrive as prompts too, and must not become "you asked" or hide the note.
39 on('prompt.submit', async ($, e, next) => {
40 if (!isTyped(e.origin, e.text)) return next(e)
41 prompt = e.text.slice(0, 600)
42 if (await read($, resumed)) await update($, resumed, () => null) // the note has done its job
43 return next(e)
44 })
45
46 on('turn.complete', async ($, e, next) => {
47 const r = await next(e)
48 if (!e.agentId) {
49 const id = await $.session.id()
50 // Without a /park, a resume still shows the last thing asked.
51 if (prompt) {
52 const last: Parked = { leftOff: `you asked: ${oneLine(prompt, 80)}`, next: '', note: '', at: Date.now() }
53 await $.store.set(`last:${id}`, last)
54 }
55 if ((await $.session.turns()) >= NAME_AFTER_TURNS && !(await $.store.get(`named:${id}`))) {
56 await $.store.set(`named:${id}`, true) // one try per session, whatever happens
57 void autoname($, id).catch(() => {})
58 }
59 }
60 return r
61 })
62
63 on('command.run', { command: 'park' }, async ($, e) => {
64 const id = await $.session.id()
65 const { why, ...parked } = await summarize($, e.args.trim(), prompt)
66 await $.store.set(`park:${id}`, parked)
67 const lines = [`Parked. Left off: ${parked.leftOff}`, parked.next && `Next: ${parked.next}`, parked.note && `Note: ${parked.note}`, why && `(no AI summary: ${why})`, 'Resume any time with unpause.']
68 return { text: lines.filter(Boolean).join('\n') }
69 })
70
71 on('ui.render', { component: 'AbovePrompt' }, async ($, e, next) => {
72 const rest = await next(e) // what other mods and Claude Code draw here stays
73 const p = await read($, resumed)
74 if (e.props.hasSurvey || !p) return rest
75 const { Box, Text } = $.ui.resolve(e)
76 return (
77 <Box flexDirection="column">
78 <Text wrap="truncate-end">
79 <Text color="green" bold>{` ↩ Last time (${ago(p.at)}): `}</Text>
80 <Text>{p.leftOff}</Text>
81 {p.next !== '' && <Text dimColor>{' · next: '}</Text>}
82 {p.next !== '' && <Text>{p.next}</Text>}
83 </Text>
84 {p.note !== '' && <Text dimColor wrap="truncate-end">{` note: ${p.note}`}</Text>}
85 {rest}
86 </Box>
87 )
88 })
89}
90
91async function showResume($: EngineInterface) {
92 if (await read($, isShown)) return
93 const id = await $.session.id()
94 const parked = ((await $.store.get(`park:${id}`)) ?? (await $.store.get(`last:${id}`))) as Parked | undefined
95 if (!parked) return
96 await update($, isShown, () => true)
97 await update($, resumed, () => parked)
98 $.ui.toast(`Last time (${ago(parked.at)}): ${parked.leftOff}${parked.next ? ` · next: ${parked.next}` : ''}`, { timeoutMs: 8000 })
99}
100
101// Names the session through unpause, only when nobody named it yet.
102async function autoname($: EngineInterface, id: string) {
103 const list = await $.process.run(['unpause', 'list', '--json'], { timeoutMs: 20_000 })
104 const row = (JSON.parse(list.stdout || '[]') as { id: string; custom_title?: string }[]).find(s => s.id === id)
105 if (!row || row.custom_title) return
106
107 const messages = (await $.session.messages()).filter(m => m.role === 'user').slice(0, 3)
108 const r = await $.model.complete({
109 model: MODEL,
110 maxTokens: 30,
111 system: 'Name a coding session in 2 to 4 lowercase words joined by hyphens (like "ship-mods" or "fix-login-ci"). Reply with the name only.',
112 prompt: messages.map(m => m.text.slice(0, 500)).join('\n---\n'),
113 })
114 if (!r.isAnswered) return
115 const name = kebab(r.text)
116 if (!name) return
117 const done = await $.process.run(['unpause', 'rename', id, name], { timeoutMs: 20_000 })
118 if (done.exitCode === 0) $.ui.toast(`Session named "${name}" (rename any time with /rename)`)
119}
120
121async function summarize($: EngineInterface, note: string, prompt: string): Promise<Parked & { why?: string }> {
122 // Only messages with words in them: tool-only turns and tool results carry no text.
123 const messages = (await $.session.messages()).filter(m => m.text.trim() !== '').slice(-12)
124 const asked = prompt || messages.filter(m => m.role === 'user' && !isWrapped(m.text)).at(-1)?.text || ''
125 const fallback = { leftOff: asked ? `you asked: ${oneLine(asked, 70)}` : 'parked', next: '', note, at: Date.now() }
126 const r = await $.model.complete({
127 model: MODEL,
128 maxTokens: 300,
129 system:
130 'Someone is pausing a coding session and will resume it later. Plain words, no em dashes. ' +
131 'Reply with JSON only, no code fence: {"leftOff": "where things stand, at most 80 characters", "next": "the next step, at most 60 characters"}.',
132 // The transcript is material to summarize, not a chat to continue: tagged, instruction last.
133 prompt: [
134 '<transcript>',
135 ...messages.map(m => `[${m.role === 'user' ? 'person' : 'assistant'}] ${m.text.slice(0, 600)}`),
136 '</transcript>',
137 '',
138 'Summarize the transcript above for when they resume. Reply with the JSON object only.',
139 ].join('\n'),
140 })
141 if (!r.isAnswered) return { ...fallback, why: r.reason }
142 try {
143 const o = JSON.parse(r.text.slice(r.text.indexOf('{'), r.text.lastIndexOf('}') + 1)) as { leftOff?: string; next?: string }
144 const leftOff = oneLine(o.leftOff ?? '', 80)
145 if (!leftOff) return { ...fallback, why: 'empty summary' }
146 return { leftOff, next: oneLine(o.next ?? '', 60), note, at: Date.now() }
147 } catch {
148 return { ...fallback, why: `reply was not JSON: ${oneLine(r.text, 60)}` }
149 }
150}
151
152// The person's own words: typed at the prompt, from the phone bridge or the SDK host, a Slack
153// ping from the owner, or a mod sending them as the person's (`asUser`). No origin counts as
154// typed (the engine leaves it out for the person's own prompt).
155const TYPED = new Set(['composer', 'bridge', 'sdk', 'slack-ping'])
156
157export function isTyped(origin: PromptOrigin | undefined, text: string) {
158 if (isWrapped(text)) return false
159 if (!origin) return true
160 return TYPED.has(origin.kind) || (origin.kind === 'plugin' && origin.asUser === true)
161}
162
163// Text the engine wraps in tags or frames, not words anyone typed: `<task-notification>`,
164// `<local-command-caveat>`, `<command-name>`, `<system-reminder>`, a peer session's message.
165export function isWrapped(text: string) {
166 const t = text.trimStart()
167 // Only the engine's own wrappers: a prompt the person starts with `<div>` is still theirs.
168 return /^<(task-notification|local-command-caveat|local-command-stdout|command-name|command-message|command-args|system-reminder)\b/.test(t) || t.startsWith('Another Claude session sent a message')
169}
170
171export function kebab(text: string) {
172 return text
173 .toLowerCase()
174 .replace(/["'`.]/g, '')
175 .replace(/[^a-z0-9]+/g, '-')
176 .replace(/^-+|-+$/g, '')
177 .split('-')
178 .slice(0, 4)
179 .join('-')
180}
181
182export function ago(at: number, now = Date.now()) {
183 const m = Math.round((now - at) / 60_000)
184 if (m < 1) return 'just now'
185 if (m < 60) return `${m}m ago`
186 const hours = Math.round(m / 60)
187 return hours < 48 ? `${hours}h ago` : `${Math.round(hours / 24)}d ago`
188}
189
190function oneLine(text: string, max: number) {
191 const t = text.replace(/\s+/g, ' ').replace(/\s*—\s*/g, ', ').trim()
192 return t.length <= max ? t : `${t.slice(0, max - 1)}…`
193}
194types/index.d.ts 8 lines1export type Parked = { leftOff: string; next: string; note: string; at: number }
2
3declare module 'claude-code' {
4 interface PluginState {
5 'session-saver': { resumed: Parked | null; isShown: boolean }
6 }
7}
8