https://www.volumn.ai/_next/static/chunks/9621.aef605e07a37d891.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9621],{9621:(e,t,n)=>{n.r(t),n.d(t,{default:()=>I});var r=n(53757),l=n(3193),a=n(15615),i=n(32236),s=n(38757),c=n(63301),o=n(15101),d=n(1916),u=n(94569),b=n(42196),p=n(4444),f=n(3848),h=n(11521),x=n(97686),g=n(54858),m=n(59265),z=n(65086),k=n(56355),y=n(76640),v=n(12949),w=n(18006),j=n(98142),C=n(55175),N=n(26029),A=n(47137),S=n(24361),E=n(4018),M=n(23255);let T=b.bP.create({name:"video",group:"block",atom:!0,selectable:!0,draggable:!0,addAttributes:()=>({src:{default:null},controls:{default:!0}}),parseHTML:()=>[{tag:"video"}],renderHTML(e){let{HTMLAttributes:t}=e;return["video",{...t,controls:t.controls?"controls":void 0,class:"w-full rounded-xl border border-zinc-200 dark:border-zinc-800 bg-black"}]}}),D=b.bP.create({name:"audio",group:"block",atom:!0,selectable:!0,draggable:!0,addAttributes:()=>({src:{default:null},controls:{default:!0}}),parseHTML:()=>[{tag:"audio"}],renderHTML(e){let{HTMLAttributes:t}=e;return["audio",{...t,controls:t.controls?"controls":void 0,class:"w-full rounded-xl border border-zinc-200 dark:border-zinc-800 bg-white dark:bg-zinc-950"}]}}),H=[{name:"Default",color:"inherit"},{name:"Gray",color:"#6B7280"},{name:"Brown",color:"#92400E"},{name:"Orange",color:"#EA580C"},{name:"Yellow",color:"#CA8A04"},{name:"Green",color:"#16A34A"},{name:"Blue",color:"#2563EB"},{name:"Purple",color:"#9333EA"},{name:"Pink",color:"#DB2777"},{name:"Red",color:"#DC2626"}],U=b.YY.create({name:"fontSize",addGlobalAttributes:()=>[{types:["textStyle"],attributes:{fontSize:{default:null,parseHTML:e=>e.style.fontSize||null,renderHTML:e=>{let t=e.fontSize;return t?{style:`font-size: ${t}`}:{}}}}}]});function R(e){let t=(e??"").toString();if(!t.trim())return[];try{let e=new DOMParser().parseFromString(t,"text/html"),n=e.body.querySelectorAll("p,pre,blockquote p,h1,h2,h3,h4,h5,h6");if(n.length>0)return Array.from(n).map(e=>(e.textContent??"").toString().replace(/\s+$/g,""));return(e.body.textContent??"").toString().split(/\r?\n/g).map(e=>e.replace(/\s+$/g,""))}catch{return[]}}let $="ai-diff:recompute",P=new p.hs("ai-diff"),B=b.YY.create({name:"aiDiffDecorations",addOptions:()=>({getDiff:()=>null}),addProseMirrorPlugins(){return[new p.k_({key:P,state:{init:(e,t)=>{let n=this.options.getDiff();return n?L(t.doc,n):f.zF.empty},apply:(e,t,n,r)=>{if(e.getMeta($)||e.docChanged){let e=this.options.getDiff();return e?L(r.doc,e):f.zF.empty}return t}},props:{decorations:e=>P.getState(e)}})]}});function L(e,t){let n=R(t.before),r=R(t.after);if(0===n.length&&0===r.length)return f.zF.empty;let l=function(e,t,n){let r=e.length,l=t.length,a=r+l,i=new Int32Array(2*a+1),s=[];i[a+1]=0;for(let c=0;c<=a;c++){let o=new Int32Array(i);for(let d=-c;d<=c;d+=2){let u,b=a+d,p=(u=d===-c||d!==c&&i[b-1]<i[b+1]?i[b+1]:i[b-1]+1)-d;for(;u<r&&p<l&&n(e[u],t[p]);)u++,p++;if(o[b]=u,u>=r&&p>=l){s.push(o);let n=[],i=r,c=l;for(let r=s.length-1;r>=0;r--){let l,o=s[r],d=r,u=i-c,b=a+u;l=u===-d||u!==d&&o[b-1]<o[b+1]?u+1:u-1;let p=o[a+l],f=p-l;for(;i>p&&c>f;)n.push({type:"equal",value:t[c-1]}),i--,c--;if(0===d)break;i===p?(n.push({type:"insert",value:t[c-1]}),c--):(n.push({type:"delete",value:e[i-1]}),i--)}n.reverse();let d=[];for(let e of n){let t=d[d.length-1];t&&(t.type,e.type),d.push(e)}return d}}s.push(o),i=o}return[]}(n,r,(e,t)=>e===t),a=[];e.descendants((e,t)=>{e.isTextblock&&a.push({pos:t,nodeSize:e.nodeSize,contentSize:e.content.size})});let i=[],s=0;for(let t of l){if("equal"===t.type){s++;continue}if("insert"===t.type){let e=a[s];e&&(i.push(f.NZ.node(e.pos,e.pos+e.nodeSize,{class:"ai-diff-insert"})),e.contentSize>0&&i.push(f.NZ.inline(e.pos+1,e.pos+e.nodeSize-1,{class:"ai-diff-insert"}))),s++;continue}if("delete"===t.type){let n=s<a.length?a[s].pos:e.content.size,r=(t.value??"").toString();if(0===r.trim().length)continue;i.push(f.NZ.widget(n,()=>{let e=document.createElement("div");return e.className="ai-diff-delete-widget",e.textContent=r,e},{side:-1}))}}return f.zF.create(e,i)}function I(e){let{initialContent:t="",value:n,onUpdateAction:b,editable:p=!0,diff:f}=e,[R,P]=(0,S.useState)(!1),[L,I]=(0,S.useState)(!1),q=(0,S.useRef)(b),F=(0,S.useRef)(!1),O=(0,S.useRef)(null),Y=(0,S.useRef)(f??null),_=(0,S.useRef)(null),G=(0,S.useRef)(null),Z=(0,S.useRef)(null),K=(0,S.useRef)(null),V=(0,S.useRef)(null),[W,J]=(0,S.useState)(null),[Q,X]=(0,S.useState)(!1),[ee,et]=(0,S.useState)(""),en=(0,S.useRef)(null),[er,el]=(0,S.useState)(!1),ea=(0,S.useRef)(()=>!1);(0,S.useEffect)(()=>{q.current=b},[b]);let ei=(0,l.hG)({extensions:[o.xJ,d.Q,U,i.A.configure({heading:{levels:[1,2,3]}}

