@jigx/core-sdk 1.2.0-next.3 → 1.2.0-next.5

package/dist/assets/extracted-core-sdk-examples.yaml

@@ -13,7 +13,10 @@
     complex UI
   code: |2-
      // Main expense management application
-     const app = new ApplicationBuilder({ name: 'expense-management', title: 'Expense Management' }).with({ category: 'business' })
+     const app = new ApplicationBuilder({
+      name: 'expense-management',
+      title: 'Expense Management',
+     }).with({ category: 'business' })
      // Main dashboard screen with complex component hierarchy
      const homeScreen = app.addScreen.default({
       screenId: 'home',
@@ -21,7 +24,11 @@
      })
      // REST function for fetching expense receipts with pagination
      const restGetExpenseReceipt = app.addFunction
-      .rest({ functionId: 'rest-get-expense-receipt', method: 'GET', url: 'https://{acumaticaurl}ExpenseReceipt' })
+      .rest({
+       functionId: 'rest-get-expense-receipt',
+       method: 'GET',
+       url: 'https://{acumaticaurl}ExpenseReceipt',
+      })
       .records('=$.data')
       .forRowsWithMatchingIds(true)
       .outputTransform(`=`, {
@@ -355,7 +362,11 @@
   code: |-
     // Function with pagination support
     const fn = app.addFunction
-     .rest({ functionId: 'rest-get-expense-receipt', method: 'GET', url: 'https://{acumaticaurl}ExpenseReceipt' })
+     .rest({
+      functionId: 'rest-get-expense-receipt',
+      method: 'GET',
+      url: 'https://{acumaticaurl}ExpenseReceipt',
+     })
      .records('=$.data')
      .forRowsWithMatchingIds(true)
      .outputTransform(`=`, {
@@ -443,7 +454,9 @@
      // Create database tables
      app.addDatabase.default.table('sales', 'inventory', 'customers')
      // Create datasources
-     app.addDatasource.sqlite({ datasourceId: 'sales-summary', provider: 'dynamic' }).entity('default/sales').query(`
+     app.addDatasource
+      .sqlite({ datasourceId: 'sales-summary', provider: 'dynamic' })
+      .entity('default/sales').query(`
      SELECT
       id,
       json_extract(data, '$.date') as date,
@@ -453,7 +466,9 @@
      WHERE json_extract(data, '$.date') >= date('now', '-30 days')
      ORDER BY json_extract(data, '$.date') DESC
     `)
-     app.addDatasource.sqlite({ datasourceId: 'low-inventory', provider: 'dynamic' }).entity('default/inventory').query(`
+     app.addDatasource
+      .sqlite({ datasourceId: 'low-inventory', provider: 'dynamic' })
+      .entity('default/inventory').query(`
      SELECT
       id,
       json_extract(data, '$.name') as name,
@@ -521,7 +536,9 @@
     in joins
   code: |-
     // 1. Declare entities in datasource
-    app.addDatasource.sqlite({ datasourceId: 'customers', provider: 'local' }).entities('customers', 'products') // Must match table names used in query
+    app.addDatasource
+     .sqlite({ datasourceId: 'customers', provider: 'local' })
+     .entities('customers', 'products') // Must match table names used in query
     // 2. Ensure tables exist in database
     app.addDatabase.default
 - id: rest-function-integration-example
@@ -609,7 +626,12 @@
   code: |-
     // SOAP function for web service integration
     const weatherFunction = app.addFunction
-     .soap({ functionId: 'get-weather', connection: 'weather-service', method: 'GetWeather', wsdl: 'https://weather.com/wsdl' })
+     .soap({
+      functionId: 'get-weather',
+      connection: 'weather-service',
+      method: 'GetWeather',
+      wsdl: 'https://weather.com/wsdl',
+     })
      .outputTransform('$.Temperature')
     weatherFunction.params
      .body('city', 'London')
@@ -634,7 +656,8 @@
   code: |-
     // SQL function for database queries
     const app = new ApplicationBuilder({ name: 'sql-function-example' })
-    const getCustomersFunction = app.addFunction.sql({ functionId: 'get-customers', connection: 'mydb' })
+    const getCustomersFunction = app.addFunction
+     .sql({ functionId: 'get-customers', connection: 'mydb' })
      .sql('SELECT * FROM customers WHERE active = @active AND region = @region')
     getCustomersFunction.params
      .input('$active', 'boolean', { value: true })
@@ -648,7 +671,8 @@
       "SELECT id, data FROM [default/customers] ORDER BY json_extract(data, '$.created_at') DESC",
      )
     // Stored procedure SQL functions
-    const updateCustomerFunction = app.addFunction.sql({ functionId: 'update-customer', connection: 'mydb', method: 'execute' })
+    const updateCustomerFunction = app.addFunction
+     .sql({ functionId: 'update-customer', connection: 'mydb', method: 'execute' })
      .sql('sp_UpdateCustomer', 'procedure')
     updateCustomerFunction.params
      .input('$customerId', 'number', { value: 123 })
@@ -678,7 +702,10 @@
     datasource.query(`SELECT id, data FROM [default/products]`)
     // Query patterns based on datasource naming:
     // Single record - inferred from "customer", "get-customer", "customer-by-name"
-    const singleCustomer = app.addDatasource.sqlite({ datasourceId: 'customer-by-name', provider: 'local' })
+    const singleCustomer = app.addDatasource.sqlite({
+     datasourceId: 'customer-by-name',
+     provider: 'local',
+    })
     singleCustomer.entity('default/customers')
     singleCustomer.query(`
      SELECT cus.id,
@@ -689,7 +716,10 @@
     `)
     singleCustomer.queryParameter('name', '=@ctx.jig.inputs.customerName')
     // List records - inferred from "products", "all-products", "product-list"
-    const productList = app.addDatasource.sqlite({ datasourceId: 'product-list', provider: 'local' })
+    const productList = app.addDatasource.sqlite({
+     datasourceId: 'product-list',
+     provider: 'local',
+    })
     productList.entity('default/products')
     productList.query(`
      SELECT prd.id,
@@ -701,7 +731,10 @@
      ORDER BY json_extract(prd.data, '$.name')
     `)
     // Sorted records - inferred from "contacts-sorted-by-name"
-    const sortedContacts = app.addDatasource.sqlite({ datasourceId: 'contacts-by-last-login', provider: 'local' })
+    const sortedContacts = app.addDatasource.sqlite({
+     datasourceId: 'contacts-by-last-login',
+     provider: 'local',
+    })
     sortedContacts.entity('default/contacts')
     sortedContacts.query(`
      SELECT con.id,
@@ -720,7 +753,10 @@
      FROM [default/parts] AS prt
     `)
     // Complex joins with parameters
-    const customerOrders = app.addDatasource.sqlite({ datasourceId: 'customer-orders', provider: 'dynamic' })
+    const customerOrders = app.addDatasource.sqlite({
+     datasourceId: 'customer-orders',
+     provider: 'dynamic',
+    })
     customerOrders.entity('default/customers')
     customerOrders.entity('default/orders')
     customerOrders.query(`
@@ -959,8 +995,14 @@
     customerInfo.addControl
      .entityField({ label: 'Name', value: '=@ctx.datasources.customer-detail.data.name' }) // Direct access, no [0]
      .with({ style: { isPrimary: true } })
-    customerInfo.addControl.entityField({ label: 'Email', value: '=@ctx.datasources.customer-detail.data.email' })
-    customerInfo.addControl.entityField({ label: 'Phone', value: '=@ctx.datasources.customer-detail.data.phone' })
+    customerInfo.addControl.entityField({
+     label: 'Email',
+     value: '=@ctx.datasources.customer-detail.data.email',
+    })
+    customerInfo.addControl.entityField({
+     label: 'Phone',
+     value: '=@ctx.datasources.customer-detail.data.phone',
+    })
     customerInfo.addControl.entityField({
      label: 'Address',
      value:
@@ -1082,8 +1124,9 @@
       helperText: 'Between $1 and $10,000',
      })
      // Create datasource for validation errors (simulated)
-     app.addDatasource.sqlite({ datasourceId: 'validation-errors', provider: 'local' }).entity('default/validation-errors')
-      .query(`
+     app.addDatasource
+      .sqlite({ datasourceId: 'validation-errors', provider: 'local' })
+      .entity('default/validation-errors').query(`
      SELECT
       id,
       json_extract(data, '$.field') as field,
@@ -1131,7 +1174,11 @@
     external sources on-demand or scheduled
   code: |-
     // 1. REST function to provide data
-    const getUsersApi = app.addFunction.rest({ functionId: 'get-users-api', method: 'GET', url: 'https://api.company.com/users' })
+    const getUsersApi = app.addFunction.rest({
+     functionId: 'get-users-api',
+     method: 'GET',
+     url: 'https://api.company.com/users',
+    })
     getUsersApi.params.header('Authorization', 'Bearer =@ctx.solution.state.apiToken')
     getUsersApi.json()
     getUsersApi.records('=$.data.users')
@@ -1139,7 +1186,10 @@
     const usersData = app.addDatasource.sqlite({ datasourceId: 'users', provider: 'dynamic' })
     usersData.entity('default/users')
     // 3. SQL function for complex data processing
-    const getSalesMetrics = app.addFunction.sql({ functionId: 'sales-metrics', connection: 'analytics-db' })
+    const getSalesMetrics = app.addFunction.sql({
+     functionId: 'sales-metrics',
+     connection: 'analytics-db',
+    })
     getSalesMetrics.providerQuery(`
       SELECT
        region,
@@ -1155,14 +1205,24 @@
      value: '=@ctx.jig.inputs.dateRange.start',
     })
     // 4. Function-driven datasource with SQL function
-    const salesData = app.addDatasource.sqlite({ datasourceId: 'sales-metrics', provider: 'dynamic' })
+    const salesData = app.addDatasource.sqlite({
+     datasourceId: 'sales-metrics',
+     provider: 'dynamic',
+    })
     salesData.entity('default/sales')
     // 5. Multiple REST endpoints combined
-    const getInventoryApi = app.addFunction.rest({ functionId: 'inventory-api', method: 'GET', url: 'https://api.inventory.com/items' })
+    const getInventoryApi = app.addFunction.rest({
+     functionId: 'inventory-api',
+     method: 'GET',
+     url: 'https://api.inventory.com/items',
+    })
     getInventoryApi.params.query('status', { value: 'active', type: 'string' })
     getInventoryApi.params.header('API-Key', '=@ctx.solution.state.inventoryKey')
     getInventoryApi.json()
-    const inventoryData = app.addDatasource.sqlite({ datasourceId: 'inventory', provider: 'dynamic' })
+    const inventoryData = app.addDatasource.sqlite({
+     datasourceId: 'inventory',
+     provider: 'dynamic',
+    })
     inventoryData.entity('default/inventory')
 - id: entity-sync-and-queue-management-example
   name: Entity Sync and Queue Management
@@ -1356,7 +1416,9 @@
     automatically when connection is restored
   code: |2-
      // Configure datasource with offline support
-     app.addDatasource.sqlite({ datasourceId: 'customers', provider: 'local' }).entity('default/customers').query(`
+     app.addDatasource
+      .sqlite({ datasourceId: 'customers', provider: 'local' })
+      .entity('default/customers').query(`
      SELECT id, data FROM [default/customers]
      WHERE json_extract(data, '$.active') = true
      ORDER BY json_extract(data, '$.lastModified') DESC
@@ -1819,7 +1881,9 @@
     navigates to detail screen. Demonstrates master-detail pattern in Jigx"
   code: |2-
      // Create datasource for students
-     app.addDatasource.sqlite({ datasourceId: 'students', provider: 'dynamic' }).entity('default/students').query(`
+     app.addDatasource
+      .sqlite({ datasourceId: 'students', provider: 'dynamic' })
+      .entity('default/students').query(`
      SELECT
       id,
       json_extract(data, '$.firstName') as firstName,
@@ -2015,11 +2079,14 @@
      value: '=@ctx.jig.inputs.city',
     })
     // Dropdown with static datasource
-    app.addDatasource.static({ datasourceId: 'us-states', data: [
-     { id: 'WA', state: 'Washington' },
-     { id: 'CA', state: 'California' },
-     { id: 'NY', state: 'New York' },
-    ] })
+    app.addDatasource.static({
+     datasourceId: 'us-states',
+     data: [
+      { id: 'WA', state: 'Washington' },
+      { id: 'CA', state: 'California' },
+      { id: 'NY', state: 'New York' },
+     ],
+    })
     const stateDropdown = step2Screen.addControl.dropdown({
      instanceId: 'state',
      label: 'State',
@@ -2125,7 +2192,9 @@
     alerts"
   code: |2-
      // Auto-refreshing datasource
-     app.addDatasource.sqlite({ datasourceId: 'system-status', provider: 'dynamic' }).entity('default/status').query(`
+     app.addDatasource
+      .sqlite({ datasourceId: 'system-status', provider: 'dynamic' })
+      .entity('default/status').query(`
      SELECT
       id,
       json_extract(data, '$.health') as health,
@@ -2433,7 +2502,9 @@
     tabs and widget grid. Support conditional display based on user roles
   code: |-
     // Configure home hub
-    const app = new ApplicationBuilder({ name: 'my-app', title: 'My Business App' }).with({ category: 'business' })
+    const app = new ApplicationBuilder({ name: 'my-app', title: 'My Business App' }).with({
+     category: 'business',
+    })
     // Add home hub with navigation tabs
     app.addTab({ screenId: 'dashboard', icon: 'home', label: 'Dashboard' })
     app.addTab({ screenId: 'tasks', icon: 'task-checklist', label: 'Tasks' })
@@ -2453,7 +2524,7 @@
     data
   code: |-
     // Widget with navigation
-    const screen = app.addScreen.staticGrid({ screenId: 'grid-1', title: 'Static Grid', })
+    const screen = app.addScreen.staticGrid({ screenId: 'grid-1', title: 'Static Grid' })
     // Add a grid item
     screen.addControl.gridItem().addControl.widget().screenId('some-jig-id')
 - id: widget-grid-configuration-example
@@ -2470,7 +2541,7 @@
     different widget sizes and conditional display. Enable navigation and data
     binding
   code: |-
-    const screen = app.addScreen.staticGrid({ screenId: 'grid-1', title: 'Static Grid', })
+    const screen = app.addScreen.staticGrid({ screenId: 'grid-1', title: 'Static Grid' })
     // Add a grid item
     screen.addControl
      .gridItem()
@@ -2670,7 +2741,9 @@
     authentication requirements. Support deep linking with parameters
   code: |2-
      // Create datasource for navigation items
-     app.addDatasource.sqlite({ datasourceId: 'nav-items', provider: 'local' }).entity('default/nav-items').query(`
+     app.addDatasource
+      .sqlite({ datasourceId: 'nav-items', provider: 'local' })
+      .entity('default/nav-items').query(`
      SELECT
       id,
       json_extract(data, '$.title') as title,
@@ -2693,7 +2766,7 @@
      listItem.subtitle('=@ctx.current.item.type')
      // Conditional navigation based on item type
      const buttons = screen.bottomPanel({ numberOfVisibleActions: 1 })
-     const navButton = buttons.add.list({ concurrency: 'sequential',  title: 'Navigate' })
+     const navButton = buttons.add.list({ concurrency: 'sequential', title: 'Navigate' })
      // Check if external URL
      navButton.actions.openUrl({
       instanceId: 'open-external',
@@ -2808,8 +2881,8 @@
        // Common date formats
        .value('=$fromMillis($now(), "[Y]-[M01]-[D01]")') // 2024-03-15
        .value('=$fromMillis($now(), "[D] [MNn] [Y]")') // 15 Mar 2024
-       .value('=$fromMillis($now(), "[h]:[m01] [P]")') // 3:45 PM
-       .value(`=(
+       // 3:45 PM
+       .value('=$fromMillis($now(), "[h]:[m01] [P]")').value(`=(
      $diff := $now() - @ctx.jig.inputs.timestamp;
      $days := $floor($diff / 86400000);
      $hours := $floor($diff / 3600000);
@@ -3976,7 +4049,10 @@
     intermediate results. Improve readability and debugging
   code: |-
     // Instead of one massive expression, use state
-    const actions = screen.onFocus.list({ concurrency: 'sequential',  instanceId: 'simplify-logic' }).actions
+    const actions = screen.onFocus.list({
+     concurrency: 'sequential',
+     instanceId: 'simplify-logic',
+    }).actions
     actions.setScreenState({
      instanceId: 'filter-items',
      keys: {
@@ -4005,15 +4081,17 @@
     related fields
   code: |2-
      // Create datasources for countries and states
-     const countries = app.addDatasource.sqlite({ datasourceId: 'countries', provider: 'local' }).entity('default/countries')
-      .query(`
+     const countries = app.addDatasource
+      .sqlite({ datasourceId: 'countries', provider: 'local' })
+      .entity('default/countries').query(`
      SELECT
       id,
       json_extract(data, '$.name') as name,
       json_extract(data, '$.code') as code
      FROM [default/countries]
     `)
-     app.addDatasource.sqlite({ datasourceId: 'states', provider: 'local' }).entity('default/states').query(`
+     app.addDatasource.sqlite({ datasourceId: 'states', provider: 'local' }).entity('default/states')
+      .query(`
      SELECT
       id,
       json_extract(data, '$.name') as name,
@@ -4304,7 +4382,7 @@
   code: |-
     // Example: One button that does multiple things
     const buttons = screen.bottomPanel({ numberOfVisibleActions: 1 })
-    const actionList = buttons.add.list({ concurrency: 'sequential',  title: 'Save and Close' })
+    const actionList = buttons.add.list({ concurrency: 'sequential', title: 'Save and Close' })
     const sequentialActions = actionList.actions
     sequentialActions
      .executeEntity({ instanceId: 'create-customer' })
@@ -4408,7 +4486,10 @@
   code: |-
     // 1. Sequential workflow for order processing (order matters)
     const orderActions = orderScreen.bottomPanel({ numberOfVisibleActions: 2 })
-    const processOrder = orderActions.add.list({ concurrency: 'sequential',  title: 'Process Order' })
+    const processOrder = orderActions.add.list({
+     concurrency: 'sequential',
+     title: 'Process Order',
+    })
     const sequentialActions = processOrder.actions
     // Execute in order: validate → save → update status → notify
     sequentialActions
@@ -4445,7 +4526,10 @@
      },
     })
     // 2. Parallel batch operations for analytics (order doesn't matter)
-    const analyticsActions = orderActions.add.list({ concurrency: 'parallel',  title: 'Track Analytics' })
+    const analyticsActions = orderActions.add.list({
+     concurrency: 'parallel',
+     title: 'Track Analytics',
+    })
     const parallelActions = analyticsActions.actions
     // Execute simultaneously: user activity + system metrics + performance data
     parallelActions
@@ -4479,7 +4563,7 @@
     // These action lists execute automatically during app lifecycle events (onLoad, onFocus, onRefresh)
     // Use app.onLoad.list({ concurrency: 'sequential' }) or app.onLoad.list({ concurrency: 'parallel' }) for background workflow orchestration
     // 3. Application-level sequential sync on startup
-    const appSync = app.onLoad.list({ concurrency: 'sequential',  instanceId: 'app-startup-sync' })
+    const appSync = app.onLoad.list({ concurrency: 'sequential', instanceId: 'app-startup-sync' })
     const syncActions = appSync.actions
     // Sync critical data first, then secondary data
     syncActions
@@ -4508,7 +4592,8 @@
     // More examples of user-triggered action lists with conditional logic
     // 4. Conditional action list for error handling
     const recoveryActions = errorScreen.bottomPanel({ numberOfVisibleActions: 1 })
-    const retryWorkflow = recoveryActions.add.list({ concurrency: 'sequential',
+    const retryWorkflow = recoveryActions.add.list({
+     concurrency: 'sequential',
      title: 'Retry Operation',
      when: '=@ctx.response.status >= 500',
     })
@@ -5030,7 +5115,10 @@
     // These actions execute automatically during app lifecycle events (onLoad, onFocus, onRefresh)
     // Use app.onLoad.list({ concurrency: 'sequential' }).actions.deleteSyncScope() for background scope cleanup
     // 3. Background sync scope management
-    const appActions = app.onLoad.list({ concurrency: 'sequential',  instanceId: 'sync-scope-cleanup' }).actions
+    const appActions = app.onLoad.list({
+     concurrency: 'sequential',
+     instanceId: 'sync-scope-cleanup',
+    }).actions
     // Auto-cleanup on app start
     appActions.deleteSyncScope({
      itemId: 'auto-cleanup-temp',
@@ -5115,7 +5203,10 @@
     // These actions execute automatically during app lifecycle events (onLoad, onFocus, onRefresh)
     // Use app.onLoad.list({ concurrency: 'sequential' }).actions.deleteSyncStatus() for background status management
     // 3. Background sync status management
-    const appActions = app.onLoad.list({ concurrency: 'sequential',  instanceId: 'cleanup-status' }).actions
+    const appActions = app.onLoad.list({
+     concurrency: 'sequential',
+     instanceId: 'cleanup-status',
+    }).actions
     // Auto-cleanup old statuses
     appActions.deleteSyncStatus({
      itemId: 'cleanup-old-statuses',
@@ -7624,7 +7715,7 @@
      when: '=@ctx.solution.state.hasTimeSensitiveFailures',
     })
     // Screen-level retry on focus
-    const screenActions = errorDashboard.onFocus.list({ concurrency: 'parallel', }).actions
+    const screenActions = errorDashboard.onFocus.list({ concurrency: 'parallel' }).actions
     // Retry on screen focus
     screenActions.retryQueueCommand({
      commandId: 'focus-retry-failed',
@@ -7815,7 +7906,8 @@
      instanceId: 'track-app-start',
      keys: {
       lastAppStart: '=$now()',
-      appStartCount: '=(@ctx.solution.state.appStartCount ? @ctx.solution.state.appStartCount : 0) + 1',
+      appStartCount:
+       '=(@ctx.solution.state.appStartCount ? @ctx.solution.state.appStartCount : 0) + 1',
      },
     })
     // Initialize default state
@@ -7842,7 +7934,8 @@
      instanceId: 'cleanup-on-refresh',
      keys: {
       lastRefreshTime: '=$now()',
-      refreshCount: '=(@ctx.solution.state.refreshCount ? @ctx.solution.state.refreshCount : 0) + 1',
+      refreshCount:
+       '=(@ctx.solution.state.refreshCount ? @ctx.solution.state.refreshCount : 0) + 1',
      },
     })
 - id: action.action.set-screen-state
@@ -7895,7 +7988,8 @@
      instanceId: 'track-interaction',
      keys: {
       lastAction: '=@ctx.solution.state.lastAction',
-      interactionCount: '=(@ctx.jig.state.interactionCount ? @ctx.jig.state.interactionCount : 0) + 1',
+      interactionCount:
+       '=(@ctx.jig.state.interactionCount ? @ctx.jig.state.interactionCount : 0) + 1',
       sessionTime: '=Date.now() - @ctx.jig.state.sessionStart',
      },
     })
@@ -8947,7 +9041,8 @@
     - icon
   description: Create parallel action list button with icon and primary styling
   code: |-
-    const parallel = screen.bottomPanel().add.list({ concurrency: 'parallel',
+    const parallel = screen.bottomPanel().add.list({
+     concurrency: 'parallel',
      title: 'Execute Actions',
      icon: 'play',
      isPrimary: true,
@@ -8964,10 +9059,9 @@
     - sequential
   description: Execute navigation action sequentially in background workflow
   code: |-
-    const sequential = screen.bottomPanel().add.list({ concurrency: 'sequential',
-     title: 'Test Action List',
-     instanceId: 'list-1',
-    })
+    const sequential = screen
+     .bottomPanel()
+     .add.list({ concurrency: 'sequential', title: 'Test Action List', instanceId: 'list-1' })
     sequential.actions.goto({ linkTo: 'home' })
 - id: action-list-example-2
   name: Action List Sequential Execution Mode (background)
@@ -8981,7 +9075,8 @@
     - conditional
   description: Execute actions sequentially with conditional when expression
   code: |-
-    const sequential = screen.bottomPanel().add.list({ concurrency: 'sequential',
+    const sequential = screen.bottomPanel().add.list({
+     concurrency: 'sequential',
      title: 'Sequential Actions',
      when: '=@ctx.jig.state.canExecute',
     })
@@ -8997,7 +9092,9 @@
     - parallel
   description: Execute multiple actions simultaneously in parallel mode
   code: |-
-    const parallel = screen.bottomPanel().add.list({ concurrency: 'parallel',  title: 'Test Action List' })
+    const parallel = screen
+     .bottomPanel()
+     .add.list({ concurrency: 'parallel', title: 'Test Action List' })
     parallel.actions.goto({ linkTo: 'home' })
 - id: clear-queue.button-example-1
   name: Clear Queue Button (button)
@@ -20487,8 +20584,10 @@
     categorization and metadata
   code: |-
     // Basic application setup with metadata
-    const customerApp = new ApplicationBuilder({ name: 'customer-management', title: 'Customer Management' })
-     .with({ category: 'business', description: 'Complete CRM solution for field sales teams' })
+    const customerApp = new ApplicationBuilder({
+     name: 'customer-management',
+     title: 'Customer Management',
+    }).with({ category: 'business', description: 'Complete CRM solution for field sales teams' })
     // Configure database tables for offline storage
     customerApp.addDatabase.default
      .table('customers', 'orders', 'products')
@@ -20573,8 +20672,10 @@
      action: 'sync-customers',
     })
     // E-commerce application example
-    const ecommerceApp = new ApplicationBuilder({ name: 'mobile-store', title: 'Mobile Store' })
-     .with({ category: 'sales', description: 'Mobile shopping application with product catalog' })
+    const ecommerceApp = new ApplicationBuilder({
+     name: 'mobile-store',
+     title: 'Mobile Store',
+    }).with({ category: 'sales', description: 'Mobile shopping application with product catalog' })
     // Product catalog database
     ecommerceApp.addDatabase.default
      .table('products', 'categories', 'cart')
@@ -20636,8 +20737,9 @@
     application state. Use CTX helpers for building expressions with proper
     syntax and validation
   code: |-
-    const contextApp = new ApplicationBuilder({ name: 'context-demo', title: 'Context Demo' })
-     .with({ category: 'business', description: 'Demonstrates context and state management patterns' })
+    const contextApp = new ApplicationBuilder({ name: 'context-demo', title: 'Context Demo' }).with(
+     { category: 'business', description: 'Demonstrates context and state management patterns' },
+    )
     // Setup application state and expressions
     contextApp.expression('userRole', '=@ctx.solution.state.userRole')
     contextApp.expression('isLoggedIn', '=@ctx.solution.state.isLoggedIn')
@@ -20655,11 +20757,14 @@
      .query(
       "SELECT id, json_extract(data, '$.message') AS message, json_extract(data, '$.read') AS read FROM [default/notifications]",
      )
-    contextApp.addDatasource.static({ datasourceId: 'settings', data: [
-     { key: 'theme', value: 'dark' },
-     { key: 'language', value: 'en' },
-     { key: 'notifications', value: true },
-    ] })
+    contextApp.addDatasource.static({
+     datasourceId: 'settings',
+     data: [
+      { key: 'theme', value: 'dark' },
+      { key: 'language', value: 'en' },
+      { key: 'notifications', value: true },
+     ],
+    })
     // Create screens that demonstrate context usage
     const dashboard = contextApp.addScreen.default({
      screenId: 'dashboard',
@@ -20709,7 +20814,10 @@
      value: '=@ctx.datasources.settings[key = "language"].value',
     })
     // Advanced context usage examples
-    const advancedApp = new ApplicationBuilder({ name: 'advanced-context', title: 'Advanced Context' }).with({ category: 'analytics' })
+    const advancedApp = new ApplicationBuilder({
+     name: 'advanced-context',
+     title: 'Advanced Context',
+    }).with({ category: 'analytics' })
     // Complex expression using multiple context sources
     advancedApp.expression(
      'userStatus',
@@ -20724,7 +20832,11 @@
       ']',
     )
     // Function call with context parameters
-    advancedApp.addFunction.rest({ functionId: 'user-data', method: 'GET', url: 'https://api.example.com/users' })
+    advancedApp.addFunction.rest({
+     functionId: 'user-data',
+     method: 'GET',
+     url: 'https://api.example.com/users',
+    })
     advancedApp.expression('userData', '=@ctx.datasources.userData')
     // Screen with complex state management
     const analyticsScreen = advancedApp.addScreen.default({
@@ -20765,15 +20877,20 @@
     visibility
   code: |-
     // Basic tab navigation setup
-    const businessApp = new ApplicationBuilder({ name: 'business-dashboard', title: 'Business Dashboard' })
-     .with({ category: 'business', description: 'Complete business management application' })
+    const businessApp = new ApplicationBuilder({
+     name: 'business-dashboard',
+     title: 'Business Dashboard',
+    }).with({ category: 'business', description: 'Complete business management application' })
     // Core navigation tabs with icons and labels
     businessApp.addTab({ screenId: 'home', icon: 'home', label: 'Dashboard' })
     businessApp.addTab({ screenId: 'customers', icon: 'multiple-users-3', label: 'Customers' })
     businessApp.addTab({ screenId: 'orders', icon: 'shopping-cart', label: 'Orders' })
     businessApp.addTab({ screenId: 'reports', icon: 'analytics-graph-bar', label: 'Reports' })
     // Advanced tab configuration with badges and conditions
-    const messagingApp = new ApplicationBuilder({ name: 'team-messenger', title: 'Team Messenger' }).with({ category: 'communications' })
+    const messagingApp = new ApplicationBuilder({
+     name: 'team-messenger',
+     title: 'Team Messenger',
+    }).with({ category: 'communications' })
     // Message tab with unread count badge
     messagingApp.addTab({
      screenId: 'messages',
@@ -20798,7 +20915,9 @@
      when: '=@ctx.solution.state.user.role = "admin"',
     })
     // E-commerce app with dynamic badges
-    const shopApp = new ApplicationBuilder({ name: 'mobile-shop', title: 'Mobile Shop' }).with({ category: 'sales' })
+    const shopApp = new ApplicationBuilder({ name: 'mobile-shop', title: 'Mobile Shop' }).with({
+     category: 'sales',
+    })
     // Product catalog tab
     shopApp.addTab({ screenId: 'catalog', icon: 'grid-layout-module-1', label: 'Products' })
     // Shopping cart with item count
@@ -20820,7 +20939,9 @@
     // Account tab
     shopApp.addTab({ screenId: 'account', icon: 'single-man-circle', label: 'Account' })
     // Field service app with status-based badges
-    const fieldApp = new ApplicationBuilder({ name: 'field-service', title: 'Field Service' }).with({ category: 'field-services' })
+    const fieldApp = new ApplicationBuilder({ name: 'field-service', title: 'Field Service' }).with(
+     { category: 'field-services' },
+    )
     // Tasks tab with priority count
     fieldApp.addTab({
      screenId: 'tasks',
@@ -20950,7 +21071,10 @@
     - category
     - description
   description: Create basic business application with title, category, and description
-  code: ".with({ category: 'business', description: 'A test application' })"
+  code: |2-
+     category: 'business',
+     description: 'A test application',
+    })
 - id: application-example-2
   name: Application with Tab Navigation Configuration
   category: application
@@ -21009,7 +21133,10 @@
   description: Build complete application with database tables, SQLite datasource,
     and REST function
   code: |-
-    const app: ApplicationBuilder = new ApplicationBuilder({ name: 'complete-app', title: 'Complete App' })
+    const app: ApplicationBuilder = new ApplicationBuilder({
+     name: 'complete-app',
+     title: 'Complete App',
+    })
     // Use the application's bound factories
     app.addDatabase.default.table('users').table('orders')
     app.addDatasource
@@ -21048,8 +21175,12 @@
     - build
     - properties
   description: Create application with description property for app metadata
-  code: "const app = new ApplicationBuilder({ name: 'descriptive-app', title:
-    'Descriptive App', description: 'App with detailed description' })"
+  code: |-
+    const app = new ApplicationBuilder({
+     name: 'descriptive-app',
+     title: 'Descriptive App',
+     description: 'App with detailed description',
+    })
 - id: component.jc.left-right.element-1
   name: Left-Side Element Components
   category: component
@@ -23174,11 +23305,14 @@
      .title('=@ctx.current.item.name')
      .value('=@ctx.current.item.id')
     // 2. Choice field with static datasource
-    app.addDatasource.static({ datasourceId: 'task-priorities', data: [
-     { id: 'low', name: 'Low Priority', color: 'green' },
-     { id: 'medium', name: 'Medium Priority', color: 'yellow' },
-     { id: 'high', name: 'High Priority', color: 'red' },
-    ] })
+    app.addDatasource.static({
+     datasourceId: 'task-priorities',
+     data: [
+      { id: 'low', name: 'Low Priority', color: 'green' },
+      { id: 'medium', name: 'Medium Priority', color: 'yellow' },
+      { id: 'high', name: 'High Priority', color: 'red' },
+     ],
+    })
     const priorityForm = screen.addControl.form({ instanceId: 'priority-form' })
     const priorityChoice = priorityForm.addControl.choiceField({
      instanceId: 'priority-field',
@@ -23378,27 +23512,30 @@
     })
     // 1. Payment method selector (single choice with icons)
     const paymentForm = screen.addControl.form({ instanceId: 'payment' })
-    app.addDatasource.static({ datasourceId: 'payment-methods', data: [
-     {
-      id: 'credit',
-      name: 'Credit Card',
-      icon: 'credit-card',
-      description: 'Visa, MasterCard, Amex',
-     },
-     {
-      id: 'debit',
-      name: 'Debit Card',
-      icon: 'credit-card-payment',
-      description: 'Direct bank payment',
-     },
-     {
-      id: 'paypal',
-      name: 'PayPal',
-      icon: 'payment-paypal-logo',
-      description: 'PayPal account',
-     },
-     { id: 'apple', name: 'Apple Pay', icon: 'apple', description: 'Touch ID payment' },
-    ] })
+    app.addDatasource.static({
+     datasourceId: 'payment-methods',
+     data: [
+      {
+       id: 'credit',
+       name: 'Credit Card',
+       icon: 'credit-card',
+       description: 'Visa, MasterCard, Amex',
+      },
+      {
+       id: 'debit',
+       name: 'Debit Card',
+       icon: 'credit-card-payment',
+       description: 'Direct bank payment',
+      },
+      {
+       id: 'paypal',
+       name: 'PayPal',
+       icon: 'payment-paypal-logo',
+       description: 'PayPal account',
+      },
+      { id: 'apple', name: 'Apple Pay', icon: 'apple', description: 'Touch ID payment' },
+     ],
+    })
     const paymentMethod = paymentForm.addControl.choiceField({
      instanceId: 'payment-method',
      label: 'Payment Method',
@@ -23452,13 +23589,16 @@
      })
     // 3. Size selection with custom layout
     const sizeForm = screen.addControl.form({ instanceId: 'sizing' })
-    app.addDatasource.static({ datasourceId: 'sizes', data: [
-     { code: 'XS', label: 'Extra Small', available: true },
-     { code: 'S', label: 'Small', available: true },
-     { code: 'M', label: 'Medium', available: true },
-     { code: 'L', label: 'Large', available: false },
-     { code: 'XL', label: 'Extra Large', available: true },
-    ] })
+    app.addDatasource.static({
+     datasourceId: 'sizes',
+     data: [
+      { code: 'XS', label: 'Extra Small', available: true },
+      { code: 'S', label: 'Small', available: true },
+      { code: 'M', label: 'Medium', available: true },
+      { code: 'L', label: 'Large', available: false },
+      { code: 'XL', label: 'Extra Large', available: true },
+     ],
+    })
     const sizeChoice = sizeForm.addControl.choiceField({
      instanceId: 'size',
      label: 'Size',
@@ -23515,12 +23655,15 @@
       eligibilityCheck: true,
      })
     // Priority level with business constraints
-    app.addDatasource.static({ datasourceId: 'priority-levels', data: [
-     { level: 'low', name: 'Low Priority', cost: 0 },
-     { level: 'normal', name: 'Normal Priority', cost: 10 },
-     { level: 'high', name: 'High Priority', cost: 25 },
-     { level: 'urgent', name: 'Urgent Priority', cost: 50 },
-    ] })
+    app.addDatasource.static({
+     datasourceId: 'priority-levels',
+     data: [
+      { level: 'low', name: 'Low Priority', cost: 0 },
+      { level: 'normal', name: 'Normal Priority', cost: 10 },
+      { level: 'high', name: 'High Priority', cost: 25 },
+      { level: 'urgent', name: 'Urgent Priority', cost: 50 },
+     ],
+    })
     const priorityChoice = planForm.addControl.choiceField({
      instanceId: 'priority-level',
      label: 'Priority Level',
@@ -23608,13 +23751,16 @@
      .title('=@ctx.current.item.name')
      .value('=@ctx.current.item.id')
     // Survey question with conditional follow-up
-    app.addDatasource.static({ datasourceId: 'satisfaction-ratings', data: [
-     { rating: 1, label: 'Very Dissatisfied', followUp: true },
-     { rating: 2, label: 'Dissatisfied', followUp: true },
-     { rating: 3, label: 'Neutral', followUp: false },
-     { rating: 4, label: 'Satisfied', followUp: false },
-     { rating: 5, label: 'Very Satisfied', followUp: false },
-    ] })
+    app.addDatasource.static({
+     datasourceId: 'satisfaction-ratings',
+     data: [
+      { rating: 1, label: 'Very Dissatisfied', followUp: true },
+      { rating: 2, label: 'Dissatisfied', followUp: true },
+      { rating: 3, label: 'Neutral', followUp: false },
+      { rating: 4, label: 'Satisfied', followUp: false },
+      { rating: 5, label: 'Very Satisfied', followUp: false },
+     ],
+    })
     const surveyChoice = configForm.addControl.choiceField({
      instanceId: 'satisfaction',
      label: 'How satisfied are you with our service?',
@@ -23629,12 +23775,15 @@
      .title('=@ctx.current.item.label')
      .value('=@ctx.current.item.rating')
     // Accessibility preferences
-    app.addDatasource.static({ datasourceId: 'accessibility-features', data: [
-     { feature: 'high-contrast', name: 'High Contrast Mode' },
-     { feature: 'large-text', name: 'Large Text' },
-     { feature: 'screen-reader', name: 'Screen Reader Support' },
-     { feature: 'reduced-motion', name: 'Reduced Motion' },
-    ] })
+    app.addDatasource.static({
+     datasourceId: 'accessibility-features',
+     data: [
+      { feature: 'high-contrast', name: 'High Contrast Mode' },
+      { feature: 'large-text', name: 'Large Text' },
+      { feature: 'screen-reader', name: 'Screen Reader Support' },
+      { feature: 'reduced-motion', name: 'Reduced Motion' },
+     ],
+    })
     const accessibilityChoice = configForm.addControl.choiceField({
      instanceId: 'accessibility',
      isMultiple: true,
@@ -24563,11 +24712,14 @@
      .subtitle('=@ctx.current.item.description')
     // 2. Dropdown with icon elements
     const priorityForm = screen.addControl.form({ instanceId: 'priority-form' })
-    app.addDatasource.static({ datasourceId: 'task-priorities', data: [
-     { id: 'low', name: 'Low Priority', icon: 'arrow-down', color: 'green' },
-     { id: 'medium', name: 'Medium Priority', icon: 'minus', color: 'yellow' },
-     { id: 'high', name: 'High Priority', icon: 'arrow-up', color: 'red' },
-    ] })
+    app.addDatasource.static({
+     datasourceId: 'task-priorities',
+     data: [
+      { id: 'low', name: 'Low Priority', icon: 'arrow-down', color: 'green' },
+      { id: 'medium', name: 'Medium Priority', icon: 'minus', color: 'yellow' },
+      { id: 'high', name: 'High Priority', icon: 'arrow-up', color: 'red' },
+     ],
+    })
     const priorityDropdown = priorityForm.addControl.dropdown({
      instanceId: 'priority-dropdown',
      label: 'Task Priority',
@@ -24873,12 +25025,15 @@
      // Icon with color coding for skill category
      .leftElement.icon('=@ctx.current.item.categoryIcon')
     // 3. Project priority with static datasource and time estimates
-    app.addDatasource.static({ datasourceId: 'project-priorities', data: [
-     { id: 'urgent', display: 'Urgent', sla: '2 hours', color: 'negative', impact: 'critical' },
-     { id: 'high', display: 'High Priority', sla: '1 day', color: 'warning', impact: 'major' },
-     { id: 'normal', display: 'Normal', sla: '3 days', color: 'primary', impact: 'moderate' },
-     { id: 'low', display: 'Low Priority', sla: '1 week', color: 'neutral', impact: 'minor' },
-    ] })
+    app.addDatasource.static({
+     datasourceId: 'project-priorities',
+     data: [
+      { id: 'urgent', display: 'Urgent', sla: '2 hours', color: 'negative', impact: 'critical' },
+      { id: 'high', display: 'High Priority', sla: '1 day', color: 'warning', impact: 'major' },
+      { id: 'normal', display: 'Normal', sla: '3 days', color: 'primary', impact: 'moderate' },
+      { id: 'low', display: 'Low Priority', sla: '1 week', color: 'neutral', impact: 'minor' },
+     ],
+    })
     const priorityDropdown = form.addControl.dropdown({
      instanceId: 'priority',
      isRequired: true,
@@ -24962,11 +25117,14 @@
      screenId: 'dropdown-test',
      title: 'Dropdown Test',
     })
-    app.addDatasource.static({ datasourceId: 'test-options', data: [
-     { title: 'Option 1', value: 'option1' },
-     { title: 'Option 2', value: 'option2' },
-     { title: 'Option 3', value: 'option3' },
-    ] })
+    app.addDatasource.static({
+     datasourceId: 'test-options',
+     data: [
+      { title: 'Option 1', value: 'option1' },
+      { title: 'Option 2', value: 'option2' },
+      { title: 'Option 3', value: 'option3' },
+     ],
+    })
     const dropdown = form.addControl.dropdown({
      instanceId: 'test-dropdown',
      isMultiple: true,
@@ -25030,10 +25188,13 @@
      screenId: 'inline-test',
      title: 'Inline Test',
     })
-    app.addDatasource.static({ datasourceId: 'inline-options', data: [
-     { id: 1, name: 'Option 1', active: true },
-     { id: 2, name: 'Option 2', active: false },
-    ] })
+    app.addDatasource.static({
+     datasourceId: 'inline-options',
+     data: [
+      { id: 1, name: 'Option 1', active: true },
+      { id: 2, name: 'Option 2', active: false },
+     ],
+    })
     const inlineDropdown = form.addControl.dropdown({
      instanceId: 'inline',
      when: '=@ctx.solution.state.canSelect',
@@ -25643,7 +25804,11 @@
     const statusSection = screen.addControl.section({ instanceId: 'system-status' })
     const statusEntity = statusSection.addControl.entity({ instanceId: 'status-entity' })
     statusEntity.addControl
-     .entityField({ instanceId: 'server-status', label: 'Server Status', value: '=@ctx.jig.inputs.status' })
+     .entityField({
+      instanceId: 'server-status',
+      label: 'Server Status',
+      value: '=@ctx.jig.inputs.status',
+     })
      .with({
       style: {
        isPositive: '=@ctx.jig.inputs.status = "Online"',
@@ -25755,7 +25920,10 @@
       label: 'Total Revenue',
       value: '="$" & $string(@ctx.jig.inputs.totalRevenue)',
      })
-     .with({ style: { isPrimary: true, isPositive: '=@ctx.jig.inputs.revenueGrowth > 0' }, rightIcon: 'arrow-up' })
+     .with({
+      style: { isPrimary: true, isPositive: '=@ctx.jig.inputs.revenueGrowth > 0' },
+      rightIcon: 'arrow-up',
+     })
     financialEntity.addControl.entityField({
      instanceId: 'profit-margin',
      label: 'Profit Margin',
@@ -25908,7 +26076,11 @@
      rightIcon: 'hash',
     })
     productEntity.addControl
-     .entityField({ instanceId: 'price', label: 'Price', value: '="$" & @ctx.entity.product.price' })
+     .entityField({
+      instanceId: 'price',
+      label: 'Price',
+      value: '="$" & @ctx.entity.product.price',
+     })
      .with({ style: { isPositive: '=@ctx.entity.product.onSale' }, rightIcon: 'money-atm' })
     productEntity.addControl.entityField({
      instanceId: 'availability',
@@ -26038,7 +26210,8 @@
      value: '=@ctx.entity.device.batteryLevel & "%"',
      style: {
       isPositive: '=@ctx.entity.device.batteryLevel > 50',
-      isWarning: '=@ctx.entity.device.batteryLevel > 20 and @ctx.entity.device.batteryLevel <= 50',
+      isWarning:
+       '=@ctx.entity.device.batteryLevel > 20 and @ctx.entity.device.batteryLevel <= 50',
       isNegative: '=@ctx.entity.device.batteryLevel <= 20',
      },
      rightIcon: 'battery-full',
@@ -26119,7 +26292,8 @@
      value: '=@ctx.entity.customer.healthScore & "/100"',
      style: {
       isPositive: '=@ctx.entity.customer.healthScore >= 80',
-      isWarning: '=@ctx.entity.customer.healthScore >= 60 and @ctx.entity.customer.healthScore < 80',
+      isWarning:
+       '=@ctx.entity.customer.healthScore >= 60 and @ctx.entity.customer.healthScore < 80',
       isNegative: '=@ctx.entity.customer.healthScore < 60',
      },
      rightIcon: 'gift-heart',
@@ -26890,12 +27064,10 @@
      value: '=@ctx.jig.state.price',
      format: { numberStyle: 'currency', currency: 'USD' },
     })
-    app.addDatasource.static({ datasourceId: 'product-categories', data: [
-     { name: 'Electronics' },
-     { name: 'Clothing' },
-     { name: 'Books' },
-     { name: 'Home' },
-    ] })
+    app.addDatasource.static({
+     datasourceId: 'product-categories',
+     data: [{ name: 'Electronics' }, { name: 'Clothing' }, { name: 'Books' }, { name: 'Home' }],
+    })
     productRow.addControl
      .dropdown({
       instanceId: 'category',
@@ -27084,11 +27256,14 @@
     const settingsForm = screen.addControl.form({ instanceId: 'app-settings' })
     const appearanceSection = settingsForm.addControl.section({ instanceId: 'appearance' })
     appearanceSection.title('Appearance')
-    app.addDatasource.static({ datasourceId: 'themes', data: [
-     { label: 'Light', value: 'light' },
-     { label: 'Dark', value: 'dark' },
-     { label: 'Auto', value: 'auto' },
-    ] })
+    app.addDatasource.static({
+     datasourceId: 'themes',
+     data: [
+      { label: 'Light', value: 'light' },
+      { label: 'Dark', value: 'dark' },
+      { label: 'Auto', value: 'auto' },
+     ],
+    })
     const themeDropdown = appearanceSection.addControl.dropdown({
      instanceId: 'theme',
      label: 'Theme',
@@ -27147,12 +27322,15 @@
      errorText: 'Please enter a valid email address',
     })
     // Dropdown with validation
-    app.addDatasource.static({ datasourceId: 'priorities', data: [
-     { label: 'Low', value: 'low' },
-     { label: 'Normal', value: 'normal' },
-     { label: 'High', value: 'high' },
-     { label: 'Urgent', value: 'urgent' },
-    ] })
+    app.addDatasource.static({
+     datasourceId: 'priorities',
+     data: [
+      { label: 'Low', value: 'low' },
+      { label: 'Normal', value: 'normal' },
+      { label: 'High', value: 'high' },
+      { label: 'Urgent', value: 'urgent' },
+     ],
+    })
     const priorityDropdown = contactForm.addControl.dropdown({
      instanceId: 'priority',
      isRequired: true,
@@ -27193,11 +27371,14 @@
      isDiscardChangesAlertEnabled: false,
     })
     // Account type selector affects other fields
-    app.addDatasource.static({ datasourceId: 'account-types', data: [
-     { label: 'Personal', value: 'personal' },
-     { label: 'Business', value: 'business' },
-     { label: 'Enterprise', value: 'enterprise' },
-    ] })
+    app.addDatasource.static({
+     datasourceId: 'account-types',
+     data: [
+      { label: 'Personal', value: 'personal' },
+      { label: 'Business', value: 'business' },
+      { label: 'Enterprise', value: 'enterprise' },
+     ],
+    })
     const accountTypeDropdown = dynamicForm.addControl.dropdown({
      instanceId: 'account-type',
      isRequired: true,
@@ -27554,7 +27735,10 @@
      .interactiveImageItem({
       instanceId: 'room-marker',
       title: '=@ctx.current.item.roomName',
-      percentageCoordinates: { x: '=@ctx.current.item.xPercent', y: '=@ctx.current.item.yPercent' },
+      percentageCoordinates: {
+       x: '=@ctx.current.item.xPercent',
+       y: '=@ctx.current.item.yPercent',
+      },
      })
      .with({ color: '=@ctx.current.item.statusColor' })
     roomItem.onPress.goto({
@@ -27650,7 +27834,10 @@
      .interactiveImageItem({
       instanceId: 'store-marker',
       groupId: '=@ctx.current.item.category',
-      percentageCoordinates: { x: '=@ctx.current.item.locationX', y: '=@ctx.current.item.locationY' },
+      percentageCoordinates: {
+       x: '=@ctx.current.item.locationX',
+       y: '=@ctx.current.item.locationY',
+      },
      })
      .with({ title: '=@ctx.current.item.storeName' })
     storeItem.onPress.goto({
@@ -27687,7 +27874,9 @@
       title: '=@ctx.current.item.departmentName',
       groupId: '=@ctx.current.item.zone',
      })
-     .with({ percentageCoordinates: { x: '=@ctx.current.item.coordX', y: '=@ctx.current.item.coordY' } })
+     .with({
+      percentageCoordinates: { x: '=@ctx.current.item.coordX', y: '=@ctx.current.item.coordY' },
+     })
     departmentItem.onPress
      .executeEntity({ instanceId: 'show-department-info' })
      .dynamicData('default/departments', 'update')
@@ -27764,7 +27953,10 @@
      instanceId: 'sensor-marker',
      title: '=@ctx.current.item.sensorId',
      groupId: '=@ctx.current.item.sensorType',
-     percentageCoordinates: { x: '=@ctx.current.item.positionX', y: '=@ctx.current.item.positionY' },
+     percentageCoordinates: {
+      x: '=@ctx.current.item.positionX',
+      y: '=@ctx.current.item.positionY',
+     },
      color:
       "=@ctx.current.item.alertLevel = 'critical' ? 'negative' : (@ctx.current.item.alertLevel = 'warning' ? 'warning' : 'positive')",
     })
@@ -27863,10 +28055,12 @@
     })
     const locationHeader = locationScreen.header()
     locationHeader.with({ height: 'small' })
-    locationHeader.addControl.location({ instanceId: 'header-map' }).with({ viewPoint:{
-     latitude: 40.7128,
-     longitude: -74.006,
-    }})
+    locationHeader.addControl.location({ instanceId: 'header-map' }).with({
+     viewPoint: {
+      latitude: 40.7128,
+      longitude: -74.006,
+     },
+    })
     locationHeader.actions.goBack({ title: 'Back' })
     locationHeader.actions.openUrl({
      title: 'Directions',
@@ -27879,12 +28073,10 @@
     })
     const videoHeader = videoScreen.header()
     videoHeader.with({ height: 'medium' })
-    videoHeader.addControl
-     .videoPlayer({ instanceId: 'header-video' })
-     .with({
-      url: '=@ctx.solution.state.media.headerVideoUrl',
-      title: '=@ctx.solution.state.media.videoTitle',
-     })
+    videoHeader.addControl.videoPlayer({ instanceId: 'header-video' }).with({
+     url: '=@ctx.solution.state.media.headerVideoUrl',
+     title: '=@ctx.solution.state.media.videoTitle',
+    })
     videoHeader.actions.goto({ title: 'Full Video', linkTo: 'video-screen' })
     // 4. Action screen with multiple actions
     const actionScreen = app.addScreen.default({
@@ -27927,10 +28119,12 @@
     })
     const venueHeader = venueScreen.header()
     venueHeader.with({ height: 'medium' })
-    venueHeader.addControl.location({ instanceId: 'venue-location' }).with({ viewPoint:{
-     latitude: '=@ctx.solution.state.venue.coordinates.latitude',
-     longitude: '=@ctx.solution.state.venue.coordinates.longitude',
-    }})
+    venueHeader.addControl.location({ instanceId: 'venue-location' }).with({
+     viewPoint: {
+      latitude: '=@ctx.solution.state.venue.coordinates.latitude',
+      longitude: '=@ctx.solution.state.venue.coordinates.longitude',
+     },
+    })
     venueHeader.actions.goBack({ title: 'Back to List' })
     venueHeader.actions.openUrl({
      title: 'Get Directions',
@@ -27944,12 +28138,10 @@
     })
     const galleryHeader = galleryScreen.header()
     galleryHeader.with({ height: 'medium' })
-    galleryHeader.addControl
-     .videoPlayer({ instanceId: 'gallery-preview' })
-     .with({
-      url: '=@ctx.solution.state.gallery.featuredVideoUrl',
-      title: '=@ctx.solution.state.gallery.videoTitle',
-     })
+    galleryHeader.addControl.videoPlayer({ instanceId: 'gallery-preview' }).with({
+     url: '=@ctx.solution.state.gallery.featuredVideoUrl',
+     title: '=@ctx.solution.state.gallery.videoTitle',
+    })
     galleryHeader.actions.goBack({ title: 'Back to Gallery' })
     galleryHeader.actions.goto({ title: 'Full Screen', linkTo: 'fullscreen-video' })
     // Dashboard header with branding
@@ -28019,10 +28211,12 @@
     })
     const mapHeader = mapScreen.header()
     mapHeader.with({ height: 'medium' })
-    mapHeader.addControl.location({ instanceId: 'main-location' }).with({ viewPoint:{
-     latitude: '=@ctx.solution.state.userLocation.latitude',
-     longitude: '=@ctx.solution.state.userLocation.longitude',
-    }})
+    mapHeader.addControl.location({ instanceId: 'main-location' }).with({
+     viewPoint: {
+      latitude: '=@ctx.solution.state.userLocation.latitude',
+      longitude: '=@ctx.solution.state.userLocation.longitude',
+     },
+    })
     mapHeader.actions.goBack({ title: 'Back' })
     mapHeader.actions.goto({ title: 'Nearby', linkTo: 'nearby-screen' })
     // Media header for entertainment apps
@@ -28032,12 +28226,10 @@
     })
     const mediaHeader = mediaScreen.header()
     mediaHeader.with({ height: 'medium' })
-    mediaHeader.addControl
-     .videoPlayer({ instanceId: 'featured-content' })
-     .with({
-      url: '=@ctx.solution.state.media.featuredVideoUrl',
-      title: '=@ctx.solution.state.media.videoTitle',
-     })
+    mediaHeader.addControl.videoPlayer({ instanceId: 'featured-content' }).with({
+     url: '=@ctx.solution.state.media.featuredVideoUrl',
+     title: '=@ctx.solution.state.media.videoTitle',
+    })
     mediaHeader.actions.goBack({ title: 'Back to Library' })
     mediaHeader.actions.goto({ title: 'Related Content', linkTo: 'related-screen' })
     // Minimal header for form screens
@@ -29051,7 +29243,8 @@
     })
     vehicleMarker.addIcon({
      icon: "=@ctx.current.item.vehicleType = 'truck' ? 'truck' : 'car'",
-     color: "=@ctx.current.item.status = 'active' ? 'positive' : (@ctx.current.item.status = 'maintenance' ? 'warning' : 'negative')",
+     color:
+      "=@ctx.current.item.status = 'active' ? 'positive' : (@ctx.current.item.status = 'maintenance' ? 'warning' : 'negative')",
     })
     // Field service territories
     const serviceSection = screen.addControl.section({ instanceId: 'service-territories' })
@@ -29075,7 +29268,8 @@
     })
     appointmentMarker.addIcon({
      icon: "=@ctx.current.item.priority = 'urgent' ? 'alert' : 'wrench'",
-     color: "=@ctx.current.item.status = 'scheduled' ? 'color1' : (@ctx.current.item.status = 'in-progress' ? 'warning' : 'positive')",
+     color:
+      "=@ctx.current.item.status = 'scheduled' ? 'color1' : (@ctx.current.item.status = 'in-progress' ? 'warning' : 'positive')",
     })
     // Emergency response system
     const emergencySection = screen.addControl.section({ instanceId: 'emergency-response' })
@@ -29101,7 +29295,8 @@
     })
     incidentMarker.addIcon({
      icon: "=@ctx.current.item.severity = 'critical' ? 'alert-triangle' : 'information-circle'",
-     color: "=@ctx.current.item.severity = 'critical' ? 'negative' : (@ctx.current.item.severity = 'high' ? 'warning' : 'positive')",
+     color:
+      "=@ctx.current.item.severity = 'critical' ? 'negative' : (@ctx.current.item.severity = 'high' ? 'warning' : 'positive')",
     })
     // Asset tracking with geofencing
     const assetSection = screen.addControl.section({ instanceId: 'asset-tracking' })
@@ -29160,18 +29355,16 @@
      .dynamicData('default/selected_locations', 'update')
     // Location-aware content
     const contentSection = screen.addControl.section({ instanceId: 'location-content' })
-    const contextMap = contentSection.addControl
-     .location({ instanceId: 'contextual-map' })
-     .with({
-      markersData: '=@ctx.datasources.nearby_points_of_interest',
-      viewPoint: {
-       latitude: '=@ctx.solution.state.userLatitude',
-       longitude: '=@ctx.solution.state.userLongitude',
-       zoomLevel: '=@ctx.solution.state.preferredZoom',
-       centerPosition: 'middle',
-       isFollowUserLocationEnabled: '=@ctx.solution.state.trackUserMovement',
-      },
-     })
+    const contextMap = contentSection.addControl.location({ instanceId: 'contextual-map' }).with({
+     markersData: '=@ctx.datasources.nearby_points_of_interest',
+     viewPoint: {
+      latitude: '=@ctx.solution.state.userLatitude',
+      longitude: '=@ctx.solution.state.userLongitude',
+      zoomLevel: '=@ctx.solution.state.preferredZoom',
+      centerPosition: 'middle',
+      isFollowUserLocationEnabled: '=@ctx.solution.state.trackUserMovement',
+     },
+    })
     const poiMarker = contextMap.addControl.markerItem({
      instanceId: 'poi-marker',
      latitude: '=@ctx.current.item.position.lat',
@@ -29203,7 +29396,8 @@
     })
     comparisonMarker.addIcon({
      icon: "=@ctx.current.item.isSelected ? 'check-circle' : 'circle'",
-     color: "=@ctx.current.item.rank <= 3 ? 'positive' : (@ctx.current.item.rank <= 6 ? 'warning' : 'color2')",
+     color:
+      "=@ctx.current.item.rank <= 3 ? 'positive' : (@ctx.current.item.rank <= 6 ? 'warning' : 'color2')",
     })
     // Dynamic location clustering
     const clusterSection = screen.addControl.section({ instanceId: 'location-clusters' })
@@ -29230,7 +29424,8 @@
     })
     clusterMarker.addIcon({
      icon: "=@ctx.current.item.count > 10 ? 'layers' : 'pin-map'",
-     color: "=@ctx.current.item.density = 'high' ? 'negative' : (@ctx.current.item.density = 'medium' ? 'warning' : 'positive')",
+     color:
+      "=@ctx.current.item.density = 'high' ? 'negative' : (@ctx.current.item.density = 'medium' ? 'warning' : 'positive')",
     })
 - id: component.component.marker-item-1
   name: Map Marker Component
@@ -29270,7 +29465,9 @@
       latitude: '=@ctx.current.item.latitude',
       longitude: '=@ctx.current.item.longitude',
      })
-     .with({ radius: { value: '=@ctx.current.item.serviceRadius', unit: 'miles', color: 'positive' } })
+     .with({
+      radius: { value: '=@ctx.current.item.serviceRadius', unit: 'miles', color: 'positive' },
+     })
     customerMarker.addIcon({ icon: '=@ctx.current.item.markerIcon' })
 - id: component.component.marker-item-2
   name: Advanced Marker Configurations
@@ -29306,7 +29503,14 @@
       latitude: '=@ctx.current.item.centerLat',
       longitude: '=@ctx.current.item.centerLng',
      })
-     .with({ radius: { value: '=@ctx.current.item.coverageRadius', unit: 'meters', color: '=(@ctx.current.item.isActive) ? "positive" : "neutral"', isEnabled: '=@ctx.current.item.showCoverage' } })
+     .with({
+      radius: {
+       value: '=@ctx.current.item.coverageRadius',
+       unit: 'meters',
+       color: '=(@ctx.current.item.isActive) ? "positive" : "neutral"',
+       isEnabled: '=@ctx.current.item.showCoverage',
+      },
+     })
     dynamicZone.addIcon({ icon: '=@ctx.current.item.zoneType' })
 - id: component.component.marker-item-3
   name: Marker Builder Patterns
@@ -31154,11 +31358,13 @@
      .with({
       left: {
        title: 'Last Month',
-       subtitle: '=@ctx.current.item.metrics.previousMonth.value & @ctx.current.item.metrics.unit',
+       subtitle:
+        '=@ctx.current.item.metrics.previousMonth.value & @ctx.current.item.metrics.unit',
       },
       right: {
        title: 'This Month',
-       subtitle: '=@ctx.current.item.metrics.currentMonth.value & @ctx.current.item.metrics.unit',
+       subtitle:
+        '=@ctx.current.item.metrics.currentMonth.value & @ctx.current.item.metrics.unit',
       },
      })
     performanceStage.onPress.goto({
@@ -34033,10 +34239,13 @@
   description: Create choice field item referencing a static datasource with
     dynamic title expressions
   code: |-
-    app.addDatasource.static({ datasourceId: 'inline-options', data: [
-     { id: 'x', label: 'X' },
-     { id: 'y', label: 'Y' },
-    ] })
+    app.addDatasource.static({
+     datasourceId: 'inline-options',
+     data: [
+      { id: 'x', label: 'X' },
+      { id: 'y', label: 'Y' },
+     ],
+    })
     const choices = screen.addControl.choiceField({
      instanceId: 'inline-choices',
      data: '=@ctx.datasources.inline-options',
@@ -34117,10 +34326,13 @@
     - options
   description: Create choice field referencing a static datasource
   code: |-
-    app.addDatasource.static({ datasourceId: 'choice-options', data: [
-     { id: 'a', label: 'A' },
-     { id: 'b', label: 'B' },
-    ] })
+    app.addDatasource.static({
+     datasourceId: 'choice-options',
+     data: [
+      { id: 'a', label: 'A' },
+      { id: 'b', label: 'B' },
+     ],
+    })
     const choices = screen.addControl.choiceField({
      instanceId: 'inline-choices',
      label: 'Inline',
@@ -34608,11 +34820,14 @@
     - required
   description: Create required country dropdown referencing a static datasource
   code: |-
-    app.addDatasource.static({ datasourceId: 'countries', data: [
-     { countryCode: 'US', countryName: 'United States' },
-     { countryCode: 'CA', countryName: 'Canada' },
-     { countryCode: 'MX', countryName: 'Mexico' },
-    ] })
+    app.addDatasource.static({
+     datasourceId: 'countries',
+     data: [
+      { countryCode: 'US', countryName: 'United States' },
+      { countryCode: 'CA', countryName: 'Canada' },
+      { countryCode: 'MX', countryName: 'Mexico' },
+     ],
+    })
     const dropdown = screen.addControl.dropdown({
      instanceId: 'country-select',
      isRequired: true,
@@ -34794,7 +35009,11 @@
     user profile display
   code: |-
     const userEntity = screen.addControl.entity()
-    userEntity.addControl.entityField({ instanceId: 'name-field', label: 'Name', value: 'John Doe' })
+    userEntity.addControl.entityField({
+     instanceId: 'name-field',
+     label: 'Name',
+     value: 'John Doe',
+    })
     userEntity.addControl
      .entityField({ instanceId: 'email-field', label: 'Email' })
      .with({ value: 'john@example.com' })
@@ -34816,11 +35035,19 @@
      instanceId: 'product-entity',
      isCompact: true,
     })
-    productEntity.addControl.entityField({ instanceId: 'product-name', label: 'Product Name', value: 'Laptop' })
+    productEntity.addControl.entityField({
+     instanceId: 'product-name',
+     label: 'Product Name',
+     value: 'Laptop',
+    })
     productEntity.addControl
      .entityField({ instanceId: 'product-price', label: 'Price' })
      .with({ value: '$999.99' })
-    productEntity.addControl.entityField({ instanceId: 'product-stock', label: 'In Stock', value: 'Yes' })
+    productEntity.addControl.entityField({
+     instanceId: 'product-stock',
+     label: 'In Stock',
+     value: 'Yes',
+    })
 - id: jc.event-example-1
   name: Team Meeting Event with Full Details
   category: component
@@ -36274,7 +36501,10 @@
       },
       markersData: '=@ctx.datasources.locations',
      })
-     .with({ isShowUserLocationEnabled: '=@ctx.jig.state.map.showUser', paths: '=@ctx.datasources.routes' })
+     .with({
+      isShowUserLocationEnabled: '=@ctx.jig.state.map.showUser',
+      paths: '=@ctx.datasources.routes',
+     })
 - id: jc.location-example-8
   name: Location Maps with Different Radius Unit Types
   category: component
@@ -37802,7 +38032,10 @@
     sync across devices and users
   code: |-
     // Dynamic SQLite datasource - synced across devices for collaborative data
-    const customerData = app.addDatasource.sqlite({ datasourceId: 'customers', provider: 'dynamic' })
+    const customerData = app.addDatasource.sqlite({
+     datasourceId: 'customers',
+     provider: 'dynamic',
+    })
     customerData.entity('default/customers')
     customerData.query(`
      SELECT
@@ -37834,7 +38067,10 @@
     orderData.queryParameter('minAmount', 100)
     orderData.queryParameter('maxResults', 50)
     // Multiple entities with relationships
-    const inventoryData = app.addDatasource.sqlite({ datasourceId: 'inventory', provider: 'dynamic' })
+    const inventoryData = app.addDatasource.sqlite({
+     datasourceId: 'inventory',
+     provider: 'dynamic',
+    })
     inventoryData.entity('default/products')
     inventoryData.entity('default/categories')
     inventoryData.query(`
@@ -37850,7 +38086,10 @@
      WHERE json_extract(p.data, '$.active') = true
     `)
     // Single document mode - for detail views and singleton data
-    const customerDetail = app.addDatasource.sqlite({ datasourceId: 'customer-detail', provider: 'dynamic' })
+    const customerDetail = app.addDatasource.sqlite({
+     datasourceId: 'customer-detail',
+     provider: 'dynamic',
+    })
     customerDetail.entity('default/customers')
     customerDetail.query(`
      SELECT
@@ -37866,7 +38105,10 @@
     customerDetail.jsonProperties('data')
     customerDetail.isDocument(true) // Returns single document instead of array
     // Dashboard statistics - single aggregated row
-    const dashboardStats = app.addDatasource.sqlite({ datasourceId: 'dashboard-stats', provider: 'dynamic' })
+    const dashboardStats = app.addDatasource.sqlite({
+     datasourceId: 'dashboard-stats',
+     provider: 'dynamic',
+    })
     dashboardStats.entity('default/orders')
     dashboardStats.query(`
      SELECT
@@ -37895,7 +38137,10 @@
     device-specific information
   code: |-
     // Local SQLite datasource - device-only storage for preferences and temporary data
-    const userPrefs = app.addDatasource.sqlite({ datasourceId: 'user-preferences', provider: 'local' })
+    const userPrefs = app.addDatasource.sqlite({
+     datasourceId: 'user-preferences',
+     provider: 'local',
+    })
     userPrefs.entity('preferences')
     userPrefs.query(`
      SELECT
@@ -37922,7 +38167,10 @@
     `)
     localCache.queryParameter('currentTime', '=@ctx.solution.state.currentTimestamp')
     // Device-specific settings and configuration
-    const deviceSettings = app.addDatasource.sqlite({ datasourceId: 'device-settings', provider: 'local' })
+    const deviceSettings = app.addDatasource.sqlite({
+     datasourceId: 'device-settings',
+     provider: 'local',
+    })
     deviceSettings.entity('settings')
     deviceSettings.query(`
      SELECT
@@ -37951,99 +38199,111 @@
     doesn't require database storage
   code: |-
     // Basic static datasource for dropdown options
-    app.addDatasource.static({ datasourceId: 'order-statuses', data: [
-     { id: 'pending', label: 'Pending Review', color: '#FFA500' },
-     { id: 'approved', label: 'Approved', color: '#28A745' },
-     { id: 'rejected', label: 'Rejected', color: '#DC3545' },
-     { id: 'processing', label: 'Processing', color: '#17A2B8' },
-     { id: 'completed', label: 'Completed', color: '#6F42C1' },
-    ] })
+    app.addDatasource.static({
+     datasourceId: 'order-statuses',
+     data: [
+      { id: 'pending', label: 'Pending Review', color: '#FFA500' },
+      { id: 'approved', label: 'Approved', color: '#28A745' },
+      { id: 'rejected', label: 'Rejected', color: '#DC3545' },
+      { id: 'processing', label: 'Processing', color: '#17A2B8' },
+      { id: 'completed', label: 'Completed', color: '#6F42C1' },
+     ],
+    })
     // Configuration options for app settings
-    app.addDatasource.static({ datasourceId: 'theme-options', data: [
-     {
-      id: 'light',
-      name: 'Light Theme',
-      description: 'Clean bright interface',
-      primaryColor: '#007BFF',
-      backgroundColor: '#FFFFFF',
-     },
-     {
-      id: 'dark',
-      name: 'Dark Theme',
-      description: 'Easy on the eyes',
-      primaryColor: '#BB86FC',
-      backgroundColor: '#121212',
-     },
-     {
-      id: 'auto',
-      name: 'System Default',
-      description: 'Follows device setting',
-      primaryColor: '#6C757D',
-      backgroundColor: 'auto',
-     },
-    ] })
+    app.addDatasource.static({
+     datasourceId: 'theme-options',
+     data: [
+      {
+       id: 'light',
+       name: 'Light Theme',
+       description: 'Clean bright interface',
+       primaryColor: '#007BFF',
+       backgroundColor: '#FFFFFF',
+      },
+      {
+       id: 'dark',
+       name: 'Dark Theme',
+       description: 'Easy on the eyes',
+       primaryColor: '#BB86FC',
+       backgroundColor: '#121212',
+      },
+      {
+       id: 'auto',
+       name: 'System Default',
+       description: 'Follows device setting',
+       primaryColor: '#6C757D',
+       backgroundColor: 'auto',
+      },
+     ],
+    })
     // Complex lookup data with nested properties
-    app.addDatasource.static({ datasourceId: 'countries', data: [
-     {
-      id: 'us',
-      name: 'United States',
-      code: 'US',
-      currency: { symbol: '$', code: 'USD' },
-      regions: [
-       { id: 'north', name: 'North' },
-       { id: 'south', name: 'South' },
-       { id: 'east', name: 'East' },
-       { id: 'west', name: 'West' },
-      ],
-     },
-     {
-      id: 'uk',
-      name: 'United Kingdom',
-      code: 'GB',
-      currency: { symbol: '£', code: 'GBP' },
-      regions: [
-       { id: 'england', name: 'England' },
-       { id: 'scotland', name: 'Scotland' },
-       { id: 'wales', name: 'Wales' },
-       { id: 'ni', name: 'Northern Ireland' },
-      ],
-     },
-    ] })
+    app.addDatasource.static({
+     datasourceId: 'countries',
+     data: [
+      {
+       id: 'us',
+       name: 'United States',
+       code: 'US',
+       currency: { symbol: '$', code: 'USD' },
+       regions: [
+        { id: 'north', name: 'North' },
+        { id: 'south', name: 'South' },
+        { id: 'east', name: 'East' },
+        { id: 'west', name: 'West' },
+       ],
+      },
+      {
+       id: 'uk',
+       name: 'United Kingdom',
+       code: 'GB',
+       currency: { symbol: '£', code: 'GBP' },
+       regions: [
+        { id: 'england', name: 'England' },
+        { id: 'scotland', name: 'Scotland' },
+        { id: 'wales', name: 'Wales' },
+        { id: 'ni', name: 'Northern Ireland' },
+       ],
+      },
+     ],
+    })
     // Priority levels for task management
-    app.addDatasource.static({ datasourceId: 'priority-levels', data: [
-     {
-      id: 1,
-      name: 'Low',
-      color: '#28A745',
-      description: 'Nice to have',
-      urgencyScore: 1,
-      escalationDays: 30,
-     },
-     {
-      id: 2,
-      name: 'Medium',
-      color: '#FFC107',
-      description: 'Should be addressed',
-      urgencyScore: 5,
-      escalationDays: 7,
-     },
-     {
-      id: 3,
-      name: 'High',
-      color: '#FD7E14',
-      description: 'Important issue',
-      urgencyScore: 8,
-      escalationDays: 2,
-     },
-     {
-      id: 4,
-      name: 'Critical',
-      color: '#DC3545',
-      description: 'Immediate attention required',
-      urgencyScore: 10,
-      escalationDays: 0,
-     },
-    ] })
+    app.addDatasource.static({
+     datasourceId: 'priority-levels',
+     data: [
+      {
+       id: 1,
+       name: 'Low',
+       color: '#28A745',
+       description: 'Nice to have',
+       urgencyScore: 1,
+       escalationDays: 30,
+      },
+      {
+       id: 2,
+       name: 'Medium',
+       color: '#FFC107',
+       description: 'Should be addressed',
+       urgencyScore: 5,
+       escalationDays: 7,
+      },
+      {
+       id: 3,
+       name: 'High',
+       color: '#FD7E14',
+       description: 'Important issue',
+       urgencyScore: 8,
+       escalationDays: 2,
+      },
+      {
+       id: 4,
+       name: 'Critical',
+       color: '#DC3545',
+       description: 'Immediate attention required',
+       urgencyScore: 10,
+       escalationDays: 0,
+      },
+     ],
+    })
 - id: datasource.datasource.system
   name: System Datasource Configuration
   category: datasource
@@ -38240,8 +38500,10 @@
     - entity
     - object-form
   description: Use entity({ entity }) to emit the explicit object shape for a table
-  code: "app.addDatasource.sqlite({ datasourceId: 'test-ds', provider: 'local'
-    }).entity({ entity: 'customers' })"
+  code: |-
+    app.addDatasource
+     .sqlite({ datasourceId: 'test-ds', provider: 'local' })
+     .entity({ entity: 'customers' })
 - id: datasource.sqlite-example-7
   name: SQLite Datasource Entity with Sync Function
   category: datasource
@@ -38273,8 +38535,10 @@
     - external
   description: Use entityPackaged(name, packageName) to reference a table from an
     external package
-  code: "app.addDatasource.sqlite({ datasourceId: 'test-ds', provider: 'local'
-    }).entityPackaged('users', 'erp')"
+  code: |-
+    app.addDatasource
+     .sqlite({ datasourceId: 'test-ds', provider: 'local' })
+     .entityPackaged('users', 'erp')
 - id: datasource.static-example-1
   name: Static Datasource with Color Objects
   category: datasource
@@ -38326,10 +38590,13 @@
     - properties
   description: Store color data with name and hex value properties
   code: |-
-    app.addDatasource.static({ datasourceId: 'colors', data: [
-     { name: 'Red', value: '#FF0000' },
-     { name: 'Green', value: '#00FF00' },
-    ] })
+    app.addDatasource.static({
+     datasourceId: 'colors',
+     data: [
+      { name: 'Red', value: '#FF0000' },
+      { name: 'Green', value: '#00FF00' },
+     ],
+    })
 - id: datasource.static-example-5
   name: Static Datasource with Number Array
   category: datasource
@@ -38355,8 +38622,10 @@
     - comma-delimiter
   description: Parse comma-separated priority values into array using default
     comma delimiter
-  code: "app.addDatasource.static({ datasourceId: 'priorities', data: []
-    }).csv('urgent, high, medium, low')"
+  code: |-
+    app.addDatasource
+     .static({ datasourceId: 'priorities', data: [] })
+     .csv('urgent, high, medium, low')
 - id: datasource.static-example-7
   name: Static Datasource with Pipe-Delimited CSV Colors
   category: datasource
@@ -38368,8 +38637,10 @@
     - whitespace
     - colors
   description: Parse pipe-delimited color values with automatic whitespace trimming
-  code: "app.addDatasource.static({ datasourceId: 'colors', data: [] }).csv(' red
-    | green | blue ', '|')"
+  code: |-
+    app.addDatasource
+     .static({ datasourceId: 'colors', data: [] })
+     .csv(' red | green | blue ', '|')
 - id: datasource.static-example-8
   name: Static Datasource with JSON Array Parsing
   category: datasource
@@ -38394,8 +38665,10 @@
     - key-value-pairs
     - configuration
   description: Convert JSON configuration object to key-value pair array
-  code: "app.addDatasource.static({ datasourceId: 'config', data: []
-    }).json('{\"debug\": true, \"port\": 3000}')"
+  code: |-
+    app.addDatasource
+     .static({ datasourceId: 'config', data: [] })
+     .json('{"debug": true, "port": 3000}')
 - id: datasource.system-example-1
   name: System Datasource for Feature Flags
   category: datasource
@@ -38458,7 +38731,11 @@
     managing continuation tokens for REST APIs
   code: |-
     // 1. Basic REST function with simple pagination
-    const getUsersFunction = app.addFunction.rest({ functionId: 'get-users', method: 'GET', url: 'https://api.example.com/users' })
+    const getUsersFunction = app.addFunction.rest({
+     functionId: 'get-users',
+     method: 'GET',
+     url: 'https://api.example.com/users',
+    })
     getUsersFunction.params.query('page', { value: 1, type: 'number' })
     getUsersFunction.params.header('Authorization', 'Bearer token123')
     getUsersFunction.json()
@@ -38468,7 +38745,11 @@
     usersContinuation.when('=$.hasMore')
     usersContinuation.url('=$.nextPageUrl')
     // 2. Microsoft Graph API with OAuth continuation
-    const getGraphUsers = app.addFunction.rest({ functionId: 'get-graph-users', method: 'GET', url: 'https://graph.microsoft.com/v1.0/users' })
+    const getGraphUsers = app.addFunction.rest({
+     functionId: 'get-graph-users',
+     method: 'GET',
+     url: 'https://graph.microsoft.com/v1.0/users',
+    })
     getGraphUsers.params.header('Authorization', '=@ctx.solution.state.user.graphToken')
     getGraphUsers.json()
     getGraphUsers.records('=$.value')
@@ -38477,7 +38758,11 @@
     graphContinuation.when('=$."@odata.nextLink"')
     graphContinuation.url('=$."@odata.nextLink"')
     // 3. Advanced pagination with cursor-based continuation
-    const searchCustomers = app.addFunction.rest({ functionId: 'search-customers', method: 'POST', url: 'https://api.crm.com/customers/search' })
+    const searchCustomers = app.addFunction.rest({
+     functionId: 'search-customers',
+     method: 'POST',
+     url: 'https://api.crm.com/customers/search',
+    })
     searchCustomers.params.body('query', { name: 'John', active: true })
     searchCustomers.params.header('API-Key', '=@ctx.solution.state.crmApiKey')
     searchCustomers.json()
@@ -38489,7 +38774,11 @@
      '=@ctx.solution.state.apiUrl & "/customers/search?cursor=" & $.pagination.nextCursor',
     )
     // 4. Pagination with dynamic parameter updates
-    const getOrderHistory = app.addFunction.rest({ functionId: 'get-order-history', method: 'GET', url: 'https://api.orders.com/history' })
+    const getOrderHistory = app.addFunction.rest({
+     functionId: 'get-order-history',
+     method: 'GET',
+     url: 'https://api.orders.com/history',
+    })
     getOrderHistory.params.query('limit', { value: 100, type: 'number' })
     getOrderHistory.params.query('offset', { value: 0, type: 'number' })
     getOrderHistory.params.header('X-API-Key', '=@ctx.solution.state.ordersApiKey')
@@ -38502,7 +38791,11 @@
      '=@ctx.solution.state.ordersUrl & "/history?offset=" & ($.offset + $.limit) & "&limit=" & $.limit',
     )
     // 5. Complex continuation with authentication renewal
-    const syncInventory = app.addFunction.rest({ functionId: 'sync-inventory', method: 'GET', url: 'https://api.inventory.com/items' })
+    const syncInventory = app.addFunction.rest({
+     functionId: 'sync-inventory',
+     method: 'GET',
+     url: 'https://api.inventory.com/items',
+    })
     syncInventory.params.header('Authorization', 'Bearer =@ctx.solution.state.inventoryToken')
     syncInventory.params.query('pageSize', { value: 50, type: 'number' })
     syncInventory.json()
@@ -38527,14 +38820,22 @@
     PUT, DELETE methods with full parameter and header control
   code: |-
     // 1. Basic GET request with authentication
-    const getUsersFunction = app.addFunction.rest({ functionId: 'get-users', method: 'GET', url: 'https://api.example.com/users' })
+    const getUsersFunction = app.addFunction.rest({
+     functionId: 'get-users',
+     method: 'GET',
+     url: 'https://api.example.com/users',
+    })
     getUsersFunction.json()
     getUsersFunction.params
      .header('Authorization', 'Bearer =@ctx.solution.state.auth.token')
      .query('page', { type: 'number', value: 1 })
      .query('limit', { type: 'number', value: 10 })
     // 2. POST request with body data and API key
-    const createUserFunction = app.addFunction.rest({ functionId: 'create-user', method: 'POST', url: 'https://api.example.com/users' })
+    const createUserFunction = app.addFunction.rest({
+     functionId: 'create-user',
+     method: 'POST',
+     url: 'https://api.example.com/users',
+    })
     createUserFunction.json()
     createUserFunction.params.apiKey('=@ctx.solution.state.settings.apiKey').body('user', {
      name: '=@ctx.components.name.state.value',
@@ -38542,7 +38843,11 @@
      department: '=@ctx.solution.state.user.department',
     })
     // 3. Advanced configuration with output transformation and entity storage
-    const getProductsFunction = app.addFunction.rest({ functionId: 'get-products', method: 'GET', url: 'https://api.example.com/products' })
+    const getProductsFunction = app.addFunction.rest({
+     functionId: 'get-products',
+     method: 'GET',
+     url: 'https://api.example.com/products',
+    })
     getProductsFunction.json().outputTransform('$.data.products').entity('default/products')
     getProductsFunction.params
      .header('X-API-Version', '2.0')
@@ -38565,7 +38870,11 @@
     response strategies
   code: |-
     // 1. Function with comprehensive error handling
-    const syncDataFunction = app.addFunction.rest({ functionId: 'sync-data', method: 'POST', url: 'https://api.example.com/sync' })
+    const syncDataFunction = app.addFunction.rest({
+     functionId: 'sync-data',
+     method: 'POST',
+     url: 'https://api.example.com/sync',
+    })
     syncDataFunction.json()
     syncDataFunction.params.bearer('=@ctx.auth.accessToken').body('data', '=@ctx.pendingSync.data')
     // Server error with retry
@@ -38598,7 +38907,11 @@
      .icon('lock')
      .notification(true)
     // 2. Function with data conversion and error handling
-    const uploadImageFunction = app.addFunction.rest({ functionId: 'upload-image', method: 'POST', url: 'https://api.example.com/upload' })
+    const uploadImageFunction = app.addFunction.rest({
+     functionId: 'upload-image',
+     method: 'POST',
+     url: 'https://api.example.com/upload',
+    })
     uploadImageFunction.json().base64ToUri('image', 'uploaded-image.jpg')
     uploadImageFunction.params
      .header('Content-Type', 'application/json')
@@ -38633,7 +38946,11 @@
     for mobile-optimized performance
   code: |-
     // 1. Paginated API with continuation logic
-    const getOrdersFunction = app.addFunction.rest({ functionId: 'get-orders', method: 'GET', url: 'https://api.example.com/orders' })
+    const getOrdersFunction = app.addFunction.rest({
+     functionId: 'get-orders',
+     method: 'GET',
+     url: 'https://api.example.com/orders',
+    })
     getOrdersFunction.json().outputTransform('$.orders').entity('default/orders')
     getOrdersFunction.params
      .header('Authorization', 'Bearer =@ctx.solution.state.auth.token')
@@ -38642,7 +38959,11 @@
     // Continuation for next page
     getOrdersFunction.continuation.when('=$.hasMore').url('=$.nextPageUrl')
     // 2. Function with file conversion and row filtering
-    const getCustomersFunction = app.addFunction.rest({ functionId: 'get-customers', method: 'GET', url: 'https://api.example.com/customers' })
+    const getCustomersFunction = app.addFunction.rest({
+     functionId: 'get-customers',
+     method: 'GET',
+     url: 'https://api.example.com/customers',
+    })
     getCustomersFunction
      .json()
      .outputTransform('$.data.customers')
@@ -38654,7 +38975,11 @@
      .query('includeInactive', { type: 'boolean', value: false })
      .query('fields', { value: 'id,name,email,profileImage,status,lastLoginDays' })
     // 3. Bulk data processing with transformation
-    const getAnalyticsFunction = app.addFunction.rest({ functionId: 'get-analytics', method: 'GET', url: 'https://api.example.com/analytics' })
+    const getAnalyticsFunction = app.addFunction.rest({
+     functionId: 'get-analytics',
+     method: 'GET',
+     url: 'https://api.example.com/analytics',
+    })
     getAnalyticsFunction.json().outputTransform('$.metrics')
     getAnalyticsFunction.params
      .query('dateFrom', { value: '=@ctx.jig.state.filter.startDate' })
@@ -38677,14 +39002,24 @@
     construction, authentication, and XML response parsing
   code: |-
     // 1. Basic SOAP service call with authentication
-    const getUserDetailsFunction = app.addFunction.soap({ functionId: 'get-user-details', connection: 'legacy-service', method: 'GetUserDetails', wsdl: 'https://legacy-api.company.com/UserService.wsdl' })
+    const getUserDetailsFunction = app.addFunction.soap({
+     functionId: 'get-user-details',
+     connection: 'legacy-service',
+     method: 'GetUserDetails',
+     wsdl: 'https://legacy-api.company.com/UserService.wsdl',
+    })
     getUserDetailsFunction.params
      .header('SOAPAction', 'GetUserDetails')
      .header('Authorization', 'Basic =@ctx.solution.state.auth.basicToken')
      .body('UserId', '=@ctx.user.id')
      .body('IncludeDetails', true)
     // 2. SOAP service with complex parameters
-    const createOrderFunction = app.addFunction.soap({ functionId: 'create-order', connection: 'erp-service', method: 'CreateOrder', wsdl: 'https://erp.company.com/OrderService.wsdl' })
+    const createOrderFunction = app.addFunction.soap({
+     functionId: 'create-order',
+     connection: 'erp-service',
+     method: 'CreateOrder',
+     wsdl: 'https://erp.company.com/OrderService.wsdl',
+    })
     createOrderFunction.params
      .header('SOAPAction', 'CreateOrder')
      .header('X-API-Key', '=@ctx.solution.state.settings.erpApiKey')
@@ -38696,7 +39031,12 @@
       PaymentMethod: '=@ctx.jig.inputs.payment.method',
      })
     // 3. SOAP service with output transformation
-    const getInventoryFunction = app.addFunction.soap({ functionId: 'get-inventory', connection: 'wms-service', method: 'GetInventoryStatus', wsdl: 'https://wms.company.com/InventoryService.wsdl' })
+    const getInventoryFunction = app.addFunction.soap({
+     functionId: 'get-inventory',
+     connection: 'wms-service',
+     method: 'GetInventoryStatus',
+     wsdl: 'https://wms.company.com/InventoryService.wsdl',
+    })
     getInventoryFunction
      .outputTransform('$.Body.GetInventoryStatusResponse.InventoryItems.Item')
      .entity('inventory')
@@ -38721,7 +39061,12 @@
     authentication errors, and enterprise messaging patterns
   code: |-
     // 1. Enterprise service with comprehensive error handling
-    const syncEmployeeDataFunction = app.addFunction.soap({ functionId: 'sync-employee-data', connection: 'hr-service', method: 'SyncEmployeeData', wsdl: 'https://hr.company.com/EmployeeService.wsdl' })
+    const syncEmployeeDataFunction = app.addFunction.soap({
+     functionId: 'sync-employee-data',
+     connection: 'hr-service',
+     method: 'SyncEmployeeData',
+     wsdl: 'https://hr.company.com/EmployeeService.wsdl',
+    })
     syncEmployeeDataFunction.params
      .header('SOAPAction', 'SyncEmployeeData')
      .header('Authorization', 'Bearer =@ctx.solution.state.auth.enterpriseToken')
@@ -38754,7 +39099,12 @@
       maxRetries: 2,
      })
     // 2. Legacy financial system integration
-    const processPaymentFunction = app.addFunction.soap({ functionId: 'process-payment', connection: 'finance-service', method: 'ProcessPayment', wsdl: 'https://finance.company.com/PaymentService.wsdl' })
+    const processPaymentFunction = app.addFunction.soap({
+     functionId: 'process-payment',
+     connection: 'finance-service',
+     method: 'ProcessPayment',
+     wsdl: 'https://finance.company.com/PaymentService.wsdl',
+    })
     processPaymentFunction.params
      .header('SOAPAction', 'ProcessPayment')
      .header('X-System-Id', 'MOBILE_APP')
@@ -38794,7 +39144,12 @@
     integration, and enterprise data patterns
   code: |-
     // 1. Multi-step customer onboarding workflow
-    const initiateCustomerOnboardingFunction = app.addFunction.soap({ functionId: 'initiate-customer-onboarding', connection: 'crm-service', method: 'InitiateOnboarding', wsdl: 'https://crm.company.com/OnboardingService.wsdl' })
+    const initiateCustomerOnboardingFunction = app.addFunction.soap({
+     functionId: 'initiate-customer-onboarding',
+     connection: 'crm-service',
+     method: 'InitiateOnboarding',
+     wsdl: 'https://crm.company.com/OnboardingService.wsdl',
+    })
     initiateCustomerOnboardingFunction.outputTransform(
      '$.Body.InitiateOnboardingResponse.OnboardingProcess',
     )
@@ -38817,7 +39172,12 @@
       ReferralSource: '=@ctx.jig.inputs.referral.source',
      })
     // 2. Document processing and approval workflow
-    const submitDocumentForApprovalFunction = app.addFunction.soap({ functionId: 'submit-document-approval', connection: 'workflow-service', method: 'SubmitForApproval', wsdl: 'https://workflow.company.com/ApprovalService.wsdl' })
+    const submitDocumentForApprovalFunction = app.addFunction.soap({
+     functionId: 'submit-document-approval',
+     connection: 'workflow-service',
+     method: 'SubmitForApproval',
+     wsdl: 'https://workflow.company.com/ApprovalService.wsdl',
+    })
     submitDocumentForApprovalFunction.base64ToUri('documentContent', 'document.pdf')
     submitDocumentForApprovalFunction.params
      .header('SOAPAction', 'SubmitForApproval')
@@ -38834,7 +39194,12 @@
       },
      })
     // 3. Complex reporting service with aggregated data
