@cueloop/client 0.1.0-alpha.72 → 0.1.0-alpha.74

package/src/workbench-snapshot.ts

@@ -0,0 +1,29 @@
+import { recaptureMainHead, type DiffFileContents, type Thread } from "@cueloop/schema";
+
+/** Reads the live working-tree diff for a repo root (the daemon's `repo.diff` RPC). */
+export type RepoDiff = (repoRoot: string) => Promise<{
+  patch: string;
+  files: DiffFileContents[];
+}>;
+
+/**
+ * Freeze a workbench thread's live working-tree diff into its artifact for a remote reviewer, who cannot
+ * see the owner's tree. The `snapshot` marker pins the render to this captured diff while keeping the
+ * workbench marker, so the reviewer still sees the file-targeted feedback already on the thread. Any other
+ * thread is already stable and passes through; the owner's own session keeps the original live thread.
+ */
+export async function snapshotWorkbench(session: Thread, repoDiff: RepoDiff): Promise<Thread> {
+  if (session.artifact.type !== "diff" || session.artifact.meta.workbench !== true) return session;
+
+  const { patch, files } = await repoDiff(session.workspace.repoRoot);
+  const artifact = {
+    ...session.artifact,
+    content: patch,
+    files,
+    meta: { ...session.artifact.meta, snapshot: true },
+  };
+  // the share path rebuilds content from history; recapture the branch head so it matches the fresh patch
+  const history = session.history ? recaptureMainHead(session.history, patch) : session.history;
+
+  return { ...session, artifact, history };
+}

package/src/components/fade-title.test.ts

@@ -1,49 +0,0 @@
-import { describe, expect, test } from "bun:test";
-import { fadeTitle, mixHex } from "./fade-title";
-
-describe("mixHex", () => {
-  test("returns the endpoints at t=0 and t=1", () => {
-    expect(mixHex("#000000", "#ffffff", 0)).toBe("#000000");
-    expect(mixHex("#000000", "#ffffff", 1)).toBe("#ffffff");
-  });
-
-  test("blends halfway", () => {
-    expect(mixHex("#000000", "#ffffff", 0.5)).toBe("#808080");
-  });
-
-  test("clamps out-of-range t", () => {
-    expect(mixHex("#101010", "#202020", 2)).toBe("#202020");
-    expect(mixHex("#101010", "#202020", -1)).toBe("#101010");
-  });
-});
-
-describe("fadeTitle", () => {
-  test("a title that fits is one plain segment", () => {
-    const segments = fadeTitle("short", 20, "#aabbcc", "#000000");
-
-    expect(segments).toEqual([{ text: "short", fg: "#aabbcc" }]);
-  });
-
-  test("a long title is clipped to the width and its tail fades toward the background", () => {
-    const segments = fadeTitle("Review the accent change in the theme", 20, "#ffffff", "#000000");
-
-    expect(segments.map((segment) => segment.text).join("")).toHaveLength(20);
-    // the head keeps the base color, the last characters step toward the fade color
-    expect(segments[0]!.fg).toBe("#ffffff");
-    expect(segments.at(-1)!.fg).not.toBe("#ffffff");
-    // the very last character is the most faded (closest to the background)
-    const lastTwo = segments.slice(-2);
-
-    expect(mixHex("#ffffff", "#000000", 0)).not.toBe(lastTwo[1]!.fg);
-  });
-
-  test("newlines collapse to spaces so the row never wraps", () => {
-    const segments = fadeTitle("line one\nline two", 40, "#ffffff", "#000000");
-
-    expect(segments[0]!.text).toBe("line one line two");
-  });
-
-  test("a zero width yields nothing", () => {
-    expect(fadeTitle("anything", 0, "#ffffff", "#000000")).toEqual([]);
-  });
-});

package/src/components/fade-title.ts

@@ -1,61 +0,0 @@
-/**
- * Fits a thread title onto one line, fading the last few characters toward the
- * background instead of cutting hard or wrapping - a gradient mask on the right.
- * Returns colored segments the caller renders as spans.
- */
-
-export interface TitleSegment {
-  text: string;
-  fg: string;
-}
-
-function channel(hex: string, start: number): number {
-  return Number.parseInt(hex.slice(start, start + 2), 16);
-}
-
-/** Blend two #rrggbb colors; t=0 is `from`, t=1 is `to`. */
-export function mixHex(from: string, to: string, t: number): string {
-  const clamp = Math.max(0, Math.min(1, t));
-  const parts = [1, 3, 5].map((start) => {
-    const value = Math.round(
-      channel(from, start) + (channel(to, start) - channel(from, start)) * clamp,
-    );
-
-    return value.toString(16).padStart(2, "0");
-  });
-
-  return `#${parts.join("")}`;
-}
-
-/** The tail length that fades out; kept short so most of the title stays legible. */
-const FADE_WIDTH = 5;
-
-export function fadeTitle(
-  title: string,
-  maxWidth: number,
-  baseColor: string,
-  fadeColor: string,
-): TitleSegment[] {
-  const oneLine = title.replace(/\n/g, " ");
-
-  if (maxWidth <= 0) return [];
-  if (oneLine.length <= maxWidth) return [{ text: oneLine, fg: baseColor }];
-
-  const clipped = oneLine.slice(0, maxWidth);
-  const fadeLength = Math.min(FADE_WIDTH, maxWidth);
-  const head = clipped.slice(0, maxWidth - fadeLength);
-  const segments: TitleSegment[] = head.length > 0 ? [{ text: head, fg: baseColor }] : [];
-
-  for (let index = 0; index < fadeLength; index++) {
-    // the last character reaches the background fully, so the tail masks out
-    // rather than leaving a legible word fragment
-    const progress = (index + 1) / fadeLength;
-
-    segments.push({
-      text: clipped[maxWidth - fadeLength + index]!,
-      fg: mixHex(baseColor, fadeColor, progress),
-    });
-  }
-
-  return segments;
-}