pinpoints 0.1.4

package/out/core/pickerToolbar.js

@@ -0,0 +1,475 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.injectPickerToolbar = injectPickerToolbar;
+async function injectPickerToolbar(page, options) {
+    const { logoSvg, initialMode, initialTarget, showTargets = true } = options;
+    await page.evaluate((args) => {
+        const { logoSvg, initialMode, initialTarget, showTargets } = args;
+        if (document.getElementById('pinpoint-module'))
+            return;
+        const btnBase = `
+        height: 36px;
+        padding: 0;
+        background: transparent;
+        border: none;
+        border-radius: 9999px;
+        color: rgba(255, 255, 255, 0.6);
+        cursor: pointer;
+        transition: color 0.2s ease;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        position: relative;
+        z-index: 1;
+        width: 36px;
+        flex-shrink: 0;
+      `;
+        // Create floating toolbar that doesn't affect page layout
+        const moduleContainer = document.createElement('div');
+        moduleContainer.id = 'pinpoint-module';
+        moduleContainer.style.cssText =
+            'position: absolute; top: 0; left: 0; width: 0; height: 0; pointer-events: none; overflow: visible; z-index: 2147483647;';
+        moduleContainer.innerHTML = `
+        <div id="pinpoint-tooltip" style="
+          position: fixed;
+          z-index: 9999999999;
+          background: rgba(0, 0, 0, 0.85);
+          color: #fff;
+          font-size: 11px;
+          font-weight: 500;
+          padding: 4px 10px;
+          border-radius: 6px;
+          pointer-events: none;
+          white-space: nowrap;
+          opacity: 0;
+          transition: opacity 0.15s ease;
+          font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+        "></div>
+        <div id="pinpoint-toolbar" style="
+          pointer-events: auto;
+          position: fixed;
+          bottom: 24px;
+          left: 50%;
+          transform: translateX(-50%);
+          z-index: 999999999;
+          display: flex;
+          flex-direction: row;
+          align-items: center;
+          gap: 2px;
+          padding: 6px 10px;
+          background: rgba(30, 30, 30, 0.92);
+          backdrop-filter: blur(16px);
+          border: 1px solid rgba(255, 255, 255, 0.08);
+          border-radius: 9999px;
+          box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35), 0 2px 8px rgba(0, 0, 0, 0.2);
+          font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+          user-select: none;
+          transition: padding 0.3s cubic-bezier(0.4, 0, 0.2, 1), gap 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+        ">
+          <!-- Toggle button (always visible) -->
+          <button id="pinpoint-toggle" title="Capture mode active (click or Esc to interact)" style="
+            height: 36px;
+            width: 36px;
+            padding: 0;
+            background: rgba(14, 165, 233, 0.2);
+            border: none;
+            border-radius: 9999px;
+            color: #0ea5e9;
+            cursor: pointer;
+            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            flex-shrink: 0;
+          ">
+            <span id="pinpoint-logo-slot" style="display:flex;align-items:center;justify-content:center;pointer-events:none;"></span>
+          </button>
+
+          <!-- Collapsible content -->
+          <div id="pinpoint-toolbar-content" style="
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+            gap: 2px;
+            overflow: hidden;
+            transition: max-width 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
+            max-width: 600px;
+            opacity: 1;
+          ">
+
+          <!-- Drag handle -->
+          <div id="pinpoint-drag" title="Drag to reposition" style="
+            width: 28px;
+            height: 36px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            cursor: grab;
+            color: rgba(255, 255, 255, 0.3);
+            flex-shrink: 0;
+          ">
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor">
+              <circle cx="9" cy="6" r="1.5"/><circle cx="15" cy="6" r="1.5"/>
+              <circle cx="9" cy="12" r="1.5"/><circle cx="15" cy="12" r="1.5"/>
+              <circle cx="9" cy="18" r="1.5"/><circle cx="15" cy="18" r="1.5"/>
+            </svg>
+          </div>
+
+          <!-- Mode buttons -->
+          <div id="pinpoint-modes" style="
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+            gap: 2px;
+            position: relative;
+          ">
+            <div id="pinpoint-mode-slider" style="
+              position: absolute;
+              top: 0;
+              left: 0;
+              height: 100%;
+              background: rgba(255, 255, 255, 0.15);
+              border-radius: 9999px;
+              z-index: 0;
+              pointer-events: none;
+              width: 36px;
+              transition: left 0.25s cubic-bezier(0.4, 0, 0.2, 1);
+            "></div>
+            <button data-mode="pick" title="Quick Fix" style="${btnBase}">
+              <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;">
+                <circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/><circle cx="5" cy="12" r="1"/><circle cx="19" cy="12" r="1"/>
+              </svg>
+            </button>
+            <button data-mode="full" title="Full" style="${btnBase}">
+              <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;">
+                <rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="12" cy="12" r="3"/>
+              </svg>
+            </button>
+          </div>
+
+          <!-- Divider -->
+          <div style="width: 1px; height: 20px; background: rgba(255, 255, 255, 0.15); margin: 0 6px; flex-shrink: 0;"></div>
+
+          <!-- Target buttons -->
+          <div id="pinpoint-targets" style="
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+            gap: 2px;
+            position: relative;
+          ">
+            <div id="pinpoint-target-slider" style="
+              position: absolute;
+              top: 0;
+              left: 0;
+              height: 100%;
+              background: rgba(255, 255, 255, 0.15);
+              border-radius: 9999px;
+              z-index: 0;
+              pointer-events: none;
+              width: 36px;
+              transition: left 0.25s cubic-bezier(0.4, 0, 0.2, 1);
+            "></div>
+            <button data-target="claude-code" title="Claude Code" style="${btnBase}">
+              <svg width="18" height="18" viewBox="0 0 16 16" fill="currentColor" style="flex-shrink:0;">
+                <path d="m3.127 10.604 3.135-1.76.053-.153-.053-.085H6.11l-.525-.032-1.791-.048-1.554-.065-1.505-.08-.38-.081L0 7.832l.036-.234.32-.214.455.04 1.009.069 1.513.105 1.097.064 1.626.17h.259l.036-.105-.089-.065-.068-.064-1.566-1.062-1.695-1.121-.887-.646-.48-.327-.243-.306-.104-.67.435-.48.585.04.15.04.593.456 1.267.981 1.654 1.218.242.202.097-.068.012-.049-.109-.181-.9-1.626-.96-1.655-.428-.686-.113-.411a2 2 0 0 1-.068-.484l.496-.674L4.446 0l.662.089.279.242.411.94.666 1.48 1.033 2.014.302.597.162.553.06.17h.105v-.097l.085-1.134.157-1.392.154-1.792.052-.504.25-.605.497-.327.387.186.319.456-.045.294-.19 1.23-.37 1.93-.243 1.29h.142l.161-.16.654-.868 1.097-1.372.484-.545.565-.601.363-.287h.686l.505.751-.226.775-.707.895-.585.759-.839 1.13-.524.904.048.072.125-.012 1.897-.403 1.024-.186 1.223-.21.553.258.06.263-.218.536-1.307.323-1.533.307-2.284.54-.028.02.032.04 1.029.098.44.024h1.077l2.005.15.525.346.315.424-.053.323-.807.411-3.631-.863-.872-.218h-.12v.073l.726.71 1.331 1.202 1.667 1.55.084.383-.214.302-.226-.032-1.464-1.101-.565-.497-1.28-1.077h-.084v.113l.295.432 1.557 2.34.08.718-.112.234-.404.141-.444-.08-.911-1.28-.94-1.44-.759-1.291-.093.053-.448 4.821-.21.246-.484.186-.403-.307-.214-.496.214-.98.258-1.28.21-1.016.19-1.263.112-.42-.008-.028-.092.012-.953 1.307-1.448 1.957-1.146 1.227-.274.109-.477-.247.045-.44.266-.39 1.586-2.018.956-1.25.617-.723-.004-.105h-.036l-4.212 2.736-.75.096-.324-.302.04-.496.154-.162 1.267-.871z"/>
+              </svg>
+            </button>
+            <button data-target="copilot-chat" title="Copilot Chat" style="${btnBase}">
+              <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;">
+                <path d="M4 18v-5.5c0 -.667 .167 -1.333 .5 -2"/>
+                <path d="M12 7.5c0 -1 -.01 -4.07 -4 -3.5c-3.5 .5 -4 2.5 -4 3.5c0 1.5 0 4 3 4c4 0 5 -2.5 5 -4"/>
+                <path d="M4 12c-1.333 .667 -2 1.333 -2 2c0 1 0 3 1.5 4c3 2 6.5 3 8.5 3s5.499 -1 8.5 -3c1.5 -1 1.5 -3 1.5 -4c0 -.667 -.667 -1.333 -2 -2"/>
+                <path d="M20 18v-5.5c0 -.667 -.167 -1.333 -.5 -2"/>
+                <path d="M12 7.5l0 -.297l.01 -.269l.027 -.298l.013 -.105l.033 -.215c.014 -.073 .029 -.146 .046 -.22l.06 -.223c.336 -1.118 1.262 -2.237 3.808 -1.873c2.838 .405 3.703 1.797 3.93 2.842l.036 .204c0 .033 .01 .066 .013 .098l.016 .185l0 .171l0 .49l-.015 .394l-.02 .271c-.122 1.366 -.655 2.845 -2.962 2.845c-3.256 0 -4.524 -1.656 -4.883 -3.081l-.053 -.242a3.865 3.865 0 0 1 -.036 -.235l-.021 -.227a3.518 3.518 0 0 1 -.007 -.215l.005 0"/>
+                <path d="M10 15v2"/><path d="M14 15v2"/>
+              </svg>
+            </button>
+            <button data-target="clipboard" title="Clipboard" style="${btnBase}">
+              <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;">
+                <rect x="8" y="2" width="8" height="4" rx="1"/><path d="M16 4h2a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h2"/>
+              </svg>
+            </button>
+          </div>
+          </div>
+        </div>
+      `;
+        document.body.appendChild(moduleContainer);
+        if (!showTargets) {
+            const targetGroup = document.getElementById('pinpoint-targets');
+            if (targetGroup) {
+                const maybeDivider = targetGroup.previousElementSibling;
+                if (maybeDivider && maybeDivider.tagName.toLowerCase() === 'div') {
+                    maybeDivider.remove();
+                }
+                targetGroup.remove();
+            }
+        }
+        // Inject logo SVG from file and size it to fit the button
+        const logoSlot = document.getElementById('pinpoint-logo-slot');
+        logoSlot.innerHTML = logoSvg;
+        const svgEl = logoSlot.querySelector('svg');
+        if (svgEl) {
+            svgEl.setAttribute('width', '22');
+            svgEl.setAttribute('height', '22');
+            svgEl.style.flexShrink = '0';
+            svgEl.style.pointerEvents = 'none';
+            const paths = svgEl.querySelectorAll('path');
+            paths.forEach((p, i) => {
+                if (i === 0) {
+                    // Outer pin silhouette — fills with currentColor (mode-driven)
+                    p.setAttribute('fill', 'currentColor');
+                    p.removeAttribute('stroke');
+                    p.removeAttribute('stroke-width');
+                    p.removeAttribute('stroke-linejoin');
+                }
+                else {
+                    // Inner details — dark cutout so they read against the colored fill
+                    const cutout = 'rgba(20,20,20,0.92)';
+                    if (p.getAttribute('fill') === 'none') {
+                        p.setAttribute('stroke', cutout);
+                    }
+                    else {
+                        p.setAttribute('fill', cutout);
+                        p.removeAttribute('stroke');
+                    }
+                }
+            });
+        }
+        const toolbar = document.getElementById('pinpoint-toolbar');
+        const modes = document.getElementById('pinpoint-modes');
+        const targets = document.getElementById('pinpoint-targets');
+        const modeSlider = document.getElementById('pinpoint-mode-slider');
+        const targetSlider = document.getElementById('pinpoint-target-slider');
+        const tooltip = document.getElementById('pinpoint-tooltip');
+        // Slider update helper — sets position; CSS transition handles the animation
+        function updateSlider(slider, activeBtn) {
+            slider.style.left = activeBtn.offsetLeft + 'px';
+            slider.style.width = activeBtn.offsetWidth + 'px';
+        }
+        // Tooltip helper
+        function showTooltip(btn, text) {
+            tooltip.textContent = text;
+            tooltip.style.opacity = '1';
+            const btnRect = btn.getBoundingClientRect();
+            const tipWidth = tooltip.offsetWidth;
+            tooltip.style.left = btnRect.left + btnRect.width / 2 - tipWidth / 2 + 'px';
+            tooltip.style.top = btnRect.top - 32 + 'px';
+        }
+        function hideTooltip() {
+            tooltip.style.opacity = '0';
+        }
+        // Shared state
+        let lastEl = null;
+        // Interact/Capture toggle
+        let isInteractMode = false;
+        const toggleBtn = document.getElementById('pinpoint-toggle');
+        const toolbarContent = document.getElementById('pinpoint-toolbar-content');
+        const shortcutLabel = 'Esc';
+        function setInteractMode(interact) {
+            isInteractMode = interact;
+            if (interact) {
+                // Collapsed: hide content, compact circle
+                toolbarContent.style.maxWidth = '0';
+                toolbarContent.style.opacity = '0';
+                toolbar.style.padding = '6px';
+                toolbar.style.gap = '0';
+                // Collapsed: main logo color
+                toggleBtn.style.background = '#ABFF06';
+                // Always black icon
+                toggleBtn.style.color = '#000000';
+                // Clear any hover highlight
+                if (lastEl) {
+                    lastEl.style.outline = '';
+                    lastEl = null;
+                }
+            }
+            else {
+                // Expanded: show content, restore padding
+                toolbarContent.style.maxWidth = '600px';
+                toolbarContent.style.opacity = '1';
+                toolbar.style.padding = '6px 10px';
+                toolbar.style.gap = '2px';
+                // Expanded: use main logo color
+                toggleBtn.style.background = '#ABFF06';
+                // Always black icon
+                toggleBtn.style.color = '#000000';
+            }
+        }
+        // Apply initial visual state
+        setInteractMode(isInteractMode);
+        toggleBtn.addEventListener('click', (e) => {
+            e.stopPropagation();
+            setInteractMode(!isInteractMode);
+        });
+        toggleBtn.addEventListener('mouseenter', () => {
+            const label = isInteractMode
+                ? `Switch to Capture (${shortcutLabel})`
+                : `Switch to Interact (${shortcutLabel})`;
+            showTooltip(toggleBtn, label);
+        });
+        toggleBtn.addEventListener('mouseleave', () => {
+            hideTooltip();
+        });
+        document.addEventListener('keydown', (e) => {
+            const ke = e;
+            if (ke.key === 'Escape') {
+                ke.preventDefault();
+                ke.stopPropagation();
+                setInteractMode(!isInteractMode);
+            }
+        });
+        // Drag logic
+        const dragHandle = document.getElementById('pinpoint-drag');
+        let isDragging = false;
+        let dragOffsetX = 0;
+        let dragOffsetY = 0;
+        dragHandle.addEventListener('mousedown', (e) => {
+            const me = e;
+            isDragging = true;
+            dragHandle.style.cursor = 'grabbing';
+            const rect = toolbar.getBoundingClientRect();
+            dragOffsetX = me.clientX - rect.left;
+            dragOffsetY = me.clientY - rect.top;
+            toolbar.style.left = rect.left + 'px';
+            toolbar.style.bottom = 'auto';
+            toolbar.style.top = rect.top + 'px';
+            toolbar.style.transform = 'none';
+            me.preventDefault();
+            me.stopPropagation();
+        });
+        document.addEventListener('mousemove', (e) => {
+            if (!isDragging)
+                return;
+            const me = e;
+            let newX = me.clientX - dragOffsetX;
+            let newY = me.clientY - dragOffsetY;
+            const rect = toolbar.getBoundingClientRect();
+            newX = Math.max(0, Math.min(window.innerWidth - rect.width, newX));
+            newY = Math.max(0, Math.min(window.innerHeight - rect.height, newY));
+            toolbar.style.left = newX + 'px';
+            toolbar.style.top = newY + 'px';
+            me.preventDefault();
+            me.stopPropagation();
+        });
+        document.addEventListener('mouseup', (e) => {
+            if (isDragging) {
+                isDragging = false;
+                dragHandle.style.cursor = 'grab';
+                e.preventDefault();
+                e.stopPropagation();
+            }
+        });
+        // Mode buttons
+        window.pinPointMode = initialMode || 'pick';
+        const modeButtons = modes.querySelectorAll('button');
+        let activeModeBtn = Array.from(modeButtons).find((btn) => btn.getAttribute('data-mode') === window.pinPointMode) || modeButtons[0];
+        // Initialize active mode button
+        activeModeBtn.style.color = '#ffffff';
+        updateSlider(modeSlider, activeModeBtn);
+        modeButtons.forEach((btn) => {
+            btn.addEventListener('click', (e) => {
+                e.stopPropagation();
+                const mode = btn.getAttribute('data-mode');
+                window.pinPointMode = mode;
+                console.log('PINPOINT_MODE_CHANGED:', mode);
+                if (activeModeBtn !== btn) {
+                    activeModeBtn.style.color = 'rgba(255, 255, 255, 0.6)';
+                    activeModeBtn = btn;
+                    activeModeBtn.style.color = '#ffffff';
+                    updateSlider(modeSlider, activeModeBtn);
+                }
+            });
+            btn.addEventListener('mouseenter', () => {
+                if (btn !== activeModeBtn) {
+                    btn.style.color = 'rgba(255, 255, 255, 0.9)';
+                    showTooltip(btn, btn.getAttribute('title') || '');
+                }
+            });
+            btn.addEventListener('mouseleave', () => {
+                if (btn !== activeModeBtn) {
+                    btn.style.color = 'rgba(255, 255, 255, 0.6)';
+                }
+                hideTooltip();
+            });
+        });
+        if (showTargets && targets && targetSlider) {
+            // Target buttons
+            const targetButtons = targets.querySelectorAll('button');
+            let activeTargetBtn = Array.from(targetButtons).find((btn) => btn.getAttribute('data-target') === initialTarget) ||
+                targetButtons[0];
+            // Initialize active target button
+            activeTargetBtn.style.color = '#ffffff';
+            updateSlider(targetSlider, activeTargetBtn);
+            targetButtons.forEach((btn) => {
+                btn.addEventListener('click', (e) => {
+                    e.stopPropagation();
+                    const target = btn.getAttribute('data-target');
+                    console.log('PINPOINT_TARGET_CHANGED:', target);
+                    if (activeTargetBtn !== btn) {
+                        activeTargetBtn.style.color = 'rgba(255, 255, 255, 0.6)';
+                        activeTargetBtn = btn;
+                        activeTargetBtn.style.color = '#ffffff';
+                        updateSlider(targetSlider, activeTargetBtn);
+                    }
+                });
+                btn.addEventListener('mouseenter', () => {
+                    if (btn !== activeTargetBtn) {
+                        btn.style.color = 'rgba(255, 255, 255, 0.9)';
+                        showTooltip(btn, btn.getAttribute('title') || '');
+                    }
+                });
+                btn.addEventListener('mouseleave', () => {
+                    if (btn !== activeTargetBtn) {
+                        btn.style.color = 'rgba(255, 255, 255, 0.6)';
+                    }
+                    hideTooltip();
+                });
+            });
+        }
+        // Hover highlight + click handler
+        document.addEventListener('mousemove', (e) => {
+            if (isDragging)
+                return;
+            if (isInteractMode)
+                return;
+            // Use elementFromPoint instead of e.target for more reliable hit testing,
+            // especially with complex layouts or overlays
+            const target = document.elementFromPoint(e.clientX, e.clientY);
+            if (!target)
+                return;
+            const el = target;
+            // Skip highlighting the module itself
+            if (el.closest('#pinpoint-module'))
+                return;
+            if (lastEl && lastEl !== el && lastEl !== window.__pinpoint_clicked) {
+                lastEl.style.outline = '';
+            }
+            el.style.outline = '3px solid #0ea5e9';
+            el.style.outlineOffset = '2px';
+            lastEl = el;
+        }, true);
+        document.addEventListener('click', (e) => {
+            if (isDragging)
+                return;
+            if (isInteractMode)
+                return;
+            const target = document.elementFromPoint(e.clientX, e.clientY);
+            if (!target)
+                return;
+            const el = target;
+            // Don't capture if clicking the module
+            if (el.closest('#pinpoint-module'))
+                return;
+            e.preventDefault();
+            e.stopPropagation();
+            window.__pinpoint_clicked = el;
+            console.log('PINPOINT_SELECTED:', JSON.stringify({
+                tag: el.tagName,
+                class: el.className,
+                id: el.id,
+            }));
+        }, true);
+    }, { logoSvg, initialMode, initialTarget, showTargets });
+}
+//# sourceMappingURL=pickerToolbar.js.map

