@corensystem/coren-ui 1.0.0-next.20260924.75108.887a9c2

package/dist/filter.mjs

@@ -0,0 +1,267 @@
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "./accordion.mjs";
+import { Badge } from "./badge.mjs";
+import { HoverTooltip } from "./tooltip.mjs";
+import { Button } from "./button.mjs";
+import { Popover, PopoverContent, PopoverTrigger } from "./popover.mjs";
+import { Checkbox } from "./checkbox.mjs";
+import { Chip } from "./chip.mjs";
+import { cn } from "@corensystem/coren-utils";
+import { Filter as Filter$1 } from "lucide-react";
+import * as React from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/filter.tsx
+const FilterContext = React.createContext(null);
+function useFilter() {
+	const ctx = React.useContext(FilterContext);
+	if (!ctx) throw new Error("Filter components must be used within a <Filter>");
+	return ctx;
+}
+/**
+* Filter context if there is one, otherwise null — for surfaces that render an applied-filter
+* strip when wrapped in a <Filter> but must still work standalone (e.g. DataTable).
+*/
+function useOptionalFilter() {
+	return React.useContext(FilterContext);
+}
+const FilterCategoryContext = React.createContext(null);
+function useFilterCategory() {
+	const ctx = React.useContext(FilterCategoryContext);
+	if (!ctx) throw new Error("<FilterOption> must be used within a <FilterCategory>");
+	return ctx;
+}
+function Filter({ value, defaultValue, onChange, children }) {
+	const [appliedUncontrolled, setAppliedUncontrolled] = React.useState(defaultValue ?? {});
+	const isControlled = value !== void 0;
+	const applied = isControlled ? value : appliedUncontrolled;
+	const [open, setOpenState] = React.useState(false);
+	const [draft, setDraft] = React.useState(applied);
+	const setOpen = React.useCallback((next) => {
+		if (next) setDraft(applied);
+		setOpenState(next);
+	}, [applied]);
+	const toggleDraft = React.useCallback((categoryId, optionValue) => {
+		setDraft((prev) => {
+			const set = new Set(prev[categoryId] ?? []);
+			if (set.has(optionValue)) set.delete(optionValue);
+			else set.add(optionValue);
+			const next = {
+				...prev,
+				[categoryId]: Array.from(set)
+			};
+			if (next[categoryId].length === 0) delete next[categoryId];
+			return next;
+		});
+	}, []);
+	const clearDraft = React.useCallback(() => setDraft({}), []);
+	const applyDraft = React.useCallback(() => {
+		if (!isControlled) setAppliedUncontrolled(draft);
+		onChange?.(draft);
+		setOpenState(false);
+	}, [
+		draft,
+		isControlled,
+		onChange
+	]);
+	const clearAll = React.useCallback(() => {
+		setDraft({});
+		if (!isControlled) setAppliedUncontrolled({});
+		onChange?.({});
+	}, [isControlled, onChange]);
+	const removeApplied = React.useCallback((categoryId, optionValue) => {
+		const next = { ...applied };
+		const remaining = (next[categoryId] ?? []).filter((value) => value !== optionValue);
+		if (remaining.length === 0) delete next[categoryId];
+		else next[categoryId] = remaining;
+		setDraft(next);
+		if (!isControlled) setAppliedUncontrolled(next);
+		onChange?.(next);
+	}, [
+		applied,
+		isControlled,
+		onChange
+	]);
+	const appliedCount = React.useMemo(() => Object.values(applied).reduce((sum, arr) => sum + arr.length, 0), [applied]);
+	const ctx = React.useMemo(() => ({
+		open,
+		setOpen,
+		applied,
+		draft,
+		toggleDraft,
+		clearDraft,
+		clearAll,
+		applyDraft,
+		removeApplied,
+		appliedCount
+	}), [
+		open,
+		setOpen,
+		applied,
+		draft,
+		toggleDraft,
+		clearDraft,
+		clearAll,
+		applyDraft,
+		removeApplied,
+		appliedCount
+	]);
+	return /* @__PURE__ */ jsx(FilterContext.Provider, {
+		value: ctx,
+		children: /* @__PURE__ */ jsx(Popover, {
+			open,
+			onOpenChange: setOpen,
+			children
+		})
+	});
+}
+const FilterTrigger = React.forwardRef(({ className, icon, "aria-label": ariaLabel, tooltip, ...props }, ref) => {
+	const { appliedCount } = useFilter();
+	const label = ariaLabel ?? (appliedCount > 0 ? `Filter (${appliedCount} active)` : "Filter");
+	const hint = tooltip === void 0 ? label : tooltip;
+	const trigger = /* @__PURE__ */ jsx(PopoverTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ jsxs(Button, {
+			ref,
+			variant: "outline",
+			icon: true,
+			"aria-label": label,
+			className: cn("wwc:relative", className),
+			...props,
+			children: [icon ?? /* @__PURE__ */ jsx(Filter$1, { className: "wwc:h-4 wwc:w-4" }), appliedCount > 0 && /* @__PURE__ */ jsx("span", {
+				"aria-hidden": true,
+				className: "wwc:absolute wwc:-top-1 wwc:-right-1 wwc:min-w-4 wwc:h-4 wwc:px-1 wwc:rounded-full wwc:bg-primary wwc:text-primary-foreground wwc:text-[10px] wwc:font-medium wwc:flex wwc:items-center wwc:justify-center",
+				children: appliedCount
+			})]
+		})
+	});
+	if (hint === null) return trigger;
+	return /* @__PURE__ */ jsx(HoverTooltip, {
+		content: hint,
+		children: trigger
+	});
+});
+FilterTrigger.displayName = "FilterTrigger";
+const FilterContent = React.forwardRef(({ className, heading = "Filter", footer, defaultOpenCategory, align = "end", children, ...props }, ref) => {
+	const { clearAll, applyDraft } = useFilter();
+	const resolvedDefaultOpen = React.useMemo(() => {
+		if (defaultOpenCategory === null) return void 0;
+		if (typeof defaultOpenCategory === "string") return defaultOpenCategory;
+		return React.Children.toArray(children).find((c) => React.isValidElement(c) && typeof c.props.value === "string")?.props.value;
+	}, [children, defaultOpenCategory]);
+	return /* @__PURE__ */ jsxs(PopoverContent, {
+		ref,
+		align,
+		className: cn("wwc:w-72 wwc:p-0 wwc:flex wwc:flex-col wwc:max-h-[70vh]", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "wwc:px-3 wwc:py-2.5 wwc:border-b wwc:shrink-0",
+				children: /* @__PURE__ */ jsx("p", {
+					className: "wwc:text-[13px] wwc:font-semibold",
+					children: heading
+				})
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "wwc:flex-1 wwc:min-h-0 wwc:overflow-y-auto",
+				children: /* @__PURE__ */ jsx(Accordion, {
+					type: "single",
+					collapsible: true,
+					defaultValue: resolvedDefaultOpen,
+					className: "wwc:px-3",
+					children
+				})
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "wwc:flex wwc:items-center wwc:justify-between wwc:gap-2 wwc:px-3 wwc:py-2.5 wwc:border-t wwc:shrink-0",
+				children: footer ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					size: "sm",
+					className: "wwc:h-8",
+					onClick: clearAll,
+					children: "Clear"
+				}), /* @__PURE__ */ jsx(Button, {
+					size: "sm",
+					className: "wwc:h-8",
+					onClick: applyDraft,
+					children: "Apply"
+				})] })
+			})
+		]
+	});
+});
+FilterContent.displayName = "FilterContent";
+function FilterCategory({ value, label, children, hideCount, maxVisibleOptions = 8 }) {
+	const { draft } = useFilter();
+	const count = draft[value]?.length ?? 0;
+	const categoryCtx = React.useMemo(() => ({ categoryId: value }), [value]);
+	const scrolls = maxVisibleOptions !== false && React.Children.count(children) > maxVisibleOptions;
+	const maxHeight = scrolls ? maxVisibleOptions * 32 : void 0;
+	return /* @__PURE__ */ jsxs(AccordionItem, {
+		value,
+		className: "wwc:last:border-b-0",
+		children: [/* @__PURE__ */ jsx(AccordionTrigger, {
+			className: "wwc:py-2.5 wwc:text-[12px] wwc:font-semibold wwc:uppercase wwc:tracking-wider wwc:text-muted-foreground wwc:hover:no-underline",
+			children: /* @__PURE__ */ jsxs("span", {
+				className: "wwc:flex wwc:items-center wwc:gap-2",
+				children: [label, !hideCount && count > 0 && /* @__PURE__ */ jsx(Badge, {
+					variant: "secondary",
+					className: "wwc:text-[10px] wwc:px-1.5 wwc:py-0 wwc:h-4 wwc:normal-case",
+					children: count
+				})]
+			})
+		}), /* @__PURE__ */ jsx(AccordionContent, {
+			className: "wwc:pb-3 wwc:pt-0",
+			children: /* @__PURE__ */ jsx(FilterCategoryContext.Provider, {
+				value: categoryCtx,
+				children: /* @__PURE__ */ jsx("div", {
+					className: cn("wwc:space-y-1", scrolls && "wwc:overflow-y-auto wwc:pr-1"),
+					style: maxHeight === void 0 ? void 0 : { maxHeight },
+					children
+				})
+			})
+		})]
+	});
+}
+function FilterOption({ value, children, disabled }) {
+	const { draft, toggleDraft } = useFilter();
+	const { categoryId } = useFilterCategory();
+	const id = `filter-${categoryId}-${value}`;
+	const checked = draft[categoryId]?.includes(value) ?? false;
+	return /* @__PURE__ */ jsxs("label", {
+		htmlFor: id,
+		className: cn("wwc:flex wwc:items-center wwc:gap-2 wwc:py-1 wwc:cursor-pointer", disabled && "wwc:cursor-not-allowed wwc:opacity-50"),
+		children: [/* @__PURE__ */ jsx(Checkbox, {
+			id,
+			checked,
+			disabled,
+			onCheckedChange: () => !disabled && toggleDraft(categoryId, value)
+		}), /* @__PURE__ */ jsx("span", {
+			className: "wwc:text-[13px]",
+			children
+		})]
+	});
+}
+/** A wrap of removable chips for the currently-applied filter selections. Renders nothing when empty. */
+function FilterChips({ value, onRemove, onClear, renderLabel, className }) {
+	const entries = Object.entries(value).flatMap(([categoryId, values]) => (values ?? []).map((optionValue) => [categoryId, optionValue]));
+	if (entries.length === 0) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("wwc:flex wwc:flex-wrap wwc:items-center wwc:gap-2", className),
+		children: [entries.map(([categoryId, optionValue]) => /* @__PURE__ */ jsx(Chip, {
+			variant: "attachment",
+			size: "sm",
+			onRemove: () => onRemove(categoryId, optionValue),
+			removeLabel: `Remove ${optionValue}`,
+			children: renderLabel ? renderLabel(categoryId, optionValue) : optionValue
+		}, `${categoryId}:${optionValue}`)), onClear && /* @__PURE__ */ jsx(Button, {
+			variant: "ghost",
+			size: "sm",
+			className: "wwc:h-6 wwc:px-2 wwc:text-xs",
+			onClick: onClear,
+			children: "Clear all"
+		})]
+	});
+}
+//#endregion
+export { Filter, FilterCategory, FilterChips, FilterContent, FilterOption, FilterTrigger, useFilter, useOptionalFilter };
+
+//# sourceMappingURL=filter.mjs.map

