@open-mercato/ui 0.4.2-canary-c02407ff85

package/dist/backend/inputs/SwitchableMarkdownInput.js

@@ -0,0 +1,92 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import dynamic from "next/dynamic";
+import { LoadingMessage } from "../detail/LoadingMessage.js";
+const isTestEnv = typeof process !== "undefined" && process.env.NODE_ENV === "test";
+const MarkdownEditorTestStub = ({ value, onChange }) => /* @__PURE__ */ jsx(
+  "textarea",
+  {
+    className: "min-h-[160px] w-full rounded border px-3 py-2 text-sm",
+    value: value ?? "",
+    onChange: (event) => onChange?.(event.target.value)
+  }
+);
+const UiMarkdownEditor = isTestEnv ? MarkdownEditorTestStub : dynamic(() => import("@uiw/react-md-editor"), {
+  ssr: false,
+  loading: () => /* @__PURE__ */ jsx(
+    LoadingMessage,
+    {
+      label: "Loading editor...",
+      className: "min-h-[220px] justify-center"
+    }
+  )
+});
+let markdownPluginsPromise = null;
+async function loadMarkdownPlugins() {
+  if (isTestEnv) return [];
+  if (!markdownPluginsPromise) {
+    markdownPluginsPromise = import("remark-gfm").then((mod) => [mod.default ?? mod]).catch(() => []);
+  }
+  return markdownPluginsPromise;
+}
+function SwitchableMarkdownInput({
+  value,
+  onChange,
+  isMarkdownEnabled,
+  disableMarkdown,
+  height = 220,
+  placeholder,
+  rows = 3,
+  textareaRef,
+  onTextareaInput,
+  textareaClassName,
+  editorWrapperClassName,
+  editorClassName,
+  disabled,
+  remarkPlugins
+}) {
+  const [localPlugins, setLocalPlugins] = React.useState([]);
+  React.useEffect(() => {
+    if (remarkPlugins) return;
+    let active = true;
+    void loadMarkdownPlugins().then((plugins) => {
+      if (active) setLocalPlugins(plugins);
+    });
+    return () => {
+      active = false;
+    };
+  }, [remarkPlugins]);
+  const resolvedPlugins = remarkPlugins ?? localPlugins;
+  const editorWrapperClasses = editorWrapperClassName ?? "w-full rounded-lg border border-muted-foreground/20 bg-background p-2";
+  const editorClasses = editorClassName ?? "w-full";
+  const textareaClasses = textareaClassName ?? "w-full resize-none overflow-hidden rounded-lg border border-muted-foreground/20 bg-background px-3 py-2 text-sm shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary";
+  if (isMarkdownEnabled && !disableMarkdown) {
+    return /* @__PURE__ */ jsx("div", { className: editorWrapperClasses, children: /* @__PURE__ */ jsx("div", { "data-color-mode": "light", className: editorClasses, children: /* @__PURE__ */ jsx(
+      UiMarkdownEditor,
+      {
+        value,
+        height,
+        onChange: (nextValue) => onChange(typeof nextValue === "string" ? nextValue : ""),
+        previewOptions: resolvedPlugins.length ? { remarkPlugins: resolvedPlugins } : void 0
+      }
+    ) }) });
+  }
+  return /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      ref: textareaRef,
+      rows,
+      className: textareaClasses,
+      placeholder,
+      value,
+      onChange: (event) => onChange(event.target.value),
+      onInput: onTextareaInput,
+      disabled
+    }
+  );
+}
+export {
+  SwitchableMarkdownInput
+};
+//# sourceMappingURL=SwitchableMarkdownInput.js.map

