import type { DependencyGraphProps } from "./types.js";
/**
 * Accessible CSS-based tree visualization of an agent's dependencies.
 *
 * Renders `MCP Servers`, `Skills`, and `Sub-Agents` (with recursive
 * sub-agent children) as a nested tree with visual connector lines.
 * The root node represents the agent itself.
 *
 * Implements the WAI-ARIA TreeView pattern:
 * - `role="tree"` on the root list
 * - `role="treeitem"` on each node (via {@link DependencyTreeNode})
 * - Arrow-key navigation between visible nodes (roving tabindex)
 * - `Home`/`End` to jump to first/last visible node
 *
 * All visual properties flow through `--stgm-*` design tokens.
 * Zero Console dependencies — safe for platform builder embedding.
 *
 * @example
 * ```tsx
 * const { tree } = useDependencyGraph({
 *   agentName: "pr-review-agent",
 *   agentOrg: "acme",
 *   spec: agent.spec,
 * });
 *
 * {tree && (
 *   <DependencyGraph
 *     tree={tree}
 *     onNodeClick={(node) => {
 *       if (node.kind === "mcp-server") navigateTo(`/mcp-servers/${node.ref!.slug}`);
 *     }}
 *   />
 * )}
 * ```
 */
export declare function DependencyGraph({ tree, onNodeClick, defaultExpanded, className, }: DependencyGraphProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=DependencyGraph.d.ts.map