Merge pull request #149 from RGBadmin/feat/auth-priority-sort

feat(auth-files): priority display, sorting & credential notes

src/features/authFiles/components/AuthFileCard.tsx

@@ -22,6 +22,7 @@ import {
   getTypeColor,
   getTypeLabel,
   isRuntimeOnlyAuthFile,
+  parsePriorityValue,
   resolveAuthFileStats,
   type QuotaProviderType,
   type ResolvedTheme,
@@ -110,6 +111,9 @@ export function AuthFileCard(props: AuthFileCardProps) {
   const hasStatusWarning =
     Boolean(rawStatusMessage) && !HEALTHY_STATUS_MESSAGES.has(rawStatusMessage.toLowerCase());
 
+  const priorityValue = parsePriorityValue(file.priority ?? file['priority']);
+  const noteValue = typeof file.note === 'string' ? file.note.trim() : '';
+
   return (
     <div
       className={`${styles.fileCard} ${providerCardClass} ${selected ? styles.fileCardSelected : ''} ${file.disabled ? styles.fileCardDisabled : ''}`}
@@ -147,8 +151,20 @@ export function AuthFileCard(props: AuthFileCardProps) {
             <span>
               {t('auth_files.file_modified')}: {formatModified(file)}
             </span>
+            {priorityValue !== undefined && (
+              <span className={styles.priorityBadge}>
+                {t('auth_files.priority_display')}: <span className={styles.priorityValue}>{priorityValue}</span>
+              </span>
+            )}
           </div>
 
+          {noteValue && (
+            <div className={styles.noteText} title={noteValue}>
+              <span className={styles.noteLabel}>{t('auth_files.note_display')}: </span>
+              {noteValue}
+            </div>
+          )}
+
           {rawStatusMessage && hasStatusWarning && (
             <div className={styles.healthStatusMessage} title={rawStatusMessage}>
               {rawStatusMessage}

src/features/authFiles/components/AuthFilesPrefixProxyEditorModal.tsx

@@ -114,6 +114,14 @@ export function AuthFilesPrefixProxyEditorModal(props: AuthFilesPrefixProxyEdito
                   disabled={disableControls || editor.saving || !editor.json}
                   onChange={(e) => onChange('disableCooling', e.target.value)}
                 />
+                <Input
+                  label={t('auth_files.note_label')}
+                  value={editor.note}
+                  placeholder={t('auth_files.note_placeholder')}
+                  hint={t('auth_files.note_hint')}
+                  disabled={disableControls || editor.saving || !editor.json}
+                  onChange={(e) => onChange('note', e.target.value)}
+                />
                 {editor.isCodexFile && (
                   <div className="form-group">
                     <label>{t('ai_providers.codex_websockets_label')}</label>

src/features/authFiles/hooks/useAuthFilesPrefixProxyEditor.ts

@@ -18,7 +18,8 @@ export type PrefixProxyEditorField =
   | 'priority'
   | 'excludedModelsText'
   | 'disableCooling'
-  | 'websocket';
+  | 'websocket'
+  | 'note';
 
 export type PrefixProxyEditorFieldValue = string | boolean;
 
@@ -37,6 +38,7 @@ export type PrefixProxyEditorState = {
   excludedModelsText: string;
   disableCooling: string;
   websocket: boolean;
+  note: string;
 };
 
 export type UseAuthFilesPrefixProxyEditorOptions = {
@@ -93,6 +95,13 @@ const buildPrefixProxyUpdatedText = (editor: PrefixProxyEditorState | null): str
     next.websocket = editor.websocket;
   }
 
+  const noteValue = editor.note.trim();
+  if (noteValue) {
+    next.note = noteValue;
+  } else if ('note' in next) {
+    delete next.note;
+  }
+
   return JSON.stringify(next);
 };
 
@@ -146,6 +155,7 @@ export function useAuthFilesPrefixProxyEditor(
       excludedModelsText: '',
       disableCooling: '',
       websocket: false,
+      note: '',
     });
 
     try {
@@ -195,6 +205,7 @@ export function useAuthFilesPrefixProxyEditor(
       const excludedModels = normalizeExcludedModels(json.excluded_models);
       const disableCoolingValue = parseDisableCoolingValue(json.disable_cooling);
       const websocketValue = parseDisableCoolingValue(json.websocket);
+      const note = typeof json.note === 'string' ? json.note : '';
 
       setPrefixProxyEditor((prev) => {
         if (!prev || prev.fileName !== name) return prev;
@@ -211,6 +222,7 @@ export function useAuthFilesPrefixProxyEditor(
           disableCooling:
             disableCoolingValue === undefined ? '' : disableCoolingValue ? 'true' : 'false',
           websocket: websocketValue ?? false,
+          note,
           error: null,
         };
       });
@@ -235,6 +247,7 @@ export function useAuthFilesPrefixProxyEditor(
       if (field === 'priority') return { ...prev, priority: String(value) };
       if (field === 'excludedModelsText') return { ...prev, excludedModelsText: String(value) };
       if (field === 'disableCooling') return { ...prev, disableCooling: String(value) };
+      if (field === 'note') return { ...prev, note: String(value) };
       return { ...prev, websocket: Boolean(value) };
     });
   };