docs(self-driving): add an inbox example for the Claude Code settings hint

[posthog]

Changes

• This PR adds one example to the From our inbox gallery.
• The example starts from Error tracking. Invalid JSON in the local Claude Code settings file stopped the PostHog plugin install, and the wizard did not tell users what to fix.
• Changes in the command error text also split one failure into many error tracking issues.
• The fix adds a repair hint for invalid user settings, and keeps unexpected failures in error tracking under stable messages.
• The outcome says only what the merged pull request shows: the code change and its tests. The example does not claim a measured production result.
• The change is one new file in contents/. It is a content PR. The layout and navigation do not change, so this PR has no screenshots.

Why: Readers can see how Error tracking led to a clear recovery step for users and less fragmented error reports.

Reviewer checklist

• The linked implementation pull request is public and merged.
• No customer, person, or customer organization is named or identifiable.
• The example includes no security detail, internal volume, or internal link.
• Every statement follows the source report, its work log, or the merged diff.
• The example describes the code change and tests, without claiming measured production recovery.

Checks done

• npx prettier --check passes on the new file. (pnpm format does not match .md files.)
• PostHog/wizard#1366 is public and merged on 2026-10-07.
• The report ID and the linked PR are not in the other gallery examples. No open gallery PR covers this topic.
• The category field is free text, so "Error tracking" needs no code change.
• pnpm start loads /docs/self-driving/from-our-inbox, and the new card shows in the list. The console shows only known noise: one 404, two SVG width warnings, validateDOMNesting warnings from FromOurInbox, and one React componentWillMount deprecation warning. Other gallery PRs record the same entries, so this file does not cause them.
• The Cloudflare Pages deploy preview loads /docs/self-driving/from-our-inbox, and the new card shows in the list.

Checklist

• I've read the docs and/or content style guides.
• Words are spelled using American English
• Use relative URLs for internal links
• I've checked the pages added or changed in the Vercel preview build (Cloudflare Pages preview)
• If I moved a page, I added a redirect in vercel.json (no page moved)

---

Created with PostHog Desktop from this inbox report.

🤖 Generated with Claude Code

Origin

• Scout: a custom scout
• First signal: 2026-10-08
• Inbox report: open
• Task started by: auto-start, after the report was rated P3 and ready to fix

[github-actions]

Deploy preview

Status	Details	Updated (UTC)
🟢 Ready	View preview	Oct 08, 2026 03:08AM

[github-actions]

Bundle report

Total JS (gzip)

10.07 MiB (no change)

Eager graph (modules shipped in each entrypoint's initial chunks)

Entrypoint	Eager size	Budget	Modules
✅ app	19.36 MiB (no change)	report-only	2091

Largest modules in the app closure

Module	Size
./src/data/mcp-tools.json	1322.2 KiB
css ./node_modules/.pnpm/css-loader@5.2.7_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].oneOf[1].use[1]!./node_modules/.pnpm/postcss-loader@4.3.0_postcss@8.5.6_webpack@5.101.3/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].oneOf[1].use[2]!./src/styles/global.css	807.7 KiB
./src/components/Stickers/Stickers.tsx	696.4 KiB
./node_modules/.pnpm/@radix-ui+react-icons@1.3.2_react@18.3.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js	481.4 KiB
./node_modules/.pnpm/@posthog+brand@0.13.0_react@18.3.1/node_modules/@posthog/brand/dist/generated/hoggies/svg/x-ray.mjs	481.2 KiB
./node_modules/.pnpm/@posthog+brand@0.13.0_react@18.3.1/node_modules/@posthog/brand/dist/generated/hoggies/svg/trenchcoat.mjs	450.8 KiB
./node_modules/.pnpm/rehype-raw@7.0.0/node_modules/rehype-raw/lib/index.js + 29 modules	395.1 KiB
./node_modules/.pnpm/@posthog+brand@0.13.0_react@18.3.1/node_modules/@posthog/brand/dist/generated/hoggies/svg/im-the-driver.mjs	385.8 KiB
./src/hooks/useCustomers.tsx + 59 modules	380.8 KiB
./node_modules/.pnpm/@posthog+icons@0.36.6_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@posthog/icons/dist/posthog-icons.es.js	354.8 KiB
./node_modules/.pnpm/react-markdown@8.0.7_@types+react@16.14.66_react@18.3.1/node_modules/react-markdown/lib/react-markdown.js + 88 modules	351.4 KiB
./src/components/ProductComparisonTable/index.tsx + 127 modules	310.3 KiB
./node_modules/.pnpm/@posthog+brand@0.13.0_react@18.3.1/node_modules/@posthog/brand/dist/generated/hoggies/svg/doll-house.mjs	284.1 KiB
./node_modules/.pnpm/cloudinary-core@2.14.0_lodash@4.17.21/node_modules/cloudinary-core/cloudinary-core.js	281.9 KiB
./node_modules/.pnpm/@posthog+brand@0.13.0_react@18.3.1/node_modules/@posthog/brand/dist/generated/hoggies/svg/director.mjs	275.7 KiB

---

Eager-graph budgets are report-only until a baseline is established. Sizes are gzip of public/**/*.js; eager size is webpack module source bytes for the modules actually shipped in the entrypoint's initial chunks (post-tree-shake).