restyle chat ui - #622
Draft
Loosand wants to merge 38 commits into
Draft
Conversation
- Introduced macOS DMG settings in tauri.conf.json, including custom background image and window/app positioning. - Added a new background image for the DMG installer.
…tion scripts - Added macOS DMG settings to the Makefile, including background image and volume icon configurations. - Introduced a new Python script for deterministic DMG layout, ensuring stable Finder metadata. - Created a verification script to check the integrity of the generated DMG, ensuring required files and symlinks are present. - Updated GitHub Actions workflow to install the necessary dmgbuild tool for building DMGs.
…ffTable, FilterTable, FineTuneCard, Flowchat, and LoadingState
…unctionality - Updated CSS for chat gallery to enhance overflow handling and layout consistency. - Modified `ComposerGallery` to support additional props and improve state management. - Introduced new `LIVEAGENT_OVERVIEW_MESSAGES` for project overview in fixtures. - Added scenario for `liveagent-overview` to enhance conversation context. - Integrated `GalleryComposerHarness` into `TranscriptGallery` for better composer handling. - Improved Markdown styling for better readability and consistency across components.
- Introduced a new TaskRows component to display task progress with animated status indicators. - Implemented SpinnerRing and Badge components for visual feedback on task states. - Enhanced task detail display with expandable rows and dynamic status updates. - Updated tests to validate the new task progress semantics and UI behavior. - Adjusted existing test cases to accommodate the new structure and ensure consistency.
…tus tests - Changed the opacity class assertion in AskUserQuestionCard test from "opacity-55" to "opacity-50". - Refactored AssistantStatus test to simplify the rendering check, ensuring it validates the text-only label without the Loader2 component. - Adjusted imports and removed unused components in AssistantStatus for cleaner code.
StackCairn
marked this pull request as draft
August 25, 2026 15:35
Contributor
|
PR governance checks failed — this PR has been converted to draft.
Fix the items above, then click Ready for review to re-run the checks. |
…ompact chip design - Added a `compactChip` prop to `ToolCallItem` for a more streamlined display option. - Updated the layout and styling of `ToolCallItem` to support compact chip rendering, improving visual consistency. - Refactored `ToolTraceGroup` to utilize the new `compactChip` feature, enhancing the overall user interface. - Adjusted component structure for better responsiveness and usability in chat interactions.
- Introduced a new `resultContent` variable to streamline the rendering of tool results based on various conditions. - Enhanced error handling and readability for tool results, ensuring errors are displayed prominently. - Adjusted layout and styling for better integration with the `compactChip` design, improving overall user experience. - Simplified conditional rendering to improve code clarity and maintainability.
…atus handling - Removed the LiveStatusFooter component to simplify the rendering logic for live statuses. - Updated GatewayTranscriptListRegion to directly manage tool status and duration calculations. - Refactored test cases to align with the new structure and ensure accurate assertions for live status rendering. - Improved the AssistantBubble component to utilize the new AssistantTurnContent for better organization of round data. - Enhanced the AssistantWorkTrace component to display elapsed time for running tasks, improving user feedback during live interactions.
…d ToolTraceGroup components - Introduced user interaction tracking to prevent automatic expansion/collapse of components based on running state until user interaction occurs. - Updated state management logic in both AssistantWorkTrace and ToolTraceGroup to improve user experience during live interactions. - Ensured that component states are only modified after user actions, enhancing control over UI behavior.
… layout - Introduced new tests for the AssistantWorkTrace and ToolTraceGroup components to ensure proper behavior during state transitions. - Added tests for the mention popup layout to verify that the popup list remains compact and aligns file names with icons. - Enhanced the ChatComposerBar component to conditionally display the expand toggle based on editor overflow state.
…ionality - Updated TaskProgressIndicator to include a panel toggle for task details, improving user interaction. - Refactored tests to validate the new panel toggle behavior, ensuring it correctly reflects the expanded/collapsed state. - Adjusted rendering logic to manage task display states more effectively, enhancing overall user experience during task progress visualization.
…veAgent into codex/chat-ui-gallery
…functionality - Added a new ToolCategoryGallery component to showcase various tool categories and their functionalities. - Updated ChatGalleryPage and ChatGalleryPreview to include the new tooling category, enhancing the overall chat gallery experience. - Introduced new scenarios for tool categories in the scenarios.ts file, allowing for better organization and access to tool-related activities. - Enhanced AssistantBubble and AssistantWorkTrace components to improve user interaction and display of tool activities. - Added tests to ensure proper functionality of the new tool category features and their integration within the chat gallery.
- Updated various chat components to improve visual consistency and user experience, including AssistantWorkTrace, ToolCallItem, and HostedSearchGroupView. - Adjusted font weights and colors for better readability and emphasis across chat elements. - Enhanced test coverage for chat typography and spacing to ensure proper rendering and alignment. - Refactored CSS styles in common-components.css to standardize typography settings for chat markdown and inline code.
…dling - Removed the active thinking entry from the AssistantBubble component to streamline the display of tool activities. - Updated the AssistantWorkTrace and ToolTraceGroup components to utilize a new tool-group status, improving clarity during live interactions. - Introduced a LazyCollapse component for better management of expandable content, enhancing user experience during tool activity disclosure. - Enhanced test coverage for tool activity states and interactions, ensuring accurate rendering and behavior during state transitions. - Refactored related components to improve organization and maintainability of the chat interface.
…tomatic collapse after response - Introduced a new prop `collapseAfterAnswer` to the `AssistantWorkTrace` component, allowing it to automatically collapse the processing block after an answer is provided. - Updated the `RoundContent` component to pass the `collapseAfterAnswer` prop based on the presence of an answer in the layout.
…tions - Removed the entire chat gallery feature, including HTML, CSS, TypeScript components, and associated assets. - Updated package.json to remove the development script for the chat gallery.
- Updated the `ThinkingActivity` component to accept a `reasonSummary` prop for displaying contextual information. - Modified the `AssistantWorkTrace` and `AssistantTurnContent` components to utilize the new `ThinkingActivity` for showing live thinking status. - Refactored tests to validate the new thinking activity behavior and ensure proper rendering of the compact status. - Improved translations for thinking-related UI elements in both English and Chinese. - Introduced utility functions for managing thinking activity state and reason summaries.
- Deleted multiple chat UI components including ApprovalCard, CodeBlock, ContextCards, DiffTable, FilterTable, FineTuneCard, Flowchat, and LoadingState. - Cleaned up associated files and references to streamline the codebase. - Ensured that the removal of these components does not affect existing functionality.
- Added `resolveAssistantTurnLayout` function to manage layout of assistant responses, ensuring proper handling of text, images, and hosted search results. - Introduced `splitAssistantWorkEntries` utility to categorize assistant work entries into thinking and work chunks. - Updated `UserMessageContent` to wrap plain text in a span for consistent styling. - Enhanced `AssistantWorkTrace` to support an `activityKind` prop for distinguishing between work and thinking states. - Improved UI components with stable scrollbar behavior and refined context menu interactions. - Added tests to validate new functionalities and ensure correct rendering of user messages and assistant responses.
…nality - Refactored `AssistantBubbleUnit` and `AssistantActivityRow` to remove `isAgentMode` prop, streamlining the component structure. - Enhanced `AssistantWorkTrace` to utilize new utilities for managing work entries and thinking states. - Updated tests to reflect changes in component behavior, ensuring accurate rendering and functionality. - Introduced new tests for `ThinkingDisclosure` and `thinking-trace` to validate reasoning and live status features. - Removed obsolete `ThinkingActivity` tests and related components to clean up the codebase.
- Introduced `awaitingDecision` state to manage user interactions that require approval, freezing progress indicators during this state. - Updated `LiveSparkle` and `AssistantWorkTrace` components to reflect the new state, ensuring accurate visual feedback when awaiting user decisions. - Enhanced CSS styles for better visibility of action rows based on pointer capabilities, improving user experience across devices. - Added tests to validate the new behavior of components under the awaiting decision state, ensuring robustness in rendering and functionality. - Improved translations for user-facing messages related to decision waiting states in both English and Chinese.
- Adjusted test assertions in `thinking-trace.test.mjs` and `live-status-width.test.mjs` to reflect changes in the `LiveSparkle` component and `AssistantWorkTrace` class names. - Modified spacing in `AssistantBubbleUnit` and `RoundBlockContent` to ensure consistent vertical rhythm in the UI. - Enhanced `LazyCollapse` and `ToolTraceGroup` components to improve layout behavior and prevent unnecessary gaps. - Updated test descriptions for clarity and accuracy regarding the expected layout behavior.
…ents - Introduced new tests in `live-status-width.test.mjs` to validate the layout of the `LiveSparkle`, `AssistantWorkTrace`, `ToolTraceGroup`, and `ToolCallItem` components. - Updated the `AssistantWorkTrace` and `LiveSparkle` components to ensure proper alignment and spacing of icons within their respective layouts. - Enhanced the `ToolTraceGroup` and `ToolCallItem` components to maintain consistent visual alignment with the overall chat interface. - Improved test descriptions for clarity regarding the expected layout behavior of the components.
This comment was marked as low quality.
This comment was marked as low quality.
Sorry, something went wrong.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
wait