diff --git a/web/dist/assets/index-1d4f4faa.js b/web/dist/assets/index-86cb30f2.js
similarity index 99%
rename from web/dist/assets/index-1d4f4faa.js
rename to web/dist/assets/index-86cb30f2.js
index 31d2666f..57833f1d 100644
--- a/web/dist/assets/index-1d4f4faa.js
+++ b/web/dist/assets/index-86cb30f2.js
@@ -3977,7 +3977,7 @@ Please check that you don't accidentally use the same token twice to register tw
 Please check that you don't accidentally use the same token twice to register two different proxies for the same event/hook.`),this.unregisterProxy(e)),this.proxyMap.set(e,n),this.proxies.push(n)}unregisterProxy(e){if(!this.proxyMap.has(e))return;const n=this.proxyMap.get(e);this.proxyMap.delete(e);const s=this.proxies.indexOf(n);s>=0&&this.proxies.splice(s,1)}}class zt extends Xr{constructor(e){super(),this.entity=e}emit(e){this.listeners.forEach(n=>n(e,this.entity))}}class Mn extends Xr{constructor(e){super(),this.entity=e}emit(e){let n=!1;const s=()=>[n=!0];for(const i of Array.from(this.listeners.values()))if(i(e,s,this.entity),n)return{prevented:!0};return{prevented:!1}}}class _O extends Xr{execute(e,n){let s=e;for(const i of this.listeners)s=i(s,n);return s}}class ss extends _O{constructor(e){super(),this.entity=e}execute(e){return super.execute(e,this.entity)}}class eLt extends Xr{constructor(e){super(),this.entity=e}execute(e){const n=[];for(const s of this.listeners)n.push(s(e,this.entity));return n}}function js(){const t=Symbol(),e=new Map,n=new Set,s=(c,d)=>{d instanceof Xr&&d.registerProxy(t,()=>{var u,h;return(h=(u=e.get(c))===null||u===void 0?void 0:u.listeners)!==null&&h!==void 0?h:[]})},i=c=>{const d=new Xr;e.set(c,d),n.forEach(u=>s(c,u[c]))},r=c=>{n.add(c);for(const d of e.keys())s(d,c[d])},o=c=>{for(const d of e.keys())c[d]instanceof Xr&&c[d].unregisterProxy(t);n.delete(c)},a=()=>{n.forEach(c=>o(c)),e.clear()};return new Proxy({},{get(c,d){return d==="addTarget"?r:d==="removeTarget"?o:d==="destroy"?a:typeof d!="string"||d.startsWith("_")?c[d]:(e.has(d)||i(d),e.get(d))}})}class Sw{constructor(e,n){if(this.destructed=!1,this.events={destruct:new zt(this)},!e||!n)throw new Error("Cannot initialize connection with null/undefined for 'from' or 'to' values");this.id=Mi(),this.from=e,this.to=n,this.from.connectionCount++,this.to.connectionCount++}destruct(){this.events.destruct.emit(),this.from.connectionCount--,this.to.connectionCount--,this.destructed=!0}}class hO{constructor(e,n){if(!e||!n)throw new Error("Cannot initialize connection with null/undefined for 'from' or 'to' values");this.id=Mi(),this.from=e,this.to=n}}function cb(t,e){return Object.fromEntries(Object.entries(t).map(([n,s])=>[n,e(s)]))}class fO{constructor(){this._title="",this.id=Mi(),this.events={loaded:new zt(this),beforeAddInput:new Mn(this),addInput:new zt(this),beforeRemoveInput:new Mn(this),removeInput:new zt(this),beforeAddOutput:new Mn(this),addOutput:new zt(this),beforeRemoveOutput:new Mn(this),removeOutput:new zt(this),beforeTitleChanged:new Mn(this),titleChanged:new zt(this),update:new zt(this)},this.hooks={beforeLoad:new ss(this),afterSave:new ss(this)}}get graph(){return this.graphInstance}get title(){return this._title}set title(e){this.events.beforeTitleChanged.emit(e).prevented||(this._title=e,this.events.titleChanged.emit(e))}addInput(e,n){return this.addInterface("input",e,n)}addOutput(e,n){return this.addInterface("output",e,n)}removeInput(e){return this.removeInterface("input",e)}removeOutput(e){return this.removeInterface("output",e)}registerGraph(e){this.graphInstance=e}load(e){this.hooks.beforeLoad.execute(e),this.id=e.id,this._title=e.title,Object.entries(e.inputs).forEach(([n,s])=>{this.inputs[n]&&(this.inputs[n].load(s),this.inputs[n].nodeId=this.id)}),Object.entries(e.outputs).forEach(([n,s])=>{this.outputs[n]&&(this.outputs[n].load(s),this.outputs[n].nodeId=this.id)}),this.events.loaded.emit(this)}save(){const e=cb(this.inputs,i=>i.save()),n=cb(this.outputs,i=>i.save()),s={type:this.type,id:this.id,title:this.title,inputs:e,outputs:n};return this.hooks.afterSave.execute(s)}onPlaced(){}onDestroy(){}initializeIo(){Object.entries(this.inputs).forEach(([e,n])=>this.initializeIntf("input",e,n)),Object.entries(this.outputs).forEach(([e,n])=>this.initializeIntf("output",e,n))}initializeIntf(e,n,s){s.isInput=e==="input",s.nodeId=this.id,s.events.setValue.subscribe(this,()=>this.events.update.emit({type:e,name:n,intf:s}))}addInterface(e,n,s){const i=e==="input"?this.events.beforeAddInput:this.events.beforeAddOutput,r=e==="input"?this.events.addInput:this.events.addOutput,o=e==="input"?this.inputs:this.outputs;return i.emit(s).prevented?!1:(o[n]=s,this.initializeIntf(e,n,s),r.emit(s),!0)}removeInterface(e,n){const s=e==="input"?this.events.beforeRemoveInput:this.events.beforeRemoveOutput,i=e==="input"?this.events.removeInput:this.events.removeOutput,r=e==="input"?this.inputs[n]:this.outputs[n];if(!r||s.emit(r).prevented)return!1;if(r.connectionCount>0)if(this.graphInstance)this.graphInstance.connections.filter(a=>a.from===r||a.to===r).forEach(a=>{this.graphInstance.removeConnection(a)});else throw new Error("Interface is connected, but no graph instance is specified. Unable to delete interface");return r.events.setValue.unsubscribe(this),e==="input"?delete this.inputs[n]:delete this.outputs[n],i.emit(r),!0}}let mO=class extends fO{load(e){super.load(e)}save(){return super.save()}};function za(t){return class extends mO{constructor(){var e,n;super(),this.type=t.type,this.inputs={},this.outputs={},this.calculate=t.calculate?(s,i)=>t.calculate.call(this,s,i):void 0,this._title=(e=t.title)!==null&&e!==void 0?e:t.type,this.executeFactory("input",t.inputs),this.executeFactory("output",t.outputs),(n=t.onCreate)===null||n===void 0||n.call(this)}onPlaced(){var e;(e=t.onPlaced)===null||e===void 0||e.call(this)}onDestroy(){var e;(e=t.onDestroy)===null||e===void 0||e.call(this)}executeFactory(e,n){Object.keys(n||{}).forEach(s=>{const i=n[s]();e==="input"?this.addInput(s,i):this.addOutput(s,i)})}}}class Xt{set connectionCount(e){this._connectionCount=e,this.events.setConnectionCount.emit(e)}get connectionCount(){return this._connectionCount}set value(e){this.events.beforeSetValue.emit(e).prevented||(this._value=e,this.events.setValue.emit(e))}get value(){return this._value}constructor(e,n){this.id=Mi(),this.nodeId="",this.port=!0,this.hidden=!1,this.events={setConnectionCount:new zt(this),beforeSetValue:new Mn(this),setValue:new zt(this),updated:new zt(this)},this.hooks={load:new ss(this),save:new ss(this)},this._connectionCount=0,this.name=e,this._value=n}load(e){this.id=e.id,this.templateId=e.templateId,this.value=e.value,this.hooks.load.execute(e)}save(){const e={id:this.id,templateId:this.templateId,value:this.value};return this.hooks.save.execute(e)}setComponent(e){return this.component=e,this}setPort(e){return this.port=e,this}setHidden(e){return this.hidden=e,this}use(e,...n){return e(this,...n),this}}const ya="__baklava_SubgraphInputNode",va="__baklava_SubgraphOutputNode";class gO extends mO{constructor(){super(),this.graphInterfaceId=Mi()}onPlaced(){super.onPlaced(),this.initializeIo()}save(){return{...super.save(),graphInterfaceId:this.graphInterfaceId}}load(e){super.load(e),this.graphInterfaceId=e.graphInterfaceId}}class bO extends gO{constructor(){super(...arguments),this.type=ya,this.inputs={name:new Xt("Name","Input")},this.outputs={placeholder:new Xt("Value",void 0)}}static isGraphInputNode(e){return e.type===ya}}class EO extends gO{constructor(){super(...arguments),this.type=va,this.inputs={name:new Xt("Name","Output"),placeholder:new Xt("Value",void 0)},this.outputs={output:new Xt("Output",void 0).setHidden(!0)},this.calculate=({placeholder:e})=>({output:e})}static isGraphOutputNode(e){return e.type===va}}class oc{get nodes(){return this._nodes}get connections(){return this._connections}get loading(){return this._loading}get destroying(){return this._destroying}get inputs(){return this.nodes.filter(n=>n.type===ya).map(n=>({id:n.graphInterfaceId,name:n.inputs.name.value,nodeId:n.id,nodeInterfaceId:n.outputs.placeholder.id}))}get outputs(){return this.nodes.filter(n=>n.type===va).map(n=>({id:n.graphInterfaceId,name:n.inputs.name.value,nodeId:n.id,nodeInterfaceId:n.outputs.output.id}))}constructor(e,n){this.id=Mi(),this.activeTransactions=0,this._nodes=[],this._connections=[],this._loading=!1,this._destroying=!1,this.events={beforeAddNode:new Mn(this),addNode:new zt(this),beforeRemoveNode:new Mn(this),removeNode:new zt(this),beforeAddConnection:new Mn(this),addConnection:new zt(this),checkConnection:new Mn(this),beforeRemoveConnection:new Mn(this),removeConnection:new zt(this)},this.hooks={save:new ss(this),load:new ss(this),checkConnection:new eLt(this)},this.nodeEvents=js(),this.nodeHooks=js(),this.connectionEvents=js(),this.editor=e,this.template=n,e.registerGraph(this)}addNode(e){if(!this.events.beforeAddNode.emit(e).prevented)return this.nodeEvents.addTarget(e.events),this.nodeHooks.addTarget(e.hooks),e.registerGraph(this),this._nodes.push(e),e=this.nodes.find(n=>n.id===e.id),e.onPlaced(),this.events.addNode.emit(e),e}removeNode(e){if(this.nodes.includes(e)){if(this.events.beforeRemoveNode.emit(e).prevented)return;const n=[...Object.values(e.inputs),...Object.values(e.outputs)];this.connections.filter(s=>n.includes(s.from)||n.includes(s.to)).forEach(s=>this.removeConnection(s)),this._nodes.splice(this.nodes.indexOf(e),1),this.events.removeNode.emit(e),e.onDestroy(),this.nodeEvents.removeTarget(e.events),this.nodeHooks.removeTarget(e.hooks)}}addConnection(e,n){const s=this.checkConnection(e,n);if(!s.connectionAllowed||this.events.beforeAddConnection.emit({from:e,to:n}).prevented)return;for(const r of s.connectionsInDanger){const o=this.connections.find(a=>a.id===r.id);o&&this.removeConnection(o)}const i=new Sw(s.dummyConnection.from,s.dummyConnection.to);return this.internalAddConnection(i),i}removeConnection(e){if(this.connections.includes(e)){if(this.events.beforeRemoveConnection.emit(e).prevented)return;e.destruct(),this._connections.splice(this.connections.indexOf(e),1),this.events.removeConnection.emit(e),this.connectionEvents.removeTarget(e.events)}}checkConnection(e,n){if(!e||!n)return{connectionAllowed:!1};const s=this.findNodeById(e.nodeId),i=this.findNodeById(n.nodeId);if(s&&i&&s===i)return{connectionAllowed:!1};if(e.isInput&&!n.isInput){const a=e;e=n,n=a}if(e.isInput||!n.isInput)return{connectionAllowed:!1};if(this.connections.some(a=>a.from===e&&a.to===n))return{connectionAllowed:!1};if(this.events.checkConnection.emit({from:e,to:n}).prevented)return{connectionAllowed:!1};const r=this.hooks.checkConnection.execute({from:e,to:n});if(r.some(a=>!a.connectionAllowed))return{connectionAllowed:!1};const o=Array.from(new Set(r.flatMap(a=>a.connectionsInDanger)));return{connectionAllowed:!0,dummyConnection:new hO(e,n),connectionsInDanger:o}}findNodeInterface(e){for(const n of this.nodes){for(const s in n.inputs){const i=n.inputs[s];if(i.id===e)return i}for(const s in n.outputs){const i=n.outputs[s];if(i.id===e)return i}}}findNodeById(e){return this.nodes.find(n=>n.id===e)}load(e){try{this._loading=!0;const n=[];for(let s=this.connections.length-1;s>=0;s--)this.removeConnection(this.connections[s]);for(let s=this.nodes.length-1;s>=0;s--)this.removeNode(this.nodes[s]);this.id=e.id;for(const s of e.nodes){const i=this.editor.nodeTypes.get(s.type);if(!i){n.push(`Node type ${s.type} is not registered`);continue}const r=new i.type;this.addNode(r),r.load(s)}for(const s of e.connections){const i=this.findNodeInterface(s.from),r=this.findNodeInterface(s.to);if(i)if(r){const o=new Sw(i,r);o.id=s.id,this.internalAddConnection(o)}else{n.push(`Could not find interface with id ${s.to}`);continue}else{n.push(`Could not find interface with id ${s.from}`);continue}}return this.hooks.load.execute(e),n}finally{this._loading=!1}}save(){const e={id:this.id,nodes:this.nodes.map(n=>n.save()),connections:this.connections.map(n=>({id:n.id,from:n.from.id,to:n.to.id})),inputs:this.inputs,outputs:this.outputs};return this.hooks.save.execute(e)}destroy(){this._destroying=!0;for(const e of this.nodes)this.removeNode(e);this.editor.unregisterGraph(this)}internalAddConnection(e){this.connectionEvents.addTarget(e.events),this._connections.push(e),this.events.addConnection.emit(e)}}const Wl="__baklava_GraphNode-";function Sa(t){return Wl+t.id}function tLt(t){return class extends fO{constructor(){super(...arguments),this.type=Sa(t),this.inputs={},this.outputs={},this.template=t,this.calculate=async(n,s)=>{var i;if(!this.subgraph)throw new Error(`GraphNode ${this.id}: calculate called without subgraph being initialized`);if(!s.engine||typeof s.engine!="object")throw new Error(`GraphNode ${this.id}: calculate called but no engine provided in context`);const r=s.engine.getInputValues(this.subgraph);for(const c of this.subgraph.inputs)r.set(c.nodeInterfaceId,n[c.id]);const o=await s.engine.runGraph(this.subgraph,r,s.globalValues),a={};for(const c of this.subgraph.outputs)a[c.id]=(i=o.get(c.nodeId))===null||i===void 0?void 0:i.get("output");return a._calculationResults=o,a}}get title(){return this._title}set title(n){this.template.name=n}load(n){if(!this.subgraph)throw new Error("Cannot load a graph node without a graph");if(!this.template)throw new Error("Unable to load graph node without graph template");this.subgraph.load(n.graphState),super.load(n)}save(){if(!this.subgraph)throw new Error("Cannot save a graph node without a graph");return{...super.save(),graphState:this.subgraph.save()}}onPlaced(){this.template.events.updated.subscribe(this,()=>this.initialize()),this.template.events.nameChanged.subscribe(this,n=>{this._title=n}),this.initialize()}onDestroy(){var n;this.template.events.updated.unsubscribe(this),this.template.events.nameChanged.unsubscribe(this),(n=this.subgraph)===null||n===void 0||n.destroy()}initialize(){this.subgraph&&this.subgraph.destroy(),this.subgraph=this.template.createGraph(),this._title=this.template.name,this.updateInterfaces(),this.events.update.emit(null)}updateInterfaces(){if(!this.subgraph)throw new Error("Trying to update interfaces without graph instance");for(const n of this.subgraph.inputs)n.id in this.inputs?this.inputs[n.id].name=n.name:this.addInput(n.id,new Xt(n.name,void 0));for(const n of Object.keys(this.inputs))this.subgraph.inputs.some(s=>s.id===n)||this.removeInput(n);for(const n of this.subgraph.outputs)n.id in this.outputs?this.outputs[n.id].name=n.name:this.addOutput(n.id,new Xt(n.name,void 0));for(const n of Object.keys(this.outputs))this.subgraph.outputs.some(s=>s.id===n)||this.removeOutput(n);this.addOutput("_calculationResults",new Xt("_calculationResults",void 0).setHidden(!0))}}}class op{static fromGraph(e,n){return new op(e.save(),n)}get name(){return this._name}set name(e){this._name=e,this.events.nameChanged.emit(e);const n=this.editor.nodeTypes.get(Sa(this));n&&(n.title=e)}get inputs(){return this.nodes.filter(n=>n.type===ya).map(n=>({id:n.graphInterfaceId,name:n.inputs.name.value,nodeId:n.id,nodeInterfaceId:n.outputs.placeholder.id}))}get outputs(){return this.nodes.filter(n=>n.type===va).map(n=>({id:n.graphInterfaceId,name:n.inputs.name.value,nodeId:n.id,nodeInterfaceId:n.outputs.output.id}))}constructor(e,n){this.id=Mi(),this._name="Subgraph",this.events={nameChanged:new zt(this),updated:new zt(this)},this.hooks={beforeLoad:new ss(this),afterSave:new ss(this)},this.editor=n,e.id&&(this.id=e.id),e.name&&(this._name=e.name),this.update(e)}update(e){this.nodes=e.nodes,this.connections=e.connections,this.events.updated.emit()}save(){return{id:this.id,name:this.name,nodes:this.nodes,connections:this.connections,inputs:this.inputs,outputs:this.outputs}}createGraph(e){const n=new Map,s=f=>{const m=Mi();return n.set(f,m),m},i=f=>{const m=n.get(f);if(!m)throw new Error(`Unable to create graph from template: Could not map old id ${f} to new id`);return m},r=f=>cb(f,m=>({id:s(m.id),templateId:m.id,value:m.value})),o=this.nodes.map(f=>({...f,id:s(f.id),inputs:r(f.inputs),outputs:r(f.outputs)})),a=this.connections.map(f=>({id:s(f.id),from:i(f.from),to:i(f.to)})),c=this.inputs.map(f=>({id:f.id,name:f.name,nodeId:i(f.nodeId),nodeInterfaceId:i(f.nodeInterfaceId)})),d=this.outputs.map(f=>({id:f.id,name:f.name,nodeId:i(f.nodeId),nodeInterfaceId:i(f.nodeInterfaceId)})),u={id:Mi(),nodes:o,connections:a,inputs:c,outputs:d};return e||(e=new oc(this.editor)),e.load(u).forEach(f=>console.warn(f)),e.template=this,e}}class nLt{get nodeTypes(){return this._nodeTypes}get graph(){return this._graph}get graphTemplates(){return this._graphTemplates}get graphs(){return this._graphs}get loading(){return this._loading}constructor(){this.events={loaded:new zt(this),beforeRegisterNodeType:new Mn(this),registerNodeType:new zt(this),beforeUnregisterNodeType:new Mn(this),unregisterNodeType:new zt(this),beforeAddGraphTemplate:new Mn(this),addGraphTemplate:new zt(this),beforeRemoveGraphTemplate:new Mn(this),removeGraphTemplate:new zt(this),registerGraph:new zt(this),unregisterGraph:new zt(this)},this.hooks={save:new ss(this),load:new ss(this)},this.graphTemplateEvents=js(),this.graphTemplateHooks=js(),this.graphEvents=js(),this.graphHooks=js(),this.nodeEvents=js(),this.nodeHooks=js(),this.connectionEvents=js(),this._graphs=new Set,this._nodeTypes=new Map,this._graph=new oc(this),this._graphTemplates=[],this._loading=!1,this.registerNodeType(bO),this.registerNodeType(EO)}registerNodeType(e,n){var s,i;if(this.events.beforeRegisterNodeType.emit({type:e,options:n}).prevented)return;const r=new e;this._nodeTypes.set(r.type,{type:e,category:(s=n==null?void 0:n.category)!==null&&s!==void 0?s:"default",title:(i=n==null?void 0:n.title)!==null&&i!==void 0?i:r.title}),this.events.registerNodeType.emit({type:e,options:n})}unregisterNodeType(e){const n=typeof e=="string"?e:new e().type;if(this.nodeTypes.has(n)){if(this.events.beforeUnregisterNodeType.emit(n).prevented)return;this._nodeTypes.delete(n),this.events.unregisterNodeType.emit(n)}}addGraphTemplate(e){if(this.events.beforeAddGraphTemplate.emit(e).prevented)return;this._graphTemplates.push(e),this.graphTemplateEvents.addTarget(e.events),this.graphTemplateHooks.addTarget(e.hooks);const n=tLt(e);this.registerNodeType(n,{category:"Subgraphs",title:e.name}),this.events.addGraphTemplate.emit(e)}removeGraphTemplate(e){if(this.graphTemplates.includes(e)){if(this.events.beforeRemoveGraphTemplate.emit(e).prevented)return;const n=Sa(e);for(const s of[this.graph,...this.graphs.values()]){const i=s.nodes.filter(r=>r.type===n);for(const r of i)s.removeNode(r)}this.unregisterNodeType(n),this._graphTemplates.splice(this._graphTemplates.indexOf(e),1),this.graphTemplateEvents.removeTarget(e.events),this.graphTemplateHooks.removeTarget(e.hooks),this.events.removeGraphTemplate.emit(e)}}registerGraph(e){this.graphEvents.addTarget(e.events),this.graphHooks.addTarget(e.hooks),this.nodeEvents.addTarget(e.nodeEvents),this.nodeHooks.addTarget(e.nodeHooks),this.connectionEvents.addTarget(e.connectionEvents),this.events.registerGraph.emit(e),this._graphs.add(e)}unregisterGraph(e){this.graphEvents.removeTarget(e.events),this.graphHooks.removeTarget(e.hooks),this.nodeEvents.removeTarget(e.nodeEvents),this.nodeHooks.removeTarget(e.nodeHooks),this.connectionEvents.removeTarget(e.connectionEvents),this.events.unregisterGraph.emit(e),this._graphs.delete(e)}load(e){try{this._loading=!0,e=this.hooks.load.execute(e),e.graphTemplates.forEach(s=>{const i=new op(s,this);this.addGraphTemplate(i)});const n=this._graph.load(e.graph);return this.events.loaded.emit(),n.forEach(s=>console.warn(s)),n}finally{this._loading=!1}}save(){const e={graph:this.graph.save(),graphTemplates:this.graphTemplates.map(n=>n.save())};return this.hooks.save.execute(e)}}function sLt(t,e){const n=new Map;e.graphs.forEach(s=>{s.nodes.forEach(i=>n.set(i.id,i))}),t.forEach((s,i)=>{const r=n.get(i);r&&s.forEach((o,a)=>{const c=r.outputs[a];c&&(c.value=o)})})}class yO extends Error{constructor(){super("Cycle detected")}}function iLt(t){return typeof t=="string"}function vO(t,e){const n=new Map,s=new Map,i=new Map;let r,o;if(t instanceof oc)r=t.nodes,o=t.connections;else{if(!e)throw new Error("Invalid argument value: expected array of connections");r=t,o=e}r.forEach(d=>{Object.values(d.inputs).forEach(u=>n.set(u.id,d.id)),Object.values(d.outputs).forEach(u=>n.set(u.id,d.id))}),r.forEach(d=>{const u=o.filter(f=>f.from&&n.get(f.from.id)===d.id),h=new Set(u.map(f=>n.get(f.to.id)).filter(iLt));s.set(d.id,h),i.set(d,u)});const a=r.slice();o.forEach(d=>{const u=a.findIndex(h=>n.get(d.to.id)===h.id);u>=0&&a.splice(u,1)});const c=[];for(;a.length>0;){const d=a.pop();c.push(d);const u=s.get(d.id);for(;u.size>0;){const h=u.values().next().value;if(u.delete(h),Array.from(s.values()).every(f=>!f.has(h))){const f=r.find(m=>m.id===h);a.push(f)}}}if(Array.from(s.values()).some(d=>d.size>0))throw new yO;return{calculationOrder:c,connectionsFromNode:i,interfaceIdToNodeId:n}}function rLt(t,e){try{return vO(t,e),!1}catch(n){if(n instanceof yO)return!0;throw n}}var Vn;(function(t){t.Running="Running",t.Idle="Idle",t.Paused="Paused",t.Stopped="Stopped"})(Vn||(Vn={}));class oLt{get status(){return this.isRunning?Vn.Running:this.internalStatus}constructor(e){this.editor=e,this.events={beforeRun:new Mn(this),afterRun:new zt(this),statusChange:new zt(this),beforeNodeCalculation:new zt(this),afterNodeCalculation:new zt(this)},this.hooks={gatherCalculationData:new ss(this),transferData:new _O},this.recalculateOrder=!0,this.internalStatus=Vn.Stopped,this.isRunning=!1,this.editor.nodeEvents.update.subscribe(this,(n,s)=>{s.graph&&!s.graph.loading&&s.graph.activeTransactions===0&&this.internalOnChange(s,n??void 0)}),this.editor.graphEvents.addNode.subscribe(this,(n,s)=>{this.recalculateOrder=!0,!s.loading&&s.activeTransactions===0&&this.internalOnChange()}),this.editor.graphEvents.removeNode.subscribe(this,(n,s)=>{this.recalculateOrder=!0,!s.loading&&s.activeTransactions===0&&this.internalOnChange()}),this.editor.graphEvents.addConnection.subscribe(this,(n,s)=>{this.recalculateOrder=!0,!s.loading&&s.activeTransactions===0&&this.internalOnChange()}),this.editor.graphEvents.removeConnection.subscribe(this,(n,s)=>{this.recalculateOrder=!0,!s.loading&&s.activeTransactions===0&&this.internalOnChange()}),this.editor.graphHooks.checkConnection.subscribe(this,n=>this.checkConnection(n.from,n.to))}start(){this.internalStatus===Vn.Stopped&&(this.internalStatus=Vn.Idle,this.events.statusChange.emit(this.status))}pause(){this.internalStatus===Vn.Idle&&(this.internalStatus=Vn.Paused,this.events.statusChange.emit(this.status))}resume(){this.internalStatus===Vn.Paused&&(this.internalStatus=Vn.Idle,this.events.statusChange.emit(this.status))}stop(){(this.internalStatus===Vn.Idle||this.internalStatus===Vn.Paused)&&(this.internalStatus=Vn.Stopped,this.events.statusChange.emit(this.status))}async runOnce(e,...n){if(this.events.beforeRun.emit(e).prevented)return null;try{this.isRunning=!0,this.events.statusChange.emit(this.status),this.recalculateOrder&&this.calculateOrder();const s=await this.execute(e,...n);return this.events.afterRun.emit(s),s}finally{this.isRunning=!1,this.events.statusChange.emit(this.status)}}checkConnection(e,n){if(e.templateId){const r=this.findInterfaceByTemplateId(this.editor.graph.nodes,e.templateId);if(!r)return{connectionAllowed:!0,connectionsInDanger:[]};e=r}if(n.templateId){const r=this.findInterfaceByTemplateId(this.editor.graph.nodes,n.templateId);if(!r)return{connectionAllowed:!0,connectionsInDanger:[]};n=r}const s=new hO(e,n);let i=this.editor.graph.connections.slice();return n.allowMultipleConnections||(i=i.filter(r=>r.to!==n)),i.push(s),rLt(this.editor.graph.nodes,i)?{connectionAllowed:!1,connectionsInDanger:[]}:{connectionAllowed:!0,connectionsInDanger:n.allowMultipleConnections?[]:this.editor.graph.connections.filter(r=>r.to===n)}}calculateOrder(){this.recalculateOrder=!0}async calculateWithoutData(...e){const n=this.hooks.gatherCalculationData.execute(void 0);return await this.runOnce(n,...e)}validateNodeCalculationOutput(e,n){if(typeof n!="object")throw new Error(`Invalid calculation return value from node ${e.id} (type ${e.type})`);Object.keys(e.outputs).forEach(s=>{if(!(s in n))throw new Error(`Calculation return value from node ${e.id} (type ${e.type}) is missing key "${s}"`)})}internalOnChange(e,n){this.internalStatus===Vn.Idle&&this.onChange(this.recalculateOrder,e,n)}findInterfaceByTemplateId(e,n){for(const s of e)for(const i of[...Object.values(s.inputs),...Object.values(s.outputs)])if(i.templateId===n)return i;return null}}class aLt extends oLt{constructor(e){super(e),this.order=new Map}start(){super.start(),this.recalculateOrder=!0,this.calculateWithoutData()}async runGraph(e,n,s){this.order.has(e.id)||this.order.set(e.id,vO(e));const{calculationOrder:i,connectionsFromNode:r}=this.order.get(e.id),o=new Map;for(const a of i){const c={};Object.entries(a.inputs).forEach(([u,h])=>{c[u]=this.getInterfaceValue(n,h.id)}),this.events.beforeNodeCalculation.emit({inputValues:c,node:a});let d;if(a.calculate)d=await a.calculate(c,{globalValues:s,engine:this});else{d={};for(const[u,h]of Object.entries(a.outputs))d[u]=this.getInterfaceValue(n,h.id)}this.validateNodeCalculationOutput(a,d),this.events.afterNodeCalculation.emit({outputValues:d,node:a}),o.set(a.id,new Map(Object.entries(d))),r.has(a)&&r.get(a).forEach(u=>{var h;const f=(h=Object.entries(a.outputs).find(([,_])=>_.id===u.from.id))===null||h===void 0?void 0:h[0];if(!f)throw new Error(`Could not find key for interface ${u.from.id}
 This is likely a Baklava internal issue. Please report it on GitHub.`);const m=this.hooks.transferData.execute(d[f],u);u.to.allowMultipleConnections?n.has(u.to.id)?n.get(u.to.id).push(m):n.set(u.to.id,[m]):n.set(u.to.id,m)})}return o}async execute(e){this.recalculateOrder&&(this.order.clear(),this.recalculateOrder=!1);const n=this.getInputValues(this.editor.graph);return await this.runGraph(this.editor.graph,n,e)}getInputValues(e){const n=new Map;for(const s of e.nodes)Object.values(s.inputs).forEach(i=>{i.connectionCount===0&&n.set(i.id,i.value)}),s.calculate||Object.values(s.outputs).forEach(i=>{n.set(i.id,i.value)});return n}onChange(e){this.recalculateOrder=e||this.recalculateOrder,this.calculateWithoutData()}getInterfaceValue(e,n){if(!e.has(n))throw new Error(`Could not find value for interface ${n}
 This is likely a Baklava internal issue. Please report it on GitHub.`);return e.get(n)}}let db=null;function lLt(t){db=t}function xs(){if(!db)throw new Error("providePlugin() must be called before usePlugin()");return{viewModel:db}}function Ws(){const{viewModel:t}=xs();return{graph:kd(t.value,"displayedGraph"),switchGraph:t.value.switchGraph}}function SO(t){const{graph:e}=Ws(),n=ct(null),s=ct(null);return{dragging:et(()=>!!n.value),onPointerDown:c=>{n.value={x:c.pageX,y:c.pageY},s.value={x:t.value.x,y:t.value.y}},onPointerMove:c=>{if(n.value){const d=c.pageX-n.value.x,u=c.pageY-n.value.y;t.value.x=s.value.x+d/e.value.scaling,t.value.y=s.value.y+u/e.value.scaling}},onPointerUp:()=>{n.value=null,s.value=null}}}function TO(t,e,n){if(!e.template)return!1;if(Sa(e.template)===n)return!0;const s=t.graphTemplates.find(r=>Sa(r)===n);return s?s.nodes.filter(r=>r.type.startsWith(Wl)).some(r=>TO(t,e,r.type)):!1}function xO(t){return et(()=>{const e=Array.from(t.value.editor.nodeTypes.entries()),n=new Set(e.map(([,i])=>i.category)),s=[];for(const i of n.values()){let r=e.filter(([,o])=>o.category===i);t.value.displayedGraph.template?r=r.filter(([o])=>!TO(t.value.editor,t.value.displayedGraph,o)):r=r.filter(([o])=>![ya,va].includes(o)),r.length>0&&s.push({name:i,nodeTypes:Object.fromEntries(r)})}return s.sort((i,r)=>i.name==="default"?-1:r.name==="default"||i.name>r.name?1:-1),s})}function CO(){const{graph:t}=Ws();return{transform:(n,s)=>{const i=n/t.value.scaling-t.value.panning.x,r=s/t.value.scaling-t.value.panning.y;return[i,r]}}}function cLt(){const{graph:t}=Ws();let e=[],n=-1,s={x:0,y:0};const i=et(()=>t.value.panning),r=SO(i),o=et(()=>({"transform-origin":"0 0",transform:`scale(${t.value.scaling}) translate(${t.value.panning.x}px, ${t.value.panning.y}px)`})),a=(m,_,g)=>{const b=[m/t.value.scaling-t.value.panning.x,_/t.value.scaling-t.value.panning.y],E=[m/g-t.value.panning.x,_/g-t.value.panning.y],y=[E[0]-b[0],E[1]-b[1]];t.value.panning.x+=y[0],t.value.panning.y+=y[1],t.value.scaling=g},c=m=>{m.preventDefault();let _=m.deltaY;m.deltaMode===1&&(_*=32);const g=t.value.scaling*(1-_/3e3);a(m.offsetX,m.offsetY,g)},d=()=>({ax:e[0].clientX,ay:e[0].clientY,bx:e[1].clientX,by:e[1].clientY});return{styles:o,...r,onPointerDown:m=>{if(e.push(m),r.onPointerDown(m),e.length===2){const{ax:_,ay:g,bx:b,by:E}=d();s={x:_+(b-_)/2,y:g+(E-g)/2}}},onPointerMove:m=>{for(let _=0;_<e.length;_++)if(m.pointerId==e[_].pointerId){e[_]=m;break}if(e.length==2){const{ax:_,ay:g,bx:b,by:E}=d(),y=_-b,v=g-E,S=Math.sqrt(y*y+v*v);if(n>0){const R=t.value.scaling*(1+(S-n)/500);a(s.x,s.y,R)}n=S}else r.onPointerMove(m)},onPointerUp:m=>{e=e.filter(_=>_.pointerId!==m.pointerId),n=-1,r.onPointerUp()},onMouseWheel:c}}var hs=(t=>(t[t.NONE=0]="NONE",t[t.ALLOWED=1]="ALLOWED",t[t.FORBIDDEN=2]="FORBIDDEN",t))(hs||{});const wO=Symbol();function dLt(){const{graph:t}=Ws(),e=ct(null),n=ct(null),s=a=>{e.value&&(e.value.mx=a.offsetX/t.value.scaling-t.value.panning.x,e.value.my=a.offsetY/t.value.scaling-t.value.panning.y)},i=()=>{if(n.value){if(e.value)return;const a=t.value.connections.find(c=>c.to===n.value);n.value.isInput&&a?(e.value={status:hs.NONE,from:a.from},t.value.removeConnection(a)):e.value={status:hs.NONE,from:n.value},e.value.mx=void 0,e.value.my=void 0}},r=()=>{if(e.value&&n.value){if(e.value.from===n.value)return;t.value.addConnection(e.value.from,e.value.to)}e.value=null},o=a=>{if(n.value=a??null,a&&e.value){e.value.to=a;const c=t.value.checkConnection(e.value.from,e.value.to);if(e.value.status=c.connectionAllowed?hs.ALLOWED:hs.FORBIDDEN,c.connectionAllowed){const d=c.connectionsInDanger.map(u=>u.id);t.value.connections.forEach(u=>{d.includes(u.id)&&(u.isInDanger=!0)})}}else!a&&e.value&&(e.value.to=void 0,e.value.status=hs.NONE,t.value.connections.forEach(c=>{c.isInDanger=!1}))};return Yo(wO,{temporaryConnection:e,hoveredOver:o}),{temporaryConnection:e,onMouseMove:s,onMouseDown:i,onMouseUp:r,hoveredOver:o}}function uLt(t){const e=ct(!1),n=ct(0),s=ct(0),i=xO(t),{transform:r}=CO(),o=et(()=>{let u=[];const h={};for(const m of i.value){const _=Object.entries(m.nodeTypes).map(([g,b])=>({label:b.title,value:"addNode:"+g}));m.name==="default"?u=_:h[m.name]=_}const f=[...Object.entries(h).map(([m,_])=>({label:m,submenu:_}))];return f.length>0&&u.length>0&&f.push({isDivider:!0}),f.push(...u),f}),a=et(()=>t.value.settings.contextMenu.additionalItems.length===0?o.value:[{label:"Add node",submenu:o.value},...t.value.settings.contextMenu.additionalItems.map(u=>"isDivider"in u||"submenu"in u?u:{label:u.label,value:"command:"+u.command,disabled:!t.value.commandHandler.canExecuteCommand(u.command)})]);function c(u){e.value=!0,n.value=u.offsetX,s.value=u.offsetY}function d(u){if(u.startsWith("addNode:")){const h=u.substring(8),f=t.value.editor.nodeTypes.get(h);if(!f)return;const m=Wn(new f.type);t.value.displayedGraph.addNode(m);const[_,g]=r(n.value,s.value);m.position.x=_,m.position.y=g}else if(u.startsWith("command:")){const h=u.substring(8);t.value.commandHandler.canExecuteCommand(h)&&t.value.commandHandler.executeCommand(h)}}return{show:e,x:n,y:s,items:a,open:c,onClick:d}}const pLt=cn({setup(){const{viewModel:t}=xs(),{graph:e}=Ws();return{styles:et(()=>{const s=t.value.settings.background,i=e.value.panning.x*e.value.scaling,r=e.value.panning.y*e.value.scaling,o=e.value.scaling*s.gridSize,a=o/s.gridDivision,c=`${o}px ${o}px, ${o}px ${o}px`,d=e.value.scaling>s.subGridVisibleThreshold?`, ${a}px ${a}px, ${a}px ${a}px`:"";return{backgroundPosition:`left ${i}px top ${r}px`,backgroundSize:`${c} ${d}`}})}}}),dn=(t,e)=>{const n=t.__vccOpts||t;for(const[s,i]of e)n[s]=i;return n};function _Lt(t,e,n,s,i,r){return T(),x("div",{class:"background",style:Ht(t.styles)},null,4)}const hLt=dn(pLt,[["render",_Lt]]);function fLt(t){return Gw()?(pM(t),!0):!1}function oy(t){return typeof t=="function"?t():Lt(t)}const RO=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const mLt=Object.prototype.toString,gLt=t=>mLt.call(t)==="[object Object]",Ad=()=>{},bLt=ELt();function ELt(){var t,e;return RO&&((t=window==null?void 0:window.navigator)==null?void 0:t.userAgent)&&(/iP(ad|hone|od)/.test(window.navigator.userAgent)||((e=window==null?void 0:window.navigator)==null?void 0:e.maxTouchPoints)>2&&/iPad|Macintosh/.test(window==null?void 0:window.navigator.userAgent))}function yLt(t,e,n=!1){return e.reduce((s,i)=>(i in t&&(!n||t[i]!==void 0)&&(s[i]=t[i]),s),{})}function vLt(t,e={}){if(!pn(t))return WM(t);const n=Array.isArray(t.value)?Array.from({length:t.value.length}):{};for(const s in t.value)n[s]=YM(()=>({get(){return t.value[s]},set(i){var r;if((r=oy(e.replaceRef))!=null?r:!0)if(Array.isArray(t.value)){const a=[...t.value];a[s]=i,t.value=a}else{const a={...t.value,[s]:i};Object.setPrototypeOf(a,Object.getPrototypeOf(t.value)),t.value=a}else t.value[s]=i}}));return n}function _l(t){var e;const n=oy(t);return(e=n==null?void 0:n.$el)!=null?e:n}const ay=RO?window:void 0;function Rl(...t){let e,n,s,i;if(typeof t[0]=="string"||Array.isArray(t[0])?([n,s,i]=t,e=ay):[e,n,s,i]=t,!e)return Ad;Array.isArray(n)||(n=[n]),Array.isArray(s)||(s=[s]);const r=[],o=()=>{r.forEach(u=>u()),r.length=0},a=(u,h,f,m)=>(u.addEventListener(h,f,m),()=>u.removeEventListener(h,f,m)),c=In(()=>[_l(e),oy(i)],([u,h])=>{if(o(),!u)return;const f=gLt(h)?{...h}:h;r.push(...n.flatMap(m=>s.map(_=>a(u,m,_,f))))},{immediate:!0,flush:"post"}),d=()=>{c(),o()};return fLt(d),d}let Tw=!1;function AO(t,e,n={}){const{window:s=ay,ignore:i=[],capture:r=!0,detectIframe:o=!1}=n;if(!s)return Ad;bLt&&!Tw&&(Tw=!0,Array.from(s.document.body.children).forEach(f=>f.addEventListener("click",Ad)),s.document.documentElement.addEventListener("click",Ad));let a=!0;const c=f=>i.some(m=>{if(typeof m=="string")return Array.from(s.document.querySelectorAll(m)).some(_=>_===f.target||f.composedPath().includes(_));{const _=_l(m);return _&&(f.target===_||f.composedPath().includes(_))}}),u=[Rl(s,"click",f=>{const m=_l(t);if(!(!m||m===f.target||f.composedPath().includes(m))){if(f.detail===0&&(a=!c(f)),!a){a=!0;return}e(f)}},{passive:!0,capture:r}),Rl(s,"pointerdown",f=>{const m=_l(t);a=!c(f)&&!!(m&&!f.composedPath().includes(m))},{passive:!0}),o&&Rl(s,"blur",f=>{setTimeout(()=>{var m;const _=_l(t);((m=s.document.activeElement)==null?void 0:m.tagName)==="IFRAME"&&!(_!=null&&_.contains(s.document.activeElement))&&e(f)},0)})].filter(Boolean);return()=>u.forEach(f=>f())}const NO={x:0,y:0,pointerId:0,pressure:0,tiltX:0,tiltY:0,width:0,height:0,twist:0,pointerType:null},SLt=Object.keys(NO);function TLt(t={}){const{target:e=ay}=t,n=ct(!1),s=ct(t.initialValue||{});Object.assign(s.value,NO,s.value);const i=r=>{n.value=!0,!(t.pointerTypes&&!t.pointerTypes.includes(r.pointerType))&&(s.value=yLt(r,SLt,!1))};if(e){const r={passive:!0};Rl(e,["pointerdown","pointermove","pointerup"],i,r),Rl(e,"pointerleave",()=>n.value=!1,r)}return{...vLt(s),isInside:n}}const xLt=["onMouseenter","onMouseleave","onClick"],CLt={class:"flex-fill"},wLt={key:0,class:"__submenu-icon",style:{"line-height":"1em"}},RLt=l("svg",{width:"13",height:"13",viewBox:"-60 120 250 250"},[l("path",{d:"M160.875 279.5625 L70.875 369.5625 L70.875 189.5625 L160.875 279.5625 Z",stroke:"none",fill:"white"})],-1),ALt=[RLt],ly=cn({__name:"ContextMenu",props:{modelValue:{type:Boolean},items:{},x:{default:0},y:{default:0},isNested:{type:Boolean,default:!1},isFlipped:{default:()=>({x:!1,y:!1})},flippable:{type:Boolean,default:!1}},emits:["update:modelValue","click"],setup(t,{emit:e}){const n=t,s=e;let i=null;const r=ct(null),o=ct(-1),a=ct(0),c=ct({x:!1,y:!1}),d=et(()=>n.flippable&&(c.value.x||n.isFlipped.x)),u=et(()=>n.flippable&&(c.value.y||n.isFlipped.y)),h=et(()=>{const y={};return n.isNested||(y.top=(u.value?n.y-a.value:n.y)+"px",y.left=n.x+"px"),y}),f=et(()=>({"--flipped-x":d.value,"--flipped-y":u.value,"--nested":n.isNested})),m=et(()=>n.items.map(y=>({...y,hover:!1})));In([()=>n.y,()=>n.items],()=>{var y,v,S,R;a.value=n.items.length*30;const w=((v=(y=r.value)==null?void 0:y.parentElement)==null?void 0:v.offsetWidth)??0,A=((R=(S=r.value)==null?void 0:S.parentElement)==null?void 0:R.offsetHeight)??0;c.value.x=!n.isNested&&n.x>w*.75,c.value.y=!n.isNested&&n.y+a.value>A-20}),AO(r,()=>{n.modelValue&&s("update:modelValue",!1)});const _=y=>{!y.submenu&&y.value&&(s("click",y.value),s("update:modelValue",!1))},g=y=>{s("click",y),o.value=-1,n.isNested||s("update:modelValue",!1)},b=(y,v)=>{n.items[v].submenu&&(o.value=v,i!==null&&(clearTimeout(i),i=null))},E=(y,v)=>{n.items[v].submenu&&(i=window.setTimeout(()=>{o.value=-1,i=null},200))};return(y,v)=>{const S=tt("ContextMenu",!0);return T(),dt(Fs,{name:"slide-fade"},{default:Ie(()=>[P(l("div",{ref_key:"el",ref:r,class:Ge(["baklava-context-menu",f.value]),style:Ht(h.value)},[(T(!0),x(Fe,null,Ke(m.value,(R,w)=>(T(),x(Fe,null,[R.isDivider?(T(),x("div",{key:`d-${w}`,class:"divider"})):(T(),x("div",{key:`i-${w}`,class:Ge(["item",{submenu:!!R.submenu,"--disabled":!!R.disabled}]),onMouseenter:A=>b(A,w),onMouseleave:A=>E(A,w),onClick:j(A=>_(R),["stop","prevent"])},[l("div",CLt,K(R.label),1),R.submenu?(T(),x("div",wLt,ALt)):G("",!0),R.submenu?(T(),dt(S,{key:1,"model-value":o.value===w,items:R.submenu,"is-nested":!0,"is-flipped":{x:d.value,y:u.value},flippable:y.flippable,onClick:g},null,8,["model-value","items","is-flipped","flippable"])):G("",!0)],42,xLt))],64))),256))],6),[[wt,y.modelValue]])]),_:1})}}}),NLt={},OLt={xmlns:"http://www.w3.org/2000/svg",class:"baklava-icon",width:"16",height:"16",viewBox:"0 0 24 24","stroke-width":"2",stroke:"currentColor",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"},MLt=l("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"},null,-1),ILt=l("circle",{cx:"12",cy:"12",r:"1"},null,-1),kLt=l("circle",{cx:"12",cy:"19",r:"1"},null,-1),DLt=l("circle",{cx:"12",cy:"5",r:"1"},null,-1),LLt=[MLt,ILt,kLt,DLt];function PLt(t,e){return T(),x("svg",OLt,LLt)}const OO=dn(NLt,[["render",PLt]]),FLt=["id"],ULt={key:0,class:"__tooltip"},BLt={key:2,class:"align-middle"},xw=cn({__name:"NodeInterface",props:{node:{},intf:{}},setup(t){const e=(b,E=100)=>{const y=b!=null&&b.toString?b.toString():"";return y.length>E?y.slice(0,E)+"...":y},n=t,{viewModel:s}=xs(),{hoveredOver:i,temporaryConnection:r}=Zn(wO),o=ct(null),a=et(()=>n.intf.connectionCount>0),c=ct(!1),d=et(()=>s.value.settings.displayValueOnHover&&c.value),u=et(()=>({"--input":n.intf.isInput,"--output":!n.intf.isInput,"--connected":a.value})),h=et(()=>n.intf.component&&(!n.intf.isInput||!n.intf.port||n.intf.connectionCount===0)),f=()=>{c.value=!0,i(n.intf)},m=()=>{c.value=!1,i(void 0)},_=()=>{o.value&&s.value.hooks.renderInterface.execute({intf:n.intf,el:o.value})},g=()=>{const b=s.value.displayedGraph.sidebar;b.nodeId=n.node.id,b.optionName=n.intf.name,b.visible=!0};return ci(_),Ql(_),(b,E)=>{var y;return T(),x("div",{id:b.intf.id,ref_key:"el",ref:o,class:Ge(["baklava-node-interface",u.value])},[b.intf.port?(T(),x("div",{key:0,class:Ge(["__port",{"--selected":((y=Lt(r))==null?void 0:y.from)===b.intf}]),onPointerover:f,onPointerout:m},[un(b.$slots,"portTooltip",{showTooltip:d.value},()=>[d.value===!0?(T(),x("span",ULt,K(e(b.intf.value)),1)):G("",!0)])],34)):G("",!0),h.value?(T(),dt(Tu(b.intf.component),{key:1,modelValue:b.intf.value,"onUpdate:modelValue":E[0]||(E[0]=v=>b.intf.value=v),node:b.node,intf:b.intf,onOpenSidebar:g},null,40,["modelValue","node","intf"])):(T(),x("span",BLt,K(b.intf.name),1))],10,FLt)}}}),GLt=["id","data-node-type"],VLt={class:"__title-label"},zLt={class:"__menu"},HLt={class:"__outputs"},qLt={class:"__inputs"},$Lt=cn({__name:"Node",props:{node:{},selected:{type:Boolean,default:!1},dragging:{type:Boolean}},emits:["select","start-drag"],setup(t,{emit:e}){const n=t,s=e,{viewModel:i}=xs(),{graph:r,switchGraph:o}=Ws(),a=ct(null),c=ct(!1),d=ct(""),u=ct(null),h=ct(!1),f=ct(!1),m=et(()=>{const B=[{value:"rename",label:"Rename"},{value:"delete",label:"Delete"}];return n.node.type.startsWith(Wl)&&B.push({value:"editSubgraph",label:"Edit Subgraph"}),B}),_=et(()=>({"--selected":n.selected,"--dragging":n.dragging,"--two-column":!!n.node.twoColumn})),g=et(()=>{var B,H;return{top:`${((B=n.node.position)==null?void 0:B.y)??0}px`,left:`${((H=n.node.position)==null?void 0:H.x)??0}px`,"--width":`${n.node.width??i.value.settings.nodes.defaultWidth}px`}}),b=et(()=>Object.values(n.node.inputs).filter(B=>!B.hidden)),E=et(()=>Object.values(n.node.outputs).filter(B=>!B.hidden)),y=()=>{s("select")},v=B=>{n.selected||y(),s("start-drag",B)},S=()=>{f.value=!0},R=async B=>{var H;switch(B){case"delete":r.value.removeNode(n.node);break;case"rename":d.value=n.node.title,c.value=!0,await Le(),(H=u.value)==null||H.focus();break;case"editSubgraph":o(n.node.template);break}},w=()=>{n.node.title=d.value,c.value=!1},A=()=>{a.value&&i.value.hooks.renderNode.execute({node:n.node,el:a.value})},I=B=>{h.value=!0,B.preventDefault()},C=B=>{if(!h.value)return;const H=n.node.width+B.movementX/r.value.scaling,te=i.value.settings.nodes.minWidth,k=i.value.settings.nodes.maxWidth;n.node.width=Math.max(te,Math.min(k,H))},O=()=>{h.value=!1};return ci(()=>{A(),window.addEventListener("mousemove",C),window.addEventListener("mouseup",O)}),Ql(A),Aa(()=>{window.removeEventListener("mousemove",C),window.removeEventListener("mouseup",O)}),(B,H)=>(T(),x("div",{id:B.node.id,ref_key:"el",ref:a,class:Ge(["baklava-node",_.value]),style:Ht(g.value),"data-node-type":B.node.type,onPointerdown:y},[Lt(i).settings.nodes.resizable?(T(),x("div",{key:0,class:"__resize-handle",onMousedown:I},null,32)):G("",!0),un(B.$slots,"title",{},()=>[l("div",{class:"__title",onPointerdown:j(v,["self","stop"])},[c.value?P((T(),x("input",{key:1,ref_key:"renameInputEl",ref:u,"onUpdate:modelValue":H[1]||(H[1]=te=>d.value=te),type:"text",class:"baklava-input",placeholder:"Node Name",onBlur:w,onKeydown:zs(w,["enter"])},null,544)),[[pe,d.value]]):(T(),x(Fe,{key:0},[l("div",VLt,K(B.node.title),1),l("div",zLt,[V(OO,{class:"--clickable",onClick:S}),V(ly,{modelValue:f.value,"onUpdate:modelValue":H[0]||(H[0]=te=>f.value=te),x:0,y:0,items:m.value,onClick:R},null,8,["modelValue","items"])])],64))],32)]),un(B.$slots,"content",{},()=>[l("div",{class:"__content",onKeydown:H[2]||(H[2]=zs(j(()=>{},["stop"]),["delete"]))},[l("div",HLt,[(T(!0),x(Fe,null,Ke(E.value,te=>un(B.$slots,"nodeInterface",{key:te.id,type:"output",node:B.node,intf:te},()=>[V(xw,{node:B.node,intf:te},null,8,["node","intf"])])),128))]),l("div",qLt,[(T(!0),x(Fe,null,Ke(b.value,te=>un(B.$slots,"nodeInterface",{key:te.id,type:"input",node:B.node,intf:te},()=>[V(xw,{node:B.node,intf:te},null,8,["node","intf"])])),128))])],32)])],46,GLt))}}),YLt=cn({props:{x1:{type:Number,required:!0},y1:{type:Number,required:!0},x2:{type:Number,required:!0},y2:{type:Number,required:!0},state:{type:Number,default:hs.NONE},isTemporary:{type:Boolean,default:!1}},setup(t){const{viewModel:e}=xs(),{graph:n}=Ws(),s=(o,a)=>{const c=(o+n.value.panning.x)*n.value.scaling,d=(a+n.value.panning.y)*n.value.scaling;return[c,d]},i=et(()=>{const[o,a]=s(t.x1,t.y1),[c,d]=s(t.x2,t.y2);if(e.value.settings.useStraightConnections)return`M ${o} ${a} L ${c} ${d}`;{const u=.3*Math.abs(o-c);return`M ${o} ${a} C ${o+u} ${a}, ${c-u} ${d}, ${c} ${d}`}}),r=et(()=>({"--temporary":t.isTemporary,"--allowed":t.state===hs.ALLOWED,"--forbidden":t.state===hs.FORBIDDEN}));return{d:i,classes:r}}}),WLt=["d"];function KLt(t,e,n,s,i,r){return T(),x("path",{class:Ge(["baklava-connection",t.classes]),d:t.d},null,10,WLt)}const MO=dn(YLt,[["render",KLt]]);function jLt(t){return document.getElementById(t.id)}function Ta(t){const e=document.getElementById(t.id),n=e==null?void 0:e.getElementsByClassName("__port");return{node:(e==null?void 0:e.closest(".baklava-node"))??null,interface:e,port:n&&n.length>0?n[0]:null}}const QLt=cn({components:{"connection-view":MO},props:{connection:{type:Object,required:!0}},setup(t){const{graph:e}=Ws();let n;const s=ct({x1:0,y1:0,x2:0,y2:0}),i=et(()=>t.connection.isInDanger?hs.FORBIDDEN:hs.NONE),r=et(()=>{var d;return(d=e.value.findNodeById(t.connection.from.nodeId))==null?void 0:d.position}),o=et(()=>{var d;return(d=e.value.findNodeById(t.connection.to.nodeId))==null?void 0:d.position}),a=d=>d.node&&d.interface&&d.port?[d.node.offsetLeft+d.interface.offsetLeft+d.port.offsetLeft+d.port.clientWidth/2,d.node.offsetTop+d.interface.offsetTop+d.port.offsetTop+d.port.clientHeight/2]:[0,0],c=()=>{const d=Ta(t.connection.from),u=Ta(t.connection.to);d.node&&u.node&&(n||(n=new ResizeObserver(()=>{c()}),n.observe(d.node),n.observe(u.node)));const[h,f]=a(d),[m,_]=a(u);s.value={x1:h,y1:f,x2:m,y2:_}};return ci(async()=>{await Le(),c()}),Aa(()=>{n&&n.disconnect()}),In([r,o],()=>c(),{deep:!0}),{d:s,state:i}}});function XLt(t,e,n,s,i,r){const o=tt("connection-view");return T(),dt(o,{x1:t.d.x1,y1:t.d.y1,x2:t.d.x2,y2:t.d.y2,state:t.state},null,8,["x1","y1","x2","y2","state"])}const ZLt=dn(QLt,[["render",XLt]]);function cu(t){return t.node&&t.interface&&t.port?[t.node.offsetLeft+t.interface.offsetLeft+t.port.offsetLeft+t.port.clientWidth/2,t.node.offsetTop+t.interface.offsetTop+t.port.offsetTop+t.port.clientHeight/2]:[0,0]}const JLt=cn({components:{"connection-view":MO},props:{connection:{type:Object,required:!0}},setup(t){const e=et(()=>t.connection?t.connection.status:hs.NONE);return{d:et(()=>{if(!t.connection)return{input:[0,0],output:[0,0]};const s=cu(Ta(t.connection.from)),i=t.connection.to?cu(Ta(t.connection.to)):[t.connection.mx||s[0],t.connection.my||s[1]];return t.connection.from.isInput?{input:i,output:s}:{input:s,output:i}}),status:e}}});function ePt(t,e,n,s,i,r){const o=tt("connection-view");return T(),dt(o,{x1:t.d.input[0],y1:t.d.input[1],x2:t.d.output[0],y2:t.d.output[1],state:t.status,"is-temporary":""},null,8,["x1","y1","x2","y2","state"])}const tPt=dn(JLt,[["render",ePt]]),nPt=cn({setup(){const{viewModel:t}=xs(),{graph:e}=Ws(),n=ct(null),s=kd(t.value.settings.sidebar,"width"),i=et(()=>t.value.settings.sidebar.resizable),r=et(()=>{const h=e.value.sidebar.nodeId;return e.value.nodes.find(f=>f.id===h)}),o=et(()=>({width:`${s.value}px`})),a=et(()=>r.value?[...Object.values(r.value.inputs),...Object.values(r.value.outputs)].filter(f=>f.displayInSidebar&&f.component):[]),c=()=>{e.value.sidebar.visible=!1},d=()=>{window.addEventListener("mousemove",u),window.addEventListener("mouseup",()=>{window.removeEventListener("mousemove",u)},{once:!0})},u=h=>{var f,m;const _=((m=(f=n.value)==null?void 0:f.parentElement)==null?void 0:m.getBoundingClientRect().width)??500;let g=s.value-h.movementX;g<300?g=300:g>.9*_&&(g=.9*_),s.value=g};return{el:n,graph:e,resizable:i,node:r,styles:o,displayedInterfaces:a,startResize:d,close:c}}}),sPt={class:"__header"},iPt={class:"__node-name"};function rPt(t,e,n,s,i,r){return T(),x("div",{ref:"el",class:Ge(["baklava-sidebar",{"--open":t.graph.sidebar.visible}]),style:Ht(t.styles)},[t.resizable?(T(),x("div",{key:0,class:"__resizer",onMousedown:e[0]||(e[0]=(...o)=>t.startResize&&t.startResize(...o))},null,32)):G("",!0),l("div",sPt,[l("button",{tabindex:"-1",class:"__close",onClick:e[1]||(e[1]=(...o)=>t.close&&t.close(...o))},"×"),l("div",iPt,[l("b",null,K(t.node?t.node.title:""),1)])]),(T(!0),x(Fe,null,Ke(t.displayedInterfaces,o=>(T(),x("div",{key:o.id,class:"__interface"},[(T(),dt(Tu(o.component),{modelValue:o.value,"onUpdate:modelValue":a=>o.value=a,node:t.node,intf:o},null,8,["modelValue","onUpdate:modelValue","node","intf"]))]))),128))],6)}const oPt=dn(nPt,[["render",rPt]]),aPt=cn({__name:"Minimap",setup(t){const{viewModel:e}=xs(),{graph:n}=Ws(),s=ct(null),i=ct(!1);let r,o=!1,a={x1:0,y1:0,x2:0,y2:0},c;const d=()=>{var w,A;if(!r)return;r.canvas.width=s.value.offsetWidth,r.canvas.height=s.value.offsetHeight;const I=new Map,C=new Map;for(const k of n.value.nodes){const $=jLt(k),q=($==null?void 0:$.offsetWidth)??0,F=($==null?void 0:$.offsetHeight)??0,W=((w=k.position)==null?void 0:w.x)??0,ne=((A=k.position)==null?void 0:A.y)??0;I.set(k,{x1:W,y1:ne,x2:W+q,y2:ne+F}),C.set(k,$)}const O={x1:Number.MAX_SAFE_INTEGER,y1:Number.MAX_SAFE_INTEGER,x2:Number.MIN_SAFE_INTEGER,y2:Number.MIN_SAFE_INTEGER};for(const k of I.values())k.x1<O.x1&&(O.x1=k.x1),k.y1<O.y1&&(O.y1=k.y1),k.x2>O.x2&&(O.x2=k.x2),k.y2>O.y2&&(O.y2=k.y2);const B=50;O.x1-=B,O.y1-=B,O.x2+=B,O.y2+=B,a=O;const H=r.canvas.width/r.canvas.height,te=(a.x2-a.x1)/(a.y2-a.y1);if(H>te){const k=(H-te)*(a.y2-a.y1)*.5;a.x1-=k,a.x2+=k}else{const k=a.x2-a.x1,$=a.y2-a.y1,q=(k-H*$)/H*.5;a.y1-=q,a.y2+=q}r.clearRect(0,0,r.canvas.width,r.canvas.height),r.strokeStyle="white";for(const k of n.value.connections){const[$,q]=cu(Ta(k.from)),[F,W]=cu(Ta(k.to)),[ne,le]=u($,q),[me,Se]=u(F,W);if(r.beginPath(),r.moveTo(ne,le),e.value.settings.useStraightConnections)r.lineTo(me,Se);else{const de=.3*Math.abs(ne-me);r.bezierCurveTo(ne+de,le,me-de,Se,me,Se)}r.stroke()}r.strokeStyle="lightgray";for(const[k,$]of I.entries()){const[q,F]=u($.x1,$.y1),[W,ne]=u($.x2,$.y2);r.fillStyle=f(C.get(k)),r.beginPath(),r.rect(q,F,W-q,ne-F),r.fill(),r.stroke()}if(i.value){const k=_(),[$,q]=u(k.x1,k.y1),[F,W]=u(k.x2,k.y2);r.fillStyle="rgba(255, 255, 255, 0.2)",r.fillRect($,q,F-$,W-q)}},u=(w,A)=>[(w-a.x1)/(a.x2-a.x1)*r.canvas.width,(A-a.y1)/(a.y2-a.y1)*r.canvas.height],h=(w,A)=>[w*(a.x2-a.x1)/r.canvas.width+a.x1,A*(a.y2-a.y1)/r.canvas.height+a.y1],f=w=>{if(w){const A=w.querySelector(".__content");if(A){const C=m(A);if(C)return C}const I=m(w);if(I)return I}return"gray"},m=w=>{const A=getComputedStyle(w).backgroundColor;if(A&&A!=="rgba(0, 0, 0, 0)")return A},_=()=>{const w=s.value.parentElement.offsetWidth,A=s.value.parentElement.offsetHeight,I=w/n.value.scaling-n.value.panning.x,C=A/n.value.scaling-n.value.panning.y;return{x1:-n.value.panning.x,y1:-n.value.panning.y,x2:I,y2:C}},g=w=>{w.button===0&&(o=!0,b(w))},b=w=>{if(o){const[A,I]=h(w.offsetX,w.offsetY),C=_(),O=(C.x2-C.x1)/2,B=(C.y2-C.y1)/2;n.value.panning.x=-(A-O),n.value.panning.y=-(I-B)}},E=()=>{o=!1},y=()=>{i.value=!0},v=()=>{i.value=!1,E()};In([i,n.value.panning,()=>n.value.scaling,()=>n.value.connections.length],()=>{d()});const S=et(()=>n.value.nodes.map(w=>w.position)),R=et(()=>n.value.nodes.map(w=>w.width));return In([S,R],()=>{d()},{deep:!0}),ci(()=>{r=s.value.getContext("2d"),r.imageSmoothingQuality="high",d(),c=setInterval(d,500)}),Aa(()=>{clearInterval(c)}),(w,A)=>(T(),x("canvas",{ref_key:"canvas",ref:s,class:"baklava-minimap",onMouseenter:y,onMouseleave:v,onMousedown:j(g,["self"]),onMousemove:j(b,["self"]),onMouseup:E},null,544))}}),lPt=cn({components:{ContextMenu:ly,VerticalDots:OO},props:{type:{type:String,required:!0},title:{type:String,required:!0}},setup(t){const{viewModel:e}=xs(),{switchGraph:n}=Ws(),s=ct(!1),i=et(()=>t.type.startsWith(Wl));return{showContextMenu:s,hasContextMenu:i,contextMenuItems:[{label:"Edit Subgraph",value:"editSubgraph"},{label:"Delete Subgraph",value:"deleteSubgraph"}],openContextMenu:()=>{s.value=!0},onContextMenuClick:c=>{const d=t.type.substring(Wl.length),u=e.value.editor.graphTemplates.find(h=>h.id===d);if(u)switch(c){case"editSubgraph":n(u);break;case"deleteSubgraph":e.value.editor.removeGraphTemplate(u);break}}}}}),cPt=["data-node-type"],dPt={class:"__title"},uPt={class:"__title-label"},pPt={key:0,class:"__menu"};function _Pt(t,e,n,s,i,r){const o=tt("vertical-dots"),a=tt("context-menu");return T(),x("div",{class:"baklava-node --palette","data-node-type":t.type},[l("div",dPt,[l("div",uPt,K(t.title),1),t.hasContextMenu?(T(),x("div",pPt,[V(o,{class:"--clickable",onPointerdown:e[0]||(e[0]=j(()=>{},["stop","prevent"])),onClick:j(t.openContextMenu,["stop","prevent"])},null,8,["onClick"]),V(a,{modelValue:t.showContextMenu,"onUpdate:modelValue":e[1]||(e[1]=c=>t.showContextMenu=c),x:-100,y:0,items:t.contextMenuItems,onClick:t.onContextMenuClick,onPointerdown:e[2]||(e[2]=j(()=>{},["stop","prevent"]))},null,8,["modelValue","items","onClick"])])):G("",!0)])],8,cPt)}const Cw=dn(lPt,[["render",_Pt]]),hPt={class:"baklava-node-palette"},fPt={key:0},mPt=cn({__name:"NodePalette",setup(t){const{viewModel:e}=xs(),{x:n,y:s}=TLt(),{transform:i}=CO(),r=xO(e),o=Zn("editorEl"),a=ct(null),c=et(()=>{if(!a.value||!(o!=null&&o.value))return{};const{left:u,top:h}=o.value.getBoundingClientRect();return{top:`${s.value-h}px`,left:`${n.value-u}px`}}),d=(u,h)=>{a.value={type:u,nodeInformation:h};const f=()=>{const m=Wn(new h.type);e.value.displayedGraph.addNode(m);const _=o.value.getBoundingClientRect(),[g,b]=i(n.value-_.left,s.value-_.top);m.position.x=g,m.position.y=b,a.value=null,document.removeEventListener("pointerup",f)};document.addEventListener("pointerup",f)};return(u,h)=>(T(),x(Fe,null,[l("div",hPt,[(T(!0),x(Fe,null,Ke(Lt(r),f=>(T(),x("section",{key:f.name},[f.name!=="default"?(T(),x("h1",fPt,K(f.name),1)):G("",!0),(T(!0),x(Fe,null,Ke(f.nodeTypes,(m,_)=>(T(),dt(Cw,{key:_,type:_,title:m.title,onPointerdown:g=>d(_,m)},null,8,["type","title","onPointerdown"]))),128))]))),128))]),V(Fs,{name:"fade"},{default:Ie(()=>[a.value?(T(),x("div",{key:0,class:"baklava-dragged-node",style:Ht(c.value)},[V(Cw,{type:a.value.type,title:a.value.nodeInformation.title},null,8,["type","title"])],4)):G("",!0)]),_:1})],64))}});let ud;const gPt=new Uint8Array(16);function bPt(){if(!ud&&(ud=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!ud))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return ud(gPt)}const Sn=[];for(let t=0;t<256;++t)Sn.push((t+256).toString(16).slice(1));function EPt(t,e=0){return Sn[t[e+0]]+Sn[t[e+1]]+Sn[t[e+2]]+Sn[t[e+3]]+"-"+Sn[t[e+4]]+Sn[t[e+5]]+"-"+Sn[t[e+6]]+Sn[t[e+7]]+"-"+Sn[t[e+8]]+Sn[t[e+9]]+"-"+Sn[t[e+10]]+Sn[t[e+11]]+Sn[t[e+12]]+Sn[t[e+13]]+Sn[t[e+14]]+Sn[t[e+15]]}const yPt=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),ww={randomUUID:yPt};function du(t,e,n){if(ww.randomUUID&&!e&&!t)return ww.randomUUID();t=t||{};const s=t.random||(t.rng||bPt)();if(s[6]=s[6]&15|64,s[8]=s[8]&63|128,e){n=n||0;for(let i=0;i<16;++i)e[n+i]=s[i];return e}return EPt(s)}const Kl="SAVE_SUBGRAPH";function vPt(t,e){const n=()=>{const s=t.value;if(!s.template)throw new Error("Graph template property not set");s.template.update(s.save()),s.template.panning=s.panning,s.template.scaling=s.scaling};e.registerCommand(Kl,{canExecute:()=>{var s;return t.value!==((s=t.value.editor)==null?void 0:s.graph)},execute:n})}const SPt={},TPt={xmlns:"http://www.w3.org/2000/svg",class:"baklava-icon",width:"24",height:"24",viewBox:"0 0 24 24","stroke-width":"2",stroke:"currentColor",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"},xPt=l("polyline",{points:"6 9 12 15 18 9"},null,-1),CPt=[xPt];function wPt(t,e){return T(),x("svg",TPt,CPt)}const RPt=dn(SPt,[["render",wPt]]),APt=cn({components:{"i-arrow":RPt},props:{intf:{type:Object,required:!0}},setup(t){const e=ct(null),n=ct(!1),s=et(()=>t.intf.items.find(o=>typeof o=="string"?o===t.intf.value:o.value===t.intf.value)),i=et(()=>s.value?typeof s.value=="string"?s.value:s.value.text:""),r=o=>{t.intf.value=typeof o=="string"?o:o.value};return AO(e,()=>{n.value=!1}),{el:e,open:n,selectedItem:s,selectedText:i,setSelected:r}}}),NPt=["title"],OPt={class:"__selected"},MPt={class:"__text"},IPt={class:"__icon"},kPt={class:"__dropdown"},DPt={class:"item --header"},LPt=["onClick"];function PPt(t,e,n,s,i,r){const o=tt("i-arrow");return T(),x("div",{ref:"el",class:Ge(["baklava-select",{"--open":t.open}]),title:t.intf.name,onClick:e[0]||(e[0]=a=>t.open=!t.open)},[l("div",OPt,[l("div",MPt,K(t.selectedText),1),l("div",IPt,[V(o)])]),V(Fs,{name:"slide-fade"},{default:Ie(()=>[P(l("div",kPt,[l("div",DPt,K(t.intf.name),1),(T(!0),x(Fe,null,Ke(t.intf.items,(a,c)=>(T(),x("div",{key:c,class:Ge(["item",{"--active":a===t.selectedItem}]),onClick:d=>t.setSelected(a)},K(typeof a=="string"?a:a.text),11,LPt))),128))],512),[[wt,t.open]])]),_:1})],10,NPt)}const FPt=dn(APt,[["render",PPt]]);class UPt extends Xt{constructor(e,n,s){super(e,n),this.component=jl(FPt),this.items=s}}const BPt=cn({props:{intf:{type:Object,required:!0}}});function GPt(t,e,n,s,i,r){return T(),x("div",null,K(t.intf.value),1)}const VPt=dn(BPt,[["render",GPt]]);class zPt extends Xt{constructor(e,n){super(e,n),this.component=jl(VPt),this.setPort(!1)}}const HPt=cn({props:{intf:{type:Object,required:!0},modelValue:{type:String,required:!0}},emits:["update:modelValue"],setup(t,{emit:e}){return{v:et({get:()=>t.modelValue,set:s=>{e("update:modelValue",s)}})}}}),qPt=["placeholder","title"];function $Pt(t,e,n,s,i,r){return T(),x("div",null,[P(l("input",{"onUpdate:modelValue":e[0]||(e[0]=o=>t.v=o),type:"text",class:"baklava-input",placeholder:t.intf.name,title:t.intf.name},null,8,qPt),[[pe,t.v]])])}const YPt=dn(HPt,[["render",$Pt]]);class ac extends Xt{constructor(){super(...arguments),this.component=jl(YPt)}}class IO extends bO{constructor(){super(...arguments),this._title="Subgraph Input",this.inputs={name:new ac("Name","Input").setPort(!1)},this.outputs={placeholder:new Xt("Connection",void 0)}}}class kO extends EO{constructor(){super(...arguments),this._title="Subgraph Output",this.inputs={name:new ac("Name","Output").setPort(!1),placeholder:new Xt("Connection",void 0)},this.outputs={output:new Xt("Output",void 0).setHidden(!0)}}}const DO="CREATE_SUBGRAPH",Rw=[ya,va];function WPt(t,e,n){const s=()=>t.value.selectedNodes.filter(r=>!Rw.includes(r.type)).length>0,i=()=>{const{viewModel:r}=xs(),o=t.value,a=t.value.editor;if(o.selectedNodes.length===0)return;const c=o.selectedNodes.filter(C=>!Rw.includes(C.type)),d=c.flatMap(C=>Object.values(C.inputs)),u=c.flatMap(C=>Object.values(C.outputs)),h=o.connections.filter(C=>!u.includes(C.from)&&d.includes(C.to)),f=o.connections.filter(C=>u.includes(C.from)&&!d.includes(C.to)),m=o.connections.filter(C=>u.includes(C.from)&&d.includes(C.to)),_=c.map(C=>C.save()),g=m.map(C=>({id:C.id,from:C.from.id,to:C.to.id})),b=new Map,{xLeft:E,xRight:y,yTop:v}=KPt(c);console.log(E,y,v);for(const[C,O]of h.entries()){const B=new IO;B.inputs.name.value=O.to.name,_.push({...B.save(),position:{x:y-r.value.settings.nodes.defaultWidth-100,y:v+C*200}}),g.push({id:du(),from:B.outputs.placeholder.id,to:O.to.id}),b.set(O.to.id,B.graphInterfaceId)}for(const[C,O]of f.entries()){const B=new kO;B.inputs.name.value=O.from.name,_.push({...B.save(),position:{x:E+100,y:v+C*200}}),g.push({id:du(),from:O.from.id,to:B.inputs.placeholder.id}),b.set(O.from.id,B.graphInterfaceId)}const S=Wn(new op({connections:g,nodes:_,inputs:[],outputs:[]},a));a.addGraphTemplate(S);const R=a.nodeTypes.get(Sa(S));if(!R)throw new Error("Unable to create subgraph: Could not find corresponding graph node type");const w=Wn(new R.type);o.addNode(w);const A=Math.round(c.map(C=>C.position.x).reduce((C,O)=>C+O,0)/c.length),I=Math.round(c.map(C=>C.position.y).reduce((C,O)=>C+O,0)/c.length);w.position.x=A,w.position.y=I,h.forEach(C=>{o.removeConnection(C),o.addConnection(C.from,w.inputs[b.get(C.to.id)])}),f.forEach(C=>{o.removeConnection(C),o.addConnection(w.outputs[b.get(C.from.id)],C.to)}),c.forEach(C=>o.removeNode(C)),e.canExecuteCommand(Kl)&&e.executeCommand(Kl),n(S),t.value.panning={...o.panning},t.value.scaling=o.scaling};e.registerCommand(DO,{canExecute:s,execute:i})}function KPt(t){const e=t.reduce((i,r)=>{const o=r.position.x;return o<i?o:i},1/0),n=t.reduce((i,r)=>{const o=r.position.y;return o<i?o:i},1/0);return{xLeft:t.reduce((i,r)=>{const o=r.position.x+r.width;return o>i?o:i},-1/0),xRight:e,yTop:n}}const Aw="DELETE_NODES";function jPt(t,e){e.registerCommand(Aw,{canExecute:()=>t.value.selectedNodes.length>0,execute(){t.value.selectedNodes.forEach(n=>t.value.removeNode(n))}}),e.registerHotkey(["Delete"],Aw)}const LO="SWITCH_TO_MAIN_GRAPH";function QPt(t,e,n){e.registerCommand(LO,{canExecute:()=>t.value!==t.value.editor.graph,execute:()=>{e.executeCommand(Kl),n(t.value.editor.graph)}})}function XPt(t,e,n){jPt(t,e),WPt(t,e,n),vPt(t,e),QPt(t,e,n)}class Nw{constructor(e,n){this.type=e,e==="addNode"?this.nodeId=n:this.nodeState=n}undo(e){this.type==="addNode"?this.removeNode(e):this.addNode(e)}redo(e){this.type==="addNode"&&this.nodeState?this.addNode(e):this.type==="removeNode"&&this.nodeId&&this.removeNode(e)}addNode(e){const n=e.editor.nodeTypes.get(this.nodeState.type);if(!n)return;const s=new n.type;e.addNode(s),s.load(this.nodeState),this.nodeId=s.id}removeNode(e){const n=e.nodes.find(s=>s.id===this.nodeId);n&&(this.nodeState=n.save(),e.removeNode(n))}}class Ow{constructor(e,n){if(this.type=e,e==="addConnection")this.connectionId=n;else{const s=n;this.connectionState={id:s.id,from:s.from.id,to:s.to.id}}}undo(e){this.type==="addConnection"?this.removeConnection(e):this.addConnection(e)}redo(e){this.type==="addConnection"&&this.connectionState?this.addConnection(e):this.type==="removeConnection"&&this.connectionId&&this.removeConnection(e)}addConnection(e){const n=e.findNodeInterface(this.connectionState.from),s=e.findNodeInterface(this.connectionState.to);!n||!s||e.addConnection(n,s)}removeConnection(e){const n=e.connections.find(s=>s.id===this.connectionId);n&&(this.connectionState={id:n.id,from:n.from.id,to:n.to.id},e.removeConnection(n))}}class ZPt{constructor(e){if(this.type="transaction",e.length===0)throw new Error("Can't create a transaction with no steps");this.steps=e}undo(e){for(let n=this.steps.length-1;n>=0;n--)this.steps[n].undo(e)}redo(e){for(let n=0;n<this.steps.length;n++)this.steps[n].redo(e)}}const ub="UNDO",pb="REDO",PO="START_TRANSACTION",FO="COMMIT_TRANSACTION";function JPt(t,e){const n=Symbol("HistoryToken"),s=ct(200),i=ct([]),r=ct(!1),o=ct(-1),a=ct(!1),c=ct([]),d=b=>{if(!r.value)if(a.value)c.value.push(b);else for(o.value!==i.value.length-1&&(i.value=i.value.slice(0,o.value+1)),i.value.push(b),o.value++;i.value.length>s.value;)i.value.shift()},u=()=>{a.value=!0},h=()=>{a.value=!1,c.value.length>0&&(d(new ZPt(c.value)),c.value=[])},f=()=>i.value.length!==0&&o.value!==-1,m=()=>{f()&&(r.value=!0,i.value[o.value--].undo(t.value),r.value=!1)},_=()=>i.value.length!==0&&o.value<i.value.length-1,g=()=>{_()&&(r.value=!0,i.value[++o.value].redo(t.value),r.value=!1)};return In(t,(b,E)=>{E&&(E.events.addNode.unsubscribe(n),E.events.removeNode.unsubscribe(n),E.events.addConnection.unsubscribe(n),E.events.removeConnection.unsubscribe(n)),b&&(b.events.addNode.subscribe(n,y=>{d(new Nw("addNode",y.id))}),b.events.removeNode.subscribe(n,y=>{d(new Nw("removeNode",y.save()))}),b.events.addConnection.subscribe(n,y=>{d(new Ow("addConnection",y.id))}),b.events.removeConnection.subscribe(n,y=>{d(new Ow("removeConnection",y))}))},{immediate:!0}),e.registerCommand(ub,{canExecute:f,execute:m}),e.registerCommand(pb,{canExecute:_,execute:g}),e.registerCommand(PO,{canExecute:()=>!a.value,execute:u}),e.registerCommand(FO,{canExecute:()=>a.value,execute:h}),e.registerHotkey(["Control","z"],ub),e.registerHotkey(["Control","y"],pb),Wn({maxSteps:s})}const _b="COPY",hb="PASTE",eFt="CLEAR_CLIPBOARD";function tFt(t,e,n){const s=Symbol("ClipboardToken"),i=ct(""),r=ct(""),o=et(()=>!i.value),a=()=>{i.value="",r.value=""},c=()=>{const h=t.value.selectedNodes.flatMap(m=>[...Object.values(m.inputs),...Object.values(m.outputs)]),f=t.value.connections.filter(m=>h.includes(m.from)||h.includes(m.to)).map(m=>({from:m.from.id,to:m.to.id}));r.value=JSON.stringify(f),i.value=JSON.stringify(t.value.selectedNodes.map(m=>m.save()))},d=(h,f,m)=>{for(const _ of h){let g;if((!m||m==="input")&&(g=Object.values(_.inputs).find(b=>b.id===f)),!g&&(!m||m==="output")&&(g=Object.values(_.outputs).find(b=>b.id===f)),g)return g}},u=()=>{if(o.value)return;const h=new Map,f=JSON.parse(i.value),m=JSON.parse(r.value),_=[],g=[],b=t.value;n.executeCommand(PO);for(const E of f){const y=e.value.nodeTypes.get(E.type);if(!y){console.warn(`Node type ${E.type} not registered`);return}const v=new y.type,S=v.id;_.push(v),v.hooks.beforeLoad.subscribe(s,R=>{const w=R;return w.position&&(w.position.x+=100,w.position.y+=100),v.hooks.beforeLoad.unsubscribe(s),w}),b.addNode(v),v.load({...E,id:S}),v.id=S,h.set(E.id,S);for(const R of Object.values(v.inputs)){const w=du();h.set(R.id,w),R.id=w}for(const R of Object.values(v.outputs)){const w=du();h.set(R.id,w),R.id=w}}for(const E of m){const y=d(_,h.get(E.from),"output"),v=d(_,h.get(E.to),"input");if(!y||!v)continue;const S=b.addConnection(y,v);S&&g.push(S)}return t.value.selectedNodes=_,n.executeCommand(FO),{newNodes:_,newConnections:g}};return n.registerCommand(_b,{canExecute:()=>t.value.selectedNodes.length>0,execute:c}),n.registerHotkey(["Control","c"],_b),n.registerCommand(hb,{canExecute:()=>!o.value,execute:u}),n.registerHotkey(["Control","v"],hb),n.registerCommand(eFt,{canExecute:()=>!0,execute:a}),Wn({isEmpty:o})}const nFt="OPEN_SIDEBAR";function sFt(t,e){e.registerCommand(nFt,{execute:n=>{t.value.sidebar.nodeId=n,t.value.sidebar.visible=!0},canExecute:()=>!0})}function iFt(t,e){sFt(t,e)}const rFt={},oFt={xmlns:"http://www.w3.org/2000/svg",class:"baklava-icon",width:"24",height:"24",viewBox:"0 0 24 24","stroke-width":"2",stroke:"currentColor",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"},aFt=l("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"},null,-1),lFt=l("path",{d:"M9 13l-4 -4l4 -4m-4 4h11a4 4 0 0 1 0 8h-1"},null,-1),cFt=[aFt,lFt];function dFt(t,e){return T(),x("svg",oFt,cFt)}const uFt=dn(rFt,[["render",dFt]]),pFt={},_Ft={xmlns:"http://www.w3.org/2000/svg",class:"baklava-icon",width:"24",height:"24",viewBox:"0 0 24 24","stroke-width":"2",stroke:"currentColor",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"},hFt=l("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"},null,-1),fFt=l("path",{d:"M15 13l4 -4l-4 -4m4 4h-11a4 4 0 0 0 0 8h1"},null,-1),mFt=[hFt,fFt];function gFt(t,e){return T(),x("svg",_Ft,mFt)}const bFt=dn(pFt,[["render",gFt]]),EFt={},yFt={xmlns:"http://www.w3.org/2000/svg",class:"baklava-icon",width:"24",height:"24",viewBox:"0 0 24 24","stroke-width":"2",stroke:"currentColor",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"},vFt=l("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"},null,-1),SFt=l("line",{x1:"5",y1:"12",x2:"19",y2:"12"},null,-1),TFt=l("line",{x1:"5",y1:"12",x2:"11",y2:"18"},null,-1),xFt=l("line",{x1:"5",y1:"12",x2:"11",y2:"6"},null,-1),CFt=[vFt,SFt,TFt,xFt];function wFt(t,e){return T(),x("svg",yFt,CFt)}const RFt=dn(EFt,[["render",wFt]]),AFt={},NFt={xmlns:"http://www.w3.org/2000/svg",class:"baklava-icon",width:"24",height:"24",viewBox:"0 0 24 24","stroke-width":"2",stroke:"currentColor",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"},OFt=l("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"},null,-1),MFt=l("path",{d:"M9 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2h-2"},null,-1),IFt=l("rect",{x:"9",y:"3",width:"6",height:"4",rx:"2"},null,-1),kFt=[OFt,MFt,IFt];function DFt(t,e){return T(),x("svg",NFt,kFt)}const LFt=dn(AFt,[["render",DFt]]),PFt={},FFt={xmlns:"http://www.w3.org/2000/svg",class:"baklava-icon",width:"24",height:"24",viewBox:"0 0 24 24","stroke-width":"2",stroke:"currentColor",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"},UFt=l("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"},null,-1),BFt=l("rect",{x:"8",y:"8",width:"12",height:"12",rx:"2"},null,-1),GFt=l("path",{d:"M16 8v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2"},null,-1),VFt=[UFt,BFt,GFt];function zFt(t,e){return T(),x("svg",FFt,VFt)}const HFt=dn(PFt,[["render",zFt]]),qFt={},$Ft={xmlns:"http://www.w3.org/2000/svg",class:"baklava-icon",width:"24",height:"24",viewBox:"0 0 24 24","stroke-width":"2",stroke:"currentColor",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"},YFt=l("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"},null,-1),WFt=l("path",{d:"M6 4h10l4 4v10a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2"},null,-1),KFt=l("circle",{cx:"12",cy:"14",r:"2"},null,-1),jFt=l("polyline",{points:"14 4 14 8 8 8 8 4"},null,-1),QFt=[YFt,WFt,KFt,jFt];function XFt(t,e){return T(),x("svg",$Ft,QFt)}const ZFt=dn(qFt,[["render",XFt]]),JFt={},eUt={xmlns:"http://www.w3.org/2000/svg",class:"baklava-icon",width:"24",height:"24",viewBox:"0 0 24 24","stroke-width":"2",stroke:"currentColor",fill:"none","stroke-linecap":"round","stroke-linejoin":"round"},tUt=Na('<path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 3h4v4h-4z"></path><path d="M3 17h4v4h-4z"></path><path d="M17 17h4v4h-4z"></path><path d="M7 17l5 -4l5 4"></path><line x1="12" y1="7" x2="12" y2="13"></line>',6),nUt=[tUt];function sUt(t,e){return T(),x("svg",eUt,nUt)}const iUt=dn(JFt,[["render",sUt]]),rUt=cn({props:{command:{type:String,required:!0},title:{type:String,required:!0},icon:{type:Object,required:!1,default:void 0}},setup(){const{viewModel:t}=xs();return{viewModel:t}}}),oUt=["disabled","title"];function aUt(t,e,n,s,i,r){return T(),x("button",{class:"baklava-toolbar-entry baklava-toolbar-button",disabled:!t.viewModel.commandHandler.canExecuteCommand(t.command),title:t.title,onClick:e[0]||(e[0]=o=>t.viewModel.commandHandler.executeCommand(t.command))},[t.icon?(T(),dt(Tu(t.icon),{key:0})):(T(),x(Fe,{key:1},[Je(K(t.title),1)],64))],8,oUt)}const lUt=dn(rUt,[["render",aUt]]),cUt=cn({components:{ToolbarButton:lUt},setup(){const{viewModel:t}=xs();return{isSubgraph:et(()=>t.value.displayedGraph!==t.value.editor.graph),commands:[{command:_b,title:"Copy",icon:HFt},{command:hb,title:"Paste",icon:LFt},{command:ub,title:"Undo",icon:uFt},{command:pb,title:"Redo",icon:bFt},{command:DO,title:"Create Subgraph",icon:iUt}],subgraphCommands:[{command:Kl,title:"Save Subgraph",icon:ZFt},{command:LO,title:"Back to Main Graph",icon:RFt}]}}}),dUt={class:"baklava-toolbar"};function uUt(t,e,n,s,i,r){const o=tt("toolbar-button");return T(),x("div",dUt,[(T(!0),x(Fe,null,Ke(t.commands,a=>(T(),dt(o,{key:a.command,command:a.command,title:a.title,icon:a.icon},null,8,["command","title","icon"]))),128)),t.isSubgraph?(T(!0),x(Fe,{key:0},Ke(t.subgraphCommands,a=>(T(),dt(o,{key:a.command,command:a.command,title:a.title,icon:a.icon},null,8,["command","title","icon"]))),128)):G("",!0)])}const pUt=dn(cUt,[["render",uUt]]),_Ut={class:"connections-container"},hUt=cn({__name:"Editor",props:{viewModel:{}},setup(t){const e=t,n=Symbol("EditorToken"),s=kd(e,"viewModel");lLt(s);const i=ct(null);Yo("editorEl",i);const r=et(()=>e.viewModel.displayedGraph.nodes),o=et(()=>e.viewModel.displayedGraph.nodes.map(A=>SO(kd(A,"position")))),a=et(()=>e.viewModel.displayedGraph.connections),c=et(()=>e.viewModel.displayedGraph.selectedNodes),d=cLt(),u=dLt(),h=uLt(s),f=et(()=>({...d.styles.value})),m=ct(0);e.viewModel.editor.hooks.load.subscribe(n,A=>(m.value++,A));const _=A=>{d.onPointerMove(A),u.onMouseMove(A)},g=A=>{A.button===0&&(A.target===i.value&&(S(),d.onPointerDown(A)),u.onMouseDown())},b=A=>{d.onPointerUp(A),u.onMouseUp()},E=A=>{A.key==="Tab"&&A.preventDefault(),e.viewModel.commandHandler.handleKeyDown(A)},y=A=>{e.viewModel.commandHandler.handleKeyUp(A)},v=A=>{["Control","Shift"].some(I=>e.viewModel.commandHandler.pressedKeys.includes(I))||S(),e.viewModel.displayedGraph.selectedNodes.push(A)},S=()=>{e.viewModel.displayedGraph.selectedNodes=[]},R=A=>{for(const I of e.viewModel.displayedGraph.selectedNodes){const C=r.value.indexOf(I),O=o.value[C];O.onPointerDown(A),document.addEventListener("pointermove",O.onPointerMove)}document.addEventListener("pointerup",w)},w=()=>{for(const A of e.viewModel.displayedGraph.selectedNodes){const I=r.value.indexOf(A),C=o.value[I];C.onPointerUp(),document.removeEventListener("pointermove",C.onPointerMove)}document.removeEventListener("pointerup",w)};return(A,I)=>(T(),x("div",{ref_key:"el",ref:i,tabindex:"-1",class:Ge(["baklava-editor",{"baklava-ignore-mouse":!!Lt(u).temporaryConnection.value||Lt(d).dragging.value,"--temporary-connection":!!Lt(u).temporaryConnection.value}]),onPointermove:j(_,["self"]),onPointerdown:g,onPointerup:b,onWheel:I[1]||(I[1]=j((...C)=>Lt(d).onMouseWheel&&Lt(d).onMouseWheel(...C),["self"])),onKeydown:E,onKeyup:y,onContextmenu:I[2]||(I[2]=j((...C)=>Lt(h).open&&Lt(h).open(...C),["self","prevent"]))},[un(A.$slots,"background",{},()=>[V(hLt)]),un(A.$slots,"toolbar",{},()=>[V(pUt)]),un(A.$slots,"palette",{},()=>[V(mPt)]),(T(),x("svg",_Ut,[(T(!0),x(Fe,null,Ke(a.value,C=>(T(),x("g",{key:C.id+m.value.toString()},[un(A.$slots,"connection",{connection:C},()=>[V(ZLt,{connection:C},null,8,["connection"])])]))),128)),un(A.$slots,"temporaryConnection",{temporaryConnection:Lt(u).temporaryConnection.value},()=>[Lt(u).temporaryConnection.value?(T(),dt(tPt,{key:0,connection:Lt(u).temporaryConnection.value},null,8,["connection"])):G("",!0)])])),l("div",{class:"node-container",style:Ht(f.value)},[V(ii,{name:"fade"},{default:Ie(()=>[(T(!0),x(Fe,null,Ke(r.value,(C,O)=>un(A.$slots,"node",{key:C.id+m.value.toString(),node:C,selected:c.value.includes(C),dragging:o.value[O].dragging.value,onSelect:B=>v(C),onStartDrag:R},()=>[V($Lt,{node:C,selected:c.value.includes(C),dragging:o.value[O].dragging.value,onSelect:B=>v(C),onStartDrag:R},null,8,["node","selected","dragging","onSelect"])])),128))]),_:3})],4),un(A.$slots,"sidebar",{},()=>[V(oPt)]),un(A.$slots,"minimap",{},()=>[A.viewModel.settings.enableMinimap?(T(),dt(aPt,{key:0})):G("",!0)]),un(A.$slots,"contextMenu",{contextMenu:Lt(h)},()=>[A.viewModel.settings.contextMenu.enabled?(T(),dt(ly,{key:0,modelValue:Lt(h).show.value,"onUpdate:modelValue":I[0]||(I[0]=C=>Lt(h).show.value=C),items:Lt(h).items.value,x:Lt(h).x.value,y:Lt(h).y.value,onClick:Lt(h).onClick},null,8,["modelValue","items","x","y","onClick"])):G("",!0)])],34))}}),fUt=["INPUT","TEXTAREA","SELECT"];function mUt(t){const e=ct([]),n=ct([]);return{pressedKeys:e,handleKeyDown:o=>{var a;e.value.includes(o.key)||e.value.push(o.key),!fUt.includes(((a=document.activeElement)==null?void 0:a.tagName)??"")&&n.value.forEach(c=>{c.keys.every(d=>e.value.includes(d))&&t(c.commandName)})},handleKeyUp:o=>{const a=e.value.indexOf(o.key);a>=0&&e.value.splice(a,1)},registerHotkey:(o,a)=>{n.value.push({keys:o,commandName:a})}}}const gUt=()=>{const t=ct(new Map),e=(r,o)=>{if(t.value.has(r))throw new Error(`Command "${r}" already exists`);t.value.set(r,o)},n=(r,o=!1,...a)=>{if(!t.value.has(r)){if(o)throw new Error(`[CommandHandler] Command ${r} not registered`);return}return t.value.get(r).execute(...a)},s=(r,o=!1,...a)=>{if(!t.value.has(r)){if(o)throw new Error(`[CommandHandler] Command ${r} not registered`);return!1}return t.value.get(r).canExecute(a)},i=mUt(n);return Wn({registerCommand:e,executeCommand:n,canExecuteCommand:s,...i})},bUt=t=>!(t instanceof oc);function EUt(t,e){return{switchGraph:s=>{let i;if(bUt(s))i=new oc(t.value),s.createGraph(i);else{if(s!==t.value.graph)throw new Error("Can only switch using 'Graph' instance when it is the root graph. Otherwise a 'GraphTemplate' must be used.");i=s}e.value&&e.value!==t.value.graph&&e.value.destroy(),i.panning=i.panning??s.panning??{x:0,y:0},i.scaling=i.scaling??s.scaling??1,i.selectedNodes=i.selectedNodes??[],i.sidebar=i.sidebar??{visible:!1,nodeId:"",optionName:""},e.value=i}}}function yUt(t,e){t.position=t.position??{x:0,y:0},t.disablePointerEvents=!1,t.twoColumn=t.twoColumn??!1,t.width=t.width??e.defaultWidth}const vUt=()=>({useStraightConnections:!1,enableMinimap:!1,background:{gridSize:100,gridDivision:5,subGridVisibleThreshold:.6},sidebar:{width:300,resizable:!0},displayValueOnHover:!1,nodes:{defaultWidth:200,maxWidth:320,minWidth:150,resizable:!1},contextMenu:{enabled:!0,additionalItems:[]}});function SUt(t){const e=ct(t??new nLt),n=Symbol("ViewModelToken"),s=ct(null),i=VM(s),{switchGraph:r}=EUt(e,s),o=et(()=>i.value&&i.value!==e.value.graph),a=Wn(vUt()),c=gUt(),d=JPt(i,c),u=tFt(i,e,c),h={renderNode:new ss(null),renderInterface:new ss(null)};return XPt(i,c,r),iFt(i,c),In(e,(f,m)=>{m&&(m.events.registerGraph.unsubscribe(n),m.graphEvents.beforeAddNode.unsubscribe(n),f.nodeHooks.beforeLoad.unsubscribe(n),f.nodeHooks.afterSave.unsubscribe(n),f.graphTemplateHooks.beforeLoad.unsubscribe(n),f.graphTemplateHooks.afterSave.unsubscribe(n),f.graph.hooks.load.unsubscribe(n),f.graph.hooks.save.unsubscribe(n)),f&&(f.nodeHooks.beforeLoad.subscribe(n,(_,g)=>(g.position=_.position??{x:0,y:0},g.width=_.width??a.nodes.defaultWidth,g.twoColumn=_.twoColumn??!1,_)),f.nodeHooks.afterSave.subscribe(n,(_,g)=>(_.position=g.position,_.width=g.width,_.twoColumn=g.twoColumn,_)),f.graphTemplateHooks.beforeLoad.subscribe(n,(_,g)=>(g.panning=_.panning,g.scaling=_.scaling,_)),f.graphTemplateHooks.afterSave.subscribe(n,(_,g)=>(_.panning=g.panning,_.scaling=g.scaling,_)),f.graph.hooks.load.subscribe(n,(_,g)=>(g.panning=_.panning,g.scaling=_.scaling,_)),f.graph.hooks.save.subscribe(n,(_,g)=>(_.panning=g.panning,_.scaling=g.scaling,_)),f.graphEvents.beforeAddNode.subscribe(n,_=>yUt(_,{defaultWidth:a.nodes.defaultWidth})),e.value.registerNodeType(IO,{category:"Subgraphs"}),e.value.registerNodeType(kO,{category:"Subgraphs"}),r(f.graph))},{immediate:!0}),Wn({editor:e,displayedGraph:i,isSubgraph:o,settings:a,commandHandler:c,history:d,clipboard:u,hooks:h,switchGraph:r})}const TUt=za({type:"PersonalityNode",title:"Personality",inputs:{request:()=>new Xt("Request",""),agent_name:()=>new UPt("Personality","",Ms.state.config.personalities).setPort(!1)},outputs:{response:()=>new Xt("Response","")},async calculate({request:t}){console.log(Ms.state.config.personalities);let e="";try{e=(await ae.post("/generate",{params:{text:t}})).data}catch(n){console.error(n)}return{display:e,response:e}}}),xUt=za({type:"RAGNode",title:"RAG",inputs:{request:()=>new Xt("Prompt",""),document_path:()=>new ac("Document path","").setPort(!1)},outputs:{prompt:()=>new Xt("Prompt with Data","")},async calculate({request:t,document_path:e}){let n="";try{n=(await ae.get("/rag",{params:{text:t,doc_path:e}})).data}catch(s){console.error(s)}return{response:n}}}),Mw=za({type:"Task",title:"Task",inputs:{description:()=>new ac("Task description","").setPort(!1)},outputs:{prompt:()=>new Xt("Prompt")},calculate({description:t}){return{prompt:t}}}),Iw=za({type:"TextDisplayNode",title:"TextDisplay",inputs:{text2display:()=>new Xt("Input","")},outputs:{response:()=>new zPt("Text","")},async calculate({request:t}){}}),kw=za({type:"LLMNode",title:"LLM",inputs:{request:()=>new Xt("Request","")},outputs:{response:()=>new Xt("Response","")},async calculate({request:t}){console.log(Ms.state.config.personalities);let e="";try{e=(await ae.post("/generate",{params:{text:t}})).data}catch(n){console.error(n)}return{display:e,response:e}}}),CUt=za({type:"MultichoiceNode",title:"Multichoice",inputs:{question:()=>new Xt("Question",""),outputs:()=>new ac("choices, one per line","","").setPort(!1)},outputs:{response:()=>new Xt("Response","")}}),wUt=cn({components:{"baklava-editor":hUt},setup(){const t=SUt(),e=new aLt(t.editor);t.editor.registerNodeType(TUt),t.editor.registerNodeType(Mw),t.editor.registerNodeType(xUt),t.editor.registerNodeType(Iw),t.editor.registerNodeType(kw),t.editor.registerNodeType(CUt);const n=Symbol();e.events.afterRun.subscribe(n,a=>{e.pause(),sLt(a,t.editor),e.resume()}),e.start();function s(a,c,d){const u=new a;return t.displayedGraph.addNode(u),u.position.x=c,u.position.y=d,u}const i=s(Mw,300,140),r=s(kw,550,140),o=s(Iw,850,140);return t.displayedGraph.addConnection(i.outputs.prompt,r.inputs.request),t.displayedGraph.addConnection(r.outputs.response,o.inputs.text2display),{baklava:t,saveGraph:()=>{const a=e.export();localStorage.setItem("myGraph",JSON.stringify(a))},loadGraph:()=>{const a=JSON.parse(localStorage.getItem("myGraph"));e.import(a)}}}}),RUt={style:{width:"100vw",height:"100vh"}};function AUt(t,e,n,s,i,r){const o=tt("baklava-editor");return T(),x("div",RUt,[V(o,{"view-model":t.baklava},null,8,["view-model"]),l("button",{onClick:e[0]||(e[0]=(...a)=>t.saveGraph&&t.saveGraph(...a))},"Save Graph"),l("button",{onClick:e[1]||(e[1]=(...a)=>t.loadGraph&&t.loadGraph(...a))},"Load Graph")])}const NUt=ot(wUt,[["render",AUt]]),OUt={},MUt={style:{width:"100vw",height:"100vh"}},IUt=["src"];function kUt(t,e,n,s,i,r){return T(),x("div",MUt,[l("iframe",{src:t.$store.state.config.comfyui_base_url,class:"m-0 p-0 w-full h-full"},null,8,IUt)])}const DUt=ot(OUt,[["render",kUt]]),LUt={},PUt={style:{width:"100vw",height:"100vh"}},FUt=["src"];function UUt(t,e,n,s,i,r){return T(),x("div",PUt,[l("iframe",{src:t.$store.state.config.sd_base_url,class:"m-0 p-0 w-full h-full"},null,8,FUt)])}const BUt=ot(LUt,[["render",UUt]]);const GUt={name:"AppCard",props:{app:{type:Object,required:!0},isFavorite:{type:Boolean,default:!1}},methods:{formatDate(t){const e={year:"numeric",month:"short",day:"numeric"};return new Date(t).toLocaleDateString(void 0,e)}}},is=t=>(vs("data-v-192425d2"),t=t(),Ss(),t),VUt={class:"app-card bg-white border rounded-xl shadow-lg p-6 hover:shadow-xl transition duration-300 ease-in-out flex flex-col h-full"},zUt={class:"flex-grow"},HUt={class:"flex items-center mb-4"},qUt=["src"],$Ut={class:"font-bold text-xl text-gray-800"},YUt={class:"text-sm text-gray-600"},WUt={class:"text-sm text-gray-600"},KUt={class:"text-sm text-gray-600"},jUt={class:"text-sm text-gray-600"},QUt={class:"mb-4"},XUt=is(()=>l("h4",{class:"font-semibold mb-1 text-gray-700"},"Description:",-1)),ZUt={class:"text-sm text-gray-600 h-20 overflow-y-auto"},JUt={class:"text-sm text-gray-600 mb-2"},e3t={key:0,class:"mb-4"},t3t=is(()=>l("h4",{class:"font-semibold mb-1 text-gray-700"},"Disclaimer:",-1)),n3t={class:"text-xs text-gray-500 italic h-16 overflow-y-auto"},s3t={class:"mt-auto pt-4 border-t"},i3t={class:"flex justify-between items-center flex-wrap"},r3t=["title"],o3t=["fill"],a3t=is(()=>l("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z"},null,-1)),l3t=[a3t],c3t=is(()=>l("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-6 w-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor"},[l("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"})],-1)),d3t=[c3t],u3t=is(()=>l("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-6 w-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor"},[l("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"})],-1)),p3t=[u3t],_3t=is(()=>l("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-6 w-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor"},[l("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"})],-1)),h3t=[_3t],f3t=is(()=>l("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-6 w-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor"},[l("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"})],-1)),m3t=[f3t],g3t=is(()=>l("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-6 w-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor"},[l("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"})],-1)),b3t=[g3t],E3t=is(()=>l("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-6 w-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor"},[l("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M15 12a3 3 0 11-6 0 3 3 0 016 0z"}),l("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"})],-1)),y3t=[E3t],v3t=is(()=>l("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-6 w-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor"},[l("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"})],-1)),S3t=[v3t],T3t=is(()=>l("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-6 w-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor"},[l("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M5 12h14M12 5l7 7-7 7"})],-1)),x3t=[T3t],C3t=is(()=>l("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-6 w-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor"},[l("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"})],-1)),w3t=is(()=>l("span",{class:"absolute top-0 right-0 inline-flex items-center justify-center px-2 py-1 text-xs font-bold leading-none text-red-100 transform translate-x-1/2 -translate-y-1/2 bg-red-600 rounded-full"},"!",-1)),R3t=[C3t,w3t];function A3t(t,e,n,s,i,r){return T(),x("div",VUt,[l("div",zUt,[l("div",HUt,[l("img",{src:n.app.icon,alt:"App Icon",class:"w-16 h-16 rounded-full border border-gray-300 mr-4"},null,8,qUt),l("div",null,[l("h3",$Ut,K(n.app.name),1),l("p",YUt,"Author: "+K(n.app.author),1),l("p",WUt,"Version: "+K(n.app.version),1),l("p",KUt,"Creation date: "+K(r.formatDate(n.app.creation_date)),1),l("p",jUt,"Last update: "+K(r.formatDate(n.app.last_update_date)),1),l("p",{class:Ge(["text-sm",n.app.is_public?"text-green-600":"text-orange-600"])},K(n.app.is_public?"Public App":"Local App"),3)])]),l("div",QUt,[XUt,l("p",ZUt,K(n.app.description),1)]),l("p",JUt,"AI Model: "+K(n.app.model_name),1),n.app.disclaimer&&n.app.disclaimer.trim()!==""?(T(),x("div",e3t,[t3t,l("p",n3t,K(n.app.disclaimer),1)])):G("",!0)]),l("div",s3t,[l("div",i3t,[l("button",{onClick:e[0]||(e[0]=j(o=>t.$emit("toggle-favorite",n.app.uid),["stop"])),class:"text-yellow-500 hover:text-yellow-600 transition duration-300 ease-in-out",title:n.isFavorite?"Remove from favorites":"Add to favorites"},[(T(),x("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-6 w-6",fill:n.isFavorite?"currentColor":"none",viewBox:"0 0 24 24",stroke:"currentColor"},l3t,8,o3t))],8,r3t),n.app.installed?(T(),x("button",{key:0,onClick:e[1]||(e[1]=j(o=>t.$emit("uninstall",n.app.folder_name),["stop"])),class:"text-red-500 hover:text-red-600 transition duration-300 ease-in-out",title:"Uninstall"},d3t)):n.app.existsInFolder?(T(),x("button",{key:1,onClick:e[2]||(e[2]=j(o=>t.$emit("delete",n.app.name),["stop"])),class:"text-yellow-500 hover:text-yellow-600 transition duration-300 ease-in-out",title:"Delete"},p3t)):(T(),x("button",{key:2,onClick:e[3]||(e[3]=j(o=>t.$emit("install",n.app.folder_name),["stop"])),class:"text-blue-500 hover:text-blue-600 transition duration-300 ease-in-out",title:"Install"},h3t)),n.app.installed?(T(),x("button",{key:3,onClick:e[4]||(e[4]=j(o=>t.$emit("edit",n.app),["stop"])),class:"text-purple-500 hover:text-purple-600 transition duration-300 ease-in-out",title:"Edit"},m3t)):G("",!0),l("button",{onClick:e[5]||(e[5]=j(o=>t.$emit("download",n.app.folder_name),["stop"])),class:"text-green-500 hover:text-green-600 transition duration-300 ease-in-out",title:"Download"},b3t),l("button",{onClick:e[6]||(e[6]=j(o=>t.$emit("view",n.app),["stop"])),class:"text-gray-500 hover:text-gray-600 transition duration-300 ease-in-out",title:"View"},y3t),n.app.installed?(T(),x("button",{key:4,onClick:e[7]||(e[7]=j(o=>t.$emit("open",n.app),["stop"])),class:"text-indigo-500 hover:text-indigo-600 transition duration-300 ease-in-out",title:"Open"},S3t)):G("",!0),n.app.has_server&&n.app.installed?(T(),x("button",{key:5,onClick:e[8]||(e[8]=j(o=>t.$emit("start-server",n.app.folder_name),["stop"])),class:"text-teal-500 hover:text-teal-600 transition duration-300 ease-in-out",title:"Start Server"},x3t)):G("",!0),n.app.has_update?(T(),x("button",{key:6,onClick:e[9]||(e[9]=j(o=>t.$emit("install",n.app.folder_name),["stop"])),class:"relative text-yellow-500 hover:text-yellow-600 transition duration-300 ease-in-out animate-pulse",title:"Update Available"},R3t)):G("",!0)])])])}const N3t=ot(GUt,[["render",A3t],["__scopeId","data-v-192425d2"]]),O3t={components:{AppCard:N3t},data(){return{apps:[],githubApps:[],favorites:[],selectedCategory:"all",selectedApp:null,appCode:"",loading:!1,message:"",successMessage:!0,searchQuery:"",selectedFile:null,isUploading:!1,error:"",sortBy:"update",sortOrder:"desc"}},computed:{currentCategoryName(){return this.selectedCategory==="all"?"All Apps":this.selectedCategory},combinedApps(){this.apps.map(e=>e.name);const t=new Map(this.apps.map(e=>[e.name,{...e,installed:!0,existsInFolder:!0}]));return this.githubApps.forEach(e=>{t.has(e.name)||t.set(e.name,{...e,installed:!1,existsInFolder:!1})}),Array.from(t.values())},categories(){return[...new Set(this.combinedApps.map(t=>t.category))]},filteredApps(){return this.combinedApps.filter(t=>{const e=t.name.toLowerCase().includes(this.searchQuery.toLowerCase())||t.description.toLowerCase().includes(this.searchQuery.toLowerCase())||t.author.toLowerCase().includes(this.searchQuery.toLowerCase()),n=this.selectedCategory==="all"||t.category===this.selectedCategory;return e&&n})},sortedAndFilteredApps(){return this.filteredApps.sort((t,e)=>{let n=0;switch(this.sortBy){case"name":n=t.name.localeCompare(e.name);break;case"author":n=t.author.localeCompare(e.author);break;case"date":n=new Date(t.creation_date)-new Date(e.creation_date);break;case"update":n=new Date(t.last_update_date)-new Date(e.last_update_date);break}return this.sortOrder==="asc"?n:-n})},favoriteApps(){return this.combinedApps.filter(t=>this.favorites.includes(t.uid))}},methods:{toggleSortOrder(){this.sortOrder=this.sortOrder==="asc"?"desc":"asc"},toggleFavorite(t){const e=this.favorites.indexOf(t);e===-1?this.favorites.push(t):this.favorites.splice(e,1),this.saveFavoritesToLocalStorage()},saveFavoritesToLocalStorage(){localStorage.setItem("appZooFavorites",JSON.stringify(this.favorites))},loadFavoritesFromLocalStorage(){const t=localStorage.getItem("appZooFavorites");console.log("savedFavorites",t),t&&(this.favorites=JSON.parse(t))},startServer(t){const e={client_id:this.$store.state.client_id,app_name:t};this.$store.state.messageBox.showBlockingMessage(`Loading server.
