- Updated ComponentPreview.vue to initialize default values for standard input fields based on the component's defaultValue property, improving user experience during form previews.
- Enhanced FormBuilderFieldSettingsModal.vue by introducing a Default Value field, allowing users to set initial values for various input types, with appropriate help texts and placeholders for better guidance.
- Implemented helper functions to determine the visibility and type of the Default Value field based on the component type, ensuring consistent behavior across supported input types.
- Removed redundant styles from .formkit-outer-text to streamline CSS.
- Enhanced .formkit-inner-text to include styles for read-only states, ensuring consistent appearance for disabled and read-only inputs.
- Updated placeholder styles for read-only inputs to match disabled states, improving visual consistency across form elements.
- Updated FormBuilderFieldSettingsModal.vue and sideMenuNested.vue to replace text input for icon selection with an IconBrowser component, improving user experience for selecting Material Design icons.
- Enhanced CustomActionButton.vue to differentiate between internal and external URLs when navigating, ensuring proper handling of external links.
- Modified settings.local.json to include additional WebFetch commands for improved documentation access during development.
- Updated ComponentPreview.vue to handle custom actions and navigation events, improving interaction capabilities within the component.
- Introduced custom actions management in FormBuilderFieldSettingsModal.vue, allowing users to add, configure, and remove custom action buttons for table rows.
- Enhanced RepeatingTable.vue to display custom action buttons and handle their click and navigation events, providing a more dynamic user experience.
- Modified formBuilder.js to support custom actions in the default properties, ensuring proper initialization and management of custom actions.
- Updated ComponentPreview.vue to improve handling of select fields, ensuring the first option value is returned as the default if no form data exists.
- Refactored handleFieldInput to support asynchronous updates for select fields, enhancing reactivity and ensuring the latest value is used from the form store.
- Introduced retry logic with exponential backoff in loadProcess and loadFormData functions within [id].vue, improving resilience against temporary fetch failures.
- Enhanced error handling and logging for loading processes and forms, providing clearer feedback during failures and retries.
- Updated form data initialization to set default values for select fields when loading forms, ensuring a smoother user experience.
- Added support for button click event emission in ComponentPreview.vue, allowing for workflow processing of button interactions.
- Introduced a new section in FormNodeConfiguration.vue for mapping button clicks to process variables, enabling users to assign button click events to specific variables.
- Implemented functionality to add and remove button mappings, enhancing the flexibility of button interactions within the form workflow.
- Updated state management to include button mappings, ensuring proper handling of button-related data during form processing.
- Enhanced computed properties to provide options for form buttons, improving user experience in selecting and configuring button mappings.
- Added new functions to the FormScriptEngine for enhanced field manipulation: setFieldByLabel() for setting fields by their display label, and getFieldOptions() for retrieving available options for select, radio, and checkbox fields.
- Improved the setField() function to handle various field types more robustly, including select, radio, checkbox, and range inputs, with better event triggering for reactive updates.
- Enhanced notification functions (showSuccess, showError, showInfo) to utilize Vue Toastification for improved user feedback, including customizable options for toast notifications.
- Updated documentation in the form builder to reflect new field helper functions and their usage, improving developer guidance and usability.
- Added a duplicate component button in FormBuilderCanvas.vue, allowing users to easily duplicate existing components.
- Introduced a delete confirmation modal in both FormBuilderCanvas.vue and FormBuilderFieldSettingsModal.vue to prevent accidental deletions, enhancing user experience.
- Updated delete functionality to utilize the confirmation modal, ensuring users are aware of the consequences of their actions.
- Refactored related methods to support the new duplication and confirmation features, maintaining clean and organized code.
- Enhanced user feedback with toast notifications upon successful deletion and duplication of components.
- Added quick development features including toggles for line numbers, word wrap, and active line highlighting to enhance the coding experience.
- Implemented search functionality with keyboard shortcuts for improved code navigation and editing.
- Enhanced JSON formatting capabilities to handle JSON code without relying on Prettier, ensuring better performance for JSON files.
- Updated the component's template and styles to accommodate new features, including a responsive layout for quick dev tools.
- Improved cursor position tracking and display for better user feedback during code editing.
- Introduced helper functions to manage language and theme extensions, improving code organization and readability.
- Implemented dynamic initialization of extensions based on selected language and theme, ensuring accurate syntax highlighting.
- Added fullscreen functionality with keyboard shortcuts for a better user experience, including visual feedback for fullscreen mode.
- Enhanced template structure and styles for improved responsiveness and usability, particularly in fullscreen mode.
- Updated event handling for keyboard shortcuts to streamline code formatting and fullscreen toggling.
- Ensured proper cleanup of body overflow styles on component unmount to maintain layout integrity.
- Updated FormBuilderComponents.vue to introduce an enhanced search bar with filtering options for components, improving user experience in locating specific items.
- Added a filter dropdown to allow users to filter components by category, with clear options for selection and removal of filters.
- Implemented recently used components section to provide quick access to frequently utilized items, enhancing workflow efficiency.
- Enhanced search functionality to highlight matching components and provide feedback when no results are found, ensuring better usability.
- Updated styles for improved visual consistency and responsiveness across different screen sizes.
- Modified settings.local.json to include ESLint command in the allowed commands list for better development practices.
- Introduced a new 'layout-grid' component in FormBuilderComponents.vue, allowing users to create custom grid layouts with drag-and-drop capabilities.
- Enhanced ComponentPreview.vue to support the layout grid, including cell spanning and dynamic component placement within grid cells.
- Updated FormBuilderFieldSettingsModal.vue to include configuration options for the layout grid, such as grid dimensions, cell spanning, and layout presets.
- Improved form data handling in workflow pages to accommodate nested components within layout grids, ensuring accurate data extraction and management.
- Refactored styles across components to ensure a cohesive visual experience for the new layout grid functionality.
- Updated package.json to modify the deploy script for improved Prisma integration.
- Updated ComponentPreview.vue to include debugging logs for table data and component mounting, improving traceability during development.
- Modified RepeatingTable.vue to replace the SimpleCellValue component with direct template rendering for better performance and clarity.
- Enhanced form submission logging in RepeatingTable.vue to provide detailed insights into form data handling.
- Introduced loading state styles in ComponentPreview.vue to improve user experience during data fetching and rendering.
- Ensured SSR safety in form data updates within formBuilder.js to prevent hydration issues, enhancing application stability.
- Removed the old layout and appearance section and replaced it with a new compact width selector for improved usability.
- Introduced a layout tab for components that support width settings, enhancing the organization of field settings.
- Updated styles for the new compact width selection, including button groups and visual previews, to provide a more intuitive user experience.
- Ensured that the current width selection feedback is clearly displayed, improving user awareness of their choices.
- Updated ComponentPreview.vue to include optional component labels and help text for improved user guidance.
- Enhanced layout options for the info display component, adding support for side-by-side, grid, and horizontal layouts, with button functionality for fields.
- Modified FormBuilderComponents.vue to update the description and default properties for the info display component, including new fields for button configuration.
- Improved FormBuilderConfiguration.vue to add essential settings for the info display, including component title, name, label, help text, and layout style.
- Enhanced FormBuilderFieldSettingsModal.vue to support configuration of information fields, including field type selection (text or button) and button-specific settings.
- Added robust error handling for button click actions in the info display, ensuring a seamless user experience when interacting with links.
- Refined styles across components for better visual consistency and usability.
- Updated ComponentPreview.vue to improve the handling of repeating groups, including the addition of helper functions for field value retrieval and input handling.
- Enhanced the rendering of repeating groups with better structure and improved user experience, including dynamic item addition and removal.
- Modified RepeatingTable.vue to increase the maximum visible columns from 20 to 50, allowing for better data presentation and horizontal scrolling.
- Improved column width calculations and added a minimum table width to ensure proper layout and usability.
- Updated safeGetField.js to allow for optional warning suppression, enhancing flexibility in data access without unnecessary console warnings.
- Refined styles across components for better visual consistency and usability.
- Updated ComponentPreview.vue to streamline the rendering of repeating groups by removing unnecessary padding.
- Introduced a new helper function, findContainerRecursively, to locate containers at any nesting level, improving the management of nested components.
- Enhanced the handleSectionDrop, handleUpdateComponent, and handleDeleteComponent functions to utilize the new recursive container finding logic, ensuring consistent behavior across nested structures.
- Improved error handling and logging for component operations, providing better feedback during component manipulation.
- Commented out hover styles in CSS for group items and form components to prevent unintended visual effects during development.
- Improved the rendering of the custom HTML component in ComponentPreview.vue, adding a structured layout for labels, help text, and content display.
- Introduced helper methods for scoped CSS and safe HTML content rendering, ensuring secure and styled output.
- Updated FormBuilderComponents.vue to categorize the custom HTML component, enhancing organization within the form builder.
- Enhanced FormBuilderFieldSettingsModal.vue with a tabbed interface for editing HTML, CSS, and JavaScript, improving usability and clarity for users.
- Added content statistics to provide users with feedback on the length of their HTML, CSS, and JavaScript inputs, fostering better content management.
- Refined styles across components to ensure a cohesive and visually appealing user interface.
- Introduced a new 'customHtml' component in FormBuilderComponents.vue, allowing users to create custom designs using HTML, CSS, and JavaScript.
- Enhanced ComponentPreview.vue to render the custom HTML component with appropriate props for live preview functionality.
- Updated FormBuilderFieldSettingsModal.vue to include configuration options for the custom HTML component, such as HTML, CSS, and JavaScript content, as well as settings for preview mode and script allowance.
- Implemented safe and full HTML preview methods to ensure secure rendering of custom content.
- Added relevant icons and descriptions for the custom HTML component in the form builder, improving user experience and clarity.
- Updated ComponentPreview.vue to implement a draggable container for nested components, allowing users to reorder fields within repeating groups.
- Enhanced the user interface with visual feedback during drag-and-drop actions, improving usability and interaction.
- Modified FormBuilderComponents.vue to include default properties for nested components, facilitating better organization and management of form fields.
- Improved FormBuilderFieldSettingsModal.vue to provide clearer information about repeating group containers and their functionalities.
- Refactored event handling for component updates and deletions to support nested components within sections and repeating groups, ensuring consistent data management.
- Updated styles across components to enhance the visual experience during drag-and-drop operations and improve overall aesthetics.
- Updated ComponentPreview.vue to include support for the 'searchSelect' and 'switch' components in readonly states, ensuring consistent behavior across form fields.
- Modified FormBuilderComponents.vue to set default readonly properties for various components, enhancing usability and preventing unintended edits.
- Enhanced FormBuilderFieldSettingsModal.vue to reflect the updated readonly logic for component types, improving user awareness of field capabilities.
- Introduced a new modal in manage.vue for copying workflow links, allowing users to select between direct and iframe link types with customizable options.
- Improved link generation logic to support iframe parameters, enhancing the flexibility of sharing workflows.
- Updated styles in SearchSelect.vue and Switch.vue to visually indicate readonly states, ensuring a consistent user experience across components.
- Updated ComponentPreview.vue to enhance data binding for form fields, ensuring controlled updates to prevent circular reactivity.
- Introduced new methods for updating group fields and list items, improving data management and validation.
- Enhanced RepeatingTable.vue by replacing the LazyCellValue component with a SimpleCellValue for immediate data display, optimizing rendering performance.
- Improved table structure and styling for better user experience, including sticky headers and custom scrollbar styles.
- Added logic to initialize repeating tables with default data in form builder, ensuring consistent data handling across components.
- Implemented checks to prevent unnecessary updates in form data, enhancing overall application performance.
- Introduced a new 'searchSelect' component to the form builder, allowing users to search and select options from a dropdown.
- Updated FormBuilderComponents.vue to include the new searchable select component with default properties and options.
- Enhanced form validation rules in various components to support the new searchable select input type.
- Adjusted z-index values in multiple components and styles for improved layering and visibility.
- Refined CSS styles for modal and header components to ensure consistent appearance across the application.
- Added functionality to insert components at a specific index in the form builder, allowing for more flexible component arrangement.
- Updated the form store to support the new insertion method, ensuring components can be added dynamically at designated positions.
- Modified CSS styles for form components, including adjustments to disabled states and ghost component appearance for improved user experience.
- Refined drag-and-drop behavior by removing animation for immediate feedback during reordering, enhancing usability.
- Introduced a new background color for disabled states to maintain visual consistency across the form builder.
- Refactored ConditionalLogicEngine.vue to optimize conditional logic script generation by grouping handlers for watched fields, reducing duplicate event listeners and improving performance.
- Added helper functions for generating condition checks and action codes, enhancing code readability and maintainability.
- Introduced ConditionalLogicTestDemo.vue to demonstrate the benefits of optimization, showcasing before and after examples of conditional logic handling.
- Updated FormBuilderFieldSettingsModal.vue to include notes on optimization when multiple fields watch the same trigger field, improving user awareness of performance enhancements.
- Enhanced ComponentPreview.vue and workflow pages to support preview mode for conditional logic, ensuring consistent behavior across the application.
- Updated ComponentPreview.vue to support custom button styles, allowing users to define background color, text color, border color, border width, border radius, and hover effects for buttons.
- Enhanced FormBuilderFieldSettingsModal.vue with new fields for customizing button appearance, including color pickers and number inputs for border properties.
- Implemented a color preview feature in the settings modal to visualize button styles based on user selections, improving usability and customization options.
- Added utility functions for generating custom button styles dynamically, ensuring consistent styling across the application.
- Added support for initializing and managing repeating groups in ComponentPreview.vue, allowing for dynamic creation of group items based on minimum item settings.
- Implemented event emission for form data updates to notify parent components, ensuring synchronization with FormKit integration.
- Enhanced FormBuilderFieldSettingsModal.vue with new configuration options for repeating tables, including minimum and maximum records, button text settings, and table behavior controls.
- Updated safeGetField.js to ensure backward compatibility by returning empty strings for undefined or null values.
- Improved workflow page to handle form data updates from ComponentPreview, maintaining data consistency across the application.
- Enhanced form store logic to initialize preview form data for repeating groups upon component addition and form loading.
- Added a performance warning for tables with more than 20 columns, advising users to reduce column count for better performance.
- Implemented lazy loading for cell values to improve rendering efficiency in large datasets.
- Introduced column virtualization to limit visible columns to the first 20 for performance enhancement.
- Updated pagination controls and improved the overall structure of the table for better user experience.
- Enhanced styling for performance warnings and loading states, ensuring a more responsive interface.
- Introduced a new Help section in the Form Builder interface, providing users with guidance on how to use the form builder effectively.
- Added a Help Modal that includes detailed instructions on getting started, component categories, field configuration, button features, tips & tricks, and preview mode.
- Implemented a button to trigger the Help Modal, enhancing user experience by offering contextual assistance.
- Ensured the Help Modal is responsive and user-friendly, with clear sections and actionable tips for users to follow.
- Added new iframe parameters in FormBuilderFieldSettingsModal, allowing users to configure debug mode, hide completion messages, apply themes, and set custom URL parameters for button components linked to processes.
- Updated ComponentPreview.vue to generate dynamic workflow URLs with iframe parameters based on user settings, improving the flexibility of iframe integration.
- Implemented a URL preview feature in FormBuilderFieldSettingsModal to display the generated iframe URL based on the current configuration, enhancing user experience and usability.
- Enhanced form builder interface to include new settings for iframe integration, ensuring a more comprehensive configuration for button actions.
- Introduced new settings for button components in the FormBuilderFieldSettingsModal, allowing users to configure link types (none, custom URL, process link) and corresponding URLs or process IDs.
- Added functionality to dynamically generate button links based on user selections, improving the flexibility of button actions in the form builder.
- Updated ComponentPreview.vue to conditionally render buttons as links or regular buttons based on the new configuration options.
- Enhanced the form builder interface to include fields for specifying the number of rows for textareas, improving usability and customization.
- Implemented fetching of published processes for linking, ensuring users can select from available processes when configuring button actions.
- Updated the items per page default to 20 for better data visibility in process management.
- Implemented comprehensive filtering options for processes, including search by name, description, category, and creator, enhancing user experience and data retrieval.
- Adjusted pagination logic to handle high limits, allowing for client-side pagination when necessary.
- Enhanced API response handling to accommodate new pagination and filtering features, ensuring accurate data representation and navigation.
- Added pagination functionality to the form management and process management pages, allowing users to navigate through forms and processes more efficiently.
- Introduced controls for items per page selection and pagination navigation, enhancing user experience and accessibility of data.
- Updated computed properties to handle paginated data and maintain accurate pagination state across filters and searches.
- Ensured that pagination resets when filters change, providing a consistent and intuitive user interface.
- Updated the form management interface to improve the search and filter functionality, including new filters for category and group, enhancing user experience and organization.
- Redesigned the forms display to utilize a grid layout, providing a more visually appealing and user-friendly interface for form management.
- Introduced loading states and improved error handling for process publishing and unpublishing, ensuring better feedback for users during these actions.
- Added functionality to prevent deletion of published processes, guiding users to unpublish first, thereby improving data integrity and user guidance.
- Enhanced the process store with a new unpublish method, allowing for better management of process states and updates to the UI accordingly.
- Updated the form builder to allow users to create new forms with additional fields for category and group, improving organization and usability.
- Introduced an empty state in the form builder to guide users in creating new forms.
- Enhanced the management page with new filters for category and group, allowing for better form organization and retrieval.
- Updated the database schema to include new fields for form category, tags, and group, along with corresponding API adjustments for form creation and updates.
- Improved the user interface with better handling of form descriptions and added visual indicators for categories and groups in the forms table.
- Introduced a new submit button configuration in the form builder, allowing users to enable/disable the default submit button and customize its label, category, and color.
- Updated VariableBrowser.vue to support object property path input for variables, including validation and error handling for property paths.
- Enhanced ApiNodeConfiguration.vue to prevent object path creation for output and error variables.
- Improved workflow page to respect form builder submit button settings, ensuring consistent behavior across the application.
- Added helper functions for managing submit button styles and variants, enhancing the overall user experience.
- Updated ComponentPreview.vue to improve handling of readonly states for select, checkbox, and radio components, ensuring proper styling and interaction.
- Modified button component in ComponentPreview.vue to conditionally display button text and icon based on new props for better customization.
- Enhanced FormBuilderComponents.vue by adding new properties for button configuration, including showLabel, showButtonText, buttonText, and icon.
- Introduced new form field settings in FormBuilderFieldSettingsModal.vue to allow users to customize button size, icon, and visibility options for labels and text.
- Improved overall user experience by refining placeholder visibility in builder mode and enhancing the button action script template functionality.
- Introduced a new proxy endpoint for API calls during workflow execution to handle CORS issues and streamline API interactions.
- Updated the authorization logic to support Basic Auth with both token and username/password options, improving flexibility in API authentication.
- Enhanced the API request building process to accommodate new node data structures, including dynamic handling of headers, parameters, and body content.
- Improved error handling and response management in the workflow execution process, ensuring better feedback and control over API call outcomes.
- Refactored the workflow page to utilize the new API call structure, enhancing overall workflow execution reliability and user experience.
- Added a new category for 'Data-Driven Workflows' in the ProcessTemplatesModal component.
- Introduced multiple new templates for data-driven workflows, including 'URL Data Capture & Form Pre-fill', 'Dynamic Survey with Conditional Logic', 'Order Processing with Status Updates', and 'Customer Feedback Analysis'.
- Enhanced VariableManager to support capturing variable values from URL parameters, including new form fields for URL parameter configuration.
- Updated workflow page to capture URL parameters for variables configured to do so, improving the integration of external data into workflows.
- Adjusted processBuilder store to include new properties for URL parameter handling in variable definitions.
- Modified the `prisma` script in `package.json` to remove the `nuxt dev` command, streamlining the Prisma commands.
- Added a new `deploy` script to facilitate deployment processes, including building and restarting the application.
- Deleted the `validation-test-guide.md` file to remove outdated documentation, ensuring the project remains focused and relevant.
- Standardized quotation marks in the `index.vue` file for consistency.
- Enhanced code readability by formatting and organizing the structure of the document.
- Improved the styling of various elements to ensure a cleaner layout and better user experience.
- Adjusted event handling for document links and scroll events to enhance functionality and maintainability.
- Introduced iframe mode detection to streamline the user experience when embedded in other applications.
- Added functionality to update the URL upon process completion, allowing for better integration with parent applications.
- Implemented error notification to the parent iframe, ensuring that any issues during workflow execution are communicated effectively.
- Enhanced UI responsiveness by adjusting styles based on iframe mode, improving overall usability and visual consistency.
- Updated process completion and error handling logic to support seamless multi-process workflows.
- Introduced new documentation files: `agent-example-usage.md`, `agent-instructions-form-generator.md`, and `form-builder-json-structure.md` to provide comprehensive guidance on using the Form Builder Agent, including example usage and JSON structure.
- Implemented import and export functionality in the form management interface, allowing users to upload JSON files and download forms as JSON.
- Enhanced the `manage.vue` component with modals for importing forms, including options for file upload and pasting JSON content, along with validation feedback.
- Developed a new API endpoint for importing forms, ensuring proper validation and processing of incoming JSON data.
- Updated the form management logic to handle JSON imports and exports seamlessly, improving user experience and form management capabilities.
- Introduced a new `validation-test-guide.md` file detailing the testing process for the node validation system, including test cases and expected outcomes.
- Updated `ProcessFlowCanvas.vue` to integrate a collapsible validation panel, allowing users to toggle visibility and view validation statuses and issues in real-time.
- Enhanced the validation indicators and tooltips in `ValidationIndicator.vue` and `ValidationTooltip.vue` to provide clearer feedback on validation issues with improved styling and severity color coding.
- Removed the deprecated `vue-flow-custom-nodes-migration.md` and `vue-flow-migration-completed-final.md` documentation files to streamline project documentation.
- Adjusted styles in `ValidationTooltip.vue` for better visibility and user experience, ensuring tooltips are informative and visually distinct based on severity.
- Updated `index.vue` to ensure proper text color inheritance for custom nodes, enhancing overall UI consistency.
- Removed the temporary debug button from the process builder interface to streamline the user experience.
- Adjusted layout and spacing for edge and node headers to improve visual organization and readability.
- Enhanced the display of node and edge IDs with break-word support for better handling of long text.
- Updated action button icons to ensure consistent sizing and alignment across the interface.
- Improved overflow handling in scrollable content areas to prevent horizontal scrolling issues.
- Introduced a comprehensive node validation system in the process flow builder, enhancing the user experience by providing real-time feedback on node configurations and process integrity.
- Added `useNodeValidation` composable to manage validation logic, including checks for required nodes, configuration completeness, and flow logic.
- Integrated validation indicators in node components (ApiNode, FormNode, GatewayNode, ScriptNode) to visually represent validation issues.
- Created `ValidationIndicator` and `ValidationTooltip` components for displaying validation statuses and detailed messages.
- Updated `ProcessFlowCanvas.vue` to trigger validation on node and edge changes, ensuring immediate feedback during process design.
- Enhanced `processBuilder` store to manage validation results and summary statistics, allowing for a centralized validation state.
- Documented the validation system implementation plan to guide future enhancements and user training.
- Updated HexagonShape.vue, RectangleShape.vue, SwimlaneHorizontal.vue, SwimlaneVertical.vue, and TrapezoidShape.vue to remove label text from shape components, enhancing visual clarity.
- Modified index.vue to clarify node label and description input visibility, ensuring they only appear for process nodes and text annotations.
- Adjusted processBuilder.js to set default label values to an empty string for new nodes, improving consistency in node creation.
- Updated ProcessFlowCanvas.vue to ensure that existing node positions are preserved during updates, preventing unintended repositioning.
- Enhanced node addition logic in index.vue to handle drops from the canvas correctly, ensuring that nodes are added to the store without duplicating entries.
- Improved user experience by allowing position updates during drag operations while preventing conflicts during component additions.
- Added console logs for better debugging and tracking of node operations.
