@meirblachman/azure-pipelines-visualizer 0.1.13 → 0.1.15

package/dist/web/lib/index.js

@@ -0,0 +1,1612 @@
+import { jsx as s, jsxs as c, Fragment as et } from "react/jsx-runtime";
+import { useMemo as ze, Component as pt, createContext as ut, useContext as mt, memo as tt, useState as Z, useCallback as fe, useRef as te, useEffect as oe, createElement as ht } from "react";
+import { parseYaml as pe, extractTaskReferences as ft, resolveTaskDocUrl as gt, extractVariableValues as Pe, detectTemplateReferences as Se, extractParameterDefaults as De, buildAdoFileUrl as at, getEffectiveRepoAlias as re, extractDeclaredParameterNames as je, pathHasExpressions as ue, resolveExpressionPath as Ee, resolveTemplateRefPaths as nt, evaluateExpression as _t, resolveTemplateSource as st, parseTemplatePath as vt, resolveAllExpressions as yt, collapsePath as Nt, parseAdoUrl as Pt } from "@apv/core";
+import bt from "@monaco-editor/react";
+import { create as wt } from "zustand";
+import { Handle as He, Position as Ke, getBezierPath as Rt, BaseEdge as Et, EdgeLabelRenderer as xt, MarkerType as xe, useNodesState as kt, useEdgesState as At, ReactFlow as Tt, Background as $t, BackgroundVariant as Ct, Controls as St } from "@xyflow/react";
+import Ye from "@dagrejs/dagre";
+import Dt from "react-dom";
+const Te = wt((t) => ({
+  org: "",
+  project: "",
+  setConnection: (e, a) => t({ org: e, project: a }),
+  selectedPipeline: null,
+  selectedPipelineLoading: !1,
+  selectedPipelineError: null,
+  setSelectedPipeline: (e) => t({
+    selectedPipeline: e,
+    selectedPipelineError: null,
+    expandedNodes: /* @__PURE__ */ new Set()
+  }),
+  setSelectedPipelineLoading: (e) => t({ selectedPipelineLoading: e }),
+  setSelectedPipelineError: (e) => t({ selectedPipelineError: e }),
+  expandedTemplates: new Map(It()),
+  setExpandedTemplate: (e, a) => t((n) => {
+    const l = new Map(n.expandedTemplates);
+    return l.set(e, a), Ft(l), { expandedTemplates: l };
+  }),
+  expandedNodes: /* @__PURE__ */ new Set(),
+  toggleNode: (e) => t((a) => {
+    const n = new Set(a.expandedNodes);
+    return n.has(e) ? n.delete(e) : n.add(e), { expandedNodes: n };
+  }),
+  selectedNodeDetail: null,
+  setSelectedNodeDetail: (e) => t({ selectedNodeDetail: e }),
+  customTaskDocs: {},
+  setCustomTaskDocs: (e) => t({ customTaskDocs: e }),
+  taskSchema: /* @__PURE__ */ new Map(),
+  setTaskSchema: (e) => t(() => {
+    const a = /* @__PURE__ */ new Map();
+    for (const n of e)
+      a.set(`${n.name}@${n.version}`, n);
+    return { taskSchema: a };
+  })
+})), ot = "apv-template-cache";
+function It() {
+  try {
+    const t = localStorage.getItem(ot);
+    if (t)
+      return JSON.parse(t);
+  } catch {
+  }
+  return [];
+}
+function Ft(t) {
+  try {
+    const a = Array.from(t.entries()).slice(-100);
+    localStorage.setItem(ot, JSON.stringify(a));
+  } catch {
+  }
+}
+function Lt() {
+  const {
+    selectedNodeDetail: t,
+    customTaskDocs: e,
+    taskSchema: a,
+    setSelectedNodeDetail: n
+  } = Te(), l = ze(() => {
+    if (!(t != null && t.yaml)) return [];
+    try {
+      const o = pe(t.yaml);
+      return ft(o ?? {});
+    } catch {
+      return [];
+    }
+  }, [t == null ? void 0 : t.yaml]);
+  return t ? /* @__PURE__ */ c("div", { className: "detail-panel", children: [
+    /* @__PURE__ */ c("div", { className: "detail-panel__header", children: [
+      /* @__PURE__ */ c("div", { className: "detail-panel__header-row", children: [
+        /* @__PURE__ */ s("h3", { className: "detail-panel__title", children: t.label }),
+        /* @__PURE__ */ s(
+          "button",
+          {
+            className: "detail-panel__close",
+            onClick: () => n(null),
+            "aria-label": "Close detail panel",
+            title: "Close",
+            children: "✕"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ c("div", { className: "detail-panel__path", children: [
+        t.filePath,
+        t.repoAlias && /* @__PURE__ */ c("span", { className: "detail-panel__repo", children: [
+          " ",
+          "@",
+          t.repoAlias
+        ] })
+      ] })
+    ] }),
+    l.length > 0 && /* @__PURE__ */ c("div", { className: "detail-panel__tasks", children: [
+      /* @__PURE__ */ c("h4", { className: "detail-panel__section-title", children: [
+        "Tasks (",
+        l.length,
+        ")"
+      ] }),
+      /* @__PURE__ */ s("ul", { className: "task-list", children: l.map((o) => /* @__PURE__ */ s(
+        Ut,
+        {
+          ref_: o,
+          customDocs: e,
+          schemaEntry: a.get(o.raw) ?? a.get(`${o.name}@${o.version}`)
+        },
+        o.raw
+      )) })
+    ] }),
+    /* @__PURE__ */ s("div", { className: "detail-panel__editor", children: /* @__PURE__ */ s(
+      bt,
+      {
+        height: "100%",
+        language: "yaml",
+        value: t.yaml,
+        theme: "vs-dark",
+        options: {
+          readOnly: !0,
+          minimap: { enabled: !1 },
+          scrollBeyondLastLine: !1,
+          fontSize: 13,
+          lineNumbers: "on",
+          renderLineHighlight: "none",
+          wordWrap: "on",
+          padding: { top: 8 }
+        }
+      }
+    ) })
+  ] }) : /* @__PURE__ */ s("div", { className: "detail-panel detail-panel--empty", children: /* @__PURE__ */ s("p", { children: "Click a node to view its contents" }) });
+}
+function Ut({
+  ref_: t,
+  customDocs: e,
+  schemaEntry: a
+}) {
+  const n = gt(t, e);
+  return /* @__PURE__ */ c("li", { className: "task-item", children: [
+    /* @__PURE__ */ s("span", { className: "task-item__icon", children: "⚙️" }),
+    /* @__PURE__ */ c("div", { className: "task-item__content", children: [
+      n ? /* @__PURE__ */ c(
+        "a",
+        {
+          href: n,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "task-item__link",
+          title: (a == null ? void 0 : a.description) || `Open docs for ${t.name}`,
+          children: [
+            t.name,
+            /* @__PURE__ */ c("span", { className: "task-item__version", children: [
+              "@",
+              t.version
+            ] }),
+            /* @__PURE__ */ s("span", { className: "task-item__external", children: "↗" })
+          ]
+        }
+      ) : /* @__PURE__ */ c("span", { className: "task-item__name", children: [
+        t.name,
+        /* @__PURE__ */ c("span", { className: "task-item__version", children: [
+          "@",
+          t.version
+        ] })
+      ] }),
+      (a == null ? void 0 : a.description) && /* @__PURE__ */ s("div", { className: "task-item__description", children: a.description })
+    ] })
+  ] });
+}
+class Ie extends pt {
+  constructor(e) {
+    super(e), this.state = { hasError: !1, error: null };
+  }
+  static getDerivedStateFromError(e) {
+    return { hasError: !0, error: e };
+  }
+  componentDidCatch(e, a) {
+    console.error("ErrorBoundary caught:", e, a);
+  }
+  render() {
+    var e;
+    return this.state.hasError ? this.props.fallback || /* @__PURE__ */ c("div", { className: "error", children: [
+      /* @__PURE__ */ s("h3", { children: "Something went wrong" }),
+      /* @__PURE__ */ s("p", { children: (e = this.state.error) == null ? void 0 : e.message }),
+      /* @__PURE__ */ s(
+        "button",
+        {
+          onClick: () => this.setState({ hasError: !1, error: null }),
+          style: { marginTop: 8, cursor: "pointer" },
+          children: "Try again"
+        }
+      )
+    ] }) : this.props.children;
+  }
+}
+const rt = ut(null), Vt = rt.Provider;
+function zt() {
+  const t = mt(rt);
+  if (!t)
+    throw new Error(
+      "useFileFetch must be used within a FileFetchProvider. Wrap your component tree with <FileFetchProvider value={...}>."
+    );
+  return t;
+}
+const Xe = 300, Ge = 100;
+function Fe(t, e, a = "TB") {
+  const n = new Ye.graphlib.Graph();
+  n.setDefaultEdgeLabel(() => ({})), n.setGraph({ rankdir: a, ranksep: 80, nodesep: 40 });
+  for (const o of t)
+    n.setNode(o.id, { width: Xe, height: Ge });
+  for (const o of e)
+    n.setEdge(o.source, o.target);
+  return Ye.layout(n), { nodes: t.map((o) => {
+    const m = n.node(o.id);
+    return {
+      ...o,
+      position: {
+        x: m.x - Xe / 2,
+        y: m.y - Ge / 2
+      }
+    };
+  }), edges: e };
+}
+function Ot({ data: t }) {
+  var m;
+  const e = t, [a, n] = Z(!1), l = e.status === "root" ? "file-node--root" : e.status === "expanded" ? "file-node--expanded" : e.status === "loading" ? "file-node--loading" : e.status === "error" ? "file-node--error" : "file-node--collapsed", o = e.repoAlias ? "file-node--cross-repo" : "";
+  return /* @__PURE__ */ c("div", { className: `file-node ${l} ${o}`, children: [
+    !e.isRoot && /* @__PURE__ */ s(He, { type: "target", position: Ke.Top }),
+    /* @__PURE__ */ c("div", { className: "file-node__header", children: [
+      /* @__PURE__ */ s("span", { className: "file-node__icon", children: e.isRoot ? "📄" : e.status === "expanded" ? "📋" : e.repoAlias ? "🔗" : "📁" }),
+      /* @__PURE__ */ s("span", { className: "file-node__label", title: e.filePath, children: e.label }),
+      /* @__PURE__ */ s("span", { className: "file-node__actions", children: e.adoUrl && /* @__PURE__ */ s(
+        "a",
+        {
+          href: e.adoUrl,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "file-node__action-btn",
+          title: "Open in Azure DevOps",
+          onClick: (P) => P.stopPropagation(),
+          children: /* @__PURE__ */ s(Mt, {})
+        }
+      ) })
+    ] }),
+    e.repoAlias && /* @__PURE__ */ c(
+      "div",
+      {
+        className: "file-node__repo-row",
+        onMouseEnter: () => n(!0),
+        onMouseLeave: () => n(!1),
+        children: [
+          /* @__PURE__ */ c("span", { className: "file-node__repo", children: [
+            "@",
+            e.repoAlias
+          ] }),
+          e.repoInfo && a && /* @__PURE__ */ c("div", { className: "file-node__repo-tooltip", children: [
+            /* @__PURE__ */ c("div", { className: "file-node__repo-tooltip-row", children: [
+              /* @__PURE__ */ s("span", { className: "file-node__repo-tooltip-label", children: "Repo" }),
+              /* @__PURE__ */ s("span", { children: e.repoInfo.fullName })
+            ] }),
+            /* @__PURE__ */ c("div", { className: "file-node__repo-tooltip-row", children: [
+              /* @__PURE__ */ s("span", { className: "file-node__repo-tooltip-label", children: "Type" }),
+              /* @__PURE__ */ s("span", { children: e.repoInfo.type })
+            ] }),
+            e.repoInfo.ref && /* @__PURE__ */ c("div", { className: "file-node__repo-tooltip-row", children: [
+              /* @__PURE__ */ s("span", { className: "file-node__repo-tooltip-label", children: "Ref" }),
+              /* @__PURE__ */ s("span", { children: e.repoInfo.ref })
+            ] }),
+            e.repoInfo.project && /* @__PURE__ */ c("div", { className: "file-node__repo-tooltip-row", children: [
+              /* @__PURE__ */ s("span", { className: "file-node__repo-tooltip-label", children: "Project" }),
+              /* @__PURE__ */ s("span", { children: e.repoInfo.project })
+            ] })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ c("div", { className: "file-node__meta", children: [
+      e.status === "loading" && /* @__PURE__ */ s("span", { className: "file-node__spinner", children: "⏳ Loading..." }),
+      e.status === "error" && /* @__PURE__ */ c("span", { className: "file-node__error", title: e.errorMessage, children: [
+        "❌ ",
+        (m = e.errorMessage) == null ? void 0 : m.slice(0, 80)
+      ] }),
+      e.status === "collapsed" && /* @__PURE__ */ s("span", { className: "file-node__hint", children: "Click to expand" }),
+      e.status === "expanded" && e.templateCount === 0 && !e.isRoot && /* @__PURE__ */ s("span", { className: "file-node__leaf", children: "✓ no nested templates" }),
+      (e.status === "root" || e.status === "expanded") && e.templateCount > 0 && /* @__PURE__ */ c("span", { className: "file-node__count", children: [
+        e.templateCount,
+        " template ref(s)"
+      ] })
+    ] }),
+    /* @__PURE__ */ s(He, { type: "source", position: Ke.Bottom })
+  ] });
+}
+function Mt() {
+  return /* @__PURE__ */ s(
+    "svg",
+    {
+      width: "14",
+      height: "14",
+      viewBox: "0 0 18 18",
+      className: "file-node__ado-icon",
+      "aria-label": "Azure DevOps",
+      children: /* @__PURE__ */ s(
+        "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",
+          fill: "#3c91e5"
+        }
+      )
+    }
+  );
+}
+const Bt = tt(Ot);
+function Le({
+  className: t,
+  label: e,
+  children: a
+}) {
+  const [n, l] = Z(!1);
+  return /* @__PURE__ */ c(
+    "span",
+    {
+      className: t,
+      onMouseEnter: () => l(!0),
+      onMouseLeave: () => l(!1),
+      children: [
+        e,
+        n && /* @__PURE__ */ s("div", { className: "template-edge__badge-tooltip", children: a })
+      ]
+    }
+  );
+}
+function Wt({
+  id: t,
+  sourceX: e,
+  sourceY: a,
+  targetX: n,
+  targetY: l,
+  sourcePosition: o,
+  targetPosition: m,
+  data: P,
+  markerEnd: v,
+  style: d
+}) {
+  var _;
+  const r = P, [y, g] = Z(!1), [i, R, S] = Rt({
+    sourceX: e,
+    sourceY: a,
+    sourcePosition: o,
+    targetX: n,
+    targetY: l,
+    targetPosition: m
+  }), h = fe(() => g(!0), []), N = fe(() => g(!1), []), b = ((_ = r == null ? void 0 : r.parameterNames) == null ? void 0 : _.length) ?? 0;
+  return /* @__PURE__ */ c(et, { children: [
+    /* @__PURE__ */ s(Et, { id: t, path: i, markerEnd: v, style: d }),
+    /* @__PURE__ */ s(xt, { children: /* @__PURE__ */ c(
+      "div",
+      {
+        className: "template-edge__label-container",
+        style: {
+          position: "absolute",
+          transform: `translate(-50%, -50%) translate(${R}px,${S}px)`,
+          pointerEvents: "all"
+        },
+        children: [
+          /* @__PURE__ */ c("div", { className: "template-edge__top-row", children: [
+            /* @__PURE__ */ s("span", { className: "template-edge__category", children: r == null ? void 0 : r.edgeLabel }),
+            (r == null ? void 0 : r.conditional) && /* @__PURE__ */ c(
+              Le,
+              {
+                className: `template-edge__badge template-edge__badge--conditional${r.conditionResult === !1 ? " template-edge__badge--condition-false" : r.conditionResult === !0 ? " template-edge__badge--condition-true" : ""}`,
+                label: r.conditionResult === !1 ? "⊘ false" : r.conditionResult === !0 ? "✓ conditional" : "conditional",
+                children: [
+                  /* @__PURE__ */ s("div", { className: "template-edge__badge-tooltip-title", children: "⚡ Conditional Reference" }),
+                  /* @__PURE__ */ s("p", { children: r.conditionResult === !0 ? "Condition evaluated to true — this template will be included." : r.conditionResult === !1 ? "Condition evaluated to false — this template will NOT be included in this pipeline run." : "This template is inside a conditional block. The condition could not be fully evaluated." }),
+                  r.conditionExpression && /* @__PURE__ */ c("div", { className: "template-edge__badge-tooltip-row", children: [
+                    /* @__PURE__ */ s("span", { className: "template-edge__badge-tooltip-label", children: "Condition" }),
+                    /* @__PURE__ */ s("code", { children: r.conditionExpression })
+                  ] }),
+                  r.conditionResult != null && /* @__PURE__ */ c("div", { className: "template-edge__badge-tooltip-row", children: [
+                    /* @__PURE__ */ s("span", { className: "template-edge__badge-tooltip-label", children: "Result" }),
+                    /* @__PURE__ */ s("code", { children: String(r.conditionResult) })
+                  ] })
+                ]
+              }
+            ),
+            (r == null ? void 0 : r.dynamicPath) && r.expressionResolved && /* @__PURE__ */ c(
+              Le,
+              {
+                className: "template-edge__badge template-edge__badge--resolved",
+                label: "🔮 resolved",
+                children: [
+                  /* @__PURE__ */ s("div", { className: "template-edge__badge-tooltip-title", children: "🔮 Expression Resolved" }),
+                  /* @__PURE__ */ s("p", { children: "The template path contained expressions that were successfully evaluated." }),
+                  /* @__PURE__ */ c("div", { className: "template-edge__badge-tooltip-row", children: [
+                    /* @__PURE__ */ s("span", { className: "template-edge__badge-tooltip-label", children: "Original" }),
+                    /* @__PURE__ */ s("code", { children: r.originalPath })
+                  ] }),
+                  r.resolvedPath && /* @__PURE__ */ c("div", { className: "template-edge__badge-tooltip-row", children: [
+                    /* @__PURE__ */ s("span", { className: "template-edge__badge-tooltip-label", children: "Resolved" }),
+                    /* @__PURE__ */ s("code", { children: r.resolvedPath })
+                  ] })
+                ]
+              }
+            ),
+            (r == null ? void 0 : r.dynamicPath) && !r.expressionResolved && /* @__PURE__ */ c(
+              Le,
+              {
+                className: "template-edge__badge template-edge__badge--unresolved",
+                label: "⚠️ dynamic",
+                children: [
+                  /* @__PURE__ */ s("div", { className: "template-edge__badge-tooltip-title", children: "⚠️ Unresolved Expressions" }),
+                  /* @__PURE__ */ s("p", { children: "The template path contains expressions that could not be evaluated at analysis time." }),
+                  /* @__PURE__ */ c("div", { className: "template-edge__badge-tooltip-row", children: [
+                    /* @__PURE__ */ s("span", { className: "template-edge__badge-tooltip-label", children: "Original" }),
+                    /* @__PURE__ */ s("code", { children: r.originalPath })
+                  ] }),
+                  r.resolvedPath && r.resolvedPath !== r.originalPath && /* @__PURE__ */ c("div", { className: "template-edge__badge-tooltip-row", children: [
+                    /* @__PURE__ */ s("span", { className: "template-edge__badge-tooltip-label", children: "Partial" }),
+                    /* @__PURE__ */ s("code", { children: r.resolvedPath })
+                  ] }),
+                  r.unresolvedExpressions && r.unresolvedExpressions.length > 0 && /* @__PURE__ */ c("div", { className: "template-edge__badge-tooltip-row", children: [
+                    /* @__PURE__ */ s("span", { className: "template-edge__badge-tooltip-label", children: "Unresolved" }),
+                    /* @__PURE__ */ s("span", { children: r.unresolvedExpressions.join(", ") })
+                  ] })
+                ]
+              }
+            )
+          ] }),
+          b > 0 && /* @__PURE__ */ c(
+            "span",
+            {
+              className: "template-edge__params-badge",
+              onMouseEnter: h,
+              onMouseLeave: N,
+              children: [
+                jt(r),
+                y && /* @__PURE__ */ s(Ht, { data: r })
+              ]
+            }
+          )
+        ]
+      }
+    ) })
+  ] });
+}
+function jt(t) {
+  var a;
+  const e = ((a = t.parameterNames) == null ? void 0 : a.length) ?? 0;
+  return t.totalParameterCount != null ? `${e}/${t.totalParameterCount} params` : `${e} params`;
+}
+function Ht({ data: t }) {
+  var a, n;
+  const e = (a = t.declaredParameterNames) == null ? void 0 : a.filter(
+    (l) => {
+      var o;
+      return !((o = t.parameterNames) != null && o.includes(l));
+    }
+  );
+  return /* @__PURE__ */ c("div", { className: "template-edge__params-tooltip", children: [
+    t.parameterNames && t.parameterNames.length > 0 && /* @__PURE__ */ c("div", { className: "template-edge__params-section", children: [
+      /* @__PURE__ */ c("div", { className: "template-edge__params-heading", children: [
+        "✓ Passed (",
+        t.parameterNames.length,
+        ")"
+      ] }),
+      /* @__PURE__ */ s("ul", { className: "template-edge__params-list", children: t.parameterNames.map((l) => /* @__PURE__ */ s(
+        "li",
+        {
+          className: "template-edge__params-item template-edge__params-item--passed",
+          children: l
+        },
+        l
+      )) })
+    ] }),
+    e && e.length > 0 && /* @__PURE__ */ c("div", { className: "template-edge__params-section", children: [
+      /* @__PURE__ */ c("div", { className: "template-edge__params-heading", children: [
+        "○ Not passed (",
+        e.length,
+        ")"
+      ] }),
+      /* @__PURE__ */ s("ul", { className: "template-edge__params-list", children: e.map((l) => /* @__PURE__ */ s(
+        "li",
+        {
+          className: "template-edge__params-item template-edge__params-item--missing",
+          children: l
+        },
+        l
+      )) })
+    ] }),
+    t.totalParameterCount == null && !((n = t.declaredParameterNames) != null && n.length) && /* @__PURE__ */ s("div", { className: "template-edge__params-hint", children: "Expand node to see all declared params" })
+  ] });
+}
+const Kt = tt(Wt), Yt = { fileNode: Bt }, Xt = { templateEdge: Kt }, Gt = {
+  animated: !0,
+  style: { stroke: "var(--accent)", strokeWidth: 2 },
+  markerEnd: { type: xe.ArrowClosed, color: "var(--accent)" }
+};
+function qt() {
+  var le, ve;
+  const {
+    org: t,
+    project: e,
+    selectedPipeline: a,
+    selectedPipelineLoading: n,
+    selectedPipelineError: l,
+    expandedTemplates: o,
+    setExpandedTemplate: m,
+    setSelectedNodeDetail: P
+  } = Te(), v = zt(), [d, r, y] = kt([]), [g, i, R] = At([]), S = te(null), h = te(null), N = te(""), b = te([]);
+  oe(() => {
+    b.current = g;
+  }, [g]);
+  const [_, L] = Z(/* @__PURE__ */ new Set()), x = te(/* @__PURE__ */ new Set()), [k, ae] = Z(!1), $ = ((ve = (le = a == null ? void 0 : a.definition) == null ? void 0 : le.repository) == null ? void 0 : ve.name) ?? "", z = ze(() => {
+    if (!(a != null && a.yaml)) return [];
+    try {
+      const f = pe(a.yaml), p = f == null ? void 0 : f.resources;
+      return (p == null ? void 0 : p.repositories) ?? [];
+    } catch {
+      return [];
+    }
+  }, [a == null ? void 0 : a.yaml]), H = ze(() => {
+    if (!(a != null && a.yaml)) return {};
+    try {
+      const f = pe(a.yaml);
+      return Pe(f ?? {});
+    } catch {
+      return {};
+    }
+  }, [a == null ? void 0 : a.yaml]);
+  oe(() => {
+    var w, F, B, ie, ce, de, ne;
+    if (!(a != null && a.yaml)) {
+      r([]), i([]);
+      return;
+    }
+    const f = pe(a.yaml), p = ((w = a.definition) == null ? void 0 : w.path) ?? "", u = Se(f ?? {}, { sourcePath: p }), E = ((F = a.definition) == null ? void 0 : F.name) ?? p.split("/").pop() ?? "Pipeline", A = Ae(p), D = De(f ?? {}), C = ((ie = (B = a.definition) == null ? void 0 : B.repository) == null ? void 0 : ie.name) ?? "", W = (ne = (de = (ce = a.definition) == null ? void 0 : ce.repository) == null ? void 0 : de.defaultBranch) == null ? void 0 : ne.replace(
+      /^refs\/heads\//,
+      ""
+    ), I = t && e && C ? at({
+      org: t,
+      project: e,
+      repoName: C,
+      filePath: p,
+      branch: W
+    }) : void 0, Q = {
+      id: "root",
+      type: "fileNode",
+      position: { x: 0, y: 0 },
+      data: {
+        label: E,
+        filePath: p,
+        templateCount: u.length,
+        status: "root",
+        isRoot: !0,
+        baseDir: A,
+        adoUrl: I
+      }
+    }, { templateNodes: j, templateEdges: J } = Ue(
+      "root",
+      u,
+      t,
+      e,
+      $,
+      z,
+      D,
+      void 0,
+      // existingNodeIds
+      H
+    ), Y = [Q, ...j], ee = [...J], { nodes: O, edges: U } = Fe(
+      Y,
+      ee
+    );
+    r(O), i(U), x.current = /* @__PURE__ */ new Set();
+  }, [a, r, i]);
+  const me = te(!1);
+  oe(() => {
+    if (!k || !S.current || d.length === 0) return;
+    const f = `${d.length}:${g.length}`;
+    if (f !== N.current)
+      return N.current = f, h.current != null && cancelAnimationFrame(h.current), h.current = requestAnimationFrame(() => {
+        var p;
+        (p = S.current) == null || p.fitView({
+          padding: 0.2,
+          duration: 300
+        }), h.current = null;
+      }), () => {
+        h.current != null && (cancelAnimationFrame(h.current), h.current = null);
+      };
+  }, [k, d.length, g.length]), oe(() => {
+    if (me.current) return;
+    const f = d.filter((p) => {
+      const u = p.data;
+      if (u.status !== "collapsed" || x.current.has(p.id) || _.has(p.id)) return !1;
+      const E = u._conditionResult;
+      return !(E === !1 || E === "unknown" && !k);
+    });
+    if (f.length !== 0) {
+      f.sort((p, u) => {
+        const E = p.data.templateLocation === "variables" ? 0 : 1, A = u.data.templateLocation === "variables" ? 0 : 1;
+        return E - A;
+      });
+      for (const p of f) {
+        const u = p.data;
+        u.dynamicPath && !u.expressionResolved || x.current.add(p.id);
+      }
+      me.current = !0, (async () => {
+        for (const p of f) {
+          const u = p.data;
+          if (!(u.dynamicPath && !u.expressionResolved))
+            try {
+              const { content: E, actualPath: A } = await Ve(
+                t,
+                e,
+                $,
+                u,
+                z,
+                o,
+                m,
+                v
+              ), D = pe(E) ?? {}, C = u._ref, W = Se(D, {
+                contextRepoAlias: re(C ?? {}),
+                sourcePath: A
+              }), I = je(D);
+              if (W.length === 0) {
+                const j = u.templateLocation === "variables" ? Pe(D) : void 0, J = j && Object.keys(j).length > 0, Y = /* @__PURE__ */ new Set(), ee = /* @__PURE__ */ new Set(), O = /* @__PURE__ */ new Map();
+                if (J)
+                  for (const U of d) {
+                    const w = U.data;
+                    if (w.dynamicPath && !w.expressionResolved) {
+                      const F = we(
+                        U,
+                        j,
+                        t,
+                        e,
+                        $,
+                        z
+                      );
+                      if (F !== U) {
+                        Y.add(U.id);
+                        const B = F.data;
+                        B.repoAlias && ee.add(U.id), O.set(U.id, B.filePath);
+                      }
+                    }
+                  }
+                r(
+                  (U) => U.map((w) => w.id === p.id ? {
+                    ...w,
+                    data: {
+                      ...w.data,
+                      status: "expanded",
+                      templateCount: 0,
+                      totalParameterCount: I.length || void 0,
+                      declaredParameterNames: I.length ? I : void 0
+                    }
+                  } : J && Y.has(w.id) ? we(
+                    w,
+                    j,
+                    t,
+                    e,
+                    $,
+                    z
+                  ) : w)
+                ), Y.size > 0 && i(
+                  (U) => U.map((w) => {
+                    if (!Y.has(w.target)) return w;
+                    const F = w.data;
+                    if (!(F != null && F.dynamicPath)) return w;
+                    const B = ee.has(w.target);
+                    return {
+                      ...w,
+                      data: {
+                        ...F,
+                        expressionResolved: !0,
+                        isExternal: B || F.isExternal || void 0,
+                        resolvedPath: O.get(w.target) ?? F.resolvedPath,
+                        unresolvedExpressions: void 0
+                      },
+                      style: B ? {
+                        stroke: "var(--badge-resources)",
+                        strokeWidth: 2,
+                        strokeDasharray: "6 3"
+                      } : w.style,
+                      markerEnd: B ? {
+                        type: xe.ArrowClosed,
+                        color: "var(--badge-resources)"
+                      } : w.markerEnd
+                    };
+                  })
+                );
+              } else if (k) {
+                const Q = De(D), j = u._parentParamContext, J = u._accumulatedVariables, Y = C == null ? void 0 : C.parameters, ee = ke(
+                  Y,
+                  j,
+                  J
+                ), O = { ...Q, ...ee }, U = Pe(D), w = {
+                  ...J ?? H,
+                  ...U
+                }, F = u._accumulatedResources, B = qe(D), ie = Je([
+                  ...F ?? z,
+                  ...B
+                ]);
+                await new Promise((M) => setTimeout(M, 0));
+                const ce = new Set(d.map((M) => M.id)), { templateNodes: de, templateEdges: ne } = Ue(
+                  p.id,
+                  W,
+                  t,
+                  e,
+                  $,
+                  ie,
+                  O,
+                  ce,
+                  w
+                );
+                r((M) => {
+                  const se = new Set(M.map((T) => T.id)), ye = de.filter(
+                    (T) => !se.has(T.id)
+                  ), Ne = [...M.map(
+                    (T) => T.id === p.id ? {
+                      ...T,
+                      data: {
+                        ...T.data,
+                        status: "expanded",
+                        templateCount: W.length,
+                        totalParameterCount: I.length || void 0,
+                        declaredParameterNames: I.length ? I : void 0
+                      }
+                    } : T
+                  ), ...ye], X = [...I.length ? be(
+                    b.current,
+                    p.id,
+                    I
+                  ) : b.current, ...ne];
+                  return Fe(Ne, X).nodes;
+                }), i((M) => [...I.length ? be(
+                  M,
+                  p.id,
+                  I
+                ) : M, ...ne]), await new Promise((M) => setTimeout(M, 50));
+              }
+            } catch {
+            }
+        }
+        me.current = !1, k && r((p) => [...p]);
+      })();
+    }
+  }, [
+    d,
+    t,
+    e,
+    $,
+    z,
+    o,
+    m,
+    _,
+    r,
+    i,
+    k,
+    v
+  ]);
+  const K = fe(
+    async (f, p) => {
+      const u = p.data;
+      if (u.status === "root" && (a != null && a.yaml)) {
+        P({
+          nodeId: p.id,
+          label: u.label,
+          filePath: u.filePath,
+          yaml: a.yaml
+        });
+        return;
+      }
+      if (u.status === "expanded") {
+        const E = u._ref, A = re(E ?? {}) || "", D = `${A}:${u.filePath}`, C = u._fallbackPath, W = C ? `${A}:${C}` : void 0, I = o.get(D) ?? (W ? o.get(W) : void 0);
+        if (I) {
+          P({
+            nodeId: p.id,
+            label: u.label,
+            filePath: u.filePath,
+            yaml: I,
+            repoAlias: u.repoAlias
+          });
+          return;
+        }
+        try {
+          const { content: Q } = await Ve(
+            t,
+            e,
+            $,
+            u,
+            z,
+            o,
+            m,
+            v
+          );
+          P({
+            nodeId: p.id,
+            label: u.label,
+            filePath: u.filePath,
+            yaml: Q,
+            repoAlias: u.repoAlias
+          });
+        } catch {
+        }
+        return;
+      }
+      if (u.status === "collapsed" && !_.has(p.id)) {
+        L((E) => new Set(E).add(p.id)), r(
+          (E) => E.map(
+            (A) => A.id === p.id ? { ...A, data: { ...A.data, status: "loading" } } : A
+          )
+        );
+        try {
+          const { content: E, actualPath: A } = await Ve(
+            t,
+            e,
+            $,
+            u,
+            z,
+            o,
+            m,
+            v
+          ), D = pe(E) ?? {}, C = u._ref, W = Se(D, {
+            contextRepoAlias: re(C ?? {}),
+            sourcePath: A
+          }), I = De(D), Q = u._parentParamContext, j = u._accumulatedVariables, J = C == null ? void 0 : C.parameters, Y = ke(
+            J,
+            Q,
+            j
+          ), ee = { ...I, ...Y }, O = je(D), U = Ae(A), w = Pe(D), F = {
+            ...j ?? H,
+            ...w
+          }, B = u._accumulatedResources, ie = qe(D), ce = Je([
+            ...B ?? z,
+            ...ie
+          ]), de = new Set(d.map((V) => V.id)), { templateNodes: ne, templateEdges: M } = Ue(
+            p.id,
+            W,
+            t,
+            e,
+            $,
+            ce,
+            ee,
+            de,
+            F
+          ), se = /* @__PURE__ */ new Set(), ye = /* @__PURE__ */ new Set(), Ce = /* @__PURE__ */ new Map(), Ne = u.templateLocation === "variables" && Object.keys(w).length > 0;
+          if (Ne)
+            for (const V of d) {
+              const X = V.data;
+              if (X.dynamicPath && !X.expressionResolved) {
+                const T = we(
+                  V,
+                  w,
+                  t,
+                  e,
+                  $,
+                  z
+                );
+                if (T !== V) {
+                  se.add(V.id);
+                  const G = T.data;
+                  G.repoAlias && ye.add(V.id), Ce.set(V.id, G.filePath);
+                }
+              }
+            }
+          r((V) => {
+            const X = new Set(V.map((q) => q.id)), T = ne.filter((q) => !X.has(q.id)), he = [...V.map((q) => q.id === p.id ? {
+              ...q,
+              data: {
+                ...q.data,
+                status: "expanded",
+                templateCount: W.length,
+                totalParameterCount: O.length || void 0,
+                declaredParameterNames: O.length ? O : void 0
+              }
+            } : Ne && se.has(q.id) ? we(
+              q,
+              w,
+              t,
+              e,
+              $,
+              z
+            ) : q), ...T], dt = [...O.length ? be(
+              b.current,
+              p.id,
+              O
+            ) : b.current, ...M];
+            return Fe(he, dt).nodes;
+          }), i((V) => {
+            let X = O.length ? be(
+              V,
+              p.id,
+              O
+            ) : V;
+            return se.size > 0 && (X = X.map((T) => {
+              if (!se.has(T.target)) return T;
+              const G = T.data;
+              if (!(G != null && G.dynamicPath)) return T;
+              const he = ye.has(T.target);
+              return {
+                ...T,
+                data: {
+                  ...G,
+                  expressionResolved: !0,
+                  isExternal: he || G.isExternal || void 0,
+                  resolvedPath: Ce.get(T.target) ?? G.resolvedPath,
+                  unresolvedExpressions: void 0
+                },
+                style: he ? {
+                  stroke: "var(--badge-resources)",
+                  strokeWidth: 2,
+                  strokeDasharray: "6 3"
+                } : T.style,
+                markerEnd: he ? {
+                  type: xe.ArrowClosed,
+                  color: "var(--badge-resources)"
+                } : T.markerEnd
+              };
+            })), [...X, ...M];
+          }), P({
+            nodeId: p.id,
+            label: u.label,
+            filePath: u.filePath,
+            yaml: E,
+            repoAlias: u.repoAlias
+          });
+        } catch (E) {
+          const A = E instanceof Error ? E.message : String(E);
+          r(
+            (D) => D.map(
+              (C) => C.id === p.id ? {
+                ...C,
+                data: { ...C.data, status: "error", errorMessage: A }
+              } : C
+            )
+          );
+        } finally {
+          L((E) => {
+            const A = new Set(E);
+            return A.delete(p.id), A;
+          });
+        }
+      }
+    },
+    [
+      t,
+      e,
+      $,
+      a,
+      z,
+      o,
+      m,
+      P,
+      _,
+      r,
+      i,
+      v
+    ]
+  ), $e = fe(() => {
+    ae((f) => (f || (x.current = /* @__PURE__ */ new Set(), N.current = ""), !f));
+  }, []);
+  return n ? /* @__PURE__ */ s("div", { className: "pipeline-tree__empty", children: /* @__PURE__ */ c("div", { className: "loading-indicator", children: [
+    /* @__PURE__ */ s("span", { className: "loading-indicator__spinner", children: "⏳" }),
+    /* @__PURE__ */ s("span", { children: "Loading pipeline..." })
+  ] }) }) : l ? /* @__PURE__ */ s("div", { className: "error", children: l }) : a ? /* @__PURE__ */ c("div", { style: { width: "100%", height: "100%", position: "relative" }, children: [
+    /* @__PURE__ */ c(
+      Tt,
+      {
+        nodes: d,
+        edges: g,
+        onInit: (f) => {
+          S.current = f;
+        },
+        onNodesChange: y,
+        onEdgesChange: R,
+        onNodeClick: K,
+        nodeTypes: Yt,
+        edgeTypes: Xt,
+        defaultEdgeOptions: Gt,
+        fitView: !0,
+        fitViewOptions: { padding: 0.2 },
+        minZoom: 0.1,
+        maxZoom: 2,
+        proOptions: { hideAttribution: !0 },
+        children: [
+          /* @__PURE__ */ s(
+            $t,
+            {
+              variant: Ct.Dots,
+              color: "var(--border)",
+              gap: 20
+            }
+          ),
+          /* @__PURE__ */ s(St, {})
+        ]
+      }
+    ),
+    /* @__PURE__ */ c("label", { className: "auto-expand-toggle", children: [
+      /* @__PURE__ */ s(
+        "input",
+        {
+          type: "checkbox",
+          checked: k,
+          onChange: $e
+        }
+      ),
+      /* @__PURE__ */ s("span", { children: "Auto-expand all" })
+    ] })
+  ] }) : /* @__PURE__ */ s("div", { className: "pipeline-tree__empty", children: "Select a pipeline to visualize" });
+}
+function be(t, e, a) {
+  return t.map((n) => {
+    if (n.target !== e) return n;
+    const l = n.data ?? {};
+    return {
+      ...n,
+      data: {
+        ...l,
+        totalParameterCount: a.length,
+        declaredParameterNames: a
+      }
+    };
+  });
+}
+function ke(t, e, a) {
+  if (!t || !e && !a)
+    return t;
+  const n = {};
+  for (const [l, o] of Object.entries(t))
+    if (typeof o == "string" && ue(o)) {
+      const { result: m, isFullyResolved: P } = yt(o, {
+        parameters: e,
+        variables: a
+      });
+      n[l] = P ? Jt(m) : o;
+    } else o && typeof o == "object" && !Array.isArray(o) ? n[l] = ke(
+      o,
+      e,
+      a
+    ) ?? o : n[l] = o;
+  return n;
+}
+function Jt(t) {
+  if (t === "True" || t === "true") return !0;
+  if (t === "False" || t === "false") return !1;
+  if (t === "null") return null;
+  if (t.startsWith("{") && t.endsWith("}") || t.startsWith("[") && t.endsWith("]"))
+    try {
+      return JSON.parse(t);
+    } catch {
+    }
+  return t;
+}
+function qe(t) {
+  const e = t.resources;
+  if (!e) return [];
+  const a = e.repositories;
+  return Array.isArray(a) ? a.filter(
+    (n) => n != null && typeof n == "object" && "repository" in n && "name" in n && typeof n.repository == "string" && typeof n.name == "string"
+  ) : [];
+}
+function Je(t) {
+  const e = /* @__PURE__ */ new Map();
+  for (const a of t)
+    e.set(a.repository, a);
+  return Array.from(e.values());
+}
+function Zt(t, e) {
+  return `tpl::${t || "self"}::${e}`;
+}
+function Ue(t, e, a, n, l, o, m, P, v) {
+  const d = /* @__PURE__ */ new Set(), r = [], y = [];
+  for (let g = 0; g < e.length; g++) {
+    const i = e[g];
+    let R = i.normalizedPath, S = !1, h = !0, N, b;
+    if (ue(i.normalizedPath)) {
+      S = !0, N = i.normalizedPath;
+      const f = Ee(
+        i.normalizedPath,
+        m,
+        void 0,
+        v
+      );
+      R = f.resolvedPath, h = f.isFullyResolved, b = f.unresolved.length ? f.unresolved : void 0;
+    }
+    let _ = re(i), L = !1, x = !0;
+    if (_ && ue(_)) {
+      L = !0;
+      const f = Ee(
+        _,
+        m,
+        void 0,
+        v
+      );
+      f.isFullyResolved ? _ = f.resolvedPath : (x = !1, b = [
+        ...b ?? [],
+        ...f.unresolved
+      ]);
+    }
+    const k = S || L, ae = h && x, { primary: $, fallback: z } = nt({
+      ...i,
+      normalizedPath: R,
+      repoAlias: i.repoAlias,
+      sourcePath: i.sourcePath
+    }), H = Zt(_, $);
+    if (d.has(H)) continue;
+    d.add(H);
+    const me = P == null ? void 0 : P.has(H);
+    let K;
+    if (i.conditional && i.conditionExpression)
+      try {
+        const f = _t(i.conditionExpression, {
+          parameters: m,
+          variables: v
+        });
+        typeof f == "boolean" ? K = f : f === void 0 || f === i.conditionExpression ? K = "unknown" : K = !!f;
+      } catch {
+        K = "unknown";
+      }
+    else i.conditional && (K = "unknown");
+    if (K === !1) continue;
+    if (!me) {
+      const f = R.length > 40 ? `...${R.slice(-37)}` : R, { repoInfo: p, adoUrl: u } = lt(
+        i,
+        _,
+        $,
+        a,
+        n,
+        l,
+        o
+      ), E = ke(
+        i.parameters,
+        m,
+        v
+      ), A = _ !== re(i) || E !== i.parameters ? {
+        ...i,
+        repoAlias: _ || i.repoAlias,
+        contextRepoAlias: _ || i.contextRepoAlias,
+        parameters: E
+      } : i;
+      r.push({
+        id: H,
+        type: "fileNode",
+        position: { x: 0, y: 0 },
+        data: {
+          label: f,
+          filePath: $,
+          repoAlias: _,
+          templateCount: 0,
+          status: "collapsed",
+          isRoot: !1,
+          baseDir: Ae($),
+          adoUrl: u,
+          repoInfo: p,
+          templateLocation: i.location,
+          // Dynamic path info for auto-expand to skip unresolved expression paths
+          dynamicPath: k || void 0,
+          expressionResolved: k ? ae : void 0,
+          // Stash the resolved ref for expansion (with resolved repo alias + params)
+          _ref: A,
+          // Stash fallback path for fetch retry (repo-root-relative)
+          _fallbackPath: z,
+          // Stash the parent's parameter context so it can flow down during expansion
+          _parentParamContext: m,
+          // Stash accumulated resources (root + all ancestor template resources)
+          _accumulatedResources: o,
+          // Stash accumulated variables for expression resolution in descendants
+          _accumulatedVariables: v,
+          // Condition evaluation result for conditional refs
+          // true = expand, false = skip, 'unknown' = expand when autoExpandAll
+          _conditionResult: K
+        }
+      });
+    }
+    const $e = i.location === "extends" ? "extends" : i.location === "extends-parameters" ? "extends param" : i.location, le = !!_, ve = i.parameters ? Object.keys(i.parameters) : void 0;
+    y.push({
+      id: `${t}->${H}`,
+      source: t,
+      target: H,
+      type: "templateEdge",
+      data: {
+        edgeLabel: $e,
+        parameterNames: ve,
+        isExternal: le || void 0,
+        conditional: i.conditional || void 0,
+        conditionExpression: i.conditionExpression,
+        conditionResult: K,
+        dynamicPath: k || void 0,
+        expressionResolved: k ? ae : void 0,
+        originalPath: N || (L ? i.rawPath : void 0),
+        resolvedPath: k ? $ : void 0,
+        unresolvedExpressions: b
+      },
+      style: le ? {
+        stroke: "var(--badge-resources)",
+        strokeWidth: 2,
+        strokeDasharray: "6 3"
+      } : void 0,
+      markerEnd: le ? { type: xe.ArrowClosed, color: "var(--badge-resources)" } : void 0
+    });
+  }
+  return { templateNodes: r, templateEdges: y };
+}
+async function Ve(t, e, a, n, l, o, m, P) {
+  const v = n._ref;
+  if (!v) throw new Error("No template reference on this node");
+  const d = n.filePath, r = n._fallbackPath, y = re(v), g = `${y || ""}:${d}`, i = o.get(g);
+  if (i) return { content: i, actualPath: d };
+  if (r) {
+    const x = `${y || ""}:${r}`, k = o.get(x);
+    if (k)
+      return { content: k, actualPath: r };
+  }
+  const S = n._accumulatedResources ?? l;
+  let h = e, N = a, b;
+  if (y && S.length) {
+    const x = st(y, S);
+    x ? (h = x.project || e, N = x.repoName, b = x.ref) : N = y;
+  } else y && (N = y);
+  let _, L = d;
+  try {
+    _ = await P(
+      t,
+      h,
+      N,
+      d,
+      b
+    );
+  } catch (x) {
+    if (r)
+      _ = await P(
+        t,
+        h,
+        N,
+        r,
+        b
+      ), L = r;
+    else
+      throw x;
+  }
+  return m(`${y || ""}:${L}`, _.content), { content: _.content, actualPath: L };
+}
+function Ae(t) {
+  const e = t.replace(/\\/g, "/"), a = e.lastIndexOf("/");
+  return a > 0 ? e.slice(0, a) : "";
+}
+function lt(t, e, a, n, l, o, m) {
+  let P = l, v = o, d, r;
+  if (e && m.length) {
+    const g = st(e, m), i = m.find(
+      (R) => R.repository === e
+    );
+    g ? (P = g.project || l, v = g.repoName, d = g.ref) : v = e, i && (r = {
+      alias: e,
+      fullName: i.name,
+      type: i.type,
+      ref: i.ref,
+      project: g == null ? void 0 : g.project
+    });
+  } else e && (v = e);
+  const y = n && P && v ? at({
+    org: n,
+    project: P,
+    repoName: v,
+    filePath: a,
+    ref: d
+  }) : void 0;
+  return { repoInfo: r, adoUrl: y };
+}
+function we(t, e, a, n, l, o) {
+  const m = t.data, v = { ...m._accumulatedVariables ?? {}, ...e }, d = m._ref;
+  if (!d) return t;
+  const r = m._parentParamContext;
+  let y = d.normalizedPath, g = !1, i = !0, R = re(d);
+  if (ue(d.normalizedPath)) {
+    g = !0;
+    const x = Ee(
+      d.normalizedPath,
+      r,
+      void 0,
+      v
+    );
+    if (y = x.resolvedPath, i = x.isFullyResolved, i && !ue(y)) {
+      const k = vt(y);
+      y = k.normalizedPath, k.repoAlias && (R = k.repoAlias);
+    }
+  }
+  if (R && ue(R)) {
+    g = !0;
+    const x = Ee(
+      R,
+      r,
+      void 0,
+      v
+    );
+    x.isFullyResolved ? R = x.resolvedPath : i = !1;
+  }
+  const S = {
+    ...d,
+    normalizedPath: y,
+    repoAlias: R || d.repoAlias,
+    contextRepoAlias: R || d.contextRepoAlias
+  }, { primary: h, fallback: N } = nt({
+    ...S,
+    normalizedPath: y,
+    repoAlias: S.repoAlias,
+    sourcePath: d.sourcePath
+  }), b = y.length > 40 ? `...${y.slice(-37)}` : y, { repoInfo: _, adoUrl: L } = a && n && l && o ? lt(
+    S,
+    R,
+    h,
+    a,
+    n,
+    l,
+    o
+  ) : { repoInfo: void 0, adoUrl: void 0 };
+  return {
+    ...t,
+    data: {
+      ...t.data,
+      label: b,
+      filePath: h,
+      repoAlias: R,
+      baseDir: Ae(h),
+      dynamicPath: g || void 0,
+      expressionResolved: g ? i : void 0,
+      adoUrl: L || t.data.adoUrl,
+      repoInfo: _ || t.data.repoInfo,
+      _ref: S,
+      _accumulatedVariables: v,
+      _fallbackPath: N
+    }
+  };
+}
+const Me = "7.1";
+function Be(t, e) {
+  return `https://dev.azure.com/${encodeURIComponent(t)}/${encodeURIComponent(e)}/_apis`;
+}
+function Qt(t) {
+  return t.startsWith("refs/heads/") ? { version: t.slice(11), versionType: "branch" } : t.startsWith("refs/tags/") ? { version: t.slice(10), versionType: "tag" } : /^[0-9a-f]{40}$/i.test(t) ? { version: t, versionType: "commit" } : { version: t, versionType: "branch" };
+}
+async function We(t) {
+  const e = await fetch(t, { credentials: "include" });
+  if (!e.ok) {
+    const a = await e.text();
+    throw new Error(`ADO API error (${e.status}): ${a}`);
+  }
+  return e;
+}
+async function it(t, e, a, n, l) {
+  const o = n.startsWith("/") ? n : `/${n}`, m = Nt(o);
+  let P = `${Be(t, e)}/git/repositories/${encodeURIComponent(a)}/items?path=${encodeURIComponent(m)}&api-version=${Me}&includeContent=true&$format=text`;
+  if (l) {
+    const d = Qt(l);
+    P += `&versionDescriptor.version=${encodeURIComponent(d.version)}&versionDescriptor.versionType=${d.versionType}`;
+  }
+  return (await We(P)).text();
+}
+async function ea(t, e) {
+  const a = `${Be(t, e)}/pipelines?api-version=${Me}`;
+  return (await (await We(a)).json()).value;
+}
+async function ta(t, e, a) {
+  var v, d, r, y, g;
+  const n = `${Be(t, e)}/build/definitions/${a}?api-version=${Me}`, o = await (await We(n)).json(), m = {
+    id: o.id,
+    name: o.name,
+    path: ((v = o.process) == null ? void 0 : v.yamlFilename) ?? o.path,
+    repository: {
+      id: (d = o.repository) == null ? void 0 : d.id,
+      name: (r = o.repository) == null ? void 0 : r.name,
+      type: (y = o.repository) == null ? void 0 : y.type,
+      defaultBranch: (g = o.repository) == null ? void 0 : g.defaultBranch
+    }
+  }, P = await it(
+    t,
+    e,
+    m.repository.id,
+    m.path,
+    m.repository.defaultBranch
+  );
+  return { definition: m, yaml: P };
+}
+async function aa(t, e, a, n, l) {
+  return { content: await it(t, e, a, n, l), path: n, repoId: a, repoName: a, branch: l || "" };
+}
+async function na() {
+  return { customTaskDocs: {} };
+}
+async function sa(t) {
+  return { tasks: [], cached: !1 };
+}
+const oa = "/api";
+var Qe;
+const ge = typeof window < "u" && ((Qe = window.location) == null ? void 0 : Qe.protocol) === "chrome-extension:";
+async function _e(t) {
+  const e = await fetch(`${oa}${t}`);
+  if (!e.ok) {
+    const a = await e.text();
+    throw new Error(`API error (${e.status}): ${a}`);
+  }
+  return e.json();
+}
+function wa(t, e) {
+  return ge ? ea(t, e) : _e(`/${t}/${e}/pipelines`);
+}
+function ra(t, e, a) {
+  return ge ? ta(t, e, a) : _e(`/${t}/${e}/pipelines/${a}/yaml`);
+}
+function ct(t, e, a, n, l) {
+  if (ge)
+    return aa(t, e, a, n, l);
+  const o = new URLSearchParams({ repo: a, path: n });
+  return l && o.set("branch", l), _e(`/${t}/${e}/file-by-repo-name?${o}`);
+}
+function la() {
+  return ge ? na() : _e("/config/task-docs");
+}
+function ia(t) {
+  return ge ? sa() : _e(`/${t}/schema/tasks`);
+}
+function ca(t) {
+  const {
+    setConnection: e,
+    setSelectedPipeline: a,
+    setSelectedPipelineLoading: n,
+    setSelectedPipelineError: l
+  } = Te(), [o, m] = Z(""), [P, v] = Z(null), [d, r] = Z(!1), y = te(!1);
+  oe(() => {
+    if (y.current) return;
+    y.current = !0;
+    const h = new URLSearchParams(window.location.search), N = t.fileUrl || h.get("url"), b = t.org || h.get("org"), _ = t.project || h.get("project"), L = t.repo || h.get("repo"), x = t.path || h.get("path"), k = t.branch || h.get("branch") || void 0, ae = t.pipelineId ?? (h.get("pipelineId") ? Number(h.get("pipelineId")) : null);
+    if (N)
+      m(N), g(N);
+    else if (b && _ && L && x) {
+      const $ = `https://dev.azure.com/${b}/${_}/_git/${L}?path=${x}${k ? `&version=GB${k}` : ""}`;
+      m($), g($);
+    } else b && _ && ae != null && i(b, _, ae);
+  }, []);
+  const g = async (h) => {
+    const N = Pt(h);
+    if (!N) {
+      v("Invalid Azure DevOps URL");
+      return;
+    }
+    e(N.org, N.project), n(!0), l(null), r(!0);
+    try {
+      const b = await ct(
+        N.org,
+        N.project,
+        N.repoName,
+        N.filePath,
+        N.branch
+      );
+      a({
+        definition: {
+          id: 0,
+          name: N.filePath.split("/").pop() || N.filePath,
+          path: N.filePath,
+          repository: {
+            id: b.repoId,
+            name: b.repoName,
+            type: "git",
+            defaultBranch: b.branch || ""
+          }
+        },
+        yaml: b.content
+      });
+    } catch (b) {
+      l(
+        b instanceof Error ? b.message : String(b)
+      );
+    } finally {
+      n(!1), r(!1);
+    }
+  }, i = async (h, N, b) => {
+    e(h, N), n(!0), l(null);
+    try {
+      const _ = await ra(h, N, b);
+      a(_);
+    } catch (_) {
+      l(
+        _ instanceof Error ? _.message : String(_)
+      );
+    } finally {
+      n(!1);
+    }
+  }, R = async () => {
+    o.trim() && (v(null), await g(o.trim()));
+  };
+  return /* @__PURE__ */ c("div", { className: "pipeline-url-bar", children: [
+    /* @__PURE__ */ s(
+      "input",
+      {
+        type: "text",
+        className: "pipeline-url-bar__input",
+        placeholder: "https://dev.azure.com/{org}/{project}/_git/{repo}?path=/{pipeline}.yml",
+        value: o,
+        onChange: (h) => m(h.target.value),
+        onKeyDown: (h) => {
+          h.key === "Enter" && (h.preventDefault(), R());
+        }
+      }
+    ),
+    /* @__PURE__ */ s(
+      "button",
+      {
+        className: "pipeline-url-bar__btn",
+        onClick: R,
+        disabled: !o.trim() || d,
+        children: d ? "⏳ Loading..." : "Load"
+      }
+    ),
+    P && /* @__PURE__ */ s("div", { className: "pipeline-url-bar__error", children: P })
+  ] });
+}
+const da = 280, pa = 900, ua = 420;
+function ma(t) {
+  const { setCustomTaskDocs: e, setTaskSchema: a, selectedNodeDetail: n, org: l } = Te(), [o, m] = Z(ua), P = te(!1);
+  oe(() => {
+    la().then((d) => e(d.customTaskDocs)).catch(() => {
+    });
+  }, [e]), oe(() => {
+    l && ia(l).then((d) => a(d.tasks)).catch(() => {
+    });
+  }, [l, a]);
+  const v = fe(
+    (d) => {
+      d.preventDefault(), P.current = !0;
+      const r = d.clientX, y = o;
+      document.body.style.cursor = "col-resize", document.body.style.userSelect = "none";
+      const g = (R) => {
+        const S = r - R.clientX, h = Math.min(
+          pa,
+          Math.max(da, y + S)
+        );
+        m(h);
+      }, i = () => {
+        P.current = !1, document.body.style.cursor = "", document.body.style.userSelect = "", window.removeEventListener("mousemove", g), window.removeEventListener("mouseup", i);
+      };
+      window.addEventListener("mousemove", g), window.addEventListener("mouseup", i);
+    },
+    [o]
+  );
+  return /* @__PURE__ */ s(Vt, { value: ct, children: /* @__PURE__ */ c("div", { className: "app", children: [
+    /* @__PURE__ */ c("header", { className: "app__header", children: [
+      /* @__PURE__ */ s("h1", { children: "🔧 Azure Pipelines Visualizer" }),
+      /* @__PURE__ */ s(Ie, { children: /* @__PURE__ */ s(ca, { ...t }) })
+    ] }),
+    /* @__PURE__ */ c("main", { className: "app__main", children: [
+      /* @__PURE__ */ s("section", { className: "app__content", children: /* @__PURE__ */ s(Ie, { children: /* @__PURE__ */ s(qt, {}) }) }),
+      n && /* @__PURE__ */ c(et, { children: [
+        /* @__PURE__ */ s(
+          "div",
+          {
+            className: "app__detail-resize-handle",
+            onMouseDown: v,
+            title: "Drag to resize"
+          }
+        ),
+        /* @__PURE__ */ s("aside", { className: "app__detail", style: { width: o }, children: /* @__PURE__ */ s(Ie, { children: /* @__PURE__ */ s(Lt, {}) }) })
+      ] })
+    ] })
+  ] }) });
+}
+var Oe, Re = Dt;
+if (process.env.NODE_ENV === "production")
+  Oe = Re.createRoot, Re.hydrateRoot;
+else {
+  var Ze = Re.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+  Oe = function(t, e) {
+    Ze.usingClientEntryPoint = !0;
+    try {
+      return Re.createRoot(t, e);
+    } finally {
+      Ze.usingClientEntryPoint = !1;
+    }
+  };
+}
+function Ra(t, e = {}) {
+  let a = { ...e };
+  const n = Oe(t);
+  function l(o) {
+    n.render(ht(ma, o));
+  }
+  return l(a), {
+    unmount: () => n.unmount(),
+    update: (o) => {
+      a = { ...a, ...o }, l(a);
+    }
+  };
+}
+export {
+  ma as App,
+  Lt as DetailPanel,
+  Ie as ErrorBoundary,
+  Bt as FileNode,
+  qt as PipelineDiagram,
+  ca as PipelineSelector,
+  Kt as TemplateEdge,
+  ct as fetchFileByRepoName,
+  ra as fetchPipelineYaml,
+  wa as fetchPipelines,
+  la as fetchTaskDocsConfig,
+  ia as fetchTaskSchema,
+  Fe as getLayoutedElements,
+  Ra as mount,
+  Te as usePipelineStore
+};