Jakob Wennberg
ec27228a8e
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>
80 lines
2.1 KiB
TypeScript
80 lines
2.1 KiB
TypeScript
'use client'
|
|
|
|
import { Loader2, Check, AlertCircle, FileWarning } from 'lucide-react'
|
|
import { cn } from '@/lib/utils'
|
|
import type { ExtractionStatus } from '@/lib/hooks/use-document-extraction'
|
|
|
|
interface Props {
|
|
status: ExtractionStatus
|
|
elapsedMs?: number
|
|
className?: string
|
|
}
|
|
|
|
// Inline status indicator for an AI extraction in flight. Sits next to a
|
|
// freshly-attached document in upload flows. Five visual states map to the
|
|
// useDocumentExtraction hook output. "disabled" renders nothing: the free
|
|
// tier has no AI extraction and shouldn't see scary UI.
|
|
//
|
|
// Copy is intentionally short and Swedish. The status changes inline; the
|
|
// layout doesn't shift between states (icon + single line).
|
|
export default function ExtractionStatus({ status, elapsedMs = 0, className }: Props) {
|
|
if (status === 'idle' || status === 'disabled') return null
|
|
|
|
const slow = elapsedMs > 8_000
|
|
|
|
if (status === 'running') {
|
|
return (
|
|
<span
|
|
className={cn(
|
|
'inline-flex items-center gap-1.5 text-xs text-muted-foreground',
|
|
className,
|
|
)}
|
|
>
|
|
<Loader2 className="h-3.5 w-3.5 animate-spin" />
|
|
{slow ? 'Tar lite längre än vanligt…' : 'Läser dokumentet…'}
|
|
</span>
|
|
)
|
|
}
|
|
|
|
if (status === 'succeeded') {
|
|
return (
|
|
<span
|
|
className={cn(
|
|
'inline-flex items-center gap-1.5 text-xs text-success',
|
|
className,
|
|
)}
|
|
>
|
|
<Check className="h-3.5 w-3.5" />
|
|
Inläst av AI
|
|
</span>
|
|
)
|
|
}
|
|
|
|
if (status === 'unsupported') {
|
|
return (
|
|
<span
|
|
className={cn(
|
|
'inline-flex items-center gap-1.5 text-xs text-muted-foreground',
|
|
className,
|
|
)}
|
|
>
|
|
<FileWarning className="h-3.5 w-3.5" />
|
|
Filtypen kan inte läsas automatiskt
|
|
</span>
|
|
)
|
|
}
|
|
|
|
// failed
|
|
return (
|
|
<span
|
|
className={cn(
|
|
'inline-flex items-center gap-1.5 text-xs text-warning',
|
|
className,
|
|
)}
|
|
>
|
|
<AlertCircle className="h-3.5 w-3.5" />
|
|
Kunde inte läsa automatiskt: fyll i manuellt
|
|
</span>
|
|
)
|
|
}
|