@ngocsangairvds/vsaf 5.1.13 → 5.1.15

package/packages/web/dist/web/browser/chunk-5WD7R336.js

@@ -0,0 +1 @@
+import{a as B,b as j,c as q,d as $,e as D,f as Q,g as G,h as J,i as Y,j as H}from"./chunk-XHOL7AER.js";import{a as K}from"./chunk-V2CDNNWN.js";import{$ as s,B as l,Ca as L,F as W,Ia as A,J as u,Ja as R,S as c,T as n,U as t,W as v,X as M,Z as x,_,aa as F,ba as I,ca as h,ea as o,f as O,fa as g,ga as V,h as S,ha as y,i as E,ia as w,ja as b,ka as C,na as k,p as P,q as m,qa as T,r as f,ya as z,za as N}from"./chunk-WMJLW2L6.js";var X=a=>({folder:a}),Z=a=>({id:a});function te(a,i){a&1&&(n(0,"div",7),o(1,"Loading workflows..."),t())}function ne(a,i){if(a&1&&(n(0,"div",8),o(1),t()),a&2){let e=s();l(),g(e.loadError)}}function oe(a,i){if(a&1&&(n(0,"p"),o(1),t()),a&2){let e=s(3);l(),g(e.folderError)}}function re(a,i){if(a&1){let e=x();n(0,"form",30),_("ngSubmit",function(){m(e);let d=s(2);return f(d.createFolder())}),n(1,"span"),o(2),t(),n(3,"input",31),C("ngModelChange",function(d){m(e);let p=s(2);return b(p.newFolderName,d)||(p.newFolderName=d),f(d)}),t(),n(4,"div")(5,"button",32),o(6,"Create"),t(),n(7,"button",22),_("click",function(){m(e);let d=s(2);return f(d.cancelFolder())}),o(8,"Cancel"),t()(),u(9,oe,2,1,"p",33),t()}if(a&2){let e=s(2);l(2),g(e.selectedFolder?e.selectedFolder+"/":""),l(),w("ngModel",e.newFolderName),l(2),c("disabled",e.creatingFolder),l(4),c("ngIf",e.folderError)}}function ie(a,i){if(a&1){let e=x();n(0,"button",34),_("click",function(){let d=m(e).$implicit,p=s(2);return f(p.selectFolder(d.path))}),n(1,"span",16),o(2,"\u203A"),t(),n(3,"span"),o(4),t(),n(5,"strong"),o(6),t()()}if(a&2){let e=i.$implicit,r=s(2);I("padding-left",14+e.depth*16,"px"),h("active",r.selectedFolder===e.path),l(4),g(e.name),l(2),g(e.count)}}function le(a,i){if(a&1){let e=x();v(0),n(1,"span"),o(2,"/"),t(),n(3,"button",22),_("click",function(){let d=m(e).$implicit,p=s(2);return f(p.selectFolder(d.path))}),o(4),t(),M()}if(a&2){let e=i.$implicit,r=i.last;l(3),h("current",r),l(),g(e.name)}}function ae(a,i){if(a&1){let e=x();n(0,"article",35),_("click",function(){let d=m(e).$implicit,p=s(2);return f(p.selectWorkflow(d))}),n(1,"div",36)(2,"span",37),o(3,"Y"),t(),n(4,"div")(5,"strong"),o(6),t(),n(7,"p"),o(8),t()()(),n(9,"span",38),o(10),t(),n(11,"code"),o(12),t(),n(13,"div",39)(14,"a",40),_("click",function(d){return d.stopPropagation()}),o(15,"Details"),t(),n(16,"button",22),_("click",function(d){let p=m(e).$implicit,ee=s(2);return d.stopPropagation(),f(ee.selectWorkflow(p))}),o(17,"Run"),t()()()}if(a&2){let e=i.$implicit,r=s(2);h("selected",(r.selectedWorkflow==null?null:r.selectedWorkflow.id)===e.id),l(6),g(e.name),l(2),g(e.description||"No description provided."),l(2),g(e.nodeCount),l(2),g(e.file),l(2),c("queryParams",k(7,Z,e.id))}}function de(a,i){a&1&&(n(0,"div",41),o(1,"No workflows match this folder and search."),t())}function ce(a,i){if(a&1&&(n(0,"option",55),o(1),t()),a&2){let e=i.$implicit;c("value",e.name)("disabled",!e.available),l(),y(" ",e.name,"",e.available?"":" \u2014 not available on this machine"," ")}}function se(a,i){if(a&1&&(n(0,"option",56),o(1),t()),a&2){let e=i.$implicit;c("value",e),l(),g(e)}}function pe(a,i){if(a&1){let e=x();v(0),n(1,"label",48),o(2,"Provider"),t(),n(3,"select",49),C("ngModelChange",function(d){m(e);let p=s(3);return b(p.runProvider,d)||(p.runProvider=d),f(d)}),_("ngModelChange",function(){m(e);let d=s(3);return f(d.onRunProviderChange())}),n(4,"option",50),o(5,"(workflow default)"),t(),u(6,ce,2,4,"option",51),t(),n(7,"label",52),o(8,"Model"),t(),n(9,"select",53),C("ngModelChange",function(d){m(e);let p=s(3);return b(p.runModel,d)||(p.runModel=d),f(d)}),n(10,"option",50),o(11,"(workflow default)"),t(),u(12,se,2,2,"option",54),t(),M()}if(a&2){let e=s(3);l(3),w("ngModel",e.runProvider),c("disabled",e.running),l(3),c("ngForOf",e.providers),l(3),w("ngModel",e.runModel),c("disabled",e.running),l(3),c("ngForOf",e.runModelOptions)}}function ge(a,i){if(a&1&&(n(0,"div",57),o(1),t()),a&2){let e=s(3);l(),g(e.runError)}}function me(a,i){if(a&1){let e=x();v(0),n(1,"div",12),o(2,"Run workflow"),t(),n(3,"span",42),o(4),t(),n(5,"h2"),o(6),t(),n(7,"p"),o(8),t(),n(9,"dl")(10,"div")(11,"dt"),o(12,"Nodes"),t(),n(13,"dd"),o(14),t()(),n(15,"div")(16,"dt"),o(17,"File"),t(),n(18,"dd"),o(19),t()()(),n(20,"label",43),o(21,"Arguments"),t(),n(22,"input",44),C("ngModelChange",function(d){m(e);let p=s(2);return b(p.runArgs,d)||(p.runArgs=d),f(d)}),t(),u(23,pe,13,6,"ng-container",33),n(24,"button",45),_("click",function(){m(e);let d=s(2);return f(d.runSelected())}),o(25),t(),n(26,"a",46),o(27,"Open details"),t(),u(28,ge,2,1,"div",47),M()}if(a&2){let e=s(2);l(4),g(e.selectedWorkflow.id),l(2),g(e.selectedWorkflow.name),l(2),g(e.selectedWorkflow.description||"No description provided."),l(6),g(e.selectedWorkflow.nodeCount),l(5),g(e.selectedWorkflow.file),l(3),w("ngModel",e.runArgs),c("disabled",e.running),l(),c("ngIf",e.providers.length),l(),c("disabled",e.running),l(),V(" ",e.running?"Starting...":"Run workflow"," "),l(),c("queryParams",k(12,Z,e.selectedWorkflow.id)),l(2),c("ngIf",e.runError)}}function fe(a,i){a&1&&(n(0,"div",12),o(1,"Inspector"),t(),n(2,"p"),o(3,"Select a workflow to inspect and run it."),t())}function _e(a,i){if(a&1){let e=x();n(0,"div",9)(1,"aside",10)(2,"div",11)(3,"div",12),o(4,"Folders"),t(),n(5,"button",13),_("click",function(){m(e);let d=s();return f(d.showFolderForm=!0)}),o(6,"+"),t()(),u(7,re,10,4,"form",14),n(8,"button",15),_("click",function(){m(e);let d=s();return f(d.selectFolder(""))}),n(9,"span",16),o(10,"\u2302"),t(),n(11,"span"),o(12,".vsaf/workflows"),t(),n(13,"strong"),o(14),t()(),u(15,ie,7,6,"button",17),n(16,"a",18),o(17,"+ Workflow in this folder"),t()(),n(18,"main",19)(19,"div",20)(20,"div")(21,"nav",21)(22,"button",22),_("click",function(){m(e);let d=s();return f(d.selectFolder(""))}),o(23,"workflows"),t(),u(24,le,5,3,"ng-container",23),t(),n(25,"p"),o(26),t()(),n(27,"input",24),C("ngModelChange",function(d){m(e);let p=s();return b(p.searchQuery,d)||(p.searchQuery=d),f(d)}),t()(),n(28,"div",25)(29,"span"),o(30,"Name"),t(),n(31,"span"),o(32,"Nodes"),t(),n(33,"span"),o(34,"Location"),t(),n(35,"span"),o(36,"Actions"),t()(),u(37,ae,18,9,"article",26)(38,de,2,0,"div",27),t(),n(39,"aside",28),u(40,me,29,14,"ng-container",29)(41,fe,4,0,"ng-template",null,0,T),t()()}if(a&2){let e=F(42),r=s();l(7),c("ngIf",r.showFolderForm),l(),h("active",r.selectedFolder===""),l(6),g(r.workflows.length),l(),c("ngForOf",r.folders),l(),c("queryParams",k(15,X,r.selectedFolder||null)),l(8),c("ngForOf",r.breadcrumbs),l(2),y("",r.visibleWorkflows.length," workflow",r.visibleWorkflows.length===1?"":"s"),l(),w("ngModel",r.searchQuery),l(10),c("ngForOf",r.visibleWorkflows)("ngForTrackBy",r.trackWorkflow),l(),c("ngIf",!r.visibleWorkflows.length),l(2),c("ngIf",r.selectedWorkflow)("ngIfElse",e)}}var U=class a{api=P(K);router=P(A);workflows=[];folderPaths=[];providers=[];loading=!0;loadError="";selectedFolder="";selectedWorkflow;searchQuery="";runArgs="";runProvider="";runModel="";running=!1;runError="";showFolderForm=!1;newFolderName="";creatingFolder=!1;folderError="";ngOnInit(){S({workflows:this.api.getWorkflows(),folders:this.api.getWorkflowFolders(),providers:this.api.getProviders().pipe(E(()=>O({providers:[]})))}).subscribe({next:i=>{this.workflows=i.workflows,this.folderPaths=i.folders,this.providers=i.providers.providers??[],this.loading=!1},error:i=>{this.loadError=i?.error?.error??"Failed to load workflows.",this.loading=!1}})}get runModelOptions(){return this.runProvider?this.providers.find(i=>i.name===this.runProvider)?.defaultModels??[]:[...new Set(this.providers.flatMap(i=>i.defaultModels))]}onRunProviderChange(){this.runModel&&!this.runModelOptions.includes(this.runModel)&&(this.runModel="")}get folders(){let i=new Set(this.folderPaths);for(let e of this.workflows){let r=e.directory.split("/").filter(Boolean);r.forEach((d,p)=>i.add(r.slice(0,p+1).join("/")))}return[...i].sort().map(e=>({path:e,name:e.slice(e.lastIndexOf("/")+1),depth:e.split("/").length-1,count:this.workflows.filter(r=>r.directory===e||r.directory.startsWith(`${e}/`)).length}))}get breadcrumbs(){let i=this.selectedFolder.split("/").filter(Boolean);return i.map((e,r)=>({name:e,path:i.slice(0,r+1).join("/")}))}get visibleWorkflows(){let i=this.searchQuery.trim().toLowerCase();return this.workflows.filter(e=>{let r=!this.selectedFolder||e.directory===this.selectedFolder,d=!i||`${e.name} ${e.id} ${e.description}`.toLowerCase().includes(i);return r&&d})}selectFolder(i){this.selectedFolder=i,this.selectedWorkflow=void 0,this.runError=""}createFolder(){let i=this.newFolderName.trim().toLowerCase().replace(/[^a-z0-9_-]+/g,"-").replace(/^-+|-+$/g,"");if(!i){this.folderError="Enter a valid folder name.";return}let e=this.selectedFolder?`${this.selectedFolder}/${i}`:i;this.creatingFolder=!0,this.folderError="",this.api.createWorkflowFolder(e).subscribe({next:()=>{this.creatingFolder=!1,this.folderPaths=[...new Set([...this.folderPaths,e])].sort(),this.selectFolder(e),this.cancelFolder()},error:r=>{this.creatingFolder=!1,this.folderError=r?.error?.error??"Failed to create folder."}})}cancelFolder(){this.showFolderForm=!1,this.newFolderName="",this.folderError=""}selectWorkflow(i){this.selectedWorkflow=i,this.runError=""}trackWorkflow(i,e){return e.id}runSelected(){!this.selectedWorkflow||this.running||(this.running=!0,this.api.startRun(this.selectedWorkflow.id,this.runArgs,{provider:this.runProvider||void 0,model:this.runModel||void 0}).subscribe({next:i=>this.router.navigate(["/runs",i.runId]),error:i=>{this.running=!1,this.runError=i?.error?.error??"Failed to start workflow."}}))}static \u0275fac=function(e){return new(e||a)};static \u0275cmp=W({type:a,selectors:[["app-workflows"]],decls:14,vars:6,consts:[["noSelection",""],[1,"page"],[1,"page-header"],["routerLink","/workflows/builder",1,"primary-button",3,"queryParams"],["class","state",4,"ngIf"],["class","state error",4,"ngIf"],["class","explorer",4,"ngIf"],[1,"state"],[1,"state","error"],[1,"explorer"],[1,"folder-panel"],[1,"folder-heading"],[1,"panel-heading"],["type","button","title","Create subfolder",3,"click"],["class","folder-form",3,"ngSubmit",4,"ngIf"],["type","button",1,"folder-row","root",3,"click"],[1,"chevron"],["type","button","class","folder-row",3,"active","padding-left","click",4,"ngFor","ngForOf"],["routerLink","/workflows/builder",1,"folder-new-flow",3,"queryParams"],[1,"content-panel"],[1,"content-toolbar"],["aria-label","Workflow folder",1,"breadcrumb"],["type","button",3,"click"],[4,"ngFor","ngForOf"],["type","search","placeholder","Search this workspace",3,"ngModelChange","ngModel"],[1,"column-head"],["class","workflow-row",3,"selected","click",4,"ngFor","ngForOf","ngForTrackBy"],["class","empty",4,"ngIf"],[1,"run-panel"],[4,"ngIf","ngIfElse"],[1,"folder-form",3,"ngSubmit"],["name","folderName","placeholder","folder-name","autofocus","",3,"ngModelChange","ngModel"],["type","submit",3,"disabled"],[4,"ngIf"],["type","button",1,"folder-row",3,"click"],[1,"workflow-row",3,"click"],[1,"workflow-name"],[1,"file-icon"],[1,"node-count"],[1,"row-actions"],["routerLink","/workflows/detail",3,"click","queryParams"],[1,"empty"],[1,"namespace"],["for","run-args"],["id","run-args","placeholder","Optional run args",3,"ngModelChange","ngModel","disabled"],["type","button",1,"run-button",3,"click","disabled"],["routerLink","/workflows/detail",1,"details-button",3,"queryParams"],["class","run-error",4,"ngIf"],["for","run-provider"],["id","run-provider",1,"run-select",3,"ngModelChange","ngModel","disabled"],["value",""],[3,"value","disabled",4,"ngFor","ngForOf"],["for","run-model"],["id","run-model",1,"run-select",3,"ngModelChange","ngModel","disabled"],[3,"value",4,"ngFor","ngForOf"],[3,"value","disabled"],[3,"value"],[1,"run-error"]],template:function(e,r){e&1&&(n(0,"section",1)(1,"header",2)(2,"div")(3,"h1"),o(4,"Workflows"),t(),n(5,"p"),o(6,"Browse workflow definitions by their directory structure."),t()(),n(7,"a",3)(8,"span"),o(9,"+"),t(),o(10," New workflow"),t()(),u(11,te,2,0,"div",4)(12,ne,2,1,"div",5)(13,_e,43,17,"div",6),t()),e&2&&(l(7),c("queryParams",k(4,X,r.selectedFolder||null)),l(4),c("ngIf",r.loading),l(),c("ngIf",r.loadError),l(),c("ngIf",!r.loading&&!r.loadError))},dependencies:[L,z,N,H,Q,J,Y,B,G,j,q,D,$,R],styles:["[_nghost-%COMP%]{display:block;min-height:calc(100vh - 56px);background:#101114;color:#e7e7ea}.page[_ngcontent-%COMP%]{padding:22px;max-width:1600px;margin:auto}.page-header[_ngcontent-%COMP%]{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.page-header[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%]{font-size:21px;margin:0}.page-header[_ngcontent-%COMP%]   p[_ngcontent-%COMP%], .content-toolbar[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{font-size:13px;color:#8f96a3;margin:4px 0 0}.primary-button[_ngcontent-%COMP%], .details-button[_ngcontent-%COMP%]{display:inline-flex;align-items:center;gap:7px;background:#6366f1;color:#fff;text-decoration:none;padding:9px 12px;border-radius:6px;font-size:13px;font-weight:700}.explorer[_ngcontent-%COMP%]{display:grid;grid-template-columns:240px minmax(500px,1fr) 280px;min-height:620px;border:1px solid #292c34;border-radius:7px;overflow:hidden;background:#15161a}.folder-panel[_ngcontent-%COMP%], .run-panel[_ngcontent-%COMP%]{background:#131419}.folder-panel[_ngcontent-%COMP%]{border-right:1px solid #292c34;padding:12px 8px}.run-panel[_ngcontent-%COMP%]{border-left:1px solid #292c34;padding:14px}.panel-heading[_ngcontent-%COMP%]{font-size:11px;color:#8f96a3;text-transform:uppercase;font-weight:800;margin:3px 7px 12px}.folder-heading[_ngcontent-%COMP%]{display:flex;justify-content:space-between}.folder-heading[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{width:24px;height:24px;border:1px solid #353842;border-radius:4px;background:#202229;color:#fff;cursor:pointer}.folder-form[_ngcontent-%COMP%]{border:1px solid #383b45;background:#191b20;padding:8px;margin-bottom:8px;border-radius:5px}.folder-form[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{display:block;color:#777e8b;font-size:10px;overflow-wrap:anywhere}.folder-form[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{box-sizing:border-box;width:100%;margin:5px 0;border:1px solid #3b3e49;background:#101114;color:#fff;padding:6px;border-radius:4px}.folder-form[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]{display:flex;gap:5px}.folder-form[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{border:1px solid #3b3e49;background:#252731;color:#ddd;padding:4px 6px;border-radius:4px;font-size:10px}.folder-form[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{color:#fca5a5;font-size:10px;margin:6px 0 0}.folder-new-flow[_ngcontent-%COMP%]{display:block;color:#a5b4fc;text-decoration:none;font-size:11px;padding:9px 12px;border-top:1px solid #292c34;margin-top:8px}.folder-row[_ngcontent-%COMP%]{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:7px;align-items:center;width:100%;height:34px;border:0;border-radius:5px;background:transparent;color:#b7bbc4;text-align:left;cursor:pointer;padding-right:9px}.folder-row[_ngcontent-%COMP%]:hover, .folder-row.active[_ngcontent-%COMP%]{background:#242630;color:#fff}.folder-row[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-row[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%]{font-size:10px;color:#6f7684}.chevron[_ngcontent-%COMP%]{color:#7c83ff}.content-panel[_ngcontent-%COMP%]{min-width:0;padding:0 16px 20px}.content-toolbar[_ngcontent-%COMP%]{min-height:72px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #292c34}.breadcrumb[_ngcontent-%COMP%]{display:flex;align-items:center;gap:6px}.breadcrumb[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{border:0;background:transparent;color:#949ba8;padding:0;cursor:pointer;font-weight:600}.breadcrumb[_ngcontent-%COMP%]   button.current[_ngcontent-%COMP%]{color:#fff}.breadcrumb[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{color:#555b67}.content-toolbar[_ngcontent-%COMP%]   input[_ngcontent-%COMP%], .run-panel[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{box-sizing:border-box;border:1px solid #343741;background:#101114;color:#eee;border-radius:5px;padding:8px 10px;outline:none}.content-toolbar[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{width:260px}.content-toolbar[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:focus, .run-panel[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:focus{border-color:#6366f1}.column-head[_ngcontent-%COMP%], .workflow-row[_ngcontent-%COMP%]{display:grid;grid-template-columns:minmax(220px,1.4fr) 60px minmax(150px,.8fr) 120px;gap:12px;align-items:center}.column-head[_ngcontent-%COMP%]{height:38px;color:#707784;font-size:10px;text-transform:uppercase;font-weight:800}.workflow-row[_ngcontent-%COMP%]{min-height:68px;border-top:1px solid #25272e;padding:10px 0;cursor:pointer}.workflow-row[_ngcontent-%COMP%]:hover, .workflow-row.selected[_ngcontent-%COMP%]{background:#1b1d23}.workflow-name[_ngcontent-%COMP%]{display:flex;align-items:flex-start;gap:10px;min-width:0;padding-left:8px}.workflow-name[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]{min-width:0}.file-icon[_ngcontent-%COMP%]{display:grid;place-items:center;flex:0 0 28px;width:28px;height:32px;border:1px solid #4b4f5c;border-radius:4px;color:#a5b4fc;font-size:11px;font-weight:900}.workflow-name[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%]{display:block;font-size:13px;overflow-wrap:anywhere}.workflow-name[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{margin:4px 0 0;color:#777e8b;font-size:11px;line-height:1.4;overflow:hidden;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.node-count[_ngcontent-%COMP%]{color:#aeb4bf;font-size:12px}.workflow-row[_ngcontent-%COMP%]   code[_ngcontent-%COMP%]{font-size:10px;color:#777e8b;overflow:hidden;text-overflow:ellipsis}.row-actions[_ngcontent-%COMP%]{display:flex;gap:6px}.row-actions[_ngcontent-%COMP%]   a[_ngcontent-%COMP%], .row-actions[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{border:1px solid #383b45;background:#202229;color:#c9ccd3;border-radius:4px;padding:5px 7px;text-decoration:none;font:inherit;font-size:11px;cursor:pointer}.run-panel[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]{font-size:16px;margin:7px 0}.run-panel[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{color:#9299a5;font-size:12px;line-height:1.5}.namespace[_ngcontent-%COMP%]{font:10px ui-monospace,monospace;color:#818cf8;overflow-wrap:anywhere}.run-panel[_ngcontent-%COMP%]   dl[_ngcontent-%COMP%]{border-top:1px solid #292c34;border-bottom:1px solid #292c34;padding:8px 0;margin:14px 0}.run-panel[_ngcontent-%COMP%]   dl[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]{display:flex;justify-content:space-between;font-size:11px;padding:4px 0}.run-panel[_ngcontent-%COMP%]   dt[_ngcontent-%COMP%]{color:#777e8b}.run-panel[_ngcontent-%COMP%]   dd[_ngcontent-%COMP%]{margin:0;max-width:170px;overflow-wrap:anywhere;text-align:right}.run-panel[_ngcontent-%COMP%]   label[_ngcontent-%COMP%]{display:block;font-size:10px;text-transform:uppercase;color:#8f96a3;font-weight:700;margin:12px 0 6px}.run-panel[_ngcontent-%COMP%]   label[_ngcontent-%COMP%]:first-of-type{margin-top:0}.run-panel[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{width:100%}.run-select[_ngcontent-%COMP%]{display:block;width:100%;box-sizing:border-box;border:1px solid #343741;background:#101114;color:#eee;border-radius:5px;padding:8px 10px;outline:none}.run-select[_ngcontent-%COMP%]:focus{border-color:#6366f1}.run-select[_ngcontent-%COMP%]:disabled{opacity:.55}.run-button[_ngcontent-%COMP%], .details-button[_ngcontent-%COMP%]{width:100%;justify-content:center;box-sizing:border-box;margin-top:9px;border:0}.run-button[_ngcontent-%COMP%]{background:#059669;color:#fff;padding:9px;border-radius:5px;font-weight:700;cursor:pointer}.run-button[_ngcontent-%COMP%]:disabled{opacity:.5}.details-button[_ngcontent-%COMP%]{background:#242630}.run-error[_ngcontent-%COMP%], .state.error[_ngcontent-%COMP%]{color:#fecaca}.run-error[_ngcontent-%COMP%]{font-size:11px;margin-top:10px}.state[_ngcontent-%COMP%], .empty[_ngcontent-%COMP%]{border:1px solid #292c34;padding:18px;color:#949ba8;border-radius:6px}.empty[_ngcontent-%COMP%]{text-align:center;margin-top:12px}.state[_ngcontent-%COMP%]   code[_ngcontent-%COMP%]{background:#0b0c0f;padding:2px 5px}@media(max-width:1100px){.explorer[_ngcontent-%COMP%]{grid-template-columns:210px 1fr}.run-panel[_ngcontent-%COMP%]{display:none}}@media(max-width:720px){.page[_ngcontent-%COMP%]{padding:14px}.page-header[_ngcontent-%COMP%]{align-items:flex-start}.explorer[_ngcontent-%COMP%]{display:block}.folder-panel[_ngcontent-%COMP%]{border-right:0;border-bottom:1px solid #292c34}.content-toolbar[_ngcontent-%COMP%]{align-items:flex-start;flex-direction:column;padding:14px 0}.content-toolbar[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{width:100%}.column-head[_ngcontent-%COMP%]{display:none}.workflow-row[_ngcontent-%COMP%]{grid-template-columns:1fr auto}.workflow-row[_ngcontent-%COMP%] > code[_ngcontent-%COMP%], .node-count[_ngcontent-%COMP%]{display:none}}"]})};export{U as WorkflowsComponent};

