# Initialize HAX in your project
agntcy-hax init

# Add the component
agntcy-hax add artifact code-editor

import { HAXCodeEditor, useCodeEditorAction } from "@/hax/artifacts/code-editor";
export function DocumentationPage() {
  const [artifacts, setArtifacts] = useState([]);
  // Register code editor actions for AI agents
  useCodeEditorAction({
    addOrUpdateArtifact: (type, data) => {
      // Handle code editor updates
    }
  });
  return (
    <HAXCodeEditor
      language="javascript"
      value={codeContent}
    />
  );
}