@gntik-ai/templates 0.7.0 → 0.9.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gntik-ai/templates",
-  "version": "0.7.0",
+  "version": "0.9.0",
   "description": "gntik-ui page templates: complete product pages (auth, dashboard, resources, settings, system) on the kit layouts and blocks.",
   "license": "MIT",
   "type": "module",
@@ -35,14 +35,14 @@
     "react-dom": "^19.0.0"
   },
   "dependencies": {
-    "@gntik-ai/blocks": "0.7.0",
+    "@gntik-ai/blocks": "0.9.0",
     "@gntik-ai/charts": "0.5.0",
-    "@gntik-ai/chat": "0.7.0",
+    "@gntik-ai/chat": "0.9.0",
     "@gntik-ai/editor": "0.5.0",
     "@gntik-ai/flow": "0.5.0",
     "@gntik-ai/icons": "0.5.0",
     "@gntik-ai/tokens": "0.2.1",
-    "@gntik-ai/ui": "0.7.0",
+    "@gntik-ai/ui": "0.9.0",
     "lucide-react": "^1.48.0"
   },
   "devDependencies": {

package/src/audit-log/Page.test.tsx

@@ -6,6 +6,59 @@ import { auditEvents } from './data';
 
 const ALL = { start: null, end: null };
 
+describe('auditEventsToCsv', () => {
+  it('neutralises an actor formula before applying CSV quoting', () => {
+    const event = {
+      ...auditEvents[0]!,
+      actor: { name: '=HYPERLINK("https://example.test","x")', email: 'ana@example.test' },
+    };
+
+    expect(auditEventsToCsv([event]).split('\n')[1]).toContain(
+      `,"'=HYPERLINK(""https://example.test"",""x"")",ana@example.test,`,
+    );
+  });
+
+  it.each([
+    ['equals', '=1+1', "'=1+1"],
+    ['plus', '+1', "'+1"],
+    ['minus', '-1', "'-1"],
+    ['at sign', '@SUM(A1)', "'@SUM(A1)"],
+    ['tab', '\tprojects/a', "'\tprojects/a"],
+    ['carriage return', '\rprojects/a', "'\rprojects/a"],
+  ])('neutralises a target starting with %s', (_label, target, expected) => {
+    const event = { ...auditEvents[0]!, target };
+
+    expect(auditEventsToCsv([event]).split('\n')[1]?.split(',')[5]).toBe(expected);
+  });
+
+  it.each([
+    ['plain', 'projects/a', 'projects/a'],
+    ['comma', 'projects/a,b', '"projects/a,b"'],
+    ['quote', 'projects/"a"', '"projects/""a"""'],
+    ['newline', 'projects/a\nb', '"projects/a\nb"'],
+    ['embedded equals', 'a=b', 'a=b'],
+    ['embedded minus', 'x-1', 'x-1'],
+    ['leading space', ' =1+1', ' =1+1'],
+    ['empty', '', ''],
+  ])('preserves safe cells with %s and the CSV format', (_label, target, expected) => {
+    const event = {
+      ...auditEvents[0]!,
+      at: new Date('2026-01-02T03:04:05.000Z'),
+      actor: { name: 'Ana López', email: 'ana@example.test' },
+      action: 'project.update',
+      resource: 'Project',
+      target,
+      ip: '10.0.0.4',
+      result: 'succeeded' as const,
+    };
+
+    expect(auditEventsToCsv([event])).toBe(
+      'time,actor,email,action,resource,target,ip,result\n' +
+        `2026-01-02T03:04:05.000Z,Ana López,ana@example.test,project.update,Project,${expected},10.0.0.4,succeeded`,
+    );
+  });
+});
+
 describe('AuditLogPage', () => {
   it('renders filters, date range and the events table', { timeout: 15000 }, async () => {
     render(<AuditLogPage />);

package/src/audit-log/Page.tsx

@@ -1,3 +1,5 @@
+import { useI18n } from '@gntik-ai/ui';
+import { matchText } from '@gntik-ai/ui';
 import {
   DataTable,
   DateRangeFilter,
@@ -60,13 +62,14 @@ export function filterAuditEvents(
   query: string,
   filters: readonly ActiveFilter[],
   range: DateRange,
+  locale?: string,
 ) {
-  const q = query.trim().toLowerCase();
+  const q = query.trim();
   const fields = [...new Set(filters.map((f) => f.field))];
   const from = range.start ? startOfDay(range.start).getTime() : -Infinity;
   const to = range.end ? startOfDay(range.end).getTime() + DAY : Infinity;
   return events.filter((e) => {
-    if (q && ![e.actor.name, e.actor.email, e.action, e.target].some((v) => v.toLowerCase().includes(q))) return false;
+    if (q && ![e.actor.name, e.actor.email, e.action, e.target].some((v) => matchText(v, q, { locale }))) return false;
     if (!fields.every((field) => filters.some((f) => f.field === field && f.value === fieldValue(e, field))))
       return false;
     const t = e.at.getTime();
@@ -74,7 +77,11 @@ export function filterAuditEvents(
   });
 }
 
-const csvCell = (v: string) => (/[",\n]/.test(v) ? `"${v.replace(/"/g, '""')}"` : v);
+/** Neutralises leading spreadsheet formula triggers before applying CSV quoting. */
+export function escapeCsvCell(value: string): string {
+  const safe = /^[=+@\t\r-]/.test(value) ? `'${value}` : value;
+  return /[",\n]/.test(safe) ? `"${safe.replace(/"/g, '""')}"` : safe;
+}
 
 /** CSV of the events (time, actor, action, resource, target, ip, result). */
 export function auditEventsToCsv(events: readonly AuditEvent[]) {
@@ -89,7 +96,7 @@ export function auditEventsToCsv(events: readonly AuditEvent[]) {
     e.ip,
     e.result,
   ]);
-  return [head, ...rows].map((r) => r.map(csvCell).join(',')).join('\n');
+  return [head, ...rows].map((r) => r.map(escapeCsvCell).join(',')).join('\n');
 }
 
 function downloadCsv(events: AuditEvent[]) {
@@ -104,6 +111,7 @@ function downloadCsv(events: AuditEvent[]) {
 
 /** Audit log: ConsoleShell + Page with FilterBar + DateRangeFilter, an events DataTable and a diff drawer. */
 export default function AuditLogPage(props: Partial<AuditLogProps>) {
+  const { locale } = useI18n();
   const {
     events = auditEvents,
     filterFields = auditFilterFields,
@@ -125,7 +133,7 @@ export default function AuditLogPage(props: Partial<AuditLogProps>) {
   });
   const [diffEvent, setDiffEvent] = useState<AuditEvent | null>(null);
 
-  const rows = filterAuditEvents(events, query, filters, range);
+  const rows = filterAuditEvents(events, query, filters, range, locale);
 
   const columns: DataTableColumn<AuditEvent>[] = [
     {

package/src/audit-log/template.meta.ts

@@ -6,7 +6,7 @@ export const meta: TemplateMeta = {
   priority: 'P2',
   status: 'beta',
   description:
-    'Workspace audit trail: FilterBar (search, actor / resource / result filters) and DateRangeFilter over a DataTable of events with actor, action, target and result; a drawer shows the change diff (CodeBlock); export to CSV.',
+    'Workspace audit trail: FilterBar (search, actor / resource / result filters) and DateRangeFilter over a DataTable of events with actor, action, target and result; a drawer shows the change diff (CodeBlock); export to CSV. CSV export neutralises leading spreadsheet formula triggers.',
   layout: 'SidebarLayout · Page',
   blocks: ['app-sidebar', 'app-topbar', 'page-header', 'filter-bar', 'date-range-filter', 'data-table', 'empty-states'],
 };

package/src/help-home/Page.tsx

@@ -1,3 +1,4 @@
+import { useI18n } from '@gntik-ai/ui';
 import { Clock, Search } from '@gntik-ai/icons';
 import {
   Badge,
@@ -36,6 +37,7 @@ export interface HelpHomeProps {
 
 /** Help center home on DocsLayout: search, category cards and popular articles. */
 export default function HelpHomePage(props: Partial<HelpHomeProps>) {
+  const { locale } = useI18n();
   const {
     brand = <Logo size={22} wordmark />,
     title = 'How can we help?',
@@ -53,7 +55,7 @@ export default function HelpHomePage(props: Partial<HelpHomeProps>) {
   } = props;
   const [query, setQuery] = useState('');
   const ids = useId();
-  const results = searchArticles(articles, query);
+  const results = searchArticles(articles, query, locale);
   const searching = query.trim() !== '';
   const categoryTitle = (id: string) => categories.find((c) => c.id === id)?.title ?? id;
 

package/src/help-home/data.ts

@@ -1,3 +1,4 @@
+import { matchText } from '@gntik-ai/ui';
 import { BookOpen, CreditCard, LifeBuoy, Plug, Rocket, Shield, type LucideIcon } from '@gntik-ai/icons';
 import type { NavGroup } from '@gntik-ai/ui';
 
@@ -144,8 +145,6 @@ export const helpArticles: HelpArticle[] = [
 ];
 
 /** Articles whose title or excerpt contains the query. */
-export function searchArticles(articles: readonly HelpArticle[], query: string): HelpArticle[] {
-  const q = query.trim().toLowerCase();
-  if (!q) return [...articles];
-  return articles.filter((a) => a.title.toLowerCase().includes(q) || a.excerpt.toLowerCase().includes(q));
+export function searchArticles(articles: readonly HelpArticle[], query: string, locale?: string): HelpArticle[] {
+  return articles.filter((a) => matchText(a.title, query, { locale }) || matchText(a.excerpt, query, { locale }));
 }

package/src/incident-board/Page.tsx

@@ -1,3 +1,4 @@
+import { useI18n } from '@gntik-ai/ui';
 import { FilterBar, KpiRow, PageHeader, type ActiveFilter, type FilterField } from '@gntik-ai/blocks';
 import { Download, Plus } from '@gntik-ai/icons';
 import {
@@ -95,13 +96,17 @@ function IncidentBoard({
   onDeclare,
   onExport,
 }: BoardProps) {
+  const { locale } = useI18n();
   const announce = useAnnounce();
   const [columns, setColumns] = useState(defaultColumns);
   const [query, setQuery] = useState('');
   const [filters, setFilters] = useState<ActiveFilter[]>(defaultFilters);
   const [openId, setOpenId] = useState<string | null>(defaultOpenId);
 
-  const visible = columns.map((c) => ({ ...c, cards: c.cards.filter((i) => matchesTriage(i, query, filters)) }));
+  const visible = columns.map((c) => ({
+    ...c,
+    cards: c.cards.filter((i) => matchesTriage(i, query, filters, locale)),
+  }));
   const shown = visible.reduce((n, c) => n + c.cards.length, 0);
   const openColumn = columns.find((c) => c.cards.some((i) => i.id === openId));
   const open = openColumn?.cards.find((i) => i.id === openId);

package/src/incident-board/data.ts

@@ -1,3 +1,4 @@
+import { matchText } from '@gntik-ai/ui';
 import type { ActiveFilter, FilterField, KpiItem } from '@gntik-ai/blocks';
 import {
   moveKanbanCard,
@@ -169,9 +170,14 @@ export function triageFieldValue(i: TriageIncident, field: string): string | und
 }
 
 /** True when the incident matches the search text and every filtered field (OR within a field). */
-export function matchesTriage(i: TriageIncident, query: string, filters: readonly ActiveFilter[]): boolean {
-  const q = query.trim().toLowerCase();
-  if (q && ![i.id, i.title, i.service, i.owner].some((v) => v.toLowerCase().includes(q))) return false;
+export function matchesTriage(
+  i: TriageIncident,
+  query: string,
+  filters: readonly ActiveFilter[],
+  locale?: string,
+): boolean {
+  const q = query.trim();
+  if (q && ![i.id, i.title, i.service, i.owner].some((v) => matchText(v, q, { locale }))) return false;
   const byField = new Map<string, string[]>();
   for (const f of filters) byField.set(f.field, [...(byField.get(f.field) ?? []), f.value]);
   return [...byField].every(([field, values]) => values.includes(triageFieldValue(i, field) ?? ''));

package/src/keyboard-shortcuts/ShortcutSheet.tsx

@@ -1,3 +1,4 @@
+import { useI18n } from '@gntik-ai/ui';
 import { Keyboard, Search } from '@gntik-ai/icons';
 import { EmptyState, Grid, Heading, Input, KbdCombo, Stack, Text } from '@gntik-ai/ui';
 import { useId, useState } from 'react';
@@ -14,9 +15,10 @@ export interface ShortcutSheetProps {
 
 /** Searchable shortcut sheet shared by the page and the dialog. */
 export function ShortcutSheet({ groups, headingLevel = 2, columns = 2, autoFocus }: ShortcutSheetProps) {
+  const { locale } = useI18n();
   const [query, setQuery] = useState('');
   const countId = useId();
-  const visible = filterShortcuts(groups, query);
+  const visible = filterShortcuts(groups, query, locale);
   const total = visible.reduce((n, g) => n + g.shortcuts.length, 0);
   return (
     <Stack gap={5}>

package/src/keyboard-shortcuts/data.ts

@@ -1,3 +1,4 @@
+import { matchText } from '@gntik-ai/ui';
 import type { BreadcrumbItem } from '@gntik-ai/ui';
 
 export interface Shortcut {
@@ -67,7 +68,7 @@ export const shortcutGroups: ShortcutGroup[] = [
 ];
 
 /** Groups with only the shortcuts whose description or keys match the query. */
-export function filterShortcuts(groups: readonly ShortcutGroup[], query: string): ShortcutGroup[] {
+export function filterShortcuts(groups: readonly ShortcutGroup[], query: string, locale?: string): ShortcutGroup[] {
   const q = query.trim().toLowerCase();
   if (!q) return [...groups];
   return groups
@@ -75,8 +76,8 @@ export function filterShortcuts(groups: readonly ShortcutGroup[], query: string)
       ...g,
       shortcuts: g.shortcuts.filter(
         (s) =>
-          s.description.toLowerCase().includes(q) ||
-          g.title.toLowerCase().includes(q) ||
+          matchText(s.description, query, { locale }) ||
+          matchText(g.title, query, { locale }) ||
           [...s.keys, ...(s.then ?? [])].join(' ').toLowerCase() === q,
       ),
     }))

package/src/live-event-stream/Page.test.tsx

@@ -1,4 +1,4 @@
-import { render, screen, within } from '@testing-library/react';
+import { render, screen, within, waitFor } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { ThemeProvider } from '@gntik-ai/ui';
 import { expectNoAxeViolations } from '../test/a11y';
@@ -115,7 +115,9 @@ describe('LiveEventStreamPage', () => {
     const onSelectEvent = vi.fn();
     render(<LiveEventStreamPage status="live" events={events.slice(0, 2)} onSelectEvent={onSelectEvent} />);
     await user.click(screen.getByText('First record'));
-    expect(screen.getByRole('button', { name: 'Inspect event 12:00:00' })).toHaveAttribute('aria-pressed', 'true');
+    await waitFor(() =>
+      expect(screen.getByRole('button', { name: 'Inspect event 12:00:00' })).toHaveAttribute('aria-pressed', 'true'),
+    );
     const panel = screen.getByRole('complementary', { name: 'Event inspector' });
     expect(within(panel).getByRole('tree', { name: 'Event payload' })).toHaveTextContent('alpha');
     expect(onSelectEvent).toHaveBeenLastCalledWith(events[0]);
@@ -123,8 +125,10 @@ describe('LiveEventStreamPage', () => {
     await user.tab();
     expect(screen.getByRole('button', { name: 'Inspect event 12:00:01' })).toHaveFocus();
     await user.keyboard('{Enter}');
-    expect(screen.getByRole('button', { name: 'Inspect event 12:00:01' })).toHaveAttribute('aria-pressed', 'true');
-    expect(within(panel).getByRole('tree', { name: 'Event payload' })).toHaveTextContent('beta');
+    await waitFor(() =>
+      expect(screen.getByRole('button', { name: 'Inspect event 12:00:01' })).toHaveAttribute('aria-pressed', 'true'),
+    );
+    await waitFor(() => expect(within(panel).getByRole('tree', { name: 'Event payload' })).toHaveTextContent('beta'));
     expect(onSelectEvent).toHaveBeenLastCalledWith(events[1]);
     await expectNoAxeViolations();
   });

package/src/resource-gallery/Page.tsx

@@ -1,3 +1,4 @@
+import { useI18n } from '@gntik-ai/ui';
 import {
   DataTable,
   NoResultsEmpty,
@@ -43,10 +44,11 @@ export default function ResourceGalleryPage({
   onAction,
   shell,
 }: Partial<ResourceGalleryProps>) {
+  const { locale } = useI18n();
   const [items, setItems] = useState<readonly ResourceCard[]>(initialItems);
   const [view, setView] = useState<GalleryView>(defaultView);
   const [query, setQuery] = useState('');
-  const visible = searchResources(items, query);
+  const visible = searchResources(items, query, locale);
 
   const handleAction = (action: ResourceAction, item: ResourceCard) => {
     if (onAction) onAction(action, item);

package/src/resource-gallery/data.ts

@@ -1,3 +1,4 @@
+import { matchText } from '@gntik-ai/ui';
 import { RESOURCE_CARDS, type DataTableColumn, type PageToolbarView, type ResourceCard } from '@gntik-ai/blocks';
 import { LayoutGrid, Table2 } from '@gntik-ai/icons';
 import { StatusTag, type BreadcrumbItem } from '@gntik-ai/ui';
@@ -37,8 +38,6 @@ export const galleryColumns: DataTableColumn<ResourceCard>[] = [
 ];
 
 /** Case-insensitive search over name and description. */
-export function searchResources(items: readonly ResourceCard[], query: string): ResourceCard[] {
-  const q = query.trim().toLowerCase();
-  if (!q) return [...items];
-  return items.filter((i) => i.name.toLowerCase().includes(q) || (i.description ?? '').toLowerCase().includes(q));
+export function searchResources(items: readonly ResourceCard[], query: string, locale?: string): ResourceCard[] {
+  return items.filter((i) => matchText(i.name, query, { locale }) || matchText(i.description ?? '', query, { locale }));
 }

package/src/resource-index/Page.tsx

@@ -1,3 +1,4 @@
+import { useI18n } from '@gntik-ai/ui';
 import {
   BulkActionBar,
   DataTable,
@@ -92,11 +93,12 @@ export default function ResourceIndexPage<T extends object = ResourceRow>({
   loading = false,
   shell,
 }: Partial<ResourceIndexProps<T>>) {
+  const { locale } = useI18n();
   const [rows, setRows] = useState<readonly T[]>(initialRows);
   const [query, setQuery] = useState('');
   const [filters, setFilters] = useState<ActiveFilter[]>([]);
   const [selected, setSelected] = useState<string[]>([]);
-  const visible = filterResources(rows, query, filters, columns);
+  const visible = filterResources(rows, query, filters, columns, locale);
   const visibleSelected = selected.filter((id) => visible.some((r) => getRowId(r) === id));
   const tableColumns = useMemo(
     () => linkColumns(columns, linkColumnId ?? columns[0]?.id, getRowHref, onRowClick),

package/src/resource-index/data.ts

@@ -1,3 +1,4 @@
+import { matchText } from '@gntik-ai/ui';
 import {
   DEPLOYMENT_COLUMNS,
   DEPLOYMENT_ROWS,
@@ -62,18 +63,20 @@ export function filterResources<T extends object = ResourceRow>(
   query: string,
   filters: readonly ActiveFilter[],
   columns?: ReadonlyArray<Column<T>>,
+  locale?: string,
 ): T[] {
-  const q = query.trim().toLowerCase();
+  const q = query.trim();
   const byField = new Map<string, string[]>();
   for (const f of filters) byField.set(f.field, [...(byField.get(f.field) ?? []), f.value.toLowerCase()]);
   return rows.filter((row) => {
     if (q) {
       const r = row as Record<string, unknown>;
-      let haystack = [r.name, r.id].map(text).filter((v) => v !== undefined);
+      const searchText = (v: unknown) => (typeof v === 'string' || typeof v === 'number' ? String(v) : undefined);
+      let haystack = [r.name, r.id].map(searchText).filter((v) => v !== undefined);
       // Rows without a name/id: search every column value instead.
       if (haystack.length === 0 && columns)
-        haystack = columns.map((c) => text(c.accessor?.(row))).filter((v) => v !== undefined);
-      if (!haystack.some((v) => v.includes(q))) return false;
+        haystack = columns.map((c) => searchText(c.accessor?.(row))).filter((v) => v !== undefined);
+      if (!haystack.some((v) => matchText(v, q, { locale }))) return false;
     }
     for (const [field, values] of byField) {
       const value = text(fieldValue(row, field, columns));

package/src/search-results/Page.tsx

@@ -1,6 +1,7 @@
 import { NoResultsEmpty, PageHeader, SectionHeader } from '@gntik-ai/blocks';
 import { Search } from '@gntik-ai/icons';
 import {
+  matchText,
   Checkbox,
   CheckboxGroup,
   Grid,
@@ -46,14 +47,13 @@ const EMPTY_SELECTION: SearchSelection = { type: [], owner: [] };
 const facetValue = (hit: SearchHit, facet: SearchFacet['id']) => (facet === 'type' ? hit.type : hit.owner);
 
 /** Hits whose title or snippet contain the query (case-insensitive). */
-export function matchQuery(hits: readonly SearchHit[], query: string) {
-  const q = query.trim().toLowerCase();
-  return q ? hits.filter((h) => `${h.title} ${h.snippet}`.toLowerCase().includes(q)) : [...hits];
+export function matchQuery(hits: readonly SearchHit[], query: string, locale?: string) {
+  return hits.filter((h) => matchText(`${h.title} ${h.snippet}`, query, { locale }));
 }
 
 /** Search results: ConsoleShell + Page with Checkbox-group facets and results grouped by type. */
 export default function SearchResultsPage(props: Partial<SearchResultsProps>) {
-  const { t } = useI18n();
+  const { t, locale } = useI18n();
   const {
     hits = searchHits,
     facets = searchFacets,
@@ -69,7 +69,7 @@ export default function SearchResultsPage(props: Partial<SearchResultsProps>) {
   const [query, setQuery] = useState(defaultQuery);
   const [selection, setSelection] = useState<SearchSelection>(EMPTY_SELECTION);
 
-  const matched = matchQuery(hits, query);
+  const matched = matchQuery(hits, query, locale);
   const results = matched.filter((h) =>
     (Object.keys(selection) as Array<SearchFacet['id']>).every(
       (f) => selection[f].length === 0 || selection[f].includes(facetValue(h, f)),

package/src/test/match-text.test.ts

@@ -0,0 +1,51 @@
+import { matchesTriage, triageColumns } from '../incident-board/data';
+import { filterUsage, usageRows } from '../usage-analytics/data';
+import { filterShortcuts } from '../keyboard-shortcuts/data';
+import { filterAuditEvents } from '../audit-log/Page';
+import { auditEvents } from '../audit-log/data';
+import { filterResources } from '../resource-index/data';
+import { searchResources, galleryItems } from '../resource-gallery/data';
+import { searchArticles, helpArticles } from '../help-home/data';
+import { matchQuery } from '../search-results/Page';
+import { searchHits } from '../search-results/data';
+
+it('search-results finds an accented title', () => {
+  const row = { ...searchHits[0]!, title: 'Función' };
+  expect(matchQuery([row], 'funcion')).toEqual([row]);
+});
+
+it('help-home finds an accented title', () => {
+  const row = { ...helpArticles[0]!, title: 'Función' };
+  expect(searchArticles([row], 'funcion')).toEqual([row]);
+});
+
+it('resource-gallery finds an accented name', () => {
+  const row = { ...galleryItems[0]!, name: 'Función' };
+  expect(searchResources([row], 'funcion')).toEqual([row]);
+});
+
+it('resource-index folds free text and keeps facets accent-sensitive', () => {
+  const row = { id: 'function', name: 'Función', status: 'Función' };
+  expect(filterResources([row], 'funcion', [])).toEqual([row]);
+  expect(filterResources([row], '', [{ field: 'status', value: 'funcion' }])).toEqual([]);
+});
+
+it('audit-log finds an accented target', () => {
+  const row = { ...auditEvents[0]!, target: 'Función' };
+  expect(filterAuditEvents([row], 'funcion', [], { start: null, end: null })).toEqual([row]);
+});
+
+it('keyboard-shortcuts finds an accented description', () => {
+  const row = { id: 'actions', title: 'Actions', shortcuts: [{ id: 'function', description: 'Función', keys: ['F'] }] };
+  expect(filterShortcuts([row], 'funcion')).toEqual([row]);
+});
+
+it('usage-analytics finds an accented project', () => {
+  const row = { ...usageRows[0]!, project: 'Función' };
+  expect(filterUsage([row], 'funcion', [])).toEqual([row]);
+});
+
+it('incident-board finds an accented title', () => {
+  const row = { ...triageColumns[0]!.cards[0]!, title: 'Función' };
+  expect(matchesTriage(row, 'funcion', [])).toBe(true);
+});

package/src/usage-analytics/Page.tsx

@@ -1,3 +1,4 @@
+import { useI18n } from '@gntik-ai/ui';
 import {
   ChartCard,
   DataTable,
@@ -100,11 +101,12 @@ export default function UsageAnalyticsPage<P extends object = CostPoint, T exten
   onExport,
   shell,
 }: Partial<UsageAnalyticsProps<P, T>>) {
+  const { locale } = useI18n();
   const secondary = { ...(TRAFFIC_CHART as unknown as UsageSecondaryChart<T>), ...secondaryChart };
   const [range, setRange] = useState<DateRange | null>(null);
   const [query, setQuery] = useState('');
   const [filters, setFilters] = useState<ActiveFilter[]>([]);
-  const visible = filterUsage(rows, query, filters);
+  const visible = filterUsage(rows, query, filters, locale);
 
   const clearFilters = () => setFilters([]);
   const exportAction = {

package/src/usage-analytics/data.ts

@@ -1,3 +1,4 @@
+import { matchText } from '@gntik-ai/ui';
 import type { ActiveFilter, ChartCardRange, DataTableColumn, FilterField, SavedView } from '@gntik-ai/blocks';
 import type { BreadcrumbItem } from '@gntik-ai/ui';
 
@@ -68,12 +69,17 @@ export const usageSavedViews: SavedView[] = [
  * Search by project name; filters match the row field named by the filter id (same field OR,
  * across fields AND). Filters on fields the row does not have are ignored.
  */
-export function filterUsage(rows: readonly UsageRow[], query: string, filters: readonly ActiveFilter[]): UsageRow[] {
-  const q = query.trim().toLowerCase();
+export function filterUsage(
+  rows: readonly UsageRow[],
+  query: string,
+  filters: readonly ActiveFilter[],
+  locale?: string,
+): UsageRow[] {
+  const q = query.trim();
   const byField = new Map<string, string[]>();
   for (const f of filters) byField.set(f.field, [...(byField.get(f.field) ?? []), f.value]);
   return rows.filter((row) => {
-    if (q && !row.project.toLowerCase().includes(q)) return false;
+    if (q && !matchText(row.project, q, { locale })) return false;
     for (const [field, values] of byField) {
       const value: unknown = (row as unknown as Record<string, unknown>)[field];
       if (value !== undefined && value !== null && !values.includes(String(value))) return false;