feat(home): add fixed proxy indicator to current-proxy-card (#7790)

* feat(home): add fixed proxy indicator to current-proxy-card

* docs: update changelog with node status display improvement

* refactor(home): rename selectedNameIsFixed to fixedProxyInUsed

Changelog.md

@@ -52,5 +52,6 @@
 - 系统代理失败给出可操作的具体原因，而非操作系统的英文原文
 - 配置变更后统一广播刷新，界面开关与托盘状态保持同步
 - 重构命令层错误返回为结构化格式，保留完整诊断链
+- 优化首页界面中当前节点固定状态显示
 
 </details>

src/components/home/current-proxy-card.tsx

@@ -219,6 +219,7 @@ const sortProxyOptions = (
 interface PersistentProxySelectProps {
   label: string
   groupName: string
+  fixed?: string
   value: string
   selectedName: string
   selectedDelay: number
@@ -234,6 +235,7 @@ interface PersistentProxySelectProps {
 const PersistentProxySelect = ({
   label,
   groupName,
+  fixed,
   value,
   selectedName,
   selectedDelay,
@@ -248,6 +250,7 @@ const PersistentProxySelect = ({
   const anchorRef = useRef<HTMLDivElement>(null)
   const listboxId = 'current-proxy-node-listbox'
   const labelId = 'proxy-select-label'
+  const fixedProxyInUsed = selectedName === fixed
 
   useEffect(() => {
     if (!open) return
@@ -301,6 +304,18 @@ const PersistentProxySelect = ({
                   label={delayManager.formatDelay(selectedDelay)}
                   color={convertDelayColor(selectedDelay)}
                 />
+                {fixedProxyInUsed && (
+                  <span
+                    style={{
+                      position: 'absolute',
+                      fontSize: '12px',
+                      top: '-3px',
+                      right: '25px',
+                    }}
+                  >
+                    📌
+                  </span>
+                )}
               </Box>
             )}
             SelectDisplayProps={{
@@ -334,6 +349,7 @@ const PersistentProxySelect = ({
             >
               {options.map((option) => {
                 const selected = option.value === value
+                const isFixed = option.name === fixed
                 const delay = option.disabled
                   ? -1
                   : delayManager.getDelayFix(option.member, groupName)
@@ -356,6 +372,21 @@ const PersistentProxySelect = ({
                       pr: 1,
                     }}
                   >
+                    {isFixed && (
+                      <span
+                        style={{
+                          position: 'absolute',
+                          fontSize: '12px',
+                          top: '-5px',
+                          right: '5px',
+                          ...(!fixedProxyInUsed && {
+                            filter: 'grayscale(1)',
+                          }),
+                        }}
+                      >
+                        📌
+                      </span>
+                    )}
                     <Typography noWrap sx={{ flex: 1, mr: 1 }}>
                       {option.name}
                     </Typography>
@@ -974,6 +1005,7 @@ export const CurrentProxyCard = () => {
           <PersistentProxySelect
             label={t('home.components.currentProxy.labels.proxy')}
             groupName={selectedGroupName}
+            fixed={selectedGroup?.fixed}
             value={
               currentOption
                 ? optionValue(currentOption.memberIndex, currentOption.member)