Hide tooltips on touch devices and add Claude AI section to shortcuts modal

[JakeSCahill]

Summary

• Hide all Tippy.js tooltips on touch devices to prevent flashing when tapping interactive elements
• Add Claude AI Assistant section to keyboard shortcuts modal advertising Redpanda Connect skills

Changes

• Added @media (hover: none) and (pointer: coarse) query to hide tooltips on touch devices
• Added new Claude section in shortcuts modal with /rpcn:blobl, /rpcn:search, and /rpcn:pipeline commands
• Styled with purple branding and dark mode support
• Includes link to Claude plugin README

Test plan

• Test tooltips don't flash on mobile/tablet devices
• Verify shortcuts modal displays Claude section correctly
• Check dark mode styling
• Verify link opens correctly

[netlify]

✅ Deploy Preview for docs-ui ready!

Name	Link
🔨 Latest commit	a7d0c29
🔍 Latest deploy log	https://app.netlify.com/projects/docs-ui/deploys/6974b7034b18e000083648d8
😎 Deploy Preview	https://deploy-preview-356--docs-ui.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 29 (no change from production) Accessibility: 93 (no change from production) Best Practices: 100 (no change from production) SEO: 89 (no change from production) PWA: - View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[coderabbitai]

📝 Walkthrough

Walkthrough

This PR updates the BlobLang Playground UI with responsive design improvements and a new Claude AI Assistant panel. The CSS changes add mobile-specific rules for layout restructuring, including collapsible editor headers, stacked components, suppressed tooltips on touch devices, and touch-friendly button/input sizing. The template changes introduce a new Claude AI Assistant section within the keyboard shortcuts overlay, containing an icon, title, description, command list, and learning resource link.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~25 minutes

Possibly related PRs

• Add intelligent autocomplete and export functionality to Bloblang playground #355: Both PRs modify the BlobLang playground UI components, with the referenced PR introducing shortcuts/AI assistant infrastructure and this PR adding Claude assistant content and mobile-responsive CSS refinements.

Suggested reviewers

• paulohtb6
• micheleRP

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title clearly and concisely summarizes the two main changes: hiding tooltips on touch devices and adding a Claude AI section to the shortcuts modal.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Description check	✅ Passed	The pull request description clearly documents the changes: hiding tooltips on touch devices and adding a Claude AI Assistant section to the shortcuts modal, with specific implementation details and test verification.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

• 📝 Generate docstrings

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}