-    const generateComplianceReportFunction = app.addFunction.soap({ functionId: 'generate-compliance-report', connection: 'compliance-service', method: 'GenerateComplianceReport', wsdl: 'https://compliance.company.com/ReportingService.wsdl' })
+    const generateComplianceReportFunction = app.addFunction.soap({
+     functionId: 'generate-compliance-report',
+     connection: 'compliance-service',
+     method: 'GenerateComplianceReport',
+     wsdl: 'https://compliance.company.com/ReportingService.wsdl',
+    })
     generateComplianceReportFunction.outputTransform(
      '$.Body.GenerateComplianceReportResponse.ReportData.Sections',
     )
@@ -38873,7 +39238,10 @@
     input/output parameters
   code: |-
     // 1. Basic SELECT query with parameters
-    const getCustomersFunction = app.addFunction.sql({ functionId: 'get-customers', connection: 'customerDb' })
+    const getCustomersFunction = app.addFunction.sql({
+     functionId: 'get-customers',
+     connection: 'customerDb',
+    })
     getCustomersFunction
      .providerQuery('SELECT * FROM customers WHERE active = @active AND region = @region')
      .entity('customers')
@@ -38881,7 +39249,11 @@
      .input('active', 'boolean', { value: true })
      .input('region', 'string', { value: '=@ctx.solution.state.user.region' })
     // 2. Stored procedure with input and output parameters
