@freighttech/ui 0.13.18

package/dist/backend/FilterBar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/backend/FilterBar.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { Button } from '../primitives/button'\nimport { FilterDef, FilterOverlay, FilterValues } from './FilterOverlay'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport type FilterBarProps = {\n  searchValue?: string\n  onSearchChange?: (v: string) => void\n  searchPlaceholder?: string\n  searchAlign?: 'left' | 'right'\n  filters?: FilterDef[]\n  values?: FilterValues\n  onApply?: (values: FilterValues) => void\n  onClear?: () => void\n  className?: string\n  leadingItems?: React.ReactNode\n  trailingItems?: React.ReactNode\n  layout?: 'stacked' | 'inline'\n  filtersExtraContent?: React.ReactNode\n}\n\nexport function FilterBar({\n  searchValue,\n  onSearchChange,\n  searchPlaceholder,\n  searchAlign = 'left',\n  filters = [],\n  values = {},\n  onApply,\n  onClear,\n  className,\n  leadingItems,\n  trailingItems,\n  layout = 'stacked',\n  filtersExtraContent,\n}: FilterBarProps) {\n  const t = useT()\n  const resolvedSearchPlaceholder = searchPlaceholder ?? t('ui.filterBar.searchPlaceholder', 'Search')\n  const [open, setOpen] = React.useState(false)\n  const [searchDraft, setSearchDraft] = React.useState(searchValue ?? '')\n  const lastAppliedSearchRef = React.useRef(searchValue ?? '')\n\n  React.useEffect(() => {\n    const next = searchValue ?? ''\n    lastAppliedSearchRef.current = next\n    setSearchDraft((prev) => (prev === next ? prev : next))\n  }, [searchValue])\n\n  React.useEffect(() => {\n    if (!onSearchChange) return\n    const handle = window.setTimeout(() => {\n      if (lastAppliedSearchRef.current === searchDraft) return\n      lastAppliedSearchRef.current = searchDraft\n      onSearchChange(searchDraft)\n    }, 1000)\n    return () => {\n      window.clearTimeout(handle)\n    }\n  }, [searchDraft, onSearchChange])\n\n  const activeCount = React.useMemo(() => {\n    const isActive = (v: any) => {\n      if (v == null) return false\n      if (typeof v === 'string') return v.trim() !== ''\n      if (Array.isArray(v)) return v.length > 0\n      if (typeof v === 'object') return Object.values(v).some((x) => x != null && x !== '')\n      return Boolean(v)\n    }\n    return Object.values(values).filter(isActive).length\n  }, [values])\n\n  const containerClass = `flex flex-col ${layout === 'inline' ? 'gap-1 sm:gap-2' : 'gap-2'} w-full`\n  const searchInput = onSearchChange ? (\n    <div className={`relative w-full sm:w-auto sm:min-w-[180px] sm:max-w-[240px] ${searchAlign === 'right' ? 'sm:ml-auto' : ''}`}>\n      <input\n        value={searchDraft}\n        onChange={(e) => setSearchDraft(e.target.value)}\n        placeholder={resolvedSearchPlaceholder}\n        className=\"h-9 w-full rounded border pl-8 pr-2 text-sm\"\n        suppressHydrationWarning\n      />\n      <span className=\"absolute left-2 top-1/2 -translate-y-1/2 text-muted-foreground\">\uD83D\uDD0D</span>\n    </div>\n  ) : null\n  const controls = (\n    <div className={`flex flex-wrap items-center gap-2 ${searchAlign === 'left' && searchInput ? 'sm:ml-auto' : ''}`}>\n      {filters.length > 0 && (\n        <Button variant=\"outline\" className=\"h-9\" onClick={() => setOpen(true)}>\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" aria-hidden=\"true\" className=\"opacity-80\"><path d=\"M3 4h18\"/><path d=\"M6 8h12l-3 8H9L6 8z\"/></svg>\n          {activeCount\n            ? t('ui.filterBar.filtersWithCount', 'Filters {count}', { count: activeCount })\n            : t('ui.filterBar.filters', 'Filters')\n          }\n        </Button>\n      )}\n      {leadingItems}\n      {trailingItems}\n    </div>\n  )\n\n  return (\n    <div className={`${containerClass} ${className ?? ''}`}>\n      <div className=\"flex flex-wrap items-center gap-2 w-full\">\n        {searchAlign === 'left' ? searchInput : null}\n        {controls}\n        {searchAlign === 'right' ? searchInput : null}\n      </div>\n      {/* Active filter chips */}\n      {filters.length > 0 && activeCount > 0 && (\n        <div className=\"flex flex-wrap items-center gap-1\">\n          {filters.map((f) => {\n            const v = (values as any)[f.id]\n            if (v == null || v === '' || (Array.isArray(v) && v.length === 0)) return null\n            const toLabel = (val: any) => {\n              if (typeof f.formatValue === 'function' && (typeof val === 'string' || typeof val === 'number')) {\n                const formatted = f.formatValue(String(val))\n                if (formatted) return formatted\n              }\n              if (f.type === 'select' && f.options) {\n                const o = f.options.find((o) => o.value === val)\n                return o ? o.label : String(val)\n              }\n              if (typeof val === 'object' && val.from == null && val.to == null) return null\n              if (typeof val === 'object') {\n                const from = val.from ?? ''\n                const to = val.to ? ` \u2192 ${val.to}` : ''\n                return `${from}${to}`.trim()\n              }\n              if (val === true) return t('common.yes', 'Yes')\n              if (val === false) return t('common.no', 'No')\n              return String(val)\n            }\n            const removeValue = (val?: any) => {\n              const next = { ...(values || {}) }\n              if (Array.isArray(v) && val !== undefined) next[f.id] = v.filter((x: any) => x !== val)\n              else delete (next as any)[f.id]\n              onApply?.(next)\n            }\n            if (Array.isArray(v)) {\n              return v.map((item) => (\n                <Button key={`${f.id}:${item}`} size=\"sm\" variant=\"outline\" className=\"max-w-[calc(100vw-4rem)] truncate\" onClick={() => removeValue(item)}>\n                  {f.label}: {toLabel(item)} \u00D7\n                </Button>\n              ))\n            }\n            const label = toLabel(v)\n            if (!label) return null\n            return (\n              <Button key={f.id} size=\"sm\" variant=\"outline\" className=\"max-w-[calc(100vw-4rem)] truncate\" onClick={() => removeValue()}>\n                {f.label}: {label} \u00D7\n              </Button>\n            )\n          })}\n        </div>\n      )}\n      <FilterOverlay\n        title={t('ui.filterOverlay.title', 'Filters')}\n        filters={filters}\n        initialValues={values}\n        open={open}\n        onOpenChange={setOpen}\n        onApply={(v) => onApply?.(v)}\n        onClear={onClear}\n        extraContent={filtersExtraContent}\n      />\n    </div>\n  )\n}\n\nexport type { FilterDef, FilterValues } from './FilterOverlay'\n"],
+  "mappings": "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",
+  "names": ["o"]
+}