package/dist/filter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter.mjs","names":["FilterIcon"],"sources":["../src/filter.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {Filter as FilterIcon} from \"lucide-react\";\nimport * as React from \"react\";\n\nimport {Accordion, AccordionContent, AccordionItem, AccordionTrigger} from \"./accordion\";\nimport {Badge} from \"./badge\";\nimport {Button} from \"./button\";\nimport {Checkbox} from \"./checkbox\";\nimport {Chip} from \"./chip\";\nimport {Popover, PopoverContent, PopoverTrigger} from \"./popover\";\nimport {HoverTooltip} from \"./tooltip\";\n\n/* -----------------------------------------------------------------------------\n * Filter — composite popover for staging-then-applying multi-category filters.\n *\n * Contract:\n *   - Selections are staged in a `draft` state inside the popover.\n *   - Apply commits draft → applied (and emits `onChange`).\n *   - Closing without Apply (or pressing Clear then Apply) discards the draft.\n *   - Each category renders as a single-open Accordion item: opening one\n *     auto-collapses the others.\n *   - The trigger is an icon-only button with a primary-colored corner badge\n *     showing the total applied count.\n *   - The popover body is capped at `max-h-[70vh]` and scrolls natively\n *     (NOT Radix ScrollArea — its `h-full` viewport doesn't compute under\n *     a `flex-1` parent inside a max-height popover, silently clipping\n *     content with no scrollbar).\n *\n * Usage (composite, like PushPanel / DropdownMenu):\n *\n *   <Filter value={applied} onChange={setApplied}>\n *     <FilterTrigger />\n *     <FilterContent>\n *       <FilterCategory value=\"crew\" label=\"Crew\">\n *         <FilterOption value=\"snyder\">Snyder Concrete</FilterOption>\n *         <FilterOption value=\"nsg\">NSG Electric</FilterOption>\n *       </FilterCategory>\n *       <FilterCategory value=\"trade\" label=\"Trade\">\n *         <FilterOption value=\"concrete\">Concrete</FilterOption>\n *         <FilterOption value=\"electrical\">Electrical</FilterOption>\n *       </FilterCategory>\n *     </FilterContent>\n *   </Filter>\n * -------------------------------------------------------------------------- */\n\n/** Applied filter state — keyed by category id. */\nexport type FilterValue = Record<string, readonly string[]>;\n\ninterface FilterContextValue {\n\topen: boolean;\n\tsetOpen: (o: boolean) => void;\n\tapplied: FilterValue;\n\tdraft: FilterValue;\n\ttoggleDraft: (categoryId: string, optionValue: string) => void;\n\tclearDraft: () => void;\n\t/** Clear both draft and applied selections and commit immediately (no Apply needed). */\n\tclearAll: () => void;\n\tapplyDraft: () => void;\n\t/** Drop one applied (category, option) selection and commit immediately — what a chip's × does. */\n\tremoveApplied: (categoryId: string, optionValue: string) => void;\n\tappliedCount: number;\n}\n\nconst FilterContext = React.createContext<FilterContextValue | null>(null);\n\nfunction useFilter() {\n\tconst ctx = React.useContext(FilterContext);\n\tif (!ctx) throw new Error(\"Filter components must be used within a <Filter>\");\n\treturn ctx;\n}\n\n/**\n * Filter context if there is one, otherwise null — for surfaces that render an applied-filter\n * strip when wrapped in a <Filter> but must still work standalone (e.g. DataTable).\n */\nfunction useOptionalFilter() {\n\treturn React.useContext(FilterContext);\n}\n\nconst FilterCategoryContext = React.createContext<{categoryId: string} | null>(null);\n\nfunction useFilterCategory() {\n\tconst ctx = React.useContext(FilterCategoryContext);\n\tif (!ctx) throw new Error(\"<FilterOption> must be used within a <FilterCategory>\");\n\treturn ctx;\n}\n\n/* -----------------------------------------------------------------------------\n * Filter (root)\n * -------------------------------------------------------------------------- */\n\ninterface FilterProps {\n\t/** Controlled applied value. */\n\tvalue?: FilterValue;\n\t/** Uncontrolled initial value. */\n\tdefaultValue?: FilterValue;\n\t/** Fires when Apply commits the draft. */\n\tonChange?: (next: FilterValue) => void;\n\tchildren: React.ReactNode;\n}\n\nfunction Filter({value, defaultValue, onChange, children}: FilterProps) {\n\tconst [appliedUncontrolled, setAppliedUncontrolled] = React.useState<FilterValue>(defaultValue ?? {});\n\tconst isControlled = value !== undefined;\n\tconst applied = isControlled ? value : appliedUncontrolled;\n\n\tconst [open, setOpenState] = React.useState(false);\n\tconst [draft, setDraft] = React.useState<FilterValue>(applied);\n\n\t// Sync draft → applied when popover opens (so cancel works).\n\tconst setOpen = React.useCallback(\n\t\t(next: boolean) => {\n\t\t\tif (next) setDraft(applied);\n\t\t\tsetOpenState(next);\n\t\t},\n\t\t[applied],\n\t);\n\n\tconst toggleDraft = React.useCallback((categoryId: string, optionValue: string) => {\n\t\tsetDraft((prev) => {\n\t\t\tconst set = new Set(prev[categoryId] ?? []);\n\t\t\tif (set.has(optionValue)) set.delete(optionValue);\n\t\t\telse set.add(optionValue);\n\t\t\tconst next = {...prev, [categoryId]: Array.from(set)};\n\t\t\t// Clean empty arrays so appliedCount stays accurate.\n\t\t\tif (next[categoryId].length === 0) delete next[categoryId];\n\t\t\treturn next;\n\t\t});\n\t}, []);\n\n\tconst clearDraft = React.useCallback(() => setDraft({}), []);\n\n\tconst applyDraft = React.useCallback(() => {\n\t\tif (!isControlled) setAppliedUncontrolled(draft);\n\t\tonChange?.(draft);\n\t\tsetOpenState(false);\n\t}, [draft, isControlled, onChange]);\n\n\t// Clears draft + applied and commits immediately — no Apply click needed.\n\tconst clearAll = React.useCallback(() => {\n\t\tsetDraft({});\n\t\tif (!isControlled) setAppliedUncontrolled({});\n\t\tonChange?.({});\n\t}, [isControlled, onChange]);\n\n\t// Removing one applied selection commits straight away — chips have no Apply step.\n\tconst removeApplied = React.useCallback(\n\t\t(categoryId: string, optionValue: string) => {\n\t\t\tconst next: FilterValue = {...applied};\n\t\t\tconst remaining = (next[categoryId] ?? []).filter((value) => value !== optionValue);\n\t\t\tif (remaining.length === 0) delete next[categoryId];\n\t\t\telse next[categoryId] = remaining;\n\t\t\tsetDraft(next);\n\t\t\tif (!isControlled) setAppliedUncontrolled(next);\n\t\t\tonChange?.(next);\n\t\t},\n\t\t[applied, isControlled, onChange],\n\t);\n\n\tconst appliedCount = React.useMemo(() => Object.values(applied).reduce((sum, arr) => sum + arr.length, 0), [applied]);\n\n\tconst ctx = React.useMemo<FilterContextValue>(\n\t\t() => ({\n\t\t\topen,\n\t\t\tsetOpen,\n\t\t\tapplied,\n\t\t\tdraft,\n\t\t\ttoggleDraft,\n\t\t\tclearDraft,\n\t\t\tclearAll,\n\t\t\tapplyDraft,\n\t\t\tremoveApplied,\n\t\t\tappliedCount,\n\t\t}),\n\t\t[open, setOpen, applied, draft, toggleDraft, clearDraft, clearAll, applyDraft, removeApplied, appliedCount],\n\t);\n\n\treturn (\n\t\t<FilterContext.Provider value={ctx}>\n\t\t\t<Popover open={open} onOpenChange={setOpen}>\n\t\t\t\t{children}\n\t\t\t</Popover>\n\t\t</FilterContext.Provider>\n\t);\n}\n\n/* -----------------------------------------------------------------------------\n * FilterTrigger — icon-only button with applied-count badge in the corner.\n * -------------------------------------------------------------------------- */\n\ninterface FilterTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n\t/** Override the default Filter icon. */\n\ticon?: React.ReactNode;\n\t/** Override the aria-label (defaults to \"Filter\" / \"Filter (N active)\"). */\n\t\"aria-label\"?: string;\n\t/** Hover/focus hint. Defaults to the aria-label; pass `null` to suppress it. */\n\ttooltip?: React.ReactNode;\n}\n\nconst FilterTrigger = React.forwardRef<HTMLButtonElement, FilterTriggerProps>(\n\t({className, icon, \"aria-label\": ariaLabel, tooltip, ...props}, ref) => {\n\t\tconst {appliedCount} = useFilter();\n\t\tconst label = ariaLabel ?? (appliedCount > 0 ? `Filter (${appliedCount} active)` : \"Filter\");\n\t\tconst hint = tooltip === undefined ? label : tooltip;\n\t\tconst trigger = (\n\t\t\t<PopoverTrigger asChild>\n\t\t\t\t<Button\n\t\t\t\t\tref={ref}\n\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\ticon\n\t\t\t\t\taria-label={label}\n\t\t\t\t\tclassName={cn(\"wwc:relative\", className)}\n\t\t\t\t\t{...props}\n\t\t\t\t>\n\t\t\t\t\t{icon ?? <FilterIcon className=\"wwc:h-4 wwc:w-4\" />}\n\t\t\t\t\t{appliedCount > 0 && (\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\taria-hidden\n\t\t\t\t\t\t\tclassName=\"wwc:absolute wwc:-top-1 wwc:-right-1 wwc:min-w-4 wwc:h-4 wwc:px-1 wwc:rounded-full wwc:bg-primary wwc:text-primary-foreground wwc:text-[10px] wwc:font-medium wwc:flex wwc:items-center wwc:justify-center\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{appliedCount}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\t\t\t\t</Button>\n\t\t\t</PopoverTrigger>\n\t\t);\n\n\t\tif (hint === null) return trigger;\n\n\t\t// The Tooltip wraps the PopoverTrigger (not the Button) so the popover keeps its props.\n\t\treturn <HoverTooltip content={hint}>{trigger}</HoverTooltip>;\n\t},\n);\nFilterTrigger.displayName = \"FilterTrigger\";\n\n/* -----------------------------------------------------------------------------\n * FilterContent — sticky header + scrollable accordion body + sticky footer.\n *\n * Default footer = Clear / Apply. Pass `footer={...}` to override.\n * -------------------------------------------------------------------------- */\n\ninterface FilterContentProps extends Omit<React.ComponentPropsWithoutRef<typeof PopoverContent>, \"title\"> {\n\t/** Header heading (sticky). Default: \"Filter\". */\n\theading?: React.ReactNode;\n\t/** Override footer. Default = Clear + Apply buttons wired to context. */\n\tfooter?: React.ReactNode;\n\t/** Which category is open by default. If omitted, the first FilterCategory\n\t *  child's `value` is used. Pass `null` to start with all collapsed. */\n\tdefaultOpenCategory?: string | null;\n\tchildren: React.ReactNode;\n}\n\nconst FilterContent = React.forwardRef<HTMLDivElement, FilterContentProps>(\n\t({className, heading = \"Filter\", footer, defaultOpenCategory, align = \"end\", children, ...props}, ref) => {\n\t\tconst {clearAll, applyDraft} = useFilter();\n\n\t\t// Default-open the first FilterCategory child unless explicitly overridden.\n\t\tconst resolvedDefaultOpen = React.useMemo<string | undefined>(() => {\n\t\t\tif (defaultOpenCategory === null) return undefined;\n\t\t\tif (typeof defaultOpenCategory === \"string\") return defaultOpenCategory;\n\t\t\tconst first = React.Children.toArray(children).find(\n\t\t\t\t(c): c is React.ReactElement<{value: string}> =>\n\t\t\t\t\tReact.isValidElement(c) && typeof (c.props as {value?: unknown}).value === \"string\",\n\t\t\t);\n\t\t\treturn first?.props.value;\n\t\t}, [children, defaultOpenCategory]);\n\n\t\treturn (\n\t\t\t<PopoverContent\n\t\t\t\tref={ref}\n\t\t\t\talign={align}\n\t\t\t\tclassName={cn(\"wwc:w-72 wwc:p-0 wwc:flex wwc:flex-col wwc:max-h-[70vh]\", className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{/* Sticky header */}\n\t\t\t\t<div className=\"wwc:px-3 wwc:py-2.5 wwc:border-b wwc:shrink-0\">\n\t\t\t\t\t<p className=\"wwc:text-[13px] wwc:font-semibold\">{heading}</p>\n\t\t\t\t</div>\n\t\t\t\t{/* Scrollable body — native overflow-y-auto, NOT Radix ScrollArea\n\t\t\t\t    (Viewport `h-full` doesn't compute under flex-1 + max-h). */}\n\t\t\t\t<div className=\"wwc:flex-1 wwc:min-h-0 wwc:overflow-y-auto\">\n\t\t\t\t\t<Accordion type=\"single\" collapsible defaultValue={resolvedDefaultOpen} className=\"wwc:px-3\">\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</Accordion>\n\t\t\t\t</div>\n\t\t\t\t{/* Sticky footer */}\n\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:justify-between wwc:gap-2 wwc:px-3 wwc:py-2.5 wwc:border-t wwc:shrink-0\">\n\t\t\t\t\t{footer ?? (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<Button variant=\"ghost\" size=\"sm\" className=\"wwc:h-8\" onClick={clearAll}>\n\t\t\t\t\t\t\t\tClear\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t<Button size=\"sm\" className=\"wwc:h-8\" onClick={applyDraft}>\n\t\t\t\t\t\t\t\tApply\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</PopoverContent>\n\t\t);\n\t},\n);\nFilterContent.displayName = \"FilterContent\";\n\n/* -----------------------------------------------------------------------------\n * FilterCategory — Accordion item; trigger shows label + draft selection count.\n * -------------------------------------------------------------------------- */\n\ninterface FilterCategoryProps {\n\t/** Category id — also used as the AccordionItem value and as the key into\n\t *  `FilterValue` for selections in this category. */\n\tvalue: string;\n\tlabel: React.ReactNode;\n\tchildren: React.ReactNode;\n\t/** Hide the count badge in the trigger. */\n\thideCount?: boolean;\n\t/**\n\t * Options to show before the list starts scrolling in place. Long lists (trades, companies)\n\t * would otherwise push Apply/Clear out of reach. Pass `false` to let the category grow.\n\t */\n\tmaxVisibleOptions?: number | false;\n}\n\nfunction FilterCategory({value, label, children, hideCount, maxVisibleOptions = 8}: FilterCategoryProps) {\n\tconst {draft} = useFilter();\n\tconst count = draft[value]?.length ?? 0;\n\tconst categoryCtx = React.useMemo(() => ({categoryId: value}), [value]);\n\n\t// One option row is ~28px + 4px gap; cap the list once it outgrows the budget so the\n\t// popover's Apply/Clear footer stays put and the overflow scrolls in place.\n\tconst scrolls = maxVisibleOptions !== false && React.Children.count(children) > maxVisibleOptions;\n\tconst maxHeight = scrolls ? maxVisibleOptions * 32 : undefined;\n\n\treturn (\n\t\t<AccordionItem value={value} className=\"wwc:last:border-b-0\">\n\t\t\t<AccordionTrigger className=\"wwc:py-2.5 wwc:text-[12px] wwc:font-semibold wwc:uppercase wwc:tracking-wider wwc:text-muted-foreground wwc:hover:no-underline\">\n\t\t\t\t<span className=\"wwc:flex wwc:items-center wwc:gap-2\">\n\t\t\t\t\t{label}\n\t\t\t\t\t{!hideCount && count > 0 && (\n\t\t\t\t\t\t<Badge variant=\"secondary\" className=\"wwc:text-[10px] wwc:px-1.5 wwc:py-0 wwc:h-4 wwc:normal-case\">\n\t\t\t\t\t\t\t{count}\n\t\t\t\t\t\t</Badge>\n\t\t\t\t\t)}\n\t\t\t\t</span>\n\t\t\t</AccordionTrigger>\n\t\t\t<AccordionContent className=\"wwc:pb-3 wwc:pt-0\">\n\t\t\t\t<FilterCategoryContext.Provider value={categoryCtx}>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={cn(\"wwc:space-y-1\", scrolls && \"wwc:overflow-y-auto wwc:pr-1\")}\n\t\t\t\t\t\tstyle={maxHeight === undefined ? undefined : {maxHeight}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</div>\n\t\t\t\t</FilterCategoryContext.Provider>\n\t\t\t</AccordionContent>\n\t\t</AccordionItem>\n\t);\n}\n\n/* -----------------------------------------------------------------------------\n * FilterOption — checkbox row; reads/writes draft for the parent FilterCategory.\n * -------------------------------------------------------------------------- */\n\ninterface FilterOptionProps {\n\tvalue: string;\n\tchildren: React.ReactNode;\n\tdisabled?: boolean;\n}\n\nfunction FilterOption({value, children, disabled}: FilterOptionProps) {\n\tconst {draft, toggleDraft} = useFilter();\n\tconst {categoryId} = useFilterCategory();\n\tconst id = `filter-${categoryId}-${value}`;\n\tconst checked = draft[categoryId]?.includes(value) ?? false;\n\n\treturn (\n\t\t<label\n\t\t\thtmlFor={id}\n\t\t\tclassName={cn(\n\t\t\t\t\"wwc:flex wwc:items-center wwc:gap-2 wwc:py-1 wwc:cursor-pointer\",\n\t\t\t\tdisabled && \"wwc:cursor-not-allowed wwc:opacity-50\",\n\t\t\t)}\n\t\t>\n\t\t\t<Checkbox\n\t\t\t\tid={id}\n\t\t\t\tchecked={checked}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tonCheckedChange={() => !disabled && toggleDraft(categoryId, value)}\n\t\t\t/>\n\t\t\t<span className=\"wwc:text-[13px]\">{children}</span>\n\t\t</label>\n\t);\n}\n\n/* -----------------------------------------------------------------------------\n * FilterChips — the applied-filters strip\n *\n * Renders each applied (category, value) as a removable attachment Chip. Drop it below a filter toolbar\n * (e.g. a DataTable's `filterStrip`) so the user can see and clear active filters one by one.\n * -------------------------------------------------------------------------- */\n\ninterface FilterChipsProps {\n\t/** The applied filter value (same shape emitted by <Filter> onChange). */\n\tvalue: FilterValue;\n\t/** Remove a single (category, option) selection. */\n\tonRemove: (categoryId: string, optionValue: string) => void;\n\t/** When provided and more than one chip is shown, renders a \"Clear all\" affordance. */\n\tonClear?: () => void;\n\t/** Resolve a friendly label for a (categoryId, optionValue). Defaults to the raw option value. */\n\trenderLabel?: (categoryId: string, optionValue: string) => React.ReactNode;\n\tclassName?: string;\n}\n\n/** A wrap of removable chips for the currently-applied filter selections. Renders nothing when empty. */\nfunction FilterChips({value, onRemove, onClear, renderLabel, className}: FilterChipsProps) {\n\tconst entries = Object.entries(value).flatMap(([categoryId, values]) =>\n\t\t(values ?? []).map((optionValue) => [categoryId, optionValue] as const),\n\t);\n\tif (entries.length === 0) return null;\n\treturn (\n\t\t<div className={cn(\"wwc:flex wwc:flex-wrap wwc:items-center wwc:gap-2\", className)}>\n\t\t\t{entries.map(([categoryId, optionValue]) => (\n\t\t\t\t<Chip\n\t\t\t\t\tkey={`${categoryId}:${optionValue}`}\n\t\t\t\t\tvariant=\"attachment\"\n\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\tonRemove={() => onRemove(categoryId, optionValue)}\n\t\t\t\t\tremoveLabel={`Remove ${optionValue}`}\n\t\t\t\t>\n\t\t\t\t\t{renderLabel ? renderLabel(categoryId, optionValue) : optionValue}\n\t\t\t\t</Chip>\n\t\t\t))}\n\t\t\t{onClear && (\n\t\t\t\t<Button variant=\"ghost\" size=\"sm\" className=\"wwc:h-6 wwc:px-2 wwc:text-xs\" onClick={onClear}>\n\t\t\t\t\tClear all\n\t\t\t\t</Button>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nexport {Filter, FilterTrigger, FilterContent, FilterCategory, FilterOption, FilterChips, useFilter, useOptionalFilter};\n"],"mappings":"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"}

