feat: add reusable ToolHealthBadge and ToolHealthBanner components

- Create ToolHealthBadge component in @tpmjs/ui for broken tool indicator
- Create ToolHealthBanner component in @tpmjs/ui for detailed health warnings
- Integrate both components into playground ToolsSidebar:
  - Badge shows in tool cards in left sidebar
  - Banner shows in tool detail modal
- Update search-registry to include health fields in API responses
- Add package.json exports for new health components

These components provide consistent UI for displaying broken tool status
across the application (tool search, tool detail pages, playground).

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Ajax Davis 2025-12-04 19:12:07 +10:00
parent 54ee6439cb
commit a9e91c02d1
24 changed files with 729 additions and 405 deletions

View file

@ -10,17 +10,10 @@
"clean": "rm -rf dist",
"type-check": "tsc --noEmit"
},
"keywords": [
"tpmjs-tool",
"ai-sdk",
"hello",
"example"
],
"keywords": ["tpmjs-tool", "ai-sdk", "hello", "example"],
"tpmjs": {
"category": "text-analysis",
"frameworks": [
"vercel-ai"
],
"frameworks": ["vercel-ai"],
"tools": [
{
"exportName": "helloWorldTool",
@ -70,8 +63,5 @@
"tsx": "^4.20.6",
"typescript": "^5.9.3"
},
"files": [
"dist",
"README.md"
]
"files": ["dist", "README.md"]
}