package/dist/backend/inputs/SwitchableMarkdownInput.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/inputs/SwitchableMarkdownInput.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport dynamic from 'next/dynamic'\nimport type { PluggableList } from 'unified'\nimport { LoadingMessage } from '../detail/LoadingMessage'\n\nexport type SwitchableMarkdownInputProps = {\n  value: string\n  onChange: (value: string) => void\n  isMarkdownEnabled: boolean\n  disableMarkdown?: boolean\n  height?: number\n  placeholder?: string\n  rows?: number\n  textareaRef?: React.Ref<HTMLTextAreaElement>\n  onTextareaInput?: React.FormEventHandler<HTMLTextAreaElement>\n  textareaClassName?: string\n  editorWrapperClassName?: string\n  editorClassName?: string\n  disabled?: boolean\n  remarkPlugins?: PluggableList\n}\n\ntype UiMarkdownEditorProps = {\n  value?: string\n  height?: number\n  onChange?: (value?: string) => void\n  previewOptions?: { remarkPlugins?: unknown[] }\n}\n\nconst isTestEnv = typeof process !== 'undefined' && process.env.NODE_ENV === 'test'\n\nconst MarkdownEditorTestStub: React.ComponentType<UiMarkdownEditorProps> = ({ value, onChange }) => (\n  <textarea\n    className=\"min-h-[160px] w-full rounded border px-3 py-2 text-sm\"\n    value={value ?? ''}\n    onChange={(event) => onChange?.(event.target.value)}\n  />\n)\n\nconst UiMarkdownEditor = isTestEnv\n  ? MarkdownEditorTestStub\n  : (dynamic(() => import('@uiw/react-md-editor'), {\n      ssr: false,\n      loading: () => (\n        <LoadingMessage\n          label=\"Loading editor...\"\n          className=\"min-h-[220px] justify-center\"\n        />\n      ),\n    }) as unknown as React.ComponentType<UiMarkdownEditorProps>)\n\nlet markdownPluginsPromise: Promise<PluggableList> | null = null\n\nasync function loadMarkdownPlugins(): Promise<PluggableList> {\n  if (isTestEnv) return []\n  if (!markdownPluginsPromise) {\n    markdownPluginsPromise = import('remark-gfm')\n      .then((mod) => [mod.default ?? mod] as PluggableList)\n      .catch(() => [])\n  }\n  return markdownPluginsPromise\n}\n\nexport function SwitchableMarkdownInput({\n  value,\n  onChange,\n  isMarkdownEnabled,\n  disableMarkdown,\n  height = 220,\n  placeholder,\n  rows = 3,\n  textareaRef,\n  onTextareaInput,\n  textareaClassName,\n  editorWrapperClassName,\n  editorClassName,\n  disabled,\n  remarkPlugins,\n}: SwitchableMarkdownInputProps) {\n  const [localPlugins, setLocalPlugins] = React.useState<PluggableList>([])\n\n  React.useEffect(() => {\n    if (remarkPlugins) return\n    let active = true\n    void loadMarkdownPlugins().then((plugins) => {\n      if (active) setLocalPlugins(plugins)\n    })\n    return () => { active = false }\n  }, [remarkPlugins])\n\n  const resolvedPlugins = remarkPlugins ?? localPlugins\n  const editorWrapperClasses =\n    editorWrapperClassName ?? 'w-full rounded-lg border border-muted-foreground/20 bg-background p-2'\n  const editorClasses = editorClassName ?? 'w-full'\n  const textareaClasses =\n    textareaClassName\n    ?? 'w-full resize-none overflow-hidden rounded-lg border border-muted-foreground/20 bg-background px-3 py-2 text-sm shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary'\n\n  if (isMarkdownEnabled && !disableMarkdown) {\n    return (\n      <div className={editorWrapperClasses}>\n        <div data-color-mode=\"light\" className={editorClasses}>\n          <UiMarkdownEditor\n            value={value}\n            height={height}\n            onChange={(nextValue) => onChange(typeof nextValue === 'string' ? nextValue : '')}\n            previewOptions={resolvedPlugins.length ? { remarkPlugins: resolvedPlugins } : undefined}\n          />\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <textarea\n      ref={textareaRef}\n      rows={rows}\n      className={textareaClasses}\n      placeholder={placeholder}\n      value={value}\n      onChange={(event) => onChange(event.target.value)}\n      onInput={onTextareaInput}\n      disabled={disabled}\n    />\n  )\n}\n"],
+  "mappings": ";AAkCE;AAhCF,YAAY,WAAW;AACvB,OAAO,aAAa;AAEpB,SAAS,sBAAsB;AA0B/B,MAAM,YAAY,OAAO,YAAY,eAAe,QAAQ,IAAI,aAAa;AAE7E,MAAM,yBAAqE,CAAC,EAAE,OAAO,SAAS,MAC5F;AAAA,EAAC;AAAA;AAAA,IACC,WAAU;AAAA,IACV,OAAO,SAAS;AAAA,IAChB,UAAU,CAAC,UAAU,WAAW,MAAM,OAAO,KAAK;AAAA;AACpD;AAGF,MAAM,mBAAmB,YACrB,yBACC,QAAQ,MAAM,OAAO,sBAAsB,GAAG;AAAA,EAC7C,KAAK;AAAA,EACL,SAAS,MACP;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,WAAU;AAAA;AAAA,EACZ;AAEJ,CAAC;AAEL,IAAI,yBAAwD;AAE5D,eAAe,sBAA8C;AAC3D,MAAI,UAAW,QAAO,CAAC;AACvB,MAAI,CAAC,wBAAwB;AAC3B,6BAAyB,OAAO,YAAY,EACzC,KAAK,CAAC,QAAQ,CAAC,IAAI,WAAW,GAAG,CAAkB,EACnD,MAAM,MAAM,CAAC,CAAC;AAAA,EACnB;AACA,SAAO;AACT;AAEO,SAAS,wBAAwB;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAiC;AAC/B,QAAM,CAAC,cAAc,eAAe,IAAI,MAAM,SAAwB,CAAC,CAAC;AAExE,QAAM,UAAU,MAAM;AACpB,QAAI,cAAe;AACnB,QAAI,SAAS;AACb,SAAK,oBAAoB,EAAE,KAAK,CAAC,YAAY;AAC3C,UAAI,OAAQ,iBAAgB,OAAO;AAAA,IACrC,CAAC;AACD,WAAO,MAAM;AAAE,eAAS;AAAA,IAAM;AAAA,EAChC,GAAG,CAAC,aAAa,CAAC;AAElB,QAAM,kBAAkB,iBAAiB;AACzC,QAAM,uBACJ,0BAA0B;AAC5B,QAAM,gBAAgB,mBAAmB;AACzC,QAAM,kBACJ,qBACG;AAEL,MAAI,qBAAqB,CAAC,iBAAiB;AACzC,WACE,oBAAC,SAAI,WAAW,sBACd,8BAAC,SAAI,mBAAgB,SAAQ,WAAW,eACtC;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,UAAU,CAAC,cAAc,SAAS,OAAO,cAAc,WAAW,YAAY,EAAE;AAAA,QAChF,gBAAgB,gBAAgB,SAAS,EAAE,eAAe,gBAAgB,IAAI;AAAA;AAAA,IAChF,GACF,GACF;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,UAAU,CAAC,UAAU,SAAS,MAAM,OAAO,KAAK;AAAA,MAChD,SAAS;AAAA,MACT;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/dist/backend/inputs/TagsInput.js