package/dist/backend/FilterOverlay.js

@@ -0,0 +1,337 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Button } from "../primitives/button.js";
+import { ComboboxInput } from "./inputs/ComboboxInput.js";
+import { TagsInput } from "./inputs/TagsInput.js";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+const EMPTY_FILTER_VALUES = {};
+function isPlainObject(value) {
+  return value != null && typeof value === "object" && !Array.isArray(value);
+}
+function normalizeKeys(source) {
+  if (!source) return [];
+  return Object.keys(source).filter((key) => source[key] !== void 0);
+}
+function areFieldValuesEqual(a, b) {
+  if (a === b) return true;
+  if (Array.isArray(a) && Array.isArray(b)) {
+    if (a.length !== b.length) return false;
+    for (let i = 0; i < a.length; i += 1) {
+      if (!areFieldValuesEqual(a[i], b[i])) return false;
+    }
+    return true;
+  }
+  if (isPlainObject(a) && isPlainObject(b)) {
+    const keysA = normalizeKeys(a);
+    const keysB = normalizeKeys(b);
+    if (keysA.length !== keysB.length) return false;
+    for (const key of keysA) {
+      if (!keysB.includes(key)) return false;
+      if (!areFieldValuesEqual(a[key], b[key])) return false;
+    }
+    return true;
+  }
+  return false;
+}
+function areFilterValuesEqual(a, b) {
+  if (a === b) return true;
+  const keysA = normalizeKeys(a || EMPTY_FILTER_VALUES);
+  const keysB = normalizeKeys(b || EMPTY_FILTER_VALUES);
+  if (keysA.length !== keysB.length) return false;
+  for (const key of keysA) {
+    if (!keysB.includes(key)) return false;
+    if (!areFieldValuesEqual(a?.[key], b?.[key])) return false;
+  }
+  return true;
+}
+function FilterOverlay({
+  title,
+  filters,
+  initialValues,
+  open,
+  onOpenChange,
+  onApply,
+  onClear,
+  extraContent
+}) {
+  const t = useT();
+  const defaultTitle = title ?? t("ui.filters.title", "Filters");
+  const [values, setValues] = React.useState(initialValues);
+  React.useEffect(() => {
+    setValues((prev) => areFilterValuesEqual(prev, initialValues) ? prev : initialValues);
+  }, [initialValues]);
+  const filtersSignature = React.useMemo(
+    () => filters.map((f) => `${f.id}:${f.type}:${Boolean(f.loadOptions)}:${(f.options || []).length}`).join("|"),
+    [filters]
+  );
+  const lastLoadedSignatureRef = React.useRef(null);
+  const stableFilters = React.useMemo(() => filters, [filtersSignature]);
+  const [dynamicOptions, setDynamicOptions] = React.useState({});
+  React.useEffect(() => {
+    if (!open) return;
+    if (lastLoadedSignatureRef.current === filtersSignature) return;
+    lastLoadedSignatureRef.current = filtersSignature;
+    setDynamicOptions({});
+    let cancelled = false;
+    const loadAll = async () => {
+      const loaders = filters.filter((f) => f.loadOptions != null).map(async (f) => {
+        try {
+          const opts = await f.loadOptions();
+          if (!cancelled) setDynamicOptions((prev) => ({ ...prev, [f.id]: opts }));
+        } catch {
+        }
+      });
+      await Promise.all(loaders);
+    };
+    loadAll();
+    return () => {
+      cancelled = true;
+    };
+  }, [filters, filtersSignature, open]);
+  React.useEffect(() => {
+    if (!open) {
+      lastLoadedSignatureRef.current = null;
+    }
+  }, [open]);
+  const setValue = (id, v) => setValues((prev) => ({ ...prev, [id]: v }));
+  const handleApply = () => {
+    onApply(values);
+    onOpenChange(false);
+  };
+  const handleClear = () => {
+    setValues({});
+    onClear?.();
+  };
+  const tagLoaders = React.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const f of stableFilters) {
+      if (f.type === "tags" && typeof f.loadOptions === "function") {
+        const fieldId = f.id;
+        const load = f.loadOptions;
+        map.set(fieldId, async (q) => {
+          const query = (q ?? "").trim();
+          if (!query.length) return [];
+          try {
+            const opts = await load(query);
+            setDynamicOptions((prev) => ({ ...prev, [fieldId]: opts }));
+            return opts.map((o) => ({ value: o.value, label: o.label, description: o.description ?? null }));
+          } catch {
+            return [];
+          }
+        });
+      }
+    }
+    return map;
+  }, [stableFilters]);
+  const comboboxLoaders = React.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const f of stableFilters) {
+      if (f.type === "combobox" && typeof f.loadOptions === "function") {
+        map.set(f.id, async (query) => {
+          try {
+            const opts = await f.loadOptions?.(query);
+            setDynamicOptions((prev) => ({ ...prev, [f.id]: opts ?? [] }));
+            return opts ?? [];
+          } catch {
+            return [];
+          }
+        });
+      }
+    }
+    return map;
+  }, [stableFilters]);
+  return /* @__PURE__ */ jsx(Fragment, { children: open && /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-50", children: [
+    /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-black/30", onClick: () => onOpenChange(false), role: "presentation" }),
+    /* @__PURE__ */ jsxs("div", { className: "absolute left-0 top-0 h-full w-full sm:w-[380px] bg-background shadow-xl border-r flex flex-col", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-4 border-b", children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold", children: defaultTitle }),
+        /* @__PURE__ */ jsx(Button, { variant: "muted", size: "sm", onClick: () => onOpenChange(false), children: t("common.close") })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "px-4 py-2 border-b flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: handleClear, children: t("ui.filters.actions.clear", "Clear") }),
+        /* @__PURE__ */ jsxs(Button, { size: "sm", onClick: handleApply, children: [
+          /* @__PURE__ */ jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", className: "opacity-80", children: [
+            /* @__PURE__ */ jsx("path", { d: "M3 4h18" }),
+            /* @__PURE__ */ jsx("path", { d: "M6 8h12l-3 8H9L6 8z" })
+          ] }),
+          t("ui.filters.actions.apply", "Apply")
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-auto p-4 space-y-4", children: [
+        extraContent ? /* @__PURE__ */ jsx("div", { className: "space-y-2 rounded-md border bg-muted/30 p-3", children: extraContent }) : null,
+        filters.map((f) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: f.label }),
+          f.type === "text" && /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "text",
+              className: "w-full h-11 rounded border px-2 text-sm",
+              placeholder: f.placeholder,
+              value: values[f.id] ?? "",
+              onChange: (e) => setValue(f.id, e.target.value || void 0)
+            }
+          ),
+          f.type === "dateRange" && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-2", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground mb-1", children: t("ui.filters.dateRange.from", "From") }),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "date",
+                  className: "w-full h-11 rounded border px-2 text-sm",
+                  value: values[f.id]?.from ?? "",
+                  onChange: (e) => setValue(f.id, { ...values[f.id] ?? {}, from: e.target.value || void 0 })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground mb-1", children: t("ui.filters.dateRange.to", "To") }),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "date",
+                  className: "w-full h-11 rounded border px-2 text-sm",
+                  value: values[f.id]?.to ?? "",
+                  onChange: (e) => setValue(f.id, { ...values[f.id] ?? {}, to: e.target.value || void 0 })
+                }
+              )
+            ] })
+          ] }),
+          f.type === "select" && /* @__PURE__ */ jsx("div", { className: "space-y-1", children: f.multiple ? /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1", children: (f.options || dynamicOptions[f.id] || []).map((opt) => {
+            const arr = Array.isArray(values[f.id]) ? values[f.id] : [];
+            const checked = arr.includes(opt.value);
+            return /* @__PURE__ */ jsxs("label", { className: "inline-flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "checkbox",
+                  checked,
+                  onChange: (e) => {
+                    const next = new Set(arr);
+                    if (e.target.checked) next.add(opt.value);
+                    else next.delete(opt.value);
+                    setValue(f.id, Array.from(next));
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "text-sm", children: opt.label })
+            ] }, opt.value);
+          }) }) : /* @__PURE__ */ jsxs(
+            "select",
+            {
+              className: "w-full h-11 rounded border px-2 text-sm",
+              value: values[f.id] ?? "",
+              onChange: (e) => setValue(f.id, e.target.value || void 0),
+              children: [
+                /* @__PURE__ */ jsx("option", { value: "", children: t("ui.forms.select.emptyOption", "\u2014") }),
+                (f.options || dynamicOptions[f.id] || []).map((opt) => /* @__PURE__ */ jsx("option", { value: opt.value, children: opt.label }, opt.value))
+              ]
+            }
+          ) }),
+          f.type === "combobox" && (() => {
+            const staticOptions = f.options || [];
+            const dynamic = dynamicOptions[f.id] || [];
+            const optionMap = /* @__PURE__ */ new Map();
+            staticOptions.forEach((opt) => optionMap.set(opt.value, opt));
+            dynamic.forEach((opt) => optionMap.set(opt.value, opt));
+            const currentValue = typeof values[f.id] === "string" ? values[f.id] : "";
+            const suggestions = Array.from(optionMap.values()).map((opt) => ({
+              value: opt.value,
+              label: opt.label,
+              description: opt.description ?? null
+            }));
+            const loadSuggestions = comboboxLoaders.get(f.id);
+            return /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
+              /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx(
+                ComboboxInput,
+                {
+                  value: currentValue,
+                  onChange: (next) => setValue(f.id, next.trim().length ? next : void 0),
+                  suggestions,
+                  loadSuggestions,
+                  resolveLabel: (value) => f.formatValue?.(value) ?? optionMap.get(value)?.label ?? value,
+                  resolveDescription: (value) => optionMap.get(value)?.description ?? null,
+                  placeholder: f.placeholder,
+                  allowCustomValues: false
+                }
+              ) }),
+              currentValue ? /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  variant: "outline",
+                  size: "sm",
+                  className: "shrink-0",
+                  onClick: () => setValue(f.id, void 0),
+                  children: t("ui.filters.actions.clear", "Clear")
+                }
+              ) : null
+            ] });
+          })(),
+          f.type === "tags" && (() => {
+            const arr = Array.isArray(values[f.id]) ? values[f.id] : [];
+            const staticOptions = f.options || [];
+            const dynamic = dynamicOptions[f.id] || [];
+            const optionMap = /* @__PURE__ */ new Map();
+            staticOptions.forEach((opt) => optionMap.set(opt.value, opt));
+            dynamic.forEach((opt) => optionMap.set(opt.value, opt));
+            const loadSuggestions = tagLoaders.get(f.id);
+            const resolveTagLabel = f.formatValue ? (val) => f.formatValue(val) : (val) => optionMap.get(val)?.label ?? val;
+            const resolveTagDescription = f.formatDescription ? (val) => f.formatDescription(val) ?? null : (val) => optionMap.get(val)?.description ?? null;
+            const suggestionList = Array.from(optionMap.values()).map((opt) => ({
+              value: opt.value,
+              label: opt.label,
+              description: opt.description ?? null
+            }));
+            return /* @__PURE__ */ jsx(
+              TagsInput,
+              {
+                value: arr,
+                suggestions: suggestionList,
+                loadSuggestions,
+                allowCustomValues: false,
+                resolveLabel: resolveTagLabel,
+                resolveDescription: resolveTagDescription,
+                placeholder: f.placeholder,
+                onChange: (next) => setValue(f.id, next.length ? next : void 0)
+              }
+            );
+          })(),
+          f.type === "checkbox" && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+            "select",
+            {
+              className: "w-full h-11 rounded border px-2 text-sm",
+              value: values[f.id] === true ? "true" : values[f.id] === false ? "false" : "",
+              onChange: (e) => {
+                const v = e.target.value;
+                if (v === "") setValue(f.id, void 0);
+                else if (v === "true") setValue(f.id, true);
+                else if (v === "false") setValue(f.id, false);
+              },
+              children: [
+                /* @__PURE__ */ jsx("option", { value: "", children: t("ui.forms.select.emptyOption", "\u2014") }),
+                /* @__PURE__ */ jsx("option", { value: "true", children: t("common.yes", "Yes") }),
+                /* @__PURE__ */ jsx("option", { value: "false", children: t("common.no", "No") })
+              ]
+            }
+          ) })
+        ] }, f.id))
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "p-4 border-t flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: handleClear, children: t("ui.filters.actions.clear", "Clear") }),
+        /* @__PURE__ */ jsxs(Button, { onClick: handleApply, children: [
+          /* @__PURE__ */ jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", className: "opacity-80", children: [
+            /* @__PURE__ */ jsx("path", { d: "M3 4h18" }),
+            /* @__PURE__ */ jsx("path", { d: "M6 8h12l-3 8H9L6 8z" })
+          ] }),
+          t("ui.filters.actions.apply", "Apply")
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+export {
+  FilterOverlay
+};
+//# sourceMappingURL=FilterOverlay.js.map

