##  **New Features**

### Highlights on Plateau Studio
- **60% faster application startup:** Plateau Studio now launches significantly faster, offering a smoother experience from the moment you open the app.

- **Refresh App Models:** You can now refresh all models at once by clicking the **Reload Cache** button in the Explorer. This ensures you're always working with the most up-to-date data across your app.
<img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v3.0.29/App_ReloadCache.png" width="640" />

- **Enhanced cache reliability:** Resolved issues where up-to-date data was not always visible due to caching problems. Data is now consistently retrieved and displayed as expected.

### Features on UI

- Introduced the **InfiniteScroll** component for dynamic loading of items during scrolling. Dynamically load and display items as the user scrolls down, improving performance and user experience for large datasets.
<img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v3.0.29/infiniteScroll.gif" width="640" />

- In the **DocumentViewer** component, displaying and downloading **.tiff/.tif** files using **base64String, ArrayBuffer, or URL** data has been enabled.
<img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v3.0.29/DocumentViewer_tiff.png" width="640" />

- **bookType** parameter now added to **exportToXlsx()** method to export your specific data to **Comma-Separated-Values(CSV)** file. For more detailed information, click <a href="https://docs.onplateau.com/UI-Screens/Logic/exporting-data#how-to-export-to-xlsx-and-csv" target="_blank">See More</a>.

> quick.Quick.exportToXlsx({fileName: string, bookType?: "xlsx" \| "csv", items: Array, headers: Array, sheetName?: string})

> bookType: "xlsx" | "csv" -> Type of generated workbook. It is optional. If it is not set, its default value is "xlsx".

- **xlsxToJson()** method added to convert Excel and CSV file data into an array of JSON objects. For more detailed information, click <a href="https://docs.onplateau.com/UI-Screens/Logic/exporting-data#how-to-convert-excel-and-csv-file-data-into-an-array-of-json-objects" target="_blank">See More</a>.

> quick.Quick.xlsxToJson(excelToJsonData: IExcelToJsonData) : IExcelJsonData[]

- The popup opened with the **columnChooser** property used in the **DxDatagrid** component remained open during tab transitions, this issue fixed.
<img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v3.0.29/columnchooserclickoutside.gif" width="640" />

- In **input components that open menus** on pages in the **NAR** environment, the menu was scrolling down by the size of a div element in the shell. To prevent this, **initializePositioning** and **cleanupPositioning** methods added.
* Focus event: `quick.Quick.initializePositioning('quickComponentId','narDivId')`
* Blur event: `quick.Quick.cleanupPositioning('quickComponentId')`

- Added **Text Align** style prop to the **TextField component**. You can set the text alignment to **Left-Right-Center-Justify**.
<img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v3.0.29/TextAlign_StyleProp.png" />

- Added **Error Message** style prop to the **InlineDatePicker** component.
<img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v3.0.29/InlineDatePicker_ErrorMessage_StyleProp.png" />

- **Error style** adjustments have been made for **input components**. (Checkbox, Autocomplete, RadioGroup, Textarea, TextField, FileInput, Select, Combobox, InlineDatepicker)

- Added **style values** that are effective with the **disabled prop**.
<img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v3.0.29/disabledfeture.gif" width="640" />

### Features on Plateau Mobile

- **Validation** has been enabled for **input components** that have rules value **on mobile**. ( Checkbox, Combobox, Textarea, RangeSlider, Autocomplete, FileInput, OverflowBtn, RadioGroup, StepperStep, InlineDatepicker, InlineTimePicker )

### Features on Workflow

- To make multi-selection of steps easier, users can now hold down **Ctrl (Windows)** or **Command (Mac)** to select multiple steps at once.
<img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-workflow/release-notes/v3.0.29/select.gif" width="640" />

##  **Bug Fixes**

### Fixes on Plateau Studio

- Fixed an issue where the **Save button** appeared disabled even when pages could not be saved.
- Fixed an issue where **modified pages** were not restored and remained closed after a browser refresh.

### Fixes on UI

- Fixed the **height** issue of the **TreeView component** in **UI Editor** when switching between tabs.

- Resolved the issue preventing **Tutorial component** from working inside **BlockComponent**.

- The **label shifting** problem of **InlineDatePicker and InlineTimePicker components** on pages that closed and reopened in the **Nar** environment resolved.

### Fixes on Style Editor & Component Styles

- The problem of style values not coming in the **Col** component added with the **Add Column** button in the **Row** component settings resolved.

### Fixes on Workflow

- **Flow connection lines lacked visual indication** for **selection and hover states**. This has been addressed by implementing a **style update** where the lines now **render in black when hovered or actively selected**, improving **UI clarity** and **user interaction feedback**.

- **SLA values could only be set to 0** after being defined, and **could not be deleted**. A fix has been implemented to allow **proper deletion of SLA entries**.

- Script box's components style updated. A **tooltip** has been added that shows the **path** and **name** of the model id added into the script.
<img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v3.0.29/flowScriptBox_modelId_tooltip.png" width="640" />

- Fixed an issue where connections were not copied when steps were duplicated.