SLOPSHOPPER

notify

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

newpaneguardcommandtoastprompt
★ 5v0.1.3MITupdated 2026-10-05mishgoldenberg/claude-mods/plugins/notify
A shopper browsing a rack in a slop shop
Preview · a replayed session in a sandbox
claude · ~/work/app · notify
│ ┃ Notifications ✕ › fix the failing auth╭────────────────────────────────────────────╮ │ ┃ ○ notify muted · nothing pops up until you u │ notify │ │ ┃ ⏺ Read(src/auth.ts) │ ✓ Done in 42s: Done. I made `refresh` │ │ ┃ [ Unmute ] [ Clear ] [ Test ] ⎿ Read 6 lines │ reject expired claims, added an audit │ │ ┃ ⏺ Update(src/auth.ts) │ call, and created `src/audit… │ │ ┃ Inbox ⎿ Added 2 lines, re╰────────────────────────────────────────────╯ │ ┃ ✓ Done in 42s 1:53:20 AM ⏺ Bash(bun test) │ ┃ Done. I made `refresh` reject expired cla… ⎿ 3 pass, 1 fail │ │ ● Done. refresh now rejects expired claims and logs an audit event. │ │ ✻ Worked for 42s · done 4:20 PM │ │ › /notifications │ ⎿ notify: Notification inbox opened. │ │ ────────────────────────────────────────────────────────────────────────────────────────────────────────────────────── › ? for shortcuts

Draws

Pane · Notifications
○ notify muted · nothing pops up until you unmute [ Unmute ] [ Clear ] [ Test ] Inbox ✓ Done in 42s 1:53:20 AM Done. I made `refresh` reject expired claims, added an au…
README

🧩 claude-mods

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.

CI Claude Code TypeScript Mods License: MIT

<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>


What is this?

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.


✨ Features

🧩 mod-managerOne 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
🚦 quickbarOne line above the prompt: live context % and a button for every claude-mods panel you have installed. Start here
🧠 context-keeperWhat 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-meter5-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)
🔔 notifyNotification 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
👀 activityWhat Claude is doing this second: thinking, running $ npm test for 0m42s, waiting for YOUR approval, which subagents run, and its todo plan with progress
🛡️ guardrailsClickable 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-coachBefore 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"
🧰 toolboxEvery 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-hubThe 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)
📝 changesEvery file Claude created or edited this session with +/- counts from git, plus one-click why?, summarize all and self-review
🔁 loop-breakerNotices 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

🎬 See it in action

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">


🏗️ How it works

              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.


🚀 Quick Start

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.

1. Add the marketplace and the manager

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.)

2. Pick your mods

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:

PresetWhat you get
Safety onlyguardrails, notify
Essentialsguardrails, activity, notify, context-keeper, usage-meter
Zero tokensevery mod that never calls a model
Everythingall eleven

Presets turn off what they don't list and never remove anything. Changes apply in your next session.

3. Use the quickbar

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."

VS Code

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

Try one without installing

git clone https://github.com/mishgoldenberg/claude-mods.git
claude --plugin-dir claude-mods/plugins/activity --plugin-dir claude-mods/plugins/guardrails

💬 Commands

CommandModWhat it does
/modsmod-managerInstall, turn on or off, update, or remove mods; apply a preset
/quickbarquickbarShow or hide the launcher above the prompt
/ctxcontext-keeperOpen the context panel
/checkpointcontext-keeperSave a handoff note of this session now
/resume-checkpointcontext-keeperLoad the latest checkpoint into the prompt box (use after /clear)
/meterusage-meterOpen plan limits, burn rate and cost
/notificationsnotifyOpen the notification inbox
`/mute [on\off]`notifyMute or unmute notifications
/activityactivityOpen the live activity panel
/guardguardrailsOpen the rules panel
`/guard-preset <safe\locked\review\off>`guardrailsApply a preset
/guard-log [json]guardrailsWhat guardrails blocked in the last 7 days
`/coach [on\off]`prompt-coachTurn the prompt coach on or off
/toolstoolboxOpen the tools panel and project suggestions
/cmdscommand-hubOpen the command hub
/new-commandcommand-hubCreate your own slash command
/changeschangesOpen the changed-files panel

⚙️ Configuration Reference

Options appear in /config once a mod is installed, or go in ~/.claude/settings.json under pluginConfigs.<mod>.

context-keeper

OptionDefaultDescription
warnAt70Toast a tip when context passes this %
checkpointAt85Write a handoff note automatically at this % (0 = off)

usage-meter

OptionDefaultDescription
warnAt80Toast when a plan window passes this % (a second toast always fires at 95%)

notify

OptionDefaultDescription
minSeconds30Only notify for turns at least this long
osNotifytrueAlso raise a native OS notification
approvalWaitSeconds15Ping when an approval has waited this long (-1 = off)

activity · prompt-coach · loop-breaker

ModOptionDefaultDescription
activityautoOpenfalseDock the panel on session start when there is room
prompt-coachenabledtrueReview prompts before sending
prompt-coachmodelclaude-haiku-4-5Reviewer model; small keeps the delay near a second
prompt-coachminChars8Never review prompts shorter than this
loop-breakerfailLimit3Same failing command this many times in a row
loop-breakereditLimit3Times the same code is rewritten in one turn (separate edits to different parts of a file never count)

guardrails rules

RuleBlocksIn preset
no-rm-rfrm -rf, rm -fr, Remove-Item -Recurse -Force, rmdir /sSafe · Locked
no-mass-deletekubectl/oc delete --all or -A, delete namespace/project, helm uninstall, terraform destroySafe · Locked · Review
no-force-pushgit push --force / -f (--force-with-lease allowed)Safe · Locked
no-history-rewritegit reset --hard, git clean -f, git checkout -- ., branch -D, stash drop, fetch/pull --prune, remote pruneSafe · Locked
protect-secretsreading or writing .env*, *.pem, *.key, id_rsa, credentials filesSafe · Locked · Review
no-sudosudo, su -, runasSafe · Locked · Review
no-installsnpm i, pip install, cargo add, brew/apt/winget install …Review
no-networkWebFetch, WebSearch, curl, wget, Invoke-WebRequest—
jail-writesWrite/Edit outside the project folder—
jail-allany file tool outside the project, cd out of itLocked
read-onlyall edits; shell limited to look-only commandsReview

Guardrails turns on Safe defaults the first time it loads. /guard-preset off turns everything off.

Whatever the preset, while any rule is on:

  • Scripts are checked before they run. A file the agent creates with 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.
  • The agent can't edit guardrails' own settings. Write/Edit on them, and the obvious shell writes (sed -i, >, tee, cp, mv, rm), are denied with the same "ask the user" message.
  • Blocks are logged. Every block is kept for 30 days on this machine. The panel shows the last 7 days by rule, /guard-log prints a summary (/guard-log json for the raw list), and clear wipes it. Commands are cut to 200 characters.

🔒 Is it safe to install?

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:

  • No network. No mod makes a web request, and there is no telemetry. Nothing leaves your machine except the two opt-in model calls below, which go through your own Claude Code session like any prompt.
  • Processes they start, all of them: 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).
  • Files they write: checkpoints and pre-compaction archives under .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.
  • Model calls: prompt-coach and context-keeper's handoff note, both listed below and both easy to turn off.

Every mod is a few hundred lines of TypeScript in plugins/<mod>/hooks/register.tsx. Read the ones you install.


⚠️ Honest limits

  • Guardrails is a seatbelt, not a sandbox. Rules are pattern checks on the commands and paths the agent passes to tools. Scripts the agent wrote this session are checked before they run, but a script that arrives another way (downloaded, generated by a shell command, already in the repo) or an obfuscated command gets through, and so can a shell trick that rewrites guardrails' settings. Quoted prose (commit messages, text written to files) is ignored so that mentioning 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.
  • prompt-coach costs a little. A reviewed prompt waits about a second for a small model, and uses a few hundred tokens. When you send the improved version, the chat still shows what you typed; a dim "prompt-coach sent the improved version" line below it shows what was actually sent. Short replies are never reviewed. /coach off turns it off.
  • context-keeper's handoff note costs a little. It asks the model for a summary over the already-cached conversation, so it is mostly cache reads. The pre-compaction archive costs nothing.
  • Function hooks are early access. A Claude Code update can break a mod. CI validates every mod against the engine's own validator, and issues are welcome.

🗂️ Project Structure

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

🔧 Extending it

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.


🤝 Contributing

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:

  • Helpers that take $ must be top-level function declarations. A closure inside register that receives $ is rejected.
  • Every $.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.


📄 License

MIT © 2026 Michael Goldenberg

Source 2 files
hooks/register.tsx 256 lines
1import { 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}
256
types/index.d.ts 13 lines
1export 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