package/dist/backend/FilterOverlay.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/backend/FilterOverlay.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { Button } from '../primitives/button'\nimport { ComboboxInput } from './inputs/ComboboxInput'\nimport { TagsInput, type TagsInputOption } from './inputs/TagsInput'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport type FilterOption = { value: string; label: string; description?: string | null }\n\nexport type FilterDef = {\n  id: string\n  label: string\n  type: 'text' | 'select' | 'checkbox' | 'dateRange' | 'tags' | 'combobox'\n  options?: FilterOption[]\n  // Optional async loader for options (used by select/tags/combobox)\n  loadOptions?: (query?: string) => Promise<FilterOption[]>\n  multiple?: boolean\n  placeholder?: string\n  group?: string\n  formatValue?: (value: string) => string\n  formatDescription?: (value: string) => string | null | undefined\n}\n\nexport type FilterValues = Record<string, any>\n\nexport type FilterOverlayProps = {\n  title?: string\n  filters: FilterDef[]\n  initialValues: FilterValues\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  onApply: (values: FilterValues) => void\n  onClear?: () => void\n  extraContent?: React.ReactNode\n}\n\nconst EMPTY_FILTER_VALUES: FilterValues = {}\n\nfunction isPlainObject(value: unknown): value is Record<string, unknown> {\n  return value != null && typeof value === 'object' && !Array.isArray(value)\n}\n\nfunction normalizeKeys(source: FilterValues | null | undefined): string[] {\n  if (!source) return []\n  return Object.keys(source).filter((key) => source[key] !== undefined)\n}\n\nfunction areFieldValuesEqual(a: any, b: any): boolean {\n  if (a === b) return true\n  if (Array.isArray(a) && Array.isArray(b)) {\n    if (a.length !== b.length) return false\n    for (let i = 0; i < a.length; i += 1) {\n      if (!areFieldValuesEqual(a[i], b[i])) return false\n    }\n    return true\n  }\n  if (isPlainObject(a) && isPlainObject(b)) {\n    const keysA = normalizeKeys(a as FilterValues)\n    const keysB = normalizeKeys(b as FilterValues)\n    if (keysA.length !== keysB.length) return false\n    for (const key of keysA) {\n      if (!keysB.includes(key)) return false\n      if (!areFieldValuesEqual((a as FilterValues)[key], (b as FilterValues)[key])) return false\n    }\n    return true\n  }\n  return false\n}\n\nfunction areFilterValuesEqual(a?: FilterValues | null, b?: FilterValues | null): boolean {\n  if (a === b) return true\n  const keysA = normalizeKeys(a || EMPTY_FILTER_VALUES)\n  const keysB = normalizeKeys(b || EMPTY_FILTER_VALUES)\n  if (keysA.length !== keysB.length) return false\n  for (const key of keysA) {\n    if (!keysB.includes(key)) return false\n    if (!areFieldValuesEqual(a?.[key], b?.[key])) return false\n  }\n  return true\n}\n\nexport function FilterOverlay({\n  title,\n  filters,\n  initialValues,\n  open,\n  onOpenChange,\n  onApply,\n  onClear,\n  extraContent,\n}: FilterOverlayProps) {\n  const t = useT()\n  const defaultTitle = title ?? t('ui.filters.title', 'Filters')\n  const [values, setValues] = React.useState<FilterValues>(initialValues)\n  React.useEffect(() => {\n    setValues((prev) => (areFilterValuesEqual(prev, initialValues) ? prev : initialValues))\n  }, [initialValues])\n  const filtersSignature = React.useMemo(\n    () => filters.map((f) => `${f.id}:${f.type}:${Boolean((f as any).loadOptions)}:${(f.options || []).length}`).join('|'),\n    [filters]\n  )\n  const lastLoadedSignatureRef = React.useRef<string | null>(null)\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const stableFilters = React.useMemo(() => filters, [filtersSignature])\n\n  // Load dynamic options for filters that request it\n  const [dynamicOptions, setDynamicOptions] = React.useState<Record<string, FilterOption[]>>({})\n  React.useEffect(() => {\n    if (!open) return\n    if (lastLoadedSignatureRef.current === filtersSignature) return\n    lastLoadedSignatureRef.current = filtersSignature\n    setDynamicOptions({})\n    let cancelled = false\n    const loadAll = async () => {\n      const loaders = filters\n        .filter((f): f is FilterDef & { loadOptions: (query?: string) => Promise<FilterOption[]> } => (f as any).loadOptions != null)\n        .map(async (f) => {\n          try {\n            const opts = await (f as any).loadOptions()\n            if (!cancelled) setDynamicOptions((prev) => ({ ...prev, [f.id]: opts }))\n          } catch {\n            // ignore\n          }\n        })\n      await Promise.all(loaders)\n    }\n    loadAll()\n    return () => {\n      cancelled = true\n    }\n  }, [filters, filtersSignature, open])\n  React.useEffect(() => {\n    if (!open) {\n      lastLoadedSignatureRef.current = null\n    }\n  }, [open])\n\n  const setValue = (id: string, v: any) => setValues((prev) => ({ ...prev, [id]: v }))\n\n  const handleApply = () => {\n    onApply(values)\n    onOpenChange(false)\n  }\n\n  const handleClear = () => {\n    setValues({})\n    onClear?.()\n  }\n\n  const tagLoaders = React.useMemo(() => {\n    const map = new Map<string, (q?: string) => Promise<Array<string | TagsInputOption>>>()\n    for (const f of stableFilters) {\n      if (f.type === 'tags' && typeof f.loadOptions === 'function') {\n        const fieldId = f.id\n        const load = f.loadOptions as (query?: string) => Promise<FilterOption[]>\n        map.set(fieldId, async (q?: string) => {\n          const query = (q ?? '').trim()\n          if (!query.length) return []\n          try {\n            const opts = await load(query)\n            setDynamicOptions((prev) => ({ ...prev, [fieldId]: opts }))\n            return opts.map((o) => ({ value: o.value, label: o.label, description: o.description ?? null }))\n          } catch {\n            return []\n          }\n        })\n      }\n    }\n    return map\n  }, [stableFilters])\n\n  const comboboxLoaders = React.useMemo(() => {\n    const map = new Map<string, (q?: string) => Promise<FilterOption[]>>()\n    for (const f of stableFilters) {\n      if (f.type === 'combobox' && typeof f.loadOptions === 'function') {\n        map.set(f.id, async (query?: string) => {\n          try {\n            const opts = await f.loadOptions?.(query)\n            setDynamicOptions((prev) => ({ ...prev, [f.id]: opts ?? [] }))\n            return opts ?? []\n          } catch {\n            return []\n          }\n        })\n      }\n    }\n    return map\n  }, [stableFilters])\n\n  return (\n    <>\n      {open && (\n        <div className=\"fixed inset-0 z-50\">\n          <div className=\"absolute inset-0 bg-black/30\" onClick={() => onOpenChange(false)} role=\"presentation\" />\n          <div className=\"absolute left-0 top-0 h-full w-full sm:w-[380px] bg-background shadow-xl border-r flex flex-col\">\n            <div className=\"flex items-center justify-between p-4 border-b\">\n              <h2 className=\"text-base font-semibold\">{defaultTitle}</h2>\n              <Button variant=\"muted\" size=\"sm\" onClick={() => onOpenChange(false)}>{t('common.close')}</Button>\n            </div>\n            {/* Top actions: duplicate Clear/Apply */}\n            <div className=\"px-4 py-2 border-b flex items-center justify-between gap-2\">\n              <Button variant=\"outline\" size=\"sm\" onClick={handleClear}>{t('ui.filters.actions.clear', 'Clear')}</Button>\n              <Button size=\"sm\" onClick={handleApply}>\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" aria-hidden=\"true\" className=\"opacity-80\"><path d=\"M3 4h18\"/><path d=\"M6 8h12l-3 8H9L6 8z\"/></svg>\n                {t('ui.filters.actions.apply', 'Apply')}\n              </Button>\n            </div>\n            <div className=\"flex-1 overflow-auto p-4 space-y-4\">\n              {extraContent ? <div className=\"space-y-2 rounded-md border bg-muted/30 p-3\">{extraContent}</div> : null}\n              {filters.map((f) => (\n                <div key={f.id} className=\"space-y-2\">\n                  <div className=\"text-sm font-medium\">{f.label}</div>\n                  {f.type === 'text' && (\n                    <input\n                      type=\"text\"\n                      className=\"w-full h-11 rounded border px-2 text-sm\"\n                      placeholder={f.placeholder}\n                      value={values[f.id] ?? ''}\n                      onChange={(e) => setValue(f.id, e.target.value || undefined)}\n                    />\n                  )}\n                  {f.type === 'dateRange' && (\n                    <div className=\"grid grid-cols-1 gap-2\">\n                      <div>\n                        <div className=\"text-xs text-muted-foreground mb-1\">{t('ui.filters.dateRange.from', 'From')}</div>\n                        <input\n                          type=\"date\"\n                          className=\"w-full h-11 rounded border px-2 text-sm\"\n                          value={values[f.id]?.from ?? ''}\n                          onChange={(e) => setValue(f.id, { ...(values[f.id] ?? {}), from: e.target.value || undefined })}\n                        />\n                      </div>\n                      <div>\n                        <div className=\"text-xs text-muted-foreground mb-1\">{t('ui.filters.dateRange.to', 'To')}</div>\n                        <input\n                          type=\"date\"\n                          className=\"w-full h-11 rounded border px-2 text-sm\"\n                          value={values[f.id]?.to ?? ''}\n                          onChange={(e) => setValue(f.id, { ...(values[f.id] ?? {}), to: e.target.value || undefined })}\n                        />\n                      </div>\n                    </div>\n                  )}\n                  {f.type === 'select' && (\n                    <div className=\"space-y-1\">\n                      {f.multiple ? (\n                        <div className=\"flex flex-col gap-1\">\n                          {(f.options || dynamicOptions[f.id] || []).map((opt) => {\n                            const arr: string[] = Array.isArray(values[f.id]) ? values[f.id] : []\n                            const checked = arr.includes(opt.value)\n                            return (\n                              <label key={opt.value} className=\"inline-flex items-center gap-2\">\n                                <input\n                                  type=\"checkbox\"\n                                  checked={checked}\n                                  onChange={(e) => {\n                                    const next = new Set(arr)\n                                    if (e.target.checked) next.add(opt.value)\n                                    else next.delete(opt.value)\n                                    setValue(f.id, Array.from(next))\n                                  }}\n                                />\n                                <span className=\"text-sm\">{opt.label}</span>\n                              </label>\n                            )\n                          })}\n                        </div>\n                      ) : (\n                        <select\n                          className=\"w-full h-11 rounded border px-2 text-sm\"\n                          value={values[f.id] ?? ''}\n                          onChange={(e) => setValue(f.id, e.target.value || undefined)}\n                        >\n                          <option value=\"\">{t('ui.forms.select.emptyOption', '\u2014')}</option>\n                          {(f.options || dynamicOptions[f.id] || []).map((opt) => (\n                            <option key={opt.value} value={opt.value}>{opt.label}</option>\n                          ))}\n                        </select>\n                      )}\n                    </div>\n                  )}\n                  {f.type === 'combobox' && (() => {\n                    const staticOptions = f.options || []\n                    const dynamic = dynamicOptions[f.id] || []\n                    const optionMap = new Map<string, FilterOption>()\n                    staticOptions.forEach((opt) => optionMap.set(opt.value, opt))\n                    dynamic.forEach((opt) => optionMap.set(opt.value, opt))\n                    const currentValue = typeof values[f.id] === 'string' ? values[f.id] : ''\n                    const suggestions = Array.from(optionMap.values()).map((opt) => ({\n                      value: opt.value,\n                      label: opt.label,\n                      description: opt.description ?? null,\n                    }))\n                    const loadSuggestions = comboboxLoaders.get(f.id)\n                    return (\n                      <div className=\"flex items-start gap-2\">\n                        <div className=\"min-w-0 flex-1\">\n                          <ComboboxInput\n                            value={currentValue}\n                            onChange={(next) => setValue(f.id, next.trim().length ? next : undefined)}\n                            suggestions={suggestions}\n                            loadSuggestions={loadSuggestions}\n                            resolveLabel={(value) => f.formatValue?.(value) ?? optionMap.get(value)?.label ?? value}\n                            resolveDescription={(value) => optionMap.get(value)?.description ?? null}\n                            placeholder={f.placeholder}\n                            allowCustomValues={false}\n                          />\n                        </div>\n                        {currentValue ? (\n                          <Button\n                            type=\"button\"\n                            variant=\"outline\"\n                            size=\"sm\"\n                            className=\"shrink-0\"\n                            onClick={() => setValue(f.id, undefined)}\n                          >\n                            {t('ui.filters.actions.clear', 'Clear')}\n                          </Button>\n                        ) : null}\n                      </div>\n                    )\n                  })()}\n                  {f.type === 'tags' && (() => {\n                    const arr: string[] = Array.isArray(values[f.id]) ? values[f.id] : []\n                    const staticOptions = f.options || []\n                    const dynamic = dynamicOptions[f.id] || []\n                    const optionMap = new Map<string, FilterOption>()\n                    staticOptions.forEach((opt) => optionMap.set(opt.value, opt))\n                    dynamic.forEach((opt) => optionMap.set(opt.value, opt))\n                    const loadSuggestions = tagLoaders.get(f.id)\n                    const resolveTagLabel = f.formatValue\n                      ? (val: string) => f.formatValue!(val)\n                      : (val: string) => optionMap.get(val)?.label ?? val\n                    const resolveTagDescription = f.formatDescription\n                      ? (val: string) => f.formatDescription!(val) ?? null\n                      : (val: string) => optionMap.get(val)?.description ?? null\n                    const suggestionList: TagsInputOption[] = Array.from(optionMap.values()).map((opt) => ({\n                      value: opt.value,\n                      label: opt.label,\n                      description: opt.description ?? null,\n                    }))\n                    return (\n                      <TagsInput\n                        value={arr}\n                        suggestions={suggestionList}\n                        loadSuggestions={loadSuggestions}\n                        allowCustomValues={false}\n                        resolveLabel={resolveTagLabel}\n                        resolveDescription={resolveTagDescription}\n                        placeholder={f.placeholder}\n                        onChange={(next) => setValue(f.id, next.length ? next : undefined)}\n                      />\n                    )\n                  })()}\n                  {f.type === 'checkbox' && (\n                    <div>\n                      <select\n                        className=\"w-full h-11 rounded border px-2 text-sm\"\n                        value={values[f.id] === true ? 'true' : values[f.id] === false ? 'false' : ''}\n                        onChange={(e) => {\n                          const v = e.target.value\n                          if (v === '') setValue(f.id, undefined)\n                          else if (v === 'true') setValue(f.id, true)\n                          else if (v === 'false') setValue(f.id, false)\n                        }}\n                      >\n                        <option value=\"\">{t('ui.forms.select.emptyOption', '\u2014')}</option>\n                        <option value=\"true\">{t('common.yes', 'Yes')}</option>\n                        <option value=\"false\">{t('common.no', 'No')}</option>\n                      </select>\n                    </div>\n                  )}\n                </div>\n              ))}\n            </div>\n            <div className=\"p-4 border-t flex items-center justify-between gap-2\">\n              <Button variant=\"outline\" onClick={handleClear}>{t('ui.filters.actions.clear', 'Clear')}</Button>\n              <Button onClick={handleApply}>\n                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" aria-hidden=\"true\" className=\"opacity-80\"><path d=\"M3 4h18\"/><path d=\"M6 8h12l-3 8H9L6 8z\"/></svg>\n                {t('ui.filters.actions.apply', 'Apply')}\n              </Button>\n            </div>\n          </div>\n        </div>\n      )}\n    </>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/backend/FlashMessages.js

@@ -0,0 +1,158 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { X } from "lucide-react";
+import { IconButton } from "../primitives/icon-button.js";
+function flash(message, type = "info") {
+  if (typeof window === "undefined") return;
+  const evt = new CustomEvent("flash", { detail: { message, type } });
+  window.dispatchEvent(evt);
+}
+function useLocationKey() {
+  const [locationKey, setLocationKey] = React.useState(() => {
+    if (typeof window === "undefined") return "";
+    return window.location.href;
+  });
+  const locationKeyRef = React.useRef(locationKey);
+  React.useEffect(() => {
+    locationKeyRef.current = locationKey;
+  }, [locationKey]);
+  React.useEffect(() => {
+    if (typeof window === "undefined") return;
+    let active = true;
+    const scheduleUpdate = (href) => {
+      const run = () => {
+        if (!active) return;
+        if (locationKeyRef.current === href) return;
+        locationKeyRef.current = href;
+        setLocationKey(href);
+      };
+      if (typeof queueMicrotask === "function") {
+        queueMicrotask(run);
+      } else {
+        setTimeout(run, 0);
+      }
+    };
+    const updateLocation = () => {
+      if (!active) return;
+      const href = window.location.href;
+      if (href === locationKeyRef.current) return;
+      scheduleUpdate(href);
+    };
+    const deferredUpdateLocation = () => {
+      setTimeout(updateLocation, 0);
+    };
+    const originalPush = window.history.pushState.bind(window.history);
+    const originalReplace = window.history.replaceState.bind(window.history);
+    const pushState = (...args) => {
+      originalPush(...args);
+      deferredUpdateLocation();
+    };
+    const replaceState = (...args) => {
+      originalReplace(...args);
+      deferredUpdateLocation();
+    };
+    window.history.pushState = pushState;
+    window.history.replaceState = replaceState;
+    window.addEventListener("popstate", updateLocation);
+    window.addEventListener("hashchange", updateLocation);
+    updateLocation();
+    return () => {
+      active = false;
+      window.history.pushState = originalPush;
+      window.history.replaceState = originalReplace;
+      window.removeEventListener("popstate", updateLocation);
+      window.removeEventListener("hashchange", updateLocation);
+    };
+  }, []);
+  return locationKey;
+}
+function FlashMessagesInner() {
+  const [msg, setMsg] = React.useState(null);
+  const [kind, setKind] = React.useState("info");
+  const locationKey = useLocationKey();
+  const dismissTimerRef = React.useRef(null);
+  const clearDismissTimer = React.useCallback(() => {
+    if (dismissTimerRef.current) {
+      clearTimeout(dismissTimerRef.current);
+      dismissTimerRef.current = null;
+    }
+  }, []);
+  const showFlash = React.useCallback((message, type) => {
+    clearDismissTimer();
+    setMsg(message);
+    setKind(type);
+    if (type === "error") return;
+    dismissTimerRef.current = setTimeout(() => {
+      dismissTimerRef.current = null;
+      setMsg(null);
+    }, 3e3);
+  }, [clearDismissTimer]);
+  React.useEffect(() => {
+    return () => {
+      clearDismissTimer();
+    };
+  }, [clearDismissTimer]);
+  React.useEffect(() => {
+    if (typeof window === "undefined") return;
+    const url = new URL(window.location.href);
+    const message = url.searchParams.get("flash");
+    const type = url.searchParams.get("type") || "success";
+    if (message) {
+      showFlash(message, type);
+      url.searchParams.delete("flash");
+      url.searchParams.delete("type");
+      window.history.replaceState({}, "", url.toString());
+    }
+  }, [locationKey, showFlash]);
+  React.useEffect(() => {
+    const handler = (e) => {
+      const ce = e;
+      const text = ce.detail?.message;
+      const t = ce.detail?.type || "info";
+      if (!text) return;
+      showFlash(text, t);
+    };
+    window.addEventListener("flash", handler);
+    return () => window.removeEventListener("flash", handler);
+  }, [showFlash]);
+  if (!msg) return null;
+  const colorMap = {
+    success: "bg-status-success-icon",
+    error: "bg-status-error-icon",
+    warning: "bg-status-warning-icon",
+    info: "bg-status-info-icon"
+  };
+  const color = colorMap[kind];
+  return /* @__PURE__ */ jsx("div", { className: "pointer-events-none fixed left-3 right-3 top-3 z-[1200] sm:left-auto sm:right-4 sm:w-[380px]", children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: kind === "error" ? "alert" : "status",
+      "aria-live": kind === "error" ? "assertive" : "polite",
+      className: `pointer-events-auto rounded px-3 py-2 text-white shadow-md ${color}`,
+      children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-sm", children: msg }),
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "sm",
+            className: "text-white/90 hover:text-white hover:bg-white/10",
+            onClick: () => setMsg(null),
+            "aria-label": "Dismiss",
+            children: /* @__PURE__ */ jsx(X, { size: 16 })
+          }
+        )
+      ] })
+    }
+  ) });
+}
+function FlashMessages() {
+  return /* @__PURE__ */ jsx(React.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(FlashMessagesInner, {}) });
+}
+export {
+  FlashMessages,
+  flash
+};
+//# sourceMappingURL=FlashMessages.js.map

