TDD,E2E 개선, 미적용 스타일 개선

src/app/editor/forms/FormControllerPanel.tsx

@@ -245,6 +245,7 @@ export function FormControllerPanel({ block, blocks, selectedBlockId, updateBloc
                 : labelText || fieldId;
 
               const checked = (formProps.fieldIds ?? []).includes(fieldId);
+              const required = (formProps.requiredFieldIds ?? []).includes(fieldId);
 
               return (
                 <label
@@ -266,7 +267,25 @@ export function FormControllerPanel({ block, blocks, selectedBlockId, updateBloc
                       } as any);
                     }}
                   />
-                  <span>{displayLabel}</span>
+                  <span className="flex-1 truncate">{displayLabel}</span>
+                  <label className="inline-flex items-center gap-1 text-[11px] text-slate-400">
+                    <input
+                      type="checkbox"
+                      className="h-3 w-3 rounded border-slate-600 bg-slate-950"
+                      checked={required}
+                      onChange={(e) => {
+                        const current = formProps.requiredFieldIds ?? [];
+                        const next = e.target.checked
+                          ? Array.from(new Set([...current, fieldId]))
+                          : current.filter((id) => id !== fieldId);
+
+                        updateBlock(selectedBlockId, {
+                          requiredFieldIds: next,
+                        } as any);
+                      }}
+                    />
+                    <span>필수</span>
+                  </label>
                 </label>
               );
             })}