# Initialize HAX in your project
hax init

# Add the component
hax add artifact source-attribution

import { HAXSourceAttribution, useSourceAttributionAction } from "@/hax/artifacts/source-attribution";

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

  // Register source attribution actions for AI agents
  useSourceAttributionAction({
    addOrUpdateArtifact: (type, data) => {
      // Handle source attribution updates
    }
  });

  return (
    <HAXSourceAttribution
      title="Market Research Findings"
      claim="The global AI market is expected to reach $1.8 trillion by 2030"
      description="Key findings from recent market analysis reports"
      sources={researchSources}
    />
  );
}