@open-mercato/ui 0.6.4-develop.4371.1.8f3030407e → 0.6.4

package/dist/backend/detail/InlineEditors.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/backend/detail/InlineEditors.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport dynamic from 'next/dynamic'\nimport { FileCode, Loader2, Mail, Pencil, Phone, X } from 'lucide-react'\nimport type { PluggableList } from 'unified'\nimport { PhoneNumberField } from '@open-mercato/ui/backend/inputs/PhoneNumberField'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport { DatePicker } from '@open-mercato/ui/primitives/date-picker'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { format } from 'date-fns/format'\nimport { LoadingMessage } from './LoadingMessage'\nimport { mapCrudServerErrorToFormErrors } from '../utils/serverErrors'\nimport { MarkdownPreview } from '../markdown'\n\nfunction resolveInlineErrorMessage(err: unknown, fallbackMessage: string): string {\n  const { message, fieldErrors } = mapCrudServerErrorToFormErrors(err)\n  const firstFieldError = fieldErrors\n    ? Object.values(fieldErrors).find((text) => typeof text === 'string' && text.trim().length)\n    : null\n  if (typeof firstFieldError === 'string' && firstFieldError.trim().length) {\n    return firstFieldError.trim()\n  }\n  if (typeof message === 'string' && message.trim().length) {\n    return message.trim()\n  }\n  if (err instanceof Error && typeof err.message === 'string' && err.message.trim().length) {\n    return err.message.trim()\n  }\n  if (typeof err === 'string' && err.trim().length) {\n    return err.trim()\n  }\n  return fallbackMessage\n}\n\ntype EditorVariant = 'default' | 'muted' | 'plain'\n\nexport type InlineFieldType = 'text' | 'email' | 'tel' | 'url'\n\nconst ALLOWED_INLINE_URL_PROTOCOLS = new Set(['http:', 'https:', 'mailto:', 'tel:'])\n\nexport function resolveSafeInlineUrlHref(value: string): string | null {\n  const trimmed = value.trim()\n  if (!trimmed.length) return null\n  try {\n    const parsed = new URL(trimmed)\n    return ALLOWED_INLINE_URL_PROTOCOLS.has(parsed.protocol) ? trimmed : null\n  } catch {\n    return null\n  }\n}\n\nexport type InlineTextEditorProps = {\n  label: string\n  value: string | null | undefined\n  placeholder?: string\n  emptyLabel: string\n  onSave: (value: string | null) => Promise<void>\n  type?: InlineFieldType\n  inputType?: React.HTMLInputTypeAttribute\n  validator?: (value: string) => string | null\n  variant?: EditorVariant\n  activateOnClick?: boolean\n  containerClassName?: string\n  triggerClassName?: string\n  hideLabel?: boolean\n  renderDisplay?: (params: { value: string | null | undefined; emptyLabel: string; type: InlineFieldType }) => React.ReactNode\n  onEditingChange?: (editing: boolean) => void\n  renderActions?: React.ReactNode\n  saveLabel?: string\n  recordId?: string\n  onDraftChange?: (draft: string) => void\n  renderBelowInput?: (params: {\n    draft: string\n    resolvedType: InlineFieldType\n    error: string | null\n    saving: boolean\n  }) => React.ReactNode\n}\n\nexport function InlineTextEditor({\n  label,\n  value,\n  placeholder,\n  emptyLabel,\n  onSave,\n  type = 'text',\n  inputType,\n  validator,\n  variant = 'default',\n  activateOnClick = false,\n  containerClassName,\n  triggerClassName,\n  hideLabel = false,\n  renderDisplay,\n  onEditingChange,\n  renderActions,\n  saveLabel,\n  onDraftChange,\n  renderBelowInput,\n}: InlineTextEditorProps) {\n  const t = useT()\n  const [editing, setEditing] = React.useState(false)\n  const [draft, setDraft] = React.useState(value ?? '')\n  const [error, setError] = React.useState<string | null>(null)\n  const [saving, setSaving] = React.useState(false)\n  const computedSaveLabel = saveLabel ?? t('ui.detail.inline.saveShortcut', 'Save \u2318\u23CE / Ctrl+Enter')\n  const fallbackError = React.useMemo(\n    () => t('ui.detail.inline.error', 'Failed to save value.'),\n    [t],\n  )\n  const resolvedType = React.useMemo<InlineFieldType>(() => {\n    if (type && typeof type === 'string') return type\n    if (inputType && typeof inputType === 'string') {\n      const normalized = inputType.toLowerCase()\n      if (normalized === 'email' || normalized === 'tel' || normalized === 'url') {\n        return normalized as InlineFieldType\n      }\n    }\n    return 'text'\n  }, [inputType, type])\n\n  React.useEffect(() => {\n    if (!editing) setDraft(value ?? '')\n  }, [editing, value])\n\n  React.useEffect(() => {\n    if (onDraftChange) onDraftChange(draft)\n  }, [draft, onDraftChange])\n\n  const containerClasses = cn(\n    'group overflow-hidden',\n    variant === 'muted'\n      ? 'relative rounded border bg-muted/30 p-3'\n      : variant === 'plain'\n        ? 'relative flex items-center gap-3 rounded-none border-0 p-0'\n        : 'rounded-lg border p-4',\n    activateOnClick && !editing ? 'cursor-pointer' : null,\n    containerClassName ?? null,\n  )\n  const readOnlyWrapperClasses = cn(\n    'flex-1 min-w-0',\n    activateOnClick && !editing ? 'cursor-pointer' : null,\n    variant === 'plain' ? 'flex items-center gap-2' : null,\n  )\n  const triggerClasses = cn(\n    'shrink-0 transition-opacity duration-150',\n    editing\n      ? 'opacity-100'\n      : 'opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 focus-visible:opacity-100',\n    variant === 'muted' ? 'h-8 w-8' : null,\n    triggerClassName ?? null,\n  )\n  const triggerSize = variant === 'plain' ? 'icon' : 'sm'\n\n  const setEditingSafe = React.useCallback(\n    (next: boolean) => {\n      setEditing(next)\n      if (onEditingChange) onEditingChange(next)\n    },\n    [onEditingChange],\n  )\n\n  const handleActivate = React.useCallback(() => {\n    if (!editing) setEditingSafe(true)\n  }, [editing, setEditingSafe])\n\n  const handleInteractiveClick = React.useCallback(\n    (event: React.MouseEvent<HTMLDivElement>) => {\n      if (!activateOnClick || editing) return\n      const target = event.target as HTMLElement\n      const interactiveElement = target.closest('button, input, select, textarea, a, [role=\"link\"]')\n      if (interactiveElement) {\n        if (interactiveElement.tagName.toLowerCase() === 'a') {\n          if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) {\n            return\n          }\n          event.preventDefault()\n          // let the link click toggle edit mode instead of navigating away\n        } else {\n          return\n        }\n      }\n      handleActivate()\n    },\n    [activateOnClick, editing, handleActivate],\n  )\n\n  const handleContainerKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (!activateOnClick || editing) return\n      if (event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault()\n        handleActivate()\n      }\n    },\n    [activateOnClick, editing, handleActivate],\n  )\n\n  const handleSave = React.useCallback(async () => {\n    const trimmed = draft.trim()\n    if (validator) {\n      const validationError = validator(trimmed)\n      if (validationError) {\n        setError(validationError)\n        return\n      }\n    }\n    setError(null)\n    setSaving(true)\n    try {\n      await onSave(trimmed.length ? trimmed : null)\n      setEditingSafe(false)\n    } catch (err) {\n      setError(resolveInlineErrorMessage(err, fallbackError))\n    } finally {\n      setSaving(false)\n    }\n  }, [draft, fallbackError, onSave, setEditingSafe, validator])\n\n  const interactiveProps: React.HTMLAttributes<HTMLDivElement> =\n    activateOnClick && !editing\n      ? {\n          role: 'button' as const,\n          tabIndex: 0,\n          onKeyDown: handleContainerKeyDown,\n        }\n      : {}\n\n  const displayContent = React.useMemo(() => {\n    if (renderDisplay) {\n      return renderDisplay({ value, emptyLabel, type: resolvedType })\n    }\n    const baseValue = value && typeof value === 'string' ? value : ''\n    const anchorClass =\n      variant === 'plain'\n        ? 'inline-flex max-w-full min-w-0 items-center gap-2 text-xl font-semibold leading-tight text-primary hover:text-primary/90 hover:underline'\n        : 'flex max-w-full min-w-0 items-center gap-2 text-sm text-primary hover:text-primary/90 hover:underline'\n    const textClass = variant === 'plain' ? 'text-2xl font-semibold leading-tight' : 'text-sm break-words'\n    if (resolvedType === 'email') {\n      if (!baseValue.length) {\n        return (\n          <p className={variant === 'plain' ? 'text-base text-muted-foreground' : 'text-sm text-muted-foreground'}>\n            {emptyLabel}\n          </p>\n        )\n      }\n      return (\n        <a className={anchorClass} href={`mailto:${baseValue}`}>\n          <Mail aria-hidden className={variant === 'plain' ? 'h-5 w-5' : 'h-4 w-4'} />\n          <span className=\"truncate min-w-0\">{baseValue}</span>\n        </a>\n      )\n    }\n    if (!baseValue.length) {\n      return (\n        <p className={variant === 'plain' ? 'text-base text-muted-foreground' : 'text-sm text-muted-foreground'}>\n          {emptyLabel}\n        </p>\n      )\n    }\n    if (resolvedType === 'tel') {\n      const sanitizedValue = baseValue.replace(/[^+\\d]/g, '')\n      const hrefValue = sanitizedValue.length ? sanitizedValue : baseValue\n      return (\n        <a className={anchorClass} href={`tel:${hrefValue}`}>\n          <Phone aria-hidden className={variant === 'plain' ? 'h-5 w-5' : 'h-4 w-4'} />\n          <span className=\"truncate\">{baseValue}</span>\n        </a>\n      )\n    }\n    if (resolvedType === 'url') {\n      const safeHref = resolveSafeInlineUrlHref(baseValue)\n      if (!safeHref) {\n        return <p className={textClass}>{baseValue}</p>\n      }\n      return (\n        <a className={textClass} href={safeHref} target=\"_blank\" rel=\"noopener noreferrer\">\n          {baseValue}\n        </a>\n      )\n    }\n    return <p className={textClass}>{baseValue}</p>\n  }, [emptyLabel, renderDisplay, resolvedType, value, variant])\n\n  const editingContainerClass = variant === 'plain' ? 'mt-0 w-full max-w-sm space-y-3' : 'mt-2 space-y-3'\n\n  return (\n    <div className={containerClasses} onClick={handleInteractiveClick}>\n      <div className=\"flex items-start justify-between gap-2 min-w-0\">\n        <div className={readOnlyWrapperClasses} {...interactiveProps}>\n          {hideLabel ? null : <p className=\"text-xs uppercase tracking-wide text-muted-foreground\">{label}</p>}\n          {editing ? (\n            <form\n              className={editingContainerClass}\n              onSubmit={(event) => {\n                event.preventDefault()\n                if (!saving) void handleSave()\n              }}\n              onKeyDown={(event) => {\n                if (event.key === 'Escape') {\n                  event.preventDefault()\n                  setEditingSafe(false)\n                  setError(null)\n                  return\n                }\n                if (event.key === 'Enter' && (event.metaKey || event.ctrlKey)) {\n                  event.preventDefault()\n                  if (!saving) void handleSave()\n                }\n              }}\n            >\n              {(() => {\n                const lowerType = (inputType ?? resolvedType ?? '').toLowerCase()\n                const isDate = lowerType === 'date'\n                const isDateTime = lowerType === 'datetime-local' || lowerType === 'datetime'\n                if (resolvedType === 'tel') {\n                  return (\n                    <PhoneNumberField\n                      value={draft.length ? draft : undefined}\n                      onValueChange={(next) => {\n                        if (error) setError(null)\n                        setDraft(next ?? '')\n                      }}\n                      placeholder={placeholder}\n                      autoFocus\n                      disabled={saving}\n                      minDigits={7}\n                    />\n                  )\n                }\n                if (isDate || isDateTime) {\n                  let parsed: Date | null = null\n                  if (draft && draft.length) {\n                    const candidate = new Date(draft)\n                    if (!Number.isNaN(candidate.getTime())) parsed = candidate\n                  }\n                  return (\n                    <DatePicker\n                      value={parsed}\n                      onChange={(date) => {\n                        if (error) setError(null)\n                        const formatted = !date\n                          ? ''\n                          : isDateTime\n                            ? format(date, \"yyyy-MM-dd'T'HH:mm\")\n                            : format(date, 'yyyy-MM-dd')\n                        setDraft(formatted)\n                        setSaving(true)\n                        ;(async () => {\n                          try {\n                            await onSave(formatted.length ? formatted : null)\n                            setEditingSafe(false)\n                          } catch (err) {\n                            setError(resolveInlineErrorMessage(err, fallbackError))\n                          } finally {\n                            setSaving(false)\n                          }\n                        })()\n                      }}\n                      withTime={isDateTime}\n                      footer=\"apply-cancel\"\n                      placeholder={placeholder}\n                      disabled={saving}\n                    />\n                  )\n                }\n                return (\n                  <input\n                    className=\"w-full rounded-md border px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n                    value={draft}\n                    onChange={(event) => {\n                      if (error) setError(null)\n                      setDraft(event.target.value)\n                    }}\n                    placeholder={placeholder}\n                    type={inputType ?? resolvedType}\n                    autoFocus\n                  />\n                )\n              })()}\n              {error ? <p className=\"text-xs text-destructive\">{error}</p> : null}\n              {renderBelowInput ? renderBelowInput({ draft, resolvedType, error, saving }) : null}\n              {(() => {\n                const lowerType = (inputType ?? resolvedType ?? '').toLowerCase()\n                const isDateLike = lowerType === 'date' || lowerType === 'datetime-local' || lowerType === 'datetime'\n                if (isDateLike) return null\n                return (\n              <div className=\"flex items-center gap-2\">\n                <Button type=\"submit\" size=\"sm\" disabled={saving}>\n                  {saving ? <Loader2 className=\"mr-2 h-3.5 w-3.5 animate-spin\" /> : null}\n                  {computedSaveLabel}\n                </Button>\n                <Button type=\"button\" size=\"sm\" variant=\"ghost\" onClick={() => setEditingSafe(false)} disabled={saving}>\n                  {t('ui.detail.inline.cancel', 'Cancel')}\n                </Button>\n              </div>\n                )\n              })()}\n            </form>\n          ) : (\n            <div className={variant === 'plain' ? '' : 'mt-1'}>{displayContent}</div>\n          )}\n        </div>\n        {renderActions ? <div className=\"flex items-center gap-2\">{renderActions}</div> : null}\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size={triggerSize}\n          className={triggerClasses}\n          onClick={(event) => {\n            event.stopPropagation()\n            const next = !editing\n            setEditingSafe(next)\n          }}\n        >\n          {editing ? <X className=\"h-4 w-4\" /> : <Pencil className=\"h-4 w-4\" />}\n        </Button>\n      </div>\n    </div>\n  )\n}\n\nexport type InlineMultilineEditorProps = {\n  label: string\n  value: string | null | undefined\n  placeholder?: string\n  emptyLabel: string\n  onSave: (value: string | null) => Promise<void>\n  validator?: (value: string) => string | null\n  variant?: EditorVariant\n  activateOnClick?: boolean\n  containerClassName?: string\n  triggerClassName?: string\n  renderDisplay?: (params: { value: string | null | undefined; emptyLabel: string }) => React.ReactNode\n}\n\ntype UiMarkdownEditorProps = {\n  value?: string\n  height?: number\n  onChange?: (value?: string) => void\n  previewOptions?: { remarkPlugins?: unknown[] }\n}\n\nconst isTestEnv =\n  typeof process !== 'undefined' &&\n  (process.env.NODE_ENV === 'test' || typeof process.env.JEST_WORKER_ID !== 'undefined')\n\nfunction MarkdownEditorFallback() {\n  const t = useT()\n  return (\n    <LoadingMessage label={t('ui.detail.inline.editorLoading', 'Loading editor\u2026')} className=\"min-h-[200px] justify-center\" />\n  )\n}\n\nconst MarkdownEditorTestStub: React.ComponentType<UiMarkdownEditorProps> = ({ value, onChange }) => (\n  <Textarea\n    data-testid=\"markdown-editor\"\n    rows={8}\n    value={value ?? ''}\n    onChange={(event) => onChange?.(event.target.value)}\n  />\n)\n\nconst MarkdownEditorComponent: React.ComponentType<UiMarkdownEditorProps> = isTestEnv\n  ? MarkdownEditorTestStub\n  : (dynamic(() => import('@uiw/react-md-editor'), {\n      ssr: false,\n      loading: () => <MarkdownEditorFallback />,\n    }) as unknown as React.ComponentType<UiMarkdownEditorProps>)\n\nlet markdownPluginsPromise: Promise<PluggableList> | null = null\n\nasync function loadMarkdownPlugins(): Promise<PluggableList> {\n  if (isTestEnv) return []\n  if (!markdownPluginsPromise) {\n    markdownPluginsPromise = import('remark-gfm')\n      .then((mod) => [mod.default ?? mod] as PluggableList)\n      .catch(() => [])\n  }\n  return markdownPluginsPromise\n}\n\nexport function InlineMultilineEditor({\n  label,\n  value,\n  placeholder,\n  emptyLabel,\n  onSave,\n  validator,\n  variant = 'default',\n  activateOnClick = true,\n  containerClassName,\n  triggerClassName,\n  renderDisplay,\n}: InlineMultilineEditorProps) {\n  const t = useT()\n  const [editing, setEditing] = React.useState(false)\n  const [draft, setDraft] = React.useState(value ?? '')\n  const [error, setError] = React.useState<string | null>(null)\n  const [saving, setSaving] = React.useState(false)\n  const [isMarkdownEnabled, setIsMarkdownEnabled] = React.useState(true)\n  const textareaRef = React.useRef<HTMLTextAreaElement | null>(null)\n  const markdownEditorRef = React.useRef<HTMLDivElement | null>(null)\n  const [markdownPlugins, setMarkdownPlugins] = React.useState<PluggableList>([])\n  const fallbackError = React.useMemo(\n    () => t('ui.detail.inline.error', 'Failed to save value.'),\n    [t],\n  )\n  React.useEffect(() => {\n    if (isTestEnv) return\n    let mounted = true\n    void loadMarkdownPlugins().then((plugins) => {\n      if (!mounted) return\n      setMarkdownPlugins(plugins)\n    })\n    return () => {\n      mounted = false\n    }\n  }, [])\n\n  const adjustTextareaSize = React.useCallback((element: HTMLTextAreaElement | null) => {\n    if (!element) return\n    element.style.height = 'auto'\n    element.style.height = `${element.scrollHeight}px`\n  }, [])\n\n  React.useEffect(() => {\n    adjustTextareaSize(textareaRef.current)\n  }, [adjustTextareaSize, draft, isMarkdownEnabled])\n\n  React.useEffect(() => {\n    if (!editing) return\n    if (isMarkdownEnabled) {\n      const element = markdownEditorRef.current?.querySelector('textarea')\n      if (!element) return\n      window.requestAnimationFrame(() => {\n        element.focus()\n      })\n      return\n    }\n    const element = textareaRef.current\n    if (!element) return\n    window.requestAnimationFrame(() => {\n      adjustTextareaSize(element)\n      element.focus()\n    })\n  }, [adjustTextareaSize, editing, isMarkdownEnabled])\n\n  const handleMarkdownToggle = React.useCallback(() => {\n    setIsMarkdownEnabled((prev) => !prev)\n  }, [])\n\n  React.useEffect(() => {\n    if (!editing) {\n      setDraft(value ?? '')\n      setError(null)\n    }\n  }, [editing, value])\n\n  const handleActivate = React.useCallback(() => {\n    if (!editing) setEditing(true)\n  }, [editing])\n\n  const handleInteractiveClick = React.useCallback(\n    (event: React.MouseEvent<HTMLDivElement>) => {\n      if (!activateOnClick || editing) return\n      const target = event.target as HTMLElement\n      const interactiveElement = target.closest('button, input, select, textarea, a, [role=\"link\"]')\n      if (interactiveElement) {\n        if (interactiveElement.tagName.toLowerCase() === 'a') {\n          if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) {\n            return\n          }\n          event.preventDefault()\n          // Links should not block activation; let the click toggle edit mode\n        } else {\n          return\n        }\n      }\n      handleActivate()\n    },\n    [activateOnClick, editing, handleActivate],\n  )\n\n  const handleContainerKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (!activateOnClick || editing) return\n      if (event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault()\n        handleActivate()\n      }\n    },\n    [activateOnClick, editing, handleActivate],\n  )\n\n  const adjustError = React.useCallback(\n    (nextValue: string) => {\n      if (!validator) return null\n      const trimmed = nextValue.trim()\n      return validator(trimmed)\n    },\n    [validator],\n  )\n\n  const containerClasses = cn(\n    'group rounded-lg border p-4',\n    variant === 'muted' ? 'bg-muted/30' : null,\n    activateOnClick && !editing ? 'cursor-pointer' : null,\n    containerClassName ?? null,\n  )\n  const triggerClasses = cn(\n    'transition-opacity duration-150',\n    editing\n      ? 'opacity-100'\n      : 'opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 focus-visible:opacity-100',\n    triggerClassName ?? null,\n  )\n\n  const handleSave = React.useCallback(async () => {\n    const trimmed = draft.trim()\n    const validationError = adjustError(draft)\n    if (validationError) {\n      setError(validationError)\n      return\n    }\n    setSaving(true)\n    try {\n      await onSave(trimmed.length ? trimmed : null)\n      setEditing(false)\n    } catch (err) {\n      setError(resolveInlineErrorMessage(err, fallbackError))\n    } finally {\n      setSaving(false)\n    }\n  }, [adjustError, draft, fallbackError, onSave])\n\n  return (\n    <div className={containerClasses} onClick={handleInteractiveClick}>\n      <div className=\"flex items-start justify-between gap-2\">\n        <div\n          className={cn('flex-1 min-w-0', activateOnClick && !editing ? 'cursor-pointer' : null)}\n          {...(activateOnClick && !editing\n            ? { role: 'button' as const, tabIndex: 0, onKeyDown: handleContainerKeyDown }\n            : {})}\n        >\n          <p className=\"text-xs uppercase tracking-wide text-muted-foreground\">{label}</p>\n          {editing ? (\n            <form\n              className=\"mt-2 space-y-3\"\n              onSubmit={(event) => {\n                event.preventDefault()\n                if (!saving) void handleSave()\n              }}\n              onKeyDown={(event) => {\n                if (event.key === 'Escape') {\n                  event.preventDefault()\n                  setEditing(false)\n                  setError(null)\n                  return\n                }\n                if (event.key === 'Enter' && (event.metaKey || event.ctrlKey)) {\n                  event.preventDefault()\n                  if (!saving) void handleSave()\n                }\n              }}\n            >\n              {isMarkdownEnabled ? (\n                <div\n                  ref={markdownEditorRef}\n                  className={cn(\n                    'w-full rounded-md border border-muted-foreground/30 bg-background p-2',\n                    saving ? 'pointer-events-none opacity-75' : null,\n                  )}\n                >\n                  <div data-color-mode=\"light\" className=\"w-full\">\n                    <MarkdownEditorComponent\n                      value={draft}\n                      height={220}\n                      onChange={(nextValue) => {\n                        if (error) setError(null)\n                        setDraft(typeof nextValue === 'string' ? nextValue : '')\n                      }}\n                      previewOptions={{ remarkPlugins: markdownPlugins }}\n                    />\n                  </div>\n                </div>\n              ) : (\n                <Textarea\n                  ref={textareaRef}\n                  rows={3}\n                  className=\"w-full resize-none overflow-hidden rounded-md border px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n                  placeholder={placeholder}\n                  value={draft}\n                  onChange={(event) => {\n                    if (error) setError(null)\n                    setDraft(event.target.value)\n                  }}\n                  onInput={(event) => adjustTextareaSize(event.currentTarget)}\n                  autoFocus\n                  disabled={saving}\n                />\n              )}\n              {error ? <p className=\"text-xs text-destructive\">{error}</p> : null}\n              <div className=\"flex items-center gap-2\">\n                <Button type=\"submit\" size=\"sm\" disabled={saving}>\n                  {saving ? <Loader2 className=\"mr-2 h-3.5 w-3.5 animate-spin\" /> : null}\n                  {t('ui.detail.inline.saveShortcut', 'Save \u2318\u23CE / Ctrl+Enter')}\n                </Button>\n                <Button type=\"button\" size=\"sm\" variant=\"ghost\" onClick={() => setEditing(false)} disabled={saving}>\n                  {t('ui.detail.inline.cancel', 'Cancel')}\n                </Button>\n                <Button\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"icon\"\n                  onClick={handleMarkdownToggle}\n                  aria-pressed={isMarkdownEnabled}\n                  title={\n                    isMarkdownEnabled\n                      ? t('ui.detail.inline.markdownDisable', 'Disable Markdown')\n                      : t('ui.detail.inline.markdownEnable', 'Enable Markdown')\n                  }\n                  aria-label={\n                    isMarkdownEnabled\n                      ? t('ui.detail.inline.markdownDisable', 'Disable Markdown')\n                      : t('ui.detail.inline.markdownEnable', 'Enable Markdown')\n                  }\n                  className={cn('h-8 w-8', isMarkdownEnabled ? 'text-primary' : undefined)}\n                  disabled={saving}\n                >\n                  <FileCode className=\"h-4 w-4\" aria-hidden />\n                  <span className=\"sr-only\">\n                    {isMarkdownEnabled\n                      ? t('ui.detail.inline.markdownDisable', 'Disable Markdown')\n                      : t('ui.detail.inline.markdownEnable', 'Enable Markdown')}\n                  </span>\n                </Button>\n              </div>\n            </form>\n          ) : (\n            <div\n              className={cn(\n                'mt-1 text-sm break-words',\n                renderDisplay ? null : 'whitespace-pre-wrap',\n                activateOnClick && !editing ? 'cursor-pointer' : null,\n              )}\n            >\n              {renderDisplay ? (\n                renderDisplay({ value, emptyLabel })\n              ) : value && value.length ? (\n                <MarkdownPreview\n                  remarkPlugins={markdownPlugins}\n                  className=\"prose prose-sm max-w-none text-foreground [&>*]:my-2 [&>*:last-child]:mb-0 [&_pre]:rounded-md [&_pre]:bg-muted [&_pre]:p-3 [&_code]:rounded [&_code]:bg-muted [&_code]:px-1 [&_code]:py-0.5\"\n                >\n                  {value}\n                </MarkdownPreview>\n              ) : (\n                <span className=\"text-muted-foreground\">{emptyLabel}</span>\n              )}\n            </div>\n          )}\n        </div>\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"sm\"\n          className={triggerClasses}\n          onClick={(event) => {\n            event.stopPropagation()\n            setEditing((state) => !state)\n          }}\n        >\n          {editing ? <X className=\"h-4 w-4\" /> : <Pencil className=\"h-4 w-4\" />}\n        </Button>\n      </div>\n    </div>\n  )\n}\n\nexport type InlineSelectOption = { value: string; label: string; description?: string }\n\nexport type InlineSelectEditorProps = {\n  label: string\n  value: string | null | undefined\n  emptyLabel: string\n  options: InlineSelectOption[]\n  onSave: (value: string | null) => Promise<void>\n  variant?: EditorVariant\n  activateOnClick?: boolean\n  containerClassName?: string\n  triggerClassName?: string\n  hideLabel?: boolean\n  renderEditor?: (params: { value: string; onChange: (next: string) => void }) => React.ReactNode\n  renderDisplay?: (params: { value: string | null | undefined; emptyLabel: string }) => React.ReactNode\n}\n\nexport function InlineSelectEditor({\n  label,\n  value,\n  emptyLabel,\n  options,\n  onSave,\n  variant = 'default',\n  activateOnClick = false,\n  containerClassName,\n  triggerClassName,\n  hideLabel = false,\n  renderEditor,\n  renderDisplay,\n}: InlineSelectEditorProps) {\n  const t = useT()\n  const [editing, setEditing] = React.useState(false)\n  const [draft, setDraft] = React.useState<string>(value ?? '')\n  const [saving, setSaving] = React.useState(false)\n\n  React.useEffect(() => {\n    if (!editing) setDraft(value ?? '')\n  }, [editing, value])\n\n  const containerClasses = cn(\n    'group',\n    variant === 'muted'\n      ? 'relative rounded border bg-muted/30 p-3'\n      : variant === 'plain'\n        ? 'relative flex flex-col gap-1 rounded-none border-0 p-0'\n        : 'rounded-lg border bg-card p-4',\n    activateOnClick && !editing ? 'cursor-pointer' : null,\n    containerClassName ?? null,\n  )\n  const triggerClasses = cn(\n    'shrink-0 transition-opacity duration-150',\n    editing\n      ? 'opacity-100'\n      : 'opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 focus-visible:opacity-100',\n    variant === 'muted' ? 'h-8 w-8' : null,\n    triggerClassName ?? null,\n  )\n\n  const handleSave = React.useCallback(async () => {\n    setSaving(true)\n    try {\n      await onSave(draft.length ? draft : null)\n      setEditing(false)\n    } catch (err) {\n      const message = err instanceof Error ? err.message : t('ui.detail.inline.error', 'Failed to save value.')\n      console.error(message, err)\n    } finally {\n      setSaving(false)\n    }\n  }, [draft, onSave, t])\n\n  const selected = options.find((option) => option.value === value)\n\n  const interactiveProps: React.HTMLAttributes<HTMLDivElement> =\n    activateOnClick && !editing\n      ? {\n          role: 'button' as const,\n          tabIndex: 0,\n          onClick: () => setEditing(true),\n          onKeyDown: (event) => {\n            if (event.key === 'Enter' || event.key === ' ') {\n              event.preventDefault()\n              setEditing(true)\n            }\n          },\n        }\n      : {}\n\n  return (\n    <div className={containerClasses}>\n      <div className=\"flex items-start justify-between gap-2\">\n        <div className=\"flex-1 min-w-0\" {...interactiveProps}>\n          {hideLabel ? null : <p className=\"text-xs uppercase tracking-wide text-muted-foreground\">{label}</p>}\n          {editing ? (\n            <div className={variant === 'plain' ? 'space-y-2 pt-1' : 'mt-2 space-y-2'}>\n              {renderEditor ? (\n                renderEditor({ value: draft, onChange: setDraft })\n              ) : (\n                <Select\n                  value={draft || undefined}\n                  onValueChange={(next) => setDraft(next ?? '')}\n                >\n                  <SelectTrigger>\n                    <SelectValue placeholder={t('ui.detail.inline.select.placeholder', 'Not set')} />\n                  </SelectTrigger>\n                  <SelectContent>\n                    {options.map((option) => (\n                      <SelectItem key={option.value} value={option.value}>\n                        {option.label}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n              )}\n              <div className=\"flex items-center gap-2\">\n                <Button type=\"button\" size=\"sm\" onClick={() => void handleSave()} disabled={saving}>\n                  {saving ? <Loader2 className=\"mr-2 h-3.5 w-3.5 animate-spin\" /> : null}\n                  {t('ui.detail.inline.saveShortcut', 'Save \u2318\u23CE / Ctrl+Enter')}\n                </Button>\n                <Button type=\"button\" size=\"sm\" variant=\"ghost\" onClick={() => setEditing(false)} disabled={saving}>\n                  {t('ui.detail.inline.cancel', 'Cancel')}\n                </Button>\n              </div>\n            </div>\n          ) : (\n            <div className={variant === 'plain' ? 'flex items-center gap-2' : 'mt-1 text-sm'}>\n              {renderDisplay ? (\n                renderDisplay({ value, emptyLabel })\n              ) : selected ? (\n                <div className=\"space-y-0.5\">\n                  <p className=\"font-medium leading-tight\">{selected.label}</p>\n                  {selected.description ? (\n                    <p className=\"text-xs text-muted-foreground\">{selected.description}</p>\n                  ) : null}\n                </div>\n              ) : (\n                <span className=\"text-muted-foreground\">{emptyLabel}</span>\n              )}\n            </div>\n          )}\n        </div>\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size={variant === 'plain' ? 'icon' : 'sm'}\n          className={triggerClasses}\n          onClick={(event) => {\n            event.stopPropagation()\n            setEditing((state) => !state)\n          }}\n        >\n          {editing ? <X className=\"h-4 w-4\" /> : <Pencil className=\"h-4 w-4\" />}\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],
-  "mappings": "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",
-  "names": ["element"]
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { FileCode, Loader2, Mail, Pencil, Phone, X } from 'lucide-react'\nimport type { PluggableList } from 'unified'\nimport { PhoneNumberField } from '@open-mercato/ui/backend/inputs/PhoneNumberField'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport { DatePicker } from '@open-mercato/ui/primitives/date-picker'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { format } from 'date-fns/format'\nimport { LoadingMessage } from './LoadingMessage'\nimport { mapCrudServerErrorToFormErrors } from '../utils/serverErrors'\nimport { MarkdownPreview } from '../markdown'\n\nfunction resolveInlineErrorMessage(err: unknown, fallbackMessage: string): string {\n  const { message, fieldErrors } = mapCrudServerErrorToFormErrors(err)\n  const firstFieldError = fieldErrors\n    ? Object.values(fieldErrors).find((text) => typeof text === 'string' && text.trim().length)\n    : null\n  if (typeof firstFieldError === 'string' && firstFieldError.trim().length) {\n    return firstFieldError.trim()\n  }\n  if (typeof message === 'string' && message.trim().length) {\n    return message.trim()\n  }\n  if (err instanceof Error && typeof err.message === 'string' && err.message.trim().length) {\n    return err.message.trim()\n  }\n  if (typeof err === 'string' && err.trim().length) {\n    return err.trim()\n  }\n  return fallbackMessage\n}\n\ntype EditorVariant = 'default' | 'muted' | 'plain'\n\nexport type InlineFieldType = 'text' | 'email' | 'tel' | 'url'\n\nconst ALLOWED_INLINE_URL_PROTOCOLS = new Set(['http:', 'https:', 'mailto:', 'tel:'])\n\nexport function resolveSafeInlineUrlHref(value: string): string | null {\n  const trimmed = value.trim()\n  if (!trimmed.length) return null\n  try {\n    const parsed = new URL(trimmed)\n    return ALLOWED_INLINE_URL_PROTOCOLS.has(parsed.protocol) ? trimmed : null\n  } catch {\n    return null\n  }\n}\n\nexport type InlineTextEditorProps = {\n  label: string\n  value: string | null | undefined\n  placeholder?: string\n  emptyLabel: string\n  onSave: (value: string | null) => Promise<void>\n  type?: InlineFieldType\n  inputType?: React.HTMLInputTypeAttribute\n  validator?: (value: string) => string | null\n  variant?: EditorVariant\n  activateOnClick?: boolean\n  containerClassName?: string\n  triggerClassName?: string\n  hideLabel?: boolean\n  renderDisplay?: (params: { value: string | null | undefined; emptyLabel: string; type: InlineFieldType }) => React.ReactNode\n  onEditingChange?: (editing: boolean) => void\n  renderActions?: React.ReactNode\n  saveLabel?: string\n  recordId?: string\n  onDraftChange?: (draft: string) => void\n  renderBelowInput?: (params: {\n    draft: string\n    resolvedType: InlineFieldType\n    error: string | null\n    saving: boolean\n  }) => React.ReactNode\n}\n\nexport function InlineTextEditor({\n  label,\n  value,\n  placeholder,\n  emptyLabel,\n  onSave,\n  type = 'text',\n  inputType,\n  validator,\n  variant = 'default',\n  activateOnClick = false,\n  containerClassName,\n  triggerClassName,\n  hideLabel = false,\n  renderDisplay,\n  onEditingChange,\n  renderActions,\n  saveLabel,\n  onDraftChange,\n  renderBelowInput,\n}: InlineTextEditorProps) {\n  const t = useT()\n  const [editing, setEditing] = React.useState(false)\n  const [draft, setDraft] = React.useState(value ?? '')\n  const [error, setError] = React.useState<string | null>(null)\n  const [saving, setSaving] = React.useState(false)\n  const computedSaveLabel = saveLabel ?? t('ui.detail.inline.saveShortcut', 'Save \u2318\u23CE / Ctrl+Enter')\n  const fallbackError = React.useMemo(\n    () => t('ui.detail.inline.error', 'Failed to save value.'),\n    [t],\n  )\n  const resolvedType = React.useMemo<InlineFieldType>(() => {\n    if (type && typeof type === 'string') return type\n    if (inputType && typeof inputType === 'string') {\n      const normalized = inputType.toLowerCase()\n      if (normalized === 'email' || normalized === 'tel' || normalized === 'url') {\n        return normalized as InlineFieldType\n      }\n    }\n    return 'text'\n  }, [inputType, type])\n\n  React.useEffect(() => {\n    if (!editing) setDraft(value ?? '')\n  }, [editing, value])\n\n  React.useEffect(() => {\n    if (onDraftChange) onDraftChange(draft)\n  }, [draft, onDraftChange])\n\n  const containerClasses = cn(\n    'group overflow-hidden',\n    variant === 'muted'\n      ? 'relative rounded border bg-muted/30 p-3'\n      : variant === 'plain'\n        ? 'relative flex items-center gap-3 rounded-none border-0 p-0'\n        : 'rounded-lg border p-4',\n    activateOnClick && !editing ? 'cursor-pointer' : null,\n    containerClassName ?? null,\n  )\n  const readOnlyWrapperClasses = cn(\n    'flex-1 min-w-0',\n    activateOnClick && !editing ? 'cursor-pointer' : null,\n    variant === 'plain' ? 'flex items-center gap-2' : null,\n  )\n  const triggerClasses = cn(\n    'shrink-0 transition-opacity duration-150',\n    editing\n      ? 'opacity-100'\n      : 'opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 focus-visible:opacity-100',\n    variant === 'muted' ? 'h-8 w-8' : null,\n    triggerClassName ?? null,\n  )\n  const triggerSize = variant === 'plain' ? 'icon' : 'sm'\n\n  const setEditingSafe = React.useCallback(\n    (next: boolean) => {\n      setEditing(next)\n      if (onEditingChange) onEditingChange(next)\n    },\n    [onEditingChange],\n  )\n\n  const handleActivate = React.useCallback(() => {\n    if (!editing) setEditingSafe(true)\n  }, [editing, setEditingSafe])\n\n  const handleInteractiveClick = React.useCallback(\n    (event: React.MouseEvent<HTMLDivElement>) => {\n      if (!activateOnClick || editing) return\n      const target = event.target as HTMLElement\n      const interactiveElement = target.closest('button, input, select, textarea, a, [role=\"link\"]')\n      if (interactiveElement) {\n        if (interactiveElement.tagName.toLowerCase() === 'a') {\n          if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) {\n            return\n          }\n          event.preventDefault()\n          // let the link click toggle edit mode instead of navigating away\n        } else {\n          return\n        }\n      }\n      handleActivate()\n    },\n    [activateOnClick, editing, handleActivate],\n  )\n\n  const handleContainerKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (!activateOnClick || editing) return\n      if (event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault()\n        handleActivate()\n      }\n    },\n    [activateOnClick, editing, handleActivate],\n  )\n\n  const handleSave = React.useCallback(async () => {\n    const trimmed = draft.trim()\n    if (validator) {\n      const validationError = validator(trimmed)\n      if (validationError) {\n        setError(validationError)\n        return\n      }\n    }\n    setError(null)\n    setSaving(true)\n    try {\n      await onSave(trimmed.length ? trimmed : null)\n      setEditingSafe(false)\n    } catch (err) {\n      setError(resolveInlineErrorMessage(err, fallbackError))\n    } finally {\n      setSaving(false)\n    }\n  }, [draft, fallbackError, onSave, setEditingSafe, validator])\n\n  const interactiveProps: React.HTMLAttributes<HTMLDivElement> =\n    activateOnClick && !editing\n      ? {\n          role: 'button' as const,\n          tabIndex: 0,\n          onKeyDown: handleContainerKeyDown,\n        }\n      : {}\n\n  const displayContent = React.useMemo(() => {\n    if (renderDisplay) {\n      return renderDisplay({ value, emptyLabel, type: resolvedType })\n    }\n    const baseValue = value && typeof value === 'string' ? value : ''\n    const anchorClass =\n      variant === 'plain'\n        ? 'inline-flex max-w-full min-w-0 items-center gap-2 text-xl font-semibold leading-tight text-primary hover:text-primary/90 hover:underline'\n        : 'flex max-w-full min-w-0 items-center gap-2 text-sm text-primary hover:text-primary/90 hover:underline'\n    const textClass = variant === 'plain' ? 'text-2xl font-semibold leading-tight' : 'text-sm break-words'\n    if (resolvedType === 'email') {\n      if (!baseValue.length) {\n        return (\n          <p className={variant === 'plain' ? 'text-base text-muted-foreground' : 'text-sm text-muted-foreground'}>\n            {emptyLabel}\n          </p>\n        )\n      }\n      return (\n        <a className={anchorClass} href={`mailto:${baseValue}`}>\n          <Mail aria-hidden className={variant === 'plain' ? 'h-5 w-5' : 'h-4 w-4'} />\n          <span className=\"truncate min-w-0\">{baseValue}</span>\n        </a>\n      )\n    }\n    if (!baseValue.length) {\n      return (\n        <p className={variant === 'plain' ? 'text-base text-muted-foreground' : 'text-sm text-muted-foreground'}>\n          {emptyLabel}\n        </p>\n      )\n    }\n    if (resolvedType === 'tel') {\n      const sanitizedValue = baseValue.replace(/[^+\\d]/g, '')\n      const hrefValue = sanitizedValue.length ? sanitizedValue : baseValue\n      return (\n        <a className={anchorClass} href={`tel:${hrefValue}`}>\n          <Phone aria-hidden className={variant === 'plain' ? 'h-5 w-5' : 'h-4 w-4'} />\n          <span className=\"truncate\">{baseValue}</span>\n        </a>\n      )\n    }\n    if (resolvedType === 'url') {\n      const safeHref = resolveSafeInlineUrlHref(baseValue)\n      if (!safeHref) {\n        return <p className={textClass}>{baseValue}</p>\n      }\n      return (\n        <a className={textClass} href={safeHref} target=\"_blank\" rel=\"noopener noreferrer\">\n          {baseValue}\n        </a>\n      )\n    }\n    return <p className={textClass}>{baseValue}</p>\n  }, [emptyLabel, renderDisplay, resolvedType, value, variant])\n\n  const editingContainerClass = variant === 'plain' ? 'mt-0 w-full max-w-sm space-y-3' : 'mt-2 space-y-3'\n\n  return (\n    <div className={containerClasses} onClick={handleInteractiveClick}>\n      <div className=\"flex items-start justify-between gap-2 min-w-0\">\n        <div className={readOnlyWrapperClasses} {...interactiveProps}>\n          {hideLabel ? null : <p className=\"text-xs uppercase tracking-wide text-muted-foreground\">{label}</p>}\n          {editing ? (\n            <form\n              className={editingContainerClass}\n              onSubmit={(event) => {\n                event.preventDefault()\n                if (!saving) void handleSave()\n              }}\n              onKeyDown={(event) => {\n                if (event.key === 'Escape') {\n                  event.preventDefault()\n                  setEditingSafe(false)\n                  setError(null)\n                  return\n                }\n                if (event.key === 'Enter' && (event.metaKey || event.ctrlKey)) {\n                  event.preventDefault()\n                  if (!saving) void handleSave()\n                }\n              }}\n            >\n              {(() => {\n                const lowerType = (inputType ?? resolvedType ?? '').toLowerCase()\n                const isDate = lowerType === 'date'\n                const isDateTime = lowerType === 'datetime-local' || lowerType === 'datetime'\n                if (resolvedType === 'tel') {\n                  return (\n                    <PhoneNumberField\n                      value={draft.length ? draft : undefined}\n                      onValueChange={(next) => {\n                        if (error) setError(null)\n                        setDraft(next ?? '')\n                      }}\n                      placeholder={placeholder}\n                      autoFocus\n                      disabled={saving}\n                      minDigits={7}\n                    />\n                  )\n                }\n                if (isDate || isDateTime) {\n                  let parsed: Date | null = null\n                  if (draft && draft.length) {\n                    const candidate = new Date(draft)\n                    if (!Number.isNaN(candidate.getTime())) parsed = candidate\n                  }\n                  return (\n                    <DatePicker\n                      value={parsed}\n                      onChange={(date) => {\n                        if (error) setError(null)\n                        const formatted = !date\n                          ? ''\n                          : isDateTime\n                            ? format(date, \"yyyy-MM-dd'T'HH:mm\")\n                            : format(date, 'yyyy-MM-dd')\n                        setDraft(formatted)\n                        setSaving(true)\n                        ;(async () => {\n                          try {\n                            await onSave(formatted.length ? formatted : null)\n                            setEditingSafe(false)\n                          } catch (err) {\n                            setError(resolveInlineErrorMessage(err, fallbackError))\n                          } finally {\n                            setSaving(false)\n                          }\n                        })()\n                      }}\n                      withTime={isDateTime}\n                      footer=\"apply-cancel\"\n                      placeholder={placeholder}\n                      disabled={saving}\n                    />\n                  )\n                }\n                return (\n                  <input\n                    className=\"w-full rounded-md border px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n                    value={draft}\n                    onChange={(event) => {\n                      if (error) setError(null)\n                      setDraft(event.target.value)\n                    }}\n                    placeholder={placeholder}\n                    type={inputType ?? resolvedType}\n                    autoFocus\n                  />\n                )\n              })()}\n              {error ? <p className=\"text-xs text-destructive\">{error}</p> : null}\n              {renderBelowInput ? renderBelowInput({ draft, resolvedType, error, saving }) : null}\n              {(() => {\n                const lowerType = (inputType ?? resolvedType ?? '').toLowerCase()\n                const isDateLike = lowerType === 'date' || lowerType === 'datetime-local' || lowerType === 'datetime'\n                if (isDateLike) return null\n                return (\n              <div className=\"flex items-center gap-2\">\n                <Button type=\"submit\" size=\"sm\" disabled={saving}>\n                  {saving ? <Loader2 className=\"mr-2 h-3.5 w-3.5 animate-spin\" /> : null}\n                  {computedSaveLabel}\n                </Button>\n                <Button type=\"button\" size=\"sm\" variant=\"ghost\" onClick={() => setEditingSafe(false)} disabled={saving}>\n                  {t('ui.detail.inline.cancel', 'Cancel')}\n                </Button>\n              </div>\n                )\n              })()}\n            </form>\n          ) : (\n            <div className={variant === 'plain' ? '' : 'mt-1'}>{displayContent}</div>\n          )}\n        </div>\n        {renderActions ? <div className=\"flex items-center gap-2\">{renderActions}</div> : null}\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size={triggerSize}\n          className={triggerClasses}\n          onClick={(event) => {\n            event.stopPropagation()\n            const next = !editing\n            setEditingSafe(next)\n          }}\n        >\n          {editing ? <X className=\"h-4 w-4\" /> : <Pencil className=\"h-4 w-4\" />}\n        </Button>\n      </div>\n    </div>\n  )\n}\n\nexport type InlineMultilineEditorProps = {\n  label: string\n  value: string | null | undefined\n  placeholder?: string\n  emptyLabel: string\n  onSave: (value: string | null) => Promise<void>\n  validator?: (value: string) => string | null\n  variant?: EditorVariant\n  activateOnClick?: boolean\n  containerClassName?: string\n  triggerClassName?: string\n  renderDisplay?: (params: { value: string | null | undefined; emptyLabel: string }) => React.ReactNode\n}\n\nconst isTestEnv =\n  typeof process !== 'undefined' &&\n  (process.env.NODE_ENV === 'test' || typeof process.env.JEST_WORKER_ID !== 'undefined')\n\nlet markdownPluginsPromise: Promise<PluggableList> | null = null\n\nasync function loadMarkdownPlugins(): Promise<PluggableList> {\n  if (isTestEnv) return []\n  if (!markdownPluginsPromise) {\n    markdownPluginsPromise = import('remark-gfm')\n      .then((mod) => [mod.default ?? mod] as PluggableList)\n      .catch(() => [])\n  }\n  return markdownPluginsPromise\n}\n\nexport function InlineMultilineEditor({\n  label,\n  value,\n  placeholder,\n  emptyLabel,\n  onSave,\n  validator,\n  variant = 'default',\n  activateOnClick = true,\n  containerClassName,\n  triggerClassName,\n  renderDisplay,\n}: InlineMultilineEditorProps) {\n  const t = useT()\n  const [editing, setEditing] = React.useState(false)\n  const [draft, setDraft] = React.useState(value ?? '')\n  const [error, setError] = React.useState<string | null>(null)\n  const [saving, setSaving] = React.useState(false)\n  const [isMarkdownEnabled, setIsMarkdownEnabled] = React.useState(true)\n  const textareaRef = React.useRef<HTMLTextAreaElement | null>(null)\n  const [markdownPlugins, setMarkdownPlugins] = React.useState<PluggableList>([])\n  const fallbackError = React.useMemo(\n    () => t('ui.detail.inline.error', 'Failed to save value.'),\n    [t],\n  )\n  React.useEffect(() => {\n    if (isTestEnv) return\n    let mounted = true\n    void loadMarkdownPlugins().then((plugins) => {\n      if (!mounted) return\n      setMarkdownPlugins(plugins)\n    })\n    return () => {\n      mounted = false\n    }\n  }, [])\n\n  const adjustTextareaSize = React.useCallback((element: HTMLTextAreaElement | null) => {\n    if (!element) return\n    element.style.height = 'auto'\n    element.style.height = `${element.scrollHeight}px`\n  }, [])\n\n  React.useEffect(() => {\n    adjustTextareaSize(textareaRef.current)\n  }, [adjustTextareaSize, draft, isMarkdownEnabled])\n\n  React.useEffect(() => {\n    if (!editing) return\n    const element = textareaRef.current\n    if (!element) return\n    window.requestAnimationFrame(() => {\n      adjustTextareaSize(element)\n      element.focus()\n    })\n  }, [adjustTextareaSize, editing, isMarkdownEnabled])\n\n  const handleMarkdownToggle = React.useCallback(() => {\n    setIsMarkdownEnabled((prev) => !prev)\n  }, [])\n\n  React.useEffect(() => {\n    if (!editing) {\n      setDraft(value ?? '')\n      setError(null)\n    }\n  }, [editing, value])\n\n  const handleActivate = React.useCallback(() => {\n    if (!editing) setEditing(true)\n  }, [editing])\n\n  const handleInteractiveClick = React.useCallback(\n    (event: React.MouseEvent<HTMLDivElement>) => {\n      if (!activateOnClick || editing) return\n      const target = event.target as HTMLElement\n      const interactiveElement = target.closest('button, input, select, textarea, a, [role=\"link\"]')\n      if (interactiveElement) {\n        if (interactiveElement.tagName.toLowerCase() === 'a') {\n          if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) {\n            return\n          }\n          event.preventDefault()\n          // Links should not block activation; let the click toggle edit mode\n        } else {\n          return\n        }\n      }\n      handleActivate()\n    },\n    [activateOnClick, editing, handleActivate],\n  )\n\n  const handleContainerKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (!activateOnClick || editing) return\n      if (event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault()\n        handleActivate()\n      }\n    },\n    [activateOnClick, editing, handleActivate],\n  )\n\n  const adjustError = React.useCallback(\n    (nextValue: string) => {\n      if (!validator) return null\n      const trimmed = nextValue.trim()\n      return validator(trimmed)\n    },\n    [validator],\n  )\n\n  const containerClasses = cn(\n    'group rounded-lg border p-4',\n    variant === 'muted' ? 'bg-muted/30' : null,\n    activateOnClick && !editing ? 'cursor-pointer' : null,\n    containerClassName ?? null,\n  )\n  const triggerClasses = cn(\n    'transition-opacity duration-150',\n    editing\n      ? 'opacity-100'\n      : 'opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 focus-visible:opacity-100',\n    triggerClassName ?? null,\n  )\n\n  const handleSave = React.useCallback(async () => {\n    const trimmed = draft.trim()\n    const validationError = adjustError(draft)\n    if (validationError) {\n      setError(validationError)\n      return\n    }\n    setSaving(true)\n    try {\n      await onSave(trimmed.length ? trimmed : null)\n      setEditing(false)\n    } catch (err) {\n      setError(resolveInlineErrorMessage(err, fallbackError))\n    } finally {\n      setSaving(false)\n    }\n  }, [adjustError, draft, fallbackError, onSave])\n\n  return (\n    <div className={containerClasses} onClick={handleInteractiveClick}>\n      <div className=\"flex items-start justify-between gap-2\">\n        <div\n          className={cn('flex-1 min-w-0', activateOnClick && !editing ? 'cursor-pointer' : null)}\n          {...(activateOnClick && !editing\n            ? { role: 'button' as const, tabIndex: 0, onKeyDown: handleContainerKeyDown }\n            : {})}\n        >\n          <p className=\"text-xs uppercase tracking-wide text-muted-foreground\">{label}</p>\n          {editing ? (\n            <form\n              className=\"mt-2 space-y-3\"\n              onSubmit={(event) => {\n                event.preventDefault()\n                if (!saving) void handleSave()\n              }}\n              onKeyDown={(event) => {\n                if (event.key === 'Escape') {\n                  event.preventDefault()\n                  setEditing(false)\n                  setError(null)\n                  return\n                }\n                if (event.key === 'Enter' && (event.metaKey || event.ctrlKey)) {\n                  event.preventDefault()\n                  if (!saving) void handleSave()\n                }\n              }}\n            >\n              <Textarea\n                ref={textareaRef}\n                rows={isMarkdownEnabled ? 8 : 3}\n                className=\"w-full resize-none overflow-hidden rounded-md border px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n                placeholder={placeholder}\n                value={draft}\n                onChange={(event) => {\n                  if (error) setError(null)\n                  setDraft(event.target.value)\n                }}\n                onInput={(event) => adjustTextareaSize(event.currentTarget)}\n                autoFocus\n                disabled={saving}\n              />\n              {error ? <p className=\"text-xs text-destructive\">{error}</p> : null}\n              <div className=\"flex items-center gap-2\">\n                <Button type=\"submit\" size=\"sm\" disabled={saving}>\n                  {saving ? <Loader2 className=\"mr-2 h-3.5 w-3.5 animate-spin\" /> : null}\n                  {t('ui.detail.inline.saveShortcut', 'Save \u2318\u23CE / Ctrl+Enter')}\n                </Button>\n                <Button type=\"button\" size=\"sm\" variant=\"ghost\" onClick={() => setEditing(false)} disabled={saving}>\n                  {t('ui.detail.inline.cancel', 'Cancel')}\n                </Button>\n                <Button\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"icon\"\n                  onClick={handleMarkdownToggle}\n                  aria-pressed={isMarkdownEnabled}\n                  title={\n                    isMarkdownEnabled\n                      ? t('ui.detail.inline.markdownDisable', 'Disable Markdown')\n                      : t('ui.detail.inline.markdownEnable', 'Enable Markdown')\n                  }\n                  aria-label={\n                    isMarkdownEnabled\n                      ? t('ui.detail.inline.markdownDisable', 'Disable Markdown')\n                      : t('ui.detail.inline.markdownEnable', 'Enable Markdown')\n                  }\n                  className={cn('h-8 w-8', isMarkdownEnabled ? 'text-primary' : undefined)}\n                  disabled={saving}\n                >\n                  <FileCode className=\"h-4 w-4\" aria-hidden />\n                  <span className=\"sr-only\">\n                    {isMarkdownEnabled\n                      ? t('ui.detail.inline.markdownDisable', 'Disable Markdown')\n                      : t('ui.detail.inline.markdownEnable', 'Enable Markdown')}\n                  </span>\n                </Button>\n              </div>\n            </form>\n          ) : (\n            <div\n              className={cn(\n                'mt-1 text-sm break-words',\n                renderDisplay ? null : 'whitespace-pre-wrap',\n                activateOnClick && !editing ? 'cursor-pointer' : null,\n              )}\n            >\n              {renderDisplay ? (\n                renderDisplay({ value, emptyLabel })\n              ) : value && value.length ? (\n                <MarkdownPreview\n                  remarkPlugins={markdownPlugins}\n                  className=\"prose prose-sm max-w-none text-foreground [&>*]:my-2 [&>*:last-child]:mb-0 [&_pre]:rounded-md [&_pre]:bg-muted [&_pre]:p-3 [&_code]:rounded [&_code]:bg-muted [&_code]:px-1 [&_code]:py-0.5\"\n                >\n                  {value}\n                </MarkdownPreview>\n              ) : (\n                <span className=\"text-muted-foreground\">{emptyLabel}</span>\n              )}\n            </div>\n          )}\n        </div>\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"sm\"\n          className={triggerClasses}\n          onClick={(event) => {\n            event.stopPropagation()\n            setEditing((state) => !state)\n          }}\n        >\n          {editing ? <X className=\"h-4 w-4\" /> : <Pencil className=\"h-4 w-4\" />}\n        </Button>\n      </div>\n    </div>\n  )\n}\n\nexport type InlineSelectOption = { value: string; label: string; description?: string }\n\nexport type InlineSelectEditorProps = {\n  label: string\n  value: string | null | undefined\n  emptyLabel: string\n  options: InlineSelectOption[]\n  onSave: (value: string | null) => Promise<void>\n  variant?: EditorVariant\n  activateOnClick?: boolean\n  containerClassName?: string\n  triggerClassName?: string\n  hideLabel?: boolean\n  renderEditor?: (params: { value: string; onChange: (next: string) => void }) => React.ReactNode\n  renderDisplay?: (params: { value: string | null | undefined; emptyLabel: string }) => React.ReactNode\n}\n\nexport function InlineSelectEditor({\n  label,\n  value,\n  emptyLabel,\n  options,\n  onSave,\n  variant = 'default',\n  activateOnClick = false,\n  containerClassName,\n  triggerClassName,\n  hideLabel = false,\n  renderEditor,\n  renderDisplay,\n}: InlineSelectEditorProps) {\n  const t = useT()\n  const [editing, setEditing] = React.useState(false)\n  const [draft, setDraft] = React.useState<string>(value ?? '')\n  const [saving, setSaving] = React.useState(false)\n\n  React.useEffect(() => {\n    if (!editing) setDraft(value ?? '')\n  }, [editing, value])\n\n  const containerClasses = cn(\n    'group',\n    variant === 'muted'\n      ? 'relative rounded border bg-muted/30 p-3'\n      : variant === 'plain'\n        ? 'relative flex flex-col gap-1 rounded-none border-0 p-0'\n        : 'rounded-lg border bg-card p-4',\n    activateOnClick && !editing ? 'cursor-pointer' : null,\n    containerClassName ?? null,\n  )\n  const triggerClasses = cn(\n    'shrink-0 transition-opacity duration-150',\n    editing\n      ? 'opacity-100'\n      : 'opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 focus-visible:opacity-100',\n    variant === 'muted' ? 'h-8 w-8' : null,\n    triggerClassName ?? null,\n  )\n\n  const handleSave = React.useCallback(async () => {\n    setSaving(true)\n    try {\n      await onSave(draft.length ? draft : null)\n      setEditing(false)\n    } catch (err) {\n      const message = err instanceof Error ? err.message : t('ui.detail.inline.error', 'Failed to save value.')\n      console.error(message, err)\n    } finally {\n      setSaving(false)\n    }\n  }, [draft, onSave, t])\n\n  const selected = options.find((option) => option.value === value)\n\n  const interactiveProps: React.HTMLAttributes<HTMLDivElement> =\n    activateOnClick && !editing\n      ? {\n          role: 'button' as const,\n          tabIndex: 0,\n          onClick: () => setEditing(true),\n          onKeyDown: (event) => {\n            if (event.key === 'Enter' || event.key === ' ') {\n              event.preventDefault()\n              setEditing(true)\n            }\n          },\n        }\n      : {}\n\n  return (\n    <div className={containerClasses}>\n      <div className=\"flex items-start justify-between gap-2\">\n        <div className=\"flex-1 min-w-0\" {...interactiveProps}>\n          {hideLabel ? null : <p className=\"text-xs uppercase tracking-wide text-muted-foreground\">{label}</p>}\n          {editing ? (\n            <div className={variant === 'plain' ? 'space-y-2 pt-1' : 'mt-2 space-y-2'}>\n              {renderEditor ? (\n                renderEditor({ value: draft, onChange: setDraft })\n              ) : (\n                <Select\n                  value={draft || undefined}\n                  onValueChange={(next) => setDraft(next ?? '')}\n                >\n                  <SelectTrigger>\n                    <SelectValue placeholder={t('ui.detail.inline.select.placeholder', 'Not set')} />\n                  </SelectTrigger>\n                  <SelectContent>\n                    {options.map((option) => (\n                      <SelectItem key={option.value} value={option.value}>\n                        {option.label}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n              )}\n              <div className=\"flex items-center gap-2\">\n                <Button type=\"button\" size=\"sm\" onClick={() => void handleSave()} disabled={saving}>\n                  {saving ? <Loader2 className=\"mr-2 h-3.5 w-3.5 animate-spin\" /> : null}\n                  {t('ui.detail.inline.saveShortcut', 'Save \u2318\u23CE / Ctrl+Enter')}\n                </Button>\n                <Button type=\"button\" size=\"sm\" variant=\"ghost\" onClick={() => setEditing(false)} disabled={saving}>\n                  {t('ui.detail.inline.cancel', 'Cancel')}\n                </Button>\n              </div>\n            </div>\n          ) : (\n            <div className={variant === 'plain' ? 'flex items-center gap-2' : 'mt-1 text-sm'}>\n              {renderDisplay ? (\n                renderDisplay({ value, emptyLabel })\n              ) : selected ? (\n                <div className=\"space-y-0.5\">\n                  <p className=\"font-medium leading-tight\">{selected.label}</p>\n                  {selected.description ? (\n                    <p className=\"text-xs text-muted-foreground\">{selected.description}</p>\n                  ) : null}\n                </div>\n              ) : (\n                <span className=\"text-muted-foreground\">{emptyLabel}</span>\n              )}\n            </div>\n          )}\n        </div>\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size={variant === 'plain' ? 'icon' : 'sm'}\n          className={triggerClasses}\n          onClick={(event) => {\n            event.stopPropagation()\n            setEditing((state) => !state)\n          }}\n        >\n          {editing ? <X className=\"h-4 w-4\" /> : <Pencil className=\"h-4 w-4\" />}\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
 }

package/dist/backend/detail/RecordNotFoundState.js

@@ -1,8 +1,10 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import Link from "next/link";
+import { SearchX } from "lucide-react";
 import { Button } from "@open-mercato/ui/primitives/button";
-import { ErrorMessage } from "./ErrorMessage.js";
+import { EmptyState } from "@open-mercato/ui/primitives/empty-state";
+import { formatErrorMessageLabel } from "./ErrorMessage.js";
 import { cn } from "@open-mercato/shared/lib/utils";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 function RecordNotFoundState({
@@ -11,6 +13,7 @@ function RecordNotFoundState({
   backHref,
   backLabel,
   action,
+  icon,
   className
 }) {
   const t = useT();
@@ -23,11 +26,13 @@ function RecordNotFoundState({
         className
       ),
       children: /* @__PURE__ */ jsx(
-        ErrorMessage,
+        EmptyState,
         {
-          label,
-          description,
-          action: action ?? defaultAction
+          variant: "subtle",
+          icon: icon ?? /* @__PURE__ */ jsx(SearchX, { className: "h-6 w-6", "aria-hidden": true }),
+          title: formatErrorMessageLabel(label),
+          description: description ? formatErrorMessageLabel(description) : void 0,
+          actions: action ?? defaultAction
         }
       )
     }

package/dist/backend/detail/RecordNotFoundState.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/backend/detail/RecordNotFoundState.tsx"],
-  "sourcesContent": ["\"use client\";\n\nimport * as React from \"react\";\nimport Link from \"next/link\";\nimport { Button } from \"@open-mercato/ui/primitives/button\";\nimport { ErrorMessage } from \"./ErrorMessage\";\nimport { cn } from \"@open-mercato/shared/lib/utils\";\nimport { useT } from \"@open-mercato/shared/lib/i18n/context\";\n\nexport type RecordNotFoundStateProps = {\n  label: string;\n  description?: string;\n  backHref?: string;\n  backLabel?: string;\n  action?: React.ReactNode;\n  className?: string;\n};\n\nexport function RecordNotFoundState({\n  label,\n  description,\n  backHref,\n  backLabel,\n  action,\n  className,\n}: RecordNotFoundStateProps) {\n  const t = useT();\n  const defaultAction = backHref ? (\n    <Button asChild variant=\"outline\" size=\"sm\">\n      <Link href={backHref}>{backLabel ?? t('ui.recordNotFound.backToList','Back to list')}</Link>\n    </Button>\n  ) : null;\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-col items-center justify-center min-h-[50vh] px-4\",\n        className,\n      )}\n    >\n      <ErrorMessage\n        label={label}\n        description={description}\n        action={action ?? defaultAction}\n      />\n    </div>\n  );\n}\n"],
-  "mappings": ";AA6BM;AA1BN,OAAO,UAAU;AACjB,SAAS,cAAc;AACvB,SAAS,oBAAoB;AAC7B,SAAS,UAAU;AACnB,SAAS,YAAY;AAWd,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA6B;AAC3B,QAAM,IAAI,KAAK;AACf,QAAM,gBAAgB,WACpB,oBAAC,UAAO,SAAO,MAAC,SAAQ,WAAU,MAAK,MACrC,8BAAC,QAAK,MAAM,UAAW,uBAAa,EAAE,gCAA+B,cAAc,GAAE,GACvF,IACE;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,QAAQ,UAAU;AAAA;AAAA,MACpB;AAAA;AAAA,EACF;AAEJ;",
+  "sourcesContent": ["\"use client\";\n\nimport * as React from \"react\";\nimport Link from \"next/link\";\nimport { SearchX } from \"lucide-react\";\nimport { Button } from \"@open-mercato/ui/primitives/button\";\nimport { EmptyState } from \"@open-mercato/ui/primitives/empty-state\";\nimport { formatErrorMessageLabel } from \"./ErrorMessage\";\nimport { cn } from \"@open-mercato/shared/lib/utils\";\nimport { useT } from \"@open-mercato/shared/lib/i18n/context\";\n\nexport type RecordNotFoundStateProps = {\n  label: string;\n  description?: string;\n  backHref?: string;\n  backLabel?: string;\n  action?: React.ReactNode;\n  /** Optional leading icon. Defaults to a neutral \"search / not found\" glyph. */\n  icon?: React.ReactNode;\n  className?: string;\n};\n\nexport function RecordNotFoundState({\n  label,\n  description,\n  backHref,\n  backLabel,\n  action,\n  icon,\n  className,\n}: RecordNotFoundStateProps) {\n  const t = useT();\n  const defaultAction = backHref ? (\n    <Button asChild variant=\"outline\" size=\"sm\">\n      <Link href={backHref}>{backLabel ?? t('ui.recordNotFound.backToList', 'Back to list')}</Link>\n    </Button>\n  ) : null;\n\n  return (\n    <div\n      className={cn(\n        \"flex flex-col items-center justify-center min-h-[50vh] px-4\",\n        className,\n      )}\n    >\n      <EmptyState\n        variant=\"subtle\"\n        icon={icon ?? <SearchX className=\"h-6 w-6\" aria-hidden />}\n        title={formatErrorMessageLabel(label)}\n        description={description ? formatErrorMessageLabel(description) : undefined}\n        actions={action ?? defaultAction}\n      />\n    </div>\n  );\n}\n"],
+  "mappings": ";AAkCM;AA/BN,OAAO,UAAU;AACjB,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,+BAA+B;AACxC,SAAS,UAAU;AACnB,SAAS,YAAY;AAad,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA6B;AAC3B,QAAM,IAAI,KAAK;AACf,QAAM,gBAAgB,WACpB,oBAAC,UAAO,SAAO,MAAC,SAAQ,WAAU,MAAK,MACrC,8BAAC,QAAK,MAAM,UAAW,uBAAa,EAAE,gCAAgC,cAAc,GAAE,GACxF,IACE;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,MAAM,QAAQ,oBAAC,WAAQ,WAAU,WAAU,eAAW,MAAC;AAAA,UACvD,OAAO,wBAAwB,KAAK;AAAA,UACpC,aAAa,cAAc,wBAAwB,WAAW,IAAI;AAAA,UAClE,SAAS,UAAU;AAAA;AAAA,MACrB;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

package/dist/backend/filters/AdvancedFilterPanel.js

@@ -208,6 +208,20 @@ function AdvancedFilterPanel(props) {
     props.onChange(tree);
     props.onOpenChange(false);
   };
+  const { onFlush, onOpenChange, open } = props;
+  React.useEffect(() => {
+    if (!open || pickerOpen || saveDialogOpen) return;
+    const closeOnEscape = (event) => {
+      if (event.key !== "Escape") return;
+      if (typeof document !== "undefined" && document.querySelector('[role="combobox"][aria-expanded="true"]')) {
+        return;
+      }
+      onOpenChange(false);
+      onFlush?.();
+    };
+    window.addEventListener("keydown", closeOnEscape);
+    return () => window.removeEventListener("keydown", closeOnEscape);
+  }, [onFlush, onOpenChange, open, pickerOpen, saveDialogOpen]);
   React.useEffect(() => {
     if (!savedFilterStorageKey) {
       setSavedFilters([]);

package/dist/backend/filters/AdvancedFilterPanel.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/backend/filters/AdvancedFilterPanel.tsx"],
-  "sourcesContent": ["'use client'\nimport * as React from 'react'\nimport { Popover, PopoverAnchor, PopoverContent } from '../../primitives/popover'\nimport { VisuallyHidden } from '@radix-ui/react-visually-hidden'\nimport { Alert, AlertDescription } from '../../primitives/alert'\nimport { Button } from '../../primitives/button'\nimport { Input } from '../../primitives/input'\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '../../primitives/dialog'\nimport { Filter, Save, Trash2 } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport {\n  deserializeTreeFromPersist,\n  isPersistedFilterTree,\n  serializeTreeForPersist,\n  type AdvancedFilterTree,\n  type PersistedFilterTree,\n} from '@open-mercato/shared/lib/query/advanced-filter-tree'\nimport type { FilterFieldDef } from '@open-mercato/shared/lib/query/advanced-filter'\nimport { getDefaultOperator } from '@open-mercato/shared/lib/query/advanced-filter'\nimport type { ValidationError } from './filterValidation'\nimport { AdvancedFilterBuilder } from './AdvancedFilterBuilder'\nimport { FilterEmptyState } from './FilterEmptyState'\nimport { QuickFilters, type FilterPreset } from './QuickFilters'\nimport { FilterFieldPicker } from './FilterFieldPicker'\nimport { treeReducer } from './treeReducer'\nimport { flash } from '../FlashMessages'\n\nexport type AdvancedFilterPanelProps = {\n  fields: FilterFieldDef[]\n  value: AdvancedFilterTree\n  onChange: (t: AdvancedFilterTree) => void\n  onApply: () => void\n  onClear: () => void\n  onFlush?: () => void\n  pendingErrors: ValidationError[]\n  userId: string\n  presets: FilterPreset[]\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  triggerRef?: React.RefObject<HTMLElement | null>\n  aiSlot?: React.ReactNode\n  savedFilterStorageKey?: string\n}\n\ntype SavedAdvancedFilter = {\n  id: string\n  name: string\n  tree: PersistedFilterTree\n  createdAt: string\n  updatedAt: string\n}\n\n/**\n * Versioned envelope for saved-filter records in localStorage. The `v` discriminator\n * lets future schema changes (rename fields, retention policy, sharing flags) migrate\n * existing records instead of silently dropping them. Bump `v` when adding a breaking\n * change and add a read-old migration branch in `readSavedFilters`.\n */\ntype SavedFiltersEnvelopeV1 = {\n  v: 1\n  filters: SavedAdvancedFilter[]\n}\n\nconst SAVED_FILTER_STORAGE_PREFIX = 'open-mercato:advanced-filters:'\nconst MAX_SAVED_FILTERS = 20\nconst CURRENT_SAVED_FILTERS_VERSION = 1 as const\n\nfunction makeSavedFilterStorageKey(key?: string): string | null {\n  const trimmed = key?.trim()\n  return trimmed ? `${SAVED_FILTER_STORAGE_PREFIX}${trimmed}` : null\n}\n\nfunction isSavedAdvancedFilter(value: unknown): value is SavedAdvancedFilter {\n  if (!value || typeof value !== 'object') return false\n  const record = value as Record<string, unknown>\n  return (\n    typeof record.id === 'string'\n    && typeof record.name === 'string'\n    && typeof record.createdAt === 'string'\n    && typeof record.updatedAt === 'string'\n    && isPersistedFilterTree(record.tree)\n  )\n}\n\nfunction readSavedFilters(storageKey: string): SavedAdvancedFilter[] {\n  if (typeof window === 'undefined') return []\n  try {\n    const raw = window.localStorage.getItem(storageKey)\n    if (!raw) return []\n    const parsed = JSON.parse(raw)\n    // v1 envelope (current shape).\n    if (parsed && typeof parsed === 'object' && !Array.isArray(parsed)) {\n      const envelope = parsed as { v?: unknown; filters?: unknown }\n      if (envelope.v === 1 && Array.isArray(envelope.filters)) {\n        return envelope.filters.filter(isSavedAdvancedFilter)\n      }\n    }\n    // Pre-envelope shape (bare array) \u2014 migrate forward on next write.\n    if (Array.isArray(parsed)) {\n      return parsed.filter(isSavedAdvancedFilter)\n    }\n    return []\n  } catch {\n    return []\n  }\n}\n\nfunction writeSavedFilters(storageKey: string, filters: SavedAdvancedFilter[]) {\n  if (typeof window === 'undefined') return\n  const envelope: SavedFiltersEnvelopeV1 = { v: CURRENT_SAVED_FILTERS_VERSION, filters }\n  window.localStorage.setItem(storageKey, JSON.stringify(envelope))\n}\n\nfunction SaveFilterDialog({\n  open,\n  onOpenChange,\n  onSave,\n  t,\n}: {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  onSave: (name: string) => Promise<void>\n  t: (key: string, fallback: string) => string\n}) {\n  const [name, setName] = React.useState('')\n  const [saving, setSaving] = React.useState(false)\n  const [error, setError] = React.useState<string | null>(null)\n  const trimmed = name.trim()\n\n  React.useEffect(() => {\n    if (!open) {\n      setName('')\n      setSaving(false)\n      setError(null)\n    }\n  }, [open])\n\n  const submit = React.useCallback(async () => {\n    if (!trimmed || saving) return\n    setSaving(true)\n    setError(null)\n    try {\n      await onSave(trimmed)\n      onOpenChange(false)\n    } catch (err: unknown) {\n      setError(err instanceof Error ? err.message : t('ui.advancedFilter.saveFilter.error', 'Failed to save filter'))\n    } finally {\n      setSaving(false)\n    }\n  }, [onSave, onOpenChange, saving, t, trimmed])\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      {/* `elevated` lifts this dialog above the popover (z-popover=45) \u2014 at default\n          z-modal=40 the dialog is occluded by the popover that opens it. */}\n      <DialogContent elevated className=\"sm:max-w-md\" data-advanced-filter-portal>\n        <form\n          className=\"contents\"\n          onSubmit={(event) => {\n            event.preventDefault()\n            void submit()\n          }}\n        >\n          <DialogHeader>\n            <DialogTitle>{t('ui.advancedFilter.saveFilter.title', 'Save filter')}</DialogTitle>\n            <DialogDescription>\n              {t('ui.advancedFilter.saveFilter.description', 'Name this filter so you can reuse the current conditions later.')}\n            </DialogDescription>\n          </DialogHeader>\n          <div className=\"space-y-2\">\n            <Input\n              value={name}\n              onChange={(event) => setName(event.target.value)}\n              placeholder={t('ui.advancedFilter.saveFilter.placeholder', 'Filter name')}\n              aria-label={t('ui.advancedFilter.saveFilter.nameAriaLabel', 'Filter name')}\n              autoFocus\n            />\n            {error ? <p className=\"text-sm text-status-error-text\">{error}</p> : null}\n          </div>\n          <DialogFooter>\n            <Button type=\"button\" variant=\"outline\" onClick={() => onOpenChange(false)}>\n              {t('common.cancel', 'Cancel')}\n            </Button>\n            <Button type=\"submit\" disabled={!trimmed || saving}>\n              {saving ? t('ui.advancedFilter.saveFilter.saving', 'Saving...') : t('ui.advancedFilter.saveFilter.submit', 'Save filter')}\n            </Button>\n          </DialogFooter>\n        </form>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nfunction SavedFiltersSection({\n  filters,\n  canSaveCurrent,\n  onSaveClick,\n  onApply,\n  onDelete,\n  t,\n}: {\n  filters: SavedAdvancedFilter[]\n  canSaveCurrent: boolean\n  onSaveClick: () => void\n  onApply: (filter: SavedAdvancedFilter) => void\n  onDelete: (filterId: string) => void\n  t: (key: string, fallback: string) => string\n}) {\n  if (!canSaveCurrent && filters.length === 0) return null\n  return (\n    <div className=\"flex flex-col gap-2\" data-testid=\"advanced-filter-saved-filters\">\n      <div className=\"flex items-center justify-between gap-3\">\n        <div className=\"text-overline font-medium uppercase tracking-widest text-muted-foreground\">\n          {t('ui.advancedFilter.savedFilters.heading', 'Saved filters')}\n        </div>\n        {canSaveCurrent ? (\n          <Button\n            data-testid=\"advanced-filter-save-trigger\"\n            type=\"button\"\n            variant=\"outline\"\n            size=\"sm\"\n            className=\"h-8 rounded-full gap-1.5\"\n            onClick={onSaveClick}\n          >\n            <Save className=\"size-3.5 text-muted-foreground\" />\n            {t('ui.advancedFilter.saveFilter.button', 'Save filter')}\n          </Button>\n        ) : null}\n      </div>\n      {filters.length ? (\n        <div className=\"flex flex-wrap gap-2\">\n          {filters.map((filter) => (\n            <div key={filter.id} className=\"inline-flex max-w-full items-center overflow-hidden rounded-full border border-border bg-background\">\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                className=\"h-8 min-w-0 rounded-r-none px-3 gap-1.5\"\n                title={filter.name}\n                onClick={() => onApply(filter)}\n              >\n                <Filter className=\"size-3.5 shrink-0 text-muted-foreground\" />\n                <span className=\"truncate\">{filter.name}</span>\n              </Button>\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                className=\"h-8 w-8 rounded-l-none px-0 text-muted-foreground hover:text-status-error-text\"\n                aria-label={`${t('ui.advancedFilter.savedFilters.delete', 'Delete saved filter')}: ${filter.name}`}\n                onClick={() => onDelete(filter.id)}\n              >\n                <Trash2 className=\"size-3.5\" />\n              </Button>\n            </div>\n          ))}\n        </div>\n      ) : (\n        <p className=\"text-xs text-muted-foreground\">\n          {t('ui.advancedFilter.savedFilters.empty', 'No saved filters yet')}\n        </p>\n      )}\n    </div>\n  )\n}\n\nexport function AdvancedFilterPanel(props: AdvancedFilterPanelProps) {\n  const t = useT()\n  const empty = props.value.root.children.length === 0\n  const [pickerOpen, setPickerOpen] = React.useState(false)\n  const [saveDialogOpen, setSaveDialogOpen] = React.useState(false)\n  const [savedFilters, setSavedFilters] = React.useState<SavedAdvancedFilter[]>([])\n  const addConditionRef = React.useRef<HTMLButtonElement>(null)\n  const savedFilterStorageKey = React.useMemo(\n    () => makeSavedFilterStorageKey(props.savedFilterStorageKey),\n    [props.savedFilterStorageKey],\n  )\n\n  // Flush on close \u2014 the hook's useEffect on close also flushes; this is belt-and-suspenders.\n  const wasOpenRef = React.useRef(props.open)\n  React.useEffect(() => {\n    if (wasOpenRef.current && !props.open && props.onFlush) props.onFlush()\n    wasOpenRef.current = props.open\n  }, [props.open, props.onFlush])\n\n  const handlePresetApply = (tree: AdvancedFilterTree) => {\n    props.onChange(tree)\n    props.onOpenChange(false)\n  }\n\n  React.useEffect(() => {\n    if (!savedFilterStorageKey) {\n      setSavedFilters([])\n      return\n    }\n    if (props.open) {\n      setSavedFilters(readSavedFilters(savedFilterStorageKey))\n    }\n  }, [props.open, savedFilterStorageKey])\n\n  const persistSavedFilters = React.useCallback((next: SavedAdvancedFilter[]) => {\n    if (!savedFilterStorageKey) return\n    setSavedFilters(next)\n    writeSavedFilters(savedFilterStorageKey, next)\n  }, [savedFilterStorageKey])\n\n  const handleSaveFilter = React.useCallback(async (name: string) => {\n    if (!savedFilterStorageKey) return\n    const now = new Date().toISOString()\n    const normalizedName = name.trim()\n    const existing = savedFilters.find((item) => item.name.trim().toLowerCase() === normalizedName.toLowerCase())\n    const record: SavedAdvancedFilter = {\n      id: existing?.id ?? crypto.randomUUID(),\n      name: normalizedName,\n      tree: serializeTreeForPersist(props.value),\n      createdAt: existing?.createdAt ?? now,\n      updatedAt: now,\n    }\n    const next = [\n      record,\n      ...savedFilters.filter((item) => item.id !== record.id),\n    ].slice(0, MAX_SAVED_FILTERS)\n    persistSavedFilters(next)\n    flash(t('ui.advancedFilter.saveFilter.success', 'Filter saved'), 'success')\n  }, [persistSavedFilters, props.value, savedFilterStorageKey, savedFilters, t])\n\n  const handleApplySavedFilter = React.useCallback((filter: SavedAdvancedFilter) => {\n    const tree = deserializeTreeFromPersist(filter.tree)\n    if (!tree) return\n    props.onChange(tree)\n    props.onOpenChange(false)\n  }, [props.onChange, props.onOpenChange])\n\n  const handleDeleteSavedFilter = React.useCallback((filterId: string) => {\n    persistSavedFilters(savedFilters.filter((item) => item.id !== filterId))\n  }, [persistSavedFilters, savedFilters])\n\n  const shouldShowSavedFilters = Boolean(savedFilterStorageKey && (!empty || savedFilters.length > 0))\n  const savedFiltersSection = shouldShowSavedFilters ? (\n    <SavedFiltersSection\n      filters={savedFilters}\n      canSaveCurrent={!empty}\n      onSaveClick={() => setSaveDialogOpen(true)}\n      onApply={handleApplySavedFilter}\n      onDelete={handleDeleteSavedFilter}\n      t={t}\n    />\n  ) : null\n\n  const emptyStateShortcuts = props.presets.length || savedFiltersSection ? (\n    <div className=\"flex flex-col gap-4\">\n      {props.presets.length ? <QuickFilters presets={props.presets} userId={props.userId} onApply={handlePresetApply} /> : null}\n      {savedFiltersSection}\n    </div>\n  ) : null\n\n  const builderErrors = React.useMemo(\n    () => props.pendingErrors.map(e => ({ ruleId: e.ruleId, messageKey: e.messageKey, message: e.message })),\n    [props.pendingErrors],\n  )\n  const ignoreAdvancedFilterPortalInteractions = React.useCallback((event: { target: EventTarget | null; preventDefault: () => void }) => {\n    const target = event.target\n    if (!(target instanceof Element)) return\n    if (target.closest('[data-advanced-filter-portal]')) {\n      event.preventDefault()\n    }\n  }, [])\n\n  return (\n    <Popover open={props.open} onOpenChange={props.onOpenChange}>\n      {props.triggerRef ? (\n        <PopoverAnchor virtualRef={props.triggerRef as React.RefObject<{ getBoundingClientRect(): DOMRect }>} />\n      ) : null}\n      <PopoverContent\n        className=\"w-[min(calc(100vw-2rem),780px)] max-h-[min(calc(100vh-6rem),720px)] overflow-y-auto p-0 gap-0\"\n        align=\"end\"\n        sideOffset={8}\n        data-testid=\"advanced-filter-panel\"\n        onPointerDownOutside={ignoreAdvancedFilterPortalInteractions}\n        onFocusOutside={ignoreAdvancedFilterPortalInteractions}\n        onInteractOutside={ignoreAdvancedFilterPortalInteractions}\n      >\n        <VisuallyHidden>\n          <h2>{t('ui.advancedFilter.dialog.title', 'Advanced filter')}</h2>\n        </VisuallyHidden>\n        <div className=\"flex flex-col\">\n          {empty ? (\n            <FilterEmptyState\n              onAddCondition={() => setPickerOpen(true)}\n              addConditionRef={addConditionRef}\n              aiSlot={props.aiSlot}\n              quickFilters={emptyStateShortcuts}\n            />\n          ) : (\n            <>\n              <AdvancedFilterBuilder\n                fields={props.fields}\n                value={props.value}\n                onChange={props.onChange}\n                onApply={props.onApply}\n                onClear={props.onClear}\n                pendingErrors={builderErrors}\n              />\n              {savedFiltersSection ? (\n                <div className=\"border-t border-border p-3\">\n                  {savedFiltersSection}\n                </div>\n              ) : null}\n            </>\n          )}\n          {props.pendingErrors.length > 0 ? (\n            <div className=\"p-3 border-t border-border\" data-testid=\"filter-validation-banner\">\n              <Alert variant=\"destructive\">\n                <AlertDescription>\n                  {props.pendingErrors.length === 1\n                    ? t('ui.advancedFilter.banner.incomplete', '{count} filter is incomplete \u2014 filters won\\'t apply until all values are picked.', { count: 1 })\n                    : t('ui.advancedFilter.banner.incompletePlural', '{count} filters are incomplete \u2014 filters won\\'t apply until all values are picked.', { count: props.pendingErrors.length })}\n                </AlertDescription>\n              </Alert>\n            </div>\n          ) : null}\n        </div>\n      </PopoverContent>\n      <FilterFieldPicker\n        fields={props.fields}\n        open={pickerOpen}\n        onOpenChange={setPickerOpen}\n        onSelect={(field) => {\n          // Pass defaultOperator so the rule starts with a valid operator for the field's\n          // type \u2014 otherwise emptyRule defaults to 'contains', which only matches text.\n          const next = treeReducer(props.value, {\n            type: 'addRule',\n            groupId: props.value.root.id,\n            defaultField: field.key,\n            defaultOperator: getDefaultOperator(field.type),\n          })\n          props.onChange(next)\n        }}\n        triggerRef={addConditionRef}\n      />\n      <SaveFilterDialog\n        open={saveDialogOpen}\n        onOpenChange={setSaveDialogOpen}\n        onSave={handleSaveFilter}\n        t={t}\n      />\n    </Popover>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\nimport * as React from 'react'\nimport { Popover, PopoverAnchor, PopoverContent } from '../../primitives/popover'\nimport { VisuallyHidden } from '@radix-ui/react-visually-hidden'\nimport { Alert, AlertDescription } from '../../primitives/alert'\nimport { Button } from '../../primitives/button'\nimport { Input } from '../../primitives/input'\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '../../primitives/dialog'\nimport { Filter, Save, Trash2 } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport {\n  deserializeTreeFromPersist,\n  isPersistedFilterTree,\n  serializeTreeForPersist,\n  type AdvancedFilterTree,\n  type PersistedFilterTree,\n} from '@open-mercato/shared/lib/query/advanced-filter-tree'\nimport type { FilterFieldDef } from '@open-mercato/shared/lib/query/advanced-filter'\nimport { getDefaultOperator } from '@open-mercato/shared/lib/query/advanced-filter'\nimport type { ValidationError } from './filterValidation'\nimport { AdvancedFilterBuilder } from './AdvancedFilterBuilder'\nimport { FilterEmptyState } from './FilterEmptyState'\nimport { QuickFilters, type FilterPreset } from './QuickFilters'\nimport { FilterFieldPicker } from './FilterFieldPicker'\nimport { treeReducer } from './treeReducer'\nimport { flash } from '../FlashMessages'\n\nexport type AdvancedFilterPanelProps = {\n  fields: FilterFieldDef[]\n  value: AdvancedFilterTree\n  onChange: (t: AdvancedFilterTree) => void\n  onApply: () => void\n  onClear: () => void\n  onFlush?: () => void\n  pendingErrors: ValidationError[]\n  userId: string\n  presets: FilterPreset[]\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  triggerRef?: React.RefObject<HTMLElement | null>\n  aiSlot?: React.ReactNode\n  savedFilterStorageKey?: string\n}\n\ntype SavedAdvancedFilter = {\n  id: string\n  name: string\n  tree: PersistedFilterTree\n  createdAt: string\n  updatedAt: string\n}\n\n/**\n * Versioned envelope for saved-filter records in localStorage. The `v` discriminator\n * lets future schema changes (rename fields, retention policy, sharing flags) migrate\n * existing records instead of silently dropping them. Bump `v` when adding a breaking\n * change and add a read-old migration branch in `readSavedFilters`.\n */\ntype SavedFiltersEnvelopeV1 = {\n  v: 1\n  filters: SavedAdvancedFilter[]\n}\n\nconst SAVED_FILTER_STORAGE_PREFIX = 'open-mercato:advanced-filters:'\nconst MAX_SAVED_FILTERS = 20\nconst CURRENT_SAVED_FILTERS_VERSION = 1 as const\n\nfunction makeSavedFilterStorageKey(key?: string): string | null {\n  const trimmed = key?.trim()\n  return trimmed ? `${SAVED_FILTER_STORAGE_PREFIX}${trimmed}` : null\n}\n\nfunction isSavedAdvancedFilter(value: unknown): value is SavedAdvancedFilter {\n  if (!value || typeof value !== 'object') return false\n  const record = value as Record<string, unknown>\n  return (\n    typeof record.id === 'string'\n    && typeof record.name === 'string'\n    && typeof record.createdAt === 'string'\n    && typeof record.updatedAt === 'string'\n    && isPersistedFilterTree(record.tree)\n  )\n}\n\nfunction readSavedFilters(storageKey: string): SavedAdvancedFilter[] {\n  if (typeof window === 'undefined') return []\n  try {\n    const raw = window.localStorage.getItem(storageKey)\n    if (!raw) return []\n    const parsed = JSON.parse(raw)\n    // v1 envelope (current shape).\n    if (parsed && typeof parsed === 'object' && !Array.isArray(parsed)) {\n      const envelope = parsed as { v?: unknown; filters?: unknown }\n      if (envelope.v === 1 && Array.isArray(envelope.filters)) {\n        return envelope.filters.filter(isSavedAdvancedFilter)\n      }\n    }\n    // Pre-envelope shape (bare array) \u2014 migrate forward on next write.\n    if (Array.isArray(parsed)) {\n      return parsed.filter(isSavedAdvancedFilter)\n    }\n    return []\n  } catch {\n    return []\n  }\n}\n\nfunction writeSavedFilters(storageKey: string, filters: SavedAdvancedFilter[]) {\n  if (typeof window === 'undefined') return\n  const envelope: SavedFiltersEnvelopeV1 = { v: CURRENT_SAVED_FILTERS_VERSION, filters }\n  window.localStorage.setItem(storageKey, JSON.stringify(envelope))\n}\n\nfunction SaveFilterDialog({\n  open,\n  onOpenChange,\n  onSave,\n  t,\n}: {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  onSave: (name: string) => Promise<void>\n  t: (key: string, fallback: string) => string\n}) {\n  const [name, setName] = React.useState('')\n  const [saving, setSaving] = React.useState(false)\n  const [error, setError] = React.useState<string | null>(null)\n  const trimmed = name.trim()\n\n  React.useEffect(() => {\n    if (!open) {\n      setName('')\n      setSaving(false)\n      setError(null)\n    }\n  }, [open])\n\n  const submit = React.useCallback(async () => {\n    if (!trimmed || saving) return\n    setSaving(true)\n    setError(null)\n    try {\n      await onSave(trimmed)\n      onOpenChange(false)\n    } catch (err: unknown) {\n      setError(err instanceof Error ? err.message : t('ui.advancedFilter.saveFilter.error', 'Failed to save filter'))\n    } finally {\n      setSaving(false)\n    }\n  }, [onSave, onOpenChange, saving, t, trimmed])\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      {/* `elevated` lifts this dialog above the popover (z-popover=45) \u2014 at default\n          z-modal=40 the dialog is occluded by the popover that opens it. */}\n      <DialogContent elevated className=\"sm:max-w-md\" data-advanced-filter-portal>\n        <form\n          className=\"contents\"\n          onSubmit={(event) => {\n            event.preventDefault()\n            void submit()\n          }}\n        >\n          <DialogHeader>\n            <DialogTitle>{t('ui.advancedFilter.saveFilter.title', 'Save filter')}</DialogTitle>\n            <DialogDescription>\n              {t('ui.advancedFilter.saveFilter.description', 'Name this filter so you can reuse the current conditions later.')}\n            </DialogDescription>\n          </DialogHeader>\n          <div className=\"space-y-2\">\n            <Input\n              value={name}\n              onChange={(event) => setName(event.target.value)}\n              placeholder={t('ui.advancedFilter.saveFilter.placeholder', 'Filter name')}\n              aria-label={t('ui.advancedFilter.saveFilter.nameAriaLabel', 'Filter name')}\n              autoFocus\n            />\n            {error ? <p className=\"text-sm text-status-error-text\">{error}</p> : null}\n          </div>\n          <DialogFooter>\n            <Button type=\"button\" variant=\"outline\" onClick={() => onOpenChange(false)}>\n              {t('common.cancel', 'Cancel')}\n            </Button>\n            <Button type=\"submit\" disabled={!trimmed || saving}>\n              {saving ? t('ui.advancedFilter.saveFilter.saving', 'Saving...') : t('ui.advancedFilter.saveFilter.submit', 'Save filter')}\n            </Button>\n          </DialogFooter>\n        </form>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nfunction SavedFiltersSection({\n  filters,\n  canSaveCurrent,\n  onSaveClick,\n  onApply,\n  onDelete,\n  t,\n}: {\n  filters: SavedAdvancedFilter[]\n  canSaveCurrent: boolean\n  onSaveClick: () => void\n  onApply: (filter: SavedAdvancedFilter) => void\n  onDelete: (filterId: string) => void\n  t: (key: string, fallback: string) => string\n}) {\n  if (!canSaveCurrent && filters.length === 0) return null\n  return (\n    <div className=\"flex flex-col gap-2\" data-testid=\"advanced-filter-saved-filters\">\n      <div className=\"flex items-center justify-between gap-3\">\n        <div className=\"text-overline font-medium uppercase tracking-widest text-muted-foreground\">\n          {t('ui.advancedFilter.savedFilters.heading', 'Saved filters')}\n        </div>\n        {canSaveCurrent ? (\n          <Button\n            data-testid=\"advanced-filter-save-trigger\"\n            type=\"button\"\n            variant=\"outline\"\n            size=\"sm\"\n            className=\"h-8 rounded-full gap-1.5\"\n            onClick={onSaveClick}\n          >\n            <Save className=\"size-3.5 text-muted-foreground\" />\n            {t('ui.advancedFilter.saveFilter.button', 'Save filter')}\n          </Button>\n        ) : null}\n      </div>\n      {filters.length ? (\n        <div className=\"flex flex-wrap gap-2\">\n          {filters.map((filter) => (\n            <div key={filter.id} className=\"inline-flex max-w-full items-center overflow-hidden rounded-full border border-border bg-background\">\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                className=\"h-8 min-w-0 rounded-r-none px-3 gap-1.5\"\n                title={filter.name}\n                onClick={() => onApply(filter)}\n              >\n                <Filter className=\"size-3.5 shrink-0 text-muted-foreground\" />\n                <span className=\"truncate\">{filter.name}</span>\n              </Button>\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                className=\"h-8 w-8 rounded-l-none px-0 text-muted-foreground hover:text-status-error-text\"\n                aria-label={`${t('ui.advancedFilter.savedFilters.delete', 'Delete saved filter')}: ${filter.name}`}\n                onClick={() => onDelete(filter.id)}\n              >\n                <Trash2 className=\"size-3.5\" />\n              </Button>\n            </div>\n          ))}\n        </div>\n      ) : (\n        <p className=\"text-xs text-muted-foreground\">\n          {t('ui.advancedFilter.savedFilters.empty', 'No saved filters yet')}\n        </p>\n      )}\n    </div>\n  )\n}\n\nexport function AdvancedFilterPanel(props: AdvancedFilterPanelProps) {\n  const t = useT()\n  const empty = props.value.root.children.length === 0\n  const [pickerOpen, setPickerOpen] = React.useState(false)\n  const [saveDialogOpen, setSaveDialogOpen] = React.useState(false)\n  const [savedFilters, setSavedFilters] = React.useState<SavedAdvancedFilter[]>([])\n  const addConditionRef = React.useRef<HTMLButtonElement>(null)\n  const savedFilterStorageKey = React.useMemo(\n    () => makeSavedFilterStorageKey(props.savedFilterStorageKey),\n    [props.savedFilterStorageKey],\n  )\n\n  // Flush on close \u2014 the hook's useEffect on close also flushes; this is belt-and-suspenders.\n  const wasOpenRef = React.useRef(props.open)\n  React.useEffect(() => {\n    if (wasOpenRef.current && !props.open && props.onFlush) props.onFlush()\n    wasOpenRef.current = props.open\n  }, [props.open, props.onFlush])\n\n  const handlePresetApply = (tree: AdvancedFilterTree) => {\n    props.onChange(tree)\n    props.onOpenChange(false)\n  }\n\n  const { onFlush, onOpenChange, open } = props\n\n  React.useEffect(() => {\n    if (!open || pickerOpen || saveDialogOpen) return\n    const closeOnEscape = (event: KeyboardEvent) => {\n      if (event.key !== 'Escape') return\n      // Do NOT gate on `event.defaultPrevented`. Radix keeps a just-closed\n      // dropdown's dismissable layer mounted while its exit animation plays, and\n      // that layer still calls preventDefault() on Escape. Picking a value in the\n      // operator/value Select therefore leaves a layer that swallows the next\n      // Escape, so the panel never closes and the active-filter chips never render\n      // (regression seen on loaded standalone CI runners where the exit-animation\n      // unmount is delayed). Instead, only defer Escape to an inner dropdown that\n      // is *actually* open \u2014 a Radix Select trigger flips aria-expanded to \"false\"\n      // synchronously on selection, so a closing-but-animating dropdown is no\n      // longer treated as open here.\n      if (typeof document !== 'undefined'\n        && document.querySelector('[role=\"combobox\"][aria-expanded=\"true\"]')) {\n        return\n      }\n      onOpenChange(false)\n      onFlush?.()\n    }\n    window.addEventListener('keydown', closeOnEscape)\n    return () => window.removeEventListener('keydown', closeOnEscape)\n  }, [onFlush, onOpenChange, open, pickerOpen, saveDialogOpen])\n\n  React.useEffect(() => {\n    if (!savedFilterStorageKey) {\n      setSavedFilters([])\n      return\n    }\n    if (props.open) {\n      setSavedFilters(readSavedFilters(savedFilterStorageKey))\n    }\n  }, [props.open, savedFilterStorageKey])\n\n  const persistSavedFilters = React.useCallback((next: SavedAdvancedFilter[]) => {\n    if (!savedFilterStorageKey) return\n    setSavedFilters(next)\n    writeSavedFilters(savedFilterStorageKey, next)\n  }, [savedFilterStorageKey])\n\n  const handleSaveFilter = React.useCallback(async (name: string) => {\n    if (!savedFilterStorageKey) return\n    const now = new Date().toISOString()\n    const normalizedName = name.trim()\n    const existing = savedFilters.find((item) => item.name.trim().toLowerCase() === normalizedName.toLowerCase())\n    const record: SavedAdvancedFilter = {\n      id: existing?.id ?? crypto.randomUUID(),\n      name: normalizedName,\n      tree: serializeTreeForPersist(props.value),\n      createdAt: existing?.createdAt ?? now,\n      updatedAt: now,\n    }\n    const next = [\n      record,\n      ...savedFilters.filter((item) => item.id !== record.id),\n    ].slice(0, MAX_SAVED_FILTERS)\n    persistSavedFilters(next)\n    flash(t('ui.advancedFilter.saveFilter.success', 'Filter saved'), 'success')\n  }, [persistSavedFilters, props.value, savedFilterStorageKey, savedFilters, t])\n\n  const handleApplySavedFilter = React.useCallback((filter: SavedAdvancedFilter) => {\n    const tree = deserializeTreeFromPersist(filter.tree)\n    if (!tree) return\n    props.onChange(tree)\n    props.onOpenChange(false)\n  }, [props.onChange, props.onOpenChange])\n\n  const handleDeleteSavedFilter = React.useCallback((filterId: string) => {\n    persistSavedFilters(savedFilters.filter((item) => item.id !== filterId))\n  }, [persistSavedFilters, savedFilters])\n\n  const shouldShowSavedFilters = Boolean(savedFilterStorageKey && (!empty || savedFilters.length > 0))\n  const savedFiltersSection = shouldShowSavedFilters ? (\n    <SavedFiltersSection\n      filters={savedFilters}\n      canSaveCurrent={!empty}\n      onSaveClick={() => setSaveDialogOpen(true)}\n      onApply={handleApplySavedFilter}\n      onDelete={handleDeleteSavedFilter}\n      t={t}\n    />\n  ) : null\n\n  const emptyStateShortcuts = props.presets.length || savedFiltersSection ? (\n    <div className=\"flex flex-col gap-4\">\n      {props.presets.length ? <QuickFilters presets={props.presets} userId={props.userId} onApply={handlePresetApply} /> : null}\n      {savedFiltersSection}\n    </div>\n  ) : null\n\n  const builderErrors = React.useMemo(\n    () => props.pendingErrors.map(e => ({ ruleId: e.ruleId, messageKey: e.messageKey, message: e.message })),\n    [props.pendingErrors],\n  )\n  const ignoreAdvancedFilterPortalInteractions = React.useCallback((event: { target: EventTarget | null; preventDefault: () => void }) => {\n    const target = event.target\n    if (!(target instanceof Element)) return\n    if (target.closest('[data-advanced-filter-portal]')) {\n      event.preventDefault()\n    }\n  }, [])\n\n  return (\n    <Popover open={props.open} onOpenChange={props.onOpenChange}>\n      {props.triggerRef ? (\n        <PopoverAnchor virtualRef={props.triggerRef as React.RefObject<{ getBoundingClientRect(): DOMRect }>} />\n      ) : null}\n      <PopoverContent\n        className=\"w-[min(calc(100vw-2rem),780px)] max-h-[min(calc(100vh-6rem),720px)] overflow-y-auto p-0 gap-0\"\n        align=\"end\"\n        sideOffset={8}\n        data-testid=\"advanced-filter-panel\"\n        onPointerDownOutside={ignoreAdvancedFilterPortalInteractions}\n        onFocusOutside={ignoreAdvancedFilterPortalInteractions}\n        onInteractOutside={ignoreAdvancedFilterPortalInteractions}\n      >\n        <VisuallyHidden>\n          <h2>{t('ui.advancedFilter.dialog.title', 'Advanced filter')}</h2>\n        </VisuallyHidden>\n        <div className=\"flex flex-col\">\n          {empty ? (\n            <FilterEmptyState\n              onAddCondition={() => setPickerOpen(true)}\n              addConditionRef={addConditionRef}\n              aiSlot={props.aiSlot}\n              quickFilters={emptyStateShortcuts}\n            />\n          ) : (\n            <>\n              <AdvancedFilterBuilder\n                fields={props.fields}\n                value={props.value}\n                onChange={props.onChange}\n                onApply={props.onApply}\n                onClear={props.onClear}\n                pendingErrors={builderErrors}\n              />\n              {savedFiltersSection ? (\n                <div className=\"border-t border-border p-3\">\n                  {savedFiltersSection}\n                </div>\n              ) : null}\n            </>\n          )}\n          {props.pendingErrors.length > 0 ? (\n            <div className=\"p-3 border-t border-border\" data-testid=\"filter-validation-banner\">\n              <Alert variant=\"destructive\">\n                <AlertDescription>\n                  {props.pendingErrors.length === 1\n                    ? t('ui.advancedFilter.banner.incomplete', '{count} filter is incomplete \u2014 filters won\\'t apply until all values are picked.', { count: 1 })\n                    : t('ui.advancedFilter.banner.incompletePlural', '{count} filters are incomplete \u2014 filters won\\'t apply until all values are picked.', { count: props.pendingErrors.length })}\n                </AlertDescription>\n              </Alert>\n            </div>\n          ) : null}\n        </div>\n      </PopoverContent>\n      <FilterFieldPicker\n        fields={props.fields}\n        open={pickerOpen}\n        onOpenChange={setPickerOpen}\n        onSelect={(field) => {\n          // Pass defaultOperator so the rule starts with a valid operator for the field's\n          // type \u2014 otherwise emptyRule defaults to 'contains', which only matches text.\n          const next = treeReducer(props.value, {\n            type: 'addRule',\n            groupId: props.value.root.id,\n            defaultField: field.key,\n            defaultOperator: getDefaultOperator(field.type),\n          })\n          props.onChange(next)\n        }}\n        triggerRef={addConditionRef}\n      />\n      <SaveFilterDialog\n        open={saveDialogOpen}\n        onOpenChange={setSaveDialogOpen}\n        onSave={handleSaveFilter}\n        t={t}\n      />\n    </Popover>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/backend/filters/FilteredEmptyResults.js

@@ -3,16 +3,24 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { SearchX, Undo2 } from "lucide-react";
 import { Button } from "../../primitives/button.js";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
-function FilteredEmptyResults({ entityNamePlural, canRemoveLast, onClearAll, onRemoveLast }) {
+function FilteredEmptyResults({ entityNamePlural, canRemoveLast, onClearAll, onRemoveLast, onClearSearch }) {
   const t = useT();
+  const searchActive = typeof onClearSearch === "function";
+  const title = searchActive ? t("ui.advancedFilter.empty.noMatchesSearchFilters", "No {entity} match your search and filters", { entity: entityNamePlural }) : t("ui.advancedFilter.empty.noMatches", "No {entity} match these filters", { entity: entityNamePlural });
+  const description = searchActive ? t("ui.advancedFilter.empty.tryRemovingSearchFilters", "Try a different search, remove a filter, or clear everything to see everyone.") : t("ui.advancedFilter.empty.tryRemoving", "Try removing the most restrictive filter, or clear all filters to see everyone.");
+  const primaryLabel = searchActive ? t("ui.advancedFilter.empty.clearSearchAndFilters", "Clear search and filters") : t("ui.advancedFilter.empty.clearAll", "Clear all filters");
+  const handlePrimary = searchActive ? () => {
+    onClearSearch?.();
+    onClearAll();
+  } : onClearAll;
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center gap-4 py-12", "data-testid": "filtered-empty-results", children: [
     /* @__PURE__ */ jsx("div", { className: "flex size-14 items-center justify-center rounded-full bg-muted", children: /* @__PURE__ */ jsx(SearchX, { className: "size-6 text-muted-foreground" }) }),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-1", children: [
-      /* @__PURE__ */ jsx("div", { className: "text-base font-semibold", children: t("ui.advancedFilter.empty.noMatches", "No {entity} match these filters", { entity: entityNamePlural }) }),
-      /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground max-w-md text-center", children: t("ui.advancedFilter.empty.tryRemoving", "Try removing the most restrictive filter, or clear all filters to see everyone.") })
+      /* @__PURE__ */ jsx("div", { className: "text-base font-semibold", children: title }),
+      /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground max-w-md text-center", children: description })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx(Button, { type: "button", onClick: onClearAll, children: t("ui.advancedFilter.empty.clearAll", "Clear all filters") }),
+      /* @__PURE__ */ jsx(Button, { type: "button", onClick: handlePrimary, children: primaryLabel }),
       /* @__PURE__ */ jsxs(Button, { type: "button", variant: "outline", disabled: !canRemoveLast, onClick: onRemoveLast, children: [
         /* @__PURE__ */ jsx(Undo2, { className: "size-4" }),
         t("ui.advancedFilter.empty.removeLast", "Remove last filter")

package/dist/backend/filters/FilteredEmptyResults.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/backend/filters/FilteredEmptyResults.tsx"],
-  "sourcesContent": ["'use client'\nimport * as React from 'react'\nimport { SearchX, Undo2 } from 'lucide-react'\nimport { Button } from '../../primitives/button'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport type FilteredEmptyResultsProps = {\n  entityNamePlural: string\n  canRemoveLast: boolean\n  onClearAll: () => void\n  onRemoveLast: () => void\n}\n\nexport function FilteredEmptyResults({ entityNamePlural, canRemoveLast, onClearAll, onRemoveLast }: FilteredEmptyResultsProps) {\n  const t = useT()\n  return (\n    <div className=\"flex flex-col items-center justify-center gap-4 py-12\" data-testid=\"filtered-empty-results\">\n      <div className=\"flex size-14 items-center justify-center rounded-full bg-muted\">\n        <SearchX className=\"size-6 text-muted-foreground\" />\n      </div>\n      <div className=\"flex flex-col items-center gap-1\">\n        <div className=\"text-base font-semibold\">\n          {t('ui.advancedFilter.empty.noMatches', 'No {entity} match these filters', { entity: entityNamePlural })}\n        </div>\n        <div className=\"text-sm text-muted-foreground max-w-md text-center\">\n          {t('ui.advancedFilter.empty.tryRemoving', 'Try removing the most restrictive filter, or clear all filters to see everyone.')}\n        </div>\n      </div>\n      <div className=\"flex items-center gap-2\">\n        <Button type=\"button\" onClick={onClearAll}>\n          {t('ui.advancedFilter.empty.clearAll', 'Clear all filters')}\n        </Button>\n        <Button type=\"button\" variant=\"outline\" disabled={!canRemoveLast} onClick={onRemoveLast}>\n          <Undo2 className=\"size-4\" />\n          {t('ui.advancedFilter.empty.removeLast', 'Remove last filter')}\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],
-  "mappings": ";AAkBQ,cAEF,YAFE;AAhBR,SAAS,SAAS,aAAa;AAC/B,SAAS,cAAc;AACvB,SAAS,YAAY;AASd,SAAS,qBAAqB,EAAE,kBAAkB,eAAe,YAAY,aAAa,GAA8B;AAC7H,QAAM,IAAI,KAAK;AACf,SACE,qBAAC,SAAI,WAAU,yDAAwD,eAAY,0BACjF;AAAA,wBAAC,SAAI,WAAU,kEACb,8BAAC,WAAQ,WAAU,gCAA+B,GACpD;AAAA,IACA,qBAAC,SAAI,WAAU,oCACb;AAAA,0BAAC,SAAI,WAAU,2BACZ,YAAE,qCAAqC,mCAAmC,EAAE,QAAQ,iBAAiB,CAAC,GACzG;AAAA,MACA,oBAAC,SAAI,WAAU,sDACZ,YAAE,uCAAuC,iFAAiF,GAC7H;AAAA,OACF;AAAA,IACA,qBAAC,SAAI,WAAU,2BACb;AAAA,0BAAC,UAAO,MAAK,UAAS,SAAS,YAC5B,YAAE,oCAAoC,mBAAmB,GAC5D;AAAA,MACA,qBAAC,UAAO,MAAK,UAAS,SAAQ,WAAU,UAAU,CAAC,eAAe,SAAS,cACzE;AAAA,4BAAC,SAAM,WAAU,UAAS;AAAA,QACzB,EAAE,sCAAsC,oBAAoB;AAAA,SAC/D;AAAA,OACF;AAAA,KACF;AAEJ;",
+  "sourcesContent": ["'use client'\nimport * as React from 'react'\nimport { SearchX, Undo2 } from 'lucide-react'\nimport { Button } from '../../primitives/button'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport type FilteredEmptyResultsProps = {\n  entityNamePlural: string\n  canRemoveLast: boolean\n  onClearAll: () => void\n  onRemoveLast: () => void\n  /**\n   * When provided, a search is ALSO active alongside the filters. Switches the\n   * copy to a combined search+filter message and makes the primary action clear\n   * both the search and the filters (so a single click shows everyone).\n   */\n  onClearSearch?: () => void\n}\n\nexport function FilteredEmptyResults({ entityNamePlural, canRemoveLast, onClearAll, onRemoveLast, onClearSearch }: FilteredEmptyResultsProps) {\n  const t = useT()\n  const searchActive = typeof onClearSearch === 'function'\n  const title = searchActive\n    ? t('ui.advancedFilter.empty.noMatchesSearchFilters', 'No {entity} match your search and filters', { entity: entityNamePlural })\n    : t('ui.advancedFilter.empty.noMatches', 'No {entity} match these filters', { entity: entityNamePlural })\n  const description = searchActive\n    ? t('ui.advancedFilter.empty.tryRemovingSearchFilters', 'Try a different search, remove a filter, or clear everything to see everyone.')\n    : t('ui.advancedFilter.empty.tryRemoving', 'Try removing the most restrictive filter, or clear all filters to see everyone.')\n  const primaryLabel = searchActive\n    ? t('ui.advancedFilter.empty.clearSearchAndFilters', 'Clear search and filters')\n    : t('ui.advancedFilter.empty.clearAll', 'Clear all filters')\n  const handlePrimary = searchActive\n    ? () => { onClearSearch?.(); onClearAll() }\n    : onClearAll\n  return (\n    <div className=\"flex flex-col items-center justify-center gap-4 py-12\" data-testid=\"filtered-empty-results\">\n      <div className=\"flex size-14 items-center justify-center rounded-full bg-muted\">\n        <SearchX className=\"size-6 text-muted-foreground\" />\n      </div>\n      <div className=\"flex flex-col items-center gap-1\">\n        <div className=\"text-base font-semibold\">{title}</div>\n        <div className=\"text-sm text-muted-foreground max-w-md text-center\">{description}</div>\n      </div>\n      <div className=\"flex items-center gap-2\">\n        <Button type=\"button\" onClick={handlePrimary}>{primaryLabel}</Button>\n        <Button type=\"button\" variant=\"outline\" disabled={!canRemoveLast} onClick={onRemoveLast}>\n          <Undo2 className=\"size-4\" />\n          {t('ui.advancedFilter.empty.removeLast', 'Remove last filter')}\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": ";AAqCQ,cAEF,YAFE;AAnCR,SAAS,SAAS,aAAa;AAC/B,SAAS,cAAc;AACvB,SAAS,YAAY;AAed,SAAS,qBAAqB,EAAE,kBAAkB,eAAe,YAAY,cAAc,cAAc,GAA8B;AAC5I,QAAM,IAAI,KAAK;AACf,QAAM,eAAe,OAAO,kBAAkB;AAC9C,QAAM,QAAQ,eACV,EAAE,kDAAkD,6CAA6C,EAAE,QAAQ,iBAAiB,CAAC,IAC7H,EAAE,qCAAqC,mCAAmC,EAAE,QAAQ,iBAAiB,CAAC;AAC1G,QAAM,cAAc,eAChB,EAAE,oDAAoD,+EAA+E,IACrI,EAAE,uCAAuC,iFAAiF;AAC9H,QAAM,eAAe,eACjB,EAAE,iDAAiD,0BAA0B,IAC7E,EAAE,oCAAoC,mBAAmB;AAC7D,QAAM,gBAAgB,eAClB,MAAM;AAAE,oBAAgB;AAAG,eAAW;AAAA,EAAE,IACxC;AACJ,SACE,qBAAC,SAAI,WAAU,yDAAwD,eAAY,0BACjF;AAAA,wBAAC,SAAI,WAAU,kEACb,8BAAC,WAAQ,WAAU,gCAA+B,GACpD;AAAA,IACA,qBAAC,SAAI,WAAU,oCACb;AAAA,0BAAC,SAAI,WAAU,2BAA2B,iBAAM;AAAA,MAChD,oBAAC,SAAI,WAAU,sDAAsD,uBAAY;AAAA,OACnF;AAAA,IACA,qBAAC,SAAI,WAAU,2BACb;AAAA,0BAAC,UAAO,MAAK,UAAS,SAAS,eAAgB,wBAAa;AAAA,MAC5D,qBAAC,UAAO,MAAK,UAAS,SAAQ,WAAU,UAAU,CAAC,eAAe,SAAS,cACzE;AAAA,4BAAC,SAAM,WAAU,UAAS;AAAA,QACzB,EAAE,sCAAsC,oBAAoB;AAAA,SAC/D;AAAA,OACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/backend/filters/ListEmptyState.js

@@ -0,0 +1,44 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { Inbox, Plus } from "lucide-react";
+import { Button } from "../../primitives/button.js";
+import { EmptyState } from "../../primitives/empty-state.js";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+function ListEmptyState({
+  entityName,
+  title,
+  description,
+  createHref,
+  onCreate,
+  createLabel,
+  icon
+}) {
+  const t = useT();
+  const entity = entityName ?? t("ui.dataTable.empty.genericEntity", "records");
+  const resolvedTitle = title ?? t("ui.dataTable.empty.title", "No {entity} yet", { entity });
+  const resolvedDescription = description ?? t("ui.dataTable.empty.description", "Items you add will show up here.");
+  const resolvedCreateLabel = createLabel ?? t("ui.dataTable.empty.create", "Create");
+  const action = createHref ? /* @__PURE__ */ jsx(Button, { asChild: true, children: /* @__PURE__ */ jsxs(Link, { href: createHref, children: [
+    /* @__PURE__ */ jsx(Plus, { className: "size-4", "aria-hidden": true }),
+    resolvedCreateLabel
+  ] }) }) : onCreate ? /* @__PURE__ */ jsxs(Button, { type: "button", onClick: onCreate, children: [
+    /* @__PURE__ */ jsx(Plus, { className: "size-4", "aria-hidden": true }),
+    resolvedCreateLabel
+  ] }) : null;
+  return /* @__PURE__ */ jsx(
+    EmptyState,
+    {
+      variant: "subtle",
+      size: "lg",
+      icon: icon ?? /* @__PURE__ */ jsx(Inbox, { className: "size-7", "aria-hidden": true }),
+      title: resolvedTitle,
+      description: resolvedDescription,
+      actions: action
+    }
+  );
+}
+export {
+  ListEmptyState
+};
+//# sourceMappingURL=ListEmptyState.js.map

package/dist/backend/filters/ListEmptyState.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/filters/ListEmptyState.tsx"],
+  "sourcesContent": ["'use client'\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { Inbox, Plus } from 'lucide-react'\nimport { Button } from '../../primitives/button'\nimport { EmptyState } from '../../primitives/empty-state'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport type ListEmptyStateProps = {\n  /** Plural entity label, e.g. \"companies\". Used to build the default title. */\n  entityName?: string\n  /** Overrides the generated title. */\n  title?: string\n  /** Overrides the generated description. */\n  description?: string\n  /** Create link target; renders the primary \"create\" action. */\n  createHref?: string\n  /** Create click handler (alternative to createHref). */\n  onCreate?: () => void\n  /** Label for the create action (defaults to a generic \"Create\"). */\n  createLabel?: string\n  /** Optional leading icon (defaults to a neutral inbox glyph). */\n  icon?: React.ReactNode\n}\n\n/**\n * Standardized zero-records empty state for list views (DataTable `emptyState`).\n * Use this when a list has no records yet (no active search/filter). For\n * no-results-after-search the DataTable renders SearchEmptyResults, and for\n * no-results-after-filter it renders FilteredEmptyResults.\n */\nexport function ListEmptyState({\n  entityName,\n  title,\n  description,\n  createHref,\n  onCreate,\n  createLabel,\n  icon,\n}: ListEmptyStateProps) {\n  const t = useT()\n  const entity = entityName ?? t('ui.dataTable.empty.genericEntity', 'records')\n  const resolvedTitle = title ?? t('ui.dataTable.empty.title', 'No {entity} yet', { entity })\n  const resolvedDescription = description ?? t('ui.dataTable.empty.description', 'Items you add will show up here.')\n  const resolvedCreateLabel = createLabel ?? t('ui.dataTable.empty.create', 'Create')\n  const action = createHref ? (\n    <Button asChild>\n      <Link href={createHref}>\n        <Plus className=\"size-4\" aria-hidden />\n        {resolvedCreateLabel}\n      </Link>\n    </Button>\n  ) : onCreate ? (\n    <Button type=\"button\" onClick={onCreate}>\n      <Plus className=\"size-4\" aria-hidden />\n      {resolvedCreateLabel}\n    </Button>\n  ) : null\n  return (\n    <EmptyState\n      variant=\"subtle\"\n      size=\"lg\"\n      icon={icon ?? <Inbox className=\"size-7\" aria-hidden />}\n      title={resolvedTitle}\n      description={resolvedDescription}\n      actions={action}\n    />\n  )\n}\n"],
+  "mappings": ";AA+CM,SACE,KADF;AA7CN,OAAO,UAAU;AACjB,SAAS,OAAO,YAAY;AAC5B,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,YAAY;AAyBd,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAwB;AACtB,QAAM,IAAI,KAAK;AACf,QAAM,SAAS,cAAc,EAAE,oCAAoC,SAAS;AAC5E,QAAM,gBAAgB,SAAS,EAAE,4BAA4B,mBAAmB,EAAE,OAAO,CAAC;AAC1F,QAAM,sBAAsB,eAAe,EAAE,kCAAkC,kCAAkC;AACjH,QAAM,sBAAsB,eAAe,EAAE,6BAA6B,QAAQ;AAClF,QAAM,SAAS,aACb,oBAAC,UAAO,SAAO,MACb,+BAAC,QAAK,MAAM,YACV;AAAA,wBAAC,QAAK,WAAU,UAAS,eAAW,MAAC;AAAA,IACpC;AAAA,KACH,GACF,IACE,WACF,qBAAC,UAAO,MAAK,UAAS,SAAS,UAC7B;AAAA,wBAAC,QAAK,WAAU,UAAS,eAAW,MAAC;AAAA,IACpC;AAAA,KACH,IACE;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,MAAM,QAAQ,oBAAC,SAAM,WAAU,UAAS,eAAW,MAAC;AAAA,MACpD,OAAO;AAAA,MACP,aAAa;AAAA,MACb,SAAS;AAAA;AAAA,EACX;AAEJ;",
+  "names": []
+}