ai-design-system 0.1.34 → 0.1.35

package/dist/index.d.ts

@@ -690,6 +690,634 @@ export interface AIDocEditorMultiTabProps {
 
 export const AIDocEditor: React.FC<any>;
 
+export const WorkflowToolbarActions: React.FC<any>;
+export const WorkflowToolbar: React.FC<any>;
+
+// From components/composites/ToolCallDisplay/ToolCallDisplay.tsx
+export interface ToolCall {
+  id: string
+  name: string
+  args: Record<string, unknown>
+  result?: string
+  status: "pending" | "completed" | "error"
+}
+
+export interface ToolCallDisplayProps {
+  /**
+   * Tool call data to display
+   */
+  toolCall: ToolCall
+  /**
+   * Whether the tool call is initially expanded
+   */
+  defaultExpanded?: boolean
+}
+
+export const ToolCallDisplay: React.FC<ToolCallDisplayProps>;
+
+// From components/composites/UserMessage/UserMessage.tsx
+export interface UserMessageData {
+  id: string
+  content: string
+  avatarSrc?: string
+  avatarName?: string
+}
+
+export interface UserMessageProps {
+  /**
+   * User message data to display
+   */
+  message: UserMessageData
+  /**
+   * Whether to show avatar
+   */
+  showAvatar?: boolean
+}
+
+export const UserMessage: React.FC<UserMessageProps>;
+
+// From components/composites/ThemeSelector/ThemeSelector.tsx
+export interface Theme {
+  label: string
+  value: string
+}
+
+export interface ThemeSelectorProps {
+  /**
+   * Available theme options
+   */
+  themes: Theme[]
+  /**
+   * Currently selected theme value
+   */
+  value?: string
+  /**
+   * Callback when theme selection changes
+   */
+  onValueChange?: (value: string) => void
+  /**
+   * Placeholder text when no theme is selected
+   */
+  placeholder?: string
+  /**
+   * Additional CSS classes
+   */
+  className?: string
+}
+
+export const ThemeSelector: React.FC<ThemeSelectorProps>;
+
+// From components/composites/TransitionNode/TransitionNode.tsx
+export type TransitionNodeConfig = {
+  /** For conditional transitions: form field comparison e.g. "{{record.orderValue}} > {{record.acceptedRange}}" */
+  condition?: string;
+  /** For human transitions: roles allowed to approve */
+  allowed_roles?: string[];
+  /** For scheduled transitions: delay in seconds */
+  delay_seconds?: number;
+  /** For plugin transitions: plugin identifier */
+  plugin_id?: string;
+  /** For plugin transitions: plugin input values */
+  plugin_inputs?: Record<string, unknown>;
+};
+
+export type TransitionNodeData = {
+  label: string;
+  description?: string;
+  type: "transition";
+  /** Transition execution type */
+  transitionType?: "human" | "conditional" | "scheduled" | "plugin";
+  /** Transition-type-specific configuration */
+  config?: TransitionNodeConfig;
+  status?: "idle" | "running" | "success" | "error";
+  enabled?: boolean;
+};
+
+export const TransitionNode: React.FC<any>;
+
+// From components/composites/TableToolbar/TableToolbar.tsx
+export interface TableToolbarProps {
+  table: Table<unknown>
+  searchPlaceholder?: string
+  searchColumn?: string
+  actions?: React.ReactNode
+  className?: string
+}
+
+export const TableToolbar: React.FC<TableToolbarProps>;
+
+// From components/composites/TablePagination/TablePagination.tsx
+export interface TablePaginationProps {
+  /**
+   * TanStack Table instance
+   */
+  table: Table<unknown>
+  /**
+   * Available page size options
+   */
+  pageSizeOptions?: number[]
+  /**
+   * Additional CSS classes
+   */
+  className?: string
+}
+
+export const TablePagination: React.FC<TablePaginationProps>;
+
+// From components/composites/StatsCard/StatsCard.tsx
+export interface StatsCardProps {
+  /**
+   * Card title (e.g., "Total Revenue")
+   */
+  title: string
+  /**
+   * Main value to display (e.g., "$1,250.00")
+   */
+  value: string | number
+  /**
+   * Trend indicator with direction and percentage
+   */
+  trend?: {
+    direction: "up" | "down"
+    value: string
+  }
+  /**
+   * Footer content with primary message and secondary description
+   */
+  footer?: {
+    message: string
+    description: string
+  }
+  /**
+   * Additional CSS classes
+   */
+  className?: string
+}
+
+export const StatsCard: React.FC<StatsCardProps>;
+
+// From components/composites/StateNode/StateNode.tsx
+export type StateNodeData = {
+  label: string;
+  description?: string;
+  type: "state";
+  /** True for terminal states — marks workflow completion, no outgoing transitions */
+  isTerminal?: boolean;
+  status?: "idle" | "running" | "success" | "error";
+  enabled?: boolean;
+};
+
+export const StateNode: React.FC<any>;
+
+// From components/composites/SpecialistMessage/SpecialistMessage.tsx
+export interface SpecialistMessageData {
+  id: string
+  name: string
+  description?: string
+  icon?: React.ReactNode
+  content: string
+  toolCalls?: ToolCall[]
+  status: "pending" | "active" | "completed" | "error"
+  avatarSrc?: string
+  avatarName?: string
+}
+
+export interface SpecialistMessageProps {
+  /**
+   * Specialist message data to display
+   */
+  message: SpecialistMessageData
+  /**
+   * Whether this message is nested under an orchestrator
+   */
+  isNested?: boolean
+  /**
+   * Whether the specialist message should be open by default
+   * @default false
+   */
+  defaultOpen?: boolean
+  /**
+   * Whether to show collapse/expand trigger
+   * @default false
+   */
+  collapsible?: boolean
+}
+
+export const SpecialistMessage: React.FC<SpecialistMessageProps>;
+
+// From components/composites/PromptInput/PromptInput.tsx
+export interface PromptInputBlockProps
+  extends Omit<
+    AIPromptInputProps,
+    "accept" | "multiple" | "maxFiles" | "maxFileSize" | "globalDrop" | "syncHiddenInput" | "onSubmit" | "onChange"
+  > {
+  /**
+   * Blocks form submission when true. Textarea remains editable for drafts.
+   */
+  disabled?: boolean;
+  /**
+   * Placeholder text for the textarea input
+   */
+  placeholder?: string;
+  /**
+   * Controlled state value (when provided with onChange)
+   */
+  value?: string;
+  /**
+   * Controlled state change handler (when provided with value)
+   */
+  onChange?: (value: string) => void;
+  /**
+   * Submit handler called when form is submitted
+   */
+  onSubmit: (
+    message: PromptInputMessage,
+    event: FormEvent<HTMLFormElement>
+  ) => void | Promise<void>;
+}
+
+export const PromptInput: React.FC<any>;
+
+// From components/composites/PageContainer/PageContainer.tsx
+export interface PageContainerProps {
+  children: React.ReactNode
+  className?: string
+}
+
+export const PageContainer: React.FC<PageContainerProps>;
+
+// From components/composites/OrchestratorMessage/OrchestratorMessage.tsx
+export interface OrchestratorMessageData {
+  id: string
+  content: string
+  avatarSrc?: string
+  avatarName?: string
+}
+
+export interface OrchestratorMessageProps {
+  /**
+   * Orchestrator message data to display
+   */
+  message: OrchestratorMessageData
+  /**
+   * Whether to show avatar
+   */
+  showAvatar?: boolean
+  /**
+   * Child components (SpecialistMessage, ToolCallDisplay)
+   */
+  children?: React.ReactNode
+}
+
+export const OrchestratorMessage: React.FC<OrchestratorMessageProps>;
+
+// From components/composites/NavigationList/NavigationList.tsx
+export interface NavigationItem {
+  key?: string
+  title: string
+  url: string
+  icon?: string
+  isActive?: boolean
+}
+
+export interface NavigationListProps {
+  items: NavigationItem[]
+  onItemClick?: (item: NavigationItem) => void
+  className?: string
+}
+
+export const NavigationList: React.FC<NavigationListProps>;
+
+// From components/composites/NavUser/NavUser.tsx
+export interface NavUserProps {
+  user: {
+    name: string
+    email: string
+    avatar?: string
+  }
+  actions?: { label: string; onClick: () => void }[]
+  className?: string
+}
+
+export const NavUser: React.FC<NavUserProps>;
+
+// From components/composites/ModeToggle/ModeToggle.tsx
+export interface ModeToggleProps {
+  /**
+   * Additional CSS classes
+   */
+  className?: string
+}
+
+export const ModeToggle: React.FC<ModeToggleProps>;
+
+// From components/composites/ModeSwitcher/ModeSwitcher.tsx
+export type Mode = "demo" | "dev";
+
+export interface ModeSwitcherProps {
+  mode: Mode;
+  onModeChange: (mode: Mode) => void;
+  className?: string;
+}
+
+export const ModeSwitcher: React.FC<ModeSwitcherProps>;
+
+// From components/composites/InteractiveChart/InteractiveChart.tsx
+export interface InteractiveChartProps {
+  title: string
+  description?: string
+  data: unknown[]
+  config: ChartConfig
+  timeRanges?: { label: string; value: string }[]
+  defaultTimeRange?: string
+  children: React.ReactNode
+  className?: string
+}
+
+export const InteractiveChart: React.FC<InteractiveChartProps>;
+
+// From components/composites/FormReports/FormReportsTable.tsx
+export interface FormReportsEntity {
+  id: number | string
+  [key: string]: unknown
+}
+
+export interface FormReportsColumn {
+  key: string
+  label: string
+  align?: "left" | "center" | "right"
+}
+
+export interface FormReportsRowAction {
+  key: string
+  label: string
+}
+
+export interface FormReportsTableHandlers {
+  onColumnsChange?: (visibleColumnKeys: string[]) => void
+  onRowAction?: (action: string, row: FormReportsEntity) => void
+  onRowSelectionChange?: (selectedRowIds: Array<number | string>, selectedRows: FormReportsEntity[]) => void
+  onPaginationChange?: (pageIndex: number, pageSize: number) => void
+}
+
+export interface FormReportsTableProps {
+  items: FormReportsEntity[]
+  columns: FormReportsColumn[]
+  rowActions?: FormReportsRowAction[]
+  handlers?: FormReportsTableHandlers
+  leftActions?: React.ReactNode
+  rightActions?: React.ReactNode
+  onCreateClick?: () => void
+  createButtonLabel?: string
+}
+
+export const FormReportsTable: React.FC<FormReportsTableProps>;
+
+// From components/composites/FormReports/FormReportsDrawerForm.tsx
+export interface FormReportsFieldOption {
+  label: string
+  value: string
+}
+
+export interface FormReportsFieldDefinition {
+  name: string
+  label: string
+  type: FormReportsFieldType
+  description?: string
+  placeholder?: string
+  required?: boolean
+  defaultValue?: FormReportsValue
+  options?: FormReportsFieldOption[]
+}
+
+export interface FormReportsDrawerFormProps {
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  title: string
+  description?: string
+  fields: FormReportsFieldDefinition[]
+  values: FormReportsValues
+  submitLabel?: string
+  cancelLabel?: string
+  onFieldChange: (name: string, value: FormReportsValue, nextValues: FormReportsValues) => void
+  onFieldBlur?: (name: string, value: FormReportsValue, values: FormReportsValues) => void
+  onSubmit: (values: FormReportsValues) => void
+  onCancel?: () => void
+}
+
+export const FormReportsDrawerForm: React.FC<FormReportsDrawerFormProps>;
+
+// From components/composites/FileQueue/FileStatusBadge.tsx
+export type FileStatus = "pending" | "modified" | "created" | "deleted";
+
+export interface FileStatusBadgeProps {
+  status: FileStatus;
+  className?: string;
+}
+
+export const FileStatusBadge: React.FC<FileStatusBadgeProps>;
+
+export const FileQueue: React.FC<any>;
+
+// From components/composites/DocumentTabBar/DocumentTabBar.tsx
+export interface DocumentTabBarProps {
+  /**
+   * Array of open documents
+   */
+  tabs: DocumentFile[]
+
+  /**
+   * ID of currently active document
+   */
+  activeTabId?: string
+
+  /**
+   * Callback when tab is selected
+   */
+  onTabSelect?: (documentId: string) => void
+
+  /**
+   * Callback when tab close button is clicked
+   */
+  onTabClose?: (documentId: string) => void
+
+  /**
+   * Additional CSS classes
+   */
+  className?: string
+}
+
+export const DocumentTabBar: React.FC<DocumentTabBarProps>;
+
+export const DocumentEditor: React.FC<any>;
+
+
+// From components/composites/DataTable/StatusCell.tsx
+export interface StatusCellProps {
+  status: DashboardRow["status"]
+}
+
+export const StatusCell: React.FC<StatusCellProps>;
+
+// From components/composites/DataTable/RowDetailDrawer.tsx
+export interface RowDetailDrawerProps {
+  item: DashboardRow
+  onChange: (rowId: number, key: keyof DashboardRow, value: string) => void
+}
+
+export const RowDetailDrawer: React.FC<RowDetailDrawerProps>;
+
+// From components/composites/DataTable/ReviewerCell.tsx
+export interface ReviewerCellProps {
+  row: DashboardRow
+  onAssign: (rowId: number, reviewer: string) => void
+}
+
+export const ReviewerCell: React.FC<ReviewerCellProps>;
+
+// From components/composites/DataTable/InlineEditCell.tsx
+export interface InlineEditCellProps {
+  row: DashboardRow
+  field: "target" | "limit"
+  onSave: (rowId: number, field: "target" | "limit", value: string) => void
+}
+
+export const InlineEditCell: React.FC<InlineEditCellProps>;
+
+// From components/composites/DataTable/EnhancedDataTable.tsx
+export interface EnhancedDataTableProps {
+  data: DashboardRow[]
+  className?: string
+  handlers?: DashboardTableActionHandlers
+  leftActions?: React.ReactNode
+  rightActions?: React.ReactNode
+  onCreateClick?: () => void
+  createButtonLabel?: string
+}
+
+export const EnhancedDataTable: React.FC<EnhancedDataTableProps>;
+
+// From components/composites/DataTable/DraggableRow.tsx
+export interface DraggableRowProps {
+  row: Row<DashboardRow>
+}
+
+export const DraggableRow: React.FC<DraggableRowProps>;
+
+// From components/composites/DataTable/DragHandleCell.tsx
+export interface DragHandleCellProps {
+  id: number
+}
+
+export const DragHandleCell: React.FC<DragHandleCellProps>;
+
+// From components/composites/DataTable/DataTable.tsx
+export interface DataTableProps<TData, TValue> {
+  data: TData[]
+  columns: ColumnDef<TData, TValue>[]
+  enableRowSelection?: boolean
+  enablePagination?: boolean
+  enableFiltering?: boolean
+  searchColumn?: string
+  onRowClick?: (row: TData) => void
+  className?: string
+}
+
+export const DataTable: React.FC<DataTableProps>;
+
+// From components/composites/Confirmation/Confirmation.tsx
+export interface ConfirmationProps {
+  /**
+   * Title text displayed at the top of the confirmation
+   */
+  title?: string;
+  /**
+   * Callback when user approves
+   */
+  onApprove?: () => void;
+  /**
+   * Callback when user rejects
+   */
+  onReject?: () => void;
+  /**
+   * Confirmation state
+   */
+  state: ToolUIState;
+  /**
+   * Approval data
+   */
+  approval?: ToolApproval;
+  /**
+   * Content to display (e.g., FileQueue)
+   */
+  children: React.ReactNode;
+  /**
+   * Additional CSS classes
+   */
+  className?: string;
+}
+
+export const Confirmation: React.FC<ConfirmationProps>;
+
+export const CommentBox: React.FC<any>;
+
+// From components/composites/AgentIndicator/AgentIndicator.tsx
+export interface SubAgent {
+  id: string
+  name: string
+  subAgentName: string
+  input: string | Record<string, unknown>
+  output?: string | Record<string, unknown>
+  status: "pending" | "active" | "completed" | "error"
+}
+
+export interface AgentIndicatorProps {
+  /**
+   * Sub-agent data to display
+   */
+  subAgent: SubAgent
+  /**
+   * Click handler for agent selection
+   */
+  onClick: () => void
+  /**
+   * Whether this agent is currently selected
+   */
+  isSelected?: boolean
+}
+
+export const AgentIndicator: React.FC<AgentIndicatorProps>;
+
+export const AppHeader: React.FC<any>;
+
+// From components/composites/AdjustableLayout/AdjustableLayout.tsx
+export interface AdjustableLayoutSection {
+  id: string
+  content: React.ReactNode
+  defaultSize?: number // percentage (0-100)
+  minSize?: number // minimum percentage
+  maxSize?: number // maximum percentage
+  resizable?: boolean // default true for >1 sections
+  className?: string
+}
+
+export interface AdjustableLayoutProps extends React.ComponentPropsWithoutRef<"div"> {
+  sections: AdjustableLayoutSection[]
+  orientation?: "horizontal" | "vertical"
+  storageKey?: string // localStorage key for persistence
+  onSectionResize?: (sectionId: string, newSize: number) => void
+  dragHandleColor?: "primary" | "secondary" | "accent" | "border" | "muted"
+}
+
+export const AdjustableLayout: React.FC<AdjustableLayoutProps>;
+
+// ============================================================================
+// EXTERNAL RE-EXPORTS
+// ============================================================================
+
+export { ReactFlowProvider, applyNodeChanges, applyEdgeChanges, addEdge } from '@xyflow/react';
+export type { NodeChange, EdgeChange, Connection } from '@xyflow/react';
+export { cn } from '@/lib/utils';
 
 // ============================================================================
 // UTILITIES

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ai-design-system",
-  "version": "0.1.34",
+  "version": "0.1.35",
   "private": false,
   "type": "module",
   "description": "AI-powered design system with React components, built with Tailwind CSS and Radix UI - test",