refactor: use Visible: [xpath] and Editable: [xpath] syntax

Replace VISIBLE IF 'string' / EDITABLE IF 'string' with standard
property syntax using XPath bracket expressions:

  Visible: [IsActive]              -- conditional (XPath)
  Visible: false                   -- static
  Editable: [Status != 'Closed']   -- conditional (XPath)
  Editable: Never                  -- static

This is consistent with XPath syntax used elsewhere in MDL (WHERE
clauses, entity access rules) and avoids a new IF keyword.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: ako

.claude/skills/mendix/alter-page.md

@@ -65,6 +65,8 @@ SET Title = 'New Page Title'
 | `Name` | Any widget | String | `SET Name = 'newName' ON oldName` |
 | `Title` | Page-level only | String | `SET Title = 'Edit Customer'` |
 | `Layout` | Page-level only | Qualified name | `SET Layout = Atlas_Core.Atlas_Default` |
+| `Visible` | Any widget | Boolean or `[xpath]` | `SET Visible = false ON txtHidden` |
+| `Editable` | Input widgets | Never/Always or `[xpath]` | `SET Editable = Never ON txtReadOnly` |
 | `'quotedProp'` | Pluggable widgets | String, Boolean, Number | `SET 'showLabel' = false ON cbStatus` |
 
 **Pluggable widget properties** use quoted names to set values in the widget's `Object.Properties[]`. Boolean values are stored as `"yes"`/`"no"` in BSON.

.claude/skills/mendix/create-page.md

@@ -747,22 +747,24 @@ See the dedicated skill file: [ALTER PAGE/SNIPPET](./alter-page.md)
 
 ## Conditional Visibility and Editability
 
-Any widget can have conditional visibility. Input widgets can also have conditional editability.
+Any widget can have conditional visibility. Input widgets can also have conditional editability. Use XPath bracket syntax `[expression]`:
 
 ```sql
 -- Conditionally visible widget
-TEXTBOX txtName (Label: 'Name', Attribute: Name, VISIBLE IF '$currentObject/IsActive')
+TEXTBOX txtName (Label: 'Name', Attribute: Name, Visible: [IsActive])
 
 -- Conditionally editable input
-TEXTBOX txtStatus (Label: 'Status', Attribute: Status, EDITABLE IF '$currentObject/Status != ''Closed''')
+TEXTBOX txtStatus (Label: 'Status', Attribute: Status, Editable: [Status != 'Closed'])
 
 -- Combined
 TEXTBOX txtEmail (Label: 'Email', Attribute: Email,
-  VISIBLE IF '$currentObject/ShowEmail',
-  EDITABLE IF '$currentObject/CanEdit')
-```
+  Visible: [ShowEmail],
+  Editable: [CanEdit])
 
-The expression is a Mendix expression string using `$currentObject/AttributeName` syntax. Single quotes within the expression must be doubled (`''`).
+-- Static values still work
+TEXTBOX txtReadOnly (Label: 'Read Only', Attribute: Name, Editable: Never)
+TEXTBOX txtHidden (Label: 'Hidden', Attribute: Name, Visible: false)
+```
 
 ## Known Limitations
 

docs-site/src/language/pages.md

@@ -90,20 +90,24 @@ Values are 1-12 (grid units) or `AutoFill`. TabletWidth and PhoneWidth default t
 
 ### Conditional Visibility
 
-Any widget can be conditionally visible using a Mendix expression:
+Any widget can be conditionally visible using an XPath expression in brackets:
 
 ```sql
-TEXTBOX txtName (Label: 'Name', Attribute: Name, VISIBLE IF '$currentObject/IsActive')
+TEXTBOX txtName (Label: 'Name', Attribute: Name, Visible: [IsActive])
 ```
 
+Static values also work: `Visible: false` hides the widget unconditionally.
+
 ### Conditional Editability
 
 Input widgets can be conditionally editable:
 
 ```sql
