Skip to content

feat: add results panel and collapsible sidebar panels - #2

Merged
jererobles merged 4 commits into
masterfrom
copilot/design-ui-edit-jflow-workflows
Jun 27, 2026
Merged

feat: add results panel and collapsible sidebar panels#2
jererobles merged 4 commits into
masterfrom
copilot/design-ui-edit-jflow-workflows

Conversation

Copilot AI commented Jun 27, 2026

Copy link
Copy Markdown
Contributor

No way to inspect execution results after running a workflow, and sidebar panels consume fixed space even when not needed.

Changes

  • Results panel (ui/results.ts): Displays per-node execution output (name, state, value) after workflow run. Shows count badge in header when results exist.
  • Collapsible panels: All sidebar sections (Palette, Properties, Results) get a / toggle that collapses the panel body via CSS max-height transition. Uses event delegation on the container to avoid listener accumulation across re-renders.
  • Shared .jf-collapsible CSS pattern: Consistent collapse/expand behavior extracted into reusable classes rather than per-panel logic.

Structure

ui/results.ts   — new module, subscribes to executionStates
ui/panel.ts     — refactored to collapsible header + delegated toggle
ui/palette.ts   — refactored to collapsible header + delegated toggle
ui/app.ts       — mounts results panel in sidebar
styles.css      — .jf-collapsible*, .jf-results* styles

Copilot AI added 2 commits June 27, 2026 04:51
… and real-time execution

- Node-based canvas with pan/zoom and touch support
- Drag-and-drop palette to add Math, ConsoleLog, HTTPRequest, Wait blocks
- SVG bezier curve connections between nodes with animated execution states
- Properties panel (bottom sheet on mobile) for editing node params
- Real-time execution visualization with glow effects and pulse animations
- YAML import/export with sample workflow loading
- Dark glassmorphism theme with responsive mobile-first layout
- Integrates with existing WorkflowParser and WorkflowRunner
Copilot AI changed the title feat: gorgeous mobile-first visual workflow editor with drag-and-drop and real-time execution feat: visual workflow editor with drag-and-drop canvas and real-time execution Jun 27, 2026
Copilot AI requested a review from jererobles June 27, 2026 04:53
Copilot AI changed the title feat: visual workflow editor with drag-and-drop canvas and real-time execution feat: add results panel and collapsible sidebar panels Jun 27, 2026
@jererobles
jererobles marked this pull request as ready for review June 27, 2026 05:27
@jererobles
jererobles merged commit 867093f into master Jun 27, 2026
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants