Pane

import { ArtifactCard, ChannelHeader, OrgRail, Pane, SystemLine } from '@hanzo/ui/agents'

Types

export interface ChannelHeaderProps extends Row {
  name: string
  /** How many work products this channel has produced. Absent draws no badge —
   *  zero is a fact worth showing, absent is "not counted yet". */
  artifacts?: number
  onArtifacts?: () => void
  /** Trailing controls. */
  children?: ReactNode
}

export type ArtifactKind = 'canvas' | 'code' | 'view'

export interface ArtifactCardProps extends Row {
  title: string
  kind: ArtifactKind
  onOpen?: () => void
}

export interface SystemLineProps extends Row {
  /** The whole sentence, already written by the caller — "Zoe was added by
   *  Harry". Composing it here would need a grammar this component cannot have. */
  children: ReactNode
  avatar?: ReactNode
}

export interface PaneTab {
  id: string
  label: string
  kind: ArtifactKind
  content: ReactNode
}

export interface PaneProps extends Col {
  tabs: PaneTab[]
  active?: string
  onActive?: (id: string) => void
  onClose?: () => void
}

export interface Org {
  id: string
  name: string
  /** A mark. Falls back to the first letter of `name`. */
  avatar?: ReactNode
}

export interface OrgRailProps extends Col {
  orgs: Org[]
  active?: string
  onSwitch?: (id: string) => void
  onAdd?: () => void
}

Exports