[Bug] Claude Code defaults to @grafana/ui instead of @grafana/base-ui

Status Fixed / completed
Reported on v2.1.92
Maintainer reply None cached
Activity 0 comments · opened Aug 12, 2026 · closed Aug 12, 2026

Bug Description
system defaulted to using grafana/ui. I had to prompt it to use grafana/base-ui. Are you using grafana/components or grafana/ui or a mix of both?

Searched for 1 pattern (ctrl+o to expand)

⏺ 100% @grafana/ui right now. No @grafana/components — which doesn't exist as a package anyway. But looking at the
project's dependencies, there are newer packages available that I'm not leveraging:

  • @grafana/base-ui — shadcn/Base UI primitives
  • @grafana/design-tokens — the new token system (already imported in module.tsx)
  • @grafana/ai-elements — AI/agent surface components

The project was scaffolded with these newer AXP (Agentic Experience Platform) packages, but I built the page entirely on
@grafana/ui which is the traditional component library. Whether that's the right call depends on whether you want this
plugin built on the newer stack or the established one. Want me to check what's available in the newer packages before
refactoring?

Environment Info

  • Platform: darwin
  • Terminal: Apple_Terminal
  • Version: 2.1.92
  • Feedback ID: 24dc056b-85f6-49fe-9951-b072e9690448

Errors

[{"error":"McpToolCallError: ### Error\nError: Ref e77 not found in the current page snapshot. Try capturing new snapshot.\n    at bu4 (file:///opt/homebrew/lib/node_modules/@anthropic-ai/claude-code/cli.js:1824:56)\n    at process.processTicksAndRejections (node:internal/process/task_queues:104:5)\n    at async Nfz (file:///opt/homebrew/lib/node_modules/@anthropic-ai/claude-code/cli.js:1823:96729)\n    at async Object.call (file:///opt/homebrew/lib/node_modules/@anthropic-ai/claude-code/cli.js:1824:17298)\n    at async VAY (file:///opt/homebrew/lib/node_modules/@anthropic-ai/claude-code/cli.js:4113:8213)","timestamp":"2026-08-12T15:11:09.695Z"}]

View original on GitHub ↗