@open-mercato/ui 0.6.1-develop.3246.1.dbef9d7392 → 0.6.1-develop.3260.1.dc719cac84

package/dist/backend/EmptyState.js

@@ -1,51 +1,5 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@open-mercato/shared/lib/utils";
-import { Button } from "@open-mercato/ui/primitives/button";
-import { Plus } from "lucide-react";
-function EmptyState({
-  title,
-  description,
-  action,
-  actionLabel,
-  onAction,
-  icon,
-  className,
-  actionLabelClassName,
-  children
-}) {
-  const resolvedAction = action ?? (actionLabel ? { label: actionLabel, onClick: onAction } : void 0);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "flex flex-col items-center justify-center rounded-lg border border-dashed border-muted-foreground/40 bg-muted/30 px-6 py-10 text-center",
-        className
-      ),
-      children: [
-        icon ? /* @__PURE__ */ jsx("div", { className: "mb-3 text-muted-foreground", children: icon }) : null,
-        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: title }),
-        description ? /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: description }) : null,
-        children,
-        resolvedAction ? /* @__PURE__ */ jsxs(
-          Button,
-          {
-            type: "button",
-            variant: "outline",
-            size: "sm",
-            onClick: resolvedAction.onClick,
-            className: cn("mt-4 inline-flex items-center gap-2 text-foreground", actionLabelClassName),
-            disabled: resolvedAction.disabled,
-            children: [
-              resolvedAction.icon ?? /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4", "aria-hidden": true }),
-              /* @__PURE__ */ jsx("span", { children: resolvedAction.label })
-            ]
-          }
-        ) : null
-      ]
-    }
-  );
-}
+import { EmptyState } from "../primitives/empty-state.js";
 export {
   EmptyState
 };

