dirtydishes/islandflow
1
0
Fork 0
Code Issues 2 Pull requests 4 Projects Releases Packages Wiki Activity Actions 1

Fix tape history scroll gate attachment

Browse source
This commit is contained in:
dirtydishes 2026-05-06 23:28:50 -04:00
parent aece60c84f
commit 9ca0e52411
1 changed files with 11 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

19
apps/web/app/terminal.tsx
View file

@ -1218,6 +1218,7 @@ export const getOptionTableSnapshot = (
type ListScrollState = { type ListScrollState = {
listRef: React.RefObject<HTMLDivElement>; listRef: React.RefObject<HTMLDivElement>;
listNode: HTMLDivElement | null;
setListRef: (node: HTMLDivElement | null) => void; setListRef: (node: HTMLDivElement | null) => void;
isAtTop: boolean; isAtTop: boolean;
isAtTopRef: React.MutableRefObject<boolean>; isAtTopRef: React.MutableRefObject<boolean>;
@ -1309,6 +1310,7 @@ const useListScroll = (): ListScrollState => {
return { return {
listRef, listRef,
listNode,
setListRef, setListRef,
isAtTop, isAtTop,
isAtTopRef, isAtTopRef,
@ -1369,6 +1371,7 @@ const useScrollAnchor = (
const useBottomHistoryGate = ( const useBottomHistoryGate = (
listRef: React.RefObject<HTMLDivElement>, listRef: React.RefObject<HTMLDivElement>,
listNode: HTMLDivElement | null,
enabled: boolean, enabled: boolean,
onLoadOlder: () => void onLoadOlder: () => void
): void => { ): void => {
@ -1381,7 +1384,7 @@ const useBottomHistoryGate = (
if (!enabled) { if (!enabled) {
return; return;
} }
const element = listRef.current; const element = listNode ?? listRef.current;
if (!element) { if (!element) {
return; return;
} }
@ -1398,7 +1401,7 @@ const useBottomHistoryGate = (
return () => { return () => {
element.removeEventListener("scroll", maybeLoad); element.removeEventListener("scroll", maybeLoad);
}; };
}, [enabled, listRef]); }, [enabled, listNode, listRef]);
}; };
type VirtualListResult<T> = { type VirtualListResult<T> = {
@ -6099,7 +6102,7 @@ const OptionsPane = ({ limit }: OptionsPaneProps) => {
const state = useTerminal(); const state = useTerminal();
const items = limit ? state.filteredOptions.slice(0, limit) : state.filteredOptions; const items = limit ? state.filteredOptions.slice(0, limit) : state.filteredOptions;
const virtual = useVirtualList(items, state.optionsScroll.listRef, !limit, 36); const virtual = useVirtualList(items, state.optionsScroll.listRef, !limit, 36);
useBottomHistoryGate(state.optionsScroll.listRef, state.mode === "live" && !limit, () => useBottomHistoryGate(state.optionsScroll.listRef, state.optionsScroll.listNode, state.mode === "live" && !limit, () =>
void state.liveSession.loadOlder("options") void state.liveSession.loadOlder("options")
); );
@ -6276,7 +6279,7 @@ const EquitiesPane = ({ limit }: EquitiesPaneProps) => {
const state = useTerminal(); const state = useTerminal();
const items = limit ? state.filteredEquities.slice(0, limit) : state.filteredEquities; const items = limit ? state.filteredEquities.slice(0, limit) : state.filteredEquities;
const virtual = useVirtualList(items, state.equitiesScroll.listRef, !limit, 36); const virtual = useVirtualList(items, state.equitiesScroll.listRef, !limit, 36);
useBottomHistoryGate(state.equitiesScroll.listRef, state.mode === "live" && !limit, () => useBottomHistoryGate(state.equitiesScroll.listRef, state.equitiesScroll.listNode, state.mode === "live" && !limit, () =>
void state.liveSession.loadOlder("equities") void state.liveSession.loadOlder("equities")
); );
@ -6374,7 +6377,7 @@ const FlowPane = ({ limit, title = "Flow" }: FlowPaneProps) => {
const state = useTerminal(); const state = useTerminal();
const items = limit ? state.filteredFlow.slice(0, limit) : state.filteredFlow; const items = limit ? state.filteredFlow.slice(0, limit) : state.filteredFlow;
const virtual = useVirtualList(items, state.flowScroll.listRef, !limit, 44); const virtual = useVirtualList(items, state.flowScroll.listRef, !limit, 44);
useBottomHistoryGate(state.flowScroll.listRef, state.mode === "live" && !limit, () => useBottomHistoryGate(state.flowScroll.listRef, state.flowScroll.listNode, state.mode === "live" && !limit, () =>
void state.liveSession.loadOlder("flow") void state.liveSession.loadOlder("flow")
); );
@ -6516,7 +6519,7 @@ const AlertsPane = ({ limit, withStrip = false, className }: AlertsPaneProps) =>
const state = useTerminal(); const state = useTerminal();
const items = limit ? state.filteredAlerts.slice(0, limit) : state.filteredAlerts; const items = limit ? state.filteredAlerts.slice(0, limit) : state.filteredAlerts;
const virtual = useVirtualList(items, state.alertsScroll.listRef, !limit, 46); const virtual = useVirtualList(items, state.alertsScroll.listRef, !limit, 46);
useBottomHistoryGate(state.alertsScroll.listRef, state.mode === "live" && !limit, () => useBottomHistoryGate(state.alertsScroll.listRef, state.alertsScroll.listNode, state.mode === "live" && !limit, () =>
void state.liveSession.loadOlder("alerts") void state.liveSession.loadOlder("alerts")
); );
@ -6615,7 +6618,7 @@ type ClassifierPaneProps = {
const ClassifierPane = ({ limit, className }: ClassifierPaneProps) => { const ClassifierPane = ({ limit, className }: ClassifierPaneProps) => {
const state = useTerminal(); const state = useTerminal();
useBottomHistoryGate(state.classifierScroll.listRef, state.mode === "live" && !limit, () => { useBottomHistoryGate(state.classifierScroll.listRef, state.classifierScroll.listNode, state.mode === "live" && !limit, () => {
void state.liveSession.loadOlder("smart-money"); void state.liveSession.loadOlder("smart-money");
void state.liveSession.loadOlder("classifier-hits"); void state.liveSession.loadOlder("classifier-hits");
}); });
@ -6745,7 +6748,7 @@ const DarkPane = ({ limit, className }: DarkPaneProps) => {
const state = useTerminal(); const state = useTerminal();
const items = limit ? state.filteredInferredDark.slice(0, limit) : state.filteredInferredDark; const items = limit ? state.filteredInferredDark.slice(0, limit) : state.filteredInferredDark;
const virtual = useVirtualList(items, state.darkScroll.listRef, !limit, 44); const virtual = useVirtualList(items, state.darkScroll.listRef, !limit, 44);
useBottomHistoryGate(state.darkScroll.listRef, state.mode === "live" && !limit, () => useBottomHistoryGate(state.darkScroll.listRef, state.darkScroll.listNode, state.mode === "live" && !limit, () =>
void state.liveSession.loadOlder("inferred-dark") void state.liveSession.loadOlder("inferred-dark")
); );