@inkeep/agents-manage-ui 0.23.5 → 0.24.1

package/.next/standalone/agents-manage-ui/.next/static/chunks/48949-692c5f8265558813.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[48949],{23574:(e,t,s)=>{s.d(t,{a:()=>l});var r=s(60098),n=s(34186),o=s(35613);function l(e){let{control:t,name:s,label:l,placeholder:a,type:i="text",min:d,max:u,disabled:c,description:m,isRequired:p=!1}=e;return(0,r.jsx)(o.u,{control:t,name:s,label:l,description:m,isRequired:p,children:e=>{var t;return(0,r.jsx)(n.p,{type:i,placeholder:a,min:d,max:u,disabled:c,...e,value:null!=(t=e.value)?t:"",onChange:t=>{let s=t.target.value;"number"===i?e.onChange(""===s?null:Number(s)):e.onChange(s)}})}})}},41392:(e,t,s)=>{s.d(t,{K:()=>l});var r=s(60098),n=s(86772),o=s(35613);function l(e){let{control:t,name:s,label:l,placeholder:a,className:i,disabled:d,readOnly:u,isRequired:c=!1}=e;return(0,r.jsx)(o.u,{control:t,name:s,label:l,isRequired:c,children:e=>(0,r.jsx)(n.T,{placeholder:a,className:i,...e,readOnly:u,disabled:d})})}},48949:(e,t,s)=>{s.d(t,{ProjectForm:()=>J});var r=s(60098),n=s(18979),o=s(93137),l=s(75983),a=s(32028),i=s(23574),d=s(41392),u=s(86714),c=s(86312),m=s(1095),p=s(56497),h=s(97555);let v=(0,h.createServerReference)("70cbac9e2914d5d20f65ae2c0725007b35787dfa80",h.callServer,void 0,h.findSourceMapURL,"updateProjectAction"),f=(0,h.createServerReference)("609e7f02eccaccf5e5866d92bd58efa828dfad981d",h.callServer,void 0,h.findSourceMapURL,"createProjectAction");var x=s(21935);let j={id:"",name:"",description:"",models:{base:{model:x.nr,providerOptions:void 0},structuredOutput:{model:x.jV,providerOptions:void 0},summarizer:{model:x.tI,providerOptions:void 0}},stopWhen:void 0};var b=s(76636),g=s(47140),y=s(79178),C=s(37902),N=s(26273),O=s(35613),S=s(74598),I=s(49121),w=s(92752),k=s(77946);function z(e){let{control:t}=e,{field:s}=(0,l.as)({control:t,name:"models.base.providerOptions"});return(0,r.jsxs)("div",{className:"space-y-4",children:[(0,r.jsx)(O.u,{control:t,name:"models.base.model",label:"Base model",description:"Primary model for general agent responses",isRequired:!0,children:e=>(0,r.jsx)(C.B,{label:"",placeholder:"Select base model",value:e.value||"",onValueChange:e.onChange,canClear:!1})}),(0,r.jsx)(N.y,{name:"models.base.providerOptions",label:"Provider options",value:s.value?JSON.stringify(s.value,null,2):"",onChange:e=>{if(!(null==e?void 0:e.trim()))return void s.onChange(void 0);try{let t=JSON.parse(e);s.onChange(t)}catch(e){}},placeholder:'{\n  "temperature": 0.7,\n  "maxTokens": 2048\n}'})]})}function R(e){let{control:t}=e,{field:s}=(0,l.as)({control:t,name:"models.structuredOutput.providerOptions"}),n=(0,l.FH)({control:t,name:"models.base.model"});return(0,r.jsxs)("div",{className:"space-y-4",children:[(0,r.jsx)(O.u,{control:t,name:"models.structuredOutput.model",label:"Structured output model",description:"Model for structured outputs and components (defaults to base model)",children:e=>(0,r.jsx)(C.B,{label:"",placeholder:"Select structured output model (optional)",value:e.value||"",onValueChange:e.onChange,inheritedValue:n,canClear:!0})}),(0,r.jsx)(N.y,{name:"models.structuredOutput.providerOptions",label:"Provider options",value:s.value?JSON.stringify(s.value,null,2):"",onChange:e=>{if(!(null==e?void 0:e.trim()))return void s.onChange(void 0);try{let t=JSON.parse(e);s.onChange(t)}catch(e){}},placeholder:'{\n  "temperature": 0.1,\n  "maxTokens": 1024\n}'})]})}function P(e){let{control:t}=e,{field:s}=(0,l.as)({control:t,name:"models.summarizer.providerOptions"}),n=(0,l.FH)({control:t,name:"models.base.model"});return(0,r.jsxs)("div",{className:"space-y-4",children:[(0,r.jsx)(O.u,{control:t,name:"models.summarizer.model",label:"Summarizer model",description:"Model for summarization tasks (defaults to base model)",children:e=>(0,r.jsx)(C.B,{label:"",placeholder:"Select summarizer model (optional)",value:e.value||"",onValueChange:e.onChange,inheritedValue:n,canClear:!0})}),(0,r.jsx)(N.y,{name:"models.summarizer.providerOptions",label:"Provider options",value:s.value?JSON.stringify(s.value,null,2):"",onChange:e=>{if(!(null==e?void 0:e.trim()))return void s.onChange(void 0);try{let t=JSON.parse(e);s.onChange(t)}catch(e){}},placeholder:'{\n  "temperature": 0.3,\n  "maxTokens": 1024\n}'})]})}function E(e){var t,s,n,o,a,i,d,c,m,p,h,v;let{control:f}=e,[x,j]=(0,y.useState)(!1),{errors:C}=(0,l.lN)({control:f}),N=!!((null==(s=C.models)||null==(t=s.base)?void 0:t.model)||(null==(o=C.models)||null==(n=o.base)?void 0:n.providerOptions)||(null==(i=C.models)||null==(a=i.structuredOutput)?void 0:a.model)||(null==(c=C.models)||null==(d=c.structuredOutput)?void 0:d.providerOptions)||(null==(p=C.models)||null==(m=p.summarizer)?void 0:m.model)||(null==(v=C.models)||null==(h=v.summarizer)?void 0:h.providerOptions));return(0,y.useEffect)(()=>{N&&j(!0)},[N]),(0,r.jsxs)("div",{className:"space-y-4",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)(w.J,{className:"text-sm font-medium",children:"Default models"}),(0,r.jsx)("p",{className:"text-sm text-muted-foreground mt-1",children:"Set default models that will be inherited by agents and sub agents in this project."})]}),(0,r.jsxs)(S.Nt,{open:x,onOpenChange:j,className:"border rounded-md bg-background",children:[(0,r.jsx)(S.R6,{asChild:!0,children:(0,r.jsxs)(u.$,{type:"button",variant:"ghost",size:"sm",className:"flex items-center justify-start gap-2 w-full group p-0 h-auto  hover:!bg-transparent transition-colors py-2 px-4",children:[(0,r.jsx)(b.A,{className:"h-4 w-4 transition-transform duration-200 group-data-[state=open]:rotate-90"}),"Configure default models"]})}),(0,r.jsxs)(S.Ke,{className:"space-y-6  mt-4 data-[state=closed]:animate-[collapsible-up_200ms_ease-out] data-[state=open]:animate-[collapsible-down_200ms_ease-out] overflow-hidden px-4 pb-6",children:[(0,r.jsx)(z,{control:f}),(0,r.jsx)(R,{control:f}),(0,r.jsx)(P,{control:f}),(0,r.jsx)(I.n,{title:"How model inheritance works:",Icon:g.A,children:(0,r.jsx)(k.O,{})})]})]})]})}function _(e){var t,s;let{control:n}=e,o=(0,l.FH)({control:n,name:"stopWhen"}),a=!!((null==o?void 0:o.transferCountIs)||(null==o?void 0:o.stepCountIs)),[d,c]=(0,y.useState)(a),{errors:m}=(0,l.lN)({control:n}),p=!!((null==(t=m.stopWhen)?void 0:t.transferCountIs)||(null==(s=m.stopWhen)?void 0:s.stepCountIs));return(0,y.useEffect)(()=>{p&&c(!0)},[p]),(0,r.jsxs)("div",{className:"space-y-4",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)(w.J,{className:"text-sm font-medium",children:"Execution limits"}),(0,r.jsx)("p",{className:"text-sm text-muted-foreground mt-1",children:"Set default execution limits that will be inherited by agents and sub agents in this project."})]}),(0,r.jsxs)(S.Nt,{open:d,onOpenChange:c,className:"border rounded-md bg-background",children:[(0,r.jsx)(S.R6,{asChild:!0,children:(0,r.jsxs)(u.$,{type:"button",variant:"ghost",size:"sm",className:"flex items-center justify-start gap-2 w-full group p-0 h-auto  hover:!bg-transparent transition-colors py-2 px-4",children:[(0,r.jsx)(b.A,{className:"h-4 w-4 transition-transform duration-200 group-data-[state=open]:rotate-90"}),"Configure Execution Limits"]})}),(0,r.jsxs)(S.Ke,{className:"space-y-6  mt-4 data-[state=closed]:animate-[collapsible-up_200ms_ease-out] data-[state=open]:animate-[collapsible-down_200ms_ease-out] overflow-hidden px-4 pb-6",children:[(0,r.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[(0,r.jsx)("div",{className:"space-y-2",children:(0,r.jsx)(i.a,{control:n,name:"stopWhen.transferCountIs",description:"Maximum number of agent transfers per conversation (agent-level, default: 10)",label:"Max transfers",type:"number",placeholder:"10",min:"1"})}),(0,r.jsx)("div",{className:"space-y-2",children:(0,r.jsx)(i.a,{control:n,name:"stopWhen.stepCountIs",label:"Max steps",type:"number",placeholder:"50",min:"1",description:"Maximum number of execution steps per agent (agent-level limit)"})})]}),(0,r.jsx)(I.n,{title:"How inheritance works:",Icon:g.A,children:(0,r.jsxs)("ul",{className:"space-y-1.5 list-disc list-outside pl-4",children:[(0,r.jsxs)("li",{children:[(0,r.jsx)("span",{className:"font-medium",children:"transferCountIs"}),": Project → Agent only (agent-level limit)"]}),(0,r.jsxs)("li",{children:[(0,r.jsx)("span",{className:"font-medium",children:"stepCountIs"}),": Project → Agent only (agent-level limit)"]}),(0,r.jsxs)("li",{children:[(0,r.jsx)("span",{className:"font-medium",children:"Explicit settings"})," always take precedence over inherited values"]}),(0,r.jsxs)("li",{children:[(0,r.jsx)("span",{className:"font-medium",children:"Default fallback"}),": transferCountIs = 10 if no value is set"]}),(0,r.jsxs)("li",{children:[(0,r.jsx)("span",{className:"font-medium",children:"Error limit"})," is hardcoded to 3 errors across all levels"]})]})})]})]})]})}var q=s(66030);let W=q.object({model:q.string().optional(),providerOptions:q.record(q.string(),q.any()).optional().nullable()}),A=q.object({model:q.string().min(1,"Base model is required"),providerOptions:q.record(q.string(),q.any()).optional().nullable()}),F=q.object({base:A,structuredOutput:W.optional(),summarizer:W.optional()}),V=q.object({transferCountIs:q.number().min(1).max(100).optional().nullable(),stepCountIs:q.number().min(1).max(1e3).optional().nullable()}).optional(),M=q.object({id:q.string().min(1,"Project ID is required").regex(/^[a-z0-9]([a-z0-9-]*[a-z0-9])?$/,{message:"ID must start and end with lowercase alphanumeric characters, and may contain hyphens"}),name:q.string().min(1,"Project name is required").max(100,"Name must be less than 100 characters"),description:q.string().min(1,"Project description is required").max(500,"Description must be less than 500 characters"),models:F,stopWhen:V});function J(e){let{tenantId:t,projectId:s,onSuccess:h,onCancel:x,initialData:b}=e,g=(0,l.mN)({resolver:(0,n.u)(M),defaultValues:b?{...b,stopWhen:(null==b?void 0:b.stopWhen)||{},models:(null==b?void 0:b.models)||{base:{model:"",providerOptions:null}}}:{...j}}),{isSubmitting:y}=g.formState,C=(0,o.useRouter)();(0,p.S)({form:g,nameField:"name",idField:"id",isEditing:!!s});let N=async e=>{let r=(e=>{var t,s,r,n;let o=e=>{if(e&&("object"!=typeof e||0!==Object.keys(e).length))return e};return{...e,models:{...e.models,base:{model:e.models.base.model,providerOptions:o(e.models.base.providerOptions)},structuredOutput:(null==(s=e.models)||null==(t=s.structuredOutput)?void 0:t.model)?{model:e.models.structuredOutput.model,providerOptions:o(e.models.structuredOutput.providerOptions)}:void 0,summarizer:(null==(n=e.models)||null==(r=n.summarizer)?void 0:r.model)?{model:e.models.summarizer.model,providerOptions:o(e.models.summarizer.providerOptions)}:void 0},stopWhen:(e=>{if(!e||"object"==typeof e&&0===Object.keys(e).length)return{};let t={};return(null!==e.transferCountIs&&void 0!==e.transferCountIs&&(t.transferCountIs=e.transferCountIs),null!==e.stepCountIs&&void 0!==e.stepCountIs&&(t.stepCountIs=e.stepCountIs),0===Object.keys(t).length)?{}:t})(e.stopWhen)}})(e);try{if(s){let n=await v(t,s,r);if(!n.success)return void a.oR.error(n.error||"Failed to update project");a.oR.success("Project updated successfully"),h&&h(e.id)}else{let s=await f(t,r);if(!s.success)return void a.oR.error(s.error||"Failed to create project");a.oR.success("Project created successfully"),h?h(e.id):C.push("/".concat(t,"/projects/").concat(e.id,"/agent"))}}catch(t){console.error("Error creating project:",t);let e=t instanceof Error?t.message:"An unexpected error occurred";a.oR.error(e)}};return(0,r.jsx)(c.lV,{...g,children:(0,r.jsxs)("form",{onSubmit:g.handleSubmit(N),className:"space-y-8",children:[(0,r.jsx)(i.a,{control:g.control,name:"name",label:"Name",placeholder:"My Project",description:"A friendly name for your project",isRequired:!0}),(0,r.jsx)(i.a,{control:g.control,name:"id",label:"Id",placeholder:"my-project",description:"Choose a unique identifier for this project. This cannot be changed later.",disabled:!!s,isRequired:!0}),(0,r.jsx)(d.K,{control:g.control,name:"description",label:"Description",placeholder:"Describe what this project is for...",className:"min-h-[100px]",isRequired:!0}),(0,r.jsx)(m.Separator,{}),(0,r.jsx)(E,{control:g.control}),(0,r.jsx)(m.Separator,{}),(0,r.jsx)(_,{control:g.control}),(0,r.jsxs)("div",{className:"flex gap-3 ".concat(x?"justify-end":"justify-start"),children:[x&&(0,r.jsx)(u.$,{type:"button",variant:"outline",onClick:x,disabled:y,children:"Cancel"}),(0,r.jsx)(u.$,{type:"submit",disabled:y,children:s?"Update project":"Create project"})]})]})})}},49121:(e,t,s)=>{s.d(t,{n:()=>n});var r=s(60098);function n(e){let{title:t,Icon:s,children:n}=e;return(0,r.jsxs)("div",{className:"text-xs text-gray-800 dark:text-muted-foreground p-3 bg-gray-100/80 dark:bg-sidebar rounded-md",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 mb-2",children:[s&&(0,r.jsx)(s,{className:"w-3 h-3 text-muted-foreground"}),(0,r.jsx)("p",{className:"font-medium text-foreground font-mono uppercase",children:t})]}),n]})}s(86714)},56497:(e,t,s)=>{s.d(t,{S:()=>l});var r=s(79178),n=s(75983),o=s(47757);function l(e){let{form:t,nameField:s,idField:l,isEditing:a=!1}=e,i=(0,n.FH)({control:t.control,name:s}),d=t.formState.dirtyFields[l];(0,r.useEffect)(()=>{if(!a&&i&&!d){let e=(0,o.$)(i);t.setValue(l,e,{shouldValidate:!0})}},[i,l,a])}}}]);

package/.next/standalone/agents-manage-ui/.next/static/chunks/74206-85aa3065dce9dc8a.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[74206],{30712:(e,t,r)=>{r.d(t,{G:()=>d});var a=r(60098),n=r(38678),s=r(85276),i=r.n(s),o=r(52681);function d(e){let{href:t,children:r,className:s,iconClassName:d,...l}=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),...l,children:[r,(0,a.jsx)(n.A,{className:(0,o.cn)("size-3.5 text-muted-foreground/60 group-hover/link:text-primary",d)})]})}},47216:(e,t,r)=>{r.d(t,{Fc:()=>o,TN:()=>l,XL:()=>d});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 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})}},66041:(e,t,r)=>{r.d(t,{AM:()=>i,Wv:()=>o,hl:()=>d});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 d(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:()=>d,Wu:()=>l,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 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})}},74206:(e,t,r)=>{r.d(t,{DataComponentForm:()=>W});var a=r(60098),n=r(18979),s=r(93137),i=r(75983),o=r(32028),d=r(23574),l=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)("709df3e44f9b96e37da984865543e36d5ee2337f25",x.callServer,void 0,x.findSourceMapURL,"updateDataComponentAction"),g=(0,x.createServerReference)("7070e6b08e927ef168deeb58f9138170f77e1b4fd3",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:d,readOnly:l,...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:!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,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)("70f645d9f5557568d74c47d1edd41bb282d70c5eea",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:d,onPreviewChanged:l}=e,[c,m]=(0,y.useState)(d||null),[p,f]=(0,y.useState)(!1),[x,v]=(0,y.useState)(!1),[g,h]=(0,y.useState)(""),[k,C]=(0,y.useState)(!!d),[R,F]=(0,y.useState)(!!d),[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,d="",u=null;for(;;){let{done:e,value:t}=await r.read();if(e)break;let n=a.decode(t,{stream:!0}),s=(d+=n).split("\n");for(let e of(d=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==l||l(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==l||l(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==l||l(r)}catch(e){}},[c,l]);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==l||l(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)(d.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)(d.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)(l.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"})]})})}},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),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,i=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:i}),(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,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]),l=(0,i.useMemo)(()=>({fallbackRender:p,import:{"lucide-react":s,"react-error-boundary":o}}),[]),{element:u}=(0,d.CL)({code:a,scope:l});return(0,n.jsx)("div",{children:u})}}}]);