feat(ui): Enhance translation result display with human-readable names

- Add displayName field to TranslationResult interface
- Update translation runner to populate displayName from targetName
- Show displayName in completion dialog instead of raw IDs
- Support searching by both ID and displayName in results

Improves UX by showing guidebook names instead of job IDs in results.

Author: Y-RyuZU

src/components/ui/completion-dialog.tsx

@@ -41,7 +41,8 @@ export function CompletionDialog({
   // Filter results for search
   const filteredResults = results.filter(result => 
     !filterText || 
-    result.id.toLowerCase().includes(filterText.toLowerCase())
+    result.id.toLowerCase().includes(filterText.toLowerCase()) ||
+    (result.displayName && result.displayName.toLowerCase().includes(filterText.toLowerCase()))
   );
 
 
@@ -145,7 +146,7 @@ export function CompletionDialog({
                         <XCircle className="h-4 w-4 text-red-500 flex-shrink-0" />
                       )}
                       <span className={result.success ? 'text-green-700' : 'text-red-700'}>
-                        {result.id}
+                        {result.displayName || result.id}
                       </span>
                     </div>
                   ))

src/lib/services/translation-runner.ts

@@ -109,6 +109,7 @@ export async function runTranslationJobs<T extends TranslationJob = TranslationJ
       onResult({
         type,
         id: type === "mod" ? (job.currentFileName || job.id) : job.id,
+        displayName: job.targetName,
         targetLanguage,
         content,
         outputPath,

src/lib/types/minecraft.ts

@@ -133,6 +133,8 @@ export interface TranslationResult {
   type: "mod" | "ftb" | "better" | "patchouli" | "custom";
   /** Target ID */
   id: string;
+  /** Display name (optional, used for guidebooks and other items where name differs from ID) */
+  displayName?: string;
   /** Target language */
   targetLanguage: string;
   /** Translated content */