diff --git a/packages/dashboard/app/components/WorkflowNodeEditor.css b/packages/dashboard/app/components/WorkflowNodeEditor.css index 5d37333a59..4236ab85e8 100644 --- a/packages/dashboard/app/components/WorkflowNodeEditor.css +++ b/packages/dashboard/app/components/WorkflowNodeEditor.css @@ -1470,9 +1470,11 @@ .wf-mobile-tabs { display: flex; + flex: 0 0 auto; gap: var(--space-xs); padding: var(--space-sm); overflow-x: auto; + overflow-y: visible; border-bottom: 1px solid var(--border); } @@ -1722,4 +1724,21 @@ border-top: none; overflow-y: auto; } + + .wf-editor-body--mobile-edge-detail .wf-editor-canvas-wrap { + display: none; + min-height: 0; + } + + .wf-editor-body--mobile-edge-detail .wf-editor-inspector { + display: flex; + flex: 1 1 auto; + width: 100%; + min-width: 0; + min-height: 0; + max-height: none; + border-left: none; + border-top: none; + overflow-y: auto; + } } diff --git a/packages/dashboard/app/components/WorkflowNodeEditor.tsx b/packages/dashboard/app/components/WorkflowNodeEditor.tsx index 6723a7b064..e10bb691f1 100644 --- a/packages/dashboard/app/components/WorkflowNodeEditor.tsx +++ b/packages/dashboard/app/components/WorkflowNodeEditor.tsx @@ -1878,8 +1878,9 @@ function InnerEditor({ selectedNode !== null && selectedNode.data.kind !== "start" && selectedNode.data.kind !== "end"; - const mobileNodeDetailStage = isMobileMode && selectedNodeHasInspector && !inspectorCollapsed; const selectedEdge = edges.find((e) => e.id === selectedEdgeId) ?? null; + const mobileNodeDetailStage = isMobileMode && selectedNodeHasInspector && !inspectorCollapsed; + const mobileEdgeDetailStage = isMobileMode && selectedEdge !== null; const [isPromptExpanded, setIsPromptExpanded] = useState(false); const handleTogglePromptExpand = useCallback(() => { setIsPromptExpanded((prev) => !prev); @@ -2210,7 +2211,8 @@ function InnerEditor({