Summary

This major update introduces a comprehensive encrypted JSON backup system, complete UI/UX overhaul with enhanced tooltips, confirmation notifications, markdown editor improvements, and significant variable management enhancements for improved security and user experience.

Added

• Encrypted JSON Backup System: Implemented military-grade AES-256-GCM encryption for secure prompt data backups with password protection and secure key derivation.
• Dual Export Options: Users can now choose between encrypted JSON (.json.enc) for secure backups or plain JSON (.json) for easy data sharing and migration.
• Enhanced Import/Export Security: Added robust file validation, error handling, and user feedback for both encrypted and plain JSON import operations.
• Reset Functionality for Variables: Added individual reset icons for each variable field and a comprehensive "Reset All Variables" option for filled prompt variables.
• Confirmation Notifications: Implemented confirmation dialogs for all critical actions (edit, clone, export, delete) across popup, editor, and prompt pages.
• Success Notifications: Added appropriate success notifications for actions that require user feedback while avoiding notification overload.
• Open Action Button: Introduced dedicated "Open" button alongside existing edit and export buttons for better action accessibility.
• Toast Notifications System: Replaced regular browser alerts with beautiful toast notifications for all types of messages to improve user experience.
• Additional Tooltip Context Field: Added context fields for variable forms in the editor page, allowing users to add detailed information about each variable to help users learn more before answering on the prompt page.
• Predefined Variable Field: Introduced predefined variable field in the editor that displays as a toggle on the front prompt page, allowing users to enable/disable predefined content (e.g., Common AI Words) insertion.
• One-Click Duplicate Prompt: Added ability to duplicate prompts with a single click from both the editor and popup page for faster workflow.
• Delete Variable Button: Added dedicated delete button in variable builder inside editor page items to easily remove variables instead of manually editing markdown.
• Markdown Editor in Variable Textarea: Added markdown editor with toolbar and preview functionality in variable textarea fields on the prompt page for enhanced content formatting.
• Pin Prompt Functionality: Introduced pin icon functionality allowing users to pin prompts to top, keeping them revealed (open) until unpinned.
• Interface Preference Section: Added settings section where users can disable/enable bulk delete and export options using toggles, with more controls planned for future.
• Enhanced Radio/Checkbox Builder: Converted from comma/line break textarea to individual add option fields using plus button for better UI/UX in editor page.
• Variable Status Display: Introduced variable status icon showing as active when any field including text, textarea, radio, checkbox, or predefind on the prompt page are selected/filled in.

Changed

• Migration to CodeMirror 6: Successfully migrated from EasyMDE to CodeMirror 6, providing better performance, modern features, and enhanced markdown editing capabilities.
• Enhanced Markdown Editor: Improved markdown editor with a toolbar, better preview functionality, and consistent styling across all pages.
• Variable Field Validation: Fixed character limit enforcement with proper notifications when users reach field limits.
• Tooltip System Overhaul: Migrated from native browser tooltips to enterprise-level custom tooltip system with Material Design 3 styling, proper positioning, and accessibility features using Tippy.js.
• Save Button Feedback: Enhanced save button to turn green with "Saved" text after successful prompt saving for clear user feedback.
• Action Buttons Visibility: Action buttons on prompt list now reveal text only when user hovers over the icon on popup page for cleaner interface.
• Prompt Accordion Cards: Enhanced UI/UX of prompt accordion cards in prompt page with improved styling and interactions.
• Global Header Structure: Introduced sticky global header for logo and navigation, plus page header for back navigation and page titles.
• Field Enhancements: Revamped every field including text, textarea, radio, checkbox with hover effects and animations throughout the extension.
• Removed Google Drive Backup: Eliminated Google Drive backup system due to reliability issues with Chrome extension authentication policies.

Improved

• Data Security: Enhanced data protection with encrypted backup capabilities, ensuring sensitive prompt data remains secure during export/import operations.
• User Experience: Streamlined workflows with intuitive reset options, clear visual feedback, and comprehensive error handling.
• UI Consistency: Achieved complete design system consistency across all pages with proper spacing, typography, and component alignment.
• Accessibility: Enhanced accessibility with proper ARIA labels, keyboard navigation, and screen reader support.
• Performance: Optimized CodeMirror integration and tooltip system for better overall extension performance.
• Action Button Distribution: Added action buttons on all essential pages (editor, prompt page) instead of being limited to popup page only.