-This may take some time the first time as some libraries need to be installed.`),ae.post("/apps/start_server",e).then(n=>{this.$store.state.messageBox.hideMessage(),console.log("Server start initiated:",n.data.message),this.$notify({type:"success",title:"Server Starting",text:n.data.message})}).catch(n=>{var s,i;this.$store.state.messageBox.hideMessage(),console.error("Error starting server:",n),this.$notify({type:"error",title:"Server Start Failed",text:((i=(s=n.response)==null?void 0:s.data)==null?void 0:i.detail)||"An error occurred while starting the server"})})},triggerFileInput(){this.$refs.fileInput.click()},onFileSelected(t){this.selectedFile=t.target.files[0],this.message="",this.error="",this.uploadApp()},async uploadApp(){var e,n;if(!this.selectedFile){this.error="Please select a file to upload.";return}this.isUploading=!0,this.message="",this.error="";const t=new FormData;t.append("file",this.selectedFile),t.append("client_id",this.$store.state.client_id);try{const s=await ae.post("/upload_app",t,{headers:{"Content-Type":"multipart/form-data"}});this.message=s.data.message,this.$refs.fileInput.value="",this.selectedFile=null}catch(s){console.error("Error uploading app:",s),this.error=((n=(e=s.response)==null?void 0:e.data)==null?void 0:n.detail)||"Failed to upload the app. Please try again."}finally{this.isUploading=!1}},async fetchApps(){this.loading=!0;try{const t=await ae.get("/apps");this.apps=t.data,this.showMessage("Refresh successful!",!0)}catch{this.showMessage("Failed to refresh apps.",!1)}finally{this.loading=!1}},async openAppsFolder(){this.loading=!0;try{console.log("opening apps folder");const t=await ae.post("/show_apps_folder",{client_id:this.$store.state.client_id})}catch{this.showMessage("Failed to open apps folder.",!1)}finally{this.loading=!1}},async fetchGithubApps(){this.loading=!0;try{const t=await ae.get("/github/apps");this.githubApps=t.data.apps,await this.fetchApps()}catch{this.showMessage("Failed to refresh GitHub apps.",!1)}finally{this.loading=!1}},async handleAppClick(t){if(t.installed){this.selectedApp=t;const e=await ae.get(`/apps/${t.folder_name}/index.html`);this.appCode=e.data}else this.showMessage(`Please install ${t.folder_name} to view its code.`,!1)},backToZoo(){this.selectedApp=null,this.appCode=""},async installApp(t){this.loading=!0,this.$store.state.messageBox.showBlockingMessage(`Installing app ${t}`);try{await ae.post(`/install/${t}`,{client_id:this.$store.state.client_id}),this.showMessage("Installation succeeded!",!0)}catch{this.showMessage("Installation failed.",!1)}finally{this.loading=!1,this.fetchApps(),this.fetchGithubApps(),this.$store.state.messageBox.hideMessage()}},async uninstallApp(t){this.loading=!0;try{await ae.post(`/uninstall/${t}`,{client_id:this.$store.state.client_id}),this.showMessage("Uninstallation succeeded!",!0)}catch{this.showMessage("Uninstallation failed.",!1)}finally{this.loading=!1,this.fetchApps()}},async deleteApp(t){this.loading=!0;try{await ae.post(`/delete/${t}`,{client_id:this.$store.state.client_id}),this.showMessage("Deletion succeeded!",!0)}catch{this.showMessage("Deletion failed.",!1)}finally{this.loading=!1,this.fetchApps()}},async editApp(t){this.loading=!0;try{const e=await ae.post("/open_app_in_vscode",{client_id:this.$store.state.client_id,app_name:t.folder_name});this.showMessage(e.data.message,!0)}catch{this.showMessage("Failed to open folder in VSCode.",!1)}finally{this.loading=!1}},async downloadApp(t){this.isLoading=!0,this.error=null;try{const e=await ae.post("/download_app",{client_id:this.$store.state.client_id,app_name:t},{responseType:"arraybuffer"}),n=e.headers["content-disposition"],s=n&&n.match(/filename="?(.+)"?/i),i=s?s[1]:"app.zip",r=new Blob([e.data],{type:"application/zip"}),o=window.URL.createObjectURL(r),a=document.createElement("a");a.style.display="none",a.href=o,a.download=i,document.body.appendChild(a),a.click(),window.URL.revokeObjectURL(o),document.body.removeChild(a)}catch(e){console.error("Error downloading app:",e),this.error="Failed to download the app. Please try again."}finally{this.isLoading=!1}},openApp(t){t.installed?window.open(`/apps/${t.folder_name}/index.html?client_id=${this.$store.state.client_id}`,"_blank"):this.showMessage(`Please install ${t.name} before opening.`,!1)},showMessage(t,e){this.message=t,this.successMessage=e,setTimeout(()=>{this.message=""},3e3)}},mounted(){this.fetchGithubApps(),this.loadFavoritesFromLocalStorage()}},M3t={class:"app-zoo background-color w-full p-6 pb-20 overflow-y-auto scrollbar-thin scrollbar-track-bg-light-tone scrollbar-thumb-bg-light-tone-panel hover:scrollbar-thumb-primary dark:scrollbar-track-bg-dark-tone dark:scrollbar-thumb-bg-dark-tone-panel dark:hover:scrollbar-thumb-primary active:scrollbar-thumb-secondary"},I3t={class:"panels-color shadow-lg rounded-lg p-4 max-w-4xl mx-auto mb-50 pb-50"},k3t={class:"flex flex-wrap items-center justify-between gap-4"},D3t={class:"flex items-center space-x-4"},L3t=l("svg",{class:"w-5 h-5 mr-2",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},[l("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"})],-1),P3t=l("svg",{class:"w-5 h-5 mr-2",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},[l("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M5 19a2 2 0 01-2-2V7a2 2 0 012-2h4l2 2h4a2 2 0 012 2v1M5 19h14a2 2 0 002-2v-5a2 2 0 00-2-2H9a2 2 0 00-2 2v5a2 2 0 01-2 2z"})],-1),F3t=["disabled"],U3t={key:0},B3t={key:1,class:"error"},G3t={class:"relative flex-grow max-w-md"},V3t=l("svg",{class:"w-5 h-5 text-gray-400 absolute left-3 top-1/2 transform -translate-y-1/2",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},[l("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"})],-1),z3t={class:"flex items-center space-x-4"},H3t=l("label",{for:"category-select",class:"font-semibold"},"Category:",-1),q3t=l("option",{value:"all"},"All Categories",-1),$3t=["value"],Y3t={class:"flex items-center space-x-4"},W3t=l("label",{for:"sort-select",class:"font-semibold"},"Sort by:",-1),K3t=l("option",{value:"name"},"Name",-1),j3t=l("option",{value:"author"},"Author",-1),Q3t=l("option",{value:"date"},"Creation Date",-1),X3t=l("option",{value:"update"},"Last Update",-1),Z3t=[K3t,j3t,Q3t,X3t],J3t={key:0,class:"flex justify-center items-center space-x-2 my-8","aria-live":"polite"},e4t=l("div",{class:"animate-spin rounded-full h-10 w-10 border-t-2 border-b-2 border-blue-500"},null,-1),t4t=l("span",{class:"text-xl text-gray-700 font-semibold"},"Loading...",-1),n4t=[e4t,t4t],s4t={key:1},i4t=l("h2",{class:"text-2xl font-bold mb-4"},"Favorite Apps",-1),r4t={class:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mb-8"},o4t={class:"text-2xl font-bold mb-4"},a4t={class:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"},l4t={key:2,class:"fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50"},c4t={class:"bg-white rounded-lg p-6 w-11/12 h-5/6 flex flex-col"},d4t={class:"flex justify-between items-center mb-4"},u4t={class:"text-2xl font-bold"},p4t=["srcdoc"],_4t={key:1,class:"text-center text-red-500"};function h4t(t,e,n,s,i,r){const o=tt("app-card");return T(),x("div",M3t,[l("nav",I3t,[l("div",k3t,[l("div",D3t,[l("button",{onClick:e[0]||(e[0]=(...a)=>r.fetchGithubApps&&r.fetchGithubApps(...a)),class:"btn btn-primary","aria-label":"Refresh apps from GitHub"},[L3t,Je(" Refresh ")]),l("button",{onClick:e[1]||(e[1]=(...a)=>r.openAppsFolder&&r.openAppsFolder(...a)),class:"btn btn-secondary","aria-label":"Open apps folder"},[P3t,Je(" Open Folder ")]),l("input",{type:"file",onChange:e[2]||(e[2]=(...a)=>r.onFileSelected&&r.onFileSelected(...a)),accept:".zip",ref:"fileInput",style:{display:"none"}},null,544),l("button",{onClick:e[3]||(e[3]=(...a)=>r.triggerFileInput&&r.triggerFileInput(...a)),disabled:i.isUploading,class:"btn-secondary text-green-500 hover:text-green-600 transition duration-300 ease-in-out",title:"Upload App"},K(i.isUploading?"Uploading...":"Upload App"),9,F3t)]),i.message?(T(),x("p",U3t,K(i.message),1)):G("",!0),i.error?(T(),x("p",B3t,K(i.error),1)):G("",!0),l("div",G3t,[P(l("input",{"onUpdate:modelValue":e[4]||(e[4]=a=>i.searchQuery=a),placeholder:"Search apps...",class:"w-full border-b-2 border-gray-300 px-4 py-2 pl-10 focus:outline-none focus:border-blue-500 transition duration-300 ease-in-out","aria-label":"Search apps"},null,512),[[pe,i.searchQuery]]),V3t]),l("div",z3t,[H3t,P(l("select",{id:"category-select","onUpdate:modelValue":e[5]||(e[5]=a=>i.selectedCategory=a),class:"border-2 border-gray-300 rounded-md px-2 py-1"},[q3t,(T(!0),x(Fe,null,Ke(r.categories,a=>(T(),x("option",{key:a,value:a},K(a),9,$3t))),128))],512),[[Dt,i.selectedCategory]])]),l("div",Y3t,[W3t,P(l("select",{id:"sort-select","onUpdate:modelValue":e[6]||(e[6]=a=>i.sortBy=a),class:"border-2 border-gray-300 rounded-md px-2 py-1"},Z3t,512),[[Dt,i.sortBy]]),l("button",{onClick:e[7]||(e[7]=(...a)=>r.toggleSortOrder&&r.toggleSortOrder(...a)),class:"btn btn-secondary"},K(i.sortOrder==="asc"?"↑":"↓"),1)])])]),i.loading?(T(),x("div",J3t,n4t)):(T(),x("div",s4t,[i4t,l("div",r4t,[(T(!0),x(Fe,null,Ke(r.favoriteApps,a=>(T(),dt(o,{key:a.uid,app:a,onToggleFavorite:r.toggleFavorite,onInstall:r.installApp,onUninstall:r.uninstallApp,onDelete:r.deleteApp,onEdit:r.editApp,onDownload:r.downloadApp,onView:r.handleAppClick,onOpen:r.openApp,onStartServer:r.startServer},null,8,["app","onToggleFavorite","onInstall","onUninstall","onDelete","onEdit","onDownload","onView","onOpen","onStartServer"]))),128))]),l("h2",o4t,K(r.currentCategoryName)+" ("+K(r.sortedAndFilteredApps.length)+")",1),l("div",a4t,[(T(!0),x(Fe,null,Ke(r.sortedAndFilteredApps,a=>(T(),dt(o,{key:a.uid,app:a,onToggleFavorite:r.toggleFavorite,onInstall:r.installApp,onUninstall:r.uninstallApp,onDelete:r.deleteApp,onEdit:r.editApp,onDownload:r.downloadApp,onView:r.handleAppClick,onOpen:r.openApp,onStartServer:r.startServer},null,8,["app","onToggleFavorite","onInstall","onUninstall","onDelete","onEdit","onDownload","onView","onOpen","onStartServer"]))),128))])])),i.selectedApp?(T(),x("div",l4t,[l("div",c4t,[l("div",d4t,[l("h2",u4t,K(i.selectedApp.name),1),l("button",{onClick:e[8]||(e[8]=(...a)=>r.backToZoo&&r.backToZoo(...a)),class:"bg-gray-300 hover:bg-gray-400 px-4 py-2 rounded-lg transition duration-300 ease-in-out"},"Close")]),i.appCode?(T(),x("iframe",{key:0,srcdoc:i.appCode,class:"flex-grow border-none"},null,8,p4t)):(T(),x("p",_4t,"Please install this app to view its code."))])])):G("",!0),i.message?(T(),x("div",{key:3,class:Ge(["fixed bottom-4 right-4 px-6 py-3 rounded-lg shadow-md",{"bg-green-100 text-green-800":i.successMessage,"bg-red-100 text-red-800":!i.successMessage}])},K(i.message),3)):G("",!0)])}const f4t=ot(O3t,[["render",h4t]]);const m4t={components:{PersonalityEntry:RE},data(){return{personalities:[],githubApps:[],favorites:[],selectedCategory:"all",selectedApp:null,appCode:"",loading:!1,message:"",successMessage:!0,searchQuery:"",selectedFile:null,isUploading:!1,error:"",sortBy:"name",sortOrder:"asc"}},computed:{currentCategoryName(){return this.selectedCategory=="all"?"All Personalities":this.selectedCategory},configFile:{get(){return this.$store.state.config},set(t){this.$store.commit("setConfig",t)}},combinedApps(){this.personalities.map(e=>e.name);const t=new Map(this.personalities.map(e=>[e.name,{...e,installed:!0,existsInFolder:!0}]));return this.githubApps.forEach(e=>{t.has(e.name)||t.set(e.name,{...e,installed:!1,existsInFolder:!1})}),Array.from(t.values())},categories(){return[...new Set(this.combinedApps.map(t=>t.category))].sort((t,e)=>t.localeCompare(e))},filteredApps(){return this.combinedApps.filter(t=>{const e=t.name.toLowerCase().includes(this.searchQuery.toLowerCase())||t.author.toLowerCase().includes(this.searchQuery.toLowerCase())||t.description.toLowerCase().includes(this.searchQuery.toLowerCase()),n=this.selectedCategory==="all"||t.category===this.selectedCategory;return e&&n})},sortedAndFilteredApps(){return this.filteredApps.sort((t,e)=>{let n=0;switch(this.sortBy){case"name":n=t.name.localeCompare(e.name);break;case"author":n=t.author.localeCompare(e.author);break;case"date":n=new Date(t.creation_date)-new Date(e.creation_date);break;case"update":n=new Date(t.last_update_date)-new Date(e.last_update_date);break}return this.sortOrder==="asc"?n:-n})},favoriteApps(){return this.combinedApps.filter(t=>this.favorites.includes(t.uid))}},methods:{async onPersonalitySelected(t){if(console.log("on pers",t),this.isLoading&&this.$store.state.toast.showToast("Loading... please wait",4,!1),this.isLoading=!0,console.log("selecting ",t),t){if(t.selected){this.$store.state.toast.showToast("Personality already selected",4,!0),this.isLoading=!1;return}let e=t.language==null?t.full_path:t.full_path+":"+t.language;if(console.log("pth",e),t.isMounted&&this.configFile.personalities.includes(e)){const n=await this.select_personality(t);console.log("pers is mounted",n),n&&n.status&&n.active_personality_id>-1?this.$store.state.toast.showToast(`Selected personality:
+This may take some time the first time as some libraries need to be installed.`),ae.post("/apps/start_server",e).then(n=>{this.$store.state.messageBox.hideMessage(),console.log("Server start initiated:",n.data.message),this.$notify({type:"success",title:"Server Starting",text:n.data.message})}).catch(n=>{var s,i;this.$store.state.messageBox.hideMessage(),console.error("Error starting server:",n),this.$notify({type:"error",title:"Server Start Failed",text:((i=(s=n.response)==null?void 0:s.data)==null?void 0:i.detail)||"An error occurred while starting the server"})})},triggerFileInput(){this.$refs.fileInput.click()},onFileSelected(t){this.selectedFile=t.target.files[0],this.message="",this.error="",this.uploadApp()},async uploadApp(){var e,n;if(!this.selectedFile){this.error="Please select a file to upload.";return}this.isUploading=!0,this.message="",this.error="";const t=new FormData;t.append("file",this.selectedFile),t.append("client_id",this.$store.state.client_id);try{const s=await ae.post("/upload_app",t,{headers:{"Content-Type":"multipart/form-data"}});this.message=s.data.message,this.$refs.fileInput.value="",this.selectedFile=null}catch(s){console.error("Error uploading app:",s),this.error=((n=(e=s.response)==null?void 0:e.data)==null?void 0:n.detail)||"Failed to upload the app. Please try again."}finally{this.isUploading=!1}},async fetchApps(){this.loading=!0;try{const t=await ae.get("/apps");this.apps=t.data,this.showMessage("Refresh successful!",!0)}catch{this.showMessage("Failed to refresh apps.",!1)}finally{this.loading=!1}},async openAppsFolder(){this.loading=!0;try{console.log("opening apps folder");const t=await ae.post("/show_apps_folder",{client_id:this.$store.state.client_id})}catch{this.showMessage("Failed to open apps folder.",!1)}finally{this.loading=!1}},async fetchGithubApps(){this.loading=!0;try{const t=await ae.get("/github/apps");this.githubApps=t.data.apps,await this.fetchApps()}catch{this.showMessage("Failed to refresh GitHub apps.",!1)}finally{this.loading=!1}},async handleAppClick(t){if(t.installed){this.selectedApp=t;const e=await ae.get(`/apps/${t.folder_name}/index.html`);this.appCode=e.data}else this.showMessage(`Please install ${t.folder_name} to view its code.`,!1)},backToZoo(){this.selectedApp=null,this.appCode=""},async installApp(t){this.loading=!0,this.$store.state.messageBox.showBlockingMessage(`Installing app ${t}`);try{await ae.post(`/install/${t}`,{client_id:this.$store.state.client_id}),this.showMessage("Installation succeeded!",!0)}catch{this.showMessage("Installation failed.",!1)}finally{this.loading=!1,this.fetchApps(),this.fetchGithubApps(),this.$store.state.messageBox.hideMessage()}},async uninstallApp(t){this.loading=!0;try{await ae.post(`/uninstall/${t}`,{client_id:this.$store.state.client_id}),this.showMessage("Uninstallation succeeded!",!0)}catch{this.showMessage("Uninstallation failed.",!1)}finally{this.loading=!1,this.fetchApps()}},async deleteApp(t){this.loading=!0;try{await ae.post(`/delete/${t}`,{client_id:this.$store.state.client_id}),this.showMessage("Deletion succeeded!",!0)}catch{this.showMessage("Deletion failed.",!1)}finally{this.loading=!1,this.fetchApps()}},async editApp(t){this.loading=!0;try{const e=await ae.post("/open_app_in_vscode",{client_id:this.$store.state.client_id,app_name:t.folder_name});this.showMessage(e.data.message,!0)}catch{this.showMessage("Failed to open folder in VSCode.",!1)}finally{this.loading=!1}},async downloadApp(t){this.isLoading=!0,this.error=null;try{const e=await ae.post("/download_app",{client_id:this.$store.state.client_id,app_name:t},{responseType:"arraybuffer"}),n=e.headers["content-disposition"],s=n&&n.match(/filename="?(.+)"?/i),i=s?s[1]:"app.zip",r=new Blob([e.data],{type:"application/zip"}),o=window.URL.createObjectURL(r),a=document.createElement("a");a.style.display="none",a.href=o,a.download=i,document.body.appendChild(a),a.click(),window.URL.revokeObjectURL(o),document.body.removeChild(a)}catch(e){console.error("Error downloading app:",e),this.error="Failed to download the app. Please try again."}finally{this.isLoading=!1}},openApp(t){t.installed?window.open(`/apps/${t.folder_name}/index.html?client_id=${this.$store.state.client_id}`,"_blank"):this.showMessage(`Please install ${t.name} before opening.`,!1)},showMessage(t,e){this.message=t,this.successMessage=e,setTimeout(()=>{this.message=""},3e3)}},mounted(){this.fetchGithubApps(),this.loadFavoritesFromLocalStorage()}},M3t={class:"app-zoo background-color w-full p-6 pb-50 overflow-y-auto scrollbar-thin scrollbar-track-bg-light-tone scrollbar-thumb-bg-light-tone-panel hover:scrollbar-thumb-primary dark:scrollbar-track-bg-dark-tone dark:scrollbar-thumb-bg-dark-tone-panel dark:hover:scrollbar-thumb-primary active:scrollbar-thumb-secondary"},I3t={class:"panels-color shadow-lg rounded-lg p-4 max-w-4xl mx-auto mb-50 pb-50"},k3t={class:"flex flex-wrap items-center justify-between gap-4"},D3t={class:"flex items-center space-x-4"},L3t=l("svg",{class:"w-5 h-5 mr-2",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},[l("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"})],-1),P3t=l("svg",{class:"w-5 h-5 mr-2",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},[l("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M5 19a2 2 0 01-2-2V7a2 2 0 012-2h4l2 2h4a2 2 0 012 2v1M5 19h14a2 2 0 002-2v-5a2 2 0 00-2-2H9a2 2 0 00-2 2v5a2 2 0 01-2 2z"})],-1),F3t=["disabled"],U3t={key:0},B3t={key:1,class:"error"},G3t={class:"relative flex-grow max-w-md"},V3t=l("svg",{class:"w-5 h-5 text-gray-400 absolute left-3 top-1/2 transform -translate-y-1/2",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},[l("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"})],-1),z3t={class:"flex items-center space-x-4"},H3t=l("label",{for:"category-select",class:"font-semibold"},"Category:",-1),q3t=l("option",{value:"all"},"All Categories",-1),$3t=["value"],Y3t={class:"flex items-center space-x-4"},W3t=l("label",{for:"sort-select",class:"font-semibold"},"Sort by:",-1),K3t=l("option",{value:"name"},"Name",-1),j3t=l("option",{value:"author"},"Author",-1),Q3t=l("option",{value:"date"},"Creation Date",-1),X3t=l("option",{value:"update"},"Last Update",-1),Z3t=[K3t,j3t,Q3t,X3t],J3t={key:0,class:"flex justify-center items-center space-x-2 my-8","aria-live":"polite"},e4t=l("div",{class:"animate-spin rounded-full h-10 w-10 border-t-2 border-b-2 border-blue-500"},null,-1),t4t=l("span",{class:"text-xl text-gray-700 font-semibold"},"Loading...",-1),n4t=[e4t,t4t],s4t={key:1},i4t=l("h2",{class:"text-2xl font-bold mb-4"},"Favorite Apps",-1),r4t={class:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mb-8"},o4t={class:"text-2xl font-bold mb-4"},a4t={class:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"},l4t={key:2,class:"fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50"},c4t={class:"bg-white rounded-lg p-6 w-11/12 h-5/6 flex flex-col"},d4t={class:"flex justify-between items-center mb-4"},u4t={class:"text-2xl font-bold"},p4t=["srcdoc"],_4t={key:1,class:"text-center text-red-500"};function h4t(t,e,n,s,i,r){const o=tt("app-card");return T(),x("div",M3t,[l("nav",I3t,[l("div",k3t,[l("div",D3t,[l("button",{onClick:e[0]||(e[0]=(...a)=>r.fetchGithubApps&&r.fetchGithubApps(...a)),class:"btn btn-primary","aria-label":"Refresh apps from GitHub"},[L3t,Je(" Refresh ")]),l("button",{onClick:e[1]||(e[1]=(...a)=>r.openAppsFolder&&r.openAppsFolder(...a)),class:"btn btn-secondary","aria-label":"Open apps folder"},[P3t,Je(" Open Folder ")]),l("input",{type:"file",onChange:e[2]||(e[2]=(...a)=>r.onFileSelected&&r.onFileSelected(...a)),accept:".zip",ref:"fileInput",style:{display:"none"}},null,544),l("button",{onClick:e[3]||(e[3]=(...a)=>r.triggerFileInput&&r.triggerFileInput(...a)),disabled:i.isUploading,class:"btn-secondary text-green-500 hover:text-green-600 transition duration-300 ease-in-out",title:"Upload App"},K(i.isUploading?"Uploading...":"Upload App"),9,F3t)]),i.message?(T(),x("p",U3t,K(i.message),1)):G("",!0),i.error?(T(),x("p",B3t,K(i.error),1)):G("",!0),l("div",G3t,[P(l("input",{"onUpdate:modelValue":e[4]||(e[4]=a=>i.searchQuery=a),placeholder:"Search apps...",class:"w-full border-b-2 border-gray-300 px-4 py-2 pl-10 focus:outline-none focus:border-blue-500 transition duration-300 ease-in-out","aria-label":"Search apps"},null,512),[[pe,i.searchQuery]]),V3t]),l("div",z3t,[H3t,P(l("select",{id:"category-select","onUpdate:modelValue":e[5]||(e[5]=a=>i.selectedCategory=a),class:"border-2 border-gray-300 rounded-md px-2 py-1"},[q3t,(T(!0),x(Fe,null,Ke(r.categories,a=>(T(),x("option",{key:a,value:a},K(a),9,$3t))),128))],512),[[Dt,i.selectedCategory]])]),l("div",Y3t,[W3t,P(l("select",{id:"sort-select","onUpdate:modelValue":e[6]||(e[6]=a=>i.sortBy=a),class:"border-2 border-gray-300 rounded-md px-2 py-1"},Z3t,512),[[Dt,i.sortBy]]),l("button",{onClick:e[7]||(e[7]=(...a)=>r.toggleSortOrder&&r.toggleSortOrder(...a)),class:"btn btn-secondary"},K(i.sortOrder==="asc"?"↑":"↓"),1)])])]),i.loading?(T(),x("div",J3t,n4t)):(T(),x("div",s4t,[i4t,l("div",r4t,[(T(!0),x(Fe,null,Ke(r.favoriteApps,a=>(T(),dt(o,{key:a.uid,app:a,onToggleFavorite:r.toggleFavorite,onInstall:r.installApp,onUninstall:r.uninstallApp,onDelete:r.deleteApp,onEdit:r.editApp,onDownload:r.downloadApp,onView:r.handleAppClick,onOpen:r.openApp,onStartServer:r.startServer},null,8,["app","onToggleFavorite","onInstall","onUninstall","onDelete","onEdit","onDownload","onView","onOpen","onStartServer"]))),128))]),l("h2",o4t,K(r.currentCategoryName)+" ("+K(r.sortedAndFilteredApps.length)+")",1),l("div",a4t,[(T(!0),x(Fe,null,Ke(r.sortedAndFilteredApps,a=>(T(),dt(o,{key:a.uid,app:a,onToggleFavorite:r.toggleFavorite,onInstall:r.installApp,onUninstall:r.uninstallApp,onDelete:r.deleteApp,onEdit:r.editApp,onDownload:r.downloadApp,onView:r.handleAppClick,onOpen:r.openApp,onStartServer:r.startServer},null,8,["app","onToggleFavorite","onInstall","onUninstall","onDelete","onEdit","onDownload","onView","onOpen","onStartServer"]))),128))])])),i.selectedApp?(T(),x("div",l4t,[l("div",c4t,[l("div",d4t,[l("h2",u4t,K(i.selectedApp.name),1),l("button",{onClick:e[8]||(e[8]=(...a)=>r.backToZoo&&r.backToZoo(...a)),class:"bg-gray-300 hover:bg-gray-400 px-4 py-2 rounded-lg transition duration-300 ease-in-out"},"Close")]),i.appCode?(T(),x("iframe",{key:0,srcdoc:i.appCode,class:"flex-grow border-none"},null,8,p4t)):(T(),x("p",_4t,"Please install this app to view its code."))])])):G("",!0),i.message?(T(),x("div",{key:3,class:Ge(["fixed bottom-4 right-4 px-6 py-3 rounded-lg shadow-md",{"bg-green-100 text-green-800":i.successMessage,"bg-red-100 text-red-800":!i.successMessage}])},K(i.message),3)):G("",!0)])}const f4t=ot(O3t,[["render",h4t]]);const m4t={components:{PersonalityEntry:RE},data(){return{personalities:[],githubApps:[],favorites:[],selectedCategory:"all",selectedApp:null,appCode:"",loading:!1,message:"",successMessage:!0,searchQuery:"",selectedFile:null,isUploading:!1,error:"",sortBy:"name",sortOrder:"asc"}},computed:{currentCategoryName(){return this.selectedCategory=="all"?"All Personalities":this.selectedCategory},configFile:{get(){return this.$store.state.config},set(t){this.$store.commit("setConfig",t)}},combinedApps(){this.personalities.map(e=>e.name);const t=new Map(this.personalities.map(e=>[e.name,{...e,installed:!0,existsInFolder:!0}]));return this.githubApps.forEach(e=>{t.has(e.name)||t.set(e.name,{...e,installed:!1,existsInFolder:!1})}),Array.from(t.values())},categories(){return[...new Set(this.combinedApps.map(t=>t.category))].sort((t,e)=>t.localeCompare(e))},filteredApps(){return this.combinedApps.filter(t=>{const e=t.name.toLowerCase().includes(this.searchQuery.toLowerCase())||t.author.toLowerCase().includes(this.searchQuery.toLowerCase())||t.description.toLowerCase().includes(this.searchQuery.toLowerCase()),n=this.selectedCategory==="all"||t.category===this.selectedCategory;return e&&n})},sortedAndFilteredApps(){return this.filteredApps.sort((t,e)=>{let n=0;switch(this.sortBy){case"name":n=t.name.localeCompare(e.name);break;case"author":n=t.author.localeCompare(e.author);break;case"date":n=new Date(t.creation_date)-new Date(e.creation_date);break;case"update":n=new Date(t.last_update_date)-new Date(e.last_update_date);break}return this.sortOrder==="asc"?n:-n})},favoriteApps(){return this.combinedApps.filter(t=>this.favorites.includes(t.uid))}},methods:{async onPersonalitySelected(t){if(console.log("on pers",t),this.isLoading&&this.$store.state.toast.showToast("Loading... please wait",4,!1),this.isLoading=!0,console.log("selecting ",t),t){if(t.selected){this.$store.state.toast.showToast("Personality already selected",4,!0),this.isLoading=!1;return}let e=t.language==null?t.full_path:t.full_path+":"+t.language;if(console.log("pth",e),t.isMounted&&this.configFile.personalities.includes(e)){const n=await this.select_personality(t);console.log("pers is mounted",n),n&&n.status&&n.active_personality_id>-1?this.$store.state.toast.showToast(`Selected personality:
 `+t.name,4,!0):this.$store.state.toast.showToast(`Error on select personality:
 `+t.name,4,!1),this.isLoading=!1}else console.log("mounting pers"),this.mountPersonality(t);Le(()=>{feather.replace()})}},onModelSelected(t){if(this.isLoading){this.$store.state.toast.showToast("Loading... please wait",4,!1);return}t&&(t.isInstalled?this.update_model(t.model.name).then(e=>{console.log("update_model",e),this.configFile.model_name=t.model.name,e.status?(this.$store.state.toast.showToast(`Selected model:
 `+t.name,4,!0),Le(()=>{feather.replace(),this.is_loading_zoo=!1}),this.updateModelsZoo(),this.api_get_req("get_model_status").then(n=>{this.$store.commit("setIsModelOk",n)})):(this.$store.state.toast.showToast(`Couldn't select model:
