# Initialize HAX in your project
hax init

# Add the component
hax add artifact inline-rationale

import { HAXInlineRationale, useInlineRationaleAction } from "@/hax/artifacts/inline-rationale";

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

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

  return (
    <HAXInlineRationale
      assessmentType="security_assessment"
      intent="block"
      title="SQL Injection Vulnerability Detected"
      description="A critical vulnerability was found."
      summary={{ impact: "critical", exploitability: "high" }}
      rationale={[{ label: "Location", value: "src/api/users.ts:45" }]}
      confidence={95}
    />
  );
}