From 570c79623b4d14ddab33a1e6127904709c6b8c49 Mon Sep 17 00:00:00 2001
From: Simon <10131203+gaomeng1900@users.noreply.github.com>
Date: Wed, 21 Jan 2026 17:37:27 +0800
Subject: [PATCH] feat(ext): update API Key input to use password type for
 enhanced security

---
 packages/extension/package.json               |  2 +-
 .../sidepanel/components/ConfigPanel.tsx      | 22 +++++++++----------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/packages/extension/package.json b/packages/extension/package.json
index 0d0e031..c1bb940 100644
--- a/packages/extension/package.json
+++ b/packages/extension/package.json
@@ -1,7 +1,7 @@
 {
     "name": "@page-agent/ext",
     "private": true,
-    "version": "1.0.0-beta.1",
+    "version": "1.0.0-beta.3",
     "type": "module",
     "scripts": {
         "dev": "wxt",
diff --git a/packages/extension/src/entrypoints/sidepanel/components/ConfigPanel.tsx b/packages/extension/src/entrypoints/sidepanel/components/ConfigPanel.tsx
index 451dfee..6960b72 100644
--- a/packages/extension/src/entrypoints/sidepanel/components/ConfigPanel.tsx
+++ b/packages/extension/src/entrypoints/sidepanel/components/ConfigPanel.tsx
@@ -38,17 +38,6 @@ export function ConfigPanel({ onClose }: { onClose: () => void }) {
 		<div className="flex flex-col gap-4 p-4">
 			<h2 className="text-base font-semibold">Settings</h2>
 
-			<div className="flex flex-col gap-1.5">
-				<label className="text-xs text-muted-foreground">API Key</label>
-				<Input
-					type="text"
-					placeholder="sk-..."
-					value={apiKey}
-					onChange={(e) => setApiKey(e.target.value)}
-					className="text-xs h-8"
-				/>
-			</div>
-
 			<div className="flex flex-col gap-1.5">
 				<label className="text-xs text-muted-foreground">Base URL</label>
 				<Input
@@ -69,6 +58,17 @@ export function ConfigPanel({ onClose }: { onClose: () => void }) {
 				/>
 			</div>
 
+			<div className="flex flex-col gap-1.5">
+				<label className="text-xs text-muted-foreground">API Key</label>
+				<Input
+					type="password"
+					placeholder="sk-..."
+					value={apiKey}
+					onChange={(e) => setApiKey(e.target.value)}
+					className="text-xs h-8"
+				/>
+			</div>
+
 			<div className="flex gap-2 mt-2">
 				<Button variant="outline" onClick={onClose} className="flex-1 h-8 text-xs">
 					Cancel