#434

frontend/src/components/counts/CountsControls.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useId, useState } from 'react'
+import { useEffect, useId, useRef, useState } from 'react'
 
 import CountsAdditionalConditions from '@/components/counts/CountsAdditionalConditions'
 import CountsAxes from '@/components/counts/CountsAxes'
@@ -9,10 +9,10 @@ import FormField from '@/components/common/FormField'
 import HelpPopover from '@/components/common/HelpPopover'
 import TagInput from '@/components/common/TagInput'
 import { Button } from '@/components/ui/button'
-import { countsUseLatest, fieldsForCounts, normaliseCountsParams,
+import { countsUseLatest, fieldsForCounts, normaliseCountsParams, readCountSort,
 	 selectedCountChildren, selectedCountColumns } from '@/lib/counts'
 import { countsNestedIsScalar } from '@/lib/countsDisplay'
-import { useCountsDefinition } from '@/lib/countsDefinitions'
+import { readCountsJSON, useCountsDefinition } from '@/lib/countsDefinitions'
 import { useClientMotion } from '@/lib/useClientMotion'
 import { inputClass } from '@/lib/utils'
 import { useUITranslation } from '@/lib/useUITranslation'
@@ -42,6 +42,7 @@ const CountsControls = (
   const nestedJSON = applied.get ('nested_json')
   const rowNumbers = applied.get ('row_numbers')
   const thumbnail = selectedCountColumns (resource, applied, definition).includes ('thumbnail')
+  const previousThumbnail = useRef (thumbnail)
   const mode = draft.get ('mode') ?? 'summary'
   const columns = selectedCountColumns (resource, draft, definition)
   const details = mode === 'details'
@@ -50,8 +51,10 @@ const CountsControls = (
       && !countsNestedIsScalar (field.children, field.key, draft)
       && field.children.some (child => selectedCountChildren (draft)
 	  .has (`${field.key}.${child.key}`)))
-  // Immediate presentation changes merge into the pending query, never replace it.
+  // Preserve absent columns until a real presentation change or an explicit edit.
   useEffect (() => {
+    if (previousThumbnail.current === thumbnail) return
+    previousThumbnail.current = thumbnail
     setDraft (previous => {
       const next = new URLSearchParams (previous)
       const columns = selectedCountColumns (resource, previous, definition)
@@ -75,16 +78,26 @@ const CountsControls = (
   const history = draft.get ('definition') === 'history'
   const update = (key: string, value: string) => setDraft (previous => {
     const next = new URLSearchParams (previous)
-    if (['mode', 'rows', 'cols'].includes (key)) next.delete ('sort')
+    if (['rows', 'cols'].includes (key) && next.get ('sort') !== '') next.delete ('sort')
     next.set (key, value)
-    return next
+    if (key !== 'mode') return next
+    const resolved = normaliseCountsParams (resource, next, definition)
+    const axes = [...readCountsJSON<unknown[]> (resolved, 'rows', []),
+        ...readCountsJSON<unknown[]> (resolved, 'cols', [])]
+    const allowed = value === 'summary'
+        ? ['count', ...axes.map ((_, index) => `a${index}`)]
+        : fieldsForCounts (resource, definition).map (field => field.key)
+    if (readCountSort (resolved.get ('sort')).some (sort => !allowed.includes (sort.key)
+        && !(value === 'summary' && /^measure_[0-9a-f]+$/.test (sort.key))))
+      next.delete ('sort')
+    return normaliseCountsParams (resource, next, definition)
   })
   return <form className="shrink-0" onSubmit={event => {
     event.preventDefault ()
     const next = new URLSearchParams (draft)
     next.delete ('page')
     next.delete ('execution_at')
-    execute (normaliseCountsParams (resource, next))
+    execute (normaliseCountsParams (resource, next, definition))
   }}>
     {!history && <div className="flex flex-wrap items-center gap-2 border-b pb-1
 	dark:border-slate-700">

frontend/src/components/counts/CountsRowNumber.tsx

@@ -2,14 +2,14 @@ import CountsResizeHandle from '@/components/counts/CountsResizeHandle'
 import { useUITranslation } from '@/lib/useUITranslation'
 
 
-const CountsRowNumber = ({ value }: { value?: number }) => {
+const CountsRowNumber = ({ value, rowSpan }: { value?: number; rowSpan?: number }) => {
   const { label, message } = useUITranslation ('counts')
   if (value != null) return <td data-counts-copy={String (value)}
       className="border-b px-2 py-1 text-right align-top tabular-nums dark:border-slate-700">
     {value}</td>
-  return <th data-counts-heading={message ('rowNumbers').text} className="relative px-2 py-1">
-    {label ('rowNumbers')}
-    <CountsResizeHandle field="row_number" label={message ('rowNumbers')}/>
+  return <th rowSpan={rowSpan} data-counts-heading={message ('rowNumberHeading').text} className="relative px-2 py-1">
+    {label ('rowNumberHeading')}
+    <CountsResizeHandle field="row_number" label={message ('rowNumberHeading')}/>
   </th>
 }
 

frontend/src/components/counts/CountsSelectableTable.tsx

@@ -110,6 +110,7 @@ const CountsSelectableTable = (
       const table = copyTable ()
       return countsClipboard ({
 	  columns: table.columns.slice (bounds.left, bounds.right + 1),
+	  headerRows: table.headerRows?.map (row => row.slice (bounds.left, bounds.right + 1)),
 	  rows: table.rows.slice (bounds.top, bounds.bottom + 1)
 	      .map (row => row.slice (bounds.left, bounds.right + 1)) }, headers)
     }

frontend/src/components/counts/CountsSortHeader.tsx

@@ -8,12 +8,13 @@ import type { CountSort } from '@/lib/counts'
 
 
 const CountsSortHeader = (
-    { field, label, sorts, change, structured = false }: {
+    { field, label, sorts, change, structured = false, rowSpan, colSpan, resizable = true }: {
 	field: string
 	label: { text: string; language: string }
 	sorts: CountSort[]
 	change: (key: string, additive: boolean) => void
-	structured?: boolean },
+	structured?: boolean
+	rowSpan?: number; colSpan?: number; resizable?: boolean },
 ) => {
   const { message } = useUITranslation ('counts')
   const press = useRef<{ x: number; y: number
@@ -36,7 +37,7 @@ const CountsSortHeader = (
       direction: message (`sort.${state}`).text })
 
   return (
-      <th data-counts-heading={label.text}
+      <th data-counts-heading={label.text} rowSpan={rowSpan} colSpan={colSpan}
 	  className="relative overflow-hidden whitespace-nowrap px-1 py-1"
 	  aria-sort={(sorts.length > 1 && priority >= 0) ? 'other' : state}>
 	<Button type="button" variant="ghost" size="sm"
@@ -89,7 +90,7 @@ const CountsSortHeader = (
 	  {priority >= 0 && <span aria-hidden>
 	    {direction === 'asc' ? '▲' : '▼'}{sorts.length > 1 && priority + 1}</span>}
 	</Button>
-	<CountsResizeHandle field={field} label={label}/>
+	{resizable && <CountsResizeHandle field={field} label={label}/>}
       </th>)
 }
 

frontend/src/components/counts/CountsSummaryResults.tsx

@@ -5,10 +5,11 @@ import CountsSortHeader from '@/components/counts/CountsSortHeader'
 import { changeCountSort, countsRequestParams, readCountSort, writeCountSort } from '@/lib/counts'
 import { countsAxisLabel, countsFieldLabel, readCountsJSON, useCountsDefinition }
     from '@/lib/countsDefinitions'
+import { cn } from '@/lib/utils'
 import { useLocale } from '@/lib/useLocale'
 import { useUITranslation } from '@/lib/useUITranslation'
 
-import type { CountsResource, CountsResult } from '@/lib/counts'
+import type { CountsPivotHeader, CountsResource, CountsResult } from '@/lib/counts'
 import type { CountsAxis } from '@/lib/countsDefinitions'
 
 
@@ -19,25 +20,26 @@ const CountsSummaryResults = (
 ) => {
   const definition = useCountsDefinition ()
   const locale = useLocale ()
-  const { label, message } = useUITranslation ('counts')
-  const rowNumbers = params.get ('row_numbers') === '1'
+  const { message } = useUITranslation ('counts')
+  const numbered = params.get ('row_numbers') === '1'
   const rows = data.rows ?? []
   const cols = data.cols ?? []
-  const axes = [...rows, ...cols]
   const cells = data.cells ?? []
-  const rowKeys = [...new Set (cells.map (cell => JSON.stringify (
-      cell.values.slice (0, rows.length))))]
-  const columnKeys = data.columnValues?.map (values => JSON.stringify (values))
-      ?? [...new Set (cells.map (cell => JSON.stringify (cell.values.slice (rows.length))))]
-  if (cols.length === 0 && columnKeys.length === 0) columnKeys.push ('[]')
+  const rowHeaders: CountsPivotHeader[] = data.rowHeaders ?? [...new Set (
+      cells.map (cell => JSON.stringify (cell.values.slice (0, rows.length))))]
+      .map (key => ({ values: JSON.parse (key), kind: 'data' }))
+  const columnHeaders: CountsPivotHeader[] = data.columnHeaders
+      ?? (data.columnValues ?? [[]]).map (values => ({ values, kind: 'data' }))
   const sorts = readCountSort (params.get ('sort'))
+  const change = (key: string, additive: boolean) => update (
+      'sort', writeCountSort (changeCountSort (sorts, key, additive)))
   const display = (value: string | number | null, axis: CountsAxis, index: number): string => {
     if (value == null) return axis.field === 'user' ? message ('bot').text : ''
     const logical = data.axisLabels?.[`a${index}`]?.[String (value)]
     if (axis.field === 'user') return message ('actorWithId', {
-	name: logical || message ('notRegistered').text, id: value }).text
+        name: logical || message ('notRegistered').text, id: value }).text
     if (logical != null) return logical
-    if (['tags', 'user', 'language_code', 'source_language_code'].includes (axis.field))
+    if (['tags', 'language_code', 'source_language_code'].includes (axis.field))
       return message ('notRegistered').text
     if (axis.field === 'changed_field') return message (countsFieldLabel (String (value))).text
     if (axis.field === 'event_type') return message (`events.${value}`).text
@@ -45,71 +47,140 @@ const CountsSummaryResults = (
       return message (`common:categories.${value}`).text
     return String (value)
   }
-  const drill = (values: (string | number | null)[]) => {
+  const aggregateLabel = (header: CountsPivotHeader) => message (
+      header.kind === 'grand_total' ? 'grandTotal' : 'subtotal').text
+  const leading = Math.max (rows.length, cols.length > 0 ? 1 : 0)
+  const levels = Math.max (1, cols.length)
+  const names = (header: CountsPivotHeader, axes: CountsAxis[], offset: number) =>
+      header.values.map ((value, index) => display (value, axes[index], offset + index))
+  const columnKey = (header: CountsPivotHeader) => `${header.kind}:${JSON.stringify (header.values)}`
+  const measureKey = (header: CountsPivotHeader) => header.values.length === 0 ? 'count'
+      : `measure_${[...new TextEncoder ().encode (JSON.stringify (header.values))]
+          .map (byte => byte.toString (16).padStart (2, '0')).join ('')}`
+  const keys = [...(numbered ? ['row_number'] : []),
+      ...Array.from ({ length: leading }, (_, index) => `a${index}`),
+      ...columnHeaders.map (columnKey)]
+  const full = new Map (cells.map (cell => [JSON.stringify (cell.values), cell.count]))
+  const totals = new Map ((data.pivotTotals ?? []).map (cell => [
+      JSON.stringify ([cell.row, cell.column]), cell.count]))
+  const count = (row: CountsPivotHeader, column: CountsPivotHeader) =>
+      (row.values.length === rows.length && column.values.length === cols.length)
+      ? full.get (JSON.stringify ([...row.values, ...column.values])) ?? 0
+      : totals.get (JSON.stringify ([row.values, column.values])) ?? 0
+  const drill = (row: CountsPivotHeader, column: CountsPivotHeader) => {
     const next = new URLSearchParams (params)
     const existing = readCountsJSON<unknown[]> (params, 'drill', [])
     next.set ('drill', JSON.stringify ([...existing,
-        ...axes.map ((axis, index) => ({ ...axis, value: values[index] }))]))
+        ...row.values.map ((value, index) => ({ ...rows[index], value })),
+        ...column.values.map ((value, index) => ({ ...cols[index], value }))]))
     next.set ('mode', 'details')
     next.delete ('sort')
     next.delete ('page')
     return `/counts/${resource}?${next}`
   }
-  const keys = [...(rowNumbers ? ['row_number'] : []), ...rows.map ((_, index) => `a${index}`),
-      ...columnKeys.map ((_, index) => `cell${index}`)]
+  let ordinal = (data.page - 1) * data.limit
+  const rowLabels = rowHeaders.map (header => {
+    const labels = names (header, rows, 0)
+    const number = header.kind === 'data' ? String (++ordinal) : ''
+    if (header.kind !== 'data') labels.push (aggregateLabel (header))
+    return [...(numbered ? [number] : []),
+        ...Array.from ({ length: leading }, (_, index) => labels[index] ?? '')]
+  })
+  // This unmerged matrix is also the single source for TSV and HTML clipboard headings.
+  const headingRows = Array.from ({ length: levels }, (_, level) => [
+      ...(numbered ? [level === 0 ? message ('rowNumberHeading').text : ''] : []),
+      ...Array.from ({ length: leading }, (_, index) =>
+          level === 0 && rows[index] != null
+          ? countsAxisLabel (rows[index], definition, locale).text : ''),
+      ...columnHeaders.map ((header, index) => {
+        if (cols.length === 0) return header.kind === 'data'
+            ? message ('count').text : aggregateLabel (header)
+        if (level > header.values.length) return ''
+        if (level === header.values.length)
+          return header.kind === 'data' ? '' : aggregateLabel (header)
+        const prefix = header.values.slice (0, level + 1)
+        const previous = columnHeaders[index - 1]
+        if (level < levels - 1 && previous != null
+            && JSON.stringify (previous.values.slice (0, level + 1)) === JSON.stringify (prefix))
+          return ''
+        return display (header.values[level], cols[level], rows.length + level)
+      })])
+  const matrix = rowHeaders.map ((header, index) => [...rowLabels[index],
+      ...columnHeaders.map (column => String (count (header, column)))])
+  const headerCells = (level: number) => {
+    const output = []
+    for (let index = 0; index < columnHeaders.length; ++index)
+    {
+      const header = columnHeaders[index]
+      if (cols.length > 0 && level > header.values.length) continue
+      const aggregate = header.kind !== 'data' && level === header.values.length
+      const leaf = level === levels - 1 || aggregate
+      const text = aggregate ? aggregateLabel (header)
+          : (cols.length === 0 ? message ('count').text
+             : display (header.values[level], cols[level], rows.length + level))
+      let span = 1
+      if (!leaf)
+      {
+        const prefix = JSON.stringify (header.values.slice (0, level + 1))
+        while (index + span < columnHeaders.length)
+        {
+          const sibling = columnHeaders[index + span]
+          if (sibling.values.length <= level
+              || JSON.stringify (sibling.values.slice (0, level + 1)) !== prefix) break
+          ++span
+        }
+      }
+      const sortKey = leaf ? measureKey (header) : `a${rows.length + level}`
+      const field = leaf ? columnKey (header) : sortKey
+      output.push (<CountsSortHeader key={`${level}:${field}:${index}`} field={field}
+          colSpan={span} rowSpan={aggregate ? levels - level : 1} resizable={leaf}
+          label={{ text, language: message ('count').language }}
+          sorts={sorts.map (sort => sort.key === sortKey ? { ...sort, key: field } : sort)}
+          change={(_, additive) => change (sortKey, additive)}/>)
+      index += span - 1
+    }
+    return output
+  }
   return <div className="min-h-0 flex-1 overflow-auto" data-counts-results aria-busy={pending}>
     <CountsSelectableTable family={`pivot_${resource}`} columns={keys}
-        identity={`${countsRequestParams (params)}:${keys}`} className="text-left text-sm">
-      <thead className="sticky top-0 z-20"><tr>
-	{rowNumbers && <CountsRowNumber/>}
-        {rows.map ((axis, index) => <CountsSortHeader key={axis.field} field={`a${index}`}
-	    label={countsAxisLabel (axis, definition, locale)} sorts={sorts}
-            change={(key, additive) => update ('sort', writeCountSort (
-                changeCountSort (sorts, key, additive)))}/>)}
-        {columnKeys.map ((key, index) => {
-          const values = JSON.parse (key) as (string | number | null)[]
-          const name = values.map ((value, position) =>
-	      `${countsAxisLabel (cols[position], definition, locale).text}: ${
-                  display (value, cols[position], rows.length + position)}`).join (' / ')
-          const sortKey = cols.length === 0 ? 'count' : `measure_${[
-              ...new TextEncoder ().encode (key)].map (byte =>
-                  byte.toString (16).padStart (2, '0')).join ('')}`
-          return <CountsSortHeader key={key} field={`cell${index}`}
-	      label={{ text: name || message ('count').text,
-		  language: message ('count').language }}
-              sorts={sorts.map (sort => sort.key === sortKey
-                  ? { ...sort, key: `cell${index}` } : sort)}
-              change={(_, additive) => update ('sort', writeCountSort (
-                  changeCountSort (sorts, sortKey, additive)))}/>
-        })}
-      </tr></thead>
-      <tbody>{rowKeys.map ((rowKey, rowIndex) => {
-        const rowValues = JSON.parse (rowKey) as (string | number | null)[]
-        return <tr key={rowKey}>
-	  {rowNumbers && <CountsRowNumber value={(data.page - 1) * data.limit + rowIndex + 1}/>}
-          {rowValues.map ((value, index) => <td key={index}
-              className="overflow-hidden break-words border px-2 py-1 dark:border-slate-700"
-	      data-counts-copy={display (value, rows[index], index)}
-	      lang={(value == null && rows[index].field === 'user')
-		  ? message ('bot').language : (rows[index].field === 'event_type'
-		      ? message (`events.${value}`).language : undefined)}>
-            {display (value, rows[index], index)}</td>)}
-          {columnKeys.map (columnKey => {
-            const columnValues = JSON.parse (columnKey) as (string | number | null)[]
-            const values = [...rowValues, ...columnValues]
-	    const cell = cells.find (cell => JSON.stringify (
-		cell.values) === JSON.stringify (values))
-            return <td key={columnKey} data-counts-copy={String (cell?.count ?? 0)}
-                className="border px-2 py-1 dark:border-slate-700">
-              <PrefetchLink to={drill (values)}>{cell?.count ?? 0}</PrefetchLink>
-            </td>
-          })}
-        </tr>
-      })}</tbody>
+        copyTable={() => ({ columns: keys.map ((_, index) => ({ label: headingRows[0][index] })),
+            headerRows: headingRows, rows: matrix })}
+        identity={`${countsRequestParams (params)}:${JSON.stringify (keys)}`}
+        className="text-left text-sm">
+      <thead className="sticky top-0 z-20">
+        {headingRows.map ((_, level) => <tr key={level}>
+          {level === 0 && <>
+            {numbered && <CountsRowNumber rowSpan={levels}/>}
+            {Array.from ({ length: leading }, (_, index) => rows[index] == null
+                ? <th key={index} rowSpan={levels}/>
+                : <CountsSortHeader key={rows[index].field} field={`a${index}`}
+                    rowSpan={levels} label={countsAxisLabel (rows[index], definition, locale)}
+                    sorts={sorts} change={change}/>)}
+          </>}
+          {headerCells (level)}
+        </tr>)}
+      </thead>
+      <tbody>{rowHeaders.map ((row, index) => <tr key={columnKey (row)}>
+        {rowLabels[index].map ((value, offset) => <td key={offset} data-counts-copy={value}
+            data-counts-aggregate={row.kind !== 'data' ? '' : undefined}
+            className={cn ('overflow-hidden break-words border px-2 py-1 dark:border-slate-700',
+                row.kind !== 'data' && 'bg-slate-200 text-slate-950 font-semibold',
+                row.kind !== 'data' && 'dark:bg-slate-700 dark:text-slate-50',
+                numbered && offset === 0 && 'text-right tabular-nums')}>{value}</td>)}
+        {columnHeaders.map (column => <td key={columnKey (column)}
+            data-counts-copy={String (count (row, column))}
+            data-counts-aggregate={(row.kind !== 'data' || column.kind !== 'data')
+                ? '' : undefined}
+            className={cn ('border px-2 py-1 dark:border-slate-700',
+                (row.kind !== 'data' || column.kind !== 'data')
+                && 'bg-slate-200 text-slate-950 font-semibold',
+                (row.kind !== 'data' || column.kind !== 'data')
+                && 'dark:bg-slate-700 dark:text-slate-50')}>
+          <PrefetchLink to={drill (row, column)}>{count (row, column)}</PrefetchLink>
+        </td>)}
+      </tr>)}</tbody>
     </CountsSelectableTable>
-    {cells.length === 0 && <p>{label ('empty')}</p>}
   </div>
 }
 
-
 export default CountsSummaryResults

frontend/src/components/counts/countsTable.css

@@ -18,6 +18,17 @@
   @apply bg-slate-900 text-slate-100;
 }
 
+.counts-grid > tbody > tr > td[data-counts-aggregate]:not([data-counts-selected]) {
+  background-color: #e2e8f0;
+  color: #0f172a;
+  font-weight: 600;
+}
+
+.dark .counts-grid > tbody > tr > td[data-counts-aggregate]:not([data-counts-selected]) {
+  background-color: #334155;
+  color: #f8fafc;
+}
+
 .counts-grid > thead {
   @apply bg-slate-200 text-slate-950;
 }

frontend/src/lib/counts.ts

@@ -1,7 +1,7 @@
-import { countsFieldLabel } from '@/lib/countsDefinitions'
+import { countsFieldLabel, readCountsJSON } from '@/lib/countsDefinitions'
 import { apiDownload, apiGet } from '@/lib/api'
 
-import type { CountsDefinition } from '@/lib/countsDefinitions'
+import type { CountsAxis, CountsDefinition } from '@/lib/countsDefinitions'
 import type { LocaleCode } from '@/lib/locales'
 import type { TagNameSnapshot } from '@/types'
 
@@ -55,7 +55,13 @@ export type CountsStateTotals = {
     assignments: number | null
     deprecatedTags: number | null
     externalAssignments: number | null }
+export type CountsPivotHeader = { values: (string | number | null)[]
+    kind: 'data' | 'subtotal' | 'grand_total' }
 export type CountsResult = {
+    rowHeaders?: CountsPivotHeader[]
+    columnHeaders?: CountsPivotHeader[]
+    pivotTotals?: { row: (string | number | null)[]; column: (string | number | null)[]
+        count: number }[]
     executionAt?: string
     columnValues?: (string | number | null)[][]
     cells?: { values: (string | number | null)[]; count: number }[]
@@ -83,11 +89,10 @@ export type CountRecord = Record<string, unknown>
 export const countColumns: Record<string, string> = {
     event_type: 'counts:eventType',
     thumbnail: 'counts:columns.thumbnailDisplay', resource_id: 'counts:columns.resourceId',
-    version_no: 'history:version', is_latest: 'counts:columns.latest',
+    version_no: 'counts:columns.version', is_latest: 'counts:columns.latest',
     title: 'counts:columns.postTitle', url: 'counts:columns.postURL',
     thumbnail_base: 'counts:columns.thumbnailURL', tags: 'counts:columns.tags',
     parents: 'shared:labels.parentPosts', video_ms: 'shared:labels.duration',
-    original_created_at: 'shared:labels.originalCreatedAt',
     original_created_from: 'counts:columns.originalFrom',
     original_created_before: 'counts:columns.originalBefore',
     name: 'history:tagName', names: 'counts:columns.names',
@@ -144,7 +149,7 @@ export const columnsForCounts = (
     'resource_id', 'version_no', 'is_latest',
     ...(resource === 'posts'
         ? ['title', 'url', 'thumbnail_base', 'tags', 'parents', 'video_ms',
-           'original_created_at', 'original_created_from', 'original_created_before']
+           'original_created_from', 'original_created_before']
         : (resource === 'tags'
            ? ['name', 'names', 'category', 'aliases', 'parents', 'deprecated']
 	   : (definition?.fields.filter (field => ![
@@ -206,6 +211,7 @@ export const selectedCountColumns = (
     params: URLSearchParams,
     definition?: CountsDefinition,
 ): CountColumn[] => {
+  const resolved = normaliseCountsParams (resource, params, definition)
   const common = ['resource_id', 'version_no', 'event_type', 'user', 'created_at']
   const defaults: Record<CountsResource, string[]> = {
       posts: ['title', 'url', 'tags', 'parents', 'video_ms'],
@@ -214,9 +220,9 @@ export const selectedCountColumns = (
       tag_descriptions: ['language_code', 'body', 'source_language_code'],
       tag_groups: ['name', 'description', 'members'],
       materials: ['url', 'source_kind', 'tag_id'] }
-  const selected = params.has ('columns') ? params.get ('columns')!.split (',')
+  const selected = resolved.has ('columns') ? resolved.get ('columns')!.split (',')
       : [...common, ...defaults[resource]]
-  return orderedCountFields (fieldsForCounts (resource, definition), params)
+  return orderedCountFields (fieldsForCounts (resource, definition), resolved)
       .map (field => field.key as CountColumn).filter (key => selected.includes (key))
 }
 
@@ -281,6 +287,7 @@ export const defaultCountsMode = (definition: string | null): 'summary' | 'detai
 export const normaliseCountsParams = (
     resource: CountsResource,
     source: URLSearchParams,
+    definition?: CountsDefinition,
 ): URLSearchParams => {
   const params = new URLSearchParams (source)
   if (!params.has ('definition'))
@@ -306,6 +313,27 @@ export const normaliseCountsParams = (
     params.set ('columns', columnsForCounts (resource).filter (key => selected.has (key))
 	.join (','))
   }
+  if (params.has ('sort'))
+    params.set ('sort', params.get ('sort')!.split (',')
+        .filter (entry => entry.split (':')[0] !== 'original_created_at').join (','))
+  if (params.has ('order'))
+    params.set ('order', params.get ('order')!.split (',')
+        .filter (key => key !== 'original_created_at').join (','))
+  const defaults = definition?.defaults?.find (entry =>
+      entry.definition === params.get ('definition') && entry.mode === params.get ('mode'))
+  for (const { key, value } of defaults?.params ?? [])
+  {
+    if (params.has (key)) continue
+    if (key === 'sort')
+    {
+      const expected = defaults?.params.find (entry => entry.key === 'rows')?.value
+      const axes = readCountsJSON<CountsAxis[]> (params, 'rows', [])
+      const first = expected == null ? null : (JSON.parse (expected) as CountsAxis[])[0]
+      if (!Array.isArray (axes) || axes[0]?.field !== first?.field
+          || (axes[0]?.grain ?? 'month') !== (first?.grain ?? 'month')) continue
+    }
+    params.set (key, value)
+  }
   return params
 }
 

frontend/src/lib/countsClipboard.ts

@@ -2,7 +2,7 @@ export type CountsClipboard = { text: string; html: string }
 export type CountsClipboardColumn = { label: string; children?: CountsClipboardColumn[] }
 export type CountsClipboardCell = string | CountsClipboardTable
 export type CountsClipboardTable = {
-    columns: CountsClipboardColumn[]; rows: CountsClipboardCell[][] }
+    columns: CountsClipboardColumn[]; rows: CountsClipboardCell[][]; headerRows?: string[][] }
 
 
 const escapeHTML = (value: string): string => value.replace (/[&<>"']/g, character =>
@@ -59,7 +59,8 @@ export const countsClipboard = (
     source: string[][] | CountsClipboardTable,
     headers = false,
 ): CountsClipboard => {
-  const headings = !Array.isArray (source) && headers ? headerRows (source.columns) : []
+  const headings = (!Array.isArray (source) && headers)
+      ? source.headerRows ?? headerRows (source.columns) : []
   const rows = Array.isArray (source) ? source : [...headings, ...dataRows (source)]
   const headingCount = Array.isArray (source) ? (headers ? 1 : 0) : headings.length
   // Excel accepts quoted TSV fields only when delimiters or quotes require them.

frontend/src/lib/countsDefinitions.ts

@@ -17,6 +17,7 @@ export type CountsFieldMetadata = {
     key: string; type: CountsFieldType; nullable: boolean; operators: string[] }
 export type CountsDefinition = {
     fields: CountsFieldMetadata[]
+    defaults?: { definition: string; mode: string; params: { key: string; value: string }[] }[]
     axes: { latest: string[]; history: string[] }
     grains: string[] }
 
@@ -42,7 +43,7 @@ export const countsFilterFields = (
 
 export const countsFieldLabel = (key: string): string => {
   const labels: Record<string, string> = {
-      resource_id: 'columns.resourceId', version_no: 'history:version',
+      resource_id: 'columns.resourceId', version_no: 'columns.version',
       user: 'history:actor', created_at: 'columns.changedAt', name: 'history:name',
       title: 'columns.postTitle', url: 'columns.postURL', thumbnail_base: 'columns.thumbnailURL',
       tags: 'columns.tags', tags_json: 'columns.tags', names: 'columns.names',
@@ -62,11 +63,10 @@ export const countsAxisLabel = (
     locale: LocaleCode,
 ): { text: string; language: string } => {
   const field = translateUIMessage (countsFieldLabel (axis.field), 'counts', locale)
-  if (axis.grain == null || definition.fields.find (item => item.key === axis.field)
-      ?.type !== 'datetime') return field
+  if (definition.fields.find (item => item.key === axis.field)?.type !== 'datetime') return field
   return translateUIMessage ('axisWithGrain', 'counts', locale, {
       field: field.text,
-      grain: translateUIMessage (`grains.${axis.grain}`, 'counts', locale).text })
+      grain: translateUIMessage (`grains.${axis.grain ?? 'month'}`, 'counts', locale).text })
 }
 
 

frontend/src/lib/countsDisplay.ts

@@ -2,7 +2,7 @@ import { fieldsForCounts, orderedCountFields, selectedCountChildren,
 	 sortedCountChildren } from '@/lib/counts'
 import { countsEventTypes } from '@/lib/countsDefinitions'
 import { translateUIMessage } from '@/lib/i18n'
-import { localisedDateString, msToTime, originalCreatedAtString } from '@/lib/utils'
+import { localisedDateString, msToTime } from '@/lib/utils'
 
 import type { CountColumn, CountField, CountRecord,
 	      CountsResource, CountsVersion } from '@/lib/counts'
@@ -34,13 +34,6 @@ export const countsCellText = (
   case 'category':
     return translateUIMessage (`common:categories.${row.category}`, 'counts', locale).text
   case 'video_ms': return row.videoMs == null ? '' : msToTime (row.videoMs)
-  case 'original_created_at':
-    if (timezone !== 'Asia/Tokyo')
-      return translateUIMessage ('sections.range', 'counts', locale, {
-          begin: row.originalCreatedFrom == null ? '' : date (row.originalCreatedFrom),
-          end: row.originalCreatedBefore == null ? '' : date (row.originalCreatedBefore) }).text
-    return originalCreatedAtString (
-	row.originalCreatedFrom ?? null, row.originalCreatedBefore ?? null, locale)
   case 'original_created_from':
   case 'original_created_before':
     {
@@ -314,6 +307,8 @@ export const countsExportLabels = (
   labels.name = translateUIMessage ('history:name', 'counts', locale).text
   for (const event of countsEventTypes)
     labels[`event_type:${event}`] = translateUIMessage (`events.${event}`, 'counts', locale).text
+  labels.subtotal = translateUIMessage ('subtotal', 'counts', locale).text
+  labels.grandTotal = translateUIMessage ('grandTotal', 'counts', locale).text
   labels.bot = translateUIMessage ('bot', 'counts', locale).text
   labels.actorFormat = translateUIMessage ('actorWithId', 'counts', locale, {
       name: '{{name}}', id: '{{id}}' }).text
@@ -376,7 +371,7 @@ export const countsDetailClipboardTable = (
 	  ? undefined : clipboardColumns (
 	  field.children, field.key, params, locale) }))
   if (rowStart != null)
-    columns.unshift ({ label: translateUIMessage ('rowNumbers', 'counts', locale).text,
+    columns.unshift ({ label: translateUIMessage ('rowNumberHeading', 'counts', locale).text,
 	children: undefined })
   return { columns, rows: rows.map ((row, index) => {
     const cells: CountsClipboardCell[] = fields.map (field => field.children == null

frontend/src/lib/countsTableLayout.ts

@@ -6,7 +6,7 @@ export const MAX_COUNT_WIDTH = 2000
 export const defaultCountWidths: Record<string, number> = {
     row_number: 72, thumbnail: 88, resource_id: 88, version_no: 88, is_latest: 104,
     title: 300, url: 300, thumbnail_base: 300, tags: 560, parents: 180,
-    video_ms: 120, original_created_at: 260, original_created_from: 240,
+    video_ms: 120, original_created_from: 240,
     original_created_before: 240, name: 240, names: 480, category: 180,
     aliases: 360, deprecated: 240, user: 200, created_at: 240, group: 240, count: 160,
     period: 200, tag_id: 88, id: 88, versionNo: 88, kind: 140, sections: 260,

frontend/src/locales/ja/counts.json

@@ -42,10 +42,11 @@
   "empty": "該当する履歴はありません。",
   "columns": {
     "changedAt": "操作日時",
+    "version": "版",
     "resourceId": "Id.",
-    "postTitle": "投稿タイトル",
-    "postURL": "投稿 URL",
-    "tags": "記載タグ",
+    "postTitle": "タイトル",
+    "postURL": "URL",
+    "tags": "タグ",
     "deprecated": "廃止状態",
     "latest": "最新フラグ",
     "thumbnailURL": "サムネール元 URL",
@@ -232,6 +233,9 @@
     "profile": "出力設定",
     "path": "出力パス"
   },
+  "rowNumberHeading": "No.",
+  "subtotal": "小計",
+  "grandTotal": "綜合計",
   "rowNumbers": "行番号",
   "periodSeparator": "〜",
   "bot": "$t(history:bot)",

frontend/src/pages/CountsResourcePage.tsx

@@ -37,7 +37,7 @@ import type { CountsResource } from '@/lib/counts'
 const CountsResourceContent = ({ resource }: { resource: CountsResource }) => {
   const definition = useCountsDefinition ()
   const [source, setParams] = useSearchParams ()
-  const params = normaliseCountsParams (resource, source)
+  const params = normaliseCountsParams (resource, source, definition)
   const canonical = params.toString ()
   const controlParams = new URLSearchParams (params)
   controlParams.delete ('nested_json')