fixdog 0.0.6 → 0.0.8

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.
Files changed (39) hide show
  1. package/dist/InspectorProvider-CK-j4_KU.cjs.js +1323 -0
  2. package/dist/InspectorProvider-CK-j4_KU.cjs.js.map +1 -0
  3. package/dist/InspectorProvider-CVyJIBc4.esm.js +1300 -0
  4. package/dist/InspectorProvider-CVyJIBc4.esm.js.map +1 -0
  5. package/dist/InspectorProvider-DJ1qzBkf.esm.js +1315 -0
  6. package/dist/InspectorProvider-DJ1qzBkf.esm.js.map +1 -0
  7. package/dist/InspectorProvider-MsiDScXd.cjs.js +1308 -0
  8. package/dist/InspectorProvider-MsiDScXd.cjs.js.map +1 -0
  9. package/dist/api/client.d.ts +10 -0
  10. package/dist/components/FixdogSidebar/ChatView/ChatHeader/ChatHeader.d.ts +1 -0
  11. package/dist/components/FixdogSidebar/ChatView/ChatInput/ChatInput.d.ts +10 -0
  12. package/dist/components/FixdogSidebar/ChatView/ChatInput/ModelSelector/ModelSelector.d.ts +7 -0
  13. package/dist/components/FixdogSidebar/ChatView/ChatMessages/AIChatMessage/AIChatMessage.d.ts +6 -0
  14. package/dist/components/FixdogSidebar/ChatView/ChatMessages/ChatMessages.d.ts +1 -0
  15. package/dist/components/FixdogSidebar/ChatView/ChatMessages/LoadingMessage/LoadingMessage.d.ts +5 -0
  16. package/dist/components/FixdogSidebar/ChatView/ChatMessages/UserChatMessage/UserChatMessage.d.ts +6 -0
  17. package/dist/components/FixdogSidebar/ChatView/ChatView.d.ts +7 -0
  18. package/dist/components/FixdogSidebar/FixdogHeader/FixdogHeader.d.ts +9 -0
  19. package/dist/components/FixdogSidebar/FixdogSidebar.d.ts +13 -0
  20. package/dist/components/FixdogSidebar/SessionsView/SessionCard/SessionCard.d.ts +7 -0
  21. package/dist/components/FixdogSidebar/SessionsView/SessionsView.d.ts +1 -0
  22. package/dist/components/FloatingIcon/FloatingIcon.d.ts +7 -0
  23. package/dist/components/ui/LoadingOverlay/LoadingOverlay.d.ts +7 -0
  24. package/dist/contexts/AuthContext.d.ts +18 -0
  25. package/dist/contexts/ChatContext.d.ts +30 -0
  26. package/dist/contexts/SessionContext.d.ts +22 -0
  27. package/dist/fixdog.umd.js +4781 -0
  28. package/dist/fixdog.umd.js.map +1 -0
  29. package/dist/fixdog.umd.min.js +3 -0
  30. package/dist/fixdog.umd.min.js.map +1 -0
  31. package/dist/index.cjs.js +1 -1
  32. package/dist/index.esm.js +2 -2
  33. package/dist/index.umd.d.ts +31 -0
  34. package/dist/react/index.cjs.js +1 -1
  35. package/dist/react/index.esm.js +1 -1
  36. package/dist/sidebar-runtime.iife.js +3792 -1295
  37. package/dist/styles/sidebarStyles.d.ts +1 -1
  38. package/dist/utils/sessionStorage.d.ts +7 -0
  39. package/package.json +12 -3
