@chaibuilder/pages 0.16.1 → 0.16.3

package/dist/{ZDWCUMSJ-hGXNxbOK.js → ZDWCUMSJ-DRgY2Er1.js}

@@ -1,7 +1,7 @@
 var xs = Object.defineProperty;
 var ws = (e, t, n) => t in e ? xs(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var _e = (e, t, n) => ws(e, typeof t != "symbol" ? t + "" : t, n);
-import { w as Vn, x as jn, y as K, z as sr, C as H, v as y, D as W, E as oe, S as R, s as O, F as $e, G as Ce, H as G, I as A, J as He, K as ft, M as ve, P as Ro, N as V, O as $s, Q as P, R as wt, U as un, V as k, W as T, X as Cs, Y as Kt, Z as Ss, _ as ks, $ as Cn, a0 as Es, a1 as Ds, a2 as Ms, a3 as Nt, a4 as As, a5 as Ts, a6 as Fs, a7 as ar, a8 as Hr, a9 as qs, aa as _t, ab as Ko, ac as Ur, ad as Is, ae as Os, af as Kn, ag as Ls, ah as Ps, ai as _s } from "./index-yhKyIbgs.js";
+import { w as Vn, x as jn, y as K, z as sr, C as H, v as y, D as W, E as oe, S as R, s as O, F as $e, G as Ce, H as G, I as A, J as He, K as ft, M as ve, P as Ro, N as V, O as $s, Q as P, R as wt, U as un, V as k, W as T, X as Cs, Y as Kt, Z as Ss, _ as ks, $ as Cn, a0 as Es, a1 as Ds, a2 as Ms, a3 as Nt, a4 as As, a5 as Ts, a6 as Fs, a7 as ar, a8 as Hr, a9 as qs, aa as _t, ab as Ko, ac as Ur, ad as Is, ae as Os, af as Kn, ag as Ls, ah as Ps, ai as _s } from "./index-DRQI9rlW.js";
 var zs = (e) => e != null, Rs = (e) => e.filter(zs);
 function Ks(e) {
   return (...t) => {

package/dist/{add-new-language-page-BZPoqdX-.js → add-new-language-page-DSB8ohdj.js}

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as g, Fragment as hn } from "react/jsx-runtime";
-import { p as fn, r as gn, S as mn } from "./slug-input-CKKkqGj4.js";
-import { b as xn, c as vn, d as Sn, e as pn, f as Nn, g as Z, h as Fn, i as wn, L as A } from "./index-yhKyIbgs.js";
+import { p as fn, r as gn, S as mn } from "./slug-input-RCGUFL2T.js";
+import { b as xn, c as vn, d as Sn, e as pn, f as Nn, g as Z, h as Fn, i as wn, L as A } from "./index-DRQI9rlW.js";
 import { useLanguages as An, useTranslation as T, useSidebarActivePanel as Cn } from "@chaibuilder/sdk";
 import { Dialog as En, DialogContent as $n, DialogHeader as Dn, DialogTitle as Ln, DialogDescription as Tn, Label as I, Input as Un, Alert as H, DialogFooter as kn, Button as Rn } from "@chaibuilder/sdk/ui";
 import { filter as Wn, find as Bn, startsWith as In } from "lodash-es";

package/dist/{add-new-language-page-D65TpIwK.cjs → add-new-language-page-noBKABVx.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),V=require("./slug-input--VmQG0S1.cjs"),f=require("./index-W0r4o5Ro.cjs"),w=require("@chaibuilder/sdk"),S=require("@chaibuilder/sdk/ui"),Y=require("lodash-es"),is=require("lucide-react"),N=require("react"),X=({edit:c,lang:h,languages:a,name:u,setLang:t,setName:i,primaryPageObject:o})=>{const{t:s}=w.useTranslation();return e.jsxs("div",{className:"space-y-1",children:[e.jsx(S.Label,{htmlFor:"lang",children:s("Language")}),e.jsxs("select",{value:c?"":h,disabled:c||!a.length,onChange:l=>{const x=l.target.value;t(x),!c&&(Y.startsWith(u,o==null?void 0:o.name)||u.length===0)&&i(`${o==null?void 0:o.name} - ${f.LANGUAGES[x]}`)},className:"col-span-3 flex h-9 w-full rounded-md border border-border bg-background px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",children:[e.jsx("option",{value:"",disabled:!0,children:c?f.LANGUAGES[h]||h:a.length?s("Choose language"):s("All available language page is created.")}),a.map(l=>e.jsx("option",{value:l,children:f.LANGUAGES[l]||l},l))]})]})},Z=({lang:c,name:h,setName:a,parentHasSelectedLanguagePage:u})=>{const{t}=w.useTranslation();return e.jsxs("div",{className:"space-y-1",children:[e.jsx(S.Label,{htmlFor:"name",children:t("Page Name")}),e.jsx(S.Input,{id:"name",value:c?h:"",onChange:i=>a(i.target.value),required:!0,placeholder:t(c?"Enter page name":"Choose language to add slug"),disabled:!u||!c})]})},ds=({dynamic:c,isNonSlugPageType:h,isRootPage:a,lang:u,useLanguagePrefix:t,setUseLanguagePrefix:i,isHomePage:o,parentSlug:s,parentHasSelectedLanguagePage:l,slug:x,setSlug:d,setIsSlugValid:m,getSlug:g})=>{const{t:r}=w.useTranslation();return h?null:e.jsxs("div",{className:"space-y-1",children:[a&&u&&e.jsxs("div",{className:"flex items-center space-x-2 pb-1",children:[e.jsx("input",{type:"checkbox",id:"useLanguagePrefix",checked:t,onChange:A=>i(A.target.checked),className:"rounded border-gray-300"}),e.jsxs(S.Label,{htmlFor:"useLanguagePrefix",className:"text-sm font-normal leading-tight",children:["Add language code (",e.jsxs("span",{className:"font-mono text-gray-900",children:["/",u]}),") as slug prefix"]})]}),e.jsx(S.Label,{htmlFor:"slug",children:r("Slug")}),c?e.jsx(S.Alert,{variant:"default",className:"p-2 text-xs font-medium italic text-muted-foreground",children:r("This page will use dynamic slug as defined in primary page")}):e.jsx(V.SlugInput,{disabled:!u||!l,value:x,onChange:d,placeholder:r(u?o&&t?"Leave empty for home page":"Enter page slug":"Choose language to add slug"),parentSlug:s,onValidationChange:m,fullSlug:g()})]})},_=({parentHasSelectedLanguagePage:c,name:h,lang:a,slug:u,edit:t,id:i,primaryPageObject:o,pages:s,isNonSlugPageType:l,isHomePage:x,useLanguagePrefix:d,isSlugValid:m,isPending:g})=>{const{t:r}=w.useTranslation(),A=g||!h||!a||s.some(v=>(t?v.id!==i:!0)&&v.parent===(o==null?void 0:o.id)&&v.lang===a)||!l&&!(x&&d)&&(!m||!u);return e.jsx(S.DialogFooter,{children:c?e.jsxs(e.Fragment,{children:[e.jsx(S.Button,{type:"submit",disabled:A&&!o.dynamic,children:g?e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"loader mr-2"}),r(t?"Updating...":"Adding...")]}):r(t?"Update":"Add new language page")}),s.some(v=>(t?v.id!==i:!0)&&v.parent===(o==null?void 0:o.id)&&v.lang===a)&&e.jsx("p",{className:"mt-2 text-xs text-red-500",children:r("A page for this language already exists.")})]}):a&&e.jsx(S.Alert,{variant:"destructive",children:e.jsxs("p",{className:"mx-auto w-5/6 text-center",children:[r("You need to create the")," ",e.jsx("span",{className:"font-medium",children:f.LANGUAGES[a]})," ",r("page in the parent to add here.")]})})})},cs=({onSubmit:c,edit:h,lang:a,languages:u,name:t,setLang:i,setName:o,primaryPageObject:s,parentHasSelectedLanguagePage:l,id:x,pages:d,isNonSlugPageType:m,isHomePage:g,useLanguagePrefix:r,slug:A,isSlugValid:v,isPending:E})=>e.jsxs("form",{onSubmit:c,children:[e.jsxs("div",{className:"grid gap-4 py-4",children:[e.jsx(X,{edit:h,lang:a,languages:u,name:t,setLang:i,setName:o,primaryPageObject:s}),e.jsx(Z,{lang:a,name:t,setName:o,parentHasSelectedLanguagePage:l})]}),e.jsx(_,{parentHasSelectedLanguagePage:l,name:t,lang:a,slug:A,edit:h,id:x,primaryPageObject:s,pages:d,isNonSlugPageType:m,isHomePage:g,useLanguagePrefix:r,isSlugValid:v,isPending:E})]}),rs=({loading:c,onSubmit:h,edit:a,lang:u,languages:t,name:i,setLang:o,setName:s,primaryPageObject:l,parentHasSelectedLanguagePage:x,isNonSlugPageType:d,isRootPage:m,useLanguagePrefix:g,setUseLanguagePrefix:r,isHomePage:A,parentSlug:v,slug:E,setSlug:C,isSlugValid:T,setIsSlugValid:R,getSlug:M,isPending:$,id:D,pages:L})=>c?e.jsx("div",{className:"flex h-80 items-center justify-center",children:e.jsx(is.Loader,{className:"animate-spin"})}):d?e.jsx(cs,{onSubmit:h,edit:a,lang:u,languages:t,name:i,setLang:o,setName:s,primaryPageObject:l,parentHasSelectedLanguagePage:x,id:D,pages:L,isNonSlugPageType:d,isHomePage:A,useLanguagePrefix:g,slug:E,isSlugValid:T,isPending:$}):e.jsxs("form",{onSubmit:h,children:[e.jsxs("div",{className:"grid gap-4 py-4",children:[e.jsx(X,{edit:a,lang:u,languages:t,name:i,setLang:o,setName:s,primaryPageObject:l}),e.jsx(Z,{lang:u,name:i,setName:s,parentHasSelectedLanguagePage:x}),e.jsx(ds,{dynamic:l==null?void 0:l.dynamic,isNonSlugPageType:d,isRootPage:m,lang:u,useLanguagePrefix:g,setUseLanguagePrefix:r,isHomePage:A,parentSlug:v,parentHasSelectedLanguagePage:x,slug:E,setSlug:C,isSlugValid:T,setIsSlugValid:R,getSlug:M})]}),e.jsx(_,{parentHasSelectedLanguagePage:x,name:i,lang:u,slug:E,edit:a,id:D,primaryPageObject:l,pages:L,isNonSlugPageType:d,isHomePage:A,useLanguagePrefix:g,isSlugValid:T,isPending:$})]}),hs=({id:c,isOpen:h,onClose:a,primaryPage:u,edit:t=!1,preselectedLang:i})=>{const{data:o=[]}=f.useWebsitePages(),s=N.useMemo(()=>o.find(n=>n.id===u),[o,u]),[l,x]=N.useState(""),[d,m]=N.useState(""),[g,r]=N.useState(""),[A,v]=N.useState(!0),[E,C]=N.useState(!0),{mutate:T,isPending:R}=f.useCreatePage(),{mutate:M,isPending:$}=f.useUpdatePage(),D=R||$,{data:L,isFetching:H}=f.useWebsiteSetting(),j=f.useFallbackLang(),{data:G,isFetching:b}=f.useLanguagePages(u),{data:F=[],isFetching:y}=f.useLanguagePages(s==null?void 0:s.parent),{data:z=[],isFetching:P}=f.usePageTypes(),{setSelectedLang:O}=w.useLanguages(),{t:I}=w.useTranslation(),[,ss]=f.useSearchParams(),[,es]=w.useSidebarActivePanel(),ns=H||b||y||P,U=N.useMemo(()=>Y.filter(L==null?void 0:L.languages,n=>!Y.find(G,{lang:n})),[L,G]),W=N.useMemo(()=>z.find(n=>n.key===(s==null?void 0:s.pageType)),[z,s==null?void 0:s.pageType]),J=!(W!=null&&W.hasSlug),B=(s==null?void 0:s.slug)==="/";N.useEffect(()=>{if(!t&&s&&i&&(m(i),x(`${s.name} - ${f.LANGUAGES[i]}`)),!t||!s)return;const n=G==null?void 0:G.find(us=>us.id===c);if(!n)return;x(n.name),m(n.lang);const p=n.slug||"",{initSlug:k,prefix:as}=V.parseSlugForEdit(p,s);r(k),C(as)},[t,c,G,s,i]),N.useEffect(()=>{if(i)m(i);else if((U==null?void 0:U.length)===1&&!t){const n=U[0];if(!n||!f.LANGUAGES[n])return;m(n),(!l||l===(s==null?void 0:s.name))&&x(`${s==null?void 0:s.name} - ${f.LANGUAGES[n]}`)}},[i,U,t,l,s]);const{parentSlug:K,isRootPage:q}=N.useMemo(()=>{if(B||!d)return{parentSlug:void 0,isRootPage:!(s!=null&&s.parent)};if(!(s!=null&&s.parent))return{parentSlug:E?`/${d}`:void 0,isRootPage:!0};const n=F==null?void 0:F.find(p=>p.lang===d);return{parentSlug:n==null?void 0:n.slug,isRootPage:!1}},[s==null?void 0:s.parent,F,E,d,B]),ts=N.useMemo(()=>q?!0:!!(F!=null&&F.some(n=>(n==null?void 0:n.lang)===d)),[d,F,q]),Q=()=>{let n="";return q?n=`/${E?[d,g].filter(Boolean).join("/"):g}`:n=`${V.removeSlugExtension(K)}/${g}`,n.replace(/\/{2,}/g,"/").replace(/\/$/,"")},os=n=>{const p=new URLSearchParams(window.location.search);j&&n===j?p.delete("lang"):p.set("lang",n),ss(p),window.dispatchEvent(new PopStateEvent("popstate"))},ls=n=>{n.preventDefault();const p={name:l,lang:d,primaryPage:s==null?void 0:s.id,slug:J?"":Q(),pageType:s==null?void 0:s.pageType,...t&&{id:c}},k=()=>{!t&&d&&(O(d),os(d)),es("outline"),a()};t?M(p,{onSuccess:k}):T(p,{onSuccess:k})};return e.jsx(S.Dialog,{open:h,onOpenChange:a,children:h&&e.jsxs(S.DialogContent,{className:"text-slate-600 sm:max-w-[425px]",children:[e.jsxs(S.DialogHeader,{children:[e.jsx(S.DialogTitle,{children:I(t?"Edit language":"Add new language page")}),e.jsx(S.DialogDescription,{className:"font-light",children:I("Enter the details for the language")})]}),e.jsx(rs,{id:c,pages:o,loading:ns,onSubmit:ls,edit:t,lang:d,languages:U,name:l,setLang:m,setName:x,primaryPageObject:s,parentHasSelectedLanguagePage:ts,isNonSlugPageType:J,isRootPage:q,useLanguagePrefix:E,setUseLanguagePrefix:C,isHomePage:B,parentSlug:K,slug:g,setSlug:r,isSlugValid:A,setIsSlugValid:v,getSlug:Q,isPending:D})]})})};exports.default=hs;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),V=require("./slug-input-BewLv-d8.cjs"),f=require("./index-CyHmr87X.cjs"),w=require("@chaibuilder/sdk"),S=require("@chaibuilder/sdk/ui"),Y=require("lodash-es"),is=require("lucide-react"),N=require("react"),X=({edit:c,lang:h,languages:a,name:u,setLang:t,setName:i,primaryPageObject:o})=>{const{t:s}=w.useTranslation();return e.jsxs("div",{className:"space-y-1",children:[e.jsx(S.Label,{htmlFor:"lang",children:s("Language")}),e.jsxs("select",{value:c?"":h,disabled:c||!a.length,onChange:l=>{const x=l.target.value;t(x),!c&&(Y.startsWith(u,o==null?void 0:o.name)||u.length===0)&&i(`${o==null?void 0:o.name} - ${f.LANGUAGES[x]}`)},className:"col-span-3 flex h-9 w-full rounded-md border border-border bg-background px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",children:[e.jsx("option",{value:"",disabled:!0,children:c?f.LANGUAGES[h]||h:a.length?s("Choose language"):s("All available language page is created.")}),a.map(l=>e.jsx("option",{value:l,children:f.LANGUAGES[l]||l},l))]})]})},Z=({lang:c,name:h,setName:a,parentHasSelectedLanguagePage:u})=>{const{t}=w.useTranslation();return e.jsxs("div",{className:"space-y-1",children:[e.jsx(S.Label,{htmlFor:"name",children:t("Page Name")}),e.jsx(S.Input,{id:"name",value:c?h:"",onChange:i=>a(i.target.value),required:!0,placeholder:t(c?"Enter page name":"Choose language to add slug"),disabled:!u||!c})]})},ds=({dynamic:c,isNonSlugPageType:h,isRootPage:a,lang:u,useLanguagePrefix:t,setUseLanguagePrefix:i,isHomePage:o,parentSlug:s,parentHasSelectedLanguagePage:l,slug:x,setSlug:d,setIsSlugValid:m,getSlug:g})=>{const{t:r}=w.useTranslation();return h?null:e.jsxs("div",{className:"space-y-1",children:[a&&u&&e.jsxs("div",{className:"flex items-center space-x-2 pb-1",children:[e.jsx("input",{type:"checkbox",id:"useLanguagePrefix",checked:t,onChange:A=>i(A.target.checked),className:"rounded border-gray-300"}),e.jsxs(S.Label,{htmlFor:"useLanguagePrefix",className:"text-sm font-normal leading-tight",children:["Add language code (",e.jsxs("span",{className:"font-mono text-gray-900",children:["/",u]}),") as slug prefix"]})]}),e.jsx(S.Label,{htmlFor:"slug",children:r("Slug")}),c?e.jsx(S.Alert,{variant:"default",className:"p-2 text-xs font-medium italic text-muted-foreground",children:r("This page will use dynamic slug as defined in primary page")}):e.jsx(V.SlugInput,{disabled:!u||!l,value:x,onChange:d,placeholder:r(u?o&&t?"Leave empty for home page":"Enter page slug":"Choose language to add slug"),parentSlug:s,onValidationChange:m,fullSlug:g()})]})},_=({parentHasSelectedLanguagePage:c,name:h,lang:a,slug:u,edit:t,id:i,primaryPageObject:o,pages:s,isNonSlugPageType:l,isHomePage:x,useLanguagePrefix:d,isSlugValid:m,isPending:g})=>{const{t:r}=w.useTranslation(),A=g||!h||!a||s.some(v=>(t?v.id!==i:!0)&&v.parent===(o==null?void 0:o.id)&&v.lang===a)||!l&&!(x&&d)&&(!m||!u);return e.jsx(S.DialogFooter,{children:c?e.jsxs(e.Fragment,{children:[e.jsx(S.Button,{type:"submit",disabled:A&&!o.dynamic,children:g?e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"loader mr-2"}),r(t?"Updating...":"Adding...")]}):r(t?"Update":"Add new language page")}),s.some(v=>(t?v.id!==i:!0)&&v.parent===(o==null?void 0:o.id)&&v.lang===a)&&e.jsx("p",{className:"mt-2 text-xs text-red-500",children:r("A page for this language already exists.")})]}):a&&e.jsx(S.Alert,{variant:"destructive",children:e.jsxs("p",{className:"mx-auto w-5/6 text-center",children:[r("You need to create the")," ",e.jsx("span",{className:"font-medium",children:f.LANGUAGES[a]})," ",r("page in the parent to add here.")]})})})},cs=({onSubmit:c,edit:h,lang:a,languages:u,name:t,setLang:i,setName:o,primaryPageObject:s,parentHasSelectedLanguagePage:l,id:x,pages:d,isNonSlugPageType:m,isHomePage:g,useLanguagePrefix:r,slug:A,isSlugValid:v,isPending:E})=>e.jsxs("form",{onSubmit:c,children:[e.jsxs("div",{className:"grid gap-4 py-4",children:[e.jsx(X,{edit:h,lang:a,languages:u,name:t,setLang:i,setName:o,primaryPageObject:s}),e.jsx(Z,{lang:a,name:t,setName:o,parentHasSelectedLanguagePage:l})]}),e.jsx(_,{parentHasSelectedLanguagePage:l,name:t,lang:a,slug:A,edit:h,id:x,primaryPageObject:s,pages:d,isNonSlugPageType:m,isHomePage:g,useLanguagePrefix:r,isSlugValid:v,isPending:E})]}),rs=({loading:c,onSubmit:h,edit:a,lang:u,languages:t,name:i,setLang:o,setName:s,primaryPageObject:l,parentHasSelectedLanguagePage:x,isNonSlugPageType:d,isRootPage:m,useLanguagePrefix:g,setUseLanguagePrefix:r,isHomePage:A,parentSlug:v,slug:E,setSlug:C,isSlugValid:T,setIsSlugValid:R,getSlug:M,isPending:$,id:D,pages:L})=>c?e.jsx("div",{className:"flex h-80 items-center justify-center",children:e.jsx(is.Loader,{className:"animate-spin"})}):d?e.jsx(cs,{onSubmit:h,edit:a,lang:u,languages:t,name:i,setLang:o,setName:s,primaryPageObject:l,parentHasSelectedLanguagePage:x,id:D,pages:L,isNonSlugPageType:d,isHomePage:A,useLanguagePrefix:g,slug:E,isSlugValid:T,isPending:$}):e.jsxs("form",{onSubmit:h,children:[e.jsxs("div",{className:"grid gap-4 py-4",children:[e.jsx(X,{edit:a,lang:u,languages:t,name:i,setLang:o,setName:s,primaryPageObject:l}),e.jsx(Z,{lang:u,name:i,setName:s,parentHasSelectedLanguagePage:x}),e.jsx(ds,{dynamic:l==null?void 0:l.dynamic,isNonSlugPageType:d,isRootPage:m,lang:u,useLanguagePrefix:g,setUseLanguagePrefix:r,isHomePage:A,parentSlug:v,parentHasSelectedLanguagePage:x,slug:E,setSlug:C,isSlugValid:T,setIsSlugValid:R,getSlug:M})]}),e.jsx(_,{parentHasSelectedLanguagePage:x,name:i,lang:u,slug:E,edit:a,id:D,primaryPageObject:l,pages:L,isNonSlugPageType:d,isHomePage:A,useLanguagePrefix:g,isSlugValid:T,isPending:$})]}),hs=({id:c,isOpen:h,onClose:a,primaryPage:u,edit:t=!1,preselectedLang:i})=>{const{data:o=[]}=f.useWebsitePages(),s=N.useMemo(()=>o.find(n=>n.id===u),[o,u]),[l,x]=N.useState(""),[d,m]=N.useState(""),[g,r]=N.useState(""),[A,v]=N.useState(!0),[E,C]=N.useState(!0),{mutate:T,isPending:R}=f.useCreatePage(),{mutate:M,isPending:$}=f.useUpdatePage(),D=R||$,{data:L,isFetching:H}=f.useWebsiteSetting(),j=f.useFallbackLang(),{data:G,isFetching:b}=f.useLanguagePages(u),{data:F=[],isFetching:y}=f.useLanguagePages(s==null?void 0:s.parent),{data:z=[],isFetching:P}=f.usePageTypes(),{setSelectedLang:O}=w.useLanguages(),{t:I}=w.useTranslation(),[,ss]=f.useSearchParams(),[,es]=w.useSidebarActivePanel(),ns=H||b||y||P,U=N.useMemo(()=>Y.filter(L==null?void 0:L.languages,n=>!Y.find(G,{lang:n})),[L,G]),W=N.useMemo(()=>z.find(n=>n.key===(s==null?void 0:s.pageType)),[z,s==null?void 0:s.pageType]),J=!(W!=null&&W.hasSlug),B=(s==null?void 0:s.slug)==="/";N.useEffect(()=>{if(!t&&s&&i&&(m(i),x(`${s.name} - ${f.LANGUAGES[i]}`)),!t||!s)return;const n=G==null?void 0:G.find(us=>us.id===c);if(!n)return;x(n.name),m(n.lang);const p=n.slug||"",{initSlug:k,prefix:as}=V.parseSlugForEdit(p,s);r(k),C(as)},[t,c,G,s,i]),N.useEffect(()=>{if(i)m(i);else if((U==null?void 0:U.length)===1&&!t){const n=U[0];if(!n||!f.LANGUAGES[n])return;m(n),(!l||l===(s==null?void 0:s.name))&&x(`${s==null?void 0:s.name} - ${f.LANGUAGES[n]}`)}},[i,U,t,l,s]);const{parentSlug:K,isRootPage:q}=N.useMemo(()=>{if(B||!d)return{parentSlug:void 0,isRootPage:!(s!=null&&s.parent)};if(!(s!=null&&s.parent))return{parentSlug:E?`/${d}`:void 0,isRootPage:!0};const n=F==null?void 0:F.find(p=>p.lang===d);return{parentSlug:n==null?void 0:n.slug,isRootPage:!1}},[s==null?void 0:s.parent,F,E,d,B]),ts=N.useMemo(()=>q?!0:!!(F!=null&&F.some(n=>(n==null?void 0:n.lang)===d)),[d,F,q]),Q=()=>{let n="";return q?n=`/${E?[d,g].filter(Boolean).join("/"):g}`:n=`${V.removeSlugExtension(K)}/${g}`,n.replace(/\/{2,}/g,"/").replace(/\/$/,"")},os=n=>{const p=new URLSearchParams(window.location.search);j&&n===j?p.delete("lang"):p.set("lang",n),ss(p),window.dispatchEvent(new PopStateEvent("popstate"))},ls=n=>{n.preventDefault();const p={name:l,lang:d,primaryPage:s==null?void 0:s.id,slug:J?"":Q(),pageType:s==null?void 0:s.pageType,...t&&{id:c}},k=()=>{!t&&d&&(O(d),os(d)),es("outline"),a()};t?M(p,{onSuccess:k}):T(p,{onSuccess:k})};return e.jsx(S.Dialog,{open:h,onOpenChange:a,children:h&&e.jsxs(S.DialogContent,{className:"text-slate-600 sm:max-w-[425px]",children:[e.jsxs(S.DialogHeader,{children:[e.jsx(S.DialogTitle,{children:I(t?"Edit language":"Add new language page")}),e.jsx(S.DialogDescription,{className:"font-light",children:I("Enter the details for the language")})]}),e.jsx(rs,{id:c,pages:o,loading:ns,onSubmit:ls,edit:t,lang:d,languages:U,name:l,setLang:m,setName:x,primaryPageObject:s,parentHasSelectedLanguagePage:ts,isNonSlugPageType:J,isRootPage:q,useLanguagePrefix:E,setUseLanguagePrefix:C,isHomePage:B,parentSlug:K,slug:g,setSlug:r,isSlugValid:A,setIsSlugValid:v,getSlug:Q,isPending:D})]})})};exports.default=hs;

