PanUI

PanUI is the AI Native UI primitive layer for ArchIToken.

It is not an Ant Design, shadcn/ui, or marketing-template wrapper. PanUI is a React-first and React Native-targeted design system for engineering workbenches, AI agent operations, Open CDE files, approval gates, audit trails, and high-density professional tools.

Principles

• AI Native: UI surfaces must expose planner, generator, evaluator, rule checker, schema validator, approver, tool-call, trace, and audit states as first-class product primitives.
• React Native target: Web and mobile share tokens, object schemas, interaction semantics, and component names. Platform renderers may differ.
• Open CDE first: file system, lifecycle, approval, audit, and operation queues are core workbench surfaces, not dashboard decoration.
• Framework-neutral enough: PanUI can use React, Next.js, Tailwind tokens, Radix primitives, and React Native implementations where they serve the product. No single third-party component library defines the project identity.
• No Ant Design runtime: Ant Design is not a PanUI dependency or compatibility layer.

Package Shape

src/
  cn.ts
  index.ts
  pan-ui.tsx
  tokens.ts

Current Scope

The first package version contains web primitives extracted from the ArchIToken migration:

• Button
• Tag
• Tooltip
• Empty
• Spin
• Progress
• Segmented
• Input
• InputNumber
• Select
• Slider
• Switch
• Checkbox
• Table
• Alert
• Badge
• QRCode
• Form
• Cascader
• Radio
• Space
• Typography

React Native implementations should keep the same component intent and token contract, but use native primitives instead of DOM elements.

License

Apache-2.0.