1),s.Ay,T,D,c.Ay.configure({controls:!1}),u.A.configure({placeholder:"Type something wonderful..."}),B.configure({getDiff:()=>Y.current})],content:"string"==typeof n?n:t,editable:p,onUpdate:e=>{let{editor:t}=e;if(F.current)return;let n=t.getHTML();O.current=n,q.current?.(n)},editorProps:{attributes:{class:"prose prose-zinc dark:prose-invert max-w-none focus:outline-none min-h-[300px] prose-p:my-1 prose-headings:my-2 prose-li:my-0 leading-normal prose-strong:text-inherit"},handlePaste:(e,t)=>ea.current(t)},immediatelyRender:!1});(0,S.useEffect)(()=>{Y.current=f??null,ei&&ei.view.dispatch(ei.view.state.tr.setMeta($,Date.now()))},[f,ei]),(0,S.useEffect)(()=>{ei&&ei.setEditable(!!p)},[ei,p]),(0,S.useEffect)(()=>{ei&&"string"==typeof n&&O.current!==n&&(O.current=n,F.current=!0,ei.commands.setContent(n,{emitUpdate:!1}),queueMicrotask(()=>{F.current=!1}))},[ei,n]);let es=(0,S.useCallback)(async e=>{let{session:t}=await (0,E.getSessionWithTimeout)({timeoutMs:4500,retries:2,retryDelayMs:200}),n=t?.user?.id;if(!n)throw Error("Not signed in");let r="chat-attachments",l=`${n}/${crypto.randomUUID()}-${e.name}`,{error:a}=await E.ND.storage.from(r).upload(l,e,{contentType:e.type,upsert:!1});if(a)throw Error(a.message);let{data:i}=E.ND.storage.from(r).getPublicUrl(l);if(!i.publicUrl)throw Error("Failed to get public url");return i.publicUrl},[]),ec=(0,S.useCallback)(()=>{L||_.current?.click()},[L]),eo=(0,S.useCallback)(()=>{L||G.current?.click()},[L]),ed=(0,S.useCallback)(()=>{L||Z.current?.click()},[L]),eu=(0,S.useCallback)(async e=>{let t=e.target.files?.[0]??null;if(e.target.value="",t&&ei)try{I(!0);let e=await es(t),n=V.current;"number"==typeof n?ei.chain().focus().insertContentAt(n,{type:"image",attrs:{src:e}}).run():ei.chain().focus().setImage({src:e}).run(),V.current=null,X(!1)}catch(t){let e=t instanceof Error?t.message:"Upload failed";window.alert(e)}finally{I(!1)}},[ei,es]),eb=(0,S.useCallback)(e=>{let t=(0,M.n)(e.clipboardData);return 0!==t.length&&(e.preventDefault(),!ei||!p||!!L||((async()=>{try{for(let e of(I(!0),t)){let t=await es(e);ei.chain().focus().setImage({src:t}).run()}}catch(t){let e=t instanceof Error?t.message:"Upload failed";window.alert(e)}finally{I(!1)}})(),!0))},[p,ei,L,es]);(0,S.useEffect)(()=>{ea.current=eb},[eb]);let ep=(0,S.useCallback)(async e=>{let t=e.target.files?.[0]??null;if(e.target.value="",t&&ei)try{I(!0);let e=await es(t),n=V.current;"number"==typeof n?ei.chain().focus().insertContentAt(n,{type:"video",attrs:{src:e,controls:!0}}).run():ei.chain().focus().insertContent({type:"video",attrs:{src:e,controls:!0}}).run(),V.current=null,X(!1)}catch(t){let e=t instanceof Error?t.message:"Upload failed";window.alert(e)}finally{I(!1)}},[ei,es]),ef=(0,S.useCallback)(async e=>{let t=e.target.files?.[0]??null;if(e.target.value="",t&&ei)try{I(!0);let e=await es(t),n=V.current;"number"==typeof n?ei.chain().focus().insertContentAt(n,{type:"audio",attrs:{src:e,controls:!0}}).run():ei.chain().focus().insertContent({type:"audio",attrs:{src:e,controls:!0}}).run(),V.current=null,X(!1)}catch(t){let e=t instanceof Error?t.message:"Upload failed";window.alert(e)}finally{I(!1)}},[ei,es]),eh=(0,S.useCallback)(e=>{if(!ei)return null;let t=K.current;if(!t||!t.contains(e)||e.closest('[data-block-plus="1"]')||e.closest('[data-block-menu="1"]'))return null;let n=e.closest("p,h1,h2,h3,li,blockquote,pre");if(!n||!ei.view.dom.contains(n))return null;let r=t.getBoundingClientRect(),l=n.getBoundingClientRect(),a=l.left-r.left-28,i=l.top-r.top+2,s=l.left-r.left,c=l.top-r.top,o=0;try{o=ei.view.posAtDOM(n,0)}catch{return null}let d=ei.state.doc.resolve(o),u=d.depth;for(;u>0&&!d.node(u).isBlock;)u-=1;let b=u>0?d.after(u):o,p=o;try{p=u>0?d.before(u):o}catch{p=o}return{top:i,left:a,blockPos:o,insertPosBelow:b,insertPosAbove:p,blockTop:c,blockLeft:s,blockWidth:l.width,blockHeight:l.height}},[ei]),ex=(0,S.useCallback)(e=>{if(!p||Q)return;let t=e.target;if(!t||t.closest('[data-block-plus="1"]')||t.closest('[data-block-menu="1"]'))return;let n=eh(t);n?J(n):J(null)},[eh,p,Q]),eg=(0,S.useCallback)(()=>{Q||J(null)},[Q]),em=(0,S.useCallback)(e=>{!ei||W&&(V.current=e?W.insertPosAbove:W.insertPosBelow,ei.chain().focus().setTextSelection(W.blockPos).run(),et(""),X(!0),setTimeout(()=>

1en.current?.focus(),0))},[ei,W]),ez=(0,S.useCallback)(()=>{X(!1),et(""),V.current=null},[]),ek=(0,S.useCallback)(()=>{ei&&(ei.chain().focus().setParagraph().run(),ez())},[ez,ei]),ey=(0,S.useCallback)(e=>{ei&&(ei.chain().focus().setHeading({level:e}).run(),ez())},[ez,ei]),ev=(0,S.useCallback)(e=>{let t=ee.trim().toLowerCase();return!t||e.toLowerCase().includes(t)},[ee]),ew=(0,S.useCallback)(e=>{"Escape"===e.key&&(e.preventDefault(),ez())},[ez]);if(!ei)return null;let ej=ei.getAttributes("textStyle").fontSize??null;return(0,r.jsxs)("div",{className:"relative w-full",ref:K,onMouseMove:ex,onMouseLeave:eg,children:[(0,r.jsx)("input",{ref:_,type:"file",accept:"image/*",className:"hidden",onChange:eu}),(0,r.jsx)("input",{ref:G,type:"file",accept:"video/*",className:"hidden",onChange:ep}),(0,r.jsx)("input",{ref:Z,type:"file",accept:"audio/*",className:"hidden",onChange:ef}),ei&&(0,r.jsxs)(a.m,{className:"flex items-center gap-1 rounded-lg border border-zinc-200 bg-white p-1 shadow-lg dark:border-zinc-800 dark:bg-zinc-900 z-50",editor:ei,options:{placement:"top-start"},children:[(0,r.jsx)("button",{onClick:()=>ei.chain().focus().toggleBold().run(),className:`rounded p-1.5 hover:bg-zinc-100 dark:hover:bg-zinc-800 ${ei.isActive("bold")?"bg-zinc-100 text-blue-600 dark:bg-zinc-800 dark:text-blue-400":"text-zinc-600 dark:text-zinc-400"}`,title:"Bold",children:(0,r.jsx)(h.A,{className:"h-4 w-4"})}),(0,r.jsx)("button",{onClick:()=>ei.chain().focus().toggleItalic().run(),className:`rounded p-1.5 hover:bg-zinc-100 dark:hover:bg-zinc-800 ${ei.isActive("italic")?"bg-zinc-100 text-blue-600 dark:bg-zinc-800 dark:text-blue-400":"text-zinc-600 dark:text-zinc-400"}`,title:"Italic",children:(0,r.jsx)(x.A,{className:"h-4 w-4"})}),(0,r.jsx)("button",{onClick:()=>ei.chain().focus().toggleUnderline().run(),className:`rounded p-1.5 hover:bg-zinc-100 dark:hover:bg-zinc-800 ${ei.isActive("underline")?"bg-zinc-100 text-blue-600 dark:bg-zinc-800 dark:text-blue-400":"text-zinc-600 dark:text-zinc-400"}`,title:"Underline",children:(0,r.jsx)(g.A,{className:"h-4 w-4"})}),(0,r.jsx)("button",{onClick:()=>ei.chain().focus().toggleStrike().run(),className:`rounded p-1.5 hover:bg-zinc-100 dark:hover:bg-zinc-800 ${ei.isActive("strike")?"bg-zinc-100 text-blue-600 dark:bg-zinc-800 dark:text-blue-400":"text-zinc-600 dark:text-zinc-400"}`,title:"Strikethrough",children:(0,r.jsx)(m.A,{className:"h-4 w-4"})}),(0,r.jsx)("div",{className:"mx-1 h-4 w-px bg-zinc-200 dark:bg-zinc-700"}),(0,r.jsx)("button",{onClick:()=>{ei.chain().focus().setMark("textStyle",{fontSize:"2.25rem"===ej?null:"2.25rem"}).removeEmptyTextStyle().run()},className:`rounded p-1.5 hover:bg-zinc-100 dark:hover:bg-zinc-800 ${"2.25rem"===ej?"bg-zinc-100 text-blue-600 dark:bg-zinc-800 dark:text-blue-400":"text-zinc-600 dark:text-zinc-400"}`,title:"Heading 1",children:(0,r.jsx)(z.A,{className:"h-4 w-4"})}),(0,r.jsx)("button",{onClick:()=>{ei.chain().focus().setMark("textStyle",{fontSize:"1.875rem"===ej?null:"1.875rem"}).removeEmptyTextStyle().run()},className:`rounded p-1.5 hover:bg-zinc-100 dark:hover:bg-zinc-800 ${"1.875rem"===ej?"bg-zinc-100 text-blue-600 dark:bg-zinc-800 dark:text-blue-400":"text-zinc-600 dark:text-zinc-400"}`,title:"Heading 2",children:(0,r.jsx)(k.A,{className:"h-4 w-4"})}),(0,r.jsx)("button",{onClick:()=>{ei.chain().focus().setMark("textStyle",{fontSize:"1.5rem"===ej?null:"1.5rem"}).removeEmptyTextStyle().run()},className:`rounded p-1.5 hover:bg-zinc-100 dark:hover:bg-zinc-800 ${"1.5rem"===ej?"bg-zinc-100 text-blue-600 dark:bg-zinc-800 dark:text-blue-400":"text-zinc-600 dark:text-zinc-400"}`,title:"Heading 3",children:(0,r.jsx)(y.A,{className:"h-4 w-4"})}),(0,r.jsx)("div",{className:"mx-1 h-4 w-px bg-zinc-200 dark:bg-zinc-700"}),(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsx)("button",{onClick:()=>{P(!R),X(!1)},className:`rounded p-1.5 hover:bg-zinc-100 dark:hover:bg-zinc-800 ${R?"bg-zinc-100 text-blue-600 dark:bg-zinc-800 dark:text-blue-400":"text-zinc-600 dark:text-zinc-400"}`,title:"Text Color",children:(0,r.jsx)(v.A,{className:"h-4 w-4"})}),R&&(0,r.jsx)("div",{className:"absolute left-1/2 top-full mt-2 -translate-x-1/2 roun

1ded-lg border border-zinc-200 bg-white p-2 shadow-xl dark:border-zinc-800 dark:bg-zinc-900 grid grid-cols-5 gap-1 w-40 z-50",children:H.map(e=>(0,r.jsx)("button",{onClick:()=>{ei.chain().focus().setColor(e.color).run(),P(!1)},className:"h-6 w-6 rounded-md border border-zinc-100 hover:scale-110 transition-transform dark:border-zinc-800",style:{backgroundColor:"inherit"===e.color?"#000":e.color},title:e.name,children:"inherit"===e.color&&(0,r.jsx)("span",{className:"text-[10px] text-white flex justify-center items-center h-full w-full",children:"A"})},e.name))})]})]}),p&&W&&(0,r.jsx)("button",{type:"button","data-block-plus":"1",onMouseEnter:()=>el(!0),onMouseLeave:()=>el(!1),onClick:e=>{el(!1),em(e.altKey)},className:"absolute z-40 flex h-6 w-6 items-center justify-center rounded-md text-zinc-400 hover:bg-zinc-100 hover:text-zinc-700 dark:hover:bg-zinc-800 dark:hover:text-zinc-200",style:{top:W.top,left:W.left},children:(0,r.jsx)(w.A,{className:"h-4 w-4"})}),p&&W&&er&&!Q&&(0,r.jsxs)("div",{"data-block-plus":"1",className:"pointer-events-none absolute z-50 max-w-[220px] rounded-lg border border-zinc-200 bg-white px-3 py-2 text-xs text-zinc-700 shadow-xl dark:border-zinc-800 dark:bg-zinc-900 dark:text-zinc-200",style:{to

1p:W.top-4,left:W.left+32},children:[(0,r.jsx)("div",{children:"Click to add below"}),(0,r.jsx)("div",{children:"Option-click to add above"})]}),p&&Q&&W&&(0,r.jsxs)("div",{"data-block-menu":"1",className:"absolute z-50 w-[280px] rounded-xl border border-zinc-200 bg-white p-2 shadow-xl dark:border-zinc-800 dark:bg-zinc-900",style:{top:W.top+28,left:W.left+26},onKeyDown:ew,children:[(0,r.jsx)("input",{ref:en,value:ee,onChange:e=>et(e.target.value),placeholder:"Type to filter...",className:"w-full rounded-lg border border-zinc-200 bg-white px-3 py-2 text-sm text-zinc-900 outline-none focus:border-zinc-400 dark:border-zinc-800 dark:bg-zinc-950 dark:text-zinc-100"}),(0,r.jsxs)("div",{className:"mt-2",children:[(0,r.jsx)("div",{className:"px-2 py-1 text-xs font-semibold text-zinc-500",children:"Text"}),(0,r.jsxs)("div",{className:"flex flex-col gap-1",children:[ev("Text")&&(0,r.jsxs)("button",{type:"button",onClick:ek,className:"flex w-full items-center gap-2 rounded-lg px-2 py-2 text-sm text-zinc-700 hover:bg-zinc-100 dark:text-zinc-200 dark:hover:bg-zinc-800",children:[(0,r.jsx)(j.A,{className:"h-4 w-4 text-zinc-400"}),(0,r.jsx)("span",{children:"Text"})]}),ev("Heading 1")&&(0,r.jsxs)("button",{type:"button",onClick:()=>ey(1),className:"flex w-full items-center gap-2 rounded-lg px-2 py-2 text-sm text-zinc-700 hover:bg-zinc-100 dark:text-zinc-200 dark:hover:bg-zinc-800",children:[(0,r.jsx)(z.A,{className:"h-4 w-4 text-zinc-400"}),(0,r.jsx)("span",{children:"Heading 1"})]}),ev("Heading 2")&&(0,r.jsxs)("button",{type:"button",onClick:()=>ey(2),className:"flex w-full items-center gap-2 rounded-lg px-2 py-2 text-sm text-zinc-700 hover:bg-zinc-100 dark:text-zinc-200 dark:hover:bg-zinc-800",children:[(0,r.jsx)(k.A,{className:"h-4 w-4 text-zinc-400"}),(0,r.jsx)("span",{children:"Heading 2"})]}),ev("Heading 3")&&(0,r.jsxs)("button",{type:"button",onClick:()=>ey(3),className:"flex w-full items-center gap-2 rounded-lg px-2 py-2 text-sm text-zinc-700 hover:bg-zinc-100 dark:text-zinc-200 dark:hover:bg-zinc-800",children:[(0,r.jsx)(y.A,{className:"h-4 w-4 text-zinc-400"}),(0,r.jsx)("span",{children:"Heading 3"})]})]})]}),(0,r.jsxs)("div",{className:"mt-2 border-t border-zinc-200 pt-2 dark:border-zinc-800",children:[(0,r.jsx)("div",{className:"px-2 py-1 text-xs font-semibold text-zinc-500",children:"Media"}),(0,r.jsxs)("div",{className:"flex flex-col gap-1",children:[ev("Image")&&(0,r.jsxs)("button",{type:"button",onClick:ec,disabled:L,className:"flex w-full items-center gap-2 rounded-lg px-2 py-2 text-sm text-zinc-700 hover:bg-zinc-100 disabled:opacity-60 dark:text-zinc-200 dark:hover:bg-zinc-800",children:[(0,r.jsx)(C.A,{className:"h-4 w-4 text-zinc-400"}),(0,r.jsx)("span",{children:L?"Uploading…":"Image"})]}),ev("Video")&&(0,r.jsxs)("button",{type:"button",onClick:eo,disabled:L,className:"flex w-full items-center gap-2 rounded-lg px-2 py-2 text-sm text-zinc-700 hover:bg-zinc-100 disabled:opacity-60 dark:text-zinc-200 dark:hover:bg-zinc-800",children:[(0,r.jsx)(N.A,{className:"h-4 w-4 text-zinc-400"}),(0,r.jsx)("span",{children:L?"Uploading…":"Video"})]}),ev("Audio")&&(0,r.jsxs)("button",{type:"button",onClick:ed,disabled:L,className:"flex w-full items-center gap-2 rounded-lg px-2 py-2 text-sm text-zinc-700 hover:bg-zinc-100 disabled:opacity-60 dark:text-zinc-200 dark:hover:bg-zinc-800",children:[(0,r.jsx)(A.A,{className:"h-4 w-4 text-zinc-400"}),(0,r.jsx)("span",{children:L?"Uploading…":"Audio"})]})]})]})]}),(0,r.jsx)("div",{children:(0,r.jsx)(l.$Z,{editor:ei})})]})}}}]);