@meirblachman/azure-pipelines-visualizer 0.2.3 → 0.2.4

package/dist/web/lib/index.js

@@ -1,19 +1,19 @@
-import { jsx as s, jsxs as l, Fragment as Je } from "react/jsx-runtime";
-import { memo as Ze, useMemo as ve, useEffect as ee, useCallback as ne, useState as L, useRef as Q, Component as yt, createContext as wt, useContext as Pt, createElement as Et } from "react";
-import { collapsePath as Rt, parseAdoCommitUrl as xt, parseYaml as ue, extractTaskReferences as kt, resolveTaskDocUrl as Tt, extractVariableValues as Pe, detectTemplateReferences as Oe, extractParameterDefaults as ze, buildAdoFileUrl as rt, getEffectiveRepoAlias as ie, extractDeclaredParameterNames as Qe, pathHasExpressions as me, resolveExpressionPath as Te, resolveTemplateRefPaths as it, evaluateExpression as $t, resolveTemplateSource as lt, parseTemplatePath as St, resolveAllExpressions as Ct, parseAdoUrl as Dt } from "@meirblachman/azure-pipelines-visualizer-core";
-import $e from "@dagrejs/dagre";
-import { Handle as Se, Position as Ce, useNodesState as ct, useEdgesState as dt, ReactFlow as pt, Background as ut, Controls as mt, getBezierPath as At, BaseEdge as It, EdgeLabelRenderer as Lt, MarkerType as De, BackgroundVariant as Ft } from "@xyflow/react";
-import Bt from "@monaco-editor/react";
-import { create as Ut } from "zustand";
+import { jsx as s, jsxs as l, Fragment as Xe } from "react/jsx-runtime";
+import { memo as Qe, useMemo as ve, useEffect as ee, useCallback as ne, useState as L, useRef as Q, Component as wt, createContext as Pt, useContext as Et, createElement as Rt } from "react";
+import { collapsePath as xt, parseAdoCommitUrl as kt, parseYaml as ue, extractTaskReferences as Tt, resolveTaskDocUrl as $t, extractVariableValues as Pe, detectTemplateReferences as je, extractParameterDefaults as ze, buildAdoFileUrl as it, getEffectiveRepoAlias as ie, extractDeclaredParameterNames as et, pathHasExpressions as me, resolveExpressionPath as $e, resolveTemplateRefPaths as lt, evaluateExpression as St, resolveTemplateSource as ct, parseTemplatePath as Ct, resolveAllExpressions as Dt, parseAdoUrl as At } from "@meirblachman/azure-pipelines-visualizer-core";
+import Se from "@dagrejs/dagre";
+import { Handle as Ce, Position as De, useNodesState as dt, useEdgesState as pt, ReactFlow as ut, Background as mt, Controls as ht, getBezierPath as It, BaseEdge as Lt, EdgeLabelRenderer as Bt, MarkerType as Ae, BackgroundVariant as Ft } from "@xyflow/react";
+import Ut from "@monaco-editor/react";
+import { create as Vt } from "zustand";
 import Mt from "react-dom";
-const Le = "7.1";
+const Be = "7.1";
 function Fe(e, t) {
   return `https://dev.azure.com/${encodeURIComponent(e)}/${encodeURIComponent(t)}/_apis`;
 }
