stack/apps
Madison 87a0fa98df
resize functionality on stack-companion (#845)
<!--

Make sure you've read the CONTRIBUTING.md guidelines:
https://github.com/stack-auth/stack-auth/blob/dev/CONTRIBUTING.md

-->

Adds resize functionality to the stack companion. 
<!-- ELLIPSIS_HIDDEN -->


----

> [!IMPORTANT]
> Adds resizable width functionality to `StackCompanion` with drag
handle and visual feedback in `stack-companion.tsx`.
> 
>   - **Behavior**:
> - Adds resize functionality to `StackCompanion` in
`stack-companion.tsx`, allowing width adjustment between 280–2000px.
> - Implements drag handle for resizing with visual feedback during
drag.
> - Maintains collapsed state with fixed width and disabled transition
during drag.
>   - **State Management**:
> - Introduces `width`, `isResizing`, `nubStretch`, and `nubInitialY`
states for handling resize logic.
>     - Uses `useRef` for the resize handle element.
>   - **Event Handling**:
> - Adds `handleMouseDown`, `handleMouseMove`, and `handleMouseUp` for
managing resize interactions.
> - Applies cursor and user-select styles during resize to enhance UX.
>   - **Style**:
> - Adds visual elements for resize handle, including grip lines and
color transitions.
> 
> <sup>This description was created by </sup>[<img alt="Ellipsis"
src="https://img.shields.io/badge/Ellipsis-blue?color=175173">](https://www.ellipsis.dev?ref=stack-auth%2Fstack-auth&utm_source=github&utm_medium=referral)<sup>
for 9a088d1cfa. You can
[customize](https://app.ellipsis.dev/stack-auth/settings/summaries) this
summary. It will automatically update as commits are pushed.</sup>

----


<!-- ELLIPSIS_HIDDEN -->

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

- **New Features**
- Stack Companion panel is now client-resizable via a drag handle when
expanded (width adjustable between 280px and 2000px, default 320px).
- Two-column expanded layout: resizable left rail and right content area
with active-item header and tooltips for rail items.
- Collapsed rail retained with compact width and disabled transition
while dragging.

- **Style**
- Visible resize handle with pill/grip visuals and refined
scrollbar/formatting tweaks.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

---------

Co-authored-by: Konsti Wohlwend <n2d4xc@gmail.com>
2025-08-19 16:53:54 -05:00
..
backend chore: update package versions 2025-08-19 14:28:04 -07:00
dashboard resize functionality on stack-companion (#845) 2025-08-19 16:53:54 -05:00
dev-launchpad chore: update package versions 2025-08-19 14:28:04 -07:00
e2e chore: update package versions 2025-08-19 14:28:04 -07:00
mock-oauth-server chore: update package versions 2025-08-19 14:28:04 -07:00
oauth-mock-server In-source unit tests (#429) 2025-02-14 11:47:52 -08:00