Inline Rationale

A component for displaying AI-driven assessments, decisions, and explanations with intent-based visual theming. Ideal for security assessments, code reviews, and policy decisions.

Installation

hax init
hax add artifact inline-rationale

Component Setup

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

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

  useInlineRationaleAction({
    addOrUpdateArtifact: (type, data) => {
      setArtifacts(prev => [...prev, { type, data, id: Date.now() }]);
    }
  });

  return (
    <HAXInlineRationale
      assessmentType="security_assessment"
      intent="block"
      title="SQL Injection Vulnerability Detected"
      confidence={95}
    />
  );
}