@inkeep/agents-manage-ui 0.30.3 → 0.30.4

package/.next/standalone/agents-manage-ui/.next/static/chunks/68999-941921bb0bcd4129.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[68999],{12235:(e,t,r)=>{r.d(t,{s:()=>f});var a=r(14290),n=r(60098),s=r(59617),o=r(79178),i=r(68641),d=r(24433),l=r(47216);function c(){let e=(0,a._)(['\n  import { ErrorBoundary } from "react-error-boundary";\n\n  ',"\n\n  export default function App() {\n    const props = ",";\n    return (\n      <ErrorBoundary fallbackRender={fallbackRender}>\n        <"," {...props} />\n      </ErrorBoundary>\n    );\n  }"]);return c=function(){return e},e}let{AlertCircle:u}=s,m=String.raw;function p(e){let{error:t}=e,r=String(t),a=r.split("\n"),s=a[0]||r,o=a.slice(1).join("\n");return(0,n.jsxs)(l.Fc,{variant:"destructive",className:"max-w-full",children:[(0,n.jsx)(u,{className:"h-4 w-4"}),(0,n.jsx)(l.XL,{className:"font-semibold text-sm",children:o}),(0,n.jsx)(l.TN,{className:"mt-2 space-y-2",children:(0,n.jsx)("div",{className:"font-mono text-xs break-words",children:s})})]})}function f(e){let{code:t,props:r}=e,a=(0,o.useMemo)(()=>((e,t)=>{let r=e.match(/(?:export\s+(?:default\s+)?)?(?:function\s+(\w+)|const\s+(\w+)\s*=\s*(?:\(.*\)\s*=>|\(\)))/),a=(null==r?void 0:r[1])||(null==r?void 0:r[2])||"App";return m(c(),e,JSON.stringify(t),a)})(t,r),[t,r]),l=(0,o.useMemo)(()=>({fallbackRender:p,import:{"lucide-react":s,"react-error-boundary":i}}),[]),{element:u}=(0,d.CL)({code:a,scope:l});return(0,n.jsx)("div",{children:u})}},17932:(e,t,r)=>{r.d(t,{u:()=>c});var a=r(60098),n=r(93137),s=r(79178),o=r(32028),i=r(90035),d=r(97555);let l=(0,d.createServerReference)("70c9a6d288d2b5628f6cacb7218043eb4c29bfce9c",d.callServer,void 0,d.findSourceMapURL,"deleteDataComponentAction");function c(e){let{dataComponentId:t,dataComponentName:r,setIsOpen:d,redirectOnDelete:c=!1}=e,{tenantId:u,projectId:m}=(0,n.useParams)(),p=(0,n.useRouter)(),[f,x]=(0,s.useState)(!1),h=async()=>{x(!0);try{let e=await l(u,m,t);e.success?(d(!1),o.oR.success("Component deleted."),c&&p.push("/".concat(u,"/projects/").concat(m,"/components"))):o.oR.error(e.error)}finally{x(!1)}};return(0,a.jsx)(i.J,{itemName:r||"this component",isSubmitting:f,onDelete:h})}},30712:(e,t,r)=>{r.d(t,{G:()=>d});var a=r(60098),n=r(38678),s=r(85276),o=r.n(s),i=r(52681);function d(e){let{href:t,children:r,className:s,iconClassName:d,...l}=e;return(0,a.jsxs)(o(),{href:t,target:"_blank",rel:"noreferrer noopener",className:(0,i.cn)("text-sm text-muted-foreground underline underline-offset-2 inline-flex items-center gap-1 hover:text-primary ml-1 group/link font-mono uppercase transition-colors",s),...l,children:[r,(0,a.jsx)(n.A,{className:(0,i.cn)("size-3.5 text-muted-foreground opacity-60 group-hover/link:text-primary",d)})]})}},47216:(e,t,r)=>{r.d(t,{Fc:()=>i,TN:()=>l,XL:()=>d});var a=r(60098),n=r(15625),s=r(52681);let o=(0,n.F)("relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",{variants:{variant:{default:"bg-card text-card-foreground",destructive:"text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90",warning:"text-amber-700 bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-amber-700/90 *:data-[slot=alert-description]:dark:text-amber-300/90 dark:text-amber-300 bg-amber-50 border-amber-200 dark:bg-amber-950/40 dark:border-amber-700"}},defaultVariants:{variant:"default"}});function i(e){let{className:t,variant:r,...n}=e;return(0,a.jsx)("div",{"data-slot":"alert",role:"alert",className:(0,s.cn)(o({variant:r}),t),...n})}function d(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"alert-title",className:(0,s.cn)("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",t),...r})}function l(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"alert-description",className:(0,s.cn)("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",t),...r})}},47315:(e,t,r)=>{r.d(t,{B:()=>o});var a=r(60098),n=r(79178),s=r(17321);let o=e=>{let{uri:t,placeholder:r="Enter code...",...o}=e,i=(0,n.useId)();return null!=t||(t="".concat(i,".jsx")),(0,a.jsx)(s.T,{uri:t,placeholder:r,...o})}},49121:(e,t,r)=>{r.d(t,{n:()=>n});var a=r(60098);function n(e){let{title:t,Icon:r,children:n}=e;return(0,a.jsxs)("div",{className:"text-xs text-gray-800 dark:text-muted-foreground p-3 bg-gray-100/80 dark:bg-sidebar rounded-md",children:[t&&(0,a.jsxs)("div",{className:"flex items-center gap-2 mb-2",children:[r&&(0,a.jsx)(r,{className:"w-3 h-3 text-muted-foreground"}),(0,a.jsx)("p",{className:"font-medium text-foreground font-mono uppercase",children:t})]}),n]})}r(86714)},66041:(e,t,r)=>{r.d(t,{AM:()=>o,Wv:()=>i,hl:()=>d});var a=r(60098),n=r(55761),s=r(52681);function o(e){let{...t}=e;return(0,a.jsx)(n.bL,{"data-slot":"popover",...t})}function i(e){let{className:t,...r}=e;return(0,a.jsx)(n.l9,{"data-slot":"popover-trigger",className:(0,s.cn)("font-sans normal-case",t),...r})}function d(e){let{className:t,align:r="center",sideOffset:o=4,...i}=e;return(0,a.jsx)(n.ZL,{children:(0,a.jsx)(n.UC,{"data-slot":"popover-content",align:r,sideOffset:o,className:(0,s.cn)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",t),...i})})}},67696:(e,t,r)=>{r.d(t,{BT:()=>d,Wu:()=>l,ZB:()=>i,Zp:()=>s,aR:()=>o,wL:()=>c});var a=r(60098),n=r(52681);function s(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"card",className:(0,n.cn)("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",t),...r})}function o(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"card-header",className:(0,n.cn)("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",t),...r})}function i(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"card-title",className:(0,n.cn)("leading-none font-semibold",t),...r})}function d(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"card-description",className:(0,n.cn)("text-muted-foreground text-sm",t),...r})}function l(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"card-content",className:(0,n.cn)("px-6",t),...r})}function c(e){let{className:t,...r}=e;return(0,a.jsx)("div",{"data-slot":"card-footer",className:(0,n.cn)("flex items-center px-6 [.border-t]:pt-6",t),...r})}},68999:(e,t,r)=>{r.d(t,{DataComponentForm:()=>W});var a=r(60098),n=r(48496),s=r(93137),o=r(79178),i=r(32212),d=r(32028),l=r(23574),c=r(41392),u=r(85923),m=r(86714),p=r(30958),f=r(30712),x=r(86312),h=r(56497),g=r(97555);let v=(0,g.createServerReference)("707322e0dc12a813117f9191563512503ef6df851b",g.callServer,void 0,g.findSourceMapURL,"updateDataComponentAction"),j=(0,g.createServerReference)("70877d1fe413b9e85f4c78c4938651d97c5011cbd0",g.callServer,void 0,g.findSourceMapURL,"createDataComponentAction");var b=r(52681),N=r(17932),y=r(80626),w=r(62879),R=r(34640),S=r(21341),k=r(85962),C=r(47315),D=r(428),F=r(67696),A=r(49121),E=r(92752),O=r(66041),_=r(76923);let M=_.bL,L=o.forwardRef((e,t)=>{let{className:r,...n}=e;return(0,a.jsx)(_.B8,{ref:t,className:(0,b.cn)("inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",r),...n})});L.displayName=_.B8.displayName;let I=o.forwardRef((e,t)=>{let{className:r,...n}=e;return(0,a.jsx)(_.l9,{ref:t,className:(0,b.cn)("inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",r),...n})});I.displayName=_.l9.displayName;let z=o.forwardRef((e,t)=>{let{className:r,...n}=e;return(0,a.jsx)(_.UC,{ref:t,className:(0,b.cn)("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",r),...n})});z.displayName=_.UC.displayName;var J=r(86772);let T=(0,g.createServerReference)("70e5e168dbfac69b572eca2c982d3ec1d4c5f98f3f",g.callServer,void 0,g.findSourceMapURL,"updateDataComponent");var B=r(12235);let V=e=>(0,a.jsx)(I,{...e,className:"bg-transparent data-[state=active]:border-primary dark:data-[state=active]:border-primary h-full rounded-none border-0 border-b-2 border-transparent data-[state=active]:shadow-none data-[state=active]:text-primary data-[state=active]:bg-transparent uppercase font-mono text-xs mt-0.5 pt-2"});function q(e){var t,r;let{tenantId:n,projectId:s,dataComponentId:i,existingRender:l,onRenderChanged:c}=e,[u,p]=(0,o.useState)(l||null),[f,x]=(0,o.useState)(!1),[h,g]=(0,o.useState)(!1),[v,j]=(0,o.useState)(""),[b,N]=(0,o.useState)(!!l),[_,I]=(0,o.useState)(!!l),[q,U]=(0,o.useState)(""),[G,Z]=(0,o.useState)(!1),$=async e=>{x(!0),p(null),j(""),N(!1),I(!1);try{let t=await fetch("/api/data-components/".concat(i,"/generate-render"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({tenantId:n,projectId:s,instructions:e||void 0,existingCode:e?null==u?void 0:u.component:void 0})});if(!t.ok)throw Error("Failed to generate render");if(!t.body)throw Error("No response body");let r=t.body.getReader(),a=new TextDecoder,o="",l=null;for(;;){let{done:e,value:t}=await r.read();if(e)break;let n=a.decode(t,{stream:!0}),s=(o+=n).split("\n");for(let e of(o=s.pop()||"",s))if(e.trim())try{let t=JSON.parse(e);l=t,t.component&&j(t.component)}catch(t){console.warn("Failed to parse line:",e,t)}}if(l)p(l),N(!0),null==c||c(l),d.oR.success("Render generated successfully");else throw Error("No valid render generated")}catch(e){console.error("Failed to generate render:",e),d.oR.error("Failed to generate render"),N(!0)}finally{x(!1)}},P=async()=>{g(!0);try{await T(n,s,{id:i,render:null}),p(null),I(!1),null==c||c(null),d.oR.success("Render deleted")}catch(e){console.error("Error deleting render:",e),d.oR.error("Failed to delete render")}finally{g(!1)}},W=null!==u&&(null!=(r=null==(t=u.component)?void 0:t.trim().length)?r:0)>0,X=(0,o.useMemo)(()=>(null==u?void 0:u.mockData)?JSON.stringify(u.mockData,null,2):"{}",[null==u?void 0:u.mockData]),H=(0,o.useMemo)(()=>(null==u?void 0:u.component)||"",[null==u?void 0:u.component]),K=(0,o.useMemo)(()=>(null==u?void 0:u.mockData)||{},[null==u?void 0:u.mockData]),Q=(0,o.useCallback)(e=>{if(u)try{let t=JSON.parse(e),r={...u,mockData:t};p(r),null==c||c(r)}catch(e){}},[u,c]);return(0,a.jsxs)("div",{className:"space-y-4",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsx)("h3",{className:"text-md font-medium",children:"Component Renderer"}),(0,a.jsx)("p",{className:"text-sm text-muted-foreground",children:"Generate a React/Tailwind component based on your schema."})]}),(0,a.jsxs)("div",{className:"flex gap-2",children:[!W&&(0,a.jsx)(m.$,{onClick:()=>$(),disabled:f,size:"sm",className:"gap-2",children:f?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(y.A,{className:"h-4 w-4 animate-spin"}),"Generating..."]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(w.A,{className:"h-4 w-4"}),"Generate"]})}),W&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(O.AM,{open:G,onOpenChange:Z,children:[(0,a.jsx)(O.Wv,{asChild:!0,children:(0,a.jsx)(m.$,{variant:"outline",size:"sm",disabled:h||f,className:"gap-2 font-mono uppercase",children:f?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(y.A,{className:"h-4 w-4 animate-spin"}),"Regenerating..."]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(R.A,{className:"h-4 w-4"}),"Regenerate"]})})}),(0,a.jsx)(O.hl,{className:"w-96",children:(0,a.jsxs)("div",{className:"space-y-4",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("h4",{className:"font-medium text-sm mb-2",children:"Modify Component"}),(0,a.jsx)(E.J,{htmlFor:"instructions",className:"text-xs text-muted-foreground",children:"Describe what you'd like to change (optional)"}),(0,a.jsx)(J.T,{id:"instructions",placeholder:"e.g. Make it more compact, add a border, use different icons...",value:q,onChange:e=>U(e.target.value),className:"mt-2 min-h-[100px]"})]}),(0,a.jsxs)("div",{className:"flex justify-end gap-2",children:[(0,a.jsx)(m.$,{size:"sm",variant:"outline",onClick:()=>{Z(!1),U("")},children:"Cancel"}),(0,a.jsx)(m.$,{size:"sm",onClick:async()=>{Z(!1),await $(q||void 0),U("")},disabled:f,children:q?"Apply Changes":"Regenerate"})]})]})})]}),_&&(0,a.jsx)(m.$,{variant:"destructive-outline",onClick:P,disabled:h||f,size:"icon",title:"Delete render",children:h?(0,a.jsx)(y.A,{className:"h-4 w-4 animate-spin"}):(0,a.jsx)(S.A,{className:"h-4 w-4"})})]})]})]}),f&&v&&(0,a.jsx)(k.jH,{isAnimating:!0,className:"[&_[data-code-block-header=true]]:hidden [&_pre]:bg-muted/40!",children:"```jsx\n".concat(v,"```")}),f&&!v&&(0,a.jsx)(F.Zp,{className:"p-6",children:(0,a.jsxs)("div",{className:"flex flex-row items-center justify-center gap-2",children:[(0,a.jsx)(y.A,{className:"h-4 w-4 animate-spin text-muted-foreground/50"}),(0,a.jsx)("p",{className:"text-sm text-muted-foreground/70",children:"Generating component render..."})]})}),W&&!f&&b&&u&&(0,a.jsx)(F.Zp,{className:"px-2 py-4 pt-0",children:(0,a.jsxs)(M,{defaultValue:"render",className:"w-full",children:[(0,a.jsxs)(L,{className:"bg-transparent relative rounded-none border-b p-0 w-full justify-start gap-2",children:[(0,a.jsx)(V,{value:"render",children:"Render"}),(0,a.jsx)(V,{value:"code",children:"Code"}),(0,a.jsx)(V,{value:"data",children:"Sample Data"})]}),(0,a.jsx)(z,{value:"render",children:(0,a.jsx)("div",{className:"p-4",children:(0,a.jsx)(B.s,{code:H,props:K})})}),(0,a.jsx)(z,{value:"code",children:(0,a.jsx)(C.B,{value:H,onChange:e=>{if(!u)return;let t={...u,component:e};p(t),null==c||c(t)},className:"max-h-[500px] border-0 shadow-none"})}),(0,a.jsx)(z,{value:"data",children:(0,a.jsx)(D.i,{value:X,onChange:Q,className:"max-h-[500px] border-0 shadow-none"})})]})}),!W&&!f&&!b&&(0,a.jsx)(A.n,{children:(0,a.jsx)("p",{className:"text-sm text-muted-foreground",children:"No render generated"})})]})}let U={id:"",name:"",description:"",props:""};var G=r(66030),Z=r(57130),$=r(69823);let P=G.object({id:$.f,name:G.string().min(1,"Name is required."),description:G.string().min(1,"Description is required."),props:G.string().min(1,"Props schema is required.").transform((e,t)=>{try{let a=JSON.parse(e),n=(0,Z._O)(e);if(!n.isValid){var r;let e=(null==(r=n.errors[0])?void 0:r.message)||"Invalid JSON schema";return t.addIssue({code:G.ZodIssueCode.custom,message:e}),G.NEVER}return a}catch(e){return t.addIssue({code:G.ZodIssueCode.custom,message:(0,Z.SR)(e)}),G.NEVER}}).optional(),render:G.object({component:G.string(),mockData:G.record(G.string(),G.unknown())}).nullable().optional()});function W(e){let{tenantId:t,projectId:r,id:g,initialData:y}=e,[w,R]=(0,o.useState)(!1),S=(0,i.mN)({resolver:(0,n.u)(P),defaultValues:(e=>{if(!e)return U;let t={...e};return t.props&&(t.props=(0,b.S_)(t.props)),t})(y)}),{isSubmitting:k}=S.formState,C=(0,s.useRouter)();(0,h.S)({form:S,nameField:"name",idField:"id",isEditing:!!g});let D=async e=>{try{let a={...e};if(g){let e=await v(t,r,a);if(!e.success)return void d.oR.error(e.error||"Failed to update component");d.oR.success("Component updated")}else{let e=await j(t,r,a);if(!e.success)return void d.oR.error(e.error||"Failed to create component");d.oR.success("Component created"),C.push("/".concat(t,"/projects/").concat(r,"/components"))}}catch(t){console.error("Error submitting component:",t);let e=t instanceof Error?t.message:"An unexpected error occurred";d.oR.error(e)}};return(0,a.jsxs)(p.lG,{open:w,onOpenChange:R,children:[(0,a.jsx)(x.lV,{...S,children:(0,a.jsxs)("form",{onSubmit:S.handleSubmit(D),className:"space-y-8",children:[(0,a.jsx)(l.a,{control:S.control,name:"name",label:"Name",placeholder:"ListOrders",description:(0,a.jsxs)(a.Fragment,{children:["This name is used to identify the component in chat widget integration."," ",(0,a.jsx)(f.G,{href:"https://docs.inkeep.com/typescript-sdk/structured-outputs/data-components#frontend-integration",target:"_blank",children:"Learn more"})]}),isRequired:!0}),(0,a.jsx)(l.a,{control:S.control,name:"id",label:"Id",placeholder:"my-data-component",disabled:!!g,description:g?"":"Choose a unique identifier for this component. Using an existing id will replace that component.",isRequired:!0}),(0,a.jsx)(c.K,{control:S.control,name:"description",label:"Description",placeholder:"Display a list of user orders with interactive options",className:"min-h-[80px]",isRequired:!0}),(0,a.jsx)(u.S,{control:S.control,name:"props",label:"Props (JSON schema)",placeholder:"Enter a valid JSON Schema...",isRequired:!0}),g&&(0,a.jsx)(q,{tenantId:t,projectId:r,dataComponentId:g,existingRender:(null==y?void 0:y.render)||null,onRenderChanged:e=>{S.setValue("render",e)}}),(0,a.jsxs)("div",{className:"flex w-full justify-between",children:[(0,a.jsx)(m.$,{type:"submit",disabled:k,children:"Save"}),g&&(0,a.jsx)(p.zM,{asChild:!0,children:(0,a.jsx)(m.$,{type:"button",variant:"destructive-outline",children:"Delete Component"})})]})]})}),w&&g&&(0,a.jsx)(N.u,{dataComponentId:g,dataComponentName:S.getValues("name"),setIsOpen:R,redirectOnDelete:!0})]})}}}]);