@chaibuilder/pages 0.16.8 → 0.16.10

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

@@ -0,0 +1,313 @@
+import { jsxs as S, Fragment as F, jsx as m } from "react/jsx-runtime";
+import { C as P, a as W, b as O, R as $, c as V, d as q, T as j, M as K, e as _, f as z, h as G, S as U, i as J } from "./selected-block-display-CZ3zwgqL.js";
+import { useAddBlock as Q, useReplaceBlock as X, useRemoveBlocks as Y, getBlocksFromHTML as L, useSelectedBlock as Z, useSelectedBlockIds as tt, useBlocksHtmlForAi as et } from "@chaibuilder/sdk";
+import { Bot as nt } from "lucide-react";
+import { useCallback as rt, lazy as st, Fragment as ot, Suspense as it } from "react";
+import { toast as at } from "sonner";
+const ct = () => {
+  const { addPredefinedBlock: A } = Q(), x = X(), k = Y(), B = async (r, e) => {
+    if (!e) return;
+    const o = L(e);
+    await A(o, r.parentId, r.position);
+  }, v = async (r, e) => {
+    if (!r.blockId || !e) return;
+    const o = L(e);
+    await x(r.blockId, o);
+  }, y = async (r) => {
+    !r.ids || r.ids.length === 0 || await k(r.ids);
+  };
+  let u = null;
+  const N = (r, e) => {
+    const o = document.getElementById("canvas-iframe");
+    if (!o)
+      return null;
+    const a = o == null ? void 0 : o.contentDocument;
+    if (!a)
+      return null;
+    a.querySelectorAll("[data-stream-canvas]").forEach((f) => f.remove());
+    let n = null;
+    if (r && r !== "undefined" && (n = a.querySelector(`[data-block-id="${r}"]`)), n || (n = a.body), !n)
+      return null;
+    if (u = a.createElement("div"), u.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(u, n.children[f]) : n.appendChild(u);
+    } else
+      n.appendChild(u);
+    return u;
+  }, C = (r) => {
+    var n;
+    const e = document.getElementById("canvas-iframe");
+    if (!e)
+      return null;
+    const o = e == null ? void 0 : e.contentDocument;
+    if (!o)
+      return null;
+    o.querySelectorAll("[data-stream-canvas]").forEach((f) => f.remove());
+    const d = o.querySelector(`[data-block-id="${r}"]`);
+    return d ? (u = o.createElement("div"), u.setAttribute("data-stream-canvas", "true"), (n = d.parentNode) == null || n.insertBefore(u, d.nextSibling), d.style.display = "none", u) : null;
+  }, w = (r, e, o) => {
+    const a = N(e, o);
+    if (a) {
+      a.innerHTML = r;
+      const d = a.getBoundingClientRect(), n = document.getElementById("canvas-iframe"), f = n == null ? void 0 : n.contentWindow;
+      f && (d.top >= 0 && d.bottom <= f.innerHeight || a.scrollIntoView({ behavior: "smooth", block: "nearest" }));
+    }
+  }, T = (r, e) => {
+    const o = C(e);
+    o && (o.innerHTML = r);
+  }, E = (r) => {
+    const e = r.match(/^--ACTION=(.+)--$/);
+    if (!e) return null;
+    let a = e[1].replace(/--/g, "").split("|");
+    const n = { type: a[0] };
+    return a.forEach((f) => {
+      const t = f.trim();
+      if (t.startsWith("PARENT=")) {
+        const s = t.substring(7);
+        n.parentId = s === "undefined" ? void 0 : s;
+      } 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((s) => s.trim()));
+    }), n;
+  };
+  return rt(
+    async (r, e) => {
+      const o = new TextDecoder();
+      let a = "", d = "", n = !1, f = null;
+      const t = {
+        isInAction: !1,
+        currentAction: null,
+        htmlBuffer: "",
+        isCapturingHtml: !1
+      }, s = async (g) => {
+        const i = g.trim();
+        if (i === "--START--") {
+          n = !0;
+          return;
+        }
+        if (n) {
+          if (i === "--END--") {
+            t.currentAction && (t.htmlBuffer || t.currentAction.type === "REMOVE") && await I(t.currentAction, t.htmlBuffer), u && (u.remove(), u = null);
+            return;
+          }
+          if (i.startsWith("--THINKING=")) {
+            const c = i.substring(11);
+            e((l) => {
+              const h = [...l], p = h[h.length - 1];
+              if (p && p.role === "assistant" && p.isReasoning)
+                p.content = c, p.isStreaming = !1;
+              else {
+                const M = {
+                  id: Date.now().toString(),
+                  role: "assistant",
+                  content: c,
+                  isReasoning: !0,
+                  isStreaming: !1
+                };
+                h.push(M);
+              }
+              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
+            };
+            f = l, e((p) => [...p, 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 I(t.currentAction, t.htmlBuffer), t.currentAction = E(i), t.htmlBuffer = "", t.isInAction = !0;
+            return;
+          }
+          if (i === "--ENDACTION--") {
+            t.currentAction && (t.htmlBuffer || t.currentAction.type === "REMOVE") && await I(t.currentAction, t.htmlBuffer), f && (e((c) => c.map((l) => l.isTask ? { ...l, isTaskCompleted: !0 } : l)), f = 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" ? w(t.htmlBuffer, t.currentAction.parentId, t.currentAction.position) : t.currentAction.type === "EDIT" && t.currentAction.blockId && T(t.htmlBuffer, t.currentAction.blockId);
+            }
+            return;
+          }
+          t.isCapturingHtml && t.currentAction && (t.htmlBuffer += g + `
+`, t.currentAction.type === "ADD" ? w(t.htmlBuffer, t.currentAction.parentId, t.currentAction.position) : t.currentAction.type === "EDIT" && t.currentAction.blockId && T(t.htmlBuffer, t.currentAction.blockId));
+        }
+      }, I = async (g, i) => {
+        try {
+          switch (g.type) {
+            case "ADD":
+              await B(g, i);
+              break;
+            case "EDIT":
+              await v(g, i);
+              break;
+            case "REMOVE":
+              await y(g);
+              break;
+          }
+          e((c) => c.filter((l) => !l.isTask));
+        } catch (c) {
+          console.log(c);
+        }
+      };
+      try {
+        for (; ; ) {
+          const { done: g, value: i } = await r.read();
+          if (g) break;
+          const c = o.decode(i, { stream: !0 });
+          a += c, d += c;
+          const l = d.split(`
+`);
+          d = l.pop() || "";
+          for (const h of l)
+            await s(h);
+        }
+        d && await s(d);
+      } catch (g) {
+        console.log(g);
+      }
+    },
+    [k]
+  );
+}, lt = st(() => import("./ai-prompt-input-CrBweB8X.js")), pt = ({
+  t: A,
+  fetch: x,
+  input: k,
+  messages: B,
+  setInput: v,
+  isLoading: y,
+  setMessages: u,
+  handleStop: N,
+  setIsLoading: C,
+  currentBlock: w,
+  fallbackLang: T,
+  setCurrentBlock: E,
+  setAbortController: r,
+  selectedModel: e = "google/gemini-2.5-pro",
+  onModelChange: o
+}) => {
+  const a = Z(), [, d] = tt(), n = et(), f = ct(), t = async (s, I, g, i) => {
+    var M;
+    if (!s || y) return;
+    E(a);
+    const c = n(a ? { blockId: a._id, additionalCoreBlocks: ["Icon"] } : { additionalCoreBlocks: ["Icon"] });
+    if (a && !c) {
+      at.error(A("Something went wrong. Please try again."));
+      return;
+    }
+    const l = {
+      id: Date.now().toString(),
+      role: "user",
+      content: J({
+        language: T,
+        userInput: I || s,
+        currentHtml: c
+      }),
+      userMessage: s
+    }, h = {
+      id: (Date.now() + 1).toString(),
+      role: "assistant",
+      content: "",
+      isReasoning: !0,
+      isStreaming: !0
+    };
+    u((b) => [...b, l, h]), C(!0);
+    const p = new AbortController();
+    r(p);
+    try {
+      const b = {
+        messages: [l].map((H) => ({
+          role: H.role,
+          content: H.content
+        })),
+        model: i || e
+      };
+      g && (b.image = g);
+      const D = await x({ body: { action: "ASK_AI", data: b }, streamResponse: !0 });
+      if (!D.ok)
+        throw new Error(A("Failed to get AI response"));
+      const R = (M = D.body) == null ? void 0 : M.getReader();
+      if (!R) throw new Error(A("Response body is not readable"));
+      await f(R, u);
+    } catch (b) {
+      if (b.name !== "AbortError") {
+        const D = {
+          id: (Date.now() + 1).toString(),
+          role: "assistant",
+          content: A("Sorry, I encountered an error. Please try again.")
+        };
+        u((R) => [...R, D]);
+      }
+    } finally {
+      v(""), C(!1), E(null), r(null);
+    }
+  };
+  return /* @__PURE__ */ S(F, { children: [
+    /* @__PURE__ */ S(P, { className: "no-scrollbar", children: [
+      /* @__PURE__ */ S(W, { className: "gap-2 px-0", children: [
+        B.length === 0 && /* @__PURE__ */ m(
+          O,
+          {
+            icon: /* @__PURE__ */ m(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")
+          }
+        ),
+        B.map(
+          (s) => s.role !== "system" && /* @__PURE__ */ m(ot, { children: s.isReasoning ? /* @__PURE__ */ S($, { isStreaming: s.isStreaming, defaultOpen: !0, children: [
+            /* @__PURE__ */ m(V, { className: "text-xs [&_p]:text-muted-foreground" }),
+            /* @__PURE__ */ m(q, { className: "p-0 text-xs", children: s.content })
+          ] }) : s.isTask && !s.isTaskCompleted ? /* @__PURE__ */ m(j, { content: s.content, isLoading: s.isTaskLoading }) : /* @__PURE__ */ m(K, { from: s.role, children: /* @__PURE__ */ m(_, { className: "p-0", children: s.role === "assistant" ? /* @__PURE__ */ m(z, { className: "p-0 text-xs", children: s.content }) : /* @__PURE__ */ m("div", { className: "p-0 text-xs", children: s.userMessage || s.content }) }) }) }, s.id)
+        )
+      ] }),
+      /* @__PURE__ */ m(G, {})
+    ] }),
+    /* @__PURE__ */ S("div", { className: "border-gray-200 pb-2", children: [
+      /* @__PURE__ */ m(U, { onRemove: () => d([]), isLoading: y }),
+      /* @__PURE__ */ m(it, { fallback: /* @__PURE__ */ m("div", { children: "Loading..." }), children: /* @__PURE__ */ m(
+        lt,
+        {
+          input: k,
+          setInput: v,
+          onSend: t,
+          onStop: N,
+          isLoading: y,
+          selectedLang: "",
+          currentBlock: a || w,
+          disabled: (k == null ? void 0 : k.length) === 0,
+          selectedModel: e,
+          onModelChange: o
+        }
+      ) })
+    ] })
+  ] });
+};
+export {
+  pt as default
+};

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

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

package/dist/ai-panel-other-lang-5Hdkr4eJ.js

@@ -0,0 +1,130 @@
+import { jsxs as i, Fragment as $, jsx as t } from "react/jsx-runtime";
+import { C as G, a as H, b as Q, R as X, c as Y, d as Z, T as L, M as ee, e as te, f as ne, S as oe, g as se } from "./selected-block-display-CZ3zwgqL.js";
+import { useTranslation as ae, useSelectedBlock as re, useSelectedBlockIds as ce, useI18nBlocks as ie, useStreamMultipleBlocksProps as le } from "@chaibuilder/sdk";
+import { Bot as de } from "lucide-react";
+import { lazy as v, useRef as ue, useEffect as he, Suspense as B, Fragment as ge } from "react";
+const me = v(() => import("./ai-translation-prompt-E3TEDobP.js")), fe = v(() => import("./ai-prompt-input-CrBweB8X.js")), we = ({
+  fetch: A,
+  input: s,
+  messages: l,
+  setInput: g,
+  isLoading: a,
+  handleStop: E,
+  setMessages: m,
+  setIsLoading: d,
+  selectedLang: r,
+  currentBlock: M,
+  fallbackLang: C,
+  abortController: u,
+  setAbortController: O,
+  setCurrentBlock: f,
+  selectedModel: p = "google/gemini-2.5-pro",
+  onModelChange: P
+}) => {
+  const { t: n } = ae(), I = ue(null), c = re(), [, D] = ce(), k = ie(), F = le(), j = () => {
+    var e;
+    (e = I.current) == null || e.scrollIntoView({ behavior: "smooth" });
+  };
+  he(() => {
+    j();
+  }, [l, a]);
+  const T = async (e, y, _) => {
+    var N;
+    c && f(c);
+    const S = (e == null ? void 0 : e.toLowerCase()) === "translate", w = {
+      id: Date.now().toString(),
+      role: "user",
+      content: se({
+        fallbackLang: C,
+        userInput: y || e,
+        language: r,
+        blocks: S ? k() : k(r)
+      }),
+      userMessage: y || e || n("Translate the content")
+    }, q = {
+      id: (Date.now() + 1).toString(),
+      role: "assistant",
+      content: "Thinking...",
+      isReasoning: !0,
+      isStreaming: !0
+    };
+    d(!0);
+    const z = new AbortController();
+    O(z), m((b) => [...b, w, q]), 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(), U = new TextDecoder();
+      let o = "";
+      if (!R) throw new Error(n("Response body is not readable"));
+      for (; ; ) {
+        const { done: K, value: V } = await R.read();
+        if (K)
+          break;
+        const W = U.decode(V, { stream: !0 });
+        o += W, m((h) => (h[h.length - 1].content = o, [...h]));
+      }
+      const J = JSON.parse(o == null ? void 0 : o.replace("```json", "").replace("```", ""));
+      F(J);
+    } catch {
+      u == null || u.abort();
+    } finally {
+      d(!1), g(""), f(null);
+    }
+  };
+  return /* @__PURE__ */ i($, { children: [
+    /* @__PURE__ */ t("div", { className: "py-2", children: /* @__PURE__ */ t(B, { fallback: /* @__PURE__ */ t("div", { children: n("Loading...") }), children: /* @__PURE__ */ t(
+      me,
+      {
+        isLoading: a,
+        selectedBlock: c,
+        selectedLang: r,
+        onClick: T
+      }
+    ) }) }),
+    /* @__PURE__ */ t(G, { children: /* @__PURE__ */ i(H, { className: "gap-4 px-0", children: [
+      l.length === 0 && /* @__PURE__ */ t(
+        Q,
+        {
+          icon: /* @__PURE__ */ t(de, { 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(ge, { children: e.isReasoning ? /* @__PURE__ */ i(X, { isStreaming: e.isStreaming, defaultOpen: !0, children: [
+          /* @__PURE__ */ t(Y, { className: "text-xs [&_p]:text-muted-foreground" }),
+          /* @__PURE__ */ t(Z, { className: "p-0 text-xs", children: e.content })
+        ] }) : e.isTask ? /* @__PURE__ */ t(L, { content: e.content, isLoading: e.isTaskLoading }) : /* @__PURE__ */ t(ee, { from: e.role, children: /* @__PURE__ */ t(te, { className: "p-0", children: e.role === "assistant" ? /* @__PURE__ */ t(ne, { className: "p-0 text-xs", children: e.content }) : /* @__PURE__ */ t("div", { className: "p-0 text-xs", children: e.userMessage || e.content }) }) }) }, e.id)
+      )
+    ] }) }),
+    /* @__PURE__ */ i("div", { className: "border-gray-200 pb-2", children: [
+      /* @__PURE__ */ t(oe, { onRemove: () => D([]), isLoading: a }),
+      /* @__PURE__ */ t(B, { fallback: /* @__PURE__ */ t("div", { children: n("Loading...") }), children: /* @__PURE__ */ t(
+        fe,
+        {
+          input: s,
+          setInput: g,
+          onSend: T,
+          onStop: E,
+          isLoading: a,
+          selectedLang: r,
+          currentBlock: c || M,
+          disabled: (s == null ? void 0 : s.length) === 0,
+          selectedModel: p,
+          onModelChange: P
+        }
+      ) })
+    ] })
+  ] });
+};
+export {
+  we as default
+};

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

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