##  **New Features**
### Features on Plateau Studio
- **Styled Components**, which were previously limited to app-specific usage, can now be moved into a **module** and imported into other applications.
This enables:
- Reusable design components across multiple apps
- Centralized styling management
- Consistent UI behavior and appearance across projects
With this enhancement, Styled Components can now be treated as **shared building blocks** and reused throughout the platform.
<img src="https://stechq.github.io/cdn\release/notes/plateau-studio/plateau-web/release-notes/v3.1.5/shareStyledComponent.gif" />
- A new **Active switch** has been added to Tags. When the switch is **turned off**, the Tag becomes **inactive** and is **hidden from the UI**, while all previously entered data **remains stored in the database**. When the switch is **turned back on**, the Tag becomes **visible again** and the user can **see the previously entered data**.
- When a module is **imported** and opened, an icon is added to indicate that it is an **imported module**. If the module is versioned, the page is displayed in **readonly** to clearly indicate that it cannot be modified.
<img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v3.1.5/importedModuleReadonlyAndIcon.png" />
- **Enhanced Model Search**
- Users can now search models by their **IDs** in addition to their **names**.
- This improvement makes it easier to quickly locate specific models, especially in environments with a large number of similarly named models.
<img src="https://stechq.github.io/cdn\release\notes\plateau-studio\plateau-web\release-notes\v3.1.5\SearchInAppByModelId.gif" />
### Features on UI
- **Readonly** and **Disabled** properties have been added to the **Block Component**. When a Block Component is configured as a page-level structure and dragged onto a page, setting the Readonly or Disabled property ensures that **all child components** behave accordingly. This enables the creation of in-page readonly or disabled page layouts while preserving the existing structure and data.
<img src="https://stechq.github.io/cdn\release\notes\plateau-studio\plateau-web\release-notes\v3.1.5\BlockCompReadonyDisabled.gif" />
- **Style Position Component and z-index** is added for **Container** Component.
- Enabled interaction with **Dialog Component** using **Edit Component** Button even when Editor is read-only mode.
- Added **linear-gradient** support to the **Theme ColorPicker**, allowing users to select gradient backgrounds in addition to solid colors. This update increases flexibility when customizing theme colors.
- The **component color selection** has been updated to show **when a color is chosen from the theme**. Previously, theme colors looked the same as manually selected colors. With this UI/UX update, it is now clear whether a component is using a **theme color or a custom color**.
<img src="https://stechq.github.io/cdn\release\notes\plateau-studio\plateau-web\release-notes\v3.1.5\colorpicker-theme.png" />
- User input experience has been improved by adding country code (prefix) support to **IBAN** and **Turkish IBAN** fields for **Textfield** or **TextArea**; when a prefix is defined, the country code is automatically displayed during input.
### Features on Workflow
- **User Management Screen for Live Dashboard**
* A new user management screen has been added to the Live Dashboard, through which user-related operations can be managed more effectively.
* With this screen, it becomes possible to :
* Create new users
* Update existing users (name, department, roles, swimlanes)
* Delete users
* Search users by name, department, role, or swimlane
- A new DataSet editor has been added, allowing users to define reusable items that can be referenced as types in other editors.
<img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v3.1.5/dataSet-editor.png" />
* DataSet type information can also be accessed at runtime in function editor using the flow.getDataSet method via "ADD" button on script box.
```javascript=
/********* AUTO GENERATED LINE *********/
const getprocessStatus = await flow.getDataSet<ProcessStatus>("<<dataSet:4oi13lra-7vc4-mbz2-nhqk-fyp0mj2uirq9>>");
/********* AUTO GENERATED LINE *********/
```
<img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v3.1.5/dataSetRunTime.gif" />
- **Endpoint Editor** and **Backend Function Editor** have been added to Studio. This marks the first step toward enabling users to create and manage their own backend logic directly within the platform.
<img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v3.1.5/endpointeditor.gif" />
- Live Preview and Live Dashboard menus have been merged into a single, unified menu. The available options are now dynamically generated based on the selected organization and application, ensuring the menu is always aligned with the user’s context. The **Model Deploy** action has also been moved under this unified menu for easier access.
<img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v3.1.5/livepreview.png" />
- Swagger Generation
API documentation for models created with the new **Endpoint Editor** is now available via Swagger.
You can access API documentation of the ednpotin models from within the relevant app by navigating through Preview → Endpoint.
- IntelliSense support is now available for the selected data instance in UI editor events.
<img src="https://stechq.github.io/cdn/release/notes/plateau-studio/plateau-web/release-notes/v3.1.5/dataInstance-intelli.gif" />
- Added a new feature called “Decision Option” to the Decision component.
Previously, only Decision Tree was supported; with this enhancement, two additional decision types have been introduced. Users can now define decision steps using three different options:
* **Expression Decision:** Enables making decisions through simple and direct logical expressions.
* **Decision Table:** Allows systematic evaluation of multiple conditions using a table-based structure.
* **Decision Tree (Existing feature):** Supports hierarchical decision flows and helps manage multi-step decision scenarios.
In addition, with this update, related cases can now be modified and managed much more easily through connections.
##  **Bug Fixes**
### Fixes on Plateau Studio
- A bug causing Find all references to omit CSS file references has been fixed.
### Fixes on UI
- A bug causing iam v26 token requests to hit the wrong endpoint has been fixed for AOF(Always On Finance).
- Added model search for Endpoint Models and Backend Functions.
- The **Overlay Opacity** value, which removed from the **style tab** in the **BottomSheet** component, is now displayed in the style tab if value exists in the qjson.
- Fixed an issue in the **DocumentViewer** component where the `scrollEnd` event was incorrectly triggered multiple times during mouse wheel scrolling. The event now triggers **only once** when reaching the bottom of the document.
- Improved the Theme Font screen by fixing font list overflow in the combobox, correcting the font weight selection issue where 400 was applied as 600, and ensuring full UI synchronization of selected font and weight values.
- Resolved scaling and layout issues where TIFF documents did not respect width and height values across different container sizes, and fixed PDF height handling to prevent content from overflowing its container for QDcoumentViewer
- `quick.Quick.host.trigger` is now **deprecated**.
Use **[Container Configuration](https://docs.onplateau.com/UI-Screens/UI-Settings/container-configuration)** via `quick.container` instead.
This usage is planned to be removed in a future release.
- Fixed an issue where **Container icon** were not displayed in the **Studio Explorer**.
- Announcement areas have been updated to support basic HTML formatting (such as bold text, links, etc.).
- Introduces a new **shadowDomOptions** property to PlateauUIOptions which is used as parameter to websdk.init method. This allows control over style removal behavior via the **removeStyles** option, providing more flexibility for shadow DOM style handling.
```ts
IPlateauUIOptions {
corsEnabled?: boolean;
disableLP?: boolean;
iamWithPopup?: boolean;
iamInPopup?: boolean;
iam?: string | IRequestData | Promise<ISettingsIAM>;
settings: string | IRequestData | ISettings | Promise<ISettings> | ISettingsExtended;
asset?: string | IRequestData | ISettings | Promise<IAssetList>;
shadowDomOptions?: {
removeStyles?: boolean;
}; // ! Newly added
}
websdk.init(plateauOptions)
```
- Starting with this version, the **DxDataGrid** component has been **disabled for use on newly** created pages. You may continue to use it on pages that were created earlier.
- Adds proper cleanup for event listeners and object URLs in **Block Component, DocumentViewer, Frame, LightBox, and Otp** components to prevent *memory leaks* and unintended side effects.
### Fixes on Workflow
- In the REST service editor:
- The issue where the address preview was not updated even after the host key was changed has been resolved.
- The issue where inputs were not displayed in the store picker when the parameter type was set to “input” in query fields has been fixed.
- The error message was corrected when an error occurred after the REST API call.
Sign in with Wallet
Connect another wallet