package/dist/backend/EmptyState.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/backend/EmptyState.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Plus } from 'lucide-react'\n\ntype EmptyStateAction = {\n  label: string\n  onClick?: () => void\n  icon?: React.ReactNode\n  disabled?: boolean\n}\n\ntype EmptyStateProps = {\n  title: string\n  description?: string\n  action?: EmptyStateAction\n  actionLabel?: string\n  onAction?: () => void\n  icon?: React.ReactNode\n  className?: string\n  actionLabelClassName?: string\n  children?: React.ReactNode\n}\n\nexport function EmptyState({\n  title,\n  description,\n  action,\n  actionLabel,\n  onAction,\n  icon,\n  className,\n  actionLabelClassName,\n  children,\n}: EmptyStateProps) {\n  const resolvedAction = action ?? (actionLabel ? { label: actionLabel, onClick: onAction } : undefined)\n  return (\n    <div\n      className={cn(\n        'flex flex-col items-center justify-center rounded-lg border border-dashed border-muted-foreground/40 bg-muted/30 px-6 py-10 text-center',\n        className\n      )}\n    >\n      {icon ? <div className=\"mb-3 text-muted-foreground\">{icon}</div> : null}\n      <p className=\"text-sm font-medium text-foreground\">{title}</p>\n      {description ? <p className=\"mt-2 text-sm text-muted-foreground\">{description}</p> : null}\n      {children}\n      {resolvedAction ? (\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={resolvedAction.onClick}\n          className={cn('mt-4 inline-flex items-center gap-2 text-foreground', actionLabelClassName)}\n          disabled={resolvedAction.disabled}\n        >\n          {(resolvedAction.icon ?? <Plus className=\"h-4 w-4\" aria-hidden />)}\n          <span>{resolvedAction.label}</span>\n        </Button>\n      ) : null}\n    </div>\n  )\n}\n"],
-  "mappings": ";AA6Cc,cAKN,YALM;AA1Cd,SAAS,UAAU;AACnB,SAAS,cAAc;AACvB,SAAS,YAAY;AAqBd,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAoB;AAClB,QAAM,iBAAiB,WAAW,cAAc,EAAE,OAAO,aAAa,SAAS,SAAS,IAAI;AAC5F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA,eAAO,oBAAC,SAAI,WAAU,8BAA8B,gBAAK,IAAS;AAAA,QACnE,oBAAC,OAAE,WAAU,uCAAuC,iBAAM;AAAA,QACzD,cAAc,oBAAC,OAAE,WAAU,sCAAsC,uBAAY,IAAO;AAAA,QACpF;AAAA,QACA,iBACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,SAAS,eAAe;AAAA,YACxB,WAAW,GAAG,uDAAuD,oBAAoB;AAAA,YACzF,UAAU,eAAe;AAAA,YAEvB;AAAA,6BAAe,QAAQ,oBAAC,QAAK,WAAU,WAAU,eAAW,MAAC;AAAA,cAC/D,oBAAC,UAAM,yBAAe,OAAM;AAAA;AAAA;AAAA,QAC9B,IACE;AAAA;AAAA;AAAA,EACN;AAEJ;",
+  "sourcesContent": ["/**\n * @deprecated Import `EmptyState` from `@open-mercato/ui/primitives/empty-state` instead.\n *\n * This shim preserves the legacy import path\n * `@open-mercato/ui/backend/EmptyState` for existing consumers\n * (TabEmptyState, customers/auth/sales backend pages, \u2026) while the\n * EmptyState is promoted to a primitive in DS Foundation v3. Public API\n * is preserved 1:1 \u2014 same props, same default outline button render\n * for the legacy `action` / `actionLabel + onAction` shapes.\n */\n\n\"use client\"\n\nexport { EmptyState } from '../primitives/empty-state'\nexport type { EmptyStateProps } from '../primitives/empty-state'\n"],
+  "mappings": ";AAaA,SAAS,kBAAkB;",
   "names": []
 }

package/dist/backend/FilterOverlay.js

@@ -1,8 +1,10 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
+import { format } from "date-fns";
 import { Button } from "../primitives/button.js";
 import { Checkbox } from "../primitives/checkbox.js";
+import { DateRangePicker } from "../primitives/date-range-picker.js";
 import {
   Select,
   SelectContent,
@@ -180,32 +182,35 @@ function FilterOverlay({
               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 === "dateRange" && (() => {
+            const fromStr = values[f.id]?.from;
+            const toStr = values[f.id]?.to;
+            const parseISODate = (input) => {
+              if (typeof input !== "string" || !input.length) return null;
+              const candidate = new Date(input);
+              return Number.isNaN(candidate.getTime()) ? null : candidate;
+            };
+            const fromDate = parseISODate(fromStr);
+            const toDate = parseISODate(toStr);
+            const rangeValue = fromDate && toDate ? { start: fromDate, end: toDate } : fromDate ? { start: fromDate, end: fromDate } : toDate ? { start: toDate, end: toDate } : null;
+            return /* @__PURE__ */ jsx(
+              DateRangePicker,
+              {
+                value: rangeValue,
+                onChange: (next) => {
+                  if (!next) {
+                    setValue(f.id, { from: void 0, to: void 0 });
+                    return;
+                  }
+                  setValue(f.id, {
+                    from: format(next.start, "yyyy-MM-dd"),
+                    to: format(next.end, "yyyy-MM-dd")
+                  });
+                },
+                placeholder: t("ui.filters.dateRange.placeholder", "Pick a date range")
+              }
+            );
+          })(),
           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);

package/dist/backend/FilterOverlay.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/backend/FilterOverlay.tsx"],
-  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { Button } from '../primitives/button'\nimport { Checkbox } from '../primitives/checkbox'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '../primitives/select'\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-modal\">\n          <div className=\"absolute inset-0 bg-black/20\" 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 cursor-pointer\">\n                                <Checkbox\n                                  checked={checked}\n                                  onCheckedChange={(next) => {\n                                    const set = new Set(arr)\n                                    if (next === true) set.add(opt.value)\n                                    else set.delete(opt.value)\n                                    setValue(f.id, Array.from(set))\n                                  }}\n                                />\n                                <span className=\"text-sm\">{opt.label}</span>\n                              </label>\n                            )\n                          })}\n                        </div>\n                      ) : (\n                        <Select\n                          value={values[f.id] || undefined}\n                          onValueChange={(next) => setValue(f.id, next || undefined)}\n                        >\n                          <SelectTrigger size=\"lg\">\n                            <SelectValue placeholder={t('ui.forms.select.emptyOption', '\u2014')} />\n                          </SelectTrigger>\n                          <SelectContent>\n                            {(f.options || dynamicOptions[f.id] || [])\n                              .filter((opt) => opt.value !== '')\n                              .map((opt) => (\n                                <SelectItem key={opt.value} value={opt.value}>{opt.label}</SelectItem>\n                              ))}\n                          </SelectContent>\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                        value={values[f.id] === true ? 'true' : values[f.id] === false ? 'false' : undefined}\n                        onValueChange={(next) => {\n                          if (!next) setValue(f.id, undefined)\n                          else if (next === 'true') setValue(f.id, true)\n                          else if (next === 'false') setValue(f.id, false)\n                        }}\n                      >\n                        <SelectTrigger size=\"lg\">\n                          <SelectValue placeholder={t('ui.forms.select.emptyOption', '\u2014')} />\n                        </SelectTrigger>\n                        <SelectContent>\n                          <SelectItem value=\"true\">{t('common.yes', 'Yes')}</SelectItem>\n                          <SelectItem value=\"false\">{t('common.no', 'No')}</SelectItem>\n                        </SelectContent>\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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",
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { format } from 'date-fns'\nimport { Button } from '../primitives/button'\nimport { Checkbox } from '../primitives/checkbox'\nimport { DateRangePicker } from '../primitives/date-range-picker'\nimport type { DateRange } from './date-range/dateRanges'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '../primitives/select'\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-modal\">\n          <div className=\"absolute inset-0 bg-black/20\" 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                    const fromStr = values[f.id]?.from\n                    const toStr = values[f.id]?.to\n                    const parseISODate = (input: unknown): Date | null => {\n                      if (typeof input !== 'string' || !input.length) return null\n                      const candidate = new Date(input)\n                      return Number.isNaN(candidate.getTime()) ? null : candidate\n                    }\n                    const fromDate = parseISODate(fromStr)\n                    const toDate = parseISODate(toStr)\n                    const rangeValue: DateRange | null =\n                      fromDate && toDate\n                        ? { start: fromDate, end: toDate }\n                        : fromDate\n                          ? { start: fromDate, end: fromDate }\n                          : toDate\n                            ? { start: toDate, end: toDate }\n                            : null\n                    return (\n                      <DateRangePicker\n                        value={rangeValue}\n                        onChange={(next) => {\n                          if (!next) {\n                            setValue(f.id, { from: undefined, to: undefined })\n                            return\n                          }\n                          setValue(f.id, {\n                            from: format(next.start, 'yyyy-MM-dd'),\n                            to: format(next.end, 'yyyy-MM-dd'),\n                          })\n                        }}\n                        placeholder={t('ui.filters.dateRange.placeholder', 'Pick a date range')}\n                      />\n                    )\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 cursor-pointer\">\n                                <Checkbox\n                                  checked={checked}\n                                  onCheckedChange={(next) => {\n                                    const set = new Set(arr)\n                                    if (next === true) set.add(opt.value)\n                                    else set.delete(opt.value)\n                                    setValue(f.id, Array.from(set))\n                                  }}\n                                />\n                                <span className=\"text-sm\">{opt.label}</span>\n                              </label>\n                            )\n                          })}\n                        </div>\n                      ) : (\n                        <Select\n                          value={values[f.id] || undefined}\n                          onValueChange={(next) => setValue(f.id, next || undefined)}\n                        >\n                          <SelectTrigger size=\"lg\">\n                            <SelectValue placeholder={t('ui.forms.select.emptyOption', '\u2014')} />\n                          </SelectTrigger>\n                          <SelectContent>\n                            {(f.options || dynamicOptions[f.id] || [])\n                              .filter((opt) => opt.value !== '')\n                              .map((opt) => (\n                                <SelectItem key={opt.value} value={opt.value}>{opt.label}</SelectItem>\n                              ))}\n                          </SelectContent>\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                        value={values[f.id] === true ? 'true' : values[f.id] === false ? 'false' : undefined}\n                        onValueChange={(next) => {\n                          if (!next) setValue(f.id, undefined)\n                          else if (next === 'true') setValue(f.id, true)\n                          else if (next === 'false') setValue(f.id, false)\n                        }}\n                      >\n                        <SelectTrigger size=\"lg\">\n                          <SelectValue placeholder={t('ui.forms.select.emptyOption', '\u2014')} />\n                        </SelectTrigger>\n                        <SelectContent>\n                          <SelectItem value=\"true\">{t('common.yes', 'Yes')}</SelectItem>\n                          <SelectItem value=\"false\">{t('common.no', 'No')}</SelectItem>\n                        </SelectContent>\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

@@ -1,8 +1,13 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { X } from "lucide-react";
-import { IconButton } from "../primitives/icon-button.js";
+import { Alert } from "../primitives/alert.js";
+const flashKindToAlertStatus = {
+  success: "success",
+  error: "error",
+  warning: "warning",
+  info: "information"
+};
 function flash(message, type = "info") {
   if (typeof window === "undefined") return;
   const evt = new CustomEvent("flash", { detail: { message, type } });
@@ -115,29 +120,22 @@ function FlashMessagesInner() {
     window.addEventListener("flash", handler);
     return () => window.removeEventListener("flash", handler);
   }, [showFlash]);
+  const handleDismiss = React.useCallback(() => {
+    clearDismissTimer();
+    setMsg(null);
+  }, [clearDismissTimer]);
   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-toast sm:left-auto sm:right-4 sm:w-[380px]", children: /* @__PURE__ */ jsx("div", { 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 })
-      }
-    )
-  ] }) }) });
+  return /* @__PURE__ */ jsx("div", { className: "pointer-events-none fixed left-3 right-3 top-3 z-toast sm:left-auto sm:right-4 sm:w-[380px]", children: /* @__PURE__ */ jsx("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx(
+    Alert,
+    {
+      status: flashKindToAlertStatus[kind],
+      size: "sm",
+      dismissible: true,
+      onDismiss: handleDismiss,
+      className: "shadow-md",
+      children: msg
+    }
+  ) }) });
 }
 function FlashMessages() {
   return /* @__PURE__ */ jsx(React.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(FlashMessagesInner, {}) });

