Add info relaxed structure results tab

src/aiidalab_qe/app/result/components/viewer/structure/structure.py

@@ -1,6 +1,7 @@
 import ipywidgets as ipw
 
 from aiidalab_qe.common.panel import ResultsPanel
+from aiidalab_qe.common.time import format_time, relative_time
 from aiidalab_qe.common.widgets import TableWidget
 from aiidalab_widgets_base.viewers import StructureDataViewer
 
@@ -26,11 +27,18 @@ def _render(self):
             """)
             self.atom_coordinates_table = TableWidget()
             self._generate_table(structure.get_ase())
+
+            # Get information from the structure
+            structure_info = self._get_structure_info(structure)
+
+            # Add the children to the container
             self.results_container.children = [
+                structure_info,
                 self.widget,
                 self.table_description,
                 self.atom_coordinates_table,
             ]
+
             self.atom_coordinates_table.observe(self._change_selection, "selected_rows")
             # Listen for changes in self.widget.displayed_selection and update the table
             self.widget.observe(self._update_table_selection, "displayed_selection")
@@ -42,6 +50,19 @@ def _render(self):
         ngl._set_size("100%", "300px")
         ngl.control.zoom(0.0)
 
+    def _get_structure_info(self, structure):
+        return ipw.HTML(
+            f"""
+            <div style='line-height: 1.4;'>
+                <strong>PK:</strong> {structure.pk}<br>
+                <strong>Label:</strong> {structure.label}<br>
+                <strong>Description:</strong> {structure.description}<br>
+                <strong>Number of atoms:</strong> {len(structure.sites)}<br>
+                <strong>Creation time:</strong> {format_time(structure.ctime)} ({relative_time(structure.ctime)})<br>
+            </div>
+            """
+        )
+
     def _generate_table(self, structure):
         data = [
             [