glib-web 6.10.2 → 7.0.0.beta1

data/app/views/json_ui/garage/test_page/fields_rating.json.jbuilder

@@ -57,7 +57,7 @@ page.body(
                   onClick: ->(action) do
                     action.runMultiple(
                       childActions: ->(multiple) do
-                        multiple.components_set targetId: 'rating_main', data: { halfIncrements: nil, value: 4, color: 'primary', size: 24, readOnly: nil }
+                        multiple.logics_set targetId: 'rating_main', data: { halfIncrements: nil, value: 4, color: 'primary', size: 24, readOnly: nil }
                         multiple.logics_set targetId: 'rating_variant_status', data: { text: 'Variant: full increments (primary)' }
                       end
                     )
@@ -69,7 +69,7 @@ page.body(
                   onClick: ->(action) do
                     action.runMultiple(
                       childActions: ->(multiple) do
-                        multiple.components_set targetId: 'rating_main', data: { halfIncrements: true, value: 3.5, color: 'secondary', size: 24, readOnly: nil }
+                        multiple.logics_set targetId: 'rating_main', data: { halfIncrements: true, value: 3.5, color: 'secondary', size: 24, readOnly: nil }
                         multiple.logics_set targetId: 'rating_variant_status', data: { text: 'Variant: half increments (secondary)' }
                       end
                     )
@@ -81,7 +81,7 @@ page.body(
                   onClick: ->(action) do
                     action.runMultiple(
                       childActions: ->(multiple) do
-                        multiple.components_set targetId: 'rating_main', data: { size: 40, value: 4.5, halfIncrements: true, color: 'ternary', readOnly: nil }
+                        multiple.logics_set targetId: 'rating_main', data: { size: 40, value: 4.5, halfIncrements: true, color: 'ternary', readOnly: nil }
                         multiple.logics_set targetId: 'rating_variant_status', data: { text: 'Variant: large size (ternary)' }
                       end
                     )
@@ -93,7 +93,7 @@ page.body(
                   onClick: ->(action) do
                     action.runMultiple(
                       childActions: ->(multiple) do
-                        multiple.components_set targetId: 'rating_main', data: { readOnly: true, value: 5 }
+                        multiple.logics_set targetId: 'rating_main', data: { readOnly: true, value: 5 }
                         multiple.logics_set targetId: 'rating_variant_status', data: { text: 'Variant: read-only' }
                       end
                     )
@@ -119,7 +119,7 @@ page.body(
                   onClick: ->(action) do
                     action.runMultiple(
                       childActions: ->(multiple) do
-                        multiple.components_set targetId: 'rating_main', data: { value: 2, readOnly: nil }
+                        multiple.logics_set targetId: 'rating_main', data: { value: 2, readOnly: nil }
                         multiple.logics_set targetId: 'rating_status', data: { text: 'Status: set to 2' }
                       end
                     )
@@ -131,7 +131,7 @@ page.body(
                   onClick: ->(action) do
                     action.runMultiple(
                       childActions: ->(multiple) do
-                        multiple.components_set targetId: 'rating_main', data: { value: 4.5, halfIncrements: true, readOnly: nil }
+                        multiple.logics_set targetId: 'rating_main', data: { value: 4.5, halfIncrements: true, readOnly: nil }
                         multiple.logics_set targetId: 'rating_status', data: { text: 'Status: set to 4.5' }
                       end
                     )
@@ -143,7 +143,7 @@ page.body(
                   onClick: ->(action) do
                     action.runMultiple(
                       childActions: ->(multiple) do
-                        multiple.components_set targetId: 'rating_main', data: { value: '', readOnly: '' }
+                        multiple.logics_set targetId: 'rating_main', data: { value: '', readOnly: '' }
                         multiple.logics_set targetId: 'rating_status', data: { text: 'Status: cleared' }
                       end
                     )
@@ -165,21 +165,21 @@ page.body(
                 flow.button(
                   text: 'Disable rating',
                   onClick: ->(action) do
-                    action.components_set targetId: 'rating_main', data: { disabled: true }
+                    action.logics_set targetId: 'rating_main', data: { disabled: true }
                   end
                 )
                 flow.spacer width: 8
                 flow.button(
                   text: 'Enable rating',
                   onClick: ->(action) do
-                    action.components_set targetId: 'rating_main', data: { disabled: nil }
+                    action.logics_set targetId: 'rating_main', data: { disabled: nil }
                   end
                 )
                 flow.spacer width: 8
                 flow.button(
                   text: 'Small size',
                   onClick: ->(action) do
-                    action.components_set targetId: 'rating_main', data: { size: 18 }
+                    action.logics_set targetId: 'rating_main', data: { size: 18 }
                   end
                 )
               end

data/app/views/json_ui/garage/test_page/fields_richText.json.jbuilder

@@ -84,7 +84,7 @@ Try @mentioning a teammate here.
                   onClick: ->(action) do
                     action.runMultiple(
                       childActions: ->(multiple) do
-                        multiple.components_set targetId: 'rich_text_main', data: { produce: 'markdown', accept: 'markdown' }
+                        multiple.logics_set targetId: 'rich_text_main', data: { produce: 'markdown', accept: 'markdown' }
                         multiple.logics_set targetId: 'rich_text_variant_status', data: { text: 'Variant: markdown output' }
                       end
                     )
@@ -96,7 +96,7 @@ Try @mentioning a teammate here.
                   onClick: ->(action) do
                     action.runMultiple(
                       childActions: ->(multiple) do
-                        multiple.components_set targetId: 'rich_text_main', data: { produce: 'html', accept: 'html' }
+                        multiple.logics_set targetId: 'rich_text_main', data: { produce: 'html', accept: 'html' }
                         multiple.logics_set targetId: 'rich_text_variant_status', data: { text: 'Variant: HTML output' }
                       end
                     )
@@ -108,7 +108,7 @@ Try @mentioning a teammate here.
                   onClick: ->(action) do
                     action.runMultiple(
                       childActions: ->(multiple) do
-                        multiple.components_set targetId: 'rich_text_main', data: { imageUploader: nil }
+                        multiple.logics_set targetId: 'rich_text_main', data: { imageUploader: nil }
                         multiple.logics_set targetId: 'rich_text_variant_status', data: { text: 'Variant: uploader removed' }
                       end
                     )
@@ -120,7 +120,7 @@ Try @mentioning a teammate here.
                   onClick: ->(action) do
                     action.runMultiple(
                       childActions: ->(multiple) do
-                        multiple.components_set targetId: 'rich_text_main', data: { imageUploader: image_uploader }
+                        multiple.logics_set targetId: 'rich_text_main', data: { imageUploader: image_uploader }
                         multiple.logics_set targetId: 'rich_text_variant_status', data: { text: 'Variant: uploader restored' }
                       end
                     )
@@ -146,7 +146,7 @@ Try @mentioning a teammate here.
             #       onClick: ->(action) do
             #         action.runMultiple(
             #           childActions: ->(multiple) do
-            #             multiple.components_set targetId: 'rich_text_main', data: { value: "# Quick update\n\n- Item one\n- Item two\n\nThanks!" }
+            #             multiple.logics_set targetId: 'rich_text_main', data: { value: "# Quick update\n\n- Item one\n- Item two\n\nThanks!" }
             #             multiple.logics_set targetId: 'rich_text_status', data: { text: 'Status: template inserted' }
             #           end
             #         )
@@ -158,7 +158,7 @@ Try @mentioning a teammate here.
             #     #   onClick: ->(action) do
             #     #     action.runMultiple(
             #     #       childActions: ->(multiple) do
-            #     #         multiple.components_set targetId: 'rich_text_main', data: { value: '' }
+            #     #         multiple.logics_set targetId: 'rich_text_main', data: { value: '' }
             #     #         multiple.logics_set targetId: 'rich_text_status', data: { text: 'Status: cleared' }
             #     #       end
             #     #     )
@@ -180,28 +180,28 @@ Try @mentioning a teammate here.
                 flow.button(
                   text: 'Disable editor',
                   onClick: ->(action) do
-                    action.components_set targetId: 'rich_text_main', data: { disabled: true }
+                    action.logics_set targetId: 'rich_text_main', data: { disabled: true }
                   end
                 )
                 flow.spacer width: 8
                 flow.button(
                   text: 'Enable editor',
                   onClick: ->(action) do
-                    action.components_set targetId: 'rich_text_main', data: { disabled: nil }
+                    action.logics_set targetId: 'rich_text_main', data: { disabled: nil }
                   end
                 )
                 flow.spacer width: 8
                 flow.button(
                   text: 'Toggle debug',
                   onClick: ->(action) do
-                    action.components_set targetId: 'rich_text_main', data: { debug: false }
+                    action.logics_set targetId: 'rich_text_main', data: { debug: false }
                   end
                 )
                 flow.spacer width: 8
                 flow.button(
                   text: 'Enable debug',
                   onClick: ->(action) do
-                    action.components_set targetId: 'rich_text_main', data: { debug: true }
+                    action.logics_set targetId: 'rich_text_main', data: { debug: true }
                   end
                 )
               end

data/app/views/json_ui/garage/test_page/fields_select.json.jbuilder

@@ -89,7 +89,7 @@ page.body(
                 flow.button(
                   text: 'Use icon options',
                   onClick: ->(action) do
-                    action.components_set(
+                    action.logics_set(
                       targetId: 'select_media',
                       data: { options: icon_options, value: 'option1', multiple: nil, useChips: nil }
                     )
@@ -99,7 +99,7 @@ page.body(
                 flow.button(
                   text: 'Use image options',
                   onClick: ->(action) do
-                    action.components_set(
+                    action.logics_set(
                       targetId: 'select_media',
                       data: { options: image_options, value: 'option2', multiple: nil, useChips: nil }
                     )
@@ -109,7 +109,7 @@ page.body(
                 flow.button(
                   text: 'Text only',
                   onClick: ->(action) do
-                    action.components_set(
+                    action.logics_set(
                       targetId: 'select_media',
                       data: { options: base_options, value: 'option3', multiple: nil, useChips: nil }
                     )
@@ -119,7 +119,7 @@ page.body(
                 flow.button(
                   text: 'Multiple + chips',
                   onClick: ->(action) do
-                    action.components_set(
+                    action.logics_set(
                       targetId: 'select_media',
                       data: { options: icon_options, value: %w[option1 option3], multiple: true, useChips: true, maxChipLines: 1, width: 250 }
                     )
@@ -141,28 +141,28 @@ page.body(
                 flow.button(
                   text: 'Disable select',
                   onClick: ->(action) do
-                    action.components_set targetId: 'select_media', data: { disabled: true }
+                    action.logics_set targetId: 'select_media', data: { disabled: true }
                   end
                 )
                 flow.spacer width: 8
                 flow.button(
                   text: 'Enable select',
                   onClick: ->(action) do
-                    action.components_set targetId: 'select_media', data: { disabled: nil }
+                    action.logics_set targetId: 'select_media', data: { disabled: nil }
                   end
                 )
                 flow.spacer width: 8
                 flow.button(
                   text: 'Empty options',
                   onClick: ->(action) do
-                    action.components_set targetId: 'select_media', data: { options: [], value: nil }
+                    action.logics_set targetId: 'select_media', data: { options: [], value: nil }
                   end
                 )
                 flow.spacer width: 8
                 flow.button(
                   text: 'Restore defaults',
                   onClick: ->(action) do
-                    action.components_set(
+                    action.logics_set(
                       targetId: 'select_media',
                       data: { options: icon_options, value: 'option1', disabled: nil, multiple: nil, useChips: nil }
                     )

data/app/views/json_ui/garage/test_page/fields_sign.json.jbuilder

@@ -1,8 +1,5 @@
 json.title 'Test Page (Fields Sign)'
 
-# 60x20 ink stand-in used by the pre-filled examples.
-preview_data_uri = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAUCAYAAADRA14pAAAAoklEQVR4nO2XUQrAIAxDcwjvf9WNfQzG1NFqUt1mwL8a8hBtxfYzYXSAaC1glVJK2RohOXAJdCS4FNgCGw0tA7YAjQCXAHsBoqAPbzpwa3A19OkLpjkjsAL66gmWOTOo0gtvOJXe/VcP9JpH3DvmewBLkdeUKfaLD09xqSaid7bkqilrS57pKHJCYmWq9uFZQD2ZLLkeB49ZQO/qybX+w1/XDujJvn2bufeCAAAAAElFTkSuQmCC'
-
 page = json_ui_page json
 
 render 'json_ui/garage/test_page/header', json: json, page: page
@@ -28,11 +25,6 @@ page.body(
             form.fields_sign(
               id: 'signature_main',
               name: 'user[signature]',
-              label: 'Your signature',
-              # Single-param contract: the typed name is submitted through the
-              # field's own param, so typedName carries only the input's
-              # decoration and pre-filled value.
-              typedName: { label: 'Type your full name', placeholder: 'Full name' },
               directUploadUrl: glib_direct_uploads_url,
               width: 320,
               height: 160,
@@ -55,21 +47,21 @@ page.body(
                 flow.button(
                   text: 'Large (480x220)',
                   onClick: ->(action) do
-                    action.components_set targetId: 'signature_main', data: { width: 480, height: 220 }
+                    action.logics_set targetId: 'signature_main', data: { width: 480, height: 220 }
                   end
                 )
                 flow.spacer width: 8
                 flow.button(
                   text: 'Compact (260x120)',
                   onClick: ->(action) do
-                    action.components_set targetId: 'signature_main', data: { width: 260, height: 120 }
+                    action.logics_set targetId: 'signature_main', data: { width: 260, height: 120 }
                   end
                 )
                 flow.spacer width: 8
                 flow.button(
                   text: 'Required',
                   onClick: ->(action) do
-                    action.components_set targetId: 'signature_main',
+                    action.logics_set targetId: 'signature_main',
                       data: { validation: { required: { message: 'signature is required' } } }
                   end
                 )
@@ -77,21 +69,21 @@ page.body(
                 flow.button(
                   text: 'Optional',
                   onClick: ->(action) do
-                    action.components_set targetId: 'signature_main', data: { validation: nil }
+                    action.logics_set targetId: 'signature_main', data: { validation: nil }
                   end
                 )
                 flow.spacer width: 8
                 flow.button(
                   text: 'Disable',
                   onClick: ->(action) do
-                    action.components_set targetId: 'signature_main', data: { disabled: true }
+                    action.logics_set targetId: 'signature_main', data: { disabled: true }
                   end
                 )
                 flow.spacer width: 8
                 flow.button(
                   text: 'Enable',
                   onClick: ->(action) do
-                    action.components_set targetId: 'signature_main', data: { disabled: nil }
+                    action.logics_set targetId: 'signature_main', data: { disabled: nil }
                   end
                 )
               end
@@ -121,7 +113,7 @@ page.body(
                   text: 'Clear value',
                   onClick: ->(action) do
                     action.runMultiple childActions: ->(multiple) do
-                      multiple.components_set targetId: 'signature_main', data: { value: '' }
+                      multiple.logics_set targetId: 'signature_main', data: { value: nil }
                       multiple.logics_set targetId: 'signature_status', data: { text: 'Status: cleared' }
                     end
                   end
@@ -145,7 +137,7 @@ page.body(
 
             form.h2 text: 'Edge/advanced'
             form.spacer height: 8
-            form.label text: 'A small, draw-only slot (no typedName, so the dialog has no tabs).'
+            form.label text: 'Use a small canvas to test tighter layouts.'
             form.spacer height: 8
             form.fields_sign(
               id: 'signature_compact',
@@ -154,46 +146,6 @@ page.body(
               width: 220,
               height: 100
             )
-
-            form.spacer height: 12
-            form.hr width: 'matchParent'
-            form.spacer height: 12
-
-            form.h2 text: 'Pre-filled (re-edit)'
-            form.spacer height: 8
-            form.label text: 'A saved signature: value carries the signed id, fileUrl renders the preview.'
-            form.spacer height: 8
-            form.fields_sign(
-              id: 'signature_prefilled',
-              name: 'user[signature_prefilled]',
-              # A stand-in for the signed id the Sign builder derives from
-              # `prop:` on a re-edit (see Sign#determine_value).
-              value: 'prefilled-signed-id',
-              fileUrl: preview_data_uri,
-              typedName: { label: 'Type your full name', placeholder: 'Full name' },
-              directUploadUrl: glib_direct_uploads_url,
-              width: 320,
-              height: 160
-            )
-
-            form.spacer height: 12
-            form.hr width: 'matchParent'
-            form.spacer height: 12
-
-            form.h2 text: 'Read-only (pre-filled)'
-            form.spacer height: 8
-            form.label text: 'A saved signature on a read-only field: the preview shows, the edit overlay does not.'
-            form.spacer height: 8
-            form.fields_sign(
-              id: 'signature_readonly',
-              name: 'user[signature_readonly]',
-              value: 'readonly-signed-id',
-              fileUrl: preview_data_uri,
-              directUploadUrl: glib_direct_uploads_url,
-              width: 320,
-              height: 160,
-              readOnly: true
-            )
           end
         )
       end

data/app/views/json_ui/garage/test_page/fields_stripeExternalAccount.json.jbuilder

@@ -60,7 +60,7 @@ page.body(
             #     flow.button(
             #       text: 'Individual (AU/AUD)',
             #       onClick: ->(action) do
-            #         action.components_set(
+            #         action.logics_set(
             #           targetId: 'stripe_external_basic',
             #           data: {
             #             accountHolderName: 'John Doe',
@@ -75,7 +75,7 @@ page.body(
             #     flow.button(
             #       text: 'Company (US/USD)',
             #       onClick: ->(action) do
-            #         action.components_set(
+            #         action.logics_set(
             #           targetId: 'stripe_external_basic',
             #           data: {
             #             accountHolderName: 'Acme Corp',
@@ -90,7 +90,7 @@ page.body(
             #     flow.button(
             #       text: 'Company (GB/GBP)',
             #       onClick: ->(action) do
-            #         action.components_set(
+            #         action.logics_set(
             #           targetId: 'stripe_external_basic',
             #           data: {
             #             accountHolderName: 'London Ltd',
@@ -117,21 +117,21 @@ page.body(
             #     flow.button(
             #       text: 'Disable field',
             #       onClick: ->(action) do
-            #         action.components_set targetId: 'stripe_external_basic', data: { disabled: true }
+            #         action.logics_set targetId: 'stripe_external_basic', data: { disabled: true }
             #       end
             #     )
             #     flow.spacer width: 8
             #     flow.button(
             #       text: 'Enable field',
             #       onClick: ->(action) do
-            #         action.components_set targetId: 'stripe_external_basic', data: { disabled: nil }
+            #         action.logics_set targetId: 'stripe_external_basic', data: { disabled: nil }
             #       end
             #     )
             #     flow.spacer width: 8
             #     flow.button(
             #       text: 'Reset label',
             #       onClick: ->(action) do
-            #         action.components_set targetId: 'stripe_external_basic', data: { label: 'Bank account' }
+            #         action.logics_set targetId: 'stripe_external_basic', data: { label: 'Bank account' }
             #       end
             #     )
             #   end

data/app/views/json_ui/garage/test_page/fields_stripeToken.json.jbuilder

@@ -56,21 +56,21 @@ page.body(
                 flow.button(
                   text: 'Default style',
                   onClick: ->(action) do
-                    action.components_set targetId: 'stripe_token_basic', data: { styleClass: nil, label: 'Card details', hint: nil }
+                    action.logics_set targetId: 'stripe_token_basic', data: { styleClass: nil, label: 'Card details', hint: nil }
                   end
                 )
                 flow.spacer width: 8
                 flow.button(
                   text: 'Outlined',
                   onClick: ->(action) do
-                    action.components_set targetId: 'stripe_token_basic', data: { styleClass: 'outlined', label: 'Card details', hint: nil }
+                    action.logics_set targetId: 'stripe_token_basic', data: { styleClass: 'outlined', label: 'Card details', hint: nil }
                   end
                 )
                 flow.spacer width: 8
                 flow.button(
                   text: 'Individual',
                   onClick: ->(action) do
-                    action.components_set targetId: 'stripe_token_basic', data: { styleClass: 'individual', label: 'Card details', hint: 'Personal card' }
+                    action.logics_set targetId: 'stripe_token_basic', data: { styleClass: 'individual', label: 'Card details', hint: 'Personal card' }
                   end
                 )
               end
@@ -89,21 +89,21 @@ page.body(
             #     flow.button(
             #       text: 'Disable field',
             #       onClick: ->(action) do
-            #         action.components_set targetId: 'stripe_token_basic', data: { disabled: true }
+            #         action.logics_set targetId: 'stripe_token_basic', data: { disabled: true }
             #       end
             #     )
             #     flow.spacer width: 8
             #     flow.button(
             #       text: 'Enable field',
             #       onClick: ->(action) do
-            #         action.components_set targetId: 'stripe_token_basic', data: { disabled: nil }
+            #         action.logics_set targetId: 'stripe_token_basic', data: { disabled: nil }
             #       end
             #     )
             #     flow.spacer width: 8
             #     flow.button(
             #       text: 'Clear hint',
             #       onClick: ->(action) do
-            #         action.components_set targetId: 'stripe_token_basic', data: { hint: nil }
+            #         action.logics_set targetId: 'stripe_token_basic', data: { hint: nil }
             #       end
             #     )
             #   end

data/app/views/json_ui/garage/test_page/fields_text.json.jbuilder

@@ -159,7 +159,7 @@ page.body(
             # ── Actions/events ────────────────────────────────────────────────
             form.h2 text: 'Actions/events'
             form.spacer height: 8
-            form.label text: 'Buttons target the basic fields_text field (id: text_main) via components_set and fields_focus.'
+            form.label text: 'Buttons target the basic fields_text field (id: text_main) via logics_set and fields_focus.'
             form.spacer height: 8
             form.panels_flow(
               innerPadding: { bottom: 0 },
@@ -170,7 +170,7 @@ page.body(
                   onClick: ->(action) do
                     action.runMultiple(
                       childActions: ->(multi) do
-                        multi.components_set targetId: 'text_main', data: { value: 'Hello world' }
+                        multi.logics_set targetId: 'text_main', data: { value: 'Hello world' }
                         multi.logics_set targetId: 'text_status', data: { text: 'Status: value set' }
                       end
                     )
@@ -182,7 +182,7 @@ page.body(
                   onClick: ->(action) do
                     action.runMultiple(
                       childActions: ->(multi) do
-                        multi.components_set targetId: 'text_main', data: { value: '' }
+                        multi.logics_set targetId: 'text_main', data: { value: '' }
                         multi.logics_set targetId: 'text_status', data: { text: 'Status: cleared' }
                       end
                     )
@@ -227,14 +227,14 @@ page.body(
                 flow.button(
                   text: 'Disable',
                   onClick: ->(action) do
-                    action.components_set targetId: 'text_disabled', data: { disabled: true }
+                    action.logics_set targetId: 'text_disabled', data: { disabled: true }
                   end
                 )
                 flow.spacer width: 8
                 flow.button(
                   text: 'Enable',
                   onClick: ->(action) do
-                    action.components_set targetId: 'text_disabled', data: { disabled: nil }
+                    action.logics_set targetId: 'text_disabled', data: { disabled: nil }
                   end
                 )
               end

data/app/views/json_ui/garage/test_page/fields_timer.json.jbuilder

@@ -75,14 +75,14 @@ page.body(
                 flow.button(
                   text: 'Set 2 minutes',
                   onClick: ->(action) do
-                    action.components_set targetId: 'timer_basic', data: { value: 120 }
+                    action.logics_set targetId: 'timer_basic', data: { value: 120 }
                   end
                 )
                 flow.spacer width: 8
                 flow.button(
                   text: 'Set 45 seconds',
                   onClick: ->(action) do
-                    action.components_set targetId: 'timer_basic', data: { value: 45 }
+                    action.logics_set targetId: 'timer_basic', data: { value: 45 }
                   end
                 )
                 flow.spacer width: 8
@@ -90,7 +90,7 @@ page.body(
                   text: 'Swap to stopwatch',
                   onClick: ->(action) do
                     action.runMultiple childActions: ->(multiple) do
-                      multiple.components_set targetId: 'timer_basic', data: { value: 5, min: nil, max: 30, forward: true }
+                      multiple.logics_set targetId: 'timer_basic', data: { value: 5, min: nil, max: 30, forward: true }
                       multiple.logics_set targetId: 'timer_status', data: { text: 'Status: forward (max 30s)' }
                     end
                   end
@@ -122,21 +122,21 @@ page.body(
                 flow.button(
                   text: 'Set 2s (below min)',
                   onClick: ->(action) do
-                    action.components_set targetId: 'timer_limits', data: { value: 2 }
+                    action.logics_set targetId: 'timer_limits', data: { value: 2 }
                   end
                 )
                 flow.spacer width: 8
                 flow.button(
                   text: 'Set 7s',
                   onClick: ->(action) do
-                    action.components_set targetId: 'timer_limits', data: { value: 7 }
+                    action.logics_set targetId: 'timer_limits', data: { value: 7 }
                   end
                 )
                 flow.spacer width: 8
                 flow.button(
                   text: 'Set 15s (above max)',
                   onClick: ->(action) do
-                    action.components_set targetId: 'timer_limits', data: { value: 15 }
+                    action.logics_set targetId: 'timer_limits', data: { value: 15 }
                   end
                 )
               end

data/app/views/json_ui/garage/test_page/flow.json.jbuilder

@@ -28,19 +28,19 @@ page.body childViews: ->(body) do
     res.spacer height: 8
     res.panels_flow innerPadding: { bottom: 0 }, childViews: ->(flow) do
       flow.button text: 'Tight gap', onClick: ->(action) do
-        action.components_set targetId: 'flow_main', data: { innerPadding: { x: 2, y: 2 } }
+        action.logics_set targetId: 'flow_main', data: { innerPadding: { x: 2, y: 2 } }
       end
       flow.spacer width: 4
       flow.button text: 'Loose gap', onClick: ->(action) do
-        action.components_set targetId: 'flow_main', data: { innerPadding: { x: 12, y: 12 } }
+        action.logics_set targetId: 'flow_main', data: { innerPadding: { x: 12, y: 12 } }
       end
       flow.spacer width: 4
       flow.button text: 'Align middle', onClick: ->(action) do
-        action.components_set targetId: 'flow_main', data: { align: 'middle' }
+        action.logics_set targetId: 'flow_main', data: { align: 'middle' }
       end
       flow.spacer width: 4
       flow.button text: 'Align bottom', onClick: ->(action) do
-        action.components_set targetId: 'flow_main', data: { align: 'bottom' }
+        action.logics_set targetId: 'flow_main', data: { align: 'bottom' }
       end
     end
 
@@ -52,9 +52,9 @@ page.body childViews: ->(body) do
     res.label id: 'flow_action_status', text: 'Hover status: idle'
     res.spacer height: 6
     res.panels_flow width: 200, innerPadding: { x: 6, y: 6 }, backgroundColor: '#e6e6e6', onMouseEnter: ->(action) do
-      action.components_set targetId: 'flow_action_status', data: { text: 'Hover status: entered' }
+      action.logics_set targetId: 'flow_action_status', data: { text: 'Hover status: entered' }
     end, onMouseLeave: ->(action) do
-      action.components_set targetId: 'flow_action_status', data: { text: 'Hover status: left' }
+      action.logics_set targetId: 'flow_action_status', data: { text: 'Hover status: left' }
     end, childViews: ->(flow) do
       flow.label text: 'Hover this panel'
     end