@handit.ai/onboarding
Version:
Interactive onboarding components and service for AI agents
5 lines • 83.2 kB
JavaScript
import React,{useState,useRef,useEffect,useCallback,createContext,useContext}from"react";import{Box,Card,Typography,IconButton,List,ListItem,ListItemIcon,ListItemText,Chip,TextField,InputAdornment,Stack,LinearProgress,Fade,Button,Grow,Dialog,DialogContent,FormControl,RadioGroup,FormControlLabel,Radio,Paper,CircularProgress,DialogTitle,Tooltip,Alert}from"@mui/material";import{X,CheckCircle,Database,Users,PaperPlaneTilt,ArrowLeft,ChartLine,Eye,Shield,Rocket,Code,Link,Calendar,Book,Question,Gear,House,Circle,ShieldCheck,Plug,Play,ChatCircle,Hand,CursorClick,Copy}from"@phosphor-icons/react";import{jsx,jsxs,Fragment}from"react/jsx-runtime";import{Prism}from"react-syntax-highlighter";import{vscDarkPlus}from"react-syntax-highlighter/dist/esm/styles/prism";function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function _arrayWithHoles(e){if(Array.isArray(e))return e}function _arrayWithoutHoles(e){if(Array.isArray(e))return _arrayLikeToArray(e)}function asyncGeneratorStep(e,t,n,r,o,i,a){try{var s=e[i](a),c=s.value}catch(e){return void n(e)}s.done?t(c):Promise.resolve(c).then(r,o)}function _asyncToGenerator(e){return function(){var t=this,n=arguments;return new Promise(function(r,o){var i=e.apply(t,n);function a(e){asyncGeneratorStep(i,r,o,a,s,"next",e)}function s(e){asyncGeneratorStep(i,r,o,a,s,"throw",e)}a(void 0)})}}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,_toPropertyKey(r.key),r)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e}function _createForOfIteratorHelper(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=_unsupportedIterableToArray(e))||t){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,s=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){s=!0,i=e},f:function(){try{a||null==n.return||n.return()}finally{if(s)throw i}}}}function _defineProperty(e,t,n){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _iterableToArray(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function _iterableToArrayLimit(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,s=[],c=!0,l=!1;try{if(i=(n=n.call(e)).next,0===t);else for(;!(c=(r=i.call(n)).done)&&(s.push(r.value),s.length!==t);c=!0);}catch(e){l=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(l)throw o}}return s}}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function _objectSpread2(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach(function(t){_defineProperty(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function _regenerator(){
/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */
var e,t,n="function"==typeof Symbol?Symbol:{},r=n.iterator||"@@iterator",o=n.toStringTag||"@@toStringTag";function i(n,r,o,i){var c=r&&r.prototype instanceof s?r:s,l=Object.create(c.prototype);return _regeneratorDefine(l,"_invoke",function(n,r,o){var i,s,c,l=0,u=o||[],d=!1,p={p:0,n:0,v:e,a:g,f:g.bind(e,4),d:function(t,n){return i=t,s=0,c=e,p.n=n,a}};function g(n,r){for(s=n,c=r,t=0;!d&&l&&!o&&t<u.length;t++){var o,i=u[t],g=p.p,f=i[2];n>3?(o=f===r)&&(c=i[(s=i[4])?5:(s=3,3)],i[4]=i[5]=e):i[0]<=g&&((o=n<2&&g<i[1])?(s=0,p.v=r,p.n=i[1]):g<f&&(o=n<3||i[0]>r||r>f)&&(i[4]=n,i[5]=r,p.n=f,s=0))}if(o||n>1)return a;throw d=!0,r}return function(o,u,f){if(l>1)throw TypeError("Generator is already running");for(d&&1===u&&g(u,f),s=u,c=f;(t=s<2?e:c)||!d;){i||(s?s<3?(s>1&&(p.n=-1),g(s,c)):p.n=c:p.v=c);try{if(l=2,i){if(s||(o="next"),t=i[o]){if(!(t=t.call(i,c)))throw TypeError("iterator result is not an object");if(!t.done)return t;c=t.value,s<2&&(s=0)}else 1===s&&(t=i.return)&&t.call(i),s<2&&(c=TypeError("The iterator does not provide a '"+o+"' method"),s=1);i=e}else if((t=(d=p.n<0)?c:n.call(r,p))!==a)break}catch(t){i=e,s=1,c=t}finally{l=1}}return{value:t,done:d}}}(n,o,i),!0),l}var a={};function s(){}function c(){}function l(){}t=Object.getPrototypeOf;var u=[][r]?t(t([][r]())):(_regeneratorDefine(t={},r,function(){return this}),t),d=l.prototype=s.prototype=Object.create(u);function p(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,l):(e.__proto__=l,_regeneratorDefine(e,o,"GeneratorFunction")),e.prototype=Object.create(d),e}return c.prototype=l,_regeneratorDefine(d,"constructor",l),_regeneratorDefine(l,"constructor",c),c.displayName="GeneratorFunction",_regeneratorDefine(l,o,"GeneratorFunction"),_regeneratorDefine(d),_regeneratorDefine(d,o,"Generator"),_regeneratorDefine(d,r,function(){return this}),_regeneratorDefine(d,"toString",function(){return"[object Generator]"}),(_regenerator=function(){return{w:i,m:p}})()}function _regeneratorDefine(e,t,n,r){var o=Object.defineProperty;try{o({},"",{})}catch(e){o=0}_regeneratorDefine=function(e,t,n,r){if(t)o?o(e,t,{value:n,enumerable:!r,configurable:!r,writable:!r}):e[t]=n;else{function i(t,n){_regeneratorDefine(e,t,function(e){return this._invoke(t,n,e)})}i("next",0),i("throw",1),i("return",2)}},_regeneratorDefine(e,t,n,r)}function _slicedToArray(e,t){return _arrayWithHoles(e)||_iterableToArrayLimit(e,t)||_unsupportedIterableToArray(e,t)||_nonIterableRest()}function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_unsupportedIterableToArray(e)||_nonIterableSpread()}function _toPrimitive(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t);if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}function _toPropertyKey(e){var t=_toPrimitive(e,"string");return"symbol"==typeof t?t:t+""}function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _unsupportedIterableToArray(e,t){if(e){if("string"==typeof e)return _arrayLikeToArray(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(e,t):void 0}}var OnboardingService=function(){function OnboardingService(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;_classCallCheck(this,OnboardingService),this.userService=e,this.config=(null==t?void 0:t.tourConfig)||{tours:[],triggers:{},dynamicContent:{},analytics:{},personalizations:{}},this.currentTour=null,this.currentStepIndex=0,this.userState={loginCount:1,signupCompleted:!0,hasSkippedWalkthrough:!1,hasCompletedWalkthrough:!1,hasIntegratedSDK:!1,agentType:null,agentName:null,integrationToken:null},this.analytics=[],this.listeners=new Map}return _createClass(OnboardingService,[{key:"init",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.userState=_objectSpread2(_objectSpread2({},this.userState),e),this.generateIntegrationToken(),this}},{key:"generateIntegrationToken",value:function(){this.userState.integrationToken||(this.userState.integrationToken="hit_"+Math.random().toString(36).substring(2,15))}},{key:"getTourDefinition",value:function(){return this.config.tours.map(function(e,t){return{id:e.id,label:e.name,tourId:e.id,tourNumber:t+1,icon:e.icon||"Play"}})}},{key:"getTourOrder",value:function(){for(var e=this.config.tours.map(function(e){return e.id}),t={},n=0;n<e.length;n++)n===e.length-1?t[e[n]]=null:t[e[n]]=e[n+1];return t}},{key:"getInitialTourId",value:function(){return this.config.tours[0].id}},{key:"checkTriggers",value:function(){for(var e=this.config.triggers,t=0,n=Object.entries(e);t<n.length;t++){var r=_slicedToArray(n[t],2);r[0];var o=r[1];if(this.evaluateCondition(o.condition))return this.getTour(o.tourId)}return null}},{key:"evaluateCondition",value:function evaluateCondition(condition){this.userState,this.userState.hasIntegratedSDK;try{return eval(condition.replace(/user\./g,"context.user.").replace(/events\./g,"context.events."))}catch(e){return console.warn("Error evaluating condition:",condition,e),!1}}},{key:"getTour",value:function(e){return this.config.tours.find(function(t){return t.id===e})}},{key:"startTour",value:function(e){var t=this.getTour(e);return t?(this.currentTour=t,this.currentStepIndex=0,this.trackEvent("tour_started",{tourId:e,userId:this.userState.userId}),this.getCurrentStep()):(console.error("Tour not found:",e),null)}},{key:"getCurrentStep",value:function(){if(!this.currentTour||this.currentStepIndex>=this.currentTour.steps.length)return null;var e=this.currentTour.steps[this.currentStepIndex];return this.processStepContent(e)}},{key:"processStepContent",value:function(e){var t,n,r,o=JSON.parse(JSON.stringify(e)),i={"{{user.agentName}}":this.userState.agentName||"Your Agent","{{user.agentType}}":this.userState.agentType||"custom-agent","{{user.integrationToken}}":this.userState.integrationToken,"{{recommendedEvaluator.name}}":(null===(t=this.getRecommendedEvaluator())||void 0===t?void 0:t.name)||"Quality Evaluator","{{recommendedEvaluator.description}}":(null===(n=this.getRecommendedEvaluator())||void 0===n?void 0:n.description)||"Evaluates response quality","{{recommendedEvaluator.defaultCriteria}}":(null===(r=this.getRecommendedEvaluator())||void 0===r?void 0:r.defaultCriteria)||"Check for accuracy and completeness"};return this.replaceContentRecursively(o,i)}},{key:"replaceContentRecursively",value:function(e,t){var n=this;if("string"==typeof e){for(var r=e,o=0,i=Object.entries(t);o<i.length;o++){var a=_slicedToArray(i[o],2),s=a[0],c=a[1];r=r.replace(new RegExp(s.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),"g"),c)}return r}if(Array.isArray(e))return e.map(function(e){return n.replaceContentRecursively(e,t)});if(e&&"object"===_typeof(e)){for(var l={},u=0,d=Object.entries(e);u<d.length;u++){var p=_slicedToArray(d[u],2),g=p[0],f=p[1];l[g]=this.replaceContentRecursively(f,t)}return l}return e}},{key:"getRecommendedEvaluator",value:function(){var e,t=this.userState.agentType||"custom-agent";return null===(e=this.config.dynamicContent)||void 0===e||null===(e=e.recommendedEvaluators)||void 0===e?void 0:e[t]}},{key:"nextStep",value:function(){if(!this.currentTour)return null;var e=this.getCurrentStep();return e&&this.trackEvent("step_completed",{tourId:this.currentTour.id,stepId:e.id,userId:this.userState.userId}),this.currentStepIndex++,this.currentStepIndex>=this.currentTour.steps.length?(this.completeTour(),null):this.getCurrentStep()}},{key:"previousStep",value:function(){return!this.currentTour||this.currentStepIndex<=0?null:(this.currentStepIndex--,this.getCurrentStep())}},{key:"completeTour",value:function(){this.currentTour&&(this.trackEvent("tour_completed",{tourId:this.currentTour.id,userId:this.userState.userId}),this.currentTour.id===this.getInitialTourId()&&(this.userState.hasCompletedWalkthrough=!0),this.currentTour=null,this.currentStepIndex=0,this.emit("tourCompleted",this.currentTour))}},{key:"transitionTour",value:(_transitionTour=_asyncToGenerator(_regenerator().m(function e(){var t=this;return _regenerator().w(function(e){for(;;)switch(e.n){case 0:if(this.currentTour){e.n=1;break}return e.a(2);case 1:this.trackEvent("tour_transitioned",{tourId:this.currentTour.id,userId:this.userState.userId}),this.currentTour.id===this.getInitialTourId()&&(this.userState.hasCompletedWalkthrough=!0),console.log("Tour transitioned without UI reset"),this.userService&&this.userService.updateOnboardingProgress(this.currentTour.id).then(function(){console.log("Onboarding progress updated to next tour:",t.currentTour.id)}).catch(function(e){console.error("Failed to update onboarding progress:",e)}),this.currentTour=null,this.currentStepIndex=0;case 2:return e.a(2)}},e,this)})),function(){return _transitionTour.apply(this,arguments)})},{key:"skipTour",value:function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"user_skip";this.currentTour&&(this.trackEvent("tour_skipped",{tourId:this.currentTour.id,stepId:null===(e=this.getCurrentStep())||void 0===e?void 0:e.id,userId:this.userState.userId,reason:t}),this.currentTour.id===this.getInitialTourId()&&(this.userState.hasSkippedWalkthrough=!0),this.currentTour=null,this.currentStepIndex=0,this.emit("tourSkipped",{reason:t}))}},{key:"submitForm",value:function(e,t){return"agent-type-selection"===e&&(this.userState=_objectSpread2(_objectSpread2({},this.userState),t),this.trackEvent("integration_completed",{userId:this.userState.userId,agentType:t.agentType})),this.nextStep()}},{key:"handleSDKIntegration",value:function(){this.userState.hasIntegratedSDK=!0,this.trackEvent("first_trace_received",{userId:this.userState.userId,traceId:"trace_"+Date.now()})}},{key:"createEvaluator",value:function(e,t){return this.trackEvent("evaluator_created",{userId:this.userState.userId,evaluatorType:this.userState.agentType}),this.nextStep()}},{key:"getTerminology",value:function(){var e,t=this.userState.agentType||"custom-agent";return(null===(e=this.config.personalizations)||void 0===e||null===(e=e.agentType)||void 0===e||null===(e=e[t])||void 0===e?void 0:e.terminology)||{agent:"AI agent",inputs:"inputs",outputs:"outputs"}}},{key:"getExamples",value:function(){var e,t=this.userState.agentType||"custom-agent";return(null===(e=this.config.personalizations)||void 0===e||null===(e=e.agentType)||void 0===e||null===(e=e[t])||void 0===e?void 0:e.examples)||{inputExample:"user query",outputExample:"agent response"}}},{key:"trackEvent",value:function(e,t){var n=this,r=_objectSpread2({type:e,timestamp:(new Date).toISOString()},t);if(this.analytics.push(r),"tour_completed"===e&&this.userService){var o=t.tourId;this.userService.updateOnboardingProgress(o).then(function(){console.log("Onboarding progress updated to next tour:",n.currentTour.id)}).catch(function(e){console.error("Failed to update onboarding progress:",e)})}}},{key:"on",value:function(e,t){this.listeners.has(e)||this.listeners.set(e,[]),this.listeners.get(e).push(t)}},{key:"emit",value:function(e,t){(this.listeners.get(e)||[]).forEach(function(e){return e(t)})}},{key:"getCurrentTourInfo",value:function(){return this.currentTour?{tourId:this.currentTour.id,tourName:this.currentTour.name,currentStep:this.currentStepIndex+1,totalSteps:this.currentTour.steps.length,progress:(this.currentStepIndex+1)/this.currentTour.steps.length*100}:null}},{key:"reset",value:function(){this.currentTour=null,this.currentStepIndex=0,this.analytics=[],this.userState={loginCount:1,signupCompleted:!0,hasSkippedWalkthrough:!1,hasCompletedWalkthrough:!1,hasIntegratedSDK:!1,agentType:null,agentName:null,integrationToken:null}}}]);var _transitionTour}(),onboardingService=new OnboardingService,iconMap={Play:Play,Plug:Plug,ShieldCheck:ShieldCheck,CheckCircle:CheckCircle,Circle:Circle,Users:Users,Database:Database,ArrowLeft:ArrowLeft,PaperPlaneTilt:PaperPlaneTilt,House:House,Gear:Gear,Question:Question,Book:Book,Calendar:Calendar,Link:Link,Code:Code,Rocket:Rocket,Shield:Shield,Eye:Eye,Chart:ChartLine},renderIcon=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if("string"==typeof e){var n=iconMap[e];return n?React.createElement(n,t):React.createElement(Circle,t)}return React.createElement(e,t)},OnboardingMenu=function(e){var t,n=e.open,r=e.onClose,o=e.currentView,i=void 0===o?"main":o;e.onOnboardingClick;var a=e.onStartTour,s=e.userOnboardingCurrentTour,c=void 0===s?null:s,l=_slicedToArray(useState(i),2),u=l[0],d=l[1],p=_slicedToArray(useState(""),2),g=p[0],f=p[1],h=onboardingService.getTourDefinition(),v=c?(null===(t=h.find(function(e){return e.tourId===c}))||void 0===t?void 0:t.tourNumber)||1:null===c?4:1,b=h.filter(function(e){return e.tourNumber<v}).map(function(e){return e.tourId}),m=b.length,x=h.length,y=null===c?100:m/x*100,S=null===c?"Done":"".concat(x-v+1),w=[{id:"onboarding",label:"Onboarding",icon:CheckCircle,badge:S,completed:m===x},{id:"docs",label:"Documentation",icon:Database,completed:!1},{id:"contact-calendly",label:"Office Hours",icon:Users,completed:!1}],C=function(){var e=_asyncToGenerator(_regenerator().m(function e(t){return _regenerator().w(function(e){for(;;)switch(e.n){case 0:if(t.preventDefault(),g.trim()){e.n=1;break}return e.a(2);case 1:window.dispatchEvent(new CustomEvent("openOnboardingChat",{detail:{mode:"assistant",message:g.trim()}})),f(""),r();case 2:return e.a(2)}},e)}));return function(t){return e.apply(this,arguments)}}();return n?jsx(Box,{sx:{position:"fixed",top:0,left:0,right:0,bottom:0,bgcolor:"rgba(0, 0, 0, 0.5)",zIndex:9999,display:"flex",alignItems:"flex-start",justifyContent:"center",pt:6},onClick:function(e){return e.target===e.currentTarget&&r()},children:jsx(Card,{sx:{width:420,bgcolor:"#2a2a2a",color:"white",borderRadius:1.5,overflow:"hidden",boxShadow:"0 12px 40px rgba(0, 0, 0, 0.3)"},children:jsxs(Fragment,"main"===u?{children:[jsxs(Box,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",px:2,py:1.5,borderBottom:"1px solid rgba(255, 255, 255, 0.1)"},children:[jsxs(Box,{sx:{display:"flex",alignItems:"center"},children:[jsx("img",{src:"/assets/lg.png",alt:"HandIt",style:{width:20,height:20,marginRight:6}}),jsx(Typography,{variant:"h6",sx:{color:"white",fontSize:"0.9rem",fontWeight:600},children:"HandIt"})]}),jsx(IconButton,{onClick:r,size:"small",sx:{color:"#ccc","&:hover":{color:"white",bgcolor:"rgba(255, 255, 255, 0.1)"}},children:jsx(X,{size:16})})]}),jsxs(Box,{sx:{px:2.5,py:2},children:[jsx(Typography,{variant:"h6",sx:{mb:1.5,color:"white",fontSize:"1rem",fontWeight:600},children:"How can we help you today?"}),jsx(List,{sx:{p:0,mb:2},children:w.map(function(e){return jsxs(ListItem,{onClick:function(){var t;"onboarding"===(t=e.id)?d("onboarding"):"ai-agent-questions"===t?window.open("https://docs.handit.ai/faq","_blank"):"docs"===t?window.open("https://docs.handit.ai","_blank"):"contact-calendly"===t&&window.open("https://calendly.com/cristhian-handit/30min","_blank")},sx:{py:1.2,px:1.2,cursor:"pointer",borderRadius:1,mx:0,transition:"all 0.2s ease",bgcolor:"onboarding"===e.id?"rgba(66, 165, 245, 0.15)":"transparent","&:hover":{bgcolor:"onboarding"===e.id?"rgba(66, 165, 245, 0.25)":"rgba(255, 255, 255, 0.08)",transform:"translateX(3px)"}},children:[jsx(ListItemIcon,{sx:{color:"onboarding"===e.id?"#42a5f5":"#888",minWidth:36},children:renderIcon(e.icon,{size:16})}),jsx(ListItemText,{primary:e.label,primaryTypographyProps:{color:"onboarding"===e.id?"#42a5f5":"white",fontSize:"0.8rem",fontWeight:"onboarding"===e.id?500:400}}),e.badge&&jsx(Chip,{label:e.badge,size:"small",sx:{bgcolor:"#42a5f5",color:"white",fontSize:"0.65rem",height:18,minWidth:18,fontWeight:600}})]},e.id)})}),jsx(Box,{sx:{borderTop:"1px solid rgba(255, 255, 255, 0.1)",pt:2},children:jsx("form",{onSubmit:C,children:jsx(TextField,{fullWidth:!0,variant:"outlined",placeholder:"How can we guide you?",value:g,onChange:function(e){return f(e.target.value)},onKeyPress:function(e){"Enter"!==e.key||e.shiftKey||(e.preventDefault(),C(e))},multiline:!0,maxRows:1,sx:{"& .MuiOutlinedInput-root":{bgcolor:"rgba(255, 255, 255, 0.05)",borderRadius:2,fontSize:"0.7rem","& fieldset":{borderColor:"rgba(255, 255, 255, 0.2)"},"&:hover fieldset":{borderColor:"rgba(255, 255, 255, 0.3)"},"&.Mui-focused fieldset":{borderColor:"#42a5f5"}},"& .MuiOutlinedInput-input":{color:"white",padding:"0px 10px",fontSize:"0.9rem","&::placeholder":{color:"rgba(255, 255, 255, 0.5)",opacity:1}}},InputProps:{endAdornment:jsx(InputAdornment,{position:"end",children:jsx(IconButton,{type:"submit",size:"small",disabled:!g.trim(),sx:{color:g.trim()?"#42a5f5":"rgba(255, 255, 255, 0.3)","&:hover":{bgcolor:"rgba(66, 165, 245, 0.1)"},"&.Mui-disabled":{color:"rgba(255, 255, 255, 0.3)"}},children:jsx(PaperPlaneTilt,{size:16})})})}})})})]})]}:{children:[jsxs(Box,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",px:2,py:1.5,borderBottom:"1px solid rgba(255, 255, 255, 0.1)"},children:[jsxs(Box,{sx:{display:"flex",alignItems:"center"},children:[jsx(IconButton,{onClick:function(){return d("main")},size:"small",sx:{color:"#ccc",mr:.5,"&:hover":{color:"white",bgcolor:"rgba(255, 255, 255, 0.1)"}},children:jsx(ArrowLeft,{size:16})}),jsx("img",{src:"/assets/lg.png",alt:"HandIt",style:{width:20,height:20,marginRight:6}}),jsx(Typography,{variant:"h6",sx:{color:"white",fontSize:"0.9rem",fontWeight:600},children:"HandIt"})]}),jsx(IconButton,{onClick:r,size:"small",sx:{color:"#ccc","&:hover":{color:"white",bgcolor:"rgba(255, 255, 255, 0.1)"}},children:jsx(X,{size:16})})]}),jsxs(Box,{sx:{px:2.5,py:2},children:[jsx(Typography,{variant:"h5",sx:{mb:1.2,color:"white",fontSize:"1.1rem",fontWeight:600},children:"Let's get you onboarded"}),jsxs(Stack,{direction:"row",alignItems:"center",spacing:2,sx:{mb:2.5},children:[jsxs(Typography,{variant:"body2",sx:{color:"#ccc",fontSize:"0.75rem",fontWeight:500},children:[Math.round(y),"% complete"]}),jsx(LinearProgress,{variant:"determinate",value:y,sx:{flex:1,height:5,borderRadius:3,bgcolor:"rgba(255, 255, 255, 0.1)","& .MuiLinearProgress-bar":{bgcolor:"#42a5f5",borderRadius:3}}})]}),jsx(List,{sx:{p:0},children:h.map(function(e,t){var n=b.includes(e.tourId),r=c===e.tourId;return jsxs(ListItem,{onClick:function(){return function(e){a&&a(e.tourId)}(e)},sx:{py:1.5,px:1.2,cursor:"pointer",borderRadius:1,mx:0,transition:"all 0.2s ease",bgcolor:r?"rgba(66, 165, 245, 0.15)":"transparent","&:hover":{bgcolor:r?"rgba(66, 165, 245, 0.25)":"rgba(255, 255, 255, 0.08)",transform:"translateX(3px)"}},children:[jsx(ListItemIcon,{sx:{minWidth:36},children:n?jsx(CheckCircle,{size:18,color:"#42a5f5",weight:"fill"}):renderIcon(e.icon,{size:18,color:r?"#42a5f5":"#888"})}),jsx(ListItemText,{primary:e.label,primaryTypographyProps:{color:n||r?"#42a5f5":"white",fontSize:"0.8rem",fontWeight:n||r?500:400,sx:{textDecoration:n?"line-through":"none"}}})]},e.id)})}),jsx(Box,{sx:{mt:2.5,pt:1.5,borderTop:"1px solid rgba(255, 255, 255, 0.1)"},children:jsxs(ListItem,{onClick:function(){return d("main")},sx:{py:1.2,px:1.2,cursor:"pointer",borderRadius:1,mx:0,transition:"all 0.2s ease","&:hover":{bgcolor:"rgba(255, 255, 255, 0.08)",transform:"translateX(3px)"}},children:[jsx(ListItemIcon,{sx:{minWidth:36},children:jsx(ArrowLeft,{size:16,color:"#888"})}),jsx(ListItemText,{primary:"Back to menu",primaryTypographyProps:{color:"#ccc",fontSize:"0.8rem",fontWeight:400}})]})})]})]})})}):null},OnboardingAssistant=function(e){var t=e.visible,n=void 0===t||t,r=e.currentStep,o=void 0===r?0:r,i=e.totalSteps,a=void 0===i?5:i,s=e.onNext,c=e.onFinish,l=e.stepTitle,u=void 0===l?"Install HandIt":l,d=e.position,p=void 0===d?"bottom-right":d,g=e.chatPosition,f=void 0===g?"bottom-right":g,h=_slicedToArray(useState(!1),2),v=h[0],b=h[1],m=_slicedToArray(useState(""),2),x=m[0],y=m[1];if(!n)return null;var S=a-o-1,w=o===a-1;return jsx(Fade,{in:n,children:jsx(Box,{sx:_objectSpread2({position:"fixed",zIndex:9998},function(){switch(p){case"bottom-center":return{bottom:20,left:"50%",transform:"translateX(-50%)"};case"bottom-left":return{bottom:20,left:20};default:return{bottom:20,right:20}}}()),children:jsx(Card,v?{sx:{bgcolor:"primary.main",color:"primary.contrastText",borderRadius:"50%",width:56,height:56,display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",boxShadow:function(e){return e.shadows[4]},border:"2px solid",borderColor:"background.paper","&:hover":{boxShadow:function(e){return e.shadows[8]},transform:"scale(1.05)"},transition:"all 0.2s ease"},onClick:function(){return b(!1)},children:jsx(ChatCircle,{size:24,weight:"fill"})}:{sx:{bgcolor:"#333333",color:"white",borderRadius:"5px",overflow:"hidden",minWidth:500,maxWidth:500,boxShadow:"0 8px 32px rgba(0, 0, 0, 0.4)"},children:jsxs(Box,{sx:{p:2},children:[jsx(Typography,{variant:"h6",sx:{color:"white",fontSize:"1rem",fontWeight:500,mb:1.5,textAlign:"center"},children:u}),jsxs(Stack,{direction:"row",spacing:1,sx:{alignItems:"center",justifyContent:"center",mb:2},children:[Array.from({length:a}).map(function(e,t){return jsx(Box,{sx:{width:8,height:8,borderRadius:"50%",bgcolor:t<=o?"#4A90E2":"#666666",transition:"background-color 0.3s ease"}},t)}),jsxs(Typography,{variant:"caption",sx:{color:"#999",ml:2,fontSize:"0.75rem"},children:[S," steps left"]})]}),jsxs(Stack,{direction:"row",spacing:2,alignItems:"center",sx:{borderTop:"1px solid rgba(255, 255, 255, 0.1)",pt:2},children:[jsx(Box,{sx:{flex:1},children:jsx("form",{onSubmit:function(e){e.preventDefault(),x.trim()&&(window.dispatchEvent(new CustomEvent("openOnboardingChat",{detail:{mode:"assistant",message:x.trim(),position:f}})),y(""))},children:jsx(TextField,{fullWidth:!0,value:x,onChange:function(e){return y(e.target.value)},placeholder:"Ask me anything...",variant:"outlined",size:"small",sx:{"& .MuiOutlinedInput-root":{bgcolor:"rgba(255, 255, 255, 0.05)",borderRadius:"5px","& fieldset":{borderColor:"rgba(255, 255, 255, 0.2)"},"&:hover fieldset":{borderColor:"rgba(255, 255, 255, 0.3)"},"&.Mui-focused fieldset":{borderColor:"#4A90E2"}},"& .MuiOutlinedInput-input":{color:"white",fontSize:"0.875rem",py:.5,"&::placeholder":{color:"rgba(255, 255, 255, 0.5)",opacity:1}}},InputProps:{endAdornment:jsx(InputAdornment,{position:"end",children:jsx(IconButton,{type:"submit",size:"small",disabled:!x.trim(),sx:{color:x.trim()?"#4A90E2":"rgba(255, 255, 255, 0.3)","&:hover":{bgcolor:"rgba(74, 144, 226, 0.1)"},"&.Mui-disabled":{color:"rgba(255, 255, 255, 0.3)"}},children:jsx(PaperPlaneTilt,{size:16})})})}})})}),jsxs(Stack,{direction:"row",spacing:1.5,children:[jsx(Button,{variant:"text",onClick:w?c:s,sx:{color:"white",textTransform:"none",fontSize:"0.8rem",bgcolor:"rgba(255, 255, 255, 0.1)",px:2.5,py:.4,minHeight:"unset","&:hover":{bgcolor:"rgba(255, 255, 255, 0.2)"}},children:"Next"}),jsx(Button,{variant:"text",onClick:c,sx:{color:"white",textTransform:"none",fontSize:"0.8rem",bgcolor:"rgba(255, 255, 255, 0.1)",px:2.5,py:.4,minHeight:"unset","&:hover":{bgcolor:"rgba(255, 255, 255, 0.2)"}},children:"Finish"})]})]})]})})})})},StableBannerContainer=function(e){var t=e.banners,n=e.onCloseBanner,r=_slicedToArray(useState(!1),2),o=r[0],i=r[1],a=_slicedToArray(useState(t),2),s=a[0],c=a[1],l=useRef(null),u=useRef(t);return useEffect(function(){u.current=t},[t]),useEffect(function(){var e=function(e){e.detail.loading?(l.current&&clearTimeout(l.current),i(!0)):l.current=setTimeout(function(){i(!1),c(_toConsumableArray(u.current))},150)};return window.addEventListener("onboarding:loading-state-change",e),function(){window.removeEventListener("onboarding:loading-state-change",e),l.current&&clearTimeout(l.current)}},[]),useEffect(function(){o||c(t)},[t,o]),jsx(Fragment,{children:s.map(function(e){return jsx(OnboardingBanner,_objectSpread2(_objectSpread2({},e),{},{onClose:function(){return n(e.id)}}),e.id)})})},useTypingAnimation=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:30,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=_slicedToArray(useState(""),2),o=r[0],i=r[1],a=_slicedToArray(useState(!1),2),s=a[0],c=a[1],l=_slicedToArray(useState(!1),2),u=l[0],d=l[1];return useEffect(function(){if(!e)return i(""),void d(!0);i(""),c(!1),d(!1);var r=setTimeout(function(){c(!0);var n=0,r=setInterval(function(){n<e.length?(i(e.substring(0,n+1)),n++):(c(!1),d(!0),clearInterval(r))},t);return function(){return clearInterval(r)}},n);return function(){return clearTimeout(r)}},[e,t,n]),{displayedText:o,isTyping:s,isComplete:u}},OnboardingBanner=React.memo(function(e){var t=e.open,n=e.onClose,r=e.title,o=e.message,i=e.position,a=void 0===i?{top:100,left:300}:i,s=e.autoHide,c=void 0!==s&&s,l=e.autoHideDelay,u=void 0===l?5e3:l,d=e.variant,p=void 0===d?"info":d,g=e.arrow,f=void 0===g?"none":g,h=e.actions,v=void 0===h?[]:h,b=e.showCloseButton,m=void 0===b||b,x=e.typingSpeed,y=void 0===x?30:x,S=_slicedToArray(useState(t),2),w=S[0],C=S[1],T=useTypingAnimation(r,y,0),I=useTypingAnimation(o,y,r?150:0);useEffect(function(){C(t)},[t]),useEffect(function(){if(c&&w&&I.isComplete){var e=setTimeout(function(){j()},u);return function(){return clearTimeout(e)}}},[w,c,u,I.isComplete]);var j=function(){C(!1),setTimeout(function(){n&&n()},200)},k=function(){var e={info:{bgcolor:"#2a2a2a",borderColor:"#42a5f5",color:"white"},warning:{bgcolor:"#2a2a2a",borderColor:"#ff9800",color:"white"},success:{bgcolor:"#2a2a2a",borderColor:"#4caf50",color:"white"},error:{bgcolor:"#2a2a2a",borderColor:"#f44336",color:"white"}};return e[p]||e.info};if(!t&&!w)return null;var _=k(),E={top:{"&::before":{content:'""',position:"absolute",top:-8,left:"50%",transform:"translateX(-50%)",width:0,height:0,borderLeft:"".concat(8,"px solid transparent"),borderRight:"".concat(8,"px solid transparent"),borderBottom:"".concat(8,"px solid ").concat(k().bgcolor)}},bottom:{"&::before":{content:'""',position:"absolute",bottom:-8,left:"50%",transform:"translateX(-50%)",width:0,height:0,borderLeft:"".concat(8,"px solid transparent"),borderRight:"".concat(8,"px solid transparent"),borderTop:"".concat(8,"px solid ").concat(k().bgcolor)}},left:{"&::before":{content:'""',position:"absolute",left:-8,top:"50%",transform:"translateY(-50%)",width:0,height:0,borderTop:"".concat(8,"px solid transparent"),borderBottom:"".concat(8,"px solid transparent"),borderRight:"".concat(8,"px solid ").concat(k().bgcolor)}},right:{"&::before":{content:'""',position:"absolute",right:-8,top:"50%",transform:"translateY(-50%)",width:0,height:0,borderTop:"".concat(8,"px solid transparent"),borderBottom:"".concat(8,"px solid transparent"),borderLeft:"".concat(8,"px solid ").concat(k().bgcolor)}},none:{}}[f]||{};return jsx(Fade,{in:w,timeout:200,children:jsx(Box,{sx:{position:"fixed",top:a.top,left:a.left,transform:a.transform,zIndex:9997,maxWidth:400,borderRadius:"5px"},children:jsx(Grow,{in:w,timeout:300,children:jsx(Card,{sx:_objectSpread2(_objectSpread2({},_),{},{borderRadius:"5px",boxShadow:"0 8px 32px rgba(0, 0, 0, 0.3)",overflow:"hidden",position:"relative"},E),children:jsxs(Box,{sx:{p:2},children:[jsxs(Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",mb:1},children:[jsx(Box,{sx:{display:"flex",alignItems:"center",flex:1},children:r&&jsxs(Typography,{variant:"subtitle2",sx:{color:"white",fontWeight:600},children:[T.displayedText,T.isTyping&&jsx(Box,{component:"span",sx:{display:"inline-block",width:"2px",height:"1.2em",backgroundColor:"white",marginLeft:"2px",animation:"blink 1s infinite","@keyframes blink":{"0%, 50%":{opacity:1},"51%, 100%":{opacity:0}}}})]})}),m&&jsx(IconButton,{onClick:j,sx:{color:"#888",p:.5,ml:1,borderRadius:"5px","&:hover":{color:"white"}},size:"small",children:jsx(X,{size:16})})]}),jsxs(Typography,{variant:"body2",sx:{color:"#ccc",lineHeight:1.4,mb:v.length>0?2:0},children:[I.displayedText,I.isTyping&&jsx(Box,{component:"span",sx:{display:"inline-block",width:"2px",height:"1.2em",backgroundColor:"#ccc",marginLeft:"2px",animation:"blink 1s infinite","@keyframes blink":{"0%, 50%":{opacity:1},"51%, 100%":{opacity:0}}}})]}),v.length>0&&I.isComplete&&jsx(Stack,{direction:"row",spacing:1,justifyContent:"flex-end",children:v.map(function(e,t){return jsx(Button,{variant:"text",size:"small",onClick:e.onClick,sx:{textTransform:"none",fontSize:"0.875rem",color:"white",bgcolor:"rgba(255, 255, 255, 0.1)",border:"none",px:2,borderRadius:"5px",py:.5,"&:hover":{bgcolor:"rgba(255, 255, 255, 0.2)",color:"white"},"&:focus":{bgcolor:"rgba(255, 255, 255, 0.15)"}},children:e.text},t)})})]})})})})})},function(e,t){var n,r,o,i,a,s;return e.open===t.open&&e.title===t.title&&e.message===t.message&&e.variant===t.variant&&(null===(n=e.position)||void 0===n?void 0:n.top)===(null===(r=t.position)||void 0===r?void 0:r.top)&&(null===(o=e.position)||void 0===o?void 0:o.left)===(null===(i=t.position)||void 0===i?void 0:i.left)&&e.autoHide===t.autoHide&&(null===(a=e.actions)||void 0===a?void 0:a.length)===(null===(s=t.actions)||void 0===s?void 0:s.length)}),useOnboardingBanners=function(){var e=_slicedToArray(useState([]),2);e[0];var t=e[1],n=useRef([]),r=_slicedToArray(useState(0),2);r[0];var o=r[1],i=_slicedToArray(useState(!1),2);i[0];var a=i[1],s=useRef(null);useEffect(function(){var e=function(e){e.detail.loading?(s.current&&clearTimeout(s.current),a(!0)):s.current=setTimeout(function(){a(!1)},100)};return window.addEventListener("onboarding:loading-state-change",e),function(){window.removeEventListener("onboarding:loading-state-change",e),s.current&&clearTimeout(s.current)}},[]);var c=function(e){n.current=e,t(e)},l=function(e){var t=n.current.filter(function(t){return t.id!==e});c(t)};return{showBanner:function(e){var t=Date.now()+Math.random(),r=[].concat(_toConsumableArray(n.current),[_objectSpread2(_objectSpread2({},e),{},{id:t,open:!0})]);return c(r),t},hideBanner:l,hideAllBanners:function(){c([])},forceRender:function(){o(function(e){return e+1})},BannerContainer:React.memo(function(){return jsx(StableBannerContainer,{banners:n.current,onCloseBanner:l})})}},InvisibleMouse=function(e){var t=e.visible,n=void 0!==t&&t,r=e.position,o=void 0===r?{x:0,y:0}:r,i=e.type,a=void 0===i?"pointer":i,s=e.size,c=void 0===s?24:s,l=e.color,u=void 0===l?"#42a5f5":l,d=e.animationDuration,p=void 0===d?150:d,g=e.trail,f=void 0!==g&&g,h=e.pulsing,v=void 0!==h&&h,b=_slicedToArray(useState(o),2),m=b[0],x=b[1],y=_slicedToArray(useState(!1),2),S=y[0];y[1];var w=_slicedToArray(useState([]),2),C=w[0],T=w[1],I=useRef(null);useEffect(function(){o.x===m.x&&o.y===m.y||(f&&T(function(e){return[].concat(_toConsumableArray(e.slice(-5)),[m])}),x(o))},[o,m,f]);var j=function(){switch(a){case"click":return jsx(CursorClick,{size:c,color:u,weight:"fill"});case"hand":return jsx(Hand,{size:c,color:u,weight:"fill"});default:return jsxs(Box,{sx:{position:"relative",display:"inline-block",width:"60px",height:"40px"},children:[jsx("svg",{width:"16",height:"20",viewBox:"0 0 16 20",style:{position:"absolute",top:16,left:0,zIndex:1e5,filter:"drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.4))"},children:jsx("path",{d:"M0 0 L0 14 L4 10 L7 16 L9 15 L6 9 L11 9 Z",fill:u})}),jsx(Box,{sx:{bgcolor:u,color:"white",borderRadius:"12px",px:1.5,py:.5,fontSize:"10px",fontWeight:600,whiteSpace:"nowrap",boxShadow:"0 2px 8px rgba(0, 0, 0, 0.15)",display:"flex",alignItems:"center",justifyContent:"center",minWidth:"40px",height:"20px",position:"absolute",top:"28px",left:"18px",zIndex:1e5},children:"HandIt"})]})}};return n?jsxs(Fragment,{children:[f&&C.map(function(e,t){return jsx(Fade,{in:!0,timeout:500,style:{transitionDelay:"".concat(100*t,"ms")},children:jsx(Box,{sx:{position:"fixed",left:e.x,top:e.y,zIndex:1e5+t,pointerEvents:"none",opacity:(t+1)/C.length*.3,transform:"translate(-50%, -50%)",cursor:"none"},children:j()})},"trail-".concat(t))}),jsx(Fade,{in:n,timeout:200,children:jsx(Box,{ref:I,sx:{position:"fixed",left:m.x,top:m.y,zIndex:1e5,cursor:"none",transform:"translate(-50%, -50%)",transition:S?"none":"all ".concat(p,"ms cubic-bezier(0.4, 0, 0.2, 1)"),animation:v?"pulse 1.5s ease-in-out infinite":"none",pointerEvents:"none","@keyframes pulse":{"0%":{transform:"translate(-50%, -50%) scale(1)",opacity:1},"50%":{transform:"translate(-50%, -50%) scale(1.2)",opacity:.7},"100%":{transform:"translate(-50%, -50%) scale(1)",opacity:1}}},children:j()})})]}):null},useInvisibleMouse=function(){var e=_slicedToArray(useState({visible:!1,position:{x:0,y:0},type:"pointer",pulsing:!1,trail:!1}),2),t=e[0],n=e[1],r=useRef({x:0,y:0}),o=useRef(!1);useEffect(function(){r.current=t.position,o.current=t.visible},[t.position,t.visible]);var i=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};n(function(n){return _objectSpread2(_objectSpread2({},n),{},{position:{x:e,y:t}},r)})},a=function(e,t,r){i(e,t,{type:"click",pulsing:!0}),setTimeout(function(){r&&r(),n(function(e){return _objectSpread2(_objectSpread2({},e),{},{type:"pointer",pulsing:!1})})},200)},s=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{x:0,y:0},n=document.querySelector(e);if(n){var r=n.getBoundingClientRect(),o=r.left+r.width/2+t.x,a=r.top+r.height/2+t.y;return i(o,a),{x:o,y:a}}return null},c=function(e){return e<.5?4*e*e*e:1-Math.pow(-2*e+2,3)/2};return{showMouse:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};n(function(t){return _objectSpread2(_objectSpread2({},t),{},{visible:!0},e)})},hideMouse:function(){n(function(e){return _objectSpread2(_objectSpread2({},e),{},{visible:!1})})},moveMouse:i,clickAt:a,moveToElement:s,animateToElement:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=t.duration,a=void 0===i?800:i,s=t.startFromCenter,l=void 0===s||s,u=t.offset,d=void 0===u?{x:0,y:0}:u,p=t.onComplete,g=document.querySelector(e);if(!g)return console.warn("Element not found for selector:",e),null;var f,h,v=g.getBoundingClientRect(),b=v.left+v.width/2+d.x,m=v.top+v.height/2+d.y;o.current?(f=r.current.x,h=r.current.y):(f=l?window.innerWidth/2:r.current.x,h=l?window.innerHeight/2:r.current.y),o.current?n(function(e){return _objectSpread2(_objectSpread2({},e),{},{pulsing:!0,trail:!0})}):(n(function(e){return _objectSpread2(_objectSpread2({},e),{},{visible:!0,position:{x:f,y:h},type:"pointer",pulsing:!0,trail:!0})}),r.current={x:f,y:h},o.current=!0);var x=a/60,y=0,S=function(){if(y>=60)return n(function(e){return _objectSpread2(_objectSpread2({},e),{},{position:{x:b,y:m},pulsing:!0})}),r.current={x:b,y:m},void(p&&p());var e=c(y/60),t=f+(b-f)*e,o=h+(m-h)*e;n(function(e){return _objectSpread2(_objectSpread2({},e),{},{position:{x:t,y:o}})}),r.current={x:t,y:o},y++,setTimeout(S,x)};return setTimeout(S,50),{x:b,y:m}},clickElement:function(e,t){var n=s(e);n&&setTimeout(function(){a(n.x,n.y,t)},100)},mouseState:t,MouseComponent:function(){return jsx(InvisibleMouse,_objectSpread2({},t))}}},OnboardingOrchestrator=function(e){var t,n=e.autoStart,r=void 0!==n&&n,o=e.triggerOnMount,i=void 0===o||o,a=e.userState,s=void 0===a?{}:a,c=e.enableAutomaticStart,l=void 0===c||c,u=e.isLoadingAutomaticStart,d=void 0!==u&&u,p=e.onComplete,g=void 0===p?function(){}:p,f=e.onSkip,h=void 0===f?function(){}:f,v=e.updateOnboardingProgress,b=void 0===v?function(){}:v,m=e.config,x=void 0===m?null:m,y=_slicedToArray(useState(!1),2),S=y[0],w=y[1],C=_slicedToArray(useState(!1),2),T=C[0],I=C[1],j=_slicedToArray(useState(null),2),k=j[0],_=j[1],E=_slicedToArray(useState(null),2),A=E[0],B=E[1],O=_slicedToArray(useState({}),2),P=O[0],L=O[1],z=_slicedToArray(useState(!1),2),R=z[0],D=z[1],M=_slicedToArray(useState(!1),2),F=M[0],H=M[1],W=useOnboardingBanners(),N=useInvisibleMouse(),G=useRef(!1),V=function(){window.dispatchEvent(new CustomEvent("onboardingMouseLeave"))},q=useCallback(function(){w(!1),I(!1),_(null),B(null),D(!1),V(),N.hideMouse(),W.hideAllBanners(),window.__onboardingActive=!1,localStorage.removeItem("onboardingState"),window.dispatchEvent(new CustomEvent("onboardingStateChange",{detail:{active:!1}})),g()},[N,W,g]),J=useCallback(function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(!onboardingService.getCurrentStep()||e){var t,n=null==A?void 0:A.tourId;if(t=onboardingService.getTourOrder()[n],window.dispatchEvent(new CustomEvent("onboarding:change-tour",{detail:{tourId:t}})),t){onboardingService.transitionTour();var r=onboardingService.startTour(t);if(r){var o,i;_(r);var a=onboardingService.getCurrentTourInfo();B(a),null!=a&&null!==(o=a.settings)&&void 0!==o&&o.showAssistant&&D(!0),b(t);var s={isActive:!0,tourId:t,currentStepId:r.id,assistantVisible:(null==a||null===(i=a.settings)||void 0===i?void 0:i.showAssistant)||!1};localStorage.setItem("onboardingState",JSON.stringify(s))}}else q()}},[A,q,b]),X=useCallback(function(){w(!1),I(!1),_(null),B(null),D(!1),V(),N.hideMouse(),W.hideAllBanners(),window.__onboardingActive=!1,localStorage.removeItem("onboardingState"),window.dispatchEvent(new CustomEvent("onboardingStateChange",{detail:{active:!1}})),h()},[N,W,h]),K=useCallback(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:onboardingService.getInitialTourId(),t=onboardingService.startTour(e);if(t){var n,r;_(t);var o=onboardingService.getCurrentTourInfo();B(o),w(!0),null!=o&&null!==(n=o.settings)&&void 0!==n&&n.showAssistant&&D(!0),b(e);var i={isActive:!0,tourId:e,currentStepId:t.id,assistantVisible:(null==o||null===(r=o.settings)||void 0===r?void 0:r.showAssistant)||!1};localStorage.setItem("onboardingState",JSON.stringify(i)),window.__onboardingActive=!0,window.dispatchEvent(new CustomEvent("onboardingStateChange",{detail:{active:!0}}))}},[]);useEffect(function(){if(S&&k){var e={isActive:!0,tourId:null==A?void 0:A.tourId,currentStepId:k.id,assistantVisible:R};localStorage.setItem("onboardingState",JSON.stringify(e))}},[S,k,A,R]),useEffect(function(){var e=localStorage.getItem("onboardingState");if(e&&!S)try{var t=JSON.parse(e);t.isActive&&setTimeout(function(){var e=onboardingService.startTour(t.tourId);if(e){for(var n=e;n&&n.id!==t.currentStepId&&(onboardingService.nextStep(),(n=onboardingService.getCurrentStep())&&n.id!==e.id););var r=onboardingService.getCurrentStep();r&&(_(r),B(onboardingService.getCurrentTourInfo()),w(!0),D(t.assistantVisible),window.__onboardingActive=!0,window.dispatchEvent(new CustomEvent("onboardingStateChange",{detail:{active:!0}})))}},500)}catch(e){console.error("Error restoring onboarding state:",e),localStorage.removeItem("onboardingState")}},[]),useEffect(function(){if(!S){var e=localStorage.getItem("onboardingState");if(e)try{var t=JSON.parse(e);t.isActive&&!S&&setTimeout(function(){if(!onboardingService.getCurrentStep()){var e=onboardingService.startTour(t.tourId);if(e){for(var n=e;n&&n.id!==t.currentStepId&&(onboardingService.nextStep(),n=onboardingService.getCurrentStep()););var r=onboardingService.getCurrentStep();r&&(_(r),B(onboardingService.getCurrentTourInfo()),w(!0),D(t.assistantVisible),window.__onboardingActive=!0,window.dispatchEvent(new CustomEvent("onboardingStateChange",{detail:{active:!0}})))}}},100)}catch(e){console.error("Error in state restoration check:",e)}}},[S]),useEffect(function(){var e=function(){H(!0),W.hideAllBanners()},t=function(){if(H(!1),"open-evaluators-chat"===(null==k?void 0:k.id)){onboardingService.nextStep();var e=onboardingService.getCurrentStep();if(e){_(e),B(onboardingService.getCurrentTourInfo());var t={isActive:!0,tourId:null==A?void 0:A.tourId,currentStepId:e.id,assistantVisible:R};localStorage.setItem("onboardingState",JSON.stringify(t))}else J()}},n=function(){S&&k&&setTimeout(function(){window.dispatchEvent(new CustomEvent("onboarding:close-chat"))},2e3)};return window.addEventListener("onboarding:chat-opened",e),window.addEventListener("onboarding:chat-closed",t),window.addEventListener("onboarding:evaluators-detected",n),function(){window.removeEventListener("onboarding:chat-opened",e),window.removeEventListener("onboarding:chat-closed",t),window.removeEventListener("onboarding:evaluators-detected",n)}},[W,k,A,R,J,S]),useEffect(function(){if("undefined"!=typeof window){var e=R||k&&S;window.__onboardingActive=e,window.dispatchEvent(new CustomEvent("onboardingStateChange",{detail:{active:e}}))}return function(){"undefined"!=typeof window&&(window.__onboardingActive=!1,window.dispatchEvent(new CustomEvent("onboardingStateChange",{detail:{active:!1}})))}},[R,k,S]);var U=useCallback(function(e){var t,n;if(console.log("handleConnectionSuccess",e),console.log("currentStep",k),("test-connection-button"===(null==k?void 0:k.id)||"/docs"===window.location.pathname&&k&&(null===(t=e.detail)||void 0===t?void 0:t.success))&&(null===(n=e.detail)||void 0===n?void 0:n.success)){console.log("unhighlightMenuItem"),V(),W.hideAllBanners(),onboardingService.nextStep();var r=onboardingService.getCurrentStep();if(r){_(r),B(onboardingService.getCurrentTourInfo());var o={isActive:!0,tourId:null==A?void 0:A.tourId,currentStepId:r.id,assistantVisible:R};localStorage.setItem("onboardingState",JSON.stringify(o))}else J()}},[k,A,R,W,J]),Y=useCallback(function(e){var t;null===(t=e.detail)||void 0===t||t.loading},[]),Q=useCallback(function(e){var t=e.detail.step;if(t){var n;_(t),B(onboardingService.getCurrentTourInfo());var r={isActive:!0,tourId:(null==A?void 0:A.id)||(null===(n=onboardingService.getCurrentTourInfo())||void 0===n?void 0:n.id),currentStepId:t.id,assistantVisible:R};localStorage.setItem("onboardingState",JSON.stringify(r))}},[A,R]);useEffect(function(){var e=new onboardingService.constructor(null,x);e.init(s),Object.assign(onboardingService,e),onboardingService.on("tourCompleted",J),onboardingService.on("tourSkipped",X);var t=function(){w(!0),I(!0)};if(window.addEventListener("openOnboardingMenu",t),window.addEventListener("onboarding:connection-success",U),window.addEventListener("onboarding:loading-state-change",Y),window.addEventListener("onboarding:step-changed",Q),null===s.onboardingCurrentTour&&!G.current&&l&&!d)return G.current=!0,K(onboardingService.getInitialTourId()),void new CustomEvent("onboarding:start-tour",{detail:{tourId:onboardingService.getInitialTourId()}});if(i&&(onboardingService.checkTriggers()&&r))return void K();return r&&K(),function(){window.removeEventListener("openOnboardingMenu",t),window.removeEventListener("onboarding:connection-success",U),window.removeEventListener("onboarding:loading-state-change",Y),window.removeEventListener("onboarding:step-changed",Q)}},[s,x,r,i,l,d,U,Y,Q]);var $=useCallback(function(){W.hideAllBanners(),V(),onboardingService.nextStep(),_(onboardingService.getCurrentStep()),B(onboardingService.getCurrentTourInfo()),J()},[W,J]),Z=useCallback(function(){W.hideAllBanners(),V(),onboardingService.previousStep(),_(onboardingService.getCurrentStep()),B(onboardingService.getCurrentTourInfo())},[W]),ee=useCallback(function(){onboardingService.skipTour("user_skip"),X()},[X]),te=useCallback(function(){J(!0)},[J]),ne=useCallback(function(e,t){var n=onboardingService.submitForm(e,t);_(n),B(onboardingService.getCurrentTourInfo()),L(_objectSpread2(_objectSpread2({},P),t))},[P]),re=useCallback(function(e){var t;if(null!==(t=e.cursorGuidance)&&void 0!==t&&t.enabled){var n=e.cursorGuidance,r=0,o=function(){if(!(r>=n.steps.length)){var e=n.steps[r],t=oe(e.target,e.targetText);if(t)r>0&&V(),N.animateToElement(e.target,{duration:2e3,onComplete:function(){var e=t.getAttribute("data-nav-item");e&&function(e){window.dispatchEvent(new CustomEvent("onboardingMouseTarget",{detail:{menuTitle:e}}))}(e)}})&&(e.instruction&&setTimeout(function(){var n,r=t.getBoundingClientRect(),o=ie(r,e.instruction.position);W.showBanner({title:e.instruction.title,message:e.instruction.description,position:o,variant:"info",autoHide:!e.instruction.actions,autoHideDelay:e.instruction.actions?0:12e3,showCloseButton:!1,actions:null===(n=e.instruction.actions)||void 0===n?void 0:n.map(function(e){return{text:e.text,type:e.type,onClick:function(){if(W.hideAllBanners(),console.log("action",e),"nextStep"===e.action)"close-connect-dialog"===(null==k?void 0:k.id)?(window.dispatchEvent(new CustomEvent("onboarding:close-connect-dialog")),setTimeout(function(){onboardingService.nextStep(),_(onboardingService.getCurrentStep()),B(onboardingService.getCurrentTourInfo()),onboardingService.getCurrentStep()||(b(e.nextTourId),J())},500)):(onboardingService.nextStep(),_(onboardingService.getCurrentStep()),B(onboardingService.getCurrentTourInfo()),onboardingService.getCurrentStep()||(b(e.nextTourId),J()));else if("skipTour"===e.action)onboardingService.skipTour("user_skip"),X();else if("nextTour"===e.action){onboardingService.transitionTour();var t=onboardingService.startTour(e.nextTourId);if(console.log("nextStep",t),console.log("action.nextTourId",e),t){var n,r;_(t);var o=onboardingService.getCurrentTourInfo();B(o),console.log("action.nextTourId",e.nextTourId),window.dispatchEvent(new CustomEvent("onboarding:change-tour",{detail:{tourId:e.nextTourId}})),null!=o&&null!==(n=o.settings)&&void 0!==n&&n.showAssistant&&D(!0);var i={isActive:!0,tourId:e.nextTourId,currentStepId:t.id,assistantVisible:(null==o||null===(r=o.settings)||void 0===r?void 0:r.showAssistant)||!1};localStorage.setItem("onboardingState",JSON.stringify(i))}}else"finishTour"===e.action&&(onboardingService.completeTour("tour_complete"),J())}}})})},1800),setTimeout(function(){r++,o()},n.steps[r].delay||100));else console.warn("Target element not found for guidance step:",e)}};setTimeout(o,n.delay||500)}},[]),oe=function(e,t){if(t){var n,r=_createForOfIteratorHelper(document.querySelectorAll(e));try{for(r.s();!(n=r.n()).done;){var o,i=n.value;if(null!==(o=i.textContent)&&void 0!==o&&o.includes(t))return i}}catch(e){r.e(e)}finally{r.f()}}return document.querySelector(e)},ie=function(e,t){switch(t){case"right":default:return{top:e.top,left:e.right+20};case"left":return{top:e.top,left:e.left-300-20};case"bottom":return{top:e.bottom+20,left:e.left};case"top":return{top:e.top-120-20,left:e.left}}};useEffect(function(){if(k&&"cursor-only"===k.type){if(k.waitForElement){var e=function(){if(document.querySelector(k.waitForElement.target)){if(k.scrollIntoView){var t=document.querySelector(k.scrollIntoView.target);t&&t.scrollIntoView({behavior:k.scrollIntoView.behavior||"smooth",block:k.scrollIntoView.block||"center",inline:k.scrollIntoView.inline||"nearest"})}re(k)}else setTimeout(e,k.waitForElement.checkInterval||1e3)},t=setTimeout(function(){console.warn("waitForElement timeout reached for:",k.waitForElement.target)},k.waitForElement.timeout||1e4);return e(),function(){return clearTimeout(t)}}if(k.scrollIntoView){var n=document.querySelector(k.scrollIntoView.target);n&&n.scrollIntoView({behavior:k.scrollIntoView.behavior||"smooth",block:k.scrollIntoView.block||"center",inline:k.scrollIntoView.inline||"nearest"})}re(k)}},[k,re]),useEffect(function(){if(k&&k.advanceOnClick){var e=function(e){if(e.target.closest(k.advanceOnClick.target)){V(),W.hideAllBanners();var t=k.advanceDelay||0;setTimeout(function(){onboardingService.nextStep();var e=onboardingService.getCurrentStep();if(e){_(e),B(onboardingService.getCurrentTourInfo());var t={isActive:!0,tourId:null==A?void 0:A.tourId,currentStepId:e.id,assistantVisible:R};localStorage.setItem("onboardingState",JSON.stringify(t))}else J()},t)}};return document.addEventListener("click",e),function(){document.removeEventListener("click",e)}}},[k,W,A,R,J]),useEffect(function(){if(k&&k.advanceOnChange){var e=function(e){var t=e.target.closest(k.advanceOnChange.target),n=document.querySelector(k.advanceOnChange.target),r=n&&(n.contains(e.target)||e.target===n);if(t||r){V(),W.hideAllBanners();var o=k.advanceDelay||1e3;setTimeout(function(){onboardingService.nextStep();var e=onboardingService.getCurrentStep();if(e){_(e),B(onboardingService.getCurrentTourInfo());var t={isActive:!0,tourId:null==A?void 0:A.tourId,currentStepId:e.id,assistantVisible:R};localStorage.setItem("onboardingState",JSON.stringify(t))}else J()},o)}},t=function(e){var t=e.target.closest(k.advanceOnChange.target),n=document.querySelector(k.advanceOnChange.target),r=n&&(n.contains(e.target)||e.target===n);if(t||r){V(),W.hideAllBanners();var o=k.advanceDelay||1e3;setTimeout(function(){onboardingService.nextStep();var e=onboardingService.getCurrentStep();if(e){_(e),B(onboardingService.getCurrentTourInfo());var t={isActive:!0,tourId:null==A?void 0:A.tourId,currentStepId:e.id,assistantVisible:R};localStorage.setItem("onboardingState",JSON.stringify(t))}else J()},o)}},n=function(e){var t=e.target.closest(k.advanceOnChange.target),n=document.querySelector(k.advanceOnChange.target),r=n&&(n.contains(e.target)||e.target===n);if(t||r){V(),W.hideAllBanners();var o=k.advanceDelay||1e3;setTimeout(function(){onboardingService.nextStep();var e=onboardingService.getCurrentStep();if(e){_(e),B(onboardingService.getCurrentTourInfo());var t={isActive:!0,tourId:null==A?void 0:A.tourId,currentStepId:e.id,assistantVisible:R};localStorage.setItem("onboardingState",JSON.stringify(t))}else J()},o)}};return document.addEventListener("change",e),document.addEventListener("input",t),document.addEventListener("click",n),function(){document.removeEventListener("change",e),document.removeEventListener("input",t),document.removeEventListener("click",n)}}},[k,W,A,R,J]),useEffect(function(){if(k&&k.advanceOnFocus){var e=function(e){if(e.target.closest(k.advanceOnFocus.target)){V(),W.hideAllBanners();var t=k.advanceDelay||500;setTimeout(function(){onboardingService.nextStep();var e=onboardingService.getCurrentStep();if(e){_(e),B(onboardingService.getCurrentTourInfo());var t={isActive:!0,tourId:null==A?void 0:A.tourId,currentStepId:e.id,assistantVisible:R};localStorage.setItem("onboardingState",JSON.stringify(t))}else J()},t)}};return document.addEventListener("focus",e,!0),function(){document.removeEventListener("focus",e,!0)}}},[k,W,A,R,J]);var ae=_slicedToArray(useState(null),2),se=ae[0],ce=ae[1];useEffect(function(){if(k&&"banner"===k.type&&k.id!==se){var e,t=le(k.placement);W.showBanner({title:k.content.heading,message:k.content.description,position:t,variant:k.content.variant||"info",autoHide:!1!==k.content.autoHide,autoHideDelay:k.content.autoHideDelay||1e4,showCloseButton:!1!==k.content.showCloseButton,actions:null===(e=k.actions)||void 0===e?void 0:e.map(function(e){return{text:e.text,type:e.type,onClick:function(){if(W.hideAllBanners(),console.log("action",e),"nextStep"===e.action)"close-connect-dialog"===(null==k?void 0:k.id)?(window.dispatchEvent(new CustomEvent("onboarding:close-connect-dialog")),setTimeout(function(){onboardingService.nextStep(),_(onboardingService.getCurrentStep()),B(onboardingService.getCurrentTourInfo()),onboardingService.getCurrentStep()||J()},500)):(onboardingService.nextStep(),_(onboardingService.getCurrentStep()),B(onboardingService.getCurrentTourInfo()),onboardingService.getCurrentStep()||J());else if("skipTour"===e.action)onboardingService.skipTour("user_skip"),X();else if("nextTour"===e.action){onboardingService.transitionTour();var t=onboardingService.startTour(e.nextTourId);if(window.dispatchEvent(new CustomEvent("onboarding:change-tour",{detail:{tourId:e.nextTourId}})),t){var n,r;_(t);var o=onboardingService.getCurrentTourInfo();B(o),null!=o&&null!==(n=o.settings)&&void 0!==n&&n.showAssistant&&D(!0);var i={isActive:!0,tourId:e.nextTourId,currentStepId:t.id,assistantVisible:(null==o||null===(r=o.settings)||void 0===r?void 0:r.showAssistant)||!1};localStorage.setItem("onboardingState",JSON.stringify(i))}}else if("finishTour"===e.action)onboardingService.completeTour("tour_complete"),J();else if("openChat"===e.action){if(window.dispatchEvent(new CustomEvent("openOnboardingChat",{detail:{mode:"assistant",message:e.chatMessage||"How can I help you?"}})),e.showAdditionalBanner){var a=le(e.showAdditionalBanner.placement);setTimeout(function(){W.showBanner({title:e.showAdditionalBanner.content.heading,message:e.showAdditionalBanner.content.description,position:a,variant:e.showAdditionalBanner.content.variant||"info",autoHide:!1!==e.showAdditionalBanner.content.autoHide,autoHideDelay:e.showAdditionalBanner.content.autoHideDelay||1e4,showCloseButton:!1!==e.showAdditionalBanner.content.showCloseButton,icon:e.showAdditionalBanner.content.icon})},1e3)}}else if("apiCall"===e.action){var s=function(){var t=_asyncToGenerator(_regenerator().m(function t(){var n,r,o,i;return _regenerator().w(function(t){for(;;)switch(t.p=t.n){case 0:return t.p=0,n=localStorage.getItem("custom-auth-token"),r={"Content-Type":"application/json"},n&&(r.Authorization="Bearer ".concat(n)),t.n=1,fetch("".concat(process.env.NEXT_PUBLIC_API_URL,"/").concat(e.endpoint),{method:e.method||"GET",headers:r,body:"POST"===e.method?JSON.stringify({}):void 0});case 1:(o=t.v).ok?(onboardingService.nextStep(),_(onboardingService.getCurrentStep()),B(onboardingService.getCurrentTourInfo()),onboardingService.getCurrentStep()||J()):console.error("API call failed:",o.status),t.n=3;break;case 2:t.p=2,i=t.v,console.error("Error making API call:",i);case 3:return t.a(2)}},t,null,[[0,2]])}));return function(){return t.apply(this,arguments)}}();s()}}}}),icon:k.content.icon}),ce(k.id)}},[k]),useEffect(function(){if(k&&"navigation"===k.type){var e=k.navigation;null!=e&&e.url&&(window.location.href=e.url,k.autoAdvance&&k.duration&&setTimeout(function(){onboardingService.nextStep(),_(onboardingService.getCurrentStep()),B(onboardingService.getCurrentTourInfo()),onboardingService.getCurrentStep()||J()},k.duration))}},[k]);var le=function(e){switch(e){case"top-center":default:return{top:20,left:"50%",transform:"translateX(-50%)"};case"top-left":return{top:20,left:20};case"top-right":return{top:20,right:20};case"bottom-center":return{bottom:20,left:"50%",transform:"translateX(-50%)"};case"bottom-left":return{bottom:20,left:20};case"bottom-right":return{bottom:20,right:20};case"center":return{top:"50%",left:"50%",transform:"translate(-50%, -50%)"}}};return S?jsxs(Fragment,{children:[jsx(OnboardingMenu,{open:T,onClose:function(){I(!1),w(!1)},onStartTour:function(e){var t=onboardingService.startTour(e);if(window.dispatchEvent(new CustomEvent("onboarding:start-tour",{detail:{tourId:e}})),t){var n;_(t);var r=onboardingService.getCurrentTourInfo();B(r),I(!1),null!=r&&null!==(n=r.settings)&&void 0!==n&&n.showAssistant&&D(!0),b(e)}},userOnboardingCurrentTour:s.onboardingCurrentTour,userCompletedTours:s.completedTours||[]}),(R||k&&S)&&!F&&jsx(OnboardingAssistant,{visible:!0,currentStep:A?A.currentStep-1:0,totalSteps:A?A.totalSteps:0,stepTitle:(null==k||null===(t=k.content)||void 0===t?void 0:t.heading)||(null==k?void 0:k.title)||"Onboarding Step",position:"bottom-center",onNext:$,onPrevious:Z,onFinish:te}),function(){if(!k)return null;switch(k.type){case"fullscreen-modal":return jsx(FullscreenModal,{step:k,onNext:$,onSkip:ee});case"modal":return jsx(StepModal,{step:k,onNext:$,onPrevious:Z,onSkip:ee,onFormSubmit:ne});case"banner":case"cursor-only":default:return null;case"tooltip":return jsx(StepTooltip,{step:k,onNext:$,onPrevious:Z})}}(),jsx(W.BannerContainer,{}),!F&&jsx(N.MouseComponent,{})]}):null},FullscreenModal=function(e){var t,n=e.step,r=e.onNext,o=e.onSkip;return jsx(Dialog,{open:!0,fullScreen:!0,PaperProps:{sx:{bgcolor:"linear-gradient(135deg, #667eea 0%, #764ba2 100%)",display:"flex",alignItems:"center",justifyContent:"center"}},children:jsxs(DialogContent,{sx:{textAlign:"center",color:"white",maxWidth:600},children:[jsx(Typography,{variant:"h3",sx:{mb:2,fontWeight:"bold"},children:n.content.heading}),jsx(Typography,{variant:"h5",sx:{mb:3,opacity:.9},children:n.content.subheading}),jsx(Typography,{variant:"body1",sx:{mb:6,fontSize:"1.2rem",opacity:.8},children:n.content.description}),jsx(Stack,{direction:"row",spacing:3,justifyContent:"center",children:null===(t=n.actions)||void 0===t?void 0:t.map(function(e,t){return jsx(Button,{variant:"primary"===e.type?"contained":"outlined",size:"large",onClick:"nextStep"===e.action?r:o,sx:{px:4,py:1.5,fontSize:"1.1rem",bgcolor:"primary"===e.type?"white":"transparent",color:"primary"===e.type?"#667eea":"white",border:"primary"!==e.type?"2px solid white":"none","&:hover":{bgcolor:"primary"===e.type?"#f5f5f5":"rgba(255, 255, 255, 0.1)"}},children:e.text},t)})})]})})},StepModal=function(e){var t,n,r,o=e.step,i=e.onNext;e.onPrevious,e.onSkip;var a=e.onFormSubmit,s=_slicedToArray(useState({}),2),c=s[0],l=s[1],u=function(e,t){l(function(n){return _objectSpread2(_objectSpread2({},n),{},_defineProperty({},e,t))})},d=function(){o.content.form?a(o.id,c):i()};return jsx(Dialog,{open:!0,maxWidth:"md",fullWidth:!0,PaperProps:{sx:{bgcolor:"#2a2a2a",color:"white",borderRadius:2}},children:jsxs(DialogContent,{sx:{p:4},children:[jsx(Typography,{variant:"h5",sx:{mb:3,color:"white"},children:o.content.heading}),jsx(Typography,{variant:"body1",sx:{mb:4,color:"#ccc"},children:o.content.description}),o.content.form&&jsxs(Box,{sx:{mb:4},children:["multiple-choice"===o.content.form.type&&jsx(FormControl,{fullWidth:!0,sx:{mb:3},children:jsx(RadioGroup,{value:c[o.content.form.field]||"",onChange:function(e){return u(o.content.form.field,e.target.value)},children:o.content.form.options.map(function(e){return jsx(Card,{sx:{p:2,mb:2,bgcolor:c[o.content.form.field]===e.value?"rgba(66, 165, 245, 0.2)":"rgba(255, 255, 255, 0.05)",border:c[o.content.form.field]===e.value?"2px solid #42a5f5":"1px solid rgba(255, 255, 255, 0.1)",cursor:"pointer"},onClick:function(){return u(o.content.form.field,e.value)},children:jsx(FormControlLabel,{value:e.value,control:jsx(Radio,{sx:{color:"white"}}),label:jsxs(Box,{children:[jsx(Typography,{variant:"h6",sx:{color:"white"},children:e.label}),jsx(Typography,{variant:"body2",sx:{color:"#ccc",mt:1},children:e.description})]})})},e.value)})})}),null===(t=o.content.form.additionalFields)||void 0===t?void 0:t.map(function(e){return jsx(TextField,{fullWidth:!0,label:e.label,placeholder:e.placeholder,multiline:"textarea"===e.type,rows:"textarea"===e.type?3:1,required:e.required,value:c[e.name]||"",onChange:function(t){return u(e.name,t.target.value)},sx:{mb:2,"& .MuiOutlinedInput-root":{color:"white","& fieldset":{borderColor:"rgba(255, 255, 255, 0.3)"},"&:hover fieldset":{borderColor:"rgba(255, 255, 255, 0.5)"},"&.Mui-focused fieldset":{borderColor:"#42a5f5"}},"& .MuiInputLabel-root":{color:"rgba(255, 255, 255, 0.7)"}}},e.name)})]}),o.content.codeSnippet&&jsx(Card,{sx:{bgcolor:"rgba(0, 0, 0, 0.3)",p:3,mb:4},children:jsx(Typography,{variant:"body2",sx:{fontFamily:"monospace",color:"#00ff00"},children:(null===(n=o.content.codeSnippet.tabs)||void 0===n||null===(n=n[0])||void 0===n?void 0:n.content)||o.content.codeSnippet})}),jsx(Stack,{direction:"row",spacing:2,justifyContent:"flex-end",children:null===(r=o.actions)||void 0===r?void 0:r.map(function(e,t){return jsx(Button,{variant:"primary"===e.type?"contained":"outlined",onClick:d,sx:{color:"primary"===e.type?"white":"#42a5f5"},children:e.text},t)})})]})})},StepTooltip=function(e){var t=e.step,n=e.onNext,r=e.onPrevious;return jsxs(Box,{sx:{position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)",zIndex:1e4,bgcolor:"#2a2a2a",color:"white",p:3,borderRadius:2,maxWidth:400,boxShadow:"0 8px 32px rgba(0, 0, 0, 0.3)"},children:[jsx(Typography,{variant:"h6",sx:{mb:2},children:t.content.heading}),jsx(Typography,{variant:"body2",sx:{mb:3,color:"#ccc"},children:t.content.description}),jsxs(Stack,{direction:"row",spacing:2,justifyContent:"flex-end",children:[jsx(Button,{variant:"outlined",onClick:r,size:"small",children:"Previous"}),jsx(Button,{variant:"contained",onClick:n,size:"small",children:"Next"})]})]})},CodeRenderer=function(e){var t=e.code,n=e.language,r=void 0===n?"javascript":n,o=e.showLineNumbers;return jsx(Prism,{language:r,style:vscDarkPlus,showLineNumbers:void 0===o||o,wrapLines:!0,wrapLongLines:!0,customStyle:{padding:"1rem",borderRadius:"0.5rem",fontSize:"0.9rem"},children:t})},OnboardingChat=function(e){var t=e.mode,n=void 0===t?"assistant":t;e.onComplete,e.isDarkMode,e.position;var r=e.visible,o=void 0!==r&&r,i=e.onClose;e.questions;var a=_slicedToArray(useState([]),2),s=a[0],c=a[1],l=_slicedToArray(useState(""),2),u=l[0],d=l[1],p=_slicedToArray(useState(!1),2),g=p[0],f=p[1],h=_slicedToArray(useState(o),2),v=h[0],b=h[1],m=_slicedToArray(useState(null),2),x=m[0],y=m[1],S=_slicedToArray(useState(!1),2),w=S[0],C=S[1],T=_slicedToArray(useState(""),2),I=T[0],j=T[1],k=_slicedToArray(useState(""),2),_=k[0],E=k[1],A=_slicedToArray(useState(200),2),B=A[0],O=A[1],P=function(e){return console.log("Navigate to:",e)},L=useRef(null),z=function(){b(!1),c([]),y(null),E(""),d(""),window.dispatchEvent(new CustomEvent("onboarding:chat-closed")),null==i||i()},R="#333333",D="#ffffff",M="rgba(255, 255, 255, 0.1)",F="rgba(255, 255, 255, 0.05)",H="#000000",W="rgba(255, 255, 255, 0.1)";useEffect(function(){var e;null===(e=L.current)||void 0===e||e.scrollIntoView({behavior:"smooth"});var t=V();O(t)},[s]),useEffect(function(){var e=V();O(e)},[g]),useEffect(function(){if(b(o),o){var e=V();O(e),window.dispatchEvent(new CustomEvent("onboarding:chat-opened"))}else window.dispatchEvent(new CustomEvent("onboarding:chat-closed"))},[o]),useEffect(function(){0===s.length&&setTimeout(function(){var e=V();O(e)},100)},[]),useEffect(function(){var e=function(){var e=_asyncToGenerator(_regenerator().m(function e(t){var r,o,i;return _regenerator().w(function(e){for(;;)switch(e.p=e.n){case 0:if(t.detail.mode!==n||!t.detail.message){e.n=5;break}return r={id:Date.now()+Math.random(),sender:"user",content:t.detail.message,type:"text",metadata:{},timestamp:new Date},c(function(e){return[].concat(_toConsumableArray(e),[r])}),f(!0),window.dispatchEvent(new CustomEvent("onboarding:loading-state-change",{detail:{loading:!0}})),e.p=1,e.n=2,J(t.detail.message);case 2:o=e.v,i=q(o),G("ai",i.content,i.type,i.metadata,!0),e.n=4;break;case 3:e.p=3,e.v,G("ai","I'm sorry, I encountered an error. Please try again or check your connection.","text",{},!1);case 4:return e.p=4,f(!1),window.dispatchEvent(new CustomEvent("onboarding:loading-state-change",{detail:{loading:!1}})),e.f(4);case 5:return e.a(2)}},e,null,[[1,3,4,5]])}));return function(t){return e.apply(this,arguments)}}(),t=function(){z()};return window.addEventListener("openOnboardingChat",e),window.addEventListener("onboarding:close-chat",t),function(){window.removeEventListener("openOnboardingChat",e),window.removeEventListener("onboarding:close-chat",t)}},[n,x,z]);var N,G=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"text",r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},o=arguments.length>4&&void 0!==arguments[4]&&arguments[4];if("ai"===e&&r.showOnboardingGuide)return E(t),void setTimeout(function(){var e={id:Date.now()+Math.random(),sender:"ai",content:"Let me walk you through the process of creating your agent. This guide will show you step-by-step how to set up monitoring, connect your agent, and configure evaluations.",type:"text",metadata:{isGuideIntro:!0,showOnboardingGuide:!0},timestamp:new Date,fromBackend:!1};c(function(t){return[].concat(_toConsumableArray(t),[e])})},300);var i={id:Date.now()+Math.random(),sender:e,content:t,type:n,metadata:r,timestamp:new Date,fromBackend:o};c(function(e){return[].concat(_toConsumableArray(e),[i])})},V=function(){var e=120;if(s.length>0||g){var t=s.length;if(t>0){var n=s.reduce(function(e,t){var n;return e+((null===(n=t.content)||void 0===n?void 0:n.length)||0)},0)/s.length;e=60*t*Math.max(1,Math.min(2,n/100))}else g&&(e=120)}var r=e+80+40,o=Math.min(.8*window.innerHeight,600);return Math.max(100,Math.min(r,o))},q=function(e){if(!e.answer)return{content:"I'm sorry, I didn't receive a proper response. Please try again.",type:"text",metadata:{}};for(var t,n=/```(\w+)?\s*\n([\s\S]*?)```/g,r=[];null!==(t=n.exec(e.answer));)r.push({language:t[1]||"text",code:t[2].trim()});var o=!0===e.on_boarding_observability_finished,i=!0===e.evaluators_added,a=!0===e.custom_evaluator_management;return i&&window.dispatchEvent(new CustomEvent("onboarding:evaluators-detected")),a&&z(),r.length>0?{content:e.answer,type:"markdown-with-code",metadata:{codeBlocks:r,showOnboardingGuide:o}}:{content:e.answer,type:"text",metadata:{showOnboardingGuide:o}}},J=function(){var e=_asyncToGenerator(_regenerator().m(function e(t){var n,r,o,i,a,s;return _regenerator().w(function(e){for(;;)switch(e.p=e.n){case 0:return e.p=0,n=process.env.NEXT_PUBLIC_AI_AGENT_URL||"http://localhost:3006/api/ai/chat",r=localStorage.getItem("custom-auth-token"),o={"Content-Type":"application/json",Authorization:"Bearer ".concat(r)},e.n=1,fetch(n,{method:"POST",headers:o,body:JSON.stringify({question:t,sessionId:x||void 0,handitToken:void 0})});case 1:if((i=e.v).ok){e.n=2;break}throw new Error("HTTP error! status: ".concat(i.status));case 2:return e.n=3,i.json();case 3:return(a=e.v).sessionId&&!x&&y(a.sessionId),e.a(2,a);case 4:throw e.p=4,s=e.v,console.error("Error calling AI agent:",s),s;case 5:return e.a(2)}},e,null,[[0,4]])}));return function(t){return e.apply(this,arguments)}}(),K=function(){var e=_asyncToGenerator(_regenerator().m(function e(t){var n,r,o;return _regenerator().w(function(e){for(;;)switch(e.p=e.n){case 0:if(t.preventDefault(),u.trim()&&!g){e.n=1;break}return e.a(2);case 1:return n=u.trim(),d(""),G("user",n),f(!0),window.dispatchEvent(new CustomEvent("onboarding:loading-state-change",{detail:{loading:!0}})),e.p=2,e.n=3,J(n);case 3:r=e.v,o=q(r),G("ai",o.content,o.type,o.metadata,!0),e.n=5;break;case 4:e.p=4,e.v,G("ai","I'm sorry, I encountered an error. Please try again or check your connection.","text",{},!1);case 5:return e.p=5,f(!1),window.dispatchEvent(new CustomEvent("onboarding:loading-state-change",{detail:{loading:!1}})),e.f(5);case 6:return e.a(2)}},e,null,[[2,4,5,6]])}));return function(t){return e.apply(this,arguments)}}(),U=function(e){navigator.clipboard.writeText(e)},Y=function(e){j(e),C(!0)},Q=function(e,t){if(!t||0===t.length)return jsx(Typography,{variant:"body2",sx:{whiteSpace:"pre-wrap"},children:e});var n=e,r=[],o=0;if(t.forEach(function(e,t){var i=new RegExp("```".concat(e.language,"?\\s*\\n[\\s\\S]*?```"),"g").exec(n);if(i){if(i.index>o){var a=n.substring(o,i.index);a.trim()&&r.push(jsx(Typography,{variant:"body2",sx:{whiteSpace:"pre-wrap",mb:1},children:a},"text-".concat(t)))}r.push(jsxs(Box,{sx:{position:"relative",mb:2},children:[jsx(Box,{sx:{maxHeight:"200px",overflow:"auto",borderRadius:1,"& pre":{margin:"0 !important"}},children:jsx(CodeRenderer,{code:e.code,language:e.language,showLineNumbers:!1})}),jsxs(Box,{sx:{position:"absolute",top:8,right:8,display:"flex",gap:1},children:[jsx(Tooltip,{title:"Copy code",children:jsx(IconButton,{size:"small",onClick:function(){return U(e.code)},sx:{bgcolor:"rgba(0, 0, 0, 0.3)",color:"white","&:hover":{bgcolor:"rgba(0, 0, 0, 0.5)"}},children:jsx(Copy,{size:14})})}),jsx(Tooltip,{title:"Open in modal",children:jsx(IconButton,{size:"small",onClick:function(){return Y(e.code)},sx:{bgcolor:"rgba(0, 0, 0, 0.3)",color:"white","&:hover":{bgcolor:"rgba(0, 0, 0, 0.5)"}},children:jsx(Code,{size:14})})})]})]},"code-".concat(t))),o=i.index+i[0].length}}),o<n.length){var i=n.substring(o);i.trim()&&r.push(jsx(Typography,{variant:"body2",sx:{whiteSpace:"pre-wrap"},children:i},"text-final"))}return jsx(Box,{children:r})},$=function(e){var t=e.message;return jsxs(Box,{children:[jsx(Paper,{sx:{px:1.5,py:1,maxWidth:"85%",bgcolor:W,borderRadius:"16px 16px 16px 6px",color:D,wordBreak:"break-word"},children:"instruction"!==t.type&&"code"!==t.type||!t.metadata.code?"markdown-with-code"===t.type&&t.metadata.codeBlocks?jsx(Box,{children:Q(t.content,t.metadata.codeBlocks)}):jsx(Typography,{variant:"body2",sx:{whiteSpace:"pre-wrap",fontSize:"0.8rem"},children:t.content}):jsxs(Box,{children:[jsx(Typography,{variant:"body2",sx:{mb:1,fontWeight:500,fontSize:"0.8rem"},children:t.content}),jsxs(Box,{sx:{position:"relative",maxHeight:"200px",overflow:"auto",borderRadius:1,"& pre":{margin:"0 !important"}},children:[jsx(CodeRenderer,{code:t.metadata.code,language:t.metadata.language||"javascript",showLineNumbers:!1}),jsxs(Box,{sx:{position:"absolute",top:8,right:8,display:"flex",gap:1},children:[jsx(Tooltip,{title:"Copy code",children:jsx(IconButton,{size:"small",onClick:function(){return U(t.metadata.code)},sx:{bgcolor:"rgba(0, 0, 0, 0.3)",color:"white",width:20,height:20,"&:hover":{bgcolor:"rgba(0, 0, 0, 0.5)"}},children:jsx(Copy,{size:12})})}),jsx(Tooltip,{title:"Open in modal",children:jsx(IconButton,{size:"small",onClick:function(){return Y(t.metadata.code)},sx:{bgcolor:"rgba(0, 0, 0, 0.3)",color:"white",width:20,height:20,"&:hover":{bgcolor:"rgba(0, 0, 0, 0.5)"}},children:jsx(Code,{size:12})})})]})]})]})}),t.metadata.showOnboardingGuide&&jsx(Box,{sx:{mt:1},children:jsx(Button,{variant:"outlined",size:"small",onClick:function(){_&&console.log("Generated docs saved (docsService not available in package):",_),P("/docs"),z()},sx:{bgcolor:"var(--mui-palette-secondary-main)",color:"black",textTransform:"none",fontSize:"0.75rem",px:2,py:.5,"&:hover":{bgcolor:"var(--mui-palette-primary-main)"}},children:"Show me the guide"})}),t.metadata.showCloseChat&&jsx(Box,{sx:{mt:1},children:jsx(Button,{variant:"outlined",size:"small",onClick:function(){z()},sx:{bgcolor:"var(--mui-palette-secondary-main)",color:"black",textTransform:"none",fontSize:"0.75rem",px:2,py:.5,"&:hover":{bgcolor:"var(--mui-palette-primary-main)"}},children:"Close chat"})})]})};return v?jsxs(Fragment,{children:[jsx(Box,{sx:{position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:9999,backgroundColor:"rgba(0, 0, 0, 0.3)",backdropFilter:"blur(8px)",WebkitBackdropFilter:"blur(8px)"},onClick:z}),jsxs(Box,{sx:_objectSpread2(_objectSpread2({position:"fixed",zIndex:1e4},{top:"50%",left:"50%",transform:"translate(-50%, -50%)"}),{},{width:(N=Math.min(.9*window.innerWidth,550),Math.max(380,N)),height:B,borderRadius:"8px",boxShadow:"0 8px 32px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.1)",animation:"floatIn 0.3s ease-out","@keyframes floatIn":{"0%":{opacity:0,transform:"translate(-50%, -50%) scale(0.95)"},"100%":{opacity:1,transform:"translate(-50%, -50%) scale(1)"}}}),onClick:function(e){return e.stopPropagation()},children:[jsxs(Card,{sx:{height:"100%",display:"flex",flexDirection:"column",bgcolor:R,borderRadius:"8px",border:"1px solid rgba(255, 255, 255, 0.1)",overflow:"hidden"},children:[jsxs(Box,{sx:{flex:1,overflow:"auto",px:1.5,py:1.5,minHeight:0,"&::-webkit-scrollbar":{display:"none"},"-ms-overflow-style":"none","scrollbar-width":"none"},children:[s.map(function(e){var t="ai"===e.sender;return jsx(Box,{sx:{display:"flex",justifyContent:t?"flex-start":"flex-end",mb:.5},children:t?jsx($,{message:e}):jsx(Paper,{sx:{px:1.5,py:1,maxWidth:"85%",bgcolor:H,borderRadius:"16px 16px 6px 16px",color:D,wordBreak:"break-word"},children:jsx(Typography,{variant:"body2",sx:{whiteSpace:"pre-wrap",fontSize:"0.8rem"},children:e.content})})},e.id)}),g&&jsx(Box,{sx:{display:"flex",justifyContent:"flex-start",mb:.5},children:jsxs(Paper,{sx:{px:1.5,py:1,bgcolor:W,borderRadius:"16px 16px 16px 6px",display:"flex",alignItems:"center",gap:1},children:[jsx(CircularProgress,{size:12}),jsx(Typography,{variant:"body2",sx:{color:D,fontSize:"0.8rem"},children:"Thinking..."})]})}),jsx("div",{ref:L})]}),jsx(Box,{sx:{px:1.5,py:1,flexShrink:0},children:jsx("form",{onSubmit:K,children:jsx(TextField,{fullWidth:!0,value:u,onChange:function(e){return d(e.target.value)},placeholder:"Ask me anything...",variant:"outlined",size:"small",disabled:g,sx:{borderRadius:"5px","& .MuiOutlinedInput-root":{bgcolor:F,borderRadius:"5px",minHeight:"36px","& fieldset":{borderColor:M},"&:hover fieldset":{borderColor:M},"&.Mui-focused fieldset":{borderColor:"#4A90E2"}},"& .MuiOutlinedInput-input":{color:D,fontSize:"0.8rem",py:.5,"&::placeholder":{color:"rgba(255, 255, 255, 0.5)",opacity:1}}},InputProps:{endAdornment:jsx(InputAdornment,{position:"end",children:jsx(IconButton,{type:"submit",size:"small",disabled:!u.trim()||g,sx:{color:M,width:24,height:24,"&:hover":{bgcolor:"rgba(74, 144, 226, 0.1)"}},children:jsx(PaperPlaneTilt,{size:12})})})}})})})]}),jsxs(Dialog,{open:w,onClose:function(){return C(!1)},maxWidth:"lg",fullWidth:!0,PaperProps:{sx:{bgcolor:R,color:D,minHeight:"30vh",height:"auto",maxHeight:"50vh",zIndex:5e4}},children:[jsxs(DialogTitle,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",borderBottom:"1px solid ".concat(M),color:D},children:[jsx(Typography,{variant:"h6",children:"Code Preview"}),jsx(IconButton,{onClick:function(){return C(!1)},sx:{color:D},children:jsx(X,{size:20})})]}),jsx(DialogContent,{sx:{p:0},children:jsxs(Box,{sx:{position:"relative",minHeight:"400px",overflow:"auto","& pre":{margin:"0 !important",minHeight:"400px"}},children:[jsx(CodeRenderer,{code:I,language:"javascript",showLineNumbers:!0}),jsx(Tooltip,{title:"Copy code",children:jsx(IconButton,{onClick:function(){return U(I)},sx:{position:"absolute",top:16,right:16,bgcolor:"rgba(0, 0, 0, 0.3)",color:"white","&:hover":{bgcolor:"rgba(0, 0, 0, 0.5)"}},children:jsx(Copy,{size:16})})})]})})]})]})]}):null},ConnectAgentBanner=function(e){var t=e.visible,n=void 0===t||t,r=e.onClose;e.onConnectionSuccess;var o=e.onSkip,i=e.chatPosition,a=void 0===i?"center":i,s=_slicedToArray(useState("disconnected"),2),c=s[0];s[1];var l=_slicedToArray(useState(!1),2),u=l[0],d=l[1];return n?jsx(Fade,{in:n&&!u,children:jsxs(Card,{sx:{position:"fixed",top:20,right:20,zIndex:9999,bgcolor:"#ffffff",borderRadius:"12px",boxShadow:"0 12px 48px rgba(0, 0, 0, 0.15)",width:450,maxWidth:"calc(100vw - 40px)",border:"1px solid #e0e0e0"},children:[jsxs(Box,{sx:{p:2,borderBottom:"1px solid #e0e0e0",display:"flex",alignItems:"center",justifyContent:"space-between"},children:[jsxs(Stack,{direction:"row",spacing:2,alignItems:"center",children:[jsx(Box,{sx:{width:40,height:40,borderRadius:"50%",bgcolor:"#4A90E2",display:"flex",alignItems:"center",justifyContent:"center",color:"white",fontSize:"1.2rem",fontWeight:"bold"},children:"H"}),jsxs(Box,{children:[jsx(Typography,{variant:"h6",sx:{fontWeight:600,color:"#333",fontSize:"1.1rem"},children:"Connect Your Agent"}),jsx(Typography,{variant:"body2",sx:{color:"#666",fontSize:"0.9rem"},children:"Let's get your agent connected to Handit"})]})]}),jsxs(Stack,{direction:"row",spacing:1,children:[jsx(Button,{variant:"text",onClick:function(){d(!0),setTimeout(function(){null==o||o()},300)},sx:{color:"#666",fontSize:"0.85rem",textTransform:"none","&:hover":{bgcolor:"rgba(0, 0, 0, 0.05)"}},children:"Skip for now"}),jsx(IconButton,{onClick:function(){d(!0),setTimeout(function(){null==r||r()},300)},size:"small",sx:{color:"#666","&:hover":{bgcolor:"rgba(0, 0, 0, 0.05)"}},children:jsx(X,{size:20})})]})]}),"connected"===c&&jsxs(Alert,{severity:"success",sx:{m:2,mb:0,"& .MuiAlert-message":{fontSize:"0.9rem"}},children:[jsx("strong",{children:"Connection Successful!"})," Your agent is now connected to Handit."]}),"error"===c&&jsxs(Alert,{severity:"error",sx:{m:2,mb:0,"& .MuiAlert-message":{fontSize:"0.9rem"}},children:[jsx("strong",{children:"Connection Failed."})," Please check your setup and try again."]}),jsxs(Box,{sx:{p:3,textAlign:"center"},children:[jsx(Typography,{variant:"body1",sx:{mb:2,color:"#666"},children:"Click the button below to start a conversation with our AI assistant who will guide you through the setup process."}),jsx(Button,{variant:"contained",size:"large",onClick:function(){window.dispatchEvent(new CustomEvent("openOnboardingChat",{detail:{mode:"assistant",message:"I want to connect my agent to Handit",position:a}}))},sx:{bgcolor:"#4A90E2",color:"white",px:4,py:1.5,fontSize:"1rem","&:hover":{bgcolor:"#357ABD"}},children:"🤖 Start Setup Chat"})]})]})}):null},OnboardingChatContainer=function(e){var t=e.onConnectionCheck,n=e.connectionStatus,r=void 0===n?"disconnected":n,o=e.onComplete,i=e.questions,a=void 0===i?[]:i,s=_slicedToArray(useState(!1),2),c=s[0],l=s[1],u=_slicedToArray(useState("bottom-right"),2),d=u[0],p=u[1],g=function(e){return console.log("Navigate to:",e)};useEffect(function(){var e=function(e){"assistant"===e.detail.mode&&(l(!0),e.detail.position&&p(e.detail.position))},t=function(e){var t=e.detail.content;t&&console.log("Generated docs saved (docsService not available in package):",t),g("/docs");var n=onboardingService.nextStep();n&&window.dispatchEvent(new CustomEvent("onboarding:step-changed",{detail:{step:n}}))},n=function(){var e=onboardingService.nextStep();e&&window.dispatchEvent(new CustomEvent("onboarding:step-changed",{detail:{step:e}}))};return window.addEventListener("openOnboardingChat",e),window.addEventListener("onboarding:show-full-guide",t),window.addEventListener("onboarding:test-connection-clicked",n),function(){window.removeEventListener("openOnboardingChat",e),window.removeEventListener("onboarding:show-full-guide",t),window.removeEventListener("onboarding:test-connection-clicked",n)}},[]);var f=function(){var e=_asyncToGenerator(_regenerator().m(function e(){return _regenerator().w(function(e){for(;;)switch(e.n){case 0:if(!t){e.n=1;break}return e.n=1,t();case 1:return e.a(2)}},e)}));return function(){return e.apply(this,arguments)}}();return jsx(Fragment,{children:jsx(OnboardingChat,{mode:"assistant",isDarkMode:!0,position:d,visible:c,onClose:function(){return l(!1)},onConnectionCheck:f,connectionStatus:r,onComplete:o,questions:a})})},OnboardingContext=createContext({docsService:null,authService:null,userService:null}),OnboardingProvider=function(e){var t=e.children,n=e.docsService,r=e.authService,o=e.userService;return jsx(OnboardingContext.Provider,{value:{docsService:n,authService:r,userService:o},children:t})},useOnboardingContext=function(){var e=useContext(OnboardingContext);if(!e)throw new Error("useOnboardingContext must be used within an OnboardingProvider");return e},useDocsService=function(){return useOnboardingContext().docsService},useAuthService=function(){return useOnboardingContext().authService},useUserService=function(){return useOnboardingContext().userService},defaultConfig={tourConfig:{version:"1.0.0",defaultSettings:{theme:{primaryColor:"#6366f1",secondaryColor:"#f8fafc",textColor:"#1e293b",backgroundColor:"rgba(0, 0, 0, 0.7)",borderRadius:"12px",fontSize:"16px",fontFamily:"Inter, -apple-system, BlinkMacSystemFont, sans-serif"},animation:{duration:300,easing:"ease-in-out",highlightPulse:!0},positioning:{offset:10,zIndex:1e4}},triggers:{},tours:[],dynamicContent:{},analytics:{},personalizations:{}}};export{ConnectAgentBanner,InvisibleMouse,OnboardingAssistant,OnboardingBanner,OnboardingChat,OnboardingChatContainer,OnboardingMenu,OnboardingOrchestrator,OnboardingProvider,defaultConfig,onboardingService,useAuthService,useDocsService,useInvisibleMouse,useOnboardingBanners,useOnboardingContext,useUserService};
//# sourceMappingURL=index.esm.js.map