@kernel-sig/console 0.1.0

package/frontend/src/pages/meetings/MeetingDetailPage.tsx

@@ -0,0 +1,403 @@
+import { useQuery } from '@tanstack/react-query'
+import { Link } from '@tanstack/react-router'
+import { ArrowLeft, ExternalLink } from 'lucide-react'
+import { useState } from 'react'
+
+import { KIND_META } from '@/api/classification'
+import {
+  MEETING_STATUS_META,
+  sigApi,
+  type MeetingAgenda,
+  type ReleaseReport,
+} from '@/api/sig'
+import { Badge } from '@/components/ui/badge'
+import { Card, CardBody, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
+import { EmptyState } from '@/components/ui/empty-state'
+import { Skeleton } from '@/components/ui/skeleton'
+import { cn, formatNumber } from '@/lib/utils'
+
+const NUM_COLORS = ['一', '二', '三', '四', '五', '六', '七', '八', '九', '十']
+
+/**
+ * 一场例会的详情。
+ *
+ * 议题里的 PR 引用链到本平台，正文里的原始链接保留 ——
+ * 纪要原文是外部系统的既有事实，改不得；但把编号变成能点的链接，
+ * 是维护者从"看纪要"到"处理 PR"之间省掉的那一步。
+ */
+export function MeetingDetailPage({ meetingId }: { meetingId: string }) {
+  const { data: meeting, isLoading } = useQuery({
+    queryKey: ['meeting', meetingId],
+    queryFn: () => sigApi.meeting(meetingId),
+  })
+
+  // 前后场：翻上一场/下一场的纪要，不该先退回列表再点一次。
+  // 列表查询与列表页共用同一个 key，命中缓存时不会多发请求。
+  const { data: meetings } = useQuery({
+    queryKey: ['meetings'],
+    queryFn: () => sigApi.meetings(undefined, 50),
+  })
+
+  if (isLoading) {
+    return (
+      <div className="space-y-3">
+        <Skeleton className="h-7 w-1/2" />
+        <Skeleton className="h-40 w-full" />
+      </div>
+    )
+  }
+  if (!meeting) return <EmptyState title="例会不存在" />
+
+  const meta = MEETING_STATUS_META[meeting.status]
+
+  const index = (meetings ?? []).findIndex((item) => item.id === meetingId)
+  const previous = index >= 0 ? (meetings ?? [])[index + 1] : undefined
+  const next = index > 0 ? (meetings ?? [])[index - 1] : undefined
+
+  const prRefs = meeting.agendas.flatMap((agenda) => agenda.pull_refs)
+  const uniqueRefs = new Map(prRefs.map((ref) => [ref.number, ref]))
+  const stillOpen = [...uniqueRefs.values()].filter((ref) => ref.state === 'open')
+  const owners = countOwners(meeting.agendas)
+
+  return (
+    <div className="space-y-4">
+      <div className="flex flex-wrap items-center justify-between gap-2">
+        <Link
+          to="/meetings"
+          className="inline-flex items-center gap-1.5 text-sm text-[var(--color-text-secondary)] hover:text-[var(--color-text-primary)]"
+        >
+          <ArrowLeft className="size-3.5" aria-hidden />
+          返回例会
+        </Link>
+        <div className="flex items-center gap-3 text-xs">
+          {previous ? (
+            <Link
+              to="/meetings/$meetingId"
+              params={{ meetingId: previous.id }}
+              className="text-[var(--color-text-secondary)] hover:text-[var(--color-accent)]"
+            >
+              ← 上一场 {previous.held_on}
+            </Link>
+          ) : (
+            <span className="text-[var(--color-text-muted)]">—</span>
+          )}
+          {next && (
+            <Link
+              to="/meetings/$meetingId"
+              params={{ meetingId: next.id }}
+              className="text-[var(--color-text-secondary)] hover:text-[var(--color-accent)]"
+            >
+              下一场 {next.held_on} →
+            </Link>
+          )}
+        </div>
+      </div>
+
+      <header className="space-y-2.5">
+        <div className="flex flex-wrap items-center gap-3">
+          <h1 className="text-base font-semibold tracking-tight">{meeting.title}</h1>
+          <Badge tone={meta?.tone as never}>{meta?.label ?? meeting.status}</Badge>
+        </div>
+        <div className="flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-[var(--color-text-secondary)]">
+          <span className="font-mono">
+            {meeting.held_on}
+            {meeting.start_time && ` ${meeting.start_time}`}
+          </span>
+          <span>
+            主持{' '}
+            <Link
+              to="/members"
+              search={{ member: meeting.host ?? undefined }}
+              className="hover:text-[var(--color-accent)]"
+            >
+              {meeting.host ?? '—'}
+            </Link>
+          </span>
+          {meeting.next_host && <span>下次主持 {meeting.next_host}</span>}
+          {meeting.meeting_url && (
+            <a
+              href={meeting.meeting_url}
+              target="_blank"
+              rel="noreferrer noopener"
+              className="inline-flex items-center gap-1 text-[var(--color-accent)] hover:underline"
+            >
+              会议链接
+              <ExternalLink className="size-3" aria-hidden />
+            </a>
+          )}
+          {meeting.minutes_url && (
+            <a
+              href={meeting.minutes_url}
+              target="_blank"
+              rel="noreferrer noopener"
+              className="inline-flex items-center gap-1 text-[var(--color-accent)] hover:underline"
+            >
+              Etherpad 纪要
+              <ExternalLink className="size-3" aria-hidden />
+            </a>
+          )}
+        </div>
+        {meeting.host_order && meeting.host_order.length > 0 && (
+          <p className="text-xs text-[var(--color-text-muted)]">
+            轮值顺序：{meeting.host_order.join(' → ')}
+          </p>
+        )}
+      </header>
+
+      <div className="grid gap-3 sm:grid-cols-2 lg:grid-cols-4">
+        <Stat label="议题" value={meeting.agendas.length} />
+        <Stat label="版本进展报告" value={meeting.reports.length} />
+        <Stat label="涉及 PR" value={uniqueRefs.size} hint="议题中引用的编号" />
+        <Stat
+          label="其中仍未合入"
+          value={stillOpen.length}
+          hint={
+            stillOpen.length > 0 ? `最早 #${stillOpen[stillOpen.length - 1].number}` : undefined
+          }
+          to={stillOpen.length > 0 ? { search: { state: 'open' } } : undefined}
+        />
+      </div>
+
+      {owners.length > 0 && (
+        <div className="flex flex-wrap items-center gap-x-2 gap-y-1.5">
+          <span className="text-xs text-[var(--color-text-muted)]">议题负责人</span>
+          {owners.map(([owner, count]) => (
+            <Link
+              key={owner}
+              to="/pulls"
+              search={{ state: 'open', author: [owner] }}
+              title={`查看 ${owner} 提交的未关闭 PR`}
+              className="inline-flex items-center gap-1 rounded-full border border-[var(--color-border-subtle)] px-2 py-0.5 text-2xs hover:border-[var(--color-border-strong)] hover:text-[var(--color-accent)]"
+            >
+              <span className="font-mono">{owner}</span>
+              <span className="tabular-nums text-[var(--color-text-muted)]">{count}</span>
+            </Link>
+          ))}
+        </div>
+      )}
+
+      {meeting.reports.length > 0 && (
+        <section className="space-y-3">
+          <h2 className="text-sm font-semibold">版本进展</h2>
+          <div className="grid gap-3 lg:grid-cols-2">
+            {meeting.reports.map((report) => (
+              <ReportCard key={report.id} report={report} />
+            ))}
+          </div>
+        </section>
+      )}
+
+      <section className="space-y-3">
+        <h2 className="text-sm font-semibold">
+          议题
+          <span className="ml-1.5 font-normal text-[var(--color-text-muted)]">
+            {meeting.agendas.length} 项
+          </span>
+        </h2>
+        {meeting.agendas.length === 0 ? (
+          <EmptyState
+            title="本期尚无议题"
+            description="会议前主持人会在 Etherpad 上补充议题，同步后这里会显示。"
+          />
+        ) : (
+          <div className="space-y-2">
+            {meeting.agendas.map((agenda) => (
+              <AgendaCard key={agenda.id} agenda={agenda} />
+            ))}
+          </div>
+        )}
+      </section>
+
+      {meeting.legacy?.trim() && (
+        <section className="space-y-3">
+          <h2 className="text-sm font-semibold">上期遗留</h2>
+          <Card>
+            <CardBody>
+              <pre className="comment-body text-sm leading-relaxed text-[var(--color-text-secondary)]">
+                {meeting.legacy}
+              </pre>
+            </CardBody>
+          </Card>
+        </section>
+      )}
+    </div>
+  )
+}
+
+function Stat({
+  label,
+  value,
+  hint,
+  to,
+}: {
+  label: string
+  value: number
+  hint?: string
+  to?: { search: { state: string } }
+}) {
+  const content = (
+    <Card
+      className={cn(
+        'h-full',
+        to && 'transition-colors duration-150 hover:border-[var(--color-border-strong)]',
+      )}
+    >
+      <CardBody>
+        <div className="text-xs text-[var(--color-text-muted)]">{label}</div>
+        <div className="mt-1 font-mono text-xl tabular-nums">{formatNumber(value)}</div>
+        {hint && <div className="mt-0.5 text-2xs text-[var(--color-text-muted)]">{hint}</div>}
+      </CardBody>
+    </Card>
+  )
+  if (!to) return content
+  return (
+    <Link to="/pulls" search={to.search} className="block">
+      {content}
+    </Link>
+  )
+}
+
+/** 议题负责人出现次数，多到少。 */
+function countOwners(agendas: MeetingAgenda[]): [string, number][] {
+  const counts = new Map<string, number>()
+  for (const agenda of agendas) {
+    if (!agenda.owner) continue
+    counts.set(agenda.owner, (counts.get(agenda.owner) ?? 0) + 1)
+  }
+  return [...counts.entries()].sort((left, right) => right[1] - left[1])
+}
+
+function ReportCard({ report }: { report: ReleaseReport }) {
+  return (
+    <Card>
+      <CardHeader className="pb-2">
+        <div className="flex flex-wrap items-baseline gap-x-3 gap-y-1">
+          <CardTitle className="font-mono text-sm">{report.branch}</CardTitle>
+          <span className="font-mono text-2xs text-[var(--color-text-muted)]">
+            {report.from_tag ?? '—'} → {report.to_tag ?? '—'}
+          </span>
+        </div>
+      </CardHeader>
+      <CardContent className="space-y-2">
+        <p className="text-sm text-[var(--color-text-secondary)]">
+          合入{' '}
+          <span className="font-mono tabular-nums text-[var(--color-text-primary)]">
+            {formatNumber(report.patch_count ?? report.listed_count)}
+          </span>{' '}
+          个补丁
+          {report.cve_ids && report.cve_ids.length > 0 && (
+            <> · CVE {report.cve_ids.length} 个</>
+          )}
+        </p>
+        {report.groups && report.groups.length > 0 && (
+          <div className="flex flex-wrap gap-1.5">
+            {report.groups.map((group) => (
+              <Badge key={group.name} tone="neutral" className="font-normal">
+                {group.name}
+                {group.count != null && (
+                  <span className="ml-1 font-mono tabular-nums text-[var(--color-text-muted)]">
+                    {group.count}
+                  </span>
+                )}
+              </Badge>
+            ))}
+          </div>
+        )}
+        <Link
+          to="/branches/$branch"
+          params={{ branch: report.branch }}
+          className="inline-block text-xs text-[var(--color-accent)] hover:underline"
+        >
+          查看 {report.branch} 版本页 →
+        </Link>
+      </CardContent>
+    </Card>
+  )
+}
+
+function AgendaCard({ agenda }: { agenda: MeetingAgenda }) {
+  const [expanded, setExpanded] = useState(false)
+  const longBody = (agenda.body?.length ?? 0) > 400
+
+  return (
+    <Card>
+      <CardHeader className="pb-2">
+        <div className="flex flex-wrap items-center gap-2">
+          <span className="font-mono text-xs text-[var(--color-text-muted)]">
+            议题{NUM_COLORS[agenda.sequence % 10]}
+          </span>
+          <CardTitle className="text-sm">{agenda.title}</CardTitle>
+          {agenda.owner && (
+            <Badge tone="neutral" className="font-normal">
+              {agenda.owner}
+            </Badge>
+          )}
+          {agenda.pull_refs.length > 0 && (
+            <span className="text-xs text-[var(--color-text-muted)]">
+              {agenda.pull_refs.length} 个 PR
+            </span>
+          )}
+        </div>
+      </CardHeader>
+      <CardContent className="space-y-2">
+        {agenda.pull_refs.length > 0 && (
+          <div className="flex flex-wrap gap-1.5">
+            {agenda.pull_refs.map((ref) => (
+              <span key={ref.number} className="inline-flex items-center gap-1">
+                {/* 编号能解析到本地 PR 就链过去，否则退回 AtomGit 原文 */}
+                {ref.id ? (
+                  <Link
+                    to="/pulls/$pullId"
+                    params={{ pullId: ref.id }}
+                    title={ref.title ?? undefined}
+                    className="font-mono text-xs text-[var(--color-accent)] hover:underline"
+                  >
+                    #{ref.number}
+                  </Link>
+                ) : (
+                  <a
+                    href={`https://atomgit.com/openeuler/kernel/pull/${ref.number}`}
+                    target="_blank"
+                    rel="noreferrer noopener"
+                    className="font-mono text-xs text-[var(--color-text-muted)] hover:text-[var(--color-accent)]"
+                  >
+                    #{ref.number}
+                  </a>
+                )}
+                {ref.kind && (
+                  <span
+                    aria-hidden
+                    className="size-1.5 rounded-full"
+                    style={{ backgroundColor: KIND_META[ref.kind]?.color }}
+                  />
+                )}
+              </span>
+            ))}
+          </div>
+        )}
+
+        {agenda.body?.trim() && (
+          <>
+            <pre
+              className={cn(
+                'comment-body text-xs leading-relaxed text-[var(--color-text-secondary)]',
+                longBody && !expanded && 'max-h-32 overflow-hidden',
+              )}
+            >
+              {agenda.body}
+            </pre>
+            {longBody && (
+              <button
+                type="button"
+                onClick={() => setExpanded((value) => !value)}
+                className="text-xs text-[var(--color-accent)] hover:underline"
+              >
+                {expanded ? '收起' : '展开全文'}
+              </button>
+            )}
+          </>
+        )}
+      </CardContent>
+    </Card>
+  )
+}

package/frontend/src/pages/meetings/MeetingListPage.tsx

@@ -0,0 +1,264 @@
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
+import { Link } from '@tanstack/react-router'
+import { Tooltip } from 'antd'
+import { CalendarPlus, ExternalLink, RefreshCw } from 'lucide-react'
+import { useMemo } from 'react'
+
+import { MEETING_STATUS_META, sigApi, type MeetingStatus, type MeetingSummary } from '@/api/sig'
+import { Alert } from '@/components/ui/alert'
+import { Badge } from '@/components/ui/badge'
+import { Button } from '@/components/ui/button'
+import { Card, CardBody, CardContent } from '@/components/ui/card'
+import { EmptyState } from '@/components/ui/empty-state'
+import { Skeleton } from '@/components/ui/skeleton'
+import { cn, formatNumber } from '@/lib/utils'
+
+/**
+ * 会议列表。双周例会，最近的在最前。
+ *
+ * 按年分组、沿一条时间轴排而不是一张卡片一场会：一屏能看到场的数量
+ * 直接决定这个页面有没有用 —— 卡片样式每场要占四行，半年就翻不到底。
+ * 轴上再标出下一次会议的轮值主持人，例会前要问的那件事就在这里。
+ */
+export function MeetingListPage() {
+  const queryClient = useQueryClient()
+  const { data: meetings, isLoading } = useQuery({
+    queryKey: ['meetings'],
+    queryFn: () => sigApi.meetings(undefined, 50),
+  })
+
+  const sync = useMutation({
+    mutationFn: sigApi.syncMeetings,
+    onSuccess: () => queryClient.invalidateQueries({ queryKey: ['meetings'] }),
+  })
+
+  const list = meetings ?? []
+  const upcoming = list.filter((item) => item.status === 'scheduled')
+  const done = list.filter((item) => item.status === 'done')
+  const latest = done[0]
+
+  const byYear = useMemo(() => groupByYear(list), [list])
+  const hosts = useMemo(() => countHosts(done), [done])
+  const agendaTotal = list.reduce((sum, item) => sum + item.agenda_count, 0)
+  const reportTotal = list.reduce((sum, item) => sum + item.report_count, 0)
+
+  return (
+    <div className="space-y-5">
+      <header className="flex flex-wrap items-end justify-between gap-3">
+        <div>
+          <h1 className="text-base font-semibold tracking-tight">SIG 例会</h1>
+          <p className="mt-0.5 text-sm text-[var(--color-text-secondary)]">
+            双周例会 · 数据来自 Etherpad 纪要
+            {upcoming.length > 0 && ` · ${upcoming.length} 场待召开`}
+          </p>
+        </div>
+        <Button
+          variant="ghost"
+          size="sm"
+          onClick={() => sync.mutate()}
+          loading={sync.isPending}
+        >
+          <RefreshCw className="size-3.5" aria-hidden />
+          立即同步纪要
+        </Button>
+      </header>
+
+      {sync.isError && <Alert tone="danger">同步失败：{String(sync.error)}</Alert>}
+      {sync.isSuccess && <Alert tone="success">{sync.data.message}</Alert>}
+
+      {isLoading ? (
+        <div className="space-y-2">
+          {Array.from({ length: 6 }).map((_, index) => (
+            <Skeleton key={index} className="h-16 w-full" />
+          ))}
+        </div>
+      ) : list.length === 0 ? (
+        <EmptyState
+          title="尚无例会记录"
+          description="纪要来自 Etherpad 上的 Kernel-meetings 页。点击「立即同步纪要」拉取一次。"
+        />
+      ) : (
+        <>
+          <div className="grid gap-3 sm:grid-cols-2 lg:grid-cols-4">
+            <Stat label="已开例会" value={done.length} hint={latest ? `最近一次 ${latest.held_on}` : undefined} />
+            <Stat label="待召开" value={upcoming.length} />
+            <Stat label="累计议题" value={agendaTotal} hint="来自历次纪要" />
+            <Stat label="版本进展报告" value={reportTotal} hint="各版本的合入汇报" />
+          </div>
+
+          <div className="grid gap-4 lg:grid-cols-[3fr_2fr]">
+            <Card>
+              <CardContent className="p-0">
+                <div className="space-y-4 px-4 py-4">
+                  {[...byYear.entries()].map(([year, items]) => (
+                    <div key={year}>
+                      <div className="mb-2 flex items-center gap-2">
+                        <span className="font-mono text-xs text-[var(--color-text-muted)]">
+                          {year}
+                        </span>
+                        <span className="text-2xs text-[var(--color-text-muted)]">
+                          {items.length} 场
+                        </span>
+                        <span className="h-px flex-1 bg-[var(--color-border-subtle)]" />
+                      </div>
+                      <ul className="space-y-0.5 border-l border-[var(--color-border-subtle)] pl-4">
+                        {items.map((meeting) => (
+                          <MeetingRow key={meeting.id} meeting={meeting} />
+                        ))}
+                      </ul>
+                    </div>
+                  ))}
+                </div>
+              </CardContent>
+            </Card>
+
+            <Card>
+              <CardBody className="space-y-4">
+                <div>
+                  <h2 className="text-sm font-semibold">主持轮值</h2>
+                  <p className="mt-0.5 text-xs text-[var(--color-text-muted)]">
+                    按已召开的例会统计。轮值顺序取自最近一次纪要。
+                  </p>
+                </div>
+
+                <ul className="space-y-2">
+                  {hosts.slice(0, 10).map(([name, count]) => (
+                    <li key={name} className="flex items-center gap-3 text-sm">
+                      <span className="w-28 truncate">{name}</span>
+                      <span className="h-1.5 flex-1 overflow-hidden rounded-full bg-[var(--color-surface-2)]">
+                        <span
+                          className="block h-full rounded-full bg-[var(--color-accent)]"
+                          style={{ width: `${(count / hosts[0][1]) * 100}%` }}
+                        />
+                      </span>
+                      <span className="w-8 shrink-0 text-right font-mono text-xs tabular-nums text-[var(--color-text-secondary)]">
+                        {count}
+                      </span>
+                    </li>
+                  ))}
+                </ul>
+
+                {list[0]?.host_order && list[0].host_order.length > 0 && (
+                  <div className="border-t border-[var(--color-border-subtle)] pt-3">
+                    <p className="mb-1.5 text-xs text-[var(--color-text-muted)]">轮值顺序</p>
+                    <p className="text-xs leading-relaxed text-[var(--color-text-secondary)]">
+                      {list[0].host_order.join(' → ')}
+                    </p>
+                  </div>
+                )}
+              </CardBody>
+            </Card>
+          </div>
+        </>
+      )}
+    </div>
+  )
+}
+
+function Stat({ label, value, hint }: { label: string; value: number; hint?: string }) {
+  return (
+    <Card>
+      <CardBody>
+        <div className="text-xs text-[var(--color-text-muted)]">{label}</div>
+        <div className="mt-1 font-mono text-xl tabular-nums">{formatNumber(value)}</div>
+        {hint && <div className="mt-0.5 text-2xs text-[var(--color-text-muted)]">{hint}</div>}
+      </CardBody>
+    </Card>
+  )
+}
+
+/**
+ * 轴上的一场会。
+ *
+ * 整行是链接：下一场会议最要紧的动作是"看议题详情"，
+ * 而"会议链接"与"纪要"是外部入口，单独放在行尾，不与主链接混在一起。
+ */
+function MeetingRow({ meeting }: { meeting: MeetingSummary }) {
+  const meta = MEETING_STATUS_META[meeting.status as MeetingStatus]
+  const upcoming = meeting.status === 'scheduled'
+
+  return (
+    <li className="group flex items-center gap-x-3 gap-y-1 py-1.5 text-sm">
+      <span
+        aria-hidden
+        className={cn(
+          '-ml-[21px] mr-1 size-2 shrink-0 rounded-full border-2 border-[var(--color-surface-1)]',
+          upcoming ? 'bg-[var(--color-accent)]' : 'bg-[var(--color-border-strong)]',
+        )}
+      />
+      <span className="w-24 shrink-0 font-mono text-xs tabular-nums text-[var(--color-text-secondary)]">
+        {meeting.held_on}
+        {meeting.start_time && (
+          <span className="ml-1 text-[var(--color-text-muted)]">{meeting.start_time}</span>
+        )}
+      </span>
+      <Badge tone={meta?.tone as never}>{meta?.label ?? meeting.status}</Badge>
+
+      <Tooltip title={meeting.title}>
+        <Link
+          to="/meetings/$meetingId"
+          params={{ meetingId: meeting.id }}
+          className="min-w-0 flex-1 truncate hover:text-[var(--color-accent)]"
+        >
+          {meeting.title}
+        </Link>
+      </Tooltip>
+
+      <span className="shrink-0 text-xs text-[var(--color-text-secondary)]">
+        主持 {meeting.host ?? '—'}
+      </span>
+      <span className="shrink-0 font-mono text-2xs tabular-nums text-[var(--color-text-muted)]">
+        议题 {meeting.agenda_count}
+        {meeting.report_count > 0 && ` · 报告 ${meeting.report_count}`}
+      </span>
+
+      <span className="flex shrink-0 items-center gap-2">
+        {meeting.meeting_url && (
+          <a
+            href={meeting.meeting_url}
+            target="_blank"
+            rel="noreferrer noopener"
+            title="会议链接"
+            aria-label="会议链接"
+            className="text-[var(--color-text-muted)] hover:text-[var(--color-accent)]"
+          >
+            <CalendarPlus className="size-3.5" aria-hidden />
+          </a>
+        )}
+        {meeting.minutes_url && (
+          <a
+            href={meeting.minutes_url}
+            target="_blank"
+            rel="noreferrer noopener"
+            title="Etherpad 纪要"
+            aria-label="Etherpad 纪要"
+            className="text-[var(--color-text-muted)] hover:text-[var(--color-accent)]"
+          >
+            <ExternalLink className="size-3.5" aria-hidden />
+          </a>
+        )}
+      </span>
+    </li>
+  )
+}
+
+/** 按年分组，组内仍是新到旧。 */
+function groupByYear(list: MeetingSummary[]): Map<string, MeetingSummary[]> {
+  const map = new Map<string, MeetingSummary[]>()
+  for (const meeting of list) {
+    const year = meeting.held_on.slice(0, 4)
+    if (!map.has(year)) map.set(year, [])
+    map.get(year)!.push(meeting)
+  }
+  return map
+}
+
+/** 主持人出场次数，多到少。 */
+function countHosts(done: MeetingSummary[]): [string, number][] {
+  const counts = new Map<string, number>()
+  for (const meeting of done) {
+    if (!meeting.host) continue
+    counts.set(meeting.host, (counts.get(meeting.host) ?? 0) + 1)
+  }
+  return [...counts.entries()].sort((left, right) => right[1] - left[1])
+}