import { ReactNode } from 'react';

interface BrowserElementContextCopy {
    cancel: string;
    failed: string;
    select: string;
}
declare function BrowserElementContextAction({ copy, onAppendMention, onError, workspaceId }: {
    copy: BrowserElementContextCopy;
    onAppendMention: (mention: string) => void;
    onError: (message: string) => void;
    workspaceId: string;
}): ReactNode;

declare const browserElementMentionKind = "browser-element";
interface BrowserElementMentionReference {
    context: string;
    id: string;
    tagName: string;
    workspaceId: string;
}
interface BrowserElementMentionIdentity {
    label: string;
    scope?: Readonly<Record<string, string>>;
}
interface BrowserElementMentionPresentation {
    name: string;
    workspaceId?: string;
}
declare function createBrowserElementMentionMarkdown(reference: BrowserElementMentionReference): string;
declare function browserElementMentionLabel(tagName: string): string;
declare function presentBrowserElementMention(mention: BrowserElementMentionIdentity): BrowserElementMentionPresentation | null;

/** Registers browser DOM references before the first AgentGUI surface mounts. */
declare function registerBrowserElementMention(): void;

export { BrowserElementContextAction, type BrowserElementContextCopy, type BrowserElementMentionIdentity, type BrowserElementMentionPresentation, type BrowserElementMentionReference, browserElementMentionKind, browserElementMentionLabel, createBrowserElementMentionMarkdown, presentBrowserElementMention, registerBrowserElementMention };