feat(ext): update API Key input to use password type for enhanced security

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",

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