package/dist/styles/sidebarStyles.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const sidebarStyles = "/* Fixdog Sidebar Styles */\n\n/* CSS Variables - Dark Theme (default) */\n.fixdog-dark {\n --fixdog-bg: #13140a;\n --fixdog-bg-secondary: rgba(0, 0, 0, 0.3);\n --fixdog-bg-tertiary: rgba(0, 0, 0, 0.4);\n --fixdog-border: rgba(255, 255, 255, 0.1);\n --fixdog-border-strong: rgba(255, 255, 255, 0.15);\n --fixdog-text: #ffffff;\n --fixdog-text-secondary: rgba(255, 255, 255, 0.7);\n --fixdog-text-muted: rgba(255, 255, 255, 0.5);\n --fixdog-accent: #3b82f6;\n --fixdog-accent-hover: #2563eb;\n --fixdog-success: #10b981;\n --fixdog-success-hover: #059669;\n --fixdog-warning: #f59e0b;\n --fixdog-error: #ef4444;\n --fixdog-shadow: rgba(0, 0, 0, 0.5);\n --fixdog-modal-bg: rgba(30, 30, 20, 0.98);\n}\n\n/* CSS Variables - Light Theme */\n.fixdog-light {\n --fixdog-bg: #f8f9fa;\n --fixdog-bg-secondary: #ffffff;\n --fixdog-bg-tertiary: #e9ecef;\n --fixdog-border: rgba(0, 0, 0, 0.1);\n --fixdog-border-strong: rgba(0, 0, 0, 0.15);\n --fixdog-text: #1a1a1a;\n --fixdog-text-secondary: #4a4a4a;\n --fixdog-text-muted: #6b7280;\n --fixdog-accent: #2563eb;\n --fixdog-accent-hover: #1d4ed8;\n --fixdog-success: #059669;\n --fixdog-success-hover: #047857;\n --fixdog-warning: #d97706;\n --fixdog-error: #dc2626;\n --fixdog-shadow: rgba(0, 0, 0, 0.12);\n --fixdog-modal-bg: #ffffff;\n}\n\n/* Overlay */\n.fixdog-sidebar-overlay {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 999999;\n pointer-events: none;\n}\n\n/* Main Sidebar Container */\n.fixdog-sidebar {\n position: fixed;\n right: 0;\n top: 0;\n width: 420px;\n max-width: 100vw;\n height: 100vh;\n background: var(--fixdog-bg, #13140a);\n box-shadow: -4px 0 24px var(--fixdog-shadow, rgba(0, 0, 0, 0.5));\n display: flex;\n flex-direction: column;\n font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n font-size: 14px;\n color: var(--fixdog-text, #ffffff);\n pointer-events: auto;\n animation: fixdog-slide-in-right 0.3s ease-out;\n overflow-x: hidden;\n overflow-y: auto;\n border-left: 1px solid var(--fixdog-border, rgba(255, 255, 255, 0.1));\n}\n\n.fixdog-side-left {\n left: 0;\n right: auto;\n box-shadow: 4px 0 24px var(--fixdog-shadow, rgba(0, 0, 0, 0.5));\n border-left: none;\n border-right: 1px solid var(--fixdog-border, rgba(255, 255, 255, 0.1));\n animation: fixdog-slide-in-left 0.3s ease-out;\n}\n\n.fixdog-side-right {\n right: 0;\n left: auto;\n animation: fixdog-slide-in-right 0.3s ease-out;\n}\n\n@keyframes fixdog-slide-in-right {\n from {\n transform: translateX(100%);\n }\n to {\n transform: translateX(0);\n }\n}\n\n@keyframes fixdog-slide-in-left {\n from {\n transform: translateX(-100%);\n }\n to {\n transform: translateX(0);\n }\n}\n\n/* Icon spin animation */\n@keyframes fixdog-icon-spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n\n.fixdog-icon-spin {\n animation: fixdog-icon-spin 1s linear infinite;\n}\n\n/* Top Bar - Pinned session and theme controls */\n.fixdog-top-bar {\n display: flex;\n align-items: flex-start;\n padding: 12px 16px;\n background: var(--fixdog-bg-secondary, rgba(0, 0, 0, 0.3));\n border-bottom: 1px solid var(--fixdog-border-strong, rgba(255, 255, 255, 0.15));\n flex-shrink: 0;\n gap: 8px 12px;\n overflow: visible;\n position: relative;\n z-index: 1;\n}\n\n.fixdog-top-bar-content {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 8px;\n flex: 1;\n}\n\n.fixdog-session-top {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 8px;\n min-width: 0;\n overflow: visible;\n /* margin-left: auto; */\n}\n\n.fixdog-session-info {\n display: flex;\n align-items: center;\n gap: 8px;\n min-width: 0;\n overflow: visible;\n}\n\n.fixdog-top-bar-dropdowns {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 8px;\n flex-shrink: 0;\n overflow: visible;\n}\n\n.fixdog-top-actions {\n display: flex;\n align-items: flex-start;\n gap: 8px;\n flex-shrink: 0;\n}\n\n.fixdog-theme-toggle,\n.fixdog-side-toggle {\n width: 32px;\n height: 32px;\n min-width: 32px;\n min-height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: transparent;\n border: 1px solid var(--fixdog-border, rgba(255, 255, 255, 0.1));\n border-radius: 8px;\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.7));\n cursor: pointer;\n transition: all 0.2s;\n padding: 0;\n box-sizing: border-box;\n}\n\n.fixdog-theme-toggle svg,\n.fixdog-side-toggle svg {\n display: block;\n flex-shrink: 0;\n}\n\n.fixdog-theme-toggle:hover,\n.fixdog-side-toggle:hover {\n background: var(--fixdog-bg-tertiary, rgba(0, 0, 0, 0.4));\n color: var(--fixdog-text, #ffffff);\n border-color: var(--fixdog-border-strong, rgba(255, 255, 255, 0.15));\n}\n\n/* Light mode theme toggle */\n.fixdog-light .fixdog-theme-toggle,\n.fixdog-light .fixdog-side-toggle {\n border-color: #d1d5db;\n color: #4b5563;\n}\n\n.fixdog-light .fixdog-theme-toggle:hover,\n.fixdog-light .fixdog-side-toggle:hover {\n background: #f3f4f6;\n color: #1f2937;\n border-color: #9ca3af;\n}\n\n.fixdog-pr-chip {\n font-size: 11px;\n font-weight: 500;\n color: var(--fixdog-accent, #3b82f6);\n text-decoration: none;\n padding: 4px 10px;\n border-radius: 6px;\n background: rgba(59, 130, 246, 0.1);\n transition: all 0.2s;\n white-space: nowrap;\n}\n\n.fixdog-pr-chip:hover {\n background: rgba(59, 130, 246, 0.2);\n}\n\n/* Header */\n.fixdog-sidebar-header {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding: 20px 24px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.15);\n background: rgba(0, 0, 0, 0.3);\n flex-shrink: 0;\n}\n\n.fixdog-sidebar-title {\n margin: 0;\n font-size: 18px;\n font-weight: 600;\n color: #ffffff;\n letter-spacing: -0.01em;\n}\n\n.fixdog-close-btn {\n width: 32px;\n height: 32px;\n border: none;\n background: transparent;\n font-size: 28px;\n line-height: 1;\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.7));\n cursor: pointer;\n border-radius: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.2s;\n flex-shrink: 0;\n margin-left: 12px;\n}\n\n.fixdog-close-btn:hover {\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.1));\n color: var(--fixdog-text, #ffffff);\n}\n\n/* Light mode close button */\n.fixdog-light .fixdog-close-btn {\n color: #6b7280;\n}\n\n.fixdog-light .fixdog-close-btn:hover {\n background: #f3f4f6;\n color: #1f2937;\n}\n\n/* Content Area */\n.fixdog-sidebar-content {\n flex: 1;\n overflow-y: auto;\n overflow-x: hidden;\n padding: 24px;\n scrollbar-width: thin;\n scrollbar-color: rgba(255, 255, 255, 0.2) transparent;\n}\n\n.fixdog-sidebar-content::-webkit-scrollbar {\n width: 8px;\n}\n\n.fixdog-sidebar-content::-webkit-scrollbar-track {\n background: transparent;\n}\n\n.fixdog-sidebar-content::-webkit-scrollbar-thumb {\n background: rgba(255, 255, 255, 0.2);\n border-radius: 4px;\n}\n\n.fixdog-sidebar-content::-webkit-scrollbar-thumb:hover {\n background: rgba(255, 255, 255, 0.3);\n}\n\n/* Element Info Section */\n.fixdog-element-info-section {\n padding: 16px 20px;\n border-bottom: 1px solid var(--fixdog-border-strong, rgba(255, 255, 255, 0.15));\n flex-shrink: 0;\n background: var(--fixdog-bg-secondary, rgba(0, 0, 0, 0.2));\n margin-top: 0;\n}\n\n/* Element Info Section */\n.fixdog-element-info {\n margin-bottom: 0;\n}\n\n.fixdog-element-info-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 12px;\n}\n\n.fixdog-element-info-title {\n margin: 0;\n font-size: 14px;\n font-weight: 600;\n color: var(--fixdog-text, rgba(255, 255, 255, 0.9));\n text-transform: uppercase;\n letter-spacing: 0.05em;\n}\n\n.fixdog-toggle-view-btn {\n padding: 6px 14px;\n font-size: 12px;\n border: 1px solid var(--fixdog-border-strong, rgba(255, 255, 255, 0.2));\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.1));\n color: var(--fixdog-text, #ffffff);\n border-radius: 6px;\n cursor: pointer;\n transition: all 0.2s;\n font-weight: 500;\n}\n\n.fixdog-toggle-view-btn:hover {\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.2));\n border-color: var(--fixdog-border-strong, rgba(255, 255, 255, 0.3));\n}\n\n/* Light mode toggle view button */\n.fixdog-light .fixdog-toggle-view-btn {\n background: #f3f4f6;\n border-color: #d1d5db;\n color: #374151;\n}\n\n.fixdog-light .fixdog-toggle-view-btn:hover {\n background: #e5e7eb;\n border-color: #9ca3af;\n}\n\n.fixdog-element-info-content {\n background: var(--fixdog-bg-tertiary, rgba(0, 0, 0, 0.3));\n border: 1px solid var(--fixdog-border-strong, rgba(255, 255, 255, 0.15));\n border-radius: 8px;\n padding: 16px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n position: relative;\n}\n\n/* Light mode element info content */\n.fixdog-light .fixdog-element-info-content {\n background: #ffffff;\n border-color: #e5e7eb;\n}\n\n.fixdog-file-location {\n font-family: \"SF Mono\", Monaco, Menlo, Consolas, monospace;\n font-size: 13px;\n color: var(--fixdog-text, #ffffff);\n word-break: break-word;\n}\n\n.fixdog-info-row {\n display: flex;\n margin-bottom: 12px;\n line-height: 1.6;\n}\n\n.fixdog-info-row:last-of-type {\n margin-bottom: 0;\n}\n\n.fixdog-info-row:last-child {\n margin-bottom: 0;\n}\n\n.fixdog-info-label {\n flex-shrink: 0;\n width: 100px;\n font-weight: 500;\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.75));\n font-size: 13px;\n}\n\n.fixdog-info-value {\n flex: 1;\n color: var(--fixdog-text, #ffffff);\n word-break: break-word;\n font-size: 13px;\n}\n\n.fixdog-component-name {\n font-weight: 600;\n color: var(--fixdog-accent, #60a5fa);\n}\n\n.fixdog-file-path {\n font-family: \"SF Mono\", Monaco, Menlo, Consolas, monospace;\n font-size: 12px;\n}\n\n.fixdog-mono {\n font-family: \"SF Mono\", Monaco, Menlo, Consolas, monospace;\n font-size: 12px;\n}\n\n.fixdog-detailed-section {\n margin-top: 12px;\n padding-top: 12px;\n border-top: 1px solid var(--fixdog-border, rgba(255, 255, 255, 0.1));\n}\n\n.fixdog-code-preview {\n flex-direction: column;\n}\n\n.fixdog-code-placeholder {\n margin-top: 6px;\n padding: 8px;\n background: var(--fixdog-bg-tertiary, rgba(0, 0, 0, 0.3));\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.8));\n border-radius: 4px;\n font-family: \"SF Mono\", Monaco, Menlo, Consolas, monospace;\n font-size: 12px;\n white-space: pre-wrap;\n word-break: break-word;\n}\n\n/* Chat Container */\n.fixdog-chat-container {\n flex: 1;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n min-height: 0;\n}\n\n/* Messages Container */\n.fixdog-messages-container {\n flex: 1;\n overflow-y: auto;\n overflow-x: hidden;\n padding: 16px 20px;\n scrollbar-width: thin;\n scrollbar-color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.2)) transparent;\n}\n\n.fixdog-messages-container::-webkit-scrollbar {\n width: 8px;\n}\n\n.fixdog-messages-container::-webkit-scrollbar-track {\n background: transparent;\n}\n\n.fixdog-messages-container::-webkit-scrollbar-thumb {\n background: var(--fixdog-text-muted, rgba(255, 255, 255, 0.2));\n border-radius: 4px;\n}\n\n.fixdog-messages-container::-webkit-scrollbar-thumb:hover {\n background: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.3));\n}\n\n/* Empty State */\n.fixdog-empty-state {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n min-height: 200px;\n width: 100%;\n}\n\n.fixdog-empty-state-text {\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.6));\n font-size: 14px;\n text-align: center;\n}\n\n/* Secret Prompt */\n.fixdog-secret-prompt {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 12px;\n padding: 24px;\n width: 100%;\n box-sizing: border-box;\n}\n\n.fixdog-secret-title {\n font-size: 16px;\n font-weight: 600;\n color: var(--fixdog-text, #ffffff);\n}\n\n.fixdog-secret-description {\n font-size: 13px;\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.6));\n text-align: center;\n}\n\n.fixdog-secret-input-wrapper {\n display: flex;\n flex-direction: column;\n gap: 12px;\n width: 100%;\n}\n\n.fixdog-secret-input {\n width: 100%;\n padding: 10px 14px;\n border: 1px solid var(--fixdog-border-strong, rgba(255, 255, 255, 0.2));\n border-radius: 8px;\n font-family: inherit;\n font-size: 14px;\n background: var(--fixdog-bg-tertiary, rgba(0, 0, 0, 0.4));\n color: var(--fixdog-text, #ffffff);\n transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;\n box-sizing: border-box;\n}\n\n.fixdog-secret-input::placeholder {\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.5));\n}\n\n.fixdog-secret-input:focus {\n outline: none;\n border-color: var(--fixdog-accent, #60a5fa);\n background: var(--fixdog-bg-tertiary, rgba(0, 0, 0, 0.5));\n box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.15);\n}\n\n/* Light mode secret input */\n.fixdog-light .fixdog-secret-input {\n background: #ffffff;\n border-color: #d1d5db;\n}\n\n.fixdog-light .fixdog-secret-input:focus {\n background: #ffffff;\n box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);\n}\n\n.fixdog-secret-submit-btn {\n width: 100%;\n padding: 10px 16px;\n font-size: 14px;\n font-weight: 500;\n color: #ffffff;\n background: var(--fixdog-accent, #3b82f6);\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.2s;\n}\n\n.fixdog-secret-submit-btn:hover:not(:disabled) {\n background: var(--fixdog-accent-hover, #2563eb);\n}\n\n.fixdog-secret-submit-btn:disabled {\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.1));\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.4));\n cursor: not-allowed;\n}\n\n/* Light mode disabled button */\n.fixdog-light .fixdog-secret-submit-btn:disabled {\n background: #e5e7eb;\n color: #9ca3af;\n}\n\n.fixdog-secret-cancel-btn {\n width: 100%;\n padding: 10px 16px;\n font-size: 14px;\n font-weight: 500;\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.7));\n background: transparent;\n border: 1px solid var(--fixdog-border-strong, rgba(255, 255, 255, 0.2));\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.2s;\n}\n\n.fixdog-secret-cancel-btn:hover {\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.1));\n color: var(--fixdog-text, #ffffff);\n border-color: var(--fixdog-border-strong, rgba(255, 255, 255, 0.3));\n}\n\n/* Light mode cancel button */\n.fixdog-light .fixdog-secret-cancel-btn {\n color: #4b5563;\n border-color: #d1d5db;\n}\n\n.fixdog-light .fixdog-secret-cancel-btn:hover {\n background: #f3f4f6;\n color: #1f2937;\n border-color: #9ca3af;\n}\n\n/* Messages */\n.fixdog-message {\n margin-bottom: 16px;\n display: flex;\n animation: fixdog-message-fade-in 0.2s ease-out;\n}\n\n@keyframes fixdog-message-fade-in {\n from {\n opacity: 0;\n transform: translateY(4px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.fixdog-message-user {\n justify-content: flex-end;\n}\n\n.fixdog-message-assistant {\n justify-content: flex-start;\n}\n\n/* Message Bubbles */\n.fixdog-message-bubble {\n max-width: 80%;\n padding: 12px 16px;\n border-radius: 12px;\n word-wrap: break-word;\n overflow-wrap: break-word;\n}\n\n.fixdog-message-user .fixdog-message-bubble {\n background: rgba(59, 130, 246, 0.15);\n border: 1px solid rgba(59, 130, 246, 0.25);\n color: var(--fixdog-accent, #3b82f6);\n}\n\n.fixdog-light .fixdog-message-user .fixdog-message-bubble {\n background: rgba(59, 130, 246, 0.1);\n color: #1d4ed8;\n}\n\n.fixdog-message-assistant .fixdog-message-bubble {\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.08));\n border: 1px solid var(--fixdog-border-strong, rgba(255, 255, 255, 0.15));\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.9));\n}\n\n.fixdog-message-content {\n line-height: 1.6;\n white-space: pre-wrap;\n word-break: break-word;\n font-size: 14px;\n}\n\n.fixdog-message-content.fixdog-message-error {\n color: #fca5a5;\n}\n\n/* Loading Message */\n.fixdog-message-loading {\n display: flex;\n align-items: center;\n gap: 10px;\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.7));\n font-size: 14px;\n}\n\n.fixdog-spinner {\n width: 16px;\n height: 16px;\n border: 2px solid var(--fixdog-border-strong, rgba(255, 255, 255, 0.2));\n border-top-color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.8));\n border-radius: 50%;\n animation: fixdog-spin 0.8s linear infinite;\n}\n\n.fixdog-spinner-small {\n width: 14px;\n height: 14px;\n border: 2px solid var(--fixdog-border-strong, rgba(255, 255, 255, 0.3));\n border-top-color: var(--fixdog-text, #ffffff);\n border-radius: 50%;\n animation: fixdog-spin 0.8s linear infinite;\n}\n\n/* Light mode spinner */\n.fixdog-light .fixdog-spinner {\n border-color: #e5e7eb;\n border-top-color: #4b5563;\n}\n\n.fixdog-light .fixdog-spinner-small {\n border-color: #d1d5db;\n border-top-color: #374151;\n}\n\n@keyframes fixdog-spin {\n to {\n transform: rotate(360deg);\n }\n}\n\n/* Fixed Input Footer */\n.fixdog-input-footer-fixed {\n flex-shrink: 0;\n padding: 16px 20px;\n border-top: 1px solid var(--fixdog-border-strong, rgba(255, 255, 255, 0.15));\n background: var(--fixdog-bg-secondary, rgba(0, 0, 0, 0.3));\n}\n\n.fixdog-input-wrapper {\n position: relative;\n margin-bottom: 8px;\n}\n\n.fixdog-textarea {\n width: 100%;\n padding: 10px 60px 10px 14px;\n border: 1px solid var(--fixdog-border-strong, rgba(255, 255, 255, 0.2));\n border-radius: 8px;\n font-family: inherit;\n font-size: 14px;\n line-height: 1.5;\n resize: none;\n min-height: 44px;\n max-height: 200px;\n background: var(--fixdog-bg-tertiary, rgba(0, 0, 0, 0.4));\n color: var(--fixdog-text, #ffffff);\n transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;\n box-sizing: border-box;\n overflow-wrap: break-word;\n word-wrap: break-word;\n overflow-y: auto;\n}\n\n.fixdog-textarea::placeholder {\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.5));\n}\n\n.fixdog-textarea:focus {\n outline: none;\n border-color: var(--fixdog-accent, #60a5fa);\n background: var(--fixdog-bg-tertiary, rgba(0, 0, 0, 0.5));\n box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.15);\n}\n\n.fixdog-textarea:disabled {\n background: var(--fixdog-bg-secondary, rgba(0, 0, 0, 0.2));\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.5));\n cursor: not-allowed;\n}\n\n.fixdog-submit-btn {\n position: absolute;\n bottom: 10px;\n right: 6px;\n width: 32px;\n height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n font-size: 14px;\n font-weight: 500;\n color: #ffffff;\n background: #3b82f6;\n border: none;\n border-radius: 6px;\n cursor: pointer;\n transition: all 0.2s;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n}\n\n.fixdog-submit-btn:active {\n transform: translateY(1px);\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n}\n\n.fixdog-submit-btn:hover:not(:disabled) {\n background: #2563eb;\n}\n\n.fixdog-submit-btn:disabled {\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.1));\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.3));\n cursor: not-allowed;\n}\n\n/* Light mode submit button disabled */\n.fixdog-light .fixdog-submit-btn:disabled {\n background: #e5e7eb;\n color: #9ca3af;\n}\n\n.fixdog-submit-btn svg {\n stroke: currentColor;\n}\n\n.fixdog-input-hint {\n font-size: 11px;\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.5));\n text-align: center;\n margin-top: 4px;\n}\n\n.fixdog-send-to-dev-section {\n margin-top: 12px;\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.fixdog-send-to-dev-btn {\n width: 100%;\n padding: 10px 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n font-size: 14px;\n font-weight: 500;\n color: #ffffff;\n background: #10b981;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.2s;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n}\n\n.fixdog-send-to-dev-btn:hover:not(:disabled) {\n background: #059669;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);\n}\n\n.fixdog-send-to-dev-btn:active:not(:disabled) {\n transform: translateY(1px);\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n}\n\n.fixdog-send-to-dev-btn:disabled {\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.1));\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.5));\n cursor: not-allowed;\n}\n\n/* Light mode send-to-dev disabled */\n.fixdog-light .fixdog-send-to-dev-btn:disabled {\n background: #e5e7eb;\n color: #9ca3af;\n}\n\n.fixdog-send-to-dev-btn svg {\n stroke: currentColor;\n}\n\n.fixdog-pr-link {\n display: block;\n text-align: center;\n font-size: 13px;\n font-weight: 500;\n color: #60a5fa;\n text-decoration: none;\n padding: 6px;\n border-radius: 6px;\n transition: all 0.2s;\n}\n\n.fixdog-pr-link:hover {\n background: rgba(96, 165, 250, 0.1);\n color: #93c5fd;\n text-decoration: underline;\n}\n\n.fixdog-retry-btn {\n margin-top: 8px;\n padding: 6px 12px;\n font-size: 12px;\n font-weight: 500;\n color: #ffffff;\n background: #ef4444;\n border: none;\n border-radius: 6px;\n cursor: pointer;\n transition: background 0.2s;\n}\n\n.fixdog-retry-btn:hover {\n background: #dc2626;\n}\n\n/* Footer */\n.fixdog-sidebar-footer {\n padding: 16px 24px;\n border-top: 1px solid rgba(255, 255, 255, 0.15);\n background: rgba(0, 0, 0, 0.3);\n text-align: center;\n flex-shrink: 0;\n}\n\n.fixdog-footer-text {\n font-size: 12px;\n color: rgba(255, 255, 255, 0.7);\n}\n\n.fixdog-footer-link {\n color: #60a5fa;\n text-decoration: none;\n font-weight: 500;\n}\n\n.fixdog-footer-link:hover {\n text-decoration: underline;\n color: #93c5fd;\n}\n\n/* Selected Components List */\n.fixdog-selected-components-list {\n display: flex;\n flex-direction: column;\n gap: 8px;\n max-height: 200px;\n overflow-y: auto;\n scrollbar-width: thin;\n scrollbar-color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.2)) transparent;\n}\n\n.fixdog-selected-components-list::-webkit-scrollbar {\n width: 6px;\n}\n\n.fixdog-selected-components-list::-webkit-scrollbar-track {\n background: transparent;\n}\n\n.fixdog-selected-components-list::-webkit-scrollbar-thumb {\n background: var(--fixdog-text-muted, rgba(255, 255, 255, 0.2));\n border-radius: 3px;\n}\n\n/* Light mode scrollbar */\n.fixdog-light .fixdog-selected-components-list {\n scrollbar-color: #d1d5db transparent;\n}\n\n.fixdog-light .fixdog-selected-components-list::-webkit-scrollbar-thumb {\n background: #d1d5db;\n}\n\n.fixdog-selected-component-item {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 8px 12px;\n background: var(--fixdog-bg-tertiary, rgba(0, 0, 0, 0.3));\n border: 1px solid var(--fixdog-border, rgba(255, 255, 255, 0.1));\n border-radius: 8px;\n transition: all 0.2s;\n}\n\n.fixdog-selected-component-item:hover {\n background: var(--fixdog-bg-tertiary, rgba(0, 0, 0, 0.4));\n border-color: var(--fixdog-border-strong, rgba(255, 255, 255, 0.2));\n}\n\n/* Light mode component items */\n.fixdog-light .fixdog-selected-component-item {\n background: #ffffff;\n border-color: #e5e7eb;\n}\n\n.fixdog-light .fixdog-selected-component-item:hover {\n background: #f9fafb;\n border-color: #d1d5db;\n}\n\n.fixdog-component-chip-wrapper {\n display: flex;\n align-items: center;\n gap: 10px;\n flex: 1;\n min-width: 0;\n}\n\n.fixdog-component-chip {\n width: 24px;\n height: 24px;\n min-width: 24px;\n background: #3b82f6;\n color: #ffffff;\n font-size: 12px;\n font-weight: 700;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n cursor: pointer;\n transition: all 0.2s;\n}\n\n.fixdog-component-chip:hover {\n background: #2563eb;\n transform: scale(1.1);\n}\n\n.fixdog-component-details {\n display: flex;\n flex-direction: column;\n gap: 2px;\n min-width: 0;\n}\n\n.fixdog-component-name-label {\n font-weight: 600;\n color: var(--fixdog-accent, #60a5fa);\n font-size: 13px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.fixdog-component-file-label {\n font-family: \"SF Mono\", Monaco, Menlo, Consolas, monospace;\n font-size: 11px;\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.6));\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.fixdog-remove-component-btn {\n width: 24px;\n height: 24px;\n min-width: 24px;\n border: none;\n background: transparent;\n font-size: 18px;\n line-height: 1;\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.5));\n cursor: pointer;\n border-radius: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.2s;\n margin-left: 8px;\n}\n\n.fixdog-remove-component-btn:hover {\n background: rgba(239, 68, 68, 0.2);\n color: var(--fixdog-error, #ef4444);\n}\n\n.fixdog-selection-hint {\n margin-top: 12px;\n font-size: 11px;\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.5));\n text-align: center;\n}\n\n/* Chip Input Styles */\n.fixdog-chip-input-container {\n position: relative;\n width: 100%;\n}\n\n.fixdog-chip-input {\n width: 100%;\n min-height: 80px;\n max-height: 200px;\n padding: 12px 14px 44px 14px;\n border: 1px solid var(--fixdog-border-strong, rgba(255, 255, 255, 0.2));\n border-radius: 8px;\n font-family: inherit;\n font-size: 14px;\n line-height: 1.5;\n background: var(--fixdog-bg-tertiary, rgba(0, 0, 0, 0.4));\n color: var(--fixdog-text, #ffffff);\n transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;\n box-sizing: border-box;\n overflow-y: auto;\n overflow-wrap: break-word;\n word-wrap: break-word;\n white-space: pre-wrap;\n}\n\n.fixdog-chip-input:empty::before {\n content: attr(data-placeholder);\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.5));\n pointer-events: none;\n}\n\n.fixdog-chip-input:focus {\n outline: none;\n border-color: var(--fixdog-accent, #60a5fa);\n background: var(--fixdog-bg-tertiary, rgba(0, 0, 0, 0.5));\n box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.15);\n}\n\n.fixdog-chip-input[data-disabled=\"true\"] {\n background: var(--fixdog-bg-secondary, rgba(0, 0, 0, 0.2));\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.5));\n cursor: not-allowed;\n pointer-events: none;\n}\n\n/* Light mode chip input */\n.fixdog-light .fixdog-chip-input {\n background: #ffffff;\n border-color: #d1d5db;\n}\n\n.fixdog-light .fixdog-chip-input:focus {\n background: #ffffff;\n border-color: var(--fixdog-accent);\n box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);\n}\n\n/* Inline chip in input */\n.fixdog-inline-chip {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 20px;\n height: 20px;\n background: #3b82f6;\n color: #ffffff;\n font-size: 11px;\n font-weight: 700;\n border-radius: 50%;\n margin: 0 2px;\n vertical-align: middle;\n user-select: none;\n cursor: default;\n}\n\n/* Message display chip */\n.fixdog-message-chip {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 18px;\n height: 18px;\n background: #3b82f6;\n color: #ffffff;\n font-size: 10px;\n font-weight: 700;\n border-radius: 50%;\n margin: 0 2px;\n vertical-align: middle;\n}\n\n/* Session elements in top bar */\n.fixdog-session-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--fixdog-text-muted, rgba(255, 255, 255, 0.3));\n transition: background 0.2s;\n flex-shrink: 0;\n min-width: 8px;\n}\n\n.fixdog-session-dot.active {\n background: var(--fixdog-success, #22c55e);\n box-shadow: 0 0 6px rgba(34, 197, 94, 0.5);\n}\n\n.fixdog-session-label {\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.7));\n font-weight: 500;\n font-size: 12px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n flex-shrink: 1;\n min-width: 0;\n}\n\n.fixdog-new-session-btn {\n font-size: 11px;\n font-weight: 500;\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.7));\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.1));\n border: 1px solid var(--fixdog-border, rgba(255, 255, 255, 0.15));\n padding: 5px 12px;\n border-radius: 6px;\n cursor: pointer;\n transition: all 0.2s;\n white-space: nowrap;\n flex-shrink: 0;\n min-width: fit-content;\n}\n\n.fixdog-new-session-btn:hover {\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.15));\n color: var(--fixdog-text, #ffffff);\n border-color: var(--fixdog-border-strong, rgba(255, 255, 255, 0.25));\n}\n\n.fixdog-new-session-btn.primary {\n background: var(--fixdog-accent, #3b82f6);\n color: #ffffff;\n border-color: var(--fixdog-accent, #3b82f6);\n font-weight: 600;\n}\n\n.fixdog-new-session-btn.primary:hover {\n background: var(--fixdog-accent-hover, #2563eb);\n border-color: var(--fixdog-accent-hover, #2563eb);\n}\n\n/* Light mode session button */\n.fixdog-light .fixdog-new-session-btn {\n background: #f3f4f6;\n color: #4b5563;\n border-color: #d1d5db;\n}\n\n.fixdog-light .fixdog-new-session-btn:hover {\n background: #e5e7eb;\n color: #1f2937;\n border-color: #9ca3af;\n}\n\n/* Session Selector Dropdown */\n.fixdog-session-selector-container {\n position: relative;\n flex-shrink: 0;\n overflow: visible;\n}\n\n.fixdog-session-selector-toggle {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 5px 10px;\n font-size: 11px;\n font-weight: 500;\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.7));\n background: var(--fixdog-bg-tertiary, rgba(0, 0, 0, 0.4));\n border: 1px solid var(--fixdog-border, rgba(255, 255, 255, 0.15));\n border-radius: 6px;\n cursor: pointer;\n transition: all 0.2s;\n white-space: nowrap;\n flex-shrink: 0;\n min-width: fit-content;\n}\n\n.fixdog-session-selector-toggle:hover {\n background: var(--fixdog-bg-tertiary, rgba(0, 0, 0, 0.5));\n border-color: var(--fixdog-border-strong, rgba(255, 255, 255, 0.25));\n color: var(--fixdog-text, #ffffff);\n}\n\n.fixdog-light .fixdog-session-selector-toggle {\n background: #f3f4f6;\n color: #4b5563;\n border-color: #d1d5db;\n}\n\n.fixdog-light .fixdog-session-selector-toggle:hover {\n background: #e5e7eb;\n color: #1f2937;\n border-color: #9ca3af;\n}\n\n/* PR List Dropdown */\n.fixdog-pr-list-container {\n position: relative;\n flex-shrink: 0;\n overflow: visible;\n}\n\n.fixdog-pr-list-toggle {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 5px 10px;\n font-size: 11px;\n font-weight: 500;\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.7));\n background: var(--fixdog-bg-tertiary, rgba(0, 0, 0, 0.4));\n border: 1px solid var(--fixdog-border, rgba(255, 255, 255, 0.15));\n border-radius: 6px;\n cursor: pointer;\n transition: all 0.2s;\n white-space: nowrap;\n flex-shrink: 0;\n min-width: fit-content;\n}\n\n.fixdog-pr-list-toggle:hover {\n background: var(--fixdog-bg-tertiary, rgba(0, 0, 0, 0.5));\n border-color: var(--fixdog-border-strong, rgba(255, 255, 255, 0.25));\n color: var(--fixdog-text, #ffffff);\n}\n\n.fixdog-light .fixdog-pr-list-toggle {\n background: #f3f4f6;\n color: #4b5563;\n border-color: #d1d5db;\n}\n\n.fixdog-light .fixdog-pr-list-toggle:hover {\n background: #e5e7eb;\n color: #1f2937;\n border-color: #9ca3af;\n}\n\n.fixdog-pr-list-dropdown {\n position: absolute;\n top: 100%;\n left: 0;\n margin-top: 4px;\n width: 280px;\n max-height: 400px;\n overflow-y: auto;\n background: var(--fixdog-modal-bg, rgba(30, 30, 20, 0.98));\n border: 1px solid var(--fixdog-border-strong, rgba(255, 255, 255, 0.2));\n border-radius: 8px;\n box-shadow: 0 4px 12px var(--fixdog-shadow, rgba(0, 0, 0, 0.5));\n z-index: 1001;\n pointer-events: auto;\n animation: fixdog-dropdown-fade-in 0.15s ease-out;\n}\n\n.fixdog-light .fixdog-pr-list-dropdown {\n background: #ffffff;\n border-color: #e5e7eb;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n.fixdog-pr-list-loading,\n.fixdog-pr-list-error,\n.fixdog-pr-list-empty {\n padding: 16px;\n text-align: center;\n font-size: 13px;\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.6));\n}\n\n.fixdog-pr-list-error {\n color: var(--fixdog-error, #ef4444);\n}\n\n.fixdog-pr-list-items {\n padding: 4px;\n}\n\n.fixdog-pr-list-item {\n display: flex;\n flex-direction: column;\n gap: 4px;\n width: 100%;\n padding: 10px 12px;\n background: transparent;\n border: none;\n border-radius: 6px;\n cursor: pointer;\n text-align: left;\n transition: background 0.15s;\n text-decoration: none;\n color: inherit;\n}\n\n.fixdog-pr-list-item:hover {\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.08));\n}\n\n.fixdog-light .fixdog-pr-list-item:hover {\n background: #f3f4f6;\n}\n\n.fixdog-pr-list-item-header {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n.fixdog-pr-list-item-number {\n font-size: 13px;\n font-weight: 600;\n color: var(--fixdog-accent, #3b82f6);\n}\n\n.fixdog-pr-list-item-title {\n flex: 1;\n font-size: 13px;\n font-weight: 500;\n color: var(--fixdog-text, #ffffff);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.fixdog-light .fixdog-pr-list-item-title {\n color: #1f2937;\n}\n\n.fixdog-pr-list-item-branch {\n font-size: 11px;\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.5));\n font-family: \"SF Mono\", Monaco, Menlo, Consolas, monospace;\n}\n\n.fixdog-pr-list-item-date {\n font-size: 11px;\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.5));\n}\n\n.fixdog-session-selector-dropdown {\n position: absolute;\n top: 100%;\n left: 0;\n margin-top: 4px;\n width: 280px;\n max-height: 400px;\n overflow-y: auto;\n background: var(--fixdog-modal-bg, rgba(30, 30, 20, 0.98));\n border: 1px solid var(--fixdog-border-strong, rgba(255, 255, 255, 0.2));\n border-radius: 8px;\n box-shadow: 0 4px 12px var(--fixdog-shadow, rgba(0, 0, 0, 0.5));\n z-index: 1001;\n pointer-events: auto;\n animation: fixdog-dropdown-fade-in 0.15s ease-out;\n}\n\n.fixdog-light .fixdog-session-selector-dropdown {\n background: #ffffff;\n border-color: #e5e7eb;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n@keyframes fixdog-dropdown-fade-in {\n from { opacity: 0; transform: translateY(-4px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.fixdog-session-selector-loading,\n.fixdog-session-selector-error,\n.fixdog-session-selector-empty {\n padding: 16px;\n text-align: center;\n font-size: 13px;\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.6));\n}\n\n.fixdog-session-selector-error {\n color: var(--fixdog-error, #ef4444);\n}\n\n.fixdog-session-selector-items {\n padding: 4px;\n}\n\n.fixdog-session-selector-item {\n display: flex;\n flex-direction: column;\n gap: 4px;\n width: 100%;\n padding: 10px 12px;\n background: transparent;\n border: none;\n border-radius: 6px;\n cursor: pointer;\n text-align: left;\n transition: background 0.15s;\n}\n\n.fixdog-session-selector-item:hover {\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.08));\n}\n\n.fixdog-light .fixdog-session-selector-item:hover {\n background: #f3f4f6;\n}\n\n.fixdog-session-selector-item.active {\n background: rgba(59, 130, 246, 0.1);\n border: 1px solid rgba(59, 130, 246, 0.2);\n}\n\n.fixdog-session-selector-item-header {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n.fixdog-session-selector-status-dot {\n width: 6px;\n height: 6px;\n border-radius: 50%;\n flex-shrink: 0;\n}\n\n.fixdog-session-selector-item-title {\n flex: 1;\n font-size: 13px;\n font-weight: 500;\n color: var(--fixdog-text, #ffffff);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.fixdog-light .fixdog-session-selector-item-title {\n color: #1f2937;\n}\n\n.fixdog-session-selector-item-status {\n font-size: 10px;\n font-weight: 500;\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.5));\n text-transform: uppercase;\n}\n\n.fixdog-session-selector-item-meta {\n display: flex;\n justify-content: space-between;\n font-size: 11px;\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.5));\n}\n\n.fixdog-session-selector-item-pr {\n font-size: 11px;\n color: var(--fixdog-accent, #3b82f6);\n}\n\n.fixdog-session-selector-item-action {\n font-size: 11px;\n color: var(--fixdog-accent, #3b82f6);\n margin-top: 4px;\n}\n\n/* Inline Modal - inside chat container */\n.fixdog-inline-modal {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 12px;\n padding: 20px;\n margin: 0 16px 16px 16px;\n background: var(--fixdog-modal-bg, rgba(30, 30, 20, 0.98));\n border: 1px solid var(--fixdog-warning, rgba(255, 200, 100, 0.3));\n border-radius: 12px;\n box-shadow: 0 4px 20px var(--fixdog-shadow, rgba(0, 0, 0, 0.4));\n animation: fixdog-modal-slide-in 0.2s ease-out;\n}\n\n/* Light mode modal adjustments */\n.fixdog-light .fixdog-inline-modal {\n border-color: var(--fixdog-border-strong);\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);\n}\n\n.fixdog-inline-modal.error {\n border-color: var(--fixdog-error, #ef4444);\n}\n\n@keyframes fixdog-modal-slide-in {\n from {\n opacity: 0;\n transform: translateY(-8px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.fixdog-inline-modal-icon {\n color: var(--fixdog-warning, #f59e0b);\n line-height: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.fixdog-inline-modal.error .fixdog-inline-modal-icon {\n color: var(--fixdog-error, #ef4444);\n}\n\n.fixdog-inline-modal-content {\n text-align: center;\n}\n\n.fixdog-inline-modal-title {\n font-size: 15px;\n font-weight: 600;\n color: var(--fixdog-text, #ffffff);\n margin-bottom: 6px;\n}\n\n.fixdog-inline-modal-body {\n font-size: 13px;\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.7));\n line-height: 1.5;\n}\n\n.fixdog-inline-modal-actions {\n display: flex;\n gap: 10px;\n margin-top: 4px;\n}\n\n.fixdog-inline-modal-btn {\n padding: 8px 16px;\n font-size: 13px;\n font-weight: 500;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.2s;\n}\n\n.fixdog-inline-modal-btn.cancel {\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.1));\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.8));\n border: 1px solid var(--fixdog-border-strong, rgba(255, 255, 255, 0.15));\n}\n\n.fixdog-inline-modal-btn.cancel:hover {\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.15));\n color: var(--fixdog-text, #ffffff);\n}\n\n/* Light mode cancel button */\n.fixdog-light .fixdog-inline-modal-btn.cancel {\n background: #f3f4f6;\n color: #374151;\n border-color: #d1d5db;\n}\n\n.fixdog-light .fixdog-inline-modal-btn.cancel:hover {\n background: #e5e7eb;\n color: #1f2937;\n}\n\n.fixdog-inline-modal-btn.confirm {\n background: var(--fixdog-warning, #f59e0b);\n color: #000000;\n font-weight: 600;\n}\n\n.fixdog-inline-modal-btn.confirm:hover {\n background: #d97706;\n}\n\n.fixdog-inline-modal-btn.confirm.success {\n background: var(--fixdog-success, #10b981);\n color: #ffffff;\n}\n\n.fixdog-inline-modal-btn.confirm.success:hover {\n background: var(--fixdog-success-hover, #059669);\n}\n\n/* Commit Indicator Styles */\n.fixdog-commit-indicator {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-top: 10px;\n padding-top: 10px;\n border-top: 1px solid var(--fixdog-border, rgba(255, 255, 255, 0.1));\n}\n\n.fixdog-commit-badge {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n padding: 4px 8px;\n background: rgba(34, 197, 94, 0.15);\n border: 1px solid rgba(34, 197, 94, 0.3);\n border-radius: 6px;\n font-family: \"SF Mono\", Monaco, Menlo, Consolas, monospace;\n font-size: 11px;\n color: var(--fixdog-success, #22c55e);\n cursor: default;\n}\n\n.fixdog-commit-badge svg {\n flex-shrink: 0;\n}\n\n.fixdog-light .fixdog-commit-badge {\n background: rgba(34, 197, 94, 0.1);\n color: #15803d;\n}\n\n/* Revert Button */\n.fixdog-revert-btn {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 4px 8px;\n background: transparent;\n border: 1px solid var(--fixdog-border, rgba(255, 255, 255, 0.15));\n border-radius: 6px;\n font-size: 11px;\n font-weight: 500;\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.6));\n cursor: pointer;\n transition: all 0.2s;\n}\n\n.fixdog-revert-btn:hover {\n background: rgba(239, 68, 68, 0.1);\n border-color: rgba(239, 68, 68, 0.3);\n color: var(--fixdog-error, #ef4444);\n}\n\n.fixdog-revert-btn svg {\n flex-shrink: 0;\n}\n\n.fixdog-light .fixdog-revert-btn {\n border-color: #d1d5db;\n color: #6b7280;\n}\n\n.fixdog-light .fixdog-revert-btn:hover {\n background: rgba(239, 68, 68, 0.1);\n border-color: rgba(239, 68, 68, 0.3);\n color: #dc2626;\n}\n\n/* Reverted Message State */\n.fixdog-message-reverted {\n opacity: 0.5;\n}\n\n.fixdog-message-reverted .fixdog-message-bubble {\n position: relative;\n}\n\n.fixdog-reverted-badge {\n display: inline-block;\n padding: 2px 6px;\n margin-bottom: 6px;\n background: rgba(239, 68, 68, 0.15);\n border: 1px solid rgba(239, 68, 68, 0.25);\n border-radius: 4px;\n font-size: 10px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.03em;\n color: var(--fixdog-error, #ef4444);\n}\n\n.fixdog-light .fixdog-reverted-badge {\n background: rgba(239, 68, 68, 0.1);\n color: #dc2626;\n}\n\n/* Mobile Responsive */\n@media (max-width: 768px) {\n .fixdog-sidebar {\n width: 100vw;\n }\n\n .fixdog-session-status-bar {\n flex-direction: column;\n align-items: flex-start;\n gap: 8px;\n }\n\n .fixdog-session-status-right {\n width: 100%;\n justify-content: flex-end;\n }\n}\n\n/* Responsive Top Bar */\n@media (max-width: 600px) {\n .fixdog-top-bar {\n padding: 10px 12px;\n gap: 8px;\n }\n\n .fixdog-top-bar-content {\n gap: 6px;\n }\n\n .fixdog-session-top {\n gap: 6px;\n flex-wrap: wrap;\n }\n\n .fixdog-top-bar-dropdowns {\n gap: 6px;\n }\n\n .fixdog-session-label {\n font-size: 11px;\n }\n\n .fixdog-session-selector-toggle,\n .fixdog-new-session-btn,\n .fixdog-pr-list-toggle {\n font-size: 10px;\n padding: 4px 8px;\n }\n\n .fixdog-top-actions {\n gap: 6px;\n }\n\n .fixdog-theme-toggle,\n .fixdog-side-toggle {\n width: 28px;\n height: 28px;\n }\n}\n\n@media (max-width: 480px) {\n .fixdog-top-bar {\n flex-direction: column;\n align-items: stretch;\n gap: 8px;\n padding: 10px;\n }\n\n .fixdog-top-bar-content {\n width: 100%;\n flex-direction: column;\n gap: 6px;\n }\n\n .fixdog-session-top {\n width: 100%;\n flex-wrap: wrap;\n gap: 6px;\n margin-left: 0;\n }\n\n .fixdog-top-bar-dropdowns {\n width: 100%;\n justify-content: flex-start;\n }\n\n .fixdog-top-actions {\n width: 100%;\n justify-content: flex-end;\n }\n\n .fixdog-session-label {\n display: none;\n }\n}";
1
+ declare const sidebarStyles = "/* Fixdog Sidebar Styles */\n\n/* CSS Variables - Dark Theme (default) */\n.fixdog-dark {\n --fixdog-bg: #13140a;\n --fixdog-bg-secondary: rgba(0, 0, 0, 0.3);\n --fixdog-bg-tertiary: rgba(0, 0, 0, 0.4);\n --fixdog-border: rgba(255, 255, 255, 0.1);\n --fixdog-border-strong: rgba(255, 255, 255, 0.15);\n --fixdog-text: #ffffff;\n --fixdog-text-secondary: rgba(255, 255, 255, 0.7);\n --fixdog-text-muted: rgba(255, 255, 255, 0.5);\n --fixdog-accent: #3b82f6;\n --fixdog-accent-hover: #2563eb;\n --fixdog-success: #10b981;\n --fixdog-success-hover: #059669;\n --fixdog-warning: #f59e0b;\n --fixdog-error: #ef4444;\n --fixdog-shadow: rgba(0, 0, 0, 0.5);\n --fixdog-modal-bg: rgba(30, 30, 20, 0.98);\n}\n\n/* CSS Variables - Light Theme */\n.fixdog-light {\n --fixdog-bg: #f8f9fa;\n --fixdog-bg-secondary: #ffffff;\n --fixdog-bg-tertiary: #e9ecef;\n --fixdog-border: rgba(0, 0, 0, 0.1);\n --fixdog-border-strong: rgba(0, 0, 0, 0.15);\n --fixdog-text: #1a1a1a;\n --fixdog-text-secondary: #4a4a4a;\n --fixdog-text-muted: #6b7280;\n --fixdog-accent: #2563eb;\n --fixdog-accent-hover: #1d4ed8;\n --fixdog-success: #059669;\n --fixdog-success-hover: #047857;\n --fixdog-warning: #d97706;\n --fixdog-error: #dc2626;\n --fixdog-shadow: rgba(0, 0, 0, 0.12);\n --fixdog-modal-bg: #ffffff;\n}\n\n/* Overlay */\n.fixdog-sidebar-overlay {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 999999;\n pointer-events: none;\n}\n\n/* Main Sidebar Container */\n.fixdog-sidebar {\n position: fixed;\n right: 0;\n top: 0;\n width: 420px;\n max-width: 100vw;\n height: 100vh;\n background: var(--fixdog-bg, #13140a);\n box-shadow: -4px 0 24px var(--fixdog-shadow, rgba(0, 0, 0, 0.5));\n display: flex;\n flex-direction: column;\n font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n font-size: 14px;\n color: var(--fixdog-text, #ffffff);\n pointer-events: auto;\n animation: fixdog-slide-in-right 0.3s ease-out;\n}\n\n.fixdog-sidebar-container {\n display: flex;\n flex-direction: column;\n height: 100%;\n overflow: hidden;\n border-left: 1px solid var(--fixdog-border, rgba(255, 255, 255, 0.1));\n}\n\n.fixdog-side-left {\n left: 0;\n right: auto;\n box-shadow: 4px 0 24px var(--fixdog-shadow, rgba(0, 0, 0, 0.5));\n border-left: none;\n border-right: 1px solid var(--fixdog-border, rgba(255, 255, 255, 0.1));\n animation: fixdog-slide-in-left 0.3s ease-out;\n}\n\n.fixdog-side-right {\n right: 0;\n left: auto;\n animation: fixdog-slide-in-right 0.3s ease-out;\n}\n\n@keyframes fixdog-slide-in-right {\n from {\n transform: translateX(100%);\n }\n to {\n transform: translateX(0);\n }\n}\n\n@keyframes fixdog-slide-in-left {\n from {\n transform: translateX(-100%);\n }\n to {\n transform: translateX(0);\n }\n}\n\n/* Icon spin animation */\n@keyframes fixdog-icon-spin {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n\n.fixdog-icon-spin {\n animation: fixdog-icon-spin 1s linear infinite;\n}\n\n/* Top Bar - Pinned session and theme controls */\n.fixdog-top-bar {\n display: flex;\n align-items: flex-start;\n padding: 12px 16px;\n background: var(--fixdog-bg-secondary, rgba(0, 0, 0, 0.3));\n border-bottom: 1px solid var(--fixdog-border-strong, rgba(255, 255, 255, 0.15));\n flex-shrink: 0;\n gap: 8px 12px;\n overflow: visible;\n position: relative;\n z-index: 1;\n}\n\n.fixdog-top-bar-content {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 8px;\n flex: 1;\n}\n\n.fixdog-session-top {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 8px;\n min-width: 0;\n overflow: visible;\n /* margin-left: auto; */\n}\n\n.fixdog-session-info {\n display: flex;\n align-items: center;\n gap: 8px;\n min-width: 0;\n overflow: visible;\n}\n\n.fixdog-top-bar-dropdowns {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 8px;\n flex-shrink: 0;\n overflow: visible;\n}\n\n.fixdog-top-actions {\n display: flex;\n align-items: flex-start;\n gap: 8px;\n flex-shrink: 0;\n}\n\n.fixdog-theme-toggle,\n.fixdog-side-toggle {\n width: 32px;\n height: 32px;\n min-width: 32px;\n min-height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: transparent;\n border: 1px solid var(--fixdog-border, rgba(255, 255, 255, 0.1));\n border-radius: 8px;\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.7));\n cursor: pointer;\n transition: all 0.2s;\n padding: 0;\n box-sizing: border-box;\n}\n\n.fixdog-theme-toggle svg,\n.fixdog-side-toggle svg {\n display: block;\n flex-shrink: 0;\n}\n\n.fixdog-theme-toggle:hover,\n.fixdog-side-toggle:hover {\n background: var(--fixdog-bg-tertiary, rgba(0, 0, 0, 0.4));\n color: var(--fixdog-text, #ffffff);\n border-color: var(--fixdog-border-strong, rgba(255, 255, 255, 0.15));\n}\n\n/* Light mode theme toggle */\n.fixdog-light .fixdog-theme-toggle,\n.fixdog-light .fixdog-side-toggle {\n border-color: #d1d5db;\n color: #4b5563;\n}\n\n.fixdog-light .fixdog-theme-toggle:hover,\n.fixdog-light .fixdog-side-toggle:hover {\n background: #f3f4f6;\n color: #1f2937;\n border-color: #9ca3af;\n}\n\n.fixdog-pr-chip {\n font-size: 11px;\n font-weight: 500;\n color: var(--fixdog-accent, #3b82f6);\n text-decoration: none;\n padding: 4px 10px;\n border-radius: 6px;\n background: rgba(59, 130, 246, 0.1);\n transition: all 0.2s;\n white-space: nowrap;\n}\n\n.fixdog-pr-chip:hover {\n background: rgba(59, 130, 246, 0.2);\n}\n\n/* Header */\n.fixdog-sidebar-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 16px 20px;\n border-bottom: 1px solid var(--fixdog-border-strong, rgba(255, 255, 255, 0.15));\n background: var(--fixdog-bg-secondary, rgba(0, 0, 0, 0.3));\n flex-shrink: 0;\n}\n\n.fixdog-header-left {\n display: flex;\n align-items: center;\n gap: 10px;\n}\n\n.fixdog-header-right {\n display: flex;\n align-items: center;\n gap: 8px;\n position: relative;\n}\n\n.fixdog-avatar-wrapper {\n position: relative;\n}\n\n.fixdog-header-action-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n padding: 0;\n background: transparent;\n border: none;\n border-radius: 6px;\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.5));\n cursor: pointer;\n transition: background 0.15s, color 0.15s;\n}\n\n.fixdog-header-action-btn:hover {\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.08));\n color: var(--fixdog-text, #ffffff);\n}\n\n.fixdog-header-close-btn:hover {\n background: rgba(239, 68, 68, 0.15);\n color: #ef4444;\n}\n\n/* Light theme */\n.fixdog-light .fixdog-header-action-btn {\n color: #9ca3af;\n}\n\n.fixdog-light .fixdog-header-action-btn:hover {\n background: rgba(0, 0, 0, 0.05);\n color: #374151;\n}\n\n.fixdog-light .fixdog-header-close-btn:hover {\n background: rgba(239, 68, 68, 0.1);\n color: #dc2626;\n}\n\n.fixdog-state-dot {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n flex-shrink: 0;\n}\n\n.fixdog-state-label {\n font-size: 15px;\n font-weight: 600;\n color: var(--fixdog-text, #ffffff);\n}\n\n.fixdog-history-btn {\n padding: 6px 14px;\n font-size: 13px;\n font-weight: 500;\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.7));\n background: transparent;\n border: 1px solid var(--fixdog-border, rgba(255, 255, 255, 0.15));\n border-radius: 6px;\n cursor: pointer;\n transition: all 0.2s;\n}\n\n.fixdog-history-btn:hover {\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.1));\n color: var(--fixdog-text, #ffffff);\n border-color: var(--fixdog-border-strong, rgba(255, 255, 255, 0.25));\n}\n\n.fixdog-light .fixdog-history-btn {\n color: #4b5563;\n border-color: #d1d5db;\n}\n\n.fixdog-light .fixdog-history-btn:hover {\n background: #f3f4f6;\n color: #1f2937;\n}\n\n/* Main Header */\n.fixdog-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 12px 16px;\n border-bottom: 1px solid var(--fixdog-border-strong, rgba(255, 255, 255, 0.15));\n background: var(--fixdog-bg-secondary, rgba(0, 0, 0, 0.3));\n flex-shrink: 0;\n}\n\n.fixdog-header-logo-link {\n display: flex;\n align-items: center;\n text-decoration: none;\n}\n\n.fixdog-header-logo {\n width: 28px;\n height: 28px;\n border-radius: 6px;\n}\n\n.fixdog-header-title {\n font-size: 15px;\n font-weight: 600;\n color: var(--fixdog-text, #ffffff);\n}\n\n/* Avatar Button */\n.fixdog-avatar-btn {\n width: 32px;\n height: 32px;\n border-radius: 50%;\n background: #5C4033;\n border: none;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\n font-weight: 600;\n color: #ffffff;\n cursor: pointer;\n transition: transform 0.15s, box-shadow 0.15s;\n}\n\n.fixdog-avatar-btn:hover {\n transform: scale(1.05);\n box-shadow: 0 2px 8px rgba(92, 64, 51, 0.4);\n}\n\n/* Avatar Dropdown */\n.fixdog-avatar-backdrop {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 99;\n background: transparent;\n cursor: default;\n}\n\n.fixdog-avatar-dropdown {\n position: absolute;\n top: 100%;\n right: 0;\n margin-top: 8px;\n min-width: 200px;\n background: var(--fixdog-bg-primary, #1a1a1a);\n border: 1px solid var(--fixdog-border-strong, rgba(255, 255, 255, 0.15));\n border-radius: 10px;\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);\n z-index: 100;\n overflow: hidden;\n}\n\n.fixdog-dropdown-user-info {\n padding: 12px 14px;\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n\n.fixdog-dropdown-name {\n font-size: 14px;\n font-weight: 600;\n color: var(--fixdog-text, #ffffff);\n}\n\n.fixdog-dropdown-email {\n font-size: 12px;\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.6));\n}\n\n.fixdog-dropdown-role {\n font-size: 11px;\n color: var(--fixdog-accent, #5C4033);\n text-transform: capitalize;\n margin-top: 2px;\n}\n\n.fixdog-dropdown-divider {\n height: 1px;\n background: var(--fixdog-border, rgba(255, 255, 255, 0.1));\n}\n\n.fixdog-dropdown-item {\n display: flex;\n align-items: center;\n gap: 10px;\n width: 100%;\n padding: 10px 14px;\n font-size: 13px;\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.7));\n background: transparent;\n border: none;\n cursor: pointer;\n transition: background 0.15s, color 0.15s;\n text-align: left;\n}\n\n.fixdog-dropdown-item:hover {\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.08));\n color: var(--fixdog-text, #ffffff);\n}\n\n.fixdog-dropdown-item svg {\n flex-shrink: 0;\n opacity: 0.7;\n}\n\n/* Light theme overrides */\n.fixdog-light .fixdog-header {\n background: #f9fafb;\n border-bottom-color: #e5e7eb;\n}\n\n.fixdog-light .fixdog-header-title {\n color: #1f2937;\n}\n\n.fixdog-light .fixdog-avatar-dropdown {\n background: #ffffff;\n border-color: #e5e7eb;\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);\n}\n\n.fixdog-light .fixdog-dropdown-name {\n color: #1f2937;\n}\n\n.fixdog-light .fixdog-dropdown-email {\n color: #6b7280;\n}\n\n.fixdog-light .fixdog-dropdown-divider {\n background: #e5e7eb;\n}\n\n.fixdog-light .fixdog-dropdown-item {\n color: #4b5563;\n}\n\n.fixdog-light .fixdog-dropdown-item:hover {\n background: #f3f4f6;\n color: #1f2937;\n}\n\n.fixdog-user-avatar {\n width: 32px;\n height: 32px;\n border-radius: 6px;\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.15));\n border: 1px solid var(--fixdog-border, rgba(255, 255, 255, 0.1));\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\n font-weight: 600;\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.7));\n}\n\n.fixdog-light .fixdog-user-avatar {\n background: #f3f4f6;\n border-color: #d1d5db;\n color: #4b5563;\n}\n\n.fixdog-sidebar-title {\n margin: 0;\n font-size: 18px;\n font-weight: 600;\n color: #ffffff;\n letter-spacing: -0.01em;\n}\n\n.fixdog-close-btn {\n width: 32px;\n height: 32px;\n border: none;\n background: transparent;\n font-size: 28px;\n line-height: 1;\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.7));\n cursor: pointer;\n border-radius: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.2s;\n flex-shrink: 0;\n margin-left: 12px;\n}\n\n.fixdog-close-btn:hover {\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.1));\n color: var(--fixdog-text, #ffffff);\n}\n\n/* Light mode close button */\n.fixdog-light .fixdog-close-btn {\n color: #6b7280;\n}\n\n.fixdog-light .fixdog-close-btn:hover {\n background: #f3f4f6;\n color: #1f2937;\n}\n\n/* Content Area */\n.fixdog-sidebar-content {\n flex: 1;\n overflow-y: auto;\n overflow-x: hidden;\n padding: 24px;\n scrollbar-width: thin;\n scrollbar-color: rgba(255, 255, 255, 0.2) transparent;\n}\n\n.fixdog-sidebar-content::-webkit-scrollbar {\n width: 8px;\n}\n\n.fixdog-sidebar-content::-webkit-scrollbar-track {\n background: transparent;\n}\n\n.fixdog-sidebar-content::-webkit-scrollbar-thumb {\n background: rgba(255, 255, 255, 0.2);\n border-radius: 4px;\n}\n\n.fixdog-sidebar-content::-webkit-scrollbar-thumb:hover {\n background: rgba(255, 255, 255, 0.3);\n}\n\n/* Element Info Section */\n.fixdog-element-info-section {\n padding: 16px 20px;\n border-bottom: 1px solid var(--fixdog-border-strong, rgba(255, 255, 255, 0.15));\n flex-shrink: 0;\n background: var(--fixdog-bg-secondary, rgba(0, 0, 0, 0.2));\n margin-top: 0;\n}\n\n/* Element Info Section */\n.fixdog-element-info {\n margin-bottom: 0;\n}\n\n.fixdog-element-info-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 12px;\n}\n\n.fixdog-element-info-title {\n margin: 0;\n font-size: 14px;\n font-weight: 600;\n color: var(--fixdog-text, rgba(255, 255, 255, 0.9));\n text-transform: uppercase;\n letter-spacing: 0.05em;\n}\n\n.fixdog-toggle-view-btn {\n padding: 6px 14px;\n font-size: 12px;\n border: 1px solid var(--fixdog-border-strong, rgba(255, 255, 255, 0.2));\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.1));\n color: var(--fixdog-text, #ffffff);\n border-radius: 6px;\n cursor: pointer;\n transition: all 0.2s;\n font-weight: 500;\n}\n\n.fixdog-toggle-view-btn:hover {\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.2));\n border-color: var(--fixdog-border-strong, rgba(255, 255, 255, 0.3));\n}\n\n/* Light mode toggle view button */\n.fixdog-light .fixdog-toggle-view-btn {\n background: #f3f4f6;\n border-color: #d1d5db;\n color: #374151;\n}\n\n.fixdog-light .fixdog-toggle-view-btn:hover {\n background: #e5e7eb;\n border-color: #9ca3af;\n}\n\n.fixdog-element-info-content {\n background: var(--fixdog-bg-tertiary, rgba(0, 0, 0, 0.3));\n border: 1px solid var(--fixdog-border-strong, rgba(255, 255, 255, 0.15));\n border-radius: 8px;\n padding: 16px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n position: relative;\n}\n\n/* Light mode element info content */\n.fixdog-light .fixdog-element-info-content {\n background: #ffffff;\n border-color: #e5e7eb;\n}\n\n.fixdog-file-location {\n font-family: \"SF Mono\", Monaco, Menlo, Consolas, monospace;\n font-size: 13px;\n color: var(--fixdog-text, #ffffff);\n word-break: break-word;\n}\n\n.fixdog-info-row {\n display: flex;\n margin-bottom: 12px;\n line-height: 1.6;\n}\n\n.fixdog-info-row:last-of-type {\n margin-bottom: 0;\n}\n\n.fixdog-info-row:last-child {\n margin-bottom: 0;\n}\n\n.fixdog-info-label {\n flex-shrink: 0;\n width: 100px;\n font-weight: 500;\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.75));\n font-size: 13px;\n}\n\n.fixdog-info-value {\n flex: 1;\n color: var(--fixdog-text, #ffffff);\n word-break: break-word;\n font-size: 13px;\n}\n\n.fixdog-component-name {\n font-weight: 600;\n color: var(--fixdog-accent, #60a5fa);\n}\n\n.fixdog-file-path {\n font-family: \"SF Mono\", Monaco, Menlo, Consolas, monospace;\n font-size: 12px;\n}\n\n.fixdog-mono {\n font-family: \"SF Mono\", Monaco, Menlo, Consolas, monospace;\n font-size: 12px;\n}\n\n.fixdog-detailed-section {\n margin-top: 12px;\n padding-top: 12px;\n border-top: 1px solid var(--fixdog-border, rgba(255, 255, 255, 0.1));\n}\n\n.fixdog-code-preview {\n flex-direction: column;\n}\n\n.fixdog-code-placeholder {\n margin-top: 6px;\n padding: 8px;\n background: var(--fixdog-bg-tertiary, rgba(0, 0, 0, 0.3));\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.8));\n border-radius: 4px;\n font-family: \"SF Mono\", Monaco, Menlo, Consolas, monospace;\n font-size: 12px;\n white-space: pre-wrap;\n word-break: break-word;\n}\n\n/* Chat Container */\n.fixdog-chat-container {\n flex: 1;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n min-height: 0;\n}\n\n/* Messages Container */\n.fixdog-messages-container {\n flex: 1;\n overflow-y: auto;\n overflow-x: hidden;\n padding: 16px 20px;\n scrollbar-width: thin;\n scrollbar-color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.2)) transparent;\n}\n\n.fixdog-messages-container::-webkit-scrollbar {\n width: 8px;\n}\n\n.fixdog-messages-container::-webkit-scrollbar-track {\n background: transparent;\n}\n\n.fixdog-messages-container::-webkit-scrollbar-thumb {\n background: var(--fixdog-text-muted, rgba(255, 255, 255, 0.2));\n border-radius: 4px;\n}\n\n.fixdog-messages-container::-webkit-scrollbar-thumb:hover {\n background: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.3));\n}\n\n/* Empty State */\n.fixdog-empty-state {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n min-height: 200px;\n width: 100%;\n}\n\n.fixdog-empty-state-text {\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.6));\n font-size: 14px;\n text-align: center;\n}\n\n/* Secret Prompt */\n.fixdog-secret-prompt {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 12px;\n padding: 24px;\n width: 100%;\n box-sizing: border-box;\n}\n\n.fixdog-secret-title {\n font-size: 16px;\n font-weight: 600;\n color: var(--fixdog-text, #ffffff);\n}\n\n.fixdog-secret-description {\n font-size: 13px;\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.6));\n text-align: center;\n}\n\n.fixdog-secret-input-wrapper {\n display: flex;\n flex-direction: column;\n gap: 12px;\n width: 100%;\n}\n\n.fixdog-secret-input {\n width: 100%;\n padding: 10px 14px;\n border: 1px solid var(--fixdog-border-strong, rgba(255, 255, 255, 0.2));\n border-radius: 8px;\n font-family: inherit;\n font-size: 14px;\n background: var(--fixdog-bg-tertiary, rgba(0, 0, 0, 0.4));\n color: var(--fixdog-text, #ffffff);\n transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;\n box-sizing: border-box;\n}\n\n.fixdog-secret-input::placeholder {\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.5));\n}\n\n.fixdog-secret-input:focus {\n outline: none;\n border-color: var(--fixdog-accent, #60a5fa);\n background: var(--fixdog-bg-tertiary, rgba(0, 0, 0, 0.5));\n box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.15);\n}\n\n/* Light mode secret input */\n.fixdog-light .fixdog-secret-input {\n background: #ffffff;\n border-color: #d1d5db;\n}\n\n.fixdog-light .fixdog-secret-input:focus {\n background: #ffffff;\n box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);\n}\n\n.fixdog-secret-submit-btn {\n width: 100%;\n padding: 10px 16px;\n font-size: 14px;\n font-weight: 500;\n color: #ffffff;\n background: var(--fixdog-accent, #3b82f6);\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.2s;\n}\n\n.fixdog-secret-submit-btn:hover:not(:disabled) {\n background: var(--fixdog-accent-hover, #2563eb);\n}\n\n.fixdog-secret-submit-btn:disabled {\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.1));\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.4));\n cursor: not-allowed;\n}\n\n/* Light mode disabled button */\n.fixdog-light .fixdog-secret-submit-btn:disabled {\n background: #e5e7eb;\n color: #9ca3af;\n}\n\n.fixdog-secret-cancel-btn {\n width: 100%;\n padding: 10px 16px;\n font-size: 14px;\n font-weight: 500;\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.7));\n background: transparent;\n border: 1px solid var(--fixdog-border-strong, rgba(255, 255, 255, 0.2));\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.2s;\n}\n\n.fixdog-secret-cancel-btn:hover {\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.1));\n color: var(--fixdog-text, #ffffff);\n border-color: var(--fixdog-border-strong, rgba(255, 255, 255, 0.3));\n}\n\n/* Light mode cancel button */\n.fixdog-light .fixdog-secret-cancel-btn {\n color: #4b5563;\n border-color: #d1d5db;\n}\n\n.fixdog-light .fixdog-secret-cancel-btn:hover {\n background: #f3f4f6;\n color: #1f2937;\n border-color: #9ca3af;\n}\n\n/* Messages */\n.fixdog-message {\n margin-bottom: 16px;\n display: flex;\n animation: fixdog-message-fade-in 0.2s ease-out;\n}\n\n@keyframes fixdog-message-fade-in {\n from {\n opacity: 0;\n transform: translateY(4px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.fixdog-message-user {\n justify-content: flex-end;\n}\n\n.fixdog-message-assistant {\n justify-content: flex-start;\n}\n\n/* Message Bubbles */\n.fixdog-message-bubble {\n max-width: 80%;\n padding: 12px 16px;\n border-radius: 12px;\n word-wrap: break-word;\n overflow-wrap: break-word;\n}\n\n.fixdog-message-user .fixdog-message-bubble {\n background: rgba(59, 130, 246, 0.15);\n border: 1px solid rgba(59, 130, 246, 0.25);\n color: var(--fixdog-accent, #3b82f6);\n}\n\n.fixdog-light .fixdog-message-user .fixdog-message-bubble {\n background: rgba(59, 130, 246, 0.1);\n color: #1d4ed8;\n}\n\n.fixdog-message-assistant .fixdog-message-bubble {\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.08));\n border: 1px solid var(--fixdog-border-strong, rgba(255, 255, 255, 0.15));\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.9));\n}\n\n.fixdog-message-content {\n line-height: 1.6;\n white-space: pre-wrap;\n word-break: break-word;\n font-size: 14px;\n}\n\n.fixdog-message-content.fixdog-message-error {\n color: #fca5a5;\n}\n\n/* Loading Message */\n.fixdog-message-loading {\n display: flex;\n align-items: center;\n gap: 10px;\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.7));\n font-size: 14px;\n}\n\n.fixdog-spinner {\n width: 16px;\n height: 16px;\n border: 2px solid var(--fixdog-border-strong, rgba(255, 255, 255, 0.2));\n border-top-color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.8));\n border-radius: 50%;\n animation: fixdog-spin 0.8s linear infinite;\n}\n\n.fixdog-spinner-small {\n width: 14px;\n height: 14px;\n border: 2px solid var(--fixdog-border-strong, rgba(255, 255, 255, 0.3));\n border-top-color: var(--fixdog-text, #ffffff);\n border-radius: 50%;\n animation: fixdog-spin 0.8s linear infinite;\n}\n\n/* Light mode spinner */\n.fixdog-light .fixdog-spinner {\n border-color: #e5e7eb;\n border-top-color: #4b5563;\n}\n\n.fixdog-light .fixdog-spinner-small {\n border-color: #d1d5db;\n border-top-color: #374151;\n}\n\n@keyframes fixdog-spin {\n to {\n transform: rotate(360deg);\n }\n}\n\n/* Loading Overlay */\n.fixdog-loading-overlay {\n position: relative;\n display: flex;\n flex-direction: column;\n flex: 1;\n min-height: 0;\n width: 100%;\n}\n\n.fixdog-loading-overlay-content {\n position: absolute;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(0, 0, 0, 0.5);\n backdrop-filter: blur(2px);\n z-index: 100;\n border-radius: inherit;\n}\n\n.fixdog-loading-overlay-spinner {\n width: 32px;\n height: 32px;\n border: 3px solid rgba(255, 255, 255, 0.2);\n border-top-color: #D4A574;\n border-radius: 50%;\n animation: fixdog-spin 0.8s linear infinite;\n}\n\n.fixdog-light .fixdog-loading-overlay-content {\n background: rgba(255, 255, 255, 0.7);\n}\n\n.fixdog-light .fixdog-loading-overlay-spinner {\n border-color: rgba(0, 0, 0, 0.1);\n border-top-color: #5C4033;\n}\n\n/* Fixed Input Footer */\n.fixdog-input-footer-fixed {\n flex-shrink: 0;\n padding: 16px 20px;\n border-top: 1px solid var(--fixdog-border-strong, rgba(255, 255, 255, 0.15));\n background: var(--fixdog-bg-secondary, rgba(0, 0, 0, 0.3));\n}\n\n.fixdog-input-wrapper {\n position: relative;\n margin-bottom: 8px;\n}\n\n.fixdog-textarea {\n width: 100%;\n padding: 10px 60px 10px 14px;\n border: 1px solid var(--fixdog-border-strong, rgba(255, 255, 255, 0.2));\n border-radius: 8px;\n font-family: inherit;\n font-size: 14px;\n line-height: 1.5;\n resize: none;\n min-height: 44px;\n max-height: 200px;\n background: var(--fixdog-bg-tertiary, rgba(0, 0, 0, 0.4));\n color: var(--fixdog-text, #ffffff);\n transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;\n box-sizing: border-box;\n overflow-wrap: break-word;\n word-wrap: break-word;\n overflow-y: auto;\n}\n\n.fixdog-textarea::placeholder {\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.5));\n}\n\n.fixdog-textarea:focus {\n outline: none;\n border-color: var(--fixdog-accent, #60a5fa);\n background: var(--fixdog-bg-tertiary, rgba(0, 0, 0, 0.5));\n box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.15);\n}\n\n.fixdog-textarea:disabled {\n background: var(--fixdog-bg-secondary, rgba(0, 0, 0, 0.2));\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.5));\n cursor: not-allowed;\n}\n\n.fixdog-submit-btn {\n position: absolute;\n bottom: 10px;\n right: 6px;\n width: 32px;\n height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n font-size: 14px;\n font-weight: 500;\n color: #ffffff;\n background: #3b82f6;\n border: none;\n border-radius: 6px;\n cursor: pointer;\n transition: all 0.2s;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n}\n\n.fixdog-submit-btn:active {\n transform: translateY(1px);\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n}\n\n.fixdog-submit-btn:hover:not(:disabled) {\n background: #2563eb;\n}\n\n.fixdog-submit-btn:disabled {\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.1));\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.3));\n cursor: not-allowed;\n}\n\n/* Light mode submit button disabled */\n.fixdog-light .fixdog-submit-btn:disabled {\n background: #e5e7eb;\n color: #9ca3af;\n}\n\n.fixdog-submit-btn svg {\n stroke: currentColor;\n}\n\n.fixdog-input-hint {\n font-size: 11px;\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.5));\n text-align: center;\n margin-top: 4px;\n}\n\n.fixdog-send-to-dev-section {\n margin-top: 12px;\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.fixdog-send-to-dev-btn {\n width: 100%;\n padding: 10px 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n font-size: 14px;\n font-weight: 500;\n color: #ffffff;\n background: #10b981;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.2s;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n}\n\n.fixdog-send-to-dev-btn:hover:not(:disabled) {\n background: #059669;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);\n}\n\n.fixdog-send-to-dev-btn:active:not(:disabled) {\n transform: translateY(1px);\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n}\n\n.fixdog-send-to-dev-btn:disabled {\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.1));\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.5));\n cursor: not-allowed;\n}\n\n/* Light mode send-to-dev disabled */\n.fixdog-light .fixdog-send-to-dev-btn:disabled {\n background: #e5e7eb;\n color: #9ca3af;\n}\n\n.fixdog-send-to-dev-btn svg {\n stroke: currentColor;\n}\n\n.fixdog-pr-link {\n display: block;\n text-align: center;\n font-size: 13px;\n font-weight: 500;\n color: #60a5fa;\n text-decoration: none;\n padding: 6px;\n border-radius: 6px;\n transition: all 0.2s;\n}\n\n.fixdog-pr-link:hover {\n background: rgba(96, 165, 250, 0.1);\n color: #93c5fd;\n text-decoration: underline;\n}\n\n.fixdog-retry-btn {\n margin-top: 8px;\n padding: 6px 12px;\n font-size: 12px;\n font-weight: 500;\n color: #ffffff;\n background: #ef4444;\n border: none;\n border-radius: 6px;\n cursor: pointer;\n transition: background 0.2s;\n}\n\n.fixdog-retry-btn:hover {\n background: #dc2626;\n}\n\n/* Footer */\n.fixdog-sidebar-footer {\n padding: 16px 24px;\n border-top: 1px solid rgba(255, 255, 255, 0.15);\n background: rgba(0, 0, 0, 0.3);\n text-align: center;\n flex-shrink: 0;\n}\n\n.fixdog-footer-text {\n font-size: 12px;\n color: rgba(255, 255, 255, 0.7);\n}\n\n.fixdog-footer-link {\n color: #60a5fa;\n text-decoration: none;\n font-weight: 500;\n}\n\n.fixdog-footer-link:hover {\n text-decoration: underline;\n color: #93c5fd;\n}\n\n/* Selected Components List */\n.fixdog-selected-components-list {\n display: flex;\n flex-direction: column;\n gap: 8px;\n max-height: 200px;\n overflow-y: auto;\n scrollbar-width: thin;\n scrollbar-color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.2)) transparent;\n}\n\n.fixdog-selected-components-list::-webkit-scrollbar {\n width: 6px;\n}\n\n.fixdog-selected-components-list::-webkit-scrollbar-track {\n background: transparent;\n}\n\n.fixdog-selected-components-list::-webkit-scrollbar-thumb {\n background: var(--fixdog-text-muted, rgba(255, 255, 255, 0.2));\n border-radius: 3px;\n}\n\n/* Light mode scrollbar */\n.fixdog-light .fixdog-selected-components-list {\n scrollbar-color: #d1d5db transparent;\n}\n\n.fixdog-light .fixdog-selected-components-list::-webkit-scrollbar-thumb {\n background: #d1d5db;\n}\n\n.fixdog-selected-component-item {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 8px 12px;\n background: var(--fixdog-bg-tertiary, rgba(0, 0, 0, 0.3));\n border: 1px solid var(--fixdog-border, rgba(255, 255, 255, 0.1));\n border-radius: 8px;\n transition: all 0.2s;\n}\n\n.fixdog-selected-component-item:hover {\n background: var(--fixdog-bg-tertiary, rgba(0, 0, 0, 0.4));\n border-color: var(--fixdog-border-strong, rgba(255, 255, 255, 0.2));\n}\n\n/* Light mode component items */\n.fixdog-light .fixdog-selected-component-item {\n background: #ffffff;\n border-color: #e5e7eb;\n}\n\n.fixdog-light .fixdog-selected-component-item:hover {\n background: #f9fafb;\n border-color: #d1d5db;\n}\n\n.fixdog-component-chip-wrapper {\n display: flex;\n align-items: center;\n gap: 10px;\n flex: 1;\n min-width: 0;\n}\n\n.fixdog-component-chip {\n width: 24px;\n height: 24px;\n min-width: 24px;\n background: #3b82f6;\n color: #ffffff;\n font-size: 12px;\n font-weight: 700;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n cursor: pointer;\n transition: all 0.2s;\n}\n\n.fixdog-component-chip:hover {\n background: #2563eb;\n transform: scale(1.1);\n}\n\n.fixdog-component-details {\n display: flex;\n flex-direction: column;\n gap: 2px;\n min-width: 0;\n}\n\n.fixdog-component-name-label {\n font-weight: 600;\n color: var(--fixdog-accent, #60a5fa);\n font-size: 13px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.fixdog-component-file-label {\n font-family: \"SF Mono\", Monaco, Menlo, Consolas, monospace;\n font-size: 11px;\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.6));\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.fixdog-remove-component-btn {\n width: 24px;\n height: 24px;\n min-width: 24px;\n border: none;\n background: transparent;\n font-size: 18px;\n line-height: 1;\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.5));\n cursor: pointer;\n border-radius: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.2s;\n margin-left: 8px;\n}\n\n.fixdog-remove-component-btn:hover {\n background: rgba(239, 68, 68, 0.2);\n color: var(--fixdog-error, #ef4444);\n}\n\n.fixdog-selection-hint {\n margin-top: 12px;\n font-size: 11px;\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.5));\n text-align: center;\n}\n\n/* Chip Input Styles */\n.fixdog-chip-input-container {\n position: relative;\n width: 100%;\n}\n\n.fixdog-chip-input {\n width: 100%;\n min-height: 80px;\n max-height: 200px;\n padding: 12px 14px 44px 14px;\n border: 1px solid var(--fixdog-border-strong, rgba(255, 255, 255, 0.2));\n border-radius: 8px;\n font-family: inherit;\n font-size: 14px;\n line-height: 1.5;\n background: var(--fixdog-bg-tertiary, rgba(0, 0, 0, 0.4));\n color: var(--fixdog-text, #ffffff);\n transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;\n box-sizing: border-box;\n overflow-y: auto;\n overflow-wrap: break-word;\n word-wrap: break-word;\n white-space: pre-wrap;\n}\n\n.fixdog-chip-input:empty::before {\n content: attr(data-placeholder);\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.5));\n pointer-events: none;\n}\n\n.fixdog-chip-input:focus {\n outline: none;\n border-color: var(--fixdog-accent, #60a5fa);\n background: var(--fixdog-bg-tertiary, rgba(0, 0, 0, 0.5));\n box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.15);\n}\n\n.fixdog-chip-input[data-disabled=\"true\"] {\n background: var(--fixdog-bg-secondary, rgba(0, 0, 0, 0.2));\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.5));\n cursor: not-allowed;\n pointer-events: none;\n}\n\n/* Light mode chip input */\n.fixdog-light .fixdog-chip-input {\n background: #ffffff;\n border-color: #d1d5db;\n}\n\n.fixdog-light .fixdog-chip-input:focus {\n background: #ffffff;\n border-color: var(--fixdog-accent);\n box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);\n}\n\n/* Inline chip in input */\n.fixdog-inline-chip {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 20px;\n height: 20px;\n background: #3b82f6;\n color: #ffffff;\n font-size: 11px;\n font-weight: 700;\n border-radius: 50%;\n margin: 0 2px;\n vertical-align: middle;\n user-select: none;\n cursor: default;\n}\n\n/* Message display chip */\n.fixdog-message-chip {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 18px;\n height: 18px;\n background: #3b82f6;\n color: #ffffff;\n font-size: 10px;\n font-weight: 700;\n border-radius: 50%;\n margin: 0 2px;\n vertical-align: middle;\n}\n\n/* Session elements in top bar */\n.fixdog-session-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--fixdog-text-muted, rgba(255, 255, 255, 0.3));\n transition: background 0.2s;\n flex-shrink: 0;\n min-width: 8px;\n}\n\n.fixdog-session-dot.active {\n background: var(--fixdog-success, #22c55e);\n box-shadow: 0 0 6px rgba(34, 197, 94, 0.5);\n}\n\n.fixdog-session-label {\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.7));\n font-weight: 500;\n font-size: 12px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n flex-shrink: 1;\n min-width: 0;\n}\n\n.fixdog-new-session-btn {\n font-size: 11px;\n font-weight: 500;\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.7));\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.1));\n border: 1px solid var(--fixdog-border, rgba(255, 255, 255, 0.15));\n padding: 5px 12px;\n border-radius: 6px;\n cursor: pointer;\n transition: all 0.2s;\n white-space: nowrap;\n flex-shrink: 0;\n min-width: fit-content;\n}\n\n.fixdog-new-session-btn:hover {\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.15));\n color: var(--fixdog-text, #ffffff);\n border-color: var(--fixdog-border-strong, rgba(255, 255, 255, 0.25));\n}\n\n.fixdog-new-session-btn.primary {\n background: var(--fixdog-accent, #3b82f6);\n color: #ffffff;\n border-color: var(--fixdog-accent, #3b82f6);\n font-weight: 600;\n}\n\n.fixdog-new-session-btn.primary:hover {\n background: var(--fixdog-accent-hover, #2563eb);\n border-color: var(--fixdog-accent-hover, #2563eb);\n}\n\n/* Light mode session button */\n.fixdog-light .fixdog-new-session-btn {\n background: #f3f4f6;\n color: #4b5563;\n border-color: #d1d5db;\n}\n\n.fixdog-light .fixdog-new-session-btn:hover {\n background: #e5e7eb;\n color: #1f2937;\n border-color: #9ca3af;\n}\n\n/* Session Selector Dropdown */\n.fixdog-session-selector-container {\n position: relative;\n flex-shrink: 0;\n overflow: visible;\n}\n\n.fixdog-session-selector-toggle {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 5px 10px;\n font-size: 11px;\n font-weight: 500;\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.7));\n background: var(--fixdog-bg-tertiary, rgba(0, 0, 0, 0.4));\n border: 1px solid var(--fixdog-border, rgba(255, 255, 255, 0.15));\n border-radius: 6px;\n cursor: pointer;\n transition: all 0.2s;\n white-space: nowrap;\n flex-shrink: 0;\n min-width: fit-content;\n}\n\n.fixdog-session-selector-toggle:hover {\n background: var(--fixdog-bg-tertiary, rgba(0, 0, 0, 0.5));\n border-color: var(--fixdog-border-strong, rgba(255, 255, 255, 0.25));\n color: var(--fixdog-text, #ffffff);\n}\n\n.fixdog-light .fixdog-session-selector-toggle {\n background: #f3f4f6;\n color: #4b5563;\n border-color: #d1d5db;\n}\n\n.fixdog-light .fixdog-session-selector-toggle:hover {\n background: #e5e7eb;\n color: #1f2937;\n border-color: #9ca3af;\n}\n\n/* PR List Dropdown */\n.fixdog-pr-list-container {\n position: relative;\n flex-shrink: 0;\n overflow: visible;\n}\n\n.fixdog-pr-list-toggle {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 5px 10px;\n font-size: 11px;\n font-weight: 500;\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.7));\n background: var(--fixdog-bg-tertiary, rgba(0, 0, 0, 0.4));\n border: 1px solid var(--fixdog-border, rgba(255, 255, 255, 0.15));\n border-radius: 6px;\n cursor: pointer;\n transition: all 0.2s;\n white-space: nowrap;\n flex-shrink: 0;\n min-width: fit-content;\n}\n\n.fixdog-pr-list-toggle:hover {\n background: var(--fixdog-bg-tertiary, rgba(0, 0, 0, 0.5));\n border-color: var(--fixdog-border-strong, rgba(255, 255, 255, 0.25));\n color: var(--fixdog-text, #ffffff);\n}\n\n.fixdog-light .fixdog-pr-list-toggle {\n background: #f3f4f6;\n color: #4b5563;\n border-color: #d1d5db;\n}\n\n.fixdog-light .fixdog-pr-list-toggle:hover {\n background: #e5e7eb;\n color: #1f2937;\n border-color: #9ca3af;\n}\n\n.fixdog-pr-list-dropdown {\n position: absolute;\n top: 100%;\n left: 0;\n margin-top: 4px;\n width: 280px;\n max-height: 400px;\n overflow-y: auto;\n background: var(--fixdog-modal-bg, rgba(30, 30, 20, 0.98));\n border: 1px solid var(--fixdog-border-strong, rgba(255, 255, 255, 0.2));\n border-radius: 8px;\n box-shadow: 0 4px 12px var(--fixdog-shadow, rgba(0, 0, 0, 0.5));\n z-index: 1001;\n pointer-events: auto;\n animation: fixdog-dropdown-fade-in 0.15s ease-out;\n}\n\n.fixdog-light .fixdog-pr-list-dropdown {\n background: #ffffff;\n border-color: #e5e7eb;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n.fixdog-pr-list-loading,\n.fixdog-pr-list-error,\n.fixdog-pr-list-empty {\n padding: 16px;\n text-align: center;\n font-size: 13px;\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.6));\n}\n\n.fixdog-pr-list-error {\n color: var(--fixdog-error, #ef4444);\n}\n\n.fixdog-pr-list-items {\n padding: 4px;\n}\n\n.fixdog-pr-list-item {\n display: flex;\n flex-direction: column;\n gap: 4px;\n width: 100%;\n padding: 10px 12px;\n background: transparent;\n border: none;\n border-radius: 6px;\n cursor: pointer;\n text-align: left;\n transition: background 0.15s;\n text-decoration: none;\n color: inherit;\n}\n\n.fixdog-pr-list-item:hover {\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.08));\n}\n\n.fixdog-light .fixdog-pr-list-item:hover {\n background: #f3f4f6;\n}\n\n.fixdog-pr-list-item-header {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n.fixdog-pr-list-item-number {\n font-size: 13px;\n font-weight: 600;\n color: var(--fixdog-accent, #3b82f6);\n}\n\n.fixdog-pr-list-item-title {\n flex: 1;\n font-size: 13px;\n font-weight: 500;\n color: var(--fixdog-text, #ffffff);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.fixdog-light .fixdog-pr-list-item-title {\n color: #1f2937;\n}\n\n.fixdog-pr-list-item-branch {\n font-size: 11px;\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.5));\n font-family: \"SF Mono\", Monaco, Menlo, Consolas, monospace;\n}\n\n.fixdog-pr-list-item-date {\n font-size: 11px;\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.5));\n}\n\n.fixdog-session-selector-dropdown {\n position: absolute;\n top: 100%;\n left: 0;\n margin-top: 4px;\n width: 280px;\n max-height: 400px;\n overflow-y: auto;\n background: var(--fixdog-modal-bg, rgba(30, 30, 20, 0.98));\n border: 1px solid var(--fixdog-border-strong, rgba(255, 255, 255, 0.2));\n border-radius: 8px;\n box-shadow: 0 4px 12px var(--fixdog-shadow, rgba(0, 0, 0, 0.5));\n z-index: 1001;\n pointer-events: auto;\n animation: fixdog-dropdown-fade-in 0.15s ease-out;\n}\n\n.fixdog-light .fixdog-session-selector-dropdown {\n background: #ffffff;\n border-color: #e5e7eb;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n@keyframes fixdog-dropdown-fade-in {\n from { opacity: 0; transform: translateY(-4px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.fixdog-session-selector-loading,\n.fixdog-session-selector-error,\n.fixdog-session-selector-empty {\n padding: 16px;\n text-align: center;\n font-size: 13px;\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.6));\n}\n\n.fixdog-session-selector-error {\n color: var(--fixdog-error, #ef4444);\n}\n\n.fixdog-session-selector-items {\n padding: 4px;\n}\n\n.fixdog-session-selector-item {\n display: flex;\n flex-direction: column;\n gap: 4px;\n width: 100%;\n padding: 10px 12px;\n background: transparent;\n border: none;\n border-radius: 6px;\n cursor: pointer;\n text-align: left;\n transition: background 0.15s;\n}\n\n.fixdog-session-selector-item:hover {\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.08));\n}\n\n.fixdog-light .fixdog-session-selector-item:hover {\n background: #f3f4f6;\n}\n\n.fixdog-session-selector-item.active {\n background: rgba(59, 130, 246, 0.1);\n border: 1px solid rgba(59, 130, 246, 0.2);\n}\n\n.fixdog-session-selector-item-header {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n.fixdog-session-selector-status-dot {\n width: 6px;\n height: 6px;\n border-radius: 50%;\n flex-shrink: 0;\n}\n\n.fixdog-session-selector-item-title {\n flex: 1;\n font-size: 13px;\n font-weight: 500;\n color: var(--fixdog-text, #ffffff);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.fixdog-light .fixdog-session-selector-item-title {\n color: #1f2937;\n}\n\n.fixdog-session-selector-item-status {\n font-size: 10px;\n font-weight: 500;\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.5));\n text-transform: uppercase;\n}\n\n.fixdog-session-selector-item-meta {\n display: flex;\n justify-content: space-between;\n font-size: 11px;\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.5));\n}\n\n.fixdog-session-selector-item-pr {\n font-size: 11px;\n color: var(--fixdog-accent, #3b82f6);\n}\n\n.fixdog-session-selector-item-action {\n font-size: 11px;\n color: var(--fixdog-accent, #3b82f6);\n margin-top: 4px;\n}\n\n/* Inline Modal - inside chat container */\n.fixdog-inline-modal {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 12px;\n padding: 20px;\n margin: 0 16px 16px 16px;\n background: var(--fixdog-modal-bg, rgba(30, 30, 20, 0.98));\n border: 1px solid var(--fixdog-warning, rgba(255, 200, 100, 0.3));\n border-radius: 12px;\n box-shadow: 0 4px 20px var(--fixdog-shadow, rgba(0, 0, 0, 0.4));\n animation: fixdog-modal-slide-in 0.2s ease-out;\n}\n\n/* Light mode modal adjustments */\n.fixdog-light .fixdog-inline-modal {\n border-color: var(--fixdog-border-strong);\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);\n}\n\n.fixdog-inline-modal.error {\n border-color: var(--fixdog-error, #ef4444);\n}\n\n@keyframes fixdog-modal-slide-in {\n from {\n opacity: 0;\n transform: translateY(-8px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.fixdog-inline-modal-icon {\n color: var(--fixdog-warning, #f59e0b);\n line-height: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.fixdog-inline-modal.error .fixdog-inline-modal-icon {\n color: var(--fixdog-error, #ef4444);\n}\n\n.fixdog-inline-modal-content {\n text-align: center;\n}\n\n.fixdog-inline-modal-title {\n font-size: 15px;\n font-weight: 600;\n color: var(--fixdog-text, #ffffff);\n margin-bottom: 6px;\n}\n\n.fixdog-inline-modal-body {\n font-size: 13px;\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.7));\n line-height: 1.5;\n}\n\n.fixdog-inline-modal-actions {\n display: flex;\n gap: 10px;\n margin-top: 4px;\n}\n\n.fixdog-inline-modal-btn {\n padding: 8px 16px;\n font-size: 13px;\n font-weight: 500;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.2s;\n}\n\n.fixdog-inline-modal-btn.cancel {\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.1));\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.8));\n border: 1px solid var(--fixdog-border-strong, rgba(255, 255, 255, 0.15));\n}\n\n.fixdog-inline-modal-btn.cancel:hover {\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.15));\n color: var(--fixdog-text, #ffffff);\n}\n\n/* Light mode cancel button */\n.fixdog-light .fixdog-inline-modal-btn.cancel {\n background: #f3f4f6;\n color: #374151;\n border-color: #d1d5db;\n}\n\n.fixdog-light .fixdog-inline-modal-btn.cancel:hover {\n background: #e5e7eb;\n color: #1f2937;\n}\n\n.fixdog-inline-modal-btn.confirm {\n background: var(--fixdog-warning, #f59e0b);\n color: #000000;\n font-weight: 600;\n}\n\n.fixdog-inline-modal-btn.confirm:hover {\n background: #d97706;\n}\n\n.fixdog-inline-modal-btn.confirm.success {\n background: var(--fixdog-success, #10b981);\n color: #ffffff;\n}\n\n.fixdog-inline-modal-btn.confirm.success:hover {\n background: var(--fixdog-success-hover, #059669);\n}\n\n/* Commit Indicator Styles */\n.fixdog-commit-indicator {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-top: 10px;\n padding-top: 10px;\n border-top: 1px solid var(--fixdog-border, rgba(255, 255, 255, 0.1));\n}\n\n.fixdog-commit-badge {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n padding: 4px 8px;\n background: rgba(34, 197, 94, 0.15);\n border: 1px solid rgba(34, 197, 94, 0.3);\n border-radius: 6px;\n font-family: \"SF Mono\", Monaco, Menlo, Consolas, monospace;\n font-size: 11px;\n color: var(--fixdog-success, #22c55e);\n cursor: default;\n}\n\n.fixdog-commit-badge svg {\n flex-shrink: 0;\n}\n\n.fixdog-light .fixdog-commit-badge {\n background: rgba(34, 197, 94, 0.1);\n color: #15803d;\n}\n\n/* Revert Button */\n.fixdog-revert-btn {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 4px 8px;\n background: transparent;\n border: 1px solid var(--fixdog-border, rgba(255, 255, 255, 0.15));\n border-radius: 6px;\n font-size: 11px;\n font-weight: 500;\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.6));\n cursor: pointer;\n transition: all 0.2s;\n}\n\n.fixdog-revert-btn:hover {\n background: rgba(239, 68, 68, 0.1);\n border-color: rgba(239, 68, 68, 0.3);\n color: var(--fixdog-error, #ef4444);\n}\n\n.fixdog-revert-btn svg {\n flex-shrink: 0;\n}\n\n.fixdog-light .fixdog-revert-btn {\n border-color: #d1d5db;\n color: #6b7280;\n}\n\n.fixdog-light .fixdog-revert-btn:hover {\n background: rgba(239, 68, 68, 0.1);\n border-color: rgba(239, 68, 68, 0.3);\n color: #dc2626;\n}\n\n/* Reverted Message State */\n.fixdog-message-reverted {\n opacity: 0.5;\n}\n\n.fixdog-message-reverted .fixdog-message-bubble {\n position: relative;\n}\n\n.fixdog-reverted-badge {\n display: inline-block;\n padding: 2px 6px;\n margin-bottom: 6px;\n background: rgba(239, 68, 68, 0.15);\n border: 1px solid rgba(239, 68, 68, 0.25);\n border-radius: 4px;\n font-size: 10px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.03em;\n color: var(--fixdog-error, #ef4444);\n}\n\n.fixdog-light .fixdog-reverted-badge {\n background: rgba(239, 68, 68, 0.1);\n color: #dc2626;\n}\n\n/* Mobile Responsive */\n@media (max-width: 768px) {\n .fixdog-sidebar {\n width: 100vw;\n }\n\n .fixdog-session-status-bar {\n flex-direction: column;\n align-items: flex-start;\n gap: 8px;\n }\n\n .fixdog-session-status-right {\n width: 100%;\n justify-content: flex-end;\n }\n}\n\n/* Responsive Top Bar */\n@media (max-width: 600px) {\n .fixdog-top-bar {\n padding: 10px 12px;\n gap: 8px;\n }\n\n .fixdog-top-bar-content {\n gap: 6px;\n }\n\n .fixdog-session-top {\n gap: 6px;\n flex-wrap: wrap;\n }\n\n .fixdog-top-bar-dropdowns {\n gap: 6px;\n }\n\n .fixdog-session-label {\n font-size: 11px;\n }\n\n .fixdog-session-selector-toggle,\n .fixdog-new-session-btn,\n .fixdog-pr-list-toggle {\n font-size: 10px;\n padding: 4px 8px;\n }\n\n .fixdog-top-actions {\n gap: 6px;\n }\n\n .fixdog-theme-toggle,\n .fixdog-side-toggle {\n width: 28px;\n height: 28px;\n }\n}\n\n@media (max-width: 480px) {\n .fixdog-top-bar {\n flex-direction: column;\n align-items: stretch;\n gap: 8px;\n padding: 10px;\n }\n\n .fixdog-top-bar-content {\n width: 100%;\n flex-direction: column;\n gap: 6px;\n }\n\n .fixdog-session-top {\n width: 100%;\n flex-wrap: wrap;\n gap: 6px;\n margin-left: 0;\n }\n\n .fixdog-top-bar-dropdowns {\n width: 100%;\n justify-content: flex-start;\n }\n\n .fixdog-top-actions {\n width: 100%;\n justify-content: flex-end;\n }\n\n .fixdog-session-label {\n display: none;\n }\n}\n\n/* History Panel Overlay */\n.fixdog-history-overlay {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, 0.5);\n z-index: 1002;\n display: flex;\n align-items: flex-start;\n justify-content: flex-end;\n animation: fixdog-overlay-fade-in 0.2s ease-out;\n}\n\n@keyframes fixdog-overlay-fade-in {\n from { opacity: 0; }\n to { opacity: 1; }\n}\n\n.fixdog-history-panel {\n width: 340px;\n max-width: 90vw;\n height: 100vh;\n background: var(--fixdog-bg, #13140a);\n box-shadow: -4px 0 24px var(--fixdog-shadow, rgba(0, 0, 0, 0.5));\n display: flex;\n flex-direction: column;\n animation: fixdog-slide-in-right 0.25s ease-out;\n border-left: 1px solid var(--fixdog-border, rgba(255, 255, 255, 0.1));\n}\n\n.fixdog-light .fixdog-history-panel {\n background: var(--fixdog-bg);\n border-left-color: #e5e7eb;\n}\n\n.fixdog-history-panel-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 16px 20px;\n border-bottom: 1px solid var(--fixdog-border-strong, rgba(255, 255, 255, 0.15));\n flex-shrink: 0;\n}\n\n.fixdog-history-panel-title {\n margin: 0;\n font-size: 16px;\n font-weight: 600;\n color: var(--fixdog-text, #ffffff);\n}\n\n.fixdog-history-panel-close {\n width: 32px;\n height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: transparent;\n border: none;\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.5));\n cursor: pointer;\n border-radius: 6px;\n transition: all 0.2s;\n}\n\n.fixdog-history-panel-close:hover {\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.1));\n color: var(--fixdog-text, #ffffff);\n}\n\n.fixdog-history-panel-content {\n flex: 1;\n overflow-y: auto;\n padding: 12px;\n}\n\n.fixdog-history-loading,\n.fixdog-history-error,\n.fixdog-history-empty {\n padding: 24px;\n text-align: center;\n font-size: 14px;\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.6));\n}\n\n.fixdog-history-error {\n color: var(--fixdog-error, #ef4444);\n}\n\n.fixdog-history-sessions {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.fixdog-history-session-item {\n display: flex;\n flex-direction: column;\n gap: 6px;\n width: 100%;\n padding: 12px 14px;\n background: var(--fixdog-bg-tertiary, rgba(0, 0, 0, 0.3));\n border: 1px solid var(--fixdog-border, rgba(255, 255, 255, 0.1));\n border-radius: 8px;\n cursor: pointer;\n text-align: left;\n transition: all 0.15s;\n}\n\n.fixdog-history-session-item:hover {\n background: var(--fixdog-bg-tertiary, rgba(0, 0, 0, 0.4));\n border-color: var(--fixdog-border-strong, rgba(255, 255, 255, 0.2));\n}\n\n.fixdog-history-session-item.active {\n background: rgba(59, 130, 246, 0.1);\n border-color: rgba(59, 130, 246, 0.3);\n}\n\n.fixdog-light .fixdog-history-session-item {\n background: #ffffff;\n border-color: #e5e7eb;\n}\n\n.fixdog-light .fixdog-history-session-item:hover {\n background: #f9fafb;\n border-color: #d1d5db;\n}\n\n.fixdog-history-session-header {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n.fixdog-history-session-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n flex-shrink: 0;\n}\n\n.fixdog-history-session-title {\n flex: 1;\n font-size: 14px;\n font-weight: 500;\n color: var(--fixdog-text, #ffffff);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.fixdog-light .fixdog-history-session-title {\n color: #1f2937;\n}\n\n.fixdog-history-session-status {\n font-size: 11px;\n font-weight: 500;\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.5));\n text-transform: uppercase;\n}\n\n.fixdog-history-session-meta {\n display: flex;\n justify-content: space-between;\n font-size: 12px;\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.5));\n}\n\n.fixdog-history-session-pr {\n font-size: 12px;\n color: var(--fixdog-accent, #3b82f6);\n}\n\n.fixdog-history-session-action {\n font-size: 12px;\n color: var(--fixdog-accent, #3b82f6);\n margin-top: 4px;\n}\n\n/* Empty State View */\n.fixdog-empty-state-view {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 24px 20px;\n}\n\n.fixdog-empty-state-content {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n max-width: 320px;\n width: 100%;\n}\n\n.fixdog-empty-state-title {\n font-size: 18px;\n font-weight: 600;\n color: var(--fixdog-text, #ffffff);\n margin-bottom: 8px;\n}\n\n.fixdog-empty-state-description {\n font-size: 14px;\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.6));\n margin-bottom: 24px;\n line-height: 1.5;\n}\n\n.fixdog-empty-state-input-wrapper {\n width: 100%;\n margin-bottom: 16px;\n border: 2px dashed var(--fixdog-border-strong, rgba(255, 255, 255, 0.2));\n border-radius: 10px;\n padding: 4px;\n}\n\n.fixdog-empty-state-input {\n width: 100%;\n min-height: 80px;\n padding: 12px 14px;\n border: none;\n border-radius: 8px;\n font-family: inherit;\n font-size: 14px;\n line-height: 1.5;\n background: transparent;\n color: var(--fixdog-text, #ffffff);\n resize: none;\n outline: none;\n}\n\n.fixdog-empty-state-input:empty::before {\n content: attr(data-placeholder);\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.5));\n pointer-events: none;\n}\n\n.fixdog-light .fixdog-empty-state-input-wrapper {\n border-color: #d1d5db;\n}\n\n.fixdog-empty-state-tip {\n display: flex;\n align-items: center;\n gap: 6px;\n font-size: 12px;\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.5));\n margin-bottom: 20px;\n}\n\n.fixdog-empty-state-tip svg {\n flex-shrink: 0;\n color: var(--fixdog-warning, #f59e0b);\n}\n\n.fixdog-start-btn {\n width: 100%;\n padding: 12px 24px;\n font-size: 15px;\n font-weight: 600;\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.7));\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.1));\n border: 1px solid var(--fixdog-border-strong, rgba(255, 255, 255, 0.2));\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.2s;\n}\n\n.fixdog-start-btn:hover:not(:disabled) {\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.15));\n color: var(--fixdog-text, #ffffff);\n border-color: var(--fixdog-border-strong, rgba(255, 255, 255, 0.3));\n}\n\n.fixdog-start-btn:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.fixdog-light .fixdog-start-btn {\n background: #f3f4f6;\n color: #4b5563;\n border-color: #d1d5db;\n}\n\n.fixdog-light .fixdog-start-btn:hover:not(:disabled) {\n background: #e5e7eb;\n color: #1f2937;\n}\n\n/* Drafting View */\n.fixdog-drafting-subheader {\n padding: 10px 20px;\n font-size: 12px;\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.5));\n background: var(--fixdog-bg-secondary, rgba(0, 0, 0, 0.2));\n border-bottom: 1px solid var(--fixdog-border, rgba(255, 255, 255, 0.1));\n flex-shrink: 0;\n}\n\n.fixdog-send-to-dev-hint {\n font-size: 12px;\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.5));\n text-align: center;\n margin-top: 6px;\n}\n\n/* Submitted View */\n.fixdog-submitted-view {\n flex: 1;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n\n.fixdog-submitted-status {\n display: flex;\n align-items: flex-start;\n gap: 12px;\n padding: 16px 20px;\n background: rgba(34, 197, 94, 0.1);\n border-bottom: 1px solid rgba(34, 197, 94, 0.2);\n}\n\n.fixdog-submitted-status-icon {\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--fixdog-success, #22c55e);\n color: #ffffff;\n border-radius: 50%;\n flex-shrink: 0;\n}\n\n.fixdog-submitted-status-content {\n flex: 1;\n}\n\n.fixdog-submitted-status-title {\n font-size: 15px;\n font-weight: 600;\n color: var(--fixdog-text, #ffffff);\n margin-bottom: 4px;\n}\n\n.fixdog-submitted-status-description {\n font-size: 13px;\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.7));\n}\n\n.fixdog-submitted-messages {\n flex: 1;\n overflow-y: auto;\n padding: 16px 20px;\n}\n\n.fixdog-message-readonly .fixdog-message-bubble {\n opacity: 0.8;\n}\n\n.fixdog-change-summary {\n padding: 16px 20px;\n border-top: 1px solid var(--fixdog-border, rgba(255, 255, 255, 0.1));\n background: var(--fixdog-bg-secondary, rgba(0, 0, 0, 0.2));\n}\n\n.fixdog-change-summary-title {\n font-size: 13px;\n font-weight: 600;\n color: var(--fixdog-text, #ffffff);\n margin-bottom: 10px;\n}\n\n.fixdog-change-summary-list {\n margin: 0;\n padding-left: 18px;\n font-size: 13px;\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.7));\n line-height: 1.6;\n}\n\n.fixdog-change-summary-list li {\n margin-bottom: 4px;\n}\n\n.fixdog-change-summary-list li:last-child {\n margin-bottom: 0;\n}\n\n.fixdog-submitted-actions {\n padding: 16px 20px;\n display: flex;\n flex-direction: column;\n gap: 10px;\n border-top: 1px solid var(--fixdog-border, rgba(255, 255, 255, 0.1));\n background: var(--fixdog-bg-secondary, rgba(0, 0, 0, 0.3));\n flex-shrink: 0;\n}\n\n.fixdog-update-request-btn {\n width: 100%;\n padding: 12px 16px;\n font-size: 14px;\n font-weight: 600;\n color: #ffffff;\n background: #1f2937;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.2s;\n}\n\n.fixdog-update-request-btn:hover {\n background: #374151;\n}\n\n.fixdog-start-new-btn {\n width: 100%;\n padding: 12px 16px;\n font-size: 14px;\n font-weight: 500;\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.7));\n background: transparent;\n border: 1px solid var(--fixdog-border-strong, rgba(255, 255, 255, 0.2));\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.2s;\n}\n\n.fixdog-start-new-btn:hover {\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.1));\n color: var(--fixdog-text, #ffffff);\n border-color: var(--fixdog-border-strong, rgba(255, 255, 255, 0.3));\n}\n\n.fixdog-light .fixdog-update-request-btn {\n background: #1f2937;\n color: #ffffff;\n}\n\n.fixdog-light .fixdog-update-request-btn:hover {\n background: #374151;\n}\n\n.fixdog-light .fixdog-start-new-btn {\n color: #4b5563;\n border-color: #d1d5db;\n}\n\n.fixdog-light .fixdog-start-new-btn:hover {\n background: #f3f4f6;\n color: #1f2937;\n}\n\n/* Bottom Actions */\n.fixdog-bottom-actions {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 8px;\n padding: 12px 16px;\n border-top: 1px solid var(--fixdog-border, rgba(255, 255, 255, 0.1));\n background: var(--fixdog-bg-secondary, rgba(0, 0, 0, 0.3));\n flex-shrink: 0;\n}\n\n/* Chat Messages Area */\n.fixdog-chat-messages {\n flex: 1;\n overflow-y: auto;\n padding: 16px;\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n\n/* Chat Input */\n.fixdog-chat-input-container {\n display: flex;\n flex-direction: column;\n padding: 16px;\n gap: 12px;\n margin-top: auto;\n border-top: 1px solid var(--fixdog-border, rgba(255, 255, 255, 0.1));\n background: var(--fixdog-bg-secondary, rgba(0, 0, 0, 0.2));\n overflow: visible;\n position: relative;\n z-index: 1;\n}\n\n/* Model Selector - Custom Dropdown */\n.fixdog-model-selector-wrapper {\n position: relative;\n width: 100%;\n overflow: visible;\n z-index: 1;\n}\n\n.fixdog-model-selector-button {\n width: 100%;\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 10px 14px;\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.08));\n border: 1px solid var(--fixdog-border, rgba(255, 255, 255, 0.1));\n border-radius: 8px;\n color: var(--fixdog-text, #ffffff);\n font-size: 13px;\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n cursor: pointer;\n outline: none;\n text-align: left;\n}\n\n.fixdog-model-selector-button:hover:not(:disabled) {\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.12));\n border-color: var(--fixdog-border-strong, rgba(255, 255, 255, 0.2));\n}\n\n.fixdog-model-selector-button:focus {\n border-color: #D4A574;\n}\n\n.fixdog-model-selector-button:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.fixdog-model-selector-content {\n display: flex;\n align-items: center;\n gap: 10px;\n flex: 1;\n min-width: 0;\n}\n\n\n.fixdog-model-selector-name {\n font-weight: 500;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n flex: 1;\n}\n\n.fixdog-model-badge {\n display: inline-flex;\n align-items: center;\n padding: 2px 8px;\n font-size: 10px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n border-radius: 4px;\n flex-shrink: 0;\n}\n\n.fixdog-model-badge-best {\n background: rgba(212, 165, 116, 0.2);\n color: #D4A574;\n border: 1px solid rgba(212, 165, 116, 0.3);\n}\n\n.fixdog-model-badge-fast {\n background: rgba(212, 165, 116, 0.15);\n color: #D4A574;\n border: 1px solid rgba(212, 165, 116, 0.25);\n}\n\n.fixdog-model-selector-backdrop {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 9999;\n background: transparent;\n cursor: default;\n}\n\n.fixdog-model-selector-dropdown {\n position: absolute;\n bottom: calc(100% + 8px);\n left: 0;\n right: 0;\n max-height: 320px;\n overflow-y: auto;\n background: var(--fixdog-modal-bg, rgba(30, 30, 20, 0.98));\n border: 1px solid var(--fixdog-border-strong, rgba(255, 255, 255, 0.2));\n border-radius: 8px;\n z-index: 10000;\n padding: 4px;\n pointer-events: auto;\n}\n\n.fixdog-model-option {\n width: 100%;\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 12px 14px;\n background: transparent;\n border: none;\n border-radius: 6px;\n color: var(--fixdog-text, #ffffff);\n font-size: 13px;\n font-family: inherit;\n cursor: pointer;\n text-align: left;\n outline: none;\n}\n\n.fixdog-model-option:hover,\n.fixdog-model-option.focused {\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.1));\n}\n\n.fixdog-model-option.selected {\n background: rgba(212, 165, 116, 0.15);\n border: 1px solid rgba(212, 165, 116, 0.3);\n}\n\n.fixdog-model-option.selected:hover,\n.fixdog-model-option.selected.focused {\n background: rgba(212, 165, 116, 0.2);\n border-color: rgba(212, 165, 116, 0.4);\n}\n\n.fixdog-model-option-content {\n display: flex;\n align-items: center;\n gap: 10px;\n flex: 1;\n min-width: 0;\n}\n\n.fixdog-model-option-name {\n font-weight: 500;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n flex: 1;\n}\n\n.fixdog-chip-legend {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n}\n\n.fixdog-chip-legend-item {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 4px 10px;\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.08));\n border: 1px solid var(--fixdog-border, rgba(255, 255, 255, 0.1));\n border-radius: 6px;\n font-size: 12px;\n}\n\n.fixdog-chip-legend-number {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 18px;\n height: 18px;\n background: rgba(212, 165, 116, 0.2);\n border: 1px solid rgba(212, 165, 116, 0.3);\n border-radius: 4px;\n font-size: 11px;\n font-weight: 600;\n color: #D4A574;\n}\n\n.fixdog-chip-legend-name {\n font-weight: 500;\n color: var(--fixdog-text, #ffffff);\n}\n\n.fixdog-chip-legend-path {\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.5));\n font-size: 11px;\n}\n\n.fixdog-chip-legend-remove {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 18px;\n height: 18px;\n margin-left: auto;\n padding: 0;\n background: transparent;\n border: none;\n border-radius: 4px;\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.4));\n cursor: pointer;\n transition: background 0.15s, color 0.15s;\n}\n\n.fixdog-chip-legend-remove:hover {\n background: rgba(239, 68, 68, 0.15);\n color: #ef4444;\n}\n\n.fixdog-chat-input-wrapper {\n display: flex;\n align-items: flex-start;\n gap: 8px;\n background: var(--fixdog-bg-primary, #1a1a1a);\n border: 1px solid var(--fixdog-border-strong, rgba(255, 255, 255, 0.15));\n border-radius: 12px;\n padding: 10px 12px;\n transition: border-color 0.2s, box-shadow 0.2s;\n}\n\n.fixdog-chat-input-wrapper:focus-within {\n border-color: var(--fixdog-accent, #5C4033);\n box-shadow: 0 0 0 3px rgba(92, 64, 51, 0.15);\n}\n\n.fixdog-chat-input {\n flex: 1;\n min-height: 24px;\n max-height: 150px;\n overflow-y: auto;\n font-size: 14px;\n line-height: 1.5;\n color: var(--fixdog-text, #ffffff);\n background: transparent;\n border: none;\n outline: none;\n resize: none;\n word-break: break-word;\n padding: 0;\n display: block;\n}\n\n.fixdog-chat-input:empty::before {\n content: attr(data-placeholder);\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.4));\n pointer-events: none;\n}\n\n.fixdog-chat-input.disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n/* Inline Chip in Input */\n.fixdog-chat-chip {\n display: inline-flex;\n align-items: center;\n vertical-align: middle;\n margin: 0 2px;\n cursor: default;\n user-select: none;\n}\n\n.fixdog-chat-chip-number {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 20px;\n height: 20px;\n padding: 0;\n background: rgba(212, 165, 116, 0.2);\n border: 1px solid rgba(212, 165, 116, 0.3);\n border-radius: 4px;\n font-size: 11px;\n font-weight: 600;\n color: #D4A574;\n line-height: 1;\n vertical-align: middle;\n}\n\n.fixdog-chat-submit-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n background: transparent;\n border: none;\n border-radius: 6px;\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.4));\n cursor: pointer;\n transition: all 0.15s ease;\n flex-shrink: 0;\n padding: 0;\n margin-top: 2px;\n}\n\n.fixdog-chat-submit-btn:hover:not(:disabled) {\n background: rgba(212, 165, 116, 0.15);\n color: #D4A574;\n}\n\n.fixdog-chat-submit-btn:active:not(:disabled) {\n background: rgba(212, 165, 116, 0.25);\n transform: scale(0.95);\n}\n\n.fixdog-chat-submit-btn:disabled {\n opacity: 0.3;\n cursor: not-allowed;\n}\n\n.fixdog-chat-submit-btn svg {\n width: 18px;\n height: 18px;\n}\n\n.fixdog-chat-hint {\n display: flex;\n align-items: center;\n justify-content: space-between;\n font-size: 11px;\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.4));\n}\n\n.fixdog-chat-hint-shortcut {\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.3));\n}\n\n/* Light theme overrides */\n.fixdog-light .fixdog-chat-input-container {\n background: #f9fafb;\n border-top-color: #e5e7eb;\n}\n\n/* Light theme overrides for Model Selector */\n.fixdog-light .fixdog-model-selector-button {\n background: #ffffff;\n border-color: #e5e7eb;\n color: #1f2937;\n}\n\n.fixdog-light .fixdog-model-selector-button:hover:not(:disabled) {\n background: #f9fafb;\n border-color: #d1d5db;\n}\n\n.fixdog-light .fixdog-model-selector-button:focus {\n border-color: #5C4033;\n}\n\n.fixdog-light .fixdog-model-selector-dropdown {\n background: #ffffff;\n border-color: #e5e7eb;\n}\n\n.fixdog-light .fixdog-model-option {\n color: #1f2937;\n}\n\n.fixdog-light .fixdog-model-option:hover,\n.fixdog-light .fixdog-model-option.focused {\n background: #f9fafb;\n}\n\n.fixdog-light .fixdog-model-option.selected {\n background: rgba(92, 64, 51, 0.1);\n border-color: rgba(92, 64, 51, 0.2);\n}\n\n.fixdog-light .fixdog-model-option.selected:hover,\n.fixdog-light .fixdog-model-option.selected.focused {\n background: rgba(92, 64, 51, 0.15);\n border-color: rgba(92, 64, 51, 0.3);\n}\n\n.fixdog-light .fixdog-chip-legend-item {\n background: #f3f4f6;\n border-color: #e5e7eb;\n}\n\n.fixdog-light .fixdog-chip-legend-name {\n color: #1f2937;\n}\n\n.fixdog-light .fixdog-chip-legend-path {\n color: #6b7280;\n}\n\n.fixdog-light .fixdog-chip-legend-remove {\n color: #9ca3af;\n}\n\n.fixdog-light .fixdog-chip-legend-remove:hover {\n background: rgba(239, 68, 68, 0.1);\n color: #dc2626;\n}\n\n.fixdog-light .fixdog-chip-legend-number {\n background: rgba(212, 165, 116, 0.15);\n border-color: rgba(212, 165, 116, 0.25);\n color: #C49464;\n}\n\n.fixdog-light .fixdog-chat-chip-number {\n background: rgba(212, 165, 116, 0.15);\n border-color: rgba(212, 165, 116, 0.25);\n color: #C49464;\n}\n\n.fixdog-light .fixdog-model-badge-best,\n.fixdog-light .fixdog-model-badge-fast {\n background: rgba(212, 165, 116, 0.12);\n border-color: rgba(212, 165, 116, 0.2);\n color: #C49464;\n}\n\n.fixdog-light .fixdog-chat-input-wrapper {\n background: #ffffff;\n border-color: #d1d5db;\n}\n\n.fixdog-light .fixdog-chat-input-wrapper:focus-within {\n border-color: #5C4033;\n}\n\n.fixdog-light .fixdog-chat-input {\n color: #1f2937;\n}\n\n.fixdog-light .fixdog-chat-input:empty::before {\n color: #9ca3af;\n}\n\n.fixdog-light .fixdog-chat-submit-btn {\n color: #9ca3af;\n}\n\n.fixdog-light .fixdog-chat-submit-btn:hover:not(:disabled) {\n background: rgba(212, 165, 116, 0.12);\n color: #C49464;\n}\n\n.fixdog-light .fixdog-chat-hint {\n color: #6b7280;\n}\n\n.fixdog-light .fixdog-chat-hint-shortcut {\n color: #9ca3af;\n}\n\n/* Sidebar Action Buttons */\n.fixdog-sidebar-actions {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 8px;\n padding: 12px 16px;\n border-top: 1px solid var(--fixdog-border, rgba(255, 255, 255, 0.1));\n background: var(--fixdog-bg-secondary, rgba(0, 0, 0, 0.2));\n}\n\n.fixdog-action-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 36px;\n height: 36px;\n padding: 0;\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.08));\n border: 1px solid var(--fixdog-border, rgba(255, 255, 255, 0.1));\n border-radius: 8px;\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.6));\n cursor: pointer;\n transition: background 0.15s, color 0.15s, border-color 0.15s;\n}\n\n.fixdog-action-btn:hover {\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.12));\n color: var(--fixdog-text, #ffffff);\n border-color: var(--fixdog-border-strong, rgba(255, 255, 255, 0.2));\n}\n\n.fixdog-close-btn:hover {\n background: rgba(239, 68, 68, 0.15);\n color: #ef4444;\n border-color: rgba(239, 68, 68, 0.3);\n}\n\n/* Light theme */\n.fixdog-light .fixdog-sidebar-actions {\n background: #f9fafb;\n border-top-color: #e5e7eb;\n}\n\n.fixdog-light .fixdog-action-btn {\n background: #f3f4f6;\n border-color: #e5e7eb;\n color: #6b7280;\n}\n\n.fixdog-light .fixdog-action-btn:hover {\n background: #e5e7eb;\n color: #1f2937;\n border-color: #d1d5db;\n}\n\n.fixdog-light .fixdog-close-btn:hover {\n background: rgba(239, 68, 68, 0.1);\n color: #dc2626;\n border-color: rgba(239, 68, 68, 0.2);\n}\n\n/* Sessions View Styles */\n.fixdog-sessions-view {\n display: flex;\n flex-direction: column;\n flex: 1;\n overflow: hidden;\n padding: 16px;\n gap: 16px;\n}\n\n.fixdog-sessions-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.fixdog-sessions-title {\n margin: 0;\n font-size: 18px;\n font-weight: 600;\n color: var(--fixdog-text, #ffffff);\n}\n\n.fixdog-sessions-count {\n font-size: 13px;\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.5));\n}\n\n.fixdog-new-session-button {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n width: 100%;\n padding: 12px 16px;\n font-size: 14px;\n font-weight: 600;\n color: #ffffff;\n background: #8B6F47;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: background 0.2s, transform 0.1s;\n}\n\n.fixdog-new-session-button:hover:not(:disabled) {\n background: #7A5F3A;\n}\n\n.fixdog-new-session-button:active:not(:disabled) {\n transform: scale(0.98);\n}\n\n.fixdog-new-session-button:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n.fixdog-new-session-button svg {\n flex-shrink: 0;\n}\n\n.fixdog-sessions-list {\n display: flex;\n flex-direction: column;\n gap: 8px;\n overflow-y: auto;\n flex: 1;\n scrollbar-width: thin;\n scrollbar-color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.2)) transparent;\n}\n\n.fixdog-sessions-list::-webkit-scrollbar {\n width: 6px;\n}\n\n.fixdog-sessions-list::-webkit-scrollbar-track {\n background: transparent;\n}\n\n.fixdog-sessions-list::-webkit-scrollbar-thumb {\n background: var(--fixdog-text-muted, rgba(255, 255, 255, 0.2));\n border-radius: 3px;\n}\n\n.fixdog-sessions-loading,\n.fixdog-sessions-empty,\n.fixdog-sessions-error {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 32px 16px;\n text-align: center;\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.5));\n font-size: 14px;\n}\n\n.fixdog-sessions-empty-hint {\n font-size: 12px;\n opacity: 0.7;\n}\n\n.fixdog-sessions-error {\n color: var(--fixdog-error, #ef4444);\n}\n\n/* Session Card Styles */\n.fixdog-session-card {\n display: flex;\n align-items: center;\n width: 100%;\n padding: 14px 16px;\n background: var(--fixdog-bg-tertiary, rgba(0, 0, 0, 0.3));\n border: 1px solid var(--fixdog-border, rgba(255, 255, 255, 0.1));\n border-radius: 10px;\n cursor: pointer;\n transition: background 0.15s, border-color 0.15s;\n text-align: left;\n}\n\n.fixdog-session-card:hover {\n background: var(--fixdog-bg-tertiary, rgba(0, 0, 0, 0.4));\n border-color: var(--fixdog-border-strong, rgba(255, 255, 255, 0.2));\n}\n\n/* Active session highlight - green left border */\n.fixdog-session-card-active {\n border-left: 3px solid #22c55e;\n background: rgba(34, 197, 94, 0.08);\n}\n\n.fixdog-session-card-active:hover {\n background: rgba(34, 197, 94, 0.12);\n}\n\n.fixdog-session-card-content {\n flex: 1;\n min-width: 0;\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.fixdog-session-card-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n}\n\n.fixdog-session-card-title {\n font-size: 14px;\n font-weight: 500;\n color: var(--fixdog-text, #ffffff);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.fixdog-session-card-status {\n flex-shrink: 0;\n font-size: 10px;\n font-weight: 600;\n padding: 4px 8px;\n border-radius: 4px;\n text-transform: uppercase;\n letter-spacing: 0.03em;\n}\n\n/* PR Link Row */\n.fixdog-session-card-pr-row {\n display: flex;\n align-items: center;\n margin-top: 6px;\n}\n\n.fixdog-session-card-pr-url {\n flex: 1;\n position: relative;\n padding: 4px 32px 4px 8px;\n border: 1px solid var(--fixdog-border, rgba(255, 255, 255, 0.1));\n border-radius: 4px;\n background: var(--fixdog-bg-secondary, rgba(255, 255, 255, 0.05));\n display: inline-block;\n min-width: 0;\n}\n\n.fixdog-session-card-pr-url-text {\n font-size: 11px;\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.8));\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: block;\n width: 100%;\n}\n\n.fixdog-session-card-pr-url:hover {\n /* No hover effect - just looks like an input */\n}\n\n.fixdog-light .fixdog-session-card-pr-url {\n border-color: #e5e7eb;\n background: #f9fafb;\n}\n\n.fixdog-light .fixdog-session-card-pr-url-text {\n color: #374151;\n}\n\n.fixdog-session-card-pr-copy {\n position: absolute;\n right: 4px;\n top: 50%;\n transform: translateY(-50%);\n display: flex;\n align-items: center;\n justify-content: center;\n width: 20px;\n height: 20px;\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.5));\n background: transparent;\n border: none;\n border-radius: 3px;\n cursor: pointer;\n transition: all 0.15s ease;\n padding: 0;\n}\n\n.fixdog-session-card-pr-copy:hover {\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.9));\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.1));\n}\n\n.fixdog-light .fixdog-session-card-pr-copy {\n color: #6b7280;\n}\n\n.fixdog-light .fixdog-session-card-pr-copy:hover {\n color: #1f2937;\n background: #e5e7eb;\n}\n\n/* Sent - PR created (green) */\n.fixdog-session-status-sent {\n background: rgba(34, 197, 94, 0.15);\n color: #22c55e;\n border: 1px solid rgba(34, 197, 94, 0.3);\n}\n\n/* Ready to send - has messages, no PR (tan/warm) */\n.fixdog-session-status-ready {\n background: rgba(212, 165, 116, 0.15);\n color: #D4A574;\n border: 1px solid rgba(212, 165, 116, 0.3);\n}\n\n/* In progress - no messages yet (neutral blue) */\n.fixdog-session-status-progress {\n background: rgba(96, 165, 250, 0.15);\n color: #60a5fa;\n border: 1px solid rgba(96, 165, 250, 0.3);\n}\n\n.fixdog-session-card-meta {\n display: flex;\n align-items: center;\n gap: 16px;\n font-size: 12px;\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.5));\n}\n\n.fixdog-session-card-messages,\n.fixdog-session-card-time {\n display: flex;\n align-items: center;\n gap: 5px;\n}\n\n.fixdog-session-card-messages svg,\n.fixdog-session-card-time svg {\n flex-shrink: 0;\n opacity: 0.7;\n}\n\n.fixdog-session-card-arrow {\n flex-shrink: 0;\n margin-left: 12px;\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.4));\n}\n\n/* Light theme overrides for Sessions */\n.fixdog-light .fixdog-sessions-title {\n color: #1f2937;\n}\n\n.fixdog-light .fixdog-sessions-count {\n color: #6b7280;\n}\n\n.fixdog-light .fixdog-session-card {\n background: #ffffff;\n border-color: #e5e7eb;\n}\n\n.fixdog-light .fixdog-session-card:hover {\n background: #f9fafb;\n border-color: #d1d5db;\n}\n\n.fixdog-light .fixdog-session-card-active {\n border-left: 3px solid #22c55e;\n background: rgba(34, 197, 94, 0.08);\n}\n\n.fixdog-light .fixdog-session-card-active:hover {\n background: rgba(34, 197, 94, 0.12);\n}\n\n.fixdog-light .fixdog-session-card-title {\n color: #1f2937;\n}\n\n.fixdog-light .fixdog-session-card-meta {\n color: #6b7280;\n}\n\n.fixdog-light .fixdog-session-card-arrow {\n color: #9ca3af;\n}\n\n.fixdog-light .fixdog-sessions-loading,\n.fixdog-light .fixdog-sessions-empty {\n color: #6b7280;\n}\n\n/* Chat View Styles */\n.fixdog-chat-view {\n display: flex;\n flex-direction: column;\n flex: 1;\n min-height: 0;\n overflow: hidden;\n}\n\n/* Chat Header Styles */\n.fixdog-chat-header {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 12px 16px;\n border-bottom: 1px solid var(--fixdog-border, rgba(255, 255, 255, 0.1));\n background: var(--fixdog-bg-secondary, rgba(0, 0, 0, 0.2));\n flex-shrink: 0;\n}\n\n.fixdog-chat-header-back {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n padding: 0;\n background: transparent;\n border: none;\n border-radius: 6px;\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.7));\n cursor: pointer;\n transition: background 0.15s, color 0.15s;\n flex-shrink: 0;\n}\n\n.fixdog-chat-header-back:hover {\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.1));\n color: var(--fixdog-text, #ffffff);\n}\n\n.fixdog-chat-header-info {\n flex: 1;\n min-width: 0;\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n\n.fixdog-chat-header-title {\n font-size: 15px;\n font-weight: 600;\n color: var(--fixdog-text, #ffffff);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.fixdog-chat-header-subtitle {\n font-size: 12px;\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.5));\n}\n\n.fixdog-chat-header-submit {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 8px 14px;\n font-size: 13px;\n font-weight: 600;\n color: #ffffff;\n background: #8B6F47;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n transition: background 0.2s, opacity 0.2s;\n flex-shrink: 0;\n}\n\n.fixdog-chat-header-submit:hover:not(:disabled) {\n background: #7A5F3A;\n}\n\n.fixdog-chat-header-submit:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.fixdog-chat-header-submit svg {\n flex-shrink: 0;\n}\n\n/* Chat Header Actions Container */\n.fixdog-chat-header-actions {\n display: flex;\n align-items: center;\n gap: 6px;\n flex-shrink: 0;\n}\n\n/* View PR and Copy PR buttons */\n.fixdog-chat-header-view-pr,\n.fixdog-chat-header-copy-pr {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n padding: 0;\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.5));\n background: transparent;\n border: 1px solid var(--fixdog-border, rgba(255, 255, 255, 0.1));\n border-radius: 6px;\n cursor: pointer;\n transition: all 0.15s ease;\n}\n\n.fixdog-chat-header-view-pr:hover,\n.fixdog-chat-header-copy-pr:hover {\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.9));\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.05));\n border-color: var(--fixdog-border-strong, rgba(255, 255, 255, 0.2));\n}\n\n.fixdog-chat-header-copy-pr svg {\n color: inherit;\n}\n\n/* Light theme overrides for Chat Header */\n.fixdog-light .fixdog-chat-header {\n background: #f9fafb;\n border-bottom-color: #e5e7eb;\n}\n\n.fixdog-light .fixdog-chat-header-back {\n color: #6b7280;\n}\n\n.fixdog-light .fixdog-chat-header-back:hover {\n background: #f3f4f6;\n color: #1f2937;\n}\n\n.fixdog-light .fixdog-chat-header-title {\n color: #1f2937;\n}\n\n.fixdog-light .fixdog-chat-header-subtitle {\n color: #6b7280;\n}\n\n.fixdog-light .fixdog-chat-header-view-pr,\n.fixdog-light .fixdog-chat-header-copy-pr {\n color: #6b7280;\n border-color: #e5e7eb;\n}\n\n.fixdog-light .fixdog-chat-header-view-pr:hover,\n.fixdog-light .fixdog-chat-header-copy-pr:hover {\n color: #1f2937;\n background: #f3f4f6;\n border-color: #d1d5db;\n}\n\n/* Chat Messages Container */\n.fixdog-chat-messages-container {\n flex: 1;\n overflow-y: auto;\n padding: 16px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n scrollbar-width: thin;\n scrollbar-color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.2)) transparent;\n}\n\n.fixdog-chat-messages-container::-webkit-scrollbar {\n width: 6px;\n}\n\n.fixdog-chat-messages-container::-webkit-scrollbar-track {\n background: transparent;\n}\n\n.fixdog-chat-messages-container::-webkit-scrollbar-thumb {\n background: var(--fixdog-text-muted, rgba(255, 255, 255, 0.2));\n border-radius: 3px;\n}\n\n/* Empty State */\n.fixdog-chat-messages-empty {\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 32px;\n text-align: center;\n gap: 12px;\n}\n\n.fixdog-chat-messages-empty-icon {\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.3));\n}\n\n.fixdog-chat-messages-empty-title {\n font-size: 16px;\n font-weight: 500;\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.7));\n}\n\n.fixdog-chat-messages-empty-hint {\n font-size: 13px;\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.5));\n max-width: 240px;\n}\n\n/* Loading States */\n.fixdog-chat-messages-loading {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 12px;\n padding: 32px;\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.5));\n font-size: 14px;\n}\n\n.fixdog-chat-messages-loading-more {\n display: flex;\n justify-content: center;\n padding: 8px;\n}\n\n/* Chat Message Base */\n.fixdog-chat-message {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n animation: fixdog-message-fade-in 0.2s ease-out;\n}\n\n@keyframes fixdog-message-fade-in {\n from {\n opacity: 0;\n transform: translateY(8px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.fixdog-chat-message-reverted {\n opacity: 0.5;\n}\n\n/* User Message - bubble with avatar on right */\n.fixdog-chat-message-user {\n flex-direction: row;\n}\n\n.fixdog-chat-message-user .fixdog-chat-message-bubble {\n flex: 1;\n background: rgba(212, 165, 116, 0.15);\n border: 1px solid rgba(212, 165, 116, 0.25);\n color: var(--fixdog-text, #ffffff);\n border-radius: 12px;\n}\n\n.fixdog-chat-message-avatar-user {\n background: #D4A574;\n color: #ffffff;\n align-self: flex-start;\n}\n\n/* AI Message - icon on left with bubble */\n.fixdog-chat-message-ai {\n flex-direction: row;\n}\n\n.fixdog-chat-message-ai .fixdog-chat-message-bubble {\n background: var(--fixdog-bg-tertiary, rgba(0, 0, 0, 0.3));\n border: 1px solid var(--fixdog-border, rgba(255, 255, 255, 0.1));\n color: var(--fixdog-text-secondary, rgba(255, 255, 255, 0.9));\n border-radius: 12px;\n}\n\n/* Message Content */\n.fixdog-chat-message-content {\n display: flex;\n flex-direction: column;\n gap: 6px;\n flex: 1;\n min-width: 0;\n}\n\n.fixdog-chat-message-bubble {\n padding: 12px 16px;\n font-size: 14px;\n line-height: 1.5;\n white-space: pre-wrap;\n word-break: break-word;\n}\n\n/* Message Avatar */\n.fixdog-chat-message-avatar {\n flex-shrink: 0;\n width: 32px;\n height: 32px;\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n align-self: flex-start;\n}\n\n/* Copy Button (AI Messages) */\n.fixdog-chat-message-copy {\n width: 32px;\n height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.08));\n border: 1px solid var(--fixdog-border, rgba(255, 255, 255, 0.1));\n border-radius: 8px;\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.5));\n cursor: pointer;\n transition: background 0.15s, color 0.15s, border-color 0.15s;\n flex-shrink: 0;\n}\n\n.fixdog-chat-message-copy:hover {\n background: var(--fixdog-bg-tertiary, rgba(255, 255, 255, 0.15));\n border-color: var(--fixdog-border-strong, rgba(255, 255, 255, 0.2));\n color: var(--fixdog-text, #ffffff);\n}\n\n/* Commit Badge */\n.fixdog-chat-message-footer {\n display: flex;\n align-items: center;\n gap: 8px;\n flex-wrap: wrap;\n margin-top: 8px;\n}\n\n.fixdog-chat-message-commit {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 4px 8px;\n font-family: \"SF Mono\", Monaco, Menlo, Consolas, monospace;\n font-size: 11px;\n color: var(--fixdog-success, #22c55e);\n background: rgba(34, 197, 94, 0.1);\n border: 1px solid rgba(34, 197, 94, 0.2);\n border-radius: 4px;\n}\n\n.fixdog-chat-message-revert {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 4px 8px;\n font-family: inherit;\n font-size: 11px;\n color: var(--fixdog-text-muted, rgba(255, 255, 255, 0.5));\n background: transparent;\n border: 1px solid var(--fixdog-border, rgba(255, 255, 255, 0.1));\n border-radius: 4px;\n cursor: pointer;\n transition: all 0.15s ease;\n}\n\n.fixdog-chat-message-revert:hover:not(:disabled) {\n color: #f97316;\n background: rgba(249, 115, 22, 0.1);\n border-color: rgba(249, 115, 22, 0.3);\n}\n\n.fixdog-chat-message-revert:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.fixdog-light .fixdog-chat-message-revert {\n color: #6b7280;\n border-color: #e5e7eb;\n}\n\n.fixdog-light .fixdog-chat-message-revert:hover:not(:disabled) {\n color: #ea580c;\n background: rgba(234, 88, 12, 0.1);\n border-color: rgba(234, 88, 12, 0.3);\n}\n\n/* Reverted Badge */\n.fixdog-chat-message-reverted-badge {\n display: inline-flex;\n padding: 4px 8px;\n font-size: 10px;\n font-weight: 600;\n text-transform: uppercase;\n color: var(--fixdog-error, #ef4444);\n background: rgba(239, 68, 68, 0.1);\n border: 1px solid rgba(239, 68, 68, 0.2);\n border-radius: 4px;\n width: fit-content;\n}\n\n/* Light Theme Overrides for Messages */\n.fixdog-light .fixdog-chat-messages-empty-title {\n color: #4b5563;\n}\n\n.fixdog-light .fixdog-chat-messages-empty-hint {\n color: #6b7280;\n}\n\n.fixdog-light .fixdog-chat-messages-empty-icon {\n color: #d1d5db;\n}\n\n.fixdog-light .fixdog-chat-message-user .fixdog-chat-message-bubble {\n background: rgba(212, 165, 116, 0.1);\n border-color: rgba(212, 165, 116, 0.2);\n color: #1f2937;\n}\n\n.fixdog-light .fixdog-chat-message-ai .fixdog-chat-message-bubble {\n background: #ffffff;\n border-color: #e5e7eb;\n color: #374151;\n}\n\n.fixdog-light .fixdog-chat-message-copy {\n background: #f3f4f6;\n border-color: #e5e7eb;\n color: #9ca3af;\n}\n\n.fixdog-light .fixdog-chat-message-copy:hover {\n background: #e5e7eb;\n border-color: #d1d5db;\n color: #1f2937;\n}\n\n/* ============================================\n Loading Message - Fixdog\n Minimal, matches existing chat UI\n ============================================ */\n\n.fixdog-loading-message {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px 16px;\n color: rgba(255, 255, 255, 0.5);\n font-size: 14px;\n}\n\n.fixdog-loading-text {\n font-style: italic;\n}\n\n.fixdog-loading-time {\n font-size: 12px;\n opacity: 0.6;\n}\n\n/* Light theme */\n.fixdog-light .fixdog-loading-message {\n color: rgba(0, 0, 0, 0.4);\n}\n\n/* Floating Icon */\n.fixdog-floating-icon {\n position: fixed;\n width: 56px;\n height: 56px;\n border-radius: 50%;\n border: none;\n cursor: grab;\n z-index: 999999;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n transition: transform 0.2s, box-shadow 0.2s;\n user-select: none;\n -webkit-user-select: none;\n touch-action: none;\n}\n\n.fixdog-floating-icon:hover {\n transform: scale(1.1);\n box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);\n}\n\n.fixdog-floating-icon:active {\n cursor: grabbing;\n transform: scale(0.95);\n}\n\n.fixdog-floating-icon.fixdog-dark {\n background: #1a1a1a;\n // border: 2px solid #333;\n}\n\n.fixdog-floating-icon.fixdog-light {\n background: #ffffff;\n border: 2px solid #e5e5e5;\n}\n\n.fixdog-floating-icon-img {\n width: 32px;\n height: 32px;\n pointer-events: none;\n}";
2
2
  export default sidebarStyles;