diff --git a/web/dist/index.html b/web/dist/index.html
index a4e4c2a9..af93eea6 100644
--- a/web/dist/index.html
+++ b/web/dist/index.html
@@ -6,7 +6,7 @@
     <script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js"></script>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>LoLLMS WebUI</title>
-    <script type="module" crossorigin src="/assets/index-1d4f4faa.js"></script>
+    <script type="module" crossorigin src="/assets/index-86cb30f2.js"></script>
     <link rel="stylesheet" href="/assets/index-a6119f57.css">
   </head>
   <body>
diff --git a/web/src/views/AppsZoo.vue b/web/src/views/AppsZoo.vue
index ff339404..cc3e8442 100644
--- a/web/src/views/AppsZoo.vue
+++ b/web/src/views/AppsZoo.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="app-zoo background-color w-full p-6 pb-20 overflow-y-auto scrollbar-thin scrollbar-track-bg-light-tone scrollbar-thumb-bg-light-tone-panel hover:scrollbar-thumb-primary dark:scrollbar-track-bg-dark-tone dark:scrollbar-thumb-bg-dark-tone-panel dark:hover:scrollbar-thumb-primary active:scrollbar-thumb-secondary">
+  <div class="app-zoo background-color w-full p-6 pb-50 overflow-y-auto scrollbar-thin scrollbar-track-bg-light-tone scrollbar-thumb-bg-light-tone-panel hover:scrollbar-thumb-primary dark:scrollbar-track-bg-dark-tone dark:scrollbar-thumb-bg-dark-tone-panel dark:hover:scrollbar-thumb-primary active:scrollbar-thumb-secondary">
     <nav class="panels-color shadow-lg rounded-lg p-4 max-w-4xl mx-auto mb-50 pb-50">
       <div class="flex flex-wrap items-center justify-between gap-4">
         <div class="flex items-center space-x-4">