-    const updateCustomerFunction = app.addFunction.sql({ functionId: 'update-customer', connection: 'customerDb', method: 'execute' })
+    const updateCustomerFunction = app.addFunction.sql({
+     functionId: 'update-customer',
+     connection: 'customerDb',
+     method: 'execute',
+    })
     updateCustomerFunction.procedure('sp_UpdateCustomer')
     updateCustomerFunction.params
      .input('customerId', 'number', { value: '=@ctx.jig.inputs.customer.id' })
@@ -38890,7 +39262,10 @@
      .output('result', 'string')
      .output('affectedRows', 'number')
     // 3. Complex query with data transformation
-    const getOrderStatsFunction = app.addFunction.sql({ functionId: 'get-order-stats', connection: 'analyticsDb' })
+    const getOrderStatsFunction = app.addFunction.sql({
+     functionId: 'get-order-stats',
+     connection: 'analyticsDb',
+    })
     getOrderStatsFunction.providerQuery(`
       SELECT
        customerId,
@@ -38923,7 +39298,11 @@
     handling of database constraints, locks, and file operations
   code: |-
     // 1. Insert operation with comprehensive error handling
-    const createOrderFunction = app.addFunction.sql({ functionId: 'create-order', connection: 'ordersDb', method: 'execute' })
+    const createOrderFunction = app.addFunction.sql({
+     functionId: 'create-order',
+     connection: 'ordersDb',
+     method: 'execute',
+    })
     createOrderFunction.procedure('sp_CreateOrder')
     createOrderFunction.params
      .input('customerId', 'number', { value: '=@ctx.jig.inputs.customer.id' })
@@ -38949,7 +39328,10 @@
       maxRetries: 3,
      })
     // 2. Function with file conversion and row operations
-    const getProductsWithImagesFunction = app.addFunction.sql({ functionId: 'get-products-with-images', connection: 'catalogDb' })
+    const getProductsWithImagesFunction = app.addFunction.sql({
+     functionId: 'get-products-with-images',
+     connection: 'catalogDb',
+    })
     getProductsWithImagesFunction
      .providerQuery('SELECT * FROM products WHERE categoryId = @categoryId')
      .entity('products')
@@ -38959,7 +39341,11 @@
      value: '=@ctx.current.item.category.id',
     })
     // 3. Bulk operation with table operations and conditions
-    const syncInventoryFunction = app.addFunction.sql({ functionId: 'sync-inventory', connection: 'inventoryDb', method: 'execute' })
+    const syncInventoryFunction = app.addFunction.sql({
+     functionId: 'sync-inventory',
+     connection: 'inventoryDb',
+     method: 'execute',
+    })
     syncInventoryFunction.procedure('sp_SyncInventory')
     syncInventoryFunction.params
      .input('inventoryData', 'string', { value: '=JSON.stringify(@ctx.datasources.inventory)' })
@@ -38994,17 +39380,26 @@
     operations
   code: |-
     // 1. Dynamic SELECT query with helper methods
-    const getFilteredCustomersFunction = app.addFunction.sql({ functionId: 'get-filtered-customers', connection: 'reportsDb' })
+    const getFilteredCustomersFunction = app.addFunction.sql({
+     functionId: 'get-filtered-customers',
+     connection: 'reportsDb',
+    })
     getFilteredCustomersFunction
      .select(['id', 'name', 'email', 'region', 'lastOrderDate'], 'customers', 'active = @active')
      .entity('customers')
     getFilteredCustomersFunction.params.input('active', 'boolean', { value: true })
     // 2. Simple SELECT ALL with conditions
-    const getAllProductsFunction = app.addFunction.sql({ functionId: 'get-all-products', connection: 'catalogDb' })
+    const getAllProductsFunction = app.addFunction.sql({
+     functionId: 'get-all-products',
+     connection: 'catalogDb',
+    })
     getAllProductsFunction.selectAll('products', 'discontinued = @discontinued').entity('products')
     getAllProductsFunction.params.input('discontinued', 'boolean', { value: false })
     // 3. Complex analytics query
-    const getSalesReportFunction = app.addFunction.sql({ functionId: 'get-sales-report', connection: 'analyticsDb' })
+    const getSalesReportFunction = app.addFunction.sql({
+     functionId: 'get-sales-report',
+     connection: 'analyticsDb',
+    })
     getSalesReportFunction.providerQuery(`
       WITH monthly_sales AS (
        SELECT
@@ -39032,7 +39427,11 @@
      value: '=@ctx.jig.inputs.report.startDate',
     })
     // 4. Batch processing with file operations