package/out/core/pickerToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pickerToolbar.js","sourceRoot":"","sources":["../../src/core/pickerToolbar.ts"],"names":[],"mappings":"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"}

package/out/export/contextFormatter.d.ts

@@ -0,0 +1,9 @@
+import { MaxContext, CaptureMode } from '../schemas';
+export declare class ContextFormatter {
+    formatForChat(captures: MaxContext[], mode: CaptureMode, workspaceRoot: string): string;
+    private formatSingleElement;
+    private formatMultipleElements;
+    private extractComponentName;
+    private escapeMarkdown;
+}
+//# sourceMappingURL=contextFormatter.d.ts.map

package/out/export/contextFormatter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contextFormatter.d.ts","sourceRoot":"","sources":["../../src/export/contextFormatter.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAErD,qBAAa,gBAAgB;IAC3B,aAAa,CACX,QAAQ,EAAE,UAAU,EAAE,EACtB,IAAI,EAAE,WAAW,EACjB,aAAa,EAAE,MAAM,GACpB,MAAM;IAQT,OAAO,CAAC,mBAAmB;IAuE3B,OAAO,CAAC,sBAAsB;IAwC9B,OAAO,CAAC,oBAAoB;IAQ5B,OAAO,CAAC,cAAc;CASvB"}

