turbowrap-issue-widget 1.0.21 → 1.0.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/api/types.d.ts +1 -1
- package/dist/capture/rectangle-selector.d.ts +21 -0
- package/dist/capture/screen-capture.d.ts +10 -0
- package/dist/issue-widget.es.js +2151 -1942
- package/dist/issue-widget.es.js.map +1 -1
- package/dist/issue-widget.min.js +156 -33
- package/dist/issue-widget.min.js.map +1 -1
- package/dist/issue-widget.umd.js +156 -33
- package/dist/issue-widget.umd.js.map +1 -1
- package/dist/ui/styles.d.ts +1 -1
- package/package.json +1 -1
package/dist/ui/styles.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const WIDGET_STYLES = "\n:host {\n --iw-accent: #6366f1;\n --iw-accent-hover: #5558e3;\n --iw-bg: #ffffff;\n --iw-bg-secondary: #f9fafb;\n --iw-text: #111827;\n --iw-text-secondary: #6b7280;\n --iw-border: #e5e7eb;\n --iw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n --iw-radius: 12px;\n --iw-font: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n}\n\n:host(.dark) {\n --iw-bg: #1f2937;\n --iw-bg-secondary: #374151;\n --iw-text: #f9fafb;\n --iw-text-secondary: #9ca3af;\n --iw-border: #4b5563;\n}\n\n* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\n.iw-trigger {\n position: fixed;\n z-index: 2147483647;\n padding: 14px;\n border-radius: 50px;\n background: linear-gradient(135deg, var(--iw-accent) 0%, #8b5cf6 100%);\n color: white;\n border: none;\n cursor: pointer;\n box-shadow: 0 4px 14px rgba(99, 102, 241, 0.4);\n font-family: var(--iw-font);\n font-size: 14px;\n font-weight: 500;\n display: flex;\n align-items: center;\n gap: 0;\n overflow: hidden;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.iw-trigger span {\n max-width: 0;\n opacity: 0;\n white-space: nowrap;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.iw-trigger:hover {\n padding: 14px 20px;\n gap: 8px;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(99, 102, 241, 0.5);\n}\n\n.iw-trigger:hover span {\n max-width: 150px;\n opacity: 1;\n}\n\n.iw-trigger.bottom-right {\n bottom: 24px;\n right: 24px;\n}\n\n.iw-trigger.bottom-left {\n bottom: 24px;\n left: 24px;\n}\n\n.iw-trigger.top-right {\n top: 24px;\n right: 24px;\n}\n\n.iw-trigger.top-left {\n top: 24px;\n left: 24px;\n}\n\n.iw-trigger svg {\n width: 18px;\n height: 18px;\n fill: currentColor;\n}\n\n.iw-modal-overlay {\n position: fixed;\n inset: 0;\n z-index: 2147483646;\n background: rgba(0, 0, 0, 0.5);\n backdrop-filter: blur(4px);\n opacity: 0;\n visibility: hidden;\n transition: all 0.3s ease;\n}\n\n.iw-modal-overlay.open {\n opacity: 1;\n visibility: visible;\n}\n\n.iw-modal {\n position: fixed;\n z-index: 2147483647;\n background: var(--iw-bg);\n border-radius: var(--iw-radius);\n box-shadow: var(--iw-shadow);\n width: 420px;\n max-width: calc(100vw - 32px);\n max-height: calc(100vh - 100px);\n display: flex;\n flex-direction: column;\n font-family: var(--iw-font);\n color: var(--iw-text);\n transform: translateY(20px) scale(0.95);\n opacity: 0;\n visibility: hidden;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.iw-modal.open {\n transform: translateY(0) scale(1);\n opacity: 1;\n visibility: visible;\n}\n\n.iw-modal.bottom-right {\n bottom: 100px;\n right: 24px;\n}\n\n.iw-modal.bottom-left {\n bottom: 100px;\n left: 24px;\n}\n\n.iw-modal.top-right {\n top: 100px;\n right: 24px;\n}\n\n.iw-modal.top-left {\n top: 100px;\n left: 24px;\n}\n\n.iw-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 16px 20px;\n border-bottom: 1px solid var(--iw-border);\n}\n\n.iw-header-title {\n display: flex;\n align-items: baseline;\n gap: 8px;\n}\n\n.iw-header h2 {\n font-size: 16px;\n font-weight: 600;\n}\n\n.iw-version {\n font-size: 10px;\n font-style: italic;\n color: var(--iw-text-secondary);\n opacity: 0.6;\n}\n\n.iw-close {\n background: none;\n border: none;\n cursor: pointer;\n color: var(--iw-text-secondary);\n font-size: 24px;\n line-height: 1;\n padding: 4px;\n border-radius: 6px;\n transition: all 0.2s;\n}\n\n.iw-close:hover {\n background: var(--iw-bg-secondary);\n color: var(--iw-text);\n}\n\n.iw-progress-bar {\n display: flex;\n padding: 8px 20px;\n gap: 6px;\n border-bottom: 1px solid var(--iw-border);\n}\n\n.iw-step {\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 3px;\n}\n\n.iw-step-dot {\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: var(--iw-bg-secondary);\n border: 1px solid var(--iw-border);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 11px;\n font-weight: 600;\n color: var(--iw-text-secondary);\n transition: all 0.3s;\n}\n\n.iw-step.active .iw-step-dot {\n background: var(--iw-accent);\n border-color: var(--iw-accent);\n color: white;\n}\n\n.iw-step.completed .iw-step-dot {\n background: #10b981;\n border-color: #10b981;\n color: white;\n}\n\n.iw-step.error .iw-step-dot {\n background: #ef4444;\n border-color: #ef4444;\n color: white;\n}\n\n.iw-step-label {\n font-size: 9px;\n color: var(--iw-text-secondary);\n text-transform: uppercase;\n letter-spacing: 0.3px;\n}\n\n.iw-content {\n flex: 1;\n overflow-y: auto;\n padding: 20px;\n}\n\n.iw-form-group {\n margin-bottom: 16px;\n}\n\n.iw-label {\n display: block;\n font-size: 13px;\n font-weight: 500;\n margin-bottom: 6px;\n color: var(--iw-text);\n}\n\n.iw-input,\n.iw-textarea {\n width: 100%;\n padding: 10px 12px;\n border: 1px solid var(--iw-border);\n border-radius: 8px;\n font-size: 14px;\n font-family: var(--iw-font);\n background: var(--iw-bg);\n color: var(--iw-text);\n transition: border-color 0.2s;\n}\n\n.iw-input:focus,\n.iw-textarea:focus {\n outline: none;\n border-color: var(--iw-accent);\n box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);\n}\n\n.iw-textarea {\n min-height: 100px;\n resize: vertical;\n}\n\n.iw-screenshot-area {\n border: 2px dashed var(--iw-border);\n border-radius: 8px;\n padding: 20px;\n text-align: center;\n cursor: pointer;\n transition: all 0.2s;\n}\n\n.iw-screenshot-area:hover {\n border-color: var(--iw-accent);\n background: rgba(99, 102, 241, 0.05);\n}\n\n.iw-screenshot-area.has-screenshot {\n border-style: solid;\n padding: 8px;\n}\n\n.iw-screenshot-preview {\n max-width: 100%;\n border-radius: 6px;\n}\n\n.iw-screenshot-icon {\n width: 48px;\n height: 48px;\n margin: 0 auto 12px;\n color: var(--iw-text-secondary);\n}\n\n.iw-screenshot-text {\n font-size: 14px;\n color: var(--iw-text-secondary);\n}\n\n.iw-screenshot-hint {\n font-size: 12px;\n color: var(--iw-text-secondary);\n margin-top: 4px;\n}\n\n/* Attachments Grid - 3 buttons layout */\n.iw-attachments-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 8px;\n margin-bottom: 12px;\n}\n\n.iw-attachment-btn {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 6px;\n padding: 16px 8px;\n border: 1px solid var(--iw-border);\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.2s;\n background: var(--iw-bg);\n}\n\n.iw-attachment-btn:hover {\n border-color: var(--iw-accent);\n background: rgba(99, 102, 241, 0.05);\n}\n\n.iw-attachment-btn.active {\n border-color: var(--iw-accent);\n background: rgba(99, 102, 241, 0.1);\n}\n\n.iw-attachment-btn svg {\n width: 24px;\n height: 24px;\n color: var(--iw-text-secondary);\n}\n\n.iw-attachment-btn:hover svg,\n.iw-attachment-btn.active svg {\n color: var(--iw-accent);\n}\n\n.iw-attachment-btn span {\n font-size: 11px;\n color: var(--iw-text-secondary);\n text-transform: uppercase;\n letter-spacing: 0.3px;\n}\n\n/* Preview Area */\n.iw-preview-area {\n min-height: 60px;\n}\n\n.iw-preview-image {\n position: relative;\n display: inline-block;\n}\n\n.iw-preview-image img {\n max-width: 100%;\n max-height: 150px;\n border-radius: 6px;\n border: 1px solid var(--iw-border);\n}\n\n.iw-preview-remove {\n position: absolute;\n top: -8px;\n right: -8px;\n width: 24px;\n height: 24px;\n border-radius: 50%;\n background: #ef4444;\n color: white;\n border: 2px solid var(--iw-bg);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n line-height: 1;\n}\n\n.iw-preview-remove:hover {\n background: #dc2626;\n}\n\n/* Element Info Box */\n.iw-element-info {\n padding: 12px;\n background: var(--iw-bg-secondary);\n border-radius: 8px;\n border: 1px solid var(--iw-border);\n}\n\n.iw-element-info-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 8px;\n}\n\n.iw-element-info-title {\n font-size: 12px;\n font-weight: 600;\n color: var(--iw-text);\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n.iw-element-info-title svg {\n width: 14px;\n height: 14px;\n color: var(--iw-accent);\n}\n\n.iw-element-info-remove {\n background: none;\n border: none;\n cursor: pointer;\n color: var(--iw-text-secondary);\n padding: 2px;\n}\n\n.iw-element-info-remove:hover {\n color: #ef4444;\n}\n\n.iw-element-info-row {\n display: flex;\n gap: 4px;\n margin-bottom: 4px;\n font-size: 12px;\n}\n\n.iw-element-info-label {\n color: var(--iw-text-secondary);\n min-width: 60px;\n}\n\n.iw-element-info-value {\n color: var(--iw-text);\n font-family: monospace;\n word-break: break-all;\n}\n\n.iw-element-info-value.empty {\n color: var(--iw-text-secondary);\n font-style: italic;\n}\n\n/* Hidden file input */\n.iw-file-input {\n display: none;\n}\n\n.iw-footer {\n display: flex;\n justify-content: space-between;\n gap: 12px;\n padding: 16px 20px;\n border-top: 1px solid var(--iw-border);\n}\n\n.iw-btn {\n padding: 10px 20px;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 500;\n font-family: var(--iw-font);\n cursor: pointer;\n transition: all 0.2s;\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n.iw-btn-primary {\n background: var(--iw-accent);\n color: white;\n border: none;\n}\n\n.iw-btn-primary:hover:not(:disabled) {\n background: var(--iw-accent-hover);\n}\n\n.iw-btn-primary:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.iw-btn-secondary {\n background: var(--iw-bg);\n color: var(--iw-text);\n border: 1px solid var(--iw-border);\n}\n\n.iw-btn-secondary:hover {\n background: var(--iw-bg-secondary);\n}\n\n.iw-question {\n margin-bottom: 20px;\n padding: 16px;\n background: var(--iw-bg-secondary);\n border-radius: 8px;\n}\n\n.iw-question-text {\n font-size: 14px;\n font-weight: 500;\n margin-bottom: 4px;\n}\n\n.iw-question-why {\n font-size: 12px;\n color: var(--iw-text-secondary);\n margin-bottom: 12px;\n font-style: italic;\n}\n\n.iw-question .iw-textarea {\n min-height: 60px;\n}\n\n.iw-progress-message {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 16px;\n background: var(--iw-bg-secondary);\n border-radius: 8px;\n margin-bottom: 12px;\n}\n\n.iw-spinner {\n width: 20px;\n height: 20px;\n border: 2px solid var(--iw-border);\n border-top-color: var(--iw-accent);\n border-radius: 50%;\n animation: iw-spin 0.8s linear infinite;\n}\n\n@keyframes iw-spin {\n to { transform: rotate(360deg); }\n}\n\n.iw-success {\n text-align: center;\n padding: 20px;\n}\n\n.iw-success-icon {\n width: 64px;\n height: 64px;\n margin: 0 auto 16px;\n background: #10b981;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n}\n\n.iw-success h3 {\n font-size: 18px;\n margin-bottom: 8px;\n}\n\n.iw-success p {\n color: var(--iw-text-secondary);\n margin-bottom: 16px;\n}\n\n.iw-success a {\n color: var(--iw-accent);\n text-decoration: none;\n font-weight: 500;\n}\n\n.iw-success a:hover {\n text-decoration: underline;\n}\n\n.iw-success-links {\n display: flex;\n gap: 10px;\n justify-content: center;\n flex-wrap: wrap;\n margin-top: 4px;\n}\n\n.iw-link-btn {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 14px;\n border-radius: 6px;\n font-size: 13px;\n font-weight: 500;\n text-decoration: none !important;\n transition: all 0.2s;\n}\n\n.iw-link-turbowrap {\n background: rgba(99, 102, 241, 0.1);\n color: var(--iw-accent);\n border: 1px solid rgba(99, 102, 241, 0.3);\n}\n\n.iw-link-turbowrap:hover {\n background: rgba(99, 102, 241, 0.2);\n}\n\n.iw-link-linear {\n background: rgba(94, 106, 210, 0.1);\n color: #5e6ad2;\n border: 1px solid rgba(94, 106, 210, 0.3);\n}\n\n.iw-link-linear:hover {\n background: rgba(94, 106, 210, 0.2);\n}\n\n.iw-local-id {\n color: var(--iw-text-secondary);\n font-weight: 500;\n}\n\n.iw-warning {\n margin-top: 12px;\n padding: 10px 12px;\n background: rgba(245, 158, 11, 0.1);\n border: 1px solid rgba(245, 158, 11, 0.3);\n border-radius: 6px;\n color: #f59e0b;\n font-size: 12px;\n text-align: left;\n}\n\n.iw-warning-small {\n margin-top: 6px;\n font-size: 11px;\n color: #f59e0b;\n}\n\n/* Final Error State */\n.iw-error-final {\n text-align: center;\n padding: 24px 16px;\n}\n\n.iw-error-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 16px;\n background: linear-gradient(135deg, #ef4444, #dc2626);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n}\n\n.iw-error-icon svg {\n width: 28px;\n height: 28px;\n}\n\n.iw-error-final h3 {\n font-size: 18px;\n font-weight: 600;\n margin-bottom: 8px;\n color: var(--iw-text);\n}\n\n.iw-error-message {\n color: #ef4444;\n font-size: 13px;\n line-height: 1.5;\n margin-bottom: 20px;\n padding: 12px;\n background: rgba(239, 68, 68, 0.1);\n border-radius: 8px;\n text-align: left;\n word-break: break-word;\n}\n\n.iw-error-actions {\n display: flex;\n gap: 12px;\n justify-content: center;\n}\n\n.iw-error-actions .iw-btn {\n min-width: 100px;\n}\n\n/* Issue Type Selector */\n.iw-type-selector {\n display: flex;\n gap: 8px;\n}\n\n.iw-type-btn {\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 3px;\n padding: 8px 6px;\n border: 1px solid var(--iw-border);\n border-radius: 8px;\n background: var(--iw-bg);\n cursor: pointer;\n transition: all 0.2s;\n font-family: var(--iw-font);\n font-size: 11px;\n color: var(--iw-text);\n}\n\n.iw-type-btn:hover {\n border-color: var(--iw-accent);\n background: rgba(99, 102, 241, 0.05);\n}\n\n.iw-type-btn.active {\n border-color: var(--iw-accent);\n background: rgba(99, 102, 241, 0.1);\n color: var(--iw-accent);\n}\n\n.iw-type-icon {\n font-size: 16px;\n}\n\n@media (max-width: 480px) {\n .iw-modal {\n width: 100%;\n max-width: none;\n height: 100%;\n max-height: none;\n border-radius: 0;\n inset: 0;\n }\n\n .iw-modal.bottom-right,\n .iw-modal.bottom-left,\n .iw-modal.top-right,\n .iw-modal.top-left {\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n }\n}\n\n/* ==================== */\n/* Chat Mode Styles */\n/* ==================== */\n\n/* Mode Selector */\n.iw-mode-selector {\n display: flex;\n gap: 8px;\n margin-bottom: 16px;\n padding: 4px;\n background: var(--iw-bg-secondary);\n border-radius: 10px;\n}\n\n.iw-mode-btn {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n padding: 10px 12px;\n border: none;\n border-radius: 8px;\n background: transparent;\n cursor: pointer;\n transition: all 0.2s;\n font-family: var(--iw-font);\n font-size: 13px;\n font-weight: 500;\n color: var(--iw-text-secondary);\n}\n\n.iw-mode-btn:hover {\n color: var(--iw-text);\n background: rgba(99, 102, 241, 0.05);\n}\n\n.iw-mode-btn.active {\n background: var(--iw-bg);\n color: var(--iw-accent);\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n}\n\n.iw-mode-btn svg {\n width: 16px;\n height: 16px;\n}\n\n/* Chat Container */\n.iw-chat-container {\n display: flex;\n flex-direction: column;\n height: 100%;\n min-height: 350px;\n}\n\n/* Chat Messages */\n.iw-chat-messages {\n flex: 1;\n overflow-y: auto;\n padding: 12px 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n\n.iw-chat-message {\n display: flex;\n gap: 8px;\n max-width: 85%;\n animation: iw-message-in 0.2s ease-out;\n}\n\n@keyframes iw-message-in {\n from {\n opacity: 0;\n transform: translateY(8px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.iw-chat-message.iw-chat-user {\n align-self: flex-end;\n flex-direction: row-reverse;\n}\n\n.iw-chat-message.iw-chat-assistant {\n align-self: flex-start;\n}\n\n.iw-chat-message.iw-chat-system {\n align-self: center;\n max-width: 90%;\n}\n\n.iw-chat-avatar {\n width: 28px;\n height: 28px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 11px;\n font-weight: 600;\n flex-shrink: 0;\n}\n\n.iw-chat-user .iw-chat-avatar {\n background: var(--iw-accent);\n color: white;\n}\n\n.iw-chat-assistant .iw-chat-avatar {\n background: var(--iw-bg-secondary);\n color: var(--iw-text-secondary);\n}\n\n.iw-chat-content {\n padding: 10px 14px;\n border-radius: 16px;\n font-size: 14px;\n line-height: 1.5;\n word-break: break-word;\n}\n\n.iw-chat-user .iw-chat-content {\n background: var(--iw-accent);\n color: white;\n border-bottom-right-radius: 4px;\n}\n\n.iw-chat-assistant .iw-chat-content {\n background: var(--iw-bg-secondary);\n color: var(--iw-text);\n border-bottom-left-radius: 4px;\n}\n\n.iw-chat-system .iw-chat-content {\n background: rgba(99, 102, 241, 0.1);\n color: var(--iw-accent);\n font-size: 13px;\n padding: 8px 16px;\n border-radius: 20px;\n}\n\n/* Streaming indicator */\n.iw-chat-streaming .iw-chat-content::after {\n content: '';\n display: inline-block;\n width: 4px;\n height: 14px;\n background: currentColor;\n margin-left: 2px;\n animation: iw-blink 0.8s infinite;\n vertical-align: text-bottom;\n}\n\n@keyframes iw-blink {\n 0%, 50% { opacity: 1; }\n 51%, 100% { opacity: 0; }\n}\n\n/* Chat Input Area */\n.iw-chat-input-area {\n display: flex;\n gap: 8px;\n padding-top: 12px;\n border-top: 1px solid var(--iw-border);\n margin-top: auto;\n}\n\n.iw-chat-input {\n flex: 1;\n padding: 12px 14px;\n border: 1px solid var(--iw-border);\n border-radius: 12px;\n background: var(--iw-bg);\n color: var(--iw-text);\n font-family: var(--iw-font);\n font-size: 14px;\n resize: none;\n min-height: 44px;\n max-height: 120px;\n outline: none;\n transition: border-color 0.2s;\n}\n\n.iw-chat-input:focus {\n border-color: var(--iw-accent);\n}\n\n.iw-chat-input::placeholder {\n color: var(--iw-text-secondary);\n}\n\n.iw-chat-send {\n width: 44px;\n height: 44px;\n border: none;\n border-radius: 12px;\n background: var(--iw-accent);\n color: white;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.2s;\n flex-shrink: 0;\n}\n\n.iw-chat-send:hover:not(:disabled) {\n background: var(--iw-accent-hover);\n transform: scale(1.05);\n}\n\n.iw-chat-send:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.iw-chat-send svg {\n width: 18px;\n height: 18px;\n}\n\n/* Chat Welcome */\n.iw-chat-welcome {\n text-align: center;\n padding: 24px 16px;\n color: var(--iw-text-secondary);\n}\n\n.iw-chat-welcome h3 {\n font-size: 16px;\n font-weight: 600;\n color: var(--iw-text);\n margin-bottom: 8px;\n}\n\n.iw-chat-welcome p {\n font-size: 14px;\n line-height: 1.5;\n}\n\n/* Chat Issue Created Success */\n.iw-chat-issue-created {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n padding: 16px;\n background: rgba(34, 197, 94, 0.1);\n border-radius: 12px;\n margin: 8px 0;\n}\n\n.iw-chat-issue-created .iw-check-icon {\n width: 32px;\n height: 32px;\n color: #22c55e;\n}\n\n.iw-chat-issue-created a {\n color: var(--iw-accent);\n text-decoration: none;\n font-weight: 500;\n}\n\n.iw-chat-issue-created a:hover {\n text-decoration: underline;\n}\n\n/* Mobile adjustments for chat */\n@media (max-width: 480px) {\n .iw-chat-messages {\n padding: 8px 0;\n }\n\n .iw-chat-message {\n max-width: 90%;\n }\n\n .iw-chat-input-area {\n padding: 8px 0;\n }\n\n .iw-chat-send {\n width: 48px;\n height: 48px;\n }\n}\n\n.iw-version {\n position: absolute;\n bottom: 4px;\n right: 8px;\n font-size: 9px;\n font-style: italic;\n color: var(--iw-text-secondary);\n opacity: 0.5;\n font-family: var(--iw-font);\n pointer-events: none;\n user-select: none;\n}\n";
|
|
1
|
+
export declare const WIDGET_STYLES = "\n:host {\n --iw-accent: #6366f1;\n --iw-accent-hover: #5558e3;\n --iw-bg: #ffffff;\n --iw-bg-secondary: #f9fafb;\n --iw-text: #111827;\n --iw-text-secondary: #6b7280;\n --iw-border: #e5e7eb;\n --iw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n --iw-radius: 12px;\n --iw-font: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n}\n\n:host(.dark) {\n --iw-bg: #1f2937;\n --iw-bg-secondary: #374151;\n --iw-text: #f9fafb;\n --iw-text-secondary: #9ca3af;\n --iw-border: #4b5563;\n}\n\n* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\n.iw-trigger {\n position: fixed;\n z-index: 2147483647;\n padding: 14px;\n border-radius: 50px;\n background: linear-gradient(135deg, var(--iw-accent) 0%, #8b5cf6 100%);\n color: white;\n border: none;\n cursor: pointer;\n box-shadow: 0 4px 14px rgba(99, 102, 241, 0.4);\n font-family: var(--iw-font);\n font-size: 14px;\n font-weight: 500;\n display: flex;\n align-items: center;\n gap: 0;\n overflow: hidden;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.iw-trigger span {\n max-width: 0;\n opacity: 0;\n white-space: nowrap;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.iw-trigger:hover {\n padding: 14px 20px;\n gap: 8px;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(99, 102, 241, 0.5);\n}\n\n.iw-trigger:hover span {\n max-width: 150px;\n opacity: 1;\n}\n\n.iw-trigger.bottom-right {\n bottom: 24px;\n right: 24px;\n}\n\n.iw-trigger.bottom-left {\n bottom: 24px;\n left: 24px;\n}\n\n.iw-trigger.top-right {\n top: 24px;\n right: 24px;\n}\n\n.iw-trigger.top-left {\n top: 24px;\n left: 24px;\n}\n\n.iw-trigger svg {\n width: 18px;\n height: 18px;\n fill: currentColor;\n}\n\n.iw-modal-overlay {\n position: fixed;\n inset: 0;\n z-index: 2147483646;\n background: rgba(0, 0, 0, 0.5);\n backdrop-filter: blur(4px);\n opacity: 0;\n visibility: hidden;\n transition: all 0.3s ease;\n}\n\n.iw-modal-overlay.open {\n opacity: 1;\n visibility: visible;\n}\n\n.iw-modal {\n position: fixed;\n z-index: 2147483647;\n background: var(--iw-bg);\n border-radius: var(--iw-radius);\n box-shadow: var(--iw-shadow);\n width: 420px;\n max-width: calc(100vw - 32px);\n max-height: calc(100vh - 100px);\n display: flex;\n flex-direction: column;\n font-family: var(--iw-font);\n color: var(--iw-text);\n transform: translateY(20px) scale(0.95);\n opacity: 0;\n visibility: hidden;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.iw-modal.open {\n transform: translateY(0) scale(1);\n opacity: 1;\n visibility: visible;\n}\n\n.iw-modal.bottom-right {\n bottom: 100px;\n right: 24px;\n}\n\n.iw-modal.bottom-left {\n bottom: 100px;\n left: 24px;\n}\n\n.iw-modal.top-right {\n top: 100px;\n right: 24px;\n}\n\n.iw-modal.top-left {\n top: 100px;\n left: 24px;\n}\n\n.iw-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 16px 20px;\n border-bottom: 1px solid var(--iw-border);\n}\n\n.iw-header-title {\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n\n.iw-header h2 {\n font-size: 16px;\n font-weight: 600;\n margin: 0;\n}\n\n.iw-version-badge {\n font-size: 11px;\n color: var(--iw-text-secondary);\n opacity: 0.8;\n}\n\n.iw-close {\n background: none;\n border: none;\n cursor: pointer;\n color: var(--iw-text-secondary);\n font-size: 24px;\n line-height: 1;\n padding: 4px;\n border-radius: 6px;\n transition: all 0.2s;\n}\n\n.iw-close:hover {\n background: var(--iw-bg-secondary);\n color: var(--iw-text);\n}\n\n.iw-progress-bar {\n display: flex;\n padding: 8px 20px;\n gap: 6px;\n border-bottom: 1px solid var(--iw-border);\n}\n\n.iw-step {\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 3px;\n}\n\n.iw-step-dot {\n width: 20px;\n height: 20px;\n border-radius: 50%;\n background: var(--iw-bg-secondary);\n border: 1px solid var(--iw-border);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 11px;\n font-weight: 600;\n color: var(--iw-text-secondary);\n transition: all 0.3s;\n}\n\n.iw-step.active .iw-step-dot {\n background: var(--iw-accent);\n border-color: var(--iw-accent);\n color: white;\n}\n\n.iw-step.completed .iw-step-dot {\n background: #10b981;\n border-color: #10b981;\n color: white;\n}\n\n.iw-step.error .iw-step-dot {\n background: #ef4444;\n border-color: #ef4444;\n color: white;\n}\n\n.iw-step-label {\n font-size: 9px;\n color: var(--iw-text-secondary);\n text-transform: uppercase;\n letter-spacing: 0.3px;\n}\n\n.iw-content {\n flex: 1;\n overflow-y: auto;\n padding: 20px;\n}\n\n.iw-form-group {\n margin-bottom: 16px;\n}\n\n.iw-label {\n display: block;\n font-size: 13px;\n font-weight: 500;\n margin-bottom: 6px;\n color: var(--iw-text);\n}\n\n.iw-input,\n.iw-textarea {\n width: 100%;\n padding: 10px 12px;\n border: 1px solid var(--iw-border);\n border-radius: 8px;\n font-size: 14px;\n font-family: var(--iw-font);\n background: var(--iw-bg);\n color: var(--iw-text);\n transition: border-color 0.2s;\n}\n\n.iw-input:focus,\n.iw-textarea:focus {\n outline: none;\n border-color: var(--iw-accent);\n box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);\n}\n\n.iw-textarea {\n min-height: 100px;\n resize: vertical;\n}\n\n.iw-screenshot-area {\n border: 2px dashed var(--iw-border);\n border-radius: 8px;\n padding: 20px;\n text-align: center;\n cursor: pointer;\n transition: all 0.2s;\n}\n\n.iw-screenshot-area:hover {\n border-color: var(--iw-accent);\n background: rgba(99, 102, 241, 0.05);\n}\n\n.iw-screenshot-area.has-screenshot {\n border-style: solid;\n padding: 8px;\n}\n\n.iw-screenshot-preview {\n max-width: 100%;\n border-radius: 6px;\n}\n\n.iw-screenshot-icon {\n width: 48px;\n height: 48px;\n margin: 0 auto 12px;\n color: var(--iw-text-secondary);\n}\n\n.iw-screenshot-text {\n font-size: 14px;\n color: var(--iw-text-secondary);\n}\n\n.iw-screenshot-hint {\n font-size: 12px;\n color: var(--iw-text-secondary);\n margin-top: 4px;\n}\n\n/* Attachments Grid - 3 buttons layout */\n.iw-attachments-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 8px;\n margin-bottom: 12px;\n}\n\n.iw-attachment-btn {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 6px;\n padding: 16px 8px;\n border: 1px solid var(--iw-border);\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.2s;\n background: var(--iw-bg);\n}\n\n.iw-attachment-btn:hover {\n border-color: var(--iw-accent);\n background: rgba(99, 102, 241, 0.05);\n}\n\n.iw-attachment-btn.active {\n border-color: var(--iw-accent);\n background: rgba(99, 102, 241, 0.1);\n}\n\n.iw-attachment-btn svg {\n width: 24px;\n height: 24px;\n color: var(--iw-text-secondary);\n}\n\n.iw-attachment-btn:hover svg,\n.iw-attachment-btn.active svg {\n color: var(--iw-accent);\n}\n\n.iw-attachment-btn span {\n font-size: 11px;\n color: var(--iw-text-secondary);\n text-transform: uppercase;\n letter-spacing: 0.3px;\n}\n\n/* Preview Area */\n.iw-preview-area {\n min-height: 60px;\n}\n\n.iw-preview-image {\n position: relative;\n display: inline-block;\n}\n\n.iw-preview-image img {\n max-width: 100%;\n max-height: 150px;\n border-radius: 6px;\n border: 1px solid var(--iw-border);\n}\n\n.iw-preview-remove {\n position: absolute;\n top: -8px;\n right: -8px;\n width: 24px;\n height: 24px;\n border-radius: 50%;\n background: #ef4444;\n color: white;\n border: 2px solid var(--iw-bg);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n line-height: 1;\n}\n\n.iw-preview-remove:hover {\n background: #dc2626;\n}\n\n/* Element Info Box */\n.iw-element-info {\n padding: 12px;\n background: var(--iw-bg-secondary);\n border-radius: 8px;\n border: 1px solid var(--iw-border);\n}\n\n.iw-element-info-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 8px;\n}\n\n.iw-element-info-title {\n font-size: 12px;\n font-weight: 600;\n color: var(--iw-text);\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n.iw-element-info-title svg {\n width: 14px;\n height: 14px;\n color: var(--iw-accent);\n}\n\n.iw-element-info-remove {\n background: none;\n border: none;\n cursor: pointer;\n color: var(--iw-text-secondary);\n padding: 2px;\n}\n\n.iw-element-info-remove:hover {\n color: #ef4444;\n}\n\n.iw-element-info-row {\n display: flex;\n gap: 4px;\n margin-bottom: 4px;\n font-size: 12px;\n}\n\n.iw-element-info-label {\n color: var(--iw-text-secondary);\n min-width: 60px;\n}\n\n.iw-element-info-value {\n color: var(--iw-text);\n font-family: monospace;\n word-break: break-all;\n}\n\n.iw-element-info-value.empty {\n color: var(--iw-text-secondary);\n font-style: italic;\n}\n\n/* Hidden file input */\n.iw-file-input {\n display: none;\n}\n\n.iw-footer {\n display: flex;\n justify-content: space-between;\n gap: 12px;\n padding: 16px 20px;\n border-top: 1px solid var(--iw-border);\n}\n\n.iw-btn {\n padding: 10px 20px;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 500;\n font-family: var(--iw-font);\n cursor: pointer;\n transition: all 0.2s;\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n.iw-btn-primary {\n background: var(--iw-accent);\n color: white;\n border: none;\n}\n\n.iw-btn-primary:hover:not(:disabled) {\n background: var(--iw-accent-hover);\n}\n\n.iw-btn-primary:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.iw-btn-secondary {\n background: var(--iw-bg);\n color: var(--iw-text);\n border: 1px solid var(--iw-border);\n}\n\n.iw-btn-secondary:hover {\n background: var(--iw-bg-secondary);\n}\n\n.iw-question {\n margin-bottom: 20px;\n padding: 16px;\n background: var(--iw-bg-secondary);\n border-radius: 8px;\n}\n\n.iw-question-text {\n font-size: 14px;\n font-weight: 500;\n margin-bottom: 4px;\n}\n\n.iw-question-why {\n font-size: 12px;\n color: var(--iw-text-secondary);\n margin-bottom: 12px;\n font-style: italic;\n}\n\n.iw-question .iw-textarea {\n min-height: 60px;\n}\n\n.iw-progress-message {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 16px;\n background: var(--iw-bg-secondary);\n border-radius: 8px;\n margin-bottom: 12px;\n}\n\n.iw-spinner {\n width: 20px;\n height: 20px;\n border: 2px solid var(--iw-border);\n border-top-color: var(--iw-accent);\n border-radius: 50%;\n animation: iw-spin 0.8s linear infinite;\n}\n\n@keyframes iw-spin {\n to { transform: rotate(360deg); }\n}\n\n.iw-success {\n text-align: center;\n padding: 20px;\n}\n\n.iw-success-icon {\n width: 64px;\n height: 64px;\n margin: 0 auto 16px;\n background: #10b981;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n}\n\n.iw-success h3 {\n font-size: 18px;\n margin-bottom: 8px;\n}\n\n.iw-success p {\n color: var(--iw-text-secondary);\n margin-bottom: 16px;\n}\n\n.iw-success a {\n color: var(--iw-accent);\n text-decoration: none;\n font-weight: 500;\n}\n\n.iw-success a:hover {\n text-decoration: underline;\n}\n\n.iw-success-links {\n display: flex;\n gap: 10px;\n justify-content: center;\n flex-wrap: wrap;\n margin-top: 4px;\n}\n\n.iw-link-btn {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 14px;\n border-radius: 6px;\n font-size: 13px;\n font-weight: 500;\n text-decoration: none !important;\n transition: all 0.2s;\n}\n\n.iw-link-turbowrap {\n background: rgba(99, 102, 241, 0.1);\n color: var(--iw-accent);\n border: 1px solid rgba(99, 102, 241, 0.3);\n}\n\n.iw-link-turbowrap:hover {\n background: rgba(99, 102, 241, 0.2);\n}\n\n.iw-link-linear {\n background: rgba(94, 106, 210, 0.1);\n color: #5e6ad2;\n border: 1px solid rgba(94, 106, 210, 0.3);\n}\n\n.iw-link-linear:hover {\n background: rgba(94, 106, 210, 0.2);\n}\n\n.iw-local-id {\n color: var(--iw-text-secondary);\n font-weight: 500;\n}\n\n.iw-warning {\n margin-top: 12px;\n padding: 10px 12px;\n background: rgba(245, 158, 11, 0.1);\n border: 1px solid rgba(245, 158, 11, 0.3);\n border-radius: 6px;\n color: #f59e0b;\n font-size: 12px;\n text-align: left;\n}\n\n.iw-warning-small {\n margin-top: 6px;\n font-size: 11px;\n color: #f59e0b;\n}\n\n/* Final Error State */\n.iw-error-final {\n text-align: center;\n padding: 24px 16px;\n}\n\n.iw-error-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 16px;\n background: linear-gradient(135deg, #ef4444, #dc2626);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n}\n\n.iw-error-icon svg {\n width: 28px;\n height: 28px;\n}\n\n.iw-error-final h3 {\n font-size: 18px;\n font-weight: 600;\n margin-bottom: 8px;\n color: var(--iw-text);\n}\n\n.iw-error-message {\n color: #ef4444;\n font-size: 13px;\n line-height: 1.5;\n margin-bottom: 20px;\n padding: 12px;\n background: rgba(239, 68, 68, 0.1);\n border-radius: 8px;\n text-align: left;\n word-break: break-word;\n}\n\n.iw-error-actions {\n display: flex;\n gap: 12px;\n justify-content: center;\n}\n\n.iw-error-actions .iw-btn {\n min-width: 100px;\n}\n\n/* Issue Type Selector */\n.iw-type-selector {\n display: flex;\n gap: 8px;\n}\n\n.iw-type-btn {\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 3px;\n padding: 8px 6px;\n border: 1px solid var(--iw-border);\n border-radius: 8px;\n background: var(--iw-bg);\n cursor: pointer;\n transition: all 0.2s;\n font-family: var(--iw-font);\n font-size: 11px;\n color: var(--iw-text);\n}\n\n.iw-type-btn:hover {\n border-color: var(--iw-accent);\n background: rgba(99, 102, 241, 0.05);\n}\n\n.iw-type-btn.active {\n border-color: var(--iw-accent);\n background: rgba(99, 102, 241, 0.1);\n color: var(--iw-accent);\n}\n\n.iw-type-icon {\n font-size: 16px;\n}\n\n@media (max-width: 480px) {\n .iw-modal {\n width: 100%;\n max-width: none;\n height: 100%;\n max-height: none;\n border-radius: 0;\n inset: 0;\n }\n\n .iw-modal.bottom-right,\n .iw-modal.bottom-left,\n .iw-modal.top-right,\n .iw-modal.top-left {\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n }\n}\n\n/* ==================== */\n/* Chat Mode Styles */\n/* ==================== */\n\n/* Mode Selector */\n.iw-mode-selector {\n display: flex;\n gap: 8px;\n margin-bottom: 16px;\n padding: 4px;\n background: var(--iw-bg-secondary);\n border-radius: 10px;\n}\n\n.iw-mode-btn {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 6px;\n padding: 10px 12px;\n border: none;\n border-radius: 8px;\n background: transparent;\n cursor: pointer;\n transition: all 0.2s;\n font-family: var(--iw-font);\n font-size: 13px;\n font-weight: 500;\n color: var(--iw-text-secondary);\n}\n\n.iw-mode-btn:hover {\n color: var(--iw-text);\n background: rgba(99, 102, 241, 0.05);\n}\n\n.iw-mode-btn.active {\n background: var(--iw-bg);\n color: var(--iw-accent);\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n}\n\n.iw-mode-btn svg {\n width: 16px;\n height: 16px;\n}\n\n/* Chat Container */\n.iw-chat-container {\n display: flex;\n flex-direction: column;\n height: 100%;\n min-height: 350px;\n}\n\n/* Chat Messages */\n.iw-chat-messages {\n flex: 1;\n overflow-y: auto;\n padding: 12px 0;\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n\n.iw-chat-message {\n display: flex;\n gap: 8px;\n max-width: 85%;\n animation: iw-message-in 0.2s ease-out;\n}\n\n@keyframes iw-message-in {\n from {\n opacity: 0;\n transform: translateY(8px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.iw-chat-message.iw-chat-user {\n align-self: flex-end;\n flex-direction: row-reverse;\n}\n\n.iw-chat-message.iw-chat-assistant {\n align-self: flex-start;\n}\n\n.iw-chat-message.iw-chat-system {\n align-self: center;\n max-width: 90%;\n}\n\n.iw-chat-avatar {\n width: 28px;\n height: 28px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 11px;\n font-weight: 600;\n flex-shrink: 0;\n}\n\n.iw-chat-user .iw-chat-avatar {\n background: var(--iw-accent);\n color: white;\n}\n\n.iw-chat-assistant .iw-chat-avatar {\n background: var(--iw-bg-secondary);\n color: var(--iw-text-secondary);\n}\n\n.iw-chat-content {\n padding: 10px 14px;\n border-radius: 16px;\n font-size: 14px;\n line-height: 1.5;\n word-break: break-word;\n}\n\n.iw-chat-user .iw-chat-content {\n background: var(--iw-accent);\n color: white;\n border-bottom-right-radius: 4px;\n}\n\n.iw-chat-assistant .iw-chat-content {\n background: var(--iw-bg-secondary);\n color: var(--iw-text);\n border-bottom-left-radius: 4px;\n}\n\n.iw-chat-system .iw-chat-content {\n background: rgba(99, 102, 241, 0.1);\n color: var(--iw-accent);\n font-size: 13px;\n padding: 8px 16px;\n border-radius: 20px;\n}\n\n/* Streaming indicator */\n.iw-chat-streaming .iw-chat-content::after {\n content: '';\n display: inline-block;\n width: 4px;\n height: 14px;\n background: currentColor;\n margin-left: 2px;\n animation: iw-blink 0.8s infinite;\n vertical-align: text-bottom;\n}\n\n@keyframes iw-blink {\n 0%, 50% { opacity: 1; }\n 51%, 100% { opacity: 0; }\n}\n\n/* Chat Input Area */\n.iw-chat-input-area {\n display: flex;\n gap: 8px;\n padding-top: 12px;\n border-top: 1px solid var(--iw-border);\n margin-top: auto;\n}\n\n.iw-chat-input {\n flex: 1;\n padding: 12px 14px;\n border: 1px solid var(--iw-border);\n border-radius: 12px;\n background: var(--iw-bg);\n color: var(--iw-text);\n font-family: var(--iw-font);\n font-size: 14px;\n resize: none;\n min-height: 44px;\n max-height: 120px;\n outline: none;\n transition: border-color 0.2s;\n}\n\n.iw-chat-input:focus {\n border-color: var(--iw-accent);\n}\n\n.iw-chat-input::placeholder {\n color: var(--iw-text-secondary);\n}\n\n.iw-chat-send {\n width: 44px;\n height: 44px;\n border: none;\n border-radius: 12px;\n background: var(--iw-accent);\n color: white;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.2s;\n flex-shrink: 0;\n}\n\n.iw-chat-send:hover:not(:disabled) {\n background: var(--iw-accent-hover);\n transform: scale(1.05);\n}\n\n.iw-chat-send:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.iw-chat-send svg {\n width: 18px;\n height: 18px;\n}\n\n/* Chat Welcome */\n.iw-chat-welcome {\n text-align: center;\n padding: 24px 16px;\n color: var(--iw-text-secondary);\n}\n\n.iw-chat-welcome h3 {\n font-size: 16px;\n font-weight: 600;\n color: var(--iw-text);\n margin-bottom: 8px;\n}\n\n.iw-chat-welcome p {\n font-size: 14px;\n line-height: 1.5;\n}\n\n/* Chat Issue Created Success */\n.iw-chat-issue-created {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n padding: 16px;\n background: rgba(34, 197, 94, 0.1);\n border-radius: 12px;\n margin: 8px 0;\n}\n\n.iw-chat-issue-created .iw-check-icon {\n width: 32px;\n height: 32px;\n color: #22c55e;\n}\n\n.iw-chat-issue-created a {\n color: var(--iw-accent);\n text-decoration: none;\n font-weight: 500;\n}\n\n.iw-chat-issue-created a:hover {\n text-decoration: underline;\n}\n\n/* Mobile adjustments for chat */\n@media (max-width: 480px) {\n .iw-chat-messages {\n padding: 8px 0;\n }\n\n .iw-chat-message {\n max-width: 90%;\n }\n\n .iw-chat-input-area {\n padding: 8px 0;\n }\n\n .iw-chat-send {\n width: 48px;\n height: 48px;\n }\n}\n\n.iw-version {\n position: absolute;\n bottom: 4px;\n right: 8px;\n font-size: 9px;\n font-style: italic;\n color: var(--iw-text-secondary);\n opacity: 0.5;\n font-family: var(--iw-font);\n pointer-events: none;\n user-select: none;\n}\n";
|
package/package.json
CHANGED