Files
accounted/components/reports/ReportLibrary.tsx
T
Jakob Wennberg ec27228a8e style: remove em/en dashes repo-wide, add CLAUDE.md rule against them (#890)
Em dashes (—) and en dashes (–) had spread across comments, docs, tests,
and a few UI strings, reading as AI-generated boilerplate rather than
house style. Replaced each with punctuation matching its context: colon
for explanatory clauses, comma for asides, plain hyphen for numeric/legal
ranges (e.g. "21-23§"), "to"/"till" for date ranges, parentheses for
paired-dash asides. messages/en.json and messages/sv.json were fixed by
hand together to keep sv/en in sync.

Left untouched where the dash is the functional subject rather than
decorative punctuation: date-range-parser.ts's separator regex,
charset-repair.ts's CP1252 byte-mapping table (and its test), the SIE
encoding mojibake docs, generic-csv.ts's minus-sign normalizer, the
agent system-prompt files that already instruct against em dashes, and
a golden iXBRL test fixture compared byte-for-byte.

Also fixes two bugs surfaced along the way: an off-by-one in
ApiKeysPanel's scope-label split (a leftover from an earlier partial
pass), and a charset-repair test that had lost the literal en-dash it
exists to verify.

Regenerated the agent atom seed migration (skills:generate) since 27
SKILL.md files changed. Added a CLAUDE.md rule against em/en dashes,
with an explicit carve-out for the functional-dash cases above.

Co-authored-by: Claude Sonnet 5 <noreply@anthropic.com>
2026-07-04 15:58:06 +02:00

74 lines
2.3 KiB
TypeScript

'use client'
import { useTranslations } from 'next-intl'
import { ChevronRight } from 'lucide-react'
import {
DataList,
DataListMeta,
DataListPrimary,
DataListRow,
} from '@/components/ui/data-list'
import { Badge } from '@/components/ui/badge'
import { getLibrarySections, type ReportDescriptor } from '@/lib/reports/catalog'
import type { EntityType } from '@/types'
/**
* The report library: the calm landing for /reports. Reports grouped by
* accounting taxonomy, each section a single DataList. One report = one row =
* one destination; no data preview, so the landing stays a fast index.
*/
export function ReportLibrary({
entityType,
hasEmployees,
dimensionsEnabled,
onOpen,
}: {
entityType?: EntityType
hasEmployees?: boolean
dimensionsEnabled?: boolean
onOpen: (slug: string) => void
}) {
const t = useTranslations('reports')
const sections = getLibrarySections(entityType, hasEmployees, dimensionsEnabled)
return (
<div className="space-y-8">
{sections.map((section) => (
<div key={section.category} className="space-y-3">
<h2 className="text-sm font-medium uppercase tracking-wider text-muted-foreground">
{t(section.labelKey)}
</h2>
<DataList>
{section.items.map((item) => (
<DataListRow
key={item.slug}
onClick={() => onOpen(item.slug)}
trailing={
<>
<EntityBadge item={item} />
{item.params === 'calendar' && (
<Badge variant="secondary">{t('calendar_badge')}</Badge>
)}
<ChevronRight className="h-4 w-4 text-muted-foreground" />
</>
}
>
<DataListPrimary>{t(item.labelKey)}</DataListPrimary>
<DataListMeta>{t(item.descKey)}</DataListMeta>
</DataListRow>
))}
</DataList>
</div>
))}
</div>
)
}
function EntityBadge({ item }: { item: ReportDescriptor }) {
if (item.entityType === 'enskild_firma')
return <span className="text-xs text-muted-foreground">EF</span>
if (item.entityType === 'aktiebolag')
return <span className="text-xs text-muted-foreground">AB</span>
return null
}