vite-plugin-ai-annotator 1.1.10 → 1.1.12

package/dist/annotator-toolbar.js

@@ -6587,9 +6587,17 @@
       deselectElement(element) {
         const elementData = selectedElements.get(element);
         if (elementData) {
-          ;
-          element.style.outline = elementData.originalOutline;
-          element.style.outlineOffset = elementData.originalOutlineOffset;
+          const el = element;
+          if (elementData.originalOutline) {
+            el.style.outline = elementData.originalOutline;
+          } else {
+            el.style.removeProperty("outline");
+          }
+          if (elementData.originalOutlineOffset) {
+            el.style.outlineOffset = elementData.originalOutlineOffset;
+          } else {
+            el.style.removeProperty("outline-offset");
+          }
           const badge = badges.get(element);
           if (badge) {
             badge._cleanup?.();
@@ -6602,9 +6610,17 @@
       },
       clearAllSelections() {
         selectedElements.forEach((data, element) => {
-          ;
-          element.style.outline = data.originalOutline;
-          element.style.outlineOffset = data.originalOutlineOffset;
+          const el = element;
+          if (data.originalOutline) {
+            el.style.outline = data.originalOutline;
+          } else {
+            el.style.removeProperty("outline");
+          }
+          if (data.originalOutlineOffset) {
+            el.style.outlineOffset = data.originalOutlineOffset;
+          } else {
+            el.style.removeProperty("outline-offset");
+          }
         });
         badges.forEach((badge) => {
           badge._cleanup?.();
@@ -7679,7 +7695,7 @@
         if (textareaEl) {
           textareaEl.focus();
           textareaEl.style.height = "auto";
-          textareaEl.style.height = Math.min(textareaEl.scrollHeight, 120) + "px";
+          textareaEl.style.height = Math.min(textareaEl.scrollHeight, 56) + "px";
         }
         this.popoverCleanup = autoUpdate(element, popoverEl, () => {
           computePosition2(element, popoverEl, {
@@ -7700,7 +7716,7 @@
       });
     }
     handlePopoverInputKeydown(e5) {
-      if (e5.key === "Enter" && (e5.metaKey || e5.ctrlKey)) {
+      if (e5.key === "Enter" && !e5.shiftKey) {
         e5.preventDefault();
         this.hideCommentPopover();
       } else if (e5.key === "Escape") {
@@ -7722,7 +7738,7 @@
       const comment = target.value;
       const element = this.commentPopover.element;
       target.style.height = "auto";
-      target.style.height = Math.min(target.scrollHeight, 120) + "px";
+      target.style.height = Math.min(target.scrollHeight, 56) + "px";
       this.commentPopover = { ...this.commentPopover, comment };
       if (element) {
         const hasComment = comment.trim().length > 0;
@@ -7928,7 +7944,7 @@
         <div class="popover">
           <textarea
             class="popover-input"
-            placeholder="Add a note... (⌘↵ to close)"
+            placeholder="Add a note... (↵ to close)"
             .value=${this.commentPopover.comment}
             @input=${this.handlePopoverInput}
             @keydown=${this.handlePopoverInputKeydown}
@@ -8056,13 +8072,10 @@
       top: 0;
       left: 0;
       z-index: 1000000;
-      display: flex;
-      align-items: stretch;
       background: #1a1a1a;
       border: 1px solid rgba(99, 102, 241, 0.5);
       border-radius: 8px;
       box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5), 0 0 20px rgba(99, 102, 241, 0.3), 0 0 40px rgba(99, 102, 241, 0.1);
-      overflow: hidden;
       animation: popover-in 0.15s ease-out;
     }
 
@@ -8078,12 +8091,11 @@
     }
 
     .popover-input {
-      flex: 1;
-      min-width: 180px;
-      max-width: 260px;
-      min-height: 38px;
-      max-height: 120px;
-      padding: 10px 12px;
+      width: 240px;
+      min-height: 36px;
+      max-height: 56px;
+      padding: 8px 12px;
+      padding-bottom: 32px;
       border: none;
       background: transparent;
       color: #fff;
@@ -8100,37 +8112,41 @@
     }
 
     .popover-actions {
+      position: absolute;
+      bottom: 4px;
+      right: 4px;
       display: flex;
       align-items: center;
-      border-left: 1px solid rgba(255, 255, 255, 0.06);
+      gap: 2px;
     }
 
     .popover-btn {
       display: flex;
       align-items: center;
       justify-content: center;
-      width: 36px;
-      height: 100%;
+      width: 24px;
+      height: 24px;
       border: none;
-      background: transparent;
-      color: #666;
+      border-radius: 4px;
+      background: rgba(255, 255, 255, 0.1);
+      color: #888;
       cursor: pointer;
       transition: all 0.12s ease;
     }
 
     .popover-btn:hover {
-      background: rgba(255, 255, 255, 0.06);
+      background: rgba(255, 255, 255, 0.15);
       color: #fff;
     }
 
     .popover-btn.danger:hover {
-      background: rgba(239, 68, 68, 0.15);
+      background: rgba(239, 68, 68, 0.2);
       color: #f87171;
     }
 
     .popover-btn svg {
-      width: 14px;
-      height: 14px;
+      width: 12px;
+      height: 12px;
     }
 
     .hidden {

package/package.json

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