/**
 * OrbInspector
 *
 * Universal contextual inspector for .orb programs. Built into FlowCanvas.
 * Two tabs: Inspector (contextual sections) and Code (.orb syntax view).
 *
 * Inspector shows different sections based on what was clicked:
 *   - Orbital header → entity fields, traits, pages
 *   - Pattern element → pattern props, entity (if entity-aware), transition (if fires event)
 *   - Transition node → state diagram, guard, effects, render-ui source
 *
 * Code tab shows the .orb representation of the selected context.
 *
 * When `editable` is true, inspector fields become inputs.
 */
import React from 'react';
import type { OrbitalSchema, ThemeDefinition } from '@almadar/core';
import type { PreviewNodeData } from '../../molecules/avl/avl-preview-types';
export interface OrbInspectorProps {
    node: PreviewNodeData;
    schema: OrbitalSchema;
    editable?: boolean;
    /**
     * Studio persona viewing the inspector. Controls tab visibility (Code is
     * architect-only, Styles is universal) and section visibility (Entity,
     * raw guard, raw effects are architect-only). Default `'builder'` matches
     * pre-Phase-2 behavior except for the new Styles tab, which every persona
     * gets.
     */
    userType?: 'builder' | 'designer' | 'architect';
    /**
     * Project theme tokens (Design System tab only). When provided AND the
     * selection originates from the synthesized `__design_system__` schema,
     * the Styles tab renders an editable token-row list; edits emit
     * `UI:PROP_CHANGE` with `propName: '__token__.<group>.<key>'` and the
     * page-level dispatcher routes them to `themeManifest.setToken`.
     */
    themeManifest?: ThemeDefinition;
    onSchemaChange?: (schema: OrbitalSchema) => void;
    onClose: () => void;
}
export declare function OrbInspector({ node, schema, editable, userType, themeManifest, onSchemaChange, onClose }: OrbInspectorProps): React.ReactElement;
export declare namespace OrbInspector {
    var displayName: string;
}