package/out/export/contextFormatter.js

@@ -0,0 +1,151 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContextFormatter = void 0;
+const path = __importStar(require("path"));
+class ContextFormatter {
+    formatForChat(captures, mode, workspaceRoot) {
+        if (captures.length === 1) {
+            return this.formatSingleElement(captures[0], mode, workspaceRoot);
+        }
+        else {
+            return this.formatMultipleElements(captures, mode, workspaceRoot);
+        }
+    }
+    formatSingleElement(context, mode, workspaceRoot) {
+        let text = `## UI Element Context\n\n`;
+        // Selector
+        text += `### Selected Element\n`;
+        text += `**Selector:** \`${context.selectors.primary.selector}\`\n`;
+        if (context.identity.role) {
+            text += `**Role:** ${context.identity.role}\n`;
+        }
+        if (context.identity.text) {
+            text += `**Text:** ${this.escapeMarkdown(context.identity.text)}\n`;
+        }
+        text += `\n`;
+        // Component name
+        const componentName = context.reactComponent
+            || (context.sourceLocation && this.extractComponentName(context.sourceLocation.filePath));
+        if (componentName) {
+            text += `**Component:** \`${componentName}\`\n`;
+        }
+        // DOM
+        text += `### Element Structure\n`;
+        text += `\`\`\`html\n`;
+        text += `${context.dom.element.html}\n`;
+        text += `\`\`\`\n\n`;
+        // Layout
+        text += `### Layout\n`;
+        text += `- **Position:** top: ${context.layout.bbox.top}px, left: ${context.layout.bbox.left}px\n`;
+        text += `- **Size:** ${context.layout.bbox.width}px × ${context.layout.bbox.height}px\n`;
+        text += `- **Viewport:** ${context.layout.viewport?.width}px × ${context.layout.viewport?.height}px\n`;
+        text += `\n`;
+        // Styles
+        if (context.styles.diff && Object.keys(context.styles.diff).length > 0) {
+            text += `### Key Styles\n`;
+            Object.entries(context.styles.diff).forEach(([prop, value]) => {
+                text += `- **${prop}:** \`${value}\`\n`;
+            });
+            text += `\n`;
+        }
+        // Source file if detected
+        if (context.sourceLocation) {
+            const relPath = path.relative(workspaceRoot, context.sourceLocation.filePath);
+            text += `### Source File\n`;
+            text += `**File:** \`${relPath}\``;
+            if (context.sourceLocation.line) {
+                text += ` (line ${context.sourceLocation.line})`;
+            }
+            text += `\n`;
+        }
+        // Screenshot only in full mode
+        if (mode === 'full' && context.visual?.path) {
+            const relPath = path.relative(workspaceRoot, context.visual.path);
+            text += `### Screenshot\n`;
+            text += `@${relPath}\n\n`;
+        }
+        // Footer for user to add instruction
+        text += `---\n`;
+        return text;
+    }
+    formatMultipleElements(contexts, mode, workspaceRoot) {
+        let text = `## UI Element Comparison\n\n`;
+        text += `**Elements:** ${contexts.length}\n\n`;
+        contexts.forEach((context, index) => {
+            text += `### Element ${index + 1}\n`;
+            text += `**Selector:** \`${context.selectors.primary.selector}\`\n`;
+            if (context.identity.text) {
+                text += `**Text:** ${this.escapeMarkdown(context.identity.text)}\n`;
+            }
+            // Component name
+            const componentName = context.reactComponent
+                || (context.sourceLocation && this.extractComponentName(context.sourceLocation.filePath));
+            if (componentName) {
+                text += `**Component:** \`${componentName}\`\n`;
+            }
+            text += `**Structure:**\n`;
+            text += `\`\`\`html\n`;
+            text += `${context.dom.element.html}\n`;
+            text += `\`\`\`\n\n`;
+            // Screenshot only in full mode
+            if (mode === 'full' && context.visual?.path) {
+                const relPath = path.relative(workspaceRoot, context.visual.path);
+                text += `**Screenshot:** @${relPath}\n\n`;
+            }
+            text += `---\n\n`;
+        });
+        return text;
+    }
+    extractComponentName(filePath) {
+        const basename = path.basename(filePath, path.extname(filePath));
+        // Skip index files - not useful as component names
+        if (basename === 'index')
+            return undefined;
+        // Return PascalCase names (likely React components) or any meaningful name
+        return basename;
+    }
+    escapeMarkdown(text) {
+        return text
+            .replace(/\\/g, '\\\\')
+            .replace(/`/g, '\\`')
+            .replace(/\*/g, '\\*')
+            .replace(/_/g, '\\_')
+            .replace(/\[/g, '\\[')
+            .replace(/\]/g, '\\]');
+    }
+}
+exports.ContextFormatter = ContextFormatter;
+//# sourceMappingURL=contextFormatter.js.map