@stll/ui 0.44.1 → 0.46.0

package/dist/components/swap-text.js

@@ -0,0 +1,52 @@
+"use client";
+import { cn } from "../lib/utils.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+//#region src/components/swap-text.tsx
+/**
+* A short label that changes in place (a live status line): the old text
+* lifts out with a slight blur while the new one rises into the same cell,
+* so the change reads as one motion instead of a blink. Both layers share a
+* grid cell, so nothing reflows mid-swap. The first render is still, and
+* under reduced motion the label simply changes.
+*/
+const SwapText = ({ className, text }) => {
+	const [state, setState] = useState({
+		current: text,
+		generation: 0,
+		previous: null
+	});
+	if (state.current !== text) setState({
+		current: text,
+		generation: state.generation + 1,
+		previous: state.current
+	});
+	const hasSwapped = state.generation > 0;
+	return /* @__PURE__ */ jsxs("span", {
+		className: "inline-grid",
+		"data-slot": "swap-text",
+		children: [state.previous !== null && /* @__PURE__ */ jsx("span", {
+			"aria-hidden": "true",
+			className: "motion-safe:animate-swap-out col-start-1 row-start-1 motion-reduce:hidden",
+			onAnimationEnd: (event) => {
+				if (event.target !== event.currentTarget) return;
+				setState((current) => current.generation === state.generation ? {
+					...current,
+					previous: null
+				} : current);
+			},
+			children: /* @__PURE__ */ jsx("span", {
+				className,
+				children: state.previous
+			})
+		}, `out-${state.generation}`), /* @__PURE__ */ jsx("span", {
+			className: cn("col-start-1 row-start-1", hasSwapped && "motion-safe:animate-swap-in"),
+			children: /* @__PURE__ */ jsx("span", {
+				className,
+				children: state.current
+			})
+		}, `in-${state.generation}`)]
+	});
+};
+//#endregion
+export { SwapText };

package/dist/components/switch.d.ts

@@ -0,0 +1,5 @@
+import { Switch as Switch$1 } from "@base-ui/react/switch";
+//#region src/components/switch.d.ts
+declare const Switch: ({ className, ...props }: Switch$1.Root.Props) => import("react").JSX.Element;
+//#endregion
+export { Switch };

package/dist/components/switch.js

@@ -0,0 +1,16 @@
+"use client";
+import { cn } from "../lib/utils.js";
+import { jsx } from "react/jsx-runtime";
+import { Switch as Switch$1 } from "@base-ui/react/switch";
+//#region src/components/switch.tsx
+const Switch = ({ className, ...props }) => /* @__PURE__ */ jsx(Switch$1.Root, {
+	className: cn("focus-visible:ring-ring focus-visible:ring-offset-background data-checked:bg-primary data-unchecked:bg-input relative inline-flex h-5 w-9 shrink-0 items-center rounded-full outline-none focus-visible:ring-2 focus-visible:ring-offset-1 data-disabled:opacity-64", className),
+	"data-slot": "switch",
+	...props,
+	children: /* @__PURE__ */ jsx(Switch$1.Thumb, {
+		className: "bg-background pointer-events-none block size-4 rounded-full shadow-xs transition-transform ltr:data-checked:translate-x-4.5 ltr:data-unchecked:translate-x-0.5 rtl:data-checked:-translate-x-4.5 rtl:data-unchecked:-translate-x-0.5",
+		"data-slot": "switch-thumb"
+	})
+});
+//#endregion
+export { Switch };

package/dist/components/table-chart.d.ts

@@ -0,0 +1,20 @@
+//#region src/components/table-chart.d.ts
+export type TableChartKind = "bar" | "line" | "pie" | "scatter";
+export type TableChartPoint = {
+  label: string;
+  x: number;
+  y: number;
+  series?: string;
+};
+export type TableChartProps = {
+  kind: TableChartKind;
+  points: readonly TableChartPoint[];
+  title: string;
+  summary: string;
+  xLabel?: string | undefined;
+  yLabel?: string | undefined;
+  xMode?: "numeric" | "category";
+  formatNumber: (value: number) => string;
+};
+export declare const TableChart: ({ kind, points, title, summary, xLabel, yLabel, xMode, formatNumber }: TableChartProps) => import("react").JSX.Element;
+//#endregion

package/dist/components/table-chart.js

