From 99557b46f52f05a08a3ba6770d760af11ee09b5b Mon Sep 17 00:00:00 2001
From: Enrico Ros <enrico.ros@gmail.com>
Date: Wed, 18 Oct 2023 22:39:05 -0700
Subject: [PATCH] OpenAI: explain Helicone setup

---
 src/modules/llms/vendors/openai/OpenAISourceSetup.tsx  | 10 ++++++++--
 .../{components.setup.tsx => vendor.components.tsx}    |  0
 2 files changed, 8 insertions(+), 2 deletions(-)
 rename src/modules/llms/vendors/{components.setup.tsx => vendor.components.tsx} (100%)

diff --git a/src/modules/llms/vendors/openai/OpenAISourceSetup.tsx b/src/modules/llms/vendors/openai/OpenAISourceSetup.tsx
index 84528fd67..e7dbb91c6 100644
--- a/src/modules/llms/vendors/openai/OpenAISourceSetup.tsx
+++ b/src/modules/llms/vendors/openai/OpenAISourceSetup.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import { Box } from '@mui/joy';
+import { Alert, Box } from '@mui/joy';
 
 import { apiQuery } from '~/common/util/trpc.client';
 
@@ -14,7 +14,7 @@ import { settingsGap } from '~/common/theme';
 import type { ModelDescriptionSchema } from '../../transports/server/server.common';
 import { DLLM, DModelSource, DModelSourceId, useModelsStore, useSourceSetup } from '../../store-llms';
 
-import { RefetchButton, SetupSwitchControl, SetupTextControl } from '../components.setup';
+import { RefetchButton, SetupSwitchControl, SetupTextControl } from '../vendor.components';
 import { isValidOpenAIApiKey, LLMOptionsOpenAI, ModelVendorOpenAI, SourceSetupOpenAI } from './openai.vendor';
 import { openAIModelToModelDescription } from './openai.data';
 
@@ -87,6 +87,12 @@ export function OpenAISourceSetup(props: { sourceId: DModelSourceId }) {
       onChange={text => updateSetup({ heliKey: text })}
     />}
 
+    {!!heliKey && <Alert variant='soft' color={oaiHost?.includes('oai.hconeai.com') ? 'success' : 'warning'}>
+      Advanced: You set the Helicone key. {!oaiHost?.includes('oai.hconeai.com')
+      ? 'But you also need to set the OpenAI Host to "oai.hconeai.com" to use Helicone.'
+      : 'OpenAI traffic will now be routed through Helicone.'}
+    </Alert>}
+
     {advanced.on && <SetupSwitchControl
       title='Moderation'
       description={<>
diff --git a/src/modules/llms/vendors/components.setup.tsx b/src/modules/llms/vendors/vendor.components.tsx
similarity index 100%
rename from src/modules/llms/vendors/components.setup.tsx
rename to src/modules/llms/vendors/vendor.components.tsx