comisai 1.0.24 → 1.0.26

package/node_modules/@comis/web/dist/assets/{pipeline-history-DkfOQ6SW.js → pipeline-history-JnHZdeU_.js}

@@ -1,126 +1,4 @@
-import{a as h,I as p,b as a,A as u,s as m,f as b,i as g,n as v,r as c,t as _}from"./index-CEcM1R_C.js";import"./ic-breadcrumb-CUMpp3BL.js";import"./ic-confirm-dialog-CCDbB04e.js";import"./ic-empty-state-60l2ePhd.js";import"./ic-icon-xeGTVhVG.js";var f=Object.defineProperty,x=Object.getOwnPropertyDescriptor,n=(e,t,r,o)=>{for(var i=o>1?void 0:o?x(t,r):t,l=e.length-1,d;l>=0;l--)(d=e[l])&&(i=(o?d(t,r,i):d(i))||i);return o&&i&&f(t,r,i),i};const w={completed:"#22c55e",failed:"#ef4444"};function $(e){if(!e)return"Never";const t=Date.now()-e;if(t<0)return"just now";const r=Math.floor(t/1e3);if(r<60)return"just now";const o=Math.floor(r/60);if(o<60)return`${o}m ago`;const i=Math.floor(o/60);if(i<24)return`${i}h ago`;const l=Math.floor(i/24);return l<30?`${l}d ago`:new Date(e).toISOString().slice(0,10)}let s=class extends h{constructor(){super(...arguments),this.rpcClient=null,this._rpcStatusUnsub=null,this._runs=[],this._loading=!0,this._sortField="date",this._sortDir="desc",this._deleteTarget=null}get _breadcrumbs(){return[{label:"Pipelines",route:"pipelines"},{label:"History"}]}disconnectedCallback(){super.disconnectedCallback(),this._rpcStatusUnsub?.(),this._rpcStatusUnsub=null}updated(e){e.has("rpcClient")&&this.rpcClient&&(this._rpcStatusUnsub?.(),this.rpcClient.status==="connected"?this._loadRuns():this._rpcStatusUnsub=this.rpcClient.onStatusChange(t=>{t==="connected"&&(this._rpcStatusUnsub=null,this._loadRuns())}))}async _loadRuns(){this._loading=!0;try{const e=await this.rpcClient?.call("graph.runs",{});this._runs=e?.runs??[]}catch{this._runs=[]}this._loading=!1}get _sorted(){return[...this._runs].sort((e,t)=>{let r=0;switch(this._sortField){case"name":r=e.name.localeCompare(t.name);break;case"status":r=e.status.localeCompare(t.status);break;case"nodeCount":r=e.nodeCount-t.nodeCount;break;case"date":r=e.date.localeCompare(t.date);break}return this._sortDir==="asc"?r:-r})}_handleSort(e){this._sortField===e?this._sortDir=this._sortDir==="asc"?"desc":"asc":(this._sortField=e,this._sortDir=e==="name"?"asc":"desc")}_sortArrow(e){return this._sortField!==e?"":this._sortDir==="asc"?"▲":"▼"}_sortArrowClass(e){return this._sortField===e?"sort-arrow sort-arrow--active":"sort-arrow"}_navigateToDetail(e){window.location.hash=`#/pipelines/history/${e.graphId}`}_handleDeleteClick(e,t){t.stopPropagation(),this._deleteTarget=e}async _confirmDelete(){if(!this._deleteTarget)return;const e=this._deleteTarget;this._deleteTarget=null;try{await this.rpcClient?.call("graph.deleteRun",{graphId:e.graphId}),this._runs=this._runs.filter(t=>t.graphId!==e.graphId),p.show(`Deleted "${e.name}"`,"success")}catch(t){p.show(`Failed to delete: ${t instanceof Error?t.message:"Unknown error"}`,"error")}}_cancelDelete(){this._deleteTarget=null}_renderStatusDot(e){const t=w[e]??"#6b7280",r=e.charAt(0).toUpperCase()+e.slice(1);return a`<span class="status-text">
-      <span class="status-dot" style="--dot-color: ${t}"></span>
-      ${r}
-    </span>`}_dateToRelative(e){const t=new Date(e).getTime();return $(t)}render(){return a`
-      <ic-breadcrumb .items=${this._breadcrumbs}
-        @navigate=${e=>this.dispatchEvent(new CustomEvent("navigate",{detail:e.detail,bubbles:!0,composed:!0}))}
-      ></ic-breadcrumb>
-
-      <div class="page-header" role="region" aria-label="Pipeline History">
-        <h1 class="page-title">Pipeline History</h1>
-      </div>
-
-      ${this._renderContent()}
-      ${this._deleteTarget?a`
-            <ic-confirm-dialog
-              open
-              variant="danger"
-              title="Delete Run"
-              message=${`Delete run "${this._deleteTarget.name}"? This cannot be undone.`}
-              confirmLabel="Delete"
-              @confirm=${this._confirmDelete}
-              @cancel=${this._cancelDelete}
-            ></ic-confirm-dialog>
-          `:u}
-    `}_renderContent(){if(this._loading)return a`<ic-skeleton-view variant="list"></ic-skeleton-view>`;if(this._runs.length===0)return a`
-        <ic-empty-state
-          icon="git-branch"
-          message="No pipeline runs yet"
-          description="Run a pipeline to see results here."
-        >
-          <button
-            class="action-btn"
-            style="padding: 8px 16px; width: auto; height: auto; border: 1px solid var(--ic-border, #374151); color: var(--ic-text, #f3f4f6);"
-            @click=${()=>{window.location.hash="#/pipelines/new"}}
-          >
-            New Pipeline
-          </button>
-        </ic-empty-state>
-      `;const e=this._sorted;return a`
-      ${this._renderTable(e)}
-      ${this._renderMobileList(e)}
-    `}_renderTable(e){return a`
-      <div class="grid-table" role="table">
-        <div class="grid-header" role="row">
-          <div class="cell" role="columnheader" @click=${()=>this._handleSort("name")}>
-            Name
-            <span class=${this._sortArrowClass("name")}>${this._sortArrow("name")}</span>
-          </div>
-          <div class="cell" role="columnheader" @click=${()=>this._handleSort("status")}>
-            Status
-            <span class=${this._sortArrowClass("status")}>${this._sortArrow("status")}</span>
-          </div>
-          <div class="cell" role="columnheader" @click=${()=>this._handleSort("nodeCount")}>
-            Nodes
-            <span class=${this._sortArrowClass("nodeCount")}>${this._sortArrow("nodeCount")}</span>
-          </div>
-          <div class="cell" role="columnheader" @click=${()=>this._handleSort("date")}>
-            Date
-            <span class=${this._sortArrowClass("date")}>${this._sortArrow("date")}</span>
-          </div>
-          <div class="cell actions-header" role="columnheader">Actions</div>
-        </div>
-        ${e.map(t=>this._renderRow(t))}
-      </div>
-    `}_renderRow(e){return a`
-      <div class="grid-row" role="row" @click=${()=>this._navigateToDetail(e)}>
-        <div class="cell" role="cell">
-          <span class="run-name">${e.name}</span>
-        </div>
-        <div class="cell" role="cell">
-          ${this._renderStatusDot(e.status)}
-        </div>
-        <div class="cell" role="cell">${e.nodeCount}</div>
-        <div class="cell dim-text" role="cell">${this._dateToRelative(e.date)}</div>
-        <div class="cell actions-cell" role="cell">
-          <button
-            class="action-btn"
-            aria-label="View ${e.name}"
-            @click=${t=>{t.stopPropagation(),this._navigateToDetail(e)}}
-          >
-            <ic-icon name="eye" size="16px"></ic-icon>
-          </button>
-          <button
-            class="action-btn action-btn--danger"
-            aria-label="Delete ${e.name}"
-            @click=${t=>this._handleDeleteClick(e,t)}
-          >
-            <ic-icon name="trash" size="16px"></ic-icon>
-          </button>
-        </div>
-      </div>
-    `}_renderMobileList(e){return a`
-      <div class="mobile-list">
-        ${e.map(t=>a`
-            <div class="mobile-card" @click=${()=>this._navigateToDetail(t)}>
-              <div class="card-header">
-                <span class="card-label">${t.name}</span>
-                ${this._renderStatusDot(t.status)}
-              </div>
-              <div class="card-meta">
-                <span>${t.nodeCount} nodes</span>
-                <span>${this._dateToRelative(t.date)}</span>
-              </div>
-              <div class="card-actions">
-                <button
-                  class="action-btn"
-                  aria-label="View ${t.name}"
-                  @click=${r=>{r.stopPropagation(),this._navigateToDetail(t)}}
-                >
-                  <ic-icon name="eye" size="16px"></ic-icon>
-                </button>
-                <button
-                  class="action-btn action-btn--danger"
-                  aria-label="Delete ${t.name}"
-                  @click=${r=>this._handleDeleteClick(t,r)}
-                >
-                  <ic-icon name="trash" size="16px"></ic-icon>
-                </button>
-              </div>
-            </div>
-          `)}
-      </div>
-    `}};s.styles=[m,b,g`
+import{c as e,f as t,h as n,l as r,n as i,o as a,r as o,s,t as c,u as l}from"./decorate-BvWYovGE.js";import{a as u}from"./index-BBkuC-EU.js";import"./ic-breadcrumb-DqN6G3gc.js";import"./ic-confirm-dialog-DGlPbV1T.js";import"./ic-icon-BGNCCPpZ.js";import"./ic-empty-state-CM3Wbj2f.js";var d={completed:`#22c55e`,failed:`#ef4444`};function f(e){if(!e)return`Never`;let t=Date.now()-e;if(t<0)return`just now`;let n=Math.floor(t/1e3);if(n<60)return`just now`;let r=Math.floor(n/60);if(r<60)return`${r}m ago`;let i=Math.floor(r/60);if(i<24)return`${i}h ago`;let a=Math.floor(i/24);return a<30?`${a}d ago`:new Date(e).toISOString().slice(0,10)}var p=class extends r{constructor(...e){super(...e),this.rpcClient=null,this._rpcStatusUnsub=null,this._runs=[],this._loading=!0,this._sortField=`date`,this._sortDir=`desc`,this._deleteTarget=null}static{this.styles=[o,i,n`
       :host {
         display: block;
       }
@@ -314,4 +192,126 @@ import{a as h,I as p,b as a,A as u,s as m,f as b,i as g,n as v,r as c,t as _}fro
           justify-content: flex-end;
         }
       }