package/dist/float-shadow.d.mts

@@ -0,0 +1,10 @@
+//#region src/float-shadow.d.ts
+/**
+ * The shadow for surfaces that float over content — map panels, legends, the timeline, floating
+ * cards. Deliberately shallow: a floating panel should read as lifted a millimetre off the map, not
+ * as a modal hovering above it. Kept in one place so every floating surface agrees.
+ */
+declare const FLOAT_SHADOW = "wwc:shadow-[0_4px_12px_rgba(0,0,0,0.06)]";
+//#endregion
+export { FLOAT_SHADOW };
+//# sourceMappingURL=float-shadow.d.mts.map

package/dist/float-shadow.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"float-shadow.d.mts","names":[],"sources":["../src/float-shadow.ts"],"mappings":";;;;;;cAKM"}

package/dist/float-shadow.mjs

@@ -0,0 +1,11 @@
+//#region src/float-shadow.ts
+/**
+* The shadow for surfaces that float over content — map panels, legends, the timeline, floating
+* cards. Deliberately shallow: a floating panel should read as lifted a millimetre off the map, not
+* as a modal hovering above it. Kept in one place so every floating surface agrees.
+*/
+const FLOAT_SHADOW = "wwc:shadow-[0_4px_12px_rgba(0,0,0,0.06)]";
+//#endregion
+export { FLOAT_SHADOW };
+
+//# sourceMappingURL=float-shadow.mjs.map

