@cueloop/client 0.1.0-alpha.98 → 0.1.0-alpha.99

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cueloop/client",
-  "version": "0.1.0-alpha.98",
+  "version": "0.1.0-alpha.99",
   "description": "The cueloop review UI: projection renderer, keyboard grammar, review rail",
   "homepage": "https://github.com/mmurakaru/cueloop#readme",
   "bugs": {
@@ -27,18 +27,18 @@
     "access": "public"
   },
   "dependencies": {
-    "@cueloop/daemon": "0.1.0-alpha.98",
-    "@cueloop/extension-api": "0.1.0-alpha.98",
-    "@cueloop/integration-obsidian": "0.1.0-alpha.98",
-    "@cueloop/schema": "0.1.0-alpha.98",
-    "@opentui/core": "^0.5.12",
-    "@opentui/keymap": "0.5.12",
-    "@opentui/react": "^0.5.12",
-    "@opentui/ssh": "0.5.12",
-    "@pierre/diffs": "^1.4.1",
+    "@cueloop/daemon": "0.1.0-alpha.99",
+    "@cueloop/extension-api": "0.1.0-alpha.99",
+    "@cueloop/integration-obsidian": "0.1.0-alpha.99",
+    "@cueloop/schema": "0.1.0-alpha.99",
+    "@opentui/core": "^0.5.14",
+    "@opentui/keymap": "0.5.14",
+    "@opentui/react": "^0.5.14",
+    "@opentui/ssh": "0.5.14",
+    "@pierre/diffs": "^1.5.1",
     "@tanstack/virtual-core": "^3.17.11",
     "diff": "^9",
-    "puppeteer-core": "^25.11.0",
+    "puppeteer-core": "^25.12.0",
     "react": "^19.3.0",
     "valibot": "^1.5.0",
     "zustand": "^5.0.15"

package/src/annotations/components/AnnotationCards.tsx

@@ -62,7 +62,7 @@ export function Composer({
   glyph: string | null;
   tokens: Theme;
   onSave: (body: string) => void;
-  onReady: () => void;
+  onReady: (readText: () => string) => void;
   onInput: (text: string, caret: number) => void;
   placeholder?: string;
   agentEnabled?: boolean;
@@ -102,7 +102,7 @@ export function Composer({
     editor.editBuffer.setSyntaxStyle(referenceStyleFor(tokens).style);
     paintReferences(editor);
     setRows(composeRowCount(editor.plainText, editor.width));
-    onReady();
+    onReady(() => editorRef.current?.plainText ?? "");
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 

package/src/annotations/use-annotation-surface.tsx

@@ -255,6 +255,7 @@ export function useAnnotationSurface(options: AnnotationSurfaceOptions): Annotat
     return { head: start, anchor: start };
   });
   const focusRequested = useEffectEvent(() => onFocusAnnotation?.(undefined));
+
   useEffect(() => {
     if (requestedBlock === undefined) return;
     const next = { blockIndex: requestedBlock.blockIndex, char: 0 };
@@ -327,6 +328,7 @@ export function useAnnotationSurface(options: AnnotationSurfaceOptions): Annotat
   const [caretOffset, setCaretOffset] = useState(0);
   const [slashIndex, setSlashIndex] = useState(0);
   const composerReady = useRef(false);
+  const readComposerText = useRef<(() => string) | null>(null);
   const composeRef = useRef<ComposeState | null>(null);
   const promptDraft = useRef("");
   // every visual line registers its renderable so a drag can hit-test any
@@ -461,6 +463,7 @@ export function useAnnotationSurface(options: AnnotationSurfaceOptions): Annotat
     if (observer) return onObserverBlocked?.("observer");
     if (resolved) return onObserverBlocked?.("resolved");
     composerReady.current = false;
+    readComposerText.current = null;
     composeRef.current = state;
     setCompose(state);
     setDraft(state.seed);
@@ -469,6 +472,7 @@ export function useAnnotationSurface(options: AnnotationSurfaceOptions): Annotat
   };
   const closeCompose = (): void => {
     composeRef.current = null;
+    readComposerText.current = null;
     setCompose(null);
     setDraft("");
     setCaretOffset(0);
@@ -698,7 +702,7 @@ export function useAnnotationSurface(options: AnnotationSurfaceOptions): Annotat
     if (isAgentInvokeKey(key, onInvoke)) {
       key.preventDefault();
 
-      return saveComment(composerReady.current ? composeTextRef.current : activeCompose.seed, true);
+      return saveComment(readComposerText.current?.() ?? activeCompose.seed, true);
     }
     // the textarea owns every key while open; the view takes dismiss (which
     // also releases the discussion focus), the slash palette, and pre-mount input
@@ -886,6 +890,7 @@ export function useAnnotationSurface(options: AnnotationSurfaceOptions): Annotat
     if (activeCompose) return handleComposeKey(key, activeCompose);
     if (isAgentInvokeKey(key, onInvoke)) {
       key.preventDefault();
+
       return onInvoke?.();
     }
     if (key.name === "escape") {
@@ -928,7 +933,10 @@ export function useAnnotationSurface(options: AnnotationSurfaceOptions): Annotat
       tokens={tokens}
       onSave={saveComment}
       agentEnabled={Boolean(onInvoke)}
-      onReady={() => (composerReady.current = true)}
+      onReady={(readText) => {
+        readComposerText.current = readText;
+        composerReady.current = true;
+      }}
       onInput={(text, caret) => {
         setDraft(text);
         setCaretOffset(caret);
@@ -1134,6 +1142,7 @@ export function useAnnotationSurface(options: AnnotationSurfaceOptions): Annotat
     setCursor(blockIndex);
     setCaret({ head: position, anchor: position });
   });
+
   useEffect(() => {
     movePromptDraft();
   }, [source.count]);
@@ -1149,6 +1158,7 @@ export function useAnnotationSurface(options: AnnotationSurfaceOptions): Annotat
     promptDraft.current = [promptRestoreRequest.text, newerDraft].filter(Boolean).join("\n");
     focusPrompt(source.count - 1);
   });
+
   useEffect(() => {
     restorePrompt();
   }, [promptRestoreRequest?.id, suspended]);
@@ -1161,6 +1171,7 @@ export function useAnnotationSurface(options: AnnotationSurfaceOptions): Annotat
     if (composeRef.current || heldSpan || dragging.current || promptDraft.current) return;
     focusPrompt(promptFocusRequest.blockIndex);
   });
+
   useEffect(() => {
     continueConversation();
   }, [promptFocusRequest?.replyId, promptFocusRequest?.blockIndex, suspended]);

package/src/app/App.deleted-scroll.test.tsx

@@ -100,6 +100,7 @@ test("deleted file caret scrolls one row and stays at the file boundaries", asyn
 
     for (let index = 0; index < 12; index++) {
       const before = box.scrollTop;
+
       await press(setup, "down");
       steps.push(box.scrollTop - before);
       const caretRow = setup

package/src/app/App.diff.test.tsx

@@ -193,6 +193,7 @@ describe("diff review", () => {
   test("pasting an image into a diff comment drops in an [Image #n] placeholder", async () => {
     // Arrange - mark the added line and open the inline comment composer
     const setup = await renderApp();
+
     await dragText(setup, "new Map()", "new Map()", "new Map()".length);
     await typeText(setup, "see ");
 

package/src/app/App.identity.test.tsx

@@ -34,6 +34,7 @@ beforeEach(() => {
       meta: { title: "Migration Plan", planPath: "plan.md" },
     },
   });
+
   sessionId = session.id;
 });
 afterEach(() => {

package/src/app/App.regression.test.tsx

@@ -48,6 +48,7 @@ function accentTitle(setup: Awaited<ReturnType<typeof renderReadyApp>>): string
   for (const line of setup.captureSpans().lines) {
     for (const span of line.spans) {
       const rgb = span.fg?.toInts();
+
       if (
         rgb &&
         rgb[0] === ACCENT_DARK[0] &&
@@ -55,6 +56,7 @@ function accentTitle(setup: Awaited<ReturnType<typeof renderReadyApp>>): string
         rgb[2] === ACCENT_DARK[2]
       ) {
         const text = span.text.trim();
+
         if (text.includes("review")) return text;
       }
     }
@@ -69,6 +71,7 @@ test("ctrl+q quits even when a menu holds the keyboard", async () => {
     width: 120,
     height: 32,
   });
+
   await waitForText(setup, "review");
 
   // open the settings dialog from the top-left gear - it takes the keyboard
@@ -83,10 +86,12 @@ test("ctrl+q quits even when a menu holds the keyboard", async () => {
 
 test("clicking a sidebar thread gives it the selected accent at once", async () => {
   const setup = await renderReadyApp(<App home={home} />, { width: 120, height: 32 });
+
   await waitForText(setup, "Second review");
 
   // click whichever thread is not already the selected (accent) one
   const target = accentTitle(setup)?.includes("Second") ? "First review" : "Second review";
+
   await clickText(setup, target);
 
   expect(accentTitle(setup)).toContain(target.split(" ")[0]!);

package/src/app/App.share-dialog.test.tsx

@@ -67,6 +67,7 @@ describe("share dialog", () => {
       <App home={home} sessionId={session.id} shareTransport={shareTransport} />,
       { width: 120, height: 32 },
     );
+
     await waitForText(setup, "cueloop");
 
     // Act
@@ -84,6 +85,7 @@ describe("share dialog", () => {
       <App home={home} sessionId={session.id} shareTransport={shareTransport} />,
       { width: 120, height: 32 },
     );
+
     await waitForText(setup, "cueloop");
 
     // Act: open the dialog, step into the body, activate "+ new link"
@@ -116,6 +118,7 @@ describe("share dialog", () => {
       <App home={home} sessionId={session.id} shareTransport={shareTransport} />,
       { width: 120, height: 32 },
     );
+
     await waitForText(setup, "cueloop");
 
     // Act: open the wizard, turn auth on but add no handles, then try to create
@@ -140,6 +143,7 @@ describe("share dialog", () => {
       <App home={home} sessionId={session.id} shareTransport={shareTransport} />,
       { width: 120, height: 32 },
     );
+
     await waitForText(setup, "cueloop");
 
     // Act + Assert: right arrow crosses into the body (its hint appears)
@@ -159,6 +163,7 @@ describe("share dialog", () => {
       <App home={home} sessionId={session.id} shareTransport={shareTransport} />,
       { width: 120, height: 32 },
     );
+
     await waitForText(setup, "cueloop");
 
     // Act

package/src/app/App.submit-confirm.test.tsx

@@ -111,6 +111,7 @@ describe("send message confirm", () => {
       .captureCharFrame()
       .split("\n")
       .find((row) => row.includes("[comment] [approve] [changes]"));
+
     await press(setup, "right");
     const commentSelector = setup
       .captureCharFrame()
@@ -220,6 +221,7 @@ describe("send message confirm", () => {
     // Arrange
     seedAnnotations(1);
     const setup = await renderApp();
+
     await pressKey(setup, "RETURN", { meta: true });
     await waitForText(setup, "[approve]");
 
@@ -233,6 +235,7 @@ describe("send message confirm", () => {
   test("pasting an image into the summary drops in an [Image #n] placeholder", async () => {
     // Arrange
     const setup = await renderApp();
+
     await pressKey(setup, "RETURN", { meta: true });
     await waitForText(setup, "[approve]");
 

package/src/app/App.test.tsx

@@ -378,6 +378,7 @@ describe("no-thread shell", () => {
     // unique "rename" row - the star action sits directly above it
     await waitForText(setup, "rename");
     const rename = locateText(setup, "rename");
+
     await setup.mockMouse.click(rename.column, rename.row - 1);
 
     // Assert - a Starred section now holds the thread

package/src/app/App.tsx

@@ -376,6 +376,7 @@ function ProjectPanelBody(props: {
       />
     );
   }
+
   return (
     <ProjectTreeView
       key={props.diffSourceKey}
@@ -617,6 +618,7 @@ export function App({
   // A shared plan you own polls for collaborator notes while it is open; the
   // merge refreshes through the normal event path. Stops on leave.
   const threadShared = isSharedThread(session);
+
   useEffect(() => {
     if (!isOwner || !threadShared) return;
 
@@ -655,6 +657,7 @@ export function App({
   const [focusedPane, setFocusedPane] = useState<FocusPane>(() =>
     initialFocusedPane(sessionId, workbench.zoomed, layout),
   );
+
   // only the session view persists from here; the bare shell owns its own (NoThreadShell), so this
   // workbench stays inactive with no session and never clobbers what the shell saved
   useRememberLayout(
@@ -765,6 +768,7 @@ export function App({
   };
   const syncGithubIdentity = (): void => {
     const generation = (identityGenerationRef.current += 1);
+
     void resolveGithubIdentity().then((github) => {
       if (identityGenerationRef.current !== generation) return;
       if (!github) return controller.setStatus("GitHub not connected - run gh auth login");
@@ -850,6 +854,7 @@ export function App({
     () => (session && isDiff ? commentCountsByFile(session, rows) : undefined),
     [session, isDiff, rows],
   );
+
   // entering a diff opens the right region in changed-files mode; a plan or reply opens it closed
   workbench.syncSession(session?.id, isDiff);
   // plans, replies, and the default (markdown) prototype open in the thread view, diffs in the
@@ -989,6 +994,7 @@ export function App({
     workbench.changesOpen,
     workbench.projectOpen,
   );
+
   useEffect(() => {
     // the bare shell drives its panes from its own workbench, so only reconcile against this one
     if (!session) return;

package/src/app/App.visual.test.tsx

@@ -33,6 +33,7 @@ function hasSpanColor(
     for (const span of line.spans) {
       if (!span.text.includes(needle) || !span.fg) continue;
       const [red, green, blue] = span.fg.toInts();
+
       if (red === color[0] && green === color[1] && blue === color[2]) return true;
     }
   }
@@ -47,6 +48,7 @@ for (const mode of ["dark", "light"] as const) {
       width: 120,
       height: 32,
     });
+
     await waitForText(setup, "Second review");
 
     await clickText(setup, "Second review");