feat(ai-studio): dock execution log beside the properties panel - #64
Merged
Conversation
The log is no longer a centered overlay covering the canvas. It floats bottom-right: against the left edge of the properties panel when the panel is expanded, at the viewport edge otherwise. - height grows with entries up to 430px instead of a fixed 60vh - auto-scroll follows the newest entry; manual scroll pauses it, returning to the bottom resumes it - collapse state persists in sessionStorage for the session - starting an execution reopens a collapsed log
The gray detail box showed a pointer cursor but ignored clicks; only the entry header toggled. Now the entire entry (header + detail) is one toggle area. - text selection inside the entry does not trigger the toggle, so log content stays copyable - clicks on interactive elements (links, buttons) inside the detail do not propagate to the toggle
The floating info button shares the bottom-right corner with the execution log and overlapped the expanded properties panel footer. Hide it while the log is on screen or the properties panel is expanded; it returns once the corner is free.
librowski
requested review from
lukasz-jazwa,
piotrblaszczyk and
szymon-t-sc
as code owners
July 10, 2026 13:55
- full-word selector params (state, not s) across touched files - named constants for magic numbers: scroll bottom tolerance, detail preview length, node id preview length, expanded-panel height ratio - anchor hook decomposed into findRightPanel / measureAnchor / observeAnchor / sameAnchor instead of one closure with an alias - toggleLog reuses setLogCollapsed instead of a side effect inside the setState updater; persist helper renamed to persistLogCollapsed - clsx for conditional class lists instead of template strings - dropped a dead styles lookup (event--<type> classes do not exist)
Clicking the detail box collapsed the entry under the cursor, which fought with reading and copying the content. The toggle now lives on the header row alone and the detail is plain selectable text without a pointer affordance. Refines the toggle behavior after hands-on testing; diverges from the ticket's whole-entry-toggle wording, ticket to be updated.
Reverts the header-only constraint - the ticket spec is correct as written: header and detail box form one toggle area, with text selection and interactive elements guarded.
librowski
force-pushed
the
ai-studio-ux-improvements-2
branch
from
July 14, 2026 10:38
7bf1ab8 to
88babe8
Compare
szymon-t-sc
reviewed
Jul 14, 2026
szymon-t-sc
reviewed
Jul 14, 2026
szymon-t-sc
approved these changes
Jul 14, 2026
lukasz-jazwa
approved these changes
Jul 15, 2026
- persist the log collapse state via zustand persist middleware with partialize and sessionStorage instead of hand-rolled helpers; resetExecution keeps the current value through the updater - is-prefix for boolean variables: isLogCollapsed, isPanelExpanded, isLogVisible, isOpen, isExpanded, isHighlighted, isCollapsed
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
4 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.
What
Execution Log placement
useRightPanelAnchor).Log entry interaction
Welcome reopen button
Verification
Exercised in the browser against a simulated execution stream: anchor behavior in both panel states, growth to the 430px cap, auto-scroll pause/resume, session persistence of the collapse state, auto-open on execution start, whole-entry toggling, and the text-selection guard.
pnpm lint,pnpm typecheck(ai-studio),pnpm format, andpnpm testare green. Theapps/docstypecheck failure (astro check/ Starlight sidebar types) is pre-existing and unrelated.