@xuda.io/runtime-bundle 1.0.879 → 1.0.881

package/js/xuda-runtime-slim.js

@@ -5710,7 +5710,7 @@ func.datasource.update_changes_for_out_parameter = async function (SESSION_ID, d
   let _session = SESSION_OBJ[SESSION_ID];
   let _ds = _session.DS_GLB[dsSessionP];
   const _calling_ds = _session.DS_GLB[calling_dsP];
-  //
+
   if (_ds.PARAM_OUT_INFO) {
     let data = {};
     for await (const [key, val] of Object.entries(_ds.PARAM_OUT_INFO)) {
@@ -8459,43 +8459,19 @@ func.UI.worker.init = async function (SESSION_ID) {
               break;
             }
 
-            // var _session = SESSION_OBJ[val.SESSION_ID];
-            // if (!UI_WORKER_OBJ.jobs[Number(key)] || val.job_num === 9999999)
-            //   continue;
-
-            // if (val.dsSessionP && !_session.DS_GLB[val.dsSessionP]) {
-            //   func.UI.worker.delete_job(val.SESSION_ID, val.job_num);
-            //   continue;
-            // }
-
-            // if (val?.elementP && !val.elementP.isInViewport()) {
-            //   continue;
-            // }
-
             await func.UI.worker.execute(val.SESSION_ID, val);
             // break;
           } catch (err) {
             console.error(err);
           }
         }
-        // setTimeout(job_iterator, 1);
       }
     } else {
       //busy
 
       this.attempt++;
     }
-    // return job_iterator();
-    // run_stat = 0;
   };
-  // job_iterator();
-  // this._interval = setInterval(() => {
-  //   if (!run_stat) {
-  //     var testId = crypto.randomUUID();
-  //     run_stat = 1;
-  //     job_iterator(testId);
-  //   }
-  // }, 10);
 
   this._interval = setInterval(job_iterator, 1);
 
