Notification inbox + native OS notifications when a long turn ends, a subagent or background task finishes, or Claude is stuck waiting for your approval.

Panels, guardrails and quality-of-life mods for Claude Code: see what fills your context, how fast you burn your plan, and what the agent is running right now, and block the commands you never want run.
<img src="docs/demo-guardrails.gif" alt="guardrails blocking an agent's oc delete all --all before it runs" width="900">
<sub>If a mod saves you from one bad approve, a ⭐ on this repo helps other people find it.</sub>
Claude Code is a black box while it works. You can't see the context window filling up until it compacts away the decision you made an hour ago. You find out you've burned your 5-hour limit when it stops answering. You approve a command, tab away, and come back ten minutes later to find it has been waiting on a second approval the whole time. And most people discover /rewind only after the edit they wanted to undo.
claude-mods is a set of small plugins that open that box. Each mod is a standalone Claude Code plugin built on function hooks, the in-process plugin API: it sees every prompt, tool call and turn as it happens, and it can draw panels, toasts and status lines inside Claude Code itself. Install all eleven or only the ones you want.
They are deliberately boring about tokens. Nine of the eleven never call a model. The two that do (prompt-coach's review and context-keeper's handoff note) say so and are easy to turn off.
| 🧩 mod-manager | One panel (/mods) to install, turn on or off, update, or remove each mod, with presets (Safety only, Essentials, Zero tokens, Everything). Shows when a mod has a newer version. Install this first and pick the rest |
| 🚦 quickbar | One line above the prompt: live context % and a button for every claude-mods panel you have installed. Start here |
| 🧠 context-keeper | What fills your context window, tips to trim it, and checkpoints: a handoff note (goal, decisions, files, TODOs) saved to .claude/checkpoints/ so /clear and /compact stop losing the thread. Archives the raw transcript before every compaction, for zero tokens |
| 📈 usage-meter | 5-hour and 7-day plan-limit bars with reset countdown, burn rate and "full in ~2.3h", session cost, cache hit ratio (and why it's low), tokens-per-turn sparkline (drawn as charts in the desktop app) |
| 🔔 notify | Notification inbox plus native OS notifications (Windows, macOS, Linux) when a long turn ends, a subagent or background task finishes, Claude asks you something, or an approval has been waiting 15s |
| 👀 activity | What Claude is doing this second: thinking, running $ npm test for 0m42s, waiting for YOUR approval, which subagents run, and its todo plan with progress |
| 🛡️ guardrails | Clickable safety rules with presets (Safe defaults, Locked to project, Read-only review): block rm -rf, mass kubectl/oc deletes, terraform destroy, force-push, destructive git, .env and key files, sudo, installs, network; keep Claude inside the project; add your own patterns. Checks scripts the agent wrote before they run, and keeps a weekly log of what it blocked |
| ✍️ prompt-coach | Before a vague prompt is sent, a small fast model suggests a sharper one. You pick Send improved / Send mine / Edit. Never rewrites silently, never touches "yes" or "continue" |
| 🧰 toolbox | Every tool Claude can use (built-in and MCP, grouped by server) in plain language, how often each was used, and suggestions for the project you're in |
| ⌨️ command-hub | The built-in commands you're probably missing, each with when to use it; a searchable list of everything installed; a form to create your own slash command; tips when your prompt matches one ("undo that" → /rewind) |
| 📝 changes | Every file Claude created or edited this session with +/- counts from git, plus one-click why?, summarize all and self-review |
| 🔁 loop-breaker | Notices Claude going in circles (the same command failing 3×, the same code rewritten 3× in a turn), tells you, and tells Claude to stop and rethink |
activity: what Claude is running right now, and the moment it's waiting on you
<img src="docs/demo-activity.gif" alt="activity panel showing thinking, waiting for approval, then completed tool calls" width="900">
context-keeper + usage-meter: what fills the window, a checkpoint saved to disk, plan limits
<img src="docs/demo-context.gif" alt="context panel, writing a checkpoint, then the usage meter" width="900">
prompt-coach: a vague prompt, a suggested rewrite, you choose
<img src="docs/demo-coach.gif" alt="prompt coach suggesting a sharper prompt and sending it" width="900">
command-hub: the built-in commands worth knowing, explained
<img src="docs/demo-commands.gif" alt="command hub listing essential slash commands" width="900">
You ──prompt──▶ ┌──────────────────────────────┐
│ Claude Code engine │
│ │
│ prompt.submit tool.call │
│ turn.start turn.complete│
│ session.compact ui.render │
└──────┬─────────────────▲──────┘
events, in │ │ allow · deny · rewrite
order, live ▼ │ panes · toasts · status
┌──────────────────────────────┐
│ claude-mods (one plugin each)│
│ │
│ guardrails ── may deny ──────┤
│ prompt-coach ─ may ask you ──┤
│ activity · changes · notify │
│ usage-meter · context-keeper │──▶ .claude/checkpoints/
│ toolbox · command-hub ... │──▶ OS notifications
└──────────────────────────────┘
What a mod sees. Each mod registers hooks on engine events. A tool.call hook sits in front of every tool the agent runs (Bash, Edit, MCP tools, subagents) and sees its real arguments before anything executes. That is how activity can show the exact command and guardrails can refuse it.
What it can change. A hook either passes the event on, rewrites it, or answers it itself. Guardrails answers with a denial the model reads ("blocked by the user's guardrails, don't work around it"). Prompt-coach never rewrites on its own: it asks you first, in Claude Code's own question dialog.
What it draws. Panels are ui.render hooks returning a small element tree (Box, Text, Button, Input) that Claude Code draws natively in the terminal and the desktop app. State lives in the engine ($.state), so panels survive a hot reload and redraw only when their data changes.
What it costs. Nothing, for nine of the mods. They read numbers the engine already has ($.session.usage(), $.tool.list(), $.command.list()). The two model calls are opt-out and listed under Honest limits.
Prerequisites: Claude Code 2.1.286 or newer (claude update). Panels dock beside the chat in the desktop app or a terminal ≥ 144 columns wide, and open inline in narrower terminals.
From any terminal:
claude plugin marketplace add mishgoldenberg/claude-mods
claude plugin install mod-manager@claude-mods
(In the Claude Code CLI you can also use /plugin marketplace add mishgoldenberg/claude-mods and the /plugin menu.)
Restart Claude Code. The first session says hello once ("claude-mods ready: /mods to pick your set"). Type /mods: the manager lists every mod with what it does, whether it uses tokens, and whether an update is available. Install, turn on or off, update, or remove each one with a click, or apply a preset:
| Preset | What you get |
|---|---|
| Safety only | guardrails, notify |
| Essentials | guardrails, activity, notify, context-keeper, usage-meter |
| Zero tokens | every mod that never calls a model |
| Everything | all eleven |
Presets turn off what they don't list and never remove anything. Changes apply in your next session.
With quickbar installed, a one-line bar sits above the prompt: live context % and a button for every installed panel. /quickbar (or its ×) hides it; /quickbar again brings it back.
Or just ask Claude: "Install the claude-mods plugins from github.com/mishgoldenberg/claude-mods. Follow its INSTALL-FOR-CLAUDE.md."
The VS Code extension has no /plugin menu, so install from a terminal with the two commands in step 1, then use /mods inside VS Code. Mods need the extension to run Claude Code 2.1.286 or newer.
for m in quickbar context-keeper usage-meter notify activity guardrails prompt-coach toolbox command-hub changes loop-breaker; do
claude plugin install "$m@claude-mods"
done
git clone https://github.com/mishgoldenberg/claude-mods.git
claude --plugin-dir claude-mods/plugins/activity --plugin-dir claude-mods/plugins/guardrails
| Command | Mod | What it does | |||
|---|---|---|---|---|---|
/mods | mod-manager | Install, turn on or off, update, or remove mods; apply a preset | |||
/quickbar | quickbar | Show or hide the launcher above the prompt | |||
/ctx | context-keeper | Open the context panel | |||
/checkpoint | context-keeper | Save a handoff note of this session now | |||
/resume-checkpoint | context-keeper | Load the latest checkpoint into the prompt box (use after /clear) | |||
/meter | usage-meter | Open plan limits, burn rate and cost | |||
/notifications | notify | Open the notification inbox | |||
| `/mute [on\ | off]` | notify | Mute or unmute notifications | ||
/activity | activity | Open the live activity panel | |||
/guard | guardrails | Open the rules panel | |||
| `/guard-preset <safe\ | locked\ | review\ | off>` | guardrails | Apply a preset |
/guard-log [json] | guardrails | What guardrails blocked in the last 7 days | |||
| `/coach [on\ | off]` | prompt-coach | Turn the prompt coach on or off | ||
/tools | toolbox | Open the tools panel and project suggestions | |||
/cmds | command-hub | Open the command hub | |||
/new-command | command-hub | Create your own slash command | |||
/changes | changes | Open the changed-files panel |
Options appear in /config once a mod is installed, or go in ~/.claude/settings.json under pluginConfigs.<mod>.
| Option | Default | Description |
|---|---|---|
warnAt | 70 | Toast a tip when context passes this % |
checkpointAt | 85 | Write a handoff note automatically at this % (0 = off) |
| Option | Default | Description |
|---|---|---|
warnAt | 80 | Toast when a plan window passes this % (a second toast always fires at 95%) |
| Option | Default | Description |
|---|---|---|
minSeconds | 30 | Only notify for turns at least this long |
osNotify | true | Also raise a native OS notification |
approvalWaitSeconds | 15 | Ping when an approval has waited this long (-1 = off) |
| Mod | Option | Default | Description |
|---|---|---|---|
| activity | autoOpen | false | Dock the panel on session start when there is room |
| prompt-coach | enabled | true | Review prompts before sending |
| prompt-coach | model | claude-haiku-4-5 | Reviewer model; small keeps the delay near a second |
| prompt-coach | minChars | 8 | Never review prompts shorter than this |
| loop-breaker | failLimit | 3 | Same failing command this many times in a row |
| loop-breaker | editLimit | 3 | Times the same code is rewritten in one turn (separate edits to different parts of a file never count) |
| Rule | Blocks | In preset |
|---|---|---|
no-rm-rf | rm -rf, rm -fr, Remove-Item -Recurse -Force, rmdir /s | Safe · Locked |
no-mass-delete | kubectl/oc delete --all or -A, delete namespace/project, helm uninstall, terraform destroy | Safe · Locked · Review |
no-force-push | git push --force / -f (--force-with-lease allowed) | Safe · Locked |
no-history-rewrite | git reset --hard, git clean -f, git checkout -- ., branch -D, stash drop, fetch/pull --prune, remote prune | Safe · Locked |
protect-secrets | reading or writing .env*, *.pem, *.key, id_rsa, credentials files | Safe · Locked · Review |
no-sudo | sudo, su -, runas | Safe · Locked · Review |
no-installs | npm i, pip install, cargo add, brew/apt/winget install … | Review |
no-network | WebFetch, WebSearch, curl, wget, Invoke-WebRequest | — |
jail-writes | Write/Edit outside the project folder | — |
jail-all | any file tool outside the project, cd out of it | Locked |
read-only | all edits; shell limited to look-only commands | Review |
Guardrails turns on Safe defaults the first time it loads. /guard-preset off turns everything off.
Whatever the preset, while any rule is on:
Write in this session (and edits after that) is remembered, and when a shell command runs it (bash cleanup.sh, python tools/x.py, ./run, node a.mjs), its code is checked against your enabled rules and patterns first. os.system("rm -rf …") inside a Python file counts.Write/Edit on them, and the obvious shell writes (sed -i, >, tee, cp, mv, rm), are denied with the same "ask the user" message./guard-log prints a summary (/guard-log json for the raw list), and clear wipes it. Commands are cut to 200 characters.Mods run inside Claude Code with your permissions and no sandbox, so this is the right question to ask about any mod, including these. What these ones do:
git diff --numstat (changes), the claude plugin CLI when you open /mods or click in it (mod-manager; only Install, Update and Check for updates go online, through Claude Code's own plugin installer), your OS notification tool (notify), and gh --version to see whether the GitHub CLI exists (toolbox)..claude/checkpoints/ (context-keeper), and a new slash command file when you use the form (command-hub). Settings, and guardrails' 30-day block log, live in Claude Code's own plugin store under ~/.claude. Nothing else.Every mod is a few hundred lines of TypeScript in plugins/<mod>/hooks/register.tsx. Read the ones you install.
rm -rf doesn't block you, except when the text is handed to a shell (bash -c, | sh, powershell -Command), which is checked. For hard guarantees use Claude Code's permission rules and sandboxing; use guardrails to catch the honest mistakes./coach off turns it off.claude-mods/
├── .claude-plugin/
│ └── marketplace.json The marketplace: one entry per mod
├── plugins/
│ ├── activity/
│ │ ├── .claude-plugin/
│ │ │ └── plugin.json Name, description, userConfig options
│ │ ├── hooks/
│ │ │ ├── hooks.json Points at the hooks module
│ │ │ └── register.tsx The mod: hooks, commands, panel
│ │ ├── tests/
│ │ │ └── surfaces.test.tsx The panel draws on every surface (claude plugin test)
│ │ └── types/
│ │ └── index.d.ts Its $.state contract
│ ├── guardrails/ …same shape for every mod
│ └── …
├── docs/
│ └── design.md The shared design spec and kit every mod copies
├── tests/
│ ├── guardrails-rules.test.mjs Every rule against real commands
│ └── design-kit.test.mjs Every mod's kit matches docs/design.md
├── INSTALL-FOR-CLAUDE.md Steps Claude follows when asked to install
└── tsconfig.json Type-checks all mods against the engine API
Add a guardrail rule. Append an entry to RULES in plugins/guardrails/hooks/register.tsx (an id, a title, and a test that returns the offending text) and add cases to tests/guardrails-rules.test.mjs. The panel and presets pick it up automatically.
Add an essential command. One line in ESSENTIALS in plugins/command-hub/hooks/register.tsx. It only shows when that command exists in the user's Claude Code.
Write a new mod. Copy plugins/changes (a small mod with a panel) or plugins/loop-breaker (no UI), rename it everywhere, and add it to marketplace.json. Or ask Claude Code to "make a mod that …": it has a built-in skill for exactly this, with hot reload.
Issues and pull requests are welcome. Start with CONTRIBUTING.md, which has the mod checklist.
npm install
npm run typecheck
npm test
claude plugin validate plugins/<mod>
claude plugin test plugins/<mod>
Every mod follows one design spec, docs/design.md: theme colors only (Claude orange as the single accent), the same pane header, glyphs, hotkeys and empty states, so the set feels like one product in any theme.
Two house rules worth knowing before you write anything, because the validator enforces both:
$ must be top-level function declarations. A closure inside register that receives $ is rejected.$.state key is declared in the mod's types/index.d.ts, under the mod's name.Found a way around guardrails, or another security problem? Please report it privately; see SECURITY.md.
MIT © 2026 Michael Goldenberg
hooks/register.tsx 256 lines1import { atom, read, update } from 'claude-code'
2import type { ElementTable, EngineInterface, Register, RenderChildren } from 'claude-code'
3
4import type { NotifyEntry, NotifyKind } from '../types'
5
6// ── claude-mods kit v1 (docs/design.md): identical in every mod ──
7const TONE = { accent: 'claude', ok: 'success', warn: 'warning', bad: 'error', dim: 'inactive' } as const
8const GLYPH = { on: '●', off: '○', warn: '▲', ok: '✓', fail: '✗' } as const
9type Kit = Pick<ElementTable, 'Box' | 'Text'>
10
11/** Pane header: state glyph, mod name, one-line live status. */
12function header({ Box, Text }: Kit, glyph: string, tone: string, name: string, status: string) {
13 return (
14 <Box gap={1}>
15 <Text color={tone}>{glyph}</Text>
16 <Text bold>{name}</Text>
17 <Text dimColor wrap="truncate-end">{status}</Text>
18 </Box>
19 )
20}
21
22/** A section: a dim label (with optional small controls beside it), then its rows. */
23function section({ Box, Text }: Kit, label: string, rows: RenderChildren, aside?: RenderChildren) {
24 return (
25 <Box flexDirection="column">
26 <Box gap={1}>
27 <Text dimColor>{label}</Text>
28 {aside}
29 </Box>
30 {rows}
31 </Box>
32 )
33}
34
35/** A number right-aligned in a fixed-width cell. */
36function num({ Box, Text }: Kit, value: string, width: number, color?: string) {
37 return (
38 <Box width={width} flexShrink={0} justifyContent="flex-end">
39 <Text color={color}>{value}</Text>
40 </Box>
41 )
42}
43
44/** Empty state: what will show up here, and how to get it. */
45function empty({ Text }: Kit, text: string) {
46 return <Text dimColor>{text}</Text>
47}
48// ── end kit ──
49
50const PANE = 'notify'
51const entries = atom({ plugin: 'notify', key: 'entries' } as const, [])
52const isMuted = atom({ plugin: 'notify', key: 'isMuted' } as const, false)
53
54const ICON: Record<NotifyKind, string> = { turn: GLYPH.ok, agent: GLYPH.ok, task: GLYPH.ok, approval: GLYPH.warn, question: GLYPH.warn, error: GLYPH.fail }
55const TONE_OF: Record<NotifyKind, string> = { turn: TONE.ok, agent: TONE.ok, task: TONE.ok, approval: TONE.warn, question: TONE.warn, error: TONE.bad }
56
57const firstLine = (text: string, max = 90) => {
58 const line = text.split('\n').map(l => l.trim()).find(l => l.length > 0) ?? ''
59
60 return line.length > max ? `${line.slice(0, max - 1)}…` : line
61}
62
63const took = (ms: number) => {
64 const s = Math.round(ms / 1000)
65
66 return s >= 60 ? `${Math.floor(s / 60)}m ${s % 60}s` : `${s}s`
67}
68
69/** Best-effort native notification so you hear about it when the window is in the background. */
70async function osNotify($: EngineInterface, title: string, body: string) {
71 const safe = (s: string) => s.replace(/["'`$\\]/g, ' ').slice(0, 200)
72 try {
73 if ((await $.env.get('OS')) === 'Windows_NT') {
74 const script = [
75 'Add-Type -AssemblyName System.Windows.Forms',
76 '$n = New-Object System.Windows.Forms.NotifyIcon',
77 '$n.Icon = [System.Drawing.SystemIcons]::Information',
78 '$n.Visible = $true',
79 `$n.ShowBalloonTip(6000, '${safe(title)}', '${safe(body) || ' '}', 'Info')`,
80 'Start-Sleep -Seconds 7',
81 '$n.Dispose()',
82 ].join('; ')
83 void $.process.run(['powershell', '-NoProfile', '-WindowStyle', 'Hidden', '-Command', script])
84 return
85 }
86 const uname = await $.process.run(['uname'])
87 if (uname.stdout.trim() === 'Darwin') {
88 await $.process.run(['osascript', '-e', `display notification "${safe(body)}" with title "${safe(title)}" sound name "Glass"`])
89 } else {
90 await $.process.run(['notify-send', safe(title), safe(body)])
91 }
92 } catch (error) {
93 $.ui.log(`notify: native notification failed: ${String(error)}`, { to: 'debug' })
94 }
95}
96
97let useOs = true
98// In auto mode a tool call that comes back 'ask' goes to the classifier, not to you, so there is no approval to wait on.
99let isAutoMode = false
100
101/** Records a notification in the inbox, toasts it, and (when `native`) raises an OS notification. */
102async function push($: EngineInterface, kind: NotifyKind, title: string, body: string, native: boolean) {
103 const entry: NotifyEntry = { at: await $.clock.now(), kind, title, body, isRead: false }
104 await update($, entries, list => [entry, ...list].slice(0, 100))
105 if (await read($, isMuted)) return
106 $.ui.toast(`${ICON[kind]} ${title}${body ? `: ${body}` : ''}`, { timeoutMs: 7000 })
107 if (native && useOs) await osNotify($, `Claude Code · ${title}`, body)
108}
109
110export const register: Register = (on, options) => {
111 const minSeconds = Number(options.minSeconds ?? 30)
112 useOs = options.osNotify !== false
113 const approvalWaitSeconds = Number(options.approvalWaitSeconds ?? 15)
114 const pendingApprovals = new Map<string, () => void>()
115
116 on('session.start', async ($, e, next) => {
117 await $.command.register({ name: 'notifications', description: 'Open the notification inbox' })
118 await $.command.register({ name: 'mute', description: 'Mute or unmute claude-mods notifications', argumentHint: '[on|off]' })
119
120 return next(e)
121 })
122
123 on('command.run', { command: 'notifications' }, async $ => {
124 await $.ui.open({ id: PANE, title: 'Notifications' })
125 await update($, entries, list => list.map(n => ({ ...n, isRead: true })))
126
127 return { text: 'Notification inbox opened.' }
128 })
129
130 on('command.run', { command: 'mute' }, async ($, e) => {
131 const muted = e.args.trim() === 'off' ? false : e.args.trim() === 'on' ? true : !(await read($, isMuted))
132 await update($, isMuted, () => muted)
133
134 return { text: muted ? 'Notifications muted.' : 'Notifications on.' }
135 })
136
137 on('turn.complete', async ($, e, next) => {
138 const result = await next(e)
139
140 if (e.agentId !== undefined) {
141 const agent = (await $.agent.list()).find(a => a.id === e.agentId)
142 const name = agent?.description ?? agent?.type ?? 'Subagent'
143 await push($, 'agent', `${name} finished (${took(e.durationMs)})`, firstLine(e.answer), e.durationMs >= minSeconds * 1000)
144 return result
145 }
146
147 if (e.reason === 'error') {
148 await push($, 'error', 'Turn failed', firstLine(e.answer), true)
149 } else if (e.reason === 'refusal') {
150 await push($, 'error', 'Turn refused', e.refusal.explanation ?? '', true)
151 } else if (!e.isAborted && e.durationMs >= minSeconds * 1000) {
152 await push($, 'turn', `Done in ${took(e.durationMs)}`, firstLine(e.answer), true)
153 }
154
155 return result
156 })
157
158 on('prompt.attachment', async ($, e, next) => {
159 if (e.type === 'auto_mode') isAutoMode = true
160 else if (e.type === 'auto_mode_exit') isAutoMode = false
161
162 return next(e)
163 })
164
165 on('session.receive', async ($, e, next) => {
166 if (e.origin.kind === 'task-notification') {
167 const status = /<status>([^<]+)<\/status>/.exec(e.text)?.[1]
168 const summary = /<summary>([^<]+)<\/summary>/.exec(e.text)?.[1]
169 await push($, 'task', `Background task ${status ?? 'update'}`, firstLine(summary ?? e.text), true)
170 }
171
172 return next(e)
173 })
174
175 on('tool.call', async ($, e, next) => {
176 if (e.tool === 'AskUserQuestion') {
177 // Only when Claude asks. A plugin's $.ui.ask (prompt-coach's suggestion) also arrives here,
178 // raised by that plugin while you are right at the prompt.
179 if (e.agentId === undefined && next.origin.plugin === 'engine') await push($, 'question', 'Claude has a question for you', '', true)
180 return next(e)
181 }
182
183 // Find out whether this call will stop for your approval; if it sits there, ping you.
184 const { tool, tool_use_id, agentId, ...input } = e as unknown as { tool: string; tool_use_id: string; agentId?: string } & Record<string, unknown>
185 let check: { decision: string } = { decision: 'allow' }
186 try {
187 check = await $.tool.check({ tool, input })
188 } catch {
189 // no verdict available; treat as allow
190 }
191
192 if (check.decision === 'ask' && !isAutoMode && approvalWaitSeconds >= 0) {
193 const timer = $.clock.after(approvalWaitSeconds * 1000, () => {
194 void push($, 'approval', `Waiting for your approval${agentId ? ' (subagent)' : ''}`, `${tool}`, true)
195 })
196 pendingApprovals.set(tool_use_id, () => timer.cancel())
197 }
198
199 try {
200 return await next(e)
201 } finally {
202 pendingApprovals.get(tool_use_id)?.()
203 pendingApprovals.delete(tool_use_id)
204 }
205 })
206
207 on('ui.render', { component: 'Pane', requestId: PANE }, async ($, e) => {
208 const { Box, Text, Button } = $.ui.resolve(e)
209 const list = await read($, entries)
210 const muted = await read($, isMuted)
211 const room = Math.max(3, Math.floor(((e.viewport?.rows ?? 30) - 6) / 2))
212
213 const kit = { Box, Text }
214 const unread = list.filter(n => !n.isRead).length
215 const status = muted ? 'muted · nothing pops up until you unmute' : list.length === 0 ? 'listening' : `${list.length} notification${list.length === 1 ? '' : 's'}${unread > 0 ? ` · ${unread} unread` : ''}`
216
217 return (
218 <Box flexDirection="column" gap={1}>
219 {header(kit, muted ? GLYPH.off : GLYPH.on, muted ? TONE.dim : TONE.accent, 'notify', status)}
220 <Box gap={1}>
221 <Button key="mute" hotkey="m" label={muted ? 'Unmute' : 'Mute'} onPress={() => void update($, isMuted, m => !m)} />
222 <Button key="clear" hotkey="c" label="Clear" onPress={() => void update($, entries, () => [])} />
223 <Button key="test" hotkey="t" label="Test" onPress={() => void push($, 'turn', 'Test notification', 'If you see this, notify works.', true)} />
224 </Box>
225 {section(
226 kit,
227 'Inbox',
228 <Box flexDirection="column">
229 {list.length === 0 && empty(kit, 'Nothing yet. Long turns, finished subagents, background tasks and pending approvals show up here. Press t to send a test.')}
230 {list.slice(0, room).map(n => (
231 <Box flexDirection="column">
232 <Box gap={1}>
233 <Text color={TONE_OF[n.kind]}>{ICON[n.kind]}</Text>
234 <Box flexGrow={1} flexShrink={1}>
235 <Text bold={!n.isRead} wrap="truncate-end">
236 {n.title}
237 </Text>
238 </Box>
239 <Text dimColor>{new Date(n.at).toLocaleTimeString()}</Text>
240 </Box>
241 {n.body !== '' && (
242 <Box paddingLeft={2}>
243 <Text dimColor wrap="truncate-end">
244 {n.body}
245 </Text>
246 </Box>
247 )}
248 </Box>
249 ))}
250 </Box>,
251 )}
252 </Box>
253 )
254 })
255}
256types/index.d.ts 13 lines1export type NotifyKind = 'turn' | 'agent' | 'task' | 'approval' | 'question' | 'error'
2
3export type NotifyEntry = { at: number; kind: NotifyKind; title: string; body: string; isRead: boolean }
4
5declare module 'claude-code' {
6 interface PluginState {
7 notify: {
8 entries: NotifyEntry[]
9 isMuted: boolean
10 }
11 }
12}
13