diff --git a/packages/ui/src/components/shell-rolling-results.tsx b/packages/ui/src/components/shell-rolling-results.tsx index bd37e3a6e3..19f98c6282 100644 --- a/packages/ui/src/components/shell-rolling-results.tsx +++ b/packages/ui/src/components/shell-rolling-results.tsx @@ -8,14 +8,7 @@ import { Icon } from "./icon" import { IconButton } from "./icon-button" import { TextShimmer } from "./text-shimmer" import { Tooltip } from "./tooltip" -import { - animate, - clearFadeStyles, - clearMaskStyles, - FAST_SPRING, - GROW_SPRING, - WIPE_MASK, -} from "./motion" +import { animate, clearFadeStyles, clearMaskStyles, FAST_SPRING, GROW_SPRING, WIPE_MASK } from "./motion" import { useSpring } from "./motion-spring" import { busy, createThrottledValue, useToolFade } from "./tool-utils" @@ -78,14 +71,16 @@ export function ShellRollingResults(props: { part: ToolPart; animate?: boolean } // a 2s timer sets it false to trigger the collapse. This avoids the flash caused by // holdOpen being set in a late-running effect. const [autoOpen, setAutoOpen] = createSignal(pending()) - createEffect(on(pending, (isPending, wasPending) => { - if (isPending) { - setAutoOpen(true) - } else if (wasPending && !userToggled()) { - const timer = setTimeout(() => setAutoOpen(false), 2000) - onCleanup(() => clearTimeout(timer)) - } - })) + createEffect( + on(pending, (isPending, wasPending) => { + if (isPending) { + setAutoOpen(true) + } else if (wasPending && !userToggled()) { + const timer = setTimeout(() => setAutoOpen(false), 2000) + onCleanup(() => clearTimeout(timer)) + } + }), + ) const effectiveOpen = createMemo(() => { if (pending()) return true if (userToggled()) return userOpen() @@ -164,9 +159,7 @@ export function ShellRollingResults(props: { part: ToolPart; animate?: boolean } - - {(text) => } - + {(text) => }