Disable agent mode, add hack to strip api key

frontend/src/api/openai.ts

@@ -5,8 +5,14 @@ function host() {
 	const port = window.location.port ? `:${window.location.port}` : ''
 	return `${protocol}//${hostname}${port}`
 }
-
-const openai = new OpenAI({
+/* I patched OpenAI here so that users can use basic auth behind a proxy if they want */
+class MyOpenAI extends OpenAI {
+	// eslint-disable-next-line class-methods-use-this, @typescript-eslint/class-methods-use-this, @typescript-eslint/no-explicit-any, @typescript-eslint/no-unused-vars
+	protected override authHeaders(_opts: any) {
+		return {}
+	}
+}
+const openai = new MyOpenAI({
 	apiKey: 'sk-fake',
 	baseURL: `${host()}/v1`,
 	dangerouslyAllowBrowser: true

frontend/src/components/Settings.tsx

@@ -158,12 +158,13 @@ export default function Settings({ trigger }: { trigger: JSX.Element }) {
 						<Switch
 							className='-zoom-1 col-span-1'
 							name='beast'
+							disabled
 							checked={beastMode}
 							onCheckedChange={checked => setBeastMode(checked)}
 						/>
 						<div className='-ml-15 col-span-5 text-xs italic'>
-							Agent mode makes multiple calls to an LLM with vision
-							capabilities. This will incur more usage / cost.
+							Coming soon! Agent mode will make multiple calls to an LLM with
+							vision capabilities to iterate on a design.
 						</div>
 					</div>
 					<div className='mt-3 grid grid-cols-4 items-center gap-4'>