package/dist/float-shadow.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"float-shadow.mjs","names":[],"sources":["../src/float-shadow.ts"],"sourcesContent":["/**\n * The shadow for surfaces that float over content — map panels, legends, the timeline, floating\n * cards. Deliberately shallow: a floating panel should read as lifted a millimetre off the map, not\n * as a modal hovering above it. Kept in one place so every floating surface agrees.\n */\nconst FLOAT_SHADOW = \"wwc:shadow-[0_4px_12px_rgba(0,0,0,0.06)]\";\n\nexport {FLOAT_SHADOW};\n"],"mappings":";;;;;;AAKA,MAAM,eAAe"}

package/dist/floating-assistant.d.mts

@@ -0,0 +1,75 @@
+import { AIChatHeaderAction } from "./chat/core-ai-chat-header.mjs";
+import { Message } from "./types/chat.mjs";
+import { PromptContextItem } from "./prompt-input.mjs";
+import { AIChatSession } from "./chat/core-ai-chat.mjs";
+import * as React from "react";
+//#region src/floating-assistant.d.ts
+export interface FloatingAssistantProps {
+  /** Conversation messages (controlled). */
+  messages: Message[];
+  /** Receives the next messages array. */
+  onMessagesChange: (next: Message[]) => void;
+  /** Consumer-owned send handler — append the user + assistant messages and toggle `isLoading`. */
+  onSendMessage: (content: string) => Promise<void>;
+  /** Loading state while `onSendMessage` runs. */
+  isLoading: boolean;
+  /** Controlled open state. Omit to let the widget manage its own. */
+  open?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  /** Trigger icon, shown bare with no chrome. Defaults to the Core brand mark. */
+  icon?: React.ReactNode;
+  /** Accessible label for the trigger. */
+  triggerLabel?: string;
+  /** Accessible label for the trigger while a detached panel is open. */
+  closeLabel?: string;
+  /** Hides the header's detach/dock toggle. */
+  detachable?: boolean;
+  /** Empty-state heading inside the panel. */
+  title?: string;
+  /** Empty-state subtitle. */
+  subtitle?: string;
+  /** Composer placeholder. */
+  placeholder?: string;
+  /** Quick-start prompts shown in the empty state. */
+  suggestedPrompts?: string[];
+  /** Conversation name shown in the panel header. Pass it (even as `""`) to render the name slot. */
+  sessionName?: string;
+  /** Commit handler for the edited name. Omit to render the name as static text. */
+  onSessionNameChange?: (next: string) => void;
+  /** Shown while `sessionName` is empty. */
+  sessionNamePlaceholder?: string;
+  /** Items offered by the composer's "Add context" picker. */
+  availableContext?: PromptContextItem[];
+  /** Enables the composer's attachment button. Receives the picked files. */
+  onUploadFile?: (files: FileList) => void;
+  /** Small note under the composer naming what the assistant can see — the page it is open on. */
+  contextNote?: React.ReactNode;
+  /** Extra header actions, rendered between the built-in history action and the close button. */
+  headerActions?: AIChatHeaderAction[];
+  /** Past conversations. Providing them adds the history action to the panel header. */
+  sessions?: AIChatSession[];
+  /** Called with the picked session id. */
+  onSelectSession?: (id: string) => void;
+  /** Highlights the row for the conversation currently open. */
+  activeSessionId?: string;
+  /** The page content the panel docks beside. It narrows as the panel opens. */
+  children?: React.ReactNode;
+  /** Docked panel width in px. */
+  panelWidth?: number;
+  /** Extra classes for the panel. */
+  className?: string;
+  /** Extra classes for the layout row wrapping the page content and the panel. */
+  containerClassName?: string;
+}
+/**
+ * An AI assistant that docks to the right of the page. A floating, corner-anchored trigger opens a
+ * full-height panel powered by `AIChat`; the panel takes its width from the layout rather than floating
+ * over it, so `children` — the page content — narrows to make room (built on `PushPanel`).
+ *
+ * The conversation is controlled by the consumer (`messages` + `onSendMessage`), so any domain logic can
+ * drive the replies. The trigger is the bare Core brand mark with no chrome behind it, taking
+ * `foreground` so it inverts with the theme; pass `icon` to swap in any other glyph.
+ */
+export declare function FloatingAssistant({ messages, onMessagesChange, onSendMessage, isLoading, open, onOpenChange, icon, triggerLabel, closeLabel, detachable, title, subtitle, placeholder, suggestedPrompts, sessionName, onSessionNameChange, sessionNamePlaceholder, availableContext, onUploadFile, contextNote, headerActions, sessions, onSelectSession, activeSessionId, children, panelWidth, className, containerClassName }: FloatingAssistantProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=floating-assistant.d.mts.map

package/dist/floating-assistant.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating-assistant.d.mts","names":[],"sources":["../src/floating-assistant.tsx"],"mappings":";;;;;;iBAWiB;;EAEhB,UAAU;;EAEV,mBAAmB,MAAM;;EAEzB,gBAAgB,oBAAoB;;EAEpC;;EAGA;EACA,gBAAgB;;EAGhB,OAAO,MAAM;;EAEb;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;;EAEA;;EAGA;;EAEA,uBAAuB;;EAEvB;;EAEA,mBAAmB;;EAEnB,gBAAgB,OAAO;;EAEvB,cAAc,MAAM;;EAEpB,gBAAgB;;EAEhB,WAAW;;EAEX,mBAAmB;;EAEnB;;EAGA,WAAW,MAAM;;EAEjB;;EAEA;;EAEA;;;;;;;;;;;wBAYe,oBACf,UACA,kBACA,eACA,WACA,MACA,cACA,MACA,cACA,YACA,YACA,OACA,UACA,aACA,kBACA,aACA,qBACA,wBACA,kBACA,cACA,aACA,eACA,UACA,iBACA,iBACA,UACA,YACA,WACA,sBACE,qDAAsB,IAAA"}

package/dist/floating-assistant.mjs

@@ -0,0 +1,114 @@
+import { CoreMark } from "./core-mark.mjs";
+import { AIChat } from "./chat/core-ai-chat.mjs";
+import { PushPanel, PushPanelContainer, PushPanelMain, PushPanelProvider } from "./push-panel.mjs";
+import { cn } from "@corensystem/coren-utils";
+import { PanelRight, PictureInPicture2, X } from "lucide-react";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/floating-assistant.tsx
+/**
+* An AI assistant that docks to the right of the page. A floating, corner-anchored trigger opens a
+* full-height panel powered by `AIChat`; the panel takes its width from the layout rather than floating
+* over it, so `children` — the page content — narrows to make room (built on `PushPanel`).
+*
+* The conversation is controlled by the consumer (`messages` + `onSendMessage`), so any domain logic can
+* drive the replies. The trigger is the bare Core brand mark with no chrome behind it, taking
+* `foreground` so it inverts with the theme; pass `icon` to swap in any other glyph.
+*/
+function FloatingAssistant({ messages, onMessagesChange, onSendMessage, isLoading, open, onOpenChange, icon, triggerLabel = "Open assistant", closeLabel = "Close assistant", detachable = true, title = "Assistant", subtitle = "Ask a question to get started.", placeholder = "Ask anything…", suggestedPrompts, sessionName, onSessionNameChange, sessionNamePlaceholder, availableContext, onUploadFile, contextNote, headerActions, sessions, onSelectSession, activeSessionId, children, panelWidth = 420, className, containerClassName }) {
+	const [internalOpen, setInternalOpen] = React.useState(false);
+	const isOpen = open ?? internalOpen;
+	const setOpen = onOpenChange ?? setInternalOpen;
+	const [detached, setDetached] = React.useState(false);
+	const [floatShown, setFloatShown] = React.useState(false);
+	const isFloating = isOpen && detached;
+	React.useEffect(() => {
+		if (!isFloating) {
+			setFloatShown(false);
+			return;
+		}
+		const id = requestAnimationFrame(() => setFloatShown(true));
+		return () => cancelAnimationFrame(id);
+	}, [isFloating]);
+	const trigger = /* @__PURE__ */ jsx("button", {
+		type: "button",
+		onClick: () => setOpen(!isFloating),
+		"aria-label": isFloating ? closeLabel : triggerLabel,
+		className: "wwc:fixed wwc:bottom-6 wwc:right-6 wwc:z-50 wwc:flex wwc:h-12 wwc:w-12 wwc:items-center wwc:justify-center wwc:rounded-full wwc:text-foreground wwc:transition-transform wwc:hover:scale-105 wwc:focus-visible:outline-none wwc:focus-visible:ring-2 wwc:focus-visible:ring-ring wwc:focus-visible:ring-offset-2",
+		children: icon ?? /* @__PURE__ */ jsx(CoreMark, { className: "wwc:h-8 wwc:w-8 wwc:drop-shadow-[0_1px_3px_rgba(0,0,0,0.3)]" })
+	});
+	const chat = /* @__PURE__ */ jsx(AIChat, {
+		className: "wwc:h-full",
+		messages,
+		onMessagesChange,
+		onSendMessage,
+		isLoading,
+		headerVariant: "toolbar",
+		availableContext,
+		onUploadFile,
+		contextNote,
+		sessionName,
+		onSessionNameChange,
+		sessionNamePlaceholder,
+		sessions,
+		onSelectSession,
+		activeSessionId,
+		headerActions: [
+			...headerActions ?? [],
+			...detachable ? [{
+				id: "detach",
+				label: detached ? "Dock panel" : "Detach panel",
+				icon: detached ? /* @__PURE__ */ jsx(PanelRight, { className: "wwc:h-4 wwc:w-4" }) : /* @__PURE__ */ jsx(PictureInPicture2, { className: "wwc:h-4 wwc:w-4" }),
+				onSelect: () => setDetached((value) => !value)
+			}] : [],
+			{
+				id: "close",
+				label: "Close",
+				icon: /* @__PURE__ */ jsx(X, { className: "wwc:h-4 wwc:w-4" }),
+				onSelect: () => setOpen(false)
+			}
+		],
+		emptyTitle: title,
+		emptySubtitle: subtitle,
+		placeholder,
+		suggestedPrompts
+	});
+	return /* @__PURE__ */ jsxs(PushPanelProvider, {
+		open: isOpen && !detached,
+		onOpenChange: setOpen,
+		side: "right",
+		children: [
+			/* @__PURE__ */ jsxs(PushPanelContainer, {
+				className: cn("wwc:h-full wwc:min-h-0", containerClassName),
+				children: [/* @__PURE__ */ jsx(PushPanelMain, {
+					className: "wwc:min-w-0 wwc:overflow-auto",
+					children
+				}), /* @__PURE__ */ jsx(PushPanel, {
+					width: panelWidth,
+					className: cn("wwc:sticky wwc:top-0 wwc:max-h-screen wwc:self-stretch wwc:border-border wwc:text-card-foreground", className),
+					children: !detached && chat
+				})]
+			}),
+			(!isOpen || detached) && trigger,
+			isFloating && /* @__PURE__ */ jsx("div", {
+				className: "wwc:fixed wwc:z-50 wwc:flex wwc:flex-col wwc:overflow-hidden wwc:rounded-2xl wwc:border wwc:border-border wwc:bg-card wwc:text-card-foreground",
+				style: {
+					right: 24,
+					bottom: 84,
+					width: "min(420px, calc(100vw - 3rem))",
+					height: "calc(100vh - 12rem)",
+					boxShadow: "0 16px 48px -12px rgba(0, 0, 0, 0.28), 0 4px 12px -4px rgba(0, 0, 0, 0.12)",
+					opacity: floatShown ? 1 : 0,
+					transform: floatShown ? "scale(1)" : "scale(0.95)",
+					transformOrigin: "bottom right",
+					transition: "opacity 200ms ease-out, transform 200ms ease-out"
+				},
+				children: chat
+			})
+		]
+	});
+}
+//#endregion
+export { FloatingAssistant };
+
+//# sourceMappingURL=floating-assistant.mjs.map

package/dist/floating-assistant.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating-assistant.mjs","names":[],"sources":["../src/floating-assistant.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {PanelRight, PictureInPicture2, X} from \"lucide-react\";\nimport * as React from \"react\";\n\nimport {AIChat, type AIChatSession} from \"./chat/core-ai-chat\";\nimport type {AIChatHeaderAction} from \"./chat/core-ai-chat-header\";\nimport {CoreMark} from \"./core-mark\";\nimport type {PromptContextItem} from \"./prompt-input\";\nimport {PushPanel, PushPanelContainer, PushPanelMain, PushPanelProvider} from \"./push-panel\";\nimport type {Message} from \"./types/chat\";\n\nexport interface FloatingAssistantProps {\n\t/** Conversation messages (controlled). */\n\tmessages: Message[];\n\t/** Receives the next messages array. */\n\tonMessagesChange: (next: Message[]) => void;\n\t/** Consumer-owned send handler — append the user + assistant messages and toggle `isLoading`. */\n\tonSendMessage: (content: string) => Promise<void>;\n\t/** Loading state while `onSendMessage` runs. */\n\tisLoading: boolean;\n\n\t/** Controlled open state. Omit to let the widget manage its own. */\n\topen?: boolean;\n\tonOpenChange?: (open: boolean) => void;\n\n\t/** Trigger icon, shown bare with no chrome. Defaults to the Core brand mark. */\n\ticon?: React.ReactNode;\n\t/** Accessible label for the trigger. */\n\ttriggerLabel?: string;\n\t/** Accessible label for the trigger while a detached panel is open. */\n\tcloseLabel?: string;\n\t/** Hides the header's detach/dock toggle. */\n\tdetachable?: boolean;\n\t/** Empty-state heading inside the panel. */\n\ttitle?: string;\n\t/** Empty-state subtitle. */\n\tsubtitle?: string;\n\t/** Composer placeholder. */\n\tplaceholder?: string;\n\t/** Quick-start prompts shown in the empty state. */\n\tsuggestedPrompts?: string[];\n\n\t/** Conversation name shown in the panel header. Pass it (even as `\"\"`) to render the name slot. */\n\tsessionName?: string;\n\t/** Commit handler for the edited name. Omit to render the name as static text. */\n\tonSessionNameChange?: (next: string) => void;\n\t/** Shown while `sessionName` is empty. */\n\tsessionNamePlaceholder?: string;\n\t/** Items offered by the composer's \"Add context\" picker. */\n\tavailableContext?: PromptContextItem[];\n\t/** Enables the composer's attachment button. Receives the picked files. */\n\tonUploadFile?: (files: FileList) => void;\n\t/** Small note under the composer naming what the assistant can see — the page it is open on. */\n\tcontextNote?: React.ReactNode;\n\t/** Extra header actions, rendered between the built-in history action and the close button. */\n\theaderActions?: AIChatHeaderAction[];\n\t/** Past conversations. Providing them adds the history action to the panel header. */\n\tsessions?: AIChatSession[];\n\t/** Called with the picked session id. */\n\tonSelectSession?: (id: string) => void;\n\t/** Highlights the row for the conversation currently open. */\n\tactiveSessionId?: string;\n\n\t/** The page content the panel docks beside. It narrows as the panel opens. */\n\tchildren?: React.ReactNode;\n\t/** Docked panel width in px. */\n\tpanelWidth?: number;\n\t/** Extra classes for the panel. */\n\tclassName?: string;\n\t/** Extra classes for the layout row wrapping the page content and the panel. */\n\tcontainerClassName?: string;\n}\n\n/**\n * An AI assistant that docks to the right of the page. A floating, corner-anchored trigger opens a\n * full-height panel powered by `AIChat`; the panel takes its width from the layout rather than floating\n * over it, so `children` — the page content — narrows to make room (built on `PushPanel`).\n *\n * The conversation is controlled by the consumer (`messages` + `onSendMessage`), so any domain logic can\n * drive the replies. The trigger is the bare Core brand mark with no chrome behind it, taking\n * `foreground` so it inverts with the theme; pass `icon` to swap in any other glyph.\n */\nexport function FloatingAssistant({\n\tmessages,\n\tonMessagesChange,\n\tonSendMessage,\n\tisLoading,\n\topen,\n\tonOpenChange,\n\ticon,\n\ttriggerLabel = \"Open assistant\",\n\tcloseLabel = \"Close assistant\",\n\tdetachable = true,\n\ttitle = \"Assistant\",\n\tsubtitle = \"Ask a question to get started.\",\n\tplaceholder = \"Ask anything…\",\n\tsuggestedPrompts,\n\tsessionName,\n\tonSessionNameChange,\n\tsessionNamePlaceholder,\n\tavailableContext,\n\tonUploadFile,\n\tcontextNote,\n\theaderActions,\n\tsessions,\n\tonSelectSession,\n\tactiveSessionId,\n\tchildren,\n\tpanelWidth = 420,\n\tclassName,\n\tcontainerClassName,\n}: FloatingAssistantProps) {\n\tconst [internalOpen, setInternalOpen] = React.useState(false);\n\tconst isOpen = open ?? internalOpen;\n\tconst setOpen = onOpenChange ?? setInternalOpen;\n\n\t// Detached: the panel leaves the layout row and floats above the trigger instead of pushing the\n\t// page. `floatShown` flips one frame after mount so the opacity/scale transition has a start state\n\t// to animate from.\n\tconst [detached, setDetached] = React.useState(false);\n\tconst [floatShown, setFloatShown] = React.useState(false);\n\tconst isFloating = isOpen && detached;\n\n\tReact.useEffect(() => {\n\t\tif (!isFloating) {\n\t\t\tsetFloatShown(false);\n\t\t\treturn;\n\t\t}\n\t\tconst id = requestAnimationFrame(() => setFloatShown(true));\n\t\treturn () => cancelAnimationFrame(id);\n\t}, [isFloating]);\n\n\tconst trigger = (\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tonClick={() => setOpen(!isFloating)}\n\t\t\taria-label={isFloating ? closeLabel : triggerLabel}\n\t\t\t// No chrome behind the mark: it sits directly on the page, so it takes `foreground` and the\n\t\t\t// 48px box is hit target only. `rounded-full` is kept just to shape the focus ring.\n\t\t\tclassName=\"wwc:fixed wwc:bottom-6 wwc:right-6 wwc:z-50 wwc:flex wwc:h-12 wwc:w-12 wwc:items-center wwc:justify-center wwc:rounded-full wwc:text-foreground wwc:transition-transform wwc:hover:scale-105 wwc:focus-visible:outline-none wwc:focus-visible:ring-2 wwc:focus-visible:ring-ring wwc:focus-visible:ring-offset-2\"\n\t\t>\n\t\t\t{icon ?? <CoreMark className=\"wwc:h-8 wwc:w-8 wwc:drop-shadow-[0_1px_3px_rgba(0,0,0,0.3)]\" />}\n\t\t</button>\n\t);\n\n\tconst chat = (\n\t\t<AIChat\n\t\t\tclassName=\"wwc:h-full\"\n\t\t\tmessages={messages}\n\t\t\tonMessagesChange={onMessagesChange}\n\t\t\tonSendMessage={onSendMessage}\n\t\t\tisLoading={isLoading}\n\t\t\theaderVariant=\"toolbar\"\n\t\t\tavailableContext={availableContext}\n\t\t\tonUploadFile={onUploadFile}\n\t\t\tcontextNote={contextNote}\n\t\t\tsessionName={sessionName}\n\t\t\tonSessionNameChange={onSessionNameChange}\n\t\t\tsessionNamePlaceholder={sessionNamePlaceholder}\n\t\t\tsessions={sessions}\n\t\t\tonSelectSession={onSelectSession}\n\t\t\tactiveSessionId={activeSessionId}\n\t\t\theaderActions={[\n\t\t\t\t...(headerActions ?? []),\n\t\t\t\t...(detachable\n\t\t\t\t\t? [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tid: \"detach\",\n\t\t\t\t\t\t\t\tlabel: detached ? \"Dock panel\" : \"Detach panel\",\n\t\t\t\t\t\t\t\ticon: detached ? (\n\t\t\t\t\t\t\t\t\t<PanelRight className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<PictureInPicture2 className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\tonSelect: () => setDetached((value) => !value),\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t]\n\t\t\t\t\t: []),\n\t\t\t\t// Close trails, so it keeps the rightmost slot whatever else is passed.\n\t\t\t\t{id: \"close\", label: \"Close\", icon: <X className=\"wwc:h-4 wwc:w-4\" />, onSelect: () => setOpen(false)},\n\t\t\t]}\n\t\t\temptyTitle={title}\n\t\t\temptySubtitle={subtitle}\n\t\t\tplaceholder={placeholder}\n\t\t\tsuggestedPrompts={suggestedPrompts}\n\t\t/>\n\t);\n\n\treturn (\n\t\t<PushPanelProvider open={isOpen && !detached} onOpenChange={setOpen} side=\"right\">\n\t\t\t<PushPanelContainer className={cn(\"wwc:h-full wwc:min-h-0\", containerClassName)}>\n\t\t\t\t<PushPanelMain className=\"wwc:min-w-0 wwc:overflow-auto\">{children}</PushPanelMain>\n\t\t\t\t{/*\n\t\t\t\t * `self-stretch` (not `h-full`) is what makes the panel full height: with no bounded parent\n\t\t\t\t * `height: 100%` collapses to `auto`, so the panel would only be as tall as its own content.\n\t\t\t\t * Stretching takes the row's height instead, capped at the viewport and pinned with `sticky`\n\t\t\t\t * so the composer stays reachable on a page taller than the screen.\n\t\t\t\t */}\n\t\t\t\t<PushPanel\n\t\t\t\t\twidth={panelWidth}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t// `PushPanel` paints `bg-card` on its inner surface; pair it with the matching text colour.\n\t\t\t\t\t\t\"wwc:sticky wwc:top-0 wwc:max-h-screen wwc:self-stretch wwc:border-border wwc:text-card-foreground\",\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{!detached && chat}\n\t\t\t\t</PushPanel>\n\t\t\t</PushPanelContainer>\n\t\t\t{(!isOpen || detached) && trigger}\n\t\t\t{isFloating && (\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"wwc:fixed wwc:z-50 wwc:flex wwc:flex-col wwc:overflow-hidden wwc:rounded-2xl wwc:border wwc:border-border wwc:bg-card wwc:text-card-foreground\"\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\t// Geometry and the transition are inline rather than utilities: the two hand-maintained\n\t\t\t\t\t\t// core-render.css sheets carry neither the arbitrary sizes nor the animation classes,\n\t\t\t\t\t\t// so utilities here would vanish in Studio and open-design.\n\t\t\t\t\t\tright: 24,\n\t\t\t\t\t\tbottom: 84,\n\t\t\t\t\t\twidth: \"min(420px, calc(100vw - 3rem))\",\n\t\t\t\t\t\t// Runs from just under the host's header/tab row down to the trigger, rather than a\n\t\t\t\t\t\t// short card: 12rem is the 84px bottom offset plus room for a top bar and tab strip.\n\t\t\t\t\t\theight: \"calc(100vh - 12rem)\",\n\t\t\t\t\t\t// `shadow-*` utilities are deliberately no-ops — packages/tokens/src/index.css zeroes\n\t\t\t\t\t\t// every one of them for the minimal theme. A detached overlay is the one thing that has\n\t\t\t\t\t\t// to separate from the page behind it, so it sets its own.\n\t\t\t\t\t\tboxShadow: \"0 16px 48px -12px rgba(0, 0, 0, 0.28), 0 4px 12px -4px rgba(0, 0, 0, 0.12)\",\n\t\t\t\t\t\topacity: floatShown ? 1 : 0,\n\t\t\t\t\t\ttransform: floatShown ? \"scale(1)\" : \"scale(0.95)\",\n\t\t\t\t\t\ttransformOrigin: \"bottom right\",\n\t\t\t\t\t\ttransition: \"opacity 200ms ease-out, transform 200ms ease-out\",\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{chat}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</PushPanelProvider>\n\t);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAkFA,SAAgB,kBAAkB,EACjC,UACA,kBACA,eACA,WACA,MACA,cACA,MACA,eAAe,kBACf,aAAa,mBACb,aAAa,MACb,QAAQ,aACR,WAAW,kCACX,cAAc,iBACd,kBACA,aACA,qBACA,wBACA,kBACA,cACA,aACA,eACA,UACA,iBACA,iBACA,UACA,aAAa,KACb,WACA,sBAC0B;CAC1B,MAAM,CAAC,cAAc,mBAAmB,MAAM,SAAS,KAAK;CAC5D,MAAM,SAAS,QAAQ;CACvB,MAAM,UAAU,gBAAgB;CAKhC,MAAM,CAAC,UAAU,eAAe,MAAM,SAAS,KAAK;CACpD,MAAM,CAAC,YAAY,iBAAiB,MAAM,SAAS,KAAK;CACxD,MAAM,aAAa,UAAU;CAE7B,MAAM,gBAAgB;EACrB,IAAI,CAAC,YAAY;GAChB,cAAc,KAAK;GACnB;EACD;EACA,MAAM,KAAK,4BAA4B,cAAc,IAAI,CAAC;EAC1D,aAAa,qBAAqB,EAAE;CACrC,GAAG,CAAC,UAAU,CAAC;CAEf,MAAM,UACL,oBAAC,UAAD;EACC,MAAK;EACL,eAAe,QAAQ,CAAC,UAAU;EAClC,cAAY,aAAa,aAAa;EAGtC,WAAU;EAET,UAAA,QAAQ,oBAAC,UAAD,EAAU,WAAU,8DAA+D,CAAA;CACrF,CAAA;CAGT,MAAM,OACL,oBAAC,QAAD;EACC,WAAU;EACA;EACQ;EACH;EACJ;EACX,eAAc;EACI;EACJ;EACD;EACA;EACQ;EACG;EACd;EACO;EACA;EACjB,eAAe;GACd,GAAI,iBAAiB,CAAC;GACtB,GAAI,aACD,CACA;IACC,IAAI;IACJ,OAAO,WAAW,eAAe;IACjC,MAAM,WACL,oBAAC,YAAD,EAAY,WAAU,kBAAmB,CAAA,IAEzC,oBAAC,mBAAD,EAAmB,WAAU,kBAAmB,CAAA;IAEjD,gBAAgB,aAAa,UAAU,CAAC,KAAK;GAC9C,CACD,IACC,CAAC;GAEJ;IAAC,IAAI;IAAS,OAAO;IAAS,MAAM,oBAAC,GAAD,EAAG,WAAU,kBAAmB,CAAA;IAAG,gBAAgB,QAAQ,KAAK;GAAC;EACtG;EACA,YAAY;EACZ,eAAe;EACF;EACK;CAClB,CAAA;CAGF,OACC,qBAAC,mBAAD;EAAmB,MAAM,UAAU,CAAC;EAAU,cAAc;EAAS,MAAK;EAA1E,UAAA;GACC,qBAAC,oBAAD;IAAoB,WAAW,GAAG,0BAA0B,kBAAkB;IAA9E,UAAA,CACC,oBAAC,eAAD;KAAe,WAAU;KAAiC;IAAwB,CAAA,GAOlF,oBAAC,WAAD;KACC,OAAO;KACP,WAAW,GAEV,qGACA,SACD;KAEC,UAAA,CAAC,YAAY;IACJ,CAAA,CACQ;;IAClB,CAAC,UAAU,aAAa;GACzB,cACA,oBAAC,OAAD;IACC,WAAU;IACV,OAAO;KAIN,OAAO;KACP,QAAQ;KACR,OAAO;KAGP,QAAQ;KAIR,WAAW;KACX,SAAS,aAAa,IAAI;KAC1B,WAAW,aAAa,aAAa;KACrC,iBAAiB;KACjB,YAAY;IACb;IAEC,UAAA;GACG,CAAA;EAEY;;AAErB"}