@@ -0,0 +1,222 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+function normalizeOptions(input) {
+  if (!Array.isArray(input)) return [];
+  return input.map((option) => {
+    if (typeof option === "string") {
+      const trimmed = option.trim();
+      if (!trimmed) return null;
+      return { value: trimmed, label: trimmed };
+    }
+    const value = typeof option.value === "string" ? option.value.trim() : "";
+    if (!value) return null;
+    return {
+      value,
+      label: option.label?.trim() || value,
+      description: option.description ?? null
+    };
+  }).filter((option) => !!option);
+}
+function TagsInput({
+  value,
+  onChange,
+  placeholder,
+  suggestions,
+  loadSuggestions,
+  selectedOptions,
+  resolveLabel,
+  resolveDescription,
+  autoFocus,
+  disabled = false,
+  allowCustomValues = true
+}) {
+  const t = useT();
+  const [input, setInput] = React.useState("");
+  const [asyncOptions, setAsyncOptions] = React.useState([]);
+  const [loading, setLoading] = React.useState(false);
+  const [touched, setTouched] = React.useState(false);
+  const staticOptions = React.useMemo(() => normalizeOptions(suggestions), [suggestions]);
+  const selectedOptionList = React.useMemo(
+    () => normalizeOptions(selectedOptions),
+    [selectedOptions]
+  );
+  const optionMap = React.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    const register = (option) => {
+      if (!map.has(option.value)) {
+        map.set(option.value, option);
+      }
+    };
+    staticOptions.forEach(register);
+    asyncOptions.forEach(register);
+    selectedOptionList.forEach(register);
+    value.forEach((val) => {
+      if (map.has(val)) return;
+      map.set(val, {
+        value: val,
+        label: resolveLabel?.(val) ?? val,
+        description: resolveDescription?.(val) ?? null
+      });
+    });
+    return map;
+  }, [asyncOptions, resolveDescription, resolveLabel, selectedOptionList, staticOptions, value]);
+  const availableOptions = React.useMemo(() => {
+    return Array.from(optionMap.values()).filter((option) => !value.includes(option.value));
+  }, [optionMap, value]);
+  const filteredSuggestions = React.useMemo(() => {
+    const query = input.toLowerCase().trim();
+    if (!query) return availableOptions.slice(0, 8);
+    return availableOptions.filter((option) => {
+      const labelMatch = option.label.toLowerCase().includes(query);
+      const descMatch = option.description?.toLowerCase().includes(query);
+      return labelMatch || Boolean(descMatch);
+    });
+  }, [availableOptions, input]);
+  React.useEffect(() => {
+    if (!loadSuggestions || !touched || disabled) return;
+    const query = input.trim();
+    let cancelled = false;
+    const handle = window.setTimeout(async () => {
+      setLoading(true);
+      try {
+        const items = await loadSuggestions(query);
+        if (!cancelled) {
+          setAsyncOptions(normalizeOptions(items));
+        }
+      } finally {
+        if (!cancelled) setLoading(false);
+      }
+    }, 200);
+    return () => {
+      cancelled = true;
+      window.clearTimeout(handle);
+    };
+  }, [disabled, input, loadSuggestions, touched]);
+  const addValue = React.useCallback(
+    (nextValue) => {
+      if (disabled) return;
+      const trimmed = nextValue.trim();
+      if (!trimmed) return;
+      if (value.includes(trimmed)) return;
+      onChange([...value, trimmed]);
+    },
+    [disabled, onChange, value]
+  );
+  const findOptionForInput = React.useCallback(
+    (raw) => {
+      const query = raw.trim().toLowerCase();
+      if (!query) return null;
+      for (const option of optionMap.values()) {
+        if (option.value === raw.trim()) return option;
+        if (option.label.toLowerCase() === query) return option;
+      }
+      return null;
+    },
+    [optionMap]
+  );
+  const addTag = React.useCallback(
+    (raw) => {
+      if (disabled) return;
+      const option = findOptionForInput(raw);
+      if (option) {
+        addValue(option.value);
+        return;
+      }
+      if (!allowCustomValues) return;
+      addValue(raw);
+    },
+    [addValue, allowCustomValues, disabled, findOptionForInput]
+  );
+  const removeTag = React.useCallback(
+    (tag) => {
+      if (disabled) return;
+      onChange(value.filter((candidate) => candidate !== tag));
+    },
+    [disabled, onChange, value]
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: [
+        "w-full rounded border px-2 py-1",
+        disabled ? "bg-muted text-muted-foreground/80 cursor-not-allowed" : ""
+      ].filter(Boolean).join(" "),
+      "aria-disabled": disabled || void 0,
+      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-1", children: [
+        value.map((tag) => {
+          const option = optionMap.get(tag);
+          const label = option?.label ?? tag;
+          const description = option?.description;
+          return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2 rounded-sm bg-muted px-2 py-0.5 text-xs", children: [
+            /* @__PURE__ */ jsxs("span", { className: "flex flex-col items-start leading-tight", children: [
+              /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap", children: label }),
+              description ? /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: description }) : null
+            ] }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "opacity-60 transition-opacity hover:opacity-100",
+                onClick: () => removeTag(tag),
+                disabled,
+                children: "\xD7"
+              }
+            )
+          ] }, tag);
+        }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            className: "flex-1 min-w-[120px] border-0 py-1 text-sm outline-none disabled:bg-transparent",
+            value: input,
+            placeholder: placeholder || t("ui.inputs.tagsInput.placeholder", "Add tag and press Enter"),
+            autoFocus,
+            "data-crud-focus-target": "",
+            disabled,
+            onFocus: () => setTouched(true),
+            onChange: (event) => {
+              setTouched(true);
+              setInput(event.target.value);
+            },
+            onKeyDown: (event) => {
+              if (disabled) return;
+              if (event.key === "Enter" || event.key === ",") {
+                event.preventDefault();
+                addTag(input);
+                setInput("");
+              } else if (event.key === "Backspace" && input === "" && value.length > 0) {
+                removeTag(value[value.length - 1]);
+              }
+            },
+            onBlur: () => {
+              if (disabled) return;
+              addTag(input);
+              setInput("");
+            }
+          }
+        ),
+        loading && touched ? /* @__PURE__ */ jsx("div", { className: "basis-full mt-1 text-xs text-muted-foreground", children: "Loading suggestions\u2026" }) : null,
+        !loading && filteredSuggestions.length ? /* @__PURE__ */ jsx("div", { className: "basis-full mt-1 flex flex-col gap-1", children: filteredSuggestions.map((option) => /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: "flex flex-col items-start rounded border px-1.5 py-1 text-xs transition hover:bg-muted",
+            onMouseDown: (event) => event.preventDefault(),
+            onClick: () => addValue(option.value),
+            children: [
+              /* @__PURE__ */ jsx("span", { children: option.label }),
+              option.description ? /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: option.description }) : null
+            ]
+          },
+          option.value
+        )) }) : null
+      ] })
+    }
+  );
+}
+export {
+  TagsInput
+};
+//# sourceMappingURL=TagsInput.js.map