package/dist/{add-new-page-DK25Y0zS.js → add-new-page-BYkFbQvH.js}

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as r } from "react/jsx-runtime";
 import { useTranslation as a } from "@chaibuilder/sdk";
 import { Dialog as c, DialogContent as m, DialogHeader as p, DialogTitle as h, DialogDescription as f } from "@chaibuilder/sdk/ui";
 import { lazy as D, Suspense as u } from "react";
-const x = D(() => import("./page-creator-Zbv4d4H8.js")), C = ({
+const x = D(() => import("./page-creator-BiDN-rLc.js")), C = ({
   addEditPage: o,
   setAddEditPage: i,
   closePanel: t

package/dist/{add-new-page-CQ0aj4RJ.cjs → add-new-page-CByS9KqS.cjs}

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

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

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

package/dist/ai-panel-content-DET3HjIR.js

@@ -0,0 +1,54 @@
+import { jsxs as m, Fragment as M, jsx as n } from "react/jsx-runtime";
+import { q as j, i as y } from "./index-DRQI9rlW.js";
+import { useTranslation as B, useLanguages as F } from "@chaibuilder/sdk";
+import { Button as z } from "@chaibuilder/sdk/ui";
+import { Plus as I } from "lucide-react";
+import { lazy as x, useState as l, useEffect as q, Suspense as D } from "react";
+import { toast as E } from "sonner";
+const G = x(() => import("./ai-panel-default-lang-BYfcAA8u.js")), O = x(() => import("./ai-panel-other-lang-TVjNYPRK.js")), V = () => {
+  const { t: s } = B(), [b, r] = l(""), [e, o] = l([]), [a, c] = l(!1), [i, f] = l(null), [w, u] = l(null), [C, L] = l("google/gemini-2.5-flash"), { selectedLang: d, fallbackLang: P } = F(), N = j(), [v] = y(), S = v.get("page"), k = (e == null ? void 0 : e.filter((t) => t.role === "user").length) >= 4, A = (e == null ? void 0 : e.filter((t) => t.role === "user").length) >= 10;
+  q(() => {
+    o([]);
+  }, [d, S]);
+  const g = () => {
+    o([]), r(""), u(null), f(null), c(!1);
+  }, p = {
+    t: s,
+    fetch: N,
+    input: b,
+    messages: e,
+    setInput: r,
+    isLoading: a,
+    handleStop: () => {
+      i && (i.abort(), f(null)), c(!1), r(""), u(null), o((t) => {
+        const h = t[t.length - 1];
+        return h && h.role === "assistant" && !h.content.trim() ? t.slice(0, -1) : t;
+      }), E.info(s("Generation stopped"));
+    },
+    handleReset: g,
+    setMessages: o,
+    setIsLoading: c,
+    currentBlock: w,
+    fallbackLang: P,
+    abortController: i,
+    setCurrentBlock: u,
+    setAbortController: f,
+    forceNewConversation: A,
+    suggestNewConversation: k,
+    selectedModel: C,
+    onModelChange: L
+  };
+  return /* @__PURE__ */ m(M, { children: [
+    a && /* @__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__ */ m("div", { className: "flex h-full w-full flex-col bg-white", children: [
+      /* @__PURE__ */ m("div", { className: "flex w-full items-center justify-between", children: [
+        /* @__PURE__ */ n("p", { className: "text-xs text-gray-500", children: s("Your conversation will not be saved") }),
+        (e == null ? void 0 : e.length) > 0 && /* @__PURE__ */ n(z, { variant: "outline", size: "icon", onClick: g, className: "h-6 w-6", disabled: a, children: /* @__PURE__ */ n(I, {}) })
+      ] }),
+      /* @__PURE__ */ n(D, { fallback: /* @__PURE__ */ n("div", { children: "Loading AI Panel..." }), children: d ? /* @__PURE__ */ n(O, { ...p, selectedLang: d }) : /* @__PURE__ */ n(G, { ...p }) })
+    ] })
+  ] });
+};
+export {
+  V as default
+};

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

@@ -0,0 +1,178 @@
+import { jsxs as g, Fragment as ee, jsx as r } from "react/jsx-runtime";
+import { useAddBlock as te, useReplaceBlock as ne, useSelectedBlock as re, useBlocksHtmlForAi as oe, useHtmlToBlocks as le } from "@chaibuilder/sdk";
+import { Bot as se, Plus as ae } from "lucide-react";
+import { lazy as D, useRef as ce, useEffect as ie, Suspense as _ } from "react";
+import { toast as de } from "sonner";
+import { a as ue } from "./prompt-helper-Bh7WyDYo.js";
+function me(t) {
+  if (!t) return "";
+  let e = t.trim();
+  return e = e.replace(/^```html\n?/i, ""), e = e.replace(/^```\n?/, ""), e = e.replace(/\n?```$/, ""), e = e.trim(), e;
+}
+function fe(t) {
+  if (!t) return "";
+  const e = me(t);
+  return e.length === 0 || !e.includes("<") || !e.includes(">") ? "" : e;
+}
+const he = (t) => {
+  const e = document.getElementById("canvas-iframe");
+  if (!e) return null;
+  const s = e == null ? void 0 : e.contentDocument;
+  if (!s) return null;
+  const l = s.querySelector(`[data-block-id="${t}"]`);
+  if (!l) return null;
+  if (t === "canvas") {
+    const c = s.createElement("div");
+    return c.style.height = "100vh", l.appendChild(c), c;
+  }
+  return l;
+}, pe = D(() => import("./ai-panel-message-bubble-DPAaAMAZ.js")), be = D(() => import("./ai-prompt-input-qegCvwnu.js")), Ee = ({
+  t,
+  fetch: e,
+  input: s,
+  messages: l,
+  setInput: c,
+  isLoading: u,
+  setMessages: w,
+  handleReset: j,
+  handleStop: V,
+  setIsLoading: k,
+  currentBlock: z,
+  fallbackLang: M,
+  setCurrentBlock: E,
+  setAbortController: A,
+  forceNewConversation: v,
+  suggestNewConversation: q,
+  selectedModel: N = "google/gemini-2.5-flash",
+  onModelChange: U
+}) => {
+  const B = ce(null), { addPredefinedBlock: W } = te(), $ = ne(), m = re(), C = oe(), K = le(), L = () => {
+    var o;
+    (o = B.current) == null || o.scrollIntoView({ behavior: "smooth" });
+  };
+  ie(() => {
+    L();
+  }, [l, u]);
+  const O = async (o, f, H, G) => {
+    var P;
+    if (!o || u) return;
+    const n = m;
+    E(m);
+    const I = C();
+    if (m && !I) {
+      de.error(t("Something went wrong. Please try again."));
+      return;
+    }
+    const R = {
+      id: Date.now().toString(),
+      role: "user",
+      content: ue({
+        language: M,
+        userInput: f || o,
+        currentHtml: m ? I : ""
+      }),
+      userMessage: o
+    }, F = { id: Date.now().toString(), role: "assistant", content: "" };
+    w((i) => [...i, R, F]), k(!0);
+    const J = new AbortController();
+    A(J);
+    try {
+      const i = {
+        messages: [...l, R].map((x) => ({
+          role: x.role,
+          content: x.content
+        })),
+        model: G || N
+      };
+      H && (i.image = H);
+      const h = await e({ body: { action: "ASK_AI", data: i }, streamResponse: !0 });
+      if (!h.ok)
+        throw new Error(t("Failed to get AI response"));
+      const p = (P = h.body) == null ? void 0 : P.getReader(), Q = new TextDecoder();
+      let b = "";
+      if (!p) throw new Error(t("Response body is not readable"));
+      const d = he(n ? n == null ? void 0 : n._id : "canvas");
+      for (; ; ) {
+        const { done: x, value: Y } = await p.read();
+        if (x) {
+          d && !n && d.remove();
+          break;
+        }
+        const Z = Q.decode(Y, { stream: !0 });
+        if (b += Z, d) {
+          d.innerHTML = b;
+          const y = d.getBoundingClientRect(), a = document.getElementById("canvas-iframe"), T = a == null ? void 0 : a.contentWindow;
+          T && (y.top >= 0 && y.bottom <= T.innerHeight || d.scrollIntoView({ behavior: "smooth", block: "nearest" }));
+        }
+        w(
+          (y) => y.map((a) => a.id === F.id ? { ...a, content: b } : a)
+        );
+      }
+      const X = fe(b), S = K(X);
+      n != null && n._id ? (console.log("Editing block", n == null ? void 0 : n._id, S), $(n == null ? void 0 : n._id, S)) : W([...S], n == null ? void 0 : n._parent, -1);
+    } catch (i) {
+      if (i.name !== "AbortError") {
+        const h = {
+          id: (Date.now() + 1).toString(),
+          role: "assistant",
+          content: t("Sorry, I encountered an error. Please try again.")
+        };
+        w((p) => [...p, h]);
+      }
+    } finally {
+      c(""), k(!1), E(null), A(null);
+    }
+  };
+  return /* @__PURE__ */ g(ee, { children: [
+    /* @__PURE__ */ g("div", { className: "flex-1 space-y-3 overflow-y-auto py-4", children: [
+      l.length === 0 && /* @__PURE__ */ r("div", { className: "flex-1 space-y-3 overflow-y-auto py-4", children: /* @__PURE__ */ g("div", { className: "mx-auto mt-8 text-center text-gray-500", children: [
+        /* @__PURE__ */ r(se, { size: 48, className: "mx-auto mb-4 text-gray-300" }),
+        /* @__PURE__ */ r("p", { className: "mx-auto max-w-[75%] text-sm", children: t("Start a conversation with the AI assistant to generate and update your sections") })
+      ] }) }),
+      l.map(
+        (o, f) => o.role !== "system" && /* @__PURE__ */ r(_, { fallback: /* @__PURE__ */ r("div", { children: "Loading..." }), children: /* @__PURE__ */ r(
+          pe,
+          {
+            message: o,
+            isUser: o.role === "user",
+            isLoading: o.role === "assistant" && u && f === l.length - 1
+          }
+        ) }, f)
+      ),
+      q && !u && /* @__PURE__ */ r(
+        "button",
+        {
+          onClick: j,
+          className: "flex w-full items-center justify-center gap-2 rounded-lg border border-blue-200 bg-blue-50 p-1.5 text-left transition-colors hover:bg-blue-100",
+          children: /* @__PURE__ */ r("div", { className: "flex flex-col", children: /* @__PURE__ */ g("span", { className: "flex items-center gap-1 text-xs font-medium text-blue-700", children: [
+            /* @__PURE__ */ r(ae, { className: "h-4 w-4 capitalize text-blue-600" }),
+            t(v ? "Start" : "New"),
+            " ",
+            t("Conversation"),
+            " ",
+            !v && /* @__PURE__ */ r("span", { className: "text-[10px] font-extralight text-blue-600", children: t("For best results") })
+          ] }) })
+        }
+      ),
+      /* @__PURE__ */ r("div", { ref: B })
+    ] }),
+    !v && /* @__PURE__ */ r("div", { className: "border-gray-200 pb-2", children: /* @__PURE__ */ r(_, { fallback: /* @__PURE__ */ r("div", { children: "Loading..." }), children: /* @__PURE__ */ r(
+      be,
+      {
+        input: s,
+        setInput: c,
+        onSend: O,
+        onStop: V,
+        isLoading: u,
+        selectedLang: "",
+        currentBlock: m || z,
+        disabled: (s == null ? void 0 : s.length) === 0,
+        selectedModel: N,
+        onModelChange: U
+      }
+    ) }) })
+  ] });
+};
+export {
+  Ee as default
+};

package/dist/ai-panel-default-lang-D-RS6z5I.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),h=require("@chaibuilder/sdk"),T=require("lucide-react"),d=require("react"),ee=require("sonner"),te=require("./prompt-helper-BLBZjr5q.cjs");function ne(n){if(!n)return"";let e=n.trim();return e=e.replace(/^```html\n?/i,""),e=e.replace(/^```\n?/,""),e=e.replace(/\n?```$/,""),e=e.trim(),e}function re(n){if(!n)return"";const e=ne(n);return e.length===0||!e.includes("<")||!e.includes(">")?"":e}const oe=n=>{const e=document.getElementById("canvas-iframe");if(!e)return null;const l=e==null?void 0:e.contentDocument;if(!l)return null;const s=l.querySelector(`[data-block-id="${n}"]`);if(!s)return null;if(n==="canvas"){const a=l.createElement("div");return a.style.height="100vh",s.appendChild(a),a}return s},se=d.lazy(()=>Promise.resolve().then(()=>require("./ai-panel-message-bubble-Bl-aUeU4.cjs"))),le=d.lazy(()=>Promise.resolve().then(()=>require("./ai-prompt-input-DB1FpA_q.cjs"))),ce=({t:n,fetch:e,input:l,messages:s,setInput:a,isLoading:m,setMessages:v,handleReset:_,handleStop:D,setIsLoading:k,currentBlock:z,fallbackLang:M,setCurrentBlock:R,setAbortController:E,forceNewConversation:j,suggestNewConversation:V,selectedModel:q="google/gemini-2.5-flash",onModelChange:O})=>{const A=d.useRef(null),{addPredefinedBlock:U}=h.useAddBlock(),W=h.useReplaceBlock(),f=h.useSelectedBlock(),$=h.useBlocksHtmlForAi(),C=h.useHtmlToBlocks(),K=()=>{var o;(o=A.current)==null||o.scrollIntoView({behavior:"smooth"})};d.useEffect(()=>{K()},[s,m]);const L=async(o,x,H,G)=>{var I;if(!o||m)return;const r=f;R(f);const N=$();if(f&&!N){ee.toast.error(n("Something went wrong. Please try again."));return}const P={id:Date.now().toString(),role:"user",content:te.getUserPrompt({language:M,userInput:x||o,currentHtml:f?N:""}),userMessage:o},B={id:Date.now().toString(),role:"assistant",content:""};v(i=>[...i,P,B]),k(!0);const J=new AbortController;E(J);try{const i={messages:[...s,P].map(g=>({role:g.role,content:g.content})),model:G||q};H&&(i.image=H);const b=await e({body:{action:"ASK_AI",data:i},streamResponse:!0});if(!b.ok)throw new Error(n("Failed to get AI response"));const p=(I=b.body)==null?void 0:I.getReader(),Q=new TextDecoder;let y="";if(!p)throw new Error(n("Response body is not readable"));const u=oe(r?r==null?void 0:r._id:"canvas");for(;;){const{done:g,value:Y}=await p.read();if(g){u&&!r&&u.remove();break}const Z=Q.decode(Y,{stream:!0});if(y+=Z,u){u.innerHTML=y;const w=u.getBoundingClientRect(),c=document.getElementById("canvas-iframe"),F=c==null?void 0:c.contentWindow;F&&(w.top>=0&&w.bottom<=F.innerHeight||u.scrollIntoView({behavior:"smooth",block:"nearest"}))}v(w=>w.map(c=>c.id===B.id?{...c,content:y}:c))}const X=re(y),S=C(X);r!=null&&r._id?(console.log("Editing block",r==null?void 0:r._id,S),W(r==null?void 0:r._id,S)):U([...S],r==null?void 0:r._parent,-1)}catch(i){if(i.name!=="AbortError"){const b={id:(Date.now()+1).toString(),role:"assistant",content:n("Sorry, I encountered an error. Please try again.")};v(p=>[...p,b])}}finally{a(""),k(!1),R(null),E(null)}};return t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:"flex-1 space-y-3 overflow-y-auto py-4",children:[s.length===0&&t.jsx("div",{className:"flex-1 space-y-3 overflow-y-auto py-4",children:t.jsxs("div",{className:"mx-auto mt-8 text-center text-gray-500",children:[t.jsx(T.Bot,{size:48,className:"mx-auto mb-4 text-gray-300"}),t.jsx("p",{className:"mx-auto max-w-[75%] text-sm",children:n("Start a conversation with the AI assistant to generate and update your sections")})]})}),s.map((o,x)=>o.role!=="system"&&t.jsx(d.Suspense,{fallback:t.jsx("div",{children:"Loading..."}),children:t.jsx(se,{message:o,isUser:o.role==="user",isLoading:o.role==="assistant"&&m&&x===s.length-1})},x)),V&&!m&&t.jsx("button",{onClick:_,className:"flex w-full items-center justify-center gap-2 rounded-lg border border-blue-200 bg-blue-50 p-1.5 text-left transition-colors hover:bg-blue-100",children:t.jsx("div",{className:"flex flex-col",children:t.jsxs("span",{className:"flex items-center gap-1 text-xs font-medium text-blue-700",children:[t.jsx(T.Plus,{className:"h-4 w-4 capitalize text-blue-600"}),n(j?"Start":"New")," ",n("Conversation")," ",!j&&t.jsx("span",{className:"text-[10px] font-extralight text-blue-600",children:n("For best results")})]})})}),t.jsx("div",{ref:A})]}),!j&&t.jsx("div",{className:"border-gray-200 pb-2",children:t.jsx(d.Suspense,{fallback:t.jsx("div",{children:"Loading..."}),children:t.jsx(le,{input:l,setInput:a,onSend:L,onStop:D,isLoading:m,selectedLang:"",currentBlock:f||z,disabled:(l==null?void 0:l.length)===0,selectedModel:q,onModelChange:O})})})]})};exports.default=ce;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),G=require("./index-CyHmr87X.cjs"),d=require("@chaibuilder/sdk"),j=require("lucide-react"),r=require("react"),L=require("./prompt-helper-BLBZjr5q.cjs"),Q=r.lazy(()=>Promise.resolve().then(()=>require("./ai-panel-message-bubble-Bl-aUeU4.cjs"))),X=r.lazy(()=>Promise.resolve().then(()=>require("./ai-translation-prompt-Bj-AM4xK.cjs"))),Y=r.lazy(()=>Promise.resolve().then(()=>require("./ai-prompt-input-DB1FpA_q.cjs"))),Z=({fetch:q,input:o,messages:c,setInput:f,isLoading:n,handleStop:A,handleReset:R,setMessages:b,setIsLoading:u,selectedLang:i,currentBlock:E,fallbackLang:O,abortController:x,setAbortController:I,forceNewConversation:h,suggestNewConversation:z,selectedModel:g="google/gemini-2.5-flash",onModelChange:D})=>{const{t}=d.useTranslation(),y=r.useRef(null),p=d.useSelectedBlock(),v=d.useI18nBlocks(),F=d.useStreamMultipleBlocksProps(),M=()=>{var s;(s=y.current)==null||s.scrollIntoView({behavior:"smooth"})};r.useEffect(()=>{M()},[c,n]);const w=async(s,a,U)=>{var S;const N=(s==null?void 0:s.toLowerCase())==="translate",k={id:Date.now().toString(),role:"user",content:L.getTranslationUserPrompt({fallbackLang:O,userInput:a||s,language:i,blocks:N?v():v(i)}),userMessage:a||s||t("Translate the content")};u(!0);const _=new AbortController;I(_);const C={id:Date.now().toString(),role:"assistant",content:""};b(T=>[...T,k,C]),u(!0);try{const B=await q({body:{action:"ASK_AI",data:{messages:[k],initiator:N?"TRANSLATE_CONTENT":"UPDATE_CONTENT",model:U||g}},streamResponse:!0});if(!B.ok)throw new Error(t("Failed to get AI response"));const P=(S=B.body)==null?void 0:S.getReader(),H=new TextDecoder;let l="";if(!P)throw new Error(t("Response body is not readable"));for(;;){const{done:K,value:V}=await P.read();if(K)break;const W=H.decode(V,{stream:!0});l+=W,b(m=>(m[m.length-1].content=l,[...m]))}const J=JSON.parse(l==null?void 0:l.replace("```json","").replace("```",""));F(J)}catch{x==null||x.abort()}finally{u(!1),f("")}};return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"py-2",children:e.jsx(r.Suspense,{fallback:e.jsx("div",{children:t("Loading...")}),children:e.jsx(X,{isLoading:n,selectedBlock:p,selectedLang:i,onClick:w})})}),e.jsxs("div",{className:"flex-1 space-y-3 overflow-y-auto py-4",children:[c.length===0&&e.jsxs("div",{className:"flex-1 space-y-3 overflow-y-auto py-4",children:[e.jsxs("div",{className:"mx-auto mt-8 text-center text-gray-500",children:[e.jsx(j.Bot,{size:48,className:"mx-auto mb-4 text-gray-300"}),e.jsx("p",{className:"mx-auto max-w-[75%] text-sm",children:t("Start a conversation with the AI assistant to translate/edit your content")})]}),e.jsxs("div",{className:"relative rounded-lg border px-3 py-2 text-sm text-muted-foreground",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(j.InfoIcon,{className:"h-3 w-3"}),e.jsx("span",{className:"text-xs",children:t("Only content can be edited in secondary languages. To edit layout, styles and more, switch to the default language.")})]}),e.jsx("div",{className:"mt-1",children:e.jsx(G.LanguageSwitcher,{showAdd:!1,variant:"outline",goToDefaultLang:!0})})]})]}),c.map((s,a)=>s.role!=="system"&&e.jsx(r.Suspense,{fallback:e.jsx("div",{children:t("Loading...")}),children:e.jsx(Q,{message:s,isUser:s.role==="user",isLoading:s.role==="assistant"&&n&&a===c.length-1})},a)),z&&!n&&e.jsx("button",{onClick:R,className:"flex w-full items-center justify-center gap-2 rounded-lg border border-blue-200 bg-blue-50 p-1.5 text-left transition-colors hover:bg-blue-100",children:e.jsx("div",{className:"flex flex-col",children:e.jsxs("span",{className:"flex items-center gap-1 text-xs font-medium text-blue-700",children:[e.jsx(j.Plus,{className:"h-4 w-4 capitalize text-blue-600"}),h?t("Start "):""," ",t("New Conversation")," ",!h&&e.jsx("span",{className:"text-[10px] font-extralight text-blue-600",children:t("For best results")})]})})}),e.jsx("div",{ref:y})]}),!h&&e.jsx("div",{className:"border-gray-200 pb-2",children:e.jsx(r.Suspense,{fallback:e.jsx("div",{children:t("Loading...")}),children:e.jsx(Y,{input:o,setInput:f,onSend:w,onStop:A,isLoading:n,selectedLang:i,currentBlock:p||E,disabled:(o==null?void 0:o.length)===0,selectedModel:g,onModelChange:D})})})]})};exports.default=Z;