package/dist/floor-progress-bar.d.mts

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+//#region src/floor-progress-bar.d.ts
+declare const floorProgressBarVariants: (props?: ({
+  tone?: "primary" | "neutral" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface FloorProgressBarProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof floorProgressBarVariants> {
+  /** Completion percentage, clamped to 0–100. */
+  value: number;
+  /** Show the remaining (unfilled) track behind the bar. Defaults to `true`. */
+  showTrack?: boolean;
+}
+/** A thin determinate progress bar with a marker tick, sized to overlay the bottom edge of a floor tile. */
+declare const FloorProgressBar: React.ForwardRefExoticComponent<FloorProgressBarProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { FloorProgressBar, floorProgressBarVariants };
+//# sourceMappingURL=floor-progress-bar.d.mts.map

package/dist/floor-progress-bar.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"floor-progress-bar.d.mts","names":[],"sources":["../src/floor-progress-bar.tsx"],"mappings":";;;cAMM,2BAAwB;;6CAU5B;iBAEe,8BACR,MAAM,eAAe,iBAAiB,oBAAoB;;EAElE;;EAEA;;;cAIK,kBAAgB,MAAA,0BAAA,wBAAA,MAAA,cAAA"}

package/dist/floor-progress-bar.mjs

@@ -0,0 +1,38 @@
+import { cn } from "@corensystem/coren-utils";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/floor-progress-bar.tsx
+const floorProgressBarVariants = cva("wwc:absolute wwc:inset-x-0 wwc:bottom-0 wwc:flex wwc:items-center wwc:gap-px", {
+	variants: { tone: {
+		neutral: "wwc:text-muted-foreground",
+		primary: "wwc:text-primary"
+	} },
+	defaultVariants: { tone: "neutral" }
+});
+/** A thin determinate progress bar with a marker tick, sized to overlay the bottom edge of a floor tile. */
+const FloorProgressBar = React.forwardRef(({ className, tone, value, showTrack = true, ...props }, ref) => {
+	const width = Math.min(100, Math.max(0, Math.round(value)));
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		role: "progressbar",
+		"aria-valuenow": width,
+		"aria-valuemin": 0,
+		"aria-valuemax": 100,
+		className: cn(floorProgressBarVariants({ tone }), className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "wwc:h-0.5 wwc:shrink-0 wwc:bg-current",
+				style: { width: `${width}%` }
+			}),
+			/* @__PURE__ */ jsx("div", { className: "wwc:h-1 wwc:w-px wwc:shrink-0 wwc:rounded-full wwc:bg-current" }),
+			/* @__PURE__ */ jsx("div", { className: cn("wwc:h-0.5 wwc:min-w-px wwc:flex-1 wwc:bg-muted", showTrack ? "" : "wwc:opacity-0") })
+		]
+	});
+});
+FloorProgressBar.displayName = "FloorProgressBar";
+//#endregion
+export { FloorProgressBar, floorProgressBarVariants };
+
+//# sourceMappingURL=floor-progress-bar.mjs.map

