Wworking on improving the tool

web/src/InfoPanel.tsx

@@ -89,6 +89,37 @@ export default function InfoPanel({ signal, onClose }: Props) {
               </tbody>
             </table>
 
+            {meta.tags && meta.tags.length > 0 && (
+              <div>
+                <div class="info-sep" />
+                <div class="info-section-hdr">Tags</div>
+                <div style="display: flex; gap: 4px; flex-wrap: wrap; padding: 4px 0.75rem;">
+                  {meta.tags.map(t => (
+                    <span key={t} style="font-size: 0.7rem; background: #1e293b; color: #94a3b8; padding: 1px 6px; border-radius: 4px; border: 1px solid #334155;">
+                      {t}
+                    </span>
+                  ))}
+                </div>
+              </div>
+            )}
+
+            {meta.properties && Object.keys(meta.properties).length > 0 && (
+              <div>
+                <div class="info-sep" />
+                <div class="info-section-hdr">Properties</div>
+                <table class="info-table">
+                  <tbody>
+                    {Object.entries(meta.properties).map(([k, v]) => (
+                      <tr key={k}>
+                        <td class="info-key">{k}</td>
+                        <td class="info-val">{v}</td>
+                      </tr>
+                    ))}
+                  </tbody>
+                </table>
+              </div>
+            )}
+
             {meta.enumStrings && meta.enumStrings.length > 0 && (
               <div>
                 <div class="info-sep" />