Problem

Current Behavior

1. PropertyPanel cannot be hidden - users have no way to expand canvas area
2. ❌ Empty "プロパティ ×" header was showing when no node selected
3. ❌ When AI editing panel open → select node → deselect node, AI panel closes permanently
4. ❌ During onboarding tour, PropertyPanel step was not highlighted because panel wasn't visible

Expected Behavior

1. ✅ Users can close PropertyPanel with × button to expand canvas area
2. ✅ PropertyPanel only shows when a node is selected
3. ✅ AI editing panel state is preserved when selecting/deselecting nodes
4. ✅ During onboarding tour, PropertyPanel is properly highlighted

Solution

Add × button to PropertyPanel header and implement proper panel visibility logic with tour highlight fix.

Key Changes

1. PropertyPanel close button: Added × button in header (same style as RefinementChatPanel)
2. Panel visibility logic: Only show PropertyPanel when selectedNodeId && isPropertyPanelOpen
3. Panel priority: PropertyPanel > RefinementChatPanel when node is selected
4. Auto-reopen: Selecting a node automatically opens PropertyPanel
5. Tour highlight fix: Use Driver.js step-level callbacks to select Start node before property panel step

Changes

src/webview/src/stores/workflow-store.ts

• Added isPropertyPanelOpen state
• Added openPropertyPanel() and closePropertyPanel() actions
• Modified setSelectedNodeId() to auto-open panel when node selected

src/webview/src/components/PropertyPanel.tsx

• Added × button in header
• Removed no-selection message display

src/webview/src/App.tsx

• Changed panel display condition to selectedNodeId && isPropertyPanelOpen
• PropertyPanel now takes priority over RefinementChatPanel

src/webview/src/components/WorkflowEditor.tsx

• Removed closeChat() call from handleNodeClick to preserve AI panel state

src/webview/src/constants/tour-steps.ts

• Added step-level onNextClick/onPrevClick callbacks
• Exported PROPERTY_PANEL_STEP_INDEX constant

src/webview/src/components/Tour.tsx

• Pass callbacks to getTourSteps() for node selection timing
• Select Start node before property panel step (via Canvas step's onNextClick)

Translation files (5 languages)

• Removed unused property.noSelection key

Impact

• UX improvement: Users can now hide PropertyPanel to get more canvas space
• Panel behavior is consistent with RefinementChatPanel
• No breaking changes - PropertyPanel auto-opens on node selection

Testing

• PropertyPanel × button closes panel
• Selecting a node reopens PropertyPanel
• Canvas expands when PropertyPanel is closed
• AI editing panel state preserved when selecting/deselecting nodes
• Onboarding tour properly highlights PropertyPanel
• Going back in tour re-selects Start node for PropertyPanel step
• Code quality checks passed (format, lint, check)
• Build successful

🤖 Generated with Claude Code