feat(toolbar): flat toolbar redesign + agent presence indicator#790
Open
jacobjove wants to merge 5 commits into
Open
feat(toolbar): flat toolbar redesign + agent presence indicator#790jacobjove wants to merge 5 commits into
jacobjove wants to merge 5 commits into
Conversation
|
Someone is attempting to deploy a commit to the EigenPal Team on Vercel. A member of the Team first needs to authorize it. |
Contributor
|
All contributors have signed the CLA ✍️ ✅ Posted by the CLA bot. |
jacobjove
force-pushed
the
feat/toolbar-refresh
branch
3 times, most recently
from
a6571c2 to
20d89c5
Compare
Refresh the editor toolbar to a flat, single-surface design — borderless icon buttons, a blue-tint active state, a segmented font-size control, and consistent dividers/spacing — and add an AgentActivityIndicator component for AI-collaborator presence in the title-bar slot. React + Vue. Also reproduce the button-relevant subset of Tailwind preflight, scoped to .ep-root. The library ships without preflight (so it never resets a host app's styles); without it, host apps lacking their own reset get leftover user-agent button chrome, width-only border utilities that render nothing, no pointer cursor on buttons, and content-box inputs that resize on focus. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
jacobjove
force-pushed
the
feat/toolbar-refresh
branch
from
20d89c5 to
0414e17
Compare
- Replace bare hex/rgba/named colors in the toolbar + agent-presence components with the existing --doc-* chrome tokens (surface, shadow, primary, text, border, bg-hover, text-subtle/-muted) so they re-theme under .ep-root.dark. Adds a constant --doc-on-agent token for the white foreground on the indigo agent badge (badge stays indigo in dark, so it must not invert). React + Vue. - Regenerate docs/api/docx-editor-react/ui.api.md for the ZoomControl props this PR added — api:check was missing them (would fail CI on merge).
… reset The library ships `@tailwind utilities` only (no preflight) so it never resets a host app's styles. Document the silent breakages in a host without its own reset (UA button chrome, no-op width-only borders, content-box inputs, var-dependent transform utilities) and the .ep-root scoped subset that mitigates them. Pairs with the editor.css preflight reset in eigenpal#790. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
The api-extractor golden for @eigenpal/docx-editor-react drifted once main's toolchain bump changed how the AgentActivityIndicator return type resolves (react_jsx_runtime.JSX.Element -> React_2.JSX.Element). Regenerated on the merged state so api:check is green.
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
1 participant
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.
Refreshes the editor toolbar to a flat, single-surface design (borderless icon buttons, blue-tint active state, segmented font-size control, consistent dividers) and adds an
AgentActivityIndicatorcomponent for showing AI-collaborator presence in the title-bar slot.Separately fixes a latent rendering bug: the library ships without Tailwind's preflight (by design, so it never resets a host app's styles), but nothing reproduced the button-relevant subset for the editor's own controls. In host apps without their own reset, toolbar buttons inherited user-agent chrome, width-only border utilities rendered nothing (
border-styledefaults tonone), buttons had no pointer cursor, and content-box inputs resized on focus. Now reproduced scoped to.ep-root.React and Vue both updated; changeset included (minor — additive
AgentActivityIndicator).Need help on this PR? Tag
/codesmithwith what you need. Autofix is disabled.