@pipe0/react 0.0.2

package/dist/components/internal/combobox/include-exclude-combobox.mjs

@@ -0,0 +1,368 @@
+import { cn } from "../../../lib/utils.mjs";
+import { Button } from "../../ui/button.mjs";
+import { IconMinus, IconPlus } from "../icons.mjs";
+import { useDebouncedFn } from "../../../hooks/use-debounced-fn.mjs";
+import { FieldTypeBadge } from "../../../widgets/field-type-badge.mjs";
+import { WidgetStrip } from "../../../widgets/widget-strip.mjs";
+import { Combobox, ComboboxChips, ComboboxChipsInput, ComboboxContent, ComboboxEmpty, ComboboxItem, ComboboxList, ComboboxTrigger, useComboboxAnchor } from "../../ui/combobox.mjs";
+import { filterOptions } from "../multi-select-popover-trigger.mjs";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { XIcon } from "lucide-react";
+
+//#region src/components/internal/combobox/include-exclude-combobox.tsx
+const includeChipClass = "pz:flex pz:h-[calc(--spacing(5.25))] pz:w-fit pz:items-center pz:gap-0 pz:rounded-sm pz:border pz:border-border pz:bg-muted pz:pl-0 pz:pr-0 pz:text-xs pz:font-medium pz:whitespace-nowrap pz:text-foreground pz:overflow-hidden";
+const excludeChipClass = "pz:flex pz:h-[calc(--spacing(5.25))] pz:w-fit pz:items-center pz:gap-0 pz:rounded-sm pz:border pz:border-destructive/30 pz:bg-destructive/10 pz:pl-0 pz:pr-0 pz:text-xs pz:font-medium pz:whitespace-nowrap pz:text-destructive pz:overflow-hidden";
+const includeSignClass = "pz:flex pz:h-full pz:w-5 pz:cursor-pointer pz:items-center pz:justify-center pz:border-r pz:border-border pz:bg-foreground/[0.04] pz:text-muted-foreground pz:hover:bg-foreground/[0.08] pz:hover:text-foreground";
+const excludeSignClass = "pz:flex pz:h-full pz:w-5 pz:cursor-pointer pz:items-center pz:justify-center pz:border-r pz:border-destructive/30 pz:bg-destructive/[0.06] pz:text-destructive/80 pz:hover:bg-destructive/15 pz:hover:text-destructive";
+/**
+* Unified include/exclude combobox.
+*
+* Renders a single chip input where each chip carries an inline `+` / `−`
+* sign toggle that flips include ↔ exclude in place. Free-text-create inputs
+* (`allowCreate=true`) show a "Type to see suggestions" hint until the user
+* types; select-style inputs show their options on focus. Pure-select mode
+* (`disableSearch=true`) shows the chevron trigger and renders the input
+* read-only.
+*/
+function IncludeExcludeCombobox({ include, exclude, onChange, options, loadOptions, allowCreate = false, disableSearch = false, maxItems, ariaInvalid, disabled, debounceMs = 300, emptyLabel, placeholder }) {
+	const [input, setInput] = useState("");
+	const [debouncedQuery, setDebouncedQuery] = useState("");
+	const [asyncResults, setAsyncResults] = useState(null);
+	const [loading, setLoading] = useState(false);
+	const [open, setOpen] = useState(false);
+	const cacheRef = useRef(/* @__PURE__ */ new Map());
+	const reqIdRef = useRef(0);
+	const isAsync = typeof loadOptions === "function";
+	const debouncedSetQuery = useDebouncedFn((q) => setDebouncedQuery(q), debounceMs);
+	const effectiveQuery = input.trim();
+	useEffect(() => {
+		if (!isAsync || !loadOptions) return;
+		if (!open && debouncedQuery === "") return;
+		const q = debouncedQuery.trim();
+		const cached = cacheRef.current.get(q);
+		if (cached) {
+			setAsyncResults(cached);
+			setLoading(false);
+			return;
+		}
+		const reqId = ++reqIdRef.current;
+		setLoading(true);
+		loadOptions(q).then((opts) => {
+			if (reqId !== reqIdRef.current) return;
+			const kept = opts.filter((o) => !!o.value);
+			cacheRef.current.set(q, kept);
+			setAsyncResults(kept);
+			setLoading(false);
+		}).catch(() => {
+			if (reqId !== reqIdRef.current) return;
+			setAsyncResults([]);
+			setLoading(false);
+		});
+	}, [
+		debouncedQuery,
+		isAsync,
+		loadOptions,
+		open
+	]);
+	const includeSet = useMemo(() => new Set(include), [include]);
+	const excludeSet = useMemo(() => new Set(exclude), [exclude]);
+	const totalSelected = include.length + exclude.length;
+	const atMax = maxItems !== void 0 && totalSelected >= maxItems;
+	const widgetCacheRef = useRef(/* @__PURE__ */ new Map());
+	for (const opt of options ?? []) if (opt.widgets) widgetCacheRef.current.set(opt.value, opt.widgets);
+	for (const opt of asyncResults ?? []) if (opt.widgets) widgetCacheRef.current.set(opt.value, opt.widgets);
+	const [chipOrder, setChipOrder] = useState(() => [...include, ...exclude]);
+	const anchor = useComboboxAnchor();
+	const filteredSuggestions = useMemo(() => {
+		const source = isAsync ? asyncResults ?? [] : options ?? [];
+		return isAsync ? source : filterOptions(source, effectiveQuery);
+	}, [
+		isAsync,
+		asyncResults,
+		options,
+		effectiveQuery
+	]);
+	const showCreateRow = allowCreate && effectiveQuery.length > 0 && !includeSet.has(effectiveQuery) && !excludeSet.has(effectiveQuery) && !filteredSuggestions.some((o) => o.value.toLowerCase() === effectiveQuery.toLowerCase());
+	const resolveLabel = (v) => {
+		const fromStatic = options?.find((o) => o.value === v)?.label;
+		if (fromStatic) return fromStatic;
+		return asyncResults?.find((o) => o.value === v)?.label ?? v;
+	};
+	const resolveWidgets = (v) => widgetCacheRef.current.get(v) ?? options?.find((o) => o.value === v)?.widgets ?? asyncResults?.find((o) => o.value === v)?.widgets;
+	const chips = useMemo(() => {
+		const known = new Set(chipOrder);
+		const orderedValues = chipOrder.filter((v) => includeSet.has(v) || excludeSet.has(v));
+		for (const v of include) if (!known.has(v)) {
+			orderedValues.push(v);
+			known.add(v);
+		}
+		for (const v of exclude) if (!known.has(v)) {
+			orderedValues.push(v);
+			known.add(v);
+		}
+		return orderedValues.map((v) => ({
+			value: v,
+			label: resolveLabel(v),
+			mode: includeSet.has(v) ? "include" : "exclude",
+			widgets: resolveWidgets(v)
+		}));
+	}, [
+		chipOrder,
+		includeSet,
+		excludeSet,
+		options,
+		asyncResults
+	]);
+	const items = useMemo(() => {
+		const list = [];
+		if (showCreateRow) list.push({
+			value: effectiveQuery,
+			label: `Add "${effectiveQuery}"`,
+			__create: true
+		});
+		for (const o of filteredSuggestions) list.push(o);
+		return list;
+	}, [
+		showCreateRow,
+		effectiveQuery,
+		filteredSuggestions
+	]);
+	const trackInsertion = (value) => {
+		setChipOrder((prev) => prev.includes(value) ? prev : [...prev, value]);
+	};
+	const trackRemoval = (value) => {
+		setChipOrder((prev) => prev.filter((v) => v !== value));
+	};
+	const addAs = (value, mode) => {
+		if (!value) return;
+		if (atMax && !includeSet.has(value) && !excludeSet.has(value)) return;
+		if (mode === "include") {
+			if (includeSet.has(value)) return;
+			onChange({
+				include: [...include, value],
+				exclude: exclude.filter((v) => v !== value)
+			});
+		} else {
+			if (excludeSet.has(value)) return;
+			onChange({
+				include: include.filter((v) => v !== value),
+				exclude: [...exclude, value]
+			});
+		}
+		trackInsertion(value);
+	};
+	const flip = (value, currentMode) => {
+		if (currentMode === "include") onChange({
+			include: include.filter((v) => v !== value),
+			exclude: [...exclude, value]
+		});
+		else onChange({
+			include: [...include, value],
+			exclude: exclude.filter((v) => v !== value)
+		});
+	};
+	const removeChip = (value, mode) => {
+		if (mode === "include") onChange({
+			include: include.filter((v) => v !== value),
+			exclude
+		});
+		else onChange({
+			include,
+			exclude: exclude.filter((v) => v !== value)
+		});
+		trackRemoval(value);
+	};
+	const clearInput = () => {
+		setInput("");
+		if (isAsync) debouncedSetQuery("");
+	};
+	return /* @__PURE__ */ jsxs(Combobox, {
+		multiple: true,
+		items,
+		filter: null,
+		open,
+		onOpenChange: setOpen,
+		value: [],
+		onValueChange: (next) => {
+			if (!Array.isArray(next) || next.length === 0) return;
+			const last = next[next.length - 1];
+			const mode = last.__mode ?? "include";
+			addAs(last.value, mode);
+			clearInput();
+		},
+		isItemEqualToValue: (a, b) => a.value === b.value,
+		itemToStringLabel: (item) => item.label,
+		itemToStringValue: (item) => item.value,
+		inputValue: input,
+		onInputValueChange: (v) => {
+			setInput(v);
+			if (isAsync) debouncedSetQuery(v);
+		},
+		disabled,
+		children: [/* @__PURE__ */ jsxs(ComboboxChips, {
+			"aria-invalid": ariaInvalid || void 0,
+			ref: anchor,
+			children: [
+				chips.map((chip) => {
+					const isInc = chip.mode === "include";
+					return /* @__PURE__ */ jsxs("span", {
+						className: cn(isInc ? includeChipClass : excludeChipClass),
+						"data-mode": chip.mode,
+						children: [
+							/* @__PURE__ */ jsx("button", {
+								type: "button",
+								tabIndex: -1,
+								onClick: (e) => {
+									e.stopPropagation();
+									flip(chip.value, chip.mode);
+								},
+								"aria-label": isInc ? "Switch to exclude" : "Switch to include",
+								title: isInc ? "Switch to exclude" : "Switch to include",
+								className: cn(isInc ? includeSignClass : excludeSignClass),
+								children: isInc ? /* @__PURE__ */ jsx(IconPlus, {
+									width: 10,
+									height: 10
+								}) : /* @__PURE__ */ jsx(IconMinus, {
+									width: 10,
+									height: 10
+								})
+							}),
+							/* @__PURE__ */ jsxs("span", {
+								className: "pz:flex pz:items-center pz:gap-1 pz:px-1.5",
+								children: [chip.widgets && /* @__PURE__ */ jsx(WidgetStrip, {
+									widgets: chip.widgets,
+									size: 14
+								}), chip.label]
+							}),
+							/* @__PURE__ */ jsx(Button, {
+								type: "button",
+								variant: "ghost",
+								size: "icon-xs",
+								tabIndex: -1,
+								onClick: (e) => {
+									e.stopPropagation();
+									removeChip(chip.value, chip.mode);
+								},
+								"aria-label": `Remove ${chip.label}`,
+								className: cn("pz:opacity-50 pz:hover:opacity-100", isInc ? void 0 : "pz:text-destructive pz:hover:bg-destructive/15"),
+								children: /* @__PURE__ */ jsx(XIcon, { className: "pz:pointer-events-none" })
+							})
+						]
+					}, chip.value);
+				}),
+				/* @__PURE__ */ jsx(ComboboxChipsInput, {
+					placeholder: chips.length === 0 ? placeholder : void 0,
+					readOnly: disableSearch,
+					"aria-invalid": ariaInvalid || void 0,
+					onKeyDown: (e) => {
+						if (e.key === "Backspace" && input.length === 0) {
+							if (chips.length === 0) return;
+							e.preventDefault();
+							const last = chips[chips.length - 1];
+							removeChip(last.value, last.mode);
+							return;
+						}
+						if (e.key !== "Enter" || e.nativeEvent.isComposing) return;
+						if (effectiveQuery.length === 0) return;
+						e.preventDefault();
+						e.stopPropagation();
+						if (atMax) return;
+						const toAdd = filteredSuggestions.find((o) => o.value.toLowerCase() === effectiveQuery.toLowerCase())?.value ?? (allowCreate ? effectiveQuery : null);
+						if (!toAdd) return;
+						addAs(toAdd, "include");
+						clearInput();
+					}
+				}),
+				/* @__PURE__ */ jsx(ComboboxTrigger, { className: "pz:ml-auto pz:bg-transparent pz:hover:bg-transparent" })
+			]
+		}), /* @__PURE__ */ jsxs(ComboboxContent, {
+			anchor,
+			children: [
+				loading && items.length > 0 && /* @__PURE__ */ jsx("span", {
+					"aria-label": "Loading",
+					className: "pz:absolute pz:right-2 pz:top-2 pz:z-10 pz:inline-block pz:h-3 pz:w-3 pz:animate-spin pz:rounded-full pz:border-2 pz:border-muted-foreground/30 pz:border-t-muted-foreground"
+				}),
+				loading && items.length === 0 && /* @__PURE__ */ jsx("div", {
+					role: "status",
+					"aria-label": "Loading",
+					className: "pz:flex pz:items-center pz:justify-center pz:py-6",
+					children: /* @__PURE__ */ jsx("span", { className: "pz:inline-block pz:h-5 pz:w-5 pz:animate-spin pz:rounded-full pz:border-2 pz:border-muted-foreground/30 pz:border-t-muted-foreground" })
+				}),
+				/* @__PURE__ */ jsxs(ComboboxList, {
+					className: cn(loading && items.length > 0 && "pz:opacity-50 pz:transition-opacity pz:pointer-events-none"),
+					children: [
+						atMax && /* @__PURE__ */ jsxs("div", {
+							className: "pz:px-2 pz:py-1.5 pz:text-xs pz:text-muted-foreground",
+							children: [
+								"Maximum ",
+								maxItems,
+								" item",
+								maxItems === 1 ? "" : "s",
+								" reached."
+							]
+						}),
+						items.map((item) => {
+							const fieldType = !item.__create ? item.widgets?.field_type : void 0;
+							const inIncluded = includeSet.has(item.value);
+							const inExcluded = excludeSet.has(item.value);
+							const includeDisabled = inIncluded || atMax && !inExcluded;
+							const excludeDisabled = inExcluded || atMax && !inIncluded;
+							return /* @__PURE__ */ jsxs(ComboboxItem, {
+								value: {
+									...item,
+									__mode: "include"
+								},
+								className: cn("pz:pr-1", item.__create ? "pz:italic" : void 0),
+								disabled: includeDisabled && excludeDisabled && !item.__create,
+								children: [
+									!item.__create && item.widgets && /* @__PURE__ */ jsx(WidgetStrip, {
+										widgets: Object.fromEntries(Object.entries(item.widgets).filter(([k]) => k !== "field_type")),
+										size: 14
+									}),
+									/* @__PURE__ */ jsx("span", {
+										className: "pz:flex-1 pz:truncate",
+										children: item.label
+									}),
+									fieldType && /* @__PURE__ */ jsx(FieldTypeBadge, {
+										type: fieldType.type,
+										format: fieldType.format
+									}),
+									/* @__PURE__ */ jsx("span", {
+										className: "pz:flex pz:items-center pz:pl-2",
+										children: /* @__PURE__ */ jsx(Button, {
+											type: "button",
+											variant: "ghost",
+											size: "icon-xs",
+											tabIndex: -1,
+											disabled: excludeDisabled,
+											onClick: (e) => {
+												e.stopPropagation();
+												e.preventDefault();
+												if (excludeDisabled) return;
+												addAs(item.value, "exclude");
+												clearInput();
+											},
+											"aria-label": `Exclude ${item.label}`,
+											title: "Exclude",
+											className: "pz:text-muted-foreground",
+											children: /* @__PURE__ */ jsx(IconMinus, {
+												width: 10,
+												height: 10
+											})
+										})
+									})
+								]
+							}, `${item.__create ? "__create__:" : ""}${item.value}`);
+						}),
+						!loading && items.length === 0 && /* @__PURE__ */ jsx(ComboboxEmpty, { children: emptyLabel ?? (allowCreate ? options || loadOptions ? "No matches" : "Type to add" : "No options") })
+					]
+				})
+			]
+		})]
+	});
+}
+
+//#endregion
+export { IncludeExcludeCombobox };
+//# sourceMappingURL=include-exclude-combobox.mjs.map

