@cueloop/client 0.1.0-alpha.102 → 0.1.0-alpha.104

package/src/thread/tree-view.ts

@@ -111,10 +111,12 @@ export function treeRows(history: SessionHistory): TreeRow[] {
     };
 
     if (label !== undefined) row.label = label;
+
     rows.push(row);
     const siblings = children.get(entry.id) ?? [];
 
     if (siblings.length === 0) return;
+
     const trunk = trunkChild(siblings);
 
     for (const child of siblings) if (child !== trunk) walk(child, depth + 1, nextRound);
@@ -133,9 +135,11 @@ export function treeRows(history: SessionHistory): TreeRow[] {
  */
 export function entryTarget(history: SessionHistory, entryId: string): EntryTarget | null {
   if (entryId === tipOf(history)) return { kind: "here" };
+
   const tipBranch = Object.entries(history.tips).find(([, tip]) => tip === entryId);
 
   if (tipBranch) return { kind: "switch", branch: tipBranch[0] };
+
   const holds = (branch: string): boolean =>
     pathOf(history, tipOf(history, branch)).some((entry) => entry.id === entryId);
   const branch = holds(history.branch)

package/src/thread/use-thread-agent.test.tsx

@@ -30,6 +30,7 @@ test("late configuration and action responses cannot replace a newer accepted st
         return new Promise((resolve) => {
           first = resolve;
         });
+
       state = { ...initial, phase: { kind: "running" } };
 
       return state;

package/src/thread/use-thread-agent.ts

@@ -38,10 +38,12 @@ export function useThreadAgent(id: string, home?: string, injected?: ThreadAgent
 
     const configure = async (api: ThreadAgentClient): Promise<void> => {
       if (!api.agentConfigure) return;
+
       const requested = ++revision.current;
       const configured = await api.agentConfigure({ id });
 
       if (!cancelled && requested === revision.current) setState(configured);
+
       await refresh(api);
     };
 
@@ -59,6 +61,7 @@ export function useThreadAgent(id: string, home?: string, injected?: ThreadAgent
 
           return;
         }
+
         unsubscribe = subscribeThreadState({
           connect: connectThreadObserver({ home, autostart: true }),
           matches: (event) => event.event === "agent.updated" && event.sessionId === id,
@@ -98,11 +101,13 @@ export function useThreadAgent(id: string, home?: string, injected?: ThreadAgent
     request: (client: ThreadAgentClient) => Promise<ThreadAgentState>,
   ): Promise<boolean> => {
     if (!client) return false;
+
     try {
       const requested = ++revision.current;
       const result = await request(client);
 
       if (requested === revision.current) setState(result);
+
       setError("");
 
       return true;

package/src/ui/components/OverlayScrollbar.test.tsx

@@ -19,6 +19,7 @@ const noop = (): void => {};
 
 function findById(node: Renderable, id: string): Renderable | undefined {
   if (node.id === id) return node;
+
   for (const child of node.getChildren()) {
     const found = findById(child, id);
 
@@ -102,12 +103,14 @@ describe("the diff sheet's scrollbar", () => {
 
     if (!(scroller instanceof ScrollBoxRenderable))
       throw new Error("diff-scroll is not a scrollbox");
+
     const countThumbRows = (): number =>
       setup.captureSpans().lines.filter((line) => {
         let column = 0;
 
         for (const span of line.spans) {
           column += span.text.length;
+
           if (column >= width) return span.bg !== undefined && hex(span.bg) === DARK.textDim;
         }
 

package/src/ui/components/OverlayScrollbar.tsx

@@ -26,6 +26,7 @@ export interface ThumbGeometry {
 
 export function thumbGeometry(state: ScrollState, track: number): ThumbGeometry | null {
   if (track <= 0 || state.height <= state.viewport || state.viewport <= 0) return null;
+
   const height = Math.max(1, Math.round((state.viewport / state.height) * track));
   const maxTop = state.height - state.viewport;
   const row = Math.round((state.top / maxTop) * (track - height));
@@ -64,7 +65,9 @@ export function OverlayScrollbar({ scrollbox, theme }: OverlayScrollbarProps): R
 
   const reveal = (): void => {
     setVisible(true);
+
     if (hideTimerRef.current) clearTimeout(hideTimerRef.current);
+
     hideTimerRef.current = setTimeout(() => {
       if (!draggingRef.current) setVisible(false);
     }, HIDE_DELAY_MS);
@@ -73,6 +76,7 @@ export function OverlayScrollbar({ scrollbox, theme }: OverlayScrollbarProps): R
   // reveal on real scroll movement, never on first mount, then hide once idle
   useEffect(() => {
     if (prevTopRef.current !== null && state.top !== prevTopRef.current) reveal();
+
     prevTopRef.current = state.top;
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [state.top]);
@@ -91,6 +95,7 @@ export function OverlayScrollbar({ scrollbox, theme }: OverlayScrollbarProps): R
     const box = scrollbox.current;
 
     if (!box || !geometry) return;
+
     const row = screenY - (trackRef.current?.y ?? 0) - Math.floor(geometry.height / 2);
     const ratio = Math.min(1, Math.max(0, row / Math.max(1, track - geometry.height)));
 

package/src/ui/components/PromptDialog.tsx

@@ -45,10 +45,12 @@ export function PromptDialog({
 
   useEffect(() => {
     if (!inputRef.current) return;
+
     inputRef.current.focus();
     inputRef.current.cursorOffset = value.length;
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
+
   if (!isOpen) return null;
 
   return (

package/src/ui/components/RootOverlay.tsx

@@ -28,6 +28,7 @@ export function RootOverlayProvider({ children }: { children: React.ReactNode })
       clearOverlay: (key) =>
         setOverlays((current) => {
           if (!current.has(key)) return current;
+
           const next = new Map(current);
 
           next.delete(key);

package/src/ui/components/ScrollArea.tsx

@@ -35,11 +35,13 @@ export function ScrollArea({
   );
   const attach = (node: ScrollBoxRenderable | null): void => {
     innerRef.current = node;
+
     if (scrollRef) scrollRef.current = node;
   };
 
   useLayoutEffect(() => {
     if (revealId === undefined) return;
+
     innerRef.current?.scrollChildIntoView(`tree-row-${revealId}`);
   }, [revealId]);
 

package/src/ui/components/primitives/Button.tsx

@@ -48,6 +48,7 @@ export function Button({
       onMouseUp={(event: MouseEvent) => {
         // Consume the press so it never bubbles to an ancestor's onMouseUp (e.g. a card).
         event.stopPropagation();
+
         if (!isDisabled) onPress();
       }}
     >

package/src/ui/components/primitives/Tabs.tsx

@@ -60,6 +60,7 @@ export function TabList({ children }: TabListProps): React.ReactNode {
   const tabs = useContext(TabsContext);
 
   if (!tabs) throw new Error("TabList must render inside Tabs");
+
   const tokens = useComponentTheme(tabs.theme);
   const items: { id: string; label: string }[] = [];
 

package/src/ui/components/primitives/Tree.tsx

@@ -31,7 +31,9 @@ function rowGlyph(isFolder: boolean, expanded: boolean, icons: TreeIcons): strin
 
 function toneColor(tone: TreeTone, theme: Theme): string {
   if (tone === "green") return theme.green;
+
   if (tone === "blue") return theme.blue;
+
   if (tone === "red") return theme.red;
 
   return theme.textDim;
@@ -90,9 +92,11 @@ export function Tree({
                 lastClick.current?.id === row.id && isDoubleClick(lastClick.current.stamp, stamp);
 
               lastClick.current = { id: row.id, stamp };
+
               if (row.isFolder) onToggle?.(row.id);
               else {
                 onSelect?.(row.id);
+
                 if (doubleClick) onDoubleSelect?.(row.id);
               }
             }}

package/src/ui/components/primitives/tree-model.ts

@@ -66,11 +66,15 @@ export function flattenTree(nodes: readonly TreeNode[], options: FlattenOptions)
         };
 
         if (node.status !== undefined) leaf.status = node.status;
+
         if (node.badge !== undefined) leaf.badge = node.badge;
+
         if (node.icon !== undefined) leaf.icon = node.icon;
+
         rows.push(leaf);
         continue;
       }
+
       const collapsed = options.flattenEmptyDirectories
         ? collapseChain(node)
         : { label: node.label, tail: node, chainIds: [node.id] };
@@ -85,8 +89,11 @@ export function flattenTree(nodes: readonly TreeNode[], options: FlattenOptions)
       };
 
       if (node.badge !== undefined) row.badge = node.badge;
+
       if (node.icon !== undefined) row.icon = node.icon;
+
       rows.push(row);
+
       if (expanded) walk(collapsed.tail.children ?? [], depth + 1);
     }
   };

package/src/ui/components/syntax-highlight.ts

@@ -19,6 +19,7 @@ export function filetypeFor(language?: string): string | undefined {
   const info = (language ?? "").toLowerCase();
 
   if (!info) return undefined;
+
   const aliases: SyntaxAliases = {
     ts: "typescript",
     js: "javascript",
@@ -40,6 +41,7 @@ export function filetypeForPath(path: string): string | undefined {
   const byBasename = basenameToFiletype.get(basename);
 
   if (byBasename) return byBasename;
+
   const dotIndex = basename.lastIndexOf(".");
 
   if (dotIndex <= 0) return undefined;
@@ -90,6 +92,7 @@ export function syntaxStyleFor(theme: Theme): SyntaxStyle {
   const cached = syntaxStyleCache.get(theme);
 
   if (cached) return cached;
+
   const style = SyntaxStyle.fromStyles(syntaxGroupStyles(theme));
 
   syntaxStyleCache.set(theme, style);
@@ -109,6 +112,7 @@ export function referenceStyleFor(theme: Theme): ReferenceStyle {
   const cached = referenceStyleCache.get(theme);
 
   if (cached) return cached;
+
   const entry: ReferenceStyle = {
     style: SyntaxStyle.fromStyles({ reference: { fg: theme.accent } }),
     styleId: 0,
@@ -126,6 +130,7 @@ export function colorForSyntaxGroup(group: string, theme: Theme): string | undef
   const direct = styles[group];
 
   if (direct) return direct.fg;
+
   // capture names are dotted (e.g. "keyword.control"); match the broadest prefix
   const base = group.split(".")[0]!;
 

package/src/ui/components/truncate-title.ts

@@ -7,6 +7,7 @@ export function truncateTitle(title: string, maxWidth: number): string {
   const oneLine = title.replace(/\n/g, " ");
 
   if (maxWidth <= 0) return "";
+
   const characters = [...oneLine];
 
   if (characters.length <= maxWidth) return oneLine;

package/src/ui/use-frame-measure.ts

@@ -39,6 +39,7 @@ export function subscribeToFrames(renderer: Renderer, measure: Measure): () => v
 
   return () => {
     measures.delete(measure);
+
     if (measures.size > 0) return;
 
     renderer.off("frame", notify);
@@ -59,6 +60,7 @@ export function useFrameMeasure<T>(
   useEffect(() => {
     // a measurement only needed while a popover is open subscribes no per-frame listener when closed
     if (!active) return;
+
     const measure = (): void => {
       const next = read();
 
@@ -66,6 +68,7 @@ export function useFrameMeasure<T>(
     };
 
     measure();
+
     if (renderer) return subscribeToFrames(renderer, measure);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [renderer, active]);

package/src/ui/use-terminal-virtualizer.ts

@@ -125,6 +125,7 @@ export function useTerminalVirtualizer(options: TerminalVirtualizerOptions): Ter
     const scrollbox = options.scrollbox.current;
 
     if (!scrollbox) return null;
+
     if (container.current?.scrollbox !== scrollbox) {
       container.current = { scrollbox, view: asElement(scrollContainerView(scrollbox)) };
     }
@@ -135,6 +136,7 @@ export function useTerminalVirtualizer(options: TerminalVirtualizerOptions): Ter
     const known = viewOfRenderable.current.get(renderable);
 
     if (known) return known;
+
     const view = asElement(rowView(renderable));
 
     viewOfRenderable.current.set(renderable, view);
@@ -168,9 +170,11 @@ export function useTerminalVirtualizer(options: TerminalVirtualizerOptions): Ter
         const scrollbox = options.scrollbox.current;
 
         if (!scrollbox) return;
+
         const next = { width: scrollbox.viewport.width, height: scrollbox.viewport.height };
 
         if (next.width === last.width && next.height === last.height) return;
+
         last = next;
         callback(next);
       });
@@ -184,6 +188,7 @@ export function useTerminalVirtualizer(options: TerminalVirtualizerOptions): Ter
         const scrollbox = options.scrollbox.current;
 
         if (!scrollbox || scrollbox.scrollTop === last) return;
+
         last = scrollbox.scrollTop;
         callback(last, false);
       };
@@ -242,6 +247,7 @@ export function useTerminalVirtualizer(options: TerminalVirtualizerOptions): Ter
     totalSize: virtualizer.getTotalSize(),
     measureRef: (index) => (renderable) => {
       if (!renderable) return;
+
       const view = viewFor(renderable);
 
       indexOfView.current.set(view, index);

package/src/workbench/components/ChangesColumn.tsx

@@ -133,15 +133,21 @@ export function ChangesFileTree({
 
   useKeyboard((key) => {
     if (!focused || rows.length === 0) return;
+
     if (key.name === "j" || key.name === "down")
       return setCursor(Math.min(cursorIndex + 1, rows.length - 1));
+
     if (key.name === "k" || key.name === "up") return setCursor(Math.max(cursorIndex - 1, 0));
+
     const row = rows[cursorIndex];
 
     if (!row) return;
+
     if (key.name === "return" || key.name === "enter")
       return row.isFolder ? toggle(row.id) : onSelectFile(row.id, true);
+
     if (key.name === "l" && row.isFolder && collapsedIds.has(row.id)) return toggle(row.id);
+
     if (key.name === "h" && row.isFolder && !collapsedIds.has(row.id)) return toggle(row.id);
   });
 
@@ -162,6 +168,7 @@ export function ChangesFileTree({
           const index = rows.findIndex((row) => row.id === id);
 
           if (index >= 0) setCursor(index);
+
           onSelectFile(id);
         }}
         onDoubleSelect={(id) => onSelectFile(id, true)}

package/src/workbench/components/ChangesFileTree.test.tsx

@@ -12,6 +12,7 @@ import { DARK } from "../../appearance/theme";
 
 function findById(node: Renderable, id: string): Renderable | undefined {
   if (node.id === id) return node;
+
   for (const child of node.getChildren()) {
     const found = findById(child, id);
 
@@ -89,6 +90,7 @@ test("keyboard navigation reveals the selected changed file", async () => {
   const scrollbox = findById(setup.renderer.root, "tree-scroll");
 
   if (!(scrollbox instanceof ScrollBoxRenderable)) throw new Error("tree scrollbox missing");
+
   const scrollSteps: number[] = [];
 
   for (const [index, key] of Array.from({ length: 15 }, () => "j").entries()) {
@@ -173,6 +175,7 @@ test("horizontal name scrolling reveals the final extension beside the status",
   const label = findById(setup.renderer.root, `tree-label-${path}`);
 
   if (!(label instanceof TextRenderable)) throw new Error("file label missing");
+
   expect(label.maxScrollX).toBeGreaterThan(0);
   label.scrollX = label.maxScrollX;
   await settle(setup);

package/src/workbench/components/EditorGrid.tsx

@@ -91,6 +91,7 @@ function EditorTabButton({
 
         lastClick.current = stamp;
         onSelect();
+
         if (doubleClick && tab.preview) onKeep?.();
       }}
       onMouseOver={() => setHovered(true)}
@@ -152,6 +153,7 @@ export function visibleTabWindow(
 ): TabWindow {
   // unmeasured strip: show everything, the header clips until the width is known
   if (stripWidth <= 0) return { first: 0, end: tabs.length };
+
   const width = (index: number): number => tabCellWidth(tabs[index]!, commentCount(tabs[index]!));
   const fitEnd = (first: number): number => {
     let used = first > 0 ? 1 : 0;
@@ -161,6 +163,7 @@ export function visibleTabWindow(
       const remaining = end + 1 < tabs.length ? 1 : 0;
 
       if (used + width(end) + remaining > stripWidth) break;
+
       used += width(end);
       end++;
     }
@@ -255,7 +258,9 @@ function EditorGroupPane({
 
   useSharedKeyboard((key) => {
     if (!menuOpen) return;
+
     if (key.name === "escape") return menuControl.closeMenu();
+
     const direction = splitDirectionForKey(key.name);
 
     if (direction && canSplit(direction)) {
@@ -266,6 +271,7 @@ function EditorGroupPane({
 
   useEffect(() => {
     if (!menuOpen) return;
+
     setOverlay(
       "split-menu",
       <box
@@ -282,6 +288,7 @@ function EditorGroupPane({
           <SplitMenu
             onPick={(direction) => {
               if (!canSplit(direction)) return;
+
               props.onSplit(group.id, direction);
               menuControl.closeMenu();
             }}
@@ -313,6 +320,7 @@ function EditorGroupPane({
     setWasZoomed(props.zoomed);
     setFirstVisible(0);
   }
+
   const activeIndex = Math.max(
     0,
     group.tabs.findIndex((tab) => tab.id === active?.id),

package/src/workbench/components/FileContentsView.tsx

@@ -63,6 +63,7 @@ export function FileContentsView({
       </box>
     );
   }
+
   if (loaded.lines === null) {
     // a file that no longer reads in the Changes/Project view is one the working tree deleted;
     // the bottom pad lifts the text one row so it lines up with the footer-shortened thread empty state
@@ -74,6 +75,7 @@ export function FileContentsView({
       </box>
     );
   }
+
   const content = loaded.lines.join("\n");
 
   return (

package/src/workbench/components/GridTabContent.tsx

@@ -141,6 +141,7 @@ export function GridTabContent(props: {
       />
     );
   }
+
   if (tab.kind !== "file") {
     return (
       <ChangesTabBody
@@ -156,6 +157,7 @@ export function GridTabContent(props: {
       />
     );
   }
+
   // a single-file tab shows that file's rows alone, so its row indices are its own: comments and
   // the caret report back in whole-diff indices; a single-file tab omits only the collapse action
   const fileRowIndices = props.rows.flatMap((row, index) => (row.file === tab.path ? [index] : []));

package/src/workbench/components/ProjectTreeView.test.tsx

@@ -11,6 +11,7 @@ import { DARK } from "../../appearance/theme";
 
 function findById(node: Renderable, id: string): Renderable | undefined {
   if (node.id === id) return node;
+
   for (const child of node.getChildren()) {
     const found = findById(child, id);
 
@@ -64,6 +65,7 @@ test("keyboard navigation reveals the selected project row", async () => {
   const scrollbox = findById(setup.renderer.root, "tree-scroll");
 
   if (!(scrollbox instanceof ScrollBoxRenderable)) throw new Error("tree scrollbox missing");
+
   const scrollSteps: number[] = [];
 
   for (const [index, key] of Array.from({ length: 15 }, () => "j").entries()) {
@@ -101,6 +103,7 @@ test("project wheel scrolling accelerates during a gesture and resets after a pa
   const scrollbox = findById(setup.renderer.root, "tree-scroll");
 
   if (!(scrollbox instanceof ScrollBoxRenderable)) throw new Error("tree scrollbox missing");
+
   const acceleration = scrollbox.scrollAcceleration;
   const first = acceleration.tick(1000);
   const burst = Array.from({ length: 10 }, (_, index) => acceleration.tick(1016 + index * 16));

package/src/workbench/components/ProjectTreeView.tsx

@@ -50,16 +50,22 @@ export function ProjectTreeView({
 
   useKeyboard((key) => {
     if (!focused || rows.length === 0) return;
+
     if (key.name === "j" || key.name === "down")
       return setCursorId(rows[Math.min(cursorIndex + 1, rows.length - 1)]!.id);
+
     if (key.name === "k" || key.name === "up")
       return setCursorId(rows[Math.max(cursorIndex - 1, 0)]!.id);
+
     const row = rows[cursorIndex];
 
     if (!row) return;
+
     if (key.name === "return" || key.name === "enter")
       return row.isFolder ? toggle(row.id) : onSelectFile(row.id, true);
+
     if (key.name === "l" && row.isFolder && !expandedIds.has(row.id)) return toggle(row.id);
+
     if (key.name === "h" && row.isFolder && expandedIds.has(row.id)) return toggle(row.id);
   });
 
@@ -69,6 +75,7 @@ export function ProjectTreeView({
 
     const refreshFiles = async (): Promise<void> => {
       if (requestInFlight) return;
+
       requestInFlight = true;
 
       try {
@@ -112,6 +119,7 @@ export function ProjectTreeView({
       </box>
     );
   }
+
   if (paths.length === 0) {
     return (
       <box

package/src/workbench/components/TreePane.tsx

@@ -42,6 +42,7 @@ function trailerFor(row: TreeRow): string {
   const parts: string[] = [];
 
   if (row.tips.length) parts.push(`← ${row.tips.join(", ")}`);
+
   if (row.label !== undefined) parts.push(`⚑ ${row.label}`);
 
   return parts.length ? `  ${parts.join("  ")}` : "";
@@ -67,6 +68,7 @@ export function TreePane({
   // the trunk draws last, so a long history opens with its tip below the fold: keep the row in view
   useEffect(() => {
     if (revealId === undefined) return;
+
     try {
       scrollRef.current?.scrollChildIntoView(`tree-row-${revealId}`);
     } catch {

package/src/workbench/components/editor-grid.ts

@@ -221,9 +221,11 @@ export function keepFileTab(node: EditorNode, groupId: string, tabId: string): E
 /** Drop empty groups and collapse a branch that ends up with one child; null when nothing remains. */
 export function pruneEmpty(node: EditorNode): EditorNode | null {
   if (node.type === "group") return node.tabs.length > 0 ? node : null;
+
   const kept = node.children.map(pruneEmpty).filter((child): child is EditorNode => child !== null);
 
   if (kept.length === 0) return null;
+
   if (kept.length === 1) return kept[0]!;
 
   return { ...node, children: kept };
@@ -254,6 +256,7 @@ export function splitGroup(
     const active = group.tabs.find((tab) => tab.id === group.activeTabId) ?? group.tabs[0];
 
     if (active === undefined) return group;
+
     const movedTab: EditorTab =
       active.kind === "welcome" ? { ...active, id: freshId() } : { ...active, preview: false };
     const newGroup = makeGroup([movedTab]);

package/src/workbench/components/file-tree.ts

@@ -77,6 +77,7 @@ export function buildFileTree(
           : { id: prefix, label: segment, children: new Map() };
         level.set(segment, node);
       }
+
       if (!isLeaf) level = node.children!;
     });
   }
@@ -104,6 +105,7 @@ export function buildPathTree(paths: readonly string[]): TreeNode[] {
           : { id: prefix, label: segment, children: new Map() };
         level.set(segment, node);
       }
+
       if (!isLeaf) level = node.children!;
     });
   }

package/src/workbench/use-changes-workbench.ts

@@ -50,6 +50,7 @@ function initialPanes(options?: ChangesWorkbenchOptions): InitialPanes {
       zoomed: layout.zoomChanges && changesOpen,
     };
   }
+
   const welcomeSeed = options?.seed === "welcome";
 
   return {
@@ -96,13 +97,16 @@ export function useChangesWorkbench(options?: ChangesWorkbenchOptions): ChangesW
 
   const syncSession = (sessionId: string | undefined, isDiff: boolean): void => {
     if (sessionId === undefined || sessionId === seenSession.current) return;
+
     seenSession.current = sessionId;
     setProjectOpen(isDiff);
     setChangesOpen(isDiff);
     setProjectMode(isDiff ? (options?.layout?.projectMode ?? "changes") : "tree");
     rememberedChanges.current = isDiff;
+
     // a non-diff thread has no Changes editor; leaving zoom on would strand the hidden Thread pane
     if (!isDiff) setZoomed(false);
+
     setGrid(makeGroup([changesTab()]));
     setFocusedGroup(null);
   };
@@ -148,6 +152,7 @@ export function useChangesWorkbench(options?: ChangesWorkbenchOptions): ChangesW
 
         return makeGroup([changesTab()]);
       }
+
       // re-home focus when the closed group was pruned away, so the next open has a live target
       setFocusedGroup((current) =>
         current !== null && containsGroup(pruned, current) ? current : firstGroupId(pruned),

package/src/workbench/use-remember-layout.ts

@@ -24,8 +24,10 @@ export function useRememberLayout(
 
       return;
     }
+
     // only the active workbench persists: on a bare launch App's unused panes must not clobber the shell's
     if (!active || layout === undefined) return;
+
     persistLayout(layoutFromPanes({ threads, changesOpen, projectOpen, zoomChanges }));
   }, [active, layout, threads, changesOpen, projectOpen, zoomChanges]);
 }

package/src/workbench/use-repo-changes.ts

@@ -51,6 +51,7 @@ export function useRepoChanges({
 
     const refreshChanges = async (): Promise<void> => {
       if (requestInFlight) return;
+
       requestInFlight = true;
 
       try {
@@ -83,6 +84,7 @@ export function useRepoChanges({
 
     return () => {
       cancelled = true;
+
       if (timer !== null) clearInterval(timer);
     };
   }, [visible, diffSourceKey, refreshAutomatically]);