import { Button } from "../../../components/ui/button.js";
import PipelineDebugLegend_default from "./PipelineDebugLegend.js";
import { c } from "react/compiler-runtime";
import { jsx, jsxs } from "react/jsx-runtime";
import { ArrowLeft } from "lucide-react";
var PipelineDebugHeader_default = (o) => {
	let s = c(16), { title: l, runNumber: u, onBack: d } = o, f;
	s[0] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" }), s[0] = f) : f = s[0];
	let p;
	s[1] === d ? p = s[2] : (p = /* @__PURE__ */ jsx(Button, {
		variant: "ghost",
		size: "icon",
		onClick: d,
		className: "h-9 w-9 rounded-full",
		children: f
	}), s[1] = d, s[2] = p);
	let m;
	s[3] === l ? m = s[4] : (m = /* @__PURE__ */ jsx("h1", {
		className: "text-lg font-bold tracking-tight",
		children: l
	}), s[3] = l, s[4] = m);
	let h = u && `· Run #${u}`, g;
	s[5] === h ? g = s[6] : (g = /* @__PURE__ */ jsxs("p", {
		className: "text-muted-foreground text-xs font-medium tracking-wider uppercase",
		children: ["Pipeline Flow Visualization ", h]
	}), s[5] = h, s[6] = g);
	let _;
	s[7] !== m || s[8] !== g ? (_ = /* @__PURE__ */ jsxs("div", {
		className: "flex flex-col",
		children: [m, g]
	}), s[7] = m, s[8] = g, s[9] = _) : _ = s[9];
	let v;
	s[10] !== p || s[11] !== _ ? (v = /* @__PURE__ */ jsxs("div", {
		className: "flex items-center gap-4",
		children: [p, _]
	}), s[10] = p, s[11] = _, s[12] = v) : v = s[12];
	let y;
	s[13] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ jsx("div", {
		className: "hidden items-center gap-6 sm:flex",
		children: /* @__PURE__ */ jsx(PipelineDebugLegend_default, {})
	}), s[13] = y) : y = s[13];
	let b;
	return s[14] === v ? b = s[15] : (b = /* @__PURE__ */ jsxs("div", {
		className: "flex items-center justify-between pb-2",
		children: [v, y]
	}), s[14] = v, s[15] = b), b;
};
export { PipelineDebugHeader_default as default };
