# Initialize HAX in your project
hax init

# Add the component
hax add artifact findings

import { HAXFindings, useFindingsAction } from "@/hax/artifacts/findings";

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

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

  return (
    <HAXFindings
      title="Security Audit Results"
      findings={[
        {
          id: "1",
          title: "SQL Injection Vulnerability",
          description: "Unsanitized user input in authentication module",
          sources: [
            { label: "OWASP Top 10" },
            { label: "CVE-2024-1234" }
          ]
        },
        {
          id: "2",
          title: "Database Query Optimization",
          description: "N+1 query pattern detected in orders endpoint",
          sources: [{ label: "APM Report" }]
        }
      ]}
    />
  );
}