Fixed

• Navigation Issues: Resolved editor-to-prompt page navigation problems where edit button would show "Prompt not found" error and back button wouldn't return to editor.
• Variable Configuration Preservation: Fixed issues with variable configurations being lost during import/export operations.
• Radio/Checkbox Rendering: Corrected double rendering of checkbox options in prompt preview while maintaining proper radio button functionality.
• Input Field Consistency: Standardized all input fields to follow Material Design 3 guidelines with proper character limits and validation.
• Tooltip Positioning: Fixed tooltip positioning to appear near UI components without overlapping or appearing too far from target elements.
• Variable Accordion Toggle: Fixed the issue where variable accordion toggle icon was not rotating on the prompt page.
• Warning Message for Field Limits: Added proper warning messages when users exceed variable field text length limits.

Summary

This update introduces a comprehensive UI revamp with Material Design 3 system implementation, complete rebranding from SyncWin Copilot to Prompt Builder, and enhanced Google Drive backup functionality for improved user experience and data management.

Changed

• Complete UI Revamp with Material Design 3: Implemented a comprehensive Material Design 3 system across all pages, replacing legacy styling with modern design tokens, improved color schemes, and enhanced component consistency.
• Product Rebranding: Completely rebranded the application from "SyncWin Copilot" to "Prompt Builder" across all user-facing content, documentation, and internal code references.
• Enhanced Google Drive Integration: Improved the Google Drive backup system with better error handling, enhanced user feedback, and more reliable synchronization capabilities.

Added

• Material Design 3 Design System: Introduced a complete Material Design 3 implementation with proper color tokens, typography scales, and component styling for a modern and consistent user interface.
• BEM CSS Methodology: Adopted Block Element Modifier (BEM) naming conventions throughout the codebase for better maintainability and scalability.
• Improved Accessibility: Enhanced accessibility features with proper ARIA labels, semantic HTML structure, and keyboard navigation support.

Fixed

• CSS Consistency Issues: Resolved inconsistent styling patterns and replaced hardcoded values with Material Design 3 design tokens.
• Component Naming Conventions: Fixed inconsistent BEM class naming patterns across all CSS files for better code organization.

Summary

This update introduces several key enhancements, including improved input handling for prompt variables, refined action button visibility, removal of URL restrictions for broader compatibility, a streamlined click-to-copy feature with confirmation, and a new Google Drive backup system replacing the local auto-backup.

Changed

• Max Length Field Converted from Text to Number Input: The maximum length field for prompt variables has been converted from a text input to a number input, improving data validation and user experience.
• Action Buttons Text Visibility on Hover: Action buttons texts now appear only on hover, providing a cleaner interface and reducing visual clutter.
• Removed URL Restrictions: The extension now works seamlessly on any URL, removing previous restrictions and enhancing usability across all websites.
• Click to Insert Feature Removed: The "Click to Insert" feature has been replaced with a "Click to Copy" functionality, which also provides a confirmation alert upon successful copy, streamlining the workflow.
• Added Google Drive Backup System: The local auto-backup system has been replaced with a robust Google Drive backup system, offering more reliable and accessible data storage.

Known Issues

Backup Retention: The backup retention policy is not yet properly implemented, and it is under investigation to fix it.

Summary

This update includes significant changes to the product name, enhancements to data handling, and optimizations for performance and error management.

Changed

• Renamed the Product: Renamed the app from SyncWin Prompt Builder to SyncWin Copilot to better define the Chrome extension's purpose and align with our parent brand.
• Internal Name Change: Changed the name from SyncWin Prompt Builder to SyncWin Copilot internally throughout the source code.

Added