package/dist/backend/FlashMessages.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/backend/FlashMessages.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { X } from 'lucide-react'\nimport { IconButton } from '../primitives/icon-button'\n\nexport type FlashKind = 'success' | 'error' | 'warning' | 'info'\n\n// Programmatic API to show a flash message without navigation.\n// Consumers can import { flash } and call flash('text', 'error').\nexport function flash(message: string, type: FlashKind = 'info') {\n  if (typeof window === 'undefined') return\n  const evt = new CustomEvent('flash', { detail: { message, type } })\n  window.dispatchEvent(evt)\n}\n\ntype HistoryMethod = History['pushState']\n\nfunction useLocationKey() {\n  const [locationKey, setLocationKey] = React.useState(() => {\n    if (typeof window === 'undefined') return ''\n    return window.location.href\n  })\n  const locationKeyRef = React.useRef(locationKey)\n\n  React.useEffect(() => {\n    locationKeyRef.current = locationKey\n  }, [locationKey])\n\n  React.useEffect(() => {\n    if (typeof window === 'undefined') return\n\n    let active = true\n    const scheduleUpdate = (href: string) => {\n      const run = () => {\n        if (!active) return\n        if (locationKeyRef.current === href) return\n        locationKeyRef.current = href\n        setLocationKey(href)\n      }\n      if (typeof queueMicrotask === 'function') {\n        queueMicrotask(run)\n      } else {\n        setTimeout(run, 0)\n      }\n    }\n    const updateLocation = () => {\n      if (!active) return\n      const href = window.location.href\n      if (href === locationKeyRef.current) return\n      scheduleUpdate(href)\n    }\n\n    const deferredUpdateLocation = () => {\n      setTimeout(updateLocation, 0)\n    }\n\n    const originalPush: HistoryMethod = window.history.pushState.bind(window.history)\n    const originalReplace: HistoryMethod = window.history.replaceState.bind(window.history)\n\n    const pushState: HistoryMethod = (...args) => {\n      originalPush(...args)\n      deferredUpdateLocation()\n    }\n\n    const replaceState: HistoryMethod = (...args) => {\n      originalReplace(...args)\n      deferredUpdateLocation()\n    }\n\n    window.history.pushState = pushState\n    window.history.replaceState = replaceState\n    window.addEventListener('popstate', updateLocation)\n    window.addEventListener('hashchange', updateLocation)\n    updateLocation()\n\n    return () => {\n      active = false\n      window.history.pushState = originalPush\n      window.history.replaceState = originalReplace\n      window.removeEventListener('popstate', updateLocation)\n      window.removeEventListener('hashchange', updateLocation)\n    }\n  }, [])\n\n  return locationKey\n}\n\nfunction FlashMessagesInner() {\n  const [msg, setMsg] = React.useState<string | null>(null)\n  const [kind, setKind] = React.useState<FlashKind>('info')\n  const locationKey = useLocationKey()\n  const dismissTimerRef = React.useRef<ReturnType<typeof setTimeout> | null>(null)\n\n  const clearDismissTimer = React.useCallback(() => {\n    if (dismissTimerRef.current) {\n      clearTimeout(dismissTimerRef.current)\n      dismissTimerRef.current = null\n    }\n  }, [])\n\n  const showFlash = React.useCallback((message: string, type: FlashKind) => {\n    clearDismissTimer()\n    setMsg(message)\n    setKind(type)\n    // Errors stay until the user dismisses them. A failed save is the one case where the\n    // message is the only thing telling the user their work was NOT persisted, and a\n    // three-second toast leaves a screen that looks exactly like a successful save.\n    if (type === 'error') return\n    dismissTimerRef.current = setTimeout(() => {\n      dismissTimerRef.current = null\n      setMsg(null)\n    }, 3000)\n  }, [clearDismissTimer])\n\n  React.useEffect(() => {\n    return () => {\n      clearDismissTimer()\n    }\n  }, [clearDismissTimer])\n\n  // Read flash from URL on any navigation change (client-side too)\n  React.useEffect(() => {\n    if (typeof window === 'undefined') return\n    const url = new URL(window.location.href)\n    const message = url.searchParams.get('flash')\n    const type = (url.searchParams.get('type') as FlashKind | null) || 'success'\n    if (message) {\n      showFlash(message, type)\n      url.searchParams.delete('flash')\n      url.searchParams.delete('type')\n      window.history.replaceState({}, '', url.toString())\n    }\n  }, [locationKey, showFlash])\n\n  // Listen for programmatic flash events\n  React.useEffect(() => {\n    const handler = (e: Event) => {\n      const ce = e as CustomEvent<{ message?: string; type?: FlashKind }>\n      const text = ce.detail?.message\n      const t = ce.detail?.type || 'info'\n      if (!text) return\n      showFlash(text, t)\n    }\n    window.addEventListener('flash', handler as EventListener)\n    return () => window.removeEventListener('flash', handler as EventListener)\n  }, [showFlash])\n\n  if (!msg) return null\n\n  const colorMap: Record<FlashKind, string> = {\n    success: 'bg-status-success-icon',\n    error: 'bg-status-error-icon',\n    warning: 'bg-status-warning-icon',\n    info: 'bg-status-info-icon',\n  }\n  const color = colorMap[kind]\n\n  return (\n    <div className=\"pointer-events-none fixed left-3 right-3 top-3 z-[1200] sm:left-auto sm:right-4 sm:w-[380px]\">\n      <div\n        role={kind === 'error' ? 'alert' : 'status'}\n        aria-live={kind === 'error' ? 'assertive' : 'polite'}\n        className={`pointer-events-auto rounded px-3 py-2 text-white shadow-md ${color}`}\n      >\n        <div className=\"flex items-center justify-between gap-2\">\n          <div className=\"text-sm\">{msg}</div>\n          <IconButton\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            className=\"text-white/90 hover:text-white hover:bg-white/10\"\n            onClick={() => setMsg(null)}\n            aria-label=\"Dismiss\"\n          >\n            <X size={16} />\n          </IconButton>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport function FlashMessages() {\n  return (\n    <React.Suspense fallback={null}>\n      <FlashMessagesInner />\n    </React.Suspense>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}