Skip to content

Hide JSON tree/plain toggle buttons in console output when node is running - #393

Merged
mbakgun merged 1 commit into
mainfrom
opencode/hide-json-tree-buttons-when-node-running
Jul 21, 2026
Merged

Hide JSON tree/plain toggle buttons in console output when node is running#393
mbakgun merged 1 commit into
mainfrom
opencode/hide-json-tree-buttons-when-node-running

Conversation

@heym-coder

@heym-coder heym-coder commented Jul 21, 2026

Copy link
Copy Markdown
Collaborator

The change is complete. Here's a summary:

What was done: Added result.status !== 'running' condition to the Tree/Plain toggle button visibility in DebugPanel.vue:2815. When a node is currently executing (running), the JSON tree/plain toggle buttons are now hidden since there's no final data to display yet.

What was the issue: The Tree/Plain toggle buttons were appearing in the console output area for nodes that were still running, despite having no completed output to display.

Existing rules preserved: Error nodes continue to hide buttons (!result.error), and success/pending nodes with valid JSON continue to show buttons.

Screenshot: frontend/.e2e-artifacts/running-node-toggle-hidden.png

Summary

  • Changed file: frontend/src/components/Panels/DebugPanel.vue (line 2815)
  • Change: Added result.status !== 'running' to the existing v-if condition that controls visibility of the Tree/Plain toggle buttons in the DebugPanel console output
  • Behavior: When a node's execution status is 'running', the JSON tree/plain toggle buttons are hidden. They remain visible for completed (success), pending, and other non-error non-running states. Error node hiding behavior is preserved via the existing !result.error check.
  • Screenshot: frontend/.e2e-artifacts/running-node-toggle-hidden.png

Screenshots

pr-393-running-node-toggle-hidden.png

…nning

The change is complete. Here's a summary:

**What was done:** Added `result.status !== 'running'` condition to the Tree/Plain toggle button visibility in `DebugPanel.vue:2815`. When a node is currently executing (running), the JSON tree/plain toggle buttons are now hidden since there's no final data to display yet.

**What was the issue:** The Tree/Plain toggle buttons were appearing in the console output area for nodes that were still running, despite having no completed output to display.

**Existing rules preserved:** Error nodes continue to hide buttons (`!result.error`), and success/pending nodes with valid JSON continue to show buttons.

**Screenshot:** `frontend/.e2e-artifacts/running-node-toggle-hidden.png`

## Summary
- **Changed file:** `frontend/src/components/Panels/DebugPanel.vue` (line 2815)
- **Change:** Added `result.status !== 'running'` to the existing `v-if` condition that controls visibility of the Tree/Plain toggle buttons in the DebugPanel console output
- **Behavior:** When a node's execution status is `'running'`, the JSON tree/plain toggle buttons are hidden. They remain visible for completed (success), pending, and other non-error non-running states. Error node hiding behavior is preserved via the existing `!result.error` check.
- **Screenshot:** `frontend/.e2e-artifacts/running-node-toggle-hidden.png`
@mbakgun
mbakgun enabled auto-merge July 21, 2026 19:10
@mbakgun
mbakgun merged commit fc4c5bd into main Jul 21, 2026
2 checks passed
@mbakgun
mbakgun deleted the opencode/hide-json-tree-buttons-when-node-running branch July 21, 2026 19:14
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Development

Successfully merging this pull request may close these issues.

2 participants