/** Props for {@link RunnerFileBrowser}. */
export interface RunnerFileBrowserProps {
    /** ID of the runner whose filesystem to browse. */
    readonly runnerId: string;
    /** Called when the user confirms the current directory as workspace. */
    readonly onSelect: (absolutePath: string) => void;
    /** Called when the user dismisses the browser. */
    readonly onCancel: () => void;
    /** Additional CSS class names for the root container. */
    readonly className?: string;
    /**
     * Display name of the runner (e.g. "dev-macbook").
     * Shown in the context header so users know which machine they're browsing.
     */
    readonly runnerName?: string;
    /**
     * Hostname of the runner's machine (e.g. "Alice's MacBook Pro").
     * Shown alongside the runner name in the context header.
     */
    readonly runnerHostname?: string;
}
/**
 * Styled component for browsing a runner's filesystem and selecting
 * a project directory as a workspace entry.
 *
 * Uses the runner's `ListDirectory` command (via `sendCommand`) to
 * fetch directory listings over the bidi stream. The user navigates
 * with breadcrumbs, shortcut buttons (Home, CWD), and click-to-enter
 * for directories.
 *
 * All visual properties flow through `--stgm-*` tokens.
 *
 * @example
 * ```tsx
 * <RunnerFileBrowser
 *   runnerId="runner-abc123"
 *   onSelect={(path) => workspace.addLocalPath(path)}
 *   onCancel={() => setShowBrowser(false)}
 * />
 * ```
 */
export declare function RunnerFileBrowser({ runnerId, onSelect, onCancel, className, runnerName, runnerHostname, }: RunnerFileBrowserProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=RunnerFileBrowser.d.ts.map