cannot exit from debug and preview view #3964

Closed
opened 2026-02-21 18:04:09 -05:00 by yindo · 3 comments
Owner

Originally created by @harrywang on GitHub (Jun 3, 2024).

Self Checks

  • This is only for bug report, if you would like to ask a question, please head to Discussions.
  • I have searched for existing issues search for existing issues, including closed ones.
  • I confirm that I am using English to submit this report (我已阅读并同意 Language Policy).
  • Please do not modify this template :) and fill in all the required fields.

Dify version

0.3.21

Cloud or Self Hosted

Cloud

Steps to reproduce

choose an agent the choose "debug as multiple models"
Screenshot 2024-06-03 at 4 33 58 PM

then, you should see
Screenshot 2024-06-03 at 4 32 34 PM

I have no idea how to exit from this debug view. Please help.

✔️ Expected Behavior

can exit to the normal vew

Actual Behavior

cannot find how to exit.

Originally created by @harrywang on GitHub (Jun 3, 2024). ### Self Checks - [X] This is only for bug report, if you would like to ask a question, please head to [Discussions](https://github.com/langgenius/dify/discussions/categories/general). - [X] I have searched for existing issues [search for existing issues](https://github.com/langgenius/dify/issues), including closed ones. - [X] I confirm that I am using English to submit this report (我已阅读并同意 [Language Policy](https://github.com/langgenius/dify/issues/1542)). - [X] Please do not modify this template :) and fill in all the required fields. ### Dify version 0.3.21 ### Cloud or Self Hosted Cloud ### Steps to reproduce choose an agent the choose "debug as multiple models" <img width="487" alt="Screenshot 2024-06-03 at 4 33 58 PM" src="https://github.com/langgenius/dify/assets/595772/1980b0b3-d4dc-4623-af26-5a9b2cd00063"> then, you should see <img width="2550" alt="Screenshot 2024-06-03 at 4 32 34 PM" src="https://github.com/langgenius/dify/assets/595772/7a40252b-bd4a-4720-b252-14472f54b6e4"> I have no idea how to exit from this debug view. Please help. ### ✔️ Expected Behavior can exit to the normal vew ### ❌ Actual Behavior cannot find how to exit.
yindo added the 🐞 bug label 2026-02-21 18:04:09 -05:00
yindo closed this issue 2026-02-21 18:04:09 -05:00
Author
Owner

@dosubot[bot] commented on GitHub (Jun 3, 2024):

To exit from the debug and preview view back to the normal view in Dify version 0.3.21 on the cloud, you can click on the close button represented by the XClose icon. This button is located in the top-right corner of the debug and preview panel.

Here is the relevant code snippet that handles this action:

<div
  className='flex items-center justify-center w-6 h-6 cursor-pointer'
  onClick={handleCancelDebugAndPreviewPanel}
>
  <XClose className='w-4 h-4 text-gray-500' />
</div>

Clicking this button will trigger the handleCancelDebugAndPreviewPanel function, which exits the debug and preview view [1].

Additionally, you can use the Esc key as a keyboard shortcut to close the debug and preview panel:

useKeyPress('esc', () => {
  handleCancelDebugAndPreviewPanel()
}, {
  exactMatch: true,
})

[1]

To continue talking to Dosu, mention @dosu.

@dosubot[bot] commented on GitHub (Jun 3, 2024): <!-- Answer --> To exit from the debug and preview view back to the normal view in Dify version 0.3.21 on the cloud, you can click on the close button represented by the `XClose` icon. This button is located in the top-right corner of the debug and preview panel. Here is the relevant code snippet that handles this action: ```tsx <div className='flex items-center justify-center w-6 h-6 cursor-pointer' onClick={handleCancelDebugAndPreviewPanel} > <XClose className='w-4 h-4 text-gray-500' /> </div> ``` Clicking this button will trigger the `handleCancelDebugAndPreviewPanel` function, which exits the debug and preview view <sup>[[1]](https://github.com/langgenius/dify/blob/main/web/app/components/workflow/panel/debug-and-preview/index.tsx)</sup>. Additionally, you can use the `Esc` key as a keyboard shortcut to close the debug and preview panel: ```tsx useKeyPress('esc', () => { handleCancelDebugAndPreviewPanel() }, { exactMatch: true, }) ``` <sup>[[1]](https://github.com/langgenius/dify/blob/main/web/app/components/workflow/panel/debug-and-preview/index.tsx)</sup> <!-- Dosu Comment Footer --> *To continue talking to [Dosu](https://dosu.dev), mention @dosu.*
Author
Owner

@crazywoola commented on GitHub (Jun 3, 2024):

image Just select which one you would like to remain.
@crazywoola commented on GitHub (Jun 3, 2024): <img width="1113" alt="image" src="https://github.com/langgenius/dify/assets/100913391/21b4c294-1fd1-401a-84ae-4e9d32afb4c7"> Just select which one you would like to remain.
Author
Owner

@harrywang commented on GitHub (Jun 3, 2024):

Thanks. I also figured this out - it's hard to find anyway ;).
Screenshot 2024-06-03 at 9 42 55 PM

@harrywang commented on GitHub (Jun 3, 2024): Thanks. I also figured this out - it's hard to find anyway ;). <img width="1635" alt="Screenshot 2024-06-03 at 9 42 55 PM" src="https://github.com/langgenius/dify/assets/595772/8dc7f84c-32f1-4f9e-ae3c-a944b1f7ada5">
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: langgenius/dify#3964