@inkeep/agents-manage-ui 0.38.1 → 0.38.2

package/.next/standalone/agents-manage-ui/.next/static/chunks/94816-0542bc0b8ed3b045.js

@@ -1,14 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[43189,94816],{1391:(e,t,r)=>{"use strict";r.d(t,{Fc:()=>i,TN:()=>l,XL:()=>d});var a=r(59112),n=r(81878),s=r(29944);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({className:e,variant:t,...r}){return(0,a.jsx)("div",{"data-slot":"alert",role:"alert",className:(0,s.cn)(o({variant:t}),e),...r})}function d({className:e,...t}){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",e),...t})}function l({className:e,...t}){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",e),...t})}},7707:(e,t,r)=>{"use strict";r.d(t,{G:()=>d});var a=r(59112),n=r(90515),s=r(62351),o=r.n(s),i=r(29944);function d({href:e,children:t,className:r,iconClassName:s,...d}){return(0,a.jsxs)(o(),{href:e,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",r),...d,children:[t,(0,a.jsx)(n.A,{className:(0,i.cn)("size-3.5 text-muted-foreground opacity-60 group-hover/link:text-primary",s)})]})}},9754:(e,t,r)=>{"use strict";r.d(t,{B:()=>o});var a=r(59112),n=r(95556),s=r(39968);let o=({uri:e,placeholder:t="Enter code...",editorOptions:r,...o})=>{let i=(0,n.useId)();return e??=`${i}.jsx`,(0,a.jsx)(s.T,{uri:e,placeholder:t,editorOptions:{ariaLabel:"Code editor",...r},...o})}},26831:(e,t,r)=>{"use strict";r.d(t,{Bf:()=>x,ib:()=>b,Y1:()=>v});var a=r(89101),n=r(3361),s=r(56887),o=r(94962),i=r(12699);let d="github-light-default",l="github-dark-default",c="template",u=JSON.parse('{"$schema":"https://json-schema.org/draft/2020-12/schema","$id":"https://json-schema.org/draft/2020-12/schema","title":"JSON Schema Draft 2020-12 (Monaco Compatible)","type":"object","properties":{"$schema":{"type":"string","description":"The JSON Schema meta-schema identifier"},"$id":{"type":"string","description":"A unique identifier for the schema"},"title":{"type":"string","description":"A descriptive title for the schema"},"description":{"type":"string","description":"A description of the schema"},"type":{"type":"string","enum":["string","number","integer","boolean","array","object","null"],"description":"The type of the data"},"properties":{"type":"object","additionalProperties":{"$ref":"#"},"description":"Properties of the object"},"required":{"type":"array","items":{"type":"string"},"description":"Required properties"},"items":{"description":"Schema for array items"},"additionalProperties":{"description":"Schema for additional properties"},"enum":{"type":"array","description":"Enumeration of valid values"},"const":{"description":"A constant value"},"default":{"description":"Default value"},"examples":{"type":"array","description":"Example values"},"format":{"type":"string","description":"Format specification"},"pattern":{"type":"string","description":"Regular expression pattern"},"minimum":{"type":"number","description":"Minimum value"},"maximum":{"type":"number","description":"Maximum value"},"minLength":{"type":"integer","minimum":0,"description":"Minimum string length"},"maxLength":{"type":"integer","minimum":0,"description":"Maximum string length"},"minItems":{"type":"integer","minimum":0,"description":"Minimum array length"},"maxItems":{"type":"integer","minimum":0,"description":"Maximum array length"},"uniqueItems":{"type":"boolean","description":"Whether array items must be unique"},"oneOf":{"type":"array","items":{"$ref":"#"},"description":"Schema must match exactly one of the schemas"},"anyOf":{"type":"array","items":{"$ref":"#"},"description":"Schema must match at least one of the schemas"},"allOf":{"type":"array","items":{"$ref":"#"},"description":"Schema must match all of the schemas"},"not":{"$ref":"#","description":"Schema must not match"},"if":{"$ref":"#","description":"Conditional schema"},"then":{"$ref":"#","description":"Schema to apply if condition is true"},"else":{"$ref":"#","description":"Schema to apply if condition is false"}},"additionalProperties":false}'),m=["javascript","typescript","json"],p=[d,l],h={monaco:null,variableSuggestions:[],highlighter:null},f=null,g=async()=>(f??=(0,n.O_)({themes:[...p],langs:[...m]}),await f),x=(0,s.v)()((0,o.lt)((e,t)=>({...h,actions:{setVariableSuggestions(t){e({variableSuggestions:t})},setMonacoTheme(e){let r=t().monaco;r&&(r.editor.defineTheme("github-light-default",{base:"vs",inherit:!0,rules:[],colors:{"diffEditor.insertedTextBackground":"#3784ff19","diffEditor.insertedLineBackground":"#3784ff0d","scrollbarSlider.background":"#ccc5","scrollbarSlider.hoverBackground":"#bbb5","scrollbarSlider.activeBackground":"#aaa5"}}),r.editor.defineTheme("github-dark-default",{base:"vs-dark",inherit:!0,rules:[],colors:{"diffEditor.insertedTextBackground":"#69a3ff4d","diffEditor.insertedLineBackground":"#69a3ff33","scrollbarSlider.background":"#aaa5","scrollbarSlider.hoverBackground":"#bbb5","scrollbarSlider.activeBackground":"#ccc5"}}),r.editor.setTheme(e?l:d))},async setupHighlighter(r){let{highlighter:n,monaco:s,actions:o}=t();if(!s)return;let i=n??await g();(0,a.H)(i,s),o.setMonacoTheme(r),n||(e({highlighter:i}),f=null)},async setMonaco(){let a=await Promise.all([r.e(97698),r.e(35823),r.e(9143),r.e(89173),r.e(3767),r.e(34194)]).then(r.bind(r,34194));return window.monaco=a,e({monaco:a}),a.languages.register({id:c}),a.languages.json.jsonDefaults.setDiagnosticsOptions({schemas:[{uri:"https://json-schema.org/draft/2020-12/schema",fileMatch:["json-schema-*.json"],schema:u}],enableSchemaRequest:!0}),[a.languages.setMonarchTokensProvider(c,{tokenizer:{root:[[/\{\{([^}]+)}}/,"variable"]]}}),a.languages.registerCompletionItemProvider(c,{triggerCharacters:["{"],provideCompletionItems(e,r){let{variableSuggestions:n}=t(),s=e.getValueInRange({startLineNumber:1,startColumn:1,endLineNumber:r.lineNumber,endColumn:r.column}).match(/\{([^}]*)$/);if(!s)return console.log("No template variable match found"),{suggestions:[]};let o=s[1].toLowerCase(),i=n.filter(e=>e.toLowerCase().includes(o)),d=e.getWordUntilPosition(r),l=new a.Range(r.lineNumber,d.startColumn,r.lineNumber,d.endColumn);return{suggestions:[...i.map(e=>({label:e,detail:"Context variable",sortText:"0"})),{label:"$env.",detail:"Environment variable",sortText:"1"}].map(e=>({kind:a.languages.CompletionItemKind.Module,range:l,insertText:`{${e.label}}}`,...e}))}}})]}}}))),b=()=>x(e=>e.actions);function v(e){return x((0,i.k)(e))}},37981:(e,t,r)=>{"use strict";r.d(t,{u:()=>c});var a=r(59112),n=r(92400),s=r(95556),o=r(21933),i=r(93964),d=r(71506);let l=(0,d.createServerReference)("7058226e9e1fe9cd8bc673b45b5e1a9c453c9effd8",d.callServer,void 0,d.findSourceMapURL,"deleteDataComponentAction");function c({dataComponentId:e,dataComponentName:t,setIsOpen:r,redirectOnDelete:d=!1}){let{tenantId:c,projectId:u}=(0,n.useParams)(),m=(0,n.useRouter)(),[p,h]=(0,s.useState)(!1),f=async()=>{h(!0);try{let t=await l(c,u,e);t.success?(r(!1),o.oR.success("Component deleted."),d&&m.push(`/${c}/projects/${u}/components`)):o.oR.error(t.error)}finally{h(!1)}};return(0,a.jsx)(i.J,{itemName:t||"this component",isSubmitting:p,onDelete:f})}},39968:(e,t,r)=>{"use strict";r.d(t,{T:()=>c});var a=r(59112),n=r(36608),s=r(95556),o=r(78522),i=r(26831),d=r(66552),l=r(29944);r(61946);let c=({value:e="",uri:t,readOnly:r,children:c,className:u,disabled:m,onChange:p,placeholder:h="",autoFocus:f,editorOptions:g,hasDynamicHeight:x=!0,onMount:b,...v})=>{let j=(0,s.useRef)(null),y=(0,s.useRef)(null),N=(0,s.useRef)(void 0),w=(0,i.Y1)(e=>e.monaco),{setupHighlighter:S}=(0,i.ib)();(0,s.useEffect)(()=>{let e=g?.wordWrap??"on";y.current?.updateOptions({readOnly:r||m,wordWrap:e,scrollbar:{horizontal:"on"===e?"hidden":"auto",alwaysConsumeMouseWheel:"on"!==e}})},[r,m,g?.wordWrap]),(0,s.useEffect)(()=>{let t=y.current?.getModel();t&&t.getValue()!==e&&t.setValue(e)},[e]),(0,s.useEffect)(()=>{N.current=p},[p]);let k="dark"===(0,n.D)().resolvedTheme;return(0,s.useEffect)(()=>{let a=j.current;if(!a||!w)return;let{editor:n}=w,{model:s,language:o}=(0,d.pj)({monaco:w,uri:t,value:e}),i=n.create(a,{model:s,language:o,extraEditorClassName:"[--vscode-editor-background:transparent]! [--vscode-editorGutter-background:transparent]! [--vscode-focusBorder:transparent]!",automaticLayout:!0,minimap:{enabled:!1},overviewRulerLanes:0,scrollBeyondLastLine:!1,lineNumbers:"off",wordWrap:"on",contextmenu:!1,fixedOverflowWidgets:!0,padding:{top:12,bottom:12},scrollbar:{horizontal:"hidden",useShadows:!1,alwaysConsumeMouseWheel:!1},stickyScroll:{enabled:!1},tabSize:2,readOnly:r,placeholder:h.replaceAll(/^\s+/gm,e=>"\xa0".repeat(e.length)),fontSize:12,lineDecorationsWidth:0,editContext:!1,...g});y.current=i;let l=[s,s.onDidChangeContent(()=>{let e=N.current;e&&e(s.getValue())}),i,i.addAction({id:"disable-command-palette",label:"Disable Command Palette",keybindings:[w.KeyCode.F1],run(){}}),i.onKeyDown(e=>{"Space"===e.code&&e.browserEvent.stopPropagation()})];if(f&&requestAnimationFrame(()=>{i.focus()}),x){function c(){if(s.isDisposed())return;let e=i.getContentHeight();if(!s.getValue()&&h){let t=h.split("\n"),r=i.getOption(n.EditorOption.lineHeight),{top:a,bottom:s}=i.getOption(n.EditorOption.padding);e=t.length*r+a+s}a&&(a.style.height=`${e}px`)}c(),l.push(i.onDidContentSizeChange(c))}return S(k),b?.(i),(0,d.Ye)(l)},[w]),(0,a.jsxs)("div",{className:(0,l.cn)("max-h-screen",!x&&"h-full","rounded-md relative dark:bg-input/30 transition-colors text-foreground","border border-input shadow-xs",m?"cursor-not-allowed opacity-50 bg-muted [&>.monaco-editor]:pointer-events-none":"has-[&>.focused]:border-ring has-[&>.focused]:ring-ring/50 has-[&>.focused]:ring-[3px]","aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40",u,!w&&"px-3 py-4","[&_.native-edit-context]:caret-transparent"),...v,ref:j,children:[!w&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(o.E,{className:"h-4 w-4/5"}),(0,a.jsx)(o.E,{className:"h-4 w-3/5 mt-3 mb-full"})]}),c]})}},43189:(e,t,r)=>{"use strict";r.d(t,{i:()=>o});var a=r(59112),n=r(95556),s=r(39968);let o=({uri:e,editorOptions:t,...r})=>{let o=(0,n.useId)();return e??=`${o}.json`,(0,a.jsx)(s.T,{uri:e,editorOptions:{ariaLabel:"JSON editor",...t},...r})}},49609:(e,t,r)=>{"use strict";r.d(t,{BT:()=>d,Wu:()=>l,ZB:()=>i,Zp:()=>s,aR:()=>o,wL:()=>c});var a=r(59112),n=r(29944);function s({className:e,...t}){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",e),...t})}function o({className:e,...t}){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",e),...t})}function i({className:e,...t}){return(0,a.jsx)("div",{"data-slot":"card-title",className:(0,n.cn)("leading-none font-semibold",e),...t})}function d({className:e,...t}){return(0,a.jsx)("div",{"data-slot":"card-description",className:(0,n.cn)("text-muted-foreground text-sm",e),...t})}function l({className:e,...t}){return(0,a.jsx)("div",{"data-slot":"card-content",className:(0,n.cn)("px-6",e),...t})}function c({className:e,...t}){return(0,a.jsx)("div",{"data-slot":"card-footer",className:(0,n.cn)("flex items-center px-6 [.border-t]:pt-6",e),...t})}},61946:(e,t,r)=>{globalThis.MonacoEnvironment={getWorker:(e,t)=>new Worker((console.info("setup-workers/webpack",{label:t}),"json"===t)?r.tu(new URL(r.p+r.u(22063),r.b)):"typescript"===t||"javascript"===t?r.tu(new URL(r.p+r.u(44444),r.b)):r.tu(new URL(r.p+r.u(48830),r.b)))}},66552:(e,t,r)=>{"use strict";function a({monaco:e,editorInstance:t,content:r,addedContent:a=" #"}){let n=[],s=e.editor.tokenize(r,"json"),o=r.split("\n");for(let[t,r]of s.entries()){let s=t+1,i=o[s-1];for(let t=r.length-1;t>=0;t--){if(!function(e){switch(e){case"string.value.json":case"number.json":case"keyword.json":case"string":return!0}return!1}(r[t].type))continue;let o=r[t+1],d=o?o.offset+1:i.length,l=new e.Range(s,d,s,d+1);n.push({range:l,options:{after:{content:a,inlineClassName:"copy-button-icon"}}});break}}let i=t.createDecorationsCollection(n);return{decorations:n,decorationCollection:i}}function n({uri:e,value:t,monaco:r}){let a=r.Uri.file(e),n=a.path.split(".").at(-1);if(!n)throw Error(`Could not determine file language from path: "${a.path}"`);switch(n){case"js":case"jsx":n="javascript";break;case"ts":case"tsx":n="typescript"}return{language:n,model:r.editor.getModel(a)??r.editor.createModel(t,n,a)}}function s(e){return()=>{for(let t of e)t.dispose()}}r.d(t,{Xe:()=>a,Ye:()=>s,pj:()=>n})},69661:(e,t,r)=>{"use strict";r.d(t,{n:()=>n});var a=r(59112);function n({title:e,Icon:t,children:r}){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:[e&&(0,a.jsxs)("div",{className:"flex items-center gap-2 mb-2",children:[t&&(0,a.jsx)(t,{className:"w-3 h-3 text-muted-foreground"}),(0,a.jsx)("p",{className:"font-medium text-foreground font-mono uppercase",children:e})]}),r]})}r(46539)},78130:(e,t,r)=>{"use strict";r.d(t,{s:()=>m});var a=r(59112),n=r(22912),s=r(95556),o=r(63398),i=r(81845),d=r(1391);let{AlertCircle:l}=n,c=String.raw;function u({error:e}){let t=String(e),r=t.split("\n"),n=r[0]||t,s=r.slice(1).join("\n");return(0,a.jsxs)(d.Fc,{variant:"destructive",className:"max-w-full",children:[(0,a.jsx)(l,{className:"h-4 w-4"}),(0,a.jsx)(d.XL,{className:"font-semibold text-sm",children:s}),(0,a.jsx)(d.TN,{className:"mt-2 space-y-2",children:(0,a.jsx)("div",{className:"font-mono text-xs break-words",children:n})})]})}function m({code:e,props:t}){let r=(0,s.useMemo)(()=>{let r,a;return r=e.match(/(?:export\s+(?:default\s+)?)?(?:function\s+(\w+)|const\s+(\w+)\s*=\s*(?:\(.*\)\s*=>|\(\)))/),a=r?.[1]||r?.[2]||"App",c`
-  import { ErrorBoundary } from "react-error-boundary";
-
-  ${e}
-
-  export default function App() {
-    const props = ${JSON.stringify(t)};
-    return (
-      <ErrorBoundary fallbackRender={fallbackRender}>
-        <${a} {...props} />
-      </ErrorBoundary>
-    );
-  }`},[e,t]),d=(0,s.useMemo)(()=>({fallbackRender:u,import:{"lucide-react":n,"react-error-boundary":o}}),[]),{element:l}=(0,i.CL)({code:r,scope:d});return(0,a.jsx)("div",{children:l})}},94816:(e,t,r)=>{"use strict";r.d(t,{DataComponentForm:()=>G});var a=r(59112),n=r(16559),s=r(92400),o=r(95556),i=r(32618),d=r(21933),l=r(8641),c=r(50877),u=r(61827),m=r(46539),p=r(6871),h=r(7707),f=r(80381),g=r(93008),x=r(71506);let b=(0,x.createServerReference)("70f0307d74514fa511341a7c66f38cf4c812a1bcb4",x.callServer,void 0,x.findSourceMapURL,"updateDataComponentAction"),v=(0,x.createServerReference)("701f669f12abc52bba00b1db092490d673a1a4d44c",x.callServer,void 0,x.findSourceMapURL,"createDataComponentAction");var j=r(29944),y=r(37981),N=r(93409),w=r(65905),S=r(59322),k=r(66517),C=r(39470),R=r(89736),E=r(9754),$=r(43189),D=r(95684),O=r(49609),M=r(69661),T=r(23579),L=r(98570),A=r(73803),F=r(21785),I=r(5892),B=r(64771);let z=(0,x.createServerReference)("70f12e231886e9dec9dedcd0a9344a4e801b7dcafc",x.callServer,void 0,x.findSourceMapURL,"updateDataComponent");var _=r(78130);function V({tenantId:e,projectId:t,dataComponentId:r,existingRender:n,onRenderChanged:s}){let[i,l]=(0,o.useState)(n||null),[c,u]=(0,o.useState)(!1),[p,f]=(0,o.useState)(!1),[g,x]=(0,o.useState)(""),[b,v]=(0,o.useState)(!!n),[j,y]=(0,o.useState)(!!n),[V,q]=(0,o.useState)(""),[J,P]=(0,o.useState)(!1),W=(0,B.B)(),U=W?.models?.base?.model,G=async a=>{u(!0),l(null),x(""),v(!1),y(!1);try{let n=await fetch(`/api/data-components/${r}/generate-render`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({tenantId:e,projectId:t,instructions:a||void 0,existingCode:a?i?.component:void 0})});if(!n.ok)throw Error("Failed to generate render");if(!n.body)throw Error("No response body");let o=n.body.getReader(),c=new TextDecoder,u="",m=null;for(;;){let{done:e,value:t}=await o.read();if(e)break;let r=c.decode(t,{stream:!0}),a=(u+=r).split("\n");for(let e of(u=a.pop()||"",a))if(e.trim())try{let t=JSON.parse(e);m=t,t.component&&x(t.component)}catch(t){console.warn("Failed to parse line:",e,t)}}if(m)l(m),v(!0),s?.(m),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"),v(!0)}finally{u(!1)}},Z=async()=>{f(!0);try{await z(e,t,{id:r,render:null}),l(null),y(!1),s?.(null),d.oR.success("Render deleted")}catch(e){console.error("Error deleting render:",e),d.oR.error("Failed to delete render")}finally{f(!1)}},X=null!==i&&(i.component?.trim().length??0)>0,H=(0,o.useMemo)(()=>i?.mockData?JSON.stringify(i.mockData,null,2):"{}",[i?.mockData]),K=(0,o.useMemo)(()=>i?.component||"",[i?.component]),Y=(0,o.useMemo)(()=>i?.mockData||{},[i?.mockData]),Q=(0,o.useCallback)(e=>{if(i)try{let t=JSON.parse(e),r={...i,mockData:t};l(r),s?.(r)}catch{}},[i,s]);return(0,a.jsxs)("div",{className:"space-y-4",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[(0,a.jsx)("div",{className:"space-y-2",children:(0,a.jsxs)("div",{className:"flex items-center gap-1",children:[(0,a.jsx)("h3",{className:"text-md font-medium",children:"Component Renderer"}),(0,a.jsxs)(I.Tooltip,{children:[(0,a.jsx)(I.TooltipTrigger,{asChild:!0,children:(0,a.jsx)(N.A,{className:"w-3 h-3 text-muted-foreground ml-1"})}),(0,a.jsx)(I.TooltipContent,{children:(0,a.jsxs)("p",{className:"text-sm text-muted-foreground",children:["Generates a React/Tailwind component from your schema using your project's base model",U&&(0,a.jsxs)(a.Fragment,{children:[" ",(0,a.jsx)(D.E,{variant:"code",children:U})]}),".",(0,a.jsx)("div",{className:"flex mt-1",children:(0,a.jsx)(h.G,{href:`/${e}/projects/${t}/settings`,className:"text-xs ml-0",children:"Edit in settings"})})]})})]})]})}),(0,a.jsxs)("div",{className:"flex gap-2",children:[!X&&(0,a.jsx)(m.$,{onClick:()=>G(),disabled:c,size:"sm",className:"gap-2",children:c?(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)(S.A,{className:"h-4 w-4"}),"Generate"]})}),X&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(L.AM,{open:J,onOpenChange:P,children:[(0,a.jsx)(L.Wv,{asChild:!0,children:(0,a.jsx)(m.$,{variant:"outline",size:"sm",disabled:p||c,className:"gap-2 font-mono uppercase",children:c?(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)(k.A,{className:"h-4 w-4"}),"Regenerate"]})})}),(0,a.jsx)(L.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)(T.J,{htmlFor:"instructions",className:"text-xs text-muted-foreground",children:"Describe what you'd like to change (optional)"}),(0,a.jsx)(F.T,{id:"instructions",placeholder:"e.g. Make it more compact, add a border, use different icons...",value:V,onChange:e=>q(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:()=>{P(!1),q("")},children:"Cancel"}),(0,a.jsx)(m.$,{size:"sm",onClick:async()=>{P(!1),await G(V||void 0),q("")},disabled:c,children:V?"Apply Changes":"Regenerate"})]})]})})]}),j&&(0,a.jsx)(m.$,{variant:"destructive-outline",onClick:Z,disabled:p||c,size:"icon",title:"Delete render",children:p?(0,a.jsx)(w.A,{className:"h-4 w-4 animate-spin"}):(0,a.jsx)(C.A,{className:"h-4 w-4"})})]})]})]}),c&&g&&(0,a.jsx)(R.jH,{isAnimating:!0,className:"[&_[data-code-block-header=true]]:hidden [&_pre]:bg-muted/40!",children:`\`\`\`jsx
-${g}\`\`\``}),c&&!g&&(0,a.jsx)(O.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 render..."})]})}),X&&!c&&b&&i&&(0,a.jsx)(O.Zp,{className:"px-2 py-4 pt-0",children:(0,a.jsxs)(A.tU,{defaultValue:"render",className:"w-full",children:[(0,a.jsxs)(A.j7,{className:"bg-transparent relative rounded-none border-b p-0 w-full justify-start gap-2",children:[(0,a.jsx)(A.Xi,{variant:"underline",value:"render",children:"Render"}),(0,a.jsx)(A.Xi,{variant:"underline",value:"code",children:"Code"}),(0,a.jsx)(A.Xi,{variant:"underline",value:"data",children:"Sample Data"})]}),(0,a.jsx)(A.av,{value:"render",children:(0,a.jsx)("div",{className:"p-4",children:(0,a.jsx)(_.s,{code:K,props:Y})})}),(0,a.jsx)(A.av,{value:"code",children:(0,a.jsx)(E.B,{value:K,onChange:e=>{if(!i)return;let t={...i,component:e};l(t),s?.(t)},className:"max-h-[500px] border-0 shadow-none"})}),(0,a.jsx)(A.av,{value:"data",children:(0,a.jsx)($.i,{value:H,onChange:Q,className:"max-h-[500px] border-0 shadow-none"})})]})}),!X&&!c&&!b&&(0,a.jsx)(M.n,{children:(0,a.jsx)("p",{className:"text-sm text-muted-foreground",children:"No render generated"})})]})}let q={id:"",name:"",description:"",props:""};var J=r(65686),P=r(49769),W=r(84752);let U=J.object({id:W.f,name:J.string().min(1,"Name is required."),description:J.string().optional(),props:J.string().min(1,"Props schema is required.").transform((e,t)=>{try{let r=JSON.parse(e),a=(0,P._O)(e);if(!a.isValid){let e=a.errors[0]?.message||"Invalid JSON schema";return t.addIssue({code:J.ZodIssueCode.custom,message:e}),J.NEVER}return r.required??=[],r}catch(e){return t.addIssue({code:J.ZodIssueCode.custom,message:(0,P.SR)(e)}),J.NEVER}}).optional(),render:J.object({component:J.string(),mockData:J.record(J.string(),J.unknown())}).nullable().optional()});function G({tenantId:e,projectId:t,id:r,initialData:x}){let[N,w]=(0,o.useState)(!1),S=(0,i.mN)({resolver:(0,n.u)(U),defaultValues:(e=>{if(!e)return q;let t={...e};return t.props&&(t.props=(0,j.S_)(t.props)),t})(x)}),{isSubmitting:k}=S.formState,C=(0,s.useRouter)();(0,g.S)({form:S,nameField:"name",idField:"id",isEditing:!!r});let R=async a=>{try{let n={...a};if(r){let r=await b(e,t,n);if(!r.success)return void d.oR.error(r.error||"Failed to update component");d.oR.success("Component updated")}else{let r=await v(e,t,n);if(!r.success)return void d.oR.error(r.error||"Failed to create component");d.oR.success("Component created"),C.push(`/${e}/projects/${t}/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.Dialog,{open:N,onOpenChange:w,children:[(0,a.jsx)(f.lV,{...S,children:(0,a.jsxs)("form",{onSubmit:S.handleSubmit(R),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)(h.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:!!r,description:r?"":"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]"}),(0,a.jsx)(u.S,{control:S.control,name:"props",label:"Properties",placeholder:"Enter a valid JSON Schema...",uri:"json-schema-data-component.json",isRequired:!0}),r&&(0,a.jsx)(V,{tenantId:e,projectId:t,dataComponentId:r,existingRender:x?.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"}),r&&(0,a.jsx)(p.DialogTrigger,{asChild:!0,children:(0,a.jsx)(m.$,{type:"button",variant:"destructive-outline",children:"Delete Component"})})]})]})}),N&&r&&(0,a.jsx)(y.u,{dataComponentId:r,dataComponentName:S.getValues("name"),setIsOpen:w,redirectOnDelete:!0})]})}},98570:(e,t,r)=>{"use strict";r.d(t,{AM:()=>o,Wv:()=>i,hl:()=>d});var a=r(59112),n=r(81086),s=r(29944);function o({...e}){return(0,a.jsx)(n.bL,{"data-slot":"popover",...e})}function i({className:e,...t}){return(0,a.jsx)(n.l9,{"data-slot":"popover-trigger",className:(0,s.cn)("font-sans normal-case",e),...t})}function d({className:e,align:t="center",sideOffset:r=4,...o}){return(0,a.jsx)(n.ZL,{children:(0,a.jsx)(n.UC,{"data-slot":"popover-content",align:t,sideOffset:r,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",e),...o})})}}}]);