源码快照 @ 2026-09-02 (source-only, 剔除非源码素材)

evals/specs/artifact-rail-layout.test.ts

@@ -0,0 +1,61 @@
+import { readFileSync } from "node:fs";
+import { fileURLToPath } from "node:url";
+import { expect } from "vitest";
+import { test } from "@openwork/testkit";
+
+const sessionPageSource = readFileSync(
+  fileURLToPath(new URL("../../apps/app/src/react-app/domains/session/chat/session-page.tsx", import.meta.url)),
+  "utf8",
+);
+const buttonSource = readFileSync(
+  fileURLToPath(new URL("../../apps/app/src/components/ui/button.tsx", import.meta.url)),
+  "utf8",
+);
+
+function spacingValue(source: string, pattern: RegExp) {
+  const value = source.match(pattern)?.[1];
+  if (value === undefined) {
+    throw new Error(`Missing geometry class matching ${pattern}`);
+  }
+  return Number(value) * 4;
+}
+
+test("the artifact count badge stays inside the desktop rail", async ({ evidence }) => {
+  const rail = sessionPageSource.match(/<aside className="([^"]+)">/)?.[1] ?? "";
+  const badge = sessionPageSource.match(/<span className="([^"]*translate-x-1[^"]*)">/)?.[1] ?? "";
+  const buttonSize = spacingValue(buttonSource, /"icon-sm": "size-([\d.]+)"/);
+  const railWidth = spacingValue(rail, /(?:^|\s)w-([\d.]+)(?:\s|$)/);
+  const railPadding = spacingValue(rail, /(?:^|\s)px-([\d.]+)(?:\s|$)/);
+  const railTopPadding = spacingValue(rail, /(?:^|\s)py-([\d.]+)(?:\s|$)/);
+  const badgeOffset = spacingValue(badge, /(?:^|\s)translate-x-([\d.]+)(?:\s|$)/);
+  const badgeTopOffset = spacingValue(badge, /(?:^|\s)-translate-y-([\d.]+)(?:\s|$)/);
+  const badgeHeight = spacingValue(badge, /(?:^|\s)leading-([\d.]+)(?:\s|$)/);
+
+  for (const { chatWidth, badgeWidth } of [
+    { chatWidth: 720, badgeWidth: 14 },
+    { chatWidth: 720, badgeWidth: 22 },
+    { chatWidth: 360, badgeWidth: 14 },
+    { chatWidth: 360, badgeWidth: 22 },
+  ]) {
+    const railLeft = chatWidth;
+    const railRight = railLeft + railWidth;
+    const badgeRight = railLeft + railPadding + buttonSize + badgeOffset;
+    const badgeLeft = badgeRight - badgeWidth;
+    const badgeTop = railTopPadding - badgeTopOffset;
+    const badgeBottom = badgeTop + badgeHeight;
+
+    expect(badgeRight).toBeGreaterThan(badgeLeft);
+    expect(badgeBottom).toBeGreaterThan(badgeTop);
+    expect(badgeLeft).toBeGreaterThanOrEqual(railLeft);
+    expect(badgeRight).toBeLessThanOrEqual(railRight);
+    expect(badgeTop).toBeGreaterThanOrEqual(0);
+  }
+
+  expect(sessionPageSource).toContain('artifactTargetCount > 9 ? "9+" : artifactTargetCount');
+
+  evidence.recordAssertionEvidence(
+    "Artifact counts remain fully visible in the desktop rail",
+    "The one-digit and compact 9+ badges fit inside the rail at narrow and wide chat widths without changing the 9+ presentation.",
+    true,
+  );
+});