Stu Mason
Stu Mason

Activity

Pull Request Merged

PR #131 merged: fix(mcp): give Compare/Neighborhood/Search apps room to breathe

Summary

The Claude.ai-rendered MCP App view for Search/Compare/Neighborhood was rendering in a ~300px-tall iframe, with a redundant search form eating most of the visible space. Both fixed:

  • Iframe sizing. Claude.ai ignores `ui/notifications/size-changed` (per anthropics/claude-ai-mcp#69) — it reads `iframe.contentDocument.documentElement` height at first paint and locks it in. The blade view's `min-height: 560px` was on `body`, not `html`, so Claude.ai's measurement collapsed. Moved `min-height` onto `` and bumped to 800px so the host reads a tall iframe immediately.
  • Removed the inline "Another search" form. Redundant in chat — colleagues just type a new prompt — and inside an iframe with limited vertical space, it was eating real estate that scorecards/term lists need.

Test plan

  • Deploy and re-run a representative MCP prompt (e.g. `compare Claude Code, Cursor, Codex`) in Claude.ai
  • Visually confirm the Compare card renders without an internal scrollbar
  • Visually confirm the Neighborhood term list shows the full top-20 without the bottom search form

Notes

  • 1 file changed, +10/-32. Pint clean.
  • No JS errors expected — all references to the removed `#search-form` / `#query-input` / `#search-status` elements were also removed.
+10
additions
-32
deletions
1
files changed