package/dist/floor-progress-bar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"floor-progress-bar.mjs","names":[],"sources":["../src/floor-progress-bar.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {type VariantProps, cva} from \"class-variance-authority\";\nimport * as React from \"react\";\n\n// The fill + marker take their colour from the root's `text-*` (set by `tone`) via `bg-current`,\n// so the whole indicator re-themes from one token; the remaining track is a muted rail.\nconst floorProgressBarVariants = cva(\"wwc:absolute wwc:inset-x-0 wwc:bottom-0 wwc:flex wwc:items-center wwc:gap-px\", {\n\tvariants: {\n\t\ttone: {\n\t\t\tneutral: \"wwc:text-muted-foreground\",\n\t\t\tprimary: \"wwc:text-primary\",\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\ttone: \"neutral\",\n\t},\n});\n\nexport interface FloorProgressBarProps\n\textends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof floorProgressBarVariants> {\n\t/** Completion percentage, clamped to 0–100. */\n\tvalue: number;\n\t/** Show the remaining (unfilled) track behind the bar. Defaults to `true`. */\n\tshowTrack?: boolean;\n}\n\n/** A thin determinate progress bar with a marker tick, sized to overlay the bottom edge of a floor tile. */\nconst FloorProgressBar = React.forwardRef<HTMLDivElement, FloorProgressBarProps>(\n\t({className, tone, value, showTrack = true, ...props}, ref) => {\n\t\tconst width = Math.min(100, Math.max(0, Math.round(value)));\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\trole=\"progressbar\"\n\t\t\t\taria-valuenow={width}\n\t\t\t\taria-valuemin={0}\n\t\t\t\taria-valuemax={100}\n\t\t\t\tclassName={cn(floorProgressBarVariants({tone}), className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<div className=\"wwc:h-0.5 wwc:shrink-0 wwc:bg-current\" style={{width: `${width}%`}} />\n\t\t\t\t<div className=\"wwc:h-1 wwc:w-px wwc:shrink-0 wwc:rounded-full wwc:bg-current\" />\n\t\t\t\t<div className={cn(\"wwc:h-0.5 wwc:min-w-px wwc:flex-1 wwc:bg-muted\", showTrack ? \"\" : \"wwc:opacity-0\")} />\n\t\t\t</div>\n\t\t);\n\t},\n);\nFloorProgressBar.displayName = \"FloorProgressBar\";\n\nexport {FloorProgressBar, floorProgressBarVariants};\n"],"mappings":";;;;;AAMA,MAAM,2BAA2B,IAAI,gFAAgF;CACpH,UAAU,EACT,MAAM;EACL,SAAS;EACT,SAAS;CACV,EACD;CACA,iBAAiB,EAChB,MAAM,UACP;AACD,CAAC;;AAWD,MAAM,mBAAmB,MAAM,YAC7B,EAAC,WAAW,MAAM,OAAO,YAAY,MAAM,GAAG,SAAQ,QAAQ;CAC9D,MAAM,QAAQ,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,KAAK,MAAM,KAAK,CAAC,CAAC;CAC1D,OACC,qBAAC,OAAD;EACM;EACL,MAAK;EACL,iBAAe;EACf,iBAAe;EACf,iBAAe;EACf,WAAW,GAAG,yBAAyB,EAAC,KAAI,CAAC,GAAG,SAAS;EACzD,GAAI;EAPL,UAAA;GASC,oBAAC,OAAD;IAAK,WAAU;IAAwC,OAAO,EAAC,OAAO,GAAG,MAAM,GAAE;GAAI,CAAA;GACrF,oBAAC,OAAD,EAAK,WAAU,gEAAiE,CAAA;GAChF,oBAAC,OAAD,EAAK,WAAW,GAAG,kDAAkD,YAAY,KAAK,eAAe,EAAI,CAAA;EACrG;;AAEP,CACD;AACA,iBAAiB,cAAc"}