# Initialize HAX in your project
hax init

# Add the component
hax add artifact timeline

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}
    />
  );
}