import { cn as e } from "../../../lib/utils.js";
import { Tooltip as t, TooltipContent as n, TooltipTrigger as r } from "../../../components/ui/tooltip.js";
import { useWorkbenchLayout as i } from "../providers/WorkbenchLayoutProvider.js";
import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
import { Files as c, KeyRound as l, ListOrdered as u, MonitorPlay as d, Workflow as f } from "lucide-react";
//#region src/features/workbench/components/WorkbenchIconSidebar.tsx
function p({ icon: i, label: a, active: c, onClick: l }) {
	return /* @__PURE__ */ s(t, { children: [/* @__PURE__ */ o(r, {
		asChild: !0,
		children: /* @__PURE__ */ o("button", {
			onClick: l,
			className: e("flex h-10 w-10 items-center justify-center rounded-md transition-colors hover:cursor-pointer", c ? "bg-foreground text-background" : "text-muted-foreground hover:bg-accent/50 hover:text-accent-foreground"),
			children: i
		})
	}), /* @__PURE__ */ o(n, {
		side: "left",
		children: a
	})] });
}
function m() {
	let { previewPanelEnabled: e, fileExplorerEnabled: t, isDeveloperMode: n, activeFloatingPanel: r, toggleFloatingPanel: m, activeSidePanel: h, toggleSidePanel: g } = i();
	return /* @__PURE__ */ s("div", {
		className: "border-l bg-background flex w-12 shrink-0 flex-col items-center gap-1 py-2",
		children: [
			e && /* @__PURE__ */ o(p, {
				icon: /* @__PURE__ */ o(d, { className: "h-5 w-5" }),
				label: "Preview",
				active: h === "preview",
				onClick: () => g("preview")
			}),
			n && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(p, {
				icon: /* @__PURE__ */ o(f, { className: "h-5 w-5" }),
				label: "Graph",
				active: h === "flow",
				onClick: () => g("flow")
			}), /* @__PURE__ */ o(p, {
				icon: /* @__PURE__ */ o(u, { className: "h-5 w-5" }),
				label: "Run Log",
				active: r === "history",
				onClick: () => m("history")
			})] }),
			t && /* @__PURE__ */ o(p, {
				icon: /* @__PURE__ */ o(c, { className: "h-5 w-5" }),
				label: "Files",
				active: h === "files",
				onClick: () => g("files")
			}),
			/* @__PURE__ */ o(p, {
				icon: /* @__PURE__ */ o(l, { className: "h-5 w-5" }),
				label: "Secrets",
				active: r === "secrets",
				onClick: () => m("secrets")
			})
		]
	});
}
//#endregion
export { m as WorkbenchIconSidebar };
