Function LabsPage

packages/web/src/render.tsx:781–812

(props: { labs: LabEntry[] })

}

function LabsPage(props: { labs: LabEntry[] }) {
  return (
      <TableSection title="Labs" count={props.labs.length} columns={5} hideHeading>
        <table data-enhanced-table>
          <thead>
            <tr>
              <SortableTh>Lab</SortableTh>
              <SortableTh>Description</SortableTh>
              <SortableTh type="number">Models</SortableTh>
              <SortableTh type="number">Providers</SortableTh>
              <SortableTh>Last Updated</SortableTh>
            </tr>
          </thead>
          <tbody>
            {props.labs.map((lab) => (
              <tr data-search={`${lab.name} ${lab.description ?? ""} ${lab.id} ${lab.families.join(" ")}`}>
                <td data-sort={lab.name}>
                  <LabLink labId={lab.id} labName={lab.name} />
                  <span class="subtle mono">{lab.id}</span>
                </td>
                <td>{lab.description ?? "-"}</td>
                <td data-sort={String(lab.models.length)}>{lab.models.length}</td>
                <td data-sort={String(lab.providerCount)}>{lab.providerCount}</td>
                <td data-sort={sortDate(lab.lastUpdated)}>{lab.lastUpdated ?? "-"}</td>
              </tr>
            ))}
            <EmptyRow columns={5} />
          </tbody>
        </table>
      </TableSection>
  );
}

function ModelPage(props: { model: ModelEntry }) {
  const { model } = props;