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>
63 lines
1.9 KiB
TypeScript
63 lines
1.9 KiB
TypeScript
'use client'
|
|
|
|
import { MessageCircle } from 'lucide-react'
|
|
import { Button } from '@/components/ui/button'
|
|
import { cn } from '@/lib/utils'
|
|
import { useAgentSheet } from './AgentSheetProvider'
|
|
|
|
interface Props {
|
|
intentId: string
|
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
intentArgs?: Record<string, any>
|
|
contextRef?: string
|
|
// Override the auto-derived "Fråga [namn]" label when the page wants
|
|
// something more contextual (e.g. "Förklara denna siffra"). Most surfaces
|
|
// should leave this unset.
|
|
label?: string
|
|
size?: 'sm' | 'default' | 'lg'
|
|
variant?: 'outline' | 'default' | 'ghost' | 'secondary'
|
|
className?: string
|
|
}
|
|
|
|
// Single source of truth for the in-page "Fråga [namn]" affordance. Every
|
|
// page-header button across the dashboard (invoice form, supplier invoice,
|
|
// bookkeeping, year-end, VAT report, KPI, …) routes through this component
|
|
// so they share the same icon size, label format, spacing, and resolved
|
|
// agent name. The transaction-row icon button stays separate: it's a
|
|
// different UX (icon-only, ghost) embedded inside a row's action group.
|
|
export default function AgentSparkleButton({
|
|
intentId,
|
|
intentArgs,
|
|
contextRef,
|
|
label,
|
|
size = 'sm',
|
|
variant = 'outline',
|
|
className,
|
|
}: Props) {
|
|
const { openAgentSheet, identity } = useAgentSheet()
|
|
// Same gate as AgentTrigger: hide all "Fråga …" affordances until the
|
|
// user has finished /onboarding/agent.
|
|
if (!identity.isVerified) return null
|
|
const name = identity.displayName?.trim() || 'min assistent'
|
|
const resolvedLabel = label ?? `Fråga ${name}`
|
|
|
|
return (
|
|
<Button
|
|
type="button"
|
|
variant={variant}
|
|
size={size}
|
|
className={cn('shrink-0', className)}
|
|
onClick={() =>
|
|
openAgentSheet({
|
|
intentId,
|
|
intentArgs,
|
|
contextRef,
|
|
})
|
|
}
|
|
>
|
|
<MessageCircle className="mr-2 h-4 w-4" />
|
|
{resolvedLabel}
|
|
</Button>
|
|
)
|
|
}
|