@useinsider/guido 2.1.0-beta.42f5dfa → 2.1.0-beta.486ee9c

package/dist/src/extensions/Blocks/Recommendation/controls/spacing/index.d.ts

@@ -5,16 +5,20 @@
  * - Column spacing: horizontal gap between cards in the same row
  * - Row spacing: vertical gap between different rows
  *
+ * Desktop and mobile have independent spacing controls that toggle
+ * visibility based on Stripo's editor preview mode (desktop/mobile).
+ *
  * Configuration is stored via node config (persists with template).
  * Actual spacing is applied to DOM elements via inline styles.
  */
-import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+import { type ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
 import { CommonControl } from '../../../common-control';
 export declare const SPACING_CONTROL_ID = "recommendation-spacing-control";
 /**
  * Control for managing spacing between product cards
  * - Column spacing: horizontal gap between cards in the same row
  * - Row spacing: vertical gap between different rows
+ * - Separate controls for desktop and mobile with device-mode toggling
  */
 export declare class SpacingControl extends CommonControl {
     private store;
@@ -25,17 +29,28 @@ export declare class SpacingControl extends CommonControl {
     onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
     onDestroy(): void;
     /**
-     * Updates column spacing visibility based on layout orientation
-     * Column spacing is hidden for list layout (products are stacked vertically)
-     * Reads from node config first, falls back to store then DOM
+     * Checks if the editor is currently in mobile preview mode
+     * using Stripo's EditorStatePropertyType API.
+     */
+    _isMobileMode(): boolean;
+    /**
+     * Updates spacing control visibility based on layout orientation, editor mode,
+     * and products-per-row count.
+     * - List layout: hide column spacing (products are full-width), hide ALL mobile
+     *   spacing controls (list is responsive — single row spacing applies to both views)
+     * - Desktop mode: show desktop spacing, hide mobile spacing
+     * - Mobile mode: show mobile spacing, hide desktop spacing
+     * - 1 product per row: hide column spacing (no gap between single column)
      */
-    _updateColumnSpacingVisibility(): void;
+    _updateSpacingVisibility(): void;
     /**
-     * Reads spacing values from node config first, falls back to DOM styles
+     * Reads spacing values from node config first, falls back to DOM styles.
+     * DOM fallback is only used for legacy templates that lack node config.
      */
     _setFormValues(): void;
     /**
      * Gets stored column spacing from the first attribute row cell's padding.
+     * Scoped to the desktop container for accurate readings.
      * For grid layout: cells inside .recommendation-attribute-row have padding applied.
      * For list layout: the parent of .product-card-wrapper has the padding.
      * The padding is applied as "0 {halfSpacing}px", so we extract and multiply by 2.
@@ -43,27 +58,33 @@ export declare class SpacingControl extends CommonControl {
     _getStoredColumnSpacing(): number;
     /**
      * Gets stored row spacing from the first spacer element's height style
+     * Scoped to the desktop container for accurate readings.
      */
     _getStoredRowSpacing(): number;
     /**
-     * Handles column spacing changes.
-     * For grid layout: applies horizontal padding to all cells inside attribute rows.
-     * For list layout: applies padding to parent of product card wrappers.
+     * Handles column spacing changes for desktop.
+     * Applies horizontal padding only to the desktop container elements.
      */
     _onColumnSpacingChange(spacing: number): void;
     /**
-     * Handles row spacing changes
-     * Applies height to all spacer elements between product rows
+     * Handles row spacing changes for desktop.
+     * Applies height only to spacer elements in the desktop container.
      */
     _onRowSpacingChange(spacing: number): void;
     /**
-     * Stores column spacing value in block data attribute
+     * Handles column spacing changes for mobile.
+     * Applies horizontal padding only to the mobile container elements.
      */
-    _storeColumnSpacing(spacing: number): void;
+    _onMobileColumnSpacingChange(spacing: number): void;
     /**
-     * Stores row spacing value in block data attribute
+     * Handles row spacing changes for mobile.
+     * Applies height only to spacer elements in the mobile container.
      */
-    _storeRowSpacing(spacing: number): void;
+    _onMobileRowSpacingChange(spacing: number): void;
+    /**
+     * Stores a spacing value as a data attribute on the block root element
+     */
+    _storeDataAttribute(attr: string, spacing: number): void;
     _listenToFormUpdates(): void;
     /**
      * Debounced version of _onColumnSpacingChange
@@ -72,12 +93,24 @@ export declare class SpacingControl extends CommonControl {
     _debouncedOnColumnSpacingChange: import("@vueuse/shared").PromisifyFn<(spacing: number) => void>;
     /**
      * Debounced version of _onRowSpacingChange
-     * Prevents excessive DOM updates when user rapidly adjusts the counter
      */
     _debouncedOnRowSpacingChange: import("@vueuse/shared").PromisifyFn<(spacing: number) => void>;
+    /**
+     * Debounced version of _onMobileColumnSpacingChange
+     */
+    _debouncedOnMobileColumnSpacingChange: import("@vueuse/shared").PromisifyFn<(spacing: number) => void>;
+    /**
+     * Debounced version of _onMobileRowSpacingChange
+     */
+    _debouncedOnMobileRowSpacingChange: import("@vueuse/shared").PromisifyFn<(spacing: number) => void>;
     /**
      * Subscribe to store orientation changes
-     * Updates column spacing visibility when layout changes via the layout control
+     * Updates spacing visibility when layout changes via the layout control
      */
     _subscribeToOrientationChanges(): void;
+    /**
+     * Subscribes to editor preview mode changes via Stripo API.
+     * Toggles which spacing controls (desktop/mobile) are visible.
+     */
+    _subscribeToEditorModeChanges(): void;
 }

package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts

@@ -29,6 +29,10 @@ interface PerBlockState {
     filterStatus: boolean;
     filterSelectionDrawerStatus: boolean;
     filterGroup: number;
+    /** Whether initial API data (filters, algorithms, products) has been fetched for this block */
+    isInitialized: boolean;
+    /** Snapshot of filters taken when the drawer opens, used to revert on cancel */
+    filterSnapshot: Filter[] | null;
 }
 interface StoreState {
     recommendationCampaignUrls: Record<string, string>;
@@ -123,7 +127,9 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
         configVersion: number;
     } & import("pinia").PiniaCustomStateProperties<StoreState>): number;
     hasFilters(): boolean;
+    hasValidFilters(): boolean;
     getFilterGroupCount(): number;
+    getUniqueFilterGroups(): number[];
     getActivePredictiveAlgorithms: (state: {
         recommendationCampaignUrls: Record<string, string>;
         activePredictiveAlgorithms: number[];
@@ -189,6 +195,11 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
      * Resets currentRecommendationId if it was the deleted block.
      */
     removeBlockState(id: number): void;
+    /**
+     * Marks a block as initialized (initial API data has been fetched).
+     * Automatically cleaned up when removeBlockState deletes the block entry.
+     */
+    markBlockInitialized(id: number): void;
     /**
      * Patches the current block's recommendationConfigs.
      * Replaces `store.$patch({ recommendationConfigs: { ... } })` pattern.
@@ -196,23 +207,36 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
     patchCurrentBlockConfig(updates: Partial<PerBlockConfigs>, options?: {
         triggerRefetch?: boolean;
     }): void;
+    /**
+     * Creates a filter with the first available attribute and operator pre-selected.
+     */
+    createDefaultFilter(filterGroup: number, filterNumber: number): Filter;
     /**
      * Opens the filter selection drawer for the current block.
-     * If no filters exist, initializes with a default empty filter
+     * Saves a snapshot of current filters for cancel/revert.
+     * If no filters exist, initializes with a default filter
      * so the user has a starting point for input.
      */
     openFilterDrawer(): void;
     /**
-     * Closes the filter selection drawer for the current block
+     * Closes the filter selection drawer for the current block.
+     * Called after successful apply — discards the snapshot.
      */
     closeFilterDrawer(): void;
+    /**
+     * Cancels the filter selection drawer and reverts filters
+     * to the snapshot taken when the drawer was opened.
+     */
+    cancelFilterDrawer(): void;
     fetchRecommendationCreateData(): Promise<void>;
     fetchRecommendationFilters(): Promise<void>;
     addFilterGroup(filterGroup: number): void;
+    deleteFilterGroup(groupId: number): void;
     updateFilter(updatedFilter: Filter): void;
     deleteFilter(filter: Filter): void;
     addFilter(filter: Filter): void;
     generateFilterQuery(): string;
     fetchRecommendationProducts(): Promise<void>;
+    _doFetchProducts(): Promise<void>;
 }>;
 export {};

package/dist/src/extensions/Blocks/Recommendation/templates/grid/migration.d.ts

@@ -1,6 +1,6 @@
 import type { RecommendationProduct } from '@@/Types/recommendation';
 import { DEFAULTS, getDefaultProducts, DEFAULT_CARD_COMPOSITION, DEFAULT_CARD_VISIBILITY } from '../utils';
-declare const migrationTemplate = "\n    <td\n        align=\"left\"\n        esd-extension-block-id=\"recommendation-block\"\n        esd-handler-name=\"esd-extension-RecommendationBlock\"\n        class=\"ins-recommendation-v3-block-v2 esd-block-recommendation-v3-block esd-extension-block es-p20\"\n    >\n        <table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n            <tr>\n                <td align=\"center\">\n                    <table\n                        class=\"container\"\n                        width=\"100%\"\n                        cellpadding=\"0\"\n                        cellspacing=\"0\"\n                        border=\"0\">\n                        <tbody>\n                            <tr>\n                                <td>\n                                    <table\n                                        width=\"100%\"\n                                        cellpadding=\"0\"\n                                        cellspacing=\"0\"\n                                        border=\"0\">\n                                        <tbody>\n                                            <tr>\n                                                {-{-TITLE-}-}\n                                            </tr>\n                                        </tbody>\n                                    </table>\n                                </td>\n                            </tr>\n                            <tr>\n                                <td class=\"spacer\" style=\"height: 20px;\"></td>\n                            </tr>\n                            <tr>\n                                <td>\n                                    <table\n                                        class=\"ins-recommendation-product-container\"\n                                        width=\"100%\"\n                                        cellpadding=\"0\"\n                                        cellspacing=\"0\"\n                                        border=\"0\"\n                                    >\n                                        {-{-PRODUCT_ROWS-}-}\n                                    </table>\n                                </td>\n                            </tr>\n                        </tbody>\n                    </table>\n                </td>\n            </tr>\n        </table>\n    </td>\n";
+declare const migrationTemplate = "\n    <td\n        align=\"left\"\n        esd-extension-block-id=\"recommendation-block\"\n        esd-handler-name=\"esd-extension-RecommendationBlock\"\n        class=\"recommendation-block-v2 esd-block-recommendation-v3-block esd-extension-block es-p20\"\n    >\n        <table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n            <tr>\n                <td align=\"center\">\n                    <table\n                        class=\"container\"\n                        width=\"100%\"\n                        cellpadding=\"0\"\n                        cellspacing=\"0\"\n                        border=\"0\">\n                        <tbody>\n                            <tr>\n                                <td>\n                                    <table\n                                        width=\"100%\"\n                                        cellpadding=\"0\"\n                                        cellspacing=\"0\"\n                                        border=\"0\">\n                                        <tbody>\n                                            <tr>\n                                                {-{-TITLE-}-}\n                                            </tr>\n                                        </tbody>\n                                    </table>\n                                </td>\n                            </tr>\n                            <tr>\n                                <td class=\"spacer\" style=\"height: 20px;\"></td>\n                            </tr>\n                            <tr>\n                                <td>\n                                    <table\n                                        class=\"ins-recommendation-product-container\"\n                                        width=\"100%\"\n                                        cellpadding=\"0\"\n                                        cellspacing=\"0\"\n                                        border=\"0\"\n                                    >\n                                        {-{-PRODUCT_ROWS-}-}\n                                    </table>\n                                </td>\n                            </tr>\n                        </tbody>\n                    </table>\n                </td>\n            </tr>\n        </table>\n    </td>\n";
 /**
  * Prepares migration product rows with attribute-aligned structure.
  * @param products - Array of products to display

package/dist/src/extensions/Blocks/Recommendation/templates/grid/template.d.ts

@@ -30,4 +30,4 @@ export declare function prepareGridProductRows(products: RecommendationProduct[]
  */
 export declare function prepareProductRows(products: RecommendationProduct[], productsPerRow: number, composition?: string[]): string;
 export declare function getDefaultTemplate(recommendationId?: number): string;
-export declare function generateBlockTemplate(products: RecommendationProduct[], productsPerRow: number, title?: string, composition?: string[]): string;
+export declare function generateBlockTemplate(products: RecommendationProduct[], productsPerRow: number, title?: string, composition?: string[], mobileProductsPerRow?: number): string;

package/dist/src/extensions/Blocks/Recommendation/templates/index.d.ts

@@ -24,12 +24,16 @@ export { DEFAULTS, DEFAULT_CARD_COMPOSITION, DEFAULT_CARD_VISIBILITY, getDefault
 export declare function prepareProductRows(products: RecommendationProduct[], layout: Orientation, options?: PrepareProductRowsOptions): string;
 /**
  * Generates the default template for a given layout.
+ * Grid layout includes both desktop and mobile product containers.
+ * List layout only populates the desktop container (list rows are responsive).
  * @param layout - The layout orientation ('list' or 'grid')
  * @returns Complete HTML template with default products
  */
 export declare function getDefaultTemplate(layout?: Orientation): string;
 /**
  * Generates a complete block template with custom products.
+ * Grid layout includes both desktop and mobile product containers.
+ * List layout only populates the desktop container (list rows are responsive).
  * @param products - Array of products to display
  * @param layout - The layout orientation ('list' or 'grid')
  * @param title - Title for the block

package/dist/src/extensions/Blocks/Recommendation/templates/list/migration.d.ts

@@ -4,7 +4,7 @@ import { DEFAULTS, getDefaultProducts } from '../utils';
  * Migration template for list layout
  * Used when migrating old recommendation blocks to list format
  */
-declare const migrationTemplate = "\n    <td\n        align=\"left\"\n        esd-extension-block-id=\"recommendation-block\"\n        esd-handler-name=\"esd-extension-RecommendationBlock\"\n        class=\"ins-recommendation-v3-block-v2 esd-block-recommendation-v3-block esd-extension-block es-p20\"\n        data-layout=\"list\"\n    >\n        <table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n            <tr>\n                <td align=\"center\">\n                    <table\n                        class=\"container\"\n                        width=\"100%\"\n                        cellpadding=\"0\"\n                        cellspacing=\"0\"\n                        border=\"0\">\n                        <tbody>\n                            <tr>\n                                <td>\n                                    <table\n                                        width=\"100%\"\n                                        cellpadding=\"0\"\n                                        cellspacing=\"0\"\n                                        border=\"0\">\n                                        <tbody>\n                                            <tr>\n                                                {-{-TITLE-}-}\n                                            </tr>\n                                        </tbody>\n                                    </table>\n                                </td>\n                            </tr>\n                            <tr>\n                                <td class=\"spacer\" style=\"height: 20px;\"></td>\n                            </tr>\n                            <tr>\n                                <td>\n                                    <table\n                                        class=\"ins-recommendation-product-container\"\n                                        width=\"100%\"\n                                        cellpadding=\"0\"\n                                        cellspacing=\"0\"\n                                        border=\"0\"\n                                    >\n                                        {-{-PRODUCT_ROWS-}-}\n                                    </table>\n                                </td>\n                            </tr>\n                        </tbody>\n                    </table>\n                </td>\n            </tr>\n        </table>\n    </td>\n";
+declare const migrationTemplate = "\n    <td\n        align=\"left\"\n        esd-extension-block-id=\"recommendation-block\"\n        esd-handler-name=\"esd-extension-RecommendationBlock\"\n        class=\"recommendation-block-v2 esd-block-recommendation-v3-block\n            esd-extension-block es-p20 es-m-p0 ins-recommendation-list-layout\"\n        data-layout=\"list\"\n    >\n        <table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n            <tr>\n                <td align=\"center\">\n                    <table\n                        class=\"container\"\n                        width=\"100%\"\n                        cellpadding=\"0\"\n                        cellspacing=\"0\"\n                        border=\"0\">\n                        <tbody>\n                            <tr>\n                                <td>\n                                    <table\n                                        width=\"100%\"\n                                        cellpadding=\"0\"\n                                        cellspacing=\"0\"\n                                        border=\"0\">\n                                        <tbody>\n                                            <tr>\n                                                {-{-TITLE-}-}\n                                            </tr>\n                                        </tbody>\n                                    </table>\n                                </td>\n                            </tr>\n                            <tr>\n                                <td class=\"spacer\" style=\"height: 20px;\"></td>\n                            </tr>\n                            <tr>\n                                <td>\n                                    <table\n                                        class=\"ins-recommendation-product-container\"\n                                        width=\"100%\"\n                                        cellpadding=\"0\"\n                                        cellspacing=\"0\"\n                                        border=\"0\"\n                                    >\n                                        {-{-PRODUCT_ROWS-}-}\n                                    </table>\n                                </td>\n                            </tr>\n                        </tbody>\n                    </table>\n                </td>\n            </tr>\n        </table>\n    </td>\n";
 export declare function getMigrationTemplate(): string;
 /**
  * Generates a custom list migration template with specified products

package/dist/src/extensions/Blocks/Recommendation/templates/utils.d.ts

@@ -7,6 +7,8 @@ export type Orientation = 'list' | 'grid';
 export interface PrepareProductRowsOptions {
     /** Number of products per row (only for grid layout, defaults to 3) */
     productsPerRow?: number;
+    /** Number of products per row on mobile (only for grid layout, defaults to 1) */
+    mobileProductsPerRow?: number;
     /** Array defining order of card elements */
     composition?: string[];
 }
@@ -44,14 +46,21 @@ export declare const PLACEHOLDER_IMAGE = "https://email-static.useinsider.com/st
  * @returns Sanitized HTTPS URL or placeholder
  */
 export declare function sanitizeImageUrl(url: string | undefined | null): string;
-export declare function getDefaultProducts(): RecommendationProduct[];
+export declare function getDefaultProducts(count?: number): RecommendationProduct[];
 /**
  * Creates the block template wrapper HTML for recommendation blocks.
- * The template includes title placeholder and product container.
+ * The template includes title placeholder and both desktop/mobile product containers.
+ *
+ * The dual-container approach generates two `ins-recommendation-product-container` tables:
+ * - Desktop container: visible by default, hidden on mobile via CSS media query
+ * - Mobile container: hidden by default (`display: none`), shown on mobile
+ *
+ * Both share the `.ins-recommendation-product-container` class so existing selectors
+ * (spacing, background color, compiler rules) apply automatically to both.
  * @param layout - The layout orientation ('list' or 'grid')
  * @param instanceClass - Optional instance-specific class (e.g., 'ins-recommendation-v3-block-1')
  *   for CSS scoping per block instance. Must be included in the initial template HTML because
  *   Stripo's Angular rendering manages the class attribute and overwrites dynamic setAttribute changes.
- * @returns HTML template string with {-{-TITLE-}-} and {-{-PRODUCT_ROWS-}-} placeholders
+ * @returns HTML template string with {-{-TITLE-}-}, {-{-PRODUCT_ROWS-}-}, and {-{-MOBILE_PRODUCT_ROWS-}-} (grid only) placeholders
  */
 export declare function createBlockTemplate(layout?: Orientation, instanceClass?: string): string;

package/dist/src/extensions/Blocks/Recommendation/types/nodeConfig.d.ts

@@ -92,6 +92,12 @@ export interface RecommendationNodeConfig {
      * Number of products per row (grid layout only)
      */
     cardsInRow: number;
+    /**
+     * Number of products per row on mobile (grid layout only)
+     * Only applicable when layout is 'grid'
+     * @default 1
+     */
+    mobileCardsInRow: number;
     /**
      * Horizontal spacing between product cards in pixels (grid layout only)
      */
@@ -100,6 +106,14 @@ export interface RecommendationNodeConfig {
      * Vertical spacing between product rows in pixels
      */
     rowSpacing: number;
+    /**
+     * Horizontal spacing between product cards on mobile in pixels (grid layout only)
+     */
+    mobileColumnSpacing: number;
+    /**
+     * Vertical spacing between product rows on mobile in pixels
+     */
+    mobileRowSpacing: number;
     /**
      * Order of card elements from top to bottom
      * Array of ATTR_PRODUCT_* constants

package/dist/src/extensions/Blocks/Recommendation/validation/filterSchema.d.ts

@@ -0,0 +1,15 @@
+import type { Filter } from '@@/Types/recommendation';
+import * as v from 'valibot';
+export declare const FilterSchema: v.ObjectSchema<{
+    readonly type: v.SchemaWithPipe<readonly [v.StringSchema<undefined>, v.MinLengthAction<string, 1, undefined>]>;
+    readonly attribute: v.SchemaWithPipe<readonly [v.StringSchema<undefined>, v.MinLengthAction<string, 1, undefined>]>;
+    readonly operator: v.SchemaWithPipe<readonly [v.StringSchema<undefined>, v.MinLengthAction<string, 1, undefined>]>;
+    readonly innerGroupOperator: v.SchemaWithPipe<readonly [v.StringSchema<undefined>, v.MinLengthAction<string, 1, undefined>]>;
+    readonly outerGroupOperator: v.SchemaWithPipe<readonly [v.StringSchema<undefined>, v.MinLengthAction<string, 1, undefined>]>;
+    readonly value: v.SchemaWithPipe<readonly [v.StringSchema<undefined>, v.MinLengthAction<string, 1, undefined>]>;
+    readonly filterGroup: v.NumberSchema<undefined>;
+    readonly filterNumber: v.NumberSchema<undefined>;
+    readonly isValid: v.BooleanSchema<undefined>;
+}, undefined>;
+export declare function isFilterValid(filter: Filter): boolean;
+export declare function getInvalidFilterFields(filter: Filter): Set<string>;

package/dist/src/extensions/Blocks/Unsubscribe/control.d.ts

@@ -17,6 +17,7 @@ export declare class UnsubscribeControl extends Control {
     private _onButtonClick;
     private _onPrevClick;
     private _onNextClick;
+    private _loadAndUpdatePreview;
     private _updatePreview;
     private _updateCounter;
     private _getPreview;

package/dist/src/extensions/ModulesTabIcons/extension.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("@stripoinc/ui-editor-extensions").Extension;
+export default _default;

package/dist/src/stores/config.d.ts

@@ -46,6 +46,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     senderName: string;
                     subject: string;
                 };
+                savedModulesFolderName: string;
+                defaultModulesFolderName: string;
             };
             ui: {
                 showHeader: boolean;
@@ -141,6 +143,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     senderName: string;
                     subject: string;
                 };
+                savedModulesFolderName: string;
+                defaultModulesFolderName: string;
             };
             ui: {
                 showHeader: boolean;
@@ -236,6 +240,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     senderName: string;
                     subject: string;
                 };
+                savedModulesFolderName: string;
+                defaultModulesFolderName: string;
             };
             ui: {
                 showHeader: boolean;
@@ -331,6 +337,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     senderName: string;
                     subject: string;
                 };
+                savedModulesFolderName: string;
+                defaultModulesFolderName: string;
             };
             ui: {
                 showHeader: boolean;
@@ -426,6 +434,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     senderName: string;
                     subject: string;
                 };
+                savedModulesFolderName: string;
+                defaultModulesFolderName: string;
             };
             ui: {
                 showHeader: boolean;
@@ -521,6 +531,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     senderName: string;
                     subject: string;
                 };
+                savedModulesFolderName: string;
+                defaultModulesFolderName: string;
             };
             ui: {
                 showHeader: boolean;
@@ -616,6 +628,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     senderName: string;
                     subject: string;
                 };
+                savedModulesFolderName: string;
+                defaultModulesFolderName: string;
             };
             ui: {
                 showHeader: boolean;
@@ -711,6 +725,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     senderName: string;
                     subject: string;
                 };
+                savedModulesFolderName: string;
+                defaultModulesFolderName: string;
             };
             ui: {
                 showHeader: boolean;
@@ -806,6 +822,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     senderName: string;
                     subject: string;
                 };
+                savedModulesFolderName: string;
+                defaultModulesFolderName: string;
             };
             ui: {
                 showHeader: boolean;
@@ -901,6 +919,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     senderName: string;
                     subject: string;
                 };
+                savedModulesFolderName: string;
+                defaultModulesFolderName: string;
             };
             ui: {
                 showHeader: boolean;
@@ -996,6 +1016,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     senderName: string;
                     subject: string;
                 };
+                savedModulesFolderName: string;
+                defaultModulesFolderName: string;
             };
             ui: {
                 showHeader: boolean;
@@ -1091,6 +1113,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     senderName: string;
                     subject: string;
                 };
+                savedModulesFolderName: string;
+                defaultModulesFolderName: string;
             };
             ui: {
                 showHeader: boolean;
@@ -1186,6 +1210,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     senderName: string;
                     subject: string;
                 };
+                savedModulesFolderName: string;
+                defaultModulesFolderName: string;
             };
             ui: {
                 showHeader: boolean;
@@ -1281,6 +1307,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     senderName: string;
                     subject: string;
                 };
+                savedModulesFolderName: string;
+                defaultModulesFolderName: string;
             };
             ui: {
                 showHeader: boolean;
@@ -1376,6 +1404,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     senderName: string;
                     subject: string;
                 };
+                savedModulesFolderName: string;
+                defaultModulesFolderName: string;
             };
             ui: {
                 showHeader: boolean;
@@ -1471,6 +1501,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     senderName: string;
                     subject: string;
                 };
+                savedModulesFolderName: string;
+                defaultModulesFolderName: string;
             };
             ui: {
                 showHeader: boolean;
@@ -1566,6 +1598,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     senderName: string;
                     subject: string;
                 };
+                savedModulesFolderName: string;
+                defaultModulesFolderName: string;
             };
             ui: {
                 showHeader: boolean;
@@ -1661,6 +1695,8 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     senderName: string;
                     subject: string;
                 };
+                savedModulesFolderName: string;
+                defaultModulesFolderName: string;
             };
             ui: {
                 showHeader: boolean;

package/dist/static/styles/components/notification.css.js

@@ -4,6 +4,7 @@ const n = `ue-notifications-container {
     bottom: 32px;
     top: unset;
     width: unset;
+    position: fixed;
 }
 
 ue-notifications-container ue-message + ue-message {
@@ -16,6 +17,24 @@ ue-notifications-container .alert-message-wrapper {
     padding: 16px 24px;
 }
 
+ue-notifications-container .alert-message-wrapper.info,
+ue-notifications-container .alert-message-wrapper.loader {
+    background-color: var(--guido-color-background-toaster-info) !important;
+    color: inherit;
+}
+
+.alert-message-wrapper .alert-message-main {
+    align-items: center;
+}
+
+ue-notifications-container ue-caption .caption {
+    color: var(--guido-color-white) !important;
+}
+
+ue-block-thumb-hint {
+    text-align: left;
+}
+
 ue-notifications-container .alert-message-wrapper .alert-message-main .alert-message-content {
     width: calc(100% - 64px);
 }

package/dist/static/styles/components/tools.css.js

@@ -1,4 +1,4 @@
-const o = `ue-emoji .emoji-tabs .active-smile-tab {
+const e = `ue-emoji .emoji-tabs .active-smile-tab {
     border-color: var(--guido-color-primary-500);
 }
 
@@ -17,7 +17,11 @@ ue-insert-table .template-cell {
     border: 1px solid var(--guido-color-gray-300);
     box-shadow: var(--guido-box-shadow);
 }
+
+.ue-popover.dark-tiny {
+    text-align: left !important;
+}
 `;
 export {
-  o as default
+  e as default
 };

package/dist/static/styles/components/version-history.css.js

@@ -1,4 +1,4 @@
-const o = `.patch-session-container {
+const n = `.patch-session-container {
     row-gap: 16px;
 }
 
@@ -24,7 +24,15 @@ ue-vh-patch.selected .patch-wrapper {
     background-color: var(--guido-color-primary-100);
     box-shadow: 0 0 0 1px var(--guido-color-primary-500);
 }
+
+.change-history-panel-wrapper .control-panel-header {
+    padding: 16px 0 16px 16px;
+}
+
+.change-history-panel-wrapper .header-control-panel-label {
+    grid-area: 1 / 1 / 2 / 12;
+}
 `;
 export {
-  o as default
+  n as default
 };

package/dist/static/styles/components/wide-panel.css.js

@@ -60,7 +60,6 @@ ue-control-panel,
 
 .control-panel-header {
     grid-template-columns: repeat(12, 1fr);
-    padding: 16px 0px 16px 16px;
 }
 
 .control-panel-header > * {
@@ -94,7 +93,9 @@ ue-control-panel,
 .container.droppable-header-container ue-button:last-child {
     margin-right: 0;
 }
-
+.container.droppable-header-container  {
+    margin-top: 13px;
+}
 .secondary-control-group {
     gap: 16px;
 }
@@ -133,6 +134,21 @@ ue-label.accent-dot:after {
     font-size: 13px;
 }
 
+ .e2e-container-video-size {
+    grid-template-columns: 1fr !important;
+ }
+
+ .e2e-container-video-size .control-shadow-wrapper:not(ue-button) {
+    display: flex;
+    width: 100%;
+    justify-content: flex-end;
+    background-color: transparent !important;
+ }
+
+ .e2e-container-video-size .control-shadow-wrapper input {
+    background-color: var(--guido-color-gray-0);
+ }
+
 .e2e-size,
 .e2e-timer-size {
     grid-auto-flow: row;