Skip to content

v4.2.0
Compare
Choose a tag to compare
@itsmartashub itsmartashub released this 15 Dec 21:08
· 15 commits to main since this release
v4.2.0
8cf3a59
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.

Canvas Integration Update

This release brings comprehensive styling and UI improvements to the Canvas feature, enhancing the visual experience across code and text editing interfaces.

Key Highlights

  • 🎨 Complete theme integration across Canvas components (#86)
  • 📝 Enhanced Canvas code and text editor experiences (#89)
  • 🎯 Improved interactive controls and editing tools (#88)
  • 💻 Refined Canvas dev environment and Console (#91)
  • 💬 Optimized chat interface for Canvas integration (#92)
  • 🦊 Fix overlay over chats when Canvas opened only in Light theme for Firefox (#93)
  • 🔘Add styling to Use a tool and Open in canvas button to match the theme (#87)
  • 👻 Hide the GPThemes floating btn when Canvas is opened (#86)
DETAILED CHANGELOG 🧵

📝 Canvas Editor Core Features

Code Editor

  • Enhanced CodeMirror editor with theme-matching backgrounds and hover effects
  • Improved code selection highlighting with accent colors
  • Added accent-colored highlighting for current processing lines
  • Enhanced syntax highlighting and code block styling

Text Editor

  • Added consistent background styling for text content
  • Improved text selection highlighting with accent colors
  • Enhanced markdown code blocks within text canvas to match theme
  • Fixed <br> tags highlighting

🎯 Interactive Controls

Editing Tools

  • Added transparent accent backgrounds with blur to floating edit buttons
  • Enhanced Port to a language list buttons with hover and active states
  • Improved Edit or explain... prompt field styling
  • Added accent styling to floating pause button during processing
  • Enhanced header UI elements visibility

Sliders & Controls

  • Enhanced draggable sliders with accent colors and transparent backgrounds
  • Improved Y-slider buttons with ring styling
  • Added accent-colored controls for length and reading level adjustments
  • Fixed slider background states and interactions

Toolbar

  • Added styling to Use a Tool and Open in canvas buttons
  • Enhanced toolbar and Ask ChatGPT buttons
  • Adjusted Text style dialog spacing and visual hierarchy
  • Fixed speech button color in prompt field

💻 Canvas Development Environment

Console Integration

  • Updated console background to match canvas theme
  • Enhanced error message visibility
  • Added accent colors to console controls
  • Improved Run sticky header interactions
  • Update resizing line with accent color
  • Improved dialog styling for comment applications

Code Processing

  • Improved processing line indicators
  • Corrected processing gradients over previous texts
  • Enhanced code execution feedback UI
  • Added visual feedback for running operations

💬 Chat Interface

Layout & Design

  • Implemented compact chat styles using @container queries
  • Enhanced chat bubble gradients and backgrounds
  • Improved full-width layouts for different screen sizes
  • Optimized mobile-like views when canvas is open

Visual Feedback

  • Enhanced comment system highlighting
  • Improved processing state indicators
  • Added accent colors to interactive elements

🎨 Theme Integration

Consistency Improvements

  • Unified background colors across all components
  • Enhanced accent color usage throughout the interface
  • Improved light and dark theme compatibility
  • Fixed various theme-related visual bugs

Loading States

  • Enhanced loading skeleton backgrounds
  • Improved transition states
  • Fixed background application in loading states

🐛 Bug Fixes & Performance

  • Fixed overlay issues in Firefox light theme
  • Fixed Reset Colors button text typo in customization settings

🚨 Known Issues (#94)

  • CodeMirror Code Syntax Synchronization: When changing themes using the GPThemes floating button, the Canvas CodeMirror editor's syntax highlighting doesn't update immediately, remaining in the previous theme's syntax style. This creates a temporary visual inconsistency that can be resolved by refreshing the page.
  • Note that changing themes through ChatGPT settings works correctly.
  • I'm working on a solution to avoid the need for page refresh.

For detailed information about this update, please refer to PR #90.

Closes Issues: #86,#87, #88, #89, #91, #92, #93
Still Open: #94

What's Changed

Full Changelog: v4.1.4...v4.2.0

Contributors

itsmartashub
Assets 4
Loading