-    const processBatchUploadsFunction = app.addFunction.sql({ functionId: 'process-batch-uploads', connection: 'processingDb', method: 'execute' })
+    const processBatchUploadsFunction = app.addFunction.sql({
+     functionId: 'process-batch-uploads',
+     connection: 'processingDb',
+     method: 'execute',
+    })
     processBatchUploadsFunction.procedure('sp_ProcessBatch').uriToBase64('uploadFile')
     processBatchUploadsFunction.params
      .input('batchId', 'string', { value: '=@ctx.jig.inputs.batch.id' })
@@ -39053,7 +39452,11 @@
     result expression
   code: |-
     const app = new ApplicationBuilder({ name: 'test-app' })
-    const fn = app.addFunction.rest({ functionId: 'test-function', method: 'POST', url: 'https://api.example.com/test' })
+    const fn = app.addFunction.rest({
+     functionId: 'test-function',
+     method: 'POST',
+     url: 'https://api.example.com/test',
+    })
     fn.guard('guard-function')
      .parameters({
       accessToken: 'acuerp',
@@ -39074,7 +39477,11 @@
     tables with parameterized statements
   code: |-
     const app = new ApplicationBuilder({ name: 'test-app' })
-    const fn = app.addFunction.rest({ functionId: 'test-function', method: 'POST', url: 'https://api.example.com/test' })
+    const fn = app.addFunction.rest({
+     functionId: 'test-function',
+     method: 'POST',
+     url: 'https://api.example.com/test',
+    })
     const guard = fn
      .guard('guard-function')
      .parameters({ id: '=@ctx.parameters.id' })
@@ -39100,7 +39507,11 @@
     replace records
   code: |-
     const app = new ApplicationBuilder({ name: 'test-app' })
-    const fn = app.addFunction.rest({ functionId: 'test-function', method: 'POST', url: 'https://api.example.com/test' })
+    const fn = app.addFunction.rest({
+     functionId: 'test-function',
+     method: 'POST',
+     url: 'https://api.example.com/test',
+    })
     const guard = fn.guard('guard-function').result('=true')
     guard
      .operation()
@@ -39117,7 +39528,11 @@
     process response data
   code: |-
     const app = new ApplicationBuilder({ name: 'test-app' })
-    const fn = app.addFunction.rest({ functionId: 'test-function', method: 'GET', url: 'https://api.example.com/data' })
+    const fn = app.addFunction.rest({
+     functionId: 'test-function',
+     method: 'GET',
+     url: 'https://api.example.com/data',
+    })
     fn.operation('=@ctx.response.body.items').upsertMerge(
      'items',
      '=$map(@ctx.response.body.items, function($v) {$merge([$v, {"Remote": true}])})',
@@ -39133,7 +39548,11 @@
   description: Configure function with root-level execute-sql operation to update local data
   code: |-
     const app = new ApplicationBuilder({ name: 'test-app' })
-    const fn = app.addFunction.rest({ functionId: 'test-function', method: 'GET', url: 'https://api.example.com/data' })
+    const fn = app.addFunction.rest({
+     functionId: 'test-function',
+     method: 'GET',
+     url: 'https://api.example.com/data',
+    })
     fn.operation().executeSql(
      ['items'],
      'UPDATE items SET data = json_set(data, "$.Remote", false)',
@@ -39151,7 +39570,11 @@
     execution based on parameters
   code: |-
     const app = new ApplicationBuilder({ name: 'test-app' })
-    const fn = app.addFunction.rest({ functionId: 'test-function', method: 'GET', url: 'https://api.example.com/data' })
+    const fn = app.addFunction.rest({
+     functionId: 'test-function',
+     method: 'GET',
+     url: 'https://api.example.com/data',
+    })
     fn.operation()
      .when('=@ctx.parameters.deleteRequired = "y"')
      .executeSql(['items'], 'DELETE FROM items WHERE json_extract(data, "$.Remote") is false')
@@ -39169,7 +39592,11 @@
     and conditional execute-sql
   code: |-
     const app = new ApplicationBuilder({ name: 'test-app' })
-    const fn = app.addFunction.rest({ functionId: 'test-function', method: 'GET', url: 'https://api.example.com/data' })
+    const fn = app.addFunction.rest({
+     functionId: 'test-function',
+     method: 'GET',
+     url: 'https://api.example.com/data',
+    })
     fn.operation().upsertMerge('items', '=@ctx.response.body')
     fn.operation()
      .when('=@ctx.parameters.cleanup = true')
@@ -39224,7 +39651,11 @@
     values from function execution
   code: |-
     const app = new ApplicationBuilder({ name: 'test-app' })
-    const fn = app.addFunction.rest({ functionId: 'test-function', method: 'POST', url: 'https://api.example.com/payment' })
+    const fn = app.addFunction.rest({
+     functionId: 'test-function',
+     method: 'POST',
+     url: 'https://api.example.com/payment',
+    })
     fn.params
      .body('amount', undefined, { type: 'number', required: true })
      .output('prePaymentTransactionId', { type: 'string', required: false })
@@ -39242,7 +39673,11 @@
   description: Configure guard with when condition to control when guard evaluation runs
   code: |-
     const app = new ApplicationBuilder({ name: 'test-app' })
-    const fn = app.addFunction.rest({ functionId: 'test-function', method: 'POST', url: 'https://api.example.com/test' })
+    const fn = app.addFunction.rest({
+     functionId: 'test-function',
+     method: 'POST',
+     url: 'https://api.example.com/test',
+    })
     fn.guard('guard-function').when('=@ctx.user.authenticated').result('=@ctx.guard.output.valid')
 - id: function.guard-example-12
   name: Guard with Retry and Continuation Lifecycle Options
@@ -39257,7 +39692,11 @@
     robust sync workflows
   code: |-
     const app = new ApplicationBuilder({ name: 'test-app' })
-    const fn = app.addFunction.rest({ functionId: 'test-function', method: 'POST', url: 'https://api.example.com/test' })
+    const fn = app.addFunction.rest({
+     functionId: 'test-function',
+     method: 'POST',
+     url: 'https://api.example.com/test',
+    })
     fn.guard('guard-function').onRetry().onContinuation().result('=@ctx.guard.output.valid')
 - id: function.guard-example-13
   name: Guard with Dynamic onInitial Expression
@@ -39272,7 +39711,11 @@
     initial guard evaluation
   code: |-
     const app = new ApplicationBuilder({ name: 'test-app' })
-    const fn = app.addFunction.rest({ functionId: 'test-function', method: 'POST', url: 'https://api.example.com/test' })
+    const fn = app.addFunction.rest({
+     functionId: 'test-function',
+     method: 'POST',
+     url: 'https://api.example.com/test',
+    })
     fn.guard('guard-function')
      .onInitial('=@ctx.parameters.runGuard')
      .result('=@ctx.guard.output.valid')
@@ -39288,7 +39731,11 @@
     records in a table
   code: |-
     const app = new ApplicationBuilder({ name: 'test-app' })
-    const fn = app.addFunction.rest({ functionId: 'test-function', method: 'GET', url: 'https://api.example.com/data' })
+    const fn = app.addFunction.rest({
+     functionId: 'test-function',
+     method: 'GET',
+     url: 'https://api.example.com/data',
+    })
     fn.operation('=@ctx.response.body.items').upsertReplace('items', '=@ctx.response.body.items')
 - id: function.guard-example-15
   name: Function with Find-Replace Operation for Temp ID Resolution
@@ -39303,7 +39750,11 @@
     server-assigned IDs across multiple tables including the command queue
   code: |-
     const app = new ApplicationBuilder({ name: 'test-app' })
-    const fn = app.addFunction.rest({ functionId: 'test-function', method: 'POST', url: 'https://api.example.com/data' })
+    const fn = app.addFunction.rest({
+     functionId: 'test-function',
+     method: 'POST',
+     url: 'https://api.example.com/data',
+    })
     fn.operation().findReplace(
      'temp-id-123',
      '=@ctx.response.body.id',
@@ -39323,7 +39774,11 @@
     timestamp columns for conflict resolution
   code: |-
     const app = new ApplicationBuilder({ name: 'test-app' })
-    const fn = app.addFunction.rest({ functionId: 'test-function', method: 'GET', url: 'https://api.example.com/data' })
+    const fn = app.addFunction.rest({
+     functionId: 'test-function',
+     method: 'GET',
+     url: 'https://api.example.com/data',
+    })
     fn.operation('=@ctx.response.body')
      .upsertMerge('items', '=@ctx.response.body')
      .primaryKey('itemId')
@@ -39341,7 +39796,11 @@
     formats during sync
   code: |-
     const app = new ApplicationBuilder({ name: 'test-app' })
-    const fn = app.addFunction.rest({ functionId: 'test-function', method: 'GET', url: 'https://api.example.com/data' })
+    const fn = app.addFunction.rest({
+     functionId: 'test-function',
+     method: 'GET',
+     url: 'https://api.example.com/data',
+    })
     fn.operation('=@ctx.response.body')
      .upsertMerge('items', '=@ctx.response.body')
      .conversions([{ property: 'image', from: 'base64', to: 'local-uri' }])
@@ -39358,7 +39817,11 @@
     failed transactions from local tables
   code: |-
     const app = new ApplicationBuilder({ name: 'test-app' })
-    const fn = app.addFunction.rest({ functionId: 'test-function', method: 'POST', url: 'https://api.example.com/payment' })
+    const fn = app.addFunction.rest({
+     functionId: 'test-function',
+     method: 'POST',
+     url: 'https://api.example.com/payment',
+    })
     fn.error('=@ctx.response.status = 500')
      .operation('=@ctx.response.body')
      .executeSql(
@@ -39407,7 +39870,11 @@
     starting_after parameter and bearer token authentication
   code: |-
     const fn = app.addFunction
-     .rest({ functionId: 'stripe-api', method: 'GET', url: 'https://api.stripe.com/v1/customers' })
+     .rest({
+      functionId: 'stripe-api',
+      method: 'GET',
+      url: 'https://api.stripe.com/v1/customers',
+     })
      .json()
      .bearerToken('=@ctx.solution.state.stripeApiKey')
     fn.params.query('limit', { value: 100 })
@@ -39476,7 +39943,11 @@
     notifications, data transformation, operations and retry logic
   code: |-
     const app = new ApplicationBuilder({ name: 'test-application' })
-    const fn = app.addFunction.rest({ functionId: 'comprehensive-api', method: 'GET', url: 'https://api.example.com/data' })
+    const fn = app.addFunction.rest({
+     functionId: 'comprehensive-api',
+     method: 'GET',
+     url: 'https://api.example.com/data',
+    })
     const errorHandler = fn
      .error('=@ctx.response.status >= 500')
      .title('Request Failed')
@@ -39508,7 +39979,11 @@
     conditions and retry strategies
   code: |-
     const app = new ApplicationBuilder({ name: 'test-application' })
-    const fn = app.addFunction.rest({ functionId: 'api-with-errors', method: 'GET', url: 'https://api.example.com/data' })
+    const fn = app.addFunction.rest({
+     functionId: 'api-with-errors',
+     method: 'GET',
+     url: 'https://api.example.com/data',
+    })
     fn.error(true).title('Default Error')
     fn.error('=@ctx.response.status = 404').title('Not Found')
     fn.error('=@ctx.response.status >= 500').title('Server Error').retry({ delay: 5000 })
@@ -39567,7 +40042,11 @@
   description: Configure REST function pagination with continuation expressions
     for hasNext and nextUrl
   code: |-
-    const fn = app.addFunction.rest({ functionId: 'list-items', method: 'GET', url: 'https://api.example.com/items' })
+    const fn = app.addFunction.rest({
+     functionId: 'list-items',
+     method: 'GET',
+     url: 'https://api.example.com/items',
+    })
     fn.continuation.when(toExpression('=$.hasNext')).url(toExpression('=$.nextUrl'))
 - id: function.rest-example-3
   name: REST Function with Entity Storage and Data Conversions
@@ -39584,7 +40063,11 @@
     from base64 to buffer and local URI
   code: |-
     app.addFunction
-     .rest({ functionId: 'get-products', method: 'GET', url: 'https://api.example.com/products' })
+     .rest({
+      functionId: 'get-products',
+      method: 'GET',
+      url: 'https://api.example.com/products',
+     })
      .entity('default/products')
      .conversion('price', 'base64', 'buffer')
      .conversion('image', 'base64', 'local-uri', 'product-image.jpg')
@@ -39684,7 +40167,12 @@
     parameters and output transformation
   code: |-
     const fn = app.addFunction
-     .soap({ functionId: 'get-weather', connection: 'weather-service', method: 'GetWeather', wsdl: 'https://weather.com/wsdl' })
+     .soap({
+      functionId: 'get-weather',
+      connection: 'weather-service',
+      method: 'GetWeather',
+      wsdl: 'https://weather.com/wsdl',
+     })
      .outputTransform('$.Temperature')
     fn.params.body('city', 'London').header('apiKey', 'secret-key')
 - id: function.soap-example-2
@@ -39701,7 +40189,12 @@
     storage for order processing
   code: |-
     app.addFunction
-     .soap({ functionId: 'create-order', connection: 'order-service', method: 'CreateOrder', wsdl: 'https://orders.com/wsdl' })
+     .soap({
+      functionId: 'create-order',
+      connection: 'order-service',
+      method: 'CreateOrder',
+      wsdl: 'https://orders.com/wsdl',
+     })
      .inputTransform('="123"')
      .entity('orders')
 - id: function.soap-example-3
@@ -39719,7 +40212,12 @@
     conversions for thumbnails and source images
   code: |-
     const fn = app.addFunction
-     .soap({ functionId: 'process-image', connection: 'image-service', method: 'ProcessImage', wsdl: 'https://image.com/wsdl' })
+     .soap({
+      functionId: 'process-image',
+      connection: 'image-service',
+      method: 'ProcessImage',
+      wsdl: 'https://image.com/wsdl',
+     })
      .base64ToUri('thumbnail', 'thumb.jpg')
      .uriToBase64('source')
     fn.params.body('image', '=@ctx.solution.state.imageData')
@@ -39738,7 +40236,12 @@
     SOAP faults and network timeouts with retry logic
   code: |-
     const fn = app.addFunction
-     .soap({ functionId: 'weather-api', connection: 'weather-service', method: 'GetWeatherForecast', wsdl: 'https://weather.example.com/service?wsdl' })
+     .soap({
+      functionId: 'weather-api',
+      connection: 'weather-service',
+      method: 'GetWeatherForecast',
+      wsdl: 'https://weather.example.com/service?wsdl',
+     })
      .outputTransform('$.GetWeatherForecastResult')
     fn.params
      .body('city', '=@ctx.jig.inputs.location.city')
@@ -39775,7 +40278,8 @@
   description: Create SQL query function for customers with boolean parameter and
     entity storage
   code: |-
-    const fn = app.addFunction.sql({ functionId: 'get-customers', connection: 'mydb' })
+    const fn = app.addFunction
+     .sql({ functionId: 'get-customers', connection: 'mydb' })
      .sql('SELECT * FROM customers WHERE active = @active')
     fn.params.input('$active', 'boolean', { value: true })
     fn.entity('customers')
@@ -39792,7 +40296,8 @@
   description: Configure SQL function to execute stored procedure with input and
     output parameters for customer updates
   code: |-
-    const fn = app.addFunction.sql({ functionId: 'update-customer', connection: 'mydb', method: 'execute' })
+    const fn = app.addFunction
+     .sql({ functionId: 'update-customer', connection: 'mydb', method: 'execute' })
      .sql('sp_UpdateCustomer', 'procedure')
     fn.params
      .input('$customerId', 'number', { value: 123 })
@@ -39811,7 +40316,8 @@
   description: Generate SQL function with select helper for specific columns and
     active status filter
   code: |-
-    const fn = app.addFunction.sql({ functionId: 'get-customers', connection: 'mydb' })
+    const fn = app.addFunction
+     .sql({ functionId: 'get-customers', connection: 'mydb' })
      .select(['id', 'name', 'email'], 'customers', 'active = @active')
     fn.params.input('active', 'boolean', { value: true })
 - id: function.sql-example-4
@@ -39825,8 +40331,10 @@
     - no-where-clause
   description: Generate SQL function with select all helper to retrieve all
     products without filtering
-  code: "app.addFunction.sql({ functionId: 'get-all-products', connection: 'mydb'
-    }).selectAll('products')"
+  code: |-
+    app.addFunction
+     .sql({ functionId: 'get-all-products', connection: 'mydb' })
+     .selectAll('products')
 - id: function.sql-example-5
   name: SQL Function with Select All Helper and WHERE Clause Filter
   category: function
@@ -39840,7 +40348,8 @@
   description: Generate SQL function with select all helper and status parameter
     for active product filtering
   code: |-
-    const fn = app.addFunction.sql({ functionId: 'get-active-products', connection: 'mydb' })
+    const fn = app.addFunction
+     .sql({ functionId: 'get-active-products', connection: 'mydb' })
      .selectAll('products', 'status = @status')
     fn.params.input('status', 'string', { value: 'active' })
 - id: function.sql-example-6
@@ -39858,7 +40367,8 @@
   description: Configure SQL order sync function with comprehensive database error
     handling including constraint violations, lock errors and retry logic
   code: |-
-    const fn = app.addFunction.sql({ functionId: 'sync-orders', connection: 'orders_db' })
+    const fn = app.addFunction
+     .sql({ functionId: 'sync-orders', connection: 'orders_db' })
      .sql(
       'INSERT INTO orders (id, customer_id, total, status) VALUES (@id, @customer_id, @total, @status)',
      )
@@ -39922,7 +40432,11 @@
   description: Configure REST function header using branded ParameterName type
   code: |-
     const paramName = toParameterName('apiKey')
-    const builder = app.addFunction.rest({ functionId: 'test', method: 'GET', url: 'https://api.test.com' })
+    const builder = app.addFunction.rest({
+     functionId: 'test',
+     method: 'GET',
+     url: 'https://api.test.com',
+    })
     // Should not throw with valid parameter name
     builder.params.header(paramName, 'secret')
 - id: function-example-3
@@ -39943,7 +40457,11 @@
     dependencies, and continuation support using config object
   code: |-
     const app = new ApplicationBuilder({ name: 'test-application' })
-    const fn = app.addFunction.rest({ functionId: 'config-query', method: 'GET', url: 'https://api.test.com' })
+    const fn = app.addFunction.rest({
+     functionId: 'config-query',
+     method: 'GET',
+     url: 'https://api.test.com',
+    })
     fn.query('items', {
      statement: 'SELECT * FROM items WHERE active = 1',
      resultType: 'records',
@@ -39967,7 +40485,11 @@
     and scalar/record result type
   code: |-
     const app = new ApplicationBuilder({ name: 'test-application' })
-    const fn = app.addFunction.rest({ functionId: 'param-config-query', method: 'GET', url: 'https://api.test.com' })
+    const fn = app.addFunction.rest({
+     functionId: 'param-config-query',
+     method: 'GET',
+     url: 'https://api.test.com',
+    })
     fn.query('lookup', {
      statement: 'SELECT * FROM items WHERE id = @id',
      parameters: { id: '=@ctx.user.id' },
@@ -39984,7 +40506,11 @@
   description: Set output expression to control what the function returns to its caller
   code: |-
     const app = new ApplicationBuilder({ name: 'test-application' })
-    const fn = app.addFunction.rest({ functionId: 'output-fn', method: 'GET', url: 'https://api.test.com' })
+    const fn = app.addFunction.rest({
+     functionId: 'output-fn',
+     method: 'GET',
+     url: 'https://api.test.com',
+    })
     fn.output('=@ctx.response.body.result')
 - id: screen.bottom-sheet-example-1
   name: Bottom Sheet with Child Screens
@@ -40643,7 +41169,7 @@
     template component
   code: |-
     const dynamicGridScreen = app.addScreen
-     .dynamicGrid({ screenId: 'grid-1', title: 'Dynamic Grid', })
+     .dynamicGrid({ screenId: 'grid-1', title: 'Dynamic Grid' })
      .data('=@ctx.datasources.dynamic')
     // Add required item template
     dynamicGridScreen.addControl.gridItem({ instanceId: 'item-1', size: '1x1' })
@@ -40663,7 +41189,7 @@
     subtitle for dynamic content
   code: |-
     const dynamicGridWithWidget = app.addScreen
-     .dynamicGrid({ screenId: 'dynamic-widget-test', title: 'Widget Test', })
+     .dynamicGrid({ screenId: 'dynamic-widget-test', title: 'Widget Test' })
      .data('=@ctx.datasources.items') // Add required data
     // Add required item template
     dynamicGridWithWidget.addControl.gridItem({ instanceId: 'item-1', size: '1x1' })
@@ -40685,7 +41211,7 @@
     data-bound items
   code: |-
     const screen = app.addScreen
-     .dynamicGrid({ screenId: 'dynamic-item-test', title: 'Item Test', })
+     .dynamicGrid({ screenId: 'dynamic-item-test', title: 'Item Test' })
      .data('=@ctx.datasources.items') // Add required data
     screen.addControl.gridItem()
 - id: screen.grid-dynamic-example-4
@@ -40703,7 +41229,7 @@
     line chart series data
   code: |-
     const dynamicGridWithChart = app.addScreen
-     .dynamicGrid({ screenId: 'dg', title: 'Dynamic Grid', })
+     .dynamicGrid({ screenId: 'dg', title: 'Dynamic Grid' })
      .data('=@ctx.datasources.items') // Add required data
     // Add item template and widget
     dynamicGridWithChart.addControl.gridItem()
@@ -41579,7 +42105,7 @@
     from solution state
   code: |-
     const gridWithDynamicSummary = app.addScreen
-     .dynamicGrid({ screenId: 'dynamic-summary-test', title: 'Dynamic Summary', })
+     .dynamicGrid({ screenId: 'dynamic-summary-test', title: 'Dynamic Summary' })
      .data('=@ctx.datasources.items')
     gridWithDynamicSummary.addControl.gridItem({ size: '1x1' })
     gridWithDynamicSummary.summary().addControl.default({
@@ -42023,7 +42549,9 @@
      concurrency: 'parallel',
      instanceId: 'load-data',
     })
-    const ds = screen.addDatasource.sqlite({ datasourceId: 'preferences', provider: 'local' }).entity('default/notifications')
+    const ds = screen.addDatasource
+     .sqlite({ datasourceId: 'preferences', provider: 'local' })
+     .entity('default/notifications')
     onFocusAction.actions
      .executeEntity({ instanceId: 'load-notifications' })
      .dynamicData('default/notifications', 'update')
@@ -42690,7 +43218,11 @@
     productPreview.title('Product Showcase')
     productPreview.subtitle('Browse our product collection')
     const productEntity = productPreview.addControl.entity({ instanceId: 'product-preview' })
-    productEntity.addControl.entityField({ instanceId: 'name', label: 'Product Name', value: 'Premium Widget' })
+    productEntity.addControl.entityField({
+     instanceId: 'name',
+     label: 'Product Name',
+     value: 'Premium Widget',
+    })
     productEntity.addControl.entityField({ instanceId: 'price', label: 'Price', value: '$99.99' })
     // Dashboard screen with compact preview
     const dashboard = app.addScreen.default({
@@ -44329,7 +44861,14 @@
      instanceId: 'office-marker',
      address: '=@ctx.current.item.address',
     })
-    officeMarker.with({ radius: { value: 0.5, unit: 'kilometers', color: 'primary', isEnabled: '=@ctx.current.item.showCoverage' } })
+    officeMarker.with({
+     radius: {
+      value: 0.5,
+      unit: 'kilometers',
+      color: 'primary',
+      isEnabled: '=@ctx.current.item.showCoverage',
+     },
+    })
     officeMarker.addIcon({ icon: 'office-building-tall-1', color: 'info' })
     // Create grid to display widgets (custom/static mode for map dashboard)
     const staticGrid = screen.addControl.grid()