@triagly/sdk 1.3.0 → 1.4.0-beta.2

package/dist/index.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.min.js","sources":["../src/ui.ts","../src/api.ts","../src/utils.ts","../src/index.ts"],"sourcesContent":["// Feedback Widget UI\n\nimport { TriaglyConfig } from './types';\n\nexport class FeedbackWidget {\n  private config: TriaglyConfig;\n  private container: HTMLElement | null = null;\n  private isOpen: boolean = false;\n  private previouslyFocusedElement: HTMLElement | null = null;\n  private focusableElements: HTMLElement[] = [];\n\n  constructor(config: TriaglyConfig) {\n    this.config = config;\n  }\n\n  /**\n   * Initialize the widget\n   */\n  init(): void {\n    this.createButton();\n    this.injectStyles();\n    // Load Turnstile script if configured\n    if (this.config.turnstileSiteKey) {\n      this.loadTurnstileScript();\n    }\n  }\n\n  /**\n   * Load Cloudflare Turnstile script dynamically\n   */\n  private loadTurnstileScript(): void {\n    // Check if already loaded\n    if ((window as any).turnstile || document.querySelector('script[src*=\"turnstile\"]')) {\n      return;\n    }\n\n    const script = document.createElement('script');\n    script.src = 'https://challenges.cloudflare.com/turnstile/v0/api.js';\n    script.async = true;\n    script.defer = true;\n    document.head.appendChild(script);\n  }\n\n  /**\n   * Create the feedback button\n   */\n  private createButton(): void {\n    const button = document.createElement('button');\n    button.id = 'triagly-button';\n    button.className = 'triagly-button';\n    \n    // Button shape\n    const shape = this.config.buttonShape || 'rounded';\n    button.classList.add(`triagly-shape-${shape}`);\n    \n    // Button orientation\n    const orientation = this.config.orientation || 'horizontal';\n    button.classList.add(`triagly-orientation-${orientation}`);\n    \n    // Speech bubble SVG icon\n    const speechBubbleIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"triagly-icon\"><path d=\"M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z\"/></svg>`;\n    const largeIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"triagly-icon\"><path d=\"M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z\"/></svg>`;\n\n    // Handle button text based on shape\n    const fullText = this.config.buttonText || 'Feedback';\n    if (shape === 'circular') {\n      button.innerHTML = largeIcon;\n      button.setAttribute('aria-label', fullText);\n    } else if (shape === 'expandable') {\n      // Expandable starts with icon, expands to full text on hover\n      button.innerHTML = `<span class=\"triagly-btn-icon\">${largeIcon}</span><span class=\"triagly-btn-text\"> ${this.config.buttonText || 'Feedback'}</span>`;\n      button.setAttribute('aria-label', fullText);\n    } else {\n      // Default: icon + text\n      button.innerHTML = `${speechBubbleIcon}<span class=\"triagly-btn-label\">${fullText}</span>`;\n    }\n    \n    button.onclick = () => this.toggle();\n\n    // Position button\n    const position = this.config.position || 'bottom-right';\n    button.classList.add(`triagly-${position}`);\n\n    // For expandable buttons, set expansion direction based on position\n    if (shape === 'expandable') {\n      if (position.includes('right')) {\n        button.classList.add('triagly-expand-left');\n      } else if (position.includes('left')) {\n        button.classList.add('triagly-expand-right');\n      }\n    }\n\n    // Apply custom offsets if provided\n    if (this.config.offsetX) {\n      if (position.includes('right')) {\n        button.style.right = this.config.offsetX;\n      } else if (position.includes('left')) {\n        button.style.left = this.config.offsetX;\n      }\n    }\n    if (this.config.offsetY) {\n      if (position.includes('top')) {\n        button.style.top = this.config.offsetY;\n      } else if (position.includes('bottom')) {\n        button.style.bottom = this.config.offsetY;\n      }\n    }\n\n    document.body.appendChild(button);\n  }\n\n  /**\n   * Toggle widget visibility\n   */\n  toggle(): void {\n    if (this.isOpen) {\n      this.close();\n    } else {\n      this.open();\n    }\n  }\n\n  /**\n   * Open the widget\n   */\n  open(): void {\n    if (this.isOpen) return;\n\n    // Store currently focused element to restore later\n    this.previouslyFocusedElement = document.activeElement as HTMLElement;\n\n    this.container = this.createContainer();\n    document.body.appendChild(this.container);\n    this.isOpen = true;\n\n    // Call onOpen callback\n    if (this.config.onOpen) {\n      this.config.onOpen();\n    }\n\n    // Set up keyboard and focus after DOM is ready\n    setTimeout(() => {\n      // Set up keyboard event listener\n      this.setupKeyboardEvents();\n\n      // Set up focus trap\n      this.setupFocusTrap();\n\n      // Focus on description field\n      const descInput = this.container?.querySelector('#triagly-description') as HTMLTextAreaElement;\n      descInput?.focus();\n    }, 0);\n  }\n\n  /**\n   * Close the widget\n   */\n  close(reason?: 'cancel' | 'dismiss' | 'overlay' | 'programmatic'): void {\n    if (!this.isOpen || !this.container) return;\n\n    // Clean up tab handler (must match capture phase used when adding)\n    const tabHandler = (this.container as any)._tabHandler;\n    if (tabHandler) {\n      document.removeEventListener('keydown', tabHandler, true);\n    }\n\n    this.container.remove();\n    this.container = null;\n    this.isOpen = false;\n\n    // Restore focus to previously focused element\n    if (this.previouslyFocusedElement) {\n      this.previouslyFocusedElement.focus();\n      this.previouslyFocusedElement = null;\n    }\n\n    // Call specific callbacks based on reason\n    if (reason === 'cancel' && this.config.onCancel) {\n      this.config.onCancel();\n    } else if (reason === 'dismiss' && this.config.onDismiss) {\n      this.config.onDismiss();\n    } else if (reason === 'overlay' && this.config.onOverlayClick) {\n      this.config.onOverlayClick();\n    }\n\n    // Always call general onClose callback (backward compatible)\n    if (this.config.onClose) {\n      this.config.onClose();\n    }\n  }\n\n  /**\n   * Create the widget container\n   */\n  private createContainer(): HTMLElement {\n    const overlay = document.createElement('div');\n    overlay.className = 'triagly-overlay';\n    overlay.setAttribute('role', 'dialog');\n    overlay.setAttribute('aria-modal', 'true');\n    overlay.setAttribute('aria-label', 'Send feedback');\n    overlay.onclick = (e) => {\n      if (e.target === overlay) this.close('overlay');\n    };\n\n    const modal = document.createElement('div');\n    modal.className = 'triagly-modal';\n    modal.setAttribute('role', 'document');\n\n    const header = document.createElement('div');\n    header.className = 'triagly-header';\n    header.innerHTML = `\n      <button type=\"button\" class=\"triagly-close\" aria-label=\"Close feedback form\">×</button>\n    `;\n\n    const closeBtn = header.querySelector('.triagly-close');\n    closeBtn?.addEventListener('click', () => this.close('dismiss'));\n\n    const form = document.createElement('form');\n    form.className = 'triagly-form';\n    form.innerHTML = `\n      <div class=\"triagly-field\">\n        <label for=\"triagly-description\">What's on your mind?</label>\n        <textarea\n          id=\"triagly-description\"\n          required\n          rows=\"5\"\n          placeholder=\"${this.config.placeholderText || 'Describe what happened...'}\"\n        ></textarea>\n      </div>\n\n      <div class=\"triagly-field\">\n        <label for=\"triagly-name\">Name (optional)</label>\n        <input\n          type=\"text\"\n          id=\"triagly-name\"\n          placeholder=\"Your name\"\n        />\n      </div>\n\n      <div class=\"triagly-field\">\n        <label for=\"triagly-email\">Email (optional)</label>\n        <input\n          type=\"email\"\n          id=\"triagly-email\"\n          placeholder=\"your@email.com\"\n        />\n      </div>\n\n      ${this.config.turnstileSiteKey ? `\n      <div class=\"triagly-field triagly-turnstile\">\n        <div class=\"cf-turnstile\" data-sitekey=\"${this.config.turnstileSiteKey}\" data-theme=\"light\"></div>\n      </div>\n      ` : ''}\n\n      <div class=\"triagly-actions\">\n        <button type=\"button\" class=\"triagly-btn-secondary\" id=\"triagly-cancel\" aria-label=\"Cancel and close feedback form\">\n          Cancel\n        </button>\n        <button type=\"submit\" class=\"triagly-btn-primary\" aria-label=\"Submit feedback\">\n          Send Feedback\n        </button>\n      </div>\n\n      <div class=\"triagly-status\" id=\"triagly-status\" role=\"status\" aria-live=\"polite\"></div>\n    `;\n\n    const cancelBtn = form.querySelector('#triagly-cancel');\n    cancelBtn?.addEventListener('click', () => this.close('cancel'));\n\n    form.onsubmit = (e) => {\n      e.preventDefault();\n      this.handleSubmit(form);\n    };\n\n    const footer = document.createElement('div');\n    footer.className = 'triagly-footer';\n    footer.innerHTML = `\n      <a href=\"https://triagly.com\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"triagly-branding\">\n        Powered by <strong>Triagly</strong>\n      </a>\n    `;\n\n    modal.appendChild(header);\n    modal.appendChild(form);\n    modal.appendChild(footer);\n    overlay.appendChild(modal);\n\n    // Render Turnstile widget if available\n    if (this.config.turnstileSiteKey) {\n      setTimeout(() => {\n        this.renderTurnstileWidget(form);\n      }, 100);\n    }\n\n    return overlay;\n  }\n\n  /**\n   * Render Cloudflare Turnstile widget\n   */\n  private renderTurnstileWidget(form: HTMLFormElement): void {\n    const turnstileContainer = form.querySelector('.cf-turnstile');\n    if (!turnstileContainer) return;\n\n    // Check if Turnstile script is loaded\n    if (!(window as any).turnstile) {\n      console.warn('Triagly: Turnstile script not loaded. Please include: <script src=\"https://challenges.cloudflare.com/turnstile/v0/api.js\" async defer></script>');\n      return;\n    }\n\n    try {\n      const widgetId = (window as any).turnstile.render(turnstileContainer, {\n        sitekey: this.config.turnstileSiteKey,\n        theme: this.config.theme === 'dark' ? 'dark' : 'light',\n        callback: (token: string) => {\n          // Store token in a data attribute for easy retrieval\n          turnstileContainer.setAttribute('data-turnstile-response', token);\n          turnstileContainer.setAttribute('data-widget-id', widgetId);\n        },\n        'error-callback': () => {\n          console.error('Triagly: Turnstile widget error');\n        },\n        'expired-callback': () => {\n          // Clear stored token when it expires\n          turnstileContainer.removeAttribute('data-turnstile-response');\n        },\n      });\n\n      turnstileContainer.setAttribute('data-widget-id', widgetId);\n    } catch (error) {\n      console.error('Triagly: Failed to render Turnstile widget:', error instanceof Error ? error.message : 'Unknown error');\n    }\n  }\n\n  /**\n   * Handle form submission\n   */\n  private async handleSubmit(form: HTMLFormElement): Promise<void> {\n    const descInput = form.querySelector('#triagly-description') as HTMLTextAreaElement;\n    const nameInput = form.querySelector('#triagly-name') as HTMLInputElement;\n    const emailInput = form.querySelector('#triagly-email') as HTMLInputElement;\n    const statusDiv = form.querySelector('#triagly-status') as HTMLDivElement;\n    const submitBtn = form.querySelector('button[type=\"submit\"]') as HTMLButtonElement;\n    const turnstileContainer = form.querySelector('.cf-turnstile');\n\n    // Disable form\n    submitBtn.disabled = true;\n    submitBtn.textContent = 'Sending...';\n\n    try {\n      // Get Turnstile token if widget is present\n      let turnstileToken: string | undefined;\n      if (turnstileContainer) {\n        turnstileToken = turnstileContainer.getAttribute('data-turnstile-response') || undefined;\n      }\n\n      const data = {\n        description: descInput.value.trim(),\n        reporterName: nameInput.value.trim() || undefined,\n        reporterEmail: emailInput.value.trim() || undefined,\n        turnstileToken,\n      };\n\n      // Create a promise that waits for actual submission result\n      const submissionPromise = new Promise<void>((resolve, reject) => {\n        const handleSuccess = () => {\n          document.removeEventListener('triagly:success', handleSuccess);\n          document.removeEventListener('triagly:error', handleError);\n          resolve();\n        };\n\n        const handleError = (e: Event) => {\n          document.removeEventListener('triagly:success', handleSuccess);\n          document.removeEventListener('triagly:error', handleError);\n          reject((e as CustomEvent).detail);\n        };\n\n        document.addEventListener('triagly:success', handleSuccess, { once: true });\n        document.addEventListener('triagly:error', handleError, { once: true });\n\n        // Set a timeout in case events don't fire\n        setTimeout(() => {\n          document.removeEventListener('triagly:success', handleSuccess);\n          document.removeEventListener('triagly:error', handleError);\n          reject(new Error('Submission timeout'));\n        }, 30000); // 30 second timeout\n      });\n\n      // Dispatch custom event for parent to handle\n      const event = new CustomEvent('triagly:submit', {\n        detail: data,\n        bubbles: true,\n      });\n      document.dispatchEvent(event);\n\n      // Wait for actual submission result\n      await submissionPromise;\n\n      // Show success\n      statusDiv.className = 'triagly-status triagly-success';\n      statusDiv.textContent = this.config.successMessage || 'Feedback sent successfully!';\n\n      // Close after delay\n      setTimeout(() => {\n        this.close();\n      }, 2000);\n    } catch (error) {\n      // Show error with actual error message\n      statusDiv.className = 'triagly-status triagly-error';\n      const errorMessage = error instanceof Error ? error.message :\n        (this.config.errorMessage || 'Failed to send feedback. Please try again.');\n      statusDiv.textContent = errorMessage;\n\n      // Re-enable form\n      submitBtn.disabled = false;\n      submitBtn.textContent = 'Send Feedback';\n    }\n  }\n\n  /**\n   * Inject widget styles\n   */\n  private injectStyles(): void {\n    if (document.getElementById('triagly-styles')) return;\n\n    const style = document.createElement('style');\n    style.id = 'triagly-styles';\n    style.textContent = `\n      .triagly-button {\n        position: fixed;\n        z-index: 999999;\n        padding: 12px 20px;\n        background: var(--triagly-button-bg, #18181b);\n        color: var(--triagly-button-text, #ffffff);\n        border: none;\n        border-radius: var(--triagly-button-radius, 8px);\n        font-size: 14px;\n        font-weight: 500;\n        cursor: pointer;\n        box-shadow: var(--triagly-button-shadow, 0 4px 12px rgba(0, 0, 0, 0.15));\n        transition: all 0.2s;\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n      }\n\n      .triagly-button:hover {\n        background: var(--triagly-button-bg-hover, #27272a);\n        transform: translateY(-2px);\n        box-shadow: var(--triagly-button-shadow-hover, 0 6px 16px rgba(0, 0, 0, 0.2));\n      }\n\n      .triagly-button .triagly-icon {\n        flex-shrink: 0;\n      }\n\n      .triagly-button .triagly-btn-label {\n        line-height: 1;\n      }\n\n      /* Prevent expandable buttons from shifting on hover */\n      .triagly-button.triagly-shape-expandable:hover {\n        transform: translateY(0) !important;\n      }\n\n      .triagly-bottom-right { bottom: 20px; right: 20px; }\n      .triagly-bottom-left { bottom: 20px; left: 20px; }\n      .triagly-top-right { top: 20px; right: 20px; }\n      .triagly-top-left { top: 20px; left: 20px; }\n\n      /* Edge-aligned positions (0 offset from edges) */\n      .triagly-edge-bottom-right { bottom: 0; right: 0; }\n      .triagly-edge-bottom-left { bottom: 0; left: 0; }\n      .triagly-edge-top-right { top: 0; right: 0; }\n      .triagly-edge-top-left { top: 0; left: 0; }\n      .triagly-edge-right { top: 50%; right: 0; transform: translateY(-50%); }\n      .triagly-edge-left { top: 50%; left: 0; transform: translateY(-50%); }\n      .triagly-edge-top { top: 0; left: 50%; transform: translateX(-50%); }\n      .triagly-edge-bottom { bottom: 0; left: 50%; transform: translateX(-50%); }\n\n      /* Button shapes */\n      .triagly-shape-rounded {\n        border-radius: var(--triagly-button-radius, 8px);\n      }\n      .triagly-shape-circular {\n        border-radius: 50%;\n        width: 60px;\n        height: 60px;\n        padding: 0;\n        font-size: 24px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n      .triagly-shape-square {\n        border-radius: 0;\n      }\n      .triagly-shape-pill {\n        border-radius: 30px;\n      }\n      .triagly-shape-expandable {\n        border-radius: 50%;\n        width: 60px;\n        height: 60px;\n        min-width: 60px;\n        padding: 0;\n        font-size: 24px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1),\n                    border-radius 0.3s cubic-bezier(0.4, 0, 0.2, 1),\n                    padding 0.3s cubic-bezier(0.4, 0, 0.2, 1),\n                    background 0.2s,\n                    box-shadow 0.2s;\n        white-space: nowrap;\n      }\n      \n      /* Expansion direction - expands left for right-positioned buttons */\n      .triagly-shape-expandable.triagly-expand-left {\n        flex-direction: row-reverse;\n      }\n      \n      /* Expansion direction - expands right for left-positioned buttons */\n      .triagly-shape-expandable.triagly-expand-right {\n        flex-direction: row;\n      }\n      \n      .triagly-shape-expandable .triagly-btn-icon {\n        display: inline-block;\n        flex-shrink: 0;\n        transition: margin 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      }\n      .triagly-shape-expandable .triagly-btn-text {\n        display: inline-block;\n        width: 0;\n        opacity: 0;\n        overflow: hidden;\n        font-size: 14px;\n        font-weight: 500;\n        transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1),\n                    opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      }\n      \n      /* Hover state */\n      .triagly-shape-expandable:hover {\n        width: auto;\n        min-width: auto;\n        padding: 12px 20px;\n        border-radius: 30px;\n        background: var(--triagly-button-bg-hover, #27272a);\n        box-shadow: var(--triagly-button-shadow-hover, 0 6px 16px rgba(0, 0, 0, 0.2));\n      }\n      .triagly-shape-expandable:hover .triagly-btn-text {\n        width: auto;\n        opacity: 1;\n      }\n\n      /* Button orientations */\n      .triagly-orientation-horizontal {\n        writing-mode: horizontal-tb;\n      }\n      .triagly-orientation-vertical {\n        writing-mode: vertical-rl;\n        text-orientation: mixed;\n      }\n\n      .triagly-overlay {\n        position: fixed;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background: var(--triagly-overlay-bg, rgba(0, 0, 0, 0.5));\n        z-index: 1000000;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        animation: triagly-fadeIn 0.2s;\n      }\n\n      @keyframes triagly-fadeIn {\n        from { opacity: 0; }\n        to { opacity: 1; }\n      }\n\n      .triagly-modal {\n        background: var(--triagly-modal-bg, #ffffff);\n        border-radius: var(--triagly-modal-radius, 12px);\n        width: 90%;\n        max-width: var(--triagly-modal-max-width, 500px);\n        max-height: 90vh;\n        overflow-y: auto;\n        box-shadow: var(--triagly-modal-shadow, 0 20px 60px rgba(0, 0, 0, 0.3));\n        animation: triagly-slideUp 0.3s;\n      }\n\n      @keyframes triagly-slideUp {\n        from {\n          opacity: 0;\n          transform: translateY(20px);\n        }\n        to {\n          opacity: 1;\n          transform: translateY(0);\n        }\n      }\n\n      .triagly-header {\n        display: flex;\n        justify-content: flex-end;\n        align-items: center;\n        padding: 8px 12px 0;\n        background: var(--triagly-header-bg, #ffffff);\n      }\n\n      .triagly-close {\n        background: none;\n        border: none;\n        font-size: 28px;\n        color: #6b7280;\n        cursor: pointer;\n        padding: 0;\n        width: 32px;\n        height: 32px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 6px;\n        transition: all 0.2s;\n      }\n\n      .triagly-close:hover {\n        background: #f3f4f6;\n        color: #111827;\n      }\n\n      .triagly-form {\n        padding: 24px;\n        background: var(--triagly-form-bg, #ffffff);\n      }\n\n      .triagly-field {\n        margin-bottom: 16px;\n      }\n\n      .triagly-field label {\n        display: block;\n        margin-bottom: 6px;\n        font-size: 14px;\n        font-weight: 500;\n        color: var(--triagly-label-text, #374151);\n      }\n\n      .triagly-field input,\n      .triagly-field textarea {\n        width: 100%;\n        padding: 10px 12px;\n        background: var(--triagly-input-bg, #ffffff);\n        border: 1px solid var(--triagly-input-border, #d1d5db);\n        border-radius: var(--triagly-input-radius, 6px);\n        color: var(--triagly-input-text, #111827);\n        font-size: 14px;\n        font-family: inherit;\n        transition: border-color 0.2s;\n        box-sizing: border-box;\n      }\n\n      .triagly-field input:focus,\n      .triagly-field textarea:focus {\n        outline: none;\n        border-color: var(--triagly-input-border-focus, #a1a1aa);\n        box-shadow: 0 0 0 2px rgba(161, 161, 170, 0.15);\n      }\n\n      /* Focus visible styles for accessibility */\n      .triagly-button:focus-visible,\n      .triagly-field input:focus-visible,\n      .triagly-field textarea:focus-visible,\n      .triagly-btn-primary:focus-visible,\n      .triagly-btn-secondary:focus-visible,\n      .triagly-close:focus-visible {\n        outline: 2px solid #a1a1aa;\n        outline-offset: 2px;\n      }\n\n      .triagly-turnstile {\n        display: flex;\n        justify-content: center;\n        margin: 8px 0;\n      }\n\n      .triagly-actions {\n        display: flex;\n        gap: 12px;\n        margin-top: 24px;\n      }\n\n      .triagly-btn-primary,\n      .triagly-btn-secondary {\n        flex: 1;\n        padding: 10px 16px;\n        border-radius: var(--triagly-btn-radius, 6px);\n        font-size: 14px;\n        font-weight: 500;\n        cursor: pointer;\n        transition: all 0.2s;\n        border: none;\n      }\n\n      .triagly-btn-primary {\n        background: var(--triagly-btn-primary-bg, #18181b);\n        color: var(--triagly-btn-primary-text, #ffffff);\n      }\n\n      .triagly-btn-primary:hover:not(:disabled) {\n        background: var(--triagly-btn-primary-bg-hover, #27272a);\n      }\n\n      .triagly-btn-primary:disabled {\n        opacity: 0.6;\n        cursor: not-allowed;\n      }\n\n      .triagly-btn-secondary {\n        background: var(--triagly-btn-secondary-bg, #f3f4f6);\n        color: var(--triagly-btn-secondary-text, #374151);\n      }\n\n      .triagly-btn-secondary:hover {\n        background: var(--triagly-btn-secondary-bg-hover, #e5e7eb);\n      }\n\n      .triagly-status {\n        margin-top: 16px;\n        padding: 12px;\n        border-radius: 6px;\n        font-size: 14px;\n        display: none;\n      }\n\n      .triagly-status.triagly-success {\n        display: block;\n        background: var(--triagly-success-bg, #d1fae5);\n        color: var(--triagly-success-text, #065f46);\n      }\n\n      .triagly-status.triagly-error {\n        display: block;\n        background: var(--triagly-error-bg, #fee2e2);\n        color: var(--triagly-error-text, #991b1b);\n      }\n\n      .triagly-footer {\n        padding: 12px 24px 16px;\n        text-align: right;\n        border-top: 1px solid var(--triagly-footer-border, #e5e7eb);\n        background: var(--triagly-footer-bg, #f9fafb);\n        border-radius: 0 0 var(--triagly-modal-radius, 12px) var(--triagly-modal-radius, 12px);\n      }\n\n      .triagly-branding {\n        font-size: 12px;\n        color: var(--triagly-footer-text, #6b7280);\n        text-decoration: none;\n        transition: color 0.2s;\n      }\n\n      .triagly-branding:hover {\n        color: var(--triagly-footer-text-hover, #18181b);\n      }\n\n      .triagly-branding strong {\n        font-weight: 600;\n      }\n    `;\n\n    document.head.appendChild(style);\n  }\n\n  /**\n   * Set up keyboard event handlers\n   */\n  private setupKeyboardEvents(): void {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      // Close on Escape key\n      if (e.key === 'Escape' && this.isOpen) {\n        e.preventDefault();\n        this.close('dismiss');\n      }\n    };\n\n    document.addEventListener('keydown', handleKeyDown);\n    \n    // Store handler for cleanup\n    if (this.container) {\n      (this.container as any)._keydownHandler = handleKeyDown;\n    }\n  }\n\n  /**\n   * Set up focus trap to keep focus within modal\n   */\n  private setupFocusTrap(): void {\n    if (!this.container) return;\n\n    // Get all focusable elements\n    const modal = this.container.querySelector('.triagly-modal');\n    if (!modal) return;\n\n    const focusableSelector =\n      'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])';\n    this.focusableElements = Array.from(\n      modal.querySelectorAll(focusableSelector)\n    ) as HTMLElement[];\n\n    if (this.focusableElements.length === 0) {\n      console.warn('Triagly: No focusable elements found in modal');\n      return;\n    }\n\n    // Handle Tab key to trap focus - must prevent default BEFORE focus moves\n    const handleTab = (e: Event) => {\n      const keyEvent = e as KeyboardEvent;\n      if (keyEvent.key !== 'Tab') return;\n\n      // Only handle if focus is within our modal\n      if (!this.container?.contains(document.activeElement)) return;\n\n      const firstFocusable = this.focusableElements[0];\n      const lastFocusable = this.focusableElements[this.focusableElements.length - 1];\n\n      if (keyEvent.shiftKey) {\n        // Shift + Tab - moving backwards\n        if (document.activeElement === firstFocusable) {\n          keyEvent.preventDefault();\n          lastFocusable?.focus();\n        }\n      } else {\n        // Tab - moving forwards\n        if (document.activeElement === lastFocusable) {\n          keyEvent.preventDefault();\n          firstFocusable?.focus();\n        }\n      }\n    };\n\n    // Use capture phase to intercept Tab before browser handles it\n    document.addEventListener('keydown', handleTab as EventListener, true);\n    (this.container as any)._tabHandler = handleTab;\n  }\n\n  /**\n   * Destroy the widget\n   */\n  destroy(): void {\n    // Clean up event listeners\n    if (this.container) {\n      const keydownHandler = (this.container as any)._keydownHandler;\n      if (keydownHandler) {\n        document.removeEventListener('keydown', keydownHandler);\n      }\n\n      const tabHandler = (this.container as any)._tabHandler;\n      if (tabHandler) {\n        document.removeEventListener('keydown', tabHandler, true);\n      }\n    }\n\n    this.close();\n    document.getElementById('triagly-button')?.remove();\n    document.getElementById('triagly-styles')?.remove();\n  }\n}\n","// API Client\n\nimport {\n  FeedbackData,\n  FeedbackMetadata,\n  FeedbackResponse,\n} from './types';\n\nconst API_URLS = {\n  production: 'https://iipkklhhafrjesryscjh.supabase.co/functions/v1',\n  staging: 'https://bssghvinezdawvupcyci.supabase.co/functions/v1',\n} as const;\n\nexport type Environment = 'production' | 'staging';\n\nexport class TriaglyAPI {\n  private apiUrl: string;\n  private publishableKey: string;\n  private getToken?: () => Promise<string>;\n  private turnstileSiteKey: string;\n\n  // Triagly's public Turnstile site key (safe to hardcode - client-side only)\n  private static readonly DEFAULT_TURNSTILE_SITE_KEY = '0x4AAAAAAB8Dc-Fl964Vp1Nn';\n\n  constructor(\n    publishableKey: string,\n    environment: Environment = 'production',\n    apiUrl?: string,\n    getToken?: () => Promise<string>,\n    turnstileSiteKey?: string\n  ) {\n    // apiUrl override takes precedence, then environment-based URL\n    this.apiUrl = (apiUrl || API_URLS[environment]).replace(/\\/$/, ''); // Remove trailing slash\n    this.publishableKey = publishableKey;\n    this.getToken = getToken;\n    // Always use Triagly's Turnstile site key (can be overridden for testing)\n    this.turnstileSiteKey = turnstileSiteKey || TriaglyAPI.DEFAULT_TURNSTILE_SITE_KEY;\n  }\n\n  /**\n   * Get the Turnstile site key\n   */\n  getTurnstileSiteKey(): string {\n    return this.turnstileSiteKey;\n  }\n\n  /**\n   * Get Turnstile token from widget if available\n   */\n  private async getTurnstileToken(): Promise<string | null> {\n    // Check if Turnstile widget is available\n    const turnstileWidget = document.querySelector('[data-turnstile-response]');\n    if (turnstileWidget) {\n      const token = turnstileWidget.getAttribute('data-turnstile-response');\n      if (token) return token;\n    }\n\n    // Check if window.turnstile is available\n    if ((window as any).turnstile) {\n      try {\n        // Get the first widget's response\n        const widgets = document.querySelectorAll('.cf-turnstile');\n        if (widgets.length > 0) {\n          const widgetId = widgets[0].getAttribute('data-widget-id');\n          if (widgetId) {\n            const token = (window as any).turnstile.getResponse(widgetId);\n            if (token) return token;\n          }\n        }\n      } catch (error) {\n        console.warn('Failed to get Turnstile token:', error instanceof Error ? error.message : 'Unknown error');\n      }\n    }\n\n    return null;\n  }\n\n  /**\n   * Submit feedback with new authentication\n   */\n  async submitFeedback(\n    data: FeedbackData,\n    metadata: FeedbackMetadata,\n    turnstileToken?: string\n  ): Promise<FeedbackResponse> {\n    // Get Turnstile token if not provided\n    if (!turnstileToken) {\n      turnstileToken = await this.getTurnstileToken() || undefined;\n    }\n\n    // Only require Turnstile if configured\n    if (this.turnstileSiteKey && !turnstileToken) {\n      throw new Error('Turnstile verification required. Please complete the captcha.');\n    }\n\n    // Get hardened token if callback is provided\n    let hardenedToken: string | undefined;\n    if (this.getToken) {\n      try {\n        hardenedToken = await this.getToken();\n      } catch (error) {\n        console.error('Failed to get hardened token:', error instanceof Error ? error.message : 'Unknown error');\n        throw new Error('Failed to authenticate. Please try again.');\n      }\n    }\n\n    const payload = {\n      publishableKey: this.publishableKey,\n      title: data.title,\n      description: data.description,\n      metadata: {\n        ...metadata,\n        consoleLogs: data.consoleLogs,\n      },\n      tags: data.tags,\n      reporterEmail: data.reporterEmail,\n      reporterName: data.reporterName,\n      turnstileToken,\n      hardenedToken,\n    };\n\n    const response = await fetch(`${this.apiUrl}/feedback`, {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json',\n      },\n      body: JSON.stringify(payload),\n    });\n\n    if (!response.ok) {\n      const error = await response.json().catch(() => ({ error: 'Unknown error', message: 'Unknown error' }));\n\n      // Handle specific error types with user-friendly messages\n      if (response.status === 401) {\n        if (error.error === 'invalid_publishable_key') {\n          throw new Error('Invalid API key. Please contact support.');\n        } else if (error.error === 'token_required') {\n          throw new Error('Authentication required. Please refresh and try again.');\n        }\n        throw new Error(error.message || 'Authentication failed');\n      } else if (response.status === 403) {\n        if (error.error === 'origin_not_allowed') {\n          throw new Error('This website is not authorized to submit feedback.');\n        }\n        throw new Error(error.message || 'Access denied');\n      } else if (response.status === 429) {\n        const retryAfter = response.headers.get('Retry-After');\n        const resetTime = retryAfter ? `in ${retryAfter} seconds` : 'later';\n        throw new Error(`Too many requests. Please try again ${resetTime}.`);\n      } else if (response.status === 400 && error.error === 'captcha_failed') {\n        throw new Error('Captcha verification failed. Please try again.');\n      }\n\n      throw new Error(error.message || error.error || `Failed to submit feedback (HTTP ${response.status})`);\n    }\n\n    return await response.json();\n  }\n}\n","// Utility functions\n\nimport { FeedbackMetadata } from './types';\n\n/**\n * Collect browser and page metadata\n */\nexport function collectMetadata(customMetadata?: Record<string, any>): FeedbackMetadata {\n  const viewport = `${window.innerWidth}x${window.innerHeight}`;\n  const browser = detectBrowser();\n\n  return {\n    url: window.location.href,\n    browser,\n    viewport,\n    userAgent: navigator.userAgent,\n    timestamp: new Date().toISOString(),\n    ...customMetadata,\n  };\n}\n\n/**\n * Detect browser name and version\n */\nfunction detectBrowser(): string {\n  const ua = navigator.userAgent;\n  let browser = 'Unknown';\n\n  if (ua.includes('Firefox/')) {\n    const version = ua.match(/Firefox\\/(\\d+)/)?.[1];\n    browser = `Firefox ${version}`;\n  } else if (ua.includes('Chrome/') && !ua.includes('Edg')) {\n    const version = ua.match(/Chrome\\/(\\d+)/)?.[1];\n    browser = `Chrome ${version}`;\n  } else if (ua.includes('Safari/') && !ua.includes('Chrome')) {\n    const version = ua.match(/Version\\/(\\d+)/)?.[1];\n    browser = `Safari ${version}`;\n  } else if (ua.includes('Edg/')) {\n    const version = ua.match(/Edg\\/(\\d+)/)?.[1];\n    browser = `Edge ${version}`;\n  }\n\n  return browser;\n}\n\n/**\n * Simple rate limiter using localStorage\n */\nexport class RateLimiter {\n  private key: string;\n  private maxAttempts: number;\n  private windowMs: number;\n\n  constructor(key: string, maxAttempts: number = 3, windowMs: number = 5 * 60 * 1000) {\n    this.key = `triagly_ratelimit_${key}`;\n    this.maxAttempts = maxAttempts;\n    this.windowMs = windowMs;\n  }\n\n  canProceed(): boolean {\n    const now = Date.now();\n    const data = this.getData();\n\n    // Filter out old attempts\n    const recentAttempts = data.attempts.filter(\n      (timestamp) => now - timestamp < this.windowMs\n    );\n\n    if (recentAttempts.length >= this.maxAttempts) {\n      return false;\n    }\n\n    return true;\n  }\n\n  recordAttempt(): void {\n    const now = Date.now();\n    const data = this.getData();\n\n    // Add new attempt\n    data.attempts.push(now);\n\n    // Keep only recent attempts\n    data.attempts = data.attempts.filter(\n      (timestamp) => now - timestamp < this.windowMs\n    );\n\n    this.setData(data);\n  }\n\n  getTimeUntilReset(): number {\n    const now = Date.now();\n    const data = this.getData();\n\n    if (data.attempts.length === 0) {\n      return 0;\n    }\n\n    const oldestAttempt = Math.min(...data.attempts);\n    const resetTime = oldestAttempt + this.windowMs;\n\n    return Math.max(0, resetTime - now);\n  }\n\n  private getData(): { attempts: number[] } {\n    try {\n      const stored = localStorage.getItem(this.key);\n      return stored ? JSON.parse(stored) : { attempts: [] };\n    } catch {\n      return { attempts: [] };\n    }\n  }\n\n  private setData(data: { attempts: number[] }): void {\n    try {\n      localStorage.setItem(this.key, JSON.stringify(data));\n    } catch (error) {\n      console.error('Failed to store rate limit data:', error instanceof Error ? error.message : 'Unknown error');\n    }\n  }\n}\n\n/**\n * Generate unique ID\n */\nexport function generateId(): string {\n  return `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;\n}\n\n/**\n * Console log capture for debugging\n */\nexport interface ConsoleLog {\n  level: 'error' | 'warn' | 'log';\n  message: string;\n  timestamp: string;\n  stack?: string;\n}\n\nexport class ConsoleLogger {\n  private buffer: ConsoleLog[] = [];\n  private maxLogs: number;\n  private levels: Set<'error' | 'warn' | 'log'>;\n  private originalConsole: {\n    error: typeof console.error;\n    warn: typeof console.warn;\n    log: typeof console.log;\n  };\n  private isActive: boolean = false;\n\n  constructor(maxLogs: number = 50, levels: ('error' | 'warn' | 'log')[] = ['error', 'warn']) {\n    this.maxLogs = maxLogs;\n    this.levels = new Set(levels);\n    \n    // Store original console methods\n    this.originalConsole = {\n      error: console.error,\n      warn: console.warn,\n      log: console.log,\n    };\n  }\n\n  /**\n   * Start capturing console logs\n   */\n  start(): void {\n    if (this.isActive) return;\n    this.isActive = true;\n\n    // Intercept console.error\n    if (this.levels.has('error')) {\n      console.error = (...args: any[]) => {\n        this.captureLog('error', args);\n        this.originalConsole.error.apply(console, args);\n      };\n    }\n\n    // Intercept console.warn\n    if (this.levels.has('warn')) {\n      console.warn = (...args: any[]) => {\n        this.captureLog('warn', args);\n        this.originalConsole.warn.apply(console, args);\n      };\n    }\n\n    // Intercept console.log\n    if (this.levels.has('log')) {\n      console.log = (...args: any[]) => {\n        this.captureLog('log', args);\n        this.originalConsole.log.apply(console, args);\n      };\n    }\n  }\n\n  /**\n   * Stop capturing and restore original console methods\n   */\n  stop(): void {\n    if (!this.isActive) return;\n    this.isActive = false;\n\n    console.error = this.originalConsole.error;\n    console.warn = this.originalConsole.warn;\n    console.log = this.originalConsole.log;\n  }\n\n  /**\n   * Capture a log entry\n   */\n  private captureLog(level: 'error' | 'warn' | 'log', args: any[]): void {\n    try {\n      // Convert arguments to string\n      const message = args.map(arg => {\n        if (typeof arg === 'string') return arg;\n        if (arg instanceof Error) return arg.message;\n        try {\n          return JSON.stringify(arg);\n        } catch {\n          return String(arg);\n        }\n      }).join(' ');\n\n      // Get stack trace for errors\n      let stack: string | undefined;\n      if (level === 'error') {\n        const error = args.find(arg => arg instanceof Error);\n        if (error) {\n          stack = error.stack;\n        } else {\n          // Create stack trace\n          stack = new Error().stack?.split('\\n').slice(2).join('\\n');\n        }\n      }\n\n      // Sanitize sensitive data\n      const sanitized = this.sanitize(message);\n      const sanitizedStack = stack ? this.sanitize(stack) : undefined;\n\n      // Add to buffer\n      const logEntry: ConsoleLog = {\n        level,\n        message: sanitized,\n        timestamp: new Date().toISOString(),\n        stack: sanitizedStack,\n      };\n\n      this.buffer.push(logEntry);\n\n      // Keep buffer size limited (circular buffer)\n      if (this.buffer.length > this.maxLogs) {\n        this.buffer.shift();\n      }\n    } catch (error) {\n      // Don't let logging break the app\n      this.originalConsole.error('Failed to capture log:', error instanceof Error ? error.message : 'Unknown error');\n    }\n  }\n\n  /**\n   * Sanitize sensitive data from logs\n   */\n  private sanitize(text: string): string {\n    return text\n      // API keys, tokens, secrets\n      .replace(/[a-zA-Z0-9_-]*token[a-zA-Z0-9_-]*\\s*[:=]\\s*[\"']?[\\w-]{20,}[\"']?/gi, 'token=***')\n      .replace(/[a-zA-Z0-9_-]*key[a-zA-Z0-9_-]*\\s*[:=]\\s*[\"']?[\\w-]{20,}[\"']?/gi, 'key=***')\n      .replace(/[a-zA-Z0-9_-]*secret[a-zA-Z0-9_-]*\\s*[:=]\\s*[\"']?[\\w-]{20,}[\"']?/gi, 'secret=***')\n      // GitHub tokens (ghp_, gho_, etc.)\n      .replace(/gh[ps]_[a-zA-Z0-9]{36,}/g, 'gh*_***')\n      // JWT tokens\n      .replace(/eyJ[a-zA-Z0-9_-]+\\.[a-zA-Z0-9_-]+\\.[a-zA-Z0-9_-]+/g, 'jwt.***')\n      // Passwords\n      .replace(/password\\s*[:=]\\s*[\"']?[^\"'\\s]+[\"']?/gi, 'password=***')\n      // Email addresses\n      .replace(/\\b[\\w._%+-]+@[\\w.-]+\\.[a-zA-Z]{2,}\\b/g, '***@***.com')\n      // Credit cards (basic pattern)\n      .replace(/\\b\\d{4}[-\\s]?\\d{4}[-\\s]?\\d{4}[-\\s]?\\d{4}\\b/g, '****-****-****-****')\n      // URLs with tokens in query params\n      .replace(/([?&])(token|key|secret|auth)=[^&\\s]+/gi, '$1$2=***');\n  }\n\n  /**\n   * Get all captured logs\n   */\n  getLogs(): ConsoleLog[] {\n    return [...this.buffer];\n  }\n\n  /**\n   * Clear all captured logs\n   */\n  clear(): void {\n    this.buffer = [];\n  }\n\n  /**\n   * Get logs count\n   */\n  getCount(): number {\n    return this.buffer.length;\n  }\n}\n","// Triagly SDK Main Entry Point\n\nimport {\n  TriaglyConfig,\n  FeedbackData,\n} from './types';\nimport { FeedbackWidget } from './ui';\nimport { TriaglyAPI } from './api';\nimport { collectMetadata, RateLimiter, ConsoleLogger } from './utils';\n\nexport class Triagly {\n  private config: TriaglyConfig;\n  private widget: FeedbackWidget;\n  private api: TriaglyAPI;\n  private rateLimiter: RateLimiter;\n  private consoleLogger: ConsoleLogger | null = null;\n\n  constructor(config: TriaglyConfig) {\n    // Handle backward compatibility - support multiple key names\n    let apiKey = config.apiKey || config.publishableKey;\n\n    if (!apiKey && config.projectId) {\n      console.warn(\n        'Triagly: projectId is deprecated. Please use apiKey instead. ' +\n        'See migration guide: https://docs.triagly.com/sdk/migration'\n      );\n      apiKey = config.projectId;\n    }\n\n    if (!apiKey) {\n      throw new Error('Triagly: apiKey is required. Get yours at https://triagly.com/dashboard');\n    }\n\n    this.config = {\n      theme: 'auto',\n      position: 'bottom-right',\n      buttonShape: 'rounded',\n      buttonText: 'Feedback',\n      placeholderText: 'Describe what happened...',\n      successMessage: 'Feedback sent successfully!',\n      errorMessage: 'Failed to send feedback. Please try again.',\n      captureConsole: true,\n      consoleLogLimit: 50,\n      consoleLogLevels: ['error', 'warn'],\n      ...config,\n      apiKey,\n      publishableKey: apiKey, // Keep for backward compatibility\n    };\n\n    this.api = new TriaglyAPI(\n      apiKey,\n      this.config.environment || 'production',\n      this.config.apiUrl,\n      this.config.getToken,\n      this.config.turnstileSiteKey\n    );\n\n    // Always pass Turnstile site key to widget (from API which has default)\n    this.config.turnstileSiteKey = this.api.getTurnstileSiteKey();\n    this.widget = new FeedbackWidget(this.config);\n    this.rateLimiter = new RateLimiter(apiKey, 3, 5 * 60 * 1000);\n\n    // Initialize console logger if enabled\n    if (this.config.captureConsole !== false) {\n      this.consoleLogger = new ConsoleLogger(\n        this.config.consoleLogLimit,\n        this.config.consoleLogLevels\n      );\n      this.consoleLogger.start();\n    }\n\n    this.init();\n  }\n\n  /**\n   * Initialize the SDK\n   */\n  private init(): void {\n    // Wait for DOM to be ready before initializing widget\n    if (document.readyState === 'loading') {\n      document.addEventListener('DOMContentLoaded', () => {\n        this.widget.init();\n      });\n    } else {\n      // DOM is already ready\n      this.widget.init();\n    }\n\n    // Listen for form submissions\n    document.addEventListener('triagly:submit', (e: Event) => {\n      const customEvent = e as CustomEvent;\n      this.handleSubmit(customEvent.detail);\n    });\n  }\n\n  /**\n   * Handle feedback submission\n   */\n  private async handleSubmit(data: any): Promise<void> {\n    try {\n      // Check rate limit\n      if (!this.rateLimiter.canProceed()) {\n        const resetTime = Math.ceil(this.rateLimiter.getTimeUntilReset() / 1000 / 60);\n        throw new Error(`Rate limit exceeded. Please try again in ${resetTime} minute(s).`);\n      }\n\n      // Collect metadata\n      const metadata = collectMetadata(this.config.metadata);\n\n      // Prepare feedback data\n      const feedbackData: FeedbackData = {\n        title: data.title,\n        description: data.description,\n        reporterEmail: data.reporterEmail,\n        consoleLogs: this.consoleLogger?.getLogs(),\n      };\n\n      // Submit to API with Turnstile token if provided\n      const response = await this.api.submitFeedback(\n        feedbackData,\n        metadata,\n        data.turnstileToken\n      );\n\n      // Record rate limit attempt\n      this.rateLimiter.recordAttempt();\n\n      // Dispatch success event for UI layer\n      document.dispatchEvent(new CustomEvent('triagly:success', {\n        detail: { feedbackId: response.id }\n      }));\n\n      // Call success callback\n      if (this.config.onSuccess) {\n        this.config.onSuccess(response.id);\n      }\n    } catch (error) {\n      console.error('Failed to submit feedback:', error instanceof Error ? error.message : 'Unknown error');\n\n      // Dispatch error event for UI layer\n      document.dispatchEvent(new CustomEvent('triagly:error', {\n        detail: error\n      }));\n\n      // Call error callback\n      if (this.config.onError && error instanceof Error) {\n        this.config.onError(error);\n      }\n\n      throw error;\n    }\n  }\n\n  /**\n   * Programmatically open the feedback widget\n   */\n  open(): void {\n    this.widget.open();\n  }\n\n  /**\n   * Programmatically close the feedback widget\n   */\n  close(): void {\n    this.widget.close();\n  }\n\n  /**\n   * Submit feedback programmatically without UI\n   * Note: When Turnstile is enabled, you must use the widget UI or provide a token\n   */\n  async submit(data: FeedbackData, turnstileToken?: string): Promise<void> {\n    // Require Turnstile token if configured\n    if (this.config.turnstileSiteKey && !turnstileToken) {\n      throw new Error(\n        'Turnstile verification required. When Turnstile is enabled, you must:\\n' +\n        '1. Use the widget UI (triagly.open()), or\\n' +\n        '2. Implement Turnstile in your form and pass the token: triagly.submit(data, token)'\n      );\n    }\n\n    const metadata = collectMetadata(this.config.metadata);\n\n    // Include console logs if available and not already provided\n    if (!data.consoleLogs && this.consoleLogger) {\n      data.consoleLogs = this.consoleLogger.getLogs();\n    }\n\n    await this.api.submitFeedback(data, metadata, turnstileToken);\n    this.rateLimiter.recordAttempt();\n  }\n\n  /**\n   * Destroy the SDK instance\n   */\n  destroy(): void {\n    this.widget.destroy();\n    this.consoleLogger?.stop();\n    document.removeEventListener('triagly:submit', () => {});\n  }\n}\n\n// Export types\nexport * from './types';\n\n// Auto-initialize if config is in window\nif (typeof window !== 'undefined') {\n  const globalConfig = (window as any).TriaglyConfig;\n  if (globalConfig) {\n    (window as any).triagly = new Triagly(globalConfig);\n  }\n\n  // Make Triagly class directly accessible as window.Triagly for UMD builds\n  // This allows users to use: new Triagly({...}) instead of new Triagly.default({...})\n  (window as any).Triagly = Triagly;\n}\n\n// Default export\nexport default Triagly;\n"],"names":["FeedbackWidget","constructor","config","this","container","isOpen","previouslyFocusedElement","focusableElements","init","createButton","injectStyles","turnstileSiteKey","loadTurnstileScript","window","turnstile","document","querySelector","script","createElement","src","async","defer","head","appendChild","button","id","className","shape","buttonShape","classList","add","orientation","largeIcon","fullText","buttonText","innerHTML","setAttribute","onclick","toggle","position","includes","offsetX","style","right","left","offsetY","top","bottom","body","close","open","activeElement","createContainer","onOpen","setTimeout","setupKeyboardEvents","setupFocusTrap","descInput","focus","reason","tabHandler","_tabHandler","removeEventListener","remove","onCancel","onDismiss","onOverlayClick","onClose","overlay","e","target","modal","header","closeBtn","addEventListener","form","placeholderText","cancelBtn","onsubmit","preventDefault","handleSubmit","footer","renderTurnstileWidget","turnstileContainer","widgetId","render","sitekey","theme","callback","token","console","error","removeAttribute","Error","message","warn","nameInput","emailInput","statusDiv","submitBtn","disabled","textContent","turnstileToken","getAttribute","undefined","data","description","value","trim","reporterName","reporterEmail","submissionPromise","Promise","resolve","reject","handleSuccess","handleError","detail","once","event","CustomEvent","bubbles","dispatchEvent","successMessage","errorMessage","getElementById","handleKeyDown","key","_keydownHandler","Array","from","querySelectorAll","length","handleTab","keyEvent","contains","firstFocusable","lastFocusable","shiftKey","destroy","keydownHandler","API_URLS","production","staging","TriaglyAPI","publishableKey","environment","apiUrl","getToken","replace","DEFAULT_TURNSTILE_SITE_KEY","getTurnstileSiteKey","getTurnstileToken","turnstileWidget","widgets","getResponse","submitFeedback","metadata","hardenedToken","payload","title","consoleLogs","tags","response","fetch","method","headers","JSON","stringify","ok","json","catch","status","retryAfter","get","collectMetadata","customMetadata","viewport","innerWidth","innerHeight","browser","ua","navigator","userAgent","version","match","detectBrowser","url","location","href","timestamp","Date","toISOString","RateLimiter","maxAttempts","windowMs","canProceed","now","getData","attempts","filter","recordAttempt","push","setData","getTimeUntilReset","resetTime","Math","min","max","stored","localStorage","getItem","parse","setItem","ConsoleLogger","maxLogs","levels","buffer","isActive","Set","originalConsole","log","start","has","args","captureLog","apply","stop","level","map","arg","String","join","stack","find","split","slice","sanitized","sanitize","sanitizedStack","logEntry","shift","text","getLogs","clear","getCount","Triagly","consoleLogger","apiKey","projectId","captureConsole","consoleLogLimit","consoleLogLevels","api","widget","rateLimiter","readyState","customEvent","ceil","feedbackData","feedbackId","onSuccess","onError","submit","globalConfig","TriaglyConfig","triagly"],"mappings":"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"}
+{"version":3,"file":"index.min.js","sources":["../src/screenshot.ts","../src/annotation.ts","../src/ui.ts","../src/api.ts","../src/utils.ts","../src/index.ts"],"sourcesContent":["// Screenshot Capture Module\n// Dynamically loads html2canvas and captures the page\n\nimport { ScreenshotConfig } from './types';\n\n// CDN URLs for html2canvas with fallbacks\nconst HTML2CANVAS_CDN_URLS = [\n  'https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js',\n  'https://cdn.jsdelivr.net/npm/html2canvas@1.4.1/dist/html2canvas.min.js',\n  'https://unpkg.com/html2canvas@1.4.1/dist/html2canvas.min.js',\n];\n\ndeclare global {\n  interface Window {\n    html2canvas?: (element: HTMLElement, options?: Record<string, unknown>) => Promise<HTMLCanvasElement>;\n  }\n}\n\nexport class ScreenshotCapture {\n  private quality: number;\n  private maxWidth: number;\n  private options: Record<string, unknown>;\n  private html2canvasLoaded: boolean = false;\n  private loadPromise: Promise<boolean> | null = null;\n  private customCdnUrl: string | undefined;\n\n  constructor(config: ScreenshotConfig = {}) {\n    this.quality = config.quality ?? 0.8;\n    this.maxWidth = config.maxWidth ?? 1920;\n    this.options = config.html2canvasOptions ?? {};\n    this.customCdnUrl = config.html2canvasCdnUrl;\n  }\n\n  /**\n   * Dynamically load html2canvas from CDN with fallbacks\n   * Returns true if loaded successfully, false otherwise\n   */\n  async loadHtml2Canvas(): Promise<boolean> {\n    // Return cached result if already attempted\n    if (this.html2canvasLoaded && window.html2canvas) {\n      return true;\n    }\n\n    // Return existing promise if load is in progress\n    if (this.loadPromise) {\n      return this.loadPromise;\n    }\n\n    // Check if already available in window (user may have loaded it)\n    if (window.html2canvas) {\n      this.html2canvasLoaded = true;\n      return true;\n    }\n\n    // Build list of CDNs to try (custom URL first if provided)\n    const cdnUrls = this.customCdnUrl\n      ? [this.customCdnUrl, ...HTML2CANVAS_CDN_URLS]\n      : HTML2CANVAS_CDN_URLS;\n\n    // Try loading from CDNs with fallback\n    this.loadPromise = this.tryLoadFromCdns(cdnUrls);\n\n    return this.loadPromise;\n  }\n\n  /**\n   * Try loading html2canvas from multiple CDN URLs\n   */\n  private async tryLoadFromCdns(urls: string[]): Promise<boolean> {\n    for (const url of urls) {\n      const success = await this.loadScriptFromUrl(url);\n      if (success && window.html2canvas) {\n        this.html2canvasLoaded = true;\n        return true;\n      }\n    }\n\n    console.error('[Triagly] Failed to load html2canvas from all CDN sources');\n    return false;\n  }\n\n  /**\n   * Load a script from a specific URL\n   */\n  private loadScriptFromUrl(url: string): Promise<boolean> {\n    return new Promise<boolean>((resolve) => {\n      const script = document.createElement('script');\n      script.src = url;\n      script.async = true;\n\n      const cleanup = () => {\n        script.onload = null;\n        script.onerror = null;\n      };\n\n      script.onload = () => {\n        cleanup();\n        resolve(true);\n      };\n\n      script.onerror = () => {\n        cleanup();\n        // Remove failed script from DOM\n        script.remove();\n        resolve(false);\n      };\n\n      document.head.appendChild(script);\n    });\n  }\n\n  /**\n   * Capture screenshot of the current page\n   * Returns base64 data URL of the screenshot\n   */\n  async capture(): Promise<string> {\n    const loaded = await this.loadHtml2Canvas();\n\n    if (!loaded || !window.html2canvas) {\n      throw new Error(\n        'Screenshot capture requires html2canvas. ' +\n        'Include <script src=\"https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js\"></script> ' +\n        'or ensure network access to CDN.'\n      );\n    }\n\n    // Hide the Triagly widget elements during capture\n    const widgetElements = document.querySelectorAll('.triagly-overlay, .triagly-button, #triagly-button');\n    const originalVisibility: Map<Element, string> = new Map();\n\n    widgetElements.forEach((el) => {\n      const htmlEl = el as HTMLElement;\n      originalVisibility.set(el, htmlEl.style.visibility);\n      htmlEl.style.visibility = 'hidden';\n    });\n\n    try {\n      const canvas = await window.html2canvas(document.body, {\n        useCORS: true,\n        allowTaint: false,\n        logging: false,\n        backgroundColor: null,\n        scale: Math.min(window.devicePixelRatio || 1, 2), // Cap at 2x for performance\n        ...this.options,\n      });\n\n      // Resize if needed\n      const resized = this.resizeCanvas(canvas);\n\n      // Convert to JPEG data URL\n      return resized.toDataURL('image/jpeg', this.quality);\n    } finally {\n      // Restore widget visibility\n      widgetElements.forEach((el) => {\n        const htmlEl = el as HTMLElement;\n        htmlEl.style.visibility = originalVisibility.get(el) || '';\n      });\n    }\n  }\n\n  /**\n   * Resize canvas if it exceeds maxWidth\n   */\n  private resizeCanvas(canvas: HTMLCanvasElement): HTMLCanvasElement {\n    if (canvas.width <= this.maxWidth) {\n      return canvas;\n    }\n\n    const ratio = this.maxWidth / canvas.width;\n    const resized = document.createElement('canvas');\n    resized.width = this.maxWidth;\n    resized.height = Math.round(canvas.height * ratio);\n\n    const ctx = resized.getContext('2d');\n    if (ctx) {\n      // Use high-quality image smoothing\n      ctx.imageSmoothingEnabled = true;\n      ctx.imageSmoothingQuality = 'high';\n      ctx.drawImage(canvas, 0, 0, resized.width, resized.height);\n    }\n\n    return resized;\n  }\n\n  /**\n   * Get approximate file size of a data URL in bytes\n   */\n  static getDataUrlSize(dataUrl: string): number {\n    // Remove data URL prefix to get base64 content\n    const base64 = dataUrl.split(',')[1] || '';\n    // Base64 encodes 3 bytes into 4 characters\n    return Math.round((base64.length * 3) / 4);\n  }\n}\n","// Annotation Editor Module\n// Canvas-based annotation overlay for marking up screenshots\n\nexport type AnnotationTool = 'highlight' | 'arrow' | 'freehand' | 'text';\n\ninterface Point {\n  x: number;\n  y: number;\n}\n\ninterface Annotation {\n  type: AnnotationTool;\n  color: string;\n  strokeWidth: number;\n  points: Point[];\n  text?: string;\n}\n\nexport class AnnotationEditor {\n  private overlay: HTMLElement | null = null;\n  private canvas: HTMLCanvasElement | null = null;\n  private ctx: CanvasRenderingContext2D | null = null;\n  private imageData: string;\n  private image: HTMLImageElement | null = null;\n  private annotations: Annotation[] = [];\n  private currentTool: AnnotationTool = 'highlight';\n  private currentColor: string = '#ff0000';\n  private strokeWidth: number = 3;\n  private isDrawing: boolean = false;\n  private currentAnnotation: Annotation | null = null;\n  private onComplete: (annotatedImage: string) => void;\n  private onCancel: () => void;\n  private scale: number = 1;\n  private offsetX: number = 0;\n  private offsetY: number = 0;\n  private pendingTextPoint: Point | null = null;\n\n  constructor(\n    imageData: string,\n    onComplete: (annotatedImage: string) => void,\n    onCancel: () => void\n  ) {\n    this.imageData = imageData;\n    this.onComplete = onComplete;\n    this.onCancel = onCancel;\n  }\n\n  /**\n   * Open the annotation editor\n   */\n  async open(): Promise<void> {\n    // Load the image first\n    this.image = await this.loadImage(this.imageData);\n\n    // Create the overlay UI\n    this.createOverlay();\n\n    // Set up the canvas\n    this.setupCanvas();\n\n    // Draw the image\n    this.render();\n  }\n\n  /**\n   * Load image from data URL\n   */\n  private loadImage(dataUrl: string): Promise<HTMLImageElement> {\n    return new Promise((resolve, reject) => {\n      const img = new Image();\n      img.onload = () => resolve(img);\n      img.onerror = () => reject(new Error('Failed to load image'));\n      img.src = dataUrl;\n    });\n  }\n\n  /**\n   * Create the fullscreen overlay UI\n   */\n  private createOverlay(): void {\n    this.overlay = document.createElement('div');\n    this.overlay.className = 'triagly-annotation-overlay';\n    this.overlay.innerHTML = `\n      <div class=\"triagly-annotation-header\">\n        <div class=\"triagly-annotation-tools\">\n          <button type=\"button\" class=\"triagly-tool-btn active\" data-tool=\"highlight\" title=\"Highlight\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" opacity=\"0.3\" fill=\"currentColor\"/>\n              <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"/>\n            </svg>\n          </button>\n          <button type=\"button\" class=\"triagly-tool-btn\" data-tool=\"arrow\" title=\"Arrow\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <line x1=\"5\" y1=\"19\" x2=\"19\" y2=\"5\"/>\n              <polyline points=\"10,5 19,5 19,14\"/>\n            </svg>\n          </button>\n          <button type=\"button\" class=\"triagly-tool-btn\" data-tool=\"freehand\" title=\"Draw\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <path d=\"M12 19l7-7 3 3-7 7-3-3z\"/>\n              <path d=\"M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z\"/>\n              <path d=\"M2 2l7.586 7.586\"/>\n            </svg>\n          </button>\n          <button type=\"button\" class=\"triagly-tool-btn\" data-tool=\"text\" title=\"Text\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <polyline points=\"4 7 4 4 20 4 20 7\"/>\n              <line x1=\"9\" y1=\"20\" x2=\"15\" y2=\"20\"/>\n              <line x1=\"12\" y1=\"4\" x2=\"12\" y2=\"20\"/>\n            </svg>\n          </button>\n          <div class=\"triagly-tool-divider\"></div>\n          <input type=\"color\" class=\"triagly-color-picker\" value=\"#ff0000\" title=\"Color\">\n        </div>\n        <div class=\"triagly-annotation-actions\">\n          <button type=\"button\" class=\"triagly-annotation-btn triagly-btn-clear\" title=\"Clear All\">\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <polyline points=\"3 6 5 6 21 6\"/>\n              <path d=\"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"/>\n            </svg>\n            Clear\n          </button>\n          <button type=\"button\" class=\"triagly-annotation-btn triagly-btn-cancel\">Cancel</button>\n          <button type=\"button\" class=\"triagly-annotation-btn triagly-btn-done\">Done</button>\n        </div>\n      </div>\n      <div class=\"triagly-annotation-canvas-container\">\n        <canvas class=\"triagly-annotation-canvas\"></canvas>\n      </div>\n      <div class=\"triagly-text-modal\" id=\"triagly-text-modal\" style=\"display: none;\">\n        <div class=\"triagly-text-modal-content\">\n          <h3>Add Text Annotation</h3>\n          <input type=\"text\" id=\"triagly-text-input\" placeholder=\"Enter text...\" maxlength=\"200\" autofocus />\n          <div class=\"triagly-text-modal-actions\">\n            <button type=\"button\" class=\"triagly-annotation-btn triagly-btn-cancel\" id=\"triagly-text-cancel\">Cancel</button>\n            <button type=\"button\" class=\"triagly-annotation-btn triagly-btn-done\" id=\"triagly-text-confirm\">Add Text</button>\n          </div>\n        </div>\n      </div>\n    `;\n\n    // Inject styles\n    this.injectStyles();\n\n    // Add event listeners\n    this.setupEventListeners();\n\n    document.body.appendChild(this.overlay);\n  }\n\n  /**\n   * Set up the canvas with correct dimensions\n   */\n  private setupCanvas(): void {\n    if (!this.overlay || !this.image) return;\n\n    this.canvas = this.overlay.querySelector('.triagly-annotation-canvas') as HTMLCanvasElement;\n    const container = this.overlay.querySelector('.triagly-annotation-canvas-container') as HTMLElement;\n\n    if (!this.canvas || !container) return;\n\n    this.ctx = this.canvas.getContext('2d');\n    if (!this.ctx) return;\n\n    // Calculate scale to fit image in container\n    const containerRect = container.getBoundingClientRect();\n    const maxWidth = containerRect.width - 40; // Padding\n    const maxHeight = containerRect.height - 40;\n\n    const imageAspect = this.image.width / this.image.height;\n    const containerAspect = maxWidth / maxHeight;\n\n    let canvasWidth: number;\n    let canvasHeight: number;\n\n    if (imageAspect > containerAspect) {\n      // Image is wider - fit to width\n      canvasWidth = Math.min(this.image.width, maxWidth);\n      canvasHeight = canvasWidth / imageAspect;\n    } else {\n      // Image is taller - fit to height\n      canvasHeight = Math.min(this.image.height, maxHeight);\n      canvasWidth = canvasHeight * imageAspect;\n    }\n\n    this.scale = canvasWidth / this.image.width;\n\n    this.canvas.width = canvasWidth;\n    this.canvas.height = canvasHeight;\n    this.canvas.style.width = `${canvasWidth}px`;\n    this.canvas.style.height = `${canvasHeight}px`;\n\n    // Calculate offset for centering\n    this.offsetX = (containerRect.width - canvasWidth) / 2;\n    this.offsetY = (containerRect.height - canvasHeight) / 2;\n  }\n\n  /**\n   * Set up event listeners\n   */\n  private setupEventListeners(): void {\n    if (!this.overlay || !this.canvas) return;\n\n    // Tool selection\n    const toolBtns = this.overlay.querySelectorAll('.triagly-tool-btn');\n    toolBtns.forEach((btn) => {\n      btn.addEventListener('click', (e) => {\n        const tool = (e.currentTarget as HTMLElement).dataset.tool as AnnotationTool;\n        if (tool) {\n          this.currentTool = tool;\n          toolBtns.forEach((b) => b.classList.remove('active'));\n          (e.currentTarget as HTMLElement).classList.add('active');\n        }\n      });\n    });\n\n    // Color picker\n    const colorPicker = this.overlay.querySelector('.triagly-color-picker') as HTMLInputElement;\n    if (colorPicker) {\n      colorPicker.addEventListener('change', (e) => {\n        this.currentColor = (e.target as HTMLInputElement).value;\n      });\n    }\n\n    // Clear button\n    const clearBtn = this.overlay.querySelector('.triagly-btn-clear');\n    if (clearBtn) {\n      clearBtn.addEventListener('click', () => {\n        this.annotations = [];\n        this.render();\n      });\n    }\n\n    // Cancel button\n    const cancelBtn = this.overlay.querySelector('.triagly-btn-cancel');\n    if (cancelBtn) {\n      cancelBtn.addEventListener('click', () => this.close(true));\n    }\n\n    // Done button\n    const doneBtn = this.overlay.querySelector('.triagly-btn-done');\n    if (doneBtn) {\n      doneBtn.addEventListener('click', () => this.close(false));\n    }\n\n    // Canvas drawing events\n    this.canvas.addEventListener('mousedown', (e) => this.handleMouseDown(e));\n    this.canvas.addEventListener('mousemove', (e) => this.handleMouseMove(e));\n    this.canvas.addEventListener('mouseup', () => this.handleMouseUp());\n    this.canvas.addEventListener('mouseleave', () => this.handleMouseUp());\n\n    // Touch support\n    this.canvas.addEventListener('touchstart', (e) => {\n      e.preventDefault();\n      const touch = e.touches[0];\n      this.handleMouseDown(touch as unknown as MouseEvent);\n    });\n    this.canvas.addEventListener('touchmove', (e) => {\n      e.preventDefault();\n      const touch = e.touches[0];\n      this.handleMouseMove(touch as unknown as MouseEvent);\n    });\n    this.canvas.addEventListener('touchend', () => this.handleMouseUp());\n    this.canvas.addEventListener('touchcancel', () => this.handleMouseUp());\n\n    // Text modal event listeners\n    const textConfirmBtn = this.overlay.querySelector('#triagly-text-confirm');\n    const textCancelBtn = this.overlay.querySelector('#triagly-text-cancel');\n    const textInput = this.overlay.querySelector('#triagly-text-input') as HTMLInputElement;\n\n    textConfirmBtn?.addEventListener('click', () => this.confirmTextAnnotation());\n    textCancelBtn?.addEventListener('click', () => this.hideTextModal());\n    textInput?.addEventListener('keydown', (e) => {\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        this.confirmTextAnnotation();\n      } else if (e.key === 'Escape') {\n        e.preventDefault();\n        this.hideTextModal();\n      }\n    });\n\n    // Escape key to cancel\n    document.addEventListener('keydown', this.handleKeyDown);\n  }\n\n  private handleKeyDown = (e: KeyboardEvent): void => {\n    if (e.key === 'Escape') {\n      this.close(true);\n    }\n  };\n\n  /**\n   * Get canvas coordinates from mouse event\n   */\n  private getCanvasPoint(e: MouseEvent): Point {\n    if (!this.canvas) return { x: 0, y: 0 };\n\n    const rect = this.canvas.getBoundingClientRect();\n    return {\n      x: e.clientX - rect.left,\n      y: e.clientY - rect.top,\n    };\n  }\n\n  /**\n   * Handle mouse down - start drawing\n   */\n  private handleMouseDown(e: MouseEvent): void {\n    const point = this.getCanvasPoint(e);\n    this.isDrawing = true;\n\n    if (this.currentTool === 'text') {\n      // For text, show custom modal input\n      this.pendingTextPoint = point;\n      this.showTextModal();\n      this.isDrawing = false;\n      return;\n    }\n\n    this.currentAnnotation = {\n      type: this.currentTool,\n      color: this.currentColor,\n      strokeWidth: this.strokeWidth,\n      points: [point],\n    };\n  }\n\n  /**\n   * Show the text input modal\n   */\n  private showTextModal(): void {\n    if (!this.overlay) return;\n    const modal = this.overlay.querySelector('#triagly-text-modal') as HTMLElement;\n    const input = this.overlay.querySelector('#triagly-text-input') as HTMLInputElement;\n    if (modal && input) {\n      modal.style.display = 'flex';\n      input.value = '';\n      input.focus();\n    }\n  }\n\n  /**\n   * Hide the text input modal\n   */\n  private hideTextModal(): void {\n    if (!this.overlay) return;\n    const modal = this.overlay.querySelector('#triagly-text-modal') as HTMLElement;\n    if (modal) {\n      modal.style.display = 'none';\n    }\n    this.pendingTextPoint = null;\n  }\n\n  /**\n   * Confirm text annotation from modal\n   */\n  private confirmTextAnnotation(): void {\n    if (!this.overlay || !this.pendingTextPoint) return;\n    const input = this.overlay.querySelector('#triagly-text-input') as HTMLInputElement;\n    const text = input?.value.trim();\n    if (text) {\n      this.annotations.push({\n        type: 'text',\n        color: this.currentColor,\n        strokeWidth: this.strokeWidth,\n        points: [this.pendingTextPoint],\n        text,\n      });\n      this.render();\n    }\n    this.hideTextModal();\n  }\n\n  /**\n   * Handle mouse move - continue drawing\n   */\n  private handleMouseMove(e: MouseEvent): void {\n    if (!this.isDrawing || !this.currentAnnotation) return;\n\n    const point = this.getCanvasPoint(e);\n\n    if (this.currentTool === 'freehand') {\n      // Add point to path\n      this.currentAnnotation.points.push(point);\n    } else {\n      // For highlight and arrow, just update the end point\n      if (this.currentAnnotation.points.length === 1) {\n        this.currentAnnotation.points.push(point);\n      } else {\n        this.currentAnnotation.points[1] = point;\n      }\n    }\n\n    this.render();\n  }\n\n  /**\n   * Handle mouse up - finish drawing\n   */\n  private handleMouseUp(): void {\n    if (this.isDrawing && this.currentAnnotation && this.currentAnnotation.points.length > 1) {\n      this.annotations.push(this.currentAnnotation);\n    }\n    this.isDrawing = false;\n    this.currentAnnotation = null;\n    this.render();\n  }\n\n  /**\n   * Render the canvas with image and annotations\n   */\n  private render(): void {\n    if (!this.ctx || !this.canvas || !this.image) return;\n\n    // Clear canvas\n    this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);\n\n    // Draw the image\n    this.ctx.drawImage(this.image, 0, 0, this.canvas.width, this.canvas.height);\n\n    // Draw all annotations\n    for (const annotation of this.annotations) {\n      this.drawAnnotation(annotation);\n    }\n\n    // Draw current annotation being made\n    if (this.currentAnnotation) {\n      this.drawAnnotation(this.currentAnnotation);\n    }\n  }\n\n  /**\n   * Draw a single annotation\n   */\n  private drawAnnotation(annotation: Annotation): void {\n    if (!this.ctx) return;\n\n    this.ctx.strokeStyle = annotation.color;\n    this.ctx.fillStyle = annotation.color;\n    this.ctx.lineWidth = annotation.strokeWidth;\n    this.ctx.lineCap = 'round';\n    this.ctx.lineJoin = 'round';\n\n    switch (annotation.type) {\n      case 'highlight':\n        this.drawHighlight(annotation);\n        break;\n      case 'arrow':\n        this.drawArrow(annotation);\n        break;\n      case 'freehand':\n        this.drawFreehand(annotation);\n        break;\n      case 'text':\n        this.drawText(annotation);\n        break;\n    }\n  }\n\n  /**\n   * Draw a semi-transparent highlight rectangle\n   */\n  private drawHighlight(annotation: Annotation): void {\n    if (!this.ctx || annotation.points.length < 2) return;\n\n    const [start, end] = annotation.points;\n    const width = end.x - start.x;\n    const height = end.y - start.y;\n\n    // Semi-transparent fill\n    this.ctx.globalAlpha = 0.3;\n    this.ctx.fillRect(start.x, start.y, width, height);\n\n    // Solid border\n    this.ctx.globalAlpha = 1;\n    this.ctx.strokeRect(start.x, start.y, width, height);\n  }\n\n  /**\n   * Draw an arrow from start to end\n   */\n  private drawArrow(annotation: Annotation): void {\n    if (!this.ctx || annotation.points.length < 2) return;\n\n    const [start, end] = annotation.points;\n    const headLength = 15;\n    const angle = Math.atan2(end.y - start.y, end.x - start.x);\n\n    // Draw the line\n    this.ctx.beginPath();\n    this.ctx.moveTo(start.x, start.y);\n    this.ctx.lineTo(end.x, end.y);\n    this.ctx.stroke();\n\n    // Draw the arrow head\n    this.ctx.beginPath();\n    this.ctx.moveTo(end.x, end.y);\n    this.ctx.lineTo(\n      end.x - headLength * Math.cos(angle - Math.PI / 6),\n      end.y - headLength * Math.sin(angle - Math.PI / 6)\n    );\n    this.ctx.moveTo(end.x, end.y);\n    this.ctx.lineTo(\n      end.x - headLength * Math.cos(angle + Math.PI / 6),\n      end.y - headLength * Math.sin(angle + Math.PI / 6)\n    );\n    this.ctx.stroke();\n  }\n\n  /**\n   * Draw a freehand path\n   */\n  private drawFreehand(annotation: Annotation): void {\n    if (!this.ctx || annotation.points.length < 2) return;\n\n    this.ctx.beginPath();\n    this.ctx.moveTo(annotation.points[0].x, annotation.points[0].y);\n\n    for (let i = 1; i < annotation.points.length; i++) {\n      this.ctx.lineTo(annotation.points[i].x, annotation.points[i].y);\n    }\n\n    this.ctx.stroke();\n  }\n\n  /**\n   * Draw text annotation\n   */\n  private drawText(annotation: Annotation): void {\n    if (!this.ctx || !annotation.text || annotation.points.length < 1) return;\n\n    const point = annotation.points[0];\n\n    // Text settings\n    this.ctx.font = 'bold 16px sans-serif';\n    this.ctx.textBaseline = 'top';\n\n    // Measure text for background\n    const metrics = this.ctx.measureText(annotation.text);\n    const padding = 4;\n\n    // Draw background\n    this.ctx.fillStyle = 'rgba(0, 0, 0, 0.7)';\n    this.ctx.fillRect(\n      point.x - padding,\n      point.y - padding,\n      metrics.width + padding * 2,\n      20 + padding * 2\n    );\n\n    // Draw text\n    this.ctx.fillStyle = '#ffffff';\n    this.ctx.fillText(annotation.text, point.x, point.y);\n  }\n\n  /**\n   * Close the editor\n   */\n  private close(cancelled: boolean): void {\n    document.removeEventListener('keydown', this.handleKeyDown);\n\n    if (cancelled) {\n      this.onCancel();\n    } else {\n      // Generate final annotated image\n      const annotatedImage = this.renderFinalImage();\n      this.onComplete(annotatedImage);\n    }\n\n    // Remove overlay\n    if (this.overlay) {\n      this.overlay.remove();\n      this.overlay = null;\n    }\n  }\n\n  /**\n   * Render the final annotated image at full resolution\n   */\n  private renderFinalImage(): string {\n    if (!this.image) return this.imageData;\n\n    // Create a full-resolution canvas\n    const canvas = document.createElement('canvas');\n    canvas.width = this.image.width;\n    canvas.height = this.image.height;\n\n    const ctx = canvas.getContext('2d');\n    if (!ctx) return this.imageData;\n\n    // Draw original image\n    ctx.drawImage(this.image, 0, 0);\n\n    // Calculate scale factor\n    const scaleFactor = 1 / this.scale;\n\n    // Draw annotations at full resolution\n    for (const annotation of this.annotations) {\n      ctx.strokeStyle = annotation.color;\n      ctx.fillStyle = annotation.color;\n      ctx.lineWidth = annotation.strokeWidth * scaleFactor;\n      ctx.lineCap = 'round';\n      ctx.lineJoin = 'round';\n\n      // Scale points\n      const scaledPoints = annotation.points.map((p) => ({\n        x: p.x * scaleFactor,\n        y: p.y * scaleFactor,\n      }));\n\n      const scaledAnnotation = { ...annotation, points: scaledPoints };\n\n      switch (annotation.type) {\n        case 'highlight':\n          this.drawHighlightOnCtx(ctx, scaledAnnotation);\n          break;\n        case 'arrow':\n          this.drawArrowOnCtx(ctx, scaledAnnotation, scaleFactor);\n          break;\n        case 'freehand':\n          this.drawFreehandOnCtx(ctx, scaledAnnotation);\n          break;\n        case 'text':\n          this.drawTextOnCtx(ctx, scaledAnnotation, scaleFactor);\n          break;\n      }\n    }\n\n    return canvas.toDataURL('image/jpeg', 0.9);\n  }\n\n  private drawHighlightOnCtx(ctx: CanvasRenderingContext2D, annotation: Annotation): void {\n    if (annotation.points.length < 2) return;\n    const [start, end] = annotation.points;\n    const width = end.x - start.x;\n    const height = end.y - start.y;\n    ctx.globalAlpha = 0.3;\n    ctx.fillRect(start.x, start.y, width, height);\n    ctx.globalAlpha = 1;\n    ctx.strokeRect(start.x, start.y, width, height);\n  }\n\n  private drawArrowOnCtx(ctx: CanvasRenderingContext2D, annotation: Annotation, scaleFactor: number): void {\n    if (annotation.points.length < 2) return;\n    const [start, end] = annotation.points;\n    const headLength = 15 * scaleFactor;\n    const angle = Math.atan2(end.y - start.y, end.x - start.x);\n    ctx.beginPath();\n    ctx.moveTo(start.x, start.y);\n    ctx.lineTo(end.x, end.y);\n    ctx.stroke();\n    ctx.beginPath();\n    ctx.moveTo(end.x, end.y);\n    ctx.lineTo(end.x - headLength * Math.cos(angle - Math.PI / 6), end.y - headLength * Math.sin(angle - Math.PI / 6));\n    ctx.moveTo(end.x, end.y);\n    ctx.lineTo(end.x - headLength * Math.cos(angle + Math.PI / 6), end.y - headLength * Math.sin(angle + Math.PI / 6));\n    ctx.stroke();\n  }\n\n  private drawFreehandOnCtx(ctx: CanvasRenderingContext2D, annotation: Annotation): void {\n    if (annotation.points.length < 2) return;\n    ctx.beginPath();\n    ctx.moveTo(annotation.points[0].x, annotation.points[0].y);\n    for (let i = 1; i < annotation.points.length; i++) {\n      ctx.lineTo(annotation.points[i].x, annotation.points[i].y);\n    }\n    ctx.stroke();\n  }\n\n  private drawTextOnCtx(ctx: CanvasRenderingContext2D, annotation: Annotation, scaleFactor: number): void {\n    if (!annotation.text || annotation.points.length < 1) return;\n    const point = annotation.points[0];\n    const fontSize = 16 * scaleFactor;\n    ctx.font = `bold ${fontSize}px sans-serif`;\n    ctx.textBaseline = 'top';\n    const metrics = ctx.measureText(annotation.text);\n    const padding = 4 * scaleFactor;\n    ctx.fillStyle = 'rgba(0, 0, 0, 0.7)';\n    ctx.fillRect(point.x - padding, point.y - padding, metrics.width + padding * 2, fontSize * 1.2 + padding * 2);\n    ctx.fillStyle = '#ffffff';\n    ctx.fillText(annotation.text, point.x, point.y);\n  }\n\n  /**\n   * Inject annotation editor styles\n   */\n  private injectStyles(): void {\n    const styleId = 'triagly-annotation-styles';\n    if (document.getElementById(styleId)) return;\n\n    const style = document.createElement('style');\n    style.id = styleId;\n    style.textContent = `\n      .triagly-annotation-overlay {\n        position: fixed;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        z-index: 999999;\n        background: rgba(0, 0, 0, 0.9);\n        display: flex;\n        flex-direction: column;\n      }\n\n      .triagly-annotation-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 12px 20px;\n        background: #1a1a1a;\n        border-bottom: 1px solid #333;\n      }\n\n      .triagly-annotation-tools {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n      }\n\n      .triagly-tool-btn {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 40px;\n        height: 40px;\n        border: none;\n        border-radius: 8px;\n        background: #333;\n        color: #fff;\n        cursor: pointer;\n        transition: all 0.2s;\n      }\n\n      .triagly-tool-btn:hover {\n        background: #444;\n      }\n\n      .triagly-tool-btn.active {\n        background: #0066cc;\n      }\n\n      .triagly-tool-divider {\n        width: 1px;\n        height: 24px;\n        background: #444;\n        margin: 0 8px;\n      }\n\n      .triagly-color-picker {\n        width: 40px;\n        height: 40px;\n        border: none;\n        border-radius: 8px;\n        cursor: pointer;\n        padding: 0;\n        background: none;\n      }\n\n      .triagly-color-picker::-webkit-color-swatch-wrapper {\n        padding: 4px;\n      }\n\n      .triagly-color-picker::-webkit-color-swatch {\n        border: none;\n        border-radius: 4px;\n      }\n\n      .triagly-annotation-actions {\n        display: flex;\n        gap: 8px;\n      }\n\n      .triagly-annotation-btn {\n        padding: 8px 16px;\n        border: none;\n        border-radius: 8px;\n        font-size: 14px;\n        font-weight: 500;\n        cursor: pointer;\n        transition: all 0.2s;\n        display: flex;\n        align-items: center;\n        gap: 6px;\n      }\n\n      .triagly-btn-clear {\n        background: transparent;\n        color: #999;\n        border: 1px solid #444;\n      }\n\n      .triagly-btn-clear:hover {\n        background: #333;\n        color: #fff;\n      }\n\n      .triagly-btn-cancel {\n        background: #333;\n        color: #fff;\n      }\n\n      .triagly-btn-cancel:hover {\n        background: #444;\n      }\n\n      .triagly-btn-done {\n        background: #0066cc;\n        color: #fff;\n      }\n\n      .triagly-btn-done:hover {\n        background: #0055aa;\n      }\n\n      .triagly-annotation-canvas-container {\n        flex: 1;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        padding: 20px;\n      }\n\n      .triagly-annotation-canvas {\n        cursor: crosshair;\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);\n        border-radius: 4px;\n      }\n\n      .triagly-text-modal {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background: rgba(0, 0, 0, 0.7);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        z-index: 1000000;\n      }\n\n      .triagly-text-modal-content {\n        background: #1a1a1a;\n        border-radius: 12px;\n        padding: 24px;\n        min-width: 320px;\n        max-width: 400px;\n        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);\n      }\n\n      .triagly-text-modal-content h3 {\n        color: #fff;\n        font-size: 16px;\n        font-weight: 600;\n        margin: 0 0 16px 0;\n      }\n\n      .triagly-text-modal-content input {\n        width: 100%;\n        padding: 12px;\n        border: 1px solid #444;\n        border-radius: 8px;\n        background: #2a2a2a;\n        color: #fff;\n        font-size: 14px;\n        outline: none;\n        box-sizing: border-box;\n      }\n\n      .triagly-text-modal-content input:focus {\n        border-color: #0066cc;\n      }\n\n      .triagly-text-modal-content input::placeholder {\n        color: #666;\n      }\n\n      .triagly-text-modal-actions {\n        display: flex;\n        gap: 8px;\n        justify-content: flex-end;\n        margin-top: 16px;\n      }\n    `;\n\n    document.head.appendChild(style);\n  }\n}\n","// Feedback Widget UI\n\nimport { TriaglyConfig } from './types';\nimport { ScreenshotCapture } from './screenshot';\nimport { AnnotationEditor } from './annotation';\n\nexport class FeedbackWidget {\n  private config: TriaglyConfig;\n  private container: HTMLElement | null = null;\n  private isOpen: boolean = false;\n  private previouslyFocusedElement: HTMLElement | null = null;\n  private focusableElements: HTMLElement[] = [];\n  private screenshotDataUrl: string | null = null;\n  private screenshotCapture: ScreenshotCapture | null = null;\n\n  constructor(config: TriaglyConfig) {\n    this.config = config;\n  }\n\n  /**\n   * Initialize the widget\n   */\n  init(): void {\n    this.createButton();\n    this.injectStyles();\n    // Load Turnstile script if configured\n    if (this.config.turnstileSiteKey) {\n      this.loadTurnstileScript();\n    }\n    // Initialize screenshot capture if enabled\n    if (this.config.enableScreenshot) {\n      this.screenshotCapture = new ScreenshotCapture({\n        quality: this.config.screenshotQuality,\n        maxWidth: this.config.screenshotMaxWidth,\n      });\n    }\n  }\n\n  /**\n   * Load Cloudflare Turnstile script dynamically\n   */\n  private loadTurnstileScript(): void {\n    // Check if already loaded\n    if ((window as any).turnstile || document.querySelector('script[src*=\"turnstile\"]')) {\n      return;\n    }\n\n    const script = document.createElement('script');\n    script.src = 'https://challenges.cloudflare.com/turnstile/v0/api.js';\n    script.async = true;\n    script.defer = true;\n    document.head.appendChild(script);\n  }\n\n  /**\n   * Create the feedback button\n   */\n  private createButton(): void {\n    const button = document.createElement('button');\n    button.id = 'triagly-button';\n    button.className = 'triagly-button';\n    \n    // Button shape\n    const shape = this.config.buttonShape || 'rounded';\n    button.classList.add(`triagly-shape-${shape}`);\n    \n    // Button orientation\n    const orientation = this.config.orientation || 'horizontal';\n    button.classList.add(`triagly-orientation-${orientation}`);\n    \n    // Speech bubble SVG icon\n    const speechBubbleIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"triagly-icon\"><path d=\"M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z\"/></svg>`;\n    const largeIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"triagly-icon\"><path d=\"M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z\"/></svg>`;\n\n    // Handle button text based on shape\n    const fullText = this.config.buttonText || 'Feedback';\n    if (shape === 'circular') {\n      button.innerHTML = largeIcon;\n      button.setAttribute('aria-label', fullText);\n    } else if (shape === 'expandable') {\n      // Expandable starts with icon, expands to full text on hover\n      button.innerHTML = `<span class=\"triagly-btn-icon\">${largeIcon}</span><span class=\"triagly-btn-text\"> ${this.config.buttonText || 'Feedback'}</span>`;\n      button.setAttribute('aria-label', fullText);\n    } else {\n      // Default: icon + text\n      button.innerHTML = `${speechBubbleIcon}<span class=\"triagly-btn-label\">${fullText}</span>`;\n    }\n    \n    button.onclick = () => this.toggle();\n\n    // Position button\n    const position = this.config.position || 'bottom-right';\n    button.classList.add(`triagly-${position}`);\n\n    // For expandable buttons, set expansion direction based on position\n    if (shape === 'expandable') {\n      if (position.includes('right')) {\n        button.classList.add('triagly-expand-left');\n      } else if (position.includes('left')) {\n        button.classList.add('triagly-expand-right');\n      }\n    }\n\n    // Apply custom offsets if provided\n    if (this.config.offsetX) {\n      if (position.includes('right')) {\n        button.style.right = this.config.offsetX;\n      } else if (position.includes('left')) {\n        button.style.left = this.config.offsetX;\n      }\n    }\n    if (this.config.offsetY) {\n      if (position.includes('top')) {\n        button.style.top = this.config.offsetY;\n      } else if (position.includes('bottom')) {\n        button.style.bottom = this.config.offsetY;\n      }\n    }\n\n    document.body.appendChild(button);\n  }\n\n  /**\n   * Toggle widget visibility\n   */\n  toggle(): void {\n    if (this.isOpen) {\n      this.close();\n    } else {\n      this.open();\n    }\n  }\n\n  /**\n   * Open the widget\n   */\n  open(): void {\n    if (this.isOpen) return;\n\n    // Store currently focused element to restore later\n    this.previouslyFocusedElement = document.activeElement as HTMLElement;\n\n    this.container = this.createContainer();\n    document.body.appendChild(this.container);\n    this.isOpen = true;\n\n    // Call onOpen callback\n    if (this.config.onOpen) {\n      this.config.onOpen();\n    }\n\n    // Set up keyboard and focus after DOM is ready\n    setTimeout(() => {\n      // Set up keyboard event listener\n      this.setupKeyboardEvents();\n\n      // Set up focus trap\n      this.setupFocusTrap();\n\n      // Focus on description field\n      const descInput = this.container?.querySelector('#triagly-description') as HTMLTextAreaElement;\n      descInput?.focus();\n    }, 0);\n  }\n\n  /**\n   * Close the widget\n   */\n  close(reason?: 'cancel' | 'dismiss' | 'overlay' | 'programmatic'): void {\n    if (!this.isOpen || !this.container) return;\n\n    // Clean up tab handler (must match capture phase used when adding)\n    const tabHandler = (this.container as any)._tabHandler;\n    if (tabHandler) {\n      document.removeEventListener('keydown', tabHandler, true);\n    }\n\n    this.container.remove();\n    this.container = null;\n    this.isOpen = false;\n    this.screenshotDataUrl = null;\n\n    // Restore focus to previously focused element\n    if (this.previouslyFocusedElement) {\n      this.previouslyFocusedElement.focus();\n      this.previouslyFocusedElement = null;\n    }\n\n    // Call specific callbacks based on reason\n    if (reason === 'cancel' && this.config.onCancel) {\n      this.config.onCancel();\n    } else if (reason === 'dismiss' && this.config.onDismiss) {\n      this.config.onDismiss();\n    } else if (reason === 'overlay' && this.config.onOverlayClick) {\n      this.config.onOverlayClick();\n    }\n\n    // Always call general onClose callback (backward compatible)\n    if (this.config.onClose) {\n      this.config.onClose();\n    }\n  }\n\n  /**\n   * Create the widget container\n   */\n  private createContainer(): HTMLElement {\n    const overlay = document.createElement('div');\n    overlay.className = 'triagly-overlay';\n    overlay.setAttribute('role', 'dialog');\n    overlay.setAttribute('aria-modal', 'true');\n    overlay.setAttribute('aria-label', 'Send feedback');\n    overlay.onclick = (e) => {\n      if (e.target === overlay) this.close('overlay');\n    };\n\n    const modal = document.createElement('div');\n    modal.className = 'triagly-modal';\n    modal.setAttribute('role', 'document');\n\n    const header = document.createElement('div');\n    header.className = 'triagly-header';\n    header.innerHTML = `\n      <button type=\"button\" class=\"triagly-close\" aria-label=\"Close feedback form\">×</button>\n    `;\n\n    const closeBtn = header.querySelector('.triagly-close');\n    closeBtn?.addEventListener('click', () => this.close('dismiss'));\n\n    const form = document.createElement('form');\n    form.className = 'triagly-form';\n    form.innerHTML = `\n      <div class=\"triagly-field\">\n        <label for=\"triagly-description\">What's on your mind?</label>\n        <textarea\n          id=\"triagly-description\"\n          required\n          rows=\"5\"\n          placeholder=\"${this.config.placeholderText || 'Describe what happened...'}\"\n        ></textarea>\n      </div>\n\n      <div class=\"triagly-field\">\n        <label for=\"triagly-name\">Name (optional)</label>\n        <input\n          type=\"text\"\n          id=\"triagly-name\"\n          placeholder=\"Your name\"\n        />\n      </div>\n\n      <div class=\"triagly-field\">\n        <label for=\"triagly-email\">Email (optional)</label>\n        <input\n          type=\"email\"\n          id=\"triagly-email\"\n          placeholder=\"your@email.com\"\n        />\n      </div>\n\n      ${this.config.enableScreenshot ? `\n      <div class=\"triagly-field triagly-screenshot-field\">\n        <label>Screenshot (optional)</label>\n        <div class=\"triagly-screenshot-controls\" id=\"triagly-screenshot-controls\">\n          <button type=\"button\" class=\"triagly-btn-capture\" id=\"triagly-capture-btn\">\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"/>\n              <circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"/>\n              <path d=\"M21 15l-5-5L5 21\"/>\n            </svg>\n            ${this.config.screenshotButtonText || 'Capture Screenshot'}\n          </button>\n        </div>\n        <div class=\"triagly-screenshot-preview\" id=\"triagly-screenshot-preview\" style=\"display: none;\">\n          <img id=\"triagly-screenshot-img\" alt=\"Screenshot preview\" />\n          <div class=\"triagly-screenshot-actions\">\n            ${this.config.enableAnnotation !== false ? `\n            <button type=\"button\" class=\"triagly-btn-icon\" id=\"triagly-annotate-btn\" title=\"Add annotations\">\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <path d=\"M12 19l7-7 3 3-7 7-3-3z\"/>\n                <path d=\"M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z\"/>\n              </svg>\n            </button>\n            ` : ''}\n            <button type=\"button\" class=\"triagly-btn-icon triagly-btn-danger\" id=\"triagly-remove-screenshot-btn\" title=\"Remove screenshot\">\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"/>\n                <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"/>\n              </svg>\n            </button>\n          </div>\n        </div>\n      </div>\n      ` : ''}\n\n      ${this.config.turnstileSiteKey ? `\n      <div class=\"triagly-field triagly-turnstile\">\n        <div class=\"cf-turnstile\" data-sitekey=\"${this.config.turnstileSiteKey}\" data-theme=\"light\"></div>\n      </div>\n      ` : ''}\n\n      <div class=\"triagly-actions\">\n        <button type=\"button\" class=\"triagly-btn-secondary\" id=\"triagly-cancel\" aria-label=\"Cancel and close feedback form\">\n          Cancel\n        </button>\n        <button type=\"submit\" class=\"triagly-btn-primary\" aria-label=\"Submit feedback\">\n          Send Feedback\n        </button>\n      </div>\n\n      <div class=\"triagly-status\" id=\"triagly-status\" role=\"status\" aria-live=\"polite\"></div>\n    `;\n\n    const cancelBtn = form.querySelector('#triagly-cancel');\n    cancelBtn?.addEventListener('click', () => this.close('cancel'));\n\n    form.onsubmit = (e) => {\n      e.preventDefault();\n      this.handleSubmit(form);\n    };\n\n    // Set up screenshot event handlers\n    if (this.config.enableScreenshot) {\n      this.setupScreenshotHandlers(form);\n    }\n\n    const footer = document.createElement('div');\n    footer.className = 'triagly-footer';\n    footer.innerHTML = `\n      <a href=\"https://triagly.com\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"triagly-branding\">\n        Powered by <strong>Triagly</strong>\n      </a>\n    `;\n\n    modal.appendChild(header);\n    modal.appendChild(form);\n    modal.appendChild(footer);\n    overlay.appendChild(modal);\n\n    // Render Turnstile widget if available\n    if (this.config.turnstileSiteKey) {\n      setTimeout(() => {\n        this.renderTurnstileWidget(form);\n      }, 100);\n    }\n\n    return overlay;\n  }\n\n  /**\n   * Render Cloudflare Turnstile widget\n   */\n  private renderTurnstileWidget(form: HTMLFormElement): void {\n    const turnstileContainer = form.querySelector('.cf-turnstile');\n    if (!turnstileContainer) return;\n\n    // Check if Turnstile script is loaded\n    if (!(window as any).turnstile) {\n      console.warn('Triagly: Turnstile script not loaded. Please include: <script src=\"https://challenges.cloudflare.com/turnstile/v0/api.js\" async defer></script>');\n      return;\n    }\n\n    try {\n      const widgetId = (window as any).turnstile.render(turnstileContainer, {\n        sitekey: this.config.turnstileSiteKey,\n        theme: this.config.theme === 'dark' ? 'dark' : 'light',\n        callback: (token: string) => {\n          // Store token in a data attribute for easy retrieval\n          turnstileContainer.setAttribute('data-turnstile-response', token);\n          turnstileContainer.setAttribute('data-widget-id', widgetId);\n        },\n        'error-callback': () => {\n          console.error('Triagly: Turnstile widget error');\n        },\n        'expired-callback': () => {\n          // Clear stored token when it expires\n          turnstileContainer.removeAttribute('data-turnstile-response');\n        },\n      });\n\n      turnstileContainer.setAttribute('data-widget-id', widgetId);\n    } catch (error) {\n      console.error('Triagly: Failed to render Turnstile widget:', error instanceof Error ? error.message : 'Unknown error');\n    }\n  }\n\n  /**\n   * Set up screenshot capture event handlers\n   */\n  private setupScreenshotHandlers(form: HTMLFormElement): void {\n    const captureBtn = form.querySelector('#triagly-capture-btn');\n    const annotateBtn = form.querySelector('#triagly-annotate-btn');\n    const removeBtn = form.querySelector('#triagly-remove-screenshot-btn');\n    const preview = form.querySelector('#triagly-screenshot-preview') as HTMLElement;\n    const controls = form.querySelector('#triagly-screenshot-controls') as HTMLElement;\n    const previewImg = form.querySelector('#triagly-screenshot-img') as HTMLImageElement;\n\n    // Capture screenshot\n    captureBtn?.addEventListener('click', async () => {\n      if (!this.screenshotCapture) return;\n\n      const btn = captureBtn as HTMLButtonElement;\n      const originalText = btn.innerHTML;\n      btn.disabled = true;\n      btn.innerHTML = `\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" class=\"triagly-spin\">\n          <path d=\"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\" opacity=\"0.3\"/>\n          <path d=\"M12 2v4\"/>\n        </svg>\n        Capturing...\n      `;\n\n      try {\n        const dataUrl = await this.screenshotCapture.capture();\n        this.screenshotDataUrl = dataUrl;\n\n        // Update UI\n        if (previewImg) previewImg.src = dataUrl;\n        if (preview) preview.style.display = 'block';\n        if (controls) controls.style.display = 'none';\n\n        // Call callback if provided\n        if (this.config.onScreenshotCapture) {\n          this.config.onScreenshotCapture(dataUrl);\n        }\n      } catch (error) {\n        console.error('Triagly: Screenshot capture failed:', error);\n        if (this.config.onScreenshotError) {\n          this.config.onScreenshotError(error instanceof Error ? error : new Error(String(error)));\n        }\n      } finally {\n        btn.disabled = false;\n        btn.innerHTML = originalText;\n      }\n    });\n\n    // Annotate screenshot\n    annotateBtn?.addEventListener('click', () => {\n      if (!this.screenshotDataUrl) return;\n\n      const editor = new AnnotationEditor(\n        this.screenshotDataUrl,\n        (annotatedImage) => {\n          this.screenshotDataUrl = annotatedImage;\n          if (previewImg) previewImg.src = annotatedImage;\n        },\n        () => {\n          // Cancelled - do nothing\n        }\n      );\n      editor.open();\n    });\n\n    // Remove screenshot\n    removeBtn?.addEventListener('click', () => {\n      this.screenshotDataUrl = null;\n      if (preview) preview.style.display = 'none';\n      if (controls) controls.style.display = 'block';\n      if (previewImg) previewImg.src = '';\n    });\n  }\n\n  /**\n   * Handle form submission\n   */\n  private async handleSubmit(form: HTMLFormElement): Promise<void> {\n    const descInput = form.querySelector('#triagly-description') as HTMLTextAreaElement;\n    const nameInput = form.querySelector('#triagly-name') as HTMLInputElement;\n    const emailInput = form.querySelector('#triagly-email') as HTMLInputElement;\n    const statusDiv = form.querySelector('#triagly-status') as HTMLDivElement;\n    const submitBtn = form.querySelector('button[type=\"submit\"]') as HTMLButtonElement;\n    const turnstileContainer = form.querySelector('.cf-turnstile');\n\n    // Disable form\n    submitBtn.disabled = true;\n    submitBtn.textContent = 'Sending...';\n\n    try {\n      // Get Turnstile token if widget is present\n      let turnstileToken: string | undefined;\n      if (turnstileContainer) {\n        turnstileToken = turnstileContainer.getAttribute('data-turnstile-response') || undefined;\n      }\n\n      const data = {\n        description: descInput.value.trim(),\n        reporterName: nameInput.value.trim() || undefined,\n        reporterEmail: emailInput.value.trim() || undefined,\n        turnstileToken,\n        screenshot: this.screenshotDataUrl || undefined,\n      };\n\n      // Create a promise that waits for actual submission result\n      const submissionPromise = new Promise<void>((resolve, reject) => {\n        const handleSuccess = () => {\n          document.removeEventListener('triagly:success', handleSuccess);\n          document.removeEventListener('triagly:error', handleError);\n          resolve();\n        };\n\n        const handleError = (e: Event) => {\n          document.removeEventListener('triagly:success', handleSuccess);\n          document.removeEventListener('triagly:error', handleError);\n          reject((e as CustomEvent).detail);\n        };\n\n        document.addEventListener('triagly:success', handleSuccess, { once: true });\n        document.addEventListener('triagly:error', handleError, { once: true });\n\n        // Set a timeout in case events don't fire\n        setTimeout(() => {\n          document.removeEventListener('triagly:success', handleSuccess);\n          document.removeEventListener('triagly:error', handleError);\n          reject(new Error('Submission timeout'));\n        }, 30000); // 30 second timeout\n      });\n\n      // Dispatch custom event for parent to handle\n      const event = new CustomEvent('triagly:submit', {\n        detail: data,\n        bubbles: true,\n      });\n      document.dispatchEvent(event);\n\n      // Wait for actual submission result\n      await submissionPromise;\n\n      // Show success\n      statusDiv.className = 'triagly-status triagly-success';\n      statusDiv.textContent = this.config.successMessage || 'Feedback sent successfully!';\n\n      // Close after delay\n      setTimeout(() => {\n        this.close();\n      }, 2000);\n    } catch (error) {\n      // Show error with actual error message\n      statusDiv.className = 'triagly-status triagly-error';\n      const errorMessage = error instanceof Error ? error.message :\n        (this.config.errorMessage || 'Failed to send feedback. Please try again.');\n      statusDiv.textContent = errorMessage;\n\n      // Re-enable form\n      submitBtn.disabled = false;\n      submitBtn.textContent = 'Send Feedback';\n    }\n  }\n\n  /**\n   * Inject widget styles\n   */\n  private injectStyles(): void {\n    if (document.getElementById('triagly-styles')) return;\n\n    const style = document.createElement('style');\n    style.id = 'triagly-styles';\n    style.textContent = `\n      .triagly-button {\n        position: fixed;\n        z-index: 999999;\n        padding: 12px 20px;\n        background: var(--triagly-button-bg, #18181b);\n        color: var(--triagly-button-text, #ffffff);\n        border: none;\n        border-radius: var(--triagly-button-radius, 8px);\n        font-size: 14px;\n        font-weight: 500;\n        cursor: pointer;\n        box-shadow: var(--triagly-button-shadow, 0 4px 12px rgba(0, 0, 0, 0.15));\n        transition: all 0.2s;\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n      }\n\n      .triagly-button:hover {\n        background: var(--triagly-button-bg-hover, #27272a);\n        transform: translateY(-2px);\n        box-shadow: var(--triagly-button-shadow-hover, 0 6px 16px rgba(0, 0, 0, 0.2));\n      }\n\n      .triagly-button .triagly-icon {\n        flex-shrink: 0;\n      }\n\n      .triagly-button .triagly-btn-label {\n        line-height: 1;\n      }\n\n      /* Prevent expandable buttons from shifting on hover */\n      .triagly-button.triagly-shape-expandable:hover {\n        transform: translateY(0) !important;\n      }\n\n      .triagly-bottom-right { bottom: 20px; right: 20px; }\n      .triagly-bottom-left { bottom: 20px; left: 20px; }\n      .triagly-top-right { top: 20px; right: 20px; }\n      .triagly-top-left { top: 20px; left: 20px; }\n\n      /* Edge-aligned positions (0 offset from edges) */\n      .triagly-edge-bottom-right { bottom: 0; right: 0; }\n      .triagly-edge-bottom-left { bottom: 0; left: 0; }\n      .triagly-edge-top-right { top: 0; right: 0; }\n      .triagly-edge-top-left { top: 0; left: 0; }\n      .triagly-edge-right { top: 50%; right: 0; transform: translateY(-50%); }\n      .triagly-edge-left { top: 50%; left: 0; transform: translateY(-50%); }\n      .triagly-edge-top { top: 0; left: 50%; transform: translateX(-50%); }\n      .triagly-edge-bottom { bottom: 0; left: 50%; transform: translateX(-50%); }\n\n      /* Button shapes */\n      .triagly-shape-rounded {\n        border-radius: var(--triagly-button-radius, 8px);\n      }\n      .triagly-shape-circular {\n        border-radius: 50%;\n        width: 60px;\n        height: 60px;\n        padding: 0;\n        font-size: 24px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n      .triagly-shape-square {\n        border-radius: 0;\n      }\n      .triagly-shape-pill {\n        border-radius: 30px;\n      }\n      .triagly-shape-expandable {\n        border-radius: 50%;\n        width: 60px;\n        height: 60px;\n        min-width: 60px;\n        padding: 0;\n        font-size: 24px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1),\n                    border-radius 0.3s cubic-bezier(0.4, 0, 0.2, 1),\n                    padding 0.3s cubic-bezier(0.4, 0, 0.2, 1),\n                    background 0.2s,\n                    box-shadow 0.2s;\n        white-space: nowrap;\n      }\n      \n      /* Expansion direction - expands left for right-positioned buttons */\n      .triagly-shape-expandable.triagly-expand-left {\n        flex-direction: row-reverse;\n      }\n      \n      /* Expansion direction - expands right for left-positioned buttons */\n      .triagly-shape-expandable.triagly-expand-right {\n        flex-direction: row;\n      }\n      \n      .triagly-shape-expandable .triagly-btn-icon {\n        display: inline-block;\n        flex-shrink: 0;\n        transition: margin 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      }\n      .triagly-shape-expandable .triagly-btn-text {\n        display: inline-block;\n        width: 0;\n        opacity: 0;\n        overflow: hidden;\n        font-size: 14px;\n        font-weight: 500;\n        transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1),\n                    opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      }\n      \n      /* Hover state */\n      .triagly-shape-expandable:hover {\n        width: auto;\n        min-width: auto;\n        padding: 12px 20px;\n        border-radius: 30px;\n        background: var(--triagly-button-bg-hover, #27272a);\n        box-shadow: var(--triagly-button-shadow-hover, 0 6px 16px rgba(0, 0, 0, 0.2));\n      }\n      .triagly-shape-expandable:hover .triagly-btn-text {\n        width: auto;\n        opacity: 1;\n      }\n\n      /* Button orientations */\n      .triagly-orientation-horizontal {\n        writing-mode: horizontal-tb;\n      }\n      .triagly-orientation-vertical {\n        writing-mode: vertical-rl;\n        text-orientation: mixed;\n      }\n\n      .triagly-overlay {\n        position: fixed;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background: var(--triagly-overlay-bg, rgba(0, 0, 0, 0.5));\n        z-index: 1000000;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        animation: triagly-fadeIn 0.2s;\n      }\n\n      @keyframes triagly-fadeIn {\n        from { opacity: 0; }\n        to { opacity: 1; }\n      }\n\n      .triagly-modal {\n        background: var(--triagly-modal-bg, #ffffff);\n        border-radius: var(--triagly-modal-radius, 12px);\n        width: 90%;\n        max-width: var(--triagly-modal-max-width, 500px);\n        max-height: 90vh;\n        overflow-y: auto;\n        box-shadow: var(--triagly-modal-shadow, 0 20px 60px rgba(0, 0, 0, 0.3));\n        animation: triagly-slideUp 0.3s;\n      }\n\n      @keyframes triagly-slideUp {\n        from {\n          opacity: 0;\n          transform: translateY(20px);\n        }\n        to {\n          opacity: 1;\n          transform: translateY(0);\n        }\n      }\n\n      .triagly-header {\n        display: flex;\n        justify-content: flex-end;\n        align-items: center;\n        padding: 8px 12px 0;\n        background: var(--triagly-header-bg, #ffffff);\n      }\n\n      .triagly-close {\n        background: none;\n        border: none;\n        font-size: 28px;\n        color: #6b7280;\n        cursor: pointer;\n        padding: 0;\n        width: 32px;\n        height: 32px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 6px;\n        transition: all 0.2s;\n      }\n\n      .triagly-close:hover {\n        background: #f3f4f6;\n        color: #111827;\n      }\n\n      .triagly-form {\n        padding: 24px;\n        background: var(--triagly-form-bg, #ffffff);\n      }\n\n      .triagly-field {\n        margin-bottom: 16px;\n      }\n\n      .triagly-field label {\n        display: block;\n        margin-bottom: 6px;\n        font-size: 14px;\n        font-weight: 500;\n        color: var(--triagly-label-text, #374151);\n      }\n\n      .triagly-field input,\n      .triagly-field textarea {\n        width: 100%;\n        padding: 10px 12px;\n        background: var(--triagly-input-bg, #ffffff);\n        border: 1px solid var(--triagly-input-border, #d1d5db);\n        border-radius: var(--triagly-input-radius, 6px);\n        color: var(--triagly-input-text, #111827);\n        font-size: 14px;\n        font-family: inherit;\n        transition: border-color 0.2s;\n        box-sizing: border-box;\n      }\n\n      .triagly-field input:focus,\n      .triagly-field textarea:focus {\n        outline: none;\n        border-color: var(--triagly-input-border-focus, #a1a1aa);\n        box-shadow: 0 0 0 2px rgba(161, 161, 170, 0.15);\n      }\n\n      /* Focus visible styles for accessibility */\n      .triagly-button:focus-visible,\n      .triagly-field input:focus-visible,\n      .triagly-field textarea:focus-visible,\n      .triagly-btn-primary:focus-visible,\n      .triagly-btn-secondary:focus-visible,\n      .triagly-close:focus-visible {\n        outline: 2px solid #a1a1aa;\n        outline-offset: 2px;\n      }\n\n      .triagly-turnstile {\n        display: flex;\n        justify-content: center;\n        margin: 8px 0;\n      }\n\n      .triagly-actions {\n        display: flex;\n        gap: 12px;\n        margin-top: 24px;\n      }\n\n      .triagly-btn-primary,\n      .triagly-btn-secondary {\n        flex: 1;\n        padding: 10px 16px;\n        border-radius: var(--triagly-btn-radius, 6px);\n        font-size: 14px;\n        font-weight: 500;\n        cursor: pointer;\n        transition: all 0.2s;\n        border: none;\n      }\n\n      .triagly-btn-primary {\n        background: var(--triagly-btn-primary-bg, #18181b);\n        color: var(--triagly-btn-primary-text, #ffffff);\n      }\n\n      .triagly-btn-primary:hover:not(:disabled) {\n        background: var(--triagly-btn-primary-bg-hover, #27272a);\n      }\n\n      .triagly-btn-primary:disabled {\n        opacity: 0.6;\n        cursor: not-allowed;\n      }\n\n      .triagly-btn-secondary {\n        background: var(--triagly-btn-secondary-bg, #f3f4f6);\n        color: var(--triagly-btn-secondary-text, #374151);\n      }\n\n      .triagly-btn-secondary:hover {\n        background: var(--triagly-btn-secondary-bg-hover, #e5e7eb);\n      }\n\n      .triagly-status {\n        margin-top: 16px;\n        padding: 12px;\n        border-radius: 6px;\n        font-size: 14px;\n        display: none;\n      }\n\n      .triagly-status.triagly-success {\n        display: block;\n        background: var(--triagly-success-bg, #d1fae5);\n        color: var(--triagly-success-text, #065f46);\n      }\n\n      .triagly-status.triagly-error {\n        display: block;\n        background: var(--triagly-error-bg, #fee2e2);\n        color: var(--triagly-error-text, #991b1b);\n      }\n\n      .triagly-footer {\n        padding: 12px 24px 16px;\n        text-align: right;\n        border-top: 1px solid var(--triagly-footer-border, #e5e7eb);\n        background: var(--triagly-footer-bg, #f9fafb);\n        border-radius: 0 0 var(--triagly-modal-radius, 12px) var(--triagly-modal-radius, 12px);\n      }\n\n      .triagly-branding {\n        font-size: 12px;\n        color: var(--triagly-footer-text, #6b7280);\n        text-decoration: none;\n        transition: color 0.2s;\n      }\n\n      .triagly-branding:hover {\n        color: var(--triagly-footer-text-hover, #18181b);\n      }\n\n      .triagly-branding strong {\n        font-weight: 600;\n      }\n\n      /* Screenshot styles */\n      .triagly-screenshot-field {\n        margin-bottom: 16px;\n      }\n\n      .triagly-screenshot-controls {\n        display: flex;\n        gap: 8px;\n      }\n\n      .triagly-btn-capture {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        padding: 10px 16px;\n        background: var(--triagly-btn-secondary-bg, #f3f4f6);\n        color: var(--triagly-btn-secondary-text, #374151);\n        border: 1px dashed var(--triagly-input-border, #d1d5db);\n        border-radius: var(--triagly-input-radius, 6px);\n        font-size: 14px;\n        font-weight: 500;\n        cursor: pointer;\n        transition: all 0.2s;\n        width: 100%;\n        justify-content: center;\n      }\n\n      .triagly-btn-capture:hover:not(:disabled) {\n        background: var(--triagly-btn-secondary-bg-hover, #e5e7eb);\n        border-style: solid;\n      }\n\n      .triagly-btn-capture:disabled {\n        opacity: 0.7;\n        cursor: wait;\n      }\n\n      .triagly-screenshot-preview {\n        position: relative;\n        border-radius: var(--triagly-input-radius, 6px);\n        overflow: hidden;\n        border: 1px solid var(--triagly-input-border, #d1d5db);\n        background: var(--triagly-input-bg, #ffffff);\n      }\n\n      .triagly-screenshot-preview img {\n        display: block;\n        width: 100%;\n        max-height: 200px;\n        object-fit: contain;\n        background: #f9fafb;\n      }\n\n      .triagly-screenshot-actions {\n        position: absolute;\n        top: 8px;\n        right: 8px;\n        display: flex;\n        gap: 4px;\n      }\n\n      .triagly-btn-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 28px;\n        height: 28px;\n        padding: 0;\n        background: rgba(255, 255, 255, 0.9);\n        border: 1px solid var(--triagly-input-border, #d1d5db);\n        border-radius: 6px;\n        cursor: pointer;\n        transition: all 0.2s;\n        color: #374151;\n      }\n\n      .triagly-btn-icon:hover {\n        background: #ffffff;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n      }\n\n      .triagly-btn-icon.triagly-btn-danger:hover {\n        background: #fee2e2;\n        border-color: #fca5a5;\n        color: #dc2626;\n      }\n\n      @keyframes triagly-spin {\n        from { transform: rotate(0deg); }\n        to { transform: rotate(360deg); }\n      }\n\n      .triagly-spin {\n        animation: triagly-spin 1s linear infinite;\n      }\n    `;\n\n    document.head.appendChild(style);\n  }\n\n  /**\n   * Set up keyboard event handlers\n   */\n  private setupKeyboardEvents(): void {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      // Close on Escape key\n      if (e.key === 'Escape' && this.isOpen) {\n        e.preventDefault();\n        this.close('dismiss');\n      }\n    };\n\n    document.addEventListener('keydown', handleKeyDown);\n    \n    // Store handler for cleanup\n    if (this.container) {\n      (this.container as any)._keydownHandler = handleKeyDown;\n    }\n  }\n\n  /**\n   * Set up focus trap to keep focus within modal\n   */\n  private setupFocusTrap(): void {\n    if (!this.container) return;\n\n    // Get all focusable elements\n    const modal = this.container.querySelector('.triagly-modal');\n    if (!modal) return;\n\n    const focusableSelector =\n      'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])';\n    this.focusableElements = Array.from(\n      modal.querySelectorAll(focusableSelector)\n    ) as HTMLElement[];\n\n    if (this.focusableElements.length === 0) {\n      console.warn('Triagly: No focusable elements found in modal');\n      return;\n    }\n\n    // Handle Tab key to trap focus - must prevent default BEFORE focus moves\n    const handleTab = (e: Event) => {\n      const keyEvent = e as KeyboardEvent;\n      if (keyEvent.key !== 'Tab') return;\n\n      // Only handle if focus is within our modal\n      if (!this.container?.contains(document.activeElement)) return;\n\n      const firstFocusable = this.focusableElements[0];\n      const lastFocusable = this.focusableElements[this.focusableElements.length - 1];\n\n      if (keyEvent.shiftKey) {\n        // Shift + Tab - moving backwards\n        if (document.activeElement === firstFocusable) {\n          keyEvent.preventDefault();\n          lastFocusable?.focus();\n        }\n      } else {\n        // Tab - moving forwards\n        if (document.activeElement === lastFocusable) {\n          keyEvent.preventDefault();\n          firstFocusable?.focus();\n        }\n      }\n    };\n\n    // Use capture phase to intercept Tab before browser handles it\n    document.addEventListener('keydown', handleTab as EventListener, true);\n    (this.container as any)._tabHandler = handleTab;\n  }\n\n  /**\n   * Destroy the widget\n   */\n  destroy(): void {\n    // Clean up event listeners\n    if (this.container) {\n      const keydownHandler = (this.container as any)._keydownHandler;\n      if (keydownHandler) {\n        document.removeEventListener('keydown', keydownHandler);\n      }\n\n      const tabHandler = (this.container as any)._tabHandler;\n      if (tabHandler) {\n        document.removeEventListener('keydown', tabHandler, true);\n      }\n    }\n\n    this.close();\n    document.getElementById('triagly-button')?.remove();\n    document.getElementById('triagly-styles')?.remove();\n  }\n}\n","// API Client\n\nimport {\n  FeedbackData,\n  FeedbackMetadata,\n  FeedbackResponse,\n} from './types';\n\nconst API_URLS = {\n  production: 'https://iipkklhhafrjesryscjh.supabase.co/functions/v1',\n  staging: 'https://bssghvinezdawvupcyci.supabase.co/functions/v1',\n} as const;\n\nexport type Environment = 'production' | 'staging';\n\nexport class TriaglyAPI {\n  private apiUrl: string;\n  private publishableKey: string;\n  private getToken?: () => Promise<string>;\n  private turnstileSiteKey: string;\n\n  // Triagly's public Turnstile site key (safe to hardcode - client-side only)\n  private static readonly DEFAULT_TURNSTILE_SITE_KEY = '0x4AAAAAAB8Dc-Fl964Vp1Nn';\n\n  constructor(\n    publishableKey: string,\n    environment: Environment = 'production',\n    apiUrl?: string,\n    getToken?: () => Promise<string>,\n    turnstileSiteKey?: string\n  ) {\n    // apiUrl override takes precedence, then environment-based URL\n    this.apiUrl = (apiUrl || API_URLS[environment]).replace(/\\/$/, ''); // Remove trailing slash\n    this.publishableKey = publishableKey;\n    this.getToken = getToken;\n    // Always use Triagly's Turnstile site key (can be overridden for testing)\n    this.turnstileSiteKey = turnstileSiteKey || TriaglyAPI.DEFAULT_TURNSTILE_SITE_KEY;\n  }\n\n  /**\n   * Get the Turnstile site key\n   */\n  getTurnstileSiteKey(): string {\n    return this.turnstileSiteKey;\n  }\n\n  /**\n   * Get Turnstile token from widget if available\n   */\n  private async getTurnstileToken(): Promise<string | null> {\n    // Check if Turnstile widget is available\n    const turnstileWidget = document.querySelector('[data-turnstile-response]');\n    if (turnstileWidget) {\n      const token = turnstileWidget.getAttribute('data-turnstile-response');\n      if (token) return token;\n    }\n\n    // Check if window.turnstile is available\n    if ((window as any).turnstile) {\n      try {\n        // Get the first widget's response\n        const widgets = document.querySelectorAll('.cf-turnstile');\n        if (widgets.length > 0) {\n          const widgetId = widgets[0].getAttribute('data-widget-id');\n          if (widgetId) {\n            const token = (window as any).turnstile.getResponse(widgetId);\n            if (token) return token;\n          }\n        }\n      } catch (error) {\n        console.warn('Failed to get Turnstile token:', error instanceof Error ? error.message : 'Unknown error');\n      }\n    }\n\n    return null;\n  }\n\n  /**\n   * Submit feedback with new authentication\n   */\n  async submitFeedback(\n    data: FeedbackData,\n    metadata: FeedbackMetadata,\n    turnstileToken?: string\n  ): Promise<FeedbackResponse> {\n    // Get Turnstile token if not provided\n    if (!turnstileToken) {\n      turnstileToken = await this.getTurnstileToken() || undefined;\n    }\n\n    // Only require Turnstile if configured\n    if (this.turnstileSiteKey && !turnstileToken) {\n      throw new Error('Turnstile verification required. Please complete the captcha.');\n    }\n\n    // Get hardened token if callback is provided\n    let hardenedToken: string | undefined;\n    if (this.getToken) {\n      try {\n        hardenedToken = await this.getToken();\n      } catch (error) {\n        console.error('Failed to get hardened token:', error instanceof Error ? error.message : 'Unknown error');\n        throw new Error('Failed to authenticate. Please try again.');\n      }\n    }\n\n    const payload = {\n      publishableKey: this.publishableKey,\n      title: data.title,\n      description: data.description,\n      metadata: {\n        ...metadata,\n        consoleLogs: data.consoleLogs,\n      },\n      tags: data.tags,\n      reporterEmail: data.reporterEmail,\n      reporterName: data.reporterName,\n      screenshot: data.screenshot,\n      turnstileToken,\n      hardenedToken,\n    };\n\n    const response = await fetch(`${this.apiUrl}/feedback`, {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json',\n      },\n      body: JSON.stringify(payload),\n    });\n\n    if (!response.ok) {\n      const error = await response.json().catch(() => ({ error: 'Unknown error', message: 'Unknown error' }));\n\n      // Handle specific error types with user-friendly messages\n      if (response.status === 401) {\n        if (error.error === 'invalid_publishable_key') {\n          throw new Error('Invalid API key. Please contact support.');\n        } else if (error.error === 'token_required') {\n          throw new Error('Authentication required. Please refresh and try again.');\n        }\n        throw new Error(error.message || 'Authentication failed');\n      } else if (response.status === 403) {\n        if (error.error === 'origin_not_allowed') {\n          throw new Error('This website is not authorized to submit feedback.');\n        }\n        throw new Error(error.message || 'Access denied');\n      } else if (response.status === 429) {\n        const retryAfter = response.headers.get('Retry-After');\n        const resetTime = retryAfter ? `in ${retryAfter} seconds` : 'later';\n        throw new Error(`Too many requests. Please try again ${resetTime}.`);\n      } else if (response.status === 400 && error.error === 'captcha_failed') {\n        throw new Error('Captcha verification failed. Please try again.');\n      }\n\n      throw new Error(error.message || error.error || `Failed to submit feedback (HTTP ${response.status})`);\n    }\n\n    return await response.json();\n  }\n}\n","// Utility functions\n\nimport { FeedbackMetadata } from './types';\n\n/**\n * Collect browser and page metadata\n */\nexport function collectMetadata(customMetadata?: Record<string, any>): FeedbackMetadata {\n  const viewport = `${window.innerWidth}x${window.innerHeight}`;\n  const browser = detectBrowser();\n\n  return {\n    url: window.location.href,\n    browser,\n    viewport,\n    userAgent: navigator.userAgent,\n    timestamp: new Date().toISOString(),\n    ...customMetadata,\n  };\n}\n\n/**\n * Detect browser name and version\n */\nfunction detectBrowser(): string {\n  const ua = navigator.userAgent;\n  let browser = 'Unknown';\n\n  if (ua.includes('Firefox/')) {\n    const version = ua.match(/Firefox\\/(\\d+)/)?.[1];\n    browser = `Firefox ${version}`;\n  } else if (ua.includes('Chrome/') && !ua.includes('Edg')) {\n    const version = ua.match(/Chrome\\/(\\d+)/)?.[1];\n    browser = `Chrome ${version}`;\n  } else if (ua.includes('Safari/') && !ua.includes('Chrome')) {\n    const version = ua.match(/Version\\/(\\d+)/)?.[1];\n    browser = `Safari ${version}`;\n  } else if (ua.includes('Edg/')) {\n    const version = ua.match(/Edg\\/(\\d+)/)?.[1];\n    browser = `Edge ${version}`;\n  }\n\n  return browser;\n}\n\n/**\n * Simple rate limiter using localStorage\n */\nexport class RateLimiter {\n  private key: string;\n  private maxAttempts: number;\n  private windowMs: number;\n\n  constructor(key: string, maxAttempts: number = 3, windowMs: number = 5 * 60 * 1000) {\n    this.key = `triagly_ratelimit_${key}`;\n    this.maxAttempts = maxAttempts;\n    this.windowMs = windowMs;\n  }\n\n  canProceed(): boolean {\n    const now = Date.now();\n    const data = this.getData();\n\n    // Filter out old attempts\n    const recentAttempts = data.attempts.filter(\n      (timestamp) => now - timestamp < this.windowMs\n    );\n\n    if (recentAttempts.length >= this.maxAttempts) {\n      return false;\n    }\n\n    return true;\n  }\n\n  recordAttempt(): void {\n    const now = Date.now();\n    const data = this.getData();\n\n    // Add new attempt\n    data.attempts.push(now);\n\n    // Keep only recent attempts\n    data.attempts = data.attempts.filter(\n      (timestamp) => now - timestamp < this.windowMs\n    );\n\n    this.setData(data);\n  }\n\n  getTimeUntilReset(): number {\n    const now = Date.now();\n    const data = this.getData();\n\n    if (data.attempts.length === 0) {\n      return 0;\n    }\n\n    const oldestAttempt = Math.min(...data.attempts);\n    const resetTime = oldestAttempt + this.windowMs;\n\n    return Math.max(0, resetTime - now);\n  }\n\n  private getData(): { attempts: number[] } {\n    try {\n      const stored = localStorage.getItem(this.key);\n      return stored ? JSON.parse(stored) : { attempts: [] };\n    } catch {\n      return { attempts: [] };\n    }\n  }\n\n  private setData(data: { attempts: number[] }): void {\n    try {\n      localStorage.setItem(this.key, JSON.stringify(data));\n    } catch (error) {\n      console.error('Failed to store rate limit data:', error instanceof Error ? error.message : 'Unknown error');\n    }\n  }\n}\n\n/**\n * Generate unique ID\n */\nexport function generateId(): string {\n  return `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;\n}\n\n/**\n * Console log capture for debugging\n */\nexport interface ConsoleLog {\n  level: 'error' | 'warn' | 'log';\n  message: string;\n  timestamp: string;\n  stack?: string;\n}\n\nexport class ConsoleLogger {\n  private buffer: ConsoleLog[] = [];\n  private maxLogs: number;\n  private levels: Set<'error' | 'warn' | 'log'>;\n  private originalConsole: {\n    error: typeof console.error;\n    warn: typeof console.warn;\n    log: typeof console.log;\n  };\n  private isActive: boolean = false;\n\n  constructor(maxLogs: number = 50, levels: ('error' | 'warn' | 'log')[] = ['error', 'warn']) {\n    this.maxLogs = maxLogs;\n    this.levels = new Set(levels);\n    \n    // Store original console methods\n    this.originalConsole = {\n      error: console.error,\n      warn: console.warn,\n      log: console.log,\n    };\n  }\n\n  /**\n   * Start capturing console logs\n   */\n  start(): void {\n    if (this.isActive) return;\n    this.isActive = true;\n\n    // Intercept console.error\n    if (this.levels.has('error')) {\n      console.error = (...args: any[]) => {\n        this.captureLog('error', args);\n        this.originalConsole.error.apply(console, args);\n      };\n    }\n\n    // Intercept console.warn\n    if (this.levels.has('warn')) {\n      console.warn = (...args: any[]) => {\n        this.captureLog('warn', args);\n        this.originalConsole.warn.apply(console, args);\n      };\n    }\n\n    // Intercept console.log\n    if (this.levels.has('log')) {\n      console.log = (...args: any[]) => {\n        this.captureLog('log', args);\n        this.originalConsole.log.apply(console, args);\n      };\n    }\n  }\n\n  /**\n   * Stop capturing and restore original console methods\n   */\n  stop(): void {\n    if (!this.isActive) return;\n    this.isActive = false;\n\n    console.error = this.originalConsole.error;\n    console.warn = this.originalConsole.warn;\n    console.log = this.originalConsole.log;\n  }\n\n  /**\n   * Capture a log entry\n   */\n  private captureLog(level: 'error' | 'warn' | 'log', args: any[]): void {\n    try {\n      // Convert arguments to string\n      const message = args.map(arg => {\n        if (typeof arg === 'string') return arg;\n        if (arg instanceof Error) return arg.message;\n        try {\n          return JSON.stringify(arg);\n        } catch {\n          return String(arg);\n        }\n      }).join(' ');\n\n      // Get stack trace for errors\n      let stack: string | undefined;\n      if (level === 'error') {\n        const error = args.find(arg => arg instanceof Error);\n        if (error) {\n          stack = error.stack;\n        } else {\n          // Create stack trace\n          stack = new Error().stack?.split('\\n').slice(2).join('\\n');\n        }\n      }\n\n      // Sanitize sensitive data\n      const sanitized = this.sanitize(message);\n      const sanitizedStack = stack ? this.sanitize(stack) : undefined;\n\n      // Add to buffer\n      const logEntry: ConsoleLog = {\n        level,\n        message: sanitized,\n        timestamp: new Date().toISOString(),\n        stack: sanitizedStack,\n      };\n\n      this.buffer.push(logEntry);\n\n      // Keep buffer size limited (circular buffer)\n      if (this.buffer.length > this.maxLogs) {\n        this.buffer.shift();\n      }\n    } catch (error) {\n      // Don't let logging break the app\n      this.originalConsole.error('Failed to capture log:', error instanceof Error ? error.message : 'Unknown error');\n    }\n  }\n\n  /**\n   * Sanitize sensitive data from logs\n   */\n  private sanitize(text: string): string {\n    return text\n      // API keys, tokens, secrets\n      .replace(/[a-zA-Z0-9_-]*token[a-zA-Z0-9_-]*\\s*[:=]\\s*[\"']?[\\w-]{20,}[\"']?/gi, 'token=***')\n      .replace(/[a-zA-Z0-9_-]*key[a-zA-Z0-9_-]*\\s*[:=]\\s*[\"']?[\\w-]{20,}[\"']?/gi, 'key=***')\n      .replace(/[a-zA-Z0-9_-]*secret[a-zA-Z0-9_-]*\\s*[:=]\\s*[\"']?[\\w-]{20,}[\"']?/gi, 'secret=***')\n      // GitHub tokens (ghp_, gho_, etc.)\n      .replace(/gh[ps]_[a-zA-Z0-9]{36,}/g, 'gh*_***')\n      // JWT tokens\n      .replace(/eyJ[a-zA-Z0-9_-]+\\.[a-zA-Z0-9_-]+\\.[a-zA-Z0-9_-]+/g, 'jwt.***')\n      // Passwords\n      .replace(/password\\s*[:=]\\s*[\"']?[^\"'\\s]+[\"']?/gi, 'password=***')\n      // Email addresses\n      .replace(/\\b[\\w._%+-]+@[\\w.-]+\\.[a-zA-Z]{2,}\\b/g, '***@***.com')\n      // Credit cards (basic pattern)\n      .replace(/\\b\\d{4}[-\\s]?\\d{4}[-\\s]?\\d{4}[-\\s]?\\d{4}\\b/g, '****-****-****-****')\n      // URLs with tokens in query params\n      .replace(/([?&])(token|key|secret|auth)=[^&\\s]+/gi, '$1$2=***');\n  }\n\n  /**\n   * Get all captured logs\n   */\n  getLogs(): ConsoleLog[] {\n    return [...this.buffer];\n  }\n\n  /**\n   * Clear all captured logs\n   */\n  clear(): void {\n    this.buffer = [];\n  }\n\n  /**\n   * Get logs count\n   */\n  getCount(): number {\n    return this.buffer.length;\n  }\n}\n","// Triagly SDK Main Entry Point\n\nimport {\n  TriaglyConfig,\n  FeedbackData,\n} from './types';\nimport { FeedbackWidget } from './ui';\nimport { TriaglyAPI } from './api';\nimport { collectMetadata, RateLimiter, ConsoleLogger } from './utils';\n\nexport class Triagly {\n  private config: TriaglyConfig;\n  private widget: FeedbackWidget;\n  private api: TriaglyAPI;\n  private rateLimiter: RateLimiter;\n  private consoleLogger: ConsoleLogger | null = null;\n\n  constructor(config: TriaglyConfig) {\n    // Handle backward compatibility - support multiple key names\n    let apiKey = config.apiKey || config.publishableKey;\n\n    if (!apiKey && config.projectId) {\n      console.warn(\n        'Triagly: projectId is deprecated. Please use apiKey instead. ' +\n        'See migration guide: https://docs.triagly.com/sdk/migration'\n      );\n      apiKey = config.projectId;\n    }\n\n    if (!apiKey) {\n      throw new Error('Triagly: apiKey is required. Get yours at https://triagly.com/dashboard');\n    }\n\n    this.config = {\n      theme: 'auto',\n      position: 'bottom-right',\n      buttonShape: 'rounded',\n      buttonText: 'Feedback',\n      placeholderText: 'Describe what happened...',\n      successMessage: 'Feedback sent successfully!',\n      errorMessage: 'Failed to send feedback. Please try again.',\n      captureConsole: true,\n      consoleLogLimit: 50,\n      consoleLogLevels: ['error', 'warn'],\n      ...config,\n      apiKey,\n      publishableKey: apiKey, // Keep for backward compatibility\n    };\n\n    this.api = new TriaglyAPI(\n      apiKey,\n      this.config.environment || 'production',\n      this.config.apiUrl,\n      this.config.getToken,\n      this.config.turnstileSiteKey\n    );\n\n    // Always pass Turnstile site key to widget (from API which has default)\n    this.config.turnstileSiteKey = this.api.getTurnstileSiteKey();\n    this.widget = new FeedbackWidget(this.config);\n    this.rateLimiter = new RateLimiter(apiKey, 3, 5 * 60 * 1000);\n\n    // Initialize console logger if enabled\n    if (this.config.captureConsole !== false) {\n      this.consoleLogger = new ConsoleLogger(\n        this.config.consoleLogLimit,\n        this.config.consoleLogLevels\n      );\n      this.consoleLogger.start();\n    }\n\n    this.init();\n  }\n\n  /**\n   * Initialize the SDK\n   */\n  private init(): void {\n    // Wait for DOM to be ready before initializing widget\n    if (document.readyState === 'loading') {\n      document.addEventListener('DOMContentLoaded', () => {\n        this.widget.init();\n      });\n    } else {\n      // DOM is already ready\n      this.widget.init();\n    }\n\n    // Listen for form submissions\n    document.addEventListener('triagly:submit', (e: Event) => {\n      const customEvent = e as CustomEvent;\n      this.handleSubmit(customEvent.detail);\n    });\n  }\n\n  /**\n   * Handle feedback submission\n   */\n  private async handleSubmit(data: any): Promise<void> {\n    try {\n      // Check rate limit\n      if (!this.rateLimiter.canProceed()) {\n        const resetTime = Math.ceil(this.rateLimiter.getTimeUntilReset() / 1000 / 60);\n        throw new Error(`Rate limit exceeded. Please try again in ${resetTime} minute(s).`);\n      }\n\n      // Collect metadata\n      const metadata = collectMetadata(this.config.metadata);\n\n      // Prepare feedback data\n      const feedbackData: FeedbackData = {\n        title: data.title,\n        description: data.description,\n        reporterEmail: data.reporterEmail,\n        consoleLogs: this.consoleLogger?.getLogs(),\n        screenshot: data.screenshot,\n      };\n\n      // Submit to API with Turnstile token if provided\n      const response = await this.api.submitFeedback(\n        feedbackData,\n        metadata,\n        data.turnstileToken\n      );\n\n      // Record rate limit attempt\n      this.rateLimiter.recordAttempt();\n\n      // Dispatch success event for UI layer\n      document.dispatchEvent(new CustomEvent('triagly:success', {\n        detail: { feedbackId: response.id }\n      }));\n\n      // Call success callback\n      if (this.config.onSuccess) {\n        this.config.onSuccess(response.id);\n      }\n    } catch (error) {\n      console.error('Failed to submit feedback:', error instanceof Error ? error.message : 'Unknown error');\n\n      // Dispatch error event for UI layer\n      document.dispatchEvent(new CustomEvent('triagly:error', {\n        detail: error\n      }));\n\n      // Call error callback\n      if (this.config.onError && error instanceof Error) {\n        this.config.onError(error);\n      }\n\n      throw error;\n    }\n  }\n\n  /**\n   * Programmatically open the feedback widget\n   */\n  open(): void {\n    this.widget.open();\n  }\n\n  /**\n   * Programmatically close the feedback widget\n   */\n  close(): void {\n    this.widget.close();\n  }\n\n  /**\n   * Submit feedback programmatically without UI\n   * Note: When Turnstile is enabled, you must use the widget UI or provide a token\n   */\n  async submit(data: FeedbackData, turnstileToken?: string): Promise<void> {\n    // Require Turnstile token if configured\n    if (this.config.turnstileSiteKey && !turnstileToken) {\n      throw new Error(\n        'Turnstile verification required. When Turnstile is enabled, you must:\\n' +\n        '1. Use the widget UI (triagly.open()), or\\n' +\n        '2. Implement Turnstile in your form and pass the token: triagly.submit(data, token)'\n      );\n    }\n\n    const metadata = collectMetadata(this.config.metadata);\n\n    // Include console logs if available and not already provided\n    if (!data.consoleLogs && this.consoleLogger) {\n      data.consoleLogs = this.consoleLogger.getLogs();\n    }\n\n    await this.api.submitFeedback(data, metadata, turnstileToken);\n    this.rateLimiter.recordAttempt();\n  }\n\n  /**\n   * Destroy the SDK instance\n   */\n  destroy(): void {\n    this.widget.destroy();\n    this.consoleLogger?.stop();\n    document.removeEventListener('triagly:submit', () => {});\n  }\n}\n\n// Export types\nexport * from './types';\n\n// Auto-initialize if config is in window\nif (typeof window !== 'undefined') {\n  const globalConfig = (window as any).TriaglyConfig;\n  if (globalConfig) {\n    (window as any).triagly = new Triagly(globalConfig);\n  }\n\n  // Make Triagly class directly accessible as window.Triagly for UMD builds\n  // This allows users to use: new Triagly({...}) instead of new Triagly.default({...})\n  (window as any).Triagly = Triagly;\n}\n\n// Default export\nexport default Triagly;\n"],"names":["HTML2CANVAS_CDN_URLS","ScreenshotCapture","constructor","config","this","html2canvasLoaded","loadPromise","quality","maxWidth","options","html2canvasOptions","customCdnUrl","html2canvasCdnUrl","loadHtml2Canvas","window","html2canvas","cdnUrls","tryLoadFromCdns","urls","url","loadScriptFromUrl","console","error","Promise","resolve","script","document","createElement","src","async","cleanup","onload","onerror","remove","head","appendChild","capture","Error","widgetElements","querySelectorAll","originalVisibility","Map","forEach","el","htmlEl","set","style","visibility","canvas","body","useCORS","allowTaint","logging","backgroundColor","scale","Math","min","devicePixelRatio","resizeCanvas","toDataURL","get","width","ratio","resized","height","round","ctx","getContext","imageSmoothingEnabled","imageSmoothingQuality","drawImage","getDataUrlSize","dataUrl","base64","split","length","AnnotationEditor","imageData","onComplete","onCancel","overlay","image","annotations","currentTool","currentColor","strokeWidth","isDrawing","currentAnnotation","offsetX","offsetY","pendingTextPoint","handleKeyDown","e","key","close","open","loadImage","createOverlay","setupCanvas","render","reject","img","Image","className","innerHTML","injectStyles","setupEventListeners","querySelector","container","containerRect","getBoundingClientRect","maxHeight","imageAspect","canvasWidth","canvasHeight","toolBtns","btn","addEventListener","tool","currentTarget","dataset","b","classList","add","colorPicker","target","value","clearBtn","cancelBtn","doneBtn","handleMouseDown","handleMouseMove","handleMouseUp","preventDefault","touch","touches","textConfirmBtn","textCancelBtn","textInput","confirmTextAnnotation","hideTextModal","getCanvasPoint","x","y","rect","clientX","left","clientY","top","point","showTextModal","type","color","points","modal","input","display","focus","text","trim","push","clearRect","annotation","drawAnnotation","strokeStyle","fillStyle","lineWidth","lineCap","lineJoin","drawHighlight","drawArrow","drawFreehand","drawText","start","end","globalAlpha","fillRect","strokeRect","angle","atan2","beginPath","moveTo","lineTo","stroke","cos","PI","sin","i","font","textBaseline","metrics","measureText","padding","fillText","cancelled","removeEventListener","annotatedImage","renderFinalImage","scaleFactor","scaledPoints","map","p","scaledAnnotation","drawHighlightOnCtx","drawArrowOnCtx","drawFreehandOnCtx","drawTextOnCtx","headLength","fontSize","styleId","getElementById","id","textContent","FeedbackWidget","isOpen","previouslyFocusedElement","focusableElements","screenshotDataUrl","screenshotCapture","init","createButton","turnstileSiteKey","loadTurnstileScript","enableScreenshot","screenshotQuality","screenshotMaxWidth","turnstile","defer","button","shape","buttonShape","orientation","largeIcon","fullText","buttonText","setAttribute","onclick","toggle","position","includes","right","bottom","activeElement","createContainer","onOpen","setTimeout","setupKeyboardEvents","setupFocusTrap","descInput","reason","tabHandler","_tabHandler","onDismiss","onOverlayClick","onClose","header","closeBtn","form","placeholderText","screenshotButtonText","enableAnnotation","onsubmit","handleSubmit","setupScreenshotHandlers","footer","renderTurnstileWidget","turnstileContainer","widgetId","sitekey","theme","callback","token","removeAttribute","message","warn","captureBtn","annotateBtn","removeBtn","preview","controls","previewImg","originalText","disabled","onScreenshotCapture","onScreenshotError","String","nameInput","emailInput","statusDiv","submitBtn","turnstileToken","getAttribute","undefined","data","description","reporterName","reporterEmail","screenshot","submissionPromise","handleSuccess","handleError","detail","once","event","CustomEvent","bubbles","dispatchEvent","successMessage","errorMessage","_keydownHandler","Array","from","handleTab","keyEvent","contains","firstFocusable","lastFocusable","shiftKey","destroy","keydownHandler","API_URLS","production","staging","TriaglyAPI","publishableKey","environment","apiUrl","getToken","replace","DEFAULT_TURNSTILE_SITE_KEY","getTurnstileSiteKey","getTurnstileToken","turnstileWidget","widgets","getResponse","submitFeedback","metadata","hardenedToken","payload","title","consoleLogs","tags","response","fetch","method","headers","JSON","stringify","ok","json","catch","status","retryAfter","collectMetadata","customMetadata","viewport","innerWidth","innerHeight","browser","ua","navigator","userAgent","version","match","detectBrowser","location","href","timestamp","Date","toISOString","RateLimiter","maxAttempts","windowMs","canProceed","now","getData","attempts","filter","recordAttempt","setData","getTimeUntilReset","resetTime","max","stored","localStorage","getItem","parse","setItem","ConsoleLogger","maxLogs","levels","buffer","isActive","Set","originalConsole","log","has","args","captureLog","apply","stop","level","arg","join","stack","find","slice","sanitized","sanitize","sanitizedStack","logEntry","shift","getLogs","clear","getCount","Triagly","consoleLogger","apiKey","projectId","captureConsole","consoleLogLimit","consoleLogLevels","api","widget","rateLimiter","readyState","customEvent","ceil","feedbackData","feedbackId","onSuccess","onError","submit","globalConfig","TriaglyConfig","triagly"],"mappings":"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"}

