Function WebViewPreviewFallback

frontend/app/view/webview/webview.tsx:828–842

({ url }: { url?: string | null })

}

function WebViewPreviewFallback({ url }: { url?: string | null }) {
    const displayUrl = getWebPreviewDisplayUrl(url);

    return (
        <div className="flex h-full w-full items-center justify-center bg-panel">
            <div className="mx-6 flex max-w-[720px] flex-col gap-3 rounded-lg border border-dashed border-border bg-background px-6 py-5 shadow-sm">
                <div className="text-xs font-mono text-muted">preview mock · electron webview unavailable</div>
                <div className="text-sm text-foreground">web widget placeholder</div>
                <div className="rounded-md border border-border bg-panel px-3 py-2 font-mono text-xs text-foreground break-all">
                    {displayUrl}
                </div>
            </div>
        </div>
    );
}

const WebView = memo(({ model, onFailLoad, blockRef, initialSrc }: WebViewProps) => {
    const env = useWaveEnv<WebViewEnv>();