HAX

Preview

Installation

Schema & Prompt Control

Conversation

Installation

Instructions

# Initialize HAX in your project
agntcy-hax init

# Add the component
agntcy-hax add artifact timeline

Usage

The timeline component integrates with AI agents through CopilotKit. Users interact with AI agents through natural language, and the agents automatically create and update timeline activities with appropriate status indicators.

Component Setup

Setup

import { HAXTimeline, useTimelineAction } from "@/hax/artifacts/timeline";
export function ProjectTracker() {
  const [artifacts, setArtifacts] = useState([]);
  // Register timeline actions for AI agents
  useTimelineAction({
    addOrUpdateArtifact: (type, data) => {
      // Handle timeline updates
    }
  });
  return (
    <HAXTimeline
      title="Project Activity"
      items={timelineActivities}
    />
  );
}

Preview

Installation

Schema & Prompt Control

Conversation

Installation

Instructions

# Initialize HAX in your project
agntcy-hax init

# Add the component
agntcy-hax add artifact timeline

Usage

Component Setup

Setup

import { HAXTimeline, useTimelineAction } from "@/hax/artifacts/timeline";
export function ProjectTracker() {
  const [artifacts, setArtifacts] = useState([]);
  // Register timeline actions for AI agents
  useTimelineAction({
    addOrUpdateArtifact: (type, data) => {
      // Handle timeline updates
    }
  });
  return (
    <HAXTimeline
      title="Project Activity"
      items={timelineActivities}
    />
  );
}