-TEXTBOX txtStatus (Label: 'Status', Attribute: Status, EDITABLE IF '$currentObject/Status != ''Closed''')
+TEXTBOX txtStatus (Label: 'Status', Attribute: Status, Editable: [Status != 'Closed'])
 ```
 
+Static values: `Editable: Never`, `Editable: Always`.
+
 ## Layouts
 
 Layouts are referenced by their qualified name (`Module.LayoutName`). Common Atlas layouts include:

docs/01-project/MDL_QUICK_REFERENCE.md

@@ -430,8 +430,8 @@ CREATE PAGE MyModule.Customer_Edit
 | DesktopWidth | `COLUMN col (DesktopWidth: 8)` | 1-12 or AutoFill |
 | TabletWidth | `COLUMN col (TabletWidth: 6)` | 1-12 or AutoFill (default: auto) |
 | PhoneWidth | `COLUMN col (PhoneWidth: 12)` | 1-12 or AutoFill (default: auto) |
-| VISIBLE IF | `TEXTBOX txt (VISIBLE IF '$obj/IsActive')` | Conditional visibility expression |
-| EDITABLE IF | `TEXTBOX txt (EDITABLE IF '$obj/Status != ''Closed''')` | Conditional editability expression |
+| Visible | `TEXTBOX txt (Visible: [IsActive])` | Conditional visibility (XPath expression) |
+| Editable | `TEXTBOX txt (Editable: [Status != 'Closed'])` | Conditional editability (XPath expression) |
 
 **Supported Widgets:**
 - Layout: `LAYOUTGRID`, `ROW`, `COLUMN`, `CONTAINER`, `CUSTOMCONTAINER`

mdl-examples/doctype-tests/03-page-examples.mdl

@@ -2277,8 +2277,8 @@ CREATE PAGE PgTest.P040_ConditionalProps
     ROW row1 {
       COLUMN col1 (DesktopWidth: 8, TabletWidth: 6, PhoneWidth: 12) {
         DATAVIEW dv1 (DataSource: MICROFLOW PgTest.DS_GetFirst) {
-          TEXTBOX txtName (Label: 'Name', Attribute: Name, VISIBLE IF '$currentObject/Name != empty')
-          TEXTBOX txtCountry (Label: 'Country', Attribute: Country, EDITABLE IF 'true')
+          TEXTBOX txtName (Label: 'Name', Attribute: Name, Visible: [Name != empty])
+          TEXTBOX txtCountry (Label: 'Country', Attribute: Country, Editable: [true])
         }
       }
       COLUMN col2 (DesktopWidth: 4, TabletWidth: 6, PhoneWidth: 12) {

mdl/executor/cmd_pages_describe_output.go

@@ -39,10 +39,10 @@ func appendDataGridPagingProps(props []string, w rawWidget) []string {
 // appendConditionalProps appends VISIBLE IF and EDITABLE IF if present.
 func appendConditionalProps(props []string, w rawWidget) []string {
 	if w.VisibleIf != "" {
-		props = append(props, fmt.Sprintf("VISIBLE IF %s", mdlQuote(w.VisibleIf)))
+		props = append(props, fmt.Sprintf("Visible: [%s]", w.VisibleIf))
 	}
 	if w.EditableIf != "" {
-		props = append(props, fmt.Sprintf("EDITABLE IF %s", mdlQuote(w.EditableIf)))
+		props = append(props, fmt.Sprintf("Editable: [%s]", w.EditableIf))
 	}
 	return props
 }
@@ -59,10 +59,10 @@ func appendAppearanceProps(props []string, w rawWidget) []string {
 		props = append(props, formatDesignPropertiesMDL(w.DesignProperties))
 	}
 	if w.VisibleIf != "" {
-		props = append(props, fmt.Sprintf("VISIBLE IF %s", mdlQuote(w.VisibleIf)))
+		props = append(props, fmt.Sprintf("Visible: [%s]", w.VisibleIf))
 	}
 	if w.EditableIf != "" {
-		props = append(props, fmt.Sprintf("EDITABLE IF %s", mdlQuote(w.EditableIf)))
+		props = append(props, fmt.Sprintf("Editable: [%s]", w.EditableIf))
 	}
 	return props
 }

mdl/grammar/MDLParser.g4

@@ -1825,9 +1825,10 @@ widgetPropertyV3
     | DESIGNPROPERTIES COLON designPropertyListV3       // DesignProperties: [...]
     | WIDTH COLON NUMBER_LITERAL                        // Width: 200
     | HEIGHT COLON NUMBER_LITERAL                      // Height: 100
-    | VISIBLE IF STRING_LITERAL                        // VISIBLE IF '$currentObject/IsActive = true'
-    | VISIBLE COLON propertyValueV3                   // Visible: expression
-    | EDITABLE IF STRING_LITERAL                      // EDITABLE IF '$currentObject/Status = Draft'
+    | VISIBLE COLON xpathConstraint                    // Visible: [IsActive = true]
+    | VISIBLE COLON propertyValueV3                   // Visible: false
+    | EDITABLE COLON xpathConstraint                  // Editable: [Status != 'Closed']
+    | EDITABLE COLON propertyValueV3                  // Editable: Never | Always
     | TOOLTIP COLON propertyValueV3                   // Tooltip: 'text'
     | IDENTIFIER COLON propertyValueV3                // Generic: any other property
     ;