@inkeep/agents-manage-ui 0.0.0-dev-20251020213442 → 0.0.0-dev-20251021005350

package/.next/standalone/agents-manage-ui/.next/static/chunks/60485-90364540677bd651.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[60485],{30712:(e,t,r)=>{r.d(t,{G:()=>l});var a=r(60098),n=r(38678),s=r(85276),i=r.n(s),o=r(52681);function l(e){let{href:t,children:r,className:s,iconClassName:l,...d}=e;return(0,a.jsxs)(i(),{href:t,target:"_blank",rel:"noreferrer noopener",className:(0,o.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),...d,children:[r,(0,a.jsx)(n.A,{className:(0,o.cn)("size-3.5 text-muted-foreground/60 group-hover/link:text-primary",l)})]})}},47216:(e,t,r)=>{r.d(t,{Fc:()=>o,TN:()=>d,XL:()=>l});var a=r(60098),n=r(15625),s=r(52681);let i=(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 o(e){let{className:t,variant:r,...n}=e;return(0,a.jsx)("div",{"data-slot":"alert",role:"alert",className:(0,s.cn)(i({variant:r}),t),...n})}function l(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 d(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})}},60485:(e,t,r)=>{r.d(t,{DataComponentForm:()=>W});var a=r(60098),n=r(18979),s=r(93137),i=r(75983),o=r(32028),l=r(23574),d=r(41392),c=r(85923),u=r(86714),m=r(30712),p=r(86312),f=r(56497),x=r(97555);let v=(0,x.createServerReference)("7084e821f4dc4598cd307cd4679458370f2adfa0c3",x.callServer,void 0,x.findSourceMapURL,"updateDataComponentAction"),g=(0,x.createServerReference)("703499b742709a7b1c4efd759efb4b4af3be8c458f",x.callServer,void 0,x.findSourceMapURL,"createDataComponentAction");var h=r(52681),b=r(80626),j=r(62879),N=r(34640),w=r(21341),y=r(79178),S=r(33571),k=r(11424),C=r(64772),R=r(40144),F=r(3121);function A(e){let{resolvedTheme:t}=(0,F.D)(),{language:r="jsx",className:n,value:s,onChange:i,placeholder:o,disabled:l,readOnly:d,...c}=e,u=[(0,k.Q2)({jsx:"jsx"===r||"tsx"===r,typescript:"typescript"===r||"tsx"===r})];return(0,a.jsx)(R.Ay,{...c,value:s||"",onChange:e=>i(e),extensions:u,theme:"dark"===t?C.nQ:C.Bs,placeholder:o||"Enter code...",editable:!l&&!d,basicSetup:{lineNumbers:!1,foldGutter:!0,dropCursor:!1,allowMultipleSelections:!1,bracketMatching:!0,closeBrackets:!0,autocompletion:!0},"data-disabled":l?"":void 0,"data-read-only":d?"":void 0,className:(0,h.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 E=r(88418),_=r(67696),M=r(92752),O=r(66041),D=r(11203);let L=D.bL,J=y.forwardRef((e,t)=>{let{className:r,...n}=e;return(0,a.jsx)(D.B8,{ref:t,className:(0,h.cn)("inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",r),...n})});J.displayName=D.B8.displayName;let B=y.forwardRef((e,t)=>{let{className:r,...n}=e;return(0,a.jsx)(D.l9,{ref:t,className:(0,h.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=D.l9.displayName;let I=y.forwardRef((e,t)=>{let{className:r,...n}=e;return(0,a.jsx)(D.UC,{ref:t,className:(0,h.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})});I.displayName=D.UC.displayName;var P=r(86772);let T=(0,x.createServerReference)("704a61bc3ab247215c8e4aaaa3905e96587fe9209f",x.callServer,void 0,x.findSourceMapURL,"updateDataComponent");var q=r(90845);function z(e){var t,r;let{tenantId:n,projectId:s,dataComponentId:i,existingPreview:l,onPreviewChanged:d}=e,[c,m]=(0,y.useState)(l||null),[p,f]=(0,y.useState)(!1),[x,v]=(0,y.useState)(!1),[g,h]=(0,y.useState)(""),[k,C]=(0,y.useState)(!!l),[R,F]=(0,y.useState)(!!l),[D,z]=(0,y.useState)(""),[V,G]=(0,y.useState)(!1),U=async e=>{f(!0),m(null),h(""),C(!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==c?void 0:c.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,l="",u=null;for(;;){let{done:e,value:t}=await r.read();if(e)break;let n=a.decode(t,{stream:!0}),s=(l+=n).split("\n");for(let e of(l=s.pop()||"",s))if(e.trim())try{let t=JSON.parse(e);u=t,t.code&&h(t.code)}catch(t){console.warn("Failed to parse line:",e,t)}}if(u)m(u),C(!0),null==d||d(u),o.oR.success("Preview generated successfully");else throw Error("No valid preview generated")}catch(e){console.error("Failed to generate preview:",e),o.oR.error("Failed to generate preview"),C(!0)}finally{f(!1)}},Z=async()=>{v(!0);try{await T(n,s,{id:i,preview:null}),m(null),F(!1),null==d||d(null),o.oR.success("Preview deleted")}catch(e){console.error("Error deleting preview:",e),o.oR.error("Failed to delete preview")}finally{v(!1)}},$=null!==c&&(null!=(r=null==(t=c.code)?void 0:t.trim().length)?r:0)>0,W=(0,y.useMemo)(()=>(null==c?void 0:c.data)?JSON.stringify(c.data,null,2):"{}",[null==c?void 0:c.data]),Q=(0,y.useMemo)(()=>(null==c?void 0:c.code)||"",[null==c?void 0:c.code]),X=(0,y.useMemo)(()=>(null==c?void 0:c.data)||{},[null==c?void 0:c.data]),H=(0,y.useCallback)(e=>{if(c)try{let t=JSON.parse(e),r={...c,data:t};m(r),null==d||d(r)}catch(e){}},[c,d]);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",{children:[(0,a.jsx)("h3",{className:"text-lg font-semibold",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:[!$&&(0,a.jsx)(u.$,{onClick:()=>U(),disabled:p,className:"gap-2",children:p?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(b.A,{className:"h-4 w-4 animate-spin"}),"Generating..."]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(j.A,{className:"h-4 w-4"}),"Generate"]})}),$&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(O.AM,{open:V,onOpenChange:G,children:[(0,a.jsx)(O.Wv,{asChild:!0,children:(0,a.jsx)(u.$,{variant:"outline",disabled:x||p,className:"gap-2",children:p?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(b.A,{className:"h-4 w-4 animate-spin"}),"Regenerating..."]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(N.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)(M.J,{htmlFor:"instructions",className:"text-xs text-muted-foreground",children:"Describe what you'd like to change (optional)"}),(0,a.jsx)(P.T,{id:"instructions",placeholder:"e.g. Make it more compact, add a border, use different icons...",value:D,onChange:e=>z(e.target.value),className:"mt-2 min-h-[100px]"})]}),(0,a.jsxs)("div",{className:"flex gap-2",children:[(0,a.jsx)(u.$,{size:"sm",onClick:async()=>{G(!1),await U(D||void 0),z("")},disabled:p,className:"flex-1",children:D?"Apply Changes":"Regenerate"}),(0,a.jsx)(u.$,{size:"sm",variant:"outline",onClick:()=>{G(!1),z("")},children:"Cancel"})]})]})})]}),R&&(0,a.jsx)(u.$,{variant:"destructive",onClick:Z,disabled:x||p,size:"icon",title:"Delete preview",children:x?(0,a.jsx)(b.A,{className:"h-4 w-4 animate-spin"}):(0,a.jsx)(w.A,{className:"h-4 w-4"})})]})]})]}),p&&g&&(0,a.jsx)(S.jH,{isAnimating:!0,className:"[&_[data-code-block-header=true]]:hidden [&_pre]:bg-muted/40!",children:"```jsx\n".concat(g,"```")}),p&&!g&&(0,a.jsx)(_.Zp,{className:"p-6",children:(0,a.jsxs)("div",{className:"flex flex-col items-center justify-center space-y-4",children:[(0,a.jsx)(b.A,{className:"h-8 w-8 animate-spin text-primary"}),(0,a.jsx)("p",{className:"text-sm text-muted-foreground",children:"Generating component preview..."})]})}),$&&!p&&k&&c&&(0,a.jsxs)(L,{defaultValue:"preview",className:"w-full",children:[(0,a.jsxs)(J,{children:[(0,a.jsx)(B,{value:"preview",children:"Preview"}),(0,a.jsx)(B,{value:"code",children:"Code"}),(0,a.jsx)(B,{value:"data",children:"Sample Data"})]}),(0,a.jsx)(I,{value:"preview",children:(0,a.jsx)(_.Zp,{className:"p-6",children:(0,a.jsx)(q.s,{code:Q,props:X})})}),(0,a.jsx)(I,{value:"code",children:(0,a.jsx)(A,{value:Q,onChange:e=>{if(!c)return;let t={...c,code:e};m(t),null==d||d(t)},language:"jsx",className:"max-h-[500px]"})}),(0,a.jsx)(I,{value:"data",children:(0,a.jsx)(E.i,{value:W,onChange:H,className:"max-h-[500px]"})})]})]})}let V={id:"",name:"",description:"",props:""};var G=r(66030),U=r(57130),Z=r(69823);let $=G.object({id:Z.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,U._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,U.SR)(e)}),G.NEVER}}).optional(),preview:G.object({code:G.string(),data:G.record(G.string(),G.unknown())}).nullable().optional()});function W(e){let{tenantId:t,projectId:r,id:x,initialData:b}=e,j=(0,i.mN)({resolver:(0,n.u)($),defaultValues:(e=>{if(!e)return V;let t={...e};return t.props&&(t.props=(0,h.S_)(t.props)),t})(b)}),{isSubmitting:N}=j.formState,w=(0,s.useRouter)();(0,f.S)({form:j,nameField:"name",idField:"id",isEditing:!!x});let y=async e=>{try{let a={...e};if(x){let e=await v(t,r,a);if(!e.success)return void o.oR.error(e.error||"Failed to update component");o.oR.success("Component updated")}else{let e=await g(t,r,a);if(!e.success)return void o.oR.error(e.error||"Failed to create component");o.oR.success("Component created"),w.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";o.oR.error(e)}};return(0,a.jsx)(p.lV,{...j,children:(0,a.jsxs)("form",{onSubmit:j.handleSubmit(y),className:"space-y-8",children:[(0,a.jsx)(l.a,{control:j.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)(m.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:j.control,name:"id",label:"Id",placeholder:"my-data-component",disabled:!!x,description:x?"":"Choose a unique identifier for this component. Using an existing id will replace that component.",isRequired:!0}),(0,a.jsx)(d.K,{control:j.control,name:"description",label:"Description",placeholder:"Display a list of user orders with interactive options",className:"min-h-[80px]",isRequired:!0}),(0,a.jsx)(c.S,{control:j.control,name:"props",label:"Props (JSON schema)",placeholder:"Enter a valid JSON Schema...",isRequired:!0}),x&&(0,a.jsx)(z,{tenantId:t,projectId:r,dataComponentId:x,existingPreview:(null==b?void 0:b.preview)||null,onPreviewChanged:e=>{j.setValue("preview",e)}}),(0,a.jsx)(u.$,{type:"submit",disabled:N,children:"Save"})]})})}},66041:(e,t,r)=>{r.d(t,{AM:()=>i,Wv:()=>o,hl:()=>l});var a=r(60098),n=r(54720),s=r(52681);function i(e){let{...t}=e;return(0,a.jsx)(n.bL,{"data-slot":"popover",...t})}function o(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 l(e){let{className:t,align:r="center",sideOffset:i=4,...o}=e;return(0,a.jsx)(n.ZL,{children:(0,a.jsx)(n.UC,{"data-slot":"popover-content",align:r,sideOffset:i,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),...o})})}},67696:(e,t,r)=>{r.d(t,{BT:()=>l,Wu:()=>d,ZB:()=>o,Zp:()=>s,aR:()=>i,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 i(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 o(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 l(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 d(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:()=>f});var a=r(14290),n=r(60098),s=r(59617),i=r(79178),o=r(68641),l=r(24433),d=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,i=a.slice(1).join("\n");return(0,n.jsxs)(d.Fc,{variant:"destructive",className:"max-w-full",children:[(0,n.jsx)(u,{className:"h-4 w-4"}),(0,n.jsx)(d.XL,{className:"font-semibold text-sm",children:i}),(0,n.jsx)(d.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,i.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]),d=(0,i.useMemo)(()=>({fallbackRender:p,import:{"lucide-react":s,"react-error-boundary":o}}),[]),{element:u}=(0,l.CL)({code:a,scope:d});return(0,n.jsx)("div",{children:u})}}}]);