@open-mercato/ui 0.6.5-develop.5337.1.534b781eac → 0.6.5

package/dist/backend/dashboard/DashboardScreen.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/backend/dashboard/DashboardScreen.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { ErrorNotice } from '@open-mercato/ui/primitives/ErrorNotice'\nimport { Alert, AlertDescription, AlertTitle } from '@open-mercato/ui/primitives/alert'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { getDashboardWidgets, loadDashboardWidgetModule } from './widgetRegistry'\nimport type { DashboardWidgetModule } from '@open-mercato/shared/modules/dashboard/widgets'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { GripVertical, Info, Plus, RefreshCw, Settings2, Trash2, X, Loader2 } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { InjectionSpot } from '../injection/InjectionSpot'\nimport { WidgetDataBatchProvider } from './widgetData'\n\ntype DashboardWidgetSize = 'sm' | 'md' | 'lg'\n\ntype LayoutItem = {\n  id: string\n  widgetId: string\n  order: number\n  priority?: number\n  size?: DashboardWidgetSize\n  settings?: unknown\n}\n\ntype WidgetMeta = {\n  id: string\n  title: string\n  description: string | null\n  defaultSize: DashboardWidgetSize\n  defaultEnabled: boolean\n  defaultSettings: unknown\n  features: string[]\n  moduleId: string\n  icon: string | null\n  loaderKey: string\n  supportsRefresh: boolean\n}\n\ntype LayoutContext = {\n  userId: string\n  tenantId: string | null\n  organizationId: string | null\n  userName: string | null\n  userEmail: string | null\n  userLabel: string | null\n}\n\ntype LayoutResponse = {\n  layout: { items: LayoutItem[] }\n  widgets: WidgetMeta[]\n  allowedWidgetIds: string[]\n  canConfigure: boolean\n  context: LayoutContext\n}\n\ntype WidgetModule = DashboardWidgetModule<any>\n\nfunction sizeClass(size: DashboardWidgetSize | undefined) {\n  switch (size) {\n    case 'lg':\n      return 'md:col-span-2'\n    case 'md':\n      return 'md:col-span-1'\n    case 'sm':\n    default:\n      return 'md:col-span-1'\n  }\n}\n\nfunction sortLayout(items: LayoutItem[]): LayoutItem[] {\n  return [...items]\n    .sort((a, b) => {\n      const aOrder = a.order ?? a.priority ?? 0\n      const bOrder = b.order ?? b.priority ?? 0\n      return aOrder - bOrder\n    })\n    .map((item, index) => ({ ...item, order: index, priority: index }))\n}\n\nconst DEFAULT_SIZE: DashboardWidgetSize = 'md'\n\nfunction generateId(): string {\n  if (typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function') {\n    return crypto.randomUUID()\n  }\n  // Fallback: timestamp + random for better uniqueness\n  return Date.now().toString(36) + Math.random().toString(36).slice(2)\n}\n\nexport function DashboardScreen() {\n  const t = useT()\n  const organizationScopeVersion = useOrganizationScopeVersion()\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const [hasRegisteredWidgets, setHasRegisteredWidgets] = React.useState(true)\n  const [saving, setSaving] = React.useState(false)\n  const [layout, setLayout] = React.useState<LayoutItem[]>([])\n  const [widgetCatalog, setWidgetCatalog] = React.useState<WidgetMeta[]>([])\n  const [allowedWidgetIds, setAllowedWidgetIds] = React.useState<string[]>([])\n  const [canConfigure, setCanConfigure] = React.useState(false)\n  const [context, setContext] = React.useState<LayoutContext | null>(null)\n  const [editing, setEditing] = React.useState(false)\n  const [settingsId, setSettingsId] = React.useState<string | null>(null)\n  const pendingOpsRef = React.useRef(0)\n  const saveQueueRef = React.useRef(Promise.resolve())\n  const draggingIdRef = React.useRef<string | null>(null)\n\n  const adjustSaving = React.useCallback((delta: number) => {\n    pendingOpsRef.current = Math.max(0, pendingOpsRef.current + delta)\n    setSaving(pendingOpsRef.current > 0)\n  }, [])\n\n  const load = React.useCallback(async () => {\n    setLoading(true)\n    setError(null)\n    try {\n      const call = await apiCall<LayoutResponse>('/api/dashboards/layout')\n      if (!call.ok || !call.result) {\n        throw new Error(`Failed with status ${call.status}`)\n      }\n      const data = call.result\n      const registeredWidgetCount = getDashboardWidgets().length\n      const normalizedLayout = sortLayout(data.layout?.items ?? [])\n      setLayout(normalizedLayout)\n      setWidgetCatalog(data.widgets ?? [])\n      setHasRegisteredWidgets(registeredWidgetCount > 0 || (data.widgets ?? []).length > 0)\n      setAllowedWidgetIds(data.allowedWidgetIds ?? [])\n      setCanConfigure(!!data.canConfigure)\n      if (data.context) {\n        setContext({\n          userId: data.context.userId,\n          tenantId: data.context.tenantId ?? null,\n          organizationId: data.context.organizationId ?? null,\n          userName: data.context.userName ?? null,\n          userEmail: data.context.userEmail ?? null,\n          userLabel: data.context.userLabel ?? null,\n        })\n      } else {\n        setContext(null)\n      }\n      if (!data.canConfigure) {\n        setEditing(false)\n        setSettingsId(null)\n      }\n    } catch (err) {\n      console.error('Failed to load dashboard layout', err)\n      if (getDashboardWidgets().length === 0) {\n        setHasRegisteredWidgets(false)\n        setLayout([])\n        setWidgetCatalog([])\n        setAllowedWidgetIds([])\n        setCanConfigure(false)\n        setContext(null)\n        setEditing(false)\n        setSettingsId(null)\n        return\n      }\n      setError(t('dashboard.loadError'))\n    } finally {\n      setLoading(false)\n    }\n  }, [t])\n\n  React.useEffect(() => {\n    load()\n  }, [load, organizationScopeVersion])\n\n  const metaById = React.useMemo(() => {\n    const map = new Map<string, WidgetMeta>()\n    for (const meta of widgetCatalog) map.set(meta.id, meta)\n    return map\n  }, [widgetCatalog])\n\n  const availableWidgets = React.useMemo(() => {\n    const currentIds = new Set(layout.map((item) => item.widgetId))\n    return widgetCatalog.filter((meta) => !currentIds.has(meta.id))\n  }, [layout, widgetCatalog])\n\n  const resolveWidgetTitle = React.useCallback((meta: WidgetMeta): string => {\n    const keys = [\n      `${meta.id}.title`,\n      `dashboard.widgets.${meta.id}.title`,\n    ]\n    if (meta.id.includes('.')) {\n      const parts = meta.id.split('.')\n      const lastPart = parts.pop()\n      keys.unshift(`${parts.join('.')}.widgets.${lastPart}.title`)\n    }\n    for (const key of keys) {\n      const translated = t(key)\n      if (translated !== key) return translated\n    }\n    return meta.title\n  }, [t])\n\n  const resolveWidgetDescription = React.useCallback((meta: WidgetMeta): string | null => {\n    if (!meta.description) return null\n    const keys = [\n      `${meta.id}.description`,\n      `dashboard.widgets.${meta.id}.description`,\n    ]\n    if (meta.id.includes('.')) {\n      const parts = meta.id.split('.')\n      const lastPart = parts.pop()\n      keys.unshift(`${parts.join('.')}.widgets.${lastPart}.description`)\n    }\n    for (const key of keys) {\n      const translated = t(key)\n      if (translated !== key) return translated\n    }\n    return meta.description\n  }, [t])\n\n  const queueLayoutSave = React.useCallback((items: LayoutItem[]) => {\n    saveQueueRef.current = saveQueueRef.current.then(async () => {\n      adjustSaving(1)\n      try {\n        const payload = {\n          items: items.map((item, index) => ({\n            id: item.id,\n            widgetId: item.widgetId,\n            order: index,\n            priority: index,\n            size: item.size ?? DEFAULT_SIZE,\n            settings: item.settings ?? null,\n          })),\n        }\n        const call = await apiCall('/api/dashboards/layout', {\n          method: 'PUT',\n          headers: { 'content-type': 'application/json' },\n          body: JSON.stringify(payload),\n        })\n        if (!call.ok) throw new Error(`Failed with status ${call.status}`)\n        setError(null)\n      } catch (err) {\n        console.error('Failed to save layout', err)\n        setError(t('dashboard.saveError'))\n      } finally {\n        adjustSaving(-1)\n      }\n    })\n  }, [adjustSaving, t])\n\n  const patchWidgetSettings = React.useCallback(async (itemId: string, nextSettings: unknown) => {\n    adjustSaving(1)\n    try {\n      const call = await apiCall(`/api/dashboards/layout/${encodeURIComponent(itemId)}`, {\n        method: 'PATCH',\n        headers: { 'content-type': 'application/json' },\n        body: JSON.stringify({ settings: nextSettings }),\n      })\n      if (!call.ok) throw new Error(`Failed with status ${call.status}`)\n      setError(null)\n    } catch (err) {\n      console.error('Failed to update widget settings', err)\n      setError(t('dashboard.saveError'))\n    } finally {\n      adjustSaving(-1)\n    }\n  }, [adjustSaving, t])\n\n  const handleAddWidget = React.useCallback((widgetId: string) => {\n    const meta = metaById.get(widgetId)\n    if (!meta) return\n    setLayout((prev) => {\n      const next: LayoutItem[] = sortLayout([\n        ...prev,\n        {\n          id: generateId(),\n          widgetId: meta.id,\n          order: prev.length,\n          priority: prev.length,\n          size: meta.defaultSize ?? DEFAULT_SIZE,\n          settings: meta.defaultSettings ?? null,\n        },\n      ])\n      queueLayoutSave(next)\n      return next\n    })\n    setSettingsId(null)\n  }, [metaById, queueLayoutSave])\n\n  const handleRemoveWidget = React.useCallback((itemId: string) => {\n    setLayout((prev) => {\n      const next = sortLayout(prev.filter((item) => item.id !== itemId))\n      queueLayoutSave(next)\n      return next\n    })\n    if (settingsId === itemId) setSettingsId(null)\n  }, [queueLayoutSave, settingsId])\n\n  const handleReorder = React.useCallback((dragId: string | null, targetId: string) => {\n    if (!dragId || dragId === targetId) return\n    setLayout((prev) => {\n      const items = [...prev]\n      const from = items.findIndex((item) => item.id === dragId)\n      const to = items.findIndex((item) => item.id === targetId)\n      if (from === -1 || to === -1) return prev\n      const [moved] = items.splice(from, 1)\n      items.splice(to, 0, moved)\n      const next = items.map((item, index) => ({\n        ...item,\n        order: index,\n        priority: index,\n      }))\n      queueLayoutSave(next)\n      return next\n    })\n  }, [queueLayoutSave])\n\n  const handleSettingsChange = React.useCallback((itemId: string, nextSettings: unknown) => {\n    setLayout((prev) => prev.map((item) => (item.id === itemId ? { ...item, settings: nextSettings } : item)))\n    void patchWidgetSettings(itemId, nextSettings)\n  }, [patchWidgetSettings])\n\n  const toggleEditing = React.useCallback(() => {\n    if (!canConfigure) return\n    setEditing((prev) => {\n      const next = !prev\n      if (!next) setSettingsId(null)\n      return next\n    })\n  }, [canConfigure])\n\n  const handleRefresh = React.useCallback(() => {\n    load()\n  }, [load])\n\n  const injectionContext = React.useMemo(\n    () => ({\n      layout,\n      widgetCatalog,\n      allowedWidgetIds,\n      canConfigure,\n      editing,\n      userContext: context,\n    }),\n    [allowedWidgetIds, canConfigure, context, editing, layout, widgetCatalog],\n  )\n  const dashboardBeforeSpotId = 'dashboard:before'\n  const dashboardAfterSpotId = 'dashboard:after'\n\n  if (loading) {\n    return (\n      <div className=\"flex min-h-[320px] items-center justify-center\">\n        <Spinner size=\"lg\" />\n      </div>\n    )\n  }\n\n  if (error && layout.length === 0) {\n    return (\n      <ErrorNotice\n        title={t('dashboard.unavailable')}\n        message={error}\n        action={<Button variant=\"outline\" onClick={handleRefresh}>{t('dashboard.retry')}</Button>}\n      />\n    )\n  }\n\n  if (!hasRegisteredWidgets && layout.length === 0) {\n    return (\n      <Alert variant=\"info\">\n        <Info className=\"h-4 w-4\" aria-hidden />\n        <AlertTitle>{t('dashboard.empty.noWidgets.title', 'No dashboard widgets yet')}</AlertTitle>\n        <AlertDescription>\n          {t(\n            'dashboard.empty.noWidgets.description',\n            'After you add the first module that exposes dashboard widgets, they will appear here.',\n          )}\n        </AlertDescription>\n      </Alert>\n    )\n  }\n\n  return (\n    <div className=\"space-y-6\">\n      <div className=\"flex flex-wrap items-center justify-between gap-3\">\n        <div>\n          <h1 className=\"text-2xl font-semibold tracking-tight\">{t('dashboard.title')}</h1>\n          <p className=\"text-sm text-muted-foreground\">{t('dashboard.subtitle')}</p>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          {saving && (\n            <div className=\"flex items-center gap-1 text-sm text-muted-foreground\">\n              <Loader2 className=\"h-4 w-4 animate-spin\" />\n              <span>{t('dashboard.saving')}</span>\n            </div>\n          )}\n          {canConfigure && (\n            <Button variant={editing ? 'secondary' : 'outline'} size=\"sm\" onClick={toggleEditing}>\n              <Settings2 className=\"h-4 w-4\" />\n              <span>{editing ? t('dashboard.action.done') : t('dashboard.action.customize')}</span>\n            </Button>\n          )}\n        </div>\n      </div>\n\n      {error && layout.length > 0 && (\n        <ErrorNotice\n          title={t('dashboard.error.partial')}\n          message={error}\n          action={<Button variant=\"ghost\" onClick={handleRefresh}>{t('dashboard.error.reload')}</Button>}\n        />\n      )}\n\n      <InjectionSpot spotId={dashboardBeforeSpotId} context={injectionContext} />\n\n      {editing && availableWidgets.length > 0 && (\n        <div className=\"rounded-lg border border-dashed bg-muted/50 p-4\">\n          <div className=\"mb-2 text-sm font-medium text-muted-foreground\">{t('dashboard.addWidget')}</div>\n          <div className=\"flex flex-wrap gap-2\">\n            {availableWidgets.map((meta) => (\n              <Button\n                key={meta.id}\n                variant=\"outline\"\n                size=\"sm\"\n                onClick={() => handleAddWidget(meta.id)}\n              >\n                <Plus className=\"h-4 w-4\" />\n                {resolveWidgetTitle(meta)}\n              </Button>\n            ))}\n          </div>\n        </div>\n      )}\n\n      <WidgetDataBatchProvider>\n      <div className={cn(\n        'grid gap-3 sm:gap-4 md:gap-6',\n        'grid-cols-1',\n        'md:grid-cols-2',\n        'xl:grid-cols-3'\n      )}\n      onDragOver={(event) => {\n        if (!editing || !canConfigure) return\n        event.preventDefault()\n        event.dataTransfer.dropEffect = 'move'\n      }}\n      onDrop={(event) => {\n        if (!editing || !canConfigure) return\n        event.preventDefault()\n        const dragId = event.dataTransfer.getData('text/plain') || draggingIdRef.current\n        if (!dragId) return\n        setLayout((prev) => {\n          const items = [...prev]\n          const from = items.findIndex((entry) => entry.id === dragId)\n          if (from === -1) return prev\n          const [moved] = items.splice(from, 1)\n          items.push(moved)\n          const next = items.map((item, index) => ({\n            ...item,\n            order: index,\n            priority: index,\n          }))\n          queueLayoutSave(next)\n          return next\n        })\n        draggingIdRef.current = null\n      }}>\n        {layout.map((item) => {\n          const meta = metaById.get(item.widgetId)\n          if (!meta) return null\n          const title = resolveWidgetTitle(meta)\n          const description = resolveWidgetDescription(meta)\n          return (\n            <DashboardWidgetCard\n              key={item.id}\n              item={item}\n              meta={meta}\n              title={title}\n              description={description}\n              context={context}\n              editing={editing && canConfigure}\n              activeSettings={settingsId === item.id}\n              onToggleSettings={() => setSettingsId((current) => (current === item.id ? null : item.id))}\n              onRemove={() => handleRemoveWidget(item.id)}\n              onSettingsChange={(settings) => handleSettingsChange(item.id, settings)}\n              onDragStart={() => { draggingIdRef.current = item.id }}\n              onDragEnd={() => { draggingIdRef.current = null }}\n              onDrop={(event) => {\n                const dragId = event.dataTransfer.getData('text/plain') || draggingIdRef.current\n                handleReorder(dragId, item.id)\n                draggingIdRef.current = null\n              }}\n              onDragEnter={() => {}}\n              onDragLeave={() => {}}\n              sizeClass={sizeClass(item.size)}\n            />\n          )\n        })}\n      </div>\n      </WidgetDataBatchProvider>\n\n      {layout.length === 0 && (\n        <div className=\"rounded-lg border border-dashed bg-muted/30 p-10 text-center text-sm text-muted-foreground\">\n          {!hasRegisteredWidgets\n            ? t(\n              'dashboard.empty.noWidgets.description',\n              'After you add the first module that exposes dashboard widgets, they will appear here.',\n            )\n            : canConfigure ? t('dashboard.empty.configurable') : t('dashboard.empty.readonly')}\n        </div>\n      )}\n\n      <InjectionSpot spotId={dashboardAfterSpotId} context={injectionContext} />\n    </div>\n  )\n}\n\ntype DashboardWidgetCardProps = {\n  item: LayoutItem\n  meta: WidgetMeta\n  title: string\n  description: string | null\n  context: LayoutContext | null\n  editing: boolean\n  activeSettings: boolean\n  onToggleSettings: () => void\n  onRemove: () => void\n  onSettingsChange: (next: unknown) => void\n  onDragStart: () => void\n  onDragEnd: () => void\n  onDrop: (event: React.DragEvent<HTMLDivElement>) => void\n  onDragEnter: () => void\n  onDragLeave: () => void\n  sizeClass: string\n}\n\nfunction DashboardWidgetCard({\n  item,\n  meta,\n  title,\n  description,\n  context,\n  editing,\n  activeSettings,\n  onToggleSettings,\n  onRemove,\n  onSettingsChange,\n  onDragStart,\n  onDragEnd,\n  onDrop,\n  onDragEnter,\n  onDragLeave,\n  sizeClass,\n}: DashboardWidgetCardProps) {\n  const t = useT()\n  const [module, setModule] = React.useState<WidgetModule | null>(null)\n  const [loading, setLoading] = React.useState(true)\n  const [loadError, setLoadError] = React.useState<string | null>(null)\n  const [isDragOver, setIsDragOver] = React.useState(false)\n  const [refreshToken, setRefreshToken] = React.useState(0)\n  const [refreshing, setRefreshing] = React.useState(false)\n\n  React.useEffect(() => {\n    let cancelled = false\n    setLoading(true)\n    setLoadError(null)\n    loadDashboardWidgetModule(meta.loaderKey)\n      .then((loaded) => {\n        if (cancelled) return\n        if (!loaded) {\n          setModule(null)\n          setLoadError(t('dashboard.widget.loadError'))\n          setLoading(false)\n          return\n        }\n        setModule(loaded)\n        setLoading(false)\n      })\n      .catch((err) => {\n        if (cancelled) return\n        console.error('Failed to load widget module', err)\n        setLoadError(t('dashboard.widget.loadError'))\n        setLoading(false)\n      })\n    return () => { cancelled = true }\n  }, [meta.loaderKey, t])\n\n  React.useEffect(() => {\n    if (!meta.supportsRefresh) {\n      setRefreshing(false)\n    }\n  }, [meta.supportsRefresh])\n\n  React.useEffect(() => {\n    if (activeSettings) {\n      setRefreshing(false)\n    }\n  }, [activeSettings])\n\n  React.useEffect(() => {\n    if (loadError) {\n      setRefreshing(false)\n    }\n  }, [loadError])\n\n  const handleRefreshStateChange = React.useCallback((next: boolean) => {\n    setRefreshing(next)\n  }, [])\n\n  const triggerRefresh = React.useCallback(() => {\n    if (loading || !!loadError) return\n    setRefreshing(true)\n    setRefreshToken((current) => current + 1)\n  }, [loadError, loading])\n\n  const hydratedSettings = React.useMemo(() => {\n    const raw = item.settings ?? meta.defaultSettings ?? null\n    if (module?.hydrateSettings) {\n      try {\n        return module.hydrateSettings(raw)\n      } catch (err) {\n        console.warn('Failed to hydrate widget settings', err)\n        return raw\n      }\n    }\n    return raw\n  }, [item.settings, meta.defaultSettings, module])\n\n  const handleSettingsChange = React.useCallback((next: unknown) => {\n    let raw = next\n    if (module?.dehydrateSettings) {\n      try {\n        raw = module.dehydrateSettings(next as never)\n      } catch (err) {\n        console.warn('Failed to dehydrate widget settings', err)\n      }\n    }\n    onSettingsChange(raw)\n  }, [module, onSettingsChange])\n\n  const WidgetComponent = module?.Widget\n  const mode = activeSettings ? 'settings' : 'view'\n\n  return (\n    <div\n      className={cn(\n        'group relative flex h-full flex-col rounded-lg border bg-background shadow-sm transition',\n        isDragOver ? 'border-primary ring-2 ring-primary/20' : 'hover:border-primary/40',\n        editing ? 'cursor-grab' : 'cursor-default',\n        sizeClass\n      )}\n      draggable={editing}\n      onDragStart={(event) => {\n        if (!editing) return\n        event.dataTransfer.effectAllowed = 'move'\n        event.dataTransfer.setData('text/plain', item.id)\n        onDragStart()\n      }}\n      onDragEnd={() => {\n        if (!editing) return\n        onDragEnd()\n      }}\n      onDragOver={(event) => {\n        if (!editing) return\n        event.preventDefault()\n        event.stopPropagation()\n        event.dataTransfer.dropEffect = 'move'\n        if (!isDragOver) {\n          setIsDragOver(true)\n          onDragEnter()\n        }\n      }}\n      onDrop={(event) => {\n        if (!editing) return\n        event.preventDefault()\n        event.stopPropagation()\n        onDrop(event)\n        setIsDragOver(false)\n        onDragLeave()\n      }}\n      onDragLeave={(event) => {\n        if (!editing) return\n        event.stopPropagation()\n        if (event.currentTarget.contains(event.relatedTarget as Node)) return\n        setIsDragOver(false)\n        onDragLeave()\n      }}\n    >\n      <div className=\"flex items-center justify-between gap-2 border-b px-3 py-2\">\n        <div className=\"flex items-center gap-2\">\n          {editing && <GripVertical className=\"h-4 w-4 text-muted-foreground\" />}\n          <div>\n            <div className=\"text-sm font-medium leading-none\">{title}</div>\n            {description ? <div className=\"mt-1 text-xs text-muted-foreground\">{description}</div> : null}\n          </div>\n        </div>\n        <div className=\"flex items-center gap-1\">\n          {!editing && meta.supportsRefresh && (\n            <IconButton\n              variant=\"ghost\"\n              size=\"sm\"\n              disabled={refreshing || loading || !!loadError}\n              onClick={triggerRefresh}\n              aria-label={t('dashboard.widget.refresh')}\n            >\n              {refreshing ? <Loader2 className=\"h-4 w-4 animate-spin\" /> : <RefreshCw className=\"h-4 w-4\" />}\n            </IconButton>\n          )}\n          {editing && (\n            <>\n              <IconButton\n                variant={activeSettings ? 'outline' : 'ghost'}\n                size=\"sm\"\n                onClick={onToggleSettings}\n                aria-label={activeSettings ? t('dashboard.widget.closeSettings') : t('dashboard.widget.editSettings')}\n              >\n                {activeSettings ? <X className=\"h-4 w-4\" /> : <Settings2 className=\"h-4 w-4\" />}\n              </IconButton>\n              <IconButton\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={onRemove}\n                aria-label={t('dashboard.widget.remove')}\n              >\n                <Trash2 className=\"h-4 w-4\" />\n              </IconButton>\n            </>\n          )}\n        </div>\n      </div>\n      <div className=\"flex-1 p-4\">\n        {loading && (\n          <div className=\"flex h-full min-h-[120px] items-center justify-center\">\n            <Spinner />\n          </div>\n        )}\n        {loadError && !loading && (\n          <div className=\"text-sm text-muted-foreground\">{loadError}</div>\n        )}\n        {!loading && !loadError && WidgetComponent && (\n          <WidgetComponent\n            mode={mode as 'view' | 'settings'}\n            layout={item}\n            context={context ?? { userId: '', tenantId: null, organizationId: null, userName: null, userEmail: null, userLabel: null }}\n            settings={hydratedSettings}\n            onSettingsChange={handleSettingsChange}\n            refreshToken={refreshToken}\n            onRefreshStateChange={handleRefreshStateChange}\n          />\n        )}\n      </div>\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { ErrorNotice } from '@open-mercato/ui/primitives/ErrorNotice'\nimport { Alert, AlertDescription, AlertTitle } from '@open-mercato/ui/primitives/alert'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { getDashboardWidgets, loadDashboardWidgetModule } from './widgetRegistry'\nimport type { DashboardWidgetModule } from '@open-mercato/shared/modules/dashboard/widgets'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { GripVertical, Plus, RefreshCw, Settings2, Trash2, X, Loader2 } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { InjectionSpot } from '../injection/InjectionSpot'\nimport { WidgetDataBatchProvider } from './widgetData'\n\ntype DashboardWidgetSize = 'sm' | 'md' | 'lg'\n\ntype LayoutItem = {\n  id: string\n  widgetId: string\n  order: number\n  priority?: number\n  size?: DashboardWidgetSize\n  settings?: unknown\n}\n\ntype WidgetMeta = {\n  id: string\n  title: string\n  description: string | null\n  defaultSize: DashboardWidgetSize\n  defaultEnabled: boolean\n  defaultSettings: unknown\n  features: string[]\n  moduleId: string\n  icon: string | null\n  loaderKey: string\n  supportsRefresh: boolean\n}\n\ntype LayoutContext = {\n  userId: string\n  tenantId: string | null\n  organizationId: string | null\n  userName: string | null\n  userEmail: string | null\n  userLabel: string | null\n}\n\ntype LayoutResponse = {\n  layout: { items: LayoutItem[] }\n  widgets: WidgetMeta[]\n  allowedWidgetIds: string[]\n  canConfigure: boolean\n  context: LayoutContext\n}\n\ntype WidgetModule = DashboardWidgetModule<any>\n\nfunction sizeClass(size: DashboardWidgetSize | undefined) {\n  switch (size) {\n    case 'lg':\n      return 'md:col-span-2'\n    case 'md':\n      return 'md:col-span-1'\n    case 'sm':\n    default:\n      return 'md:col-span-1'\n  }\n}\n\nfunction sortLayout(items: LayoutItem[]): LayoutItem[] {\n  return [...items]\n    .sort((a, b) => {\n      const aOrder = a.order ?? a.priority ?? 0\n      const bOrder = b.order ?? b.priority ?? 0\n      return aOrder - bOrder\n    })\n    .map((item, index) => ({ ...item, order: index, priority: index }))\n}\n\nconst DEFAULT_SIZE: DashboardWidgetSize = 'md'\n\nfunction generateId(): string {\n  if (typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function') {\n    return crypto.randomUUID()\n  }\n  // Fallback: timestamp + random for better uniqueness\n  return Date.now().toString(36) + Math.random().toString(36).slice(2)\n}\n\nexport function DashboardScreen() {\n  const t = useT()\n  const organizationScopeVersion = useOrganizationScopeVersion()\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const [hasRegisteredWidgets, setHasRegisteredWidgets] = React.useState(true)\n  const [saving, setSaving] = React.useState(false)\n  const [layout, setLayout] = React.useState<LayoutItem[]>([])\n  const [widgetCatalog, setWidgetCatalog] = React.useState<WidgetMeta[]>([])\n  const [allowedWidgetIds, setAllowedWidgetIds] = React.useState<string[]>([])\n  const [canConfigure, setCanConfigure] = React.useState(false)\n  const [context, setContext] = React.useState<LayoutContext | null>(null)\n  const [editing, setEditing] = React.useState(false)\n  const [settingsId, setSettingsId] = React.useState<string | null>(null)\n  const pendingOpsRef = React.useRef(0)\n  const saveQueueRef = React.useRef(Promise.resolve())\n  const draggingIdRef = React.useRef<string | null>(null)\n\n  const adjustSaving = React.useCallback((delta: number) => {\n    pendingOpsRef.current = Math.max(0, pendingOpsRef.current + delta)\n    setSaving(pendingOpsRef.current > 0)\n  }, [])\n\n  const load = React.useCallback(async () => {\n    setLoading(true)\n    setError(null)\n    try {\n      const call = await apiCall<LayoutResponse>('/api/dashboards/layout')\n      if (!call.ok || !call.result) {\n        throw new Error(`Failed with status ${call.status}`)\n      }\n      const data = call.result\n      const registeredWidgetCount = getDashboardWidgets().length\n      const normalizedLayout = sortLayout(data.layout?.items ?? [])\n      setLayout(normalizedLayout)\n      setWidgetCatalog(data.widgets ?? [])\n      setHasRegisteredWidgets(registeredWidgetCount > 0 || (data.widgets ?? []).length > 0)\n      setAllowedWidgetIds(data.allowedWidgetIds ?? [])\n      setCanConfigure(!!data.canConfigure)\n      if (data.context) {\n        setContext({\n          userId: data.context.userId,\n          tenantId: data.context.tenantId ?? null,\n          organizationId: data.context.organizationId ?? null,\n          userName: data.context.userName ?? null,\n          userEmail: data.context.userEmail ?? null,\n          userLabel: data.context.userLabel ?? null,\n        })\n      } else {\n        setContext(null)\n      }\n      if (!data.canConfigure) {\n        setEditing(false)\n        setSettingsId(null)\n      }\n    } catch (err) {\n      console.error('Failed to load dashboard layout', err)\n      if (getDashboardWidgets().length === 0) {\n        setHasRegisteredWidgets(false)\n        setLayout([])\n        setWidgetCatalog([])\n        setAllowedWidgetIds([])\n        setCanConfigure(false)\n        setContext(null)\n        setEditing(false)\n        setSettingsId(null)\n        return\n      }\n      setError(t('dashboard.loadError'))\n    } finally {\n      setLoading(false)\n    }\n  }, [t])\n\n  React.useEffect(() => {\n    load()\n  }, [load, organizationScopeVersion])\n\n  const metaById = React.useMemo(() => {\n    const map = new Map<string, WidgetMeta>()\n    for (const meta of widgetCatalog) map.set(meta.id, meta)\n    return map\n  }, [widgetCatalog])\n\n  const availableWidgets = React.useMemo(() => {\n    const currentIds = new Set(layout.map((item) => item.widgetId))\n    return widgetCatalog.filter((meta) => !currentIds.has(meta.id))\n  }, [layout, widgetCatalog])\n\n  const resolveWidgetTitle = React.useCallback((meta: WidgetMeta): string => {\n    const keys = [\n      `${meta.id}.title`,\n      `dashboard.widgets.${meta.id}.title`,\n    ]\n    if (meta.id.includes('.')) {\n      const parts = meta.id.split('.')\n      const lastPart = parts.pop()\n      keys.unshift(`${parts.join('.')}.widgets.${lastPart}.title`)\n    }\n    for (const key of keys) {\n      const translated = t(key)\n      if (translated !== key) return translated\n    }\n    return meta.title\n  }, [t])\n\n  const resolveWidgetDescription = React.useCallback((meta: WidgetMeta): string | null => {\n    if (!meta.description) return null\n    const keys = [\n      `${meta.id}.description`,\n      `dashboard.widgets.${meta.id}.description`,\n    ]\n    if (meta.id.includes('.')) {\n      const parts = meta.id.split('.')\n      const lastPart = parts.pop()\n      keys.unshift(`${parts.join('.')}.widgets.${lastPart}.description`)\n    }\n    for (const key of keys) {\n      const translated = t(key)\n      if (translated !== key) return translated\n    }\n    return meta.description\n  }, [t])\n\n  const queueLayoutSave = React.useCallback((items: LayoutItem[]) => {\n    saveQueueRef.current = saveQueueRef.current.then(async () => {\n      adjustSaving(1)\n      try {\n        const payload = {\n          items: items.map((item, index) => ({\n            id: item.id,\n            widgetId: item.widgetId,\n            order: index,\n            priority: index,\n            size: item.size ?? DEFAULT_SIZE,\n            settings: item.settings ?? null,\n          })),\n        }\n        const call = await apiCall('/api/dashboards/layout', {\n          method: 'PUT',\n          headers: { 'content-type': 'application/json' },\n          body: JSON.stringify(payload),\n        })\n        if (!call.ok) throw new Error(`Failed with status ${call.status}`)\n        setError(null)\n      } catch (err) {\n        console.error('Failed to save layout', err)\n        setError(t('dashboard.saveError'))\n      } finally {\n        adjustSaving(-1)\n      }\n    })\n  }, [adjustSaving, t])\n\n  const patchWidgetSettings = React.useCallback(async (itemId: string, nextSettings: unknown) => {\n    adjustSaving(1)\n    try {\n      const call = await apiCall(`/api/dashboards/layout/${encodeURIComponent(itemId)}`, {\n        method: 'PATCH',\n        headers: { 'content-type': 'application/json' },\n        body: JSON.stringify({ settings: nextSettings }),\n      })\n      if (!call.ok) throw new Error(`Failed with status ${call.status}`)\n      setError(null)\n    } catch (err) {\n      console.error('Failed to update widget settings', err)\n      setError(t('dashboard.saveError'))\n    } finally {\n      adjustSaving(-1)\n    }\n  }, [adjustSaving, t])\n\n  const handleAddWidget = React.useCallback((widgetId: string) => {\n    const meta = metaById.get(widgetId)\n    if (!meta) return\n    setLayout((prev) => {\n      const next: LayoutItem[] = sortLayout([\n        ...prev,\n        {\n          id: generateId(),\n          widgetId: meta.id,\n          order: prev.length,\n          priority: prev.length,\n          size: meta.defaultSize ?? DEFAULT_SIZE,\n          settings: meta.defaultSettings ?? null,\n        },\n      ])\n      queueLayoutSave(next)\n      return next\n    })\n    setSettingsId(null)\n  }, [metaById, queueLayoutSave])\n\n  const handleRemoveWidget = React.useCallback((itemId: string) => {\n    setLayout((prev) => {\n      const next = sortLayout(prev.filter((item) => item.id !== itemId))\n      queueLayoutSave(next)\n      return next\n    })\n    if (settingsId === itemId) setSettingsId(null)\n  }, [queueLayoutSave, settingsId])\n\n  const handleReorder = React.useCallback((dragId: string | null, targetId: string) => {\n    if (!dragId || dragId === targetId) return\n    setLayout((prev) => {\n      const items = [...prev]\n      const from = items.findIndex((item) => item.id === dragId)\n      const to = items.findIndex((item) => item.id === targetId)\n      if (from === -1 || to === -1) return prev\n      const [moved] = items.splice(from, 1)\n      items.splice(to, 0, moved)\n      const next = items.map((item, index) => ({\n        ...item,\n        order: index,\n        priority: index,\n      }))\n      queueLayoutSave(next)\n      return next\n    })\n  }, [queueLayoutSave])\n\n  const handleSettingsChange = React.useCallback((itemId: string, nextSettings: unknown) => {\n    setLayout((prev) => prev.map((item) => (item.id === itemId ? { ...item, settings: nextSettings } : item)))\n    void patchWidgetSettings(itemId, nextSettings)\n  }, [patchWidgetSettings])\n\n  const toggleEditing = React.useCallback(() => {\n    if (!canConfigure) return\n    setEditing((prev) => {\n      const next = !prev\n      if (!next) setSettingsId(null)\n      return next\n    })\n  }, [canConfigure])\n\n  const handleRefresh = React.useCallback(() => {\n    load()\n  }, [load])\n\n  const injectionContext = React.useMemo(\n    () => ({\n      layout,\n      widgetCatalog,\n      allowedWidgetIds,\n      canConfigure,\n      editing,\n      userContext: context,\n    }),\n    [allowedWidgetIds, canConfigure, context, editing, layout, widgetCatalog],\n  )\n  const dashboardBeforeSpotId = 'dashboard:before'\n  const dashboardAfterSpotId = 'dashboard:after'\n\n  if (loading) {\n    return (\n      <div className=\"flex min-h-[320px] items-center justify-center\">\n        <Spinner size=\"lg\" />\n      </div>\n    )\n  }\n\n  if (error && layout.length === 0) {\n    return (\n      <ErrorNotice\n        title={t('dashboard.unavailable')}\n        message={error}\n        action={<Button variant=\"outline\" onClick={handleRefresh}>{t('dashboard.retry')}</Button>}\n      />\n    )\n  }\n\n  if (!hasRegisteredWidgets && layout.length === 0) {\n    return (\n      <Alert variant=\"info\">\n        <AlertTitle>{t('dashboard.empty.noWidgets.title', 'No dashboard widgets yet')}</AlertTitle>\n        <AlertDescription>\n          {t(\n            'dashboard.empty.noWidgets.description',\n            'After you add the first module that exposes dashboard widgets, they will appear here.',\n          )}\n        </AlertDescription>\n      </Alert>\n    )\n  }\n\n  return (\n    <div className=\"space-y-6\">\n      <div className=\"flex flex-wrap items-center justify-between gap-3\">\n        <div>\n          <h1 className=\"text-2xl font-semibold tracking-tight\">{t('dashboard.title')}</h1>\n          <p className=\"text-sm text-muted-foreground\">{t('dashboard.subtitle')}</p>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          {saving && (\n            <div className=\"flex items-center gap-1 text-sm text-muted-foreground\">\n              <Loader2 className=\"h-4 w-4 animate-spin\" />\n              <span>{t('dashboard.saving')}</span>\n            </div>\n          )}\n          {canConfigure && (\n            <Button variant={editing ? 'secondary' : 'outline'} size=\"sm\" onClick={toggleEditing}>\n              <Settings2 className=\"h-4 w-4\" />\n              <span>{editing ? t('dashboard.action.done') : t('dashboard.action.customize')}</span>\n            </Button>\n          )}\n        </div>\n      </div>\n\n      {error && layout.length > 0 && (\n        <ErrorNotice\n          title={t('dashboard.error.partial')}\n          message={error}\n          action={<Button variant=\"ghost\" onClick={handleRefresh}>{t('dashboard.error.reload')}</Button>}\n        />\n      )}\n\n      <InjectionSpot spotId={dashboardBeforeSpotId} context={injectionContext} />\n\n      {editing && availableWidgets.length > 0 && (\n        <div className=\"rounded-lg border border-dashed bg-muted/50 p-4\">\n          <div className=\"mb-2 text-sm font-medium text-muted-foreground\">{t('dashboard.addWidget')}</div>\n          <div className=\"flex flex-wrap gap-2\">\n            {availableWidgets.map((meta) => (\n              <Button\n                key={meta.id}\n                variant=\"outline\"\n                size=\"sm\"\n                onClick={() => handleAddWidget(meta.id)}\n              >\n                <Plus className=\"h-4 w-4\" />\n                {resolveWidgetTitle(meta)}\n              </Button>\n            ))}\n          </div>\n        </div>\n      )}\n\n      <WidgetDataBatchProvider>\n      <div className={cn(\n        'grid gap-3 sm:gap-4 md:gap-6',\n        'grid-cols-1',\n        'md:grid-cols-2',\n        'xl:grid-cols-3'\n      )}\n      onDragOver={(event) => {\n        if (!editing || !canConfigure) return\n        event.preventDefault()\n        event.dataTransfer.dropEffect = 'move'\n      }}\n      onDrop={(event) => {\n        if (!editing || !canConfigure) return\n        event.preventDefault()\n        const dragId = event.dataTransfer.getData('text/plain') || draggingIdRef.current\n        if (!dragId) return\n        setLayout((prev) => {\n          const items = [...prev]\n          const from = items.findIndex((entry) => entry.id === dragId)\n          if (from === -1) return prev\n          const [moved] = items.splice(from, 1)\n          items.push(moved)\n          const next = items.map((item, index) => ({\n            ...item,\n            order: index,\n            priority: index,\n          }))\n          queueLayoutSave(next)\n          return next\n        })\n        draggingIdRef.current = null\n      }}>\n        {layout.map((item) => {\n          const meta = metaById.get(item.widgetId)\n          if (!meta) return null\n          const title = resolveWidgetTitle(meta)\n          const description = resolveWidgetDescription(meta)\n          return (\n            <DashboardWidgetCard\n              key={item.id}\n              item={item}\n              meta={meta}\n              title={title}\n              description={description}\n              context={context}\n              editing={editing && canConfigure}\n              activeSettings={settingsId === item.id}\n              onToggleSettings={() => setSettingsId((current) => (current === item.id ? null : item.id))}\n              onRemove={() => handleRemoveWidget(item.id)}\n              onSettingsChange={(settings) => handleSettingsChange(item.id, settings)}\n              onDragStart={() => { draggingIdRef.current = item.id }}\n              onDragEnd={() => { draggingIdRef.current = null }}\n              onDrop={(event) => {\n                const dragId = event.dataTransfer.getData('text/plain') || draggingIdRef.current\n                handleReorder(dragId, item.id)\n                draggingIdRef.current = null\n              }}\n              onDragEnter={() => {}}\n              onDragLeave={() => {}}\n              sizeClass={sizeClass(item.size)}\n            />\n          )\n        })}\n      </div>\n      </WidgetDataBatchProvider>\n\n      {layout.length === 0 && (\n        <div className=\"rounded-lg border border-dashed bg-muted/30 p-10 text-center text-sm text-muted-foreground\">\n          {!hasRegisteredWidgets\n            ? t(\n              'dashboard.empty.noWidgets.description',\n              'After you add the first module that exposes dashboard widgets, they will appear here.',\n            )\n            : canConfigure ? t('dashboard.empty.configurable') : t('dashboard.empty.readonly')}\n        </div>\n      )}\n\n      <InjectionSpot spotId={dashboardAfterSpotId} context={injectionContext} />\n    </div>\n  )\n}\n\ntype DashboardWidgetCardProps = {\n  item: LayoutItem\n  meta: WidgetMeta\n  title: string\n  description: string | null\n  context: LayoutContext | null\n  editing: boolean\n  activeSettings: boolean\n  onToggleSettings: () => void\n  onRemove: () => void\n  onSettingsChange: (next: unknown) => void\n  onDragStart: () => void\n  onDragEnd: () => void\n  onDrop: (event: React.DragEvent<HTMLDivElement>) => void\n  onDragEnter: () => void\n  onDragLeave: () => void\n  sizeClass: string\n}\n\nfunction DashboardWidgetCard({\n  item,\n  meta,\n  title,\n  description,\n  context,\n  editing,\n  activeSettings,\n  onToggleSettings,\n  onRemove,\n  onSettingsChange,\n  onDragStart,\n  onDragEnd,\n  onDrop,\n  onDragEnter,\n  onDragLeave,\n  sizeClass,\n}: DashboardWidgetCardProps) {\n  const t = useT()\n  const [module, setModule] = React.useState<WidgetModule | null>(null)\n  const [loading, setLoading] = React.useState(true)\n  const [loadError, setLoadError] = React.useState<string | null>(null)\n  const [isDragOver, setIsDragOver] = React.useState(false)\n  const [refreshToken, setRefreshToken] = React.useState(0)\n  const [refreshing, setRefreshing] = React.useState(false)\n\n  React.useEffect(() => {\n    let cancelled = false\n    setLoading(true)\n    setLoadError(null)\n    loadDashboardWidgetModule(meta.loaderKey)\n      .then((loaded) => {\n        if (cancelled) return\n        if (!loaded) {\n          setModule(null)\n          setLoadError(t('dashboard.widget.loadError'))\n          setLoading(false)\n          return\n        }\n        setModule(loaded)\n        setLoading(false)\n      })\n      .catch((err) => {\n        if (cancelled) return\n        console.error('Failed to load widget module', err)\n        setLoadError(t('dashboard.widget.loadError'))\n        setLoading(false)\n      })\n    return () => { cancelled = true }\n  }, [meta.loaderKey, t])\n\n  React.useEffect(() => {\n    if (!meta.supportsRefresh) {\n      setRefreshing(false)\n    }\n  }, [meta.supportsRefresh])\n\n  React.useEffect(() => {\n    if (activeSettings) {\n      setRefreshing(false)\n    }\n  }, [activeSettings])\n\n  React.useEffect(() => {\n    if (loadError) {\n      setRefreshing(false)\n    }\n  }, [loadError])\n\n  const handleRefreshStateChange = React.useCallback((next: boolean) => {\n    setRefreshing(next)\n  }, [])\n\n  const triggerRefresh = React.useCallback(() => {\n    if (loading || !!loadError) return\n    setRefreshing(true)\n    setRefreshToken((current) => current + 1)\n  }, [loadError, loading])\n\n  const hydratedSettings = React.useMemo(() => {\n    const raw = item.settings ?? meta.defaultSettings ?? null\n    if (module?.hydrateSettings) {\n      try {\n        return module.hydrateSettings(raw)\n      } catch (err) {\n        console.warn('Failed to hydrate widget settings', err)\n        return raw\n      }\n    }\n    return raw\n  }, [item.settings, meta.defaultSettings, module])\n\n  const handleSettingsChange = React.useCallback((next: unknown) => {\n    let raw = next\n    if (module?.dehydrateSettings) {\n      try {\n        raw = module.dehydrateSettings(next as never)\n      } catch (err) {\n        console.warn('Failed to dehydrate widget settings', err)\n      }\n    }\n    onSettingsChange(raw)\n  }, [module, onSettingsChange])\n\n  const WidgetComponent = module?.Widget\n  const mode = activeSettings ? 'settings' : 'view'\n\n  return (\n    <div\n      className={cn(\n        'group relative flex h-full flex-col rounded-lg border bg-background shadow-sm transition',\n        isDragOver ? 'border-primary ring-2 ring-primary/20' : 'hover:border-primary/40',\n        editing ? 'cursor-grab' : 'cursor-default',\n        sizeClass\n      )}\n      draggable={editing}\n      onDragStart={(event) => {\n        if (!editing) return\n        event.dataTransfer.effectAllowed = 'move'\n        event.dataTransfer.setData('text/plain', item.id)\n        onDragStart()\n      }}\n      onDragEnd={() => {\n        if (!editing) return\n        onDragEnd()\n      }}\n      onDragOver={(event) => {\n        if (!editing) return\n        event.preventDefault()\n        event.stopPropagation()\n        event.dataTransfer.dropEffect = 'move'\n        if (!isDragOver) {\n          setIsDragOver(true)\n          onDragEnter()\n        }\n      }}\n      onDrop={(event) => {\n        if (!editing) return\n        event.preventDefault()\n        event.stopPropagation()\n        onDrop(event)\n        setIsDragOver(false)\n        onDragLeave()\n      }}\n      onDragLeave={(event) => {\n        if (!editing) return\n        event.stopPropagation()\n        if (event.currentTarget.contains(event.relatedTarget as Node)) return\n        setIsDragOver(false)\n        onDragLeave()\n      }}\n    >\n      <div className=\"flex items-center justify-between gap-2 border-b px-3 py-2\">\n        <div className=\"flex items-center gap-2\">\n          {editing && <GripVertical className=\"h-4 w-4 text-muted-foreground\" />}\n          <div>\n            <div className=\"text-sm font-medium leading-none\">{title}</div>\n            {description ? <div className=\"mt-1 text-xs text-muted-foreground\">{description}</div> : null}\n          </div>\n        </div>\n        <div className=\"flex items-center gap-1\">\n          {!editing && meta.supportsRefresh && (\n            <IconButton\n              variant=\"ghost\"\n              size=\"sm\"\n              disabled={refreshing || loading || !!loadError}\n              onClick={triggerRefresh}\n              aria-label={t('dashboard.widget.refresh')}\n            >\n              {refreshing ? <Loader2 className=\"h-4 w-4 animate-spin\" /> : <RefreshCw className=\"h-4 w-4\" />}\n            </IconButton>\n          )}\n          {editing && (\n            <>\n              <IconButton\n                variant={activeSettings ? 'outline' : 'ghost'}\n                size=\"sm\"\n                onClick={onToggleSettings}\n                aria-label={activeSettings ? t('dashboard.widget.closeSettings') : t('dashboard.widget.editSettings')}\n              >\n                {activeSettings ? <X className=\"h-4 w-4\" /> : <Settings2 className=\"h-4 w-4\" />}\n              </IconButton>\n              <IconButton\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={onRemove}\n                aria-label={t('dashboard.widget.remove')}\n              >\n                <Trash2 className=\"h-4 w-4\" />\n              </IconButton>\n            </>\n          )}\n        </div>\n      </div>\n      <div className=\"flex-1 p-4\">\n        {loading && (\n          <div className=\"flex h-full min-h-[120px] items-center justify-center\">\n            <Spinner />\n          </div>\n        )}\n        {loadError && !loading && (\n          <div className=\"text-sm text-muted-foreground\">{loadError}</div>\n        )}\n        {!loading && !loadError && WidgetComponent && (\n          <WidgetComponent\n            mode={mode as 'view' | 'settings'}\n            layout={item}\n            context={context ?? { userId: '', tenantId: null, organizationId: null, userName: null, userEmail: null, userLabel: null }}\n            settings={hydratedSettings}\n            onSettingsChange={handleSettingsChange}\n            refreshToken={refreshToken}\n            onRefreshStateChange={handleRefreshStateChange}\n          />\n        )}\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": ";AA8VQ,SAoWI,UApWJ,KAiBF,YAjBE;AA5VR,YAAY,WAAW;AACvB,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,eAAe;AACxB,SAAS,mBAAmB;AAC5B,SAAS,OAAO,kBAAkB,kBAAkB;AACpD,SAAS,eAAe;AACxB,SAAS,qBAAqB,iCAAiC;AAE/D,SAAS,UAAU;AACnB,SAAS,cAAc,MAAM,WAAW,WAAW,QAAQ,GAAG,eAAe;AAC7E,SAAS,YAAY;AACrB,SAAS,mCAAmC;AAC5C,SAAS,qBAAqB;AAC9B,SAAS,+BAA+B;AA8CxC,SAAS,UAAU,MAAuC;AACxD,UAAQ,MAAM;AAAA,IACZ,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL;AACE,aAAO;AAAA,EACX;AACF;AAEA,SAAS,WAAW,OAAmC;AACrD,SAAO,CAAC,GAAG,KAAK,EACb,KAAK,CAAC,GAAG,MAAM;AACd,UAAM,SAAS,EAAE,SAAS,EAAE,YAAY;AACxC,UAAM,SAAS,EAAE,SAAS,EAAE,YAAY;AACxC,WAAO,SAAS;AAAA,EAClB,CAAC,EACA,IAAI,CAAC,MAAM,WAAW,EAAE,GAAG,MAAM,OAAO,OAAO,UAAU,MAAM,EAAE;AACtE;AAEA,MAAM,eAAoC;AAE1C,SAAS,aAAqB;AAC5B,MAAI,OAAO,WAAW,eAAe,OAAO,OAAO,eAAe,YAAY;AAC5E,WAAO,OAAO,WAAW;AAAA,EAC3B;AAEA,SAAO,KAAK,IAAI,EAAE,SAAS,EAAE,IAAI,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,MAAM,CAAC;AACrE;AAEO,SAAS,kBAAkB;AAChC,QAAM,IAAI,KAAK;AACf,QAAM,2BAA2B,4BAA4B;AAC7D,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,IAAI;AACjD,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAwB,IAAI;AAC5D,QAAM,CAAC,sBAAsB,uBAAuB,IAAI,MAAM,SAAS,IAAI;AAC3E,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,KAAK;AAChD,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAuB,CAAC,CAAC;AAC3D,QAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAAuB,CAAC,CAAC;AACzE,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,MAAM,SAAmB,CAAC,CAAC;AAC3E,QAAM,CAAC,cAAc,eAAe,IAAI,MAAM,SAAS,KAAK;AAC5D,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAA+B,IAAI;AACvE,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,KAAK;AAClD,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAwB,IAAI;AACtE,QAAM,gBAAgB,MAAM,OAAO,CAAC;AACpC,QAAM,eAAe,MAAM,OAAO,QAAQ,QAAQ,CAAC;AACnD,QAAM,gBAAgB,MAAM,OAAsB,IAAI;AAEtD,QAAM,eAAe,MAAM,YAAY,CAAC,UAAkB;AACxD,kBAAc,UAAU,KAAK,IAAI,GAAG,cAAc,UAAU,KAAK;AACjE,cAAU,cAAc,UAAU,CAAC;AAAA,EACrC,GAAG,CAAC,CAAC;AAEL,QAAM,OAAO,MAAM,YAAY,YAAY;AACzC,eAAW,IAAI;AACf,aAAS,IAAI;AACb,QAAI;AACF,YAAM,OAAO,MAAM,QAAwB,wBAAwB;AACnE,UAAI,CAAC,KAAK,MAAM,CAAC,KAAK,QAAQ;AAC5B,cAAM,IAAI,MAAM,sBAAsB,KAAK,MAAM,EAAE;AAAA,MACrD;AACA,YAAM,OAAO,KAAK;AAClB,YAAM,wBAAwB,oBAAoB,EAAE;AACpD,YAAM,mBAAmB,WAAW,KAAK,QAAQ,SAAS,CAAC,CAAC;AAC5D,gBAAU,gBAAgB;AAC1B,uBAAiB,KAAK,WAAW,CAAC,CAAC;AACnC,8BAAwB,wBAAwB,MAAM,KAAK,WAAW,CAAC,GAAG,SAAS,CAAC;AACpF,0BAAoB,KAAK,oBAAoB,CAAC,CAAC;AAC/C,sBAAgB,CAAC,CAAC,KAAK,YAAY;AACnC,UAAI,KAAK,SAAS;AAChB,mBAAW;AAAA,UACT,QAAQ,KAAK,QAAQ;AAAA,UACrB,UAAU,KAAK,QAAQ,YAAY;AAAA,UACnC,gBAAgB,KAAK,QAAQ,kBAAkB;AAAA,UAC/C,UAAU,KAAK,QAAQ,YAAY;AAAA,UACnC,WAAW,KAAK,QAAQ,aAAa;AAAA,UACrC,WAAW,KAAK,QAAQ,aAAa;AAAA,QACvC,CAAC;AAAA,MACH,OAAO;AACL,mBAAW,IAAI;AAAA,MACjB;AACA,UAAI,CAAC,KAAK,cAAc;AACtB,mBAAW,KAAK;AAChB,sBAAc,IAAI;AAAA,MACpB;AAAA,IACF,SAAS,KAAK;AACZ,cAAQ,MAAM,mCAAmC,GAAG;AACpD,UAAI,oBAAoB,EAAE,WAAW,GAAG;AACtC,gCAAwB,KAAK;AAC7B,kBAAU,CAAC,CAAC;AACZ,yBAAiB,CAAC,CAAC;AACnB,4BAAoB,CAAC,CAAC;AACtB,wBAAgB,KAAK;AACrB,mBAAW,IAAI;AACf,mBAAW,KAAK;AAChB,sBAAc,IAAI;AAClB;AAAA,MACF;AACA,eAAS,EAAE,qBAAqB,CAAC;AAAA,IACnC,UAAE;AACA,iBAAW,KAAK;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,CAAC,CAAC;AAEN,QAAM,UAAU,MAAM;AACpB,SAAK;AAAA,EACP,GAAG,CAAC,MAAM,wBAAwB,CAAC;AAEnC,QAAM,WAAW,MAAM,QAAQ,MAAM;AACnC,UAAM,MAAM,oBAAI,IAAwB;AACxC,eAAW,QAAQ,cAAe,KAAI,IAAI,KAAK,IAAI,IAAI;AACvD,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,CAAC;AAElB,QAAM,mBAAmB,MAAM,QAAQ,MAAM;AAC3C,UAAM,aAAa,IAAI,IAAI,OAAO,IAAI,CAAC,SAAS,KAAK,QAAQ,CAAC;AAC9D,WAAO,cAAc,OAAO,CAAC,SAAS,CAAC,WAAW,IAAI,KAAK,EAAE,CAAC;AAAA,EAChE,GAAG,CAAC,QAAQ,aAAa,CAAC;AAE1B,QAAM,qBAAqB,MAAM,YAAY,CAAC,SAA6B;AACzE,UAAM,OAAO;AAAA,MACX,GAAG,KAAK,EAAE;AAAA,MACV,qBAAqB,KAAK,EAAE;AAAA,IAC9B;AACA,QAAI,KAAK,GAAG,SAAS,GAAG,GAAG;AACzB,YAAM,QAAQ,KAAK,GAAG,MAAM,GAAG;AAC/B,YAAM,WAAW,MAAM,IAAI;AAC3B,WAAK,QAAQ,GAAG,MAAM,KAAK,GAAG,CAAC,YAAY,QAAQ,QAAQ;AAAA,IAC7D;AACA,eAAW,OAAO,MAAM;AACtB,YAAM,aAAa,EAAE,GAAG;AACxB,UAAI,eAAe,IAAK,QAAO;AAAA,IACjC;AACA,WAAO,KAAK;AAAA,EACd,GAAG,CAAC,CAAC,CAAC;AAEN,QAAM,2BAA2B,MAAM,YAAY,CAAC,SAAoC;AACtF,QAAI,CAAC,KAAK,YAAa,QAAO;AAC9B,UAAM,OAAO;AAAA,MACX,GAAG,KAAK,EAAE;AAAA,MACV,qBAAqB,KAAK,EAAE;AAAA,IAC9B;AACA,QAAI,KAAK,GAAG,SAAS,GAAG,GAAG;AACzB,YAAM,QAAQ,KAAK,GAAG,MAAM,GAAG;AAC/B,YAAM,WAAW,MAAM,IAAI;AAC3B,WAAK,QAAQ,GAAG,MAAM,KAAK,GAAG,CAAC,YAAY,QAAQ,cAAc;AAAA,IACnE;AACA,eAAW,OAAO,MAAM;AACtB,YAAM,aAAa,EAAE,GAAG;AACxB,UAAI,eAAe,IAAK,QAAO;AAAA,IACjC;AACA,WAAO,KAAK;AAAA,EACd,GAAG,CAAC,CAAC,CAAC;AAEN,QAAM,kBAAkB,MAAM,YAAY,CAAC,UAAwB;AACjE,iBAAa,UAAU,aAAa,QAAQ,KAAK,YAAY;AAC3D,mBAAa,CAAC;AACd,UAAI;AACF,cAAM,UAAU;AAAA,UACd,OAAO,MAAM,IAAI,CAAC,MAAM,WAAW;AAAA,YACjC,IAAI,KAAK;AAAA,YACT,UAAU,KAAK;AAAA,YACf,OAAO;AAAA,YACP,UAAU;AAAA,YACV,MAAM,KAAK,QAAQ;AAAA,YACnB,UAAU,KAAK,YAAY;AAAA,UAC7B,EAAE;AAAA,QACJ;AACA,cAAM,OAAO,MAAM,QAAQ,0BAA0B;AAAA,UACnD,QAAQ;AAAA,UACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,UAC9C,MAAM,KAAK,UAAU,OAAO;AAAA,QAC9B,CAAC;AACD,YAAI,CAAC,KAAK,GAAI,OAAM,IAAI,MAAM,sBAAsB,KAAK,MAAM,EAAE;AACjE,iBAAS,IAAI;AAAA,MACf,SAAS,KAAK;AACZ,gBAAQ,MAAM,yBAAyB,GAAG;AAC1C,iBAAS,EAAE,qBAAqB,CAAC;AAAA,MACnC,UAAE;AACA,qBAAa,EAAE;AAAA,MACjB;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAAC,cAAc,CAAC,CAAC;AAEpB,QAAM,sBAAsB,MAAM,YAAY,OAAO,QAAgB,iBAA0B;AAC7F,iBAAa,CAAC;AACd,QAAI;AACF,YAAM,OAAO,MAAM,QAAQ,0BAA0B,mBAAmB,MAAM,CAAC,IAAI;AAAA,QACjF,QAAQ;AAAA,QACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,QAC9C,MAAM,KAAK,UAAU,EAAE,UAAU,aAAa,CAAC;AAAA,MACjD,CAAC;AACD,UAAI,CAAC,KAAK,GAAI,OAAM,IAAI,MAAM,sBAAsB,KAAK,MAAM,EAAE;AACjE,eAAS,IAAI;AAAA,IACf,SAAS,KAAK;AACZ,cAAQ,MAAM,oCAAoC,GAAG;AACrD,eAAS,EAAE,qBAAqB,CAAC;AAAA,IACnC,UAAE;AACA,mBAAa,EAAE;AAAA,IACjB;AAAA,EACF,GAAG,CAAC,cAAc,CAAC,CAAC;AAEpB,QAAM,kBAAkB,MAAM,YAAY,CAAC,aAAqB;AAC9D,UAAM,OAAO,SAAS,IAAI,QAAQ;AAClC,QAAI,CAAC,KAAM;AACX,cAAU,CAAC,SAAS;AAClB,YAAM,OAAqB,WAAW;AAAA,QACpC,GAAG;AAAA,QACH;AAAA,UACE,IAAI,WAAW;AAAA,UACf,UAAU,KAAK;AAAA,UACf,OAAO,KAAK;AAAA,UACZ,UAAU,KAAK;AAAA,UACf,MAAM,KAAK,eAAe;AAAA,UAC1B,UAAU,KAAK,mBAAmB;AAAA,QACpC;AAAA,MACF,CAAC;AACD,sBAAgB,IAAI;AACpB,aAAO;AAAA,IACT,CAAC;AACD,kBAAc,IAAI;AAAA,EACpB,GAAG,CAAC,UAAU,eAAe,CAAC;AAE9B,QAAM,qBAAqB,MAAM,YAAY,CAAC,WAAmB;AAC/D,cAAU,CAAC,SAAS;AAClB,YAAM,OAAO,WAAW,KAAK,OAAO,CAAC,SAAS,KAAK,OAAO,MAAM,CAAC;AACjE,sBAAgB,IAAI;AACpB,aAAO;AAAA,IACT,CAAC;AACD,QAAI,eAAe,OAAQ,eAAc,IAAI;AAAA,EAC/C,GAAG,CAAC,iBAAiB,UAAU,CAAC;AAEhC,QAAM,gBAAgB,MAAM,YAAY,CAAC,QAAuB,aAAqB;AACnF,QAAI,CAAC,UAAU,WAAW,SAAU;AACpC,cAAU,CAAC,SAAS;AAClB,YAAM,QAAQ,CAAC,GAAG,IAAI;AACtB,YAAM,OAAO,MAAM,UAAU,CAAC,SAAS,KAAK,OAAO,MAAM;AACzD,YAAM,KAAK,MAAM,UAAU,CAAC,SAAS,KAAK,OAAO,QAAQ;AACzD,UAAI,SAAS,MAAM,OAAO,GAAI,QAAO;AACrC,YAAM,CAAC,KAAK,IAAI,MAAM,OAAO,MAAM,CAAC;AACpC,YAAM,OAAO,IAAI,GAAG,KAAK;AACzB,YAAM,OAAO,MAAM,IAAI,CAAC,MAAM,WAAW;AAAA,QACvC,GAAG;AAAA,QACH,OAAO;AAAA,QACP,UAAU;AAAA,MACZ,EAAE;AACF,sBAAgB,IAAI;AACpB,aAAO;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAC,eAAe,CAAC;AAEpB,QAAM,uBAAuB,MAAM,YAAY,CAAC,QAAgB,iBAA0B;AACxF,cAAU,CAAC,SAAS,KAAK,IAAI,CAAC,SAAU,KAAK,OAAO,SAAS,EAAE,GAAG,MAAM,UAAU,aAAa,IAAI,IAAK,CAAC;AACzG,SAAK,oBAAoB,QAAQ,YAAY;AAAA,EAC/C,GAAG,CAAC,mBAAmB,CAAC;AAExB,QAAM,gBAAgB,MAAM,YAAY,MAAM;AAC5C,QAAI,CAAC,aAAc;AACnB,eAAW,CAAC,SAAS;AACnB,YAAM,OAAO,CAAC;AACd,UAAI,CAAC,KAAM,eAAc,IAAI;AAC7B,aAAO;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,gBAAgB,MAAM,YAAY,MAAM;AAC5C,SAAK;AAAA,EACP,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,mBAAmB,MAAM;AAAA,IAC7B,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,IACf;AAAA,IACA,CAAC,kBAAkB,cAAc,SAAS,SAAS,QAAQ,aAAa;AAAA,EAC1E;AACA,QAAM,wBAAwB;AAC9B,QAAM,uBAAuB;AAE7B,MAAI,SAAS;AACX,WACE,oBAAC,SAAI,WAAU,kDACb,8BAAC,WAAQ,MAAK,MAAK,GACrB;AAAA,EAEJ;AAEA,MAAI,SAAS,OAAO,WAAW,GAAG;AAChC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,EAAE,uBAAuB;AAAA,QAChC,SAAS;AAAA,QACT,QAAQ,oBAAC,UAAO,SAAQ,WAAU,SAAS,eAAgB,YAAE,iBAAiB,GAAE;AAAA;AAAA,IAClF;AAAA,EAEJ;AAEA,MAAI,CAAC,wBAAwB,OAAO,WAAW,GAAG;AAChD,WACE,qBAAC,SAAM,SAAQ,QACb;AAAA,0BAAC,cAAY,YAAE,mCAAmC,0BAA0B,GAAE;AAAA,MAC9E,oBAAC,oBACE;AAAA,QACC;AAAA,QACA;AAAA,MACF,GACF;AAAA,OACF;AAAA,EAEJ;AAEA,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,yBAAC,SAAI,WAAU,qDACb;AAAA,2BAAC,SACC;AAAA,4BAAC,QAAG,WAAU,yCAAyC,YAAE,iBAAiB,GAAE;AAAA,QAC5E,oBAAC,OAAE,WAAU,iCAAiC,YAAE,oBAAoB,GAAE;AAAA,SACxE;AAAA,MACA,qBAAC,SAAI,WAAU,2BACZ;AAAA,kBACC,qBAAC,SAAI,WAAU,yDACb;AAAA,8BAAC,WAAQ,WAAU,wBAAuB;AAAA,UAC1C,oBAAC,UAAM,YAAE,kBAAkB,GAAE;AAAA,WAC/B;AAAA,QAED,gBACC,qBAAC,UAAO,SAAS,UAAU,cAAc,WAAW,MAAK,MAAK,SAAS,eACrE;AAAA,8BAAC,aAAU,WAAU,WAAU;AAAA,UAC/B,oBAAC,UAAM,oBAAU,EAAE,uBAAuB,IAAI,EAAE,4BAA4B,GAAE;AAAA,WAChF;AAAA,SAEJ;AAAA,OACF;AAAA,IAEC,SAAS,OAAO,SAAS,KACxB;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,EAAE,yBAAyB;AAAA,QAClC,SAAS;AAAA,QACT,QAAQ,oBAAC,UAAO,SAAQ,SAAQ,SAAS,eAAgB,YAAE,wBAAwB,GAAE;AAAA;AAAA,IACvF;AAAA,IAGF,oBAAC,iBAAc,QAAQ,uBAAuB,SAAS,kBAAkB;AAAA,IAExE,WAAW,iBAAiB,SAAS,KACpC,qBAAC,SAAI,WAAU,mDACb;AAAA,0BAAC,SAAI,WAAU,kDAAkD,YAAE,qBAAqB,GAAE;AAAA,MAC1F,oBAAC,SAAI,WAAU,wBACZ,2BAAiB,IAAI,CAAC,SACrB;AAAA,QAAC;AAAA;AAAA,UAEC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,SAAS,MAAM,gBAAgB,KAAK,EAAE;AAAA,UAEtC;AAAA,gCAAC,QAAK,WAAU,WAAU;AAAA,YACzB,mBAAmB,IAAI;AAAA;AAAA;AAAA,QANnB,KAAK;AAAA,MAOZ,CACD,GACH;AAAA,OACF;AAAA,IAGF,oBAAC,2BACD;AAAA,MAAC;AAAA;AAAA,QAAI,WAAW;AAAA,UACd;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,YAAY,CAAC,UAAU;AACrB,cAAI,CAAC,WAAW,CAAC,aAAc;AAC/B,gBAAM,eAAe;AACrB,gBAAM,aAAa,aAAa;AAAA,QAClC;AAAA,QACA,QAAQ,CAAC,UAAU;AACjB,cAAI,CAAC,WAAW,CAAC,aAAc;AAC/B,gBAAM,eAAe;AACrB,gBAAM,SAAS,MAAM,aAAa,QAAQ,YAAY,KAAK,cAAc;AACzE,cAAI,CAAC,OAAQ;AACb,oBAAU,CAAC,SAAS;AAClB,kBAAM,QAAQ,CAAC,GAAG,IAAI;AACtB,kBAAM,OAAO,MAAM,UAAU,CAAC,UAAU,MAAM,OAAO,MAAM;AAC3D,gBAAI,SAAS,GAAI,QAAO;AACxB,kBAAM,CAAC,KAAK,IAAI,MAAM,OAAO,MAAM,CAAC;AACpC,kBAAM,KAAK,KAAK;AAChB,kBAAM,OAAO,MAAM,IAAI,CAAC,MAAM,WAAW;AAAA,cACvC,GAAG;AAAA,cACH,OAAO;AAAA,cACP,UAAU;AAAA,YACZ,EAAE;AACF,4BAAgB,IAAI;AACpB,mBAAO;AAAA,UACT,CAAC;AACD,wBAAc,UAAU;AAAA,QAC1B;AAAA,QACG,iBAAO,IAAI,CAAC,SAAS;AACpB,gBAAM,OAAO,SAAS,IAAI,KAAK,QAAQ;AACvC,cAAI,CAAC,KAAM,QAAO;AAClB,gBAAM,QAAQ,mBAAmB,IAAI;AACrC,gBAAM,cAAc,yBAAyB,IAAI;AACjD,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA,SAAS,WAAW;AAAA,cACpB,gBAAgB,eAAe,KAAK;AAAA,cACpC,kBAAkB,MAAM,cAAc,CAAC,YAAa,YAAY,KAAK,KAAK,OAAO,KAAK,EAAG;AAAA,cACzF,UAAU,MAAM,mBAAmB,KAAK,EAAE;AAAA,cAC1C,kBAAkB,CAAC,aAAa,qBAAqB,KAAK,IAAI,QAAQ;AAAA,cACtE,aAAa,MAAM;AAAE,8BAAc,UAAU,KAAK;AAAA,cAAG;AAAA,cACrD,WAAW,MAAM;AAAE,8BAAc,UAAU;AAAA,cAAK;AAAA,cAChD,QAAQ,CAAC,UAAU;AACjB,sBAAM,SAAS,MAAM,aAAa,QAAQ,YAAY,KAAK,cAAc;AACzE,8BAAc,QAAQ,KAAK,EAAE;AAC7B,8BAAc,UAAU;AAAA,cAC1B;AAAA,cACA,aAAa,MAAM;AAAA,cAAC;AAAA,cACpB,aAAa,MAAM;AAAA,cAAC;AAAA,cACpB,WAAW,UAAU,KAAK,IAAI;AAAA;AAAA,YApBzB,KAAK;AAAA,UAqBZ;AAAA,QAEJ,CAAC;AAAA;AAAA,IACH,GACA;AAAA,IAEC,OAAO,WAAW,KACjB,oBAAC,SAAI,WAAU,8FACZ,WAAC,uBACE;AAAA,MACA;AAAA,MACA;AAAA,IACF,IACE,eAAe,EAAE,8BAA8B,IAAI,EAAE,0BAA0B,GACrF;AAAA,IAGF,oBAAC,iBAAc,QAAQ,sBAAsB,SAAS,kBAAkB;AAAA,KAC1E;AAEJ;AAqBA,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAAA;AACF,GAA6B;AAC3B,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAA8B,IAAI;AACpE,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,IAAI;AACjD,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAwB,IAAI;AACpE,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,KAAK;AACxD,QAAM,CAAC,cAAc,eAAe,IAAI,MAAM,SAAS,CAAC;AACxD,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,KAAK;AAExD,QAAM,UAAU,MAAM;AACpB,QAAI,YAAY;AAChB,eAAW,IAAI;AACf,iBAAa,IAAI;AACjB,8BAA0B,KAAK,SAAS,EACrC,KAAK,CAAC,WAAW;AAChB,UAAI,UAAW;AACf,UAAI,CAAC,QAAQ;AACX,kBAAU,IAAI;AACd,qBAAa,EAAE,4BAA4B,CAAC;AAC5C,mBAAW,KAAK;AAChB;AAAA,MACF;AACA,gBAAU,MAAM;AAChB,iBAAW,KAAK;AAAA,IAClB,CAAC,EACA,MAAM,CAAC,QAAQ;AACd,UAAI,UAAW;AACf,cAAQ,MAAM,gCAAgC,GAAG;AACjD,mBAAa,EAAE,4BAA4B,CAAC;AAC5C,iBAAW,KAAK;AAAA,IAClB,CAAC;AACH,WAAO,MAAM;AAAE,kBAAY;AAAA,IAAK;AAAA,EAClC,GAAG,CAAC,KAAK,WAAW,CAAC,CAAC;AAEtB,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,KAAK,iBAAiB;AACzB,oBAAc,KAAK;AAAA,IACrB;AAAA,EACF,GAAG,CAAC,KAAK,eAAe,CAAC;AAEzB,QAAM,UAAU,MAAM;AACpB,QAAI,gBAAgB;AAClB,oBAAc,KAAK;AAAA,IACrB;AAAA,EACF,GAAG,CAAC,cAAc,CAAC;AAEnB,QAAM,UAAU,MAAM;AACpB,QAAI,WAAW;AACb,oBAAc,KAAK;AAAA,IACrB;AAAA,EACF,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,2BAA2B,MAAM,YAAY,CAAC,SAAkB;AACpE,kBAAc,IAAI;AAAA,EACpB,GAAG,CAAC,CAAC;AAEL,QAAM,iBAAiB,MAAM,YAAY,MAAM;AAC7C,QAAI,WAAW,CAAC,CAAC,UAAW;AAC5B,kBAAc,IAAI;AAClB,oBAAgB,CAAC,YAAY,UAAU,CAAC;AAAA,EAC1C,GAAG,CAAC,WAAW,OAAO,CAAC;AAEvB,QAAM,mBAAmB,MAAM,QAAQ,MAAM;AAC3C,UAAM,MAAM,KAAK,YAAY,KAAK,mBAAmB;AACrD,QAAI,QAAQ,iBAAiB;AAC3B,UAAI;AACF,eAAO,OAAO,gBAAgB,GAAG;AAAA,MACnC,SAAS,KAAK;AACZ,gBAAQ,KAAK,qCAAqC,GAAG;AACrD,eAAO;AAAA,MACT;AAAA,IACF;AACA,WAAO;AAAA,EACT,GAAG,CAAC,KAAK,UAAU,KAAK,iBAAiB,MAAM,CAAC;AAEhD,QAAM,uBAAuB,MAAM,YAAY,CAAC,SAAkB;AAChE,QAAI,MAAM;AACV,QAAI,QAAQ,mBAAmB;AAC7B,UAAI;AACF,cAAM,OAAO,kBAAkB,IAAa;AAAA,MAC9C,SAAS,KAAK;AACZ,gBAAQ,KAAK,uCAAuC,GAAG;AAAA,MACzD;AAAA,IACF;AACA,qBAAiB,GAAG;AAAA,EACtB,GAAG,CAAC,QAAQ,gBAAgB,CAAC;AAE7B,QAAM,kBAAkB,QAAQ;AAChC,QAAM,OAAO,iBAAiB,aAAa;AAE3C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,aAAa,0CAA0C;AAAA,QACvD,UAAU,gBAAgB;AAAA,QAC1BA;AAAA,MACF;AAAA,MACA,WAAW;AAAA,MACX,aAAa,CAAC,UAAU;AACtB,YAAI,CAAC,QAAS;AACd,cAAM,aAAa,gBAAgB;AACnC,cAAM,aAAa,QAAQ,cAAc,KAAK,EAAE;AAChD,oBAAY;AAAA,MACd;AAAA,MACA,WAAW,MAAM;AACf,YAAI,CAAC,QAAS;AACd,kBAAU;AAAA,MACZ;AAAA,MACA,YAAY,CAAC,UAAU;AACrB,YAAI,CAAC,QAAS;AACd,cAAM,eAAe;AACrB,cAAM,gBAAgB;AACtB,cAAM,aAAa,aAAa;AAChC,YAAI,CAAC,YAAY;AACf,wBAAc,IAAI;AAClB,sBAAY;AAAA,QACd;AAAA,MACF;AAAA,MACA,QAAQ,CAAC,UAAU;AACjB,YAAI,CAAC,QAAS;AACd,cAAM,eAAe;AACrB,cAAM,gBAAgB;AACtB,eAAO,KAAK;AACZ,sBAAc,KAAK;AACnB,oBAAY;AAAA,MACd;AAAA,MACA,aAAa,CAAC,UAAU;AACtB,YAAI,CAAC,QAAS;AACd,cAAM,gBAAgB;AACtB,YAAI,MAAM,cAAc,SAAS,MAAM,aAAqB,EAAG;AAC/D,sBAAc,KAAK;AACnB,oBAAY;AAAA,MACd;AAAA,MAEA;AAAA,6BAAC,SAAI,WAAU,8DACb;AAAA,+BAAC,SAAI,WAAU,2BACZ;AAAA,uBAAW,oBAAC,gBAAa,WAAU,iCAAgC;AAAA,YACpE,qBAAC,SACC;AAAA,kCAAC,SAAI,WAAU,oCAAoC,iBAAM;AAAA,cACxD,cAAc,oBAAC,SAAI,WAAU,sCAAsC,uBAAY,IAAS;AAAA,eAC3F;AAAA,aACF;AAAA,UACA,qBAAC,SAAI,WAAU,2BACZ;AAAA,aAAC,WAAW,KAAK,mBAChB;AAAA,cAAC;AAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,UAAU,cAAc,WAAW,CAAC,CAAC;AAAA,gBACrC,SAAS;AAAA,gBACT,cAAY,EAAE,0BAA0B;AAAA,gBAEvC,uBAAa,oBAAC,WAAQ,WAAU,wBAAuB,IAAK,oBAAC,aAAU,WAAU,WAAU;AAAA;AAAA,YAC9F;AAAA,YAED,WACC,iCACE;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,SAAS,iBAAiB,YAAY;AAAA,kBACtC,MAAK;AAAA,kBACL,SAAS;AAAA,kBACT,cAAY,iBAAiB,EAAE,gCAAgC,IAAI,EAAE,+BAA+B;AAAA,kBAEnG,2BAAiB,oBAAC,KAAE,WAAU,WAAU,IAAK,oBAAC,aAAU,WAAU,WAAU;AAAA;AAAA,cAC/E;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACC,SAAQ;AAAA,kBACR,MAAK;AAAA,kBACL,SAAS;AAAA,kBACT,cAAY,EAAE,yBAAyB;AAAA,kBAEvC,8BAAC,UAAO,WAAU,WAAU;AAAA;AAAA,cAC9B;AAAA,eACF;AAAA,aAEJ;AAAA,WACF;AAAA,QACA,qBAAC,SAAI,WAAU,cACZ;AAAA,qBACC,oBAAC,SAAI,WAAU,yDACb,8BAAC,WAAQ,GACX;AAAA,UAED,aAAa,CAAC,WACb,oBAAC,SAAI,WAAU,iCAAiC,qBAAU;AAAA,UAE3D,CAAC,WAAW,CAAC,aAAa,mBACzB;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA,QAAQ;AAAA,cACR,SAAS,WAAW,EAAE,QAAQ,IAAI,UAAU,MAAM,gBAAgB,MAAM,UAAU,MAAM,WAAW,MAAM,WAAW,KAAK;AAAA,cACzH,UAAU;AAAA,cACV,kBAAkB;AAAA,cAClB;AAAA,cACA,sBAAsB;AAAA;AAAA,UACxB;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;",
   "names": ["sizeClass"]
 }

