@meirblachman/azure-pipelines-visualizer 0.2.2 → 0.2.4

package/dist/web/lib/index.js

@@ -1,124 +1,699 @@
-import { jsx as s, jsxs as c, Fragment as et } from "react/jsx-runtime";
-import { useMemo as ze, Component as pt, createContext as ut, useContext as mt, memo as tt, useState as Z, useCallback as fe, useRef as te, useEffect as oe, createElement as ht } from "react";
-import { parseYaml as pe, extractTaskReferences as ft, resolveTaskDocUrl as gt, extractVariableValues as Pe, detectTemplateReferences as Se, extractParameterDefaults as De, buildAdoFileUrl as at, getEffectiveRepoAlias as re, extractDeclaredParameterNames as je, pathHasExpressions as ue, resolveExpressionPath as Ee, resolveTemplateRefPaths as nt, evaluateExpression as _t, resolveTemplateSource as st, parseTemplatePath as vt, resolveAllExpressions as yt, collapsePath as Nt, parseAdoUrl as Pt } from "@meirblachman/azure-pipelines-visualizer-core";
-import bt from "@monaco-editor/react";
-import { create as wt } from "zustand";
-import { Handle as He, Position as Ke, getBezierPath as Rt, BaseEdge as Et, EdgeLabelRenderer as xt, MarkerType as xe, useNodesState as kt, useEdgesState as At, ReactFlow as Tt, Background as $t, BackgroundVariant as Ct, Controls as St } from "@xyflow/react";
-import Ye from "@dagrejs/dagre";
-import Dt from "react-dom";
-const Te = wt((t) => ({
+import { jsx as s, jsxs as l, Fragment as Xe } from "react/jsx-runtime";
+import { memo as Qe, useMemo as ve, useEffect as ee, useCallback as ne, useState as L, useRef as Q, Component as wt, createContext as Pt, useContext as Et, createElement as Rt } from "react";
+import { collapsePath as xt, parseAdoCommitUrl as kt, parseYaml as ue, extractTaskReferences as Tt, resolveTaskDocUrl as $t, extractVariableValues as Pe, detectTemplateReferences as je, extractParameterDefaults as ze, buildAdoFileUrl as it, getEffectiveRepoAlias as ie, extractDeclaredParameterNames as et, pathHasExpressions as me, resolveExpressionPath as $e, resolveTemplateRefPaths as lt, evaluateExpression as St, resolveTemplateSource as ct, parseTemplatePath as Ct, resolveAllExpressions as Dt, parseAdoUrl as At } from "@meirblachman/azure-pipelines-visualizer-core";
+import Se from "@dagrejs/dagre";
+import { Handle as Ce, Position as De, useNodesState as dt, useEdgesState as pt, ReactFlow as ut, Background as mt, Controls as ht, getBezierPath as It, BaseEdge as Lt, EdgeLabelRenderer as Bt, MarkerType as Ae, BackgroundVariant as Ft } from "@xyflow/react";
+import Ut from "@monaco-editor/react";
+import { create as Vt } from "zustand";
+import Mt from "react-dom";
+const Be = "7.1";
+function Fe(e, t) {
+  return `https://dev.azure.com/${encodeURIComponent(e)}/${encodeURIComponent(t)}/_apis`;
+}
+function Ot(e) {
+  return e.startsWith("refs/heads/") ? { version: e.slice(11), versionType: "branch" } : e.startsWith("refs/tags/") ? { version: e.slice(10), versionType: "tag" } : /^[0-9a-f]{40}$/i.test(e) ? { version: e, versionType: "commit" } : { version: e, versionType: "branch" };
+}
+async function Ue(e) {
+  const t = await fetch(e, { credentials: "include" });
+  if (!t.ok) {
+    const a = await t.text();
+    throw new Error(`ADO API error (${t.status}): ${a}`);
+  }
+  return t;
+}
+async function ft(e, t, a, o, r) {
+  const n = o.startsWith("/") ? o : `/${o}`, d = xt(n);
+  let m = `${Fe(e, t)}/git/repositories/${encodeURIComponent(a)}/items?path=${encodeURIComponent(d)}&api-version=${Be}&includeContent=true&$format=text`;
+  if (r) {
+    const h = Ot(r);
+    m += `&versionDescriptor.version=${encodeURIComponent(h.version)}&versionDescriptor.versionType=${h.versionType}`;
+  }
+  return (await Ue(m)).text();
+}
+async function jt(e, t) {
+  const a = `${Fe(e, t)}/pipelines?api-version=${Be}`;
+  return (await (await Ue(a)).json()).value;
+}
+async function zt(e, t, a) {
+  var u, h, i, p, f;
+  const o = `${Fe(e, t)}/build/definitions/${a}?api-version=${Be}`, n = await (await Ue(o)).json(), d = {
+    id: n.id,
+    name: n.name,
+    path: ((u = n.process) == null ? void 0 : u.yamlFilename) ?? n.path,
+    repository: {
+      id: (h = n.repository) == null ? void 0 : h.id,
+      name: (i = n.repository) == null ? void 0 : i.name,
+      type: (p = n.repository) == null ? void 0 : p.type,
+      defaultBranch: (f = n.repository) == null ? void 0 : f.defaultBranch
+    }
+  }, m = await ft(
+    e,
+    t,
+    d.repository.id,
+    d.path,
+    d.repository.defaultBranch
+  );
+  return { definition: d, yaml: m };
+}
+async function Wt(e, t, a, o, r) {
+  return { content: await ft(e, t, a, o, r), path: o, repoId: a, repoName: a, branch: r || "" };
+}
+async function Ht() {
+  return { customTaskDocs: {} };
+}
+async function Gt(e) {
+  return { tasks: [], cached: !1 };
+}
+async function Kt(e, t, a, o) {
+  const r = new URLSearchParams({
+    "api-version": Be,
+    repositoryId: a,
+    repositoryType: "TfsGit",
+    sourceVersion: o,
+    queryOrder: "queueTimeAscending",
+    maxBuildsPerDefinition: "50"
+  }), n = `${Fe(e, t)}/build/builds?${r}`;
+  return (await (await Ue(n)).json()).value ?? [];
+}
+const gt = "/api";
+var rt;
+const he = typeof window < "u" && ((rt = window.location) == null ? void 0 : rt.protocol) === "chrome-extension:";
+async function Ne(e) {
+  const t = await fetch(`${gt}${e}`);
+  if (!t.ok) {
+    const a = await t.text();
+    throw new Error(`API error (${t.status}): ${a}`);
+  }
+  return t.json();
+}
+function qa(e, t) {
+  return he ? jt(e, t) : Ne(`/${e}/${t}/pipelines`);
+}
+function qt(e, t, a) {
+  return he ? zt(e, t, a) : Ne(`/${e}/${t}/pipelines/${a}/yaml`);
+}
+function _t(e, t, a, o, r) {
+  if (he)
+    return Wt(e, t, a, o, r);
+  const n = new URLSearchParams({ repo: a, path: o });
+  return r && n.set("branch", r), Ne(`/${e}/${t}/file-by-repo-name?${n}`);
+}
+function Yt() {
+  return he ? Ht() : Ne("/config/task-docs");
+}
+function Jt(e) {
+  return he ? Gt() : Ne(`/${e}/schema/tasks`);
+}
+function Xt(e, t, a, o, r, n, d) {
+  const m = new AbortController();
+  if (he)
+    return Kt(e, t, a, o).then((p) => {
+      r(p), n();
+    }).catch(
+      (p) => d(p instanceof Error ? p.message : String(p))
+    ), m;
+  const u = new URLSearchParams({ repoName: a, commitSha: o }), h = `${gt}/${e}/${t}/commit-flow/stream?${u}`, i = new EventSource(h);
+  return m.signal.addEventListener("abort", () => i.close()), i.addEventListener("builds", (p) => {
+    try {
+      const f = JSON.parse(p.data);
+      r(f);
+    } catch {
+    }
+  }), i.addEventListener("done", () => {
+    i.close(), n();
+  }), i.addEventListener("error", (p) => {
+    i.close();
+    const f = p instanceof MessageEvent && p.data ? JSON.parse(p.data).error : "Connection lost";
+    d(f);
+  }), m;
+}
+function We(e) {
+  return e ? new Date(e).toLocaleString() : "—";
+}
+function Zt(e, t) {
+  if (!e || !t) return null;
+  const a = new Date(t).getTime() - new Date(e).getTime();
+  if (a < 0) return null;
+  const o = Math.floor(a / 1e3);
+  if (o < 60) return `${o}s`;
+  const r = Math.floor(o / 60), n = o % 60;
+  if (r < 60) return `${r}m ${n}s`;
+  const d = Math.floor(r / 60), m = r % 60;
+  return `${d}h ${m}m`;
+}
+function Qt(e, t) {
+  return e === "inProgress" ? { label: "In Progress", className: "badge--in-progress" } : e === "notStarted" ? { label: "Not Started", className: "badge--pending" } : t === "succeeded" ? { label: "Succeeded", className: "badge--succeeded" } : t === "partiallySucceeded" ? { label: "Partial Success", className: "badge--partial" } : t === "failed" ? { label: "Failed", className: "badge--failed" } : t === "canceled" ? { label: "Canceled", className: "badge--canceled" } : { label: e, className: "" };
+}
+function ea(e) {
+  var o, r;
+  const t = (r = (o = e._links) == null ? void 0 : o.web) == null ? void 0 : r.href;
+  if (!t) return null;
+  const a = t.match(/(https:\/\/dev\.azure\.com\/[^/]+\/[^/]+)/);
+  return a ? a[1] : null;
+}
+function Ee({
+  href: e,
+  children: t
+}) {
+  return e ? /* @__PURE__ */ l(
+    "a",
+    {
+      href: e,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: "build-popup__link",
+      children: [
+        t,
+        " ↗"
+      ]
+    }
+  ) : /* @__PURE__ */ s("span", { children: t });
+}
+function ta({
+  build: e,
+  onClose: t
+}) {
+  var p, f;
+  const a = Qt(e.status, e.result), o = Zt(e.startTime, e.finishTime), r = ((f = (p = e._links) == null ? void 0 : p.web) == null ? void 0 : f.href) ?? null, n = ea(e), d = e.sourceBranch.replace("refs/heads/", ""), m = r, u = n ? `${n}/_build?definitionId=${e.definition.id}` : null, h = n ? `${n}/_git/?version=GC${e.sourceVersion}` : null, i = n ? `${n}/_git/?version=GB${d}` : null;
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: "build-popup-overlay",
+      onClick: t,
+      onKeyDown: (c) => {
+        c.key === "Escape" && t();
+      },
+      role: "dialog",
+      "aria-modal": "true",
+      children: /* @__PURE__ */ l(
+        "div",
+        {
+          className: "build-popup",
+          onClick: (c) => c.stopPropagation(),
+          onKeyDown: (c) => c.stopPropagation(),
+          children: [
+            /* @__PURE__ */ l("div", { className: "build-popup__header", children: [
+              /* @__PURE__ */ s("h2", { children: /* @__PURE__ */ s(Ee, { href: u, children: e.definition.name }) }),
+              /* @__PURE__ */ s(
+                "button",
+                {
+                  className: "build-popup__close",
+                  onClick: t,
+                  type: "button",
+                  children: "✕"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ l("div", { className: "build-popup__body", children: [
+              /* @__PURE__ */ l("div", { className: "build-popup__row", children: [
+                /* @__PURE__ */ s("span", { className: "build-popup__label", children: "Build Number" }),
+                /* @__PURE__ */ l(Ee, { href: m, children: [
+                  "#",
+                  e.buildNumber
+                ] })
+              ] }),
+              /* @__PURE__ */ l("div", { className: "build-popup__row", children: [
+                /* @__PURE__ */ s("span", { className: "build-popup__label", children: "Status" }),
+                /* @__PURE__ */ s("span", { className: `build-popup__badge ${a.className}`, children: a.label })
+              ] }),
+              /* @__PURE__ */ l("div", { className: "build-popup__row", children: [
+                /* @__PURE__ */ s("span", { className: "build-popup__label", children: "Project" }),
+                /* @__PURE__ */ s("span", { children: e.project.name })
+              ] }),
+              /* @__PURE__ */ l("div", { className: "build-popup__row", children: [
+                /* @__PURE__ */ s("span", { className: "build-popup__label", children: "Queued" }),
+                /* @__PURE__ */ s("span", { children: We(e.queueTime) })
+              ] }),
+              /* @__PURE__ */ l("div", { className: "build-popup__row", children: [
+                /* @__PURE__ */ s("span", { className: "build-popup__label", children: "Started" }),
+                /* @__PURE__ */ s("span", { children: We(e.startTime) })
+              ] }),
+              /* @__PURE__ */ l("div", { className: "build-popup__row", children: [
+                /* @__PURE__ */ s("span", { className: "build-popup__label", children: "Finished" }),
+                /* @__PURE__ */ s("span", { children: We(e.finishTime) })
+              ] }),
+              o && /* @__PURE__ */ l("div", { className: "build-popup__row", children: [
+                /* @__PURE__ */ s("span", { className: "build-popup__label", children: "Duration" }),
+                /* @__PURE__ */ s("span", { children: o })
+              ] }),
+              /* @__PURE__ */ l("div", { className: "build-popup__row", children: [
+                /* @__PURE__ */ s("span", { className: "build-popup__label", children: "Branch" }),
+                /* @__PURE__ */ s(Ee, { href: i, children: d })
+              ] }),
+              /* @__PURE__ */ l("div", { className: "build-popup__row", children: [
+                /* @__PURE__ */ s("span", { className: "build-popup__label", children: "Commit" }),
+                /* @__PURE__ */ s(Ee, { href: h, children: /* @__PURE__ */ s("span", { className: "build-popup__mono", children: e.sourceVersion.slice(0, 8) }) })
+              ] }),
+              e.requestedFor && /* @__PURE__ */ l("div", { className: "build-popup__row", children: [
+                /* @__PURE__ */ s("span", { className: "build-popup__label", children: "Requested For" }),
+                /* @__PURE__ */ s("span", { children: e.requestedFor.displayName })
+              ] }),
+              e.triggeredByBuild && /* @__PURE__ */ l("div", { className: "build-popup__row", children: [
+                /* @__PURE__ */ s("span", { className: "build-popup__label", children: "Triggered By" }),
+                /* @__PURE__ */ l("span", { children: [
+                  e.triggeredByBuild.definition.name,
+                  " #",
+                  e.triggeredByBuild.buildNumber
+                ] })
+              ] }),
+              Object.keys(e.triggerInfo).length > 0 && /* @__PURE__ */ l("div", { className: "build-popup__row", children: [
+                /* @__PURE__ */ s("span", { className: "build-popup__label", children: "Trigger Info" }),
+                /* @__PURE__ */ s("span", { className: "build-popup__mono", children: Object.entries(e.triggerInfo).map(([c, N]) => `${c}: ${N}`).join(", ") })
+              ] }),
+              e.tags.length > 0 && /* @__PURE__ */ l("div", { className: "build-popup__row", children: [
+                /* @__PURE__ */ s("span", { className: "build-popup__label", children: "Tags" }),
+                /* @__PURE__ */ s("span", { className: "build-popup__tags", children: e.tags.map((c) => /* @__PURE__ */ s("span", { className: "build-popup__tag", children: c }, c)) })
+              ] }),
+              r && /* @__PURE__ */ s("div", { className: "build-popup__actions", children: /* @__PURE__ */ s(
+                "a",
+                {
+                  href: r,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  className: "build-popup__action-link",
+                  children: "Open Build in Azure DevOps ↗"
+                }
+              ) })
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
+function aa(e) {
+  return e ? new Date(e).toLocaleString(void 0, {
+    month: "short",
+    day: "numeric",
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit"
+  }) : "—";
+}
+function na(e, t) {
+  if (!e || !t) return null;
+  const a = new Date(t).getTime() - new Date(e).getTime();
+  if (a < 0) return null;
+  const o = Math.floor(a / 1e3);
+  if (o < 60) return `${o}s`;
+  const r = Math.floor(o / 60), n = o % 60;
+  if (r < 60) return `${r}m ${n}s`;
+  const d = Math.floor(r / 60), m = r % 60;
+  return `${d}h ${m}m`;
+}
+function sa(e, t) {
+  return e === "inProgress" ? "⏳" : e === "notStarted" ? "⏸️" : t === "succeeded" ? "✅" : t === "partiallySucceeded" ? "⚠️" : t === "failed" ? "❌" : t === "canceled" ? "🚫" : "❓";
+}
+function oa(e, t) {
+  return e === "inProgress" ? "build-node--in-progress" : t === "succeeded" ? "build-node--succeeded" : t === "partiallySucceeded" ? "build-node--partial" : t === "failed" ? "build-node--failed" : t === "canceled" ? "build-node--canceled" : "";
+}
+function ra({ data: e }) {
+  const t = e, a = na(t.startTime, t.finishTime);
+  return /* @__PURE__ */ l("div", { className: `build-node ${oa(t.status, t.result)}`, children: [
+    !t.isRoot && /* @__PURE__ */ s(Ce, { type: "target", position: De.Left }),
+    /* @__PURE__ */ l("div", { className: "build-node__header", children: [
+      /* @__PURE__ */ s("span", { className: "build-node__status", children: sa(t.status, t.result) }),
+      /* @__PURE__ */ s("span", { className: "build-node__name", title: t.pipelineName, children: t.pipelineName })
+    ] }),
+    !t.isRoot && t.projectName && /* @__PURE__ */ l(
+      "div",
+      {
+        className: "build-node__project",
+        title: `Project: ${t.projectName}`,
+        children: [
+          "📁 ",
+          t.projectName
+        ]
+      }
+    ),
+    /* @__PURE__ */ l("div", { className: "build-node__number", children: [
+      "#",
+      t.buildNumber
+    ] }),
+    /* @__PURE__ */ l("div", { className: "build-node__times", children: [
+      /* @__PURE__ */ l("span", { title: "Start time", children: [
+        "🕐 ",
+        aa(t.startTime)
+      ] }),
+      a && /* @__PURE__ */ l("span", { title: "Duration", children: [
+        "⏱️ ",
+        a
+      ] })
+    ] }),
+    /* @__PURE__ */ l("div", { className: "build-node__branch", title: t.sourceBranch, children: [
+      "🌿 ",
+      t.sourceBranch.replace("refs/heads/", "")
+    ] }),
+    /* @__PURE__ */ s(Ce, { type: "source", position: De.Right })
+  ] });
+}
+const ia = Qe(ra), He = 280, _e = 130, Ge = 20, la = { build: ia };
+function ca(e, t) {
+  if (e.length === 0) return { nodes: e, edges: t };
+  const a = /* @__PURE__ */ new Set();
+  for (const d of t)
+    a.add(d.source), a.add(d.target);
+  const o = e.filter((d) => !a.has(d.id)), r = e.filter((d) => a.has(d.id));
+  let n = [];
+  if (r.length > 0) {
+    const d = new Se.graphlib.Graph();
+    d.setDefaultEdgeLabel(() => ({})), d.setGraph({ rankdir: "LR", ranksep: 80, nodesep: 30 });
+    for (const m of r)
+      d.setNode(m.id, { width: He, height: _e });
+    for (const m of t)
+      d.setEdge(m.source, m.target);
+    Se.layout(d), n = r.map((m) => {
+      const u = d.node(m.id);
+      return {
+        ...m,
+        position: { x: u.x - He / 2, y: u.y - _e / 2 }
+      };
+    });
+  }
+  if (o.length > 0) {
+    let d = 0;
+    for (const i of n) d = Math.max(d, i.position.y + _e);
+    const m = n.length > 0 ? d + 60 : 0, u = [...o].sort((i, p) => {
+      const f = i.data.startTime ?? "", c = p.data.startTime ?? "";
+      return f < c ? -1 : f > c ? 1 : 0;
+    }), h = u.map((i) => {
+      const p = i.data.startTime;
+      return p ? new Date(p).getTime() : null;
+    }).filter((i) => i !== null);
+    if (h.length > 0) {
+      const i = Math.min(...h), f = Math.max(...h) - i || 1, c = Math.max(u.length * (He + Ge), 1200);
+      let N = 0;
+      for (const E of u) {
+        const _ = E.data.startTime, w = ((_ ? new Date(_).getTime() : i) - i) / f * c;
+        E.position = {
+          x: w,
+          y: m + N * (_e + Ge)
+        }, N++;
+      }
+    } else
+      u.forEach((i, p) => {
+        i.position = { x: 0, y: m + p * (_e + Ge) };
+      });
+    n = [...n, ...u];
+  }
+  return { nodes: n, edges: t };
+}
+function da(e) {
+  const t = /* @__PURE__ */ new Map();
+  for (const n of e)
+    t.set(n.id, n);
+  const a = /* @__PURE__ */ new Set();
+  for (const n of e)
+    n.upstreamBuildId && t.has(n.upstreamBuildId) && a.add(n.id);
+  const o = e.map((n) => {
+    var d, m;
+    return {
+      id: String(n.id),
+      type: "build",
+      position: { x: 0, y: 0 },
+      data: {
+        buildId: n.id,
+        pipelineName: n.definition.name,
+        buildNumber: n.buildNumber,
+        status: n.status,
+        result: n.result,
+        startTime: n.startTime,
+        finishTime: n.finishTime,
+        sourceBranch: n.sourceBranch,
+        webUrl: ((m = (d = n._links) == null ? void 0 : d.web) == null ? void 0 : m.href) ?? null,
+        isRoot: !a.has(n.id),
+        projectName: n.project.name
+      }
+    };
+  }), r = [];
+  for (const n of e)
+    n.upstreamBuildId && t.has(n.upstreamBuildId) && r.push({
+      id: `e-${n.upstreamBuildId}-${n.id}`,
+      source: String(n.upstreamBuildId),
+      target: String(n.id),
+      animated: n.status === "inProgress",
+      style: { stroke: "#89b4fa", strokeWidth: 2 }
+    });
+  return ca(o, r);
+}
+function pa({
+  builds: e,
+  onNodeClick: t
+}) {
+  const { nodes: a, edges: o } = ve(
+    () => da(e),
+    [e]
+  ), [r, n, d] = dt(a), [m, u, h] = pt(o);
+  ee(() => {
+    n(a), u(o);
+  }, [a, o, n, u]);
+  const i = ve(() => {
+    const f = /* @__PURE__ */ new Map();
+    for (const c of e) f.set(c.id, c);
+    return f;
+  }, [e]), p = ne(
+    (f, c) => {
+      const N = i.get(Number(c.id));
+      N && t(N);
+    },
+    [i, t]
+  );
+  return /* @__PURE__ */ s("div", { className: "commit-flow-diagram", children: /* @__PURE__ */ l(
+    ut,
+    {
+      nodes: r,
+      edges: m,
+      nodeTypes: la,
+      onNodesChange: d,
+      onEdgesChange: h,
+      onNodeClick: p,
+      fitView: !0,
+      minZoom: 0.2,
+      maxZoom: 2,
+      proOptions: { hideAttribution: !0 },
+      children: [
+        /* @__PURE__ */ s(mt, {}),
+        /* @__PURE__ */ s(ht, {})
+      ]
+    }
+  ) });
+}
+function ua({
+  onLoad: e,
+  loading: t
+}) {
+  const [a, o] = L(""), [r, n] = L(null), d = () => {
+    const u = a.trim();
+    if (!u) return;
+    n(null);
+    const h = kt(u);
+    if (!h) {
+      n(
+        "Invalid URL. Expected: https://dev.azure.com/{org}/{project}/_git/{repo}/commit/{sha}"
+      );
+      return;
+    }
+    e({
+      org: h.org,
+      project: h.project,
+      repoName: h.repoName,
+      commitSha: h.commitSha
+    });
+  };
+  return /* @__PURE__ */ l("div", { className: "commit-flow-selector", children: [
+    /* @__PURE__ */ s(
+      "input",
+      {
+        type: "text",
+        placeholder: "https://dev.azure.com/{org}/{project}/_git/{repo}/commit/{sha}",
+        value: a,
+        onChange: (u) => o(u.target.value),
+        onKeyDown: (u) => {
+          u.key === "Enter" && (u.preventDefault(), d());
+        },
+        className: "commit-flow-selector__input commit-flow-selector__input--url"
+      }
+    ),
+    /* @__PURE__ */ s(
+      "button",
+      {
+        className: "commit-flow-selector__btn",
+        onClick: d,
+        disabled: !a.trim() || t,
+        type: "button",
+        children: t ? "⏳ Loading..." : "Load Builds"
+      }
+    ),
+    r && /* @__PURE__ */ s("div", { className: "commit-flow-selector__error", children: r })
+  ] });
+}
+function ma() {
+  const [e, t] = L([]), [a, o] = L(!1), [r, n] = L(null), [d, m] = L(null), [u, h] = L(null), i = Q(null), p = ne((c) => {
+    var N;
+    (N = i.current) == null || N.abort(), o(!0), n(null), t([]), m(null), h(c), i.current = Xt(
+      c.org,
+      c.project,
+      c.repoName,
+      c.commitSha,
+      (E) => {
+        t((_) => [..._, ...E]);
+      },
+      () => {
+        o(!1), t((E) => (E.length === 0 && n("No builds found for this commit."), E));
+      },
+      (E) => {
+        o(!1), n(E);
+      }
+    );
+  }, []), f = ne(() => {
+    u && p(u);
+  }, [u, p]);
+  return /* @__PURE__ */ l("div", { className: "commit-flow-page", children: [
+    /* @__PURE__ */ l("div", { className: "commit-flow-page__selector", children: [
+      /* @__PURE__ */ s(ua, { onLoad: p, loading: a }),
+      u && !a && /* @__PURE__ */ s(
+        "button",
+        {
+          className: "commit-flow-page__refresh",
+          onClick: f,
+          type: "button",
+          children: "🔄 Refresh"
+        }
+      )
+    ] }),
+    r && /* @__PURE__ */ s("div", { className: "commit-flow-page__error", children: r }),
+    e.length > 0 && /* @__PURE__ */ l("div", { className: "commit-flow-page__diagram", children: [
+      /* @__PURE__ */ l("div", { className: "commit-flow-page__summary", children: [
+        e.length,
+        " build",
+        e.length !== 1 ? "s" : "",
+        " found",
+        a && " (loading…)"
+      ] }),
+      /* @__PURE__ */ s(pa, { builds: e, onNodeClick: m })
+    ] }),
+    d && /* @__PURE__ */ s(
+      ta,
+      {
+        build: d,
+        onClose: () => m(null)
+      }
+    )
+  ] });
+}
+const Ve = Vt((e) => ({
   org: "",
   project: "",
-  setConnection: (e, a) => t({ org: e, project: a }),
+  setConnection: (t, a) => e({ org: t, project: a }),
   selectedPipeline: null,
   selectedPipelineLoading: !1,
   selectedPipelineError: null,
-  setSelectedPipeline: (e) => t({
-    selectedPipeline: e,
+  setSelectedPipeline: (t) => e({
+    selectedPipeline: t,
     selectedPipelineError: null,
     expandedNodes: /* @__PURE__ */ new Set()
   }),
-  setSelectedPipelineLoading: (e) => t({ selectedPipelineLoading: e }),
-  setSelectedPipelineError: (e) => t({ selectedPipelineError: e }),
-  expandedTemplates: new Map(It()),
-  setExpandedTemplate: (e, a) => t((n) => {
-    const l = new Map(n.expandedTemplates);
-    return l.set(e, a), Ft(l), { expandedTemplates: l };
+  setSelectedPipelineLoading: (t) => e({ selectedPipelineLoading: t }),
+  setSelectedPipelineError: (t) => e({ selectedPipelineError: t }),
+  expandedTemplates: new Map(ha()),
+  setExpandedTemplate: (t, a) => e((o) => {
+    const r = new Map(o.expandedTemplates);
+    return r.set(t, a), fa(r), { expandedTemplates: r };
   }),
   expandedNodes: /* @__PURE__ */ new Set(),
-  toggleNode: (e) => t((a) => {
-    const n = new Set(a.expandedNodes);
-    return n.has(e) ? n.delete(e) : n.add(e), { expandedNodes: n };
+  toggleNode: (t) => e((a) => {
+    const o = new Set(a.expandedNodes);
+    return o.has(t) ? o.delete(t) : o.add(t), { expandedNodes: o };
   }),
   selectedNodeDetail: null,
-  setSelectedNodeDetail: (e) => t({ selectedNodeDetail: e }),
+  setSelectedNodeDetail: (t) => e({ selectedNodeDetail: t }),
   customTaskDocs: {},
-  setCustomTaskDocs: (e) => t({ customTaskDocs: e }),
+  setCustomTaskDocs: (t) => e({ customTaskDocs: t }),
   taskSchema: /* @__PURE__ */ new Map(),
-  setTaskSchema: (e) => t(() => {
+  setTaskSchema: (t) => e(() => {
     const a = /* @__PURE__ */ new Map();
-    for (const n of e)
-      a.set(`${n.name}@${n.version}`, n);
+    for (const o of t)
+      a.set(`${o.name}@${o.version}`, o);
     return { taskSchema: a };
   })
-})), ot = "apv-template-cache";
-function It() {
+})), vt = "apv-template-cache";
+function ha() {
   try {
-    const t = localStorage.getItem(ot);
-    if (t)
-      return JSON.parse(t);
+    const e = localStorage.getItem(vt);
+    if (e)
+      return JSON.parse(e);
   } catch {
   }
   return [];
 }
-function Ft(t) {
+function fa(e) {
   try {
-    const a = Array.from(t.entries()).slice(-100);
-    localStorage.setItem(ot, JSON.stringify(a));
+    const a = Array.from(e.entries()).slice(-100);
+    localStorage.setItem(vt, JSON.stringify(a));
   } catch {
   }
 }
-function Lt() {
+function ga() {
   const {
-    selectedNodeDetail: t,
-    customTaskDocs: e,
+    selectedNodeDetail: e,
+    customTaskDocs: t,
     taskSchema: a,
-    setSelectedNodeDetail: n
-  } = Te(), l = ze(() => {
-    if (!(t != null && t.yaml)) return [];
+    setSelectedNodeDetail: o
+  } = Ve(), r = ve(() => {
+    if (!(e != null && e.yaml)) return [];
     try {
-      const o = pe(t.yaml);
-      return ft(o ?? {});
+      const n = ue(e.yaml);
+      return Tt(n ?? {});
     } catch {
       return [];
     }
-  }, [t == null ? void 0 : t.yaml]);
-  return t ? /* @__PURE__ */ c("div", { className: "detail-panel", children: [
-    /* @__PURE__ */ c("div", { className: "detail-panel__header", children: [
-      /* @__PURE__ */ c("div", { className: "detail-panel__header-row", children: [
-        /* @__PURE__ */ s("h3", { className: "detail-panel__title", children: t.label }),
+  }, [e == null ? void 0 : e.yaml]);
+  return e ? /* @__PURE__ */ l("div", { className: "detail-panel", children: [
+    /* @__PURE__ */ l("div", { className: "detail-panel__header", children: [
+      /* @__PURE__ */ l("div", { className: "detail-panel__header-row", children: [
+        /* @__PURE__ */ s("h3", { className: "detail-panel__title", children: e.label }),
         /* @__PURE__ */ s(
           "button",
           {
             className: "detail-panel__close",
-            onClick: () => n(null),
+            onClick: () => o(null),
             "aria-label": "Close detail panel",
             title: "Close",
             children: "✕"
           }
         )
       ] }),
-      /* @__PURE__ */ c("div", { className: "detail-panel__path", children: [
-        t.filePath,
-        t.repoAlias && /* @__PURE__ */ c("span", { className: "detail-panel__repo", children: [
+      /* @__PURE__ */ l("div", { className: "detail-panel__path", children: [
+        e.filePath,
+        e.repoAlias && /* @__PURE__ */ l("span", { className: "detail-panel__repo", children: [
           " ",
           "@",
-          t.repoAlias
+          e.repoAlias
         ] })
       ] })
     ] }),
-    l.length > 0 && /* @__PURE__ */ c("div", { className: "detail-panel__tasks", children: [
-      /* @__PURE__ */ c("h4", { className: "detail-panel__section-title", children: [
+    r.length > 0 && /* @__PURE__ */ l("div", { className: "detail-panel__tasks", children: [
+      /* @__PURE__ */ l("h4", { className: "detail-panel__section-title", children: [
         "Tasks (",
-        l.length,
+        r.length,
         ")"
       ] }),
-      /* @__PURE__ */ s("ul", { className: "task-list", children: l.map((o) => /* @__PURE__ */ s(
-        Ut,
+      /* @__PURE__ */ s("ul", { className: "task-list", children: r.map((n) => /* @__PURE__ */ s(
+        _a,
         {
-          ref_: o,
-          customDocs: e,
-          schemaEntry: a.get(o.raw) ?? a.get(`${o.name}@${o.version}`)
+          ref_: n,
+          customDocs: t,
+          schemaEntry: a.get(n.raw) ?? a.get(`${n.name}@${n.version}`)
         },
-        o.raw
+        n.raw
       )) })
     ] }),
     /* @__PURE__ */ s("div", { className: "detail-panel__editor", children: /* @__PURE__ */ s(
-      bt,
+      Ut,
       {
         height: "100%",
         language: "yaml",
-        value: t.yaml,
+        value: e.yaml,
         theme: "vs-dark",
         options: {
           readOnly: !0,
@@ -134,58 +709,58 @@ function Lt() {
     ) })
   ] }) : /* @__PURE__ */ s("div", { className: "detail-panel detail-panel--empty", children: /* @__PURE__ */ s("p", { children: "Click a node to view its contents" }) });
 }
-function Ut({
-  ref_: t,
-  customDocs: e,
+function _a({
+  ref_: e,
+  customDocs: t,
   schemaEntry: a
 }) {
-  const n = gt(t, e);
-  return /* @__PURE__ */ c("li", { className: "task-item", children: [
+  const o = $t(e, t);
+  return /* @__PURE__ */ l("li", { className: "task-item", children: [
     /* @__PURE__ */ s("span", { className: "task-item__icon", children: "⚙️" }),
-    /* @__PURE__ */ c("div", { className: "task-item__content", children: [
-      n ? /* @__PURE__ */ c(
+    /* @__PURE__ */ l("div", { className: "task-item__content", children: [
+      o ? /* @__PURE__ */ l(
         "a",
         {
-          href: n,
+          href: o,
           target: "_blank",
           rel: "noopener noreferrer",
           className: "task-item__link",
-          title: (a == null ? void 0 : a.description) || `Open docs for ${t.name}`,
+          title: (a == null ? void 0 : a.description) || `Open docs for ${e.name}`,
           children: [
-            t.name,
-            /* @__PURE__ */ c("span", { className: "task-item__version", children: [
+            e.name,
+            /* @__PURE__ */ l("span", { className: "task-item__version", children: [
               "@",
-              t.version
+              e.version
             ] }),
             /* @__PURE__ */ s("span", { className: "task-item__external", children: "↗" })
           ]
         }
-      ) : /* @__PURE__ */ c("span", { className: "task-item__name", children: [
-        t.name,
-        /* @__PURE__ */ c("span", { className: "task-item__version", children: [
+      ) : /* @__PURE__ */ l("span", { className: "task-item__name", children: [
+        e.name,
+        /* @__PURE__ */ l("span", { className: "task-item__version", children: [
           "@",
-          t.version
+          e.version
         ] })
       ] }),
       (a == null ? void 0 : a.description) && /* @__PURE__ */ s("div", { className: "task-item__description", children: a.description })
     ] })
   ] });
 }
-class Ie extends pt {
-  constructor(e) {
-    super(e), this.state = { hasError: !1, error: null };
+class Re extends wt {
+  constructor(t) {
+    super(t), this.state = { hasError: !1, error: null };
   }
-  static getDerivedStateFromError(e) {
-    return { hasError: !0, error: e };
+  static getDerivedStateFromError(t) {
+    return { hasError: !0, error: t };
   }
-  componentDidCatch(e, a) {
-    console.error("ErrorBoundary caught:", e, a);
+  componentDidCatch(t, a) {
+    console.error("ErrorBoundary caught:", t, a);
   }
   render() {
-    var e;
-    return this.state.hasError ? this.props.fallback || /* @__PURE__ */ c("div", { className: "error", children: [
+    var t;
+    return this.state.hasError ? this.props.fallback || /* @__PURE__ */ l("div", { className: "error", children: [
       /* @__PURE__ */ s("h3", { children: "Something went wrong" }),
-      /* @__PURE__ */ s("p", { children: (e = this.state.error) == null ? void 0 : e.message }),
+      /* @__PURE__ */ s("p", { children: (t = this.state.error) == null ? void 0 : t.message }),
       /* @__PURE__ */ s(
         "button",
         {
@@ -197,104 +772,104 @@ class Ie extends pt {
     ] }) : this.props.children;
   }
 }
-const rt = ut(null), Vt = rt.Provider;
-function zt() {
-  const t = mt(rt);
-  if (!t)
+const Nt = Pt(null), va = Nt.Provider;
+function Na() {
+  const e = Et(Nt);
+  if (!e)
     throw new Error(
       "useFileFetch must be used within a FileFetchProvider. Wrap your component tree with <FileFetchProvider value={...}>."
     );
-  return t;
+  return e;
 }
-const Xe = 300, Ge = 100;
-function Fe(t, e, a = "TB") {
-  const n = new Ye.graphlib.Graph();
-  n.setDefaultEdgeLabel(() => ({})), n.setGraph({ rankdir: a, ranksep: 80, nodesep: 40 });
-  for (const o of t)
-    n.setNode(o.id, { width: Xe, height: Ge });
-  for (const o of e)
-    n.setEdge(o.source, o.target);
-  return Ye.layout(n), { nodes: t.map((o) => {
-    const m = n.node(o.id);
+const tt = 300, at = 100;
+function Ke(e, t, a = "TB") {
+  const o = new Se.graphlib.Graph();
+  o.setDefaultEdgeLabel(() => ({})), o.setGraph({ rankdir: a, ranksep: 80, nodesep: 40 });
+  for (const n of e)
+    o.setNode(n.id, { width: tt, height: at });
+  for (const n of t)
+    o.setEdge(n.source, n.target);
+  return Se.layout(o), { nodes: e.map((n) => {
+    const d = o.node(n.id);
     return {
-      ...o,
+      ...n,
       position: {
-        x: m.x - Xe / 2,
-        y: m.y - Ge / 2
+        x: d.x - tt / 2,
+        y: d.y - at / 2
       }
     };
-  }), edges: e };
+  }), edges: t };
 }
-function Ot({ data: t }) {
-  var m;
-  const e = t, [a, n] = Z(!1), l = e.status === "root" ? "file-node--root" : e.status === "expanded" ? "file-node--expanded" : e.status === "loading" ? "file-node--loading" : e.status === "error" ? "file-node--error" : "file-node--collapsed", o = e.repoAlias ? "file-node--cross-repo" : "";
-  return /* @__PURE__ */ c("div", { className: `file-node ${l} ${o}`, children: [
-    !e.isRoot && /* @__PURE__ */ s(He, { type: "target", position: Ke.Top }),
-    /* @__PURE__ */ c("div", { className: "file-node__header", children: [
-      /* @__PURE__ */ s("span", { className: "file-node__icon", children: e.isRoot ? "📄" : e.status === "expanded" ? "📋" : e.repoAlias ? "🔗" : "📁" }),
-      /* @__PURE__ */ s("span", { className: "file-node__label", title: e.filePath, children: e.label }),
-      /* @__PURE__ */ s("span", { className: "file-node__actions", children: e.adoUrl && /* @__PURE__ */ s(
+function ba({ data: e }) {
+  var d;
+  const t = e, [a, o] = L(!1), r = t.status === "root" ? "file-node--root" : t.status === "expanded" ? "file-node--expanded" : t.status === "loading" ? "file-node--loading" : t.status === "error" ? "file-node--error" : "file-node--collapsed", n = t.repoAlias ? "file-node--cross-repo" : "";
+  return /* @__PURE__ */ l("div", { className: `file-node ${r} ${n}`, children: [
+    !t.isRoot && /* @__PURE__ */ s(Ce, { type: "target", position: De.Top }),
+    /* @__PURE__ */ l("div", { className: "file-node__header", children: [
+      /* @__PURE__ */ s("span", { className: "file-node__icon", children: t.isRoot ? "📄" : t.status === "expanded" ? "📋" : t.repoAlias ? "🔗" : "📁" }),
+      /* @__PURE__ */ s("span", { className: "file-node__label", title: t.filePath, children: t.label }),
+      /* @__PURE__ */ s("span", { className: "file-node__actions", children: t.adoUrl && /* @__PURE__ */ s(
         "a",
         {
-          href: e.adoUrl,
+          href: t.adoUrl,
           target: "_blank",
           rel: "noopener noreferrer",
           className: "file-node__action-btn",
           title: "Open in Azure DevOps",
-          onClick: (P) => P.stopPropagation(),
-          children: /* @__PURE__ */ s(Mt, {})
+          onClick: (m) => m.stopPropagation(),
+          children: /* @__PURE__ */ s(ya, {})
         }
       ) })
     ] }),
-    e.repoAlias && /* @__PURE__ */ c(
+    t.repoAlias && /* @__PURE__ */ l(
       "div",
       {
         className: "file-node__repo-row",
-        onMouseEnter: () => n(!0),
-        onMouseLeave: () => n(!1),
+        onMouseEnter: () => o(!0),
+        onMouseLeave: () => o(!1),
         children: [
-          /* @__PURE__ */ c("span", { className: "file-node__repo", children: [
+          /* @__PURE__ */ l("span", { className: "file-node__repo", children: [
             "@",
-            e.repoAlias
+            t.repoAlias
           ] }),
-          e.repoInfo && a && /* @__PURE__ */ c("div", { className: "file-node__repo-tooltip", children: [
-            /* @__PURE__ */ c("div", { className: "file-node__repo-tooltip-row", children: [
+          t.repoInfo && a && /* @__PURE__ */ l("div", { className: "file-node__repo-tooltip", children: [
+            /* @__PURE__ */ l("div", { className: "file-node__repo-tooltip-row", children: [
               /* @__PURE__ */ s("span", { className: "file-node__repo-tooltip-label", children: "Repo" }),
-              /* @__PURE__ */ s("span", { children: e.repoInfo.fullName })
+              /* @__PURE__ */ s("span", { children: t.repoInfo.fullName })
             ] }),
-            /* @__PURE__ */ c("div", { className: "file-node__repo-tooltip-row", children: [
+            /* @__PURE__ */ l("div", { className: "file-node__repo-tooltip-row", children: [
               /* @__PURE__ */ s("span", { className: "file-node__repo-tooltip-label", children: "Type" }),
-              /* @__PURE__ */ s("span", { children: e.repoInfo.type })
+              /* @__PURE__ */ s("span", { children: t.repoInfo.type })
             ] }),
-            e.repoInfo.ref && /* @__PURE__ */ c("div", { className: "file-node__repo-tooltip-row", children: [
+            t.repoInfo.ref && /* @__PURE__ */ l("div", { className: "file-node__repo-tooltip-row", children: [
               /* @__PURE__ */ s("span", { className: "file-node__repo-tooltip-label", children: "Ref" }),
-              /* @__PURE__ */ s("span", { children: e.repoInfo.ref })
+              /* @__PURE__ */ s("span", { children: t.repoInfo.ref })
             ] }),
-            e.repoInfo.project && /* @__PURE__ */ c("div", { className: "file-node__repo-tooltip-row", children: [
+            t.repoInfo.project && /* @__PURE__ */ l("div", { className: "file-node__repo-tooltip-row", children: [
               /* @__PURE__ */ s("span", { className: "file-node__repo-tooltip-label", children: "Project" }),
-              /* @__PURE__ */ s("span", { children: e.repoInfo.project })
+              /* @__PURE__ */ s("span", { children: t.repoInfo.project })
             ] })
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ c("div", { className: "file-node__meta", children: [
-      e.status === "loading" && /* @__PURE__ */ s("span", { className: "file-node__spinner", children: "⏳ Loading..." }),
-      e.status === "error" && /* @__PURE__ */ c("span", { className: "file-node__error", title: e.errorMessage, children: [
+    /* @__PURE__ */ l("div", { className: "file-node__meta", children: [
+      t.status === "loading" && /* @__PURE__ */ s("span", { className: "file-node__spinner", children: "⏳ Loading..." }),
+      t.status === "error" && /* @__PURE__ */ l("span", { className: "file-node__error", title: t.errorMessage, children: [
         "❌ ",
-        (m = e.errorMessage) == null ? void 0 : m.slice(0, 80)
+        (d = t.errorMessage) == null ? void 0 : d.slice(0, 80)
       ] }),
-      e.status === "collapsed" && /* @__PURE__ */ s("span", { className: "file-node__hint", children: "Click to expand" }),
-      e.status === "expanded" && e.templateCount === 0 && !e.isRoot && /* @__PURE__ */ s("span", { className: "file-node__leaf", children: "✓ no nested templates" }),
-      (e.status === "root" || e.status === "expanded") && e.templateCount > 0 && /* @__PURE__ */ c("span", { className: "file-node__count", children: [
-        e.templateCount,
+      t.status === "collapsed" && /* @__PURE__ */ s("span", { className: "file-node__hint", children: "Click to expand" }),
+      t.status === "expanded" && t.templateCount === 0 && !t.isRoot && /* @__PURE__ */ s("span", { className: "file-node__leaf", children: "✓ no nested templates" }),
+      (t.status === "root" || t.status === "expanded") && t.templateCount > 0 && /* @__PURE__ */ l("span", { className: "file-node__count", children: [
+        t.templateCount,
         " template ref(s)"
       ] })
     ] }),
-    /* @__PURE__ */ s(He, { type: "source", position: Ke.Bottom })
+    /* @__PURE__ */ s(Ce, { type: "source", position: De.Bottom })
   ] });
 }
-function Mt() {
+function ya() {
   return /* @__PURE__ */ s(
     "svg",
     {
@@ -313,132 +888,132 @@ function Mt() {
     }
   );
 }
-const Bt = tt(Ot);
-function Le({
-  className: t,
-  label: e,
+const wa = Qe(ba);
+function qe({
+  className: e,
+  label: t,
   children: a
 }) {
-  const [n, l] = Z(!1);
-  return /* @__PURE__ */ c(
+  const [o, r] = L(!1);
+  return /* @__PURE__ */ l(
     "span",
     {
-      className: t,
-      onMouseEnter: () => l(!0),
-      onMouseLeave: () => l(!1),
+      className: e,
+      onMouseEnter: () => r(!0),
+      onMouseLeave: () => r(!1),
       children: [
-        e,
-        n && /* @__PURE__ */ s("div", { className: "template-edge__badge-tooltip", children: a })
+        t,
+        o && /* @__PURE__ */ s("div", { className: "template-edge__badge-tooltip", children: a })
       ]
     }
   );
 }
-function Wt({
-  id: t,
-  sourceX: e,
+function Pa({
+  id: e,
+  sourceX: t,
   sourceY: a,
-  targetX: n,
-  targetY: l,
-  sourcePosition: o,
-  targetPosition: m,
-  data: P,
-  markerEnd: v,
-  style: d
+  targetX: o,
+  targetY: r,
+  sourcePosition: n,
+  targetPosition: d,
+  data: m,
+  markerEnd: u,
+  style: h
 }) {
-  var _;
-  const r = P, [y, g] = Z(!1), [i, R, S] = Rt({
-    sourceX: e,
+  var P;
+  const i = m, [p, f] = L(!1), [c, N, E] = It({
+    sourceX: t,
     sourceY: a,
-    sourcePosition: o,
-    targetX: n,
-    targetY: l,
-    targetPosition: m
-  }), h = fe(() => g(!0), []), N = fe(() => g(!1), []), b = ((_ = r == null ? void 0 : r.parameterNames) == null ? void 0 : _.length) ?? 0;
-  return /* @__PURE__ */ c(et, { children: [
-    /* @__PURE__ */ s(Et, { id: t, path: i, markerEnd: v, style: d }),
-    /* @__PURE__ */ s(xt, { children: /* @__PURE__ */ c(
+    sourcePosition: n,
+    targetX: o,
+    targetY: r,
+    targetPosition: d
+  }), _ = ne(() => f(!0), []), y = ne(() => f(!1), []), w = ((P = i == null ? void 0 : i.parameterNames) == null ? void 0 : P.length) ?? 0;
+  return /* @__PURE__ */ l(Xe, { children: [
+    /* @__PURE__ */ s(Lt, { id: e, path: c, markerEnd: u, style: h }),
+    /* @__PURE__ */ s(Bt, { children: /* @__PURE__ */ l(
       "div",
       {
         className: "template-edge__label-container",
         style: {
           position: "absolute",
-          transform: `translate(-50%, -50%) translate(${R}px,${S}px)`,
+          transform: `translate(-50%, -50%) translate(${N}px,${E}px)`,
           pointerEvents: "all"
         },
         children: [
-          /* @__PURE__ */ c("div", { className: "template-edge__top-row", children: [
-            /* @__PURE__ */ s("span", { className: "template-edge__category", children: r == null ? void 0 : r.edgeLabel }),
-            (r == null ? void 0 : r.conditional) && /* @__PURE__ */ c(
-              Le,
+          /* @__PURE__ */ l("div", { className: "template-edge__top-row", children: [
+            /* @__PURE__ */ s("span", { className: "template-edge__category", children: i == null ? void 0 : i.edgeLabel }),
+            (i == null ? void 0 : i.conditional) && /* @__PURE__ */ l(
+              qe,
               {
-                className: `template-edge__badge template-edge__badge--conditional${r.conditionResult === !1 ? " template-edge__badge--condition-false" : r.conditionResult === !0 ? " template-edge__badge--condition-true" : ""}`,
-                label: r.conditionResult === !1 ? "⊘ false" : r.conditionResult === !0 ? "✓ conditional" : "conditional",
+                className: `template-edge__badge template-edge__badge--conditional${i.conditionResult === !1 ? " template-edge__badge--condition-false" : i.conditionResult === !0 ? " template-edge__badge--condition-true" : ""}`,
+                label: i.conditionResult === !1 ? "⊘ false" : i.conditionResult === !0 ? "✓ conditional" : "conditional",
                 children: [
                   /* @__PURE__ */ s("div", { className: "template-edge__badge-tooltip-title", children: "⚡ Conditional Reference" }),
-                  /* @__PURE__ */ s("p", { children: r.conditionResult === !0 ? "Condition evaluated to true — this template will be included." : r.conditionResult === !1 ? "Condition evaluated to false — this template will NOT be included in this pipeline run." : "This template is inside a conditional block. The condition could not be fully evaluated." }),
-                  r.conditionExpression && /* @__PURE__ */ c("div", { className: "template-edge__badge-tooltip-row", children: [
+                  /* @__PURE__ */ s("p", { children: i.conditionResult === !0 ? "Condition evaluated to true — this template will be included." : i.conditionResult === !1 ? "Condition evaluated to false — this template will NOT be included in this pipeline run." : "This template is inside a conditional block. The condition could not be fully evaluated." }),
+                  i.conditionExpression && /* @__PURE__ */ l("div", { className: "template-edge__badge-tooltip-row", children: [
                     /* @__PURE__ */ s("span", { className: "template-edge__badge-tooltip-label", children: "Condition" }),
-                    /* @__PURE__ */ s("code", { children: r.conditionExpression })
+                    /* @__PURE__ */ s("code", { children: i.conditionExpression })
                   ] }),
-                  r.conditionResult != null && /* @__PURE__ */ c("div", { className: "template-edge__badge-tooltip-row", children: [
+                  i.conditionResult != null && /* @__PURE__ */ l("div", { className: "template-edge__badge-tooltip-row", children: [
                     /* @__PURE__ */ s("span", { className: "template-edge__badge-tooltip-label", children: "Result" }),
-                    /* @__PURE__ */ s("code", { children: String(r.conditionResult) })
+                    /* @__PURE__ */ s("code", { children: String(i.conditionResult) })
                   ] })
                 ]
               }
             ),
-            (r == null ? void 0 : r.dynamicPath) && r.expressionResolved && /* @__PURE__ */ c(
-              Le,
+            (i == null ? void 0 : i.dynamicPath) && i.expressionResolved && /* @__PURE__ */ l(
+              qe,
               {
                 className: "template-edge__badge template-edge__badge--resolved",
                 label: "🔮 resolved",
                 children: [
                   /* @__PURE__ */ s("div", { className: "template-edge__badge-tooltip-title", children: "🔮 Expression Resolved" }),
                   /* @__PURE__ */ s("p", { children: "The template path contained expressions that were successfully evaluated." }),
-                  /* @__PURE__ */ c("div", { className: "template-edge__badge-tooltip-row", children: [
+                  /* @__PURE__ */ l("div", { className: "template-edge__badge-tooltip-row", children: [
                     /* @__PURE__ */ s("span", { className: "template-edge__badge-tooltip-label", children: "Original" }),
-                    /* @__PURE__ */ s("code", { children: r.originalPath })
+                    /* @__PURE__ */ s("code", { children: i.originalPath })
                   ] }),
-                  r.resolvedPath && /* @__PURE__ */ c("div", { className: "template-edge__badge-tooltip-row", children: [
+                  i.resolvedPath && /* @__PURE__ */ l("div", { className: "template-edge__badge-tooltip-row", children: [
                     /* @__PURE__ */ s("span", { className: "template-edge__badge-tooltip-label", children: "Resolved" }),
-                    /* @__PURE__ */ s("code", { children: r.resolvedPath })
+                    /* @__PURE__ */ s("code", { children: i.resolvedPath })
                   ] })
                 ]
               }
             ),
-            (r == null ? void 0 : r.dynamicPath) && !r.expressionResolved && /* @__PURE__ */ c(
-              Le,
+            (i == null ? void 0 : i.dynamicPath) && !i.expressionResolved && /* @__PURE__ */ l(
+              qe,
               {
                 className: "template-edge__badge template-edge__badge--unresolved",
                 label: "⚠️ dynamic",
                 children: [
                   /* @__PURE__ */ s("div", { className: "template-edge__badge-tooltip-title", children: "⚠️ Unresolved Expressions" }),
                   /* @__PURE__ */ s("p", { children: "The template path contains expressions that could not be evaluated at analysis time." }),
-                  /* @__PURE__ */ c("div", { className: "template-edge__badge-tooltip-row", children: [
+                  /* @__PURE__ */ l("div", { className: "template-edge__badge-tooltip-row", children: [
                     /* @__PURE__ */ s("span", { className: "template-edge__badge-tooltip-label", children: "Original" }),
-                    /* @__PURE__ */ s("code", { children: r.originalPath })
+                    /* @__PURE__ */ s("code", { children: i.originalPath })
                   ] }),
-                  r.resolvedPath && r.resolvedPath !== r.originalPath && /* @__PURE__ */ c("div", { className: "template-edge__badge-tooltip-row", children: [
+                  i.resolvedPath && i.resolvedPath !== i.originalPath && /* @__PURE__ */ l("div", { className: "template-edge__badge-tooltip-row", children: [
                     /* @__PURE__ */ s("span", { className: "template-edge__badge-tooltip-label", children: "Partial" }),
-                    /* @__PURE__ */ s("code", { children: r.resolvedPath })
+                    /* @__PURE__ */ s("code", { children: i.resolvedPath })
                   ] }),
-                  r.unresolvedExpressions && r.unresolvedExpressions.length > 0 && /* @__PURE__ */ c("div", { className: "template-edge__badge-tooltip-row", children: [
+                  i.unresolvedExpressions && i.unresolvedExpressions.length > 0 && /* @__PURE__ */ l("div", { className: "template-edge__badge-tooltip-row", children: [
                     /* @__PURE__ */ s("span", { className: "template-edge__badge-tooltip-label", children: "Unresolved" }),
-                    /* @__PURE__ */ s("span", { children: r.unresolvedExpressions.join(", ") })
+                    /* @__PURE__ */ s("span", { children: i.unresolvedExpressions.join(", ") })
                   ] })
                 ]
               }
             )
           ] }),
-          b > 0 && /* @__PURE__ */ c(
+          w > 0 && /* @__PURE__ */ l(
             "span",
             {
               className: "template-edge__params-badge",
-              onMouseEnter: h,
-              onMouseLeave: N,
+              onMouseEnter: _,
+              onMouseLeave: y,
               children: [
-                jt(r),
-                y && /* @__PURE__ */ s(Ht, { data: r })
+                Ea(i),
+                p && /* @__PURE__ */ s(Ra, { data: i })
               ]
             }
           )
@@ -447,539 +1022,539 @@ function Wt({
     ) })
   ] });
 }
-function jt(t) {
+function Ea(e) {
   var a;
-  const e = ((a = t.parameterNames) == null ? void 0 : a.length) ?? 0;
-  return t.totalParameterCount != null ? `${e}/${t.totalParameterCount} params` : `${e} params`;
+  const t = ((a = e.parameterNames) == null ? void 0 : a.length) ?? 0;
+  return e.totalParameterCount != null ? `${t}/${e.totalParameterCount} params` : `${t} params`;
 }
-function Ht({ data: t }) {
-  var a, n;
-  const e = (a = t.declaredParameterNames) == null ? void 0 : a.filter(
-    (l) => {
-      var o;
-      return !((o = t.parameterNames) != null && o.includes(l));
+function Ra({ data: e }) {
+  var a, o;
+  const t = (a = e.declaredParameterNames) == null ? void 0 : a.filter(
+    (r) => {
+      var n;
+      return !((n = e.parameterNames) != null && n.includes(r));
     }
   );
-  return /* @__PURE__ */ c("div", { className: "template-edge__params-tooltip", children: [
-    t.parameterNames && t.parameterNames.length > 0 && /* @__PURE__ */ c("div", { className: "template-edge__params-section", children: [
-      /* @__PURE__ */ c("div", { className: "template-edge__params-heading", children: [
+  return /* @__PURE__ */ l("div", { className: "template-edge__params-tooltip", children: [
+    e.parameterNames && e.parameterNames.length > 0 && /* @__PURE__ */ l("div", { className: "template-edge__params-section", children: [
+      /* @__PURE__ */ l("div", { className: "template-edge__params-heading", children: [
         "✓ Passed (",
-        t.parameterNames.length,
+        e.parameterNames.length,
         ")"
       ] }),
-      /* @__PURE__ */ s("ul", { className: "template-edge__params-list", children: t.parameterNames.map((l) => /* @__PURE__ */ s(
+      /* @__PURE__ */ s("ul", { className: "template-edge__params-list", children: e.parameterNames.map((r) => /* @__PURE__ */ s(
         "li",
         {
           className: "template-edge__params-item template-edge__params-item--passed",
-          children: l
+          children: r
         },
-        l
+        r
       )) })
     ] }),
-    e && e.length > 0 && /* @__PURE__ */ c("div", { className: "template-edge__params-section", children: [
-      /* @__PURE__ */ c("div", { className: "template-edge__params-heading", children: [
+    t && t.length > 0 && /* @__PURE__ */ l("div", { className: "template-edge__params-section", children: [
+      /* @__PURE__ */ l("div", { className: "template-edge__params-heading", children: [
         "○ Not passed (",
-        e.length,
+        t.length,
         ")"
       ] }),
-      /* @__PURE__ */ s("ul", { className: "template-edge__params-list", children: e.map((l) => /* @__PURE__ */ s(
+      /* @__PURE__ */ s("ul", { className: "template-edge__params-list", children: t.map((r) => /* @__PURE__ */ s(
         "li",
         {
           className: "template-edge__params-item template-edge__params-item--missing",
-          children: l
+          children: r
         },
-        l
+        r
       )) })
     ] }),
-    t.totalParameterCount == null && !((n = t.declaredParameterNames) != null && n.length) && /* @__PURE__ */ s("div", { className: "template-edge__params-hint", children: "Expand node to see all declared params" })
+    e.totalParameterCount == null && !((o = e.declaredParameterNames) != null && o.length) && /* @__PURE__ */ s("div", { className: "template-edge__params-hint", children: "Expand node to see all declared params" })
   ] });
 }
-const Kt = tt(Wt), Yt = { fileNode: Bt }, Xt = { templateEdge: Kt }, Gt = {
+const xa = Qe(Pa), ka = { fileNode: wa }, Ta = { templateEdge: xa }, $a = {
   animated: !0,
   style: { stroke: "var(--accent)", strokeWidth: 2 },
-  markerEnd: { type: xe.ArrowClosed, color: "var(--accent)" }
+  markerEnd: { type: Ae.ArrowClosed, color: "var(--accent)" }
 };
-function qt() {
-  var le, ve;
+function Sa() {
+  var le, be;
   const {
-    org: t,
-    project: e,
+    org: e,
+    project: t,
     selectedPipeline: a,
-    selectedPipelineLoading: n,
-    selectedPipelineError: l,
-    expandedTemplates: o,
-    setExpandedTemplate: m,
-    setSelectedNodeDetail: P
-  } = Te(), v = zt(), [d, r, y] = kt([]), [g, i, R] = At([]), S = te(null), h = te(null), N = te(""), b = te([]);
-  oe(() => {
-    b.current = g;
-  }, [g]);
-  const [_, L] = Z(/* @__PURE__ */ new Set()), x = te(/* @__PURE__ */ new Set()), [k, ae] = Z(!1), $ = ((ve = (le = a == null ? void 0 : a.definition) == null ? void 0 : le.repository) == null ? void 0 : ve.name) ?? "", z = ze(() => {
+    selectedPipelineLoading: o,
+    selectedPipelineError: r,
+    expandedTemplates: n,
+    setExpandedTemplate: d,
+    setSelectedNodeDetail: m
+  } = Ve(), u = Na(), [h, i, p] = dt([]), [f, c, N] = pt([]), E = Q(null), _ = Q(null), y = Q(""), w = Q([]);
+  ee(() => {
+    w.current = f;
+  }, [f]);
+  const [P, F] = L(/* @__PURE__ */ new Set()), k = Q(/* @__PURE__ */ new Set()), [T, se] = L(!1), C = ((be = (le = a == null ? void 0 : a.definition) == null ? void 0 : le.repository) == null ? void 0 : be.name) ?? "", M = ve(() => {
     if (!(a != null && a.yaml)) return [];
     try {
-      const f = pe(a.yaml), p = f == null ? void 0 : f.resources;
-      return (p == null ? void 0 : p.repositories) ?? [];
+      const b = ue(a.yaml), g = b == null ? void 0 : b.resources;
+      return (g == null ? void 0 : g.repositories) ?? [];
     } catch {
       return [];
     }
-  }, [a == null ? void 0 : a.yaml]), H = ze(() => {
+  }, [a == null ? void 0 : a.yaml]), G = ve(() => {
     if (!(a != null && a.yaml)) return {};
     try {
-      const f = pe(a.yaml);
-      return Pe(f ?? {});
+      const b = ue(a.yaml);
+      return Pe(b ?? {});
     } catch {
       return {};
     }
   }, [a == null ? void 0 : a.yaml]);
-  oe(() => {
-    var w, F, B, ie, ce, de, ne;
+  ee(() => {
+    var R, B, z, ce, de, pe, oe;
     if (!(a != null && a.yaml)) {
-      r([]), i([]);
+      i([]), c([]);
       return;
     }
-    const f = pe(a.yaml), p = ((w = a.definition) == null ? void 0 : w.path) ?? "", u = Se(f ?? {}, { sourcePath: p }), E = ((F = a.definition) == null ? void 0 : F.name) ?? p.split("/").pop() ?? "Pipeline", A = Ae(p), D = De(f ?? {}), C = ((ie = (B = a.definition) == null ? void 0 : B.repository) == null ? void 0 : ie.name) ?? "", W = (ne = (de = (ce = a.definition) == null ? void 0 : ce.repository) == null ? void 0 : de.defaultBranch) == null ? void 0 : ne.replace(
+    const b = ue(a.yaml), g = ((R = a.definition) == null ? void 0 : R.path) ?? "", v = je(b ?? {}, { sourcePath: g }), x = ((B = a.definition) == null ? void 0 : B.name) ?? g.split("/").pop() ?? "Pipeline", $ = Le(g), A = ze(b ?? {}), D = ((ce = (z = a.definition) == null ? void 0 : z.repository) == null ? void 0 : ce.name) ?? "", W = (oe = (pe = (de = a.definition) == null ? void 0 : de.repository) == null ? void 0 : pe.defaultBranch) == null ? void 0 : oe.replace(
       /^refs\/heads\//,
       ""
-    ), I = t && e && C ? at({
-      org: t,
-      project: e,
-      repoName: C,
-      filePath: p,
+    ), I = e && t && D ? it({
+      org: e,
+      project: t,
+      repoName: D,
+      filePath: g,
       branch: W
-    }) : void 0, Q = {
+    }) : void 0, te = {
       id: "root",
       type: "fileNode",
       position: { x: 0, y: 0 },
       data: {
-        label: E,
-        filePath: p,
-        templateCount: u.length,
+        label: x,
+        filePath: g,
+        templateCount: v.length,
         status: "root",
         isRoot: !0,
-        baseDir: A,
+        baseDir: $,
         adoUrl: I
       }
-    }, { templateNodes: j, templateEdges: J } = Ue(
+    }, { templateNodes: H, templateEdges: Z } = Ye(
       "root",
-      u,
-      t,
+      v,
       e,
-      $,
-      z,
-      D,
+      t,
+      C,
+      M,
+      A,
       void 0,
       // existingNodeIds
-      H
-    ), Y = [Q, ...j], ee = [...J], { nodes: O, edges: U } = Fe(
-      Y,
-      ee
+      G
+    ), q = [te, ...H], ae = [...Z], { nodes: O, edges: U } = Ke(
+      q,
+      ae
     );
-    r(O), i(U), x.current = /* @__PURE__ */ new Set();
-  }, [a, r, i]);
-  const me = te(!1);
-  oe(() => {
-    if (!k || !S.current || d.length === 0) return;
-    const f = `${d.length}:${g.length}`;
-    if (f !== N.current)
-      return N.current = f, h.current != null && cancelAnimationFrame(h.current), h.current = requestAnimationFrame(() => {
-        var p;
-        (p = S.current) == null || p.fitView({
+    i(O), c(U), k.current = /* @__PURE__ */ new Set();
+  }, [a, i, c]);
+  const fe = Q(!1);
+  ee(() => {
+    if (!T || !E.current || h.length === 0) return;
+    const b = `${h.length}:${f.length}`;
+    if (b !== y.current)
+      return y.current = b, _.current != null && cancelAnimationFrame(_.current), _.current = requestAnimationFrame(() => {
+        var g;
+        (g = E.current) == null || g.fitView({
           padding: 0.2,
           duration: 300
-        }), h.current = null;
+        }), _.current = null;
       }), () => {
-        h.current != null && (cancelAnimationFrame(h.current), h.current = null);
+        _.current != null && (cancelAnimationFrame(_.current), _.current = null);
       };
-  }, [k, d.length, g.length]), oe(() => {
-    if (me.current) return;
-    const f = d.filter((p) => {
-      const u = p.data;
-      if (u.status !== "collapsed" || x.current.has(p.id) || _.has(p.id)) return !1;
-      const E = u._conditionResult;
-      return !(E === !1 || E === "unknown" && !k);
+  }, [T, h.length, f.length]), ee(() => {
+    if (fe.current) return;
+    const b = h.filter((g) => {
+      const v = g.data;
+      if (v.status !== "collapsed" || k.current.has(g.id) || P.has(g.id)) return !1;
+      const x = v._conditionResult;
+      return !(x === !1 || x === "unknown" && !T);
     });
-    if (f.length !== 0) {
-      f.sort((p, u) => {
-        const E = p.data.templateLocation === "variables" ? 0 : 1, A = u.data.templateLocation === "variables" ? 0 : 1;
-        return E - A;
+    if (b.length !== 0) {
+      b.sort((g, v) => {
+        const x = g.data.templateLocation === "variables" ? 0 : 1, $ = v.data.templateLocation === "variables" ? 0 : 1;
+        return x - $;
       });
-      for (const p of f) {
-        const u = p.data;
-        u.dynamicPath && !u.expressionResolved || x.current.add(p.id);
+      for (const g of b) {
+        const v = g.data;
+        v.dynamicPath && !v.expressionResolved || k.current.add(g.id);
       }
-      me.current = !0, (async () => {
-        for (const p of f) {
-          const u = p.data;
-          if (!(u.dynamicPath && !u.expressionResolved))
+      fe.current = !0, (async () => {
+        for (const g of b) {
+          const v = g.data;
+          if (!(v.dynamicPath && !v.expressionResolved))
             try {
-              const { content: E, actualPath: A } = await Ve(
-                t,
+              const { content: x, actualPath: $ } = await Je(
                 e,
-                $,
-                u,
-                z,
-                o,
-                m,
-                v
-              ), D = pe(E) ?? {}, C = u._ref, W = Se(D, {
-                contextRepoAlias: re(C ?? {}),
-                sourcePath: A
-              }), I = je(D);
+                t,
+                C,
+                v,
+                M,
+                n,
+                d,
+                u
+              ), A = ue(x) ?? {}, D = v._ref, W = je(A, {
+                contextRepoAlias: ie(D ?? {}),
+                sourcePath: $
+              }), I = et(A);
               if (W.length === 0) {
-                const j = u.templateLocation === "variables" ? Pe(D) : void 0, J = j && Object.keys(j).length > 0, Y = /* @__PURE__ */ new Set(), ee = /* @__PURE__ */ new Set(), O = /* @__PURE__ */ new Map();
-                if (J)
-                  for (const U of d) {
-                    const w = U.data;
-                    if (w.dynamicPath && !w.expressionResolved) {
-                      const F = we(
+                const H = v.templateLocation === "variables" ? Pe(A) : void 0, Z = H && Object.keys(H).length > 0, q = /* @__PURE__ */ new Set(), ae = /* @__PURE__ */ new Set(), O = /* @__PURE__ */ new Map();
+                if (Z)
+                  for (const U of h) {
+                    const R = U.data;
+                    if (R.dynamicPath && !R.expressionResolved) {
+                      const B = ke(
                         U,
-                        j,
-                        t,
+                        H,
                         e,
-                        $,
-                        z
+                        t,
+                        C,
+                        M
                       );
-                      if (F !== U) {
-                        Y.add(U.id);
-                        const B = F.data;
-                        B.repoAlias && ee.add(U.id), O.set(U.id, B.filePath);
+                      if (B !== U) {
+                        q.add(U.id);
+                        const z = B.data;
+                        z.repoAlias && ae.add(U.id), O.set(U.id, z.filePath);
                       }
                     }
                   }
-                r(
-                  (U) => U.map((w) => w.id === p.id ? {
-                    ...w,
+                i(
+                  (U) => U.map((R) => R.id === g.id ? {
+                    ...R,
                     data: {
-                      ...w.data,
+                      ...R.data,
                       status: "expanded",
                       templateCount: 0,
                       totalParameterCount: I.length || void 0,
                       declaredParameterNames: I.length ? I : void 0
                     }
-                  } : J && Y.has(w.id) ? we(
-                    w,
-                    j,
-                    t,
+                  } : Z && q.has(R.id) ? ke(
+                    R,
+                    H,
                     e,
-                    $,
-                    z
-                  ) : w)
-                ), Y.size > 0 && i(
-                  (U) => U.map((w) => {
-                    if (!Y.has(w.target)) return w;
-                    const F = w.data;
-                    if (!(F != null && F.dynamicPath)) return w;
-                    const B = ee.has(w.target);
+                    t,
+                    C,
+                    M
+                  ) : R)
+                ), q.size > 0 && c(
+                  (U) => U.map((R) => {
+                    if (!q.has(R.target)) return R;
+                    const B = R.data;
+                    if (!(B != null && B.dynamicPath)) return R;
+                    const z = ae.has(R.target);
                     return {
-                      ...w,
+                      ...R,
                       data: {
-                        ...F,
+                        ...B,
                         expressionResolved: !0,
-                        isExternal: B || F.isExternal || void 0,
-                        resolvedPath: O.get(w.target) ?? F.resolvedPath,
+                        isExternal: z || B.isExternal || void 0,
+                        resolvedPath: O.get(R.target) ?? B.resolvedPath,
                         unresolvedExpressions: void 0
                       },
-                      style: B ? {
+                      style: z ? {
                         stroke: "var(--badge-resources)",
                         strokeWidth: 2,
                         strokeDasharray: "6 3"
-                      } : w.style,
-                      markerEnd: B ? {
-                        type: xe.ArrowClosed,
+                      } : R.style,
+                      markerEnd: z ? {
+                        type: Ae.ArrowClosed,
                         color: "var(--badge-resources)"
-                      } : w.markerEnd
+                      } : R.markerEnd
                     };
                   })
                 );
-              } else if (k) {
-                const Q = De(D), j = u._parentParamContext, J = u._accumulatedVariables, Y = C == null ? void 0 : C.parameters, ee = ke(
-                  Y,
-                  j,
-                  J
-                ), O = { ...Q, ...ee }, U = Pe(D), w = {
-                  ...J ?? H,
+              } else if (T) {
+                const te = ze(A), H = v._parentParamContext, Z = v._accumulatedVariables, q = D == null ? void 0 : D.parameters, ae = Ie(
+                  q,
+                  H,
+                  Z
+                ), O = { ...te, ...ae }, U = Pe(A), R = {
+                  ...Z ?? G,
                   ...U
-                }, F = u._accumulatedResources, B = qe(D), ie = Je([
-                  ...F ?? z,
-                  ...B
+                }, B = v._accumulatedResources, z = nt(A), ce = st([
+                  ...B ?? M,
+                  ...z
                 ]);
-                await new Promise((M) => setTimeout(M, 0));
-                const ce = new Set(d.map((M) => M.id)), { templateNodes: de, templateEdges: ne } = Ue(
-                  p.id,
+                await new Promise((j) => setTimeout(j, 0));
+                const de = new Set(h.map((j) => j.id)), { templateNodes: pe, templateEdges: oe } = Ye(
+                  g.id,
                   W,
-                  t,
                   e,
-                  $,
-                  ie,
-                  O,
+                  t,
+                  C,
                   ce,
-                  w
+                  O,
+                  de,
+                  R
                 );
-                r((M) => {
-                  const se = new Set(M.map((T) => T.id)), ye = de.filter(
-                    (T) => !se.has(T.id)
-                  ), Ne = [...M.map(
-                    (T) => T.id === p.id ? {
-                      ...T,
+                i((j) => {
+                  const re = new Set(j.map((S) => S.id)), ye = pe.filter(
+                    (S) => !re.has(S.id)
+                  ), we = [...j.map(
+                    (S) => S.id === g.id ? {
+                      ...S,
                       data: {
-                        ...T.data,
+                        ...S.data,
                         status: "expanded",
                         templateCount: W.length,
                         totalParameterCount: I.length || void 0,
                         declaredParameterNames: I.length ? I : void 0
                       }
-                    } : T
-                  ), ...ye], X = [...I.length ? be(
-                    b.current,
-                    p.id,
+                    } : S
+                  ), ...ye], Y = [...I.length ? xe(
+                    w.current,
+                    g.id,
                     I
-                  ) : b.current, ...ne];
-                  return Fe(Ne, X).nodes;
-                }), i((M) => [...I.length ? be(
-                  M,
-                  p.id,
+                  ) : w.current, ...oe];
+                  return Ke(we, Y).nodes;
+                }), c((j) => [...I.length ? xe(
+                  j,
+                  g.id,
                   I
-                ) : M, ...ne]), await new Promise((M) => setTimeout(M, 50));
+                ) : j, ...oe]), await new Promise((j) => setTimeout(j, 50));
               }
             } catch {
             }
         }
-        me.current = !1, k && r((p) => [...p]);
+        fe.current = !1, T && i((g) => [...g]);
       })();
     }
   }, [
-    d,
-    t,
+    h,
     e,
-    $,
-    z,
-    o,
-    m,
-    _,
-    r,
+    t,
+    C,
+    M,
+    n,
+    d,
+    P,
     i,
-    k,
-    v
+    c,
+    T,
+    u
   ]);
-  const K = fe(
-    async (f, p) => {
-      const u = p.data;
-      if (u.status === "root" && (a != null && a.yaml)) {
-        P({
-          nodeId: p.id,
-          label: u.label,
-          filePath: u.filePath,
+  const K = ne(
+    async (b, g) => {
+      const v = g.data;
+      if (v.status === "root" && (a != null && a.yaml)) {
+        m({
+          nodeId: g.id,
+          label: v.label,
+          filePath: v.filePath,
           yaml: a.yaml
         });
         return;
       }
-      if (u.status === "expanded") {
-        const E = u._ref, A = re(E ?? {}) || "", D = `${A}:${u.filePath}`, C = u._fallbackPath, W = C ? `${A}:${C}` : void 0, I = o.get(D) ?? (W ? o.get(W) : void 0);
+      if (v.status === "expanded") {
+        const x = v._ref, $ = ie(x ?? {}) || "", A = `${$}:${v.filePath}`, D = v._fallbackPath, W = D ? `${$}:${D}` : void 0, I = n.get(A) ?? (W ? n.get(W) : void 0);
         if (I) {
-          P({
-            nodeId: p.id,
-            label: u.label,
-            filePath: u.filePath,
+          m({
+            nodeId: g.id,
+            label: v.label,
+            filePath: v.filePath,
             yaml: I,
-            repoAlias: u.repoAlias
+            repoAlias: v.repoAlias
           });
           return;
         }
         try {
-          const { content: Q } = await Ve(
-            t,
+          const { content: te } = await Je(
             e,
-            $,
-            u,
-            z,
-            o,
-            m,
-            v
+            t,
+            C,
+            v,
+            M,
+            n,
+            d,
+            u
           );
-          P({
-            nodeId: p.id,
-            label: u.label,
-            filePath: u.filePath,
-            yaml: Q,
-            repoAlias: u.repoAlias
+          m({
+            nodeId: g.id,
+            label: v.label,
+            filePath: v.filePath,
+            yaml: te,
+            repoAlias: v.repoAlias
           });
         } catch {
         }
         return;
       }
-      if (u.status === "collapsed" && !_.has(p.id)) {
-        L((E) => new Set(E).add(p.id)), r(
-          (E) => E.map(
-            (A) => A.id === p.id ? { ...A, data: { ...A.data, status: "loading" } } : A
+      if (v.status === "collapsed" && !P.has(g.id)) {
+        F((x) => new Set(x).add(g.id)), i(
+          (x) => x.map(
+            ($) => $.id === g.id ? { ...$, data: { ...$.data, status: "loading" } } : $
           )
         );
         try {
-          const { content: E, actualPath: A } = await Ve(
-            t,
+          const { content: x, actualPath: $ } = await Je(
             e,
-            $,
-            u,
-            z,
-            o,
-            m,
-            v
-          ), D = pe(E) ?? {}, C = u._ref, W = Se(D, {
-            contextRepoAlias: re(C ?? {}),
-            sourcePath: A
-          }), I = De(D), Q = u._parentParamContext, j = u._accumulatedVariables, J = C == null ? void 0 : C.parameters, Y = ke(
-            J,
-            Q,
-            j
-          ), ee = { ...I, ...Y }, O = je(D), U = Ae(A), w = Pe(D), F = {
-            ...j ?? H,
-            ...w
-          }, B = u._accumulatedResources, ie = qe(D), ce = Je([
-            ...B ?? z,
-            ...ie
-          ]), de = new Set(d.map((V) => V.id)), { templateNodes: ne, templateEdges: M } = Ue(
-            p.id,
-            W,
             t,
+            C,
+            v,
+            M,
+            n,
+            d,
+            u
+          ), A = ue(x) ?? {}, D = v._ref, W = je(A, {
+            contextRepoAlias: ie(D ?? {}),
+            sourcePath: $
+          }), I = ze(A), te = v._parentParamContext, H = v._accumulatedVariables, Z = D == null ? void 0 : D.parameters, q = Ie(
+            Z,
+            te,
+            H
+          ), ae = { ...I, ...q }, O = et(A), U = Le($), R = Pe(A), B = {
+            ...H ?? G,
+            ...R
+          }, z = v._accumulatedResources, ce = nt(A), de = st([
+            ...z ?? M,
+            ...ce
+          ]), pe = new Set(h.map((V) => V.id)), { templateNodes: oe, templateEdges: j } = Ye(
+            g.id,
+            W,
             e,
-            $,
-            ce,
-            ee,
+            t,
+            C,
             de,
-            F
-          ), se = /* @__PURE__ */ new Set(), ye = /* @__PURE__ */ new Set(), Ce = /* @__PURE__ */ new Map(), Ne = u.templateLocation === "variables" && Object.keys(w).length > 0;
-          if (Ne)
-            for (const V of d) {
-              const X = V.data;
-              if (X.dynamicPath && !X.expressionResolved) {
-                const T = we(
+            ae,
+            pe,
+            B
+          ), re = /* @__PURE__ */ new Set(), ye = /* @__PURE__ */ new Set(), Oe = /* @__PURE__ */ new Map(), we = v.templateLocation === "variables" && Object.keys(R).length > 0;
+          if (we)
+            for (const V of h) {
+              const Y = V.data;
+              if (Y.dynamicPath && !Y.expressionResolved) {
+                const S = ke(
                   V,
-                  w,
-                  t,
+                  R,
                   e,
-                  $,
-                  z
+                  t,
+                  C,
+                  M
                 );
-                if (T !== V) {
-                  se.add(V.id);
-                  const G = T.data;
-                  G.repoAlias && ye.add(V.id), Ce.set(V.id, G.filePath);
+                if (S !== V) {
+                  re.add(V.id);
+                  const J = S.data;
+                  J.repoAlias && ye.add(V.id), Oe.set(V.id, J.filePath);
                 }
               }
             }
-          r((V) => {
-            const X = new Set(V.map((q) => q.id)), T = ne.filter((q) => !X.has(q.id)), he = [...V.map((q) => q.id === p.id ? {
-              ...q,
+          i((V) => {
+            const Y = new Set(V.map((X) => X.id)), S = oe.filter((X) => !Y.has(X.id)), ge = [...V.map((X) => X.id === g.id ? {
+              ...X,
               data: {
-                ...q.data,
+                ...X.data,
                 status: "expanded",
                 templateCount: W.length,
                 totalParameterCount: O.length || void 0,
                 declaredParameterNames: O.length ? O : void 0
               }
-            } : Ne && se.has(q.id) ? we(
-              q,
-              w,
-              t,
+            } : we && re.has(X.id) ? ke(
+              X,
+              R,
               e,
-              $,
-              z
-            ) : q), ...T], dt = [...O.length ? be(
-              b.current,
-              p.id,
+              t,
+              C,
+              M
+            ) : X), ...S], yt = [...O.length ? xe(
+              w.current,
+              g.id,
               O
-            ) : b.current, ...M];
-            return Fe(he, dt).nodes;
-          }), i((V) => {
-            let X = O.length ? be(
+            ) : w.current, ...j];
+            return Ke(ge, yt).nodes;
+          }), c((V) => {
+            let Y = O.length ? xe(
               V,
-              p.id,
+              g.id,
               O
             ) : V;
-            return se.size > 0 && (X = X.map((T) => {
-              if (!se.has(T.target)) return T;
-              const G = T.data;
-              if (!(G != null && G.dynamicPath)) return T;
-              const he = ye.has(T.target);
+            return re.size > 0 && (Y = Y.map((S) => {
+              if (!re.has(S.target)) return S;
+              const J = S.data;
+              if (!(J != null && J.dynamicPath)) return S;
+              const ge = ye.has(S.target);
               return {
-                ...T,
+                ...S,
                 data: {
-                  ...G,
+                  ...J,
                   expressionResolved: !0,
-                  isExternal: he || G.isExternal || void 0,
-                  resolvedPath: Ce.get(T.target) ?? G.resolvedPath,
+                  isExternal: ge || J.isExternal || void 0,
+                  resolvedPath: Oe.get(S.target) ?? J.resolvedPath,
                   unresolvedExpressions: void 0
                 },
-                style: he ? {
+                style: ge ? {
                   stroke: "var(--badge-resources)",
                   strokeWidth: 2,
                   strokeDasharray: "6 3"
-                } : T.style,
-                markerEnd: he ? {
-                  type: xe.ArrowClosed,
+                } : S.style,
+                markerEnd: ge ? {
+                  type: Ae.ArrowClosed,
                   color: "var(--badge-resources)"
-                } : T.markerEnd
+                } : S.markerEnd
               };
-            })), [...X, ...M];
-          }), P({
-            nodeId: p.id,
-            label: u.label,
-            filePath: u.filePath,
-            yaml: E,
-            repoAlias: u.repoAlias
+            })), [...Y, ...j];
+          }), m({
+            nodeId: g.id,
+            label: v.label,
+            filePath: v.filePath,
+            yaml: x,
+            repoAlias: v.repoAlias
           });
-        } catch (E) {
-          const A = E instanceof Error ? E.message : String(E);
-          r(
-            (D) => D.map(
-              (C) => C.id === p.id ? {
-                ...C,
-                data: { ...C.data, status: "error", errorMessage: A }
-              } : C
+        } catch (x) {
+          const $ = x instanceof Error ? x.message : String(x);
+          i(
+            (A) => A.map(
+              (D) => D.id === g.id ? {
+                ...D,
+                data: { ...D.data, status: "error", errorMessage: $ }
+              } : D
             )
           );
         } finally {
-          L((E) => {
-            const A = new Set(E);
-            return A.delete(p.id), A;
+          F((x) => {
+            const $ = new Set(x);
+            return $.delete(g.id), $;
           });
         }
       }
     },
     [
-      t,
       e,
-      $,
+      t,
+      C,
       a,
-      z,
-      o,
+      M,
+      n,
+      d,
       m,
       P,
-      _,
-      r,
       i,
-      v
+      c,
+      u
     ]
-  ), $e = fe(() => {
-    ae((f) => (f || (x.current = /* @__PURE__ */ new Set(), N.current = ""), !f));
+  ), Me = ne(() => {
+    se((b) => (b || (k.current = /* @__PURE__ */ new Set(), y.current = ""), !b));
   }, []);
-  return n ? /* @__PURE__ */ s("div", { className: "pipeline-tree__empty", children: /* @__PURE__ */ c("div", { className: "loading-indicator", children: [
+  return o ? /* @__PURE__ */ s("div", { className: "pipeline-tree__empty", children: /* @__PURE__ */ l("div", { className: "loading-indicator", children: [
     /* @__PURE__ */ s("span", { className: "loading-indicator__spinner", children: "⏳" }),
     /* @__PURE__ */ s("span", { children: "Loading pipeline..." })
-  ] }) }) : l ? /* @__PURE__ */ s("div", { className: "error", children: l }) : a ? /* @__PURE__ */ c("div", { style: { width: "100%", height: "100%", position: "relative" }, children: [
-    /* @__PURE__ */ c(
-      Tt,
+  ] }) }) : r ? /* @__PURE__ */ s("div", { className: "error", children: r }) : a ? /* @__PURE__ */ l("div", { style: { width: "100%", height: "100%", position: "relative" }, children: [
+    /* @__PURE__ */ l(
+      ut,
       {
-        nodes: d,
-        edges: g,
-        onInit: (f) => {
-          S.current = f;
+        nodes: h,
+        edges: f,
+        onInit: (b) => {
+          E.current = b;
         },
-        onNodesChange: y,
-        onEdgesChange: R,
+        onNodesChange: p,
+        onEdgesChange: N,
         onNodeClick: K,
-        nodeTypes: Yt,
-        edgeTypes: Xt,
-        defaultEdgeOptions: Gt,
+        nodeTypes: ka,
+        edgeTypes: Ta,
+        defaultEdgeOptions: $a,
         fitView: !0,
         fitViewOptions: { padding: 0.2 },
         minZoom: 0.1,
@@ -987,521 +1562,434 @@ function qt() {
         proOptions: { hideAttribution: !0 },
         children: [
           /* @__PURE__ */ s(
-            $t,
+            mt,
             {
-              variant: Ct.Dots,
+              variant: Ft.Dots,
               color: "var(--border)",
               gap: 20
             }
           ),
-          /* @__PURE__ */ s(St, {})
+          /* @__PURE__ */ s(ht, {})
         ]
       }
     ),
-    /* @__PURE__ */ c("label", { className: "auto-expand-toggle", children: [
+    /* @__PURE__ */ l("label", { className: "auto-expand-toggle", children: [
       /* @__PURE__ */ s(
         "input",
         {
           type: "checkbox",
-          checked: k,
-          onChange: $e
+          checked: T,
+          onChange: Me
         }
       ),
       /* @__PURE__ */ s("span", { children: "Auto-expand all" })
     ] })
   ] }) : /* @__PURE__ */ s("div", { className: "pipeline-tree__empty", children: "Select a pipeline to visualize" });
 }
-function be(t, e, a) {
-  return t.map((n) => {
-    if (n.target !== e) return n;
-    const l = n.data ?? {};
+function xe(e, t, a) {
+  return e.map((o) => {
+    if (o.target !== t) return o;
+    const r = o.data ?? {};
     return {
-      ...n,
+      ...o,
       data: {
-        ...l,
+        ...r,
         totalParameterCount: a.length,
         declaredParameterNames: a
       }
     };
   });
 }
-function ke(t, e, a) {
-  if (!t || !e && !a)
-    return t;
-  const n = {};
-  for (const [l, o] of Object.entries(t))
-    if (typeof o == "string" && ue(o)) {
-      const { result: m, isFullyResolved: P } = yt(o, {
-        parameters: e,
+function Ie(e, t, a) {
+  if (!e || !t && !a)
+    return e;
+  const o = {};
+  for (const [r, n] of Object.entries(e))
+    if (typeof n == "string" && me(n)) {
+      const { result: d, isFullyResolved: m } = Dt(n, {
+        parameters: t,
         variables: a
       });
-      n[l] = P ? Jt(m) : o;
-    } else o && typeof o == "object" && !Array.isArray(o) ? n[l] = ke(
-      o,
-      e,
+      o[r] = m ? Ca(d) : n;
+    } else n && typeof n == "object" && !Array.isArray(n) ? o[r] = Ie(
+      n,
+      t,
       a
-    ) ?? o : n[l] = o;
-  return n;
+    ) ?? n : o[r] = n;
+  return o;
 }
-function Jt(t) {
-  if (t === "True" || t === "true") return !0;
-  if (t === "False" || t === "false") return !1;
-  if (t === "null") return null;
-  if (t.startsWith("{") && t.endsWith("}") || t.startsWith("[") && t.endsWith("]"))
+function Ca(e) {
+  if (e === "True" || e === "true") return !0;
+  if (e === "False" || e === "false") return !1;
+  if (e === "null") return null;
+  if (e.startsWith("{") && e.endsWith("}") || e.startsWith("[") && e.endsWith("]"))
     try {
-      return JSON.parse(t);
+      return JSON.parse(e);
     } catch {
     }
-  return t;
+  return e;
 }
-function qe(t) {
-  const e = t.resources;
-  if (!e) return [];
-  const a = e.repositories;
+function nt(e) {
+  const t = e.resources;
+  if (!t) return [];
+  const a = t.repositories;
   return Array.isArray(a) ? a.filter(
-    (n) => n != null && typeof n == "object" && "repository" in n && "name" in n && typeof n.repository == "string" && typeof n.name == "string"
+    (o) => o != null && typeof o == "object" && "repository" in o && "name" in o && typeof o.repository == "string" && typeof o.name == "string"
   ) : [];
 }
-function Je(t) {
-  const e = /* @__PURE__ */ new Map();
-  for (const a of t)
-    e.set(a.repository, a);
-  return Array.from(e.values());
+function st(e) {
+  const t = /* @__PURE__ */ new Map();
+  for (const a of e)
+    t.set(a.repository, a);
+  return Array.from(t.values());
 }
-function Zt(t, e) {
-  return `tpl::${t || "self"}::${e}`;
+function Da(e, t) {
+  return `tpl::${e || "self"}::${t}`;
 }
-function Ue(t, e, a, n, l, o, m, P, v) {
-  const d = /* @__PURE__ */ new Set(), r = [], y = [];
-  for (let g = 0; g < e.length; g++) {
-    const i = e[g];
-    let R = i.normalizedPath, S = !1, h = !0, N, b;
-    if (ue(i.normalizedPath)) {
-      S = !0, N = i.normalizedPath;
-      const f = Ee(
-        i.normalizedPath,
-        m,
+function Ye(e, t, a, o, r, n, d, m, u) {
+  const h = /* @__PURE__ */ new Set(), i = [], p = [];
+  for (let f = 0; f < t.length; f++) {
+    const c = t[f];
+    let N = c.normalizedPath, E = !1, _ = !0, y, w;
+    if (me(c.normalizedPath)) {
+      E = !0, y = c.normalizedPath;
+      const b = $e(
+        c.normalizedPath,
+        d,
         void 0,
-        v
+        u
       );
-      R = f.resolvedPath, h = f.isFullyResolved, b = f.unresolved.length ? f.unresolved : void 0;
+      N = b.resolvedPath, _ = b.isFullyResolved, w = b.unresolved.length ? b.unresolved : void 0;
     }
-    let _ = re(i), L = !1, x = !0;
-    if (_ && ue(_)) {
-      L = !0;
-      const f = Ee(
-        _,
-        m,
+    let P = ie(c), F = !1, k = !0;
+    if (P && me(P)) {
+      F = !0;
+      const b = $e(
+        P,
+        d,
         void 0,
-        v
+        u
       );
-      f.isFullyResolved ? _ = f.resolvedPath : (x = !1, b = [
-        ...b ?? [],
-        ...f.unresolved
+      b.isFullyResolved ? P = b.resolvedPath : (k = !1, w = [
+        ...w ?? [],
+        ...b.unresolved
       ]);
     }
-    const k = S || L, ae = h && x, { primary: $, fallback: z } = nt({
-      ...i,
-      normalizedPath: R,
-      repoAlias: i.repoAlias,
-      sourcePath: i.sourcePath
-    }), H = Zt(_, $);
-    if (d.has(H)) continue;
-    d.add(H);
-    const me = P == null ? void 0 : P.has(H);
+    const T = E || F, se = _ && k, { primary: C, fallback: M } = lt({
+      ...c,
+      normalizedPath: N,
+      repoAlias: c.repoAlias,
+      sourcePath: c.sourcePath
+    }), G = Da(P, C);
+    if (h.has(G)) continue;
+    h.add(G);
+    const fe = m == null ? void 0 : m.has(G);
     let K;
-    if (i.conditional && i.conditionExpression)
+    if (c.conditional && c.conditionExpression)
       try {
-        const f = _t(i.conditionExpression, {
-          parameters: m,
-          variables: v
+        const b = St(c.conditionExpression, {
+          parameters: d,
+          variables: u
         });
-        typeof f == "boolean" ? K = f : f === void 0 || f === i.conditionExpression ? K = "unknown" : K = !!f;
+        typeof b == "boolean" ? K = b : b === void 0 || b === c.conditionExpression ? K = "unknown" : K = !!b;
       } catch {
         K = "unknown";
       }
-    else i.conditional && (K = "unknown");
+    else c.conditional && (K = "unknown");
     if (K === !1) continue;
-    if (!me) {
-      const f = R.length > 40 ? `...${R.slice(-37)}` : R, { repoInfo: p, adoUrl: u } = lt(
-        i,
-        _,
-        $,
+    if (!fe) {
+      const b = N.length > 40 ? `...${N.slice(-37)}` : N, { repoInfo: g, adoUrl: v } = bt(
+        c,
+        P,
+        C,
         a,
-        n,
-        l,
-        o
-      ), E = ke(
-        i.parameters,
-        m,
-        v
-      ), A = _ !== re(i) || E !== i.parameters ? {
-        ...i,
-        repoAlias: _ || i.repoAlias,
-        contextRepoAlias: _ || i.contextRepoAlias,
-        parameters: E
-      } : i;
-      r.push({
-        id: H,
+        o,
+        r,
+        n
+      ), x = Ie(
+        c.parameters,
+        d,
+        u
+      ), $ = P !== ie(c) || x !== c.parameters ? {
+        ...c,
+        repoAlias: P || c.repoAlias,
+        contextRepoAlias: P || c.contextRepoAlias,
+        parameters: x
+      } : c;
+      i.push({
+        id: G,
         type: "fileNode",
         position: { x: 0, y: 0 },
         data: {
-          label: f,
-          filePath: $,
-          repoAlias: _,
+          label: b,
+          filePath: C,
+          repoAlias: P,
           templateCount: 0,
           status: "collapsed",
           isRoot: !1,
-          baseDir: Ae($),
-          adoUrl: u,
-          repoInfo: p,
-          templateLocation: i.location,
+          baseDir: Le(C),
+          adoUrl: v,
+          repoInfo: g,
+          templateLocation: c.location,
           // Dynamic path info for auto-expand to skip unresolved expression paths
-          dynamicPath: k || void 0,
-          expressionResolved: k ? ae : void 0,
+          dynamicPath: T || void 0,
+          expressionResolved: T ? se : void 0,
           // Stash the resolved ref for expansion (with resolved repo alias + params)
-          _ref: A,
+          _ref: $,
           // Stash fallback path for fetch retry (repo-root-relative)
-          _fallbackPath: z,
+          _fallbackPath: M,
           // Stash the parent's parameter context so it can flow down during expansion
-          _parentParamContext: m,
+          _parentParamContext: d,
           // Stash accumulated resources (root + all ancestor template resources)
-          _accumulatedResources: o,
+          _accumulatedResources: n,
           // Stash accumulated variables for expression resolution in descendants
-          _accumulatedVariables: v,
+          _accumulatedVariables: u,
           // Condition evaluation result for conditional refs
           // true = expand, false = skip, 'unknown' = expand when autoExpandAll
           _conditionResult: K
         }
       });
     }
-    const $e = i.location === "extends" ? "extends" : i.location === "extends-parameters" ? "extends param" : i.location, le = !!_, ve = i.parameters ? Object.keys(i.parameters) : void 0;
-    y.push({
-      id: `${t}->${H}`,
-      source: t,
-      target: H,
+    const Me = c.location === "extends" ? "extends" : c.location === "extends-parameters" ? "extends param" : c.location, le = !!P, be = c.parameters ? Object.keys(c.parameters) : void 0;
+    p.push({
+      id: `${e}->${G}`,
+      source: e,
+      target: G,
       type: "templateEdge",
       data: {
-        edgeLabel: $e,
-        parameterNames: ve,
+        edgeLabel: Me,
+        parameterNames: be,
         isExternal: le || void 0,
-        conditional: i.conditional || void 0,
-        conditionExpression: i.conditionExpression,
+        conditional: c.conditional || void 0,
+        conditionExpression: c.conditionExpression,
         conditionResult: K,
-        dynamicPath: k || void 0,
-        expressionResolved: k ? ae : void 0,
-        originalPath: N || (L ? i.rawPath : void 0),
-        resolvedPath: k ? $ : void 0,
-        unresolvedExpressions: b
+        dynamicPath: T || void 0,
+        expressionResolved: T ? se : void 0,
+        originalPath: y || (F ? c.rawPath : void 0),
+        resolvedPath: T ? C : void 0,
+        unresolvedExpressions: w
       },
       style: le ? {
         stroke: "var(--badge-resources)",
         strokeWidth: 2,
         strokeDasharray: "6 3"
       } : void 0,
-      markerEnd: le ? { type: xe.ArrowClosed, color: "var(--badge-resources)" } : void 0
+      markerEnd: le ? { type: Ae.ArrowClosed, color: "var(--badge-resources)" } : void 0
     });
   }
-  return { templateNodes: r, templateEdges: y };
+  return { templateNodes: i, templateEdges: p };
 }
-async function Ve(t, e, a, n, l, o, m, P) {
-  const v = n._ref;
-  if (!v) throw new Error("No template reference on this node");
-  const d = n.filePath, r = n._fallbackPath, y = re(v), g = `${y || ""}:${d}`, i = o.get(g);
-  if (i) return { content: i, actualPath: d };
-  if (r) {
-    const x = `${y || ""}:${r}`, k = o.get(x);
-    if (k)
-      return { content: k, actualPath: r };
+async function Je(e, t, a, o, r, n, d, m) {
+  const u = o._ref;
+  if (!u) throw new Error("No template reference on this node");
+  const h = o.filePath, i = o._fallbackPath, p = ie(u), f = `${p || ""}:${h}`, c = n.get(f);
+  if (c) return { content: c, actualPath: h };
+  if (i) {
+    const k = `${p || ""}:${i}`, T = n.get(k);
+    if (T)
+      return { content: T, actualPath: i };
   }
-  const S = n._accumulatedResources ?? l;
-  let h = e, N = a, b;
-  if (y && S.length) {
-    const x = st(y, S);
-    x ? (h = x.project || e, N = x.repoName, b = x.ref) : N = y;
-  } else y && (N = y);
-  let _, L = d;
+  const E = o._accumulatedResources ?? r;
+  let _ = t, y = a, w;
+  if (p && E.length) {
+    const k = ct(p, E);
+    k ? (_ = k.project || t, y = k.repoName, w = k.ref) : y = p;
+  } else p && (y = p);
+  let P, F = h;
   try {
-    _ = await P(
-      t,
+    P = await m(
+      e,
+      _,
+      y,
       h,
-      N,
-      d,
-      b
+      w
     );
-  } catch (x) {
-    if (r)
-      _ = await P(
-        t,
-        h,
-        N,
-        r,
-        b
-      ), L = r;
+  } catch (k) {
+    if (i)
+      P = await m(
+        e,
+        _,
+        y,
+        i,
+        w
+      ), F = i;
     else
-      throw x;
+      throw k;
   }
-  return m(`${y || ""}:${L}`, _.content), { content: _.content, actualPath: L };
+  return d(`${p || ""}:${F}`, P.content), { content: P.content, actualPath: F };
 }
-function Ae(t) {
-  const e = t.replace(/\\/g, "/"), a = e.lastIndexOf("/");
-  return a > 0 ? e.slice(0, a) : "";
+function Le(e) {
+  const t = e.replace(/\\/g, "/"), a = t.lastIndexOf("/");
+  return a > 0 ? t.slice(0, a) : "";
 }
-function lt(t, e, a, n, l, o, m) {
-  let P = l, v = o, d, r;
-  if (e && m.length) {
-    const g = st(e, m), i = m.find(
-      (R) => R.repository === e
+function bt(e, t, a, o, r, n, d) {
+  let m = r, u = n, h, i;
+  if (t && d.length) {
+    const f = ct(t, d), c = d.find(
+      (N) => N.repository === t
     );
-    g ? (P = g.project || l, v = g.repoName, d = g.ref) : v = e, i && (r = {
-      alias: e,
-      fullName: i.name,
-      type: i.type,
-      ref: i.ref,
-      project: g == null ? void 0 : g.project
+    f ? (m = f.project || r, u = f.repoName, h = f.ref) : u = t, c && (i = {
+      alias: t,
+      fullName: c.name,
+      type: c.type,
+      ref: c.ref,
+      project: f == null ? void 0 : f.project
     });
-  } else e && (v = e);
-  const y = n && P && v ? at({
-    org: n,
-    project: P,
-    repoName: v,
+  } else t && (u = t);
+  const p = o && m && u ? it({
+    org: o,
+    project: m,
+    repoName: u,
     filePath: a,
-    ref: d
+    ref: h
   }) : void 0;
-  return { repoInfo: r, adoUrl: y };
+  return { repoInfo: i, adoUrl: p };
 }
-function we(t, e, a, n, l, o) {
-  const m = t.data, v = { ...m._accumulatedVariables ?? {}, ...e }, d = m._ref;
-  if (!d) return t;
-  const r = m._parentParamContext;
-  let y = d.normalizedPath, g = !1, i = !0, R = re(d);
-  if (ue(d.normalizedPath)) {
-    g = !0;
-    const x = Ee(
-      d.normalizedPath,
-      r,
+function ke(e, t, a, o, r, n) {
+  const d = e.data, u = { ...d._accumulatedVariables ?? {}, ...t }, h = d._ref;
+  if (!h) return e;
+  const i = d._parentParamContext;
+  let p = h.normalizedPath, f = !1, c = !0, N = ie(h);
+  if (me(h.normalizedPath)) {
+    f = !0;
+    const k = $e(
+      h.normalizedPath,
+      i,
       void 0,
-      v
+      u
     );
-    if (y = x.resolvedPath, i = x.isFullyResolved, i && !ue(y)) {
-      const k = vt(y);
-      y = k.normalizedPath, k.repoAlias && (R = k.repoAlias);
+    if (p = k.resolvedPath, c = k.isFullyResolved, c && !me(p)) {
+      const T = Ct(p);
+      p = T.normalizedPath, T.repoAlias && (N = T.repoAlias);
     }
   }
-  if (R && ue(R)) {
-    g = !0;
-    const x = Ee(
-      R,
-      r,
+  if (N && me(N)) {
+    f = !0;
+    const k = $e(
+      N,
+      i,
       void 0,
-      v
+      u
     );
-    x.isFullyResolved ? R = x.resolvedPath : i = !1;
+    k.isFullyResolved ? N = k.resolvedPath : c = !1;
   }
-  const S = {
-    ...d,
-    normalizedPath: y,
-    repoAlias: R || d.repoAlias,
-    contextRepoAlias: R || d.contextRepoAlias
-  }, { primary: h, fallback: N } = nt({
-    ...S,
-    normalizedPath: y,
-    repoAlias: S.repoAlias,
-    sourcePath: d.sourcePath
-  }), b = y.length > 40 ? `...${y.slice(-37)}` : y, { repoInfo: _, adoUrl: L } = a && n && l && o ? lt(
-    S,
-    R,
-    h,
+  const E = {
+    ...h,
+    normalizedPath: p,
+    repoAlias: N || h.repoAlias,
+    contextRepoAlias: N || h.contextRepoAlias
+  }, { primary: _, fallback: y } = lt({
+    ...E,
+    normalizedPath: p,
+    repoAlias: E.repoAlias,
+    sourcePath: h.sourcePath
+  }), w = p.length > 40 ? `...${p.slice(-37)}` : p, { repoInfo: P, adoUrl: F } = a && o && r && n ? bt(
+    E,
+    N,
+    _,
     a,
-    n,
-    l,
-    o
+    o,
+    r,
+    n
   ) : { repoInfo: void 0, adoUrl: void 0 };
   return {
-    ...t,
+    ...e,
     data: {
-      ...t.data,
-      label: b,
-      filePath: h,
-      repoAlias: R,
-      baseDir: Ae(h),
-      dynamicPath: g || void 0,
-      expressionResolved: g ? i : void 0,
-      adoUrl: L || t.data.adoUrl,
-      repoInfo: _ || t.data.repoInfo,
-      _ref: S,
-      _accumulatedVariables: v,
-      _fallbackPath: N
+      ...e.data,
+      label: w,
+      filePath: _,
+      repoAlias: N,
+      baseDir: Le(_),
+      dynamicPath: f || void 0,
+      expressionResolved: f ? c : void 0,
+      adoUrl: F || e.data.adoUrl,
+      repoInfo: P || e.data.repoInfo,
+      _ref: E,
+      _accumulatedVariables: u,
+      _fallbackPath: y
     }
   };
 }
-const Me = "7.1";
-function Be(t, e) {
-  return `https://dev.azure.com/${encodeURIComponent(t)}/${encodeURIComponent(e)}/_apis`;
-}
-function Qt(t) {
-  return t.startsWith("refs/heads/") ? { version: t.slice(11), versionType: "branch" } : t.startsWith("refs/tags/") ? { version: t.slice(10), versionType: "tag" } : /^[0-9a-f]{40}$/i.test(t) ? { version: t, versionType: "commit" } : { version: t, versionType: "branch" };
-}
-async function We(t) {
-  const e = await fetch(t, { credentials: "include" });
-  if (!e.ok) {
-    const a = await e.text();
-    throw new Error(`ADO API error (${e.status}): ${a}`);
-  }
-  return e;
-}
-async function it(t, e, a, n, l) {
-  const o = n.startsWith("/") ? n : `/${n}`, m = Nt(o);
-  let P = `${Be(t, e)}/git/repositories/${encodeURIComponent(a)}/items?path=${encodeURIComponent(m)}&api-version=${Me}&includeContent=true&$format=text`;
-  if (l) {
-    const d = Qt(l);
-    P += `&versionDescriptor.version=${encodeURIComponent(d.version)}&versionDescriptor.versionType=${d.versionType}`;
-  }
-  return (await We(P)).text();
-}
-async function ea(t, e) {
-  const a = `${Be(t, e)}/pipelines?api-version=${Me}`;
-  return (await (await We(a)).json()).value;
-}
-async function ta(t, e, a) {
-  var v, d, r, y, g;
-  const n = `${Be(t, e)}/build/definitions/${a}?api-version=${Me}`, o = await (await We(n)).json(), m = {
-    id: o.id,
-    name: o.name,
-    path: ((v = o.process) == null ? void 0 : v.yamlFilename) ?? o.path,
-    repository: {
-      id: (d = o.repository) == null ? void 0 : d.id,
-      name: (r = o.repository) == null ? void 0 : r.name,
-      type: (y = o.repository) == null ? void 0 : y.type,
-      defaultBranch: (g = o.repository) == null ? void 0 : g.defaultBranch
-    }
-  }, P = await it(
-    t,
-    e,
-    m.repository.id,
-    m.path,
-    m.repository.defaultBranch
-  );
-  return { definition: m, yaml: P };
-}
-async function aa(t, e, a, n, l) {
-  return { content: await it(t, e, a, n, l), path: n, repoId: a, repoName: a, branch: l || "" };
-}
-async function na() {
-  return { customTaskDocs: {} };
-}
-async function sa(t) {
-  return { tasks: [], cached: !1 };
-}
-const oa = "/api";
-var Qe;
-const ge = typeof window < "u" && ((Qe = window.location) == null ? void 0 : Qe.protocol) === "chrome-extension:";
-async function _e(t) {
-  const e = await fetch(`${oa}${t}`);
-  if (!e.ok) {
-    const a = await e.text();
-    throw new Error(`API error (${e.status}): ${a}`);
-  }
-  return e.json();
-}
-function wa(t, e) {
-  return ge ? ea(t, e) : _e(`/${t}/${e}/pipelines`);
-}
-function ra(t, e, a) {
-  return ge ? ta(t, e, a) : _e(`/${t}/${e}/pipelines/${a}/yaml`);
-}
-function ct(t, e, a, n, l) {
-  if (ge)
-    return aa(t, e, a, n, l);
-  const o = new URLSearchParams({ repo: a, path: n });
-  return l && o.set("branch", l), _e(`/${t}/${e}/file-by-repo-name?${o}`);
-}
-function la() {
-  return ge ? na() : _e("/config/task-docs");
-}
-function ia(t) {
-  return ge ? sa() : _e(`/${t}/schema/tasks`);
-}
-function ca(t) {
+function Aa(e) {
   const {
-    setConnection: e,
+    setConnection: t,
     setSelectedPipeline: a,
-    setSelectedPipelineLoading: n,
-    setSelectedPipelineError: l
-  } = Te(), [o, m] = Z(""), [P, v] = Z(null), [d, r] = Z(!1), y = te(!1);
-  oe(() => {
-    if (y.current) return;
-    y.current = !0;
-    const h = new URLSearchParams(window.location.search), N = t.fileUrl || h.get("url"), b = t.org || h.get("org"), _ = t.project || h.get("project"), L = t.repo || h.get("repo"), x = t.path || h.get("path"), k = t.branch || h.get("branch") || void 0, ae = t.pipelineId ?? (h.get("pipelineId") ? Number(h.get("pipelineId")) : null);
-    if (N)
-      m(N), g(N);
-    else if (b && _ && L && x) {
-      const $ = `https://dev.azure.com/${b}/${_}/_git/${L}?path=${x}${k ? `&version=GB${k}` : ""}`;
-      m($), g($);
-    } else b && _ && ae != null && i(b, _, ae);
+    setSelectedPipelineLoading: o,
+    setSelectedPipelineError: r
+  } = Ve(), [n, d] = L(""), [m, u] = L(null), [h, i] = L(!1), p = Q(!1);
+  ee(() => {
+    if (p.current) return;
+    p.current = !0;
+    const _ = new URLSearchParams(window.location.search), y = e.fileUrl || _.get("url"), w = e.org || _.get("org"), P = e.project || _.get("project"), F = e.repo || _.get("repo"), k = e.path || _.get("path"), T = e.branch || _.get("branch") || void 0, se = e.pipelineId ?? (_.get("pipelineId") ? Number(_.get("pipelineId")) : null);
+    if (y)
+      d(y), f(y);
+    else if (w && P && F && k) {
+      const C = `https://dev.azure.com/${w}/${P}/_git/${F}?path=${k}${T ? `&version=GB${T}` : ""}`;
+      d(C), f(C);
+    } else w && P && se != null && c(w, P, se);
   }, []);
-  const g = async (h) => {
-    const N = Pt(h);
-    if (!N) {
-      v("Invalid Azure DevOps URL");
+  const f = async (_) => {
+    const y = At(_);
+    if (!y) {
+      u("Invalid Azure DevOps URL");
       return;
     }
-    e(N.org, N.project), n(!0), l(null), r(!0);
+    t(y.org, y.project), o(!0), r(null), i(!0);
     try {
-      const b = await ct(
-        N.org,
-        N.project,
-        N.repoName,
-        N.filePath,
-        N.branch
+      const w = await _t(
+        y.org,
+        y.project,
+        y.repoName,
+        y.filePath,
+        y.branch
       );
       a({
         definition: {
           id: 0,
-          name: N.filePath.split("/").pop() || N.filePath,
-          path: N.filePath,
+          name: y.filePath.split("/").pop() || y.filePath,
+          path: y.filePath,
           repository: {
-            id: b.repoId,
-            name: b.repoName,
+            id: w.repoId,
+            name: w.repoName,
             type: "git",
-            defaultBranch: b.branch || ""
+            defaultBranch: w.branch || ""
           }
         },
-        yaml: b.content
+        yaml: w.content
       });
-    } catch (b) {
-      l(
-        b instanceof Error ? b.message : String(b)
+    } catch (w) {
+      r(
+        w instanceof Error ? w.message : String(w)
       );
     } finally {
-      n(!1), r(!1);
+      o(!1), i(!1);
     }
-  }, i = async (h, N, b) => {
-    e(h, N), n(!0), l(null);
+  }, c = async (_, y, w) => {
+    t(_, y), o(!0), r(null);
     try {
-      const _ = await ra(h, N, b);
-      a(_);
-    } catch (_) {
-      l(
-        _ instanceof Error ? _.message : String(_)
+      const P = await qt(_, y, w);
+      a(P);
+    } catch (P) {
+      r(
+        P instanceof Error ? P.message : String(P)
       );
     } finally {
-      n(!1);
+      o(!1);
     }
-  }, R = async () => {
-    o.trim() && (v(null), await g(o.trim()));
+  }, N = async () => {
+    n.trim() && (u(null), await f(n.trim()));
   };
-  return /* @__PURE__ */ c("div", { className: "pipeline-url-bar", children: [
+  return /* @__PURE__ */ l("div", { className: "pipeline-url-bar", children: [
     /* @__PURE__ */ s(
       "input",
       {
         type: "text",
         className: "pipeline-url-bar__input",
         placeholder: "https://dev.azure.com/{org}/{project}/_git/{repo}?path=/{pipeline}.yml",
-        value: o,
-        onChange: (h) => m(h.target.value),
-        onKeyDown: (h) => {
-          h.key === "Enter" && (h.preventDefault(), R());
+        value: n,
+        onChange: (_) => d(_.target.value),
+        onKeyDown: (_) => {
+          _.key === "Enter" && (_.preventDefault(), N());
         }
       }
     ),
@@ -1509,104 +1997,136 @@ function ca(t) {
       "button",
       {
         className: "pipeline-url-bar__btn",
-        onClick: R,
-        disabled: !o.trim() || d,
-        children: d ? "⏳ Loading..." : "Load"
+        onClick: N,
+        disabled: !n.trim() || h,
+        children: h ? "⏳ Loading..." : "Load"
       }
     ),
-    P && /* @__PURE__ */ s("div", { className: "pipeline-url-bar__error", children: P })
+    m && /* @__PURE__ */ s("div", { className: "pipeline-url-bar__error", children: m })
   ] });
 }
-const da = 280, pa = 900, ua = 420;
-function ma(t) {
-  const { setCustomTaskDocs: e, setTaskSchema: a, selectedNodeDetail: n, org: l } = Te(), [o, m] = Z(ua), P = te(!1);
-  oe(() => {
-    la().then((d) => e(d.customTaskDocs)).catch(() => {
+function Ia() {
+  const e = () => window.location.hash.startsWith("#/commit-flow") ? "commit-flow" : "pipeline", [t, a] = L(e);
+  return ee(() => {
+    const r = () => a(e());
+    return window.addEventListener("hashchange", r), () => window.removeEventListener("hashchange", r);
+  }, []), [t, (r) => {
+    window.location.hash = r === "pipeline" ? "#/" : `#/${r}`;
+  }];
+}
+const La = 280, Ba = 900, Fa = 420;
+function Ua(e) {
+  const { setCustomTaskDocs: t, setTaskSchema: a, selectedNodeDetail: o, org: r } = Ve(), [n, d] = L(Fa), m = Q(!1), [u, h] = Ia();
+  ee(() => {
+    Yt().then((p) => t(p.customTaskDocs)).catch(() => {
     });
-  }, [e]), oe(() => {
-    l && ia(l).then((d) => a(d.tasks)).catch(() => {
+  }, [t]), ee(() => {
+    r && Jt(r).then((p) => a(p.tasks)).catch(() => {
     });
-  }, [l, a]);
-  const v = fe(
-    (d) => {
-      d.preventDefault(), P.current = !0;
-      const r = d.clientX, y = o;
+  }, [r, a]);
+  const i = ne(
+    (p) => {
+      p.preventDefault(), m.current = !0;
+      const f = p.clientX, c = n;
       document.body.style.cursor = "col-resize", document.body.style.userSelect = "none";
-      const g = (R) => {
-        const S = r - R.clientX, h = Math.min(
-          pa,
-          Math.max(da, y + S)
+      const N = (_) => {
+        const y = f - _.clientX, w = Math.min(
+          Ba,
+          Math.max(La, c + y)
         );
-        m(h);
-      }, i = () => {
-        P.current = !1, document.body.style.cursor = "", document.body.style.userSelect = "", window.removeEventListener("mousemove", g), window.removeEventListener("mouseup", i);
+        d(w);
+      }, E = () => {
+        m.current = !1, document.body.style.cursor = "", document.body.style.userSelect = "", window.removeEventListener("mousemove", N), window.removeEventListener("mouseup", E);
       };
-      window.addEventListener("mousemove", g), window.addEventListener("mouseup", i);
+      window.addEventListener("mousemove", N), window.addEventListener("mouseup", E);
     },
-    [o]
+    [n]
   );
-  return /* @__PURE__ */ s(Vt, { value: ct, children: /* @__PURE__ */ c("div", { className: "app", children: [
-    /* @__PURE__ */ c("header", { className: "app__header", children: [
+  return /* @__PURE__ */ s(va, { value: _t, children: /* @__PURE__ */ l("div", { className: "app", children: [
+    /* @__PURE__ */ l("header", { className: "app__header", children: [
       /* @__PURE__ */ s("h1", { children: "🔧 Azure Pipelines Visualizer" }),
-      /* @__PURE__ */ s(Ie, { children: /* @__PURE__ */ s(ca, { ...t }) })
-    ] }),
-    /* @__PURE__ */ c("main", { className: "app__main", children: [
-      /* @__PURE__ */ s("section", { className: "app__content", children: /* @__PURE__ */ s(Ie, { children: /* @__PURE__ */ s(qt, {}) }) }),
-      n && /* @__PURE__ */ c(et, { children: [
+      /* @__PURE__ */ l("nav", { className: "app__nav", children: [
         /* @__PURE__ */ s(
-          "div",
+          "button",
           {
-            className: "app__detail-resize-handle",
-            onMouseDown: v,
-            title: "Drag to resize"
+            className: `app__nav-btn ${u === "pipeline" ? "app__nav-btn--active" : ""}`,
+            onClick: () => h("pipeline"),
+            type: "button",
+            children: "Pipeline Templates"
           }
         ),
-        /* @__PURE__ */ s("aside", { className: "app__detail", style: { width: o }, children: /* @__PURE__ */ s(Ie, { children: /* @__PURE__ */ s(Lt, {}) }) })
-      ] })
+        /* @__PURE__ */ s(
+          "button",
+          {
+            className: `app__nav-btn ${u === "commit-flow" ? "app__nav-btn--active" : ""}`,
+            onClick: () => h("commit-flow"),
+            type: "button",
+            children: "Commit Flow"
+          }
+        )
+      ] }),
+      u === "pipeline" && /* @__PURE__ */ s(Re, { children: /* @__PURE__ */ s(Aa, { ...e }) })
+    ] }),
+    /* @__PURE__ */ l("main", { className: "app__main", children: [
+      u === "pipeline" && /* @__PURE__ */ l(Xe, { children: [
+        /* @__PURE__ */ s("section", { className: "app__content", children: /* @__PURE__ */ s(Re, { children: /* @__PURE__ */ s(Sa, {}) }) }),
+        o && /* @__PURE__ */ l(Xe, { children: [
+          /* @__PURE__ */ s(
+            "div",
+            {
+              className: "app__detail-resize-handle",
+              onMouseDown: i,
+              title: "Drag to resize"
+            }
+          ),
+          /* @__PURE__ */ s("aside", { className: "app__detail", style: { width: n }, children: /* @__PURE__ */ s(Re, { children: /* @__PURE__ */ s(ga, {}) }) })
+        ] })
+      ] }),
+      u === "commit-flow" && /* @__PURE__ */ s("section", { className: "app__content", children: /* @__PURE__ */ s(Re, { children: /* @__PURE__ */ s(ma, {}) }) })
     ] })
   ] }) });
 }
-var Oe, Re = Dt;
+var Ze, Te = Mt;
 if (process.env.NODE_ENV === "production")
-  Oe = Re.createRoot, Re.hydrateRoot;
+  Ze = Te.createRoot, Te.hydrateRoot;
 else {
-  var Ze = Re.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-  Oe = function(t, e) {
-    Ze.usingClientEntryPoint = !0;
+  var ot = Te.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+  Ze = function(e, t) {
+    ot.usingClientEntryPoint = !0;
     try {
-      return Re.createRoot(t, e);
+      return Te.createRoot(e, t);
     } finally {
-      Ze.usingClientEntryPoint = !1;
+      ot.usingClientEntryPoint = !1;
     }
   };
 }
-function Ra(t, e = {}) {
-  let a = { ...e };
-  const n = Oe(t);
-  function l(o) {
-    n.render(ht(ma, o));
+function Ya(e, t = {}) {
+  let a = { ...t };
+  const o = Ze(e);
+  function r(n) {
+    o.render(Rt(Ua, n));
   }
-  return l(a), {
-    unmount: () => n.unmount(),
-    update: (o) => {
-      a = { ...a, ...o }, l(a);
+  return r(a), {
+    unmount: () => o.unmount(),
+    update: (n) => {
+      a = { ...a, ...n }, r(a);
     }
   };
 }
 export {
-  ma as App,
-  Lt as DetailPanel,
-  Ie as ErrorBoundary,
-  Bt as FileNode,
-  qt as PipelineDiagram,
-  ca as PipelineSelector,
-  Kt as TemplateEdge,
-  ct as fetchFileByRepoName,
-  ra as fetchPipelineYaml,
-  wa as fetchPipelines,
-  la as fetchTaskDocsConfig,
-  ia as fetchTaskSchema,
-  Fe as getLayoutedElements,
-  Ra as mount,
-  Te as usePipelineStore
+  Ua as App,
+  ga as DetailPanel,
+  Re as ErrorBoundary,
+  wa as FileNode,
+  Sa as PipelineDiagram,
+  Aa as PipelineSelector,
+  xa as TemplateEdge,
+  _t as fetchFileByRepoName,
+  qt as fetchPipelineYaml,
+  qa as fetchPipelines,
+  Yt as fetchTaskDocsConfig,
+  Jt as fetchTaskSchema,
+  Ke as getLayoutedElements,
+  Ya as mount,
+  Ve as usePipelineStore
 };