From 4998cd4460992943c2eca6fcc0775762f0cbc4d6 Mon Sep 17 00:00:00 2001
From: Simon Farshid <simon.farshid@outlook.com>
Date: Thu, 25 Jul 2024 23:54:22 -0700
Subject: [PATCH] fix(playground): make API key a password field (#577)

---
 packages/react-playground/package.json                         | 2 +-
 .../src/components/ui/assistant-ui/assistant-playground.tsx    | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/react-playground/package.json b/packages/react-playground/package.json
index ff90efb9a0..033143840e 100644
--- a/packages/react-playground/package.json
+++ b/packages/react-playground/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@assistant-ui/react-playground",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "license": "MIT",
   "exports": {
     ".": {
diff --git a/packages/react-playground/src/components/ui/assistant-ui/assistant-playground.tsx b/packages/react-playground/src/components/ui/assistant-ui/assistant-playground.tsx
index 7fd81d5324..91e0de5f2f 100644
--- a/packages/react-playground/src/components/ui/assistant-ui/assistant-playground.tsx
+++ b/packages/react-playground/src/components/ui/assistant-ui/assistant-playground.tsx
@@ -198,7 +198,8 @@ const APIKeyInput: FC = () => {
     <div className="flex flex-col gap-2">
       <label>Provider API Key</label>
       <Input
-        placeholder="Enter your OpenAI API key"
+        placeholder="Enter your provider API key"
+        type="password"
         value={value}
         onChange={setValue}
       />