package/dist/{ai-panel-other-lang-CCyiE6ha.js → ai-panel-other-lang-TVjNYPRK.js}

@@ -1,120 +1,123 @@
-import { jsxs as a, Fragment as V, jsx as e } from "react/jsx-runtime";
-import { aj as W } from "./index-yhKyIbgs.js";
-import { useTranslation as G, useSelectedBlock as H, useI18nBlocks as L, useStreamMultipleBlocksProps as Q } from "@chaibuilder/sdk";
-import { Bot as X, InfoIcon as Y, Plus as Z } from "lucide-react";
-import { lazy as x, useRef as $, useEffect as ee, Suspense as f } from "react";
-import { g as te } from "./prompt-helper-Csgu8Rfb.js";
-const se = x(() => import("./ai-panel-message-bubble-DPAaAMAZ.js")), ae = x(() => import("./ai-translation-prompt-BiJ5B_an.js")), re = x(() => import("./ai-prompt-input-Ch_PLEPN.js")), ue = ({
-  fetch: E,
+import { jsxs as a, Fragment as H, jsx as e } from "react/jsx-runtime";
+import { aj as L } from "./index-DRQI9rlW.js";
+import { useTranslation as Q, useSelectedBlock as X, useI18nBlocks as Y, useStreamMultipleBlocksProps as Z } from "@chaibuilder/sdk";
+import { Bot as $, InfoIcon as ee, Plus as te } from "lucide-react";
+import { lazy as g, useRef as se, useEffect as ae, Suspense as f } from "react";
+import { g as oe } from "./prompt-helper-Bh7WyDYo.js";
+const re = g(() => import("./ai-panel-message-bubble-DPAaAMAZ.js")), ne = g(() => import("./ai-translation-prompt--HB1UAhC.js")), le = g(() => import("./ai-prompt-input-qegCvwnu.js")), fe = ({
+  fetch: P,
   input: l,
   messages: c,
-  setInput: b,
-  isLoading: r,
-  handleStop: P,
-  handleReset: j,
-  setMessages: g,
+  setInput: x,
+  isLoading: o,
+  handleStop: j,
+  handleReset: I,
+  setMessages: b,
   setIsLoading: d,
   selectedLang: i,
-  currentBlock: I,
-  fallbackLang: O,
+  currentBlock: O,
+  fallbackLang: R,
   abortController: u,
-  setAbortController: R,
+  setAbortController: D,
   forceNewConversation: m,
-  suggestNewConversation: D
+  suggestNewConversation: F,
+  selectedModel: p = "google/gemini-2.5-flash",
+  onModelChange: z
 }) => {
-  const { t: s } = G(), p = $(null), y = H(), w = L(), F = Q(), M = () => {
+  const { t: s } = Q(), y = se(null), w = X(), N = Y(), M = Z(), U = () => {
     var t;
-    (t = p.current) == null || t.scrollIntoView({ behavior: "smooth" });
+    (t = y.current) == null || t.scrollIntoView({ behavior: "smooth" });
   };
-  ee(() => {
-    M();
-  }, [c, r]);
-  const N = async (t, o) => {
-    var T;
-    const v = (t == null ? void 0 : t.toLowerCase()) === "translate", k = {
+  ae(() => {
+    U();
+  }, [c, o]);
+  const v = async (t, r, _) => {
+    var S;
+    const k = (t == null ? void 0 : t.toLowerCase()) === "translate", T = {
       id: Date.now().toString(),
       role: "user",
-      content: te({
-        fallbackLang: O,
-        userInput: o || t,
+      content: oe({
+        fallbackLang: R,
+        userInput: r || t,
         language: i,
-        blocks: v ? w() : w(i)
+        blocks: k ? N() : N(i)
       }),
-      userMessage: o || t || s("Translate the content")
+      userMessage: r || t || s("Translate the content")
     };
     d(!0);
-    const z = new AbortController();
-    R(z);
-    const U = { id: Date.now().toString(), role: "assistant", content: "" };
-    g((S) => [...S, k, U]), d(!0);
+    const q = new AbortController();
+    D(q);
+    const C = { id: Date.now().toString(), role: "assistant", content: "" };
+    b((B) => [...B, T, C]), d(!0);
     try {
-      const B = await E({ body: { action: "ASK_AI", data: {
-        messages: [k],
-        initiator: v ? "TRANSLATE_CONTENT" : "UPDATE_CONTENT"
+      const A = await P({ body: { action: "ASK_AI", data: {
+        messages: [T],
+        initiator: k ? "TRANSLATE_CONTENT" : "UPDATE_CONTENT",
+        model: _ || p
       } }, streamResponse: !0 });
-      if (!B.ok)
+      if (!A.ok)
         throw new Error(s("Failed to get AI response"));
-      const A = (T = B.body) == null ? void 0 : T.getReader(), _ = new TextDecoder();
+      const E = (S = A.body) == null ? void 0 : S.getReader(), J = new TextDecoder();
       let n = "";
-      if (!A) throw new Error(s("Response body is not readable"));
+      if (!E) throw new Error(s("Response body is not readable"));
       for (; ; ) {
-        const { done: C, value: J } = await A.read();
-        if (C)
+        const { done: V, value: W } = await E.read();
+        if (V)
           break;
-        const K = _.decode(J, { stream: !0 });
-        n += K, g((h) => (h[h.length - 1].content = n, [...h]));
+        const G = J.decode(W, { stream: !0 });
+        n += G, b((h) => (h[h.length - 1].content = n, [...h]));
       }
-      const q = JSON.parse(n == null ? void 0 : n.replace("```json", "").replace("```", ""));
-      F(q);
+      const K = JSON.parse(n == null ? void 0 : n.replace("```json", "").replace("```", ""));
+      M(K);
     } catch {
       u == null || u.abort();
     } finally {
-      d(!1), b("");
+      d(!1), x("");
     }
   };
-  return /* @__PURE__ */ a(V, { children: [
+  return /* @__PURE__ */ a(H, { children: [
     /* @__PURE__ */ e("div", { className: "py-2", children: /* @__PURE__ */ e(f, { fallback: /* @__PURE__ */ e("div", { children: s("Loading...") }), children: /* @__PURE__ */ e(
-      ae,
+      ne,
       {
-        isLoading: r,
-        selectedBlock: y,
+        isLoading: o,
+        selectedBlock: w,
         selectedLang: i,
-        onClick: N
+        onClick: v
       }
     ) }) }),
     /* @__PURE__ */ a("div", { className: "flex-1 space-y-3 overflow-y-auto py-4", children: [
       c.length === 0 && /* @__PURE__ */ a("div", { className: "flex-1 space-y-3 overflow-y-auto py-4", children: [
         /* @__PURE__ */ a("div", { className: "mx-auto mt-8 text-center text-gray-500", children: [
-          /* @__PURE__ */ e(X, { size: 48, className: "mx-auto mb-4 text-gray-300" }),
+          /* @__PURE__ */ e($, { size: 48, className: "mx-auto mb-4 text-gray-300" }),
           /* @__PURE__ */ e("p", { className: "mx-auto max-w-[75%] text-sm", children: s("Start a conversation with the AI assistant to translate/edit your content") })
         ] }),
         /* @__PURE__ */ a("div", { className: "relative rounded-lg border px-3 py-2 text-sm text-muted-foreground", children: [
           /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ e(Y, { className: "h-3 w-3" }),
+            /* @__PURE__ */ e(ee, { className: "h-3 w-3" }),
             /* @__PURE__ */ e("span", { className: "text-xs", children: s(
               "Only content can be edited in secondary languages. To edit layout, styles and more, switch to the default language."
             ) })
           ] }),
-          /* @__PURE__ */ e("div", { className: "mt-1", children: /* @__PURE__ */ e(W, { showAdd: !1, variant: "outline", goToDefaultLang: !0 }) })
+          /* @__PURE__ */ e("div", { className: "mt-1", children: /* @__PURE__ */ e(L, { showAdd: !1, variant: "outline", goToDefaultLang: !0 }) })
         ] })
       ] }),
       c.map(
-        (t, o) => t.role !== "system" && /* @__PURE__ */ e(f, { fallback: /* @__PURE__ */ e("div", { children: s("Loading...") }), children: /* @__PURE__ */ e(
-          se,
+        (t, r) => t.role !== "system" && /* @__PURE__ */ e(f, { fallback: /* @__PURE__ */ e("div", { children: s("Loading...") }), children: /* @__PURE__ */ e(
+          re,
           {
             message: t,
             isUser: t.role === "user",
-            isLoading: t.role === "assistant" && r && o === c.length - 1
+            isLoading: t.role === "assistant" && o && r === c.length - 1
           }
-        ) }, o)
+        ) }, r)
       ),
-      D && !r && /* @__PURE__ */ e(
+      F && !o && /* @__PURE__ */ e(
         "button",
         {
-          onClick: j,
+          onClick: I,
           className: "flex w-full items-center justify-center gap-2 rounded-lg border border-blue-200 bg-blue-50 p-1.5 text-left transition-colors hover:bg-blue-100",
           children: /* @__PURE__ */ e("div", { className: "flex flex-col", children: /* @__PURE__ */ a("span", { className: "flex items-center gap-1 text-xs font-medium text-blue-700", children: [
-            /* @__PURE__ */ e(Z, { className: "h-4 w-4 capitalize text-blue-600" }),
+            /* @__PURE__ */ e(te, { className: "h-4 w-4 capitalize text-blue-600" }),
             m ? s("Start ") : "",
             " ",
             s("New Conversation"),
@@ -123,23 +126,25 @@ const se = x(() => import("./ai-panel-message-bubble-DPAaAMAZ.js")), ae = x(() =
           ] }) })
         }
       ),
-      /* @__PURE__ */ e("div", { ref: p })
+      /* @__PURE__ */ e("div", { ref: y })
     ] }),
     !m && /* @__PURE__ */ e("div", { className: "border-gray-200 pb-2", children: /* @__PURE__ */ e(f, { fallback: /* @__PURE__ */ e("div", { children: s("Loading...") }), children: /* @__PURE__ */ e(
-      re,
+      le,
       {
         input: l,
-        setInput: b,
-        onSend: N,
-        onStop: P,
-        isLoading: r,
+        setInput: x,
+        onSend: v,
+        onStop: j,
+        isLoading: o,
         selectedLang: i,
-        currentBlock: y || I,
-        disabled: (l == null ? void 0 : l.length) === 0
+        currentBlock: w || O,
+        disabled: (l == null ? void 0 : l.length) === 0,
+        selectedModel: p,
+        onModelChange: z
       }
     ) }) })
   ] });
 };
 export {
-  ue as default
+  fe as default
 };

package/dist/{ai-panel-quick-prompts-DeS7L1f0.cjs → ai-panel-quick-prompts-BGBdrdP7.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("@chaibuilder/sdk"),m=require("lucide-react"),x=require("react"),r=require("./prompt-helper-DgI1lgGV.cjs"),u=({onSelect:p,currentBlock:s,selectedLang:a})=>{const{t}=l.useTranslation(),[i,o]=x.useState(!1),c=a?r.LANGUAGE_CONTENT_ACTIONS:s?r.UPDATE_ACTIONS:r.ADD_NEW_SECTIONS;return e.jsxs(e.Fragment,{children:[e.jsxs("div",{onClick:()=>o(!i),className:l.mergeClasses("flex h-6 w-full cursor-pointer items-center justify-between gap-2 px-2",s?"bg-green-50/80 text-green-500 hover:bg-green-50":"bg-primary/5 text-primary hover:bg-primary/10"),children:[e.jsx("span",{className:"truncate whitespace-nowrap text-xs font-medium leading-none",children:s?e.jsxs("span",{children:[e.jsx("span",{className:"font-extralight",children:t(a?"Edit Content:":"Edit:")})," ",s._name||s._type]}):t("Quick Prompts")}),e.jsx(m.ChevronsUpDown,{className:"h-3 w-3"})]}),i&&e.jsx("div",{className:"max-h-60 w-full overflow-y-auto bg-white px-1 pb-1",children:c.map((n,d)=>e.jsx("div",{className:"flex cursor-pointer items-center gap-x-1 p-1 text-xs leading-none hover:text-blue-700",onClick:()=>{p(`${t(a||s?"Update":"Add New")} ${n.label}`,n.prompt),o(!1)},children:e.jsxs("span",{className:"truncate whitespace-nowrap",children:[s?null:e.jsx("span",{className:"font-thin text-muted-foreground",children:t("Add New")})," ",n.label]})},d))})]})};exports.default=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("@chaibuilder/sdk"),m=require("lucide-react"),x=require("react"),r=require("./prompt-helper-BLBZjr5q.cjs"),u=({onSelect:p,currentBlock:s,selectedLang:a})=>{const{t}=l.useTranslation(),[i,o]=x.useState(!1),c=a?r.LANGUAGE_CONTENT_ACTIONS:s?r.UPDATE_ACTIONS:r.ADD_NEW_SECTIONS;return e.jsxs(e.Fragment,{children:[e.jsxs("div",{onClick:()=>o(!i),className:l.mergeClasses("flex h-6 w-full cursor-pointer items-center justify-between gap-2 px-2",s?"bg-green-50/80 text-green-500 hover:bg-green-50":"bg-primary/5 text-primary hover:bg-primary/10"),children:[e.jsx("span",{className:"truncate whitespace-nowrap text-xs font-medium leading-none",children:s?e.jsxs("span",{children:[e.jsx("span",{className:"font-extralight",children:t(a?"Edit Content:":"Edit:")})," ",s._name||s._type]}):t("Quick Prompts")}),e.jsx(m.ChevronsUpDown,{className:"h-3 w-3"})]}),i&&e.jsx("div",{className:"max-h-60 w-full overflow-y-auto bg-white px-1 pb-1",children:c.map((n,d)=>e.jsx("div",{className:"flex cursor-pointer items-center gap-x-1 p-1 text-xs leading-none hover:text-blue-700",onClick:()=>{p(`${t(a||s?"Update":"Add New")} ${n.label}`,n.prompt),o(!1)},children:e.jsxs("span",{className:"truncate whitespace-nowrap",children:[s?null:e.jsx("span",{className:"font-thin text-muted-foreground",children:t("Add New")})," ",n.label]})},d))})]})};exports.default=u;

package/dist/{ai-panel-quick-prompts-Ds0Ndz7g.js → ai-panel-quick-prompts-BPrA9nvg.js}

@@ -2,7 +2,7 @@ import { jsxs as s, Fragment as d, jsx as a } from "react/jsx-runtime";
 import { useTranslation as h, mergeClasses as c } from "@chaibuilder/sdk";
 import { ChevronsUpDown as f } from "lucide-react";
 import { useState as x } from "react";
-import { L as N, U as w, A as g } from "./prompt-helper-Csgu8Rfb.js";
+import { L as N, U as w, A as g } from "./prompt-helper-Bh7WyDYo.js";
 const E = ({ onSelect: p, currentBlock: e, selectedLang: r }) => {
   const { t } = h(), [o, i] = x(!1), l = r ? N : e ? w : g;
   return /* @__PURE__ */ s(d, { children: [

package/dist/ai-prompt-input-DB1FpA_q.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),z=require("@chaibuilder/sdk"),d=require("lucide-react"),l=require("react"),g=require("@chaibuilder/sdk/ui"),v=[{id:"google/gemini-2.5-flash",name:"Gemini 2.5 Flash",creditsPer1000Tokens:1},{id:"openai/gpt-5",name:"GPT-5",creditsPer1000Tokens:3},{id:"openai/gpt-4o",name:"GPT-4o",creditsPer1000Tokens:2.5},{id:"anthropic/claude-3-5-haiku-20241022",name:"Haiku 4.5",creditsPer1000Tokens:1.5},{id:"anthropic/claude-3-5-sonnet-20241022",name:"Sonnet 4.5",creditsPer1000Tokens:2.8},{id:"anthropic/claude-3-5-sonnet-20240620",name:"Sonnet 4",creditsPer1000Tokens:2.5},{id:"google/gemini-pro",name:"Gemini Pro",creditsPer1000Tokens:1.2},{id:"xai/grok-4",name:"Grok 4",creditsPer1000Tokens:2.2}],K=s=>`${Math.ceil(s)}x`,O=({selectedModel:s,onModelChange:c,disabled:m})=>{const b=v.find(r=>r.id===s)||v[0],a=r=>{c(r)};return e.jsxs(g.DropdownMenu,{children:[e.jsx(g.DropdownMenuTrigger,{asChild:!0,children:e.jsxs("button",{type:"button",disabled:m,className:`flex !hidden items-center gap-1 rounded border border-gray-200 bg-white px-2 py-1 text-xs transition-colors ${m?"cursor-not-allowed opacity-50":"cursor-pointer hover:border-gray-300"}`,children:[e.jsx(d.Zap,{className:"h-3 w-3 text-blue-500"}),e.jsx("span",{className:"max-w-20 truncate font-medium",children:b.name})]})}),e.jsx(g.DropdownMenuContent,{className:"w-64",align:"start",children:v.map(r=>e.jsxs(g.DropdownMenuItem,{onClick:()=>a(r.id),className:`flex items-center justify-between ${s===r.id?"bg-blue-50":""}`,children:[e.jsx("span",{className:"text-sm font-medium",children:r.name}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(d.Zap,{className:"h-3 w-3 text-blue-500"}),e.jsx("span",{className:"text-xs font-medium text-gray-700",children:K(r.creditsPer1000Tokens)})]})]},r.id))})]})},_=l.lazy(()=>Promise.resolve().then(()=>require("./ai-panel-quick-prompts-BGBdrdP7.cjs"))),T="chai-ai-selected-model",C=({input:s,setInput:c,onSend:m,onStop:b,isLoading:a,disabled:r,currentBlock:w,selectedLang:n,selectedModel:R="google/gemini-2.5-flash",onModelChange:o})=>{const{t:i}=z.useTranslation(),f=l.useRef(null),y=l.useRef(null),[u,p]=l.useState(null),[j,k]=l.useState(R);l.useEffect(()=>{if(!n){const t=localStorage.getItem(T);t&&(k(t),o==null||o(t))}},[n,o]);const D=t=>{k(t),o==null||o(t),n||localStorage.setItem(T,t)},A=t=>{t.key==="Enter"&&!t.shiftKey&&(t.preventDefault(),s.trim()&&!a&&(m(s==null?void 0:s.trim(),void 0,u||void 0,j),p(null)))},I=()=>{const t=f.current;t&&(t.style.height="auto",t.style.height=Math.min(t.scrollHeight,120)+"px")},M=t=>{var h;const x=(h=t.target.files)==null?void 0:h[0];if(x&&x.type.startsWith("image/")){const N=new FileReader;N.onload=G=>{var S,P;const $=(S=G.target)==null?void 0:S.result;p($),c(i("Generate UI based on given image ")),(P=f.current)==null||P.focus()},N.readAsDataURL(x)}t.target.value=""},q=()=>{var t;(t=y.current)==null||t.click()},E=()=>{m(s==null?void 0:s.trim(),void 0,u||void 0,j),p(null)};return l.useEffect(()=>{I()},[s]),e.jsxs("div",{className:"relative",children:[!u&&!(n&&!w)&&e.jsx("div",{className:`mx-auto flex w-full max-w-[95%] flex-col items-center overflow-hidden rounded-t-md border-x border-t border-gray-200 ${a?"pointer-events-none opacity-50":""}`,children:e.jsx(_,{currentBlock:w,selectedLang:n,onSelect:(t,x)=>{var h;c(x+" "),(h=f.current)==null||h.focus()}})}),e.jsxs("div",{className:"rounded-lg border border-gray-200 bg-white",children:[u&&e.jsxs("div",{className:"relative flex w-max items-center justify-start gap-x-2 px-2 pt-2",children:[e.jsx("img",{src:u,alt:"Selected attachment",className:"max-h-16 max-w-full rounded-md border"}),e.jsx("button",{onClick:()=>p(null),className:"absolute -right-0 -top-0 flex items-center rounded-full bg-red-400 p-1 text-xs text-white hover:bg-red-500",title:i("Remove image"),children:e.jsx(d.X,{className:"h-2 w-2"})})]}),e.jsx("textarea",{ref:f,value:s,onChange:t=>c(t.target.value),onKeyDown:A,placeholder:i(n?"Ask to update content":"Ask me anything..."),className:`max-h-[200px] min-h-[60px] w-full resize-none rounded-lg border-none px-3 py-2 text-sm outline-none ${a?"cursor-not-allowed opacity-50":""}`,rows:3,disabled:a}),e.jsxs("div",{className:"flex items-center justify-between p-2",children:[n?e.jsx("div",{}):e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("button",{disabled:a,onClick:q,className:`p-1.5 text-gray-400 hover:text-gray-500 ${a||n?"cursor-not-allowed opacity-50":""}`,title:i("Attach Image"),children:e.jsx(d.Paperclip,{size:16})}),e.jsx(O,{selectedModel:j,onModelChange:D,disabled:a})]}),e.jsx("input",{disabled:a,ref:y,type:"file",accept:"image/*",onChange:M,className:"hidden"}),a?e.jsxs("button",{onClick:b,className:"z-50 flex items-center gap-x-1 rounded-md bg-red-500 p-1.5 text-white transition-colors hover:bg-red-600",title:i("Stop generation"),children:[e.jsx(d.Square,{size:16})," ",e.jsx("span",{className:"text-xs",children:i("Stop")})]}):e.jsx("button",{onClick:E,disabled:!s.trim()||r,className:`rounded-md bg-blue-500 p-1.5 text-white ${!s.trim()||r?"cursor-not-allowed opacity-50":"transition-colors hover:bg-blue-600"}`,children:e.jsx(d.Send,{size:16})})]})]})]})};exports.default=C;