@open-mercato/core 0.5.1-develop.2953.6647bb2c43 → 0.5.1-develop.2954.610bab2d08

package/dist/modules/dictionaries/components/AppearanceSelector.js

@@ -3,6 +3,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Ellipsis } from "lucide-react";
 import { Button } from "@open-mercato/ui/primitives/button";
+import { Input } from "@open-mercato/ui/primitives/input";
 import { ICON_LIBRARY, ICON_SUGGESTIONS, renderDictionaryColor, renderDictionaryIcon } from "./dictionaryAppearance.js";
 const ICON_PICKER_LIMIT = 240;
 function AppearanceSelector({
@@ -111,13 +112,13 @@ function AppearanceSelector({
       /* @__PURE__ */ jsxs("div", { ref: pickerContainerRef, className: "relative", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
           /* @__PURE__ */ jsx(
-            "input",
+            Input,
             {
               type: "text",
               value: normalizedIcon,
               onChange: (event) => onIconChange(event.target.value),
               placeholder: labels.iconPlaceholder,
-              className: "flex-1 rounded border px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              className: "flex-1",
               disabled
             }
           ),
@@ -138,7 +139,7 @@ function AppearanceSelector({
         ] }),
         pickerOpen ? /* @__PURE__ */ jsx("div", { className: "absolute left-0 right-0 top-full z-dropdown mt-2 rounded-md border border-border bg-popover p-3 shadow-lg", children: /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
           /* @__PURE__ */ jsx(
-            "input",
+            Input,
             {
               ref: searchInputRef,
               type: "search",
@@ -146,7 +147,6 @@ function AppearanceSelector({
               onChange: (event) => setIconSearch(event.target.value),
               placeholder: labels.iconSearchPlaceholder,
               "aria-label": labels.iconSearchPlaceholder,
-              className: "w-full rounded border border-border px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
               autoComplete: "off"
             }
           ),

package/dist/modules/dictionaries/components/AppearanceSelector.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/dictionaries/components/AppearanceSelector.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Ellipsis } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { ICON_LIBRARY, ICON_SUGGESTIONS, type IconOption, renderDictionaryColor, renderDictionaryIcon } from './dictionaryAppearance'\n\nexport type AppearanceSelectorLabels = {\n  colorLabel: string\n  colorHelp?: string\n  colorClearLabel: string\n  iconLabel: string\n  iconPlaceholder: string\n  iconPickerTriggerLabel: string\n  iconSearchPlaceholder: string\n  iconSearchEmptyLabel: string\n  iconSuggestionsLabel: string\n  iconClearLabel: string\n  previewEmptyLabel: string\n}\n\ntype AppearanceSelectorProps = {\n  icon: string | null | undefined\n  color: string | null | undefined\n  onIconChange: (next: string | null) => void\n  onColorChange: (next: string | null) => void\n  labels: AppearanceSelectorLabels\n  disabled?: boolean\n  iconSuggestions?: IconOption[]\n  iconLibrary?: IconOption[]\n  className?: string\n}\n\nconst ICON_PICKER_LIMIT = 240\n\nexport function AppearanceSelector({\n  icon,\n  color,\n  onIconChange,\n  onColorChange,\n  labels,\n  disabled = false,\n  iconSuggestions = ICON_SUGGESTIONS,\n  iconLibrary,\n  className,\n}: AppearanceSelectorProps) {\n  const normalizedIcon = icon ?? ''\n  const normalizedColor = color ?? '#000000'\n  const hasAppearance = Boolean(icon) || Boolean(color)\n  const iconOptions = React.useMemo(() => (iconLibrary && iconLibrary.length ? iconLibrary : ICON_LIBRARY), [iconLibrary])\n  const [pickerOpen, setPickerOpen] = React.useState(false)\n  const [iconSearch, setIconSearch] = React.useState('')\n  const pickerContainerRef = React.useRef<HTMLDivElement | null>(null)\n  const searchInputRef = React.useRef<HTMLInputElement | null>(null)\n\n  const closePicker = React.useCallback(() => {\n    setPickerOpen(false)\n    setIconSearch('')\n  }, [])\n\n  const handleIconSelection = React.useCallback(\n    (next: string) => {\n      onIconChange(next)\n      closePicker()\n    },\n    [closePicker, onIconChange],\n  )\n\n  React.useEffect(() => {\n    if (!pickerOpen) return\n    const handlePointerDown = (event: PointerEvent) => {\n      const target = event.target as Node\n      if (pickerContainerRef.current?.contains(target)) return\n      closePicker()\n    }\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') closePicker()\n    }\n    document.addEventListener('pointerdown', handlePointerDown)\n    document.addEventListener('keydown', handleKeyDown)\n    return () => {\n      document.removeEventListener('pointerdown', handlePointerDown)\n      document.removeEventListener('keydown', handleKeyDown)\n    }\n  }, [closePicker, pickerOpen])\n\n  React.useEffect(() => {\n    if (!pickerOpen) return\n    const frame = window.requestAnimationFrame(() => {\n      searchInputRef.current?.focus()\n      searchInputRef.current?.select()\n    })\n    return () => window.cancelAnimationFrame(frame)\n  }, [pickerOpen])\n\n  React.useEffect(() => {\n    if (!disabled) return\n    closePicker()\n  }, [closePicker, disabled])\n\n  const filteredIcons = React.useMemo(() => {\n    const term = iconSearch.trim().toLowerCase()\n    if (!term) {\n      return iconOptions.slice(0, ICON_PICKER_LIMIT)\n    }\n    const matches = iconOptions.filter((option) => {\n      const haystack = [option.label, option.value, ...(option.keywords ?? [])].join(' ').toLowerCase()\n      return haystack.includes(term)\n    })\n    return matches.slice(0, ICON_PICKER_LIMIT)\n  }, [iconOptions, iconSearch])\n\n  return (\n    <div className={['space-y-4', className].filter(Boolean).join(' ')}>\n      <div className=\"space-y-2\">\n        <label className=\"flex items-center gap-2 text-sm font-medium\">\n          {labels.colorLabel}\n          {labels.colorHelp ? <span className=\"text-xs font-normal text-muted-foreground\">{labels.colorHelp}</span> : null}\n        </label>\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <input\n            type=\"color\"\n            value={normalizedColor}\n            onChange={(event) => onColorChange(event.target.value)}\n            disabled={disabled}\n            className=\"h-10 w-12 cursor-pointer rounded border border-border bg-background\"\n            aria-label={labels.colorLabel}\n          />\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={() => onColorChange(null)}\n            disabled={disabled || !color}\n          >\n            {labels.colorClearLabel}\n          </Button>\n        </div>\n      </div>\n\n      <div className=\"space-y-2\">\n        <label className=\"text-sm font-medium\">{labels.iconLabel}</label>\n        <div ref={pickerContainerRef} className=\"relative\">\n          <div className=\"flex gap-2\">\n            <input\n              type=\"text\"\n              value={normalizedIcon}\n              onChange={(event) => onIconChange(event.target.value)}\n              placeholder={labels.iconPlaceholder}\n              className=\"flex-1 rounded border px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n              disabled={disabled}\n            />\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              size=\"icon\"\n              onClick={() => setPickerOpen((prev) => !prev)}\n              aria-label={labels.iconPickerTriggerLabel}\n              aria-expanded={pickerOpen}\n              aria-haspopup=\"dialog\"\n              disabled={disabled}\n            >\n              <Ellipsis className=\"h-4 w-4\" />\n            </Button>\n          </div>\n          {pickerOpen ? (\n            <div className=\"absolute left-0 right-0 top-full z-dropdown mt-2 rounded-md border border-border bg-popover p-3 shadow-lg\">\n              <div className=\"space-y-3\">\n                <input\n                  ref={searchInputRef}\n                  type=\"search\"\n                  value={iconSearch}\n                  onChange={(event) => setIconSearch(event.target.value)}\n                  placeholder={labels.iconSearchPlaceholder}\n                  aria-label={labels.iconSearchPlaceholder}\n                  className=\"w-full rounded border border-border px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n                  autoComplete=\"off\"\n                />\n                <div className=\"max-h-64 overflow-y-auto pr-1\">\n                  {filteredIcons.length ? (\n                    <div className=\"grid grid-cols-6 gap-2 sm:grid-cols-8\">\n                      {filteredIcons.map((option) => {\n                        const isSelected = normalizedIcon === option.value\n                        return (\n                          <Button\n                            key={option.value}\n                            type=\"button\"\n                            variant=\"ghost\"\n                            size=\"icon\"\n                            className={isSelected ? 'bg-primary/10 text-primary ring-1 ring-primary/60' : undefined}\n                            onClick={() => handleIconSelection(option.value)}\n                            title={option.label}\n                            aria-label={option.label}\n                            aria-pressed={isSelected}\n                          >\n                            {renderDictionaryIcon(option.value, 'h-4 w-4')}\n                          </Button>\n                        )\n                      })}\n                    </div>\n                  ) : (\n                    <p className=\"text-sm text-muted-foreground\">{labels.iconSearchEmptyLabel}</p>\n                  )}\n                </div>\n                {iconSuggestions.length ? (\n                  <div className=\"space-y-2\">\n                    <p className=\"text-xs font-medium uppercase tracking-wide text-muted-foreground\">\n                      {labels.iconSuggestionsLabel}\n                    </p>\n                    <div className=\"flex flex-wrap gap-2\">\n                      {iconSuggestions.map((suggestion) => {\n                        const isSelected = normalizedIcon === suggestion.value\n                        return (\n                          <Button\n                            key={suggestion.value}\n                            type=\"button\"\n                            variant=\"outline\"\n                            size=\"sm\"\n                            className={`text-xs ${isSelected ? 'border-primary bg-primary/10 text-primary' : ''}`}\n                            onClick={() => handleIconSelection(suggestion.value)}\n                          >\n                            {renderDictionaryIcon(suggestion.value, 'h-3 w-3')}\n                            {suggestion.label}\n                          </Button>\n                        )\n                      })}\n                    </div>\n                  </div>\n                ) : null}\n                <div className=\"flex justify-end\">\n                  <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={() => onIconChange(null)}>\n                    {labels.iconClearLabel}\n                  </Button>\n                </div>\n              </div>\n            </div>\n          ) : null}\n        </div>\n      </div>\n\n      <div>\n        <label className=\"text-sm font-medium\">Preview</label>\n        <div className=\"flex items-center gap-3 rounded border border-dashed border-border px-3 py-2\">\n          {hasAppearance ? (\n            <>\n              {renderDictionaryIcon(icon, 'h-5 w-5')}\n              {renderDictionaryColor(color, 'h-4 w-4 rounded-full')}\n            </>\n          ) : (\n            <span className=\"text-sm text-muted-foreground\">{labels.previewEmptyLabel}</span>\n          )}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport function useAppearanceState(initialIcon: string | null, initialColor: string | null) {\n  const [icon, setIcon] = React.useState<string | null>(initialIcon)\n  const [color, setColor] = React.useState<string | null>(initialColor)\n  return React.useMemo(\n    () => ({\n      icon,\n      color,\n      setIcon,\n      setColor,\n    }),\n    [icon, color],\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Ellipsis } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { ICON_LIBRARY, ICON_SUGGESTIONS, type IconOption, renderDictionaryColor, renderDictionaryIcon } from './dictionaryAppearance'\n\nexport type AppearanceSelectorLabels = {\n  colorLabel: string\n  colorHelp?: string\n  colorClearLabel: string\n  iconLabel: string\n  iconPlaceholder: string\n  iconPickerTriggerLabel: string\n  iconSearchPlaceholder: string\n  iconSearchEmptyLabel: string\n  iconSuggestionsLabel: string\n  iconClearLabel: string\n  previewEmptyLabel: string\n}\n\ntype AppearanceSelectorProps = {\n  icon: string | null | undefined\n  color: string | null | undefined\n  onIconChange: (next: string | null) => void\n  onColorChange: (next: string | null) => void\n  labels: AppearanceSelectorLabels\n  disabled?: boolean\n  iconSuggestions?: IconOption[]\n  iconLibrary?: IconOption[]\n  className?: string\n}\n\nconst ICON_PICKER_LIMIT = 240\n\nexport function AppearanceSelector({\n  icon,\n  color,\n  onIconChange,\n  onColorChange,\n  labels,\n  disabled = false,\n  iconSuggestions = ICON_SUGGESTIONS,\n  iconLibrary,\n  className,\n}: AppearanceSelectorProps) {\n  const normalizedIcon = icon ?? ''\n  const normalizedColor = color ?? '#000000'\n  const hasAppearance = Boolean(icon) || Boolean(color)\n  const iconOptions = React.useMemo(() => (iconLibrary && iconLibrary.length ? iconLibrary : ICON_LIBRARY), [iconLibrary])\n  const [pickerOpen, setPickerOpen] = React.useState(false)\n  const [iconSearch, setIconSearch] = React.useState('')\n  const pickerContainerRef = React.useRef<HTMLDivElement | null>(null)\n  const searchInputRef = React.useRef<HTMLInputElement | null>(null)\n\n  const closePicker = React.useCallback(() => {\n    setPickerOpen(false)\n    setIconSearch('')\n  }, [])\n\n  const handleIconSelection = React.useCallback(\n    (next: string) => {\n      onIconChange(next)\n      closePicker()\n    },\n    [closePicker, onIconChange],\n  )\n\n  React.useEffect(() => {\n    if (!pickerOpen) return\n    const handlePointerDown = (event: PointerEvent) => {\n      const target = event.target as Node\n      if (pickerContainerRef.current?.contains(target)) return\n      closePicker()\n    }\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') closePicker()\n    }\n    document.addEventListener('pointerdown', handlePointerDown)\n    document.addEventListener('keydown', handleKeyDown)\n    return () => {\n      document.removeEventListener('pointerdown', handlePointerDown)\n      document.removeEventListener('keydown', handleKeyDown)\n    }\n  }, [closePicker, pickerOpen])\n\n  React.useEffect(() => {\n    if (!pickerOpen) return\n    const frame = window.requestAnimationFrame(() => {\n      searchInputRef.current?.focus()\n      searchInputRef.current?.select()\n    })\n    return () => window.cancelAnimationFrame(frame)\n  }, [pickerOpen])\n\n  React.useEffect(() => {\n    if (!disabled) return\n    closePicker()\n  }, [closePicker, disabled])\n\n  const filteredIcons = React.useMemo(() => {\n    const term = iconSearch.trim().toLowerCase()\n    if (!term) {\n      return iconOptions.slice(0, ICON_PICKER_LIMIT)\n    }\n    const matches = iconOptions.filter((option) => {\n      const haystack = [option.label, option.value, ...(option.keywords ?? [])].join(' ').toLowerCase()\n      return haystack.includes(term)\n    })\n    return matches.slice(0, ICON_PICKER_LIMIT)\n  }, [iconOptions, iconSearch])\n\n  return (\n    <div className={['space-y-4', className].filter(Boolean).join(' ')}>\n      <div className=\"space-y-2\">\n        <label className=\"flex items-center gap-2 text-sm font-medium\">\n          {labels.colorLabel}\n          {labels.colorHelp ? <span className=\"text-xs font-normal text-muted-foreground\">{labels.colorHelp}</span> : null}\n        </label>\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <input\n            type=\"color\"\n            value={normalizedColor}\n            onChange={(event) => onColorChange(event.target.value)}\n            disabled={disabled}\n            className=\"h-10 w-12 cursor-pointer rounded border border-border bg-background\"\n            aria-label={labels.colorLabel}\n          />\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={() => onColorChange(null)}\n            disabled={disabled || !color}\n          >\n            {labels.colorClearLabel}\n          </Button>\n        </div>\n      </div>\n\n      <div className=\"space-y-2\">\n        <label className=\"text-sm font-medium\">{labels.iconLabel}</label>\n        <div ref={pickerContainerRef} className=\"relative\">\n          <div className=\"flex gap-2\">\n            <Input\n              type=\"text\"\n              value={normalizedIcon}\n              onChange={(event) => onIconChange(event.target.value)}\n              placeholder={labels.iconPlaceholder}\n              className=\"flex-1\"\n              disabled={disabled}\n            />\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              size=\"icon\"\n              onClick={() => setPickerOpen((prev) => !prev)}\n              aria-label={labels.iconPickerTriggerLabel}\n              aria-expanded={pickerOpen}\n              aria-haspopup=\"dialog\"\n              disabled={disabled}\n            >\n              <Ellipsis className=\"h-4 w-4\" />\n            </Button>\n          </div>\n          {pickerOpen ? (\n            <div className=\"absolute left-0 right-0 top-full z-dropdown mt-2 rounded-md border border-border bg-popover p-3 shadow-lg\">\n              <div className=\"space-y-3\">\n                <Input\n                  ref={searchInputRef}\n                  type=\"search\"\n                  value={iconSearch}\n                  onChange={(event) => setIconSearch(event.target.value)}\n                  placeholder={labels.iconSearchPlaceholder}\n                  aria-label={labels.iconSearchPlaceholder}\n                  autoComplete=\"off\"\n                />\n                <div className=\"max-h-64 overflow-y-auto pr-1\">\n                  {filteredIcons.length ? (\n                    <div className=\"grid grid-cols-6 gap-2 sm:grid-cols-8\">\n                      {filteredIcons.map((option) => {\n                        const isSelected = normalizedIcon === option.value\n                        return (\n                          <Button\n                            key={option.value}\n                            type=\"button\"\n                            variant=\"ghost\"\n                            size=\"icon\"\n                            className={isSelected ? 'bg-primary/10 text-primary ring-1 ring-primary/60' : undefined}\n                            onClick={() => handleIconSelection(option.value)}\n                            title={option.label}\n                            aria-label={option.label}\n                            aria-pressed={isSelected}\n                          >\n                            {renderDictionaryIcon(option.value, 'h-4 w-4')}\n                          </Button>\n                        )\n                      })}\n                    </div>\n                  ) : (\n                    <p className=\"text-sm text-muted-foreground\">{labels.iconSearchEmptyLabel}</p>\n                  )}\n                </div>\n                {iconSuggestions.length ? (\n                  <div className=\"space-y-2\">\n                    <p className=\"text-xs font-medium uppercase tracking-wide text-muted-foreground\">\n                      {labels.iconSuggestionsLabel}\n                    </p>\n                    <div className=\"flex flex-wrap gap-2\">\n                      {iconSuggestions.map((suggestion) => {\n                        const isSelected = normalizedIcon === suggestion.value\n                        return (\n                          <Button\n                            key={suggestion.value}\n                            type=\"button\"\n                            variant=\"outline\"\n                            size=\"sm\"\n                            className={`text-xs ${isSelected ? 'border-primary bg-primary/10 text-primary' : ''}`}\n                            onClick={() => handleIconSelection(suggestion.value)}\n                          >\n                            {renderDictionaryIcon(suggestion.value, 'h-3 w-3')}\n                            {suggestion.label}\n                          </Button>\n                        )\n                      })}\n                    </div>\n                  </div>\n                ) : null}\n                <div className=\"flex justify-end\">\n                  <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={() => onIconChange(null)}>\n                    {labels.iconClearLabel}\n                  </Button>\n                </div>\n              </div>\n            </div>\n          ) : null}\n        </div>\n      </div>\n\n      <div>\n        <label className=\"text-sm font-medium\">Preview</label>\n        <div className=\"flex items-center gap-3 rounded border border-dashed border-border px-3 py-2\">\n          {hasAppearance ? (\n            <>\n              {renderDictionaryIcon(icon, 'h-5 w-5')}\n              {renderDictionaryColor(color, 'h-4 w-4 rounded-full')}\n            </>\n          ) : (\n            <span className=\"text-sm text-muted-foreground\">{labels.previewEmptyLabel}</span>\n          )}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport function useAppearanceState(initialIcon: string | null, initialColor: string | null) {\n  const [icon, setIcon] = React.useState<string | null>(initialIcon)\n  const [color, setColor] = React.useState<string | null>(initialColor)\n  return React.useMemo(\n    () => ({\n      icon,\n      color,\n      setIcon,\n      setColor,\n    }),\n    [icon, color],\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/dictionaries/components/DictionaryEntriesEditor.js

@@ -3,6 +3,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Plus, Pencil, Trash2, RefreshCw, Languages } from "lucide-react";
 import { Button } from "@open-mercato/ui/primitives/button";
+import { Input } from "@open-mercato/ui/primitives/input";
 import {
   Dialog,
   DialogContent,
@@ -305,7 +306,7 @@ function DictionaryEntriesEditor({ dictionaryId, dictionaryName, readOnly = fals
             /* @__PURE__ */ jsx("span", { className: "ml-1 text-destructive", children: "*" })
           ] }),
           /* @__PURE__ */ jsx(
-            "input",
+            Input,
             {
               type: "text",
               value: formState.value,
@@ -316,7 +317,6 @@ function DictionaryEntriesEditor({ dictionaryId, dictionaryName, readOnly = fals
                   setErrors((prev) => ({ ...prev, value: void 0 }));
                 }
               },
-              className: `w-full rounded border px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring ${errors.value ? "border-destructive focus-visible:ring-destructive" : ""}`,
               "aria-invalid": errors.value ? "true" : "false",
               "aria-describedby": "dictionary-entry-value-error"
             }
@@ -326,13 +326,12 @@ function DictionaryEntriesEditor({ dictionaryId, dictionaryName, readOnly = fals
         /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
           /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: t("dictionaries.config.entries.dialog.labelLabel", "Label") }),
           /* @__PURE__ */ jsx(
-            "input",
+            Input,
             {
               type: "text",
               value: formState.label,
               onChange: (event) => setFormState((prev) => ({ ...prev, label: event.target.value })),
-              placeholder: t("dictionaries.config.entries.dialog.labelPlaceholder", "Display name shown in UI"),
-              className: "w-full rounded border px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+              placeholder: t("dictionaries.config.entries.dialog.labelPlaceholder", "Display name shown in UI")
             }
           )
         ] }),

package/dist/modules/dictionaries/components/DictionaryEntriesEditor.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/dictionaries/components/DictionaryEntriesEditor.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Plus, Pencil, Trash2, RefreshCw, Languages } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  Dialog,\n  DialogContent,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@open-mercato/ui/primitives/dialog'\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@open-mercato/ui/primitives/table'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { AppearanceSelector, useAppearanceState } from './AppearanceSelector'\nimport { DictionaryValue } from './dictionaryAppearance'\nimport {\n  invalidateDictionaryEntries,\n  useDictionaryEntries,\n} from './hooks/useDictionaryEntries'\nimport type { DictionaryEntryRecord } from './hooks/useDictionaryEntries'\nimport {\n  DialogDescription,\n} from '@open-mercato/ui/primitives/dialog'\nimport { TranslationManager } from '@open-mercato/core/modules/translations/components/TranslationManager'\n\ntype Entry = DictionaryEntryRecord\n\ntype DictionaryEntriesEditorProps = {\n  dictionaryId: string\n  dictionaryName: string\n  readOnly?: boolean\n}\n\ntype FormState = {\n  id?: string | null\n  value: string\n  label: string\n  color: string | null\n  icon: string | null\n}\n\nexport function DictionaryEntriesEditor({ dictionaryId, dictionaryName, readOnly = false }: DictionaryEntriesEditorProps) {\n  const t = useT()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const readOnlyMessage = t('dictionaries.config.entries.readOnly', 'Inherited dictionaries are managed at the parent organization.')\n  const queryClient = useQueryClient()\n  const scopeVersion = useOrganizationScopeVersion()\n  const dictionaryQuery = useDictionaryEntries(dictionaryId, scopeVersion)\n  const entries = React.useMemo<Entry[]>(() => dictionaryQuery.data?.fullEntries ?? [], [dictionaryQuery.data?.fullEntries])\n  const dictionaryMap = dictionaryQuery.data?.map ?? {}\n  const isInitialLoading = dictionaryQuery.isLoading\n  const loadError = dictionaryQuery.isError\n    ? t('dictionaries.config.entries.error.load', 'Failed to load dictionary entries.')\n    : null\n  const [dialogOpen, setDialogOpen] = React.useState(false)\n  const [isDeleting, setIsDeleting] = React.useState(false)\n  const [isSaving, setIsSaving] = React.useState(false)\n  const [formState, setFormState] = React.useState<FormState>(() => ({\n    value: '',\n    label: '',\n    color: null,\n    icon: null,\n  }))\n  const [errors, setErrors] = React.useState<{ value?: string; label?: string }>({})\n  const [translateEntry, setTranslateEntry] = React.useState<Entry | null>(null)\n  const appearance = useAppearanceState(formState.icon, formState.color)\n\n  const resetForm = React.useCallback(() => {\n    setFormState({ value: '', label: '', color: null, icon: null })\n    appearance.setColor(null)\n    appearance.setIcon(null)\n    setErrors({})\n  }, [appearance])\n\n  const openDialog = React.useCallback(\n    (entry?: Entry) => {\n      if (readOnly) {\n        flash(readOnlyMessage, 'info')\n        return\n      }\n      if (entry) {\n        setFormState({\n          id: entry.id,\n          value: entry.value,\n          label: entry.label,\n          color: entry.color ?? null,\n          icon: entry.icon ?? null,\n        })\n        appearance.setColor(entry.color ?? null)\n        appearance.setIcon(entry.icon ?? null)\n      } else {\n        resetForm()\n      }\n      setErrors({})\n      setDialogOpen(true)\n    },\n    [appearance, readOnly, readOnlyMessage, resetForm],\n  )\n\n  const closeDialog = React.useCallback(() => {\n    setDialogOpen(false)\n    resetForm()\n    setErrors({})\n  }, [resetForm])\n\n  const handleSave = React.useCallback(async () => {\n    if (readOnly) {\n      flash(readOnlyMessage, 'info')\n      return\n    }\n    const trimmedValue = formState.value.trim()\n    const trimmedLabel = formState.label.trim()\n    const nextErrors: { value?: string } = {}\n    if (!trimmedValue) {\n      nextErrors.value = t('dictionaries.config.entries.error.required', 'Value is required.')\n    }\n    if (nextErrors.value) {\n      setErrors(nextErrors)\n      return\n    }\n    setErrors({})\n    setIsSaving(true)\n    try {\n      const payload = {\n        value: trimmedValue,\n        label: trimmedLabel || trimmedValue,\n        color: appearance.color,\n        icon: appearance.icon,\n      }\n      if (formState.id) {\n        const call = await apiCall<Record<string, unknown>>(\n          `/api/dictionaries/${dictionaryId}/entries/${formState.id}`,\n          {\n            method: 'PATCH',\n            headers: { 'content-type': 'application/json' },\n            body: JSON.stringify(payload),\n          },\n        )\n        if (!call.ok) {\n          throw new Error(\n            typeof call.result?.error === 'string' ? call.result.error : 'Failed to save dictionary entry',\n          )\n        }\n        flash(t('dictionaries.config.entries.success.update', 'Dictionary entry updated.'), 'success')\n      } else {\n        const call = await apiCall<Record<string, unknown>>(\n          `/api/dictionaries/${dictionaryId}/entries`,\n          {\n            method: 'POST',\n            headers: { 'content-type': 'application/json' },\n            body: JSON.stringify(payload),\n          },\n        )\n        if (!call.ok) {\n          throw new Error(\n            typeof call.result?.error === 'string' ? call.result.error : 'Failed to create dictionary entry',\n          )\n        }\n        flash(t('dictionaries.config.entries.success.create', 'Dictionary entry created.'), 'success')\n      }\n      await invalidateDictionaryEntries(queryClient, dictionaryId)\n      setDialogOpen(false)\n      setFormState({ value: '', label: '', color: null, icon: null })\n      appearance.setColor(null)\n      appearance.setIcon(null)\n      setErrors({})\n    } catch (err) {\n      console.error('Failed to save dictionary entry', err)\n      flash(t('dictionaries.config.entries.error.save', 'Failed to save dictionary entry.'), 'error')\n    } finally {\n      setIsSaving(false)\n    }\n  }, [appearance, dictionaryId, formState.id, formState.label, formState.value, queryClient, readOnly, readOnlyMessage, t])\n\n  const handleDelete = React.useCallback(\n    async (entry: Entry) => {\n      if (readOnly) {\n        flash(readOnlyMessage, 'info')\n        return\n      }\n      if (!entry.id) return\n      const confirmDelete = await confirm({\n        title: t('dictionaries.config.entries.delete.confirm', 'Delete \"{{value}}\"?', { value: entry.label || entry.value }),\n        variant: 'destructive',\n      })\n      if (!confirmDelete) return\n      setIsDeleting(true)\n      try {\n        const call = await apiCall<Record<string, unknown>>(\n          `/api/dictionaries/${dictionaryId}/entries/${entry.id}`,\n          { method: 'DELETE' },\n        )\n        if (!call.ok) {\n          throw new Error(\n            typeof call.result?.error === 'string' ? call.result.error : 'Failed to delete dictionary entry',\n          )\n        }\n        await invalidateDictionaryEntries(queryClient, dictionaryId)\n        flash(t('dictionaries.config.entries.success.delete', 'Dictionary entry deleted.'), 'success')\n      } catch (err) {\n        console.error('Failed to delete dictionary entry', err)\n        flash(t('dictionaries.config.entries.error.delete', 'Failed to delete dictionary entry.'), 'error')\n      } finally {\n        setIsDeleting(false)\n      }\n    },\n    [confirm, dictionaryId, queryClient, readOnly, readOnlyMessage, t],\n  )\n\n  const tableContent = React.useMemo(() => {\n    if (isInitialLoading) {\n      return (\n        <TableRow>\n          <TableCell colSpan={4} className=\"py-8 text-center text-sm text-muted-foreground\">\n            <Spinner className=\"mx-auto mb-2 h-5 w-5\" />\n            {t('dictionaries.config.entries.loading', 'Loading entries\u2026')}\n          </TableCell>\n        </TableRow>\n      )\n    }\n    if (loadError) {\n      return (\n        <TableRow>\n          <TableCell colSpan={4} className=\"py-6 text-center text-sm text-destructive\">\n            {loadError}\n          </TableCell>\n        </TableRow>\n      )\n    }\n    if (!entries.length) {\n      return (\n        <TableRow>\n          <TableCell colSpan={4} className=\"py-6 text-center text-sm text-muted-foreground\">\n            {t('dictionaries.config.entries.empty', 'No entries yet.')}\n          </TableCell>\n        </TableRow>\n      )\n    }\n    return entries\n      .slice()\n      .sort((a, b) => a.label.localeCompare(b.label, undefined, { sensitivity: 'base' }))\n      .map((entry) => (\n        <TableRow key={entry.id}>\n          <TableCell className=\"font-medium\">{entry.value}</TableCell>\n          <TableCell>{entry.label}</TableCell>\n          <TableCell>\n            <DictionaryValue\n              value={entry.value}\n              map={dictionaryMap}\n              fallback={<span className=\"text-sm text-muted-foreground\">{t('dictionaries.config.entries.appearance.none', 'None')}</span>}\n            />\n          </TableCell>\n          <TableCell className=\"flex items-center gap-2\">\n            {readOnly ? (\n              <span className=\"text-xs text-muted-foreground\">\n                {t('dictionaries.config.entries.readOnlyActions', 'Managed in parent organization')}\n              </span>\n            ) : (\n              <>\n                <Button\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"icon\"\n                  onClick={() => openDialog(entry)}\n                >\n                  <Pencil className=\"h-4 w-4\" />\n                </Button>\n                <Button\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"icon\"\n                  onClick={() => setTranslateEntry(entry)}\n                  title={t('dictionaries.config.entries.actions.translate', 'Translate')}\n                >\n                  <Languages className=\"h-4 w-4\" />\n                </Button>\n                <Button\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"icon\"\n                  onClick={() => handleDelete(entry)}\n                  disabled={isDeleting}\n                >\n                  <Trash2 className=\"h-4 w-4\" />\n                </Button>\n              </>\n            )}\n          </TableCell>\n      </TableRow>\n      ))\n  }, [dictionaryMap, entries, handleDelete, isDeleting, isInitialLoading, loadError, openDialog, readOnly, t])\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"flex flex-wrap items-center justify-between gap-3\">\n        <div>\n          <h2 className=\"text-lg font-semibold\">{dictionaryName}</h2>\n          <p className=\"text-sm text-muted-foreground\">\n            {readOnly\n              ? readOnlyMessage\n              : t('dictionaries.config.entries.subtitle', 'Manage reusable values and appearance for this dictionary.')}\n          </p>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={() => {\n              dictionaryQuery.refetch().catch(() => {})\n            }}\n          >\n            <RefreshCw className=\"mr-2 h-4 w-4\" />\n            {t('dictionaries.config.entries.actions.refresh', 'Refresh')}\n          </Button>\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            onClick={() => openDialog()}\n            disabled={readOnly}\n            title={readOnly ? readOnlyMessage : undefined}\n          >\n            <Plus className=\"mr-2 h-4 w-4\" />\n            {t('dictionaries.config.entries.actions.add', 'Add entry')}\n          </Button>\n        </div>\n      </div>\n\n      <div className=\"overflow-hidden rounded-md border\">\n        <Table>\n          <TableHeader>\n            <TableRow>\n              <TableHead className=\"w-48\">{t('dictionaries.config.entries.columns.value', 'Value')}</TableHead>\n              <TableHead className=\"w-48\">{t('dictionaries.config.entries.columns.label', 'Label')}</TableHead>\n              <TableHead>{t('dictionaries.config.entries.columns.appearance', 'Appearance')}</TableHead>\n              <TableHead className=\"w-32 text-right\">{t('dictionaries.config.entries.columns.actions', 'Actions')}</TableHead>\n            </TableRow>\n          </TableHeader>\n          <TableBody>{tableContent}</TableBody>\n        </Table>\n      </div>\n\n      <Dialog open={dialogOpen} onOpenChange={(open) => (!open ? closeDialog() : undefined)}>\n        <DialogContent>\n          <DialogHeader>\n            <DialogTitle>\n              {formState.id\n                ? t('dictionaries.config.entries.dialog.editTitle', 'Edit dictionary entry')\n                : t('dictionaries.config.entries.dialog.addTitle', 'Add dictionary entry')}\n            </DialogTitle>\n          </DialogHeader>\n          <div className=\"space-y-4\">\n            <div className=\"space-y-2\">\n              <label className=\"text-sm font-medium\">\n                {t('dictionaries.config.entries.dialog.valueLabel', 'Value')}\n                <span className=\"ml-1 text-destructive\">*</span>\n              </label>\n              <input\n                type=\"text\"\n                value={formState.value}\n                onChange={(event) => {\n                  const nextValue = event.target.value\n                  setFormState((prev) => ({ ...prev, value: nextValue }))\n                  if (errors.value) {\n                    setErrors((prev) => ({ ...prev, value: undefined }))\n                  }\n                }}\n                className={`w-full rounded border px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring ${errors.value ? 'border-destructive focus-visible:ring-destructive' : ''}`}\n                aria-invalid={errors.value ? 'true' : 'false'}\n                aria-describedby=\"dictionary-entry-value-error\"\n              />\n              {errors.value ? (\n                <p id=\"dictionary-entry-value-error\" className=\"text-xs text-destructive\">\n                  {errors.value}\n                </p>\n              ) : null}\n            </div>\n            <div className=\"space-y-2\">\n              <label className=\"text-sm font-medium\">\n                {t('dictionaries.config.entries.dialog.labelLabel', 'Label')}\n              </label>\n              <input\n                type=\"text\"\n                value={formState.label}\n                onChange={(event) => setFormState((prev) => ({ ...prev, label: event.target.value }))}\n                placeholder={t('dictionaries.config.entries.dialog.labelPlaceholder', 'Display name shown in UI')}\n                className=\"w-full rounded border px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n              />\n            </div>\n            <AppearanceSelector\n              icon={appearance.icon}\n              color={appearance.color}\n              onIconChange={(next) => {\n                appearance.setIcon(next)\n                setFormState((prev) => ({ ...prev, icon: next }))\n              }}\n              onColorChange={(next) => {\n                appearance.setColor(next)\n                setFormState((prev) => ({ ...prev, color: next }))\n              }}\n              labels={{\n                colorLabel: t('dictionaries.config.entries.dialog.colorLabel', 'Color'),\n                colorHelp: t('dictionaries.config.entries.dialog.colorHelp', 'Pick a highlight color for this entry.'),\n                colorClearLabel: t('dictionaries.config.entries.dialog.colorClear', 'Remove color'),\n                iconLabel: t('dictionaries.config.entries.dialog.iconLabel', 'Icon or emoji'),\n                iconPlaceholder: t('dictionaries.config.entries.dialog.iconPlaceholder', 'Type an emoji or icon token.'),\n                iconPickerTriggerLabel: t('dictionaries.config.entries.dialog.iconBrowse', 'Browse icons and emoji'),\n                iconSearchPlaceholder: t('dictionaries.config.entries.dialog.iconSearchPlaceholder', 'Search icons or emojis\u2026'),\n                iconSearchEmptyLabel: t('dictionaries.config.entries.dialog.iconSearchEmpty', 'No icons match your search.'),\n                iconSuggestionsLabel: t('dictionaries.config.entries.dialog.iconSuggestions', 'Suggestions'),\n                iconClearLabel: t('dictionaries.config.entries.dialog.iconClear', 'Remove icon'),\n                previewEmptyLabel: t('dictionaries.config.entries.dialog.previewEmpty', 'No appearance selected'),\n              }}\n            />\n          </div>\n          <DialogFooter>\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              onClick={closeDialog}\n              disabled={isSaving}\n            >\n              {t('dictionaries.config.entries.dialog.cancel', 'Cancel')}\n            </Button>\n            <Button\n              type=\"button\"\n              onClick={handleSave}\n              disabled={isSaving}\n            >\n              {isSaving ? <Spinner className=\"mr-2 h-4 w-4\" /> : null}\n              {t('dictionaries.config.entries.dialog.save', 'Save')}\n            </Button>\n          </DialogFooter>\n        </DialogContent>\n      </Dialog>\n      <Dialog open={!!translateEntry} onOpenChange={(open) => { if (!open) setTranslateEntry(null) }}>\n        <DialogContent className=\"max-w-2xl max-h-[80vh] overflow-y-auto\">\n          <DialogHeader>\n            <DialogTitle>{t('translations.manager.translateEntry', 'Translate: {{label}}', { label: translateEntry?.label ?? '' })}</DialogTitle>\n            <DialogDescription>\n              {t('translations.manager.translateEntryDescription', 'Manage translations for this dictionary entry.')}\n            </DialogDescription>\n          </DialogHeader>\n          {translateEntry?.id && (\n            <TranslationManager\n              mode=\"embedded\"\n              entityType=\"dictionaries:dictionary_entry\"\n              recordId={translateEntry.id}\n              baseValues={{ label: translateEntry.label }}\n              translatableFields={['label']}\n            />\n          )}\n        </DialogContent>\n      </Dialog>\n      {ConfirmDialogElement}\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Plus, Pencil, Trash2, RefreshCw, Languages } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport {\n  Dialog,\n  DialogContent,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@open-mercato/ui/primitives/dialog'\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@open-mercato/ui/primitives/table'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { AppearanceSelector, useAppearanceState } from './AppearanceSelector'\nimport { DictionaryValue } from './dictionaryAppearance'\nimport {\n  invalidateDictionaryEntries,\n  useDictionaryEntries,\n} from './hooks/useDictionaryEntries'\nimport type { DictionaryEntryRecord } from './hooks/useDictionaryEntries'\nimport {\n  DialogDescription,\n} from '@open-mercato/ui/primitives/dialog'\nimport { TranslationManager } from '@open-mercato/core/modules/translations/components/TranslationManager'\n\ntype Entry = DictionaryEntryRecord\n\ntype DictionaryEntriesEditorProps = {\n  dictionaryId: string\n  dictionaryName: string\n  readOnly?: boolean\n}\n\ntype FormState = {\n  id?: string | null\n  value: string\n  label: string\n  color: string | null\n  icon: string | null\n}\n\nexport function DictionaryEntriesEditor({ dictionaryId, dictionaryName, readOnly = false }: DictionaryEntriesEditorProps) {\n  const t = useT()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const readOnlyMessage = t('dictionaries.config.entries.readOnly', 'Inherited dictionaries are managed at the parent organization.')\n  const queryClient = useQueryClient()\n  const scopeVersion = useOrganizationScopeVersion()\n  const dictionaryQuery = useDictionaryEntries(dictionaryId, scopeVersion)\n  const entries = React.useMemo<Entry[]>(() => dictionaryQuery.data?.fullEntries ?? [], [dictionaryQuery.data?.fullEntries])\n  const dictionaryMap = dictionaryQuery.data?.map ?? {}\n  const isInitialLoading = dictionaryQuery.isLoading\n  const loadError = dictionaryQuery.isError\n    ? t('dictionaries.config.entries.error.load', 'Failed to load dictionary entries.')\n    : null\n  const [dialogOpen, setDialogOpen] = React.useState(false)\n  const [isDeleting, setIsDeleting] = React.useState(false)\n  const [isSaving, setIsSaving] = React.useState(false)\n  const [formState, setFormState] = React.useState<FormState>(() => ({\n    value: '',\n    label: '',\n    color: null,\n    icon: null,\n  }))\n  const [errors, setErrors] = React.useState<{ value?: string; label?: string }>({})\n  const [translateEntry, setTranslateEntry] = React.useState<Entry | null>(null)\n  const appearance = useAppearanceState(formState.icon, formState.color)\n\n  const resetForm = React.useCallback(() => {\n    setFormState({ value: '', label: '', color: null, icon: null })\n    appearance.setColor(null)\n    appearance.setIcon(null)\n    setErrors({})\n  }, [appearance])\n\n  const openDialog = React.useCallback(\n    (entry?: Entry) => {\n      if (readOnly) {\n        flash(readOnlyMessage, 'info')\n        return\n      }\n      if (entry) {\n        setFormState({\n          id: entry.id,\n          value: entry.value,\n          label: entry.label,\n          color: entry.color ?? null,\n          icon: entry.icon ?? null,\n        })\n        appearance.setColor(entry.color ?? null)\n        appearance.setIcon(entry.icon ?? null)\n      } else {\n        resetForm()\n      }\n      setErrors({})\n      setDialogOpen(true)\n    },\n    [appearance, readOnly, readOnlyMessage, resetForm],\n  )\n\n  const closeDialog = React.useCallback(() => {\n    setDialogOpen(false)\n    resetForm()\n    setErrors({})\n  }, [resetForm])\n\n  const handleSave = React.useCallback(async () => {\n    if (readOnly) {\n      flash(readOnlyMessage, 'info')\n      return\n    }\n    const trimmedValue = formState.value.trim()\n    const trimmedLabel = formState.label.trim()\n    const nextErrors: { value?: string } = {}\n    if (!trimmedValue) {\n      nextErrors.value = t('dictionaries.config.entries.error.required', 'Value is required.')\n    }\n    if (nextErrors.value) {\n      setErrors(nextErrors)\n      return\n    }\n    setErrors({})\n    setIsSaving(true)\n    try {\n      const payload = {\n        value: trimmedValue,\n        label: trimmedLabel || trimmedValue,\n        color: appearance.color,\n        icon: appearance.icon,\n      }\n      if (formState.id) {\n        const call = await apiCall<Record<string, unknown>>(\n          `/api/dictionaries/${dictionaryId}/entries/${formState.id}`,\n          {\n            method: 'PATCH',\n            headers: { 'content-type': 'application/json' },\n            body: JSON.stringify(payload),\n          },\n        )\n        if (!call.ok) {\n          throw new Error(\n            typeof call.result?.error === 'string' ? call.result.error : 'Failed to save dictionary entry',\n          )\n        }\n        flash(t('dictionaries.config.entries.success.update', 'Dictionary entry updated.'), 'success')\n      } else {\n        const call = await apiCall<Record<string, unknown>>(\n          `/api/dictionaries/${dictionaryId}/entries`,\n          {\n            method: 'POST',\n            headers: { 'content-type': 'application/json' },\n            body: JSON.stringify(payload),\n          },\n        )\n        if (!call.ok) {\n          throw new Error(\n            typeof call.result?.error === 'string' ? call.result.error : 'Failed to create dictionary entry',\n          )\n        }\n        flash(t('dictionaries.config.entries.success.create', 'Dictionary entry created.'), 'success')\n      }\n      await invalidateDictionaryEntries(queryClient, dictionaryId)\n      setDialogOpen(false)\n      setFormState({ value: '', label: '', color: null, icon: null })\n      appearance.setColor(null)\n      appearance.setIcon(null)\n      setErrors({})\n    } catch (err) {\n      console.error('Failed to save dictionary entry', err)\n      flash(t('dictionaries.config.entries.error.save', 'Failed to save dictionary entry.'), 'error')\n    } finally {\n      setIsSaving(false)\n    }\n  }, [appearance, dictionaryId, formState.id, formState.label, formState.value, queryClient, readOnly, readOnlyMessage, t])\n\n  const handleDelete = React.useCallback(\n    async (entry: Entry) => {\n      if (readOnly) {\n        flash(readOnlyMessage, 'info')\n        return\n      }\n      if (!entry.id) return\n      const confirmDelete = await confirm({\n        title: t('dictionaries.config.entries.delete.confirm', 'Delete \"{{value}}\"?', { value: entry.label || entry.value }),\n        variant: 'destructive',\n      })\n      if (!confirmDelete) return\n      setIsDeleting(true)\n      try {\n        const call = await apiCall<Record<string, unknown>>(\n          `/api/dictionaries/${dictionaryId}/entries/${entry.id}`,\n          { method: 'DELETE' },\n        )\n        if (!call.ok) {\n          throw new Error(\n            typeof call.result?.error === 'string' ? call.result.error : 'Failed to delete dictionary entry',\n          )\n        }\n        await invalidateDictionaryEntries(queryClient, dictionaryId)\n        flash(t('dictionaries.config.entries.success.delete', 'Dictionary entry deleted.'), 'success')\n      } catch (err) {\n        console.error('Failed to delete dictionary entry', err)\n        flash(t('dictionaries.config.entries.error.delete', 'Failed to delete dictionary entry.'), 'error')\n      } finally {\n        setIsDeleting(false)\n      }\n    },\n    [confirm, dictionaryId, queryClient, readOnly, readOnlyMessage, t],\n  )\n\n  const tableContent = React.useMemo(() => {\n    if (isInitialLoading) {\n      return (\n        <TableRow>\n          <TableCell colSpan={4} className=\"py-8 text-center text-sm text-muted-foreground\">\n            <Spinner className=\"mx-auto mb-2 h-5 w-5\" />\n            {t('dictionaries.config.entries.loading', 'Loading entries\u2026')}\n          </TableCell>\n        </TableRow>\n      )\n    }\n    if (loadError) {\n      return (\n        <TableRow>\n          <TableCell colSpan={4} className=\"py-6 text-center text-sm text-destructive\">\n            {loadError}\n          </TableCell>\n        </TableRow>\n      )\n    }\n    if (!entries.length) {\n      return (\n        <TableRow>\n          <TableCell colSpan={4} className=\"py-6 text-center text-sm text-muted-foreground\">\n            {t('dictionaries.config.entries.empty', 'No entries yet.')}\n          </TableCell>\n        </TableRow>\n      )\n    }\n    return entries\n      .slice()\n      .sort((a, b) => a.label.localeCompare(b.label, undefined, { sensitivity: 'base' }))\n      .map((entry) => (\n        <TableRow key={entry.id}>\n          <TableCell className=\"font-medium\">{entry.value}</TableCell>\n          <TableCell>{entry.label}</TableCell>\n          <TableCell>\n            <DictionaryValue\n              value={entry.value}\n              map={dictionaryMap}\n              fallback={<span className=\"text-sm text-muted-foreground\">{t('dictionaries.config.entries.appearance.none', 'None')}</span>}\n            />\n          </TableCell>\n          <TableCell className=\"flex items-center gap-2\">\n            {readOnly ? (\n              <span className=\"text-xs text-muted-foreground\">\n                {t('dictionaries.config.entries.readOnlyActions', 'Managed in parent organization')}\n              </span>\n            ) : (\n              <>\n                <Button\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"icon\"\n                  onClick={() => openDialog(entry)}\n                >\n                  <Pencil className=\"h-4 w-4\" />\n                </Button>\n                <Button\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"icon\"\n                  onClick={() => setTranslateEntry(entry)}\n                  title={t('dictionaries.config.entries.actions.translate', 'Translate')}\n                >\n                  <Languages className=\"h-4 w-4\" />\n                </Button>\n                <Button\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"icon\"\n                  onClick={() => handleDelete(entry)}\n                  disabled={isDeleting}\n                >\n                  <Trash2 className=\"h-4 w-4\" />\n                </Button>\n              </>\n            )}\n          </TableCell>\n      </TableRow>\n      ))\n  }, [dictionaryMap, entries, handleDelete, isDeleting, isInitialLoading, loadError, openDialog, readOnly, t])\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"flex flex-wrap items-center justify-between gap-3\">\n        <div>\n          <h2 className=\"text-lg font-semibold\">{dictionaryName}</h2>\n          <p className=\"text-sm text-muted-foreground\">\n            {readOnly\n              ? readOnlyMessage\n              : t('dictionaries.config.entries.subtitle', 'Manage reusable values and appearance for this dictionary.')}\n          </p>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={() => {\n              dictionaryQuery.refetch().catch(() => {})\n            }}\n          >\n            <RefreshCw className=\"mr-2 h-4 w-4\" />\n            {t('dictionaries.config.entries.actions.refresh', 'Refresh')}\n          </Button>\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            onClick={() => openDialog()}\n            disabled={readOnly}\n            title={readOnly ? readOnlyMessage : undefined}\n          >\n            <Plus className=\"mr-2 h-4 w-4\" />\n            {t('dictionaries.config.entries.actions.add', 'Add entry')}\n          </Button>\n        </div>\n      </div>\n\n      <div className=\"overflow-hidden rounded-md border\">\n        <Table>\n          <TableHeader>\n            <TableRow>\n              <TableHead className=\"w-48\">{t('dictionaries.config.entries.columns.value', 'Value')}</TableHead>\n              <TableHead className=\"w-48\">{t('dictionaries.config.entries.columns.label', 'Label')}</TableHead>\n              <TableHead>{t('dictionaries.config.entries.columns.appearance', 'Appearance')}</TableHead>\n              <TableHead className=\"w-32 text-right\">{t('dictionaries.config.entries.columns.actions', 'Actions')}</TableHead>\n            </TableRow>\n          </TableHeader>\n          <TableBody>{tableContent}</TableBody>\n        </Table>\n      </div>\n\n      <Dialog open={dialogOpen} onOpenChange={(open) => (!open ? closeDialog() : undefined)}>\n        <DialogContent>\n          <DialogHeader>\n            <DialogTitle>\n              {formState.id\n                ? t('dictionaries.config.entries.dialog.editTitle', 'Edit dictionary entry')\n                : t('dictionaries.config.entries.dialog.addTitle', 'Add dictionary entry')}\n            </DialogTitle>\n          </DialogHeader>\n          <div className=\"space-y-4\">\n            <div className=\"space-y-2\">\n              <label className=\"text-sm font-medium\">\n                {t('dictionaries.config.entries.dialog.valueLabel', 'Value')}\n                <span className=\"ml-1 text-destructive\">*</span>\n              </label>\n              <Input\n                type=\"text\"\n                value={formState.value}\n                onChange={(event) => {\n                  const nextValue = event.target.value\n                  setFormState((prev) => ({ ...prev, value: nextValue }))\n                  if (errors.value) {\n                    setErrors((prev) => ({ ...prev, value: undefined }))\n                  }\n                }}\n                aria-invalid={errors.value ? 'true' : 'false'}\n                aria-describedby=\"dictionary-entry-value-error\"\n              />\n              {errors.value ? (\n                <p id=\"dictionary-entry-value-error\" className=\"text-xs text-destructive\">\n                  {errors.value}\n                </p>\n              ) : null}\n            </div>\n            <div className=\"space-y-2\">\n              <label className=\"text-sm font-medium\">\n                {t('dictionaries.config.entries.dialog.labelLabel', 'Label')}\n              </label>\n              <Input\n                type=\"text\"\n                value={formState.label}\n                onChange={(event) => setFormState((prev) => ({ ...prev, label: event.target.value }))}\n                placeholder={t('dictionaries.config.entries.dialog.labelPlaceholder', 'Display name shown in UI')}\n              />\n            </div>\n            <AppearanceSelector\n              icon={appearance.icon}\n              color={appearance.color}\n              onIconChange={(next) => {\n                appearance.setIcon(next)\n                setFormState((prev) => ({ ...prev, icon: next }))\n              }}\n              onColorChange={(next) => {\n                appearance.setColor(next)\n                setFormState((prev) => ({ ...prev, color: next }))\n              }}\n              labels={{\n                colorLabel: t('dictionaries.config.entries.dialog.colorLabel', 'Color'),\n                colorHelp: t('dictionaries.config.entries.dialog.colorHelp', 'Pick a highlight color for this entry.'),\n                colorClearLabel: t('dictionaries.config.entries.dialog.colorClear', 'Remove color'),\n                iconLabel: t('dictionaries.config.entries.dialog.iconLabel', 'Icon or emoji'),\n                iconPlaceholder: t('dictionaries.config.entries.dialog.iconPlaceholder', 'Type an emoji or icon token.'),\n                iconPickerTriggerLabel: t('dictionaries.config.entries.dialog.iconBrowse', 'Browse icons and emoji'),\n                iconSearchPlaceholder: t('dictionaries.config.entries.dialog.iconSearchPlaceholder', 'Search icons or emojis\u2026'),\n                iconSearchEmptyLabel: t('dictionaries.config.entries.dialog.iconSearchEmpty', 'No icons match your search.'),\n                iconSuggestionsLabel: t('dictionaries.config.entries.dialog.iconSuggestions', 'Suggestions'),\n                iconClearLabel: t('dictionaries.config.entries.dialog.iconClear', 'Remove icon'),\n                previewEmptyLabel: t('dictionaries.config.entries.dialog.previewEmpty', 'No appearance selected'),\n              }}\n            />\n          </div>\n          <DialogFooter>\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              onClick={closeDialog}\n              disabled={isSaving}\n            >\n              {t('dictionaries.config.entries.dialog.cancel', 'Cancel')}\n            </Button>\n            <Button\n              type=\"button\"\n              onClick={handleSave}\n              disabled={isSaving}\n            >\n              {isSaving ? <Spinner className=\"mr-2 h-4 w-4\" /> : null}\n              {t('dictionaries.config.entries.dialog.save', 'Save')}\n            </Button>\n          </DialogFooter>\n        </DialogContent>\n      </Dialog>\n      <Dialog open={!!translateEntry} onOpenChange={(open) => { if (!open) setTranslateEntry(null) }}>\n        <DialogContent className=\"max-w-2xl max-h-[80vh] overflow-y-auto\">\n          <DialogHeader>\n            <DialogTitle>{t('translations.manager.translateEntry', 'Translate: {{label}}', { label: translateEntry?.label ?? '' })}</DialogTitle>\n            <DialogDescription>\n              {t('translations.manager.translateEntryDescription', 'Manage translations for this dictionary entry.')}\n            </DialogDescription>\n          </DialogHeader>\n          {translateEntry?.id && (\n            <TranslationManager\n              mode=\"embedded\"\n              entityType=\"dictionaries:dictionary_entry\"\n              recordId={translateEntry.id}\n              baseValues={{ label: translateEntry.label }}\n              translatableFields={['label']}\n            />\n          )}\n        </DialogContent>\n      </Dialog>\n      {ConfirmDialogElement}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/dictionaries/components/DictionaryEntrySelect.js

@@ -5,6 +5,7 @@ import Link from "next/link";
 import { usePathname, useSearchParams } from "next/navigation";
 import { Plus, Settings, Save } from "lucide-react";
 import { Button } from "@open-mercato/ui/primitives/button";
+import { Input } from "@open-mercato/ui/primitives/input";
 import {
   Dialog,
   DialogContent,
@@ -14,6 +15,13 @@ import {
   DialogTitle,
   DialogTrigger
 } from "@open-mercato/ui/primitives/dialog";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@open-mercato/ui/primitives/select";
 import { Spinner } from "@open-mercato/ui/primitives/spinner";
 import { flash } from "@open-mercato/ui/backend/FlashMessages";
 import { buildHrefWithReturnTo } from "@open-mercato/shared/lib/navigation/returnTo";
@@ -180,19 +188,21 @@ function DictionaryEntrySelect({
   return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsxs(
-        "select",
+        Select,
         {
-          className: [
-            "h-9 w-full rounded border pl-3 pr-8 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
-            selectClassName
-          ].filter(Boolean).join(" "),
-          value: value ?? "",
-          onChange: (event) => onChange(event.target.value ? event.target.value : void 0),
+          value: value || void 0,
+          onValueChange: (next) => onChange(next || void 0),
           disabled,
-          title: activeOption?.label ?? void 0,
           children: [
-            /* @__PURE__ */ jsx("option", { value: "", children: labels.placeholder }),
-            options.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, title: option.label, children: option.label }, option.value))
+            /* @__PURE__ */ jsx(
+              SelectTrigger,
+              {
+                className: selectClassName,
+                title: activeOption?.label ?? void 0,
+                children: /* @__PURE__ */ jsx(SelectValue, { placeholder: labels.placeholder })
+              }
+            ),
+            /* @__PURE__ */ jsx(SelectContent, { children: options.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value, children: option.label }, option.value)) })
           ]
         }
       ),
@@ -219,10 +229,9 @@ function DictionaryEntrySelect({
               /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
                 /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: labels.valueLabel }),
                 /* @__PURE__ */ jsx(
-                  "input",
+                  Input,
                   {
                     type: "text",
-                    className: "w-full rounded border px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
                     value: newValue,
                     onChange: (event) => {
                       setNewValue(event.target.value);
@@ -237,10 +246,9 @@ function DictionaryEntrySelect({
               showLabelInput ? /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
                 /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: labels.labelLabel }),
                 /* @__PURE__ */ jsx(
-                  "input",
+                  Input,
                   {
                     type: "text",
-                    className: "w-full rounded border px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
                     value: newLabel,
                     onChange: (event) => setNewLabel(event.target.value),
                     placeholder: labels.labelPlaceholder,

package/dist/modules/dictionaries/components/DictionaryEntrySelect.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/dictionaries/components/DictionaryEntrySelect.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { usePathname, useSearchParams } from 'next/navigation'\nimport { Plus, Settings, Save } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from '@open-mercato/ui/primitives/dialog'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { buildHrefWithReturnTo } from '@open-mercato/shared/lib/navigation/returnTo'\nimport { DictionaryValue, renderDictionaryColor, renderDictionaryIcon } from './dictionaryAppearance'\nimport { AppearanceSelector, type AppearanceSelectorLabels, useAppearanceState } from './AppearanceSelector'\n\nconst DEFAULT_APPEARANCE_LABELS: AppearanceSelectorLabels = {\n  colorLabel: 'Color',\n  colorHelp: 'Pick a highlight color for this entry.',\n  colorClearLabel: 'Remove color',\n  iconLabel: 'Icon or emoji',\n  iconPlaceholder: 'Type an emoji or icon token.',\n  iconPickerTriggerLabel: 'Browse icons and emoji',\n  iconSearchPlaceholder: 'Search icons or emojis\u2026',\n  iconSearchEmptyLabel: 'No icons match your search.',\n  iconSuggestionsLabel: 'Suggestions',\n  iconClearLabel: 'Remove icon',\n  previewEmptyLabel: 'No appearance selected',\n}\n\nexport type DictionaryOption = {\n  value: string\n  label: string\n  color: string | null\n  icon: string | null\n}\n\nexport type DictionarySelectLabels = {\n  placeholder: string\n  addLabel: string\n  addPrompt?: string\n  dialogTitle: string\n  valueLabel: string\n  valuePlaceholder: string\n  labelLabel: string\n  labelPlaceholder: string\n  emptyError: string\n  cancelLabel: string\n  saveLabel: string\n  saveShortcutHint?: string\n  successCreateLabel?: string\n  errorLoad: string\n  errorSave: string\n  loadingLabel: string\n  manageTitle: string\n}\n\nexport type DictionaryEntrySelectProps = {\n  value?: string\n  onChange: (value: string | undefined) => void\n  fetchOptions: () => Promise<DictionaryOption[]>\n  createOption?: (input: { value: string; label?: string; color?: string | null; icon?: string | null }) => Promise<DictionaryOption | null>\n  labels: DictionarySelectLabels\n  manageHref?: string\n  selectClassName?: string\n  allowInlineCreate?: boolean\n  allowAppearance?: boolean\n  appearanceLabels?: AppearanceSelectorLabels\n  disabled?: boolean\n  showLabelInput?: boolean\n  showManage?: boolean\n}\n\nexport function DictionaryEntrySelect({\n  value,\n  onChange,\n  fetchOptions,\n  createOption,\n  labels,\n  manageHref,\n  selectClassName,\n  allowInlineCreate = true,\n  allowAppearance = false,\n  appearanceLabels,\n  disabled: disabledProp = false,\n  showLabelInput = true,\n  showManage = true,\n}: DictionaryEntrySelectProps) {\n  const pathname = usePathname()\n  const searchParams = useSearchParams()\n  const [options, setOptions] = React.useState<DictionaryOption[]>([])\n  const [loading, setLoading] = React.useState(true)\n  const [saving, setSaving] = React.useState(false)\n  const [dialogOpen, setDialogOpen] = React.useState(false)\n  const [newValue, setNewValue] = React.useState('')\n  const [newLabel, setNewLabel] = React.useState('')\n  const [formError, setFormError] = React.useState<string | null>(null)\n  const appearance = useAppearanceState(null, null)\n\n  const loadOptions = React.useCallback(async () => {\n    setLoading(true)\n    try {\n      const items = await fetchOptions()\n      setOptions(items.sort((a, b) => a.label.localeCompare(b.label, undefined, { sensitivity: 'base' })))\n    } catch (err) {\n      console.error('DictionaryEntrySelect.fetchOptions failed', err)\n      flash(labels.errorLoad, 'error')\n      setOptions([])\n    } finally {\n      setLoading(false)\n    }\n  }, [fetchOptions, labels.errorLoad])\n\n  React.useEffect(() => {\n    loadOptions().catch(() => {})\n  }, [loadOptions])\n\n  const resetDialogState = React.useCallback(() => {\n    setNewValue('')\n    setNewLabel('')\n    setFormError(null)\n    appearance.setColor(null)\n    appearance.setIcon(null)\n    setSaving(false)\n  }, [appearance])\n\n  React.useEffect(() => {\n    if (!dialogOpen) resetDialogState()\n  }, [dialogOpen, resetDialogState])\n\n  const activeOption = React.useMemo(\n    () => options.find((option) => option.value === value) ?? null,\n    [options, value],\n  )\n\n  const handleCreate = React.useCallback(async () => {\n    if (!createOption) return\n    const trimmedValue = newValue.trim()\n    if (!trimmedValue.length) {\n      setFormError(labels.emptyError)\n      return\n    }\n    setSaving(true)\n    try {\n      const payload = await createOption({\n        value: trimmedValue,\n        label: showLabelInput ? newLabel.trim() || undefined : undefined,\n        color: allowAppearance && appearance.color ? appearance.color : undefined,\n        icon: allowAppearance && appearance.icon ? appearance.icon : undefined,\n      })\n      if (!payload) throw new Error('createOption did not return an entry')\n      setOptions((previous) => {\n        const map = new Map(previous.map((option) => [option.value, option]))\n        map.set(payload.value, {\n          value: payload.value,\n          label: payload.label,\n          color: payload.color ?? null,\n          icon: payload.icon ?? null,\n        })\n        return Array.from(map.values()).sort((a, b) => a.label.localeCompare(b.label, undefined, { sensitivity: 'base' }))\n      })\n      await loadOptions()\n      onChange(payload.value)\n      setDialogOpen(false)\n      if (labels.successCreateLabel) {\n        flash(labels.successCreateLabel, 'success')\n      }\n    } catch (err) {\n      console.error('DictionaryEntrySelect.createOption failed', err)\n      flash(labels.errorSave, 'error')\n    } finally {\n      setSaving(false)\n    }\n  }, [\n    allowAppearance,\n    appearance.color,\n    appearance.icon,\n    createOption,\n    labels.emptyError,\n    labels.errorSave,\n    labels.successCreateLabel,\n    loadOptions,\n    newLabel,\n    newValue,\n    onChange,\n  ])\n\n  const handleDialogKeyDown = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        event.preventDefault()\n        if (!saving) {\n          setDialogOpen(false)\n        }\n        return\n      }\n      if (event.key === 'Enter' && (event.metaKey || event.ctrlKey)) {\n        event.preventDefault()\n        if (!saving && newValue.trim().length) {\n          handleCreate().catch(() => {})\n        } else if (!saving && !newValue.trim().length) {\n          setFormError(labels.emptyError)\n        }\n      }\n    },\n    [handleCreate, labels.emptyError, newValue, saving],\n  )\n\n  const shortcutHint = React.useMemo(() => {\n    const provided = typeof labels.saveShortcutHint === 'string' ? labels.saveShortcutHint.trim() : ''\n    if (provided.length) return provided\n    return '\u2318/Ctrl + Enter'\n  }, [labels.saveShortcutHint])\n\n  const disabled = disabledProp || loading || saving\n  const manageLink = manageHref ?? '/backend/config/dictionaries'\n  const returnTo = React.useMemo(() => {\n    const query = searchParams?.toString() ?? ''\n    if (!pathname) return null\n    return query.length ? `${pathname}?${query}` : pathname\n  }, [pathname, searchParams])\n  const manageLinkWithReturnTo = React.useMemo(\n    () => buildHrefWithReturnTo(manageLink, returnTo),\n    [manageLink, returnTo],\n  )\n\n  return (\n    <div className=\"space-y-2\">\n      <div className=\"flex items-center gap-2\">\n        <select\n          className={[\n            'h-9 w-full rounded border pl-3 pr-8 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50',\n            selectClassName,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          value={value ?? ''}\n          onChange={(event) => onChange(event.target.value ? event.target.value : undefined)}\n          disabled={disabled}\n          title={activeOption?.label ?? undefined}\n        >\n          <option value=\"\">{labels.placeholder}</option>\n          {options.map((option) => (\n            <option key={option.value} value={option.value} title={option.label}>\n              {option.label}\n            </option>\n          ))}\n        </select>\n        <div className=\"flex items-center gap-1\">\n          {allowInlineCreate && createOption ? (\n            <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>\n              <DialogTrigger asChild>\n                <Button\n                  type=\"button\"\n                  variant=\"outline\"\n                  size=\"icon\"\n                  disabled={disabled}\n                  title={labels.addLabel}\n                  aria-label={labels.addLabel}\n                >\n                  <Plus className=\"h-4 w-4\" />\n                </Button>\n              </DialogTrigger>\n              <DialogContent className=\"sm:max-w-md\" onKeyDown={handleDialogKeyDown}>\n                <DialogHeader>\n                  <DialogTitle>{labels.dialogTitle}</DialogTitle>\n                  {labels.addPrompt ? <DialogDescription>{labels.addPrompt}</DialogDescription> : null}\n                </DialogHeader>\n                <div className=\"space-y-4\">\n                  <div className=\"space-y-2\">\n                    <label className=\"text-sm font-medium\">{labels.valueLabel}</label>\n                    <input\n                      type=\"text\"\n                      className=\"w-full rounded border px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n                      value={newValue}\n                      onChange={(event) => {\n                        setNewValue(event.target.value)\n                        if (formError) setFormError(null)\n                      }}\n                      placeholder={labels.valuePlaceholder}\n                      autoFocus\n                      disabled={saving}\n                    />\n                  </div>\n                  {showLabelInput ? (\n                    <div className=\"space-y-2\">\n                      <label className=\"text-sm font-medium\">{labels.labelLabel}</label>\n                      <input\n                        type=\"text\"\n                        className=\"w-full rounded border px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n                        value={newLabel}\n                        onChange={(event) => setNewLabel(event.target.value)}\n                        placeholder={labels.labelPlaceholder}\n                        disabled={saving}\n                      />\n                    </div>\n                  ) : null}\n                  {allowAppearance ? (\n                    <AppearanceSelector\n                      icon={appearance.icon}\n                      color={appearance.color}\n                      onIconChange={appearance.setIcon}\n                      onColorChange={appearance.setColor}\n                      labels={appearanceLabels ?? DEFAULT_APPEARANCE_LABELS}\n                    />\n                  ) : null}\n                  {formError ? <p className=\"text-sm text-red-600\">{formError}</p> : null}\n                </div>\n                <DialogFooter>\n                  <Button type=\"button\" variant=\"outline\" onClick={() => setDialogOpen(false)} disabled={saving}>\n                    {labels.cancelLabel}\n                  </Button>\n                  <Button type=\"button\" onClick={handleCreate} disabled={saving || !newValue.trim()}>\n                    {saving ? <Spinner className=\"mr-2 h-4 w-4\" /> : <Save className=\"mr-2 h-4 w-4\" />}\n                    <span className=\"flex items-center gap-2\">\n                      <span>{labels.saveLabel}</span>\n                      {!saving ? (\n                        <span className=\"text-xs text-muted-foreground\">{`(${shortcutHint})`}</span>\n                      ) : null}\n                    </span>\n                  </Button>\n                </DialogFooter>\n              </DialogContent>\n            </Dialog>\n          ) : null}\n          {showManage ? (\n            <Button asChild variant=\"ghost\" size=\"icon\" title={labels.manageTitle} aria-label={labels.manageTitle}>\n              <Link href={manageLinkWithReturnTo}>\n                <Settings className=\"h-4 w-4\" />\n                <span className=\"sr-only\">{labels.manageTitle}</span>\n              </Link>\n            </Button>\n          ) : null}\n        </div>\n      </div>\n      {activeOption && (activeOption.icon || activeOption.color) ? (\n        <div className=\"flex items-center gap-2 text-xs text-muted-foreground\">\n          <span className=\"inline-flex items-center gap-2 rounded border border-dashed px-2 py-1\">\n            {activeOption.icon ? renderDictionaryIcon(activeOption.icon, 'h-4 w-4') : null}\n            {activeOption.color ? renderDictionaryColor(activeOption.color, 'h-4 w-4 rounded-sm') : null}\n          </span>\n          {activeOption.color ? <span>{activeOption.color}</span> : null}\n        </div>\n      ) : null}\n      {loading ? <div className=\"text-xs text-muted-foreground\">{labels.loadingLabel}</div> : null}\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { usePathname, useSearchParams } from 'next/navigation'\nimport { Plus, Settings, Save } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n} from '@open-mercato/ui/primitives/dialog'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { buildHrefWithReturnTo } from '@open-mercato/shared/lib/navigation/returnTo'\nimport { DictionaryValue, renderDictionaryColor, renderDictionaryIcon } from './dictionaryAppearance'\nimport { AppearanceSelector, type AppearanceSelectorLabels, useAppearanceState } from './AppearanceSelector'\n\nconst DEFAULT_APPEARANCE_LABELS: AppearanceSelectorLabels = {\n  colorLabel: 'Color',\n  colorHelp: 'Pick a highlight color for this entry.',\n  colorClearLabel: 'Remove color',\n  iconLabel: 'Icon or emoji',\n  iconPlaceholder: 'Type an emoji or icon token.',\n  iconPickerTriggerLabel: 'Browse icons and emoji',\n  iconSearchPlaceholder: 'Search icons or emojis\u2026',\n  iconSearchEmptyLabel: 'No icons match your search.',\n  iconSuggestionsLabel: 'Suggestions',\n  iconClearLabel: 'Remove icon',\n  previewEmptyLabel: 'No appearance selected',\n}\n\nexport type DictionaryOption = {\n  value: string\n  label: string\n  color: string | null\n  icon: string | null\n}\n\nexport type DictionarySelectLabels = {\n  placeholder: string\n  addLabel: string\n  addPrompt?: string\n  dialogTitle: string\n  valueLabel: string\n  valuePlaceholder: string\n  labelLabel: string\n  labelPlaceholder: string\n  emptyError: string\n  cancelLabel: string\n  saveLabel: string\n  saveShortcutHint?: string\n  successCreateLabel?: string\n  errorLoad: string\n  errorSave: string\n  loadingLabel: string\n  manageTitle: string\n}\n\nexport type DictionaryEntrySelectProps = {\n  value?: string\n  onChange: (value: string | undefined) => void\n  fetchOptions: () => Promise<DictionaryOption[]>\n  createOption?: (input: { value: string; label?: string; color?: string | null; icon?: string | null }) => Promise<DictionaryOption | null>\n  labels: DictionarySelectLabels\n  manageHref?: string\n  selectClassName?: string\n  allowInlineCreate?: boolean\n  allowAppearance?: boolean\n  appearanceLabels?: AppearanceSelectorLabels\n  disabled?: boolean\n  showLabelInput?: boolean\n  showManage?: boolean\n}\n\nexport function DictionaryEntrySelect({\n  value,\n  onChange,\n  fetchOptions,\n  createOption,\n  labels,\n  manageHref,\n  selectClassName,\n  allowInlineCreate = true,\n  allowAppearance = false,\n  appearanceLabels,\n  disabled: disabledProp = false,\n  showLabelInput = true,\n  showManage = true,\n}: DictionaryEntrySelectProps) {\n  const pathname = usePathname()\n  const searchParams = useSearchParams()\n  const [options, setOptions] = React.useState<DictionaryOption[]>([])\n  const [loading, setLoading] = React.useState(true)\n  const [saving, setSaving] = React.useState(false)\n  const [dialogOpen, setDialogOpen] = React.useState(false)\n  const [newValue, setNewValue] = React.useState('')\n  const [newLabel, setNewLabel] = React.useState('')\n  const [formError, setFormError] = React.useState<string | null>(null)\n  const appearance = useAppearanceState(null, null)\n\n  const loadOptions = React.useCallback(async () => {\n    setLoading(true)\n    try {\n      const items = await fetchOptions()\n      setOptions(items.sort((a, b) => a.label.localeCompare(b.label, undefined, { sensitivity: 'base' })))\n    } catch (err) {\n      console.error('DictionaryEntrySelect.fetchOptions failed', err)\n      flash(labels.errorLoad, 'error')\n      setOptions([])\n    } finally {\n      setLoading(false)\n    }\n  }, [fetchOptions, labels.errorLoad])\n\n  React.useEffect(() => {\n    loadOptions().catch(() => {})\n  }, [loadOptions])\n\n  const resetDialogState = React.useCallback(() => {\n    setNewValue('')\n    setNewLabel('')\n    setFormError(null)\n    appearance.setColor(null)\n    appearance.setIcon(null)\n    setSaving(false)\n  }, [appearance])\n\n  React.useEffect(() => {\n    if (!dialogOpen) resetDialogState()\n  }, [dialogOpen, resetDialogState])\n\n  const activeOption = React.useMemo(\n    () => options.find((option) => option.value === value) ?? null,\n    [options, value],\n  )\n\n  const handleCreate = React.useCallback(async () => {\n    if (!createOption) return\n    const trimmedValue = newValue.trim()\n    if (!trimmedValue.length) {\n      setFormError(labels.emptyError)\n      return\n    }\n    setSaving(true)\n    try {\n      const payload = await createOption({\n        value: trimmedValue,\n        label: showLabelInput ? newLabel.trim() || undefined : undefined,\n        color: allowAppearance && appearance.color ? appearance.color : undefined,\n        icon: allowAppearance && appearance.icon ? appearance.icon : undefined,\n      })\n      if (!payload) throw new Error('createOption did not return an entry')\n      setOptions((previous) => {\n        const map = new Map(previous.map((option) => [option.value, option]))\n        map.set(payload.value, {\n          value: payload.value,\n          label: payload.label,\n          color: payload.color ?? null,\n          icon: payload.icon ?? null,\n        })\n        return Array.from(map.values()).sort((a, b) => a.label.localeCompare(b.label, undefined, { sensitivity: 'base' }))\n      })\n      await loadOptions()\n      onChange(payload.value)\n      setDialogOpen(false)\n      if (labels.successCreateLabel) {\n        flash(labels.successCreateLabel, 'success')\n      }\n    } catch (err) {\n      console.error('DictionaryEntrySelect.createOption failed', err)\n      flash(labels.errorSave, 'error')\n    } finally {\n      setSaving(false)\n    }\n  }, [\n    allowAppearance,\n    appearance.color,\n    appearance.icon,\n    createOption,\n    labels.emptyError,\n    labels.errorSave,\n    labels.successCreateLabel,\n    loadOptions,\n    newLabel,\n    newValue,\n    onChange,\n  ])\n\n  const handleDialogKeyDown = React.useCallback(\n    (event: React.KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        event.preventDefault()\n        if (!saving) {\n          setDialogOpen(false)\n        }\n        return\n      }\n      if (event.key === 'Enter' && (event.metaKey || event.ctrlKey)) {\n        event.preventDefault()\n        if (!saving && newValue.trim().length) {\n          handleCreate().catch(() => {})\n        } else if (!saving && !newValue.trim().length) {\n          setFormError(labels.emptyError)\n        }\n      }\n    },\n    [handleCreate, labels.emptyError, newValue, saving],\n  )\n\n  const shortcutHint = React.useMemo(() => {\n    const provided = typeof labels.saveShortcutHint === 'string' ? labels.saveShortcutHint.trim() : ''\n    if (provided.length) return provided\n    return '\u2318/Ctrl + Enter'\n  }, [labels.saveShortcutHint])\n\n  const disabled = disabledProp || loading || saving\n  const manageLink = manageHref ?? '/backend/config/dictionaries'\n  const returnTo = React.useMemo(() => {\n    const query = searchParams?.toString() ?? ''\n    if (!pathname) return null\n    return query.length ? `${pathname}?${query}` : pathname\n  }, [pathname, searchParams])\n  const manageLinkWithReturnTo = React.useMemo(\n    () => buildHrefWithReturnTo(manageLink, returnTo),\n    [manageLink, returnTo],\n  )\n\n  return (\n    <div className=\"space-y-2\">\n      <div className=\"flex items-center gap-2\">\n        <Select\n          value={value || undefined}\n          onValueChange={(next) => onChange(next || undefined)}\n          disabled={disabled}\n        >\n          <SelectTrigger\n            className={selectClassName}\n            title={activeOption?.label ?? undefined}\n          >\n            <SelectValue placeholder={labels.placeholder} />\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        <div className=\"flex items-center gap-1\">\n          {allowInlineCreate && createOption ? (\n            <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>\n              <DialogTrigger asChild>\n                <Button\n                  type=\"button\"\n                  variant=\"outline\"\n                  size=\"icon\"\n                  disabled={disabled}\n                  title={labels.addLabel}\n                  aria-label={labels.addLabel}\n                >\n                  <Plus className=\"h-4 w-4\" />\n                </Button>\n              </DialogTrigger>\n              <DialogContent className=\"sm:max-w-md\" onKeyDown={handleDialogKeyDown}>\n                <DialogHeader>\n                  <DialogTitle>{labels.dialogTitle}</DialogTitle>\n                  {labels.addPrompt ? <DialogDescription>{labels.addPrompt}</DialogDescription> : null}\n                </DialogHeader>\n                <div className=\"space-y-4\">\n                  <div className=\"space-y-2\">\n                    <label className=\"text-sm font-medium\">{labels.valueLabel}</label>\n                    <Input\n                      type=\"text\"\n                      value={newValue}\n                      onChange={(event) => {\n                        setNewValue(event.target.value)\n                        if (formError) setFormError(null)\n                      }}\n                      placeholder={labels.valuePlaceholder}\n                      autoFocus\n                      disabled={saving}\n                    />\n                  </div>\n                  {showLabelInput ? (\n                    <div className=\"space-y-2\">\n                      <label className=\"text-sm font-medium\">{labels.labelLabel}</label>\n                      <Input\n                        type=\"text\"\n                        value={newLabel}\n                        onChange={(event) => setNewLabel(event.target.value)}\n                        placeholder={labels.labelPlaceholder}\n                        disabled={saving}\n                      />\n                    </div>\n                  ) : null}\n                  {allowAppearance ? (\n                    <AppearanceSelector\n                      icon={appearance.icon}\n                      color={appearance.color}\n                      onIconChange={appearance.setIcon}\n                      onColorChange={appearance.setColor}\n                      labels={appearanceLabels ?? DEFAULT_APPEARANCE_LABELS}\n                    />\n                  ) : null}\n                  {formError ? <p className=\"text-sm text-red-600\">{formError}</p> : null}\n                </div>\n                <DialogFooter>\n                  <Button type=\"button\" variant=\"outline\" onClick={() => setDialogOpen(false)} disabled={saving}>\n                    {labels.cancelLabel}\n                  </Button>\n                  <Button type=\"button\" onClick={handleCreate} disabled={saving || !newValue.trim()}>\n                    {saving ? <Spinner className=\"mr-2 h-4 w-4\" /> : <Save className=\"mr-2 h-4 w-4\" />}\n                    <span className=\"flex items-center gap-2\">\n                      <span>{labels.saveLabel}</span>\n                      {!saving ? (\n                        <span className=\"text-xs text-muted-foreground\">{`(${shortcutHint})`}</span>\n                      ) : null}\n                    </span>\n                  </Button>\n                </DialogFooter>\n              </DialogContent>\n            </Dialog>\n          ) : null}\n          {showManage ? (\n            <Button asChild variant=\"ghost\" size=\"icon\" title={labels.manageTitle} aria-label={labels.manageTitle}>\n              <Link href={manageLinkWithReturnTo}>\n                <Settings className=\"h-4 w-4\" />\n                <span className=\"sr-only\">{labels.manageTitle}</span>\n              </Link>\n            </Button>\n          ) : null}\n        </div>\n      </div>\n      {activeOption && (activeOption.icon || activeOption.color) ? (\n        <div className=\"flex items-center gap-2 text-xs text-muted-foreground\">\n          <span className=\"inline-flex items-center gap-2 rounded border border-dashed px-2 py-1\">\n            {activeOption.icon ? renderDictionaryIcon(activeOption.icon, 'h-4 w-4') : null}\n            {activeOption.color ? renderDictionaryColor(activeOption.color, 'h-4 w-4 rounded-sm') : null}\n          </span>\n          {activeOption.color ? <span>{activeOption.color}</span> : null}\n        </div>\n      ) : null}\n      {loading ? <div className=\"text-xs text-muted-foreground\">{labels.loadingLabel}</div> : null}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/dictionaries/fields/dictionary.js

@@ -4,6 +4,13 @@ import * as React from "react";
 import { FieldRegistry } from "@open-mercato/ui/backend/fields/registry";
 import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@open-mercato/ui/primitives/select";
 import { DictionarySelectControl } from "../components/DictionarySelectControl.js";
 import { useDictionaryEntries } from "../components/hooks/useDictionaryEntries.js";
 function DictionaryDefaultSelector({
@@ -18,14 +25,13 @@ function DictionaryDefaultSelector({
   return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
     /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t("dictionaries.customFields.defaultValue", "Default value") }),
     /* @__PURE__ */ jsxs(
-      "select",
+      Select,
       {
-        className: "w-full rounded border px-2 py-1 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-        value: defaultValue,
-        onChange: (event) => onChange(event.target.value),
+        value: defaultValue || void 0,
+        onValueChange: (next) => onChange(next ?? ""),
         children: [
-          /* @__PURE__ */ jsx("option", { value: "", children: t("dictionaries.customFields.defaultValueNone", "No default") }),
-          entries.map((entry) => /* @__PURE__ */ jsx("option", { value: entry.value, children: entry.label }, entry.value))
+          /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("dictionaries.customFields.defaultValueNone", "No default") }) }),
+          /* @__PURE__ */ jsx(SelectContent, { children: entries.map((entry) => /* @__PURE__ */ jsx(SelectItem, { value: entry.value, children: entry.label }, entry.value)) })
         ]
       }
     ),
@@ -86,17 +92,16 @@ function DictionaryFieldDefEditor({ def, onChange }) {
     /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
       /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t("dictionaries.customFields.dictionaryLabel", "Dictionary source") }),
       /* @__PURE__ */ jsxs(
-        "select",
+        Select,
         {
-          className: "w-full rounded border px-2 py-1 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-          value: selectedId,
-          onChange: (event) => onChange({ dictionaryId: event.target.value || void 0 }),
+          value: selectedId || void 0,
+          onValueChange: (next) => onChange({ dictionaryId: next || void 0 }),
           children: [
-            /* @__PURE__ */ jsx("option", { value: "", children: t("dictionaries.customFields.dictionaryPlaceholder", "Select a dictionary") }),
-            items.map((item) => /* @__PURE__ */ jsxs("option", { value: item.id, children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("dictionaries.customFields.dictionaryPlaceholder", "Select a dictionary") }) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: items.map((item) => /* @__PURE__ */ jsxs(SelectItem, { value: item.id, children: [
               item.name,
               item.isActive ? "" : ` (${t("dictionaries.customFields.inactive", "inactive")})`
-            ] }, item.id))
+            ] }, item.id)) })
           ]
         }
       ),