comisai 1.0.24 → 1.0.26

package/node_modules/@comis/web/dist/assets/pipeline-builder-DcUUIrm0.js

@@ -1,1496 +0,0 @@
-import{s as T,i as M,n as w,r as u,a as A,A as f,b as d,t as O,f as V,I as z}from"./index-CEcM1R_C.js";import"./ic-breadcrumb-CUMpp3BL.js";import{D as G,s as H,c as J,a as F,z as B,N as W,b as K,M as Y,d as X}from"./ic-graph-canvas-C8FuSMe1.js";import"./ic-confirm-dialog-CCDbB04e.js";import{e as Z,s as Q}from"./extract-variables-BM5qyK-s.js";import"./directive-DoeGSK_T.js";const ee=50,q={label:"Untitled Pipeline",onFailure:"fail-fast"};function te(){let e=[],t=[],s={...q},i=new Set,a=null,r={...G},o=null,l=!1,p=[],g=[];const _=new Set;function n(){for(const c of _)c()}function h(){return structuredClone({nodes:e,edges:t,settings:s})}function b(){p.push(h()),p.length>ee&&p.shift(),g=[]}function D(c){e=structuredClone(c.nodes),t=structuredClone(c.edges),s=structuredClone(c.settings)}return{subscribe(c){return _.add(c),()=>{_.delete(c)}},getSnapshot(){return Object.freeze({nodes:[...e],edges:[...t],settings:{...s},selectedNodeIds:new Set(i),selectedEdgeId:a,viewport:{...r},validationResult:o,isDirty:l,canUndo:p.length>0,canRedo:g.length>0})},addNode(c){b(),e.push(c),l=!0,n()},updateNode(c,y){b(),e=e.map(k=>k.id===c?{...k,...y,id:k.id}:k),l=!0,n()},removeNode(c){b(),e=e.filter(y=>y.id!==c),t=t.filter(y=>y.source!==c&&y.target!==c),l=!0,n()},addEdge(c,y){b();const k={id:`${c}->${y}`,source:c,target:y};t.push(k),l=!0,n()},removeEdge(c){b(),t=t.filter(y=>y.id!==c),l=!0,n()},updateSettings(c){b(),s={...s,...c},l=!0,n()},moveNodes(c){b();for(const{nodeId:y,position:k}of c)e=e.map(L=>L.id===y?{...L,position:k}:L);l=!0,n()},selectNode(c,y=!1){a=null,y?(i=new Set(i),i.add(c)):i=new Set([c]),n()},selectAll(){i=new Set(e.map(c=>c.id)),n()},clearSelection(){i=new Set,a=null,n()},selectEdge(c){a=c,i=new Set,n()},clearEdgeSelection(){a=null,n()},setViewport(c){r={...c},n()},setValidation(c){o=c,n()},undo(){if(p.length===0)return;g.push(h());const c=p.pop();D(c),l=!0,n()},redo(){if(g.length===0)return;p.push(h());const c=g.pop();D(c),l=!0,n()},markClean(){l=!1,n()},reset(){e=[],t=[],s={...q},i=new Set,a=null,r={...G},o=null,l=!1,p=[],g=[],n()}}}function j(e,t,s){if(t===s)return!0;const i=new Map;for(const l of e){let p=i.get(l.source);p||(p=[],i.set(l.source,p)),p.push(l.target)}let a=i.get(t);a||(a=[],i.set(t,a)),a.push(s);const r=new Set,o=[s];for(;o.length>0;){const l=o.pop();if(l===t)return!0;if(r.has(l))continue;r.add(l);const p=i.get(l);if(p)for(const g of p)r.has(g)||o.push(g)}return!1}var se=Object.defineProperty,ie=Object.getOwnPropertyDescriptor,E=(e,t,s,i)=>{for(var a=i>1?void 0:i?ie(t,s):t,r=e.length-1,o;r>=0;r--)(o=e[r])&&(a=(i?o(t,s,a):o(a))||a);return i&&a&&se(t,s,a),a};let C=class extends A{constructor(){super(...arguments),this.settings={label:"Untitled Pipeline",onFailure:"fail-fast"},this.hasErrors=!1,this.isDirty=!1,this.validateResult="",this._validating=!1}_dispatchSettingsChange(e){this.dispatchEvent(new CustomEvent("settings-change",{detail:e,bubbles:!0,composed:!0}))}_onLabelChange(e){const t=e.target.value;this._dispatchSettingsChange({label:t})}_onPolicyChange(e){const t=e.target.value;this._dispatchSettingsChange({onFailure:t})}_onTimeoutChange(e){const t=e.target.value,s=t?parseInt(t,10):void 0;this._dispatchSettingsChange({timeoutMs:s&&s>0?s:void 0})}_onMaxTokensChange(e){const t=e.target.value,s=t?parseInt(t,10):void 0,i=this.settings.budget??{};this._dispatchSettingsChange({budget:{...i,maxTokens:s&&s>0?s:void 0}})}_onMaxCostChange(e){const t=e.target.value,s=t?parseFloat(t):void 0,i=this.settings.budget??{};this._dispatchSettingsChange({budget:{...i,maxCost:s&&s>0?s:void 0}})}_onValidate(){this.dispatchEvent(new CustomEvent("validate",{bubbles:!0,composed:!0}))}_onSaveDraft(){this.dispatchEvent(new CustomEvent("save-draft",{bubbles:!0,composed:!0}))}_onRun(){this.dispatchEvent(new CustomEvent("run",{bubbles:!0,composed:!0}))}render(){const e=this.validateResult.startsWith("Error:");return d`
-      <div class="settings-bar">
-        <div class="field">
-          <label>Label:</label>
-          <input
-            class="field-label-input"
-            type="text"
-            placeholder="Pipeline label"
-            .value=${this.settings.label}
-            @input=${this._onLabelChange}
-          />
-        </div>
-        <div class="field">
-          <label>Policy:</label>
-          <select .value=${this.settings.onFailure} @change=${this._onPolicyChange}>
-            <option value="fail-fast" ?selected=${this.settings.onFailure==="fail-fast"}>fail-fast</option>
-            <option value="continue" ?selected=${this.settings.onFailure==="continue"}>continue</option>
-          </select>
-        </div>
-        <div class="field">
-          <label>Timeout:</label>
-          <input
-            class="field-number"
-            type="number"
-            min="0"
-            placeholder="ms"
-            .value=${this.settings.timeoutMs!=null?String(this.settings.timeoutMs):""}
-            @input=${this._onTimeoutChange}
-          />
-        </div>
-        <div class="field">
-          <label>Max Tokens:</label>
-          <input
-            class="field-number"
-            type="number"
-            min="0"
-            placeholder="0"
-            .value=${this.settings.budget?.maxTokens!=null?String(this.settings.budget.maxTokens):""}
-            @input=${this._onMaxTokensChange}
-          />
-        </div>
-        <div class="field">
-          <label>Max Cost:</label>
-          <input
-            class="field-cost"
-            type="number"
-            min="0"
-            step="0.01"
-            placeholder="$0.00"
-            .value=${this.settings.budget?.maxCost!=null?String(this.settings.budget.maxCost):""}
-            @input=${this._onMaxCostChange}
-          />
-        </div>
-        <div class="spacer"></div>
-        <button
-          class="btn-validate"
-          ?disabled=${this._validating}
-          @click=${this._onValidate}
-        >
-          ${this._validating?"Validating...":"Validate"}
-        </button>
-        <button
-          class="btn-save"
-          ?disabled=${!this.isDirty}
-          @click=${this._onSaveDraft}
-        >
-          Save Draft
-        </button>
-        <button
-          class="btn-run"
-          ?disabled=${this.hasErrors}
-          title=${this.hasErrors?"Fix validation errors before running":"Run pipeline"}
-          @click=${this._onRun}
-        >
-          Run
-        </button>
-      </div>
-      ${this.validateResult?d`<div class="validate-result ${e?"is-error":""}">${this.validateResult}</div>`:f}
-    `}};C.styles=[T,M`
-      :host {
-        display: block;
-      }
-
-      .settings-bar {
-        display: flex;
-        flex-wrap: wrap;
-        gap: 8px;
-        align-items: center;
-        padding: 8px 12px;
-        min-height: 48px;
-        background: var(--ic-surface);
-        border-bottom: 1px solid var(--ic-border);
-      }
-
-      .field {
-        display: flex;
-        align-items: center;
-        gap: 4px;
-      }
-
-      .field label {
-        font-size: var(--ic-text-xs);
-        color: var(--ic-text-muted);
-        white-space: nowrap;
-      }
-
-      .field input,
-      .field select {
-        background: var(--ic-surface-2);
-        border: 1px solid var(--ic-border);
-        border-radius: var(--ic-radius-sm);
-        padding: 4px 8px;
-        color: var(--ic-text);
-        font-size: var(--ic-text-sm);
-        font-family: inherit;
-      }
-
-      .field input:focus,
-      .field select:focus {
-        border-color: var(--ic-accent);
-        outline: none;
-      }
-
-      .field-label-input {
-        width: 160px;
-      }
-
-      .field-number {
-        width: 80px;
-      }
-
-      .field-cost {
-        width: 90px;
-      }
-
-      .spacer {
-        flex: 1;
-      }
-
-      .btn-validate {
-        padding: 4px 14px;
-        background: var(--ic-accent);
-        color: var(--ic-text);
-        border: none;
-        border-radius: var(--ic-radius-sm);
-        font-size: var(--ic-text-sm);
-        font-family: inherit;
-        cursor: pointer;
-        white-space: nowrap;
-      }
-
-      .btn-validate:hover {
-        filter: brightness(1.1);
-      }
-
-      .btn-validate:disabled {
-        opacity: 0.5;
-        cursor: not-allowed;
-      }
-
-      .btn-save {
-        padding: 4px 14px;
-        background: var(--ic-surface-2);
-        color: var(--ic-text-muted);
-        border: 1px solid var(--ic-border);
-        border-radius: var(--ic-radius-sm);
-        font-size: var(--ic-text-sm);
-        font-family: inherit;
-        cursor: pointer;
-        white-space: nowrap;
-      }
-      .btn-save:hover:not(:disabled) {
-        background: var(--ic-accent);
-        color: var(--ic-text);
-        border-color: var(--ic-accent);
-      }
-      .btn-save:disabled {
-        opacity: 0.5;
-        cursor: not-allowed;
-      }
-
-      .btn-run {
-        padding: 4px 14px;
-        background: #22c55e;
-        color: #fff;
-        border: none;
-        border-radius: var(--ic-radius-sm);
-        font-size: var(--ic-text-sm);
-        font-family: inherit;
-        cursor: pointer;
-        white-space: nowrap;
-      }
-
-      .btn-run:hover:not(:disabled) {
-        filter: brightness(1.1);
-      }
-
-      .btn-run:disabled {
-        opacity: 0.5;
-        cursor: not-allowed;
-      }
-
-      .validate-result {
-        width: 100%;
-        padding: 4px 12px;
-        font-size: var(--ic-text-xs);
-        color: var(--ic-text-muted);
-      }
-
-      .validate-result.is-error {
-        color: var(--ic-error);
-      }
-    `];E([w({attribute:!1})],C.prototype,"settings",2);E([w({type:Boolean})],C.prototype,"hasErrors",2);E([w({type:Boolean})],C.prototype,"isDirty",2);E([w()],C.prototype,"validateResult",2);E([u()],C.prototype,"_validating",2);C=E([O("ic-graph-settings")],C);var ae=Object.defineProperty,re=Object.getOwnPropertyDescriptor,P=(e,t,s,i)=>{for(var a=i>1?void 0:i?re(t,s):t,r=e.length-1,o;r>=0;r--)(o=e[r])&&(a=(i?o(t,s,a):o(a))||a);return i&&a&&ae(t,s,a),a};let N=class extends A{constructor(){super(...arguments),this.validationResult=null,this._expandErrors=!1,this._expandWarnings=!1}_onMessageClick(e){e.nodeIds&&e.nodeIds.length>0&&this.dispatchEvent(new CustomEvent("highlight-nodes",{detail:{nodeIds:e.nodeIds},bubbles:!0,composed:!0}))}render(){if(!this.validationResult)return f;const{valid:e,errors:t,warnings:s}=this.validationResult,i=t.length,a=s.length;return d`
-      <div class="validation-bar">
-        <div class="status-row">
-          ${i>0?d`<span class="status-icon invalid">\u2716</span>`:d`<span class="status-icon valid">\u2714</span>`}
-          ${i>0?d`<span
-                class="badge badge-error"
-                @click=${()=>{this._expandErrors=!this._expandErrors}}
-              >${i} error${i!==1?"s":""}</span>`:f}
-          ${a>0?d`<span
-                class="badge badge-warning"
-                @click=${()=>{this._expandWarnings=!this._expandWarnings}}
-              >${a} warning${a!==1?"s":""}</span>`:f}
-          ${e&&a===0?d`<span class="valid-text">Valid</span>`:f}
-        </div>
-        ${this._expandErrors&&i>0?this._renderMessageList(t):f}
-        ${this._expandWarnings&&a>0?this._renderMessageList(s):f}
-      </div>
-    `}_renderMessageList(e){return d`
-      <div class="message-list">
-        ${e.map(t=>d`
-            <div class="message-row" @click=${()=>this._onMessageClick(t)}>
-              <span class="message-severity ${t.severity}">${t.severity==="error"?"✖":"⚠"}</span>
-              <span class="message-text">${t.message}</span>
-              ${t.nodeIds&&t.nodeIds.length>0?d`<span class="message-nodes">${t.nodeIds.join(", ")}</span>`:f}
-            </div>
-          `)}
-      </div>
-    `}};N.styles=[T,M`
-      :host {
-        display: block;
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        right: 0;
-        z-index: 10;
-        pointer-events: auto;
-      }
-
-      .validation-bar {
-        background: var(--ic-surface);
-        border-top: 1px solid var(--ic-border);
-      }
-
-      .status-row {
-        display: flex;
-        align-items: center;
-        gap: 12px;
-        padding: 6px 12px;
-        min-height: 32px;
-        cursor: default;
-      }
-
-      .status-icon {
-        font-size: 14px;
-        line-height: 1;
-      }
-
-      .status-icon.valid {
-        color: #22c55e;
-      }
-
-      .status-icon.invalid {
-        color: var(--ic-error);
-      }
-
-      .badge {
-        display: inline-flex;
-        align-items: center;
-        gap: 4px;
-        padding: 2px 8px;
-        border-radius: 9999px;
-        font-size: var(--ic-text-xs);
-        cursor: pointer;
-        user-select: none;
-      }
-
-      .badge:hover {
-        filter: brightness(1.2);
-      }
-
-      .badge-error {
-        background: color-mix(in srgb, var(--ic-error) 15%, transparent);
-        color: var(--ic-error);
-      }
-
-      .badge-warning {
-        background: color-mix(in srgb, #eab308 15%, transparent);
-        color: #eab308;
-      }
-
-      .valid-text {
-        font-size: var(--ic-text-xs);
-        color: #22c55e;
-      }
-
-      .message-list {
-        max-height: 200px;
-        overflow-y: auto;
-        border-top: 1px solid var(--ic-border);
-      }
-
-      .message-row {
-        display: flex;
-        align-items: center;
-        gap: 8px;
-        padding: 4px 12px;
-        font-size: var(--ic-text-xs);
-        cursor: pointer;
-        color: var(--ic-text-muted);
-      }
-
-      .message-row:hover {
-        background: var(--ic-surface-2);
-      }
-
-      .message-severity {
-        flex-shrink: 0;
-        width: 12px;
-        text-align: center;
-      }
-
-      .message-severity.error {
-        color: var(--ic-error);
-      }
-
-      .message-severity.warning {
-        color: #eab308;
-      }
-
-      .message-text {
-        flex: 1;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-      }
-
-      .message-nodes {
-        flex-shrink: 0;
-        font-family: var(--ic-font-mono);
-        color: var(--ic-text-dim);
-      }
-    `];P([w({attribute:!1})],N.prototype,"validationResult",2);P([u()],N.prototype,"_expandErrors",2);P([u()],N.prototype,"_expandWarnings",2);N=P([O("ic-graph-validation")],N);function ne(e,t){const s=[],i=[];if(e.length===0)return s.push({severity:"error",message:"Graph must have at least 1 node"}),{valid:!1,errors:s,warnings:i};e.length>20&&s.push({severity:"error",message:`Graph exceeds maximum of 20 nodes (current: ${e.length})`});const a=new Set,r=new Set;for(const n of e)r.has(n.id)?s.push({severity:"error",message:`Duplicate node ID "${n.id}"`,nodeIds:[n.id]}):r.add(n.id),a.add(n.id);for(const n of e){(!n.task||n.task.trim().length===0)&&s.push({severity:"error",message:`Node "${n.id}" has no task defined`,nodeIds:[n.id]});for(const h of n.dependsOn)h===n.id&&s.push({severity:"error",message:`Node "${n.id}" has a self-dependency`,nodeIds:[n.id]});for(const h of n.dependsOn)h!==n.id&&!a.has(h)&&s.push({severity:"error",message:`Node "${n.id}" depends on missing node "${h}"`,nodeIds:[n.id]})}const o=new Map,l=new Map;for(const n of e)o.set(n.id,0),l.set(n.id,[]);for(const n of t){const h=l.get(n.source);h&&h.push(n.target),o.set(n.target,(o.get(n.target)??0)+1)}for(const n of e)for(const h of n.dependsOn)if(a.has(h)){const b=l.get(h);b&&!b.includes(n.id)&&(b.push(n.id),o.set(n.id,(o.get(n.id)??0)+1))}const p=[];for(const[n,h]of o)h===0&&p.push(n);let g=0;for(;p.length>0;){const n=p.shift();g++;const h=l.get(n);if(h)for(const b of h){const D=(o.get(b)??1)-1;o.set(b,D),D===0&&p.push(b)}}if(g<a.size){const n=[];for(const[h,b]of o)b>0&&n.push(h);s.push({severity:"error",message:`Cycle detected involving nodes: ${n.join(", ")}`,nodeIds:n})}const _=new Set;for(const n of t)_.add(n.source),_.add(n.target);for(const n of e)for(const h of n.dependsOn)a.has(h)&&(_.add(n.id),_.add(h));for(const n of e){if(!n.agentId){const h=n.typeConfig;typeof h?.agent=="string"&&h.agent!==""||Array.isArray(h?.agents)&&h.agents.length>0||Array.isArray(h?.voters)&&h.voters.length>0||Array.isArray(h?.reviewers)&&h.reviewers.length>0||Array.isArray(h?.mappers)&&h.mappers.length>0||i.push({severity:"warning",message:`Node "${n.id}" has no agent assigned`,nodeIds:[n.id]})}n.barrierMode&&n.dependsOn.length<=1&&i.push({severity:"warning",message:`Node "${n.id}" has barrier mode "${n.barrierMode}" but only ${n.dependsOn.length} dependency`,nodeIds:[n.id]}),e.length>1&&!_.has(n.id)&&i.push({severity:"warning",message:`Node "${n.id}" is disconnected from the graph`,nodeIds:[n.id]}),n.typeId&&!n.typeConfig&&s.push({severity:"error",message:`Node "${n.id}" has typeId "${n.typeId}" but no typeConfig`,nodeIds:[n.id]}),!n.typeId&&n.typeConfig&&s.push({severity:"error",message:`Node "${n.id}" has typeConfig but no typeId`,nodeIds:[n.id]}),n.typeId&&(n.retries??0)>0&&["debate","vote","map-reduce","collaborate"].includes(n.typeId)&&i.push({severity:"warning",message:`Node "${n.id}" has retries on a "${n.typeId}" node -- retrying multi-agent execution is expensive`,nodeIds:[n.id]}),n.typeId==="approval-gate"&&(n.retries??0)>0&&i.push({severity:"warning",message:`Node "${n.id}" has retries on an approval-gate -- retrying will re-prompt the user`,nodeIds:[n.id]}),n.contextMode&&n.contextMode!=="full"&&n.dependsOn.length===0&&i.push({severity:"warning",message:`Node "${n.id}" has contextMode "${n.contextMode}" but no dependencies to receive context from`,nodeIds:[n.id]})}return{valid:s.length===0,errors:s,warnings:i}}var oe=Object.defineProperty,de=Object.getOwnPropertyDescriptor,$=(e,t,s,i)=>{for(var a=i>1?void 0:i?de(t,s):t,r=e.length-1,o;r>=0;r--)(o=e[r])&&(a=(i?o(t,s,a):o(a))||a);return i&&a&&oe(t,s,a),a};const U={agent:{label:"Agent",description:"Run a single sub-agent with explicit driver config"},debate:{label:"Debate",description:"Multi-round adversarial debate between agents"},vote:{label:"Vote",description:"Parallel independent voting by multiple agents"},refine:{label:"Refine",description:"Sequential refinement chain through reviewers"},collaborate:{label:"Collaborate",description:"Sequential multi-perspective collaboration"},"approval-gate":{label:"Approval Gate",description:"Human approval checkpoint with timeout"},"map-reduce":{label:"Map-Reduce",description:"Parallel map tasks then single reduce"}};function le(e){switch(e){case"agent":return{agent:"",model:"",max_steps:10};case"debate":return{agents:[],rounds:2,synthesizer:""};case"vote":return{voters:[],prompt_suffix:"",verdict_format:"",min_voters:0};case"refine":return{reviewers:[]};case"collaborate":return{agents:[],rounds:1};case"approval-gate":return{message:"",timeout_minutes:60};case"map-reduce":return{mappers:[],reducer:"",reducer_prompt:""};default:return{}}}let x=class extends A{constructor(){super(...arguments),this.node=null,this.allNodes=[],this.allEdges=[],this.rpcClient=null,this._agents=[],this._models=[],this._allowAgents=[],this._agentsLoading=!0,this._modelsLoading=!0,this._showVariables=!1,this._cycleErrors=new Map,this._agentsLoaded=!1,this._modelsLoaded=!1,this._allowListLoaded=!1,this._textareaRef=null}connectedCallback(){super.connectedCallback(),this._loadAgents(),this._loadModels(),this._loadAllowList()}updated(e){e.has("rpcClient")&&this.rpcClient&&(this._agentsLoaded||this._loadAgents(),this._modelsLoaded||this._loadModels(),this._allowListLoaded||this._loadAllowList())}async _loadAgents(){if(this._agentsLoaded||!this.rpcClient){this._agentsLoading=!1;return}try{const t=(await this.rpcClient.call("agents.list")).agents??[],s=await Promise.allSettled(t.map(i=>this.rpcClient.call("agents.get",{agentId:i})));this._agents=s.filter(i=>i.status==="fulfilled").map(i=>({id:i.value.agentId,model:i.value.config?.model??"unknown",provider:i.value.config?.provider??"unknown",suspended:i.value.suspended===!0})).sort((i,a)=>i.id.localeCompare(a.id)),this._agentsLoaded=!0}catch{this._agents=[]}finally{this._agentsLoading=!1}}async _loadModels(){if(this._modelsLoaded||!this.rpcClient){this._modelsLoading=!1;return}try{const e=await this.rpcClient.call("models.list",{});this._models=(e.providers??[]).flatMap(t=>(t.models??[]).map(s=>({provider:t.name,modelId:typeof s=="string"?s:s.modelId}))),this._modelsLoaded=!0}catch{this._models=[]}finally{this._modelsLoading=!1}}async _loadAllowList(){if(!(this._allowListLoaded||!this.rpcClient))try{const e=await this.rpcClient.call("config.read",{section:"security"});this._allowAgents=e?.agentToAgent?.allowAgents??[],this._allowListLoaded=!0}catch{this._allowAgents=[],this._allowListLoaded=!0}}render(){if(!this.node)return d`<div class="empty-state">Select a node to edit</div>`;const e=this.node,s=this._getDependencies(e).length;return d`
-      ${this._renderHeader(e)}
-      ${this._renderTask(e)}
-      ${e.typeId?f:this._renderAgent(e)}
-      ${this._renderDependencies(e)}
-      ${this._renderConstraints(e,s)}
-      ${this._renderRetries(e)}
-      ${this._renderContextMode(e)}
-      ${this._renderNodeType(e)}
-      ${this._renderModelOverride(e)}
-      ${this._renderActions(e)}
-    `}_renderHeader(e){return d`
-      <h3>${e.id}</h3>
-      <div class="node-id-label">Node ID: ${e.id}</div>
-    `}_renderTask(e){const t=this._getDependencies(e);return d`
-      <div class="section-header">Task</div>
-      <textarea
-        rows="4"
-        .value=${e.task}
-        @input=${s=>{const i=s.target;this._textareaRef=i,this._dispatchNodeUpdate(e.id,{task:i.value})}}
-        placeholder="Describe the task for this node..."
-      ></textarea>
-      <button
-        class="variables-toggle"
-        @click=${()=>{this._showVariables=!this._showVariables}}
-      >
-        ${this._showVariables?"▼":"▶"} Variables
-      </button>
-      ${this._showVariables?this._renderVariablesList(t):f}
-    `}_renderVariablesList(e){return e.length===0?d`<div class="no-variables">No dependencies -- add dependencies to use variables</div>`:d`
-      <div class="variables-list">
-        ${e.map(t=>d`
-            <span
-              class="variable-chip"
-              @click=${()=>this._insertVariable(`{{${t.source}.result}}`)}
-            >{{${t.source}.result}}</span>
-          `)}
-      </div>
-    `}_insertVariable(e){const t=this._textareaRef??this.renderRoot.querySelector("textarea");if(!t)return;const s=t.selectionStart,i=t.selectionEnd,a=t.value,r=a.substring(0,s)+e+a.substring(i);t.value=r,t.selectionStart=t.selectionEnd=s+e.length,t.focus(),this.node&&this._dispatchNodeUpdate(this.node.id,{task:r})}_renderAgent(e){const t=this._agents.find(i=>i.id===e.agentId),s=this._allowAgents.length>0&&e.agentId!=null&&e.agentId!==""&&!this._allowAgents.includes(e.agentId);return d`
-      <div class="section-header">Agent</div>
-      ${this._agentsLoading?d`<div class="loading">Loading agents...</div>`:d`
-            <div class="agent-row">
-              <select
-                .value=${e.agentId??""}
-                @change=${i=>{const a=i.target.value;this._dispatchNodeUpdate(e.id,{agentId:a||void 0})}}
-              >
-                <option value="">-- No agent (uses default) --</option>
-                ${this._agents.map(i=>d`
-                    <option value=${i.id} ?selected=${i.id===e.agentId}>
-                      ${i.id}${i.suspended?" (suspended)":""}
-                    </option>
-                  `)}
-              </select>
-              ${t?d`<span
-                    class="status-dot ${t.suspended?"status-dot--suspended":"status-dot--active"}"
-                    title=${t.suspended?"Suspended":"Active"}
-                  ></span>`:f}
-            </div>
-            ${t?d`<div class="agent-info">${t.model} (${t.provider})</div>`:f}
-            ${s?d`<div class="allowlist-warning">This agent is not in the security allowlist and may be restricted</div>`:f}
-          `}
-    `}_renderDependencies(e){const t=this.allNodes.filter(s=>s.id!==e.id).slice().sort((s,i)=>{const a=s.position.y-i.position.y;return a!==0?a:s.position.x-i.position.x});return t.length===0?d`
-        <div class="section-header">Dependencies</div>
-        <div class="loading">No other nodes in graph</div>
-      `:d`
-      <div class="section-header">Dependencies</div>
-      <div class="dep-list">
-        ${t.map(s=>{const i=this.allEdges.some(r=>r.source===s.id&&r.target===e.id),a=this._cycleErrors.get(s.id)??!1;return d`
-            <label class="dep-item">
-              <input
-                type="checkbox"
-                .checked=${i}
-                @change=${r=>{const o=r.target.checked;this._handleDependencyChange(e.id,s.id,o)}}
-              />
-              <span>${s.id}</span>
-              <span class="dep-task-preview">${this._truncate(s.task,30)}</span>
-              ${a?d`<span class="cycle-error">Would create cycle</span>`:f}
-            </label>
-          `})}
-      </div>
-    `}_handleDependencyChange(e,t,s){if(s){if(j(this.allEdges,t,e)){const i=new Map(this._cycleErrors);i.set(t,!0),this._cycleErrors=i,setTimeout(()=>{const a=new Map(this._cycleErrors);a.delete(t),this._cycleErrors=a},2e3);return}this.dispatchEvent(new CustomEvent("edge-add",{detail:{source:t,target:e},bubbles:!0,composed:!0}))}else this.dispatchEvent(new CustomEvent("edge-remove",{detail:{source:t,target:e},bubbles:!0,composed:!0}))}_renderConstraints(e,t){const s={all:"Wait for all dependencies to complete",majority:"Proceed when >50% of dependencies complete","best-effort":"Proceed when any dependency completes"};return d`
-      <div class="section-header">Constraints</div>
-
-      ${t>=2?d`
-            <div class="constraint-row">
-              <div class="constraint-label">Barrier Mode</div>
-              <select
-                .value=${e.barrierMode??"all"}
-                @change=${i=>{const a=i.target.value;this._dispatchNodeUpdate(e.id,{barrierMode:a})}}
-              >
-                <option value="all">all</option>
-                <option value="majority">majority</option>
-                <option value="best-effort">best-effort</option>
-              </select>
-              <div class="constraint-help">
-                ${s[e.barrierMode??"all"]}
-              </div>
-            </div>
-          `:f}
-
-      <div class="constraint-row">
-        <div class="constraint-label">Timeout (ms)</div>
-        <input
-          type="number"
-          min="0"
-          step="1000"
-          placeholder="Default"
-          .value=${e.timeoutMs!=null?String(e.timeoutMs):""}
-          @change=${i=>{const a=i.target.value;this._dispatchNodeUpdate(e.id,{timeoutMs:a?Number(a):void 0})}}
-        />
-      </div>
-
-      <div class="constraint-row">
-        <div class="constraint-label">Max Steps</div>
-        <input
-          type="number"
-          min="1"
-          max="50"
-          placeholder="Default"
-          .value=${e.maxSteps!=null?String(e.maxSteps):""}
-          @change=${i=>{const a=i.target.value;this._dispatchNodeUpdate(e.id,{maxSteps:a?Number(a):void 0})}}
-        />
-      </div>
-    `}_renderRetries(e){return d`
-      <div class="constraint-row">
-        <div class="constraint-label">Retries</div>
-        <input
-          type="number"
-          min="0"
-          max="3"
-          step="1"
-          placeholder="0"
-          .value=${e.retries!=null?String(e.retries):""}
-          @change=${t=>{const s=t.target.value;this._dispatchNodeUpdate(e.id,{retries:s?Number(s):void 0})}}
-        />
-        <div class="constraint-help">Automatic retry with exponential backoff (0-3)</div>
-      </div>
-    `}_renderContextMode(e){return d`
-      <div class="constraint-row">
-        <div class="constraint-label">Context Mode</div>
-        <select
-          .value=${e.contextMode??"full"}
-          @change=${t=>{const s=t.target.value;this._dispatchNodeUpdate(e.id,{contextMode:s==="full"?void 0:s})}}
-        >
-          <option value="full">full (complete upstream outputs)</option>
-          <option value="summary">summary (truncated + shared dir ref)</option>
-          <option value="none">none (inline templates only)</option>
-        </select>
-      </div>
-    `}_renderNodeType(e){return d`
-      <div class="section-header">Node Type</div>
-      <select
-        class="type-select"
-        .value=${e.typeId??""}
-        @change=${t=>{const s=t.target.value;s===""?this._dispatchNodeUpdate(e.id,{typeId:void 0,typeConfig:void 0}):this._dispatchNodeUpdate(e.id,{typeId:s,typeConfig:le(s)})}}
-      >
-        <option value="">Standard (no type driver)</option>
-        ${Object.entries(U).map(([t,s])=>d`
-            <option value=${t} ?selected=${e.typeId===t}>${s.label}</option>
-          `)}
-      </select>
-      ${e.typeId&&U[e.typeId]?d`<div class="type-description">${U[e.typeId].description}</div>`:f}
-      ${e.typeId?this._renderTypeConfigForm(e):f}
-    `}_renderTypeConfigForm(e){const t=e.typeConfig??{};switch(e.typeId){case"agent":return this._renderAgentTypeConfig(e,t);case"debate":return this._renderDebateTypeConfig(e,t);case"vote":return this._renderVoteTypeConfig(e,t);case"refine":return this._renderRefineTypeConfig(e,t);case"collaborate":return this._renderCollaborateTypeConfig(e,t);case"approval-gate":return this._renderApprovalGateTypeConfig(e,t);case"map-reduce":return this._renderMapReduceTypeConfig(e,t);default:return f}}_renderAgentTypeConfig(e,t){return d`
-      <div class="constraint-row">
-        <div class="constraint-label">Agent</div>
-        <select
-          .value=${String(t.agent??"")}
-          @change=${s=>{const i=s.target.value;this._dispatchNodeUpdate(e.id,{typeConfig:{...t,agent:i||void 0}})}}
-        >
-          <option value="">-- Select agent --</option>
-          ${this._agents.map(s=>d`
-            <option value=${s.id} ?selected=${s.id===t.agent}>${s.id}${s.suspended?" (suspended)":""}</option>
-          `)}
-        </select>
-      </div>
-      <div class="constraint-row">
-        <div class="constraint-label">Model</div>
-        <select
-          .value=${String(t.model??"")}
-          @change=${s=>{const i=s.target.value;this._dispatchNodeUpdate(e.id,{typeConfig:{...t,model:i||void 0}})}}
-        >
-          <option value="">-- Default --</option>
-          ${this._models.map(s=>d`
-            <option value=${s.modelId} ?selected=${s.modelId===t.model}>${s.modelId}</option>
-          `)}
-        </select>
-      </div>
-      <div class="constraint-row">
-        <div class="constraint-label">Max Steps</div>
-        <input type="number" min="1" max="50" placeholder="10"
-          .value=${t.max_steps!=null?String(t.max_steps):""}
-          @change=${s=>{const i=s.target.value;this._dispatchNodeUpdate(e.id,{typeConfig:{...t,max_steps:i?Number(i):void 0}})}}
-        />
-      </div>
-    `}_renderDebateTypeConfig(e,t){const s=Array.isArray(t.agents)?t.agents:[];return d`
-      <div class="constraint-label">Debate Agents (min 2)</div>
-      <div class="type-agent-list">
-        ${s.map((i,a)=>d`
-          <div class="type-agent-row">
-            <select .value=${i} @change=${r=>{const o=r.target.value,l=[...s];l[a]=o,this._dispatchNodeUpdate(e.id,{typeConfig:{...t,agents:l}})}}>
-              <option value="">-- Select agent --</option>
-              ${this._agents.map(r=>d`<option value=${r.id} ?selected=${r.id===i}>${r.id}${r.suspended?" (suspended)":""}</option>`)}
-            </select>
-            <button class="type-remove-btn" @click=${()=>{this._dispatchNodeUpdate(e.id,{typeConfig:{...t,agents:s.filter((r,o)=>o!==a)}})}}>Remove</button>
-          </div>
-        `)}
-        <button class="type-add-btn" @click=${()=>{this._dispatchNodeUpdate(e.id,{typeConfig:{...t,agents:[...s,""]}})}}>+ Add agent</button>
-      </div>
-      <div class="constraint-row">
-        <div class="constraint-label">Rounds</div>
-        <input type="number" min="1" max="5" placeholder="2"
-          .value=${t.rounds!=null?String(t.rounds):""}
-          @change=${i=>{const a=i.target.value;this._dispatchNodeUpdate(e.id,{typeConfig:{...t,rounds:a?Number(a):void 0}})}}
-        />
-      </div>
-      <div class="constraint-row">
-        <div class="constraint-label">Synthesizer</div>
-        <select .value=${String(t.synthesizer??"")} @change=${i=>{const a=i.target.value;this._dispatchNodeUpdate(e.id,{typeConfig:{...t,synthesizer:a||void 0}})}}>
-          <option value="">-- None --</option>
-          ${this._agents.map(i=>d`<option value=${i.id} ?selected=${i.id===t.synthesizer}>${i.id}${i.suspended?" (suspended)":""}</option>`)}
-        </select>
-      </div>
-    `}_renderVoteTypeConfig(e,t){const s=Array.isArray(t.voters)?t.voters:[];return d`
-      <div class="constraint-label">Voters (min 2)</div>
-      <div class="type-agent-list">
-        ${s.map((i,a)=>d`
-          <div class="type-agent-row">
-            <select .value=${i} @change=${r=>{const o=r.target.value,l=[...s];l[a]=o,this._dispatchNodeUpdate(e.id,{typeConfig:{...t,voters:l}})}}>
-              <option value="">-- Select agent --</option>
-              ${this._agents.map(r=>d`<option value=${r.id} ?selected=${r.id===i}>${r.id}${r.suspended?" (suspended)":""}</option>`)}
-            </select>
-            <button class="type-remove-btn" @click=${()=>{this._dispatchNodeUpdate(e.id,{typeConfig:{...t,voters:s.filter((r,o)=>o!==a)}})}}>Remove</button>
-          </div>
-        `)}
-        <button class="type-add-btn" @click=${()=>{this._dispatchNodeUpdate(e.id,{typeConfig:{...t,voters:[...s,""]}})}}>+ Add voter</button>
-      </div>
-      <div class="constraint-row">
-        <div class="constraint-label">Verdict Format</div>
-        <input type="text" placeholder="YES or NO with justification"
-          .value=${String(t.verdict_format??"")}
-          @change=${i=>{const a=i.target.value;this._dispatchNodeUpdate(e.id,{typeConfig:{...t,verdict_format:a||void 0}})}}
-        />
-      </div>
-      <div class="constraint-row">
-        <div class="constraint-label">Prompt Suffix</div>
-        <textarea rows="2" placeholder="Additional instructions for voters..."
-          .value=${String(t.prompt_suffix??"")}
-          @change=${i=>{const a=i.target.value;this._dispatchNodeUpdate(e.id,{typeConfig:{...t,prompt_suffix:a||void 0}})}}
-        ></textarea>
-      </div>
-      <div class="constraint-row">
-        <div class="constraint-label">Min Voters</div>
-        <input type="number" min="0" max="20" placeholder="0 (all)"
-          .value=${t.min_voters!=null?String(t.min_voters):""}
-          @change=${i=>{const a=i.target.value;this._dispatchNodeUpdate(e.id,{typeConfig:{...t,min_voters:a?Number(a):void 0}})}}
-        />
-      </div>
-    `}_renderRefineTypeConfig(e,t){const s=Array.isArray(t.reviewers)?t.reviewers:[];return d`
-      <div class="constraint-label">Reviewers (min 2, sequential order)</div>
-      <div class="type-agent-list">
-        ${s.map((i,a)=>d`
-          <div class="type-agent-row">
-            <select .value=${i} @change=${r=>{const o=r.target.value,l=[...s];l[a]=o,this._dispatchNodeUpdate(e.id,{typeConfig:{...t,reviewers:l}})}}>
-              <option value="">-- Select agent --</option>
-              ${this._agents.map(r=>d`<option value=${r.id} ?selected=${r.id===i}>${r.id}${r.suspended?" (suspended)":""}</option>`)}
-            </select>
-            <button class="type-remove-btn" @click=${()=>{this._dispatchNodeUpdate(e.id,{typeConfig:{...t,reviewers:s.filter((r,o)=>o!==a)}})}}>Remove</button>
-          </div>
-        `)}
-        <button class="type-add-btn" @click=${()=>{this._dispatchNodeUpdate(e.id,{typeConfig:{...t,reviewers:[...s,""]}})}}>+ Add reviewer</button>
-      </div>
-    `}_renderCollaborateTypeConfig(e,t){const s=Array.isArray(t.agents)?t.agents:[];return d`
-      <div class="constraint-label">Collaborators (min 2)</div>
-      <div class="type-agent-list">
-        ${s.map((i,a)=>d`
-          <div class="type-agent-row">
-            <select .value=${i} @change=${r=>{const o=r.target.value,l=[...s];l[a]=o,this._dispatchNodeUpdate(e.id,{typeConfig:{...t,agents:l}})}}>
-              <option value="">-- Select agent --</option>
-              ${this._agents.map(r=>d`<option value=${r.id} ?selected=${r.id===i}>${r.id}${r.suspended?" (suspended)":""}</option>`)}
-            </select>
-            <button class="type-remove-btn" @click=${()=>{this._dispatchNodeUpdate(e.id,{typeConfig:{...t,agents:s.filter((r,o)=>o!==a)}})}}>Remove</button>
-          </div>
-        `)}
-        <button class="type-add-btn" @click=${()=>{this._dispatchNodeUpdate(e.id,{typeConfig:{...t,agents:[...s,""]}})}}>+ Add collaborator</button>
-      </div>
-      <div class="constraint-row">
-        <div class="constraint-label">Rounds</div>
-        <input type="number" min="1" max="3" placeholder="1"
-          .value=${t.rounds!=null?String(t.rounds):""}
-          @change=${i=>{const a=i.target.value;this._dispatchNodeUpdate(e.id,{typeConfig:{...t,rounds:a?Number(a):void 0}})}}
-        />
-      </div>
-    `}_renderApprovalGateTypeConfig(e,t){return d`
-      <div class="constraint-row">
-        <div class="constraint-label">Message</div>
-        <textarea rows="2" placeholder="Approval request message..."
-          .value=${String(t.message??"")}
-          @change=${s=>{const i=s.target.value;this._dispatchNodeUpdate(e.id,{typeConfig:{...t,message:i||void 0}})}}
-        ></textarea>
-      </div>
-      <div class="constraint-row">
-        <div class="constraint-label">Timeout (min)</div>
-        <input type="number" min="1" max="1440" placeholder="60"
-          .value=${t.timeout_minutes!=null?String(t.timeout_minutes):""}
-          @change=${s=>{const i=s.target.value;this._dispatchNodeUpdate(e.id,{typeConfig:{...t,timeout_minutes:i?Number(i):void 0}})}}
-        />
-      </div>
-    `}_renderMapReduceTypeConfig(e,t){const s=Array.isArray(t.mappers)?t.mappers:[];return d`
-      <div class="constraint-label">Mappers (min 2)</div>
-      <div class="type-agent-list">
-        ${s.map((i,a)=>d`
-          <div class="type-mapper-row">
-            <div class="type-mapper-header">
-              <span class="constraint-label">Mapper ${a+1}</span>
-              <button class="type-remove-btn" @click=${()=>{this._dispatchNodeUpdate(e.id,{typeConfig:{...t,mappers:s.filter((r,o)=>o!==a)}})}}>Remove</button>
-            </div>
-            <select .value=${i.agent??""} @change=${r=>{const o=r.target.value,l=[...s];l[a]={...i,agent:o},this._dispatchNodeUpdate(e.id,{typeConfig:{...t,mappers:l}})}}>
-              <option value="">-- Select agent --</option>
-              ${this._agents.map(r=>d`<option value=${r.id} ?selected=${r.id===i.agent}>${r.id}${r.suspended?" (suspended)":""}</option>`)}
-            </select>
-            <input type="text" placeholder="Task suffix (optional)"
-              .value=${i.task_suffix??""}
-              @change=${r=>{const o=r.target.value,l=[...s];l[a]={...i,task_suffix:o||void 0},this._dispatchNodeUpdate(e.id,{typeConfig:{...t,mappers:l}})}}
-            />
-          </div>
-        `)}
-        <button class="type-add-btn" @click=${()=>{this._dispatchNodeUpdate(e.id,{typeConfig:{...t,mappers:[...s,{agent:""}]}})}}>+ Add mapper</button>
-      </div>
-      <div class="constraint-row">
-        <div class="constraint-label">Reducer Agent</div>
-        <select .value=${String(t.reducer??"")} @change=${i=>{const a=i.target.value;this._dispatchNodeUpdate(e.id,{typeConfig:{...t,reducer:a||void 0}})}}>
-          <option value="">-- Select agent --</option>
-          ${this._agents.map(i=>d`<option value=${i.id} ?selected=${i.id===t.reducer}>${i.id}${i.suspended?" (suspended)":""}</option>`)}
-        </select>
-      </div>
-      <div class="constraint-row">
-        <div class="constraint-label">Reducer Prompt</div>
-        <textarea rows="2" placeholder="Instructions for the reducer..."
-          .value=${String(t.reducer_prompt??"")}
-          @change=${i=>{const a=i.target.value;this._dispatchNodeUpdate(e.id,{typeConfig:{...t,reducer_prompt:a||void 0}})}}
-        ></textarea>
-      </div>
-    `}_renderModelOverride(e){const t=new Map;for(const s of this._models){let i=t.get(s.provider);i||(i=[],t.set(s.provider,i)),i.push(s.modelId)}return d`
-      <div class="section-header">Model Override</div>
-      ${this._modelsLoading?d`<div class="loading">Loading models...</div>`:d`
-            <select
-              .value=${e.modelId??""}
-              @change=${s=>{const i=s.target.value;this._dispatchNodeUpdate(e.id,{modelId:i||void 0})}}
-            >
-              <option value="">-- Use agent default --</option>
-              ${[...t.entries()].map(([s,i])=>d`
-                  <optgroup label=${s}>
-                    ${i.map(a=>d`
-                        <option
-                          value=${a}
-                          ?selected=${a===e.modelId}
-                        >
-                          ${a}
-                        </option>
-                      `)}
-                  </optgroup>
-                `)}
-            </select>
-          `}
-    `}_renderActions(e){return d`
-      <div class="actions">
-        <button
-          class="btn btn-accent"
-          @click=${()=>{this.dispatchEvent(new CustomEvent("node-duplicate",{detail:{nodeId:e.id},bubbles:!0,composed:!0}))}}
-        >
-          Duplicate
-        </button>
-        <button
-          class="btn btn-danger"
-          @click=${()=>{this.dispatchEvent(new CustomEvent("node-delete",{detail:{nodeId:e.id},bubbles:!0,composed:!0}))}}
-        >
-          Delete
-        </button>
-      </div>
-    `}_getDependencies(e){return this.allEdges.filter(t=>t.target===e.id)}_dispatchNodeUpdate(e,t){this.dispatchEvent(new CustomEvent("node-update",{detail:{nodeId:e,partial:t},bubbles:!0,composed:!0}))}_truncate(e,t){return e.length>t?e.slice(0,t-1)+"…":e}};x.styles=[T,V,M`
-      :host {
-        display: block;
-        width: 320px;
-        border-left: 1px solid var(--ic-border);
-        overflow-y: auto;
-        background: var(--ic-surface);
-        padding: 16px;
-      }
-
-      .section-header {
-        font-size: var(--ic-text-sm);
-        font-weight: 600;
-        color: var(--ic-text);
-        margin: 16px 0 8px;
-      }
-
-      .section-header:first-of-type {
-        margin-top: 0;
-      }
-
-      h3 {
-        margin: 0 0 4px;
-        font-size: var(--ic-text-base);
-        color: var(--ic-text);
-      }
-
-      .node-id-label {
-        font-size: var(--ic-text-xs);
-        color: var(--ic-text-muted);
-        margin-bottom: 12px;
-      }
-
-      /* Form elements */
-      textarea,
-      input[type="text"],
-      input[type="number"],
-      select {
-        width: 100%;
-        padding: 6px 8px;
-        border: 1px solid var(--ic-border);
-        border-radius: var(--ic-radius-sm);
-        background: var(--ic-bg);
-        color: var(--ic-text);
-        font-family: var(--ic-font-sans);
-        font-size: var(--ic-text-sm);
-      }
-
-      textarea {
-        resize: vertical;
-        font-family: var(--ic-font-mono);
-        line-height: 1.4;
-      }
-
-      textarea:focus,
-      input:focus,
-      select:focus {
-        outline: 2px solid var(--ic-accent);
-        outline-offset: -1px;
-        border-color: var(--ic-accent);
-      }
-
-      /* Variables toggle */
-      .variables-toggle {
-        display: inline-flex;
-        align-items: center;
-        gap: 4px;
-        margin-top: 4px;
-        padding: 2px 8px;
-        border: 1px solid var(--ic-border);
-        border-radius: var(--ic-radius-sm);
-        background: transparent;
-        color: var(--ic-text-muted);
-        font-size: var(--ic-text-xs);
-        cursor: pointer;
-      }
-
-      .variables-toggle:hover {
-        background: var(--ic-surface-2);
-        color: var(--ic-text);
-      }
-
-      .variables-list {
-        display: flex;
-        flex-wrap: wrap;
-        gap: 4px;
-        margin-top: 6px;
-      }
-
-      .variable-chip {
-        display: inline-block;
-        padding: 2px 8px;
-        border: 1px solid var(--ic-border);
-        border-radius: 9999px;
-        background: var(--ic-surface-2);
-        color: var(--ic-text-muted);
-        font-family: var(--ic-font-mono);
-        font-size: var(--ic-text-xs);
-        cursor: pointer;
-        user-select: none;
-      }
-
-      .variable-chip:hover {
-        background: color-mix(in srgb, var(--ic-accent) 15%, transparent);
-        color: var(--ic-accent);
-        border-color: var(--ic-accent);
-      }
-
-      .no-variables {
-        font-size: var(--ic-text-xs);
-        color: var(--ic-text-dim);
-        font-style: italic;
-      }
-
-      /* Agent info */
-      .agent-row {
-        display: flex;
-        align-items: center;
-        gap: 8px;
-      }
-
-      .agent-row select {
-        flex: 1;
-      }
-
-      .status-dot {
-        width: 8px;
-        height: 8px;
-        border-radius: 50%;
-        flex-shrink: 0;
-      }
-
-      .status-dot--active {
-        background: var(--ic-success, #22c55e);
-      }
-
-      .status-dot--suspended {
-        background: var(--ic-danger, #ef4444);
-      }
-
-      .agent-info {
-        font-size: var(--ic-text-xs);
-        color: var(--ic-text-muted);
-        margin-top: 4px;
-      }
-
-      .allowlist-warning {
-        margin-top: 6px;
-        padding: 6px 8px;
-        border-radius: var(--ic-radius-sm);
-        background: color-mix(in srgb, var(--ic-warning, #f59e0b) 10%, transparent);
-        border: 1px solid color-mix(in srgb, var(--ic-warning, #f59e0b) 30%, transparent);
-        color: var(--ic-warning, #f59e0b);
-        font-size: var(--ic-text-xs);
-      }
-
-      /* Dependency checkboxes */
-      .dep-list {
-        display: flex;
-        flex-direction: column;
-        gap: 4px;
-      }
-
-      .dep-item {
-        display: flex;
-        align-items: center;
-        gap: 6px;
-        font-size: var(--ic-text-sm);
-        color: var(--ic-text);
-      }
-
-      .dep-item input[type="checkbox"] {
-        width: auto;
-        margin: 0;
-        cursor: pointer;
-      }
-
-      .dep-task-preview {
-        color: var(--ic-text-muted);
-        font-size: var(--ic-text-xs);
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        max-width: 150px;
-      }
-
-      .cycle-error {
-        color: var(--ic-danger, #ef4444);
-        font-size: var(--ic-text-xs);
-        margin-left: 4px;
-      }
-
-      /* Constraint fields */
-      .constraint-row {
-        margin-bottom: 8px;
-      }
-
-      .constraint-label {
-        font-size: var(--ic-text-xs);
-        color: var(--ic-text-muted);
-        margin-bottom: 2px;
-      }
-
-      .constraint-help {
-        font-size: var(--ic-text-xs);
-        color: var(--ic-text-dim);
-        margin-top: 2px;
-      }
-
-      /* Actions */
-      .actions {
-        display: flex;
-        gap: 8px;
-        margin-top: 16px;
-      }
-
-      .btn {
-        flex: 1;
-        padding: 6px 12px;
-        border: 1px solid var(--ic-border);
-        border-radius: var(--ic-radius-sm);
-        font-size: var(--ic-text-sm);
-        cursor: pointer;
-        text-align: center;
-      }
-
-      .btn-accent {
-        background: color-mix(in srgb, var(--ic-accent) 10%, transparent);
-        color: var(--ic-accent);
-        border-color: color-mix(in srgb, var(--ic-accent) 30%, transparent);
-      }
-
-      .btn-accent:hover {
-        background: color-mix(in srgb, var(--ic-accent) 20%, transparent);
-      }
-
-      .btn-danger {
-        background: color-mix(in srgb, var(--ic-danger, #ef4444) 10%, transparent);
-        color: var(--ic-danger, #ef4444);
-        border-color: color-mix(in srgb, var(--ic-danger, #ef4444) 30%, transparent);
-      }
-
-      .btn-danger:hover {
-        background: color-mix(in srgb, var(--ic-danger, #ef4444) 20%, transparent);
-      }
-
-      /* Loading state */
-      .loading {
-        font-size: var(--ic-text-xs);
-        color: var(--ic-text-dim);
-        font-style: italic;
-      }
-
-      .empty-state {
-        padding: 32px 16px;
-        text-align: center;
-        color: var(--ic-text-muted);
-        font-size: var(--ic-text-sm);
-      }
-
-      /* Node type system */
-      .type-select {
-        width: 100%;
-        padding: 6px 8px;
-        background: var(--ic-input-bg);
-        color: var(--ic-text);
-        border: 1px solid var(--ic-border);
-        border-radius: 4px;
-        font-size: var(--ic-text-sm);
-        margin-bottom: 8px;
-      }
-
-      .type-description {
-        font-size: var(--ic-text-xs);
-        color: var(--ic-text-secondary);
-        margin-bottom: 12px;
-      }
-
-      .type-agent-list {
-        display: flex;
-        flex-direction: column;
-        gap: 4px;
-        margin-bottom: 8px;
-      }
-
-      .type-agent-row {
-        display: flex;
-        gap: 4px;
-        align-items: center;
-      }
-
-      .type-agent-row select {
-        flex: 1;
-      }
-
-      .type-remove-btn {
-        background: none;
-        border: 1px solid var(--ic-border);
-        color: var(--ic-text-secondary);
-        border-radius: 4px;
-        padding: 4px 8px;
-        cursor: pointer;
-        font-size: var(--ic-text-xs);
-      }
-
-      .type-remove-btn:hover {
-        border-color: var(--ic-error);
-        color: var(--ic-error);
-      }
-
-      .type-add-btn {
-        background: none;
-        border: 1px dashed var(--ic-border);
-        color: var(--ic-text-secondary);
-        border-radius: 4px;
-        padding: 6px;
-        cursor: pointer;
-        font-size: var(--ic-text-xs);
-        width: 100%;
-        text-align: center;
-      }
-
-      .type-add-btn:hover {
-        border-color: var(--ic-accent);
-        color: var(--ic-accent);
-      }
-
-      .type-mapper-row {
-        display: flex;
-        flex-direction: column;
-        gap: 4px;
-        padding: 8px;
-        border: 1px solid var(--ic-border);
-        border-radius: 4px;
-        margin-bottom: 4px;
-      }
-
-      .type-mapper-header {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-      }
-    `];$([w({attribute:!1})],x.prototype,"node",2);$([w({attribute:!1})],x.prototype,"allNodes",2);$([w({attribute:!1})],x.prototype,"allEdges",2);$([w({attribute:!1})],x.prototype,"rpcClient",2);$([u()],x.prototype,"_agents",2);$([u()],x.prototype,"_models",2);$([u()],x.prototype,"_allowAgents",2);$([u()],x.prototype,"_agentsLoading",2);$([u()],x.prototype,"_modelsLoading",2);$([u()],x.prototype,"_showVariables",2);$([u()],x.prototype,"_cycleErrors",2);x=$([O("ic-node-editor")],x);function ce(){return{nodes:[{id:"step-1",task:"Research the latest developments in renewable energy technology. Focus on solar, wind, and battery storage advances from the past year.",dependsOn:[],position:{x:300,y:50}},{id:"step-2",task:`Analyze the research findings and identify the top 3 most promising technologies.
-
-Research data:
-{{step-1.result}}`,dependsOn:["step-1"],position:{x:300,y:220}},{id:"step-3",task:`Write a concise executive summary based on the analysis.
-
-Analysis:
-{{step-2.result}}`,dependsOn:["step-2"],position:{x:300,y:390}}],edges:[{id:"step-1->step-2",source:"step-1",target:"step-2"},{id:"step-2->step-3",source:"step-2",target:"step-3"}],settings:{label:"Linear Chain"}}}function pe(){return{nodes:[{id:"start",task:"Define the key aspects to investigate about the given topic. List 2 focus areas, one per line.",dependsOn:[],position:{x:300,y:50}},{id:"worker-1",task:`Investigate the first focus area from the plan. Provide detailed findings.
-
-Plan:
-{{start.result}}`,dependsOn:["start"],position:{x:180,y:220}},{id:"worker-2",task:`Investigate the second focus area from the plan. Provide detailed findings.
-
-Plan:
-{{start.result}}`,dependsOn:["start"],position:{x:420,y:220}},{id:"merge",task:`Synthesize both sets of findings into a unified report.
-
-Findings 1:
-{{worker-1.result}}
-
-Findings 2:
-{{worker-2.result}}`,dependsOn:["worker-1","worker-2"],position:{x:300,y:390}}],edges:[{id:"start->worker-1",source:"start",target:"worker-1"},{id:"start->worker-2",source:"start",target:"worker-2"},{id:"worker-1->merge",source:"worker-1",target:"merge"},{id:"worker-2->merge",source:"worker-2",target:"merge"}],settings:{label:"Fan-out Fan-in"}}}function he(){return{nodes:[{id:"track-a1",task:"Gather quantitative data and statistics on the topic.",dependsOn:[],position:{x:200,y:50}},{id:"track-a2",task:`Create charts and visualizations from the quantitative data.
-
-Data:
-{{track-a1.result}}`,dependsOn:["track-a1"],position:{x:200,y:220}},{id:"track-b1",task:"Collect qualitative insights and expert opinions on the topic.",dependsOn:[],position:{x:450,y:50}},{id:"track-b2",task:`Summarize the qualitative insights into key themes.
-
-Insights:
-{{track-b1.result}}`,dependsOn:["track-b1"],position:{x:450,y:220}}],edges:[{id:"track-a1->track-a2",source:"track-a1",target:"track-a2"},{id:"track-b1->track-b2",source:"track-b1",target:"track-b2"}],settings:{label:"Parallel Tracks"}}}function ue(){return{nodes:[{id:"worker-1",task:"Monitor social media channels for brand mentions and sentiment.",dependsOn:[],position:{x:150,y:100}},{id:"worker-2",task:"Check system health dashboards and report any anomalies.",dependsOn:[],position:{x:350,y:100}},{id:"worker-3",task:"Review and categorize incoming support tickets by priority.",dependsOn:[],position:{x:550,y:100}}],edges:[],settings:{label:"Independent Workers"}}}function ge(){return{nodes:[{id:"top",task:"Break down the project requirements into technical and business categories.",dependsOn:[],position:{x:300,y:50}},{id:"left",task:`Evaluate the technical requirements and estimate implementation effort.
-
-Requirements:
-{{top.result}}`,dependsOn:["top"],position:{x:180,y:220}},{id:"right",task:`Assess the business requirements and estimate business value.
-
-Requirements:
-{{top.result}}`,dependsOn:["top"],position:{x:420,y:220}},{id:"bottom",task:`Create a prioritized roadmap combining technical effort and business value.
-
-Technical evaluation:
-{{left.result}}
-
-Business evaluation:
-{{right.result}}`,dependsOn:["left","right"],position:{x:300,y:390}}],edges:[{id:"top->left",source:"top",target:"left"},{id:"top->right",source:"top",target:"right"},{id:"left->bottom",source:"left",target:"bottom"},{id:"right->bottom",source:"right",target:"bottom"}],settings:{label:"Diamond"}}}function ve(){return{nodes:[{id:"research",task:"Research the given topic and prepare a comprehensive briefing document with key facts, statistics, and relevant context.",dependsOn:[],position:{x:300,y:50}},{id:"debate",task:`Debate the implications and best course of action based on the research.
-
-Research briefing:
-{{research.result}}`,dependsOn:["research"],typeId:"debate",typeConfig:{agents:[],rounds:2},position:{x:300,y:220}},{id:"conclusion",task:`Based on the debate transcript, write a balanced conclusion with actionable recommendations.
-
-Debate outcome:
-{{debate.result}}`,dependsOn:["debate"],position:{x:300,y:390}}],edges:[{id:"research->debate",source:"research",target:"debate"},{id:"debate->conclusion",source:"debate",target:"conclusion"}],settings:{label:"Debate Pipeline"}}}function fe(){return{nodes:[{id:"research",task:"Research the given topic thoroughly and prepare a comprehensive briefing with key facts and arguments for and against.",dependsOn:[],position:{x:300,y:50}},{id:"vote",task:`Based on the research, vote on the best course of action.
-
-Research briefing:
-{{research.result}}`,dependsOn:["research"],typeId:"vote",typeConfig:{voters:[],verdict_format:"YES or NO with one-line justification"},position:{x:300,y:220}},{id:"summarize",task:`Summarize the voting results and recommend next steps based on the majority decision.
-
-Vote results:
-{{vote.result}}`,dependsOn:["vote"],position:{x:300,y:390}}],edges:[{id:"research->vote",source:"research",target:"vote"},{id:"vote->summarize",source:"vote",target:"summarize"}],settings:{label:"Vote Pipeline"}}}function me(){return{nodes:[{id:"draft",task:"Write a first draft addressing the given topic. Include all key points but don't worry about polish.",dependsOn:[],position:{x:300,y:50}},{id:"refine",task:`Review and refine the draft. Each reviewer improves upon the previous version.
-
-Draft:
-{{draft.result}}`,dependsOn:["draft"],typeId:"refine",typeConfig:{reviewers:[]},position:{x:300,y:220}},{id:"publish",task:`Format the refined document for publication. Add headers, sections, and a summary.
-
-Refined content:
-{{refine.result}}`,dependsOn:["refine"],position:{x:300,y:390}}],edges:[{id:"draft->refine",source:"draft",target:"refine"},{id:"refine->publish",source:"refine",target:"publish"}],settings:{label:"Refine Chain"}}}function be(){return{nodes:[{id:"plan",task:"Break the topic into distinct sub-topics that can be researched independently. List each sub-topic clearly.",dependsOn:[],position:{x:300,y:50}},{id:"analyze",task:`Each mapper researches their assigned sub-topic in depth.
-
-Sub-topics:
-{{plan.result}}`,dependsOn:["plan"],typeId:"map-reduce",typeConfig:{mappers:[],reducer:"",reducer_prompt:"Synthesize all mapper outputs into a comprehensive report with sections for each sub-topic."},position:{x:300,y:220}},{id:"report",task:`Format the synthesized analysis into a polished final report with executive summary.
-
-Analysis:
-{{analyze.result}}`,dependsOn:["analyze"],position:{x:300,y:390}}],edges:[{id:"plan->analyze",source:"plan",target:"analyze"},{id:"analyze->report",source:"analyze",target:"report"}],settings:{label:"Map-Reduce Pipeline"}}}function _e(){return{nodes:[{id:"prepare",task:"Analyze the request and prepare a detailed action plan. Include cost estimates and risk assessment.",dependsOn:[],position:{x:300,y:50}},{id:"approve",task:`Review the action plan and approve or deny execution.
-
-Action plan:
-{{prepare.result}}`,dependsOn:["prepare"],typeId:"approval-gate",typeConfig:{message:"Please review the action plan and reply APPROVE or DENY.",timeout_minutes:60},position:{x:300,y:220}},{id:"execute",task:`Execute the approved action plan.
-
-Approved plan:
-{{prepare.result}}
-
-Approval:
-{{approve.result}}`,dependsOn:["approve"],position:{x:300,y:390}}],edges:[{id:"prepare->approve",source:"prepare",target:"approve"},{id:"approve->execute",source:"approve",target:"execute"}],settings:{label:"Approval Gate Pipeline"}}}function ye(){return{nodes:[],edges:[],settings:{label:"Untitled Pipeline"}}}const xe=[{id:"linear-chain",name:"Linear Chain",description:"Sequential pipeline: each step depends on the previous one.",nodeCount:"3 nodes",icon:"↓",create:ce},{id:"fan-out-fan-in",name:"Fan-out Fan-in",description:"Parallel workers with a single merge point.",nodeCount:"4 nodes",icon:"↔",create:pe},{id:"parallel-tracks",name:"Parallel Tracks",description:"Two independent streams running side by side.",nodeCount:"4 nodes",icon:"≡",create:he},{id:"independent-workers",name:"Independent Workers",description:"Unconnected nodes that run in parallel with no dependencies.",nodeCount:"3 nodes",icon:"☰",create:ue},{id:"diamond",name:"Diamond",description:"Fork into two paths, then converge at the end.",nodeCount:"4 nodes",icon:"◈",create:ge},{id:"debate",name:"Debate Pipeline",description:"Research, multi-agent debate, then synthesize conclusions.",nodeCount:"3 nodes",icon:"⚔",create:ve},{id:"vote-pipeline",name:"Vote Pipeline",description:"Research a topic, have multiple agents vote, then summarize results.",nodeCount:"3 nodes",icon:"✔",create:fe},{id:"refine-chain",name:"Refine Chain",description:"Draft content, refine through sequential reviewers, then publish.",nodeCount:"3 nodes",icon:"✎",create:me},{id:"map-reduce",name:"Map-Reduce",description:"Split work across parallel mappers, then reduce into a single output.",nodeCount:"3 nodes",icon:"⇄",create:be},{id:"approval-gate",name:"Approval Gate",description:"Prepare an action, wait for human approval, then execute.",nodeCount:"3 nodes",icon:"☑",create:_e},{id:"blank",name:"Blank Canvas",description:"Start from scratch with an empty graph.",nodeCount:"0 nodes",icon:"➕",create:ye}];var we=Object.defineProperty,$e=Object.getOwnPropertyDescriptor,R=(e,t,s,i)=>{for(var a=i>1?void 0:i?$e(t,s):t,r=e.length-1,o;r>=0;r--)(o=e[r])&&(a=(i?o(t,s,a):o(a))||a);return i&&a&&we(t,s,a),a};let I=class extends A{constructor(){super(...arguments),this.open=!1,this._showJsonImport=!1,this._jsonError="",this._jsonText="",this._onKeyDown=e=>{if(e.key==="Escape"){e.preventDefault(),this._fireCancel();return}if(e.key==="Tab"){const t=this.shadowRoot?.querySelectorAll("button:not([disabled]), textarea");if(!t||t.length===0)return;const s=t[0],i=t[t.length-1],a=this.shadowRoot?.activeElement;e.shiftKey&&a===s?(e.preventDefault(),i.focus()):!e.shiftKey&&a===i&&(e.preventDefault(),s.focus())}}}updated(e){e.has("open")&&this.open&&(this._showJsonImport=!1,this._jsonError="",this._jsonText="",this.updateComplete.then(()=>{this.shadowRoot?.querySelector("button.template-card, button.cancel-btn")?.focus()}))}_onBackdropClick(e){e.target.classList.contains("backdrop")&&this._fireCancel()}_onTemplateClick(e){const{nodes:t,edges:s,settings:i}=e.create();this.dispatchEvent(new CustomEvent("template-select",{detail:{nodes:t,edges:s,settings:i},bubbles:!0,composed:!0})),this._fireCancel()}_onToggleJsonImport(){this._showJsonImport=!this._showJsonImport,this._jsonError=""}_onJsonInput(e){this._jsonText=e.target.value,this._jsonError=""}_onJsonImport(){const e=this._jsonText.trim();if(!e){this._jsonError="Please paste JSON content.";return}let t;try{t=JSON.parse(e)}catch{this._jsonError="Invalid JSON. Please check your syntax.";return}const s=t.nodes;if(!Array.isArray(s)||s.length===0){this._jsonError='JSON must contain a "nodes" array with at least one node.';return}for(let p=0;p<s.length;p++){const g=s[p];if(!g||typeof g!="object"){this._jsonError=`Node at index ${p} is not a valid object.`;return}const _=g.nodeId??g.id;if(typeof _!="string"||!_){this._jsonError=`Node at index ${p} is missing "nodeId" or "id" (string).`;return}if(typeof g.task!="string"||!g.task){this._jsonError=`Node at index ${p} is missing "task" (string).`;return}}const{nodes:i,edges:a}=Se(s),r=typeof t.label=="string"&&t.label?t.label:"Imported Pipeline",o=t.onFailure==="continue"?"continue":"fail-fast",l={label:r,onFailure:o};typeof t.timeoutMs=="number"&&(l.timeoutMs=t.timeoutMs),this.dispatchEvent(new CustomEvent("template-select",{detail:{nodes:i,edges:a,settings:l},bubbles:!0,composed:!0})),this._fireCancel()}_fireCancel(){this.dispatchEvent(new CustomEvent("cancel"))}render(){return this.open?d`
-      <div
-        class="backdrop"
-        @click=${this._onBackdropClick}
-        @keydown=${this._onKeyDown}
-      >
-        <div
-          class="dialog"
-          role="dialog"
-          aria-modal="true"
-          aria-labelledby="picker-title"
-        >
-          <div class="header">
-            <h2 class="title" id="picker-title">Choose a Template</h2>
-            <button
-              class="toggle-link"
-              @click=${this._onToggleJsonImport}
-            >
-              ${this._showJsonImport?"Back to templates":"Or import JSON"}
-            </button>
-          </div>
-
-          ${this._showJsonImport?this._renderJsonImport():this._renderTemplateGrid()}
-
-          <div class="footer">
-            <button class="cancel-btn" @click=${this._fireCancel}>
-              Cancel
-            </button>
-          </div>
-        </div>
-      </div>
-    `:f}_renderTemplateGrid(){return d`
-      <div class="template-grid">
-        ${xe.map(e=>d`
-            <button
-              class="template-card"
-              @click=${()=>this._onTemplateClick(e)}
-            >
-              <div class="card-icon">${e.icon}</div>
-              <div class="card-name">${e.name}</div>
-              <div class="card-desc">${e.description}</div>
-              <div class="card-meta">${e.nodeCount}</div>
-            </button>
-          `)}
-      </div>
-    `}_renderJsonImport(){return d`
-      <div class="json-section">
-        <textarea
-          class="json-textarea"
-          rows="12"
-          placeholder="Paste ExecutionGraph JSON..."
-          .value=${this._jsonText}
-          @input=${this._onJsonInput}
-        ></textarea>
-        ${this._jsonError?d`<div class="json-error">${this._jsonError}</div>`:f}
-        <button class="import-btn" @click=${this._onJsonImport}>
-          Import
-        </button>
-      </div>
-    `}};I.styles=[T,V,M`
-      :host {
-        display: contents;
-      }
-
-      .backdrop {
-        position: fixed;
-        inset: 0;
-        background: rgba(0, 0, 0, 0.6);
-        z-index: 9999;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-      }
-
-      .dialog {
-        max-width: 40rem;
-        width: calc(100% - var(--ic-space-lg) * 2);
-        max-height: calc(100vh - var(--ic-space-lg) * 2);
-        overflow-y: auto;
-        background: var(--ic-surface);
-        border: 1px solid var(--ic-border);
-        border-radius: var(--ic-radius-lg);
-        padding: var(--ic-space-lg);
-        box-shadow: var(--ic-shadow-lg);
-      }
-
-      .header {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        margin-bottom: var(--ic-space-md);
-      }
-
-      .title {
-        font-size: var(--ic-text-lg);
-        font-weight: 600;
-        color: var(--ic-text);
-        margin: 0;
-      }
-
-      .toggle-link {
-        background: none;
-        border: none;
-        color: var(--ic-accent);
-        font-size: var(--ic-text-sm);
-        cursor: pointer;
-        padding: 0;
-        font-family: inherit;
-        text-decoration: underline;
-      }
-
-      .toggle-link:hover {
-        color: var(--ic-accent-hover);
-      }
-
-      /* Template grid */
-
-      .template-grid {
-        display: grid;
-        grid-template-columns: 1fr 1fr;
-        gap: var(--ic-space-md);
-        margin-bottom: var(--ic-space-lg);
-      }
-
-      @media (max-width: 480px) {
-        .template-grid {
-          grid-template-columns: 1fr;
-        }
-      }
-
-      .template-card {
-        border: 1px solid var(--ic-border);
-        border-radius: var(--ic-radius-md);
-        padding: var(--ic-space-md);
-        cursor: pointer;
-        transition:
-          border-color var(--ic-transition),
-          background var(--ic-transition);
-        text-align: center;
-        background: transparent;
-        color: inherit;
-        font-family: inherit;
-        width: 100%;
-      }
-
-      .template-card:hover {
-        border-color: var(--ic-accent);
-        background: var(--ic-surface-2, rgba(255, 255, 255, 0.03));
-      }
-
-      .card-icon {
-        font-size: 2rem;
-        line-height: 1;
-        margin-bottom: var(--ic-space-xs);
-      }
-
-      .card-name {
-        font-size: var(--ic-text-sm);
-        font-weight: 600;
-        color: var(--ic-text);
-        margin-bottom: var(--ic-space-xs);
-      }
-
-      .card-desc {
-        font-size: var(--ic-text-xs);
-        color: var(--ic-text-muted);
-        line-height: 1.4;
-        margin-bottom: var(--ic-space-xs);
-      }
-
-      .card-meta {
-        font-size: var(--ic-text-xs);
-        color: var(--ic-text-dim, var(--ic-text-muted));
-      }
-
-      /* JSON import */
-
-      .json-section {
-        margin-bottom: var(--ic-space-lg);
-      }
-
-      .json-textarea {
-        width: 100%;
-        min-height: 12rem;
-        padding: var(--ic-space-sm);
-        background: var(--ic-surface-2, var(--ic-surface));
-        color: var(--ic-text);
-        border: 1px solid var(--ic-border);
-        border-radius: var(--ic-radius-md);
-        font-family: monospace;
-        font-size: var(--ic-text-sm);
-        resize: vertical;
-      }
-
-      .json-textarea::placeholder {
-        color: var(--ic-text-muted);
-      }
-
-      .json-error {
-        color: var(--ic-error);
-        font-size: var(--ic-text-xs);
-        margin-top: var(--ic-space-xs);
-      }
-
-      .import-btn {
-        margin-top: var(--ic-space-sm);
-        padding: var(--ic-space-sm) var(--ic-space-md);
-        background: var(--ic-accent);
-        border: 1px solid var(--ic-accent);
-        border-radius: var(--ic-radius-md);
-        color: #fff;
-        font-size: var(--ic-text-sm);
-        font-family: inherit;
-        cursor: pointer;
-        transition: background var(--ic-transition);
-      }
-
-      .import-btn:hover {
-        background: var(--ic-accent-hover);
-      }
-
-      /* Footer */
-
-      .footer {
-        display: flex;
-        justify-content: flex-end;
-      }
-
-      .cancel-btn {
-        padding: var(--ic-space-sm) var(--ic-space-md);
-        border-radius: var(--ic-radius-md);
-        font-size: var(--ic-text-sm);
-        font-family: inherit;
-        cursor: pointer;
-        background: transparent;
-        border: 1px solid var(--ic-border);
-        color: var(--ic-text-muted);
-        transition:
-          background var(--ic-transition),
-          border-color var(--ic-transition);
-      }
-
-      .cancel-btn:hover {
-        border-color: var(--ic-text-dim, var(--ic-text-muted));
-        color: var(--ic-text);
-      }
-    `];R([w({type:Boolean,reflect:!0})],I.prototype,"open",2);R([u()],I.prototype,"_showJsonImport",2);R([u()],I.prototype,"_jsonError",2);R([u()],I.prototype,"_jsonText",2);I=R([O("ic-template-picker")],I);const ke=170;function Se(e){const t=[],s=[];for(let i=0;i<e.length;i++){const a=e[i],r=(a.nodeId??a.id).trim(),o=a.task.trim(),l=Array.isArray(a.dependsOn)?a.dependsOn.filter(_=>typeof _=="string"):[],p={x:300,y:50+i*ke},g={id:r,task:o,dependsOn:l,position:p,...typeof a.agentId=="string"&&a.agentId?{agentId:a.agentId}:{},...typeof a.maxSteps=="number"?{maxSteps:a.maxSteps}:{},...typeof a.timeoutMs=="number"?{timeoutMs:a.timeoutMs}:{},...a.barrierMode==="all"||a.barrierMode==="majority"||a.barrierMode==="best-effort"?{barrierMode:a.barrierMode}:{},...typeof a.model=="string"&&a.model?{modelId:a.model}:typeof a.modelId=="string"&&a.modelId?{modelId:a.modelId}:{},...typeof a.retries=="number"&&a.retries>=0&&a.retries<=3?{retries:a.retries}:{},...a.contextMode==="full"||a.contextMode==="summary"||a.contextMode==="none"?{contextMode:a.contextMode}:a.context_mode==="full"||a.context_mode==="summary"||a.context_mode==="none"?{contextMode:a.context_mode}:{},typeId:a.typeId,typeConfig:a.typeConfig&&typeof a.typeConfig=="object"?a.typeConfig:void 0};t.push(g);for(const _ of l)s.push({id:`${_}->${r}`,source:_,target:r})}return{nodes:t,edges:s}}var Ce=Object.defineProperty,Ie=Object.getOwnPropertyDescriptor,m=(e,t,s,i)=>{for(var a=i>1?void 0:i?Ie(t,s):t,r=e.length-1,o;r>=0;r--)(o=e[r])&&(a=(i?o(t,s,a):o(a))||a);return i&&a&&Ce(t,s,a),a};const S=24;let v=class extends A{constructor(){super(...arguments),this.rpcClient=null,this.graphId="",this._graphState=null,this._stateUnsub=null,this._rpcStatusUnsub=null,this._serverLoadDone=!1,this._nodeCounter=0,this._viewport={x:0,y:0,scale:1},this._nodes=[],this._edges=[],this._selectedNodeIds=new Set,this._selectedEdgeId=null,this._showDeleteConfirm=!1,this._deleteMessage="",this._snapToGrid=!1,this._validationResult=null,this._settings={label:"Untitled Pipeline",onFailure:"fail-fast"},this._highlightNodeIds=[],this._validateResultText="",this._showTemplatePicker=!1,this._showVariablePrompt=!1,this._variableNames=[],this._draftId="",this._isDirty=!1,this._pendingDeleteNodeIds=[],this._pendingDeleteEdgeId=null,this._validationTimer=null,this._beforeUnloadHandler=e=>{this._isDirty&&e.preventDefault()},this._hashChangeHandler=()=>{this._isDirty&&this._builderHash&&(window.confirm("You have unsaved changes. Leave anyway?")||(window.location.hash=this._builderHash))},this._builderHash="",this._onKeyDown=e=>{const t=e.composedPath()[0];if(t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement||t instanceof HTMLSelectElement||t instanceof Element&&t.closest("[contenteditable]"))return;const s=e.metaKey||e.ctrlKey;if(s&&e.shiftKey&&e.key==="z"){e.preventDefault(),this._graphState?.redo();return}if(s&&!e.shiftKey&&e.key==="z"){e.preventDefault(),this._graphState?.undo();return}if(s&&e.key==="a"){e.preventDefault(),this._graphState?.selectAll();return}if(s&&e.key==="d"){e.preventDefault(),this._duplicateSelected();return}if(!s){if(e.key==="Backspace"||e.key==="Delete"){e.preventDefault(),this._deleteSelected();return}if(e.key==="Escape"){this._graphState?.clearSelection(),this.renderRoot.querySelector("ic-graph-canvas")?.cancelInteraction();return}if(e.key==="n"||e.key==="N"){this._addNodeAtViewportCenter();return}if(e.key==="f"||e.key==="F"){this._fitView();return}if(e.key==="l"||e.key==="L"){this._autoLayout();return}if(e.key==="+"||e.key==="="){this._zoomStep(1);return}if(e.key==="-"){this._zoomStep(-1);return}if(e.key==="0"){this._graphState?.setViewport({x:0,y:0,scale:1});return}if(e.key==="Tab"){e.preventDefault(),this._cycleNodeSelection(e.shiftKey?-1:1);return}if(e.key==="ArrowUp"||e.key==="ArrowDown"||e.key==="ArrowLeft"||e.key==="ArrowRight"){e.preventDefault(),this._nudgeSelected(e.key);return}}}}connectedCallback(){super.connectedCallback(),this._graphState=te(),this._stateUnsub=this._graphState.subscribe(()=>{const t=this._graphState.getSnapshot();this._viewport=t.viewport,this._nodes=t.nodes,this._edges=t.edges,this._selectedNodeIds=t.selectedNodeIds,this._selectedEdgeId=t.selectedEdgeId,this._settings=t.settings,this._isDirty=t.isDirty,this._validationTimer&&clearTimeout(this._validationTimer),this._validationTimer=setTimeout(()=>{const s=ne(this._nodes,this._edges);this._graphState?.setValidation(s),this._validationResult=s},150)});const e=this._graphState.getSnapshot();this._viewport=e.viewport,this._nodes=e.nodes,this._edges=e.edges,this._selectedNodeIds=e.selectedNodeIds,this._selectedEdgeId=e.selectedEdgeId,this._settings=e.settings,document.addEventListener("keydown",this._onKeyDown),window.addEventListener("beforeunload",this._beforeUnloadHandler),this._builderHash=window.location.hash,window.addEventListener("hashchange",this._hashChangeHandler),this.graphId?(this._draftId=this.graphId,this._loadGraph()):(this._draftId=crypto.randomUUID(),this._showTemplatePicker=!0)}disconnectedCallback(){document.removeEventListener("keydown",this._onKeyDown),window.removeEventListener("beforeunload",this._beforeUnloadHandler),window.removeEventListener("hashchange",this._hashChangeHandler),this._rpcStatusUnsub?.(),this._rpcStatusUnsub=null,this._validationTimer&&(clearTimeout(this._validationTimer),this._validationTimer=null),this._stateUnsub&&(this._stateUnsub(),this._stateUnsub=null),this._graphState=null,super.disconnectedCallback()}updated(e){e.has("rpcClient")&&this.rpcClient&&this.graphId&&!this._serverLoadDone&&(this._rpcStatusUnsub?.(),this.rpcClient.status==="connected"?this._loadGraph():this._rpcStatusUnsub=this.rpcClient.onStatusChange(t=>{t==="connected"&&!this._serverLoadDone&&(this._rpcStatusUnsub=null,this._loadGraph())}))}get _breadcrumbs(){const e=[{label:"Pipelines",route:"pipelines"}];return this.graphId?(e.push({label:this.graphId}),e.push({label:"Edit"})):e.push({label:"New Pipeline"}),e}_onNodeSelect(e){const{nodeId:t,multi:s}=e.detail;this._graphState?.selectNode(t,s)}_onNodeDragEnd(e){this._graphState?.moveNodes(e.detail.moves)}_onEdgeCreate(e){const{source:t,target:s}=e.detail,i=this._graphState?.getSnapshot();if(!i||t===s||i.edges.some(r=>r.source===t&&r.target===s)||j(i.edges,t,s))return;this._graphState?.addEdge(t,s);const a=i.nodes.find(r=>r.id===s);a&&!a.dependsOn.includes(t)&&this._graphState?.updateNode(s,{dependsOn:[...a.dependsOn,t]})}_onCanvasClick(){this._graphState?.clearSelection()}_onHighlightNodes(e){this._highlightNodeIds=e.detail.nodeIds,setTimeout(()=>{this._highlightNodeIds=[]},3e3)}_onNodeUpdate(e){this._graphState?.updateNode(e.detail.nodeId,e.detail.partial)}_onNodeDelete(e){this._graphState?.selectNode(e.detail.nodeId),this._deleteSelected()}_onNodeDuplicate(e){this._graphState?.selectNode(e.detail.nodeId),this._duplicateSelected()}_onEditorEdgeAdd(e){const{source:t,target:s}=e.detail;if(!this._graphState)return;const i=this._graphState.getSnapshot();if(t===s||i.edges.some(r=>r.source===t&&r.target===s)||j(i.edges,t,s))return;this._graphState.addEdge(t,s);const a=i.nodes.find(r=>r.id===s);a&&!a.dependsOn.includes(t)&&this._graphState.updateNode(s,{dependsOn:[...a.dependsOn,t]})}_onEditorEdgeRemove(e){const{source:t,target:s}=e.detail;if(!this._graphState)return;const i=this._graphState.getSnapshot(),a=`${t}->${s}`;i.edges.find(l=>l.id===a)&&this._graphState.removeEdge(a);const o=i.nodes.find(l=>l.id===s);if(o){const l=o.dependsOn.filter(p=>p!==t);this._graphState.updateNode(s,{dependsOn:l})}}async _onValidate(){if(!this.rpcClient||!this._graphState)return;const e=this._graphState.getSnapshot(),t={nodes:e.nodes.map(s=>{const i=e.edges.filter(a=>a.target===s.id).map(a=>a.source);return{nodeId:s.id,task:s.task,agentId:s.agentId,dependsOn:i,maxSteps:s.maxSteps,timeoutMs:s.timeoutMs,barrierMode:s.barrierMode,model:s.modelId,retries:s.retries,type_id:s.typeId,type_config:s.typeConfig,context_mode:s.contextMode}}),label:e.settings.label||void 0,onFailure:e.settings.onFailure,timeoutMs:e.settings.timeoutMs,budget:e.settings.budget};try{const i=await this.rpcClient.call("graph.define",t);this._validateResultText=`Valid: ${i.nodeCount??e.nodes.length} nodes${Array.isArray(i.executionOrder)?`, order: ${i.executionOrder.join(" -> ")}`:""}`}catch(s){this._validateResultText=`Error: ${s instanceof Error?s.message:String(s)}`}}_addNodeAtViewportCenter(){if(!this._graphState)return;const e=this._graphState.getSnapshot();this._nodeCounter=Math.max(this._nodeCounter,e.nodes.length);let t;do this._nodeCounter++,t=`node-${this._nodeCounter}`;while(e.nodes.some(o=>o.id===t));const i=this.renderRoot.querySelector(".canvas-area")?.getBoundingClientRect();let a=200,r=200;if(i){const o=H(i.left+i.width/2,i.top+i.height/2,i,this._viewport);a=o.x-W/2,r=o.y-K/2}this._graphState.addNode({id:t,task:"",dependsOn:[],position:{x:a,y:r}})}_duplicateSelected(){if(!this._graphState)return;const e=this._graphState.getSnapshot();if(e.selectedNodeIds.size!==0)for(const t of e.selectedNodeIds){const s=e.nodes.find(o=>o.id===t);if(!s)continue;let i=`${s.id}-copy`,a=1;const r=new Set(e.nodes.map(o=>o.id));for(;r.has(i);)a++,i=`${s.id}-copy-${a}`;r.add(i),this._graphState.addNode({id:i,task:s.task,agentId:s.agentId,dependsOn:[],maxSteps:s.maxSteps,timeoutMs:s.timeoutMs,barrierMode:s.barrierMode,modelId:s.modelId,retries:s.retries,typeId:s.typeId,typeConfig:s.typeConfig?{...s.typeConfig}:void 0,contextMode:s.contextMode,position:{x:s.position.x+60,y:s.position.y+40}})}}_deleteSelected(){if(!this._graphState)return;const e=this._graphState.getSnapshot();if(e.selectedEdgeId&&e.selectedNodeIds.size===0){this._graphState.removeEdge(e.selectedEdgeId);return}if(e.selectedNodeIds.size===0)return;const t=[...e.selectedNodeIds],s=[];for(const i of t)for(const a of e.edges)a.source===i&&!e.selectedNodeIds.has(a.target)&&s.push(`"${a.target}" depends on "${i}"`);if(s.length>0)this._deleteMessage=`Deleting will break dependencies:
-${s.join(`
-`)}`,this._pendingDeleteNodeIds=t,this._showDeleteConfirm=!0;else for(const i of t)this._graphState.removeNode(i)}_confirmDelete(){if(this._graphState){for(const e of this._pendingDeleteNodeIds)this._graphState.removeNode(e);this._pendingDeleteEdgeId&&this._graphState.removeEdge(this._pendingDeleteEdgeId),this._showDeleteConfirm=!1,this._pendingDeleteNodeIds=[],this._pendingDeleteEdgeId=null}}_fitView(){if(!this._graphState)return;const e=this._graphState.getSnapshot();if(e.nodes.length===0)return;const s=this.renderRoot.querySelector(".canvas-area")?.getBoundingClientRect();if(!s)return;const i=J(e.nodes,s.width,s.height);this._graphState.setViewport(i)}_autoLayout(){if(!this._graphState)return;const e=this._graphState.getSnapshot();if(e.nodes.length===0)return;const t=F(e.nodes,e.edges),s=[];for(const[i,a]of t.positions)s.push({nodeId:i,position:a});this._graphState.moveNodes(s)}_zoomStep(e){if(!this._graphState)return;const s=this.renderRoot.querySelector(".canvas-area")?.getBoundingClientRect();if(!s)return;const i=s.width/2,a=s.height/2,r=e>0?-100:100,o=B(this._viewport,i,a,r,X,Y);this._graphState.setViewport(o)}_cycleNodeSelection(e){if(!this._graphState)return;const t=this._graphState.getSnapshot();if(t.nodes.length===0)return;const s=[...t.nodes].sort((r,o)=>r.position.y!==o.position.y?r.position.y-o.position.y:r.position.x-o.position.x);let i=-1;if(t.selectedNodeIds.size===1){const r=[...t.selectedNodeIds][0];i=s.findIndex(o=>o.id===r)}let a=i+e;a<0&&(a=s.length-1),a>=s.length&&(a=0),this._graphState.selectNode(s[a].id)}_nudgeSelected(e){if(!this._graphState)return;const t=this._graphState.getSnapshot();if(t.selectedNodeIds.size===0)return;let s=0,i=0;switch(e){case"ArrowUp":i=-S;break;case"ArrowDown":i=S;break;case"ArrowLeft":s=-S;break;case"ArrowRight":s=S;break}const a=[];for(const r of t.selectedNodeIds){const o=t.nodes.find(g=>g.id===r);if(!o)continue;let l=o.position.x+s,p=o.position.y+i;this._snapToGrid&&(l=Math.round(l/S)*S,p=Math.round(p/S)*S),a.push({nodeId:r,position:{x:l,y:p}})}this._graphState.moveNodes(a)}async _loadGraph(){if(!(!this._graphState||!this.graphId)&&this.rpcClient)try{const e=await this.rpcClient.call("graph.load",{id:this.graphId});if(e&&this._graphState){this._graphState.reset();const t=[],s=[];for(const r of e.nodes){const l={id:r.id??r.nodeId,task:r.task??"",agentId:r.agentId??r.agent,dependsOn:r.dependsOn??[],maxSteps:r.maxSteps,timeoutMs:r.timeoutMs,barrierMode:r.barrierMode,modelId:r.modelId??r.model,retries:typeof r.retries=="number"?r.retries:void 0,contextMode:r.contextMode==="full"||r.contextMode==="summary"||r.contextMode==="none"?r.contextMode:r.context_mode==="full"||r.context_mode==="summary"||r.context_mode==="none"?r.context_mode:void 0,typeId:r.typeId,typeConfig:r.typeConfig&&typeof r.typeConfig=="object"?r.typeConfig:void 0,position:r.position??{x:0,y:0}};t.push(l)}if(e.edges&&e.edges.length>0)for(const r of e.edges)s.push(r);else for(const r of t)for(const o of r.dependsOn)s.push({id:`${o}->${r.id}`,source:o,target:r.id});if(t.length>0&&t.every(r=>r.position.x===0&&r.position.y===0)){const r=F(t,s);for(const o of t){const l=r.positions.get(o.id);l&&(o.position=l)}}for(const r of t)this._graphState.addNode(r);for(const r of s)this._graphState.addEdge(r.source,r.target);const a={...e.settings,...e.label?{label:e.label}:{}};Object.keys(a).length>0&&this._graphState.updateSettings(a),this._serverLoadDone=!0}}catch{}}_onTemplateSelect(e){if(!this._graphState)return;const{nodes:t,edges:s,settings:i}=e.detail;this._graphState.reset();for(const a of t)this._graphState.addNode(a);for(const a of s)this._graphState.addEdge(a.source,a.target);(i.label||i.onFailure)&&this._graphState.updateSettings(i),this._showTemplatePicker=!1}async _onSaveDraft(){if(!this._graphState)return;const e=this._graphState.getSnapshot();if(!this.rpcClient){z.show("Cannot save: not connected to daemon","error");return}try{await this.rpcClient.call("graph.save",{id:this._draftId,label:e.settings.label,nodes:e.nodes,edges:e.edges,settings:e.settings}),this._graphState.markClean(),z.show("Pipeline saved","success")}catch(t){z.show(`Save failed: ${t instanceof Error?t.message:"Unknown error"}`,"error")}}async _onRun(){if(!this.rpcClient||!this._graphState)return;const e=this._graphState.getSnapshot(),t=e.nodes.map(i=>i.task),s=Z(t);if(s.length>0){this._variableNames=s,this._showVariablePrompt=!0;return}await this._executeGraph(e.nodes.map(i=>i.task))}async _onVariableConfirm(e){if(this._showVariablePrompt=!1,!this.rpcClient||!this._graphState)return;const s=this._graphState.getSnapshot().nodes.map(i=>Q(i.task,e.detail.values));await this._executeGraph(s)}async _executeGraph(e){if(!this.rpcClient||!this._graphState)return;const t=this._graphState.getSnapshot(),s={nodes:t.nodes.map((i,a)=>{const r=t.edges.filter(o=>o.target===i.id).map(o=>o.source);return{nodeId:i.id,task:e[a],agentId:i.agentId,dependsOn:r,maxSteps:i.maxSteps,timeoutMs:i.timeoutMs,barrierMode:i.barrierMode,model:i.modelId,retries:i.retries,type_id:i.typeId,type_config:i.typeConfig,context_mode:i.contextMode}}),label:t.settings.label||void 0,onFailure:t.settings.onFailure,timeoutMs:t.settings.timeoutMs,budget:t.settings.budget};try{const i=await this.rpcClient.call("graph.execute",s);this.dispatchEvent(new CustomEvent("navigate",{detail:`pipelines/${i.graphId}`,bubbles:!0,composed:!0}))}catch(i){z.show(`Run failed: ${i instanceof Error?i.message:String(i)}`,"error")}}render(){const e=this._graphState?.getSnapshot(),t=e&&e.selectedNodeIds.size===1?e.nodes.find(s=>e.selectedNodeIds.has(s.id))??null:null;return d`
-      <ic-breadcrumb .items=${this._breadcrumbs}
-        @navigate=${s=>this.dispatchEvent(new CustomEvent("navigate",{detail:s.detail,bubbles:!0,composed:!0}))}
-      ></ic-breadcrumb>
-      <div class="mobile-message">
-        <h2>Desktop Required</h2>
-        <p>The pipeline builder requires a desktop browser. Please use a screen wider than 768px.</p>
-      </div>
-      <div class="builder-container">
-        <ic-graph-settings
-          .settings=${this._settings}
-          .hasErrors=${(this._validationResult?.errors.length??0)>0}
-          .isDirty=${this._isDirty}
-          .validateResult=${this._validateResultText}
-          @settings-change=${s=>this._graphState?.updateSettings(s.detail)}
-          @validate=${this._onValidate}
-          @save-draft=${this._onSaveDraft}
-          @run=${this._onRun}
-        ></ic-graph-settings>
-        <div class="toolbar">
-          <button class="toolbar-btn ${this._snapToGrid?"toolbar-btn--active":""}"
-            @click=${()=>{this._snapToGrid=!this._snapToGrid}}
-            title="Snap to grid (24px)">Grid</button>
-          <button class="toolbar-btn"
-            @click=${()=>{this._showTemplatePicker=!0}}
-            title="Choose a template">Templates</button>
-        </div>
-        <div class="builder-body">
-          <div class="canvas-area">
-            <ic-graph-canvas
-              .viewport=${this._viewport}
-              .nodes=${this._nodes}
-              .edges=${this._edges}
-              .selectedNodeIds=${this._selectedNodeIds}
-              .selectedEdgeId=${this._selectedEdgeId}
-              .snapToGrid=${this._snapToGrid}
-              .highlightNodeIds=${this._highlightNodeIds}
-              @viewport-change=${s=>{this._graphState?.setViewport(s.detail)}}
-              @edge-select=${s=>{this._graphState?.selectEdge(s.detail)}}
-              @node-select=${this._onNodeSelect}
-              @node-drag-end=${this._onNodeDragEnd}
-              @edge-create=${this._onEdgeCreate}
-              @canvas-click=${this._onCanvasClick}
-            ></ic-graph-canvas>
-            <ic-graph-validation
-              .validationResult=${this._validationResult}
-              @highlight-nodes=${this._onHighlightNodes}
-            ></ic-graph-validation>
-          </div>
-          ${t?d`
-            <ic-node-editor
-              .node=${t}
-              .allNodes=${this._nodes}
-              .allEdges=${this._edges}
-              .rpcClient=${this.rpcClient}
-              @node-update=${this._onNodeUpdate}
-              @node-delete=${this._onNodeDelete}
-              @node-duplicate=${this._onNodeDuplicate}
-              @edge-add=${this._onEditorEdgeAdd}
-              @edge-remove=${this._onEditorEdgeRemove}
-            ></ic-node-editor>
-          `:f}
-        </div>
-      </div>
-      <ic-confirm-dialog
-        ?open=${this._showDeleteConfirm}
-        title="Delete Node"
-        .message=${this._deleteMessage}
-        variant="danger"
-        confirmLabel="Delete"
-        @confirm=${this._confirmDelete}
-        @cancel=${()=>{this._showDeleteConfirm=!1,this._pendingDeleteNodeIds=[],this._pendingDeleteEdgeId=null}}
-      ></ic-confirm-dialog>
-      <ic-template-picker
-        ?open=${this._showTemplatePicker}
-        @template-select=${this._onTemplateSelect}
-        @cancel=${()=>{this._showTemplatePicker=!1}}
-      ></ic-template-picker>
-      <ic-variable-prompt
-        ?open=${this._showVariablePrompt}
-        .variables=${this._variableNames}
-        .pipelineLabel=${this._settings.label}
-        @confirm=${this._onVariableConfirm}
-        @cancel=${()=>{this._showVariablePrompt=!1}}
-      ></ic-variable-prompt>
-    `}};v.styles=[T,V,M`
-    :host { display: block; height: 100%; }
-    .builder-container { display: flex; flex-direction: column; height: calc(100vh - 120px); }
-    .toolbar { display: flex; gap: 4px; padding: 4px 0; }
-    .toolbar-btn { padding: 4px 12px; background: var(--ic-surface-2); border: 1px solid var(--ic-border);
-      border-radius: var(--ic-radius-sm); color: var(--ic-text-muted); font-size: var(--ic-text-xs); cursor: pointer; }
-    .toolbar-btn:hover { background: var(--ic-accent); color: var(--ic-text); }
-    .toolbar-btn--active { background: var(--ic-accent); color: var(--ic-text); border-color: var(--ic-accent); }
-    .builder-body { display: flex; flex: 1; overflow: hidden; }
-    .canvas-area { flex: 1; position: relative; border: 1px solid var(--ic-border); border-radius: var(--ic-radius-md);
-      background: var(--ic-bg); overflow: hidden; }
-    .mobile-message { display: none; text-align: center; padding: 3rem 1.5rem; color: var(--ic-text-muted); }
-    .mobile-message h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; }
-    .mobile-message p { font-size: var(--ic-text-sm); color: var(--ic-text-dim); }
-    @media (max-width: 767px) {
-      .builder-container { display: none; }
-      .mobile-message { display: block; }
-    }
-  `];m([w({attribute:!1})],v.prototype,"rpcClient",2);m([w()],v.prototype,"graphId",2);m([u()],v.prototype,"_viewport",2);m([u()],v.prototype,"_nodes",2);m([u()],v.prototype,"_edges",2);m([u()],v.prototype,"_selectedNodeIds",2);m([u()],v.prototype,"_selectedEdgeId",2);m([u()],v.prototype,"_showDeleteConfirm",2);m([u()],v.prototype,"_deleteMessage",2);m([u()],v.prototype,"_snapToGrid",2);m([u()],v.prototype,"_validationResult",2);m([u()],v.prototype,"_settings",2);m([u()],v.prototype,"_highlightNodeIds",2);m([u()],v.prototype,"_validateResultText",2);m([u()],v.prototype,"_showTemplatePicker",2);m([u()],v.prototype,"_showVariablePrompt",2);m([u()],v.prototype,"_variableNames",2);m([u()],v.prototype,"_draftId",2);m([u()],v.prototype,"_isDirty",2);v=m([O("ic-pipeline-builder")],v);export{v as IcPipelineBuilder};