@cueloop/client 0.1.0-alpha.12 → 0.1.0-alpha.14

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@cueloop/client",
-  "version": "0.1.0-alpha.12",
+  "version": "0.1.0-alpha.14",
   "license": "Apache-2.0",
   "type": "module",
   "exports": {
     ".": "./src/index.ts"
   },
   "dependencies": {
-    "@cueloop/daemon": "0.1.0-alpha.12",
-    "@cueloop/extension-api": "0.1.0-alpha.12",
-    "@cueloop/integration-obsidian": "0.1.0-alpha.12",
-    "@cueloop/schema": "0.1.0-alpha.12",
+    "@cueloop/daemon": "0.1.0-alpha.14",
+    "@cueloop/extension-api": "0.1.0-alpha.14",
+    "@cueloop/integration-obsidian": "0.1.0-alpha.14",
+    "@cueloop/schema": "0.1.0-alpha.14",
     "@opentui/core": "^0.5.1",
     "@opentui/keymap": "0.5.1",
     "@opentui/react": "^0.5.1",

package/src/App.plan-review.test.tsx

@@ -122,9 +122,11 @@ describe("inline compose keeps the anchor painted", () => {
     await press(setup, "v");
     await press(setup, "l");
     await press(setup, "c");
-    // compose open: the anchor is painted selection-style
+    // compose open: the anchor is painted selection-style. The box can render
+    // a frame before the anchor repaint settles, so wait on the color itself.
     expect(setup.captureCharFrame()).toContain("Save ⏎");
     expect(setup.captureCharFrame()).toContain("Cancel esc");
+    await waitForState(setup, () => backgroundsOf(setup, "The daemon").includes(T.accent));
     expect(backgroundsOf(setup, "The daemon")).toContain(T.accent);
     // cancel un-paints (a bare ESC settles after the parser's escape window)
     await press(setup, "escape");

package/src/components/ConfirmCard.tsx

@@ -7,7 +7,6 @@
  */
 
 import React from "react";
-import type { MouseEvent, SelectRenderable } from "@opentui/core";
 import type { VerdictKind } from "@cueloop/schema";
 import type { Theme } from "../theme";
 import { useComponentTheme } from "./theme-context";
@@ -36,17 +35,18 @@ export interface ConfirmCardProps {
   theme?: Theme;
 }
 
-/** Counts, spacer, 3-row verdict selector, spacer, summary input, spacer, buttons. */
-const CONFIRM_CONTENT_ROWS = 9;
+/** Counts, spacer, 1-row verdict selector, spacer, summary input, spacer, buttons. */
+const CONFIRM_CONTENT_ROWS = 7;
 
 export function verdictColor(verdict: VerdictKind, tokens: Theme): string {
   return verdict === "approve" ? tokens.green : verdict === "request_changes" ? tokens.red : tokens.blue;
 }
 
 /**
- * The verdict selector over the native select renderable. Selection stays
- * controlled by the grammar (←/→ cycle the verdict); clicks map through the
- * option row geometry. The selected verdict wears brackets and its color.
+ * The verdict selector: one row of pressable words, matching the reading
+ * direction of a choice between three peers. Selection stays controlled by
+ * the grammar (←/→ cycle the verdict); a click selects directly. The
+ * selected verdict wears brackets and its color.
  */
 function VerdictSelector({
   verdict,
@@ -58,36 +58,16 @@ function VerdictSelector({
   theme?: Theme;
 }): React.ReactNode {
   const tokens = useComponentTheme(theme);
-  const selectedIndex = VERDICTS.indexOf(verdict);
-  const selectorRef = React.useRef<SelectRenderable | null>(null);
-  React.useEffect(() => {
-    selectorRef.current?.setSelectedIndex(selectedIndex);
-  }, [selectedIndex]);
-  const onMouseUp = (event: MouseEvent): void => {
-    const selector = selectorRef.current;
-    if (!selector) return;
-    const candidate = VERDICTS[event.y - selector.y];
-    if (candidate) onSelectVerdict(candidate);
-  };
   return (
-    <select
-      ref={selectorRef}
-      options={VERDICTS.map((candidate) => ({
-        name: candidate === verdict ? `[${VERDICT_LABEL[candidate]}]` : ` ${VERDICT_LABEL[candidate]} `,
-        description: "",
-        value: candidate,
-      }))}
-      selectedIndex={selectedIndex}
-      showDescription={false}
-      showSelectionIndicator={false}
-      showScrollIndicator={false}
-      textColor={tokens.textDim}
-      selectedTextColor={verdictColor(verdict, tokens)}
-      selectedBackgroundColor={tokens.elevated}
-      backgroundColor={tokens.elevated}
-      onMouseUp={onMouseUp}
-      style={{ height: VERDICTS.length }}
-    />
+    <box style={{ flexDirection: "row", height: 1 }}>
+      {VERDICTS.map((candidate) => (
+        <box key={candidate} style={{ paddingRight: 1 }} onMouseUp={() => onSelectVerdict(candidate)}>
+          <text fg={candidate === verdict ? verdictColor(candidate, tokens) : tokens.textDim}>
+            {candidate === verdict ? `[${VERDICT_LABEL[candidate]}]` : ` ${VERDICT_LABEL[candidate]} `}
+          </text>
+        </box>
+      ))}
+    </box>
   );
 }
 

package/src/components/__snapshots__/stories.test.tsx.snap

@@ -368,9 +368,7 @@ exports[`stories catalog ConfirmCard/ApproveDefault renders, snapshots, and carr
 "╭─ submit review ─────────────────────╮ 
 │ 0 annotations · 0 blocking          │ 
 │                                     │ 
-│   Comment                           │ 
-│  [Approve]                          │ 
-│   Changes                           │ 
+│  Comment  [Approve]  Changes        │ 
 │                                     │ 
 │ summary for the agent (optional)    │ 
 │                                     │ 
@@ -379,6 +377,8 @@ exports[`stories catalog ConfirmCard/ApproveDefault renders, snapshots, and carr
                                         
                                         
                                         
+                                        
+                                        
 "
 `;
 
@@ -386,9 +386,7 @@ exports[`stories catalog ConfirmCard/RequestChanges renders, snapshots, and carr
 "╭─ submit review ─────────────────────╮ 
 │ 3 annotations · 1 blocking          │ 
 │                                     │ 
-│   Comment                           │ 
-│   Approve                           │ 
-│  [Changes]                          │ 
+│  Comment   Approve  [Changes]       │ 
 │                                     │ 
 │ Tighten the steps.                  │ 
 │                                     │ 
@@ -397,6 +395,8 @@ exports[`stories catalog ConfirmCard/RequestChanges renders, snapshots, and carr
                                         
                                         
                                         
+                                        
+                                        
 "
 `;
 
@@ -722,12 +722,12 @@ exports[`stories catalog ReviewRail/SubmitConfirmOpen renders, snapshots, and ca
                                         
                                         
                                         
+                                        
+                                        
  ╭─ submit review ──────────────╮       
  │ 2 annotations · 0 blocking   │       
  │                              │       
- │   Comment                    │       
- │   Approve                    │       
- │  [Changes]                   │       
+ │  Comment   Approve [Changes] │       
  │                              │       
  │ summary for the agent (option│       
  │                              │