feat: V1.0 (#734)

Co-authored-by: Michael Neale <michael.neale@gmail.com> Co-authored-by: Wendy Tang <wendytang@squareup.com> Co-authored-by: Jarrod Sibbison <72240382+jsibbison-square@users.noreply.github.com> Co-authored-by: Alex Hancock <alex.hancock@example.com> Co-authored-by: Alex Hancock <alexhancock@block.xyz> Co-authored-by: Lifei Zhou <lifei@squareup.com> Co-authored-by: Wes <141185334+wesrblock@users.noreply.github.com> Co-authored-by: Max Novich <maksymstepanenko1990@gmail.com> Co-authored-by: Zaki Ali <zaki@squareup.com> Co-authored-by: Salman Mohammed <smohammed@squareup.com> Co-authored-by: Kalvin C <kalvinnchau@users.noreply.github.com> Co-authored-by: Alec Thomas <alec@swapoff.org> Co-authored-by: lily-de <119957291+lily-de@users.noreply.github.com> Co-authored-by: kalvinnchau <kalvin@block.xyz> Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> Co-authored-by: Rizel Scarlett <rizel@squareup.com> Co-authored-by: bwrage <bwrage@squareup.com> Co-authored-by: Kalvin Chau <kalvin@squareup.com> Co-authored-by: Alice Hau <110418948+ahau-square@users.noreply.github.com> Co-authored-by: Alistair Gray <ajgray@stripe.com> Co-authored-by: Nahiyan Khan <nahiyan.khan@gmail.com> Co-authored-by: Alex Hancock <alexhancock@squareup.com> Co-authored-by: Nahiyan Khan <nahiyan@squareup.com> Co-authored-by: marcelle <1852848+laanak08@users.noreply.github.com> Co-authored-by: Yingjie He <yingjiehe@block.xyz> Co-authored-by: Yingjie He <yingjiehe@squareup.com> Co-authored-by: Lily Delalande <ldelalande@block.xyz> Co-authored-by: Adewale Abati <acekyd01@gmail.com> Co-authored-by: Ebony Louis <ebony774@gmail.com> Co-authored-by: Angie Jones <jones.angie@gmail.com> Co-authored-by: Ebony Louis <55366651+EbonyLouis@users.noreply.github.com>
2025-01-24 13:04:43 -08:00
parent eccb1b2261
commit 1c9a7c0b05
688 changed files with 71147 additions and 19132 deletions
@@ -0,0 +1,89 @@
+import React from 'react';
+import { Card } from '../ui/card';
+import { Lock } from 'lucide-react';
+import { Input } from '../ui/input';
+import { Button } from '../ui/button';
+import { required_keys } from './models/hardcoded_stuff';
+// import UnionIcon from "../images/Union@2x.svg";
+
+interface ProviderSetupModalProps {
+  provider: string;
+  model: string;
+  endpoint: string;
+  title?: string;
+  onSubmit: (apiKey: string) => void;
+  onCancel: () => void;
+}
+
+export function ProviderSetupModal({
+  provider,
+  model,
+  endpoint,
+  title,
+  onSubmit,
+  onCancel,
+}: ProviderSetupModalProps) {
+  const [apiKey, setApiKey] = React.useState('');
+  const keyName = required_keys[provider]?.[0] || 'API Key';
+  const headerText = `Setup ${provider}`;
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+    onSubmit(apiKey);
+  };
+
+  return (
+    <div className="fixed inset-0 bg-black/20 dark:bg-white/20 backdrop-blur-sm transition-colors animate-[fadein_200ms_ease-in_forwards]">
+      <Card className="fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[500px] bg-bgApp rounded-xl overflow-hidden shadow-none p-[16px] pt-[24px] pb-0">
+        <div className="px-4 pb-0 space-y-8">
+          {/* Header */}
+          <div className="flex">
+            {/* Purple icon */}
+            {/* <div className="w-[24px] h-[24px] flex items-center justify-center">
+              <img src={UnionIcon} alt="Union icon" />
+            </div> */}
+            <h2 className="text-2xl font-regular text-textStandard">{headerText}</h2>
+          </div>
+
+          {/* Form */}
+          <form onSubmit={handleSubmit}>
+            <div className="mt-[24px]">
+              <div>
+                <Input
+                  type="password"
+                  value={apiKey}
+                  onChange={(e) => setApiKey(e.target.value)}
+                  placeholder={keyName}
+                  className="w-full h-14 px-4 font-regular rounded-lg border shadow-none border-gray-300 bg-white text-lg placeholder:text-gray-400 font-regular text-gray-900"
+                  required
+                />
+                <div className="flex mt-4 text-gray-600 dark:text-gray-300">
+                  <Lock className="w-6 h-6" />
+                  <span className="text-sm font-light ml-4 mt-[2px]">{`Your API key will be stored securely in the keychain and used only for making requests to ${provider}`}</span>
+                </div>
+              </div>
+            </div>
+
+            {/* Actions */}
+            <div className="mt-[8px] -ml-8 -mr-8 pt-8">
+              <Button
+                type="submit"
+                variant="ghost"
+                className="w-full h-[60px] rounded-none border-t border-borderSubtle text-md hover:bg-bgSubtle text-textProminent font-regular"
+              >
+                Submit
+              </Button>
+              <Button
+                type="button"
+                variant="ghost"
+                onClick={onCancel}
+                className="w-full h-[60px] rounded-none border-t border-borderSubtle hover:text-textStandard text-textSubtle hover:bg-bgSubtle text-md font-regular"
+              >
+                Cancel
+              </Button>
+            </div>
+          </form>
+        </div>
+      </Card>
+    </div>
+  );
+}