feat: comprehensive editor UX refinement with collapsible sections and data loss prevention

Major improvements to Object Editor, Table Editor, and Invoice Editor:

## UX Enhancements:
- Made export sections collapsible across all editors to reduce page height
- Added comprehensive, collapsible usage tips with eye-catching design
- Implemented consistent input method patterns (file auto-load, inline URL buttons)
- Paste sections now collapse after successful parsing with data summaries

## Data Loss Prevention:
- Added confirmation modals when switching input methods with existing data
- Amber-themed warning design with specific data summaries
- Suggests saving before proceeding with destructive actions
- Prevents accidental data loss across all editor tools

## Consistency Improvements:
- Standardized file input styling with 'tool-input' class
- URL fetch buttons now inline (not below input) across all editors
- Parse buttons positioned consistently on bottom-right
- Auto-load behavior for file inputs matching across editors

## Bug Fixes:
- Fixed Table Editor cell text overflow with proper truncation
- Fixed Object Editor file input to auto-load content
- Removed unnecessary parse buttons and checkboxes
- Fixed Invoice Editor URL form layout

## Documentation:
- Created EDITOR_TOOL_GUIDE.md with comprehensive patterns
- Created EDITOR_CHECKLIST.md for quick reference
- Created PROJECT_ROADMAP.md with future plans
- Created TODO.md with detailed task lists
- Documented data loss prevention patterns
- Added code examples and best practices

All editors now follow consistent UX patterns with improved user experience and data protection.

public/data/commits.json

@@ -1,5 +1,52 @@
 {
   "changelog": [
+    {
+      "date": "2025-10-14",
+      "changes": [
+        {
+          "datetime": "2025-10-14T23:59:00+07:00",
+          "type": "enhancement",
+          "title": "Editor UX Refinement - Collapsible Sections & Usage Tips",
+          "description": "Enhanced all editor tools (Object, Table, Invoice) with collapsible export sections and comprehensive usage tips. Export sections now start collapsed to reduce page height, and usage tips are collapsible with eye-catching design. Added detailed documentation guides (EDITOR_TOOL_GUIDE.md, EDITOR_CHECKLIST.md) for consistent future development."
+        },
+        {
+          "datetime": "2025-10-14T22:30:00+07:00",
+          "type": "enhancement",
+          "title": "Consistent Input Methods Across All Editors",
+          "description": "Standardized file input and URL fetch UI across Object, Table, and Invoice editors. File inputs now use consistent 'tool-input' class and auto-load content immediately. URL inputs feature inline fetch buttons (not below) for better UX. Paste sections now collapse after successful parsing with data summaries."
+        },
+        {
+          "datetime": "2025-10-14T21:00:00+07:00",
+          "type": "enhancement",
+          "title": "Data Loss Prevention System",
+          "description": "Implemented comprehensive confirmation modals across all editors to prevent accidental data loss. When switching input methods or tabs with existing data, users now see a detailed warning with specific data summary and option to save before proceeding. Features amber-themed warning design with clear action buttons."
+        },
+        {
+          "datetime": "2025-10-14T20:00:00+07:00",
+          "type": "fix",
+          "title": "Table Editor Cell Overflow Fix",
+          "description": "Fixed text overflow issues in Table Editor cells. Long text now properly truncates with ellipsis instead of breaking layout. Added proper overflow handling with 'truncate' class and block-level spans for consistent cell rendering."
+        },
+        {
+          "datetime": "2025-10-14T19:30:00+07:00",
+          "type": "enhancement",
+          "title": "Object Editor Output Section Improvements",
+          "description": "Made Object Editor's output/export section collapsible to reduce page height when working with long data. Export section now starts collapsed with a clickable header showing data summary, matching the pattern used in other editors."
+        },
+        {
+          "datetime": "2025-10-14T19:00:00+07:00",
+          "type": "fix",
+          "title": "Object Editor File Input Improvements",
+          "description": "Fixed Object Editor's 'Open File' tab to auto-load content immediately upon file selection, matching Table and Invoice editor behavior. Removed unnecessary 'Parse Object' button and irrelevant CSV checkbox for cleaner, more intuitive UX."
+        },
+        {
+          "datetime": "2025-10-14T18:30:00+07:00",
+          "type": "enhancement",
+          "title": "Invoice Editor Export & URL Consistency",
+          "description": "Made Invoice Editor's export section collapsible to match other editors. Fixed URL form layout to use inline fetch button instead of below-input placement. Improved overall consistency across all editor input methods."
+        }
+      ]
+    },
     {
       "date": "2025-09-28",
       "changes": [