niceeval 0.2.0 → 0.3.0

package/src/view/app/components/AttemptModal.tsx

@@ -1,6 +1,7 @@
 import { useEffect, useState } from "react";
 import type { ArtifactLoadState, T } from "../shared.ts";
 import type { ViewResult } from "../types.ts";
+import { artifactUrl } from "../lib/artifact-url.ts";
 import { asEvents, asSources } from "../lib/guards.ts";
 import { outcomeClass, outcomeLabel } from "../lib/outcome.ts";
 import { CodeView, NoSourceBody } from "./CodeView.tsx";
@@ -19,7 +20,7 @@ export function AttemptModal({ result, onClose, t }: { result: ViewResult; onClo
     let alive = true;
     const grab = (name: string, has?: boolean): Promise<unknown> =>
       has
-        ? fetch("/artifact?p=" + encodeURIComponent(`${base}/${name}`))
+        ? fetch(artifactUrl(`${base}/${name}`))
             .then((r) => (r.ok ? r.json() : null))
             .catch(() => null)
         : Promise.resolve(null);
@@ -56,7 +57,13 @@ export function AttemptModal({ result, onClose, t }: { result: ViewResult; onClo
           {hasCode ? (
             <CodeView sources={data.sources ?? []} events={data.events || []} assertions={allAssertions} t={t} />
           ) : data.status !== "loading" ? (
-            <NoSourceBody assertions={allAssertions} events={data.events || []} t={t} />
+            // hasSources 为真却取不到 → 源码捕获过,是工件文件在当前托管里缺失;和「从未捕获」分开提示。
+            <NoSourceBody
+              assertions={allAssertions}
+              events={data.events || []}
+              message={t(result.hasSources && base ? "code.sourceUnavailable" : "code.noSource")}
+              t={t}
+            />
           ) : null}
           {result.hasTrace && base ? (
             <LazyArtifact type="trace" src={`${base}/trace.json`} t={t} />

package/src/view/app/components/CodeView.tsx

@@ -245,12 +245,12 @@ export function AssertDetail({ asserts, t }: { asserts: Assertion[]; t: T }) {
  * 没源码可叠时(此 run 早于 source-loc,或源码不可读:远程沙箱等)。不退回老的分组视图——
  * 用代码视图同一套视觉语言:一句说明 + checks(绿过/红不过)+ 原始会话流。重跑即可看到代码视图。
  */
-export function NoSourceBody({ assertions, events, t }: { assertions: Assertion[]; events: TranscriptEvent[]; t: T }) {
+export function NoSourceBody({ assertions, events, message, t }: { assertions: Assertion[]; events: TranscriptEvent[]; message?: string; t: T }) {
   const checks = assertions || [];
   return (
     <div className="nosource">
       <div className="nosource-note">
-        {t("code.noSource")}
+        {message ?? t("code.noSource")}
       </div>
       {checks.length ? (
         <div className="nosource-block">

package/src/view/app/components/LazyArtifact.tsx

@@ -1,5 +1,6 @@
 import { useEffect, useState } from "react";
 import type { LazyArtifactType, T } from "../shared.ts";
+import { artifactUrl } from "../lib/artifact-url.ts";
 import { asEvents, asSpans } from "../lib/guards.ts";
 import { Trace } from "./Trace.tsx";
 import { Transcript } from "./Transcript.tsx";
@@ -14,7 +15,7 @@ export function LazyArtifact({ type, src, autoLoad = false, t }: { type: LazyArt
     if (loaded) return;
     setLoaded(true);
     try {
-      const resp = await fetch("/artifact?p=" + encodeURIComponent(src));
+      const resp = await fetch(artifactUrl(src));
       if (!resp.ok) throw new Error("HTTP " + resp.status);
       const body = await resp.json();
       setContent(body);

package/src/view/app/i18n.ts

@@ -98,6 +98,7 @@ export type MessageKey =
   | "code.checks"
   | "code.conversation"
   | "code.noSource"
+  | "code.sourceUnavailable"
   | "assert.pass"
   | "assert.fail"
   | "assert.soft"
@@ -208,6 +209,7 @@ const dictionaries: Record<Locale, Dictionary> = {
     "code.checks": "checks",
     "code.conversation": "conversation",
     "code.noSource": "Source was not captured. This run may predate source-loc or the source may be unavailable. Re-run this eval to see the code view.",
+    "code.sourceUnavailable": "Source was captured for this run, but its artifact files are missing from this deployment. Re-export with `niceeval view --out <dir>` (directory mode bundles artifacts), or open the results locally with `niceeval view`.",
     "assert.pass": "pass",
     "assert.fail": "fail",
     "assert.soft": "soft",
@@ -315,6 +317,7 @@ const dictionaries: Record<Locale, Dictionary> = {
     "code.checks": "检查",
     "code.conversation": "会话",
     "code.noSource": "源码未捕获。此 run 可能早于 source-loc，或源码不可读。重跑此 eval 即可看到代码视图。",
+    "code.sourceUnavailable": "此 run 捕获过源码，但当前部署里缺少它的工件文件。用 `niceeval view --out <目录>` 重新导出（目录模式会带上工件），或在本地 `niceeval view` 查看。",
     "assert.pass": "通过",
     "assert.fail": "失败",
     "assert.soft": "soft",

package/src/view/app/lib/artifact-url.ts

@@ -0,0 +1,6 @@
+// 工件 fetch 的 URL:相对路径 `artifact/<rel>`。
+// 本地 dev server(server.ts 的 /artifact/ 路由)和目录式静态导出(buildView 拷到 <out>/artifact/)
+// 共用同一布局,前端不需要知道自己被谁托管。相对路径也保证子路径部署(如 host/foo/)不断链。
+export function artifactUrl(rel: string): string {
+  return "artifact/" + rel.split("/").map(encodeURIComponent).join("/");
+}