Documentation

import { CognitiveGraph } from "@/components/ui/cognitive-graph"

const nodes = [
  { id: "1", label: "User Input", type: "data", confidence: 1.0 },
  { id: "2", label: "Parse Intent", type: "reasoning", confidence: 0.95 }
]

const edges = [
  { from: "1", to: "2", strength: 1.0 }
]

<CognitiveGraph 
  nodes={nodes} 
  edges={edges} 
  onNodeClick={(node) => console.log(node)} 
/>

import { ThoughtStack } from "@/components/ui/thought-stack"

const thoughts = [
  {
    id: "1",
    content: "User wants to build a dashboard",
    timestamp: new Date(),
    confidence: 0.95
  }
]

<ThoughtStack 
  thoughts={thoughts}
  editable
  onThoughtsChange={setThoughts}
/>

import { IntentWeaver } from "@/components/ui/intent-weaver"

const intents = [
  { id: "1", text: "Create responsive layout", priority: 3, color: "#8b5cf6" }
]

<IntentWeaver 
  intents={intents} 
  onWeave={(merged) => console.log(merged)} 
/>

import { RealtimeVoiceSession } from "@/components/voice/realtime-voice-session"

<RealtimeVoiceSession
  config={{
    model: "gpt-4o-realtime-preview",
    voice: "alloy",
    vadEnabled: true
  }}
  onConnect={() => console.log("Connected")}
  onTranscript={(text, isFinal) => console.log(text)}
/>

import { VoiceAgentOrchestrator } from "@/components/voice/voice-agent-orchestrator"

const agents = [
  {
    id: "general",
    name: "General Assistant",
    description: "Handles general queries",
    instructions: "You are a helpful assistant."
  }
]

<VoiceAgentOrchestrator 
  agents={agents} 
  currentAgentId="general" 
/>

import { SemanticTable } from "@/components/ui/semantic-table"

const data = [
  { id: 1, name: "John Doe", status: "active" }
]

const columns = [
  { key: "name", label: "Name", type: "text" },
  { key: "status", label: "Status", type: "badge" }
]

<SemanticTable 
  data={data} 
  columns={columns} 
  onRowClick={(row) => console.log(row)} 
/>

import { PatternSynth } from "@/components/ui/pattern-synth"

const data = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

<PatternSynth 
  data={data}
  onPatternSelect={(pattern) => console.log(pattern)}
/>

import { MoodMesh } from "@/components/ui/mood-mesh"

<MoodMesh 
  mood="curious"
  onMoodChange={(newMood) => setMood(newMood)}
/>