@@ -0,0 +1,274 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+import { panic } from "better-result";
+//#region src/components/table-chart.tsx
+const WIDTH = 640;
+const HEIGHT = 360;
+const PLOT = {
+	x: 76,
+	y: 24,
+	width: 540,
+	height: 260
+};
+const MAX_POINTS = 500;
+const TICK_COUNT = 4;
+const PALETTE_SIZE = 8;
+const scale = (values, includeZero) => {
+	const magnitude = Math.max(1, ...values.map((value) => Math.abs(value)));
+	const normalized = values.map((value) => value / magnitude);
+	let low = Math.min(...normalized, ...includeZero ? [0] : []);
+	let high = Math.max(...normalized, ...includeZero ? [0] : []);
+	if (low === high) {
+		low = Math.min(0, low);
+		high = Math.max(0, high);
+		if (low === high) {
+			low = -1;
+			high = 1;
+		}
+	}
+	return {
+		position: (value) => (value / magnitude - low) / (high - low),
+		tick: (index) => (low + (high - low) * index / TICK_COUNT) * magnitude
+	};
+};
+const color = (index) => `var(--chart-${index % PALETTE_SIZE + 1})`;
+const identifyPoints = (points) => {
+	const occurrences = /* @__PURE__ */ new Map();
+	return points.map((point) => {
+		const identity = JSON.stringify([
+			point.label,
+			point.x,
+			point.y,
+			point.series
+		]);
+		const occurrence = occurrences.get(identity) ?? 0;
+		occurrences.set(identity, occurrence + 1);
+		return {
+			point,
+			key: `${identity}:${occurrence}`
+		};
+	});
+};
+const CartesianPlot = ({ kind, points, formatNumber, xMode = "numeric" }) => {
+	const xScale = scale(points.map(({ x }) => x), false);
+	const yScale = scale(points.map(({ y }) => y), kind === "bar");
+	const x = (value) => PLOT.x + xScale.position(value) * PLOT.width;
+	const y = (value) => PLOT.y + (1 - yScale.position(value)) * PLOT.height;
+	const keyedPoints = identifyPoints(points);
+	const groups = Map.groupBy(keyedPoints, ({ point }) => point.series ?? "");
+	const seriesNames = [...groups.keys()];
+	const barStep = PLOT.width / points.length;
+	const labelStep = Math.max(1, Math.ceil(points.length / 8));
+	const categories = [...new Map(points.map((point) => [point.x, point])).values()];
+	const categoryStep = Math.max(1, Math.ceil(categories.length / 8));
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		Array.from({ length: 5 }, (_, index) => {
+			const value = yScale.tick(index);
+			const ordinate = PLOT.y + (1 - index / TICK_COUNT) * PLOT.height;
+			return /* @__PURE__ */ jsxs("g", {
+				"data-slot": "chart-y-tick",
+				children: [/* @__PURE__ */ jsx("line", {
+					x1: PLOT.x,
+					x2: PLOT.x + PLOT.width,
+					y1: ordinate,
+					y2: ordinate,
+					stroke: "var(--border)"
+				}), /* @__PURE__ */ jsx("text", {
+					x: PLOT.x - 8,
+					y: ordinate + 4,
+					textAnchor: "end",
+					fill: "var(--muted-foreground)",
+					children: formatNumber(value)
+				})]
+			}, index);
+		}),
+		/* @__PURE__ */ jsx("path", {
+			"data-slot": "chart-axis",
+			d: `M ${PLOT.x} ${PLOT.y} V ${PLOT.y + PLOT.height} H ${PLOT.x + PLOT.width}`,
+			fill: "none",
+			stroke: "var(--muted-foreground)"
+		}),
+		kind === "bar" ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("line", {
+			"data-slot": "chart-zero",
+			x1: PLOT.x,
+			x2: PLOT.x + PLOT.width,
+			y1: y(0),
+			y2: y(0),
+			stroke: "var(--muted-foreground)"
+		}), keyedPoints.map(({ point, key }, index) => /* @__PURE__ */ jsxs("g", { children: [/* @__PURE__ */ jsx("rect", {
+			"data-slot": "chart-bar",
+			x: PLOT.x + index * barStep + barStep * .15,
+			y: Math.min(y(point.y), y(0)),
+			width: barStep * .7,
+			height: Math.abs(y(point.y) - y(0)),
+			fill: color(seriesNames.indexOf(point.series ?? "")),
+			children: /* @__PURE__ */ jsx("title", { children: `${point.label}: ${formatNumber(point.y)}${point.series ? ` (${point.series})` : ""}` })
+		}), index % labelStep === 0 && /* @__PURE__ */ jsx("text", {
+			x: PLOT.x + (index + .5) * barStep,
+			y: PLOT.y + PLOT.height + 20,
+			textAnchor: "middle",
+			fill: "var(--muted-foreground)",
+			style: { unicodeBidi: "plaintext" },
+			children: point.label.length > 16 ? `${point.label.slice(0, 15)}…` : point.label
+		})] }, key))] }) : /* @__PURE__ */ jsxs(Fragment, { children: [xMode === "category" ? categories.filter((_, index) => index % categoryStep === 0).map((point) => /* @__PURE__ */ jsx("text", {
+			"data-slot": "chart-x-tick",
+			x: x(point.x),
+			y: PLOT.y + PLOT.height + 20,
+			textAnchor: "middle",
+			fill: "var(--muted-foreground)",
+			style: { unicodeBidi: "plaintext" },
+			children: point.label.length > 16 ? `${point.label.slice(0, 15)}…` : point.label
+		}, point.x)) : Array.from({ length: 5 }, (_, index) => /* @__PURE__ */ jsx("text", {
+			"data-slot": "chart-x-tick",
+			x: PLOT.x + index / TICK_COUNT * PLOT.width,
+			y: PLOT.y + PLOT.height + 20,
+			textAnchor: "middle",
+			fill: "var(--muted-foreground)",
+			children: formatNumber(xScale.tick(index))
+		}, index)), [...groups].map(([name, group], index) => /* @__PURE__ */ jsxs("g", { children: [kind === "line" && /* @__PURE__ */ jsx("polyline", {
+			"data-slot": "chart-line",
+			points: group.map(({ point }) => `${x(point.x)},${y(point.y)}`).join(" "),
+			fill: "none",
+			stroke: color(index),
+			strokeWidth: 2
+		}), group.map(({ point, key }) => /* @__PURE__ */ jsx("circle", {
+			"data-slot": "chart-point",
+			cx: x(point.x),
+			cy: y(point.y),
+			r: 4,
+			fill: color(index),
+			children: /* @__PURE__ */ jsx("title", { children: `${point.label}: ${xMode === "numeric" ? `${formatNumber(point.x)}, ` : ""}${formatNumber(point.y)}${name ? ` (${name})` : ""}` })
+		}, key))] }, name))] })
+	] });
+};
+const PiePlot = ({ points, formatNumber }) => {
+	if (points.some(({ y }) => y < 0)) panic("Pie chart values must be nonnegative");
+	const magnitude = Math.max(1, ...points.map(({ y }) => y));
+	const total = points.reduce((sum, { y }) => sum + y / magnitude, 0);
+	const radius = 110;
+	const center = {
+		x: WIDTH / 2,
+		y: 155
+	};
+	let angle = -Math.PI / 2;
+	const slices = [];
+	for (const [index, { point, key }] of identifyPoints(points).entries()) {
+		if (point.y === 0 || total === 0) continue;
+		const fraction = point.y / magnitude / total;
+		const start = angle;
+		angle += fraction * Math.PI * 2;
+		const path = `M ${center.x} ${center.y} L ${center.x + radius * Math.cos(start)} ${center.y + radius * Math.sin(start)} A ${radius} ${radius} 0 ${fraction > .5 ? 1 : 0} 1 ${center.x + radius * Math.cos(angle)} ${center.y + radius * Math.sin(angle)} Z`;
+		slices.push({
+			point,
+			key,
+			index,
+			fraction,
+			path
+		});
+	}
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("circle", {
+		cx: center.x,
+		cy: center.y,
+		r: radius,
+		fill: "var(--muted)"
+	}), slices.map(({ point, key, index, fraction, path }) => {
+		if (fraction === 1) return /* @__PURE__ */ jsx("circle", {
+			"data-slot": "chart-slice",
+			cx: center.x,
+			cy: center.y,
+			r: radius,
+			fill: color(index),
+			children: /* @__PURE__ */ jsx("title", { children: `${point.label}: ${formatNumber(point.y)}` })
+		}, key);
+		return /* @__PURE__ */ jsx("path", {
+			"data-slot": "chart-slice",
+			d: path,
+			fill: color(index),
+			stroke: "var(--background)",
+			children: /* @__PURE__ */ jsx("title", { children: `${point.label}: ${formatNumber(point.y)}` })
+		}, key);
+	})] });
+};
+const TableChart = ({ kind, points, title, summary, xLabel, yLabel, xMode = "numeric", formatNumber }) => {
+	const id = useId();
+	if (points.length === 0 || points.length > MAX_POINTS || points.some(({ x, y }) => !Number.isFinite(x) || !Number.isFinite(y))) panic("Chart requires between 1 and 500 finite points");
+	const legend = (kind === "pie" ? points.map(({ label, series }) => series ? `${label} (${series})` : label) : [...new Set(points.map(({ series }) => series ?? ""))]).map((name, index) => ({
+		name,
+		index
+	})).filter(({ name }) => name.length > 0);
+	return /* @__PURE__ */ jsxs("figure", {
+		"data-slot": "table-chart",
+		className: "text-foreground min-w-0 space-y-2",
+		children: [
+			/* @__PURE__ */ jsx("p", {
+				className: "text-sm font-medium",
+				children: /* @__PURE__ */ jsx("bdi", { children: title })
+			}),
+			/* @__PURE__ */ jsxs("svg", {
+				role: "img",
+				"aria-labelledby": `${id}-title`,
+				"aria-describedby": `${id}-summary`,
+				viewBox: `0 0 ${WIDTH} ${HEIGHT}`,
+				className: "block w-full text-xs tabular-nums",
+				direction: "ltr",
+				children: [
+					/* @__PURE__ */ jsx("title", {
+						id: `${id}-title`,
+						children: title
+					}),
+					/* @__PURE__ */ jsx("desc", {
+						id: `${id}-summary`,
+						children: summary
+					}),
+					kind === "pie" ? /* @__PURE__ */ jsx(PiePlot, {
+						points,
+						formatNumber
+					}) : /* @__PURE__ */ jsx(CartesianPlot, {
+						kind,
+						points,
+						formatNumber,
+						xMode
+					}),
+					kind !== "pie" && xLabel && /* @__PURE__ */ jsx("text", {
+						x: PLOT.x + PLOT.width / 2,
+						y: 344,
+						textAnchor: "middle",
+						fill: "var(--foreground)",
+						style: { unicodeBidi: "plaintext" },
+						children: xLabel
+					}),
+					kind !== "pie" && yLabel && /* @__PURE__ */ jsx("text", {
+						x: 18,
+						y: PLOT.y + PLOT.height / 2,
+						transform: `rotate(-90 18 ${PLOT.y + PLOT.height / 2})`,
+						textAnchor: "middle",
+						fill: "var(--foreground)",
+						style: { unicodeBidi: "plaintext" },
+						children: yLabel
+					})
+				]
+			}),
+			legend.length > 0 && /* @__PURE__ */ jsx("ul", {
+				className: "flex flex-wrap gap-x-4 gap-y-1 text-xs",
+				children: legend.map(({ name, index }) => /* @__PURE__ */ jsxs("li", {
+					className: "flex min-w-0 items-center gap-1",
+					children: [/* @__PURE__ */ jsx("span", {
+						"aria-hidden": "true",
+						className: "size-2 shrink-0 rounded-full",
+						style: { background: color(index) }
+					}), /* @__PURE__ */ jsx("bdi", {
+						className: "wrap-break-word",
+						children: name
+					})]
+				}, index))
+			}),
+			/* @__PURE__ */ jsx("figcaption", {
+				className: "text-muted-foreground text-sm",
+				children: /* @__PURE__ */ jsx("bdi", { children: summary })
+			})
+		]
+	});
+};
+//#endregion
+export { TableChart };

