import { Button as e } from "../../../components/ui/button.js";
import t from "./WorkflowDebugLegend.js";
import { jsx as n, jsxs as r } from "react/jsx-runtime";
import { ArrowLeft as i } from "lucide-react";
//#region src/features/debug/components/WorkflowDebugHeader.tsx
var a = ({ title: a, runNumber: o, onBack: s }) => /* @__PURE__ */ r("div", {
	className: "flex items-center justify-between pb-2",
	children: [/* @__PURE__ */ r("div", {
		className: "flex items-center gap-4",
		children: [/* @__PURE__ */ n(e, {
			variant: "ghost",
			size: "icon",
			onClick: s,
			className: "h-9 w-9 rounded-full",
			children: /* @__PURE__ */ n(i, { className: "h-4 w-4" })
		}), /* @__PURE__ */ r("div", {
			className: "flex flex-col",
			children: [/* @__PURE__ */ n("h1", {
				className: "text-lg font-bold tracking-tight",
				children: a
			}), /* @__PURE__ */ r("p", {
				className: "text-muted-foreground text-xs font-medium tracking-wider uppercase",
				children: ["Workflow Flow Visualization ", o && `· Run #${o}`]
			})]
		})]
	}), /* @__PURE__ */ n("div", {
		className: "hidden items-center gap-6 sm:flex",
		children: /* @__PURE__ */ n(t, {})
	})]
});
//#endregion
export { a as default };
