Mohamed BoudraandGitHub
2acb10fce9
* fix(app): keep provider settings above model selector Desktop web comboboxes used the browser top layer, so ordinary modal portals could not cover them. Keep web overlays in one relative layer stack while preserving native bottom-sheet stacking. * fix(app): route overlay keyboard ownership * fix(app): preserve nested overlay ownership * fix(app): route command center overlay input * fix(app): preserve global overlay ancestry * fix(app): register global dialog hosts
33 lines
1.1 KiB
TypeScript
33 lines
1.1 KiB
TypeScript
import { useCallback } from "react";
|
|
import { ProviderDiagnosticSheet } from "@/components/provider-diagnostic-sheet";
|
|
import { OverlayLayerProvider } from "@/lib/overlay-root";
|
|
import { useProviderSettingsStore } from "@/stores/provider-settings-store";
|
|
|
|
export function ProviderSettingsHost() {
|
|
const serverId = useProviderSettingsStore((state) => state.serverId);
|
|
const provider = useProviderSettingsStore((state) => state.provider);
|
|
const visible = useProviderSettingsStore((state) => state.visible);
|
|
const overlayParentLayer = useProviderSettingsStore((state) => state.overlayParentLayer);
|
|
const close = useProviderSettingsStore((state) => state.close);
|
|
|
|
const handleClose = useCallback(() => {
|
|
close();
|
|
}, [close]);
|
|
|
|
if (!serverId || !provider) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<OverlayLayerProvider layer={overlayParentLayer}>
|
|
<ProviderDiagnosticSheet
|
|
key={`${serverId}:${provider}`}
|
|
provider={provider}
|
|
serverId={serverId}
|
|
visible={visible}
|
|
onClose={handleClose}
|
|
/>
|
|
</OverlayLayerProvider>
|
|
);
|
|
}
|