npm - @open-mercato/core - Versions diffs - 0.5.1-develop.2860.07af3a6a9d → 0.5.1-develop.2874.77704bccbd - Mend

@open-mercato/core 0.5.1-develop.2860.07af3a6a9d → 0.5.1-develop.2874.77704bccbd

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (349) hide show

package/dist/modules/sales/widgets/dashboard/new-quotes/widget.client.js CHANGED Viewed

@@ -101,7 +101,7 @@ const SalesNewQuotesWidget = ({
             type: "number",
             min: 1,
             max: 20,
-            className: "w-24 rounded-md border border-input bg-background px-2 py-1 text-sm text-foreground focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary",
+            className: "w-24 rounded-md border border-input 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.pageSize,
             onChange: (event) => {
               const next = Number(event.target.value);
@@ -122,7 +122,7 @@ const SalesNewQuotesWidget = ({
             onChange: (event) => {
               onSettingsChange?.({ ...hydrated, datePeriod: event.target.value });
             },
-            className: "w-full rounded-md border border-input 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 border-input 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",
             children: [
               /* @__PURE__ */ jsx("option", { value: "last24h", children: translate("sales.widgets.newQuotes.settings.last24h", "Last 24 hours") }),
               /* @__PURE__ */ jsx("option", { value: "last7d", children: translate("sales.widgets.newQuotes.settings.last7d", "Last 7 days") }),
@@ -146,7 +146,7 @@ const SalesNewQuotesWidget = ({
               },
               onFocus: openNativeDatePicker,
               onClick: openNativeDatePicker,
-              className: "w-full rounded-md border border-input 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 border-input 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"
             }
           )
         ] }),
@@ -163,7 +163,7 @@ const SalesNewQuotesWidget = ({
               },
               onFocus: openNativeDatePicker,
               onClick: openNativeDatePicker,
-              className: "w-full rounded-md border border-input 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 border-input 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"
             }
           )
         ] })

package/dist/modules/sales/widgets/dashboard/new-quotes/widget.client.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/sales/widgets/dashboard/new-quotes/widget.client.tsx"],
-  "sourcesContent": ["\"use client\"\r\n\r\nimport * as React from 'react'\r\nimport Link from 'next/link'\r\nimport type { DashboardWidgetComponentProps } from '@open-mercato/shared/modules/dashboard/widgets'\r\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\r\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\r\nimport { Badge } from '@open-mercato/ui/primitives/badge'\r\nimport { formatRelativeTime } from '@open-mercato/shared/lib/time'\r\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\r\nimport { DEFAULT_SETTINGS, hydrateSalesNewQuotesSettings, type DatePeriodOption, type SalesNewQuotesSettings } from './config'\r\nimport { readString, toDateInputValue, openNativeDatePicker, formatAmount } from '../shared'\r\n\r\ntype NewQuoteItem = {\r\n  id: string\r\n  quoteNumber: string\r\n  status: string | null\r\n  customerName: string | null\r\n  customerEntityId: string | null\r\n  netAmount: string\r\n  grossAmount: string\r\n  currency: string | null\r\n  createdAt: string\r\n  validFrom: string | null\r\n  validUntil: string | null\r\n  convertedOrderId: string | null\r\n}\r\n\r\ntype NewQuotesApiPayload = {\r\n  items?: unknown[]\r\n  error?: string\r\n}\r\n\r\nfunction parseNewQuoteItems(payload: NewQuotesApiPayload | null): NewQuoteItem[] {\r\n  const rawItems = Array.isArray(payload?.items) ? payload?.items : []\r\n  return rawItems\r\n    .map((item) => {\r\n      if (!item || typeof item !== 'object') return null\r\n      const data = item as Record<string, unknown>\r\n      const id = readString(data.id)\r\n      const quoteNumber = readString(data.quoteNumber)\r\n      const createdAt = readString(data.createdAt)\r\n      if (!id || !quoteNumber || !createdAt) return null\r\n      return {\r\n        id,\r\n        quoteNumber,\r\n        status: readString(data.status),\r\n        customerName: readString(data.customerName),\r\n        customerEntityId: readString(data.customerEntityId),\r\n        netAmount: readString(data.netAmount) ?? '0',\r\n        grossAmount: readString(data.grossAmount) ?? '0',\r\n        currency: readString(data.currency),\r\n        createdAt,\r\n        validFrom: readString(data.validFrom),\r\n        validUntil: readString(data.validUntil),\r\n        convertedOrderId: readString(data.convertedOrderId),\r\n      }\r\n    })\r\n    .filter((item): item is NewQuoteItem => !!item)\r\n}\r\n\r\nasync function loadNewQuotes(settings: SalesNewQuotesSettings): Promise<NewQuoteItem[]> {\r\n  const params = new URLSearchParams({\r\n    limit: String(settings.pageSize),\r\n    datePeriod: settings.datePeriod,\r\n  })\r\n  if (settings.datePeriod === 'custom') {\r\n    if (settings.customFrom) params.set('customFrom', settings.customFrom)\r\n    if (settings.customTo) params.set('customTo', settings.customTo)\r\n  }\r\n\r\n  const call = await apiCall<NewQuotesApiPayload>(`/api/sales/dashboard/widgets/new-quotes?${params.toString()}`)\r\n  if (!call.ok) {\r\n    const message =\r\n      typeof (call.result as Record<string, unknown> | null)?.error === 'string'\r\n        ? ((call.result as Record<string, unknown>).error as string)\r\n        : `Request failed with status ${call.status}`\r\n    throw new Error(message)\r\n  }\r\n  return parseNewQuoteItems(call.result ?? null)\r\n}\r\n\r\nfunction resolveDetailHref(item: NewQuoteItem): string | null {\r\n  return item.id ? `/backend/sales/quotes/${encodeURIComponent(item.id)}` : null\r\n}\r\n\r\n\r\nconst SalesNewQuotesWidget: React.FC<DashboardWidgetComponentProps<SalesNewQuotesSettings>> = ({\r\n  mode,\r\n  settings = DEFAULT_SETTINGS,\r\n  onSettingsChange,\r\n  refreshToken,\r\n  onRefreshStateChange,\r\n}) => {\r\n  const translate = useT()\r\n  const hydrated = React.useMemo(() => hydrateSalesNewQuotesSettings(settings), [settings])\r\n  const [items, setItems] = React.useState<NewQuoteItem[]>([])\r\n  const [loading, setLoading] = React.useState(true)\r\n  const [error, setError] = React.useState<string | null>(null)\r\n  const [locale, setLocale] = React.useState<string | undefined>(undefined)\r\n\r\n  React.useEffect(() => {\r\n    if (typeof navigator !== 'undefined') {\r\n      setLocale(navigator.language)\r\n    }\r\n  }, [])\r\n\r\n  const refresh = React.useCallback(async () => {\r\n    onRefreshStateChange?.(true)\r\n    setLoading(true)\r\n    setError(null)\r\n    try {\r\n      const data = await loadNewQuotes(hydrated)\r\n      setItems(data)\r\n    } catch (err) {\r\n      console.error('Failed to load new quotes widget data', err)\r\n      setError(translate('sales.widgets.newQuotes.error', 'Failed to load quotes'))\r\n    } finally {\r\n      setLoading(false)\r\n      onRefreshStateChange?.(false)\r\n    }\r\n  }, [hydrated, onRefreshStateChange, translate])\r\n\r\n  React.useEffect(() => {\r\n    refresh().catch(() => {})\r\n  }, [refresh, refreshToken])\r\n\r\n  if (mode === 'settings') {\r\n    return (\r\n      <div className=\"space-y-4 text-sm\">\r\n        <div className=\"space-y-1.5\">\r\n          <label htmlFor=\"sales-new-quotes-page-size\" className=\"text-xs font-semibold uppercase text-muted-foreground\">\r\n            {translate('sales.widgets.newQuotes.settings.pageSize', 'Number of Quotes')}\r\n          </label>\r\n          <input\r\n            id=\"sales-new-quotes-page-size\"\r\n            type=\"number\"\r\n            min={1}\r\n            max={20}\r\n            className=\"w-24 rounded-md border border-input bg-background px-2 py-1 text-sm text-foreground focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary\"\r\n            value={hydrated.pageSize}\r\n            onChange={(event) => {\r\n              const next = Number(event.target.value)\r\n              if (!Number.isFinite(next)) return\r\n              const clamped = Math.min(20, Math.max(1, Math.floor(next)))\r\n              onSettingsChange?.({ ...hydrated, pageSize: clamped })\r\n            }}\r\n          />\r\n        </div>\r\n\r\n        <div className=\"space-y-1.5\">\r\n          <label htmlFor=\"sales-new-quotes-date-period\" className=\"text-xs font-semibold uppercase text-muted-foreground\">\r\n            {translate('sales.widgets.newQuotes.settings.datePeriod', 'Date Period')}\r\n          </label>\r\n          <select\r\n            id=\"sales-new-quotes-date-period\"\r\n            value={hydrated.datePeriod}\r\n            onChange={(event) => {\r\n              onSettingsChange?.({ ...hydrated, datePeriod: event.target.value as DatePeriodOption })\r\n            }}\r\n            className=\"w-full rounded-md border border-input bg-background px-2 py-1 text-sm text-foreground focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary\"\r\n          >\r\n            <option value=\"last24h\">{translate('sales.widgets.newQuotes.settings.last24h', 'Last 24 hours')}</option>\r\n            <option value=\"last7d\">{translate('sales.widgets.newQuotes.settings.last7d', 'Last 7 days')}</option>\r\n            <option value=\"last30d\">{translate('sales.widgets.newQuotes.settings.last30d', 'Last 30 days')}</option>\r\n            <option value=\"custom\">{translate('sales.widgets.newQuotes.settings.custom', 'Custom range')}</option>\r\n          </select>\r\n        </div>\r\n\r\n        {hydrated.datePeriod === 'custom' ? (\r\n          <div className=\"grid gap-3\">\r\n            <div className=\"space-y-1.5\">\r\n              <label htmlFor=\"sales-new-quotes-custom-from\" className=\"text-xs font-semibold uppercase text-muted-foreground\">\r\n                {translate('sales.widgets.newQuotes.settings.customFrom', 'From')}\r\n              </label>\r\n              <input\r\n                id=\"sales-new-quotes-custom-from\"\r\n                type=\"date\"\r\n                value={toDateInputValue(hydrated.customFrom)}\r\n                onChange={(event) => {\r\n                  onSettingsChange?.({ ...hydrated, customFrom: event.target.value })\r\n                }}\r\n                onFocus={openNativeDatePicker}\r\n                onClick={openNativeDatePicker}\r\n                className=\"w-full rounded-md border border-input bg-background px-2 py-1 text-sm text-foreground focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary\"\r\n              />\r\n            </div>\r\n            <div className=\"space-y-1.5\">\r\n              <label htmlFor=\"sales-new-quotes-custom-to\" className=\"text-xs font-semibold uppercase text-muted-foreground\">\r\n                {translate('sales.widgets.newQuotes.settings.customTo', 'To')}\r\n              </label>\r\n              <input\r\n                id=\"sales-new-quotes-custom-to\"\r\n                type=\"date\"\r\n                value={toDateInputValue(hydrated.customTo)}\r\n                onChange={(event) => {\r\n                  onSettingsChange?.({ ...hydrated, customTo: event.target.value })\r\n                }}\r\n                onFocus={openNativeDatePicker}\r\n                onClick={openNativeDatePicker}\r\n                className=\"w-full rounded-md border border-input bg-background px-2 py-1 text-sm text-foreground focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary\"\r\n              />\r\n            </div>\r\n          </div>\r\n        ) : null}\r\n      </div>\r\n    )\r\n  }\r\n\r\n  if (error) {\r\n    return <p className=\"text-sm text-destructive\">{error}</p>\r\n  }\r\n\r\n  if (loading) {\r\n    return (\r\n      <div className=\"flex h-32 items-center justify-center\">\r\n        <Spinner className=\"h-6 w-6 text-muted-foreground\" />\r\n      </div>\r\n    )\r\n  }\r\n\r\n  if (!items.length) {\r\n    return <p className=\"text-sm text-muted-foreground\">{translate('sales.widgets.newQuotes.empty', 'No quotes found')}</p>\r\n  }\r\n\r\n  return (\r\n    <ul className=\"space-y-3\">\r\n      {items.map((item) => {\r\n        const detailHref = resolveDetailHref(item)\r\n        const amountLabel = formatAmount(item.grossAmount, item.currency, locale)\r\n        const createdLabel = formatRelativeTime(item.createdAt) ?? ''\r\n        return (\r\n          <li key={item.id} className=\"rounded-md border p-3\">\r\n            <div className=\"flex items-start justify-between gap-3\">\r\n              <div className=\"space-y-1\">\r\n                <div className=\"flex items-center gap-2\">\r\n                  {detailHref ? (\r\n                    <Link href={detailHref} className=\"text-sm font-semibold text-foreground hover:underline\">\r\n                      {item.quoteNumber}\r\n                    </Link>\r\n                  ) : (\r\n                    <span className=\"text-sm font-semibold text-foreground\">{item.quoteNumber}</span>\r\n                  )}\r\n                  {item.status ? (\r\n                    <Badge variant=\"outline\" className=\"text-xs\">\r\n                      {item.status}\r\n                    </Badge>\r\n                  ) : null}\r\n                </div>\r\n                <p className=\"text-xs text-muted-foreground\">\r\n                  {item.customerName ?? translate('sales.widgets.newQuotes.noCustomer', 'No customer')}\r\n                </p>\r\n                <p className=\"text-xs text-muted-foreground\">{createdLabel}</p>\r\n              </div>\r\n              <div className=\"text-right\">\r\n                <p className=\"text-sm font-semibold\">{amountLabel}</p>\r\n              </div>\r\n            </div>\r\n          </li>\r\n        )\r\n      })}\r\n    </ul>\r\n  )\r\n}\r\n\r\nexport default SalesNewQuotesWidget\r\n"],
+  "sourcesContent": ["\"use client\"\r\n\r\nimport * as React from 'react'\r\nimport Link from 'next/link'\r\nimport type { DashboardWidgetComponentProps } from '@open-mercato/shared/modules/dashboard/widgets'\r\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\r\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\r\nimport { Badge } from '@open-mercato/ui/primitives/badge'\r\nimport { formatRelativeTime } from '@open-mercato/shared/lib/time'\r\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\r\nimport { DEFAULT_SETTINGS, hydrateSalesNewQuotesSettings, type DatePeriodOption, type SalesNewQuotesSettings } from './config'\r\nimport { readString, toDateInputValue, openNativeDatePicker, formatAmount } from '../shared'\r\n\r\ntype NewQuoteItem = {\r\n  id: string\r\n  quoteNumber: string\r\n  status: string | null\r\n  customerName: string | null\r\n  customerEntityId: string | null\r\n  netAmount: string\r\n  grossAmount: string\r\n  currency: string | null\r\n  createdAt: string\r\n  validFrom: string | null\r\n  validUntil: string | null\r\n  convertedOrderId: string | null\r\n}\r\n\r\ntype NewQuotesApiPayload = {\r\n  items?: unknown[]\r\n  error?: string\r\n}\r\n\r\nfunction parseNewQuoteItems(payload: NewQuotesApiPayload | null): NewQuoteItem[] {\r\n  const rawItems = Array.isArray(payload?.items) ? payload?.items : []\r\n  return rawItems\r\n    .map((item) => {\r\n      if (!item || typeof item !== 'object') return null\r\n      const data = item as Record<string, unknown>\r\n      const id = readString(data.id)\r\n      const quoteNumber = readString(data.quoteNumber)\r\n      const createdAt = readString(data.createdAt)\r\n      if (!id || !quoteNumber || !createdAt) return null\r\n      return {\r\n        id,\r\n        quoteNumber,\r\n        status: readString(data.status),\r\n        customerName: readString(data.customerName),\r\n        customerEntityId: readString(data.customerEntityId),\r\n        netAmount: readString(data.netAmount) ?? '0',\r\n        grossAmount: readString(data.grossAmount) ?? '0',\r\n        currency: readString(data.currency),\r\n        createdAt,\r\n        validFrom: readString(data.validFrom),\r\n        validUntil: readString(data.validUntil),\r\n        convertedOrderId: readString(data.convertedOrderId),\r\n      }\r\n    })\r\n    .filter((item): item is NewQuoteItem => !!item)\r\n}\r\n\r\nasync function loadNewQuotes(settings: SalesNewQuotesSettings): Promise<NewQuoteItem[]> {\r\n  const params = new URLSearchParams({\r\n    limit: String(settings.pageSize),\r\n    datePeriod: settings.datePeriod,\r\n  })\r\n  if (settings.datePeriod === 'custom') {\r\n    if (settings.customFrom) params.set('customFrom', settings.customFrom)\r\n    if (settings.customTo) params.set('customTo', settings.customTo)\r\n  }\r\n\r\n  const call = await apiCall<NewQuotesApiPayload>(`/api/sales/dashboard/widgets/new-quotes?${params.toString()}`)\r\n  if (!call.ok) {\r\n    const message =\r\n      typeof (call.result as Record<string, unknown> | null)?.error === 'string'\r\n        ? ((call.result as Record<string, unknown>).error as string)\r\n        : `Request failed with status ${call.status}`\r\n    throw new Error(message)\r\n  }\r\n  return parseNewQuoteItems(call.result ?? null)\r\n}\r\n\r\nfunction resolveDetailHref(item: NewQuoteItem): string | null {\r\n  return item.id ? `/backend/sales/quotes/${encodeURIComponent(item.id)}` : null\r\n}\r\n\r\n\r\nconst SalesNewQuotesWidget: React.FC<DashboardWidgetComponentProps<SalesNewQuotesSettings>> = ({\r\n  mode,\r\n  settings = DEFAULT_SETTINGS,\r\n  onSettingsChange,\r\n  refreshToken,\r\n  onRefreshStateChange,\r\n}) => {\r\n  const translate = useT()\r\n  const hydrated = React.useMemo(() => hydrateSalesNewQuotesSettings(settings), [settings])\r\n  const [items, setItems] = React.useState<NewQuoteItem[]>([])\r\n  const [loading, setLoading] = React.useState(true)\r\n  const [error, setError] = React.useState<string | null>(null)\r\n  const [locale, setLocale] = React.useState<string | undefined>(undefined)\r\n\r\n  React.useEffect(() => {\r\n    if (typeof navigator !== 'undefined') {\r\n      setLocale(navigator.language)\r\n    }\r\n  }, [])\r\n\r\n  const refresh = React.useCallback(async () => {\r\n    onRefreshStateChange?.(true)\r\n    setLoading(true)\r\n    setError(null)\r\n    try {\r\n      const data = await loadNewQuotes(hydrated)\r\n      setItems(data)\r\n    } catch (err) {\r\n      console.error('Failed to load new quotes widget data', err)\r\n      setError(translate('sales.widgets.newQuotes.error', 'Failed to load quotes'))\r\n    } finally {\r\n      setLoading(false)\r\n      onRefreshStateChange?.(false)\r\n    }\r\n  }, [hydrated, onRefreshStateChange, translate])\r\n\r\n  React.useEffect(() => {\r\n    refresh().catch(() => {})\r\n  }, [refresh, refreshToken])\r\n\r\n  if (mode === 'settings') {\r\n    return (\r\n      <div className=\"space-y-4 text-sm\">\r\n        <div className=\"space-y-1.5\">\r\n          <label htmlFor=\"sales-new-quotes-page-size\" className=\"text-xs font-semibold uppercase text-muted-foreground\">\r\n            {translate('sales.widgets.newQuotes.settings.pageSize', 'Number of Quotes')}\r\n          </label>\r\n          <input\r\n            id=\"sales-new-quotes-page-size\"\r\n            type=\"number\"\r\n            min={1}\r\n            max={20}\r\n            className=\"w-24 rounded-md border border-input 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\"\r\n            value={hydrated.pageSize}\r\n            onChange={(event) => {\r\n              const next = Number(event.target.value)\r\n              if (!Number.isFinite(next)) return\r\n              const clamped = Math.min(20, Math.max(1, Math.floor(next)))\r\n              onSettingsChange?.({ ...hydrated, pageSize: clamped })\r\n            }}\r\n          />\r\n        </div>\r\n\r\n        <div className=\"space-y-1.5\">\r\n          <label htmlFor=\"sales-new-quotes-date-period\" className=\"text-xs font-semibold uppercase text-muted-foreground\">\r\n            {translate('sales.widgets.newQuotes.settings.datePeriod', 'Date Period')}\r\n          </label>\r\n          <select\r\n            id=\"sales-new-quotes-date-period\"\r\n            value={hydrated.datePeriod}\r\n            onChange={(event) => {\r\n              onSettingsChange?.({ ...hydrated, datePeriod: event.target.value as DatePeriodOption })\r\n            }}\r\n            className=\"w-full rounded-md border border-input 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\"\r\n          >\r\n            <option value=\"last24h\">{translate('sales.widgets.newQuotes.settings.last24h', 'Last 24 hours')}</option>\r\n            <option value=\"last7d\">{translate('sales.widgets.newQuotes.settings.last7d', 'Last 7 days')}</option>\r\n            <option value=\"last30d\">{translate('sales.widgets.newQuotes.settings.last30d', 'Last 30 days')}</option>\r\n            <option value=\"custom\">{translate('sales.widgets.newQuotes.settings.custom', 'Custom range')}</option>\r\n          </select>\r\n        </div>\r\n\r\n        {hydrated.datePeriod === 'custom' ? (\r\n          <div className=\"grid gap-3\">\r\n            <div className=\"space-y-1.5\">\r\n              <label htmlFor=\"sales-new-quotes-custom-from\" className=\"text-xs font-semibold uppercase text-muted-foreground\">\r\n                {translate('sales.widgets.newQuotes.settings.customFrom', 'From')}\r\n              </label>\r\n              <input\r\n                id=\"sales-new-quotes-custom-from\"\r\n                type=\"date\"\r\n                value={toDateInputValue(hydrated.customFrom)}\r\n                onChange={(event) => {\r\n                  onSettingsChange?.({ ...hydrated, customFrom: event.target.value })\r\n                }}\r\n                onFocus={openNativeDatePicker}\r\n                onClick={openNativeDatePicker}\r\n                className=\"w-full rounded-md border border-input 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\"\r\n              />\r\n            </div>\r\n            <div className=\"space-y-1.5\">\r\n              <label htmlFor=\"sales-new-quotes-custom-to\" className=\"text-xs font-semibold uppercase text-muted-foreground\">\r\n                {translate('sales.widgets.newQuotes.settings.customTo', 'To')}\r\n              </label>\r\n              <input\r\n                id=\"sales-new-quotes-custom-to\"\r\n                type=\"date\"\r\n                value={toDateInputValue(hydrated.customTo)}\r\n                onChange={(event) => {\r\n                  onSettingsChange?.({ ...hydrated, customTo: event.target.value })\r\n                }}\r\n                onFocus={openNativeDatePicker}\r\n                onClick={openNativeDatePicker}\r\n                className=\"w-full rounded-md border border-input 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\"\r\n              />\r\n            </div>\r\n          </div>\r\n        ) : null}\r\n      </div>\r\n    )\r\n  }\r\n\r\n  if (error) {\r\n    return <p className=\"text-sm text-destructive\">{error}</p>\r\n  }\r\n\r\n  if (loading) {\r\n    return (\r\n      <div className=\"flex h-32 items-center justify-center\">\r\n        <Spinner className=\"h-6 w-6 text-muted-foreground\" />\r\n      </div>\r\n    )\r\n  }\r\n\r\n  if (!items.length) {\r\n    return <p className=\"text-sm text-muted-foreground\">{translate('sales.widgets.newQuotes.empty', 'No quotes found')}</p>\r\n  }\r\n\r\n  return (\r\n    <ul className=\"space-y-3\">\r\n      {items.map((item) => {\r\n        const detailHref = resolveDetailHref(item)\r\n        const amountLabel = formatAmount(item.grossAmount, item.currency, locale)\r\n        const createdLabel = formatRelativeTime(item.createdAt) ?? ''\r\n        return (\r\n          <li key={item.id} className=\"rounded-md border p-3\">\r\n            <div className=\"flex items-start justify-between gap-3\">\r\n              <div className=\"space-y-1\">\r\n                <div className=\"flex items-center gap-2\">\r\n                  {detailHref ? (\r\n                    <Link href={detailHref} className=\"text-sm font-semibold text-foreground hover:underline\">\r\n                      {item.quoteNumber}\r\n                    </Link>\r\n                  ) : (\r\n                    <span className=\"text-sm font-semibold text-foreground\">{item.quoteNumber}</span>\r\n                  )}\r\n                  {item.status ? (\r\n                    <Badge variant=\"outline\" className=\"text-xs\">\r\n                      {item.status}\r\n                    </Badge>\r\n                  ) : null}\r\n                </div>\r\n                <p className=\"text-xs text-muted-foreground\">\r\n                  {item.customerName ?? translate('sales.widgets.newQuotes.noCustomer', 'No customer')}\r\n                </p>\r\n                <p className=\"text-xs text-muted-foreground\">{createdLabel}</p>\r\n              </div>\r\n              <div className=\"text-right\">\r\n                <p className=\"text-sm font-semibold\">{amountLabel}</p>\r\n              </div>\r\n            </div>\r\n          </li>\r\n        )\r\n      })}\r\n    </ul>\r\n  )\r\n}\r\n\r\nexport default SalesNewQuotesWidget\r\n"],
   "mappings": "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",
   "names": []
 }

