likec4 1.56.0 → 1.57.0

package/__app__/chunks/AIChat2.mjs

@@ -0,0 +1,2 @@
+import{l as e}from"./libs/@tanstack/react-router.mjs";import{W as t,Y as n,v as r}from"./libs/remeda.mjs";import{M as i,Tt as a,X as o,_ as s,h as c,mt as l,pt as u,q as d,z as f}from"./libs/@mantine/core.mjs";import{u as p}from"./libs/@mantine/hooks.mjs";import{t as m}from"./css.mjs";import{t as h}from"./Markdown.mjs";import{g,n as _}from"./libs/@tabler/icons-react.mjs";import{r as v}from"./libs/@react-hookz/web.mjs";import{r as y,s as b,t as x}from"./hstack.mjs";import{c as S,p as C}from"./libs/framer-motion.mjs";import{t as w}from"./txt.mjs";import{a as T,c as E,i as D,n as O,o as k,r as A,s as j,t as M}from"./libs/zod.mjs";import{t as N}from"./hooks.mjs";import{r as P,t as F}from"./libs/@tanstack/ai-client.mjs";import{n as I}from"./libs/@tanstack/ai.mjs";import{t as L}from"./libs/@tanstack/ai-react.mjs";import{t as ee}from"./libs/@tanstack/ai-react-ui.mjs";import{n as te,t as ne}from"./libs/superjson.mjs";import{createContext as re,use as ie,useEffect as ae,useRef as R,useState as z}from"react";import{c as B}from"react-compiler-runtime";import{Fragment as V,jsx as H,jsxs as U}from"react/jsx-runtime";import{ElementShapes as W}from"@likec4/core/styles";import{RichText as G,nonNullable as K,nonexhaustive as q}from"@likec4/core";import{AIAdapter as oe}from"likec4:rpc";const J=re(null);function Y(){return K(ie(J),`useChatContext: ChatProvider is not provided`)}function se(){let e=B(22),{sendMessage:t,isLoading:n,messages:r,clear:a,stop:o}=Y(),[s,c]=z(``),u=R(null),f;e[0]!==n||e[1]!==t||e[2]!==s?(f=()=>{!s.trim()||n||(t(s),c(``))},e[0]=n,e[1]=t,e[2]=s,e[3]=f):f=e[3];let p=f,m;e[4]===Symbol.for(`react.memo_cache_sentinel`)?(m=e=>c(e.target.value),e[4]=m):m=e[4];let h;e[5]===p?h=e[6]:(h=e=>{e.key===`Enter`&&!e.shiftKey&&!e.ctrlKey&&!e.metaKey&&(e.preventDefault(),p())},e[5]=p,e[6]=h);let g;e[7]!==n||e[8]!==h||e[9]!==s?(g=H(i,{flex:1,className:`chat-input`,placeholder:`Your question...`,value:s,onChange:m,onKeyDown:h,disabled:n,ref:u,loading:n,autosize:!0,minRows:1}),e[7]=n,e[8]=h,e[9]=s,e[10]=g):g=e[10];let v;e[11]!==a||e[12]!==n||e[13]!==r.length?(v=r.length>0&&!n&&H(d,{size:`sm`,color:`red`,variant:`light`,onClick:()=>a(),children:`Clear`}),e[11]=a,e[12]=n,e[13]=r.length,e[14]=v):v=e[14];let y;e[15]!==n||e[16]!==o?(y=n&&H(l,{color:`red`,variant:`light`,onClick:()=>o(),children:H(_,{})}),e[15]=n,e[16]=o,e[17]=y):y=e[17];let b;return e[18]!==g||e[19]!==v||e[20]!==y?(b=U(x,{children:[g,v,y]}),e[18]=g,e[19]=v,e[20]=y,e[21]=b):b=e[21],b}function ce(){let e=B(7),{messages:t,error:n}=Y(),r;e[0]===t?r=e[1]:(r=t.map(le),e[0]=t,e[1]=r);let i;e[2]===n?i=e[3]:(i=n&&H(s,{styles:{icon:{alignSelf:`flex-start`}},color:`red`,title:`Oops, something went wrong`,withCloseButton:!1,children:U(w,{fontSize:`sm`,fontFamily:`mono`,whiteSpace:`pre`,my:`xs`,children:[n.message,n.stack&&`
+`+n.stack]})}),e[2]=n,e[3]=i);let a;return e[4]!==r||e[5]!==i?(a=U(V,{children:[r,i]}),e[4]=r,e[5]=i,e[6]=a):a=e[6],a}function le(e){return H(ue,{message:e},e.id)}const ue=e=>{let t=B(4),{message:n}=e,r=n.role,i;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(i=m({color:`text.bright`,alignSelf:`flex-end`,paddingInline:`2`,paddingBlock:`1`,marginInlineEnd:`2`,rounded:`sm`,backgroundColor:`default.hover`,whiteSpace:`pre-wrap`}),t[0]=i):i=t[0];let a=r===`user`?de:fe,o;return t[1]!==n||t[2]!==a?(o=H(ee,{message:n,userClassName:i,textPartRenderer:a}),t[1]=n,t[2]=a,t[3]=o):o=t[3],o},de=e=>{let t=B(2),{content:n}=e,r;return t[0]===n?r=t[1]:(r=H(V,{children:n}),t[0]=n,t[1]=r),r},fe=e=>{let t=B(4),{content:n}=e,r;t[0]===n?r=t[1]:(r=G.from({md:n}),t[0]=n,t[1]=r);let i;return t[2]===r?i=t[3]:(i=H(h,{textScale:.95,value:r}),t[2]=r,t[3]=i),i},X=j({id:E().meta({description:`Node ID`}),title:E(),shape:M(W),color:E().meta({description:`Node color, from theme or custom`}),icon:E().nullish(),parentId:E().nullish().meta({description:`Parent node ID (if node is nested)`}),children:O(E()).nullish().meta({description:`Nested node IDs (if node is compound)`}),x:k(),y:k(),width:k(),height:k(),modelFqn:E().nullish().meta({description:`Model element FQN (if node has reference)`})}),pe=I({name:`read_ui`,description:`Read current UI state. Use arguments to include additional data.`,needsApproval:!1,inputSchema:j({selectedNode:A().default(!1).meta({description:`Include selected node (if any)`}),nodes:A().default(!1).meta({description:`Include all nodes from the view`})}),outputSchema:j({projectId:E(),editMode:A().meta({description:`Whether the UI is in edit mode`}),view:j({id:E(),title:E(),type:M([`element`,`deployment`,`dynamic`]).meta({description:`Type of the current view`})}).meta({description:`Current view`}),nodes:O(X).nullish(),selectedNode:X.nullish()})}),me=I({name:`update_ui`,description:`Update UI state by executing a command.`,needsApproval:!1,inputSchema:j({command:D(`type`,[j({type:T(`focus`),elementId:E().meta({description:`Element ID (FQN)`})}).meta({description:`Focus UI on an element by its FQN`}),j({type:T(`fitview`)}).meta({description:`Zoom out to fit all elements in the viewport, and clear any selection/focus`})])}),outputSchema:j({})}),he=I({name:`navigate_to`,description:`Navigates UI to another view`,needsApproval:!1,inputSchema:j({viewId:E().meta({description:`View ID`})}),outputSchema:j({})});function ge(e){return({id:t,data:n,...r})=>{let i=n.icon??void 0;i===`none`&&(i=void 0);let a=e.parentLookup.get(t)?.values().map(e=>e.id).toArray();return{id:t,title:n.title,shape:n.shape,color:n.color,icon:i,parentId:r.parentId,children:a,x:n.x,y:n.y,width:r.measured?.width??r.width??r.initialWidth??0,height:r.measured?.height??r.height??r.initialHeight??0,...`modelFqn`in n&&n.modelFqn&&{modelFqn:n.modelFqn}}}}function _e(){let i=B(11),{id:a}=N(),o=e(),s=b(),c;if(i[0]!==s||i[1]!==o||i[2]!==a){let e;i[4]===o?e=i[5]:(e=e=>{let{viewId:t}=e;return o({to:`./`,params:e=>({...e,viewId:t})}),{}},i[4]=o,i[5]=e);let l;i[6]!==s||i[7]!==a?(l=e=>{let{view:i,focusedNode:o,xynodes:c,xystore:l,toggledFeatures:u,features:d}=s.getContext(),f=u.enableReadOnly??d.enableReadOnly,p=ge(l.getState()),m=e.nodes===!0&&r(c,p)||void 0,h=e.selectedNode===!0&&n(c,t(e=>!!e.selected||e.id===o),e=>e?p(e):void 0);return{projectId:a,editMode:!f,view:{id:i.id,title:i.title??``,type:i._type},...m&&{nodes:m},...h&&{selectedNode:h}}},i[6]=s,i[7]=a,i[8]=l):l=i[8];let u;i[9]===s?u=i[10]:(u=e=>{let{command:t}=e;bb50:switch(t.type){case`focus`:s.focusOnElement(t.elementId);break bb50;case`fitview`:s.fitDiagram();break bb50;default:q(t)}return{}},i[9]=s,i[10]=u),c=F(he.client(e),pe.client(l),me.client(u)),i[0]=s,i[1]=o,i[2]=a,i[3]=c}else c=i[3];return c}const Z={key:`likec4.ai.chat.messages`,read(){try{let e=sessionStorage.getItem(this.key);return e?ne(e):[]}catch{return[]}},write(e){try{if(e.length===0){sessionStorage.removeItem(this.key);return}sessionStorage.setItem(this.key,te(e))}catch{}}};function Q(e){let t=B(7),n;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(n={connection:P(`/__likec4_ai`),initialMessages:Z.read()},t[0]=n):n=t[0];let r=n,i=_e(),a;t[1]!==e||t[2]!==i?(a={...r,...e,tools:i},t[1]=e,t[2]=i,t[3]=a):a=t[3];let o=L(a),s,c;return t[4]===o.messages?(s=t[5],c=t[6]):(s=()=>{Z.write(o.messages)},c=[o.messages],t[4]=o.messages,t[5]=s,t[6]=c),ae(s,c),o}const $={key:`likec4.ai.chat.position`,read(){try{let e=localStorage.getItem(this.key);return e?JSON.parse(e):null}catch{return null}},write(e){try{if(e===null)return localStorage.removeItem(this.key),e;localStorage.setItem(this.key,JSON.stringify(e))}catch{}return e}};function ve(){let e=R(null);e.current||=$.read()??{right:16,bottom:100};let t=t=>{e.current=$.write({left:t.x,top:t.y})},[n,r]=p({key:`likec4.ai.chat.collapsed`,defaultValue:!0});return U(C,{children:[!n&&H(f,{w:300,pos:`fixed`,className:m({rounded:`md`,padding:`xs`,shadow:`md`,layerStyle:`likec4.panel`}),constrainToViewport:!0,constrainOffset:8,excludeDragHandleSelector:`.chat-input`,initialPosition:e.current,onPositionChange:t,children:H(ye,{onClose:()=>r(!0)})}),n&&H(S.div,{initial:{opacity:.1,translateX:`10%`},animate:{opacity:1,translateX:0},exit:{translateX:`50%`,opacity:.1},style:{position:`fixed`,right:8,bottom:60,zIndex:1e3},children:H(c,{label:`Show AI Assistant`,color:`dark`,fz:`xs`,children:H(l,{size:`lg`,variant:`gradient`,onClick:()=>r(!1),children:H(g,{stroke:1.5})})})},`collapsed`)]})}function ye(e){let t=B(15),{onClose:n}=e,r=R(null),i;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(i=()=>{r.current?.scrollIntoView()},t[0]=i):i=t[0];let s=i,c;t[1]===Symbol.for(`react.memo_cache_sentinel`)?(c=()=>{s()},t[1]=c):c=t[1],v(c,100);let l;t[2]===Symbol.for(`react.memo_cache_sentinel`)?(l={onChunk:s},t[2]=l):l=t[2];let d=Q(l),f;t[3]===Symbol.for(`react.memo_cache_sentinel`)?(f=U(x,{children:[H(w,{textStyle:`likec4.panel`,noUserSelect:!0,children:`AI Assistant`}),H(o,{size:`xs`,radius:`sm`,variant:`light`,children:oe})]}),t[3]=f):f=t[3];let p;t[4]===n?p=t[5]:(p=U(x,{cursor:`move`,justify:`space-between`,children:[f,H(u,{size:`sm`,onClick:e=>{e.stopPropagation(),n()}})]}),t[4]=n,t[5]=p);let h;t[6]===Symbol.for(`react.memo_cache_sentinel`)?(h={content:m({display:`contents`})},t[6]=h):h=t[6];let g;t[7]===Symbol.for(`react.memo_cache_sentinel`)?(g=H(ce,{}),t[7]=g):g=t[7];let _,b;t[8]===Symbol.for(`react.memo_cache_sentinel`)?(_=H(a,{scrollbars:`y`,w:`100%`,flex:1,mih:250,mah:350,classNames:h,children:U(y,{children:[g,H(`div`,{ref:r,style:{height:2}})]})}),b=H(se,{}),t[8]=_,t[9]=b):(_=t[8],b=t[9]);let S;t[10]===p?S=t[11]:(S=U(y,{w:`100%`,children:[p,_,b]}),t[10]=p,t[11]=S);let C;return t[12]!==d||t[13]!==S?(C=H(J,{value:d,children:S}),t[12]=d,t[13]=S,t[14]=C):C=t[14],C}export{ve as default};