package/dist/components/internal/combobox/include-exclude-combobox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"include-exclude-combobox.mjs","names":[],"sources":["../../../../src/components/internal/combobox/include-exclude-combobox.tsx"],"sourcesContent":["import type { WidgetsByKind } from \"@pipe0/base\";\nimport { XIcon } from \"lucide-react\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport { useDebouncedFn } from \"../../../hooks/use-debounced-fn.js\";\nimport { cn } from \"../../../lib/utils.js\";\nimport { FieldTypeBadge } from \"../../../widgets/field-type-badge.js\";\nimport { WidgetStrip } from \"../../../widgets/widget-strip.js\";\nimport { Button } from \"../../ui/button.js\";\nimport {\n  Combobox,\n  ComboboxChips,\n  ComboboxChipsInput,\n  ComboboxContent,\n  ComboboxEmpty,\n  ComboboxItem,\n  ComboboxList,\n  ComboboxTrigger,\n  useComboboxAnchor,\n} from \"../../ui/combobox.js\";\nimport { IconMinus, IconPlus } from \"../icons.js\";\nimport { filterOptions, type PayloadOption } from \"../multi-select-popover-trigger.js\";\n\nexport type IncludeExcludeMode = \"include\" | \"exclude\";\n\nexport interface IncludeExcludeValue {\n  include: string[];\n  exclude: string[];\n}\n\nexport interface IncludeExcludeComboboxProps {\n  include: string[];\n  exclude: string[];\n  /**\n   * Atomic update for the entire `{ include, exclude }` value. We avoid\n   * splitting include/exclude into separate add/remove callbacks because\n   * flipping a chip needs to mutate both sides in one shot — otherwise the\n   * stale closure in the field-handle wiring drops one of the updates.\n   */\n  onChange: (next: IncludeExcludeValue) => void;\n  options?: PayloadOption[];\n  loadOptions?: (query: string) => Promise<PayloadOption[]>;\n  allowCreate?: boolean;\n  disableSearch?: boolean;\n  maxItems?: number;\n  ariaInvalid?: boolean;\n  disabled?: boolean;\n  debounceMs?: number;\n  emptyLabel?: string;\n  placeholder?: string;\n}\n\ntype SelectableItem = PayloadOption & {\n  __mode?: IncludeExcludeMode;\n  __create?: boolean;\n};\n\nconst includeChipClass =\n  \"pz:flex pz:h-[calc(--spacing(5.25))] pz:w-fit pz:items-center pz:gap-0 pz:rounded-sm pz:border pz:border-border pz:bg-muted pz:pl-0 pz:pr-0 pz:text-xs pz:font-medium pz:whitespace-nowrap pz:text-foreground pz:overflow-hidden\";\n\nconst excludeChipClass =\n  \"pz:flex pz:h-[calc(--spacing(5.25))] pz:w-fit pz:items-center pz:gap-0 pz:rounded-sm pz:border pz:border-destructive/30 pz:bg-destructive/10 pz:pl-0 pz:pr-0 pz:text-xs pz:font-medium pz:whitespace-nowrap pz:text-destructive pz:overflow-hidden\";\n\nconst includeSignClass =\n  \"pz:flex pz:h-full pz:w-5 pz:cursor-pointer pz:items-center pz:justify-center pz:border-r pz:border-border pz:bg-foreground/[0.04] pz:text-muted-foreground pz:hover:bg-foreground/[0.08] pz:hover:text-foreground\";\n\nconst excludeSignClass =\n  \"pz:flex pz:h-full pz:w-5 pz:cursor-pointer pz:items-center pz:justify-center pz:border-r pz:border-destructive/30 pz:bg-destructive/[0.06] pz:text-destructive/80 pz:hover:bg-destructive/15 pz:hover:text-destructive\";\n\n/**\n * Unified include/exclude combobox.\n *\n * Renders a single chip input where each chip carries an inline `+` / `−`\n * sign toggle that flips include ↔ exclude in place. Free-text-create inputs\n * (`allowCreate=true`) show a \"Type to see suggestions\" hint until the user\n * types; select-style inputs show their options on focus. Pure-select mode\n * (`disableSearch=true`) shows the chevron trigger and renders the input\n * read-only.\n */\nexport function IncludeExcludeCombobox({\n  include,\n  exclude,\n  onChange,\n  options,\n  loadOptions,\n  allowCreate = false,\n  disableSearch = false,\n  maxItems,\n  ariaInvalid,\n  disabled,\n  debounceMs = 300,\n  emptyLabel,\n  placeholder,\n}: IncludeExcludeComboboxProps) {\n  const [input, setInput] = useState(\"\");\n  const [debouncedQuery, setDebouncedQuery] = useState(\"\");\n  const [asyncResults, setAsyncResults] = useState<PayloadOption[] | null>(null);\n  const [loading, setLoading] = useState(false);\n  const [open, setOpen] = useState(false);\n  const cacheRef = useRef<Map<string, PayloadOption[]>>(new Map());\n  const reqIdRef = useRef(0);\n\n  const isAsync = typeof loadOptions === \"function\";\n\n  const debouncedSetQuery = useDebouncedFn((q: string) => setDebouncedQuery(q), debounceMs);\n\n  const effectiveQuery = input.trim();\n\n  useEffect(() => {\n    if (!isAsync || !loadOptions) return;\n    if (!open && debouncedQuery === \"\") return;\n    const q = debouncedQuery.trim();\n    const cached = cacheRef.current.get(q);\n    if (cached) {\n      setAsyncResults(cached);\n      setLoading(false);\n      return;\n    }\n    const reqId = ++reqIdRef.current;\n    setLoading(true);\n    loadOptions(q)\n      .then((opts) => {\n        if (reqId !== reqIdRef.current) return;\n        const kept = opts.filter((o) => !!o.value);\n        cacheRef.current.set(q, kept);\n        setAsyncResults(kept);\n        setLoading(false);\n      })\n      .catch(() => {\n        if (reqId !== reqIdRef.current) return;\n        setAsyncResults([]);\n        setLoading(false);\n      });\n  }, [debouncedQuery, isAsync, loadOptions, open]);\n\n  const includeSet = useMemo(() => new Set(include), [include]);\n  const excludeSet = useMemo(() => new Set(exclude), [exclude]);\n  const totalSelected = include.length + exclude.length;\n  const atMax = maxItems !== undefined && totalSelected >= maxItems;\n\n  // Persist widgets seen for any value across loadOptions cycles. Async\n  // results get replaced with each query, so without this cache an icon\n  // shown when picking a value would disappear on the next refetch.\n  const widgetCacheRef = useRef<Map<string, WidgetsByKind>>(new Map());\n  for (const opt of options ?? []) {\n    if (opt.widgets) widgetCacheRef.current.set(opt.value, opt.widgets);\n  }\n  for (const opt of asyncResults ?? []) {\n    if (opt.widgets) widgetCacheRef.current.set(opt.value, opt.widgets);\n  }\n\n  // Track chip ordering locally so flipping include ↔ exclude keeps the chip\n  // in its original visual position even though the field-handle data model\n  // is two separate arrays. Mutated only in the action handlers below;\n  // anything that arrives via an external `onChange` (e.g. form reset) is\n  // appended at the end by the render-time reconciliation in `chips`.\n  const [chipOrder, setChipOrder] = useState<string[]>(() => [...include, ...exclude]);\n\n  const anchor = useComboboxAnchor();\n\n  const filteredSuggestions = useMemo<PayloadOption[]>(() => {\n    const source = isAsync ? (asyncResults ?? []) : (options ?? []);\n    return isAsync ? source : filterOptions(source, effectiveQuery);\n  }, [isAsync, asyncResults, options, effectiveQuery]);\n\n  const showCreateRow =\n    allowCreate &&\n    effectiveQuery.length > 0 &&\n    !includeSet.has(effectiveQuery) &&\n    !excludeSet.has(effectiveQuery) &&\n    !filteredSuggestions.some((o) => o.value.toLowerCase() === effectiveQuery.toLowerCase());\n\n  const resolveLabel = (v: string): string => {\n    const fromStatic = options?.find((o) => o.value === v)?.label;\n    if (fromStatic) return fromStatic;\n    const fromAsync = asyncResults?.find((o) => o.value === v)?.label;\n    return fromAsync ?? v;\n  };\n\n  const resolveWidgets = (v: string): WidgetsByKind | undefined =>\n    widgetCacheRef.current.get(v) ??\n    options?.find((o) => o.value === v)?.widgets ??\n    asyncResults?.find((o) => o.value === v)?.widgets;\n\n  type Chip = {\n    value: string;\n    label: string;\n    mode: IncludeExcludeMode;\n    widgets?: WidgetsByKind;\n  };\n\n  // Order chips by the locally tracked `chipOrder`, with any not-yet-tracked\n  // values appended at the end. Action handlers (`addAs`, `removeChip`) keep\n  // `chipOrder` in sync; this append branch only kicks in for values that\n  // arrived via an external `onChange` (e.g. a form reset).\n  const chips = useMemo<Chip[]>(() => {\n    const known = new Set(chipOrder);\n    const orderedValues = chipOrder.filter((v) => includeSet.has(v) || excludeSet.has(v));\n    for (const v of include)\n      if (!known.has(v)) {\n        orderedValues.push(v);\n        known.add(v);\n      }\n    for (const v of exclude)\n      if (!known.has(v)) {\n        orderedValues.push(v);\n        known.add(v);\n      }\n    return orderedValues.map((v) => ({\n      value: v,\n      label: resolveLabel(v),\n      mode: includeSet.has(v) ? \"include\" : \"exclude\",\n      widgets: resolveWidgets(v),\n    }));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [chipOrder, includeSet, excludeSet, options, asyncResults]);\n\n  const items = useMemo<SelectableItem[]>(() => {\n    const list: SelectableItem[] = [];\n    if (showCreateRow) {\n      list.push({\n        value: effectiveQuery,\n        label: `Add \"${effectiveQuery}\"`,\n        __create: true,\n      });\n    }\n    for (const o of filteredSuggestions) list.push(o);\n    return list;\n  }, [showCreateRow, effectiveQuery, filteredSuggestions]);\n\n  const trackInsertion = (value: string) => {\n    setChipOrder((prev) => (prev.includes(value) ? prev : [...prev, value]));\n  };\n  const trackRemoval = (value: string) => {\n    setChipOrder((prev) => prev.filter((v) => v !== value));\n  };\n\n  const addAs = (value: string, mode: IncludeExcludeMode) => {\n    if (!value) return;\n    if (atMax && !includeSet.has(value) && !excludeSet.has(value)) return;\n    if (mode === \"include\") {\n      if (includeSet.has(value)) return;\n      onChange({\n        include: [...include, value],\n        exclude: exclude.filter((v) => v !== value),\n      });\n    } else {\n      if (excludeSet.has(value)) return;\n      onChange({\n        include: include.filter((v) => v !== value),\n        exclude: [...exclude, value],\n      });\n    }\n    trackInsertion(value);\n  };\n\n  // Flipping intentionally does NOT touch chipOrder — keeping the slot keeps\n  // the chip in place visually as it changes mode.\n  const flip = (value: string, currentMode: IncludeExcludeMode) => {\n    if (currentMode === \"include\") {\n      onChange({\n        include: include.filter((v) => v !== value),\n        exclude: [...exclude, value],\n      });\n    } else {\n      onChange({\n        include: [...include, value],\n        exclude: exclude.filter((v) => v !== value),\n      });\n    }\n  };\n\n  const removeChip = (value: string, mode: IncludeExcludeMode) => {\n    if (mode === \"include\") onChange({ include: include.filter((v) => v !== value), exclude });\n    else onChange({ include, exclude: exclude.filter((v) => v !== value) });\n    trackRemoval(value);\n  };\n\n  const clearInput = () => {\n    setInput(\"\");\n    if (isAsync) debouncedSetQuery(\"\");\n  };\n\n  return (\n    <Combobox<SelectableItem, true>\n      multiple\n      items={items}\n      filter={null}\n      open={open}\n      onOpenChange={setOpen}\n      // We only use base-ui's value plumbing to capture pick events from list\n      // rows; chips are rendered manually so we keep the include/exclude\n      // grouping. Returning an empty array keeps base-ui from drawing chips.\n      value={[] as SelectableItem[]}\n      onValueChange={(next) => {\n        if (!Array.isArray(next) || next.length === 0) return;\n        const last = next[next.length - 1] as SelectableItem;\n        const mode: IncludeExcludeMode = last.__mode ?? \"include\";\n        addAs(last.value, mode);\n        clearInput();\n      }}\n      isItemEqualToValue={(a, b) => (a as SelectableItem).value === (b as SelectableItem).value}\n      itemToStringLabel={(item) => (item as SelectableItem).label}\n      itemToStringValue={(item) => (item as SelectableItem).value}\n      inputValue={input}\n      onInputValueChange={(v) => {\n        setInput(v);\n        if (isAsync) debouncedSetQuery(v);\n      }}\n      disabled={disabled}\n    >\n      <ComboboxChips aria-invalid={ariaInvalid || undefined} ref={anchor}>\n        {chips.map((chip) => {\n          const isInc = chip.mode === \"include\";\n          return (\n            <span\n              key={chip.value}\n              className={cn(isInc ? includeChipClass : excludeChipClass)}\n              data-mode={chip.mode}\n            >\n              <button\n                type=\"button\"\n                tabIndex={-1}\n                onClick={(e) => {\n                  e.stopPropagation();\n                  flip(chip.value, chip.mode);\n                }}\n                aria-label={isInc ? \"Switch to exclude\" : \"Switch to include\"}\n                title={isInc ? \"Switch to exclude\" : \"Switch to include\"}\n                className={cn(isInc ? includeSignClass : excludeSignClass)}\n              >\n                {isInc ? <IconPlus width={10} height={10} /> : <IconMinus width={10} height={10} />}\n              </button>\n              <span className=\"pz:flex pz:items-center pz:gap-1 pz:px-1.5\">\n                {chip.widgets && <WidgetStrip widgets={chip.widgets} size={14} />}\n                {chip.label}\n              </span>\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"icon-xs\"\n                tabIndex={-1}\n                onClick={(e) => {\n                  e.stopPropagation();\n                  removeChip(chip.value, chip.mode);\n                }}\n                aria-label={`Remove ${chip.label}`}\n                className={cn(\n                  \"pz:opacity-50 pz:hover:opacity-100\",\n                  isInc ? undefined : \"pz:text-destructive pz:hover:bg-destructive/15\",\n                )}\n              >\n                <XIcon className=\"pz:pointer-events-none\" />\n              </Button>\n            </span>\n          );\n        })}\n        <ComboboxChipsInput\n          placeholder={chips.length === 0 ? placeholder : undefined}\n          readOnly={disableSearch}\n          aria-invalid={ariaInvalid || undefined}\n          onKeyDown={(e) => {\n            if (e.key === \"Backspace\" && input.length === 0) {\n              if (chips.length === 0) return;\n              e.preventDefault();\n              const last = chips[chips.length - 1];\n              removeChip(last.value, last.mode);\n              return;\n            }\n            if (e.key !== \"Enter\" || e.nativeEvent.isComposing) return;\n            if (effectiveQuery.length === 0) return;\n            // Prevent the Enter from bubbling up and submitting an enclosing form.\n            e.preventDefault();\n            e.stopPropagation();\n            if (atMax) return;\n            const exact = filteredSuggestions.find(\n              (o) => o.value.toLowerCase() === effectiveQuery.toLowerCase(),\n            );\n            const toAdd = exact?.value ?? (allowCreate ? effectiveQuery : null);\n            if (!toAdd) return;\n            addAs(toAdd, \"include\");\n            clearInput();\n          }}\n        />\n        <ComboboxTrigger className=\"pz:ml-auto pz:bg-transparent pz:hover:bg-transparent\" />\n      </ComboboxChips>\n\n      <ComboboxContent anchor={anchor}>\n        {loading && items.length > 0 && (\n          // Refetch: prior items stay visible, dimmed, with a small corner\n          // spinner so the layout doesn't jump while the new page loads.\n          <span\n            aria-label=\"Loading\"\n            className=\"pz:absolute pz:right-2 pz:top-2 pz:z-10 pz:inline-block pz:h-3 pz:w-3 pz:animate-spin pz:rounded-full pz:border-2 pz:border-muted-foreground/30 pz:border-t-muted-foreground\"\n          />\n        )}\n        {loading && items.length === 0 && (\n          // Initial load: nothing to dim, so render a visible spinner in the\n          // popover body to confirm options are being fetched.\n          <div\n            role=\"status\"\n            aria-label=\"Loading\"\n            className=\"pz:flex pz:items-center pz:justify-center pz:py-6\"\n          >\n            <span className=\"pz:inline-block pz:h-5 pz:w-5 pz:animate-spin pz:rounded-full pz:border-2 pz:border-muted-foreground/30 pz:border-t-muted-foreground\" />\n          </div>\n        )}\n        <ComboboxList\n          className={cn(\n            loading &&\n              items.length > 0 &&\n              \"pz:opacity-50 pz:transition-opacity pz:pointer-events-none\",\n          )}\n        >\n          {atMax && (\n            <div className=\"pz:px-2 pz:py-1.5 pz:text-xs pz:text-muted-foreground\">\n              Maximum {maxItems} item{maxItems === 1 ? \"\" : \"s\"} reached.\n            </div>\n          )}\n\n          {items.map((item) => {\n            const fieldType = !item.__create ? item.widgets?.field_type : undefined;\n            const inIncluded = includeSet.has(item.value);\n            const inExcluded = excludeSet.has(item.value);\n            const includeDisabled = inIncluded || (atMax && !inExcluded);\n            const excludeDisabled = inExcluded || (atMax && !inIncluded);\n            return (\n              <ComboboxItem\n                key={`${item.__create ? \"__create__:\" : \"\"}${item.value}`}\n                value={{ ...item, __mode: \"include\" } as SelectableItem}\n                className={cn(\"pz:pr-1\", item.__create ? \"pz:italic\" : undefined)}\n                disabled={includeDisabled && excludeDisabled && !item.__create}\n              >\n                {!item.__create && item.widgets && (\n                  <WidgetStrip\n                    widgets={\n                      // Field-type renders trailing; everything else leading.\n                      Object.fromEntries(\n                        Object.entries(item.widgets).filter(([k]) => k !== \"field_type\"),\n                      )\n                    }\n                    size={14}\n                  />\n                )}\n                <span className=\"pz:flex-1 pz:truncate\">{item.label}</span>\n                {fieldType && <FieldTypeBadge type={fieldType.type} format={fieldType.format} />}\n                <span className=\"pz:flex pz:items-center pz:pl-2\">\n                  <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"icon-xs\"\n                    tabIndex={-1}\n                    disabled={excludeDisabled}\n                    onClick={(e) => {\n                      e.stopPropagation();\n                      e.preventDefault();\n                      if (excludeDisabled) return;\n                      addAs(item.value, \"exclude\");\n                      clearInput();\n                    }}\n                    aria-label={`Exclude ${item.label}`}\n                    title=\"Exclude\"\n                    className=\"pz:text-muted-foreground\"\n                  >\n                    <IconMinus width={10} height={10} />\n                  </Button>\n                </span>\n              </ComboboxItem>\n            );\n          })}\n\n          {!loading && items.length === 0 && (\n            <ComboboxEmpty>\n              {emptyLabel ??\n                (allowCreate\n                  ? options || loadOptions\n                    ? \"No matches\"\n                    : \"Type to add\"\n                  : \"No options\")}\n            </ComboboxEmpty>\n          )}\n        </ComboboxList>\n      </ComboboxContent>\n    </Combobox>\n  );\n}\n"],"mappings":"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"}