@grapesjs/studio-sdk-plugins 1.0.33-rc.1 → 1.0.33

package/dist/accordionComponent/index.umd.js

@@ -1,5 +1,5 @@
-(function(v,b){typeof exports=="object"&&typeof module<"u"?module.exports=b():typeof define=="function"&&define.amd?define(b):(v=typeof globalThis<"u"?globalThis:v||self,v.StudioSdkPlugins_accordionComponent=b())})(this,function(){"use strict";const v="app.grapesjs.com",b="app-stage.grapesjs.com",E=[v,"app2.grapesjs.com",b,"app-stage2.grapesjs.com","localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],H="license:check:start",I="license:check:end",N=()=>typeof window<"u",D=({isDev:e,isStage:n})=>`${e?"":`https://${n?b:v}`}/api`,P=()=>{const e=N()&&window.location.hostname;return!!e&&(E.includes(e)||E.some(n=>e.endsWith(n)))};async function z({path:e,baseApiUrl:n,method:t="GET",headers:s={},params:c,body:l}){const m=`${n||D({isDev:!1,isStage:!1})}${e}`,i={method:t,headers:{"Content-Type":"application/json",...s}};l&&(i.body=JSON.stringify(l));const r=c?new URLSearchParams(c).toString():"",o=r?`?${r}`:"",d=await fetch(`${m}${o}`,i);if(!d.ok)throw new Error(`HTTP error! status: ${d.status}`);return d.json()}var T=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(T||{});const M={[T.free]:0,[T.startup]:10,[T.business]:20,[T.enterprise]:30};function G(e){const n=e;return n.init=t=>s=>e(s,t),n}const B=e=>G(e);async function V({editor:e,plan:n,pluginName:t,licenseKey:s,cleanup:c}){let l="",p=!1;const m=P(),i=o=>{console.warn("Cleanup plugin:",t,"Reason:",o),c()},r=(o={})=>{var _;const{error:d,sdkLicense:A}=o,y=(_=o.plan)==null?void 0:_.category;if(!(A||o.license)||d)i(d||"Invalid license");else if(y){const ee=M[n],ne=M[y];ee>ne&&i({pluginRequiredPlan:n,licensePlan:y})}};e.on(H,o=>{l=o==null?void 0:o.baseApiUrl,p=!0}),e.on(I,o=>{r(o)}),setTimeout(async()=>{if(!p){if(m)return;if(s){const o=await U({licenseKey:s,pluginName:t,baseApiUrl:l});o&&r(o)}else i("The `licenseKey` option not provided")}},2e3)}async function U(e){const{licenseKey:n,pluginName:t,baseApiUrl:s}=e;try{return(await z({baseApiUrl:s,path:`/sdk/${n||"na"}`,method:"POST",params:{d:window.location.hostname,pn:t}})).result||{}}catch(c){return console.error("Error during SDK license check:",c),!1}}const C=e=>n=>{var t;return((t=n.getAttribute)==null?void 0:t.call(n,q))===e},x=(...e)=>n=>e.some(t=>n.is(t)),j=(...e)=>(n,t)=>e.some(s=>t.is(s)),w="gjs-plg-",q="data-type-role",a="accordion",k=`${a}-group`,u=`${a}-header`,h=`${a}-content`,g=`${a}-marker`,O=`${w}${u}`,$=`${w}${g}`,R=`${w}${h}`,L=`${$}-open`,f={accordion:'<svg viewBox="0 0 24 24"><path fill="currentColor" d="M5.616 20q-.691 0-1.153-.462T4 18.384V5.616q0-.691.463-1.153T5.616 4h12.769q.69 0 1.153.463T20 5.616v12.769q0 .69-.462 1.153T18.384 20zm0-1h12.769q.23 0 .423-.192t.192-.424V8.154H5v10.23q0 .232.192.424t.423.192"/></svg>',accordionGroup:'<svg viewBox="0 0 24 24"><path fill="currentColor" d="M8.116 16h10.769q.23 0 .423-.192t.192-.423V6h-12v9.385q0 .23.192.423t.423.192m0 1q-.69 0-1.153-.462T6.5 15.385V4.615q0-.69.463-1.153T8.116 3h10.769q.69 0 1.153.462t.462 1.153v10.77q0 .69-.462 1.152T18.884 17zm-3 3q-.69 0-1.153-.462T3.5 18.385V6.615h1v11.77q0 .23.192.423t.423.192h11.77v1zM7.5 4v12z"/></svg>',accordionHeader:'<svg viewBox="0 0 24 24"><path fill="currentColor" d="M5.616 20q-.691 0-1.153-.462T4 18.384V5.616q0-.691.463-1.153T5.616 4h12.769q.69 0 1.153.463T20 5.616v12.769q0 .69-.462 1.153T18.384 20zm0-1h12.769q.23 0 .423-.192t.192-.424V5.616q0-.231-.192-.424T18.384 5H5.616q-.231 0-.424.192T5 5.616v12.769q0 .23.192.423t.423.192M5 5v14zm2.616 4.192h6q.413 0 .706-.293q.294-.293.294-.707t-.294-.706q-.293-.294-.706-.294h-6q-.414 0-.707.294t-.293.706t.293.707t.707.293"/></svg>',accordionContent:'<svg viewBox="0 0 24 24"><path fill="currentColor" d="M4.616 19q-.691 0-1.153-.462T3 17.384V6.616q0-.691.463-1.153T4.615 5h14.77q.69 0 1.152.463T21 6.616v10.769q0 .69-.463 1.153T19.385 19zm0-1h14.769q.23 0 .423-.192t.192-.424V6.616q0-.231-.192-.424T19.385 6H4.615q-.23 0-.423.192T4 6.616v10.769q0 .23.192.423t.423.192M4 18V6zm2.23-2.116h11.54q.213 0 .356-.143t.143-.357t-.143-.356t-.357-.144H6.231q-.214 0-.357.144q-.143.143-.143.357q0 .213.143.356t.357.144m0-3.385h11.538q.214 0 .357-.143t.143-.357t-.143-.357t-.357-.143H6.231q-.214 0-.357.143T5.731 12t.143.357t.357.143m0-3.384H14q.214 0 .357-.144q.143-.143.143-.356q0-.214-.143-.357T14 8.116H6.23q-.213 0-.356.143t-.143.357t.143.356t.357.144"/></svg>',accordionMarker:'<svg viewBox="0 0 24 24"><path fill="currentColor" d="m12 15.596l3.173-3.192H8.827zM5.616 20q-.672 0-1.144-.472T4 18.385V5.615q0-.67.472-1.143Q4.944 4 5.616 4h12.769q.67 0 1.143.472q.472.472.472 1.144v12.769q0 .67-.472 1.143q-.472.472-1.143.472zM5 9v9.385q0 .23.192.423t.423.192h12.77q.23 0 .423-.192t.192-.423V9z"/></svg>',caret:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m7.4 8.6 4.6 4.6 4.6-4.6L18 10l-6 6-6-6 1.4-1.4Z"/></svg>',eye:'<svg viewBox="0 0 24 24"><path d="M12 9a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3m0 8a5 5 0 0 1-5-5 5 5 0 0 1 5-5 5 5 0 0 1 5 5 5 5 0 0 1-5 5m0-12.5C7 4.5 2.7 7.6 1 12a11.8 11.8 0 0 0 22 0c-1.7-4.4-6-7.5-11-7.5Z"/></svg>'},S=(e,n)=>{const{toolbarIconOpen:t=f.eye}=n,s=e.is(a)?e:e.closestType(a);if(!t||!s)return;const{toolbar:c}=e,l={id:"accordion-toggle-open",label:t,command:()=>s.toggleOpen()};!c.find(m=>m.id===l.id)&&(c==null||c.unshift(l))},K=(e,n)=>{const{Components:t,Blocks:s}=e,{block:c={}}=n,l="Accordion",p=`${w}${a}`,m=function(i={}){const r=this,o=()=>{const{clsMarkerOpen:d}=i,A=r.querySelector('[data-type-role="accordion-marker"]');!A||!d||(r.open?A.classList.add(d):A.classList.remove(d))};r.addEventListener("toggle",()=>{o(),r.dispatchEvent(new CustomEvent("details-toggle",{bubbles:!0}))}),o()};return t.addType(a,{block:c&&{label:l,media:f.accordion,category:"Extra",select:!0,...c},isComponent:C(a),extendFn:["initToolbar"],model:{defaults:{tagName:"details",name:l,classes:p,emptyState:!0,clsMarkerOpen:L,attributes:{[q]:a},droppable:x(u,h),components:[{type:u},{type:h}],"script-props":["clsMarkerOpen"],script:m,traits:[{type:"checkbox",name:"open",label:"Open"}],styles:`
-          .${p}::details-content {
+(function(v,b){typeof exports=="object"&&typeof module<"u"?module.exports=b():typeof define=="function"&&define.amd?define(b):(v=typeof globalThis<"u"?globalThis:v||self,v.StudioSdkPlugins_accordionComponent=b())})(this,function(){"use strict";const v="app.grapesjs.com",b="app-stage.grapesjs.com",x=[v,"app2.grapesjs.com",b,"app-stage2.grapesjs.com","localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],N="license:check:start",D="license:check:end",P=()=>typeof window<"u",z=({isDev:e,isStage:t,isPlatform:o})=>`${e?"":`https://${t?b:v}`}/${o?"platform-api":"api"}`,L=()=>{const e=P()&&window.location.hostname;return!!e&&(x.includes(e)||x.some(t=>e.endsWith(t)))};async function G({path:e,baseApiUrl:t,method:o="GET",headers:c={},params:s,body:l}){const p=`${t||z({isDev:!1,isStage:!1})}${e}`,a={method:o,headers:{"Content-Type":"application/json",...c}};l&&(a.body=JSON.stringify(l));const r=s?new URLSearchParams(s).toString():"",m=r?`?${r}`:"",n=await fetch(`${p}${m}`,a);if(!n.ok)throw new Error(`HTTP error! status: ${n.status}`);return n.json()}var T=(e=>(e.free="free",e.startup="startup",e.business="business",e.enterprise="enterprise",e))(T||{});const k={[T.free]:0,[T.startup]:10,[T.business]:20,[T.enterprise]:30};function B(e){const t=e;return t.init=o=>c=>e(c,o),t}const V=e=>B(e);async function U({editor:e,plan:t,pluginName:o,licenseKey:c,onLicenseCheckResponse:s,cleanup:l}){let d="",p=!1;const a=L(),r=n=>{console.warn("Cleanup plugin:",o,"Reason:",n),l()},m=(n={})=>{var I;const{error:y,sdkLicense:$}=n,E=(I=n.plan)==null?void 0:I.category;if(!($||n.license)||y)r(y||"Invalid license");else if(E){const ee=k[t],te=k[E];ee>te&&r({pluginRequiredPlan:t,licensePlan:E})}};e.on(N,n=>{d=n==null?void 0:n.baseApiUrl,p=!0}),e.on(D,n=>{s==null||s(n),m(n)}),setTimeout(async()=>{if(!p){if(a)return;if(c){const n=await j({licenseKey:c,pluginName:o,baseApiUrl:d});s==null||s(n),n&&m(n)}else r("The `licenseKey` option not provided")}},2e3)}async function j(e){const{licenseKey:t,pluginName:o,baseApiUrl:c}=e;try{return(await G({baseApiUrl:c,path:`/sdk/${t||"na"}`,method:"POST",params:{d:window.location.hostname,pn:o}})).result||{}}catch(s){return console.error("Error during SDK license check:",s),!1}}const A=e=>t=>{var o;return((o=t.getAttribute)==null?void 0:o.call(t,q))===e},O=(...e)=>t=>e.some(o=>t.is(o)),K=(...e)=>(t,o)=>e.some(c=>o.is(c)),C="gjs-plg-",q="data-type-role",i="accordion",w=`${i}-group`,u=`${i}-header`,g=`${i}-content`,f=`${i}-marker`,S=`${C}${u}`,M=`${C}${f}`,W=`${C}${g}`,_=`${M}-open`,h={accordion:'<svg viewBox="0 0 24 24"><path fill="currentColor" d="M5.616 20q-.691 0-1.153-.462T4 18.384V5.616q0-.691.463-1.153T5.616 4h12.769q.69 0 1.153.463T20 5.616v12.769q0 .69-.462 1.153T18.384 20zm0-1h12.769q.23 0 .423-.192t.192-.424V8.154H5v10.23q0 .232.192.424t.423.192"/></svg>',accordionGroup:'<svg viewBox="0 0 24 24"><path fill="currentColor" d="M8.116 16h10.769q.23 0 .423-.192t.192-.423V6h-12v9.385q0 .23.192.423t.423.192m0 1q-.69 0-1.153-.462T6.5 15.385V4.615q0-.69.463-1.153T8.116 3h10.769q.69 0 1.153.462t.462 1.153v10.77q0 .69-.462 1.152T18.884 17zm-3 3q-.69 0-1.153-.462T3.5 18.385V6.615h1v11.77q0 .23.192.423t.423.192h11.77v1zM7.5 4v12z"/></svg>',accordionHeader:'<svg viewBox="0 0 24 24"><path fill="currentColor" d="M5.616 20q-.691 0-1.153-.462T4 18.384V5.616q0-.691.463-1.153T5.616 4h12.769q.69 0 1.153.463T20 5.616v12.769q0 .69-.462 1.153T18.384 20zm0-1h12.769q.23 0 .423-.192t.192-.424V5.616q0-.231-.192-.424T18.384 5H5.616q-.231 0-.424.192T5 5.616v12.769q0 .23.192.423t.423.192M5 5v14zm2.616 4.192h6q.413 0 .706-.293q.294-.293.294-.707t-.294-.706q-.293-.294-.706-.294h-6q-.414 0-.707.294t-.293.706t.293.707t.707.293"/></svg>',accordionContent:'<svg viewBox="0 0 24 24"><path fill="currentColor" d="M4.616 19q-.691 0-1.153-.462T3 17.384V6.616q0-.691.463-1.153T4.615 5h14.77q.69 0 1.152.463T21 6.616v10.769q0 .69-.463 1.153T19.385 19zm0-1h14.769q.23 0 .423-.192t.192-.424V6.616q0-.231-.192-.424T19.385 6H4.615q-.23 0-.423.192T4 6.616v10.769q0 .23.192.423t.423.192M4 18V6zm2.23-2.116h11.54q.213 0 .356-.143t.143-.357t-.143-.356t-.357-.144H6.231q-.214 0-.357.144q-.143.143-.143.357q0 .213.143.356t.357.144m0-3.385h11.538q.214 0 .357-.143t.143-.357t-.143-.357t-.357-.143H6.231q-.214 0-.357.143T5.731 12t.143.357t.357.143m0-3.384H14q.214 0 .357-.144q.143-.143.143-.356q0-.214-.143-.357T14 8.116H6.23q-.213 0-.356.143t-.143.357t.143.356t.357.144"/></svg>',accordionMarker:'<svg viewBox="0 0 24 24"><path fill="currentColor" d="m12 15.596l3.173-3.192H8.827zM5.616 20q-.672 0-1.144-.472T4 18.385V5.615q0-.67.472-1.143Q4.944 4 5.616 4h12.769q.67 0 1.143.472q.472.472.472 1.144v12.769q0 .67-.472 1.143q-.472.472-1.143.472zM5 9v9.385q0 .23.192.423t.423.192h12.77q.23 0 .423-.192t.192-.423V9z"/></svg>',caret:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m7.4 8.6 4.6 4.6 4.6-4.6L18 10l-6 6-6-6 1.4-1.4Z"/></svg>',eye:'<svg viewBox="0 0 24 24"><path d="M12 9a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3m0 8a5 5 0 0 1-5-5 5 5 0 0 1 5-5 5 5 0 0 1 5 5 5 5 0 0 1-5 5m0-12.5C7 4.5 2.7 7.6 1 12a11.8 11.8 0 0 0 22 0c-1.7-4.4-6-7.5-11-7.5Z"/></svg>'},H=(e,t)=>{const{toolbarIconOpen:o=h.eye}=t,c=e.is(i)?e:e.closestType(i);if(!o||!c)return;const{toolbar:s}=e,l={id:"accordion-toggle-open",label:o,command:()=>c.toggleOpen()};!s.find(p=>p.id===l.id)&&(s==null||s.unshift(l))},F=(e,t)=>{const{Components:o,Blocks:c}=e,{block:s={}}=t,l="Accordion",d=`${C}${i}`,p=function(a={}){const r=this,m=()=>{const{clsMarkerOpen:n}=a,y=r.querySelector('[data-type-role="accordion-marker"]');!y||!n||(r.open?y.classList.add(n):y.classList.remove(n))};r.addEventListener("toggle",()=>{m(),r.dispatchEvent(new CustomEvent("details-toggle",{bubbles:!0}))}),m()};return o.addType(i,{block:s&&{label:l,media:h.accordion,category:"Extra",select:!0,...s},isComponent:A(i),extendFn:["initToolbar"],model:{defaults:{tagName:"details",name:l,classes:d,emptyState:!0,clsMarkerOpen:_,attributes:{[q]:i},droppable:O(u,g),components:[{type:u},{type:g}],"script-props":["clsMarkerOpen"],script:p,traits:[{type:"checkbox",name:"open",label:"Open"}],styles:`
+          .${d}::details-content {
             opacity: 0;
             block-size: 0;
             overflow: hidden;
@@ -10,30 +10,30 @@
             transition-duration: 0.2s;
           }
 
-          .${p}[open]::details-content {
+          .${d}[open]::details-content {
             opacity: 1;
             transform: translateY(0);
             block-size: auto;
           }
-        `},toggleOpen(){this.addAttributes({open:!this.getAttributes().open})},initToolbar(){S(this,n)}}}),()=>{s.remove(a),t.removeType(a)}},W=e=>{const{Components:n}=e;return n.addType(h,{isComponent:C(h),model:{defaults:{name:"Accordion Content",removable:!1,copyable:!1,draggable:!1,emptyState:!0,classes:R,icon:f.accordionContent,attributes:{[q]:h},components:"<div>Accordion content</div>"}}}),()=>{n.removeType(h)}},F=(e,n)=>{const{Components:t,Blocks:s}=e,{blockGroup:c={}}=n,l="Accordion Group",p=function(i={}){if(!i.single)return;const r=this;r.addEventListener("details-toggle",o=>{const d=o.target;if(!i.single||!d||!d.open)return;r.querySelectorAll('[data-type-role="accordion"]').forEach(y=>{d!==y&&y.open&&(y.open=!1)})})},m=(i={})=>({type:a,attributes:{open:i.open},components:[{type:u,components:[`<div>${i.header}</div>`,{type:g}]},{type:h,components:`<div>${i.content}</div>`}]});return t.addType(k,{block:c&&{label:l,media:f.accordionGroup,category:"Extra",select:!0,...c},isComponent:C(k),model:{defaults:{name:l,attributes:{[q]:k},droppable:x(a),single:!0,emptyState:!0,components:Array(3).fill(0).map((i,r)=>m({open:r===0,header:`Accordion header ${r+1}`,content:`Accordion content ${r+1}`})),traits:[{type:"checkbox",name:"single",changeProp:!0,tip:"Only one accordion can be open at a time",label:"Single open"}],"script-props":["single"],script:p}}}),()=>{s.remove(k),t.removeType(k)}},Y=(e,n)=>{const{Components:t}=e;return t.addType(u,{isComponent:C(u),extendFn:["initToolbar"],model:{defaults:{tagName:"summary",name:"Accordion Header",removable:!1,copyable:!1,draggable:!1,emptyState:!0,icon:f.accordionHeader,classes:O,attributes:{[q]:u},components:["<div>Accordion header</div>",{type:g}],styles:`
+        `},toggleOpen(){this.addAttributes({open:!this.getAttributes().open})},initToolbar(){H(this,t)}}}),()=>{c.remove(i),o.removeType(i)}},Y=e=>{const{Components:t}=e;return t.addType(g,{isComponent:A(g),model:{defaults:{name:"Accordion Content",removable:!1,copyable:!1,draggable:!1,emptyState:!0,classes:W,icon:h.accordionContent,attributes:{[q]:g},components:"<div>Accordion content</div>"}}}),()=>{t.removeType(g)}},Z=(e,t)=>{const{Components:o,Blocks:c}=e,{blockGroup:s={}}=t,l="Accordion Group",d=function(a={}){if(!a.single)return;const r=this;r.addEventListener("details-toggle",m=>{const n=m.target;if(!a.single||!n||!n.open)return;r.querySelectorAll('[data-type-role="accordion"]').forEach($=>{n!==$&&$.open&&($.open=!1)})})},p=(a={})=>({type:i,attributes:{open:a.open},components:[{type:u,components:[`<div>${a.header}</div>`,{type:f}]},{type:g,components:`<div>${a.content}</div>`}]});return o.addType(w,{block:s&&{label:l,media:h.accordionGroup,category:"Extra",select:!0,...s},isComponent:A(w),model:{defaults:{name:l,attributes:{[q]:w},droppable:O(i),single:!0,emptyState:!0,components:Array(3).fill(0).map((a,r)=>p({open:r===0,header:`Accordion header ${r+1}`,content:`Accordion content ${r+1}`})),traits:[{type:"checkbox",name:"single",changeProp:!0,tip:"Only one accordion can be open at a time",label:"Single open"}],"script-props":["single"],script:d}}}),()=>{c.remove(w),o.removeType(w)}},J=(e,t)=>{const{Components:o}=e;return o.addType(u,{isComponent:A(u),extendFn:["initToolbar"],model:{defaults:{tagName:"summary",name:"Accordion Header",removable:!1,copyable:!1,draggable:!1,emptyState:!0,icon:h.accordionHeader,classes:S,attributes:{[q]:u},components:["<div>Accordion header</div>",{type:f}],styles:`
           summary {
             list-style: none;
           }
-          .${O} {
+          .${S} {
             cursor: pointer;
             display: flex;
             align-items: center;
             justify-content: space-between;
             gap: 1rem;
           }
-        `},initToolbar(){S(this,n)}}}),()=>{t.removeType(u)}},Z=e=>{const{Components:n}=e;return n.addType(g,{extend:"icon",isComponent:C(g),model:{defaults:{name:"Accordion Marker",icon:f.accordionMarker,classes:$,attributes:{[q]:g},components:f.caret,droppable:!1,draggable:j(u),styles:`
-          .${$} {
+        `},initToolbar(){H(this,t)}}}),()=>{o.removeType(u)}},Q=e=>{const{Components:t}=e;return t.addType(f,{extend:"icon",isComponent:A(f),model:{defaults:{name:"Accordion Marker",icon:h.accordionMarker,classes:M,attributes:{[q]:f},components:h.caret,droppable:!1,draggable:K(u),styles:`
+          .${M} {
             min-width: 24px;
             width: 24px;
             height: 24px;
             transition: transform 0.2s ease-in-out;
           }
-          .${L} {
+          .${_} {
             transform: rotateZ(180deg);
           }
-        `}}}),()=>{n.removeType(g)}},J="accordionComponent",Q=T.startup;return B(function(e,n={}){const t=[K(e,n),F(e,n),Y(e,n),Z(e),W(e)];V({editor:e,licenseKey:n.licenseKey,plan:Q,pluginName:J,cleanup:()=>{t.forEach(s=>s())}})})});
+        `}}}),()=>{t.removeType(f)}},X="accordionComponent",R=T.startup;return V(function(e,t={}){const o=[F(e,t),Z(e,t),J(e,t),Q(e),Y(e)];U({editor:e,licenseKey:t.licenseKey,plan:R,pluginName:X,cleanup:()=>{o.forEach(c=>c())}})})});

package/dist/aiChat/chatManager.d.ts

@@ -0,0 +1,15 @@
+import { Editor } from 'grapesjs';
+import { AiChatOptions, AiChatTools, ChatState } from './types';
+export declare class ChatManager {
+    readonly editor: Editor;
+    readonly options: AiChatOptions;
+    readonly chatStates: Map<string, ChatState>;
+    currentChatId: string;
+    tools: AiChatTools;
+    constructor(editor: Editor, options: AiChatOptions);
+    get currentChatState(): ChatState;
+    getChat(id: string): ChatState | undefined;
+    setCurrentChat(id: string): void;
+    removeChat(id: string): void;
+    private createChat;
+}

package/dist/aiChat/clientTools.d.ts

@@ -1,4 +1,4 @@
 import { Editor } from 'grapesjs';
-import { AiChatDefaultTools, AiChatToolApis } from './types';
-export declare const defaultToolApis: Required<AiChatToolApis>;
-export declare function createDefaultTools(editor: Editor, toolApis?: AiChatToolApis): AiChatDefaultTools;
+import { AiChatDefaultTools } from './types';
+export declare const defaultToolApis: Record<string, string>;
+export declare function createDefaultTools(editor: Editor, toolApis?: Record<string, string>): AiChatDefaultTools;

package/dist/aiChat/clientToolsProcessors.d.ts

@@ -33,24 +33,37 @@ export interface ToolAddProjectPageSetupResult {
 interface ToolStatusAddComponent {
     type: ChatToolAgentCode.ADD_COMPONENT_CODE;
     toolSetup: ToolAddComponentSetupResult;
+    content: string;
     completed?: boolean;
 }
 interface ToolStatusEditComponent {
     type: ChatToolAgentCode.EDIT_COMPONENT_CODE;
     toolSetup: ToolEditComponentSetupResult;
+    content: string;
     completed?: boolean;
 }
 interface ToolStatusAddPage {
     type: ChatToolAgentCode.ADD_PAGE_CODE;
     toolSetup: ToolAddPageSetupResult;
+    content: string;
     completed?: boolean;
 }
 interface ToolStatusAddProjectPage {
     type: ChatToolAgentCode.ADD_PROJECT_PAGE_CODE;
     toolSetup: ToolAddProjectPageSetupResult;
+    content: string;
     completed?: boolean;
 }
-export type ToolStatusProgressEntry = ToolStatusAddComponent | ToolStatusEditComponent | ToolStatusAddPage | ToolStatusAddProjectPage;
+/**
+ * Generic tool status entry for buffering streaming content
+ * Used for tools that don't have a specific processor
+ */
+export interface ToolStatusGeneric {
+    type: 'generic';
+    content: string;
+    completed?: boolean;
+}
+export type ToolStatusProgressEntry = ToolStatusAddComponent | ToolStatusEditComponent | ToolStatusAddPage | ToolStatusAddProjectPage | ToolStatusGeneric;
 export type ToolStatusProgressMap = Map<string, ToolStatusProgressEntry>;
 export declare function toolAddComponentSetup(editor: Editor, args: AiChatToolsArguments[AiChatToolName.ADD_NEW_COMPONENT]): ToolAddComponentSetupResult;
 export declare function toolAddComponentEnd(editor: Editor, toolSetup: ToolAddComponentSetupResult, content: string): Component | undefined;

package/dist/aiChat/components/AiChatEmptyState.d.ts

@@ -1,9 +1,7 @@
-import { CommonComponentProps } from '../types';
-export interface AiChatEmptyStateProps extends CommonComponentProps {
-    /**
-     * Suggestions to show in the empty state.
-     */
-    suggestions?: string[];
+import { AiChatSuggestion, CommonComponentProps } from '../types';
+import { AiChatEmptyStatePropsSchema } from '../typesSchema';
+export interface AiChatEmptyStateProps extends CommonComponentProps, Omit<AiChatEmptyStatePropsSchema, 'suggestions'> {
+    suggestions?: AiChatSuggestion[];
 }
 export declare const AiChatEmptyState: React.FC<AiChatEmptyStateProps>;
 export default AiChatEmptyState;

package/dist/aiChat/components/AiChatError.d.ts

@@ -1,4 +1,5 @@
 import { CommonComponentProps } from '../types';
-export interface AiChatErrorProps extends CommonComponentProps {
+import { AiChatErrorPropsSchema } from '../typesSchema';
+export interface AiChatErrorProps extends CommonComponentProps, AiChatErrorPropsSchema {
 }
 export declare const AiChatError: React.FC<AiChatErrorProps>;

package/dist/aiChat/components/AiChatHeader.d.ts

@@ -1,5 +1,6 @@
 import { CommonComponentProps } from '../types';
-export interface AiChatHeaderProps extends CommonComponentProps {
+import { AiChatHeaderPropsSchema } from '../typesSchema';
+export interface AiChatHeaderProps extends CommonComponentProps, AiChatHeaderPropsSchema {
 }
 export declare const AiChatHeader: React.FC<AiChatHeaderProps>;
 export default AiChatHeader;

package/dist/aiChat/components/AiChatInput/AssetsSection.d.ts

@@ -0,0 +1,7 @@
+import { CommonComponentProps } from '../../types';
+import { ChatAsset } from './constants';
+export interface AssetsSectionProps extends Omit<CommonComponentProps, 'chatContext'> {
+    assets: ChatAsset[];
+    onRemove?: (index: number) => void;
+}
+export declare const AssetsSection: React.FC<AssetsSectionProps>;

package/dist/aiChat/components/AiChatInput/AttachButton.d.ts

@@ -0,0 +1,10 @@
+import { CommonComponentProps } from '../../types';
+export interface AttachButtonProps extends Omit<CommonComponentProps, 'chatContext'> {
+    disabled?: boolean;
+    maxAssets: number;
+    currentAssetsCount: number;
+    acceptAssetType?: string;
+    onFilesSelected: (files: File[]) => void;
+    onAssetSelected: (assetUrl: string) => void;
+}
+export declare const AttachButton: React.FC<AttachButtonProps>;

package/dist/aiChat/components/AiChatInput/ContextSection.d.ts

@@ -0,0 +1,5 @@
+import { ChatState, CommonComponentProps } from '../../types';
+export interface ContextSectionProps extends Omit<CommonComponentProps, 'chatContext'>, Pick<ChatState, 'contextComponents'> {
+    disabled?: boolean;
+}
+export declare const ContextSection: React.FC<ContextSectionProps>;

package/dist/aiChat/components/AiChatInput/DictateButton.d.ts

@@ -0,0 +1,7 @@
+import { CommonComponentProps } from '../../types';
+export interface DictateButtonProps extends Omit<CommonComponentProps, 'chatContext'> {
+    disabled?: boolean;
+    onTranscript: (text: string) => void;
+    onListeningChange?: (listening: boolean) => void;
+}
+export declare const DictateButton: React.FC<DictateButtonProps>;

package/dist/aiChat/components/AiChatInput/TextAreaWithAutoResize.d.ts

@@ -0,0 +1,6 @@
+import { ComponentProps } from 'react';
+interface TextAreaWithAutoResizeProps extends ComponentProps<'textarea'> {
+    autoResize?: boolean;
+}
+export declare const TextAreaWithAutoResize: React.FC<TextAreaWithAutoResizeProps>;
+export {};

package/dist/aiChat/components/AiChatInput/constants.d.ts

@@ -0,0 +1,6 @@
+export declare const clsMain = "gs-cmp-ai-chat-input";
+export interface ChatAsset {
+    src: string;
+    file?: File;
+    mediaType: string;
+}

package/dist/aiChat/components/AiChatInput/hooks/useSpeechToText.d.ts

@@ -0,0 +1,15 @@
+type SpeechRecognition = any;
+declare global {
+    interface Window {
+        SpeechRecognition: SpeechRecognition;
+        webkitSpeechRecognition: SpeechRecognition;
+    }
+}
+export declare function useSpeechToText(): {
+    transcript: string;
+    isSupported: boolean;
+    isListening: boolean;
+    start: () => void;
+    stop: () => void;
+};
+export {};

package/dist/aiChat/components/AiChatInput/index.d.ts

@@ -0,0 +1,37 @@
+import { ButtonProps } from '@studio/editor/src/components/Button/index';
+import { StudioLayoutComponentsConfig } from '../../../types';
+import { ChatContext, CommonComponentProps, UploadedAsset } from '../../types';
+import { AiChatInputPropsSchema } from '../../typesSchema';
+import { AssetsSectionProps } from './AssetsSection';
+import { AttachButtonProps } from './AttachButton';
+import { ContextSectionProps } from './ContextSection';
+import { DictateButtonProps } from './DictateButton';
+import { ChatAsset } from './constants';
+export interface AiChatInputState {
+    input: string;
+    assets: ChatAsset[];
+}
+export interface AiChatInputLayoutProps {
+    state: AiChatInputState;
+}
+export interface AiChatInputProps extends Omit<CommonComponentProps, 'chatContext'>, Omit<AiChatInputPropsSchema, 'uploadProjectAssets' | 'onSubmit' | 'layoutBefore' | 'layoutAfter' | 'contextSectionProps' | 'textareaProps' | 'assetsSectionProps' | 'attachButtonProps' | 'dictateButtonProps' | 'submitButtonProps'> {
+    uploadProjectAssets?: (props: {
+        files: File[];
+    }) => Promise<UploadedAsset[]>;
+    chatContext?: ChatContext;
+    layoutBefore?: (props: AiChatInputLayoutProps) => StudioLayoutComponentsConfig | undefined | void;
+    layoutAfter?: (props: AiChatInputLayoutProps) => StudioLayoutComponentsConfig | undefined | void;
+    onSubmit?: (props: {
+        event: React.FormEvent;
+        submit: () => Promise<void>;
+        state: AiChatInputState;
+    }) => void;
+    contextSectionProps?: Partial<ContextSectionProps>;
+    textareaProps?: Partial<React.ComponentProps<'textarea'>>;
+    assetsSectionProps?: Partial<AssetsSectionProps>;
+    attachButtonProps?: Partial<AttachButtonProps>;
+    dictateButtonProps?: Partial<DictateButtonProps>;
+    submitButtonProps?: Partial<ButtonProps>;
+}
+export declare const AiChatInput: React.FC<AiChatInputProps>;
+export default AiChatInput;

package/dist/aiChat/components/AiChatLoadingState.d.ts

@@ -1,4 +1,5 @@
 import { CommonComponentProps } from '../types';
-export interface AiChatLoadingStateProps extends CommonComponentProps {
+import { AiChatLoadingStatePropsSchema } from '../typesSchema';
+export interface AiChatLoadingStateProps extends CommonComponentProps, AiChatLoadingStatePropsSchema {
 }
 export declare const AiChatLoadingState: React.FC<AiChatLoadingStateProps>;

package/dist/aiChat/components/AiChatMessage.d.ts

@@ -1,17 +1,29 @@
-import { Editor } from 'grapesjs';
-import { CSSProperties } from 'react';
-import { ChatContext, ChatMessage } from '../types';
-export interface AiChatMessageProps {
-    editor: Editor;
-    chatContext: ChatContext;
+import { StudioLayoutComponentsConfig } from '../../types';
+import { AiChatMessageLayoutProps, AiChatMessagePartLayoutProps, AiChatMessageToolDetailLayoutProps, ChatMessage, CommonComponentProps } from '../types';
+import { AiChatMessagePropsSchema } from '../typesSchema';
+export interface AiChatMessageToolLabelLayoutProps extends AiChatMessageToolDetailLayoutProps {
+}
+export interface AiChatMessageToolResultLayoutProps extends AiChatMessageToolDetailLayoutProps {
+}
+export interface AiChatMessageProps extends CommonComponentProps, Omit<AiChatMessagePropsSchema, 'message' | 'layoutBeforeMessage' | 'layoutAfterMessage' | 'layoutPart' | 'layoutPartToolLabel' | 'layoutPartToolDetail' | 'layoutPartToolResult'> {
     message: ChatMessage;
-    isStreaming?: boolean;
-    className?: string;
-    style?: CSSProperties;
+    layoutBeforeMessage?: (props: AiChatMessageLayoutProps) => StudioLayoutComponentsConfig | undefined | void;
+    layoutAfterMessage?: (props: AiChatMessageLayoutProps) => StudioLayoutComponentsConfig | undefined | void;
+    layoutPart?: (props: AiChatMessagePartLayoutProps) => StudioLayoutComponentsConfig | undefined | void;
+    layoutPartToolLabel?: (props: AiChatMessageToolLabelLayoutProps) => StudioLayoutComponentsConfig | undefined | void;
+    layoutPartToolDetail?: (props: AiChatMessageToolDetailLayoutProps) => StudioLayoutComponentsConfig | undefined | void;
+    layoutPartToolResult?: (props: AiChatMessageToolResultLayoutProps) => StudioLayoutComponentsConfig | undefined | void;
 }
 export interface AiChatMessagePartProps {
     part: ChatMessage['parts'][0];
+    messageId: string;
+    partIndex: number;
     isStreamingPart?: boolean;
+    layoutPart?: AiChatMessageProps['layoutPart'];
+    layoutPartToolLabel?: AiChatMessageProps['layoutPartToolLabel'];
+    layoutPartToolDetail?: AiChatMessageProps['layoutPartToolDetail'];
+    layoutPartToolResult?: AiChatMessageProps['layoutPartToolResult'];
+    layoutProps: AiChatMessageLayoutProps;
 }
 export declare const AiChatMessage: React.FC<AiChatMessageProps>;
 export default AiChatMessage;

package/dist/aiChat/components/AiChatMessages.d.ts

@@ -1,13 +1,11 @@
-import { useChat } from '@ai-sdk/react';
 import { Editor } from 'grapesjs';
-import { ChatContext, ChatMessage } from '../types';
-type ChatStatus = ReturnType<typeof useChat>['status'];
-export interface AiChatMessagesProps {
+import { AiChatOptions, ChatContext, ChatMessage } from '../types';
+import { AiChatMessagesPropsSchema } from '../typesSchema';
+export interface AiChatMessagesProps extends Omit<AiChatMessagesPropsSchema, 'editor' | 'chatContext' | 'messages' | 'pluginOptions'> {
     editor: Editor;
     chatContext: ChatContext;
     messages: ChatMessage[];
-    status: ChatStatus;
-    suggestions?: string[];
+    pluginOptions: AiChatOptions;
 }
-export declare function AiChatMessages({ editor, chatContext, messages, status, suggestions }: AiChatMessagesProps): import("react/jsx-runtime").JSX.Element;
+export declare function AiChatMessages({ editor, chatContext, messages, pluginOptions }: AiChatMessagesProps): import("react/jsx-runtime").JSX.Element;
 export default AiChatMessages;

package/dist/aiChat/components/AiChatMessagesStatus.d.ts

@@ -0,0 +1,5 @@
+import { CommonComponentProps } from '../types';
+import { AiChatMessagesStatusPropsSchema } from '../typesSchema';
+export interface AiChatMessagesStatusProps extends CommonComponentProps, AiChatMessagesStatusPropsSchema {
+}
+export declare const AiChatMessagesStatus: React.FC<AiChatMessagesStatusProps>;

package/dist/aiChat/components/AiChatPanel.d.ts

@@ -1,10 +1,9 @@
 import { Editor } from 'grapesjs';
 import { AiChatOptions } from '../types';
-export interface AiChatPanelProps {
+import { AiChatPanelPropsSchema } from '../typesSchema';
+export interface AiChatPanelProps extends Omit<AiChatPanelPropsSchema, 'editor' | 'pluginOptions'> {
     editor: Editor;
     pluginOptions: AiChatOptions;
-    style?: React.CSSProperties;
-    className?: string;
 }
 /**
  * Uses AI SDK v6 patterns with DefaultChatTransport and sendMessage.

package/dist/aiChat/components/AiChatProvider.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { ChatManager } from '../chatManager';
+import { ChatState } from '../types';
+import { AiChatProviderPropsSchema } from '../typesSchema';
+export interface AiChatProviderValue {
+    chatManager: ChatManager;
+    chatState: ChatState;
+}
+export interface AiChatProviderProps extends Omit<AiChatProviderPropsSchema, 'chatManager' | 'children'> {
+    chatManager: ChatManager;
+    children: ReactNode;
+}
+export declare const AiChatProvider: ({ chatManager, children }: AiChatProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useAiChatContext: () => AiChatProviderValue | undefined;

package/dist/aiChat/components/MemoizedMarkdown.d.ts

@@ -0,0 +1,9 @@
+export declare const TAG_FILE_REFS = "file-refs";
+export declare function remarkCustomElements(): (tree: any) => void;
+interface MemoizedMarkdownProps {
+    content: string;
+    id: string;
+    className?: string;
+}
+export declare const MemoizedMarkdown: import('react').NamedExoticComponent<MemoizedMarkdownProps>;
+export {};

package/dist/aiChat/components/index.d.ts

@@ -1,41 +1,40 @@
 import { Editor } from 'grapesjs';
+import { ChatManager } from '../chatManager';
 import { AiChatOptions } from '../types';
 import { AiChatEmptyStateProps } from './AiChatEmptyState';
 import { AiChatErrorProps } from './AiChatError';
 import { AiChatHeaderProps } from './AiChatHeader';
-import { AiChatInputProps } from './AiChatInput';
+import { AiChatInputProps } from './AiChatInput/index';
 import { AiChatLoadingStateProps } from './AiChatLoadingState';
 import { AiChatMessageProps } from './AiChatMessage';
+import { AiChatMessagesStatusProps } from './AiChatMessagesStatus';
 import { AiChatPanelProps } from './AiChatPanel';
 export type { AiChatEmptyStateProps } from './AiChatEmptyState';
 export type { AiChatErrorProps } from './AiChatError';
 export type { AiChatHeaderProps } from './AiChatHeader';
-export type { AiChatInputProps } from './AiChatInput';
+export type { AiChatInputProps } from './AiChatInput/index';
 export type { AiChatMessageProps } from './AiChatMessage';
 export type { AiChatMessagesProps } from './AiChatMessages';
+export type { AiChatMessagesStatusProps } from './AiChatMessagesStatus';
+type AiChatLayoutComponentProps<T, Type extends string> = Omit<T, 'editor'> & {
+    type: Type;
+};
+export interface AiChatLayoutComponentsRegistryEntries {
+    aiChatPanel: Omit<AiChatLayoutComponentProps<AiChatPanelProps, 'aiChatPanel'>, 'pluginOptions'>;
+    aiChatHeader: AiChatLayoutComponentProps<AiChatHeaderProps, 'aiChatHeader'>;
+    aiChatError: AiChatLayoutComponentProps<AiChatErrorProps, 'aiChatError'>;
+    aiChatLoadingState: AiChatLayoutComponentProps<AiChatLoadingStateProps, 'aiChatLoadingState'>;
+    aiChatInput: AiChatLayoutComponentProps<AiChatInputProps, 'aiChatInput'>;
+    aiChatEmptyState: AiChatLayoutComponentProps<AiChatEmptyStateProps, 'aiChatEmptyState'>;
+    aiChatMessage: AiChatLayoutComponentProps<AiChatMessageProps, 'aiChatMessage'>;
+    aiChatMessagesStatus: AiChatLayoutComponentProps<AiChatMessagesStatusProps, 'aiChatMessagesStatus'>;
+}
 declare module '@studio/editor/src/types' {
-    interface CustomLayoutComponentsRegistry {
-        aiChatPanel: Pick<AiChatPanelProps, 'className' | 'style'> & {
-            type: 'aiChatPanel';
-        };
-        aiChatHeader: Pick<AiChatHeaderProps, 'className' | 'style' | 'chatContext'> & {
-            type: 'aiChatHeader';
-        };
-        aiChatError: Pick<AiChatErrorProps, 'className' | 'style' | 'chatContext'> & {
-            type: 'aiChatError';
-        };
-        aiChatLoadingState: Pick<AiChatLoadingStateProps, 'className' | 'style' | 'chatContext'> & {
-            type: 'aiChatLoadingState';
-        };
-        aiChatInput: Pick<AiChatInputProps, 'className' | 'style' | 'chatContext' | 'maxImages' | 'uploadProjectAssets'> & {
-            type: 'aiChatInput';
-        };
-        aiChatEmptyState: Pick<AiChatEmptyStateProps, 'className' | 'style' | 'chatContext' | 'suggestions'> & {
-            type: 'aiChatEmptyState';
-        };
-        aiChatMessage: Pick<AiChatMessageProps, 'className' | 'style' | 'chatContext' | 'message' | 'isStreaming'> & {
-            type: 'aiChatMessage';
-        };
+    interface CustomLayoutComponentsRegistry extends AiChatLayoutComponentsRegistryEntries {
+    }
+}
+declare module '@grapesjs/studio-sdk' {
+    interface CustomLayoutComponentsRegistry extends AiChatLayoutComponentsRegistryEntries {
     }
 }
-export declare const registerLayoutComponents: (editor: Editor, options: AiChatOptions) => () => void;
+export declare const registerLayoutComponents: (editor: Editor, options: AiChatOptions, chatManager: ChatManager) => () => void;

package/dist/aiChat/components/utils.d.ts

@@ -1,11 +1,18 @@
 import { Component, Editor } from 'grapesjs';
 import { StudioLayoutComponentsConfig } from '../../types';
-import { ProjectContext } from '../types';
-export declare const getProjectContext: (editor: Editor, { withPageContent, imageUrls }?: {
+import { AccessTokenStore, AiChatOptions, ProjectContext } from '../types';
+export declare const accessTokenStore: AccessTokenStore;
+export declare const cleanupAccesTokenStore: () => void;
+export declare const refreshAccessToken: () => Promise<void>;
+interface ProjectContextOptions {
+    selectedComponents?: Component[];
     withPageContent?: boolean;
     imageUrls?: string[];
-}) => ProjectContext;
-export declare const renderLayoutComponent: (editor: Editor, components: StudioLayoutComponentsConfig) => any;
+}
+export declare const getProjectType: (editor: Editor) => string;
+export declare const isProjectTypeEmail: (editor: Editor) => boolean;
+export declare const getProjectContext: (editor: Editor, opts?: ProjectContextOptions) => ProjectContext;
+export declare const renderLayoutComponent: (editor: Editor, components: StudioLayoutComponentsConfig, pluginOptions?: AiChatOptions) => any;
 export declare function clearGeneratedCode(code: string): string;
 export declare const updateDomWithStreamContent: (content?: string, el?: HTMLElement, opts?: {
     skipScroll?: boolean;
@@ -32,3 +39,4 @@ export declare const createUpdatesFromStream: (editor: Editor) => {
     update: (content: string) => Map<string, UpdatesFromStream>;
 };
 export declare const replaceComponentWithHTML: (cmp: Component, content: string) => void;
+export {};

package/dist/aiChat/index.cjs.d.ts

@@ -0,0 +1,5 @@
+import { AiChatOptions } from './types';
+declare const _default: import('../utils').PluginWithInit<AiChatOptions>;
+export default _default;
+export type { ChatManager } from './chatManager';
+export type * from './types';