first commit

2026-04-26 21:52:23 +03:00
commit 880f412e2c
2662 changed files with 866266 additions and 0 deletions
--- a/ui/app/workspace/providers/dialogs/providerConfigSheet.tsx
+++ b/ui/app/workspace/providers/dialogs/providerConfigSheet.tsx
@@ -0,0 +1,155 @@
+import Provider from "@/components/provider";
+import { Sheet, SheetContent, SheetHeader, SheetTitle } from "@/components/ui/sheet";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
+import { ModelProvider } from "@/lib/types/config";
+import { RbacOperation, RbacResource, useRbac } from "@enterprise/lib";
+import { useEffect, useMemo, useState } from "react";
+import {
+	ApiStructureFormFragment,
+	BetaHeadersFormFragment,
+	GovernanceFormFragment,
+	OpenAIConfigFormFragment,
+	ProxyFormFragment,
+} from "../fragments";
+import { DebuggingFormFragment } from "../fragments/debuggingFormFragment";
+import { NetworkFormFragment } from "../fragments/networkFormFragment";
+import { PerformanceFormFragment } from "../fragments/performanceFormFragment";
+
+interface Props {
+	show: boolean;
+	onCancel: () => void;
+	provider: ModelProvider;
+}
+
+const ANTHROPIC_FAMILY_PROVIDERS = ["anthropic", "vertex", "bedrock", "azure"];
+
+const availableTabs = (hasCustomProviderConfig: boolean, hasGovernanceAccess: boolean, isOpenAI: boolean, isAnthropicFamily: boolean) => {
+	const tabs = [];
+	if (hasCustomProviderConfig) {
+		tabs.push({
+			id: "api-structure",
+			label: "API Structure",
+		});
+	}
+	tabs.push({
+		id: "network",
+		label: "Network",
+	});
+	tabs.push({
+		id: "proxy",
+		label: "Proxy",
+	});
+	tabs.push({
+		id: "performance",
+		label: "Performance",
+	});
+	if (hasGovernanceAccess) {
+		tabs.push({
+			id: "governance",
+			label: "Governance",
+		});
+	}
+	if (isAnthropicFamily) {
+		tabs.push({
+			id: "beta-headers",
+			label: "Beta Headers",
+		});
+	}
+	tabs.push({
+		id: "debugging",
+		label: "Debugging",
+	});
+	if (isOpenAI) {
+		tabs.push({
+			id: "openai-config",
+			label: "OpenAI Config",
+		});
+	}
+	return tabs;
+};
+
+export default function ProviderConfigSheet({ show, onCancel, provider }: Props) {
+	const [selectedTab, setSelectedTab] = useState<string | undefined>(undefined);
+	const hasGovernanceAccess = useRbac(RbacResource.Governance, RbacOperation.View);
+	const hasCustomProviderConfig = !!provider.custom_provider_config;
+	const isOpenAI = provider.name === "openai";
+	const isAnthropicFamily = ANTHROPIC_FAMILY_PROVIDERS.includes(provider.name.toLowerCase());
+
+	const tabs = useMemo(() => {
+		return availableTabs(hasCustomProviderConfig, hasGovernanceAccess, isOpenAI, isAnthropicFamily);
+	}, [hasCustomProviderConfig, hasGovernanceAccess, isOpenAI, isAnthropicFamily]);
+
+	useEffect(() => {
+		setSelectedTab((previousTab) => {
+			if (previousTab && tabs.some((tab) => tab.id === previousTab)) {
+				return previousTab;
+			}
+
+			return tabs[0]?.id;
+		});
+	}, [tabs]);
+
+	return (
+		<Sheet
+			open={show}
+			onOpenChange={(open) => {
+				if (!open) onCancel();
+			}}
+		>
+			<SheetContent className="custom-scrollbar p-8 sm:max-w-[50%]">
+				<SheetHeader className="flex flex-col items-start">
+					<SheetTitle>
+						<div className="font-lg flex items-center gap-2">
+							<div className="flex items-center">
+								<Provider provider={provider.name} size={24} />
+							</div>
+							Provider configuration
+						</div>
+					</SheetTitle>
+				</SheetHeader>
+				<div className="w-full rounded-sm border">
+					<Tabs defaultValue={tabs[0]?.id} value={selectedTab} onValueChange={setSelectedTab} className="space-y-6">
+						<div className="custom-scrollbar mb-4 w-full overflow-x-auto">
+							<TabsList className="h-10 w-max min-w-full justify-start rounded-tl-sm rounded-tr-sm rounded-br-none rounded-bl-none">
+								{tabs.map((tab) => (
+									<TabsTrigger
+										key={tab.id}
+										value={tab.id}
+										data-testid={`provider-tab-${tab.id}`}
+										className="flex-none px-3 whitespace-nowrap"
+									>
+										{tab.label}
+									</TabsTrigger>
+								))}
+							</TabsList>
+						</div>
+						<TabsContent value="api-structure">
+							<ApiStructureFormFragment provider={provider} />
+						</TabsContent>
+						<TabsContent value="openai-config">
+							<OpenAIConfigFormFragment provider={provider} />
+						</TabsContent>
+						<TabsContent value="network">
+							<NetworkFormFragment provider={provider} />
+						</TabsContent>
+						<TabsContent value="proxy">
+							<ProxyFormFragment provider={provider} />
+						</TabsContent>
+						<TabsContent value="performance">
+							<PerformanceFormFragment provider={provider} />
+						</TabsContent>
+						<TabsContent value="governance">
+							<GovernanceFormFragment provider={provider} />
+						</TabsContent>
+						<TabsContent value="beta-headers">
+							<BetaHeadersFormFragment provider={provider} />
+						</TabsContent>
+						<TabsContent value="debugging">
+							<DebuggingFormFragment provider={provider} />
+						</TabsContent>
+					</Tabs>
+				</div>
+			</SheetContent>
+		</Sheet>
+	);
+}