@cueloop/client 0.1.0-alpha.101 → 0.1.0-alpha.103

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cueloop/client",
-  "version": "0.1.0-alpha.101",
+  "version": "0.1.0-alpha.103",
   "description": "The cueloop review UI: projection renderer, keyboard grammar, review rail",
   "homepage": "https://github.com/mmurakaru/cueloop#readme",
   "bugs": {
@@ -27,10 +27,10 @@
     "access": "public"
   },
   "dependencies": {
-    "@cueloop/daemon": "0.1.0-alpha.101",
-    "@cueloop/extension-api": "0.1.0-alpha.101",
-    "@cueloop/integration-obsidian": "0.1.0-alpha.101",
-    "@cueloop/schema": "0.1.0-alpha.101",
+    "@cueloop/daemon": "0.1.0-alpha.103",
+    "@cueloop/extension-api": "0.1.0-alpha.103",
+    "@cueloop/integration-obsidian": "0.1.0-alpha.103",
+    "@cueloop/schema": "0.1.0-alpha.103",
     "@opentui/core": "^0.5.14",
     "@opentui/keymap": "0.5.14",
     "@opentui/react": "^0.5.14",

package/src/annotations/annotation-palette.ts

@@ -47,6 +47,7 @@ export function lighten(hex: string, amount = 0.25): string {
   const channels = hex.match(/^#(..)(..)(..)$/);
 
   if (!channels) return hex;
+
   const lifted = channels
     .slice(1)
     .map((channel) => {

package/src/annotations/components/AnnotationCards.tsx

@@ -79,6 +79,7 @@ export function Composer({
     const editor = editorRef.current;
 
     if (!editor || !editor.focused || !looksLikeBinaryPaste(event.bytes)) return;
+
     event.preventDefault();
     pastedImageCount.current += 1;
     editor.editBuffer.insertText(imagePlaceholder(pastedImageCount.current));
@@ -100,6 +101,7 @@ export function Composer({
     const editor = editorRef.current;
 
     if (!editor) return;
+
     editor.cursorOffset = seed.length;
     editor.editBuffer.setSyntaxStyle(referenceStyleFor(tokens).style);
     paintReferences(editor);
@@ -133,6 +135,7 @@ export function Composer({
           const editor = editorRef.current;
 
           if (!editor) return;
+
           paintReferences(editor);
           setRows(composeRowCount(editor.plainText, editor.width));
           onInput(editor.plainText, editor.cursorOffset);
@@ -317,12 +320,14 @@ export function CommentRow({
   tokens,
   authorLabel,
   action,
+  onFocus,
 }: {
   annotation: Annotation;
   tokens: Theme;
   /** The author's resolved display name, shown as a tooltip when the dot is hovered. */
   authorLabel?: string;
   action?: { label: string; run: () => void };
+  onFocus?: () => void;
 }): React.ReactNode {
   // own comments (no author) wear the filled dot, collaborators the outline
   const own = annotation.author === undefined;
@@ -337,7 +342,15 @@ export function CommentRow({
     : {};
 
   return (
-    <box style={{ flexDirection: "column" }}>
+    <box
+      style={{ flexDirection: "column" }}
+      onMouseDown={(event) => {
+        if (!onFocus) return;
+
+        event.stopPropagation();
+        onFocus();
+      }}
+    >
       {annotation.body.split("\n").map((line, lineIndex) => (
         <box key={lineIndex} style={{ flexDirection: "row" }}>
           <box style={{ flexShrink: 0 }} {...(lineIndex === 0 ? dotHover : {})}>

package/src/annotations/components/DiscussionMarkerRail.tsx

@@ -56,6 +56,7 @@ function ScrollMarkers({
   const isActive = (index: number): boolean => index === hoveredIndex || index === focusedIndex;
   const colorFor = (index: number): string => {
     if (isActive(index)) return tokens.text;
+
     if (hoveredIndex >= 0 && discussions.length >= 5 && Math.abs(index - hoveredIndex) === 1) {
       return tokens.textMuted;
     }
@@ -126,9 +127,11 @@ export function DiscussionMarkerRail({
 
   const preview = (): React.ReactNode => {
     if (hovered === null) return null;
+
     const discussion = discussions.find((candidate) => candidate.key === hovered.key);
 
     if (!discussion) return null;
+
     const quote = spanQuote(discussion.span);
     const lastComment = discussion.annotations.at(-1)!;
 

package/src/annotations/discussions.ts

@@ -34,6 +34,7 @@ export function discussionsFrom(session: Thread, marks: Map<number, Mark[]>): Di
   for (const [displayIndex, blockMarks] of marks) {
     for (const mark of blockMarks) {
       if (!mark.annotationId || spanOf.has(mark.annotationId)) continue;
+
       spanOf.set(
         mark.annotationId,
         mark.span ?? {

package/src/annotations/thread-selection.ts

@@ -69,6 +69,7 @@ export function wordIndexAt(text: string, char: number): number {
 
   for (let index = 0; index < words.length; index++) {
     if (char < words[index]!.start) return Math.max(0, index - 1);
+
     if (char < words[index]!.end) return index;
   }
 
@@ -91,6 +92,7 @@ export function wordRangeAt(text: string, char: number): CharRange | null {
  */
 export function positionAt(lines: LineGeometry[], x: number, y: number): TextPosition | null {
   if (lines.length === 0) return null;
+
   const ordered = lines.toSorted((left, right) => left.y - right.y || left.x - right.x);
   const onRow = ordered.find((line) => line.y === y);
 
@@ -99,9 +101,11 @@ export function positionAt(lines: LineGeometry[], x: number, y: number): TextPos
 
     return { blockIndex: onRow.blockIndex, char: onRow.start + column };
   }
+
   const above = ordered.findLast((line) => line.y < y);
 
   if (above) return { blockIndex: above.blockIndex, char: above.end };
+
   const first = ordered[0]!;
 
   return { blockIndex: first.blockIndex, char: first.start };
@@ -156,6 +160,7 @@ export function spanRangeInBlock(
   textLength: number,
 ): CharRange | null {
   if (blockIndex < span.start.blockIndex || blockIndex > span.end.blockIndex) return null;
+
   const start = blockIndex === span.start.blockIndex ? span.start.char : 0;
   const end = blockIndex === span.end.blockIndex ? Math.min(span.end.char, textLength) : textLength;
 
@@ -189,6 +194,7 @@ export function snapSpanToWords(span: TextSpan, textOf: (blockIndex: number) =>
       end: { blockIndex: span.end.blockIndex, char: snapped.end },
     };
   }
+
   const startText = textOf(span.start.blockIndex);
   const endText = textOf(span.end.blockIndex);