package/dist/backend/FlashMessages.js.map

@@ -1,7 +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    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-toast sm:left-auto sm:right-4 sm:w-[380px]\">\n      <div className={`pointer-events-auto rounded px-3 py-2 text-white shadow-md ${color}`}>\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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",
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { Alert, type AlertStatus } from '../primitives/alert'\n\nexport type FlashKind = 'success' | 'error' | 'warning' | 'info'\n\nconst flashKindToAlertStatus: Record<FlashKind, AlertStatus> = {\n  success: 'success',\n  error: 'error',\n  warning: 'warning',\n  info: 'information',\n}\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    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  const handleDismiss = React.useCallback(() => {\n    clearDismissTimer()\n    setMsg(null)\n  }, [clearDismissTimer])\n\n  if (!msg) return null\n\n  return (\n    <div className=\"pointer-events-none fixed left-3 right-3 top-3 z-toast sm:left-auto sm:right-4 sm:w-[380px]\">\n      <div className=\"pointer-events-auto\">\n        <Alert\n          status={flashKindToAlertStatus[kind]}\n          size=\"sm\"\n          dismissible\n          onDismiss={handleDismiss}\n          className=\"shadow-md\"\n        >\n          {msg}\n        </Alert>\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": []
 }

package/dist/backend/JsonBuilder.js