• New Logo: Added a brand new logo for the extension. However, the icon remains the same as we decided to use the existing icon dedicated for this app.
• Enhanced Data Safety: Improved data integrity with IndexedDB, ensuring robust storage and a fallback to localStorage for compatibility.
• Performance Optimization: Implemented indexed fields for faster data retrieval, enhancing application responsiveness.
• Improved Error Handling: Added comprehensive error handling and logging for database operations, facilitating easier debugging and user feedback.
• Seamless Version Upgrades: Established mechanisms to ensure smooth version transitions without data loss, maintaining data consistency and integrity.

Known Issues

• Automatic Local Backup: The automatic local backup is not working and is under investigation to fix it.

Summary

This update addresses several critical issues related to prompt management, including search functionality, merging prompts, and timestamp tracking. Enhancements have been made to ensure data consistency and unique titles for prompts, along with the introduction of a versioning system for better change management.

Added

Timestamps:

• Creation and Modification Tracking: Implemented tracking for when each prompt is created and last modified. When creating a new prompt, the created and lastModified properties are included, both set to the current date and time in ISO format using new Date().toISOString().
• Updating Modified Date: The modification date is updated whenever a prompt is edited. In the edit function, the prompt being edited is located using its index, and the lastModified property is updated to the current date and time in ISO format.

Data Consistency:

• Ensured all prompts have valid IDs and timestamps. When loading prompts from storage, each prompt is iterated through, and if any property is missing, a new ID is generated or default timestamps are set as necessary.

Unique Title Enforcement:

• Implemented a validation check to ensure that each prompt has a distinct title. If a duplicate title is detected during creation or editing, a unique identifier (e.g., "1") is appended to the title.

Versioning System:

• Introduced a versioning system to track changes and maintain different versions of prompts. Each prompt object now includes a version number that increments with each edit. This feature is currently implemented in the backend, with plans for a future UI to manage versions.

Fixed

• Search Functionality: Resolved the issue where searching for a prompt and using action buttons (edit or delete) would inadvertently delete other prompts instead of the intended one.
• Merge Functionality: Fixed the merging issue that was creating duplicate prompts instead of merging them into the existing one when using the import feature from the settings page. This issue arose after making prompts unique using ID, hash, and other methods.

Known Issues

• Automatic Local Backup: The automatic local backup is not working and is under investigation to fix it.

Summary

This update introduces significant enhancements to the editor and prompt pages, including a new markdown editor and an HTML preview feature, aimed at improving user experience and content organization.

Added

Markdown Editor in Editor Page: Powered by EasyMDE and Marked.js, this feature enhances UI/UX by organizing prompts effectively and enabling better input for AI chatbots.

• Toolbar: Customization options including:
  - H1, H2, H3.
  - Bold, Italic. Quote.
  - Unordered List, Ordered List.
  - Remove Formatting.
  - Toggle Preview.
  - Link to markdown guide
• Status Bar: Displays live content details that updates dynamically as you type:  
  - Lines of text
  - Words of text
• Editor Field: CodeMirror editor for adding and editing content in markdown format.  

HTML Preview in Prompt Page: Added an HTML preview in the "Final Prompt Content" section on the prompt page, displaying the content added in the markdown editor beautifully for better readability and UI/UX.

Known Issues

• Automatic Local Backup: The automatic local backup is not working and is under investigation to fix it.

Summary

This update introduces a keyboard gesture feature for improved panel navigation, dynamic icons for minimize and maximize functions, and enhanced transition effects for smoother animations. The panel's dragging behavior has been refined to stay within the visible screen, and the minimizing functionality now snaps to screen edges for better usability.

Added

• Keyboard Gesture Feature: Introduced a keyboard gesture feature that allows users to focus the panel by clicking the top bar and using the arrow keys on their physical keyboard to move the panel around the screen for better UX.
• Dynamic Icons: Assigned dynamic icons for minimize and maximize functions. When the panel is open, it shows an exit screen icon to minimize, and when minimized as a widget, it shows a full-screen icon to maximize.
• Transition Effects: Added better transition effects for opening, closing, minimizing, and maximizing the panel, making the animations smoother and more visually appealing.
• Textarea Renaming: Renamed all fields in the editor and prompt pages previously labeled as "Markdown" to "Textarea" for better user experience and clarity.

Improved

