banhaten 0.4.0 → 0.5.0

package/registry.json

@@ -27,6 +27,26 @@
           "type": "registry:hook",
           "target": "@hooks/use-direction.ts"
         },
+        {
+          "path": "registry/hooks/use-controllable-state.ts",
+          "type": "registry:hook",
+          "target": "@hooks/use-controllable-state.ts"
+        },
+        {
+          "path": "registry/hooks/use-listbox-navigation.ts",
+          "type": "registry:hook",
+          "target": "@hooks/use-listbox-navigation.ts"
+        },
+        {
+          "path": "registry/hooks/use-motion-end.ts",
+          "type": "registry:hook",
+          "target": "@hooks/use-motion-end.ts"
+        },
+        {
+          "path": "registry/hooks/use-reduced-motion.ts",
+          "type": "registry:hook",
+          "target": "@hooks/use-reduced-motion.ts"
+        },
         {
           "path": "registry/guidance/USAGE.md",
           "type": "registry:file",
@@ -224,19 +244,98 @@
       "name": "chart",
       "type": "registry:component",
       "title": "Chart",
-      "description": "Recharts wrapper with Banhaten chart color tokens, responsive container, tooltip content, legend content, and config-driven color variables.",
+      "description": "Eight token-driven ECharts families and 18 ready-made chart blocks, with responsive SVG rendering, theme-aware typography, tooltips, legends, brushes, and compatible Recharts wrappers.",
       "author": "Ahmad Galal",
       "registryDependencies": [
-        "base"
+        "base",
+        "button",
+        "progress"
       ],
       "dependencies": [
-        "recharts@^3.9.2"
+        "recharts@^3.9.2",
+        "echarts@^6.1.0",
+        "lucide-react@^1.17.0"
       ],
       "files": [
         {
           "path": "registry/components/chart.tsx",
           "type": "registry:component",
           "target": "@ui/chart.tsx"
+        },
+        {
+          "path": "registry/guidance/charts.LICENSE.txt",
+          "type": "registry:file",
+          "target": "@ui/charts.LICENSE.txt"
+        },
+        {
+          "path": "registry/components/chart-block-data.ts",
+          "type": "registry:component",
+          "target": "@ui/chart-block-data.ts"
+        },
+        {
+          "path": "registry/components/chart-block.css",
+          "type": "registry:style",
+          "target": "@ui/chart-block.css"
+        },
+        {
+          "path": "registry/components/chart-block.tsx",
+          "type": "registry:component",
+          "target": "@ui/chart-block.tsx"
+        },
+        {
+          "path": "registry/components/chart-interactions.ts",
+          "type": "registry:component",
+          "target": "@ui/chart-interactions.ts"
+        },
+        {
+          "path": "registry/components/chart-options.cartesian.ts",
+          "type": "registry:component",
+          "target": "@ui/chart-options.cartesian.ts"
+        },
+        {
+          "path": "registry/components/chart-options.paint.ts",
+          "type": "registry:component",
+          "target": "@ui/chart-options.paint.ts"
+        },
+        {
+          "path": "registry/components/chart-options.parts.ts",
+          "type": "registry:component",
+          "target": "@ui/chart-options.parts.ts"
+        },
+        {
+          "path": "registry/components/chart-options.radial.ts",
+          "type": "registry:component",
+          "target": "@ui/chart-options.radial.ts"
+        },
+        {
+          "path": "registry/components/chart-options.ts",
+          "type": "registry:component",
+          "target": "@ui/chart-options.ts"
+        },
+        {
+          "path": "registry/components/chart-options.types.ts",
+          "type": "registry:component",
+          "target": "@ui/chart-options.types.ts"
+        },
+        {
+          "path": "registry/components/data-chart.tsx",
+          "type": "registry:component",
+          "target": "@ui/data-chart.tsx"
+        },
+        {
+          "path": "registry/components/echart-theme.ts",
+          "type": "registry:component",
+          "target": "@ui/echart-theme.ts"
+        },
+        {
+          "path": "registry/components/echart.css",
+          "type": "registry:style",
+          "target": "@ui/echart.css"
+        },
+        {
+          "path": "registry/components/echart.tsx",
+          "type": "registry:component",
+          "target": "@ui/echart.tsx"
         }
       ]
     },
@@ -548,7 +647,7 @@
       "name": "collapsible",
       "type": "registry:component",
       "title": "Collapsible",
