comisai 1.0.16 → 1.0.17

package/node_modules/@comis/web/dist/assets/pipeline-history-DkfOQ6SW.js

@@ -0,0 +1,317 @@
+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`
+      :host {
+        display: block;
+      }
+
+      .page-header {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-bottom: var(--ic-space-lg, 1.5rem);
+      }
+
+      .page-title {
+        font-size: var(--ic-text-2xl, 1.5rem);
+        font-weight: 700;
+        margin: 0;
+      }
+
+      /* Grid-based table -- 5 columns */
+      .grid-table {
+        display: grid;
+        grid-template-columns: minmax(180px, 2fr) 100px 70px 120px auto;
+        width: 100%;
+      }
+
+      .grid-header {
+        display: contents;
+      }
+
+      .grid-header .cell {
+        font-size: var(--ic-text-xs, 0.75rem);
+        font-weight: 600;
+        text-transform: uppercase;
+        letter-spacing: 0.05em;
+        color: var(--ic-text-dim, #6b7280);
+        padding: var(--ic-space-sm, 0.5rem) var(--ic-space-md, 0.75rem);
+        border-bottom: 1px solid var(--ic-border, #374151);
+        cursor: pointer;
+        user-select: none;
+        white-space: nowrap;
+      }
+
+      .grid-header .cell:hover {
+        color: var(--ic-text-muted, #9ca3af);
+      }
+
+      .grid-header .cell.actions-header {
+        cursor: default;
+        text-align: right;
+      }
+
+      .grid-header .cell.actions-header:hover {
+        color: var(--ic-text-dim, #6b7280);
+      }
+
+      .sort-arrow {
+        display: inline-block;
+        margin-left: 4px;
+        font-size: 0.625rem;
+        opacity: 0.5;
+      }
+
+      .sort-arrow--active {
+        opacity: 1;
+        color: var(--ic-accent, #3b82f6);
+      }
+
+      .grid-row {
+        display: contents;
+        cursor: pointer;
+      }
+
+      .grid-row .cell {
+        padding: var(--ic-space-sm, 0.5rem) var(--ic-space-md, 0.75rem);
+        border-bottom: 1px solid var(--ic-border, #374151);
+        font-size: var(--ic-text-sm, 0.875rem);
+        display: flex;
+        align-items: center;
+        transition: background var(--ic-transition, 150ms ease);
+      }
+
+      .grid-row:hover .cell {
+        background: var(--ic-surface-2, #1f2937);
+      }
+
+      .grid-row .cell.actions-cell {
+        justify-content: flex-end;
+        white-space: nowrap;
+      }
+
+      .run-name {
+        font-weight: 500;
+        color: var(--ic-text, #f3f4f6);
+      }
+
+      /* Status dot */
+      .status-dot {
+        display: inline-block;
+        width: 8px;
+        height: 8px;
+        border-radius: 50%;
+        background: var(--dot-color, #6b7280);
+        margin-right: 6px;
+        vertical-align: middle;
+        flex-shrink: 0;
+      }
+
+      .status-text {
+        display: inline-flex;
+        align-items: center;
+      }
+
+      /* Action buttons */
+      .action-btn {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        width: 32px;
+        height: 32px;
+        padding: 0;
+        background: transparent;
+        border: 1px solid transparent;
+        border-radius: var(--ic-radius-sm, 0.25rem);
+        color: var(--ic-text-dim, #6b7280);
+        cursor: pointer;
+        transition: background var(--ic-transition, 150ms ease),
+          color var(--ic-transition, 150ms ease),
+          border-color var(--ic-transition, 150ms ease);
+      }
+
+      .action-btn:hover {
+        background: var(--ic-surface-2, #1f2937);
+        color: var(--ic-text, #f3f4f6);
+        border-color: var(--ic-border, #374151);
+      }
+
+      .action-btn--danger:hover {
+        color: var(--ic-error, #f87171);
+        border-color: var(--ic-error, #f87171);
+      }
+
+      .dim-text {
+        color: var(--ic-text-dim, #6b7280);
+      }
+
+      /* Mobile responsive cards */
+      .mobile-list {
+        display: none;
+      }
+
+      @media (max-width: 767px) {
+        .grid-table {
+          display: none;
+        }
+        .mobile-list {
+          display: flex;
+          flex-direction: column;
+          gap: 8px;
+        }
+        .mobile-card {
+          background: var(--ic-surface, #111827);
+          border: 1px solid var(--ic-border, #374151);
+          border-radius: var(--ic-radius-md, 0.5rem);
+          padding: 12px;
+          cursor: pointer;
+          transition: border-color var(--ic-transition, 150ms ease);
+        }
+        .mobile-card:hover {
+          border-color: var(--ic-accent, #3b82f6);
+        }
+        .card-header {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          margin-bottom: 8px;
+        }
+        .card-label {
+          font-weight: 600;
+          font-size: var(--ic-text-sm, 0.875rem);
+          color: var(--ic-text, #f3f4f6);
+        }
+        .card-meta {
+          display: flex;
+          gap: 12px;
+          font-size: var(--ic-text-xs, 0.75rem);
+          color: var(--ic-text-dim, #6b7280);
+          margin-bottom: 8px;
+        }
+        .card-actions {
+          display: flex;
+          gap: 4px;
+          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};

package/node_modules/@comis/web/dist/assets/pipeline-history-detail-hyHgD0ai.js

@@ -0,0 +1,287 @@
+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`
+      :host {
+        display: block;
+      }
+
+      /* Metadata header */
+      .meta-header {
+        display: flex;
+        justify-content: space-between;
+        align-items: flex-start;
+        padding: var(--ic-space-md, 0.75rem) var(--ic-space-lg, 1.5rem);
+        background: var(--ic-surface, #111827);
+        border: 1px solid var(--ic-border, #374151);
+        border-radius: var(--ic-radius-md, 0.5rem);
+        margin-bottom: var(--ic-space-lg, 1.5rem);
+      }
+
+      .meta-info {
+        display: flex;
+        flex-direction: column;
+        gap: var(--ic-space-xs, 0.25rem);
+      }
+
+      .meta-name {
+        font-size: var(--ic-text-xl, 1.25rem);
+        font-weight: 700;
+        color: var(--ic-text, #f3f4f6);
+        margin: 0;
+      }
+
+      .meta-details {
+        display: flex;
+        gap: var(--ic-space-lg, 1.5rem);
+        font-size: var(--ic-text-sm, 0.875rem);
+        color: var(--ic-text-dim, #6b7280);
+      }
+
+      .meta-detail {
+        display: inline-flex;
+        align-items: center;
+        gap: 4px;
+      }
+
+      /* Status dot */
+      .status-dot {
+        display: inline-block;
+        width: 8px;
+        height: 8px;
+        border-radius: 50%;
+        background: var(--dot-color, #6b7280);
+        margin-right: 4px;
+        vertical-align: middle;
+        flex-shrink: 0;
+      }
+
+      .status-text {
+        display: inline-flex;
+        align-items: center;
+      }
+
+      /* Delete button */
+      .delete-btn {
+        display: inline-flex;
+        align-items: center;
+        gap: var(--ic-space-xs, 0.25rem);
+        padding: var(--ic-space-sm, 0.5rem) var(--ic-space-md, 0.75rem);
+        background: transparent;
+        border: 1px solid var(--ic-border, #374151);
+        border-radius: var(--ic-radius-sm, 0.25rem);
+        color: var(--ic-text-dim, #6b7280);
+        font-size: var(--ic-text-sm, 0.875rem);
+        font-family: inherit;
+        cursor: pointer;
+        transition: color var(--ic-transition, 150ms ease),
+          border-color var(--ic-transition, 150ms ease);
+      }
+
+      .delete-btn:hover {
+        color: var(--ic-error, #f87171);
+        border-color: var(--ic-error, #f87171);
+      }
+
+      /* Node accordion */
+      .node-accordion {
+        display: flex;
+        flex-direction: column;
+        gap: var(--ic-space-sm, 0.5rem);
+      }
+
+      .node-section {
+        border: 1px solid var(--ic-border, #374151);
+        border-radius: var(--ic-radius-md, 0.5rem);
+        overflow: hidden;
+      }
+
+      .node-section summary {
+        padding: var(--ic-space-sm, 0.5rem) var(--ic-space-md, 0.75rem);
+        font-weight: 600;
+        font-size: var(--ic-text-sm, 0.875rem);
+        color: var(--ic-text, #f3f4f6);
+        cursor: pointer;
+        user-select: none;
+        background: var(--ic-surface, #111827);
+        border-bottom: 1px solid transparent;
+        transition: background var(--ic-transition, 150ms ease);
+      }
+
+      .node-section summary:hover {
+        background: var(--ic-surface-2, #1f2937);
+      }
+
+      .node-section[open] summary {
+        border-bottom-color: var(--ic-border, #374151);
+      }
+
+      .node-content {
+        padding: var(--ic-space-md, 0.75rem) var(--ic-space-lg, 1.5rem);
+        border-left: 3px solid var(--ic-accent, #3b82f6);
+        margin-left: var(--ic-space-sm, 0.5rem);
+      }
+
+      /* Markdown rendering styles */
+      .node-content h3, .node-content h4, .node-content h5, .node-content h6 {
+        color: var(--ic-text, #f3f4f6);
+        margin-top: var(--ic-space-md, 0.75rem);
+        margin-bottom: var(--ic-space-xs, 0.25rem);
+      }
+
+      .node-content p {
+        margin: var(--ic-space-xs, 0.25rem) 0;
+        line-height: 1.6;
+      }
+
+      .node-content ul, .node-content ol {
+        padding-left: var(--ic-space-lg, 1.5rem);
+        margin: var(--ic-space-xs, 0.25rem) 0;
+      }
+
+      .node-content li {
+        margin: 2px 0;
+      }
+
+      .node-content code.inline-code {
+        background: var(--ic-surface-2, #1f2937);
+        padding: 1px 4px;
+        border-radius: 3px;
+        font-size: 0.85em;
+        font-family: var(--ic-font-mono, monospace);
+      }
+
+      .node-content table {
+        width: 100%;
+        border-collapse: collapse;
+        margin: var(--ic-space-sm, 0.5rem) 0;
+        font-size: var(--ic-text-sm, 0.875rem);
+      }
+
+      .node-content th, .node-content td {
+        padding: 4px 8px;
+        border: 1px solid var(--ic-border, #374151);
+        text-align: left;
+      }
+
+      .node-content th {
+        background: var(--ic-surface-2, #1f2937);
+        font-weight: 600;
+      }
+
+      .node-content a {
+        color: var(--ic-accent, #3b82f6);
+        text-decoration: underline;
+      }
+
+      .node-content blockquote {
+        border-left: 3px solid var(--ic-border, #374151);
+        padding-left: var(--ic-space-md, 0.75rem);
+        color: var(--ic-text-dim, #6b7280);
+        margin: var(--ic-space-sm, 0.5rem) 0;
+      }
+
+      /* Artifact sub-sections */
+      .artifact-section {
+        margin-top: var(--ic-space-sm, 0.5rem);
+        border: 1px solid var(--ic-border, #374151);
+        border-radius: var(--ic-radius-sm, 0.25rem);
+      }
+
+      .artifact-section summary {
+        padding: var(--ic-space-xs, 0.25rem) var(--ic-space-sm, 0.5rem);
+        font-size: var(--ic-text-xs, 0.75rem);
+        font-weight: 500;
+        color: var(--ic-text-dim, #6b7280);
+        cursor: pointer;
+        background: var(--ic-bg, #0d1117);
+      }
+
+      .artifact-section summary:hover {
+        color: var(--ic-text-muted, #9ca3af);
+      }
+
+      .artifact-content {
+        padding: var(--ic-space-sm, 0.5rem);
+        font-size: var(--ic-text-sm, 0.875rem);
+      }
+
+      /* No output placeholder */
+      .no-output {
+        color: var(--ic-text-dim, #6b7280);
+        font-style: italic;
+        font-size: var(--ic-text-sm, 0.875rem);
+      }
+
+      /* Not found state */
+      .not-found {
+        text-align: center;
+        padding: var(--ic-space-xl, 2rem);
+        color: var(--ic-text-dim, #6b7280);
+      }
+
+      .not-found a {
+        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};