@inkeep/agents-manage-ui 0.0.0-dev-20251022014643 → 0.0.0-dev-20251022020737

package/.next/standalone/agents-manage-ui/.next/static/chunks/10117-c9ee5668c9445c2d.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[10117],{10117:(e,t,r)=>{r.d(t,{DataComponentForm:()=>K});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),x=r(30712),f=r(86312),v=r(56497),g=r(97555);let h=(0,g.createServerReference)("704a4848d6dd95c57f62f011d3bb781c54abb5684e",g.callServer,void 0,g.findSourceMapURL,"updateDataComponentAction"),b=(0,g.createServerReference)("7097299a10765abf9b564281a850a66f758f54743b",g.callServer,void 0,g.findSourceMapURL,"createDataComponentAction");var j=r(52681),N=r(47739),w=r(80626),y=r(62879),S=r(34640),C=r(21341),k=r(33571),R=r(11424),F=r(33862),A=r(62420),E=r(3121);function O(e){let{resolvedTheme:t}=(0,E.D)(),{language:r="jsx",className:n,value:s,onChange:o,placeholder:i,disabled:d,readOnly:l,...c}=e,u=[(0,R.Q2)({jsx:"jsx"===r||"tsx"===r,typescript:"typescript"===r||"tsx"===r})];return(0,a.jsx)(A.Ay,{...c,value:s||"",onChange:e=>o(e),extensions:u,theme:"dark"===t?F.nQ:F.Bs,placeholder:i||"Enter code...",editable:!d&&!l,basicSetup:{lineNumbers:!1,foldGutter:!0,dropCursor:!1,allowMultipleSelections:!1,bracketMatching:!0,closeBrackets:!0,autocompletion:!0},"data-disabled":d?"":void 0,"data-read-only":l?"":void 0,className:(0,j.cn)("h-full [&>.cm-editor]:max-h-[inherit] [&_.cm-gutters]:!bg-transparent [&>.cm-editor]:!bg-transparent dark:[&>.cm-editor]:!bg-input/30 [&>.cm-editor]:!outline-none [&>.cm-editor]:rounded-[7px] [&>.cm-editor]:px-3 [&>.cm-editor]:py-2 leading-2 text-xs font-mono rounded-md border border-input shadow-xs transition-[color,box-shadow] data-disabled:cursor-not-allowed data-disabled:opacity-50 data-disabled:bg-muted data-invalid:border-destructive has-[.cm-focused]:border-ring has-[.cm-focused]:ring-ring/50 has-[.cm-focused]:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",n)})}var _=r(88418),D=r(67696),M=r(49121),L=r(92752),z=r(66041),I=r(76923);let J=I.bL,P=o.forwardRef((e,t)=>{let{className:r,...n}=e;return(0,a.jsx)(I.B8,{ref:t,className:(0,j.cn)("inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",r),...n})});P.displayName=I.B8.displayName;let B=o.forwardRef((e,t)=>{let{className:r,...n}=e;return(0,a.jsx)(I.l9,{ref:t,className:(0,j.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})});B.displayName=I.l9.displayName;let T=o.forwardRef((e,t)=>{let{className:r,...n}=e;return(0,a.jsx)(I.UC,{ref:t,className:(0,j.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})});T.displayName=I.UC.displayName;var V=r(86772);let q=(0,g.createServerReference)("70babd51a797788ef159c6f4ccf240c405e8ea6219",g.callServer,void 0,g.findSourceMapURL,"updateDataComponent");var G=r(90845);let U=e=>(0,a.jsx)(B,{...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 Z(e){var t,r;let{tenantId:n,projectId:s,dataComponentId:i,existingPreview:l,onPreviewChanged:c}=e,[u,p]=(0,o.useState)(l||null),[x,f]=(0,o.useState)(!1),[v,g]=(0,o.useState)(!1),[h,b]=(0,o.useState)(""),[j,N]=(0,o.useState)(!!l),[R,F]=(0,o.useState)(!!l),[A,E]=(0,o.useState)(""),[I,B]=(0,o.useState)(!1),Z=async e=>{f(!0),p(null),b(""),N(!1),F(!1);try{let t=await fetch("/api/data-components/".concat(i,"/generate-preview"),{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.code:void 0})});if(!t.ok)throw Error("Failed to generate preview");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.code&&b(t.code)}catch(t){console.warn("Failed to parse line:",e,t)}}if(l)p(l),N(!0),null==c||c(l),d.oR.success("Preview generated successfully");else throw Error("No valid preview generated")}catch(e){console.error("Failed to generate preview:",e),d.oR.error("Failed to generate preview"),N(!0)}finally{f(!1)}},$=async()=>{g(!0);try{await q(n,s,{id:i,preview:null}),p(null),F(!1),null==c||c(null),d.oR.success("Preview deleted")}catch(e){console.error("Error deleting preview:",e),d.oR.error("Failed to delete preview")}finally{g(!1)}},W=null!==u&&(null!=(r=null==(t=u.code)?void 0:t.trim().length)?r:0)>0,Q=(0,o.useMemo)(()=>(null==u?void 0:u.data)?JSON.stringify(u.data,null,2):"{}",[null==u?void 0:u.data]),X=(0,o.useMemo)(()=>(null==u?void 0:u.code)||"",[null==u?void 0:u.code]),H=(0,o.useMemo)(()=>(null==u?void 0:u.data)||{},[null==u?void 0:u.data]),K=(0,o.useCallback)(e=>{if(u)try{let t=JSON.parse(e),r={...u,data: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 Preview"}),(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:()=>Z(),disabled:x,size:"sm",className:"gap-2",children:x?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(w.A,{className:"h-4 w-4 animate-spin"}),"Generating..."]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(y.A,{className:"h-4 w-4"}),"Generate"]})}),W&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(z.AM,{open:I,onOpenChange:B,children:[(0,a.jsx)(z.Wv,{asChild:!0,children:(0,a.jsx)(m.$,{variant:"outline",size:"sm",disabled:v||x,className:"gap-2 font-mono uppercase",children:x?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(w.A,{className:"h-4 w-4 animate-spin"}),"Regenerating..."]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(S.A,{className:"h-4 w-4"}),"Regenerate"]})})}),(0,a.jsx)(z.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)(L.J,{htmlFor:"instructions",className:"text-xs text-muted-foreground",children:"Describe what you'd like to change (optional)"}),(0,a.jsx)(V.T,{id:"instructions",placeholder:"e.g. Make it more compact, add a border, use different icons...",value:A,onChange:e=>E(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:()=>{B(!1),E("")},children:"Cancel"}),(0,a.jsx)(m.$,{size:"sm",onClick:async()=>{B(!1),await Z(A||void 0),E("")},disabled:x,children:A?"Apply Changes":"Regenerate"})]})]})})]}),R&&(0,a.jsx)(m.$,{variant:"destructive-outline",onClick:$,disabled:v||x,size:"icon",title:"Delete preview",children:v?(0,a.jsx)(w.A,{className:"h-4 w-4 animate-spin"}):(0,a.jsx)(C.A,{className:"h-4 w-4"})})]})]})]}),x&&h&&(0,a.jsx)(k.jH,{isAnimating:!0,className:"[&_[data-code-block-header=true]]:hidden [&_pre]:bg-muted/40!",children:"```jsx\n".concat(h,"```")}),x&&!h&&(0,a.jsx)(D.Zp,{className:"p-6",children:(0,a.jsxs)("div",{className:"flex flex-row items-center justify-center gap-2",children:[(0,a.jsx)(w.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 preview..."})]})}),W&&!x&&j&&u&&(0,a.jsx)(D.Zp,{className:"px-2 py-4 pt-0",children:(0,a.jsxs)(J,{defaultValue:"preview",className:"w-full",children:[(0,a.jsxs)(P,{className:"bg-transparent relative rounded-none border-b p-0 w-full justify-start gap-2",children:[(0,a.jsx)(U,{value:"preview",children:"Preview"}),(0,a.jsx)(U,{value:"code",children:"Code"}),(0,a.jsx)(U,{value:"data",children:"Sample Data"})]}),(0,a.jsx)(T,{value:"preview",children:(0,a.jsx)("div",{className:"p-4",children:(0,a.jsx)(G.s,{code:X,props:H})})}),(0,a.jsx)(T,{value:"code",children:(0,a.jsx)(O,{value:X,onChange:e=>{if(!u)return;let t={...u,code:e};p(t),null==c||c(t)},language:"jsx",className:"max-h-[500px] border-0 shadow-none"})}),(0,a.jsx)(T,{value:"data",children:(0,a.jsx)(_.i,{value:Q,onChange:K,className:"max-h-[500px] border-0 shadow-none"})})]})}),!W&&!x&&!j&&(0,a.jsx)(M.n,{children:(0,a.jsx)("p",{className:"text-sm text-muted-foreground",children:"No preview generated"})})]})}let $={id:"",name:"",description:"",props:""};var W=r(66030),Q=r(57130),X=r(69823);let H=W.object({id:X.f,name:W.string().min(1,"Name is required."),description:W.string().min(1,"Description is required."),props:W.string().min(1,"Props schema is required.").transform((e,t)=>{try{let a=JSON.parse(e),n=(0,Q._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:W.ZodIssueCode.custom,message:e}),W.NEVER}return a}catch(e){return t.addIssue({code:W.ZodIssueCode.custom,message:(0,Q.SR)(e)}),W.NEVER}}).optional(),preview:W.object({code:W.string(),data:W.record(W.string(),W.unknown())}).nullable().optional()});function K(e){let{tenantId:t,projectId:r,id:g,initialData:w}=e,[y,S]=(0,o.useState)(!1),C=(0,i.mN)({resolver:(0,n.u)(H),defaultValues:(e=>{if(!e)return $;let t={...e};return t.props&&(t.props=(0,j.S_)(t.props)),t})(w)}),{isSubmitting:k}=C.formState,R=(0,s.useRouter)();(0,v.S)({form:C,nameField:"name",idField:"id",isEditing:!!g});let F=async e=>{try{let a={...e};if(g){let e=await h(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 b(t,r,a);if(!e.success)return void d.oR.error(e.error||"Failed to create component");d.oR.success("Component created"),R.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:y,onOpenChange:S,children:[(0,a.jsx)(f.lV,{...C,children:(0,a.jsxs)("form",{onSubmit:C.handleSubmit(F),className:"space-y-8",children:[(0,a.jsx)(l.a,{control:C.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)(x.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:C.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:C.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:C.control,name:"props",label:"Props (JSON schema)",placeholder:"Enter a valid JSON Schema...",isRequired:!0}),g&&(0,a.jsx)(Z,{tenantId:t,projectId:r,dataComponentId:g,existingPreview:(null==w?void 0:w.preview)||null,onPreviewChanged:e=>{C.setValue("preview",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"})})]})]})}),y&&g&&(0,a.jsx)(N.u,{dataComponentId:g,dataComponentName:C.getValues("name"),setIsOpen:S,redirectOnDelete:!0})]})}},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/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})}},47739:(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)("701ecc38b40a57b1d47946e585607b6b7a2d3acaf6",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)(),[x,f]=(0,s.useState)(!1),v=async()=>{f(!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{f(!1)}};return(0,a.jsx)(i.J,{itemName:r||"this component",isSubmitting:x,onDelete:v})}},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})}},90845:(e,t,r)=>{r.d(t,{s:()=>x});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 x(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})}}}]);