Function SystemEventRow

web/components/memory/MemoryRunPanel.tsx:494–528

({
  event,
  t,
}: {
  event: RunEvent["payload"];
  t: (k: string) => string;
})

}

function SystemEventRow({
  event,
  t,
}: {
  event: RunEvent["payload"];
  t: (k: string) => string;
}) {
  const stage = String(event.stage || "");
  const display = systemEventDisplay(stage, event, t);
  if (!display) return null;
  return (
    <li
      className={
        "flex items-start gap-2 rounded-md px-2 py-1.5 text-[11.5px] " +
        (display.tone === "ok"
          ? "border border-emerald-500/30 bg-emerald-500/5 text-emerald-700 dark:text-emerald-300"
          : display.tone === "warn"
            ? "border border-amber-500/30 bg-amber-500/5 text-amber-700 dark:text-amber-300"
            : "bg-[var(--muted)]/40 text-[var(--muted-foreground)]")
      }
    >
      <display.icon className="mt-0.5 h-3.5 w-3.5 shrink-0" />
      <div className="min-w-0">
        <div className="font-mono text-[10.5px] uppercase tracking-wide">
          {display.title}
        </div>
        {display.detail && (
          <div className="mt-0.5 break-words leading-snug">
            {display.detail}
          </div>
        )}
      </div>
    </li>
  );
}

function systemEventDisplay(
  stage: string,