package/dist/backend/injection/InjectionSpot.js

@@ -31,6 +31,14 @@ function useInjectionWidgets(spotId, options) {
   const [error, setError] = React.useState(null);
   const [registryVersion, setRegistryVersion] = React.useState(() => getInjectionRegistryVersion());
   const loadedRef = React.useRef(false);
+  const contextRef = React.useRef(options?.context);
+  const triggerOnLoadRef = React.useRef(options?.triggerOnLoad);
+  const onEventRef = React.useRef(options?.onEvent);
+  React.useEffect(() => {
+    contextRef.current = options?.context;
+    triggerOnLoadRef.current = options?.triggerOnLoad;
+    onEventRef.current = options?.onEvent;
+  });
   React.useEffect(() => {
     return subscribeToInjectionRegistryChanges(() => {
       setRegistryVersion(getInjectionRegistryVersion());
@@ -58,14 +66,14 @@ function useInjectionWidgets(spotId, options) {
           placement: w.placement
         }));
         setWidgets(widgetList);
-        if (!loadedRef.current && options?.triggerOnLoad) {
+        if (!loadedRef.current && triggerOnLoadRef.current) {
           loadedRef.current = true;
           for (const widget of widgetList) {
             if (widget.module.eventHandlers?.onLoad) {
               try {
-                const widgetContext = injectSharedStateIntoContext(options.context, widget.moduleId);
+                const widgetContext = injectSharedStateIntoContext(contextRef.current, widget.moduleId);
                 await widget.module.eventHandlers.onLoad(widgetContext);
-                options.onEvent?.("onLoad", widget.widgetId);
+                onEventRef.current?.("onLoad", widget.widgetId);
               } catch (err) {
                 console.error(`[InjectionSpot] Error in onLoad for widget ${widget.widgetId}:`, err);
               }
@@ -84,7 +92,7 @@ function useInjectionWidgets(spotId, options) {
     return () => {
       mounted = false;
     };
-  }, [spotId, options?.context, options?.triggerOnLoad, options?.onEvent, registryVersion]);
+  }, [spotId, registryVersion]);
   return { widgets, loading, error };
 }
 function InjectionSpot({
@@ -97,15 +105,24 @@ function InjectionSpot({
   widgetsOverride
 }) {
   const useSpotId = widgetsOverride ? null : spotId;
+  const onEventRef = React.useRef(onEvent);
+  React.useEffect(() => {
+    onEventRef.current = onEvent;
+  });
+  const hasOnEvent = Boolean(onEvent);
+  const stableOnEvent = React.useMemo(
+    () => hasOnEvent ? (event, id) => onEventRef.current?.(event, id) : void 0,
+    [hasOnEvent]
+  );
   const { widgets, loading, error } = useInjectionWidgets(useSpotId, {
     context,
     triggerOnLoad: !widgetsOverride,
-    onEvent: onEvent ? (event, id) => onEvent(event, id) : void 0
+    onEvent: stableOnEvent
   });
   const effectiveWidgets = widgetsOverride ?? widgets;
   const effectiveLoading = widgetsOverride ? false : loading;
   const effectiveError = widgetsOverride ? null : error;
-  if (effectiveLoading) {
+  if (effectiveLoading && effectiveWidgets.length === 0) {
     return null;
   }
   if (effectiveError) {

package/dist/backend/injection/InjectionSpot.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/backend/injection/InjectionSpot.tsx"],
-  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport type {\n  InjectionSpotId,\n  InjectionWidgetModule,\n  WidgetInjectionEventHandlers,\n  WidgetBeforeDeleteResult,\n  WidgetBeforeSaveResult,\n  FieldChangeResult,\n  NavigateGuardResult,\n} from '@open-mercato/shared/modules/widgets/injection'\nimport {\n  getInjectionRegistryVersion,\n  loadInjectionWidgetsForSpot,\n  subscribeToInjectionRegistryChanges,\n  type LoadedInjectionWidget,\n} from '@open-mercato/shared/modules/widgets/injection-loader'\nimport { getWidgetSharedState } from './WidgetSharedState'\n\nexport type InjectionSpotProps<TContext = unknown, TData = unknown> = {\n  spotId: InjectionSpotId\n  context: TContext\n  data?: TData\n  onDataChange?: (data: TData) => void\n  disabled?: boolean\n  onEvent?: (\n    event: keyof WidgetInjectionEventHandlers<TContext, TData>,\n    widgetId: string,\n  ) => void\n  widgetsOverride?: LoadedWidget[]\n}\n\n/**\n * Transformer events use pipeline dispatch: output of widget N becomes input of widget N+1.\n */\nconst TRANSFORMER_EVENTS = new Set<string>([\n  'transformFormData',\n  'transformDisplayData',\n  'transformValidation',\n])\n\ntype LoadedWidget = {\n  widgetId: string\n  module: InjectionWidgetModule<any, any>\n  moduleId: string\n  key: string\n  placement?: LoadedInjectionWidget['placement']\n}\n\nexport type LoadedInjectionSpotWidget = LoadedWidget\n\nfunction injectSharedStateIntoContext<TContext>(context: TContext, moduleId: string): TContext {\n  const sharedState = getWidgetSharedState(moduleId)\n  if (typeof context === 'object' && context !== null && !Array.isArray(context)) {\n    return {\n      ...(context as Record<string, unknown>),\n      sharedState,\n    } as TContext\n  }\n  return {\n    value: context,\n    sharedState,\n  } as TContext\n}\n\nexport function useInjectionWidgets<TContext = unknown>(\n  spotId: InjectionSpotId | null | undefined,\n  options?: {\n    context?: TContext\n    triggerOnLoad?: boolean\n    onEvent?: (event: 'onLoad', widgetId: string) => void\n  }\n) {\n  const [widgets, setWidgets] = React.useState<LoadedWidget[]>([])\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const [registryVersion, setRegistryVersion] = React.useState(() => getInjectionRegistryVersion())\n  const loadedRef = React.useRef(false)\n\n  React.useEffect(() => {\n    return subscribeToInjectionRegistryChanges(() => {\n      setRegistryVersion(getInjectionRegistryVersion())\n    })\n  }, [])\n\n  React.useEffect(() => {\n    if (!spotId) {\n      setWidgets([])\n      setLoading(false)\n      setError(null)\n      return\n    }\n    let mounted = true\n    const load = async () => {\n      try {\n        setLoading(true)\n        setError(null)\n        const loaded = await loadInjectionWidgetsForSpot(spotId)\n        if (!mounted) return\n        const widgetList: LoadedWidget[] = loaded.map((w) => ({\n          widgetId: w.metadata.id,\n          module: w,\n          moduleId: w.moduleId,\n          key: w.key,\n          placement: w.placement,\n        }))\n        setWidgets(widgetList)\n        \n        // Trigger onLoad for all widgets\n        if (!loadedRef.current && options?.triggerOnLoad) {\n          loadedRef.current = true\n          for (const widget of widgetList) {\n            if (widget.module.eventHandlers?.onLoad) {\n              try {\n                const widgetContext = injectSharedStateIntoContext(options.context as TContext, widget.moduleId)\n                await widget.module.eventHandlers.onLoad(widgetContext)\n                options.onEvent?.('onLoad', widget.widgetId)\n              } catch (err) {\n                console.error(`[InjectionSpot] Error in onLoad for widget ${widget.widgetId}:`, err)\n              }\n            }\n          }\n        }\n      } catch (err) {\n        if (!mounted) return\n        console.error(`[InjectionSpot] Failed to load widgets for spot ${spotId}:`, err)\n        setError(err instanceof Error ? err.message : String(err))\n      } finally {\n        if (mounted) setLoading(false)\n      }\n    }\n    load()\n    return () => {\n      mounted = false\n    }\n  }, [spotId, options?.context, options?.triggerOnLoad, options?.onEvent, registryVersion])\n\n  return { widgets, loading, error }\n}\n\nexport function InjectionSpot<TContext = unknown, TData = unknown>({\n  spotId,\n  context,\n  data,\n  onDataChange,\n  disabled,\n  onEvent,\n  widgetsOverride,\n}: InjectionSpotProps<TContext, TData>) {\n  const useSpotId = widgetsOverride ? null : spotId\n  const { widgets, loading, error } = useInjectionWidgets<TContext>(useSpotId, {\n    context,\n    triggerOnLoad: !widgetsOverride,\n    onEvent: onEvent ? (event, id) => onEvent(event, id) : undefined,\n  })\n  const effectiveWidgets = widgetsOverride ?? widgets\n  const effectiveLoading = widgetsOverride ? false : loading\n  const effectiveError = widgetsOverride ? null : error\n\n  if (effectiveLoading) {\n    return null\n  }\n\n  if (effectiveError) {\n    console.error(`[InjectionSpot] Error loading widgets for spot ${spotId}:`, effectiveError)\n    return null\n  }\n\n  if (effectiveWidgets.length === 0) {\n    return null\n  }\n\n  return (\n    <>\n      {effectiveWidgets.map((widget) => {\n        const { Widget } = widget.module\n        return (\n          <Widget\n            key={widget.widgetId}\n            context={injectSharedStateIntoContext(context, widget.moduleId)}\n            data={data}\n            onDataChange={onDataChange}\n            disabled={disabled}\n          />\n        )\n      })}\n    </>\n  )\n}\n\n/**\n * Hook to trigger injection widget events imperatively\n */\nexport function useInjectionSpotEvents<TContext = unknown, TData = unknown>(spotId: InjectionSpotId, prefetchedWidgets?: LoadedWidget[]) {\n  const [widgets, setWidgets] = React.useState<LoadedWidget[]>([])\n  const [registryVersion, setRegistryVersion] = React.useState(() => getInjectionRegistryVersion())\n\n  React.useEffect(() => {\n    return subscribeToInjectionRegistryChanges(() => {\n      setRegistryVersion(getInjectionRegistryVersion())\n    })\n  }, [])\n\n  React.useEffect(() => {\n    if (prefetchedWidgets && prefetchedWidgets.length) {\n      setWidgets(prefetchedWidgets)\n      return\n    }\n    let mounted = true\n    const load = async () => {\n      try {\n        const loaded = await loadInjectionWidgetsForSpot(spotId)\n        if (!mounted) return\n        setWidgets(\n          loaded.map((w) => ({\n            widgetId: w.metadata.id,\n            module: w,\n            moduleId: w.moduleId,\n            key: w.key,\n            placement: w.placement,\n          }))\n        )\n      } catch (err) {\n        console.error(`[useInjectionSpotEvents] Failed to load widgets for spot ${spotId}:`, err)\n      }\n    }\n    load()\n    return () => {\n      mounted = false\n    }\n  }, [spotId, prefetchedWidgets, registryVersion])\n\n  const triggerEvent = React.useCallback(\n    async (\n      event: keyof WidgetInjectionEventHandlers<TContext, TData>,\n      data: TData,\n      context: TContext,\n      meta?: {\n        error?: unknown\n        fieldId?: string\n        fieldValue?: unknown\n        originalData?: TData\n        target?: unknown\n        visible?: boolean\n        appEvent?: unknown\n      }\n    ): Promise<{\n      ok: boolean\n      message?: string\n      fieldErrors?: Record<string, string>\n      requestHeaders?: Record<string, string>\n      details?: unknown\n      data?: TData\n      applyToForm?: boolean\n      fieldChange?: {\n        value?: unknown\n        sideEffects?: Record<string, unknown>\n        messages?: Array<{ text: string; severity: 'info' | 'warning' | 'error' }>\n      }\n    }> => {\n      const normalizeBeforeSave = (\n        result: WidgetBeforeSaveResult,\n      ): { ok: boolean; message?: string; fieldErrors?: Record<string, string>; requestHeaders?: Record<string, string>; details?: unknown } => {\n        if (result === false) return { ok: false }\n        if (result === true || typeof result === 'undefined') return { ok: true }\n        if (result && typeof result === 'object') {\n          const ok = typeof result.ok === 'boolean' ? result.ok : true\n          const message = typeof result.message === 'string' ? result.message : undefined\n          const fieldErrors =\n            result.fieldErrors && typeof result.fieldErrors === 'object'\n              ? Object.fromEntries(\n                  Object.entries(result.fieldErrors).map(([key, value]) => [key, String(value)]),\n                )\n              : undefined\n          const requestHeaders =\n            result.requestHeaders && typeof result.requestHeaders === 'object'\n              ? Object.fromEntries(\n                  Object.entries(result.requestHeaders).map(([key, value]) => [key, String(value)]),\n                )\n              : undefined\n          return { ok, message, fieldErrors, requestHeaders, details: result.details }\n        }\n        return { ok: true }\n      }\n\n      const normalizeBeforeDelete = (\n        result: WidgetBeforeDeleteResult,\n      ): { ok: boolean; message?: string; fieldErrors?: Record<string, string>; requestHeaders?: Record<string, string>; details?: unknown } => {\n        if (result === false) return { ok: false }\n        if (result === true || typeof result === 'undefined') return { ok: true }\n        if (result && typeof result === 'object') {\n          const ok = typeof result.ok === 'boolean' ? result.ok : true\n          const message = typeof result.message === 'string' ? result.message : undefined\n          const fieldErrors =\n            result.fieldErrors && typeof result.fieldErrors === 'object'\n              ? Object.fromEntries(\n                  Object.entries(result.fieldErrors).map(([key, value]) => [key, String(value)]),\n                )\n              : undefined\n          const requestHeaders =\n            result.requestHeaders && typeof result.requestHeaders === 'object'\n              ? Object.fromEntries(\n                  Object.entries(result.requestHeaders).map(([key, value]) => [key, String(value)]),\n                )\n              : undefined\n          return { ok, message, fieldErrors, requestHeaders, details: result.details }\n        }\n        return { ok: true }\n      }\n\n      // --- Transformer events: pipeline dispatch ---\n      // Output of widget N becomes input of widget N+1\n      if (TRANSFORMER_EVENTS.has(event)) {\n        let pipelineData = data\n        let applyToForm = false\n        for (const widget of widgets) {\n          const handler = widget.module.eventHandlers?.[event]\n          if (!handler) continue\n          try {\n            const widgetContext = injectSharedStateIntoContext(context, widget.moduleId)\n            let handlerResult: unknown\n            if (event === 'transformValidation') {\n              handlerResult = await (handler as any)(pipelineData, meta?.originalData ?? data, widgetContext)\n            } else {\n              handlerResult = await (handler as any)(pipelineData, widgetContext)\n            }\n            if (\n              event === 'transformFormData' &&\n              handlerResult !== null &&\n              typeof handlerResult === 'object' &&\n              'applyToForm' in handlerResult &&\n              (handlerResult as { applyToForm: unknown }).applyToForm === true &&\n              'data' in handlerResult\n            ) {\n              pipelineData = (handlerResult as { data: TData }).data\n              applyToForm = true\n            } else {\n              pipelineData = handlerResult as TData\n            }\n          } catch (err) {\n            console.error(`[useInjectionSpotEvents] Error in ${event} for widget ${widget.widgetId}:`, err)\n          }\n        }\n        return { ok: true, data: pipelineData, applyToForm }\n      }\n\n      // --- Action events: sequential dispatch ---\n      const mergedRequestHeaders: Record<string, string> = {}\n      let hasRequestHeaders = false\n      let fieldValue = meta?.fieldValue\n      let fieldSideEffects: Record<string, unknown> | undefined\n      let fieldMessages: Array<{ text: string; severity: 'info' | 'warning' | 'error' }> | undefined\n\n      for (const widget of widgets) {\n        const eventHandlers = widget.module.eventHandlers\n        // Check operation filter \u2014 skip widget if current operation is filtered out\n        const operationFilter = eventHandlers?.filter?.operations\n        if (operationFilter) {\n          const currentOperation = (context as Record<string, unknown>)?.operation as string | undefined\n          if (currentOperation && !operationFilter.includes(currentOperation as 'create' | 'update' | 'delete')) {\n            continue\n          }\n        }\n        let handler = eventHandlers?.[event]\n        // Delete-to-save fallback chain\n        if (!handler && event === 'onBeforeDelete') handler = eventHandlers?.onBeforeSave as typeof handler\n        if (!handler && event === 'onDelete') handler = eventHandlers?.onSave as typeof handler\n        if (!handler && event === 'onAfterDelete') handler = eventHandlers?.onAfterSave as typeof handler\n        if (handler) {\n          try {\n            const widgetContext = injectSharedStateIntoContext(context, widget.moduleId)\n            const result =\n              event === 'onDeleteError'\n                ? await (handler as any)(data, widgetContext, meta?.error)\n                : event === 'onFieldChange'\n                  ? await (handler as any)(meta?.fieldId, fieldValue, data, widgetContext)\n                  : event === 'onBeforeNavigate'\n                    ? await (handler as any)(meta?.target, widgetContext)\n                    : event === 'onVisibilityChange'\n                      ? await (handler as any)(meta?.visible, widgetContext)\n                      : event === 'onAppEvent'\n                        ? await (handler as any)(meta?.appEvent, widgetContext)\n                        : await (handler as any)(data, widgetContext)\n            if (event === 'onBeforeSave') {\n              const normalized = normalizeBeforeSave(result as WidgetBeforeSaveResult)\n              if (!normalized.ok) {\n                console.log(`[useInjectionSpotEvents] Widget ${widget.widgetId} prevented ${event}`)\n                return normalized\n              }\n              if (normalized.requestHeaders && Object.keys(normalized.requestHeaders).length > 0) {\n                Object.assign(mergedRequestHeaders, normalized.requestHeaders)\n                hasRequestHeaders = true\n              }\n            }\n            if (event === 'onBeforeDelete') {\n              const normalized = normalizeBeforeDelete(result as WidgetBeforeDeleteResult)\n              if (!normalized.ok) {\n                console.log(`[useInjectionSpotEvents] Widget ${widget.widgetId} prevented ${event}`)\n                return normalized\n              }\n              if (normalized.requestHeaders && Object.keys(normalized.requestHeaders).length > 0) {\n                Object.assign(mergedRequestHeaders, normalized.requestHeaders)\n                hasRequestHeaders = true\n              }\n            }\n            if (event === 'onBeforeNavigate') {\n              const navResult = result as NavigateGuardResult | undefined\n              if (navResult && navResult.ok === false) {\n                return { ok: false, message: navResult.message }\n              }\n            }\n            if (event === 'onFieldChange') {\n              const changeResult = result as FieldChangeResult | void\n              if (changeResult?.value !== undefined) {\n                fieldValue = changeResult.value\n              }\n              if (changeResult?.sideEffects && typeof changeResult.sideEffects === 'object') {\n                fieldSideEffects = { ...(fieldSideEffects ?? {}), ...changeResult.sideEffects }\n              }\n              if (changeResult?.message?.text) {\n                fieldMessages = [...(fieldMessages ?? []), changeResult.message]\n              }\n            }\n          } catch (err) {\n            console.error(`[useInjectionSpotEvents] Error in ${event} for widget ${widget.widgetId}:`, err)\n            if (event === 'onBeforeSave' || event === 'onBeforeDelete' || event === 'onBeforeNavigate') {\n              const message =\n                err instanceof Error\n                  ? err.message || 'Validation blocked'\n                  : typeof err === 'string'\n                    ? err\n                    : undefined\n              return { ok: false, message }\n            }\n          }\n        }\n      }\n      if ((event === 'onBeforeSave' || event === 'onBeforeDelete') && hasRequestHeaders) {\n        return { ok: true, requestHeaders: mergedRequestHeaders }\n      }\n      if (event === 'onFieldChange') {\n        return {\n          ok: true,\n          fieldChange: {\n            value: fieldValue,\n            sideEffects: fieldSideEffects,\n            messages: fieldMessages,\n          },\n        }\n      }\n      return { ok: true }\n    },\n    [widgets]\n  )\n\n  return { triggerEvent, widgets }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport type {\n  InjectionSpotId,\n  InjectionWidgetModule,\n  WidgetInjectionEventHandlers,\n  WidgetBeforeDeleteResult,\n  WidgetBeforeSaveResult,\n  FieldChangeResult,\n  NavigateGuardResult,\n} from '@open-mercato/shared/modules/widgets/injection'\nimport {\n  getInjectionRegistryVersion,\n  loadInjectionWidgetsForSpot,\n  subscribeToInjectionRegistryChanges,\n  type LoadedInjectionWidget,\n} from '@open-mercato/shared/modules/widgets/injection-loader'\nimport { getWidgetSharedState } from './WidgetSharedState'\n\nexport type InjectionSpotProps<TContext = unknown, TData = unknown> = {\n  spotId: InjectionSpotId\n  context: TContext\n  data?: TData\n  onDataChange?: (data: TData) => void\n  disabled?: boolean\n  onEvent?: (\n    event: keyof WidgetInjectionEventHandlers<TContext, TData>,\n    widgetId: string,\n  ) => void\n  widgetsOverride?: LoadedWidget[]\n}\n\n/**\n * Transformer events use pipeline dispatch: output of widget N becomes input of widget N+1.\n */\nconst TRANSFORMER_EVENTS = new Set<string>([\n  'transformFormData',\n  'transformDisplayData',\n  'transformValidation',\n])\n\ntype LoadedWidget = {\n  widgetId: string\n  module: InjectionWidgetModule<any, any>\n  moduleId: string\n  key: string\n  placement?: LoadedInjectionWidget['placement']\n}\n\nexport type LoadedInjectionSpotWidget = LoadedWidget\n\nfunction injectSharedStateIntoContext<TContext>(context: TContext, moduleId: string): TContext {\n  const sharedState = getWidgetSharedState(moduleId)\n  if (typeof context === 'object' && context !== null && !Array.isArray(context)) {\n    return {\n      ...(context as Record<string, unknown>),\n      sharedState,\n    } as TContext\n  }\n  return {\n    value: context,\n    sharedState,\n  } as TContext\n}\n\nexport function useInjectionWidgets<TContext = unknown>(\n  spotId: InjectionSpotId | null | undefined,\n  options?: {\n    context?: TContext\n    triggerOnLoad?: boolean\n    onEvent?: (event: 'onLoad', widgetId: string) => void\n  }\n) {\n  const [widgets, setWidgets] = React.useState<LoadedWidget[]>([])\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const [registryVersion, setRegistryVersion] = React.useState(() => getInjectionRegistryVersion())\n  const loadedRef = React.useRef(false)\n  const contextRef = React.useRef(options?.context)\n  const triggerOnLoadRef = React.useRef(options?.triggerOnLoad)\n  const onEventRef = React.useRef(options?.onEvent)\n\n  React.useEffect(() => {\n    contextRef.current = options?.context\n    triggerOnLoadRef.current = options?.triggerOnLoad\n    onEventRef.current = options?.onEvent\n  })\n\n  React.useEffect(() => {\n    return subscribeToInjectionRegistryChanges(() => {\n      setRegistryVersion(getInjectionRegistryVersion())\n    })\n  }, [])\n\n  React.useEffect(() => {\n    if (!spotId) {\n      setWidgets([])\n      setLoading(false)\n      setError(null)\n      return\n    }\n    let mounted = true\n    const load = async () => {\n      try {\n        setLoading(true)\n        setError(null)\n        const loaded = await loadInjectionWidgetsForSpot(spotId)\n        if (!mounted) return\n        const widgetList: LoadedWidget[] = loaded.map((w) => ({\n          widgetId: w.metadata.id,\n          module: w,\n          moduleId: w.moduleId,\n          key: w.key,\n          placement: w.placement,\n        }))\n        setWidgets(widgetList)\n\n        // Trigger onLoad for all widgets\n        if (!loadedRef.current && triggerOnLoadRef.current) {\n          loadedRef.current = true\n          for (const widget of widgetList) {\n            if (widget.module.eventHandlers?.onLoad) {\n              try {\n                const widgetContext = injectSharedStateIntoContext(contextRef.current as TContext, widget.moduleId)\n                await widget.module.eventHandlers.onLoad(widgetContext)\n                onEventRef.current?.('onLoad', widget.widgetId)\n              } catch (err) {\n                console.error(`[InjectionSpot] Error in onLoad for widget ${widget.widgetId}:`, err)\n              }\n            }\n          }\n        }\n      } catch (err) {\n        if (!mounted) return\n        console.error(`[InjectionSpot] Failed to load widgets for spot ${spotId}:`, err)\n        setError(err instanceof Error ? err.message : String(err))\n      } finally {\n        if (mounted) setLoading(false)\n      }\n    }\n    load()\n    return () => {\n      mounted = false\n    }\n    // context/triggerOnLoad/onEvent are read from refs so only a real registry-version bump reloads the spot\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [spotId, registryVersion])\n\n  return { widgets, loading, error }\n}\n\nexport function InjectionSpot<TContext = unknown, TData = unknown>({\n  spotId,\n  context,\n  data,\n  onDataChange,\n  disabled,\n  onEvent,\n  widgetsOverride,\n}: InjectionSpotProps<TContext, TData>) {\n  const useSpotId = widgetsOverride ? null : spotId\n  const onEventRef = React.useRef(onEvent)\n  React.useEffect(() => {\n    onEventRef.current = onEvent\n  })\n  const hasOnEvent = Boolean(onEvent)\n  const stableOnEvent = React.useMemo(\n    () => (hasOnEvent ? (event: 'onLoad', id: string) => onEventRef.current?.(event, id) : undefined),\n    [hasOnEvent],\n  )\n  const { widgets, loading, error } = useInjectionWidgets<TContext>(useSpotId, {\n    context,\n    triggerOnLoad: !widgetsOverride,\n    onEvent: stableOnEvent,\n  })\n  const effectiveWidgets = widgetsOverride ?? widgets\n  const effectiveLoading = widgetsOverride ? false : loading\n  const effectiveError = widgetsOverride ? null : error\n\n  if (effectiveLoading && effectiveWidgets.length === 0) {\n    return null\n  }\n\n  if (effectiveError) {\n    console.error(`[InjectionSpot] Error loading widgets for spot ${spotId}:`, effectiveError)\n    return null\n  }\n\n  if (effectiveWidgets.length === 0) {\n    return null\n  }\n\n  return (\n    <>\n      {effectiveWidgets.map((widget) => {\n        const { Widget } = widget.module\n        return (\n          <Widget\n            key={widget.widgetId}\n            context={injectSharedStateIntoContext(context, widget.moduleId)}\n            data={data}\n            onDataChange={onDataChange}\n            disabled={disabled}\n          />\n        )\n      })}\n    </>\n  )\n}\n\n/**\n * Hook to trigger injection widget events imperatively\n */\nexport function useInjectionSpotEvents<TContext = unknown, TData = unknown>(spotId: InjectionSpotId, prefetchedWidgets?: LoadedWidget[]) {\n  const [widgets, setWidgets] = React.useState<LoadedWidget[]>([])\n  const [registryVersion, setRegistryVersion] = React.useState(() => getInjectionRegistryVersion())\n\n  React.useEffect(() => {\n    return subscribeToInjectionRegistryChanges(() => {\n      setRegistryVersion(getInjectionRegistryVersion())\n    })\n  }, [])\n\n  React.useEffect(() => {\n    if (prefetchedWidgets && prefetchedWidgets.length) {\n      setWidgets(prefetchedWidgets)\n      return\n    }\n    let mounted = true\n    const load = async () => {\n      try {\n        const loaded = await loadInjectionWidgetsForSpot(spotId)\n        if (!mounted) return\n        setWidgets(\n          loaded.map((w) => ({\n            widgetId: w.metadata.id,\n            module: w,\n            moduleId: w.moduleId,\n            key: w.key,\n            placement: w.placement,\n          }))\n        )\n      } catch (err) {\n        console.error(`[useInjectionSpotEvents] Failed to load widgets for spot ${spotId}:`, err)\n      }\n    }\n    load()\n    return () => {\n      mounted = false\n    }\n  }, [spotId, prefetchedWidgets, registryVersion])\n\n  const triggerEvent = React.useCallback(\n    async (\n      event: keyof WidgetInjectionEventHandlers<TContext, TData>,\n      data: TData,\n      context: TContext,\n      meta?: {\n        error?: unknown\n        fieldId?: string\n        fieldValue?: unknown\n        originalData?: TData\n        target?: unknown\n        visible?: boolean\n        appEvent?: unknown\n      }\n    ): Promise<{\n      ok: boolean\n      message?: string\n      fieldErrors?: Record<string, string>\n      requestHeaders?: Record<string, string>\n      details?: unknown\n      data?: TData\n      applyToForm?: boolean\n      fieldChange?: {\n        value?: unknown\n        sideEffects?: Record<string, unknown>\n        messages?: Array<{ text: string; severity: 'info' | 'warning' | 'error' }>\n      }\n    }> => {\n      const normalizeBeforeSave = (\n        result: WidgetBeforeSaveResult,\n      ): { ok: boolean; message?: string; fieldErrors?: Record<string, string>; requestHeaders?: Record<string, string>; details?: unknown } => {\n        if (result === false) return { ok: false }\n        if (result === true || typeof result === 'undefined') return { ok: true }\n        if (result && typeof result === 'object') {\n          const ok = typeof result.ok === 'boolean' ? result.ok : true\n          const message = typeof result.message === 'string' ? result.message : undefined\n          const fieldErrors =\n            result.fieldErrors && typeof result.fieldErrors === 'object'\n              ? Object.fromEntries(\n                  Object.entries(result.fieldErrors).map(([key, value]) => [key, String(value)]),\n                )\n              : undefined\n          const requestHeaders =\n            result.requestHeaders && typeof result.requestHeaders === 'object'\n              ? Object.fromEntries(\n                  Object.entries(result.requestHeaders).map(([key, value]) => [key, String(value)]),\n                )\n              : undefined\n          return { ok, message, fieldErrors, requestHeaders, details: result.details }\n        }\n        return { ok: true }\n      }\n\n      const normalizeBeforeDelete = (\n        result: WidgetBeforeDeleteResult,\n      ): { ok: boolean; message?: string; fieldErrors?: Record<string, string>; requestHeaders?: Record<string, string>; details?: unknown } => {\n        if (result === false) return { ok: false }\n        if (result === true || typeof result === 'undefined') return { ok: true }\n        if (result && typeof result === 'object') {\n          const ok = typeof result.ok === 'boolean' ? result.ok : true\n          const message = typeof result.message === 'string' ? result.message : undefined\n          const fieldErrors =\n            result.fieldErrors && typeof result.fieldErrors === 'object'\n              ? Object.fromEntries(\n                  Object.entries(result.fieldErrors).map(([key, value]) => [key, String(value)]),\n                )\n              : undefined\n          const requestHeaders =\n            result.requestHeaders && typeof result.requestHeaders === 'object'\n              ? Object.fromEntries(\n                  Object.entries(result.requestHeaders).map(([key, value]) => [key, String(value)]),\n                )\n              : undefined\n          return { ok, message, fieldErrors, requestHeaders, details: result.details }\n        }\n        return { ok: true }\n      }\n\n      // --- Transformer events: pipeline dispatch ---\n      // Output of widget N becomes input of widget N+1\n      if (TRANSFORMER_EVENTS.has(event)) {\n        let pipelineData = data\n        let applyToForm = false\n        for (const widget of widgets) {\n          const handler = widget.module.eventHandlers?.[event]\n          if (!handler) continue\n          try {\n            const widgetContext = injectSharedStateIntoContext(context, widget.moduleId)\n            let handlerResult: unknown\n            if (event === 'transformValidation') {\n              handlerResult = await (handler as any)(pipelineData, meta?.originalData ?? data, widgetContext)\n            } else {\n              handlerResult = await (handler as any)(pipelineData, widgetContext)\n            }\n            if (\n              event === 'transformFormData' &&\n              handlerResult !== null &&\n              typeof handlerResult === 'object' &&\n              'applyToForm' in handlerResult &&\n              (handlerResult as { applyToForm: unknown }).applyToForm === true &&\n              'data' in handlerResult\n            ) {\n              pipelineData = (handlerResult as { data: TData }).data\n              applyToForm = true\n            } else {\n              pipelineData = handlerResult as TData\n            }\n          } catch (err) {\n            console.error(`[useInjectionSpotEvents] Error in ${event} for widget ${widget.widgetId}:`, err)\n          }\n        }\n        return { ok: true, data: pipelineData, applyToForm }\n      }\n\n      // --- Action events: sequential dispatch ---\n      const mergedRequestHeaders: Record<string, string> = {}\n      let hasRequestHeaders = false\n      let fieldValue = meta?.fieldValue\n      let fieldSideEffects: Record<string, unknown> | undefined\n      let fieldMessages: Array<{ text: string; severity: 'info' | 'warning' | 'error' }> | undefined\n\n      for (const widget of widgets) {\n        const eventHandlers = widget.module.eventHandlers\n        // Check operation filter \u2014 skip widget if current operation is filtered out\n        const operationFilter = eventHandlers?.filter?.operations\n        if (operationFilter) {\n          const currentOperation = (context as Record<string, unknown>)?.operation as string | undefined\n          if (currentOperation && !operationFilter.includes(currentOperation as 'create' | 'update' | 'delete')) {\n            continue\n          }\n        }\n        let handler = eventHandlers?.[event]\n        // Delete-to-save fallback chain\n        if (!handler && event === 'onBeforeDelete') handler = eventHandlers?.onBeforeSave as typeof handler\n        if (!handler && event === 'onDelete') handler = eventHandlers?.onSave as typeof handler\n        if (!handler && event === 'onAfterDelete') handler = eventHandlers?.onAfterSave as typeof handler\n        if (handler) {\n          try {\n            const widgetContext = injectSharedStateIntoContext(context, widget.moduleId)\n            const result =\n              event === 'onDeleteError'\n                ? await (handler as any)(data, widgetContext, meta?.error)\n                : event === 'onFieldChange'\n                  ? await (handler as any)(meta?.fieldId, fieldValue, data, widgetContext)\n                  : event === 'onBeforeNavigate'\n                    ? await (handler as any)(meta?.target, widgetContext)\n                    : event === 'onVisibilityChange'\n                      ? await (handler as any)(meta?.visible, widgetContext)\n                      : event === 'onAppEvent'\n                        ? await (handler as any)(meta?.appEvent, widgetContext)\n                        : await (handler as any)(data, widgetContext)\n            if (event === 'onBeforeSave') {\n              const normalized = normalizeBeforeSave(result as WidgetBeforeSaveResult)\n              if (!normalized.ok) {\n                console.log(`[useInjectionSpotEvents] Widget ${widget.widgetId} prevented ${event}`)\n                return normalized\n              }\n              if (normalized.requestHeaders && Object.keys(normalized.requestHeaders).length > 0) {\n                Object.assign(mergedRequestHeaders, normalized.requestHeaders)\n                hasRequestHeaders = true\n              }\n            }\n            if (event === 'onBeforeDelete') {\n              const normalized = normalizeBeforeDelete(result as WidgetBeforeDeleteResult)\n              if (!normalized.ok) {\n                console.log(`[useInjectionSpotEvents] Widget ${widget.widgetId} prevented ${event}`)\n                return normalized\n              }\n              if (normalized.requestHeaders && Object.keys(normalized.requestHeaders).length > 0) {\n                Object.assign(mergedRequestHeaders, normalized.requestHeaders)\n                hasRequestHeaders = true\n              }\n            }\n            if (event === 'onBeforeNavigate') {\n              const navResult = result as NavigateGuardResult | undefined\n              if (navResult && navResult.ok === false) {\n                return { ok: false, message: navResult.message }\n              }\n            }\n            if (event === 'onFieldChange') {\n              const changeResult = result as FieldChangeResult | void\n              if (changeResult?.value !== undefined) {\n                fieldValue = changeResult.value\n              }\n              if (changeResult?.sideEffects && typeof changeResult.sideEffects === 'object') {\n                fieldSideEffects = { ...(fieldSideEffects ?? {}), ...changeResult.sideEffects }\n              }\n              if (changeResult?.message?.text) {\n                fieldMessages = [...(fieldMessages ?? []), changeResult.message]\n              }\n            }\n          } catch (err) {\n            console.error(`[useInjectionSpotEvents] Error in ${event} for widget ${widget.widgetId}:`, err)\n            if (event === 'onBeforeSave' || event === 'onBeforeDelete' || event === 'onBeforeNavigate') {\n              const message =\n                err instanceof Error\n                  ? err.message || 'Validation blocked'\n                  : typeof err === 'string'\n                    ? err\n                    : undefined\n              return { ok: false, message }\n            }\n          }\n        }\n      }\n      if ((event === 'onBeforeSave' || event === 'onBeforeDelete') && hasRequestHeaders) {\n        return { ok: true, requestHeaders: mergedRequestHeaders }\n      }\n      if (event === 'onFieldChange') {\n        return {\n          ok: true,\n          fieldChange: {\n            value: fieldValue,\n            sideEffects: fieldSideEffects,\n            messages: fieldMessages,\n          },\n        }\n      }\n      return { ok: true }\n    },\n    [widgets]\n  )\n\n  return { triggerEvent, widgets }\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/backend/injection/useGuardedMutation.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/backend/injection/useGuardedMutation.ts"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useInjectionSpotEvents } from './InjectionSpot'\nimport { GLOBAL_MUTATION_INJECTION_SPOT_ID, dispatchBackendMutationError } from './mutationEvents'\nimport { withScopedApiRequestHeaders } from '../utils/apiCall'\nimport { surfaceRecordConflict } from '../conflicts'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\ntype GuardedMutationContext = Record<string, unknown>\n\ntype GuardedMutationRunInput<TResult, TContext extends GuardedMutationContext> = {\n  operation: () => Promise<TResult>\n  context: TContext\n  mutationPayload?: Record<string, unknown>\n}\n\ntype UseGuardedMutationOptions = {\n  contextId: string\n  blockedMessage?: string\n  spotId?: string\n}\n\ntype StoredMutation<TContext extends GuardedMutationContext> = {\n  operation: () => Promise<unknown>\n  context: TContext\n  mutationPayload: Record<string, unknown>\n}\n\nexport function useGuardedMutation<TContext extends GuardedMutationContext>({\n  contextId,\n  blockedMessage = 'Save blocked by validation',\n  spotId = GLOBAL_MUTATION_INJECTION_SPOT_ID,\n}: UseGuardedMutationOptions) {\n  const t = useT()\n  const { triggerEvent } = useInjectionSpotEvents<TContext, Record<string, unknown>>(spotId)\n  const lastMutationRef = React.useRef<StoredMutation<TContext> | null>(null)\n\n  const emitMutationSaveError = React.useCallback((error: unknown) => {\n    dispatchBackendMutationError({\n      contextId,\n      formId: contextId,\n      error,\n    })\n    // Default UX for OSS optimistic-lock conflicts (spec\n    // .ai/specs/2026-05-25-oss-optimistic-locking.md \u00A73.6): when the\n    // server returns 409 with `code: 'optimistic_lock_conflict'`,\n    // surface the conflict on the unified, persistent, error-styled\n    // RecordConflictBanner (rendered in AppShell) instead of a transient\n    // toast. Callers that have their own handler still see the dispatched\n    // event above and can suppress/override by catching the error first.\n    try {\n      surfaceRecordConflict(error, t)\n    } catch {\n      // ignore conflict-bar dispatch failures\n    }\n  }, [contextId, t])\n\n  const runMutation = React.useCallback(async <TResult,>({\n    operation,\n    context,\n    mutationPayload,\n  }: GuardedMutationRunInput<TResult, TContext>): Promise<TResult> => {\n    const payload = mutationPayload ?? {}\n    lastMutationRef.current = {\n      operation: operation as () => Promise<unknown>,\n      context,\n      mutationPayload: payload,\n    }\n\n    const beforeSave = await triggerEvent('onBeforeSave', payload, context)\n    if (!beforeSave.ok) {\n      emitMutationSaveError(beforeSave.details ?? beforeSave)\n      throw new Error(beforeSave.message || blockedMessage)\n    }\n\n    try {\n      const result =\n        beforeSave.requestHeaders && Object.keys(beforeSave.requestHeaders).length > 0\n          ? await withScopedApiRequestHeaders(beforeSave.requestHeaders, operation)\n          : await operation()\n\n      try {\n        await triggerEvent('onAfterSave', payload, context)\n      } catch (error) {\n        console.error('[useGuardedMutation] Error in onAfterSave injection event:', error)\n      }\n\n      return result\n    } catch (error) {\n      emitMutationSaveError(error)\n      throw error\n    }\n  }, [blockedMessage, emitMutationSaveError, triggerEvent])\n\n  const retryLastMutation = React.useCallback(async (): Promise<boolean> => {\n    const lastMutation = lastMutationRef.current\n    if (!lastMutation) return false\n\n    try {\n      await runMutation({\n        operation: lastMutation.operation,\n        context: lastMutation.context,\n        mutationPayload: lastMutation.mutationPayload,\n      })\n      return true\n    } catch {\n      return false\n    }\n  }, [runMutation])\n\n  return {\n    runMutation,\n    retryLastMutation,\n  }\n}\n"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useInjectionSpotEvents } from './InjectionSpot'\nimport { GLOBAL_MUTATION_INJECTION_SPOT_ID, dispatchBackendMutationError } from './mutationEvents'\nimport { withScopedApiRequestHeaders } from '../utils/apiCall'\nimport { surfaceRecordConflict } from '../conflicts'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\ntype GuardedMutationContext = Record<string, unknown>\n\ntype GuardedMutationRunInput<TResult, TContext extends GuardedMutationContext> = {\n  operation: () => Promise<TResult>\n  context: TContext\n  mutationPayload?: Record<string, unknown>\n}\n\ntype UseGuardedMutationOptions = {\n  contextId: string\n  blockedMessage?: string\n  spotId?: string\n}\n\ntype StoredMutation<TContext extends GuardedMutationContext> = {\n  operation: () => Promise<unknown>\n  context: TContext\n  mutationPayload: Record<string, unknown>\n}\n\nexport function useGuardedMutation<TContext extends GuardedMutationContext>({\n  contextId,\n  blockedMessage = 'Save blocked by validation',\n  spotId = GLOBAL_MUTATION_INJECTION_SPOT_ID,\n}: UseGuardedMutationOptions) {\n  const t = useT()\n  const { triggerEvent } = useInjectionSpotEvents<TContext, Record<string, unknown>>(spotId)\n  const lastMutationRef = React.useRef<StoredMutation<TContext> | null>(null)\n\n  const emitMutationSaveError = React.useCallback((error: unknown) => {\n    dispatchBackendMutationError({\n      contextId,\n      formId: contextId,\n      error,\n    })\n    // Default UX for OSS optimistic-lock conflicts (spec\n    // .ai/specs/implemented/2026-05-25-oss-optimistic-locking.md \u00A73.6): when the\n    // server returns 409 with `code: 'optimistic_lock_conflict'`,\n    // surface the conflict on the unified, persistent, error-styled\n    // RecordConflictBanner (rendered in AppShell) instead of a transient\n    // toast. Callers that have their own handler still see the dispatched\n    // event above and can suppress/override by catching the error first.\n    try {\n      surfaceRecordConflict(error, t)\n    } catch {\n      // ignore conflict-bar dispatch failures\n    }\n  }, [contextId, t])\n\n  const runMutation = React.useCallback(async <TResult,>({\n    operation,\n    context,\n    mutationPayload,\n  }: GuardedMutationRunInput<TResult, TContext>): Promise<TResult> => {\n    const payload = mutationPayload ?? {}\n    lastMutationRef.current = {\n      operation: operation as () => Promise<unknown>,\n      context,\n      mutationPayload: payload,\n    }\n\n    const beforeSave = await triggerEvent('onBeforeSave', payload, context)\n    if (!beforeSave.ok) {\n      emitMutationSaveError(beforeSave.details ?? beforeSave)\n      throw new Error(beforeSave.message || blockedMessage)\n    }\n\n    try {\n      const result =\n        beforeSave.requestHeaders && Object.keys(beforeSave.requestHeaders).length > 0\n          ? await withScopedApiRequestHeaders(beforeSave.requestHeaders, operation)\n          : await operation()\n\n      try {\n        await triggerEvent('onAfterSave', payload, context)\n      } catch (error) {\n        console.error('[useGuardedMutation] Error in onAfterSave injection event:', error)\n      }\n\n      return result\n    } catch (error) {\n      emitMutationSaveError(error)\n      throw error\n    }\n  }, [blockedMessage, emitMutationSaveError, triggerEvent])\n\n  const retryLastMutation = React.useCallback(async (): Promise<boolean> => {\n    const lastMutation = lastMutationRef.current\n    if (!lastMutation) return false\n\n    try {\n      await runMutation({\n        operation: lastMutation.operation,\n        context: lastMutation.context,\n        mutationPayload: lastMutation.mutationPayload,\n      })\n      return true\n    } catch {\n      return false\n    }\n  }, [runMutation])\n\n  return {\n    runMutation,\n    retryLastMutation,\n  }\n}\n"],
   "mappings": ";AAEA,YAAY,WAAW;AACvB,SAAS,8BAA8B;AACvC,SAAS,mCAAmC,oCAAoC;AAChF,SAAS,mCAAmC;AAC5C,SAAS,6BAA6B;AACtC,SAAS,YAAY;AAsBd,SAAS,mBAA4D;AAAA,EAC1E;AAAA,EACA,iBAAiB;AAAA,EACjB,SAAS;AACX,GAA8B;AAC5B,QAAM,IAAI,KAAK;AACf,QAAM,EAAE,aAAa,IAAI,uBAA0D,MAAM;AACzF,QAAM,kBAAkB,MAAM,OAAwC,IAAI;AAE1E,QAAM,wBAAwB,MAAM,YAAY,CAAC,UAAmB;AAClE,iCAA6B;AAAA,MAC3B;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,IACF,CAAC;AAQD,QAAI;AACF,4BAAsB,OAAO,CAAC;AAAA,IAChC,QAAQ;AAAA,IAER;AAAA,EACF,GAAG,CAAC,WAAW,CAAC,CAAC;AAEjB,QAAM,cAAc,MAAM,YAAY,OAAiB;AAAA,IACrD;AAAA,IACA;AAAA,IACA;AAAA,EACF,MAAoE;AAClE,UAAM,UAAU,mBAAmB,CAAC;AACpC,oBAAgB,UAAU;AAAA,MACxB;AAAA,MACA;AAAA,MACA,iBAAiB;AAAA,IACnB;AAEA,UAAM,aAAa,MAAM,aAAa,gBAAgB,SAAS,OAAO;AACtE,QAAI,CAAC,WAAW,IAAI;AAClB,4BAAsB,WAAW,WAAW,UAAU;AACtD,YAAM,IAAI,MAAM,WAAW,WAAW,cAAc;AAAA,IACtD;AAEA,QAAI;AACF,YAAM,SACJ,WAAW,kBAAkB,OAAO,KAAK,WAAW,cAAc,EAAE,SAAS,IACzE,MAAM,4BAA4B,WAAW,gBAAgB,SAAS,IACtE,MAAM,UAAU;AAEtB,UAAI;AACF,cAAM,aAAa,eAAe,SAAS,OAAO;AAAA,MACpD,SAAS,OAAO;AACd,gBAAQ,MAAM,8DAA8D,KAAK;AAAA,MACnF;AAEA,aAAO;AAAA,IACT,SAAS,OAAO;AACd,4BAAsB,KAAK;AAC3B,YAAM;AAAA,IACR;AAAA,EACF,GAAG,CAAC,gBAAgB,uBAAuB,YAAY,CAAC;AAExD,QAAM,oBAAoB,MAAM,YAAY,YAA8B;AACxE,UAAM,eAAe,gBAAgB;AACrC,QAAI,CAAC,aAAc,QAAO;AAE1B,QAAI;AACF,YAAM,YAAY;AAAA,QAChB,WAAW,aAAa;AAAA,QACxB,SAAS,aAAa;AAAA,QACtB,iBAAiB,aAAa;AAAA,MAChC,CAAC;AACD,aAAO;AAAA,IACT,QAAQ;AACN,aAAO;AAAA,IACT;AAAA,EACF,GAAG,CAAC,WAAW,CAAC;AAEhB,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/backend/utils/optimisticLock.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/backend/utils/optimisticLock.ts"],
-  "sourcesContent": ["/**\n * Client-side helpers for the OSS opt-in optimistic-locking guard\n * (spec: .ai/specs/2026-05-25-oss-optimistic-locking.md).\n *\n * These are deliberately small and dependency-light so they can be wired\n * into any backend page without touching the shared CrudForm / useGuardedMutation\n * components. A future PR may pull them into CrudForm directly once the\n * reference rollout is broader.\n */\nimport {\n  OPTIMISTIC_LOCK_CONFLICT_CODE,\n  OPTIMISTIC_LOCK_HEADER_NAME,\n  type OptimisticLockConflictBody,\n} from '@open-mercato/shared/lib/crud/optimistic-lock-headers'\n\n/**\n * Build the extension-header bag for an `apiCall` request. Pass into\n * `withScopedApiRequestHeaders(buildOptimisticLockHeader(updatedAt), ...)`\n * when issuing a `PUT`/`PATCH`/`DELETE` for a record that exposes\n * `updatedAt`. Returns an empty object when the input is missing/empty so\n * the call site stays unconditional:\n *\n * ```ts\n * await withScopedApiRequestHeaders(\n *   buildOptimisticLockHeader(record.updatedAt),\n *   () => updateCrud('customers/companies', id, { ... }),\n * )\n * ```\n */\nexport function buildOptimisticLockHeader(\n  updatedAt: string | null | undefined,\n): Record<string, string> {\n  if (typeof updatedAt !== 'string') return {}\n  const trimmed = updatedAt.trim()\n  if (!trimmed) return {}\n  return { [OPTIMISTIC_LOCK_HEADER_NAME]: trimmed }\n}\n\n/**\n * Detect whether an error thrown by `raiseCrudError`/`apiCallOrThrow` is an\n * optimistic-lock conflict (HTTP 409 with `code: 'optimistic_lock_conflict'`).\n *\n * Returns the typed conflict body when matched so the caller can show a\n * UI that includes the server's `currentUpdatedAt`, or `null` otherwise.\n */\nexport function extractOptimisticLockConflict(\n  err: unknown,\n): OptimisticLockConflictBody | null {\n  if (!err || typeof err !== 'object') return null\n  const candidate = err as Record<string, unknown>\n  const status = candidate.status\n  if (status !== 409) return null\n  const body = candidate.body && typeof candidate.body === 'object'\n    ? candidate.body\n    : candidate\n  if (!body || typeof body !== 'object') return null\n  const bodyRecord = body as Record<string, unknown>\n  if (bodyRecord.code !== OPTIMISTIC_LOCK_CONFLICT_CODE) return null\n  const currentUpdatedAt = bodyRecord.currentUpdatedAt\n  const expectedUpdatedAt = bodyRecord.expectedUpdatedAt\n  if (typeof currentUpdatedAt !== 'string' || typeof expectedUpdatedAt !== 'string') return null\n  return {\n    error: typeof bodyRecord.error === 'string'\n      ? (bodyRecord.error as OptimisticLockConflictBody['error'])\n      : 'record_modified',\n    code: OPTIMISTIC_LOCK_CONFLICT_CODE,\n    currentUpdatedAt,\n    expectedUpdatedAt,\n  }\n}\n"],
+  "sourcesContent": ["/**\n * Client-side helpers for the OSS opt-in optimistic-locking guard\n * (spec: .ai/specs/implemented/2026-05-25-oss-optimistic-locking.md).\n *\n * These are deliberately small and dependency-light so they can be wired\n * into any backend page without touching the shared CrudForm / useGuardedMutation\n * components. A future PR may pull them into CrudForm directly once the\n * reference rollout is broader.\n */\nimport {\n  OPTIMISTIC_LOCK_CONFLICT_CODE,\n  OPTIMISTIC_LOCK_HEADER_NAME,\n  type OptimisticLockConflictBody,\n} from '@open-mercato/shared/lib/crud/optimistic-lock-headers'\n\n/**\n * Build the extension-header bag for an `apiCall` request. Pass into\n * `withScopedApiRequestHeaders(buildOptimisticLockHeader(updatedAt), ...)`\n * when issuing a `PUT`/`PATCH`/`DELETE` for a record that exposes\n * `updatedAt`. Returns an empty object when the input is missing/empty so\n * the call site stays unconditional:\n *\n * ```ts\n * await withScopedApiRequestHeaders(\n *   buildOptimisticLockHeader(record.updatedAt),\n *   () => updateCrud('customers/companies', id, { ... }),\n * )\n * ```\n */\nexport function buildOptimisticLockHeader(\n  updatedAt: string | null | undefined,\n): Record<string, string> {\n  if (typeof updatedAt !== 'string') return {}\n  const trimmed = updatedAt.trim()\n  if (!trimmed) return {}\n  return { [OPTIMISTIC_LOCK_HEADER_NAME]: trimmed }\n}\n\n/**\n * Detect whether an error thrown by `raiseCrudError`/`apiCallOrThrow` is an\n * optimistic-lock conflict (HTTP 409 with `code: 'optimistic_lock_conflict'`).\n *\n * Returns the typed conflict body when matched so the caller can show a\n * UI that includes the server's `currentUpdatedAt`, or `null` otherwise.\n */\nexport function extractOptimisticLockConflict(\n  err: unknown,\n): OptimisticLockConflictBody | null {\n  if (!err || typeof err !== 'object') return null\n  const candidate = err as Record<string, unknown>\n  const status = candidate.status\n  if (status !== 409) return null\n  const body = candidate.body && typeof candidate.body === 'object'\n    ? candidate.body\n    : candidate\n  if (!body || typeof body !== 'object') return null\n  const bodyRecord = body as Record<string, unknown>\n  if (bodyRecord.code !== OPTIMISTIC_LOCK_CONFLICT_CODE) return null\n  const currentUpdatedAt = bodyRecord.currentUpdatedAt\n  const expectedUpdatedAt = bodyRecord.expectedUpdatedAt\n  if (typeof currentUpdatedAt !== 'string' || typeof expectedUpdatedAt !== 'string') return null\n  return {\n    error: typeof bodyRecord.error === 'string'\n      ? (bodyRecord.error as OptimisticLockConflictBody['error'])\n      : 'record_modified',\n    code: OPTIMISTIC_LOCK_CONFLICT_CODE,\n    currentUpdatedAt,\n    expectedUpdatedAt,\n  }\n}\n"],
   "mappings": "AASA;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AAgBA,SAAS,0BACd,WACwB;AACxB,MAAI,OAAO,cAAc,SAAU,QAAO,CAAC;AAC3C,QAAM,UAAU,UAAU,KAAK;AAC/B,MAAI,CAAC,QAAS,QAAO,CAAC;AACtB,SAAO,EAAE,CAAC,2BAA2B,GAAG,QAAQ;AAClD;AASO,SAAS,8BACd,KACmC;AACnC,MAAI,CAAC,OAAO,OAAO,QAAQ,SAAU,QAAO;AAC5C,QAAM,YAAY;AAClB,QAAM,SAAS,UAAU;AACzB,MAAI,WAAW,IAAK,QAAO;AAC3B,QAAM,OAAO,UAAU,QAAQ,OAAO,UAAU,SAAS,WACrD,UAAU,OACV;AACJ,MAAI,CAAC,QAAQ,OAAO,SAAS,SAAU,QAAO;AAC9C,QAAM,aAAa;AACnB,MAAI,WAAW,SAAS,8BAA+B,QAAO;AAC9D,QAAM,mBAAmB,WAAW;AACpC,QAAM,oBAAoB,WAAW;AACrC,MAAI,OAAO,qBAAqB,YAAY,OAAO,sBAAsB,SAAU,QAAO;AAC1F,SAAO;AAAA,IACL,OAAO,OAAO,WAAW,UAAU,WAC9B,WAAW,QACZ;AAAA,IACJ,MAAM;AAAA,IACN;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/primitives/avatar.js

@@ -171,10 +171,10 @@ const Avatar = React.forwardRef((props, ref) => {
   );
 });
 Avatar.displayName = "Avatar";
-function AvatarStack({ children, max = 4, size = "md", className }) {
+function AvatarStack({ children, max = 4, size = "md", className, overflowCount = 0 }) {
   const items = React.Children.toArray(children);
   const visible = items.slice(0, max);
-  const overflow = items.length - max;
+  const overflow = Math.max(0, items.length - max) + Math.max(0, overflowCount);
   return /* @__PURE__ */ jsxs(
     "div",
     {

package/dist/primitives/avatar.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/primitives/avatar.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '@open-mercato/shared/lib/utils'\n\n/**\n * User / entity avatar with auto-generated initials, optional photo,\n * optional icon override, optional **status indicator** (online/away/\n * busy/away dot per Figma `Bottom Status [1.1]`), optional **badge**\n * slot for top-right affordances (verified check, premium icon, X to\n * remove \u2014 per Figma `Top Status [1.1]`), and optional outer **ring**\n * (accent / status-colored).\n *\n * Phase B.4 rewrite per Figma `Avatars` page (`210:4129`):\n * - `Avatar [1.1]` (`245:18786`)\n * - `Bottom Status [1.1]` (`245:18721`) \u2014 5 dot tones\n * - `Top Status [1.1]` (`245:18697`) \u2014 6 icon-badge variants\n * - `Avatar Group [1.1]` (`581:6198`) + `Compact Avatar Group [1.1]`\n *   (`2906:14962`) \u2014 see `AvatarStack`.\n *\n * Backward compatibility (5 import sites \u2014 customers linking\n * adapters + LinkEntityDialog + ds-v5 demo): existing\n * `<Avatar src label size variant icon />` API stays callable\n * verbatim. New optional props (`status`, `statusPosition`, `ring`,\n * `badge`, `badgeClassName`) are additive.\n */\n\nconst avatarVariants = cva(\n  'inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full font-semibold select-none',\n  {\n    variants: {\n      size: {\n        xs: 'size-5 text-xs',\n        sm: 'size-7 text-xs',\n        md: 'size-9 text-sm',\n        lg: 'size-12 text-base',\n        xl: 'size-16 text-xl',\n      },\n      variant: {\n        default: 'bg-primary/10 text-primary',\n        monochrome: 'bg-muted text-muted-foreground',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      variant: 'default',\n    },\n  },\n)\n\nfunction computeInitials(label: string): string {\n  const trimmed = label.trim()\n  if (!trimmed.length) return '?'\n  const parts = trimmed.split(/\\s+/).filter(Boolean)\n  if (parts.length === 1) {\n    return parts[0].slice(0, 2).toUpperCase()\n  }\n  const first = parts[0][0] ?? ''\n  const last = parts[parts.length - 1][0] ?? ''\n  return (first + last).toUpperCase()\n}\n\n// Status tone \u2192 background color class. Surface stays opaque + ringed\n// by the page background (`ring-background`) so the badge reads as\n// an overlay on top of the avatar circle.\nexport type AvatarStatus =\n  | 'online'\n  | 'offline'\n  | 'busy'\n  | 'away'\n  | 'success'\n  | 'warning'\n  | 'error'\n  | 'info'\n\nconst AVATAR_STATUS_BG: Record<AvatarStatus, string> = {\n  online: 'bg-status-success-icon',\n  offline: 'bg-muted-foreground',\n  busy: 'bg-status-error-icon',\n  away: 'bg-status-warning-icon',\n  success: 'bg-status-success-icon',\n  warning: 'bg-status-warning-icon',\n  error: 'bg-status-error-icon',\n  info: 'bg-status-info-icon',\n}\n\n// Status dot size per avatar size \u2014 slightly less than 1/3 of the\n// avatar diameter so the dot reads but doesn't overpower.\nconst AVATAR_STATUS_SIZE: Record<NonNullable<VariantProps<typeof avatarVariants>['size']>, string> = {\n  xs: 'size-1.5',\n  sm: 'size-2',\n  md: 'size-2.5',\n  lg: 'size-3',\n  xl: 'size-4',\n}\n\n// Outer ring tones (story-style highlight, selected, status outline).\nexport type AvatarRingTone = 'accent' | 'success' | 'warning' | 'error' | 'muted'\n\nconst AVATAR_RING_CLASS: Record<AvatarRingTone, string> = {\n  accent: 'ring-2 ring-accent-indigo ring-offset-2 ring-offset-background',\n  success: 'ring-2 ring-status-success-icon ring-offset-2 ring-offset-background',\n  warning: 'ring-2 ring-status-warning-icon ring-offset-2 ring-offset-background',\n  error: 'ring-2 ring-status-error-icon ring-offset-2 ring-offset-background',\n  muted: 'ring-2 ring-input ring-offset-2 ring-offset-background',\n}\n\nexport type AvatarProps = {\n  label: string\n  src?: string | null\n  icon?: React.ReactNode\n  ariaLabel?: string\n  /** Bottom-right (default) or top-right status dot. */\n  status?: AvatarStatus\n  /** Where the status dot sits. @default 'bottom-right' */\n  statusPosition?: 'bottom-right' | 'top-right'\n  /** Outer ring affordance \u2014 pass `true` for accent (alias for\n   * `'accent'`) or a specific tone. */\n  ring?: boolean | AvatarRingTone\n  /** Custom top-right badge slot \u2014 overrides `status` when both are\n   * set with `statusPosition='top-right'`. Use for verified check\n   * icons, premium markers, \"X to remove\" affordances per Figma\n   * `Top Status [1.1]`. The badge content is rendered inside a\n   * `rounded-full ring-2 ring-background` shell sized relative to\n   * the avatar \u2014 pass a simple icon (`<Check className=\"size-3\" />`)\n   * for the cleanest look. */\n  badge?: React.ReactNode\n  /** Override the badge wrapper className (size, bg, etc.). */\n  badgeClassName?: string\n} & VariantProps<typeof avatarVariants> &\n  Omit<React.HTMLAttributes<HTMLDivElement>, 'role' | 'aria-label'>\n\ntype AvatarCircleProps = Omit<\n  AvatarProps,\n  'status' | 'statusPosition' | 'ring' | 'badge' | 'badgeClassName'\n> & {\n  className?: string\n}\n\n// Inner div (the actual avatar circle). Implemented as forwardRef so\n// the outer Avatar wrapper can forward refs through to the rendered\n// `<div role=\"img\">` regardless of whether it lives directly inside\n// Avatar or inside the decorated `<span data-slot=\"avatar-root\">`\n// wrapper.\nconst AvatarCircle = React.forwardRef<HTMLDivElement, AvatarCircleProps>(function AvatarCircle(\n  { className, label, src, icon, size, variant, ariaLabel, ...rest },\n  ref,\n) {\n  const initials = React.useMemo(() => computeInitials(label), [label])\n  return (\n    <div\n      ref={ref}\n      role=\"img\"\n      aria-label={ariaLabel ?? label}\n      data-slot=\"avatar\"\n      className={cn(avatarVariants({ size, variant }), className)}\n      {...rest}\n    >\n      {src ? (\n        <img src={src} alt=\"\" className=\"size-full object-cover\" aria-hidden=\"true\" />\n      ) : icon ? (\n        <span aria-hidden=\"true\" className=\"flex items-center justify-center [&>svg]:size-[55%]\">\n          {icon}\n        </span>\n      ) : (\n        <span aria-hidden=\"true\">{initials}</span>\n      )}\n    </div>\n  )\n})\n\nexport const Avatar = React.forwardRef<HTMLDivElement, AvatarProps>((props, ref) => {\n  const {\n    className,\n    label,\n    src,\n    icon,\n    size = 'md',\n    variant,\n    ariaLabel,\n    status,\n    statusPosition = 'bottom-right',\n    ring,\n    badge,\n    badgeClassName,\n    ...rest\n  } = props\n\n  const resolvedRingTone: AvatarRingTone | null = ring === true ? 'accent' : ring || null\n  const showStatus = status !== undefined\n  const showBadge =\n    badge !== undefined && (statusPosition === 'top-right' || !showStatus)\n  const showTopStatus = showStatus && statusPosition === 'top-right' && !showBadge\n  const showBottomStatus = showStatus && statusPosition === 'bottom-right' && badge === undefined\n\n  // Plain avatar (no overlay decorations) \u2014 preserve the original\n  // single-element output for backward compat.\n  if (!showStatus && !showBadge && !resolvedRingTone) {\n    return (\n      <AvatarCircle\n        ref={ref as React.Ref<HTMLDivElement>}\n        className={className}\n        label={label}\n        src={src}\n        icon={icon}\n        size={size}\n        variant={variant}\n        ariaLabel={ariaLabel}\n        {...rest}\n      />\n    )\n  }\n\n  const ringClass = resolvedRingTone ? AVATAR_RING_CLASS[resolvedRingTone] : ''\n  const statusSize = AVATAR_STATUS_SIZE[size ?? 'md']\n  const statusPositionClass =\n    statusPosition === 'top-right'\n      ? '-right-0 -top-0 translate-x-1/4 -translate-y-1/4'\n      : '-right-0 -bottom-0 translate-x-1/4 translate-y-1/4'\n  const badgePositionClass = '-right-0 -top-0 translate-x-1/4 -translate-y-1/4'\n\n  return (\n    <span\n      data-slot=\"avatar-root\"\n      className={cn('relative inline-flex shrink-0 rounded-full', ringClass)}\n    >\n      <AvatarCircle\n        ref={ref as React.Ref<HTMLDivElement>}\n        className={className}\n        label={label}\n        src={src}\n        icon={icon}\n        size={size}\n        variant={variant}\n        ariaLabel={ariaLabel}\n        {...rest}\n      />\n      {showBottomStatus || showTopStatus ? (\n        <span\n          data-slot=\"avatar-status\"\n          data-status={status}\n          data-position={statusPosition}\n          aria-hidden=\"true\"\n          className={cn(\n            'absolute inline-block rounded-full ring-2 ring-background',\n            statusSize,\n            AVATAR_STATUS_BG[status as AvatarStatus],\n            statusPositionClass,\n          )}\n        />\n      ) : null}\n      {showBadge ? (\n        <span\n          data-slot=\"avatar-badge\"\n          aria-hidden=\"true\"\n          className={cn(\n            'absolute inline-flex items-center justify-center rounded-full ring-2 ring-background bg-background text-foreground',\n            // Default size ~40% of avatar; consumer overrides via badgeClassName.\n            size === 'xs' || size === 'sm' ? 'size-3.5' : size === 'md' ? 'size-4' : size === 'lg' ? 'size-5' : 'size-6',\n            badgePositionClass,\n            badgeClassName,\n          )}\n        >\n          {badge}\n        </span>\n      ) : null}\n    </span>\n  )\n})\n\nAvatar.displayName = 'Avatar'\n\nexport { avatarVariants }\n\nexport type AvatarStackProps = {\n  children: React.ReactNode\n  max?: number\n  size?: VariantProps<typeof avatarVariants>['size']\n  className?: string\n}\n\nexport function AvatarStack({ children, max = 4, size = 'md', className }: AvatarStackProps) {\n  const items = React.Children.toArray(children)\n  const visible = items.slice(0, max)\n  const overflow = items.length - max\n\n  return (\n    <div\n      data-slot=\"avatar-stack\"\n      className={cn('flex items-center [&>*:not(:first-child)]:-ml-2 [&>*]:ring-2 [&>*]:ring-background', className)}\n    >\n      {visible}\n      {overflow > 0 && (\n        <Avatar label={`+${overflow}`} size={size} variant=\"monochrome\" className=\"-ml-2\" />\n      )}\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '@open-mercato/shared/lib/utils'\n\n/**\n * User / entity avatar with auto-generated initials, optional photo,\n * optional icon override, optional **status indicator** (online/away/\n * busy/away dot per Figma `Bottom Status [1.1]`), optional **badge**\n * slot for top-right affordances (verified check, premium icon, X to\n * remove \u2014 per Figma `Top Status [1.1]`), and optional outer **ring**\n * (accent / status-colored).\n *\n * Phase B.4 rewrite per Figma `Avatars` page (`210:4129`):\n * - `Avatar [1.1]` (`245:18786`)\n * - `Bottom Status [1.1]` (`245:18721`) \u2014 5 dot tones\n * - `Top Status [1.1]` (`245:18697`) \u2014 6 icon-badge variants\n * - `Avatar Group [1.1]` (`581:6198`) + `Compact Avatar Group [1.1]`\n *   (`2906:14962`) \u2014 see `AvatarStack`.\n *\n * Backward compatibility (5 import sites \u2014 customers linking\n * adapters + LinkEntityDialog + ds-v5 demo): existing\n * `<Avatar src label size variant icon />` API stays callable\n * verbatim. New optional props (`status`, `statusPosition`, `ring`,\n * `badge`, `badgeClassName`) are additive.\n */\n\nconst avatarVariants = cva(\n  'inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full font-semibold select-none',\n  {\n    variants: {\n      size: {\n        xs: 'size-5 text-xs',\n        sm: 'size-7 text-xs',\n        md: 'size-9 text-sm',\n        lg: 'size-12 text-base',\n        xl: 'size-16 text-xl',\n      },\n      variant: {\n        default: 'bg-primary/10 text-primary',\n        monochrome: 'bg-muted text-muted-foreground',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      variant: 'default',\n    },\n  },\n)\n\nfunction computeInitials(label: string): string {\n  const trimmed = label.trim()\n  if (!trimmed.length) return '?'\n  const parts = trimmed.split(/\\s+/).filter(Boolean)\n  if (parts.length === 1) {\n    return parts[0].slice(0, 2).toUpperCase()\n  }\n  const first = parts[0][0] ?? ''\n  const last = parts[parts.length - 1][0] ?? ''\n  return (first + last).toUpperCase()\n}\n\n// Status tone \u2192 background color class. Surface stays opaque + ringed\n// by the page background (`ring-background`) so the badge reads as\n// an overlay on top of the avatar circle.\nexport type AvatarStatus =\n  | 'online'\n  | 'offline'\n  | 'busy'\n  | 'away'\n  | 'success'\n  | 'warning'\n  | 'error'\n  | 'info'\n\nconst AVATAR_STATUS_BG: Record<AvatarStatus, string> = {\n  online: 'bg-status-success-icon',\n  offline: 'bg-muted-foreground',\n  busy: 'bg-status-error-icon',\n  away: 'bg-status-warning-icon',\n  success: 'bg-status-success-icon',\n  warning: 'bg-status-warning-icon',\n  error: 'bg-status-error-icon',\n  info: 'bg-status-info-icon',\n}\n\n// Status dot size per avatar size \u2014 slightly less than 1/3 of the\n// avatar diameter so the dot reads but doesn't overpower.\nconst AVATAR_STATUS_SIZE: Record<NonNullable<VariantProps<typeof avatarVariants>['size']>, string> = {\n  xs: 'size-1.5',\n  sm: 'size-2',\n  md: 'size-2.5',\n  lg: 'size-3',\n  xl: 'size-4',\n}\n\n// Outer ring tones (story-style highlight, selected, status outline).\nexport type AvatarRingTone = 'accent' | 'success' | 'warning' | 'error' | 'muted'\n\nconst AVATAR_RING_CLASS: Record<AvatarRingTone, string> = {\n  accent: 'ring-2 ring-accent-indigo ring-offset-2 ring-offset-background',\n  success: 'ring-2 ring-status-success-icon ring-offset-2 ring-offset-background',\n  warning: 'ring-2 ring-status-warning-icon ring-offset-2 ring-offset-background',\n  error: 'ring-2 ring-status-error-icon ring-offset-2 ring-offset-background',\n  muted: 'ring-2 ring-input ring-offset-2 ring-offset-background',\n}\n\nexport type AvatarProps = {\n  label: string\n  src?: string | null\n  icon?: React.ReactNode\n  ariaLabel?: string\n  /** Bottom-right (default) or top-right status dot. */\n  status?: AvatarStatus\n  /** Where the status dot sits. @default 'bottom-right' */\n  statusPosition?: 'bottom-right' | 'top-right'\n  /** Outer ring affordance \u2014 pass `true` for accent (alias for\n   * `'accent'`) or a specific tone. */\n  ring?: boolean | AvatarRingTone\n  /** Custom top-right badge slot \u2014 overrides `status` when both are\n   * set with `statusPosition='top-right'`. Use for verified check\n   * icons, premium markers, \"X to remove\" affordances per Figma\n   * `Top Status [1.1]`. The badge content is rendered inside a\n   * `rounded-full ring-2 ring-background` shell sized relative to\n   * the avatar \u2014 pass a simple icon (`<Check className=\"size-3\" />`)\n   * for the cleanest look. */\n  badge?: React.ReactNode\n  /** Override the badge wrapper className (size, bg, etc.). */\n  badgeClassName?: string\n} & VariantProps<typeof avatarVariants> &\n  Omit<React.HTMLAttributes<HTMLDivElement>, 'role' | 'aria-label'>\n\ntype AvatarCircleProps = Omit<\n  AvatarProps,\n  'status' | 'statusPosition' | 'ring' | 'badge' | 'badgeClassName'\n> & {\n  className?: string\n}\n\n// Inner div (the actual avatar circle). Implemented as forwardRef so\n// the outer Avatar wrapper can forward refs through to the rendered\n// `<div role=\"img\">` regardless of whether it lives directly inside\n// Avatar or inside the decorated `<span data-slot=\"avatar-root\">`\n// wrapper.\nconst AvatarCircle = React.forwardRef<HTMLDivElement, AvatarCircleProps>(function AvatarCircle(\n  { className, label, src, icon, size, variant, ariaLabel, ...rest },\n  ref,\n) {\n  const initials = React.useMemo(() => computeInitials(label), [label])\n  return (\n    <div\n      ref={ref}\n      role=\"img\"\n      aria-label={ariaLabel ?? label}\n      data-slot=\"avatar\"\n      className={cn(avatarVariants({ size, variant }), className)}\n      {...rest}\n    >\n      {src ? (\n        <img src={src} alt=\"\" className=\"size-full object-cover\" aria-hidden=\"true\" />\n      ) : icon ? (\n        <span aria-hidden=\"true\" className=\"flex items-center justify-center [&>svg]:size-[55%]\">\n          {icon}\n        </span>\n      ) : (\n        <span aria-hidden=\"true\">{initials}</span>\n      )}\n    </div>\n  )\n})\n\nexport const Avatar = React.forwardRef<HTMLDivElement, AvatarProps>((props, ref) => {\n  const {\n    className,\n    label,\n    src,\n    icon,\n    size = 'md',\n    variant,\n    ariaLabel,\n    status,\n    statusPosition = 'bottom-right',\n    ring,\n    badge,\n    badgeClassName,\n    ...rest\n  } = props\n\n  const resolvedRingTone: AvatarRingTone | null = ring === true ? 'accent' : ring || null\n  const showStatus = status !== undefined\n  const showBadge =\n    badge !== undefined && (statusPosition === 'top-right' || !showStatus)\n  const showTopStatus = showStatus && statusPosition === 'top-right' && !showBadge\n  const showBottomStatus = showStatus && statusPosition === 'bottom-right' && badge === undefined\n\n  // Plain avatar (no overlay decorations) \u2014 preserve the original\n  // single-element output for backward compat.\n  if (!showStatus && !showBadge && !resolvedRingTone) {\n    return (\n      <AvatarCircle\n        ref={ref as React.Ref<HTMLDivElement>}\n        className={className}\n        label={label}\n        src={src}\n        icon={icon}\n        size={size}\n        variant={variant}\n        ariaLabel={ariaLabel}\n        {...rest}\n      />\n    )\n  }\n\n  const ringClass = resolvedRingTone ? AVATAR_RING_CLASS[resolvedRingTone] : ''\n  const statusSize = AVATAR_STATUS_SIZE[size ?? 'md']\n  const statusPositionClass =\n    statusPosition === 'top-right'\n      ? '-right-0 -top-0 translate-x-1/4 -translate-y-1/4'\n      : '-right-0 -bottom-0 translate-x-1/4 translate-y-1/4'\n  const badgePositionClass = '-right-0 -top-0 translate-x-1/4 -translate-y-1/4'\n\n  return (\n    <span\n      data-slot=\"avatar-root\"\n      className={cn('relative inline-flex shrink-0 rounded-full', ringClass)}\n    >\n      <AvatarCircle\n        ref={ref as React.Ref<HTMLDivElement>}\n        className={className}\n        label={label}\n        src={src}\n        icon={icon}\n        size={size}\n        variant={variant}\n        ariaLabel={ariaLabel}\n        {...rest}\n      />\n      {showBottomStatus || showTopStatus ? (\n        <span\n          data-slot=\"avatar-status\"\n          data-status={status}\n          data-position={statusPosition}\n          aria-hidden=\"true\"\n          className={cn(\n            'absolute inline-block rounded-full ring-2 ring-background',\n            statusSize,\n            AVATAR_STATUS_BG[status as AvatarStatus],\n            statusPositionClass,\n          )}\n        />\n      ) : null}\n      {showBadge ? (\n        <span\n          data-slot=\"avatar-badge\"\n          aria-hidden=\"true\"\n          className={cn(\n            'absolute inline-flex items-center justify-center rounded-full ring-2 ring-background bg-background text-foreground',\n            // Default size ~40% of avatar; consumer overrides via badgeClassName.\n            size === 'xs' || size === 'sm' ? 'size-3.5' : size === 'md' ? 'size-4' : size === 'lg' ? 'size-5' : 'size-6',\n            badgePositionClass,\n            badgeClassName,\n          )}\n        >\n          {badge}\n        </span>\n      ) : null}\n    </span>\n  )\n})\n\nAvatar.displayName = 'Avatar'\n\nexport { avatarVariants }\n\nexport type AvatarStackProps = {\n  children: React.ReactNode\n  max?: number\n  size?: VariantProps<typeof avatarVariants>['size']\n  className?: string\n  /**\n   * Additional hidden items not represented by `children` \u2014 e.g. a server-truncated list that\n   * already returned only the top N owners. Added to the children-derived overflow so the\n   * \"+N\" badge reflects the true number of omitted items, not just the ones dropped locally.\n   */\n  overflowCount?: number\n}\n\nexport function AvatarStack({ children, max = 4, size = 'md', className, overflowCount = 0 }: AvatarStackProps) {\n  const items = React.Children.toArray(children)\n  const visible = items.slice(0, max)\n  const overflow = Math.max(0, items.length - max) + Math.max(0, overflowCount)\n\n  return (\n    <div\n      data-slot=\"avatar-stack\"\n      className={cn('flex items-center [&>*:not(:first-child)]:-ml-2 [&>*]:ring-2 [&>*]:ring-background', className)}\n    >\n      {visible}\n      {overflow > 0 && (\n        <Avatar label={`+${overflow}`} size={size} variant=\"monochrome\" className=\"-ml-2\" />\n      )}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": ["AvatarCircle"]
 }

package/dist/primitives/pagination.js

@@ -114,7 +114,7 @@ const Pagination = React.forwardRef(
         ref,
         "data-slot": "pagination",
         "aria-label": props["aria-label"] ?? t("ui.pagination.landmark.ariaLabel", "Pagination"),
-        className: cn("flex w-full items-center justify-between gap-6", className),
+        className: cn("flex w-full flex-wrap items-center justify-between gap-x-6 gap-y-2", className),
         ...props,
         children: [
           showInfo ? /* @__PURE__ */ jsx(
@@ -129,7 +129,7 @@ const Pagination = React.forwardRef(
             "div",
             {
               "data-slot": "pagination-controls",
-              className: "inline-flex items-center gap-2",
+              className: "flex flex-wrap items-center justify-center gap-2",
               children: [
                 showFirstLast ? /* @__PURE__ */ jsx(
                   "button",
@@ -159,7 +159,7 @@ const Pagination = React.forwardRef(
                   "ol",
                   {
                     "data-slot": "pagination-pages",
-                    className: "inline-flex items-center gap-2 list-none",
+                    className: "flex flex-wrap items-center justify-center gap-2 list-none",
                     children: items.map((entry, index) => {
                       if (entry === "ellipsis-left" || entry === "ellipsis-right") {
                         return /* @__PURE__ */ jsx(