package/dist/modules/sales/widgets/injection/document-history/widget.client.js CHANGED Viewed

@@ -28,7 +28,7 @@ function StatusDot({ color, className }) {
   return /* @__PURE__ */ jsx(
     "span",
     {
-      className: cn("h-2.5 w-2.5 rounded-full border border-border/60 inline-flex", className),
+      className: cn("h-2.5 w-2.5 rounded-full border border-border/70 inline-flex", className),
       style: { backgroundColor: color },
       "aria-hidden": true
     }
@@ -151,7 +151,7 @@ function FilterDropdown({ filter, onChange }) {
       {
         role: "listbox",
         "aria-label": t("sales.documents.history.filter.label", "Filters"),
-        className: "absolute left-0 top-full mt-1 z-50 w-48 rounded-md border bg-background p-1 shadow-md",
+        className: "absolute left-0 top-full mt-1 z-dropdown w-48 rounded-md border bg-background p-1 shadow-md",
         children: options.map((opt) => /* @__PURE__ */ jsxs(
           "button",
           {

package/dist/modules/sales/widgets/injection/document-history/widget.client.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/sales/widgets/injection/document-history/widget.client.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from \"react\"\nimport { Spinner } from \"@open-mercato/ui/primitives/spinner\"\nimport { useT } from \"@open-mercato/shared/lib/i18n/context\"\nimport { apiCall } from \"@open-mercato/ui/backend/utils/apiCall\"\nimport { formatRelativeTime, formatDateTime } from \"@open-mercato/shared/lib/time\"\nimport { cn } from \"@open-mercato/shared/lib/utils\"\nimport type { InjectionWidgetComponentProps } from '@open-mercato/shared/modules/widgets/injection'\nimport { ArrowRightLeft, Zap, MessageSquare, User, Filter, ChevronDown, Check } from 'lucide-react'\n\nexport type TimelineEntry = {\n  id: string\n  occurredAt: string\n  kind: \"status\" | \"action\" | \"comment\"\n  action: string\n  actor: { id: string | null; label: string }\n  source: \"action_log\" | \"note\"\n  metadata?: {\n    statusFrom?: string | null\n    statusTo?: string | null\n    documentKind?: \"order\" | \"quote\"\n    commandId?: string\n  }\n}\n\ntype StatusOption = {\n  value: string\n  label: string\n  color: string | null\n  icon: string | null\n}\n\ntype TimelineContext = {\n  kind: \"order\" | \"quote\"\n  record: { id: string }\n}\n\nconst isValidContext = (ctx: unknown): ctx is TimelineContext =>\n  ctx !== null &&\n  typeof ctx === 'object' &&\n  'kind' in ctx &&\n  'record' in ctx &&\n  ((ctx as TimelineContext).kind === 'order' || (ctx as TimelineContext).kind === 'quote') &&\n  typeof (ctx as TimelineContext).record === 'object' &&\n  (ctx as TimelineContext).record !== null &&\n  'id' in (ctx as TimelineContext).record &&\n  typeof (ctx as TimelineContext).record.id === 'string'\n\nconst KIND_ICONS = {\n  status: ArrowRightLeft,\n  action: Zap,\n  comment: MessageSquare,\n}\n\nconst KIND_ICON_COLORS = {\n  status: 'text-foreground',\n  action: 'text-foreground',\n  comment: 'text-foreground',\n}\n\nconst KIND_BG_COLORS = {\n  status: 'bg-muted',\n  action: 'bg-muted',\n  comment: 'bg-muted',\n}\n\nfunction StatusDot({ color, className }: { color: string | null | undefined; className?: string }) {\n  if (!color) return <span className={cn('h-2.5 w-2.5 rounded-full bg-muted-foreground/40 border border-border inline-flex', className)} />\n  return (\n    <span\n      className={cn('h-2.5 w-2.5 rounded-full border border-border/60 inline-flex', className)}\n      style={{ backgroundColor: color }}\n      aria-hidden\n    />\n  )\n}\n\nfunction StatusTransition({\n  statusFrom,\n  statusTo,\n  statusMap,\n}: {\n  statusFrom: string | null | undefined\n  statusTo: string | null | undefined\n  statusMap: Record<string, StatusOption>\n}) {\n  const from = statusFrom ? (statusMap[statusFrom] ?? { value: statusFrom, label: statusFrom, color: null, icon: null }) : null\n  const to = statusTo ? (statusMap[statusTo] ?? { value: statusTo, label: statusTo, color: null, icon: null }) : null\n\n  return (\n    <div className=\"flex items-center gap-1.5 flex-wrap\">\n      {from ? (\n        <span className=\"inline-flex items-center gap-1 text-xs text-muted-foreground\">\n          <StatusDot color={from.color} />\n          <span>{from.label}</span>\n        </span>\n      ) : null}\n      {from && to ? (\n        <ArrowRightLeft className=\"h-3 w-3 text-muted-foreground/60 shrink-0\" />\n      ) : null}\n      {to ? (\n        <span className=\"inline-flex items-center gap-1 text-xs font-medium text-foreground\">\n          <StatusDot color={to.color} />\n          <span>{to.label}</span>\n        </span>\n      ) : null}\n    </div>\n  )\n}\n\nfunction TimelineItem({\n  entry,\n  statusMap,\n  isLast,\n}: {\n  entry: TimelineEntry\n  statusMap: Record<string, StatusOption>\n  isLast: boolean\n}) {\n  const KindIcon = KIND_ICONS[entry.kind]\n  const relativeTime = formatRelativeTime(entry.occurredAt)\n  const absoluteTime = formatDateTime(entry.occurredAt)\n\n  const isStatusChange = entry.kind === 'status' && entry.metadata?.statusTo\n\n  return (\n    <div data-testid=\"timeline-entry\" className=\"relative flex gap-3\">\n      {/* Vertical connector line */}\n      {!isLast && (\n        <div className=\"absolute left-[11px] top-6 bottom-0 w-px bg-border\" aria-hidden />\n      )}\n\n      {/* Icon circle */}\n      <div\n        className={cn(\n          'relative z-10 flex h-6 w-6 shrink-0 items-center justify-center rounded-full border border-border',\n          KIND_BG_COLORS[entry.kind],\n        )}\n      >\n        <KindIcon className={cn('h-3 w-3', KIND_ICON_COLORS[entry.kind])} aria-hidden />\n      </div>\n\n      {/* Content card */}\n      <div className=\"flex-1 pb-4\">\n        <div className=\"group rounded-lg border bg-card p-3 space-y-1.5\">\n          {/* Header: actor + time */}\n          <div className=\"flex items-center justify-between gap-2 flex-wrap\">\n            <span className=\"inline-flex items-center gap-1.5 text-xs font-medium text-foreground\">\n              <User className=\"h-3 w-3 text-muted-foreground\" aria-hidden />\n              {entry.actor.label}\n            </span>\n            <span\n              className=\"text-xs text-muted-foreground\"\n              title={absoluteTime ?? undefined}\n            >\n              {relativeTime ?? absoluteTime}\n            </span>\n          </div>\n\n          {/* Body */}\n          {isStatusChange ? (\n            <StatusTransition\n              statusFrom={entry.metadata?.statusFrom}\n              statusTo={entry.metadata?.statusTo}\n              statusMap={statusMap}\n            />\n          ) : (\n            <div className=\"text-sm text-foreground\">{entry.action}</div>\n          )}\n        </div>\n      </div>\n    </div>\n  )\n}\n\ntype FilterKind = 'all' | 'status' | 'action' | 'comment'\n\ntype FilterOption = { value: FilterKind; label: string }\n\nfunction FilterDropdown({ filter, onChange }: { filter: FilterKind; onChange: (kind: FilterKind) => void }) {\n  const t = useT()\n  const [open, setOpen] = React.useState(false)\n  const ref = React.useRef<HTMLDivElement>(null)\n\n  React.useEffect(() => {\n    if (!open) return\n    function onDocClick(e: MouseEvent) {\n      if (ref.current && !ref.current.contains(e.target as Node)) setOpen(false)\n    }\n    function onKey(e: KeyboardEvent) {\n      if (e.key === 'Escape') setOpen(false)\n    }\n    document.addEventListener('mousedown', onDocClick)\n    document.addEventListener('keydown', onKey)\n    return () => {\n      document.removeEventListener('mousedown', onDocClick)\n      document.removeEventListener('keydown', onKey)\n    }\n  }, [open])\n\n  const options: FilterOption[] = [\n    { value: 'all', label: t('sales.documents.history.filter.all', 'All') },\n    { value: 'status', label: t('sales.documents.history.filter.status', 'Status changes') },\n    { value: 'action', label: t('sales.documents.history.filter.actions', 'Actions') },\n    { value: 'comment', label: t('sales.documents.history.filter.comments', 'Comments') },\n  ]\n\n  const activeLabel = options.find(o => o.value === filter)?.label\n\n  return (\n    <div className=\"relative\" ref={ref}>\n      <button\n        type=\"button\"\n        aria-haspopup=\"listbox\"\n        aria-expanded={open}\n        onClick={() => setOpen(prev => !prev)}\n        className=\"inline-flex items-center gap-1.5 rounded-md border border-input bg-background px-2.5 py-1 text-xs font-medium shadow-sm hover:bg-accent hover:text-accent-foreground transition-colors select-none\"\n      >\n        <Filter className=\"h-3 w-3\" aria-hidden />\n        {t('sales.documents.history.filter.label', 'Filters')}\n        {filter !== 'all' && (\n          <span className=\"text-muted-foreground\">: {activeLabel}</span>\n        )}\n        <ChevronDown className={cn('h-3 w-3 transition-transform duration-150', open && 'rotate-180')} aria-hidden />\n      </button>\n      {open && (\n        <div\n          role=\"listbox\"\n          aria-label={t('sales.documents.history.filter.label', 'Filters')}\n          className=\"absolute left-0 top-full mt-1 z-50 w-48 rounded-md border bg-background p-1 shadow-md\"\n        >\n          {options.map(opt => (\n            <button\n              key={opt.value}\n              type=\"button\"\n              role=\"option\"\n              aria-selected={filter === opt.value}\n              onClick={() => { onChange(opt.value); setOpen(false) }}\n              className=\"flex w-full items-center gap-2 rounded px-2 py-1.5 text-sm hover:bg-accent\"\n            >\n              <Check className={cn('h-3.5 w-3.5 shrink-0', filter === opt.value ? 'opacity-100' : 'opacity-0')} aria-hidden />\n              {opt.label}\n            </button>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport const DocumentHistoryWidget: React.FC<InjectionWidgetComponentProps<unknown, unknown>> = ({ context }) => {\n  const t = useT()\n  const [entries, setEntries] = React.useState<TimelineEntry[]>([])\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const [statusMap, setStatusMap] = React.useState<Record<string, StatusOption>>({})\n  const [filter, setFilter] = React.useState<FilterKind>('all')\n\n  React.useEffect(() => {\n    const urls = [\n      '/api/sales/order-statuses?pageSize=100',\n      '/api/sales/shipment-statuses?pageSize=100',\n      '/api/sales/payment-statuses?pageSize=100',\n    ]\n    const map: Record<string, StatusOption> = {}\n    const merge = (items: unknown[]) => {\n      if (!Array.isArray(items)) return\n      for (const item of items) {\n        if (!item || typeof item !== 'object') continue\n        const d = item as Record<string, unknown>\n        const value = typeof d.value === 'string' ? d.value : null\n        if (!value) continue\n        map[value] = {\n          value,\n          label: typeof d.label === 'string' && d.label.length ? d.label : value,\n          color: typeof d.color === 'string' && d.color.length ? d.color : null,\n          icon: typeof d.icon === 'string' && d.icon.length ? d.icon : null,\n        }\n      }\n    }\n    Promise.all(urls.map((url) => apiCall<{ items?: unknown[] }>(url)))\n      .then((responses) => {\n        for (const res of responses) {\n          if (res.ok && Array.isArray(res.result?.items)) merge(res.result.items)\n        }\n        setStatusMap(map)\n      })\n      .catch(() => {})\n  }, [])\n\n  React.useEffect(() => {\n    if (!isValidContext(context)) {\n      setLoading(false)\n      setError(t(\"sales.documents.history.error\", \"Failed to load history.\"))\n      return\n    }\n\n    setLoading(true)\n    setError(null)\n    apiCall<{ items: TimelineEntry[] }>(\n      `/api/sales/document-history?kind=${context.kind}&id=${context.record.id}`\n    )\n      .then((res) => {\n        if (res.ok && Array.isArray(res.result?.items)) {\n          setEntries(res.result.items)\n        } else {\n          setError(t(\"sales.documents.history.error\", \"Failed to load history.\"))\n        }\n      })\n      .catch(() => setError(t(\"sales.documents.history.error\", \"Failed to load history.\")))\n      .finally(() => setLoading(false))\n  }, [context, t])\n\n  const filtered = React.useMemo(\n    () => filter === 'all' ? entries : entries.filter(e => e.kind === filter),\n    [entries, filter]\n  )\n\n  return (\n    <div className=\"space-y-4\">\n      {/* Filter dropdown */}\n      <div>\n        <FilterDropdown filter={filter} onChange={setFilter} />\n      </div>\n\n      {/* Content */}\n      {loading ? (\n        <div className=\"flex items-center justify-center h-24\">\n          <Spinner />\n        </div>\n      ) : error ? (\n        <div className=\"text-destructive text-sm\">{error}</div>\n      ) : !filtered.length ? (\n        <div className=\"text-muted-foreground text-sm py-6 text-center\">\n          {t(\"sales.documents.history.empty\", \"No history entries yet.\")}\n        </div>\n      ) : (\n        <div className=\"relative\">\n          {filtered.map((entry, index) => (\n            <TimelineItem\n              key={entry.id}\n              entry={entry}\n              statusMap={statusMap}\n              isLast={index === filtered.length - 1}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default DocumentHistoryWidget\n"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from \"react\"\nimport { Spinner } from \"@open-mercato/ui/primitives/spinner\"\nimport { useT } from \"@open-mercato/shared/lib/i18n/context\"\nimport { apiCall } from \"@open-mercato/ui/backend/utils/apiCall\"\nimport { formatRelativeTime, formatDateTime } from \"@open-mercato/shared/lib/time\"\nimport { cn } from \"@open-mercato/shared/lib/utils\"\nimport type { InjectionWidgetComponentProps } from '@open-mercato/shared/modules/widgets/injection'\nimport { ArrowRightLeft, Zap, MessageSquare, User, Filter, ChevronDown, Check } from 'lucide-react'\n\nexport type TimelineEntry = {\n  id: string\n  occurredAt: string\n  kind: \"status\" | \"action\" | \"comment\"\n  action: string\n  actor: { id: string | null; label: string }\n  source: \"action_log\" | \"note\"\n  metadata?: {\n    statusFrom?: string | null\n    statusTo?: string | null\n    documentKind?: \"order\" | \"quote\"\n    commandId?: string\n  }\n}\n\ntype StatusOption = {\n  value: string\n  label: string\n  color: string | null\n  icon: string | null\n}\n\ntype TimelineContext = {\n  kind: \"order\" | \"quote\"\n  record: { id: string }\n}\n\nconst isValidContext = (ctx: unknown): ctx is TimelineContext =>\n  ctx !== null &&\n  typeof ctx === 'object' &&\n  'kind' in ctx &&\n  'record' in ctx &&\n  ((ctx as TimelineContext).kind === 'order' || (ctx as TimelineContext).kind === 'quote') &&\n  typeof (ctx as TimelineContext).record === 'object' &&\n  (ctx as TimelineContext).record !== null &&\n  'id' in (ctx as TimelineContext).record &&\n  typeof (ctx as TimelineContext).record.id === 'string'\n\nconst KIND_ICONS = {\n  status: ArrowRightLeft,\n  action: Zap,\n  comment: MessageSquare,\n}\n\nconst KIND_ICON_COLORS = {\n  status: 'text-foreground',\n  action: 'text-foreground',\n  comment: 'text-foreground',\n}\n\nconst KIND_BG_COLORS = {\n  status: 'bg-muted',\n  action: 'bg-muted',\n  comment: 'bg-muted',\n}\n\nfunction StatusDot({ color, className }: { color: string | null | undefined; className?: string }) {\n  if (!color) return <span className={cn('h-2.5 w-2.5 rounded-full bg-muted-foreground/40 border border-border inline-flex', className)} />\n  return (\n    <span\n      className={cn('h-2.5 w-2.5 rounded-full border border-border/70 inline-flex', className)}\n      style={{ backgroundColor: color }}\n      aria-hidden\n    />\n  )\n}\n\nfunction StatusTransition({\n  statusFrom,\n  statusTo,\n  statusMap,\n}: {\n  statusFrom: string | null | undefined\n  statusTo: string | null | undefined\n  statusMap: Record<string, StatusOption>\n}) {\n  const from = statusFrom ? (statusMap[statusFrom] ?? { value: statusFrom, label: statusFrom, color: null, icon: null }) : null\n  const to = statusTo ? (statusMap[statusTo] ?? { value: statusTo, label: statusTo, color: null, icon: null }) : null\n\n  return (\n    <div className=\"flex items-center gap-1.5 flex-wrap\">\n      {from ? (\n        <span className=\"inline-flex items-center gap-1 text-xs text-muted-foreground\">\n          <StatusDot color={from.color} />\n          <span>{from.label}</span>\n        </span>\n      ) : null}\n      {from && to ? (\n        <ArrowRightLeft className=\"h-3 w-3 text-muted-foreground/60 shrink-0\" />\n      ) : null}\n      {to ? (\n        <span className=\"inline-flex items-center gap-1 text-xs font-medium text-foreground\">\n          <StatusDot color={to.color} />\n          <span>{to.label}</span>\n        </span>\n      ) : null}\n    </div>\n  )\n}\n\nfunction TimelineItem({\n  entry,\n  statusMap,\n  isLast,\n}: {\n  entry: TimelineEntry\n  statusMap: Record<string, StatusOption>\n  isLast: boolean\n}) {\n  const KindIcon = KIND_ICONS[entry.kind]\n  const relativeTime = formatRelativeTime(entry.occurredAt)\n  const absoluteTime = formatDateTime(entry.occurredAt)\n\n  const isStatusChange = entry.kind === 'status' && entry.metadata?.statusTo\n\n  return (\n    <div data-testid=\"timeline-entry\" className=\"relative flex gap-3\">\n      {/* Vertical connector line */}\n      {!isLast && (\n        <div className=\"absolute left-[11px] top-6 bottom-0 w-px bg-border\" aria-hidden />\n      )}\n\n      {/* Icon circle */}\n      <div\n        className={cn(\n          'relative z-10 flex h-6 w-6 shrink-0 items-center justify-center rounded-full border border-border',\n          KIND_BG_COLORS[entry.kind],\n        )}\n      >\n        <KindIcon className={cn('h-3 w-3', KIND_ICON_COLORS[entry.kind])} aria-hidden />\n      </div>\n\n      {/* Content card */}\n      <div className=\"flex-1 pb-4\">\n        <div className=\"group rounded-lg border bg-card p-3 space-y-1.5\">\n          {/* Header: actor + time */}\n          <div className=\"flex items-center justify-between gap-2 flex-wrap\">\n            <span className=\"inline-flex items-center gap-1.5 text-xs font-medium text-foreground\">\n              <User className=\"h-3 w-3 text-muted-foreground\" aria-hidden />\n              {entry.actor.label}\n            </span>\n            <span\n              className=\"text-xs text-muted-foreground\"\n              title={absoluteTime ?? undefined}\n            >\n              {relativeTime ?? absoluteTime}\n            </span>\n          </div>\n\n          {/* Body */}\n          {isStatusChange ? (\n            <StatusTransition\n              statusFrom={entry.metadata?.statusFrom}\n              statusTo={entry.metadata?.statusTo}\n              statusMap={statusMap}\n            />\n          ) : (\n            <div className=\"text-sm text-foreground\">{entry.action}</div>\n          )}\n        </div>\n      </div>\n    </div>\n  )\n}\n\ntype FilterKind = 'all' | 'status' | 'action' | 'comment'\n\ntype FilterOption = { value: FilterKind; label: string }\n\nfunction FilterDropdown({ filter, onChange }: { filter: FilterKind; onChange: (kind: FilterKind) => void }) {\n  const t = useT()\n  const [open, setOpen] = React.useState(false)\n  const ref = React.useRef<HTMLDivElement>(null)\n\n  React.useEffect(() => {\n    if (!open) return\n    function onDocClick(e: MouseEvent) {\n      if (ref.current && !ref.current.contains(e.target as Node)) setOpen(false)\n    }\n    function onKey(e: KeyboardEvent) {\n      if (e.key === 'Escape') setOpen(false)\n    }\n    document.addEventListener('mousedown', onDocClick)\n    document.addEventListener('keydown', onKey)\n    return () => {\n      document.removeEventListener('mousedown', onDocClick)\n      document.removeEventListener('keydown', onKey)\n    }\n  }, [open])\n\n  const options: FilterOption[] = [\n    { value: 'all', label: t('sales.documents.history.filter.all', 'All') },\n    { value: 'status', label: t('sales.documents.history.filter.status', 'Status changes') },\n    { value: 'action', label: t('sales.documents.history.filter.actions', 'Actions') },\n    { value: 'comment', label: t('sales.documents.history.filter.comments', 'Comments') },\n  ]\n\n  const activeLabel = options.find(o => o.value === filter)?.label\n\n  return (\n    <div className=\"relative\" ref={ref}>\n      <button\n        type=\"button\"\n        aria-haspopup=\"listbox\"\n        aria-expanded={open}\n        onClick={() => setOpen(prev => !prev)}\n        className=\"inline-flex items-center gap-1.5 rounded-md border border-input bg-background px-2.5 py-1 text-xs font-medium shadow-sm hover:bg-accent hover:text-accent-foreground transition-colors select-none\"\n      >\n        <Filter className=\"h-3 w-3\" aria-hidden />\n        {t('sales.documents.history.filter.label', 'Filters')}\n        {filter !== 'all' && (\n          <span className=\"text-muted-foreground\">: {activeLabel}</span>\n        )}\n        <ChevronDown className={cn('h-3 w-3 transition-transform duration-150', open && 'rotate-180')} aria-hidden />\n      </button>\n      {open && (\n        <div\n          role=\"listbox\"\n          aria-label={t('sales.documents.history.filter.label', 'Filters')}\n          className=\"absolute left-0 top-full mt-1 z-dropdown w-48 rounded-md border bg-background p-1 shadow-md\"\n        >\n          {options.map(opt => (\n            <button\n              key={opt.value}\n              type=\"button\"\n              role=\"option\"\n              aria-selected={filter === opt.value}\n              onClick={() => { onChange(opt.value); setOpen(false) }}\n              className=\"flex w-full items-center gap-2 rounded px-2 py-1.5 text-sm hover:bg-accent\"\n            >\n              <Check className={cn('h-3.5 w-3.5 shrink-0', filter === opt.value ? 'opacity-100' : 'opacity-0')} aria-hidden />\n              {opt.label}\n            </button>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport const DocumentHistoryWidget: React.FC<InjectionWidgetComponentProps<unknown, unknown>> = ({ context }) => {\n  const t = useT()\n  const [entries, setEntries] = React.useState<TimelineEntry[]>([])\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const [statusMap, setStatusMap] = React.useState<Record<string, StatusOption>>({})\n  const [filter, setFilter] = React.useState<FilterKind>('all')\n\n  React.useEffect(() => {\n    const urls = [\n      '/api/sales/order-statuses?pageSize=100',\n      '/api/sales/shipment-statuses?pageSize=100',\n      '/api/sales/payment-statuses?pageSize=100',\n    ]\n    const map: Record<string, StatusOption> = {}\n    const merge = (items: unknown[]) => {\n      if (!Array.isArray(items)) return\n      for (const item of items) {\n        if (!item || typeof item !== 'object') continue\n        const d = item as Record<string, unknown>\n        const value = typeof d.value === 'string' ? d.value : null\n        if (!value) continue\n        map[value] = {\n          value,\n          label: typeof d.label === 'string' && d.label.length ? d.label : value,\n          color: typeof d.color === 'string' && d.color.length ? d.color : null,\n          icon: typeof d.icon === 'string' && d.icon.length ? d.icon : null,\n        }\n      }\n    }\n    Promise.all(urls.map((url) => apiCall<{ items?: unknown[] }>(url)))\n      .then((responses) => {\n        for (const res of responses) {\n          if (res.ok && Array.isArray(res.result?.items)) merge(res.result.items)\n        }\n        setStatusMap(map)\n      })\n      .catch(() => {})\n  }, [])\n\n  React.useEffect(() => {\n    if (!isValidContext(context)) {\n      setLoading(false)\n      setError(t(\"sales.documents.history.error\", \"Failed to load history.\"))\n      return\n    }\n\n    setLoading(true)\n    setError(null)\n    apiCall<{ items: TimelineEntry[] }>(\n      `/api/sales/document-history?kind=${context.kind}&id=${context.record.id}`\n    )\n      .then((res) => {\n        if (res.ok && Array.isArray(res.result?.items)) {\n          setEntries(res.result.items)\n        } else {\n          setError(t(\"sales.documents.history.error\", \"Failed to load history.\"))\n        }\n      })\n      .catch(() => setError(t(\"sales.documents.history.error\", \"Failed to load history.\")))\n      .finally(() => setLoading(false))\n  }, [context, t])\n\n  const filtered = React.useMemo(\n    () => filter === 'all' ? entries : entries.filter(e => e.kind === filter),\n    [entries, filter]\n  )\n\n  return (\n    <div className=\"space-y-4\">\n      {/* Filter dropdown */}\n      <div>\n        <FilterDropdown filter={filter} onChange={setFilter} />\n      </div>\n\n      {/* Content */}\n      {loading ? (\n        <div className=\"flex items-center justify-center h-24\">\n          <Spinner />\n        </div>\n      ) : error ? (\n        <div className=\"text-destructive text-sm\">{error}</div>\n      ) : !filtered.length ? (\n        <div className=\"text-muted-foreground text-sm py-6 text-center\">\n          {t(\"sales.documents.history.empty\", \"No history entries yet.\")}\n        </div>\n      ) : (\n        <div className=\"relative\">\n          {filtered.map((entry, index) => (\n            <TimelineItem\n              key={entry.id}\n              entry={entry}\n              statusMap={statusMap}\n              isLast={index === filtered.length - 1}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default DocumentHistoryWidget\n"],
   "mappings": "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",
   "names": []
 }

package/dist/modules/sales/widgets/messages/SalesDocumentMessageDetail.js CHANGED Viewed

@@ -31,7 +31,7 @@ function SalesDocumentMessageDetail(props) {
       Link,
       {
         href: resolveActionHref(viewAction.href, props.entityId),
-        className: "block rounded-md transition-opacity hover:opacity-75",
+        className: "block rounded-md transition-opacity hover:opacity-80",
         children: preview
       }
     ) : preview,

package/dist/modules/sales/widgets/messages/SalesDocumentMessageDetail.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/sales/widgets/messages/SalesDocumentMessageDetail.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { ObjectDetailProps } from '@open-mercato/shared/modules/messages/types'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { SalesDocumentMessagePreview } from './SalesDocumentMessagePreview'\n\nfunction resolveActionHref(template: string, entityId: string): string {\n  return template.replace('{entityId}', encodeURIComponent(entityId))\n}\n\nexport function SalesDocumentMessageDetail(props: ObjectDetailProps) {\n  const t = useT()\n  const [executingActionId, setExecutingActionId] = React.useState<string | null>(null)\n\n  const viewAction = props.actions.find((a) => a.id === 'view')\n  const otherActions = props.actions.filter((a) => a.id !== 'view')\n\n  const preview = (\n    <SalesDocumentMessagePreview\n      entityId={props.entityId}\n      entityModule={props.entityModule}\n      entityType={props.entityType}\n      snapshot={props.snapshot}\n      previewData={props.previewData}\n      actionRequired={props.actionRequired}\n      actionType={props.actionType}\n      actionLabel={props.actionLabel}\n    />\n  )\n\n  return (\n    <div className=\"space-y-3 rounded border p-3\">\n      {viewAction?.href ? (\n        <Link\n          href={resolveActionHref(viewAction.href, props.entityId)}\n          className=\"block rounded-md transition-opacity hover:opacity-75\"\n        >\n          {preview}\n        </Link>\n      ) : (\n        preview\n      )}\n\n      {otherActions.length > 0 ? (\n        <div className=\"flex flex-wrap gap-2\">\n          {otherActions.map((action) => {\n            if (action.href) {\n              return (\n                <Button\n                  key={action.id}\n                  type=\"button\"\n                  size=\"sm\"\n                  variant={action.variant ?? 'default'}\n                  asChild\n                >\n                  <Link href={resolveActionHref(action.href, props.entityId)}>\n                    {t(action.labelKey ?? action.id, action.id)}\n                  </Link>\n                </Button>\n              )\n            }\n            return (\n              <Button\n                key={action.id}\n                type=\"button\"\n                size=\"sm\"\n                variant={action.variant ?? 'default'}\n                disabled={executingActionId !== null}\n                onClick={async () => {\n                  if (executingActionId) return\n                  setExecutingActionId(action.id)\n                  try {\n                    await props.onAction(action.id, { id: props.entityId })\n                  } finally {\n                    setExecutingActionId(null)\n                  }\n                }}\n              >\n                {executingActionId === action.id\n                  ? t('messages.actions.executing', 'Executing...')\n                  : t(action.labelKey ?? action.id, action.id)}\n              </Button>\n            )\n          })}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n\nexport default SalesDocumentMessageDetail\n\n"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { ObjectDetailProps } from '@open-mercato/shared/modules/messages/types'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { SalesDocumentMessagePreview } from './SalesDocumentMessagePreview'\n\nfunction resolveActionHref(template: string, entityId: string): string {\n  return template.replace('{entityId}', encodeURIComponent(entityId))\n}\n\nexport function SalesDocumentMessageDetail(props: ObjectDetailProps) {\n  const t = useT()\n  const [executingActionId, setExecutingActionId] = React.useState<string | null>(null)\n\n  const viewAction = props.actions.find((a) => a.id === 'view')\n  const otherActions = props.actions.filter((a) => a.id !== 'view')\n\n  const preview = (\n    <SalesDocumentMessagePreview\n      entityId={props.entityId}\n      entityModule={props.entityModule}\n      entityType={props.entityType}\n      snapshot={props.snapshot}\n      previewData={props.previewData}\n      actionRequired={props.actionRequired}\n      actionType={props.actionType}\n      actionLabel={props.actionLabel}\n    />\n  )\n\n  return (\n    <div className=\"space-y-3 rounded border p-3\">\n      {viewAction?.href ? (\n        <Link\n          href={resolveActionHref(viewAction.href, props.entityId)}\n          className=\"block rounded-md transition-opacity hover:opacity-80\"\n        >\n          {preview}\n        </Link>\n      ) : (\n        preview\n      )}\n\n      {otherActions.length > 0 ? (\n        <div className=\"flex flex-wrap gap-2\">\n          {otherActions.map((action) => {\n            if (action.href) {\n              return (\n                <Button\n                  key={action.id}\n                  type=\"button\"\n                  size=\"sm\"\n                  variant={action.variant ?? 'default'}\n                  asChild\n                >\n                  <Link href={resolveActionHref(action.href, props.entityId)}>\n                    {t(action.labelKey ?? action.id, action.id)}\n                  </Link>\n                </Button>\n              )\n            }\n            return (\n              <Button\n                key={action.id}\n                type=\"button\"\n                size=\"sm\"\n                variant={action.variant ?? 'default'}\n                disabled={executingActionId !== null}\n                onClick={async () => {\n                  if (executingActionId) return\n                  setExecutingActionId(action.id)\n                  try {\n                    await props.onAction(action.id, { id: props.entityId })\n                  } finally {\n                    setExecutingActionId(null)\n                  }\n                }}\n              >\n                {executingActionId === action.id\n                  ? t('messages.actions.executing', 'Executing...')\n                  : t(action.labelKey ?? action.id, action.id)}\n              </Button>\n            )\n          })}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n\nexport default SalesDocumentMessageDetail\n\n"],
   "mappings": ";AAqBI,cAaA,YAbA;AAnBJ,YAAY,WAAW;AACvB,OAAO,UAAU;AACjB,SAAS,YAAY;AAErB,SAAS,cAAc;AACvB,SAAS,mCAAmC;AAE5C,SAAS,kBAAkB,UAAkB,UAA0B;AACrE,SAAO,SAAS,QAAQ,cAAc,mBAAmB,QAAQ,CAAC;AACpE;AAEO,SAAS,2BAA2B,OAA0B;AACnE,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,MAAM,SAAwB,IAAI;AAEpF,QAAM,aAAa,MAAM,QAAQ,KAAK,CAAC,MAAM,EAAE,OAAO,MAAM;AAC5D,QAAM,eAAe,MAAM,QAAQ,OAAO,CAAC,MAAM,EAAE,OAAO,MAAM;AAEhE,QAAM,UACJ;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,MAAM;AAAA,MAChB,cAAc,MAAM;AAAA,MACpB,YAAY,MAAM;AAAA,MAClB,UAAU,MAAM;AAAA,MAChB,aAAa,MAAM;AAAA,MACnB,gBAAgB,MAAM;AAAA,MACtB,YAAY,MAAM;AAAA,MAClB,aAAa,MAAM;AAAA;AAAA,EACrB;AAGF,SACE,qBAAC,SAAI,WAAU,gCACZ;AAAA,gBAAY,OACX;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,kBAAkB,WAAW,MAAM,MAAM,QAAQ;AAAA,QACvD,WAAU;AAAA,QAET;AAAA;AAAA,IACH,IAEA;AAAA,IAGD,aAAa,SAAS,IACrB,oBAAC,SAAI,WAAU,wBACZ,uBAAa,IAAI,CAAC,WAAW;AAC5B,UAAI,OAAO,MAAM;AACf,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,MAAK;AAAA,YACL,MAAK;AAAA,YACL,SAAS,OAAO,WAAW;AAAA,YAC3B,SAAO;AAAA,YAEP,8BAAC,QAAK,MAAM,kBAAkB,OAAO,MAAM,MAAM,QAAQ,GACtD,YAAE,OAAO,YAAY,OAAO,IAAI,OAAO,EAAE,GAC5C;AAAA;AAAA,UARK,OAAO;AAAA,QASd;AAAA,MAEJ;AACA,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,MAAK;AAAA,UACL,MAAK;AAAA,UACL,SAAS,OAAO,WAAW;AAAA,UAC3B,UAAU,sBAAsB;AAAA,UAChC,SAAS,YAAY;AACnB,gBAAI,kBAAmB;AACvB,iCAAqB,OAAO,EAAE;AAC9B,gBAAI;AACF,oBAAM,MAAM,SAAS,OAAO,IAAI,EAAE,IAAI,MAAM,SAAS,CAAC;AAAA,YACxD,UAAE;AACA,mCAAqB,IAAI;AAAA,YAC3B;AAAA,UACF;AAAA,UAEC,gCAAsB,OAAO,KAC1B,EAAE,8BAA8B,cAAc,IAC9C,EAAE,OAAO,YAAY,OAAO,IAAI,OAAO,EAAE;AAAA;AAAA,QAjBxC,OAAO;AAAA,MAkBd;AAAA,IAEJ,CAAC,GACH,IACE;AAAA,KACN;AAEJ;AAEA,IAAO,qCAAQ;",
   "names": []
 }

package/dist/modules/sales/widgets/messages/SalesDocumentMessagePreview.js CHANGED Viewed

@@ -16,7 +16,7 @@ function SalesDocumentMessagePreview({
   const fallbackTitle = isQuote ? t("sales.documents.detail.quote", "Sales quote") : t("sales.documents.detail.order", "Sales order");
   const title = previewData?.title || fallbackTitle;
   const subtitle = previewData?.subtitle || "";
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 rounded-md border bg-muted/20 p-3", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 rounded-md border bg-muted/30 p-3", children: [
     /* @__PURE__ */ jsx(Icon, { className: "mt-0.5 h-4 w-4 text-muted-foreground" }),
     /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-1", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [

package/dist/modules/sales/widgets/messages/SalesDocumentMessagePreview.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/sales/widgets/messages/SalesDocumentMessagePreview.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport { FileText, ReceiptText } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { ObjectPreviewProps } from '@open-mercato/shared/modules/messages/types'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\n\nexport function SalesDocumentMessagePreview({\n  entityType,\n  entityId,\n  previewData,\n  actionRequired,\n  actionLabel,\n}: ObjectPreviewProps) {\n  const t = useT()\n  const isQuote = entityType === 'quote'\n  const Icon = isQuote ? FileText : ReceiptText\n  const fallbackTitle = isQuote\n    ? t('sales.documents.detail.quote', 'Sales quote')\n    : t('sales.documents.detail.order', 'Sales order')\n  const title = previewData?.title || fallbackTitle\n  const subtitle = previewData?.subtitle || \"\"\n\n  return (\n    <div className=\"flex items-start gap-3 rounded-md border bg-muted/20 p-3\">\n      <Icon className=\"mt-0.5 h-4 w-4 text-muted-foreground\" />\n      <div className=\"min-w-0 flex-1 space-y-1\">\n        <div className=\"flex items-center gap-2\">\n          <p className=\"truncate text-sm font-medium\">{title}</p>\n          {actionRequired ? (\n            <Badge variant=\"secondary\" className=\"text-xs\">\n              {actionLabel || t('messages.composer.objectActionRequired', 'Action required')}\n            </Badge>\n          ) : null}\n        </div>\n        <p className=\"truncate text-xs text-muted-foreground\">{subtitle}</p>\n        {previewData?.status ? (\n          <Badge variant=\"outline\" className=\"text-xs\">{previewData.status}</Badge>\n        ) : null}\n      </div>\n    </div>\n  )\n}\n\nexport default SalesDocumentMessagePreview\n\n"],
+  "sourcesContent": ["\"use client\"\n\nimport { FileText, ReceiptText } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { ObjectPreviewProps } from '@open-mercato/shared/modules/messages/types'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\n\nexport function SalesDocumentMessagePreview({\n  entityType,\n  entityId,\n  previewData,\n  actionRequired,\n  actionLabel,\n}: ObjectPreviewProps) {\n  const t = useT()\n  const isQuote = entityType === 'quote'\n  const Icon = isQuote ? FileText : ReceiptText\n  const fallbackTitle = isQuote\n    ? t('sales.documents.detail.quote', 'Sales quote')\n    : t('sales.documents.detail.order', 'Sales order')\n  const title = previewData?.title || fallbackTitle\n  const subtitle = previewData?.subtitle || \"\"\n\n  return (\n    <div className=\"flex items-start gap-3 rounded-md border bg-muted/30 p-3\">\n      <Icon className=\"mt-0.5 h-4 w-4 text-muted-foreground\" />\n      <div className=\"min-w-0 flex-1 space-y-1\">\n        <div className=\"flex items-center gap-2\">\n          <p className=\"truncate text-sm font-medium\">{title}</p>\n          {actionRequired ? (\n            <Badge variant=\"secondary\" className=\"text-xs\">\n              {actionLabel || t('messages.composer.objectActionRequired', 'Action required')}\n            </Badge>\n          ) : null}\n        </div>\n        <p className=\"truncate text-xs text-muted-foreground\">{subtitle}</p>\n        {previewData?.status ? (\n          <Badge variant=\"outline\" className=\"text-xs\">{previewData.status}</Badge>\n        ) : null}\n      </div>\n    </div>\n  )\n}\n\nexport default SalesDocumentMessagePreview\n\n"],
   "mappings": ";AAyBM,cAEE,YAFF;AAvBN,SAAS,UAAU,mBAAmB;AACtC,SAAS,YAAY;AAErB,SAAS,aAAa;AAEf,SAAS,4BAA4B;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAuB;AACrB,QAAM,IAAI,KAAK;AACf,QAAM,UAAU,eAAe;AAC/B,QAAM,OAAO,UAAU,WAAW;AAClC,QAAM,gBAAgB,UAClB,EAAE,gCAAgC,aAAa,IAC/C,EAAE,gCAAgC,aAAa;AACnD,QAAM,QAAQ,aAAa,SAAS;AACpC,QAAM,WAAW,aAAa,YAAY;AAE1C,SACE,qBAAC,SAAI,WAAU,4DACb;AAAA,wBAAC,QAAK,WAAU,wCAAuC;AAAA,IACvD,qBAAC,SAAI,WAAU,4BACb;AAAA,2BAAC,SAAI,WAAU,2BACb;AAAA,4BAAC,OAAE,WAAU,gCAAgC,iBAAM;AAAA,QAClD,iBACC,oBAAC,SAAM,SAAQ,aAAY,WAAU,WAClC,yBAAe,EAAE,0CAA0C,iBAAiB,GAC/E,IACE;AAAA,SACN;AAAA,MACA,oBAAC,OAAE,WAAU,0CAA0C,oBAAS;AAAA,MAC/D,aAAa,SACZ,oBAAC,SAAM,SAAQ,WAAU,WAAU,WAAW,sBAAY,QAAO,IAC/D;AAAA,OACN;AAAA,KACF;AAEJ;AAEA,IAAO,sCAAQ;",
   "names": []
 }

package/dist/modules/shipping_carriers/lib/shipment-wizard/components/PackageEditor.js CHANGED Viewed

@@ -26,7 +26,7 @@ const PackageEditor = (props) => {
   const addPackage = () => onChange([...packages, DEFAULT_PACKAGE]);
   const removePackage = (index) => onChange(packages.filter((_, idx) => idx !== index));
   return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-    packages.map((pkg, index) => /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-muted/20 p-3", children: [
+    packages.map((pkg, index) => /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-muted/30 p-3", children: [
       /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center justify-between", children: [
         /* @__PURE__ */ jsxs("span", { className: "text-xs font-medium text-muted-foreground", children: [
           t("shipping_carriers.create.package.label", "Package"),

package/dist/modules/shipping_carriers/lib/shipment-wizard/components/PackageEditor.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/shipping_carriers/lib/shipment-wizard/components/PackageEditor.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { PackageDimension, PackageEditorProps } from '../types'\n\nconst PACKAGE_FIELDS = ['weightKg', 'lengthCm', 'widthCm', 'heightCm'] as const\n\nconst DEFAULT_PACKAGE: PackageDimension = { weightKg: 1, lengthCm: 20, widthCm: 15, heightCm: 10 }\n\nexport const PackageEditor = (props: PackageEditorProps) => {\n  const { packages, onChange, disabled } = props\n  const t = useT()\n\n  const fieldLabel = (field: keyof PackageDimension) => {\n    const labels: Record<keyof PackageDimension, string> = {\n      weightKg: t('shipping_carriers.create.package.weightKg', 'Weight (kg)'),\n      lengthCm: t('shipping_carriers.create.package.lengthCm', 'Length (cm)'),\n      widthCm: t('shipping_carriers.create.package.widthCm', 'Width (cm)'),\n      heightCm: t('shipping_carriers.create.package.heightCm', 'Height (cm)'),\n    }\n    return labels[field]\n  }\n\n  const updatePackage = (index: number, field: keyof PackageDimension, raw: string) => {\n    const value = parseFloat(raw)\n    onChange(packages.map((pkg, idx) =>\n      idx === index ? { ...pkg, [field]: Number.isNaN(value) ? 0 : value } : pkg,\n    ))\n  }\n\n  const addPackage = () => onChange([...packages, DEFAULT_PACKAGE])\n\n  const removePackage = (index: number) => onChange(packages.filter((_, idx) => idx !== index))\n\n  return (\n    <div className=\"space-y-3\">\n      {packages.map((pkg, index) => (\n        <div key={index} className=\"rounded-lg border bg-muted/20 p-3\">\n          <div className=\"mb-2 flex items-center justify-between\">\n            <span className=\"text-xs font-medium text-muted-foreground\">\n              {t('shipping_carriers.create.package.label', 'Package')} {index + 1}\n            </span>\n            {packages.length > 1 ? (\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                className=\"h-auto px-2 py-0.5 text-xs text-red-600 hover:text-red-700\"\n                onClick={() => removePackage(index)}\n                disabled={disabled}\n              >\n                {t('shipping_carriers.create.package.remove', 'Remove')}\n              </Button>\n            ) : null}\n          </div>\n          <div className=\"grid gap-3 sm:grid-cols-4\">\n            {PACKAGE_FIELDS.map((field) => (\n              <div key={field}>\n                <label className=\"mb-1 block text-xs font-medium text-muted-foreground\">\n                  {fieldLabel(field)}\n                </label>\n                <Input\n                  type=\"number\"\n                  min=\"0.01\"\n                  step=\"0.01\"\n                  value={pkg[field]}\n                  onChange={(event) => updatePackage(index, field, event.target.value)}\n                  disabled={disabled}\n                />\n              </div>\n            ))}\n          </div>\n        </div>\n      ))}\n      <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={addPackage} disabled={disabled}>\n        {t('shipping_carriers.create.package.add', '+ Add package')}\n      </Button>\n    </div>\n  )\n}\n"],
+  "sourcesContent": ["\"use client\"\n\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { PackageDimension, PackageEditorProps } from '../types'\n\nconst PACKAGE_FIELDS = ['weightKg', 'lengthCm', 'widthCm', 'heightCm'] as const\n\nconst DEFAULT_PACKAGE: PackageDimension = { weightKg: 1, lengthCm: 20, widthCm: 15, heightCm: 10 }\n\nexport const PackageEditor = (props: PackageEditorProps) => {\n  const { packages, onChange, disabled } = props\n  const t = useT()\n\n  const fieldLabel = (field: keyof PackageDimension) => {\n    const labels: Record<keyof PackageDimension, string> = {\n      weightKg: t('shipping_carriers.create.package.weightKg', 'Weight (kg)'),\n      lengthCm: t('shipping_carriers.create.package.lengthCm', 'Length (cm)'),\n      widthCm: t('shipping_carriers.create.package.widthCm', 'Width (cm)'),\n      heightCm: t('shipping_carriers.create.package.heightCm', 'Height (cm)'),\n    }\n    return labels[field]\n  }\n\n  const updatePackage = (index: number, field: keyof PackageDimension, raw: string) => {\n    const value = parseFloat(raw)\n    onChange(packages.map((pkg, idx) =>\n      idx === index ? { ...pkg, [field]: Number.isNaN(value) ? 0 : value } : pkg,\n    ))\n  }\n\n  const addPackage = () => onChange([...packages, DEFAULT_PACKAGE])\n\n  const removePackage = (index: number) => onChange(packages.filter((_, idx) => idx !== index))\n\n  return (\n    <div className=\"space-y-3\">\n      {packages.map((pkg, index) => (\n        <div key={index} className=\"rounded-lg border bg-muted/30 p-3\">\n          <div className=\"mb-2 flex items-center justify-between\">\n            <span className=\"text-xs font-medium text-muted-foreground\">\n              {t('shipping_carriers.create.package.label', 'Package')} {index + 1}\n            </span>\n            {packages.length > 1 ? (\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                className=\"h-auto px-2 py-0.5 text-xs text-red-600 hover:text-red-700\"\n                onClick={() => removePackage(index)}\n                disabled={disabled}\n              >\n                {t('shipping_carriers.create.package.remove', 'Remove')}\n              </Button>\n            ) : null}\n          </div>\n          <div className=\"grid gap-3 sm:grid-cols-4\">\n            {PACKAGE_FIELDS.map((field) => (\n              <div key={field}>\n                <label className=\"mb-1 block text-xs font-medium text-muted-foreground\">\n                  {fieldLabel(field)}\n                </label>\n                <Input\n                  type=\"number\"\n                  min=\"0.01\"\n                  step=\"0.01\"\n                  value={pkg[field]}\n                  onChange={(event) => updatePackage(index, field, event.target.value)}\n                  disabled={disabled}\n                />\n              </div>\n            ))}\n          </div>\n        </div>\n      ))}\n      <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={addPackage} disabled={disabled}>\n        {t('shipping_carriers.create.package.add', '+ Add package')}\n      </Button>\n    </div>\n  )\n}\n"],
   "mappings": ";AAyCY,SAIE,KAJF;AAvCZ,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,YAAY;AAGrB,MAAM,iBAAiB,CAAC,YAAY,YAAY,WAAW,UAAU;AAErE,MAAM,kBAAoC,EAAE,UAAU,GAAG,UAAU,IAAI,SAAS,IAAI,UAAU,GAAG;AAE1F,MAAM,gBAAgB,CAAC,UAA8B;AAC1D,QAAM,EAAE,UAAU,UAAU,SAAS,IAAI;AACzC,QAAM,IAAI,KAAK;AAEf,QAAM,aAAa,CAAC,UAAkC;AACpD,UAAM,SAAiD;AAAA,MACrD,UAAU,EAAE,6CAA6C,aAAa;AAAA,MACtE,UAAU,EAAE,6CAA6C,aAAa;AAAA,MACtE,SAAS,EAAE,4CAA4C,YAAY;AAAA,MACnE,UAAU,EAAE,6CAA6C,aAAa;AAAA,IACxE;AACA,WAAO,OAAO,KAAK;AAAA,EACrB;AAEA,QAAM,gBAAgB,CAAC,OAAe,OAA+B,QAAgB;AACnF,UAAM,QAAQ,WAAW,GAAG;AAC5B,aAAS,SAAS;AAAA,MAAI,CAAC,KAAK,QAC1B,QAAQ,QAAQ,EAAE,GAAG,KAAK,CAAC,KAAK,GAAG,OAAO,MAAM,KAAK,IAAI,IAAI,MAAM,IAAI;AAAA,IACzE,CAAC;AAAA,EACH;AAEA,QAAM,aAAa,MAAM,SAAS,CAAC,GAAG,UAAU,eAAe,CAAC;AAEhE,QAAM,gBAAgB,CAAC,UAAkB,SAAS,SAAS,OAAO,CAAC,GAAG,QAAQ,QAAQ,KAAK,CAAC;AAE5F,SACE,qBAAC,SAAI,WAAU,aACZ;AAAA,aAAS,IAAI,CAAC,KAAK,UAClB,qBAAC,SAAgB,WAAU,qCACzB;AAAA,2BAAC,SAAI,WAAU,0CACb;AAAA,6BAAC,UAAK,WAAU,6CACb;AAAA,YAAE,0CAA0C,SAAS;AAAA,UAAE;AAAA,UAAE,QAAQ;AAAA,WACpE;AAAA,QACC,SAAS,SAAS,IACjB;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,WAAU;AAAA,YACV,SAAS,MAAM,cAAc,KAAK;AAAA,YAClC;AAAA,YAEC,YAAE,2CAA2C,QAAQ;AAAA;AAAA,QACxD,IACE;AAAA,SACN;AAAA,MACA,oBAAC,SAAI,WAAU,6BACZ,yBAAe,IAAI,CAAC,UACnB,qBAAC,SACC;AAAA,4BAAC,WAAM,WAAU,wDACd,qBAAW,KAAK,GACnB;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,KAAI;AAAA,YACJ,MAAK;AAAA,YACL,OAAO,IAAI,KAAK;AAAA,YAChB,UAAU,CAAC,UAAU,cAAc,OAAO,OAAO,MAAM,OAAO,KAAK;AAAA,YACnE;AAAA;AAAA,QACF;AAAA,WAXQ,KAYV,CACD,GACH;AAAA,SAlCQ,KAmCV,CACD;AAAA,IACD,oBAAC,UAAO,MAAK,UAAS,SAAQ,WAAU,MAAK,MAAK,SAAS,YAAY,UACpE,YAAE,wCAAwC,eAAe,GAC5D;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/modules/staff/backend/staff/team-members/[id]/page.js CHANGED Viewed

@@ -132,7 +132,7 @@ function StaffTeamMemberDetailPage({ params }) {
       return /* @__PURE__ */ jsxs(
         "div",
         {
-          className: "rounded-md border border-border/60 bg-muted/10 px-3 py-2",
+          className: "rounded-md border border-border/70 bg-muted/30 px-3 py-2",
           children: [
             /* @__PURE__ */ jsx("div", { className: "text-xs font-medium text-muted-foreground", children: label }),
             /* @__PURE__ */ jsx("div", { className: "mt-1 text-sm text-foreground", children: content })

package/dist/modules/staff/backend/staff/team-members/[id]/page.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/modules/staff/backend/staff/team-members/%5Bid%5D/page.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { useRouter, useSearchParams } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { extractCustomFieldEntries } from '@open-mercato/shared/lib/crud/custom-fields-client'\nimport { updateCrud, deleteCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { createTranslatorWithFallback } from '@open-mercato/shared/lib/i18n/translate'\nimport { AvailabilityRulesEditor } from '@open-mercato/core/modules/planner/components/AvailabilityRulesEditor'\nimport { buildMemberScheduleItems } from '@open-mercato/core/modules/staff/lib/memberSchedule'\nimport { TeamMemberForm, buildTeamMemberPayload, type TeamMemberFormValues } from '@open-mercato/core/modules/staff/components/TeamMemberForm'\nimport { NotesSection } from '@open-mercato/ui/backend/detail'\nimport { ActivitiesSection, type SectionAction } from '@open-mercato/ui/backend/detail'\nimport { AddressesSection as SharedAddressesSection } from '@open-mercato/ui/backend/detail'\nimport { renderDictionaryColor, renderDictionaryIcon, ICON_SUGGESTIONS } from '@open-mercato/core/modules/dictionaries/components/dictionaryAppearance'\nimport { createStaffNotesAdapter } from '@open-mercato/core/modules/staff/components/detail/notesAdapter'\nimport { createStaffActivitiesAdapter } from '@open-mercato/core/modules/staff/components/detail/activitiesAdapter'\nimport { createStaffAddressAdapter, createStaffAddressTypesAdapter } from '@open-mercato/core/modules/staff/components/detail/addressesAdapter'\nimport { MarkdownContent } from '@open-mercato/ui/backend/markdown/MarkdownContent'\nimport {\n  createStaffDictionaryEntry,\n  loadStaffDictionary,\n  type DictionaryEntryOption,\n} from '@open-mercato/core/modules/staff/components/detail/dictionaries'\nimport { JobHistorySection } from '@open-mercato/core/modules/staff/components/detail/JobHistorySection'\nimport type { DictionarySelectLabels } from '@open-mercato/core/modules/dictionaries/components/DictionaryEntrySelect'\nimport { Plus } from 'lucide-react'\nimport { TranslationDrawerAction } from '@open-mercato/core/modules/translations/components/TranslationDrawerAction'\nimport { SendObjectMessageDialog } from '@open-mercato/ui/backend/messages'\n\nconst MARKDOWN_CLASSNAME =\n  'text-sm text-muted-foreground break-words [&>*]:mb-2 [&>*:last-child]:mb-0 [&_ul]:ml-4 [&_ul]:list-disc [&_ol]:ml-4 [&_ol]:list-decimal [&_code]:rounded [&_code]:bg-muted [&_code]:px-1 [&_code]:py-0.5 [&_pre]:rounded-md [&_pre]:bg-muted [&_pre]:p-3 [&_pre]:text-xs'\n\ntype TeamMemberRecord = {\n  id: string\n  teamId?: string | null\n  team_id?: string | null\n  displayName: string\n  display_name?: string\n  description?: string | null\n  userId?: string | null\n  user_id?: string | null\n  roleIds?: string[]\n  role_ids?: string[]\n  roleNames?: string[]\n  tags?: string[]\n  isActive?: boolean\n  is_active?: boolean\n  availabilityRuleSetId?: string | null\n  availability_rule_set_id?: string | null\n  user?: { id?: string; email?: string | null } | null\n  team?: { id?: string; name?: string | null } | null\n  customFields?: Record<string, unknown> | null\n} & Record<string, unknown>\n\ntype TeamMemberResponse = {\n  items?: TeamMemberRecord[]\n}\n\nexport default function StaffTeamMemberDetailPage({ params }: { params?: { id?: string } }) {\n  const memberId = params?.id\n  const t = useT()\n  const detailTranslator = React.useMemo(() => createTranslatorWithFallback(t), [t])\n  const router = useRouter()\n  const searchParams = useSearchParams()\n  const [initialValues, setInitialValues] = React.useState<TeamMemberFormValues | null>(null)\n  const [memberRecord, setMemberRecord] = React.useState<TeamMemberRecord | null>(null)\n  const [availabilityRuleSetId, setAvailabilityRuleSetId] = React.useState<string | null>(null)\n  const [activePanel, setActivePanel] = React.useState<'details' | 'availability' | 'jobHistory'>('details')\n  const [activeTab, setActiveTab] = React.useState<'notes' | 'activities' | 'addresses'>('notes')\n  const [sectionAction, setSectionAction] = React.useState<SectionAction | null>(null)\n  const [activityDictionaryId, setActivityDictionaryId] = React.useState<string | null>(null)\n  const [activityTypeEntries, setActivityTypeEntries] = React.useState<DictionaryEntryOption[]>([])\n  const flashShownRef = React.useRef(false)\n\n  const notesAdapter = React.useMemo(() => createStaffNotesAdapter(detailTranslator), [detailTranslator])\n  const activitiesAdapter = React.useMemo(() => createStaffActivitiesAdapter(detailTranslator), [detailTranslator])\n  const addressesAdapter = React.useMemo(() => createStaffAddressAdapter(detailTranslator), [detailTranslator])\n  const addressTypesAdapter = React.useMemo(() => createStaffAddressTypesAdapter(detailTranslator), [detailTranslator])\n\n  const activityTypeLabels = React.useMemo<DictionarySelectLabels>(() => ({\n    placeholder: t('staff.teamMembers.detail.activities.dictionary.placeholder', 'Select an activity type'),\n    addLabel: t('staff.teamMembers.detail.activities.dictionary.add', 'Add type'),\n    addPrompt: t('staff.teamMembers.detail.activities.dictionary.prompt', 'Name the type'),\n    dialogTitle: t('staff.teamMembers.detail.activities.dictionary.dialogTitle', 'Add activity type'),\n    valueLabel: t('staff.teamMembers.detail.activities.dictionary.valueLabel', 'Name'),\n    valuePlaceholder: t('staff.teamMembers.detail.activities.dictionary.valuePlaceholder', 'Name'),\n    labelLabel: t('staff.teamMembers.detail.activities.dictionary.labelLabel', 'Label'),\n    labelPlaceholder: t('staff.teamMembers.detail.activities.dictionary.labelPlaceholder', 'Display name shown in UI'),\n    emptyError: t('staff.teamMembers.detail.activities.dictionary.emptyError', 'Please enter a name'),\n    cancelLabel: t('staff.teamMembers.detail.activities.dictionary.cancel', 'Cancel'),\n    saveLabel: t('staff.teamMembers.detail.activities.dictionary.save', 'Save'),\n    saveShortcutHint: t('staff.teamMembers.detail.activities.dictionary.saveShortcut', '\u2318/Ctrl + Enter'),\n    errorLoad: t('staff.teamMembers.detail.activities.dictionary.errorLoad', 'Failed to load options'),\n    errorSave: t('staff.teamMembers.detail.activities.dictionary.errorSave', 'Failed to save option'),\n    loadingLabel: t('staff.teamMembers.detail.activities.dictionary.loading', 'Loading\u2026'),\n    manageTitle: t('staff.teamMembers.detail.activities.dictionary.manage', 'Manage dictionary'),\n  }), [t])\n\n  const loadActivityOptions = React.useCallback(async () => {\n    const { dictionary, entries } = await loadStaffDictionary('activityTypes')\n    setActivityDictionaryId(dictionary?.id ?? null)\n    setActivityTypeEntries(entries)\n    return entries\n  }, [])\n\n  const createActivityOption = React.useCallback(\n    async (input: { value: string; label?: string; color?: string | null; icon?: string | null }) => {\n      const entry = await createStaffDictionaryEntry('activityTypes', input)\n      if (!entry) {\n        throw new Error(t('staff.teamMembers.detail.activities.dictionary.errorSave', 'Failed to save option'))\n      }\n      return entry\n    },\n    [t],\n  )\n\n  React.useEffect(() => {\n    loadActivityOptions().catch(() => {})\n  }, [loadActivityOptions])\n\n  const activityTypeMap = React.useMemo(\n    () => new Map(activityTypeEntries.map((entry) => [entry.value, entry])),\n    [activityTypeEntries],\n  )\n\n  const resolveActivityPresentation = React.useCallback(\n    (activity: { activityType: string; appearanceIcon?: string | null; appearanceColor?: string | null }) => {\n      const entry = activityTypeMap.get(activity.activityType)\n      return {\n        label: entry?.label ?? activity.activityType,\n        icon: entry?.icon ?? activity.appearanceIcon ?? null,\n        color: entry?.color ?? activity.appearanceColor ?? null,\n      }\n    },\n    [activityTypeMap],\n  )\n\n  const manageActivityHref = React.useMemo(() => {\n    if (!activityDictionaryId) return '/backend/config/dictionaries'\n    return `/backend/config/dictionaries?dictionaryId=${encodeURIComponent(activityDictionaryId)}`\n  }, [activityDictionaryId])\n\n  const appearanceLabels = React.useMemo(() => ({\n    colorLabel: t('staff.teamMembers.detail.activities.appearance.colorLabel', 'Color'),\n    colorHelp: t('staff.teamMembers.detail.activities.appearance.colorHelp', 'Pick a highlight color for this entry.'),\n    colorClearLabel: t('staff.teamMembers.detail.activities.appearance.colorClear', 'Remove color'),\n    iconLabel: t('staff.teamMembers.detail.activities.appearance.iconLabel', 'Icon or emoji'),\n    iconPlaceholder: t('staff.teamMembers.detail.activities.appearance.iconPlaceholder', 'Type an emoji or pick one of the suggestions.'),\n    iconPickerTriggerLabel: t('staff.teamMembers.detail.activities.appearance.iconBrowse', 'Browse icons and emojis'),\n    iconSearchPlaceholder: t('staff.teamMembers.detail.activities.appearance.iconSearchPlaceholder', 'Search icons or emojis\u2026'),\n    iconSearchEmptyLabel: t('staff.teamMembers.detail.activities.appearance.iconSearchEmpty', 'No icons match your search.'),\n    iconSuggestionsLabel: t('staff.teamMembers.detail.activities.appearance.iconSuggestions', 'Suggestions'),\n    iconClearLabel: t('staff.teamMembers.detail.activities.appearance.iconClear', 'Remove icon'),\n    previewEmptyLabel: t('staff.teamMembers.detail.activities.appearance.previewEmpty', 'No appearance selected'),\n  }), [t])\n\n  const renderCustomFields = React.useCallback((activity: { id?: string; customFields?: Array<{ key: string; label?: string | null; value: unknown }> }) => {\n    const entries = Array.isArray(activity.customFields) ? activity.customFields : []\n    if (!entries.length) return null\n    const emptyLabel = t('staff.teamMembers.detail.activities.customFields.empty', 'Not provided')\n    return (\n      <div className=\"grid gap-3 sm:grid-cols-2\">\n        {entries.map((entry, index) => {\n          const label = entry.label ?? entry.key\n          const value = entry.value\n          const hasValue = !(value == null || value === '' || (Array.isArray(value) && value.length === 0))\n          const content = hasValue\n            ? Array.isArray(value)\n              ? value.map((item) => String(item)).join(', ')\n              : String(value)\n            : emptyLabel\n          return (\n            <div\n              key={`activity-${activity.id ?? 'row'}-custom-${index}`}\n              className=\"rounded-md border border-border/60 bg-muted/10 px-3 py-2\"\n            >\n              <div className=\"text-xs font-medium text-muted-foreground\">{label}</div>\n              <div className=\"mt-1 text-sm text-foreground\">{content}</div>\n            </div>\n          )\n        })}\n      </div>\n    )\n  }, [t])\n\n  React.useEffect(() => {\n    if (!memberId) return\n    const memberIdValue = memberId\n    let cancelled = false\n    async function loadMember() {\n      try {\n        const params = new URLSearchParams({ page: '1', pageSize: '1', ids: memberIdValue })\n        const payload = await readApiResultOrThrow<TeamMemberResponse>(\n          `/api/staff/team-members?${params.toString()}`,\n          undefined,\n          { errorMessage: t('staff.teamMembers.form.errors.load', 'Failed to load team member.') },\n        )\n        const record = Array.isArray(payload.items) ? payload.items[0] : null\n        if (!record) throw new Error(t('staff.teamMembers.form.errors.notFound', 'Team member not found.'))\n        const customFields = extractCustomFieldEntries(record)\n        if (!cancelled) {\n          const resolvedTeamId = record.teamId ?? record.team_id ?? null\n          const normalizedRoleIds = normalizeStringList(resolvePreferredArray(record.roleIds, record.role_ids))\n          setInitialValues({\n            id: record.id,\n            teamId: resolvedTeamId,\n            userId: record.userId ?? record.user_id ?? null,\n            displayName: record.displayName ?? record.display_name ?? '',\n            description: record.description ?? '',\n            roleIds: normalizedRoleIds,\n            tags: normalizeStringList(record.tags),\n            isActive: record.isActive ?? record.is_active ?? true,\n            ...customFields,\n          })\n          setMemberRecord(record)\n          setAvailabilityRuleSetId(\n            typeof record.availabilityRuleSetId === 'string'\n              ? record.availabilityRuleSetId\n              : typeof record.availability_rule_set_id === 'string'\n                ? record.availability_rule_set_id\n                : null,\n          )\n        }\n      } catch (error) {\n        const message = error instanceof Error ? error.message : t('staff.teamMembers.form.errors.load', 'Failed to load team member.')\n        flash(message, 'error')\n      }\n    }\n    void loadMember()\n    return () => { cancelled = true }\n  }, [memberId, t])\n\n  React.useEffect(() => {\n    if (!searchParams) return\n    const created = searchParams.get('created') === '1'\n    if (created && !flashShownRef.current) {\n      flashShownRef.current = true\n      flash(t('staff.teamMembers.flash.createdAvailability', 'Saved. You can now set availability.'), 'success')\n      const nextParams = new URLSearchParams(searchParams.toString())\n      nextParams.delete('created')\n      const nextQuery = nextParams.toString()\n      const nextPath = memberId\n        ? `/backend/staff/team-members/${encodeURIComponent(memberId)}${nextQuery ? `?${nextQuery}` : ''}`\n        : `/backend/staff/team-members${nextQuery ? `?${nextQuery}` : ''}`\n      router.replace(nextPath)\n    }\n  }, [memberId, router, searchParams, t])\n\n  const handleSubmit = React.useCallback(async (values: TeamMemberFormValues) => {\n    if (!memberId) return\n    const payload = buildTeamMemberPayload(values, { id: memberId })\n    await updateCrud('staff/team-members', payload, {\n      errorMessage: t('staff.teamMembers.form.errors.update', 'Failed to update team member.'),\n    })\n    flash(t('staff.teamMembers.form.flash.updated', 'Team member updated.'), 'success')\n    router.push('/backend/staff/team-members')\n  }, [memberId, router, t])\n\n  const handleDelete = React.useCallback(async () => {\n    if (!memberId) return\n    await deleteCrud('staff/team-members', memberId, {\n      errorMessage: t('staff.teamMembers.form.errors.delete', 'Failed to delete team member.'),\n    })\n    flash(t('staff.teamMembers.form.flash.deleted', 'Team member deleted.'), 'success')\n    router.push('/backend/staff/team-members')\n  }, [memberId, router, t])\n\n  const handleRulesetChange = React.useCallback(async (nextId: string | null) => {\n    if (!memberId) return\n    await updateCrud('staff/team-members', { id: memberId, availabilityRuleSetId: nextId }, {\n      errorMessage: t('staff.teamMembers.availability.ruleset.updateError', 'Failed to update schedule.'),\n    })\n    setAvailabilityRuleSetId(nextId)\n    flash(t('staff.teamMembers.availability.ruleset.updateSuccess', 'Schedule updated.'), 'success')\n  }, [memberId, t])\n\n  const panelTabs = React.useMemo(() => ([\n    { id: 'details' as const, label: t('staff.teamMembers.detail.tabs.details', 'Details') },\n    { id: 'availability' as const, label: t('staff.teamMembers.detail.tabs.availability', 'Availability') },\n    { id: 'jobHistory' as const, label: t('staff.teamMembers.detail.tabs.jobHistory', 'Job history') },\n  ]), [t])\n\n  const tabs = React.useMemo(() => ([\n    { id: 'notes' as const, label: t('staff.teamMembers.detail.tabs.notes', 'Notes') },\n    { id: 'activities' as const, label: t('staff.teamMembers.detail.tabs.activities', 'Activities') },\n    { id: 'addresses' as const, label: t('staff.teamMembers.detail.tabs.addresses', 'Addresses') },\n  ]), [t])\n\n  const resolvedInitialValues = initialValues ?? {\n    roleIds: [],\n    isActive: true,\n  }\n\n  const displayName = memberRecord?.displayName ?? memberRecord?.display_name ?? resolvedInitialValues.displayName ?? ''\n  const teamLabel = memberRecord?.team?.name ?? t('staff.teamMembers.detail.team.unassigned', 'Unassigned team')\n  const roleLabels = Array.isArray(memberRecord?.roleNames) && memberRecord?.roleNames.length\n    ? memberRecord?.roleNames\n    : [t('staff.teamMembers.detail.roles.unassigned', 'No roles assigned')]\n  const userEmail = memberRecord?.user?.email ?? null\n\n  return (\n    <Page>\n      <PageBody>\n        <div className=\"space-y-6\">\n          <div className=\"flex flex-wrap items-center justify-between gap-3\">\n            <div className=\"flex items-center gap-3\">\n              <Link\n                href=\"/backend/staff/team-members\"\n                className=\"inline-flex items-center text-sm text-muted-foreground hover:text-foreground\"\n              >\n                <span aria-hidden className=\"mr-1 text-base\">\u2190</span>\n                <span className=\"sr-only\">{t('staff.teamMembers.detail.back', 'Back to team members')}</span>\n              </Link>\n              <div className=\"space-y-1\">\n                <h1 className=\"text-2xl font-semibold text-foreground\">\n                  {displayName || t('staff.teamMembers.detail.untitled', 'Unnamed team member')}\n                </h1>\n                <p className=\"text-sm text-muted-foreground\">\n                  {t('staff.teamMembers.detail.subtitle', 'Team member profile and activity')}\n                </p>\n              </div>\n            </div>\n            <div className=\"flex items-center gap-2\">\n              {memberId ? (\n                <SendObjectMessageDialog\n                  object={{\n                    entityModule: 'staff',\n                    entityType: 'team_member',\n                    entityId: memberId,\n                    previewData: {\n                      title: displayName,\n                      metadata: {\n                        [t('staff.teamMembers.detail.fields.team')]: teamLabel,\n                        [t('staff.teamMembers.detail.fields.user')]: userEmail ?? t('staff.teamMembers.detail.fields.userEmpty', 'No user linked'),\n                        [t('staff.teamMembers.detail.fields.roles')]: roleLabels.join(', '),\n                      },\n                    },\n                  }}\n                  viewHref={`/backend/staff/team-members/${memberId}`}\n                />\n              ) : null}\n              <TranslationDrawerAction\n                config={memberId ? {\n                  entityType: 'staff:staff_team_member',\n                  recordId: memberId,\n                  baseValues: memberRecord ?? undefined,\n                } : null}\n              />\n            </div>\n          </div>\n\n          <div className=\"border-b\">\n            <nav\n              className=\"flex flex-wrap items-center gap-5 text-sm\"\n              aria-label={t('staff.teamMembers.detail.tabs.label', 'Team member sections')}\n            >\n              {panelTabs.map((tab) => (\n                <button\n                  key={tab.id}\n                  type=\"button\"\n                  role=\"tab\"\n                  aria-selected={activePanel === tab.id}\n                  onClick={() => setActivePanel(tab.id)}\n                  className={`relative -mb-px border-b-2 px-0 py-2 text-sm font-medium transition-colors ${\n                    activePanel === tab.id\n                      ? 'border-primary text-foreground'\n                      : 'border-transparent text-muted-foreground hover:text-foreground'\n                  }`}\n                >\n                  {tab.label}\n                </button>\n              ))}\n            </nav>\n          </div>\n\n          {activePanel === 'details' ? (\n            <>\n              <div className=\"grid gap-6 lg:grid-cols-[minmax(0,2fr),minmax(0,1.1fr)]\">\n                <div className=\"space-y-6\">\n                  <div className=\"rounded-lg border bg-card p-4\">\n                    <h2 className=\"mb-4 text-sm font-semibold uppercase text-muted-foreground\">\n                      {t('staff.teamMembers.detail.highlights', 'Highlights')}\n                    </h2>\n                    <div className=\"grid gap-4 sm:grid-cols-2\">\n                      <div>\n                        <p className=\"text-xs font-medium uppercase text-muted-foreground\">\n                          {t('staff.teamMembers.detail.fields.team', 'Team')}\n                        </p>\n                        <p className=\"text-base text-foreground\">{teamLabel}</p>\n                      </div>\n                      <div>\n                        <p className=\"text-xs font-medium uppercase text-muted-foreground\">\n                          {t('staff.teamMembers.detail.fields.roles', 'Roles')}\n                        </p>\n                        <p className=\"text-base text-foreground\">{roleLabels.join(', ')}</p>\n                      </div>\n                      <div>\n                        <p className=\"text-xs font-medium uppercase text-muted-foreground\">\n                          {t('staff.teamMembers.detail.fields.user', 'User')}\n                        </p>\n                        <p className=\"text-base text-foreground\">\n                          {userEmail ?? t('staff.teamMembers.detail.fields.userEmpty', 'No user linked')}\n                        </p>\n                      </div>\n                      <div>\n                        <p className=\"text-xs font-medium uppercase text-muted-foreground\">\n                          {t('staff.teamMembers.detail.fields.status', 'Status')}\n                        </p>\n                        <p className=\"text-base text-foreground\">\n                          {memberRecord?.isActive ?? memberRecord?.is_active\n                            ? t('staff.teamMembers.detail.status.active', 'Active')\n                            : t('staff.teamMembers.detail.status.inactive', 'Inactive')}\n                        </p>\n                      </div>\n                    </div>\n                  </div>\n\n                  <div className=\"rounded-lg border bg-card p-4\">\n                    <div className=\"flex flex-wrap items-center justify-between gap-3\">\n                      <div className=\"flex gap-2\">\n                        {tabs.map((tab) => (\n                          <button\n                            key={tab.id}\n                            type=\"button\"\n                            onClick={() => setActiveTab(tab.id)}\n                            className={`relative -mb-px border-b-2 px-0 py-1 text-sm font-medium transition-colors ${\n                              activeTab === tab.id\n                                ? 'border-primary text-foreground'\n                                : 'border-transparent text-muted-foreground hover:text-foreground'\n                            }`}\n                          >\n                            {tab.label}\n                          </button>\n                        ))}\n                      </div>\n                      {sectionAction ? (\n                        <Button\n                          type=\"button\"\n                          size=\"sm\"\n                          disabled={sectionAction.disabled}\n                          onClick={() => sectionAction.onClick()}\n                        >\n                          {sectionAction.icon ?? (activeTab === 'addresses' ? <Plus className=\"mr-2 h-4 w-4\" /> : null)}\n                          {sectionAction.label}\n                        </Button>\n                      ) : null}\n                    </div>\n                    {activeTab === 'notes' ? (\n                      <NotesSection\n                        entityId={memberId ?? null}\n                        emptyLabel={t('staff.teamMembers.detail.notes.empty', 'No notes yet.')}\n                        viewerUserId={null}\n                        viewerName={null}\n                        viewerEmail={null}\n                        addActionLabel={t('staff.teamMembers.detail.notes.add', 'Add note')}\n                        emptyState={{\n                          title: t('staff.teamMembers.detail.notes.emptyTitle', 'Keep everyone in the loop'),\n                          actionLabel: t('staff.teamMembers.detail.notes.emptyAction', 'Add a note'),\n                        }}\n                        onActionChange={setSectionAction}\n                        translator={detailTranslator}\n                        labelPrefix=\"staff.teamMembers.detail.notes\"\n                        inlineLabelPrefix=\"staff.teamMembers.detail.inline\"\n                        dataAdapter={notesAdapter}\n                        renderIcon={renderDictionaryIcon}\n                        renderColor={renderDictionaryColor}\n                        iconSuggestions={ICON_SUGGESTIONS}\n                      />\n                    ) : null}\n                    {activeTab === 'activities' ? (\n                      <ActivitiesSection\n                        entityId={memberId ?? null}\n                        addActionLabel={t('staff.teamMembers.detail.activities.add', 'Log activity')}\n                        emptyState={{\n                          title: t('staff.teamMembers.detail.activities.emptyTitle', 'No activities yet'),\n                          actionLabel: t('staff.teamMembers.detail.activities.emptyAction', 'Add an activity'),\n                        }}\n                        onActionChange={setSectionAction}\n                        dataAdapter={activitiesAdapter}\n                        activityTypeLabels={activityTypeLabels}\n                        loadActivityOptions={loadActivityOptions}\n                        createActivityOption={createActivityOption}\n                        resolveActivityPresentation={resolveActivityPresentation}\n                        renderCustomFields={renderCustomFields}\n                        labelPrefix=\"staff.teamMembers.detail.activities\"\n                        renderIcon={renderDictionaryIcon}\n                        renderColor={renderDictionaryColor}\n                        appearanceLabels={appearanceLabels}\n                        manageHref={manageActivityHref}\n                        customFieldEntityIds={['staff:staff_team_member_activity']}\n                      />\n                    ) : null}\n                    {activeTab === 'addresses' ? (\n                      <SharedAddressesSection\n                        entityId={memberId ?? null}\n                        emptyLabel={t('staff.teamMembers.detail.addresses.empty', 'No addresses yet.')}\n                        addActionLabel={t('staff.teamMembers.detail.addresses.add', 'Add address')}\n                        emptyState={{\n                          title: t('staff.teamMembers.detail.addresses.emptyTitle', 'No addresses yet'),\n                          actionLabel: t('staff.teamMembers.detail.addresses.emptyAction', 'Add an address'),\n                        }}\n                        onActionChange={setSectionAction}\n                        dataAdapter={addressesAdapter}\n                        addressTypesAdapter={addressTypesAdapter}\n                        labelPrefix=\"staff.teamMembers.detail.addresses\"\n                      />\n                    ) : null}\n                  </div>\n                </div>\n                <div className=\"space-y-4\">\n                  <div className=\"rounded-lg border bg-card p-4\">\n                    <h2 className=\"mb-4 text-sm font-semibold uppercase text-muted-foreground\">\n                      {t('staff.teamMembers.detail.details', 'Member details')}\n                    </h2>\n                    <div className=\"space-y-2\">\n                      {memberRecord?.description ? (\n                        <MarkdownContent body={memberRecord.description} format=\"markdown\" className={MARKDOWN_CLASSNAME} />\n                      ) : (\n                        <p className=\"text-sm text-muted-foreground\">\n                          {t('staff.teamMembers.detail.descriptionEmpty', 'No description provided.')}\n                        </p>\n                      )}\n                    </div>\n                  </div>\n                </div>\n              </div>\n\n              <div className=\"rounded-lg border bg-card p-4\">\n                <h2 className=\"mb-4 text-sm font-semibold uppercase text-muted-foreground\">\n                  {t('staff.teamMembers.detail.formTitle', 'Member settings')}\n                </h2>\n                <TeamMemberForm\n                  embedded\n                  title={t('staff.teamMembers.form.editTitle', 'Edit team member')}\n                  backHref=\"/backend/staff/team-members\"\n                  cancelHref=\"/backend/staff/team-members\"\n                  initialValues={resolvedInitialValues}\n                  onSubmit={handleSubmit}\n                  onDelete={handleDelete}\n                  isLoading={!initialValues}\n                  loadingMessage={t('staff.teamMembers.form.loading', 'Loading team member...')}\n                />\n              </div>\n            </>\n          ) : activePanel === 'availability' ? (\n            <AvailabilityRulesEditor\n              subjectType=\"member\"\n              subjectId={memberId ?? ''}\n              labelPrefix=\"staff.teamMembers\"\n              mode=\"availability\"\n              rulesetId={availabilityRuleSetId}\n              onRulesetChange={handleRulesetChange}\n              buildScheduleItems={({ availabilityRules, translate: translateLabel }) => (\n                buildMemberScheduleItems({ availabilityRules, translate: translateLabel })\n              )}\n            />\n          ) : (\n            <div className=\"rounded-lg border bg-card p-4\">\n              <JobHistorySection memberId={memberId ?? null} />\n            </div>\n          )}\n        </div>\n      </PageBody>\n    </Page>\n  )\n}\n\nfunction normalizeStringList(value: unknown): string[] {\n  if (!Array.isArray(value)) return []\n  return value\n    .map((entry) => (typeof entry === 'string' ? entry.trim() : ''))\n    .filter((entry) => entry.length > 0)\n}\n\nfunction resolvePreferredArray<T>(primary?: T[] | null, fallback?: T[] | null): T[] | undefined {\n  if (Array.isArray(primary) && primary.length) return primary\n  if (Array.isArray(fallback) && fallback.length) return fallback\n  return Array.isArray(primary) ? primary : Array.isArray(fallback) ? fallback : undefined\n}\n"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { useRouter, useSearchParams } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { extractCustomFieldEntries } from '@open-mercato/shared/lib/crud/custom-fields-client'\nimport { updateCrud, deleteCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { createTranslatorWithFallback } from '@open-mercato/shared/lib/i18n/translate'\nimport { AvailabilityRulesEditor } from '@open-mercato/core/modules/planner/components/AvailabilityRulesEditor'\nimport { buildMemberScheduleItems } from '@open-mercato/core/modules/staff/lib/memberSchedule'\nimport { TeamMemberForm, buildTeamMemberPayload, type TeamMemberFormValues } from '@open-mercato/core/modules/staff/components/TeamMemberForm'\nimport { NotesSection } from '@open-mercato/ui/backend/detail'\nimport { ActivitiesSection, type SectionAction } from '@open-mercato/ui/backend/detail'\nimport { AddressesSection as SharedAddressesSection } from '@open-mercato/ui/backend/detail'\nimport { renderDictionaryColor, renderDictionaryIcon, ICON_SUGGESTIONS } from '@open-mercato/core/modules/dictionaries/components/dictionaryAppearance'\nimport { createStaffNotesAdapter } from '@open-mercato/core/modules/staff/components/detail/notesAdapter'\nimport { createStaffActivitiesAdapter } from '@open-mercato/core/modules/staff/components/detail/activitiesAdapter'\nimport { createStaffAddressAdapter, createStaffAddressTypesAdapter } from '@open-mercato/core/modules/staff/components/detail/addressesAdapter'\nimport { MarkdownContent } from '@open-mercato/ui/backend/markdown/MarkdownContent'\nimport {\n  createStaffDictionaryEntry,\n  loadStaffDictionary,\n  type DictionaryEntryOption,\n} from '@open-mercato/core/modules/staff/components/detail/dictionaries'\nimport { JobHistorySection } from '@open-mercato/core/modules/staff/components/detail/JobHistorySection'\nimport type { DictionarySelectLabels } from '@open-mercato/core/modules/dictionaries/components/DictionaryEntrySelect'\nimport { Plus } from 'lucide-react'\nimport { TranslationDrawerAction } from '@open-mercato/core/modules/translations/components/TranslationDrawerAction'\nimport { SendObjectMessageDialog } from '@open-mercato/ui/backend/messages'\n\nconst MARKDOWN_CLASSNAME =\n  'text-sm text-muted-foreground break-words [&>*]:mb-2 [&>*:last-child]:mb-0 [&_ul]:ml-4 [&_ul]:list-disc [&_ol]:ml-4 [&_ol]:list-decimal [&_code]:rounded [&_code]:bg-muted [&_code]:px-1 [&_code]:py-0.5 [&_pre]:rounded-md [&_pre]:bg-muted [&_pre]:p-3 [&_pre]:text-xs'\n\ntype TeamMemberRecord = {\n  id: string\n  teamId?: string | null\n  team_id?: string | null\n  displayName: string\n  display_name?: string\n  description?: string | null\n  userId?: string | null\n  user_id?: string | null\n  roleIds?: string[]\n  role_ids?: string[]\n  roleNames?: string[]\n  tags?: string[]\n  isActive?: boolean\n  is_active?: boolean\n  availabilityRuleSetId?: string | null\n  availability_rule_set_id?: string | null\n  user?: { id?: string; email?: string | null } | null\n  team?: { id?: string; name?: string | null } | null\n  customFields?: Record<string, unknown> | null\n} & Record<string, unknown>\n\ntype TeamMemberResponse = {\n  items?: TeamMemberRecord[]\n}\n\nexport default function StaffTeamMemberDetailPage({ params }: { params?: { id?: string } }) {\n  const memberId = params?.id\n  const t = useT()\n  const detailTranslator = React.useMemo(() => createTranslatorWithFallback(t), [t])\n  const router = useRouter()\n  const searchParams = useSearchParams()\n  const [initialValues, setInitialValues] = React.useState<TeamMemberFormValues | null>(null)\n  const [memberRecord, setMemberRecord] = React.useState<TeamMemberRecord | null>(null)\n  const [availabilityRuleSetId, setAvailabilityRuleSetId] = React.useState<string | null>(null)\n  const [activePanel, setActivePanel] = React.useState<'details' | 'availability' | 'jobHistory'>('details')\n  const [activeTab, setActiveTab] = React.useState<'notes' | 'activities' | 'addresses'>('notes')\n  const [sectionAction, setSectionAction] = React.useState<SectionAction | null>(null)\n  const [activityDictionaryId, setActivityDictionaryId] = React.useState<string | null>(null)\n  const [activityTypeEntries, setActivityTypeEntries] = React.useState<DictionaryEntryOption[]>([])\n  const flashShownRef = React.useRef(false)\n\n  const notesAdapter = React.useMemo(() => createStaffNotesAdapter(detailTranslator), [detailTranslator])\n  const activitiesAdapter = React.useMemo(() => createStaffActivitiesAdapter(detailTranslator), [detailTranslator])\n  const addressesAdapter = React.useMemo(() => createStaffAddressAdapter(detailTranslator), [detailTranslator])\n  const addressTypesAdapter = React.useMemo(() => createStaffAddressTypesAdapter(detailTranslator), [detailTranslator])\n\n  const activityTypeLabels = React.useMemo<DictionarySelectLabels>(() => ({\n    placeholder: t('staff.teamMembers.detail.activities.dictionary.placeholder', 'Select an activity type'),\n    addLabel: t('staff.teamMembers.detail.activities.dictionary.add', 'Add type'),\n    addPrompt: t('staff.teamMembers.detail.activities.dictionary.prompt', 'Name the type'),\n    dialogTitle: t('staff.teamMembers.detail.activities.dictionary.dialogTitle', 'Add activity type'),\n    valueLabel: t('staff.teamMembers.detail.activities.dictionary.valueLabel', 'Name'),\n    valuePlaceholder: t('staff.teamMembers.detail.activities.dictionary.valuePlaceholder', 'Name'),\n    labelLabel: t('staff.teamMembers.detail.activities.dictionary.labelLabel', 'Label'),\n    labelPlaceholder: t('staff.teamMembers.detail.activities.dictionary.labelPlaceholder', 'Display name shown in UI'),\n    emptyError: t('staff.teamMembers.detail.activities.dictionary.emptyError', 'Please enter a name'),\n    cancelLabel: t('staff.teamMembers.detail.activities.dictionary.cancel', 'Cancel'),\n    saveLabel: t('staff.teamMembers.detail.activities.dictionary.save', 'Save'),\n    saveShortcutHint: t('staff.teamMembers.detail.activities.dictionary.saveShortcut', '\u2318/Ctrl + Enter'),\n    errorLoad: t('staff.teamMembers.detail.activities.dictionary.errorLoad', 'Failed to load options'),\n    errorSave: t('staff.teamMembers.detail.activities.dictionary.errorSave', 'Failed to save option'),\n    loadingLabel: t('staff.teamMembers.detail.activities.dictionary.loading', 'Loading\u2026'),\n    manageTitle: t('staff.teamMembers.detail.activities.dictionary.manage', 'Manage dictionary'),\n  }), [t])\n\n  const loadActivityOptions = React.useCallback(async () => {\n    const { dictionary, entries } = await loadStaffDictionary('activityTypes')\n    setActivityDictionaryId(dictionary?.id ?? null)\n    setActivityTypeEntries(entries)\n    return entries\n  }, [])\n\n  const createActivityOption = React.useCallback(\n    async (input: { value: string; label?: string; color?: string | null; icon?: string | null }) => {\n      const entry = await createStaffDictionaryEntry('activityTypes', input)\n      if (!entry) {\n        throw new Error(t('staff.teamMembers.detail.activities.dictionary.errorSave', 'Failed to save option'))\n      }\n      return entry\n    },\n    [t],\n  )\n\n  React.useEffect(() => {\n    loadActivityOptions().catch(() => {})\n  }, [loadActivityOptions])\n\n  const activityTypeMap = React.useMemo(\n    () => new Map(activityTypeEntries.map((entry) => [entry.value, entry])),\n    [activityTypeEntries],\n  )\n\n  const resolveActivityPresentation = React.useCallback(\n    (activity: { activityType: string; appearanceIcon?: string | null; appearanceColor?: string | null }) => {\n      const entry = activityTypeMap.get(activity.activityType)\n      return {\n        label: entry?.label ?? activity.activityType,\n        icon: entry?.icon ?? activity.appearanceIcon ?? null,\n        color: entry?.color ?? activity.appearanceColor ?? null,\n      }\n    },\n    [activityTypeMap],\n  )\n\n  const manageActivityHref = React.useMemo(() => {\n    if (!activityDictionaryId) return '/backend/config/dictionaries'\n    return `/backend/config/dictionaries?dictionaryId=${encodeURIComponent(activityDictionaryId)}`\n  }, [activityDictionaryId])\n\n  const appearanceLabels = React.useMemo(() => ({\n    colorLabel: t('staff.teamMembers.detail.activities.appearance.colorLabel', 'Color'),\n    colorHelp: t('staff.teamMembers.detail.activities.appearance.colorHelp', 'Pick a highlight color for this entry.'),\n    colorClearLabel: t('staff.teamMembers.detail.activities.appearance.colorClear', 'Remove color'),\n    iconLabel: t('staff.teamMembers.detail.activities.appearance.iconLabel', 'Icon or emoji'),\n    iconPlaceholder: t('staff.teamMembers.detail.activities.appearance.iconPlaceholder', 'Type an emoji or pick one of the suggestions.'),\n    iconPickerTriggerLabel: t('staff.teamMembers.detail.activities.appearance.iconBrowse', 'Browse icons and emojis'),\n    iconSearchPlaceholder: t('staff.teamMembers.detail.activities.appearance.iconSearchPlaceholder', 'Search icons or emojis\u2026'),\n    iconSearchEmptyLabel: t('staff.teamMembers.detail.activities.appearance.iconSearchEmpty', 'No icons match your search.'),\n    iconSuggestionsLabel: t('staff.teamMembers.detail.activities.appearance.iconSuggestions', 'Suggestions'),\n    iconClearLabel: t('staff.teamMembers.detail.activities.appearance.iconClear', 'Remove icon'),\n    previewEmptyLabel: t('staff.teamMembers.detail.activities.appearance.previewEmpty', 'No appearance selected'),\n  }), [t])\n\n  const renderCustomFields = React.useCallback((activity: { id?: string; customFields?: Array<{ key: string; label?: string | null; value: unknown }> }) => {\n    const entries = Array.isArray(activity.customFields) ? activity.customFields : []\n    if (!entries.length) return null\n    const emptyLabel = t('staff.teamMembers.detail.activities.customFields.empty', 'Not provided')\n    return (\n      <div className=\"grid gap-3 sm:grid-cols-2\">\n        {entries.map((entry, index) => {\n          const label = entry.label ?? entry.key\n          const value = entry.value\n          const hasValue = !(value == null || value === '' || (Array.isArray(value) && value.length === 0))\n          const content = hasValue\n            ? Array.isArray(value)\n              ? value.map((item) => String(item)).join(', ')\n              : String(value)\n            : emptyLabel\n          return (\n            <div\n              key={`activity-${activity.id ?? 'row'}-custom-${index}`}\n              className=\"rounded-md border border-border/70 bg-muted/30 px-3 py-2\"\n            >\n              <div className=\"text-xs font-medium text-muted-foreground\">{label}</div>\n              <div className=\"mt-1 text-sm text-foreground\">{content}</div>\n            </div>\n          )\n        })}\n      </div>\n    )\n  }, [t])\n\n  React.useEffect(() => {\n    if (!memberId) return\n    const memberIdValue = memberId\n    let cancelled = false\n    async function loadMember() {\n      try {\n        const params = new URLSearchParams({ page: '1', pageSize: '1', ids: memberIdValue })\n        const payload = await readApiResultOrThrow<TeamMemberResponse>(\n          `/api/staff/team-members?${params.toString()}`,\n          undefined,\n          { errorMessage: t('staff.teamMembers.form.errors.load', 'Failed to load team member.') },\n        )\n        const record = Array.isArray(payload.items) ? payload.items[0] : null\n        if (!record) throw new Error(t('staff.teamMembers.form.errors.notFound', 'Team member not found.'))\n        const customFields = extractCustomFieldEntries(record)\n        if (!cancelled) {\n          const resolvedTeamId = record.teamId ?? record.team_id ?? null\n          const normalizedRoleIds = normalizeStringList(resolvePreferredArray(record.roleIds, record.role_ids))\n          setInitialValues({\n            id: record.id,\n            teamId: resolvedTeamId,\n            userId: record.userId ?? record.user_id ?? null,\n            displayName: record.displayName ?? record.display_name ?? '',\n            description: record.description ?? '',\n            roleIds: normalizedRoleIds,\n            tags: normalizeStringList(record.tags),\n            isActive: record.isActive ?? record.is_active ?? true,\n            ...customFields,\n          })\n          setMemberRecord(record)\n          setAvailabilityRuleSetId(\n            typeof record.availabilityRuleSetId === 'string'\n              ? record.availabilityRuleSetId\n              : typeof record.availability_rule_set_id === 'string'\n                ? record.availability_rule_set_id\n                : null,\n          )\n        }\n      } catch (error) {\n        const message = error instanceof Error ? error.message : t('staff.teamMembers.form.errors.load', 'Failed to load team member.')\n        flash(message, 'error')\n      }\n    }\n    void loadMember()\n    return () => { cancelled = true }\n  }, [memberId, t])\n\n  React.useEffect(() => {\n    if (!searchParams) return\n    const created = searchParams.get('created') === '1'\n    if (created && !flashShownRef.current) {\n      flashShownRef.current = true\n      flash(t('staff.teamMembers.flash.createdAvailability', 'Saved. You can now set availability.'), 'success')\n      const nextParams = new URLSearchParams(searchParams.toString())\n      nextParams.delete('created')\n      const nextQuery = nextParams.toString()\n      const nextPath = memberId\n        ? `/backend/staff/team-members/${encodeURIComponent(memberId)}${nextQuery ? `?${nextQuery}` : ''}`\n        : `/backend/staff/team-members${nextQuery ? `?${nextQuery}` : ''}`\n      router.replace(nextPath)\n    }\n  }, [memberId, router, searchParams, t])\n\n  const handleSubmit = React.useCallback(async (values: TeamMemberFormValues) => {\n    if (!memberId) return\n    const payload = buildTeamMemberPayload(values, { id: memberId })\n    await updateCrud('staff/team-members', payload, {\n      errorMessage: t('staff.teamMembers.form.errors.update', 'Failed to update team member.'),\n    })\n    flash(t('staff.teamMembers.form.flash.updated', 'Team member updated.'), 'success')\n    router.push('/backend/staff/team-members')\n  }, [memberId, router, t])\n\n  const handleDelete = React.useCallback(async () => {\n    if (!memberId) return\n    await deleteCrud('staff/team-members', memberId, {\n      errorMessage: t('staff.teamMembers.form.errors.delete', 'Failed to delete team member.'),\n    })\n    flash(t('staff.teamMembers.form.flash.deleted', 'Team member deleted.'), 'success')\n    router.push('/backend/staff/team-members')\n  }, [memberId, router, t])\n\n  const handleRulesetChange = React.useCallback(async (nextId: string | null) => {\n    if (!memberId) return\n    await updateCrud('staff/team-members', { id: memberId, availabilityRuleSetId: nextId }, {\n      errorMessage: t('staff.teamMembers.availability.ruleset.updateError', 'Failed to update schedule.'),\n    })\n    setAvailabilityRuleSetId(nextId)\n    flash(t('staff.teamMembers.availability.ruleset.updateSuccess', 'Schedule updated.'), 'success')\n  }, [memberId, t])\n\n  const panelTabs = React.useMemo(() => ([\n    { id: 'details' as const, label: t('staff.teamMembers.detail.tabs.details', 'Details') },\n    { id: 'availability' as const, label: t('staff.teamMembers.detail.tabs.availability', 'Availability') },\n    { id: 'jobHistory' as const, label: t('staff.teamMembers.detail.tabs.jobHistory', 'Job history') },\n  ]), [t])\n\n  const tabs = React.useMemo(() => ([\n    { id: 'notes' as const, label: t('staff.teamMembers.detail.tabs.notes', 'Notes') },\n    { id: 'activities' as const, label: t('staff.teamMembers.detail.tabs.activities', 'Activities') },\n    { id: 'addresses' as const, label: t('staff.teamMembers.detail.tabs.addresses', 'Addresses') },\n  ]), [t])\n\n  const resolvedInitialValues = initialValues ?? {\n    roleIds: [],\n    isActive: true,\n  }\n\n  const displayName = memberRecord?.displayName ?? memberRecord?.display_name ?? resolvedInitialValues.displayName ?? ''\n  const teamLabel = memberRecord?.team?.name ?? t('staff.teamMembers.detail.team.unassigned', 'Unassigned team')\n  const roleLabels = Array.isArray(memberRecord?.roleNames) && memberRecord?.roleNames.length\n    ? memberRecord?.roleNames\n    : [t('staff.teamMembers.detail.roles.unassigned', 'No roles assigned')]\n  const userEmail = memberRecord?.user?.email ?? null\n\n  return (\n    <Page>\n      <PageBody>\n        <div className=\"space-y-6\">\n          <div className=\"flex flex-wrap items-center justify-between gap-3\">\n            <div className=\"flex items-center gap-3\">\n              <Link\n                href=\"/backend/staff/team-members\"\n                className=\"inline-flex items-center text-sm text-muted-foreground hover:text-foreground\"\n              >\n                <span aria-hidden className=\"mr-1 text-base\">\u2190</span>\n                <span className=\"sr-only\">{t('staff.teamMembers.detail.back', 'Back to team members')}</span>\n              </Link>\n              <div className=\"space-y-1\">\n                <h1 className=\"text-2xl font-semibold text-foreground\">\n                  {displayName || t('staff.teamMembers.detail.untitled', 'Unnamed team member')}\n                </h1>\n                <p className=\"text-sm text-muted-foreground\">\n                  {t('staff.teamMembers.detail.subtitle', 'Team member profile and activity')}\n                </p>\n              </div>\n            </div>\n            <div className=\"flex items-center gap-2\">\n              {memberId ? (\n                <SendObjectMessageDialog\n                  object={{\n                    entityModule: 'staff',\n                    entityType: 'team_member',\n                    entityId: memberId,\n                    previewData: {\n                      title: displayName,\n                      metadata: {\n                        [t('staff.teamMembers.detail.fields.team')]: teamLabel,\n                        [t('staff.teamMembers.detail.fields.user')]: userEmail ?? t('staff.teamMembers.detail.fields.userEmpty', 'No user linked'),\n                        [t('staff.teamMembers.detail.fields.roles')]: roleLabels.join(', '),\n                      },\n                    },\n                  }}\n                  viewHref={`/backend/staff/team-members/${memberId}`}\n                />\n              ) : null}\n              <TranslationDrawerAction\n                config={memberId ? {\n                  entityType: 'staff:staff_team_member',\n                  recordId: memberId,\n                  baseValues: memberRecord ?? undefined,\n                } : null}\n              />\n            </div>\n          </div>\n\n          <div className=\"border-b\">\n            <nav\n              className=\"flex flex-wrap items-center gap-5 text-sm\"\n              aria-label={t('staff.teamMembers.detail.tabs.label', 'Team member sections')}\n            >\n              {panelTabs.map((tab) => (\n                <button\n                  key={tab.id}\n                  type=\"button\"\n                  role=\"tab\"\n                  aria-selected={activePanel === tab.id}\n                  onClick={() => setActivePanel(tab.id)}\n                  className={`relative -mb-px border-b-2 px-0 py-2 text-sm font-medium transition-colors ${\n                    activePanel === tab.id\n                      ? 'border-primary text-foreground'\n                      : 'border-transparent text-muted-foreground hover:text-foreground'\n                  }`}\n                >\n                  {tab.label}\n                </button>\n              ))}\n            </nav>\n          </div>\n\n          {activePanel === 'details' ? (\n            <>\n              <div className=\"grid gap-6 lg:grid-cols-[minmax(0,2fr),minmax(0,1.1fr)]\">\n                <div className=\"space-y-6\">\n                  <div className=\"rounded-lg border bg-card p-4\">\n                    <h2 className=\"mb-4 text-sm font-semibold uppercase text-muted-foreground\">\n                      {t('staff.teamMembers.detail.highlights', 'Highlights')}\n                    </h2>\n                    <div className=\"grid gap-4 sm:grid-cols-2\">\n                      <div>\n                        <p className=\"text-xs font-medium uppercase text-muted-foreground\">\n                          {t('staff.teamMembers.detail.fields.team', 'Team')}\n                        </p>\n                        <p className=\"text-base text-foreground\">{teamLabel}</p>\n                      </div>\n                      <div>\n                        <p className=\"text-xs font-medium uppercase text-muted-foreground\">\n                          {t('staff.teamMembers.detail.fields.roles', 'Roles')}\n                        </p>\n                        <p className=\"text-base text-foreground\">{roleLabels.join(', ')}</p>\n                      </div>\n                      <div>\n                        <p className=\"text-xs font-medium uppercase text-muted-foreground\">\n                          {t('staff.teamMembers.detail.fields.user', 'User')}\n                        </p>\n                        <p className=\"text-base text-foreground\">\n                          {userEmail ?? t('staff.teamMembers.detail.fields.userEmpty', 'No user linked')}\n                        </p>\n                      </div>\n                      <div>\n                        <p className=\"text-xs font-medium uppercase text-muted-foreground\">\n                          {t('staff.teamMembers.detail.fields.status', 'Status')}\n                        </p>\n                        <p className=\"text-base text-foreground\">\n                          {memberRecord?.isActive ?? memberRecord?.is_active\n                            ? t('staff.teamMembers.detail.status.active', 'Active')\n                            : t('staff.teamMembers.detail.status.inactive', 'Inactive')}\n                        </p>\n                      </div>\n                    </div>\n                  </div>\n\n                  <div className=\"rounded-lg border bg-card p-4\">\n                    <div className=\"flex flex-wrap items-center justify-between gap-3\">\n                      <div className=\"flex gap-2\">\n                        {tabs.map((tab) => (\n                          <button\n                            key={tab.id}\n                            type=\"button\"\n                            onClick={() => setActiveTab(tab.id)}\n                            className={`relative -mb-px border-b-2 px-0 py-1 text-sm font-medium transition-colors ${\n                              activeTab === tab.id\n                                ? 'border-primary text-foreground'\n                                : 'border-transparent text-muted-foreground hover:text-foreground'\n                            }`}\n                          >\n                            {tab.label}\n                          </button>\n                        ))}\n                      </div>\n                      {sectionAction ? (\n                        <Button\n                          type=\"button\"\n                          size=\"sm\"\n                          disabled={sectionAction.disabled}\n                          onClick={() => sectionAction.onClick()}\n                        >\n                          {sectionAction.icon ?? (activeTab === 'addresses' ? <Plus className=\"mr-2 h-4 w-4\" /> : null)}\n                          {sectionAction.label}\n                        </Button>\n                      ) : null}\n                    </div>\n                    {activeTab === 'notes' ? (\n                      <NotesSection\n                        entityId={memberId ?? null}\n                        emptyLabel={t('staff.teamMembers.detail.notes.empty', 'No notes yet.')}\n                        viewerUserId={null}\n                        viewerName={null}\n                        viewerEmail={null}\n                        addActionLabel={t('staff.teamMembers.detail.notes.add', 'Add note')}\n                        emptyState={{\n                          title: t('staff.teamMembers.detail.notes.emptyTitle', 'Keep everyone in the loop'),\n                          actionLabel: t('staff.teamMembers.detail.notes.emptyAction', 'Add a note'),\n                        }}\n                        onActionChange={setSectionAction}\n                        translator={detailTranslator}\n                        labelPrefix=\"staff.teamMembers.detail.notes\"\n                        inlineLabelPrefix=\"staff.teamMembers.detail.inline\"\n                        dataAdapter={notesAdapter}\n                        renderIcon={renderDictionaryIcon}\n                        renderColor={renderDictionaryColor}\n                        iconSuggestions={ICON_SUGGESTIONS}\n                      />\n                    ) : null}\n                    {activeTab === 'activities' ? (\n                      <ActivitiesSection\n                        entityId={memberId ?? null}\n                        addActionLabel={t('staff.teamMembers.detail.activities.add', 'Log activity')}\n                        emptyState={{\n                          title: t('staff.teamMembers.detail.activities.emptyTitle', 'No activities yet'),\n                          actionLabel: t('staff.teamMembers.detail.activities.emptyAction', 'Add an activity'),\n                        }}\n                        onActionChange={setSectionAction}\n                        dataAdapter={activitiesAdapter}\n                        activityTypeLabels={activityTypeLabels}\n                        loadActivityOptions={loadActivityOptions}\n                        createActivityOption={createActivityOption}\n                        resolveActivityPresentation={resolveActivityPresentation}\n                        renderCustomFields={renderCustomFields}\n                        labelPrefix=\"staff.teamMembers.detail.activities\"\n                        renderIcon={renderDictionaryIcon}\n                        renderColor={renderDictionaryColor}\n                        appearanceLabels={appearanceLabels}\n                        manageHref={manageActivityHref}\n                        customFieldEntityIds={['staff:staff_team_member_activity']}\n                      />\n                    ) : null}\n                    {activeTab === 'addresses' ? (\n                      <SharedAddressesSection\n                        entityId={memberId ?? null}\n                        emptyLabel={t('staff.teamMembers.detail.addresses.empty', 'No addresses yet.')}\n                        addActionLabel={t('staff.teamMembers.detail.addresses.add', 'Add address')}\n                        emptyState={{\n                          title: t('staff.teamMembers.detail.addresses.emptyTitle', 'No addresses yet'),\n                          actionLabel: t('staff.teamMembers.detail.addresses.emptyAction', 'Add an address'),\n                        }}\n                        onActionChange={setSectionAction}\n                        dataAdapter={addressesAdapter}\n                        addressTypesAdapter={addressTypesAdapter}\n                        labelPrefix=\"staff.teamMembers.detail.addresses\"\n                      />\n                    ) : null}\n                  </div>\n                </div>\n                <div className=\"space-y-4\">\n                  <div className=\"rounded-lg border bg-card p-4\">\n                    <h2 className=\"mb-4 text-sm font-semibold uppercase text-muted-foreground\">\n                      {t('staff.teamMembers.detail.details', 'Member details')}\n                    </h2>\n                    <div className=\"space-y-2\">\n                      {memberRecord?.description ? (\n                        <MarkdownContent body={memberRecord.description} format=\"markdown\" className={MARKDOWN_CLASSNAME} />\n                      ) : (\n                        <p className=\"text-sm text-muted-foreground\">\n                          {t('staff.teamMembers.detail.descriptionEmpty', 'No description provided.')}\n                        </p>\n                      )}\n                    </div>\n                  </div>\n                </div>\n              </div>\n\n              <div className=\"rounded-lg border bg-card p-4\">\n                <h2 className=\"mb-4 text-sm font-semibold uppercase text-muted-foreground\">\n                  {t('staff.teamMembers.detail.formTitle', 'Member settings')}\n                </h2>\n                <TeamMemberForm\n                  embedded\n                  title={t('staff.teamMembers.form.editTitle', 'Edit team member')}\n                  backHref=\"/backend/staff/team-members\"\n                  cancelHref=\"/backend/staff/team-members\"\n                  initialValues={resolvedInitialValues}\n                  onSubmit={handleSubmit}\n                  onDelete={handleDelete}\n                  isLoading={!initialValues}\n                  loadingMessage={t('staff.teamMembers.form.loading', 'Loading team member...')}\n                />\n              </div>\n            </>\n          ) : activePanel === 'availability' ? (\n            <AvailabilityRulesEditor\n              subjectType=\"member\"\n              subjectId={memberId ?? ''}\n              labelPrefix=\"staff.teamMembers\"\n              mode=\"availability\"\n              rulesetId={availabilityRuleSetId}\n              onRulesetChange={handleRulesetChange}\n              buildScheduleItems={({ availabilityRules, translate: translateLabel }) => (\n                buildMemberScheduleItems({ availabilityRules, translate: translateLabel })\n              )}\n            />\n          ) : (\n            <div className=\"rounded-lg border bg-card p-4\">\n              <JobHistorySection memberId={memberId ?? null} />\n            </div>\n          )}\n        </div>\n      </PageBody>\n    </Page>\n  )\n}\n\nfunction normalizeStringList(value: unknown): string[] {\n  if (!Array.isArray(value)) return []\n  return value\n    .map((entry) => (typeof entry === 'string' ? entry.trim() : ''))\n    .filter((entry) => entry.length > 0)\n}\n\nfunction resolvePreferredArray<T>(primary?: T[] | null, fallback?: T[] | null): T[] | undefined {\n  if (Array.isArray(primary) && primary.length) return primary\n  if (Array.isArray(fallback) && fallback.length) return fallback\n  return Array.isArray(primary) ? primary : Array.isArray(fallback) ? fallback : undefined\n}\n"],
   "mappings": "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",
   "names": ["params"]
 }

package/dist/modules/translations/components/TranslationDrawerAction.js CHANGED Viewed

@@ -47,7 +47,7 @@ function TranslationDrawerAction({ config }) {
       /* @__PURE__ */ jsx(
         "div",
         {
-          className: "fixed inset-0 z-40 bg-black/20",
+          className: "fixed inset-0 z-overlay bg-black/20",
           onClick: () => setOpen(false),
           "aria-hidden": "true"
         }
@@ -55,7 +55,7 @@ function TranslationDrawerAction({ config }) {
       /* @__PURE__ */ jsx(
         "div",
         {
-          className: "fixed right-0 top-0 z-50 h-full w-full max-w-4xl border-l bg-background shadow-lg",
+          className: "fixed right-0 top-0 z-modal h-full w-full max-w-4xl border-l bg-background shadow-lg",
           role: "dialog",
           "aria-modal": "true",
           "aria-label": t("translations.widgets.translationManager.groupLabel", "Translations"),