@@ -4,6 +4,7 @@ import * as React from "react";
 import { Button } from "../primitives/button.js";
 import { IconButton } from "../primitives/icon-button.js";
 import { Input } from "../primitives/input.js";
+import { InlineInput } from "../primitives/inline-input.js";
 import {
   Select,
   SelectContent,
@@ -284,9 +285,10 @@ function JsonNode({ data, onChange, onDelete, readOnly, label, isRoot }) {
     isContainer && !collapsed && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 w-full pl-2", children: [
       type === "object" && Object.entries(data).map(([key, val], idx) => /* @__PURE__ */ jsxs("div", { className: "flex", children: [
         /* @__PURE__ */ jsx("div", { className: "pt-2", children: /* @__PURE__ */ jsx(
-          "input",
+          InlineInput,
           {
-            className: "w-full sm:w-[100px] text-xs font-mono border-b border-transparent hover:border-gray-300 focus-visible:border-ring bg-transparent focus-visible:outline-none text-right pr-1",
+            className: "w-full sm:w-[100px]",
+            inputClassName: "text-right text-xs font-mono pr-1",
             value: key,
             onChange: (e) => handleKeyRename(key, e.target.value),
             disabled: readOnly

package/dist/backend/JsonBuilder.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/backend/JsonBuilder.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Button } from '../primitives/button'\nimport { IconButton } from '../primitives/icon-button'\nimport { Input } from '../primitives/input'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '../primitives/select'\nimport { Plus, Trash2, ChevronRight, ChevronDown, Code, LayoutList } from 'lucide-react'\n\nfunction cn(...classes: (string | undefined | null | false)[]) {\n    return classes.filter(Boolean).join(' ')\n}\n\nexport type JsonBuilderProps = {\n    value: any\n    onChange: (value: any) => void\n    disabled?: boolean\n    error?: string\n}\n\ntype JsonNodeType = 'string' | 'number' | 'boolean' | 'object' | 'array' | 'null'\n\nfunction getJsonType(value: any): JsonNodeType {\n    if (value === null) return 'null'\n    if (Array.isArray(value)) return 'array'\n    return typeof value as JsonNodeType\n}\n\nexport function JsonBuilder({\n    value,\n    onChange,\n    disabled,\n    error\n}: JsonBuilderProps) {\n    const [mode, setMode] = React.useState<'raw' | 'builder'>('raw')\n    const [rawString, setRawString] = React.useState(() => {\n        if (value === null) return '{}'\n        return typeof value === 'object' ? JSON.stringify(value, null, 2) : String(value || '{}')\n    })\n    const [parseError, setParseError] = React.useState<string | null>(null)\n\n    React.useEffect(() => {\n        if (value === null) {\n            if (!disabled) {\n                onChange({})\n            }\n            setRawString('{}')\n            setParseError(null)\n            return\n        }\n        if (typeof value === 'object') {\n            setRawString(JSON.stringify(value, null, 2))\n            setParseError(null)\n        }\n    }, [value, disabled, onChange])\n\n    const handleRawChange = (str: string) => {\n        setRawString(str)\n        try {\n            if (str.trim() === '') {\n                onChange({})\n                setParseError(null)\n            } else {\n                const parsed = JSON.parse(str)\n                onChange(parsed)\n                setParseError(null)\n            }\n        } catch (e) {\n            onChange(str)\n            setParseError(\"Invalid JSON\")\n        }\n    }\n\n    const switchToBuilder = () => {\n        try {\n            if (typeof value === 'string') {\n                JSON.parse(value)\n            }\n            setMode('builder')\n        } catch (e) {\n            alert(\"Cannot switch to Builder mode: Invalid JSON\")\n        }\n    }\n\n    return (\n        <div className=\"space-y-4 border rounded-md p-4 bg-card\">\n            <div className=\"flex items-center space-x-2 border-b pb-2 mb-2\">\n                <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    className={cn(mode === 'raw' && \"bg-muted text-foreground\")}\n                    onClick={() => setMode('raw')}\n                >\n                    <Code className=\"w-4 h-4\" />\n                    Raw JSON\n                </Button>\n                <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    className={cn(mode === 'builder' && \"bg-muted text-foreground\")}\n                    onClick={switchToBuilder}\n                >\n                    <LayoutList className=\"w-4 h-4\" />\n                    Builder\n                </Button>\n            </div>\n\n            {mode === 'raw' ? (\n                <div className=\"space-y-2\">\n                    <textarea\n                        value={rawString}\n                        onChange={(e) => handleRawChange(e.target.value)}\n                        onBlur={() => {\n                            try {\n                                const parsed = JSON.parse(rawString)\n                                setRawString(JSON.stringify(parsed, null, 2))\n                            } catch { }\n                        }}\n                        placeholder='{\"key\": \"value\"}'\n                        className=\"w-full rounded border px-3 py-2 min-h-[300px] text-sm font-mono focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n                        disabled={disabled}\n                    />\n                    {parseError && (\n                        <div className=\"text-xs text-red-600\">Invalid JSON format</div>\n                    )}\n                </div>\n            ) : (\n                <div className=\"min-h-[300px] text-sm overflow-x-auto\">\n                    {typeof value === 'object' && value !== null ? (\n                        <JsonNode\n                            data={value}\n                            onChange={onChange}\n                            readOnly={disabled}\n                            isRoot\n                        />\n                    ) : (\n                        <div className=\"text-muted-foreground italic p-4 text-center\">\n                            Value is not an object or array. Switch to Raw to edit.\n                        </div>\n                    )}\n                </div>\n            )}\n\n            {error && <div className=\"text-xs text-red-600\">{error}</div>}\n        </div>\n    )\n}\n\ninterface JsonNodeProps {\n    data: any\n    onChange: (val: any) => void\n    onDelete?: () => void\n    readOnly?: boolean\n    label?: string\n    isRoot?: boolean\n}\n\nfunction JsonNode({ data, onChange, onDelete, readOnly, label, isRoot }: JsonNodeProps) {\n    const type = getJsonType(data)\n    const isContainer = type === 'object' || type === 'array'\n    const [collapsed, setCollapsed] = React.useState(false)\n\n    const handleTypeChange = (newType: JsonNodeType) => {\n        let newVal: any = ''\n        switch (newType) {\n            case 'string': newVal = \"\"; break;\n            case 'number': newVal = 0; break;\n            case 'boolean': newVal = false; break;\n            case 'object': newVal = {}; break;\n            case 'array': newVal = []; break;\n            case 'null': newVal = null; break;\n        }\n        onChange(newVal)\n    }\n\n    const handleAddKey = () => {\n        if (type === 'object') {\n            const newKey = `newKey_${Object.keys(data).length}`\n            onChange({ ...data, [newKey]: \"\" })\n        } else if (type === 'array') {\n            onChange([...data, \"\"])\n        }\n    }\n\n    const handleChildChange = (key: string | number, newVal: any) => {\n        if (type === 'object') {\n            onChange({ ...data, [key]: newVal })\n        } else if (type === 'array') {\n            const arr = [...data]\n            arr[Number(key)] = newVal\n            onChange(arr)\n        }\n    }\n\n    const handleKeyRename = (oldKey: string, newKey: string) => {\n        if (oldKey === newKey) return\n        const keys = Object.keys(data)\n        const newData: any = {}\n        keys.forEach(k => {\n            if (k === oldKey) {\n                newData[newKey] = data[k]\n            } else {\n                newData[k] = data[k]\n            }\n        })\n        onChange(newData)\n    }\n\n    const handleChildDelete = (key: string | number) => {\n        if (type === 'object') {\n            const newData = { ...data }\n            delete newData[key as string]\n            onChange(newData)\n        } else if (type === 'array') {\n            onChange(data.filter((_: any, i: number) => i !== key))\n        }\n    }\n\n    return (\n        <div className={cn(\"pl-0\", !isRoot && \"pl-4 border-l border-border ml-1\")}>\n            <div className=\"flex items-start gap-2 py-1 group\">\n\n                {isContainer && (\n                    <IconButton type=\"button\" variant=\"ghost\" size=\"xs\" className=\"mt-1 text-muted-foreground hover:text-foreground\" onClick={() => setCollapsed(!collapsed)}>\n                        {collapsed ? <ChevronRight className=\"w-3 h-3\" /> : <ChevronDown className=\"w-3 h-3\" />}\n                    </IconButton>\n                )}\n                {!isContainer && !isRoot && <div className=\"w-3\" />} {/* Spacer */}\n\n                {label !== undefined && !isRoot && (\n                    <div className=\"flex items-center gap-1\">\n                        <span className=\"text-xs text-muted-foreground font-mono\">\n                            {label}\n                        </span>\n                        <span className=\"text-muted-foreground text-xs\">:</span>\n                    </div>\n                )}\n\n                <div className=\"flex-1 flex gap-2 items-center flex-wrap\">\n\n                    {!readOnly && (\n                        <Select\n                            value={type}\n                            onValueChange={(next) => handleTypeChange(next as JsonNodeType)}\n                        >\n                            <SelectTrigger size=\"sm\" className=\"w-auto min-w-[6rem]\">\n                                <SelectValue />\n                            </SelectTrigger>\n                            <SelectContent>\n                                <SelectItem value=\"string\">String</SelectItem>\n                                <SelectItem value=\"number\">Number</SelectItem>\n                                <SelectItem value=\"boolean\">Boolean</SelectItem>\n                                <SelectItem value=\"object\">Object</SelectItem>\n                                <SelectItem value=\"array\">Array</SelectItem>\n                                <SelectItem value=\"null\">Null</SelectItem>\n                            </SelectContent>\n                        </Select>\n                    )}\n\n                    {type === 'string' && (\n                        <Input\n                            size=\"sm\"\n                            className=\"flex-1 min-w-0 sm:min-w-[120px]\"\n                            value={data}\n                            onChange={e => onChange(e.target.value)}\n                            disabled={readOnly}\n                        />\n                    )}\n                    {type === 'number' && (\n                        <Input\n                            type=\"number\"\n                            size=\"sm\"\n                            className=\"flex-1 w-full sm:w-[100px]\"\n                            value={data}\n                            onChange={e => onChange(parseFloat(e.target.value) || 0)}\n                            disabled={readOnly}\n                        />\n                    )}\n                    {type === 'boolean' && (\n                        <Select\n                            value={String(data)}\n                            onValueChange={(next) => onChange(next === 'true')}\n                            disabled={readOnly}\n                        >\n                            <SelectTrigger size=\"sm\" className=\"flex-1 w-full sm:w-[100px]\">\n                                <SelectValue />\n                            </SelectTrigger>\n                            <SelectContent>\n                                <SelectItem value=\"true\">true</SelectItem>\n                                <SelectItem value=\"false\">false</SelectItem>\n                            </SelectContent>\n                        </Select>\n                    )}\n                    {type === 'null' && <span className=\"text-xs text-muted-foreground\">null</span>}\n                    {isContainer && (\n                        <span className=\"text-xs text-muted-foreground\">\n                            {type === 'object' ? `{ ${Object.keys(data).length} items }` : `[ ${data.length} items ]`}\n                        </span>\n                    )}\n\n                    {onDelete && !readOnly && (\n                        <IconButton\n                            type=\"button\"\n                            variant=\"ghost\"\n                            size=\"xs\"\n                            className=\"text-muted-foreground hover:text-red-500 opacity-0 group-hover:opacity-100 transition-opacity\"\n                            title=\"Remove item\"\n                            onClick={onDelete}\n                        >\n                            <Trash2 className=\"w-3.5 h-3.5\" />\n                        </IconButton>\n                    )}\n                </div>\n            </div>\n\n            {isContainer && !collapsed && (\n                <div className=\"flex flex-col gap-1 w-full pl-2\">\n                    {type === 'object' && Object.entries(data).map(([key, val], idx) => (\n                        <div key={idx} className=\"flex\">\n                            <div className=\"pt-2\">\n                                {/* Key Renamer */}\n                                <input\n                                    className=\"w-full sm:w-[100px] text-xs font-mono border-b border-transparent hover:border-gray-300 focus-visible:border-ring bg-transparent focus-visible:outline-none text-right pr-1\"\n                                    value={key}\n                                    onChange={(e) => handleKeyRename(key, e.target.value)}\n                                    disabled={readOnly}\n                                />\n                            </div>\n                            <div className=\"flex-1\">\n                                <JsonNode\n                                    data={val}\n                                    onChange={(v) => handleChildChange(key, v)}\n                                    onDelete={() => handleChildDelete(key)}\n                                    readOnly={readOnly}\n                                />\n                            </div>\n                        </div>\n                    ))}\n\n                    {type === 'array' && (data as any[]).map((val, idx) => (\n                        <JsonNode\n                            key={idx}\n                            label={String(idx)}\n                            data={val}\n                            onChange={(v) => handleChildChange(idx, v)}\n                            onDelete={() => handleChildDelete(idx)}\n                            readOnly={readOnly}\n                        />\n                    ))}\n\n                    {!readOnly && (\n                        <div className=\"pl-4 mt-1\">\n                            <Button\n                                type=\"button\"\n                                variant=\"outline\"\n                                size=\"sm\"\n                                onClick={handleAddKey}\n                                className=\"h-6 text-xs\"\n                            >\n                                <Plus className=\"w-3 h-3 mr-1\" />\n                                Add {type === 'object' ? 'Property' : 'Item'}\n                            </Button>\n                        </div>\n                    )}\n                </div>\n            )}\n        </div>\n    )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Button } from '../primitives/button'\nimport { IconButton } from '../primitives/icon-button'\nimport { Input } from '../primitives/input'\nimport { InlineInput } from '../primitives/inline-input'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '../primitives/select'\nimport { Plus, Trash2, ChevronRight, ChevronDown, Code, LayoutList } from 'lucide-react'\n\nfunction cn(...classes: (string | undefined | null | false)[]) {\n    return classes.filter(Boolean).join(' ')\n}\n\nexport type JsonBuilderProps = {\n    value: any\n    onChange: (value: any) => void\n    disabled?: boolean\n    error?: string\n}\n\ntype JsonNodeType = 'string' | 'number' | 'boolean' | 'object' | 'array' | 'null'\n\nfunction getJsonType(value: any): JsonNodeType {\n    if (value === null) return 'null'\n    if (Array.isArray(value)) return 'array'\n    return typeof value as JsonNodeType\n}\n\nexport function JsonBuilder({\n    value,\n    onChange,\n    disabled,\n    error\n}: JsonBuilderProps) {\n    const [mode, setMode] = React.useState<'raw' | 'builder'>('raw')\n    const [rawString, setRawString] = React.useState(() => {\n        if (value === null) return '{}'\n        return typeof value === 'object' ? JSON.stringify(value, null, 2) : String(value || '{}')\n    })\n    const [parseError, setParseError] = React.useState<string | null>(null)\n\n    React.useEffect(() => {\n        if (value === null) {\n            if (!disabled) {\n                onChange({})\n            }\n            setRawString('{}')\n            setParseError(null)\n            return\n        }\n        if (typeof value === 'object') {\n            setRawString(JSON.stringify(value, null, 2))\n            setParseError(null)\n        }\n    }, [value, disabled, onChange])\n\n    const handleRawChange = (str: string) => {\n        setRawString(str)\n        try {\n            if (str.trim() === '') {\n                onChange({})\n                setParseError(null)\n            } else {\n                const parsed = JSON.parse(str)\n                onChange(parsed)\n                setParseError(null)\n            }\n        } catch (e) {\n            onChange(str)\n            setParseError(\"Invalid JSON\")\n        }\n    }\n\n    const switchToBuilder = () => {\n        try {\n            if (typeof value === 'string') {\n                JSON.parse(value)\n            }\n            setMode('builder')\n        } catch (e) {\n            alert(\"Cannot switch to Builder mode: Invalid JSON\")\n        }\n    }\n\n    return (\n        <div className=\"space-y-4 border rounded-md p-4 bg-card\">\n            <div className=\"flex items-center space-x-2 border-b pb-2 mb-2\">\n                <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    className={cn(mode === 'raw' && \"bg-muted text-foreground\")}\n                    onClick={() => setMode('raw')}\n                >\n                    <Code className=\"w-4 h-4\" />\n                    Raw JSON\n                </Button>\n                <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    className={cn(mode === 'builder' && \"bg-muted text-foreground\")}\n                    onClick={switchToBuilder}\n                >\n                    <LayoutList className=\"w-4 h-4\" />\n                    Builder\n                </Button>\n            </div>\n\n            {mode === 'raw' ? (\n                <div className=\"space-y-2\">\n                    <textarea\n                        value={rawString}\n                        onChange={(e) => handleRawChange(e.target.value)}\n                        onBlur={() => {\n                            try {\n                                const parsed = JSON.parse(rawString)\n                                setRawString(JSON.stringify(parsed, null, 2))\n                            } catch { }\n                        }}\n                        placeholder='{\"key\": \"value\"}'\n                        className=\"w-full rounded border px-3 py-2 min-h-[300px] text-sm font-mono focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n                        disabled={disabled}\n                    />\n                    {parseError && (\n                        <div className=\"text-xs text-red-600\">Invalid JSON format</div>\n                    )}\n                </div>\n            ) : (\n                <div className=\"min-h-[300px] text-sm overflow-x-auto\">\n                    {typeof value === 'object' && value !== null ? (\n                        <JsonNode\n                            data={value}\n                            onChange={onChange}\n                            readOnly={disabled}\n                            isRoot\n                        />\n                    ) : (\n                        <div className=\"text-muted-foreground italic p-4 text-center\">\n                            Value is not an object or array. Switch to Raw to edit.\n                        </div>\n                    )}\n                </div>\n            )}\n\n            {error && <div className=\"text-xs text-red-600\">{error}</div>}\n        </div>\n    )\n}\n\ninterface JsonNodeProps {\n    data: any\n    onChange: (val: any) => void\n    onDelete?: () => void\n    readOnly?: boolean\n    label?: string\n    isRoot?: boolean\n}\n\nfunction JsonNode({ data, onChange, onDelete, readOnly, label, isRoot }: JsonNodeProps) {\n    const type = getJsonType(data)\n    const isContainer = type === 'object' || type === 'array'\n    const [collapsed, setCollapsed] = React.useState(false)\n\n    const handleTypeChange = (newType: JsonNodeType) => {\n        let newVal: any = ''\n        switch (newType) {\n            case 'string': newVal = \"\"; break;\n            case 'number': newVal = 0; break;\n            case 'boolean': newVal = false; break;\n            case 'object': newVal = {}; break;\n            case 'array': newVal = []; break;\n            case 'null': newVal = null; break;\n        }\n        onChange(newVal)\n    }\n\n    const handleAddKey = () => {\n        if (type === 'object') {\n            const newKey = `newKey_${Object.keys(data).length}`\n            onChange({ ...data, [newKey]: \"\" })\n        } else if (type === 'array') {\n            onChange([...data, \"\"])\n        }\n    }\n\n    const handleChildChange = (key: string | number, newVal: any) => {\n        if (type === 'object') {\n            onChange({ ...data, [key]: newVal })\n        } else if (type === 'array') {\n            const arr = [...data]\n            arr[Number(key)] = newVal\n            onChange(arr)\n        }\n    }\n\n    const handleKeyRename = (oldKey: string, newKey: string) => {\n        if (oldKey === newKey) return\n        const keys = Object.keys(data)\n        const newData: any = {}\n        keys.forEach(k => {\n            if (k === oldKey) {\n                newData[newKey] = data[k]\n            } else {\n                newData[k] = data[k]\n            }\n        })\n        onChange(newData)\n    }\n\n    const handleChildDelete = (key: string | number) => {\n        if (type === 'object') {\n            const newData = { ...data }\n            delete newData[key as string]\n            onChange(newData)\n        } else if (type === 'array') {\n            onChange(data.filter((_: any, i: number) => i !== key))\n        }\n    }\n\n    return (\n        <div className={cn(\"pl-0\", !isRoot && \"pl-4 border-l border-border ml-1\")}>\n            <div className=\"flex items-start gap-2 py-1 group\">\n\n                {isContainer && (\n                    <IconButton type=\"button\" variant=\"ghost\" size=\"xs\" className=\"mt-1 text-muted-foreground hover:text-foreground\" onClick={() => setCollapsed(!collapsed)}>\n                        {collapsed ? <ChevronRight className=\"w-3 h-3\" /> : <ChevronDown className=\"w-3 h-3\" />}\n                    </IconButton>\n                )}\n                {!isContainer && !isRoot && <div className=\"w-3\" />} {/* Spacer */}\n\n                {label !== undefined && !isRoot && (\n                    <div className=\"flex items-center gap-1\">\n                        <span className=\"text-xs text-muted-foreground font-mono\">\n                            {label}\n                        </span>\n                        <span className=\"text-muted-foreground text-xs\">:</span>\n                    </div>\n                )}\n\n                <div className=\"flex-1 flex gap-2 items-center flex-wrap\">\n\n                    {!readOnly && (\n                        <Select\n                            value={type}\n                            onValueChange={(next) => handleTypeChange(next as JsonNodeType)}\n                        >\n                            <SelectTrigger size=\"sm\" className=\"w-auto min-w-[6rem]\">\n                                <SelectValue />\n                            </SelectTrigger>\n                            <SelectContent>\n                                <SelectItem value=\"string\">String</SelectItem>\n                                <SelectItem value=\"number\">Number</SelectItem>\n                                <SelectItem value=\"boolean\">Boolean</SelectItem>\n                                <SelectItem value=\"object\">Object</SelectItem>\n                                <SelectItem value=\"array\">Array</SelectItem>\n                                <SelectItem value=\"null\">Null</SelectItem>\n                            </SelectContent>\n                        </Select>\n                    )}\n\n                    {type === 'string' && (\n                        <Input\n                            size=\"sm\"\n                            className=\"flex-1 min-w-0 sm:min-w-[120px]\"\n                            value={data}\n                            onChange={e => onChange(e.target.value)}\n                            disabled={readOnly}\n                        />\n                    )}\n                    {type === 'number' && (\n                        <Input\n                            type=\"number\"\n                            size=\"sm\"\n                            className=\"flex-1 w-full sm:w-[100px]\"\n                            value={data}\n                            onChange={e => onChange(parseFloat(e.target.value) || 0)}\n                            disabled={readOnly}\n                        />\n                    )}\n                    {type === 'boolean' && (\n                        <Select\n                            value={String(data)}\n                            onValueChange={(next) => onChange(next === 'true')}\n                            disabled={readOnly}\n                        >\n                            <SelectTrigger size=\"sm\" className=\"flex-1 w-full sm:w-[100px]\">\n                                <SelectValue />\n                            </SelectTrigger>\n                            <SelectContent>\n                                <SelectItem value=\"true\">true</SelectItem>\n                                <SelectItem value=\"false\">false</SelectItem>\n                            </SelectContent>\n                        </Select>\n                    )}\n                    {type === 'null' && <span className=\"text-xs text-muted-foreground\">null</span>}\n                    {isContainer && (\n                        <span className=\"text-xs text-muted-foreground\">\n                            {type === 'object' ? `{ ${Object.keys(data).length} items }` : `[ ${data.length} items ]`}\n                        </span>\n                    )}\n\n                    {onDelete && !readOnly && (\n                        <IconButton\n                            type=\"button\"\n                            variant=\"ghost\"\n                            size=\"xs\"\n                            className=\"text-muted-foreground hover:text-red-500 opacity-0 group-hover:opacity-100 transition-opacity\"\n                            title=\"Remove item\"\n                            onClick={onDelete}\n                        >\n                            <Trash2 className=\"w-3.5 h-3.5\" />\n                        </IconButton>\n                    )}\n                </div>\n            </div>\n\n            {isContainer && !collapsed && (\n                <div className=\"flex flex-col gap-1 w-full pl-2\">\n                    {type === 'object' && Object.entries(data).map(([key, val], idx) => (\n                        <div key={idx} className=\"flex\">\n                            <div className=\"pt-2\">\n                                {/* Key Renamer */}\n                                <InlineInput\n                                    className=\"w-full sm:w-[100px]\"\n                                    inputClassName=\"text-right text-xs font-mono pr-1\"\n                                    value={key}\n                                    onChange={(e) => handleKeyRename(key, e.target.value)}\n                                    disabled={readOnly}\n                                />\n                            </div>\n                            <div className=\"flex-1\">\n                                <JsonNode\n                                    data={val}\n                                    onChange={(v) => handleChildChange(key, v)}\n                                    onDelete={() => handleChildDelete(key)}\n                                    readOnly={readOnly}\n                                />\n                            </div>\n                        </div>\n                    ))}\n\n                    {type === 'array' && (data as any[]).map((val, idx) => (\n                        <JsonNode\n                            key={idx}\n                            label={String(idx)}\n                            data={val}\n                            onChange={(v) => handleChildChange(idx, v)}\n                            onDelete={() => handleChildDelete(idx)}\n                            readOnly={readOnly}\n                        />\n                    ))}\n\n                    {!readOnly && (\n                        <div className=\"pl-4 mt-1\">\n                            <Button\n                                type=\"button\"\n                                variant=\"outline\"\n                                size=\"sm\"\n                                onClick={handleAddKey}\n                                className=\"h-6 text-xs\"\n                            >\n                                <Plus className=\"w-3 h-3 mr-1\" />\n                                Add {type === 'object' ? 'Property' : 'Item'}\n                            </Button>\n                        </div>\n                    )}\n                </div>\n            )}\n        </div>\n    )\n}\n"],
+  "mappings": "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",
   "names": []
 }