package/packages/web/dist/web/browser/chunk-FXYDTGOX.js

@@ -0,0 +1 @@
+import{a as U,b as W,e as H,g as q,h as G,i as J,j as K}from"./chunk-XHOL7AER.js";import{a as Q}from"./chunk-V2CDNNWN.js";import{$ as p,Aa as z,B as s,Ba as B,Ca as V,F as A,J as u,Ja as j,M as h,S as l,T as r,U as a,V as L,Y as w,Z as y,_ as v,aa as b,ca as S,ea as o,fa as c,ga as R,ia as I,j as P,ja as E,ka as k,na as _,oa as C,p as F,pa as O,q as x,qa as M,r as f,ya as N,za as $}from"./chunk-WMJLW2L6.js";function Z(n){switch(n){case"running":return["view","cancel"];case"paused":return["view","approve","reject","abandon"];case"completed":return["view","delete"];case"failed":return["view","resume","delete"];case"cancelled":return["view","delete"];default:return["view"]}}function D(n,e){return e==="history"?[]:Z(n)}var T=n=>["/runs",n],Y=n=>({$implicit:n});function tt(n,e){if(n&1&&(r(0,"div",28),o(1),a()),n&2){let t=p();s(),c(t.error)}}function et(n,e){if(n&1){let t=y();r(0,"button",29),v("click",function(){let d=x(t).$implicit,g=p();return f(g.filter=d.status)}),L(1,"span",30),r(2,"span"),o(3),a(),r(4,"strong"),o(5),a()()}if(n&2){let t=e.$implicit,i=p();S("active",i.filter===t.status),s(),h("data-status",t.status),s(2),c(t.label),s(2),c(i.count(t.status))}}function nt(n,e){n&1&&w(0)}function rt(n,e){if(n&1&&(r(0,"article",33)(1,"div",34)(2,"div")(3,"a",35),o(4),a(),r(5,"code"),o(6),a()(),r(7,"span",36),o(8),a()(),r(9,"div",37)(10,"span"),o(11),C(12,"date"),a(),r(13,"span"),o(14),a()(),u(15,nt,1,0,"ng-container",38),a()),n&2){let t=e.$implicit,i=p(2),d=b(66);s(3),l("routerLink",_(12,T,t.runId)),s(),c(t.workflow),s(2),c(t.runId),s(),h("data-status",t.status),s(),c(t.status),s(3),R("Started ",O(12,9,t.startedAt,"medium")),s(3),c(i.elapsed(t)),s(),l("ngTemplateOutlet",d)("ngTemplateOutletContext",_(14,Y,t))}}function at(n,e){if(n&1&&(r(0,"div",31),u(1,rt,16,16,"article",32),a()),n&2){let t=p();s(),l("ngForOf",t.activeRuns)("ngForTrackBy",t.trackRun)}}function it(n,e){n&1&&(r(0,"div",39),o(1,"No active runs."),a())}function ot(n,e){if(n&1&&(r(0,"a",35),o(1),a()),n&2){let t=p().$implicit;l("routerLink",_(2,T,t.runId)),s(),c(t.workflow)}}function st(n,e){if(n&1&&(r(0,"span",42),o(1),a()),n&2){let t=p().$implicit;s(),c(t.workflow)}}function lt(n,e){n&1&&(r(0,"span",43),o(1,"history"),a())}function ct(n,e){n&1&&w(0)}function dt(n,e){if(n&1&&(r(0,"tr")(1,"td"),u(2,ot,2,4,"a",40)(3,st,2,1,"ng-template",null,2,M),r(5,"code"),o(6),a()(),r(7,"td")(8,"span",36),o(9),a(),u(10,lt,2,0,"span",41),a(),r(11,"td"),o(12),C(13,"date"),a(),r(14,"td"),o(15),a(),r(16,"td"),u(17,ct,1,0,"ng-container",38),a()()),n&2){let t=e.$implicit,i=b(4),d=p(),g=b(66);s(2),l("ngIf",t.source!=="history")("ngIfElse",i),s(4),c(t.runId),s(2),h("data-status",t.status),s(),c(t.status),s(),l("ngIf",t.source==="history"),s(2),c(O(13,10,t.startedAt,"medium")),s(3),c(d.elapsed(t)),s(2),l("ngTemplateOutlet",g)("ngTemplateOutletContext",_(13,Y,t))}}function pt(n,e){n&1&&(r(0,"tr")(1,"td",44),o(2,"No runs match the current filters."),a()())}function ut(n,e){if(n&1&&(r(0,"a",48),o(1,"View"),a()),n&2){let t=p().$implicit;l("routerLink",_(1,T,t.runId))}}function mt(n,e){if(n&1){let t=y();r(0,"button",49),v("click",function(){let d=x(t).$implicit,g=p().$implicit,m=p();return f(m.perform(g,d))}),o(1),a()}if(n&2){let t=e.$implicit,i=p().$implicit,d=p();S("danger",t==="delete"),l("disabled",d.busyRun===i.runId),s(),c(d.actionLabels[t])}}function gt(n,e){if(n&1&&(r(0,"div",45),u(1,ut,2,3,"a",46)(2,mt,2,4,"button",47),a()),n&2){let t=e.$implicit,i=p();s(),l("ngIf",i.can(t,"view")),s(),l("ngForOf",i.buttonActions(t))}}var X=class n{api=F(Q);refreshTimer;runs=[];filter="all";search="";dateRange="all";loading=!1;error="";busyRun="";lastUpdated;statusItems=[{status:"all",label:"All"},{status:"running",label:"Running"},{status:"paused",label:"Paused"},{status:"completed",label:"Completed"},{status:"failed",label:"Failed"},{status:"cancelled",label:"Cancelled"}];ngOnInit(){this.loadRuns(),this.refreshTimer=setInterval(()=>this.loadRuns(!1),5e3)}ngOnDestroy(){this.refreshTimer&&clearInterval(this.refreshTimer)}get filteredRuns(){let e=this.search.trim().toLowerCase(),t=this.cutoffDate();return this.runs.filter(i=>(this.filter==="all"||i.status===this.filter)&&(!e||i.workflow.toLowerCase().includes(e)||i.runId.toLowerCase().includes(e))&&(!t||new Date(i.startedAt)>=t))}get activeRuns(){return this.filteredRuns.filter(e=>e.status==="running"||e.status==="paused")}get historyRuns(){return this.filteredRuns.filter(e=>e.status!=="running"&&e.status!=="paused")}loadRuns(e=!0){e&&(this.loading=!0),this.api.getRuns().pipe(P(()=>this.loading=!1)).subscribe({next:t=>{this.runs=t,this.lastUpdated=new Date,this.error=""},error:t=>this.error=t?.error?.error??"Unable to load workflow runs."})}count(e){return e==="all"?this.runs.length:this.runs.filter(t=>t.status===e).length}trackRun(e,t){return t.runId}elapsed(e){let t=e.durationMs??new Date(e.completedAt??Date.now()).getTime()-new Date(e.startedAt).getTime();return t<6e4?`${Math.max(0,Math.round(t/1e3))}s`:t<36e5?`${Math.round(t/6e4)}m`:`${(t/36e5).toFixed(1)}h`}actionLabels={cancel:"Cancel",abandon:"Abandon",approve:"Approve",reject:"Reject",resume:"Resume",delete:"Delete"};buttonActions(e){return D(e.status,e.source).filter(t=>t!=="view")}can(e,t){return D(e.status,e.source).includes(t)}perform(e,t){if(!this.can(e,t)||["cancel","abandon","delete","reject"].includes(t)&&!confirm(`${t} run ${e.runId}?`))return;let i=t==="reject"?prompt("Rejection reason","Rejected by operator")??void 0:void 0;t==="reject"&&i===void 0||(this.busyRun=e.runId,this.error="",this.api.runAction(e.runId,t,i).pipe(P(()=>this.busyRun="")).subscribe({next:()=>this.loadRuns(!1),error:d=>this.error=d?.error?.error??`Unable to ${t} run.`}))}cutoffDate(){if(this.dateRange==="all")return;let e=new Date;return this.dateRange==="today"?e.setHours(0,0,0,0):e.setDate(e.getDate()-Number(this.dateRange.slice(0,-1))),e}static \u0275fac=function(t){return new(t||n)};static \u0275cmp=A({type:n,selectors:[["app-dashboard"]],decls:67,vars:17,consts:[["noActive",""],["actions",""],["plainName",""],[1,"dashboard"],[1,"page-header"],[1,"eyebrow"],[1,"subtitle"],[1,"header-actions"],[1,"updated"],["type","button",1,"button","secondary",3,"click","disabled"],["routerLink","/workflows/builder",1,"button","primary"],["class","error-banner",4,"ngIf"],["role","group","aria-label","Run status filters",1,"summary"],["type","button","class","summary-item",3,"active","click",4,"ngFor","ngForOf"],[1,"controls"],["type","search","placeholder","Search workflow or run ID",1,"search",3,"ngModelChange","ngModel"],["aria-label","Date range",3,"ngModelChange","ngModel"],["value","all"],["value","today"],["value","7d"],["value","30d"],[1,"capacity"],[1,"run-section"],[1,"section-heading"],["class","active-grid",4,"ngIf","ngIfElse"],[1,"table-wrap"],[4,"ngFor","ngForOf","ngForTrackBy"],[4,"ngIf"],[1,"error-banner"],["type","button",1,"summary-item",3,"click"],[1,"status-dot"],[1,"active-grid"],["class","run-card",4,"ngFor","ngForOf","ngForTrackBy"],[1,"run-card"],[1,"run-title"],[3,"routerLink"],[1,"badge"],[1,"run-meta"],[4,"ngTemplateOutlet","ngTemplateOutletContext"],[1,"empty"],[3,"routerLink",4,"ngIf","ngIfElse"],["class","history-tag",4,"ngIf"],[1,"run-name"],[1,"history-tag"],["colspan","5",1,"empty"],[1,"actions"],["class","icon-button","title","Open run",3,"routerLink",4,"ngIf"],["type","button",3,"danger","disabled","click",4,"ngFor","ngForOf"],["title","Open run",1,"icon-button",3,"routerLink"],["type","button",3,"click","disabled"]],template:function(t,i){if(t&1){let d=y();r(0,"section",3)(1,"header",4)(2,"div")(3,"p",5),o(4,"Mission Control"),a(),r(5,"h1"),o(6,"Dashboard"),a(),r(7,"p",6),o(8,"Monitor workflow execution and control run lifecycle."),a()(),r(9,"div",7)(10,"span",8),o(11),C(12,"date"),a(),r(13,"button",9),v("click",function(){return i.loadRuns()}),o(14,"Refresh"),a(),r(15,"a",10),o(16,"New workflow"),a()()(),u(17,tt,2,1,"div",11),r(18,"div",12),u(19,et,6,5,"button",13),a(),r(20,"div",14)(21,"input",15),k("ngModelChange",function(m){return x(d),E(i.search,m)||(i.search=m),f(m)}),a(),r(22,"select",16),k("ngModelChange",function(m){return x(d),E(i.dateRange,m)||(i.dateRange=m),f(m)}),r(23,"option",17),o(24,"All time"),a(),r(25,"option",18),o(26,"Today"),a(),r(27,"option",19),o(28,"Last 7 days"),a(),r(29,"option",20),o(30,"Last 30 days"),a()(),r(31,"span",21),o(32),a()(),r(33,"section",22)(34,"div",23)(35,"h2"),o(36,"Active runs"),a(),r(37,"span"),o(38),a()(),u(39,at,2,2,"div",24)(40,it,2,0,"ng-template",null,0,M),a(),r(42,"section",22)(43,"div",23)(44,"h2"),o(45,"Run history"),a(),r(46,"span"),o(47),a()(),r(48,"div",25)(49,"table")(50,"thead")(51,"tr")(52,"th"),o(53,"Workflow"),a(),r(54,"th"),o(55,"Status"),a(),r(56,"th"),o(57,"Started"),a(),r(58,"th"),o(59,"Duration"),a(),r(60,"th"),o(61,"Actions"),a()()(),r(62,"tbody"),u(63,dt,18,15,"tr",26)(64,pt,3,0,"tr",27),a()()()()(),u(65,gt,3,2,"ng-template",null,1,M)}if(t&2){let d=b(41);s(11),c(i.lastUpdated?"Updated "+O(12,14,i.lastUpdated,"HH:mm:ss"):"Not updated"),s(2),l("disabled",i.loading),s(4),l("ngIf",i.error),s(2),l("ngForOf",i.statusItems),s(2),I("ngModel",i.search),s(),I("ngModel",i.dateRange),s(10),R("",i.activeRuns.length," active"),s(6),c(i.activeRuns.length),s(),l("ngIf",i.activeRuns.length)("ngIfElse",d),s(8),c(i.historyRuns.length),s(16),l("ngForOf",i.historyRuns)("ngForTrackBy",i.trackRun),s(),l("ngIf",!i.historyRuns.length)}},dependencies:[V,N,$,z,K,G,J,U,q,W,H,j,B],styles:["[_nghost-%COMP%]{display:block}.dashboard[_ngcontent-%COMP%]{max-width:1440px;margin:0 auto;padding:28px 32px 56px}.page-header[_ngcontent-%COMP%]{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:24px}.eyebrow[_ngcontent-%COMP%]{color:var(--primary);font-size:12px;font-weight:700;text-transform:uppercase;margin:0 0 5px}.page-header[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%]{font-size:28px;line-height:1.2;margin:0}.subtitle[_ngcontent-%COMP%]{color:var(--text-secondary);margin:7px 0 0}.header-actions[_ngcontent-%COMP%], .controls[_ngcontent-%COMP%], .actions[_ngcontent-%COMP%]{display:flex;align-items:center;gap:8px}.updated[_ngcontent-%COMP%]{font-size:12px;color:var(--text-tertiary)}.button[_ngcontent-%COMP%], .actions[_ngcontent-%COMP%]   button[_ngcontent-%COMP%], .icon-button[_ngcontent-%COMP%]{border:1px solid var(--border-bright);background:var(--surface);color:var(--text-primary);padding:8px 11px;font:inherit;font-size:12px;text-decoration:none;cursor:pointer;border-radius:5px}.button.primary[_ngcontent-%COMP%]{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground);font-weight:700}.button[_ngcontent-%COMP%]:disabled, .actions[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:disabled{opacity:.34;cursor:not-allowed}.error-banner[_ngcontent-%COMP%]{border:1px solid var(--error);background:color-mix(in oklch,var(--error) 12%,var(--surface));padding:10px 12px;margin-bottom:16px;border-radius:5px}.summary[_ngcontent-%COMP%]{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--border);background:var(--surface);border-radius:7px;overflow:hidden}.summary-item[_ngcontent-%COMP%]{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:54px;border:0;border-right:1px solid var(--border);background:transparent;color:var(--text-secondary);padding:0 14px;cursor:pointer}.summary-item[_ngcontent-%COMP%]:last-child{border:0}.summary-item.active[_ngcontent-%COMP%]{background:var(--surface-elevated);color:var(--text-primary);box-shadow:inset 0 -2px var(--primary)}.status-dot[_ngcontent-%COMP%]{width:8px;height:8px;border-radius:50%;background:var(--text-tertiary)}.status-dot[data-status=running][_ngcontent-%COMP%], .badge[data-status=running][_ngcontent-%COMP%]{color:var(--primary)}.status-dot[data-status=running][_ngcontent-%COMP%]{background:var(--primary)}.status-dot[data-status=paused][_ngcontent-%COMP%], .badge[data-status=paused][_ngcontent-%COMP%]{color:var(--warning)}.status-dot[data-status=paused][_ngcontent-%COMP%]{background:var(--warning)}.status-dot[data-status=completed][_ngcontent-%COMP%], .badge[data-status=completed][_ngcontent-%COMP%]{color:var(--success)}.status-dot[data-status=completed][_ngcontent-%COMP%]{background:var(--success)}.status-dot[data-status=failed][_ngcontent-%COMP%], .status-dot[data-status=cancelled][_ngcontent-%COMP%]{background:var(--error)}.badge[data-status=failed][_ngcontent-%COMP%], .badge[data-status=cancelled][_ngcontent-%COMP%]{color:var(--error)}.controls[_ngcontent-%COMP%]{margin:18px 0}.search[_ngcontent-%COMP%], select[_ngcontent-%COMP%]{height:38px;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);padding:0 11px;border-radius:5px}.search[_ngcontent-%COMP%]{width:min(390px,100%)}.capacity[_ngcontent-%COMP%]{margin-left:auto;color:var(--text-secondary);font-size:13px}.run-section[_ngcontent-%COMP%]{margin-top:28px}.section-heading[_ngcontent-%COMP%]{display:flex;align-items:center;gap:9px;margin-bottom:12px}.section-heading[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]{font-size:16px;margin:0}.section-heading[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{color:var(--text-tertiary);font-size:12px}.active-grid[_ngcontent-%COMP%]{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px}.run-card[_ngcontent-%COMP%]{border:1px solid var(--border);background:var(--surface);padding:16px;border-radius:7px}.run-title[_ngcontent-%COMP%]{display:flex;justify-content:space-between;gap:12px}.run-title[_ngcontent-%COMP%]   a[_ngcontent-%COMP%], td[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{color:var(--text-primary);font-weight:700;text-decoration:none}.run-title[_ngcontent-%COMP%]   code[_ngcontent-%COMP%], td[_ngcontent-%COMP%]   code[_ngcontent-%COMP%]{display:block;color:var(--text-tertiary);font-size:11px;margin-top:4px}.badge[_ngcontent-%COMP%]{border:1px solid currentColor;height:fit-content;padding:3px 7px;border-radius:4px;font-size:11px;text-transform:uppercase}.history-tag[_ngcontent-%COMP%]{border:1px dashed var(--border-bright);color:var(--text-tertiary);padding:2px 6px;border-radius:4px;font-size:10px;text-transform:uppercase;margin-left:6px}td[_ngcontent-%COMP%]   .run-name[_ngcontent-%COMP%]{color:var(--text-primary);font-weight:700}.run-meta[_ngcontent-%COMP%]{display:flex;justify-content:space-between;color:var(--text-secondary);font-size:12px;margin:18px 0 14px}.actions[_ngcontent-%COMP%]{flex-wrap:wrap}.actions[_ngcontent-%COMP%]   button[_ngcontent-%COMP%], .icon-button[_ngcontent-%COMP%]{padding:5px 7px}.actions[_ngcontent-%COMP%]   .danger[_ngcontent-%COMP%]{color:var(--error)}.table-wrap[_ngcontent-%COMP%]{overflow:auto;border:1px solid var(--border);border-radius:7px}table[_ngcontent-%COMP%]{width:100%;border-collapse:collapse;background:var(--surface);font-size:13px}th[_ngcontent-%COMP%]{text-align:left;color:var(--text-secondary);font-size:11px;text-transform:uppercase;font-weight:600}th[_ngcontent-%COMP%], td[_ngcontent-%COMP%]{padding:12px 14px;border-bottom:1px solid var(--border);white-space:nowrap}tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:last-child   td[_ngcontent-%COMP%]{border-bottom:0}.empty[_ngcontent-%COMP%]{padding:24px;color:var(--text-tertiary);text-align:center;border:1px dashed var(--border);border-radius:7px}td.empty[_ngcontent-%COMP%]{border:0}.table-wrap[_ngcontent-%COMP%]   .actions[_ngcontent-%COMP%]{min-width:220px}@media(max-width:800px){.dashboard[_ngcontent-%COMP%]{padding:20px 16px}.page-header[_ngcontent-%COMP%]{align-items:flex-start;flex-direction:column}.summary[_ngcontent-%COMP%]{grid-template-columns:repeat(2,1fr)}.summary-item[_ngcontent-%COMP%]{border-bottom:1px solid var(--border)}.controls[_ngcontent-%COMP%]{align-items:stretch;flex-wrap:wrap}.search[_ngcontent-%COMP%]{width:100%}.capacity[_ngcontent-%COMP%]{margin-left:0}.active-grid[_ngcontent-%COMP%]{grid-template-columns:1fr}}"]})};export{X as DashboardComponent};

