deepnova-help-widget 0.0.0-stage → 1.1.0

package/dist/index.global.js

@@ -0,0 +1,1342 @@
+"use strict";var DeepnovaHelpWidget=(()=>{var Tt=Object.create;var ve=Object.defineProperty;var St=Object.getOwnPropertyDescriptor;var Rt=Object.getOwnPropertyNames;var At=Object.getPrototypeOf,Ct=Object.prototype.hasOwnProperty;var Ze=(t,o)=>()=>(t&&(o=t(t=0)),o);var ne=(t,o)=>()=>(o||t((o={exports:{}}).exports,o),o.exports),Je=(t,o)=>{for(var n in o)ve(t,n,{get:o[n],enumerable:!0})},et=(t,o,n,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of Rt(o))!Ct.call(t,i)&&i!==n&&ve(t,i,{get:()=>o[i],enumerable:!(s=St(o,i))||s.enumerable});return t};var Se=(t,o,n)=>(n=t!=null?Tt(At(t)):{},et(o||!t||!t.__esModule?ve(n,"default",{value:t,enumerable:!0}):n,t)),Lt=t=>et(ve({},"__esModule",{value:!0}),t);var dt=ne(b=>{"use strict";var Ce=Symbol.for("react.transitional.element"),Ot=Symbol.for("react.portal"),It=Symbol.for("react.fragment"),jt=Symbol.for("react.strict_mode"),Pt=Symbol.for("react.profiler"),Mt=Symbol.for("react.consumer"),$t=Symbol.for("react.context"),Ht=Symbol.for("react.forward_ref"),Nt=Symbol.for("react.suspense"),zt=Symbol.for("react.memo"),st=Symbol.for("react.lazy"),Bt=Symbol.for("react.activity"),tt=Symbol.iterator;function Dt(t){return t===null||typeof t!="object"?null:(t=tt&&t[tt]||t["@@iterator"],typeof t=="function"?t:null)}var it={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},at=Object.assign,lt={};function se(t,o,n){this.props=t,this.context=o,this.refs=lt,this.updater=n||it}se.prototype.isReactComponent={};se.prototype.setState=function(t,o){if(typeof t!="object"&&typeof t!="function"&&t!=null)throw Error("takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,t,o,"setState")};se.prototype.forceUpdate=function(t){this.updater.enqueueForceUpdate(this,t,"forceUpdate")};function ct(){}ct.prototype=se.prototype;function Le(t,o,n){this.props=t,this.context=o,this.refs=lt,this.updater=n||it}var Oe=Le.prototype=new ct;Oe.constructor=Le;at(Oe,se.prototype);Oe.isPureReactComponent=!0;var rt=Array.isArray;function Ae(){}var I={H:null,A:null,T:null,S:null},ut=Object.prototype.hasOwnProperty;function Ie(t,o,n){var s=n.ref;return{$$typeof:Ce,type:t,key:o,ref:s!==void 0?s:null,props:n}}function qt(t,o){return Ie(t.type,o,t.props)}function je(t){return typeof t=="object"&&t!==null&&t.$$typeof===Ce}function Ft(t){var o={"=":"=0",":":"=2"};return"$"+t.replace(/[=:]/g,function(n){return o[n]})}var nt=/\/+/g;function Re(t,o){return typeof t=="object"&&t!==null&&t.key!=null?Ft(""+t.key):o.toString(36)}function Yt(t){switch(t.status){case"fulfilled":return t.value;case"rejected":throw t.reason;default:switch(typeof t.status=="string"?t.then(Ae,Ae):(t.status="pending",t.then(function(o){t.status==="pending"&&(t.status="fulfilled",t.value=o)},function(o){t.status==="pending"&&(t.status="rejected",t.reason=o)})),t.status){case"fulfilled":return t.value;case"rejected":throw t.reason}}throw t}function oe(t,o,n,s,i){var c=typeof t;(c==="undefined"||c==="boolean")&&(t=null);var d=!1;if(t===null)d=!0;else switch(c){case"bigint":case"string":case"number":d=!0;break;case"object":switch(t.$$typeof){case Ce:case Ot:d=!0;break;case st:return d=t._init,oe(d(t._payload),o,n,s,i)}}if(d)return i=i(t),d=s===""?"."+Re(t,0):s,rt(i)?(n="",d!=null&&(n=d.replace(nt,"$&/")+"/"),oe(i,o,n,"",function(h){return h})):i!=null&&(je(i)&&(i=qt(i,n+(i.key==null||t&&t.key===i.key?"":(""+i.key).replace(nt,"$&/")+"/")+d)),o.push(i)),1;d=0;var m=s===""?".":s+":";if(rt(t))for(var f=0;f<t.length;f++)s=t[f],c=m+Re(s,f),d+=oe(s,o,n,c,i);else if(f=Dt(t),typeof f=="function")for(t=f.call(t),f=0;!(s=t.next()).done;)s=s.value,c=m+Re(s,f++),d+=oe(s,o,n,c,i);else if(c==="object"){if(typeof t.then=="function")return oe(Yt(t),o,n,s,i);throw o=String(t),Error("Objects are not valid as a React child (found: "+(o==="[object Object]"?"object with keys {"+Object.keys(t).join(", ")+"}":o)+"). If you meant to render a collection of children, use an array instead.")}return d}function ye(t,o,n){if(t==null)return t;var s=[],i=0;return oe(t,s,"","",function(c){return o.call(n,c,i++)}),s}function Ut(t){if(t._status===-1){var o=t._result;o=o(),o.then(function(n){(t._status===0||t._status===-1)&&(t._status=1,t._result=n)},function(n){(t._status===0||t._status===-1)&&(t._status=2,t._result=n)}),t._status===-1&&(t._status=0,t._result=o)}if(t._status===1)return t._result.default;throw t._result}var ot=typeof reportError=="function"?reportError:function(t){if(typeof window=="object"&&typeof window.ErrorEvent=="function"){var o=new window.ErrorEvent("error",{bubbles:!0,cancelable:!0,message:typeof t=="object"&&t!==null&&typeof t.message=="string"?String(t.message):String(t),error:t});if(!window.dispatchEvent(o))return}else if(typeof process=="object"&&typeof process.emit=="function"){process.emit("uncaughtException",t);return}console.error(t)},Wt={map:ye,forEach:function(t,o,n){ye(t,function(){o.apply(this,arguments)},n)},count:function(t){var o=0;return ye(t,function(){o++}),o},toArray:function(t){return ye(t,function(o){return o})||[]},only:function(t){if(!je(t))throw Error("React.Children.only expected to receive a single React element child.");return t}};b.Activity=Bt;b.Children=Wt;b.Component=se;b.Fragment=It;b.Profiler=Pt;b.PureComponent=Le;b.StrictMode=jt;b.Suspense=Nt;b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=I;b.__COMPILER_RUNTIME={__proto__:null,c:function(t){return I.H.useMemoCache(t)}};b.cache=function(t){return function(){return t.apply(null,arguments)}};b.cacheSignal=function(){return null};b.cloneElement=function(t,o,n){if(t==null)throw Error("The argument must be a React element, but you passed "+t+".");var s=at({},t.props),i=t.key;if(o!=null)for(c in o.key!==void 0&&(i=""+o.key),o)!ut.call(o,c)||c==="key"||c==="__self"||c==="__source"||c==="ref"&&o.ref===void 0||(s[c]=o[c]);var c=arguments.length-2;if(c===1)s.children=n;else if(1<c){for(var d=Array(c),m=0;m<c;m++)d[m]=arguments[m+2];s.children=d}return Ie(t.type,i,s)};b.createContext=function(t){return t={$$typeof:$t,_currentValue:t,_currentValue2:t,_threadCount:0,Provider:null,Consumer:null},t.Provider=t,t.Consumer={$$typeof:Mt,_context:t},t};b.createElement=function(t,o,n){var s,i={},c=null;if(o!=null)for(s in o.key!==void 0&&(c=""+o.key),o)ut.call(o,s)&&s!=="key"&&s!=="__self"&&s!=="__source"&&(i[s]=o[s]);var d=arguments.length-2;if(d===1)i.children=n;else if(1<d){for(var m=Array(d),f=0;f<d;f++)m[f]=arguments[f+2];i.children=m}if(t&&t.defaultProps)for(s in d=t.defaultProps,d)i[s]===void 0&&(i[s]=d[s]);return Ie(t,c,i)};b.createRef=function(){return{current:null}};b.forwardRef=function(t){return{$$typeof:Ht,render:t}};b.isValidElement=je;b.lazy=function(t){return{$$typeof:st,_payload:{_status:-1,_result:t},_init:Ut}};b.memo=function(t,o){return{$$typeof:zt,type:t,compare:o===void 0?null:o}};b.startTransition=function(t){var o=I.T,n={};I.T=n;try{var s=t(),i=I.S;i!==null&&i(n,s),typeof s=="object"&&s!==null&&typeof s.then=="function"&&s.then(Ae,ot)}catch(c){ot(c)}finally{o!==null&&n.types!==null&&(o.types=n.types),I.T=o}};b.unstable_useCacheRefresh=function(){return I.H.useCacheRefresh()};b.use=function(t){return I.H.use(t)};b.useActionState=function(t,o,n){return I.H.useActionState(t,o,n)};b.useCallback=function(t,o){return I.H.useCallback(t,o)};b.useContext=function(t){return I.H.useContext(t)};b.useDebugValue=function(){};b.useDeferredValue=function(t,o){return I.H.useDeferredValue(t,o)};b.useEffect=function(t,o){return I.H.useEffect(t,o)};b.useEffectEvent=function(t){return I.H.useEffectEvent(t)};b.useId=function(){return I.H.useId()};b.useImperativeHandle=function(t,o,n){return I.H.useImperativeHandle(t,o,n)};b.useInsertionEffect=function(t,o){return I.H.useInsertionEffect(t,o)};b.useLayoutEffect=function(t,o){return I.H.useLayoutEffect(t,o)};b.useMemo=function(t,o){return I.H.useMemo(t,o)};b.useOptimistic=function(t,o){return I.H.useOptimistic(t,o)};b.useReducer=function(t,o,n){return I.H.useReducer(t,o,n)};b.useRef=function(t){return I.H.useRef(t)};b.useState=function(t){return I.H.useState(t)};b.useSyncExternalStore=function(t,o,n){return I.H.useSyncExternalStore(t,o,n)};b.useTransition=function(){return I.H.useTransition()};b.version="19.2.7"});var pt=ne((w,xe)=>{"use strict";process.env.NODE_ENV!=="production"&&(function(){function t(e,r){Object.defineProperty(s.prototype,e,{get:function(){console.warn("%s(...) is deprecated in plain JavaScript React classes. %s",r[0],r[1])}})}function o(e){return e===null||typeof e!="object"?null:(e=fe&&e[fe]||e["@@iterator"],typeof e=="function"?e:null)}function n(e,r){e=(e=e.constructor)&&(e.displayName||e.name)||"ReactClass";var l=e+"."+r;ze[l]||(console.error("Can't call %s on a component that is not yet mounted. This is a no-op, but it might indicate a bug in your application. Instead, assign to `this.state` directly or define a `state = {};` class property with the desired state in the %s component.",r,e),ze[l]=!0)}function s(e,r,l){this.props=e,this.context=r,this.refs=ke,this.updater=l||Be}function i(){}function c(e,r,l){this.props=e,this.context=r,this.refs=ke,this.updater=l||Be}function d(){}function m(e){return""+e}function f(e){try{m(e);var r=!1}catch{r=!0}if(r){r=console;var l=r.error,u=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return l.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",u),m(e)}}function h(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===yt?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case ee:return"Fragment";case a:return"Profiler";case ce:return"StrictMode";case G:return"Suspense";case ue:return"SuspenseList";case te:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case le:return"Portal";case O:return e.displayName||"Context";case v:return(e._context.displayName||"Context")+".Consumer";case M:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case P:return r=e.displayName||null,r!==null?r:h(e.type)||"Memo";case z:r=e._payload,e=e._init;try{return h(e(r))}catch{}}return null}function R(e){if(e===ee)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===z)return"<...>";try{var r=h(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function p(){var e=_.A;return e===null?null:e.getOwner()}function S(){return Error("react-stack-top-frame")}function y(e){if(ge.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function A(e,r){function l(){Ye||(Ye=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}l.isReactWarning=!0,Object.defineProperty(e,"key",{get:l,configurable:!0})}function E(){var e=h(this.type);return We[e]||(We[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function L(e,r,l,u,g,k){var x=l.ref;return e={$$typeof:J,type:e,key:r,props:l,_owner:u},(x!==void 0?x:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:E}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:g}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:k}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function $(e,r){return r=L(e.type,r,e.props,e._owner,e._debugStack,e._debugTask),e._store&&(r._store.validated=e._store.validated),r}function H(e){N(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===z&&(e._payload.status==="fulfilled"?N(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function N(e){return typeof e=="object"&&e!==null&&e.$$typeof===J}function Q(e){var r={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,function(l){return r[l]})}function U(e,r){return typeof e=="object"&&e!==null&&e.key!=null?(f(e.key),Q(""+e.key)):r.toString(36)}function ie(e){switch(e.status){case"fulfilled":return e.value;case"rejected":throw e.reason;default:switch(typeof e.status=="string"?e.then(d,d):(e.status="pending",e.then(function(r){e.status==="pending"&&(e.status="fulfilled",e.value=r)},function(r){e.status==="pending"&&(e.status="rejected",e.reason=r)})),e.status){case"fulfilled":return e.value;case"rejected":throw e.reason}}throw e}function D(e,r,l,u,g){var k=typeof e;(k==="undefined"||k==="boolean")&&(e=null);var x=!1;if(e===null)x=!0;else switch(k){case"bigint":case"string":case"number":x=!0;break;case"object":switch(e.$$typeof){case J:case le:x=!0;break;case z:return x=e._init,D(x(e._payload),r,l,u,g)}}if(x){x=e,g=g(x);var C=u===""?"."+U(x,0):u;return qe(g)?(l="",C!=null&&(l=C.replace(Ke,"$&/")+"/"),D(g,r,l,"",function(Y){return Y})):g!=null&&(N(g)&&(g.key!=null&&(x&&x.key===g.key||f(g.key)),l=$(g,l+(g.key==null||x&&x.key===g.key?"":(""+g.key).replace(Ke,"$&/")+"/")+C),u!==""&&x!=null&&N(x)&&x.key==null&&x._store&&!x._store.validated&&(l._store.validated=2),g=l),r.push(g)),1}if(x=0,C=u===""?".":u+":",qe(e))for(var T=0;T<e.length;T++)u=e[T],k=C+U(u,T),x+=D(u,r,l,k,g);else if(T=o(e),typeof T=="function")for(T===e.entries&&(Ge||console.warn("Using Maps as children is not supported. Use an array of keyed ReactElements instead."),Ge=!0),e=T.call(e),T=0;!(u=e.next()).done;)u=u.value,k=C+U(u,T++),x+=D(u,r,l,k,g);else if(k==="object"){if(typeof e.then=="function")return D(ie(e),r,l,u,g);throw r=String(e),Error("Objects are not valid as a React child (found: "+(r==="[object Object]"?"object with keys {"+Object.keys(e).join(", ")+"}":r)+"). If you meant to render a collection of children, use an array instead.")}return x}function V(e,r,l){if(e==null)return e;var u=[],g=0;return D(e,u,"","",function(k){return r.call(l,k,g++)}),u}function ae(e){if(e._status===-1){var r=e._ioInfo;r!=null&&(r.start=r.end=performance.now()),r=e._result;var l=r();if(l.then(function(g){if(e._status===0||e._status===-1){e._status=1,e._result=g;var k=e._ioInfo;k!=null&&(k.end=performance.now()),l.status===void 0&&(l.status="fulfilled",l.value=g)}},function(g){if(e._status===0||e._status===-1){e._status=2,e._result=g;var k=e._ioInfo;k!=null&&(k.end=performance.now()),l.status===void 0&&(l.status="rejected",l.reason=g)}}),r=e._ioInfo,r!=null){r.value=l;var u=l.displayName;typeof u=="string"&&(r.name=u)}e._status===-1&&(e._status=0,e._result=l)}if(e._status===1)return r=e._result,r===void 0&&console.error(`lazy: Expected the result of a dynamic import() call. Instead received: %s
+
+Your code should look like: 
+  const MyComponent = lazy(() => import('./MyComponent'))
+
+Did you accidentally put curly braces around the import?`,r),"default"in r||console.error(`lazy: Expected the result of a dynamic import() call. Instead received: %s
+
+Your code should look like: 
+  const MyComponent = lazy(() => import('./MyComponent'))`,r),r.default;throw e._result}function j(){var e=_.H;return e===null&&console.error(`Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
+1. You might have mismatching versions of React and the renderer (such as React DOM)
+2. You might be breaking the Rules of Hooks
+3. You might have more than one copy of React in the same app
+See https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem.`),e}function he(){_.asyncTransitions--}function q(e){if(me===null)try{var r=("require"+Math.random()).slice(0,7);me=(xe&&xe[r]).call(xe,"timers").setImmediate}catch{me=function(u){Ve===!1&&(Ve=!0,typeof MessageChannel>"u"&&console.error("This browser does not have a MessageChannel implementation, so enqueuing tasks via await act(async () => ...) will fail. Please file an issue at https://github.com/facebook/react/issues if you encounter this warning."));var g=new MessageChannel;g.port1.onmessage=u,g.port2.postMessage(void 0)}}return me(e)}function F(e){return 1<e.length&&typeof AggregateError=="function"?new AggregateError(e):e[0]}function X(e,r){r!==we-1&&console.error("You seem to have overlapping act() calls, this is not supported. Be sure to await previous act() calls before making a new one. "),we=r}function W(e,r,l){var u=_.actQueue;if(u!==null)if(u.length!==0)try{Z(u),q(function(){return W(e,r,l)});return}catch(g){_.thrownErrors.push(g)}else _.actQueue=null;0<_.thrownErrors.length?(u=F(_.thrownErrors),_.thrownErrors.length=0,l(u)):r(e)}function Z(e){if(!Te){Te=!0;var r=0;try{for(;r<e.length;r++){var l=e[r];do{_.didUsePromise=!1;var u=l(!1);if(u!==null){if(_.didUsePromise){e[r]=l,e.splice(0,r);return}l=u}else break}while(!0)}e.length=0}catch(g){e.splice(0,r+1),_.thrownErrors.push(g)}finally{Te=!1}}}typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());var J=Symbol.for("react.transitional.element"),le=Symbol.for("react.portal"),ee=Symbol.for("react.fragment"),ce=Symbol.for("react.strict_mode"),a=Symbol.for("react.profiler"),v=Symbol.for("react.consumer"),O=Symbol.for("react.context"),M=Symbol.for("react.forward_ref"),G=Symbol.for("react.suspense"),ue=Symbol.for("react.suspense_list"),P=Symbol.for("react.memo"),z=Symbol.for("react.lazy"),te=Symbol.for("react.activity"),fe=Symbol.iterator,ze={},Be={isMounted:function(){return!1},enqueueForceUpdate:function(e){n(e,"forceUpdate")},enqueueReplaceState:function(e){n(e,"replaceState")},enqueueSetState:function(e){n(e,"setState")}},De=Object.assign,ke={};Object.freeze(ke),s.prototype.isReactComponent={},s.prototype.setState=function(e,r){if(typeof e!="object"&&typeof e!="function"&&e!=null)throw Error("takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,r,"setState")},s.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};var B={isMounted:["isMounted","Instead, make sure to clean up subscriptions and pending requests in componentWillUnmount to prevent memory leaks."],replaceState:["replaceState","Refactor your code to use setState instead (see https://github.com/facebook/react/issues/3236)."]};for(de in B)B.hasOwnProperty(de)&&t(de,B[de]);i.prototype=s.prototype,B=c.prototype=new i,B.constructor=c,De(B,s.prototype),B.isPureReactComponent=!0;var qe=Array.isArray,yt=Symbol.for("react.client.reference"),_={H:null,A:null,T:null,S:null,actQueue:null,asyncTransitions:0,isBatchingLegacy:!1,didScheduleLegacyUpdate:!1,didUsePromise:!1,thrownErrors:[],getCurrentStack:null,recentlyCreatedOwnerStacks:0},ge=Object.prototype.hasOwnProperty,Fe=console.createTask?console.createTask:function(){return null};B={react_stack_bottom_frame:function(e){return e()}};var Ye,Ue,We={},xt=B.react_stack_bottom_frame.bind(B,S)(),_t=Fe(R(S)),Ge=!1,Ke=/\/+/g,Qe=typeof reportError=="function"?reportError:function(e){if(typeof window=="object"&&typeof window.ErrorEvent=="function"){var r=new window.ErrorEvent("error",{bubbles:!0,cancelable:!0,message:typeof e=="object"&&e!==null&&typeof e.message=="string"?String(e.message):String(e),error:e});if(!window.dispatchEvent(r))return}else if(typeof process=="object"&&typeof process.emit=="function"){process.emit("uncaughtException",e);return}console.error(e)},Ve=!1,me=null,we=0,be=!1,Te=!1,Xe=typeof queueMicrotask=="function"?function(e){queueMicrotask(function(){return queueMicrotask(e)})}:q;B=Object.freeze({__proto__:null,c:function(e){return j().useMemoCache(e)}});var de={map:V,forEach:function(e,r,l){V(e,function(){r.apply(this,arguments)},l)},count:function(e){var r=0;return V(e,function(){r++}),r},toArray:function(e){return V(e,function(r){return r})||[]},only:function(e){if(!N(e))throw Error("React.Children.only expected to receive a single React element child.");return e}};w.Activity=te,w.Children=de,w.Component=s,w.Fragment=ee,w.Profiler=a,w.PureComponent=c,w.StrictMode=ce,w.Suspense=G,w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=_,w.__COMPILER_RUNTIME=B,w.act=function(e){var r=_.actQueue,l=we;we++;var u=_.actQueue=r!==null?r:[],g=!1;try{var k=e()}catch(T){_.thrownErrors.push(T)}if(0<_.thrownErrors.length)throw X(r,l),e=F(_.thrownErrors),_.thrownErrors.length=0,e;if(k!==null&&typeof k=="object"&&typeof k.then=="function"){var x=k;return Xe(function(){g||be||(be=!0,console.error("You called act(async () => ...) without await. This could lead to unexpected testing behaviour, interleaving multiple act calls and mixing their scopes. You should - await act(async () => ...);"))}),{then:function(T,Y){g=!0,x.then(function(re){if(X(r,l),l===0){try{Z(u),q(function(){return W(re,T,Y)})}catch(kt){_.thrownErrors.push(kt)}if(0<_.thrownErrors.length){var Et=F(_.thrownErrors);_.thrownErrors.length=0,Y(Et)}}else T(re)},function(re){X(r,l),0<_.thrownErrors.length&&(re=F(_.thrownErrors),_.thrownErrors.length=0),Y(re)})}}}var C=k;if(X(r,l),l===0&&(Z(u),u.length!==0&&Xe(function(){g||be||(be=!0,console.error("A component suspended inside an `act` scope, but the `act` call was not awaited. When testing React components that depend on asynchronous data, you must await the result:\n\nawait act(() => ...)"))}),_.actQueue=null),0<_.thrownErrors.length)throw e=F(_.thrownErrors),_.thrownErrors.length=0,e;return{then:function(T,Y){g=!0,l===0?(_.actQueue=u,q(function(){return W(C,T,Y)})):T(C)}}},w.cache=function(e){return function(){return e.apply(null,arguments)}},w.cacheSignal=function(){return null},w.captureOwnerStack=function(){var e=_.getCurrentStack;return e===null?null:e()},w.cloneElement=function(e,r,l){if(e==null)throw Error("The argument must be a React element, but you passed "+e+".");var u=De({},e.props),g=e.key,k=e._owner;if(r!=null){var x;e:{if(ge.call(r,"ref")&&(x=Object.getOwnPropertyDescriptor(r,"ref").get)&&x.isReactWarning){x=!1;break e}x=r.ref!==void 0}x&&(k=p()),y(r)&&(f(r.key),g=""+r.key);for(C in r)!ge.call(r,C)||C==="key"||C==="__self"||C==="__source"||C==="ref"&&r.ref===void 0||(u[C]=r[C])}var C=arguments.length-2;if(C===1)u.children=l;else if(1<C){x=Array(C);for(var T=0;T<C;T++)x[T]=arguments[T+2];u.children=x}for(u=L(e.type,g,u,k,e._debugStack,e._debugTask),g=2;g<arguments.length;g++)H(arguments[g]);return u},w.createContext=function(e){return e={$$typeof:O,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null},e.Provider=e,e.Consumer={$$typeof:v,_context:e},e._currentRenderer=null,e._currentRenderer2=null,e},w.createElement=function(e,r,l){for(var u=2;u<arguments.length;u++)H(arguments[u]);u={};var g=null;if(r!=null)for(T in Ue||!("__self"in r)||"key"in r||(Ue=!0,console.warn("Your app (or one of its dependencies) is using an outdated JSX transform. Update to the modern JSX transform for faster performance: https://react.dev/link/new-jsx-transform")),y(r)&&(f(r.key),g=""+r.key),r)ge.call(r,T)&&T!=="key"&&T!=="__self"&&T!=="__source"&&(u[T]=r[T]);var k=arguments.length-2;if(k===1)u.children=l;else if(1<k){for(var x=Array(k),C=0;C<k;C++)x[C]=arguments[C+2];Object.freeze&&Object.freeze(x),u.children=x}if(e&&e.defaultProps)for(T in k=e.defaultProps,k)u[T]===void 0&&(u[T]=k[T]);g&&A(u,typeof e=="function"?e.displayName||e.name||"Unknown":e);var T=1e4>_.recentlyCreatedOwnerStacks++;return L(e,g,u,p(),T?Error("react-stack-top-frame"):xt,T?Fe(R(e)):_t)},w.createRef=function(){var e={current:null};return Object.seal(e),e},w.forwardRef=function(e){e!=null&&e.$$typeof===P?console.error("forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...))."):typeof e!="function"?console.error("forwardRef requires a render function but was given %s.",e===null?"null":typeof e):e.length!==0&&e.length!==2&&console.error("forwardRef render functions accept exactly two parameters: props and ref. %s",e.length===1?"Did you forget to use the ref parameter?":"Any additional parameter will be undefined."),e!=null&&e.defaultProps!=null&&console.error("forwardRef render functions do not support defaultProps. Did you accidentally pass a React component?");var r={$$typeof:M,render:e},l;return Object.defineProperty(r,"displayName",{enumerable:!1,configurable:!0,get:function(){return l},set:function(u){l=u,e.name||e.displayName||(Object.defineProperty(e,"name",{value:u}),e.displayName=u)}}),r},w.isValidElement=N,w.lazy=function(e){e={_status:-1,_result:e};var r={$$typeof:z,_payload:e,_init:ae},l={name:"lazy",start:-1,end:-1,value:null,owner:null,debugStack:Error("react-stack-top-frame"),debugTask:console.createTask?console.createTask("lazy()"):null};return e._ioInfo=l,r._debugInfo=[{awaited:l}],r},w.memo=function(e,r){e==null&&console.error("memo: The first argument must be a component. Instead received: %s",e===null?"null":typeof e),r={$$typeof:P,type:e,compare:r===void 0?null:r};var l;return Object.defineProperty(r,"displayName",{enumerable:!1,configurable:!0,get:function(){return l},set:function(u){l=u,e.name||e.displayName||(Object.defineProperty(e,"name",{value:u}),e.displayName=u)}}),r},w.startTransition=function(e){var r=_.T,l={};l._updatedFibers=new Set,_.T=l;try{var u=e(),g=_.S;g!==null&&g(l,u),typeof u=="object"&&u!==null&&typeof u.then=="function"&&(_.asyncTransitions++,u.then(he,he),u.then(d,Qe))}catch(k){Qe(k)}finally{r===null&&l._updatedFibers&&(e=l._updatedFibers.size,l._updatedFibers.clear(),10<e&&console.warn("Detected a large number of updates inside startTransition. If this is due to a subscription please re-write it to use React provided hooks. Otherwise concurrent mode guarantees are off the table.")),r!==null&&l.types!==null&&(r.types!==null&&r.types!==l.types&&console.error("We expected inner Transitions to have transferred the outer types set and that you cannot add to the outer Transition while inside the inner.This is a bug in React."),r.types=l.types),_.T=r}},w.unstable_useCacheRefresh=function(){return j().useCacheRefresh()},w.use=function(e){return j().use(e)},w.useActionState=function(e,r,l){return j().useActionState(e,r,l)},w.useCallback=function(e,r){return j().useCallback(e,r)},w.useContext=function(e){var r=j();return e.$$typeof===v&&console.error("Calling useContext(Context.Consumer) is not supported and will cause bugs. Did you mean to call useContext(Context) instead?"),r.useContext(e)},w.useDebugValue=function(e,r){return j().useDebugValue(e,r)},w.useDeferredValue=function(e,r){return j().useDeferredValue(e,r)},w.useEffect=function(e,r){return e==null&&console.warn("React Hook useEffect requires an effect callback. Did you forget to pass a callback to the hook?"),j().useEffect(e,r)},w.useEffectEvent=function(e){return j().useEffectEvent(e)},w.useId=function(){return j().useId()},w.useImperativeHandle=function(e,r,l){return j().useImperativeHandle(e,r,l)},w.useInsertionEffect=function(e,r){return e==null&&console.warn("React Hook useInsertionEffect requires an effect callback. Did you forget to pass a callback to the hook?"),j().useInsertionEffect(e,r)},w.useLayoutEffect=function(e,r){return e==null&&console.warn("React Hook useLayoutEffect requires an effect callback. Did you forget to pass a callback to the hook?"),j().useLayoutEffect(e,r)},w.useMemo=function(e,r){return j().useMemo(e,r)},w.useOptimistic=function(e,r){return j().useOptimistic(e,r)},w.useReducer=function(e,r,l){return j().useReducer(e,r,l)},w.useRef=function(e){return j().useRef(e)},w.useState=function(e){return j().useState(e)},w.useSyncExternalStore=function(e,r,l){return j().useSyncExternalStore(e,r,l)},w.useTransition=function(){return j().useTransition()},w.version="19.2.7",typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error())})()});var Me=ne((tr,Pe)=>{"use strict";process.env.NODE_ENV==="production"?Pe.exports=dt():Pe.exports=pt()});var ft=ne(_e=>{"use strict";var Gt=Symbol.for("react.transitional.element"),Kt=Symbol.for("react.fragment");function ht(t,o,n){var s=null;if(n!==void 0&&(s=""+n),o.key!==void 0&&(s=""+o.key),"key"in o){n={};for(var i in o)i!=="key"&&(n[i]=o[i])}else n=o;return o=n.ref,{$$typeof:Gt,type:t,key:s,ref:o!==void 0?o:null,props:n}}_e.Fragment=Kt;_e.jsx=ht;_e.jsxs=ht});var gt=ne(Ee=>{"use strict";process.env.NODE_ENV!=="production"&&(function(){function t(a){if(a==null)return null;if(typeof a=="function")return a.$$typeof===he?null:a.displayName||a.name||null;if(typeof a=="string")return a;switch(a){case L:return"Fragment";case H:return"Profiler";case $:return"StrictMode";case ie:return"Suspense";case D:return"SuspenseList";case j:return"Activity"}if(typeof a=="object")switch(typeof a.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),a.$$typeof){case E:return"Portal";case Q:return a.displayName||"Context";case N:return(a._context.displayName||"Context")+".Consumer";case U:var v=a.render;return a=a.displayName,a||(a=v.displayName||v.name||"",a=a!==""?"ForwardRef("+a+")":"ForwardRef"),a;case V:return v=a.displayName||null,v!==null?v:t(a.type)||"Memo";case ae:v=a._payload,a=a._init;try{return t(a(v))}catch{}}return null}function o(a){return""+a}function n(a){try{o(a);var v=!1}catch{v=!0}if(v){v=console;var O=v.error,M=typeof Symbol=="function"&&Symbol.toStringTag&&a[Symbol.toStringTag]||a.constructor.name||"Object";return O.call(v,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",M),o(a)}}function s(a){if(a===L)return"<>";if(typeof a=="object"&&a!==null&&a.$$typeof===ae)return"<...>";try{var v=t(a);return v?"<"+v+">":"<...>"}catch{return"<...>"}}function i(){var a=q.A;return a===null?null:a.getOwner()}function c(){return Error("react-stack-top-frame")}function d(a){if(F.call(a,"key")){var v=Object.getOwnPropertyDescriptor(a,"key").get;if(v&&v.isReactWarning)return!1}return a.key!==void 0}function m(a,v){function O(){Z||(Z=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",v))}O.isReactWarning=!0,Object.defineProperty(a,"key",{get:O,configurable:!0})}function f(){var a=t(this.type);return J[a]||(J[a]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),a=this.props.ref,a!==void 0?a:null}function h(a,v,O,M,G,ue){var P=O.ref;return a={$$typeof:A,type:a,key:v,props:O,_owner:M},(P!==void 0?P:null)!==null?Object.defineProperty(a,"ref",{enumerable:!1,get:f}):Object.defineProperty(a,"ref",{enumerable:!1,value:null}),a._store={},Object.defineProperty(a._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(a,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(a,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:G}),Object.defineProperty(a,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:ue}),Object.freeze&&(Object.freeze(a.props),Object.freeze(a)),a}function R(a,v,O,M,G,ue){var P=v.children;if(P!==void 0)if(M)if(X(P)){for(M=0;M<P.length;M++)p(P[M]);Object.freeze&&Object.freeze(P)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else p(P);if(F.call(v,"key")){P=t(a);var z=Object.keys(v).filter(function(fe){return fe!=="key"});M=0<z.length?"{key: someKey, "+z.join(": ..., ")+": ...}":"{key: someKey}",ce[P+M]||(z=0<z.length?"{"+z.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,M,P,z,P),ce[P+M]=!0)}if(P=null,O!==void 0&&(n(O),P=""+O),d(v)&&(n(v.key),P=""+v.key),"key"in v){O={};for(var te in v)te!=="key"&&(O[te]=v[te])}else O=v;return P&&m(O,typeof a=="function"?a.displayName||a.name||"Unknown":a),h(a,P,O,i(),G,ue)}function p(a){S(a)?a._store&&(a._store.validated=1):typeof a=="object"&&a!==null&&a.$$typeof===ae&&(a._payload.status==="fulfilled"?S(a._payload.value)&&a._payload.value._store&&(a._payload.value._store.validated=1):a._store&&(a._store.validated=1))}function S(a){return typeof a=="object"&&a!==null&&a.$$typeof===A}var y=Me(),A=Symbol.for("react.transitional.element"),E=Symbol.for("react.portal"),L=Symbol.for("react.fragment"),$=Symbol.for("react.strict_mode"),H=Symbol.for("react.profiler"),N=Symbol.for("react.consumer"),Q=Symbol.for("react.context"),U=Symbol.for("react.forward_ref"),ie=Symbol.for("react.suspense"),D=Symbol.for("react.suspense_list"),V=Symbol.for("react.memo"),ae=Symbol.for("react.lazy"),j=Symbol.for("react.activity"),he=Symbol.for("react.client.reference"),q=y.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,F=Object.prototype.hasOwnProperty,X=Array.isArray,W=console.createTask?console.createTask:function(){return null};y={react_stack_bottom_frame:function(a){return a()}};var Z,J={},le=y.react_stack_bottom_frame.bind(y,c)(),ee=W(s(c)),ce={};Ee.Fragment=L,Ee.jsx=function(a,v,O){var M=1e4>q.recentlyCreatedOwnerStacks++;return R(a,v,O,!1,M?Error("react-stack-top-frame"):le,M?W(s(a)):ee)},Ee.jsxs=function(a,v,O){var M=1e4>q.recentlyCreatedOwnerStacks++;return R(a,v,O,!0,M?Error("react-stack-top-frame"):le,M?W(s(a)):ee)}})()});var He=ne((or,$e)=>{"use strict";process.env.NODE_ENV==="production"?$e.exports=ft():$e.exports=gt()});var wt,mt=Ze(()=>{wt=`:host {\r
+  --hw-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;\r
+  font-family: var(--hw-font);\r
+  display: inline-block;\r
+\r
+  /* Theme Tokens - Dark (Default) */\r
+  --hw-bg-sidebar: #0e1320;\r
+  --hw-bg-glass: rgba(14, 19, 32, 0.85);\r
+  --hw-border-glass: rgba(255, 255, 255, 0.08);\r
+  --hw-text-primary: #f8fafc;\r
+  --hw-text-secondary: #94a3b8;\r
+  --hw-text-muted: #64748b;\r
+  --hw-accent: #5d4fff;\r
+  --hw-accent-glow: rgba(93, 79, 255, 0.45);\r
+  --hw-accent-hover: #4c3fe0;\r
+  --hw-surface: #1e293b;\r
+  --hw-surface-hover: #334155;\r
+  --hw-input-bg: rgba(255, 255, 255, 0.04);\r
+  --hw-input-border: rgba(255, 255, 255, 0.1);\r
+  --hw-input-focus: #5d4fff;\r
+  --hw-bg-tabs: rgba(0, 0, 0, 0.15);\r
+  --hw-bg-faq-content: rgba(0, 0, 0, 0.1);\r
+\r
+  /* Status Colors */\r
+  --hw-color-open: #38bdf8;\r
+  --hw-color-progress: #fbbf24;\r
+  --hw-color-pending: #c084fc;\r
+  --hw-color-resolved: #34d399;\r
+  --hw-color-closed: #94a3b8;\r
+\r
+  --hw-bg-open: rgba(56, 189, 248, 0.1);\r
+  --hw-bg-progress: rgba(251, 191, 36, 0.1);\r
+  --hw-bg-pending: rgba(192, 132, 252, 0.1);\r
+  --hw-bg-resolved: rgba(52, 211, 153, 0.1);\r
+  --hw-bg-closed: rgba(148, 163, 184, 0.1);\r
+}\r
+\r
+:host([theme="light"]) {\r
+  --hw-bg-sidebar: #ffffff;\r
+  --hw-bg-glass: rgba(255, 255, 255, 0.9);\r
+  --hw-border-glass: rgba(0, 0, 0, 0.08);\r
+  --hw-text-primary: #0f172a;\r
+  --hw-text-secondary: #475569;\r
+  --hw-text-muted: #94a3b8;\r
+  --hw-accent: #5d4fff;\r
+  --hw-accent-glow: rgba(93, 79, 255, 0.2);\r
+  --hw-accent-hover: #4c3fe0;\r
+  --hw-surface: #f1f5f9;\r
+  --hw-surface-hover: #e2e8f0;\r
+  --hw-input-bg: #ffffff;\r
+  --hw-input-border: #cbd5e1;\r
+  --hw-input-focus: #5d4fff;\r
+  --hw-bg-tabs: #f1f5f9;\r
+  --hw-bg-faq-content: #f8fafc;\r
+}\r
+\r
+@media (prefers-color-scheme: light) {\r
+  :host(:not([theme="dark"])) {\r
+    --hw-bg-sidebar: #ffffff;\r
+    --hw-bg-glass: rgba(255, 255, 255, 0.9);\r
+    --hw-border-glass: rgba(0, 0, 0, 0.08);\r
+    --hw-text-primary: #0f172a;\r
+    --hw-text-secondary: #475569;\r
+    --hw-text-muted: #94a3b8;\r
+    --hw-accent: #5d4fff;\r
+    --hw-accent-glow: rgba(93, 79, 255, 0.2);\r
+    --hw-accent-hover: #4c3fe0;\r
+    --hw-surface: #f1f5f9;\r
+    --hw-surface-hover: #e2e8f0;\r
+    --hw-input-bg: #ffffff;\r
+    --hw-input-border: #cbd5e1;\r
+    --hw-input-focus: #5d4fff;\r
+    --hw-bg-tabs: #f1f5f9;\r
+    --hw-bg-faq-content: #f8fafc;\r
+  }\r
+}\r
+\r
+/* Trigger Button Styling */\r
+.hw-trigger-btn {\r
+  display: flex;\r
+  align-items: center;\r
+  justify-content: center;\r
+  width: 36px;\r
+  height: 36px;\r
+  border-radius: 10px;\r
+  border: 1px solid var(--hw-border-glass);\r
+  background: var(--hw-input-bg);\r
+  color: var(--hw-text-secondary);\r
+  font-size: 16px;\r
+  cursor: pointer;\r
+  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\r
+  box-sizing: border-box;\r
+  outline: none;\r
+}\r
+\r
+.hw-trigger-btn:hover {\r
+  background: var(--hw-surface);\r
+  color: var(--hw-accent);\r
+  border-color: var(--hw-accent);\r
+  box-shadow: 0 0 10px var(--hw-accent-glow);\r
+  transform: scale(1.03);\r
+}\r
+\r
+.hw-trigger-btn.minimal {\r
+  border: none;\r
+  background: transparent;\r
+  width: auto;\r
+  height: auto;\r
+  padding: 6px;\r
+}\r
+\r
+.hw-trigger-btn.hidden {\r
+  display: none;\r
+}\r
+\r
+/* Backdrop Overlay */\r
+.hw-backdrop {\r
+  position: fixed;\r
+  top: 0;\r
+  left: 0;\r
+  width: 100vw;\r
+  height: 100vh;\r
+  background: rgba(4, 7, 13, 0.4);\r
+  backdrop-filter: blur(8px);\r
+  -webkit-backdrop-filter: blur(8px);\r
+  z-index: 99998;\r
+  opacity: 0;\r
+  pointer-events: none;\r
+  transition: opacity 0.3s ease;\r
+}\r
+\r
+.hw-backdrop.open {\r
+  opacity: 1;\r
+  pointer-events: auto;\r
+}\r
+\r
+/* Sidebar Panel Drawer */\r
+.hw-sidebar {\r
+  position: fixed;\r
+  top: 0;\r
+  right: -420px;\r
+  width: 100%;\r
+  max-width: 400px;\r
+  height: 100vh;\r
+  background: var(--hw-bg-sidebar);\r
+  border-left: 1px solid var(--hw-border-glass);\r
+  z-index: 99999;\r
+  box-shadow: -10px 0 30px rgba(0, 0, 0, 0.25);\r
+  transition: right 0.35s cubic-bezier(0.16, 1, 0.3, 1);\r
+  display: flex;\r
+  flex-direction: column;\r
+  box-sizing: border-box;\r
+}\r
+\r
+.hw-sidebar.open {\r
+  right: 0;\r
+}\r
+\r
+/* Sidebar Header */\r
+.hw-header {\r
+  display: flex;\r
+  align-items: center;\r
+  justify-content: space-between;\r
+  padding: 20px;\r
+  border-bottom: 1px solid var(--hw-border-glass);\r
+}\r
+\r
+.hw-header-title {\r
+  font-size: 18px;\r
+  font-weight: 700;\r
+  color: var(--hw-text-primary);\r
+  margin: 0;\r
+  display: flex;\r
+  align-items: center;\r
+  gap: 8px;\r
+}\r
+\r
+.hw-close-btn {\r
+  background: transparent;\r
+  border: none;\r
+  color: var(--hw-text-secondary);\r
+  font-size: 18px;\r
+  cursor: pointer;\r
+  width: 32px;\r
+  height: 32px;\r
+  display: flex;\r
+  align-items: center;\r
+  justify-content: center;\r
+  border-radius: 8px;\r
+  transition: all 0.15s;\r
+}\r
+\r
+.hw-close-btn:hover {\r
+  background: var(--hw-surface);\r
+  color: #ef4444;\r
+}\r
+\r
+/* Tabs Navigation */\r
+.hw-tabs {\r
+  display: flex;\r
+  padding: 12px 16px;\r
+  gap: 4px;\r
+  background: var(--hw-bg-tabs);\r
+  border-bottom: 1px solid var(--hw-border-glass);\r
+}\r
+\r
+.hw-tab-btn {\r
+  flex: 1;\r
+  padding: 8px 4px;\r
+  background: transparent;\r
+  border: none;\r
+  color: var(--hw-text-secondary);\r
+  font-size: 12px;\r
+  font-weight: 600;\r
+  cursor: pointer;\r
+  border-radius: 8px;\r
+  transition: all 0.2s;\r
+  text-align: center;\r
+  white-space: nowrap;\r
+}\r
+\r
+.hw-tab-btn:hover {\r
+  background: var(--hw-surface);\r
+  color: var(--hw-text-primary);\r
+}\r
+\r
+.hw-tab-btn.active {\r
+  background: var(--hw-accent);\r
+  color: #ffffff;\r
+  box-shadow: 0 2px 8px var(--hw-accent-glow);\r
+}\r
+\r
+/* Sidebar Body Viewport */\r
+.hw-body {\r
+  flex: 1;\r
+  overflow-y: auto;\r
+  padding: 20px;\r
+  box-sizing: border-box;\r
+  display: flex;\r
+  flex-direction: column;\r
+}\r
+\r
+.hw-tab-panel {\r
+  display: none;\r
+  flex-direction: column;\r
+  height: 100%;\r
+}\r
+\r
+.hw-tab-panel.active {\r
+  display: flex;\r
+  animation: fadeIn 0.25s ease-out;\r
+}\r
+\r
+@keyframes fadeIn {\r
+  from {\r
+    opacity: 0;\r
+    transform: translateY(6px);\r
+  }\r
+\r
+  to {\r
+    opacity: 1;\r
+    transform: translateY(0);\r
+  }\r
+}\r
+\r
+/* Help Guide Accordion */\r
+.hw-faq-item {\r
+  border: 1px solid var(--hw-border-glass);\r
+  border-radius: 12px;\r
+  margin-bottom: 12px;\r
+  background: rgba(255, 255, 255, 0.01);\r
+  overflow: hidden;\r
+  transition: border-color 0.2s;\r
+}\r
+\r
+.hw-faq-item:hover {\r
+  border-color: var(--hw-accent-glow);\r
+}\r
+\r
+.hw-faq-header {\r
+  display: flex;\r
+  justify-content: space-between;\r
+  align-items: center;\r
+  padding: 12px 14px;\r
+  cursor: pointer;\r
+  user-select: none;\r
+}\r
+\r
+.hw-faq-icon {\r
+  font-size: 11px;\r
+  color: var(--hw-text-muted);\r
+  transition: transform 0.2s;\r
+}\r
+\r
+.hw-faq-item.open .hw-faq-icon {\r
+  transform: rotate(180deg);\r
+}\r
+\r
+.hw-faq-content {\r
+  max-height: 0;\r
+  overflow: hidden;\r
+  transition: max-height 0.25s cubic-bezier(0.4, 0, 0.2, 1);\r
+  background: var(--hw-bg-faq-content);\r
+}\r
+\r
+.hw-faq-inner {\r
+  padding: 14px 16px;\r
+  border-top: 1px solid var(--hw-border-glass);\r
+}\r
+\r
+/* Dynamic Step & Image Framework Styling */\r
+.hw-guide-main-title {\r
+  font-size: 13px;\r
+  font-weight: 500;\r
+  color: var(--hw-text-secondary);\r
+  margin: 0 0 16px 0;\r
+  line-height: 1.5;\r
+}\r
+\r
+.hw-process-title {\r
+  font-size: 12px;\r
+  font-weight: 700;\r
+  text-transform: uppercase;\r
+  letter-spacing: 0.05em;\r
+  color: var(--hw-text-primary);\r
+  margin: 24px 0 12px 0;\r
+  padding-bottom: 6px;\r
+  border-bottom: 1px solid var(--hw-border-glass);\r
+  line-height: 1.4;\r
+  display: flex;\r
+  align-items: center;\r
+  gap: 8px;\r
+}\r
+\r
+.hw-process-title:first-of-type {\r
+  margin-top: 0;\r
+}\r
+\r
+.hw-process-title::before {\r
+  content: "";\r
+  display: inline-block;\r
+  width: 4px;\r
+  height: 12px;\r
+  background: var(--hw-accent);\r
+  border-radius: 2px;\r
+}\r
+\r
+.hw-step-header-left {\r
+  display: flex;\r
+  align-items: center;\r
+  gap: 10px;\r
+}\r
+\r
+.hw-step-number {\r
+  display: flex;\r
+  align-items: center;\r
+  justify-content: center;\r
+  width: 24px;\r
+  height: 24px;\r
+  border-radius: 50%;\r
+  background: var(--hw-accent);\r
+  color: #ffffff;\r
+  font-size: 11px;\r
+  font-weight: 700;\r
+  box-shadow: 0 0 8px var(--hw-accent-glow);\r
+  flex-shrink: 0;\r
+}\r
+\r
+.hw-step-title {\r
+  font-size: 13px;\r
+  font-weight: 600;\r
+  color: var(--hw-text-primary);\r
+  line-height: 1.4;\r
+}\r
+\r
+.hw-step-desc {\r
+  margin: 0 0 12px 0;\r
+  font-size: 12px;\r
+  line-height: 1.6;\r
+  color: var(--hw-text-secondary);\r
+}\r
+\r
+.hw-step-images-list {\r
+  display: flex;\r
+  flex-direction: column;\r
+  gap: 12px;\r
+  margin-top: 12px;\r
+}\r
+\r
+.hw-step-image-wrap {\r
+  border: 2px solid #0ea5e9;\r
+  border-radius: 12px;\r
+  padding: 4px;\r
+  background: rgba(14, 165, 233, 0.04);\r
+  box-shadow: 0 0 12px rgba(14, 165, 233, 0.2);\r
+  overflow: hidden;\r
+  transition: transform 0.2s, box-shadow 0.2s;\r
+}\r
+\r
+.hw-step-image-wrap:hover {\r
+  transform: scale(1.01);\r
+  box-shadow: 0 0 16px rgba(14, 165, 233, 0.35);\r
+}\r
+\r
+.hw-step-img {\r
+  width: 100%;\r
+  height: auto;\r
+  display: block;\r
+  border-radius: 8px;\r
+  object-fit: contain;\r
+  cursor: zoom-in;\r
+}\r
+\r
+.hw-step-note {\r
+  display: flex;\r
+  gap: 8px;\r
+  background: rgba(59, 130, 246, 0.08);\r
+  border: 1px solid rgba(59, 130, 246, 0.2);\r
+  border-radius: 8px;\r
+  padding: 10px 12px;\r
+  margin-top: 12px;\r
+  align-items: flex-start;\r
+  box-sizing: border-box;\r
+}\r
+\r
+.hw-note-icon {\r
+  color: #3b82f6;\r
+  flex-shrink: 0;\r
+  margin-top: 2px;\r
+}\r
+\r
+.hw-note-desc {\r
+  margin: 0;\r
+  font-size: 11px;\r
+  line-height: 1.5;\r
+  color: var(--hw-text-secondary);\r
+  text-align: left;\r
+}\r
+\r
+.hw-step-important {\r
+  display: flex;\r
+  gap: 8px;\r
+  background: rgba(245, 158, 11, 0.08);\r
+  border: 1px solid rgba(245, 158, 11, 0.2);\r
+  border-radius: 8px;\r
+  padding: 10px 12px;\r
+  margin-top: 12px;\r
+  align-items: flex-start;\r
+  box-sizing: border-box;\r
+  text-align: left;\r
+}\r
+\r
+.hw-important-icon {\r
+  color: #f59e0b;\r
+  flex-shrink: 0;\r
+  margin-top: 2px;\r
+}\r
+\r
+.hw-important-title {\r
+  margin: 0 0 2px 0;\r
+  font-size: 11px;\r
+  font-weight: 700;\r
+  color: #f59e0b;\r
+}\r
+\r
+.hw-important-desc {\r
+  margin: 0;\r
+  font-size: 11px;\r
+  line-height: 1.5;\r
+  color: var(--hw-text-secondary);\r
+}\r
+\r
+/* Support & Feedback Form */\r
+.hw-field {\r
+  margin-bottom: 16px;\r
+}\r
+\r
+.hw-label {\r
+  display: block;\r
+  font-size: 11px;\r
+  font-weight: 600;\r
+  color: var(--hw-text-secondary);\r
+  text-transform: uppercase;\r
+  letter-spacing: 0.05em;\r
+  margin-bottom: 6px;\r
+}\r
+\r
+.hw-input,\r
+.hw-textarea,\r
+.hw-select {\r
+  width: 100%;\r
+  padding: 10px 12px;\r
+  border-radius: 8px;\r
+  font-size: 13px;\r
+  background: var(--hw-input-bg);\r
+  border: 1px solid var(--hw-input-border);\r
+  color: var(--hw-text-primary);\r
+  outline: none;\r
+  box-sizing: border-box;\r
+  transition: all 0.2s;\r
+}\r
+\r
+.hw-input:focus,\r
+.hw-textarea:focus,\r
+.hw-select:focus {\r
+  border-color: var(--hw-input-focus);\r
+  box-shadow: 0 0 0 2px var(--hw-accent-glow);\r
+}\r
+\r
+.hw-textarea {\r
+  resize: vertical;\r
+  min-height: 90px;\r
+}\r
+\r
+.hw-select option {\r
+  background: var(--hw-bg-sidebar);\r
+  color: var(--hw-text-primary);\r
+}\r
+\r
+/* Upload Zone */\r
+.hw-upload-zone {\r
+  width: 100%;\r
+  border-radius: 8px;\r
+  box-sizing: border-box;\r
+  border: 1px dashed var(--hw-input-border);\r
+  display: flex;\r
+  flex-direction: column;\r
+  align-items: center;\r
+  gap: 6px;\r
+  padding: 16px 12px;\r
+  transition: all 0.2s;\r
+  cursor: pointer;\r
+}\r
+\r
+.hw-upload-zone.dragover {\r
+  border-color: var(--hw-accent);\r
+  background: var(--hw-accent-glow);\r
+}\r
+\r
+.hw-upload-zone svg {\r
+  color: var(--hw-text-muted);\r
+}\r
+\r
+.hw-upload-hint {\r
+  font-size: 12px;\r
+  color: var(--hw-text-secondary);\r
+  margin: 0;\r
+  text-align: center;\r
+}\r
+\r
+.hw-upload-sub {\r
+  font-size: 10px;\r
+  color: var(--hw-text-muted);\r
+  margin: 0;\r
+}\r
+\r
+.hw-upload-actions {\r
+  display: flex;\r
+  gap: 6px;\r
+  margin-top: 4px;\r
+}\r
+\r
+.hw-btn-paste,\r
+.hw-btn-browse {\r
+  display: flex;\r
+  align-items: center;\r
+  gap: 5px;\r
+  padding: 4px 10px;\r
+  border-radius: 6px;\r
+  font-size: 11px;\r
+  font-weight: 600;\r
+  cursor: pointer;\r
+  border: 1px solid var(--hw-input-border);\r
+  background: var(--hw-surface);\r
+  color: var(--hw-text-secondary);\r
+  transition: all 0.15s;\r
+}\r
+\r
+.hw-btn-paste:hover,\r
+.hw-btn-browse:hover {\r
+  background: var(--hw-surface-hover);\r
+  color: var(--hw-text-primary);\r
+}\r
+\r
+.hw-file-input {\r
+  display: none;\r
+}\r
+\r
+.hw-preview-wrap {\r
+  position: relative;\r
+}\r
+\r
+.hw-preview-img {\r
+  width: 100%;\r
+  max-height: 120px;\r
+  object-fit: cover;\r
+  border-radius: 8px;\r
+  border: 1px solid var(--hw-input-border);\r
+  display: block;\r
+  cursor: zoom-in;\r
+}\r
+\r
+.hw-preview-remove {\r
+  position: absolute;\r
+  top: 6px;\r
+  right: 6px;\r
+  background: rgba(0, 0, 0, 0.7);\r
+  border: none;\r
+  border-radius: 6px;\r
+  color: #ef4444;\r
+  cursor: pointer;\r
+  padding: 3px 6px;\r
+  font-size: 10px;\r
+  font-weight: 700;\r
+  transition: background 0.15s;\r
+}\r
+\r
+.hw-preview-remove:hover {\r
+  background: rgba(0, 0, 0, 0.9);\r
+}\r
+\r
+.hw-preview-name {\r
+  font-size: 11px;\r
+  color: var(--hw-text-muted);\r
+  margin-top: 4px;\r
+  text-align: center;\r
+  text-overflow: ellipsis;\r
+  overflow: hidden;\r
+  white-space: nowrap;\r
+}\r
+\r
+/* Submit button */\r
+.hw-btn-submit {\r
+  width: 100%;\r
+  padding: 11px;\r
+  border-radius: 8px;\r
+  font-size: 13px;\r
+  font-weight: 700;\r
+  background: var(--hw-accent);\r
+  border: none;\r
+  color: #ffffff;\r
+  cursor: pointer;\r
+  transition: all 0.2s;\r
+  box-shadow: 0 4px 12px var(--hw-accent-glow);\r
+}\r
+\r
+.hw-btn-submit:hover {\r
+  background: var(--hw-accent-hover);\r
+  box-shadow: 0 4px 18px var(--hw-accent-glow);\r
+  transform: translateY(-1px);\r
+}\r
+\r
+.hw-btn-submit:disabled {\r
+  opacity: 0.5;\r
+  cursor: not-allowed;\r
+  transform: none;\r
+  box-shadow: none;\r
+}\r
+\r
+/* Status Notifications */\r
+.hw-status-msg {\r
+  padding: 10px;\r
+  border-radius: 8px;\r
+  font-size: 12px;\r
+  font-weight: 500;\r
+  text-align: center;\r
+  margin-bottom: 12px;\r
+  animation: slideDown 0.2s ease;\r
+}\r
+\r
+@keyframes slideDown {\r
+  from {\r
+    transform: translateY(-8px);\r
+    opacity: 0;\r
+  }\r
+\r
+  to {\r
+    transform: translateY(0);\r
+    opacity: 1;\r
+  }\r
+}\r
+\r
+.hw-status-msg.success {\r
+  background: rgba(52, 211, 153, 0.15);\r
+  color: #34d399;\r
+  border: 1px solid rgba(52, 211, 153, 0.25);\r
+}\r
+\r
+.hw-status-msg.error {\r
+  background: rgba(239, 68, 68, 0.15);\r
+  color: #f87171;\r
+  border: 1px solid rgba(239, 68, 68, 0.25);\r
+}\r
+\r
+/* Ticket Status Listing */\r
+.hw-ticket-list {\r
+  display: flex;\r
+  flex-direction: column;\r
+  gap: 10px;\r
+  flex: 1;\r
+}\r
+\r
+.hw-ticket-card {\r
+  background: rgba(255, 255, 255, 0.02);\r
+  border: 1px solid var(--hw-border-glass);\r
+  border-radius: 12px;\r
+  padding: 14px;\r
+  transition: all 0.2s;\r
+}\r
+\r
+.hw-ticket-card:hover {\r
+  border-color: var(--hw-border-glass);\r
+  background: rgba(255, 255, 255, 0.04);\r
+  transform: translateY(-1px);\r
+}\r
+\r
+.hw-ticket-card-header {\r
+  display: flex;\r
+  justify-content: space-between;\r
+  align-items: flex-start;\r
+  gap: 8px;\r
+  margin-bottom: 6px;\r
+}\r
+\r
+.hw-ticket-card-number {\r
+  font-size: 11px;\r
+  font-family: monospace;\r
+  color: var(--hw-text-muted);\r
+  font-weight: 600;\r
+}\r
+\r
+.hw-ticket-card-badge {\r
+  font-size: 10px;\r
+  font-weight: 700;\r
+  text-transform: uppercase;\r
+  padding: 2px 8px;\r
+  border-radius: 9999px;\r
+  letter-spacing: 0.05em;\r
+}\r
+\r
+.hw-badge-open {\r
+  color: var(--hw-color-open);\r
+  background: var(--hw-bg-open);\r
+}\r
+\r
+.hw-badge-progress {\r
+  color: var(--hw-color-progress);\r
+  background: var(--hw-bg-progress);\r
+}\r
+\r
+.hw-badge-pending {\r
+  color: var(--hw-color-pending);\r
+  background: var(--hw-bg-pending);\r
+}\r
+\r
+.hw-badge-resolved {\r
+  color: var(--hw-color-resolved);\r
+  background: var(--hw-bg-resolved);\r
+}\r
+\r
+.hw-badge-closed {\r
+  color: var(--hw-color-closed);\r
+  background: var(--hw-bg-closed);\r
+}\r
+\r
+.hw-ticket-card-subject {\r
+  font-size: 13px;\r
+  font-weight: 600;\r
+  color: var(--hw-text-primary);\r
+  margin: 0 0 6px 0;\r
+  line-height: 1.4;\r
+}\r
+\r
+.hw-ticket-card-footer {\r
+  display: flex;\r
+  justify-content: space-between;\r
+  font-size: 10px;\r
+  color: var(--hw-text-muted);\r
+}\r
+\r
+/* Utility Empty & Loader States */\r
+.hw-empty-state {\r
+  display: flex;\r
+  flex-direction: column;\r
+  align-items: center;\r
+  justify-content: center;\r
+  gap: 8px;\r
+  color: var(--hw-text-muted);\r
+  font-size: 12px;\r
+  text-align: center;\r
+  padding: 40px 20px;\r
+  flex: 1;\r
+}\r
+\r
+.hw-empty-state svg {\r
+  color: var(--hw-text-muted);\r
+  opacity: 0.5;\r
+}\r
+\r
+.hw-loader {\r
+  width: 24px;\r
+  height: 24px;\r
+  border: 2px solid var(--hw-border-glass);\r
+  border-top-color: var(--hw-accent);\r
+  border-radius: 50%;\r
+  animation: hw-spin 0.6s linear infinite;\r
+  margin: 40px auto;\r
+}\r
+\r
+@keyframes hw-spin {\r
+  to {\r
+    transform: rotate(360deg);\r
+  }\r
+}\r
+\r
+.hw-list-header {\r
+  display: flex;\r
+  justify-content: space-between;\r
+  align-items: center;\r
+  margin-bottom: 12px;\r
+}\r
+\r
+.hw-list-title {\r
+  font-size: 12px;\r
+  font-weight: 700;\r
+  text-transform: uppercase;\r
+  color: var(--hw-text-secondary);\r
+  letter-spacing: 0.05em;\r
+  margin: 0;\r
+}\r
+\r
+.hw-btn-refresh {\r
+  background: transparent;\r
+  border: none;\r
+  color: var(--hw-accent);\r
+  font-size: 11px;\r
+  font-weight: 600;\r
+  cursor: pointer;\r
+  display: flex;\r
+  align-items: center;\r
+  gap: 3px;\r
+  padding: 2px 6px;\r
+  border-radius: 4px;\r
+  transition: all 0.15s;\r
+}\r
+\r
+.hw-btn-refresh:hover {\r
+  background: var(--hw-surface);\r
+  color: var(--hw-accent-hover);\r
+}\r
+\r
+/* Lightbox Fullscreen Modal Overlay */\r
+.hw-lightbox {\r
+  position: fixed;\r
+  top: 0;\r
+  left: 0;\r
+  width: 100vw;\r
+  height: 100vh;\r
+  background: rgba(4, 7, 13, 0.88);\r
+  backdrop-filter: blur(8px);\r
+  -webkit-backdrop-filter: blur(8px);\r
+  z-index: 1000000;\r
+  display: flex;\r
+  align-items: center;\r
+  justify-content: center;\r
+  opacity: 0;\r
+  pointer-events: none;\r
+  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r
+}\r
+\r
+.hw-lightbox.open {\r
+  opacity: 1;\r
+  pointer-events: auto;\r
+}\r
+\r
+.hw-lightbox-img {\r
+  max-width: 90%;\r
+  max-height: 85%;\r
+  object-fit: contain;\r
+  border-radius: 12px;\r
+  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6);\r
+  border: 1px solid rgba(255, 255, 255, 0.1);\r
+  transform: scale(0.95);\r
+  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r
+  background: #000;\r
+}\r
+\r
+.hw-lightbox.open .hw-lightbox-img {\r
+  transform: scale(1);\r
+}\r
+\r
+.hw-lightbox-close {\r
+  position: absolute;\r
+  top: 24px;\r
+  right: 24px;\r
+  background: rgba(255, 255, 255, 0.08);\r
+  border: 1px solid rgba(255, 255, 255, 0.1);\r
+  border-radius: 50%;\r
+  width: 44px;\r
+  height: 44px;\r
+  color: #ffffff;\r
+  font-size: 22px;\r
+  cursor: pointer;\r
+  display: flex;\r
+  align-items: center;\r
+  justify-content: center;\r
+  transition: all 0.2s;\r
+  outline: none;\r
+}\r
+\r
+.hw-lightbox-close:hover {\r
+  background: rgba(255, 255, 255, 0.18);\r
+  transform: scale(1.05);\r
+  color: #f43f5e;\r
+}\r
+\r
+/* Ticket Comments Section styling */\r
+.hw-ticket-comments-section {\r
+  margin-top: 10px;\r
+  border-top: 1px solid var(--hw-border-glass);\r
+  padding-top: 10px;\r
+  width: 100%;\r
+}\r
+\r
+.hw-comments-toggle-btn {\r
+  display: flex;\r
+  align-items: center;\r
+  gap: 6px;\r
+  background: transparent;\r
+  border: none;\r
+  color: var(--hw-text-secondary);\r
+  font-size: 11px;\r
+  font-weight: 600;\r
+  cursor: pointer;\r
+  padding: 4px 8px;\r
+  border-radius: 6px;\r
+  transition: all 0.2s ease;\r
+  width: fit-content;\r
+}\r
+\r
+.hw-comments-toggle-btn:hover {\r
+  background: var(--hw-surface);\r
+  color: var(--hw-text-primary);\r
+}\r
+\r
+.hw-comments-toggle-chevron {\r
+  font-size: 9px;\r
+  color: var(--hw-text-muted);\r
+  transition: transform 0.25s ease;\r
+  margin-left: 2px;\r
+}\r
+\r
+.hw-comments-toggle-btn.open .hw-comments-toggle-chevron {\r
+  transform: rotate(180deg);\r
+}\r
+\r
+.hw-comments-list-wrapper {\r
+  max-height: 0;\r
+  overflow: hidden;\r
+  transition: max-height 0.25s cubic-bezier(0.4, 0, 0.2, 1);\r
+}\r
+\r
+.hw-comments-list {\r
+  display: flex;\r
+  flex-direction: column;\r
+  gap: 8px;\r
+  padding: 8px 4px 4px 4px;\r
+}\r
+\r
+.hw-comment-item {\r
+  background: rgba(255, 255, 255, 0.015);\r
+  border: 1px solid var(--hw-border-glass);\r
+  border-radius: 8px;\r
+  padding: 10px;\r
+  box-sizing: border-box;\r
+}\r
+\r
+/* Highlights the staff's response with accent color */\r
+.hw-comment-item.staff {\r
+  background: rgba(93, 79, 255, 0.04);\r
+  border-left: 3px solid var(--hw-accent);\r
+}\r
+\r
+.hw-comment-meta {\r
+  display: flex;\r
+  justify-content: space-between;\r
+  align-items: center;\r
+  margin-bottom: 6px;\r
+  font-size: 10px;\r
+}\r
+\r
+.hw-comment-author {\r
+  font-weight: 700;\r
+  color: var(--hw-text-primary);\r
+  display: flex;\r
+  align-items: center;\r
+  gap: 6px;\r
+}\r
+\r
+.hw-comment-staff-badge {\r
+  background: var(--hw-accent);\r
+  color: #ffffff;\r
+  font-size: 8px;\r
+  padding: 1px 5px;\r
+  border-radius: 4px;\r
+  text-transform: uppercase;\r
+  font-weight: 800;\r
+  letter-spacing: 0.03em;\r
+}\r
+\r
+.hw-comment-date {\r
+  color: var(--hw-text-muted);\r
+}\r
+\r
+.hw-comment-text {\r
+  margin: 0;\r
+  font-size: 11px;\r
+  line-height: 1.5;\r
+  color: var(--hw-text-secondary);\r
+  word-break: break-word;\r
+}`});var bt={};Je(bt,{HelpSidebarWidgetElement:()=>pe});var Vt,pe,Ne=Ze(()=>{"use strict";mt();Vt=`
+  <button class="hw-trigger-btn" id="hw-trigger-btn" title="Open Help & Support" aria-label="Help and Support">
+    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round">
+      <circle cx="12" cy="12" r="10"/>
+      <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/>
+      <line x1="12" y1="17" x2="12.01" y2="17"/>
+    </svg>
+  </button>
+
+  <div class="hw-backdrop" id="hw-backdrop"></div>
+
+  <div class="hw-lightbox" id="hw-lightbox">
+    <button class="hw-lightbox-close" id="hw-lightbox-close" aria-label="Close image preview">\u2715</button>
+    <img class="hw-lightbox-img" id="hw-lightbox-img" src="" alt="Enlarged screenshot" />
+  </div>
+
+  <div class="hw-sidebar" id="hw-sidebar">
+    <div class="hw-header">
+      <h2 class="hw-header-title">
+        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
+          <circle cx="12" cy="12" r="10"/>
+          <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/>
+          <line x1="12" y1="17" x2="12.01" y2="17"/>
+        </svg>
+        Help & Support
+      </h2>
+      <button class="hw-close-btn" id="hw-close-btn" aria-label="Close sidebar">\u2715</button>
+    </div>
+
+    <div class="hw-tabs">
+      <button class="hw-tab-btn active" data-tab="guide">Help Guide</button>
+      <button class="hw-tab-btn" data-tab="feedback">Support & Feedback</button>
+      <button class="hw-tab-btn" data-tab="status">Ticket Status</button>
+    </div>
+
+    <div class="hw-body">
+      <!-- 1. HELP GUIDE PANEL -->
+      <div class="hw-tab-panel active" id="hw-panel-guide">
+        <div id="hw-guide-loading" class="hw-loader"></div>
+        <div id="hw-guide-container"></div>
+      </div>
+
+      <!-- 2. SUPPORT & FEEDBACK PANEL -->
+      <div class="hw-tab-panel" id="hw-panel-feedback">
+        <div id="hw-form-status" style="display:none"></div>
+
+        <div class="hw-field">
+          <label class="hw-label" for="hw-name">Full Name *</label>
+          <input class="hw-input" id="hw-name" type="text" placeholder="Your name" required />
+        </div>
+
+        <div class="hw-field">
+          <label class="hw-label" for="hw-email">Email Address *</label>
+          <input class="hw-input" id="hw-email" type="email" placeholder="your.email@domain.com" required />
+        </div>
+
+        <div id="hw-custom-fields-container"></div>
+
+        <div class="hw-field">
+          <label class="hw-label" for="hw-subject">Subject *</label>
+          <input class="hw-input" id="hw-subject" type="text" placeholder="Brief summary of your request" required />
+        </div>
+
+        <div class="hw-field">
+          <label class="hw-label" for="hw-category">Category *</label>
+          <select class="hw-select" id="hw-category">
+            <option value="bug">Bug Report \u{1F41B}</option>
+            <option value="feature">Feature Request \u{1F4A1}</option>
+            <option value="support">General Support \u2754</option>
+            <option value="other">Other \u{1F4DD}</option>
+          </select>
+        </div>
+
+        <div class="hw-field">
+          <label class="hw-label" for="hw-description">Description *</label>
+          <textarea class="hw-textarea" id="hw-description" placeholder="Describe your request in detail..." required></textarea>
+        </div>
+
+        <div class="hw-field">
+          <label class="hw-label">Screenshot (optional)</label>
+          <input class="hw-file-input" id="hw-file" type="file" accept="image/*" />
+          <div class="hw-upload-zone" id="hw-upload-zone" tabindex="0">
+            <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
+              <rect x="3" y="3" width="18" height="18" rx="2"/>
+              <circle cx="8.5" cy="8.5" r="1.5"/>
+              <polyline points="21 15 16 10 5 21"/>
+            </svg>
+            <p class="hw-upload-hint">Drag & drop image here, or paste</p>
+            <p class="hw-upload-sub">PNG, JPG, GIF up to 10MB</p>
+            <div class="hw-upload-actions">
+              <button class="hw-btn-paste" id="hw-paste-btn" type="button">
+                <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
+                  <rect x="8" y="2" width="8" height="4" rx="1"/>
+                  <path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/>
+                </svg>
+                Paste (Ctrl+V)
+              </button>
+              <button class="hw-btn-browse" id="hw-browse-btn" type="button">
+                <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
+                  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/>
+                  <polyline points="17 8 12 3 7 8"/>
+                  <line x1="12" y1="3" x2="12" y2="15"/>
+                </svg>
+                Browse
+              </button>
+            </div>
+          </div>
+          <div id="hw-preview" style="display:none"></div>
+        </div>
+
+        <div style="margin-top:auto; padding-top:16px;">
+          <button class="hw-btn-submit" id="hw-submit-btn">Submit Request</button>
+        </div>
+      </div>
+
+      <!-- 3. TICKET STATUS PANEL -->
+      <div class="hw-tab-panel" id="hw-panel-status">
+        <div class="hw-list-header">
+          <h3 class="hw-list-title">Your Submitted Tickets</h3>
+          <button class="hw-btn-refresh" id="hw-refresh-btn" type="button">
+            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              <path d="M21.5 2v6h-6M21.34 15.57a10 10 0 1 1-.57-8.38l5.67-5.67"/>
+            </svg>
+            Refresh Status
+          </button>
+        </div>
+        
+        <div id="hw-tickets-loading" class="hw-loader" style="display:none"></div>
+        <div class="hw-ticket-list" id="hw-ticket-list"></div>
+      </div>
+    </div>
+  </div>
+`,pe=class extends HTMLElement{constructor(){super();this._screenshotFile=null;this._guideData=null;this._customFields=[];this._shadow=this.attachShadow({mode:"open"})}static get observedAttributes(){return["user-name","user-email","button-style","theme","user-role","custom-fields"]}get userRole(){return this.getAttribute("user-role")||""}set userRole(n){this.setAttribute("user-role",n)}get customFields(){return this._customFields}set customFields(n){typeof n=="string"?this._parseCustomFieldsAttribute(n):Array.isArray(n)?this._customFields=n:this._customFields=[],this._renderCustomFields()}_parseCustomFieldsAttribute(n){if(n)try{let s=JSON.parse(n);Array.isArray(s)&&(this._customFields=s)}catch(s){console.warn("Failed to parse custom-fields attribute JSON:",s)}}_getCustomFieldsList(){if(this._customFields&&this._customFields.length>0)return this._customFields;let n=this.getAttribute("custom-fields");if(n)try{let s=JSON.parse(n);if(Array.isArray(s))return s}catch{}return[]}_renderCustomFields(){let n=this._shadow?.getElementById("hw-custom-fields-container");if(!n)return;let s={};n.querySelectorAll(".hw-custom-input").forEach(m=>{let f=m.dataset.customId;f&&m.value&&(s[f]=m.value)});let c=this._getCustomFieldsList();if(!c||c.length===0){n.innerHTML="";return}let d="";c.forEach(m=>{let f=`hw-custom-${m.id}`,h=m.required?" *":"",R=m.required?"required":"",p=m.type||"text",S=m.placeholder||"",y=s[m.id]!==void 0?s[m.id]:m.defaultValue||"";p==="textarea"?d+=`
+          <div class="hw-field">
+            <label class="hw-label" for="${f}">${m.label}${h}</label>
+            <textarea
+              class="hw-textarea hw-custom-input"
+              data-custom-id="${m.id}"
+              id="${f}"
+              placeholder="${S}"
+              ${R}
+            >${y}</textarea>
+          </div>
+        `:d+=`
+          <div class="hw-field">
+            <label class="hw-label" for="${f}">${m.label}${h}</label>
+            <input
+              class="hw-input hw-custom-input"
+              data-custom-id="${m.id}"
+              id="${f}"
+              type="${p}"
+              placeholder="${S}"
+              value="${y}"
+              ${R}
+            />
+          </div>
+        `}),n.innerHTML=d}attributeChangedCallback(n,s,i){if(this._shadow){if(n==="user-name"){let c=this._shadow.getElementById("hw-name");c&&(c.value=i||"")}if(n==="user-email"){let c=this._shadow.getElementById("hw-email");c&&(c.value=i||"")}n==="user-role"&&this._guideData&&this._renderHelpGuide(this._guideData),n==="custom-fields"&&(this._parseCustomFieldsAttribute(i),this._renderCustomFields())}}connectedCallback(){if(this._shadow.innerHTML=`<style>${wt}</style>${Vt}`,!document.getElementById("hw-font-link")){let i=document.createElement("link");i.id="hw-font-link",i.rel="stylesheet",i.href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap",document.head.appendChild(i)}this._applyAttributes(),this._bindEvents(),this._parseCustomFieldsAttribute(this.getAttribute("custom-fields")),this._renderCustomFields();let n=this.getAttribute("user-name");if(n){let i=this._shadow.getElementById("hw-name");i&&(i.value=n)}let s=this.getAttribute("user-email");if(s){let i=this._shadow.getElementById("hw-email");i&&(i.value=s)}this._loadLocalHelpGuide()}_applyAttributes(){let n=this._shadow.getElementById("hw-trigger-btn");if(!n)return;let s=this.getAttribute("button-style");s==="minimal"?n.classList.add("minimal"):s==="hidden"&&n.classList.add("hidden")}_bindEvents(){let n=this._shadow;n.getElementById("hw-trigger-btn")?.addEventListener("click",()=>this.openSidebar()),n.getElementById("hw-close-btn")?.addEventListener("click",()=>this.closeSidebar()),n.getElementById("hw-backdrop")?.addEventListener("click",()=>this.closeSidebar());let s=n.querySelectorAll(".hw-tab-btn");s.forEach(h=>{h.addEventListener("click",()=>{s.forEach(S=>S.classList.remove("active")),n.querySelectorAll(".hw-tab-panel").forEach(S=>S.classList.remove("active")),h.classList.add("active");let R=h,p=`hw-panel-${R.dataset.tab}`;n.getElementById(p)?.classList.add("active"),R.dataset.tab==="status"&&this._loadTicketsStatus()})});let i=n.getElementById("hw-guide-container");i&&i.addEventListener("click",h=>{let p=h.target.closest(".hw-faq-header");if(!p)return;let S=p.parentElement;if(!S)return;let y=S.querySelector(".hw-faq-content");if(!y)return;let A=S.classList.contains("open");i.querySelectorAll(".hw-faq-item").forEach(E=>{E.classList.remove("open");let L=E.querySelector(".hw-faq-content");L&&(L.style.maxHeight="0px")}),A||(S.classList.add("open"),y.style.maxHeight=y.scrollHeight+"px")});let c=n.getElementById("hw-file");n.getElementById("hw-browse-btn")?.addEventListener("click",h=>{h.stopPropagation(),c?.click()}),c?.addEventListener("change",()=>{c.files&&c.files[0]&&this._handleFile(c.files[0])}),n.getElementById("hw-paste-btn")?.addEventListener("click",h=>{h.stopPropagation(),this._pasteFromClipboard()}),n.getElementById("hw-sidebar")?.addEventListener("paste",h=>{let R=h.clipboardData?.items||[];for(let p of R)if(p.type.startsWith("image/")){let S=p.getAsFile();if(S){this._handleFile(S);break}}});let d=n.getElementById("hw-upload-zone");d?.addEventListener("dragover",h=>{h.preventDefault(),d.classList.add("dragover")}),d?.addEventListener("dragleave",()=>d.classList.remove("dragover")),d?.addEventListener("drop",h=>{h.preventDefault(),d.classList.remove("dragover");let R=h.dataTransfer.files[0];R&&R.type.startsWith("image/")&&this._handleFile(R)}),n.getElementById("hw-submit-btn")?.addEventListener("click",()=>this._submitTicket()),n.getElementById("hw-refresh-btn")?.addEventListener("click",()=>this._loadTicketsStatus());let m=n.getElementById("hw-ticket-list");m&&m.addEventListener("click",h=>{let p=h.target.closest(".hw-comments-toggle-btn");if(!p)return;let S=p.dataset.ticket,y=m.querySelector(`#comments-list-${S}`);if(!y)return;p.classList.contains("open")?(p.classList.remove("open"),y.style.maxHeight="0px"):(p.classList.add("open"),y.style.maxHeight=y.scrollHeight+"px")}),i&&i.addEventListener("click",h=>{let R=h.target;if(R.classList.contains("hw-step-img")){let p=R.src;this._openLightbox(p)}});let f=n.getElementById("hw-preview");f&&f.addEventListener("click",h=>{let R=h.target;if(R.classList.contains("hw-preview-img")){let p=R.src;this._openLightbox(p)}}),n.getElementById("hw-lightbox-close")?.addEventListener("click",()=>this._closeLightbox()),n.getElementById("hw-lightbox")?.addEventListener("click",h=>{h.target===n.getElementById("hw-lightbox")&&this._closeLightbox()})}openSidebar(){this._shadow.getElementById("hw-sidebar")?.classList.add("open"),this._shadow.getElementById("hw-backdrop")?.classList.add("open")}closeSidebar(){this._shadow.getElementById("hw-sidebar")?.classList.remove("open"),this._shadow.getElementById("hw-backdrop")?.classList.remove("open"),this._hideStatus()}_openLightbox(n){let s=this._shadow.getElementById("hw-lightbox"),i=this._shadow.getElementById("hw-lightbox-img");s&&i&&(i.src=n,s.classList.add("open"))}_closeLightbox(){let n=this._shadow.getElementById("hw-lightbox");n&&n.classList.remove("open")}async _pasteFromClipboard(){try{let n=await navigator.clipboard.read();for(let s of n){let i=s.types.find(c=>c.startsWith("image/"));if(i){let c=await s.getType(i);this._handleFile(new File([c],"screenshot.png",{type:i}));return}}this._showStatus("No image found in clipboard. Copy a screenshot first, then paste.","error")}catch{this._showStatus("Press Ctrl+V inside this sidebar to paste a screenshot.","error")}}_handleFile(n){if(!n.type.startsWith("image/")){this._showStatus("Please upload an image file (PNG, JPG, GIF).","error");return}if(n.size>10*1024*1024){this._showStatus("Screenshot must be smaller than 10MB.","error");return}this._screenshotFile=n,this._hideStatus();let s=URL.createObjectURL(n),i=this._shadow.getElementById("hw-upload-zone"),c=this._shadow.getElementById("hw-preview");i&&(i.style.display="none"),c&&(c.style.display="block",c.innerHTML=`
+        <div class="hw-preview-wrap">
+          <img class="hw-preview-img" src="${s}" alt="Screenshot preview" />
+          <button class="hw-preview-remove" id="hw-remove-ss-btn" type="button">\u2715 Remove</button>
+        </div>
+        <p class="hw-preview-name">${n.name}</p>
+      `,c.querySelector("#hw-remove-ss-btn")?.addEventListener("click",()=>this._removeFile()))}_removeFile(){this._screenshotFile=null;let n=this._shadow.getElementById("hw-file");n&&(n.value="");let s=this._shadow.getElementById("hw-upload-zone");s&&(s.style.display="flex");let i=this._shadow.getElementById("hw-preview");i&&(i.style.display="none",i.innerHTML="")}_resetForm(){let n=this._shadow.getElementById("hw-name"),s=this._shadow.getElementById("hw-email"),i=this._shadow.getElementById("hw-subject"),c=this._shadow.getElementById("hw-description"),d=this._shadow.getElementById("hw-category");n&&(n.value=""),s&&(s.value=""),i&&(i.value=""),c&&(c.value=""),d&&(d.value="bug"),this._shadow.querySelectorAll(".hw-custom-input").forEach(h=>{h.value=""}),this._removeFile(),this._hideStatus();let f=this._shadow.getElementById("hw-submit-btn");f&&(f.disabled=!1,f.textContent="Submit Request")}async _submitTicket(){let n=this._shadow.getElementById("hw-name")?.value.trim()||"",s=this._shadow.getElementById("hw-email")?.value.trim()||"",i=this._shadow.getElementById("hw-subject")?.value.trim()||"",c=this._shadow.getElementById("hw-description")?.value.trim()||"",d=this._shadow.getElementById("hw-category")?.value||"bug";if(!n||!s||!i||!c){this._showStatus("Please fill in all required fields.","error");return}let m=this._getCustomFieldsList(),f={};for(let A of m){let E=this._shadow.querySelector(`[data-custom-id="${A.id}"]`),L=E?E.value.trim():"";if(A.required&&!L){this._showStatus(`Please fill in required field: ${A.label}`,"error");return}L&&(f[A.id]=L)}let h=(this.getAttribute("base-url")||"").replace(/\/$/,""),R=this.getAttribute("embed-key")||"";if(!h||!R){this._showStatus("Widget is misconfigured. Missing base-url or embed-key.","error");return}let p=this._shadow.getElementById("hw-submit-btn");p&&(p.disabled=!0,p.textContent="Submitting Request...");let S=c;if(Object.keys(f).length>0){let A=m.filter(E=>f[E.id]).map(E=>`${E.label}: ${f[E.id]}`);A.length>0&&(S+=`
+
+--- Additional Information ---
+`+A.join(`
+`))}let y=new FormData;if(y.append("submitter_name",n),y.append("submitter_email",s),y.append("subject",i),y.append("description",S),y.append("category",d),y.append("embed_key",R),y.append("source_url",window.location.href),y.append("browser_metadata",JSON.stringify({userAgent:navigator.userAgent,resolution:`${screen.width}x${screen.height}`,viewport:`${window.innerWidth}x${window.innerHeight}`,language:navigator.language})),Object.keys(f).length>0){y.append("custom_fields",JSON.stringify(f));for(let[A,E]of Object.entries(f))y.append(A,E)}this._screenshotFile&&y.append("screenshot",this._screenshotFile,this._screenshotFile.name);try{let A=await fetch(`${h}/api/tickets/widget-submit/`,{method:"POST",body:y});if(A.ok)this._showStatus("Support request submitted successfully!","success"),setTimeout(()=>{this._resetForm();let E=this._shadow.querySelector('.hw-tab-btn[data-tab="status"]');E&&E.click()},1800);else{let E=await A.json().catch(()=>({}));this._showStatus(E.detail||E.error||"Failed to submit request. Please try again.","error"),p&&(p.disabled=!1,p.textContent="Submit Request")}}catch(A){console.error("Error submitting support request:",A),this._showStatus("Network error. Please check your internet connection.","error"),p&&(p.disabled=!1,p.textContent="Submit Request")}}async _loadTicketsStatus(){let n=(this.getAttribute("base-url")||"").replace(/\/$/,""),s=this.getAttribute("embed-key")||"",i=this._shadow.getElementById("hw-ticket-list"),c=this._shadow.getElementById("hw-tickets-loading");if(i){if(!n||!s){i.innerHTML='<div class="hw-empty-state">Widget configuration error (missing URL or key)</div>';return}c&&(c.style.display="block"),i.style.opacity="0.5";try{let d=await fetch(`${n}/api/tickets/widget-status/`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({embed_key:s})});if(d.ok){let m=await d.json(),h=(m.data||m).tickets||[];if(h.length===0){i.innerHTML=`
+            <div class="hw-empty-state">
+              <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
+                <path d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"/>
+                <path d="M12 8v4"/>
+                <path d="M12 16h.01"/>
+              </svg>
+              <p style="margin: 0; font-weight:600;">No support tickets yet</p>
+              <p style="margin: 0; font-size:11px;">Any bug reports or tickets you or your teammates submit will appear here to let everyone track their real-time progress.</p>
+            </div>
+          `;return}let R="";h.forEach(p=>{let S=p.status||"open",y=p.ticket_number||"TKT-PENDING",A=new Date(p.created_at).toLocaleDateString(void 0,{month:"short",day:"numeric",year:"numeric"}),E="hw-badge-open";S==="in_progress"?E="hw-badge-progress":S==="pending"?E="hw-badge-pending":S==="resolved"?E="hw-badge-resolved":S==="closed"&&(E="hw-badge-closed");let L="",$=p.comments||[];$.length>0&&(L+=`
+              <div class="hw-ticket-comments-section">
+                <button class="hw-comments-toggle-btn" data-ticket="${y}">
+                  <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" style="margin-right: 4px;">
+                    <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>
+                  </svg>
+                  <span>Replies (${$.length})</span>
+                  <span class="hw-comments-toggle-chevron">\u25BC</span>
+                </button>
+                <div class="hw-comments-list-wrapper" id="comments-list-${y}" style="max-height: 0px;">
+                  <div class="hw-comments-list">
+            `,$.forEach(H=>{let N=new Date(H.created_at).toLocaleDateString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit"}),Q=H.is_staff||!1,U=Q?"hw-comment-item staff":"hw-comment-item",ie=Q?'<span class="hw-comment-staff-badge">Staff</span>':"";L+=`
+                    <div class="${U}">
+                      <div class="hw-comment-meta">
+                        <span class="hw-comment-author">${H.author_name||"Anonymous"} ${ie}</span>
+                        <span class="hw-comment-date">${N}</span>
+                      </div>
+                      <p class="hw-comment-text">${H.content}</p>
+                    </div>
+              `}),L+=`
+                  </div>
+                </div>
+              </div>
+            `),R+=`
+            <div class="hw-ticket-card">
+              <div class="hw-ticket-card-header">
+                <span class="hw-ticket-card-number">${y}</span>
+                <span class="hw-ticket-card-badge ${E}">${S.replace("_"," ")}</span>
+              </div>
+              <h4 class="hw-ticket-card-subject">${p.subject||"No Subject"}</h4>
+              <div class="hw-ticket-card-footer" style="flex-direction: column; align-items: flex-start; gap: 4px;">
+                <div style="display: flex; justify-content: space-between; width: 100%;">
+                  <span>Category: ${p.category.toUpperCase()}</span>
+                  <span>${A}</span>
+                </div>
+                <div style="font-size: 11px; color: #888; display: flex; align-items: center; gap: 4px; margin-top: 4px; border-top: 1px solid rgba(255,255,255,0.05); padding-top: 4px; width: 100%;">
+                  <span>\u{1F464} By: <strong>${p.submitter_name||"Anonymous"}</strong> (${p.submitter_email||"no-email"})</span>
+                </div>
+              </div>
+              ${L}
+            </div>
+          `}),i.innerHTML=R}else throw new Error("Server status fetch failed")}catch(d){console.error("Failed to pull live ticket status:",d),i.innerHTML=`
+        <div class="hw-empty-state">
+          <p style="margin: 0; font-weight:600; color: #f43f5e;">Failed to load tickets</p>
+          <p style="margin: 0; font-size:11px;">A connection error occurred. Click "Refresh Status" to retry.</p>
+        </div>
+      `}finally{c&&(c.style.display="none"),i.style.opacity="1"}}}_showStatus(n,s){let i=this._shadow.getElementById("hw-form-status");i&&(i.textContent=n,i.className=`hw-status-msg ${s}`,i.style.display="block")}_hideStatus(){let n=this._shadow.getElementById("hw-form-status");n&&(n.style.display="none")}async _loadLocalHelpGuide(){let n=this._shadow.getElementById("hw-guide-container"),s=this._shadow.getElementById("hw-guide-loading"),i=this.getAttribute("guide-url")||"/help-guide.json";try{let c=await fetch(i);if(c.ok){let d=await c.json();this._guideData=d,this._renderHelpGuide(d)}else throw new Error("Guide file not found")}catch{console.warn(`Dynamic help guide not found at ${i}. Falling back to default FAQs.`);let d=this._getDefaultHelpGuide();this._guideData=d,this._renderHelpGuide(d)}finally{s&&(s.style.display="none")}}_getDefaultHelpGuide(){return{processes:[{title:"Help Guide & FAQs",steps:[{step_number:1,title:"What is ThriveX AI Dashboard?",description:"ThriveX AI is an intelligent project workspace and agile issue tracking platform. You can manage tasks in Kanban boards, set priorities, assign developers, and aggregate support requests in one beautiful console."},{step_number:2,title:"How do I submit feedback / bugs?",description:"Click on the <strong>Support & Feedback</strong> tab in this sidebar, select your category, enter your subject and description, paste or attach an optional screenshot, and click submit."},{step_number:3,title:"How do I track my ticket status?",description:"Any ticket you submit from this browser will be listed under the <strong>Ticket Status</strong> tab. We use secure, unguessable ticket UUIDs saved locally to fetch live real-time statuses directly from the project server."},{step_number:4,title:"How do I invite members to my project?",description:"Go to the Workspace page inside the dashboard, select your project, click on <strong>Manage Members</strong> on the top-right, search for your team members by their username or email, and add them."}]}]}}_renderHelpGuide(n){let s=this._shadow.getElementById("hw-guide-container");if(!s)return;let i="",c=n.processes;if(!c&&n.steps&&(c=[{title:n.title||"Help Guide",steps:n.steps}]),!c||c.length===0){s.innerHTML='<div class="hw-empty-state">No guides available</div>';return}let d=(this.getAttribute("user-role")||"").trim().toLowerCase(),m=c.map(h=>{if(!(!(Array.isArray(h.roles)&&h.roles.length>0)||d&&h.roles.some(E=>typeof E=="string"&&E.trim().toLowerCase()===d)))return null;let S=h.steps||[],y=S.length,A=S.filter(E=>!(Array.isArray(E.roles)&&E.roles.length>0)||d&&E.roles.some($=>typeof $=="string"&&$.trim().toLowerCase()===d));return y>0&&A.length===0?null:{...h,steps:A}}).filter(h=>h!==null);if(m.length===0){s.innerHTML='<div class="hw-empty-state">No guides available for your role</div>';return}let f=0;m.forEach(h=>{h.title&&(i+=`<h3 class="hw-process-title">${h.title}</h3>`),(h.steps||[]).forEach((p,S)=>{let y=p.step_number||p.number||S+1,A=f===0?"open":"",E=f===0?'style="max-height: 1000px;"':'style="max-height: 0px;"';f++;let L="";Array.isArray(p.images)&&p.images.length>0&&(L='<div class="hw-step-images-list">',p.images.forEach(N=>{L+=`
+              <div class="hw-step-image-wrap">
+                <img class="hw-step-img" src="${N}" alt="Step ${y} screenshot" />
+              </div>
+            `}),L+="</div>");let $="";p.note&&($=`
+            <div class="hw-step-note flex gap-2">
+              <svg class="hw-note-icon text-blue-500" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="color: #3b82f6;"><circle cx="12" cy="12" r="10"/><line x1="12" y1="16" x2="12" y2="12"/><line x1="12" y1="8" x2="12.01" y2="8"/></svg>
+              <p class="hw-note-desc">${p.note}</p>
+            </div>
+          `);let H="";p.importantNote&&(H=`
+            <div class="hw-step-important flex gap-2">
+              <svg class="hw-important-icon text-amber-500" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="color: #f59e0b;"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>
+              <div>
+                <p class="hw-important-title">Important Note</p>
+                <p class="hw-important-desc">${p.importantNote}</p>
+              </div>
+            </div>
+          `),i+=`
+          <div class="hw-faq-item ${A}">
+            <div class="hw-faq-header">
+              <div class="hw-step-header-left">
+                <span class="hw-step-number">${y}</span>
+                <span class="hw-step-title">${p.title}</span>
+              </div>
+              <span class="hw-faq-icon">\u25BC</span>
+            </div>
+            <div class="hw-faq-content" ${E}>
+              <div class="hw-faq-inner">
+                <p class="hw-step-desc">${p.description}</p>
+                ${L}
+                ${$}
+                ${H}
+              </div>
+            </div>
+          </div>
+        `})}),s.innerHTML=i}};typeof window<"u"&&!customElements.get("help-sidebar-widget")&&customElements.define("help-sidebar-widget",pe)});var Zt={};Je(Zt,{HelpSidebarWidget:()=>Xt,HelpSidebarWidgetElement:()=>pe});var K=Se(Me()),vt=Se(He());function Xt({baseUrl:t,embedKey:o,theme:n="auto",buttonStyle:s="navbar",userName:i="",userEmail:c="",guideUrl:d="",userRole:m="",customFields:f}){let[h,R]=(0,K.useState)(!1),p=(0,K.useRef)(null);return(0,K.useEffect)(()=>{Promise.resolve().then(()=>(Ne(),bt)).then(()=>{R(!0)})},[]),(0,K.useEffect)(()=>{p.current&&f&&(p.current.customFields=f)},[h,f]),h?(0,vt.jsx)("help-sidebar-widget",{ref:p,"base-url":t,"embed-key":o,theme:n,"button-style":s,"user-name":i,"user-email":c,"guide-url":d,"user-role":m,"custom-fields":f&&f.length>0?JSON.stringify(f):void 0}):null}Ne();return Lt(Zt);})();
+/*! Bundled license information:
+
+react/cjs/react.production.js:
+  (**
+   * @license React
+   * react.production.js
+   *
+   * Copyright (c) Meta Platforms, Inc. and affiliates.
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   *)
+
+react/cjs/react.development.js:
+  (**
+   * @license React
+   * react.development.js
+   *
+   * Copyright (c) Meta Platforms, Inc. and affiliates.
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   *)
+
+react/cjs/react-jsx-runtime.production.js:
+  (**
+   * @license React
+   * react-jsx-runtime.production.js
+   *
+   * Copyright (c) Meta Platforms, Inc. and affiliates.
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   *)
+
+react/cjs/react-jsx-runtime.development.js:
+  (**
+   * @license React
+   * react-jsx-runtime.development.js
+   *
+   * Copyright (c) Meta Platforms, Inc. and affiliates.
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   *)
+*/
+//# sourceMappingURL=index.global.js.map