UNPKG

@sammy-labs/sammy-three

Version:

Sammy Agent Core: AI voice agent with screen capture, memory management, and live API integration

1 lines 10.8 kB
{"version":3,"sources":["../src/index.css"],"sourcesContent":[".sammy-labs-active .sammy-labs-overlay {\n pointer-events: none;\n}\n\n.sammy-labs-active * {\n pointer-events: none;\n}\n\n.sammy-labs-active .sammy-labs-active-element,\n.sammy-labs-active .sammy-labs-active-element *,\n.sammy-labs-popover,\n.sammy-labs-popover * {\n pointer-events: auto;\n}\n\n@keyframes animate-fade-in {\n 0% {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n}\n\n.sammy-labs-fade .sammy-labs-overlay {\n animation: animate-fade-in 200ms ease-in-out;\n}\n\n.sammy-labs-fade .sammy-labs-popover {\n animation: animate-fade-in 200ms;\n}\n\n/* Popover styles */\n.sammy-labs-popover {\n all: unset;\n box-sizing: border-box;\n color: #2d2d2d;\n margin: 0;\n padding: 15px;\n border-radius: 5px;\n min-width: 250px;\n max-width: 300px;\n box-shadow: 0 1px 10px #0006;\n z-index: 1000000000;\n position: fixed;\n top: 0;\n right: 0;\n background-color: #fff;\n}\n\n.sammy-labs-popover * {\n font-family: \"Helvetica Neue\", Inter, ui-sans-serif, \"Apple Color Emoji\", Helvetica, Arial, sans-serif;\n}\n\n.sammy-labs-popover-title {\n font: 19px / normal sans-serif;\n font-weight: 600;\n display: block;\n position: relative;\n line-height: 1.5;\n zoom: 1;\n margin: 0;\n}\n\n.sammy-labs-popover-close-btn {\n all: unset;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 28px;\n height: 28px;\n cursor: pointer;\n font-size: 20px;\n font-weight: 500;\n color: #71717a;\n border-radius: 50%;\n padding-bottom: 2px;\n transition: background-color 0.2s ease, color 0.2s ease;\n}\n\n.sammy-labs-popover-close-btn:hover,\n.sammy-labs-popover-close-btn:focus {\n color: #2d2d2d;\n background-color: rgba(0, 0, 0, 0.05);\n}\n\n.sammy-labs-popover-title[style*=\"block\"] + .sammy-labs-popover-description {\n margin-top: 5px;\n}\n\n.sammy-labs-popover-description {\n margin-bottom: 0;\n font: 14px / normal sans-serif;\n line-height: 1.5;\n font-weight: 400;\n zoom: 1;\n}\n\n.sammy-labs-popover-footer {\n margin-top: 15px;\n text-align: right;\n zoom: 1;\n display: flex;\n flex-direction: column;\n gap: 0;\n}\n\n.sammy-labs-popover-progress-text {\n font-size: 13px;\n font-weight: 400;\n color: #727272;\n zoom: 1;\n}\n\n.sammy-labs-popover-footer button:not(.sammy-labs-popover-prev-btn):not(.sammy-labs-popover-next-btn) {\n all: unset;\n display: inline-block;\n box-sizing: border-box;\n padding: 3px 7px;\n text-decoration: none;\n text-shadow: 1px 1px 0 #fff;\n background-color: #ffffff;\n color: #2d2d2d;\n font: 12px / normal sans-serif;\n cursor: pointer;\n outline: 0;\n zoom: 1;\n line-height: 1.3;\n border: 1px solid #ccc;\n border-radius: 3px;\n}\n\n.sammy-labs-popover-footer .sammy-labs-popover-btn-disabled {\n opacity: 0.5;\n pointer-events: none;\n}\n\n/* Disable the scrolling of parent element if it has an active element*/\n:not(body):has(> .sammy-labs-active-element) {\n overflow: hidden !important;\n}\n\n.sammy-labs-no-interaction, .sammy-labs-no-interaction * {\n pointer-events: none !important;\n}\n\n.sammy-labs-popover-footer button:not(.sammy-labs-popover-prev-btn):not(.sammy-labs-popover-next-btn):hover,\n.sammy-labs-popover-footer button:not(.sammy-labs-popover-prev-btn):not(.sammy-labs-popover-next-btn):focus {\n background-color: #f7f7f7;\n}\n\n.sammy-labs-popover-navigation-btns {\n display: flex;\n flex-grow: 1;\n justify-content: flex-end;\n}\n\n.sammy-labs-popover-navigation-btns button + button {\n margin-left: 4px;\n}\n\n/* Reset navigation buttons to remove browser defaults that cause double shadow effect */\n.sammy-labs-popover-prev-btn,\n.sammy-labs-popover-next-btn {\n all: unset;\n display: inline-block;\n box-sizing: border-box;\n cursor: pointer;\n font-family: inherit;\n /* Explicitly reset text styling to prevent double text effect */\n text-shadow: none !important;\n text-decoration: none !important;\n text-transform: none !important;\n letter-spacing: normal !important;\n word-spacing: normal !important;\n text-indent: 0 !important;\n text-align: center !important;\n text-rendering: auto !important;\n font-style: normal !important;\n font-variant: normal !important;\n font-stretch: normal !important;\n line-height: normal !important;\n -webkit-font-smoothing: auto !important;\n -moz-osx-font-smoothing: auto !important;\n /* Prevent any outline or shadow effects */\n outline: none !important;\n box-shadow: none !important;\n filter: none !important;\n /* Prevent any pseudo-element text duplication */\n position: relative !important;\n}\n\n/* Explicitly prevent pseudo-elements from adding duplicate content */\n.sammy-labs-popover-prev-btn::before,\n.sammy-labs-popover-prev-btn::after,\n.sammy-labs-popover-next-btn::before,\n.sammy-labs-popover-next-btn::after {\n content: none !important;\n display: none !important;\n}\n\n.sammy-labs-popover-arrow {\n content: \"\";\n position: absolute;\n border: 8px solid #fff;\n filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));\n z-index: 10;\n}\n\n.sammy-labs-popover-arrow-side-over {\n display: none;\n}\n\n/** Popover Arrow Sides **/\n.sammy-labs-popover-arrow-side-left {\n left: 100%;\n border-right-color: transparent;\n border-bottom-color: transparent;\n border-top-color: transparent;\n}\n\n.sammy-labs-popover-arrow-side-right {\n right: 100%;\n border-left-color: transparent;\n border-bottom-color: transparent;\n border-top-color: transparent;\n}\n\n.sammy-labs-popover-arrow-side-top {\n top: 100%;\n border-right-color: transparent;\n border-bottom-color: transparent;\n border-left-color: transparent;\n}\n\n.sammy-labs-popover-arrow-side-bottom {\n bottom: 100%;\n border-left-color: transparent;\n border-top-color: transparent;\n border-right-color: transparent;\n}\n\n.sammy-labs-popover-arrow-side-center {\n display: none;\n}\n\n/* Left/Start + Right/Start */\n.sammy-labs-popover-arrow-side-left.sammy-labs-popover-arrow-align-start,\n.sammy-labs-popover-arrow-side-right.sammy-labs-popover-arrow-align-start {\n top: 15px;\n}\n\n/* Top/Start + Bottom/Start */\n.sammy-labs-popover-arrow-side-top.sammy-labs-popover-arrow-align-start,\n.sammy-labs-popover-arrow-side-bottom.sammy-labs-popover-arrow-align-start {\n left: 15px;\n}\n\n/* End/Left + End/Right */\n.sammy-labs-popover-arrow-align-end.sammy-labs-popover-arrow-side-left,\n.sammy-labs-popover-arrow-align-end.sammy-labs-popover-arrow-side-right {\n bottom: 15px;\n}\n\n/* Top/End + Bottom/End */\n.sammy-labs-popover-arrow-side-top.sammy-labs-popover-arrow-align-end,\n.sammy-labs-popover-arrow-side-bottom.sammy-labs-popover-arrow-align-end {\n right: 15px;\n}\n\n/* Left/Center + Right/Center */\n.sammy-labs-popover-arrow-side-left.sammy-labs-popover-arrow-align-center,\n.sammy-labs-popover-arrow-side-right.sammy-labs-popover-arrow-align-center {\n top: 50%;\n margin-top: -8px;\n}\n\n/* Top/Center + Bottom/Center */\n.sammy-labs-popover-arrow-side-top.sammy-labs-popover-arrow-align-center,\n.sammy-labs-popover-arrow-side-bottom.sammy-labs-popover-arrow-align-center {\n left: 50%;\n margin-left: -8px;\n}\n\n/* No arrow */\n.sammy-labs-popover-arrow-none {\n display: none;\n}\n\n/* Reaction styles */\n.sammy-labs-popover-reaction-container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n padding: 0;\n margin-top: 8px;\n}\n\n.sammy-labs-popover-reaction-text {\n color: #71717a;\n font-weight: 500;\n font-size: 13px;\n}\n\n.sammy-labs-popover-reaction-buttons {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n.sammy-labs-popover-reaction-wrapper {\n margin-top: 0;\n}\n\n.sammy-labs-popover-reaction-btn {\n all: unset;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 36px;\n height: 36px;\n cursor: pointer;\n font-size: 18px;\n border-radius: 6px;\n transition: all 0.2s ease;\n background-color: white;\n border: 1px solid #e5e5e5;\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n}\n\n.sammy-labs-popover-reaction-btn:hover {\n background-color: #f9f9f9;\n border-color: #d1d5db;\n transform: scale(1.1);\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.sammy-labs-popover-reaction-btn:active {\n transform: scale(0.95);\n}\n\n/* Thumbs up active state - green theme */\n.sammy-labs-popover-reaction-btn.thumbs-up.sammy-labs-popover-reaction-btn-active {\n background-color: #f0fdf4 !important;\n border-color: #bbf7d0 !important;\n color: #16a34a !important;\n box-shadow: 0 2px 8px rgba(34, 197, 94, 0.2) !important;\n}\n\n.sammy-labs-popover-reaction-btn.thumbs-up.sammy-labs-popover-reaction-btn-active:hover {\n background-color: #dcfce7 !important;\n border-color: #86efac !important;\n transform: scale(1.05) !important;\n box-shadow: 0 4px 12px rgba(34, 197, 94, 0.3) !important;\n}\n\n/* Thumbs down active state - red theme */\n.sammy-labs-popover-reaction-btn.thumbs-down.sammy-labs-popover-reaction-btn-active {\n background-color: #fef2f2 !important;\n border-color: #fecaca !important;\n color: #dc2626 !important;\n box-shadow: 0 2px 8px rgba(220, 38, 38, 0.2) !important;\n}\n\n.sammy-labs-popover-reaction-btn.thumbs-down.sammy-labs-popover-reaction-btn-active:hover {\n background-color: #fee2e2 !important;\n border-color: #fca5a5 !important;\n transform: scale(1.05) !important;\n box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3) !important;\n}\n"],"mappings":"AAAA,4DACE,oBAOF,wIAIE,oBAGF,8BAEI,aAIA,WAIJ,qCACE,0CAGF,qCACE,8BAIF,oBACE,UACA,sBACA,cArCF,wCAyCE,gBACA,gBACA,4BACA,mBACA,eACA,MACA,QACA,sBAGF,sBACE,8FAGF,0BACE,4BACA,gBACA,cACA,kBACA,gBACA,OA7DF,SAiEA,8BACE,UACA,aACA,mBACA,uBACA,WACA,YACA,eACA,eACA,gBACA,cA3EF,kBA6EE,mBACA,oDAGF,wEAEE,cACA,2BAGF,wEACE,eAGF,gCACE,gBACA,4BACA,gBACA,gBACA,OAGF,2BACE,gBACA,iBACA,OACA,aACA,sBACA,MAGF,kCACE,eACA,gBACA,cACA,OAGF,sGACE,UACA,qBACA,sBAtHF,gBAwHE,qBACA,2BACA,sBACA,cACA,4BACA,eACA,UACA,OACA,gBACA,sBAjIF,kBAqIA,4DACE,WACA,oBAIF,6CACE,0BAGF,wDACE,8BAGF,wNAEE,yBAGF,oCACE,aACA,YACA,yBAGF,kDACE,gBAIF,0DAEE,UACA,qBACA,sBACA,eACA,oBAEA,2BACA,+BACA,8BACA,gCACA,8BACA,wBACA,4BACA,8BACA,4BACA,8BACA,8BACA,6BACA,sCACA,uCAEA,uBACA,0BACA,sBAEA,4BAIF,8IAIE,uBACA,uBAGF,0BACE,WACA,kBACA,sBACA,6CACA,WAGF,oCACE,aAIF,oCACE,UACA,+BACA,gCACA,6BAGF,qCACE,WACA,8BACA,gCACA,6BAGF,mCACE,SACA,+BACA,gCACA,8BAGF,sCACE,YACA,8BACA,6BACA,+BAGF,sCACE,aAIF,mJAEE,SAIF,mJAEE,UAIF,+IAEE,YAIF,+IAEE,WAIF,qJAEE,QACA,gBAIF,qJAEE,SACA,iBAIF,+BACE,aAIF,uCACE,aACA,mBACA,8BACA,WAvSF,UAySE,eAGF,kCACE,cACA,gBACA,eAGF,qCACE,aACA,mBACA,QAGF,qCACE,aAGF,iCACE,UACA,aACA,mBACA,uBACA,WACA,YACA,eACA,eApUF,kBAsUE,wBACA,sBACA,yBACA,+BAGF,uCACE,yBACA,qBACA,qBACA,+BAGF,wCACE,qBAIF,kFACE,mCACA,+BACA,wBACA,yCAGF,wFACE,mCACA,+BACA,gCACA,0CAIF,oFACE,mCACA,+BACA,wBACA,yCAGF,0FACE,mCACA,+BACA,gCACA","names":[]}