Function artifactSource

e2e/scenarios/artifact-loading-surface.test.ts:68–86

(marker: string)

/** A tall, distinctive artifact — the same shape the main artifacts scenario
 *  uses, so the fill-mode sizing under test here is the real one. */
const artifactSource = (marker: string) => `
function App() {
  return (
    <div className="flex h-full flex-col gap-4">
      <div data-testid="artifact-header" className="shrink-0">
        <h2>Loading Surface</h2>
        <p data-testid="artifact-marker">${marker}</p>
      </div>
      <div data-testid="artifact-scroll" className="min-h-0 flex-1 overflow-auto">
        {Array.from({ length: 30 }, (_, i) => (
          <p key={i} data-testid={"artifact-row-" + i} style={{ height: 28 }}>
            Row {i + 1}: ${marker}
          </p>
        ))}
      </div>
    </div>
  );
}
`;

const structuredOf = (result: { readonly raw: unknown }): Record<string, unknown> =>
  ((result.raw as { structuredContent?: Record<string, unknown> }).structuredContent ??