letsbe/pn-new-crm
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

chore(audit-drain): rip out next-intl, RTL lint, sweeps, polish

Browse Source 
Drain the long-tail audit queue captured in alpha-uat-master.md.

- next-intl ripped out (zero useTranslations callers ever existed):
  package.json, next.config.ts plugin wrap, src/i18n/, messages/, and
  the layout NextIntlClientProvider all gone; <html lang="en"> hardcoded.
- RTL lint nudge added: warn-only no-restricted-syntax on physical
  Tailwind utilities (ml-/mr-/pl-/pr-/text-left/text-right/border-l/
  border-r/rounded-l-/rounded-r-) inside JSX className literals.
  Existing ~1,000 sites grandfathered; new code trends toward logical.
- Icon-only button accessibility lint: jsx-a11y/control-has-associated-
  label enabled at warn; 4 empty <th>/<td> action placeholders gain
  sr-only labels.
- Currency: SUPPORTED_CURRENCIES drops the hardcoded English labels;
  new currencyLabel(code, locale?) helper resolves via Intl.DisplayNames.
  CurrencySelect + settings-manager migrated.
- Date locale sweep: 7 surfaces flip from toLocaleString('en-GB'|'en-US')
  to toLocaleString(undefined, ...) so dates honour runtime locale.
- Dialog/Sheet width: 10 document/EOI/entity-form dialogs gain a
  lg:max-w-4xl or lg:max-w-5xl step so wide desktops get breathing room.
- PaymentsSection collapsed-bar: slim one-line bar showing
  "Payments - Not received yet" or "Payments - \$X received - N payments
  - Expand"; per-interest collapse state persists in localStorage; the
  RecordPayment flow auto-expands.
- muted-foreground opacity sweep: 10 text-bearing
  text-muted-foreground/{60,70,80} hits dropped to plain
  text-muted-foreground for AA contrast on muted bg. Icon-only
  (aria-hidden) opacity hits left as-is.
- Micro-type bump: text-[10px] and text-[11px] -> text-xs (12px)
  across 87 files in src/components + src/app. Pure mechanical sweep.
- Audit-doc cleanup: alpha-uat-master.md stale 2026-05-25 summary
  rewritten with cumulative state through today. Items genuinely still
  open are now a short long-tail list.
- New docs/marketing-site-followups.md: Umami Phase 4a/3/5, email
  pixel E2E verification, and website-cutover work parked here so
  they don't get lost in the CRM audit doc.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Matt
2026-05-26 18:48:46 +02:00
parent 353a31323e
commit e9509dc45c
115 changed files with 528 additions and 776 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/admin/admin-sections-browser.tsx
View File