@@ -8768,24 +8744,8 @@ func.UI.worker.execute = async function (SESSION_ID, queue_obj) {
         for await (const [key, val] of Object.entries(nodeP.children)) {
           const ret = await func.UI.screen.render_ui_tree(SESSION_ID, $div, nodeP.children[key], parent_infoP, paramsP, jobNoP, is_skeleton, Number(key), null, nodeP, null, $root_container);
         }
-
-        // const parent_id = $div.parent().attr('xu-ui-id');
-        // if (!UI_WORKER_OBJ.viewport_height_set_ids.includes(parent_id)) {
-        //   UI_WORKER_OBJ.viewport_height_set_ids.push(parent_id);
-        //   func.UI.worker.add_to_queue(SESSION_ID, 'gui event', 'set_viewport_height', { $elm: $div.parent(), height: $div.height() }, null, null, paramsP.dsSessionP);
-        // }
-
-        // if ($div.hasClass('viewport_height')) {
-        //   $div.css('height', 'unset');
-        // }
-
-        // const height = $div.data().xuData.viewport_height;
-        // if (typeof height !== 'undefined') {
-        //   $div.css('height', 'unset');
-        // } else {
+        $div[0].style.removeProperty('height');
         $div.data().xuData.viewport_height = $div.height();
-        // func.UI.worker.add_to_queue(SESSION_ID, 'gui event', 'set_viewport_height', { $elm: $div.parent(), height: $div.height() }, null, null, paramsP.dsSessionP);
-        // }
 
         // set initial default height for all children
         const parent_id = $div.parent().attr('xu-ui-id');
@@ -8800,12 +8760,9 @@ func.UI.worker.execute = async function (SESSION_ID, queue_obj) {
     set_viewport_height: async function () {
       const { $div, height } = queue_obj?.paramsP || {};
 
-      // $elm.data().xuData.viewport_height = $div.height();
-
       $.each($div.parent().children(), function (key, elm) {
         if (!$(elm)[0].style.height && !$(elm).children().length) {
-          $(elm).css('height', height); //.addClass('viewport_height');
-          // $(elm).data().xuData.viewport_height = $div.height();
+          $(elm).css('height', height);
         }
       });
 
@@ -9854,10 +9811,9 @@ func.events.execute = async function (
         return;
       }
 
-      // args.prog_id = _viewId;
       if (_ds) {
         func.utils.debug.watch(SESSION_ID, calling_trigger_prop?.id, functionP, null, calling_trigger_prop, expCond);
-        // }
+
         const ret = await func.datasource.create(SESSION_ID, await get_prog_id(), args.dataSourceNoP, args.parentDataSourceNoP, args.containerIdP, args.rowIdP, args.jobNoP, args.calling_trigger_prop, null, null, args.callingSourceP, args.calling_jobP, args.screen_dsP, args.is_panelP, params_obj);
 
         let _ds_new = _session.DS_GLB[ret.dsSessionP];
@@ -9865,31 +9821,6 @@ func.events.execute = async function (
         if (parameters && !_.isEmpty(parameters)) {
           await func.datasource.update_changes_for_out_parameter(SESSION_ID, _ds_new.dsSession, _ds.dsSession);
         }
-        // if (parameters && !_.isEmpty(parameters) && _ds_new.PARAM_OUT_INFO) {
-        //   let data = {};
-        //   for await (const [key, val] of Object.entries(
-        //     _ds_new.PARAM_OUT_INFO
-        //   )) {
-        //     if (val.prop === "out") {
-        //       try {
-        //         const row_idx = func.common.find_ROWID_idx(
-        //           _ds_new,
-        //           _ds_new.currentRecordId
-        //         );
-        //         data[val.details] =
-        //           _ds_new.data_feed.rows[row_idx][val.fieldId];
-        //       } catch (err) {
-        //         console.error(err);
-        //       }
-        //     }
-        //   }
-        //   if (!_.isEmpty(data)) {
-        //     let datasource_changes = {
-        //       [_ds.dsSession]: { [_ds.currentRecordId]: data },
-        //     };
-        //     await func.datasource.update(SESSION_ID, datasource_changes);
-        //   }
-        // }
 
         func.events.delete_job(SESSION_ID, jobNoP);
         return _ds_new;
@@ -9944,6 +9875,13 @@ func.events.execute = async function (
       }
 
       await func.datasource.update(SESSION_ID, datasource_changes);
+
+      if (_ds.PARAM_OUT_INFO) {
+        for await (const [dsSession_to_update, val] of Object.entries(datasource_changes)) {
+          await func.datasource.update_changes_for_out_parameter(SESSION_ID, _ds.dsSession, dsSession_to_update);
+        }
+      }
+
       if (jobNoP) func.events.delete_job(SESSION_ID, jobNoP);
       // return changes;
     },
@@ -11400,115 +11338,15 @@ func.UI.screen.init = async function (SESSION_ID, prog_id, sourceScreenP, callin
     $rootFrame.css('display', 'contents');
   }
 
-  // ////////// skeleton
-
   var node = JSON.parse(JSON.stringify(screen_ret.progUi));
 
-  // const change_tree_to_skeleton = (node) => {
-  //   var tags = ["input", "button", "li", "xu-panel"];
-  //   $.each(node.children, (key, val) => {
-  //     if (val.type !== "element") return true;
-
-  //     if (val.attributes) {
-  //       delete val.attributes.placeholder;
-
-  //       var class_skeleton = "";
-
-  //       if (tags.includes(val.tagName) || !val.children.length) {
-  //         class_skeleton = "skeleton";
-  //       }
-  //       if (class_skeleton) {
-  //         if (val.attributes?.class) {
-  //           val.attributes.class += ` ${class_skeleton}`;
-  //         } else {
-  //           val.attributes.class = class_skeleton;
-  //         }
-  //         if (val.tagName === "xu-panel") {
-  //           val.tagName = "div";
-  //           val.attributes.class += " skeleton-panel";
-  //         }
-  //       }
-  //       change_tree_to_skeleton(val);
-  //     }
-  //   });
-  // };
-  // if (!is_panelP) {
-  //   change_tree_to_skeleton(node[0]);
-
-  //   const $skeleton_wrapper = $("<div class='skeleton_wrapper'>");
-  //   const ret_skelton = await func.UI.screen.render_ui_tree(
-  //     SESSION_ID,
-  //     $skeleton_wrapper,
-  //     node[0].children[0],
-  //     {},
-  //     params,
-  //     jobNoP,
-  //     true,
-  //     0,
-  //     null,
-  //     node,
-  //     null,
-  //     $rootFrame
-  //   );
-  //   $rootFrame.append($skeleton_wrapper);
-  // }
-
-  // const activate_skeleton = () => {
-  //   let $parent_div = $(
-  //     `[xu-ui-id="${$callingContainerP_data?.xuData?.parent_element_ui_id}"]`
-  //   );
-  //   if (!$parent_div?.length) return;
-
-  //   var tags = ["SPAN", "INPUT", "BUTTON", "LI", "XU-PANEL"];
-  //   $.each($($parent_div).find("*"), (key, val) => {
-  //     if (tags.includes($(val).prop("tagName")) || !$(val).children().length) {
-  //       $(val).addClass("skeleton");
-  //     }
-  //     if ($(val).prop("tagName") === "XU-PANEL") {
-  //       $(val).addClass("skeleton-panel");
-  //     }
-  //     if ($(val).prop("tagName") === "IMG") {
-  //       let src = func.common.get_url(
-  //         SESSION_ID,
-  //         "dist",
-  //         "runtime/images/skeleton-img.png"
-  //       );
-  //       $(val).attr("src", src);
-  //     }
-  //   });
-  // };
-  // if (is_panelP) {
-  //   activate_skeleton();
-  // }
-  // console.log("***");
   func.UI.utils.indicator.screen.busy();
 
-  const ret = await func.datasource.create(
-    SESSION_ID,
-    prog_id,
-    refreshed_ds, //params?.callingDataSource_objP?.dsSession
-    params.parentDataSourceNoP,
-    $rootFrame.attr('id'),
-    rowIdP,
-    jobNoP,
-    null,
-    parameters_raw_obj,
-    null,
-    null,
-    null,
-    null,
-    null,
-    parameters_obj_inP,
-  );
+  const ret = await func.datasource.create(SESSION_ID, prog_id, refreshed_ds, params.parentDataSourceNoP, $rootFrame.attr('id'), rowIdP, jobNoP, null, parameters_raw_obj, null, null, null, null, null, parameters_obj_inP);
 
   var _ds = SESSION_OBJ[SESSION_ID].DS_GLB[ret.dsSessionP];
   _ds.screen_params = params;
 
-  // _ds.is_panel = is_panelP;
-  // setInterval(() => {
-  //   _ds.ts = Date.now();
-  // }, 10000);
-
   params.dsSessionP = ret.dsSessionP;
 
   func.UI.screen.update_SYS_OBJ_WIN_INFO(SESSION_ID, params.dsSessionP);
@@ -11990,23 +11828,8 @@ func.UI.screen.refresh_screen = async function (SESSION_ID, fields_changed_arr,
         if ($elm?.length) {
           const elm_data = $elm.data();
           const $wrapper = $elm.parent();
-          // const wrapper_data = $wrapper.data();
-          const refreshed_ds = _ds.dsSession;
-
-          // let elm_to_delete = [];
-          // const ts = Date.now();
-          // $.each($elm.find('xu-root-component-' + SESSION_ID).find('*'), function (key, val) {
-          //   let xu_ui_id = $(val).attr('xu-ui-id');
-          //   if (xu_ui_id) {
-          //     let new_id = xu_ui_id + ts;
-          //     elm_to_delete.push(new_id);
 
-          //     $(val).attr('xu-ui-id', new_id).removeData();
-          //   }
-          //   //  else {
-          //   //   $(val).remove();
-          //   // }
-          // });
+          const refreshed_ds = _ds.dsSession;
 
           $elm.empty();
           if ($elm.data()) {
@@ -12025,11 +11848,6 @@ func.UI.screen.refresh_screen = async function (SESSION_ID, fields_changed_arr,
               elm_data.xuData.$root_container, // the wrapper root container
             );
 
-            // // remove old screen content
-            // $.each(elm_to_delete, async function (key, val) {
-            //   $("[xu-ui-id='" + elm_to_delete + "']").remove();
-            // });
-
             if (glb.DEBUG_MODE) {
               console.info('========= refresh main info ==============');
               console.info('reason:', refresh_reason);
@@ -12125,169 +11943,6 @@ func.UI.screen.refresh_screen = async function (SESSION_ID, fields_changed_arr,
   }
 };
 
-// func.UI.screen.refresh_screen_old = async function (SESSION_ID, fields_changed_arr, datasource_changed, fields_changed_datasource) {
-//   // check the main program
-//   if (fields_changed_datasource) {
-//     const _session = SESSION_OBJ[SESSION_ID];
-//     const _ds = _session.DS_GLB[fields_changed_datasource];
-//     const prog_doc = await func.utils.DOCS_OBJ.get(SESSION_ID, _ds.prog_id);
-//     const progDataSource_str = JSON.stringify(prog_doc.progDataSource);
-//     for (const field_id of fields_changed_arr || []) {
-//     }
-//   }
-
-//   const panels_obj = await func.UI.utils.get_panels_wrapper_from_dom(SESSION_ID, $(SESSION_OBJ[SESSION_ID].root_element), false);
-
-//   for await (const [parent_element_ui_id, panel_val] of Object.entries(panels_obj)) {
-//     const progDataSource_str = JSON.stringify(panel_val.prog_doc.progDataSource);
-
-//     var found, refresh_reason, refresh_details;
-//     if (fields_changed_arr) {
-//       if (fields_changed_datasource && panel_val._ds.dsSession <= Number(fields_changed_datasource)) {
-//         continue;
-//       }
-//       for (const field_id of fields_changed_arr) {
-//         // get panel attributes
-//         const _attributes = panel_val?.panelXuAttributes || {};
-
-//         // detect if program changed
-//         found = _attributes['xu-exp:program']?.includes('@' + field_id);
-
-//         if (found) {
-//           refresh_reason = `program ${_attributes['xu-exp:program']} ${field_id} changed `;
-//           refresh_details = _attributes;
-//           break;
-//         }
-
-//         // _attributes holds also info of parameters in code_in: @code
-//         // search field changed in panel call send parameters exp
-//         for (const [attr, value] of Object.entries(_attributes)) {
-//           const pattern = /xu-exp:(\w+)/;
-//           const match = attr.match(pattern);
-
-//           if (!match) {
-//             // continue if attribute is not expression
-//             continue;
-//           }
-//           // code_in
-//           const parameter_in_field_id = match?.[1];
-//           // @code
-//           if (value.includes(field_id)) {
-//             // search parameter in field in the target program's progDataSource
-//             found = progDataSource_str?.includes('@' + parameter_in_field_id);
-
-//             if (found) {
-//               refresh_reason = `field ${field_id} in progDataSource parameter_in changed`;
-//               refresh_details = panel_val?.prog_doc?.progDataSource;
-
-//               break;
-//             }
-
-//             // found = find_field_in_progUi(prog_doc.progUi, parameter_in_field_id, 'xu-for');
-//             found = func.UI.find_field_in_progUi_attributes(panel_val.prog_doc.progUi, parameter_in_field_id, 'xu-for').length;
-
-//             if (found) {
-//               refresh_reason = `field ${field_id} in progUi xu-for parameter_in changed`;
-//               refresh_details = found;
-
-//               break;
-//             }
-//           }
-//         }
-
-//         if (found) break;
-
-//         // search field changed in the target program's progDataSource  // @code
-//         found = progDataSource_str?.includes('@' + field_id);
-//         if (found) {
-//           refresh_reason = `field ${field_id} in progDataSource changed`;
-//           refresh_details = panel_val?.prog_doc?.progDataSource;
-
-//           break;
-//         }
-
-//         found = func.UI.find_field_in_progUi_attributes(panel_val.prog_doc.progUi, field_id, 'xu-for').length;
-//         if (found) {
-//           refresh_reason = `field ${field_id} in progUi xu-for changed`;
-//           refresh_details = found;
-
-//           break;
-//         }
-
-//         if (found) {
-//           break;
-//         }
-//       }
-//     }
-
-//     if (datasource_changed) {
-//       if (panel_val._ds.dsSession == datasource_changed) {
-//         refresh_reason = `panel datasource ${datasource_changed} changed`;
-//         refresh_details = '';
-
-//         found = true;
-//       }
-//     }
-//     if (found) {
-//       const _session = SESSION_OBJ[SESSION_ID];
-//       if (_session.engine_mode === 'live_preview') {
-//         console.info('========= refresh info ==============');
-//         console.info('reason:', refresh_reason);
-//         console.info('details:', refresh_details);
-//         console.info('panel:', panel_val);
-//         console.info('=====================================');
-//       }
-//       const $div_elm = panel_val.$panel_div;
-//       const wrapper_data = $div_elm.data();
-
-//       if (_.isEmpty(wrapper_data)) continue;
-
-//       try {
-//         const ts = Date.now();
-//         // remove old panel content
-//         $.each(panel_val.ids, async function (key, val) {
-//           $("[xu-ui-id='" + val + "']")
-//             .attr('xu-ui-id', val + ts)
-//             .removeData();
-//         });
-
-//         let refreshed_ds;
-//         // check if ds exist and deleted by garbage collector
-
-//         if (_session.DS_GLB[panel_val._ds.dsSession]) {
-//           refreshed_ds = panel_val._ds.dsSession;
-//         }
-//         for await (const item of wrapper_data.xuData.node_org.children) {
-//           if (item.tagName !== 'xu-panel') continue;
-
-//           const new_$div = await func.UI.screen.render_ui_tree(
-//             SESSION_ID,
-//             $div_elm, // the wrapper
-//             _.cloneDeep(item), // _.cloneDeep(wrapper_data.xuData.node_org.children[0]), // the xu-panel node
-//             {},
-//             wrapper_data.xuData.paramsP, // the wrapper params
-//             null,
-//             null,
-//             wrapper_data.xuData.key, // the wrapper key
-//             refreshed_ds, // the refreshed_ds
-//             wrapper_data.xuData.parent_node, // the wrapper parent node
-//             null,
-//             wrapper_data.xuData.$root_container, // the wrapper root container
-//           );
-//         }
-
-//         // remove old panel content
-//         $.each(panel_val.ids, async function (key, val) {
-//           $("[xu-ui-id='" + val + ts + "']").remove();
-//         });
-//       } catch (error) {
-//         debugger;
-//       }
-//       // continue;
-//     }
-//   }
-// };
-
 const get_params_obj_new = async function (SESSION_ID, prog_id, nodeP, dsSession) {
   const _prog = await func.utils.VIEWS_OBJ.get(SESSION_ID, prog_id);
   if (!_prog) return;
@@ -12555,7 +12210,7 @@ func.UI.screen.execute_xu_functions = async function (SESSION_ID, is_skeleton, $
       let is_dynamic_field = false;
       let field_prop;
       let bind_field_id;
-      let bind_field_exp;
+
       const input_field_type = $elm.attr('type');
 
       const get_bind_field = async function (field_id) {
@@ -12566,11 +12221,7 @@ func.UI.screen.execute_xu_functions = async function (SESSION_ID, is_skeleton, $
           field_prop = func.common.find_item_by_key(view_ret.progFields, 'field_id', field_id);
           if (!field_prop) {
             /// find the field everywhere in the chain Aug 30 2024
-            const ret_get_value = await func.datasource.get_value(
-              SESSION_ID,
-              field_id,
-              _dsP, // $elm.data().xuData.paramsP.dsSessionP
-            );
+            const ret_get_value = await func.datasource.get_value(SESSION_ID, field_id, _dsP);
 
             if (ret_get_value.found) {
               _dsP = ret_get_value.dsSessionP;
@@ -12588,38 +12239,12 @@ func.UI.screen.execute_xu_functions = async function (SESSION_ID, is_skeleton, $
         return field_id;
       };
 
-      // try {
-      //   bind_field_id = await get_bind_field(val.value);
-      //   val_is_reference_field = true;
-      // } catch (err) {
-      //   try {
-      //     if (!_.isEmpty($elm?.data()?.xuAttributes?.['xu-exp:xu-bind'])) {
-      //       bind_field_exp = $elm.data().xuAttributes['xu-exp:xu-bind'];
-      //       const res = await func.expression.get(SESSION_ID, bind_field_exp, paramsP.dsSessionP, 'UI Attr EXP');
-
-      //       if (Object.keys(res.fields).length) {
-      //         const field_id_from_exp = Object.keys(res.fields)[0];
-      //         bind_field_id = await get_bind_field(field_id_from_exp);
-      //       } else {
-      //         throw err?.message || err;
-      //       }
-      //     } else {
-      //       throw err?.message || err;
-      //     }
-      //   } catch (err) {
-      //     console.error(err?.message || err);
-      //     return {};
-      //   }
-      //   // return {};
-      // }
-
       try {
         bind_field_id = await get_bind_field(val.value.split('.')[0]);
         val_is_reference_field = true;
       } catch (err) {
         console.error(err?.message || err);
         return {};
-        // return {};
       }
 
       const field_changed = async function (e) {
@@ -12665,10 +12290,6 @@ func.UI.screen.execute_xu_functions = async function (SESSION_ID, is_skeleton, $
 
         var value = await func.common.get_cast_val(SESSION_ID, 'xu-bind', 'value', field_prop.props.fieldType, bind.getter($elm[0]));
 
-        // if (field_prop.props.fieldType === 'object' && !val_is_reference_field) {
-        //   value = bind.getter($elm[0]);
-        // }
-
         if (field_prop.props.fieldType === 'object') {
           value = await func.common.get_cast_val(SESSION_ID, 'xu-bind', 'value', input_field_type, bind.getter($elm[0]));
         }
@@ -12690,14 +12311,13 @@ func.UI.screen.execute_xu_functions = async function (SESSION_ID, is_skeleton, $
           if (reference_source_obj.ret.type === 'array') {
             if (iterate_info.iterator_val === bind_field_id) {
               const arr_idx = Number($elm?.data()?.xuData?.iterate_info._key);
-              // let new_arr = _.cloneDeep(reference_source_obj.ret.value);
+
               const dataset_arr = await func.datasource.get_value(SESSION_ID, reference_source_obj.fieldIdP, _dsP, reference_source_obj.currentRecordId);
               let new_arr = _.cloneDeep(dataset_arr.ret.value);
-              // if (field_prop.props.fieldType === 'object' && !val_is_reference_field) {
+
               if (field_prop.props.fieldType === 'object' && val_is_reference_field) {
                 let obj_item = new_arr[arr_idx];
-                // let e_exp = bind_field_exp.replace('@' + bind_field_id, 'obj_item');
-                // let new_val = eval(e_exp + `="${value}"`);
+
                 let e_exp = val.value.replace(bind_field_id, 'obj_item');
 
                 let new_val = eval(e_exp + (input_field_type === 'string' ? `="${value}"` : `=${value}`));
@@ -12715,7 +12335,7 @@ func.UI.screen.execute_xu_functions = async function (SESSION_ID, is_skeleton, $
                   },
                 },
               };
-              // await func.datasource.update(SESSION_ID, datasource_changes, null, ['radio', 'checkbox'].includes(input_field_type) ? true : false);
+
               await func.datasource.update(SESSION_ID, datasource_changes, null, true);
             }
           }
@@ -12769,7 +12389,7 @@ func.UI.screen.execute_xu_functions = async function (SESSION_ID, is_skeleton, $
       $('body').on('xu-bind-refresh.' + _ds.dsSession.toString(), () => {
         set_value();
       });
-      // $("body").trigger("xu-bind-refresh." + _ds.dsSession.toString());
+
       set_value();
       return {};
     },
@@ -14820,10 +14440,6 @@ func.UI.screen.render_ui_tree = async function (SESSION_ID, $container, nodeP, p
           function (entries) {
             entries.forEach((entry) => {
               if (entry.isIntersecting) {
-                // Element is in viewport - trigger custom event
-                // console.log('trigger>>', 'inViewport_' + $(entry.target).attr('xu-ui-id'));
-
-                // $(entry.target).trigger('inViewport_' + $(entry.target).attr('xu-ui-id'));
                 $(entry.target).trigger('inViewport');
 
                 // Optional: stop observing once triggered
@@ -14853,9 +14469,6 @@ func.UI.screen.render_ui_tree = async function (SESSION_ID, $container, nodeP, p
           },
         );
 
-        // if ($div.parent().data().xuData.viewport_elm_height) {
-        //   $div.css(height, $div.parent().data().xuData.viewport_elm_height);
-        // }
         let ui_job_id;
         $div.on('inViewport', function () {
           if ($div.children().length) {
@@ -14863,13 +14476,8 @@ func.UI.screen.render_ui_tree = async function (SESSION_ID, $container, nodeP, p
             return;
           }
 
-          // const height = $div.data().xuData.viewport_height;
-          // if (typeof height !== 'undefined') {
-          // $div.css('height', 'unset');
-          $div[0].style.removeProperty('height');
-          // }
-
           if (UI_WORKER_OBJ.cache[$div.attr('xu-ui-id')]) {
+            $div[0].style.removeProperty('height');
             $div.removeClass('skeleton');
             $div.html(UI_WORKER_OBJ.cache[$div.attr('xu-ui-id')]);
           } else {
@@ -14940,13 +14548,6 @@ func.UI.screen.refresh_document_changes_for_realtime_update = async function (SE
       try {
         // disabled in purpose to support create row
 
-        // const row_idx = func.common.find_ROWID_idx(_ds, doc_change.row_id);
-
-        // console.log(
-        //   "refresh_document_changes_for_realtime_update",
-        //   _ds.data_feed.rows[row_idx]
-        // );
-
         if (!_ds.screen_params) continue;
         if (_ds.screen_params.is_panelP) {
           func.UI.screen.refresh_screen(SESSION_ID, null, key);
@@ -14959,128 +14560,6 @@ func.UI.screen.refresh_document_changes_for_realtime_update = async function (SE
     }
   }
 };
-
-// func.UI.screen.hover_in = function (SESSION_ID, $div, $container, paramsP, is_skeleton) {
-//   if (is_skeleton || EXP_BUSY) return;
-
-//   var _session = SESSION_OBJ[SESSION_ID];
-//   var _ds = _session.DS_GLB[paramsP.dsSessionP];
-
-//   const _$ = function ($elm) {
-//     try {
-//       const id = $elm.attr('xu-ui-id');
-//       if (!id) return $elm;
-//       const $el = $(`[xu-ui-id="${id}"]`); // $("#" + id);
-
-//       if ($el.length > 1) {
-//         console.warn('Multiple elements for xu-ui-id: ' + id, $el);
-//       }
-
-//       return $($el[0]);
-//     } catch (e) {
-//       console.error(e);
-//     }
-//   };
-
-//   CLIENT_ACTIVITY_TS = Date.now();
-//   if (_$($container)?.data()?.xuData?.debug_info) _$($container).data().xuData.debug_info.hover_item = $div.attr('xu-ui-id');
-//   if (!_ds) return;
-//   ///////// SET Attributes///////////
-//   let attributes = {};
-//   $.each($div[0].attributes, function (index, attr) {
-//     attributes[attr.name] = attr.value;
-//   });
-
-//   SESSION_OBJ[SESSION_ID].DS_GLB[0].data_system.SYS_OBJ_WIN_ELEMENT_HOVERED_ATTRIBUTES = attributes;
-//   //////////////////////////////////
-//   if (!$div.data()?.xuData) return;
-//   const _iterate_info = $div.data().xuData.iterate_info;
-//   if (_iterate_info) {
-//     if (_iterate_info.is_key_dynamic_field) {
-//       _ds.dynamic_fields[_iterate_info.iterator_key].value = _iterate_info._key;
-//     } else {
-//       try {
-//         const row_idx = func.common.find_ROWID_idx(_ds, _ds.currentRecordId);
-//         _ds.data_feed.rows[row_idx][_iterate_info.iterator_key] = _iterate_info._key;
-//       } catch (err) {
-//         console.error(err);
-//       }
-//     }
-
-//     if (_iterate_info.is_val_dynamic_field) {
-//       _ds.dynamic_fields[_iterate_info.iterator_val].value = _iterate_info._val;
-//     } else {
-//       try {
-//         const row_idx = func.common.find_ROWID_idx(_ds, _ds.currentRecordId);
-//         _ds.data_feed.rows[row_idx][_iterate_info.iterator_val] = _iterate_info._val;
-//       } catch (err) {
-//         console.error(err);
-//       }
-//     }
-//   }
-
-//   if ($div && _$($div) && _ds && paramsP.renderType === 'grid') {
-//     func.UI.worker.add_to_queue(SESSION_ID, 'gui event', 'update_datasource', { currentRecordId: _$($div).data().xuData.currentRecordId }, null, null, paramsP.dsSessionP);
-//   }
-
-//   const set_value = function (field_id, value) {
-//     var currentRecordId = _$($div).data().xuData.currentRecordId;
-
-//     func.UI.worker.add_to_queue(
-//       SESSION_ID,
-//       'gui event',
-//       'update_datasource',
-//       {
-//         currentRecordId,
-//         field_id,
-//         field_value: value,
-//       },
-//       null,
-//       null,
-//       paramsP.dsSessionP,
-//     );
-//   };
-
-//   if ($div?.data()?.iterate_info) {
-//     var data = $div.data().xuData.iterate_info;
-//     if (data.iterator_key) {
-//       set_value(data.iterator_key, data._key);
-//     }
-//     if (data.iterator_val) {
-//       set_value(data.iterator_val, data._val);
-//     }
-//   }
-// };
-// func.UI.screen.hover_out = function (SESSION_ID, $container, is_skeleton, paramsP) {
-//   if (is_skeleton || EXP_BUSY) return;
-
-//   var _session = SESSION_OBJ[SESSION_ID];
-//   var _ds = _session.DS_GLB[paramsP.dsSessionP];
-
-//   const _$ = function ($elm) {
-//     try {
-//       const id = $elm.attr('xu-ui-id');
-//       if (!id) return $elm;
-//       const $el = $(`[xu-ui-id="${id}"]`); // $("#" + id);
-
-//       if ($el.length > 1) {
-//         console.warn('Multiple elements for xu-ui-id: ' + id, $el);
-//       }
-
-//       return $($el[0]);
-//     } catch (e) {
-//       console.error(e);
-//     }
-//   };
-
-//   CLIENT_ACTIVITY_TS = Date.now();
-//   if (_$($container)?.data()?.xuData?.debug_info) {
-//     _$($container).data().xuData.debug_info.hover_item = null;
-//   }
-//   if (_ds?.data_system) {
-//     SESSION_OBJ[SESSION_ID].DS_GLB[0].data_system.SYS_OBJ_WIN_ELEMENT_HOVERED_ATTRIBUTES = {};
-//   }
-// };
  func.UI.component = {};
 
 func.UI.component.create_app_modal_component = function (
@@ -16958,7 +16437,7 @@ func.index.init_document_listeners = function () {
       set_idle(0);
     }
 
-    if (_session.engine_mode === 'live_preview' || !_session.opt.enable_user_monitor) {
+    if (_session.engine_mode === 'live_preview' || !_session.opt.enable_user_assist) {
       return;
     }