• Panel Dragging: Improved the panel's dragging behavior to ensure it stays within the visible screen. While the panel may still go outside the screen when dragged to the bottom, the top bar remains visible for interaction.
• Minimizing Behavior: Enhanced the minimizing behavior so that when the panel is minimized near any screen edge, it will snap the widget to the nearest edge for better UX.
• Minimize/Maximize Functionality: Improved the functionality of the minimize and maximize actions to ensure a more intuitive user experience.

Fixed

• Extension Icon Behavior: Fixed the issue where clicking the extension icon would open the panel but not close it on a second click. Now, clicking the icon again will close the panel.
• Maximizing Position: Resolved the issue where maximizing the panel while in a minimized state on the right edge of the screen would push it outside the visible area. Now, maximizing will readjust the position to stay within the screen.
• Minimizing Transition: Fixed the minimizing transition so that when the panel is in the default position, the transition moves from right to left, ensuring the widget stays at the right edge of the screen instead of the middle.

Known Issues

• Automatic Local Backup: The automatic local backup is not working and is under investigation to fix it.

Summary

This release introduces a major UI/UX enhancement with a custom floating panel replacing the default Chrome extension popup, providing better usability and control options.

Added

• Custom Floating Panel: Removed and replaced the default Chrome extension popup with a highly customized floating panel for improved UI and UX.
• Sticky Behavior: Added sticky behavior to the new floating panel so that clicking outside of the panel doesn't close it.
• Panel Height: Set the panel height to approximately 90% of the screen height to provide more workspace.
• Topbar & Controls: Added a new topbar to include more controls for the floating panel.
  - Close Icon: Added an option to close the panel manually using the close icon on the new topbar.
  - Drag Functionality: Added an option to drag the panel manually around the current tab screen using the drag icon on the topbar.
  - Repositioning: Added an option to one click to reposition the panel using the reposition icon on the topbar.
  - Size Control: Added an option to minimize and maximize the panel for better usability using the dedicated icon on the topbar.

Known Issues

• Automatic Local Backup: The automatic local backup is not working and is under investigation to fix it.

Summary

This release introduces significant enhancements to backup functionality, export options, and user notifications, along with various code improvements for better maintainability.

Added

• Automatic Local Backup: Introduced automatic periodic local backup options, allowing users to select the backup frequency or disable it entirely from the settings.
• Export Options: Users can now export backups in both CSV and JSON formats, with a selection option on the settings page.
• Notifications: Added notifications for successful backups and failures.
• Error Messages: Introduced error messages for most actions on the popup and settings pages.
• Export File Naming: Export files now include the current date and time in the format Prompt-Backup-YYYY-MM-DD--HH-MM-SS for easier backup management.
• Field Note: Added a field note for checkout and a radio field below the note.

Improved

• User Feedback: Enhanced backup functionality to provide more user feedback, improving user experience.
• Refactored Code:
  - Refactored HTML files for the entire backend code across all the main pages for better readability and maintainability.
  - Adopted BEM (Block Element Modifier) methodology for the entire backend code across all pages for easier code management.
  - Refactored JavaScript files for the entire backend code across all the main pages for better maintainability and performance.
• Sort Button Placement: Separated the sort button into a different section, placed below the bulk action buttons.
• Centralized Styling: Created a global.css file to centralize styling for consistency. Each page's dedicated stylesheet now only contains page-specific styles.
• W3C Validation Compliance: Refactored HTML to ensure W3C validation compliance:
  - Removed inline CSS.
  - Added ARIA labels.
  - Assigned unique IDs to elements.
• IndexedDB Implementation: Implemented IndexedDB for better prompt management and fallback to local storage.
• Export Date Format: Updated the export date format for better UX, displaying both date and time in the downloaded file names.
• Improved Notifications: Enhanced user notifications with more detailed information about data operations.

Known Issues

• Automatic Local Backup: The automatic local backup is not working and is under investigation to fix it.

Fixed

• Variable Configurations & Data: Prompt variable configurations and data are now preserved during import and export operations. You can seamlessly export complex prompts, including all variable configurations and data, and import them on another device without any loss of information.