vite-plugin-ai-annotator 1.1.21 → 1.1.23

package/dist/annotator-toolbar.js

@@ -6442,30 +6442,29 @@
       .badge-container {
         display: flex;
         align-items: center;
-        border: 2px solid ${color};
+        border: 1px solid ${color};
         background: #050505;
-        box-shadow: 2px 2px 0px ${color}44, 0 0 10px ${glowColor}60;
+        box-shadow: 1px 1px 0px ${color}44, 0 0 6px ${glowColor}60;
         animation: badge-glow 2s ease-in-out infinite;
       }
       .badge {
-        height: 20px;
-        padding: 0 8px;
+        height: 14px;
+        padding: 0 4px;
         background-color: ${color};
         color: ${textColor};
         display: flex;
         align-items: center;
         justify-content: center;
-        font-size: 10px;
+        font-size: 9px;
         font-weight: 700;
         font-family: 'JetBrains Mono', monospace;
         pointer-events: none;
         white-space: nowrap;
         text-transform: uppercase;
-        letter-spacing: 0.5px;
       }
       .edit-btn {
-        height: 20px;
-        width: 24px;
+        height: 14px;
+        width: 18px;
         background-color: transparent;
         border: none;
         border-left: 1px solid ${color}44;
@@ -6480,8 +6479,8 @@
         background-color: ${color};
       }
       .edit-btn svg {
-        width: 12px;
-        height: 12px;
+        width: 10px;
+        height: 10px;
         color: ${color};
         opacity: 0.8;
       }
@@ -6501,9 +6500,9 @@
       if (component && component.componentLocation) {
         const componentPath = component.componentLocation.split("@")[0];
         const fileName = componentPath.split("/").pop();
-        badgeContent.textContent = `(${index}) [${fileName}]`;
+        badgeContent.textContent = `#${index} ${fileName}`;
       } else {
-        badgeContent.textContent = `(${index}) ${element.tagName}`;
+        badgeContent.textContent = `#${index} ${element.tagName}`;
       }
       const editBtn = document.createElement("button");
       editBtn.classList.add("edit-btn", "annotator-ignore");
@@ -6552,7 +6551,7 @@
         if (badge) {
           const badgeContent = badge.shadowRoot?.querySelector(".badge");
           if (badgeContent) {
-            badgeContent.textContent = `(${index}) ${element.tagName}`;
+            badgeContent.textContent = `#${index} ${element.tagName}`;
           }
         }
         index++;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-ai-annotator",
-  "version": "1.1.21",
+  "version": "1.1.23",
   "description": "AI-powered element annotator for Vite - Pick elements and get instant AI code modifications",
   "type": "module",
   "main": "dist/vite-plugin.js",