From 9b8c24faa4299891334909fd417d5a47f8813b83 Mon Sep 17 00:00:00 2001
From: Flatlogic Bot <support@flatlogic.com>
Date: Tue, 7 Apr 2026 22:05:01 +0000
Subject: [PATCH] V0.7

---
 scitems.php | 58 +++++++++++++++++++++++++++++++++++++++++++++--------
 1 file changed, 50 insertions(+), 8 deletions(-)

diff --git a/scitems.php b/scitems.php
index 917b4ef..1543d8c 100644
--- a/scitems.php
+++ b/scitems.php
@@ -323,9 +323,17 @@ if ($edit_id > 0) {
         
         .item-name { color: var(--primary); font-weight: bold; display: block; font-size: 1rem; margin-bottom: 4px; }
         .item-meta { font-size: 0.75rem; color: #888; display: block; }
-        .item-uuid { font-size: 0.8rem; color: #aaa; font-family: monospace; word-break: break-all; }
+        .item-uuid { font-size: 0.75rem; color: #777; font-family: monospace; word-break: break-all; display: block; margin-bottom: 4px; }
         .item-about-cell { font-size: 0.85rem; color: #ccc; line-height: 1.4; }
 
+        /* Preview System */
+        .preview-container {
+            position: relative;
+            width: 80px;
+            height: 80px;
+            cursor: zoom-in;
+        }
+
         .item-preview {
             width: 80px;
             height: 80px;
@@ -333,6 +341,37 @@ if ($edit_id > 0) {
             border-radius: 4px;
             border: 1px solid var(--border-glow);
             background: rgba(0,0,0,0.5);
+            display: block;
+        }
+
+        .preview-floating {
+            visibility: hidden;
+            opacity: 0;
+            position: absolute;
+            top: -10px;
+            left: 95px;
+            z-index: 1000;
+            padding: 5px;
+            background: var(--card-bg);
+            border: 1px solid var(--primary);
+            border-radius: 8px;
+            box-shadow: 0 10px 40px rgba(0,0,0,0.9), 0 0 20px var(--primary-glow);
+            backdrop-filter: blur(15px);
+            transition: opacity 0.3s ease, visibility 0.3s;
+            pointer-events: none;
+        }
+
+        .preview-floating img {
+            width: 350px;
+            height: 350px;
+            object-fit: contain;
+            display: block;
+            border-radius: 4px;
+        }
+
+        .preview-container:hover .preview-floating {
+            visibility: visible;
+            opacity: 1;
         }
 
         /* Rarity Classes */
@@ -449,15 +488,14 @@ if ($edit_id > 0) {
                             <thead>
                                 <tr>
                                     <th style="width: 80px;">Aperçu</th>
-                                    <th style="width: 30%;">Nom</th>
-                                    <th style="width: 30%;">UUID</th>
+                                    <th style="width: 35%;">Nom / UUID / Type</th>
                                     <th>About</th>
                                     <th style="text-align: right; width: 100px;">Actions</th>
                                 </tr>
                             </thead>
                             <tbody>
                                 <?php if (empty($items_list)): ?>
-                                    <tr><td colspan="5" style="text-align: center; padding: 3rem; color: #666;">Aucun objet trouvé.</td></tr>
+                                    <tr><td colspan="4" style="text-align: center; padding: 3rem; color: #666;">Aucun objet trouvé.</td></tr>
                                 <?php else: ?>
                                     <?php foreach ($items_list as $item): ?>
                                     <?php 
@@ -465,21 +503,25 @@ if ($edit_id > 0) {
                                         if ($item['cl_scobjs_rarity']) {
                                             $rarityClass = 'rarity-' . $item['cl_scobjs_rarity'];
                                         }
+                                        $imageUrl = "https://cstone.space/uifimages/" . $item['cl_scobjs_uuid'] . ".png";
                                     ?>
                                     <tr>
                                         <td>
-                                            <img src="https://cstone.space/uifimages/<?php echo $item['cl_scobjs_uuid']; ?>.png" class="item-preview" alt="" loading="lazy">
+                                            <div class="preview-container">
+                                                <img src="<?php echo $imageUrl; ?>" class="item-preview" alt="" loading="lazy">
+                                                <div class="preview-floating">
+                                                    <img src="<?php echo $imageUrl; ?>" alt="">
+                                                </div>
+                                            </div>
                                         </td>
                                         <td>
                                             <span class="item-name <?php echo $rarityClass; ?>"><?php echo htmlspecialchars($item['cl_scobjs_name']); ?></span>
+                                            <span class="item-uuid"><?php echo htmlspecialchars($item['cl_scobjs_uuid']); ?></span>
                                             <span class="item-meta">
                                                 <?php echo htmlspecialchars($item['cl_scobjs_type']); ?> 
                                                 <?php if($item['cl_scobjs_subtype']) echo " / " . htmlspecialchars($item['cl_scobjs_subtype']); ?>
                                             </span>
                                         </td>
-                                        <td>
-                                            <span class="item-uuid"><?php echo htmlspecialchars($item['cl_scobjs_uuid']); ?></span>
-                                        </td>
                                         <td class="item-about-cell">
                                             <?php echo nl2br(htmlspecialchars($item['cl_scobjs_about'])); ?>
                                         </td>