Commit Graph

4 Commits

Author SHA1 Message Date
dwindown
21d0406ece Improve ObjectEditor and PostmanTable UI/UX
- Enhanced JSON parsing with smart error handling for trailing commas
- Fixed StructuredEditor array handling - array indices now non-editable
- Improved PostmanTable styling: removed border radius, solid thead background
- Enhanced icon spacing and alignment for better visual hierarchy
- Added copy feedback system with green check icons (2500ms duration)
- Restructured MindmapView node layout with dedicated action column
- Added HTML rendering toggle for PostmanTable similar to MindmapView
- Implemented consistent copy functionality across components
- Removed debug console.log statements for cleaner codebase
2025-09-24 14:05:10 +07:00
dwindown
cf750114f7 🐛 Remove all setSelectedRowIndex references
- Remove setSelectedRowIndex calls from handleRowClick
- Remove setSelectedRowIndex calls from handleBack
- Remove setSelectedRowIndex calls from handleBreadcrumbClick
- Build now passes ESLint validation 
2025-09-21 17:29:46 +07:00
dwindown
ece5ffc63f 🐛 Fix ESLint errors in PostmanTable.js
- Remove unused useMemo import
- Remove unused selectedRowIndex state
- Remove unused isComplexValue function
- Fix CI deployment build failure
2025-09-21 17:27:27 +07:00
dwindown
e1c74e4a4e 🎯 Complete Postman-Style Table View with Consistent Design
 New Features:
- Authentic Postman table experience with horizontal arrays & vertical objects
- Click rows to drill down with breadcrumb navigation
- Smart data detection (arrays → tables, objects → key-value, primitives → display)
- Clickable breadcrumb buttons for easy navigation
- Back button for seamless exploration

🎨 Consistent Visual Design:
- Unified type notation across Visual Editor, Mindmap, and Table views
- Color-coded pills with icons for all data types:
  🔵 Objects (blue) 🟢 Arrays (green) 🟣 Strings (purple)
  🟠 Numbers (orange) 🟡 Booleans (yellow)  Null (gray)
- Button-style breadcrumb vs circular data pills for clear distinction
- Full dark mode support throughout

🔧 UX Improvements:
- Output formats hidden by default with 'See Data Outputs' toggle
- Left-aligned toggle button matching existing UI
- Preserved PostmanTreeTable as asset for hierarchical view
- Enhanced sample data with realistic array/object structure
- Professional styling matching Postman's interface

🚀 Technical Implementation:
- Dynamic column generation from array data
- Path-based navigation with state management
- Type-aware rendering with consistent icons
- Responsive design for all screen sizes
- Clean component architecture
2025-09-21 16:33:28 +07:00