package/packages/web/dist/web/browser/chunk-K4DHLOOA.js

@@ -0,0 +1 @@
+import{a as X,b as Z,e as ee,g as te,h as ne,i as ie,j as oe}from"./chunk-XHOL7AER.js";import{a as re}from"./chunk-V2CDNNWN.js";import{$ as p,B as o,Ba as H,Ca as J,F as w,Ga as K,Ia as Q,J as f,Ja as U,M as y,N as F,O as L,P as A,Q as S,R as E,S as s,T as n,U as t,V as B,W as j,X as $,Z as b,_,ca as v,ea as i,f as N,fa as c,ga as u,h as V,ha as Y,i as z,ia as h,ja as M,ka as P,na as I,oa as D,p as C,pa as R,q as g,r as x,v as k,ya as q,za as G}from"./chunk-WMJLW2L6.js";var me=(r,a)=>a.name;function ge(r,a){if(r&1&&(n(0,"option",9),i(1),t()),r&2){let e=a.$implicit;s("value",e.name)("disabled",!e.available),o(),Y(" ",e.name,"",e.available?"":" \u2014 not available on this machine"," ")}}function xe(r,a){if(r&1&&(n(0,"option",10),i(1),t()),r&2){let e=a.$implicit;s("value",e),o(),c(e)}}function _e(r,a){if(r&1){let e=b();n(0,"div",1),_("click",function(){g(e);let l=p();return x(l.close())}),n(1,"div",2),_("click",function(l){return l.stopPropagation()}),n(2,"h3",3),i(3),t(),n(4,"label",4),i(5,"Arguments"),t(),n(6,"input",5),P("ngModelChange",function(l){g(e);let m=p();return M(m.args,l)||(m.args=l),x(l)}),_("keydown.enter",function(){g(e);let l=p();return x(l.submit())}),t(),n(7,"div",6)(8,"div")(9,"label",4),i(10,"Provider"),t(),n(11,"select",7),P("ngModelChange",function(l){g(e);let m=p();return M(m.provider,l)||(m.provider=l),x(l)}),_("ngModelChange",function(){g(e);let l=p();return x(l.onProviderChange())}),n(12,"option",8),i(13,"(workflow default)"),t(),S(14,ge,2,4,"option",9,me),t()(),n(16,"div")(17,"label",4),i(18,"Model"),t(),n(19,"select",7),P("ngModelChange",function(l){g(e);let m=p();return M(m.model,l)||(m.model=l),x(l)}),n(20,"option",8),i(21,"(workflow default)"),t(),S(22,xe,2,2,"option",10,A),t()()(),n(24,"div",11)(25,"button",12),_("click",function(){g(e);let l=p();return x(l.close())}),i(26,"Cancel"),t(),n(27,"button",13),_("click",function(){g(e);let l=p();return x(l.submit())}),i(28,"Start \u25B6"),t()()()()}if(r&2){let e=p();o(3),u("Run ",e.workflowName),o(3),h("ngModel",e.args),o(5),h("ngModel",e.provider),o(3),E(e.providers),o(5),h("ngModel",e.model),o(3),E(e.modelOptions)}}var O=class r{visible=!1;workflowName="";providers=[];run=new k;closed=new k;args="";provider="";model="";get modelOptions(){return this.provider?this.providers.find(a=>a.name===this.provider)?.defaultModels??[]:[...new Set(this.providers.flatMap(a=>a.defaultModels))]}onProviderChange(){this.model&&!this.modelOptions.includes(this.model)&&(this.model="")}submit(){this.run.emit({args:this.args,provider:this.provider||void 0,model:this.model||void 0}),this.reset()}close(){this.visible=!1,this.reset(),this.closed.emit()}reset(){this.args="",this.provider="",this.model=""}static \u0275fac=function(e){return new(e||r)};static \u0275cmp=w({type:r,selectors:[["app-run-dialog"]],inputs:{visible:"visible",workflowName:"workflowName",providers:"providers"},outputs:{run:"run",closed:"closed"},decls:1,vars:1,consts:[[1,"fixed","inset-0","bg-black/60","flex","items-center","justify-center","z-50"],[1,"fixed","inset-0","bg-black/60","flex","items-center","justify-center","z-50",3,"click"],[1,"bg-slate-800","rounded-lg","p-6","w-full","max-w-md","border","border-slate-700",3,"click"],[1,"text-lg","font-semibold","text-slate-100","mb-4"],[1,"block","text-sm","text-slate-400","mb-1"],["placeholder",'e.g. "fix #42"',1,"w-full","bg-slate-900","border","border-slate-600","rounded","px-3","py-2","text-slate-100","text-sm","focus:outline-none","focus:border-blue-500","mb-4",3,"ngModelChange","keydown.enter","ngModel"],[1,"grid","grid-cols-2","gap-3","mb-4"],[1,"w-full","bg-slate-900","border","border-slate-600","rounded","px-3","py-2","text-slate-100","text-sm","focus:outline-none","focus:border-blue-500",3,"ngModelChange","ngModel"],["value",""],[3,"value","disabled"],[3,"value"],[1,"flex","justify-end","gap-3"],[1,"px-4","py-2","text-sm","text-slate-400","hover:text-slate-200",3,"click"],[1,"px-4","py-2","text-sm","bg-blue-600","text-white","rounded","hover:bg-blue-500",3,"click"]],template:function(e,d){e&1&&F(0,_e,29,4,"div",0),e&2&&L(d.visible?0:-1)},dependencies:[oe,ne,ie,X,te,Z,ee],encapsulation:2})};function ae(r,a,e={}){let d=r.provider||a.provider||e.provider||"default",l=r.model||a.model||e.model||"";return{name:l?`${d}/${l}`:d,inherited:!r.provider&&!r.model}}var fe=r=>({edit:r}),ue=r=>["/runs",r];function be(r,a){if(r&1&&(n(0,"div",4),i(1),t()),r&2){let e=p();o(),c(e.error)}}function ve(r,a){r&1&&(n(0,"div",5),i(1,"Loading workflow definition..."),t())}function Ce(r,a){if(r&1&&(n(0,"span"),i(1),t()),r&2){let e=p(3);o(),c(e.runs.length)}}function we(r,a){if(r&1){let e=b();n(0,"button",24),_("click",function(){let l=g(e).$implicit,m=p(2);return x(m.tab=l.id)}),i(1),f(2,Ce,2,1,"span",3),t()}if(r&2){let e=a.$implicit,d=p(2);v("active",d.tab===e.id),o(),u(" ",e.label," "),o(),s("ngIf",e.id==="runs")}}function ye(r,a){if(r&1){let e=b();n(0,"button",30),_("click",function(){let l=g(e).$implicit,m=p(3);return x(m.selectedNode=l)}),n(1,"span",31),i(2),t(),n(3,"span",32),i(4),t(),n(5,"span",33)(6,"strong"),i(7),n(8,"span",34),i(9),t()(),n(10,"small"),i(11),t()(),n(12,"span",35),i(13),t()()}if(r&2){let e=a.$implicit,d=a.index,l=p(3);v("selected",(l.selectedNode==null?null:l.selectedNode.id)===e.id),o(2),c(d+1),o(),y("data-type",e.type),o(),c(l.typeLabel(e.type)),o(3),u("",e.id," "),o(),v("inherited",l.nodeProvider(e).inherited),o(),c(l.providerBadgeLabel(e)),o(2),c(e.content),o(2),c(e.dependsOn.length?"After "+e.dependsOn.join(", "):"Entry point")}}function he(r,a){if(r&1&&(n(0,"aside",36)(1,"div",37),i(2,"Node inspector"),t(),n(3,"h3"),i(4),t(),n(5,"span",38),i(6),t(),n(7,"dl")(8,"div")(9,"dt"),i(10,"Depends on"),t(),n(11,"dd"),i(12),t()(),n(13,"div")(14,"dt"),i(15,"Trigger"),t(),n(16,"dd"),i(17),t()(),n(18,"div")(19,"dt"),i(20,"Context"),t(),n(21,"dd"),i(22),t()(),n(23,"div")(24,"dt"),i(25,"Condition"),t(),n(26,"dd"),i(27),t()(),n(28,"div")(29,"dt"),i(30,"Provider"),t(),n(31,"dd"),i(32),t()(),n(33,"div")(34,"dt"),i(35,"Model"),t(),n(36,"dd"),i(37),t()()(),n(38,"label"),i(39,"Content"),t(),n(40,"pre"),i(41),t()()),r&2){let e=p(3);o(4),c(e.selectedNode.id),o(2),c(e.selectedNode.type),o(6),c(e.selectedNode.dependsOn.join(", ")||"None"),o(5),c(e.selectedNode.triggerRule),o(5),c(e.selectedNode.context),o(5),c(e.selectedNode.when||"Always"),o(5),c(e.selectedNode.provider||e.workflow.defaultProvider||"Default"),o(5),c(e.selectedNode.model||e.workflow.defaultModel||"Default"),o(4),c(e.selectedNode.content)}}function Me(r,a){if(r&1&&(n(0,"div",25)(1,"main",26)(2,"div",27)(3,"div")(4,"h2"),i(5,"Workflow steps"),t(),n(6,"p"),i(7,"Execution order and node configuration."),t()()(),f(8,ye,14,11,"button",28),t(),f(9,he,42,9,"aside",29),t()),r&2){let e=p(2);o(8),s("ngForOf",e.workflow.nodes),o(),s("ngIf",e.selectedNode)}}function Pe(r,a){if(r&1&&(n(0,"article")(1,"div")(2,"span",32),i(3),t(),n(4,"strong"),i(5),t()(),n(6,"span",34),i(7),t()()),r&2){let e=a.$implicit,d=p(4);o(2),y("data-type",e.type),o(),c(d.typeLabel(e.type)),o(2),c(e.id),o(),v("inherited",d.nodeProvider(e).inherited),o(),c(d.providerBadgeLabel(e))}}function Oe(r,a){if(r&1&&(n(0,"div",44)(1,"span",45),i(2),t(),f(3,Pe,8,6,"article",46),t()),r&2){let e=a.$implicit,d=a.index;o(2),u("Stage ",d+1),o(),s("ngForOf",e)}}function ke(r,a){if(r&1&&(n(0,"div",39)(1,"div",40)(2,"div")(3,"h2"),i(4,"DAG topology"),t(),n(5,"p"),i(6,"Dependencies flow from left to right."),t()(),n(7,"span"),i(8),t()(),n(9,"div",41)(10,"div",42),f(11,Oe,4,2,"div",43),t()()()),r&2){let e=p(2);o(8),u("",e.dagLayers.length," stages"),o(3),s("ngForOf",e.dagLayers)}}function Se(r,a){if(r&1){let e=b();n(0,"div",47)(1,"div",48)(2,"span"),i(3,"Read-only YAML definition"),t(),n(4,"button",24),_("click",function(){g(e);let l=p(2);return x(l.copyYaml())}),i(5),t()(),n(6,"pre"),i(7),t()()}if(r&2){let e=p(2);o(5),c(e.copied?"Copied":"Copy"),o(2),c(e.workflow.yaml)}}function Ee(r,a){r&1&&(n(0,"span",53),i(1,"history"),t())}function Ie(r,a){if(r&1&&(n(0,"a",54),i(1,"Open"),t()),r&2){let e=p().$implicit;s("routerLink",I(1,ue,e.runId))}}function De(r,a){if(r&1&&(n(0,"tr")(1,"td")(2,"code"),i(3),t()(),n(4,"td")(5,"span",50),i(6),t(),f(7,Ee,2,0,"span",51),t(),n(8,"td"),i(9),D(10,"date"),t(),n(11,"td"),i(12),D(13,"date"),t(),n(14,"td"),f(15,Ie,2,3,"a",52),t()()),r&2){let e=a.$implicit;o(3),c(e.runId),o(2),y("data-status",e.status),o(),c(e.status),o(),s("ngIf",e.source==="history"),o(2),c(R(10,7,e.startedAt,"medium")),o(3),c(e.completedAt?R(13,10,e.completedAt,"medium"):"In progress"),o(3),s("ngIf",e.source!=="history")}}function Re(r,a){r&1&&(n(0,"tr")(1,"td",55),i(2,"This workflow has not been run yet."),t()())}function We(r,a){if(r&1&&(n(0,"div",49)(1,"table")(2,"thead")(3,"tr")(4,"th"),i(5,"Run ID"),t(),n(6,"th"),i(7,"Status"),t(),n(8,"th"),i(9,"Started"),t(),n(10,"th"),i(11,"Completed"),t(),B(12,"th"),t()(),n(13,"tbody"),f(14,De,16,13,"tr",46)(15,Re,3,0,"tr",3),t()()()),r&2){let e=p(2);o(14),s("ngForOf",e.runs),o(),s("ngIf",!e.runs.length)}}function Te(r,a){if(r&1){let e=b();j(0),n(1,"nav",6)(2,"a",7),i(3,"Workflows"),t(),n(4,"span"),i(5,"/"),t(),n(6,"span"),i(7),t()(),n(8,"header",8)(9,"div",9),i(10,"Y"),t(),n(11,"div",10)(12,"span",11),i(13),t(),n(14,"h1"),i(15),t(),n(16,"p"),i(17),t()(),n(18,"div",12)(19,"a",13),i(20,"Edit"),t(),n(21,"button",14),_("click",function(){g(e);let l=p();return x(l.showRunDialog=!0)}),i(22,"Run workflow"),t()()(),n(23,"div",15)(24,"div")(25,"span"),i(26,"Nodes"),t(),n(27,"strong"),i(28),t()(),n(29,"div")(30,"span"),i(31,"Dependencies"),t(),n(32,"strong"),i(33),t()(),n(34,"div")(35,"span"),i(36,"Provider"),t(),n(37,"strong"),i(38),t()(),n(39,"div")(40,"span"),i(41,"Model"),t(),n(42,"strong"),i(43),t()(),n(44,"div")(45,"span"),i(46,"Runs"),t(),n(47,"strong"),i(48),t()()(),n(49,"div",16)(50,"span"),i(51,"Definition"),t(),n(52,"code"),i(53),t()(),n(54,"nav",17),f(55,we,3,4,"button",18),t(),f(56,Me,10,2,"div",19)(57,ke,12,2,"div",20)(58,Se,8,2,"div",21)(59,We,16,2,"div",22),n(60,"app-run-dialog",23),_("run",function(l){g(e);let m=p();return x(m.onStartRun(l))})("closed",function(){g(e);let l=p();return x(l.showRunDialog=!1)}),t(),$()}if(r&2){let e=p();o(7),c(e.workflow.id),o(6),c(e.workflow.id),o(2),c(e.workflow.name),o(2),c(e.workflow.description||"No description provided."),o(2),s("queryParams",I(19,fe,e.workflow.id)),o(9),c(e.workflow.nodeCount),o(5),c(e.dependencyCount),o(5),c(e.workflow.defaultProvider||"default"),o(5),c(e.workflow.defaultModel||"default"),o(5),c(e.runs.length),o(5),u(".vsaf/workflows/",e.workflow.file),o(2),s("ngForOf",e.tabs),o(),s("ngIf",e.tab==="overview"),o(),s("ngIf",e.tab==="dag"),o(),s("ngIf",e.tab==="yaml"),o(),s("ngIf",e.tab==="runs"),o(),s("visible",e.showRunDialog)("workflowName",e.workflow.id)("providers",e.providers)}}var le=class r{route=C(K);api=C(re);router=C(Q);workflow;runs=[];providers=[];selectedNode;tab="overview";showRunDialog=!1;loading=!0;error="";copied=!1;tabs=[{id:"overview",label:"Overview"},{id:"dag",label:"DAG"},{id:"yaml",label:"YAML"},{id:"runs",label:"Runs"}];ngOnInit(){let a=this.route.snapshot.queryParamMap.get("id");if(!a){this.loading=!1,this.error="Missing workflow id.";return}V({workflow:this.api.getWorkflow(a),runs:this.api.getRuns(),providers:this.api.getProviders().pipe(z(()=>N({providers:[]})))}).subscribe({next:e=>{this.workflow=e.workflow,this.selectedNode=e.workflow.nodes[0],this.runs=e.runs.filter(d=>d.workflow===a).reverse(),this.providers=e.providers.providers??[],this.loading=!1},error:e=>{this.loading=!1,this.error=e?.error?.error??"Failed to load workflow."}})}nodeProvider(a){return ae(a,{provider:this.workflow?.defaultProvider,model:this.workflow?.defaultModel})}providerBadgeLabel(a){let e=this.nodeProvider(a);return e.inherited?`\u2192 ${e.name}`:e.name}get dependencyCount(){return this.workflow?.nodes.reduce((a,e)=>a+e.dependsOn.length,0)??0}get dagLayers(){if(!this.workflow)return[];let a=new Map,e=(l,m=new Set)=>{if(a.has(l.id))return a.get(l.id);if(m.has(l.id)||!l.dependsOn.length)return 0;m.add(l.id);let W=1+Math.max(...l.dependsOn.map(de=>{let T=this.workflow.nodes.find(ce=>ce.id===de);return T?e(T,m):0}));return m.delete(l.id),a.set(l.id,W),W};for(let l of this.workflow.nodes)a.set(l.id,e(l));let d=[];for(let l of this.workflow.nodes)(d[a.get(l.id)??0]??=[]).push(l);return d}typeLabel(a){return a==="command"?"CMD":a==="prompt"?"AI":"SH"}onStartRun(a){this.showRunDialog=!1,this.api.startRun(this.workflow.id,a.args,{provider:a.provider,model:a.model}).subscribe(e=>this.router.navigate(["/runs",e.runId]))}copyYaml(){this.workflow&&navigator.clipboard.writeText(this.workflow.yaml).then(()=>{this.copied=!0,setTimeout(()=>this.copied=!1,1500)})}static \u0275fac=function(e){return new(e||r)};static \u0275cmp=w({type:r,selectors:[["app-workflow-detail"]],decls:4,vars:3,consts:[[1,"detail-page"],["class","state error",4,"ngIf"],["class","state",4,"ngIf"],[4,"ngIf"],[1,"state","error"],[1,"state"],[1,"breadcrumb"],["routerLink","/workflows"],[1,"hero"],[1,"workflow-icon"],[1,"hero-copy"],[1,"namespace"],[1,"hero-actions"],["routerLink","/workflows/builder",1,"button","secondary",3,"queryParams"],["type","button",1,"button","primary",3,"click"],[1,"stats"],[1,"file-strip"],["aria-label","Workflow detail sections",1,"tabs"],["type","button",3,"active","click",4,"ngFor","ngForOf"],["class","tab-content",4,"ngIf"],["class","dag-panel",4,"ngIf"],["class","yaml-panel",4,"ngIf"],["class","runs-panel",4,"ngIf"],[3,"run","closed","visible","workflowName","providers"],["type","button",3,"click"],[1,"tab-content"],[1,"node-list"],[1,"section-heading"],["type","button","class","node-row",3,"selected","click",4,"ngFor","ngForOf"],["class","inspector",4,"ngIf"],["type","button",1,"node-row",3,"click"],[1,"step-index"],[1,"type-icon"],[1,"node-main"],[1,"provider-badge"],[1,"dependency"],[1,"inspector"],[1,"inspector-title"],[1,"badge"],[1,"dag-panel"],[1,"dag-toolbar"],[1,"dag-scroll"],[1,"dag-canvas"],["class","dag-layer",4,"ngFor","ngForOf"],[1,"dag-layer"],[1,"layer-label"],[4,"ngFor","ngForOf"],[1,"yaml-panel"],[1,"yaml-toolbar"],[1,"runs-panel"],[1,"status"],["class","history-tag",4,"ngIf"],[3,"routerLink",4,"ngIf"],[1,"history-tag"],[3,"routerLink"],["colspan","5",1,"empty"]],template:function(e,d){e&1&&(n(0,"section",0),f(1,be,2,1,"div",1)(2,ve,2,0,"div",2)(3,Te,61,21,"ng-container",3),t()),e&2&&(o(),s("ngIf",d.error),o(),s("ngIf",d.loading),o(),s("ngIf",d.workflow))},dependencies:[J,q,G,U,O,H],styles:["[_nghost-%COMP%]{display:block;min-height:calc(100vh - 56px);background:#101114;color:#e7e7ea}.detail-page[_ngcontent-%COMP%]{max-width:1320px;margin:auto;padding:24px 28px 60px}.breadcrumb[_ngcontent-%COMP%]{display:flex;gap:7px;color:#737a87;font-size:12px;margin-bottom:18px}.breadcrumb[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{color:#9ca3af;text-decoration:none}.hero[_ngcontent-%COMP%]{display:flex;align-items:flex-start;gap:15px}.workflow-icon[_ngcontent-%COMP%]{display:grid;place-items:center;flex:0 0 46px;height:52px;border:1px solid #454957;border-radius:6px;color:#a5b4fc;font-weight:900}.hero-copy[_ngcontent-%COMP%]{min-width:0}.namespace[_ngcontent-%COMP%]{font:11px ui-monospace,monospace;color:#818cf8}.hero[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%]{font-size:26px;margin:4px 0}.hero[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{color:#9ba1ad;margin:5px 0;line-height:1.5;max-width:800px}.hero-actions[_ngcontent-%COMP%]{display:flex;gap:8px;margin-left:auto}.button[_ngcontent-%COMP%]{padding:9px 13px;border-radius:5px;text-decoration:none;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.button.secondary[_ngcontent-%COMP%]{border:1px solid #3b3e48;background:#1c1e24;color:#e5e7eb}.button.primary[_ngcontent-%COMP%]{border:1px solid #6366f1;background:#6366f1;color:#fff}.stats[_ngcontent-%COMP%]{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #2d3038;border-radius:7px;margin-top:24px;background:#16171c}.stats[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]{padding:13px 16px;border-right:1px solid #2d3038}.stats[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]:last-child{border:0}.stats[_ngcontent-%COMP%]   span[_ngcontent-%COMP%], .file-strip[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{display:block;color:#777e8b;font-size:10px;text-transform:uppercase;font-weight:700}.stats[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%]{display:block;margin-top:5px;font-size:14px}.file-strip[_ngcontent-%COMP%]{display:flex;align-items:center;gap:14px;padding:10px 14px;border:1px solid #2d3038;border-top:0;background:#131419}.file-strip[_ngcontent-%COMP%]   code[_ngcontent-%COMP%]{color:#aab0bb;font-size:11px}.tabs[_ngcontent-%COMP%]{display:flex;border-bottom:1px solid #2d3038;margin-top:24px}.tabs[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{border:0;background:transparent;color:#858c98;padding:10px 14px;font-weight:700;cursor:pointer}.tabs[_ngcontent-%COMP%]   button.active[_ngcontent-%COMP%]{color:#fff;box-shadow:inset 0 -2px #6366f1}.tabs[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{background:#292c34;padding:1px 5px;border-radius:8px;font-size:10px}.tab-content[_ngcontent-%COMP%]{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;margin-top:18px}.section-heading[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%], .dag-toolbar[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]{font-size:15px;margin:0}.section-heading[_ngcontent-%COMP%]   p[_ngcontent-%COMP%], .dag-toolbar[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{font-size:12px;color:#7f8692;margin:4px 0 12px}.node-row[_ngcontent-%COMP%]{display:grid;grid-template-columns:28px 38px minmax(180px,1fr) minmax(120px,.5fr);align-items:center;gap:11px;width:100%;border:1px solid #292c34;border-bottom:0;background:#16171c;color:#e5e7eb;padding:11px;text-align:left;cursor:pointer}.node-row[_ngcontent-%COMP%]:first-of-type{border-radius:6px 6px 0 0}.node-row[_ngcontent-%COMP%]:last-child{border-bottom:1px solid #292c34;border-radius:0 0 6px 6px}.node-row[_ngcontent-%COMP%]:hover, .node-row.selected[_ngcontent-%COMP%]{background:#1e2027;border-color:#494d5a}.step-index[_ngcontent-%COMP%]{color:#676e7a;font-size:11px;text-align:center}.type-icon[_ngcontent-%COMP%]{display:grid;place-items:center;width:34px;height:28px;border-radius:4px;background:#242630;color:#c4b5fd;font-size:9px;font-weight:900;text-transform:uppercase}.type-icon[data-type=bash][_ngcontent-%COMP%]{color:#fbbf24}.type-icon[data-type=command][_ngcontent-%COMP%]{color:#67e8f9}.node-main[_ngcontent-%COMP%]{min-width:0}.node-main[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%], .node-main[_ngcontent-%COMP%]   small[_ngcontent-%COMP%]{display:block}.node-main[_ngcontent-%COMP%]   small[_ngcontent-%COMP%]{color:#777e8b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px}.dependency[_ngcontent-%COMP%]{color:#858c98;font-size:11px;overflow-wrap:anywhere}.inspector[_ngcontent-%COMP%]{border:1px solid #2d3038;background:#16171c;border-radius:6px;padding:15px}.inspector-title[_ngcontent-%COMP%]{color:#777e8b;text-transform:uppercase;font-size:10px;font-weight:800}.inspector[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]{margin:8px 0;font-size:16px}.badge[_ngcontent-%COMP%]{display:inline-block;border:1px solid #4b4f5c;padding:2px 6px;border-radius:4px;font-size:10px;color:#a5b4fc}.inspector[_ngcontent-%COMP%]   dl[_ngcontent-%COMP%]{margin:14px 0}.inspector[_ngcontent-%COMP%]   dl[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #282a31;font-size:11px}.inspector[_ngcontent-%COMP%]   dt[_ngcontent-%COMP%]{color:#777e8b}.inspector[_ngcontent-%COMP%]   dd[_ngcontent-%COMP%]{margin:0;text-align:right;overflow-wrap:anywhere}.inspector[_ngcontent-%COMP%]   label[_ngcontent-%COMP%]{font-size:10px;color:#777e8b;text-transform:uppercase}.inspector[_ngcontent-%COMP%]   pre[_ngcontent-%COMP%]{white-space:pre-wrap;overflow-wrap:anywhere;background:#0d0e11;padding:10px;border-radius:5px;font-size:11px;max-height:240px;overflow:auto}.dag-panel[_ngcontent-%COMP%], .yaml-panel[_ngcontent-%COMP%], .runs-panel[_ngcontent-%COMP%]{margin-top:18px;border:1px solid #2d3038;border-radius:7px;overflow:hidden}.dag-toolbar[_ngcontent-%COMP%], .yaml-toolbar[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #2d3038;background:#16171c}.dag-toolbar[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{margin-bottom:0}.dag-toolbar[_ngcontent-%COMP%] > span[_ngcontent-%COMP%], .yaml-toolbar[_ngcontent-%COMP%]{font-size:11px;color:#858c98}.dag-scroll[_ngcontent-%COMP%]{overflow-x:auto;background-color:var(--background)}.dag-canvas[_ngcontent-%COMP%]{display:flex;align-items:flex-start;gap:20px;width:max-content;min-width:100%;box-sizing:border-box;padding:14px 16px;background-image:radial-gradient(#30333b 1px,transparent 1px);background-size:16px 16px}.dag-layer[_ngcontent-%COMP%]{display:flex;flex:0 0 auto;min-width:200px;flex-direction:column;gap:8px}.layer-label[_ngcontent-%COMP%]{font-size:10px;color:var(--text-tertiary);text-transform:uppercase}.dag-layer[_ngcontent-%COMP%]   article[_ngcontent-%COMP%]{border:1px solid var(--border-bright);background:var(--surface);border-radius:6px;padding:8px 10px}.dag-layer[_ngcontent-%COMP%]   article[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]{display:flex;align-items:center;gap:8px;min-width:0}.dag-layer[_ngcontent-%COMP%]   article[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%]{font-size:12px;overflow-wrap:anywhere}.dag-layer[_ngcontent-%COMP%]   article[_ngcontent-%COMP%]   .provider-badge[_ngcontent-%COMP%]{margin:7px 0 0}.yaml-toolbar[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{border:1px solid #3a3d47;background:#22242b;color:#ddd;border-radius:4px;padding:5px 9px}.yaml-panel[_ngcontent-%COMP%] > pre[_ngcontent-%COMP%]{margin:0;padding:18px;min-height:420px;max-height:65vh;overflow:auto;background:#0d0e11;color:#cdd6f4;font:12px/1.6 ui-monospace,monospace;white-space:pre-wrap}.runs-panel[_ngcontent-%COMP%]   table[_ngcontent-%COMP%]{width:100%;border-collapse:collapse;background:#16171c;font-size:12px}.runs-panel[_ngcontent-%COMP%]   th[_ngcontent-%COMP%], .runs-panel[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{padding:12px;text-align:left;border-bottom:1px solid #292c34}.runs-panel[_ngcontent-%COMP%]   th[_ngcontent-%COMP%]{color:#777e8b;text-transform:uppercase;font-size:10px}.runs-panel[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{color:#a5b4fc}.status[_ngcontent-%COMP%]{font-size:10px;text-transform:uppercase}.status[data-status=completed][_ngcontent-%COMP%]{color:#34d399}.status[data-status=failed][_ngcontent-%COMP%], .status[data-status=cancelled][_ngcontent-%COMP%]{color:#f87171}.status[data-status=running][_ngcontent-%COMP%]{color:#60a5fa}.provider-badge[_ngcontent-%COMP%]{display:inline-block;border:1px solid var(--border-bright);border-radius:4px;background:var(--surface-elevated);color:#c4b5fd;font:10px ui-monospace,monospace;padding:1px 6px;margin-left:8px;vertical-align:1px}.provider-badge.inherited[_ngcontent-%COMP%]{color:var(--text-tertiary);border-style:dashed;background:transparent}.history-tag[_ngcontent-%COMP%]{border:1px dashed var(--border-bright);color:var(--text-tertiary);padding:1px 5px;border-radius:4px;font-size:9px;text-transform:uppercase;margin-left:6px}.empty[_ngcontent-%COMP%], .state[_ngcontent-%COMP%]{padding:24px;text-align:center;color:#858c98}.state.error[_ngcontent-%COMP%]{color:#fca5a5}@media(max-width:900px){.detail-page[_ngcontent-%COMP%]{padding:18px 14px}.hero[_ngcontent-%COMP%]{flex-wrap:wrap}.hero-actions[_ngcontent-%COMP%]{width:100%;margin-left:61px}.stats[_ngcontent-%COMP%]{grid-template-columns:repeat(2,1fr)}.stats[_ngcontent-%COMP%]   div[_ngcontent-%COMP%]{border-bottom:1px solid #2d3038}.tab-content[_ngcontent-%COMP%]{grid-template-columns:1fr}.node-row[_ngcontent-%COMP%]{grid-template-columns:28px 38px 1fr}.dependency[_ngcontent-%COMP%]{grid-column:3}.inspector[_ngcontent-%COMP%]{position:static}}@media(max-width:600px){.stats[_ngcontent-%COMP%]{grid-template-columns:1fr}.hero-actions[_ngcontent-%COMP%]{margin-left:0}.tabs[_ngcontent-%COMP%]{overflow:auto}.node-row[_ngcontent-%COMP%]{grid-template-columns:28px 1fr}.type-icon[_ngcontent-%COMP%]{display:none}.node-main[_ngcontent-%COMP%], .dependency[_ngcontent-%COMP%]{grid-column:2}.dag-canvas[_ngcontent-%COMP%]{padding:18px}}"]})};export{le as WorkflowDetailComponent};