-    `];n([v({attribute:!1})],s.prototype,"rpcClient",2);n([c()],s.prototype,"_runs",2);n([c()],s.prototype,"_loading",2);n([c()],s.prototype,"_sortField",2);n([c()],s.prototype,"_sortDir",2);n([c()],s.prototype,"_deleteTarget",2);s=n([_("ic-pipeline-history")],s);export{s as IcPipelineHistory};
+    `]}get _breadcrumbs(){return[{label:`Pipelines`,route:`pipelines`},{label:`History`}]}disconnectedCallback(){super.disconnectedCallback(),this._rpcStatusUnsub?.(),this._rpcStatusUnsub=null}updated(e){e.has(`rpcClient`)&&this.rpcClient&&(this._rpcStatusUnsub?.(),this.rpcClient.status===`connected`?this._loadRuns():this._rpcStatusUnsub=this.rpcClient.onStatusChange(e=>{e===`connected`&&(this._rpcStatusUnsub=null,this._loadRuns())}))}async _loadRuns(){this._loading=!0;try{let e=await this.rpcClient?.call(`graph.runs`,{});this._runs=e?.runs??[]}catch{this._runs=[]}this._loading=!1}get _sorted(){return[...this._runs].sort((e,t)=>{let n=0;switch(this._sortField){case`name`:n=e.name.localeCompare(t.name);break;case`status`:n=e.status.localeCompare(t.status);break;case`nodeCount`:n=e.nodeCount-t.nodeCount;break;case`date`:n=e.date.localeCompare(t.date);break}return this._sortDir===`asc`?n:-n})}_handleSort(e){this._sortField===e?this._sortDir=this._sortDir===`asc`?`desc`:`asc`:(this._sortField=e,this._sortDir=e===`name`?`asc`:`desc`)}_sortArrow(e){return this._sortField===e?this._sortDir===`asc`?`▲`:`▼`:``}_sortArrowClass(e){return this._sortField===e?`sort-arrow sort-arrow--active`:`sort-arrow`}_navigateToDetail(e){window.location.hash=`#/pipelines/history/${e.graphId}`}_handleDeleteClick(e,t){t.stopPropagation(),this._deleteTarget=e}async _confirmDelete(){if(!this._deleteTarget)return;let e=this._deleteTarget;this._deleteTarget=null;try{await this.rpcClient?.call(`graph.deleteRun`,{graphId:e.graphId}),this._runs=this._runs.filter(t=>t.graphId!==e.graphId),u.show(`Deleted "${e.name}"`,`success`)}catch(e){u.show(`Failed to delete: ${e instanceof Error?e.message:`Unknown error`}`,`error`)}}_cancelDelete(){this._deleteTarget=null}_renderStatusDot(e){return t`<span class="status-text">
+      <span class="status-dot" style="--dot-color: ${d[e]??`#6b7280`}"></span>
+      ${e.charAt(0).toUpperCase()+e.slice(1)}
+    </span>`}_dateToRelative(e){return f(new Date(e).getTime())}render(){return t`
+      <ic-breadcrumb .items=${this._breadcrumbs}
+        @navigate=${e=>this.dispatchEvent(new CustomEvent(`navigate`,{detail:e.detail,bubbles:!0,composed:!0}))}
+      ></ic-breadcrumb>
+
+      <div class="page-header" role="region" aria-label="Pipeline History">
+        <h1 class="page-title">Pipeline History</h1>
+      </div>
+
+      ${this._renderContent()}
+      ${this._deleteTarget?t`
+            <ic-confirm-dialog
+              open
+              variant="danger"
+              title="Delete Run"
+              message=${`Delete run "${this._deleteTarget.name}"? This cannot be undone.`}
+              confirmLabel="Delete"
+              @confirm=${this._confirmDelete}
+              @cancel=${this._cancelDelete}
+            ></ic-confirm-dialog>
+          `:l}
+    `}_renderContent(){if(this._loading)return t`<ic-skeleton-view variant="list"></ic-skeleton-view>`;if(this._runs.length===0)return t`
+        <ic-empty-state
+          icon="git-branch"
+          message="No pipeline runs yet"
+          description="Run a pipeline to see results here."
+        >
+          <button
+            class="action-btn"
+            style="padding: 8px 16px; width: auto; height: auto; border: 1px solid var(--ic-border, #374151); color: var(--ic-text, #f3f4f6);"
+            @click=${()=>{window.location.hash=`#/pipelines/new`}}
+          >
+            New Pipeline
+          </button>
+        </ic-empty-state>
+      `;let e=this._sorted;return t`
+      ${this._renderTable(e)}
+      ${this._renderMobileList(e)}
+    `}_renderTable(e){return t`
+      <div class="grid-table" role="table">
+        <div class="grid-header" role="row">
+          <div class="cell" role="columnheader" @click=${()=>this._handleSort(`name`)}>
+            Name
+            <span class=${this._sortArrowClass(`name`)}>${this._sortArrow(`name`)}</span>
+          </div>
+          <div class="cell" role="columnheader" @click=${()=>this._handleSort(`status`)}>
+            Status
+            <span class=${this._sortArrowClass(`status`)}>${this._sortArrow(`status`)}</span>
+          </div>
+          <div class="cell" role="columnheader" @click=${()=>this._handleSort(`nodeCount`)}>
+            Nodes
+            <span class=${this._sortArrowClass(`nodeCount`)}>${this._sortArrow(`nodeCount`)}</span>
+          </div>
+          <div class="cell" role="columnheader" @click=${()=>this._handleSort(`date`)}>
+            Date
+            <span class=${this._sortArrowClass(`date`)}>${this._sortArrow(`date`)}</span>
+          </div>
+          <div class="cell actions-header" role="columnheader">Actions</div>
+        </div>
+        ${e.map(e=>this._renderRow(e))}
+      </div>
+    `}_renderRow(e){return t`
+      <div class="grid-row" role="row" @click=${()=>this._navigateToDetail(e)}>
+        <div class="cell" role="cell">
+          <span class="run-name">${e.name}</span>
+        </div>
+        <div class="cell" role="cell">
+          ${this._renderStatusDot(e.status)}
+        </div>
+        <div class="cell" role="cell">${e.nodeCount}</div>
+        <div class="cell dim-text" role="cell">${this._dateToRelative(e.date)}</div>
+        <div class="cell actions-cell" role="cell">
+          <button
+            class="action-btn"
+            aria-label="View ${e.name}"
+            @click=${t=>{t.stopPropagation(),this._navigateToDetail(e)}}
+          >
+            <ic-icon name="eye" size="16px"></ic-icon>
+          </button>
+          <button
+            class="action-btn action-btn--danger"
+            aria-label="Delete ${e.name}"
+            @click=${t=>this._handleDeleteClick(e,t)}
+          >
+            <ic-icon name="trash" size="16px"></ic-icon>
+          </button>
+        </div>
+      </div>
+    `}_renderMobileList(e){return t`
+      <div class="mobile-list">
+        ${e.map(e=>t`
+            <div class="mobile-card" @click=${()=>this._navigateToDetail(e)}>
+              <div class="card-header">
+                <span class="card-label">${e.name}</span>
+                ${this._renderStatusDot(e.status)}
+              </div>
+              <div class="card-meta">
+                <span>${e.nodeCount} nodes</span>
+                <span>${this._dateToRelative(e.date)}</span>
+              </div>
+              <div class="card-actions">
+                <button
+                  class="action-btn"
+                  aria-label="View ${e.name}"
+                  @click=${t=>{t.stopPropagation(),this._navigateToDetail(e)}}
+                >
+                  <ic-icon name="eye" size="16px"></ic-icon>
+                </button>
+                <button
+                  class="action-btn action-btn--danger"
+                  aria-label="Delete ${e.name}"
+                  @click=${t=>this._handleDeleteClick(e,t)}
+                >
+                  <ic-icon name="trash" size="16px"></ic-icon>
+                </button>
+              </div>
+            </div>
+          `)}
+      </div>
+    `}};c([s({attribute:!1})],p.prototype,`rpcClient`,void 0),c([a()],p.prototype,`_runs`,void 0),c([a()],p.prototype,`_loading`,void 0),c([a()],p.prototype,`_sortField`,void 0),c([a()],p.prototype,`_sortDir`,void 0),c([a()],p.prototype,`_deleteTarget`,void 0),p=c([e(`ic-pipeline-history`)],p);export{p as IcPipelineHistory};

package/node_modules/@comis/web/dist/assets/{pipeline-history-detail-hyHgD0ai.js → pipeline-history-detail-Dg4knsEb.js}

@@ -1,67 +1,4 @@
-import{a as h,I as p,b as n,A as v,s as g,f as b,i as x,n as f,r as l,t as _}from"./index-CEcM1R_C.js";import{o as m,r as u}from"./ic-chat-message-CFyDJd0z.js";import"./ic-breadcrumb-CUMpp3BL.js";import"./ic-confirm-dialog-CCDbB04e.js";import"./ic-icon-xeGTVhVG.js";import"./directive-DoeGSK_T.js";var y=Object.defineProperty,w=Object.getOwnPropertyDescriptor,c=(e,r,s,a)=>{for(var t=a>1?void 0:a?w(r,s):r,o=e.length-1,d;o>=0;o--)(d=e[o])&&(t=(a?d(r,s,t):d(t))||t);return a&&t&&y(r,s,t),t};const $={completed:"#22c55e",failed:"#ef4444"};function C(e){if(!e)return"Never";const r=Date.now()-e;if(r<0)return"just now";const s=Math.floor(r/1e3);if(s<60)return"just now";const a=Math.floor(s/60);if(a<60)return`${a}m ago`;const t=Math.floor(a/60);if(t<24)return`${t}h ago`;const o=Math.floor(t/24);return o<30?`${o}d ago`:new Date(e).toISOString().slice(0,10)}function D(e){return e.replace(/_/g," ").replace(/\b\w/g,r=>r.toUpperCase())}let i=class extends h{constructor(){super(...arguments),this.rpcClient=null,this.graphId="",this._rpcStatusUnsub=null,this._detail=null,this._loading=!0,this._error=!1,this._showDeleteConfirm=!1}get _breadcrumbs(){return[{label:"Pipelines",route:"pipelines"},{label:"History",route:"pipelines/history"},{label:this._detail?.name??this.graphId}]}disconnectedCallback(){super.disconnectedCallback(),this._rpcStatusUnsub?.(),this._rpcStatusUnsub=null}updated(e){(e.has("rpcClient")||e.has("graphId"))&&this.rpcClient&&this.graphId&&(this._rpcStatusUnsub?.(),this.rpcClient.status==="connected"?this._loadDetail():this._rpcStatusUnsub=this.rpcClient.onStatusChange(r=>{r==="connected"&&(this._rpcStatusUnsub=null,this._loadDetail())}))}async _loadDetail(){this._loading=!0,this._error=!1;try{const e=await this.rpcClient?.call("graph.runDetail",{graphId:this.graphId});e?this._detail=e:this._error=!0}catch{this._error=!0}this._loading=!1}async _confirmDelete(){this._showDeleteConfirm=!1;try{await this.rpcClient?.call("graph.deleteRun",{graphId:this.graphId}),p.show("Run deleted","success"),window.location.hash="#/pipelines/history"}catch(e){p.show(`Failed to delete: ${e instanceof Error?e.message:"Unknown error"}`,"error")}}render(){return n`
-      <ic-breadcrumb .items=${this._breadcrumbs}
-        @navigate=${e=>this.dispatchEvent(new CustomEvent("navigate",{detail:e.detail,bubbles:!0,composed:!0}))}
-      ></ic-breadcrumb>
-
-      ${this._renderContent()}
-
-      <ic-confirm-dialog
-        ?open=${this._showDeleteConfirm}
-        variant="danger"
-        title="Delete Run"
-        message=${`Delete run "${this._detail?.name??this.graphId}"? This cannot be undone.`}
-        confirmLabel="Delete"
-        @confirm=${this._confirmDelete}
-        @cancel=${()=>{this._showDeleteConfirm=!1}}
-      ></ic-confirm-dialog>
-    `}_renderContent(){if(this._loading)return n`<ic-skeleton-view variant="detail"></ic-skeleton-view>`;if(this._error||!this._detail)return n`
-        <div class="not-found">
-          <p>Run not found.</p>
-          <a href="#/pipelines/history">Back to History</a>
-        </div>
-      `;const e=this._detail,r=new Date(e.date).getTime(),s=$[e.status]??"#6b7280",a=e.status.charAt(0).toUpperCase()+e.status.slice(1);return n`
-      <div class="meta-header">
-        <div class="meta-info">
-          <h2 class="meta-name">${e.name}</h2>
-          <div class="meta-details">
-            <span class="meta-detail">
-              <span class="status-text">
-                <span class="status-dot" style="--dot-color: ${s}"></span>
-                ${a}
-              </span>
-            </span>
-            <span class="meta-detail">${C(r)}</span>
-            <span class="meta-detail">${e.nodes.length} nodes</span>
-          </div>
-        </div>
-        <button
-          class="delete-btn"
-          @click=${()=>{this._showDeleteConfirm=!0}}
-        >
-          <ic-icon name="trash" size="14px"></ic-icon>
-          Delete Run
-        </button>
-      </div>
-
-      <div class="node-accordion">
-        ${e.nodes.map((t,o)=>n`
-          <details class="node-section" ?open=${o===0}>
-            <summary>${D(t.nodeId)}</summary>
-            <div class="node-content">
-              ${t.output?m(u(t.output)):n`<p class="no-output">No output</p>`}
-              ${t.artifacts.length>0?t.artifacts.map(d=>n`
-                    <details class="artifact-section">
-                      <summary>${d.filename}</summary>
-                      <div class="artifact-content">
-                        ${m(u(d.content))}
-                      </div>
-                    </details>
-                  `):v}
-            </div>
-          </details>
-        `)}
-      </div>
-    `}};i.styles=[g,b,x`
+import{c as e,f as t,h as n,l as r,n as i,o as a,r as o,s,t as c,u as l}from"./decorate-BvWYovGE.js";import{a as u}from"./index-BBkuC-EU.js";import"./ic-breadcrumb-DqN6G3gc.js";import"./ic-confirm-dialog-DGlPbV1T.js";import"./ic-icon-BGNCCPpZ.js";import{n as d,t as f}from"./ic-chat-message-ByFUoMm6.js";var p={completed:`#22c55e`,failed:`#ef4444`};function m(e){if(!e)return`Never`;let t=Date.now()-e;if(t<0)return`just now`;let n=Math.floor(t/1e3);if(n<60)return`just now`;let r=Math.floor(n/60);if(r<60)return`${r}m ago`;let i=Math.floor(r/60);if(i<24)return`${i}h ago`;let a=Math.floor(i/24);return a<30?`${a}d ago`:new Date(e).toISOString().slice(0,10)}function h(e){return e.replace(/_/g,` `).replace(/\b\w/g,e=>e.toUpperCase())}var g=class extends r{constructor(...e){super(...e),this.rpcClient=null,this.graphId=``,this._rpcStatusUnsub=null,this._detail=null,this._loading=!0,this._error=!1,this._showDeleteConfirm=!1}static{this.styles=[o,i,n`
       :host {
         display: block;
       }
@@ -284,4 +221,67 @@ import{a as h,I as p,b as n,A as v,s as g,f as b,i as x,n as f,r as l,t as _}fro
         color: var(--ic-accent, #3b82f6);
         text-decoration: underline;
       }
-    `];c([f({attribute:!1})],i.prototype,"rpcClient",2);c([f({type:String})],i.prototype,"graphId",2);c([l()],i.prototype,"_detail",2);c([l()],i.prototype,"_loading",2);c([l()],i.prototype,"_error",2);c([l()],i.prototype,"_showDeleteConfirm",2);i=c([_("ic-pipeline-history-detail")],i);export{i as IcPipelineHistoryDetail};
+    `]}get _breadcrumbs(){return[{label:`Pipelines`,route:`pipelines`},{label:`History`,route:`pipelines/history`},{label:this._detail?.name??this.graphId}]}disconnectedCallback(){super.disconnectedCallback(),this._rpcStatusUnsub?.(),this._rpcStatusUnsub=null}updated(e){(e.has(`rpcClient`)||e.has(`graphId`))&&this.rpcClient&&this.graphId&&(this._rpcStatusUnsub?.(),this.rpcClient.status===`connected`?this._loadDetail():this._rpcStatusUnsub=this.rpcClient.onStatusChange(e=>{e===`connected`&&(this._rpcStatusUnsub=null,this._loadDetail())}))}async _loadDetail(){this._loading=!0,this._error=!1;try{let e=await this.rpcClient?.call(`graph.runDetail`,{graphId:this.graphId});e?this._detail=e:this._error=!0}catch{this._error=!0}this._loading=!1}async _confirmDelete(){this._showDeleteConfirm=!1;try{await this.rpcClient?.call(`graph.deleteRun`,{graphId:this.graphId}),u.show(`Run deleted`,`success`),window.location.hash=`#/pipelines/history`}catch(e){u.show(`Failed to delete: ${e instanceof Error?e.message:`Unknown error`}`,`error`)}}render(){return t`
+      <ic-breadcrumb .items=${this._breadcrumbs}
+        @navigate=${e=>this.dispatchEvent(new CustomEvent(`navigate`,{detail:e.detail,bubbles:!0,composed:!0}))}
+      ></ic-breadcrumb>
+
+      ${this._renderContent()}
+
+      <ic-confirm-dialog
+        ?open=${this._showDeleteConfirm}
+        variant="danger"
+        title="Delete Run"
+        message=${`Delete run "${this._detail?.name??this.graphId}"? This cannot be undone.`}
+        confirmLabel="Delete"
+        @confirm=${this._confirmDelete}
+        @cancel=${()=>{this._showDeleteConfirm=!1}}
+      ></ic-confirm-dialog>
+    `}_renderContent(){if(this._loading)return t`<ic-skeleton-view variant="detail"></ic-skeleton-view>`;if(this._error||!this._detail)return t`
+        <div class="not-found">
+          <p>Run not found.</p>
+          <a href="#/pipelines/history">Back to History</a>
+        </div>
+      `;let e=this._detail,n=new Date(e.date).getTime(),r=p[e.status]??`#6b7280`,i=e.status.charAt(0).toUpperCase()+e.status.slice(1);return t`
+      <div class="meta-header">
+        <div class="meta-info">
+          <h2 class="meta-name">${e.name}</h2>
+          <div class="meta-details">
+            <span class="meta-detail">
+              <span class="status-text">
+                <span class="status-dot" style="--dot-color: ${r}"></span>
+                ${i}
+              </span>
+            </span>
+            <span class="meta-detail">${m(n)}</span>
+            <span class="meta-detail">${e.nodes.length} nodes</span>
+          </div>
+        </div>
+        <button
+          class="delete-btn"
+          @click=${()=>{this._showDeleteConfirm=!0}}
+        >
+          <ic-icon name="trash" size="14px"></ic-icon>
+          Delete Run
+        </button>
+      </div>
+
+      <div class="node-accordion">
+        ${e.nodes.map((e,n)=>t`
+          <details class="node-section" ?open=${n===0}>
+            <summary>${h(e.nodeId)}</summary>
+            <div class="node-content">
+              ${e.output?d(f(e.output)):t`<p class="no-output">No output</p>`}
+              ${e.artifacts.length>0?e.artifacts.map(e=>t`
+                    <details class="artifact-section">
+                      <summary>${e.filename}</summary>
+                      <div class="artifact-content">
+                        ${d(f(e.content))}
+                      </div>
+                    </details>
+                  `):l}
+            </div>
+          </details>
+        `)}
+      </div>
+    `}};c([s({attribute:!1})],g.prototype,`rpcClient`,void 0),c([s({type:String})],g.prototype,`graphId`,void 0),c([a()],g.prototype,`_detail`,void 0),c([a()],g.prototype,`_loading`,void 0),c([a()],g.prototype,`_error`,void 0),c([a()],g.prototype,`_showDeleteConfirm`,void 0),g=c([e(`ic-pipeline-history-detail`)],g);export{g as IcPipelineHistoryDetail};