package/dist/screenshot.d.ts

@@ -0,0 +1,42 @@
+import { ScreenshotConfig } from './types';
+declare global {
+    interface Window {
+        html2canvas?: (element: HTMLElement, options?: Record<string, unknown>) => Promise<HTMLCanvasElement>;
+    }
+}
+export declare class ScreenshotCapture {
+    private quality;
+    private maxWidth;
+    private options;
+    private html2canvasLoaded;
+    private loadPromise;
+    private customCdnUrl;
+    constructor(config?: ScreenshotConfig);
+    /**
+     * Dynamically load html2canvas from CDN with fallbacks
+     * Returns true if loaded successfully, false otherwise
+     */
+    loadHtml2Canvas(): Promise<boolean>;
+    /**
+     * Try loading html2canvas from multiple CDN URLs
+     */
+    private tryLoadFromCdns;
+    /**
+     * Load a script from a specific URL
+     */
+    private loadScriptFromUrl;
+    /**
+     * Capture screenshot of the current page
+     * Returns base64 data URL of the screenshot
+     */
+    capture(): Promise<string>;
+    /**
+     * Resize canvas if it exceeds maxWidth
+     */
+    private resizeCanvas;
+    /**
+     * Get approximate file size of a data URL in bytes
+     */
+    static getDataUrlSize(dataUrl: string): number;
+}
+//# sourceMappingURL=screenshot.d.ts.map