package/dist/utils/sessionStorage.d.ts CHANGED
@@ -7,6 +7,7 @@ export interface StoredPr {
7
7
  prUrl: string;
8
8
  branchName?: string;
9
9
  savedAt: number;
10
+ sessionId?: string;
10
11
  }
11
12
  export declare function loadSession(projectId: string): StoredSession | null;
12
13
  export declare function saveSession(projectId: string, session: StoredSession): void;
@@ -17,3 +18,9 @@ export declare function clearLastPr(projectId: string): void;
17
18
  export type Theme = "dark" | "light";
18
19
  export declare function loadTheme(): Theme;
19
20
  export declare function saveTheme(theme: Theme): void;
21
+ export interface FloatingIconPosition {
22
+ x: number;
23
+ y: number;
24
+ }
25
+ export declare function loadFloatingIconPosition(): FloatingIconPosition | null;
26
+ export declare function saveFloatingIconPosition(position: FloatingIconPosition): void;
package/package.json CHANGED
@@ -1,16 +1,23 @@
1
1
  {
2
2
  "name": "fixdog",
3
- "version": "0.0.6",
3
+ "version": "0.0.8",
4
4
  "description": "Option+Click any React component to see its source location",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.esm.js",
7
7
  "types": "dist/index.d.ts",
8
8
  "type": "module",
9
+ "unpkg": "dist/fixdog.umd.min.js",
10
+ "jsdelivr": "dist/fixdog.umd.min.js",
11
+ "browser": "dist/fixdog.umd.min.js",
9
12
  "exports": {
10
13
  ".": {
11
14
  "import": "./dist/index.esm.js",
12
15
  "require": "./dist/index.cjs.js",
13
16
  "types": "./dist/index.d.ts"
17
+ },
18
+ "./umd": {
19
+ "browser": "./dist/fixdog.umd.min.js",
20
+ "default": "./dist/fixdog.umd.min.js"
14
21
  }
15
22
  },
16
23
  "sideEffects": false,
@@ -18,8 +25,8 @@
18
25
  "dist"
19
26
  ],
20
27
  "scripts": {
21
- "build": "rollup -c && rollup -c",
22
- "dev": "rollup -c -w",
28
+ "build": "rollup -c",
29
+ "dev": "rollup -c && rollup -c -w",
23
30
  "prepublishOnly": "npm run build"
24
31
  },
25
32
  "peerDependencies": {
@@ -36,8 +43,10 @@
36
43
  },
37
44
  "devDependencies": {
38
45
  "@rollup/plugin-commonjs": "^29.0.0",
46
+ "@rollup/plugin-image": "^3.0.3",
39
47
  "@rollup/plugin-node-resolve": "^16.0.3",
40
48
  "@rollup/plugin-replace": "^6.0.3",
49
+ "@rollup/plugin-terser": "^0.4.4",
41
50
  "@rollup/plugin-typescript": "^11.1.0",
42
51
  "@types/node": "^22.10.1",
43
52
  "@types/react": "^18.2.0",