clean(desktop): tighten hover-reveal pane code

KISS pass — flatten the translate ternary, derive a single `revealed`,
inline the edge style, drop the redundant set-guard, and trim comments to
the house one-liner style. No behavior change.

apps/desktop/src/app/chat/sidebar/index.tsx

@@ -248,8 +248,7 @@ export function ChatSidebar({
   const { t } = useI18n()
   const s = t.sidebar
   const sidebarOpen = useStore($sidebarOpen)
-  // When collapsed but hover-revealed (floated over content), render the full
-  // sidebar — search field, pinned + recents — not just the nav rail.
+  // Collapsed-but-hover-revealed → render the full sidebar, not just the nav rail.
   const sidebarRevealed = useStore($sidebarRevealed)
   const contentVisible = sidebarOpen || sidebarRevealed
   const panesFlipped = useStore($panesFlipped)
@@ -586,10 +585,7 @@ export function ChatSidebar({
         sidebarOpen
           ? 'border-(--sidebar-edge-border) bg-(--ui-sidebar-surface-background) opacity-100'
           : 'pointer-events-none border-transparent bg-transparent opacity-0',
-        // Hover-reveal overlay: when collapsed, the PaneShell floats this
-        // sidebar over the content and marks the wrapper `data-pane-hover-reveal`.
-        // Force it fully visible + interactive while revealed, regardless of the
-        // collapsed (sidebarOpen=false) styling above.
+        // While floated by PaneShell's hover-reveal, force visible + interactive.
         'in-data-[pane-hover-reveal=open]:pointer-events-auto in-data-[pane-hover-reveal=open]:border-(--sidebar-edge-border) in-data-[pane-hover-reveal=open]:bg-(--ui-sidebar-surface-background) in-data-[pane-hover-reveal=open]:opacity-100'
       )}
       collapsible="none"

apps/desktop/src/components/pane-shell/pane-shell.tsx

@@ -32,12 +32,7 @@ export interface PaneProps {
   defaultOpen?: boolean
   /** Forces the pane closed (track→0, aria-hidden) without writing to the store — for transient route gates. */
   disabled?: boolean
-  /**
-   * When the pane is collapsed, reveal its contents as a fixed overlay on hover
-   * (or keyboard focus) instead of leaving it fully hidden. The overlay floats
-   * over the main content — it does not reserve grid space, so the collapsed
-   * track stays at 0px.
-   */
+  /** When collapsed, float the contents over the main column on hover/focus instead of hiding them (track stays 0px). */
   hoverReveal?: boolean
   /** Called with the reveal state whenever a collapsed hoverReveal pane floats in/out. */
   onHoverRevealChange?: (revealed: boolean) => void
@@ -234,28 +229,23 @@ export function Pane({
   const side = slot?.side ?? 'left'
 
   // Collapsed + hoverReveal: float the pane contents over the main column on
-  // hover/focus instead of leaving them fully hidden. Honors any persisted
-  // resize width so the overlay matches the pane's expanded size.
+  // hover/focus instead of hiding them. Honors any persisted resize width.
   const overlayActive = !open && hoverReveal && !disabled
+  const override = resizable ? paneStates[id]?.widthOverride : undefined
+  const overlayWidth = override !== undefined ? `${override}px` : widthToCss(width, DEFAULT_WIDTH)
+  const revealed = overlayActive && hoverRevealed
 
-  const overlayWidth =
-    resizable && paneStates[id]?.widthOverride !== undefined
-      ? `${paneStates[id]?.widthOverride}px`
-      : widthToCss(width, DEFAULT_WIDTH)
-
-  // Collapse the reveal whenever the pane reopens or gets disabled so it never
-  // sticks "open" underneath the now-expanded track.
+  // Reset stale reveal state when the track reopens/disables, and surface the
+  // effective state so consumers can render full content while floated.
   useEffect(() => {
-    if (!overlayActive && hoverRevealed) {
+    if (!overlayActive) {
       setHoverRevealed(false)
     }
-  }, [overlayActive, hoverRevealed])
+  }, [overlayActive])
 
-  // Surface the effective reveal state to consumers (e.g. so the sidebar can
-  // render its full content while floated, not just while the track is open).
   useEffect(() => {
-    onHoverRevealChange?.(overlayActive && hoverRevealed)
-  }, [onHoverRevealChange, overlayActive, hoverRevealed])
+    onHoverRevealChange?.(revealed)
+  }, [onHoverRevealChange, revealed])
 
   const startResize = useCallback(
     (event: ReactPointerEvent<HTMLDivElement>) => {
@@ -312,54 +302,44 @@ export function Pane({
     return null
   }
 
-  // Collapsed hover-reveal track: keep the grid cell at 0px (no reserved space)
-  // but don't clip — the trigger strip and the floating overlay both escape the
-  // zero-width box via absolute positioning, so the panel renders over the main
-  // content rather than pushing it.
+  // Collapsed hover-reveal track: grid cell stays 0px (no reserved space) but
+  // unclipped — the hot-zone and floating panel escape it via absolute
+  // positioning, rendering over the main content instead of pushing it.
   if (overlayActive) {
-    const revealEdge = slot.side === 'left' ? { left: 0 } : { right: 0 }
+    const left = slot.side === 'left'
 
     return (
       <div
         className={cn('pointer-events-none relative row-start-1 min-w-0', className)}
-        data-pane-hover-reveal={hoverRevealed ? 'open' : 'closed'}
+        data-pane-hover-reveal={revealed ? 'open' : 'closed'}
         data-pane-id={id}
         data-pane-open="false"
         data-pane-side={slot.side}
         ref={paneRef}
         style={{ gridColumn: `${slot.column} / ${slot.column + 1}` }}
       >
-        {/* Edge hot-zone: hovering it (or moving onto the revealed overlay)
-            keeps the panel open. Sits above main content but is invisible. */}
+        {/* Invisible edge hot-zone — hovering/focusing it floats the panel in. */}
         <button
-          aria-expanded={hoverRevealed}
+          aria-expanded={revealed}
           aria-label={`Reveal ${id}`}
           className={cn(
             'pointer-events-auto absolute inset-y-0 z-30 w-3 cursor-pointer [-webkit-app-region:no-drag]',
-            slot.side === 'left' ? 'left-0' : 'right-0'
+            left ? 'left-0' : 'right-0'
           )}
           onFocus={() => setHoverRevealed(true)}
           onPointerEnter={() => setHoverRevealed(true)}
           type="button"
         />
 
-        {/* Floating panel — fixed-height, absolutely positioned over the main
-            column. Slides in from the edge; hidden (translated off-edge) until
-            hovered/focused. */}
+        {/* Floating panel — full-height, anchored to the edge, slid off until revealed. */}
         <div
           className={cn(
             'pointer-events-auto absolute inset-y-0 z-30 overflow-hidden transition-transform duration-200 ease-out',
-            slot.side === 'left'
-              ? hoverRevealed
-                ? 'translate-x-0'
-                : '-translate-x-[calc(100%+1rem)]'
-              : hoverRevealed
-                ? 'translate-x-0'
-                : 'translate-x-[calc(100%+1rem)]'
+            revealed ? 'translate-x-0' : left ? '-translate-x-[calc(100%+1rem)]' : 'translate-x-[calc(100%+1rem)]'
           )}
           onPointerEnter={() => setHoverRevealed(true)}
           onPointerLeave={() => setHoverRevealed(false)}
-          style={{ ...revealEdge, width: overlayWidth }}
+          style={{ [left ? 'left' : 'right']: 0, width: overlayWidth }}
         >
           <div className="flex h-full w-full flex-col">{children}</div>
         </div>

apps/desktop/src/store/layout.ts

@@ -55,8 +55,7 @@ export const $sidebarWidth: ReadableAtom<number> = computed($paneStates, states
 export const $pinnedSessionIds = atom(storedStringArray(SIDEBAR_PINNED_STORAGE_KEY))
 export const $sidebarPinsOpen = atom(true)
 // Set by the PaneShell hover-reveal overlay while the collapsed sidebar is
-// floated over content. ChatSidebar treats `sidebarOpen || sidebarRevealed` as
-// "show my full self" so session rows render in the overlay too.
+// floated over content; ChatSidebar gates its rows on `sidebarOpen || this`.
 export const $sidebarRevealed = atom(false)
 export const $sidebarRecentsOpen = atom(true)
 // Cron-job sessions live in their own section below recents, collapsed by
@@ -121,9 +120,7 @@ export function setSidebarPinsOpen(open: boolean) {
 }
 
 export function setSidebarRevealed(revealed: boolean) {
-  if ($sidebarRevealed.get() !== revealed) {
-    $sidebarRevealed.set(revealed)
-  }
+  $sidebarRevealed.set(revealed)
 }
 
 export function setSidebarRecentsOpen(open: boolean) {