import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
import { ExternalLink } from "lucide-react";
import { Select } from "../../../../components/ui/select";
export function AgentProfileModelSettingsSection({ profiles, activeProfile, profileOptions, selectedModelId, modelOptions, readOnly, onProfileChange, onModelChange, onOpenProfileSettings, }) {
    return (_jsxs(_Fragment, { children: [profiles.length > 0 ? (_jsxs("div", { children: [_jsx("div", { className: "text-neutral-grey-100 mb-1 text-[11px] font-medium", children: "Agent profile" }), _jsx(Select, { size: "xs", maxWidth: 300, searchable: profiles.length > 5, searchPlaceholder: "Filter profiles...", className: "text-neutral-grey-50 h-6 w-full rounded border px-1.5 text-[11px]", value: activeProfile?.id || "", options: profileOptions, disabled: readOnly, "data-testid": "agent-profile-selector", onValueChange: (value) => {
                            void onProfileChange(value);
                        } }), activeProfile ? (_jsx("div", { className: "mt-1 flex flex-wrap items-center gap-2", children: _jsxs("button", { type: "button", className: "text-neutral-grey-50 hover:text-neutral-grey-100 inline-flex items-center gap-1 text-[10px]", title: "Open profile settings. Alt+click to open in a new slot.", onClick: (event) => {
                                void onOpenProfileSettings({
                                    openInNewSlot: event.altKey,
                                });
                            }, children: ["Open profile settings", _jsx(ExternalLink, { className: "h-2.5 w-2.5", strokeWidth: 1.5 })] }) })) : null] })) : null, activeProfile?.models?.length ? (_jsxs("div", { children: [_jsx("div", { className: "text-neutral-grey-100 mb-1 text-[11px] font-medium", children: "Model" }), _jsx(Select, { "data-testid": "agent-model-selector", size: "xs", maxWidth: 300, searchable: activeProfile.models.length > 5, searchPlaceholder: "Filter models...", className: "text-neutral-grey-50 h-6 w-full rounded border px-1.5 text-[11px]", value: selectedModelId || "", options: modelOptions, disabled: readOnly, onValueChange: (value) => {
                            void onModelChange(value);
                        } })] })) : null] }));
}
//# sourceMappingURL=AgentProfileModelSettingsSection.js.map