-      "description": "Radix Collapsible wrapper for disclosure sections with tokenized trigger, icon rotation, and content slots.",
+      "description": "Radix Collapsible wrapper for disclosure sections with tokenized trigger, icon rotation, content slots, and an unstyled animated panel.",
       "author": "Ahmad Galal",
       "registryDependencies": [
         "base"
@@ -656,7 +755,7 @@
       "name": "toolbar",
       "type": "registry:component",
       "title": "Toolbar",
-      "description": "Figma Filter Toolbar primitive with eight filter/action styles, search fields, select triggers, icon actions, chips, selected-count badges, desktop/mobile wrapping, and RTL-safe composition.",
+      "description": "Figma Filter Toolbar layout primitive with native Tab-order group semantics, eight filter/action styles, search fields, select triggers, icon actions, chips, selected-count badges, desktop/mobile wrapping, and RTL-safe composition.",
       "author": "Ahmad Galal",
       "registryDependencies": [
         "base",
@@ -701,7 +800,7 @@
       "name": "input",
       "type": "registry:component",
       "title": "Input",
-      "description": "Tokenized input field with semantic control density, labels, helper and error text, explicit icons, shared keyboard shortcuts, add-ons, tags, default and soft styles, and RTL states.",
+      "description": "Tokenized input field with native quantity stepping, action-button contracts, semantic control density, labels, helper and error text, icons, shortcuts, add-ons, tags, default and soft styles, and RTL states.",
       "author": "Ahmad Galal",
       "registryDependencies": [
         "base",
@@ -925,7 +1024,7 @@
       "name": "sidebar",
       "type": "registry:component",
       "title": "Sidebar",
-      "description": "Figma-aligned application sidebar with 280px expanded and 48px collapsed shells, brand and workspace headers, search and actions, default/avatar/nested/tree menu variants, badges, group actions, user footers, controlled state, tooltips, logical placement, and RTL mirroring.",
+      "description": "Figma-aligned application sidebar with a tokenized 900px minimum height, staged motion between 280px expanded and 48px collapsed shells, brand and workspace headers, search and actions, default/avatar/nested/tree menu variants, badges, group actions, user footers with hover identity previews, controlled state, tooltips, logical placement, and RTL mirroring.",
       "author": "Ahmad Galal",
       "registryDependencies": [
         "base",
@@ -1490,7 +1589,7 @@
       "name": "page-header",
       "type": "registry:block",
       "title": "Page Header",
-      "description": "Expanded page header composition with breadcrumbs, metadata, description copy, action groups, responsive layout, and optional local tabs.",
+      "description": "Expanded page header composition with breadcrumbs, metadata, description copy, action groups, responsive layout, and content-safe scrollable local tabs.",
       "author": "Ahmad Galal",
       "registryDependencies": [
         "base",
@@ -1615,6 +1714,260 @@
           "target": "@ui/expanded/Timeline.tsx"
         }
       ]
+    },
+    {
+      "name": "shimmer-text",
+      "type": "registry:component",
+      "title": "Shimmer Text",
+      "description": "Text with a soft brightness valley sweeping through it in reading direction, for labels of work in progress such as syncing, reading, or thinking.",
+      "author": "Ahmad Galal",
+      "registryDependencies": [
+        "base"
+      ],
+      "dependencies": [],
+      "files": [
+        {
+          "path": "registry/components/shimmer-text.css",
+          "type": "registry:style",
+          "target": "@ui/shimmer-text.css"
+        },
+        {
+          "path": "registry/components/shimmer-text.tsx",
+          "type": "registry:component",
+          "target": "@ui/shimmer-text.tsx"
+        }
+      ]
+    },
+    {
+      "name": "thinking-state",
+      "type": "registry:component",
+      "title": "Thinking State",
+      "description": "Minimal shimmering status label that signals an agent is working before its first token arrives.",
+      "author": "Ahmad Galal",
+      "registryDependencies": [
+        "base",
+        "shimmer-text"
+      ],
+      "dependencies": [],
+      "files": [
+        {
+          "path": "registry/components/thinking-state.css",
+          "type": "registry:style",
+          "target": "@ui/thinking-state.css"
+        },
+        {
+          "path": "registry/components/thinking-state.tsx",
+          "type": "registry:component",
+          "target": "@ui/thinking-state.tsx"
+        }
+      ]
+    },
+    {
+      "name": "thinking-reasoning",
+      "type": "registry:component",
+      "title": "Thinking Reasoning",
+      "description": "Animated, collapsible reasoning block: a shimmering label reveals sentences as they arrive, auto-scrolls behind soft fades, then folds into a Thought for Ns summary that unfolds on demand.",
+      "author": "Ahmad Galal",
+      "registryDependencies": [
+        "base",
+        "collapsible",
+        "shimmer-text"
+      ],
+      "dependencies": [
+        "lucide-react@^1.17.0"
+      ],
+      "files": [
+        {
+          "path": "registry/components/thinking-reasoning.css",
+          "type": "registry:style",
+          "target": "@ui/thinking-reasoning.css"
+        },
+        {
+          "path": "registry/components/thinking-reasoning.tsx",
+          "type": "registry:component",
+          "target": "@ui/thinking-reasoning.tsx"
+        }
+      ]
+    },
+    {
+      "name": "streaming-text",
+      "type": "registry:component",
+      "title": "Streaming Text",
+      "description": "Token-by-token text with a slim caret that stays solid while streaming and blinks once the response is complete, plus a useTypewriter hook that reveals a finished text locally.",
+      "author": "Ahmad Galal",
+      "registryDependencies": [
+        "base"
+      ],
+      "dependencies": [],
+      "files": [
+        {
+          "path": "registry/components/streaming-text.css",
+          "type": "registry:style",
+          "target": "@ui/streaming-text.css"
+        },
+        {
+          "path": "registry/components/streaming-text.tsx",
+          "type": "registry:component",
+          "target": "@ui/streaming-text.tsx"
+        }
+      ]
+    },
+    {
+      "name": "inline-citations",
+      "type": "registry:component",
+      "title": "Inline Citations",
+      "description": "Prose composed with superscript citation marks that link to numbered sources and reveal the reference name on hover, plus a compact source list with host and external-link affordance.",
+      "author": "Ahmad Galal",
+      "registryDependencies": [
+        "base",
+        "tooltip"
+      ],
+      "dependencies": [
+        "lucide-react@^1.17.0"
+      ],
+      "files": [
+        {
+          "path": "registry/components/inline-citations.css",
+          "type": "registry:style",
+          "target": "@ui/inline-citations.css"
+        },
+        {
+          "path": "registry/components/inline-citations.tsx",
+          "type": "registry:component",
+          "target": "@ui/inline-citations.tsx"
+        }
+      ]
+    },
+    {
+      "name": "rolling-count",
+      "type": "registry:component",
+      "title": "Rolling Count",
+      "description": "Tabular figures that roll each changed character into place like an odometer while assistive technology reads the plain value.",
+      "author": "Ahmad Galal",
+      "registryDependencies": [
+        "base"
+      ],
+      "dependencies": [],
+      "files": [
+        {
+          "path": "registry/components/rolling-count.css",
+          "type": "registry:style",
+          "target": "@ui/rolling-count.css"
+        },
+        {
+          "path": "registry/components/rolling-count.tsx",
+          "type": "registry:component",
+          "target": "@ui/rolling-count.tsx"
+        }
+      ]
+    },
+    {
+      "name": "task-list",
+      "type": "registry:component",
+      "title": "Task List",
+      "description": "Collapsible agent progress tracker with pending, active, and done rows, a header icon that moves from list to pie to check, and rolling counters, plus parts that compose static and folded lists.",
+      "author": "Ahmad Galal",
+      "registryDependencies": [
+        "base",
+        "collapsible",
+        "rolling-count",
+        "shimmer-text"
+      ],
+      "dependencies": [
+        "lucide-react@^1.17.0"
+      ],
+      "files": [
+        {
+          "path": "registry/components/task-list.css",
+          "type": "registry:style",
+          "target": "@ui/task-list.css"
+        },
+        {
+          "path": "registry/components/task-list.tsx",
+          "type": "registry:component",
+          "target": "@ui/task-list.tsx"
+        }
+      ]
+    },
+    {
+      "name": "agent-input",
+      "type": "registry:component",
+      "title": "Agent Input",
+      "description": "Composable AI prompt field with an auto-growing editor, slash-command skill palette, skill and attachment chips, an add menu for files, skills, and models, prompt enhancement with a sweeping ring, and a send action.",
+      "author": "Ahmad Galal",
+      "registryDependencies": [
+        "base",
+        "button",
+        "menu",
+        "shimmer-text",
+        "spinner",
+        "tag"
+      ],
+      "dependencies": [
+        "lucide-react@^1.17.0"
+      ],
+      "files": [
+        {
+          "path": "registry/components/agent-input.css",
+          "type": "registry:style",
+          "target": "@ui/agent-input.css"
+        },
+        {
+          "path": "registry/components/agent-input.tsx",
+          "type": "registry:component",
+          "target": "@ui/agent-input.tsx"
+        },
+        {
+          "path": "registry/components/agent-input-parts.tsx",
+          "type": "registry:component",
+          "target": "@ui/agent-input-parts.tsx"
+        },
+        {
+          "path": "registry/components/agent-input-state.ts",
+          "type": "registry:component",
+          "target": "@ui/agent-input-state.ts"
+        }
+      ]
+    },
+    {
+      "name": "approval-card",
+      "type": "registry:component",
+      "title": "Approval Card",
+      "description": "Human-in-the-loop decision cards that pause the agent: ApprovalQuestions for up to a few questions, ApprovalCommand to approve a shell command, and ApprovalPlan to green-light a short plan with an optional auto-approve countdown, all built on the ApprovalFrame shell for custom decisions.",
+      "author": "Ahmad Galal",
+      "registryDependencies": [
+        "base",
+        "button",
+        "kbd",
+        "rolling-count",
+        "task-list",
+        "tooltip"
+      ],
+      "dependencies": [
+        "lucide-react@^1.17.0"
+      ],
+      "files": [
+        {
+          "path": "registry/components/approval-card.css",
+          "type": "registry:style",
+          "target": "@ui/approval-card.css"
+        },
+        {
+          "path": "registry/components/approval-card.tsx",
+          "type": "registry:component",
+          "target": "@ui/approval-card.tsx"
+        },
+        {
+          "path": "registry/components/approval-frame.tsx",
+          "type": "registry:component",
+          "target": "@ui/approval-frame.tsx"
+        },
+        {
+          "path": "registry/components/approval-questions.tsx",
+          "type": "registry:component",
+          "target": "@ui/approval-questions.tsx"
+        }
+      ]
     }
   ]
 }

