diff --git a/apps/canvas/front/src/components/details.tsx b/apps/canvas/front/src/components/details.tsx
index cb5aba5..288390a 100644
--- a/apps/canvas/front/src/components/details.tsx
+++ b/apps/canvas/front/src/components/details.tsx
@@ -1,5 +1,5 @@
 import { useNodes } from "@xyflow/react";
-import { AppNode, nodeLabel, NodeType } from "@/lib/state";
+import { AppNode, nodeLabel, NodeType, useMode } from "@/lib/state";
 import { NodeDetails } from "@/components/node-details";
 import { Accordion, AccordionContent, AccordionTrigger } from "./ui/accordion";
 import { AccordionItem } from "@radix-ui/react-accordion";
@@ -41,6 +41,9 @@
 	const [open, setOpen] = useState<string[]>([]);
 	const selected = useMemo(() => nodes.filter((n) => n.selected).map((n) => n.id), [nodes]);
 	const all = useMemo(() => open.concat(selected).filter(unique), [open, selected]);
+	const mode = useMode();
+	const isDeployMode = mode === "deploy";
+
 	return (
 		<Accordion
 			type="multiple"
@@ -59,7 +62,7 @@
 							</div>
 						</AccordionTrigger>
 						<AccordionContent className="pt-1">
-							<NodeDetails {...n} />
+							<NodeDetails {...n} disabled={isDeployMode} />
 						</AccordionContent>
 					</AccordionItem>
 				</>
