feat: boolean param in dynamic form

public/styles/main.css

@@ -749,6 +749,7 @@ p {
     background: rgba(76, 175, 80, 0.3);
     color: var(--accent-success);
     border: 1px solid rgba(76, 175, 80, 0.5);
+    border-radius: 50%;
 }
 
 .status-offline {
@@ -2423,6 +2424,56 @@ select.param-input:focus {
 	background-size: 12px 12px;
 }
 
+/* Boolean checkbox styling */
+.boolean-input-container {
+	display: flex;
+	align-items: center;
+	gap: 0.5rem;
+}
+
+.param-input.boolean-checkbox {
+	width: auto;
+	padding: 0;
+	margin: 0;
+	background: transparent;
+	border: 1px solid var(--border-primary);
+	border-radius: 4px;
+	width: 16px;
+	height: 16px;
+	appearance: none;
+	cursor: pointer;
+	position: relative;
+	transition: all 0.2s ease;
+}
+
+.param-input.boolean-checkbox:checked {
+	background: var(--accent-primary);
+	border-color: var(--accent-primary);
+}
+
+.param-input.boolean-checkbox:checked::after {
+	content: '✓';
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+	color: white;
+	font-size: 10px;
+	font-weight: bold;
+}
+
+.param-input.boolean-checkbox:focus {
+	border-color: rgba(139, 92, 246, 0.5);
+	box-shadow: 0 0 0 2px rgba(139, 92, 246, 0.15);
+}
+
+.boolean-label {
+	font-size: 0.9rem;
+	color: var(--text-primary);
+	cursor: pointer;
+	user-select: none;
+}
+
 .endpoint-params.none {
 	opacity: 1;
 	font-size: 0.85rem;