endpoint to get and update onepassword token (#3089)

skyvern-frontend/src/routes/settings/Settings.tsx

@@ -16,6 +16,7 @@ import {
 } from "@/components/ui/card";
 import { envCredential } from "@/util/env";
 import { HiddenCopyableInput } from "@/components/ui/hidden-copyable-input";
+import { OnePasswordTokenForm } from "@/components/OnePasswordTokenForm";
 
 function Settings() {
   const { environment, organization, setEnvironment, setOrganization } =
@@ -67,6 +68,25 @@ function Settings() {
           <HiddenCopyableInput value={apiKey ?? "API key not found"} />
         </CardContent>
       </Card>
+      <Card>
+        <CardHeader className="border-b-2">
+          <CardTitle className="text-lg">1Password Integration</CardTitle>
+          <CardDescription>
+            Manage your 1Password service account token.{" "}
+            <a
+              href="https://developer.1password.com/docs/service-accounts/get-started/"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="text-blue-600 underline"
+            >
+              Learn how to create a service account and get your token.
+            </a>
+          </CardDescription>
+        </CardHeader>
+        <CardContent className="p-8">
+          <OnePasswordTokenForm />
+        </CardContent>
+      </Card>
     </div>
   );
 }