gsxdsm
40c0048f72
FN-6024: fix built-in workflow graph edges
...
Ensure built-in workflow editor graphs render connected, clickable edges above swimlane backgrounds.
- add explicit React Flow z-index layering so built-in workflow edges render above column bands while nodes stay interactive
- keep swimlane band backgrounds translucent and preserve failure/rework edge styling for read-only built-in workflows
- expand workflow editor tests to cover built-in/custom edge projection, handle rendering, and CSS edge visibility contracts
- document the built-in workflow editor edge behavior and add a patch changeset for @runfusion/fusion
Files changed:
.changeset/FN-6024-built-in-workflow-edges.md | 5 +
docs/dashboard-guide.md | 1 +
packages/dashboard/app/components/WorkflowNodeEditor.css | 2 +-
packages/dashboard/app/components/__tests__/WorkflowNodeEditor.css.test.ts | 25 ++++ -
packages/dashboard/app/components/__tests__/WorkflowNodeEditor.test.tsx | 106 ++++++++++++++++++++-
packages/dashboard/app/components/workflow-flow-mapping.ts | 15 ++-
6 files changed, 145 insertions(+), 9 deletions(-)
Fusion-Task-Id: FN-6024
Fusion-Task-Lineage: 7151d59b-b591-4642-95ca-93cc35198d41
2026-06-08 13:32:58 -07:00
gsxdsm
e138971030
fix: stabilize workflow board and loop recovery
2026-06-07 23:30:16 -07:00
gsxdsm
1f2c7e22dc
FN-5992: improve workflow editor mobile responsiveness
...
Make the workflow editor and related settings panels usable on narrow screens.
- add mobile-specific full-screen layout overrides for the workflow editor, create dialog, sidebar, inspector, settings panel, and AI panel
- stack workflow selector, workflow settings, and workflow fields controls for phone-sized viewports
- document the workflow editor mobile behavior in the dashboard guide
- add CSS contract tests covering the new mobile workflow editor and panel rules
Files changed:
docs/dashboard-guide.md | 13 +++
.../app/components/WorkflowFieldsPanel.css | 15 +++
.../app/components/WorkflowNodeEditor.css | 94 ++++++++++++++++++
.../dashboard/app/components/WorkflowSelector.css | 16 ++++
.../app/components/WorkflowSettingsPanel.css | 20 ++++
.../__tests__/WorkflowNodeEditor.css.test.ts | 105 +++++++++++++++++++++
6 files changed, 263 insertions(+)
Fusion-Task-Id: FN-5992
Fusion-Task-Lineage: c92396dc-88e5-4da0-be3f-687e7bd10972
2026-06-07 20:36:35 -07:00
gsxdsm
58902ae38c
fix(ci): use defined space tokens and drop raw rgba box-shadow fallback in editor CSS
2026-06-05 02:16:34 -07:00
gsxdsm
b04c11aae4
feat(dashboard): move columns and fields panels into the editor sidebar
2026-06-05 00:36:51 -07:00
gsxdsm
62c820bf99
feat(dashboard): design-with-AI affordances in the workflow editor
2026-06-05 00:32:38 -07:00
gsxdsm
0c0387264f
feat(dashboard): palette templates section with fragments and step templates
2026-06-05 00:20:12 -07:00
gsxdsm
91284f516d
feat(dashboard): template picker on workflow creation
2026-06-05 00:06:06 -07:00
gsxdsm
407ce03bf2
feat(dashboard): workflow and template JSON import/export with trust-boundary stripping
2026-06-04 23:16:46 -07:00
gsxdsm
d8ff8db759
feat(core,dashboard): lazy idempotent legacy-step migration into workflow templates
2026-06-04 22:33:25 -07:00
gsxdsm
7e239e257f
feat(dashboard): workflow editor onboarding and empty states
2026-06-04 21:13:13 -07:00
gsxdsm
5a499ea212
feat(dashboard): workflow editor dialogs, inline rename, and dirty-state guard
2026-06-04 20:51:24 -07:00
gsxdsm
f67a2542b9
feat(dashboard): node/edge deletion with safe cascade semantics
2026-06-04 19:45:44 -07:00
gsxdsm
ffc4d8a6ed
feat(dashboard): success/failure edge authoring with cycle guard and interpreter-only banner
2026-06-04 19:35:34 -07:00
gsxdsm
297a00d3de
feat(dashboard): redesign workflow nodes as card-style with config summaries
2026-06-04 19:26:55 -07:00
gsxdsm
ad5cd579be
feat(dashboard): U8 — node editor authoring for foreach/step-review/parse-steps/code, rework edge inspector, template round-trip
...
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com >
2026-06-04 11:50:45 -07:00
gsxdsm
e5a0a199ea
feat(dashboard): node editor authors columns, traits, hold and split/join nodes with inline validation (U10)
2026-06-04 01:46:51 -07:00
gsxdsm
bd8f0fd23c
feat(dashboard): make built-in workflows read-only in the node editor
...
Built-in (builtin:*) workflows are read-only at the store layer; reflect
that in the editor so users aren't misled into editing changes that can't
save. For a built-in: the node palette is disabled, the inspector fields are
wrapped in a disabled fieldset, Save/Delete are replaced by a "Read-only
built-in" label, and a "Duplicate to edit" action clones it into an editable
user workflow. handleSave/handleDeleteWorkflow also early-return for built-ins
as defense-in-depth.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com >
2026-06-03 15:19:27 -07:00
gsxdsm
5a318bfe57
feat(dashboard): execution profiles + await-input UI for workflow nodes
...
Inspector for prompt nodes: executor picker (model via CustomModelDropdown,
agent, skill from discovered skills, CLI named script), auto-approve toggle,
per-node max retries, and a wait-for-user-input mode with a User input palette
preset. Task card shows a 'Needs input' badge for awaiting-user-input status;
the task modal workflow tab shows the node's question as a banner.
2026-06-03 13:34:05 -07:00
gsxdsm
d071aecda6
feat(dashboard): visual graph node editor for workflows (U6, U7)
...
Add a React Flow (@xyflow/react) based WorkflowNodeEditor: a lazy-loaded modal
with a workflow list, a node palette (prompt/script/gate/merge-boundary),
drag-to-connect edges, a per-node inspector, and save with compile-validation
that surfaces non-linear graphs as a banner. Pure irToFlow/flowToIr mapping
round-trips the v1 IR plus editor layout. Reachable via a Graph editor button in
the Workflow Steps manager; mounted in AppModals behind a new modal-manager
flag. Adds a vendor-reactflow Vite chunk and a feature changeset.
2026-06-03 09:45:26 -07:00