@@ -550,9 +550,7 @@ function SectionCard({
<div className="flex-1">
<CardTitle className="text-base">{section.label}</CardTitle>
{groupTitle ? (
<p className="text-[10px] uppercase tracking-wider text-muted-foreground">
{groupTitle}
</p>
<p className="text-xs uppercase tracking-wider text-muted-foreground">{groupTitle}</p>
) : null}
</div>
</CardHeader>

12
src/components/admin/audit/audit-log-card.tsx
View File

@@ -127,11 +127,9 @@ export function AuditLogCard({ entry }: AuditLogCardProps) {
<ListCardMeta icon={<Clock className="h-3 w-3" aria-hidden />}>
{formatDistanceToNow(new Date(entry.createdAt), { addSuffix: true })}
</ListCardMeta>
{entry.ipAddress ? (
<span className="font-mono text-[11px]">{entry.ipAddress}</span>
) : null}
{entry.ipAddress ? <span className="font-mono text-xs">{entry.ipAddress}</span> : null}
{entry.severity && entry.severity !== 'info' ? (
<span className="uppercase font-semibold tracking-wide text-[10px]">
<span className="uppercase font-semibold tracking-wide text-xs">
{entry.severity}
</span>
) : null}
@@ -190,7 +188,7 @@ export function AuditLogCard({ entry }: AuditLogCardProps) {
<summary className="cursor-pointer font-semibold text-muted-foreground">
Old value
</summary>
<pre className="mt-1 max-h-64 overflow-auto rounded bg-background p-2 font-mono text-[11px]">
<pre className="mt-1 max-h-64 overflow-auto rounded bg-background p-2 font-mono text-xs">
{JSON.stringify(entry.oldValue, null, 2)}
</pre>
</details>
@@ -200,7 +198,7 @@ export function AuditLogCard({ entry }: AuditLogCardProps) {
<summary className="cursor-pointer font-semibold text-muted-foreground">
New value
</summary>
<pre className="mt-1 max-h-64 overflow-auto rounded bg-background p-2 font-mono text-[11px]">
<pre className="mt-1 max-h-64 overflow-auto rounded bg-background p-2 font-mono text-xs">
{JSON.stringify(entry.newValue, null, 2)}
</pre>
</details>
@@ -210,7 +208,7 @@ export function AuditLogCard({ entry }: AuditLogCardProps) {
<summary className="cursor-pointer font-semibold text-muted-foreground">
Metadata
</summary>
<pre className="mt-1 max-h-64 overflow-auto rounded bg-background p-2 font-mono text-[11px]">
<pre className="mt-1 max-h-64 overflow-auto rounded bg-background p-2 font-mono text-xs">
{JSON.stringify(entry.metadata, null, 2)}
</pre>
</details>

16
src/components/admin/audit/audit-log-list.tsx
View File

@@ -267,7 +267,7 @@ export function AuditLogList() {
</Badge>
{row.original.severity !== 'info' && (
<Badge
className={`${SEVERITY_BADGE[row.original.severity] ?? ''} text-[10px] px-1.5 py-0 uppercase`}
className={`${SEVERITY_BADGE[row.original.severity] ?? ''} text-xs px-1.5 py-0 uppercase`}
variant="outline"
>
{row.original.severity}
@@ -385,36 +385,36 @@ export function AuditLogList() {
</div>
{e.oldValue ? (
<details>
<summary className="cursor-pointer text-[11px] font-semibold uppercase tracking-wide text-muted-foreground">
<summary className="cursor-pointer text-xs font-semibold uppercase tracking-wide text-muted-foreground">
Old value
</summary>
<pre className="mt-1 max-h-60 overflow-auto rounded bg-muted p-2 font-mono text-[11px]">
<pre className="mt-1 max-h-60 overflow-auto rounded bg-muted p-2 font-mono text-xs">
{JSON.stringify(e.oldValue, null, 2)}
</pre>
</details>
) : null}
{e.newValue ? (
<details open>
<summary className="cursor-pointer text-[11px] font-semibold uppercase tracking-wide text-muted-foreground">
<summary className="cursor-pointer text-xs font-semibold uppercase tracking-wide text-muted-foreground">
New value
</summary>
<pre className="mt-1 max-h-60 overflow-auto rounded bg-muted p-2 font-mono text-[11px]">
<pre className="mt-1 max-h-60 overflow-auto rounded bg-muted p-2 font-mono text-xs">
{JSON.stringify(e.newValue, null, 2)}
</pre>
</details>
) : null}
{e.metadata ? (
<details>
<summary className="cursor-pointer text-[11px] font-semibold uppercase tracking-wide text-muted-foreground">
<summary className="cursor-pointer text-xs font-semibold uppercase tracking-wide text-muted-foreground">
Metadata
</summary>
<pre className="mt-1 max-h-60 overflow-auto rounded bg-muted p-2 font-mono text-[11px]">
<pre className="mt-1 max-h-60 overflow-auto rounded bg-muted p-2 font-mono text-xs">
{JSON.stringify(e.metadata, null, 2)}
</pre>
</details>
) : null}
{e.ipAddress || e.userAgent ? (
<dl className="grid grid-cols-[88px_1fr] gap-x-2 gap-y-1 text-[11px]">
<dl className="grid grid-cols-[88px_1fr] gap-x-2 gap-y-1 text-xs">
{e.ipAddress ? (
<>
<dt className="font-semibold text-muted-foreground">IP address</dt>

4
src/components/admin/backup-admin-panel.tsx
View File

@@ -145,7 +145,7 @@ export function BackupAdminPanel() {
<div className="min-w-0 flex-1">
<div className="flex items-center gap-2">
<span
className={`text-[10px] uppercase font-medium px-1.5 py-0.5 rounded-full ${STATUS_TONE[j.status]}`}
className={`text-xs uppercase font-medium px-1.5 py-0.5 rounded-full ${STATUS_TONE[j.status]}`}
>
{j.status}
</span>
@@ -153,7 +153,7 @@ export function BackupAdminPanel() {
{new Date(j.startedAt).toLocaleString()}
</span>
{j.trigger === 'cron' && (
<span className="text-[10px] text-muted-foreground">cron</span>
<span className="text-xs text-muted-foreground">cron</span>
)}
</div>
{j.errorMessage && (

14
src/components/admin/bulk-add-berths-wizard.tsx
View File

@@ -255,7 +255,7 @@ export function BulkAddBerthsWizard() {
className="h-9 w-20 font-mono"
/>
</div>
<p className="text-[11px] text-muted-foreground">
<p className="text-xs text-muted-foreground">
Any uppercase letter sequence. Common ports use A-E; mark a custom letter when
expanding to F+ or letter-pairs like AA.
</p>
@@ -388,10 +388,12 @@ export function BulkAddBerthsWizard() {
<th scope="col" className="py-2 pr-2">
Currency
</th>
<th scope="col" className="py-2 pr-2" />
<th scope="col" className="py-2 pr-2">
<span className="sr-only">Actions</span>
</th>
</tr>
<tr className="border-b bg-muted/30">
<td className="py-1 pr-2 text-[10px] text-muted-foreground">apply to all →</td>
<td className="py-1 pr-2 text-xs text-muted-foreground">apply to all →</td>
{(
[
['lengthFt', 'number'],
@@ -444,7 +446,9 @@ export function BulkAddBerthsWizard() {
className="h-7 text-xs"
/>
</td>
<td />
<td>
<span className="sr-only">Actions placeholder</span>
</td>
</tr>
</thead>
<tbody>
@@ -460,7 +464,7 @@ export function BulkAddBerthsWizard() {
<td className="py-1 pr-2 font-medium">
{row.mooringNumber}
{isDup ? (
<span className="ml-1 inline-flex items-center rounded-sm bg-amber-200/70 px-1 text-[10px] font-semibold uppercase tracking-wide text-amber-900">
<span className="ml-1 inline-flex items-center rounded-sm bg-amber-200/70 px-1 text-xs font-semibold uppercase tracking-wide text-amber-900">
Dup
</span>
) : null}

4
src/components/admin/documenso/embedded-signing-card.tsx
View File

@@ -167,7 +167,7 @@ export function EmbeddedSigningCard() {
))}
</ul>
) : null}
<p className="mt-1 text-[11px] opacity-70">{result.at.toLocaleTimeString()}</p>
<p className="mt-1 text-xs opacity-70">{result.at.toLocaleTimeString()}</p>
</div>
</div>
</div>
@@ -204,7 +204,7 @@ export function EmbeddedSigningCard() {
tracking which slot the signer is in.
</p>
<p className="mt-1 text-muted-foreground">Minimum Next.js example:</p>
<pre className="mt-1 overflow-x-auto rounded bg-muted p-2 font-mono text-[11px]">
<pre className="mt-1 overflow-x-auto rounded bg-muted p-2 font-mono text-xs">
{`// app/sign/[role]/[token]/page.tsx
export default function SignPage({ params }) {
const documenseUrl = \`\${env.DOCUMENSO_URL}/sign/\${params.token}\`;

38
src/components/admin/documenso/template-sync-button.tsx
View File

@@ -179,7 +179,7 @@ export function TemplateSyncButton() {
<CheckCircle2 className="size-4" />{' '}
{lastResult.title || `Template #${lastResult.templateId}`}
</div>
<span className="text-[11px] font-normal text-muted-foreground">
<span className="text-xs font-normal text-muted-foreground">
Last synced {formatRelative(lastResult.syncedAt)}
</span>
</div>
@@ -202,11 +202,11 @@ export function TemplateSyncButton() {
</>
)}
{r.mappedSettingKey ? (
<span className="ml-auto rounded bg-emerald-100 px-1.5 py-0.5 text-[10px] font-medium text-emerald-800 dark:bg-emerald-950 dark:text-emerald-300">
<span className="ml-auto rounded bg-emerald-100 px-1.5 py-0.5 text-xs font-medium text-emerald-800 dark:bg-emerald-950 dark:text-emerald-300">
→ {r.mappedSettingKey}
</span>
) : (
<span className="ml-auto rounded bg-amber-100 px-1.5 py-0.5 text-[10px] font-medium text-amber-800 dark:bg-amber-950 dark:text-amber-300">
<span className="ml-auto rounded bg-amber-100 px-1.5 py-0.5 text-xs font-medium text-amber-800 dark:bg-amber-950 dark:text-amber-300">
no slot match
</span>
)}
@@ -216,13 +216,13 @@ export function TemplateSyncButton() {
{lastResult.templateMeta && (
<div className="pt-1.5 rounded-md bg-muted/60 px-2 py-1.5">
<div className="font-medium text-muted-foreground">Template-level settings</div>
<p className="text-[11px] text-muted-foreground">
<p className="text-xs text-muted-foreground">
Read from the template itself on Documenso. These values are bound to the
template, so every envelope generated from it inherits them -{' '}
<code>/template/use</code> does <strong>not</strong> accept overrides for these.
Change them in Documenso&apos;s template editor.
</p>
<ul className="mt-1 space-y-0.5 text-[11px]">
<ul className="mt-1 space-y-0.5 text-xs">
<li>
<span className="text-muted-foreground">Signing order:</span>{' '}
<span className="font-mono">
@@ -235,7 +235,7 @@ export function TemplateSyncButton() {
{lastResult.templateMeta.distributionMethod ?? 'unset'}
</span>
{lastResult.templateMeta.distributionMethod === 'EMAIL' && (
<span className="ml-1 rounded bg-amber-100 px-1.5 py-0.5 text-[10px] font-medium text-amber-900 dark:bg-amber-950 dark:text-amber-200">
<span className="ml-1 rounded bg-amber-100 px-1.5 py-0.5 text-xs font-medium text-amber-900 dark:bg-amber-950 dark:text-amber-200">
⚠️ Documenso will email recipients directly - the CRM&apos;s branded email
is in addition. Set to NONE on the template to let the CRM be the sole
sender.
@@ -273,7 +273,7 @@ export function TemplateSyncButton() {
{lastResult.matchedFields.map((f) => (
<span
key={f.fieldId}
className="rounded bg-emerald-100 px-1.5 py-0.5 font-mono text-[10px] text-emerald-900 dark:bg-emerald-950 dark:text-emerald-200"
className="rounded bg-emerald-100 px-1.5 py-0.5 font-mono text-xs text-emerald-900 dark:bg-emerald-950 dark:text-emerald-200"
>
{f.label} → #{f.fieldId}
</span>
@@ -288,7 +288,7 @@ export function TemplateSyncButton() {
⚠️ Template fields the CRM doesn&apos;t recognize (
{lastResult.unmatchedTemplateFields.length})
</div>
<p className="text-[11px] text-muted-foreground">
<p className="text-xs text-muted-foreground">
These won&apos;t be filled. Rename them in the Documenso template editor to match
a CRM-expected label (Name, Email, Address, Yacht Name, Length, Width, Draft,
Berth Number, Lease_10, Purchase), or ignore if they&apos;re signature/date fields
@@ -298,7 +298,7 @@ export function TemplateSyncButton() {
{lastResult.unmatchedTemplateFields.map((f) => (
<span
key={f.fieldId}
className="rounded bg-amber-100 px-1.5 py-0.5 font-mono text-[10px] text-amber-900 dark:bg-amber-950 dark:text-amber-200"
className="rounded bg-amber-100 px-1.5 py-0.5 font-mono text-xs text-amber-900 dark:bg-amber-950 dark:text-amber-200"
>
{f.label} → #{f.fieldId}
</span>
@@ -312,7 +312,7 @@ export function TemplateSyncButton() {
<div className="font-medium text-foreground">
PDF AcroForm fields (the <code>formValues</code> path)
</div>
<p className="pt-0.5 text-[11px] text-muted-foreground">
<p className="pt-0.5 text-xs text-muted-foreground">
These are the fillable fields actually in the PDF binary on Documenso. The CRM
fills them by name at send time - this is the same mechanism the prod v1 server
uses.
@@ -320,11 +320,11 @@ export function TemplateSyncButton() {
{lastResult.acroForm.map((report) => (
<div key={report.envelopeItemId} className="mt-1.5 space-y-1">
{report.error ? (
<div className="rounded bg-destructive/10 px-2 py-1 text-[11px] text-destructive">
<div className="rounded bg-destructive/10 px-2 py-1 text-xs text-destructive">
Couldn&apos;t inspect this PDF: {report.error}
</div>
) : report.fields.length === 0 ? (
<div className="rounded bg-amber-100 px-2 py-1 text-[11px] text-amber-900 dark:bg-amber-950 dark:text-amber-200">
<div className="rounded bg-amber-100 px-2 py-1 text-xs text-amber-900 dark:bg-amber-950 dark:text-amber-200">
⚠️ This PDF has no AcroForm fields. The CRM&apos;s <code>formValues</code>{' '}
path will fill nothing. Re-export your PDF with form fields enabled, or
place overlays inside Documenso&apos;s editor and use{' '}
@@ -341,7 +341,7 @@ export function TemplateSyncButton() {
{report.matchedFieldNames.map((n) => (
<span
key={n}
className="rounded bg-emerald-100 px-1.5 py-0.5 font-mono text-[10px] text-emerald-900 dark:bg-emerald-950 dark:text-emerald-200"
className="rounded bg-emerald-100 px-1.5 py-0.5 font-mono text-xs text-emerald-900 dark:bg-emerald-950 dark:text-emerald-200"
>
{n}
</span>
@@ -354,7 +354,7 @@ export function TemplateSyncButton() {
<div className="font-medium text-amber-700 dark:text-amber-400">
⚠️ CRM tokens missing from the PDF ({report.missingFieldNames.length})
</div>
<p className="text-[11px] text-muted-foreground">
<p className="text-xs text-muted-foreground">
These exact names need AcroForm text/checkbox fields in the PDF, or
they&apos;ll be dropped at send time.
</p>
@@ -362,7 +362,7 @@ export function TemplateSyncButton() {
{report.missingFieldNames.map((n) => (
<span
key={n}
className="rounded bg-amber-100 px-1.5 py-0.5 font-mono text-[10px] text-amber-900 dark:bg-amber-950 dark:text-amber-200"
className="rounded bg-amber-100 px-1.5 py-0.5 font-mono text-xs text-amber-900 dark:bg-amber-950 dark:text-amber-200"
>
{n}
</span>
@@ -375,7 +375,7 @@ export function TemplateSyncButton() {
<div className="font-medium text-muted-foreground">
PDF fields the CRM has no token for ({report.extraFieldNames.length})
</div>
<p className="text-[11px] text-muted-foreground">
<p className="text-xs text-muted-foreground">
Usually signature blocks or other fields the recipient fills in
directly. Safe to ignore.
</p>
@@ -383,7 +383,7 @@ export function TemplateSyncButton() {
{report.extraFieldNames.map((n) => (
<span
key={n}
className="rounded bg-muted px-1.5 py-0.5 font-mono text-[10px] text-muted-foreground"
className="rounded bg-muted px-1.5 py-0.5 font-mono text-xs text-muted-foreground"
>
{n}
</span>
@@ -404,7 +404,7 @@ export function TemplateSyncButton() {
CRM data points not in <code>prefillFields</code> (
{lastResult.missingFromTemplate.length})
</div>
<p className="text-[11px] text-muted-foreground">
<p className="text-xs text-muted-foreground">
These would also be available as <code>prefillFields</code> if you added matching
overlays inside Documenso&apos;s template editor.
</p>
@@ -412,7 +412,7 @@ export function TemplateSyncButton() {
{lastResult.missingFromTemplate.map((label) => (
<span
key={label}
className="rounded bg-muted px-1.5 py-0.5 font-mono text-[10px] text-muted-foreground"
className="rounded bg-muted px-1.5 py-0.5 font-mono text-xs text-muted-foreground"
>
{label}
</span>

2
src/components/admin/document-templates/template-form.tsx
View File

@@ -112,7 +112,7 @@ export function TemplateForm({ open, onOpenChange, template, onSuccess }: Templa
return (
<Sheet open={open} onOpenChange={onOpenChange}>
<SheetContent className="w-full max-w-2xl overflow-y-auto sm:max-w-2xl">
<SheetContent className="w-full max-w-2xl overflow-y-auto sm:max-w-2xl lg:max-w-4xl">
<SheetHeader>
<SheetTitle>{isEdit ? 'Edit Template' : 'New Document Template'}</SheetTitle>
</SheetHeader>

2
src/components/admin/document-templates/template-version-history.tsx
View File

@@ -112,7 +112,7 @@ export function TemplateVersionHistory({
</div>
<p className="text-xs text-muted-foreground">
Saved{' '}
{new Date(v.changedAt).toLocaleString('en-GB', {
{new Date(v.changedAt).toLocaleString(undefined, {
day: '2-digit',
month: 'short',
year: 'numeric',

6
src/components/admin/duplicates/duplicates-review-queue.tsx
View File

@@ -123,7 +123,7 @@ function CandidateRow({
<div className="rounded-lg border bg-card p-4">
<div className="mb-3 flex items-baseline justify-between gap-3">
<div>
<span className="rounded-full bg-muted px-2 py-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground">
<span className="rounded-full bg-muted px-2 py-0.5 text-xs font-medium uppercase tracking-wide text-muted-foreground">
score {pair.score}
</span>{' '}
<span className="text-xs text-muted-foreground">{pair.reasons.join(' · ')}</span>
@@ -203,11 +203,11 @@ function ClientCard({
)}
>
<p className="text-sm font-medium">{client.fullName}</p>
<p className="mt-0.5 text-[11px] text-muted-foreground">
<p className="mt-0.5 text-xs text-muted-foreground">
Created {new Date(client.createdAt).toLocaleDateString()}
</p>
{isSelected ? (
<span className="mt-1 inline-block rounded-full bg-primary/10 px-1.5 py-0.5 text-[10px] font-semibold text-primary">
<span className="mt-1 inline-block rounded-full bg-primary/10 px-1.5 py-0.5 text-xs font-semibold text-primary">
KEEP
</span>
) : null}

4
src/components/admin/forms/form-template-form.tsx
View File

@@ -158,7 +158,7 @@ function FormTemplateFormBody({ open, onOpenChange, template, onSaved }: Props)
return (
<Sheet open={open} onOpenChange={onOpenChange}>
<SheetContent className="overflow-y-auto sm:max-w-2xl">
<SheetContent className="overflow-y-auto sm:max-w-2xl lg:max-w-4xl">
<SheetHeader>
<SheetTitle>{template ? 'Edit form template' : 'New form template'}</SheetTitle>
</SheetHeader>
@@ -230,7 +230,7 @@ function FormTemplateFormBody({ open, onOpenChange, template, onSaved }: Props)
</SelectContent>
</Select>
{f.bindTo ? (
<Badge variant="secondary" className="text-[10px] font-normal">
<Badge variant="secondary" className="text-xs font-normal">
Autofills from + writes back to {getBindableField(f.bindTo)?.label} ·{' '}
{f.bindTo}
</Badge>

4
src/components/admin/invitations/invitations-manager.tsx
View File

@@ -111,7 +111,9 @@ export function InvitationsManager() {
<th className="text-left font-medium px-3 py-2">Role</th>
<th className="text-left font-medium px-3 py-2">Status</th>
<th className="text-left font-medium px-3 py-2">Expires</th>
<th className="px-3 py-2"></th>
<th className="px-3 py-2">
<span className="sr-only">Actions</span>
</th>
</tr>
</thead>
<tbody>

6
src/components/admin/onboarding-checklist.tsx
View File

@@ -326,15 +326,15 @@ export function OnboardingChecklist() {
</Link>
<p className="mt-0.5 text-xs text-muted-foreground">{step.description}</p>
{auto && (
<p className="mt-1 text-[11px] text-emerald-700">
<p className="mt-1 text-xs text-emerald-700">
Auto-detected complete via{' '}
<code className="text-[10px]">
<code className="text-xs">
{step.autoCheckSettingKey ??
step.autoCheckSettingKeysAll?.join(' + ') ??
step.autoCheckListEndpoint}
</code>
{autoSources[step.id] && autoSources[step.id] !== 'port' ? (
<span className="ml-1 text-[10px] text-amber-700">
<span className="ml-1 text-xs text-amber-700">
· resolving from{' '}
<strong className="font-medium">
{autoSources[step.id] === 'env'

4
src/components/admin/qualification-criteria-admin.tsx
View File

@@ -265,7 +265,7 @@ function CriterionEditableRow({
onChange={(e) => setLabel(e.target.value)}
className="h-7 max-w-md text-sm font-medium"
/>
<code className="rounded bg-muted px-1.5 py-0.5 text-[10px] text-muted-foreground">
<code className="rounded bg-muted px-1.5 py-0.5 text-xs text-muted-foreground">
{criterion.key}
</code>
<div className="ml-auto flex items-center gap-2">
@@ -363,7 +363,7 @@ function CreateCriterionDialog({
placeholder="e.g. budget_confirmed"
/>
{key && !/^[a-z][a-z0-9_]*$/.test(key) ? (
<p className="text-[11px] text-rose-700">
<p className="text-xs text-rose-700">
Must start with a letter; lowercase alphanumeric and underscores only.
</p>
) : null}

6
src/components/admin/queue-overview.tsx
View File

@@ -26,9 +26,7 @@ function StatPill({ label, value, highlight }: StatPillProps) {
>
{value}
</span>
<span className="text-[10px] text-muted-foreground mt-0.5 uppercase tracking-wide">
{label}
</span>
<span className="text-xs text-muted-foreground mt-0.5 uppercase tracking-wide">{label}</span>
</div>
);
}
@@ -65,7 +63,7 @@ export function QueueOverview({ queues }: QueueOverviewProps) {
<StatPill label="failed" value={queue.failed} highlight />
</div>
{queue.delayed > 0 && (
<p className="text-[10px] text-muted-foreground text-center mt-1">
<p className="text-xs text-muted-foreground text-center mt-1">
{queue.delayed} delayed
</p>
)}

6
src/components/admin/residential-stages-admin.tsx
View File

@@ -152,7 +152,7 @@ export function ResidentialStagesAdmin() {
<GripVertical className="h-4 w-4 text-muted-foreground" aria-hidden />
<div className="flex-1 grid grid-cols-1 sm:grid-cols-3 gap-2">
<div className="space-y-1">
<Label className="text-[11px] uppercase tracking-wide text-muted-foreground">
<Label className="text-xs uppercase tracking-wide text-muted-foreground">
Id
</Label>
<Input
@@ -162,7 +162,7 @@ export function ResidentialStagesAdmin() {
/>
</div>
<div className="space-y-1">
<Label className="text-[11px] uppercase tracking-wide text-muted-foreground">
<Label className="text-xs uppercase tracking-wide text-muted-foreground">
Label
</Label>
<Input
@@ -172,7 +172,7 @@ export function ResidentialStagesAdmin() {
/>
</div>
<div className="space-y-1">
<Label className="text-[11px] uppercase tracking-wide text-muted-foreground">
<Label className="text-xs uppercase tracking-wide text-muted-foreground">
Terminal
</Label>
<Select

4
src/components/admin/roles/role-list.tsx
View File

@@ -282,8 +282,8 @@ export function RoleList() {
key={action}
className={
allowed
? 'inline-flex items-center rounded-full bg-emerald-50 text-emerald-900 px-2 py-0.5 text-[11px] font-medium'
: 'inline-flex items-center rounded-full bg-muted text-muted-foreground px-2 py-0.5 text-[11px] font-medium line-through opacity-60'
? 'inline-flex items-center rounded-full bg-emerald-50 text-emerald-900 px-2 py-0.5 text-xs font-medium'
: 'inline-flex items-center rounded-full bg-muted text-muted-foreground px-2 py-0.5 text-xs font-medium line-through opacity-60'
}
>
{action.replace(/_/g, ' ')}

2
src/components/admin/sales-email-config-card.tsx
View File

@@ -435,7 +435,7 @@ export function SalesEmailConfigCard() {
<div className="flex-1">
<p className="font-medium">{lastTest.ok ? 'SMTP test sent' : 'SMTP test failed'}</p>
<p className="text-xs">{lastTest.message}</p>
<p className="mt-0.5 text-[11px] opacity-70">{lastTest.at.toLocaleTimeString()}</p>
<p className="mt-0.5 text-xs opacity-70">{lastTest.at.toLocaleTimeString()}</p>
</div>
</div>
) : null}

4
src/components/admin/settings/settings-manager.tsx
View File

@@ -20,7 +20,7 @@ import {
} from '@/components/ui/select';
import { Separator } from '@/components/ui/separator';
import { apiFetch } from '@/lib/api/client';
import { SUPPORTED_CURRENCIES } from '@/lib/utils/currency';
import { SUPPORTED_CURRENCIES, currencyLabel } from '@/lib/utils/currency';
interface Setting {
key: string;
@@ -234,7 +234,7 @@ const KNOWN_SETTINGS: Array<{
defaultValue: 'USD',
options: SUPPORTED_CURRENCIES.map((c) => ({
value: c.code,
label: `${c.code} - ${c.label}`,
label: `${c.code} - ${currencyLabel(c.code)}`,
})),
},
];

6
src/components/admin/shared/registry-driven-form.tsx
View File

@@ -394,7 +394,11 @@ function SettingField({
)}
</div>
</div>
{entry.description && <p className="text-xs text-muted-foreground">{entry.description}</p>}
{entry.description && (
<p id={`${entry.key}-description`} className="text-xs text-muted-foreground">
{entry.description}
</p>
)}
<FieldInput
entry={entry}

4
src/components/admin/shared/settings-form-card.tsx
View File

@@ -450,7 +450,7 @@ function ImageUploadField({
className="h-full w-full object-contain"
/>
) : (
<span className="text-[10px] text-muted-foreground">No image</span>
<span className="text-xs text-muted-foreground">No image</span>
)}
</div>
<div className="flex-1 space-y-2">
@@ -476,7 +476,7 @@ function ImageUploadField({
placeholder="https://example.com/logo.png"
className="text-xs"
/>
<p className="text-[11px] text-muted-foreground">
<p className="text-xs text-muted-foreground">
Upload to use the platform&apos;s storage backend, or paste an external URL.
</p>
</div>

12
src/components/admin/shared/template-token-picker.tsx
View File

@@ -58,13 +58,13 @@ export function TemplateTokenPicker() {
<div className="space-y-4">
{Object.entries(MERGE_FIELDS).map(([scope, fields]) => (
<div key={scope}>
<p className="mb-1.5 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground">
<p className="mb-1.5 text-xs font-semibold uppercase tracking-wide text-muted-foreground">
{SCOPE_LABELS[scope] ?? scope}
</p>
<div className="grid grid-cols-1 gap-x-3 gap-y-0.5 text-[11px] sm:grid-cols-2">
<div className="grid grid-cols-1 gap-x-3 gap-y-0.5 text-xs sm:grid-cols-2">
{fields.map((f) => (
<div key={f.token} className="flex items-baseline gap-1.5">
<code className="rounded bg-muted px-1 font-mono text-[11px]">{f.token}</code>
<code className="rounded bg-muted px-1 font-mono text-xs">{f.token}</code>
<span className="truncate text-muted-foreground">{f.label}</span>
</div>
))}
@@ -74,10 +74,10 @@ export function TemplateTokenPicker() {
{customFields.length > 0 ? (
<div>
<p className="mb-1.5 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground">
<p className="mb-1.5 text-xs font-semibold uppercase tracking-wide text-muted-foreground">
Custom (port-specific)
</p>
<div className="grid grid-cols-1 gap-x-3 gap-y-0.5 text-[11px] sm:grid-cols-2">
<div className="grid grid-cols-1 gap-x-3 gap-y-0.5 text-xs sm:grid-cols-2">
{customFields
.slice()
.sort((a, b) =>
@@ -87,7 +87,7 @@ export function TemplateTokenPicker() {
)
.map((f) => (
<div key={f.id} className="flex items-baseline gap-1.5">
<code className="rounded bg-muted px-1 font-mono text-[11px]">
<code className="rounded bg-muted px-1 font-mono text-xs">
{`{{custom.${f.fieldName}}}`}
</code>
<span className="truncate text-muted-foreground">

2
src/components/admin/templates/template-editor.tsx
View File

@@ -801,7 +801,7 @@ function MarkerOverlay({
width: `${(marker.w ?? DEFAULT_MARKER_W) * 100}%`,
height: `${(marker.h ?? DEFAULT_MARKER_H) * 100}%`,
}}
className="cursor-move rounded border-2 border-primary/70 bg-primary/15 px-1 py-0.5 text-[10px] font-medium text-primary"
className="cursor-move rounded border-2 border-primary/70 bg-primary/15 px-1 py-0.5 text-xs font-medium text-primary"
onMouseDown={onMouseDown}
onContextMenu={onContextMenu}
>

2
src/components/admin/users/user-permission-matrix.tsx
View File

@@ -258,7 +258,7 @@ export function UserPermissionMatrix({ userId }: UserPermissionMatrixProps) {
>
<div className="text-sm">
<Label className="text-sm">{formatAction(action)}</Label>
<p className="text-[11px] text-muted-foreground">
<p className="text-xs text-muted-foreground">
Inherits: {inherited ? 'granted' : 'denied'}
</p>
</div>