@effect-tui/react 0.1.7 → 0.2.1

package/src/hosts/flex-container.ts

@@ -1,9 +1,9 @@
 // flex-container.ts — Unified base class for VStackHost and HStackHost
-import type { CellBuffer, Palette, Color } from "@effect-tui/core"
+import type { CellBuffer, Color, Palette } from "@effect-tui/core"
 import { splitConstraints } from "@effect-tui/core"
-import type { HostContext, Rect, Size, CommonProps } from "../reconciler/types.js"
+import type { CommonProps, HostContext, Rect, Size } from "../reconciler/types.js"
+import { type FlexAlignment, type FlexAxis, layoutFlex, measureFlex, resolveBgStyle } from "../utils/index.js"
 import { BaseHost } from "./base.js"
-import { measureFlex, layoutFlex, type FlexAxis, type FlexAlignment, resolveBgStyle } from "../utils/index.js"
 
 export type CrossAlignment<A extends FlexAxis> = A extends "vertical"
 	? "leading" | "center" | "trailing"
@@ -84,12 +84,14 @@ export class FlexContainerHost<A extends FlexAxis> extends BaseHost {
 
 	override layout(rect: Rect): void {
 		super.layout(rect)
+		// Use this.rect (constrained) not rect (raw input)
+		if (!this.rect) return
 		const stretchCross = this.axis === "vertical" ? this.alignment === "leading" : this.alignment === "top"
 		layoutFlex(
 			this.axis,
 			this.layoutChildren,
 			this.cachedSizes,
-			rect,
+			this.rect,
 			this.spacing,
 			toFlexAlignment(this.axis, this.alignment),
 			stretchCross,

package/src/hosts/hstack.ts

@@ -1,4 +1,4 @@
-import type { HostContext, CommonProps } from "../reconciler/types.js"
+import type { CommonProps, HostContext } from "../reconciler/types.js"
 import { FlexContainerHost, type FlexContainerProps } from "./flex-container.js"
 
 export interface HStackProps extends CommonProps {

package/src/hosts/index.ts

@@ -1,30 +1,30 @@
-import type { HostContext, CommonProps } from "../reconciler/types.js"
+import type { CommonProps, HostContext } from "../reconciler/types.js"
 import type { BaseHost } from "./base.js"
-import { TextHost, RawTextHost } from "./text.js"
-import { SpacerHost } from "./spacer.js"
-import { VStackHost } from "./vstack.js"
-import { HStackHost } from "./hstack.js"
-import { ZStackHost } from "./zstack.js"
 import { BoxHost } from "./box.js"
 import { CanvasHost } from "./canvas.js"
 import { CodeBlockHost } from "./codeblock.js"
-import { ScrollHost } from "./scroll.js"
+import { HStackHost } from "./hstack.js"
 import { OverlayHost } from "./overlay.js"
 import { OverlayItemHost } from "./overlay-item.js"
-export { SingleChildHost } from "./single-child.js"
+import { ScrollHost } from "./scroll.js"
+import { SpacerHost } from "./spacer.js"
+import { RawTextHost, TextHost } from "./text.js"
+import { VStackHost } from "./vstack.js"
+import { ZStackHost } from "./zstack.js"
 
 export { BaseHost } from "./base.js"
-export { TextHost, RawTextHost, type TextProps } from "./text.js"
-export { SpacerHost, type SpacerProps } from "./spacer.js"
-export { VStackHost, type VStackProps } from "./vstack.js"
-export { HStackHost, type HStackProps } from "./hstack.js"
-export { ZStackHost, type ZStackProps } from "./zstack.js"
 export { BoxHost, type BoxProps } from "./box.js"
 export { CanvasHost, type CanvasProps, type DrawContext } from "./canvas.js"
 export { CodeBlockHost, type CodeBlockProps } from "./codeblock.js"
-export { ScrollHost, type ScrollProps } from "./scroll.js"
+export { HStackHost, type HStackProps } from "./hstack.js"
 export { OverlayHost, type OverlayProps } from "./overlay.js"
 export { OverlayItemHost, type OverlayItemProps } from "./overlay-item.js"
+export { ScrollHost, type ScrollProps } from "./scroll.js"
+export { SingleChildHost } from "./single-child.js"
+export { SpacerHost, type SpacerProps } from "./spacer.js"
+export { RawTextHost, TextHost, type TextProps } from "./text.js"
+export { VStackHost, type VStackProps } from "./vstack.js"
+export { ZStackHost, type ZStackProps } from "./zstack.js"
 
 // Use any to allow specialized props on each host type
 // eslint-disable-next-line @typescript-eslint/no-explicit-any

package/src/hosts/overlay-item.ts

@@ -6,7 +6,7 @@
  */
 
 import type { CellBuffer, Palette, Rect, Size } from "@effect-tui/core"
-import type { HostContext, CommonProps } from "../reconciler/types.js"
+import type { CommonProps, HostContext } from "../reconciler/types.js"
 import { SingleChildHost } from "./single-child.js"
 
 type HAlign = "left" | "center" | "right"

package/src/hosts/overlay.ts

@@ -17,9 +17,9 @@
  */
 
 import type { CellBuffer, Palette, Rect, Size } from "@effect-tui/core"
-import type { HostContext, CommonProps } from "../reconciler/types.js"
-import { BaseHost } from "./base.js"
+import type { CommonProps, HostContext } from "../reconciler/types.js"
 import { alignInRect } from "../utils/index.js"
+import { BaseHost } from "./base.js"
 import type { OverlayItemHost } from "./overlay-item.js"
 
 export interface OverlayProps extends CommonProps {}

package/src/hosts/scroll.ts

@@ -1,8 +1,8 @@
 // scroll.ts — Scrollable container host
-import type { CellBuffer, Palette, Color } from "@effect-tui/core"
-import type { HostContext, Rect, Size, CommonProps } from "../reconciler/types.js"
-import { SingleChildHost } from "./single-child.js"
+import type { CellBuffer, Color, Palette } from "@effect-tui/core"
+import type { CommonProps, HostContext, Rect, Size } from "../reconciler/types.js"
 import { resolveInheritedBgStyle } from "../utils/index.js"
+import { SingleChildHost } from "./single-child.js"
 
 export interface ScrollProps extends CommonProps {
 	/** Scroll axis: "vertical" (default), "horizontal", or "both" */
@@ -38,6 +38,9 @@ export class ScrollHost extends SingleChildHost {
 	bg?: Color
 	showScrollbar = true
 	sticky = false
+
+	// Scroll is greedy by default - expands to fill available space
+	override greedy: boolean | number | undefined = 1
 	onContentSize?: (width: number, height: number) => void
 	onViewportSize?: (width: number, height: number) => void
 	onEffectiveOffset?: (offset: number) => void
@@ -85,8 +88,12 @@ export class ScrollHost extends SingleChildHost {
 			// Note: onContentSize callback is deferred to layout() to keep measure() pure
 		}
 
-		// Scroll container is greedy - takes all available space (after constraints)
-		return this.constrainResult({ w: constrained.w, h: constrained.h })
+		// Report natural content size (clamped to constrained bounds)
+		// Greedy expansion happens in layout phase via layoutFlex
+		const naturalW = Math.min(this.contentWidth, constrained.w)
+		const naturalH = Math.min(this.contentHeight, constrained.h)
+
+		return this.constrainResult({ w: naturalW, h: naturalH })
 	}
 
 	override layout(rect: Rect): void {
@@ -239,6 +246,10 @@ export class ScrollHost extends SingleChildHost {
 
 	override updateProps(props: Record<string, unknown>): void {
 		super.updateProps(props)
+		// Scroll is greedy by default unless explicitly set to false
+		if (!("greedy" in props)) {
+			this.greedy = 1
+		}
 		if (props.axis !== undefined) this.axis = (props.axis as ScrollProps["axis"]) ?? "vertical"
 		if (props.offset !== undefined) this.offset = props.offset as number
 		if (props.offsetX !== undefined) this.offsetX = props.offsetX as number

package/src/hosts/single-child.ts

@@ -1,4 +1,4 @@
-import type { HostInstance, CommonProps, HostContext } from "../reconciler/types.js"
+import type { CommonProps, HostContext, HostInstance } from "../reconciler/types.js"
 import { BaseHost } from "./base.js"
 
 /**

package/src/hosts/spacer.ts

@@ -1,5 +1,5 @@
 import type { CellBuffer, Palette } from "@effect-tui/core"
-import type { HostContext, Rect, Size, CommonProps } from "../reconciler/types.js"
+import type { CommonProps, HostContext, Rect, Size } from "../reconciler/types.js"
 import { BaseHost } from "./base.js"
 
 export interface SpacerProps extends CommonProps {
@@ -13,15 +13,16 @@ export class SpacerHost extends BaseHost {
 	minWidth = 0
 	minHeight = 0
 
+	// Spacers are greedy by default
+	override greedy: boolean | number | undefined = 1
+
 	constructor(props: SpacerProps, ctx: HostContext) {
-		// Spacers have flexGrow=1 by default
-		const propsWithDefaults = { flexGrow: 1, ...props }
-		super("spacer", propsWithDefaults, ctx)
-		this.updateProps(propsWithDefaults)
+		super("spacer", props, ctx)
+		this.updateProps(props)
 	}
 
 	measure(_maxW: number, _maxH: number): Size {
-		// Spacers have no natural size, they expand via flexGrow
+		// Spacers have no natural size, they expand via greedy
 		return { w: this.minWidth, h: this.minHeight }
 	}
 
@@ -34,10 +35,11 @@ export class SpacerHost extends BaseHost {
 	}
 
 	override updateProps(props: Record<string, unknown>): void {
-		// Keep spacer default flexGrow=1 unless explicitly provided
-		const flexGrow = props.flexGrow as number | undefined
-		const propsWithDefaults = flexGrow === undefined ? { ...props, flexGrow: 1 } : props
-		super.updateProps(propsWithDefaults)
+		super.updateProps(props)
+		// Spacer is greedy by default unless explicitly set to false
+		if (!("greedy" in props)) {
+			this.greedy = 1
+		}
 		if (props.minWidth !== undefined) this.minWidth = props.minWidth as number
 		if (props.minHeight !== undefined) this.minHeight = props.minHeight as number
 	}

package/src/hosts/text.ts

@@ -1,7 +1,7 @@
-import { displayWidth, type CellBuffer, type Palette, type Color } from "@effect-tui/core"
-import type { HostContext, Rect, Size, CommonProps } from "../reconciler/types.js"
-import { BaseHost, getInheritedBg } from "./base.js"
+import { type CellBuffer, type Color, displayWidth, type Palette } from "@effect-tui/core"
+import type { CommonProps, HostContext, Rect, Size } from "../reconciler/types.js"
 import { resolveInheritedBgStyle, styleIdFromProps } from "../utils/index.js"
+import { BaseHost, getInheritedBg } from "./base.js"
 
 export interface TextProps extends CommonProps {
 	fg?: Color

package/src/hosts/vstack.ts

@@ -1,4 +1,4 @@
-import type { HostContext, CommonProps } from "../reconciler/types.js"
+import type { CommonProps, HostContext } from "../reconciler/types.js"
 import { FlexContainerHost, type FlexContainerProps } from "./flex-container.js"
 
 export interface VStackProps extends CommonProps {

package/src/hosts/zstack.ts

@@ -1,7 +1,7 @@
 import type { CellBuffer, Palette } from "@effect-tui/core"
-import type { HostContext, Rect, Size, CommonProps } from "../reconciler/types.js"
-import { BaseHost } from "./base.js"
+import type { CommonProps, HostContext, Rect, Size } from "../reconciler/types.js"
 import { alignInRect, type HAlign, type VAlign } from "../utils/index.js"
+import { BaseHost } from "./base.js"
 
 export interface ZStackProps extends CommonProps {
 	alignment?: { h?: "leading" | "center" | "trailing"; v?: "top" | "center" | "bottom" }

package/src/index.ts

@@ -1,88 +1,88 @@
 // Convenience: re-export core theming/types so apps can import from one place
 export * from "@effect-tui/core"
-
-// Renderer
-export {
-	createRenderer,
-	createRoot,
-	render,
-	useRenderer,
-	useTerminalSize,
-	RendererContext,
-} from "./renderer.js"
-export type { TuiRenderer, RendererOptions, Root, FrameStats, RenderInstance } from "./renderer.js"
-
+export type { CodeBlockProps } from "./codeblock.js"
 // CodeBlock (syntax highlighting)
 export { CodeBlock } from "./codeblock.js"
-export type { CodeBlockProps } from "./codeblock.js"
-
+// Input components
+export {
+	Markdown,
+	type MarkdownProps,
+	type MarkdownTheme,
+	MultilineTextInput,
+	type MultilineTextInputProps,
+	Overlay,
+	type OverlayItemProps,
+	type OverlayProps,
+	Static,
+	type StaticProps,
+	TextInput,
+	type TextInputProps,
+} from "./components/index.js"
+// Debug
+export { DiagnosticsPanel } from "./debug/DiagnosticsPanel.js"
+// Development utilities (HMR)
+export {
+	autoHmr,
+	type DevRenderOptions,
+	type DevRenderResult,
+	devMain,
+	devRender,
+	hmr,
+	hmrState,
+} from "./dev.js"
 // Highlight utilities
 export {
-	highlightCode,
-	toPlainLines,
 	type HighlightLine,
 	type HighlightToken,
 	type HighlightTokenStyle,
+	highlightCode,
+	toPlainLines,
 } from "./highlight.js"
-
-// Hooks
-export { useKeyboard, useMouse, usePaste, useScroll } from "./hooks/index.js"
-export { useFrameStats } from "./hooks/useFrameStats.js"
 export type {
+	ScrollState,
 	UseKeyboardOptions,
 	UseMouseOptions,
 	UseScrollOptions,
 	UseScrollReturn,
-	ScrollState,
 } from "./hooks/index.js"
-
+// Hooks
+export { useKeyboard, useMouse, usePaste, useQuit, useScroll } from "./hooks/index.js"
+export { useFrameStats } from "./hooks/useFrameStats.js"
+export type { BorderKind, BoxProps } from "./hosts/box.js"
+export type { CanvasProps, DrawContext } from "./hosts/canvas.js"
+export type { HStackProps } from "./hosts/hstack.js"
+export type { ScrollProps } from "./hosts/scroll.js"
+export type { SpacerProps } from "./hosts/spacer.js"
+export type { TextProps } from "./hosts/text.js"
+export type { VStackProps } from "./hosts/vstack.js"
+export type { ZStackProps } from "./hosts/zstack.js"
+export type { ColorInput, MotionValue, RGBA, SpringOptions } from "./motion/index.js"
 // Motion (spring animations)
 export {
-	useMotionValue,
-	useSpring,
-	useSprings,
-	useSpringRenderer,
-	useMotionValueEvent,
-	useAnimationFrame,
-	motionValue,
 	// Color springs
 	ColorMotionValue,
+	motionValue,
+	useAnimationFrame,
 	useColorMotionValue,
 	useColorSpring,
+	useMotionValue,
+	useMotionValueEvent,
+	useSpring,
+	useSpringRenderer,
+	useSprings,
 } from "./motion/index.js"
-export type { SpringOptions, MotionValue, RGBA, ColorInput } from "./motion/index.js"
-
 // Types
-export type { HostInstance, HostContext, Rect, Size, CommonProps } from "./reconciler/types.js"
-export type { TextProps } from "./hosts/text.js"
-export type { SpacerProps } from "./hosts/spacer.js"
-export type { VStackProps } from "./hosts/vstack.js"
-export type { HStackProps } from "./hosts/hstack.js"
-export type { ZStackProps } from "./hosts/zstack.js"
-export type { BoxProps, BorderKind } from "./hosts/box.js"
-export type { CanvasProps, DrawContext } from "./hosts/canvas.js"
-export type { ScrollProps } from "./hosts/scroll.js"
-
-// Debug
-export { DiagnosticsPanel } from "./debug/DiagnosticsPanel.js"
-
-// Input components
-export { TextInput, type TextInputProps } from "./components/index.js"
-export { MultilineTextInput, type MultilineTextInputProps } from "./components/index.js"
-export { Markdown, type MarkdownProps, type MarkdownTheme } from "./components/index.js"
-export { Static, type StaticProps } from "./components/index.js"
-export { Overlay, type OverlayProps, type OverlayItemProps } from "./components/index.js"
-
-// Development utilities (HMR)
+export type { CommonProps, HostContext, HostInstance, Rect, Size } from "./reconciler/types.js"
+export type { FrameStats, RendererOptions, RenderInstance, Root, TuiRenderer } from "./renderer.js"
+// Renderer
 export {
-	devRender,
-	devMain,
-	hmr,
-	hmrState,
-	autoHmr,
-	type DevRenderOptions,
-	type DevRenderResult,
-} from "./dev.js"
+	createRenderer,
+	createRoot,
+	RendererContext,
+	render,
+	useRenderer,
+	useTerminalSize,
+} from "./renderer.js"
 
 // JSX types are provided via jsxImportSource: "@effect-tui/react"
 // See jsx-runtime.ts at package root for the JSX namespace

package/src/inline/index.tsx

@@ -7,8 +7,8 @@
 //   }).pipe(Effect.provide(InlineRendererLive))
 //   Effect.runPromise(program)
 
-import { Context, Effect, Either, Layer } from "effect"
 import { Colors } from "@effect-tui/core"
+import { Context, Effect, Either, Layer } from "effect"
 import { createRenderer, createRoot } from "../renderer.js"
 
 // Spinner frames

package/src/motion/color-motion-value.ts

@@ -2,7 +2,7 @@
  * ColorMotionValue - animates RGBA colors using 4 internal numeric springs.
  */
 
-import { parseColor, type RGBA, type ColorInput } from "./color.js"
+import { type ColorInput, parseColor, type RGBA } from "./color.js"
 import { EventEmitter } from "./event-emitter.js"
 import { MotionValue } from "./motion-value.js"
 import type { SpringOptions } from "./types.js"

package/src/motion/color.test.ts

@@ -1,5 +1,5 @@
-import { describe, it, expect } from "vitest"
-import { parseColor, isColorInput } from "./color.js"
+import { describe, expect, it } from "vitest"
+import { isColorInput, parseColor } from "./color.js"
 
 describe("parseColor", () => {
 	describe("hex", () => {

package/src/motion/color.ts

@@ -2,9 +2,9 @@
 // Re-exports from @effect-tui/core with local aliases
 
 export {
-	parseColorRGBA as parseColor,
+	type ColorInput,
 	hslToRgba as hslToRgb,
 	isColorInput,
+	parseColorRGBA as parseColor,
 	type RGBA,
-	type ColorInput,
 } from "@effect-tui/core"

package/src/motion/hooks.ts

@@ -4,11 +4,11 @@
 
 import { useCallback, useEffect, useRef } from "react"
 import { useRenderer } from "../renderer.js"
-import { MotionValue } from "./motion-value.js"
+import type { ColorInput } from "./color.js"
 import { ColorMotionValue } from "./color-motion-value.js"
-import type { SpringOptions } from "./types.js"
 import type { EventName, Subscriber } from "./event-emitter.js"
-import type { ColorInput } from "./color.js"
+import { MotionValue } from "./motion-value.js"
+import type { SpringOptions } from "./types.js"
 
 // Global requestRender callback - set by useSpringRenderer hook
 let globalRequestRender: (() => void) | null = null

package/src/motion/index.ts

@@ -1,17 +1,17 @@
 // Motion-inspired animation system for TUI
 // Analytical spring physics (not Euler integration) + setTimeout-based frame loop
 
-export type { SpringOptions, MotionValue, RGBA, ColorInput } from "./motion-value.js"
+export { useAnimationFrame } from "./frame.js"
+export type { ColorInput, MotionValue, RGBA, SpringOptions } from "./motion-value.js"
 export {
-	motionValue,
-	useMotionValue,
-	useSpring,
-	useSprings,
-	useSpringRenderer,
-	useMotionValueEvent,
 	// Color springs
 	ColorMotionValue,
+	motionValue,
 	useColorMotionValue,
 	useColorSpring,
+	useMotionValue,
+	useMotionValueEvent,
+	useSpring,
+	useSpringRenderer,
+	useSprings,
 } from "./motion-value.js"
-export { useAnimationFrame } from "./frame.js"

package/src/motion/motion-value.test.ts

@@ -1,4 +1,4 @@
-import { describe, it, expect } from "vitest"
+import { describe, expect, it } from "vitest"
 import { motionValue } from "./motion-value.js"
 
 describe("MotionValue", () => {

package/src/motion/motion-value.ts

@@ -3,10 +3,10 @@
  * Inspired by framer-motion's MotionValue.
  */
 
-import { subscribeFrame } from "./frame.js"
 import { EventEmitter } from "./event-emitter.js"
+import { subscribeFrame } from "./frame.js"
 import { createSpringResolver, springFromVisualDuration } from "./spring-math.js"
-import { type SpringOptions, DEFAULT_SPRING_OPTIONS } from "./types.js"
+import { DEFAULT_SPRING_OPTIONS, type SpringOptions } from "./types.js"
 
 /** Create a MotionValue. Factory function like Motion's motionValue(). */
 export function motionValue<T>(initial: T): MotionValue<T> {
@@ -123,18 +123,18 @@ export class MotionValue<T = number> extends EventEmitter<T> {
 	}
 }
 
-// Re-export everything for backwards compatibility
-export { type SpringOptions, DEFAULT_SPRING_OPTIONS } from "./types.js"
-export type { EventName, Subscriber } from "./event-emitter.js"
-export { createSpringResolver, springFromVisualDuration, isSpringSettled } from "./spring-math.js"
+export type { ColorInput, RGBA } from "./color.js"
 export { ColorMotionValue } from "./color-motion-value.js"
+export type { EventName, Subscriber } from "./event-emitter.js"
 export {
+	useColorMotionValue,
+	useColorSpring,
 	useMotionValue,
+	useMotionValueEvent,
 	useSpring,
-	useSprings,
 	useSpringRenderer,
-	useMotionValueEvent,
-	useColorMotionValue,
-	useColorSpring,
+	useSprings,
 } from "./hooks.js"
-export type { RGBA, ColorInput } from "./color.js"
+export { createSpringResolver, isSpringSettled, springFromVisualDuration } from "./spring-math.js"
+// Re-export everything for backwards compatibility
+export { DEFAULT_SPRING_OPTIONS, type SpringOptions } from "./types.js"

package/src/reconciler/host-config.ts

@@ -1,8 +1,8 @@
-import Reconciler from "react-reconciler"
 import { createContext } from "react"
-import type { HostInstance, HostContext } from "./types.js"
-import { createHostInstance, createTextInstance, type RawTextHost, type BaseHost } from "../hosts/index.js"
+import Reconciler from "react-reconciler"
+import { type BaseHost, createHostInstance, createTextInstance, type RawTextHost } from "../hosts/index.js"
 import { noopMethods } from "./noop-methods.js"
+import type { HostContext, HostInstance } from "./types.js"
 
 // ============================================================================
 // Type Definitions

package/src/reconciler/types.ts

@@ -1,4 +1,4 @@
-import type { CellBuffer, Palette, Size, Rect } from "@effect-tui/core"
+import type { CellBuffer, Palette, Rect, Size } from "@effect-tui/core"
 
 // Re-export for backwards compatibility
 export type { Size, Rect }
@@ -92,10 +92,15 @@ export interface HostContext {
  * With the constraint, it reports exactly 10, so spacer gets the rest.
  */
 export interface CommonProps {
-	/** Flex grow factor - how much extra space this view takes (default: 0) */
-	flexGrow?: number
-	/** Flex shrink factor - how much this view shrinks when space is tight (default: 1) */
-	flexShrink?: number
+	/**
+	 * Greedy layout - element expands to fill remaining space.
+	 * - `true` or `1`: takes 1 share of remaining space
+	 * - number > 1: takes proportionally more (e.g., `greedy={2}` gets 2x space)
+	 * - `false` or undefined: hugs content (default)
+	 *
+	 * Scroll and Spacer are greedy by default.
+	 */
+	greedy?: boolean | number
 
 	// ─────────────────────────────────────────────────────────────
 	// Frame constraints (like SwiftUI's .frame modifier)

package/src/remote/Procedures.ts

@@ -47,10 +47,4 @@ const Info = Rpc.make("Info", {
 })
 
 // Group all RPCs together
-export class TuiRpcs extends RpcGroup.make(
-	Screenshot,
-	SendKey,
-	Paste,
-	Resize,
-	Info,
-) {}
+export class TuiRpcs extends RpcGroup.make(Screenshot, SendKey, Paste, Resize, Info) {}

package/src/remote/Router.ts

@@ -1,7 +1,7 @@
 // RPC handlers for remote session control
 import type { Rpc } from "@effect/rpc"
-import { Effect, Layer, Context } from "effect"
 import type { KeyMsg } from "@effect-tui/core"
+import { Context, Effect, type Layer } from "effect"
 import { TuiRpcs } from "./Procedures.js"
 
 // Service interface for the TUI session
@@ -19,10 +19,7 @@ export interface TuiSessionImpl {
 	}
 }
 
-export class TuiSession extends Context.Tag("TuiSession")<
-	TuiSession,
-	TuiSessionImpl
->() {}
+export class TuiSession extends Context.Tag("TuiSession")<TuiSession, TuiSessionImpl>() {}
 
 // Create the RPC handlers layer
 export const HandlersLive: Layer.Layer<
@@ -55,8 +52,7 @@ export const HandlersLive: Layer.Layer<
 
 			Paste: ({ text }) => Effect.sync(() => session.dispatchPaste(text)),
 
-			Resize: ({ width, height }) =>
-				Effect.sync(() => session.dispatchResize(width, height)),
+			Resize: ({ width, height }) => Effect.sync(() => session.dispatchResize(width, height)),
 
 			Info: () => Effect.sync(() => session.getInfo()),
 		}

package/src/remote/Server.ts

@@ -1,9 +1,10 @@
 // Remote server that exposes TUI session via Unix socket
-import { Effect, Layer } from "effect"
-import { RpcSerialization, RpcServer } from "@effect/rpc"
-import { BunSocketServer } from "@effect/platform-bun"
+
 import * as fs from "node:fs"
 import * as path from "node:path"
+import { BunSocketServer } from "@effect/platform-bun"
+import { RpcSerialization, RpcServer } from "@effect/rpc"
+import { Effect, Layer } from "effect"
 import { TuiRpcs } from "./Procedures.js"
 import { HandlersLive, TuiSession, type TuiSessionImpl } from "./Router.js"
 
@@ -18,8 +19,7 @@ const ensureSocketDir = Effect.sync(() => {
 })
 
 // Get socket path for current process
-export const getSocketPath = (pid?: number) =>
-	path.join(SOCKET_DIR, `${pid ?? process.pid}.sock`)
+export const getSocketPath = (pid?: number) => path.join(SOCKET_DIR, `${pid ?? process.pid}.sock`)
 
 // Clean up socket file
 const cleanupSocket = (socketPath: string) =>
@@ -34,10 +34,7 @@ const cleanupSocket = (socketPath: string) =>
 	})
 
 // Create the server layer
-export const makeServerLayer = (
-	sessionImpl: TuiSessionImpl,
-	socketPath?: string,
-) => {
+export const makeServerLayer = (sessionImpl: TuiSessionImpl, socketPath?: string) => {
 	const actualPath = socketPath ?? getSocketPath()
 
 	// Setup layer - creates directory, cleans stale socket
@@ -52,9 +49,7 @@ export const makeServerLayer = (
 	)
 
 	// RPC handlers layer (needs TuiSession)
-	const HandlersLayer = HandlersLive.pipe(
-		Layer.provide(Layer.succeed(TuiSession, sessionImpl)),
-	)
+	const HandlersLayer = HandlersLive.pipe(Layer.provide(Layer.succeed(TuiSession, sessionImpl)))
 
 	// Full RPC server stack:
 	// 1. RpcServer.layer creates the RPC server, needs handlers