package/dist/components/tabs.js

@@ -33,7 +33,7 @@ const TabsList = ({ variant = "default", className, children, ref, ...props }) =
 	});
 };
 const TabsTab = ({ className, ...props }) => /* @__PURE__ */ jsx(Tabs$1.Tab, {
-	className: cn("hover:text-foreground focus-visible:ring-ring data-active:text-foreground relative flex h-9 shrink-0 grow cursor-pointer items-center justify-center gap-1.5 rounded-md border border-transparent px-[calc(--spacing(2.5)-1px)] text-base font-medium whitespace-nowrap outline-none focus-visible:ring-2 focus-visible:ring-inset data-disabled:pointer-events-none data-disabled:opacity-64 data-[orientation=vertical]:w-full data-[orientation=vertical]:justify-start sm:h-8 sm:text-sm [&_svg]:pointer-events-none [&_svg]:-mx-0.5 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4", className),
+	className: cn("hover:text-foreground focus-visible:ring-ring data-active:text-foreground relative flex h-9 shrink-0 grow cursor-pointer items-center justify-center gap-1.5 rounded-md border border-transparent px-[calc(--spacing(2.5)-1px)] text-base font-medium whitespace-nowrap outline-none select-none focus-visible:ring-2 focus-visible:ring-inset data-disabled:pointer-events-none data-disabled:opacity-64 data-[orientation=vertical]:w-full data-[orientation=vertical]:justify-start sm:h-8 sm:text-sm [&_svg]:pointer-events-none [&_svg]:-mx-0.5 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4", className),
 	"data-slot": "tabs-tab",
 	...props
 });

package/dist/components/toast.js

@@ -1,8 +1,10 @@
 "use client";
 import { CircleAlertIcon, CircleCheckIcon, InfoIcon, TriangleAlertIcon, XIcon } from "../icons.js";
 import { cn } from "../lib/utils.js";
+import { SAFE_AREA_TOAST_GEOMETRY_CLASS_NAME } from "../lib/safe-area.js";
 import { Loader } from "./loader.js";
 import { buttonVariants } from "./button.js";
+import { ScrollArea } from "./scroll-area.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React$1 from "react";
 import { Toast } from "@base-ui/react/toast";
