# Initialize HAX in your project
hax init

# Add the component
hax add artifact capability-manifest

import { HAXCapabilityManifest, useCapabilityManifestAction } from "@/hax/artifacts/capability-manifest";

export function AgentHandshake() {
  const [artifacts, setArtifacts] = useState([]);

  // Register capability manifest actions for AI agents
  useCapabilityManifestAction({
    addOrUpdateArtifact: (type, data) => {
      setArtifacts(prev => [...prev, { type, data, id: Date.now() }]);
    }
  });

  return (
    <HAXCapabilityManifest
      data={{
        agentName: "Data Analyst",
        agentRole: "Agent",
        statusText: "Ready for interaction",
        capabilities: [
          { id: "1", name: "SQL Query", status: "enabled" },
          { id: "2", name: "Visualization", status: "enabled" }
        ],
        connectionStatus: "connected",
        sessionId: "HAX-2024-001"
      }}
    />
  );
}