@trustquery/browser 0.3.1 → 0.3.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trustquery/browser",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "description": "Turn any textarea into an interactive trigger-based editor with inline styling",
   "type": "module",
   "main": "dist/trustquery.js",

package/src/AttachmentManager.js

@@ -315,6 +315,69 @@ export default class AttachmentManager {
     // Update metadata
     attachment.metadata.headers = headers;
 
+    // Re-scan headers for matches
+    const newMatches = this.scanCSVHeaders(headers);
+    attachment.matches = newMatches;
+
+    // Update icon visibility based on matches
+    if (attachment.wrapper) {
+      const iconPlaceholder = attachment.wrapper.querySelector('.tq-attachment-icon-placeholder');
+      const existingIcon = iconPlaceholder?.querySelector('.tq-attachment-icon');
+
+      if (newMatches.length === 0 && existingIcon) {
+        // No more matches - remove the icon and collapse placeholder
+        existingIcon.remove();
+
+        // Collapse the icon placeholder by setting width to 0
+        if (iconPlaceholder) {
+          iconPlaceholder.style.width = '0';
+          iconPlaceholder.style.minWidth = '0';
+        }
+
+        if (this.options.debug) {
+          console.log('[AttachmentManager] Removed warning icon - all warnings resolved');
+        }
+      } else if (newMatches.length > 0 && !existingIcon) {
+        // New matches appeared - add icon and expand placeholder
+        const match = newMatches[0];
+        const messageState = match.intent?.handler?.['message-state'] || 'warning';
+        const iconMap = {
+          'error': 'trustquery-error.svg',
+          'warning': 'trustquery-warning.svg',
+          'info': 'trustquery-info.svg'
+        };
+
+        // Expand the icon placeholder back to normal width
+        if (iconPlaceholder) {
+          iconPlaceholder.style.width = '24px';
+          iconPlaceholder.style.minWidth = '24px';
+        }
+
+        const icon = document.createElement('img');
+        icon.className = 'tq-attachment-icon';
+        icon.src = `./assets/${iconMap[messageState] || iconMap.warning}`;
+        icon.title = `CSV column ${messageState} - click to review`;
+
+        // Handle icon click
+        icon.addEventListener('mousedown', (e) => {
+          e.preventDefault();
+          e.stopPropagation();
+          this.handleWarningClick(icon, newMatches, attachment.wrapper, fileName);
+        });
+
+        // Apply styles if styleManager exists
+        if (this.options.styleManager) {
+          this.options.styleManager.applyIconStyles(icon);
+        }
+
+        iconPlaceholder?.appendChild(icon);
+
+        if (this.options.debug) {
+          console.log('[AttachmentManager] Added warning icon - new warnings detected');
+        }
+      }
+    }
+
     if (this.options.debug) {
       console.log('[AttachmentManager] Updated CSV column', colIndex, 'to', headers[colIndex]);
     }

package/src/AttachmentStyleManager.js

@@ -50,7 +50,8 @@ export default class AttachmentStyleManager {
       display: 'flex',
       alignItems: 'center',
       justifyContent: 'center',
-      flexShrink: '0'
+      flexShrink: '0',
+      transition: 'width 0.3s ease, min-width 0.3s ease'
     });
   }