# Debug Snapshot

> Capture a redacted debug bundle (state, screenshots, DOM, logs) for AI analysis (debug-only)

| | |
|---|---|
| Version | 1.0.0 |
| Category | Dev Tools |
| Depends on | ai-chat |

# Debug Snapshot

Capture a redacted debug bundle (state, screenshots, DOM, logs) for AI analysis (debug-only)

**Type:** `backend` — see `.claude/skills/kazuo-create-plugin/references/plugin-examples.md`

## Files

- `manifest.json` — metadata, `defaultSettings`, `defaultWidgetConfig`
- `widget.html` / `js/widget.js` / `css/widget.css` — main UI
  - has its own "⚙" button + settings overlay built into widget.html/widget.js (host no longer provides a per-widget gear icon — see references/plugin-runtime-api.md section 1b)
- `locales/en.json5` / `locales/vi.json5` — UI strings under `widget.*`, applied to widget.html by `KazuoUtil.applyI18n()` through `data-i18n` attributes
- `main/index.ts` (+ compiled `main/index.js`) — runs in the Electron main process; `activate`/`deactivate` + optional `getMcpTools` (exposed to ai-chat's AI agent, Dev Mode only)

## Default settings

- `exampleSetting` — default: `""`

## Test

Open Kazuo AI → Plugin Manager — this plugin appears automatically (the host scans `plugins-library/` on its own, no registration needed) → Install → Enable.

After editing `main/index.ts`, recompile before testing: `npx tsc -p tsconfig.plugins.json` (run from the project root).