feat(ai): mark correction-learned rules with the AI icon in settings

Rules with origin `correction` are AI-derived (learned from a user's
correction of an AI categorization), so they now carry the same AI sparkle
as `ai` rules in settings > automation rules, with a tooltip that names
their actual source ("Learned from your correction").
This commit is contained in:
Víctor Falcón 2026-06-29 18:07:41 +02:00
parent 382c81691c
commit f3f882b632
3 changed files with 22 additions and 5 deletions

View File

@ -1,5 +1,6 @@
{
"Learned: similar transactions will be categorized automatically.": "Aprendido: las transacciones similares se categorizarán automáticamente.",
"Learned from your correction": "Aprendida de tu corrección",
"Undo": "Deshacer",
"This subscription is no longer eligible for a self-service refund.": "Esta suscripción ya no es elegible para una devolución automática.",
"Your payment was refunded, your subscription was canceled, and your bank connections were disconnected.": "Te hemos devuelto el pago, cancelado la suscripción y desconectado tus cuentas bancarias.",

View File

@ -30,6 +30,15 @@ describe('AutomationRuleTitle', () => {
expect(screen.getByLabelText('Created by AI')).toBeInTheDocument();
});
it('prefixes the title with the AI sparkle when the rule was learned from a correction', () => {
render(<AutomationRuleTitle rule={makeRule('correction')} />);
expect(screen.getByText('Supermarket')).toBeInTheDocument();
expect(
screen.getByLabelText('Learned from your correction'),
).toBeInTheDocument();
});
it('shows no marker for user-created rules', () => {
render(<AutomationRuleTitle rule={makeRule('user')} />);
@ -37,5 +46,8 @@ describe('AutomationRuleTitle', () => {
expect(
screen.queryByLabelText('Created by AI'),
).not.toBeInTheDocument();
expect(
screen.queryByLabelText('Learned from your correction'),
).not.toBeInTheDocument();
});
});

View File

@ -9,16 +9,20 @@ import { type AutomationRule } from '@/types/automation-rule';
import { __ } from '@/utils/i18n';
/**
* A rule's title, prefixed with the shared AI sparkle when the rule itself was
* generated by AI (origin === 'ai').
* A rule's title, prefixed with the shared AI sparkle when the rule came from AI
* either generated by auto-categorization (origin === 'ai') or learned from a
* user's correction of an AI categorization (origin === 'correction').
*/
export function AutomationRuleTitle({ rule }: { rule: AutomationRule }) {
const isAiGenerated = rule.origin === 'ai';
const label = __('Created by AI');
const isAiRelated = rule.origin === 'ai' || rule.origin === 'correction';
const label =
rule.origin === 'correction'
? __('Learned from your correction')
: __('Created by AI');
return (
<div className="flex items-center gap-1.5 font-medium">
{isAiGenerated && (
{isAiRelated && (
<TooltipProvider>
<Tooltip>
<TooltipTrigger asChild>