@opencx/widget-react 5.3.0 → 5.4.1

package/dist/index-D-LXlHO4.cjs

@@ -0,0 +1,390 @@
+"use strict";var Ai=Object.defineProperty;var zi=(e,t,n)=>t in e?Ai(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;var co=(e,t,n)=>zi(e,typeof t!="symbol"?t+"":t,n);const r=require("react/jsx-runtime"),Ii=require("@radix-ui/react-popover"),B=require("framer-motion"),u=require("react"),k=require("@opencx/widget-react-headless"),y=require("zod"),Q=require("@opencx/widget-core"),z=require("lucide-react"),Mi=require("clsx"),Ri=require("tailwind-merge"),Pi=require("@radix-ui/react-slot"),js=require("class-variance-authority"),Cs=require("remark-gfm"),Oi=require("react-markdown"),Bn=require("rehype-raw"),Ne=require("rehype-sanitize"),$i=require("@radix-ui/react-avatar"),Ss=require("@uiw/react-iframe"),lo=require("tinycolor2"),Li=require("@radix-ui/react-tooltip"),Ht=require("react-dom"),Di=require("@radix-ui/react-menu"),Fi=require("html-to-image"),Wi=require("react-dropzone"),Ns=require("@shardsui/notation"),Hi=require("react-use/lib/useAsyncFn");function Bt(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const Xe=Bt(Ii),Je=Bt(u),_t=Bt($i),_e=Bt(Li),Ce=Bt(Di);var _s=y.z.union([y.z.string(),y.z.number(),y.z.boolean(),y.z.null(),y.z.object({$state:y.z.string()})]);y.z.union([y.z.string(),y.z.object({$state:y.z.string()})]);y.z.union([y.z.number(),y.z.object({$state:y.z.string()})]);y.z.union([y.z.boolean(),y.z.object({$state:y.z.string()})]);function Es(e,t){if(e!=null)return typeof e=="object"&&"$state"in e?se(t,e.$state):e}function Bi(e){return e.replace(/~1/g,"/").replace(/~0/g,"~")}function Ut(e){return(e.startsWith("/")?e.slice(1).split("/"):e.split("/")).map(Bi)}function se(e,t){if(!t||t==="/")return e;const n=Ut(t);let o=e;for(const s of n){if(o==null)return;if(Array.isArray(o)){const a=parseInt(s,10);o=o[a]}else if(typeof o=="object")o=o[s];else return}return o}function Ts(e){return/^\d+$/.test(e)}function Ui(e,t,n){const o=Ut(t);if(o.length===0)return;let s=e;for(let i=0;i<o.length-1;i++){const c=o[i],d=o[i+1],l=d!==void 0&&(Ts(d)||d==="-");if(Array.isArray(s)){const p=parseInt(c,10);(s[p]===void 0||typeof s[p]!="object")&&(s[p]=l?[]:{}),s=s[p]}else(!(c in s)||typeof s[c]!="object")&&(s[c]=l?[]:{}),s=s[c]}const a=o[o.length-1];if(Array.isArray(s))if(a==="-")s.push(n);else{const i=parseInt(a,10);s[i]=n}else s[a]=n}function An(e,t,n){const o=Ut(t);if(o.length===0)return;let s=e;for(let i=0;i<o.length-1;i++){const c=o[i],d=o[i+1],l=d!==void 0&&(Ts(d)||d==="-");if(Array.isArray(s)){const p=parseInt(c,10);(s[p]===void 0||typeof s[p]!="object")&&(s[p]=l?[]:{}),s=s[p]}else(!(c in s)||typeof s[c]!="object")&&(s[c]=l?[]:{}),s=s[c]}const a=o[o.length-1];if(Array.isArray(s))if(a==="-")s.push(n);else{const i=parseInt(a,10);s.splice(i,0,n)}else s[a]=n}function uo(e,t){const n=Ut(t);if(n.length===0)return;let o=e;for(let a=0;a<n.length-1;a++){const i=n[a];if(Array.isArray(o)){const c=parseInt(i,10);if(o[c]===void 0||typeof o[c]!="object")return;o=o[c]}else{if(!(i in o)||typeof o[i]!="object")return;o=o[i]}}const s=n[n.length-1];if(Array.isArray(o)){const a=parseInt(s,10);a>=0&&a<o.length&&o.splice(a,1)}else delete o[s]}function Un(e,t){if(e===t)return!0;if(e===null||t===null||typeof e!=typeof t||typeof e!="object")return!1;if(Array.isArray(e))return!Array.isArray(t)||e.length!==t.length?!1:e.every((i,c)=>Un(i,t[c]));const n=e,o=t,s=Object.keys(n),a=Object.keys(o);return s.length!==a.length?!1:s.every(i=>Un(n[i],o[i]))}function qn(e){const t=e.trim();if(!t||!t.startsWith("{"))return null;try{const n=JSON.parse(t);return n.op&&n.path!==void 0?n:null}catch{return null}}function As(e,t){switch(t.op){case"add":An(e,t.path,t.value);break;case"replace":Ui(e,t.path,t.value);break;case"remove":uo(e,t.path);break;case"move":{if(!t.from)break;const n=se(e,t.from);uo(e,t.from),An(e,t.path,n);break}case"copy":{if(!t.from)break;const n=se(e,t.from);An(e,t.path,n);break}case"test":{const n=se(e,t.path);if(!Un(n,t.value))throw new Error(`Test operation failed: value at "${t.path}" does not match`);break}}return e}function qi(e,t){return As(e,t),e}function Vi(e){const t={};let n=0;function o(i){const c=`el-${n++}`,{type:d,props:l,children:p,...m}=i,h=[];if(Array.isArray(p))for(const v of p)v&&typeof v=="object"&&"type"in v&&h.push(o(v));const f={type:d??"unknown",props:l??{},children:h};for(const[v,g]of Object.entries(m))v!=="state"&&g!==void 0&&(f[v]=g);return t[c]=f,c}const a={root:o(e),elements:t};return e.state&&typeof e.state=="object"&&!Array.isArray(e.state)&&(a.state=e.state),a}function Yi(e,t={}){const n=e.split(`
+`),o={...t};for(const s of n){const a=qn(s);a&&As(o,a)}return o}var Xi="spec",Gi=`data-${Xi}`;function po(e,t,n){const o=Ut(t);if(o.length===0)return e;const s={...e};let a=s;for(let c=0;c<o.length-1;c++){const d=o[c],l=a[d];if(Array.isArray(l))a[d]=[...l];else if(l!==null&&typeof l=="object")a[d]={...l};else{const p=o[c+1];a[d]=p!==void 0&&/^\d+$/.test(p)?[]:{}}a=a[d]}const i=o[o.length-1];return Array.isArray(a)?i==="-"?a.push(n):a[parseInt(i,10)]=n:a[i]=n,s}function Ki(e={}){let t={...e};const n=new Set;function o(){for(const s of n)s()}return{get(s){return se(t,s)},set(s,a){se(t,s)!==a&&(t=po(t,s,a),o())},update(s){let a=!1,i=t;for(const[c,d]of Object.entries(s))se(i,c)!==d&&(i=po(i,c,d),a=!0);a&&(t=i,o())},getSnapshot(){return t},getServerSnapshot(){return t},subscribe(s){return n.add(s),()=>{n.delete(s)}}}}var zn=20;function wr(e,t="",n=0,o,s){const a=o??new Set,i=s??{current:!1},c={};for(const[d,l]of Object.entries(e)){const p=`${t}/${d}`;n<zn&&l!==null&&typeof l=="object"&&!Array.isArray(l)&&Object.getPrototypeOf(l)===Object.prototype&&!a.has(l)?(a.add(l),Object.assign(c,wr(l,p,n+1,a,i))):(process.env.NODE_ENV!=="production"&&!i.current&&n>=zn&&l!==null&&typeof l=="object"&&!Array.isArray(l)&&Object.getPrototypeOf(l)===Object.prototype&&!a.has(l)&&(i.current=!0,console.warn(`flattenToPointers: depth limit (${zn}) reached. Nested state beyond this depth will be treated as a leaf value.`)),c[p]=l)}return c}var Jt=y.z.union([y.z.number(),y.z.object({$state:y.z.string()})]),yr={eq:y.z.unknown().optional(),neq:y.z.unknown().optional(),gt:Jt.optional(),gte:Jt.optional(),lt:Jt.optional(),lte:Jt.optional(),not:y.z.literal(!0).optional()},Zi=y.z.object({$state:y.z.string(),...yr}),Ji=y.z.object({$item:y.z.string(),...yr}),Qi=y.z.object({$index:y.z.literal(!0),...yr}),mo=y.z.union([Zi,Ji,Qi]),Vn=y.z.lazy(()=>y.z.union([y.z.boolean(),mo,y.z.array(mo),y.z.object({$and:y.z.array(Vn)}),y.z.object({$or:y.z.array(Vn)})]));function xt(e,t){return typeof e=="object"&&e!==null&&"$state"in e&&typeof e.$state=="string"?se(t.stateModel,e.$state):e}function ec(e){return"$item"in e}function tc(e){return"$index"in e}function nc(e,t){return tc(e)?t.repeatIndex:ec(e)?t.repeatItem===void 0?void 0:e.$item===""?t.repeatItem:se(t.repeatItem,e.$item):se(t.stateModel,e.$state)}function ho(e,t){const n=nc(e,t);let o;if(e.eq!==void 0){const s=xt(e.eq,t);o=n===s}else if(e.neq!==void 0){const s=xt(e.neq,t);o=n!==s}else if(e.gt!==void 0){const s=xt(e.gt,t);o=typeof n=="number"&&typeof s=="number"?n>s:!1}else if(e.gte!==void 0){const s=xt(e.gte,t);o=typeof n=="number"&&typeof s=="number"?n>=s:!1}else if(e.lt!==void 0){const s=xt(e.lt,t);o=typeof n=="number"&&typeof s=="number"?n<s:!1}else if(e.lte!==void 0){const s=xt(e.lte,t);o=typeof n=="number"&&typeof s=="number"?n<=s:!1}else o=!!n;return e.not===!0?!o:o}function rc(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)&&"$and"in e}function oc(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)&&"$or"in e}function kt(e,t){return e===void 0?!0:typeof e=="boolean"?e:Array.isArray(e)?e.every(n=>ho(n,t)):rc(e)?e.$and.every(n=>kt(n,t)):oc(e)?e.$or.some(n=>kt(n,t)):ho(e,t)}function sc(e){const t=new Map;for(const n of e)t.set(n.name,n);return t}function ac(e,t){if(!t||t.size===0)return;let n;for(const[o,s]of t)if(o in e){if(n)throw new Error(`Ambiguous directive: object has multiple directive keys ("${n.name}" and "${o}")`);n=s}return n}function ic(e){return typeof e=="object"&&e!==null&&"$state"in e&&typeof e.$state=="string"}function zs(e){return typeof e=="object"&&e!==null&&"$item"in e&&typeof e.$item=="string"}function Is(e){return typeof e=="object"&&e!==null&&"$index"in e&&e.$index===!0}function Ms(e){return typeof e=="object"&&e!==null&&"$bindState"in e&&typeof e.$bindState=="string"}function Rs(e){return typeof e=="object"&&e!==null&&"$bindItem"in e&&typeof e.$bindItem=="string"}function cc(e){return typeof e=="object"&&e!==null&&"$cond"in e&&"$then"in e&&"$else"in e}function lc(e){return typeof e=="object"&&e!==null&&"$computed"in e&&typeof e.$computed=="string"}function dc(e){return typeof e=="object"&&e!==null&&"$template"in e&&typeof e.$template=="string"}var uc=100,In=new Set;function vr(e,t){if(t.repeatBasePath==null){console.warn(`$bindItem used outside repeat scope: "${e}"`);return}return e===""?t.repeatBasePath:t.repeatBasePath+"/"+e}function it(e,t){var n;if(e==null)return e;if(ic(e))return se(t.stateModel,e.$state);if(zs(e))return t.repeatItem===void 0?void 0:e.$item===""?t.repeatItem:se(t.repeatItem,e.$item);if(Is(e))return t.repeatIndex;if(Ms(e))return se(t.stateModel,e.$bindState);if(Rs(e)){const o=vr(e.$bindItem,t);return o===void 0?void 0:se(t.stateModel,o)}if(cc(e)){const o=kt(e.$cond,t);return it(o?e.$then:e.$else,t)}if(lc(e)){const o=(n=t.functions)==null?void 0:n[e.$computed];if(!o){In.has(e.$computed)||(In.size<uc&&In.add(e.$computed),console.warn(`Unknown $computed function: "${e.$computed}"`));return}const s={};if(e.args)for(const[a,i]of Object.entries(e.args))s[a]=it(i,t);return o(s)}if(dc(e))return e.$template.replace(/\$\{([^}]+)\}/g,(o,s)=>{if(s.startsWith("/")){const i=se(t.stateModel,s);return i!=null?String(i):""}if(t.repeatItem!==void 0){const i=se(t.repeatItem,s);if(i!=null)return String(i)}const a=se(t.stateModel,"/"+s);return a!=null?String(a):""});if(Array.isArray(e))return e.map(o=>it(o,t));if(typeof e=="object"){const o=ac(e,t.directives);if(o)return o.resolve(e,t);const s={};for(const[a,i]of Object.entries(e))s[a]=it(i,t);return s}return e}function pc(e,t){const n={};for(const[o,s]of Object.entries(e))n[o]=it(s,t);return n}function mc(e,t){let n;for(const[o,s]of Object.entries(e))if(Ms(s))n||(n={}),n[o]=s.$bindState;else if(Rs(s)){const a=vr(s.$bindItem,t);a!==void 0&&(n||(n={}),n[o]=a)}return n}function fo(e,t){return zs(e)?vr(e.$item,t):Is(e)?t.repeatIndex:it(e,t)}var Ps=new Set;function hc(e){for(const t of Ps){const n=t.onDispatch;if(n)try{n(e)}catch(o){process.env.NODE_ENV!=="production"&&console.error("[json-render] action observer threw in onDispatch:",o)}}}function fc(e){for(const t of Ps){const n=t.onSettle;if(n)try{n(e)}catch(o){process.env.NODE_ENV!=="production"&&console.error("[json-render] action observer threw in onSettle:",o)}}}var go=0;function gc(){return go+=1,`${Date.now()}-${go}`}var xc=0,xo=new Set;function bc(){return xc>0}function wc(e){return xo.add(e),()=>{xo.delete(e)}}var yc=y.z.object({title:y.z.string(),message:y.z.string(),confirmLabel:y.z.string().optional(),cancelLabel:y.z.string().optional(),variant:y.z.enum(["default","danger"]).optional()}),vc=y.z.union([y.z.object({navigate:y.z.string()}),y.z.object({set:y.z.record(y.z.string(),y.z.unknown())}),y.z.object({action:y.z.string()})]),kc=y.z.union([y.z.object({set:y.z.record(y.z.string(),y.z.unknown())}),y.z.object({action:y.z.string()})]);y.z.object({action:y.z.string(),params:y.z.record(y.z.string(),_s).optional(),confirm:yc.optional(),onSuccess:vc.optional(),onError:kc.optional(),preventDefault:y.z.boolean().optional()});function jc(e,t){const n={};if(e.params)for(const[s,a]of Object.entries(e.params))n[s]=Es(a,t);let o=e.confirm;return o&&(o={...o,message:bo(o.message,t),title:bo(o.title,t)}),{action:e.action,params:n,confirm:o,onSuccess:e.onSuccess,onError:e.onError}}function bo(e,t){return e.replace(/\$\{([^}]+)\}/g,(n,o)=>{const s=Es({$state:o},t);return String(s??"")})}async function wo(e){const{action:t,handler:n,setState:o,navigate:s,executeAction:a}=e;try{if(await n(t.params),t.onSuccess)if("navigate"in t.onSuccess&&s)s(t.onSuccess.navigate);else if("set"in t.onSuccess)for(const[i,c]of Object.entries(t.onSuccess.set))o(i,c);else"action"in t.onSuccess&&a&&await a(t.onSuccess.action)}catch(i){if(t.onError)if("set"in t.onError)for(const[c,d]of Object.entries(t.onError.set)){const l=typeof d=="string"&&d==="$error.message"?i.message:d;o(c,l)}else"action"in t.onError&&a&&await a(t.onError.action);else throw i}}var Cc=y.z.object({type:y.z.string(),args:y.z.record(y.z.string(),_s).optional(),message:y.z.string()});y.z.object({checks:y.z.array(Cc).optional(),validateOn:y.z.enum(["change","blur","submit"]).optional(),enabled:Vn.optional()});var yo=(e,t)=>{const n=t==null?void 0:t.other;return e===n},Sc={required:e=>e==null?!1:typeof e=="string"?e.trim().length>0:Array.isArray(e)?e.length>0:!0,email:e=>typeof e!="string"?!1:/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e),minLength:(e,t)=>{if(typeof e!="string")return!1;const n=t==null?void 0:t.min;return typeof n!="number"?!1:e.length>=n},maxLength:(e,t)=>{if(typeof e!="string")return!1;const n=t==null?void 0:t.max;return typeof n!="number"?!1:e.length<=n},pattern:(e,t)=>{if(typeof e!="string")return!1;const n=t==null?void 0:t.pattern;if(typeof n!="string")return!1;try{return new RegExp(n).test(e)}catch{return!1}},min:(e,t)=>{if(typeof e!="number")return!1;const n=t==null?void 0:t.min;return typeof n!="number"?!1:e>=n},max:(e,t)=>{if(typeof e!="number")return!1;const n=t==null?void 0:t.max;return typeof n!="number"?!1:e<=n},numeric:e=>typeof e=="number"?!isNaN(e):typeof e=="string"?!isNaN(parseFloat(e)):!1,url:e=>{if(typeof e!="string")return!1;try{return new URL(e),!0}catch{return!1}},matches:yo,equalTo:yo,lessThan:(e,t)=>{const n=t==null?void 0:t.other;if(e==null||n==null||e===""||n==="")return!1;if(typeof e=="number"&&typeof n=="number"||typeof e=="string"&&typeof n=="string")return e<n;const o=Number(e),s=Number(n);return!isNaN(o)&&!isNaN(s)?o<s:!1},greaterThan:(e,t)=>{const n=t==null?void 0:t.other;if(e==null||n==null||e===""||n==="")return!1;if(typeof e=="number"&&typeof n=="number"||typeof e=="string"&&typeof n=="string")return e>n;const o=Number(e),s=Number(n);return!isNaN(o)&&!isNaN(s)?o>s:!1},requiredIf:(e,t)=>(t==null?void 0:t.field)?e==null?!1:typeof e=="string"?e.trim().length>0:Array.isArray(e)?e.length>0:!0:!0};function Nc(e,t){const{value:n,stateModel:o,customFunctions:s}=t,a={};if(e.args)for(const[d,l]of Object.entries(e.args))a[d]=it(l,{stateModel:o});const i=Sc[e.type]??(s==null?void 0:s[e.type]);if(!i)return console.warn(`Unknown validation function: ${e.type}`),{type:e.type,valid:!0,message:e.message};const c=i(n,a);return{type:e.type,valid:c,message:e.message}}function _c(e,t){const n=[],o=[];if(e.enabled&&!kt(e.enabled,{stateModel:t.stateModel}))return{valid:!0,errors:[],checks:[]};if(e.checks)for(const s of e.checks){const a=Nc(s,t);n.push(a),a.valid||o.push(a.message)}return{valid:o.length===0,errors:o,checks:n}}var Ec=["patch"];function Tc(e){var t;return(t=e==null?void 0:e.modes)!=null&&t.length?e.modes:Ec}function Ac(){return["PATCH MODE (RFC 6902 JSON Patch):","Output one JSON object per line. Each line is a patch operation.",'- Add: {"op":"add","path":"/elements/new-key","value":{...}}','- Replace: {"op":"replace","path":"/elements/existing-key","value":{...}}','- Remove: {"op":"remove","path":"/elements/old-key"}',"Only output patches for what needs to change."].join(`
+`)}function zc(){return["MERGE MODE (RFC 7396 JSON Merge Patch):","Output a single JSON object on one line with __json_edit set to true.","Include only the keys that changed. Unmentioned keys are preserved.","Set a key to null to delete it.","","Example (update a title and add an element):",'{"__json_edit":true,"elements":{"main":{"props":{"title":"New Title"}},"new-el":{"type":"Card","props":{},"children":[]}}}',"","Example (delete an element):",'{"__json_edit":true,"elements":{"old-widget":null}}'].join(`
+`)}function Ic(){return["DIFF MODE (unified diff):","Output a unified diff inside a ```diff code fence.","The diff applies against the JSON-serialized current spec.","","Example:","```diff","--- a/spec.json","+++ b/spec.json","@@ -3,1 +3,1 @@",'-      "title": "Login"','+      "title": "Welcome Back"',"```"].join(`
+`)}function Mc(e){if(e.length===1)return"";const t=["Choose the best edit strategy for the requested change:"];return e.includes("patch")&&t.push("- PATCH: best for precise, targeted single-field updates"),e.includes("merge")&&t.push("- MERGE: best for structural changes (add/remove elements, reparent children, update multiple props at once)"),e.includes("diff")&&t.push("- DIFF: best for small text-level changes when you can see the exact lines to change"),t.join(`
+`)}function Rc(e,t){const n=Tc(e),o=[];o.push("EDITING EXISTING SPECS:"),o.push("");const s=Mc(n);s&&(o.push(s),o.push(""));for(const a of n){switch(a){case"patch":o.push(Ac());break;case"merge":o.push(zc());break;case"diff":o.push(Ic());break}o.push("")}return o.join(`
+`)}function Os(e){if(!e||typeof e!="object")return!1;const t=e;return typeof t.root=="string"&&typeof t.elements=="object"&&t.elements!==null&&Object.keys(t.elements).length>0}function Pc(){return{string:()=>({kind:"string"}),number:()=>({kind:"number"}),boolean:()=>({kind:"boolean"}),array:e=>({kind:"array",inner:e}),object:e=>({kind:"object",inner:e}),record:e=>({kind:"record",inner:e}),any:()=>({kind:"any"}),zod:()=>({kind:"zod"}),ref:e=>({kind:"ref",inner:e}),propsOf:e=>({kind:"propsOf",inner:e}),map:e=>({kind:"map",inner:e}),optional:()=>({optional:!0})}}function Oc(e,t){const n=Pc();return{definition:e(n),promptTemplate:t==null?void 0:t.promptTemplate,defaultRules:t==null?void 0:t.defaultRules,builtInActions:t==null?void 0:t.builtInActions,createCatalog(s){return $c(this,s)}}}function $c(e,t){const n=t.components,o=t.actions,s=n?Object.keys(n):[],a=o?Object.keys(o):[],i=Lc(e.definition,t);return{schema:e,data:t,componentNames:s,actionNames:a,prompt(c={}){return Wc(this,c)},jsonSchema(c={}){return Ve(i,c.strict??!1)},validate(c){const d=i.safeParse(c);return d.success?{success:!0,data:d.data}:{success:!1,error:d.error}},zodSchema(){return i},get _specType(){throw new Error("_specType is only for type inference")}}}function Lc(e,t){return on(e.spec,t)}function on(e,t){switch(e.kind){case"string":return y.z.string();case"number":return y.z.number();case"boolean":return y.z.boolean();case"any":return y.z.any();case"array":{const n=on(e.inner,t);return y.z.array(n)}case"object":{const n=e.inner,o={};for(const[s,a]of Object.entries(n)){let i=on(a,t);a.optional&&(i=i.optional()),o[s]=i}return y.z.object(o)}case"record":{const n=on(e.inner,t);return y.z.record(y.z.string(),n)}case"ref":{const n=e.inner,o=Dc(n,t);return o.length===0?y.z.string():o.length===1?y.z.literal(o[0]):y.z.enum(o)}case"propsOf":{const n=e.inner,o=Fc(n,t);return o.length===0?y.z.record(y.z.string(),y.z.unknown()):o.length===1?o[0]:y.z.record(y.z.string(),y.z.unknown())}default:return y.z.unknown()}}function Dc(e,t){const n=e.split(".");let o={catalog:t};for(const s of n)if(o&&typeof o=="object")o=o[s];else return[];return o&&typeof o=="object"?Object.keys(o):[]}function Fc(e,t){const n=e.split(".");let o={catalog:t};for(const s of n)if(o&&typeof o=="object")o=o[s];else return[];return o&&typeof o=="object"?Object.values(o).map(s=>s.props).filter(s=>s!==void 0):[]}function Wc(e,t){if(e.schema.promptTemplate){const E={catalog:e.data,componentNames:e.componentNames,actionNames:e.actionNames,options:t,formatZodType:Se};return e.schema.promptTemplate(E)}const{system:n="You are a UI generator that outputs JSON.",customRules:o=[],mode:s="standalone"}=t,a=s==="chat"?(console.warn('[json-render] mode "chat" is deprecated, use "inline" instead'),"inline"):s==="generate"?(console.warn('[json-render] mode "generate" is deprecated, use "standalone" instead'),"standalone"):s,i=[];i.push(n),i.push(""),a==="inline"?(i.push("OUTPUT FORMAT (text + JSONL, RFC 6902 JSON Patch):"),i.push("You respond conversationally. When generating UI, first write a brief explanation (1-3 sentences), then output JSONL patch lines wrapped in a ```spec code fence."),i.push("The JSONL lines use RFC 6902 JSON Patch operations to build a UI tree. Always wrap them in a ```spec fence block:"),i.push("  ```spec"),i.push('  {"op":"add","path":"/root","value":"main"}'),i.push('  {"op":"add","path":"/elements/main","value":{"type":"Card","props":{"title":"Hello"},"children":[]}}'),i.push("  ```"),i.push("If the user's message does not require a UI (e.g. a greeting or clarifying question), respond with text only — no JSONL.")):(i.push("OUTPUT FORMAT (JSONL, RFC 6902 JSON Patch):"),i.push("Output JSONL (one JSON object per line) using RFC 6902 JSON Patch operations to build a UI tree.")),i.push("Each line is a JSON patch operation (add, remove, replace). Start with /root, then stream /elements and /state patches interleaved so the UI fills in progressively as it streams."),i.push(""),i.push("Example output (each line is a separate JSON object):"),i.push("");const c=e.data.components,d=e.componentNames,l=d[0]||"Component",p=d.length>1?d[1]:l,m=c==null?void 0:c[l],h=c==null?void 0:c[p],f=m?vo(m):{},v=h?vo(h):{},g=h!=null&&h.props?Hc(h.props):null,j=g?{...v,[g]:{$item:"title"}}:v,x=[JSON.stringify({op:"add",path:"/root",value:"main"}),JSON.stringify({op:"add",path:"/elements/main",value:{type:l,props:f,children:["child-1","list"]}}),JSON.stringify({op:"add",path:"/elements/child-1",value:{type:p,props:v,children:[]}}),JSON.stringify({op:"add",path:"/elements/list",value:{type:l,props:f,repeat:{statePath:"/items",key:"id"},children:["item"]}}),JSON.stringify({op:"add",path:"/elements/item",value:{type:p,props:j,children:[]}}),JSON.stringify({op:"add",path:"/state/items",value:[]}),JSON.stringify({op:"add",path:"/state/items/0",value:{id:"1",title:"First Item"}}),JSON.stringify({op:"add",path:"/state/items/1",value:{id:"2",title:"Second Item"}})].join(`
+`);i.push(`${x}
+
+Note: state patches appear right after the elements that use them, so the UI fills in as it streams. ONLY use component types from the AVAILABLE COMPONENTS list below.`),i.push(""),i.push("INITIAL STATE:"),i.push("Specs include a /state field to seed the state model. Components with { $bindState } or { $bindItem } read from and write to this state, and $state expressions read from it."),i.push("CRITICAL: You MUST include state patches whenever your UI displays data via $state, $bindState, $bindItem, $item, or $index expressions, or uses repeat to iterate over arrays. Without state, these references resolve to nothing and repeat lists render zero items."),i.push("Output state patches right after the elements that reference them, so the UI fills in progressively as it streams."),i.push("Stream state progressively - output one patch per array item instead of one giant blob:"),i.push('  For arrays: {"op":"add","path":"/state/posts/0","value":{"id":"1","title":"First Post",...}} then /state/posts/1, /state/posts/2, etc.'),i.push('  For scalars: {"op":"add","path":"/state/newTodoText","value":""}'),i.push('  Initialize the array first if needed: {"op":"add","path":"/state/posts","value":[]}'),i.push('When content comes from the state model, use { "$state": "/some/path" } dynamic props to display it instead of hardcoding the same value in both state and props. The state model is the single source of truth.'),i.push("Include realistic sample data in state. For blogs: 3-4 posts with titles, excerpts, authors, dates. For product lists: 3-5 items with names, prices, descriptions. Never leave arrays empty."),i.push(""),i.push("DYNAMIC LISTS (repeat field):"),i.push('Any element can have a top-level "repeat" field to render its children once per item in a state array: { "repeat": { "statePath": "/arrayPath", "key": "id" } }.'),i.push('The element itself renders once (as the container), and its children are expanded once per array item. "statePath" is the state array path. "key" is an optional field name on each item for stable React keys.'),i.push(`Example: ${JSON.stringify({type:l,props:f,repeat:{statePath:"/todos",key:"id"},children:["todo-item"]})}`),i.push('Inside children of a repeated element, use { "$item": "field" } to read a field from the current item, and { "$index": true } to get the current array index. For two-way binding to an item field use { "$bindItem": "completed" } on the appropriate prop.'),i.push("ALWAYS use the repeat field for lists backed by state arrays. NEVER hardcode individual elements for each array item."),i.push('IMPORTANT: "repeat" is a top-level field on the element (sibling of type/props/children), NOT inside props.'),i.push(""),i.push("ARRAY STATE ACTIONS:"),i.push('Use action "pushState" to append items to arrays. Params: { statePath: "/arrayPath", value: { ...item }, clearStatePath: "/inputPath" }.'),i.push('Values inside pushState can contain { "$state": "/statePath" } references to read current state (e.g. the text from an input field).'),i.push('Use "$id" inside a pushState value to auto-generate a unique ID.'),i.push('Example: on: { "press": { "action": "pushState", "params": { "statePath": "/todos", "value": { "id": "$id", "title": { "$state": "/newTodoText" }, "completed": false }, "clearStatePath": "/newTodoText" } } }'),i.push(`Use action "removeState" to remove items from arrays by index. Params: { statePath: "/arrayPath", index: N }. Inside a repeated element's children, use { "$index": true } for the current item index. Action params support the same expressions as props: { "$item": "field" } resolves to the absolute state path, { "$index": true } resolves to the index number, and { "$state": "/path" } reads a value from state.`),i.push("For lists where users can add/remove items (todos, carts, etc.), use pushState and removeState instead of hardcoding with setState."),i.push(""),i.push('IMPORTANT: State paths use RFC 6901 JSON Pointer syntax (e.g. "/todos/0/title"). Do NOT use JavaScript-style dot notation (e.g. "/todos.length" is WRONG). To generate unique IDs for new items, use "$id" instead of trying to read array length.'),i.push("");const N=c;if(N){i.push(`AVAILABLE COMPONENTS (${e.componentNames.length}):`),i.push("");for(const[E,M]of Object.entries(N)){const W=M.props?Se(M.props):"{}",q=M.slots&&M.slots.length>0?" [accepts children]":"",V=M.events&&M.events.length>0?` [events: ${M.events.join(", ")}]`:"",U=M.description?` - ${M.description}`:"";i.push(`- ${E}: ${W}${U}${q}${V}`)}i.push("")}const w=e.data.actions,_=e.schema.builtInActions??[],S=w&&e.actionNames.length>0,b=_.length>0;if(S||b){i.push("AVAILABLE ACTIONS:"),i.push("");for(const E of _)i.push(`- ${E.name}: ${E.description} [built-in]`);if(S)for(const[E,M]of Object.entries(w))i.push(`- ${E}${M.description?`: ${M.description}`:""}`);i.push("")}i.push("EVENTS (the `on` field):"),i.push("Elements can have an optional `on` field to bind events to actions. The `on` field is a top-level field on the element (sibling of type/props/children), NOT inside props."),i.push('Each key in `on` is an event name (from the component\'s supported events), and the value is an action binding: `{ "action": "<actionName>", "params": { ... } }`.'),i.push(""),i.push("Example:"),i.push(`  ${JSON.stringify({type:l,props:f,on:{press:{action:"setState",params:{statePath:"/saved",value:!0}}},children:[]})}`),i.push(""),i.push('Action params can use dynamic references to read from state: { "$state": "/statePath" }.'),i.push("IMPORTANT: Do NOT put action/actionParams inside props. Always use the `on` field for event bindings."),i.push(""),i.push("VISIBILITY CONDITIONS:"),i.push("Elements can have an optional `visible` field to conditionally show/hide based on state. IMPORTANT: `visible` is a top-level field on the element object (sibling of type/props/children), NOT inside props."),i.push(`Correct: ${JSON.stringify({type:l,props:f,visible:{$state:"/activeTab",eq:"home"},children:["..."]})}`),i.push('- `{ "$state": "/path" }` - visible when state at path is truthy'),i.push('- `{ "$state": "/path", "not": true }` - visible when state at path is falsy'),i.push('- `{ "$state": "/path", "eq": "value" }` - visible when state equals value'),i.push('- `{ "$state": "/path", "neq": "value" }` - visible when state does not equal value'),i.push('- `{ "$state": "/path", "gt": N }` / `gte` / `lt` / `lte` - numeric comparisons'),i.push("- Use ONE operator per condition (eq, neq, gt, gte, lt, lte). Do not combine multiple operators."),i.push('- Any condition can add `"not": true` to invert its result'),i.push("- `[condition, condition]` - all conditions must be true (implicit AND)"),i.push('- `{ "$and": [condition, condition] }` - explicit AND (use when nesting inside $or)'),i.push('- `{ "$or": [condition, condition] }` - at least one must be true (OR)'),i.push("- `true` / `false` - always visible/hidden"),i.push(""),i.push("Use a component with on.press bound to setState to update state and drive visibility."),i.push(`Example: A ${l} with on: { "press": { "action": "setState", "params": { "statePath": "/activeTab", "value": "home" } } } sets state, then a container with visible: { "$state": "/activeTab", "eq": "home" } shows only when that tab is active.`),i.push(""),i.push('For tab patterns where the first/default tab should be visible when no tab is selected yet, use $or to handle both cases: visible: { "$or": [{ "$state": "/activeTab", "eq": "home" }, { "$state": "/activeTab", "not": true }] }. This ensures the first tab is visible both when explicitly selected AND when /activeTab is not yet set.'),i.push(""),i.push("DYNAMIC PROPS:"),i.push("Any prop value can be a dynamic expression that resolves based on state. Three forms are supported:"),i.push(""),i.push('1. Read-only state: `{ "$state": "/statePath" }` - resolves to the value at that state path (one-way read).'),i.push('   Example: `"color": { "$state": "/theme/primary" }` reads the color from state.'),i.push(""),i.push('2. Two-way binding: `{ "$bindState": "/statePath" }` - resolves to the value at the state path AND enables write-back. Use on form input props (value, checked, pressed, etc.).'),i.push('   Example: `"value": { "$bindState": "/form/email" }` binds the input value to /form/email.'),i.push('   Inside repeat scopes: `"checked": { "$bindItem": "completed" }` binds to the current item\'s completed field.'),i.push(""),i.push('3. Conditional: `{ "$cond": <condition>, "$then": <value>, "$else": <value> }` - evaluates the condition (same syntax as visibility conditions) and picks the matching value.'),i.push('   Example: `"color": { "$cond": { "$state": "/activeTab", "eq": "home" }, "$then": "#007AFF", "$else": "#8E8E93" }`'),i.push(""),i.push("Use $bindState for form inputs (text fields, checkboxes, selects, sliders, etc.) and $state for read-only data display. Inside repeat scopes, use $bindItem for form inputs bound to the current item. Use dynamic props instead of duplicating elements with opposing visible conditions when only prop values differ."),i.push(""),i.push('4. Template: `{ "$template": "Hello, ${/name}!" }` - interpolates references in the string. Absolute paths like `${/path}` resolve against the state model. Bare names like `${field}` resolve against the current repeat item first, then fall back to the state model at `/<field>`.'),i.push('   Example: `"label": { "$template": "Items: ${/cart/count} | Total: ${/cart/total}" }` renders "Items: 3 | Total: 42.00" when /cart/count is 3 and /cart/total is 42.00. Inside a repeat, `{ "$template": "${name} - ${email}" }` reads name and email from each item.'),i.push("");const C=e.data.functions;if(C&&Object.keys(C).length>0){i.push('5. Computed: `{ "$computed": "<functionName>", "args": { "key": <expression> } }` - calls a registered function with resolved args and returns the result.'),i.push('   Example: `"value": { "$computed": "fullName", "args": { "first": { "$state": "/form/firstName" }, "last": { "$state": "/form/lastName" } } }`'),i.push("   Available functions:");for(const E of Object.keys(C))i.push(`   - ${E}`);i.push("")}const R=t.directives;if(R&&R.length>0){i.push("CUSTOM DYNAMIC VALUES:"),i.push("");for(const E of R){const M=E.description?` (${E.description})`:"";i.push(`- ${E.name}${M}: ${Se(E.schema)}`)}i.push(""),i.push("Directives compose: any value field can contain another directive or a $state expression, resolved inside-out."),i.push("")}(c?Object.entries(c).some(([,E])=>E.props?Se(E.props).includes("checks"):!1):!1)&&(i.push("VALIDATION:"),i.push("Form components that accept a `checks` prop support client-side validation."),i.push('Each check is an object: { "type": "<name>", "message": "...", "args": { ... } }'),i.push(""),i.push("Built-in validation types:"),i.push("  - required — value must be non-empty"),i.push("  - email — valid email format"),i.push('  - minLength — minimum string length (args: { "min": N })'),i.push('  - maxLength — maximum string length (args: { "max": N })'),i.push('  - pattern — match a regex (args: { "pattern": "regex" })'),i.push('  - min — minimum numeric value (args: { "min": N })'),i.push('  - max — maximum numeric value (args: { "max": N })'),i.push("  - numeric — value must be a number"),i.push("  - url — valid URL format"),i.push('  - matches — must equal another field (args: { "other": { "$state": "/path" } })'),i.push('  - equalTo — alias for matches (args: { "other": { "$state": "/path" } })'),i.push('  - lessThan — value must be less than another field (args: { "other": { "$state": "/path" } })'),i.push('  - greaterThan — value must be greater than another field (args: { "other": { "$state": "/path" } })'),i.push('  - requiredIf — required only when another field is truthy (args: { "field": { "$state": "/path" } })'),i.push(""),i.push("Example:"),i.push('  "checks": [{ "type": "required", "message": "Email is required" }, { "type": "email", "message": "Invalid email" }]'),i.push(""),i.push("IMPORTANT: When using checks, the component must also have a { $bindState } or { $bindItem } on its value/checked prop for two-way binding."),i.push("Always include validation checks on form inputs for a good user experience (e.g. required, email, minLength)."),i.push("")),(S||b)&&(i.push("STATE WATCHERS:"),i.push("Elements can have an optional `watch` field to react to state changes and trigger actions. The `watch` field is a top-level field on the element (sibling of type/props/children), NOT inside props."),i.push("Maps state paths (JSON Pointers) to action bindings. When the value at a watched path changes, the bound actions fire automatically."),i.push(""),i.push("Example (cascading select — country changes trigger city loading):"),i.push(`  ${JSON.stringify({type:"Select",props:{value:{$bindState:"/form/country"},options:["US","Canada","UK"]},watch:{"/form/country":{action:"loadCities",params:{country:{$state:"/form/country"}}}},children:[]})}`),i.push(""),i.push("Use `watch` for cascading dependencies where changing one field should trigger side effects (loading data, resetting dependent fields, computing derived values)."),i.push("IMPORTANT: `watch` is a top-level field on the element (sibling of type/props/children), NOT inside props. Watchers only fire when the value changes, not on initial render."),i.push(""));const P=t.editModes;P&&P.length>0&&i.push(Rc({modes:P})),i.push("RULES:");const L=a==="inline"?["When generating UI, wrap all JSONL patches in a ```spec code fence - one JSON object per line inside the fence","Write a brief conversational response before any JSONL output",'First set root: {"op":"add","path":"/root","value":"<root-key>"}','Then add each element: {"op":"add","path":"/elements/<key>","value":{...}}',"Output /state patches right after the elements that use them, one per array item for progressive loading. REQUIRED whenever using $state, $bindState, $bindItem, $item, $index, or repeat.","ONLY use components listed above","Each element value needs: type, props, children (array of child keys)","Use unique keys for the element map entries (e.g., 'header', 'metric-1', 'chart-revenue')"]:["Output ONLY JSONL patches - one JSON object per line, no markdown, no code fences",'First set root: {"op":"add","path":"/root","value":"<root-key>"}','Then add each element: {"op":"add","path":"/elements/<key>","value":{...}}',"Output /state patches right after the elements that use them, one per array item for progressive loading. REQUIRED whenever using $state, $bindState, $bindItem, $item, $index, or repeat.","ONLY use components listed above","Each element value needs: type, props, children (array of child keys)","Use unique keys for the element map entries (e.g., 'header', 'metric-1', 'chart-revenue')"],I=e.schema.defaultRules??[];return[...L,...I,...o].forEach((E,M)=>{i.push(`${M+1}. ${E}`)}),i.join(`
+`)}function vo(e){return e.example&&Object.keys(e.example).length>0?e.example:e.props?$s(e.props):{}}function $s(e){if(!e||!e._def)return{};const t=e._def,n=dt(e);if(n!=="ZodObject"&&n!=="object")return{};const o=typeof t.shape=="function"?t.shape():t.shape;if(!o)return{};const s={};for(const[a,i]of Object.entries(o)){const c=dt(i);c==="ZodOptional"||c==="optional"||c==="ZodNullable"||c==="nullable"||(s[a]=Yn(i))}return s}function Yn(e){if(!e||!e._def)return"...";const t=e._def;switch(dt(e)){case"ZodString":case"string":return"example";case"ZodNumber":case"number":return 0;case"ZodBoolean":case"boolean":return!0;case"ZodLiteral":case"literal":return t.value;case"ZodEnum":case"enum":{if(Array.isArray(t.values)&&t.values.length>0)return t.values[0];if(t.entries&&typeof t.entries=="object"){const o=Object.values(t.entries);return o.length>0?o[0]:"example"}return"example"}case"ZodOptional":case"optional":case"ZodNullable":case"nullable":case"ZodDefault":case"default":{const o=t.innerType??t.wrapped;return o?Yn(o):null}case"ZodArray":case"array":return[];case"ZodObject":case"object":return $s(e);case"ZodUnion":case"union":{const o=t.options;return o&&o.length>0?Yn(o[0]):"..."}default:return"..."}}function Hc(e){if(!e||!e._def)return null;const t=e._def,n=dt(e);if(n!=="ZodObject"&&n!=="object")return null;const o=typeof t.shape=="function"?t.shape():t.shape;if(!o)return null;for(const[s,a]of Object.entries(o)){const i=dt(a);if(!(i==="ZodOptional"||i==="optional"||i==="ZodNullable"||i==="nullable")&&(i==="ZodString"||i==="string"))return s}return null}function dt(e){if(!e||!e._def)return"";const t=e._def;return t.typeName??t.type??""}function Se(e){if(!e||!e._def)return"unknown";const t=e._def;switch(dt(e)){case"ZodString":case"string":return"string";case"ZodNumber":case"number":return"number";case"ZodBoolean":case"boolean":return"boolean";case"ZodLiteral":case"literal":{const o=t.values,s=(o==null?void 0:o[0])??t.value;return JSON.stringify(s)}case"ZodEnum":case"enum":{let o;if(Array.isArray(t.values))o=t.values;else if(t.entries&&typeof t.entries=="object")o=Object.values(t.entries);else return"enum";return o.map(s=>`"${s}"`).join(" | ")}case"ZodArray":case"array":{const o=typeof t.element=="object"?t.element:typeof t.type=="object"?t.type:void 0;return o?`Array<${Se(o)}>`:"Array<unknown>"}case"ZodObject":case"object":{const o=typeof t.shape=="function"?t.shape():t.shape;return o?`{ ${Object.entries(o).map(([a,i])=>{const c=dt(i);return`${a}${c==="ZodOptional"||c==="ZodNullable"||c==="optional"||c==="nullable"?"?":""}: ${Se(i)}`}).join(", ")} }`:"object"}case"ZodOptional":case"optional":case"ZodNullable":case"nullable":{const o=t.innerType??t.wrapped;return o?Se(o):"unknown"}case"ZodUnion":case"union":{const o=t.options;return o?o.map(s=>Se(s)).join(" | "):"unknown"}case"ZodRecord":case"record":{const o=t.keyType??void 0,s=t.valueType??t.element??void 0,a=o?Se(o):"string",i=s?Se(s):"unknown";return`Record<${a}, ${i}>`}case"ZodDefault":case"default":{const o=t.innerType??t.wrapped;return o?Se(o):"unknown"}default:return"unknown"}}function ko(e){return typeof e.type=="string"?e.type:typeof e.typeName=="string"?e.typeName:""}function jo(e){return e.startsWith("Zod")?e.slice(3).toLowerCase():e.toLowerCase()}function Ve(e,t=!1){const n=e._def;switch(jo(ko(n))){case"string":return{type:"string"};case"number":return{type:"number"};case"boolean":return{type:"boolean"};case"literal":{const s=n.values;return{const:s?s[0]:n.value}}case"enum":{const s=n.entries;return{enum:(s?Object.values(s):n.values)??[]}}case"array":{const s=n.element??n.type;return{type:"array",items:s?Ve(s,t):{}}}case"object":{const s=n.shape,a=typeof s=="function"?s():s;if(!a)return t?{type:"object",properties:{},required:[],additionalProperties:!1}:{type:"object"};const i={},c=[];for(const[d,l]of Object.entries(a)){const p=l._def,m=jo(ko(p)),h=m==="optional"||m==="nullable";if(t)if(c.push(d),h){const f=Ve(l,t);i[d]={anyOf:[f,{type:"null"}]}}else i[d]=Ve(l,t);else i[d]=Ve(l),h||c.push(d)}return{type:"object",properties:i,required:c.length>0?c:void 0,additionalProperties:!1}}case"record":{const s=n.valueType;return t?{type:"object",properties:{},required:[],additionalProperties:!1}:{type:"object",additionalProperties:s?Ve(s):!0}}case"optional":case"nullable":{const s=n.innerType;return s?Ve(s,t):{}}case"union":{const s=n.options;return s?{anyOf:s.map(a=>Ve(a,t))}:{}}case"any":case"unknown":return t?{type:"object",properties:{},required:[],additionalProperties:!1}:{};default:return{}}}function Bc(e,t){return e.createCatalog(t)}var Uc=Oc(e=>({spec:e.object({root:e.string(),elements:e.record(e.object({type:e.ref("catalog.components"),props:e.propsOf("catalog.components"),children:e.array(e.string()),visible:e.any()}))}),catalog:e.object({components:e.map({props:e.zod(),slots:e.array(e.string()),description:e.string(),example:e.any()}),actions:e.map({params:e.zod(),description:e.string()})})}),{builtInActions:[{name:"setState",description:"Update a value in the state model at the given statePath. Params: { statePath: string, value: any }"},{name:"pushState",description:'Append an item to an array in state. Params: { statePath: string, value: any, clearStatePath?: string }. Value can contain {"$state":"/path"} refs and "$id" for auto IDs.'},{name:"removeState",description:"Remove an item from an array in state by index. Params: { statePath: string, index: number }"},{name:"validateForm",description:"Validate all registered form fields and write the result to state. Params: { statePath?: string }. Defaults to /formValidation. Result: { valid: boolean, errors: Record<string, string[]> }."}],defaultRules:["CRITICAL INTEGRITY CHECK: Before outputting ANY element that references children, you MUST have already output (or will output) each child as its own element. If an element has children: ['a', 'b'], then elements 'a' and 'b' MUST exist. A missing child element causes that entire branch of the UI to be invisible.","SELF-CHECK: After generating all elements, mentally walk the tree from root. Every key in every children array must resolve to a defined element. If you find a gap, output the missing element immediately.",'CRITICAL: The "visible" field goes on the ELEMENT object, NOT inside "props". Correct: {"type":"<ComponentName>","props":{},"visible":{"$state":"/tab","eq":"home"},"children":[...]}.','CRITICAL: The "on" field goes on the ELEMENT object, NOT inside "props". Use on.press, on.change, on.submit etc. NEVER put action/actionParams inside props.',"When the user asks for a UI that displays data (e.g. blog posts, products, users), ALWAYS include a state field with realistic sample data. The state field is a top-level field on the spec (sibling of root/elements).",'When building repeating content backed by a state array (e.g. posts, products, items), use the "repeat" field on a container element. Example: { "type": "<ContainerComponent>", "props": {}, "repeat": { "statePath": "/posts", "key": "id" }, "children": ["post-card"] }. Replace <ContainerComponent> with an appropriate component from the AVAILABLE COMPONENTS list. Inside repeated children, use { "$item": "field" } to read a field from the current item, and { "$index": true } for the current array index. For two-way binding to an item field use { "$bindItem": "completed" }. Do NOT hardcode individual elements for each array item.',"Design with visual hierarchy: use container components to group content, heading components for section titles, proper spacing, and status indicators. ONLY use components from the AVAILABLE COMPONENTS list.","For data-rich UIs, use multi-column layout components if available. For forms and single-column content, use vertical layout components. ONLY use components from the AVAILABLE COMPONENTS list.","Always include realistic, professional-looking sample data. For blogs include 3-4 posts with varied titles, authors, dates, categories. For products include names, prices, images. Never leave data empty."]}),Ls=u.createContext(null);function qc(e,t){return e?null:Object.keys(t).length===0?{}:wr(t)}function Vc({store:e,initialState:t={},onStateChange:n,children:o}){const s=u.useRef(void 0);!e&&!s.current&&(s.current=Ki(t));const a=e??s.current,i=u.useRef(a);i.current=a;const c=u.useRef(!!e);c.current=!!e;const d=u.useRef(e?"controlled":"uncontrolled"),l=u.useRef(!1);if(process.env.NODE_ENV!=="production"){const w=e?"controlled":"uncontrolled";w!==d.current&&!l.current&&(l.current=!0,console.warn(`StateProvider: switching from ${d.current} to ${w} mode is not supported.`))}const p=u.useRef(t),m=u.useRef(qc(!!e,t));u.useEffect(()=>{if(e||t===p.current)return;p.current=t;const w=t&&Object.keys(t).length>0?wr(t):{},_=m.current??{},S=new Set([...Object.keys(_),...Object.keys(w)]),b={};for(const C of S)_[C]!==w[C]&&(b[C]=C in w?w[C]:void 0);m.current=w,Object.keys(b).length>0&&a.update(b)},[e,t,a]);const h=u.useSyncExternalStore(a.subscribe,a.getSnapshot,a.getServerSnapshot??a.getSnapshot),f=u.useRef(n);f.current=n;const v=u.useCallback((w,_)=>{var C;const S=i.current,b=S.getSnapshot();S.set(w,_),!c.current&&S.getSnapshot()!==b&&((C=f.current)==null||C.call(f,[{path:w,value:_}]))},[]),g=u.useCallback(w=>{var b;const _=i.current,S=_.getSnapshot();if(_.update(w),!c.current&&_.getSnapshot()!==S){const C=[];for(const[R,T]of Object.entries(w))se(S,R)!==T&&C.push({path:R,value:T});C.length>0&&((b=f.current)==null||b.call(f,C))}},[]),j=u.useCallback(w=>i.current.get(w),[]),x=u.useCallback(()=>i.current.getSnapshot(),[]),N=u.useMemo(()=>({state:h,get:j,set:v,update:g,getSnapshot:x}),[h,j,v,g,x]);return r.jsx(Ls.Provider,{value:N,children:o})}function qt(){const e=u.useContext(Ls);if(!e)throw new Error("useStateStore must be used within a StateProvider");return e}var Ds=u.createContext(null);function Yc({children:e}){const{state:t}=qt(),n=u.useMemo(()=>({stateModel:t}),[t]),o=u.useMemo(()=>a=>kt(a,n),[n]),s=u.useMemo(()=>({isVisible:o,ctx:n}),[o,n]);return r.jsx(Ds.Provider,{value:s,children:e})}function Xc(){const e=u.useContext(Ds);if(!e)throw new Error("useVisibility must be used within a VisibilityProvider");return e}var Fs=u.createContext(null);function Gc(e,t){if(e===t)return!0;if(!e||!t)return!1;const n=Object.keys(e),o=Object.keys(t);if(n.length!==o.length)return!1;for(const s of n){const a=e[s],i=t[s];if(a!==i){if(typeof a=="object"&&a!==null&&typeof i=="object"&&i!==null){const c=a.$state,d=i.$state;if(typeof c=="string"&&c===d)continue}return!1}}return!0}function Kc(e,t){if(e===t)return!0;if(e.validateOn!==t.validateOn)return!1;const n=e.checks??[],o=t.checks??[];if(n.length!==o.length)return!1;for(let s=0;s<n.length;s++){const a=n[s],i=o[s];if(a.type!==i.type||a.message!==i.message||!Gc(a.args,i.args))return!1}return!0}function Zc({customFunctions:e={},children:t}){const{state:n,getSnapshot:o}=qt(),[s,a]=u.useState({}),i=u.useRef({}),[c,d]=u.useState({}),l=u.useCallback((g,j)=>{d(x=>{const N=x[g];return N&&Kc(N,j)?x:{...x,[g]:j}})},[]),p=u.useCallback((g,j)=>{var b;const x=o(),N=g.split("/").filter(Boolean);let w=x;for(const C of N)if(w!=null&&typeof w=="object")w=w[C];else{w=void 0;break}const _=_c(j,{value:w,stateModel:x,customFunctions:e}),S={touched:((b=i.current[g])==null?void 0:b.touched)??!0,validated:!0,result:_};return i.current={...i.current,[g]:S},a(i.current),_},[e,o]),m=u.useCallback(g=>{var j,x;i.current={...i.current,[g]:{...i.current[g],touched:!0,validated:((j=i.current[g])==null?void 0:j.validated)??!1,result:((x=i.current[g])==null?void 0:x.result)??null}},a(i.current)},[]),h=u.useCallback(g=>{const{[g]:j,...x}=i.current;i.current=x,a(x)},[]),f=u.useCallback(()=>{let g=!0;for(const[j,x]of Object.entries(c))p(j,x).valid||(g=!1);return g},[c,p]),v=u.useMemo(()=>({customFunctions:e,get fieldStates(){return i.current},validate:p,touch:m,clear:h,validateAll:f,registerField:l}),[e,s,p,m,h,f,l]);return r.jsx(Fs.Provider,{value:v,children:t})}function Jc(){return u.useContext(Fs)}var Co=0;function So(){return Co+=1,`${Date.now()}-${Co}`}function Xn(e,t){if(e==null)return e;if(e==="$id")return So();if(typeof e=="object"&&!Array.isArray(e)){const n=e,o=Object.keys(n);if(o.length===1&&typeof n.$state=="string")return t(n.$state);if(o.length===1&&"$id"in n)return So()}if(Array.isArray(e))return e.map(n=>Xn(n,t));if(typeof e=="object"){const n={};for(const[o,s]of Object.entries(e))n[o]=Xn(s,t);return n}return e}var Ws=u.createContext(null);function Qc({handlers:e={},navigate:t,children:n}){const{get:o,set:s,getSnapshot:a}=qt(),i=Jc(),[c,d]=u.useState(e),[l,p]=u.useState(new Set),[m,h]=u.useState(null),f=u.useCallback((N,w)=>{d(_=>({..._,[N]:w}))},[]),v=u.useCallback(async N=>{var R;const w=jc(N,a()),_=gc(),S=Date.now();hc({id:_,name:w.action,params:w.params,at:S});let b=!0,C;try{if(w.action==="setState"&&w.params){const P=w.params.statePath,L=w.params.value;P&&s(P,L);return}if(w.action==="pushState"&&w.params){const P=w.params.statePath,L=w.params.value;if(P){const I=Xn(L,o),H=o(P)??[];s(P,[...H,I]);const E=w.params.clearStatePath;E&&s(E,"")}return}if(w.action==="removeState"&&w.params){const P=w.params.statePath,L=w.params.index;if(P!==void 0&&L!==void 0){const I=o(P)??[];s(P,I.filter((H,E)=>E!==L))}return}if(w.action==="push"&&w.params){const P=w.params.screen;if(P){const L=o("/currentScreen"),I=o("/navStack")??[];L?s("/navStack",[...I,L]):s("/navStack",[...I,""]),s("/currentScreen",P)}return}if(w.action==="pop"){const P=o("/navStack")??[];if(P.length>0){const L=P[P.length-1];s("/navStack",P.slice(0,-1)),L?s("/currentScreen",L):s("/currentScreen",void 0)}return}if(w.action==="validateForm"){const P=i==null?void 0:i.validateAll;if(!P){console.warn("validateForm action was dispatched but no ValidationProvider is connected. Ensure ValidationProvider is rendered inside the provider tree.");return}const L=P(),I={};for(const[E,M]of Object.entries(i.fieldStates))M.result&&!M.result.valid&&(I[E]=M.result.errors);const H=((R=w.params)==null?void 0:R.statePath)||"/formValidation";s(H,{valid:L,errors:I});return}const T=c[w.action];if(!T){console.warn(`No handler registered for action: ${w.action}`);return}if(w.confirm)return new Promise((P,L)=>{h({action:w,handler:T,resolve:()=>{h(null),P()},reject:()=>{h(null),L(new Error("Action cancelled"))}})}).then(async()=>{p(P=>new Set(P).add(w.action));try{await wo({action:w,handler:T,setState:s,navigate:t,executeAction:async P=>{await v({action:P})}})}finally{p(P=>{const L=new Set(P);return L.delete(w.action),L})}});p(P=>new Set(P).add(w.action));try{await wo({action:w,handler:T,setState:s,navigate:t,executeAction:async P=>{await v({action:P})}})}finally{p(P=>{const L=new Set(P);return L.delete(w.action),L})}}catch(T){throw b=!1,C=T,T}finally{const T=Date.now();fc({id:_,name:w.action,ok:b,at:T,durationMs:T-S,error:C})}},[c,o,s,a,t,i]),g=u.useCallback(()=>{m==null||m.resolve()},[m]),j=u.useCallback(()=>{m==null||m.reject()},[m]),x=u.useMemo(()=>({handlers:c,loadingActions:l,pendingConfirmation:m,execute:v,confirm:g,cancel:j,registerHandler:f}),[c,l,m,v,g,j,f]);return r.jsx(Ws.Provider,{value:x,children:n})}function Hs(){const e=u.useContext(Ws);if(!e)throw new Error("useActions must be used within an ActionProvider");return e}function el({confirm:e,onConfirm:t,onCancel:n}){const o=e.variant==="danger";return r.jsx("div",{style:{position:"fixed",inset:0,backgroundColor:"rgba(0, 0, 0, 0.5)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:50},onClick:n,children:r.jsxs("div",{style:{backgroundColor:"white",borderRadius:"8px",padding:"24px",maxWidth:"400px",width:"100%",boxShadow:"0 20px 25px -5px rgba(0, 0, 0, 0.1)"},onClick:s=>s.stopPropagation(),children:[r.jsx("h3",{style:{margin:"0 0 8px 0",fontSize:"18px",fontWeight:600},children:e.title}),r.jsx("p",{style:{margin:"0 0 24px 0",color:"#6b7280"},children:e.message}),r.jsxs("div",{style:{display:"flex",gap:"12px",justifyContent:"flex-end"},children:[r.jsx("button",{onClick:n,style:{padding:"8px 16px",borderRadius:"6px",border:"1px solid #d1d5db",backgroundColor:"white",cursor:"pointer"},children:e.cancelLabel??"Cancel"}),r.jsx("button",{onClick:t,style:{padding:"8px 16px",borderRadius:"6px",border:"none",backgroundColor:o?"#dc2626":"#3b82f6",color:"white",cursor:"pointer"},children:e.confirmLabel??"Confirm"})]})]})})}var Bs=u.createContext(null);function tl({item:e,index:t,basePath:n,children:o}){return r.jsx(Bs.Provider,{value:{item:e,index:t,basePath:n},children:o})}function nl(){return u.useContext(Bs)}var rl=class extends u.Component{constructor(e){super(e),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e,t){console.error(`[json-render] Rendering error in <${this.props.elementType}>:`,e,t.componentStack)}render(){return this.state.hasError?null:this.props.children}},Us={},qs=u.createContext(Us);function ol(){return u.useContext(qs)}var Vs=u.createContext(void 0);function sl(){return u.useContext(Vs)}function al(){return u.useSyncExternalStore(wc,bc,()=>!1)}var Ys=u.memo(function e({element:t,elementKey:n,spec:o,registry:s,loading:a,fallback:i}){var W;const c=al(),d=nl(),{ctx:l}=Xc(),{execute:p}=Hs(),{getSnapshot:m,state:h}=qt(),f=ol(),v=sl(),g=u.useMemo(()=>{const O=d?{...l,repeatItem:d.item,repeatIndex:d.index,repeatBasePath:d.basePath}:{...l};return O.functions=f,O.directives=v,O},[l,d,f,v]),j=t.visible===void 0?!0:kt(t.visible,g),x=t.on,N=u.useCallback(async O=>{const q=x==null?void 0:x[O];if(!q)return;const V=Array.isArray(q)?q:[q];for(const U of V){if(!U.params){await p(U);continue}const F={...g,stateModel:m()},Z={};for(const[ne,$]of Object.entries(U.params))Z[ne]=fo($,F);await p({...U,params:Z})}},[x,p,g,m]),w=u.useCallback(O=>{const q=x==null?void 0:x[O];if(!q)return{emit:()=>{},shouldPreventDefault:!1,bound:!1};const U=(Array.isArray(q)?q:[q]).some(F=>F.preventDefault);return{emit:()=>N(O),shouldPreventDefault:U,bound:!0}},[x,N]),_=t.watch,S=u.useRef(null),b=u.useRef(void 0),C=u.useMemo(()=>{if(!_)return;const O={};for(const V of Object.keys(_))O[V]=se(h,V);const q=b.current;if(q){const V=Object.keys(O);if(V.length===Object.keys(q).length&&V.every(U=>O[U]===q[U]))return q}return b.current=O,O},[_,h]);if(u.useEffect(()=>{if(!_||!C)return;const O=Object.keys(_);if(O.length===0)return;const q=S.current;if(S.current=C,q===null)return;let V=!1;return(async()=>{for(const U of O){if(V)break;if(C[U]!==q[U]){const F=_[U];if(!F)continue;const Z=Array.isArray(F)?F:[F];for(const ne of Z){if(V)break;if(!ne.params){if(await p(ne),V)break;continue}const $={...g,stateModel:m()},ee={};for(const[Y,re]of Object.entries(ne.params))ee[Y]=fo(re,$);if(await p({...ne,params:ee}),V)break}}}})().catch(console.error),()=>{V=!0}},[_,C,p,g,m]),!j)return null;const R=t.props,T=mc(R,g),P=pc(R,g),L=P!==t.props?{...t,props:P}:t,I=s[L.type]??i;if(!I)return console.warn(`No renderer for component type: ${L.type}`),null;const H=L.repeat?r.jsx(il,{element:L,spec:o,registry:s,loading:a,fallback:i}):(W=L.children)==null?void 0:W.map(O=>{const q=o.elements[O];return q?r.jsx(e,{element:q,elementKey:O,spec:o,registry:s,loading:a,fallback:i},O):(a||console.warn(`[json-render] Missing element "${O}" referenced as child of "${L.type}". This element will not render.`),null)}),E=r.jsx(I,{element:L,emit:N,on:w,bindings:T,loading:a,children:H}),M=c&&n?r.jsx("span",{"data-jr-key":n,style:{display:"contents"},children:E}):E;return r.jsx(rl,{elementType:L.type,children:M})});function il({element:e,spec:t,registry:n,loading:o,fallback:s}){const{state:a}=qt(),i=e.repeat,c=i.statePath,d=se(a,c)??[];return r.jsx(r.Fragment,{children:d.map((l,p)=>{var h;const m=i.key&&typeof l=="object"&&l!==null?String(l[i.key]??p):String(p);return r.jsx(tl,{item:l,index:p,basePath:`${c}/${p}`,children:(h=e.children)==null?void 0:h.map(f=>{const v=t.elements[f];return v?r.jsx(Ys,{element:v,elementKey:f,spec:t,registry:n,loading:o,fallback:s},f):(o||console.warn(`[json-render] Missing element "${f}" referenced as child of "${e.type}" (repeat). This element will not render.`),null)})},m)})})}function cl({spec:e,registry:t,loading:n,fallback:o}){if(!e||!e.root)return null;const s=e.elements[e.root];return s?r.jsx(Ys,{element:s,elementKey:e.root,spec:e,registry:t,loading:n,fallback:o}):null}function ll({registry:e,store:t,initialState:n,handlers:o,navigate:s,validationFunctions:a,functions:i,directives:c,onStateChange:d,children:l}){const p=u.useMemo(()=>c?sc(c):void 0,[c]);return r.jsx(Vc,{store:t,initialState:n,onStateChange:d,children:r.jsx(Yc,{children:r.jsx(Zc,{customFunctions:a,children:r.jsx(Qc,{handlers:o,navigate:s,children:r.jsx(qs.Provider,{value:i??Us,children:r.jsxs(Vs.Provider,{value:p,children:[l,r.jsx(dl,{})]})})})})})})}function dl(){const{pendingConfirmation:e,confirm:t,cancel:n}=Hs();return e!=null&&e.action.confirm?r.jsx(el,{confirm:e.action.confirm,onConfirm:t,onCancel:n}):null}function ul(e,t){const n={};if(t.components)for(const[i,c]of Object.entries(t.components))n[i]=({element:d,children:l,emit:p,on:m,bindings:h,loading:f})=>c({props:d.props,children:l,emit:p,on:m,bindings:h,loading:f});const o=t.actions?Object.entries(t.actions):[];return{registry:n,handlers:(i,c)=>{const d={};for(const[l,p]of o)d[l]=async m=>{const h=i(),f=c();h&&await p(m,h,f)};return d},executeAction:async(i,c,d,l={})=>{const p=o.find(([m])=>m===i);p?await p[1](c,d,l):console.warn(`Unknown action: ${i}`)}}}function pl(e){if(typeof e!="object"||e===null)return!1;const t=e;switch(t.type){case"patch":return typeof t.patch=="object"&&t.patch!==null;case"flat":case"nested":return typeof t.spec=="object"&&t.spec!==null;default:return!1}}function ml(e){const t={root:"",elements:{}};let n=!1;for(const o of e)if(o.type===Gi){if(!pl(o.data))continue;const s=o.data;if(s.type==="patch")n=!0,qi(t,s.patch);else if(s.type==="flat")n=!0,Object.assign(t,s.spec);else if(s.type==="nested"){n=!0;const a=Vi(s.spec);Object.assign(t,a)}}return n?t:null}function K(){const{dir:e}=k.useDocumentDir(),t=k.useConfig();return u.useMemo(()=>{const n=Q.resolveLanguage(t.language);return{t:(s,a)=>Q.getTranslation(s,n,t.translationOverrides,a),language:n,dir:Q.isRtlLanguage(n)?"rtl":"ltr",hostDocumentDir:e}},[t.language,t.translationOverrides,e])}function Xs(e){const t=Q.resolveLanguage(e);return(n,o)=>Q.getTranslation(n,t,void 0,o)}const hl={t:Xs("en"),anchorTarget:"_blank"},Gs=u.createContext(hl);function fl({host:e,children:t}){return r.jsx(Gs.Provider,{value:e,children:t})}function Vt(){return u.useContext(Gs)}function gl({language:e,onUiAction:t,anchorTarget:n="_blank"}){return u.useMemo(()=>({t:Xs(e),anchorTarget:n,onUiAction:t}),[e,n,t])}class xl extends u.Component{constructor(){super(...arguments);co(this,"state",{hasError:!1})}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(n){Q.log.error("json-render: spec failed to render",{_e:n instanceof Error?n.message:String(n)})}componentDidUpdate(n){this.state.hasError&&n.resetKey!==this.props.resetKey&&this.setState({hasError:!1})}render(){return this.state.hasError?null:this.props.children}}function bl(e){if(!e.elements)return e;let t=!1;const n={};for(const[o,s]of Object.entries(e.elements)){const a=wl(s,e);a!==s&&(t=!0),n[o]=a}return t?{...e,elements:n}:e}function wl(e,t){if(e.type!=="List")return e;const n=e.repeat;if(!n||typeof n.statePath!="string")return e;const o=Q.isRecord(e.props)?e.props:{},s=o.items;if(Array.isArray(s)&&s.length>0)return e;const i=se(t.state??{},n.statePath);if(!Array.isArray(i)||i.length===0)return e;const{repeat:c,...d}=e;return{...d,props:{...o,items:i}}}function A(...e){return Ri.twMerge(Mi.clsx(e))}const yl=u.lazy(()=>Promise.resolve().then(()=>require("./Chart.impl-Ds2iAr8P.cjs")));function vl(e){const t=e.height??220;return r.jsx(u.Suspense,{fallback:r.jsx(kl,{height:t}),children:r.jsx(yl,{...e})})}function kl({height:e}){return r.jsx("div",{className:"w-full animate-pulse rounded-lg bg-muted-foreground/10",style:{height:e},"aria-hidden":!0})}const Ks=y.z.object({title:y.z.string().nullish(),description:y.z.string().nullish()}),Zs=y.z.object({direction:y.z.enum(["row","column"]).nullish(),gap:y.z.enum(["sm","md","lg"]).nullish(),align:y.z.enum(["start","center","end","stretch"]).nullish(),justify:y.z.enum(["start","center","end","between"]).nullish()}),Js=y.z.object({columns:y.z.union([y.z.literal(1),y.z.literal(2),y.z.literal(3)]).nullish(),gap:y.z.enum(["sm","md","lg"]).nullish()}),Qs=y.z.object({text:y.z.string(),level:y.z.union([y.z.literal(1),y.z.literal(2),y.z.literal(3),y.z.literal(4)]).nullish()}),ea=y.z.object({text:y.z.string(),variant:y.z.enum(["body","caption","muted","code"]).nullish()}),ta=y.z.object({text:y.z.string(),variant:y.z.enum(["default","secondary","success","warning","destructive"]).nullish()}),jl=new Set(["http:","https:","mailto:"]),Cl=y.z.string().nullish().transform(e=>{if(!e)return null;try{return jl.has(new URL(e).protocol)?e:null}catch{return null}}),na=y.z.object({id:y.z.string().nullish(),label:y.z.string(),secondary:y.z.string().nullish(),badge:y.z.string().nullish(),status:y.z.enum(["success","warning","error","info","neutral"]).nullish(),href:Cl}),ra=y.z.object({items:y.z.array(na),maxVisible:y.z.number().int().positive().nullish()}),Sl=y.z.object({items:y.z.array(na.extend({href:y.z.string().nullish()})),maxVisible:ra.shape.maxVisible}),oa=y.z.object({columns:y.z.array(y.z.string()),rows:y.z.array(y.z.array(y.z.string())),caption:y.z.string().nullish()}),Nl=y.z.object({value:y.z.string(),direction:y.z.enum(["up","down","flat"]),label:y.z.string().nullish()}),sa=y.z.object({label:y.z.string(),value:y.z.string(),description:y.z.string().nullish(),trend:y.z.enum(["up","down","neutral"]).nullish(),delta:Nl.nullish()}),aa=y.z.object({type:y.z.enum(["info","tip","warning","important"]).nullish(),title:y.z.string().nullish(),content:y.z.string()}),_l=y.z.object({label:y.z.string(),value:y.z.number()}),ia=y.z.object({type:y.z.enum(["bar","line","pie"]),data:y.z.array(_l),title:y.z.string().nullish(),height:y.z.number().int().positive().nullish(),centerLabel:y.z.string().nullish()}),ca=y.z.object({agentId:y.z.string(),agentName:y.z.string(),model:y.z.string().nullish()});function ke(e,t,n){const o=e.safeParse(t);return o.success?o.data:n}const El=Bc(Uc,{components:{Card:{props:Ks,slots:["default"],description:"Container card with an optional title/description. Group related content.",example:{title:"Order summary",description:"Placed 2 days ago"}},Stack:{props:Zs,slots:["default"],description:'Flex layout. Use direction="row" for side-by-side, "column" (default) to stack.'},Grid:{props:Js,slots:["default"],description:"Column grid that wraps on narrow screens. columns=2 for side-by-side metrics or cards; columns=3 only for three short metrics — the chat panel is about 400px wide, so three wide cells wrap."},Heading:{props:Qs,description:"Section heading. level 1 (largest) to 4.",example:{text:"Your orders",level:3}},Text:{props:ea,description:'A paragraph of text. variant "muted"/"caption" for secondary text, "code" for monospace.'},Badge:{props:ta,description:"Small status pill. Use variant to convey state (success/warning/destructive).",example:{text:"Delivered",variant:"success"}},List:{props:Sl,description:"A vertical list of items, each with a label and optional secondary text, badge, and status dot. Pass the full array in `items` — do NOT use repeat/state for the rows.",example:{items:[{label:"Order #1024",secondary:"Shipped",status:"success"},{label:"Order #1025",secondary:"Processing",status:"warning"}]}},Table:{props:oa,description:"A data table. `columns` are header strings; `rows` is a 2D array of cell strings (each row same length as columns).",example:{columns:["Item","Qty","Price"],rows:[["Widget","2","$20"],["Gadget","1","$15"]]}},Metric:{props:sa,description:"A single key figure (KPI / insight card) with a label, big value, optional description, trend arrow, and an optional period-over-period delta ({ value, direction, label }).",example:{label:"Total spent",value:"$1,240",description:"Last 30 days",trend:"up",delta:{value:"+8%",direction:"up",label:"vs previous 30d"}}},Callout:{props:aa,description:"A highlighted info / tip / warning box for a single important note. Use for one call-out, not for long prose.",example:{type:"tip",title:"Heads up",content:"Free shipping over $50."}},PhoneAgentCard:{props:ca,description:'A phone agent card with a "Test via web" action. NEVER author this yourself: it only comes back, already fenced, from the phone-agent tools — carry that fence verbatim.',example:{agentId:"00000000-0000-4000-8000-000000000000",agentName:"Support line",model:"oppie-vox-livekit"}},Chart:{props:ia,description:"A bar, line, or pie (donut) chart. `data` is an array of { label, value } points. Choose by the question: line = trend over time, bar = comparison across categories, pie = share of a total (optional `centerLabel` shows a big number in the donut hole). Use for trends or distributions, not for a handful of numbers (use Metric for those). Colours, axes, legend, and tooltips are handled for you.",example:{type:"bar",title:"Orders per month",data:[{label:"Jan",value:12},{label:"Feb",value:18}]}}},actions:{}});function Gn({height:e=64}){return r.jsx("div",{className:"w-full animate-pulse rounded-lg bg-muted-foreground/10",style:{height:e},"aria-hidden":!0})}const No={sm:"gap-1.5",md:"gap-3",lg:"gap-4"},Tl="10rem";function Al(e){return e===1?"minmax(0, 1fr)":`repeat(auto-fit, minmax(max(${Tl}, calc(100% / ${e} - 1rem)), 1fr))`}const{registry:_o}=ul(El,{components:{Card:({props:e,children:t,loading:n})=>{const o=ke(Ks,e,{});return r.jsxs("div",{className:"flex flex-col gap-2 rounded-xl border border-muted-foreground/15 p-3",children:[(o.title||o.description)&&r.jsxs("div",{className:"flex flex-col gap-0.5",children:[o.title&&r.jsx("div",{className:"text-sm font-semibold text-foreground",children:o.title}),o.description&&r.jsx("div",{className:"text-xs text-muted-foreground",children:o.description})]}),Mn(t,n)]})},Stack:({props:e,children:t,loading:n})=>{const o=ke(Zs,e,{}),s={start:"items-start",center:"items-center",end:"items-end",stretch:"items-stretch"}[o.align??"stretch"],a={start:"justify-start",center:"justify-center",end:"justify-end",between:"justify-between"}[o.justify??"start"];return r.jsx("div",{className:A("flex",o.direction==="row"?"flex-row":"flex-col",No[o.gap??"md"],s,a),children:Mn(t,n)})},Grid:({props:e,children:t,loading:n})=>{const o=ke(Js,e,{});return r.jsx("div",{className:A("grid",No[o.gap??"md"]),style:{gridTemplateColumns:Al(o.columns??1)},children:Mn(t,n)})},Heading:({props:e})=>{const t=ke(Qs,e,{text:""}),n=t.level??3,o={1:"text-xl font-bold",2:"text-lg font-bold",3:"text-base font-semibold",4:"text-sm font-semibold"}[n]??"text-base font-semibold";return u.createElement(`h${n}`,{className:A("text-foreground",o)},t.text)},Text:({props:e})=>{const t=ke(ea,e,{text:""});if(t.variant==="code")return r.jsx("code",{className:"rounded bg-muted px-1.5 py-0.5 font-mono text-xs text-foreground",children:t.text});const n=t.variant==="muted"||t.variant==="caption";return r.jsx("p",{className:A("whitespace-pre-wrap",n?"text-xs text-muted-foreground":"text-sm text-foreground"),children:t.text})},Badge:({props:e})=>{const t=ke(ta,e,{text:""}),n={default:"bg-primary text-primary-foreground",secondary:"bg-secondary text-secondary-foreground",success:"bg-emerald-500/15 text-emerald-600 dark:text-emerald-400",warning:"bg-amber-500/15 text-amber-600 dark:text-amber-400",destructive:"bg-destructive/15 text-destructive"}[t.variant??"secondary"];return r.jsx("span",{className:A("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium",n),children:t.text})},List:({props:e,loading:t})=>{const n=ke(ra,e,{items:[]});return n.items.length===0?t?r.jsx(Gn,{}):r.jsx(Eo,{translationKey:"json_no_items"}):r.jsx(Hl,{items:n.items,maxVisible:n.maxVisible})},Table:({props:e,loading:t})=>{const n=ke(oa,e,{columns:[],rows:[]});return t&&n.rows.length===0?r.jsx(Gn,{}):n.columns.length===0?r.jsx(Eo,{translationKey:"json_no_data"}):r.jsx("div",{className:"overflow-x-auto rounded-lg border border-muted-foreground/15",children:r.jsxs("table",{className:"w-full text-sm",children:[n.caption&&r.jsx("caption",{className:"px-3 py-2 text-start text-xs text-muted-foreground",children:n.caption}),r.jsx("thead",{children:r.jsx("tr",{className:"border-b border-muted-foreground/15 bg-muted/40",children:n.columns.map((o,s)=>r.jsx("th",{className:"px-3 py-2 text-start font-medium text-foreground",children:o},s))})}),r.jsx("tbody",{children:n.rows.map((o,s)=>r.jsx("tr",{className:"border-b border-muted-foreground/10 last:border-0",children:o.map((a,i)=>r.jsx("td",{className:"px-3 py-2 text-muted-foreground",children:a},i))},s))})]})})},Metric:({props:e})=>{const t=ke(sa,e,{label:"",value:""});return r.jsx(Dl,{label:t.label,value:t.value,description:t.description,trend:t.trend,delta:t.delta})},Callout:({props:e})=>{const t=ke(aa,e,{content:""}),n=Il[t.type??"info"],o=n.Icon;return r.jsxs("div",{className:A("flex gap-2 rounded-lg border-l-2 p-3",n.cls),children:[r.jsx(o,{className:"mt-0.5 size-4 shrink-0"}),r.jsxs("div",{className:"flex flex-col gap-0.5",children:[t.title&&r.jsx("span",{className:"text-sm font-semibold",children:t.title}),r.jsx("span",{className:"text-sm",children:t.content})]})]})},PhoneAgentCard:({props:e})=>{const t=ke(ca,e,{agentId:"",agentName:""});return r.jsx(Rl,{...t})},Chart:({props:e})=>{const t=ke(ia,e,{type:"bar",data:[]});return r.jsxs("div",{className:"flex flex-col gap-1",children:[t.title&&r.jsx("span",{className:"text-xs font-medium text-muted-foreground",children:t.title}),r.jsx(vl,{...t})]})}}}),zl=({element:e})=>{const{t}=Vt();return r.jsx("div",{className:"rounded-lg border border-dashed border-muted-foreground/30 px-2 py-1.5 text-xs text-muted-foreground",children:t("json_unsupported",{type:e.type})})},Il={info:{Icon:z.Info,cls:"border-l-blue-500 bg-blue-500/5 text-foreground"},tip:{Icon:z.Lightbulb,cls:"border-l-emerald-500 bg-emerald-500/5 text-foreground"},warning:{Icon:z.AlertTriangle,cls:"border-l-amber-500 bg-amber-500/5 text-foreground"},important:{Icon:z.AlertCircle,cls:"border-l-red-500 bg-red-500/5 text-foreground"}};function Mn(e,t){return u.Children.toArray(e).length>0?e:t?r.jsx(Gn,{}):null}function Eo({translationKey:e}){const{t}=Vt();return r.jsx("div",{className:"rounded-lg border border-muted-foreground/15 px-3 py-2 text-xs text-muted-foreground",children:t(e)})}const Ml="oppie-vox-livekit";function Rl({agentId:e,agentName:t,model:n}){const{t:o,onUiAction:s}=Vt(),a=!!s&&!!e&&n===Ml;return r.jsxs("div",{className:"flex w-full flex-col gap-3 rounded-xl border border-muted-foreground/15 p-3",children:[r.jsxs("div",{className:"flex items-center gap-3",children:[r.jsx("div",{className:"flex size-8 shrink-0 items-center justify-center rounded-lg bg-primary/10 text-primary",children:r.jsx(z.Phone,{className:"size-4","aria-hidden":!0})}),r.jsxs("div",{className:"min-w-0 flex-1",children:[r.jsx("div",{className:"truncate text-sm font-medium text-foreground",children:t}),r.jsx("div",{className:"text-xs text-muted-foreground",children:o("json_phone_agent")})]})]}),a&&r.jsxs("button",{type:"button",className:"flex w-full items-center justify-center gap-2 rounded-lg bg-secondary px-3 py-2 text-sm font-medium text-secondary-foreground hover:bg-secondary/80",onClick:()=>s==null?void 0:s({type:"test-phone-agent",payload:{agentId:e,model:n??null}}),children:[r.jsx(z.Play,{className:"size-4","aria-hidden":!0}),o("json_phone_agent_test")]})]})}const Pl={up:"↑",down:"↓",neutral:"→"},Ol={up:"text-emerald-600 dark:text-emerald-400",down:"text-red-600 dark:text-red-400",neutral:"text-muted-foreground"},$l={up:"↑",down:"↓",flat:"→"},Ll={up:"text-emerald-600 dark:text-emerald-400",down:"text-red-600 dark:text-red-400",flat:"text-muted-foreground"};function Dl({label:e,value:t,description:n,trend:o,delta:s}){return r.jsxs("div",{className:"min-w-[140px] space-y-1 rounded-xl border border-muted-foreground/15 p-3",children:[r.jsx("span",{className:"text-xs font-medium text-muted-foreground",children:e}),r.jsxs("div",{className:"flex items-baseline gap-2",children:[r.jsx("span",{className:"text-2xl font-medium tracking-tight text-foreground",children:t}),o?r.jsx("span",{className:A("text-sm font-medium",Ol[o]),children:Pl[o]}):null]}),s?r.jsxs("div",{className:"flex items-baseline gap-1 text-xs",children:[r.jsxs("span",{className:A("font-medium",Ll[s.direction]),children:[$l[s.direction]," ",s.value]}),s.label?r.jsx("span",{className:"text-muted-foreground",children:s.label}):null]}):null,n?r.jsx("span",{className:"block text-xs text-muted-foreground",children:n}):null]})}const Fl={success:"bg-emerald-500",warning:"bg-amber-500",error:"bg-red-500",info:"bg-blue-500",neutral:"bg-muted-foreground/40"};function Wl({item:e,showBadge:t,showSecondary:n,showStatus:o}){return r.jsxs(r.Fragment,{children:[t&&(e.badge?r.jsx("span",{className:"block min-w-0 truncate text-xs font-medium",title:e.badge,children:e.badge}):r.jsx("span",{})),r.jsx("span",{className:"block min-w-0 truncate",title:e.label,children:e.label}),n&&(e.secondary?r.jsx("span",{className:"block min-w-0 truncate text-xs text-muted-foreground",title:e.secondary,children:e.secondary}):r.jsx("span",{})),o&&(e.status?r.jsx("span",{className:A("size-2 rounded-full",Fl[e.status]),"aria-hidden":!0}):r.jsx("span",{}))]})}function Hl({items:e,maxVisible:t}){const n=t??10,{anchorTarget:o,t:s}=Vt(),[a,i]=u.useState(!1),c=e.length>n,d=a?e:e.slice(0,n),l=d.some(v=>!!v.badge),p=d.some(v=>!!v.secondary),m=d.some(v=>!!v.status),h=[l&&"auto","minmax(0,1fr)",p&&"minmax(0,2fr)",m&&"auto"].filter(Boolean).join(" "),f="grid min-w-0 grid-cols-[subgrid] col-span-full items-center gap-x-2.5 px-3 py-2 text-sm text-foreground";return r.jsxs("div",{className:"grid overflow-hidden rounded-lg border border-muted-foreground/15",style:{gridTemplateColumns:h},children:[d.map((v,g)=>{const j=v.id??`row-${g}`,x=r.jsx(Wl,{item:v,showBadge:l,showSecondary:p,showStatus:m});return v.href?r.jsx("a",{href:v.href,target:o||"_top",rel:"noopener noreferrer",className:A(f,"transition-colors hover:bg-muted/50",g>0&&"border-t border-muted-foreground/10"),children:x},j):r.jsx("div",{className:A(f,g>0&&"border-t border-muted-foreground/10"),children:x},j)}),c&&r.jsx("button",{type:"button",className:"col-span-full flex w-full items-center justify-center gap-1 border-t border-muted-foreground/10 py-2 text-xs text-muted-foreground transition-colors hover:bg-muted/50",onClick:()=>i(v=>!v),children:a?r.jsxs(r.Fragment,{children:[r.jsx(z.ChevronUp,{className:"size-3"}),s("json_see_less")]}):r.jsxs(r.Fragment,{children:[r.jsx(z.ChevronDown,{className:"size-3"}),s("json_see_more",{count:e.length-n})]})})]})}function la({spec:e,active:t=!1}){const{anchorTarget:n,onUiAction:o}=k.useConfig(),{t:s}=K(),a=u.useMemo(()=>({t:s,anchorTarget:n??"_blank",onUiAction:o}),[s,n,o]);return r.jsx(da,{spec:e,host:a,active:t})}function Bl({spec:e,language:t,onUiAction:n,anchorTarget:o}){const s=gl({language:t,onUiAction:n,anchorTarget:o});return r.jsx(da,{spec:e,host:s})}function da({spec:e,host:t,active:n=!1}){return r.jsx(fl,{host:t,children:r.jsx(xl,{resetKey:e,children:r.jsx(Ul,{spec:e,active:n})})})}function Ul({spec:e,active:t}){const n=u.useMemo(()=>e?bl(e):null,[e]);return!n||!Os(n)?null:r.jsx(ll,{registry:_o,initialState:n.state,children:r.jsx(cl,{spec:n,registry:_o,loading:t,fallback:zl})})}function ua(e){if(!e)return[];const t=e.split(`
+`),n=[];let o=[],s=[],a=[],i=!1,c=!1;function d(){if(o.length===0)return;const m=o.join(`
+`);m.trim()&&n.push({type:"markdown",content:m}),o=[]}function l(){if(s.length===0)return;let m=null;if(a.length>0)try{m=Yi(a.join(`
+`),{root:"",elements:{}})}catch{}m&&ql(m)?(d(),n.push({type:"ui",spec:m})):o.push(...s),a=[],s=[]}function p(){c&&(l(),c=!1)}for(let m=0;m<t.length;m+=1){const h=t[m]??"",f=h.trim(),v=m===t.length-1;if(!i&&f==="```spec"){p(),i=!0,s=[h];continue}if(i&&f==="```"){s.push(h),l(),i=!1;continue}if(i){s.push(h),f!==""&&qn(h)&&a.push(h);continue}if(f!==""&&qn(h)){c=!0,s.push(h),a.push(h);continue}if(c){if(f===""||v&&Yl(f)){s.push(h);continue}p()}o.push(h)}return l(),d(),n}function ql(e){return Os(e)&&e.elements[e.root]!==void 0}const Vl='{"op":';function Yl(e){return!e.startsWith("{")||e.endsWith("}")?!1:/"op"\s*:/.test(e)?!0:Vl.startsWith(e.replace(/\s+/g,""))}function Xl(e){return ml(e)}function D(e){return{"data-component":e}}const Kn=[{kind:"csv",label:"CSV",mimes:["text/csv","application/csv"],extensions:["csv"]},{kind:"excel",label:"Excel",mimes:["application/vnd.ms-excel","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"],extensions:["xls","xlsx"]}],Gl=Object.fromEntries(Kn.flatMap(e=>e.mimes.map(t=>[t,e.extensions.map(n=>`.${n}`)]))),Kl={"video/mp4":[".mp4"],"video/webm":[".webm"],"video/quicktime":[".mov"]};function pa({type:e,name:t}){var s,a;const n=((s=t.split(".").pop())==null?void 0:s.toLowerCase())??"",o=((a=e.toLowerCase().split(";")[0])==null?void 0:a.trim())??"";return Kn.find(i=>n&&i.extensions.includes(n))??Kn.find(i=>o&&i.mimes.includes(o))??null}function xn(){const[e]=u.useState(()=>typeof window<"u"&&typeof window.matchMedia=="function"&&window.matchMedia("(hover: hover) and (pointer: fine)").matches);return e}const jt={x:2,y:2},Pe=u.memo(u.forwardRef(({children:e,className:t,scale:n=1.02,off:o=!1},s)=>{const[a,i]=u.useState(!1),[c,d]=u.useState({x:0,y:0}),l=xn(),p=B.useReducedMotion();if(o||!l||p)return u.cloneElement(e,{ref:s??e.props.ref});if(/translate/.test(e.props.className||""))return e;const h=j=>{var P,L;const{clientX:x,clientY:N}=j,w=j.currentTarget.getBoundingClientRect(),_=x-(w.left+w.width/2),S=N-(w.top+w.height/2),b=Math.max(-1,Math.min(1,_/(w.width/2))),C=Math.max(-1,Math.min(1,S/(w.height/2))),R=b*jt.x,T=C*jt.y;d({x:R,y:T}),(L=(P=e.props).onMouseMove)==null||L.call(P,j)},f=j=>{var x,N;i(!0),(N=(x=e.props).onMouseEnter)==null||N.call(x,j)},v=j=>{var x,N;i(!1),d({x:0,y:0}),(N=(x=e.props).onMouseLeave)==null||N.call(x,j)},g={"--wobble-x":a?`${c.x}px`:"0px","--wobble-y":a?`${c.y}px`:"0px","--scale":1-(n-1)};return u.cloneElement(e,{ref:s,onMouseMove:h,onMouseEnter:f,onMouseLeave:v,style:{...g,...e.props.style},className:A("translate-x-[var(--wobble-x)]","translate-y-[var(--wobble-y)]","hover:scale-[var(--scale)] active:hover:scale-[calc(var(--scale)-0.02)]",t,e.props.className,"transition-transform duration-150 ease-[cubic-bezier(0.23,1,0.32,1)]")})}));Pe.displayName="Wobble";const Et=[.23,1,.32,1],Zl=`cubic-bezier(${Et.join(", ")})`,Ae={duration:.2,ease:Et},xe={duration:.15,ease:Et},Ct={type:"spring",stiffness:500,damping:45,mass:1},Jl=[.32,.72,.24,1],Ql=`cubic-bezier(${Jl.join(", ")})`,ed="0 2px 12px 0 rgba(0,0,0,0.18), 0 1px 4px 0 rgba(0,0,0,0), 0 0 0 1px rgba(255,255,255,0.08), inset 0 1px 0 0 rgba(255,255,255,0)",td="0 8px 28px 0 rgba(0,0,0,0.10), 0 1px 4px 0 rgba(0,0,0,0), 0 0 0 1px rgba(0,0,0,0.05), inset 0 1px 0 0 rgba(255,255,255,0.5)",nd="0 12px 40px 0 rgba(0,0,0,0.12), 0 2px 8px 0 rgba(0,0,0,0.04), 0 0 0 1px rgba(0,0,0,0.05), inset 0 1px 0 0 rgba(255,255,255,0.5)",rd="0 24px 48px -16px rgba(0,0,0,0.18), 0 4px 16px 0 rgba(0,0,0,0.05), 0 0 0 1px rgba(0,0,0,0.05), inset 0 1px 0 0 rgba(255,255,255,0.5)",od=10,sd=(e,t,n)=>({initial:{opacity:0,x:-e,...t.initial},animate:{opacity:1,x:0,...t.animate,transition:{...Ae,delay:n}},exit:{opacity:0,x:e,...t.exit,transition:xe},transition:Ae}),ad=(e,t,n)=>({initial:{opacity:0,x:e,...t.initial},animate:{opacity:1,x:0,...t.animate,transition:{...Ae,delay:n}},exit:{opacity:0,x:-e,...t.exit,transition:xe},transition:Ae}),id=(e,t,n)=>({initial:{opacity:0,y:e,...t.initial},animate:{opacity:1,y:0,...t.animate,transition:{...Ae,delay:n}},exit:{opacity:0,y:-e,...t.exit,transition:xe},transition:Ae}),cd=(e,t,n)=>({initial:{opacity:0,y:-e,...t.initial},animate:{opacity:1,y:0,...t.animate,transition:{...Ae,delay:n}},exit:{opacity:0,y:e,...t.exit,transition:xe},transition:Ae}),ld={right:sd,left:ad,up:id,down:cd},te=u.forwardRef(({fadeIn:e="down",distance:t=od,children:n,snapExit:o=!1,overrides:s={},delay:a=0,...i},c)=>{const d=e?ld[e](t,s,a):{};return o&&d.exit&&typeof d.exit=="object"&&!Array.isArray(d.exit)&&(d.exit.transition={duration:0}),r.jsx(B.motion.div,{ref:c,...i,...d,children:n})});te.displayName="MotionDiv";const Zn=js.cva(A("inline-flex shrink-0 items-center justify-center gap-2","text-sm font-medium whitespace-nowrap","ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2","disabled:pointer-events-none disabled:opacity-50","active:scale-[0.97] motion-reduce:active:scale-100","rounded-xl","transition-transform duration-150 ease-[cubic-bezier(0.23,1,0.32,1)]"),{variants:{variant:{default:"bg-primary text-primary-foreground",destructive:"bg-destructive text-destructive-foreground",outline:"bg-background border",secondary:"bg-secondary text-secondary-foreground",ghost:"hover:bg-secondary",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-10 px-4 py-2",sm:"py-2 px-3.5 text-xs",lg:"min-h-12 px-4 rounded-[20px]",icon:"h-10 w-10",fit:"size-fit p-2",free:"p-2",selfless:"p-0"}},defaultVariants:{variant:"default",size:"default"}}),X=Je.forwardRef(({className:e,variant:t="default",size:n,asChild:o=!1,wobble:s=!0,...a},i)=>{const c=o?Pi.Slot:"button";return r.jsx(Pe,{ref:i,off:!s,children:r.jsx(c,{...D("ui_lib/btn"),"data-variant":t,className:A(Zn({variant:t,size:n,className:e})),...a})})});X.displayName="Button";const ma=u.createContext(null);function dd({children:e}){const[t,n]=u.useState(!1),[o,s]=u.useState(null),a=c=>{s(c),n(!0)},i=u.useCallback(()=>{n(!1),setTimeout(()=>{s(null)},200)},[]);return r.jsxs(ma.Provider,{value:{open:a,close:i,isOpen:t,content:o},children:[r.jsx(ud,{}),e]})}function bn(){const e=u.useContext(ma);return e||(Q.log.error("useDialoger must be used within a DialogerProvider"),{open:()=>{},close:()=>{},isOpen:!1,content:null})}function ud(){const{contentIframeRef:e}=k.useWidget(),{isOpen:t,content:n,close:o}=bn();return u.useEffect(()=>{var i,c;if(!t)return;const s=d=>{d.defaultPrevented||d.key!=="Escape"||(d.preventDefault(),o())},a=(c=(i=e==null?void 0:e.current)==null?void 0:i.contentWindow)==null?void 0:c.document;return a==null||a.addEventListener("keydown",s),()=>a==null?void 0:a.removeEventListener("keydown",s)},[o,e,t]),r.jsx(B.AnimatePresence,{mode:"wait",children:t&&n&&r.jsx(te,{overrides:{initial:{y:0},exit:{y:0}},className:"fixed inset-0 z-50 bg-black/60 backdrop-blur-sm",tabIndex:-1,onClick:o,children:n},"dialog-content")})}function wn({children:e,className:t,withClose:n=!1}){const{close:o}=bn(),{t:s}=K();return r.jsxs("div",{"data-opencx-escape-scope":!0,className:A("fixed left-[50%] top-[50%] z-50 flex flex-col gap-4 w-full max-w-[61.8%] translate-x-[-50%] translate-y-[-50%] border bg-background p-4 rounded-3xl",t),onClick:a=>a.stopPropagation(),children:[e,n&&r.jsxs(X,{size:"fit",className:"rounded-full absolute top-4 right-4 opacity-50 hover:opacity-100",onClick:o,children:[r.jsx(z.X,{className:"h-4 w-4"}),r.jsx("span",{className:"sr-only",children:s("dialog_close")})]})]})}const kr=({className:e,...t})=>r.jsx("div",{className:A("flex flex-col gap-2 text-center pt-2",e),...t});kr.displayName="DialogerHeader";const jr=({className:e,...t})=>r.jsx("div",{className:A("flex flex-col gap-2 text-center",e),...t});jr.displayName="DialogerBody";const ha=({className:e,...t})=>r.jsx("div",{className:A("flex flex-col gap-2",e),...t});ha.displayName="DialogerFooter";const Cr=u.forwardRef(({className:e,...t},n)=>r.jsx("p",{ref:n,className:A("text-lg font-semibold leading-none tracking-tight",e),...t}));Cr.displayName="DialogerTitle";const Sr=u.forwardRef(({className:e,...t},n)=>r.jsx("p",{ref:n,className:A("text-sm text-muted-foreground",e),...t}));Sr.displayName="DialogerDescription";function yn({children:e,trigger:t}){const{open:n}=bn();return u.cloneElement(t,{onClick:()=>{var s,a;n(e),(a=(s=t.props).onClick)==null||a.call(s)}})}const To=1,Ao=5,zo=.5,pd=2.5;function md(e,t,n,o){if(!n||!o||t<=1)return{x:0,y:0};const s=n.getBoundingClientRect(),a=o.offsetWidth,i=o.offsetHeight,c=Math.max(0,(a*t-s.width)/(2*t)),d=Math.max(0,(i*t-s.height)/(2*t));return{x:Math.min(c,Math.max(-c,e.x)),y:Math.min(d,Math.max(-d,e.y))}}function fa({src:e,alt:t}){const{t:n}=K(),[o,s]=u.useState(1),[a,i]=u.useState({x:0,y:0}),[c,d]=u.useState(!1),l=u.useRef({x:0,y:0}),p=u.useRef({x:0,y:0}),m=u.useRef(null),h=u.useRef(null),f=u.useRef(!1),v=b=>Math.min(Ao,Math.max(To,b)),g=u.useCallback(()=>{s(1),i({x:0,y:0})},[]),j=u.useCallback(()=>{s(b=>v(b+zo))},[]),x=u.useCallback(()=>{s(b=>{const C=v(b-zo);return C<=1&&i({x:0,y:0}),C})},[]),N=u.useCallback(b=>{b.preventDefault(),f.current=!1,d(!0),l.current={x:b.clientX,y:b.clientY},p.current={...a},b.target.setPointerCapture(b.pointerId)},[a]),w=u.useCallback(b=>{if(!c)return;const C=b.clientX-l.current.x,R=b.clientY-l.current.y;if((Math.abs(C)>3||Math.abs(R)>3)&&(f.current=!0),o<=1)return;const T={x:p.current.x+C/o,y:p.current.y+R/o};i(md(T,o,m.current,h.current))},[c,o]),_=u.useCallback(()=>{const b=f.current;d(!1),!b&&s(C=>C>1?(i({x:0,y:0}),1):pd)},[]),S=o>1;return r.jsxs("div",{className:"relative size-full flex items-center justify-center select-none",onClick:b=>b.stopPropagation(),children:[r.jsx("div",{ref:m,className:A("overflow-hidden max-h-full max-w-full rounded-2xl flex items-center justify-center",S&&"size-full"),onPointerDown:N,onPointerMove:w,onPointerUp:_,onPointerCancel:_,style:{cursor:c?"grabbing":S?"grab":"zoom-in",touchAction:"none"},children:r.jsx("img",{ref:h,src:e,alt:t,className:"block max-w-full object-contain pointer-events-none",draggable:!1,style:{maxHeight:"100vh",transform:`scale(${o}) translate(${a.x}px, ${a.y}px)`,transformOrigin:"center center"}})}),r.jsxs("div",{className:"absolute bottom-3 left-1/2 -translate-x-1/2 flex items-center gap-1 bg-black/60 backdrop-blur-sm rounded-full px-1.5 py-1 transition opacity-50 hover:opacity-100",children:[r.jsx(Rn,{onClick:x,label:n("zoom_out"),disabled:o<=To,children:r.jsx(z.ZoomOut,{className:"size-3.5"})}),r.jsxs("span",{className:"text-white text-xs font-medium min-w-[3ch] text-center tabular-nums",children:[Math.round(o*100),"%"]}),r.jsx(Rn,{onClick:j,label:n("zoom_in"),disabled:o>=Ao,children:r.jsx(z.ZoomIn,{className:"size-3.5"})}),S&&r.jsxs(r.Fragment,{children:[r.jsx("div",{className:"w-px h-4 bg-white/30 mx-0.5"}),r.jsx(Rn,{onClick:g,label:n("reset_zoom"),children:r.jsx(z.RotateCcw,{className:"size-3.5"})})]})]})]})}function Rn({onClick:e,label:t,children:n,disabled:o}){return r.jsx("button",{onClick:e,"aria-label":t,disabled:o,className:"text-white/80 hover:text-white disabled:text-white/30 disabled:hover:bg-transparent p-1.5 rounded-full hover:bg-white/15 transition-colors",children:n})}function Io({url:e,name:t,size:n,icon:o,label:s}){return r.jsx(Pe,{children:r.jsx("a",{href:e,target:"_blank",rel:"noopener noreferrer",className:A("block size-fit max-w-[min(100%,16rem)] shrink-0 rounded-2xl border","bg-background/80 transition-colors hover:bg-accent/60","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"),children:r.jsxs("div",{className:"flex items-center gap-3 p-3 min-w-0",children:[r.jsx("div",{className:A("flex size-10 shrink-0 items-center justify-center rounded-xl","bg-secondary text-muted-foreground"),"aria-hidden":!0,children:o}),r.jsxs("div",{className:"min-w-0 flex-1 flex flex-col gap-0.5 text-left",children:[r.jsx("span",{className:A("text-xs font-medium text-foreground line-clamp-1","break-words [word-break:break-word]"),children:t}),r.jsxs("span",{className:"text-xs text-muted-foreground tabular-nums",children:[(n/1024).toFixed(2)," KB · ",s]})]})]})})})}function ga({attachment:e}){const{name:t,size:n,type:o,url:s}=e,a=o.startsWith("image/"),i=o.startsWith("video/"),c=o.startsWith("audio/"),d=o==="application/pdf";if(c)return r.jsx(Pe,{children:r.jsx("div",{className:"w-full shrink-0 overflow-hidden",children:r.jsxs("audio",{controls:!0,className:"w-full",children:[r.jsx("source",{src:s,type:o}),"Your browser does not support the audio tag."]})})});if(i)return r.jsx(Pe,{children:r.jsx("div",{className:"w-full border shrink-0 rounded-2xl overflow-hidden",children:r.jsxs("video",{controls:!0,children:[r.jsx("source",{src:s,type:o}),"Your browser does not support the video tag."]})})});if(a)return r.jsx(yn,{trigger:r.jsx("div",{children:r.jsx(Pe,{children:r.jsx("div",{className:"size-fit border shrink-0 rounded-2xl overflow-hidden",children:r.jsx("img",{src:s,className:"object-cover size-16",alt:t})})})}),children:r.jsx(wn,{className:"size-full max-w-full rounded-3xl flex items-center justify-center bg-transparent border-none gap-0",withClose:!0,children:r.jsx(fa,{src:s,alt:t})})});if(d)return r.jsx(Io,{url:s,name:t,size:n,icon:r.jsx(z.FileText,{className:"size-5",strokeWidth:1.75}),label:"PDF"});const l=pa({type:o,name:t});return l?r.jsx(Io,{url:s,name:t,size:n,icon:r.jsx(z.FileSpreadsheet,{className:"size-5",strokeWidth:1.75}),label:l.label}):r.jsx(Pe,{children:r.jsx("div",{className:"size-fit border shrink-0 rounded-2xl overflow-hidden",children:r.jsxs("div",{className:"flex items-end gap-2 p-2",children:[r.jsx("a",{href:s,target:"_blank",rel:"noopener noreferrer",className:A("text-xs text-blue-500 line-clamp-2 underline hover:text-blue-600","break-words [word-break:break-word]"),children:t}),r.jsxs("span",{className:"text-xs text-muted-foreground whitespace-nowrap",children:[(n/1024).toFixed(2)," KB"]})]})})})}function hd({replyTo:e}){const t=k.useBot(),{humanAgent:n}=k.useConfig(),{sender:o}=e,s=o.kind==="user"?"You":o.kind==="ai"?t.name:o.kind==="agent"?(n==null?void 0:n.name)||o.name||"Team":o.name;return r.jsxs("button",{...D("chat/agent_msg/reply_to"),type:"button",onClick:a=>{const i=a.currentTarget.ownerDocument.querySelector(`[data-message-id="${CSS.escape(e.id)}"]`);i==null||i.scrollIntoView({behavior:"smooth",block:"center"}),i==null||i.animate([{opacity:.35},{opacity:1}],{duration:900,easing:"ease-out"})},className:A("not-prose mb-2 block w-full min-w-0 text-start","rounded-xl border-s-2 border-primary/50 bg-primary/[0.07] ps-2.5 pe-2 py-1.5","text-xs leading-snug text-muted-foreground","transition-colors hover:bg-primary/10 hover:text-foreground"),children:[s&&r.jsx("span",{className:"block font-medium text-foreground/80",children:s}),r.jsx("span",{className:"line-clamp-2 break-words",children:e.text})]})}const xa=u.memo(Oi,(e,t)=>e.children===t.children&&e.className===t.className);var bs,ws,ys;const fd={...Ne.defaultSchema,attributes:{...Ne.defaultSchema.attributes,"*":[...((bs=Ne.defaultSchema.attributes)==null?void 0:bs["*"])??[],"style"],code:[...((ws=Ne.defaultSchema.attributes)==null?void 0:ws.code)??[],"className"],pre:[...((ys=Ne.defaultSchema.attributes)==null?void 0:ys.pre)??[],"className"]}},gd=/^(color|background-color|font-(family|size|style|weight)|text-(align|decoration|transform)|line-height|letter-spacing|white-space|display|width|height|max-width|min-width|margin(-top|-right|-bottom|-left)?|padding(-top|-right|-bottom|-left)?|border(-width|-style|-color|-radius)?)$/i,xd=/^[\w\s#.,%()'"+-]+$/,bd=/\b(url|expression|var|attr)\s*\(/i;function wd(){return function e(t){var o,s;const n=(o=t.properties)==null?void 0:o.style;typeof n=="string"&&t.properties&&(t.properties.style=n.split(";").filter(a=>{const i=a.indexOf(":");if(i<0)return!1;const c=a.slice(0,i).trim(),d=a.slice(i+1).trim();return gd.test(c)&&xd.test(d)&&!bd.test(d)}).join(";")),(s=t.children)==null||s.forEach(e)}}function ba(e){return e.replace(/<citations>[\s\S]*?<\/citations>/g,"").replace(/<citations[\s\S]*$/,"").replace(/<(?:ref|cite)\s[^>]*?\/?>/g,"").replace(/<r(?:e(?:f[^>]*)?)?$/,"").replace(/<c(?:i(?:t(?:a(?:t(?:i(?:o(?:n(?:s)?)?)?)?)?)?(?:e[^>]*)?)?)?$/,"").trimEnd()}var vs,ks;const yd={...Ne.defaultSchema,attributes:{...Ne.defaultSchema.attributes,code:[...((vs=Ne.defaultSchema.attributes)==null?void 0:vs.code)??[],"className"],pre:[...((ks=Ne.defaultSchema.attributes)==null?void 0:ks.pre)??[],"className"]}};function Nr(e){return r.jsx(wa,{...e})}function vd(e){return r.jsx(wa,{...e,configuredStyles:!0})}function wa({children:e,messageType:t,messageId:n,configuredStyles:o=!1}){const{anchorTarget:s}=k.useConfig();return r.jsx(xa,{"data-type":t,"data-id":n,remarkPlugins:[Cs],rehypePlugins:o?[Bn,wd,[Ne,fd]]:[Bn,[Ne,yd]],components:{a:({children:a,...i})=>r.jsx("a",{target:i.target||s||"_top",...i,children:a}),img:({src:a,alt:i,...c})=>a?r.jsx(yn,{trigger:r.jsx("img",{src:a,alt:i,...c,className:"cursor-pointer rounded-xl"}),children:r.jsx(wn,{className:"size-full max-w-full rounded-3xl flex items-center justify-center bg-transparent border-none gap-0",withClose:!0,children:r.jsx(fa,{src:a,alt:i})})}):r.jsx("img",{src:a,alt:i,...c})},children:ba(e)})}function Fe(){const{widgetCtx:{org:e}}=k.useWidget(),{sessionState:{session:t}}=k.useSessions(),n=k.useConfig(),{messagesState:{messages:o}}=k.useMessages(),{routerState:{screen:s}}=k.useWidgetRouter();return{react:u,org:e,session:t,config:n,messages:o,currentScreen:s}}function kd({currentMessage:e}){var o;const t=Fe(),n=(o=t.config.customComponents)==null?void 0:o["message::after"];return n?r.jsx(n,{...t,currentMessage:e}):null}function jd({messageId:e,messageOptions:t}){var l;const{messagesState:n,sendMessage:o}=k.useMessages(),{sessionState:s}=k.useSessions(),a=n.messages.findLast(p=>p.type==="AGENT"&&p.messageOptions),{pickedOptionId:i}=t,c=i===null&&(a==null?void 0:a.id)===e&&((l=s.session)==null?void 0:l.isOpened)!==!1,d=t.options.find(p=>p.id===i);return d?r.jsx("div",{...D("chat/agent_msg/options"),className:"flex",children:r.jsxs(X,{...D("chat/agent_msg/option_btn"),"data-picked":!0,"aria-pressed":!0,size:"sm",variant:"outline",className:"w-fit pl-2 text-sm text-muted-foreground disabled:opacity-100",disabled:!0,children:[r.jsx(z.CheckIcon,{"aria-hidden":"true",className:"size-3.5 shrink-0"}),d.label]})}):c?r.jsx("div",{...D("chat/agent_msg/options"),role:"group",className:"flex flex-row flex-wrap gap-1.5 [@media(pointer:coarse)]:gap-y-3",children:t.options.map(p=>r.jsxs(X,{...D("chat/agent_msg/option_btn"),size:"sm",variant:"outline",className:"relative w-fit text-sm hover:bg-secondary",onClick:()=>o({content:p.label,optionReply:{messageId:e,optionId:p.id}}),children:[r.jsx("span",{"aria-hidden":"true",className:"absolute top-1/2 left-1/2 size-[max(100%,3rem)] -translate-x-1/2 -translate-y-1/2 [@media(pointer:fine)]:hidden"}),p.label]},p.id))}):null}const Cd=["[--tw-prose-body:hsl(var(--opencx-secondary-foreground))]","[--tw-prose-headings:hsl(var(--opencx-secondary-foreground))]","[--tw-prose-lead:hsl(var(--opencx-secondary-foreground))]","[--tw-prose-bold:hsl(var(--opencx-secondary-foreground))]","[--tw-prose-links:hsl(var(--opencx-secondary-foreground))]","[--tw-prose-code:hsl(var(--opencx-secondary-foreground))]","[--tw-prose-counters:hsl(var(--opencx-muted-foreground))]","[--tw-prose-bullets:hsl(var(--opencx-muted-foreground))]","[--tw-prose-quotes:hsl(var(--opencx-muted-foreground))]","[--tw-prose-quote-borders:hsl(var(--opencx-border))]","[--tw-prose-hr:hsl(var(--opencx-border))]","[--tw-prose-th-borders:hsl(var(--opencx-border))]","[--tw-prose-td-borders:hsl(var(--opencx-border))]","[--tw-prose-pre-bg:hsl(var(--opencx-muted))]","[--tw-prose-pre-code:hsl(var(--opencx-foreground))]"].join(" ");function Jn(e){const{data:t,id:n,type:o,attachments:s,isFirstInGroup:a,isLastInGroup:i,isAloneInGroup:c,dataComponentNames:d,classNames:l}=e,p=o==="AI"||o==="AGENT"?t.message:"",m=u.useMemo(()=>o==="AI"?ua(p):null,[o,p]);if(o!=="AI"&&o!=="AGENT")return null;const{variant:h="default"}=t,f=e.replyTo?r.jsx(hd,{replyTo:e.replyTo}):null,v=(N,w,_=!0,S=!0)=>r.jsxs("div",{className:"flex flex-row gap-2",children:[r.jsxs("div",{...D((d==null?void 0:d.message)??"chat/agent_msg/msg"),"data-first":a,"data-last":i,"data-alone":c,"data-variant":h,className:A("transition-all","w-fit py-3 px-4 rounded-3xl bg-secondary text-secondary-foreground","leading-snug text-sm prose prose-sm prose-a:decoration-primary prose-a:underline",Cd,"break-words [word-break:break-word]",h==="error"&&"bg-destructive/15 text-destructive",a&&!c&&"rounded-bl-md",i&&!c&&"rounded-tl-md",!a&&!i&&!c&&"rounded-l-md",l==null?void 0:l.message),children:[S&&f,r.jsx(Nr,{messageType:o,messageId:n,children:N})]}),_&&r.jsx(kd,{currentMessage:e})]},w),g=(m==null?void 0:m.some(N=>N.type==="ui"))??!1,j=(m==null?void 0:m.reduce((N,w,_)=>w.type==="markdown"?_:N,-1))??-1,x=(m==null?void 0:m.findIndex(N=>N.type==="markdown"))??-1;return r.jsxs("div",{...D((d==null?void 0:d.messageContainer)??"chat/agent_msg/root"),"data-message-id":n,className:A("w-5/6 flex flex-col items-start gap-1",l==null?void 0:l.messageContainer),children:[s&&s.length>0&&r.jsx("div",{className:"w-full gap-1 flex flex-row flex-wrap items-center justify-start",children:s==null?void 0:s.map(N=>r.jsx(ga,{attachment:N},N.id))}),g&&m?m.map((N,w)=>N.type==="markdown"?v(N.content,`md-${w}`,w===j,w===x):r.jsx("div",{className:"w-full",children:r.jsx(la,{spec:N.spec})},`ui-${w}`)):p.length>0&&v(p),o==="AGENT"&&e.messageOptions&&r.jsx(jd,{messageId:n,messageOptions:e.messageOptions})]})}function Sd(e){return r.jsx("div",{className:"w-full max-w-full overflow-auto shrink-0",children:r.jsx("pre",{className:"text-xs leading-tight whitespace-pre-wrap break-word",children:JSON.stringify(e,null,1)})})}const _r=Je.forwardRef(({className:e,...t},n)=>r.jsx(_t.Root,{ref:n,className:A("relative flex size-6 aspect-square shrink-0 overflow-hidden rounded-full bg-secondary",e),...t}));_r.displayName=_t.Root.displayName;const Er=Je.forwardRef(({className:e,...t},n)=>r.jsx(_t.Image,{ref:n,className:A("aspect-square h-full w-full",e),...t}));Er.displayName=_t.Image.displayName;const Tr=Je.forwardRef(({className:e,...t},n)=>r.jsx(_t.Fallback,{ref:n,className:A("flex size-full text-xs items-center justify-center rounded-lg",e),...t}));Tr.displayName=_t.Fallback.displayName;function Qn({agent:e,...t}){var n,o;return r.jsxs(_r,{...t,children:[r.jsx(Er,{src:(e==null?void 0:e.avatarUrl)||(e==null?void 0:e.avatar)||"",alt:"Agent Icon"}),(e==null?void 0:e.name)&&r.jsx(Tr,{children:(o=(n=e==null?void 0:e.name)==null?void 0:n.slice(0,1))==null?void 0:o.toUpperCase()})]})}function Nd({agent:e}){return r.jsx(B.AnimatePresence,{children:r.jsxs(te,{...D("chat/bot_loading/root"),className:"flex flex-row items-end w-full gap-2 animate-pulse",children:[r.jsx(Qn,{agent:e}),r.jsxs("div",{...D("chat/bot_loading/bouncing_dots_container"),className:A("flex items-center [&_span]:bg-secondary-foreground [&_span]:size-1 gap-1 p-2 rounded-xl bg-secondary"),children:[r.jsx(B.motion.span,{className:"rounded-full animate-bounce [animation-delay:-0.3s]"}),r.jsx(B.motion.span,{className:"rounded-full animate-bounce [animation-delay:-0.15s]"}),r.jsx(B.motion.span,{className:"rounded-full animate-bounce"})]})]})})}const _d='*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{display:none}*{border-color:hsl(var(--opencx-border))}.\\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\\!container{max-width:1536px!important}.container{max-width:1536px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%),0 3px rgb(var(--tw-prose-kbd-shadows) / 10%);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body: #374151;--tw-prose-headings: #111827;--tw-prose-lead: #4b5563;--tw-prose-links: #111827;--tw-prose-bold: #111827;--tw-prose-counters: #6b7280;--tw-prose-bullets: #d1d5db;--tw-prose-hr: #e5e7eb;--tw-prose-quotes: #111827;--tw-prose-quote-borders: #e5e7eb;--tw-prose-captions: #6b7280;--tw-prose-kbd: #111827;--tw-prose-kbd-shadows: 17 24 39;--tw-prose-code: #111827;--tw-prose-pre-code: #e5e7eb;--tw-prose-pre-bg: #1f2937;--tw-prose-th-borders: #d1d5db;--tw-prose-td-borders: #e5e7eb;--tw-prose-invert-body: #d1d5db;--tw-prose-invert-headings: #fff;--tw-prose-invert-lead: #9ca3af;--tw-prose-invert-links: #fff;--tw-prose-invert-bold: #fff;--tw-prose-invert-counters: #9ca3af;--tw-prose-invert-bullets: #4b5563;--tw-prose-invert-hr: #374151;--tw-prose-invert-quotes: #f3f4f6;--tw-prose-invert-quote-borders: #374151;--tw-prose-invert-captions: #9ca3af;--tw-prose-invert-kbd: #fff;--tw-prose-invert-kbd-shadows: 255 255 255;--tw-prose-invert-code: #fff;--tw-prose-invert-pre-code: #d1d5db;--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);--tw-prose-invert-th-borders: #4b5563;--tw-prose-invert-td-borders: #374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-sm{font-size:.875rem;line-height:1.7142857}.prose-sm :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose-sm :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;line-height:1.5555556;margin-top:.8888889em;margin-bottom:.8888889em}.prose-sm :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.1111111em}.prose-sm :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.1428571em;margin-top:0;margin-bottom:.8em;line-height:1.2}.prose-sm :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.4285714em;margin-top:1.6em;margin-bottom:.8em;line-height:1.4}.prose-sm :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;margin-top:1.5555556em;margin-bottom:.4444444em;line-height:1.5555556}.prose-sm :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.4285714em;margin-bottom:.5714286em;line-height:1.4285714}.prose-sm :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;border-radius:.3125rem;padding-top:.1428571em;padding-inline-end:.3571429em;padding-bottom:.1428571em;padding-inline-start:.3571429em}.prose-sm :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em}.prose-sm :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em}.prose-sm :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em}.prose-sm :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.6666667;margin-top:1.6666667em;margin-bottom:1.6666667em;border-radius:.25rem;padding-top:.6666667em;padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-inline-start:1.5714286em}.prose-sm :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em;padding-inline-start:1.5714286em}.prose-sm :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.2857143em;margin-bottom:.2857143em}.prose-sm :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4285714em}.prose-sm :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4285714em}.prose-sm :where(.prose-sm>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(.prose-sm>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(.prose-sm>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5714286em;margin-bottom:.5714286em}.prose-sm :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em;margin-bottom:1.1428571em}.prose-sm :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.2857143em;padding-inline-start:1.5714286em}.prose-sm :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2.8571429em;margin-bottom:2.8571429em}.prose-sm :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.5}.prose-sm :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.6666667em;padding-inline-end:1em;padding-bottom:.6666667em;padding-inline-start:1em}.prose-sm :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7142857em;margin-bottom:1.7142857em}.prose-sm :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.3333333;margin-top:.6666667em}.prose-sm :where(.prose-sm>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(.prose-sm>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.opencx-text-shimmer{animation:opencx-text-shimmer 2.5s ease-in-out infinite}.opencx-fade-up{animation:opencx-fade-up .3s cubic-bezier(.23,1,.32,1) both}[data-component="trigger/unread"],[data-component="sessions/unread"]{pointer-events:none;border-radius:9999px;background-color:hsl(var(--opencx-destructive));text-align:center;font-weight:600;--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);color:hsl(var(--opencx-destructive-foreground));font-size:11px;line-height:18px;box-shadow:0 0 0 2px hsl(var(--opencx-background))}[data-component="trigger/unread"]{position:absolute;z-index:1}[data-component="sessions/unread"]{flex-shrink:0;box-shadow:none}[data-unread-look=dot]{width:9px;height:9px}[data-unread-look=count]{min-width:16px;height:16px;padding:0 4px;font-size:10px;line-height:16px}.opencx-placeholder-in{animation:opencx-placeholder-in .2s cubic-bezier(.23,1,.32,1) both}.opencx-placeholder-out{animation:opencx-placeholder-out .18s cubic-bezier(.23,1,.32,1) both}@keyframes opencx-text-shimmer{0%,to{opacity:.45}50%{opacity:1}}@keyframes opencx-fade-up{0%{opacity:0;filter:blur(4px);transform:translateY(8px)}to{opacity:1;filter:blur(0px);transform:translateY(0)}}@keyframes opencx-placeholder-in{0%{opacity:0;transform:translateY(4px);filter:blur(1px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes opencx-placeholder-out{0%{opacity:1;transform:translateY(0);filter:blur(0)}to{opacity:0;transform:translateY(-8px);filter:blur(1px)}}.opencx-input-recall{animation:opencx-input-recall .15s cubic-bezier(.23,1,.32,1)}@keyframes opencx-input-recall{0%{opacity:.25;translate:0 -3px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.opencx-text-shimmer,.opencx-fade-up,.opencx-placeholder-in,.opencx-placeholder-out,.opencx-input-recall{animation:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.\\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-0\\.5{top:.125rem;right:.125rem;bottom:.125rem;left:.125rem}.inset-x-0{left:0;right:0}.bottom-0{bottom:0}.bottom-3{bottom:.75rem}.end-1{inset-inline-end:.25rem}.end-6{inset-inline-end:1.5rem}.left-1\\/2,.left-\\[50\\%\\]{left:50%}.right-4{right:1rem}.start-2{inset-inline-start:.5rem}.top-1{top:.25rem}.top-1\\/2{top:50%}.top-2{top:.5rem}.top-3{top:.75rem}.top-4{top:1rem}.top-6{top:1.5rem}.top-\\[50\\%\\]{top:50%}.top-full{top:100%}.isolate{isolation:isolate}.-z-10{z-index:-10}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.order-1{order:1}.order-2{order:2}.col-span-full{grid-column:1 / -1}.m-2{margin:.5rem}.-mx-0\\.5{margin-left:-.125rem;margin-right:-.125rem}.mx-0\\.5{margin-left:.125rem;margin-right:.125rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.-mt-0\\.5{margin-top:-.125rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.ml-auto{margin-left:auto}.ms-1\\.5{margin-inline-start:.375rem}.ms-\\[30px\\]{margin-inline-start:30px}.ms-auto{margin-inline-start:auto}.mt-0\\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-auto{margin-top:auto}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.inline-grid{display:inline-grid}.contents{display:contents}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.size-0{width:0px;height:0px}.size-1\\.5{width:.375rem;height:.375rem}.size-10{width:2.5rem;height:2.5rem}.size-12{width:3rem;height:3rem}.size-16{width:4rem;height:4rem}.size-2{width:.5rem;height:.5rem}.size-2\\.5{width:.625rem;height:.625rem}.size-3{width:.75rem;height:.75rem}.size-3\\.5{width:.875rem;height:.875rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-7{width:1.75rem;height:1.75rem}.size-8{width:2rem;height:2rem}.size-9{width:2.25rem;height:2.25rem}.size-\\[18px\\]{width:18px;height:18px}.size-\\[max\\(100\\%\\,3rem\\)\\]{width:max(100%,3rem);height:max(100%,3rem)}.size-fit{width:fit-content;height:fit-content}.size-full{width:100%;height:100%}.h-0{height:0px}.h-1{height:.25rem}.h-10{height:2.5rem}.h-3\\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-full{height:100%}.max-h-16{max-height:4rem}.max-h-40{max-height:10rem}.max-h-60{max-height:15rem}.max-h-64{max-height:16rem}.max-h-72{max-height:18rem}.max-h-\\[160px\\]{max-height:160px}.max-h-\\[200px\\]{max-height:200px}.max-h-\\[50vh\\]{max-height:50vh}.max-h-full{max-height:100%}.min-h-0{min-height:0px}.min-h-12{min-height:3rem}.w-0{width:0px}.w-1\\/2{width:50%}.w-10{width:2.5rem}.w-14{width:3.5rem}.w-2\\/5{width:40%}.w-3\\/5{width:60%}.w-4{width:1rem}.w-5\\/6{width:83.333333%}.w-7{width:1.75rem}.w-\\[32px\\]{width:32px}.w-\\[3px\\]{width:3px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.w-screen{width:100vw}.w-svw{width:100svw}.min-w-0{min-width:0px}.min-w-80{min-width:20rem}.min-w-\\[140px\\]{min-width:140px}.min-w-\\[3ch\\]{min-width:3ch}.max-w-40{max-width:10rem}.max-w-48{max-width:12rem}.max-w-96{max-width:24rem}.max-w-\\[61\\.8\\%\\]{max-width:61.8%}.max-w-\\[min\\(100\\%\\,16rem\\)\\]{max-width:min(100%,16rem)}.max-w-full{max-width:100%}.max-w-none{max-width:none}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink,.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.origin-\\[var\\(--radix-popover-content-transform-origin\\)\\]{transform-origin:var(--radix-popover-content-transform-origin)}.origin-\\[var\\(--radix-tooltip-content-transform-origin\\)\\]{transform-origin:var(--radix-tooltip-content-transform-origin)}.origin-center{transform-origin:center}.origin-top{transform-origin:top}.-translate-x-1\\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\\[-50\\%\\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\\[var\\(--wobble-x\\)\\]{--tw-translate-x: var(--wobble-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[-50\\%\\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[var\\(--wobble-y\\)\\]{--tw-translate-y: var(--wobble-y);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-y-50{--tw-scale-y: .5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\\[subgrid\\]{grid-template-columns:subgrid}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0px}.gap-0\\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-\\[1px\\]{gap:1px}.gap-\\[3px\\]{gap:3px}.gap-x-2\\.5{column-gap:.625rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-foreground\\/10>:not([hidden])~:not([hidden]){border-color:hsl(var(--opencx-foreground) / .1)}.self-start{align-self:flex-start}.self-center{align-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-pretty{text-wrap:pretty}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\\[1px\\]{border-radius:1px}.rounded-\\[20px\\]{border-radius:20px}.rounded-\\[calc\\(var\\(--opencx-inset-radius\\)\\+var\\(--cx-p\\)\\)\\]{border-radius:calc(var(--opencx-inset-radius) + var(--cx-p))}.rounded-\\[calc\\(var\\(--pk-r\\)-var\\(--pk-p\\)\\)\\]{border-radius:calc(var(--pk-r) - var(--pk-p))}.rounded-\\[var\\(--opencx-inset-radius\\)\\]{border-radius:var(--opencx-inset-radius)}.rounded-\\[var\\(--pk-r\\)\\]{border-radius:var(--pk-r)}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-b-2xl{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem}.rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-bl-md{border-bottom-left-radius:.375rem}.rounded-br-md{border-bottom-right-radius:.375rem}.rounded-tl-md{border-top-left-radius:.375rem}.rounded-tr-md{border-top-right-radius:.375rem}.border{border-width:1px}.border-\\[1\\.5px\\]{border-width:1.5px}.border-b{border-bottom-width:1px}.border-l-2{border-left-width:2px}.border-s{border-inline-start-width:1px}.border-s-2{border-inline-start-width:2px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-border{border-color:hsl(var(--opencx-border))}.border-destructive\\/30{border-color:hsl(var(--opencx-destructive) / .3)}.border-foreground\\/10{border-color:hsl(var(--opencx-foreground) / .1)}.border-foreground\\/15{border-color:hsl(var(--opencx-foreground) / .15)}.border-muted-foreground\\/10{border-color:hsl(var(--opencx-muted-foreground) / .1)}.border-muted-foreground\\/15{border-color:hsl(var(--opencx-muted-foreground) / .15)}.border-muted-foreground\\/20{border-color:hsl(var(--opencx-muted-foreground) / .2)}.border-muted-foreground\\/30{border-color:hsl(var(--opencx-muted-foreground) / .3)}.border-primary{border-color:hsl(var(--opencx-primary))}.border-primary\\/10{border-color:hsl(var(--opencx-primary) / .1)}.border-primary\\/50{border-color:hsl(var(--opencx-primary) / .5)}.border-l-amber-500{--tw-border-opacity: 1;border-left-color:rgb(245 158 11 / var(--tw-border-opacity, 1))}.border-l-blue-500{--tw-border-opacity: 1;border-left-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-l-emerald-500{--tw-border-opacity: 1;border-left-color:rgb(16 185 129 / var(--tw-border-opacity, 1))}.border-l-red-500{--tw-border-opacity: 1;border-left-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-t-current{border-top-color:currentColor}.bg-\\[white\\]{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-amber-500{--tw-bg-opacity: 1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))}.bg-amber-500\\/15{background-color:#f59e0b26}.bg-amber-500\\/5{background-color:#f59e0b0d}.bg-background{background-color:hsl(var(--opencx-background))}.bg-background\\/80{background-color:hsl(var(--opencx-background) / .8)}.bg-black\\/50{background-color:#00000080}.bg-black\\/60{background-color:#0009}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-500\\/5{background-color:#3b82f60d}.bg-current{background-color:currentColor}.bg-destructive{background-color:hsl(var(--opencx-destructive))}.bg-destructive\\/10{background-color:hsl(var(--opencx-destructive) / .1)}.bg-destructive\\/15{background-color:hsl(var(--opencx-destructive) / .15)}.bg-emerald-500{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.bg-emerald-500\\/10{background-color:#10b9811a}.bg-emerald-500\\/15{background-color:#10b98126}.bg-emerald-500\\/5{background-color:#10b9810d}.bg-foreground\\/5{background-color:hsl(var(--opencx-foreground) / .05)}.bg-foreground\\/50{background-color:hsl(var(--opencx-foreground) / .5)}.bg-foreground\\/60{background-color:hsl(var(--opencx-foreground) / .6)}.bg-muted{background-color:hsl(var(--opencx-muted))}.bg-muted-foreground{background-color:hsl(var(--opencx-muted-foreground))}.bg-muted-foreground\\/10{background-color:hsl(var(--opencx-muted-foreground) / .1)}.bg-muted-foreground\\/30{background-color:hsl(var(--opencx-muted-foreground) / .3)}.bg-muted-foreground\\/40{background-color:hsl(var(--opencx-muted-foreground) / .4)}.bg-muted\\/30{background-color:hsl(var(--opencx-muted) / .3)}.bg-muted\\/40{background-color:hsl(var(--opencx-muted) / .4)}.bg-primary{background-color:hsl(var(--opencx-primary))}.bg-primary-foreground\\/20{background-color:hsl(var(--opencx-primary-foreground) / .2)}.bg-primary\\/10{background-color:hsl(var(--opencx-primary) / .1)}.bg-primary\\/25{background-color:hsl(var(--opencx-primary) / .25)}.bg-primary\\/\\[0\\.07\\]{background-color:hsl(var(--opencx-primary) / .07)}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-500\\/5{background-color:#ef44440d}.bg-secondary{background-color:hsl(var(--opencx-secondary))}.bg-secondary-foreground\\/10{background-color:hsl(var(--opencx-secondary-foreground) / .1)}.bg-secondary-foreground\\/20{background-color:hsl(var(--opencx-secondary-foreground) / .2)}.bg-transparent{background-color:transparent}.bg-white\\/30{background-color:#ffffff4d}.bg-\\[radial-gradient\\(ellipse_at_top_left\\,hsl\\(var\\(--opencx-primary\\)\\)\\,transparent\\)\\,radial-gradient\\(ellipse_at_top_right\\,hsl\\(var\\(--opencx-primary\\)\\)\\,transparent\\)\\]{background-image:radial-gradient(ellipse at top left,hsl(var(--opencx-primary)),transparent),radial-gradient(ellipse at top right,hsl(var(--opencx-primary)),transparent)}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-foreground\\/70{--tw-gradient-from: hsl(var(--opencx-foreground) / .7) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--opencx-foreground) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-foreground\\/0{--tw-gradient-to: hsl(var(--opencx-foreground) / 0) var(--tw-gradient-to-position)}.fill-current{fill:currentColor}.fill-foreground{fill:hsl(var(--opencx-foreground))}.stroke-current{stroke:currentColor}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-left-top{object-position:left top}.p-0{padding:0}.p-0\\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-\\[var\\(--cx-p\\)\\]{padding:var(--cx-p)}.p-\\[var\\(--pk-p\\)\\]{padding:var(--pk-p)}.px-0\\.5{padding-left:.125rem;padding-right:.125rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0{padding-top:0;padding-bottom:0}.py-0\\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-\\[3px\\]{padding-top:3px;padding-bottom:3px}.pb-0{padding-bottom:0}.pb-0\\.5{padding-bottom:.125rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pe-1{padding-inline-end:.25rem}.pe-2{padding-inline-end:.5rem}.pe-2\\.5{padding-inline-end:.625rem}.pe-4{padding-inline-end:1rem}.pl-2{padding-left:.5rem}.pl-6{padding-left:1.5rem}.pr-16{padding-right:4rem}.ps-1{padding-inline-start:.25rem}.ps-1\\.5{padding-inline-start:.375rem}.ps-2{padding-inline-start:.5rem}.ps-2\\.5{padding-inline-start:.625rem}.ps-3{padding-inline-start:.75rem}.ps-4{padding-inline-start:1rem}.ps-8{padding-inline-start:2rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-1\\.5{padding-top:.375rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-start{text-align:start}.align-middle{vertical-align:middle}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\\[0\\.8125rem\\]{font-size:.8125rem}.text-\\[1\\.75rem\\]{font-size:1.75rem}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.text-\\[12px\\]{font-size:12px}.text-\\[13px\\]{font-size:13px}.text-\\[14px\\]{font-size:14px}.text-\\[16px\\]{font-size:16px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-5{line-height:1.25rem}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-background{color:hsl(var(--opencx-background))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-destructive{color:hsl(var(--opencx-destructive))}.text-destructive-foreground{color:hsl(var(--opencx-destructive-foreground))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-foreground{color:hsl(var(--opencx-foreground))}.text-foreground\\/50{color:hsl(var(--opencx-foreground) / .5)}.text-foreground\\/60{color:hsl(var(--opencx-foreground) / .6)}.text-foreground\\/80{color:hsl(var(--opencx-foreground) / .8)}.text-foreground\\/90{color:hsl(var(--opencx-foreground) / .9)}.text-muted-foreground{color:hsl(var(--opencx-muted-foreground))}.text-muted-foreground\\/40{color:hsl(var(--opencx-muted-foreground) / .4)}.text-muted-foreground\\/50{color:hsl(var(--opencx-muted-foreground) / .5)}.text-muted-foreground\\/60{color:hsl(var(--opencx-muted-foreground) / .6)}.text-muted-foreground\\/70{color:hsl(var(--opencx-muted-foreground) / .7)}.text-muted-foreground\\/75{color:hsl(var(--opencx-muted-foreground) / .75)}.text-primary{color:hsl(var(--opencx-primary))}.text-primary-foreground{color:hsl(var(--opencx-primary-foreground))}.text-primary-foreground\\/60{color:hsl(var(--opencx-primary-foreground) / .6)}.text-primary\\/10{color:hsl(var(--opencx-primary) / .1)}.text-primary\\/40{color:hsl(var(--opencx-primary) / .4)}.text-primary\\/50{color:hsl(var(--opencx-primary) / .5)}.text-primary\\/60{color:hsl(var(--opencx-primary) / .6)}.text-primary\\/70{color:hsl(var(--opencx-primary) / .7)}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-secondary-foreground{color:hsl(var(--opencx-secondary-foreground))}.text-secondary-foreground\\/60{color:hsl(var(--opencx-secondary-foreground) / .6)}.text-secondary-foreground\\/70{color:hsl(var(--opencx-secondary-foreground) / .7)}.text-transparent{color:transparent}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\\/80{color:#fffc}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.caret-foreground{caret-color:hsl(var(--opencx-foreground))}.accent-current{accent-color:currentColor}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-35{opacity:.35}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-95{opacity:.95}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.outline-8{outline-width:8px}.outline-background{outline-color:hsl(var(--opencx-background))}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-border{--tw-ring-color: hsl(var(--opencx-border))}.ring-offset-background{--tw-ring-offset-color: hsl(var(--opencx-background))}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[background-color\\,color\\,transform\\]{transition-property:background-color,color,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[height\\]{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[width\\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-opencx{transition-timing-function:cubic-bezier(.23,1,.32,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.fade-in-0{--tw-enter-opacity: 0}.zoom-in{--tw-enter-scale: 0}.zoom-in-95{--tw-enter-scale: .95}.duration-100{animation-duration:.1s}.duration-150{animation-duration:.15s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.ease-opencx{animation-timing-function:cubic-bezier(.23,1,.32,1)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.running{animation-play-state:running}.paused{animation-play-state:paused}.\\[--tw-prose-body\\:hsl\\(var\\(--opencx-muted-foreground\\)\\)\\]{--tw-prose-body: hsl(var(--opencx-muted-foreground))}.\\[--tw-prose-body\\:hsl\\(var\\(--opencx-secondary-foreground\\)\\)\\]{--tw-prose-body: hsl(var(--opencx-secondary-foreground))}.\\[--tw-prose-bold\\:hsl\\(var\\(--opencx-foreground\\)\\)\\]{--tw-prose-bold: hsl(var(--opencx-foreground))}.\\[--tw-prose-bold\\:hsl\\(var\\(--opencx-secondary-foreground\\)\\)\\]{--tw-prose-bold: hsl(var(--opencx-secondary-foreground))}.\\[--tw-prose-bullets\\:hsl\\(var\\(--opencx-muted-foreground\\)\\)\\]{--tw-prose-bullets: hsl(var(--opencx-muted-foreground))}.\\[--tw-prose-code\\:hsl\\(var\\(--opencx-foreground\\)\\)\\]{--tw-prose-code: hsl(var(--opencx-foreground))}.\\[--tw-prose-code\\:hsl\\(var\\(--opencx-secondary-foreground\\)\\)\\]{--tw-prose-code: hsl(var(--opencx-secondary-foreground))}.\\[--tw-prose-counters\\:hsl\\(var\\(--opencx-muted-foreground\\)\\)\\]{--tw-prose-counters: hsl(var(--opencx-muted-foreground))}.\\[--tw-prose-headings\\:hsl\\(var\\(--opencx-foreground\\)\\)\\]{--tw-prose-headings: hsl(var(--opencx-foreground))}.\\[--tw-prose-headings\\:hsl\\(var\\(--opencx-secondary-foreground\\)\\)\\]{--tw-prose-headings: hsl(var(--opencx-secondary-foreground))}.\\[--tw-prose-hr\\:hsl\\(var\\(--opencx-border\\)\\)\\]{--tw-prose-hr: hsl(var(--opencx-border))}.\\[--tw-prose-lead\\:hsl\\(var\\(--opencx-secondary-foreground\\)\\)\\]{--tw-prose-lead: hsl(var(--opencx-secondary-foreground))}.\\[--tw-prose-links\\:hsl\\(var\\(--opencx-primary\\)\\)\\]{--tw-prose-links: hsl(var(--opencx-primary))}.\\[--tw-prose-links\\:hsl\\(var\\(--opencx-secondary-foreground\\)\\)\\]{--tw-prose-links: hsl(var(--opencx-secondary-foreground))}.\\[--tw-prose-pre-bg\\:hsl\\(var\\(--opencx-muted\\)\\)\\]{--tw-prose-pre-bg: hsl(var(--opencx-muted))}.\\[--tw-prose-pre-code\\:hsl\\(var\\(--opencx-foreground\\)\\)\\]{--tw-prose-pre-code: hsl(var(--opencx-foreground))}.\\[--tw-prose-quote-borders\\:hsl\\(var\\(--opencx-border\\)\\)\\]{--tw-prose-quote-borders: hsl(var(--opencx-border))}.\\[--tw-prose-quotes\\:hsl\\(var\\(--opencx-muted-foreground\\)\\)\\]{--tw-prose-quotes: hsl(var(--opencx-muted-foreground))}.\\[--tw-prose-td-borders\\:hsl\\(var\\(--opencx-border\\)\\)\\]{--tw-prose-td-borders: hsl(var(--opencx-border))}.\\[--tw-prose-th-borders\\:hsl\\(var\\(--opencx-border\\)\\)\\]{--tw-prose-th-borders: hsl(var(--opencx-border))}.\\[animation-delay\\:-0\\.15s\\]{animation-delay:-.15s}.\\[animation-delay\\:-0\\.3s\\]{animation-delay:-.3s}.\\[field-sizing\\:content\\;\\],.\\[field-sizing\\:content\\]{field-sizing:content}.\\[overflow-wrap\\:anywhere\\]{overflow-wrap:anywhere}.\\[word-break\\:break-word\\]{word-break:break-word}.file\\:border-0::file-selector-button{border-width:0px}.file\\:bg-transparent::file-selector-button{background-color:transparent}.file\\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\\:font-medium::file-selector-button{font-weight:500}.file\\:text-primary-foreground::file-selector-button{color:hsl(var(--opencx-primary-foreground))}.placeholder\\:text-muted-foreground::placeholder{color:hsl(var(--opencx-muted-foreground))}.placeholder\\:text-muted-foreground\\/75::placeholder{color:hsl(var(--opencx-muted-foreground) / .75)}.last\\:border-0:last-child{border-width:0px}.focus-within\\:opacity-100:focus-within{opacity:1}.hover\\:scale-\\[var\\(--scale\\)\\]:hover{--tw-scale-x: var(--scale);--tw-scale-y: var(--scale);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:bg-accent\\/60:hover{background-color:hsl(var(--opencx-accent) / .6)}.hover\\:bg-foreground:hover{background-color:hsl(var(--opencx-foreground))}.hover\\:bg-muted:hover{background-color:hsl(var(--opencx-muted))}.hover\\:bg-muted\\/50:hover{background-color:hsl(var(--opencx-muted) / .5)}.hover\\:bg-muted\\/60:hover{background-color:hsl(var(--opencx-muted) / .6)}.hover\\:bg-primary\\/10:hover{background-color:hsl(var(--opencx-primary) / .1)}.hover\\:bg-primary\\/90:hover{background-color:hsl(var(--opencx-primary) / .9)}.hover\\:bg-primary\\/\\[0\\.02\\]:hover{background-color:hsl(var(--opencx-primary) / .02)}.hover\\:bg-red-500:hover{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.hover\\:bg-secondary:hover{background-color:hsl(var(--opencx-secondary))}.hover\\:bg-secondary\\/80:hover{background-color:hsl(var(--opencx-secondary) / .8)}.hover\\:bg-white\\/15:hover{background-color:#ffffff26}.hover\\:text-blue-600:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.hover\\:text-foreground:hover{color:hsl(var(--opencx-foreground))}.hover\\:text-muted-foreground:hover{color:hsl(var(--opencx-muted-foreground))}.hover\\:text-primary:hover{color:hsl(var(--opencx-primary))}.hover\\:text-primary-foreground:hover{color:hsl(var(--opencx-primary-foreground))}.hover\\:text-secondary-foreground:hover{color:hsl(var(--opencx-secondary-foreground))}.hover\\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-100:hover{opacity:1}.hover\\:opacity-80:hover{opacity:.8}.focus-visible\\:opacity-100:focus-visible{opacity:1}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\\:outline:focus-visible{outline-style:solid}.focus-visible\\:outline-2:focus-visible{outline-width:2px}.focus-visible\\:outline-ring:focus-visible{outline-color:hsl(var(--opencx-ring))}.focus-visible\\:ring-1:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\\:ring-inset:focus-visible{--tw-ring-inset: inset}.focus-visible\\:ring-primary\\/40:focus-visible{--tw-ring-color: hsl(var(--opencx-primary) / .4)}.focus-visible\\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--opencx-ring))}.focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.active\\:scale-90:active{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\\:scale-\\[0\\.97\\]:active{--tw-scale-x: .97;--tw-scale-y: .97;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\\:hover\\:scale-\\[calc\\(var\\(--scale\\)-0\\.02\\)\\]:hover:active{--tw-scale-x: calc(var(--scale) - .02);--tw-scale-y: calc(var(--scale) - .02);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:text-white\\/30:disabled{color:#ffffff4d}.disabled\\:opacity-100:disabled{opacity:1}.disabled\\:opacity-40:disabled{opacity:.4}.disabled\\:opacity-50:disabled{opacity:.5}.disabled\\:hover\\:bg-transparent:hover:disabled{background-color:transparent}.group:hover .group-hover\\:opacity-100{opacity:1}.aria-expanded\\:bg-muted[aria-expanded=true]{background-color:hsl(var(--opencx-muted))}.data-\\[state\\=closed\\]\\:animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\\[state\\=closed\\]\\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\\[state\\=closed\\]\\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\\[side\\=bottom\\]\\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -.5rem}.data-\\[side\\=left\\]\\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: .5rem}.data-\\[side\\=right\\]\\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -.5rem}.data-\\[side\\=top\\]\\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: .5rem}.prose-headings\\:my-1\\.5 :is(:where(h1,h2,h3,h4,h5,h6,th):not(:where([class~=not-prose],[class~=not-prose] *))){margin-top:.375rem;margin-bottom:.375rem}.prose-headings\\:text-\\[13px\\] :is(:where(h1,h2,h3,h4,h5,h6,th):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:13px}.prose-p\\:my-1 :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){margin-top:.25rem;margin-bottom:.25rem}.prose-a\\:underline :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){text-decoration-line:underline}.prose-a\\:decoration-primary :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){text-decoration-color:hsl(var(--opencx-primary))}.prose-pre\\:my-1\\.5 :is(:where(pre):not(:where([class~=not-prose],[class~=not-prose] *))){margin-top:.375rem;margin-bottom:.375rem}.prose-pre\\:p-2 :is(:where(pre):not(:where([class~=not-prose],[class~=not-prose] *))){padding:.5rem}.prose-pre\\:text-\\[11px\\] :is(:where(pre):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:11px}.prose-ol\\:my-1 :is(:where(ol):not(:where([class~=not-prose],[class~=not-prose] *))){margin-top:.25rem;margin-bottom:.25rem}.prose-ul\\:my-1 :is(:where(ul):not(:where([class~=not-prose],[class~=not-prose] *))){margin-top:.25rem;margin-bottom:.25rem}.prose-li\\:my-0\\.5 :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *))){margin-top:.125rem;margin-bottom:.125rem}.prose-hr\\:my-2 :is(:where(hr):not(:where([class~=not-prose],[class~=not-prose] *))){margin-top:.5rem;margin-bottom:.5rem}@media(prefers-reduced-motion:reduce){.motion-reduce\\:animate-none{animation:none}.motion-reduce\\:active\\:scale-100:active{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}@media(min-width:640px){.sm\\:text-sm{font-size:.875rem;line-height:1.25rem}}.rtl\\:-scale-100:where([dir=rtl],[dir=rtl] *){--tw-scale-x: -1;--tw-scale-y: -1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media(prefers-color-scheme:dark){.dark\\:text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.dark\\:text-emerald-400{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.dark\\:text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}}.\\[\\&\\>\\*\\:first-child\\]\\:mt-0>*:first-child{margin-top:0}.\\[\\&\\>\\*\\:last-child\\]\\:mb-0>*:last-child{margin-bottom:0}.\\[\\&_\\.animate-spin\\]\\:animate-none .animate-spin{animation:none}.\\[\\&_span\\]\\:size-1 span{width:.25rem;height:.25rem}.\\[\\&_span\\]\\:bg-secondary-foreground span{background-color:hsl(var(--opencx-secondary-foreground))}.\\[\\&_svg\\]\\:text-muted-foreground\\/70 svg{color:hsl(var(--opencx-muted-foreground) / .7)}.\\[\\&_svg\\]\\:hover\\:text-primary:hover svg{color:hsl(var(--opencx-primary))}@media(hover:none){.\\[\\@media\\(hover\\:none\\)\\]\\:opacity-100{opacity:1}}@media(pointer:coarse){.\\[\\@media\\(pointer\\:coarse\\)\\]\\:min-h-12{min-height:3rem}.\\[\\@media\\(pointer\\:coarse\\)\\]\\:gap-y-3{row-gap:.75rem}}@media(pointer:fine){.\\[\\@media\\(pointer\\:fine\\)\\]\\:hidden{display:none}}',Ed="5.4.1";function Td(e,t){const n=typeof(e==null?void 0:e.right)=="number",o=typeof(e==null?void 0:e.left)=="number";return n&&!o?"right":o&&!n||t==="rtl"?"left":"right"}const Mo=450;function Ie(){const[e,t]=u.useState(()=>(window.top||window).innerWidth<Mo);return u.useEffect(()=>{const n=window.top||window,o=()=>{t(n.innerWidth<Mo)};return o(),n.addEventListener("resize",o),()=>{n.removeEventListener("resize",o)}},[]),{isSmallScreen:e}}const Qt={transitionTimingFunction:"cubic-bezier(0.16, 1, 0.3, 1)",transitionDuration:"1000ms"};function fe(){var h,f,v,g,j,x,N,w,_,S,b,C,R,T,P,L,I,H,E,M,W,O,q,V,U,F,Z,ne,$,ee,Y,re,oe,ge,ae,ce,Me,le,de,Qe,mt,$e,Re,We,He,Be,Ue,be;const{dir:e}=k.useDocumentDir(),{isSmallScreen:t}=Ie(),{theme:n,inline:o}=k.useConfig(),s=ye=>o?"100%":ye,a=(ye,Le)=>t?`100dv${ye}`:Le,i=(ye,Le)=>s(a(ye,Le)),c=Td((h=n==null?void 0:n.widgetTrigger)==null?void 0:h.offset,e),d={zIndex:((f=n==null?void 0:n.widgetTrigger)==null?void 0:f.zIndex)??1e7,offset:{bottom:((g=(v=n==null?void 0:n.widgetTrigger)==null?void 0:v.offset)==null?void 0:g.bottom)??20,right:((x=(j=n==null?void 0:n.widgetTrigger)==null?void 0:j.offset)==null?void 0:x.right)??(c==="right"?20:"initial"),left:((w=(N=n==null?void 0:n.widgetTrigger)==null?void 0:N.offset)==null?void 0:w.left)??(c==="left"?20:"initial")},size:{button:((S=(_=n==null?void 0:n.widgetTrigger)==null?void 0:_.size)==null?void 0:S.button)??48,icon:((C=(b=n==null?void 0:n.widgetTrigger)==null?void 0:b.size)==null?void 0:C.icon)??24}},l=(()=>{const ye=c==="right"?d.offset.right:d.offset.left;return typeof ye!="number"?0:ye})(),p={palette:(n==null?void 0:n.palette)??"neutral",primaryColor:(n==null?void 0:n.primaryColor)??"hsl(0 0% 9%)",widgetTrigger:d,widgetContentContainer:{borderRadius:t?"0px":((R=n==null?void 0:n.widgetContentContainer)==null?void 0:R.borderRadius)??"32px",zIndex:((T=n==null?void 0:n.widgetContentContainer)==null?void 0:T.zIndex)??d.zIndex+1,outline:((P=n==null?void 0:n.widgetContentContainer)==null?void 0:P.outline)??"none",outlineColor:((L=n==null?void 0:n.widgetContentContainer)==null?void 0:L.outlineColor)??"hsl(0 0% 50% / .5)",boxShadow:((I=n==null?void 0:n.widgetContentContainer)==null?void 0:I.boxShadow)??"0 0px 100px 0px rgb(0 0 0 / 0.25)",transitionProperty:((H=n==null?void 0:n.widgetContentContainer)==null?void 0:H.transitionProperty)??"all",transitionTimingFunction:((E=n==null?void 0:n.widgetContentContainer)==null?void 0:E.transitionTimingFunction)??Qt.transitionTimingFunction,transitionDuration:((M=n==null?void 0:n.widgetContentContainer)==null?void 0:M.transitionDuration)??Qt.transitionDuration,offset:{side:t?0:d.offset.bottom+d.size.button+jt.y*2+(((O=(W=n==null?void 0:n.widgetContentContainer)==null?void 0:W.offset)==null?void 0:O.side)??10),align:t?0:l+(((V=(q=n==null?void 0:n.widgetContentContainer)==null?void 0:q.offset)==null?void 0:V.align)??0)}},screens:{welcome:{width:i("w",((F=(U=n==null?void 0:n.screens)==null?void 0:U.welcome)==null?void 0:F.width)??"400px"),minHeight:i("h",((ne=(Z=n==null?void 0:n.screens)==null?void 0:Z.welcome)==null?void 0:ne.minHeight)??"1px")},sessions:{width:i("w",((ee=($=n==null?void 0:n.screens)==null?void 0:$.sessions)==null?void 0:ee.width)??"450px"),height:i("h",((re=(Y=n==null?void 0:n.screens)==null?void 0:Y.sessions)==null?void 0:re.height)??"600px")},chat:{width:i("w",((ge=(oe=n==null?void 0:n.screens)==null?void 0:oe.chat)==null?void 0:ge.width)??"525px"),height:i("h",((ce=(ae=n==null?void 0:n.screens)==null?void 0:ae.chat)==null?void 0:ce.height)??"700px"),withCanvas:{width:i("w",((de=(le=(Me=n==null?void 0:n.screens)==null?void 0:Me.chat)==null?void 0:le.withCanvas)==null?void 0:de.width)??"min(1050px, 100vw)"),height:i("h",(($e=(mt=(Qe=n==null?void 0:n.screens)==null?void 0:Qe.chat)==null?void 0:mt.withCanvas)==null?void 0:$e.height)??"min(800px, 100vh)"),transitionTimingFunction:((He=(We=(Re=n==null?void 0:n.screens)==null?void 0:Re.chat)==null?void 0:We.withCanvas)==null?void 0:He.transitionTimingFunction)??Qt.transitionTimingFunction,transitionDuration:((be=(Ue=(Be=n==null?void 0:n.screens)==null?void 0:Be.chat)==null?void 0:Ue.withCanvas)==null?void 0:be.transitionDuration)??Qt.transitionDuration}}}},m={maxHeight:i("h",`calc(
+        100vh 
+        - ${p.widgetTrigger.offset.bottom}px
+        - ${p.widgetContentContainer.offset.side}px
+        - ${jt.y*2}px
+      )`),maxWidth:i("w",`calc(
+        100vw 
+        - ${l*2}px
+      )`),minHeight:i("h",`min(
+        ${p.screens.welcome.minHeight}, 
+        ${p.screens.sessions.height}, 
+        ${p.screens.chat.height}
+      )`),minWidth:i("w",`min(
+        ${p.screens.welcome.width}, 
+        ${p.screens.sessions.width}, 
+        ${p.screens.chat.width}
+      )`)};return{theme:p,triggerSide:c,computed:m,cssVars:Ad({palette:p.palette,primary:p.primaryColor})}}function Ad({palette:e,primary:t}){const n=ya(e),o=lo(t).toHsl(),s=lo(t).isLight()?n[950]:n[50];return{"--opencx-primary":`${o.h} ${o.s*100}% ${o.l*100}%`,"--opencx-primary-foreground":s,"--opencx-background":n[100],"--opencx-foreground":n[950],"--opencx-destructive":"0 72.2% 50.6%","--opencx-destructive-foreground":n[50],"--opencx-accent":n[200],"--opencx-accent-foreground":"var(--opencx-foreground)","--opencx-secondary":n[200],"--opencx-secondary-foreground":"var(--opencx-foreground)","--opencx-muted":n[200],"--opencx-muted-foreground":n[500],"--opencx-input":n[300],"--opencx-border":n[300],"--opencx-ring":"var(--opencx-foreground)"}}function ya(e){const t={50:"0 0% 98%",100:"0 0% 96.1%",200:"0 0% 89.8%",300:"0 0% 83.1%",400:"0 0% 63.9%",500:"0 0% 45.1%",600:"0 0% 32.2%",700:"0 0% 25.1%",800:"0 0% 14.9%",900:"0 0% 9%",950:"0 0% 3.9%"},n={50:"60 9.1% 97.8%",100:"60 4.8% 95.9%",200:"20 5.9% 90%",300:"24 5.7% 82.9%",400:"24 5.4% 63.9%",500:"25 5.3% 44.7%",600:"33.3 5.5% 32.4%",700:"30 6.3% 25.1%",800:"12 6.5% 15.1%",900:"24 9.8% 10%",950:"20 14.3% 4.1%"},o={50:"0 0% 98%",100:"240 4.8% 95.9%",200:"240 5.9% 90%",300:"240 4.9% 83.9%",400:"240 5% 64.9%",500:"240 3.8% 46.1%",600:"240 5.2% 33.9%",700:"240 5.3% 26.1%",800:"240 3.7% 15.9%",900:"240 5.9% 10%",950:"240 10% 3.9%"},s={50:"210 40% 98%",100:"210 40% 96.1%",200:"214.3 31.8% 91.4%",300:"212.7 26.8% 83.9%",400:"215 20.2% 65.1%",500:"215.4 16.3% 46.9%",600:"215.3 19.3% 34.5%",700:"215.3 25% 26.7%",800:"217.2 32.6% 17.5%",900:"222.2 47.4% 11.2%",950:"222.2 84% 4.9%"};switch(e){case"neutral":return t;case"stone":return n;case"zinc":return o;case"slate":return s;default:return Q.isExhaustive(e,ya.name),t}}const zd=_e.Provider,Id=_e.Root,Md=_e.Trigger,va=Je.forwardRef(({className:e,sideOffset:t=4,...n},o)=>r.jsx(_e.Content,{ref:o,sideOffset:t,className:A("z-50 overflow-hidden max-w-xs rounded-xl bg-primary border text-primary-foreground p-2 text-center align-middle text-xs origin-[var(--radix-tooltip-content-transform-origin)] animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...n}));va.displayName=_e.Content.displayName;const ka=Je.createContext(!1);function Rd({children:e}){return r.jsx(ka.Provider,{value:!0,children:e})}function Te({children:e,content:t,side:n,align:o,shortcut:s}){const{disableTooltips:a}=k.useConfig(),i=Je.useContext(ka);return!t||a||i?e:r.jsxs(Id,{children:[r.jsx(Md,{asChild:!0,children:e}),r.jsxs(va,{side:n,align:o,collisionPadding:8,avoidCollisions:!0,children:[t,s&&r.jsx("span",{className:"ms-1.5 whitespace-nowrap text-primary-foreground/60",children:s})]})]})}const ja="OpenCX Live Chat";function Ar({transparent:e=!1}={}){return`<!DOCTYPE html>
+<html>
+<head>
+<style>
+${_d}
+html, body {
+    height: 100%;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    font-size: 16px;${e?`
+    background: transparent;`:""}
+}
+</style>
+<meta name="viewport" content="width=device-width, initial-scale=1, interactive-widget=resizes-content">
+</head>
+<body>
+</body>
+</html>`}function vn({overrides:e,rootRef:t,style:n,shellRadius:o,children:s}){const{cssOverrides:a}=k.useConfig(),{cssVars:i,theme:c}=fe(),{dir:d}=K(),l={"--opencx-shell-radius":o??c.widgetContentContainer.borderRadius,"--opencx-inset-radius":"max(0.75rem, calc(var(--opencx-shell-radius) - 0.5rem))"};return r.jsxs(r.Fragment,{children:[e?r.jsx("style",{children:e}):null,a?r.jsx("style",{children:a}):null,r.jsx("div",{ref:t,style:{...i,...l,...n},"data-version":Ed,dir:d,className:A("antialiased font-sans size-full overflow-hidden relative text-secondary-foreground isolate"),children:r.jsx(zd,{delayDuration:200,disableHoverableContent:!0,children:r.jsx(dd,{children:s})})})]})}function Ca(){const{contentIframeRef:e}=k.useWidget(),{inline:t}=k.useConfig();return{setWidth:n=>{var o;(o=e==null?void 0:e.current)==null||o.style.setProperty("--opencx-widget-width",t?"100%":n)},setHeight:n=>{var o;(o=e==null?void 0:e.current)==null||o.style.setProperty("--opencx-widget-height",t?"100%":n)}}}function zr({width:e,height:t}){const{isSmallScreen:n}=Ie(),{setWidth:o,setHeight:s}=Ca();u.useEffect(()=>{e&&o(e),t&&s(t)},[n,t,e,o,s])}const Ro=z.CircleDashedIcon;function St({name:e,className:t}){const n=(()=>{switch(e){case"Check":return z.CheckIcon;case"CheckCheck":return z.CheckCheckIcon;case"CircleCheck":return z.CircleCheckIcon;case"CircleCheckBig":return z.CircleCheckBigIcon;case"CircleX":return z.CircleXIcon;case"Expand":return z.ExpandIcon;case"Maximize":return z.MaximizeIcon;case"Maximize2":return z.Maximize2Icon;case"Minimize":return z.MinimizeIcon;case"Minimize2":return z.Minimize2Icon;case"Shrink":return z.ShrinkIcon;case"SquareCheck":return z.SquareCheckIcon;case"SquareCheckBig":return z.SquareCheckBigIcon;case"SquareX":return z.SquareXIcon;case"X":return z.XIcon;case"AtSign":return z.AtSignIcon;case"Bot":return z.BotIcon;case"Book":return z.BookIcon;case"BookOpen":return z.BookOpenIcon;case"Building2":return z.Building2Icon;case"Calendar":return z.CalendarIcon;case"CreditCard":return z.CreditCardIcon;case"Database":return z.DatabaseIcon;case"FileText":return z.FileTextIcon;case"Folder":return z.FolderIcon;case"Globe":return z.GlobeIcon;case"Link":return z.LinkIcon;case"Mail":return z.MailIcon;case"Package":return z.PackageIcon;case"Plug":return z.PlugIcon;case"Settings":return z.SettingsIcon;case"ShoppingCart":return z.ShoppingCartIcon;case"Tag":return z.TagIcon;case"Ticket":return z.TicketIcon;case"User":return z.UserIcon;case"Users":return z.UsersIcon;case"Workflow":return z.WorkflowIcon;case"Zap":return z.ZapIcon;case void 0:return Ro;default:return Q.isExhaustive(e,St.name),Ro}})();return r.jsx(n,{className:A("size-4",t)})}function Ir(e){const{t}=K(),{session:n}=k.usePrimitiveState(e.ctx.sessionCtx.sessionState),{messages:o}=k.usePrimitiveState(e.ctx.messageCtx.state),s=k.usePrimitiveState(e.ctx.messageCtx.draftState),a=e.title||(n==null?void 0:n.title)||t("companion_chat_number",{count:e.id});let i=(n==null?void 0:n.lastMessage)??s.text??"";for(let l=o.length-1;l>=0;l--){const p=o[l],m=p.type==="USER"?p.content:p.type==="SYSTEM"?"":p.data.message;if(m.trim()){i=m;break}}const c=e.working?t("companion_working"):n!=null&&n.isOpened?t("companion_open"):t(n?"companion_closed":"companion_draft");return{title:!e.hasDraft&&!e.hasSession&&!e.working&&!n&&!e.title&&!o.length&&!s.text&&!s.mentions.length?t("new_conversation"):a,preview:i.replace(/\s+/g," ").trim(),status:c}}function Mr(){const e=xn(),[t,n]=u.useState(null),[o,s]=u.useState(!1),[a,i]=u.useState(!1),[c,d]=u.useState(!1),l=u.useRef(!1),p=u.useRef(void 0),m=u.useCallback(()=>clearTimeout(p.current),[]);u.useEffect(()=>m,[m]);const h=u.useCallback((f=!1)=>{m(),l.current=!1,f&&i(!1),s(!1)},[m]);return{anchor:t,open:o,animate:a,autoFocus:c,close:h,toggle(f,v=!1){if(m(),o&&l.current){h(!v);return}l.current=!0,n(f),i(v),d(!0),s(!0)},hover(f){m(),!(!e||o)&&(p.current=setTimeout(()=>{l.current=!1,n(f),i(!0),d(!1),s(!0)},100))},enter:m,leave(){m(),l.current||(p.current=setTimeout(()=>h(),200))}}}function Rr(){return r.jsx("style",{children:`
+    [data-companion-action] {
+      transition: transform 150ms ease-out, background-color 150ms ease-out, color 150ms ease-out, opacity 100ms ease-out;
+    }
+    @media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
+      [data-companion-action] { transform: translate(var(--wobble-x, 0px), var(--wobble-y, 0px)); }
+      [data-companion-action]:hover { transform: translate(var(--wobble-x, 0px), var(--wobble-y, 0px)) scale(var(--scale, .98)); }
+      [data-companion-action]:hover:active { transform: translate(var(--wobble-x, 0px), var(--wobble-y, 0px)) scale(calc(var(--scale, .98) - .02)); }
+    }
+    @media (prefers-reduced-motion: reduce), (pointer: coarse) {
+      [data-companion-action] { transform: none !important; transition: none; }
+    }
+  `})}function Pd({picker:e,...t}){return r.jsxs(r.Fragment,{children:[r.jsx(Rr,{}),r.jsx(X,{...t,variant:"ghost",size:"selfless",type:"button","data-companion-action":"","aria-haspopup":"menu","aria-expanded":e.open,onPointerEnter:n=>e.hover(n.currentTarget),onPointerLeave:e.leave,onPointerDown:n=>{e.open&&n.preventDefault()},onClick:n=>{n.stopPropagation(),e.toggle(n.currentTarget,n.detail>0)},onKeyDown:n=>{(n.key==="ArrowDown"||n.key==="ArrowUp")&&(n.preventDefault(),e.toggle(n.currentTarget))}})]})}function Od({chat:e,selected:t,onSelect:n,onClose:o}){const{t:s}=K(),{title:a,preview:i,status:c}=Ir(e);return r.jsx(Pe,{children:r.jsxs("div",{"data-chat-row":"","data-companion-action":"","data-selected":t||void 0,children:[r.jsx(Ce.RadioItem,{asChild:!0,value:String(e.id),textValue:a,onSelect:d=>{d.preventDefault(),n()},children:r.jsxs("button",{className:Zn({size:"selfless",className:"bg-transparent"}),type:"button","data-companion-action":"","aria-description":i||void 0,"aria-label":`${a} — ${c}${t?` — ${s("companion_viewing")}`:""}`,"data-chat-select":e.id,children:[r.jsx("span",{"data-chat-indicator":"","aria-hidden":!0,children:r.jsx(Ce.ItemIndicator,{children:r.jsx(z.CheckIcon,{size:14})})}),r.jsx("span",{"data-chat-title":"",children:a}),e.working&&r.jsx(z.LoaderCircleIcon,{size:14,"data-working":"","aria-hidden":!0})]})}),r.jsx(Ce.Item,{asChild:!0,textValue:s("companion_close_chat",{title:a}),onSelect:d=>{d.preventDefault(),o()},children:r.jsx("button",{className:Zn({size:"selfless",className:"bg-transparent"}),type:"button","data-companion-action":"","aria-label":s("companion_close_chat",{title:a}),"data-chat-close":e.id,children:r.jsx(z.XIcon,{size:14,"aria-hidden":!0})})})]})})}function Pr(e){const{picker:t,portalTarget:n}=e;return t.anchor&&n?r.jsx($d,{...e,anchor:t.anchor,portalTarget:n}):null}function $d({picker:e,anchor:t,portalTarget:n,placement:o,onSelected:s}){const{open:a,animate:i,autoFocus:c,close:d,enter:l,leave:p}=e,{chats:m,activeId:h,selectChat:f,newChat:v,closeChat:g}=k.useCompanionChats(),{canCreateNewSession:j}=k.useSessions(),{t:x,dir:N}=K(),{cssVars:w,theme:_}=fe(),S=u.useRef(null),b=u.useRef(t.ownerDocument.activeElement),C=u.useCallback(E=>{E&&!S.current&&(b.current=t.ownerDocument.activeElement),S.current=E},[t]),R=u.useRef(!1),T=u.useRef({onClose:d,onSelected:s});T.current={onClose:d,onSelected:s};const P=u.useMemo(()=>({current:{getBoundingClientRect(){let E=t.getBoundingClientRect(),M=t.ownerDocument.defaultView;const W=n.ownerDocument.defaultView;for(;M&&M!==W;){const O=M.frameElement;if(!O)break;const q=O.getBoundingClientRect(),V=q.width/O.offsetWidth||1,U=q.height/O.offsetHeight||1;E=new DOMRect(q.left+E.left*V,q.top+E.top*U,E.width*V,E.height*U),M=O.ownerDocument.defaultView}return E}}}),[t,n]),L=m.filter(E=>E.working).length;u.useEffect(()=>{if(!a||t.ownerDocument===n.ownerDocument)return;const E=W=>{W.composedPath().includes(t)||W.type==="focusin"&&!c&&W.target===b.current||T.current.onClose(W.type==="focusin")},M=t.ownerDocument;return M.addEventListener("pointerdown",E,!0),M.addEventListener("focusin",E),()=>{M.removeEventListener("pointerdown",E,!0),M.removeEventListener("focusin",E)}},[t,n,a,c]),u.useLayoutEffect(()=>{var E,M,W;(E=S.current)==null||E.toggleAttribute("inert",!a),a&&c&&((W=(M=S.current)==null?void 0:M.querySelector('[aria-checked="true"]'))==null||W.focus({preventScroll:!0}))},[a,c]);function I(E){var M,W;t.focus({preventScroll:!0}),E===void 0?v():f(E),T.current.onClose(!0),(W=(M=T.current).onSelected)==null||W.call(M)}function H(E){var O,q,V,U;const M=m.findIndex(F=>F.id===E),W=m[M+1]??m[M-1];E===h?(t.focus({preventScroll:!0}),T.current.onClose(!0)):(q=(O=S.current)==null?void 0:O.querySelector(W?`[data-chat-select="${W.id}"]`:"[data-new-chat]"))==null||q.focus({preventScroll:!0}),g(E),E===h&&((U=(V=T.current).onSelected)==null||U.call(V))}return Ht.createPortal(r.jsxs(Ce.Root,{open:a,onOpenChange:E=>{!E&&!R.current&&T.current.onClose()},modal:!1,dir:N==="rtl"?"rtl":"ltr",children:[r.jsx(Ce.Anchor,{virtualRef:P}),r.jsxs(Ce.Content,{ref:C,loop:!0,side:o==="above"?"top":"bottom",align:o==="below"?"start":"center",sideOffset:6,collisionPadding:12,updatePositionStrategy:"always","aria-label":x("companion_chats"),"data-companion-chat-picker":"","data-motion":i?"pointer":"instant",onEntryFocus:E=>{var M,W,O;E.preventDefault(),c?(W=(M=S.current)==null?void 0:M.querySelector('[aria-checked="true"]'))==null||W.focus({preventScroll:!0}):(R.current=!0,(O=b.current)==null||O.focus({preventScroll:!0}),R.current=!1)},onCloseAutoFocus:E=>{E.preventDefault()},onEscapeKeyDown:E=>{E.preventDefault(),t.focus({preventScroll:!0}),T.current.onClose(!0)},onFocusOutside:E=>{var M,W;((M=S.current)!=null&&M.contains(E.detail.originalEvent.target)||E.detail.originalEvent.target===t||E.detail.originalEvent.target===((W=t.ownerDocument.defaultView)==null?void 0:W.frameElement)||!c&&E.detail.originalEvent.target===b.current)&&E.preventDefault()},onInteractOutside:E=>{E.detail.originalEvent.composedPath().includes(t)&&E.preventDefault()},onPointerEnter:l,onPointerLeave:p,onPointerDown:E=>E.stopPropagation(),onMouseDown:E=>E.stopPropagation(),onClick:E=>E.stopPropagation(),onKeyDown:E=>{E.key==="Tab"&&(E.preventDefault(),t.focus({preventScroll:!0}),T.current.onClose(!0))},style:{...w,zIndex:_.widgetContentContainer.zIndex+1,boxSizing:"border-box",width:"min(248px, calc(100vw - 24px))",maxHeight:"min(360px, var(--radix-popper-available-height))",padding:6,borderRadius:10,border:"1px solid hsl(var(--opencx-border) / .5)",background:"hsl(var(--opencx-background))",color:"hsl(var(--opencx-foreground))",boxShadow:"0 4px 16px rgb(0 0 0 / .08), 0 1px 3px rgb(0 0 0 / .06)",font:"13px/1.4 ui-sans-serif, system-ui, sans-serif",overflowY:"auto",outline:"none"},children:[r.jsx(Rr,{}),r.jsx("style",{children:`
+        [data-companion-chat-picker] {
+          transform-origin: var(--radix-popper-transform-origin);
+          animation: opencx-menu-in ${xe.duration*1e3}ms ${Zl};
+        }
+        [data-companion-chat-picker][data-state="closed"] { animation-name: opencx-menu-out; pointer-events: none; }
+        [data-companion-chat-picker][data-motion="instant"] { animation: none; }
+        @media (prefers-reduced-motion: reduce) {
+          [data-companion-chat-picker] { animation: none !important; }
+        }
+        @keyframes opencx-menu-in { from { opacity: 0; transform: scale(.96); } to { opacity: 1; transform: scale(1); } }
+        @keyframes opencx-menu-out { from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(.96); } }
+        [data-companion-chat-picker] button {
+          display: flex; align-items: center; justify-content: flex-start; gap: 8px; width: 100%; min-height: 34px;
+          padding: 7px 8px; border: 0; border-radius: 7px; background: transparent;
+          color: inherit; font: inherit; text-align: start; cursor: pointer; box-sizing: border-box;
+        }
+        [data-companion-chat-picker] [data-chat-row] { display: flex; align-items: center; border-radius: 7px; }
+        [data-companion-chat-picker] [data-chat-row] + [data-chat-row] { margin-top: 4px; }
+        [data-companion-chat-picker] [data-chat-select] { flex: 1; min-width: 0; min-height: 36px; color: hsl(var(--opencx-foreground) / .8); }
+        [data-companion-chat-picker] [data-selected] [data-chat-select] { color: hsl(var(--opencx-foreground)); }
+        [data-companion-chat-picker] [data-chat-indicator] { width: 14px; height: 14px; display: flex; align-items: center; flex-shrink: 0; color: hsl(var(--opencx-muted-foreground)); }
+        [data-companion-chat-picker] [data-selected] [data-chat-indicator],
+        [data-companion-chat-picker] [data-working] { color: hsl(var(--opencx-foreground)); }
+        [data-companion-chat-picker] [data-chat-title] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; line-height: 20px; }
+        [data-companion-chat-picker] [data-chat-close] { width: 28px; min-height: 28px; padding: 0; margin-inline-end: 4px; flex-shrink: 0; justify-content: center; color: hsl(var(--opencx-muted-foreground)); }
+        [data-companion-chat-picker] [data-chat-row]:focus-within { background: hsl(var(--opencx-secondary)); }
+        @media (hover: hover) and (pointer: fine) {
+          [data-companion-chat-picker] [data-chat-row]:hover,
+          [data-companion-chat-picker] [data-new-chat][data-highlighted] { background: hsl(var(--opencx-secondary)); }
+          [data-companion-chat-picker] [data-chat-close]:hover { color: hsl(var(--opencx-foreground)); }
+        }
+        [data-companion-chat-picker] [data-chat-row] button {
+          background: transparent; transform: none;
+        }
+        [data-companion-chat-picker] [data-chat-close][data-highlighted] { color: hsl(var(--opencx-foreground)); }
+        [data-companion-chat-picker] button:active { background: hsl(var(--opencx-foreground) / .065); }
+        [data-companion-chat-picker] button:focus { outline: none; }
+        [data-companion-chat-picker] button:disabled { opacity: .45; cursor: default; }
+        @media (pointer: coarse) {
+          [data-companion-chat-picker] button, [data-companion-chat-picker] [data-chat-select] { min-height: 48px; }
+          [data-companion-chat-picker] [data-chat-close] { width: 48px; min-height: 48px; }
+          [data-companion-chat-picker] [data-chat-title], [data-companion-chat-picker] [data-new-chat] { font-size: 16px; }
+        }
+        [data-companion-chat-picker] svg { flex-shrink: 0; }
+        [data-companion-chat-picker] [data-working] { animation: opencx-picker-spin 1.2s linear infinite; }
+        @keyframes opencx-picker-spin { to { transform: rotate(360deg); } }
+        @media (prefers-reduced-motion: reduce) { [data-companion-chat-picker] [data-working] { animation: none; } }
+      `}),r.jsxs(Ce.Label,{style:{display:"flex",justifyContent:"space-between",gap:8,padding:"5px 8px 7px",fontSize:12,color:"hsl(var(--opencx-muted-foreground))"},children:[r.jsx("span",{children:x("companion_chats")}),L>0&&r.jsx("span",{role:"status",children:x("companion_working_chats",{count:L})})]}),r.jsx(Ce.RadioGroup,{value:String(h),children:m.map(E=>r.jsx(Od,{chat:E,selected:E.id===h,onSelect:()=>I(E.id),onClose:()=>H(E.id)},E.id))}),r.jsx(Ce.Separator,{style:{height:1,background:"hsl(var(--opencx-border) / .4)",margin:"5px 4px"}}),r.jsx(Ce.Group,{children:r.jsx(Ce.Item,{asChild:!0,disabled:!j,onSelect:E=>{E.preventDefault(),I()},children:r.jsxs(X,{variant:"ghost",size:"selfless",type:"button","data-companion-action":"","data-new-chat":"",disabled:!j,children:[r.jsx(z.PlusIcon,{size:14,"aria-hidden":!0}),x("new_conversation")]})})})]})]}),n)}function kn(){const[e,t]=u.useState(null);return u.useEffect(()=>{const n=document.createElement("div");return n.setAttribute("data-opencx-root",""),n.style.display="contents",document.documentElement.appendChild(n),t(n),()=>{n.remove(),t(null)}},[]),e}function Ld(){const{chats:e,openChats:t,activeId:n}=k.useCompanionChats(),o=e.find(f=>f.id===n),s=Ir(o),{t:a}=K(),i=Mr(),c=kn(),d=s.title,l=t.filter(f=>f.id!==n),p=l.filter(f=>f.working).length,m=`${a("companion_other_sessions",{count:l.length})}${p?` · ${a("companion_working_chats",{count:p})}`:""}`,h=`${a("companion_switch_chat")}: ${d}${l.length?` · ${m}`:""}`;return r.jsxs(r.Fragment,{children:[r.jsxs(Pd,{picker:i,"data-companion-conversation-title":"",className:"flex h-8 min-w-0 max-w-full items-center gap-1.5 rounded-md px-1 text-[13px] leading-5 text-start hover:bg-muted aria-expanded:bg-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring","aria-label":h,children:[o.working&&r.jsx(z.LoaderCircleIcon,{"aria-label":a("companion_working"),className:"size-3.5 shrink-0 animate-spin motion-reduce:animate-none"}),r.jsx("span",{className:"truncate font-medium",children:d}),l.length>0&&r.jsxs("span",{"data-other-session-count":"",role:"status","aria-atomic":"true",className:"flex shrink-0 items-center gap-1 text-[11px] font-normal text-muted-foreground",children:[r.jsx("span",{className:"sr-only",children:m}),p>0&&r.jsx(z.LoaderCircleIcon,{"data-other-sessions-working":"","aria-hidden":!0,className:"size-3 animate-spin motion-reduce:animate-none"}),r.jsxs("span",{"aria-hidden":!0,className:"tabular-nums",children:["+",l.length]})]}),r.jsx(z.ChevronsUpDownIcon,{"aria-hidden":!0,className:"size-3 shrink-0 text-muted-foreground"})]}),i.anchor&&c&&r.jsx(Pr,{picker:i,portalTarget:c,placement:"below"})]})}function Dd(){var n;const e=Fe(),t=(n=e.config.customComponents)==null?void 0:n.headerBottom;return t?r.jsx(t,{...e}):null}function Fd({fallback:e}){var o;const t=Fe(),n=(o=t.config.customComponents)==null?void 0:o.headerTitle;return n?r.jsx(n,{...t}):e}function Sa(e,t,n){var o,s;switch(e){case"chat":return((o=t==null?void 0:t.chatScreen)==null?void 0:o.headerTitle)??n;case"sessions":return((s=t==null?void 0:t.sessionsScreen)==null?void 0:s.headerTitle)??n;case"welcome":return n;default:return Q.isExhaustive(e,Sa.name),n}}function Na(){const{widgetCtx:{org:e}}=k.useWidget(),{routerState:{screen:t}}=k.useWidgetRouter(),{textContent:n}=k.useConfig();return Sa(t,n,e.name)}function Wd(e){switch(e){case"chat":return D("chat/header");case"sessions":return D("sessions/header");case"welcome":return;default:Q.isExhaustive(e,Na.name);return}}function Hd(){const{router:e}=k.useConfig(),{routerState:{screen:t},toSessionsScreen:n}=k.useWidgetRouter();return t!=="chat"||e!=null&&e.chatScreenOnly?null:r.jsx(X,{variant:"ghost",size:"fit",className:"rounded-full",onClick:n,children:r.jsx(z.ChevronLeftIcon,{className:"size-4 rtl:-scale-100"})})}function Bd({button:e}){const{setIsOpen:t}=k.useWidgetTrigger(),{isSmallScreen:n}=Ie(),o=Fe();if(n&&e.hideOnSmallScreen||!n&&e.hideOnLargeScreen)return null;const s=()=>{var a;e.handleClick?e.handleClick():t(!1),(a=e.onClicked)==null||a.call(e,o)};return r.jsx(X,{variant:"ghost",size:"fit",className:"rounded-full",onClick:s,children:r.jsx(St,{name:e.icon})})}function er({button:e}){const[t,n]=u.useState(!1),{routerState:{screen:o}}=k.useWidgetRouter(),{isSmallScreen:s}=Ie(),{theme:a}=fe(),{setWidth:i,setHeight:c}=Ca(),d=Fe();if(o!=="chat"&&o!=="sessions")return null;const l=(()=>{switch(o){case"chat":return a.screens.chat.height;case"sessions":return a.screens.sessions.height;default:return Q.isExhaustive(o,er.name),a.screens.chat.height}})(),p=(()=>{switch(o){case"chat":return a.screens.chat.width;case"sessions":return a.screens.sessions.width;default:return Q.isExhaustive(o,er.name),a.screens.chat.width}})(),m=()=>{var h;n(f=>{const v=!f;return c(v?"100vh":l),i(v?`max(40vw, ${p})`:p),v}),(h=e.onClicked)==null||h.call(e,d)};return s&&e.hideOnSmallScreen||!s&&e.hideOnLargeScreen?null:r.jsx(X,{variant:"ghost",size:"fit",className:"rounded-full",onClick:m,children:r.jsx(St,{name:e.icon||(t?e.shrinkIcon:e.expandIcon)})})}function _a({button:e}){var x,N;const{close:t}=bn(),{widgetCtx:n}=k.useWidget(),{setIsOpen:o}=k.useWidgetTrigger(),{resolveSession:s,sessionState:a}=k.useSessions(),{isSmallScreen:i}=Ie(),c=Fe(),{t:d}=K(),l=!a.session,p=((x=a.session)==null?void 0:x.isOpened)===!1,m=e.onResolved||"stay-in-chat",h=e.behaviorBeforeSessionCreation||"disabled",f=e.behaviorIfSessionIsResolved||"disabled",v=!!(a.isResolvingSession||l&&h==="disabled"||p&&f==="disabled"),g=async()=>{const{success:w,error:_}=await s();if(t(),!w)return Q.log.error("failed to resolve session",_),!1;switch(m){case"stay-in-chat":break;case"close-widget":o(!1);break;case"reset-chat":n.resetChat();break;case"reset-chat-and-close-widget":o(!1),n.resetChat();break;default:Q.isExhaustive(m,_a.name);break}return!0},j=()=>{if(l)switch(h){case"disabled":return;case"close-widget":o(!1);break;default:Q.isExhaustive(h,j.name)}if(p)switch(f){case"disabled":return;case"close-widget":o(!1);break;case"reset-chat":n.resetChat();break;case"reset-chat-and-close-widget":o(!1),setTimeout(()=>{n.resetChat()},200);break;default:Q.isExhaustive(f,j.name)}};return i&&e.hideOnSmallScreen||!i&&e.hideOnLargeScreen?null:((N=e.confirmation)==null?void 0:N.type)==="modal"&&!p&&!l?r.jsx(yn,{trigger:r.jsx(X,{variant:"ghost",size:"fit",className:"rounded-full",disabled:v,onClick:()=>{var w;return(w=e.onClicked)==null?void 0:w.call(e,c)},children:r.jsx(St,{name:e.icon})}),children:r.jsxs(wn,{children:[r.jsx(kr,{children:r.jsx(Cr,{children:e.confirmation.title||d("close_conversation_title")})}),r.jsx(jr,{children:r.jsx(Sr,{children:e.confirmation.description||d("close_conversation_description")})}),r.jsxs(ha,{children:[r.jsx(X,{variant:"secondary",onClick:t,disabled:a.isResolvingSession,children:e.confirmation.cancelButtonText||d("close_conversation_cancel")}),r.jsx(X,{variant:"destructive",onClick:async()=>{var _,S;await g()&&((S=(_=e.confirmation)==null?void 0:_.onResolved)==null||S.call(_,c))},disabled:a.isResolvingSession,children:e.confirmation.confirmButtonText||d("close_conversation_confirm")})]})]})}):r.jsx(X,{variant:"ghost",size:"fit",className:"rounded-full",onClick:()=>{var w;p||l?j():g(),(w=e.onClicked)==null||w.call(e,c)},disabled:v,children:r.jsx(St,{name:e.icon})})}function tr({button:e}){switch(e.functionality){case"close-widget":return r.jsx(Bd,{button:e});case"expand-shrink":return r.jsx(er,{button:e});case"resolve-session":return r.jsx(_a,{button:e});default:return Q.isExhaustive(e,tr.name),null}}const Ud={functionality:"close-widget",hideOnLargeScreen:!0,icon:"X"};function qd(){const{routerState:{screen:e}}=k.useWidgetRouter(),{headerButtons:t}=k.useConfig(),n=e==="chat"?t==null?void 0:t.chatScreen:e==="sessions"?t==null?void 0:t.sessionsScreen:[];return!n||n.length===0?r.jsx(tr,{button:Ud}):r.jsx(r.Fragment,{children:n.map(o=>r.jsx(tr,{button:o},`${o.functionality}-${o.icon}`))})}function Ea(){const e=k.useConfig(),t=e.displayMode==="companion"&&!e.inline,{routerState:{screen:n}}=k.useWidgetRouter(),o=Wd(n),s=Na();return r.jsxs("header",{...o,className:"py-2 px-4 shrink-0",children:[r.jsxs("div",{className:"flex items-center gap-2",style:{paddingInlineEnd:t?64:void 0},children:[r.jsx(Hd,{}),r.jsx("div",{className:A("min-w-0 flex-1 h-8 flex items-center",n==="sessions"&&"ps-2"),children:r.jsx(Fd,{fallback:t&&n!=="sessions"?r.jsx(Ld,{}):r.jsx("h2",{className:"font-semibold",children:s})})}),r.jsx(qd,{})]}),r.jsx(Dd,{})]})}function Ta({className:e}){return r.jsx(z.LoaderIcon,{className:A("size-4 animate-spin",e)})}function Vd(){const{messagesState:{isInitialFetchLoading:e}}=k.useMessages(),{isSmallScreen:t}=Ie(),{activeMode:n,Component:o}=k.useModes();return{isCanvasOpen:!e&&!t&&!!n&&!!o}}function Yd({isFirstInGroup:e,isLastInGroup:t,isAloneInGroup:n,...o}){const{componentStore:s}=k.useWidget();if(o.type!=="AGENT"&&o.type!=="AI")return null;if(o.data.action){const i=s.getComponent(o.data.action.name);if(i)return r.jsx(i,{...o,id:o.id,isFirstInGroup:e,isLastInGroup:t,isAloneInGroup:n})}const a=s.getComponent(o.component);return a?r.jsx(a,{...o,id:o.id,isFirstInGroup:e,isLastInGroup:t,isAloneInGroup:n}):r.jsx(Jn,{...o,isFirstInGroup:e,isLastInGroup:t,isAloneInGroup:n})}function jn({suggestion:e,className:t,...n}){const{sendMessage:o}=k.useMessages(),s=()=>{const a=e.trim();a&&o({content:a})};return r.jsx(X,{...D("chat/suggested_reply_btn"),size:"sm",className:A("rounded-xl w-fit",t),...n,onClick:s,children:e})}function Aa({messages:e,className:t,containerClassName:n}){var i,c;const{timestamps:o}=k.useConfig();if(!((i=o==null?void 0:o.perMessageGroup)!=null&&i.enabled))return null;const s=(c=e[e.length-1])==null?void 0:c.timestamp;if(!s)return null;const a=(()=>{try{return new Date(s).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit",hour12:!0})}catch(d){return Q.log.error("failed to format timestamp",d),null}})();return a?r.jsx("div",{className:n,children:r.jsx("span",{className:A("text-xs text-muted-foreground",t),children:a})}):null}const Xd=2e3;function Gd(e){return e.map(t=>ba(t.data.message).trim()).filter(t=>t.length>0).join(`
+
+`)}function za(){const{messageActions:e}=k.useConfig(),t=k.useDisplayMode();return(e==null?void 0:e.copy)??t==="companion"}function Ia({messages:e}){const{t}=K(),{messageActions:n}=k.useConfig(),o=(n==null?void 0:n.display)==="always",[s,a]=u.useState(!1),i=u.useRef(null);u.useEffect(()=>()=>{i.current&&clearTimeout(i.current)},[]);const c=Gd(e),d=typeof navigator<"u"?navigator.clipboard:void 0;if(!d||c.length===0)return null;const l=()=>{d.writeText(c).then(()=>{a(!0),i.current&&clearTimeout(i.current),i.current=setTimeout(()=>a(!1),Xd)},m=>Q.log.warn("copying the reply failed",m))},p=t(s?"copied":"copy_reply");return r.jsx("div",{...D("chat/agent_msg_group/actions"),className:A("flex items-center gap-1 -mt-0.5 transition-opacity duration-150",o?"opacity-100":A("opacity-0 group-hover:opacity-100 focus-within:opacity-100","[@media(hover:none)]:opacity-100")),children:r.jsx(Te,{content:p,side:"bottom",align:"start",children:r.jsx("button",{...D("chat/agent_msg_group/actions/copy"),type:"button","aria-label":p,"aria-live":"polite",onClick:l,className:A("flex size-6 items-center justify-center rounded-md","text-muted-foreground/70 hover:bg-muted hover:text-foreground","transition-colors active:scale-95"),children:s?r.jsx(z.CheckIcon,{className:"size-3.5"}):r.jsx(z.CopyIcon,{className:"size-3.5"})})})})}function Kd(e){return e.type==="AI"&&e.data.variant!=="error"}function un({messages:e,agent:t,suggestedReplies:n,actions:o=!0}){const s=za(),a=e.filter(Kd);return r.jsxs("div",{...D("chat/agent_msg_group/root"),className:A("group flex items-end gap-2"),children:[r.jsx(Te,{content:t==null?void 0:t.name,side:"right",align:"end",children:r.jsx(Qn,{...D("chat/agent_msg_group/root/avatar"),agent:t,className:"hidden"})}),r.jsxs("div",{className:A("flex-1 flex flex-col gap-1"),children:[r.jsxs("div",{...D("chat/agent_msg_group/avatar_and_msgs/root"),className:A("flex items-end gap-2"),children:[r.jsx(Te,{content:t==null?void 0:t.name,side:"right",align:"end",children:r.jsx(Qn,{...D("chat/agent_msg_group/avatar_and_msgs/avatar"),agent:t})}),r.jsxs("div",{...D("chat/agent_msg_group/avatar_and_msgs/msgs"),className:A("flex-1 flex flex-col gap-1"),children:[e.map((i,c,d)=>r.jsx(Yd,{isFirstInGroup:c===0,isLastInGroup:c===d.length-1,isAloneInGroup:d.length===1,...i},i.id)),r.jsx(Aa,{messages:e}),o&&s&&a.length>0&&r.jsx(Ia,{messages:a})]})]}),n&&n.length>0&&r.jsx("div",{...D("chat/agent_msg_group/suggestions"),className:A("flex flex-col gap-1 ps-8"),children:n==null?void 0:n.map((i,c)=>r.jsx(jn,{suggestion:i},`${i}-${c}`))})]})]})}const Po=["⠏","⠗","⠧","⠷","⠾","⠽","⠻","⠟"];function Or({className:e}){const t=B.useReducedMotion(),[n,o]=u.useState(0);return u.useEffect(()=>{if(t)return;const s=setInterval(()=>o(a=>(a+1)%Po.length),80);return()=>clearInterval(s)},[t]),r.jsx("span",{className:A("select-none",e),"aria-hidden":!0,children:Po[n]})}function Oo({turn:e,agent:t,timestamp:n}){const{componentStore:o,config:s,widgetCtx:a}=k.useWidget(),i=za(),c=o.getComponent("agent_chat_steps"),d=o.getComponent("agent_chat_spec"),l=o.getComponent("loading"),[p]=u.useState(()=>new Date().toISOString()),m=n??p,h=Q.resolveClientPresentation(a.agent.presentation,s.presentation),f=k.applyPresentation(e.items,h),v=e.active&&(h==null?void 0:h.streaming)===!1&&!f.some(g=>g.kind==="questions");return r.jsxs("div",{...D("chat/streaming_turn/root"),className:"group flex flex-col gap-2",children:[f.map((g,j)=>g.kind==="text"?r.jsx(un,{messages:[{id:`streaming-${j}`,type:"AI",component:"bot_message",timestamp:m,data:{message:g.text},agent:t}],agent:t,actions:!1},`text-${j}`):g.kind==="spec"?d&&r.jsx(d,{parts:g.parts,active:e.active},`spec-${j}`):g.kind==="questions"||g.kind==="plan"||g.kind==="connection"?null:c&&r.jsx(c,{active:e.active,steps:g.steps},`steps-${j}`)),v&&l?r.jsx(l,{agent:t}):e.active&&!Zd(f)&&r.jsx("div",{...D("chat/streaming_turn/working"),className:"flex h-5 items-center ps-1",children:r.jsx(Or,{className:"text-[14px] leading-none text-primary/70"})}),!e.active&&i&&r.jsx(Ia,{messages:f.flatMap(g=>g.kind==="text"?[{data:{message:g.text}}]:[])})]})}function Zd(e){const t=e.at(-1);return(t==null?void 0:t.kind)==="steps"&&t.steps.some(n=>!n.done)}function Jd({parts:e,active:t=!1}){const n=u.useMemo(()=>Xl(e),[e]);return r.jsx(la,{spec:n,active:t})}function Qd({plan:e,active:t}){const[n,o]=u.useState(!1),s=u.useId(),a=B.useReducedMotion(),i=e.filter(p=>p.status==="completed").length,c=e.find(p=>p.status==="in_progress")??e.find(p=>p.status==="pending")??e[0],d=2*Math.PI*8,l=d*(1-(e.length>0?i/e.length:0));return r.jsxs("div",{className:"overflow-hidden rounded-xl border border-primary/10 bg-background shadow-sm","data-task-plan":!0,children:[r.jsxs("button",{type:"button",onClick:()=>o(p=>!p),"aria-expanded":n,"aria-controls":s,className:"flex w-full cursor-pointer items-center gap-3 px-3.5 py-2.5 text-start hover:bg-primary/[0.02] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary/40",children:[r.jsxs("svg",{"aria-hidden":"true",className:"size-5 shrink-0 -rotate-90",viewBox:"0 0 20 20",children:[r.jsx("circle",{cx:"10",cy:"10",r:"8",fill:"none",stroke:"currentColor",strokeWidth:"2",className:"text-primary/10"}),r.jsx(B.motion.circle,{cx:"10",cy:"10",r:"8",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeDasharray:d,initial:!1,animate:{strokeDashoffset:l},transition:a?{duration:0}:Ae,className:"text-emerald-600 dark:text-emerald-400"})]}),r.jsx("span",{className:"min-w-0 flex-1 truncate text-sm text-primary",children:c==null?void 0:c.step}),r.jsxs("span",{className:"shrink-0 text-[0.8125rem] tabular-nums text-primary/50",children:[i,"/",e.length]}),r.jsx(B.motion.span,{"aria-hidden":"true",className:"flex size-3.5 shrink-0 items-center justify-center text-primary/50",initial:!1,animate:{rotate:n?0:180},transition:a?{duration:0}:xe,children:r.jsx(z.ChevronUp,{className:"size-3.5"})})]}),r.jsx("div",{id:s,"aria-hidden":!n,children:r.jsx(B.AnimatePresence,{initial:!1,children:n&&r.jsx(B.motion.div,{initial:{height:a?"auto":0,opacity:0},animate:{height:"auto",opacity:1},exit:{height:a?"auto":0,opacity:0,transition:xe},transition:a?xe:Ae,className:"overflow-hidden",children:r.jsx("ol",{className:"max-h-60 overflow-y-auto border-t border-primary/10 px-3.5 py-2",children:e.map((p,m)=>r.jsxs("li",{className:"flex items-start gap-2.5 py-1.5 text-sm","data-plan-status":p.status,children:[r.jsx("span",{"aria-hidden":"true",className:A("relative mt-0.5 size-4 shrink-0",!t&&"[&_.animate-spin]:animate-none"),children:r.jsx(B.AnimatePresence,{initial:!1,children:r.jsx(B.motion.span,{className:"absolute inset-0 flex items-center justify-center",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:xe,children:p.status==="completed"?r.jsx("span",{className:"flex size-4 items-center justify-center rounded-full bg-emerald-500/10",children:r.jsx(z.Check,{className:"size-2.5 text-emerald-600 dark:text-emerald-400"})}):p.status==="in_progress"?t?r.jsx(z.Loader2,{className:"size-4 animate-spin text-primary/60 motion-reduce:animate-none"}):r.jsx(z.CircleDashed,{className:"size-4 text-primary/40"}):r.jsx("span",{className:"size-1.5 rounded-full bg-primary/25"})},p.status)})}),r.jsx("span",{className:A(p.status==="completed"?"text-primary/50 line-through":p.status==="in_progress"?"font-medium text-primary":"text-primary/60"),children:p.step})]},m))})},"plan-steps")})})]})}function Ma(){var n,o;const e=Fe();if((n=e.session)!=null&&n.isOpened||!e.session)return null;const t=(o=e.config.customComponents)==null?void 0:o.onSessionResolved;return t?r.jsx(t,{...e}):null}function Ra(){var n;const e=Fe(),t=(n=e.config.customComponents)==null?void 0:n.chatBottomComponents;return t?r.jsx("div",{children:t.map(({key:o,component:s})=>r.jsx(s,{...e},o))}):null}function Pa(e){const t=[];let n=null;return e.forEach(o=>{var s,a,i,c,d,l;(((s=n==null?void 0:n[0])==null?void 0:s.type)!==o.type||((a=n[0])==null?void 0:a.type)==="AGENT"&&o.type==="AGENT"&&(((i=o.agent)==null?void 0:i.id)!==((c=n[0].agent)==null?void 0:c.id)||((d=o.agent)==null?void 0:d.name)!==((l=n[0].agent)==null?void 0:l.name)))&&(n=[],t.push(n)),n.push(o)}),t}function nr(e){var t;return((t=e==null?void 0:e[0])==null?void 0:t.type)==="USER"}function eu(e){var t;return((t=e==null?void 0:e[0])==null?void 0:t.type)==="AI"}function tu(e){var t;return((t=e==null?void 0:e[0])==null?void 0:t.type)==="AGENT"}function Oa(){const{messagesState:{messages:e}}=k.useMessages(),{chatBannerItems:t}=k.useConfig();return!(t!=null&&t.length)||e.length>0&&t.every(n=>!n.persistent)?null:r.jsx("div",{className:"w-full text-center text-xs",children:t.map(({message:n,persistent:o},s)=>e.length>0&&!o?null:r.jsx("div",{children:r.jsx(Nr,{children:n})},`${n}-${s}`))})}const nu=10*1024,$o=new Map;function ru(e){const t=$o.get(e);if(t!==void 0)return t;const n=ou(e);return $o.set(e,n),n}function ou(e){const t=e.trim();if(!t||t.length>nu||typeof DOMParser>"u")return null;const n=new DOMParser().parseFromString(t,"image/svg+xml"),o=n.documentElement;return o.localName!=="svg"||o.namespaceURI!=="http://www.w3.org/2000/svg"||n.getElementsByTagName("parsererror").length>0?null:`data:image/svg+xml,${encodeURIComponent(t)}`}const su=js.cva("inline-flex items-center gap-1.5 rounded-full px-2 py-0.5 text-xs font-medium transition-colors",{variants:{variant:{default:"bg-primary text-primary-foreground",secondary:"bg-secondary text-secondary-foreground",outline:"border text-foreground"}},defaultVariants:{variant:"default"}});function au({className:e,variant:t,...n}){return r.jsx("div",{className:A(su({variant:t}),e),...n})}function $a({customStatus:e,className:t,dotClassName:n}){const o=e.icon?ru(e.icon):null,s=e.color||"currentColor";return o?r.jsx("span",{"aria-hidden":!0,className:A("size-3.5 shrink-0",t),style:{backgroundColor:s,maskImage:`url("${o}")`,maskSize:"contain",maskRepeat:"no-repeat",maskPosition:"center",WebkitMaskImage:`url("${o}")`,WebkitMaskSize:"contain",WebkitMaskRepeat:"no-repeat",WebkitMaskPosition:"center"}}):r.jsx("span",{"aria-hidden":!0,className:A("size-2 shrink-0 rounded-full",n),style:{backgroundColor:s}})}function La({customStatus:e,className:t}){return r.jsxs(au,{variant:"secondary",className:A("relative isolate overflow-hidden max-w-full text-primary",t),title:e.description||void 0,style:e.color?{color:`color-mix(in srgb, ${e.color} 55%, hsl(var(--opencx-foreground)))`}:void 0,children:[e.color&&r.jsx("span",{"aria-hidden":!0,className:"absolute inset-0 -z-10 opacity-20",style:{backgroundColor:e.color}}),r.jsx($a,{customStatus:e}),r.jsx("span",{className:"truncate",children:e.name})]})}function Da(){const{sessionState:{session:e}}=k.useSessions(),t=e==null?void 0:e.customStatus;return r.jsx(B.AnimatePresence,{mode:"wait",children:t&&r.jsx(te,{className:"sticky top-2 z-10 self-center max-w-full",snapExit:!0,children:r.jsx(yn,{trigger:r.jsx(X,{variant:"ghost",size:"selfless",className:"rounded-full",children:r.jsx(La,{customStatus:t})}),children:r.jsxs(wn,{withClose:!0,children:[r.jsxs(kr,{children:[r.jsx($a,{customStatus:t,className:"size-8 mx-auto",dotClassName:"size-3 mx-auto"}),r.jsx(Cr,{children:t.name})]}),t.description&&r.jsx(jr,{children:r.jsx(Sr,{children:t.description})})]})})},t.id)})}function Fa(){var c;const{messagesState:{messages:e}}=k.useMessages(),t=k.useConfig(),n=k.useBot(),{advancedInitialMessages:o=[],initialQuestions:s,initialQuestionsPosition:a}=t;if(e.length>0)return null;const i=o.length?o.map(d=>d.message):(c=t.initialMessages)!=null&&c.length?t.initialMessages:["Hello, how can I help you?"];return r.jsx(un,{messages:i.map((d,l)=>({component:"bot_message",data:{message:d},id:`${l}-${d}`,type:"AI",timestamp:null})),suggestedReplies:a==="below-initial-messages"?s:void 0,agent:n})}function Wa({src:e,alt:t,title:n,note:o,shape:s="strip",className:a,children:i,...c}){const d=s==="tile";return r.jsxs("div",{...c,className:A("relative overflow-hidden bg-background ring-1 ring-border",d?"size-12 shrink-0 rounded-2xl":"max-w-full rounded-xl",a),children:[r.jsx("img",{src:e,alt:t,title:n,draggable:!1,className:A("block object-cover object-left-top",d?"size-full":"h-10 w-auto max-w-40")}),o&&r.jsx("div",{className:A("absolute inset-x-0 bottom-0 truncate px-1.5 py-0.5","bg-gradient-to-t from-foreground/70 to-foreground/0","text-[10px] font-medium leading-tight text-background"),children:o}),i]})}const $r=["#opencx-root","[data-opencx-root]","[data-opencx-overlay]"],ut='input,textarea,select,[contenteditable]:not([contenteditable="false"]),[role="textbox"],[role="searchbox"],[role="combobox"]',iu=[...$r,"[data-opencx-private]",'[aria-hidden="true"]',"[hidden]","script","style","noscript"].join(",");function Ha(e){var n;if(e.matches(iu))return!0;const t=(n=e.ownerDocument.defaultView)==null?void 0:n.getComputedStyle(e);return(t==null?void 0:t.display)==="none"||(t==null?void 0:t.visibility)==="hidden"||(t==null?void 0:t.visibility)==="collapse"||(t==null?void 0:t.opacity)==="0"}function ze(e){for(let t=e;t;t=t.parentElement)if(Ha(t))return!0;return!1}function Ba(e){if(ze(e)||e.closest(ut))return"";const t=[],n=o=>{if(o instanceof Element){if(o!==e&&Ha(o)||o.matches(ut))return;const s=/^(ADDRESS|ARTICLE|ASIDE|BLOCKQUOTE|BR|DD|DETAILS|DIV|DL|DT|FIELDSET|FIGCAPTION|FIGURE|FOOTER|FORM|H[1-6]|HEADER|HR|LI|MAIN|NAV|OL|P|PRE|SECTION|SUMMARY|TABLE|TD|TH|TR|UL)$/.test(o.tagName);s&&t.push(" "),o.childNodes.forEach(n),s&&t.push(" ")}else o.nodeType===Node.TEXT_NODE&&t.push(o.textContent??"")};return n(e),t.join("").replace(/\s+/g," ").trim()}function Lr(e){try{const t=new URL(e,window.location.href);return t.protocol==="http:"||t.protocol==="https:"?`${t.origin}${t.pathname}`:""}catch{return""}}function Lt(e){return e.getRootNode()===document&&!ze(e)&&!e.closest(ut)&&!e.matches("canvas,iframe,video,object,embed")&&!Array.from(e.querySelectorAll("*")).some(t=>ze(t)||t.matches(`${ut},canvas,iframe,video,object,embed`))}const cu=480,lu=3e3,Dt=new WeakMap,rr=new WeakMap;async function du(e){if(!Lt(e))return null;const t=e.getBoundingClientRect();if(t.width<1||t.height<1)return null;const n=Math.min(2,Math.max(.5,cu/Math.max(t.width,t.height))),o=Fi.toJpeg(e,{quality:.85,pixelRatio:n,backgroundColor:"#ffffff",filter:a=>!(a instanceof Element)||Lt(a)}),s=new Promise(a=>setTimeout(()=>a(null),lu));try{return await Promise.race([o,s])}catch{return null}}function uu(e,t){rr.set(e,t),Dt.set(e,du(t))}const or=new WeakMap;function pu(e,t){if(or.has(e))return;const n=Dt.get(e);if(!n)return;const o=n.then(s=>{const a=rr.get(e);if(!(a!=null&&a.isConnected)||!Lt(a))return null;const i=s?hu(s,"page-mark.jpg"):null;return i?t(i):null}).catch(()=>null).then(s=>{const a=rr.get(e);return!(a!=null&&a.isConnected)||!Lt(a)?null:(s&&(e.snapshotUrl=s),s)});or.set(e,o)}async function mu(e,t){if(e.snapshotUrl)return e.snapshotUrl;const n=or.get(e);if(!n)return null;const o=new Promise(s=>setTimeout(()=>s(null),t));return Promise.race([n,o])}function hu(e,t){const n=/^data:([^;,]+);base64,([\s\S]*)$/.exec(e);if(!n)return null;const[,o,s]=n;if(!o||s===void 0)return null;try{const a=atob(s),i=new Uint8Array(a.length);for(let c=0;c<a.length;c++)i[c]=a.charCodeAt(c);return new File([i],t,{type:o})}catch{return null}}function fu(e){return Dt.get(e)}function gu(e,t){const n=Dt.get(e);n&&Dt.set(t,n)}function Ua(e){const[t,n]=u.useState(null);return u.useEffect(()=>{var s;if(n(null),!e)return;let o=!1;return(s=fu(e))==null||s.then(a=>{!o&&a&&n(a)}),()=>{o=!0}},[e]),t}function xu({element:e}){const t=Ua(e.mark)??e.snapshotUrl??null,n=e.note??e.name;return t?r.jsx(Wa,{src:t,alt:n,title:e.name,note:e.note}):r.jsxs("span",{className:A("inline-flex items-center gap-1.5 max-w-48","rounded-full py-1 ps-2 pe-2.5","bg-background ring-1 ring-border","text-xs text-foreground"),title:e.name,children:[r.jsx(z.PenLineIcon,{className:"size-3 shrink-0 text-primary"}),r.jsx("span",{className:"truncate",children:n})]})}const bu=150,wu=40,yu=3;function vu(e,t){const n=new Map;for(const a of e){const i=n.get(a.type);i?i.push(a):n.set(a.type,[a])}const o=[],s=[];for(const[a,i]of Array.from(n)){const c=t.has(a)?i:i.slice(0,yu);o.push({type:a,items:c,hidden:i.length-c.length}),s.push(...c)}return{groups:o,visible:s}}function ku(e,t){const n=e.slice(0,t),o=/(?:^|\s)@(\S*)$/.exec(n);return o?{start:t-o[1].length-1,query:o[1]}:null}function ju(e,t){const n=t.trim().toLowerCase();if(!n)return[...e];const o=s=>{var i;const a=s.title.toLowerCase();return a.startsWith(n)?0:a.includes(n)?1:(i=s.description)!=null&&i.toLowerCase().includes(n)?2:-1};return e.map((s,a)=>({item:s,index:a,rank:o(s)})).filter(s=>s.rank>=0).sort((s,a)=>s.rank-a.rank||s.index-a.index).map(s=>s.item)}const $t=e=>`@${e.title}`;function Lo(e,t){const n=[];for(const o of t){const s=$t(o);let a=0;for(;;){const i=e.indexOf(s,a);if(i===-1)break;n.push({start:i,end:i+s.length}),a=i+s.length}}return n}function Cu({text:e,setText:t,inputRef:n}){const{mentions:o}=k.useConfig(),{widgetCtx:s}=k.useWidget(),a=o==null?void 0:o.items,i=o==null?void 0:o.search,c=u.useMemo(()=>{if(i)return i;if(a)return M=>ju(a,M)},[i,a]),d=!!c&&s.features.pageContext,{mentions:l,setMentions:p}=k.useComposerDraft(),[m,h]=u.useState(null),[f,v]=u.useState([]),[g,j]=u.useState(()=>new Set),[x,N]=u.useState(0),[w,_]=u.useState(!1),{groups:S,visible:b}=u.useMemo(()=>vu(f,g),[g,f]);u.useEffect(()=>{p(M=>{const W=M.filter(O=>e.includes($t(O)));return W.length===M.length?M:W})},[e,p]);const C=u.useCallback((M="nearest")=>{if(!d)return;const W=n.current;let O=(W==null?void 0:W.selectionStart)??e.length;if(W&&W.selectionStart===W.selectionEnd){const U=Lo(e,l).find(F=>O>F.start&&O<F.end);U&&(O=M==="forward"?U.end:M==="backward"||O-U.start<U.end-O?U.start:U.end,W.setSelectionRange(O,O))}const q=ku(e,O),V=q&&l.some(U=>e.startsWith($t(U),q.start))?null:q;h(U=>(U==null?void 0:U.start)===(V==null?void 0:V.start)&&(U==null?void 0:U.query)===(V==null?void 0:V.query)?U:V)},[d,n,l,e]);u.useEffect(()=>C(),[C]);const R=u.useRef(0);u.useEffect(()=>{if(!m||!c){v([]),_(!1);return}const M=++R.current;_(!0);const W=setTimeout(()=>{Promise.resolve().then(()=>c(m.query)).then(O=>{M===R.current&&(v(O.slice(0,wu)),j(new Set),N(0),_(!1))},O=>{M===R.current&&(Q.log.warn("mentions search failed",O),v([]),_(!1))})},bu);return()=>clearTimeout(W)},[m,c]);const T=u.useCallback(()=>{R.current+=1,h(null),v([]),_(!1)},[]),P=u.useCallback(M=>{if(!m)return;const W=m.start+1+m.query.length,O=`${$t(M)} `,q=e.slice(0,m.start)+O+e.slice(W);t(q),p(U=>U.some(F=>F.type===M.type&&F.id===M.id)?U:[...U,M]),T();const V=m.start+O.length;requestAnimationFrame(()=>{const U=n.current;U&&(U.focus(),U.setSelectionRange(V,V))})},[m,T,n,t,p,e]),L=u.useCallback(M=>{j(W=>new Set(W).add(M))},[]),I=d&&m!==null,H=u.useCallback(M=>{const W=n.current;if(d&&W&&W.selectionStart===W.selectionEnd&&(M.key==="Backspace"||M.key==="Delete")){const O=W.selectionStart,q=Lo(e,l).find(V=>M.key==="Backspace"?V.end===O:V.start===O);if(q){M.preventDefault();const V=e[q.end]===" "?q.end+1:q.end;return t(e.slice(0,q.start)+e.slice(V)),requestAnimationFrame(()=>W.setSelectionRange(q.start,q.start)),!0}}if(!I)return!1;if(M.key==="Escape")return M.preventDefault(),T(),!0;if(b.length===0)return!1;if(M.key==="ArrowDown")return M.preventDefault(),N(O=>(O+1)%b.length),!0;if(M.key==="ArrowUp")return M.preventDefault(),N(O=>(O-1+b.length)%b.length),!0;if(M.key==="Enter"||M.key==="Tab"){M.preventDefault();const O=b[x];return O&&P(O),!0}return!1},[T,d,x,n,I,P,l,t,e,b]),E=u.useCallback(()=>{p([]),T()},[T,p]);return u.useMemo(()=>({picked:l,isOpen:I,anchorIndex:(m==null?void 0:m.start)??null,preview:(o==null?void 0:o.preview)!==!1,groups:S,visible:b,expandGroup:L,searching:w,highlighted:x,setHighlighted:N,pick:P,onKeyDown:H,onCaretMove:C,reset:E}),[l,I,m,o==null?void 0:o.preview,S,b,L,w,x,P,H,C,E])}function qa({text:e,mentions:t,tokenClassName:n}){if(!t||t.length===0)return r.jsx(r.Fragment,{children:e});const o=Array.from(new Set(t.map($t))).sort((c,d)=>d.length-c.length),s=[];let a=e,i=0;for(;a.length>0;){let c=-1,d="";for(const l of o){const p=a.indexOf(l);p!==-1&&(c===-1||p<c)&&(c=p,d=l)}if(c===-1){s.push(a);break}c>0&&s.push(a.slice(0,c)),s.push(u.createElement("span",{...D("chat/mention"),key:i++,className:A("rounded-sm px-0.5 -mx-0.5",n)},d)),a=a.slice(c+d.length)}return r.jsx(r.Fragment,{children:s})}function Su({message:e,isFirstInGroup:t,isLastInGroup:n,isAloneInGroup:o}){var s;return r.jsxs("div",{...D("chat/user_msg/root"),"data-message-id":e.id,className:"w-5/6 flex flex-col items-end gap-1",children:[e.markedElements&&e.markedElements.length>0&&r.jsx("div",{...D("chat/user_msg/marked_elements"),className:"w-full flex gap-1 flex-wrap justify-end",children:e.markedElements.map((a,i)=>r.jsx(xu,{element:a},`${a.name}-${i}`))}),e.attachments&&e.attachments.length>0&&r.jsx("div",{className:"w-full flex gap-1 flex-wrap justify-end",children:(s=e.attachments)==null?void 0:s.map(a=>r.jsx(ga,{attachment:a},a.id))}),e.content.length>0&&r.jsx("div",{...D("chat/user_msg/msg"),"data-first":t,"data-last":n,"data-alone":o,"data-pending":e.pending===!0,className:A("transition-all","w-fit py-3 px-4 rounded-3xl text-sm","bg-primary text-primary-foreground",e.pending&&"opacity-60","break-words [word-break:break-word]","whitespace-pre-wrap",t&&!o&&"rounded-br-md",n&&!o&&"rounded-tr-md",!t&&!n&&!o&&"rounded-r-md"),children:r.jsx(qa,{text:e.content,mentions:e.mentions,tokenClassName:"bg-primary-foreground/20 font-medium"})})]})}function Nu({messages:e}){return r.jsxs("div",{...D("chat/user_msg_group/root"),className:A("group","flex flex-col gap-1 justify-end items-end"),children:[e.map((t,n,o)=>r.jsx(Su,{message:t,isFirstInGroup:n===0,isLastInGroup:n===o.length-1,isAloneInGroup:o.length===1},t.id)),r.jsx(Aa,{messages:e,containerClassName:"ms-auto"})]})}function sr({groups:e,pendingReply:t=!1}){const{humanAgent:n}=k.useConfig(),o=k.useBot();return r.jsx(r.Fragment,{children:e.map((s,a)=>{var c,d;const i=(c=s[0])==null?void 0:c.id;if(!i)return null;if(nr(s))return r.jsx(Nu,{messages:s},i);if(eu(s))return r.jsx(un,{messages:s,agent:o,actions:!t||a!==e.length-1},i);if(tu(s)){const l=(d=s[0])==null?void 0:d.agent;return r.jsx(un,{messages:s,agent:l?{...l,name:(n==null?void 0:n.name)||l.name||"",avatarUrl:(n==null?void 0:n.avatarUrl)||l.avatarUrl||null}:n?{isAi:!1,id:null,name:n.name||"",avatarUrl:n.avatarUrl||null}:void 0},i)}return null})})}const _u=150;function Eu({scrollHeight:e,scrollTop:t,clientHeight:n},o=_u){return e-t-n<o}function Tu(e){const t=u.useRef(null),n=u.useRef(!0),[o,s]=u.useState(!1),a=u.useRef(null),[i]=u.useState(()=>new Set),c=u.useCallback(()=>{const l=t.current,p=l?Eu(l):!0;n.current=p,s(!p)},[]),d=u.useCallback(()=>{const l=t.current;l&&(l.scrollTo({top:l.scrollHeight,behavior:"smooth"}),n.current=!0,s(!1))},[]);return u.useEffect(()=>{if(!n.current)return;const l=setTimeout(()=>{const p=t.current;p&&(p.scrollTop=p.scrollHeight)},0);return()=>clearTimeout(l)},e),u.useEffect(()=>{const l=t.current;if(!l)return;const p=new ResizeObserver(()=>{n.current&&(l.scrollTop=l.scrollHeight)});return a.current=p,()=>{p.disconnect(),a.current=null,i.clear()}},[i]),u.useEffect(()=>{const l=t.current,p=a.current;!l||!p||(i.forEach(m=>{m.isConnected||(p.unobserve(m),i.delete(m))}),Array.from(l.children).forEach(m=>{i.has(m)||(p.observe(m),i.add(m))}))}),{containerRef:t,handleScroll:c,showScrollDown:o,scrollToBottom:d}}function Au(){const{messagesState:{messages:e}}=k.useMessages(),{isStreaming:t,liveItems:n,turnSources:o,liveTurnKey:s,turnFailed:a,retryFailedTurn:i}=k.useAgentChatUi(),{componentStore:c}=k.useWidget(),{t:d}=K(),l=k.useBot(),{sessionState:{session:p}}=k.useSessions(),m=u.useMemo(()=>k.sessionPlan({liveItems:n,turnSources:o}),[n,o]),h=u.useMemo(()=>Pa(e),[e]),f=u.useMemo(()=>{const R=new Map;for(const T of o)for(const P of T.rowIds)R.set(P,T);return R},[o]),v=u.useMemo(()=>{for(let R=h.length-1;R>=0;R-=1){const T=h[R];if(T&&nr(T))return R}return-1},[h]),g=n.length>0,{nodes:j,renderedSourceKeys:x}=u.useMemo(()=>{const R=[],T=new Set;return h.forEach((P,L)=>{var M;const I=(M=P[0])==null?void 0:M.id;if(!I)return;if(nr(P)){R.push(r.jsx(sr,{groups:[P]},I));return}let H=[];const E=()=>{var O;const W=(O=H[0])==null?void 0:O.id;W&&R.push(r.jsx(sr,{groups:[H]},W)),H=[]};for(const W of P){const O=f.get(W.id);O?(E(),T.has(O.key)||(T.add(O.key),R.push(r.jsx(Oo,{turn:{active:!1,items:O.items},agent:l,timestamp:W.timestamp},O.key)))):g&&L>v||H.push(W)}E()}),{nodes:R,renderedSourceKeys:T}},[h,f,g,v,l]),N=s!==null&&n.length>0&&!x.has(s),w=c.getComponent("loading"),{containerRef:_,handleScroll:S,showScrollDown:b,scrollToBottom:C}=Tu([e,n]);return r.jsxs(r.Fragment,{children:[r.jsxs("div",{...D("chat/msgs/wrapper"),className:"relative flex flex-1 flex-col min-h-0",children:[r.jsxs("div",{...D("chat/msgs/root"),ref:_,onScroll:S,className:"max-h-full relative flex-1 py-2 px-4 flex flex-col gap-2 overflow-auto",children:[r.jsx(Da,{}),r.jsx(Oa,{}),r.jsx(Fa,{}),[...j,...N?[r.jsx(Oo,{turn:{active:t,items:n},agent:l},s)]:[]],t&&n.length===0&&w&&r.jsx(w,{agent:l}),a&&!t&&r.jsxs("div",{...D("chat/turn_failed/root"),className:"flex items-center gap-2 self-start rounded-xl border border-destructive/30 bg-destructive/10 px-3 py-2 text-sm text-destructive",children:[r.jsx("span",{children:d("turn_failed_message")}),r.jsx("button",{...D("chat/turn_failed/retry"),type:"button",onClick:i,className:"font-medium underline underline-offset-2 hover:opacity-80",children:d("turn_failed_retry")})]}),r.jsx(Ra,{}),r.jsx(Ma,{})]}),r.jsx(B.AnimatePresence,{children:b&&u.createElement(B.motion.button,{...D("chat/msgs/scroll-to-bottom"),key:"scroll-to-bottom",type:"button",initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.8},transition:{duration:.15},onClick:C,"aria-label":d("scroll_to_bottom"),className:"absolute bottom-3 left-1/2 z-20 flex size-8 -translate-x-1/2 items-center justify-center rounded-full border border-border bg-background text-muted-foreground shadow-lg transition-colors hover:text-foreground"},r.jsx(z.ArrowDown,{className:"size-4"}))})]}),m&&m.length>0&&r.jsx("div",{...D("chat/session-plan"),className:"shrink-0 px-4 pb-2",children:r.jsx(Qd,{plan:m,active:t},(p==null?void 0:p.id)??"new-session")})]})}function zu(){const e=Fe(),{activeMode:t,Component:n}=k.useModes(),{sendMessage:o}=k.useMessages(),{createStateCheckpoint:s}=k.useSessions(),[a,i]=u.useState(!1),c=async d=>{try{i(!0),await o(d)}catch(l){Q.log.error("mode component send failed",l)}finally{i(!1)}};return!t||!n?null:r.jsx(n,{...e,mode:t,createStateCheckpoint:s,sendMessage:c,isSendingMessage:a})}function Va(){const{requireInitialQuestion:e,initialQuestions:t}=k.useConfig(),{messagesState:n}=k.useMessages();return e===!0&&n.messages.length===0&&(t==null?void 0:t.some(o=>o.trim().length>0))===!0}const je=u.forwardRef((e,t)=>{var n,o,s;return r.jsx(te,{...e,ref:t,className:A("overflow-hidden",e.className),overrides:{initial:{height:0,opacity:0,...(n=e.overrides)==null?void 0:n.initial},animate:{height:"auto",opacity:1,...(o=e.overrides)==null?void 0:o.animate},exit:{height:0,opacity:0,...(s=e.overrides)==null?void 0:s.exit}}})});je.displayName="MotionDiv__VerticalReveal";const Iu=[{label:"Terrible",value:1,emoji:"😡"},{label:"Poor",value:2,emoji:"😞"},{label:"Okay",value:3,emoji:"😐"},{label:"Good",value:4,emoji:"😊"},{label:"Great",value:5,emoji:"😍"}];function Mu(){const{isSmallScreen:e}=Ie(),{t}=K(),{submitCsat:n,isCsatRequested:o,isCsatSubmitted:s,submittedScore:a,submittedFeedback:i}=k.useCsat(),[c,d]=u.useState(null),[l,p]=u.useState(null),m=f=>{d(v=>v===f?null:f)},h=()=>{c&&n({score:c,feedback:l||void 0})};return!o&&!s?null:r.jsxs("div",{className:"w-1/2 min-w-80 max-w-96 mx-auto overflow-hidden",children:[r.jsx(B.AnimatePresence,{mode:"wait",children:o&&!c?r.jsx(je,{children:r.jsx("p",{className:"text-sm text-muted-foreground text-center pt-2",children:t("csat_title")})},"csat-requested-title"):s?r.jsx(je,{children:r.jsx("p",{className:"text-sm text-muted-foreground text-center pt-2",children:t("csat_submitted_title")})},"csat-submitted-title"):null}),r.jsx("div",{dir:"ltr",className:A("flex gap-4 justify-between pt-2 px-2 pb-2","transition-all",s&&"gap-0 justify-center"),children:Iu.map(f=>r.jsx(X,{variant:f.value===c?"secondary":"ghost",size:"selfless",className:A("transition-all overflow-hidden","text-2xl size-8 rounded-full","opacity-35","hover:opacity-100",!c&&"opacity-100",f.value===c&&"opacity-100",s&&f.value!==a&&"opacity-0 size-0",s&&f.value===a&&"opacity-100 size-fit text-4xl"),onClick:o?()=>m(f.value):void 0,children:f.emoji},f.value))}),r.jsx(B.AnimatePresence,{mode:"wait",children:(c||a)&&r.jsx(je,{children:r.jsxs("div",{className:"pb-2 px-2 flex items-end",children:[r.jsx("textarea",{rows:3,className:A("transition-all","max-h-40 [field-sizing:content]","w-full resize-none","bg-transparent outline-none","placeholder:text-muted-foreground",e?"text-[16px]":"text-sm",s&&"text-center"),value:s?i||"":l||"",onChange:o?f=>p(f.target.value):void 0,readOnly:s,placeholder:o?t("csat_feedback_placeholder"):void 0}),r.jsx(X,{size:"fit",onClick:h,disabled:!c,className:A("transition-all overflow-hidden","rounded-full size-8 flex items-center justify-center p-0",s&&"opacity-0 size-0"),children:r.jsx(z.ArrowUpIcon,{className:"size-4"})})]})},"feedback-box")}),r.jsx("div",{className:A("h-0 transition-[height]",s&&"h-4")})]})}function Ru(){const{t:e}=K(),t=[e("i_need_more_help"),e("this_was_helpful")];return r.jsx("div",{...D("chat/might_solve_user_issue_suggested_replies_container"),className:"flex items-center gap-2 p-2 pb-0 flex-wrap",children:t.map(n=>r.jsx(jn,{suggestion:n,className:"flex-1"},n))})}function ar(){const{sessionState:e}=k.useSessions(),{chatFooterItems:t}=k.useConfig(),n=!!e.session&&!e.session.isOpened,o=!n;return r.jsx(B.AnimatePresence,{mode:"wait",children:t==null?void 0:t.map((s,a)=>s.showWhenSessionIsOpen===!1&&o||s.showWhenSessionIsResolved===!1&&n?null:r.jsx(je,{children:r.jsx("div",{className:"pb-2 text-center text-xs",children:r.jsx(vd,{children:s.message})})},`${s.message}-${a}`))})}function pn(){return r.jsxs("svg",{viewBox:"0 0 180 180",fill:"none",className:"size-5 shrink-0 stroke-current",strokeWidth:"12",strokeLinecap:"round","aria-hidden":!0,"data-mcp-icon":!0,children:[r.jsx("path",{d:"M18 84.8528L85.8822 16.9706C95.2548 7.59798 110.451 7.59798 119.823 16.9706V16.9706C129.196 26.3431 129.196 41.5391 119.823 50.9117L68.5581 102.177"}),r.jsx("path",{d:"M69.2652 101.47L119.823 50.9117C129.196 41.5391 144.392 41.5391 153.765 50.9117L154.118 51.2652C163.491 60.6378 163.491 75.8338 154.118 85.2063L92.7248 146.6C89.6006 149.724 89.6006 154.789 92.7248 157.913L105.331 170.52"}),r.jsx("path",{d:"M102.853 33.9411L52.6482 84.1457C43.2756 93.5183 43.2756 108.714 52.6482 118.087V118.087C62.0208 127.459 77.2167 127.459 86.5893 118.087L136.794 67.8822"})]})}function Pu({sessionId:e,active:t}){var i;const{widgetCtx:n,config:o}=k.useWidget(),[s,a]=u.useState(null);return u.useEffect(()=>{var p;if(a(null),!t||((p=o.capabilities)==null?void 0:p.connections)!==!0)return;const c=new AbortController;let d;const l=async()=>{try{const m=await n.api.listElicitations(e,c.signal);c.signal.aborted||a(m[0]??null)}catch{a(m=>m&&m.expiresAt>Date.now()?m:null)}c.signal.aborted||(d=setTimeout(l,1500))};return l(),()=>{c.abort(),clearTimeout(d)}},[n,e,t,(i=o.capabilities)==null?void 0:i.connections]),r.jsxs(r.Fragment,{children:[" ",s&&s.expiresAt>Date.now()?r.jsx(Ou,{request:s,onAnswer:async c=>{await n.api.answerElicitation(e,s.id,c),a(null)}},s.id):null]})}function Ou({request:e,onAnswer:t}){var p,m;const[n,o]=u.useState(!1),[s,a]=u.useState(""),i=async h=>{if(!n){o(!0),a("");try{await t(h)}catch(f){a(f instanceof Error?f.message:"Could not submit. Try again.")}finally{o(!1)}}},c=e.form.requestedSchema.properties,d=Object.keys(c).length===1&&((p=c.approve)==null?void 0:p.type)==="boolean"&&((m=e.form.requestedSchema.required)==null?void 0:m.includes("approve")),l="w-full rounded-lg border border-foreground/15 bg-background px-2 py-1.5 text-base sm:text-sm";return r.jsxs("form",{"aria-label":`Request from ${e.serverName}`,className:`min-w-0 rounded-2xl border border-foreground/10 bg-background p-2 space-y-2 text-foreground ${d?"overflow-visible":"max-h-[50vh] overflow-y-auto"}`,onSubmit:h=>{if(h.preventDefault(),d){i({action:"accept",content:{approve:!0}});return}const f=new FormData(h.currentTarget),v={};for(const[g,j]of Object.entries(c)){const x=f.get(g);if(j.type==="boolean")v[g]=x==="on";else if(j.type==="array"){const N=f.getAll(g).filter(w=>typeof w=="string");if(j.minItems!==void 0&&N.length<j.minItems){a(`${j.title??g}: select at least ${j.minItems} options.`);return}if(j.maxItems!==void 0&&N.length>j.maxItems){a(`${j.title??g}: select no more than ${j.maxItems} options.`);return}v[g]=N}else typeof x=="string"&&x!==""&&(v[g]=j.type==="number"||j.type==="integer"?Number(x):x)}i({action:"accept",content:v})},children:[r.jsxs("div",{className:"flex items-start gap-2",children:[r.jsx("div",{className:"mt-0.5 size-4 shrink-0 text-foreground/50",title:e.serverName,children:r.jsx(pn,{})}),r.jsx("p",{className:"min-w-0 flex-1 text-sm leading-5 break-words",children:e.form.message}),r.jsx(X,{type:"button",variant:"ghost",size:"icon",className:"size-6 shrink-0 text-foreground/50",wobble:!1,"aria-label":"Cancel request",disabled:n,onClick:()=>void i({action:"cancel"}),children:r.jsx(z.X,{className:"size-3.5"})})]}),!d&&r.jsx("fieldset",{disabled:n,className:"space-y-3",children:Object.entries(c).map(([h,f])=>{var x,N,w,_,S;const v=`${e.id}-${h}`,g=f.oneOf??((x=f.enum)==null?void 0:x.map(b=>({const:b,title:b})))??((N=f.items)==null?void 0:N.anyOf)??((_=(w=f.items)==null?void 0:w.enum)==null?void 0:_.map(b=>({const:b,title:b}))),j=(S=e.form.requestedSchema.required)==null?void 0:S.includes(h);return r.jsxs("div",{children:[r.jsxs("label",{htmlFor:v,className:"block text-sm font-medium mb-1",children:[f.title??h,j?" *":""]}),f.description&&r.jsx("p",{className:"text-sm text-foreground/60 mb-1",children:f.description}),f.type==="boolean"?r.jsx("input",{id:v,name:h,type:"checkbox",defaultChecked:f.default===!0,className:"size-5 accent-current"}):g?r.jsxs("select",{id:v,name:h,multiple:f.type==="array",required:j,className:l,defaultValue:typeof f.default=="string"||Array.isArray(f.default)?f.default:f.type==="array"?[]:"",children:[f.type!=="array"&&r.jsx("option",{value:"",children:"Choose…"}),g.map(b=>r.jsx("option",{value:b.const,children:b.title??b.const},b.const))]}):r.jsx("input",{id:v,name:h,className:l,type:f.type==="number"||f.type==="integer"?"number":f.format==="email"?"email":f.format==="uri"?"url":f.format==="date"?"date":"text",required:j,min:f.minimum,max:f.maximum,step:f.type==="integer"?1:"any",minLength:f.minLength,maxLength:f.maxLength,defaultValue:typeof f.default=="string"||typeof f.default=="number"?f.default:""})]},h)})}),s&&r.jsx("p",{role:"alert",className:"text-sm text-destructive",children:s}),r.jsxs("div",{className:"flex flex-wrap items-center gap-2 pl-6",children:[r.jsx(X,{type:"submit",size:"sm",className:"h-7 rounded-lg px-2.5 py-0 text-xs",wobble:!1,disabled:n,children:n?"Submitting…":d?"Approve once":"Submit"}),d&&e.approvalKey&&r.jsx(X,{type:"button",size:"sm",variant:"secondary",className:"h-7 rounded-lg px-2.5 py-0 text-xs",wobble:!1,disabled:n,title:"Allow the same tool, account and inputs. Reset anytime.",onClick:()=>void i({action:"accept",content:{approve:!0},remember:!0}),children:"Always allow"}),r.jsx(X,{type:"button",variant:"ghost",size:"sm",className:"h-7 rounded-lg px-2.5 py-0 text-xs",wobble:!1,disabled:n,onClick:()=>void i({action:"decline"}),children:"Decline"})]})]})}function $u({request:e}){const t=k.useConnection(e),{phase:n,authorization:o,continuation:s,error:a}=t,c=n==="loading"||n==="waiting"||s!==null,d=n==="connected"||n==="external",l=(a==null?void 0:a.toLowerCase().includes("expired"))??!1,p=s?s==="renew"?"Preparing a new connection request":"Continuing your request":n==="waiting"?"Waiting for approval":n==="loading"?"Preparing connection":n==="connected"?"Connected":n==="external"?"Setup page completed":"Not connected",m=s?s==="renew"?"Requesting…":"Continuing…":n==="loading"?"Preparing…":n==="waiting"?"Waiting…":l?"Reconnect":a?"Try again":d?"Continue":"Connect",h=()=>a||d?t.retryContinuation():t.start();return r.jsxs("section",{"aria-label":`Connect ${e.name}`,"data-component":"chat/connection",className:"min-w-0 rounded-2xl border border-foreground/10 bg-background p-2 text-foreground",children:[r.jsxs("div",{className:"flex min-w-0 items-center gap-2",children:[r.jsx("span",{className:"flex size-9 shrink-0 items-center justify-center rounded-lg bg-secondary p-2",children:r.jsx(pn,{})}),r.jsxs("div",{className:"min-w-0 flex-1",children:[r.jsx("p",{className:"truncate text-sm font-medium",title:(o==null?void 0:o.host)??e.name,children:e.name}),r.jsx("p",{className:"text-xs text-muted-foreground",children:"Connect your account to continue."})]}),r.jsxs("p",{role:"status","aria-live":"polite",className:"sr-only",children:[e.name,": ",p]}),n==="ready"&&o&&!s?r.jsx(X,{asChild:!0,wobble:!1,size:"sm",className:"h-7 shrink-0 px-2.5 text-xs order-2",children:r.jsx("a",{href:o.url,target:"_blank",rel:"noopener noreferrer",onClick:t.opened,"aria-label":`Connect on ${o.host} (opens in a new tab)`,children:"Connect"})}):r.jsxs(X,{type:"button",wobble:!1,size:"sm",className:"h-7 shrink-0 px-2.5 text-xs order-2",disabled:c,"aria-busy":c,title:l?"Your access expired. Connect again to continue.":void 0,onClick:()=>void h(),children:[c&&r.jsx(Or,{}),m]}),r.jsx(X,{type:"button",wobble:!1,variant:"ghost",size:"fit",className:"h-7 shrink-0 px-2 text-xs order-1","aria-label":"Not now",title:"Not now",disabled:s!==null,onClick:()=>void t.cancel(),children:"Not now"})]}),a&&r.jsx("p",{role:"alert",className:"px-1 pt-2 text-sm text-pretty text-destructive",children:a})]})}const Lu=["box","circle","arrow","bracket","underline","highlight","strike-through","crossed-off"];function Du(e){const t=new Map,n=[];for(const o of e){let s;for(const a of o.elements){const i=a.selector||a.name,c=t.get(i);if(c){s??(s=c);continue}const d={...a};t.set(i,d),n.push(d),s??(s=d)}o.note&&s&&(s.note=s.note?`${s.note}
+${o.note}`:o.note)}return n}const Do=20,Fu=4e3;function ir(e,t){for(let n=e.nextElementSibling;n instanceof SVGSVGElement&&n.classList.contains("notation");n=n.nextElementSibling)n.setAttribute("data-opencx-overlay",""),n.style.zIndex=String(t),n.style.filter="drop-shadow(0 0 1px rgb(255 255 255 / 0.85))"}function Wu(e,t,n,o){const s=document.createElement("div");s.setAttribute("data-opencx-overlay",""),Object.assign(s.style,{position:"absolute",left:`${e.x}px`,top:`${e.y}px`,width:`${e.width}px`,height:`${e.height}px`,pointerEvents:"none",zIndex:String(o)}),document.documentElement.appendChild(s);let a=null;try{a=Ns.annotate(s,{type:t,color:n,strokeWidth:2,wobble:.8}),a.show(),ir(s,o)}catch(l){Q.log.warn("page mark: could not be drawn",l)}let i=!1;const c=()=>{if(!i){i=!0;try{a==null||a.remove()}catch{}s.remove()}},d=l=>{if(!i)try{a==null||a.update(l),ir(s,o)}catch{}};return{setRect(l){i||(s.style.left=`${l.x}px`,s.style.top=`${l.y}px`,s.style.width=`${l.width}px`,s.style.height=`${l.height}px`,d({}))},setShape(l){d({type:l})},undraw(){if(!i){if(!a)return c();try{a.hide(),a.finished.then(c)}catch{return c()}window.setTimeout(c,Fu)}},remove:c}}const Hu=60;function Ye(e,t){return e.length>t?`${e.slice(0,t)}…`:e}function Ya(e){return Ba(e)}function Bu(e){return/[!/[\]():]/.test(e)||/^-?[a-z]{1,6}-\d/.test(e)||/^(flex|grid|block|inline|hidden|absolute|relative|fixed|sticky|static|truncate|container)$/.test(e)}function Uu(e){const t=e.getAttribute("class");return t?t.split(/\s+/).map(o=>o.replace(/[_-][a-zA-Z0-9]{5,}.*$/,"")).find(o=>o.length>2&&!/^[a-z]{1,2}$/.test(o)&&!/[A-Z0-9]{5,}/.test(o)&&!Bu(o))??null:null}function qu(e){if(ze(e))return"private region";const t=e.tagName.toLowerCase(),n=e.getAttribute("aria-label"),o=Ya(e);if(t==="button"||e.getAttribute("role")==="button")return n?`button [${n}]`:o?`button "${Ye(o,30)}"`:"button";if(t==="a"){if(o)return`link "${Ye(o,30)}"`;const a=e.getAttribute("href"),i=a?Lr(a):"",c=a!=null&&a.startsWith("/")&&!a.startsWith("//")&&i?new URL(i).pathname:i;return c?`link to ${Ye(c,40)}`:"link"}if(t==="input"||t==="textarea"||t==="select"){const a=e.getAttribute("placeholder"),i=e.getAttribute("name");return a?`${t} "${Ye(a,30)}"`:n?`${t} [${n}]`:i?`${t} [${i}]`:t==="input"?`${e.getAttribute("type")??"text"} input`:t}if(/^h[1-6]$/.test(t))return o?`${t} "${Ye(o,40)}"`:t;if(t==="img"){const a=e.getAttribute("alt");return a?`image "${Ye(a,30)}"`:"image"}if(t==="svg")return"icon";if(n)return`${t} [${n}]`;if(o&&o.length<=Hu)return`${t} "${Ye(o,40)}"`;const s=Uu(e);return s||(t==="div"?"container":t)}function Fo(e,t){try{return e.querySelectorAll(t).length===1}catch{return!1}}function Vu(e){const t=e.ownerDocument;if(e.id){const s=`#${CSS.escape(e.id)}`;if(Fo(t,s))return s}const n=[];let o=e;for(;o&&o.tagName.toLowerCase()!=="html";){const s=o.tagName.toLowerCase();if(o.id){n.unshift(`${s}#${CSS.escape(o.id)}`);break}let a=s;const i=o.parentElement;if(i){const d=Array.from(i.children).filter(l=>l.tagName===(o==null?void 0:o.tagName));d.length>1&&(a+=`:nth-of-type(${d.indexOf(o)+1})`)}n.unshift(a);const c=n.join(" > ");if(Fo(t,c))return c;o=i}return n.join(" > ")}function Yu(e){const t=e.getBoundingClientRect();return{x:Math.round(t.x),y:Math.round(t.y),width:Math.round(t.width),height:Math.round(t.height)}}const Xu=8;function Wo(e,t=Xu){const n=document.documentElement.clientWidth||window.innerWidth,o=document.documentElement.clientHeight||window.innerHeight,s=Math.max(e.x,t),a=Math.max(e.y,t),i=Math.min(e.x+e.width,n-t),c=Math.min(e.y+e.height,o-t);return{x:Math.round(s),y:Math.round(a),width:Math.round(Math.max(0,i-s)),height:Math.round(Math.max(0,c-a))}}function Xa(e){if(ze(e)||e.closest(ut))return{name:"private region",selector:"",tag:"div"};const t=Ya(e);return{name:qu(e),selector:Vu(e),tag:e.tagName.toLowerCase(),text:t?Ye(t,200):void 0}}const Gu=$r.join(", ");function Yt(e){return e.closest(Gu)!==null}function cr(e,t){let n=document.elementFromPoint(e,t);if(!n)return null;const o=n.getRootNode();typeof ShadowRoot<"u"&&o instanceof ShadowRoot&&(n=o.host);let a=n.closest('button, a, input, textarea, select, [role="button"], [role="link"]')??n;for(;a&&!(a instanceof HTMLElement);)a=a.parentElement;if(!(a instanceof HTMLElement)||ze(n)||ze(a)||a.closest(ut))return null;const i=a.tagName.toLowerCase();return i==="html"||i==="body"?null:a}const Dr=new WeakMap;function Ku(e,t){Dr.set(e,[...t])}function sn(e){const t=Dr.get(e);return t!==void 0&&e.pageUrl===Lr(window.location.href)&&t.every(n=>n.isConnected&&n.getRootNode()===document&&!ze(n)&&!n.closest(ut))}function Zu(e){const t=Dr.get(e);if(!t||!sn(e))return null;const n=t.map(Xa),o=t.length>0&&t.every(Lt)&&JSON.stringify(n)===JSON.stringify(e.elements),s={...e,elements:n};return o?gu(e,s):delete s.snapshotUrl,s}const Ho=120,ot=e=>e.replace(/\s+/g," ").trim(),qe=e=>e.length>Ho?`${e.slice(0,Ho)}…`:e,mn=Ba;function Ju(e){const t=e instanceof HTMLInputElement||e instanceof HTMLSelectElement||e instanceof HTMLTextAreaElement?e.labels:null,n=t?Array.from(t).map(a=>mn(a)).join(" "):"";if(n)return ot(n);const o=e.closest("fieldset"),s=o==null?void 0:o.querySelector("legend");return s?mn(s):""}function Nt(e){if(ze(e))return"";const t=e.getAttribute("aria-labelledby");if(t){const i=t.split(/\s+/).map(c=>e.ownerDocument.getElementById(c)).filter(c=>c!==null).map(c=>mn(c)).filter(Boolean).join(" ");if(i)return qe(ot(i))}const n=e.getAttribute("aria-label");if(n!=null&&n.trim())return qe(ot(n));const o=e.tagName.toLowerCase();if(o==="img"){const i=e.getAttribute("alt");if(i!=null&&i.trim())return qe(ot(i))}if(o==="input"||o==="select"||o==="textarea"){const i=Ju(e);if(i)return qe(i);const c=e.getAttribute("placeholder");if(c!=null&&c.trim())return qe(ot(c));const d=e.getAttribute("title");return d!=null&&d.trim()?qe(ot(d)):""}const s=mn(e);if(s)return qe(s);const a=e.getAttribute("title");return a!=null&&a.trim()?qe(ot(a)):""}const Qu=["click","fill","select","check","uncheck"],ep=3e3,Ga=new Set(["password","file","hidden"]);function Ka(e){const t=new WeakRef(e),n=Bo(e).map(o=>{const s=Uo(o);return{...s,element:new WeakRef(s.element),form:s.form?new WeakRef(s.form):null,labelControl:s.labelControl?new WeakRef(s.labelControl):null}});return()=>{const o=t.deref();if(!o||!o.isConnected||o.getRootNode()!==document)return!1;const s=Bo(o).map(Uo);return s.length===n.length&&s.every((a,i)=>{var d,l;const c=n[i];return a.allowed&&a.element===c.element.deref()&&a.form===(((d=c.form)==null?void 0:d.deref())??null)&&a.labelControl===(((l=c.labelControl)==null?void 0:l.deref())??null)&&a.semantics===c.semantics})}}function Bo(e){const t=[],n=new Set,o=s=>{for(let a=s;a&&!n.has(a);a=a.parentElement)n.add(a),(a===e||a.matches("a[href],area[href],button,input,select,textarea,label"))&&t.push(a),a instanceof HTMLLabelElement&&a.control&&o(a.control)};return o(e),t}function Uo(e){var a;const t=e instanceof HTMLAnchorElement||e instanceof HTMLAreaElement?e:null,n=e instanceof HTMLButtonElement||e instanceof HTMLInputElement||e instanceof HTMLSelectElement||e instanceof HTMLTextAreaElement?e:null,o=(n==null?void 0:n.form)??null,s=(a=e.ownerDocument.querySelector("base[target]"))==null?void 0:a.getAttribute("target");return{element:e,form:o,labelControl:e instanceof HTMLLabelElement?e.control:null,allowed:!(e instanceof HTMLInputElement&&Ga.has(e.type)),semantics:JSON.stringify([e.tagName,e.getAttribute("role"),n==null?void 0:n.type,n==null?void 0:n.name,e instanceof HTMLButtonElement||e instanceof HTMLInputElement&&["submit","image","reset"].includes(e.type)?e.value:null,t==null?void 0:t.href,(t==null?void 0:t.getAttribute("target"))??s,t==null?void 0:t.getAttribute("download"),t==null?void 0:t.getAttribute("rel"),t==null?void 0:t.getAttribute("ping"),o==null?void 0:o.action,o==null?void 0:o.method,(o==null?void 0:o.getAttribute("target"))??s,o==null?void 0:o.enctype,o==null?void 0:o.noValidate,...["formaction","formmethod","formtarget","formenctype","formnovalidate"].map(i=>e.getAttribute(i)),e instanceof HTMLButtonElement||e instanceof HTMLInputElement?[e.formAction,e.formMethod,e.formTarget,e.formEnctype,e.formNoValidate]:null])}}const tp=2,wt=[];let np=0,qo=new WeakMap,st,Vo,Fr=new WeakMap,Wr=new WeakMap,hn=new WeakMap;const rp='tr,li,article,form,fieldset,section,dialog,aside,nav,main,header,footer,[role="row"],[role="listitem"],[role="group"],[role="region"],[role="dialog"],[role="tooltip"]',Hr='tr,li,article,[role="row"],[role="listitem"]',Pn='section,form,fieldset,dialog,[role="group"],[role="region"],[role="dialog"]',op=new Set(["class","style","aria-busy"]);function sp(e){var a,i;const t=e.closest(Hr);if(t)return t;let n=e.closest(Pn);if(n){let c=(a=n.parentElement)==null?void 0:a.closest(Pn);for(;c;)n=c,c=(i=n.parentElement)==null?void 0:i.closest(Pn);return n}const o=e.closest(rp);if(o)return o;const s=e.parentElement;return s&&s!==e.ownerDocument.body&&s!==e.ownerDocument.documentElement?s:e}function ap(e){return Yt(e)||e.closest('[role="tooltip"]')!==null}function ip(e){const t=e.target.nodeType===1?e.target:e.target.parentElement;if(t&&Yt(t)||e.type==="attributes"&&op.has(e.attributeName??""))return!1;if(e.type==="childList"){const n=[...Array.from(e.addedNodes),...Array.from(e.removedNodes)];if(n.length&&n.every(o=>o.nodeType===1&&ap(o)))return!1}return!0}function Za(e){const t=new Set;for(const n of e){for(const s of Array.from(n.removedNodes)){const a=hn.get(s);a&&t.add(a)}if(!ip(n))continue;if(n.type==="attributes"){const s=hn.get(n.target);s&&t.add(s)}let o=!0;for(let s=n.target;s;s=s.parentNode){const a=Fr.get(s);if(a&&t.add(a),o){const i=Wr.get(s);i&&t.add(i)}if(s instanceof Element&&(s.matches(Hr)&&(o=!1),s.matches('[role="tooltip"]')&&!(n.type==="attributes"&&n.attributeName==="role")))break}}t.forEach(n=>n.value++)}function cp(e){const t=[],n=(s,a)=>{let i=a.get(s);i||(i={value:0},a.set(s,i)),t.push({revision:i,value:i.value})},o=sp(e);n(o,Fr);for(let s=e;s;s=s.parentNode)n(s,hn),s!==o&&s instanceof Element&&s.matches(Hr)&&n(s,Wr);return()=>t.every(({revision:s,value:a})=>s.value===a)}function lr(){st&&Za(st.takeRecords())}function lp(e){if(Vo!==e){st==null||st.disconnect();for(const t of wt)for(const n of Array.from(t.values()))n.valid=!1;Vo=e,Fr=new WeakMap,Wr=new WeakMap,hn=new WeakMap,st=new MutationObserver(Za),st.observe(e.documentElement,{childList:!0,subtree:!0,attributes:!0,characterData:!0})}}function Ja(e,t,n=Nt(t)){return e.valid&&(e.valid=t.isConnected&&e.url===t.ownerDocument.location.href&&e.name===n&&e.sameContext()&&e.sameMeaning()),e.valid}function dp(){lr();const e=new Map;wt.unshift(e),wt.length=Math.min(wt.length,tp);let t=0;const n=`s${++np}`;return(o,s=Nt(o))=>{lp(o.ownerDocument),lr();const a=qo.get(o),i=a?wt.map(l=>l.get(a)).find(l=>l!==void 0):void 0,c=a&&i&&Ja(i,o,s)?a:`${n}c${t+=1}`,d=c===a&&i?i:{element:new WeakRef(o),sameContext:cp(o),name:s,url:o.ownerDocument.location.href,sameMeaning:Ka(o),valid:!0};return e.set(c,d),qo.set(o,c),c}}function Yo(e){const t=Qa(e);return t!=null&&t.isCurrent?t.element:null}function Qa(e){lr();for(const t of wt){const n=t.get(e);if(!n)continue;const o=n.element.deref();if(o&&o.isConnected)return{element:o,isCurrent:Ja(n,o)}}return null}const up="data-opencx-private",pp=new Set(["password","file","hidden"]),Xo=300;function dr(e){if(Yt(e))return"widget-owned";if(e.closest(`[${up}]`))return"private";if(e.getAttribute("aria-hidden")==="true"||e.closest('[aria-hidden="true"]'))return"hidden-from-assistive-tech";if(e.tagName.toLowerCase()==="input"){const t=(e.getAttribute("type")??"text").toLowerCase();if(pp.has(t))return"credential-field"}return null}const mp={private:"That part of the page is marked private and the agent never reads or uses it.","hidden-from-assistive-tech":"That control is hidden from assistive technology, so it is not treated as being on the page.","credential-field":"Password and file fields are never filled or clicked by the agent.","widget-owned":"That is part of the chat widget, not the page."},Go=["a[href]","button","input","select","textarea","summary",'[contenteditable=""]','[contenteditable="true"]','[role="button"]','[role="link"]','[role="checkbox"]','[role="radio"]','[role="switch"]','[role="tab"]','[role="menuitem"]','[role="menuitemcheckbox"]','[role="menuitemradio"]','[role="option"]','[role="combobox"]','[role="slider"]','[role="textbox"]','[role="searchbox"]'].join(","),hp=["tr","li",'[role="row"]','[role="listitem"]','[role="gridcell"]',"[tabindex]","[onclick]"].join(","),fp=400;function gp(e){var t;try{return((t=e.ownerDocument.defaultView)==null?void 0:t.getComputedStyle(e).cursor)==="pointer"}catch{return!1}}function xp(e){const t=e.getAttribute("role");if(t!=null&&t.trim())return t.trim().toLowerCase();const n=e.tagName.toLowerCase();if(n==="a")return"link";if(n==="button"||n==="summary")return"button";if(n==="select")return"combobox";if(n==="textarea")return"textbox";if(n==="input"){const o=(e.getAttribute("type")??"text").toLowerCase();return o==="checkbox"?"checkbox":o==="radio"?"radio":o==="submit"||o==="button"||o==="reset"?"button":o==="range"?"slider":o==="search"?"searchbox":"textbox"}return"textbox"}function bp(e){const t=e.getAttribute("role");if(t!=null&&t.trim())return t.trim().toLowerCase();const n=e.tagName.toLowerCase();return n==="tr"?"row":n==="li"?"listitem":"button"}function Ko(e){if(typeof e.checkVisibility=="function"){if(!e.checkVisibility({checkOpacity:!0,checkVisibilityCSS:!0}))return!1}else if(!e.isConnected)return!1;const t=e.getBoundingClientRect();return t.width>0&&t.height>0}function wp(e){return"disabled"in e&&e.disabled===!0?!0:e.getAttribute("aria-disabled")==="true"}function ur(e=document){const t=[],n=new Set;let o=!1;try{const s=dp(),a=Array.from(e.querySelectorAll(Go));for(const c of a){if(dr(c)||!Ko(c))continue;const d=Nt(c);if(!d)continue;if(t.length>=Xo){o=!0;break}const l={ref:s(c,d),role:xp(c),name:d};wp(c)&&(l.disabled=!0),t.push(l),n.add(c)}let i=0;if(!o){const c=Array.from(e.querySelectorAll(hp));for(const d of c){if(t.length>=Xo){o=!0;break}if(i>=fp)break;if(n.has(d)||dr(d)||d.querySelector(Go)||!Ko(d))continue;const l=Nt(d);l&&(i+=1,gp(d)&&(t.push({ref:s(d,l),role:bp(d),name:l}),n.add(d)))}}}catch{return{controls:[],truncated:!1}}return{controls:t,truncated:o}}function ei({marks:e,readsPage:t}){if(!t)return;const n={},o=e.flatMap(i=>{const c=Zu(i);return c?[c]:[]});o.length>0&&(n.page_marks=o,n.picked_elements=Du(o));const{controls:s,truncated:a}=ur();return s.length>0&&(n.page_controls=s,a&&(n.page_controls_truncated=!0)),Object.keys(n).length>0?n:void 0}const yp={click:"click",fill:"type into",select:"change",check:"switch on",uncheck:"switch off"};function vp({request:e}){const{resolvePageAction:t}=k.useAgentChatUi(),n=yp[e.action]??e.action,o=e.action==="select"?e.valueLabel??e.value:e.value;return r.jsxs("section",{"aria-label":`Allow the agent to ${n} ${e.controlName}`,"data-component":"chat/page_action",className:"min-w-0 rounded-2xl border border-foreground/10 bg-background p-2 text-foreground",children:[r.jsxs("p",{className:"px-1 pb-2 text-sm",children:["Let the agent ",n," ",r.jsx("span",{className:"font-medium",children:e.controlName})," on this page?"]}),(e.action==="fill"||e.action==="select")&&e.value!==void 0&&r.jsxs("div",{className:"mb-2 max-h-40 overflow-auto rounded-lg bg-foreground/5 px-2 py-1 text-sm",children:[r.jsx("span",{className:"font-medium",children:"New value: "}),r.jsx("span",{className:"whitespace-pre-wrap break-words",children:o===""?"(empty)":o})]}),r.jsxs("div",{className:"flex gap-2",children:[r.jsx(X,{size:"sm",className:"flex-1",onClick:()=>t(e.callId,!0),children:"Allow"}),r.jsx(X,{size:"sm",variant:"outline",className:"flex-1",onClick:()=>t(e.callId,!1),children:"No"})]})]})}const an="rounded-full size-8 flex items-center justify-center p-0 overflow-hidden",ti="bg-primary text-primary-foreground hover:bg-primary/90 hover:text-primary-foreground",kp=A("rounded-full p-0.5 text-muted-foreground","hover:bg-muted hover:text-foreground","transition-transform active:scale-90");function jp({entity:e,onRemove:t}){const{t:n}=K();return r.jsxs("div",{...D("chat/input_box/page_context_pill"),className:A("flex items-center gap-1.5 max-w-full","rounded-full py-0.5 pe-1","text-xs text-foreground"),title:`${e.type}: ${e.title}`,children:[r.jsx(z.FileTextIcon,{className:"size-3 shrink-0 text-primary"}),r.jsx("span",{className:"truncate max-w-48 font-medium",children:e.title}),r.jsx("button",{type:"button","aria-label":n("page_context_remove"),className:kp,onClick:t,children:r.jsx(z.XIcon,{className:"size-3"})})]})}const Cp=y.z.object({type:y.z.string().min(1),id:y.z.string().min(1),title:y.z.string().min(1),meta:y.z.record(y.z.string(),y.z.unknown()).optional()});function Sp(){var o;const e=k.useConfig(),{widgetCtx:t}=k.useWidget();if(k.useHostLocation(),!t.features.pageContext)return null;const n=Cp.safeParse((o=Q.resolveConfigContext(e))==null?void 0:o.entity);return n.success?n.data:null}function en(e,t){var o;const n=(o=Object.entries(e).find(([s])=>s===t))==null?void 0:o[1];return typeof n=="string"?`hsl(${n})`:"currentColor"}function Br({cssVars:e,primaryColor:t,contentZIndex:n}){return{accent:t,surface:en(e,"--opencx-background"),foreground:en(e,"--opencx-foreground"),mutedForeground:en(e,"--opencx-muted-foreground"),border:en(e,"--opencx-border"),inkZIndex:n-2,chromeZIndex:n-1,editorZIndex:n+1}}function Np({isActive:e,draft:t,hover:n,onShapeChange:o,onAttach:s,onDiscard:a}){const i=kn(),{theme:c,cssVars:d}=fe(),{t:l}=K();if(!i||!e)return null;const p=Br({cssVars:d,primaryColor:c.primaryColor,contentZIndex:c.widgetContentContainer.zIndex}),{accent:m}=p;return Ht.createPortal(r.jsxs("div",{"data-opencx-overlay":"",style:{pointerEvents:"none"},children:[r.jsx("style",{children:`
+        @keyframes opencx-mark-hint-in {
+          from { opacity: 0; transform: translateX(-50%) translateY(-6px); }
+          to { opacity: 1; transform: translateX(-50%) translateY(0); }
+        }
+        @keyframes opencx-mark-editor-in {
+          from { opacity: 0; transform: translateY(4px); }
+          to { opacity: 1; transform: translateY(0); }
+        }
+        @keyframes opencx-mark-frame-in {
+          from { opacity: 0; transform: scale(1.015); }
+          to { opacity: 1; transform: scale(1); }
+        }
+        @media (prefers-reduced-motion: reduce) {
+          [data-opencx-mark-hint], [data-opencx-mark-editor],
+          [data-opencx-mark-frame] { animation: none !important; }
+        }
+      `}),!t&&r.jsxs(r.Fragment,{children:[r.jsxs("div",{"data-opencx-mark-hint":"",style:{position:"fixed",top:16,left:"50%",transform:"translateX(-50%)",zIndex:p.chromeZIndex,display:"flex",alignItems:"center",gap:8,background:`color-mix(in srgb, ${p.surface} 92%, transparent)`,backdropFilter:"blur(8px)",WebkitBackdropFilter:"blur(8px)",color:p.foreground,font:"500 12px/1.4 system-ui, sans-serif",padding:"7px 12px 7px 10px",borderRadius:999,whiteSpace:"nowrap",boxShadow:`0 0 0 1px ${p.border}, 0 8px 24px color-mix(in srgb, ${p.foreground} 14%, transparent)`,animation:"opencx-mark-hint-in 200ms cubic-bezier(0.23, 1, 0.32, 1)"},children:[r.jsx("span",{style:{width:7,height:7,borderRadius:999,background:m}}),l("page_mark_hint"),r.jsx(_p,{theme:p,children:l("page_mark_escape")})]}),n&&r.jsx("div",{"data-opencx-mark-frame":"",style:{position:"fixed",left:n.rect.x-4,top:n.rect.y-4,width:n.rect.width+8,height:n.rect.height+8,zIndex:p.chromeZIndex,borderRadius:10,boxShadow:`0 0 0 2px ${p.surface}, 0 0 0 3.5px ${m}, 0 12px 32px color-mix(in srgb, ${p.foreground} 16%, transparent)`,animation:"opencx-mark-frame-in 140ms cubic-bezier(0.23, 1, 0.32, 1)",transitionProperty:"left, top, width, height",transitionDuration:"90ms",transitionTimingFunction:"cubic-bezier(0.23, 1, 0.32, 1)",pointerEvents:"none"}},n.key)]}),t&&r.jsxs(r.Fragment,{children:[[[t.rect.x,t.rect.y],[t.rect.x+t.rect.width,t.rect.y],[t.rect.x,t.rect.y+t.rect.height],[t.rect.x+t.rect.width,t.rect.y+t.rect.height]].map(([h,f],v)=>r.jsx("div",{style:{position:"fixed",left:h-5,top:f-5,width:10,height:10,borderRadius:999,background:p.surface,boxShadow:`0 0 0 2px ${m}, 0 2px 6px color-mix(in srgb, ${p.foreground} 25%, transparent)`,zIndex:p.chromeZIndex,pointerEvents:"none"}},v)),r.jsx(Ap,{draft:t,theme:p,onShapeChange:o,onAttach:s,onDiscard:a},"editor")]})]}),i)}function _p({children:e,theme:t}){return r.jsx("span",{style:{font:"600 10px/1 system-ui, sans-serif",color:t.mutedForeground,background:`color-mix(in srgb, ${t.foreground} 7%, transparent)`,border:`1px solid ${t.border}`,borderRadius:5,padding:"3px 5px 2px"},children:e})}const Ep={box:r.jsx("rect",{x:"3",y:"5",width:"14",height:"10",rx:"1"}),circle:r.jsx("ellipse",{cx:"10",cy:"10",rx:"7",ry:"5.5"}),arrow:r.jsxs(r.Fragment,{children:[r.jsx("path",{d:"M3 10h13"}),r.jsx("path",{d:"M12 6l4 4-4 4"})]}),bracket:r.jsx("path",{d:"M7 4H4v12h3"}),underline:r.jsxs(r.Fragment,{children:[r.jsx("path",{d:"M5 8h10",opacity:"0.35"}),r.jsx("path",{d:"M4 14h12"})]}),highlight:r.jsxs(r.Fragment,{children:[r.jsx("rect",{x:"3",y:"7",width:"14",height:"6",rx:"1",fill:"currentColor",opacity:"0.3",stroke:"none"}),r.jsx("path",{d:"M5 10h10"})]}),"strike-through":r.jsxs(r.Fragment,{children:[r.jsx("path",{d:"M6 6h8",opacity:"0.35"}),r.jsx("path",{d:"M6 14h8",opacity:"0.35"}),r.jsx("path",{d:"M4 10h12"})]}),"crossed-off":r.jsxs(r.Fragment,{children:[r.jsx("path",{d:"M4 5l12 10"}),r.jsx("path",{d:"M16 5L4 15"})]})},Tp={box:"page_mark_shape_box",circle:"page_mark_shape_circle",arrow:"page_mark_shape_arrow",bracket:"page_mark_shape_bracket",underline:"page_mark_shape_underline",highlight:"page_mark_shape_highlight","strike-through":"page_mark_shape_strike_through","crossed-off":"page_mark_shape_crossed_off"};function Ap({draft:e,theme:t,onShapeChange:n,onAttach:o,onDiscard:s}){const{accent:a}=t,{t:i}=K(),[c,d]=u.useState(""),l=u.useRef(null);u.useEffect(()=>{var x;(x=l.current)==null||x.focus()},[]);const p=320,m=window.innerWidth,h=window.innerHeight,{rect:f}=e,v=Math.max(12,Math.min(f.x+f.width/2-p/2,m-p-12)),g=f.y+f.height+16,j=g+120>h?Math.max(12,f.y-116):g;return r.jsxs("div",{"data-opencx-mark-editor":"",style:{position:"fixed",left:v,top:j,width:p,zIndex:t.editorZIndex,pointerEvents:"auto",display:"flex",flexDirection:"column",gap:6,background:`color-mix(in srgb, ${t.surface} 96%, transparent)`,backdropFilter:"blur(8px)",WebkitBackdropFilter:"blur(8px)",padding:8,borderRadius:14,boxShadow:`0 0 0 1px ${t.border}, 0 12px 32px color-mix(in srgb, ${t.foreground} 18%, transparent)`,animation:"opencx-mark-editor-in 180ms cubic-bezier(0.23, 1, 0.32, 1)"},children:[r.jsx("div",{style:{display:"flex",gap:2,justifyContent:"space-between"},children:Lu.map(x=>{const N=x===e.shape,w=i(Tp[x]);return r.jsx("button",{type:"button",title:w,"aria-label":i("page_mark_shape_aria",{shape:w}),"aria-pressed":N,onClick:()=>n(x),style:{border:"none",cursor:"pointer",borderRadius:8,width:32,height:28,display:"flex",alignItems:"center",justifyContent:"center",background:N?a:"transparent",color:N?t.surface:t.mutedForeground},children:r.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:Ep[x]})},x)})}),r.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8},children:[r.jsx("input",{ref:l,value:c,onChange:x=>d(x.target.value),onKeyDown:x=>{x.key==="Enter"?(x.preventDefault(),o(c)):x.key==="Escape"&&(x.preventDefault(),x.stopPropagation(),s())},placeholder:i("page_mark_note_placeholder"),style:{flex:1,minWidth:0,border:"none",outline:"none",background:"transparent",color:t.foreground,font:"500 13px/1.4 system-ui, sans-serif",paddingInlineStart:4}}),r.jsx("button",{type:"button","aria-label":i("page_mark_attach"),onClick:()=>o(c),style:{border:"none",borderRadius:999,width:26,height:26,flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",background:a,color:t.surface,font:"600 13px/1 system-ui, sans-serif",cursor:"pointer"},children:"↑"})]})]})}function zp({mark:e,onRemove:t}){var c;const{t:n}=K(),o=Ua(e),s=e.note??((c=e.elements[0])==null?void 0:c.name)??n("page_mark_region"),a=n("page_mark_remove",{label:s}),i=e.elements.map(d=>d.name).join(", ");return o?r.jsx(Wa,{...D("chat/input_box/page_mark_pill"),className:"group",shape:"tile",src:o,alt:s,title:i,note:e.note,children:r.jsx("button",{type:"button","aria-label":a,className:A("absolute top-1 end-1 rounded-full p-0.5","bg-foreground/60 text-background backdrop-blur-sm","opacity-0 group-hover:opacity-100 focus-visible:opacity-100","transition-opacity active:scale-90"),onClick:t,children:r.jsx(z.XIcon,{className:"size-3"})})}):r.jsxs("div",{...D("chat/input_box/page_mark_pill"),title:i,className:A("group relative size-12 shrink-0 overflow-hidden","flex items-center justify-center","rounded-2xl bg-background ring-1 ring-border"),children:[r.jsx(z.PenLineIcon,{className:"size-4 shrink-0 text-primary"}),r.jsx("span",{className:A("absolute inset-x-0 bottom-0 truncate px-1.5 py-0.5","bg-gradient-to-t from-foreground/70 to-foreground/0","text-[10px] font-medium leading-tight text-background"),children:s}),r.jsx("button",{type:"button","aria-label":a,className:A("absolute top-1 end-1 rounded-full p-0.5","bg-foreground/60 text-background backdrop-blur-sm","opacity-0 group-hover:opacity-100 focus-visible:opacity-100","transition-opacity active:scale-90"),onClick:t,children:r.jsx(z.XIcon,{className:"size-3"})})]})}const Oe={"close-panel":"Escape","toggle-fullscreen":"Mod+Shift+F",send:"Enter","send-alt":"Mod+Enter","history-prev":"ArrowUp","history-next":"ArrowDown"};function ni(){return typeof navigator>"u"?!1:/Mac|iPhone|iPad|iPod/.test(navigator.platform||navigator.userAgent)}function pt(e,t,n=ni()){const o=t.split("+"),s=o.at(-1)??"",a=new Set(o.slice(0,-1)),i=a.has("Cmd")||a.has("Mod")&&n,c=a.has("Ctrl")||a.has("Mod")&&!n;return e.metaKey!==i||e.ctrlKey!==c||e.altKey!==a.has("Alt")||e.shiftKey!==a.has("Shift")?!1:e.key.toLowerCase()===s.toLowerCase()}const Ip={Mod:"⌘",Cmd:"⌘",Ctrl:"⌃",Alt:"⌥",Shift:"⇧"},Mp={Escape:"Esc",Enter:"⏎",ArrowUp:"↑",ArrowDown:"↓",ArrowLeft:"←",ArrowRight:"→"};function Ur(e,t=ni()){const n=e.split("+"),o=n.at(-1)??"",s=n.slice(0,-1),a=Mp[o]??(o.length===1?o.toUpperCase():o);return t?[...s.map(i=>Ip[i]??i),a].join(""):[...s.map(i=>i==="Mod"?"Ctrl":i),a].join("+")}const Rp=25*1024*1024,ri={"application/pdf":[".pdf"],...Gl,...Kl},Pp={"text/*":[".txt"],"image/*":[".png",".jpg",".jpeg",".gif"],...ri},Op={"image/png":[".png"],"image/jpeg":[".jpg",".jpeg"],"image/gif":[".gif"],"image/webp":[".webp"],...ri};function $p({status:e}){switch(e){case"uploading":return r.jsx(z.Loader2,{className:"size-4 animate-spin"});case"error":return r.jsx(z.AlertCircle,{className:"size-4 text-destructive"});default:return null}}function Lp({file:e,fileContent:t}){const n=e.type.split("/")[0];return n==="image"&&t?r.jsx("img",{src:typeof t=="string"?t:"",className:"object-cover bg-secondary size-full",alt:e.name}):n==="audio"?r.jsx(z.FileAudio2Icon,{className:"size-4 text-muted-foreground"}):n==="video"?r.jsx(z.FileVideo2Icon,{className:"size-4 text-muted-foreground"}):e.type==="application/pdf"?r.jsx(z.FileText,{className:"size-4 text-muted-foreground"}):pa({type:e.type,name:e.name})?r.jsx(z.FileSpreadsheet,{className:"size-4 text-muted-foreground"}):r.jsx(z.FileIcon,{className:"size-4 text-muted-foreground"})}function Dp({file:{status:e,file:t,error:n},onCancel:o}){const{t:s}=K(),[a,i]=u.useState(null);return u.useEffect(()=>{if(!t.type.startsWith("image/"))return;const c=new FileReader;return c.onload=()=>i(c.result),c.onerror=()=>Q.log.error("failed to read file for preview"),c.readAsDataURL(t),()=>c.abort()},[t]),r.jsx(Te,{side:"bottom",content:e==="error"?r.jsx("span",{className:"text-destructive",children:s("upload_failed",{error:n??""})}):t.name,children:r.jsxs("div",{className:A(e==="uploading"&&"opacity-50","group","size-12 border rounded-2xl overflow-hidden relative","flex items-center justify-center shrink-0"),children:[r.jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:r.jsx($p,{status:e})}),r.jsx("button",{type:"button",className:A("absolute bg-foreground/50 inset-0 size-full z-10","flex items-center justify-center","opacity-0 group-hover:opacity-100 transition"),onClick:o,"aria-label":s("remove_attachment"),children:r.jsx(z.XIcon,{className:"size-4 text-primary-foreground"})}),r.jsx(Lp,{file:t,fileContent:a})]})})}function Fp(){const{queuedUserMessages:e,removeQueued:t,stop:n}=k.useAgentChatUi(),{messagesState:{messages:o}}=k.useMessages(),{t:s}=K(),a=u.useMemo(()=>e.filter(i=>!o.some(c=>c.id===i.id)),[e,o]);return r.jsx(B.AnimatePresence,{children:a.length>0&&r.jsx(je,{children:r.jsxs("div",{...D("chat/queued_sends/root"),className:"mb-1 rounded-2xl border border-muted-foreground/15 bg-background shadow-sm",children:[r.jsxs("div",{...D("chat/queued_sends/header"),className:"flex items-center justify-between px-3 pt-2 pb-1",children:[r.jsx("span",{className:"text-[11px] font-medium uppercase tracking-wide text-muted-foreground",children:s("queued_label",{count:a.length})}),r.jsx("button",{type:"button",...D("chat/queued_sends/send_now"),"aria-label":s("send_queued_now"),title:s("send_queued_now"),onClick:n,className:"rounded-md p-0.5 text-muted-foreground/60 transition-colors hover:text-foreground hover:bg-muted",children:r.jsx(z.CornerDownLeftIcon,{className:"size-3"})})]}),r.jsx("ul",{...D("chat/queued_sends/list"),className:"flex flex-col pb-1",children:a.map(i=>r.jsxs("li",{...D("chat/queued_sends/item"),className:"group flex items-center gap-2 px-3 py-1",children:[r.jsx("button",{type:"button",title:s("send_queued_now"),onClick:n,className:"min-w-0 flex-1 truncate text-start text-xs text-foreground/80 hover:text-foreground",children:i.content}),r.jsx("button",{type:"button",...D("chat/queued_sends/remove"),"aria-label":s("remove_queued_message"),onClick:()=>t(i.id),className:"shrink-0 rounded-md p-0.5 text-muted-foreground/60 transition-colors hover:text-foreground hover:bg-muted",children:r.jsx(z.XIcon,{className:"size-3.5"})})]},i.id))})]})},"queued-sends-pill")})}function Wp({levelRef:e}){const t=u.useRef(null);return u.useEffect(()=>{let n=0;const o=new Q.DictationLevelSmoother({attack:.2,release:.07}),s=[],a=()=>{var c;const i=(c=t.current)==null?void 0:c.children;if(i){const d=o.next(e.current);for(let l=0;l<i.length;l++){const p=i[l];if(p instanceof HTMLElement){const m=.75+.25*Math.sin(Date.now()/260+l*1.7),h=`scaleY(${Math.max(.25,Math.min(1,d*1.8*m)).toFixed(3)})`;s[l]!==h&&(p.style.transform=h,s[l]=h)}}}n=requestAnimationFrame(a)};return n=requestAnimationFrame(a),()=>cancelAnimationFrame(n)},[e]),r.jsx("div",{ref:t,"aria-hidden":"true",className:"flex h-3.5 shrink-0 items-center gap-[3px]",children:[0,1,2,3].map(n=>r.jsx("span",{className:"h-full w-[3px] origin-center scale-y-50 rounded-full bg-current transition-transform duration-100 ease-out"},n))})}function Hp({status:e,levelRef:t,onToggle:n,onPrewarm:o}){const{t:s}=K(),a=e==="listening",i=e==="connecting",c=s(a||i?"stop_dictation":"dictate");return r.jsx(Te,{side:"top",align:"start",content:c,children:r.jsxs(X,{...D("chat/input_box/dictate_btn"),onClick:n,onPointerDown:d=>d.preventDefault(),onPointerEnter:o,onFocus:o,"aria-pressed":a||i,"aria-label":c,size:"fit",variant:"ghost",className:A("relative",an,a&&ti),children:[i&&r.jsx("span",{"aria-hidden":"true",className:"pointer-events-none absolute inset-0.5 animate-spin rounded-full border-[1.5px] border-current/20 border-t-current"}),r.jsx(B.AnimatePresence,{mode:"wait",children:a?r.jsx(te,{distance:0,children:r.jsx(Wp,{levelRef:t})},"bars"):r.jsx(te,{distance:0,children:r.jsx(z.MicIcon,{className:A("size-4",i&&"opacity-60")})},"mic")})]})})}function Bp(e,t){const n=e.ownerDocument;if(!n.defaultView)return null;const s=n.createElement("div");oi(e,s),Object.assign(s.style,{position:"absolute",visibility:"hidden",top:"0",left:"-9999px",height:"auto",overflow:"hidden",whiteSpace:"pre-wrap",overflowWrap:"break-word",width:`${e.clientWidth}px`}),s.textContent=e.value.slice(0,t);const a=n.createElement("span");a.textContent="​",s.appendChild(a),n.body.appendChild(s);const i=a.offsetLeft,c=a.offsetTop-e.scrollTop;return s.remove(),{left:i,top:c}}function oi(e,t){const n=e.ownerDocument.defaultView;if(!n)return;const o=n.getComputedStyle(e);for(const s of Up)t.style.setProperty(s,o.getPropertyValue(s))}const Up=["box-sizing","font-family","font-size","font-weight","font-style","letter-spacing","line-height","text-transform","text-indent","word-spacing","tab-size","padding-top","padding-right","padding-bottom","padding-left","border-top-width","border-right-width","border-bottom-width","border-left-width"],qp=300,si=260,Vp=8,ai="rounded-xl border border-border bg-background shadow-lg";function Yp({anchorRef:e,inputRef:t,anchorIndex:n,preview:o,groups:s,visible:a,searching:i,highlighted:c,onHighlight:d,onPick:l,onExpand:p}){var N;const{t:m}=K(),[h,f]=u.useState(null);u.useLayoutEffect(()=>{const w=e.current;if(!w)return;const _=w.ownerDocument.defaultView,S=()=>{const C=w.getBoundingClientRect(),R=(_==null?void 0:_.innerWidth)??C.right,T=Math.min(qp,Math.max(0,R-16)),P=t.current,L=P&&n!==null?Bp(P,n):null,I=P==null?void 0:P.getBoundingClientRect(),H=L&&I?I.left+L.left:C.left+8,E=Math.max(8,Math.min(H,R-8-T)),M=L&&I?I.top+L.top-4:C.top-4;f({left:E,width:T,top:M,detailBeside:o&&E+T+Vp+si<=R-8})};S(),_==null||_.addEventListener("resize",S);const b=typeof ResizeObserver>"u"?null:new ResizeObserver(S);return b==null||b.observe(w),()=>{_==null||_.removeEventListener("resize",S),b==null||b.disconnect()}},[n,e,t,o,a.length]);const v=(N=e.current)==null?void 0:N.closest("[data-version]");if(!v||!h||a.length===0&&i)return null;const g=a[c],j=g!=null&&g.description?g:null;let x=-1;return Ht.createPortal(r.jsxs("div",{...D("chat/input_box/mention_picker"),style:{position:"fixed",left:h.left,top:h.top,transform:"translateY(-100%)"},className:"z-50 flex items-end gap-2",children:[r.jsx("div",{role:"listbox",style:{width:h.width},className:A("flex max-h-72 flex-col overflow-hidden",ai),children:r.jsx("div",{className:"min-h-0 flex-1 overflow-auto p-1",children:a.length===0?r.jsx("div",{className:"px-2 py-1.5 text-xs text-muted-foreground",children:m("mentions_empty")}):s.map(w=>u.createElement("div",{...D("chat/input_box/mention_picker/group"),key:w.type,role:"group","aria-label":w.type},r.jsx("div",{className:"px-2 pb-0.5 pt-1.5 text-xs capitalize text-muted-foreground",children:w.type}),w.items.map(_=>{const S=++x;return u.createElement("button",{...D("chat/input_box/mention_picker/option"),key:`${_.type}:${_.id}`,type:"button",role:"option","aria-selected":S===c,onMouseDown:b=>b.preventDefault(),onMouseEnter:()=>d(S),onClick:()=>l(_),className:A("flex w-full items-center gap-2 rounded-lg px-2 py-1.5 text-start text-sm",S===c?"bg-muted":"hover:bg-muted/60")},r.jsx(ii,{item:_}),r.jsx("span",{className:"min-w-0 flex-1 truncate text-foreground",children:_.title}))}),w.hidden>0&&r.jsx("button",{...D("chat/input_box/mention_picker/more"),type:"button",onMouseDown:_=>_.preventDefault(),onClick:()=>p(w.type),className:A("w-full rounded-lg px-2 py-1 text-start text-xs","text-muted-foreground hover:bg-muted/60 hover:text-foreground"),children:m("json_see_more",{count:String(w.hidden)})})))})}),j&&h.detailBeside&&r.jsx(Xp,{item:j})]}),v)}function Xp({item:e}){return r.jsxs("div",{...D("chat/input_box/mention_picker/detail"),style:{width:si},className:A("flex gap-3 p-3",ai),children:[r.jsx("span",{className:"flex size-8 shrink-0 items-center justify-center rounded-lg bg-muted",children:r.jsx(ii,{item:e,className:"size-4"})}),r.jsxs("span",{className:"min-w-0 flex-1",children:[r.jsx("span",{className:"block text-[10px] uppercase tracking-wide text-muted-foreground",children:e.type}),r.jsx("span",{className:"block truncate text-sm font-medium text-foreground",children:e.title}),r.jsx("span",{className:"mt-0.5 line-clamp-3 text-xs text-muted-foreground",children:e.description})]})]})}function ii({item:e,className:t}){return e.icon?r.jsx("img",{src:e.icon,alt:"",className:A("size-4 shrink-0 rounded-sm object-contain",t)}):r.jsx(St,{name:e.iconName??"AtSign",className:A("size-3.5 shrink-0 text-primary",t)})}const ci=u.createContext(null);function Gp({children:e}){const[t,n]=u.useState([]),[o,s]=u.useState(!1),a=u.useRef(new Map),i=u.useCallback(m=>{s(m)},[]),c=u.useCallback((m,h)=>{a.current.set(m,h),n(f=>[...f,m])},[]),d=u.useCallback(m=>{const h=a.current.get(m);h&&(a.current.delete(m),h.undraw()),n(f=>f.filter(v=>v!==m))},[]),l=u.useCallback(()=>{const m=Array.from(a.current.values());a.current.clear();for(const h of m)h.undraw();n([])},[]);u.useEffect(()=>()=>{a.current.forEach(m=>m.remove()),a.current.clear()},[]);const p=u.useMemo(()=>({marks:t,isArmed:o,setArmed:i,attach:c,detach:d,detachAll:l}),[t,o,i,c,d,l]);return r.jsx(ci.Provider,{value:p,children:e})}function qr(){const e=u.useContext(ci);if(!e)throw new Error("usePageMarks must be used within a PageMarksProvider");return e}const Kp="data-opencx-mark-cursor",Zp=5,tn=4,nn=6,On={width:160,height:100},Jp=10,Qp=$r.map(e=>`:not(${e}):not(${e} *)`).join(""),em=e=>e==="nw"||e==="se"?"nwse-resize":"nesw-resize";function tm({enabled:e,onAttach:t,accentColor:n,zIndex:o}){const{isArmed:s,setArmed:a,attach:i}=qr(),c=e&&s,[d,l]=u.useState(null),[p,m]=u.useState(null),h=u.useRef(null),f=u.useRef(null);f.current=d;const v=u.useCallback(()=>{var _;(_=h.current)==null||_.undraw(),h.current=null,l(null)},[]),g=u.useCallback(()=>a(!1),[a]),j=u.useCallback(_=>{var S;l(b=>b&&{...b,rect:_}),(S=h.current)==null||S.setRect({x:_.x+window.scrollX,y:_.y+window.scrollY,width:_.width,height:_.height})},[]),x=u.useCallback(_=>{var S;l(b=>b&&{...b,shape:_}),(S=h.current)==null||S.setShape(_)},[]);u.useEffect(()=>{!e&&s&&a(!1)},[e,s,a]),u.useEffect(()=>{if(!c)return;const _=document.createElement("style");_.setAttribute(Kp,"");let S=null;const b=$=>{$!==S&&(S=$,_.textContent=`*${Qp} { cursor: ${$} !important; }`)};b("crosshair"),document.head.appendChild(_);let C=null;const R=$=>$.target instanceof Element&&Yt($.target),T=$=>R($)?!1:($.preventDefault(),$.stopPropagation(),$.stopImmediatePropagation(),!0),P=($,ee,Y)=>{const re=[["nw",$.x,$.y],["ne",$.x+$.width,$.y],["sw",$.x,$.y+$.height],["se",$.x+$.width,$.y+$.height]];for(const[oe,ge,ae]of re)if(Math.hypot(ee-ge,Y-ae)<=Jp)return oe;return null},L=($,ee,Y)=>ee>=$.x&&ee<=$.x+$.width&&Y>=$.y&&Y<=$.y+$.height,I=($,ee)=>{var ge;const Y=cr($,ee),re=Wo(Y?(()=>{const ae=Y.getBoundingClientRect();return{x:ae.left-nn,y:ae.top-nn,width:ae.width+nn*2,height:ae.height+nn*2}})():{x:$-On.width/2,y:ee-On.height/2,...On}),oe=((ge=f.current)==null?void 0:ge.shape)??"box";m(null),h.current=Wu({x:re.x+window.scrollX,y:re.y+window.scrollY,width:re.width,height:re.height},oe,n,o),l({rect:re,shape:oe})},H=$=>{var re;if(!T($)||$.button!==0)return;const ee=f.current;if(!ee){I($.clientX,$.clientY);return}const Y=P(ee.rect,$.clientX,$.clientY);if(Y){C={kind:"resize",corner:Y};return}if(L(ee.rect,$.clientX,$.clientY)){C={kind:"move",grabX:$.clientX-ee.rect.x,grabY:$.clientY-ee.rect.y};return}(re=h.current)==null||re.undraw(),h.current=null,I($.clientX,$.clientY)};let E=null,M=0;const W=$=>{if(!T($))return;const ee=f.current;if(!ee){b("crosshair");const le=cr($.clientX,$.clientY);if(!le){E=null,m(null);return}le!==E&&(E=le,M+=1),m({rect:Wo(Yu(le)),key:M});return}if(!C){const le=P(ee.rect,$.clientX,$.clientY);b(le?em(le):L(ee.rect,$.clientX,$.clientY)?"move":"crosshair");return}const{rect:Y}=ee;if(C.kind==="move"){j({...Y,x:$.clientX-C.grabX,y:$.clientY-C.grabY});return}const re=C.corner.includes("w")?Y.x+Y.width:Y.x,oe=C.corner.includes("n")?Y.y+Y.height:Y.y,ge=Math.min(re,$.clientX),ae=Math.max(re,$.clientX),ce=Math.min(oe,$.clientY),Me=Math.max(oe,$.clientY);j({x:ge,y:ce,width:Math.max(Do,ae-ge),height:Math.max(Do,Me-ce)})},O=$=>{T($)&&(C=null)},q=$=>{R($)||T($),C=null},V=$=>{T($)},U=$=>{var ee;if($.key==="Escape"){if($.preventDefault(),$.stopPropagation(),C=null,f.current){(ee=h.current)==null||ee.undraw(),h.current=null,l(null),b("crosshair");return}a(!1)}};let F=window.scrollX,Z=window.scrollY;const ne=()=>{m(null);const $=window.scrollX-F,ee=window.scrollY-Z;F=window.scrollX,Z=window.scrollY,!($===0&&ee===0)&&l(Y=>Y&&{...Y,rect:{...Y.rect,x:Y.rect.x-$,y:Y.rect.y-ee}})};return document.addEventListener("pointerdown",H,!0),document.addEventListener("pointermove",W,!0),document.addEventListener("pointerup",O,!0),document.addEventListener("pointercancel",q,!0),document.addEventListener("click",V,!0),document.addEventListener("keydown",U,!0),document.addEventListener("scroll",ne,!0),()=>{_.remove(),document.removeEventListener("pointerdown",H,!0),document.removeEventListener("pointermove",W,!0),document.removeEventListener("pointerup",O,!0),document.removeEventListener("pointercancel",q,!0),document.removeEventListener("click",V,!0),document.removeEventListener("keydown",U,!0),document.removeEventListener("scroll",ne,!0),m(null)}},[c,n,o,j,a]),u.useEffect(()=>{!c&&f.current&&v()},[c,v]),u.useEffect(()=>()=>{var _;(_=h.current)==null||_.remove(),h.current=null},[]);const N=u.useCallback(_=>{if(!e)return;const S=f.current,b=h.current;if(!S||!b)return;const C=_.trim(),R=nm(S.rect),T={shape:S.shape,...C?{note:C}:{},pageUrl:Lr(window.location.href),rect:S.rect,elements:R.map(Xa)};Ku(T,R),R[0]&&uu(T,R[0]),h.current=null,l(null),a(!1),i(T,b),t==null||t(T)},[i,e,t,a]),w=u.useCallback(()=>{e&&a(!s)},[e,s,a]);return{isActive:c,draft:d,hover:p,setShape:x,attach:N,dropDraft:v,disarm:g,toggle:w}}function nm(e){const t=new Set,n=(o,s)=>{const a=cr(o,s);a&&t.add(a)};n(e.x+e.width/2,e.y+e.height/2);for(let o=0;o<=tn;o++)for(let s=0;s<=tn;s++)n(e.x+e.width*o/tn,e.y+e.height*s/tn);return Array.from(t).slice(0,Zp)}function rm({enabled:e,inputRef:t}){const{widgetCtx:n}=k.useWidget(),{theme:o,cssVars:s}=fe(),a=Br({cssVars:s,primaryColor:o.primaryColor,contentZIndex:o.widgetContentContainer.zIndex}),{marks:i,detach:c}=qr(),d=u.useCallback(()=>{var m;(m=t.current)==null||m.focus()},[t]),l=u.useCallback(async m=>{if(!n.features.pageContext||!n.features.attachments)return null;try{const{fileUrl:h}=await n.api.uploadFile({file:m,abortSignal:new AbortController().signal});return h??null}catch(h){return Q.log.warn("page mark snapshot upload failed",h),null}},[n]),p=tm({enabled:e,onAttach:d,accentColor:a.accent,zIndex:a.inkZIndex});return{marks:i,detach:c,marking:p,uploadSnapshot:l}}function om({inputText:e,setInputText:t,inputRef:n,getSentTextHistory:o}){const s=u.useRef(null),a=u.useRef(""),i=()=>{const m=n.current;m&&(m.classList.remove("opencx-input-recall"),m.offsetWidth,m.classList.add("opencx-input-recall"))},c=(m,{animate:h=!0}={})=>{t(m),h&&i(),requestAnimationFrame(()=>{var f;return(f=n.current)==null?void 0:f.setSelectionRange(m.length,m.length)})};return{onKeyDown:m=>{if(pt(m,Oe["history-prev"])){const h=o();if(h.length===0)return!1;const f=s.current;if(f===null){const v=n.current;if(!((v==null?void 0:v.selectionStart)===0&&(v==null?void 0:v.selectionEnd)===0)&&e!=="")return!1;a.current=e,s.current=h.length-1}else{if(f===0)return!1;s.current=f-1}return m.preventDefault(),c(h[s.current],{animate:!m.repeat}),!0}if(pt(m,Oe["history-next"])){const h=s.current;if(h===null)return!1;m.preventDefault();const f=o();return h>=f.length-1?(s.current=null,c(a.current,{animate:!m.repeat}),a.current=""):(s.current=h+1,c(f[s.current],{animate:!m.repeat})),!0}return!1},onEdit:()=>{s.current=null},onSent:()=>{s.current=null,a.current=""}}}const Zo="max-h-16 [field-sizing:content] w-full px-2";function li({trailingActions:e,placeholder:t,hideAttachTools:n,disabled:o=!1}={}){var zt;const{isSmallScreen:s}=Ie(),a=u.useRef(null),i=u.useRef(null),c=u.useRef(null),d=u.useRef(!0),{sendMessage:l,rememberSentText:p,getSentTextHistory:m}=k.useMessages(),{widgetCtx:h,componentStore:f}=k.useWidget(),{attachments:v,pageContext:g}=h.features,{isStreaming:j,stop:x,queuedUserMessages:N,pendingClarification:w,pendingConnection:_,pendingPageAction:S}=k.useAgentChatUi(),{sessionState:b}=k.useSessions(),{t:C}=K(),{text:R,setText:T,clearSubmitted:P}=k.useComposerDraft(),L=Sp(),I=Cu({text:R,setText:T,inputRef:a}),H=I.picked.length>0;u.useLayoutEffect(()=>{const G=a.current,me=c.current;!G||!me||oi(G,me)},[H,R]);const[E,M]=u.useState(!1),W=L?`${L.type}:${L.id}`:"";u.useEffect(()=>{M(!1)},[W]);const[O,q]=u.useState(null),V=u.useRef(R);V.current=R;const U=u.useRef(()=>{}),F=k.useDictation({getValue:()=>V.current,setValue:G=>{V.current=G,T(G)},onSend:()=>U.current()}),{stop:Z}=F;u.useEffect(()=>{o&&Z({executeFinalCommand:!1})},[o,Z]),u.useEffect(()=>(d.current=!0,()=>{d.current=!1}),[]);const ne=om({inputText:R,setInputText:T,inputRef:a,getSentTextHistory:m}),$=g&&!s,ee=!o&&$&&n!==!0,{marks:Y,detach:re,marking:oe,uploadSnapshot:ge}=rm({enabled:ee,inputRef:a});u.useEffect(()=>{g||Y.forEach(re)},[g,Y,re]);const{allFiles:ae,handleCancelUpload:ce,appendFiles:Me,emptyTheFiles:le,isUploading:de,successFiles:Qe}=k.useUploadFiles();u.useEffect(()=>{!v&&ae.length>0&&le()},[v,ae.length,le]);const mt=!!((zt=b.session)!=null&&zt.isHandedOff),{isAwaitingBotReply:$e}=k.useIsAwaitingBotReply(),Re=h.messageCtx.blocksSendWhileAwaitingReply&&$e,We=G=>{o||!v||(q(null),Me(G))},He=L!==null&&!E,Be=ae.length>0||Y.length>0,Ue=!R.trim()&&Qe.length===0&&(!g||!Y.some(sn)),be=j&&Ue,ye=be&&N.length>0,Le=o||de||Re||Ue,Tt=()=>{if(F.stop({executeFinalCommand:!1}),o||Re||de)return;const G=V.current,me=h.messageCtx.captureConversation(),It=h.messageCtx.draftState.get(),ue=Y.filter(we=>h.features.pageContext&&sn(we)?!0:(re(we),!1)),tt=h.features.attachments?[...Qe]:[];if(!G.trim()&&tt.length===0&&ue.length===0)return;const Mt=ae.map(we=>we.id);ue.forEach(we=>pu(we,ge)),Promise.all(ue.map(we=>mu(we,sm))).then(()=>Sn({isCurrentConversation:me,submittedText:G,submittedDraft:It,submittedMarks:ue,submittedFiles:tt,submittedFileIds:Mt}))},Sn=({isCurrentConversation:G,submittedText:me,submittedDraft:It,submittedMarks:ue,submittedFiles:tt,submittedFileIds:Mt})=>{if(!G())return;const we=h.features.pageContext,ht=ue.filter(he=>we&&sn(he)?!0:(re(he),!1));if(!me.trim()&&tt.length===0&&ht.length===0)return;const Gt=me.trim()||(ht.length>0?am(ht)??C("page_mark_default_message"):"");let nt=!1;const ft=I.picked;l({content:Gt,withPageEntity:!E,mentions:ft.length>0?ft:void 0,attachments:tt.flatMap(he=>he.fileUrl?[{url:he.fileUrl,type:he.file.type,name:he.file.name,id:he.id,size:he.file.size}]:[]),clientContext:ei({marks:ht,readsPage:we}),onAccepted:()=>{if(nt||!G())return;nt=!0,p(Gt),ue.forEach(rt=>re(rt)),Mt.forEach(rt=>ce(rt));const he=P(It);d.current&&(ne.onSent(),M(!1),he&&I.reset())}}).catch(he=>{Q.log.error("failed to send message",he)})},{getRootProps:Xt,getInputProps:ve,open:At}=Wi.useDropzone({onDrop:We,noClick:!0,disabled:o||!v,onDropRejected(){q(C("file_rejected"))},maxSize:Rp,accept:mt?Pp:Op}),Nn=G=>{const me=G.clipboardData;me&&me.files.length>0&&We(Array.from(me.files))};U.current=Tt;const et=f.getComponent("agent_chat_questions");return!_&&w&&et?r.jsx("div",{...D("chat/input_box/root"),className:"p-2 relative space-y-1",children:r.jsx(et,{request:w})}):r.jsxs("div",{...D("chat/input_box/root"),className:"p-2 relative space-y-1",...Xt({ref:i}),children:[b.session&&r.jsx(Pu,{sessionId:b.session.id,active:j||$e},b.session.id),_&&r.jsx($u,{request:_},_.request_id),S&&r.jsx(vp,{request:S},S.callId),r.jsx("input",{...ve()}),I.isOpen&&r.jsx(Yp,{anchorRef:i,inputRef:a,anchorIndex:I.anchorIndex,preview:I.preview,groups:I.groups,visible:I.visible,searching:I.searching,highlighted:I.highlighted,onHighlight:I.setHighlighted,onPick:I.pick,onExpand:I.expandGroup}),ee&&r.jsx(Np,{isActive:oe.isActive,draft:oe.draft,hover:oe.hover,onShapeChange:oe.setShape,onAttach:oe.attach,onDiscard:oe.dropDraft}),r.jsx(Fp,{}),O&&r.jsx("p",{role:"alert",className:"px-2 text-xs text-destructive",children:O}),F.error&&r.jsx("p",{role:"alert",className:"px-2 text-xs text-destructive",children:F.error==="microphone"?C("dictation_mic_blocked"):C("dictation_unavailable")}),r.jsxs("div",{...D("chat/input_box/attached_context_tray"),style:{"--cx-p":"0.25rem"},className:A("flex flex-col","rounded-[calc(var(--opencx-inset-radius)+var(--cx-p))] p-[var(--cx-p)]","transition-colors duration-200 ease-opencx",He?"bg-muted":"bg-transparent"),children:[r.jsx(B.AnimatePresence,{children:He&&r.jsx(je,{children:r.jsx("div",{...D("chat/input_box/page_context_container"),className:"flex items-center gap-1 flex-wrap ps-3 pe-1 py-1",children:r.jsx(B.AnimatePresence,{mode:"popLayout",children:L&&!E&&r.jsx(te,{snapExit:!0,children:r.jsx(jp,{entity:L,onRemove:()=>M(!0)})},"page-entity")})})},"attached-context")}),r.jsxs("div",{...D("chat/input_box/inner_root"),className:A("transition-colors","bg-background","border border-border","relative rounded-[var(--opencx-inset-radius)] flex flex-col gap-2 p-2"),children:[r.jsxs("div",{...D("chat/input_box/textarea_and_attachments_container"),className:"flex flex-col gap-2",children:[Be&&r.jsx("div",{...D("chat/input_box/attachments_container"),className:"flex items-center gap-1 overflow-x-auto",children:r.jsxs(B.AnimatePresence,{mode:"popLayout",children:[ae.map(G=>r.jsx(te,{snapExit:!0,children:r.jsx(Dp,{onCancel:()=>ce(G.id),file:G})},G.id)),Y.map((G,me)=>r.jsx(te,{snapExit:!0,children:r.jsx(zp,{mark:G,onRemove:()=>re(G)})},`mark-${me}-${G.note??""}`))]})}),r.jsxs("div",{className:"relative",children:[H&&r.jsx("div",{ref:c,"aria-hidden":!0,className:A(Zo,"pointer-events-none absolute inset-0 overflow-hidden","whitespace-pre-wrap break-words text-foreground",!Be&&"pt-1",s?"text-[16px]":"text-sm"),children:r.jsx(qa,{text:R,mentions:I.picked,tokenClassName:"bg-primary/10 text-primary"})}),r.jsx("textarea",{...D("chat/input_box/textarea"),disabled:o,onPaste:Nn,ref:a,id:"chat-input",value:R,rows:3,className:A(Zo,"relative resize-none",!Be&&"pt-1","bg-transparent outline-none","placeholder:text-muted-foreground",H&&"text-transparent caret-foreground",s?"text-[16px]":"text-sm"),onScroll:G=>{c.current&&(c.current.scrollTop=G.currentTarget.scrollTop)},onChange:G=>{ne.onEdit(),T(G.target.value)},onClick:()=>I.onCaretMove("nearest"),onKeyUp:G=>{G.key==="ArrowRight"||G.key==="ArrowDown"?I.onCaretMove("forward"):G.key==="ArrowLeft"||G.key==="ArrowUp"?I.onCaretMove("backward"):(G.key==="Home"||G.key==="End")&&I.onCaretMove("nearest")},onKeyDown:G=>{if(!G.nativeEvent.isComposing&&!I.onKeyDown(G)){if(pt(G,Oe.send)||pt(G,Oe["send-alt"])){G.preventDefault(),ye?x():Tt();return}if(G.key==="Escape"&&oe.isActive){oe.disarm();return}ne.onKeyDown(G)}},placeholder:t??C("write_a_message_placeholder")})]})]}),r.jsxs("div",{className:"gap-2 flex justify-between",children:[r.jsx("div",{className:"flex items-center gap-1",children:!o&&!n&&r.jsxs(r.Fragment,{children:[v&&r.jsx(Te,{side:"top",align:"start",content:C("attach_files"),children:r.jsx(X,{onClick:At,"aria-label":C("attach_files"),size:"fit",variant:"ghost",className:an,children:r.jsx(B.AnimatePresence,{mode:"wait",children:Re?r.jsx(te,{distance:0,children:r.jsx(z.PaperclipIcon,{className:"size-4 opacity-50"})},"paper-clip-disabled"):r.jsx(te,{distance:0,children:r.jsx(z.PaperclipIcon,{className:"size-4"})},"paper-clip")})})}),F.enabled&&r.jsx(Hp,{status:F.status,levelRef:F.levelRef,onToggle:F.toggle,onPrewarm:F.prewarm}),$&&r.jsx(Te,{side:"top",align:"start",content:oe.isActive?C("mark_page_active"):C("mark_page"),children:r.jsx(X,{...D("chat/input_box/page_mark_btn"),onClick:oe.toggle,"aria-label":oe.isActive?C("mark_page_active"):C("mark_page"),size:"fit",variant:"ghost",className:A(an,oe.isActive&&ti),children:r.jsx(z.MousePointerClickIcon,{className:"size-4"})})})]})}),r.jsxs("div",{className:"flex items-center gap-1",children:[e,r.jsx(Te,{content:C(be?"stop_response":"send_message"),shortcut:be?void 0:Ur(Oe.send),side:"top",align:"end",children:r.jsx(X,{size:"fit",onClick:be?x:Tt,"aria-label":C(be?"stop_response":"send_message"),disabled:o||!be&&Le,className:an,children:r.jsx(B.AnimatePresence,{mode:"wait",children:be?r.jsx(te,{snapExit:!0,distance:0,children:r.jsx(z.SquareIcon,{className:"size-3 fill-current"})},"stop"):!j&&(Re||de)?r.jsx(te,{snapExit:!0,distance:0,children:r.jsx(z.CircleDashed,{className:"size-4 animate-spin animate-iteration-infinite"})},"loading"):r.jsx(te,{snapExit:!0,distance:0,children:r.jsx(z.ArrowUpIcon,{className:"size-4"})},"send")})})})]})]})]})]})]})}const sm=1500;function am(e){const t=e.flatMap(n=>{var s;const o=(s=n.note)==null?void 0:s.trim();return o?[o]:[]});return t.length>0?t.join(`
+`):null}function Jo(){const{widgetCtx:e}=k.useWidget(),{router:t}=k.useConfig(),{canCreateNewSession:n}=k.useSessions(),{toSessionsScreen:o}=k.useWidgetRouter(),{t:s}=K();return r.jsx(r.Fragment,{children:n||t!=null&&t.chatScreenOnly?r.jsx(X,{onClick:e.resetChat,className:"rounded-2xl w-full",children:s("new_conversation")}):r.jsx(X,{onClick:o,className:"rounded-2xl w-full",children:s("back_to_conversations")})})}function im(){const{t:e}=K(),{isCsatRequested:t,isCsatSubmitted:n}=k.useCsat();return r.jsx("div",{className:"p-2",children:r.jsx("div",{className:"p-2 bg-muted rounded-[var(--opencx-inset-radius)]",children:r.jsx(B.AnimatePresence,{mode:"wait",children:t||n?r.jsxs(je,{children:[r.jsx(Mu,{}),r.jsx(B.AnimatePresence,{mode:"wait",children:n&&r.jsx(je,{children:r.jsx(Jo,{})},"new-conv-or-back-to-convs-button")})]},"csat"):r.jsxs(je,{children:[r.jsxs("div",{className:"ps-2 flex items-center gap-1 pb-2",children:[r.jsx(z.CircleCheckIcon,{className:"size-4 text-emerald-600"}),r.jsx("h2",{className:"text-sm font-medium",children:e("your_issue_has_been_resolved")})]}),r.jsx(Jo,{})]},"session-closed")})})})}function cm(){var c;const{initialQuestions:e,initialQuestionsPosition:t,thisWasHelpfulOrNot:n}=k.useConfig(),{sessionState:o}=k.useSessions(),{messagesState:s}=k.useMessages(),a=s.messages.length===0,i=Va();return r.jsx("footer",{children:r.jsx(B.AnimatePresence,{mode:"wait",children:o.session&&!((c=o.session)!=null&&c.isOpened)?r.jsxs(je,{children:[r.jsx(im,{}),r.jsx(ar,{})]},"session-closed"):r.jsxs(je,{children:[s.lastAIResMightSolveUserIssue&&(n==null?void 0:n.enabled)!==!1&&r.jsx(Ru,{}),a&&e&&t!=="below-initial-messages"&&r.jsx("div",{className:A("flex items-center flex-row justify-end gap-2 flex-wrap px-2",i&&"pb-4"),children:e==null?void 0:e.map((d,l)=>r.jsx(jn,{suggestion:d},`${d}-${l}`))}),!i&&r.jsx(li,{}),r.jsx(ar,{})]},"chat-input")})})}function lm(){const{messagesState:{messages:e}}=k.useMessages(),{isAwaitingBotReply:t}=k.useIsAwaitingBotReply(),{componentStore:n}=k.useWidget(),o=k.useBot(),s=u.useMemo(()=>Pa(e),[e]),a=e.at(-1),i=a==null?void 0:a.id,c=a==null?void 0:a.type,d=u.useRef(i),[l,p]=u.useState(!1),m=t&&!l;u.useEffect(()=>{const g=d.current!==i;if(d.current=i,!t||c!=="AI"){p(!1);return}if(!g)return;p(!0);const j=setTimeout(()=>p(!1),600);return()=>clearTimeout(j)},[t,i,c]);const h=n.getComponent("loading"),f=u.useRef(null);function v(){setTimeout(()=>{const g=f.current;g&&(g.scrollTop=g.scrollHeight)},0)}return u.useEffect(()=>{v()},[e,m]),r.jsxs("div",{...D("chat/msgs/root"),ref:f,className:"max-h-full scroll-smooth relative flex-1 py-2 px-4 flex flex-col gap-2 overflow-auto",children:[r.jsx(Da,{}),r.jsx(Oa,{}),r.jsx(Fa,{}),r.jsx(sr,{groups:s,pendingReply:t}),m&&h&&r.jsx(h,{agent:o}),r.jsx(Ra,{}),r.jsx(Ma,{})]})}function dm(){const{messagesState:{isInitialFetchLoading:e}}=k.useMessages(),{widgetCtx:t}=k.useWidget(),n=t.streaming,{sessionState:{session:o}}=k.useSessions(),{isCanvasOpen:s}=Vd(),{theme:a}=fe();zr({width:s?a.screens.chat.withCanvas.width:a.screens.chat.width,height:s?a.screens.chat.withCanvas.height:a.screens.chat.height});const i=u.useRef((o==null?void 0:o.id)||"chat").current;return r.jsx("div",{...D("chat/root"),className:A("flex flex-col overflow-hidden"),style:{width:"100vw",maxWidth:"100vw",height:"100vh",maxHeight:"100vh"},children:r.jsxs("div",{className:"relative size-full justify-between flex flex-col",children:[r.jsx(Ea,{}),r.jsx(B.AnimatePresence,{mode:"wait",children:e?r.jsx(te,{className:"flex flex-col items-center justify-center w-full flex-1",children:r.jsx(Ta,{})},"loading"):r.jsxs(te,{className:"flex items-start h-full flex-1 overflow-auto",snapExit:!0,children:[r.jsxs("div",{...D("chat/main/root"),className:A("flex flex-col h-full overflow-auto transition-all",s?"w-2/5":"w-full"),style:{transitionTimingFunction:a.screens.chat.withCanvas.transitionTimingFunction,transitionDuration:a.screens.chat.withCanvas.transitionDuration},children:[n?r.jsx(Au,{}):r.jsx(lm,{}),r.jsx(cm,{})]}),r.jsx("div",{...D("chat/canvas/root"),className:A("h-full overflow-auto transition-all",s?"w-3/5":"w-0"),style:{transitionTimingFunction:a.screens.chat.withCanvas.transitionTimingFunction,transitionDuration:a.screens.chat.withCanvas.transitionDuration},children:r.jsx(zu,{})})]},i)})]})})}function um({children:e}){var N,w,_;const{widgetCtx:t,config:n}=k.useWidget(),[o,s]=u.useState(!1),[a,i]=u.useState(null),[c,d]=u.useState(""),[l,p]=u.useState([]),[m,h]=u.useState([]),[f,v]=u.useState(!1),[g,j]=u.useState("");u.useEffect(()=>{var b;let S=!1;if(((b=n.capabilities)==null?void 0:b.connections)===!0)return Promise.all([t.api.listConnections(),t.api.listApprovalPreferences()]).then(([C,R])=>{S||(p(C.filter(T=>T.status!=="not_connected")),h(R))}).catch(()=>{}),()=>{S=!0}},[t,(N=n.capabilities)==null?void 0:N.connections]);const x=async S=>{v(!0),j("");try{await S()}catch{j("Could not save the change. Try again.")}finally{v(!1)}};return!o||((w=n.capabilities)==null?void 0:w.connections)!==!0?r.jsxs(r.Fragment,{children:[r.jsx(Ea,{}),((_=n.capabilities)==null?void 0:_.connections)===!0&&l.length>0&&r.jsxs(X,{variant:"ghost",className:"mx-3 my-1 h-9 justify-start gap-2 text-sm",onClick:()=>s(!0),children:[r.jsx(z.Unplug,{className:"size-4"})," Connections"," ",r.jsx(z.ChevronRight,{className:"ml-auto size-4"})]}),e]}):r.jsxs("section",{className:"flex-1 overflow-y-auto px-4 pb-4 pt-3 space-y-5","aria-label":"Connections",children:[r.jsxs("div",{className:"flex h-8 items-center gap-2 pr-16",children:[r.jsx(X,{variant:"ghost",size:"icon",className:"size-7","aria-label":a?"Back to connections":"Back to sessions",onClick:()=>a?i(null):s(!1),children:r.jsx(z.ArrowLeft,{className:"size-4"})}),r.jsx("h2",{className:"text-sm font-medium",children:"Connections"})]}),!l.length&&r.jsx("p",{className:"text-sm text-muted-foreground",children:"No connected services."}),!a&&r.jsxs(r.Fragment,{children:[r.jsx("input",{type:"search","aria-label":"Search connections",placeholder:"Search connections",value:c,onChange:S=>d(S.target.value),className:"h-8 w-full rounded-full border border-foreground/15 bg-transparent px-3 text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring"}),r.jsxs("div",{className:"space-y-1",children:[r.jsx("h3",{className:"border-b border-foreground/10 pb-2 text-xs font-medium",children:"Connected services"}),l.filter(S=>S.name.toLowerCase().includes(c.toLowerCase())).map(S=>r.jsxs("button",{type:"button",onClick:()=>i(S.server_id),className:"flex w-full items-center gap-3 rounded-xl px-2 py-3 text-left hover:bg-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",children:[r.jsx("span",{className:"flex size-9 shrink-0 items-center justify-center rounded-xl border border-foreground/10 bg-background p-2",children:r.jsx(pn,{})}),r.jsxs("span",{className:"min-w-0 flex-1",children:[r.jsx("span",{className:"block text-sm font-medium",children:S.name}),r.jsx("span",{className:"block text-xs text-muted-foreground",children:S.status==="connected"?"Connected":"Reconnect required"})]}),r.jsx(z.ChevronRight,{className:"size-4 text-muted-foreground"})]},S.server_id)),l.length>0&&!l.some(S=>S.name.toLowerCase().includes(c.toLowerCase()))&&r.jsx("p",{className:"py-3 text-xs text-muted-foreground",children:"No matching connections."})]})]}),l.filter(S=>S.server_id===a).map(S=>r.jsxs("div",{className:"border-b border-foreground/10 pb-5 space-y-3 last:border-0",children:[r.jsx("div",{className:"flex size-12 items-center justify-center rounded-xl border border-foreground/10 bg-background p-3",children:r.jsx(pn,{})}),r.jsxs("div",{className:"flex items-center gap-3",children:[r.jsxs("div",{className:"flex-1 min-w-0",children:[r.jsx("p",{className:"text-sm font-medium",children:S.name}),r.jsx("p",{className:"text-xs text-muted-foreground",children:S.status==="connected"?"Connected":"Reconnect required"})]}),r.jsx(X,{variant:"ghost",size:"sm",className:"h-7 px-2 text-xs",disabled:f,onClick:()=>void x(async()=>{await t.api.disconnectConnection(S.server_id),i(null),p(b=>b.filter(C=>C.server_id!==S.server_id)),h(b=>b.filter(C=>C.serverId!==S.server_id))}),children:"Disconnect"})]}),m.some(b=>b.serverId===S.server_id)?r.jsxs("div",{className:"space-y-2",children:[r.jsxs("h3",{className:"text-xs font-medium",children:["Saved approvals (",m.filter(b=>b.serverId===S.server_id).length,")"]}),r.jsx("p",{className:"text-xs text-muted-foreground",children:"Removing an approval makes the widget ask again next time."}),r.jsx("ul",{className:"max-h-64 overflow-y-auto divide-y divide-foreground/10 rounded-xl border border-foreground/10","aria-label":`${S.name} saved approvals`,children:m.filter(b=>b.serverId===S.server_id).map(b=>r.jsxs("li",{className:"flex items-start gap-3 p-3",children:[r.jsxs("div",{className:"flex-1 min-w-0 space-y-1",children:[r.jsx("p",{className:"text-xs font-medium break-words",children:b.toolName.replace(/[_-]+/g," ")}),r.jsx("p",{className:"text-xs text-muted-foreground break-words",children:b.message})]}),r.jsx(X,{variant:"secondary",size:"sm",className:"h-7 shrink-0 px-2 text-xs",disabled:f,onClick:()=>void x(async()=>{await t.api.revokeApprovalPreference(b.serverId,b.key),h(C=>C.filter(R=>R.serverId!==b.serverId||R.key!==b.key))}),children:"Remove approval"})]},b.key))})]}):r.jsx("p",{className:"text-xs text-muted-foreground",children:"No saved approvals"})]},S.server_id)),g&&r.jsx("p",{role:"alert",className:"text-xs text-destructive",children:g})]})}function pm({className:e,...t}){return r.jsx("div",{className:A("animate-pulse rounded-md bg-secondary",e),...t})}function mm({className:e}){return r.jsx("svg",{width:"26",height:"32",viewBox:"0 0 26 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:A("text-primary-foreground",e),children:r.jsx("path",{d:"M1.34103 25.6132H5.44245C5.74203 25.6228 6.02673 25.7462 6.23867 25.9582C6.45062 26.1703 6.5739 26.4551 6.58348 26.7548V30.8584C6.59305 31.1581 6.71634 31.443 6.92828 31.655C7.14023 31.8671 7.42492 31.9904 7.7245 32H18.2894C18.589 31.9904 18.8737 31.8671 19.0856 31.655C19.2976 31.443 19.4209 31.1581 19.4304 30.8584V26.7548C19.4401 26.4545 19.5638 26.1692 19.7765 25.957C19.9892 25.7449 20.2748 25.6219 20.5749 25.6132H24.659C24.9586 25.6036 25.2433 25.4803 25.4552 25.2682C25.6671 25.0562 25.7904 24.7713 25.8 24.4716V7.52839C25.7904 7.22865 25.6671 6.94381 25.4552 6.73176C25.2433 6.5197 24.9586 6.39635 24.659 6.38677H20.561C20.2603 6.37802 19.9742 6.25457 19.7614 6.04169C19.5487 5.82881 19.4253 5.54261 19.4165 5.24168V1.14161C19.4072 0.84419 19.2858 0.561291 19.0768 0.349589C18.8678 0.137887 18.5865 0.0130193 18.2894 0L7.7245 0C7.42492 0.00957792 7.14023 0.132929 6.92828 0.344983C6.71634 0.557036 6.59305 0.841878 6.58348 1.14161V5.24168C6.57477 5.54203 6.45187 5.82773 6.23983 6.04052C6.0278 6.25331 5.74262 6.37715 5.44245 6.38677H1.34103C1.04144 6.39635 0.756749 6.5197 0.544805 6.73176C0.332861 6.94381 0.209574 7.22865 0.200001 7.52839V24.4716C0.209574 24.7713 0.332861 25.0562 0.544805 25.2682C0.756749 25.4803 1.04144 25.6036 1.34103 25.6132ZM6.58348 24.4716V7.52839C6.59305 7.22865 6.71634 6.94381 6.92828 6.73176C7.14023 6.5197 7.42492 6.39635 7.7245 6.38677H18.2894C18.589 6.39635 18.8737 6.5197 19.0856 6.73176C19.2976 6.94381 19.4209 7.22865 19.4304 7.52839V24.4716C19.4209 24.7713 19.2976 25.0562 19.0856 25.2682C18.8737 25.4803 18.589 25.6036 18.2894 25.6132H7.7245C7.42492 25.6036 7.14023 25.4803 6.92828 25.2682C6.71634 25.0562 6.59305 24.7713 6.58348 24.4716Z",fill:"currentColor"})})}function di({className:e}){const{token:t}=k.useConfig();return r.jsx("div",{className:A("flex items-center justify-center gap-2 p-2 pt-0",e),children:r.jsx(Pe,{children:r.jsxs("a",{href:`https://open.cx/?ref=${t}`,target:"_blank",rel:"noreferrer",className:A("text-[10px] flex items-center","text-muted-foreground/70 [&_svg]:text-muted-foreground/70","hover:text-primary [&_svg]:hover:text-primary"),children:[r.jsx("span",{children:"Powered by"}),r.jsx("span",{children:" "}),r.jsxs("span",{className:"flex items-center gap-[1px]",children:[r.jsx("span",{children:r.jsx(mm,{className:"size-3 inline-block"})}),r.jsx("span",{className:"font-semibold",children:"open"})]})]})})})}const Qo=99,hm=e=>e?16:9,ui=(e,t)=>e/2*(1-Math.SQRT1_2)-hm(t)/2;function pi({count:e,showCount:t,component:n="trigger/unread",style:o}){return e<=0?null:r.jsx(B.motion.span,{...D(n),"data-unread-look":t?"count":"dot","aria-hidden":!0,initial:{scale:0},animate:{scale:1},transition:xe,style:o,children:t?e>Qo?`${Qo}+`:e:null})}function fm(){return r.jsx("style",{children:`
+    [data-component='trigger/unread'] {
+      position: absolute;
+      z-index: 1;
+      pointer-events: none;
+      border-radius: 999px;
+      background: hsl(var(--opencx-destructive));
+      color: hsl(var(--opencx-destructive-foreground));
+      box-shadow: 0 0 0 2px hsl(var(--opencx-background));
+      font: 600 10px/16px ui-sans-serif, system-ui, sans-serif;
+      font-variant-numeric: tabular-nums;
+      text-align: center;
+    }
+    [data-unread-look='dot'] { width: 9px; height: 9px; }
+    [data-unread-look='count'] { min-width: 16px; height: 16px; padding: 0 4px; }
+  `})}function Cn(){return k.useConfig().unreadIndicator??"dot"}function mi({count:e,indicator:t,component:n,style:o}){const s=Cn();return s===!1?null:r.jsx(pi,{count:e,showCount:(t??s)==="count",component:n,style:o})}function Vr(e){const t=Cn(),{t:n}=K();return t===!1||e<=0?null:n("unread_sessions",{count:e})}function gm({children:e}){return r.jsx("p",{className:"ps-4 text-xs text-muted-foreground/75 uppercase font-semibold tracking-tight",children:e})}function es({session:e,className:t}){const{humanAgent:n}=k.useConfig(),o=k.useBot(),{toChatScreen:s}=k.useWidgetRouter(),{isUnread:a}=k.useUnread(),i=Vr(a(e.id)?1:0),c=e.assignee.kind==="human"?(n==null?void 0:n.name)||e.assignee.name||"Support Agent":o.name,d=e.assignee.kind==="human"?(n==null?void 0:n.avatarUrl)||e.assignee.avatarUrl||"":o.avatarUrl||o.avatar||"";return r.jsxs(X,{variant:"ghost",size:"lg",className:A("rounded-full p-2 pe-4 flex text-start justify-between w-full whitespace-normal",t),onClick:()=>s(e.id),children:[r.jsxs("div",{className:"flex-1 flex gap-2 items-center min-w-0",children:[r.jsx(B.AnimatePresence,{mode:"wait",children:r.jsx(te,{snapExit:!0,children:r.jsxs(_r,{className:"size-10",children:[r.jsx(Er,{src:d,alt:"Agent Icon"}),r.jsx(Tr,{children:r.jsx(z.UserRoundIcon,{className:"size-4"})})]})})}),r.jsxs("div",{className:"flex-1 min-w-0",children:[r.jsx(B.AnimatePresence,{mode:"wait",children:r.jsx(te,{snapExit:!0,children:c},c)}),r.jsx(B.AnimatePresence,{mode:"wait",children:e.lastMessage?r.jsx(te,{snapExit:!0,children:r.jsx(xa,{remarkPlugins:[Cs],rehypePlugins:[Bn],className:"line-clamp-1 overflow-hidden text-ellipsis text-xs text-muted-foreground",children:e.lastMessage})},e.lastMessage||"content"):r.jsx(te,{className:"w-1/2",snapExit:!0,children:r.jsx(pm,{className:"h-4 w-full"})},"skeleton")}),r.jsx(B.AnimatePresence,{mode:"wait",children:e.customStatus&&r.jsx(te,{className:"mt-1",snapExit:!0,children:r.jsx(La,{customStatus:e.customStatus})},e.customStatus.id)})]})]}),i&&r.jsxs(r.Fragment,{children:[r.jsx("span",{className:"sr-only",children:i}),r.jsx(mi,{count:1,indicator:"dot",component:"sessions/unread"})]}),r.jsx(z.ChevronRightIcon,{className:"size-4 text-muted-foreground shrink-0 rtl:-scale-100"})]})}function xm(){const{t:e}=K(),{toChatScreen:t}=k.useWidgetRouter(),{sessionsState:{data:n,isInitialFetchLoading:o},openSessions:s,closedSessions:a,canCreateNewSession:i}=k.useSessions();return r.jsx("div",{...D("sessions/list"),className:"flex-1 flex flex-col overflow-scroll py-2 px-2",children:r.jsx(B.AnimatePresence,{mode:"wait",children:o?r.jsx(te,{className:"flex-1 flex items-center justify-center",children:r.jsx(Ta,{})},"loading"):r.jsx(te,{className:"flex-1 flex flex-col gap-2 relative",children:n.length?r.jsxs(r.Fragment,{children:[r.jsxs(B.AnimatePresence,{children:[s.length>0&&r.jsx(te,{fadeIn:"up",delay:.2,className:"space-y-2",snapExit:!0,children:s.map(c=>r.jsx(es,{session:c},c.id))},"open-sessions"),a.length>0&&r.jsxs(te,{className:"space-y-2",delay:.2,snapExit:!0,children:[r.jsx(gm,{children:e("closed_conversations")}),a.map(c=>r.jsx(es,{session:c,className:"opacity-50 hover:opacity-100"},c.id))]},"closed-sessions")]}),i&&r.jsx("div",{className:"mt-auto w-full rounded-3xl sticky bottom-0 outline outline-8 outline-background bg-background",children:u.createElement(X,{...D("sessions/new_conversation_btn"),size:"lg",key:"new-session",className:"w-full",onClick:()=>t()},e("new_conversation"))})]}):r.jsxs("div",{className:"flex-1 flex flex-col gap-2 items-center",children:[r.jsx("div",{className:"flex-1 flex items-center justify-center",children:r.jsx("p",{className:"text-muted-foreground",children:e("no_conversations_yet")})}),u.createElement(X,{...D("sessions/new_conversation_btn"),size:"lg",key:"new-session",className:"w-full",onClick:()=>t()},e("new_conversation"))]})},"sessions")})})}function bm(){const{theme:e}=fe();return zr({width:e.screens.sessions.width,height:e.screens.sessions.height}),r.jsx("div",{...D("sessions/root"),className:A("flex flex-col overflow-hidden bg-background"),style:{width:"100vw",maxWidth:"100vw",height:"100vh",maxHeight:"100vh"},children:r.jsxs("div",{className:"size-full flex flex-col",children:[r.jsx(um,{children:r.jsx(xm,{})}),r.jsx(di,{})]})})}const cn=Je.forwardRef(({className:e,type:t,...n},o)=>{const{isSmallScreen:s}=Ie();return r.jsx("input",{ref:o,type:t,className:A(s?"text-[16px]":"text-sm","flex w-full rounded-xl p-2 ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-primary-foreground placeholder:text-muted-foreground/75 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 transition","rounded-2xl px-4","border shadow-sm",e),...n})});cn.displayName="Input";function wm(){const{contentIframeRef:e}=k.useWidget(),{inline:t}=k.useConfig(),n=u.useRef(null);return u.useEffect(()=>{const o=e==null?void 0:e.current;if(o&&n.current){const s=n.current;let a;const i=new ResizeObserver(()=>{a=requestAnimationFrame(()=>{const c=s.offsetHeight;o.style.setProperty("--opencx-widget-height",t?"100%":`${c.toFixed(1)}px`)})});return i.observe(s),()=>{cancelAnimationFrame(a),i.unobserve(s)}}},[e,t]),{observedElementRef:n}}const ym=y.z.object({name:y.z.string().min(2),email:y.z.string().email()});function vm(){var x,N,w,_,S,b,C,R;const{widgetCtx:{org:e}}=k.useWidget(),{setIsOpen:t}=k.useWidgetTrigger(),{createUnverifiedContact:n}=k.useContact(),{isSmallScreen:o}=Ie(),s=k.useConfig(),{theme:a}=fe(),{t:i}=K(),{observedElementRef:c}=wm();zr({height:void 0,width:a.screens.welcome.width});const[d,l]=u.useState(((x=s.prefillUserData)==null?void 0:x.name)||""),[p,m]=u.useState(((N=s.prefillUserData)==null?void 0:N.email)||""),h=(s.extraDataCollectionFields||[]).filter(T=>T!=="name"&&T!=="email"&&!!T),[f,v]=u.useState({}),[g,j]=Hi(async T=>{T.preventDefault();const P=ym.safeParse({name:d,email:p});P.success&&await n({email:P.data.email,non_verified_name:P.data.name},Object.values(f).filter(Boolean).length?f:void 0)},[d,p,f]);return r.jsx("div",{style:{width:"100vw",maxWidth:"100vw",minHeight:a.screens.welcome.minHeight,height:"100vh",maxHeight:"100vh",overflowY:"auto"},children:r.jsxs("div",{ref:c,className:A("flex flex-col",o&&"h-full","bg-[radial-gradient(ellipse_at_top_left,hsl(var(--opencx-primary)),transparent),radial-gradient(ellipse_at_top_right,hsl(var(--opencx-primary)),transparent)]"),children:[r.jsxs("div",{className:A("flex-1 flex flex-col px-4 py-12 text-start space-y-4 relative z-10","text-primary-foreground"),children:[o&&r.jsx(te,{className:"absolute top-6 end-6",children:r.jsx(X,{size:"selfless",onClick:()=>t(!1),children:r.jsx(z.XIcon,{className:"size-4"})})}),r.jsx("div",{className:"flex items-center justify-between w-full mb-2",children:(w=s.assets)!=null&&w.organizationLogo?r.jsx("img",{src:(_=s.assets)==null?void 0:_.organizationLogo,alt:"Company Logo",className:"h-8 w-auto object-contain"}):r.jsx("h2",{className:"font-bold text-sm",children:e.name})}),r.jsxs("div",{className:"space-y-2",children:[r.jsx("h1",{className:"text-[1.75rem] font-semibold tracking-tight leading-none",children:((b=(S=s.textContent)==null?void 0:S.welcomeScreen)==null?void 0:b.title)||i("welcome_screen_title")}),r.jsx("p",{className:"text-sm",children:((R=(C=s.textContent)==null?void 0:C.welcomeScreen)==null?void 0:R.description)||i("welcome_screen_description")})]})]}),r.jsxs("div",{className:A("z-10 m-2 px-2 pt-2 bp-0 space-y-2","bg-[white]","border shadow","rounded-3xl"),children:[r.jsxs("form",{onSubmit:j,className:"space-y-2",children:[r.jsx(cn,{value:d,onChange:T=>l(T.target.value),required:!0,placeholder:i("your_name_placeholder"),name:"name"}),r.jsx(cn,{required:!0,value:p,onChange:T=>m(T.target.value),type:"email",placeholder:i("your_email_placeholder"),name:"email"}),h.map(T=>r.jsx(cn,{value:f[T],onChange:P=>v(L=>({...L,[T]:P.target.value})),placeholder:`${T} (${i("optional")})`},T)),r.jsxs(X,{disabled:g.loading,className:"w-full",size:"lg",children:[g.loading?i("start_chat_button_loading"):i("start_chat_button"),r.jsx(z.SendHorizontal,{className:"size-4 rtl:-scale-100"})]})]}),r.jsx(di,{})]})]})})}function Yr(){const{routerState:{screen:e}}=k.useWidgetRouter();return r.jsx("div",{className:"relative bg-background size-full",children:(()=>{switch(e){case"welcome":return r.jsx(te,{fadeIn:"right",className:"size-full",snapExit:!0,children:r.jsx(vm,{})},e);case"sessions":return r.jsx(te,{fadeIn:"right",className:"size-full",snapExit:!0,children:r.jsx(bm,{})},e);case"chat":return r.jsx(te,{fadeIn:"right",className:"size-full",snapExit:!0,children:r.jsx(dm,{})},e);default:return Q.isExhaustive(e,Yr.name),null}})()})}const km=Ar(),jm=()=>{};function hi(){const{isOpen:e}=k.useWidgetTrigger(),{contentIframeRef:t,widgetCtx:n}=k.useWidget(),{inline:o}=k.useConfig(),{theme:s,computed:a}=fe();return u.useEffect(()=>{e||n.dictationCtx.stop({executeFinalCommand:!1})},[e,n]),r.jsx(B.motion.div,{onUpdate:jm,animate:e?"visible":"hidden",initial:"hidden",style:{transformOrigin:o?void 0:"bottom right"},variants:{hidden:{opacity:0,scale:o?1:.9,y:8,transitionEnd:{display:"none"},transition:Ct},visible:{opacity:1,scale:1,y:0,display:"block",height:o?"100%":void 0,transition:{...Ct,height:{duration:0}}}},children:r.jsx(Ss,{ref:t,initialContent:km,allowFullScreen:!0,title:ja,style:{"--opencx-widget-width":a.minWidth,"--opencx-widget-height":a.minHeight,minWidth:a.minWidth,width:"var(--opencx-widget-width)",maxWidth:a.maxWidth,minHeight:a.minHeight,height:"var(--opencx-widget-height)",maxHeight:a.maxHeight,overflow:"hidden",outline:s.widgetContentContainer.outline,outlineColor:s.widgetContentContainer.outlineColor,borderRadius:s.widgetContentContainer.borderRadius,boxShadow:s.widgetContentContainer.boxShadow,transitionProperty:s.widgetContentContainer.transitionProperty,transitionTimingFunction:s.widgetContentContainer.transitionTimingFunction,transitionDuration:s.widgetContentContainer.transitionDuration,boxSizing:"border-box",borderWidth:"0px"},children:r.jsx(vn,{style:{zIndex:s.widgetContentContainer.zIndex},children:r.jsx(Yr,{})})})})}function Cm(){const{theme:e,triggerSide:t}=fe(),{dir:n}=k.useDocumentDir(),{t:o}=K(),s=(n==="rtl"?t==="left":t==="right")?"end":"start";return r.jsx(Xe.Content,{onInteractOutside:a=>a.preventDefault(),forceMount:!0,style:{zIndex:e.widgetContentContainer.zIndex,fontSize:"16px"},side:"top",align:s,"aria-modal":"false","aria-label":o("support_chat_aria_label"),sideOffset:e.widgetContentContainer.offset.side,alignOffset:e.widgetContentContainer.offset.align,avoidCollisions:!1,children:r.jsx(hi,{})})}function Sm({className:e,style:t}){return r.jsxs("svg",{width:"32",height:"30",viewBox:"0 0 32 30",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:A("text-primary-foreground",e),style:t,children:[r.jsx("path",{d:"M0 6.94263C0 3.62892 2.68629 0.942627 6 0.942627H26C29.3137 0.942627 32 3.62892 32 6.94263V17.9426C32 21.2563 29.3137 23.9426 26 23.9426H6C2.68629 23.9426 0 21.2563 0 17.9426V6.94263Z",fill:"currentColor"}),r.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M19.9945 23.8935L26.237 23.8934C26.1982 24.3557 26.1712 25.2778 26.1704 26.2318C26.1688 28.2839 26.1376 28.7041 25.974 28.868C25.583 29.2598 25.2686 29.0967 24.0616 27.8754C23.4162 27.2222 22.1141 25.9522 21.1682 25.0531L19.9945 23.8935Z",fill:"currentColor"})]})}function fi(){var t;const{accessibility:e}=k.useConfig();return((t=e==null?void 0:e.widgetTriggerButton)==null?void 0:t.label)??"Chat with us"}function gi(e,t,n,o){return e({react:u,isOpen:t,setIsOpen:s=>n(s),unreadCount:o})}const Nm=Ar({transparent:!0}),pr=6,ts={x:jt.x+pr,y:jt.y+pr},$n=e=>typeof e=="number"?e-pr:e;function _m(){var h,f;const{isOpen:e,setIsOpen:t}=k.useWidgetTrigger(),{assets:n,customComponents:o}=k.useConfig(),{count:s}=k.useUnread(),a=Vr(s),i=Cn()==="count",{theme:c,triggerSide:d}=fe(),l=ui(c.widgetTrigger.size.button,i),p=fi(),m=a&&!e?`${p} · ${a}`:p;return o!=null&&o.widgetTrigger?gi(o.widgetTrigger,e,t,s):r.jsx(Ss,{initialContent:Nm,title:"OpenCX Live Chat Trigger",style:{height:`calc(${c.widgetTrigger.size.button}px + ${ts.y*2}px)`,width:`calc(${c.widgetTrigger.size.button}px + ${ts.x*2}px)`,fontSize:"16px",position:"fixed",zIndex:c.widgetTrigger.zIndex,right:$n(c.widgetTrigger.offset.right),bottom:$n(c.widgetTrigger.offset.bottom),left:$n(c.widgetTrigger.offset.left),boxSizing:"border-box",borderWidth:"0px",background:"transparent"},children:r.jsx(vn,{style:{display:"flex",alignItems:"center",justifyContent:"center"},children:r.jsxs(Xe.PopoverTrigger,{"aria-label":m,title:m,className:A("relative font-sans flex items-center justify-center rounded-full"),style:{height:c.widgetTrigger.size.button,width:c.widgetTrigger.size.button},children:[!e&&r.jsx(mi,{count:s,style:{top:l,[d]:l}}),r.jsx(Pe,{children:r.jsx("div",{...D("trigger/btn"),className:A("relative size-full rounded-full","flex items-center justify-center","overflow-hidden","transition-all","bg-primary","text-primary-foreground"),children:r.jsx(B.AnimatePresence,{mode:"wait",children:e?r.jsx(te,{snapExit:!0,fadeIn:"up",overrides:{initial:{rotate:45},animate:{rotate:0}},children:(h=n==null?void 0:n.widgetTrigger)!=null&&h.closeIcon?r.jsx("img",{src:n.widgetTrigger.closeIcon,alt:"Widget trigger close icon",style:{width:c.widgetTrigger.size.icon,height:c.widgetTrigger.size.icon}}):r.jsx(z.ChevronDownIcon,{style:{width:c.widgetTrigger.size.icon,height:c.widgetTrigger.size.icon}})},"x-icon"):r.jsx(te,{snapExit:!0,overrides:{initial:{rotate:45},animate:{rotate:0}},children:(f=n==null?void 0:n.widgetTrigger)!=null&&f.openIcon?r.jsx("img",{src:n.widgetTrigger.openIcon,alt:"Widget trigger open icon",style:{width:c.widgetTrigger.size.icon,height:c.widgetTrigger.size.icon}}):r.jsx(Sm,{style:{width:c.widgetTrigger.size.icon,height:c.widgetTrigger.size.icon},className:"mt-0.5 opacity-95"})},"message-icon")})})})]})})})}function Em(){const{triggerSide:e}=fe();return r.jsx(Xe.Anchor,{style:{position:"fixed",bottom:0,right:e==="right"?0:void 0,left:e==="left"?0:void 0}})}const Tm="[data-opencx-escape-scope]";function Am(e){var n;const t=e.target;return((n=t==null?void 0:t.closest)==null?void 0:n.call(t,Tm))!=null}function zm(e,{state:t,onToggleFullscreen:n}){e.defaultPrevented||t!=="chat"||pt(e,Oe["toggle-fullscreen"])&&(e.preventDefault(),n())}function xi(e,{state:t,onDismiss:n,onToggleFullscreen:o}){if(!e.defaultPrevented){if(pt(e,Oe["close-panel"])){Am(e)||n();return}t==="chat"&&pt(e,Oe["toggle-fullscreen"])&&(e.preventDefault(),o())}}function Im({panelLayout:e,previousLayout:t,defaultLayout:n,allowedLayouts:o}){if(e!=="fullscreen")return{kind:"close"};const s=[t,n];for(const i of s)if(i!=="fullscreen"&&o.includes(i))return{kind:"layout",layout:i};const a=o.find(i=>i!=="fullscreen");return a?{kind:"layout",layout:a}:{kind:"close"}}function Mm({onHeightChange:e,maxHeight:t,onDismiss:n,onToggleFullscreen:o}){const s=u.useRef(null);return u.useLayoutEffect(()=>{var l;const a=s.current;if(!a)return;const i=()=>e(a.offsetHeight);i();const c=(l=a.ownerDocument.defaultView)==null?void 0:l.ResizeObserver;if(!c)return;const d=new c(i);return d.observe(a),()=>d.disconnect()},[e,t]),r.jsx(vn,{children:r.jsx("div",{ref:s,onKeyDown:a=>xi(a.nativeEvent,{state:"input",onDismiss:n,onToggleFullscreen:o}),"data-companion-questions":!0,style:{maxHeight:t},className:"flex min-w-0 flex-col items-start gap-2 overflow-y-auto p-1",children:r.jsx(Rm,{})})})}function Rm(){const{initialQuestions:e}=k.useConfig(),t=B.useReducedMotion();return r.jsx(r.Fragment,{children:e==null?void 0:e.filter(n=>n.trim().length>0).map((n,o)=>r.jsx(B.motion.div,{className:"max-w-full",initial:{opacity:0,y:t?0:8},animate:{opacity:1,y:0},transition:{duration:t?0:.3,delay:t?0:.2+Math.min(o,5)*.1,ease:Et},children:r.jsx(jn,{suggestion:n,type:"button",variant:"secondary",wobble:!1,className:"max-w-full whitespace-normal break-words rounded-full bg-muted-foreground px-4 py-2 text-start text-base text-background hover:bg-foreground [@media(pointer:coarse)]:min-h-12"})},`${n}-${o}`))})}const bi=new WeakSet;function Pm(e){return bi.has(e)}function ns(e,t=()=>!0){var m;let n=!1;const o=h=>h?"completed":n?"interrupted":"not-started",s=e.getBoundingClientRect(),a=s.left+s.width/2,i=s.top+s.height/2,c={bubbles:!0,cancelable:!0,composed:!0,clientX:a,clientY:i},d=h=>t()?(n=!0,bi.add(h),e.dispatchEvent(h),!0):!1,l=h=>d(new PointerEvent(h,{...c,pointerId:1,pointerType:"mouse",isPrimary:!0})),p=(h,f=0)=>d(new MouseEvent(h,{...c,detail:f,button:0,buttons:1}));return!l("pointerover")||!l("pointerenter")||!p("mouseover")||!p("mousemove")||!l("pointerdown")||!p("mousedown",1)||!t()?o(!1):((m=e.focus)==null||m.call(e),o(l("pointerup")&&p("mouseup",1)&&p("click",1)))}const Xr=u.forwardRef(function({label:t,className:n,...o},s){return r.jsx("button",{ref:s,type:"button","aria-label":t,...o,className:A("flex shrink-0 items-center justify-center rounded-lg","text-secondary-foreground/60 hover:text-secondary-foreground hover:bg-muted","active:scale-[0.97] transition-[background-color,color,transform] duration-150 ease-out",n)})});function at(e,t,n){return Math.min(Math.max(e,t),n)}const mr=16,Ee=16,Ge=32,Om=44,$m=240,Lm=440,wi=32,Dm=280,Fm=420,Wm=640,Hm=48,Ln=12,Gr=400,yi=320,Bm=560,Um="#f4f4f5",vi=120,ki=yi+vi+Ee*3,Ke={pill:999,input:16,fullscreen:16,sidebar:20,compact:20};function Kr(e,t){if(e.width<=ki)return Math.max(0,e.width-Ee*2);const n=e.width-vi-Ee*3;return Math.max(0,Math.min(t,n))}function vt(e,t,n=0){return typeof e=="number"&&Number.isFinite(e)?Math.max(n,e):t}function ji(e,t={}){const n=Math.max(0,e.width),o=vt(t.maxWidth,Lm),s=Math.min(o,vt(t.minWidth,Dm));return Math.min(n,o,Math.max(s,n-wi))}function qm(e,t,n={}){const o=Math.max(0,e.height),s=vt(n.minHeight,Fm),a=vt(n.maxHeight,Wm,s),i=Math.min(1,vt(n.viewportHeightRatio,.65)),c=Math.max(0,o-Math.max(0,t)-Hm);return Math.min(a,c,Math.max(s,o*i))}function Vm(e){const{layout:t,region:n,sidebarWidth:o,bottomOffset:s,compact:a}=e;return t==="fullscreen"?{width:Math.max(0,n.width-mr*2),height:Math.max(0,n.height-mr*2),borderRadius:Ke.fullscreen}:t==="sidebar"?{width:Kr(n,o),height:Math.max(0,n.height-Ee*2),borderRadius:Ke.sidebar}:{width:ji(n,a),height:qm(n,s,a),borderRadius:vt(a==null?void 0:a.borderRadius,Ke.compact)}}function Ym(e){const{isChatOpen:t,layout:n,region:o,sidebarWidth:s,sidebarSide:a,bottomOffset:i}=e,c=t?n:"compact",d=Kr(o,s),l=c==="fullscreen"?mr:c==="sidebar"?Ee:i;return{centerX:c==="sidebar"?a==="left"?Ee+d/2:o.width-Ee-d/2:o.width/2,bottom:l}}const pe="[data-companion-root]",Xm=`
+${pe} [data-component="chat/msgs/root"] {
+  overflow-x: hidden !important;
+}
+${pe} [data-component="chat/agent_msg_group/root"],
+${pe} [data-component="chat/agent_msg_group/avatar_and_msgs/root"],
+${pe} [data-component="chat/agent_msg_group/avatar_and_msgs/msgs"] {
+  min-width: 0 !important;
+  max-width: 100% !important;
+}
+${pe} [data-component="chat/agent_msg/msg"] {
+  background: transparent !important;
+  padding: 2px 0 !important;
+  border-radius: 0 !important;
+  max-width: 100% !important;
+  min-width: 0 !important;
+  overflow-wrap: break-word !important;
+}
+${pe} [data-component="chat/agent_msg/msg"] table {
+  display: block;
+  max-width: 100%;
+  overflow-x: auto;
+  border-collapse: collapse;
+}
+${pe} [data-component="chat/agent_msg/msg"] th,
+${pe} [data-component="chat/agent_msg/msg"] td {
+  overflow-wrap: normal;
+  word-break: normal;
+  white-space: normal;
+  vertical-align: top;
+  text-align: start;
+  padding: 4px 10px 4px 0;
+  border-bottom: 1px solid hsl(var(--opencx-border));
+}
+${pe} [data-component="chat/user_msg/msg"] {
+  background: hsl(var(--opencx-secondary)) !important;
+  color: hsl(var(--opencx-secondary-foreground)) !important;
+  padding: 8px 12px !important;
+  border-radius: 10px !important;
+}
+`,Gm=`
+${pe} [data-component="chat/agent_msg_group/root/avatar"],
+${pe} [data-component="chat/agent_msg_group/avatar_and_msgs/avatar"] {
+  display: none !important;
+}
+`,Km=`
+${pe} [data-component="chat/agent_msg_group/avatar_and_msgs/root"] {
+  align-items: flex-start !important;
+}
+${pe} [data-component="chat/agent_msg_group/avatar_and_msgs/avatar"] {
+  width: 20px !important;
+  height: 20px !important;
+  margin-top: 2px !important;
+}
+/* Steps, rendered blocks, the working spinner and the actions row are siblings
+   of the text groups in a streamed turn: indent them by the avatar gutter
+   (20px avatar + 8px gap) so everything shares the text's left edge. The
+   typing row carries its own avatar, so it keeps the gutter instead — indenting
+   it would jump the avatar sideways when the reply replaces it. */
+${pe} [data-component="chat/streaming_turn/root"] > :not([data-component="chat/agent_msg_group/root"]):not([data-component="chat/bot_loading/root"]) {
+  margin-inline-start: 28px !important;
+}
+${pe} [data-component="chat/bot_loading/root"] {
+  align-items: flex-start !important;
+}
+/* Its avatar is the row's first child (LoadingDefaultComponent renders no
+   data-component on it), sized to match a reply's. */
+${pe} [data-component="chat/bot_loading/root"] > :first-child {
+  width: 20px !important;
+  height: 20px !important;
+  margin-top: 2px !important;
+}
+`;function rs({layout:e,sidebarSide:t}){const n={width:18,height:18,viewBox:"0 0 18 18",fill:"none","aria-hidden":!0},o=r.jsx("rect",{x:2,y:2.5,width:14,height:13,rx:2.5,stroke:"currentColor",strokeWidth:1.4});return e==="fullscreen"?r.jsxs("svg",{...n,children:[o,r.jsx("rect",{x:4.5,y:5,width:9,height:8,rx:1.4,fill:"currentColor"})]}):e==="sidebar"?r.jsxs("svg",{...n,children:[o,r.jsx("rect",{x:t==="left"?2:10.5,y:2.5,width:5.5,height:13,rx:2.5,fill:"currentColor"})]}):r.jsxs("svg",{...n,children:[o,r.jsx("rect",{x:5,y:9,width:8,height:4.5,rx:1.6,fill:"currentColor"})]})}function Zm({side:e}){return r.jsxs("svg",{width:14,height:14,viewBox:"0 0 14 14",fill:"none","aria-hidden":!0,children:[r.jsx("rect",{x:1,y:2,width:12,height:10,rx:2,stroke:"currentColor",strokeWidth:1.2,opacity:.5}),r.jsx("rect",{x:e==="left"?1:8.5,y:2,width:4.5,height:10,rx:2,fill:"currentColor"})]})}function Jm({anchored:e,side:t,onSelectSide:n,docked:o,onToggleDock:s}){const{t:a}=K();return r.jsx(B.motion.div,{...D("companion/layout_picker/sidebar_options"),initial:{opacity:0,scale:.96},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.96},transition:{duration:.18,ease:Et},style:e?{left:"50%",x:"-50%"}:void 0,className:A("origin-top",e&&"absolute top-full z-10 pt-3"),children:r.jsxs("div",{className:A("flex flex-col gap-1.5 whitespace-nowrap",e&&"rounded-[var(--pk-r)] border bg-background p-[var(--pk-p)] shadow-lg"),children:[r.jsx(os,{label:a("companion_sidebar_dock_label"),children:r.jsx(Qm,{label:a("companion_sidebar_dock_label"),checked:o,onToggle:s})}),r.jsx(os,{label:a("companion_sidebar_side_label"),children:r.jsx(eh,{label:a("companion_sidebar_side_label"),side:t,onSelect:n})})]})})}function os({label:e,children:t}){return r.jsxs("div",{className:"flex items-center justify-between gap-4 ps-1.5",children:[r.jsx("span",{"aria-hidden":!0,className:"text-[11px] font-medium leading-none text-secondary-foreground/70",children:e}),t]})}function Qm({label:e,checked:t,onToggle:n}){return r.jsx("button",{...D("companion/layout_picker/sidebar_option"),type:"button",role:"switch","aria-checked":t,"aria-label":e,onClick:n,className:A("relative flex h-4 w-7 shrink-0 items-center rounded-full px-0.5","transition-colors duration-150","active:scale-[0.97]",t?"bg-primary":"bg-secondary-foreground/20"),children:r.jsx(B.motion.span,{"aria-hidden":!0,initial:!1,animate:{x:t?12:0},transition:Ct,className:"size-3 rounded-full bg-background shadow-sm"})})}function eh({label:e,side:t,onSelect:n}){const{t:o}=K(),s=[{value:"left",labelKey:"companion_sidebar_left"},{value:"right",labelKey:"companion_sidebar_right"}];return r.jsx("div",{role:"radiogroup","aria-label":e,className:"flex items-center gap-0.5 rounded-full bg-secondary-foreground/10 p-0.5",children:s.map(({value:a,labelKey:i})=>{const c=a===t;return r.jsxs("button",{...D("companion/layout_picker/sidebar_option"),type:"button",role:"radio","aria-checked":c,"aria-label":o(i),onClick:()=>n(a),className:A("relative flex items-center justify-center rounded-full p-1","transition-colors duration-150","active:scale-[0.97]",c?"text-primary":"text-secondary-foreground/60"),children:[c&&r.jsx(B.motion.span,{"aria-hidden":!0,layoutId:"opencx-sidebar-side-indicator",transition:Ct,className:"absolute inset-0 rounded-full bg-background shadow-sm"}),r.jsx("span",{className:"relative",children:r.jsx(Zm,{side:a})})]},a)})})}const th={compact:"companion_layout_floating",sidebar:"companion_layout_sidebar",fullscreen:"companion_layout_fullscreen"};function nh(e){try{return e.matches(":focus-visible")}catch{return!0}}function rh({current:e,onSelect:t}){const{t:n}=K(),{allowedLayouts:o,sidebarSide:s,setSidebarSide:a,sidebarMode:i,setSidebarMode:c}=k.useWidgetLayout(),[d,l]=u.useState(!1),p=xn(),m=o.map(x=>({layout:x,label:th[x]})),h=m.length>=2,f=o.includes("sidebar");if(!h&&!f)return null;const v=f&&(h?p?d:e==="sidebar":!0),g=x=>{x(),e!=="sidebar"&&t("sidebar")},j=r.jsx(B.AnimatePresence,{initial:!1,children:v&&r.jsx(Jm,{anchored:h,side:s,onSelectSide:x=>g(()=>a(x)),docked:i==="docked",onToggleDock:()=>g(()=>c(i==="docked"?"floating":"docked"))})});return r.jsxs(Xe.Root,{onOpenChange:()=>l(!1),children:[r.jsx(Te,{content:n("companion_layout_label"),side:"bottom",children:r.jsx(Xe.Trigger,{asChild:!0,children:r.jsx(Xr,{...D("companion/layout_picker/trigger"),label:n("companion_layout_label"),className:"size-7",children:r.jsx(rs,{layout:e,sidebarSide:s})})})}),r.jsx(Xe.Content,{...D("companion/layout_picker/menu"),"data-opencx-escape-scope":"",side:"bottom",align:"end",sideOffset:6,collisionPadding:8,onPointerLeave:()=>l(!1),style:{"--pk-r":"16px","--pk-p":"6px"},className:A("z-50 flex flex-col rounded-[var(--pk-r)] border bg-background p-[var(--pk-p)] shadow-lg","origin-[var(--radix-popover-content-transform-origin)]","animate-in fade-in-0 zoom-in-95","data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95"),children:h?r.jsx("div",{className:"flex items-stretch gap-0.5",children:m.map(({layout:x,label:N})=>{const w=x===e,_=n(N),S=x==="sidebar",b=r.jsx(Xe.Close,{asChild:!0,children:r.jsxs("button",{...D("companion/layout_picker/option"),type:"button","aria-label":_,"aria-pressed":w,"aria-expanded":S?v:void 0,onClick:()=>t(x),onPointerEnter:()=>l(S),onFocus:C=>l(S&&nh(C.currentTarget)),className:A("flex w-14 flex-col items-center gap-1 rounded-[calc(var(--pk-r)-var(--pk-p))] px-1.5 py-1.5","transition-colors duration-150",w?"bg-primary/10 text-primary":"text-secondary-foreground/60 hover:bg-muted hover:text-secondary-foreground"),children:[r.jsx(rs,{layout:x,sidebarSide:s}),r.jsx("span",{className:"whitespace-nowrap text-[10px] font-medium leading-none",children:_})]})});return S?r.jsxs("div",{className:"relative flex",children:[b,j]},x):x!=="fullscreen"?r.jsx(u.Fragment,{children:b},x):r.jsx(Te,{content:_,shortcut:Ur(Oe["toggle-fullscreen"]),side:"bottom",children:b},x)})}):j})]})}function oh({layout:e,onSelectLayout:t,onClose:n}){const{t:o}=K();return r.jsxs("div",{...D("companion/controls/root"),className:"absolute top-2 z-10 flex items-center gap-1",style:{insetInlineEnd:8},children:[r.jsx(rh,{current:e,onSelect:t}),r.jsx(Te,{content:o("companion_close"),shortcut:Ur(Oe["close-panel"]),side:"bottom",children:r.jsx(Xr,{...D("companion/close_btn"),label:o("companion_close"),onClick:n,className:"size-7",children:r.jsx(z.XIcon,{className:"size-4"})})})]})}const sh=`
+/* Quick-ask (resting) composer: the stock card is a two-row layout (textarea
+   over an attach/send row) wrapped in outer padding. In the companion pill it
+   reads as a single quick-ask bar, so drop the outer pad and lay the card out
+   on ONE row — textarea flex-fills, attach + send sit inline at the end.
+   Scoped to the quick-ask pane only; the full chat panel keeps the stock
+   two-row composer. */
+[data-companion-input] [data-component="chat/input_box/root"] {
+  padding: 0 !important;
+}
+/* The attached-context tray is a FULL-composer affordance. In the one-row
+   quick-ask bar it stacks a second row and paints a second surface inside the
+   shell — a grey box with its own padding and radius sitting inside the white
+   pill, which is not what the resting bar is. Flatten the tray to a pure
+   pass-through here and hide its row; the entity still rides the send, and
+   the full chat panel (one rung up) is where you see and remove it. */
+[data-companion-input] [data-component="chat/input_box/attached_context_tray"] {
+  padding: 0 !important;
+  background: transparent !important;
+  /* The root's space-y-1 puts a 4px top margin on the tray (its first sibling
+     is the hidden dropzone input); with the outer padding gone that margin
+     shows as a strip of shell background above the bar. */
+  margin-top: 0 !important;
+}
+[data-companion-input]
+  [data-component="chat/input_box/attached_context_tray"]
+  > *:not([data-component="chat/input_box/inner_root"]) {
+  display: none !important;
+}
+[data-companion-input] [data-component="chat/input_box/inner_root"] {
+  flex-direction: row !important;
+  align-items: center !important;
+  margin-top: 0 !important;
+  /* The stock card is rounded-3xl (24px), but the companion shell that frames
+     it clips at RADII.input in the resting-input state. A mismatch leaves the
+     shell's background token peeking out as a two-tone crescent at each
+     corner, so the card takes the shell radius via the custom property set on
+     the quick-ask pane — one clean rounded bar. */
+  border-radius: var(--opencx-companion-input-radius) !important;
+}
+[data-companion-input] [data-component="chat/input_box/textarea_and_attachments_container"] {
+  flex: 1 1 auto !important;
+  min-width: 0 !important;
+}
+
+/* Fullscreen reading column: the panel is a full-width window, but message
+   text across a 1900px panel wraps at ~200 characters. Cap the conversation
+   and composer to one centered column; the header and corner controls stay
+   full-width window chrome. The messages keep the cap as PADDING on the
+   scroll container so the scrollbar stays at the panel edge; the footer gets
+   a real max-width (+16px compensates the input card's own p-2) so the
+   composer card's edges land exactly on the message column's edges. */
+[data-companion-root][data-layout="fullscreen"] [data-component="chat/msgs/root"] {
+  padding-inline: max(16px, calc((100% - var(--opencx-companion-content-max-width)) / 2)) !important;
+}
+[data-companion-root][data-layout="fullscreen"] [data-component="chat/main/root"] > footer {
+  width: 100%;
+  max-width: calc(var(--opencx-companion-content-max-width) + 16px);
+  margin-inline: auto;
+}
+
+/* Sessions (conversation history) gets the same reading column: cards and the
+   sticky new-conversation button stretch edge-to-edge otherwise. Padding (not
+   max-width) for the same reason as the messages — the list IS the scroll
+   container, so the scrollbar stays at the panel edge. */
+[data-companion-root][data-layout="fullscreen"] [data-component="sessions/list"] {
+  padding-inline: max(16px, calc((100% - var(--opencx-companion-content-max-width)) / 2)) !important;
+}
+`;function ah({state:e,layout:t,shellRadius:n,onMinimize:o,onDismiss:s,onToggleFullscreen:a,onSelectLayout:i,onExpand:c,canExpand:d,placeholder:l,hideAttachTools:p,onInputHeightChange:m}){const{companion:h}=k.useConfig(),f=Va(),{t:v}=K(),g=u.useRef(null),j=u.useRef(null),x=u.useRef(null),N=(h==null?void 0:h.bubbles)===!0,w=(h==null?void 0:h.avatars)??N,_=sh+(N?"":Xm)+(w?"":Gm)+(w&&!N?Km:"");return u.useEffect(()=>{var C;const S=(C=g.current)==null?void 0:C.ownerDocument;if(!S)return;function b(R){xi(R,{state:e,onDismiss:s,onToggleFullscreen:a})}return S.addEventListener("keydown",b),()=>S.removeEventListener("keydown",b)},[s,a,e]),u.useLayoutEffect(()=>{var T;if(e!=="input")return;const S=j.current,b=(T=S==null?void 0:S.ownerDocument.defaultView)==null?void 0:T.ResizeObserver;if(!S||!b)return;const C=()=>m(S.offsetHeight);C();const R=new b(C);return R.observe(S),()=>R.disconnect()},[e,m]),u.useLayoutEffect(()=>{e!=="input"||d||f||Dn(j.current)},[e,d,f]),u.useLayoutEffect(()=>{var C;if(e!=="chat"||Dn(x.current))return;const S=(C=x.current)==null?void 0:C.ownerDocument.defaultView;if(!S)return;const b=S.requestAnimationFrame(()=>Dn(x.current));return()=>S.cancelAnimationFrame(b)},[e]),r.jsx(vn,{overrides:_,rootRef:g,shellRadius:`${n}px`,children:e==="input"?r.jsxs("div",{ref:j,"data-companion-input":!0,style:{position:"absolute",left:0,right:0,bottom:0,"--opencx-companion-input-radius":`${Ke.input}px`},children:[r.jsxs("div",{className:"relative",children:[r.jsx(Rd,{children:r.jsx(li,{disabled:f,hideAttachTools:p,placeholder:l,trailingActions:f?r.jsx(Xr,{label:v("companion_close"),onClick:s,className:"size-8",children:r.jsx(z.XIcon,{className:"size-4"})}):void 0})}),d?r.jsx("button",{type:"button","aria-label":v("companion_expand_chat"),onClick:c,className:"absolute inset-0 z-10 cursor-pointer"}):null]}),r.jsx(ar,{})]}):r.jsxs("div",{ref:x,"data-companion-root":!0,"data-layout":t,style:{position:"absolute",inset:0,"--opencx-companion-content-max-width":(h==null?void 0:h.contentMaxWidth)??"48rem"},children:[r.jsx(Yr,{}),r.jsx(oh,{layout:t,onSelectLayout:i,onClose:o})]})})}function Dn(e){const t=e==null?void 0:e.querySelector("textarea");return t?(t.focus({preventScroll:!0}),!0):!1}function ss({initialContent:e,title:t=ja,style:n,iframeRef:o,children:s}){const[a,i]=u.useState(null),c=u.useCallback(d=>{if(o&&(o.current=d),!d)return;const l=d.contentDocument;l&&(l.open(),l.write(e),l.close(),i(l.body))},[]);return r.jsxs(r.Fragment,{children:[r.jsx("iframe",{ref:c,title:t,style:n,allowFullScreen:!0}),a&&Ht.createPortal(s,a)]})}function ih({size:e,headColor:t,eyeColor:n}){const o=u.useRef(null),[s,a]=u.useState(!1),[i,c]=u.useState(!1),d=B.useReducedMotion(),l=B.useMotionValue(0),p=B.useMotionValue(0),m=B.useSpring(l,{stiffness:300,damping:30}),h=B.useSpring(p,{stiffness:300,damping:30}),f=B.useTransform(m,w=>8+w*1.2),v=B.useTransform(h,w=>11.5+w*1.2),g=B.useTransform(m,w=>16+w*1.2),j=B.useTransform(h,w=>11.5+w*1.2),x=u.useCallback(w=>{const _=o.current;if(!_)return;const S=_.getBoundingClientRect(),b=S.left+S.width/2,C=S.top+S.height/2,R=(w.clientX-b)/(S.width*2),T=(w.clientY-C)/(S.height*2),P=Math.min(Math.sqrt(R*R+T*T),1),L=Math.atan2(T,R);l.set(Math.cos(L)*P),p.set(Math.sin(L)*P)},[l,p]);u.useEffect(()=>(s&&!d?window.addEventListener("mousemove",x):(l.set(0),p.set(0)),()=>window.removeEventListener("mousemove",x)),[s,x,l,p,d]),u.useEffect(()=>{if(d)return;let w,_;function S(){clearTimeout(w),clearTimeout(_)}function b(){w=setTimeout(()=>{c(!0),_=setTimeout(()=>c(!1),150),b()},1200+Math.random()*1800)}function C(){S(),document.visibilityState==="visible"&&b()}return document.visibilityState==="visible"&&b(),document.addEventListener("visibilitychange",C),()=>{S(),document.removeEventListener("visibilitychange",C)}},[d]);const N=i?.15:1;return r.jsxs("svg",{ref:o,viewBox:"0 0 24 24",style:{width:e,height:e,flexShrink:0,display:"block"},"aria-hidden":!0,onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),children:[r.jsx("circle",{cx:12,cy:12,r:11,fill:t}),r.jsx("circle",{cx:8,cy:11.5,r:3.2,fill:n}),r.jsx("circle",{cx:16,cy:11.5,r:3.2,fill:n}),r.jsx(B.motion.circle,{cx:f,cy:v,r:1.4,fill:t,animate:{scaleY:N},style:{originX:"8px",originY:"11.5px"},transition:{duration:.08}}),r.jsx(B.motion.circle,{cx:g,cy:j,r:1.4,fill:t,animate:{scaleY:N},style:{originX:"16px",originY:"11.5px"},transition:{duration:.08}})]})}function ch({icon:e,pillBackground:t,size:n}){return e?r.jsx("img",{src:e,alt:"",style:{width:n,height:n,objectFit:"cover",borderRadius:999,flexShrink:0}}):r.jsx(ih,{size:n,headColor:t,eyeColor:"hsl(var(--opencx-primary-foreground))"})}function lh(e){return{initial:!1,animate:{opacity:e?1:0},transition:{...xe,delay:e?.25:0}}}function dh({visible:e,docked:t,label:n,icon:o,pillBackground:s,dir:a,measureRef:i,activeCount:c=0,countLabel:d,onOpenChats:l,pickerOpen:p=!1,working:m=!1,sessions:h,unreadCount:f=0,unreadShowCount:v=!1}){const g=B.useReducedMotion(),j=Math.max(3,ui(Ge,v));return r.jsxs(B.motion.div,{style:{position:"absolute",inset:0,display:"flex",alignItems:"center",borderRadius:"inherit",overflow:"hidden",pointerEvents:"none",userSelect:"none",background:"hsl(var(--opencx-background))"},...lh(e),children:[e&&!t&&c>0&&r.jsx("button",{type:"button","data-companion-count-trigger":"","aria-label":d,"aria-haspopup":"menu","aria-expanded":p,onClick:x=>{x.stopPropagation(),l==null||l(x.currentTarget,x.detail>0)},style:{position:"absolute",insetInlineStart:12,top:0,zIndex:2,width:24,height:24,padding:0,border:0,background:"transparent",pointerEvents:"auto",cursor:"pointer"},children:r.jsxs("span",{"aria-hidden":!0,style:{position:"absolute",insetInlineStart:6,top:0,width:14,height:14,display:"grid",placeItems:"center",borderRadius:999,background:"hsl(var(--opencx-background))",color:"hsl(var(--opencx-foreground))",font:"9px ui-sans-serif,system-ui,sans-serif",fontVariantNumeric:"tabular-nums"},children:[c,m&&r.jsx(B.motion.span,{style:{position:"absolute",inset:-2,display:"flex"},animate:g?void 0:{rotate:360},transition:{duration:1.2,repeat:1/0,ease:"linear"},children:r.jsx(z.LoaderCircleIcon,{size:18})})]})}),r.jsxs("div",{ref:i,dir:a,style:{display:"flex",alignItems:"center",gap:8,height:"100%",width:"max-content",paddingInlineEnd:12,fontFamily:"ui-sans-serif, system-ui, sans-serif"},children:[r.jsxs("span",{style:{position:"relative",display:"flex",flexShrink:0,width:Ge,height:Ge},children:[r.jsx(ch,{icon:o,pillBackground:s,size:Ge}),e&&f>0&&r.jsxs(r.Fragment,{children:[r.jsx(fm,{}),r.jsx(pi,{count:f,showCount:v,style:{top:j,insetInlineEnd:j}})]})]}),r.jsx(B.motion.span,{initial:!1,animate:{opacity:t?1:0},transition:{duration:.12,ease:Et},style:{fontSize:13,color:"hsl(var(--opencx-muted-foreground))",whiteSpace:"nowrap"},children:n}),h&&r.jsx("div",{style:{position:"relative",zIndex:2,paddingInlineStart:4,opacity:t?1:0},children:h})]})]})}function uh({chat:e,number:t,selected:n,interactive:o,onSelect:s,onClose:a,portalTarget:i}){const{t:c}=K(),{cssVars:d,theme:l}=fe(),[p,m]=u.useState(!1);u.useEffect(()=>{o||m(!1)},[o]);const{title:h}=Ir(e),f=`${h}${e.working?` — ${c("thinking")}`:""}`;function v(j){return i&&r.jsx(_e.Portal,{container:i,children:r.jsxs(_e.Content,{side:"top",sideOffset:8,collisionPadding:12,"data-companion-session-tooltip":"",style:{...d,zIndex:l.widgetContentContainer.zIndex+2,maxWidth:"min(280px, calc(100vw - 24px))",padding:"7px 10px",borderRadius:9,background:"hsl(var(--opencx-foreground))",color:"hsl(var(--opencx-background))",font:"12px/1.4 ui-sans-serif, system-ui, sans-serif",overflowWrap:"anywhere",textAlign:"center",boxShadow:"0 4px 14px rgb(0 0 0 / .12)"},children:[j,r.jsx(_e.Arrow,{width:8,height:4,style:{fill:"hsl(var(--opencx-foreground))"}})]})})}const g=c("companion_close_chat",{title:h});return r.jsxs("div",{"data-session-item":"",children:[r.jsxs(_e.Root,{open:o&&p,onOpenChange:m,children:[r.jsx(_e.Trigger,{asChild:!0,children:r.jsxs(X,{variant:"ghost",size:"selfless","data-companion-action":"",type:"button","data-session-circle":e.id,"aria-label":f,"aria-pressed":n,tabIndex:o?0:-1,onClick:j=>{j.stopPropagation(),s()},children:[e.working&&r.jsx(z.LoaderCircleIcon,{size:28,"aria-hidden":!0,"data-session-working":""}),r.jsx("span",{"aria-hidden":!0,children:t})]})}),v(f)]}),r.jsx(X,{variant:"ghost",size:"selfless","data-companion-action":"",type:"button","data-session-close":e.id,"aria-label":g,tabIndex:o?0:-1,onClick:j=>{j.stopPropagation(),m(!1),a(j.currentTarget)},children:r.jsx(z.XIcon,{size:10,"aria-hidden":!0})})]})}function ph({onSelected:e=()=>{},onLastClosed:t=()=>{},interactive:n=!0}){const{openChats:o,activeId:s,selectChat:a,newChat:i,closeChat:c}=k.useCompanionChats(),{canCreateNewSession:d}=k.useSessions(),{isSmallScreen:l}=Ie(),{t:p,dir:m}=K(),h=Mr(),f=kn(),v=l?2:3,g=o.slice(0,o.length>v?v-1:v),j=o.find(b=>b.id===s);j&&!g.includes(j)&&(g[g.length-1]=j);const x=o.length-g.length,N=o.some(b=>b.working&&!g.includes(b)),w=u.useRef(h.close);w.current=h.close,u.useEffect(()=>{n||w.current(!0)},[n]);function _(b){h.close(!0),b===void 0?i():a(b),e()}function S(b,C){var P,L;h.close(!0);const R=g.findIndex(I=>I.id===b),T=g[R+1]??g[R-1];(L=(P=C.closest("[data-companion-session-circles]"))==null?void 0:P.querySelector(T?`[data-session-circle="${T.id}"]`:"[data-new-session]"))==null||L.focus({preventScroll:!0}),c(b),o.length===1&&t()}return r.jsx(_e.Provider,{delayDuration:150,skipDelayDuration:300,children:r.jsxs("div",{role:"group","aria-label":p("companion_active_chats",{count:o.length}),"aria-hidden":!n||void 0,"data-companion-session-circles":"",dir:m,onPointerDown:b=>b.stopPropagation(),style:{position:"relative",zIndex:0,display:"flex",alignItems:"center",gap:4,flexShrink:0,pointerEvents:n?"auto":"none"},children:[r.jsx(Rr,{}),r.jsx("style",{children:`
+        [data-companion-session-tooltip][data-state="delayed-open"] { animation: opencx-session-tooltip-in 120ms ease-out; }
+        @keyframes opencx-session-tooltip-in { from { opacity: 0; } to { opacity: 1; } }
+        @media (prefers-reduced-motion: reduce) { [data-companion-session-tooltip] { animation: none !important; } }
+        [data-companion-session-circles] > button,
+        [data-companion-session-circles] [data-session-circle] {
+          position: relative; display: grid; place-items: center; flex: 0 0 28px;
+          width: 28px; height: 28px; padding: 0; border-radius: 50%;
+          border: 1px solid hsl(var(--opencx-border));
+          background: transparent; color: hsl(var(--opencx-muted-foreground));
+          font: 11px ui-sans-serif, system-ui, sans-serif; font-variant-numeric: tabular-nums;
+          cursor: pointer;
+        }
+        [data-companion-session-circles] [data-session-circle][aria-pressed="true"] {
+          border-color: hsl(var(--opencx-primary) / .45);
+          background: hsl(var(--opencx-primary) / .08);
+          color: hsl(var(--opencx-foreground));
+        }
+        @media (hover: hover) and (pointer: fine) {
+          [data-companion-session-circles] > button:hover,
+          [data-companion-session-circles] [data-session-item]:hover [data-session-circle] { background: hsl(var(--opencx-muted)); color: hsl(var(--opencx-foreground)); }
+        }
+        [data-companion-session-circles] button:focus-visible { outline: 2px solid hsl(var(--opencx-ring)); outline-offset: 2px; }
+        [data-companion-session-circles] > button:disabled { opacity: .4; cursor: default; }
+        [data-companion-session-circles] [data-session-item] { position: relative; display: flex; align-items: center; width: 36px; height: 32px; flex-shrink: 0; }
+        [data-companion-session-circles] [data-session-close] {
+          position: absolute; inset-inline-end: 0; top: -1px; z-index: 1;
+          width: 16px; height: 16px; display: grid; place-items: center; padding: 0;
+          border: 1px solid hsl(var(--opencx-border) / .7); border-radius: 50%;
+          background: hsl(var(--opencx-background)); color: hsl(var(--opencx-muted-foreground)); cursor: pointer;
+        }
+        @media (hover: hover) and (pointer: fine) {
+          [data-companion-session-circles] [data-session-close] { opacity: 0; pointer-events: none; }
+          [data-companion-session-circles] [data-session-item]:hover [data-session-close],
+          [data-companion-session-circles] [data-session-item]:focus-within [data-session-close] { opacity: 1; pointer-events: auto; }
+          [data-companion-session-circles] [data-session-close]:hover { color: hsl(var(--opencx-foreground)); }
+        }
+        @media (pointer: coarse) {
+          [data-companion-session-circles] [data-session-item] { width: 42px; }
+          [data-companion-session-circles] [data-session-close] { width: 24px; height: 24px; top: -3px; }
+          [data-companion-session-circles] [data-session-close] svg { width: 12px; height: 12px; }
+        }
+        [data-companion-session-circles] > button[data-new-session] { border-style: dashed; }
+        [data-companion-session-circles] [data-session-working] {
+          position: absolute; inset: -1px; color: hsl(var(--opencx-primary));
+          animation: opencx-session-spin 1.2s linear infinite;
+        }
+        @keyframes opencx-session-spin { to { transform: rotate(360deg); } }
+        @media (prefers-reduced-motion: reduce) { [data-companion-session-circles] [data-session-working] { animation: none; } }
+      `}),g.map(b=>r.jsx(uh,{chat:b,number:b.id,selected:b.id===s,interactive:n,portalTarget:f,onSelect:()=>_(b.id),onClose:C=>S(b.id,C)},b.id)),x>0&&r.jsxs(X,{variant:"ghost",size:"selfless","data-companion-action":"",type:"button","aria-label":p("companion_chats"),"aria-haspopup":"menu","aria-expanded":h.open,tabIndex:n?0:-1,onPointerEnter:b=>h.hover(b.currentTarget),onPointerLeave:h.leave,onClick:b=>{b.stopPropagation(),h.toggle(b.currentTarget,b.detail>0)},children:[N&&r.jsx(z.LoaderCircleIcon,{size:28,"aria-hidden":!0,"data-session-working":""}),r.jsxs("span",{"aria-hidden":!0,children:["+",x]})]}),r.jsx(X,{variant:"ghost",size:"selfless","data-companion-action":"",type:"button","data-new-session":"","aria-label":p("new_conversation"),disabled:!d,tabIndex:n?0:-1,onClick:b=>{b.stopPropagation(),_()},children:r.jsx(z.PlusIcon,{size:14,"aria-hidden":!0})}),h.anchor&&f&&r.jsx(Pr,{picker:h,portalTarget:f,placement:"above",onSelected:e})]})})}function mh({panelOpen:e,isOpen:t,setIsOpen:n,onOpen:o,onClose:s}){const a=u.useRef(t),i=u.useRef({onOpen:o,onClose:s});i.current={onOpen:o,onClose:s},u.useEffect(()=>{a.current=e,n(e)},[e,n]),u.useEffect(()=>{t!==a.current&&(a.current=t,t?i.current.onOpen():i.current.onClose())},[t])}function Zr({transcriptVisible:e=!0}){return k.useUnreadViewing({transcriptVisible:e}),null}const ct="data-opencx-app-frame",hh="data-opencx-app-frame-style",Ft="data-opencx-sidebar-open",fn="data-opencx-frame-no-anim",Wt="data-opencx-fixed-fit",Jr="--opencx-sidebar-w",bt=Ql;let Ze=null,yt=null,as=0;const Ot=new Map,is={setOpen:()=>{},setWidth:()=>{},setAnimated:()=>{},release:()=>{}};function fh(){let e,t;return Ot.forEach(n=>{(!e||n.order>e.order)&&(e=n),n.open&&(!t||n.order>t.order)&&(t=n)}),t??e}function Fn(){const e=fh();if(!e||!Ze)return;Ze.textContent=gh(e.canvas,e.side,e.pageBackground);const t=document.documentElement;e.open?t.setAttribute(Ft,""):t.removeAttribute(Ft),e.animated?t.removeAttribute(fn):t.setAttribute(fn,""),t.style.setProperty(Jr,`${e.width}px`)}function cs(e){getComputedStyle(e).position==="fixed"&&e.setAttribute(Wt,"");for(const t of Array.from(e.querySelectorAll("*")))getComputedStyle(t).position==="fixed"&&t.setAttribute(Wt,"")}function gh(e,t,n){const[o,s]=t==="left"?["right","left"]:["left","right"];return`
+html[${ct}] {
+  overflow: hidden !important;
+  background: ${e} !important;
+}
+html[${ct}] body {
+  position: fixed !important;
+  inset: 0 !important;
+  margin: 0 !important;
+  width: auto !important;
+  height: auto !important;
+  min-width: 0 !important;
+  min-height: 0 !important;
+  max-width: none !important;
+  max-height: none !important;
+  overflow: auto !important;
+  contain: strict !important;
+  background: ${n} !important;
+  border-radius: 0 !important;
+  /* Transparent ring+shadow, NOT none — none can't interpolate */
+  box-shadow: 0 0 0 1px rgba(0,0,0,0), 0 10px 24px -6px rgba(0,0,0,0) !important;
+}
+@media (prefers-reduced-motion: no-preference) {
+  html[${ct}] body {
+    transition:
+      top 0.3s ${bt}, bottom 0.3s ${bt},
+      left 0.3s ${bt}, right 0.3s ${bt},
+      border-radius 0.3s ${bt}, box-shadow 0.3s ${bt} !important;
+  }
+}
+html[${fn}] body { transition: none !important; }
+html[${ct}] body [${Wt}] {
+  max-width: 100% !important;
+  max-height: 100% !important;
+}
+html[${Ft}] body {
+  top: ${Ee}px !important;
+  bottom: ${Ee}px !important;
+  ${o}: ${Ee}px !important;
+  ${s}: calc(var(${Jr}, ${Gr}px) + ${Ee*2}px) !important;
+  border-radius: ${Ke.sidebar}px !important;
+  box-shadow: 0 0 0 1px rgba(0,0,0,0.06), 0 10px 24px -6px rgba(0,0,0,0.10) !important;
+}
+@media (max-width: ${ki}px) {
+  html[${Ft}] body {
+    inset: 0 !important;
+    border-radius: 0 !important;
+    box-shadow: 0 0 0 1px rgba(0,0,0,0), 0 10px 24px -6px rgba(0,0,0,0) !important;
+  }
+}
+`}function xh({canvas:e,side:t,pageBackground:n}){if(typeof document>"u")return is;const o=document.documentElement;if(!Ze&&o.hasAttribute(ct))return is;if(!Ze){const d=document.createElement("style");d.setAttribute(hh,""),document.head.appendChild(d);const l=window.scrollY;o.setAttribute(ct,""),document.body.scrollTop=l,cs(document.body),yt=new MutationObserver(p=>{for(const m of p)for(const h of Array.from(m.addedNodes))h instanceof Element&&cs(h)}),yt.observe(document.body,{childList:!0,subtree:!0}),Ze=d}const s=Symbol("opencx-app-frame-owner"),a={canvas:e,side:t,pageBackground:n,open:!1,width:Gr,animated:!0,order:++as};Ot.set(s,a),Fn();let i=!1;const c=d=>{if(i)return;const l=Ot.get(s);l&&(d(l),Fn())};return{setOpen(d){c(l=>{l.open=d,d&&(l.order=++as)})},setWidth(d){c(l=>{l.width=d})},setAnimated(d){c(l=>{l.animated=d})},release(){i||(i=!0,Ot.delete(s),Ot.size===0?bh():Fn())}}}function bh(){if(!Ze)return;const e=document.body.scrollTop,t=document.documentElement;t.removeAttribute(ct),t.removeAttribute(Ft),t.removeAttribute(fn),t.style.removeProperty(Jr),yt==null||yt.disconnect(),yt=null;for(const n of Array.from(document.querySelectorAll(`[${Wt}]`)))n.removeAttribute(Wt);Ze.remove(),Ze=null,window.scrollTo({top:e})}let Pt=0,Wn="";function wh(){if(typeof document>"u")return()=>{};Pt===0&&(Wn=document.body.style.overflow,document.body.style.overflow="hidden"),Pt+=1;let e=!1;return()=>{e||(e=!0,Pt=Math.max(0,Pt-1),Pt===0&&(document.body.style.overflow=Wn,Wn=""))}}function yh(e,t){return e[t]??""}function vh({companion:e,layout:t,state:n,region:o,sidebarSide:s,sidebarMode:a,cssVars:i,storage:c,resizeLabel:d}){var M,W,O,q,V,U;const l=Math.max(0,((M=e==null?void 0:e.sidebar)==null?void 0:M.minWidth)??yi),p=Math.max(l,((W=e==null?void 0:e.sidebar)==null?void 0:W.maxWidth)??Bm),[m,h]=u.useState(()=>{var F;return at(((F=e==null?void 0:e.sidebar)==null?void 0:F.width)??Gr,l,p)}),[f,v]=u.useState(!1),g=u.useRef(null);u.useEffect(()=>{h(F=>{var Z;return at(((Z=e==null?void 0:e.sidebar)==null?void 0:Z.width)??F,l,p)})},[(O=e==null?void 0:e.sidebar)==null?void 0:O.width,p,l]),u.useEffect(()=>{var Z;let F=!1;if(!(!c||((Z=e==null?void 0:e.sidebar)==null?void 0:Z.width)!==void 0))return c.getCompanionSidebarWidth().then(ne=>{F||ne===null||h(at(ne,l,p))}).catch(()=>{}),()=>{F=!0}},[(q=e==null?void 0:e.sidebar)==null?void 0:q.width,p,l,c]);const j=u.useCallback(F=>at(s==="left"?F:window.innerWidth-F,l,p),[p,l,s]),x=u.useCallback(F=>{var Z;F.currentTarget.setPointerCapture(F.pointerId),v(!0),(Z=g.current)==null||Z.setAnimated(!1)},[]),N=u.useCallback(F=>{F.currentTarget.hasPointerCapture(F.pointerId)&&h(j(F.clientX))},[j]),w=u.useCallback(F=>{var ne;const Z=j(F.clientX);F.currentTarget.hasPointerCapture(F.pointerId)&&F.currentTarget.releasePointerCapture(F.pointerId),h(Z),v(!1),(ne=g.current)==null||ne.setAnimated(!0),c==null||c.setCompanionSidebarWidth(Z).catch(()=>{})},[c,j]),_=u.useCallback(F=>{var Z;F.currentTarget.hasPointerCapture(F.pointerId)&&F.currentTarget.releasePointerCapture(F.pointerId),v(!1),(Z=g.current)==null||Z.setAnimated(!0)},[]),S=u.useCallback(F=>{let Z=null;if(F.key==="Home"&&(Z=l),F.key==="End"&&(Z=p),F.key==="ArrowLeft"||F.key==="ArrowRight"){const ne=F.key===(s==="left"?"ArrowRight":"ArrowLeft");Z=at(m+(ne?16:-16),l,p)}Z!==null&&(F.preventDefault(),h(Z),c==null||c.setCompanionSidebarWidth(Z).catch(()=>{}))},[p,l,s,m,c]),b=t==="sidebar",C=a==="docked",R=Kr(o,m),T=((V=e==null?void 0:e.sidebar)==null?void 0:V.canvasColor)??Um,P=`hsl(${yh(i,"--opencx-background")})`,L=u.useRef({open:n!=="pill",width:R});L.current={open:n!=="pill",width:R},u.useEffect(()=>{if(!b||!C)return;const F=xh({canvas:T,side:s,pageBackground:P});return g.current=F,F.setWidth(L.current.width),F.setOpen(L.current.open),()=>{g.current===F&&(g.current=null),F.release()}},[T,C,b,P,s]),u.useEffect(()=>{var F;b&&C&&((F=g.current)==null||F.setWidth(R))},[R,C,b]),u.useEffect(()=>{var F;b&&C&&((F=g.current)==null||F.setOpen(n!=="pill"))},[C,b,n]);const I=n==="chat"&&t==="fullscreen",H=((U=e==null?void 0:e.fullscreen)==null?void 0:U.lockScroll)!==!1;u.useEffect(()=>{if(!(!I||!H))return wh()},[I,H]);const E=u.useMemo(()=>({role:"separator",tabIndex:0,"aria-orientation":"vertical","aria-label":d,"aria-valuemin":l,"aria-valuemax":p,"aria-valuenow":m,onPointerDown:x,onPointerMove:N,onPointerUp:w,onPointerCancel:_,onKeyDown:S}),[p,l,S,x,N,_,w,d,m]);return{sidebarWidth:m,sidebarResizing:f,resizeHandleProps:E}}const kh={width:1440,height:900};function ls(){return typeof window>"u"?kh:{width:window.innerWidth,height:window.innerHeight}}function jh(){const[e,t]=u.useState(ls),[n,o]=u.useState(null),s=u.useRef(null),a=u.useCallback(c=>{var l;if((l=s.current)==null||l.disconnect(),s.current=null,!c)return;const d=new ResizeObserver(()=>{o(c.offsetWidth)});d.observe(c),s.current=d},[]);u.useEffect(()=>{function c(){t(ls())}return window.addEventListener("resize",c),()=>window.removeEventListener("resize",c)},[]),u.useEffect(()=>()=>{var c;(c=s.current)==null||c.disconnect(),s.current=null},[]);const i=Math.min(n??$m,Math.max(0,e.width-wi));return{region:e,dockWidth:i,dockContentRef:a}}function Ch({storage:e,state:t,layout:n,viewportWidth:o,currentWidth:s,restingWidth:a,shouldReduceMotion:i}){const[c,d]=u.useState(0),l=B.useMotionValue(0),p=u.useRef(!1);u.useEffect(()=>{let j=!1;if(e)return e.getCompanionPillOffsetX().then(x=>{j||x===null||d(x)}).catch(()=>{}),()=>{j=!0}},[l,e]),u.useEffect(()=>{const j=i?xe:Ct;if(t==="pill"){const N=Math.max(0,o/2-a/2-Ln),w=at(c,-N,N);Math.abs(l.get())>N?l.set(w):B.animate(l,w,j);return}if(t==="chat"&&(n==="fullscreen"||n==="sidebar")){B.animate(l,0,j);return}const x=Math.max(0,o/2-s/2-Ln);B.animate(l,at(c,-x,x),j)},[s,l,n,c,a,i,t,o]);const m=Math.max(0,o/2-a/2-Ln),h=u.useMemo(()=>({left:-m,right:m,top:0,bottom:0}),[m]),f=u.useCallback(()=>{p.current=!0},[]),v=u.useCallback(()=>{const j=l.get();d(x=>x===j?x:j),e==null||e.setCompanionPillOffsetX(j).catch(()=>{}),requestAnimationFrame(()=>{p.current=!1})},[l,e]),g=u.useCallback(()=>p.current,[]);return{dragX:l,dragConstraints:h,onDragStart:f,onDragEnd:v,shouldIgnoreLaunch:g}}function Sh({state:e,layout:t,sidebarMode:n,isPageMarkModeArmed:o}){return e==="pill"||o?!1:!(t==="sidebar"&&n==="docked")}const Nh=96,ds=Ar({transparent:!0});function _h(){var so,ao,io;const{isOpen:e,setIsOpen:t}=k.useWidgetTrigger(),{openChats:n,activeId:o}=k.useCompanionChats(),s=n.length,{count:a}=k.useUnread(),i=n.filter(J=>J.working).length,{widgetCtx:c,contentIframeRef:d}=k.useWidget(),{companion:l,assets:p,customComponents:m,initialQuestions:h}=k.useConfig(),{theme:f,cssVars:v}=fe(),{t:g,dir:j}=K(),{sessionState:x}=k.useSessions(),{messagesState:N}=k.useMessages(),{isArmed:w}=qr(),{region:_,dockWidth:S,dockContentRef:b}=jh(),[C,R]=u.useState(e?"chat":"pill"),{layout:T,setLayout:P,setLayoutPreference:L,allowedLayouts:I,defaultLayout:H,sidebarSide:E,sidebarMode:M}=k.useWidgetLayout(),[W,O]=u.useState(Nh),{sidebarWidth:q,sidebarResizing:V,resizeHandleProps:U}=vh({companion:l,layout:T,state:C,region:_,sidebarSide:E,sidebarMode:M,cssVars:v,storage:c.storageCtx,resizeLabel:g("companion_resize_chat")}),F=B.useReducedMotion(),Z=V?{duration:0}:F?xe:Ct,ne=xn(),$=u.useRef(null),ee=u.useRef(!1),Y=C==="pill",re=C==="input"&&N.messages.length===0&&(h==null?void 0:h.some(J=>J.trim().length>0))===!0,[oe,ge]=u.useState(0),ae=s>0,ce=Mr(),Me=u.useRef(ce.close);Me.current=ce.close,u.useEffect(()=>{(!Y||!ae)&&Me.current(!0)},[Y,ae]);const le=m==null?void 0:m.widgetTrigger,de=!!le,Qe=(l==null?void 0:l.pillBackground)??"hsl(var(--opencx-primary))",mt=(l==null?void 0:l.icon)??((so=p==null?void 0:p.widgetTrigger)==null?void 0:so.openIcon),$e=f.widgetTrigger.offset.bottom,Re=Cn(),We=Vr(a),He=fi(),Be=We?`${He} · ${We}`:He,Ue=!!((ao=x.session)!=null&&ao.id),be=Ue?g("follow_up_placeholder"):void 0,ye=(l==null?void 0:l.pillLabel)??(l==null?void 0:l.placeholder)??be??g("write_a_message_placeholder"),Le=(l==null?void 0:l.pillLabelDisplay)??"always",Tt=(l==null?void 0:l.placeholder)??be??g("write_a_message_placeholder"),[Sn,Xt]=u.useState(!1),ve=Y&&!de&&Le!=="never"&&(Le==="always"||ne&&Sn),At=ji(_,l==null?void 0:l.compact),Nn=T==="sidebar",et=Vm({layout:T,region:_,sidebarWidth:q,bottomOffset:$e,compact:l==null?void 0:l.compact}),zt=C==="chat"?et.width:At,G=et.height,{centerX:me,bottom:It}=Ym({isChatOpen:C==="chat",layout:T,region:_,sidebarWidth:q,sidebarSide:E,bottomOffset:$e}),ue=u.useMemo(()=>C==="pill"?ve?{width:S,height:Om,borderRadius:Ke.pill}:{width:Ge,height:Ge,borderRadius:Ke.pill}:C==="input"?{width:At,height:W,borderRadius:Ke.input}:et,[C,ve,S,At,et,W]),tt=C==="pill"&&ve&&Le==="hover"?(j==="rtl"?-1:1)*(S-Ge)/2:0,{dragX:Mt,dragConstraints:we,onDragStart:ht,onDragEnd:Gt,shouldIgnoreLaunch:nt}=Ch({storage:c.storageCtx,state:C,layout:T,viewportWidth:_.width,currentWidth:ue.width,restingWidth:ve?S:Ge,shouldReduceMotion:F}),ft=u.useCallback(()=>{var Rt;const J=c.routerCtx.state.get().screen,ie=!!((Rt=c.sessionCtx.sessionState.get().session)!=null&&Rt.id);R(J==="welcome"||ie?"chat":"input")},[c]),he=u.useCallback(()=>{if(!nt()){if(Me.current(!0),T==="sidebar"){R("chat");return}ft()}},[ft,T,nt]),rt=u.useCallback(()=>{if(T==="fullscreen"&&H!=="fullscreen"){P(H);return}if(T==="sidebar"){R("pill");return}R(J=>{var ie;return J==="chat"&&((ie=c.sessionCtx.sessionState.get().session)!=null&&ie.id)?"input":"pill"})},[H,T,P,c]),no=u.useCallback(()=>{const J=Im({panelLayout:T,previousLayout:gt.current,defaultLayout:H,allowedLayouts:I});if(J.kind==="layout"){P(J.layout);return}R("pill")},[I,H,T,P]),Ei=u.useCallback(()=>{R("pill")},[]);u.useEffect(()=>{C==="chat"&&(ee.current=!0)},[C]),u.useEffect(()=>{C!=="chat"&&ee.current&&T==="fullscreen"&&H!=="fullscreen"&&P(H)},[H,T,P,C]);const ro=C==="chat"&&T==="fullscreen";mh({panelOpen:C!=="pill",isOpen:e,setIsOpen:t,onOpen:ft,onClose:Ei}),u.useEffect(()=>{if(!Sh({state:C,layout:T,sidebarMode:M,isPageMarkModeArmed:w}))return;function J(ie){if(Pm(ie))return;const Rt=$.current;Rt&&(ie.composedPath().includes(Rt)||rt())}return document.addEventListener("mousedown",J),()=>document.removeEventListener("mousedown",J)},[rt,C,T,M,w]);const _n=((io=N.messages.findLast(J=>J.type==="USER"))==null?void 0:io.id)??null,oo=u.useRef(null);u.useEffect(()=>{C==="input"&&(oo.current=_n)},[C]),u.useEffect(()=>{C==="input"&&_n!==oo.current&&(c.routerCtx.state.get().screen!=="chat"&&c.routerCtx.state.setPartial({screen:"chat"}),R("chat"))},[_n,C,c]);const Ti=u.useCallback(()=>{var J;c.routerCtx.state.get().screen!=="chat"&&((J=c.sessionCtx.sessionState.get().session)!=null&&J.id)&&c.routerCtx.state.setPartial({screen:"chat"}),R("chat")},[c]),Kt=u.useCallback(J=>{var ie;I.includes(J)&&(J==="fullscreen"&&c.routerCtx.state.get().screen==="sessions"&&c.routerCtx.toChatScreen((ie=c.sessionCtx.sessionState.get().session)==null?void 0:ie.id),L(J))},[I,c,L]),En=I.find(J=>J!=="fullscreen"),gt=u.useRef(En??H);u.useEffect(()=>{T!=="fullscreen"&&I.includes(T)?gt.current=T:(gt.current==="fullscreen"||!I.includes(gt.current))&&(gt.current=En??H)},[I,H,En,T]);const Zt=u.useCallback(()=>{if(!I.includes("fullscreen"))return;if(T!=="fullscreen"){Kt("fullscreen");return}const J=gt.current;J!=="fullscreen"&&I.includes(J)&&Kt(J)},[I,T,Kt]);u.useEffect(()=>{function J(ie){zm(ie,{state:C,onToggleFullscreen:Zt})}return document.addEventListener("keydown",J),()=>document.removeEventListener("keydown",J)},[Zt,C]);const Tn=kn();return Tn?Ht.createPortal(r.jsxs(r.Fragment,{children:[r.jsx(Zr,{transcriptVisible:C==="chat"}),le&&gi(le,e,t,a),Y&&ce.anchor&&!de&&r.jsx(Pr,{placement:"above",picker:ce,portalTarget:Tn,onSelected:()=>R("chat")}),r.jsx(B.motion.div,{"aria-hidden":!0,style:{position:"fixed",inset:0,background:"transparent",zIndex:f.widgetContentContainer.zIndex,pointerEvents:ro?"auto":"none"},initial:!1,animate:{opacity:ro?1:0},transition:Ae}),r.jsxs(B.motion.div,{ref:$,style:{...v,position:"fixed",x:Mt,translateX:"-50%",zIndex:f.widgetContentContainer.zIndex,visibility:de&&Y?"hidden":void 0},initial:!1,animate:{left:me,bottom:It},drag:Y&&!de&&!ce.open?"x":!1,dragMomentum:!1,dragElastic:.15,dragConstraints:we,onDragStart:ht,onDragEnd:Gt,transition:Z,children:[re&&r.jsx("div",{"data-companion-starters":!0,style:{position:"absolute",bottom:"calc(100% + 12px)",left:"50%",transform:"translateX(-50%)",width:zt,height:oe},children:r.jsx(ss,{title:"Suggested questions",initialContent:ds,style:{width:"100%",height:"100%",border:0,background:"transparent"},children:r.jsx(Mm,{onHeightChange:ge,onDismiss:no,onToggleFullscreen:Zt,maxHeight:Math.max(48,_.height-ue.height-$e-32)})})}),r.jsxs(B.motion.div,{onPointerEnter:Y&&!de?J=>{Xt(!0);const ie=J.currentTarget.querySelector("[data-companion-count-trigger]");ie&&!nt()&&ce.hover(ie)}:void 0,onPointerLeave:()=>{Xt(!1),ce.leave()},style:{position:"relative",overflow:"hidden",transformOrigin:"center bottom",cursor:Y&&!de?ve?"pointer":"grab":"default",background:"hsl(var(--opencx-background))"},initial:!1,animate:{x:tt,width:ue.width,height:ue.height,borderTopLeftRadius:ue.borderRadius,borderTopRightRadius:ue.borderRadius,borderBottomLeftRadius:ue.borderRadius,borderBottomRightRadius:ue.borderRadius,boxShadow:Y?ve?td:ed:C==="input"?nd:rd},whileHover:Y&&!de&&ne&&!F?{scale:ve?1.01:1.12}:void 0,whileTap:Y&&!de?{scale:ve?.995:.92}:void 0,transition:Z,children:[Y&&!de&&r.jsx("button",{type:"button","data-companion-launcher":"",onClick:he,"aria-label":Be,"aria-expanded":!1,style:{position:"absolute",inset:0,zIndex:1,border:0,padding:0,background:"transparent",cursor:"pointer",borderRadius:"inherit"}}),!de&&r.jsx(dh,{visible:Y,docked:ve,label:ye,sessions:s>0?r.jsx(ph,{interactive:Y&&ve,onSelected:()=>R("chat"),onLastClosed:()=>{requestAnimationFrame(()=>{var J,ie;(ie=(J=$.current)==null?void 0:J.querySelector("[data-companion-launcher]"))==null||ie.focus({preventScroll:!0})})}}):void 0,activeCount:s,countLabel:`${g("companion_chats")} · ${g("companion_active_chats",{count:s})}${i?` · ${g("companion_working_chats",{count:i})}`:""}`,pickerOpen:ce.open,onOpenChats:(J,ie)=>{nt()||ce.toggle(J,ie)},working:i>0,icon:mt,pillBackground:Qe,dir:j,measureRef:b,unreadCount:Re===!1?0:a,unreadShowCount:Re==="count"}),C!=="pill"&&r.jsx(B.motion.div,{style:{position:"absolute",bottom:0,left:"50%",translateX:"-50%",width:zt,height:G},initial:{opacity:0},animate:{opacity:1,transition:{...xe,delay:F?0:.1}},children:r.jsx(ss,{iframeRef:d,initialContent:ds,style:{width:"100%",height:"100%",overflow:"hidden",backgroundColor:"transparent",boxSizing:"border-box",borderWidth:"0px"},children:r.jsx(ah,{state:C==="chat"?"chat":"input",layout:T,shellRadius:ue.borderRadius,onMinimize:rt,onDismiss:no,onToggleFullscreen:Zt,onSelectLayout:Kt,onExpand:Ti,canExpand:Ue,placeholder:Tt,hideAttachTools:((l==null?void 0:l.quickAskTools)??"history-only")==="history-only",onInputHeightChange:O},o)})}),Nn&&C==="chat"&&r.jsx("div",{...U,style:{position:"absolute",top:0,bottom:0,...E==="left"?{right:0}:{left:0},width:8,cursor:"ew-resize",zIndex:2}})]})]})]}),Tn):null}function Eh(e){const t=e.getBoundingClientRect(),n=t.left+t.width/2,o=t.top+t.height/2,s=e.ownerDocument,a=s.documentElement.clientWidth||window.innerWidth,i=s.documentElement.clientHeight||window.innerHeight;if(n<0||o<0||n>a||o>i||typeof s.elementFromPoint!="function")return!0;const c=s.elementFromPoint(n,o);return c?c===e||e.contains(c)||c.contains(e):!0}function hr(e){const t=Qa(e);if(!t)return{ok:!1,reason:"gone"};const{element:n}=t,o=dr(n);if(o)return{ok:!1,reason:"off-limits",detail:mp[o]};const s=typeof n.checkVisibility=="function"?n.checkVisibility({checkOpacity:!0,checkVisibilityCSS:!0}):n.isConnected,a=n.getBoundingClientRect();return!s||a.width===0||a.height===0?{ok:!1,reason:"hidden"}:Eh(n)?t.isCurrent?{ok:!0,element:n}:{ok:!1,reason:"gone"}:{ok:!1,reason:"covered"}}function us(e,t){var s;const n=e instanceof HTMLInputElement?HTMLInputElement.prototype:e instanceof HTMLTextAreaElement?HTMLTextAreaElement.prototype:e instanceof HTMLSelectElement?HTMLSelectElement.prototype:null;if(!n)return!1;const o=(s=Object.getOwnPropertyDescriptor(n,"value"))==null?void 0:s.set;return o?(o.call(e,t),e.dispatchEvent(new Event("input",{bubbles:!0})),e.dispatchEvent(new Event("change",{bubbles:!0})),!0):!1}function fr(e,t){if(!(e instanceof HTMLSelectElement)||t===void 0)return null;const n=Array.from(e.options),o=n.filter(a=>a.value===t||a.label.trim().toLowerCase()===t.trim().toLowerCase()),[s]=o;return o.length!==1||!s||s.disabled||s.parentElement instanceof HTMLOptGroupElement&&s.parentElement.disabled||n.filter(a=>a.value===s.value).length!==1?null:s}function rn(e,t,n){const o=e.ownerDocument,s=h=>h.contains(e)||e.contains(h)||(e.getAttribute("aria-controls")??"").split(/\s+/).some(f=>{const v=o.getElementById(f);return v!==null&&(h.contains(v)||v.contains(h))}),a=Array.from(o.querySelectorAll('[aria-busy="true"]')).filter(h=>!ze(h)&&!s(h)),i=h=>{for(let f=a.length-1;f>=0;f--)s(a[f])&&a.splice(f,1);return a.some(f=>f.contains(h))};let c=!1,d=performance.now(),l;const p=new MutationObserver(h=>{h.some(v=>{const g=v.target instanceof Element?v.target:v.target.parentElement;return g!==null&&!Yt(g)&&!i(g)})&&(c=!0,d=performance.now())});p.observe(o.documentElement,{subtree:!0,childList:!0,attributes:!0,characterData:!0});const m=()=>{clearTimeout(l),p.disconnect()};return{settle:()=>new Promise(h=>{const f=performance.now()+t,v=()=>{if(!n()){m(),h({mutated:c,loading:!1});return}const g=Array.from(o.querySelectorAll('[aria-busy="true"]')).some(x=>!i(x)&&!ze(x)),j=performance.now();j>=f||!g&&j-d>=100?(m(),h({mutated:c,loading:g})):l=setTimeout(v,Math.min(100,f-j))};l=setTimeout(v,Math.min(100,t))}),cancel:m}}function Th(e){if(e.tagName.toLowerCase()==="input"){const t=(e.getAttribute("type")??"text").toLowerCase();if(Ga.has(t))return"Password and file fields are never filled or clicked by the agent."}return e.ownerDocument!==document?"That control is inside another site embedded in this page.":null}async function Ah(e){try{return await zh(e)}catch{return{outcome:"unsupported",detail:"That could not be done on this page."}}}async function zh({ref:e,action:t,value:n,settleMs:o=ep,consentIsCurrent:s=()=>!0,observationIsCurrent:a=()=>!0}){var v;if(!s())return{outcome:"declined"};const i=hr(e);if(!i.ok)return i.reason==="off-limits"?{outcome:"unsupported",detail:i.detail}:{outcome:i.reason};const c=i.element,d=Th(c);if(d)return{outcome:"unsupported",detail:d};const l=c.ownerDocument,p=l.location.href;let m,h,f=!1;try{switch(t){case"click":{m=rn(c,o,a);const N=ns(c,s);if(N==="not-started")return m.cancel(),{outcome:"declined"};f=N==="interrupted";break}case"fill":{if(n===void 0)return{outcome:"unsupported",detail:"No value was given to type."};if(m=rn(c,o,a),(v=c.focus)==null||v.call(c),!s()){f=!0;break}if(!us(c,n))return m.cancel(),{outcome:"unsupported",detail:"That control is not something text can be typed into."};break}case"select":{if(!(c instanceof HTMLSelectElement))return{outcome:"unsupported",detail:"That control is not a dropdown."};if(n===void 0)return{outcome:"unsupported",detail:"No option was given to choose."};const N=fr(c,n);if(!N)return{outcome:"no_change",detail:"That option is not in the list or cannot be selected unambiguously."};m=rn(c,o,a),h=N.value,us(c,N.value);break}case"check":case"uncheck":{const N=t==="check",w=c instanceof HTMLInputElement&&(c.type==="checkbox"||c.type==="radio")?c:null,_=c.getAttribute("aria-checked");if(!w&&_===null)return{outcome:"unsupported",detail:"That control is not a checkbox or switch."};if((w?w.checked:_==="true")===N)return{outcome:"no_change",detail:`It is already ${N?"on":"off"}.`};m=rn(c,o,a);const b=ns(c,s);if(b==="not-started")return m.cancel(),{outcome:"declined"};f=b==="interrupted";break}}const{mutated:g,loading:j}=await(m==null?void 0:m.settle())??{mutated:!1,loading:!1};if(f)return{outcome:"no_change",detail:(g||l.location.href!==p?"The page changed. ":"")+"The requested action was interrupted after input events were dispatched. Its final result is unknown. Do not repeat it automatically."};const x=j?"The page is still loading. The action was dispatched; its final result is unknown. Do not repeat it automatically.":void 0;if(t==="fill"||t==="select"){const N=c instanceof HTMLInputElement||c instanceof HTMLTextAreaElement||c instanceof HTMLSelectElement?c.value:null;return t==="fill"&&N!==n?{outcome:"no_change",detail:"The field did not keep what was typed."}:t==="select"&&N!==h?{outcome:"no_change",detail:"The dropdown did not keep the selected option."}:{outcome:"done",...x?{detail:x}:{}}}if(t==="check"||t==="uncheck"){const N=t==="check",w=c instanceof HTMLInputElement&&(c.type==="checkbox"||c.type==="radio")?c:null;return(w?w.checked:c.getAttribute("aria-checked")==="true")===N?{outcome:"done",...x?{detail:x}:{}}:{outcome:"no_change",detail:"It did not change."}}return g||l.location.href!==p?{outcome:"done",...x?{detail:x}:{}}:{outcome:"no_change",detail:x??"The control was clicked and nothing on the page changed during observation. Its final result is unknown. Do not repeat it automatically."}}finally{m==null||m.cancel()}}const Ih="cubic-bezier(0.32, 0.72, 0, 1)",Hn=260,Mh=1600,Rh=180,ps=240,ms=.13,Ph=e=>e*e*e*(10-15*e+6*e*e);function Oh(e,t,n,o){const s=1-o;return{x:s*s*e.x+2*s*o*t.x+o*o*n.x,y:s*s*e.y+2*s*o*t.y+o*o*n.y}}function $h(e,t,n=48){const o=t.x-e.x,s=t.y-e.y,a=Math.hypot(o,s)||1,i={x:e.x+o/2-s/a*a*ms,y:e.y+s/2+o/a*a*ms},c=[];for(let d=0;d<=n;d+=1){const l=Oh(e,i,t,Ph(d/n));c.push({transform:`translate(${l.x-ln}px, ${l.y-dn}px)`})}return c}const ln=2,dn=1.7,Lh="M2 1.7 L9.6 8 L6.5 8.4 L7.7 11 L6.3 11.6 L5.1 9 L2.6 10.6 Z";function Qr(){return typeof window.matchMedia=="function"&&window.matchMedia("(prefers-reduced-motion: reduce)").matches}const hs=e=>new Promise(t=>{window.setTimeout(t,Qr()?0:e)});let lt=null,gr;const Dh=4e3;function gn(){clearTimeout(gr),lt==null||lt.release(),lt=null,document.querySelectorAll("[data-opencx-cursor]").forEach(e=>e.remove())}function xr(){clearTimeout(gr),gr=setTimeout(gn,Dh)}function Fh(e){if(lt)return xr(),lt;try{gn();const t=document.createElement("div");t.setAttribute("data-opencx-overlay",""),t.setAttribute("data-opencx-cursor",""),t.setAttribute("aria-hidden","true"),Object.assign(t.style,{position:"fixed",inset:"0",overflow:"hidden",pointerEvents:"none",zIndex:"2147483646",contain:"strict"});const n=document.createElement("div");n.setAttribute("data-opencx-cursor-tip",""),Object.assign(n.style,{position:"absolute",left:"0",top:"0",width:"14px",height:"14px",pointerEvents:"none",opacity:"0",transition:`opacity ${Hn}ms ease`,willChange:"transform"}),t.appendChild(n),n.innerHTML=`<svg viewBox="0 0 14 14" width="14" height="14" style="display:block">
+      <path d="${Lh}" fill="currentColor" stroke="currentColor" stroke-width="1.7"
+        stroke-linejoin="round" stroke-linecap="round" paint-order="stroke"
+        style="transition: transform ${ps}ms ${Ih}; transform-origin: ${ln}px ${dn}px"/>
+    </svg>`;const o=e??{x:window.innerWidth-40,y:window.innerHeight-40};let s=o;n.style.transform=`translate(${o.x-ln}px, ${o.y-dn}px)`,document.documentElement.appendChild(t);const a=n.querySelector("path");n.offsetWidth,n.style.opacity="1";let i=!1;const c={async moveTo(d,l){if(i)return;const p=`translate(${d-ln}px, ${l-dn}px)`;if(Qr()||typeof n.animate!="function"){n.style.transform=p;return}n.style.transition=`opacity ${Hn}ms ease`;const m=$h(s,{x:d,y:l});await n.animate(m,{duration:Mh,easing:"linear",fill:"forwards"}).finished.catch(()=>{}),!i&&(n.style.transform=p,s={x:d,y:l},await hs(Rh))},async press(){i||!a||(a.style.transform="scale(0.86)",await hs(ps),a.style.transform="")},release(){i||(i=!0,n.style.opacity="0",window.setTimeout(()=>t.remove(),Hn+60))}};return lt=c,xr(),c}catch{return null}}function Wh(e){const t=e.getBoundingClientRect();return{x:t.left+t.width/2,y:t.top+t.height/2}}async function Ci(e,{press:t=!1}={}){var o;const n=Fh();if(!n)return{done:()=>{}};try{(o=e.scrollIntoView)==null||o.call(e,{behavior:Qr()?"auto":"smooth",block:"center",inline:"nearest"});const{x:s,y:a}=Wh(e);await n.moveTo(s,a),t&&await n.press()}catch{}return{done:xr}}const Hh=y.z.object({ref:y.z.string().min(1),action:y.z.enum(Qu),value:y.z.string().max(500).optional()});function Si(e,t){const n=u.useRef({effects:e,isStreaming:t});n.current={effects:e,isStreaming:t};const o=u.useRef(!1);return u.useEffect(()=>(o.current=!0,()=>{o.current=!1}),[]),u.useCallback(s=>o.current&&n.current.isStreaming&&n.current.effects.some(a=>a.key===s),[])}const Bh=200;function Uh(){const{widgetCtx:e}=k.useWidget(),{pageEffects:t,replyToPageCall:n,requestPageActionConsent:o,isStreaming:s}=k.useAgentChatUi(),a=u.useRef(new Set),i=Si(t,s);return u.useEffect(()=>{const c=a.current;for(const d of t){if(d.type!=="act-on-page"||c.has(d.key))continue;for(c.add(d.key);c.size>Bh;){const f=c.values().next().value;if(f===void 0)break;c.delete(f)}const l=Hh.safeParse(d.input);if(!l.success){Q.log.warn("act_on_page: invalid tool input",{issues:l.error.issues}),n(d.callId,"unsupported");continue}const{ref:p,action:m,value:h}=l.data;(async()=>{let f;try{const v=()=>i(d.key)&&e.features.pageContext&&e.features.clientTools&&e.features.pageActions;if(!v()){n(d.callId,"declined");return}const g=Yo(p);if(!g){n(d.callId,"gone",void 0,v()?ur():void 0);return}const j=Nt(g)||"this control",x=m==="select"?fr(g,h):null;if(m==="select"&&!x){n(d.callId,"no_change","That option is unavailable or ambiguous.");return}const N=x==null?void 0:x.value,w=x==null?void 0:x.label.trim(),_=Ka(g),S=()=>v()&&Yo(p)===g&&_()&&j===(Nt(g)||"this control")&&(!x||fr(g,h)===x&&x.value===N&&x.label.trim()===w);if(!await o({callId:d.callId,action:m,controlName:j,...m==="fill"||m==="select"?{value:h}:{},...x?{valueLabel:w||"(empty option)"}:{}})){n(d.callId,"declined");return}if(!S()){n(d.callId,"declined");return}if(f=await Ci(g,{press:!0}),!S()){n(d.callId,"declined");return}const C=await Ah({ref:p,action:m,value:h,consentIsCurrent:S,observationIsCurrent:v}),R=v()&&C.outcome!=="declined"&&C.outcome!=="unsupported"?ur():null;n(d.callId,C.outcome,C.detail,R?{controls:R.controls,truncated:R.truncated}:void 0)}catch{n(d.callId,"unsupported","The page action could not be completed.")}finally{f==null||f.done()}})()}},[t,n,o,e,i]),null}const qh=["circle","box","underline","bracket","arrow"],Vh=y.z.object({ref:y.z.string().min(1),label:y.z.string().optional(),type:y.z.enum(qh).optional().catch(void 0)}),Yh=8e3;function Xh(e,t,n){return t.display==="inline"&&e.height<=n*2.5?"underline":e.width<=220&&e.height<=80?"circle":"box"}let De=null;function Gh(){De==null||De()}function Kh(e,t,{accentColor:n="hsl(0 0% 9%)",surfaceColor:o="hsl(0 0% 9%)",foregroundColor:s="hsl(0 0% 98%)",zIndex:a=10000002,durationMs:i=Yh,seed:c}={}){if(!e.isConnected)return!1;De==null||De();const d=typeof window.matchMedia=="function"&&window.matchMedia("(prefers-reduced-motion: reduce)").matches;e.scrollIntoView({behavior:d?"auto":"smooth",block:"center",inline:"nearest"});const l=e.getBoundingClientRect(),p=getComputedStyle(e),m=parseFloat(p.fontSize)||16,h=l.width<160&&l.height<56,f=Ns.annotate(e,{type:t.type??Xh(l,p,m),color:n,strokeWidth:Math.min(3,Math.max(1.6,m*.11)),wobble:h?.6:.9,rtl:p.direction==="rtl",seed:c});let v=!1;const g=()=>{if(!v)try{f.show(),ir(e,a)}catch(P){Q.log.warn("highlight_element: mark could not be drawn",P)}},j=document.fonts;j!=null&&j.ready&&typeof j.ready.then=="function"?j.ready.then(g):g();const x=document.createElement("div");x.setAttribute("data-opencx-overlay",""),x.style.pointerEvents="none";let N=null,w=null;t.label&&(N=document.createElement("div"),N.setAttribute("data-cx-role","callout"),Object.assign(N.style,{position:"fixed",zIndex:String(a+1),background:o,color:s,font:"500 13px/1.4 system-ui, sans-serif",padding:"9px 13px",borderRadius:"11px",maxWidth:"240px",boxShadow:`0 10px 30px -8px color-mix(in srgb, ${s} 35%, transparent)`,opacity:"0",transform:d?"none":"translateY(4px)",transition:"opacity 280ms cubic-bezier(0.23, 1, 0.32, 1), transform 280ms cubic-bezier(0.23, 1, 0.32, 1)",pointerEvents:"none"}),N.textContent=t.label,w=document.createElement("div"),Object.assign(w.style,{position:"absolute",width:"10px",height:"10px",background:o,transform:"rotate(45deg)"}),N.appendChild(w),x.appendChild(N)),document.documentElement.appendChild(x);let _=0;if(N&&w){const P=N,L=w,I=()=>{const H=e.getBoundingClientRect(),E=window.innerWidth,M=H.top>90?"top":"bottom",W=Math.min(240,P.offsetWidth||240),O=Math.max(12,Math.min(H.left+H.width/2-W/2,E-W-12));P.style.left=`${O}px`,P.style.width=`${W}px`,P.style.top=M==="top"?`${H.top-P.offsetHeight-12}px`:`${H.bottom+12}px`,L.style.left=`${Math.max(10,Math.min(H.left+H.width/2-O-5,W-20))}px`,M==="top"?(L.style.bottom="-4px",L.style.top=""):(L.style.top="-4px",L.style.bottom=""),_=requestAnimationFrame(I)};I()}const S=N?window.setTimeout(()=>{N&&(N.style.opacity="1",N.style.transform="translateY(0)")},350):0,b=()=>{if(!v){v=!0,De===b&&(De=null),cancelAnimationFrame(_),window.clearTimeout(T),window.clearTimeout(S),document.removeEventListener("click",C,!0),document.removeEventListener("keydown",R,!0),N&&(N.style.opacity="0",N.style.transform=d?"none":"translateY(4px)");try{f.hide(),f.finished.then(()=>f.remove())}catch{f.remove()}window.setTimeout(()=>x.remove(),300)}},C=()=>b(),R=P=>{P.key==="Escape"&&b()},T=window.setTimeout(b,Math.max(0,i));return document.addEventListener("click",C,!0),document.addEventListener("keydown",R,!0),De=b,!0}const Zh=200;function Jh(){const{pageMarkHighlightDurationMs:e}=k.useConfig(),{pageEffects:t,replyToPageCall:n,isStreaming:o}=k.useAgentChatUi(),{widgetCtx:s}=k.useWidget(),a=Si(t,o),{theme:i,cssVars:c}=fe(),d=Br({cssVars:c,primaryColor:i.primaryColor,contentZIndex:i.widgetContentContainer.zIndex}),l=u.useRef(new Set);return u.useEffect(()=>()=>{Gh(),gn()},[]),u.useEffect(()=>{o||gn()},[o]),u.useEffect(()=>{const p=l.current;for(const m of t){if(m.type!=="highlight-element"||p.has(m.key))continue;for(p.add(m.key);p.size>Zh;){const N=p.values().next().value;if(N===void 0)break;p.delete(N)}const h=()=>a(m.key)&&s.features.pageContext&&s.features.clientTools;if(!h()){n(m.callId,"declined");continue}const f=Vh.safeParse(m.input);if(!f.success){Q.log.warn("highlight_element: invalid tool input",{issues:f.error.issues}),n(m.callId,"unsupported");continue}const v=hr(f.data.ref);if(!v.ok){Q.log.warn("highlight_element: not drawn",{ref:f.data.ref,reason:v.reason}),v.reason==="off-limits"?n(m.callId,"unsupported",v.detail):n(m.callId,v.reason);continue}const g=v.element,j=m.callId,x=f.data;(async()=>{let N;try{if(N=await Ci(g),!h()){n(j,"declined");return}const w=hr(x.ref);if(!w.ok){n(j,w.reason==="off-limits"?"unsupported":w.reason);return}const _=Kh(g,x,{accentColor:d.accent,surfaceColor:d.surface,foregroundColor:d.foreground,zIndex:d.inkZIndex,durationMs:e});n(j,_?"done":"gone"),_||Q.log.warn("highlight_element: the mark could not be drawn",x)}catch{n(j,"unsupported","The page highlight could not be completed.")}finally{N==null||N.done()}})()}},[t,n,e,d.accent,d.surface,d.foreground,d.inkZIndex,a,s]),null}const Qh=/(\*\*\*|\*\*|\*|~~|`+)(?=\S)([\s\S]*?\S)\1/g,ef=/(^|[^\w`])(___|__|_)(?=\S)([\s\S]*?\S)\2(?!\w)/g,tf=3;function br(e){let t=e.replace(/^\s{0,3}(?:```+|~~~+)\S*\s*/,"").replace(/^\s{0,3}(?:#{1,6}\s+|>\s?|[-*+]\s+|\d+[.)]\s+)/,"").replace(/!\[([^\]]*)\]\([^)]*\)/g,"$1").replace(/\[([^\]]*)\]\([^)]*\)/g,"$1");for(let n=0;n<tf;n++){const o=t.replace(Qh,"$2").replace(ef,"$1$3");if(o===t)break;t=o}return t.trim()}function Ni({className:e}){const[t,n]=u.useState(()=>new Set);return u.useEffect(()=>{const o=Array.from({length:9},(a,i)=>i),s=setInterval(()=>{const a=2+Math.floor(Math.random()*3),i=[...o].sort(()=>Math.random()-.5).slice(0,a);n(new Set(i))},110);return()=>clearInterval(s)},[]),r.jsx("div",{className:A("inline-grid shrink-0 grid-cols-3",e),style:{gap:1,width:14,height:14},children:Array.from({length:9},(o,s)=>r.jsx("div",{className:"rounded-[1px]",style:{width:4,height:4,background:t.has(s)?"hsl(var(--opencx-foreground))":"hsl(var(--opencx-border))",transition:"background 66ms ease"}},s))})}function nf({labels:e,active:t}){const n=u.useRef(e);n.current=e;const[o,s]=u.useState(()=>e[e.length-1]??""),[a,i]=u.useState("in"),c=u.useRef(e.length);return u.useEffect(()=>{const d=n.current.length;if(!t||d<=c.current){c.current=d;return}c.current=d;const l=n.current[d-1]??"";i("out");const p=setTimeout(()=>{s(l),i("in")},180);return()=>clearTimeout(p)},[t,e.length]),r.jsx("span",{className:A("truncate text-[12px] text-muted-foreground/60",t&&(a==="in"?"opencx-placeholder-in":"opencx-placeholder-out")),children:o})}function eo(e,t){if(e.kind==="tool")return to(e.label);const n=e.label.split(`
+`).find(s=>s.trim());if(!n)return t;const o=br(n);return o?o.length>40?`${o.slice(0,40)}...`:o:t}function rf(e,t,n=3){const o=e.filter(s=>s.kind==="tool").map(s=>to(s.label));if(o.length===0){const s=e.find(a=>a.kind==="reasoning");return s?eo(s,t):t}return o.length<=n?o.join(" → "):`${o.slice(0,n).join(" → ")} → ...`}const of=["prose prose-sm max-w-none","[--tw-prose-body:hsl(var(--opencx-muted-foreground))]","[--tw-prose-headings:hsl(var(--opencx-foreground))]","[--tw-prose-bold:hsl(var(--opencx-foreground))]","[--tw-prose-code:hsl(var(--opencx-foreground))]","[--tw-prose-links:hsl(var(--opencx-primary))]","[--tw-prose-bullets:hsl(var(--opencx-muted-foreground))]","[--tw-prose-counters:hsl(var(--opencx-muted-foreground))]","[--tw-prose-quotes:hsl(var(--opencx-muted-foreground))]","[--tw-prose-quote-borders:hsl(var(--opencx-border))]","[--tw-prose-hr:hsl(var(--opencx-border))]","[--tw-prose-pre-bg:hsl(var(--opencx-muted))]","[--tw-prose-pre-code:hsl(var(--opencx-foreground))]","prose-p:my-1 prose-headings:my-1.5 prose-headings:text-[13px]","prose-ul:my-1 prose-ol:my-1 prose-li:my-0.5","prose-pre:my-1.5 prose-pre:p-2 prose-pre:text-[11px] prose-hr:my-2","[&>*:first-child]:mt-0 [&>*:last-child]:mb-0"].join(" ");function sf({step:e,isLive:t,thinkingLabel:n}){const[o,s]=u.useState(!1),a=eo(e,n),i=a!==br(e.label),c=t?(()=>{const d=e.label.split(`
+`).filter(p=>p.trim()),l=br(d[d.length-1]??"");return l?l.length>80?`${l.slice(0,80)}...`:l:n})():a;return r.jsxs("div",{className:"min-w-0",children:[r.jsxs("div",{className:A("flex min-w-0 items-center gap-2.5 py-[3px]",i&&"cursor-pointer"),onClick:()=>i&&s(d=>!d),children:[r.jsx("div",{className:"relative z-10 flex size-[18px] shrink-0 items-center justify-center rounded-full bg-background",children:t?r.jsx(Or,{className:"text-[14px] leading-none text-primary/70"}):r.jsx("span",{className:"text-[14px] leading-none text-muted-foreground/40",children:"⠿"})}),r.jsx("span",{className:A("min-w-0 truncate text-[13px] italic text-muted-foreground/60",t&&"opencx-text-shimmer"),children:c}),i&&r.jsx(z.ChevronRightIcon,{className:A("size-2.5 shrink-0 text-muted-foreground/40 transition-transform duration-200",o&&"rotate-90")})]}),i&&o&&r.jsx("div",{className:"opencx-fade-up ms-[30px]",children:r.jsx("div",{className:A("max-h-[160px] overflow-y-auto py-1.5 text-[13px] leading-relaxed [overflow-wrap:anywhere]",of),children:r.jsx(Nr,{children:e.label})})})]})}const fs=4e3;function af(e){const t=typeof e=="string"?e:cf(e)??String(e);return t.length>fs?`${t.slice(0,fs)}…`:t}function cf(e){try{return JSON.stringify(e,null,2)}catch{return null}}function gs({label:e,value:t}){return r.jsxs("div",{className:"pt-1.5",children:[r.jsx("div",{className:"text-[11px] font-medium uppercase tracking-wide text-muted-foreground/50",children:e}),r.jsx("pre",{className:"mt-0.5 max-h-[200px] overflow-auto whitespace-pre-wrap [overflow-wrap:anywhere] rounded-lg bg-muted/40 p-2 font-mono text-[11px] leading-relaxed text-muted-foreground",children:af(t)})]})}function lf({step:e,showIO:t}){const{t:n}=K(),[o,s]=u.useState(!1),a=t&&(e.input!==void 0||e.output!==void 0);return r.jsxs("div",{className:"min-w-0",children:[r.jsxs("div",{className:A("flex min-w-0 items-center gap-2.5 py-[3px]",a&&"cursor-pointer"),onClick:()=>a&&s(i=>!i),children:[r.jsx("div",{className:"relative z-10 flex size-[18px] shrink-0 items-center justify-center rounded-full bg-background",children:e.done?r.jsx("div",{className:"size-1.5 rounded-full bg-muted-foreground/30"}):r.jsx(Ni,{})}),r.jsx("span",{className:A("min-w-0 truncate text-[13px] text-muted-foreground/70",!e.done&&"opencx-text-shimmer"),children:to(e.label)}),a&&r.jsx(z.ChevronRightIcon,{className:A("size-2.5 shrink-0 text-muted-foreground/40 transition-transform duration-200",o&&"rotate-90")})]}),a&&o&&r.jsxs("div",{className:"opencx-fade-up ms-[30px] pb-1",children:[e.input!==void 0&&r.jsx(gs,{label:n("step_arguments"),value:e.input}),e.output!==void 0&&r.jsx(gs,{label:n("step_result"),value:e.output})]})]})}function df({steps:e,active:t}){var v;const{t:n}=K(),{showStepToolIO:o,presentation:s}=k.useConfig(),{widgetCtx:a}=k.useWidget(),i=(v=Q.resolveClientPresentation(a.agent.presentation,s))==null?void 0:v.toolActivity,c=o!==!1&&(i==="details"||i===void 0&&o===!0),d=n("thinking"),l=t?e:e.map(g=>g.done?g:{...g,done:!0}),p=l.some(g=>!g.done),[m,h]=u.useState(t),f=u.useRef(t);return u.useEffect(()=>{f.current&&!t?h(!1):!f.current&&t&&h(!0),f.current=t},[t]),l.length===0?null:r.jsxs("div",{...D("chat/streaming_turn/steps"),className:"w-full min-w-0 overflow-hidden",children:[r.jsx("button",{type:"button",className:"flex min-w-0 max-w-full items-center gap-1.5 py-0.5 text-[12px] text-muted-foreground/60 transition-colors duration-150 hover:text-muted-foreground",onClick:()=>h(g=>!g),children:m?r.jsxs(r.Fragment,{children:[r.jsx(z.ChevronDownIcon,{className:"size-2.5 shrink-0"}),r.jsx("span",{className:"text-[11px] font-medium tabular-nums",children:l.length}),r.jsx("span",{className:A("text-muted-foreground/40",p&&"opencx-text-shimmer"),children:n(p?"running":"steps")})]}):p?r.jsxs(r.Fragment,{children:[r.jsx(Ni,{className:"opacity-70"}),r.jsx("span",{className:"text-[11px] font-medium tabular-nums",children:l.length}),r.jsx(nf,{labels:l.map(g=>eo(g,d)),active:p})]}):r.jsxs(r.Fragment,{children:[r.jsx(z.ChevronRightIcon,{className:"size-2.5 shrink-0"}),r.jsx("span",{className:"min-w-0 flex-1 truncate text-start text-[12px] text-muted-foreground/50",children:rf(l,d)})]})}),m&&r.jsxs("div",{className:"relative pt-1",children:[l.length>1&&r.jsx("div",{className:"absolute bottom-3 start-2 top-3 border-s border-dashed border-muted-foreground/20"}),l.map((g,j)=>r.jsx("div",{className:"opencx-fade-up",style:{animationDelay:`${j*40}ms`},children:g.kind==="reasoning"?r.jsx(sf,{step:g,isLive:p&&j===l.length-1,thinkingLabel:d}):r.jsx(lf,{step:g,showIO:c})},j))]})]})}function to(e){const n=e.replace(/^mcp_[a-f0-9]{16}__/,"").replaceAll(/[_-]+/g," ").trim();return n.charAt(0).toUpperCase()+n.slice(1)}function xs(e){var n;if(e.manual){const o=e.manualText.trim();return o.length>0?o:void 0}if(e.question.selection==="single")return e.singleId?(n=e.question.options.find(o=>o.id===e.singleId))==null?void 0:n.label:void 0;const t=Array.from(e.multiIds).map(o=>{var s;return(s=e.question.options.find(a=>a.id===o))==null?void 0:s.label}).filter(o=>typeof o=="string"&&o.length>0);return t.length>0?t.join(", "):void 0}function uf({request:e}){const{t}=K(),{sendMessage:n}=k.useMessages(),{widgetCtx:o}=k.useWidget(),s=e.questions,[a,i]=u.useState(0),[c,d]=u.useState(!1),[l,p]=u.useState({}),[m,h]=u.useState({}),[f,v]=u.useState({}),[g,j]=u.useState({}),x=s[a],N=s.length,w=u.useCallback(I=>xs({question:I,manual:!!l[I.id],manualText:m[I.id]??"",singleId:f[I.id],multiIds:g[I.id]??new Set})!==void 0,[l,m,g,f]),_=x?w(x):!1,S=u.useMemo(()=>s.every(I=>w(I)),[w,s]),b=u.useCallback((I,H)=>{v(E=>({...E,[I]:H})),p(E=>({...E,[I]:!1}))},[]),C=u.useCallback((I,H)=>{j(E=>{const M=new Set(E[I]??[]);return M.has(H)?M.delete(H):M.add(H),{...E,[I]:M}}),p(E=>({...E,[I]:!1}))},[]),R=u.useCallback(I=>{p(H=>({...H,[I]:!0})),v(H=>({...H,[I]:void 0})),j(H=>({...H,[I]:new Set}))},[]),T=u.useCallback(()=>{_&&i(I=>Math.min(N-1,I+1))},[_,N]),P=u.useCallback(()=>{if(c||!S)return;const I=new Map;for(const E of s){const M=xs({question:E,manual:!!l[E.id],manualText:m[E.id]??"",singleId:f[E.id],multiIds:g[E.id]??new Set});M&&I.set(E.id,M)}const H=k.formatAskQuestionsAnswers(e,I);H.trim().length!==0&&(d(!0),n({content:H,clientContext:ei({marks:[],readsPage:o.features.pageContext})}))},[S,c,l,m,g,s,e,n,f,o]);if(!x)return null;const L=!!l[x.id];return r.jsxs("div",{...D("chat/clarification_questions/root"),className:A("w-full rounded-2xl border border-border bg-background shadow-sm",c&&"pointer-events-none opacity-60"),children:[r.jsxs("div",{className:"flex items-start gap-2.5 px-4 pt-4",children:[r.jsx("span",{className:"mt-0.5 flex size-7 shrink-0 items-center justify-center rounded-md bg-primary text-primary-foreground",children:r.jsx(z.SparklesIcon,{className:"size-4"})}),r.jsx("p",{...D("chat/clarification_questions/prompt"),className:"min-w-0 flex-1 text-sm font-medium leading-snug text-foreground",children:x.prompt})]}),r.jsx("div",{className:"px-4 pb-3 pt-3",children:L?r.jsx("textarea",{...D("chat/clarification_questions/manual_input"),value:m[x.id]??"",onChange:I=>h(H=>({...H,[x.id]:I.target.value})),placeholder:t("questions_answer_placeholder"),rows:3,className:A("w-full resize-none rounded-xl border border-border bg-muted/30 px-3 py-2.5","text-sm text-foreground placeholder:text-muted-foreground","focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"),onKeyDown:I=>{I.key!=="Enter"||I.shiftKey||(I.preventDefault(),a<N-1?T():P())}}):r.jsxs("div",{className:"flex flex-wrap gap-2",children:[x.options.map(I=>{var E;const H=x.selection==="single"?f[x.id]===I.id:((E=g[x.id])==null?void 0:E.has(I.id))??!1;return u.createElement("button",{...D("chat/clarification_questions/option"),key:I.id,type:"button","aria-pressed":H,onClick:()=>x.selection==="single"?b(x.id,I.id):C(x.id,I.id),className:A("rounded-full border px-3 py-1.5 text-sm transition-colors",H?"border-primary bg-primary/10 text-foreground":"border-border bg-muted/40 text-foreground/90 hover:bg-muted")},I.label)}),r.jsx("button",{...D("chat/clarification_questions/type_it"),type:"button",onClick:()=>R(x.id),className:A("rounded-full border border-dashed border-border px-3 py-1.5 text-sm","text-muted-foreground hover:bg-muted hover:text-foreground"),children:t("questions_type_answer")})]})}),r.jsxs("div",{className:"flex items-center justify-between gap-2 border-t border-border px-3 py-2",children:[r.jsxs("button",{...D("chat/clarification_questions/back"),type:"button",onClick:()=>i(I=>Math.max(0,I-1)),disabled:a===0,className:"inline-flex items-center gap-1 rounded-lg px-2 py-1.5 text-xs font-medium text-muted-foreground hover:bg-muted disabled:opacity-40",children:[r.jsx(z.ChevronLeftIcon,{className:"size-3.5"}),t("questions_back")]}),N>1?r.jsxs("span",{className:"text-[11px] tabular-nums text-muted-foreground",children:[a+1," / ",N]}):null,a<N-1?r.jsxs("button",{...D("chat/clarification_questions/next"),type:"button",onClick:T,disabled:!_,className:"inline-flex items-center gap-1 rounded-lg px-2 py-1.5 text-xs font-medium text-primary hover:bg-muted disabled:opacity-40",children:[t("questions_next"),r.jsx(z.ChevronRightIcon,{className:"size-3.5"})]}):r.jsx("button",{...D("chat/clarification_questions/send"),type:"button",onClick:P,disabled:!S,className:"inline-flex items-center gap-1 rounded-lg px-3 py-1.5 text-xs font-medium text-primary hover:bg-muted disabled:opacity-40",children:t("questions_send")})]}),r.jsx("div",{className:"h-1 w-full overflow-hidden rounded-b-2xl bg-muted",children:r.jsx("div",{className:"h-full bg-primary transition-[width] duration-300 ease-out",style:{width:`${(a+1)/Math.max(1,N)*100}%`}})})]})}function pf({widgetRef:e}){const{contactState:t}=k.useContact(),{setIsOpen:n}=k.useWidgetTrigger(),{toChatScreen:o}=k.useWidgetRouter();return u.useImperativeHandle(e,()=>({newChat:async s=>{var i;if(!((i=t.contact)!=null&&i.token)){Q.log.warn("cannot start a new chat: contact not yet initialized");return}n(!0);const a=o();a&&(s!=null&&s.message)&&await a.messageCtx.sendMessage({content:s.message})}}),[t,n,o]),null}function mf(){const{isOpen:e,setIsOpen:t}=k.useWidgetTrigger();return r.jsxs(Xe.Root,{open:e,onOpenChange:t,children:[r.jsx(Zr,{}),r.jsx(Em,{}),r.jsx(_m,{}),r.jsx(Cm,{})]})}function hf(){return k.useDisplayMode()==="companion"?r.jsx(k.WidgetLayoutProvider,{children:r.jsx(_h,{})}):r.jsx(mf,{})}const ff=[{key:"loading",component:Nd},{key:"fallback",component:Sd},{key:"bot_message",component:Jn},{key:"agent_message",component:Jn},{key:"agent_chat_steps",component:df},{key:"agent_chat_spec",component:Jd},{key:"agent_chat_questions",component:uf}],gf={get:async e=>localStorage.getItem(e),set:async(e,t)=>{localStorage.setItem(e,t)},remove:async e=>{localStorage.removeItem(e)}},_i=u.forwardRef(function({options:t,components:n=[],loadingComponent:o,errorComponent:s},a){var i,c,d,l;return r.jsx(B.MotionConfig,{reducedMotion:"user",children:r.jsx(k.WidgetProvider,{components:[...ff,...n],options:{...t,capabilities:{...t.capabilities,richReplies:((i=t.capabilities)==null?void 0:i.richReplies)??!n.some(({key:p})=>["AGENT_CHAT_SPEC","BOT_MESSAGE","AGENT_MESSAGE"].includes(p.toUpperCase())),connections:((c=t.capabilities)==null?void 0:c.connections)===!0,pageEffects:((d=t.capabilities)==null?void 0:d.pageEffects)??!0,structuredQuestions:((l=t.capabilities)==null?void 0:l.structuredQuestions)??!n.some(({key:p})=>p.toUpperCase()==="AGENT_CHAT_QUESTIONS")}},storage:gf,loadingComponent:o,errorComponent:s,children:r.jsx(k.WidgetTriggerProvider,{children:r.jsxs(Gp,{children:[r.jsx(Jh,{}),r.jsx(Uh,{}),r.jsx(pf,{widgetRef:a}),t.inline?r.jsxs(r.Fragment,{children:[r.jsx(Zr,{}),r.jsx(hi,{})]}):r.jsx(hf,{})]})})})})});_i.displayName="Widget";exports.HostedSpecRenderer=Bl;exports.Widget=_i;exports.segmentContent=ua;exports.useJsonRenderHost=Vt;
+//# sourceMappingURL=index-D-LXlHO4.cjs.map