@chaibuilder/sdk 3.2.13 → 4.0.0-beta.10

package/dist/add-new-page-BavGPTWz.js

@@ -0,0 +1,31 @@
+import { jsx as o, jsxs as r } from "react/jsx-runtime";
+import { D as t, d as c, e as p, f as m, p as h } from "./index-BqlDf5fg.js";
+import { Suspense as f, lazy as D } from "react";
+import { useTranslation as u } from "react-i18next";
+const x = D(() => import("./page-creator-CGxrkmut.js")), C = ({
+  addEditPage: e,
+  setAddEditPage: s,
+  closePanel: l
+}) => {
+  const { t: n } = u(), a = !!(e != null && e.id), i = !!e;
+  return /* @__PURE__ */ o(t, { open: i, onOpenChange: () => s(void 0), children: i && /* @__PURE__ */ r(c, { className: "sm:max-w-[425px]", children: [
+    /* @__PURE__ */ r(p, { children: [
+      /* @__PURE__ */ r(m, { children: [
+        n(a ? "Edit" : "Add New"),
+        " "
+      ] }),
+      /* @__PURE__ */ o(h, { children: n(a ? "Update your page name" : "Enter details to create a new page") })
+    ] }),
+    /* @__PURE__ */ o(f, { fallback: /* @__PURE__ */ o("div", { className: "min-h-40" }), children: /* @__PURE__ */ o(
+      x,
+      {
+        closePanel: l,
+        addEditPage: e,
+        close: () => s(void 0)
+      }
+    ) })
+  ] }) });
+};
+export {
+  C as default
+};

package/dist/add-new-page-dbDUyekW.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./index-BEldAI1n.cjs"),c=require("react"),a=require("react-i18next"),u=c.lazy(()=>Promise.resolve().then(()=>require("./page-creator-jlPEOhfz.cjs"))),x=({addEditPage:n,setAddEditPage:r,closePanel:l})=>{const{t:o}=a.useTranslation(),t=!!(n!=null&&n.id),i=!!n;return e.jsx(s.Dialog,{open:i,onOpenChange:()=>r(void 0),children:i&&e.jsxs(s.DialogContent,{className:"sm:max-w-[425px]",children:[e.jsxs(s.DialogHeader,{children:[e.jsxs(s.DialogTitle,{children:[o(t?"Edit":"Add New")," "]}),e.jsx(s.DialogDescription,{children:o(t?"Update your page name":"Enter details to create a new page")})]}),e.jsx(c.Suspense,{fallback:e.jsx("div",{className:"min-h-40"}),children:e.jsx(u,{closePanel:l,addEditPage:n,close:()=>r(void 0)})})]})})};exports.default=x;

package/dist/ai-panel-content-4Cv-ufXL.js

