openclaw - 💡(How to fix) Fix [Feature]: Add tool output collapse/expand toggle to Control UI [1 participants]

Official PRs (…)
ON THIS PAGE

Recommended Tools

×6

Utilities matched from this issue’s tags and category — try them while you read without losing context.

GitHub issue graph ai analysis

Paste a GitHub issue URL. We fetch that issue, discover linked issues from bodies/comments/timeline, collect linked pull requests, and produce a structured English report.

The report is written in English Markdown for sharing and archival.

Helpful · Quick feedback

Loading…
GitHub stats
openclaw/openclaw#53619Fetched 2026-04-08 01:25:41
View on GitHub
Comments
0
Participants
1
Timeline
1
Reactions
0
Participants
Timeline (top)
labeled ×1

Add a setting to Control UI to hide/collapse tool output in the chat, similar to the TUI's Ctrl+O feature.

Root Cause

Add a setting to Control UI to hide/collapse tool output in the chat, similar to the TUI's Ctrl+O feature.

Fix Action

Fix / Workaround

  • Using TUI instead (works but requires terminal access)
  • Current workaround: none
RAW_BUFFERClick to expand / collapse

Summary

Add a setting to Control UI to hide/collapse tool output in the chat, similar to the TUI's Ctrl+O feature.

Problem to solve

When using Control UI in a browser, tool outputs (like file reads, API responses, etc.) are displayed in full in the chat. This can be noisy and distracting when the user only wants to see the conversation.

The TUI already has this feature:

  • Ctrl+O toggles tool output expansion
  • Settings panel can also configure this

Proposed solution

Add a similar toggle to Control UI:

  1. A setting in the UI settings panel to control tool output visibility
  2. Options: collapsed, expanded, or hidden
  3. Persist the user's preference in browser storage

Alternatives considered

  • Using TUI instead (works but requires terminal access)
  • Current workaround: none

Impact

Discussed in session: user found only "Assistant Appearance" and "Accent Color" settings in Control UI, no tool output options.

Evidence/examples

No response

Additional information

No response

extent analysis

Fix Plan

To add a setting to Control UI for hiding/collapsing tool output, follow these steps:

  • Add a new setting to the UI settings panel:
    • Create a dropdown or radio button group with options: collapsed, expanded, or hidden
    • Use JavaScript to store the user's preference in browser storage (e.g., localStorage)
  • Update the chat output rendering logic:
    • Check the user's preferred tool output visibility setting
    • Collapse or hide tool output accordingly
  • Example code snippet:
// settings.js
const toolOutputVisibility = localStorage.getItem('toolOutputVisibility') || 'expanded';

// Update settings panel
const settingsPanel = document.getElementById('settings-panel');
const toolOutputSetting = document.createElement('select');
toolOutputSetting.innerHTML = `
  <option value="expanded">Expanded</option>
  <option value="collapsed">Collapsed</option>
  <option value="hidden">Hidden</option>
`;
toolOutputSetting.value = toolOutputVisibility;
settingsPanel.appendChild(toolOutputSetting);

// Update chat output rendering
const chatOutput = document.getElementById('chat-output');
toolOutputSetting.addEventListener('change', (e) => {
  const visibility = e.target.value;
  localStorage.setItem('toolOutputVisibility', visibility);
  if (visibility === 'collapsed') {
    chatOutput.classList.add('collapsed');
  } else if (visibility === 'hidden') {
    chatOutput.classList.add('hidden');
  } else {
    chatOutput.classList.remove('collapsed', 'hidden');
  }
});
/* styles.css */
.collapsed {
  max-height: 100px;
  overflow: hidden;
}

.hidden {
  display: none;
}

Verification

To verify the fix, test the following scenarios:

  • User selects collapsed option: tool output should be collapsed
  • User selects hidden option: tool output should be hidden
  • User selects expanded option: tool output should be fully visible
  • User reloads the page: tool output visibility setting should be persisted

Extra Tips

  • Make sure to update the UI settings panel and chat output rendering logic accordingly
  • Consider adding a default value for the tool output visibility setting
  • Test the fix in different browsers and devices to ensure compatibility

Vote matrix · Quick signals

Works
Did the solution work? Tap to confirm.
Easy Fix
Was it a quick fix?
Time Saver
Did it save you time?
Blocking
Was it severely blocking?
Common Issue
Are others likely hitting this too?
Flaky / Intermittent
Is it intermittent?
Verified / Reproducible
Can you reproduce it reliably?
Loading…

Still need to ship something?

×6

Another batch ranked right after the header list — different links, same matching logic.

Back to top recommendations

TRENDING

openclaw - 💡(How to fix) Fix [Feature]: Add tool output collapse/expand toggle to Control UI [1 participants]