@chaibuilder/sdk 4.0.0-beta.3 → 4.0.0-beta.31

package/dist/{ai-panel-content-D_o7Q_A-.js → ai-panel-content-tExD3yhH.js}

@@ -1,34 +1,35 @@
 import { jsxs as h, Fragment as k, jsx as n } from "react/jsx-runtime";
-import { n as y, B as A } from "./index-Ct7ElCGK.js";
-import { v as B, c as F } from "./index-ZuacEL1j.js";
+import { B as y } from "./register-chai-top-bar-D6GjnauV.js";
+import { d as A } from "./index-DsQXiNA_.js";
+import { v as B, c as F } from "./index-DtMksfXx.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-DnElspF0.js")), T = x(() => import("./ai-panel-other-lang-Dp0E9_Hx.js")), X = () => {
-  const { t: r } = R(), [b, a] = l(""), [e, s] = l([]), [c, i] = l(!1), [f, u] = l(null), [w, d] = l(null), [C, L] = l(G().id), { selectedLang: m, fallbackLang: N } = y(), 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;
+const O = x(() => import("./ai-panel-default-lang-DnYLHSaS.js")), T = x(() => import("./ai-panel-other-lang-D1pCJluY.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), i(!1);
+    s([]), a(""), d(null), u(null), c(!1);
   }, p = {
     t: r,
     fetch: P,
     input: b,
     messages: e,
     setInput: a,
-    isLoading: c,
+    isLoading: i,
     handleStop: () => {
-      f && (f.abort(), u(null)), i(!1), a(""), d(null), s((t) => {
+      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: i,
+    setIsLoading: c,
     currentBlock: w,
     fallbackLang: N,
     abortController: f,
@@ -40,11 +41,11 @@ const O = x(() => import("./ai-panel-default-lang-DnElspF0.js")), T = x(() => im
     onModelChange: L
   };
   return /* @__PURE__ */ h(k, { children: [
-    c && /* @__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" }),
+    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(A, { variant: "outline", size: "icon", onClick: g, className: "h-6 w-6", disabled: c, children: /* @__PURE__ */ n(z, {}) })
+        (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,
@@ -57,5 +58,5 @@ const O = x(() => import("./ai-panel-default-lang-DnElspF0.js")), T = x(() => im
   ] });
 };
 export {
-  X as default
+  Z as default
 };

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

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

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

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

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

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

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

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