package/packages/web/dist/web/browser/chunk-V2CDNNWN.js

@@ -0,0 +1 @@
+import{Ea as u,Ma as d,a,b as p,m as l,p as o}from"./chunk-WMJLW2L6.js";var g=class n{http=o(u);projectService=o(d);params(r={}){let t=this.projectService.currentId;return t?p(a({},r),{project:t}):r}getProjects(){return this.http.get("/api/projects")}getProviders(){return this.http.get("/api/providers",{params:this.params()})}getWorkflows(){return this.http.get("/api/workflows",{params:this.params()})}getWorkflowFolders(){return this.http.get("/api/workflows/folders",{params:this.params()})}createWorkflowFolder(r){return this.http.post("/api/workflows/folders",{path:r},{params:this.params()})}getWorkflow(r){return this.http.get("/api/workflows/detail",{params:this.params({id:r})})}getRuns(){return this.http.get("/api/runs",{params:this.params()})}getRun(r){return this.http.get(`/api/runs/${r}`,{params:this.params()})}getNodeOutput(r,t){return this.http.get(`/api/runs/${r}/nodes/${t}/output`,{params:this.params()})}startRun(r,t,s={}){let e={workflow:r,args:t};s.provider&&(e.provider=s.provider),s.model&&(e.model=s.model);let i=this.projectService.currentId;return i&&(e.project=i),this.http.post("/api/runs",e)}saveWorkflow(r,t){return this.http.put("/api/workflows",{id:r,content:t},{params:this.params()})}runAction(r,t,s){let e=`/api/runs/${r}${t==="delete"?"":`/${t}`}`;return t==="delete"?this.http.delete(e,{params:this.params()}):this.http.post(e,t==="reject"?{reason:s}:{},{params:this.params()})}static \u0275fac=function(t){return new(t||n)};static \u0275prov=l({token:n,factory:n.\u0275fac,providedIn:"root"})};export{g as a};

