@chaibuilder/sdk 4.0.0-beta.47 → 4.0.0-beta.49

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

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

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

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

package/dist/ai-panel-other-lang-DaCf-cq4.js

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),g=require("./index-DCJDQs1a.cjs"),n=require("./selected-block-display-CAFEOrLV.cjs"),L=require("lucide-react"),r=require("react"),ee=require("react-i18next"),O=require("./index-BVwFJWDq.cjs"),te=r.lazy(()=>Promise.resolve().then(()=>require("./ai-translation-prompt-B16cK-1Q.cjs"))),se=r.lazy(()=>Promise.resolve().then(()=>require("./ai-prompt-input-nZ5_Dm7X.cjs"))),ne=({fetch:_,input:x,messages:w,setInput:b,isLoading:m,handleStop:F,setMessages:A,setIsLoading:v,selectedLang:j,currentBlock:z,fallbackLang:U,abortController:R,setAbortController:J,setCurrentBlock:M,selectedModel:K,onModelChange:V})=>{const{t:l}=ee.useTranslation(),{models:N}=O.useAIModels(),s=O.useAIConfig(),W=N.find(e=>e.id==="google/gemini-3-flash")||N[0],E=K||W.id,G=r.useRef(null),p=g.useSelectedBlock(),[,H]=g.useSelectedBlockIds(),B=g.useI18nBlocks(),Q=g.useStreamMultipleBlocksProps(),X=()=>{var e;(e=G.current)==null||e.scrollIntoView({behavior:"smooth"})};r.useEffect(()=>{X()},[w,m]);const I=async(e,f,Y)=>{var C,D;p&&M(p);const q=(e==null?void 0:e.toLowerCase())==="translate",P={id:Date.now().toString(),role:"user",content:n.getTranslationUserPrompt({fallbackLang:U,userInput:f||e,language:j,blocks:q?B():B(j)}),userMessage:f||e||l("Translate the content")},Z={id:(Date.now()+1).toString(),role:"assistant",content:"Thinking...",isReasoning:!0,isStreaming:!0};v(!0);const $=new AbortController;J($),A(c=>[...c,P,Z]),v(!0);const a=Y||E;(C=s.onAIEvent)==null||C.call(s,{type:"stream_start",model:a,timestamp:Date.now()});try{const c={messages:[P],initiator:q?"TRANSLATE_CONTENT":"UPDATE_CONTENT",model:a,context:s.context},i=await _({body:{action:"ASK_AI",data:c},streamResponse:!0});if(!i.ok)throw new Error(l("Failed to get AI response"));const d=(D=i.body)==null?void 0:D.getReader(),y=new TextDecoder;let o="";if(!d)throw new Error(l("Response body is not readable"));for(;;){const{done:h,value:T}=await d.read();if(h)break;const k=y.decode(T,{stream:!0});o+=k,A(u=>(u[u.length-1].content=o,[...u]))}const S=JSON.parse(o==null?void 0:o.replace("```json","").replace("```",""));Q(S),r.startTransition(()=>{var T,k,u;const h=Date.now();(T=s.onSuccess)==null||T.call(s,{content:o,model:a,timestamp:h}),(k=s.onComplete)==null||k.call(s,{success:!0,content:o,model:a,timestamp:h}),(u=s.onAIEvent)==null||u.call(s,{type:"completion",content:o,model:a,timestamp:h})})}catch(c){R==null||R.abort(),r.startTransition(()=>{var y,o,S;const i=c instanceof Error?c.message:String(c),d=Date.now();(y=s.onError)==null||y.call(s,{error:i,model:a,timestamp:d}),(o=s.onComplete)==null||o.call(s,{success:!1,error:i,model:a,timestamp:d}),(S=s.onAIEvent)==null||S.call(s,{type:"error",error:i,model:a,timestamp:d})})}finally{v(!1),b(""),M(null)}};return t.jsxs(t.Fragment,{children:[t.jsx("div",{className:"py-2",children:t.jsx(r.Suspense,{fallback:t.jsx("div",{children:l("Loading...")}),children:t.jsx(te,{isLoading:m,selectedBlock:p,selectedLang:j,onClick:I})})}),t.jsx(n.Conversation,{children:t.jsxs(n.ConversationContent,{className:"gap-4 px-0",children:[w.length===0&&t.jsx(n.ConversationEmptyState,{icon:t.jsx(L.Bot,{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.")}),w.map(e=>e.role!=="system"&&t.jsx(r.Fragment,{children:e.isReasoning?t.jsxs(n.Reasoning,{isStreaming:e.isStreaming,defaultOpen:!0,children:[t.jsx(n.ReasoningTrigger,{className:"text-xs [&_p]:text-muted-foreground"}),t.jsx(n.ReasoningContent,{className:"p-0 text-xs",children:e.content})]}):e.isTask?t.jsx(n.TaskMessage,{content:e.content,isLoading:e.isTaskLoading}):t.jsx(n.Message,{from:e.role,children:t.jsx(n.MessageContent,{className:"p-0",children:e.role==="assistant"?t.jsx(n.MessageResponse,{className:"p-0 text-xs",children:e.content}):t.jsx("div",{className:"p-0 text-xs",children:e.userMessage||e.content})})})},e.id))]})}),t.jsxs("div",{className:"border-gray-200 pb-2",children:[t.jsx(n.SelectedBlockDisplay,{onRemove:()=>H([]),isLoading:m}),t.jsx(r.Suspense,{fallback:t.jsx("div",{children:l("Loading...")}),children:t.jsx(se,{input:x,setInput:b,onSend:I,onStop:F,isLoading:m,selectedLang:j,currentBlock:p||z,disabled:(x==null?void 0:x.length)===0,selectedModel:E,onModelChange:V})})]})]})};exports.default=ne;