Diagnostic Report

A structured table component for presenting diagnostic findings with confidence levels, rationale, and actionable recommendations. Ideal for troubleshooting and root cause analysis.

Installation

hax init
hax add artifact diagnostic-report

Component Setup

import { HAXDiagnosticReport, useDiagnosticReportAction } from "@/hax/artifacts/diagnostic-report";

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

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

  return (
    <HAXDiagnosticReport
      title="Service Degradation Analysis"
      items={diagnosticItems}
    />
  );
}