package/schema/config.schema.json

@@ -1,51 +1,51 @@
-{
-  "$schema": "https://json-schema.org/draft/2020-12/schema",
-  "$id": "urn:banhaten:schema:config",
-  "title": "Banhaten CLI config",
-  "type": "object",
-  "required": ["tailwind", "aliases"],
-  "additionalProperties": false,
-  "properties": {
-    "$schema": {
-      "type": "string"
-    },
-    "tailwind": {
-      "type": "object",
-      "required": ["css"],
-      "additionalProperties": false,
-      "properties": {
-        "css": {
-          "type": "string",
-          "minLength": 1,
-          "pattern": "^\\S(?:.*\\S)?$",
-          "description": "Path to the global CSS file that imports Tailwind and receives Banhaten tokens."
-        }
-      }
-    },
-    "aliases": {
-      "type": "object",
-      "required": ["ui", "utils", "hooks"],
-      "additionalProperties": false,
-      "properties": {
-        "ui": {
-          "type": "string",
-          "minLength": 1,
-          "pattern": "^\\S(?:.*\\S)?$",
-          "description": "Import alias where Banhaten UI components are installed."
-        },
-        "utils": {
-          "type": "string",
-          "minLength": 1,
-          "pattern": "^\\S(?:.*\\S)?$",
-          "description": "Import alias for the cn utility file."
-        },
-        "hooks": {
-          "type": "string",
-          "minLength": 1,
-          "pattern": "^\\S(?:.*\\S)?$",
-          "description": "Import alias for generated hooks."
-        }
-      }
-    }
-  }
-}
+{
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
+  "$id": "urn:banhaten:schema:config",
+  "title": "Banhaten CLI config",
+  "type": "object",
+  "required": ["tailwind", "aliases"],
+  "additionalProperties": false,
+  "properties": {
+    "$schema": {
+      "type": "string"
+    },
+    "tailwind": {
+      "type": "object",
+      "required": ["css"],
+      "additionalProperties": false,
+      "properties": {
+        "css": {
+          "type": "string",
+          "minLength": 1,
+          "pattern": "^\\S(?:.*\\S)?$",
+          "description": "Path to the global CSS file that imports Tailwind and receives Banhaten tokens."
+        }
+      }
+    },
+    "aliases": {
+      "type": "object",
+      "required": ["ui", "utils", "hooks"],
+      "additionalProperties": false,
+      "properties": {
+        "ui": {
+          "type": "string",
+          "minLength": 1,
+          "pattern": "^\\S(?:.*\\S)?$",
+          "description": "Import alias where Banhaten UI components are installed."
+        },
+        "utils": {
+          "type": "string",
+          "minLength": 1,
+          "pattern": "^\\S(?:.*\\S)?$",
+          "description": "Import alias for the cn utility file."
+        },
+        "hooks": {
+          "type": "string",
+          "minLength": 1,
+          "pattern": "^\\S(?:.*\\S)?$",
+          "description": "Import alias for generated hooks."
+        }
+      }
+    }
+  }
+}