@@ -61,11 +63,11 @@ const Toasts = ({ position }) => {
 	return /* @__PURE__ */ jsx(Toast.Portal, {
 		"data-slot": "toast-portal",
 		children: /* @__PURE__ */ jsx(Toast.Viewport, {
-			className: cn("fixed z-[90] mx-auto flex w-[calc(100%-var(--toast-inset)*2)] max-w-90 [--toast-inset:--spacing(4)] sm:[--toast-inset:--spacing(8)]", "md:data-[position*=right]:w-[calc(100%-var(--toast-inset)*2-min(var(--stella-toast-right-offset,0px),calc(100vw-var(--toast-inset)*2-10rem)))]", "data-[position*=top]:top-(--toast-inset)", "data-[position*=bottom]:bottom-(--toast-inset)", "data-[position*=left]:start-(--toast-inset)", "data-[position*=right]:end-(--toast-inset)", "md:data-[position*=right]:end-[calc(var(--toast-inset)+min(var(--stella-toast-right-offset,0px),calc(100vw-var(--toast-inset)*2-10rem)))]", "data-[position*=center]:left-1/2 data-[position*=center]:-translate-x-1/2"),
+			className: cn("fixed z-[90] mx-auto flex max-w-90 [--toast-inset:--spacing(4)] sm:[--toast-inset:--spacing(8)]", SAFE_AREA_TOAST_GEOMETRY_CLASS_NAME, "data-[position*=top]:top-[calc(var(--toast-inset)+var(--safe-area-top))]", "data-[position*=bottom]:bottom-[calc(var(--toast-inset)+var(--safe-area-bottom))]"),
 			"data-position": position,
 			"data-slot": "toast-viewport",
 			children: toasts.map((toastItem) => /* @__PURE__ */ jsx(Toast.Root, {
-				className: cn("bg-popover text-popover-foreground absolute z-[calc(9999-var(--toast-index))] h-(--toast-calc-height) w-full rounded-lg border shadow-lg/5 [transition:transform_.5s_var(--ease-smooth),opacity_.5s,height_.15s] not-dark:bg-clip-padding before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] motion-reduce:transition-none dark:before:shadow-[0_-1px_--theme(--color-white/6%)]", "data-[position*=right]:start-auto data-[position*=right]:end-0", "data-[position*=left]:start-0 data-[position*=left]:end-auto", "data-[position*=center]:start-0 data-[position*=center]:end-0", "data-[position*=top]:top-0 data-[position*=top]:bottom-auto data-[position*=top]:origin-top", "data-[position*=bottom]:top-auto data-[position*=bottom]:bottom-0 data-[position*=bottom]:origin-bottom", "after:absolute after:start-0 after:h-[calc(var(--toast-gap)+1px)] after:w-full", "data-[position*=top]:after:top-full", "data-[position*=bottom]:after:bottom-full", "[--toast-calc-height:var(--toast-frontmost-height,var(--toast-height))] [--toast-gap:--spacing(3)] [--toast-peek:--spacing(3)] [--toast-scale:calc(max(0,1-(var(--toast-index)*.1)))] [--toast-shrink:calc(1-var(--toast-scale))]", "data-[position*=top]:[--toast-calc-offset-y:calc(var(--toast-offset-y)+var(--toast-index)*var(--toast-gap)+var(--toast-swipe-movement-y))]", "data-[position*=bottom]:[--toast-calc-offset-y:calc(var(--toast-offset-y)*-1+var(--toast-index)*var(--toast-gap)*-1+var(--toast-swipe-movement-y))]", "data-[position*=top]:transform-[translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)+(var(--toast-index)*var(--toast-peek))+(var(--toast-shrink)*var(--toast-calc-height))))_scale(var(--toast-scale))]", "data-[position*=bottom]:transform-[translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)-(var(--toast-index)*var(--toast-peek))-(var(--toast-shrink)*var(--toast-calc-height))))_scale(var(--toast-scale))]", "data-limited:opacity-0", "data-expanded:h-(--toast-height)", "data-position:data-expanded:transform-[translateX(var(--toast-swipe-movement-x))_translateY(var(--toast-calc-offset-y))]", "data-[position*=top]:data-starting-style:transform-[translateY(calc(-100%-var(--toast-inset)))]", "data-[position*=bottom]:data-starting-style:transform-[translateY(calc(100%+var(--toast-inset)))]", "data-ending-style:opacity-0", "data-ending-style:not-data-limited:not-data-swipe-direction:transform-[translateY(calc(100%+var(--toast-inset)))]", "data-ending-style:data-[swipe-direction=left]:transform-[translateX(calc(var(--toast-swipe-movement-x)-100%-var(--toast-inset)))_translateY(var(--toast-calc-offset-y))]", "data-ending-style:data-[swipe-direction=right]:transform-[translateX(calc(var(--toast-swipe-movement-x)+100%+var(--toast-inset)))_translateY(var(--toast-calc-offset-y))]", "data-ending-style:data-[swipe-direction=up]:transform-[translateY(calc(var(--toast-swipe-movement-y)-100%-var(--toast-inset)))]", "data-ending-style:data-[swipe-direction=down]:transform-[translateY(calc(var(--toast-swipe-movement-y)+100%+var(--toast-inset)))]", "data-expanded:data-ending-style:data-[swipe-direction=left]:transform-[translateX(calc(var(--toast-swipe-movement-x)-100%-var(--toast-inset)))_translateY(var(--toast-calc-offset-y))]", "data-expanded:data-ending-style:data-[swipe-direction=right]:transform-[translateX(calc(var(--toast-swipe-movement-x)+100%+var(--toast-inset)))_translateY(var(--toast-calc-offset-y))]", "data-expanded:data-ending-style:data-[swipe-direction=up]:transform-[translateY(calc(var(--toast-swipe-movement-y)-100%-var(--toast-inset)))]", "data-expanded:data-ending-style:data-[swipe-direction=down]:transform-[translateY(calc(var(--toast-swipe-movement-y)+100%+var(--toast-inset)))]"),
+				className: cn("bg-popover text-popover-foreground absolute z-[calc(9999-var(--toast-index))] h-(--toast-calc-height) w-full rounded-lg border shadow-lg/5 [transition:transform_300ms_var(--ease-out),opacity_300ms_var(--ease-out),height_150ms_var(--ease-out)] not-dark:bg-clip-padding before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] data-ending-style:[transition-duration:200ms,200ms,150ms] motion-reduce:transition-none dark:before:shadow-[0_-1px_--theme(--color-white/6%)]", "data-[position*=right]:start-auto data-[position*=right]:end-0", "data-[position*=left]:start-0 data-[position*=left]:end-auto", "data-[position*=center]:start-0 data-[position*=center]:end-0", "data-[position*=top]:top-0 data-[position*=top]:bottom-auto data-[position*=top]:origin-top", "data-[position*=bottom]:top-auto data-[position*=bottom]:bottom-0 data-[position*=bottom]:origin-bottom", "after:absolute after:start-0 after:h-[calc(var(--toast-gap)+1px)] after:w-full", "data-[position*=top]:after:top-full", "data-[position*=bottom]:after:bottom-full", "[--toast-calc-height:var(--toast-frontmost-height,var(--toast-height))] [--toast-gap:--spacing(3)] [--toast-peek:--spacing(3)] [--toast-scale:calc(max(0,1-(var(--toast-index)*.1)))] [--toast-shrink:calc(1-var(--toast-scale))]", "data-[position*=top]:[--toast-calc-offset-y:calc(var(--toast-offset-y)+var(--toast-index)*var(--toast-gap)+var(--toast-swipe-movement-y))]", "data-[position*=bottom]:[--toast-calc-offset-y:calc(var(--toast-offset-y)*-1+var(--toast-index)*var(--toast-gap)*-1+var(--toast-swipe-movement-y))]", "data-[position*=top]:transform-[translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)+(var(--toast-index)*var(--toast-peek))+(var(--toast-shrink)*var(--toast-calc-height))))_scale(var(--toast-scale))]", "data-[position*=bottom]:transform-[translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)-(var(--toast-index)*var(--toast-peek))-(var(--toast-shrink)*var(--toast-calc-height))))_scale(var(--toast-scale))]", "data-limited:opacity-0", "data-expanded:h-(--toast-height)", "data-position:data-expanded:transform-[translateX(var(--toast-swipe-movement-x))_translateY(var(--toast-calc-offset-y))]", "data-[position*=top]:data-starting-style:transform-[translateY(calc(-100%-var(--toast-inset)))]", "data-[position*=bottom]:data-starting-style:transform-[translateY(calc(100%+var(--toast-inset)))]", "data-ending-style:opacity-0", "data-ending-style:not-data-limited:not-data-swipe-direction:transform-[translateY(calc(100%+var(--toast-inset)))]", "data-ending-style:data-[swipe-direction=left]:transform-[translateX(calc(var(--toast-swipe-movement-x)-100%-var(--toast-inset)))_translateY(var(--toast-calc-offset-y))]", "data-ending-style:data-[swipe-direction=right]:transform-[translateX(calc(var(--toast-swipe-movement-x)+100%+var(--toast-inset)))_translateY(var(--toast-calc-offset-y))]", "data-ending-style:data-[swipe-direction=up]:transform-[translateY(calc(var(--toast-swipe-movement-y)-100%-var(--toast-inset)))]", "data-ending-style:data-[swipe-direction=down]:transform-[translateY(calc(var(--toast-swipe-movement-y)+100%+var(--toast-inset)))]", "data-expanded:data-ending-style:data-[swipe-direction=left]:transform-[translateX(calc(var(--toast-swipe-movement-x)-100%-var(--toast-inset)))_translateY(var(--toast-calc-offset-y))]", "data-expanded:data-ending-style:data-[swipe-direction=right]:transform-[translateX(calc(var(--toast-swipe-movement-x)+100%+var(--toast-inset)))_translateY(var(--toast-calc-offset-y))]", "data-expanded:data-ending-style:data-[swipe-direction=up]:transform-[translateY(calc(var(--toast-swipe-movement-y)-100%-var(--toast-inset)))]", "data-expanded:data-ending-style:data-[swipe-direction=down]:transform-[translateY(calc(var(--toast-swipe-movement-y)+100%+var(--toast-inset)))]"),
 				"data-position": position,
 				swipeDirection: (() => {
 					if (position.includes("center")) return [isTop ? "up" : "down"];
@@ -74,18 +76,22 @@ const Toasts = ({ position }) => {
 				})(),
 				toast: toastItem,
 				children: /* @__PURE__ */ jsxs(Toast.Content, {
-					className: "pointer-events-auto flex items-center gap-3 overflow-hidden px-3.5 py-3 text-sm transition-opacity duration-250 select-text data-behind:opacity-0 data-behind:not-data-expanded:pointer-events-none data-expanded:opacity-100",
+					className: "pointer-events-auto flex items-center gap-3 px-3.5 py-3 text-sm transition-opacity duration-250 select-text data-behind:opacity-0 data-behind:not-data-expanded:pointer-events-none data-expanded:opacity-100",
 					children: [/* @__PURE__ */ jsxs("div", {
 						className: "flex min-w-0 flex-1 gap-2",
-						children: [/* @__PURE__ */ jsx(ToastIcon, { type: toastItem.type }), /* @__PURE__ */ jsxs("div", {
-							className: "flex min-w-0 flex-col gap-0.5 select-text",
-							children: [/* @__PURE__ */ jsx(Toast.Title, {
-								className: "truncate font-medium",
-								"data-slot": "toast-title"
-							}), /* @__PURE__ */ jsx(Toast.Description, {
-								className: "text-muted-foreground wrap-break-word",
-								"data-slot": "toast-description"
-							})]
+						children: [/* @__PURE__ */ jsx(ToastIcon, { type: toastItem.type }), /* @__PURE__ */ jsx(ScrollArea, {
+							axis: "vertical",
+							className: "h-auto min-w-0 flex-1 [&_[data-slot=scroll-area-viewport]]:max-h-[60dvh]",
+							children: /* @__PURE__ */ jsxs("div", {
+								className: "flex min-w-0 flex-col gap-0.5 select-text",
+								children: [/* @__PURE__ */ jsx(Toast.Title, {
+									className: "font-medium wrap-anywhere whitespace-pre-wrap",
+									"data-slot": "toast-title"
+								}), /* @__PURE__ */ jsx(Toast.Description, {
+									className: "text-muted-foreground wrap-anywhere whitespace-pre-wrap",
+									"data-slot": "toast-description"
+								})]
+							})
 						})]
 					}), /* @__PURE__ */ jsxs("div", {
 						className: "ms-auto flex shrink-0 items-center gap-2",
@@ -132,20 +138,31 @@ const AnchoredToasts = () => {
 						toast: toastItem,
 						children: tooltipStyle ? /* @__PURE__ */ jsx(Toast.Content, {
 							className: "pointer-events-auto px-2 py-1 select-text",
-							children: /* @__PURE__ */ jsx(Toast.Title, { "data-slot": "toast-title" })
+							children: /* @__PURE__ */ jsx(ScrollArea, {
+								axis: "vertical",
+								className: "h-auto [&_[data-slot=scroll-area-viewport]]:max-h-[60dvh]",
+								children: /* @__PURE__ */ jsx(Toast.Title, {
+									className: "wrap-anywhere whitespace-pre-wrap",
+									"data-slot": "toast-title"
+								})
+							})
 						}) : /* @__PURE__ */ jsxs(Toast.Content, {
-							className: "pointer-events-auto flex items-center gap-3 overflow-hidden px-3.5 py-3 text-sm select-text",
+							className: "pointer-events-auto flex items-center gap-3 px-3.5 py-3 text-sm select-text",
 							children: [/* @__PURE__ */ jsxs("div", {
 								className: "flex min-w-0 flex-1 gap-2",
-								children: [/* @__PURE__ */ jsx(ToastIcon, { type: toastItem.type }), /* @__PURE__ */ jsxs("div", {
-									className: "flex min-w-0 flex-col gap-0.5 select-text",
-									children: [/* @__PURE__ */ jsx(Toast.Title, {
-										className: "truncate font-medium",
-										"data-slot": "toast-title"
-									}), /* @__PURE__ */ jsx(Toast.Description, {
-										className: "text-muted-foreground wrap-break-word",
-										"data-slot": "toast-description"
-									})]
+								children: [/* @__PURE__ */ jsx(ToastIcon, { type: toastItem.type }), /* @__PURE__ */ jsx(ScrollArea, {
+									axis: "vertical",
+									className: "h-auto min-w-0 flex-1 [&_[data-slot=scroll-area-viewport]]:max-h-[60dvh]",
+									children: /* @__PURE__ */ jsxs("div", {
+										className: "flex min-w-0 flex-col gap-0.5 select-text",
+										children: [/* @__PURE__ */ jsx(Toast.Title, {
+											className: "font-medium wrap-anywhere whitespace-pre-wrap",
+											"data-slot": "toast-title"
+										}), /* @__PURE__ */ jsx(Toast.Description, {
+											className: "text-muted-foreground wrap-anywhere whitespace-pre-wrap",
+											"data-slot": "toast-description"
+										})]
+									})
 								})]
 							}), toastItem.actionProps && /* @__PURE__ */ jsx(Toast.Action, {
 								className: cn(buttonVariants({ size: "xs" }), "ms-auto shrink-0 select-none"),
@@ -204,8 +221,8 @@ function normalizeToastActionProps({ action, actionProps, includeEmptyActionProp
 	} };
 }
 function getDefaultToastTimeout(type) {
-	if (type === "loading") return 0;
-	if (type === "error" || type === "warning") return 6e3;
+	if (type === "loading" || type === "error") return 0;
+	if (type === "warning") return 6e3;
 	return 4e3;
 }
 function normalizeToastTimeout(timeout) {

package/dist/components/workspace-shell.js

@@ -2,6 +2,7 @@
 import { NewChatIcon } from "../icons.js";
 import { cn } from "../lib/utils.js";
 import { SHELL_CHROME_LAYER_CLASS_NAME } from "../lib/overlay-layer.js";
+import { SAFE_AREA_BOTTOM_EDGE_CLASS_NAME, SAFE_AREA_TOP_EDGE_CLASS_NAME } from "../lib/safe-area.js";
 import { useIsMobile } from "../hooks/use-mobile.js";
 import { InspectorRail, InspectorRailCell, InspectorRailContent, InspectorRailFooter, InspectorRailIconButton } from "../inspector/chrome.js";
 import { Sheet, SheetContent as SheetPopup, SheetTitle, SheetTrigger } from "./sheet.js";
@@ -36,12 +37,12 @@ const WorkspaceShell = ({ children, endDock, navigation, topBar }) => {
 		})
 	});
 	const frame = /* @__PURE__ */ jsxs("div", {
-		className: "flex h-dvh min-h-0 w-full overflow-hidden",
+		className: cn("flex h-dvh min-h-0 w-full overflow-hidden", SAFE_AREA_TOP_EDGE_CLASS_NAME, SAFE_AREA_BOTTOM_EDGE_CLASS_NAME),
 		"data-slot": "workspace-shell",
 		children: [
 			navigation.mode === "responsive" ? navigation.content : navigation.desktop,
 			/* @__PURE__ */ jsxs("main", {
-				className: cn("bg-background relative flex w-full min-w-0 flex-1 flex-col overflow-hidden", "md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ms-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ms-2"),
+				className: cn("bg-background relative flex w-full min-w-0 flex-1 flex-col overflow-hidden", "max-md:ps-(--safe-area-inline-start) max-md:pe-(--safe-area-inline-end)", endDock === void 0 && "md:pe-(--safe-area-inline-end)", "md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ms-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ms-2"),
 				"data-slot": "workspace-shell-main",
 				children: [/* @__PURE__ */ jsx("div", {
 					className: cn("bg-background sticky top-0 shrink-0", SHELL_CHROME_LAYER_CLASS_NAME),
@@ -68,7 +69,7 @@ const WorkspaceShell = ({ children, endDock, navigation, topBar }) => {
 				className: "sr-only",
 				children: compactNavigation.label
 			}), /* @__PURE__ */ jsx("div", {
-				className: "bg-background flex h-full min-h-0 flex-col overflow-y-auto [padding-inline:max(0.75rem,env(safe-area-inset-left))_max(0.75rem,env(safe-area-inset-right))] [padding-block:max(0.75rem,env(safe-area-inset-top))_max(0.75rem,env(safe-area-inset-bottom))]",
+				className: "bg-background flex h-full min-h-0 flex-col overflow-y-auto overscroll-contain p-3",
 				"data-slot": "workspace-compact-navigation",
 				children: compactNavigation.content
 			})]
@@ -82,7 +83,7 @@ const WorkspaceShell = ({ children, endDock, navigation, topBar }) => {
 */
 const WorkspaceEndRail = ({ chatAction, children, className, label, overlay, topAction }) => /* @__PURE__ */ jsxs(InspectorRail, {
 	"aria-label": label,
-	className: cn("h-dvh", className),
+	className: cn("h-full", className),
 	children: [
 		/* @__PURE__ */ jsx(InspectorRailCell, { children: topAction }),
 		/* @__PURE__ */ jsx(InspectorRailContent, { children }),

package/dist/icons.js

@@ -1,2 +1 @@
-import { ActivityIcon, AlarmClockIcon, AlertCircleIcon, AlertTriangleIcon, AlignJustifyIcon, AlignLeftIcon, ArchiveIcon, ArchiveRestoreIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpDownIcon, ArrowUpIcon, AtSignIcon, BanIcon, BanknoteIcon, BellIcon, BlocksIcon, BoldIcon, BookOpenCheckIcon, BookOpenIcon as CaseLawIcon, BookOpenIcon as SkillIcon, BookTextIcon, BookmarkIcon, BookmarkPlusIcon, BotIcon, BracesIcon, BrainIcon, Building2Icon, BuildingIcon, CableIcon, CalendarClockIcon, CalendarIcon, CheckCheckIcon, CheckCircle2Icon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsUpDownIcon, CircleAlertIcon, CircleCheckIcon, CircleDashedIcon, CircleDotIcon, CircleHelpIcon, CircleIcon, CircleOffIcon, CircleUserRoundIcon, ClipboardCheckIcon, ClipboardCopyIcon, ClipboardIcon, ClipboardListIcon, ClipboardPasteIcon, Clock3Icon, ClockIcon, CogIcon, Columns2Icon, Columns3Icon, ColumnsIcon, CommandIcon, CompassIcon, CopyIcon, CopyPlusIcon, CornerDownLeftIcon, CpuIcon, CropIcon, DatabaseIcon, DollarSignIcon, DownloadIcon, EditIcon, EllipsisIcon, EllipsisVerticalIcon, EqualIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FileBadgeIcon, FileCheckIcon, FileCodeIcon, FileDiffIcon, FileDigitIcon, FileDownIcon, FileIcon, FileImageIcon, FileOutputIcon, FilePenLineIcon, FilePlus2Icon, FilePlusIcon, FileQuestionIcon, FileSearchIcon, FileSpreadsheetIcon, FileTextIcon, FileUpIcon, FilterIcon, FilterXIcon, FlagIcon, FlaskConicalIcon, FoldHorizontalIcon, FolderIcon, FolderInputIcon, FolderOpenIcon, FolderPlusIcon, FolderSyncIcon, FolderTreeIcon, FunctionSquareIcon, GanttChartIcon, GaugeIcon, GitBranchIcon, GitCommitHorizontalIcon, GitPullRequestIcon, GlobeIcon, GraduationCapIcon, GripVerticalIcon, HashIcon, Heading1Icon, Heading2Icon, Heading3Icon, HelpCircleIcon, HighlighterIcon, HistoryIcon, ImageIcon, ImageOffIcon, InboxIcon, InfoIcon, ItalicIcon, KanbanIcon, KeyRoundIcon, KeyboardIcon, LandmarkIcon, LanguagesIcon, LaptopIcon, LayersIcon, LayoutDashboardIcon, LayoutGridIcon, LayoutTemplateIcon, LibraryBigIcon, LibraryIcon, Link2Icon, LinkIcon, ListChecksIcon, ListFilterIcon, ListIcon, ListMinusIcon, ListOrderedIcon, ListTodoIcon, ListTreeIcon, ListXIcon, Loader2Icon, LoaderCircleIcon, LoaderIcon, LockIcon, LockKeyholeIcon, LockOpenIcon, LogOutIcon, MailIcon, Maximize2Icon, MegaphoneIcon, MessageCircleQuestionIcon, MessageSquareIcon, MessageSquarePlusIcon as NewChatIcon, MessageSquareQuoteIcon as AddCommentIcon, MessageSquareTextIcon, MessageSquareWarningIcon, MessagesSquareIcon, Minimize2Icon, MinusIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, NetworkIcon, PackageIcon, PaletteIcon, PanelLeftIcon, PanelRightIcon, PaperclipIcon, PauseIcon, PenIcon, PenLineIcon, PencilIcon, PencilLineIcon, PhoneIcon, PinIcon, PinOffIcon, PlayIcon, PlugIcon, PlusIcon, PowerIcon, PresentationIcon, PrinterIcon, QuoteIcon, Redo2Icon, RefreshCcwIcon, RefreshCwIcon, RepeatIcon, RotateCcwIcon, RotateCwIcon, RouteIcon, Rows2Icon, Rows3Icon, SaveIcon, ScanSearchIcon, ScanTextIcon, ScissorsIcon, ScrollTextIcon, SearchIcon, SearchXIcon, SendIcon, ServerIcon, Settings2Icon, ShapesIcon, ShieldAlertIcon, ShieldCheckIcon, ShieldIcon, SigmaIcon, SignatureIcon, SlashIcon, SlidersHorizontalIcon, SparklesIcon, SplitIcon, SquareCheckIcon, SquareIcon, SquareMinusIcon, SquarePenIcon, StarIcon, StarOffIcon, StickyNoteIcon, StrikethroughIcon, SunIcon, TableIcon, TagIcon, TagsIcon, TerminalIcon, TextIcon, TextQuoteIcon, ToggleLeftIcon, Trash2Icon, TrashIcon, TriangleAlertIcon, UnderlineIcon, Undo2Icon, UndoIcon, UnfoldHorizontalIcon, UngroupIcon, UploadIcon, UserCheckIcon, UserIcon, UserPlusIcon, UserRoundIcon, UsersIcon, VideoIcon, WandSparklesIcon as AiActionIcon, WavesIcon, WindIcon, WorkflowIcon, WrapTextIcon, WrenchIcon, XCircleIcon, XIcon, XSquareIcon, ZapIcon } from "lucide-react";
-export { ActivityIcon, AddCommentIcon, AiActionIcon, AlarmClockIcon, AlertCircleIcon, AlertTriangleIcon, AlignJustifyIcon, AlignLeftIcon, ArchiveIcon, ArchiveRestoreIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpDownIcon, ArrowUpIcon, AtSignIcon, BanIcon, BanknoteIcon, BellIcon, BlocksIcon, BoldIcon, BookOpenCheckIcon, BookTextIcon, BookmarkIcon, BookmarkPlusIcon, BotIcon, BracesIcon, BrainIcon, Building2Icon, BuildingIcon, CableIcon, CalendarClockIcon, CalendarIcon, CaseLawIcon, CheckCheckIcon, CheckCircle2Icon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsUpDownIcon, CircleAlertIcon, CircleCheckIcon, CircleDashedIcon, CircleDotIcon, CircleHelpIcon, CircleIcon, CircleOffIcon, CircleUserRoundIcon, ClipboardCheckIcon, ClipboardCopyIcon, ClipboardIcon, ClipboardListIcon, ClipboardPasteIcon, Clock3Icon, ClockIcon, CogIcon, Columns2Icon, Columns3Icon, ColumnsIcon, CommandIcon, CompassIcon, CopyIcon, CopyPlusIcon, CornerDownLeftIcon, CpuIcon, CropIcon, DatabaseIcon, DollarSignIcon, DownloadIcon, EditIcon, EllipsisIcon, EllipsisVerticalIcon, EqualIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FileBadgeIcon, FileCheckIcon, FileCodeIcon, FileDiffIcon, FileDigitIcon, FileDownIcon, FileIcon, FileImageIcon, FileOutputIcon, FilePenLineIcon, FilePlus2Icon, FilePlusIcon, FileQuestionIcon, FileSearchIcon, FileSpreadsheetIcon, FileTextIcon, FileUpIcon, FilterIcon, FilterXIcon, FlagIcon, FlaskConicalIcon, FoldHorizontalIcon, FolderIcon, FolderInputIcon, FolderOpenIcon, FolderPlusIcon, FolderSyncIcon, FolderTreeIcon, FunctionSquareIcon, GanttChartIcon, GaugeIcon, GitBranchIcon, GitCommitHorizontalIcon, GitPullRequestIcon, GlobeIcon, GraduationCapIcon, GripVerticalIcon, HashIcon, Heading1Icon, Heading2Icon, Heading3Icon, HelpCircleIcon, HighlighterIcon, HistoryIcon, ImageIcon, ImageOffIcon, InboxIcon, InfoIcon, ItalicIcon, KanbanIcon, KeyRoundIcon, KeyboardIcon, LandmarkIcon, LanguagesIcon, LaptopIcon, LayersIcon, LayoutDashboardIcon, LayoutGridIcon, LayoutTemplateIcon, LibraryBigIcon, LibraryIcon, Link2Icon, LinkIcon, ListChecksIcon, ListFilterIcon, ListIcon, ListMinusIcon, ListOrderedIcon, ListTodoIcon, ListTreeIcon, ListXIcon, Loader2Icon, LoaderCircleIcon, LoaderIcon, LockIcon, LockKeyholeIcon, LockOpenIcon, LogOutIcon, MailIcon, Maximize2Icon, MegaphoneIcon, MessageCircleQuestionIcon, MessageSquareIcon, MessageSquareTextIcon, MessageSquareWarningIcon, MessagesSquareIcon, Minimize2Icon, MinusIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, NetworkIcon, NewChatIcon, PackageIcon, PaletteIcon, PanelLeftIcon, PanelRightIcon, PaperclipIcon, PauseIcon, PenIcon, PenLineIcon, PencilIcon, PencilLineIcon, PhoneIcon, PinIcon, PinOffIcon, PlayIcon, PlugIcon, PlusIcon, PowerIcon, PresentationIcon, PrinterIcon, QuoteIcon, Redo2Icon, RefreshCcwIcon, RefreshCwIcon, RepeatIcon, RotateCcwIcon, RotateCwIcon, RouteIcon, Rows2Icon, Rows3Icon, SaveIcon, ScanSearchIcon, ScanTextIcon, ScissorsIcon, ScrollTextIcon, SearchIcon, SearchXIcon, SendIcon, ServerIcon, Settings2Icon, ShapesIcon, ShieldAlertIcon, ShieldCheckIcon, ShieldIcon, SigmaIcon, SignatureIcon, SkillIcon, SlashIcon, SlidersHorizontalIcon, SparklesIcon, SplitIcon, SquareCheckIcon, SquareIcon, SquareMinusIcon, SquarePenIcon, StarIcon, StarOffIcon, StickyNoteIcon, StrikethroughIcon, SunIcon, TableIcon, TagIcon, TagsIcon, TerminalIcon, TextIcon, TextQuoteIcon, ToggleLeftIcon, Trash2Icon, TrashIcon, TriangleAlertIcon, UnderlineIcon, Undo2Icon, UndoIcon, UnfoldHorizontalIcon, UngroupIcon, UploadIcon, UserCheckIcon, UserIcon, UserPlusIcon, UserRoundIcon, UsersIcon, VideoIcon, WavesIcon, WindIcon, WorkflowIcon, WrapTextIcon, WrenchIcon, XCircleIcon, XIcon, XSquareIcon, ZapIcon };
+export { ActivityIcon, MessageSquareQuoteIcon as AddCommentIcon, WandSparklesIcon as AiActionIcon, AlarmClockIcon, AlertCircleIcon, AlertTriangleIcon, AlignJustifyIcon, AlignLeftIcon, ArchiveIcon, ArchiveRestoreIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpDownIcon, ArrowUpIcon, AtSignIcon, BanIcon, BanknoteIcon, BellIcon, BlocksIcon, BoldIcon, BookOpenCheckIcon, BookTextIcon, BookmarkIcon, BookmarkPlusIcon, BotIcon, BracesIcon, BrainIcon, Building2Icon, BuildingIcon, CableIcon, CalendarClockIcon, CalendarIcon, BookOpenIcon as CaseLawIcon, CheckCheckIcon, CheckCircle2Icon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsUpDownIcon, CircleAlertIcon, CircleCheckIcon, CircleDashedIcon, CircleDotIcon, CircleHelpIcon, CircleIcon, CircleOffIcon, CircleUserRoundIcon, ClipboardCheckIcon, ClipboardCopyIcon, ClipboardIcon, ClipboardListIcon, ClipboardPasteIcon, Clock3Icon, ClockIcon, CogIcon, Columns2Icon, Columns3Icon, ColumnsIcon, CommandIcon, CompassIcon, CopyIcon, CopyPlusIcon, CornerDownLeftIcon, CpuIcon, CropIcon, DatabaseIcon, DollarSignIcon, DownloadIcon, EditIcon, EllipsisIcon, EllipsisVerticalIcon, EqualIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FileBadgeIcon, FileCheckIcon, FileCodeIcon, FileDiffIcon, FileDigitIcon, FileDownIcon, FileIcon, FileImageIcon, FileOutputIcon, FilePenLineIcon, FilePlus2Icon, FilePlusIcon, FileQuestionIcon, FileSearchIcon, FileSpreadsheetIcon, FileTextIcon, FileUpIcon, FilterIcon, FilterXIcon, FlagIcon, FlaskConicalIcon, FoldHorizontalIcon, FolderIcon, FolderInputIcon, FolderOpenIcon, FolderPlusIcon, FolderSyncIcon, FolderTreeIcon, FunctionSquareIcon, GanttChartIcon, GaugeIcon, GitBranchIcon, GitCommitHorizontalIcon, GitPullRequestIcon, GlobeIcon, GraduationCapIcon, GripVerticalIcon, HashIcon, Heading1Icon, Heading2Icon, Heading3Icon, HelpCircleIcon, HighlighterIcon, HistoryIcon, ImageIcon, ImageOffIcon, InboxIcon, InfoIcon, ItalicIcon, KanbanIcon, KeyRoundIcon, KeyboardIcon, LandmarkIcon, LanguagesIcon, LaptopIcon, LayersIcon, LayoutDashboardIcon, LayoutGridIcon, LayoutTemplateIcon, LibraryBigIcon, LibraryIcon, Link2Icon, LinkIcon, ListChecksIcon, ListFilterIcon, ListIcon, ListMinusIcon, ListOrderedIcon, ListTodoIcon, ListTreeIcon, ListXIcon, Loader2Icon, LoaderCircleIcon, LoaderIcon, LockIcon, LockKeyholeIcon, LockOpenIcon, LogOutIcon, MailIcon, Maximize2Icon, MegaphoneIcon, MessageCircleQuestionIcon, MessageSquareIcon, MessageSquareTextIcon, MessageSquareWarningIcon, MessagesSquareIcon, Minimize2Icon, MinusIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, NetworkIcon, MessageSquarePlusIcon as NewChatIcon, PackageIcon, PaletteIcon, PanelLeftIcon, PanelRightIcon, PaperclipIcon, PauseIcon, PenIcon, PenLineIcon, PencilIcon, PencilLineIcon, PhoneIcon, PinIcon, PinOffIcon, PlayIcon, PlugIcon, PlusIcon, PowerIcon, PresentationIcon, PrinterIcon, QuoteIcon, Redo2Icon, RefreshCcwIcon, RefreshCwIcon, RepeatIcon, RotateCcwIcon, RotateCwIcon, RouteIcon, Rows2Icon, Rows3Icon, SaveIcon, ScanSearchIcon, ScanTextIcon, ScissorsIcon, ScrollTextIcon, SearchIcon, SearchXIcon, SendIcon, ServerIcon, Settings2Icon, ShapesIcon, ShieldAlertIcon, ShieldCheckIcon, ShieldIcon, SigmaIcon, SignatureIcon, BookOpenIcon as SkillIcon, SlashIcon, SlidersHorizontalIcon, SparklesIcon, SplitIcon, SquareCheckIcon, SquareIcon, SquareMinusIcon, SquarePenIcon, StarIcon, StarOffIcon, StickyNoteIcon, StrikethroughIcon, SunIcon, TableIcon, TagIcon, TagsIcon, TerminalIcon, TextIcon, TextQuoteIcon, ToggleLeftIcon, Trash2Icon, TrashIcon, TriangleAlertIcon, UnderlineIcon, Undo2Icon, UndoIcon, UnfoldHorizontalIcon, UngroupIcon, UploadIcon, UserCheckIcon, UserIcon, UserPlusIcon, UserRoundIcon, UsersIcon, VideoIcon, WavesIcon, WindIcon, WorkflowIcon, WrapTextIcon, WrenchIcon, XCircleIcon, XIcon, XSquareIcon, ZapIcon } from "lucide-react";