package/packages/web/dist/web/browser/chunk-WJT4QH2P.js

@@ -0,0 +1,4 @@
+import{a as U,b as X,e as Q,g as Z,h as ee,i as te,j as ne}from"./chunk-XHOL7AER.js";import{a as oe}from"./chunk-V2CDNNWN.js";import{$ as p,B as s,Ca as G,F as V,Ga as H,Ia as J,J as _,Ja as K,M as F,S as u,T as i,U as r,V as O,W as D,X as $,Z as C,_ as f,a as B,aa as z,b as T,ba as L,ca as P,da as R,ea as d,fa as w,ga as v,ha as N,ia as h,ja as x,ka as b,na as Y,p as M,q as m,qa as A,r as g,s as S,t as I,ya as j,za as q}from"./chunk-WMJLW2L6.js";var le=l=>["/runs",l];function de(l,n){if(l&1){let e=C();i(0,"button",39),f("dragstart",function(o){let a=m(e).$implicit,c=p();return g(c.onPaletteDragStart(o,a.type))})("click",function(){let o=m(e).$implicit,a=p();return g(a.addNode(o.type))}),i(1,"span",40),d(2),r(),i(3,"span")(4,"strong"),d(5),r(),i(6,"small"),d(7),r()()()}if(l&2){let e=n.$implicit,t=p();s(2),w(t.iconFor(e.type)),s(3),w(e.label),s(2),w(e.description)}}function se(l,n){if(l&1){let e=C();i(0,"button",41),f("click",function(){let o=m(e).$implicit,a=p();return g(a.loadWorkflow(o.id))}),i(1,"span"),d(2),r(),i(3,"small"),d(4),r()()}if(l&2){let e=n.$implicit;s(2),w(e.name),s(2),v("",e.nodeCount," nodes")}}function ce(l,n){if(l&1&&(i(0,"div",42),d(1),r()),l&2){let e=p();P("error",e.saveState==="error"),s(),v(" ",e.statusMessage," ")}}function pe(l,n){l&1&&(i(0,"div",43)(1,"h2"),d(2,"Drop nodes here"),r(),i(3,"p"),d(4,"Build a DAG by adding Bash, Command, and Prompt nodes."),r()())}function me(l,n){if(l&1&&(S(),O(0,"line")),l&2){let e=n.$implicit;F("x1",e.x1)("y1",e.y1)("x2",e.x2)("y2",e.y2)}}function ge(l,n){if(l&1){let e=C();i(0,"button",44),f("click",function(){let o=m(e).$implicit,a=p();return g(a.selectNode(o))})("dragstart",function(o){let a=m(e).$implicit,c=p();return g(c.onNodeDragStart(o,a))}),i(1,"span",45),d(2),r(),i(3,"span",46)(4,"strong"),d(5),r(),i(6,"small"),d(7),r()()()}if(l&2){let e=n.$implicit,t=p();L("left",e.x,"px")("top",e.y,"px"),P("selected",(t.selectedNode==null?null:t.selectedNode.id)===e.id),s(2),w(t.iconFor(e.type)),s(3),w(e.id),s(2),N("",e.type," \xB7 ",e.dependsOn.length||0," deps")}}function ue(l,n){if(l&1&&(i(0,"option",67),d(1),r()),l&2){let e=n.$implicit;u("value",e.name)("disabled",!e.available),s(),N(" ",e.name,"",e.available?"":" \u2014 not available on this machine"," ")}}function fe(l,n){if(l&1&&O(0,"option",68),l&2){let e=n.$implicit;u("value",e)}}function _e(l,n){if(l&1){let e=C();i(0,"label",69)(1,"input",70),f("change",function(o){let a=m(e).$implicit,c=p(2);return g(c.toggleDependency(a.id,o))}),r(),i(2,"span"),d(3),r()()}if(l&2){let e=n.$implicit,t=p(2);s(),u("checked",t.selectedNode.dependsOn.includes(e.id)),s(2),w(e.id)}}function we(l,n){if(l&1){let e=C();D(0),i(1,"div",34),d(2,"Inspector"),r(),i(3,"label",47),d(4,"Node ID"),r(),i(5,"input",48),f("ngModelChange",function(o){m(e);let a=p();return g(a.renameSelectedNode(o))}),r(),i(6,"label",49),d(7,"Type"),r(),i(8,"select",50),b("ngModelChange",function(o){m(e);let a=p();return x(a.selectedNode.type,o)||(a.selectedNode.type=o),g(o)}),f("ngModelChange",function(){m(e);let o=p();return g(o.refreshYaml())}),i(9,"option",51),d(10,"bash"),r(),i(11,"option",52),d(12,"command"),r(),i(13,"option",53),d(14,"prompt"),r()(),i(15,"label",54),d(16,"Content"),r(),i(17,"textarea",55),b("ngModelChange",function(o){m(e);let a=p();return x(a.selectedNode.content,o)||(a.selectedNode.content=o),g(o)}),f("ngModelChange",function(){m(e);let o=p();return g(o.refreshYaml())}),r(),i(18,"label",56),d(19,"Provider"),r(),i(20,"select",57),b("ngModelChange",function(o){m(e);let a=p();return x(a.selectedNode.provider,o)||(a.selectedNode.provider=o),g(o)}),f("ngModelChange",function(){m(e);let o=p();return g(o.refreshYaml())}),i(21,"option",58),d(22,"(inherit workflow)"),r(),_(23,ue,2,4,"option",59),r(),i(24,"label",60),d(25,"Model"),r(),i(26,"input",61),b("ngModelChange",function(o){m(e);let a=p();return x(a.selectedNode.model,o)||(a.selectedNode.model=o),g(o)}),f("ngModelChange",function(){m(e);let o=p();return g(o.refreshYaml())}),r(),i(27,"datalist",62),_(28,fe,1,1,"option",63),r(),i(29,"label",64),d(30,"Depends on"),r(),_(31,_e,4,2,"label",65),i(32,"button",66),f("click",function(){m(e);let o=p();return g(o.deleteSelectedNode())}),d(33,"Delete Node"),r(),$()}if(l&2){let e=p();s(5),u("ngModel",e.selectedNode.id),s(3),h("ngModel",e.selectedNode.type),s(9),h("ngModel",e.selectedNode.content),s(3),h("ngModel",e.selectedNode.provider),s(3),u("ngForOf",e.providers),s(3),h("ngModel",e.selectedNode.model),s(2),u("ngForOf",e.modelSuggestions),s(3),u("ngForOf",e.dependencyCandidates)}}function he(l,n){l&1&&(i(0,"div",34),d(1,"Inspector"),r(),i(2,"p",71),d(3,"Select a node to edit its ID, type, command body, and dependencies."),r())}function xe(l,n){if(l&1&&(i(0,"a",72)(1,"span")(2,"strong"),d(3),r(),i(4,"small"),d(5),r()(),i(6,"em"),d(7),r()()),l&2){let e=n.$implicit,t=p();u("routerLink",Y(6,le,e.runId)),s(3),w(e.workflow),s(2),w(e.runId),s(),R(t.statusClass(e.status)),s(),w(e.status)}}function be(l,n){l&1&&(i(0,"p",71),d(1,"No runs yet."),r())}var ie=class l{api=M(oe);router=M(J);route=M(H);palette=[{type:"bash",label:"Bash",description:"Run a shell step"},{type:"command",label:"Command",description:"Use a .vsaf command"},{type:"prompt",label:"Prompt",description:"Call an AI provider"}];workflowName="new-workflow";workflowFolder="";description="Draft workflow";nodes=[];selectedNode;workflows=[];runs=[];providers=[];yamlPreview="";saveState="idle";statusMessage="";draggingType;draggingNodeId;ngOnInit(){this.workflowFolder=W(this.route.snapshot.queryParamMap.get("folder")??""),this.refreshData(),this.resetBuilder();let n=this.route.snapshot.queryParamMap.get("edit");n&&this.loadWorkflow(n)}refreshData(){this.api.getWorkflows().subscribe(n=>this.workflows=n),this.api.getRuns().subscribe(n=>this.runs=n.slice().reverse().slice(0,8)),this.api.getProviders().subscribe({next:n=>this.providers=n.providers??[],error:()=>this.providers=[]})}get modelSuggestions(){let n=this.selectedNode?.provider||re;return this.providers.find(e=>e.name===n)?.defaultModels??[]}resetBuilder(){this.workflowName="new-workflow",this.description="Draft workflow",this.nodes=[this.makeNode("bash",80,100,"setup"),this.makeNode("command",330,170,"review")],this.nodes[1].dependsOn=[this.nodes[0].id],this.selectedNode=this.nodes[0],this.setStatus(""),this.refreshYaml()}get workflowId(){let n=W(this.workflowFolder),e=y(this.workflowName);return n?`${n}/${e}`:e}onPaletteDragStart(n,e){this.draggingType=e,n.dataTransfer?.setData("application/x-vsaf-node-type",e),n.dataTransfer?.setData("text/plain",e)}onNodeDragStart(n,e){this.draggingNodeId=e.id,n.dataTransfer?.setData("application/x-vsaf-node-id",e.id)}onCanvasDragOver(n){n.preventDefault()}onCanvasDrop(n){n.preventDefault();let e=n.currentTarget.getBoundingClientRect(),t=Math.max(18,n.clientX-e.left-95),o=Math.max(18,n.clientY-e.top-24),a=n.dataTransfer?.getData("application/x-vsaf-node-id")||this.draggingNodeId;if(a){let k=this.nodes.find(ae=>ae.id===a);k&&(k.x=t,k.y=o,this.selectNode(k),this.refreshYaml()),this.draggingNodeId=void 0;return}let c=n.dataTransfer?.getData("application/x-vsaf-node-type")||this.draggingType;c&&this.addNode(c,t,o),this.draggingType=void 0}addNode(n,e=90+this.nodes.length*34,t=90+this.nodes.length*42){let o=this.makeNode(n,e,t);this.nodes=[...this.nodes,o],this.selectNode(o),this.refreshYaml()}selectNode(n){this.selectedNode=n}renameSelectedNode(n){if(!this.selectedNode)return;let e=y(n);if(!e)return;let t=this.selectedNode.id;if(t!==e){if(this.nodes.some(o=>o.id===e)){this.setStatus(`Node ID already exists: ${e}`,"error");return}this.selectedNode.id=e;for(let o of this.nodes)o.dependsOn=o.dependsOn.map(a=>a===t?e:a);this.refreshYaml()}}toggleDependency(n,e){if(!this.selectedNode)return;e.target.checked?this.selectedNode.dependsOn=[...new Set([...this.selectedNode.dependsOn,n])]:this.selectedNode.dependsOn=this.selectedNode.dependsOn.filter(o=>o!==n),this.refreshYaml()}deleteSelectedNode(){if(!this.selectedNode)return;let n=this.selectedNode.id;this.nodes=this.nodes.filter(e=>e.id!==n).map(e=>T(B({},e),{dependsOn:e.dependsOn.filter(t=>t!==n)})),this.selectedNode=this.nodes[0],this.refreshYaml()}loadWorkflow(n){this.api.getWorkflow(n).subscribe(e=>{let t=e.id.lastIndexOf("/");this.workflowFolder=t>=0?e.id.slice(0,t):"",this.workflowName=t>=0?e.id.slice(t+1):e.id,this.description=e.description||"Workflow loaded from disk",this.nodes=e.nodes.map((o,a)=>({id:o.id,type:o.type,title:o.id,content:o.content,dependsOn:o.dependsOn,provider:o.provider??"",model:o.model??"",x:80+a%3*250,y:80+Math.floor(a/3)*120})),this.selectedNode=this.nodes[0],this.setStatus(`Loaded ${e.name}`),this.refreshYaml()})}saveWorkflow(){this.saveCurrentWorkflow()}runWorkflow(){this.saveCurrentWorkflow(n=>{this.api.startRun(n,"").subscribe({next:e=>this.router.navigate(["/runs",e.runId]),error:e=>this.setStatus(e?.error?.error??e?.message??"Run failed","error")})})}refreshYaml(){this.yamlPreview=ye(this.workflowName,this.description,this.nodes),this.saveState==="saved"&&(this.saveState="idle")}get dependencyCandidates(){return this.selectedNode?this.nodes.filter(n=>n.id!==this.selectedNode.id):[]}get edges(){let n=new Map(this.nodes.map(t=>[t.id,t])),e=[];for(let t of this.nodes)for(let o of t.dependsOn){let a=n.get(o);a&&e.push({x1:a.x+190,y1:a.y+28,x2:t.x,y2:t.y+28})}return e}iconFor(n){switch(n){case"bash":return"$";case"command":return"/";case"prompt":return"AI"}}statusClass(n){switch(n){case"completed":return"status-completed";case"failed":return"status-failed";case"running":return"status-running";default:return"status-default"}}saveCurrentWorkflow(n){let e=y(this.workflowName),t=W(this.workflowFolder),o=t?`${t}/${e}`:e;if(!e||this.nodes.length===0){this.setStatus("Workflow name and at least one node are required.","error");return}this.workflowName=e,this.refreshYaml(),this.saveState="saving",this.api.saveWorkflow(o,this.yamlPreview).subscribe({next:()=>{this.saveState="saved",this.setStatus(`Saved ${o}`),this.refreshData(),n?.(o)},error:a=>{this.saveState="error",this.setStatus(a?.error?.error??a?.message??"Save failed","error")}})}makeNode(n,e,t,o=n){let a=ve(this.nodes.map(c=>c.id),`${n}-${o}`);return{id:a,type:n,title:a,content:Ce(n,a),dependsOn:[],provider:"",model:"",x:e,y:t}}setStatus(n,e="idle"){this.statusMessage=n,this.saveState=e}static \u0275fac=function(e){return new(e||l)};static \u0275cmp=V({type:l,selectors:[["app-workflow-builder"]],decls:63,vars:19,consts:[["noSelection",""],[1,"builder-shell"],[1,"sidebar"],[1,"brand-row"],[1,"brand-mark"],[1,"brand-title"],[1,"brand-subtitle"],["for","workflow-folder",1,"field-label"],["id","workflow-folder","placeholder","e.g. sdlc/release",1,"text-input",3,"ngModelChange","ngModel"],["for","workflow-name",1,"field-label"],["id","workflow-name",1,"text-input",3,"ngModelChange","ngModel"],["for","workflow-description",1,"field-label"],["id","workflow-description","rows","3",1,"text-area",3,"ngModelChange","ngModel"],[1,"section-title"],["type","button","class","palette-item","draggable","true",3,"dragstart","click",4,"ngFor","ngForOf"],["type","button","class","workflow-link",3,"click",4,"ngFor","ngForOf"],[1,"workspace"],[1,"toolbar"],[1,"toolbar-actions"],["type","button",1,"ghost-button",3,"click"],["type","button",1,"primary-button",3,"click","disabled"],["type","button",1,"run-button",3,"click","disabled"],["class","status-row",3,"error",4,"ngIf"],[1,"builder-grid"],[1,"canvas",3,"dragover","drop"],[1,"canvas-grid"],["class","empty-state",4,"ngIf"],["aria-hidden","true",1,"edges"],[4,"ngFor","ngForOf"],["type","button","class","node-card","draggable","true",3,"selected","left","top","click","dragstart",4,"ngFor","ngForOf"],[1,"inspector"],[4,"ngIf","ngIfElse"],[1,"bottom-grid"],[1,"yaml-panel"],[1,"panel-title"],[1,"yaml-editor",3,"ngModelChange","ngModel"],[1,"runs-panel"],["class","run-row",3,"routerLink",4,"ngFor","ngForOf"],["class","muted",4,"ngIf"],["type","button","draggable","true",1,"palette-item",3,"dragstart","click"],[1,"palette-icon"],["type","button",1,"workflow-link",3,"click"],[1,"status-row"],[1,"empty-state"],["type","button","draggable","true",1,"node-card",3,"click","dragstart"],[1,"node-kind"],[1,"node-copy"],["for","node-id",1,"field-label"],["id","node-id",1,"text-input",3,"ngModelChange","ngModel"],["for","node-type",1,"field-label"],["id","node-type",1,"text-input",3,"ngModelChange","ngModel"],["value","bash"],["value","command"],["value","prompt"],["for","node-content",1,"field-label"],["id","node-content","rows","7",1,"text-area","mono",3,"ngModelChange","ngModel"],["for","node-provider",1,"field-label"],["id","node-provider",1,"text-input",3,"ngModelChange","ngModel"],["value",""],[3,"value","disabled",4,"ngFor","ngForOf"],["for","node-model",1,"field-label"],["id","node-model","list","builder-model-suggestions","placeholder","(inherit)",1,"text-input",3,"ngModelChange","ngModel"],["id","builder-model-suggestions"],[3,"value",4,"ngFor","ngForOf"],[1,"field-label"],["class","check-row",4,"ngFor","ngForOf"],["type","button",1,"danger-button",3,"click"],[3,"value","disabled"],[3,"value"],[1,"check-row"],["type","checkbox",3,"change","checked"],[1,"muted"],[1,"run-row",3,"routerLink"]],template:function(e,t){if(e&1){let o=C();i(0,"section",1)(1,"aside",2)(2,"div",3)(3,"div",4),d(4,"V"),r(),i(5,"div")(6,"div",5),d(7,"VSAF Builder"),r(),i(8,"div",6),d(9,"Workflow canvas"),r()()(),i(10,"label",7),d(11,"Folder"),r(),i(12,"input",8),b("ngModelChange",function(c){return m(o),x(t.workflowFolder,c)||(t.workflowFolder=c),g(c)}),r(),i(13,"label",9),d(14,"Workflow name"),r(),i(15,"input",10),b("ngModelChange",function(c){return m(o),x(t.workflowName,c)||(t.workflowName=c),g(c)}),f("ngModelChange",function(){return t.refreshYaml()}),r(),i(16,"label",11),d(17,"Description"),r(),i(18,"textarea",12),b("ngModelChange",function(c){return m(o),x(t.description,c)||(t.description=c),g(c)}),f("ngModelChange",function(){return t.refreshYaml()}),r(),i(19,"div",13),d(20,"Node Palette"),r(),_(21,de,8,3,"button",14),i(22,"div",13),d(23,"Existing"),r(),_(24,se,5,2,"button",15),r(),i(25,"main",16)(26,"header",17)(27,"div")(28,"h1"),d(29),r(),i(30,"p"),d(31),r()(),i(32,"div",18)(33,"button",19),f("click",function(){return t.resetBuilder()}),d(34,"New"),r(),i(35,"button",19),f("click",function(){return t.refreshData()}),d(36,"Reload"),r(),i(37,"button",20),f("click",function(){return t.saveWorkflow()}),d(38),r(),i(39,"button",21),f("click",function(){return t.runWorkflow()}),d(40,"Run"),r()()(),_(41,ce,2,3,"div",22),i(42,"div",23)(43,"section",24),f("dragover",function(c){return t.onCanvasDragOver(c)})("drop",function(c){return t.onCanvasDrop(c)}),O(44,"div",25),_(45,pe,5,0,"div",26),S(),i(46,"svg",27),_(47,me,1,4,"line",28),r(),_(48,ge,8,10,"button",29),r(),I(),i(49,"aside",30),_(50,we,34,8,"ng-container",31)(51,he,4,0,"ng-template",null,0,A),r()(),i(53,"section",32)(54,"div",33)(55,"div",34),d(56,"Workflow YAML"),r(),i(57,"textarea",35),b("ngModelChange",function(c){return m(o),x(t.yamlPreview,c)||(t.yamlPreview=c),g(c)}),r()(),i(58,"div",36)(59,"div",34),d(60,"Recent Runs"),r(),_(61,xe,8,8,"a",37)(62,be,2,0,"p",38),r()()()()}if(e&2){let o=z(52);s(12),h("ngModel",t.workflowFolder),s(3),h("ngModel",t.workflowName),s(3),h("ngModel",t.description),s(3),u("ngForOf",t.palette),s(3),u("ngForOf",t.workflows),s(5),w(t.workflowId||"untitled-workflow"),s(2),v("",t.nodes.length," nodes \xB7 drag from palette or click a node to edit"),s(6),u("disabled",t.saveState==="saving"),s(),v(" ",t.saveState==="saving"?"Saving...":"Save Workflow"," "),s(),u("disabled",t.nodes.length===0),s(2),u("ngIf",t.statusMessage),s(4),u("ngIf",t.nodes.length===0),s(2),u("ngForOf",t.edges),s(),u("ngForOf",t.nodes),s(2),u("ngIf",t.selectedNode)("ngIfElse",o),s(7),h("ngModel",t.yamlPreview),s(4),u("ngForOf",t.runs),s(),u("ngIf",t.runs.length===0)}},dependencies:[G,j,q,ne,ee,te,U,Z,X,Q,K],styles:["[_nghost-%COMP%]{display:block;min-height:calc(100vh - 56px);background:#101114;color:#e7e7ea}button[_ngcontent-%COMP%], input[_ngcontent-%COMP%], textarea[_ngcontent-%COMP%], select[_ngcontent-%COMP%]{font:inherit}.builder-shell[_ngcontent-%COMP%]{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:calc(100vh - 56px)}.sidebar[_ngcontent-%COMP%]{border-right:1px solid #2b2d33;background:#17181d;padding:16px;overflow:auto}.brand-row[_ngcontent-%COMP%]{display:flex;align-items:center;gap:10px;margin-bottom:22px}.brand-mark[_ngcontent-%COMP%]{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#6366f1;color:#fff;font-weight:700}.brand-title[_ngcontent-%COMP%]{font-size:15px;font-weight:700}.brand-subtitle[_ngcontent-%COMP%], .muted[_ngcontent-%COMP%], small[_ngcontent-%COMP%]{color:#9ca3af}.field-label[_ngcontent-%COMP%], .section-title[_ngcontent-%COMP%]{display:block;margin:14px 0 7px;color:#a1a1aa;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.text-input[_ngcontent-%COMP%], .text-area[_ngcontent-%COMP%]{width:100%;box-sizing:border-box;border:1px solid #333640;border-radius:7px;background:#101114;color:#f4f4f5;padding:9px 10px;outline:none}.text-input[_ngcontent-%COMP%]:focus, .text-area[_ngcontent-%COMP%]:focus, .yaml-editor[_ngcontent-%COMP%]:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f12e}.text-area[_ngcontent-%COMP%]{resize:vertical}.mono[_ngcontent-%COMP%], .yaml-editor[_ngcontent-%COMP%]{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.palette-item[_ngcontent-%COMP%], .workflow-link[_ngcontent-%COMP%]{display:flex;align-items:center;gap:10px;width:100%;border:1px solid #2b2d33;border-radius:8px;background:#1f2128;color:#e7e7ea;padding:10px;margin-bottom:8px;text-align:left;cursor:grab}.palette-item[_ngcontent-%COMP%]:hover, .workflow-link[_ngcontent-%COMP%]:hover{border-color:#4f46e5;background:#242633}.palette-icon[_ngcontent-%COMP%]{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#111827;color:#a5b4fc}.palette-item[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%], .workflow-link[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{display:block;font-size:13px}.palette-item[_ngcontent-%COMP%]   small[_ngcontent-%COMP%], .workflow-link[_ngcontent-%COMP%]   small[_ngcontent-%COMP%]{display:block;font-size:11px;margin-top:2px}.workflow-link[_ngcontent-%COMP%]{justify-content:space-between;cursor:pointer}.workspace[_ngcontent-%COMP%]{min-width:0;padding:18px;overflow:auto}.toolbar[_ngcontent-%COMP%]{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:12px}.toolbar[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%]{margin:0;font-size:20px}.toolbar[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{margin:4px 0 0;color:#9ca3af;font-size:13px}.toolbar-actions[_ngcontent-%COMP%]{display:flex;gap:8px;flex-wrap:wrap}.ghost-button[_ngcontent-%COMP%], .primary-button[_ngcontent-%COMP%], .run-button[_ngcontent-%COMP%], .danger-button[_ngcontent-%COMP%]{border:1px solid #333640;border-radius:7px;padding:8px 12px;color:#f4f4f5;background:#20222a;cursor:pointer}.primary-button[_ngcontent-%COMP%]{background:#4f46e5;border-color:#4f46e5}.run-button[_ngcontent-%COMP%]{background:#059669;border-color:#059669}.danger-button[_ngcontent-%COMP%]{width:100%;margin-top:14px;background:#3f1d24;border-color:#7f1d1d;color:#fecaca}.primary-button[_ngcontent-%COMP%]:disabled, .run-button[_ngcontent-%COMP%]:disabled{opacity:.55;cursor:not-allowed}.status-row[_ngcontent-%COMP%]{border:1px solid #1f5f45;border-radius:8px;background:#092d22;color:#a7f3d0;padding:10px 12px;margin-bottom:12px;font-size:13px}.status-row.error[_ngcontent-%COMP%]{border-color:#7f1d1d;background:#2a1217;color:#fecaca}.builder-grid[_ngcontent-%COMP%]{display:grid;grid-template-columns:minmax(520px,1fr) 320px;gap:14px;min-height:470px}.canvas[_ngcontent-%COMP%]{position:relative;overflow:hidden;min-height:470px;border:1px solid #2b2d33;border-radius:8px;background:#15161b}.canvas-grid[_ngcontent-%COMP%]{position:absolute;inset:0;background-image:linear-gradient(#24262e 1px,transparent 1px),linear-gradient(90deg,#24262e 1px,transparent 1px);background-size:28px 28px;opacity:.45}.empty-state[_ngcontent-%COMP%]{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#9ca3af;pointer-events:none}.empty-state[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]{margin:0 0 6px;color:#e7e7ea}.edges[_ngcontent-%COMP%]{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.edges[_ngcontent-%COMP%]   line[_ngcontent-%COMP%]{stroke:#6366f1;stroke-width:2;stroke-dasharray:5 5;opacity:.8}.node-card[_ngcontent-%COMP%]{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;width:190px;border:1px solid #3f4250;border-radius:8px;background:#20222a;color:#f4f4f5;padding:11px;cursor:move;text-align:left;box-shadow:0 12px 28px #00000038}.node-card.selected[_ngcontent-%COMP%]{border-color:#818cf8;box-shadow:0 0 0 2px #6366f147,0 12px 28px #00000038}.node-kind[_ngcontent-%COMP%]{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:#111827;color:#a5b4fc}.node-copy[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%], .node-copy[_ngcontent-%COMP%]   small[_ngcontent-%COMP%]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-copy[_ngcontent-%COMP%]{min-width:0}.inspector[_ngcontent-%COMP%], .yaml-panel[_ngcontent-%COMP%], .runs-panel[_ngcontent-%COMP%]{border:1px solid #2b2d33;border-radius:8px;background:#17181d;padding:14px}.panel-title[_ngcontent-%COMP%]{margin-bottom:12px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#d4d4d8}.check-row[_ngcontent-%COMP%]{display:flex;align-items:center;gap:8px;margin:8px 0;color:#d4d4d8;font-size:13px}.bottom-grid[_ngcontent-%COMP%]{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;margin-top:14px}.yaml-editor[_ngcontent-%COMP%]{width:100%;min-height:260px;box-sizing:border-box;border:1px solid #333640;border-radius:7px;background:#0f1014;color:#d4d4d8;padding:12px;resize:vertical}.run-row[_ngcontent-%COMP%]{display:flex;justify-content:space-between;gap:12px;padding:10px 0;color:#e7e7ea;text-decoration:none;border-bottom:1px solid #252730}.run-row[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%], .run-row[_ngcontent-%COMP%]   small[_ngcontent-%COMP%]{display:block}.run-row[_ngcontent-%COMP%]   small[_ngcontent-%COMP%]{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.status-completed[_ngcontent-%COMP%]{color:#34d399}.status-failed[_ngcontent-%COMP%]{color:#f87171}.status-running[_ngcontent-%COMP%]{color:#60a5fa}.status-default[_ngcontent-%COMP%]{color:#a1a1aa}@media(max-width:980px){.builder-shell[_ngcontent-%COMP%], .builder-grid[_ngcontent-%COMP%], .bottom-grid[_ngcontent-%COMP%]{grid-template-columns:1fr}.sidebar[_ngcontent-%COMP%]{border-right:0;border-bottom:1px solid #2b2d33}.toolbar[_ngcontent-%COMP%]{align-items:flex-start;flex-direction:column}}"]})};function Ce(l,n){switch(l){case"bash":return`echo "${n}"`;case"command":return n;case"prompt":return`Complete ${n} and summarize the result.`}}var re="claude";function ye(l,n,e){let t=[`name: ${y(l)||"new-workflow"}`,`description: ${E(n||"Draft workflow")}`,`provider: ${re}`,"model: sonnet","nodes:"];for(let o of e)if(t.push(`  - id: ${o.id}`),o.dependsOn.length>0&&t.push(`    depends_on: [${o.dependsOn.join(", ")}]`),o.provider&&t.push(`    provider: ${o.provider}`),o.model&&t.push(`    model: ${o.model}`),o.type==="bash")t.push(`    bash: ${E(o.content||"echo ok")}`);else if(o.type==="command")t.push(`    command: ${E(o.content||o.id)}`);else{t.push("    prompt: |");for(let a of(o.content||`Complete ${o.id}`).split(`
+`))t.push(`      ${a}`)}return`${t.join(`
+`)}
+`}function y(l){return l.trim().toLowerCase().replace(/[^a-z0-9_-]+/g,"-").replace(/^-+|-+$/g,"")}function W(l){return l.split("/").map(y).filter(Boolean).join("/")}function ve(l,n){let e=y(n)||"node";if(!l.includes(e))return e;let t=2;for(;l.includes(`${e}-${t}`);)t++;return`${e}-${t}`}function E(l){return JSON.stringify(l)}export{ie as WorkflowBuilderComponent};