script-build-and-framework-tmp/visualization/frontend/components/flow/AgentRegion.tsx

import type { NodeProps } from "@xyflow/react";
import type { CanvasNodeData } from "@/lib/layout";

export function AgentRegion({ data }: NodeProps) {
  const region = (data as unknown as CanvasNodeData).region;
  if (!region) return null;
  return <section className={`agentRegion region-${region.tone}`} aria-hidden="true">
    <header><strong>{region.label}</strong><span>{region.description}</span></header>
  </section>;
}