@chaibuilder/pages 0.16.12 → 0.16.14

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

@@ -1,313 +0,0 @@
-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-DdW-DWF1.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-B_NRADBT.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-sy6vkQJh.cjs

@@ -1,3 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),h=require("./selected-block-display-BEbuJn0l.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(),v=async(r,e)=>{if(!e)return;const o=k.getBlocksFromHTML(e);await b(o,r.parentId,r.position)},x=async(r,e)=>{if(!r.blockId||!e)return;const o=k.getBlocksFromHTML(e);await H(r.blockId,o)},I=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 S(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 S(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 S(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))}},S=async(g,i)=>{try{switch(g.type){case"ADD":await v(g,i);break;case"EDIT":await x(g,i);break;case"REMOVE":await I(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-DcyVXcLG.cjs"))),W=({t:b,fetch:H,input:y,messages:v,setInput:x,isLoading:I,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,S,g,i)=>{var M;if(!s||I)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:S||s,currentHtml:c}),userMessage:s},p={id:(Date.now()+1).toString(),role:"assistant",content:"",isReasoning:!0,isStreaming:!0};d(B=>[...B,u,p]),T(!0);const A=new AbortController;r(A);try{const B={messages:[u].map(L=>({role:L.role,content:L.content})),model:i||e};g&&(B.image=g);const D=await H({body:{action:"ASK_AI",data:B},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(B){if(B.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{x(""),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:[v.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")}),v.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:I}),l.jsx(j.Suspense,{fallback:l.jsx("div",{children:"Loading..."}),children:l.jsx(O,{input:y,setInput:x,onSend:t,onStop:N,isLoading:I,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-BwjSDD3L.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./selected-block-display-BEbuJn0l.cjs"),a=require("@chaibuilder/sdk"),G=require("lucide-react"),o=require("react"),H=o.lazy(()=>Promise.resolve().then(()=>require("./ai-translation-prompt-Ip7w2_Ey.cjs"))),Q=o.lazy(()=>Promise.resolve().then(()=>require("./ai-prompt-input-DcyVXcLG.cjs"))),X=({fetch:v,input:c,messages:u,setInput:j,isLoading:i,handleStop:A,setMessages:y,setIsLoading:h,selectedLang:l,currentBlock:P,fallbackLang:q,abortController:x,setAbortController:E,setCurrentBlock:k,selectedModel:S="google/gemini-2.5-pro",onModelChange:M})=>{const{t:n}=a.useTranslation(),O=o.useRef(null),d=a.useSelectedBlock(),[,C]=a.useSelectedBlockIds(),T=a.useI18nBlocks(),D=a.useStreamMultipleBlocksProps(),I=()=>{var t;(t=O.current)==null||t.scrollIntoView({behavior:"smooth"})};o.useEffect(()=>{I()},[u,i]);const f=async(t,m,F)=>{var b;d&&k(d);const p=(t==null?void 0:t.toLowerCase())==="translate",R={id:Date.now().toString(),role:"user",content:s.getTranslationUserPrompt({fallbackLang:q,userInput:m||t,language:l,blocks:p?T():T(l)}),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("```",""));D(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(H,{isLoading:i,selectedBlock:d,selectedLang:l,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:()=>C([]),isLoading:i}),e.jsx(o.Suspense,{fallback:e.jsx("div",{children:n("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;