/** * LogTail — SSR component that renders a
 and streams live workflow-run
 * step-log chunks into it via SSE.
 *
 * The initial  is pre-populated with `fallbackLogs` (the DB row's stored
 * logs blob so a viewer with JS disabled, an unsupported browser, or a
 * blocked SSE endpoint still sees whatever was already persisted). Once the
 * inline script connects to `/live-events/workflow-run-`, it appends
 * step-log chunks as plain escaped text and reloads the page on run-done so
 * the static view takes over.
 */

import { raw } from "hono/html";
import { liveLogTailScript } from "../lib/sse-client";

export function LogTail(props: {
  runId: string;
  jobId?: string;
  fallbackLogs?: string | null;
  height?: string;
  reloadOnRunDone?: boolean;
}): JSX.Element {
  const elementId = `log-tail-${props.runId}${props.jobId ? "-" + props.jobId : ""}`;
  const topic = `workflow-run-${props.runId}`;
  const script = liveLogTailScript({
    topic,
    targetElementId: elementId,
    jobId: props.jobId,
    onRunDone:
      props.reloadOnRunDone === false ? undefined : "location.reload()",
  });

  return (
    
      
        ● live log
        connecting…
      
              {props.fallbackLogs || ""}