From 1cb0a444d021bea4c45971b02fd40a9b75faf14f Mon Sep 17 00:00:00 2001
From: CPTProgrammer <46586216+CPTProgrammer@users.noreply.github.com>
Date: Thu, 16 Jul 2026 13:06:37 +0800
Subject: [PATCH] Display filename in config selector options

---
 src/components/ConfigSelector.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/ConfigSelector.tsx b/src/components/ConfigSelector.tsx
index e381983..833f6e8 100644
--- a/src/components/ConfigSelector.tsx
+++ b/src/components/ConfigSelector.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { useState, useCallback } from "react";
-import { Select, Button, Space, Flex, App } from "antd";
+import { Select, Button, Space, Flex, Typography, App } from "antd";
 import { EditOutlined, PlusOutlined } from "@ant-design/icons";
 import { ConfigModal } from "./ConfigModal";
 import { getConfig } from "@/services/config";
@@ -107,7 +107,12 @@ export function ConfigSelector({
             onChange={handleChange}
             options={configs.map((c) => ({
               value: c.file,
-              label: c.name,
+              label: (
+                <Space size="small">
+                  <span>{c.name}</span>
+                  <Typography.Text type="secondary">{c.file}</Typography.Text>
+                </Space>
+              ),
             }))}
           />
           <Button icon={<EditOutlined />} onClick={openEdit}>