Function BuilderAppInner

frontend/builder/builder-app.tsx:34–60

()

};

function BuilderAppInner() {
    const builderAppId = useAtomValue(atoms.builderAppId);
    const hasDraftApp = !isBlank(builderAppId) && builderAppId.startsWith("draft/");

    return (
        <div className="w-full h-full flex flex-col bg-main-bg text-main-text">
            <BuilderKeyHandlers />
            <div
                className="h-9 shrink-0 border-b border-b-border flex items-center justify-center gap-2"
                style={{ WebkitAppRegion: "drag" } as React.CSSProperties}
            >
                {isDev() ? (
                    <div className="text-accent text-xl" title="Running Wave Dev Build">
                        <i className="fa fa-brands fa-dev fa-fw" />
                    </div>
                ) : null}
                <div className="text-sm font-medium">
                    WaveApp Builder{!isBlank(builderAppId) && ` (${builderAppId})`}
                </div>
            </div>
            <DndProvider backend={HTML5Backend}>
                {hasDraftApp ? <BuilderWorkspace /> : <AppSelectionModal />}
            </DndProvider>
            <ModalsRenderer />
        </div>
    );
}

export function BuilderApp({ initOpts, onFirstRender }: BuilderAppProps) {
    useEffect(() => {