Added recursion to Properties.py

src/myfasthtml/controls/DataGridsManager.py

@@ -43,13 +43,15 @@ class DataGridsManager(MultipleInstance):
     content = df.to_html(index=False)
     self._tabs_manager.switch(tab_id, content)
   
+  def mk_main_icons(self):
+    return Div(
+      mk.icon(folder_open20_regular, tooltip="Upload from source", command=self.commands.upload_from_source()),
+      mk.icon(table_add20_regular, tooltip="New grid"),
+      cls="flex"
+    )
+  
   def render(self):
     return Div(
-      Div(
-        mk.icon(folder_open20_regular, tooltip="Upload from source", command=self.commands.upload_from_source()),
-        mk.icon(table_add20_regular, tooltip="New grid"),
-        cls="flex"
-      ),
       self.tree,
       id=self._id,
     )

src/myfasthtml/controls/Properties.py

@@ -16,21 +16,38 @@ class Properties(MultipleInstance):
     self.groups = groups
     self.properties_by_group = self._create_properties_by_group()
   
+  def _mk_group_content(self, properties: dict):
+    return Div(
+      *[
+          Div(
+            Div(k, cls="mf-properties-key", data_tooltip=f"{k}"),
+            self._mk_property_value(v),
+            cls="mf-properties-row"
+          )
+          for k, v in properties.items()
+      ],
+      cls="mf-properties-group-content"
+    )
+  
+  def _mk_property_value(self, value):
+    if isinstance(value, dict):
+      return self._mk_group_content(value)
+    
+    if isinstance(value, (list, tuple)):
+      return self._mk_group_content({i: item for i, item in enumerate(value)})
+    
+    return Div(str(value),
+               cls="mf-properties-value",
+               title=str(value))
+  
   def render(self):
     return Div(
       *[
           Div(
-            Div(group_name if group_name is not None else "", cls="mf-properties-group-header"),
             Div(
-              *[
-                  Div(
-                    Div(k, cls="mf-properties-key"),
-                    Div(str(v), cls="mf-properties-value", title=str(v)),
-                    cls="mf-properties-row"
-                  )
-                  for k, v in proxy.as_dict().items()
-              ],
-              cls="mf-properties-group-content"
+              Div(group_name if group_name is not None else "", cls="mf-properties-group-header"),
+              self._mk_group_content(proxy.as_dict()),
+              cls="mf-properties-group-container"
             ),
             cls="mf-properties-group-card"
           )