Make HTML reprs for Components recursive

docs/changes/2926.feature.rst

@@ -0,0 +1 @@
+the Jupyter notebook HTML representation of `~ctapipe.core.Container` instances now recursively shows the config of sub-components used in the component instance.  This makes it easier to see the full configuration in a user-friendly way.

src/ctapipe/core/component.py

@@ -260,7 +260,7 @@ def _repr_html_(self):
             docstring = publish_parts(clean_doc, writer=writer)["html_body"]
         lines = [
             '<div style="border:1px solid black; max-width: 700px; padding:2em; word-wrap:break-word;">',
-            f"<b>{name}</b>",
+            f"<h3>{name}</h3>",
             docstring,
             "<table>",
             "    <colgroup>",
@@ -292,6 +292,12 @@ def _repr_html_(self):
                 )
         lines.append("    </tbody>")
         lines.append("</table>")
+
+        for name, val in self.__dict__.items():
+            if isinstance(val, Component):
+                lines.append(f"<h4>{name}:</h4>")
+                lines.append(val._repr_html_())
+
         lines.append("</div>")
         return "\n".join(lines)
 

src/ctapipe/core/qualityquery.py

@@ -85,10 +85,6 @@ def to_table(self, functions=False):
             cols["func"] = ["True"] + self.expressions
         return Table(cols)
 
-    def _repr_html_(self):
-        """display nicely in Jupyter notebooks"""
-        return self.to_table()._repr_html_()
-
     def __str__(self):
         """Print a formatted string representation of the entire table."""
         return str(self.to_table())