{"_id":"@data360/mcp-ui","_rev":"11-c34d15ce40193af520d49715eeec80e8","name":"@data360/mcp-ui","dist-tags":{"latest":"0.0.10"},"versions":{"0.0.1":{"name":"@data360/mcp-ui","version":"0.0.1","keywords":["data360","mcp","world-bank","vega-lite"],"license":"MIT","_id":"@data360/mcp-ui@0.0.1","maintainers":[{"name":"avsolatorio","email":"avsolatorio@gmail.com"}],"homepage":"https://github.com/worldbank/data360-mcp#readme","bugs":{"url":"https://github.com/worldbank/data360-mcp/issues"},"dist":{"shasum":"5f38ad69123389975d43662b66ca6374f2c5f6c3","tarball":"https://registry.npmjs.org/@data360/mcp-ui/-/mcp-ui-0.0.1.tgz","fileCount":5,"integrity":"sha512-E90KLeThAUjs6udD7vJ+JD1W2bYbaFAujyVFTRYvgiNGWLvfQnU8pwwBpfpsCTD1iRIhkkP1bRcdY4AzqSrhGw==","signatures":[{"sig":"MEQCIAxIquDNK1OPl7vgbJcJ+WHbNmfnnxvlkCW/mdu+aeiYAiB4o5zJxgMtvQHqcGK4tPQmdQO4RPa1ayyjAXSx/7nEWA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":56726},"type":"module","exports":{"./viz-card":{"types":"./dist/viz-card.d.ts","import":"./dist/viz-card.js","require":"./dist/viz-card.cjs"}},"gitHead":"b987bbfd4f7581905fa6c3b6463b5754776fb71c","scripts":{"dev":"vite","build":"tsc --noEmit && vite build","preview":"vite preview"},"_npmUser":{"name":"avsolatorio","email":"avsolatorio@gmail.com"},"repository":{"url":"git+https://github.com/worldbank/data360-mcp.git","type":"git"},"_npmVersion":"11.12.1","description":"React UI for presenting Data360 MCP tool output (Vega-Lite chart card, and future surfaces).","directories":{},"_nodeVersion":"25.9.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.4.0","typescript":"^5.5.0","@types/react":"^18.3.0","vite-plugin-dts":"^4.0.0","@types/react-dom":"^18.3.0","@vitejs/plugin-react":"^4.3.0"},"peerDependencies":{"vega":">=5.0.0","react":">=18.0.0","react-dom":">=18.0.0","vega-lite":">=5.0.0","vega-embed":">=6.0.0"},"_npmOperationalInternal":{"tmp":"tmp/mcp-ui_0.0.1_1776559349214_0.23190380911822372","host":"s3://npm-registry-packages-npm-production"}},"0.0.2":{"name":"@data360/mcp-ui","version":"0.0.2","keywords":["data360","mcp","world-bank","vega-lite"],"license":"MIT","_id":"@data360/mcp-ui@0.0.2","maintainers":[{"name":"avsolatorio","email":"avsolatorio@gmail.com"}],"homepage":"https://github.com/worldbank/data360-mcp#readme","bugs":{"url":"https://github.com/worldbank/data360-mcp/issues"},"dist":{"shasum":"d266bc1ff741f454fb9f64eb33e54abb0ff19d1e","tarball":"https://registry.npmjs.org/@data360/mcp-ui/-/mcp-ui-0.0.2.tgz","fileCount":5,"integrity":"sha512-OBttA4mQLUM+aRhToxiHITdDG4aFDgCwxqUs3w9UVdhTfkMU1Svog/W2YImpnYjaUx93kCbnIeA07LDT36y1kw==","signatures":[{"sig":"MEYCIQDaGUM0Nw5JjfomuPApGLkRQBIWQTneKiIv3wNVH9JwBwIhAIE0ffsFtnIZe6SvmNaeqe/YXTkYN9OT77HqtagVCjdn","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":46480},"type":"module","exports":{"./viz-card":{"types":"./dist/viz-card.d.ts","import":"./dist/viz-card.js","require":"./dist/viz-card.cjs"}},"gitHead":"ad407bd77c74ea25b4891e914c1184ccd6942f10","scripts":{"dev":"vite","build":"tsc --noEmit && vite build","preview":"vite preview"},"_npmUser":{"name":"avsolatorio","email":"avsolatorio@gmail.com"},"repository":{"url":"git+https://github.com/worldbank/data360-mcp.git","type":"git"},"_npmVersion":"11.12.1","description":"React UI for presenting Data360 MCP tool output (Vega-Lite chart card, and future surfaces).","directories":{},"_nodeVersion":"25.9.0","dependencies":{"@data360/mcp-viz-core":"0.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.4.0","typescript":"^5.5.0","@types/react":"^18.3.0","vite-plugin-dts":"^4.0.0","@types/react-dom":"^18.3.0","@vitejs/plugin-react":"^4.3.0"},"peerDependencies":{"vega":">=5.0.0","react":">=18.0.0","react-dom":">=18.0.0","vega-lite":">=5.0.0","vega-embed":">=6.0.0"},"_npmOperationalInternal":{"tmp":"tmp/mcp-ui_0.0.2_1776819251420_0.9933038417078268","host":"s3://npm-registry-packages-npm-production"}},"0.0.3":{"name":"@data360/mcp-ui","version":"0.0.3","keywords":["data360","mcp","world-bank","vega-lite","search"],"license":"MIT","_id":"@data360/mcp-ui@0.0.3","maintainers":[{"name":"avsolatorio","email":"avsolatorio@gmail.com"},{"name":"rafamacalaba","email":"rafael.macalaba@yahoo.com"}],"homepage":"https://github.com/worldbank/data360-mcp#readme","bugs":{"url":"https://github.com/worldbank/data360-mcp/issues"},"dist":{"shasum":"18b3e35b20b4846b04a9690286b7986b39dba9bb","tarball":"https://registry.npmjs.org/@data360/mcp-ui/-/mcp-ui-0.0.3.tgz","fileCount":10,"integrity":"sha512-58wT68gejr/7LUJm1tmXBjW+k8JVPKurwb9Uqe2iAnhvcMsPqVmZyQtpvKSLzXQagmHpuaYqJYxiJU3y1VMt7w==","signatures":[{"sig":"MEQCIDruhUAXpm/+dvWNiIj+wunlhKr88hwNoIWVCRyM2r+gAiAk+t3nbvJ5xZMReuf8NWK0O5znhOFbCPlot3KH4jQXvg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":77151},"type":"module","exports":{"./viz-card":{"types":"./dist/viz-card.d.ts","import":"./dist/viz-card.js","require":"./dist/viz-card.cjs"},"./search-card":{"types":"./dist/search-card.d.ts","import":"./dist/search-card.js","require":"./dist/search-card.cjs"}},"gitHead":"3056e25c5ed4b2dabf002722fb7d6a343776641e","scripts":{"dev":"vite","build":"tsc --noEmit && vite build","preview":"vite preview"},"_npmUser":{"name":"rafamacalaba","email":"rafael.macalaba@yahoo.com"},"repository":{"url":"git+https://github.com/worldbank/data360-mcp.git","type":"git"},"_npmVersion":"10.9.2","description":"React UI for presenting Data360 MCP tool output (chart card, search results card, and future surfaces).","directories":{},"_nodeVersion":"23.9.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.4.0","typescript":"^5.5.0","@types/react":"^18.3.0","vite-plugin-dts":"^4.0.0","@types/react-dom":"^18.3.0","@vitejs/plugin-react":"^4.3.0"},"peerDependencies":{"vega":">=5.0.0","react":">=18.0.0","react-dom":">=18.0.0","vega-lite":">=5.0.0","vega-embed":">=6.0.0","@data360/tool-types":">=0.0.1"},"_npmOperationalInternal":{"tmp":"tmp/mcp-ui_0.0.3_1777015744674_0.10770153715983488","host":"s3://npm-registry-packages-npm-production"}},"0.0.4":{"name":"@data360/mcp-ui","version":"0.0.4","keywords":["data360","mcp","world-bank","vega-lite","search"],"license":"MIT","_id":"@data360/mcp-ui@0.0.4","maintainers":[{"name":"avsolatorio","email":"avsolatorio@gmail.com"},{"name":"rafamacalaba","email":"rafael.macalaba@yahoo.com"}],"homepage":"https://github.com/worldbank/data360-mcp#readme","bugs":{"url":"https://github.com/worldbank/data360-mcp/issues"},"dist":{"shasum":"b05854997883a8e79d99f33146e8ed521340f37b","tarball":"https://registry.npmjs.org/@data360/mcp-ui/-/mcp-ui-0.0.4.tgz","fileCount":10,"integrity":"sha512-q4waSm7+gUtH8eu+lEwjtcC48Aql/YNktoAzqqli+xx4Df8MeRHqf832Ru+9Q85RNwsXWYskE2899UCuZlQ2cQ==","signatures":[{"sig":"MEUCIGDpOcV1CyJmdBDK1C3ErrNVk3rZ6rol4gt07cBoOg5OAiEA5b+mqyxZ1cp0V0hH4pYlBAq/EcuZOhpzJFh7ZnhaHy8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":97809},"type":"module","exports":{"./viz-card":{"types":"./dist/viz-card.d.ts","import":"./dist/viz-card.js","require":"./dist/viz-card.cjs"},"./search-card":{"types":"./dist/search-card.d.ts","import":"./dist/search-card.js","require":"./dist/search-card.cjs"}},"gitHead":"bca18cb5d463cd21a972ca9e50e8c46c4f2d83d4","scripts":{"dev":"vite","build":"tsc --noEmit && vite build","preview":"vite preview"},"_npmUser":{"name":"avsolatorio","email":"avsolatorio@gmail.com"},"repository":{"url":"git+https://github.com/worldbank/data360-mcp.git","type":"git"},"_npmVersion":"11.12.1","description":"React UI for presenting Data360 MCP tool output (chart card, search results card, and future surfaces).","directories":{},"_nodeVersion":"25.9.0","dependencies":{"html-to-image":"^1.11.13","@data360/mcp-viz-core":"0.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.4.0","typescript":"^5.5.0","@types/react":"^18.3.0","vite-plugin-dts":"^4.0.0","@types/react-dom":"^18.3.0","@vitejs/plugin-react":"^4.3.0"},"peerDependencies":{"vega":">=5.0.0","react":">=18.0.0","react-dom":">=18.0.0","vega-lite":">=5.0.0","vega-embed":">=6.0.0","@data360/tool-types":">=0.0.1"},"_npmOperationalInternal":{"tmp":"tmp/mcp-ui_0.0.4_1777261849946_0.24001875574047138","host":"s3://npm-registry-packages-npm-production"}},"0.0.5":{"name":"@data360/mcp-ui","version":"0.0.5","keywords":["data360","mcp","world-bank","vega-lite","search"],"license":"MIT","_id":"@data360/mcp-ui@0.0.5","maintainers":[{"name":"avsolatorio","email":"avsolatorio@gmail.com"},{"name":"rafamacalaba","email":"rafael.macalaba@yahoo.com"}],"homepage":"https://github.com/worldbank/data360-mcp#readme","bugs":{"url":"https://github.com/worldbank/data360-mcp/issues"},"dist":{"shasum":"ee21dc92b640b53ffc280d5aa57d4d3bc5356901","tarball":"https://registry.npmjs.org/@data360/mcp-ui/-/mcp-ui-0.0.5.tgz","fileCount":10,"integrity":"sha512-fV2pfX3TJnSSyEuH4c0RggzqIMxSAdkI61JsGOXj3flYmgPyC+h9neM/tca94529mJSxpINN60o4R0BWtOtIdQ==","signatures":[{"sig":"MEYCIQCKpXZfZPba46lOAlPpoX+4nrr/EWcSJww+3Uel6QeR4wIhAIOyvAVUOEP+2o9iiZMJ36cBHyhwD0IgXVbCqsp41Mk2","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":103189},"type":"module","exports":{"./viz-card":{"types":"./dist/viz-card.d.ts","import":"./dist/viz-card.js","require":"./dist/viz-card.cjs"},"./search-card":{"types":"./dist/search-card.d.ts","import":"./dist/search-card.js","require":"./dist/search-card.cjs"}},"gitHead":"7e594bcd9a6a32cf949ed417695ab59d16e276ae","scripts":{"dev":"vite","build":"tsc --noEmit && vite build","preview":"vite preview"},"_npmUser":{"name":"avsolatorio","email":"avsolatorio@gmail.com"},"repository":{"url":"git+https://github.com/worldbank/data360-mcp.git","type":"git"},"_npmVersion":"11.12.1","description":"React UI for presenting Data360 MCP tool output (chart card, search results card, and future surfaces).","directories":{},"_nodeVersion":"25.9.0","dependencies":{"html-to-image":"^1.11.13","@data360/mcp-viz-core":"0.0.2","@data360/chart-payload-normalize":"0.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.4.0","typescript":"^5.5.0","@types/react":"^18.3.0","vite-plugin-dts":"^4.0.0","@types/react-dom":"^18.3.0","@vitejs/plugin-react":"^4.3.0"},"peerDependencies":{"vega":">=5.0.0","react":">=18.0.0","react-dom":">=18.0.0","vega-lite":">=5.0.0","vega-embed":">=6.0.0","@data360/tool-types":">=0.0.1"},"_npmOperationalInternal":{"tmp":"tmp/mcp-ui_0.0.5_1777353125637_0.8543888299916942","host":"s3://npm-registry-packages-npm-production"}},"0.0.6":{"name":"@data360/mcp-ui","version":"0.0.6","keywords":["data360","mcp","world-bank","vega-lite","search"],"license":"MIT","_id":"@data360/mcp-ui@0.0.6","maintainers":[{"name":"avsolatorio","email":"avsolatorio@gmail.com"},{"name":"rafamacalaba","email":"rafael.macalaba@yahoo.com"}],"homepage":"https://github.com/worldbank/data360-mcp#readme","bugs":{"url":"https://github.com/worldbank/data360-mcp/issues"},"dist":{"shasum":"3ec29030374b54f00562bb0cae204db5eb57680f","tarball":"https://registry.npmjs.org/@data360/mcp-ui/-/mcp-ui-0.0.6.tgz","fileCount":10,"integrity":"sha512-KaO8p8eRSloaM2AmoCJS6qVxDjWXxnKvQWA0cbQt1xvaFCnRbzwpugd08N2uZabZ0SIXbJAfzjA3m1TKBKcEMg==","signatures":[{"sig":"MEYCIQDIKem9JWmZnmypIcc02+4tQWrrVRpe/jSS5OQ17Q8/WAIhALKgwecjluf7oyKXBgDUx5XYFd9sLEL/1d63VT0WwbW6","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":103949},"type":"module","exports":{"./viz-card":{"types":"./dist/viz-card.d.ts","import":"./dist/viz-card.js","require":"./dist/viz-card.cjs"},"./search-card":{"types":"./dist/search-card.d.ts","import":"./dist/search-card.js","require":"./dist/search-card.cjs"}},"gitHead":"badcc8d969f55e78ffe2951d3293f66730b6d8ca","scripts":{"dev":"vite","build":"tsc --noEmit && vite build","preview":"vite preview"},"_npmUser":{"name":"rafamacalaba","email":"rafael.macalaba@yahoo.com"},"repository":{"url":"git+https://github.com/worldbank/data360-mcp.git","type":"git"},"_npmVersion":"10.9.2","description":"React UI for presenting Data360 MCP tool output (chart card, search results card, and future surfaces).","directories":{},"_nodeVersion":"23.9.0","dependencies":{"html-to-image":"^1.11.13","@data360/mcp-viz-core":"0.0.3","@data360/chart-payload-normalize":"0.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.4.0","remark-gfm":"^4.0.1","typescript":"^5.5.0","@types/react":"^18.3.0","react-markdown":"^9.1.0","rehype-sanitize":"^6.0.0","vite-plugin-dts":"^4.0.0","@types/react-dom":"^18.3.0","@vitejs/plugin-react":"^4.3.0"},"peerDependencies":{"vega":">=5.0.0","react":">=18.0.0","react-dom":">=18.0.0","vega-lite":">=5.0.0","vega-embed":">=6.0.0","@data360/tool-types":">=0.0.1"},"_npmOperationalInternal":{"tmp":"tmp/mcp-ui_0.0.6_1779483060967_0.2765463211682082","host":"s3://npm-registry-packages-npm-production"}},"0.0.7":{"name":"@data360/mcp-ui","version":"0.0.7","keywords":["data360","mcp","world-bank","vega-lite","search"],"license":"MIT","_id":"@data360/mcp-ui@0.0.7","maintainers":[{"name":"avsolatorio","email":"avsolatorio@gmail.com"},{"name":"rafamacalaba","email":"rafael.macalaba@yahoo.com"}],"homepage":"https://github.com/worldbank/data360-mcp#readme","bugs":{"url":"https://github.com/worldbank/data360-mcp/issues"},"dist":{"shasum":"e3fe5059ba40d872a0b9fe9feb4eb6b928d8ccb1","tarball":"https://registry.npmjs.org/@data360/mcp-ui/-/mcp-ui-0.0.7.tgz","fileCount":10,"integrity":"sha512-1DdsYjPRuIe/MekRoGA4c8a6i/7NYsAVbHvGKxCN3mjViFMl7xt7d5ib0uHh6GlGP/3XNbNyAm/dLJJpVFxfjA==","signatures":[{"sig":"MEYCIQCfxvyTqaj2QfDry3xCXR73PPENw4o2+96RWsG9wIT1IAIhALrGX19a4gl14y6rzSLARKMOQW/ChJPMBoKjN74NqawH","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":103949},"type":"module","exports":{"./viz-card":{"types":"./dist/viz-card.d.ts","import":"./dist/viz-card.js","require":"./dist/viz-card.cjs"},"./search-card":{"types":"./dist/search-card.d.ts","import":"./dist/search-card.js","require":"./dist/search-card.cjs"}},"gitHead":"b5e621c48557f4adc5f5c05ba765dbfd8fb3aeba","scripts":{"dev":"vite","build":"tsc --noEmit && vite build","preview":"vite preview"},"_npmUser":{"name":"rafamacalaba","email":"rafael.macalaba@yahoo.com"},"repository":{"url":"git+https://github.com/worldbank/data360-mcp.git","type":"git"},"_npmVersion":"10.9.2","description":"React UI for presenting Data360 MCP tool output (chart card, search results card, and future surfaces).","directories":{},"_nodeVersion":"23.9.0","dependencies":{"html-to-image":"^1.11.13","@data360/mcp-viz-core":"0.0.3","@data360/chart-payload-normalize":"0.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.4.0","remark-gfm":"^4.0.1","typescript":"^5.5.0","@types/react":"^18.3.0","react-markdown":"^9.1.0","rehype-sanitize":"^6.0.0","vite-plugin-dts":"^4.0.0","@types/react-dom":"^18.3.0","@vitejs/plugin-react":"^4.3.0"},"peerDependencies":{"vega":">=5.0.0","react":">=18.0.0","react-dom":">=18.0.0","vega-lite":">=5.0.0","vega-embed":">=6.0.0","@data360/tool-types":">=0.0.1"},"_npmOperationalInternal":{"tmp":"tmp/mcp-ui_0.0.7_1779489282615_0.15797580173338455","host":"s3://npm-registry-packages-npm-production"}},"0.0.8":{"name":"@data360/mcp-ui","version":"0.0.8","keywords":["data360","mcp","world-bank","vega-lite","search"],"license":"MIT","_id":"@data360/mcp-ui@0.0.8","maintainers":[{"name":"avsolatorio","email":"avsolatorio@gmail.com"},{"name":"rafamacalaba","email":"rafael.macalaba@yahoo.com"}],"homepage":"https://github.com/worldbank/data360-mcp#readme","bugs":{"url":"https://github.com/worldbank/data360-mcp/issues"},"dist":{"shasum":"f1d4a83cedf0bbb8b73f928c2f9b111b7eaf41f4","tarball":"https://registry.npmjs.org/@data360/mcp-ui/-/mcp-ui-0.0.8.tgz","fileCount":13,"integrity":"sha512-yk5r5dg7sHHbT3Wk8bTSRLlFwdsGhS2qDLK6ZiJIFMLX/oHPM6Dn+xb7QdG7hxKqrQW/jmpLMzLjb8wqpIvYEg==","signatures":[{"sig":"MEUCIDRx7gAtC+V6K6cP7pECDwI7v8UYIJWF5Y0NUVWYjbUMAiEAlpabkK6zrQAb0umpQygc23gjcShgjY4FBHoA4TZS44s=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":111537},"type":"module","exports":{"./viz-card":{"types":"./dist/viz-card.d.ts","import":"./dist/viz-card.js","require":"./dist/viz-card.cjs"},"./choice-card":{"types":"./dist/choice-card.d.ts","import":"./dist/choice-card.js","require":"./dist/choice-card.cjs"},"./search-card":{"types":"./dist/search-card.d.ts","import":"./dist/search-card.js","require":"./dist/search-card.cjs"}},"gitHead":"c9b7837e675b388bc5d2262d2f8efe5dcc987357","scripts":{"dev":"vite","build":"tsc --noEmit && vite build","preview":"vite preview"},"_npmUser":{"name":"rafamacalaba","email":"rafael.macalaba@yahoo.com"},"repository":{"url":"git+https://github.com/worldbank/data360-mcp.git","type":"git"},"_npmVersion":"10.9.8","description":"React UI for presenting Data360 MCP tool output (chart card, search results card, and future surfaces).","directories":{},"_nodeVersion":"22.22.3","dependencies":{"html-to-image":"^1.11.13","@data360/mcp-viz-core":"0.0.3","@data360/chart-payload-normalize":"0.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.4.0","remark-gfm":"^4.0.1","typescript":"^5.5.0","@types/react":"^18.3.0","react-markdown":"^9.1.0","rehype-sanitize":"^6.0.0","vite-plugin-dts":"^4.0.0","@types/react-dom":"^18.3.0","@vitejs/plugin-react":"^4.3.0"},"peerDependencies":{"vega":">=5.0.0","react":">=18.0.0","react-dom":">=18.0.0","vega-lite":">=5.0.0","vega-embed":">=6.0.0","@data360/tool-types":">=0.0.1"},"_npmOperationalInternal":{"tmp":"tmp/mcp-ui_0.0.8_1783824216647_0.9826569989082232","host":"s3://npm-registry-packages-npm-production"}},"0.0.9":{"name":"@data360/mcp-ui","version":"0.0.9","keywords":["data360","mcp","world-bank","vega-lite","search"],"license":"MIT","_id":"@data360/mcp-ui@0.0.9","maintainers":[{"name":"avsolatorio","email":"avsolatorio@gmail.com"},{"name":"rafamacalaba","email":"rafael.macalaba@yahoo.com"}],"homepage":"https://github.com/worldbank/data360-mcp#readme","bugs":{"url":"https://github.com/worldbank/data360-mcp/issues"},"dist":{"shasum":"084d771a3f29c62bda184a06eceb8e4b4ff93bcf","tarball":"https://registry.npmjs.org/@data360/mcp-ui/-/mcp-ui-0.0.9.tgz","fileCount":13,"integrity":"sha512-X5de/l3XbSMroX6e6tgQFLBbdtu157B3wvFJSvcS14yKoZ5LTH8sqfnl5hQEYm6FwI/YuT3tdKnGAqQk9VPqdQ==","signatures":[{"sig":"MEUCIFOob1bipUCNM1jNYqDogukr8NuKtCS9xM0gbd1InNRYAiEA/Gq7hT8Os3717LFr0uN6VDwsbaetT6ANAUjvrQA7W98=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":111537},"type":"module","exports":{"./viz-card":{"types":"./dist/viz-card.d.ts","import":"./dist/viz-card.js","require":"./dist/viz-card.cjs"},"./choice-card":{"types":"./dist/choice-card.d.ts","import":"./dist/choice-card.js","require":"./dist/choice-card.cjs"},"./search-card":{"types":"./dist/search-card.d.ts","import":"./dist/search-card.js","require":"./dist/search-card.cjs"}},"gitHead":"4796af1cd418e0df4e07fe822dc1cafcc5e2bade","scripts":{"dev":"vite","build":"tsc --noEmit && vite build","preview":"vite preview"},"_npmUser":{"name":"rafamacalaba","email":"rafael.macalaba@yahoo.com"},"repository":{"url":"git+https://github.com/worldbank/data360-mcp.git","type":"git"},"_npmVersion":"10.9.8","description":"React UI for presenting Data360 MCP tool output (chart card, search results card, and future surfaces).","directories":{},"_nodeVersion":"22.22.3","dependencies":{"html-to-image":"^1.11.13","@data360/mcp-viz-core":"0.0.5","@data360/chart-payload-normalize":"0.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^5.4.0","remark-gfm":"^4.0.1","typescript":"^5.5.0","@types/react":"^18.3.0","react-markdown":"^9.1.0","rehype-sanitize":"^6.0.0","vite-plugin-dts":"^4.0.0","@types/react-dom":"^18.3.0","@vitejs/plugin-react":"^4.3.0"},"peerDependencies":{"vega":">=5.0.0","react":">=18.0.0","react-dom":">=18.0.0","vega-lite":">=5.0.0","vega-embed":">=6.0.0","@data360/tool-types":">=0.0.1"},"_npmOperationalInternal":{"tmp":"tmp/mcp-ui_0.0.9_1783970240140_0.977226751270091","host":"s3://npm-registry-packages-npm-production"}},"0.0.10":{"name":"@data360/mcp-ui","version":"0.0.10","description":"React UI for presenting Data360 MCP tool output (chart card, search results card, choice card, and future surfaces).","type":"module","exports":{"./viz-card":{"types":"./dist/viz-card.d.ts","import":"./dist/viz-card.js","require":"./dist/viz-card.cjs"},"./search-card":{"types":"./dist/search-card.d.ts","import":"./dist/search-card.js","require":"./dist/search-card.cjs"},"./choice-card":{"types":"./dist/choice-card.d.ts","import":"./dist/choice-card.js","require":"./dist/choice-card.cjs"}},"scripts":{"dev":"vite","build":"tsc --noEmit && vite build","preview":"vite preview"},"dependencies":{"@data360/chart-payload-normalize":"0.0.2","@data360/mcp-viz-core":"0.0.3","html-to-image":"^1.11.13"},"peerDependencies":{"@data360/tool-types":">=0.0.1","react":">=18.0.0","react-dom":">=18.0.0","vega":">=5.0.0","vega-embed":">=6.0.0","vega-lite":">=5.0.0"},"devDependencies":{"@types/react":"^18.3.0","@types/react-dom":"^18.3.0","@vitejs/plugin-react":"^4.3.0","react-markdown":"^9.1.0","rehype-sanitize":"^6.0.0","remark-gfm":"^4.0.1","typescript":"^5.5.0","vite":"^5.4.0","vite-plugin-dts":"^4.0.0"},"keywords":["data360","mcp","world-bank","vega-lite","search"],"license":"MIT","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/worldbank/data360-mcp.git"},"_id":"@data360/mcp-ui@0.0.10","gitHead":"fea44362c39df4d7ad50d2911ff44dd5b9b2e283","bugs":{"url":"https://github.com/worldbank/data360-mcp/issues"},"homepage":"https://github.com/worldbank/data360-mcp#readme","_nodeVersion":"23.9.0","_npmVersion":"10.9.2","dist":{"integrity":"sha512-YoUSpOK5JYu6i4Nbs9E48aHU99pRePI7yO3p6E3RX8K5rWRGE011oBzerPby1AqS7Fg9cwk91kFHaQo9Rm8+xA==","shasum":"f126adf707ba84f0f0180ef6c73bf50824fab569","tarball":"https://registry.npmjs.org/@data360/mcp-ui/-/mcp-ui-0.0.10.tgz","fileCount":13,"unpackedSize":111551,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIFRDcooBlV7M4S6OMIQxEMFOcjF5UmOlPbd9CXJKLDtIAiBkuRusATY08Va27iKD0Fd1ZXMP1gCmp+dnvMfOf+9OVg=="}]},"_npmUser":{"name":"rafamacalaba","email":"rafael.macalaba@yahoo.com"},"directories":{},"maintainers":[{"name":"avsolatorio","email":"avsolatorio@gmail.com"},{"name":"rafamacalaba","email":"rafael.macalaba@yahoo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/mcp-ui_0.0.10_1784819110824_0.6649159309905561"},"_hasShrinkwrap":false}},"time":{"created":"2026-04-19T00:42:29.119Z","modified":"2026-07-23T15:05:11.220Z","0.0.1":"2026-04-19T00:42:29.357Z","0.0.2":"2026-04-22T00:54:11.552Z","0.0.3":"2026-04-24T07:29:04.795Z","0.0.4":"2026-04-27T03:50:50.079Z","0.0.5":"2026-04-28T05:12:05.842Z","0.0.6":"2026-05-22T20:51:01.167Z","0.0.7":"2026-05-22T22:34:42.757Z","0.0.8":"2026-07-12T02:43:36.864Z","0.0.9":"2026-07-13T19:17:20.290Z","0.0.10":"2026-07-23T15:05:11.036Z"},"bugs":{"url":"https://github.com/worldbank/data360-mcp/issues"},"license":"MIT","homepage":"https://github.com/worldbank/data360-mcp#readme","keywords":["data360","mcp","world-bank","vega-lite","search"],"repository":{"type":"git","url":"git+https://github.com/worldbank/data360-mcp.git"},"description":"React UI for presenting Data360 MCP tool output (chart card, search results card, choice card, and future surfaces).","maintainers":[{"name":"avsolatorio","email":"avsolatorio@gmail.com"},{"name":"rafamacalaba","email":"rafael.macalaba@yahoo.com"}],"readme":"# @data360/mcp-ui\n\nReact components for presenting [Data360 MCP](https://github.com/worldbank/data360-mcp) tool output with World Bank styling.\n\nShared Vega-Lite logic (`prepareSpec`, `WB_THEME`, etc.) lives in **`@data360/mcp-viz-core`**, which this package depends on. For **Angular** apps, use [`@data360/mcp-ui-angular`](../mcp-ui-angular) instead.\n\n## Install\n\n```bash\nnpm install @data360/mcp-ui @data360/tool-types vega vega-lite vega-embed\n```\n\n`@data360/mcp-viz-core` is installed transitively with `@data360/mcp-ui`. `@data360/tool-types` is optional but recommended for parsing MCP JSON before rendering.\n\n## Viz chart card\n\nImport the Vega-Lite chart card (for `data360_get_viz_spec` and `data360_get_multi_indicator_viz_spec`):\n\n```tsx\nimport { VegaChartCard } from \"@data360/mcp-ui/viz-card\";\nimport {\n parseData360VizToolResult,\n isData360VizToolSuccess,\n} from \"@data360/tool-types\";\n\nconst parsed = parseData360VizToolResult(toolResult);\nif (!parsed.success || !isData360VizToolSuccess(parsed.data)) {\n return

{parsed.success ? parsed.data.error : \"Invalid payload\"}

;\n}\n\nconst specResponse = await fetch(parsed.data.url);\nconst spec = await specResponse.json();\n\n;\n```\n\n### Compatibility\n\n| `@data360/mcp-ui` | `@data360/mcp-viz-core` | Tool contract | Viz tools |\n|-------------------|-------------------------|---------------|-----------|\n| `0.0.1` | `0.0.1` | `1.0.0` | `data360_get_viz_spec`, `data360_get_multi_indicator_viz_spec` |\n\nWhen the MCP server changes the JSON shape of viz tool results or the Vega-Lite conventions stored at `url`, bump the **tool contract** (see `@data360/tool-types` README) and release matching **`@data360/tool-types`**, **`@data360/mcp-viz-core`**, **`@data360/mcp-ui`**, and **`@data360/mcp-ui-angular`** versions together.\n\n### Peer dependencies\n\n| Package | Version |\n|---------|---------|\n| `react` | ≥ 18 |\n| `react-dom` | ≥ 18 |\n| `vega` | ≥ 5 |\n| `vega-lite` | ≥ 5 |\n| `vega-embed` | ≥ 6 |\n\n## Development\n\nFrom the `packages/mcp-ui` directory (or the repo root with npm workspaces):\n\n```bash\nnpm install\nnpm run dev\nnpm run build\n```\n\n`npm run dev` serves the demo at `http://localhost:5173`.\n\n### K360 interactive demo mode\n\nThe demo app can call the staged K360 backend endpoint from\n`examples/agents/langchain-graph/demo_web/server.py` (`POST /api/k360-query`).\n\n1. Start the backend demo API:\n\n```bash\nuv run uvicorn demo_web.server:app --app-dir examples/agents/langchain-graph --host 127.0.0.1 --port 8844\n```\n\n2. Start the React demo and point it to that API:\n\n```bash\nVITE_K360_API_BASE=http://127.0.0.1:8844 npm run dev\n```\n\nThe UI renders:\n- narrative markdown (sectioned style similar to the chatbot renderer),\n- content packet inspector (`gate`, `rewrite`, packet fields),\n- charts through `VegaChartCard` when viz tool output includes a spec URL.\n\n## What the chart card does to your spec\n\nThe spec passes through an 8-guard pipeline (`prepareSpec`) before reaching vega-embed:\n\n1. Inline dataset — resolves `spec.datasets[spec.data.name]` → `spec.data.values`\n2. Responsive sizing — sets `width: \"container\"`, configurable height\n3. Suppress legend — sets `encoding.color.legend = null` (card renders its own)\n4. Strip params — removes zoom/pan `params` (conflicts with card controls)\n5. Normalize schema — rewrites `$schema` v6 → v5 for vega-embed compatibility\n6. WB theme — merges the World Bank Vega theme into `config`\n7. `scale.zero` — `false` for line/area/point/tick; `true` for bar\n8. x-axis format — applies `%Y` only when `encoding.x.type === \"temporal\"`\n\n## Low-level exports\n\nThese are re-exported from `@data360/mcp-viz-core` for convenience:\n\n```ts\nimport {\n prepareSpec,\n parseSpec,\n getMark,\n WB_THEME,\n WB_PALETTE,\n} from \"@data360/mcp-ui/viz-card\";\n```\n\nYou can also import them directly from `@data360/mcp-viz-core` in non-React code.\n","readmeFilename":"README.md"}