harshapitla/github-actions-analytics

1import React from "react";2import { DATASET_FIELDS_LIMIT } from "../../config/appConfig";3 4export default function DatasetMetaPanel({ metadata, visible }) {5  if (!visible || !metadata?.columns?.length) return null;6  const columns = metadata.columns.slice(0, DATASET_FIELDS_LIMIT);7  const trimmed = metadata.columns.length > columns.length;8  return (9    <section className="meta-fields card" aria-live="polite">10      <div className="meta-fields-title">11        Dataset Columns ({metadata.columns.length})12      </div>13      <div className="meta-fields-grid">14        {columns.map((col) => (15          <span key={col} className="meta-field-chip">16            {col}17          </span>18        ))}19        {trimmed && <span className="meta-field-chip muted">+ more</span>}20      </div>21    </section>22  );23}24