package/dist/screenshot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"screenshot.d.ts","sourceRoot":"","sources":["../src/screenshot.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAS3C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,iBAAiB,CAAC,CAAC;KACvG;CACF;AAED,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,OAAO,CAA0B;IACzC,OAAO,CAAC,iBAAiB,CAAkB;IAC3C,OAAO,CAAC,WAAW,CAAiC;IACpD,OAAO,CAAC,YAAY,CAAqB;gBAE7B,MAAM,GAAE,gBAAqB;IAOzC;;;OAGG;IACG,eAAe,IAAI,OAAO,CAAC,OAAO,CAAC;IA4BzC;;OAEG;YACW,eAAe;IAa7B;;OAEG;IACH,OAAO,CAAC,iBAAiB;IA2BzB;;;OAGG;IACG,OAAO,IAAI,OAAO,CAAC,MAAM,CAAC;IA6ChC;;OAEG;IACH,OAAO,CAAC,YAAY;IAqBpB;;OAEG;IACH,MAAM,CAAC,cAAc,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM;CAM/C"}

package/dist/types.d.ts

@@ -26,6 +26,13 @@ export interface TriaglyConfig {
     captureConsole?: boolean;
     consoleLogLimit?: number;
     consoleLogLevels?: ('error' | 'warn' | 'log')[];
+    enableScreenshot?: boolean;
+    enableAnnotation?: boolean;
+    screenshotQuality?: number;
+    screenshotMaxWidth?: number;
+    screenshotButtonText?: string;
+    onScreenshotCapture?: (dataUrl: string) => void;
+    onScreenshotError?: (error: Error) => void;
     /** @deprecated Use apiKey instead */
     publishableKey?: string;
     /** @deprecated Use apiKey instead */
@@ -52,6 +59,7 @@ export interface FeedbackData {
     reporterEmail?: string;
     reporterName?: string;
     consoleLogs?: ConsoleLog[];
+    screenshot?: string;
 }
 export interface FeedbackResponse {
     id: string;
@@ -63,4 +71,11 @@ export interface SessionResponse {
     projectId: string;
     expiresAt: string;
 }
+export interface ScreenshotConfig {
+    quality?: number;
+    maxWidth?: number;
+    html2canvasOptions?: Record<string, unknown>;
+    /** Custom html2canvas CDN URL. If not provided, will try multiple CDNs with fallback. */
+    html2canvasCdnUrl?: string;
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAE5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAGhB,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,CAAC;IAGjC,WAAW,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IAGvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAIhB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAClC,QAAQ,CAAC,EAAE,cAAc,GAAG,aAAa,GAAG,WAAW,GAAG,UAAU,GACzD,mBAAmB,GAAG,kBAAkB,GAAG,gBAAgB,GAAG,eAAe,GAC7E,YAAY,GAAG,WAAW,GAAG,UAAU,GAAG,aAAa,CAAC;IACnE,WAAW,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,YAAY,CAAC;IACxE,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAC;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAG/B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,CAAC,OAAO,GAAG,MAAM,GAAG,KAAK,CAAC,EAAE,CAAC;IAGhD,qCAAqC;IACrC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,CAAC;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;CAC5B;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/dist/ui.d.ts

@@ -5,6 +5,8 @@ export declare class FeedbackWidget {
     private isOpen;
     private previouslyFocusedElement;
     private focusableElements;
+    private screenshotDataUrl;
+    private screenshotCapture;
     constructor(config: TriaglyConfig);
     /**
      * Initialize the widget
@@ -38,6 +40,10 @@ export declare class FeedbackWidget {
      * Render Cloudflare Turnstile widget
      */
     private renderTurnstileWidget;
+    /**
+     * Set up screenshot capture event handlers
+     */
+    private setupScreenshotHandlers;
     /**
      * Handle form submission
      */