@meirblachman/azure-pipelines-visualizer 0.2.4 → 0.2.5

package/dist/web/lib/index.js

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