Index: components/ComponentDetailsDialog.tsx
===================================================================
--- components/ComponentDetailsDialog.tsx	(revision 6ce67397d2c78df0968f51f75185de688968b04a)
+++ components/ComponentDetailsDialog.tsx	(revision 915ce0f79f23f0277a9fcbdce9b3ea649e0fb428)
@@ -33,7 +33,23 @@
     const renderValue = (key: string, val: any) => {
         if (Array.isArray(val)) {
-            if (val.length > 0 && typeof val[0] === 'object') {
-                return val.map((v: any) => v.formFactor || v.socket || JSON.stringify(v)).join(', ');
+            if (val.length === 0) return 'None';
+
+            if (typeof val[0] === 'string') {
+                return val.join(', ');
             }
+
+            if (typeof val[0] === 'object') {
+                const parts = val
+                    .map((v: any) =>
+                        v.socket ||
+                        v.formFactor ||
+                        v.name ||
+                        v.type ||
+                        Object.values(v)[0]
+                    )
+                    .filter(Boolean);
+                return parts.length > 0 ? parts.join(', ') : 'None';
+            }
+
             return val.join(', ');
         }
@@ -42,5 +58,4 @@
         const lowerKey = key.toLowerCase();
 
-        // Dodava merni edinici vo zavisnost koja komponenta e
         if (lowerKey.includes('capacity') || lowerKey.includes('vram') || lowerKey === 'memory') {
             return `${strVal} GB`;
@@ -58,4 +73,5 @@
             return `${strVal} GHz`;
         }
+
         if (lowerKey.includes('speed')) {
             return `${strVal} MHz`;