@@ -0,0 +1,62 @@
+import { jsxs as h, Fragment as k, jsx as n } from "react/jsx-runtime";
+import { B as y } from "./register-chai-top-bar-CX_JkRJn.js";
+import { n as A } from "./index-BqlDf5fg.js";
+import { v as B, c as F } from "./index-CsChke2B.js";
+import { Plus as z } from "lucide-react";
+import { useState as l, useEffect as I, Suspense as D, lazy as x } from "react";
+import { useTranslation as R } from "react-i18next";
+import { toast as E } from "sonner";
+import { g as G } from "./models-D95ZYr_x.js";
+const O = x(() => import("./ai-panel-default-lang-CByGoNp5.js")), T = x(() => import("./ai-panel-other-lang-DznZUrL7.js")), Z = () => {
+  const { t: r } = R(), [b, a] = l(""), [e, s] = l([]), [i, c] = l(!1), [f, u] = l(null), [w, d] = l(null), [C, L] = l(G().id), { selectedLang: m, fallbackLang: N } = A(), P = B(), [v] = F(), S = v.get("page"), M = (e == null ? void 0 : e.filter((t) => t.role === "user").length) >= 4, j = (e == null ? void 0 : e.filter((t) => t.role === "user").length) >= 10;
+  I(() => {
+    s([]);
+  }, [m, S]);
+  const g = () => {
+    s([]), a(""), d(null), u(null), c(!1);
+  }, p = {
+    t: r,
+    fetch: P,
+    input: b,
+    messages: e,
+    setInput: a,
+    isLoading: i,
+    handleStop: () => {
+      f && (f.abort(), u(null)), c(!1), a(""), d(null), s((t) => {
+        const o = t[t.length - 1];
+        return o && o.role === "assistant" && o.isReasoning && o.isStreaming ? t.slice(0, -1) : t;
+      }), E.info(r("Generation stopped"));
+    },
+    handleReset: g,
+    setMessages: s,
+    setIsLoading: c,
+    currentBlock: w,
+    fallbackLang: N,
+    abortController: f,
+    setCurrentBlock: d,
+    setAbortController: u,
+    forceNewConversation: j,
+    suggestNewConversation: M,
+    selectedModel: C,
+    onModelChange: L
+  };
+  return /* @__PURE__ */ h(k, { children: [
+    i && /* @__PURE__ */ n("div", { className: "fixed inset-0 left-0 top-0 z-40 flex h-screen w-screen flex-col items-center justify-center bg-transparent" }),
+    /* @__PURE__ */ h("div", { className: "flex h-full w-full flex-col", children: [
+      /* @__PURE__ */ h("div", { className: "flex w-full items-center justify-between", children: [
+        /* @__PURE__ */ n("p", { className: "text-xs text-gray-500", children: r("Your conversation will not be saved") }),
+        (e == null ? void 0 : e.length) > 0 && /* @__PURE__ */ n(y, { variant: "outline", size: "icon", onClick: g, className: "h-6 w-6", disabled: i, children: /* @__PURE__ */ n(z, {}) })
+      ] }),
+      /* @__PURE__ */ n(
+        D,
+        {
+          fallback: /* @__PURE__ */ n("div", { className: "flex h-full w-full items-center justify-center text-xs", children: "Loading AI Panel" }),
+          children: m ? /* @__PURE__ */ n(T, { ...p, selectedLang: m }) : /* @__PURE__ */ n(O, { ...p })
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  Z as default
+};

package/dist/ai-panel-content-ClQ5alrF.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),L=require("./register-chai-top-bar-DWTuRU53.cjs"),N=require("./index-BEldAI1n.cjs"),j=require("./index-DTz1hNwi.cjs"),M=require("lucide-react"),s=require("react"),k=require("react-i18next"),A=require("sonner"),B=require("./models-5gOsRC56.cjs"),R=s.lazy(()=>Promise.resolve().then(()=>require("./ai-panel-default-lang-BVgCW7Iu.cjs"))),z=s.lazy(()=>Promise.resolve().then(()=>require("./ai-panel-other-lang-BXuiVjMR.cjs"))),F=()=>{const{t:o}=k.useTranslation(),[m,a]=s.useState(""),[t,l]=s.useState([]),[c,i]=s.useState(!1),[u,d]=s.useState(null),[S,f]=s.useState(null),[p,b]=s.useState(B.getDefaultModel().id),{selectedLang:h,fallbackLang:q}=N.useLanguages(),P=j.useBuilderFetch(),[v]=j.useSearchParams(),w=v.get("page"),C=(t==null?void 0:t.filter(n=>n.role==="user").length)>=4,y=(t==null?void 0:t.filter(n=>n.role==="user").length)>=10;s.useEffect(()=>{l([])},[h,w]);const g=()=>{l([]),a(""),f(null),d(null),i(!1)},x={t:o,fetch:P,input:m,messages:t,setInput:a,isLoading:c,handleStop:()=>{u&&(u.abort(),d(null)),i(!1),a(""),f(null),l(n=>{const r=n[n.length-1];return r&&r.role==="assistant"&&r.isReasoning&&r.isStreaming?n.slice(0,-1):n}),A.toast.info(o("Generation stopped"))},handleReset:g,setMessages:l,setIsLoading:i,currentBlock:S,fallbackLang:q,abortController:u,setCurrentBlock:f,setAbortController:d,forceNewConversation:y,suggestNewConversation:C,selectedModel:p,onModelChange:b};return e.jsxs(e.Fragment,{children:[c&&e.jsx("div",{className:"fixed inset-0 left-0 top-0 z-40 flex h-screen w-screen flex-col items-center justify-center bg-transparent"}),e.jsxs("div",{className:"flex h-full w-full flex-col",children:[e.jsxs("div",{className:"flex w-full items-center justify-between",children:[e.jsx("p",{className:"text-xs text-gray-500",children:o("Your conversation will not be saved")}),(t==null?void 0:t.length)>0&&e.jsx(L.Button,{variant:"outline",size:"icon",onClick:g,className:"h-6 w-6",disabled:c,children:e.jsx(M.Plus,{})})]}),e.jsx(s.Suspense,{fallback:e.jsx("div",{className:"flex h-full w-full items-center justify-center text-xs",children:"Loading AI Panel"}),children:h?e.jsx(z,{...x,selectedLang:h}):e.jsx(R,{...x})})]})]})};exports.default=F;

package/dist/ai-panel-default-lang-BVgCW7Iu.cjs

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),v=require("./index-BEldAI1n.cjs"),S=require("./selected-block-display-wHwP16Pz.cjs"),P=require("lucide-react"),j=require("react"),O=require("sonner"),W=require("./models-5gOsRC56.cjs"),q=require("./apply-binding-NvZX_rJe.cjs"),F=require("lodash-es"),$=require("@tanstack/react-query"),_=(a,k)=>{const h=a.filter(p=>p._parent===k),I=h.map(p=>p._id),A=h.flatMap(p=>_(a,p._id));return[...I,...A]},V=(a,k,h)=>{const I=F.find(a,{_id:k});if(!I)return a;const A=a.findIndex(g=>g._id===k),p=_(a,k),C=new Set([k,...p]),u=a.filter(g=>!C.has(g._id)),w=new Set(h.map(g=>g._id)),R=h.map(g=>!g._parent||!w.has(g._parent)?{...g,_parent:I._parent}:g);return[...u.slice(0,A),...R,...u.slice(A)]},K=()=>{const[,a]=v.useSelectedBlockIds(),{setNewBlocks:k}=v.useBlocksStoreUndoableActions(),{hasPermission:h}=v.usePermissions();return j.useCallback((I,A)=>{if(!h(v.PERMISSIONS.EDIT_BLOCK))return;const p=v.builderStore.get(v.presentBlocksAtom),C=I?V(p,I,A):A;k(C),A.length>0&&setTimeout(()=>a([A[0]._id]),200)},[a,k,h])},U=()=>{const{addPredefinedBlock:a}=v.useAddBlock(),k=K(),h=v.useRemoveBlocks(),I=$.useQueryClient(),A=async(s,e)=>{if(!e)return;const r=q.getBlocksFromHTML(e);await a(r,s.parentId,s.position)},p=async(s,e)=>{if(!s.blockId||!e)return;const r=q.getBlocksFromHTML(e);await k(s.blockId,r)},C=async s=>{!s.ids||s.ids.length===0||await h(s.ids)};let u=null;const w=(s,e)=>{const r=document.getElementById("canvas-iframe");if(!r)return null;const d=r==null?void 0:r.contentDocument;if(!d)return null;d.querySelectorAll("[data-stream-canvas]").forEach(m=>m.remove());let n=null;if(s&&s!=="undefined"&&(n=d.querySelector(`[data-block-id="${s}"]`)),n||(n=d.body),!n)return null;if(u=d.createElement("div"),u.setAttribute("data-stream-canvas","true"),e!==void 0&&e>=0&&n.children){const m=Math.min(e,n.children.length);m<n.children.length?n.insertBefore(u,n.children[m]):n.appendChild(u)}else n.appendChild(u);return u},R=s=>{var n;const e=document.getElementById("canvas-iframe");if(!e)return null;const r=e==null?void 0:e.contentDocument;if(!r)return null;r.querySelectorAll("[data-stream-canvas]").forEach(m=>m.remove());const f=r.querySelector(`[data-block-id="${s}"]`);return f?(u=r.createElement("div"),u.setAttribute("data-stream-canvas","true"),(n=f.parentNode)==null||n.insertBefore(u,f.nextSibling),f.style.display="none",u):null},M=(s,e,r)=>{const d=w(e,r);if(d){d.innerHTML=s;const f=d.getBoundingClientRect(),n=document.getElementById("canvas-iframe"),m=n==null?void 0:n.contentWindow;m&&(f.top>=0&&f.bottom<=m.innerHeight||d.scrollIntoView({behavior:"smooth",block:"nearest"}))}},g=(s,e)=>{const r=R(e);r&&(r.innerHTML=s)},D=s=>{const e=s.match(/^--ACTION=(.+)--$/);if(!e)return null;let d=e[1].replace(/--/g,"").split("|");const n={type:d[0]};return d.forEach(m=>{const t=m.trim();if(t.startsWith("PARENT=")){const T=t.substring(7);n.parentId=T==="undefined"?void 0:T}else t.startsWith("POS=")?n.position=parseInt(t.substring(4)):t.startsWith("ID=")?n.blockId=t.substring(3):t.startsWith("IDS=")&&(n.ids=t.substring(4).split(",").map(T=>T.trim()))}),n};return j.useCallback(async(s,e)=>{const r=new TextDecoder;let d="",f="",n=!1,m=null;const t={isInAction:!1,currentAction:null,htmlBuffer:"",isCapturingHtml:!1},T=async y=>{const o=y.trim();if(o==="--START--"){n=!0;return}if(n){if(o==="--END--"){t.currentAction&&(t.htmlBuffer||t.currentAction.type==="REMOVE")&&await E(t.currentAction,t.htmlBuffer),u&&(u.remove(),u=null);return}if(o.startsWith("--THINKING=")){const i=o.substring(11);e(l=>{const B=[...l],x=B[B.length-1];if(x&&x.role==="assistant"&&x.isReasoning)x.content=i,x.isStreaming=!1;else{const b={id:Date.now().toString(),role:"assistant",content:i,isReasoning:!0,isStreaming:!1};B.push(b)}return B});return}if(o.startsWith("--TASK=")){const i=o.substring(7),l=`task-${Date.now()}-${Math.random().toString(36).substr(2,9)}`,B={id:l,role:"assistant",content:i.replace(/--$/,""),isTask:!0,isTaskLoading:!0,isTaskCompleted:!1};m=l,e(x=>[...x,B]);return}if(o.startsWith("--MSG=")){const i=o.substring(6),l={id:Date.now().toString(),role:"assistant",content:i.replace(/--$/g,""),isReasoning:!1,isStreaming:!1};e(B=>[...B,l]);return}if(o.startsWith("--ACTION=")){t.currentAction&&(t.htmlBuffer||t.currentAction.type==="REMOVE")&&await E(t.currentAction,t.htmlBuffer),t.currentAction=D(o),t.htmlBuffer="",t.isInAction=!0;return}if(o==="--ENDACTION--"){t.currentAction&&(t.htmlBuffer||t.currentAction.type==="REMOVE")&&await E(t.currentAction,t.htmlBuffer),m&&(e(i=>i.map(l=>l.isTask?{...l,isTaskCompleted:!0}:l)),m=null),t.currentAction=null,t.htmlBuffer="",t.isInAction=!1;return}if(o==="--HTML--"){t.isCapturingHtml=!0;return}if(o==="--ENDHTML--"){t.isCapturingHtml=!1;return}if(o.startsWith("--HTML--")&&o.includes("--ENDHTML--")){const i=o.match(/^--HTML--(.+?)--ENDHTML--$/);if(i&&t.currentAction){const l=i[1];t.htmlBuffer+=l,t.currentAction.type==="ADD"?M(t.htmlBuffer,t.currentAction.parentId,t.currentAction.position):t.currentAction.type==="EDIT"&&t.currentAction.blockId&&g(t.htmlBuffer,t.currentAction.blockId)}return}t.isCapturingHtml&&t.currentAction&&(t.htmlBuffer+=y+`
+`,t.currentAction.type==="ADD"?M(t.htmlBuffer,t.currentAction.parentId,t.currentAction.position):t.currentAction.type==="EDIT"&&t.currentAction.blockId&&g(t.htmlBuffer,t.currentAction.blockId))}},E=async(y,o)=>{try{switch(y.type){case"ADD":await A(y,o);break;case"EDIT":await p(y,o);break;case"REMOVE":await C(y);break}e(i=>i.filter(l=>!l.isTask))}catch(i){console.log(i)}};try{for(;;){const{done:y,value:o}=await s.read();if(y)break;const i=r.decode(o,{stream:!0});d+=i,f+=i;const l=f.split(`
+`);f=l.pop()||"";for(const B of l)await T(B)}f&&await T(f),I.invalidateQueries({queryKey:["AI_USAGE"]})}catch(y){console.log(y)}},[h])},G=j.lazy(()=>Promise.resolve().then(()=>require("./ai-prompt-input--MqeAtTu.cjs"))),Q=({t:a,fetch:k,input:h,messages:I,setInput:A,isLoading:p,setMessages:C,handleStop:u,setIsLoading:w,currentBlock:R,fallbackLang:M,setCurrentBlock:g,setAbortController:D,selectedModel:s=W.getDefaultModel().id,onModelChange:e})=>{const r=v.useSelectedBlock(),[,d]=v.useSelectedBlockIds(),f=v.useBlocksHtmlForAi(),n=U(),m=async(t,T,E,y)=>{var x;if(!t||p)return;g(r);const o=f(r?{blockId:r._id,additionalCoreBlocks:["Icon"]}:{additionalCoreBlocks:["Icon"]});if(r&&!o){O.toast.error(a("Something went wrong. Please try again."));return}const i={id:Date.now().toString(),role:"user",content:S.getUserPrompt({language:M,userInput:T||t,currentHtml:o}),userMessage:t},l={id:(Date.now()+1).toString(),role:"assistant",content:"",isReasoning:!0,isStreaming:!0};C(b=>[...b,i,l]),w(!0);const B=new AbortController;D(B);try{const b={messages:[i].map(L=>({role:L.role,content:L.content})),model:y||s};E&&(b.image=E);const N=await k({body:{action:"ASK_AI",data:b},streamResponse:!0});if(!N.ok)throw new Error(a("Failed to get AI response"));const H=(x=N.body)==null?void 0:x.getReader();if(!H)throw new Error(a("Response body is not readable"));await n(H,C)}catch(b){if(b.name!=="AbortError"){const N={id:(Date.now()+1).toString(),role:"assistant",content:a("Sorry, I encountered an error. Please try again.")};C(H=>[...H,N])}}finally{A(""),w(!1),g(null),D(null)}};return c.jsxs(c.Fragment,{children:[c.jsxs(S.Conversation,{className:"no-scrollbar",children:[c.jsxs(S.ConversationContent,{className:"gap-2 px-0",children:[I.length===0&&c.jsx(S.ConversationEmptyState,{icon:c.jsx(P.Bot,{size:48,className:"text-gray-300"}),title:"Start a conversation",description:a("Start a conversation with the AI assistant to add/edit current page")}),I.map(t=>t.role!=="system"&&c.jsx(j.Fragment,{children:t.isReasoning?c.jsxs(S.Reasoning,{isStreaming:t.isStreaming,defaultOpen:!0,children:[c.jsx(S.ReasoningTrigger,{className:"text-xs [&_p]:text-muted-foreground"}),c.jsx(S.ReasoningContent,{className:"p-0 text-xs",children:t.content})]}):t.isTask&&!t.isTaskCompleted?c.jsx(S.TaskMessage,{content:t.content,isLoading:t.isTaskLoading}):c.jsx(S.Message,{from:t.role,children:c.jsx(S.MessageContent,{className:"p-0",children:t.role==="assistant"?c.jsx(S.MessageResponse,{className:"p-0 text-xs",children:t.content}):c.jsx("div",{className:"p-0 text-xs",children:t.userMessage||t.content})})})},t.id))]}),c.jsx(S.ConversationScrollButton,{})]}),c.jsxs("div",{className:"border-gray-200 pb-2",children:[c.jsx(S.SelectedBlockDisplay,{onRemove:()=>d([]),isLoading:p}),c.jsx(j.Suspense,{fallback:c.jsx("div",{children:"Loading..."}),children:c.jsx(G,{input:h,setInput:A,onSend:m,onStop:u,isLoading:p,selectedLang:"",currentBlock:r||R,disabled:(h==null?void 0:h.length)===0,selectedModel:s,onModelChange:e})})]})]})};exports.default=Q;

package/dist/ai-panel-default-lang-CByGoNp5.js

@@ -0,0 +1,341 @@
+import { jsxs as D, Fragment as W, jsx as g } from "react/jsx-runtime";
+import { a as _, ah as F, ai as $, aj as q, ak as V, al as K, am as j, an as U, ao as G, ap as z } from "./index-BqlDf5fg.js";
+import { C as Q, a as J, b as X, R as Y, c as Z, d as tt, T as et, M as nt, e as rt, f as st, g as ot, S as at, h as it } from "./selected-block-display-DrMFz5_U.js";
+import { Bot as ct } from "lucide-react";
+import { useCallback as P, Fragment as lt, Suspense as ut, lazy as dt } from "react";
+import { toast as ft } from "sonner";
+import { g as mt } from "./models-D95ZYr_x.js";
+import { g as L } from "./apply-binding-CLU6Xp4K.js";
+import { find as pt } from "lodash-es";
+import { useQueryClient as ht } from "@tanstack/react-query";
+const O = (i, k) => {
+  const m = i.filter((h) => h._parent === k), S = m.map((h) => h._id), A = m.flatMap((h) => O(i, h._id));
+  return [...S, ...A];
+}, gt = (i, k, m) => {
+  const S = pt(i, { _id: k });
+  if (!S) return i;
+  const A = i.findIndex((p) => p._id === k), h = O(i, k), v = /* @__PURE__ */ new Set([k, ...h]), l = i.filter((p) => !v.has(p._id)), T = new Set(m.map((p) => p._id)), E = m.map((p) => !p._parent || !T.has(p._parent) ? { ...p, _parent: S._parent } : p);
+  return [
+    ...l.slice(0, A),
+    ...E,
+    ...l.slice(A)
+  ];
+}, At = () => {
+  const [, i] = _(), { setNewBlocks: k } = F(), { hasPermission: m } = $();
+  return P(
+    (S, A) => {
+      if (!m(q.EDIT_BLOCK)) return;
+      const h = V.get(K), v = S ? gt(h, S, A) : A;
+      k(v), A.length > 0 && setTimeout(() => i([A[0]._id]), 200);
+    },
+    [i, k, m]
+  );
+}, kt = () => {
+  const { addPredefinedBlock: i } = j(), k = At(), m = U(), S = ht(), A = async (s, e) => {
+    if (!e) return;
+    const r = L(e);
+    await i(r, s.parentId, s.position);
+  }, h = async (s, e) => {
+    if (!s.blockId || !e) return;
+    const r = L(e);
+    await k(s.blockId, r);
+  }, v = async (s) => {
+    !s.ids || s.ids.length === 0 || await m(s.ids);
+  };
+  let l = null;
+  const T = (s, e) => {
+    const r = document.getElementById("canvas-iframe");
+    if (!r)
+      return null;
+    const u = r == null ? void 0 : r.contentDocument;
+    if (!u)
+      return null;
+    u.querySelectorAll("[data-stream-canvas]").forEach((f) => f.remove());
+    let n = null;
+    if (s && s !== "undefined" && (n = u.querySelector(`[data-block-id="${s}"]`)), n || (n = u.body), !n)
+      return null;
+    if (l = u.createElement("div"), l.setAttribute("data-stream-canvas", "true"), e !== void 0 && e >= 0 && n.children) {
+      const f = Math.min(e, n.children.length);
+      f < n.children.length ? n.insertBefore(l, n.children[f]) : n.appendChild(l);
+    } else
+      n.appendChild(l);
+    return l;
+  }, E = (s) => {
+    var n;
+    const e = document.getElementById("canvas-iframe");
+    if (!e)
+      return null;
+    const r = e == null ? void 0 : e.contentDocument;
+    if (!r)
+      return null;
+    r.querySelectorAll("[data-stream-canvas]").forEach((f) => f.remove());
+    const d = r.querySelector(`[data-block-id="${s}"]`);
+    return d ? (l = r.createElement("div"), l.setAttribute("data-stream-canvas", "true"), (n = d.parentNode) == null || n.insertBefore(l, d.nextSibling), d.style.display = "none", l) : null;
+  }, R = (s, e, r) => {
+    const u = T(e, r);
+    if (u) {
+      u.innerHTML = s;
+      const d = u.getBoundingClientRect(), n = document.getElementById("canvas-iframe"), f = n == null ? void 0 : n.contentWindow;
+      f && (d.top >= 0 && d.bottom <= f.innerHeight || u.scrollIntoView({ behavior: "smooth", block: "nearest" }));
+    }
+  }, p = (s, e) => {
+    const r = E(e);
+    r && (r.innerHTML = s);
+  }, M = (s) => {
+    const e = s.match(/^--ACTION=(.+)--$/);
+    if (!e) return null;
+    let u = e[1].replace(/--/g, "").split("|");
+    const n = { type: u[0] };
+    return u.forEach((f) => {
+      const t = f.trim();
+      if (t.startsWith("PARENT=")) {
+        const C = t.substring(7);
+        n.parentId = C === "undefined" ? void 0 : C;
+      } else t.startsWith("POS=") ? n.position = parseInt(t.substring(4)) : t.startsWith("ID=") ? n.blockId = t.substring(3) : t.startsWith("IDS=") && (n.ids = t.substring(4).split(",").map((C) => C.trim()));
+    }), n;
+  };
+  return P(
+    async (s, e) => {
+      const r = new TextDecoder();
+      let u = "", d = "", n = !1, f = null;
+      const t = {
+        isInAction: !1,
+        currentAction: null,
+        htmlBuffer: "",
+        isCapturingHtml: !1
+      }, C = async (I) => {
+        const o = I.trim();
+        if (o === "--START--") {
+          n = !0;
+          return;
+        }
+        if (n) {
+          if (o === "--END--") {
+            t.currentAction && (t.htmlBuffer || t.currentAction.type === "REMOVE") && await b(t.currentAction, t.htmlBuffer), l && (l.remove(), l = null);
+            return;
+          }
+          if (o.startsWith("--THINKING=")) {
+            const a = o.substring(11);
+            e((c) => {
+              const y = [...c], B = y[y.length - 1];
+              if (B && B.role === "assistant" && B.isReasoning)
+                B.content = a, B.isStreaming = !1;
+              else {
+                const w = {
+                  id: Date.now().toString(),
+                  role: "assistant",
+                  content: a,
+                  isReasoning: !0,
+                  isStreaming: !1
+                };
+                y.push(w);
+              }
+              return y;
+            });
+            return;
+          }
+          if (o.startsWith("--TASK=")) {
+            const a = o.substring(7), c = `task-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, y = {
+              id: c,
+              role: "assistant",
+              content: a.replace(/--$/, ""),
+              isTask: !0,
+              isTaskLoading: !0,
+              isTaskCompleted: !1
+            };
+            f = c, e((B) => [...B, y]);
+            return;
+          }
+          if (o.startsWith("--MSG=")) {
+            const a = o.substring(6), c = {
+              id: Date.now().toString(),
+              role: "assistant",
+              content: a.replace(/--$/g, ""),
+              isReasoning: !1,
+              isStreaming: !1
+            };
+            e((y) => [...y, c]);
+            return;
+          }
+          if (o.startsWith("--ACTION=")) {
+            t.currentAction && (t.htmlBuffer || t.currentAction.type === "REMOVE") && await b(t.currentAction, t.htmlBuffer), t.currentAction = M(o), t.htmlBuffer = "", t.isInAction = !0;
+            return;
+          }
+          if (o === "--ENDACTION--") {
+            t.currentAction && (t.htmlBuffer || t.currentAction.type === "REMOVE") && await b(t.currentAction, t.htmlBuffer), f && (e((a) => a.map((c) => c.isTask ? { ...c, isTaskCompleted: !0 } : c)), f = null), t.currentAction = null, t.htmlBuffer = "", t.isInAction = !1;
+            return;
+          }
+          if (o === "--HTML--") {
+            t.isCapturingHtml = !0;
+            return;
+          }
+          if (o === "--ENDHTML--") {
+            t.isCapturingHtml = !1;
+            return;
+          }
+          if (o.startsWith("--HTML--") && o.includes("--ENDHTML--")) {
+            const a = o.match(/^--HTML--(.+?)--ENDHTML--$/);
+            if (a && t.currentAction) {
+              const c = a[1];
+              t.htmlBuffer += c, t.currentAction.type === "ADD" ? R(t.htmlBuffer, t.currentAction.parentId, t.currentAction.position) : t.currentAction.type === "EDIT" && t.currentAction.blockId && p(t.htmlBuffer, t.currentAction.blockId);
+            }
+            return;
+          }
+          t.isCapturingHtml && t.currentAction && (t.htmlBuffer += I + `
+`, t.currentAction.type === "ADD" ? R(t.htmlBuffer, t.currentAction.parentId, t.currentAction.position) : t.currentAction.type === "EDIT" && t.currentAction.blockId && p(t.htmlBuffer, t.currentAction.blockId));
+        }
+      }, b = async (I, o) => {
+        try {
+          switch (I.type) {
+            case "ADD":
+              await A(I, o);
+              break;
+            case "EDIT":
+              await h(I, o);
+              break;
+            case "REMOVE":
+              await v(I);
+              break;
+          }
+          e((a) => a.filter((c) => !c.isTask));
+        } catch (a) {
+          console.log(a);
+        }
+      };
+      try {
+        for (; ; ) {
+          const { done: I, value: o } = await s.read();
+          if (I) break;
+          const a = r.decode(o, { stream: !0 });
+          u += a, d += a;
+          const c = d.split(`
+`);
+          d = c.pop() || "";
+          for (const y of c)
+            await C(y);
+        }
+        d && await C(d), S.invalidateQueries({
+          queryKey: ["AI_USAGE"]
+        });
+      } catch (I) {
+        console.log(I);
+      }
+    },
+    [m]
+  );
+}, It = dt(() => import("./ai-prompt-input-DbNqAJmK.js")), Mt = ({
+  t: i,
+  fetch: k,
+  input: m,
+  messages: S,
+  setInput: A,
+  isLoading: h,
+  setMessages: v,
+  handleStop: l,
+  setIsLoading: T,
+  currentBlock: E,
+  fallbackLang: R,
+  setCurrentBlock: p,
+  setAbortController: M,
+  selectedModel: s = mt().id,
+  onModelChange: e
+}) => {
+  const r = G(), [, u] = _(), d = z(), n = kt(), f = async (t, C, b, I) => {
+    var B;
+    if (!t || h) return;
+    p(r);
+    const o = d(r ? { blockId: r._id, additionalCoreBlocks: ["Icon"] } : { additionalCoreBlocks: ["Icon"] });
+    if (r && !o) {
+      ft.error(i("Something went wrong. Please try again."));
+      return;
+    }
+    const a = {
+      id: Date.now().toString(),
+      role: "user",
+      content: it({
+        language: R,
+        userInput: C || t,
+        currentHtml: o
+      }),
+      userMessage: t
+    }, c = {
+      id: (Date.now() + 1).toString(),
+      role: "assistant",
+      content: "",
+      isReasoning: !0,
+      isStreaming: !0
+    };
+    v((w) => [...w, a, c]), T(!0);
+    const y = new AbortController();
+    M(y);
+    try {
+      const w = {
+        messages: [a].map((H) => ({
+          role: H.role,
+          content: H.content
+        })),
+        model: I || s
+      };
+      b && (w.image = b);
+      const x = await k({ body: { action: "ASK_AI", data: w }, streamResponse: !0 });
+      if (!x.ok)
+        throw new Error(i("Failed to get AI response"));
+      const N = (B = x.body) == null ? void 0 : B.getReader();
+      if (!N) throw new Error(i("Response body is not readable"));
+      await n(N, v);
+    } catch (w) {
+      if (w.name !== "AbortError") {
+        const x = {
+          id: (Date.now() + 1).toString(),
+          role: "assistant",
+          content: i("Sorry, I encountered an error. Please try again.")
+        };
+        v((N) => [...N, x]);
+      }
+    } finally {
+      A(""), T(!1), p(null), M(null);
+    }
+  };
+  return /* @__PURE__ */ D(W, { children: [
+    /* @__PURE__ */ D(Q, { className: "no-scrollbar", children: [
+      /* @__PURE__ */ D(J, { className: "gap-2 px-0", children: [
+        S.length === 0 && /* @__PURE__ */ g(
+          X,
+          {
+            icon: /* @__PURE__ */ g(ct, { size: 48, className: "text-gray-300" }),
+            title: "Start a conversation",
+            description: i("Start a conversation with the AI assistant to add/edit current page")
+          }
+        ),
+        S.map(
+          (t) => t.role !== "system" && /* @__PURE__ */ g(lt, { children: t.isReasoning ? /* @__PURE__ */ D(Y, { isStreaming: t.isStreaming, defaultOpen: !0, children: [
+            /* @__PURE__ */ g(Z, { className: "text-xs [&_p]:text-muted-foreground" }),
+            /* @__PURE__ */ g(tt, { className: "p-0 text-xs", children: t.content })
+          ] }) : t.isTask && !t.isTaskCompleted ? /* @__PURE__ */ g(et, { content: t.content, isLoading: t.isTaskLoading }) : /* @__PURE__ */ g(nt, { from: t.role, children: /* @__PURE__ */ g(rt, { className: "p-0", children: t.role === "assistant" ? /* @__PURE__ */ g(st, { className: "p-0 text-xs", children: t.content }) : /* @__PURE__ */ g("div", { className: "p-0 text-xs", children: t.userMessage || t.content }) }) }) }, t.id)
+        )
+      ] }),
+      /* @__PURE__ */ g(ot, {})
+    ] }),
+    /* @__PURE__ */ D("div", { className: "border-gray-200 pb-2", children: [
+      /* @__PURE__ */ g(at, { onRemove: () => u([]), isLoading: h }),
+      /* @__PURE__ */ g(ut, { fallback: /* @__PURE__ */ g("div", { children: "Loading..." }), children: /* @__PURE__ */ g(
+        It,
+        {
+          input: m,
+          setInput: A,
+          onSend: f,
+          onStop: l,
+          isLoading: h,
+          selectedLang: "",
+          currentBlock: r || E,
+          disabled: (m == null ? void 0 : m.length) === 0,
+          selectedModel: s,
+          onModelChange: e
+        }
+      ) })
+    ] })
+  ] });
+};
+export {
+  Mt as default
+};

package/dist/ai-panel-other-lang-BXuiVjMR.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("./index-BEldAI1n.cjs"),f=require("lodash-es"),l=require("react"),G=require("./core-8lkXy4lC.cjs"),c=require("./selected-block-display-wHwP16Pz.cjs"),H=require("lucide-react"),Q=require("react-i18next"),X=require("./models-5gOsRC56.cjs"),C=(s,o)=>{const r=s.filter(n=>n._parent===o),i=r.flatMap(n=>C(s,n._id));return[...r,...i]},Y=(s,o)=>{const r=o.find(n=>n._id===s);if(!r)return[];const i=C(o,s);return[r,...i]},Z=()=>{const s=p.useSelectedBlock(),[o]=p.useBlocksStore();return l.useCallback((r="")=>{const i=s!=null&&s._id?Y(s._id,o):o;return i?f.compact(i.map(n=>{const h=G.getRegisteredChaiBlock(n._type);if(!h)return null;const x=(h==null?void 0:h.i18nProps)??[];if(x.length===0)return null;const g=r==="ALL"?Object.keys(n).filter(a=>x.find(S=>a.startsWith(S))):x.map(a=>r?`${a}-${r}`:a),d=f.pick(n,["_id"]);return f.each(g,a=>{d[a]=f.get(n,a,f.get(n,a.replace(`-${r}`,"")))}),d})):[]},[s==null?void 0:s._id,o])},ee=l.lazy(()=>Promise.resolve().then(()=>require("./ai-translation-prompt-yU9T98gu.cjs"))),te=l.lazy(()=>Promise.resolve().then(()=>require("./ai-prompt-input--MqeAtTu.cjs"))),ne=({fetch:s,input:o,messages:r,setInput:i,isLoading:n,handleStop:h,setMessages:x,setIsLoading:g,selectedLang:d,currentBlock:a,fallbackLang:S,abortController:k,setAbortController:E,setCurrentBlock:T,selectedModel:B=X.getDefaultModel().id,onModelChange:M})=>{const{t:u}=Q.useTranslation(),O=l.useRef(null),y=p.useSelectedBlock(),[,D]=p.useSelectedBlockIds(),R=Z(),I=p.useStreamMultipleBlocksProps(),F=()=>{var t;(t=O.current)==null||t.scrollIntoView({behavior:"smooth"})};l.useEffect(()=>{F()},[r,n]);const N=async(t,w,$)=>{var P;y&&T(y);const q=(t==null?void 0:t.toLowerCase())==="translate",v={id:Date.now().toString(),role:"user",content:c.getTranslationUserPrompt({fallbackLang:S,userInput:w||t,language:d,blocks:q?R():R(d)}),userMessage:w||t||u("Translate the content")},z={id:(Date.now()+1).toString(),role:"assistant",content:"Thinking...",isReasoning:!0,isStreaming:!0};g(!0);const W=new AbortController;E(W),x(b=>[...b,v,z]),g(!0);try{const A=await s({body:{action:"ASK_AI",data:{messages:[v],initiator:q?"TRANSLATE_CONTENT":"UPDATE_CONTENT",model:$||B}},streamResponse:!0});if(!A.ok)throw new Error(u("Failed to get AI response"));const _=(P=A.body)==null?void 0:P.getReader(),U=new TextDecoder;let j="";if(!_)throw new Error(u("Response body is not readable"));for(;;){const{done:K,value:L}=await _.read();if(K)break;const V=U.decode(L,{stream:!0});j+=V,x(m=>(m[m.length-1].content=j,[...m]))}const J=JSON.parse(j==null?void 0:j.replace("```json","").replace("```",""));I(J)}catch{k==null||k.abort()}finally{g(!1),i(""),T(null)}};return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"py-2",children:e.jsx(l.Suspense,{fallback:e.jsx("div",{children:u("Loading...")}),children:e.jsx(ee,{isLoading:n,selectedBlock:y,selectedLang:d,onClick:N})})}),e.jsx(c.Conversation,{children:e.jsxs(c.ConversationContent,{className:"gap-4 px-0",children:[r.length===0&&e.jsx(c.ConversationEmptyState,{icon:e.jsx(H.Bot,{size:48,className:"text-gray-300"}),title:u("Start a conversation with the AI assistant to translate/edit your content"),description:u("Only content can be edited in secondary languages. To edit layout, styles and more, switch to the default language.")}),r.map(t=>t.role!=="system"&&e.jsx(l.Fragment,{children:t.isReasoning?e.jsxs(c.Reasoning,{isStreaming:t.isStreaming,defaultOpen:!0,children:[e.jsx(c.ReasoningTrigger,{className:"text-xs [&_p]:text-muted-foreground"}),e.jsx(c.ReasoningContent,{className:"p-0 text-xs",children:t.content})]}):t.isTask?e.jsx(c.TaskMessage,{content:t.content,isLoading:t.isTaskLoading}):e.jsx(c.Message,{from:t.role,children:e.jsx(c.MessageContent,{className:"p-0",children:t.role==="assistant"?e.jsx(c.MessageResponse,{className:"p-0 text-xs",children:t.content}):e.jsx("div",{className:"p-0 text-xs",children:t.userMessage||t.content})})})},t.id))]})}),e.jsxs("div",{className:"border-gray-200 pb-2",children:[e.jsx(c.SelectedBlockDisplay,{onRemove:()=>D([]),isLoading:n}),e.jsx(l.Suspense,{fallback:e.jsx("div",{children:u("Loading...")}),children:e.jsx(te,{input:o,setInput:i,onSend:N,onStop:h,isLoading:n,selectedLang:d,currentBlock:y||a,disabled:(o==null?void 0:o.length)===0,selectedModel:B,onModelChange:M})})]})]})};exports.default=ne;

package/dist/ai-panel-other-lang-DznZUrL7.js

@@ -0,0 +1,162 @@
+import { jsxs as p, Fragment as H, jsx as t } from "react/jsx-runtime";
+import { ao as P, ad as Q, a as X, aq as Y } from "./index-BqlDf5fg.js";
+import { compact as Z, pick as ee, each as te, get as v } from "lodash-es";
+import { useCallback as ne, useRef as se, useEffect as oe, Suspense as M, lazy as E, Fragment as re } from "react";
+import { e as ae } from "./core-BvsZwF26.js";
+import { C as ie, a as ce, b as le, R as de, c as ue, d as he, T as me, M as fe, e as pe, f as ge, S as ye, i as Se } from "./selected-block-display-DrMFz5_U.js";
+import { Bot as Te } from "lucide-react";
+import { useTranslation as ke } from "react-i18next";
+import { g as Ne } from "./models-D95ZYr_x.js";
+const O = (s, r) => {
+  const o = s.filter((n) => n._parent === r), i = o.flatMap((n) => O(s, n._id));
+  return [...o, ...i];
+}, we = (s, r) => {
+  const o = r.find((n) => n._id === s);
+  if (!o) return [];
+  const i = O(r, s);
+  return [o, ...i];
+}, Be = () => {
+  const s = P(), [r] = Q();
+  return ne(
+    (o = "") => {
+      const i = s != null && s._id ? we(s._id, r) : r;
+      return i ? Z(
+        i.map((n) => {
+          const d = ae(n._type);
+          if (!d) return null;
+          const u = (d == null ? void 0 : d.i18nProps) ?? [];
+          if (u.length === 0) return null;
+          const h = o === "ALL" ? Object.keys(n).filter((a) => u.find((g) => a.startsWith(g))) : u.map((a) => o ? `${a}-${o}` : a), c = ee(n, ["_id"]);
+          return te(h, (a) => {
+            c[a] = v(n, a, v(n, a.replace(`-${o}`, "")));
+          }), c;
+        })
+      ) : [];
+    },
+    [s == null ? void 0 : s._id, r]
+  );
+}, Re = E(() => import("./ai-translation-prompt-CqZE5xvG.js")), xe = E(() => import("./ai-prompt-input-DbNqAJmK.js")), De = ({
+  fetch: s,
+  input: r,
+  messages: o,
+  setInput: i,
+  isLoading: n,
+  handleStop: d,
+  setMessages: u,
+  setIsLoading: h,
+  selectedLang: c,
+  currentBlock: a,
+  fallbackLang: g,
+  abortController: y,
+  setAbortController: D,
+  setCurrentBlock: T,
+  selectedModel: k = Ne().id,
+  onModelChange: j
+}) => {
+  const { t: l } = ke(), F = se(null), f = P(), [, I] = X(), N = Be(), $ = Y(), q = () => {
+    var e;
+    (e = F.current) == null || e.scrollIntoView({ behavior: "smooth" });
+  };
+  oe(() => {
+    q();
+  }, [o, n]);
+  const w = async (e, B, W) => {
+    var A;
+    f && T(f);
+    const R = (e == null ? void 0 : e.toLowerCase()) === "translate", x = {
+      id: Date.now().toString(),
+      role: "user",
+      content: Se({
+        fallbackLang: g,
+        userInput: B || e,
+        language: c,
+        blocks: R ? N() : N(c)
+      }),
+      userMessage: B || e || l("Translate the content")
+    }, z = {
+      id: (Date.now() + 1).toString(),
+      role: "assistant",
+      content: "Thinking...",
+      isReasoning: !0,
+      isStreaming: !0
+    };
+    h(!0);
+    const U = new AbortController();
+    D(U), u((_) => [..._, x, z]), h(!0);
+    try {
+      const b = await s({ body: { action: "ASK_AI", data: {
+        messages: [x],
+        initiator: R ? "TRANSLATE_CONTENT" : "UPDATE_CONTENT",
+        model: W || k
+      } }, streamResponse: !0 });
+      if (!b.ok)
+        throw new Error(l("Failed to get AI response"));
+      const C = (A = b.body) == null ? void 0 : A.getReader(), J = new TextDecoder();
+      let m = "";
+      if (!C) throw new Error(l("Response body is not readable"));
+      for (; ; ) {
+        const { done: L, value: V } = await C.read();
+        if (L)
+          break;
+        const G = J.decode(V, { stream: !0 });
+        m += G, u((S) => (S[S.length - 1].content = m, [...S]));
+      }
+      const K = JSON.parse(m == null ? void 0 : m.replace("```json", "").replace("```", ""));
+      $(K);
+    } catch {
+      y == null || y.abort();
+    } finally {
+      h(!1), i(""), T(null);
+    }
+  };
+  return /* @__PURE__ */ p(H, { children: [
+    /* @__PURE__ */ t("div", { className: "py-2", children: /* @__PURE__ */ t(M, { fallback: /* @__PURE__ */ t("div", { children: l("Loading...") }), children: /* @__PURE__ */ t(
+      Re,
+      {
+        isLoading: n,
+        selectedBlock: f,
+        selectedLang: c,
+        onClick: w
+      }
+    ) }) }),
+    /* @__PURE__ */ t(ie, { children: /* @__PURE__ */ p(ce, { className: "gap-4 px-0", children: [
+      o.length === 0 && /* @__PURE__ */ t(
+        le,
+        {
+          icon: /* @__PURE__ */ t(Te, { size: 48, className: "text-gray-300" }),
+          title: l("Start a conversation with the AI assistant to translate/edit your content"),
+          description: l(
+            "Only content can be edited in secondary languages. To edit layout, styles and more, switch to the default language."
+          )
+        }
+      ),
+      o.map(
+        (e) => e.role !== "system" && /* @__PURE__ */ t(re, { children: e.isReasoning ? /* @__PURE__ */ p(de, { isStreaming: e.isStreaming, defaultOpen: !0, children: [
+          /* @__PURE__ */ t(ue, { className: "text-xs [&_p]:text-muted-foreground" }),
+          /* @__PURE__ */ t(he, { className: "p-0 text-xs", children: e.content })
+        ] }) : e.isTask ? /* @__PURE__ */ t(me, { content: e.content, isLoading: e.isTaskLoading }) : /* @__PURE__ */ t(fe, { from: e.role, children: /* @__PURE__ */ t(pe, { className: "p-0", children: e.role === "assistant" ? /* @__PURE__ */ t(ge, { className: "p-0 text-xs", children: e.content }) : /* @__PURE__ */ t("div", { className: "p-0 text-xs", children: e.userMessage || e.content }) }) }) }, e.id)
+      )
+    ] }) }),
+    /* @__PURE__ */ p("div", { className: "border-gray-200 pb-2", children: [
+      /* @__PURE__ */ t(ye, { onRemove: () => I([]), isLoading: n }),
+      /* @__PURE__ */ t(M, { fallback: /* @__PURE__ */ t("div", { children: l("Loading...") }), children: /* @__PURE__ */ t(
+        xe,
+        {
+          input: r,
+          setInput: i,
+          onSend: w,
+          onStop: d,
+          isLoading: n,
+          selectedLang: c,
+          currentBlock: f || a,
+          disabled: (r == null ? void 0 : r.length) === 0,
+          selectedModel: k,
+          onModelChange: j
+        }
+      ) })
+    ] })
+  ] });
+};
+export {
+  De as default
+};