@open-mercato/core 0.5.1-develop.2856.35de414092 → 0.5.1-develop.2874.77704bccbd

package/dist/modules/customers/widgets/dashboard/new-customers/widget.client.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/customers/widgets/dashboard/new-customers/widget.client.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport type { DashboardWidgetComponentProps } from '@open-mercato/shared/modules/dashboard/widgets'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport {\n  DEFAULT_SETTINGS,\n  hydrateNewCustomersSettings,\n  type CustomerNewCustomersSettings,\n} from './config'\n\ntype NewCustomerItem = {\n  id: string\n  displayName: string | null\n  kind: string | null\n  createdAt: string\n}\n\nasync function loadNewCustomers(settings: CustomerNewCustomersSettings): Promise<NewCustomerItem[]> {\n  const params = new URLSearchParams({\n    limit: String(settings.pageSize),\n  })\n  if (settings.kind !== 'all') {\n    params.set('kind', settings.kind)\n  }\n  const call = await apiCall<{ items?: unknown[]; error?: string }>(\n    `/api/customers/dashboard/widgets/new-customers?${params.toString()}`,\n  )\n  if (!call.ok) {\n    const message =\n      typeof (call.result as Record<string, unknown> | null)?.error === 'string'\n        ? ((call.result as Record<string, unknown>).error as string)\n        : `Request failed with status ${call.status}`\n    throw new Error(message)\n  }\n  const payload = call.result ?? {}\n  const rawItems = Array.isArray((payload as { items?: unknown[] }).items)\n    ? (payload as { items: unknown[] }).items\n    : []\n  return rawItems\n    .map((item: unknown): NewCustomerItem | null => {\n      if (!item || typeof item !== 'object') return null\n      const data = item as any\n      return {\n        id: typeof data.id === 'string' ? data.id : null,\n        displayName: typeof data.displayName === 'string' ? data.displayName : null,\n        kind: typeof data.kind === 'string' ? data.kind : null,\n        createdAt: typeof data.createdAt === 'string' ? data.createdAt : '',\n      }\n    })\n    .filter((item: NewCustomerItem | null): item is NewCustomerItem => !!item && !!item.id && !!item.createdAt)\n}\n\nfunction resolveDetailHref(item: NewCustomerItem): string | null {\n  if (!item.id || !item.kind) return null\n  if (item.kind === 'company') return `/backend/customers/companies-v2/${encodeURIComponent(item.id)}`\n  if (item.kind === 'person') return `/backend/customers/people-v2/${encodeURIComponent(item.id)}`\n  return null\n}\n\nfunction formatDate(value: string | null, locale?: string): string {\n  if (!value) return ''\n  const date = new Date(value)\n  if (Number.isNaN(date.getTime())) return ''\n  return date.toLocaleString(locale ?? undefined, { dateStyle: 'medium', timeStyle: 'short' })\n}\n\nfunction formatKind(kind: string | null, t: (key: string) => string): string {\n  if (kind === 'person') return t('customers.widgets.newCustomers.kind.person')\n  if (kind === 'company') return t('customers.widgets.newCustomers.kind.company')\n  return t('customers.widgets.newCustomers.kind.unknown')\n}\n\nconst CustomerNewCustomersWidget: React.FC<DashboardWidgetComponentProps<CustomerNewCustomersSettings>> = ({\n  mode,\n  settings = DEFAULT_SETTINGS,\n  onSettingsChange,\n  refreshToken,\n  onRefreshStateChange,\n}) => {\n  const t = useT()\n  const hydrated = React.useMemo(() => hydrateNewCustomersSettings(settings), [settings])\n  const [items, setItems] = React.useState<NewCustomerItem[]>([])\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const [locale, setLocale] = React.useState<string | undefined>(undefined)\n\n  React.useEffect(() => {\n    if (typeof navigator !== 'undefined') {\n      setLocale(navigator.language)\n    }\n  }, [])\n\n  const refresh = React.useCallback(async () => {\n    onRefreshStateChange?.(true)\n    setLoading(true)\n    setError(null)\n    try {\n      const data = await loadNewCustomers(hydrated)\n      setItems(data)\n    } catch (err) {\n      console.error('Failed to load new customers widget data', err)\n      setError(t('customers.widgets.newCustomers.error'))\n    } finally {\n      setLoading(false)\n      onRefreshStateChange?.(false)\n    }\n  }, [hydrated, onRefreshStateChange, t])\n\n  React.useEffect(() => {\n    refresh().catch(() => {})\n  }, [refresh, refreshToken])\n\n  if (mode === 'settings') {\n    return (\n      <div className=\"space-y-4 text-sm\">\n        <div className=\"space-y-1.5\">\n          <label htmlFor=\"customer-new-customers-page-size\" className=\"text-xs font-semibold uppercase text-muted-foreground\">\n            {t('customers.widgets.newCustomers.settings.pageSize')}\n          </label>\n          <input\n            id=\"customer-new-customers-page-size\"\n            type=\"number\"\n            min={1}\n            max={20}\n            className=\"w-24 rounded-md border px-2 py-1 text-sm focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary\"\n            value={hydrated.pageSize}\n            onChange={(event) => {\n              const next = Number(event.target.value)\n              onSettingsChange({ ...hydrated, pageSize: Number.isFinite(next) ? next : hydrated.pageSize })\n            }}\n          />\n        </div>\n        <div className=\"space-y-1.5\">\n          <label htmlFor=\"customer-new-customers-kind\" className=\"text-xs font-semibold uppercase text-muted-foreground\">\n            {t('customers.widgets.newCustomers.settings.kind')}\n          </label>\n          <select\n            id=\"customer-new-customers-kind\"\n            className=\"w-full rounded-md border px-2 py-1 text-sm focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary\"\n            value={hydrated.kind}\n            onChange={(event) => {\n              const value = event.target.value\n              if (value === 'person' || value === 'company' || value === 'all') {\n                onSettingsChange({ ...hydrated, kind: value })\n              }\n            }}\n          >\n            <option value=\"all\">{t('customers.widgets.newCustomers.filters.all')}</option>\n            <option value=\"person\">{t('customers.widgets.newCustomers.filters.person')}</option>\n            <option value=\"company\">{t('customers.widgets.newCustomers.filters.company')}</option>\n          </select>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      {error ? (\n        <p className=\"text-sm text-destructive\">{error}</p>\n      ) : loading ? (\n        <div className=\"flex h-32 items-center justify-center\">\n          <Spinner className=\"h-6 w-6 text-muted-foreground\" />\n        </div>\n      ) : items.length === 0 ? (\n        <p className=\"text-sm text-muted-foreground\">{t('customers.widgets.newCustomers.empty')}</p>\n      ) : (\n        <ul className=\"space-y-3\">\n          {items.map((item) => {\n            const href = resolveDetailHref(item)\n            const createdLabel = formatDate(item.createdAt, locale)\n            return (\n              <li key={item.id} className=\"rounded-md border p-3\">\n                <div className=\"flex items-start justify-between gap-3\">\n                  <div>\n                    <p className=\"text-sm font-medium\">{item.displayName ?? t('customers.widgets.common.unknown')}</p>\n                    <p className=\"text-xs text-muted-foreground\">{formatKind(item.kind, t)}</p>\n                  </div>\n                  <p className=\"text-xs text-muted-foreground\">{createdLabel || t('customers.widgets.common.unknownDate')}</p>\n                </div>\n                {href ? (\n                  <div className=\"mt-2 text-xs\">\n                    <Link className=\"text-primary hover:underline\" href={href}>\n                      {t('customers.widgets.common.viewRecord')}\n                    </Link>\n                  </div>\n                ) : null}\n              </li>\n            )\n          })}\n        </ul>\n      )}\n    </div>\n  )\n}\n\nexport default CustomerNewCustomersWidget\n"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport type { DashboardWidgetComponentProps } from '@open-mercato/shared/modules/dashboard/widgets'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport {\n  DEFAULT_SETTINGS,\n  hydrateNewCustomersSettings,\n  type CustomerNewCustomersSettings,\n} from './config'\n\ntype NewCustomerItem = {\n  id: string\n  displayName: string | null\n  kind: string | null\n  createdAt: string\n}\n\nasync function loadNewCustomers(settings: CustomerNewCustomersSettings): Promise<NewCustomerItem[]> {\n  const params = new URLSearchParams({\n    limit: String(settings.pageSize),\n  })\n  if (settings.kind !== 'all') {\n    params.set('kind', settings.kind)\n  }\n  const call = await apiCall<{ items?: unknown[]; error?: string }>(\n    `/api/customers/dashboard/widgets/new-customers?${params.toString()}`,\n  )\n  if (!call.ok) {\n    const message =\n      typeof (call.result as Record<string, unknown> | null)?.error === 'string'\n        ? ((call.result as Record<string, unknown>).error as string)\n        : `Request failed with status ${call.status}`\n    throw new Error(message)\n  }\n  const payload = call.result ?? {}\n  const rawItems = Array.isArray((payload as { items?: unknown[] }).items)\n    ? (payload as { items: unknown[] }).items\n    : []\n  return rawItems\n    .map((item: unknown): NewCustomerItem | null => {\n      if (!item || typeof item !== 'object') return null\n      const data = item as any\n      return {\n        id: typeof data.id === 'string' ? data.id : null,\n        displayName: typeof data.displayName === 'string' ? data.displayName : null,\n        kind: typeof data.kind === 'string' ? data.kind : null,\n        createdAt: typeof data.createdAt === 'string' ? data.createdAt : '',\n      }\n    })\n    .filter((item: NewCustomerItem | null): item is NewCustomerItem => !!item && !!item.id && !!item.createdAt)\n}\n\nfunction resolveDetailHref(item: NewCustomerItem): string | null {\n  if (!item.id || !item.kind) return null\n  if (item.kind === 'company') return `/backend/customers/companies-v2/${encodeURIComponent(item.id)}`\n  if (item.kind === 'person') return `/backend/customers/people-v2/${encodeURIComponent(item.id)}`\n  return null\n}\n\nfunction formatDate(value: string | null, locale?: string): string {\n  if (!value) return ''\n  const date = new Date(value)\n  if (Number.isNaN(date.getTime())) return ''\n  return date.toLocaleString(locale ?? undefined, { dateStyle: 'medium', timeStyle: 'short' })\n}\n\nfunction formatKind(kind: string | null, t: (key: string) => string): string {\n  if (kind === 'person') return t('customers.widgets.newCustomers.kind.person')\n  if (kind === 'company') return t('customers.widgets.newCustomers.kind.company')\n  return t('customers.widgets.newCustomers.kind.unknown')\n}\n\nconst CustomerNewCustomersWidget: React.FC<DashboardWidgetComponentProps<CustomerNewCustomersSettings>> = ({\n  mode,\n  settings = DEFAULT_SETTINGS,\n  onSettingsChange,\n  refreshToken,\n  onRefreshStateChange,\n}) => {\n  const t = useT()\n  const hydrated = React.useMemo(() => hydrateNewCustomersSettings(settings), [settings])\n  const [items, setItems] = React.useState<NewCustomerItem[]>([])\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const [locale, setLocale] = React.useState<string | undefined>(undefined)\n\n  React.useEffect(() => {\n    if (typeof navigator !== 'undefined') {\n      setLocale(navigator.language)\n    }\n  }, [])\n\n  const refresh = React.useCallback(async () => {\n    onRefreshStateChange?.(true)\n    setLoading(true)\n    setError(null)\n    try {\n      const data = await loadNewCustomers(hydrated)\n      setItems(data)\n    } catch (err) {\n      console.error('Failed to load new customers widget data', err)\n      setError(t('customers.widgets.newCustomers.error'))\n    } finally {\n      setLoading(false)\n      onRefreshStateChange?.(false)\n    }\n  }, [hydrated, onRefreshStateChange, t])\n\n  React.useEffect(() => {\n    refresh().catch(() => {})\n  }, [refresh, refreshToken])\n\n  if (mode === 'settings') {\n    return (\n      <div className=\"space-y-4 text-sm\">\n        <div className=\"space-y-1.5\">\n          <label htmlFor=\"customer-new-customers-page-size\" className=\"text-xs font-semibold uppercase text-muted-foreground\">\n            {t('customers.widgets.newCustomers.settings.pageSize')}\n          </label>\n          <input\n            id=\"customer-new-customers-page-size\"\n            type=\"number\"\n            min={1}\n            max={20}\n            className=\"w-24 rounded-md border px-2 py-1 text-sm focus-visible:border-ring focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"\n            value={hydrated.pageSize}\n            onChange={(event) => {\n              const next = Number(event.target.value)\n              onSettingsChange({ ...hydrated, pageSize: Number.isFinite(next) ? next : hydrated.pageSize })\n            }}\n          />\n        </div>\n        <div className=\"space-y-1.5\">\n          <label htmlFor=\"customer-new-customers-kind\" className=\"text-xs font-semibold uppercase text-muted-foreground\">\n            {t('customers.widgets.newCustomers.settings.kind')}\n          </label>\n          <select\n            id=\"customer-new-customers-kind\"\n            className=\"w-full rounded-md border px-2 py-1 text-sm focus-visible:border-ring focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"\n            value={hydrated.kind}\n            onChange={(event) => {\n              const value = event.target.value\n              if (value === 'person' || value === 'company' || value === 'all') {\n                onSettingsChange({ ...hydrated, kind: value })\n              }\n            }}\n          >\n            <option value=\"all\">{t('customers.widgets.newCustomers.filters.all')}</option>\n            <option value=\"person\">{t('customers.widgets.newCustomers.filters.person')}</option>\n            <option value=\"company\">{t('customers.widgets.newCustomers.filters.company')}</option>\n          </select>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      {error ? (\n        <p className=\"text-sm text-destructive\">{error}</p>\n      ) : loading ? (\n        <div className=\"flex h-32 items-center justify-center\">\n          <Spinner className=\"h-6 w-6 text-muted-foreground\" />\n        </div>\n      ) : items.length === 0 ? (\n        <p className=\"text-sm text-muted-foreground\">{t('customers.widgets.newCustomers.empty')}</p>\n      ) : (\n        <ul className=\"space-y-3\">\n          {items.map((item) => {\n            const href = resolveDetailHref(item)\n            const createdLabel = formatDate(item.createdAt, locale)\n            return (\n              <li key={item.id} className=\"rounded-md border p-3\">\n                <div className=\"flex items-start justify-between gap-3\">\n                  <div>\n                    <p className=\"text-sm font-medium\">{item.displayName ?? t('customers.widgets.common.unknown')}</p>\n                    <p className=\"text-xs text-muted-foreground\">{formatKind(item.kind, t)}</p>\n                  </div>\n                  <p className=\"text-xs text-muted-foreground\">{createdLabel || t('customers.widgets.common.unknownDate')}</p>\n                </div>\n                {href ? (\n                  <div className=\"mt-2 text-xs\">\n                    <Link className=\"text-primary hover:underline\" href={href}>\n                      {t('customers.widgets.common.viewRecord')}\n                    </Link>\n                  </div>\n                ) : null}\n              </li>\n            )\n          })}\n        </ul>\n      )}\n    </div>\n  )\n}\n\nexport default CustomerNewCustomersWidget\n"],
   "mappings": ";AAuHQ,SACE,KADF;AArHR,YAAY,WAAW;AACvB,OAAO,UAAU;AAEjB,SAAS,eAAe;AACxB,SAAS,eAAe;AACxB,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AASP,eAAe,iBAAiB,UAAoE;AAClG,QAAM,SAAS,IAAI,gBAAgB;AAAA,IACjC,OAAO,OAAO,SAAS,QAAQ;AAAA,EACjC,CAAC;AACD,MAAI,SAAS,SAAS,OAAO;AAC3B,WAAO,IAAI,QAAQ,SAAS,IAAI;AAAA,EAClC;AACA,QAAM,OAAO,MAAM;AAAA,IACjB,kDAAkD,OAAO,SAAS,CAAC;AAAA,EACrE;AACA,MAAI,CAAC,KAAK,IAAI;AACZ,UAAM,UACJ,OAAQ,KAAK,QAA2C,UAAU,WAC5D,KAAK,OAAmC,QAC1C,8BAA8B,KAAK,MAAM;AAC/C,UAAM,IAAI,MAAM,OAAO;AAAA,EACzB;AACA,QAAM,UAAU,KAAK,UAAU,CAAC;AAChC,QAAM,WAAW,MAAM,QAAS,QAAkC,KAAK,IAClE,QAAiC,QAClC,CAAC;AACL,SAAO,SACJ,IAAI,CAAC,SAA0C;AAC9C,QAAI,CAAC,QAAQ,OAAO,SAAS,SAAU,QAAO;AAC9C,UAAM,OAAO;AACb,WAAO;AAAA,MACL,IAAI,OAAO,KAAK,OAAO,WAAW,KAAK,KAAK;AAAA,MAC5C,aAAa,OAAO,KAAK,gBAAgB,WAAW,KAAK,cAAc;AAAA,MACvE,MAAM,OAAO,KAAK,SAAS,WAAW,KAAK,OAAO;AAAA,MAClD,WAAW,OAAO,KAAK,cAAc,WAAW,KAAK,YAAY;AAAA,IACnE;AAAA,EACF,CAAC,EACA,OAAO,CAAC,SAA0D,CAAC,CAAC,QAAQ,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,KAAK,SAAS;AAC9G;AAEA,SAAS,kBAAkB,MAAsC;AAC/D,MAAI,CAAC,KAAK,MAAM,CAAC,KAAK,KAAM,QAAO;AACnC,MAAI,KAAK,SAAS,UAAW,QAAO,mCAAmC,mBAAmB,KAAK,EAAE,CAAC;AAClG,MAAI,KAAK,SAAS,SAAU,QAAO,gCAAgC,mBAAmB,KAAK,EAAE,CAAC;AAC9F,SAAO;AACT;AAEA,SAAS,WAAW,OAAsB,QAAyB;AACjE,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,OAAO,IAAI,KAAK,KAAK;AAC3B,MAAI,OAAO,MAAM,KAAK,QAAQ,CAAC,EAAG,QAAO;AACzC,SAAO,KAAK,eAAe,UAAU,QAAW,EAAE,WAAW,UAAU,WAAW,QAAQ,CAAC;AAC7F;AAEA,SAAS,WAAW,MAAqB,GAAoC;AAC3E,MAAI,SAAS,SAAU,QAAO,EAAE,4CAA4C;AAC5E,MAAI,SAAS,UAAW,QAAO,EAAE,6CAA6C;AAC9E,SAAO,EAAE,6CAA6C;AACxD;AAEA,MAAM,6BAAoG,CAAC;AAAA,EACzG;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,IAAI,KAAK;AACf,QAAM,WAAW,MAAM,QAAQ,MAAM,4BAA4B,QAAQ,GAAG,CAAC,QAAQ,CAAC;AACtF,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAA4B,CAAC,CAAC;AAC9D,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,IAAI;AACjD,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAwB,IAAI;AAC5D,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAA6B,MAAS;AAExE,QAAM,UAAU,MAAM;AACpB,QAAI,OAAO,cAAc,aAAa;AACpC,gBAAU,UAAU,QAAQ;AAAA,IAC9B;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,UAAU,MAAM,YAAY,YAAY;AAC5C,2BAAuB,IAAI;AAC3B,eAAW,IAAI;AACf,aAAS,IAAI;AACb,QAAI;AACF,YAAM,OAAO,MAAM,iBAAiB,QAAQ;AAC5C,eAAS,IAAI;AAAA,IACf,SAAS,KAAK;AACZ,cAAQ,MAAM,4CAA4C,GAAG;AAC7D,eAAS,EAAE,sCAAsC,CAAC;AAAA,IACpD,UAAE;AACA,iBAAW,KAAK;AAChB,6BAAuB,KAAK;AAAA,IAC9B;AAAA,EACF,GAAG,CAAC,UAAU,sBAAsB,CAAC,CAAC;AAEtC,QAAM,UAAU,MAAM;AACpB,YAAQ,EAAE,MAAM,MAAM;AAAA,IAAC,CAAC;AAAA,EAC1B,GAAG,CAAC,SAAS,YAAY,CAAC;AAE1B,MAAI,SAAS,YAAY;AACvB,WACE,qBAAC,SAAI,WAAU,qBACb;AAAA,2BAAC,SAAI,WAAU,eACb;AAAA,4BAAC,WAAM,SAAQ,oCAAmC,WAAU,yDACzD,YAAE,kDAAkD,GACvD;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACL,KAAK;AAAA,YACL,KAAK;AAAA,YACL,WAAU;AAAA,YACV,OAAO,SAAS;AAAA,YAChB,UAAU,CAAC,UAAU;AACnB,oBAAM,OAAO,OAAO,MAAM,OAAO,KAAK;AACtC,+BAAiB,EAAE,GAAG,UAAU,UAAU,OAAO,SAAS,IAAI,IAAI,OAAO,SAAS,SAAS,CAAC;AAAA,YAC9F;AAAA;AAAA,QACF;AAAA,SACF;AAAA,MACA,qBAAC,SAAI,WAAU,eACb;AAAA,4BAAC,WAAM,SAAQ,+BAA8B,WAAU,yDACpD,YAAE,8CAA8C,GACnD;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,WAAU;AAAA,YACV,OAAO,SAAS;AAAA,YAChB,UAAU,CAAC,UAAU;AACnB,oBAAM,QAAQ,MAAM,OAAO;AAC3B,kBAAI,UAAU,YAAY,UAAU,aAAa,UAAU,OAAO;AAChE,iCAAiB,EAAE,GAAG,UAAU,MAAM,MAAM,CAAC;AAAA,cAC/C;AAAA,YACF;AAAA,YAEA;AAAA,kCAAC,YAAO,OAAM,OAAO,YAAE,4CAA4C,GAAE;AAAA,cACrE,oBAAC,YAAO,OAAM,UAAU,YAAE,+CAA+C,GAAE;AAAA,cAC3E,oBAAC,YAAO,OAAM,WAAW,YAAE,gDAAgD,GAAE;AAAA;AAAA;AAAA,QAC/E;AAAA,SACF;AAAA,OACF;AAAA,EAEJ;AAEA,SACE,oBAAC,SAAI,WAAU,aACZ,kBACC,oBAAC,OAAE,WAAU,4BAA4B,iBAAM,IAC7C,UACF,oBAAC,SAAI,WAAU,yCACb,8BAAC,WAAQ,WAAU,iCAAgC,GACrD,IACE,MAAM,WAAW,IACnB,oBAAC,OAAE,WAAU,iCAAiC,YAAE,sCAAsC,GAAE,IAExF,oBAAC,QAAG,WAAU,aACX,gBAAM,IAAI,CAAC,SAAS;AACnB,UAAM,OAAO,kBAAkB,IAAI;AACnC,UAAM,eAAe,WAAW,KAAK,WAAW,MAAM;AACtD,WACE,qBAAC,QAAiB,WAAU,yBAC1B;AAAA,2BAAC,SAAI,WAAU,0CACb;AAAA,6BAAC,SACC;AAAA,8BAAC,OAAE,WAAU,uBAAuB,eAAK,eAAe,EAAE,kCAAkC,GAAE;AAAA,UAC9F,oBAAC,OAAE,WAAU,iCAAiC,qBAAW,KAAK,MAAM,CAAC,GAAE;AAAA,WACzE;AAAA,QACA,oBAAC,OAAE,WAAU,iCAAiC,0BAAgB,EAAE,sCAAsC,GAAE;AAAA,SAC1G;AAAA,MACC,OACC,oBAAC,SAAI,WAAU,gBACb,8BAAC,QAAK,WAAU,gCAA+B,MAC5C,YAAE,qCAAqC,GAC1C,GACF,IACE;AAAA,SAdG,KAAK,EAed;AAAA,EAEJ,CAAC,GACH,GAEJ;AAEJ;AAEA,IAAO,wBAAQ;",
   "names": []
 }

package/dist/modules/customers/widgets/dashboard/new-deals/widget.client.js

@@ -85,7 +85,7 @@ const CustomerNewDealsWidget = ({
           type: "number",
           min: 1,
           max: 20,
-          className: "w-24 rounded-md border px-2 py-1 text-sm focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary",
+          className: "w-24 rounded-md border px-2 py-1 text-sm focus-visible:border-ring focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
           value: hydrated.pageSize,
           onChange: (event) => {
             const next = Number(event.target.value);

package/dist/modules/customers/widgets/dashboard/new-deals/widget.client.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/customers/widgets/dashboard/new-deals/widget.client.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport type { DashboardWidgetComponentProps } from '@open-mercato/shared/modules/dashboard/widgets'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { DEFAULT_SETTINGS, hydrateNewDealsSettings, type CustomerNewDealsSettings } from './config'\n\ntype NewDealItem = {\n  id: string\n  title: string | null\n  status: string | null\n  createdAt: string\n}\n\nasync function loadNewDeals(settings: CustomerNewDealsSettings): Promise<NewDealItem[]> {\n  const params = new URLSearchParams({ limit: String(settings.pageSize) })\n  const call = await apiCall<{ items?: unknown[]; error?: string }>(\n    `/api/customers/dashboard/widgets/new-deals?${params.toString()}`,\n  )\n  if (!call.ok) {\n    const message =\n      typeof (call.result as Record<string, unknown> | null)?.error === 'string'\n        ? ((call.result as Record<string, unknown>).error as string)\n        : `Request failed with status ${call.status}`\n    throw new Error(message)\n  }\n  const payload = call.result ?? {}\n  const rawItems = Array.isArray((payload as { items?: unknown[] }).items)\n    ? (payload as { items: unknown[] }).items\n    : []\n  return rawItems\n    .map((item: unknown): NewDealItem | null => {\n      if (!item || typeof item !== 'object') return null\n      const data = item as any\n      return {\n        id: typeof data.id === 'string' ? data.id : null,\n        title: typeof data.title === 'string' ? data.title : null,\n        status: typeof data.status === 'string' ? data.status : null,\n        createdAt: typeof data.createdAt === 'string' ? data.createdAt : '',\n      }\n    })\n    .filter((item: NewDealItem | null): item is NewDealItem => !!item && !!item.id && !!item.createdAt)\n}\n\nfunction resolveDetailHref(item: NewDealItem): string | null {\n  if (!item.id) return null\n  return `/backend/customers/deals/${encodeURIComponent(item.id)}`\n}\n\nfunction formatDate(value: string | null, locale?: string): string {\n  if (!value) return ''\n  const date = new Date(value)\n  if (Number.isNaN(date.getTime())) return ''\n  return date.toLocaleString(locale ?? undefined, { dateStyle: 'medium', timeStyle: 'short' })\n}\n\nconst CustomerNewDealsWidget: React.FC<DashboardWidgetComponentProps<CustomerNewDealsSettings>> = ({\n  mode,\n  settings = DEFAULT_SETTINGS,\n  onSettingsChange,\n  refreshToken,\n  onRefreshStateChange,\n}) => {\n  const t = useT()\n  const hydrated = React.useMemo(() => hydrateNewDealsSettings(settings), [settings])\n  const [items, setItems] = React.useState<NewDealItem[]>([])\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const [locale, setLocale] = React.useState<string | undefined>(undefined)\n\n  React.useEffect(() => {\n    if (typeof navigator !== 'undefined') {\n      setLocale(navigator.language)\n    }\n  }, [])\n\n  const refresh = React.useCallback(async () => {\n    onRefreshStateChange?.(true)\n    setLoading(true)\n    setError(null)\n    try {\n      const data = await loadNewDeals(hydrated)\n      setItems(data)\n    } catch (err) {\n      console.error('Failed to load new deals widget data', err)\n      setError(t('customers.widgets.newDeals.error'))\n    } finally {\n      setLoading(false)\n      onRefreshStateChange?.(false)\n    }\n  }, [hydrated, onRefreshStateChange, t])\n\n  React.useEffect(() => {\n    refresh().catch(() => {})\n  }, [refresh, refreshToken])\n\n  if (mode === 'settings') {\n    return (\n      <div className=\"space-y-4 text-sm\">\n        <div className=\"space-y-1.5\">\n          <label htmlFor=\"customer-new-deals-page-size\" className=\"text-xs font-semibold uppercase text-muted-foreground\">\n            {t('customers.widgets.newDeals.settings.pageSize')}\n          </label>\n          <input\n            id=\"customer-new-deals-page-size\"\n            type=\"number\"\n            min={1}\n            max={20}\n            className=\"w-24 rounded-md border px-2 py-1 text-sm focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary\"\n            value={hydrated.pageSize}\n            onChange={(event) => {\n              const next = Number(event.target.value)\n              onSettingsChange({ ...hydrated, pageSize: Number.isFinite(next) ? next : hydrated.pageSize })\n            }}\n          />\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      {error ? (\n        <p className=\"text-sm text-destructive\">{error}</p>\n      ) : loading ? (\n        <div className=\"flex h-32 items-center justify-center\">\n          <Spinner className=\"h-6 w-6 text-muted-foreground\" />\n        </div>\n      ) : items.length === 0 ? (\n        <p className=\"text-sm text-muted-foreground\">{t('customers.widgets.newDeals.empty')}</p>\n      ) : (\n        <ul className=\"space-y-3\">\n          {items.map((item) => {\n            const href = resolveDetailHref(item)\n            const createdLabel = formatDate(item.createdAt, locale)\n            return (\n              <li key={item.id} className=\"rounded-md border p-3\">\n                <div className=\"flex items-start justify-between gap-3\">\n                  <div>\n                    <p className=\"text-sm font-medium\">{item.title ?? t('customers.widgets.newDeals.untitled')}</p>\n                    <p className=\"text-xs text-muted-foreground\">{item.status ?? t('customers.widgets.common.unknown')}</p>\n                  </div>\n                  <p className=\"text-xs text-muted-foreground\">{createdLabel || t('customers.widgets.common.unknownDate')}</p>\n                </div>\n                {href ? (\n                  <div className=\"mt-2 text-xs\">\n                    <Link className=\"text-primary hover:underline\" href={href}>\n                      {t('customers.widgets.common.viewRecord')}\n                    </Link>\n                  </div>\n                ) : null}\n              </li>\n            )\n          })}\n        </ul>\n      )}\n    </div>\n  )\n}\n\nexport default CustomerNewDealsWidget\n"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport type { DashboardWidgetComponentProps } from '@open-mercato/shared/modules/dashboard/widgets'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { DEFAULT_SETTINGS, hydrateNewDealsSettings, type CustomerNewDealsSettings } from './config'\n\ntype NewDealItem = {\n  id: string\n  title: string | null\n  status: string | null\n  createdAt: string\n}\n\nasync function loadNewDeals(settings: CustomerNewDealsSettings): Promise<NewDealItem[]> {\n  const params = new URLSearchParams({ limit: String(settings.pageSize) })\n  const call = await apiCall<{ items?: unknown[]; error?: string }>(\n    `/api/customers/dashboard/widgets/new-deals?${params.toString()}`,\n  )\n  if (!call.ok) {\n    const message =\n      typeof (call.result as Record<string, unknown> | null)?.error === 'string'\n        ? ((call.result as Record<string, unknown>).error as string)\n        : `Request failed with status ${call.status}`\n    throw new Error(message)\n  }\n  const payload = call.result ?? {}\n  const rawItems = Array.isArray((payload as { items?: unknown[] }).items)\n    ? (payload as { items: unknown[] }).items\n    : []\n  return rawItems\n    .map((item: unknown): NewDealItem | null => {\n      if (!item || typeof item !== 'object') return null\n      const data = item as any\n      return {\n        id: typeof data.id === 'string' ? data.id : null,\n        title: typeof data.title === 'string' ? data.title : null,\n        status: typeof data.status === 'string' ? data.status : null,\n        createdAt: typeof data.createdAt === 'string' ? data.createdAt : '',\n      }\n    })\n    .filter((item: NewDealItem | null): item is NewDealItem => !!item && !!item.id && !!item.createdAt)\n}\n\nfunction resolveDetailHref(item: NewDealItem): string | null {\n  if (!item.id) return null\n  return `/backend/customers/deals/${encodeURIComponent(item.id)}`\n}\n\nfunction formatDate(value: string | null, locale?: string): string {\n  if (!value) return ''\n  const date = new Date(value)\n  if (Number.isNaN(date.getTime())) return ''\n  return date.toLocaleString(locale ?? undefined, { dateStyle: 'medium', timeStyle: 'short' })\n}\n\nconst CustomerNewDealsWidget: React.FC<DashboardWidgetComponentProps<CustomerNewDealsSettings>> = ({\n  mode,\n  settings = DEFAULT_SETTINGS,\n  onSettingsChange,\n  refreshToken,\n  onRefreshStateChange,\n}) => {\n  const t = useT()\n  const hydrated = React.useMemo(() => hydrateNewDealsSettings(settings), [settings])\n  const [items, setItems] = React.useState<NewDealItem[]>([])\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const [locale, setLocale] = React.useState<string | undefined>(undefined)\n\n  React.useEffect(() => {\n    if (typeof navigator !== 'undefined') {\n      setLocale(navigator.language)\n    }\n  }, [])\n\n  const refresh = React.useCallback(async () => {\n    onRefreshStateChange?.(true)\n    setLoading(true)\n    setError(null)\n    try {\n      const data = await loadNewDeals(hydrated)\n      setItems(data)\n    } catch (err) {\n      console.error('Failed to load new deals widget data', err)\n      setError(t('customers.widgets.newDeals.error'))\n    } finally {\n      setLoading(false)\n      onRefreshStateChange?.(false)\n    }\n  }, [hydrated, onRefreshStateChange, t])\n\n  React.useEffect(() => {\n    refresh().catch(() => {})\n  }, [refresh, refreshToken])\n\n  if (mode === 'settings') {\n    return (\n      <div className=\"space-y-4 text-sm\">\n        <div className=\"space-y-1.5\">\n          <label htmlFor=\"customer-new-deals-page-size\" className=\"text-xs font-semibold uppercase text-muted-foreground\">\n            {t('customers.widgets.newDeals.settings.pageSize')}\n          </label>\n          <input\n            id=\"customer-new-deals-page-size\"\n            type=\"number\"\n            min={1}\n            max={20}\n            className=\"w-24 rounded-md border px-2 py-1 text-sm focus-visible:border-ring focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"\n            value={hydrated.pageSize}\n            onChange={(event) => {\n              const next = Number(event.target.value)\n              onSettingsChange({ ...hydrated, pageSize: Number.isFinite(next) ? next : hydrated.pageSize })\n            }}\n          />\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      {error ? (\n        <p className=\"text-sm text-destructive\">{error}</p>\n      ) : loading ? (\n        <div className=\"flex h-32 items-center justify-center\">\n          <Spinner className=\"h-6 w-6 text-muted-foreground\" />\n        </div>\n      ) : items.length === 0 ? (\n        <p className=\"text-sm text-muted-foreground\">{t('customers.widgets.newDeals.empty')}</p>\n      ) : (\n        <ul className=\"space-y-3\">\n          {items.map((item) => {\n            const href = resolveDetailHref(item)\n            const createdLabel = formatDate(item.createdAt, locale)\n            return (\n              <li key={item.id} className=\"rounded-md border p-3\">\n                <div className=\"flex items-start justify-between gap-3\">\n                  <div>\n                    <p className=\"text-sm font-medium\">{item.title ?? t('customers.widgets.newDeals.untitled')}</p>\n                    <p className=\"text-xs text-muted-foreground\">{item.status ?? t('customers.widgets.common.unknown')}</p>\n                  </div>\n                  <p className=\"text-xs text-muted-foreground\">{createdLabel || t('customers.widgets.common.unknownDate')}</p>\n                </div>\n                {href ? (\n                  <div className=\"mt-2 text-xs\">\n                    <Link className=\"text-primary hover:underline\" href={href}>\n                      {t('customers.widgets.common.viewRecord')}\n                    </Link>\n                  </div>\n                ) : null}\n              </li>\n            )\n          })}\n        </ul>\n      )}\n    </div>\n  )\n}\n\nexport default CustomerNewDealsWidget\n"],
   "mappings": "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",
   "names": []
 }

package/dist/modules/customers/widgets/dashboard/next-interactions/widget.client.js

@@ -106,7 +106,7 @@ const CustomerNextInteractionsWidget = ({
             type: "number",
             min: 1,
             max: 20,
-            className: "w-24 rounded-md border px-2 py-1 text-sm focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary",
+            className: "w-24 rounded-md border px-2 py-1 text-sm focus-visible:border-ring focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
             value: hydrated.pageSize,
             onChange: (event) => {
               const next = Number(event.target.value);

package/dist/modules/customers/widgets/dashboard/next-interactions/widget.client.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/customers/widgets/dashboard/next-interactions/widget.client.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport type { DashboardWidgetComponentProps } from '@open-mercato/shared/modules/dashboard/widgets'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { formatRelativeTime } from '@open-mercato/shared/lib/time'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport {\n  DEFAULT_SETTINGS,\n  hydrateNextInteractionsSettings,\n  type CustomerNextInteractionsSettings,\n} from './config'\nimport { renderDictionaryColor, renderDictionaryIcon } from '../../../lib/dictionaries'\n\ntype NextInteractionItem = {\n  id: string\n  displayName: string | null\n  kind: string | null\n  nextInteractionAt: string | null\n  nextInteractionName: string | null\n  nextInteractionIcon: string | null\n  nextInteractionColor: string | null\n  organizationId: string | null\n}\n\ntype ApiResponse = {\n  items: NextInteractionItem[]\n  now?: string\n}\n\n// NOTE(SPEC-046b): This widget reads from next_interaction_* projection fields\n// on CustomerEntity. These fields are now maintained by the interaction\n// projection recompute service (lib/interactionProjection.ts).\nasync function loadNextInteractions(settings: CustomerNextInteractionsSettings): Promise<ApiResponse> {\n  const params = new URLSearchParams({\n    limit: String(settings.pageSize),\n    includePast: settings.includePast ? 'true' : 'false',\n  })\n  const call = await apiCall<ApiResponse>(`/api/customers/dashboard/widgets/next-interactions?${params.toString()}`)\n  if (!call.ok) {\n    const rawError = (call.result as Record<string, unknown> | null)?.error\n    const message =\n      typeof rawError === 'string'\n        ? rawError\n        : `Request failed with status ${call.status}`\n    throw new Error(message)\n  }\n  const payloadData = (call.result ?? {}) as Record<string, unknown>\n  const now = typeof payloadData.now === 'string' ? payloadData.now : undefined\n  const rawItems = Array.isArray(payloadData.items) ? payloadData.items : []\n  const items = rawItems\n    .map((item): NextInteractionItem | null => {\n      if (!item || typeof item !== 'object') return null\n      const data = item as Record<string, unknown>\n      const id = typeof data.id === 'string' ? data.id : null\n      if (!id) return null\n      return {\n        id,\n        displayName: typeof data.displayName === 'string' ? data.displayName : null,\n        kind: typeof data.kind === 'string' ? data.kind : null,\n        nextInteractionAt: typeof data.nextInteractionAt === 'string' ? data.nextInteractionAt : null,\n        nextInteractionName: typeof data.nextInteractionName === 'string' ? data.nextInteractionName : null,\n        nextInteractionIcon: typeof data.nextInteractionIcon === 'string' ? data.nextInteractionIcon : null,\n        nextInteractionColor: typeof data.nextInteractionColor === 'string' ? data.nextInteractionColor : null,\n        organizationId: typeof data.organizationId === 'string' ? data.organizationId : null,\n      }\n    })\n    .filter((item): item is NextInteractionItem => !!item && !!item.id)\n\n  return { items, now }\n}\n\nfunction resolveDetailHref(item: NextInteractionItem): string | null {\n  if (!item.id || !item.kind) return null\n  if (item.kind === 'company') return `/backend/customers/companies-v2/${encodeURIComponent(item.id)}`\n  if (item.kind === 'person') return `/backend/customers/people-v2/${encodeURIComponent(item.id)}`\n  return null\n}\n\nfunction formatAbsolute(value: string | null, locale?: string): string {\n  if (!value) return ''\n  const date = new Date(value)\n  if (Number.isNaN(date.getTime())) return ''\n  return date.toLocaleString(locale ?? undefined, {\n    dateStyle: 'medium',\n    timeStyle: 'short',\n  })\n}\n\nconst CustomerNextInteractionsWidget: React.FC<DashboardWidgetComponentProps<CustomerNextInteractionsSettings>> = ({\n  mode,\n  settings = DEFAULT_SETTINGS,\n  onSettingsChange,\n  refreshToken,\n  onRefreshStateChange,\n}) => {\n  const t = useT()\n  const hydrated = React.useMemo(() => hydrateNextInteractionsSettings(settings), [settings])\n  const [data, setData] = React.useState<NextInteractionItem[]>([])\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const [locale, setLocale] = React.useState<string | undefined>(undefined)\n\n  React.useEffect(() => {\n    if (typeof navigator !== 'undefined') {\n      setLocale(navigator.language)\n    }\n  }, [])\n\n  const refresh = React.useCallback(async () => {\n    onRefreshStateChange?.(true)\n    setLoading(true)\n    setError(null)\n    try {\n      const response = await loadNextInteractions(hydrated)\n      setData(response.items)\n    } catch (err) {\n      console.error('Failed to load next interactions widget data', err)\n      setError(t('customers.widgets.nextInteractions.error'))\n    } finally {\n      setLoading(false)\n      onRefreshStateChange?.(false)\n    }\n  }, [hydrated, onRefreshStateChange, t])\n\n  React.useEffect(() => {\n    refresh().catch(() => {})\n  }, [refresh, refreshToken])\n\n  if (mode === 'settings') {\n    return (\n      <div className=\"space-y-4 text-sm\">\n        <div className=\"space-y-1.5\">\n          <label htmlFor=\"customer-next-interactions-page-size\" className=\"text-xs font-semibold uppercase text-muted-foreground\">\n            {t('customers.widgets.nextInteractions.settings.pageSize')}\n          </label>\n          <input\n            id=\"customer-next-interactions-page-size\"\n            type=\"number\"\n            min={1}\n            max={20}\n            className=\"w-24 rounded-md border px-2 py-1 text-sm focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary\"\n            value={hydrated.pageSize}\n            onChange={(event) => {\n              const next = Number(event.target.value)\n              onSettingsChange({ ...hydrated, pageSize: Number.isFinite(next) ? next : hydrated.pageSize })\n            }}\n          />\n        </div>\n        <label className=\"flex items-center gap-2 text-xs text-muted-foreground\">\n          <input\n            type=\"checkbox\"\n            checked={hydrated.includePast}\n            onChange={(event) => onSettingsChange({ ...hydrated, includePast: event.target.checked })}\n          />\n          {t('customers.widgets.nextInteractions.settings.includePast')}\n        </label>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      {error ? (\n        <p className=\"text-sm text-destructive\">{error}</p>\n      ) : loading ? (\n        <div className=\"flex h-32 items-center justify-center\">\n          <Spinner className=\"h-6 w-6 text-muted-foreground\" />\n        </div>\n      ) : data.length === 0 ? (\n        <p className=\"text-sm text-muted-foreground\">{t('customers.widgets.nextInteractions.empty')}</p>\n      ) : (\n        <ul className=\"space-y-3\">\n          {data.map((item) => {\n            const href = resolveDetailHref(item)\n            const absolute = formatAbsolute(item.nextInteractionAt, locale)\n            const relative = formatRelativeTime(item.nextInteractionAt, { locale }) ?? ''\n            return (\n              <li key={item.id} className=\"rounded-md border p-3\">\n                <div className=\"flex items-start justify-between gap-3\">\n                  <div className=\"flex items-start gap-3\">\n                    {item.nextInteractionIcon ? (\n                      <span className=\"mt-0.5 inline-flex h-7 w-7 items-center justify-center rounded border border-border bg-card\">\n                        {renderDictionaryIcon(item.nextInteractionIcon, 'h-4 w-4')}\n                      </span>\n                    ) : null}\n                    <div>\n                      <p className=\"text-sm font-medium\">{item.displayName ?? t('customers.widgets.common.unknown')}</p>\n                      {item.nextInteractionName ? (\n                        <p className=\"text-xs text-muted-foreground\">{item.nextInteractionName}</p>\n                      ) : null}\n                    </div>\n                  </div>\n                  <div className=\"flex items-center gap-2 text-right text-xs text-muted-foreground\">\n                    <div>\n                      <p>{absolute || t('customers.widgets.common.unknownDate')}</p>\n                      {relative ? <p>{relative}</p> : null}\n                    </div>\n                    {item.nextInteractionColor\n                      ? renderDictionaryColor(item.nextInteractionColor, 'h-3 w-3 rounded-full border border-border')\n                      : null}\n                  </div>\n                </div>\n                {href ? (\n                  <div className=\"mt-2 text-xs\">\n                    <Link className=\"text-primary hover:underline\" href={href}>\n                      {t('customers.widgets.common.viewRecord')}\n                    </Link>\n                  </div>\n                ) : null}\n              </li>\n            )\n          })}\n        </ul>\n      )}\n    </div>\n  )\n}\n\nexport default CustomerNextInteractionsWidget\n"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport type { DashboardWidgetComponentProps } from '@open-mercato/shared/modules/dashboard/widgets'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { formatRelativeTime } from '@open-mercato/shared/lib/time'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport {\n  DEFAULT_SETTINGS,\n  hydrateNextInteractionsSettings,\n  type CustomerNextInteractionsSettings,\n} from './config'\nimport { renderDictionaryColor, renderDictionaryIcon } from '../../../lib/dictionaries'\n\ntype NextInteractionItem = {\n  id: string\n  displayName: string | null\n  kind: string | null\n  nextInteractionAt: string | null\n  nextInteractionName: string | null\n  nextInteractionIcon: string | null\n  nextInteractionColor: string | null\n  organizationId: string | null\n}\n\ntype ApiResponse = {\n  items: NextInteractionItem[]\n  now?: string\n}\n\n// NOTE(SPEC-046b): This widget reads from next_interaction_* projection fields\n// on CustomerEntity. These fields are now maintained by the interaction\n// projection recompute service (lib/interactionProjection.ts).\nasync function loadNextInteractions(settings: CustomerNextInteractionsSettings): Promise<ApiResponse> {\n  const params = new URLSearchParams({\n    limit: String(settings.pageSize),\n    includePast: settings.includePast ? 'true' : 'false',\n  })\n  const call = await apiCall<ApiResponse>(`/api/customers/dashboard/widgets/next-interactions?${params.toString()}`)\n  if (!call.ok) {\n    const rawError = (call.result as Record<string, unknown> | null)?.error\n    const message =\n      typeof rawError === 'string'\n        ? rawError\n        : `Request failed with status ${call.status}`\n    throw new Error(message)\n  }\n  const payloadData = (call.result ?? {}) as Record<string, unknown>\n  const now = typeof payloadData.now === 'string' ? payloadData.now : undefined\n  const rawItems = Array.isArray(payloadData.items) ? payloadData.items : []\n  const items = rawItems\n    .map((item): NextInteractionItem | null => {\n      if (!item || typeof item !== 'object') return null\n      const data = item as Record<string, unknown>\n      const id = typeof data.id === 'string' ? data.id : null\n      if (!id) return null\n      return {\n        id,\n        displayName: typeof data.displayName === 'string' ? data.displayName : null,\n        kind: typeof data.kind === 'string' ? data.kind : null,\n        nextInteractionAt: typeof data.nextInteractionAt === 'string' ? data.nextInteractionAt : null,\n        nextInteractionName: typeof data.nextInteractionName === 'string' ? data.nextInteractionName : null,\n        nextInteractionIcon: typeof data.nextInteractionIcon === 'string' ? data.nextInteractionIcon : null,\n        nextInteractionColor: typeof data.nextInteractionColor === 'string' ? data.nextInteractionColor : null,\n        organizationId: typeof data.organizationId === 'string' ? data.organizationId : null,\n      }\n    })\n    .filter((item): item is NextInteractionItem => !!item && !!item.id)\n\n  return { items, now }\n}\n\nfunction resolveDetailHref(item: NextInteractionItem): string | null {\n  if (!item.id || !item.kind) return null\n  if (item.kind === 'company') return `/backend/customers/companies-v2/${encodeURIComponent(item.id)}`\n  if (item.kind === 'person') return `/backend/customers/people-v2/${encodeURIComponent(item.id)}`\n  return null\n}\n\nfunction formatAbsolute(value: string | null, locale?: string): string {\n  if (!value) return ''\n  const date = new Date(value)\n  if (Number.isNaN(date.getTime())) return ''\n  return date.toLocaleString(locale ?? undefined, {\n    dateStyle: 'medium',\n    timeStyle: 'short',\n  })\n}\n\nconst CustomerNextInteractionsWidget: React.FC<DashboardWidgetComponentProps<CustomerNextInteractionsSettings>> = ({\n  mode,\n  settings = DEFAULT_SETTINGS,\n  onSettingsChange,\n  refreshToken,\n  onRefreshStateChange,\n}) => {\n  const t = useT()\n  const hydrated = React.useMemo(() => hydrateNextInteractionsSettings(settings), [settings])\n  const [data, setData] = React.useState<NextInteractionItem[]>([])\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const [locale, setLocale] = React.useState<string | undefined>(undefined)\n\n  React.useEffect(() => {\n    if (typeof navigator !== 'undefined') {\n      setLocale(navigator.language)\n    }\n  }, [])\n\n  const refresh = React.useCallback(async () => {\n    onRefreshStateChange?.(true)\n    setLoading(true)\n    setError(null)\n    try {\n      const response = await loadNextInteractions(hydrated)\n      setData(response.items)\n    } catch (err) {\n      console.error('Failed to load next interactions widget data', err)\n      setError(t('customers.widgets.nextInteractions.error'))\n    } finally {\n      setLoading(false)\n      onRefreshStateChange?.(false)\n    }\n  }, [hydrated, onRefreshStateChange, t])\n\n  React.useEffect(() => {\n    refresh().catch(() => {})\n  }, [refresh, refreshToken])\n\n  if (mode === 'settings') {\n    return (\n      <div className=\"space-y-4 text-sm\">\n        <div className=\"space-y-1.5\">\n          <label htmlFor=\"customer-next-interactions-page-size\" className=\"text-xs font-semibold uppercase text-muted-foreground\">\n            {t('customers.widgets.nextInteractions.settings.pageSize')}\n          </label>\n          <input\n            id=\"customer-next-interactions-page-size\"\n            type=\"number\"\n            min={1}\n            max={20}\n            className=\"w-24 rounded-md border px-2 py-1 text-sm focus-visible:border-ring focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"\n            value={hydrated.pageSize}\n            onChange={(event) => {\n              const next = Number(event.target.value)\n              onSettingsChange({ ...hydrated, pageSize: Number.isFinite(next) ? next : hydrated.pageSize })\n            }}\n          />\n        </div>\n        <label className=\"flex items-center gap-2 text-xs text-muted-foreground\">\n          <input\n            type=\"checkbox\"\n            checked={hydrated.includePast}\n            onChange={(event) => onSettingsChange({ ...hydrated, includePast: event.target.checked })}\n          />\n          {t('customers.widgets.nextInteractions.settings.includePast')}\n        </label>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      {error ? (\n        <p className=\"text-sm text-destructive\">{error}</p>\n      ) : loading ? (\n        <div className=\"flex h-32 items-center justify-center\">\n          <Spinner className=\"h-6 w-6 text-muted-foreground\" />\n        </div>\n      ) : data.length === 0 ? (\n        <p className=\"text-sm text-muted-foreground\">{t('customers.widgets.nextInteractions.empty')}</p>\n      ) : (\n        <ul className=\"space-y-3\">\n          {data.map((item) => {\n            const href = resolveDetailHref(item)\n            const absolute = formatAbsolute(item.nextInteractionAt, locale)\n            const relative = formatRelativeTime(item.nextInteractionAt, { locale }) ?? ''\n            return (\n              <li key={item.id} className=\"rounded-md border p-3\">\n                <div className=\"flex items-start justify-between gap-3\">\n                  <div className=\"flex items-start gap-3\">\n                    {item.nextInteractionIcon ? (\n                      <span className=\"mt-0.5 inline-flex h-7 w-7 items-center justify-center rounded border border-border bg-card\">\n                        {renderDictionaryIcon(item.nextInteractionIcon, 'h-4 w-4')}\n                      </span>\n                    ) : null}\n                    <div>\n                      <p className=\"text-sm font-medium\">{item.displayName ?? t('customers.widgets.common.unknown')}</p>\n                      {item.nextInteractionName ? (\n                        <p className=\"text-xs text-muted-foreground\">{item.nextInteractionName}</p>\n                      ) : null}\n                    </div>\n                  </div>\n                  <div className=\"flex items-center gap-2 text-right text-xs text-muted-foreground\">\n                    <div>\n                      <p>{absolute || t('customers.widgets.common.unknownDate')}</p>\n                      {relative ? <p>{relative}</p> : null}\n                    </div>\n                    {item.nextInteractionColor\n                      ? renderDictionaryColor(item.nextInteractionColor, 'h-3 w-3 rounded-full border border-border')\n                      : null}\n                  </div>\n                </div>\n                {href ? (\n                  <div className=\"mt-2 text-xs\">\n                    <Link className=\"text-primary hover:underline\" href={href}>\n                      {t('customers.widgets.common.viewRecord')}\n                    </Link>\n                  </div>\n                ) : null}\n              </li>\n            )\n          })}\n        </ul>\n      )}\n    </div>\n  )\n}\n\nexport default CustomerNextInteractionsWidget\n"],
   "mappings": "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",
   "names": []
 }

package/dist/modules/dashboards/components/WidgetVisibilityEditor.js

@@ -236,7 +236,7 @@ const WidgetVisibilityEditor = React.forwardRef(function WidgetVisibilityEditor2
         t("dashboards.widgets.mode.override", "Override for this user")
       ] })
     ] }),
-    kind === "user" && mode === "inherit" && /* @__PURE__ */ jsx("div", { className: "rounded-md border border-muted bg-muted/20 px-3 py-2 text-xs text-muted-foreground", children: t("dashboards.widgets.mode.hint", "This user currently inherits widgets from their assigned roles. Switch to override to customize.") }),
+    kind === "user" && mode === "inherit" && /* @__PURE__ */ jsx("div", { className: "rounded-md border border-muted bg-muted/30 px-3 py-2 text-xs text-muted-foreground", children: t("dashboards.widgets.mode.hint", "This user currently inherits widgets from their assigned roles. Switch to override to customize.") }),
     (kind === "role" || mode === "override") && /* @__PURE__ */ jsx("div", { className: "space-y-3", children: catalog.map((widget) => /* @__PURE__ */ jsxs("label", { className: "flex items-start gap-3 rounded-md border px-3 py-2 hover:border-primary/40", children: [
       /* @__PURE__ */ jsx(
         "input",

package/dist/modules/dashboards/components/WidgetVisibilityEditor.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/dashboards/components/WidgetVisibilityEditor.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { apiCallOrThrow, readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\ntype WidgetCatalogItem = {\n  id: string\n  title: string\n  description: string | null\n}\n\ntype RoleResponse = {\n  widgetIds: string[]\n  hasCustom: boolean\n  scope: { tenantId: string | null; organizationId: string | null }\n}\n\ntype UserResponse = {\n  mode: 'inherit' | 'override'\n  widgetIds: string[]\n  hasCustom: boolean\n  effectiveWidgetIds: string[]\n  scope: { tenantId: string | null; organizationId: string | null }\n}\n\ntype BaseProps = {\n  tenantId?: string | null\n  organizationId?: string | null\n}\n\ntype RoleProps = BaseProps & {\n  kind: 'role'\n  targetId: string\n}\n\ntype UserProps = BaseProps & {\n  kind: 'user'\n  targetId: string\n}\n\ntype WidgetVisibilityEditorProps = RoleProps | UserProps\n\nexport type WidgetVisibilityEditorHandle = {\n  save: () => Promise<void>\n}\n\nconst EMPTY: string[] = []\n\nfunction resolveWidgetText(\n  t: (key: string, fallback: string) => string,\n  id: string,\n  field: 'title' | 'description',\n  fallback: string,\n): string {\n  const key1 = `${id}.${field}`\n  const result1 = t(key1, '')\n  if (result1 && result1 !== key1) return result1\n\n  const key2 = `dashboard.widgets.${id}.${field}`\n  const result2 = t(key2, '')\n  if (result2 && result2 !== key2) return result2\n\n  const dotIndex = id.lastIndexOf('.')\n  if (dotIndex > 0) {\n    const prefix = id.slice(0, dotIndex)\n    const lastPart = id.slice(dotIndex + 1)\n    const key3 = `${prefix}.widgets.${lastPart}.${field}`\n    const result3 = t(key3, '')\n    if (result3 && result3 !== key3) return result3\n  }\n\n  return fallback\n}\n\nexport const WidgetVisibilityEditor = React.forwardRef<WidgetVisibilityEditorHandle, WidgetVisibilityEditorProps>(function WidgetVisibilityEditor(props, ref) {\n  const t = useT()\n  const tRef = React.useRef(t)\n  tRef.current = t\n\n  const resolveTitle = React.useCallback(\n    (widget: WidgetCatalogItem) => resolveWidgetText(t, widget.id, 'title', widget.title),\n    [t],\n  )\n\n  const resolveDescription = React.useCallback(\n    (widget: WidgetCatalogItem) => resolveWidgetText(t, widget.id, 'description', widget.description || ''),\n    [t],\n  )\n  const { kind, targetId, tenantId, organizationId } = props\n  const [catalog, setCatalog] = React.useState<WidgetCatalogItem[]>([])\n  const [loading, setLoading] = React.useState(true)\n  const [saving, setSaving] = React.useState(false)\n  const [error, setError] = React.useState<string | null>(null)\n\n  const [selected, setSelected] = React.useState<string[]>(EMPTY)\n  const [original, setOriginal] = React.useState<string[]>(EMPTY)\n  const [mode, setMode] = React.useState<'inherit' | 'override'>('inherit')\n  const [originalMode, setOriginalMode] = React.useState<'inherit' | 'override'>('inherit')\n  const [effective, setEffective] = React.useState<string[]>(EMPTY)\n\n  const dirty = React.useMemo(() => {\n    if (kind === 'user') {\n      if (mode !== originalMode) return true\n      if (mode === 'override') return selected.join('|') !== original.join('|')\n      return false\n    }\n    return selected.join('|') !== original.join('|')\n  }, [kind, mode, original, originalMode, selected])\n\n  const loadCatalog = React.useCallback(async () => {\n    const data = await readApiResultOrThrow<{ items?: unknown[] }>(\n      '/api/dashboards/widgets/catalog',\n      undefined,\n      { errorMessage: tRef.current('dashboards.widgets.error.load', 'Unable to load widget configuration.') },\n    )\n    const items = Array.isArray(data?.items) ? data.items : []\n    const mapped = items\n      .map((item: unknown): WidgetCatalogItem | null => {\n        if (!item || typeof item !== 'object') return null\n        const entry = item as Record<string, unknown>\n        const id = typeof entry.id === 'string' ? entry.id : null\n        if (!id || !id.length) return null\n        const title =\n          typeof entry.title === 'string' && entry.title.length ? entry.title : id\n        const description =\n          typeof entry.description === 'string' && entry.description.length ? entry.description : null\n        return { id, title, description }\n      })\n      .filter((item: WidgetCatalogItem | null): item is WidgetCatalogItem => item !== null)\n    setCatalog(mapped)\n  }, [])\n\n  const loadRoleData = React.useCallback(async () => {\n    const params = new URLSearchParams({ roleId: targetId })\n    if (tenantId) params.set('tenantId', tenantId)\n    if (organizationId) params.set('organizationId', organizationId)\n    const data = await readApiResultOrThrow<RoleResponse>(\n      `/api/dashboards/roles/widgets?${params.toString()}`,\n      undefined,\n      { errorMessage: tRef.current('dashboards.widgets.error.load', 'Unable to load widget configuration.') },\n    )\n    const ids = Array.isArray(data.widgetIds) ? data.widgetIds : []\n    setSelected(ids)\n    setOriginal(ids)\n    setMode('override')\n    setOriginalMode('override')\n    setEffective(ids)\n  }, [organizationId, targetId, tenantId])\n\n  const loadUserData = React.useCallback(async () => {\n    const params = new URLSearchParams({ userId: targetId })\n    if (tenantId) params.set('tenantId', tenantId)\n    if (organizationId) params.set('organizationId', organizationId)\n    const data = await readApiResultOrThrow<UserResponse>(\n      `/api/dashboards/users/widgets?${params.toString()}`,\n      undefined,\n      { errorMessage: tRef.current('dashboards.widgets.error.load', 'Unable to load widget configuration.') },\n    )\n    const ids = Array.isArray(data.widgetIds) ? data.widgetIds : []\n    setSelected(ids)\n    setOriginal(ids)\n    setMode(data.mode || 'inherit')\n    setOriginalMode(data.mode || 'inherit')\n    setEffective(Array.isArray(data.effectiveWidgetIds) ? data.effectiveWidgetIds : [])\n  }, [organizationId, targetId, tenantId])\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function load() {\n      setLoading(true)\n      setError(null)\n      try {\n        await loadCatalog()\n        if (kind === 'role') await loadRoleData()\n        else await loadUserData()\n      } catch (err) {\n        console.error('Failed to load widget visibility data', err)\n        if (!cancelled) {\n          setError(tRef.current('dashboards.widgets.error.load', 'Unable to load widget configuration.'))\n        }\n      } finally {\n        if (!cancelled) setLoading(false)\n      }\n    }\n    load()\n    return () => { cancelled = true }\n  }, [kind, loadCatalog, loadRoleData, loadUserData])\n\n  const toggle = React.useCallback((id: string) => {\n    setSelected((prev) => (prev.includes(id) ? prev.filter((value) => value !== id) : [...prev, id]))\n  }, [])\n\n  const resetSelections = React.useCallback(() => {\n    setSelected(original)\n    setMode(originalMode)\n  }, [original, originalMode])\n\n  const save = React.useCallback(async () => {\n    if (loading) return\n    if (error && catalog.length === 0) return\n    if (!dirty) return\n    setSaving(true)\n    setError(null)\n    try {\n      const saveError = t('dashboards.widgets.error.save', 'Unable to save dashboard widget preferences.')\n      if (kind === 'role') {\n        const payload = {\n          roleId: targetId,\n          tenantId: tenantId ?? null,\n          organizationId: organizationId ?? null,\n          widgetIds: selected,\n        }\n        await apiCallOrThrow('/api/dashboards/roles/widgets', {\n          method: 'PUT',\n          headers: { 'content-type': 'application/json' },\n          body: JSON.stringify(payload),\n        }, { errorMessage: saveError })\n        setOriginal(selected)\n        setOriginalMode('override')\n        setEffective(selected)\n      } else {\n        const payload = {\n          userId: targetId,\n          tenantId: tenantId ?? null,\n          organizationId: organizationId ?? null,\n          mode,\n          widgetIds: selected,\n        }\n        await apiCallOrThrow('/api/dashboards/users/widgets', {\n          method: 'PUT',\n          headers: { 'content-type': 'application/json' },\n          body: JSON.stringify(payload),\n        }, { errorMessage: saveError })\n        setOriginal(selected)\n        if (mode === 'inherit') {\n          const refreshed = await readApiResultOrThrow<UserResponse>(\n            `/api/dashboards/users/widgets?userId=${encodeURIComponent(targetId)}`,\n            undefined,\n            { errorMessage: saveError },\n          )\n          setEffective(Array.isArray(refreshed.effectiveWidgetIds) ? refreshed.effectiveWidgetIds : [])\n        } else {\n          setEffective(selected)\n        }\n        setOriginal(selected)\n        setOriginalMode(mode)\n      }\n      try { flash(t('dashboards.widgets.flash.saved', 'Dashboard widgets updated'), 'success') } catch {}\n    } catch (err) {\n      console.error('Failed to save widget visibility', err)\n      setError(t('dashboards.widgets.error.save', 'Unable to save dashboard widget preferences.'))\n    } finally {\n      setSaving(false)\n    }\n  }, [catalog.length, dirty, error, kind, loading, mode, organizationId, selected, t, targetId, tenantId])\n\n  React.useImperativeHandle(ref, () => ({ save }), [save])\n\n  if (loading) {\n    return (\n      <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n        <Spinner size=\"sm\" /> {t('dashboards.widgets.loading', 'Loading widget options\u2026')}\n      </div>\n    )\n  }\n\n  if (error && catalog.length === 0) {\n    return <div className=\"rounded-md border border-destructive/40 bg-destructive/10 p-3 text-sm text-destructive\">{error}</div>\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      {error && (\n        <div className=\"rounded-md border border-destructive/40 bg-destructive/10 p-3 text-sm text-destructive\">{error}</div>\n      )}\n\n      {kind === 'user' && (\n        <div className=\"flex items-center gap-3 rounded-md border bg-muted/30 px-3 py-2\">\n          <label className=\"flex items-center gap-2 text-sm\">\n            <input\n              type=\"radio\"\n              name=\"widgetOverride\"\n              value=\"inherit\"\n              checked={mode === 'inherit'}\n              onChange={() => setMode('inherit')}\n            />\n            {t('dashboards.widgets.mode.inherit', 'Inherit from roles')}\n          </label>\n          <label className=\"flex items-center gap-2 text-sm\">\n            <input\n              type=\"radio\"\n              name=\"widgetOverride\"\n              value=\"override\"\n              checked={mode === 'override'}\n              onChange={() => setMode('override')}\n            />\n            {t('dashboards.widgets.mode.override', 'Override for this user')}\n          </label>\n        </div>\n      )}\n\n      {kind === 'user' && mode === 'inherit' && (\n        <div className=\"rounded-md border border-muted bg-muted/20 px-3 py-2 text-xs text-muted-foreground\">\n          {t('dashboards.widgets.mode.hint', 'This user currently inherits widgets from their assigned roles. Switch to override to customize.')}\n        </div>\n      )}\n\n      {(kind === 'role' || mode === 'override') && (\n        <div className=\"space-y-3\">\n          {catalog.map((widget) => (\n            <label key={widget.id} className=\"flex items-start gap-3 rounded-md border px-3 py-2 hover:border-primary/40\">\n              <input\n                type=\"checkbox\"\n                className=\"mt-1 size-4\"\n                checked={selected.includes(widget.id)}\n                onChange={() => toggle(widget.id)}\n              />\n              <div>\n                <div className=\"text-sm font-medium leading-none\">{resolveTitle(widget)}</div>\n                {widget.description ? <div className=\"mt-1 text-xs text-muted-foreground\">{resolveDescription(widget)}</div> : null}\n              </div>\n            </label>\n          ))}\n        </div>\n      )}\n\n      {kind === 'user' && effective.length > 0 && (\n        <div className=\"rounded-md border bg-muted/30 px-3 py-2 text-xs text-muted-foreground\">\n          {t('dashboards.widgets.effective', 'Effective widgets:')} {effective.map((id) => { const meta = catalog.find((m) => m.id === id); return meta ? resolveTitle(meta) : id }).join(', ')}\n        </div>\n      )}\n\n      <div className=\"flex items-center gap-2\">\n        <Button type=\"button\" onClick={save} disabled={saving || !dirty}>\n          {saving ? t('dashboards.widgets.saving', 'Saving\u2026') : t('dashboards.widgets.save', 'Save widgets')}\n        </Button>\n        <Button type=\"button\" variant=\"ghost\" onClick={resetSelections} disabled={!dirty}>\n          {t('dashboards.widgets.reset', 'Reset')}\n        </Button>\n      </div>\n    </div>\n  )\n})\n\nWidgetVisibilityEditor.displayName = 'WidgetVisibilityEditor'\n"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { apiCallOrThrow, readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\ntype WidgetCatalogItem = {\n  id: string\n  title: string\n  description: string | null\n}\n\ntype RoleResponse = {\n  widgetIds: string[]\n  hasCustom: boolean\n  scope: { tenantId: string | null; organizationId: string | null }\n}\n\ntype UserResponse = {\n  mode: 'inherit' | 'override'\n  widgetIds: string[]\n  hasCustom: boolean\n  effectiveWidgetIds: string[]\n  scope: { tenantId: string | null; organizationId: string | null }\n}\n\ntype BaseProps = {\n  tenantId?: string | null\n  organizationId?: string | null\n}\n\ntype RoleProps = BaseProps & {\n  kind: 'role'\n  targetId: string\n}\n\ntype UserProps = BaseProps & {\n  kind: 'user'\n  targetId: string\n}\n\ntype WidgetVisibilityEditorProps = RoleProps | UserProps\n\nexport type WidgetVisibilityEditorHandle = {\n  save: () => Promise<void>\n}\n\nconst EMPTY: string[] = []\n\nfunction resolveWidgetText(\n  t: (key: string, fallback: string) => string,\n  id: string,\n  field: 'title' | 'description',\n  fallback: string,\n): string {\n  const key1 = `${id}.${field}`\n  const result1 = t(key1, '')\n  if (result1 && result1 !== key1) return result1\n\n  const key2 = `dashboard.widgets.${id}.${field}`\n  const result2 = t(key2, '')\n  if (result2 && result2 !== key2) return result2\n\n  const dotIndex = id.lastIndexOf('.')\n  if (dotIndex > 0) {\n    const prefix = id.slice(0, dotIndex)\n    const lastPart = id.slice(dotIndex + 1)\n    const key3 = `${prefix}.widgets.${lastPart}.${field}`\n    const result3 = t(key3, '')\n    if (result3 && result3 !== key3) return result3\n  }\n\n  return fallback\n}\n\nexport const WidgetVisibilityEditor = React.forwardRef<WidgetVisibilityEditorHandle, WidgetVisibilityEditorProps>(function WidgetVisibilityEditor(props, ref) {\n  const t = useT()\n  const tRef = React.useRef(t)\n  tRef.current = t\n\n  const resolveTitle = React.useCallback(\n    (widget: WidgetCatalogItem) => resolveWidgetText(t, widget.id, 'title', widget.title),\n    [t],\n  )\n\n  const resolveDescription = React.useCallback(\n    (widget: WidgetCatalogItem) => resolveWidgetText(t, widget.id, 'description', widget.description || ''),\n    [t],\n  )\n  const { kind, targetId, tenantId, organizationId } = props\n  const [catalog, setCatalog] = React.useState<WidgetCatalogItem[]>([])\n  const [loading, setLoading] = React.useState(true)\n  const [saving, setSaving] = React.useState(false)\n  const [error, setError] = React.useState<string | null>(null)\n\n  const [selected, setSelected] = React.useState<string[]>(EMPTY)\n  const [original, setOriginal] = React.useState<string[]>(EMPTY)\n  const [mode, setMode] = React.useState<'inherit' | 'override'>('inherit')\n  const [originalMode, setOriginalMode] = React.useState<'inherit' | 'override'>('inherit')\n  const [effective, setEffective] = React.useState<string[]>(EMPTY)\n\n  const dirty = React.useMemo(() => {\n    if (kind === 'user') {\n      if (mode !== originalMode) return true\n      if (mode === 'override') return selected.join('|') !== original.join('|')\n      return false\n    }\n    return selected.join('|') !== original.join('|')\n  }, [kind, mode, original, originalMode, selected])\n\n  const loadCatalog = React.useCallback(async () => {\n    const data = await readApiResultOrThrow<{ items?: unknown[] }>(\n      '/api/dashboards/widgets/catalog',\n      undefined,\n      { errorMessage: tRef.current('dashboards.widgets.error.load', 'Unable to load widget configuration.') },\n    )\n    const items = Array.isArray(data?.items) ? data.items : []\n    const mapped = items\n      .map((item: unknown): WidgetCatalogItem | null => {\n        if (!item || typeof item !== 'object') return null\n        const entry = item as Record<string, unknown>\n        const id = typeof entry.id === 'string' ? entry.id : null\n        if (!id || !id.length) return null\n        const title =\n          typeof entry.title === 'string' && entry.title.length ? entry.title : id\n        const description =\n          typeof entry.description === 'string' && entry.description.length ? entry.description : null\n        return { id, title, description }\n      })\n      .filter((item: WidgetCatalogItem | null): item is WidgetCatalogItem => item !== null)\n    setCatalog(mapped)\n  }, [])\n\n  const loadRoleData = React.useCallback(async () => {\n    const params = new URLSearchParams({ roleId: targetId })\n    if (tenantId) params.set('tenantId', tenantId)\n    if (organizationId) params.set('organizationId', organizationId)\n    const data = await readApiResultOrThrow<RoleResponse>(\n      `/api/dashboards/roles/widgets?${params.toString()}`,\n      undefined,\n      { errorMessage: tRef.current('dashboards.widgets.error.load', 'Unable to load widget configuration.') },\n    )\n    const ids = Array.isArray(data.widgetIds) ? data.widgetIds : []\n    setSelected(ids)\n    setOriginal(ids)\n    setMode('override')\n    setOriginalMode('override')\n    setEffective(ids)\n  }, [organizationId, targetId, tenantId])\n\n  const loadUserData = React.useCallback(async () => {\n    const params = new URLSearchParams({ userId: targetId })\n    if (tenantId) params.set('tenantId', tenantId)\n    if (organizationId) params.set('organizationId', organizationId)\n    const data = await readApiResultOrThrow<UserResponse>(\n      `/api/dashboards/users/widgets?${params.toString()}`,\n      undefined,\n      { errorMessage: tRef.current('dashboards.widgets.error.load', 'Unable to load widget configuration.') },\n    )\n    const ids = Array.isArray(data.widgetIds) ? data.widgetIds : []\n    setSelected(ids)\n    setOriginal(ids)\n    setMode(data.mode || 'inherit')\n    setOriginalMode(data.mode || 'inherit')\n    setEffective(Array.isArray(data.effectiveWidgetIds) ? data.effectiveWidgetIds : [])\n  }, [organizationId, targetId, tenantId])\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function load() {\n      setLoading(true)\n      setError(null)\n      try {\n        await loadCatalog()\n        if (kind === 'role') await loadRoleData()\n        else await loadUserData()\n      } catch (err) {\n        console.error('Failed to load widget visibility data', err)\n        if (!cancelled) {\n          setError(tRef.current('dashboards.widgets.error.load', 'Unable to load widget configuration.'))\n        }\n      } finally {\n        if (!cancelled) setLoading(false)\n      }\n    }\n    load()\n    return () => { cancelled = true }\n  }, [kind, loadCatalog, loadRoleData, loadUserData])\n\n  const toggle = React.useCallback((id: string) => {\n    setSelected((prev) => (prev.includes(id) ? prev.filter((value) => value !== id) : [...prev, id]))\n  }, [])\n\n  const resetSelections = React.useCallback(() => {\n    setSelected(original)\n    setMode(originalMode)\n  }, [original, originalMode])\n\n  const save = React.useCallback(async () => {\n    if (loading) return\n    if (error && catalog.length === 0) return\n    if (!dirty) return\n    setSaving(true)\n    setError(null)\n    try {\n      const saveError = t('dashboards.widgets.error.save', 'Unable to save dashboard widget preferences.')\n      if (kind === 'role') {\n        const payload = {\n          roleId: targetId,\n          tenantId: tenantId ?? null,\n          organizationId: organizationId ?? null,\n          widgetIds: selected,\n        }\n        await apiCallOrThrow('/api/dashboards/roles/widgets', {\n          method: 'PUT',\n          headers: { 'content-type': 'application/json' },\n          body: JSON.stringify(payload),\n        }, { errorMessage: saveError })\n        setOriginal(selected)\n        setOriginalMode('override')\n        setEffective(selected)\n      } else {\n        const payload = {\n          userId: targetId,\n          tenantId: tenantId ?? null,\n          organizationId: organizationId ?? null,\n          mode,\n          widgetIds: selected,\n        }\n        await apiCallOrThrow('/api/dashboards/users/widgets', {\n          method: 'PUT',\n          headers: { 'content-type': 'application/json' },\n          body: JSON.stringify(payload),\n        }, { errorMessage: saveError })\n        setOriginal(selected)\n        if (mode === 'inherit') {\n          const refreshed = await readApiResultOrThrow<UserResponse>(\n            `/api/dashboards/users/widgets?userId=${encodeURIComponent(targetId)}`,\n            undefined,\n            { errorMessage: saveError },\n          )\n          setEffective(Array.isArray(refreshed.effectiveWidgetIds) ? refreshed.effectiveWidgetIds : [])\n        } else {\n          setEffective(selected)\n        }\n        setOriginal(selected)\n        setOriginalMode(mode)\n      }\n      try { flash(t('dashboards.widgets.flash.saved', 'Dashboard widgets updated'), 'success') } catch {}\n    } catch (err) {\n      console.error('Failed to save widget visibility', err)\n      setError(t('dashboards.widgets.error.save', 'Unable to save dashboard widget preferences.'))\n    } finally {\n      setSaving(false)\n    }\n  }, [catalog.length, dirty, error, kind, loading, mode, organizationId, selected, t, targetId, tenantId])\n\n  React.useImperativeHandle(ref, () => ({ save }), [save])\n\n  if (loading) {\n    return (\n      <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n        <Spinner size=\"sm\" /> {t('dashboards.widgets.loading', 'Loading widget options\u2026')}\n      </div>\n    )\n  }\n\n  if (error && catalog.length === 0) {\n    return <div className=\"rounded-md border border-destructive/40 bg-destructive/10 p-3 text-sm text-destructive\">{error}</div>\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      {error && (\n        <div className=\"rounded-md border border-destructive/40 bg-destructive/10 p-3 text-sm text-destructive\">{error}</div>\n      )}\n\n      {kind === 'user' && (\n        <div className=\"flex items-center gap-3 rounded-md border bg-muted/30 px-3 py-2\">\n          <label className=\"flex items-center gap-2 text-sm\">\n            <input\n              type=\"radio\"\n              name=\"widgetOverride\"\n              value=\"inherit\"\n              checked={mode === 'inherit'}\n              onChange={() => setMode('inherit')}\n            />\n            {t('dashboards.widgets.mode.inherit', 'Inherit from roles')}\n          </label>\n          <label className=\"flex items-center gap-2 text-sm\">\n            <input\n              type=\"radio\"\n              name=\"widgetOverride\"\n              value=\"override\"\n              checked={mode === 'override'}\n              onChange={() => setMode('override')}\n            />\n            {t('dashboards.widgets.mode.override', 'Override for this user')}\n          </label>\n        </div>\n      )}\n\n      {kind === 'user' && mode === 'inherit' && (\n        <div className=\"rounded-md border border-muted bg-muted/30 px-3 py-2 text-xs text-muted-foreground\">\n          {t('dashboards.widgets.mode.hint', 'This user currently inherits widgets from their assigned roles. Switch to override to customize.')}\n        </div>\n      )}\n\n      {(kind === 'role' || mode === 'override') && (\n        <div className=\"space-y-3\">\n          {catalog.map((widget) => (\n            <label key={widget.id} className=\"flex items-start gap-3 rounded-md border px-3 py-2 hover:border-primary/40\">\n              <input\n                type=\"checkbox\"\n                className=\"mt-1 size-4\"\n                checked={selected.includes(widget.id)}\n                onChange={() => toggle(widget.id)}\n              />\n              <div>\n                <div className=\"text-sm font-medium leading-none\">{resolveTitle(widget)}</div>\n                {widget.description ? <div className=\"mt-1 text-xs text-muted-foreground\">{resolveDescription(widget)}</div> : null}\n              </div>\n            </label>\n          ))}\n        </div>\n      )}\n\n      {kind === 'user' && effective.length > 0 && (\n        <div className=\"rounded-md border bg-muted/30 px-3 py-2 text-xs text-muted-foreground\">\n          {t('dashboards.widgets.effective', 'Effective widgets:')} {effective.map((id) => { const meta = catalog.find((m) => m.id === id); return meta ? resolveTitle(meta) : id }).join(', ')}\n        </div>\n      )}\n\n      <div className=\"flex items-center gap-2\">\n        <Button type=\"button\" onClick={save} disabled={saving || !dirty}>\n          {saving ? t('dashboards.widgets.saving', 'Saving\u2026') : t('dashboards.widgets.save', 'Save widgets')}\n        </Button>\n        <Button type=\"button\" variant=\"ghost\" onClick={resetSelections} disabled={!dirty}>\n          {t('dashboards.widgets.reset', 'Reset')}\n        </Button>\n      </div>\n    </div>\n  )\n})\n\nWidgetVisibilityEditor.displayName = 'WidgetVisibilityEditor'\n"],
   "mappings": "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",
   "names": ["WidgetVisibilityEditor"]
 }

package/dist/modules/dashboards/widgets/dashboard/aov-kpi/widget.client.js

@@ -93,7 +93,7 @@ const AovKpiWidget = ({
             type: "checkbox",
             checked: hydrated.showComparison,
             onChange: (e) => onSettingsChange({ ...hydrated, showComparison: e.target.checked }),
-            className: "h-4 w-4 rounded border focus:ring-primary"
+            className: "h-4 w-4 rounded border focus-visible:ring-ring"
           }
         ),
         t("dashboards.analytics.settings.showComparison", "Show comparison")

package/dist/modules/dashboards/widgets/dashboard/aov-kpi/widget.client.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/dashboards/widgets/dashboard/aov-kpi/widget.client.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport type { DashboardWidgetComponentProps } from '@open-mercato/shared/modules/dashboard/widgets'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { KpiCard, type KpiTrend } from '@open-mercato/ui/backend/charts'\nimport {\n  DateRangeSelect,\n  InlineDateRangeSelect,\n  type DateRangePreset,\n  getComparisonLabelKey,\n} from '@open-mercato/ui/backend/date-range'\nimport { DEFAULT_SETTINGS, hydrateSettings, type AovKpiSettings } from './config'\nimport type { WidgetDataResponse } from '../../../services/widgetDataService'\nimport { formatCurrencyWithDecimals } from '../../../lib/formatters'\n\nasync function fetchAovData(settings: AovKpiSettings): Promise<WidgetDataResponse> {\n  const body = {\n    entityType: 'sales:orders',\n    metric: {\n      field: 'grandTotalGrossAmount',\n      aggregate: 'avg',\n    },\n    dateRange: {\n      field: 'placedAt',\n      preset: settings.dateRange,\n    },\n    comparison: settings.showComparison ? { type: 'previous_period' } : undefined,\n  }\n\n  const call = await apiCall<WidgetDataResponse>('/api/dashboards/widgets/data', {\n    method: 'POST',\n    headers: { 'Content-Type': 'application/json' },\n    body: JSON.stringify(body),\n  })\n\n  if (!call.ok) {\n    const errorMsg = (call.result as Record<string, unknown>)?.error\n    throw new Error(typeof errorMsg === 'string' ? errorMsg : 'Failed to fetch AOV data')\n  }\n\n  return call.result as WidgetDataResponse\n}\n\nconst AovKpiWidget: React.FC<DashboardWidgetComponentProps<AovKpiSettings>> = ({\n  mode,\n  settings = DEFAULT_SETTINGS,\n  onSettingsChange,\n  refreshToken,\n  onRefreshStateChange,\n}) => {\n  const t = useT()\n  const hydrated = React.useMemo(() => hydrateSettings(settings), [settings])\n  const [value, setValue] = React.useState<number | null>(null)\n  const [trend, setTrend] = React.useState<KpiTrend | undefined>(undefined)\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n\n  const refresh = React.useCallback(async () => {\n    onRefreshStateChange?.(true)\n    setLoading(true)\n    setError(null)\n    try {\n      const data = await fetchAovData(hydrated)\n      setValue(data.value)\n      if (data.comparison) {\n        setTrend({\n          value: data.comparison.change,\n          direction: data.comparison.direction,\n        })\n      } else {\n        setTrend(undefined)\n      }\n    } catch (err) {\n      console.error('Failed to load AOV KPI data', err)\n      setError(t('dashboards.analytics.widgets.aovKpi.error', 'Failed to load data'))\n    } finally {\n      setLoading(false)\n      onRefreshStateChange?.(false)\n    }\n  }, [hydrated, onRefreshStateChange, t])\n\n  React.useEffect(() => {\n    refresh().catch(() => {})\n  }, [refresh, refreshToken])\n\n  if (mode === 'settings') {\n    return (\n      <div className=\"space-y-4 text-sm\">\n        <DateRangeSelect\n          id=\"aov-kpi-date-range\"\n          label={t('dashboards.analytics.settings.dateRange', 'Date Range')}\n          value={hydrated.dateRange}\n          onChange={(dateRange: DateRangePreset) => onSettingsChange({ ...hydrated, dateRange })}\n        />\n        <div className=\"space-y-1.5\">\n          <label className=\"flex items-center gap-2 text-sm\">\n            <input\n              type=\"checkbox\"\n              checked={hydrated.showComparison}\n              onChange={(e) => onSettingsChange({ ...hydrated, showComparison: e.target.checked })}\n              className=\"h-4 w-4 rounded border focus:ring-primary\"\n            />\n            {t('dashboards.analytics.settings.showComparison', 'Show comparison')}\n          </label>\n        </div>\n      </div>\n    )\n  }\n\n  const comparisonLabelInfo = getComparisonLabelKey(hydrated.dateRange)\n  const comparisonLabel = hydrated.showComparison\n    ? t(comparisonLabelInfo.key, comparisonLabelInfo.fallback)\n    : undefined\n\n  return (\n    <KpiCard\n      value={value}\n      trend={trend}\n      comparisonLabel={comparisonLabel}\n      loading={loading}\n      error={error}\n      formatValue={formatCurrencyWithDecimals}\n      headerAction={\n        <InlineDateRangeSelect\n          value={hydrated.dateRange}\n          onChange={(dateRange) => onSettingsChange({ ...hydrated, dateRange })}\n        />\n      }\n    />\n  )\n}\n\nexport default AovKpiWidget\n"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport type { DashboardWidgetComponentProps } from '@open-mercato/shared/modules/dashboard/widgets'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { KpiCard, type KpiTrend } from '@open-mercato/ui/backend/charts'\nimport {\n  DateRangeSelect,\n  InlineDateRangeSelect,\n  type DateRangePreset,\n  getComparisonLabelKey,\n} from '@open-mercato/ui/backend/date-range'\nimport { DEFAULT_SETTINGS, hydrateSettings, type AovKpiSettings } from './config'\nimport type { WidgetDataResponse } from '../../../services/widgetDataService'\nimport { formatCurrencyWithDecimals } from '../../../lib/formatters'\n\nasync function fetchAovData(settings: AovKpiSettings): Promise<WidgetDataResponse> {\n  const body = {\n    entityType: 'sales:orders',\n    metric: {\n      field: 'grandTotalGrossAmount',\n      aggregate: 'avg',\n    },\n    dateRange: {\n      field: 'placedAt',\n      preset: settings.dateRange,\n    },\n    comparison: settings.showComparison ? { type: 'previous_period' } : undefined,\n  }\n\n  const call = await apiCall<WidgetDataResponse>('/api/dashboards/widgets/data', {\n    method: 'POST',\n    headers: { 'Content-Type': 'application/json' },\n    body: JSON.stringify(body),\n  })\n\n  if (!call.ok) {\n    const errorMsg = (call.result as Record<string, unknown>)?.error\n    throw new Error(typeof errorMsg === 'string' ? errorMsg : 'Failed to fetch AOV data')\n  }\n\n  return call.result as WidgetDataResponse\n}\n\nconst AovKpiWidget: React.FC<DashboardWidgetComponentProps<AovKpiSettings>> = ({\n  mode,\n  settings = DEFAULT_SETTINGS,\n  onSettingsChange,\n  refreshToken,\n  onRefreshStateChange,\n}) => {\n  const t = useT()\n  const hydrated = React.useMemo(() => hydrateSettings(settings), [settings])\n  const [value, setValue] = React.useState<number | null>(null)\n  const [trend, setTrend] = React.useState<KpiTrend | undefined>(undefined)\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n\n  const refresh = React.useCallback(async () => {\n    onRefreshStateChange?.(true)\n    setLoading(true)\n    setError(null)\n    try {\n      const data = await fetchAovData(hydrated)\n      setValue(data.value)\n      if (data.comparison) {\n        setTrend({\n          value: data.comparison.change,\n          direction: data.comparison.direction,\n        })\n      } else {\n        setTrend(undefined)\n      }\n    } catch (err) {\n      console.error('Failed to load AOV KPI data', err)\n      setError(t('dashboards.analytics.widgets.aovKpi.error', 'Failed to load data'))\n    } finally {\n      setLoading(false)\n      onRefreshStateChange?.(false)\n    }\n  }, [hydrated, onRefreshStateChange, t])\n\n  React.useEffect(() => {\n    refresh().catch(() => {})\n  }, [refresh, refreshToken])\n\n  if (mode === 'settings') {\n    return (\n      <div className=\"space-y-4 text-sm\">\n        <DateRangeSelect\n          id=\"aov-kpi-date-range\"\n          label={t('dashboards.analytics.settings.dateRange', 'Date Range')}\n          value={hydrated.dateRange}\n          onChange={(dateRange: DateRangePreset) => onSettingsChange({ ...hydrated, dateRange })}\n        />\n        <div className=\"space-y-1.5\">\n          <label className=\"flex items-center gap-2 text-sm\">\n            <input\n              type=\"checkbox\"\n              checked={hydrated.showComparison}\n              onChange={(e) => onSettingsChange({ ...hydrated, showComparison: e.target.checked })}\n              className=\"h-4 w-4 rounded border focus-visible:ring-ring\"\n            />\n            {t('dashboards.analytics.settings.showComparison', 'Show comparison')}\n          </label>\n        </div>\n      </div>\n    )\n  }\n\n  const comparisonLabelInfo = getComparisonLabelKey(hydrated.dateRange)\n  const comparisonLabel = hydrated.showComparison\n    ? t(comparisonLabelInfo.key, comparisonLabelInfo.fallback)\n    : undefined\n\n  return (\n    <KpiCard\n      value={value}\n      trend={trend}\n      comparisonLabel={comparisonLabel}\n      loading={loading}\n      error={error}\n      formatValue={formatCurrencyWithDecimals}\n      headerAction={\n        <InlineDateRangeSelect\n          value={hydrated.dateRange}\n          onChange={(dateRange) => onSettingsChange({ ...hydrated, dateRange })}\n        />\n      }\n    />\n  )\n}\n\nexport default AovKpiWidget\n"],
   "mappings": ";AA0FQ,cAOE,YAPF;AAxFR,YAAY,WAAW;AAEvB,SAAS,eAAe;AACxB,SAAS,YAAY;AACrB,SAAS,eAA8B;AACvC;AAAA,EACE;AAAA,EACA;AAAA,EAEA;AAAA,OACK;AACP,SAAS,kBAAkB,uBAA4C;AAEvE,SAAS,kCAAkC;AAE3C,eAAe,aAAa,UAAuD;AACjF,QAAM,OAAO;AAAA,IACX,YAAY;AAAA,IACZ,QAAQ;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,IACb;AAAA,IACA,WAAW;AAAA,MACT,OAAO;AAAA,MACP,QAAQ,SAAS;AAAA,IACnB;AAAA,IACA,YAAY,SAAS,iBAAiB,EAAE,MAAM,kBAAkB,IAAI;AAAA,EACtE;AAEA,QAAM,OAAO,MAAM,QAA4B,gCAAgC;AAAA,IAC7E,QAAQ;AAAA,IACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,IAC9C,MAAM,KAAK,UAAU,IAAI;AAAA,EAC3B,CAAC;AAED,MAAI,CAAC,KAAK,IAAI;AACZ,UAAM,WAAY,KAAK,QAAoC;AAC3D,UAAM,IAAI,MAAM,OAAO,aAAa,WAAW,WAAW,0BAA0B;AAAA,EACtF;AAEA,SAAO,KAAK;AACd;AAEA,MAAM,eAAwE,CAAC;AAAA,EAC7E;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,IAAI,KAAK;AACf,QAAM,WAAW,MAAM,QAAQ,MAAM,gBAAgB,QAAQ,GAAG,CAAC,QAAQ,CAAC;AAC1E,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAwB,IAAI;AAC5D,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAA+B,MAAS;AACxE,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,IAAI;AACjD,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAwB,IAAI;AAE5D,QAAM,UAAU,MAAM,YAAY,YAAY;AAC5C,2BAAuB,IAAI;AAC3B,eAAW,IAAI;AACf,aAAS,IAAI;AACb,QAAI;AACF,YAAM,OAAO,MAAM,aAAa,QAAQ;AACxC,eAAS,KAAK,KAAK;AACnB,UAAI,KAAK,YAAY;AACnB,iBAAS;AAAA,UACP,OAAO,KAAK,WAAW;AAAA,UACvB,WAAW,KAAK,WAAW;AAAA,QAC7B,CAAC;AAAA,MACH,OAAO;AACL,iBAAS,MAAS;AAAA,MACpB;AAAA,IACF,SAAS,KAAK;AACZ,cAAQ,MAAM,+BAA+B,GAAG;AAChD,eAAS,EAAE,6CAA6C,qBAAqB,CAAC;AAAA,IAChF,UAAE;AACA,iBAAW,KAAK;AAChB,6BAAuB,KAAK;AAAA,IAC9B;AAAA,EACF,GAAG,CAAC,UAAU,sBAAsB,CAAC,CAAC;AAEtC,QAAM,UAAU,MAAM;AACpB,YAAQ,EAAE,MAAM,MAAM;AAAA,IAAC,CAAC;AAAA,EAC1B,GAAG,CAAC,SAAS,YAAY,CAAC;AAE1B,MAAI,SAAS,YAAY;AACvB,WACE,qBAAC,SAAI,WAAU,qBACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,IAAG;AAAA,UACH,OAAO,EAAE,2CAA2C,YAAY;AAAA,UAChE,OAAO,SAAS;AAAA,UAChB,UAAU,CAAC,cAA+B,iBAAiB,EAAE,GAAG,UAAU,UAAU,CAAC;AAAA;AAAA,MACvF;AAAA,MACA,oBAAC,SAAI,WAAU,eACb,+BAAC,WAAM,WAAU,mCACf;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS,SAAS;AAAA,YAClB,UAAU,CAAC,MAAM,iBAAiB,EAAE,GAAG,UAAU,gBAAgB,EAAE,OAAO,QAAQ,CAAC;AAAA,YACnF,WAAU;AAAA;AAAA,QACZ;AAAA,QACC,EAAE,gDAAgD,iBAAiB;AAAA,SACtE,GACF;AAAA,OACF;AAAA,EAEJ;AAEA,QAAM,sBAAsB,sBAAsB,SAAS,SAAS;AACpE,QAAM,kBAAkB,SAAS,iBAC7B,EAAE,oBAAoB,KAAK,oBAAoB,QAAQ,IACvD;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb,cACE;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,SAAS;AAAA,UAChB,UAAU,CAAC,cAAc,iBAAiB,EAAE,GAAG,UAAU,UAAU,CAAC;AAAA;AAAA,MACtE;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,wBAAQ;",
   "names": []
 }

package/dist/modules/dashboards/widgets/dashboard/new-customers-kpi/widget.client.js

@@ -92,7 +92,7 @@ const NewCustomersKpiWidget = ({
             type: "checkbox",
             checked: hydrated.showComparison,
             onChange: (e) => onSettingsChange({ ...hydrated, showComparison: e.target.checked }),
-            className: "h-4 w-4 rounded border focus:ring-primary"
+            className: "h-4 w-4 rounded border focus-visible:ring-ring"
           }
         ),
         t("dashboards.analytics.settings.showComparison", "Show comparison")

package/dist/modules/dashboards/widgets/dashboard/new-customers-kpi/widget.client.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/dashboards/widgets/dashboard/new-customers-kpi/widget.client.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport type { DashboardWidgetComponentProps } from '@open-mercato/shared/modules/dashboard/widgets'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { KpiCard, type KpiTrend } from '@open-mercato/ui/backend/charts'\nimport {\n  DateRangeSelect,\n  InlineDateRangeSelect,\n  type DateRangePreset,\n  getComparisonLabelKey,\n} from '@open-mercato/ui/backend/date-range'\nimport { DEFAULT_SETTINGS, hydrateSettings, type NewCustomersKpiSettings } from './config'\nimport type { WidgetDataResponse } from '../../../services/widgetDataService'\n\nasync function fetchNewCustomersData(settings: NewCustomersKpiSettings): Promise<WidgetDataResponse> {\n  const body = {\n    entityType: 'customers:entities',\n    metric: {\n      field: 'id',\n      aggregate: 'count',\n    },\n    dateRange: {\n      field: 'createdAt',\n      preset: settings.dateRange,\n    },\n    comparison: settings.showComparison ? { type: 'previous_period' } : undefined,\n  }\n\n  const call = await apiCall<WidgetDataResponse>('/api/dashboards/widgets/data', {\n    method: 'POST',\n    headers: { 'Content-Type': 'application/json' },\n    body: JSON.stringify(body),\n  })\n\n  if (!call.ok) {\n    const errorMsg = (call.result as Record<string, unknown>)?.error\n    throw new Error(typeof errorMsg === 'string' ? errorMsg : 'Failed to fetch new customers data')\n  }\n\n  return call.result as WidgetDataResponse\n}\n\nconst NewCustomersKpiWidget: React.FC<DashboardWidgetComponentProps<NewCustomersKpiSettings>> = ({\n  mode,\n  settings = DEFAULT_SETTINGS,\n  onSettingsChange,\n  refreshToken,\n  onRefreshStateChange,\n}) => {\n  const t = useT()\n  const hydrated = React.useMemo(() => hydrateSettings(settings), [settings])\n  const [value, setValue] = React.useState<number | null>(null)\n  const [trend, setTrend] = React.useState<KpiTrend | undefined>(undefined)\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n\n  const refresh = React.useCallback(async () => {\n    onRefreshStateChange?.(true)\n    setLoading(true)\n    setError(null)\n    try {\n      const data = await fetchNewCustomersData(hydrated)\n      setValue(data.value)\n      if (data.comparison) {\n        setTrend({\n          value: data.comparison.change,\n          direction: data.comparison.direction,\n        })\n      } else {\n        setTrend(undefined)\n      }\n    } catch (err) {\n      console.error('Failed to load new customers KPI data', err)\n      setError(t('dashboards.analytics.widgets.newCustomersKpi.error', 'Failed to load data'))\n    } finally {\n      setLoading(false)\n      onRefreshStateChange?.(false)\n    }\n  }, [hydrated, onRefreshStateChange, t])\n\n  React.useEffect(() => {\n    refresh().catch(() => {})\n  }, [refresh, refreshToken])\n\n  if (mode === 'settings') {\n    return (\n      <div className=\"space-y-4 text-sm\">\n        <DateRangeSelect\n          id=\"new-customers-kpi-date-range\"\n          label={t('dashboards.analytics.settings.dateRange', 'Date Range')}\n          value={hydrated.dateRange}\n          onChange={(dateRange: DateRangePreset) => onSettingsChange({ ...hydrated, dateRange })}\n        />\n        <div className=\"space-y-1.5\">\n          <label className=\"flex items-center gap-2 text-sm\">\n            <input\n              type=\"checkbox\"\n              checked={hydrated.showComparison}\n              onChange={(e) => onSettingsChange({ ...hydrated, showComparison: e.target.checked })}\n              className=\"h-4 w-4 rounded border focus:ring-primary\"\n            />\n            {t('dashboards.analytics.settings.showComparison', 'Show comparison')}\n          </label>\n        </div>\n      </div>\n    )\n  }\n\n  const comparisonLabelInfo = getComparisonLabelKey(hydrated.dateRange)\n  const comparisonLabel = hydrated.showComparison\n    ? t(comparisonLabelInfo.key, comparisonLabelInfo.fallback)\n    : undefined\n\n  return (\n    <KpiCard\n      value={value}\n      trend={trend}\n      comparisonLabel={comparisonLabel}\n      loading={loading}\n      error={error}\n      headerAction={\n        <InlineDateRangeSelect\n          value={hydrated.dateRange}\n          onChange={(dateRange) => onSettingsChange({ ...hydrated, dateRange })}\n        />\n      }\n    />\n  )\n}\n\nexport default NewCustomersKpiWidget\n"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport type { DashboardWidgetComponentProps } from '@open-mercato/shared/modules/dashboard/widgets'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { KpiCard, type KpiTrend } from '@open-mercato/ui/backend/charts'\nimport {\n  DateRangeSelect,\n  InlineDateRangeSelect,\n  type DateRangePreset,\n  getComparisonLabelKey,\n} from '@open-mercato/ui/backend/date-range'\nimport { DEFAULT_SETTINGS, hydrateSettings, type NewCustomersKpiSettings } from './config'\nimport type { WidgetDataResponse } from '../../../services/widgetDataService'\n\nasync function fetchNewCustomersData(settings: NewCustomersKpiSettings): Promise<WidgetDataResponse> {\n  const body = {\n    entityType: 'customers:entities',\n    metric: {\n      field: 'id',\n      aggregate: 'count',\n    },\n    dateRange: {\n      field: 'createdAt',\n      preset: settings.dateRange,\n    },\n    comparison: settings.showComparison ? { type: 'previous_period' } : undefined,\n  }\n\n  const call = await apiCall<WidgetDataResponse>('/api/dashboards/widgets/data', {\n    method: 'POST',\n    headers: { 'Content-Type': 'application/json' },\n    body: JSON.stringify(body),\n  })\n\n  if (!call.ok) {\n    const errorMsg = (call.result as Record<string, unknown>)?.error\n    throw new Error(typeof errorMsg === 'string' ? errorMsg : 'Failed to fetch new customers data')\n  }\n\n  return call.result as WidgetDataResponse\n}\n\nconst NewCustomersKpiWidget: React.FC<DashboardWidgetComponentProps<NewCustomersKpiSettings>> = ({\n  mode,\n  settings = DEFAULT_SETTINGS,\n  onSettingsChange,\n  refreshToken,\n  onRefreshStateChange,\n}) => {\n  const t = useT()\n  const hydrated = React.useMemo(() => hydrateSettings(settings), [settings])\n  const [value, setValue] = React.useState<number | null>(null)\n  const [trend, setTrend] = React.useState<KpiTrend | undefined>(undefined)\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n\n  const refresh = React.useCallback(async () => {\n    onRefreshStateChange?.(true)\n    setLoading(true)\n    setError(null)\n    try {\n      const data = await fetchNewCustomersData(hydrated)\n      setValue(data.value)\n      if (data.comparison) {\n        setTrend({\n          value: data.comparison.change,\n          direction: data.comparison.direction,\n        })\n      } else {\n        setTrend(undefined)\n      }\n    } catch (err) {\n      console.error('Failed to load new customers KPI data', err)\n      setError(t('dashboards.analytics.widgets.newCustomersKpi.error', 'Failed to load data'))\n    } finally {\n      setLoading(false)\n      onRefreshStateChange?.(false)\n    }\n  }, [hydrated, onRefreshStateChange, t])\n\n  React.useEffect(() => {\n    refresh().catch(() => {})\n  }, [refresh, refreshToken])\n\n  if (mode === 'settings') {\n    return (\n      <div className=\"space-y-4 text-sm\">\n        <DateRangeSelect\n          id=\"new-customers-kpi-date-range\"\n          label={t('dashboards.analytics.settings.dateRange', 'Date Range')}\n          value={hydrated.dateRange}\n          onChange={(dateRange: DateRangePreset) => onSettingsChange({ ...hydrated, dateRange })}\n        />\n        <div className=\"space-y-1.5\">\n          <label className=\"flex items-center gap-2 text-sm\">\n            <input\n              type=\"checkbox\"\n              checked={hydrated.showComparison}\n              onChange={(e) => onSettingsChange({ ...hydrated, showComparison: e.target.checked })}\n              className=\"h-4 w-4 rounded border focus-visible:ring-ring\"\n            />\n            {t('dashboards.analytics.settings.showComparison', 'Show comparison')}\n          </label>\n        </div>\n      </div>\n    )\n  }\n\n  const comparisonLabelInfo = getComparisonLabelKey(hydrated.dateRange)\n  const comparisonLabel = hydrated.showComparison\n    ? t(comparisonLabelInfo.key, comparisonLabelInfo.fallback)\n    : undefined\n\n  return (\n    <KpiCard\n      value={value}\n      trend={trend}\n      comparisonLabel={comparisonLabel}\n      loading={loading}\n      error={error}\n      headerAction={\n        <InlineDateRangeSelect\n          value={hydrated.dateRange}\n          onChange={(dateRange) => onSettingsChange({ ...hydrated, dateRange })}\n        />\n      }\n    />\n  )\n}\n\nexport default NewCustomersKpiWidget\n"],
   "mappings": "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",
   "names": []
 }

package/dist/modules/dashboards/widgets/dashboard/orders-by-status/widget.client.js

@@ -111,7 +111,7 @@ const OrdersByStatusWidget = ({
           "select",
           {
             id: "orders-by-status-variant",
-            className: "w-full rounded-md border bg-background px-2 py-1 text-sm text-foreground focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary",
+            className: "w-full rounded-md border bg-background px-2 py-1 text-sm text-foreground focus-visible:border-ring focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
             value: hydrated.variant,
             onChange: (e) => onSettingsChange({ ...hydrated, variant: e.target.value }),
             children: [

package/dist/modules/dashboards/widgets/dashboard/orders-by-status/widget.client.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/dashboards/widgets/dashboard/orders-by-status/widget.client.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport type { DashboardWidgetComponentProps } from '@open-mercato/shared/modules/dashboard/widgets'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { PieChart, type PieChartDataItem } from '@open-mercato/ui/backend/charts'\nimport {\n  DateRangeSelect,\n  InlineDateRangeSelect,\n  type DateRangePreset,\n} from '@open-mercato/ui/backend/date-range'\nimport { DEFAULT_SETTINGS, hydrateSettings, type OrdersByStatusSettings } from './config'\nimport type { WidgetDataResponse } from '../../../services/widgetDataService'\n\nasync function fetchOrdersByStatusData(settings: OrdersByStatusSettings): Promise<WidgetDataResponse> {\n  const body = {\n    entityType: 'sales:orders',\n    metric: {\n      field: 'id',\n      aggregate: 'count',\n    },\n    groupBy: {\n      field: 'status',\n    },\n    dateRange: {\n      field: 'placedAt',\n      preset: settings.dateRange,\n    },\n  }\n\n  const call = await apiCall<WidgetDataResponse>('/api/dashboards/widgets/data', {\n    method: 'POST',\n    headers: { 'Content-Type': 'application/json' },\n    body: JSON.stringify(body),\n  })\n\n  if (!call.ok) {\n    const errorMsg = (call.result as Record<string, unknown>)?.error\n    throw new Error(typeof errorMsg === 'string' ? errorMsg : 'Failed to fetch orders by status data')\n  }\n\n  return call.result as WidgetDataResponse\n}\n\nconst ORDER_STATUS_KEYS: Record<string, string> = {\n  draft: 'dashboards.analytics.orderStatus.draft',\n  pending: 'dashboards.analytics.orderStatus.pending',\n  confirmed: 'dashboards.analytics.orderStatus.confirmed',\n  processing: 'dashboards.analytics.orderStatus.processing',\n  shipped: 'dashboards.analytics.orderStatus.shipped',\n  delivered: 'dashboards.analytics.orderStatus.delivered',\n  cancelled: 'dashboards.analytics.orderStatus.cancelled',\n}\n\nfunction formatStatusLabel(status: string | null, t: (key: string, fallback: string) => string): string {\n  if (!status) return t('dashboards.analytics.labels.unknown', 'Unknown')\n  const key = ORDER_STATUS_KEYS[status.toLowerCase()]\n  if (key) {\n    return t(key, status.replace(/_/g, ' ').replace(/\\b\\w/g, (l) => l.toUpperCase()))\n  }\n  return status.replace(/_/g, ' ').replace(/\\b\\w/g, (l) => l.toUpperCase())\n}\n\nconst OrdersByStatusWidget: React.FC<DashboardWidgetComponentProps<OrdersByStatusSettings>> = ({\n  mode,\n  settings = DEFAULT_SETTINGS,\n  onSettingsChange,\n  refreshToken,\n  onRefreshStateChange,\n}) => {\n  const t = useT()\n  const hydrated = React.useMemo(() => hydrateSettings(settings), [settings])\n  const [data, setData] = React.useState<PieChartDataItem[]>([])\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n\n  const refresh = React.useCallback(async () => {\n    onRefreshStateChange?.(true)\n    setLoading(true)\n    setError(null)\n    try {\n      const result = await fetchOrdersByStatusData(hydrated)\n      const chartData = result.data.map((item) => ({\n        name: formatStatusLabel(item.groupKey as string | null, t),\n        value: item.value ?? 0,\n      }))\n      setData(chartData)\n    } catch (err) {\n      console.error('Failed to load orders by status data', err)\n      setError(t('dashboards.analytics.widgets.ordersByStatus.error', 'Failed to load data'))\n    } finally {\n      setLoading(false)\n      onRefreshStateChange?.(false)\n    }\n  }, [hydrated, onRefreshStateChange, t])\n\n  React.useEffect(() => {\n    refresh().catch(() => {})\n  }, [refresh, refreshToken])\n\n  if (mode === 'settings') {\n    return (\n      <div className=\"space-y-4 text-sm\">\n        <DateRangeSelect\n          id=\"orders-by-status-date-range\"\n          label={t('dashboards.analytics.settings.dateRange', 'Date Range')}\n          value={hydrated.dateRange}\n          onChange={(dateRange: DateRangePreset) => onSettingsChange({ ...hydrated, dateRange })}\n        />\n        <div className=\"space-y-1.5\">\n          <label\n            htmlFor=\"orders-by-status-variant\"\n            className=\"text-xs font-semibold uppercase text-muted-foreground\"\n          >\n            {t('dashboards.analytics.settings.chartVariant', 'Chart Style')}\n          </label>\n          <select\n            id=\"orders-by-status-variant\"\n            className=\"w-full rounded-md border bg-background px-2 py-1 text-sm text-foreground focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary\"\n            value={hydrated.variant}\n            onChange={(e) => onSettingsChange({ ...hydrated, variant: e.target.value as 'pie' | 'donut' })}\n          >\n            <option value=\"donut\">{t('dashboards.analytics.chartVariant.donut', 'Donut')}</option>\n            <option value=\"pie\">{t('dashboards.analytics.chartVariant.pie', 'Pie')}</option>\n          </select>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"flex flex-col h-full\">\n      <div className=\"flex justify-end mb-2\">\n        <InlineDateRangeSelect\n          value={hydrated.dateRange}\n          onChange={(dateRange) => onSettingsChange({ ...hydrated, dateRange })}\n        />\n      </div>\n      <div className=\"flex-1 min-h-0\">\n        <PieChart\n          data={data}\n          loading={loading}\n          error={error}\n          variant={hydrated.variant}\n          colors={['blue', 'emerald', 'amber', 'rose', 'violet', 'cyan']}\n          emptyMessage={t('dashboards.analytics.widgets.ordersByStatus.empty', 'No orders for this period')}\n        />\n      </div>\n    </div>\n  )\n}\n\nexport default OrdersByStatusWidget\n"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport type { DashboardWidgetComponentProps } from '@open-mercato/shared/modules/dashboard/widgets'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { PieChart, type PieChartDataItem } from '@open-mercato/ui/backend/charts'\nimport {\n  DateRangeSelect,\n  InlineDateRangeSelect,\n  type DateRangePreset,\n} from '@open-mercato/ui/backend/date-range'\nimport { DEFAULT_SETTINGS, hydrateSettings, type OrdersByStatusSettings } from './config'\nimport type { WidgetDataResponse } from '../../../services/widgetDataService'\n\nasync function fetchOrdersByStatusData(settings: OrdersByStatusSettings): Promise<WidgetDataResponse> {\n  const body = {\n    entityType: 'sales:orders',\n    metric: {\n      field: 'id',\n      aggregate: 'count',\n    },\n    groupBy: {\n      field: 'status',\n    },\n    dateRange: {\n      field: 'placedAt',\n      preset: settings.dateRange,\n    },\n  }\n\n  const call = await apiCall<WidgetDataResponse>('/api/dashboards/widgets/data', {\n    method: 'POST',\n    headers: { 'Content-Type': 'application/json' },\n    body: JSON.stringify(body),\n  })\n\n  if (!call.ok) {\n    const errorMsg = (call.result as Record<string, unknown>)?.error\n    throw new Error(typeof errorMsg === 'string' ? errorMsg : 'Failed to fetch orders by status data')\n  }\n\n  return call.result as WidgetDataResponse\n}\n\nconst ORDER_STATUS_KEYS: Record<string, string> = {\n  draft: 'dashboards.analytics.orderStatus.draft',\n  pending: 'dashboards.analytics.orderStatus.pending',\n  confirmed: 'dashboards.analytics.orderStatus.confirmed',\n  processing: 'dashboards.analytics.orderStatus.processing',\n  shipped: 'dashboards.analytics.orderStatus.shipped',\n  delivered: 'dashboards.analytics.orderStatus.delivered',\n  cancelled: 'dashboards.analytics.orderStatus.cancelled',\n}\n\nfunction formatStatusLabel(status: string | null, t: (key: string, fallback: string) => string): string {\n  if (!status) return t('dashboards.analytics.labels.unknown', 'Unknown')\n  const key = ORDER_STATUS_KEYS[status.toLowerCase()]\n  if (key) {\n    return t(key, status.replace(/_/g, ' ').replace(/\\b\\w/g, (l) => l.toUpperCase()))\n  }\n  return status.replace(/_/g, ' ').replace(/\\b\\w/g, (l) => l.toUpperCase())\n}\n\nconst OrdersByStatusWidget: React.FC<DashboardWidgetComponentProps<OrdersByStatusSettings>> = ({\n  mode,\n  settings = DEFAULT_SETTINGS,\n  onSettingsChange,\n  refreshToken,\n  onRefreshStateChange,\n}) => {\n  const t = useT()\n  const hydrated = React.useMemo(() => hydrateSettings(settings), [settings])\n  const [data, setData] = React.useState<PieChartDataItem[]>([])\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n\n  const refresh = React.useCallback(async () => {\n    onRefreshStateChange?.(true)\n    setLoading(true)\n    setError(null)\n    try {\n      const result = await fetchOrdersByStatusData(hydrated)\n      const chartData = result.data.map((item) => ({\n        name: formatStatusLabel(item.groupKey as string | null, t),\n        value: item.value ?? 0,\n      }))\n      setData(chartData)\n    } catch (err) {\n      console.error('Failed to load orders by status data', err)\n      setError(t('dashboards.analytics.widgets.ordersByStatus.error', 'Failed to load data'))\n    } finally {\n      setLoading(false)\n      onRefreshStateChange?.(false)\n    }\n  }, [hydrated, onRefreshStateChange, t])\n\n  React.useEffect(() => {\n    refresh().catch(() => {})\n  }, [refresh, refreshToken])\n\n  if (mode === 'settings') {\n    return (\n      <div className=\"space-y-4 text-sm\">\n        <DateRangeSelect\n          id=\"orders-by-status-date-range\"\n          label={t('dashboards.analytics.settings.dateRange', 'Date Range')}\n          value={hydrated.dateRange}\n          onChange={(dateRange: DateRangePreset) => onSettingsChange({ ...hydrated, dateRange })}\n        />\n        <div className=\"space-y-1.5\">\n          <label\n            htmlFor=\"orders-by-status-variant\"\n            className=\"text-xs font-semibold uppercase text-muted-foreground\"\n          >\n            {t('dashboards.analytics.settings.chartVariant', 'Chart Style')}\n          </label>\n          <select\n            id=\"orders-by-status-variant\"\n            className=\"w-full rounded-md border bg-background px-2 py-1 text-sm text-foreground focus-visible:border-ring focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"\n            value={hydrated.variant}\n            onChange={(e) => onSettingsChange({ ...hydrated, variant: e.target.value as 'pie' | 'donut' })}\n          >\n            <option value=\"donut\">{t('dashboards.analytics.chartVariant.donut', 'Donut')}</option>\n            <option value=\"pie\">{t('dashboards.analytics.chartVariant.pie', 'Pie')}</option>\n          </select>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"flex flex-col h-full\">\n      <div className=\"flex justify-end mb-2\">\n        <InlineDateRangeSelect\n          value={hydrated.dateRange}\n          onChange={(dateRange) => onSettingsChange({ ...hydrated, dateRange })}\n        />\n      </div>\n      <div className=\"flex-1 min-h-0\">\n        <PieChart\n          data={data}\n          loading={loading}\n          error={error}\n          variant={hydrated.variant}\n          colors={['blue', 'emerald', 'amber', 'rose', 'violet', 'cyan']}\n          emptyMessage={t('dashboards.analytics.widgets.ordersByStatus.empty', 'No orders for this period')}\n        />\n      </div>\n    </div>\n  )\n}\n\nexport default OrdersByStatusWidget\n"],
   "mappings": "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",
   "names": []
 }

package/dist/modules/dashboards/widgets/dashboard/orders-kpi/widget.client.js

@@ -92,7 +92,7 @@ const OrdersKpiWidget = ({
             type: "checkbox",
             checked: hydrated.showComparison,
             onChange: (e) => onSettingsChange({ ...hydrated, showComparison: e.target.checked }),
-            className: "h-4 w-4 rounded border focus:ring-primary"
+            className: "h-4 w-4 rounded border focus-visible:ring-ring"
           }
         ),
         t("dashboards.analytics.settings.showComparison", "Show comparison")

package/dist/modules/dashboards/widgets/dashboard/orders-kpi/widget.client.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/dashboards/widgets/dashboard/orders-kpi/widget.client.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport type { DashboardWidgetComponentProps } from '@open-mercato/shared/modules/dashboard/widgets'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { KpiCard, type KpiTrend } from '@open-mercato/ui/backend/charts'\nimport {\n  DateRangeSelect,\n  InlineDateRangeSelect,\n  type DateRangePreset,\n  getComparisonLabelKey,\n} from '@open-mercato/ui/backend/date-range'\nimport { DEFAULT_SETTINGS, hydrateSettings, type OrdersKpiSettings } from './config'\nimport type { WidgetDataResponse } from '../../../services/widgetDataService'\n\nasync function fetchOrdersData(settings: OrdersKpiSettings): Promise<WidgetDataResponse> {\n  const body = {\n    entityType: 'sales:orders',\n    metric: {\n      field: 'id',\n      aggregate: 'count',\n    },\n    dateRange: {\n      field: 'placedAt',\n      preset: settings.dateRange,\n    },\n    comparison: settings.showComparison ? { type: 'previous_period' } : undefined,\n  }\n\n  const call = await apiCall<WidgetDataResponse>('/api/dashboards/widgets/data', {\n    method: 'POST',\n    headers: { 'Content-Type': 'application/json' },\n    body: JSON.stringify(body),\n  })\n\n  if (!call.ok) {\n    const errorMsg = (call.result as Record<string, unknown>)?.error\n    throw new Error(typeof errorMsg === 'string' ? errorMsg : 'Failed to fetch orders data')\n  }\n\n  return call.result as WidgetDataResponse\n}\n\nconst OrdersKpiWidget: React.FC<DashboardWidgetComponentProps<OrdersKpiSettings>> = ({\n  mode,\n  settings = DEFAULT_SETTINGS,\n  onSettingsChange,\n  refreshToken,\n  onRefreshStateChange,\n}) => {\n  const t = useT()\n  const hydrated = React.useMemo(() => hydrateSettings(settings), [settings])\n  const [value, setValue] = React.useState<number | null>(null)\n  const [trend, setTrend] = React.useState<KpiTrend | undefined>(undefined)\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n\n  const refresh = React.useCallback(async () => {\n    onRefreshStateChange?.(true)\n    setLoading(true)\n    setError(null)\n    try {\n      const data = await fetchOrdersData(hydrated)\n      setValue(data.value)\n      if (data.comparison) {\n        setTrend({\n          value: data.comparison.change,\n          direction: data.comparison.direction,\n        })\n      } else {\n        setTrend(undefined)\n      }\n    } catch (err) {\n      console.error('Failed to load orders KPI data', err)\n      setError(t('dashboards.analytics.widgets.ordersKpi.error', 'Failed to load data'))\n    } finally {\n      setLoading(false)\n      onRefreshStateChange?.(false)\n    }\n  }, [hydrated, onRefreshStateChange, t])\n\n  React.useEffect(() => {\n    refresh().catch(() => {})\n  }, [refresh, refreshToken])\n\n  if (mode === 'settings') {\n    return (\n      <div className=\"space-y-4 text-sm\">\n        <DateRangeSelect\n          id=\"orders-kpi-date-range\"\n          label={t('dashboards.analytics.settings.dateRange', 'Date Range')}\n          value={hydrated.dateRange}\n          onChange={(dateRange: DateRangePreset) => onSettingsChange({ ...hydrated, dateRange })}\n        />\n        <div className=\"space-y-1.5\">\n          <label className=\"flex items-center gap-2 text-sm\">\n            <input\n              type=\"checkbox\"\n              checked={hydrated.showComparison}\n              onChange={(e) => onSettingsChange({ ...hydrated, showComparison: e.target.checked })}\n              className=\"h-4 w-4 rounded border focus:ring-primary\"\n            />\n            {t('dashboards.analytics.settings.showComparison', 'Show comparison')}\n          </label>\n        </div>\n      </div>\n    )\n  }\n\n  const comparisonLabelInfo = getComparisonLabelKey(hydrated.dateRange)\n  const comparisonLabel = hydrated.showComparison\n    ? t(comparisonLabelInfo.key, comparisonLabelInfo.fallback)\n    : undefined\n\n  return (\n    <KpiCard\n      value={value}\n      trend={trend}\n      comparisonLabel={comparisonLabel}\n      loading={loading}\n      error={error}\n      headerAction={\n        <InlineDateRangeSelect\n          value={hydrated.dateRange}\n          onChange={(dateRange) => onSettingsChange({ ...hydrated, dateRange })}\n        />\n      }\n    />\n  )\n}\n\nexport default OrdersKpiWidget\n"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport type { DashboardWidgetComponentProps } from '@open-mercato/shared/modules/dashboard/widgets'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { KpiCard, type KpiTrend } from '@open-mercato/ui/backend/charts'\nimport {\n  DateRangeSelect,\n  InlineDateRangeSelect,\n  type DateRangePreset,\n  getComparisonLabelKey,\n} from '@open-mercato/ui/backend/date-range'\nimport { DEFAULT_SETTINGS, hydrateSettings, type OrdersKpiSettings } from './config'\nimport type { WidgetDataResponse } from '../../../services/widgetDataService'\n\nasync function fetchOrdersData(settings: OrdersKpiSettings): Promise<WidgetDataResponse> {\n  const body = {\n    entityType: 'sales:orders',\n    metric: {\n      field: 'id',\n      aggregate: 'count',\n    },\n    dateRange: {\n      field: 'placedAt',\n      preset: settings.dateRange,\n    },\n    comparison: settings.showComparison ? { type: 'previous_period' } : undefined,\n  }\n\n  const call = await apiCall<WidgetDataResponse>('/api/dashboards/widgets/data', {\n    method: 'POST',\n    headers: { 'Content-Type': 'application/json' },\n    body: JSON.stringify(body),\n  })\n\n  if (!call.ok) {\n    const errorMsg = (call.result as Record<string, unknown>)?.error\n    throw new Error(typeof errorMsg === 'string' ? errorMsg : 'Failed to fetch orders data')\n  }\n\n  return call.result as WidgetDataResponse\n}\n\nconst OrdersKpiWidget: React.FC<DashboardWidgetComponentProps<OrdersKpiSettings>> = ({\n  mode,\n  settings = DEFAULT_SETTINGS,\n  onSettingsChange,\n  refreshToken,\n  onRefreshStateChange,\n}) => {\n  const t = useT()\n  const hydrated = React.useMemo(() => hydrateSettings(settings), [settings])\n  const [value, setValue] = React.useState<number | null>(null)\n  const [trend, setTrend] = React.useState<KpiTrend | undefined>(undefined)\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n\n  const refresh = React.useCallback(async () => {\n    onRefreshStateChange?.(true)\n    setLoading(true)\n    setError(null)\n    try {\n      const data = await fetchOrdersData(hydrated)\n      setValue(data.value)\n      if (data.comparison) {\n        setTrend({\n          value: data.comparison.change,\n          direction: data.comparison.direction,\n        })\n      } else {\n        setTrend(undefined)\n      }\n    } catch (err) {\n      console.error('Failed to load orders KPI data', err)\n      setError(t('dashboards.analytics.widgets.ordersKpi.error', 'Failed to load data'))\n    } finally {\n      setLoading(false)\n      onRefreshStateChange?.(false)\n    }\n  }, [hydrated, onRefreshStateChange, t])\n\n  React.useEffect(() => {\n    refresh().catch(() => {})\n  }, [refresh, refreshToken])\n\n  if (mode === 'settings') {\n    return (\n      <div className=\"space-y-4 text-sm\">\n        <DateRangeSelect\n          id=\"orders-kpi-date-range\"\n          label={t('dashboards.analytics.settings.dateRange', 'Date Range')}\n          value={hydrated.dateRange}\n          onChange={(dateRange: DateRangePreset) => onSettingsChange({ ...hydrated, dateRange })}\n        />\n        <div className=\"space-y-1.5\">\n          <label className=\"flex items-center gap-2 text-sm\">\n            <input\n              type=\"checkbox\"\n              checked={hydrated.showComparison}\n              onChange={(e) => onSettingsChange({ ...hydrated, showComparison: e.target.checked })}\n              className=\"h-4 w-4 rounded border focus-visible:ring-ring\"\n            />\n            {t('dashboards.analytics.settings.showComparison', 'Show comparison')}\n          </label>\n        </div>\n      </div>\n    )\n  }\n\n  const comparisonLabelInfo = getComparisonLabelKey(hydrated.dateRange)\n  const comparisonLabel = hydrated.showComparison\n    ? t(comparisonLabelInfo.key, comparisonLabelInfo.fallback)\n    : undefined\n\n  return (\n    <KpiCard\n      value={value}\n      trend={trend}\n      comparisonLabel={comparisonLabel}\n      loading={loading}\n      error={error}\n      headerAction={\n        <InlineDateRangeSelect\n          value={hydrated.dateRange}\n          onChange={(dateRange) => onSettingsChange({ ...hydrated, dateRange })}\n        />\n      }\n    />\n  )\n}\n\nexport default OrdersKpiWidget\n"],
   "mappings": "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",
   "names": []
 }

package/dist/modules/dashboards/widgets/dashboard/revenue-kpi/widget.client.js

@@ -93,7 +93,7 @@ const RevenueKpiWidget = ({
             type: "checkbox",
             checked: hydrated.showComparison,
             onChange: (e) => onSettingsChange({ ...hydrated, showComparison: e.target.checked }),
-            className: "h-4 w-4 rounded border focus:ring-primary"
+            className: "h-4 w-4 rounded border focus-visible:ring-ring"
           }
         ),
         t("dashboards.analytics.settings.showComparison", "Show comparison")

package/dist/modules/dashboards/widgets/dashboard/revenue-kpi/widget.client.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/dashboards/widgets/dashboard/revenue-kpi/widget.client.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport type { DashboardWidgetComponentProps } from '@open-mercato/shared/modules/dashboard/widgets'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { KpiCard, type KpiTrend } from '@open-mercato/ui/backend/charts'\nimport {\n  DateRangeSelect,\n  InlineDateRangeSelect,\n  type DateRangePreset,\n  getComparisonLabelKey,\n} from '@open-mercato/ui/backend/date-range'\nimport { DEFAULT_SETTINGS, hydrateSettings, type RevenueKpiSettings } from './config'\nimport type { WidgetDataResponse } from '../../../services/widgetDataService'\nimport { formatCurrency } from '../../../lib/formatters'\n\nasync function fetchRevenueData(settings: RevenueKpiSettings): Promise<WidgetDataResponse> {\n  const body = {\n    entityType: 'sales:orders',\n    metric: {\n      field: 'grandTotalGrossAmount',\n      aggregate: 'sum',\n    },\n    dateRange: {\n      field: 'placedAt',\n      preset: settings.dateRange,\n    },\n    comparison: settings.showComparison ? { type: 'previous_period' } : undefined,\n  }\n\n  const call = await apiCall<WidgetDataResponse>('/api/dashboards/widgets/data', {\n    method: 'POST',\n    headers: { 'Content-Type': 'application/json' },\n    body: JSON.stringify(body),\n  })\n\n  if (!call.ok) {\n    const errorMsg = (call.result as Record<string, unknown>)?.error\n    throw new Error(typeof errorMsg === 'string' ? errorMsg : 'Failed to fetch revenue data')\n  }\n\n  return call.result as WidgetDataResponse\n}\n\nconst RevenueKpiWidget: React.FC<DashboardWidgetComponentProps<RevenueKpiSettings>> = ({\n  mode,\n  settings = DEFAULT_SETTINGS,\n  onSettingsChange,\n  refreshToken,\n  onRefreshStateChange,\n}) => {\n  const t = useT()\n  const hydrated = React.useMemo(() => hydrateSettings(settings), [settings])\n  const [value, setValue] = React.useState<number | null>(null)\n  const [trend, setTrend] = React.useState<KpiTrend | undefined>(undefined)\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n\n  const refresh = React.useCallback(async () => {\n    onRefreshStateChange?.(true)\n    setLoading(true)\n    setError(null)\n    try {\n      const data = await fetchRevenueData(hydrated)\n      setValue(data.value)\n      if (data.comparison) {\n        setTrend({\n          value: data.comparison.change,\n          direction: data.comparison.direction,\n        })\n      } else {\n        setTrend(undefined)\n      }\n    } catch (err) {\n      console.error('Failed to load revenue KPI data', err)\n      setError(t('dashboards.analytics.widgets.revenueKpi.error', 'Failed to load data'))\n    } finally {\n      setLoading(false)\n      onRefreshStateChange?.(false)\n    }\n  }, [hydrated, onRefreshStateChange, t])\n\n  React.useEffect(() => {\n    refresh().catch(() => {})\n  }, [refresh, refreshToken])\n\n  if (mode === 'settings') {\n    return (\n      <div className=\"space-y-4 text-sm\">\n        <DateRangeSelect\n          id=\"revenue-kpi-date-range\"\n          label={t('dashboards.analytics.settings.dateRange', 'Date Range')}\n          value={hydrated.dateRange}\n          onChange={(dateRange: DateRangePreset) => onSettingsChange({ ...hydrated, dateRange })}\n        />\n        <div className=\"space-y-1.5\">\n          <label className=\"flex items-center gap-2 text-sm\">\n            <input\n              type=\"checkbox\"\n              checked={hydrated.showComparison}\n              onChange={(e) => onSettingsChange({ ...hydrated, showComparison: e.target.checked })}\n              className=\"h-4 w-4 rounded border focus:ring-primary\"\n            />\n            {t('dashboards.analytics.settings.showComparison', 'Show comparison')}\n          </label>\n        </div>\n      </div>\n    )\n  }\n\n  const comparisonLabelInfo = getComparisonLabelKey(hydrated.dateRange)\n  const comparisonLabel = hydrated.showComparison\n    ? t(comparisonLabelInfo.key, comparisonLabelInfo.fallback)\n    : undefined\n\n  return (\n    <KpiCard\n      value={value}\n      trend={trend}\n      comparisonLabel={comparisonLabel}\n      loading={loading}\n      error={error}\n      formatValue={formatCurrency}\n      headerAction={\n        <InlineDateRangeSelect\n          value={hydrated.dateRange}\n          onChange={(dateRange) => onSettingsChange({ ...hydrated, dateRange })}\n        />\n      }\n    />\n  )\n}\n\nexport default RevenueKpiWidget\n"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport type { DashboardWidgetComponentProps } from '@open-mercato/shared/modules/dashboard/widgets'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { KpiCard, type KpiTrend } from '@open-mercato/ui/backend/charts'\nimport {\n  DateRangeSelect,\n  InlineDateRangeSelect,\n  type DateRangePreset,\n  getComparisonLabelKey,\n} from '@open-mercato/ui/backend/date-range'\nimport { DEFAULT_SETTINGS, hydrateSettings, type RevenueKpiSettings } from './config'\nimport type { WidgetDataResponse } from '../../../services/widgetDataService'\nimport { formatCurrency } from '../../../lib/formatters'\n\nasync function fetchRevenueData(settings: RevenueKpiSettings): Promise<WidgetDataResponse> {\n  const body = {\n    entityType: 'sales:orders',\n    metric: {\n      field: 'grandTotalGrossAmount',\n      aggregate: 'sum',\n    },\n    dateRange: {\n      field: 'placedAt',\n      preset: settings.dateRange,\n    },\n    comparison: settings.showComparison ? { type: 'previous_period' } : undefined,\n  }\n\n  const call = await apiCall<WidgetDataResponse>('/api/dashboards/widgets/data', {\n    method: 'POST',\n    headers: { 'Content-Type': 'application/json' },\n    body: JSON.stringify(body),\n  })\n\n  if (!call.ok) {\n    const errorMsg = (call.result as Record<string, unknown>)?.error\n    throw new Error(typeof errorMsg === 'string' ? errorMsg : 'Failed to fetch revenue data')\n  }\n\n  return call.result as WidgetDataResponse\n}\n\nconst RevenueKpiWidget: React.FC<DashboardWidgetComponentProps<RevenueKpiSettings>> = ({\n  mode,\n  settings = DEFAULT_SETTINGS,\n  onSettingsChange,\n  refreshToken,\n  onRefreshStateChange,\n}) => {\n  const t = useT()\n  const hydrated = React.useMemo(() => hydrateSettings(settings), [settings])\n  const [value, setValue] = React.useState<number | null>(null)\n  const [trend, setTrend] = React.useState<KpiTrend | undefined>(undefined)\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n\n  const refresh = React.useCallback(async () => {\n    onRefreshStateChange?.(true)\n    setLoading(true)\n    setError(null)\n    try {\n      const data = await fetchRevenueData(hydrated)\n      setValue(data.value)\n      if (data.comparison) {\n        setTrend({\n          value: data.comparison.change,\n          direction: data.comparison.direction,\n        })\n      } else {\n        setTrend(undefined)\n      }\n    } catch (err) {\n      console.error('Failed to load revenue KPI data', err)\n      setError(t('dashboards.analytics.widgets.revenueKpi.error', 'Failed to load data'))\n    } finally {\n      setLoading(false)\n      onRefreshStateChange?.(false)\n    }\n  }, [hydrated, onRefreshStateChange, t])\n\n  React.useEffect(() => {\n    refresh().catch(() => {})\n  }, [refresh, refreshToken])\n\n  if (mode === 'settings') {\n    return (\n      <div className=\"space-y-4 text-sm\">\n        <DateRangeSelect\n          id=\"revenue-kpi-date-range\"\n          label={t('dashboards.analytics.settings.dateRange', 'Date Range')}\n          value={hydrated.dateRange}\n          onChange={(dateRange: DateRangePreset) => onSettingsChange({ ...hydrated, dateRange })}\n        />\n        <div className=\"space-y-1.5\">\n          <label className=\"flex items-center gap-2 text-sm\">\n            <input\n              type=\"checkbox\"\n              checked={hydrated.showComparison}\n              onChange={(e) => onSettingsChange({ ...hydrated, showComparison: e.target.checked })}\n              className=\"h-4 w-4 rounded border focus-visible:ring-ring\"\n            />\n            {t('dashboards.analytics.settings.showComparison', 'Show comparison')}\n          </label>\n        </div>\n      </div>\n    )\n  }\n\n  const comparisonLabelInfo = getComparisonLabelKey(hydrated.dateRange)\n  const comparisonLabel = hydrated.showComparison\n    ? t(comparisonLabelInfo.key, comparisonLabelInfo.fallback)\n    : undefined\n\n  return (\n    <KpiCard\n      value={value}\n      trend={trend}\n      comparisonLabel={comparisonLabel}\n      loading={loading}\n      error={error}\n      formatValue={formatCurrency}\n      headerAction={\n        <InlineDateRangeSelect\n          value={hydrated.dateRange}\n          onChange={(dateRange) => onSettingsChange({ ...hydrated, dateRange })}\n        />\n      }\n    />\n  )\n}\n\nexport default RevenueKpiWidget\n"],
   "mappings": "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",
   "names": []
 }

package/dist/modules/dashboards/widgets/dashboard/revenue-trend/widget.client.js

@@ -157,7 +157,7 @@ const RevenueTrendWidget = ({
           "select",
           {
             id: "revenue-trend-granularity",
-            className: "w-full rounded-md border bg-background px-2 py-1 text-sm text-foreground focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary",
+            className: "w-full rounded-md border bg-background px-2 py-1 text-sm text-foreground focus-visible:border-ring focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
             value: hydrated.granularity,
             onChange: (e) => onSettingsChange({ ...hydrated, granularity: e.target.value }),
             children: GRANULARITY_OPTIONS.map((opt) => /* @__PURE__ */ jsx("option", { value: opt.value, children: t(opt.labelKey, opt.value) }, opt.value))
@@ -171,7 +171,7 @@ const RevenueTrendWidget = ({
             type: "checkbox",
             checked: hydrated.showArea,
             onChange: (e) => onSettingsChange({ ...hydrated, showArea: e.target.checked }),
-            className: "h-4 w-4 rounded border focus:ring-primary"
+            className: "h-4 w-4 rounded border focus-visible:ring-ring"
           }
         ),
         t("dashboards.analytics.settings.showArea", "Show area fill")