@meirblachman/azure-pipelines-visualizer 0.2.2 → 0.2.3

package/dist/web/lib/index.js

@@ -1,124 +1,658 @@
-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 Je } from "react/jsx-runtime";
+import { memo as Ze, useMemo as ve, useEffect as ee, useCallback as ne, useState as L, useRef as Q, Component as yt, createContext as wt, useContext as Pt, createElement as Et } from "react";
+import { collapsePath as Rt, parseAdoCommitUrl as xt, parseYaml as ue, extractTaskReferences as kt, resolveTaskDocUrl as Tt, extractVariableValues as Pe, detectTemplateReferences as Oe, extractParameterDefaults as ze, buildAdoFileUrl as rt, getEffectiveRepoAlias as ie, extractDeclaredParameterNames as Qe, pathHasExpressions as me, resolveExpressionPath as Te, resolveTemplateRefPaths as it, evaluateExpression as $t, resolveTemplateSource as lt, parseTemplatePath as St, resolveAllExpressions as Ct, parseAdoUrl as Dt } from "@meirblachman/azure-pipelines-visualizer-core";
+import $e from "@dagrejs/dagre";
+import { Handle as Se, Position as Ce, useNodesState as ct, useEdgesState as dt, ReactFlow as pt, Background as ut, Controls as mt, getBezierPath as At, BaseEdge as It, EdgeLabelRenderer as Lt, MarkerType as De, BackgroundVariant as Ft } from "@xyflow/react";
+import Bt from "@monaco-editor/react";
+import { create as Ut } from "zustand";
+import Mt from "react-dom";
+const Le = "7.1";
+function Fe(e, t) {
+  return `https://dev.azure.com/${encodeURIComponent(e)}/${encodeURIComponent(t)}/_apis`;
+}
+function Vt(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 Be(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 ht(e, t, a, o, r) {
+  const n = o.startsWith("/") ? o : `/${o}`, c = Rt(n);
+  let d = `${Fe(e, t)}/git/repositories/${encodeURIComponent(a)}/items?path=${encodeURIComponent(c)}&api-version=${Le}&includeContent=true&$format=text`;
+  if (r) {
+    const h = Vt(r);
+    d += `&versionDescriptor.version=${encodeURIComponent(h.version)}&versionDescriptor.versionType=${h.versionType}`;
+  }
+  return (await Be(d)).text();
+}
+async function Ot(e, t) {
+  const a = `${Fe(e, t)}/pipelines?api-version=${Le}`;
+  return (await (await Be(a)).json()).value;
+}
+async function zt(e, t, a) {
+  var u, h, i, m, f;
+  const o = `${Fe(e, t)}/build/definitions/${a}?api-version=${Le}`, n = await (await Be(o)).json(), c = {
+    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: (m = n.repository) == null ? void 0 : m.type,
+      defaultBranch: (f = n.repository) == null ? void 0 : f.defaultBranch
+    }
+  }, d = await ht(
+    e,
+    t,
+    c.repository.id,
+    c.path,
+    c.repository.defaultBranch
+  );
+  return { definition: c, yaml: d };
+}
+async function jt(e, t, a, o, r) {
+  return { content: await ht(e, t, a, o, r), path: o, repoId: a, repoName: a, branch: r || "" };
+}
+async function Wt() {
+  return { customTaskDocs: {} };
+}
+async function Ht(e) {
+  return { tasks: [], cached: !1 };
+}
+async function Kt(e, t, a, o) {
+  const r = new URLSearchParams({
+    "api-version": Le,
+    repositoryId: a,
+    repositoryType: "TfsGit",
+    sourceVersion: o,
+    queryOrder: "queueTimeAscending",
+    maxBuildsPerDefinition: "50"
+  }), n = `${Fe(e, t)}/build/builds?${r}`;
+  return (await (await Be(n)).json()).value ?? [];
+}
+const ft = "/api";
+var ot;
+const he = typeof window < "u" && ((ot = window.location) == null ? void 0 : ot.protocol) === "chrome-extension:";
+async function Ne(e) {
+  const t = await fetch(`${ft}${e}`);
+  if (!t.ok) {
+    const a = await t.text();
+    throw new Error(`API error (${t.status}): ${a}`);
+  }
+  return t.json();
+}
+function Ka(e, t) {
+  return he ? Ot(e, t) : Ne(`/${e}/${t}/pipelines`);
+}
+function Gt(e, t, a) {
+  return he ? zt(e, t, a) : Ne(`/${e}/${t}/pipelines/${a}/yaml`);
+}
+function gt(e, t, a, o, r) {
+  if (he)
+    return jt(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 qt() {
+  return he ? Wt() : Ne("/config/task-docs");
+}
+function Yt(e) {
+  return he ? Ht() : Ne(`/${e}/schema/tasks`);
+}
+function Jt(e, t, a, o, r, n, c) {
+  const d = new AbortController();
+  if (he)
+    return Kt(e, t, a, o).then((m) => {
+      r(m), n();
+    }).catch(
+      (m) => c(m instanceof Error ? m.message : String(m))
+    ), d;
+  const u = new URLSearchParams({ repoName: a, commitSha: o }), h = `${ft}/${e}/${t}/commit-flow/stream?${u}`, i = new EventSource(h);
+  return d.signal.addEventListener("abort", () => i.close()), i.addEventListener("builds", (m) => {
+    try {
+      const f = JSON.parse(m.data);
+      r(f);
+    } catch {
+    }
+  }), i.addEventListener("done", () => {
+    i.close(), n();
+  }), i.addEventListener("error", (m) => {
+    i.close();
+    const f = m instanceof MessageEvent && m.data ? JSON.parse(m.data).error : "Connection lost";
+    c(f);
+  }), d;
+}
+function je(e) {
+  return e ? new Date(e).toLocaleString() : "—";
+}
+function Xt(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 c = Math.floor(r / 60), d = r % 60;
+  return `${c}h ${d}m`;
+}
+function Zt(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 Qt({
+  build: e,
+  onClose: t
+}) {
+  var n, c;
+  const a = Zt(e.status, e.result), o = Xt(e.startTime, e.finishTime), r = (c = (n = e._links) == null ? void 0 : n.web) == null ? void 0 : c.href;
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: "build-popup-overlay",
+      onClick: t,
+      onKeyDown: (d) => {
+        d.key === "Escape" && t();
+      },
+      role: "dialog",
+      "aria-modal": "true",
+      children: /* @__PURE__ */ l(
+        "div",
+        {
+          className: "build-popup",
+          onClick: (d) => d.stopPropagation(),
+          onKeyDown: (d) => d.stopPropagation(),
+          children: [
+            /* @__PURE__ */ l("div", { className: "build-popup__header", children: [
+              /* @__PURE__ */ s("h2", { 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("span", { 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: "Queued" }),
+                /* @__PURE__ */ s("span", { children: je(e.queueTime) })
+              ] }),
+              /* @__PURE__ */ l("div", { className: "build-popup__row", children: [
+                /* @__PURE__ */ s("span", { className: "build-popup__label", children: "Started" }),
+                /* @__PURE__ */ s("span", { children: je(e.startTime) })
+              ] }),
+              /* @__PURE__ */ l("div", { className: "build-popup__row", children: [
+                /* @__PURE__ */ s("span", { className: "build-popup__label", children: "Finished" }),
+                /* @__PURE__ */ s("span", { children: je(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("span", { children: e.sourceBranch.replace("refs/heads/", "") })
+              ] }),
+              /* @__PURE__ */ l("div", { className: "build-popup__row", children: [
+                /* @__PURE__ */ s("span", { className: "build-popup__label", children: "Commit" }),
+                /* @__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(([d, u]) => `${d}: ${u}`).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((d) => /* @__PURE__ */ s("span", { className: "build-popup__tag", children: d }, d)) })
+              ] }),
+              r && /* @__PURE__ */ s("div", { className: "build-popup__row", children: /* @__PURE__ */ s(
+                "a",
+                {
+                  href: r,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  className: "build-popup__link",
+                  children: "Open in Azure DevOps ↗"
+                }
+              ) })
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
+function ea(e) {
+  return e ? new Date(e).toLocaleString(void 0, {
+    month: "short",
+    day: "numeric",
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit"
+  }) : "—";
+}
+function ta(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 c = Math.floor(r / 60), d = r % 60;
+  return `${c}h ${d}m`;
+}
+function aa(e, t) {
+  return e === "inProgress" ? "⏳" : e === "notStarted" ? "⏸️" : t === "succeeded" ? "✅" : t === "partiallySucceeded" ? "⚠️" : t === "failed" ? "❌" : t === "canceled" ? "🚫" : "❓";
+}
+function na(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 sa({ data: e }) {
+  const t = e, a = ta(t.startTime, t.finishTime);
+  return /* @__PURE__ */ l("div", { className: `build-node ${na(t.status, t.result)}`, children: [
+    !t.isRoot && /* @__PURE__ */ s(Se, { type: "target", position: Ce.Left }),
+    /* @__PURE__ */ l("div", { className: "build-node__header", children: [
+      /* @__PURE__ */ s("span", { className: "build-node__status", children: aa(t.status, t.result) }),
+      /* @__PURE__ */ s("span", { className: "build-node__name", title: t.pipelineName, children: t.pipelineName })
+    ] }),
+    /* @__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: [
+        "🕐 ",
+        ea(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(Se, { type: "source", position: Ce.Right })
+  ] });
+}
+const oa = Ze(sa), We = 280, _e = 130, He = 20, ra = { build: oa };
+function ia(e, t) {
+  if (e.length === 0) return { nodes: e, edges: t };
+  const a = /* @__PURE__ */ new Set();
+  for (const c of t)
+    a.add(c.source), a.add(c.target);
+  const o = e.filter((c) => !a.has(c.id)), r = e.filter((c) => a.has(c.id));
+  let n = [];
+  if (r.length > 0) {
+    const c = new $e.graphlib.Graph();
+    c.setDefaultEdgeLabel(() => ({})), c.setGraph({ rankdir: "LR", ranksep: 80, nodesep: 30 });
+    for (const d of r)
+      c.setNode(d.id, { width: We, height: _e });
+    for (const d of t)
+      c.setEdge(d.source, d.target);
+    $e.layout(c), n = r.map((d) => {
+      const u = c.node(d.id);
+      return {
+        ...d,
+        position: { x: u.x - We / 2, y: u.y - _e / 2 }
+      };
+    });
+  }
+  if (o.length > 0) {
+    let c = 0;
+    for (const i of n) c = Math.max(c, i.position.y + _e);
+    const d = n.length > 0 ? c + 60 : 0, u = [...o].sort((i, m) => {
+      const f = i.data.startTime ?? "", p = m.data.startTime ?? "";
+      return f < p ? -1 : f > p ? 1 : 0;
+    }), h = u.map((i) => {
+      const m = i.data.startTime;
+      return m ? new Date(m).getTime() : null;
+    }).filter((i) => i !== null);
+    if (h.length > 0) {
+      const i = Math.min(...h), f = Math.max(...h) - i || 1, p = Math.max(u.length * (We + He), 1200);
+      let w = 0;
+      for (const E of u) {
+        const _ = E.data.startTime, y = ((_ ? new Date(_).getTime() : i) - i) / f * p;
+        E.position = {
+          x: y,
+          y: d + w * (_e + He)
+        }, w++;
+      }
+    } else
+      u.forEach((i, m) => {
+        i.position = { x: 0, y: d + m * (_e + He) };
+      });
+    n = [...n, ...u];
+  }
+  return { nodes: n, edges: t };
+}
+function la(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 c, d;
+    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: ((d = (c = n._links) == null ? void 0 : c.web) == null ? void 0 : d.href) ?? null,
+        isRoot: !a.has(n.id)
+      }
+    };
+  }), 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 ia(o, r);
+}
+function ca({
+  builds: e,
+  onNodeClick: t
+}) {
+  const { nodes: a, edges: o } = ve(
+    () => la(e),
+    [e]
+  ), [r, n, c] = ct(a), [d, u, h] = dt(o);
+  ee(() => {
+    n(a), u(o);
+  }, [a, o, n, u]);
+  const i = ve(() => {
+    const f = /* @__PURE__ */ new Map();
+    for (const p of e) f.set(p.id, p);
+    return f;
+  }, [e]), m = ne(
+    (f, p) => {
+      const w = i.get(Number(p.id));
+      w && t(w);
+    },
+    [i, t]
+  );
+  return /* @__PURE__ */ s("div", { className: "commit-flow-diagram", children: /* @__PURE__ */ l(
+    pt,
+    {
+      nodes: r,
+      edges: d,
+      nodeTypes: ra,
+      onNodesChange: c,
+      onEdgesChange: h,
+      onNodeClick: m,
+      fitView: !0,
+      minZoom: 0.2,
+      maxZoom: 2,
+      proOptions: { hideAttribution: !0 },
+      children: [
+        /* @__PURE__ */ s(ut, {}),
+        /* @__PURE__ */ s(mt, {})
+      ]
+    }
+  ) });
+}
+function da({
+  onLoad: e,
+  loading: t
+}) {
+  const [a, o] = L(""), [r, n] = L(null), c = () => {
+    const u = a.trim();
+    if (!u) return;
+    n(null);
+    const h = xt(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(), c());
+        },
+        className: "commit-flow-selector__input commit-flow-selector__input--url"
+      }
+    ),
+    /* @__PURE__ */ s(
+      "button",
+      {
+        className: "commit-flow-selector__btn",
+        onClick: c,
+        disabled: !a.trim() || t,
+        type: "button",
+        children: t ? "⏳ Loading..." : "Load Builds"
+      }
+    ),
+    r && /* @__PURE__ */ s("div", { className: "commit-flow-selector__error", children: r })
+  ] });
+}
+function pa() {
+  const [e, t] = L([]), [a, o] = L(!1), [r, n] = L(null), [c, d] = L(null), [u, h] = L(null), i = Q(null), m = ne((p) => {
+    var w;
+    (w = i.current) == null || w.abort(), o(!0), n(null), t([]), d(null), h(p), i.current = Jt(
+      p.org,
+      p.project,
+      p.repoName,
+      p.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 && m(u);
+  }, [u, m]);
+  return /* @__PURE__ */ l("div", { className: "commit-flow-page", children: [
+    /* @__PURE__ */ l("div", { className: "commit-flow-page__selector", children: [
+      /* @__PURE__ */ s(da, { onLoad: m, 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(ca, { builds: e, onNodeClick: d })
+    ] }),
+    c && /* @__PURE__ */ s(
+      Qt,
+      {
+        build: c,
+        onClose: () => d(null)
+      }
+    )
+  ] });
+}
+const Ue = Ut((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(ua()),
+  setExpandedTemplate: (t, a) => e((o) => {
+    const r = new Map(o.expandedTemplates);
+    return r.set(t, a), ma(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() {
+})), _t = "apv-template-cache";
+function ua() {
   try {
-    const t = localStorage.getItem(ot);
-    if (t)
-      return JSON.parse(t);
+    const e = localStorage.getItem(_t);
+    if (e)
+      return JSON.parse(e);
   } catch {
   }
   return [];
 }
-function Ft(t) {
+function ma(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(_t, JSON.stringify(a));
   } catch {
   }
 }
-function Lt() {
+function ha() {
   const {
-    selectedNodeDetail: t,
-    customTaskDocs: e,
+    selectedNodeDetail: e,
+    customTaskDocs: t,
     taskSchema: a,
-    setSelectedNodeDetail: n
-  } = Te(), l = ze(() => {
-    if (!(t != null && t.yaml)) return [];
+    setSelectedNodeDetail: o
+  } = Ue(), r = ve(() => {
+    if (!(e != null && e.yaml)) return [];
     try {
-      const o = pe(t.yaml);
-      return ft(o ?? {});
+      const n = ue(e.yaml);
+      return kt(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(
+        fa,
         {
-          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,
+      Bt,
       {
         height: "100%",
         language: "yaml",
-        value: t.yaml,
+        value: e.yaml,
         theme: "vs-dark",
         options: {
           readOnly: !0,
@@ -134,58 +668,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 fa({
+  ref_: e,
+  customDocs: t,
   schemaEntry: a
 }) {
-  const n = gt(t, e);
-  return /* @__PURE__ */ c("li", { className: "task-item", children: [
+  const o = Tt(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 Ee extends yt {
+  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 +731,104 @@ class Ie extends pt {
     ] }) : this.props.children;
   }
 }
-const rt = ut(null), Vt = rt.Provider;
-function zt() {
-  const t = mt(rt);
-  if (!t)
+const vt = wt(null), ga = vt.Provider;
+function _a() {
+  const e = Pt(vt);
+  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 et = 300, tt = 100;
+function Ke(e, t, a = "TB") {
+  const o = new $e.graphlib.Graph();
+  o.setDefaultEdgeLabel(() => ({})), o.setGraph({ rankdir: a, ranksep: 80, nodesep: 40 });
+  for (const n of e)
+    o.setNode(n.id, { width: et, height: tt });
+  for (const n of t)
+    o.setEdge(n.source, n.target);
+  return $e.layout(o), { nodes: e.map((n) => {
+    const c = o.node(n.id);
     return {
-      ...o,
+      ...n,
       position: {
-        x: m.x - Xe / 2,
-        y: m.y - Ge / 2
+        x: c.x - et / 2,
+        y: c.y - tt / 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 va({ data: e }) {
+  var c;
+  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(Se, { type: "target", position: Ce.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: (d) => d.stopPropagation(),
+          children: /* @__PURE__ */ s(Na, {})
         }
       ) })
     ] }),
-    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)
+        (c = t.errorMessage) == null ? void 0 : c.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(Se, { type: "source", position: Ce.Bottom })
   ] });
 }
-function Mt() {
+function Na() {
   return /* @__PURE__ */ s(
     "svg",
     {
@@ -313,132 +847,132 @@ function Mt() {
     }
   );
 }
-const Bt = tt(Ot);
-function Le({
-  className: t,
-  label: e,
+const ba = Ze(va);
+function Ge({
+  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 ya({
+  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: c,
+  data: d,
+  markerEnd: u,
+  style: h
 }) {
-  var _;
-  const r = P, [y, g] = Z(!1), [i, R, S] = Rt({
-    sourceX: e,
+  var P;
+  const i = d, [m, f] = L(!1), [p, w, E] = At({
+    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: c
+  }), _ = ne(() => f(!0), []), b = ne(() => f(!1), []), y = ((P = i == null ? void 0 : i.parameterNames) == null ? void 0 : P.length) ?? 0;
+  return /* @__PURE__ */ l(Je, { children: [
+    /* @__PURE__ */ s(It, { id: e, path: p, markerEnd: u, style: h }),
+    /* @__PURE__ */ s(Lt, { 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(${w}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(
+              Ge,
               {
-                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(
+              Ge,
               {
                 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(
+              Ge,
               {
                 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(
+          y > 0 && /* @__PURE__ */ l(
             "span",
             {
               className: "template-edge__params-badge",
-              onMouseEnter: h,
-              onMouseLeave: N,
+              onMouseEnter: _,
+              onMouseLeave: b,
               children: [
-                jt(r),
-                y && /* @__PURE__ */ s(Ht, { data: r })
+                wa(i),
+                m && /* @__PURE__ */ s(Pa, { data: i })
               ]
             }
           )
@@ -447,539 +981,539 @@ function Wt({
     ) })
   ] });
 }
-function jt(t) {
+function wa(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 Pa({ 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 Ea = Ze(ya), Ra = { fileNode: ba }, xa = { templateEdge: Ea }, ka = {
   animated: !0,
   style: { stroke: "var(--accent)", strokeWidth: 2 },
-  markerEnd: { type: xe.ArrowClosed, color: "var(--accent)" }
+  markerEnd: { type: De.ArrowClosed, color: "var(--accent)" }
 };
-function qt() {
-  var le, ve;
+function Ta() {
+  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: c,
+    setSelectedNodeDetail: d
+  } = Ue(), u = _a(), [h, i, m] = ct([]), [f, p, w] = dt([]), E = Q(null), _ = Q(null), b = Q(""), y = Q([]);
+  ee(() => {
+    y.current = f;
+  }, [f]);
+  const [P, B] = 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) ?? "", V = 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 N = ue(a.yaml), g = N == null ? void 0 : N.resources;
+      return (g == null ? void 0 : g.repositories) ?? [];
     } catch {
       return [];
     }
-  }, [a == null ? void 0 : a.yaml]), H = ze(() => {
+  }, [a == null ? void 0 : a.yaml]), K = ve(() => {
     if (!(a != null && a.yaml)) return {};
     try {
-      const f = pe(a.yaml);
-      return Pe(f ?? {});
+      const N = ue(a.yaml);
+      return Pe(N ?? {});
     } catch {
       return {};
     }
   }, [a == null ? void 0 : a.yaml]);
-  oe(() => {
-    var w, F, B, ie, ce, de, ne;
+  ee(() => {
+    var R, F, j, ce, de, pe, oe;
     if (!(a != null && a.yaml)) {
-      r([]), i([]);
+      i([]), p([]);
       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 N = ue(a.yaml), g = ((R = a.definition) == null ? void 0 : R.path) ?? "", v = Oe(N ?? {}, { sourcePath: g }), x = ((F = a.definition) == null ? void 0 : F.name) ?? g.split("/").pop() ?? "Pipeline", $ = Ie(g), A = ze(N ?? {}), D = ((ce = (j = a.definition) == null ? void 0 : j.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 ? rt({
+      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 } = qe(
       "root",
-      u,
-      t,
+      v,
       e,
-      $,
-      z,
-      D,
+      t,
+      C,
+      V,
+      A,
       void 0,
       // existingNodeIds
-      H
-    ), Y = [Q, ...j], ee = [...J], { nodes: O, edges: U } = Fe(
-      Y,
-      ee
+      K
+    ), 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), p(U), k.current = /* @__PURE__ */ new Set();
+  }, [a, i, p]);
+  const fe = Q(!1);
+  ee(() => {
+    if (!T || !E.current || h.length === 0) return;
+    const N = `${h.length}:${f.length}`;
+    if (N !== b.current)
+      return b.current = N, _.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 N = 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 (N.length !== 0) {
+      N.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 N) {
+        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 N) {
+          const v = g.data;
+          if (!(v.dynamicPath && !v.expressionResolved))
             try {
-              const { content: E, actualPath: A } = await Ve(
-                t,
+              const { content: x, actualPath: $ } = await Ye(
                 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,
+                V,
+                n,
+                c,
+                u
+              ), A = ue(x) ?? {}, D = v._ref, W = Oe(A, {
+                contextRepoAlias: ie(D ?? {}),
+                sourcePath: $
+              }), I = Qe(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 F = xe(
                         U,
-                        j,
-                        t,
+                        H,
                         e,
-                        $,
-                        z
+                        t,
+                        C,
+                        V
                       );
                       if (F !== U) {
-                        Y.add(U.id);
-                        const B = F.data;
-                        B.repoAlias && ee.add(U.id), O.set(U.id, B.filePath);
+                        q.add(U.id);
+                        const j = F.data;
+                        j.repoAlias && ae.add(U.id), O.set(U.id, j.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) ? xe(
+                    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,
+                    V
+                  ) : R)
+                ), q.size > 0 && p(
+                  (U) => U.map((R) => {
+                    if (!q.has(R.target)) return R;
+                    const F = R.data;
+                    if (!(F != null && F.dynamicPath)) return R;
+                    const j = ae.has(R.target);
                     return {
-                      ...w,
+                      ...R,
                       data: {
                         ...F,
                         expressionResolved: !0,
-                        isExternal: B || F.isExternal || void 0,
-                        resolvedPath: O.get(w.target) ?? F.resolvedPath,
+                        isExternal: j || F.isExternal || void 0,
+                        resolvedPath: O.get(R.target) ?? F.resolvedPath,
                         unresolvedExpressions: void 0
                       },
-                      style: B ? {
+                      style: j ? {
                         stroke: "var(--badge-resources)",
                         strokeWidth: 2,
                         strokeDasharray: "6 3"
-                      } : w.style,
-                      markerEnd: B ? {
-                        type: xe.ArrowClosed,
+                      } : R.style,
+                      markerEnd: j ? {
+                        type: De.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 = Ae(
+                  q,
+                  H,
+                  Z
+                ), O = { ...te, ...ae }, U = Pe(A), R = {
+                  ...Z ?? K,
                   ...U
-                }, F = u._accumulatedResources, B = qe(D), ie = Je([
-                  ...F ?? z,
-                  ...B
+                }, F = v._accumulatedResources, j = at(A), ce = nt([
+                  ...F ?? V,
+                  ...j
                 ]);
-                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((z) => setTimeout(z, 0));
+                const de = new Set(h.map((z) => z.id)), { templateNodes: pe, templateEdges: oe } = qe(
+                  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((z) => {
+                  const re = new Set(z.map((S) => S.id)), ye = pe.filter(
+                    (S) => !re.has(S.id)
+                  ), we = [...z.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 ? Re(
+                    y.current,
+                    g.id,
                     I
-                  ) : b.current, ...ne];
-                  return Fe(Ne, X).nodes;
-                }), i((M) => [...I.length ? be(
-                  M,
-                  p.id,
+                  ) : y.current, ...oe];
+                  return Ke(we, Y).nodes;
+                }), p((z) => [...I.length ? Re(
+                  z,
+                  g.id,
                   I
-                ) : M, ...ne]), await new Promise((M) => setTimeout(M, 50));
+                ) : z, ...oe]), await new Promise((z) => setTimeout(z, 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,
+    V,
+    n,
+    c,
+    P,
     i,
-    k,
-    v
+    p,
+    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 G = ne(
+    async (N, g) => {
+      const v = g.data;
+      if (v.status === "root" && (a != null && a.yaml)) {
+        d({
+          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,
+          d({
+            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 Ye(
             e,
-            $,
-            u,
-            z,
-            o,
-            m,
-            v
+            t,
+            C,
+            v,
+            V,
+            n,
+            c,
+            u
           );
-          P({
-            nodeId: p.id,
-            label: u.label,
-            filePath: u.filePath,
-            yaml: Q,
-            repoAlias: u.repoAlias
+          d({
+            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)) {
+        B((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 Ye(
             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,
+            V,
+            n,
+            c,
+            u
+          ), A = ue(x) ?? {}, D = v._ref, W = Oe(A, {
+            contextRepoAlias: ie(D ?? {}),
+            sourcePath: $
+          }), I = ze(A), te = v._parentParamContext, H = v._accumulatedVariables, Z = D == null ? void 0 : D.parameters, q = Ae(
+            Z,
+            te,
+            H
+          ), ae = { ...I, ...q }, O = Qe(A), U = Ie($), R = Pe(A), F = {
+            ...H ?? K,
+            ...R
+          }, j = v._accumulatedResources, ce = at(A), de = nt([
+            ...j ?? V,
+            ...ce
+          ]), pe = new Set(h.map((M) => M.id)), { templateNodes: oe, templateEdges: z } = qe(
+            g.id,
+            W,
             e,
-            $,
-            ce,
-            ee,
+            t,
+            C,
             de,
+            ae,
+            pe,
             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(
-                  V,
-                  w,
-                  t,
+          ), re = /* @__PURE__ */ new Set(), ye = /* @__PURE__ */ new Set(), Ve = /* @__PURE__ */ new Map(), we = v.templateLocation === "variables" && Object.keys(R).length > 0;
+          if (we)
+            for (const M of h) {
+              const Y = M.data;
+              if (Y.dynamicPath && !Y.expressionResolved) {
+                const S = xe(
+                  M,
+                  R,
                   e,
-                  $,
-                  z
+                  t,
+                  C,
+                  V
                 );
-                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 !== M) {
+                  re.add(M.id);
+                  const J = S.data;
+                  J.repoAlias && ye.add(M.id), Ve.set(M.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((M) => {
+            const Y = new Set(M.map((X) => X.id)), S = oe.filter((X) => !Y.has(X.id)), ge = [...M.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) ? xe(
+              X,
+              R,
               e,
-              $,
-              z
-            ) : q), ...T], dt = [...O.length ? be(
-              b.current,
-              p.id,
+              t,
+              C,
+              V
+            ) : X), ...S], bt = [...O.length ? Re(
+              y.current,
+              g.id,
               O
-            ) : b.current, ...M];
-            return Fe(he, dt).nodes;
-          }), i((V) => {
-            let X = O.length ? be(
-              V,
-              p.id,
+            ) : y.current, ...z];
+            return Ke(ge, bt).nodes;
+          }), p((M) => {
+            let Y = O.length ? Re(
+              M,
+              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);
+            ) : M;
+            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: Ve.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: De.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, ...z];
+          }), d({
+            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;
+          B((x) => {
+            const $ = new Set(x);
+            return $.delete(g.id), $;
           });
         }
       }
     },
     [
-      t,
       e,
-      $,
+      t,
+      C,
       a,
-      z,
-      o,
-      m,
+      V,
+      n,
+      c,
+      d,
       P,
-      _,
-      r,
       i,
-      v
+      p,
+      u
     ]
-  ), $e = fe(() => {
-    ae((f) => (f || (x.current = /* @__PURE__ */ new Set(), N.current = ""), !f));
+  ), Me = ne(() => {
+    se((N) => (N || (k.current = /* @__PURE__ */ new Set(), b.current = ""), !N));
   }, []);
-  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(
+      pt,
       {
-        nodes: d,
-        edges: g,
-        onInit: (f) => {
-          S.current = f;
+        nodes: h,
+        edges: f,
+        onInit: (N) => {
+          E.current = N;
         },
-        onNodesChange: y,
-        onEdgesChange: R,
-        onNodeClick: K,
-        nodeTypes: Yt,
-        edgeTypes: Xt,
-        defaultEdgeOptions: Gt,
+        onNodesChange: m,
+        onEdgesChange: w,
+        onNodeClick: G,
+        nodeTypes: Ra,
+        edgeTypes: xa,
+        defaultEdgeOptions: ka,
         fitView: !0,
         fitViewOptions: { padding: 0.2 },
         minZoom: 0.1,
@@ -987,521 +1521,434 @@ function qt() {
         proOptions: { hideAttribution: !0 },
         children: [
           /* @__PURE__ */ s(
-            $t,
+            ut,
             {
-              variant: Ct.Dots,
+              variant: Ft.Dots,
               color: "var(--border)",
               gap: 20
             }
           ),
-          /* @__PURE__ */ s(St, {})
+          /* @__PURE__ */ s(mt, {})
         ]
       }
     ),
-    /* @__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 Re(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 Ae(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: c, isFullyResolved: d } = Ct(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] = d ? $a(c) : n;
+    } else n && typeof n == "object" && !Array.isArray(n) ? o[r] = Ae(
+      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 $a(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 at(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 nt(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 Sa(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 qe(e, t, a, o, r, n, c, d, u) {
+  const h = /* @__PURE__ */ new Set(), i = [], m = [];
+  for (let f = 0; f < t.length; f++) {
+    const p = t[f];
+    let w = p.normalizedPath, E = !1, _ = !0, b, y;
+    if (me(p.normalizedPath)) {
+      E = !0, b = p.normalizedPath;
+      const N = Te(
+        p.normalizedPath,
+        c,
         void 0,
-        v
+        u
       );
-      R = f.resolvedPath, h = f.isFullyResolved, b = f.unresolved.length ? f.unresolved : void 0;
+      w = N.resolvedPath, _ = N.isFullyResolved, y = N.unresolved.length ? N.unresolved : void 0;
     }
-    let _ = re(i), L = !1, x = !0;
-    if (_ && ue(_)) {
-      L = !0;
-      const f = Ee(
-        _,
-        m,
+    let P = ie(p), B = !1, k = !0;
+    if (P && me(P)) {
+      B = !0;
+      const N = Te(
+        P,
+        c,
         void 0,
-        v
+        u
       );
-      f.isFullyResolved ? _ = f.resolvedPath : (x = !1, b = [
-        ...b ?? [],
-        ...f.unresolved
+      N.isFullyResolved ? P = N.resolvedPath : (k = !1, y = [
+        ...y ?? [],
+        ...N.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);
-    let K;
-    if (i.conditional && i.conditionExpression)
+    const T = E || B, se = _ && k, { primary: C, fallback: V } = it({
+      ...p,
+      normalizedPath: w,
+      repoAlias: p.repoAlias,
+      sourcePath: p.sourcePath
+    }), K = Sa(P, C);
+    if (h.has(K)) continue;
+    h.add(K);
+    const fe = d == null ? void 0 : d.has(K);
+    let G;
+    if (p.conditional && p.conditionExpression)
       try {
-        const f = _t(i.conditionExpression, {
-          parameters: m,
-          variables: v
+        const N = $t(p.conditionExpression, {
+          parameters: c,
+          variables: u
         });
-        typeof f == "boolean" ? K = f : f === void 0 || f === i.conditionExpression ? K = "unknown" : K = !!f;
+        typeof N == "boolean" ? G = N : N === void 0 || N === p.conditionExpression ? G = "unknown" : G = !!N;
       } catch {
-        K = "unknown";
+        G = "unknown";
       }
-    else i.conditional && (K = "unknown");
-    if (K === !1) continue;
-    if (!me) {
-      const f = R.length > 40 ? `...${R.slice(-37)}` : R, { repoInfo: p, adoUrl: u } = lt(
-        i,
-        _,
-        $,
+    else p.conditional && (G = "unknown");
+    if (G === !1) continue;
+    if (!fe) {
+      const N = w.length > 40 ? `...${w.slice(-37)}` : w, { repoInfo: g, adoUrl: v } = Nt(
+        p,
+        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 = Ae(
+        p.parameters,
+        c,
+        u
+      ), $ = P !== ie(p) || x !== p.parameters ? {
+        ...p,
+        repoAlias: P || p.repoAlias,
+        contextRepoAlias: P || p.contextRepoAlias,
+        parameters: x
+      } : p;
+      i.push({
+        id: K,
         type: "fileNode",
         position: { x: 0, y: 0 },
         data: {
-          label: f,
-          filePath: $,
-          repoAlias: _,
+          label: N,
+          filePath: C,
+          repoAlias: P,
           templateCount: 0,
           status: "collapsed",
           isRoot: !1,
-          baseDir: Ae($),
-          adoUrl: u,
-          repoInfo: p,
-          templateLocation: i.location,
+          baseDir: Ie(C),
+          adoUrl: v,
+          repoInfo: g,
+          templateLocation: p.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: V,
           // Stash the parent's parameter context so it can flow down during expansion
-          _parentParamContext: m,
+          _parentParamContext: c,
           // 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
+          _conditionResult: G
         }
       });
     }
-    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 = p.location === "extends" ? "extends" : p.location === "extends-parameters" ? "extends param" : p.location, le = !!P, be = p.parameters ? Object.keys(p.parameters) : void 0;
+    m.push({
+      id: `${e}->${K}`,
+      source: e,
+      target: K,
       type: "templateEdge",
       data: {
-        edgeLabel: $e,
-        parameterNames: ve,
+        edgeLabel: Me,
+        parameterNames: be,
         isExternal: le || void 0,
-        conditional: i.conditional || void 0,
-        conditionExpression: i.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
+        conditional: p.conditional || void 0,
+        conditionExpression: p.conditionExpression,
+        conditionResult: G,
+        dynamicPath: T || void 0,
+        expressionResolved: T ? se : void 0,
+        originalPath: b || (B ? p.rawPath : void 0),
+        resolvedPath: T ? C : void 0,
+        unresolvedExpressions: y
       },
       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: De.ArrowClosed, color: "var(--badge-resources)" } : void 0
     });
   }
-  return { templateNodes: r, templateEdges: y };
+  return { templateNodes: i, templateEdges: m };
 }
-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 Ye(e, t, a, o, r, n, c, d) {
+  const u = o._ref;
+  if (!u) throw new Error("No template reference on this node");
+  const h = o.filePath, i = o._fallbackPath, m = ie(u), f = `${m || ""}:${h}`, p = n.get(f);
+  if (p) return { content: p, actualPath: h };
+  if (i) {
+    const k = `${m || ""}:${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, b = a, y;
+  if (m && E.length) {
+    const k = lt(m, E);
+    k ? (_ = k.project || t, b = k.repoName, y = k.ref) : b = m;
+  } else m && (b = m);
+  let P, B = h;
   try {
-    _ = await P(
-      t,
+    P = await d(
+      e,
+      _,
+      b,
       h,
-      N,
-      d,
-      b
+      y
     );
-  } catch (x) {
-    if (r)
-      _ = await P(
-        t,
-        h,
-        N,
-        r,
-        b
-      ), L = r;
+  } catch (k) {
+    if (i)
+      P = await d(
+        e,
+        _,
+        b,
+        i,
+        y
+      ), B = i;
     else
-      throw x;
+      throw k;
   }
-  return m(`${y || ""}:${L}`, _.content), { content: _.content, actualPath: L };
+  return c(`${m || ""}:${B}`, P.content), { content: P.content, actualPath: B };
 }
-function Ae(t) {
-  const e = t.replace(/\\/g, "/"), a = e.lastIndexOf("/");
-  return a > 0 ? e.slice(0, a) : "";
+function Ie(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 Nt(e, t, a, o, r, n, c) {
+  let d = r, u = n, h, i;
+  if (t && c.length) {
+    const f = lt(t, c), p = c.find(
+      (w) => w.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 ? (d = f.project || r, u = f.repoName, h = f.ref) : u = t, p && (i = {
+      alias: t,
+      fullName: p.name,
+      type: p.type,
+      ref: p.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 m = o && d && u ? rt({
+    org: o,
+    project: d,
+    repoName: u,
     filePath: a,
-    ref: d
+    ref: h
   }) : void 0;
-  return { repoInfo: r, adoUrl: y };
+  return { repoInfo: i, adoUrl: m };
 }
-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 xe(e, t, a, o, r, n) {
+  const c = e.data, u = { ...c._accumulatedVariables ?? {}, ...t }, h = c._ref;
+  if (!h) return e;
+  const i = c._parentParamContext;
+  let m = h.normalizedPath, f = !1, p = !0, w = ie(h);
+  if (me(h.normalizedPath)) {
+    f = !0;
+    const k = Te(
+      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 (m = k.resolvedPath, p = k.isFullyResolved, p && !me(m)) {
+      const T = St(m);
+      m = T.normalizedPath, T.repoAlias && (w = T.repoAlias);
     }
   }
-  if (R && ue(R)) {
-    g = !0;
-    const x = Ee(
-      R,
-      r,
+  if (w && me(w)) {
+    f = !0;
+    const k = Te(
+      w,
+      i,
       void 0,
-      v
+      u
     );
-    x.isFullyResolved ? R = x.resolvedPath : i = !1;
+    k.isFullyResolved ? w = k.resolvedPath : p = !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: m,
+    repoAlias: w || h.repoAlias,
+    contextRepoAlias: w || h.contextRepoAlias
+  }, { primary: _, fallback: b } = it({
+    ...E,
+    normalizedPath: m,
+    repoAlias: E.repoAlias,
+    sourcePath: h.sourcePath
+  }), y = m.length > 40 ? `...${m.slice(-37)}` : m, { repoInfo: P, adoUrl: B } = a && o && r && n ? Nt(
+    E,
+    w,
+    _,
     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: y,
+      filePath: _,
+      repoAlias: w,
+      baseDir: Ie(_),
+      dynamicPath: f || void 0,
+      expressionResolved: f ? p : void 0,
+      adoUrl: B || e.data.adoUrl,
+      repoInfo: P || e.data.repoInfo,
+      _ref: E,
+      _accumulatedVariables: u,
+      _fallbackPath: b
     }
   };
 }
-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 Ca(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
+  } = Ue(), [n, c] = L(""), [d, u] = L(null), [h, i] = L(!1), m = Q(!1);
+  ee(() => {
+    if (m.current) return;
+    m.current = !0;
+    const _ = new URLSearchParams(window.location.search), b = e.fileUrl || _.get("url"), y = e.org || _.get("org"), P = e.project || _.get("project"), B = 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 (b)
+      c(b), f(b);
+    else if (y && P && B && k) {
+      const C = `https://dev.azure.com/${y}/${P}/_git/${B}?path=${k}${T ? `&version=GB${T}` : ""}`;
+      c(C), f(C);
+    } else y && P && se != null && p(y, P, se);
   }, []);
-  const g = async (h) => {
-    const N = Pt(h);
-    if (!N) {
-      v("Invalid Azure DevOps URL");
+  const f = async (_) => {
+    const b = Dt(_);
+    if (!b) {
+      u("Invalid Azure DevOps URL");
       return;
     }
-    e(N.org, N.project), n(!0), l(null), r(!0);
+    t(b.org, b.project), o(!0), r(null), i(!0);
     try {
-      const b = await ct(
-        N.org,
-        N.project,
-        N.repoName,
-        N.filePath,
-        N.branch
+      const y = await gt(
+        b.org,
+        b.project,
+        b.repoName,
+        b.filePath,
+        b.branch
       );
       a({
         definition: {
           id: 0,
-          name: N.filePath.split("/").pop() || N.filePath,
-          path: N.filePath,
+          name: b.filePath.split("/").pop() || b.filePath,
+          path: b.filePath,
           repository: {
-            id: b.repoId,
-            name: b.repoName,
+            id: y.repoId,
+            name: y.repoName,
             type: "git",
-            defaultBranch: b.branch || ""
+            defaultBranch: y.branch || ""
           }
         },
-        yaml: b.content
+        yaml: y.content
       });
-    } catch (b) {
-      l(
-        b instanceof Error ? b.message : String(b)
+    } catch (y) {
+      r(
+        y instanceof Error ? y.message : String(y)
       );
     } finally {
-      n(!1), r(!1);
+      o(!1), i(!1);
     }
-  }, i = async (h, N, b) => {
-    e(h, N), n(!0), l(null);
+  }, p = async (_, b, y) => {
+    t(_, b), o(!0), r(null);
     try {
-      const _ = await ra(h, N, b);
-      a(_);
-    } catch (_) {
-      l(
-        _ instanceof Error ? _.message : String(_)
+      const P = await Gt(_, b, y);
+      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()));
+  }, w = 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: (_) => c(_.target.value),
+        onKeyDown: (_) => {
+          _.key === "Enter" && (_.preventDefault(), w());
         }
       }
     ),
@@ -1509,104 +1956,136 @@ function ca(t) {
       "button",
       {
         className: "pipeline-url-bar__btn",
-        onClick: R,
-        disabled: !o.trim() || d,
-        children: d ? "⏳ Loading..." : "Load"
+        onClick: w,
+        disabled: !n.trim() || h,
+        children: h ? "⏳ Loading..." : "Load"
       }
     ),
-    P && /* @__PURE__ */ s("div", { className: "pipeline-url-bar__error", children: P })
+    d && /* @__PURE__ */ s("div", { className: "pipeline-url-bar__error", children: d })
   ] });
 }
-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 Da() {
+  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 Aa = 280, Ia = 900, La = 420;
+function Fa(e) {
+  const { setCustomTaskDocs: t, setTaskSchema: a, selectedNodeDetail: o, org: r } = Ue(), [n, c] = L(La), d = Q(!1), [u, h] = Da();
+  ee(() => {
+    qt().then((m) => t(m.customTaskDocs)).catch(() => {
     });
-  }, [e]), oe(() => {
-    l && ia(l).then((d) => a(d.tasks)).catch(() => {
+  }, [t]), ee(() => {
+    r && Yt(r).then((m) => a(m.tasks)).catch(() => {
     });
-  }, [l, a]);
-  const v = fe(
-    (d) => {
-      d.preventDefault(), P.current = !0;
-      const r = d.clientX, y = o;
+  }, [r, a]);
+  const i = ne(
+    (m) => {
+      m.preventDefault(), d.current = !0;
+      const f = m.clientX, p = 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 w = (_) => {
+        const b = f - _.clientX, y = Math.min(
+          Ia,
+          Math.max(Aa, p + b)
         );
-        m(h);
-      }, i = () => {
-        P.current = !1, document.body.style.cursor = "", document.body.style.userSelect = "", window.removeEventListener("mousemove", g), window.removeEventListener("mouseup", i);
+        c(y);
+      }, E = () => {
+        d.current = !1, document.body.style.cursor = "", document.body.style.userSelect = "", window.removeEventListener("mousemove", w), window.removeEventListener("mouseup", E);
       };
-      window.addEventListener("mousemove", g), window.addEventListener("mouseup", i);
+      window.addEventListener("mousemove", w), 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(ga, { value: gt, 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(Ee, { children: /* @__PURE__ */ s(Ca, { ...e }) })
+    ] }),
+    /* @__PURE__ */ l("main", { className: "app__main", children: [
+      u === "pipeline" && /* @__PURE__ */ l(Je, { children: [
+        /* @__PURE__ */ s("section", { className: "app__content", children: /* @__PURE__ */ s(Ee, { children: /* @__PURE__ */ s(Ta, {}) }) }),
+        o && /* @__PURE__ */ l(Je, { 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(Ee, { children: /* @__PURE__ */ s(ha, {}) }) })
+        ] })
+      ] }),
+      u === "commit-flow" && /* @__PURE__ */ s("section", { className: "app__content", children: /* @__PURE__ */ s(Ee, { children: /* @__PURE__ */ s(pa, {}) }) })
     ] })
   ] }) });
 }
-var Oe, Re = Dt;
+var Xe, ke = Mt;
 if (process.env.NODE_ENV === "production")
-  Oe = Re.createRoot, Re.hydrateRoot;
+  Xe = ke.createRoot, ke.hydrateRoot;
 else {
-  var Ze = Re.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-  Oe = function(t, e) {
-    Ze.usingClientEntryPoint = !0;
+  var st = ke.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+  Xe = function(e, t) {
+    st.usingClientEntryPoint = !0;
     try {
-      return Re.createRoot(t, e);
+      return ke.createRoot(e, t);
     } finally {
-      Ze.usingClientEntryPoint = !1;
+      st.usingClientEntryPoint = !1;
     }
   };
 }
-function Ra(t, e = {}) {
-  let a = { ...e };
-  const n = Oe(t);
-  function l(o) {
-    n.render(ht(ma, o));
+function Ga(e, t = {}) {
+  let a = { ...t };
+  const o = Xe(e);
+  function r(n) {
+    o.render(Et(Fa, 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
+  Fa as App,
+  ha as DetailPanel,
+  Ee as ErrorBoundary,
+  ba as FileNode,
+  Ta as PipelineDiagram,
+  Ca as PipelineSelector,
+  Ea as TemplateEdge,
+  gt as fetchFileByRepoName,
+  Gt as fetchPipelineYaml,
+  Ka as fetchPipelines,
+  qt as fetchTaskDocsConfig,
+  Yt as fetchTaskSchema,
+  Ke as getLayoutedElements,
+  Ga as mount,
+  Ue as usePipelineStore
 };