Three layers:
1. GFM markdown — add remark-gfm so tables, task lists, strikethrough,
autolinks render properly. Style table elements (overflow-aware
container, muted header, divider rows). Render `[ ]` task list items
as visible checkboxes.
2. Structured tool-result rendering — new `tool-result-renderers.tsx`
dispatches by tool name to render a small UI block beneath each
ToolCallCard:
- list_tenants → table with status pills + plan column
- get_tenant → tenant detail card
- get_platform_stats → KPI tiles (total + per-status)
- list_audit_log → timeline rows with actor_type + action
- list_users → user list with role chips
- suspend_tenant / activate_tenant → tenant card with action confirm
ToolCallCard collapses by default — operators expand for raw JSON.
3. Custom ```card``` blocks the LLM can emit inline:
- {"kind":"pill","status":"…"} — status pill
- {"kind":"stat","label":"…","value":…} — stat tile
- {"kind":"callout","tone":"info|warning|danger|success",…} — callout
Malformed blocks fall through to the prose unchanged. Client strips
well-formed blocks from prose and renders them as components.
Domain primer updated to teach the model the card schemas and remind it
NOT to re-render tool-result data as markdown tables (that's done
automatically — it should add commentary only).
Layers are independent: 1 + 2 always work; 3 is purely additive.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
59 lines
1.6 KiB
JSON
59 lines
1.6 KiB
JSON
{
|
|
"name": "arcadia-admin",
|
|
"private": true,
|
|
"type": "module",
|
|
"scripts": {
|
|
"build": "react-router build",
|
|
"dev": "react-router dev",
|
|
"start": "react-router-serve ./build/server/index.js",
|
|
"typecheck": "react-router typegen && tsc",
|
|
"test": "vitest run",
|
|
"test:watch": "vitest",
|
|
"sync-libs": "node scripts/sync-libs.mjs"
|
|
},
|
|
"dependencies": {
|
|
"@base-ui/react": "^1.4.0",
|
|
"@fontsource-variable/inter": "^5.2.8",
|
|
"@react-router/node": "7.13.1",
|
|
"@react-router/serve": "7.13.1",
|
|
"class-variance-authority": "^0.7.1",
|
|
"clsx": "^2.1.1",
|
|
"d3-geo": "^3.1.1",
|
|
"isbot": "^5.1.36",
|
|
"lucide-react": "^1.8.0",
|
|
"motion": "^12.38.0",
|
|
"openapi-fetch": "^0.17.0",
|
|
"phoenix": "^1.8.5",
|
|
"react": "^19.2.4",
|
|
"react-dom": "^19.2.4",
|
|
"react-markdown": "^10.1.0",
|
|
"react-router": "7.13.1",
|
|
"remark-gfm": "^4.0.1",
|
|
"shadcn": "^4.2.0",
|
|
"tailwind-merge": "^3.5.0",
|
|
"topojson-client": "^3.1.0",
|
|
"tw-animate-css": "^1.4.0",
|
|
"world-atlas": "^2.0.2"
|
|
},
|
|
"devDependencies": {
|
|
"@react-router/dev": "7.13.1",
|
|
"@tailwindcss/vite": "^4.2.1",
|
|
"@testing-library/jest-dom": "^6.9.1",
|
|
"@testing-library/react": "^16.3.2",
|
|
"@types/d3-geo": "^3.1.0",
|
|
"@types/node": "^22",
|
|
"@types/phoenix": "^1.6.7",
|
|
"@types/react": "^19.2.14",
|
|
"@types/react-dom": "^19.2.3",
|
|
"@types/topojson-client": "^3.1.5",
|
|
"@types/topojson-specification": "^1.0.5",
|
|
"jsdom": "^29.1.0",
|
|
"openapi-typescript": "^7.13.0",
|
|
"tailwindcss": "^4.2.1",
|
|
"typescript": "^5.9.3",
|
|
"vite": "^7.3.1",
|
|
"vite-tsconfig-paths": "^5.1.4",
|
|
"vitest": "^4.1.5"
|
|
}
|
|
}
|