cruise 0.1.67

YAML-driven coding agent workflow orchestrator
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49

import type { RefObject } from "react";
import type { RunStatus } from "../lib/sessionActions";

export interface WorkflowLogPanelProps {
  panelLogId: string;
  tabLogId: string;
  status: RunStatus;
  logContent: string;
  logEndRef: RefObject<HTMLSpanElement | null>;
  preRef: RefObject<HTMLPreElement | null>;
  onScroll: () => void;
  className?: string;
}

export function WorkflowLogPanel({
  panelLogId,
  tabLogId,
  status,
  logContent,
  logEndRef,
  preRef,
  onScroll,
  className,
}: WorkflowLogPanelProps) {
  return (
    <div
      role="tabpanel"
      id={panelLogId}
      aria-labelledby={tabLogId}
      className={className}
      onScroll={onScroll}
    >
      {logContent ? (
        <pre ref={preRef} className="text-xs text-gray-700 dark:text-gray-300 whitespace-pre-wrap break-all">
          {logContent}
          <span ref={logEndRef} />
        </pre>
      ) : (
        <p className="text-sm text-gray-500 dark:text-gray-400">
          {status === "idle"
            ? "Generate a plan or run the session to see logs here."
            : status === "cancelled"
              ? "Session was cancelled."
              : "No log entries yet."}
        </p>
      )}
    </div>
  );
}