package/dist/backend/inputs/TagsInput.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/inputs/TagsInput.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport type TagsInputOption = {\n  value: string\n  label: string\n  description?: string | null\n}\n\nexport type TagsInputProps = {\n  value: string[]\n  onChange: (next: string[]) => void\n  placeholder?: string\n  suggestions?: Array<string | TagsInputOption>\n  loadSuggestions?: (query?: string) => Promise<Array<string | TagsInputOption>>\n  selectedOptions?: TagsInputOption[]\n  resolveLabel?: (value: string) => string\n  resolveDescription?: (value: string) => string | null | undefined\n  autoFocus?: boolean\n  disabled?: boolean\n  allowCustomValues?: boolean\n}\n\nfunction normalizeOptions(input?: Array<string | TagsInputOption>): TagsInputOption[] {\n  if (!Array.isArray(input)) return []\n  return input\n    .map((option) => {\n      if (typeof option === 'string') {\n        const trimmed = option.trim()\n        if (!trimmed) return null\n        return { value: trimmed, label: trimmed }\n      }\n      const value = typeof option.value === 'string' ? option.value.trim() : ''\n      if (!value) return null\n      return {\n        value,\n        label: option.label?.trim() || value,\n        description: option.description ?? null,\n      }\n    })\n    .filter((option): option is TagsInputOption => !!option)\n}\n\nexport function TagsInput({\n  value,\n  onChange,\n  placeholder,\n  suggestions,\n  loadSuggestions,\n  selectedOptions,\n  resolveLabel,\n  resolveDescription,\n  autoFocus,\n  disabled = false,\n  allowCustomValues = true,\n}: TagsInputProps) {\n  const t = useT()\n  const [input, setInput] = React.useState('')\n  const [asyncOptions, setAsyncOptions] = React.useState<TagsInputOption[]>([])\n  const [loading, setLoading] = React.useState(false)\n  const [touched, setTouched] = React.useState(false)\n\n  const staticOptions = React.useMemo(() => normalizeOptions(suggestions), [suggestions])\n  const selectedOptionList = React.useMemo(\n    () => normalizeOptions(selectedOptions),\n    [selectedOptions]\n  )\n\n  const optionMap = React.useMemo(() => {\n    const map = new Map<string, TagsInputOption>()\n    const register = (option: TagsInputOption) => {\n      if (!map.has(option.value)) {\n        map.set(option.value, option)\n      }\n    }\n    staticOptions.forEach(register)\n    asyncOptions.forEach(register)\n    selectedOptionList.forEach(register)\n    value.forEach((val) => {\n      if (map.has(val)) return\n      map.set(val, {\n        value: val,\n        label: resolveLabel?.(val) ?? val,\n        description: resolveDescription?.(val) ?? null,\n      })\n    })\n    return map\n  }, [asyncOptions, resolveDescription, resolveLabel, selectedOptionList, staticOptions, value])\n\n  const availableOptions = React.useMemo(() => {\n    return Array.from(optionMap.values()).filter((option) => !value.includes(option.value))\n  }, [optionMap, value])\n\n  const filteredSuggestions = React.useMemo(() => {\n    const query = input.toLowerCase().trim()\n    if (!query) return availableOptions.slice(0, 8)\n    return availableOptions.filter((option) => {\n      const labelMatch = option.label.toLowerCase().includes(query)\n      const descMatch = option.description?.toLowerCase().includes(query)\n      return labelMatch || Boolean(descMatch)\n    })\n  }, [availableOptions, input])\n\n  React.useEffect(() => {\n    if (!loadSuggestions || !touched || disabled) return\n    const query = input.trim()\n    let cancelled = false\n    const handle = window.setTimeout(async () => {\n      setLoading(true)\n      try {\n        const items = await loadSuggestions(query)\n        if (!cancelled) {\n          setAsyncOptions(normalizeOptions(items))\n        }\n      } finally {\n        if (!cancelled) setLoading(false)\n      }\n    }, 200)\n    return () => {\n      cancelled = true\n      window.clearTimeout(handle)\n    }\n  }, [disabled, input, loadSuggestions, touched])\n\n  const addValue = React.useCallback(\n    (nextValue: string) => {\n      if (disabled) return\n      const trimmed = nextValue.trim()\n      if (!trimmed) return\n      if (value.includes(trimmed)) return\n      onChange([...value, trimmed])\n    },\n    [disabled, onChange, value]\n  )\n\n  const findOptionForInput = React.useCallback(\n    (raw: string): TagsInputOption | null => {\n      const query = raw.trim().toLowerCase()\n      if (!query) return null\n      for (const option of optionMap.values()) {\n        if (option.value === raw.trim()) return option\n        if (option.label.toLowerCase() === query) return option\n      }\n      return null\n    },\n    [optionMap]\n  )\n\n  const addTag = React.useCallback(\n    (raw: string) => {\n      if (disabled) return\n      const option = findOptionForInput(raw)\n      if (option) {\n        addValue(option.value)\n        return\n      }\n      if (!allowCustomValues) return\n      addValue(raw)\n    },\n    [addValue, allowCustomValues, disabled, findOptionForInput]\n  )\n\n  const removeTag = React.useCallback(\n    (tag: string) => {\n      if (disabled) return\n      onChange(value.filter((candidate) => candidate !== tag))\n    },\n    [disabled, onChange, value]\n  )\n\n  return (\n    <div\n      className={[\n        'w-full rounded border px-2 py-1',\n        disabled ? 'bg-muted text-muted-foreground/80 cursor-not-allowed' : '',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      aria-disabled={disabled || undefined}\n    >\n      <div className=\"flex flex-wrap gap-1\">\n        {value.map((tag) => {\n          const option = optionMap.get(tag)\n          const label = option?.label ?? tag\n          const description = option?.description\n          return (\n            <span key={tag} className=\"inline-flex items-center gap-2 rounded-sm bg-muted px-2 py-0.5 text-xs\">\n              <span className=\"flex flex-col items-start leading-tight\">\n                <span className=\"whitespace-nowrap\">{label}</span>\n                {description ? (\n                  <span className=\"text-[10px] text-muted-foreground\">{description}</span>\n                ) : null}\n              </span>\n              <button\n                type=\"button\"\n                className=\"opacity-60 transition-opacity hover:opacity-100\"\n                onClick={() => removeTag(tag)}\n                disabled={disabled}\n              >\n                \u00D7\n              </button>\n            </span>\n          )\n        })}\n        <input\n          className=\"flex-1 min-w-[120px] border-0 py-1 text-sm outline-none disabled:bg-transparent\"\n          value={input}\n          placeholder={placeholder || t('ui.inputs.tagsInput.placeholder', 'Add tag and press Enter')}\n          autoFocus={autoFocus}\n          data-crud-focus-target=\"\"\n          disabled={disabled}\n          onFocus={() => setTouched(true)}\n          onChange={(event) => {\n            setTouched(true)\n            setInput(event.target.value)\n          }}\n          onKeyDown={(event) => {\n            if (disabled) return\n            if (event.key === 'Enter' || event.key === ',') {\n              event.preventDefault()\n              addTag(input)\n              setInput('')\n            } else if (event.key === 'Backspace' && input === '' && value.length > 0) {\n              removeTag(value[value.length - 1])\n            }\n          }}\n          onBlur={() => {\n            if (disabled) return\n            addTag(input)\n            setInput('')\n          }}\n        />\n        {loading && touched ? (\n          <div className=\"basis-full mt-1 text-xs text-muted-foreground\">Loading suggestions\u2026</div>\n        ) : null}\n        {!loading && filteredSuggestions.length ? (\n          <div className=\"basis-full mt-1 flex flex-col gap-1\">\n            {filteredSuggestions.map((option) => (\n              <button\n                key={option.value}\n                type=\"button\"\n                className=\"flex flex-col items-start rounded border px-1.5 py-1 text-xs transition hover:bg-muted\"\n                onMouseDown={(event) => event.preventDefault()}\n                onClick={() => addValue(option.value)}\n              >\n                <span>{option.label}</span>\n                {option.description ? (\n                  <span className=\"text-[10px] text-muted-foreground\">{option.description}</span>\n                ) : null}\n              </button>\n            ))}\n          </div>\n        ) : null}\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/backend/inputs/index.js

@@ -0,0 +1,6 @@
+export * from "./PhoneNumberField.js";
+export * from "./TagsInput.js";
+export * from "./LookupSelect.js";
+export * from "./ComboboxInput.js";
+export * from "./SwitchableMarkdownInput.js";
+//# sourceMappingURL=index.js.map

package/dist/backend/inputs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/inputs/index.ts"],
+  "sourcesContent": ["export * from './PhoneNumberField'\nexport * from './TagsInput'\nexport * from './LookupSelect'\nexport * from './ComboboxInput'\nexport * from './SwitchableMarkdownInput'\n"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "names": []
+}

package/dist/backend/operations/LastOperationBanner.js

@@ -0,0 +1,80 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Undo2 } from "lucide-react";
+import { useRouter } from "next/navigation";
+import { Button } from "../../primitives/button.js";
+import { apiCall } from "../utils/apiCall.js";
+import { flash } from "../FlashMessages.js";
+import { useLastOperation, markUndoSuccess } from "./store.js";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+function LastOperationBanner() {
+  const t = useT();
+  const operation = useLastOperation();
+  const [pendingToken, setPendingToken] = React.useState(null);
+  const router = useRouter();
+  if (!operation) return null;
+  const rawLabel = operation.actionLabel ?? operation.commandId;
+  const translatedLabel = t(rawLabel);
+  const label = translatedLabel === rawLabel ? rawLabel : translatedLabel;
+  const isPending = pendingToken === operation.undoToken;
+  async function handleUndo() {
+    const undoToken = operation?.undoToken;
+    if (!undoToken || isPending) return;
+    setPendingToken(undoToken);
+    try {
+      const call = await apiCall("/api/audit_logs/audit-logs/actions/undo", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ undoToken })
+      });
+      if (!call.ok) {
+        const message = call.result && typeof call.result.error === "string" && call.result.error || "";
+        throw new Error(message || t("audit_logs.banner.undo_failed", "Failed to undo"));
+      }
+      markUndoSuccess(undoToken);
+      flash(t("audit_logs.banner.undo_success"), "success");
+      router.refresh();
+      if (typeof window !== "undefined") {
+        try {
+          const isJSDOM = typeof navigator !== "undefined" && typeof navigator.userAgent === "string" ? navigator.userAgent.toLowerCase().includes("jsdom") : false;
+          if (!isJSDOM && typeof window.location?.reload === "function") {
+            window.location.reload();
+          }
+        } catch {
+        }
+      }
+    } catch (err) {
+      const message = err instanceof Error && err.message ? err.message : t("audit_logs.banner.undo_error");
+      flash(message, "error");
+    } finally {
+      setPendingToken(null);
+    }
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "mb-4 flex items-center justify-between gap-3 rounded-md border border-amber-300 bg-amber-50 px-3 py-2 text-sm text-amber-900", children: [
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 truncate", children: [
+      /* @__PURE__ */ jsx("span", { className: "font-medium text-amber-950", children: t("audit_logs.banner.last_operation") }),
+      /* @__PURE__ */ jsx("span", { className: "ml-2 truncate text-amber-900", children: label })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "outline",
+        size: "sm",
+        onClick: () => {
+          void handleUndo();
+        },
+        disabled: isPending,
+        className: "border-amber-300 text-amber-900 hover:bg-amber-100",
+        children: [
+          /* @__PURE__ */ jsx(Undo2, { className: "mr-1 size-4", "aria-hidden": "true" }),
+          isPending ? t("audit_logs.actions.undoing") : t("audit_logs.banner.undo")
+        ]
+      }
+    )
+  ] });
+}
+export {
+  LastOperationBanner
+};
+//# sourceMappingURL=LastOperationBanner.js.map

