@open-mercato/core 0.6.4-develop.4382.1.6b4f656b77 → 0.6.4

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 { 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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",
+  "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, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'\nimport { buildOptimisticLockHeader } from '@open-mercato/ui/backend/utils/optimisticLock'\nimport { surfaceRecordConflict } from '@open-mercato/ui/backend/conflicts'\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  updatedAt?: 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          updatedAt: entry.updatedAt ?? 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 withScopedApiRequestHeaders(\n          buildOptimisticLockHeader(formState.updatedAt),\n          () =>\n            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        )\n        if (!call.ok) {\n          throw Object.assign(\n            new Error(typeof call.result?.error === 'string' ? call.result.error : 'Failed to save dictionary entry'),\n            { status: call.status, ...(call.result && typeof call.result === 'object' ? call.result : {}) },\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      if (surfaceRecordConflict(err, t)) {\n        return\n      }\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.updatedAt, 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 withScopedApiRequestHeaders(\n          buildOptimisticLockHeader(entry.updatedAt),\n          () =>\n            apiCall<Record<string, unknown>>(\n              `/api/dictionaries/${dictionaryId}/entries/${entry.id}`,\n              { method: 'DELETE' },\n            ),\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.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

@@ -49,12 +49,14 @@ function DictionaryEntrySelect({
   labels,
   manageHref,
   selectClassName,
+  seedOptions,
   allowInlineCreate = true,
   allowAppearance = false,
   appearanceLabels,
   disabled: disabledProp = false,
   showLabelInput = true,
   showManage = true,
+  sortOptions = "label_asc",
   showActiveAppearance = true
 }) {
   const pathname = usePathname();
@@ -71,7 +73,7 @@ function DictionaryEntrySelect({
     setLoading(true);
     try {
       const items = await fetchOptions();
-      setOptions(items.sort((a, b) => a.label.localeCompare(b.label, void 0, { sensitivity: "base" })));
+      setOptions(sortOptions === "none" ? items : items.slice().sort((a, b) => a.label.localeCompare(b.label, void 0, { sensitivity: "base" })));
     } catch (err) {
       console.error("DictionaryEntrySelect.fetchOptions failed", err);
       flash(labels.errorLoad, "error");
@@ -79,7 +81,7 @@ function DictionaryEntrySelect({
     } finally {
       setLoading(false);
     }
-  }, [fetchOptions, labels.errorLoad]);
+  }, [fetchOptions, labels.errorLoad, sortOptions]);
   React.useEffect(() => {
     loadOptions().catch(() => {
     });
@@ -95,10 +97,38 @@ function DictionaryEntrySelect({
   React.useEffect(() => {
     if (!dialogOpen) resetDialogState();
   }, [dialogOpen, resetDialogState]);
+  const mergedOptions = React.useMemo(() => {
+    if (!Array.isArray(seedOptions) || !seedOptions.length) return options;
+    const merged = [];
+    const seen = /* @__PURE__ */ new Set();
+    for (const option of seedOptions) {
+      if (!option.value || seen.has(option.value)) continue;
+      seen.add(option.value);
+      merged.push(option);
+    }
+    for (const option of options) {
+      if (seen.has(option.value)) continue;
+      seen.add(option.value);
+      merged.push(option);
+    }
+    return merged;
+  }, [options, seedOptions]);
   const activeOption = React.useMemo(
-    () => options.find((option) => option.value === value) ?? null,
-    [options, value]
+    () => mergedOptions.find((option) => option.value === value) ?? null,
+    [mergedOptions, value]
   );
+  const displayOptions = React.useMemo(() => {
+    if (!value || activeOption) return mergedOptions;
+    return [
+      {
+        value,
+        label: value,
+        color: null,
+        icon: null
+      },
+      ...mergedOptions
+    ];
+  }, [activeOption, mergedOptions, value]);
   const handleCreate = React.useCallback(async () => {
     if (!createOption) return;
     const trimmedValue = newValue.trim();
@@ -123,7 +153,8 @@ function DictionaryEntrySelect({
           color: payload.color ?? null,
           icon: payload.icon ?? null
         });
-        return Array.from(map.values()).sort((a, b) => a.label.localeCompare(b.label, void 0, { sensitivity: "base" }));
+        const nextOptions = Array.from(map.values());
+        return sortOptions === "none" ? nextOptions : nextOptions.sort((a, b) => a.label.localeCompare(b.label, void 0, { sensitivity: "base" }));
       });
       await loadOptions();
       onChange(payload.value);
@@ -148,7 +179,8 @@ function DictionaryEntrySelect({
     loadOptions,
     newLabel,
     newValue,
-    onChange
+    onChange,
+    sortOptions
   ]);
   const handleDialogKeyDown = React.useCallback(
     (event) => {
@@ -187,13 +219,20 @@ function DictionaryEntrySelect({
     () => buildHrefWithReturnTo(manageLink, returnTo),
     [manageLink, returnTo]
   );
+  const optionsKey = React.useMemo(
+    () => displayOptions.map((option) => `${option.value}:${option.label}`).join("\0"),
+    [displayOptions]
+  );
   return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsxs(
         Select,
         {
-          value: value || void 0,
-          onValueChange: (next) => onChange(next || void 0),
+          value: value ?? "",
+          onValueChange: (next) => {
+            if (!next) return;
+            onChange(next);
+          },
           disabled,
           children: [
             /* @__PURE__ */ jsx(
@@ -202,12 +241,13 @@ function DictionaryEntrySelect({
                 id,
                 className: selectClassName,
                 title: activeOption?.label ?? void 0,
-                children: /* @__PURE__ */ jsx(SelectValue, { placeholder: labels.placeholder })
+                children: /* @__PURE__ */ jsx(SelectValue, { placeholder: labels.placeholder, children: activeOption?.label })
               }
             ),
-            /* @__PURE__ */ jsx(SelectContent, { children: options.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value, children: option.label }, option.value)) })
+            /* @__PURE__ */ jsx(SelectContent, { children: displayOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value, children: option.label }, option.value)) })
           ]
-        }
+        },
+        `dictionary-entry:${value ?? ""}:${optionsKey}`
       ),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
         allowInlineCreate && createOption ? /* @__PURE__ */ jsxs(Dialog, { open: dialogOpen, onOpenChange: setDialogOpen, children: [

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 { 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  id?: string\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   * When false, hides the read-only appearance preview (color swatch + icon + hex)\n   * rendered below the trigger for the currently-selected entry. Defaults to true to\n   * preserve existing behavior; set false where the host only wants a plain select\n   * (e.g. a create form that shouldn't surface dictionary styling).\n   */\n  showActiveAppearance?: boolean\n}\n\nexport function DictionaryEntrySelect({\n  id,\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  showActiveAppearance = 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            id={id}\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      {showActiveAppearance && 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  id?: string\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  seedOptions?: DictionaryOption[]\n  allowInlineCreate?: boolean\n  allowAppearance?: boolean\n  appearanceLabels?: AppearanceSelectorLabels\n  disabled?: boolean\n  showLabelInput?: boolean\n  showManage?: boolean\n  sortOptions?: 'label_asc' | 'none'\n  /**\n   * When false, hides the read-only appearance preview (color swatch + icon + hex)\n   * rendered below the trigger for the currently-selected entry. Defaults to true to\n   * preserve existing behavior; set false where the host only wants a plain select\n   * (e.g. a create form that shouldn't surface dictionary styling).\n   */\n  showActiveAppearance?: boolean\n}\n\nexport function DictionaryEntrySelect({\n  id,\n  value,\n  onChange,\n  fetchOptions,\n  createOption,\n  labels,\n  manageHref,\n  selectClassName,\n  seedOptions,\n  allowInlineCreate = true,\n  allowAppearance = false,\n  appearanceLabels,\n  disabled: disabledProp = false,\n  showLabelInput = true,\n  showManage = true,\n  sortOptions = 'label_asc',\n  showActiveAppearance = 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(sortOptions === 'none' ? items : items.slice().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, sortOptions])\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 mergedOptions = React.useMemo(() => {\n    if (!Array.isArray(seedOptions) || !seedOptions.length) return options\n    const merged: DictionaryOption[] = []\n    const seen = new Set<string>()\n    for (const option of seedOptions) {\n      if (!option.value || seen.has(option.value)) continue\n      seen.add(option.value)\n      merged.push(option)\n    }\n    for (const option of options) {\n      if (seen.has(option.value)) continue\n      seen.add(option.value)\n      merged.push(option)\n    }\n    return merged\n  }, [options, seedOptions])\n\n  const activeOption = React.useMemo(\n    () => mergedOptions.find((option) => option.value === value) ?? null,\n    [mergedOptions, value],\n  )\n  const displayOptions = React.useMemo(() => {\n    if (!value || activeOption) return mergedOptions\n    return [\n      {\n        value,\n        label: value,\n        color: null,\n        icon: null,\n      },\n      ...mergedOptions,\n    ]\n  }, [activeOption, mergedOptions, value])\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        const nextOptions = Array.from(map.values())\n        return sortOptions === 'none'\n          ? nextOptions\n          : nextOptions.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    sortOptions,\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  const optionsKey = React.useMemo(\n    () => displayOptions.map((option) => `${option.value}:${option.label}`).join('\\0'),\n    [displayOptions],\n  )\n\n  return (\n    <div className=\"space-y-2\">\n      <div className=\"flex items-center gap-2\">\n        <Select\n          key={`dictionary-entry:${value ?? ''}:${optionsKey}`}\n          value={value ?? ''}\n          onValueChange={(next) => {\n            if (!next) return\n            onChange(next)\n          }}\n          disabled={disabled}\n        >\n          <SelectTrigger\n            id={id}\n            className={selectClassName}\n            title={activeOption?.label ?? undefined}\n          >\n            <SelectValue placeholder={labels.placeholder}>\n              {activeOption?.label}\n            </SelectValue>\n          </SelectTrigger>\n          <SelectContent>\n            {displayOptions.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      {showActiveAppearance && 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/components/DictionarySelectControl.js

@@ -17,7 +17,8 @@ function DictionarySelectControl({
   allowInlineCreate = true,
   selectClassName,
   disabled = false,
-  priorityValues
+  priorityValues,
+  seedOptions
 }) {
   const t = useT();
   const queryClient = useQueryClient();
@@ -171,6 +172,13 @@ function DictionarySelectControl({
       allowAppearance: true,
       allowInlineCreate: effectiveAllowInlineCreate,
       selectClassName,
+      seedOptions: seedOptions?.map((option) => ({
+        value: option.value,
+        label: option.label,
+        color: option.color ?? null,
+        icon: option.icon ?? null
+      })),
+      sortOptions: "none",
       disabled,
       manageHref: "/backend/config/dictionaries"
     }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/dictionaries/components/DictionarySelectControl.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\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 { DictionaryEntrySelect } from './DictionaryEntrySelect'\nimport {\n  ensureDictionaryEntries,\n  invalidateDictionaryEntries,\n} from './hooks/useDictionaryEntries'\n\ntype DictionarySelectControlProps = {\n  dictionaryId: string\n  value?: string | null\n  onChange: (value: string | undefined) => void\n  allowInlineCreate?: boolean\n  selectClassName?: string\n  disabled?: boolean\n  priorityValues?: string[]\n}\n\nexport function DictionarySelectControl({\n  dictionaryId,\n  value,\n  onChange,\n  allowInlineCreate = true,\n  selectClassName,\n  disabled = false,\n  priorityValues,\n}: DictionarySelectControlProps) {\n  const t = useT()\n  const queryClient = useQueryClient()\n  const scopeVersion = useOrganizationScopeVersion()\n  const [inlineCreateEnabled, setInlineCreateEnabled] = React.useState<boolean>(allowInlineCreate)\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function evaluateInlineCreate() {\n      if (!allowInlineCreate) {\n        setInlineCreateEnabled(false)\n        return\n      }\n      try {\n        const call = await apiCall<{ isInherited?: boolean }>(`/api/dictionaries/${dictionaryId}`)\n        if (cancelled) return\n        if (call.ok && call.result && call.result.isInherited === true) {\n          setInlineCreateEnabled(false)\n          return\n        }\n        setInlineCreateEnabled(true)\n      } catch (err) {\n        console.warn('DictionarySelectControl.inlineCreate check failed', err)\n        if (!cancelled) {\n          setInlineCreateEnabled(allowInlineCreate)\n        }\n      }\n    }\n    evaluateInlineCreate().catch(() => {})\n    return () => {\n      cancelled = true\n    }\n  }, [allowInlineCreate, dictionaryId, scopeVersion])\n\n  const effectiveAllowInlineCreate = allowInlineCreate && inlineCreateEnabled\n\n  const normalizedPriority = React.useMemo(() => {\n    if (!Array.isArray(priorityValues) || !priorityValues.length) return []\n    const seen = new Set<string>()\n    const ordered: string[] = []\n    priorityValues.forEach((code) => {\n      if (typeof code !== 'string') return\n      const normalized = code.trim().toLowerCase()\n      if (!normalized.length || seen.has(normalized)) return\n      seen.add(normalized)\n      ordered.push(normalized)\n    })\n    return ordered\n  }, [priorityValues])\n\n  const fetchOptions = React.useCallback(async () => {\n    const data = await ensureDictionaryEntries(queryClient, dictionaryId, scopeVersion)\n    const options = data.entries.map((entry) => ({\n      value: entry.value,\n      label: entry.label,\n      color: entry.color ?? null,\n      icon: entry.icon ?? null,\n    }))\n    if (!normalizedPriority.length) return options\n    const byValue = new Map<string, (typeof options)[number]>()\n    options.forEach((option) => {\n      const key = option.value.trim().toLowerCase()\n      if (!byValue.has(key)) byValue.set(key, option)\n    })\n    const prioritized: typeof options = []\n    normalizedPriority.forEach((key) => {\n      const match = byValue.get(key)\n      if (match) {\n        prioritized.push(match)\n        byValue.delete(key)\n      }\n    })\n    const remaining: typeof options = []\n    byValue.forEach((option) => remaining.push(option))\n    return [...prioritized, ...remaining]\n  }, [dictionaryId, normalizedPriority, queryClient, scopeVersion])\n\n  const createOption = React.useCallback(\n    async (input: { value: string; label?: string; color?: string | null; icon?: string | null }) => {\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({\n            value: input.value,\n            label: input.label ?? input.value,\n            color: input.color,\n            icon: input.icon,\n          }),\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      await invalidateDictionaryEntries(queryClient, dictionaryId)\n      return {\n        value: String(call.result?.value ?? input.value),\n        label:\n          typeof call.result?.label === 'string' && call.result.label.length\n            ? call.result.label\n            : String(call.result?.value ?? input.value),\n        color: typeof call.result?.color === 'string' ? call.result.color : null,\n        icon: typeof call.result?.icon === 'string' ? call.result.icon : null,\n      }\n    },\n    [dictionaryId, queryClient],\n  )\n\n  const labels = React.useMemo(\n    () => ({\n      placeholder: t('dictionaries.customFields.selector.placeholder', 'Select an entry'),\n      addLabel: t('dictionaries.customFields.selector.add', 'Add entry'),\n      addPrompt: t('dictionaries.customFields.selector.dialogDescription', 'Create a new entry and reuse it across records.'),\n      dialogTitle: t('dictionaries.config.entries.dialog.addTitle', 'Add dictionary entry'),\n      valueLabel: t('dictionaries.config.entries.dialog.valueLabel', 'Value'),\n      valuePlaceholder: t('dictionaries.config.entries.dialog.valueLabel', 'Value'),\n      labelLabel: t('dictionaries.config.entries.dialog.labelLabel', 'Label'),\n      labelPlaceholder: t('dictionaries.config.entries.dialog.labelPlaceholder', 'Display name shown in UI'),\n      emptyError: t('dictionaries.config.entries.error.required', 'Value is required.'),\n      cancelLabel: t('dictionaries.config.entries.dialog.cancel', 'Cancel'),\n      saveLabel: t('dictionaries.config.entries.dialog.save', 'Save'),\n      saveShortcutHint: t('dictionaries.config.entries.dialog.saveShortcut', '\u2318/Ctrl + Enter'),\n      successCreateLabel: t('dictionaries.config.entries.success.create', 'Dictionary entry created.'),\n      errorLoad: t('dictionaries.config.entries.error.load', 'Failed to load dictionary entries.'),\n      errorSave: t('dictionaries.config.entries.error.save', 'Failed to save dictionary entry.'),\n      loadingLabel: t('dictionaries.config.entries.loading', 'Loading entries\u2026'),\n      manageTitle: t('dictionaries.customFields.manageLink', 'Manage dictionaries'),\n    }),\n    [t],\n  )\n\n  const appearanceLabels = React.useMemo(\n    () => ({\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    [t],\n  )\n\n  return (\n    <DictionaryEntrySelect\n      value={typeof value === 'string' ? value : undefined}\n      onChange={onChange}\n      fetchOptions={fetchOptions}\n      createOption={effectiveAllowInlineCreate ? createOption : undefined}\n      labels={labels}\n      appearanceLabels={appearanceLabels}\n      allowAppearance\n      allowInlineCreate={effectiveAllowInlineCreate}\n      selectClassName={selectClassName}\n      disabled={disabled}\n      manageHref=\"/backend/config/dictionaries\"\n    />\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\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 { DictionaryEntrySelect } from './DictionaryEntrySelect'\nimport {\n  ensureDictionaryEntries,\n  invalidateDictionaryEntries,\n} from './hooks/useDictionaryEntries'\n\ntype DictionarySelectControlProps = {\n  dictionaryId: string\n  value?: string | null\n  onChange: (value: string | undefined) => void\n  allowInlineCreate?: boolean\n  selectClassName?: string\n  disabled?: boolean\n  priorityValues?: string[]\n  seedOptions?: Array<{ value: string; label: string; color?: string | null; icon?: string | null }>\n}\n\nexport function DictionarySelectControl({\n  dictionaryId,\n  value,\n  onChange,\n  allowInlineCreate = true,\n  selectClassName,\n  disabled = false,\n  priorityValues,\n  seedOptions,\n}: DictionarySelectControlProps) {\n  const t = useT()\n  const queryClient = useQueryClient()\n  const scopeVersion = useOrganizationScopeVersion()\n  const [inlineCreateEnabled, setInlineCreateEnabled] = React.useState<boolean>(allowInlineCreate)\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function evaluateInlineCreate() {\n      if (!allowInlineCreate) {\n        setInlineCreateEnabled(false)\n        return\n      }\n      try {\n        const call = await apiCall<{ isInherited?: boolean }>(`/api/dictionaries/${dictionaryId}`)\n        if (cancelled) return\n        if (call.ok && call.result && call.result.isInherited === true) {\n          setInlineCreateEnabled(false)\n          return\n        }\n        setInlineCreateEnabled(true)\n      } catch (err) {\n        console.warn('DictionarySelectControl.inlineCreate check failed', err)\n        if (!cancelled) {\n          setInlineCreateEnabled(allowInlineCreate)\n        }\n      }\n    }\n    evaluateInlineCreate().catch(() => {})\n    return () => {\n      cancelled = true\n    }\n  }, [allowInlineCreate, dictionaryId, scopeVersion])\n\n  const effectiveAllowInlineCreate = allowInlineCreate && inlineCreateEnabled\n\n  const normalizedPriority = React.useMemo(() => {\n    if (!Array.isArray(priorityValues) || !priorityValues.length) return []\n    const seen = new Set<string>()\n    const ordered: string[] = []\n    priorityValues.forEach((code) => {\n      if (typeof code !== 'string') return\n      const normalized = code.trim().toLowerCase()\n      if (!normalized.length || seen.has(normalized)) return\n      seen.add(normalized)\n      ordered.push(normalized)\n    })\n    return ordered\n  }, [priorityValues])\n\n  const fetchOptions = React.useCallback(async () => {\n    const data = await ensureDictionaryEntries(queryClient, dictionaryId, scopeVersion)\n    const options = data.entries.map((entry) => ({\n      value: entry.value,\n      label: entry.label,\n      color: entry.color ?? null,\n      icon: entry.icon ?? null,\n    }))\n    if (!normalizedPriority.length) return options\n    const byValue = new Map<string, (typeof options)[number]>()\n    options.forEach((option) => {\n      const key = option.value.trim().toLowerCase()\n      if (!byValue.has(key)) byValue.set(key, option)\n    })\n    const prioritized: typeof options = []\n    normalizedPriority.forEach((key) => {\n      const match = byValue.get(key)\n      if (match) {\n        prioritized.push(match)\n        byValue.delete(key)\n      }\n    })\n    const remaining: typeof options = []\n    byValue.forEach((option) => remaining.push(option))\n    return [...prioritized, ...remaining]\n  }, [dictionaryId, normalizedPriority, queryClient, scopeVersion])\n\n  const createOption = React.useCallback(\n    async (input: { value: string; label?: string; color?: string | null; icon?: string | null }) => {\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({\n            value: input.value,\n            label: input.label ?? input.value,\n            color: input.color,\n            icon: input.icon,\n          }),\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      await invalidateDictionaryEntries(queryClient, dictionaryId)\n      return {\n        value: String(call.result?.value ?? input.value),\n        label:\n          typeof call.result?.label === 'string' && call.result.label.length\n            ? call.result.label\n            : String(call.result?.value ?? input.value),\n        color: typeof call.result?.color === 'string' ? call.result.color : null,\n        icon: typeof call.result?.icon === 'string' ? call.result.icon : null,\n      }\n    },\n    [dictionaryId, queryClient],\n  )\n\n  const labels = React.useMemo(\n    () => ({\n      placeholder: t('dictionaries.customFields.selector.placeholder', 'Select an entry'),\n      addLabel: t('dictionaries.customFields.selector.add', 'Add entry'),\n      addPrompt: t('dictionaries.customFields.selector.dialogDescription', 'Create a new entry and reuse it across records.'),\n      dialogTitle: t('dictionaries.config.entries.dialog.addTitle', 'Add dictionary entry'),\n      valueLabel: t('dictionaries.config.entries.dialog.valueLabel', 'Value'),\n      valuePlaceholder: t('dictionaries.config.entries.dialog.valueLabel', 'Value'),\n      labelLabel: t('dictionaries.config.entries.dialog.labelLabel', 'Label'),\n      labelPlaceholder: t('dictionaries.config.entries.dialog.labelPlaceholder', 'Display name shown in UI'),\n      emptyError: t('dictionaries.config.entries.error.required', 'Value is required.'),\n      cancelLabel: t('dictionaries.config.entries.dialog.cancel', 'Cancel'),\n      saveLabel: t('dictionaries.config.entries.dialog.save', 'Save'),\n      saveShortcutHint: t('dictionaries.config.entries.dialog.saveShortcut', '\u2318/Ctrl + Enter'),\n      successCreateLabel: t('dictionaries.config.entries.success.create', 'Dictionary entry created.'),\n      errorLoad: t('dictionaries.config.entries.error.load', 'Failed to load dictionary entries.'),\n      errorSave: t('dictionaries.config.entries.error.save', 'Failed to save dictionary entry.'),\n      loadingLabel: t('dictionaries.config.entries.loading', 'Loading entries\u2026'),\n      manageTitle: t('dictionaries.customFields.manageLink', 'Manage dictionaries'),\n    }),\n    [t],\n  )\n\n  const appearanceLabels = React.useMemo(\n    () => ({\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    [t],\n  )\n\n  return (\n    <DictionaryEntrySelect\n      value={typeof value === 'string' ? value : undefined}\n      onChange={onChange}\n      fetchOptions={fetchOptions}\n      createOption={effectiveAllowInlineCreate ? createOption : undefined}\n      labels={labels}\n      appearanceLabels={appearanceLabels}\n      allowAppearance\n      allowInlineCreate={effectiveAllowInlineCreate}\n      selectClassName={selectClassName}\n      seedOptions={seedOptions?.map((option) => ({\n        value: option.value,\n        label: option.label,\n        color: option.color ?? null,\n        icon: option.icon ?? null,\n      }))}\n      sortOptions=\"none\"\n      disabled={disabled}\n      manageHref=\"/backend/config/dictionaries\"\n    />\n  )\n}\n"],
+  "mappings": ";AAyLI;AAvLJ,YAAY,WAAW;AACvB,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAC/B,SAAS,mCAAmC;AAC5C,SAAS,YAAY;AACrB,SAAS,6BAA6B;AACtC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAaA,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA,oBAAoB;AAAA,EACpB;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AACF,GAAiC;AAC/B,QAAM,IAAI,KAAK;AACf,QAAM,cAAc,eAAe;AACnC,QAAM,eAAe,4BAA4B;AACjD,QAAM,CAAC,qBAAqB,sBAAsB,IAAI,MAAM,SAAkB,iBAAiB;AAE/F,QAAM,UAAU,MAAM;AACpB,QAAI,YAAY;AAChB,mBAAe,uBAAuB;AACpC,UAAI,CAAC,mBAAmB;AACtB,+BAAuB,KAAK;AAC5B;AAAA,MACF;AACA,UAAI;AACF,cAAM,OAAO,MAAM,QAAmC,qBAAqB,YAAY,EAAE;AACzF,YAAI,UAAW;AACf,YAAI,KAAK,MAAM,KAAK,UAAU,KAAK,OAAO,gBAAgB,MAAM;AAC9D,iCAAuB,KAAK;AAC5B;AAAA,QACF;AACA,+BAAuB,IAAI;AAAA,MAC7B,SAAS,KAAK;AACZ,gBAAQ,KAAK,qDAAqD,GAAG;AACrE,YAAI,CAAC,WAAW;AACd,iCAAuB,iBAAiB;AAAA,QAC1C;AAAA,MACF;AAAA,IACF;AACA,yBAAqB,EAAE,MAAM,MAAM;AAAA,IAAC,CAAC;AACrC,WAAO,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAC,mBAAmB,cAAc,YAAY,CAAC;AAElD,QAAM,6BAA6B,qBAAqB;AAExD,QAAM,qBAAqB,MAAM,QAAQ,MAAM;AAC7C,QAAI,CAAC,MAAM,QAAQ,cAAc,KAAK,CAAC,eAAe,OAAQ,QAAO,CAAC;AACtE,UAAM,OAAO,oBAAI,IAAY;AAC7B,UAAM,UAAoB,CAAC;AAC3B,mBAAe,QAAQ,CAAC,SAAS;AAC/B,UAAI,OAAO,SAAS,SAAU;AAC9B,YAAM,aAAa,KAAK,KAAK,EAAE,YAAY;AAC3C,UAAI,CAAC,WAAW,UAAU,KAAK,IAAI,UAAU,EAAG;AAChD,WAAK,IAAI,UAAU;AACnB,cAAQ,KAAK,UAAU;AAAA,IACzB,CAAC;AACD,WAAO;AAAA,EACT,GAAG,CAAC,cAAc,CAAC;AAEnB,QAAM,eAAe,MAAM,YAAY,YAAY;AACjD,UAAM,OAAO,MAAM,wBAAwB,aAAa,cAAc,YAAY;AAClF,UAAM,UAAU,KAAK,QAAQ,IAAI,CAAC,WAAW;AAAA,MAC3C,OAAO,MAAM;AAAA,MACb,OAAO,MAAM;AAAA,MACb,OAAO,MAAM,SAAS;AAAA,MACtB,MAAM,MAAM,QAAQ;AAAA,IACtB,EAAE;AACF,QAAI,CAAC,mBAAmB,OAAQ,QAAO;AACvC,UAAM,UAAU,oBAAI,IAAsC;AAC1D,YAAQ,QAAQ,CAAC,WAAW;AAC1B,YAAM,MAAM,OAAO,MAAM,KAAK,EAAE,YAAY;AAC5C,UAAI,CAAC,QAAQ,IAAI,GAAG,EAAG,SAAQ,IAAI,KAAK,MAAM;AAAA,IAChD,CAAC;AACD,UAAM,cAA8B,CAAC;AACrC,uBAAmB,QAAQ,CAAC,QAAQ;AAClC,YAAM,QAAQ,QAAQ,IAAI,GAAG;AAC7B,UAAI,OAAO;AACT,oBAAY,KAAK,KAAK;AACtB,gBAAQ,OAAO,GAAG;AAAA,MACpB;AAAA,IACF,CAAC;AACD,UAAM,YAA4B,CAAC;AACnC,YAAQ,QAAQ,CAAC,WAAW,UAAU,KAAK,MAAM,CAAC;AAClD,WAAO,CAAC,GAAG,aAAa,GAAG,SAAS;AAAA,EACtC,GAAG,CAAC,cAAc,oBAAoB,aAAa,YAAY,CAAC;AAEhE,QAAM,eAAe,MAAM;AAAA,IACzB,OAAO,UAA0F;AAC/F,YAAM,OAAO,MAAM;AAAA,QACjB,qBAAqB,YAAY;AAAA,QACjC;AAAA,UACE,QAAQ;AAAA,UACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,UAC9C,MAAM,KAAK,UAAU;AAAA,YACnB,OAAO,MAAM;AAAA,YACb,OAAO,MAAM,SAAS,MAAM;AAAA,YAC5B,OAAO,MAAM;AAAA,YACb,MAAM,MAAM;AAAA,UACd,CAAC;AAAA,QACH;AAAA,MACF;AACA,UAAI,CAAC,KAAK,IAAI;AACZ,cAAM,IAAI;AAAA,UACR,OAAO,KAAK,QAAQ,UAAU,WAAW,KAAK,OAAO,QAAQ;AAAA,QAC/D;AAAA,MACF;AACA,YAAM,4BAA4B,aAAa,YAAY;AAC3D,aAAO;AAAA,QACL,OAAO,OAAO,KAAK,QAAQ,SAAS,MAAM,KAAK;AAAA,QAC/C,OACE,OAAO,KAAK,QAAQ,UAAU,YAAY,KAAK,OAAO,MAAM,SACxD,KAAK,OAAO,QACZ,OAAO,KAAK,QAAQ,SAAS,MAAM,KAAK;AAAA,QAC9C,OAAO,OAAO,KAAK,QAAQ,UAAU,WAAW,KAAK,OAAO,QAAQ;AAAA,QACpE,MAAM,OAAO,KAAK,QAAQ,SAAS,WAAW,KAAK,OAAO,OAAO;AAAA,MACnE;AAAA,IACF;AAAA,IACA,CAAC,cAAc,WAAW;AAAA,EAC5B;AAEA,QAAM,SAAS,MAAM;AAAA,IACnB,OAAO;AAAA,MACL,aAAa,EAAE,kDAAkD,iBAAiB;AAAA,MAClF,UAAU,EAAE,0CAA0C,WAAW;AAAA,MACjE,WAAW,EAAE,wDAAwD,iDAAiD;AAAA,MACtH,aAAa,EAAE,+CAA+C,sBAAsB;AAAA,MACpF,YAAY,EAAE,iDAAiD,OAAO;AAAA,MACtE,kBAAkB,EAAE,iDAAiD,OAAO;AAAA,MAC5E,YAAY,EAAE,iDAAiD,OAAO;AAAA,MACtE,kBAAkB,EAAE,uDAAuD,0BAA0B;AAAA,MACrG,YAAY,EAAE,8CAA8C,oBAAoB;AAAA,MAChF,aAAa,EAAE,6CAA6C,QAAQ;AAAA,MACpE,WAAW,EAAE,2CAA2C,MAAM;AAAA,MAC9D,kBAAkB,EAAE,mDAAmD,qBAAgB;AAAA,MACvF,oBAAoB,EAAE,8CAA8C,2BAA2B;AAAA,MAC/F,WAAW,EAAE,0CAA0C,oCAAoC;AAAA,MAC3F,WAAW,EAAE,0CAA0C,kCAAkC;AAAA,MACzF,cAAc,EAAE,uCAAuC,uBAAkB;AAAA,MACzE,aAAa,EAAE,wCAAwC,qBAAqB;AAAA,IAC9E;AAAA,IACA,CAAC,CAAC;AAAA,EACJ;AAEA,QAAM,mBAAmB,MAAM;AAAA,IAC7B,OAAO;AAAA,MACL,YAAY,EAAE,iDAAiD,OAAO;AAAA,MACtE,WAAW,EAAE,gDAAgD,wCAAwC;AAAA,MACrG,iBAAiB,EAAE,iDAAiD,cAAc;AAAA,MAClF,WAAW,EAAE,gDAAgD,eAAe;AAAA,MAC5E,iBAAiB,EAAE,sDAAsD,8BAA8B;AAAA,MACvG,wBAAwB,EAAE,iDAAiD,wBAAwB;AAAA,MACnG,uBAAuB,EAAE,4DAA4D,8BAAyB;AAAA,MAC9G,sBAAsB,EAAE,sDAAsD,6BAA6B;AAAA,MAC3G,sBAAsB,EAAE,sDAAsD,aAAa;AAAA,MAC3F,gBAAgB,EAAE,gDAAgD,aAAa;AAAA,MAC/E,mBAAmB,EAAE,mDAAmD,wBAAwB;AAAA,IAClG;AAAA,IACA,CAAC,CAAC;AAAA,EACJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,OAAO,UAAU,WAAW,QAAQ;AAAA,MAC3C;AAAA,MACA;AAAA,MACA,cAAc,6BAA6B,eAAe;AAAA,MAC1D;AAAA,MACA;AAAA,MACA,iBAAe;AAAA,MACf,mBAAmB;AAAA,MACnB;AAAA,MACA,aAAa,aAAa,IAAI,CAAC,YAAY;AAAA,QACzC,OAAO,OAAO;AAAA,QACd,OAAO,OAAO;AAAA,QACd,OAAO,OAAO,SAAS;AAAA,QACvB,MAAM,OAAO,QAAQ;AAAA,MACvB,EAAE;AAAA,MACF,aAAY;AAAA,MACZ;AAAA,MACA,YAAW;AAAA;AAAA,EACb;AAEJ;",
   "names": []
 }

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

@@ -425,7 +425,7 @@ function renderDictionaryColor(color, className = "h-4 w-4 rounded") {
     }
   );
 }
-function normalizeDictionaryEntries(items) {
+function normalizeDictionaryEntries(items, options = {}) {
   if (!Array.isArray(items)) return [];
   const entries = [];
   for (const item of items) {
@@ -438,6 +438,7 @@ function normalizeDictionaryEntries(items) {
     const icon = typeof candidate.icon === "string" && candidate.icon.trim().length ? candidate.icon.trim() : null;
     entries.push({ value: rawValue, label, color, icon });
   }
+  if (options.sort === false) return entries;
   return entries.sort((a, b) => a.label.localeCompare(b.label, void 0, { sensitivity: "base" }));
 }
 function createDictionaryMap(entries) {