Repository navigation
perf: load agent workspace asynchronously - #7
Merged
Merged
Conversation
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
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.
This change loads ModalAgentWorkspace through React.lazy and moves the agent workspace code out of the main entry bundle. The workspace is still rendered by default, so its async chunk starts loading during application startup and the existing user-facing behavior remains unchanged.
In a production build, the main entry bundle decreased from 2,832.22 kB to 2,428.99 kB raw, and from 785.78 kB to 672.85 kB gzip. This reduces the initial entry by 403.23 kB raw, or 14.2%, and 112.93 kB gzip, or 14.4%. The extracted ModalAgentWorkspace chunk is 92.48 kB raw and 26.40 kB gzip.
This is a code-splitting optimization rather than code removal, so the total size of all generated assets is essentially unchanged. The main benefits are a smaller entry bundle, deferred parsing and evaluation of the workspace code, and a separately cacheable async chunk.
Build and lint checks pass with
npm run build -- --emptyOutDir,npm run lint, andnpm run lint-css. Playwright E2E tests were not run because the local environment does not have the required Chromium executable.