Skip to content

Conversation

arielscarpinelli
Copy link

This feature replaces the modal for viewing retrieved files with a persistent side panel that can be resized. It is also mobile responsive.

output.mp4

google-labs-jules bot and others added 6 commits September 17, 2025 19:42
This change moves the file preview from a dialog to a side panel using the Sheet component.
It also adds markdown rendering support to the file preview.

The test suite has a pre-existing failure in 'openapi-conversion.test.ts' which is unrelated to these changes.
This change moves the file preview from a modal-style side sheet to a persistent side panel that sits next to the conversation, allowing the user to interact with the main content while the preview is open.

The state for the file preview is now managed globally in the ChatbotUIContext.
A new RightSidebar component has been created to host the FilePreview.
The Dashboard layout has been updated to include the new RightSidebar.
This change fixes a runtime error 'TypeError: setFilePreviewType is not a function' by correctly providing the file preview state and setters to the ChatbotUIContext.

The new state variables were missing from the GlobalState provider, causing the application to crash when trying to open a file preview.
This change enhances the file preview side panel with several new features:
- A close button has been added to the side panel.
- The side panel is now resizable by dragging the handle.
- The width of the side panel is persisted across sessions using localStorage.
- The default width of the side panel is set to 40% of the window.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant