feat: Add automated OpenAI account registration and Codex refresh token acquisition, and introduce a new S2A configuration page.

frontend/src/pages/S2AConfig.tsx

@@ -268,20 +268,24 @@ export default function S2AConfig() {
                                 <span className="text-sm text-slate-400">未设置分组</span>
                             )}
                         </div>
-                        <div className="flex gap-2 mt-2">
+                        <div className="flex gap-3 mt-2 items-stretch">
-                            <Input
+                            <div className="flex-1 max-w-xs">
-                                placeholder="输入分组 ID"
+                                <Input
-                                type="number"
+                                    placeholder="输入分组 ID"
-                                min={1}
+                                    type="number"
-                                value={newGroupId}
+                                    min={1}
-                                onChange={(e) => setNewGroupId(e.target.value)}
+                                    value={newGroupId}
-                                onKeyDown={(e) => e.key === 'Enter' && handleAddGroupId()}
+                                    onChange={(e) => setNewGroupId(e.target.value)}
-                            />
+                                    onKeyDown={(e) => e.key === 'Enter' && handleAddGroupId()}
+                                    className="h-10"
+                                />
+                            </div>
                             <Button
                                 variant="outline"
                                 onClick={handleAddGroupId}
                                 disabled={!newGroupId}
                                 icon={<Plus className="h-4 w-4" />}
+                                className="h-10 min-w-[100px] px-4"
                             >
                                 添加
                             </Button>