package/dist/backend/operations/LastOperationBanner.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/operations/LastOperationBanner.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { Undo2 } from 'lucide-react'\nimport { useRouter } from 'next/navigation'\nimport { Button } from '../../primitives/button'\nimport { apiCall } from '../utils/apiCall'\nimport { flash } from '../FlashMessages'\nimport { useLastOperation, markUndoSuccess } from './store'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport function LastOperationBanner() {\n  const t = useT()\n  const operation = useLastOperation()\n  const [pendingToken, setPendingToken] = React.useState<string | null>(null)\n  const router = useRouter()\n\n  if (!operation) return null\n\n  const rawLabel = operation.actionLabel ?? operation.commandId\n  const translatedLabel = t(rawLabel)\n  const label = translatedLabel === rawLabel ? rawLabel : translatedLabel\n  const isPending = pendingToken === operation.undoToken\n\n  async function handleUndo() {\n    const undoToken = operation?.undoToken\n    if (!undoToken || isPending) return\n    setPendingToken(undoToken)\n    try {\n      const call = await apiCall<Record<string, unknown>>('/api/audit_logs/audit-logs/actions/undo', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({ undoToken }),\n      })\n      if (!call.ok) {\n        const message =\n          (call.result && typeof call.result.error === 'string' && call.result.error) ||\n          ''\n        throw new Error(message || t('audit_logs.banner.undo_failed', 'Failed to undo'))\n      }\n      markUndoSuccess(undoToken)\n      flash(t('audit_logs.banner.undo_success'), 'success')\n      router.refresh()\n      if (typeof window !== 'undefined') {\n        try {\n          const isJSDOM = typeof navigator !== 'undefined' && typeof navigator.userAgent === 'string'\n            ? navigator.userAgent.toLowerCase().includes('jsdom')\n            : false\n          if (!isJSDOM && typeof window.location?.reload === 'function') {\n            window.location.reload()\n          }\n        } catch {\n          // noop in non-browser or jsdom environments\n        }\n      }\n    } catch (err) {\n      const message = err instanceof Error && err.message ? err.message : t('audit_logs.banner.undo_error')\n      flash(message, 'error')\n    } finally {\n      setPendingToken(null)\n    }\n  }\n\n  return (\n    <div className=\"mb-4 flex items-center justify-between gap-3 rounded-md border border-amber-300 bg-amber-50 px-3 py-2 text-sm text-amber-900\">\n      <div className=\"min-w-0 truncate\">\n        <span className=\"font-medium text-amber-950\">\n          {t('audit_logs.banner.last_operation')}\n        </span>\n        <span className=\"ml-2 truncate text-amber-900\">\n          {label}\n        </span>\n      </div>\n      <Button\n        variant=\"outline\"\n        size=\"sm\"\n        onClick={() => { void handleUndo() }}\n        disabled={isPending}\n        className=\"border-amber-300 text-amber-900 hover:bg-amber-100\"\n      >\n        <Undo2 className=\"mr-1 size-4\" aria-hidden=\"true\" />\n        {isPending ? t('audit_logs.actions.undoing') : t('audit_logs.banner.undo')}\n      </Button>\n    </div>\n  )\n}\n"],
+  "mappings": ";AAgEM,SACE,KADF;AA/DN,YAAY,WAAW;AACvB,SAAS,aAAa;AACtB,SAAS,iBAAiB;AAC1B,SAAS,cAAc;AACvB,SAAS,eAAe;AACxB,SAAS,aAAa;AACtB,SAAS,kBAAkB,uBAAuB;AAClD,SAAS,YAAY;AAEd,SAAS,sBAAsB;AACpC,QAAM,IAAI,KAAK;AACf,QAAM,YAAY,iBAAiB;AACnC,QAAM,CAAC,cAAc,eAAe,IAAI,MAAM,SAAwB,IAAI;AAC1E,QAAM,SAAS,UAAU;AAEzB,MAAI,CAAC,UAAW,QAAO;AAEvB,QAAM,WAAW,UAAU,eAAe,UAAU;AACpD,QAAM,kBAAkB,EAAE,QAAQ;AAClC,QAAM,QAAQ,oBAAoB,WAAW,WAAW;AACxD,QAAM,YAAY,iBAAiB,UAAU;AAE7C,iBAAe,aAAa;AAC1B,UAAM,YAAY,WAAW;AAC7B,QAAI,CAAC,aAAa,UAAW;AAC7B,oBAAgB,SAAS;AACzB,QAAI;AACF,YAAM,OAAO,MAAM,QAAiC,2CAA2C;AAAA,QAC7F,QAAQ;AAAA,QACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,QAC9C,MAAM,KAAK,UAAU,EAAE,UAAU,CAAC;AAAA,MACpC,CAAC;AACD,UAAI,CAAC,KAAK,IAAI;AACZ,cAAM,UACH,KAAK,UAAU,OAAO,KAAK,OAAO,UAAU,YAAY,KAAK,OAAO,SACrE;AACF,cAAM,IAAI,MAAM,WAAW,EAAE,iCAAiC,gBAAgB,CAAC;AAAA,MACjF;AACA,sBAAgB,SAAS;AACzB,YAAM,EAAE,gCAAgC,GAAG,SAAS;AACpD,aAAO,QAAQ;AACf,UAAI,OAAO,WAAW,aAAa;AACjC,YAAI;AACF,gBAAM,UAAU,OAAO,cAAc,eAAe,OAAO,UAAU,cAAc,WAC/E,UAAU,UAAU,YAAY,EAAE,SAAS,OAAO,IAClD;AACJ,cAAI,CAAC,WAAW,OAAO,OAAO,UAAU,WAAW,YAAY;AAC7D,mBAAO,SAAS,OAAO;AAAA,UACzB;AAAA,QACF,QAAQ;AAAA,QAER;AAAA,MACF;AAAA,IACF,SAAS,KAAK;AACZ,YAAM,UAAU,eAAe,SAAS,IAAI,UAAU,IAAI,UAAU,EAAE,8BAA8B;AACpG,YAAM,SAAS,OAAO;AAAA,IACxB,UAAE;AACA,sBAAgB,IAAI;AAAA,IACtB;AAAA,EACF;AAEA,SACE,qBAAC,SAAI,WAAU,gIACb;AAAA,yBAAC,SAAI,WAAU,oBACb;AAAA,0BAAC,UAAK,WAAU,8BACb,YAAE,kCAAkC,GACvC;AAAA,MACA,oBAAC,UAAK,WAAU,gCACb,iBACH;AAAA,OACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,SAAS,MAAM;AAAE,eAAK,WAAW;AAAA,QAAE;AAAA,QACnC,UAAU;AAAA,QACV,WAAU;AAAA,QAEV;AAAA,8BAAC,SAAM,WAAU,eAAc,eAAY,QAAO;AAAA,UACjD,YAAY,EAAE,4BAA4B,IAAI,EAAE,wBAAwB;AAAA;AAAA;AAAA,IAC3E;AAAA,KACF;AAEJ;",
+  "names": []
+}

package/dist/backend/operations/store.js

@@ -0,0 +1,183 @@
+"use client";
+import * as React from "react";
+const DEFAULT_STATE = { stack: [], undone: [] };
+const STORAGE_KEY = "om:last-operations:v1";
+const STACK_LIMIT = 20;
+const LAST_OPERATION_TTL_MS = 6e4;
+const STACK_RETENTION_MS = 10 * 6e4;
+let internalState = DEFAULT_STATE;
+if (typeof window !== "undefined") {
+  internalState = loadState();
+}
+const emitter = new EventTarget();
+function now() {
+  return typeof performance !== "undefined" && performance.now ? Math.round(performance.timeOrigin + performance.now()) : Date.now();
+}
+function loadState() {
+  try {
+    const raw = window.localStorage.getItem(STORAGE_KEY);
+    if (!raw) return DEFAULT_STATE;
+    const parsed = JSON.parse(raw);
+    if (!parsed || typeof parsed !== "object") return DEFAULT_STATE;
+    const stack = Array.isArray(parsed.stack) ? parsed.stack.filter(isValidEntry).map(hydrateEntry) : [];
+    const undone = Array.isArray(parsed.undone) ? parsed.undone.filter(isValidEntry).map((raw2) => {
+      const hydrated = hydrateEntry(raw2);
+      const candidate = raw2;
+      const undoneAt = typeof candidate.undoneAt === "number" ? candidate.undoneAt : now();
+      return { ...hydrated, undoneAt };
+    }) : [];
+    return pruneState({ stack, undone });
+  } catch {
+    return DEFAULT_STATE;
+  }
+}
+function isValidEntry(entry) {
+  if (entry == null || typeof entry !== "object") return false;
+  const candidate = entry;
+  return typeof candidate.id === "string" && typeof candidate.undoToken === "string" && typeof candidate.commandId === "string" && typeof candidate.receivedAt === "number" && typeof candidate.executedAt === "string";
+}
+function hydrateEntry(entry) {
+  const source = entry;
+  return {
+    id: String(source.id),
+    undoToken: String(source.undoToken),
+    commandId: String(source.commandId),
+    actionLabel: typeof source.actionLabel === "string" ? source.actionLabel : source.actionLabel === null ? null : null,
+    resourceKind: typeof source.resourceKind === "string" ? source.resourceKind : null,
+    resourceId: typeof source.resourceId === "string" ? source.resourceId : null,
+    executedAt: typeof source.executedAt === "string" ? source.executedAt : new Date(source.receivedAt || now()).toISOString(),
+    receivedAt: typeof source.receivedAt === "number" ? source.receivedAt : now()
+  };
+}
+function persist(state) {
+  if (typeof window === "undefined") return;
+  try {
+    window.localStorage.setItem(STORAGE_KEY, JSON.stringify(state));
+  } catch {
+  }
+}
+function pruneState(state) {
+  const timestamp = now();
+  const stack = state.stack.filter((entry, index, arr) => {
+    const duplicateIndex = arr.findIndex((candidate) => candidate.id === entry.id || candidate.undoToken === entry.undoToken);
+    if (duplicateIndex !== index) return false;
+    return timestamp - entry.receivedAt <= STACK_RETENTION_MS;
+  }).sort((a, b) => a.receivedAt - b.receivedAt).slice(-STACK_LIMIT);
+  const undone = state.undone.filter((entry) => timestamp - entry.undoneAt <= STACK_RETENTION_MS).sort((a, b) => a.undoneAt - b.undoneAt).slice(-STACK_LIMIT);
+  const next = { stack, undone };
+  return next;
+}
+function emit() {
+  emitter.dispatchEvent(new Event("change"));
+}
+function updateState(updater) {
+  const next = pruneState(updater(internalState));
+  internalState = next;
+  persist(next);
+  emit();
+}
+function subscribe(listener) {
+  const wrapped = () => listener();
+  emitter.addEventListener("change", wrapped);
+  return () => emitter.removeEventListener("change", wrapped);
+}
+function getClientSnapshot() {
+  internalState = pruneState(internalState);
+  return internalState;
+}
+function useOperationStore(selector) {
+  return React.useSyncExternalStore(
+    subscribe,
+    () => selector(getClientSnapshot()),
+    () => selector(DEFAULT_STATE)
+  );
+}
+function pushOperation(meta) {
+  if (typeof window === "undefined") return;
+  updateState((prev) => {
+    const entry = {
+      ...meta,
+      receivedAt: now()
+    };
+    const stack = prev.stack.filter((item) => item.id !== entry.id && item.undoToken !== entry.undoToken);
+    stack.push(entry);
+    return { stack, undone: [] };
+  });
+}
+function markUndoSuccess(undoToken) {
+  if (typeof window === "undefined") return;
+  const removed = [];
+  updateState((prev) => {
+    const stack = prev.stack.filter((entry) => {
+      if (entry.undoToken === undoToken) {
+        removed.push(entry);
+        return false;
+      }
+      return true;
+    });
+    const undone = removed.length ? [...prev.undone, ...removed.map((entry) => ({ ...entry, undoneAt: now() }))] : prev.undone;
+    return { stack, undone };
+  });
+}
+function markRedoConsumed(logId) {
+  if (typeof window === "undefined") return;
+  updateState((prev) => ({
+    stack: prev.stack,
+    undone: prev.undone.filter((entry) => entry.id !== logId)
+  }));
+}
+function getLastOperation() {
+  const state = getClientSnapshot();
+  if (!state.stack.length) return null;
+  const last = state.stack[state.stack.length - 1];
+  const lastExecuted = Date.parse(last.executedAt);
+  const cutoff = now() - LAST_OPERATION_TTL_MS;
+  if (Number.isFinite(lastExecuted) && lastExecuted < cutoff) return null;
+  if (!Number.isFinite(lastExecuted) && last.receivedAt < cutoff) return null;
+  return last;
+}
+function useLastOperation() {
+  return useOperationStore(getLastOperationFromState);
+}
+function getLastOperationFromState(state) {
+  if (!state.stack.length) return null;
+  const last = state.stack[state.stack.length - 1];
+  const timestamp = now();
+  const executedAt = Date.parse(last.executedAt);
+  const cutoff = timestamp - LAST_OPERATION_TTL_MS;
+  if (Number.isFinite(executedAt)) {
+    return executedAt >= cutoff ? last : null;
+  }
+  return last.receivedAt >= cutoff ? last : null;
+}
+function useRedoCandidate() {
+  return useOperationStore((state) => state.undone.length ? state.undone[state.undone.length - 1] : null);
+}
+function hasRedoCandidate(logId) {
+  const state = getClientSnapshot();
+  if (!state.undone.length) return false;
+  const top = state.undone[state.undone.length - 1];
+  return top.id === logId;
+}
+function clearAllOperations() {
+  if (typeof window === "undefined") return;
+  internalState = DEFAULT_STATE;
+  persist(internalState);
+  emit();
+}
+const operationStackConstants = {
+  LAST_OPERATION_TTL_MS
+};
+export {
+  clearAllOperations,
+  getLastOperation,
+  hasRedoCandidate,
+  markRedoConsumed,
+  markUndoSuccess,
+  operationStackConstants,
+  pushOperation,
+  useLastOperation,
+  useOperationStore,
+  useRedoCandidate
+};
+//# sourceMappingURL=store.js.map