chore(deps): Bump react-resizable-panels from 3.0.6 to 4.12.2 in /frontend

[dependabot]

Bumps react-resizable-panels from 3.0.6 to 4.12.2.

Release notes

Sourced from react-resizable-panels's releases.

4.12.1

• 723: Bug fix for context menu event (right click) occurring while pointer-resize is active

4.12.0

• 716): Meta info available to onLayoutChanged callback signalling whether resize event was triggered by direct user input (keyboard or mouse)
• useDefaultLayout hook supports onlySaveAfterUserInteractions option to only save layouts when directly triggered by user interactions.

4.9.0

• 702: Add disableDoubleClick prop to Separator to enable turning off the double-click size reset behavior.

4.8.0

• 699: useDefaultLayout hook automatically migrates legacy layouts to version 4 format; see issue 605 or PR 699 for details on how this works.

4.7.6

• 698: Replace Panel aria-disabled attribute with data-disabled

4.7.5

• 696: Improved server rendering support for defaultSize prop

4.7.4

• 689: Fix edge case bug with pointer event capture

4.7.3

• 690: Imperative Panel API supports non-percentage sizes

4.7.2

• 683: Don't scroll separator when setting focus

4.7.1

• 678: Change default overflow styles to support shadows

4.7.0

• 677: Add groupResizeBehavior prop to Panel, enabling panels to retain their current size (pixels) size when the parent Group is resized.

4.6.5

• 670: Check for undefined adoptedStyleSheets (to better support environments like jsdom)
• 671: Bug-fix: Update in-memory layout cache when group is resized by double-clicking on a separator

4.6.4

• 664, 665: Resize actions sometimes "jump" on touch devices

4.6.3

• Fixed a problem with project logo not displaying correctly in the README for the Firefox browser.

4.6.2

• 660: Group guards against layouts with mis-ordered Panel id keys

4.6.1

• 658: Imperative Panel and Group APIs ignored disabled status when resizing panels; this is an explicit override of the disabled state and is required to support conditionally disabled groups.
• 658: Separator component does not set a cursor: not-allowed style if the parent Group has cursors disabled.

... (truncated)

Changelog

Sourced from react-resizable-panels's changelog.

4.12.2

• 726: Updated inline documentation to clarify size units.

4.12.1

• 723: Bug fix for context menu event (right click) occurring while pointer-resize is active

4.12.0

• 716): Meta info available to onLayoutChanged callback signalling whether resize event was triggered by direct user input (keyboard or mouse)
• useDefaultLayout hook supports onlySaveAfterUserInteractions option to only save layouts when directly triggered by user interactions.

4.11.2

• 719): Bug fix: Calculate rem-based sizes relative to owner document (not body)

4.11.1

• 715): Edge case SSR bug fix for panels with defaultSize={0}

4.11.0

• 712: Separator supports :focus-visible pseudo-class
• 703: Fix: edge case scenarios when collapsing the last panel
• 711: Improve legacy browser support wrt global stylesheets

4.10.0

• 705: Add data-separator="focus" state for Separator elements for more consistent custom CSS styles.

4.9.0

• 702: Add disableDoubleClick prop to Separator to enable turning off the double-click size reset behavior.

4.8.0

• 699: useDefaultLayout hook automatically migrates legacy layouts to version 4 format; see issue 605 for details on how this works.

4.7.6

• 698: Replace Panel aria-disabled attribute with data-disabled

4.7.5

• 696: Improved server rendering support for defaultSize prop

4.7.4

• 689: Fix edge case bug with pointer event capture

... (truncated)

Commits

• a1eeb7a 4.12.1 -> 4.12.2
• 3e877a1 4.12.0 -> 4.12.1
• 039d167 fix #723: Ending a drag with a right-click results in panels incorrectly swal...
• 554645a Update README
• 8b0ffa9 4.11.2 -> 4.12.0
• c1d818f feat(Group): pass isUserInteraction flag to onLayoutChanged (closes #716) (#721)
• 335d7f2 Remove temp did-mount state from e2e test harness
• ab519b7 Add a more visible warning message to server-rendering persisted layouts
• 7bf5dad Added a warning to docs
• b227618 4.11.1 -> 4.11.2
• Additional commits viewable in compare view

[thinkbig1979]

@dependabot rebase

[thinkbig1979]

Holding this one — v4 is a breaking change that needs a code fix, not just a lockfile bump.

CI on the rebased head fails at Unit tests, three failures, all in ComposeEnvSplit.test.tsx:

FAIL src/components/stack/__tests__/ComposeEnvSplit.test.tsx > ComposeEnvSplit > renders both editors with the stack id and a draggable handle
FAIL src/components/stack/__tests__/ComposeEnvSplit.test.tsx > ComposeEnvSplit > lays out horizontally on wide screens
FAIL src/components/stack/__tests__/ComposeEnvSplit.test.tsx > ComposeEnvSplit > stacks vertically on narrow screens

Error: Element type is invalid: expected a string (for built-in components) or a
class/function (for composite components) but got: undefined. You likely forgot to
export your component from the file it's defined in, or you might have mixed up
default and named imports.

Check the render method of `ResizablePanelGroup`.

got: undefined means an export the wrapper reaches for no longer exists in v4. frontend/src/components/ui/resizable.tsx (the shadcn wrapper) does a namespace import and touches three names:

import * as ResizablePrimitive from 'react-resizable-panels'
// uses ResizablePrimitive.PanelGroup, .Panel, .PanelResizeHandle

At least one of those three is gone or renamed in 4.x. Because it is a namespace import, TypeScript does not catch it at build time the way a named import would — tsc -b passed and the failure only showed up at render. Worth noting when the fix lands: switching to named imports would move this class of break from runtime to compile time.

This is a real upgrade task, so it is tracked separately rather than merged. Leaving the PR open.

The rest of the wave has landed: #15, #16, #17, #18, #19, #20, #22, #24, #25, #26.