-function Vt(e) {
+function Ot(e) {
   return e.startsWith("refs/heads/") ? { version: e.slice(11), versionType: "branch" } : e.startsWith("refs/tags/") ? { version: e.slice(10), versionType: "tag" } : /^[0-9a-f]{40}$/i.test(e) ? { version: e, versionType: "commit" } : { version: e, versionType: "branch" };
 }
-async function Be(e) {
+async function Ue(e) {
   const t = await fetch(e, { credentials: "include" });
   if (!t.ok) {
     const a = await t.text();
@@ -21,116 +21,116 @@ async function Be(e) {
   }
   return t;
 }
-async function ht(e, t, a, o, r) {
-  const n = o.startsWith("/") ? o : `/${o}`, c = Rt(n);
-  let d = `${Fe(e, t)}/git/repositories/${encodeURIComponent(a)}/items?path=${encodeURIComponent(c)}&api-version=${Le}&includeContent=true&$format=text`;
+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 = Vt(r);
-    d += `&versionDescriptor.version=${encodeURIComponent(h.version)}&versionDescriptor.versionType=${h.versionType}`;
+    const h = Ot(r);
+    m += `&versionDescriptor.version=${encodeURIComponent(h.version)}&versionDescriptor.versionType=${h.versionType}`;
   }
-  return (await Be(d)).text();
+  return (await Ue(m)).text();
 }
-async function Ot(e, t) {
-  const a = `${Fe(e, t)}/pipelines?api-version=${Le}`;
-  return (await (await Be(a)).json()).value;
+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, m, f;
-  const o = `${Fe(e, t)}/build/definitions/${a}?api-version=${Le}`, n = await (await Be(o)).json(), c = {
+  var u, h, i, p, f;
+  const o = `${Fe(e, t)}/build/definitions/${a}?api-version=${Be}`, n = await (await Ue(o)).json(), d = {
     id: n.id,
     name: n.name,
     path: ((u = n.process) == null ? void 0 : u.yamlFilename) ?? n.path,
     repository: {
       id: (h = n.repository) == null ? void 0 : h.id,
       name: (i = n.repository) == null ? void 0 : i.name,
-      type: (m = n.repository) == null ? void 0 : m.type,
+      type: (p = n.repository) == null ? void 0 : p.type,
       defaultBranch: (f = n.repository) == null ? void 0 : f.defaultBranch
     }
-  }, d = await ht(
+  }, m = await ft(
     e,
     t,
-    c.repository.id,
-    c.path,
-    c.repository.defaultBranch
+    d.repository.id,
+    d.path,
+    d.repository.defaultBranch
   );
-  return { definition: c, yaml: d };
+  return { definition: d, yaml: m };
 }
-async function jt(e, t, a, o, r) {
-  return { content: await ht(e, t, a, o, r), path: o, repoId: a, repoName: a, branch: r || "" };
+async function Wt(e, t, a, o, r) {
+  return { content: await ft(e, t, a, o, r), path: o, repoId: a, repoName: a, branch: r || "" };
 }
-async function Wt() {
+async function Ht() {
   return { customTaskDocs: {} };
 }
-async function Ht(e) {
+async function Gt(e) {
   return { tasks: [], cached: !1 };
 }
 async function Kt(e, t, a, o) {
   const r = new URLSearchParams({
-    "api-version": Le,
+    "api-version": Be,
     repositoryId: a,
     repositoryType: "TfsGit",
     sourceVersion: o,
     queryOrder: "queueTimeAscending",
     maxBuildsPerDefinition: "50"
   }), n = `${Fe(e, t)}/build/builds?${r}`;
-  return (await (await Be(n)).json()).value ?? [];
+  return (await (await Ue(n)).json()).value ?? [];
 }
-const ft = "/api";
-var ot;
-const he = typeof window < "u" && ((ot = window.location) == null ? void 0 : ot.protocol) === "chrome-extension:";
+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(`${ft}${e}`);
+  const t = await fetch(`${gt}${e}`);
   if (!t.ok) {
     const a = await t.text();
     throw new Error(`API error (${t.status}): ${a}`);
   }
   return t.json();
 }
-function Ka(e, t) {
-  return he ? Ot(e, t) : Ne(`/${e}/${t}/pipelines`);
+function qa(e, t) {
+  return he ? jt(e, t) : Ne(`/${e}/${t}/pipelines`);
 }
-function Gt(e, t, a) {
+function qt(e, t, a) {
   return he ? zt(e, t, a) : Ne(`/${e}/${t}/pipelines/${a}/yaml`);
 }
-function gt(e, t, a, o, r) {
+function _t(e, t, a, o, r) {
   if (he)
-    return jt(e, t, a, o, r);
+    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 qt() {
-  return he ? Wt() : Ne("/config/task-docs");
+function Yt() {
+  return he ? Ht() : Ne("/config/task-docs");
 }
-function Yt(e) {
-  return he ? Ht() : Ne(`/${e}/schema/tasks`);
+function Jt(e) {
+  return he ? Gt() : Ne(`/${e}/schema/tasks`);
 }
-function Jt(e, t, a, o, r, n, c) {
-  const d = new AbortController();
+function Xt(e, t, a, o, r, n, d) {
+  const m = new AbortController();
   if (he)
-    return Kt(e, t, a, o).then((m) => {
-      r(m), n();
+    return Kt(e, t, a, o).then((p) => {
+      r(p), n();
     }).catch(
-      (m) => c(m instanceof Error ? m.message : String(m))
-    ), d;
-  const u = new URLSearchParams({ repoName: a, commitSha: o }), h = `${ft}/${e}/${t}/commit-flow/stream?${u}`, i = new EventSource(h);
-  return d.signal.addEventListener("abort", () => i.close()), i.addEventListener("builds", (m) => {
+      (p) => d(p instanceof Error ? p.message : String(p))
+    ), m;
+  const u = new URLSearchParams({ repoName: a, commitSha: o }), h = `${gt}/${e}/${t}/commit-flow/stream?${u}`, i = new EventSource(h);
+  return m.signal.addEventListener("abort", () => i.close()), i.addEventListener("builds", (p) => {
     try {
-      const f = JSON.parse(m.data);
+      const f = JSON.parse(p.data);
       r(f);
     } catch {
     }
   }), i.addEventListener("done", () => {
     i.close(), n();
-  }), i.addEventListener("error", (m) => {
+  }), i.addEventListener("error", (p) => {
     i.close();
-    const f = m instanceof MessageEvent && m.data ? JSON.parse(m.data).error : "Connection lost";
-    c(f);
-  }), d;
+    const f = p instanceof MessageEvent && p.data ? JSON.parse(p.data).error : "Connection lost";
+    d(f);
+  }), m;
 }
-function je(e) {
+function We(e) {
   return e ? new Date(e).toLocaleString() : "—";
 }
-function Xt(e, t) {
+function Zt(e, t) {
   if (!e || !t) return null;
   const a = new Date(t).getTime() - new Date(e).getTime();
   if (a < 0) return null;
@@ -138,25 +138,50 @@ function Xt(e, t) {
   if (o < 60) return `${o}s`;
   const r = Math.floor(o / 60), n = o % 60;
   if (r < 60) return `${r}m ${n}s`;
-  const c = Math.floor(r / 60), d = r % 60;
-  return `${c}h ${d}m`;
+  const d = Math.floor(r / 60), m = r % 60;
+  return `${d}h ${m}m`;
 }
-function Zt(e, t) {
+function Qt(e, t) {
   return e === "inProgress" ? { label: "In Progress", className: "badge--in-progress" } : e === "notStarted" ? { label: "Not Started", className: "badge--pending" } : t === "succeeded" ? { label: "Succeeded", className: "badge--succeeded" } : t === "partiallySucceeded" ? { label: "Partial Success", className: "badge--partial" } : t === "failed" ? { label: "Failed", className: "badge--failed" } : t === "canceled" ? { label: "Canceled", className: "badge--canceled" } : { label: e, className: "" };
 }
-function Qt({
+function ea(e) {
+  var o, r;
+  const t = (r = (o = e._links) == null ? void 0 : o.web) == null ? void 0 : r.href;
+  if (!t) return null;
+  const a = t.match(/(https:\/\/dev\.azure\.com\/[^/]+\/[^/]+)/);
+  return a ? a[1] : null;
+}
+function Ee({
+  href: e,
+  children: t
+}) {
+  return e ? /* @__PURE__ */ l(
+    "a",
+    {
+      href: e,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: "build-popup__link",
+      children: [
+        t,
+        " ↗"
+      ]
+    }
+  ) : /* @__PURE__ */ s("span", { children: t });
+}
+function ta({
   build: e,
   onClose: t
 }) {
-  var n, c;
-  const a = Zt(e.status, e.result), o = Xt(e.startTime, e.finishTime), r = (c = (n = e._links) == null ? void 0 : n.web) == null ? void 0 : c.href;
+  var p, f;
+  const a = Qt(e.status, e.result), o = Zt(e.startTime, e.finishTime), r = ((f = (p = e._links) == null ? void 0 : p.web) == null ? void 0 : f.href) ?? null, n = ea(e), d = e.sourceBranch.replace("refs/heads/", ""), m = r, u = n ? `${n}/_build?definitionId=${e.definition.id}` : null, h = n ? `${n}/_git/?version=GC${e.sourceVersion}` : null, i = n ? `${n}/_git/?version=GB${d}` : null;
   return /* @__PURE__ */ s(
     "div",
     {
       className: "build-popup-overlay",
       onClick: t,
-      onKeyDown: (d) => {
-        d.key === "Escape" && t();
+      onKeyDown: (c) => {
+        c.key === "Escape" && t();
       },
       role: "dialog",
       "aria-modal": "true",
@@ -164,11 +189,11 @@ function Qt({
         "div",
         {
           className: "build-popup",
-          onClick: (d) => d.stopPropagation(),
-          onKeyDown: (d) => d.stopPropagation(),
+          onClick: (c) => c.stopPropagation(),
+          onKeyDown: (c) => c.stopPropagation(),
           children: [
             /* @__PURE__ */ l("div", { className: "build-popup__header", children: [
-              /* @__PURE__ */ s("h2", { children: e.definition.name }),
+              /* @__PURE__ */ s("h2", { children: /* @__PURE__ */ s(Ee, { href: u, children: e.definition.name }) }),
               /* @__PURE__ */ s(
                 "button",
                 {
@@ -182,7 +207,7 @@ function Qt({
             /* @__PURE__ */ l("div", { className: "build-popup__body", children: [
               /* @__PURE__ */ l("div", { className: "build-popup__row", children: [
                 /* @__PURE__ */ s("span", { className: "build-popup__label", children: "Build Number" }),
-                /* @__PURE__ */ l("span", { children: [
+                /* @__PURE__ */ l(Ee, { href: m, children: [
                   "#",
                   e.buildNumber
                 ] })
@@ -191,17 +216,21 @@ function Qt({
                 /* @__PURE__ */ s("span", { className: "build-popup__label", children: "Status" }),
                 /* @__PURE__ */ s("span", { className: `build-popup__badge ${a.className}`, children: a.label })
               ] }),
+              /* @__PURE__ */ l("div", { className: "build-popup__row", children: [
+                /* @__PURE__ */ s("span", { className: "build-popup__label", children: "Project" }),
+                /* @__PURE__ */ s("span", { children: e.project.name })
+              ] }),
               /* @__PURE__ */ l("div", { className: "build-popup__row", children: [
                 /* @__PURE__ */ s("span", { className: "build-popup__label", children: "Queued" }),
-                /* @__PURE__ */ s("span", { children: je(e.queueTime) })
+                /* @__PURE__ */ s("span", { children: We(e.queueTime) })
               ] }),
               /* @__PURE__ */ l("div", { className: "build-popup__row", children: [
                 /* @__PURE__ */ s("span", { className: "build-popup__label", children: "Started" }),
-                /* @__PURE__ */ s("span", { children: je(e.startTime) })
+                /* @__PURE__ */ s("span", { children: We(e.startTime) })
               ] }),
               /* @__PURE__ */ l("div", { className: "build-popup__row", children: [
                 /* @__PURE__ */ s("span", { className: "build-popup__label", children: "Finished" }),
-                /* @__PURE__ */ s("span", { children: je(e.finishTime) })
+                /* @__PURE__ */ s("span", { children: We(e.finishTime) })
               ] }),
               o && /* @__PURE__ */ l("div", { className: "build-popup__row", children: [
                 /* @__PURE__ */ s("span", { className: "build-popup__label", children: "Duration" }),
@@ -209,11 +238,11 @@ function Qt({
               ] }),
               /* @__PURE__ */ l("div", { className: "build-popup__row", children: [
                 /* @__PURE__ */ s("span", { className: "build-popup__label", children: "Branch" }),
-                /* @__PURE__ */ s("span", { children: e.sourceBranch.replace("refs/heads/", "") })
+                /* @__PURE__ */ s(Ee, { href: i, children: d })
               ] }),
               /* @__PURE__ */ l("div", { className: "build-popup__row", children: [
                 /* @__PURE__ */ s("span", { className: "build-popup__label", children: "Commit" }),
-                /* @__PURE__ */ s("span", { className: "build-popup__mono", children: e.sourceVersion.slice(0, 8) })
+                /* @__PURE__ */ s(Ee, { href: h, children: /* @__PURE__ */ s("span", { className: "build-popup__mono", children: e.sourceVersion.slice(0, 8) }) })
               ] }),
               e.requestedFor && /* @__PURE__ */ l("div", { className: "build-popup__row", children: [
                 /* @__PURE__ */ s("span", { className: "build-popup__label", children: "Requested For" }),
@@ -229,20 +258,20 @@ function Qt({
               ] }),
               Object.keys(e.triggerInfo).length > 0 && /* @__PURE__ */ l("div", { className: "build-popup__row", children: [
                 /* @__PURE__ */ s("span", { className: "build-popup__label", children: "Trigger Info" }),
-                /* @__PURE__ */ s("span", { className: "build-popup__mono", children: Object.entries(e.triggerInfo).map(([d, u]) => `${d}: ${u}`).join(", ") })
+                /* @__PURE__ */ s("span", { className: "build-popup__mono", children: Object.entries(e.triggerInfo).map(([c, N]) => `${c}: ${N}`).join(", ") })
               ] }),
               e.tags.length > 0 && /* @__PURE__ */ l("div", { className: "build-popup__row", children: [
                 /* @__PURE__ */ s("span", { className: "build-popup__label", children: "Tags" }),
-                /* @__PURE__ */ s("span", { className: "build-popup__tags", children: e.tags.map((d) => /* @__PURE__ */ s("span", { className: "build-popup__tag", children: d }, d)) })
+                /* @__PURE__ */ s("span", { className: "build-popup__tags", children: e.tags.map((c) => /* @__PURE__ */ s("span", { className: "build-popup__tag", children: c }, c)) })
               ] }),
-              r && /* @__PURE__ */ s("div", { className: "build-popup__row", children: /* @__PURE__ */ s(
+              r && /* @__PURE__ */ s("div", { className: "build-popup__actions", children: /* @__PURE__ */ s(
                 "a",
                 {
                   href: r,
                   target: "_blank",
                   rel: "noopener noreferrer",
-                  className: "build-popup__link",
-                  children: "Open in Azure DevOps ↗"
+                  className: "build-popup__action-link",
+                  children: "Open Build in Azure DevOps ↗"
                 }
               ) })
             ] })
@@ -252,7 +281,7 @@ function Qt({
     }
   );
 }
-function ea(e) {
+function aa(e) {
   return e ? new Date(e).toLocaleString(void 0, {
     month: "short",
     day: "numeric",
@@ -261,7 +290,7 @@ function ea(e) {
     second: "2-digit"
   }) : "—";
 }
-function ta(e, t) {
+function na(e, t) {
   if (!e || !t) return null;
   const a = new Date(t).getTime() - new Date(e).getTime();
   if (a < 0) return null;
@@ -269,23 +298,34 @@ function ta(e, t) {
   if (o < 60) return `${o}s`;
   const r = Math.floor(o / 60), n = o % 60;
   if (r < 60) return `${r}m ${n}s`;
-  const c = Math.floor(r / 60), d = r % 60;
-  return `${c}h ${d}m`;
+  const d = Math.floor(r / 60), m = r % 60;
+  return `${d}h ${m}m`;
 }
-function aa(e, t) {
+function sa(e, t) {
   return e === "inProgress" ? "⏳" : e === "notStarted" ? "⏸️" : t === "succeeded" ? "✅" : t === "partiallySucceeded" ? "⚠️" : t === "failed" ? "❌" : t === "canceled" ? "🚫" : "❓";
 }
-function na(e, t) {
+function oa(e, t) {
   return e === "inProgress" ? "build-node--in-progress" : t === "succeeded" ? "build-node--succeeded" : t === "partiallySucceeded" ? "build-node--partial" : t === "failed" ? "build-node--failed" : t === "canceled" ? "build-node--canceled" : "";
 }
-function sa({ data: e }) {
-  const t = e, a = ta(t.startTime, t.finishTime);
-  return /* @__PURE__ */ l("div", { className: `build-node ${na(t.status, t.result)}`, children: [
-    !t.isRoot && /* @__PURE__ */ s(Se, { type: "target", position: Ce.Left }),
+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: aa(t.status, t.result) }),
+      /* @__PURE__ */ s("span", { className: "build-node__status", children: sa(t.status, t.result) }),
       /* @__PURE__ */ s("span", { className: "build-node__name", title: t.pipelineName, children: t.pipelineName })
     ] }),
+    !t.isRoot && t.projectName && /* @__PURE__ */ l(
+      "div",
+      {
+        className: "build-node__project",
+        title: `Project: ${t.projectName}`,
+        children: [
+          "📁 ",
+          t.projectName
+        ]
+      }
+    ),
     /* @__PURE__ */ l("div", { className: "build-node__number", children: [
       "#",
       t.buildNumber
@@ -293,7 +333,7 @@ function sa({ data: e }) {
     /* @__PURE__ */ l("div", { className: "build-node__times", children: [
       /* @__PURE__ */ l("span", { title: "Start time", children: [
         "🕐 ",
-        ea(t.startTime)
+        aa(t.startTime)
       ] }),
       a && /* @__PURE__ */ l("span", { title: "Duration", children: [
         "⏱️ ",
@@ -304,61 +344,61 @@ function sa({ data: e }) {
       "🌿 ",
       t.sourceBranch.replace("refs/heads/", "")
     ] }),
-    /* @__PURE__ */ s(Se, { type: "source", position: Ce.Right })
+    /* @__PURE__ */ s(Ce, { type: "source", position: De.Right })
   ] });
 }
-const oa = Ze(sa), We = 280, _e = 130, He = 20, ra = { build: oa };
-function ia(e, t) {
+const ia = Qe(ra), He = 280, _e = 130, Ge = 20, la = { build: ia };
+function ca(e, t) {
   if (e.length === 0) return { nodes: e, edges: t };
   const a = /* @__PURE__ */ new Set();
-  for (const c of t)
-    a.add(c.source), a.add(c.target);
-  const o = e.filter((c) => !a.has(c.id)), r = e.filter((c) => a.has(c.id));
+  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 c = new $e.graphlib.Graph();
-    c.setDefaultEdgeLabel(() => ({})), c.setGraph({ rankdir: "LR", ranksep: 80, nodesep: 30 });
-    for (const d of r)
-      c.setNode(d.id, { width: We, height: _e });
-    for (const d of t)
-      c.setEdge(d.source, d.target);
-    $e.layout(c), n = r.map((d) => {
-      const u = c.node(d.id);
+    const d = new Se.graphlib.Graph();
+    d.setDefaultEdgeLabel(() => ({})), d.setGraph({ rankdir: "LR", ranksep: 80, nodesep: 30 });
+    for (const m of r)
+      d.setNode(m.id, { width: He, height: _e });
+    for (const m of t)
+      d.setEdge(m.source, m.target);
+    Se.layout(d), n = r.map((m) => {
+      const u = d.node(m.id);
       return {
-        ...d,
-        position: { x: u.x - We / 2, y: u.y - _e / 2 }
+        ...m,
+        position: { x: u.x - He / 2, y: u.y - _e / 2 }
       };
     });
   }
   if (o.length > 0) {
-    let c = 0;
-    for (const i of n) c = Math.max(c, i.position.y + _e);
-    const d = n.length > 0 ? c + 60 : 0, u = [...o].sort((i, m) => {
-      const f = i.data.startTime ?? "", p = m.data.startTime ?? "";
-      return f < p ? -1 : f > p ? 1 : 0;
+    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 m = i.data.startTime;
-      return m ? new Date(m).getTime() : null;
+      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, p = Math.max(u.length * (We + He), 1200);
-      let w = 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, y = ((_ ? new Date(_).getTime() : i) - i) / f * p;
+        const _ = E.data.startTime, w = ((_ ? new Date(_).getTime() : i) - i) / f * c;
         E.position = {
-          x: y,
-          y: d + w * (_e + He)
-        }, w++;
+          x: w,
+          y: m + N * (_e + Ge)
+        }, N++;
       }
     } else
-      u.forEach((i, m) => {
-        i.position = { x: 0, y: d + m * (_e + He) };
+      u.forEach((i, p) => {
+        i.position = { x: 0, y: m + p * (_e + Ge) };
       });
     n = [...n, ...u];
   }
   return { nodes: n, edges: t };
 }
-function la(e) {
+function da(e) {
   const t = /* @__PURE__ */ new Map();
   for (const n of e)
     t.set(n.id, n);
@@ -366,7 +406,7 @@ function la(e) {
   for (const n of e)
     n.upstreamBuildId && t.has(n.upstreamBuildId) && a.add(n.id);
   const o = e.map((n) => {
-    var c, d;
+    var d, m;
     return {
       id: String(n.id),
       type: "build",
@@ -380,8 +420,9 @@ function la(e) {
         startTime: n.startTime,
         finishTime: n.finishTime,
         sourceBranch: n.sourceBranch,
-        webUrl: ((d = (c = n._links) == null ? void 0 : c.web) == null ? void 0 : d.href) ?? null,
-        isRoot: !a.has(n.id)
+        webUrl: ((m = (d = n._links) == null ? void 0 : d.web) == null ? void 0 : m.href) ?? null,
+        isRoot: !a.has(n.id),
+        projectName: n.project.name
       }
     };
   }), r = [];
@@ -393,59 +434,59 @@ function la(e) {
       animated: n.status === "inProgress",
       style: { stroke: "#89b4fa", strokeWidth: 2 }
     });
-  return ia(o, r);
+  return ca(o, r);
 }
-function ca({
+function pa({
   builds: e,
   onNodeClick: t
 }) {
   const { nodes: a, edges: o } = ve(
-    () => la(e),
+    () => da(e),
     [e]
-  ), [r, n, c] = ct(a), [d, u, h] = dt(o);
+  ), [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 p of e) f.set(p.id, p);
+    for (const c of e) f.set(c.id, c);
     return f;
-  }, [e]), m = ne(
-    (f, p) => {
-      const w = i.get(Number(p.id));
-      w && t(w);
+  }, [e]), p = ne(
+    (f, c) => {
+      const N = i.get(Number(c.id));
+      N && t(N);
     },
     [i, t]
   );
   return /* @__PURE__ */ s("div", { className: "commit-flow-diagram", children: /* @__PURE__ */ l(
-    pt,
+    ut,
     {
       nodes: r,
-      edges: d,
-      nodeTypes: ra,
-      onNodesChange: c,
+      edges: m,
+      nodeTypes: la,
+      onNodesChange: d,
       onEdgesChange: h,
-      onNodeClick: m,
+      onNodeClick: p,
       fitView: !0,
       minZoom: 0.2,
       maxZoom: 2,
       proOptions: { hideAttribution: !0 },
       children: [
-        /* @__PURE__ */ s(ut, {}),
-        /* @__PURE__ */ s(mt, {})
+        /* @__PURE__ */ s(mt, {}),
+        /* @__PURE__ */ s(ht, {})
       ]
     }
   ) });
 }
-function da({
+function ua({
   onLoad: e,
   loading: t
 }) {
-  const [a, o] = L(""), [r, n] = L(null), c = () => {
+  const [a, o] = L(""), [r, n] = L(null), d = () => {
     const u = a.trim();
     if (!u) return;
     n(null);
-    const h = xt(u);
+    const h = kt(u);
     if (!h) {
       n(
         "Invalid URL. Expected: https://dev.azure.com/{org}/{project}/_git/{repo}/commit/{sha}"
@@ -468,7 +509,7 @@ function da({
         value: a,
         onChange: (u) => o(u.target.value),
         onKeyDown: (u) => {
-          u.key === "Enter" && (u.preventDefault(), c());
+          u.key === "Enter" && (u.preventDefault(), d());
         },
         className: "commit-flow-selector__input commit-flow-selector__input--url"
       }
@@ -477,7 +518,7 @@ function da({
       "button",
       {
         className: "commit-flow-selector__btn",
-        onClick: c,
+        onClick: d,
         disabled: !a.trim() || t,
         type: "button",
         children: t ? "⏳ Loading..." : "Load Builds"
@@ -486,14 +527,14 @@ function da({
     r && /* @__PURE__ */ s("div", { className: "commit-flow-selector__error", children: r })
   ] });
 }
-function pa() {
-  const [e, t] = L([]), [a, o] = L(!1), [r, n] = L(null), [c, d] = L(null), [u, h] = L(null), i = Q(null), m = ne((p) => {
-    var w;
-    (w = i.current) == null || w.abort(), o(!0), n(null), t([]), d(null), h(p), i.current = Jt(
-      p.org,
-      p.project,
-      p.repoName,
-      p.commitSha,
+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]);
       },
@@ -505,11 +546,11 @@ function pa() {
       }
     );
   }, []), f = ne(() => {
-    u && m(u);
-  }, [u, m]);
+    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(da, { onLoad: m, loading: a }),
+      /* @__PURE__ */ s(ua, { onLoad: p, loading: a }),
       u && !a && /* @__PURE__ */ s(
         "button",
         {
@@ -529,18 +570,18 @@ function pa() {
         " found",
         a && " (loading…)"
       ] }),
-      /* @__PURE__ */ s(ca, { builds: e, onNodeClick: d })
+      /* @__PURE__ */ s(pa, { builds: e, onNodeClick: m })
     ] }),
-    c && /* @__PURE__ */ s(
-      Qt,
+    d && /* @__PURE__ */ s(
+      ta,
       {
-        build: c,
-        onClose: () => d(null)
+        build: d,
+        onClose: () => m(null)
       }
     )
   ] });
 }
-const Ue = Ut((e) => ({
+const Ve = Vt((e) => ({
   org: "",
   project: "",
   setConnection: (t, a) => e({ org: t, project: a }),
@@ -554,10 +595,10 @@ const Ue = Ut((e) => ({
   }),
   setSelectedPipelineLoading: (t) => e({ selectedPipelineLoading: t }),
   setSelectedPipelineError: (t) => e({ selectedPipelineError: t }),
-  expandedTemplates: new Map(ua()),
+  expandedTemplates: new Map(ha()),
   setExpandedTemplate: (t, a) => e((o) => {
     const r = new Map(o.expandedTemplates);
-    return r.set(t, a), ma(r), { expandedTemplates: r };
+    return r.set(t, a), fa(r), { expandedTemplates: r };
   }),
   expandedNodes: /* @__PURE__ */ new Set(),
   toggleNode: (t) => e((a) => {
@@ -575,34 +616,34 @@ const Ue = Ut((e) => ({
       a.set(`${o.name}@${o.version}`, o);
     return { taskSchema: a };
   })
-})), _t = "apv-template-cache";
-function ua() {
+})), vt = "apv-template-cache";
+function ha() {
   try {
-    const e = localStorage.getItem(_t);
+    const e = localStorage.getItem(vt);
     if (e)
       return JSON.parse(e);
   } catch {
   }
   return [];
 }
-function ma(e) {
+function fa(e) {
   try {
     const a = Array.from(e.entries()).slice(-100);
-    localStorage.setItem(_t, JSON.stringify(a));
+    localStorage.setItem(vt, JSON.stringify(a));
   } catch {
   }
 }
-function ha() {
+function ga() {
   const {
     selectedNodeDetail: e,
     customTaskDocs: t,
     taskSchema: a,
     setSelectedNodeDetail: o
-  } = Ue(), r = ve(() => {
+  } = Ve(), r = ve(() => {
     if (!(e != null && e.yaml)) return [];
     try {
       const n = ue(e.yaml);
-      return kt(n ?? {});
+      return Tt(n ?? {});
     } catch {
       return [];
     }
@@ -638,7 +679,7 @@ function ha() {
         ")"
       ] }),
       /* @__PURE__ */ s("ul", { className: "task-list", children: r.map((n) => /* @__PURE__ */ s(
-        fa,
+        _a,
         {
           ref_: n,
           customDocs: t,
@@ -648,7 +689,7 @@ function ha() {
       )) })
     ] }),
     /* @__PURE__ */ s("div", { className: "detail-panel__editor", children: /* @__PURE__ */ s(
-      Bt,
+      Ut,
       {
         height: "100%",
         language: "yaml",
@@ -668,12 +709,12 @@ function ha() {
     ) })
   ] }) : /* @__PURE__ */ s("div", { className: "detail-panel detail-panel--empty", children: /* @__PURE__ */ s("p", { children: "Click a node to view its contents" }) });
 }
-function fa({
+function _a({
   ref_: e,
   customDocs: t,
   schemaEntry: a
 }) {
-  const o = Tt(e, t);
+  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: [
@@ -705,7 +746,7 @@ function fa({
     ] })
   ] });
 }
-class Ee extends yt {
+class Re extends wt {
   constructor(t) {
     super(t), this.state = { hasError: !1, error: null };
   }
@@ -731,39 +772,39 @@ class Ee extends yt {
     ] }) : this.props.children;
   }
 }
-const vt = wt(null), ga = vt.Provider;
-function _a() {
-  const e = Pt(vt);
+const Nt = Pt(null), va = Nt.Provider;
+function Na() {
+  const e = Et(Nt);
   if (!e)
     throw new Error(
       "useFileFetch must be used within a FileFetchProvider. Wrap your component tree with <FileFetchProvider value={...}>."
     );
   return e;
 }
-const et = 300, tt = 100;
+const tt = 300, at = 100;
 function Ke(e, t, a = "TB") {
-  const o = new $e.graphlib.Graph();
+  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: et, height: tt });
+    o.setNode(n.id, { width: tt, height: at });
   for (const n of t)
     o.setEdge(n.source, n.target);
-  return $e.layout(o), { nodes: e.map((n) => {
-    const c = o.node(n.id);
+  return Se.layout(o), { nodes: e.map((n) => {
+    const d = o.node(n.id);
     return {
       ...n,
       position: {
-        x: c.x - et / 2,
-        y: c.y - tt / 2
+        x: d.x - tt / 2,
+        y: d.y - at / 2
       }
     };
   }), edges: t };
 }
-function va({ data: e }) {
-  var c;
+function ba({ data: e }) {
+  var d;
   const t = e, [a, o] = L(!1), r = t.status === "root" ? "file-node--root" : t.status === "expanded" ? "file-node--expanded" : t.status === "loading" ? "file-node--loading" : t.status === "error" ? "file-node--error" : "file-node--collapsed", n = t.repoAlias ? "file-node--cross-repo" : "";
   return /* @__PURE__ */ l("div", { className: `file-node ${r} ${n}`, children: [
-    !t.isRoot && /* @__PURE__ */ s(Se, { type: "target", position: Ce.Top }),
+    !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 }),
@@ -775,8 +816,8 @@ function va({ data: e }) {
           rel: "noopener noreferrer",
           className: "file-node__action-btn",
           title: "Open in Azure DevOps",
-          onClick: (d) => d.stopPropagation(),
-          children: /* @__PURE__ */ s(Na, {})
+          onClick: (m) => m.stopPropagation(),
+          children: /* @__PURE__ */ s(ya, {})
         }
       ) })
     ] }),
@@ -816,7 +857,7 @@ function va({ data: e }) {
       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: [
         "❌ ",
-        (c = t.errorMessage) == null ? void 0 : c.slice(0, 80)
+        (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" }),
@@ -825,10 +866,10 @@ function va({ data: e }) {
         " template ref(s)"
       ] })
     ] }),
-    /* @__PURE__ */ s(Se, { type: "source", position: Ce.Bottom })
+    /* @__PURE__ */ s(Ce, { type: "source", position: De.Bottom })
   ] });
 }
-function Na() {
+function ya() {
   return /* @__PURE__ */ s(
     "svg",
     {
@@ -847,8 +888,8 @@ function Na() {
     }
   );
 }
-const ba = Ze(va);
-function Ge({
+const wa = Qe(ba);
+function qe({
   className: e,
   label: t,
   children: a
@@ -867,43 +908,43 @@ function Ge({
     }
   );
 }
-function ya({
+function Pa({
   id: e,
   sourceX: t,
   sourceY: a,
   targetX: o,
   targetY: r,
   sourcePosition: n,
-  targetPosition: c,
-  data: d,
+  targetPosition: d,
+  data: m,
   markerEnd: u,
   style: h
 }) {
   var P;
-  const i = d, [m, f] = L(!1), [p, w, E] = At({
+  const i = m, [p, f] = L(!1), [c, N, E] = It({
     sourceX: t,
     sourceY: a,
     sourcePosition: n,
     targetX: o,
     targetY: r,
-    targetPosition: c
-  }), _ = ne(() => f(!0), []), b = ne(() => f(!1), []), y = ((P = i == null ? void 0 : i.parameterNames) == null ? void 0 : P.length) ?? 0;
-  return /* @__PURE__ */ l(Je, { children: [
-    /* @__PURE__ */ s(It, { id: e, path: p, markerEnd: u, style: h }),
-    /* @__PURE__ */ s(Lt, { children: /* @__PURE__ */ l(
+    targetPosition: d
+  }), _ = ne(() => f(!0), []), y = ne(() => f(!1), []), w = ((P = i == null ? void 0 : i.parameterNames) == null ? void 0 : P.length) ?? 0;
+  return /* @__PURE__ */ l(Xe, { children: [
+    /* @__PURE__ */ s(Lt, { id: e, path: c, markerEnd: u, style: h }),
+    /* @__PURE__ */ s(Bt, { children: /* @__PURE__ */ l(
       "div",
       {
         className: "template-edge__label-container",
         style: {
           position: "absolute",
-          transform: `translate(-50%, -50%) translate(${w}px,${E}px)`,
+          transform: `translate(-50%, -50%) translate(${N}px,${E}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(
-              Ge,
+              qe,
               {
                 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",
@@ -922,7 +963,7 @@ function ya({
               }
             ),
             (i == null ? void 0 : i.dynamicPath) && i.expressionResolved && /* @__PURE__ */ l(
-              Ge,
+              qe,
               {
                 className: "template-edge__badge template-edge__badge--resolved",
                 label: "🔮 resolved",
@@ -941,7 +982,7 @@ function ya({
               }
             ),
             (i == null ? void 0 : i.dynamicPath) && !i.expressionResolved && /* @__PURE__ */ l(
-              Ge,
+              qe,
               {
                 className: "template-edge__badge template-edge__badge--unresolved",
                 label: "⚠️ dynamic",
@@ -964,15 +1005,15 @@ function ya({
               }
             )
           ] }),
-          y > 0 && /* @__PURE__ */ l(
+          w > 0 && /* @__PURE__ */ l(
             "span",
             {
               className: "template-edge__params-badge",
               onMouseEnter: _,
-              onMouseLeave: b,
+              onMouseLeave: y,
               children: [
-                wa(i),
-                m && /* @__PURE__ */ s(Pa, { data: i })
+                Ea(i),
+                p && /* @__PURE__ */ s(Ra, { data: i })
               ]
             }
           )
@@ -981,12 +1022,12 @@ function ya({
     ) })
   ] });
 }
-function wa(e) {
+function Ea(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 Pa({ data: e }) {
+function Ra({ data: e }) {
   var a, o;
   const t = (a = e.declaredParameterNames) == null ? void 0 : a.filter(
     (r) => {
@@ -1028,12 +1069,12 @@ function Pa({ data: e }) {
     e.totalParameterCount == null && !((o = e.declaredParameterNames) != null && o.length) && /* @__PURE__ */ s("div", { className: "template-edge__params-hint", children: "Expand node to see all declared params" })
   ] });
 }
-const Ea = Ze(ya), Ra = { fileNode: ba }, xa = { templateEdge: Ea }, ka = {
+const xa = Qe(Pa), ka = { fileNode: wa }, Ta = { templateEdge: xa }, $a = {
   animated: !0,
   style: { stroke: "var(--accent)", strokeWidth: 2 },
-  markerEnd: { type: De.ArrowClosed, color: "var(--accent)" }
+  markerEnd: { type: Ae.ArrowClosed, color: "var(--accent)" }
 };
-function Ta() {
+function Sa() {
   var le, be;
   const {
     org: e,
@@ -1042,39 +1083,39 @@ function Ta() {
     selectedPipelineLoading: o,
     selectedPipelineError: r,
     expandedTemplates: n,
-    setExpandedTemplate: c,
-    setSelectedNodeDetail: d
-  } = Ue(), u = _a(), [h, i, m] = ct([]), [f, p, w] = dt([]), E = Q(null), _ = Q(null), b = Q(""), y = Q([]);
+    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(() => {
-    y.current = f;
+    w.current = f;
   }, [f]);
-  const [P, B] = L(/* @__PURE__ */ new Set()), k = Q(/* @__PURE__ */ new Set()), [T, se] = L(!1), C = ((be = (le = a == null ? void 0 : a.definition) == null ? void 0 : le.repository) == null ? void 0 : be.name) ?? "", V = ve(() => {
+  const [P, F] = L(/* @__PURE__ */ new Set()), k = Q(/* @__PURE__ */ new Set()), [T, se] = L(!1), C = ((be = (le = a == null ? void 0 : a.definition) == null ? void 0 : le.repository) == null ? void 0 : be.name) ?? "", M = ve(() => {
     if (!(a != null && a.yaml)) return [];
     try {
-      const N = ue(a.yaml), g = N == null ? void 0 : N.resources;
+      const b = ue(a.yaml), g = b == null ? void 0 : b.resources;
       return (g == null ? void 0 : g.repositories) ?? [];
     } catch {
       return [];
     }
-  }, [a == null ? void 0 : a.yaml]), K = ve(() => {
+  }, [a == null ? void 0 : a.yaml]), G = ve(() => {
     if (!(a != null && a.yaml)) return {};
     try {
-      const N = ue(a.yaml);
-      return Pe(N ?? {});
+      const b = ue(a.yaml);
+      return Pe(b ?? {});
     } catch {
       return {};
     }
   }, [a == null ? void 0 : a.yaml]);
   ee(() => {
-    var R, F, j, ce, de, pe, oe;
+    var R, B, z, ce, de, pe, oe;
     if (!(a != null && a.yaml)) {
-      i([]), p([]);
+      i([]), c([]);
       return;
     }
-    const N = ue(a.yaml), g = ((R = a.definition) == null ? void 0 : R.path) ?? "", v = Oe(N ?? {}, { sourcePath: g }), x = ((F = a.definition) == null ? void 0 : F.name) ?? g.split("/").pop() ?? "Pipeline", $ = Ie(g), A = ze(N ?? {}), D = ((ce = (j = a.definition) == null ? void 0 : j.repository) == null ? void 0 : ce.name) ?? "", W = (oe = (pe = (de = a.definition) == null ? void 0 : de.repository) == null ? void 0 : pe.defaultBranch) == null ? void 0 : oe.replace(
+    const b = ue(a.yaml), g = ((R = a.definition) == null ? void 0 : R.path) ?? "", v = je(b ?? {}, { sourcePath: g }), x = ((B = a.definition) == null ? void 0 : B.name) ?? g.split("/").pop() ?? "Pipeline", $ = Le(g), A = ze(b ?? {}), D = ((ce = (z = a.definition) == null ? void 0 : z.repository) == null ? void 0 : ce.name) ?? "", W = (oe = (pe = (de = a.definition) == null ? void 0 : de.repository) == null ? void 0 : pe.defaultBranch) == null ? void 0 : oe.replace(
       /^refs\/heads\//,
       ""
-    ), I = e && t && D ? rt({
+    ), I = e && t && D ? it({
       org: e,
       project: t,
       repoName: D,
@@ -1093,29 +1134,29 @@ function Ta() {
         baseDir: $,
         adoUrl: I
       }
-    }, { templateNodes: H, templateEdges: Z } = qe(
+    }, { templateNodes: H, templateEdges: Z } = Ye(
       "root",
       v,
       e,
       t,
       C,
-      V,
+      M,
       A,
       void 0,
       // existingNodeIds
-      K
+      G
     ), q = [te, ...H], ae = [...Z], { nodes: O, edges: U } = Ke(
       q,
       ae
     );
-    i(O), p(U), k.current = /* @__PURE__ */ new Set();
-  }, [a, i, p]);
+    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 N = `${h.length}:${f.length}`;
-    if (N !== b.current)
-      return b.current = N, _.current != null && cancelAnimationFrame(_.current), _.current = requestAnimationFrame(() => {
+    const b = `${h.length}:${f.length}`;
+    if (b !== y.current)
+      return y.current = b, _.current != null && cancelAnimationFrame(_.current), _.current = requestAnimationFrame(() => {
         var g;
         (g = E.current) == null || g.fitView({
           padding: 0.2,
@@ -1126,57 +1167,57 @@ function Ta() {
       };
   }, [T, h.length, f.length]), ee(() => {
     if (fe.current) return;
-    const N = h.filter((g) => {
+    const b = h.filter((g) => {
       const v = g.data;
       if (v.status !== "collapsed" || k.current.has(g.id) || P.has(g.id)) return !1;
       const x = v._conditionResult;
       return !(x === !1 || x === "unknown" && !T);
     });
-    if (N.length !== 0) {
-      N.sort((g, v) => {
+    if (b.length !== 0) {
+      b.sort((g, v) => {
         const x = g.data.templateLocation === "variables" ? 0 : 1, $ = v.data.templateLocation === "variables" ? 0 : 1;
         return x - $;
       });
-      for (const g of N) {
+      for (const g of b) {
         const v = g.data;
         v.dynamicPath && !v.expressionResolved || k.current.add(g.id);
       }
       fe.current = !0, (async () => {
-        for (const g of N) {
+        for (const g of b) {
           const v = g.data;
           if (!(v.dynamicPath && !v.expressionResolved))
             try {
-              const { content: x, actualPath: $ } = await Ye(
+              const { content: x, actualPath: $ } = await Je(
                 e,
                 t,
                 C,
                 v,
-                V,
+                M,
                 n,
-                c,
+                d,
                 u
-              ), A = ue(x) ?? {}, D = v._ref, W = Oe(A, {
+              ), A = ue(x) ?? {}, D = v._ref, W = je(A, {
                 contextRepoAlias: ie(D ?? {}),
                 sourcePath: $
-              }), I = Qe(A);
+              }), 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 F = xe(
+                      const B = ke(
                         U,
                         H,
                         e,
                         t,
                         C,
-                        V
+                        M
                       );
-                      if (F !== U) {
+                      if (B !== U) {
                         q.add(U.id);
-                        const j = F.data;
-                        j.repoAlias && ae.add(U.id), O.set(U.id, j.filePath);
+                        const z = B.data;
+                        z.repoAlias && ae.add(U.id), O.set(U.id, z.filePath);
                       }
                     }
                   }
@@ -1190,55 +1231,55 @@ function Ta() {
                       totalParameterCount: I.length || void 0,
                       declaredParameterNames: I.length ? I : void 0
                     }
-                  } : Z && q.has(R.id) ? xe(
+                  } : Z && q.has(R.id) ? ke(
                     R,
                     H,
                     e,
                     t,
                     C,
-                    V
+                    M
                   ) : R)
-                ), q.size > 0 && p(
+                ), q.size > 0 && c(
                   (U) => U.map((R) => {
                     if (!q.has(R.target)) return R;
-                    const F = R.data;
-                    if (!(F != null && F.dynamicPath)) return R;
-                    const j = ae.has(R.target);
+                    const B = R.data;
+                    if (!(B != null && B.dynamicPath)) return R;
+                    const z = ae.has(R.target);
                     return {
                       ...R,
                       data: {
-                        ...F,
+                        ...B,
                         expressionResolved: !0,
-                        isExternal: j || F.isExternal || void 0,
-                        resolvedPath: O.get(R.target) ?? F.resolvedPath,
+                        isExternal: z || B.isExternal || void 0,
+                        resolvedPath: O.get(R.target) ?? B.resolvedPath,
                         unresolvedExpressions: void 0
                       },
-                      style: j ? {
+                      style: z ? {
                         stroke: "var(--badge-resources)",
                         strokeWidth: 2,
                         strokeDasharray: "6 3"
                       } : R.style,
-                      markerEnd: j ? {
-                        type: De.ArrowClosed,
+                      markerEnd: z ? {
+                        type: Ae.ArrowClosed,
                         color: "var(--badge-resources)"
                       } : R.markerEnd
                     };
                   })
                 );
               } else if (T) {
-                const te = ze(A), H = v._parentParamContext, Z = v._accumulatedVariables, q = D == null ? void 0 : D.parameters, ae = Ae(
+                const te = ze(A), H = v._parentParamContext, Z = v._accumulatedVariables, q = D == null ? void 0 : D.parameters, ae = Ie(
                   q,
                   H,
                   Z
                 ), O = { ...te, ...ae }, U = Pe(A), R = {
-                  ...Z ?? K,
+                  ...Z ?? G,
                   ...U
-                }, F = v._accumulatedResources, j = at(A), ce = nt([
-                  ...F ?? V,
-                  ...j
+                }, B = v._accumulatedResources, z = nt(A), ce = st([
+                  ...B ?? M,
+                  ...z
                 ]);
-                await new Promise((z) => setTimeout(z, 0));
-                const de = new Set(h.map((z) => z.id)), { templateNodes: pe, templateEdges: oe } = qe(
+                await new Promise((j) => setTimeout(j, 0));
+                const de = new Set(h.map((j) => j.id)), { templateNodes: pe, templateEdges: oe } = Ye(
                   g.id,
                   W,
                   e,
@@ -1249,10 +1290,10 @@ function Ta() {
                   de,
                   R
                 );
-                i((z) => {
-                  const re = new Set(z.map((S) => S.id)), ye = pe.filter(
+                i((j) => {
+                  const re = new Set(j.map((S) => S.id)), ye = pe.filter(
                     (S) => !re.has(S.id)
-                  ), we = [...z.map(
+                  ), we = [...j.map(
                     (S) => S.id === g.id ? {
                       ...S,
                       data: {
@@ -1263,17 +1304,17 @@ function Ta() {
                         declaredParameterNames: I.length ? I : void 0
                       }
                     } : S
-                  ), ...ye], Y = [...I.length ? Re(
-                    y.current,
+                  ), ...ye], Y = [...I.length ? xe(
+                    w.current,
                     g.id,
                     I
-                  ) : y.current, ...oe];
+                  ) : w.current, ...oe];
                   return Ke(we, Y).nodes;
-                }), p((z) => [...I.length ? Re(
-                  z,
+                }), c((j) => [...I.length ? xe(
+                  j,
                   g.id,
                   I
-                ) : z, ...oe]), await new Promise((z) => setTimeout(z, 50));
+                ) : j, ...oe]), await new Promise((j) => setTimeout(j, 50));
               }
             } catch {
             }
@@ -1286,20 +1327,20 @@ function Ta() {
     e,
     t,
     C,
-    V,
+    M,
     n,
-    c,
+    d,
     P,
     i,
-    p,
+    c,
     T,
     u
   ]);
-  const G = ne(
-    async (N, g) => {
+  const K = ne(
+    async (b, g) => {
       const v = g.data;
       if (v.status === "root" && (a != null && a.yaml)) {
-        d({
+        m({
           nodeId: g.id,
           label: v.label,
           filePath: v.filePath,
@@ -1310,7 +1351,7 @@ function Ta() {
       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) {
-          d({
+          m({
             nodeId: g.id,
             label: v.label,
             filePath: v.filePath,
@@ -1320,17 +1361,17 @@ function Ta() {
           return;
         }
         try {
-          const { content: te } = await Ye(
+          const { content: te } = await Je(
             e,
             t,
             C,
             v,
-            V,
+            M,
             n,
-            c,
+            d,
             u
           );
-          d({
+          m({
             nodeId: g.id,
             label: v.label,
             filePath: v.filePath,
@@ -1342,35 +1383,35 @@ function Ta() {
         return;
       }
       if (v.status === "collapsed" && !P.has(g.id)) {
-        B((x) => new Set(x).add(g.id)), i(
+        F((x) => new Set(x).add(g.id)), i(
           (x) => x.map(
             ($) => $.id === g.id ? { ...$, data: { ...$.data, status: "loading" } } : $
           )
         );
         try {
-          const { content: x, actualPath: $ } = await Ye(
+          const { content: x, actualPath: $ } = await Je(
             e,
             t,
             C,
             v,
-            V,
+            M,
             n,
-            c,
+            d,
             u
-          ), A = ue(x) ?? {}, D = v._ref, W = Oe(A, {
+          ), 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 = Ae(
+          }), 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 = Qe(A), U = Ie($), R = Pe(A), F = {
-            ...H ?? K,
+          ), ae = { ...I, ...q }, O = et(A), U = Le($), R = Pe(A), B = {
+            ...H ?? G,
             ...R
-          }, j = v._accumulatedResources, ce = at(A), de = nt([
-            ...j ?? V,
+          }, z = v._accumulatedResources, ce = nt(A), de = st([
+            ...z ?? M,
             ...ce
-          ]), pe = new Set(h.map((M) => M.id)), { templateNodes: oe, templateEdges: z } = qe(
+          ]), pe = new Set(h.map((V) => V.id)), { templateNodes: oe, templateEdges: j } = Ye(
             g.id,
             W,
             e,
@@ -1379,29 +1420,29 @@ function Ta() {
             de,
             ae,
             pe,
-            F
-          ), re = /* @__PURE__ */ new Set(), ye = /* @__PURE__ */ new Set(), Ve = /* @__PURE__ */ new Map(), we = v.templateLocation === "variables" && Object.keys(R).length > 0;
+            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 M of h) {
-              const Y = M.data;
+            for (const V of h) {
+              const Y = V.data;
               if (Y.dynamicPath && !Y.expressionResolved) {
-                const S = xe(
-                  M,
+                const S = ke(
+                  V,
                   R,
                   e,
                   t,
                   C,
-                  V
+                  M
                 );
-                if (S !== M) {
-                  re.add(M.id);
+                if (S !== V) {
+                  re.add(V.id);
                   const J = S.data;
-                  J.repoAlias && ye.add(M.id), Ve.set(M.id, J.filePath);
+                  J.repoAlias && ye.add(V.id), Oe.set(V.id, J.filePath);
                 }
               }
             }
-          i((M) => {
-            const Y = new Set(M.map((X) => X.id)), S = oe.filter((X) => !Y.has(X.id)), ge = [...M.map((X) => X.id === g.id ? {
+          i((V) => {
+            const Y = new Set(V.map((X) => X.id)), S = oe.filter((X) => !Y.has(X.id)), ge = [...V.map((X) => X.id === g.id ? {
               ...X,
               data: {
                 ...X.data,
@@ -1410,25 +1451,25 @@ function Ta() {
                 totalParameterCount: O.length || void 0,
                 declaredParameterNames: O.length ? O : void 0
               }
-            } : we && re.has(X.id) ? xe(
+            } : we && re.has(X.id) ? ke(
               X,
               R,
               e,
               t,
               C,
-              V
-            ) : X), ...S], bt = [...O.length ? Re(
-              y.current,
+              M
+            ) : X), ...S], yt = [...O.length ? xe(
+              w.current,
               g.id,
               O
-            ) : y.current, ...z];
-            return Ke(ge, bt).nodes;
-          }), p((M) => {
-            let Y = O.length ? Re(
-              M,
+            ) : w.current, ...j];
+            return Ke(ge, yt).nodes;
+          }), c((V) => {
+            let Y = O.length ? xe(
+              V,
               g.id,
               O
-            ) : M;
+            ) : V;
             return re.size > 0 && (Y = Y.map((S) => {
               if (!re.has(S.target)) return S;
               const J = S.data;
@@ -1440,7 +1481,7 @@ function Ta() {
                   ...J,
                   expressionResolved: !0,
                   isExternal: ge || J.isExternal || void 0,
-                  resolvedPath: Ve.get(S.target) ?? J.resolvedPath,
+                  resolvedPath: Oe.get(S.target) ?? J.resolvedPath,
                   unresolvedExpressions: void 0
                 },
                 style: ge ? {
@@ -1449,12 +1490,12 @@ function Ta() {
                   strokeDasharray: "6 3"
                 } : S.style,
                 markerEnd: ge ? {
-                  type: De.ArrowClosed,
+                  type: Ae.ArrowClosed,
                   color: "var(--badge-resources)"
                 } : S.markerEnd
               };
-            })), [...Y, ...z];
-          }), d({
+            })), [...Y, ...j];
+          }), m({
             nodeId: g.id,
             label: v.label,
             filePath: v.filePath,
@@ -1472,7 +1513,7 @@ function Ta() {
             )
           );
         } finally {
-          B((x) => {
+          F((x) => {
             const $ = new Set(x);
             return $.delete(g.id), $;
           });
@@ -1484,36 +1525,36 @@ function Ta() {
       t,
       C,
       a,
-      V,
+      M,
       n,
-      c,
       d,
+      m,
       P,
       i,
-      p,
+      c,
       u
     ]
   ), Me = ne(() => {
-    se((N) => (N || (k.current = /* @__PURE__ */ new Set(), b.current = ""), !N));
+    se((b) => (b || (k.current = /* @__PURE__ */ new Set(), y.current = ""), !b));
   }, []);
   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(
-      pt,
+      ut,
       {
         nodes: h,
         edges: f,
-        onInit: (N) => {
-          E.current = N;
+        onInit: (b) => {
+          E.current = b;
         },
-        onNodesChange: m,
-        onEdgesChange: w,
-        onNodeClick: G,
-        nodeTypes: Ra,
-        edgeTypes: xa,
-        defaultEdgeOptions: ka,
+        onNodesChange: p,
+        onEdgesChange: N,
+        onNodeClick: K,
+        nodeTypes: ka,
+        edgeTypes: Ta,
+        defaultEdgeOptions: $a,
         fitView: !0,
         fitViewOptions: { padding: 0.2 },
         minZoom: 0.1,
@@ -1521,14 +1562,14 @@ function Ta() {
         proOptions: { hideAttribution: !0 },
         children: [
           /* @__PURE__ */ s(
-            ut,
+            mt,
             {
               variant: Ft.Dots,
               color: "var(--border)",
               gap: 20
             }
           ),
-          /* @__PURE__ */ s(mt, {})
+          /* @__PURE__ */ s(ht, {})
         ]
       }
     ),
@@ -1545,7 +1586,7 @@ function Ta() {
     ] })
   ] }) : /* @__PURE__ */ s("div", { className: "pipeline-tree__empty", children: "Select a pipeline to visualize" });
 }
-function Re(e, t, a) {
+function xe(e, t, a) {
   return e.map((o) => {
     if (o.target !== t) return o;
     const r = o.data ?? {};
@@ -1559,25 +1600,25 @@ function Re(e, t, a) {
     };
   });
 }
-function Ae(e, t, a) {
+function Ie(e, t, a) {
   if (!e || !t && !a)
     return e;
   const o = {};
   for (const [r, n] of Object.entries(e))
     if (typeof n == "string" && me(n)) {
-      const { result: c, isFullyResolved: d } = Ct(n, {
+      const { result: d, isFullyResolved: m } = Dt(n, {
         parameters: t,
         variables: a
       });
-      o[r] = d ? $a(c) : n;
-    } else n && typeof n == "object" && !Array.isArray(n) ? o[r] = Ae(
+      o[r] = m ? Ca(d) : n;
+    } else n && typeof n == "object" && !Array.isArray(n) ? o[r] = Ie(
       n,
       t,
       a
     ) ?? n : o[r] = n;
   return o;
 }
-function $a(e) {
+function Ca(e) {
   if (e === "True" || e === "true") return !0;
   if (e === "False" || e === "false") return !1;
   if (e === "null") return null;
@@ -1588,7 +1629,7 @@ function $a(e) {
     }
   return e;
 }
-function at(e) {
+function nt(e) {
   const t = e.resources;
   if (!t) return [];
   const a = t.repositories;
@@ -1596,255 +1637,255 @@ function at(e) {
     (o) => o != null && typeof o == "object" && "repository" in o && "name" in o && typeof o.repository == "string" && typeof o.name == "string"
   ) : [];
 }
-function nt(e) {
+function st(e) {
   const t = /* @__PURE__ */ new Map();
   for (const a of e)
     t.set(a.repository, a);
   return Array.from(t.values());
 }
-function Sa(e, t) {
+function Da(e, t) {
   return `tpl::${e || "self"}::${t}`;
 }
-function qe(e, t, a, o, r, n, c, d, u) {
-  const h = /* @__PURE__ */ new Set(), i = [], m = [];
+function Ye(e, t, a, o, r, n, d, m, u) {
+  const h = /* @__PURE__ */ new Set(), i = [], p = [];
   for (let f = 0; f < t.length; f++) {
-    const p = t[f];
-    let w = p.normalizedPath, E = !1, _ = !0, b, y;
-    if (me(p.normalizedPath)) {
-      E = !0, b = p.normalizedPath;
-      const N = Te(
-        p.normalizedPath,
-        c,
+    const c = t[f];
+    let N = c.normalizedPath, E = !1, _ = !0, y, w;
+    if (me(c.normalizedPath)) {
+      E = !0, y = c.normalizedPath;
+      const b = $e(
+        c.normalizedPath,
+        d,
         void 0,
         u
       );
-      w = N.resolvedPath, _ = N.isFullyResolved, y = N.unresolved.length ? N.unresolved : void 0;
+      N = b.resolvedPath, _ = b.isFullyResolved, w = b.unresolved.length ? b.unresolved : void 0;
     }
-    let P = ie(p), B = !1, k = !0;
+    let P = ie(c), F = !1, k = !0;
     if (P && me(P)) {
-      B = !0;
-      const N = Te(
+      F = !0;
+      const b = $e(
         P,
-        c,
+        d,
         void 0,
         u
       );
-      N.isFullyResolved ? P = N.resolvedPath : (k = !1, y = [
-        ...y ?? [],
-        ...N.unresolved
+      b.isFullyResolved ? P = b.resolvedPath : (k = !1, w = [
+        ...w ?? [],
+        ...b.unresolved
       ]);
     }
-    const T = E || B, se = _ && k, { primary: C, fallback: V } = it({
-      ...p,
-      normalizedPath: w,
-      repoAlias: p.repoAlias,
-      sourcePath: p.sourcePath
-    }), K = Sa(P, C);
-    if (h.has(K)) continue;
-    h.add(K);
-    const fe = d == null ? void 0 : d.has(K);
-    let G;
-    if (p.conditional && p.conditionExpression)
+    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)
       try {
-        const N = $t(p.conditionExpression, {
-          parameters: c,
+        const b = St(c.conditionExpression, {
+          parameters: d,
           variables: u
         });
-        typeof N == "boolean" ? G = N : N === void 0 || N === p.conditionExpression ? G = "unknown" : G = !!N;
+        typeof b == "boolean" ? K = b : b === void 0 || b === c.conditionExpression ? K = "unknown" : K = !!b;
       } catch {
-        G = "unknown";
+        K = "unknown";
       }
-    else p.conditional && (G = "unknown");
-    if (G === !1) continue;
+    else c.conditional && (K = "unknown");
+    if (K === !1) continue;
     if (!fe) {
-      const N = w.length > 40 ? `...${w.slice(-37)}` : w, { repoInfo: g, adoUrl: v } = Nt(
-        p,
+      const b = N.length > 40 ? `...${N.slice(-37)}` : N, { repoInfo: g, adoUrl: v } = bt(
+        c,
         P,
         C,
         a,
         o,
         r,
         n
-      ), x = Ae(
-        p.parameters,
-        c,
+      ), x = Ie(
+        c.parameters,
+        d,
         u
-      ), $ = P !== ie(p) || x !== p.parameters ? {
-        ...p,
-        repoAlias: P || p.repoAlias,
-        contextRepoAlias: P || p.contextRepoAlias,
+      ), $ = P !== ie(c) || x !== c.parameters ? {
+        ...c,
+        repoAlias: P || c.repoAlias,
+        contextRepoAlias: P || c.contextRepoAlias,
         parameters: x
-      } : p;
+      } : c;
       i.push({
-        id: K,
+        id: G,
         type: "fileNode",
         position: { x: 0, y: 0 },
         data: {
-          label: N,
+          label: b,
           filePath: C,
           repoAlias: P,
           templateCount: 0,
           status: "collapsed",
           isRoot: !1,
-          baseDir: Ie(C),
+          baseDir: Le(C),
           adoUrl: v,
           repoInfo: g,
-          templateLocation: p.location,
+          templateLocation: c.location,
           // Dynamic path info for auto-expand to skip unresolved expression paths
           dynamicPath: T || void 0,
           expressionResolved: T ? se : void 0,
           // Stash the resolved ref for expansion (with resolved repo alias + params)
           _ref: $,
           // Stash fallback path for fetch retry (repo-root-relative)
-          _fallbackPath: V,
+          _fallbackPath: M,
           // Stash the parent's parameter context so it can flow down during expansion
-          _parentParamContext: c,
+          _parentParamContext: d,
           // Stash accumulated resources (root + all ancestor template resources)
           _accumulatedResources: n,
           // 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: G
+          _conditionResult: K
         }
       });
     }
-    const Me = p.location === "extends" ? "extends" : p.location === "extends-parameters" ? "extends param" : p.location, le = !!P, be = p.parameters ? Object.keys(p.parameters) : void 0;
-    m.push({
-      id: `${e}->${K}`,
+    const Me = c.location === "extends" ? "extends" : c.location === "extends-parameters" ? "extends param" : c.location, le = !!P, be = c.parameters ? Object.keys(c.parameters) : void 0;
+    p.push({
+      id: `${e}->${G}`,
       source: e,
-      target: K,
+      target: G,
       type: "templateEdge",
       data: {
         edgeLabel: Me,
         parameterNames: be,
         isExternal: le || void 0,
-        conditional: p.conditional || void 0,
-        conditionExpression: p.conditionExpression,
-        conditionResult: G,
+        conditional: c.conditional || void 0,
+        conditionExpression: c.conditionExpression,
+        conditionResult: K,
         dynamicPath: T || void 0,
         expressionResolved: T ? se : void 0,
-        originalPath: b || (B ? p.rawPath : void 0),
+        originalPath: y || (F ? c.rawPath : void 0),
         resolvedPath: T ? C : void 0,
-        unresolvedExpressions: y
+        unresolvedExpressions: w
       },
       style: le ? {
         stroke: "var(--badge-resources)",
         strokeWidth: 2,
         strokeDasharray: "6 3"
       } : void 0,
-      markerEnd: le ? { type: De.ArrowClosed, color: "var(--badge-resources)" } : void 0
+      markerEnd: le ? { type: Ae.ArrowClosed, color: "var(--badge-resources)" } : void 0
     });
   }
-  return { templateNodes: i, templateEdges: m };
+  return { templateNodes: i, templateEdges: p };
 }
-async function Ye(e, t, a, o, r, n, c, d) {
+async function Je(e, t, a, o, r, n, d, m) {
   const u = o._ref;
   if (!u) throw new Error("No template reference on this node");
-  const h = o.filePath, i = o._fallbackPath, m = ie(u), f = `${m || ""}:${h}`, p = n.get(f);
-  if (p) return { content: p, actualPath: h };
+  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 = `${m || ""}:${i}`, T = n.get(k);
+    const k = `${p || ""}:${i}`, T = n.get(k);
     if (T)
       return { content: T, actualPath: i };
   }
   const E = o._accumulatedResources ?? r;
-  let _ = t, b = a, y;
-  if (m && E.length) {
-    const k = lt(m, E);
-    k ? (_ = k.project || t, b = k.repoName, y = k.ref) : b = m;
-  } else m && (b = m);
-  let P, B = h;
+  let _ = t, y = a, w;
+  if (p && E.length) {
+    const k = ct(p, E);
+    k ? (_ = k.project || t, y = k.repoName, w = k.ref) : y = p;
+  } else p && (y = p);
+  let P, F = h;
   try {
-    P = await d(
+    P = await m(
       e,
       _,
-      b,
+      y,
       h,
-      y
+      w
     );
   } catch (k) {
     if (i)
-      P = await d(
+      P = await m(
         e,
         _,
-        b,
+        y,
         i,
-        y
-      ), B = i;
+        w
+      ), F = i;
     else
       throw k;
   }
-  return c(`${m || ""}:${B}`, P.content), { content: P.content, actualPath: B };
+  return d(`${p || ""}:${F}`, P.content), { content: P.content, actualPath: F };
 }
-function Ie(e) {
+function Le(e) {
   const t = e.replace(/\\/g, "/"), a = t.lastIndexOf("/");
   return a > 0 ? t.slice(0, a) : "";
 }
-function Nt(e, t, a, o, r, n, c) {
-  let d = r, u = n, h, i;
-  if (t && c.length) {
-    const f = lt(t, c), p = c.find(
-      (w) => w.repository === t
+function bt(e, t, a, o, r, n, d) {
+  let m = r, u = n, h, i;
+  if (t && d.length) {
+    const f = ct(t, d), c = d.find(
+      (N) => N.repository === t
     );
-    f ? (d = f.project || r, u = f.repoName, h = f.ref) : u = t, p && (i = {
+    f ? (m = f.project || r, u = f.repoName, h = f.ref) : u = t, c && (i = {
       alias: t,
-      fullName: p.name,
-      type: p.type,
-      ref: p.ref,
+      fullName: c.name,
+      type: c.type,
+      ref: c.ref,
       project: f == null ? void 0 : f.project
     });
   } else t && (u = t);
-  const m = o && d && u ? rt({
+  const p = o && m && u ? it({
     org: o,
-    project: d,
+    project: m,
     repoName: u,
     filePath: a,
     ref: h
   }) : void 0;
-  return { repoInfo: i, adoUrl: m };
+  return { repoInfo: i, adoUrl: p };
 }
-function xe(e, t, a, o, r, n) {
-  const c = e.data, u = { ...c._accumulatedVariables ?? {}, ...t }, h = c._ref;
+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 = c._parentParamContext;
-  let m = h.normalizedPath, f = !1, p = !0, w = ie(h);
+  const i = d._parentParamContext;
+  let p = h.normalizedPath, f = !1, c = !0, N = ie(h);
   if (me(h.normalizedPath)) {
     f = !0;
-    const k = Te(
+    const k = $e(
       h.normalizedPath,
       i,
       void 0,
       u
     );
-    if (m = k.resolvedPath, p = k.isFullyResolved, p && !me(m)) {
-      const T = St(m);
-      m = T.normalizedPath, T.repoAlias && (w = T.repoAlias);
+    if (p = k.resolvedPath, c = k.isFullyResolved, c && !me(p)) {
+      const T = Ct(p);
+      p = T.normalizedPath, T.repoAlias && (N = T.repoAlias);
     }
   }
-  if (w && me(w)) {
+  if (N && me(N)) {
     f = !0;
-    const k = Te(
-      w,
+    const k = $e(
+      N,
       i,
       void 0,
       u
     );
-    k.isFullyResolved ? w = k.resolvedPath : p = !1;
+    k.isFullyResolved ? N = k.resolvedPath : c = !1;
   }
   const E = {
     ...h,
-    normalizedPath: m,
-    repoAlias: w || h.repoAlias,
-    contextRepoAlias: w || h.contextRepoAlias
-  }, { primary: _, fallback: b } = it({
+    normalizedPath: p,
+    repoAlias: N || h.repoAlias,
+    contextRepoAlias: N || h.contextRepoAlias
+  }, { primary: _, fallback: y } = lt({
     ...E,
-    normalizedPath: m,
+    normalizedPath: p,
     repoAlias: E.repoAlias,
     sourcePath: h.sourcePath
-  }), y = m.length > 40 ? `...${m.slice(-37)}` : m, { repoInfo: P, adoUrl: B } = a && o && r && n ? Nt(
+  }), w = p.length > 40 ? `...${p.slice(-37)}` : p, { repoInfo: P, adoUrl: F } = a && o && r && n ? bt(
     E,
-    w,
+    N,
     _,
     a,
     o,
@@ -1855,78 +1896,78 @@ function xe(e, t, a, o, r, n) {
     ...e,
     data: {
       ...e.data,
-      label: y,
+      label: w,
       filePath: _,
-      repoAlias: w,
-      baseDir: Ie(_),
+      repoAlias: N,
+      baseDir: Le(_),
       dynamicPath: f || void 0,
-      expressionResolved: f ? p : void 0,
-      adoUrl: B || e.data.adoUrl,
+      expressionResolved: f ? c : void 0,
+      adoUrl: F || e.data.adoUrl,
       repoInfo: P || e.data.repoInfo,
       _ref: E,
       _accumulatedVariables: u,
-      _fallbackPath: b
+      _fallbackPath: y
     }
   };
 }
-function Ca(e) {
+function Aa(e) {
   const {
     setConnection: t,
     setSelectedPipeline: a,
     setSelectedPipelineLoading: o,
     setSelectedPipelineError: r
-  } = Ue(), [n, c] = L(""), [d, u] = L(null), [h, i] = L(!1), m = Q(!1);
+  } = Ve(), [n, d] = L(""), [m, u] = L(null), [h, i] = L(!1), p = Q(!1);
   ee(() => {
-    if (m.current) return;
-    m.current = !0;
-    const _ = new URLSearchParams(window.location.search), b = e.fileUrl || _.get("url"), y = e.org || _.get("org"), P = e.project || _.get("project"), B = e.repo || _.get("repo"), k = e.path || _.get("path"), T = e.branch || _.get("branch") || void 0, se = e.pipelineId ?? (_.get("pipelineId") ? Number(_.get("pipelineId")) : null);
-    if (b)
-      c(b), f(b);
-    else if (y && P && B && k) {
-      const C = `https://dev.azure.com/${y}/${P}/_git/${B}?path=${k}${T ? `&version=GB${T}` : ""}`;
-      c(C), f(C);
-    } else y && P && se != null && p(y, P, se);
+    if (p.current) return;
+    p.current = !0;
+    const _ = new URLSearchParams(window.location.search), y = e.fileUrl || _.get("url"), w = e.org || _.get("org"), P = e.project || _.get("project"), F = e.repo || _.get("repo"), k = e.path || _.get("path"), T = e.branch || _.get("branch") || void 0, se = e.pipelineId ?? (_.get("pipelineId") ? Number(_.get("pipelineId")) : null);
+    if (y)
+      d(y), f(y);
+    else if (w && P && F && k) {
+      const C = `https://dev.azure.com/${w}/${P}/_git/${F}?path=${k}${T ? `&version=GB${T}` : ""}`;
+      d(C), f(C);
+    } else w && P && se != null && c(w, P, se);
   }, []);
   const f = async (_) => {
-    const b = Dt(_);
-    if (!b) {
+    const y = At(_);
+    if (!y) {
       u("Invalid Azure DevOps URL");
       return;
     }
-    t(b.org, b.project), o(!0), r(null), i(!0);
+    t(y.org, y.project), o(!0), r(null), i(!0);
     try {
-      const y = await gt(
-        b.org,
-        b.project,
-        b.repoName,
-        b.filePath,
-        b.branch
+      const w = await _t(
+        y.org,
+        y.project,
+        y.repoName,
+        y.filePath,
+        y.branch
       );
       a({
         definition: {
           id: 0,
-          name: b.filePath.split("/").pop() || b.filePath,
-          path: b.filePath,
+          name: y.filePath.split("/").pop() || y.filePath,
+          path: y.filePath,
           repository: {
-            id: y.repoId,
-            name: y.repoName,
+            id: w.repoId,
+            name: w.repoName,
             type: "git",
-            defaultBranch: y.branch || ""
+            defaultBranch: w.branch || ""
           }
         },
-        yaml: y.content
+        yaml: w.content
       });
-    } catch (y) {
+    } catch (w) {
       r(
-        y instanceof Error ? y.message : String(y)
+        w instanceof Error ? w.message : String(w)
       );
     } finally {
       o(!1), i(!1);
     }
-  }, p = async (_, b, y) => {
-    t(_, b), o(!0), r(null);
+  }, c = async (_, y, w) => {
+    t(_, y), o(!0), r(null);
     try {
-      const P = await Gt(_, b, y);
+      const P = await qt(_, y, w);
       a(P);
     } catch (P) {
       r(
@@ -1935,7 +1976,7 @@ function Ca(e) {
     } finally {
       o(!1);
     }
-  }, w = async () => {
+  }, N = async () => {
     n.trim() && (u(null), await f(n.trim()));
   };
   return /* @__PURE__ */ l("div", { className: "pipeline-url-bar", children: [
@@ -1946,9 +1987,9 @@ function Ca(e) {
         className: "pipeline-url-bar__input",
         placeholder: "https://dev.azure.com/{org}/{project}/_git/{repo}?path=/{pipeline}.yml",
         value: n,
-        onChange: (_) => c(_.target.value),
+        onChange: (_) => d(_.target.value),
         onKeyDown: (_) => {
-          _.key === "Enter" && (_.preventDefault(), w());
+          _.key === "Enter" && (_.preventDefault(), N());
         }
       }
     ),
@@ -1956,15 +1997,15 @@ function Ca(e) {
       "button",
       {
         className: "pipeline-url-bar__btn",
-        onClick: w,
+        onClick: N,
         disabled: !n.trim() || h,
         children: h ? "⏳ Loading..." : "Load"
       }
     ),
-    d && /* @__PURE__ */ s("div", { className: "pipeline-url-bar__error", children: d })
+    m && /* @__PURE__ */ s("div", { className: "pipeline-url-bar__error", children: m })
   ] });
 }
-function Da() {
+function Ia() {
   const e = () => window.location.hash.startsWith("#/commit-flow") ? "commit-flow" : "pipeline", [t, a] = L(e);
   return ee(() => {
     const r = () => a(e());
@@ -1973,35 +2014,35 @@ function Da() {
     window.location.hash = r === "pipeline" ? "#/" : `#/${r}`;
   }];
 }
-const Aa = 280, Ia = 900, La = 420;
-function Fa(e) {
-  const { setCustomTaskDocs: t, setTaskSchema: a, selectedNodeDetail: o, org: r } = Ue(), [n, c] = L(La), d = Q(!1), [u, h] = Da();
+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(() => {
-    qt().then((m) => t(m.customTaskDocs)).catch(() => {
+    Yt().then((p) => t(p.customTaskDocs)).catch(() => {
     });
   }, [t]), ee(() => {
-    r && Yt(r).then((m) => a(m.tasks)).catch(() => {
+    r && Jt(r).then((p) => a(p.tasks)).catch(() => {
     });
   }, [r, a]);
   const i = ne(
-    (m) => {
-      m.preventDefault(), d.current = !0;
-      const f = m.clientX, p = n;
+    (p) => {
+      p.preventDefault(), m.current = !0;
+      const f = p.clientX, c = n;
       document.body.style.cursor = "col-resize", document.body.style.userSelect = "none";
-      const w = (_) => {
-        const b = f - _.clientX, y = Math.min(
-          Ia,
-          Math.max(Aa, p + b)
+      const N = (_) => {
+        const y = f - _.clientX, w = Math.min(
+          Ba,
+          Math.max(La, c + y)
         );
-        c(y);
+        d(w);
       }, E = () => {
-        d.current = !1, document.body.style.cursor = "", document.body.style.userSelect = "", window.removeEventListener("mousemove", w), window.removeEventListener("mouseup", E);
+        m.current = !1, document.body.style.cursor = "", document.body.style.userSelect = "", window.removeEventListener("mousemove", N), window.removeEventListener("mouseup", E);
       };
-      window.addEventListener("mousemove", w), window.addEventListener("mouseup", E);
+      window.addEventListener("mousemove", N), window.addEventListener("mouseup", E);
     },
     [n]
   );
-  return /* @__PURE__ */ s(ga, { value: gt, children: /* @__PURE__ */ l("div", { className: "app", children: [
+  return /* @__PURE__ */ s(va, { value: _t, children: /* @__PURE__ */ l("div", { className: "app", children: [
     /* @__PURE__ */ l("header", { className: "app__header", children: [
       /* @__PURE__ */ s("h1", { children: "🔧 Azure Pipelines Visualizer" }),
       /* @__PURE__ */ l("nav", { className: "app__nav", children: [
@@ -2024,12 +2065,12 @@ function Fa(e) {
           }
         )
       ] }),
-      u === "pipeline" && /* @__PURE__ */ s(Ee, { children: /* @__PURE__ */ s(Ca, { ...e }) })
+      u === "pipeline" && /* @__PURE__ */ s(Re, { children: /* @__PURE__ */ s(Aa, { ...e }) })
     ] }),
     /* @__PURE__ */ l("main", { className: "app__main", children: [
-      u === "pipeline" && /* @__PURE__ */ l(Je, { children: [
-        /* @__PURE__ */ s("section", { className: "app__content", children: /* @__PURE__ */ s(Ee, { children: /* @__PURE__ */ s(Ta, {}) }) }),
-        o && /* @__PURE__ */ l(Je, { children: [
+      u === "pipeline" && /* @__PURE__ */ l(Xe, { children: [
+        /* @__PURE__ */ s("section", { className: "app__content", children: /* @__PURE__ */ s(Re, { children: /* @__PURE__ */ s(Sa, {}) }) }),
+        o && /* @__PURE__ */ l(Xe, { children: [
           /* @__PURE__ */ s(
             "div",
             {
@@ -2038,32 +2079,32 @@ function Fa(e) {
               title: "Drag to resize"
             }
           ),
-          /* @__PURE__ */ s("aside", { className: "app__detail", style: { width: n }, children: /* @__PURE__ */ s(Ee, { children: /* @__PURE__ */ s(ha, {}) }) })
+          /* @__PURE__ */ s("aside", { className: "app__detail", style: { width: n }, children: /* @__PURE__ */ s(Re, { children: /* @__PURE__ */ s(ga, {}) }) })
         ] })
       ] }),
-      u === "commit-flow" && /* @__PURE__ */ s("section", { className: "app__content", children: /* @__PURE__ */ s(Ee, { children: /* @__PURE__ */ s(pa, {}) }) })
+      u === "commit-flow" && /* @__PURE__ */ s("section", { className: "app__content", children: /* @__PURE__ */ s(Re, { children: /* @__PURE__ */ s(ma, {}) }) })
     ] })
   ] }) });
 }
-var Xe, ke = Mt;
+var Ze, Te = Mt;
 if (process.env.NODE_ENV === "production")
-  Xe = ke.createRoot, ke.hydrateRoot;
+  Ze = Te.createRoot, Te.hydrateRoot;
 else {
-  var st = ke.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-  Xe = function(e, t) {
-    st.usingClientEntryPoint = !0;
+  var ot = Te.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+  Ze = function(e, t) {
+    ot.usingClientEntryPoint = !0;
     try {
-      return ke.createRoot(e, t);
+      return Te.createRoot(e, t);
     } finally {
-      st.usingClientEntryPoint = !1;
+      ot.usingClientEntryPoint = !1;
     }
   };
 }
-function Ga(e, t = {}) {
+function Ya(e, t = {}) {
   let a = { ...t };
-  const o = Xe(e);
+  const o = Ze(e);
   function r(n) {
-    o.render(Et(Fa, n));
+    o.render(Rt(Ua, n));
   }
   return r(a), {
     unmount: () => o.unmount(),
@@ -2073,19 +2114,19 @@ function Ga(e, t = {}) {
   };
 }
 export {
-  Fa as App,
-  ha as DetailPanel,
-  Ee as ErrorBoundary,
-  ba as FileNode,
-  Ta as PipelineDiagram,
-  Ca as PipelineSelector,
-  Ea as TemplateEdge,
-  gt as fetchFileByRepoName,
-  Gt as fetchPipelineYaml,
-  Ka as fetchPipelines,
-  qt as fetchTaskDocsConfig,
-  Yt as fetchTaskSchema,
+  Ua as App,
+  ga as DetailPanel,
+  Re as ErrorBoundary,
+  wa as FileNode,
+  Sa as PipelineDiagram,
+  Aa as PipelineSelector,
+  xa as TemplateEdge,
+  _t as fetchFileByRepoName,
+  qt as fetchPipelineYaml,
+  qa as fetchPipelines,
+  Yt as fetchTaskDocsConfig,
+  Jt as fetchTaskSchema,
   Ke as getLayoutedElements,
-  Ga as mount,
-  Ue as usePipelineStore
+  Ya as mount,
+  Ve as usePipelineStore
 };