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

package/dist/task-monitor.mjs

@@ -0,0 +1,319 @@
+import { Button } from "./button.mjs";
+import { Card } from "./card.mjs";
+import { EmptySelection } from "./empty.mjs";
+import { ScrollArea } from "./scroll-area.mjs";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "./dropdown-menu.mjs";
+import { BrowserTabs } from "./browser-tabs.mjs";
+import { CommentThread } from "./comment-thread.mjs";
+import { PushPanel, PushPanelContainer, PushPanelContent, PushPanelDescription, PushPanelFooter, PushPanelHeader, PushPanelHeaderTitle, PushPanelMain, PushPanelProvider, PushPanelTitle } from "./push-panel.mjs";
+import { InlineCommentComposer } from "./inline-comment-composer.mjs";
+import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from "./resizable.mjs";
+import { SearchFilterBar } from "./search-filter-bar.mjs";
+import { cn } from "@corensystem/coren-utils";
+import { MoreVertical } from "lucide-react";
+import * as React from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/task-monitor.tsx
+function defaultRenderListRow(item, isSelected) {
+	return /* @__PURE__ */ jsxs(Card, {
+		className: cn("wwc:p-3 wwc:cursor-pointer wwc:transition-colors wwc:shadow-none", isSelected ? "wwc:border-primary wwc:bg-accent" : "wwc:border-border wwc:hover:bg-accent/50"),
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "wwc:font-semibold wwc:text-sm wwc:text-foreground wwc:truncate",
+				children: item.title
+			}),
+			item.subtitle && /* @__PURE__ */ jsx("div", {
+				className: "wwc:text-xs wwc:text-muted-foreground wwc:mt-0.5 wwc:truncate",
+				children: item.subtitle
+			}),
+			item.meta && /* @__PURE__ */ jsx("div", {
+				className: "wwc:mt-2 wwc:text-xs wwc:text-muted-foreground",
+				children: item.meta
+			})
+		]
+	});
+}
+const TaskMonitor = React.forwardRef(({ className, items, listTitle, search, onSearchChange, searchPlaceholder = "Search...", filters, activeFilterId, onActiveFilterChange, listActions, listTrailing, listFilterStrip, renderListRow, openItemIds, activeItemId, onActiveItemChange, onItemOpen, onItemClose, onReorder, renderItemBody, comments, commentValue: commentValueProp, onCommentValueChange, onCommentSubmit, commentPlaceholder = "Write a comment…", commentFlagged, onCommentFlaggedChange, commentDate, onCommentDateChange, onCommentAddImage, onCommentAddMention, actionPanelTitle, actionPanelDescription, actionPanelWidth = 360, renderActionDetails, primaryAction, secondaryActions, itemNoun = "item", disableKeyboardShortcuts = false, ...rest }, ref) => {
+	const [internalComment, setInternalComment] = React.useState("");
+	const isCommentControlled = commentValueProp !== void 0;
+	const commentValue = isCommentControlled ? commentValueProp : internalComment;
+	const setCommentValue = React.useCallback((next) => {
+		if (!isCommentControlled) setInternalComment(next);
+		onCommentValueChange?.(next);
+	}, [isCommentControlled, onCommentValueChange]);
+	const itemsById = React.useMemo(() => {
+		const map = /* @__PURE__ */ new Map();
+		for (const it of items) map.set(it.id, it);
+		return map;
+	}, [items]);
+	const activeItem = activeItemId !== void 0 ? itemsById.get(activeItemId) : void 0;
+	const actionPanelOpen = activeItem !== void 0;
+	const handleRowClick = React.useCallback((item) => {
+		if (!openItemIds.includes(item.id)) onItemOpen?.(item.id);
+		onActiveItemChange?.(item.id);
+	}, [
+		openItemIds,
+		onItemOpen,
+		onActiveItemChange
+	]);
+	const handleTabClose = React.useCallback((id) => {
+		onItemClose?.(id);
+	}, [onItemClose]);
+	const handleCommentSubmit = React.useCallback((submission) => {
+		if (!activeItem) return;
+		onCommentSubmit?.(activeItem, submission);
+		setCommentValue("");
+	}, [
+		activeItem,
+		onCommentSubmit,
+		setCommentValue
+	]);
+	const tabs = React.useMemo(() => openItemIds.map((id) => itemsById.get(id)).filter((it) => it !== void 0).map((it) => ({
+		id: it.id,
+		label: it.title,
+		icon: it.icon
+	})), [openItemIds, itemsById]);
+	React.useEffect(() => {
+		if (disableKeyboardShortcuts) return;
+		const handleKey = (e) => {
+			if (e.metaKey || e.ctrlKey || e.altKey) return;
+			const target = e.target;
+			if (target && (target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.tagName === "SELECT" || target.isContentEditable)) return;
+			switch (e.key) {
+				case "n":
+				case "N": {
+					if (items.length === 0) return;
+					e.preventDefault();
+					const idx = activeItemId !== void 0 ? items.findIndex((i) => i.id === activeItemId) : -1;
+					const next = items[Math.min(items.length - 1, idx + 1)];
+					if (next) handleRowClick(next);
+					return;
+				}
+				case "p":
+				case "P": {
+					if (items.length === 0) return;
+					e.preventDefault();
+					const idx = activeItemId !== void 0 ? items.findIndex((i) => i.id === activeItemId) : items.length;
+					const prev = items[Math.max(0, idx - 1)];
+					if (prev) handleRowClick(prev);
+					return;
+				}
+				case "ArrowLeft": {
+					if (activeItemId === void 0) return;
+					const idx = openItemIds.indexOf(activeItemId);
+					const prevId = idx > 0 ? openItemIds[idx - 1] : void 0;
+					if (prevId !== void 0) {
+						e.preventDefault();
+						onActiveItemChange?.(prevId);
+					}
+					return;
+				}
+				case "ArrowRight": {
+					if (activeItemId === void 0) return;
+					const idx = openItemIds.indexOf(activeItemId);
+					const nextId = idx >= 0 && idx < openItemIds.length - 1 ? openItemIds[idx + 1] : void 0;
+					if (nextId !== void 0) {
+						e.preventDefault();
+						onActiveItemChange?.(nextId);
+					}
+					return;
+				}
+				case "Escape":
+					if (activeItemId === void 0) return;
+					e.preventDefault();
+					onItemClose?.(activeItemId);
+					return;
+			}
+		};
+		document.addEventListener("keydown", handleKey);
+		return () => document.removeEventListener("keydown", handleKey);
+	}, [
+		disableKeyboardShortcuts,
+		items,
+		openItemIds,
+		activeItemId,
+		handleRowClick,
+		onActiveItemChange,
+		onItemClose
+	]);
+	const showCommentArea = activeItem !== void 0 && onCommentSubmit !== void 0;
+	const renderRow = renderListRow ?? defaultRenderListRow;
+	const listActionsMenu = listActions && listActions.length > 0 ? /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ jsx(Button, {
+			variant: "ghost",
+			icon: true,
+			"aria-label": "List actions",
+			children: /* @__PURE__ */ jsx(MoreVertical, { className: "wwc:h-4 wwc:w-4" })
+		})
+	}), /* @__PURE__ */ jsx(DropdownMenuContent, {
+		align: "end",
+		children: listActions.map((action) => /* @__PURE__ */ jsxs(DropdownMenuItem, {
+			onSelect: () => action.onSelect(),
+			className: cn(action.tone === "destructive" && "wwc:text-destructive wwc:focus:text-destructive"),
+			children: [action.icon && /* @__PURE__ */ jsx("span", {
+				className: "wwc:mr-2 wwc:flex wwc:items-center",
+				children: action.icon
+			}), action.label]
+		}, action.id))
+	})] }) : void 0;
+	const trailing = listTrailing || listActionsMenu ? /* @__PURE__ */ jsxs(Fragment$1, { children: [listTrailing, listActionsMenu] }) : void 0;
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: cn("wwc:flex wwc:h-full wwc:w-full", className),
+		...rest,
+		children: /* @__PURE__ */ jsx(PushPanelProvider, {
+			open: actionPanelOpen,
+			side: "right",
+			children: /* @__PURE__ */ jsxs(PushPanelContainer, {
+				className: "wwc:h-full",
+				children: [/* @__PURE__ */ jsx(PushPanelMain, {
+					className: "wwc:h-full wwc:min-w-0",
+					children: /* @__PURE__ */ jsxs(ResizablePanelGroup, {
+						orientation: "horizontal",
+						className: "wwc:h-full",
+						children: [
+							/* @__PURE__ */ jsx(ResizablePanel, {
+								defaultSize: 30,
+								minSize: 20,
+								children: /* @__PURE__ */ jsxs("div", {
+									className: "wwc:flex wwc:h-full wwc:flex-col wwc:bg-card",
+									children: [
+										listTitle && /* @__PURE__ */ jsx("div", {
+											className: "wwc:px-3 wwc:py-3 wwc:text-sm wwc:font-semibold wwc:text-foreground wwc:border-b",
+											children: listTitle
+										}),
+										/* @__PURE__ */ jsx(SearchFilterBar, {
+											search,
+											onSearchChange,
+											searchPlaceholder,
+											filters,
+											activeFilterId,
+											onActiveFilterChange,
+											trailing,
+											filterStrip: listFilterStrip
+										}),
+										/* @__PURE__ */ jsx(ScrollArea, {
+											className: "wwc:flex-1",
+											children: /* @__PURE__ */ jsx("div", {
+												className: "wwc:flex wwc:flex-col wwc:gap-2 wwc:p-3",
+												children: items.length === 0 ? /* @__PURE__ */ jsx("div", {
+													className: "wwc:py-8 wwc:text-center wwc:text-sm wwc:text-muted-foreground",
+													children: "No items"
+												}) : items.map((item) => {
+													const isSelected = item.id === activeItemId;
+													return /* @__PURE__ */ jsx("div", {
+														role: "button",
+														tabIndex: 0,
+														"aria-pressed": isSelected,
+														onClick: () => handleRowClick(item),
+														onKeyDown: (e) => {
+															if (e.key === "Enter" || e.key === " ") {
+																e.preventDefault();
+																handleRowClick(item);
+															}
+														},
+														className: "wwc:focus-visible:outline-none wwc:focus-visible:ring-2 wwc:focus-visible:ring-ring wwc:rounded-xl",
+														children: renderRow(item, isSelected)
+													}, item.id);
+												})
+											})
+										})
+									]
+								})
+							}),
+							/* @__PURE__ */ jsx(ResizableHandle, {}),
+							/* @__PURE__ */ jsx(ResizablePanel, {
+								defaultSize: 70,
+								minSize: 40,
+								children: /* @__PURE__ */ jsxs("div", {
+									className: "wwc:flex wwc:h-full wwc:flex-col wwc:bg-background",
+									children: [tabs.length > 0 ? /* @__PURE__ */ jsx(BrowserTabs, {
+										tabs,
+										activeId: activeItemId,
+										onActiveChange: (id) => onActiveItemChange?.(id),
+										onTabClose: handleTabClose,
+										onReorder,
+										closeable: true,
+										className: "wwc:bg-background"
+									}) : /* @__PURE__ */ jsx("div", {
+										className: "wwc:h-9 wwc:shrink-0",
+										"aria-hidden": true
+									}), /* @__PURE__ */ jsx("div", {
+										className: "wwc:flex wwc:min-h-0 wwc:flex-1 wwc:flex-col",
+										children: activeItem ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
+											className: "wwc:min-h-0 wwc:flex-1 wwc:overflow-auto",
+											children: [/* @__PURE__ */ jsx("div", {
+												className: "wwc:bg-card",
+												children: renderItemBody(activeItem)
+											}), showCommentArea && /* @__PURE__ */ jsx("div", {
+												className: "wwc:px-4 wwc:py-4",
+												children: /* @__PURE__ */ jsx(CommentThread, {
+													comments: comments ?? [],
+													emptyState: /* @__PURE__ */ jsx("p", {
+														className: "wwc:py-8 wwc:text-center wwc:text-sm wwc:text-muted-foreground",
+														children: "No comments yet."
+													})
+												})
+											})]
+										}), showCommentArea && /* @__PURE__ */ jsx("div", {
+											className: "wwc:shrink-0 wwc:border-t wwc:px-4 wwc:py-3",
+											children: /* @__PURE__ */ jsx(InlineCommentComposer, {
+												value: commentValue,
+												onChange: setCommentValue,
+												onSubmit: handleCommentSubmit,
+												placeholder: commentPlaceholder,
+												flagged: commentFlagged,
+												onFlaggedChange: onCommentFlaggedChange,
+												date: commentDate,
+												onDateChange: onCommentDateChange,
+												onAddImage: onCommentAddImage,
+												onAddMention: onCommentAddMention
+											})
+										})] }) : /* @__PURE__ */ jsx("div", {
+											className: "wwc:min-h-0 wwc:flex-1 wwc:overflow-auto wwc:bg-background",
+											children: /* @__PURE__ */ jsx(EmptySelection, { itemNoun })
+										})
+									})]
+								})
+							})
+						]
+					})
+				}), /* @__PURE__ */ jsxs(PushPanel, {
+					width: actionPanelWidth,
+					children: [
+						/* @__PURE__ */ jsx(PushPanelHeader, { children: /* @__PURE__ */ jsx(PushPanelHeaderTitle, { children: /* @__PURE__ */ jsxs("div", {
+							className: "wwc:flex wwc:flex-col wwc:min-w-0",
+							children: [/* @__PURE__ */ jsx(PushPanelTitle, { children: actionPanelTitle ?? activeItem?.title ?? "Details" }), (actionPanelDescription || activeItem?.subtitle) && /* @__PURE__ */ jsx(PushPanelDescription, { children: actionPanelDescription ?? activeItem?.subtitle })]
+						}) }) }),
+						/* @__PURE__ */ jsx(PushPanelContent, { children: activeItem && renderActionDetails ? renderActionDetails(activeItem) : /* @__PURE__ */ jsx("div", {
+							className: "wwc:text-sm wwc:text-muted-foreground",
+							children: "No details to display."
+						}) }),
+						(primaryAction || secondaryActions && secondaryActions.length > 0) && /* @__PURE__ */ jsxs(PushPanelFooter, {
+							className: "wwc:justify-end wwc:flex-wrap",
+							children: [secondaryActions?.map((action) => /* @__PURE__ */ jsxs(Button, {
+								type: "button",
+								size: "sm",
+								variant: action.tone === "destructive" ? "destructive" : "outline",
+								onClick: action.onSelect,
+								children: [action.icon, action.label]
+							}, action.id)), primaryAction && /* @__PURE__ */ jsxs(Button, {
+								type: "button",
+								size: "sm",
+								variant: primaryAction.tone === "destructive" ? "destructive" : "default",
+								onClick: primaryAction.onSelect,
+								children: [primaryAction.icon, primaryAction.label]
+							})]
+						})
+					]
+				})]
+			})
+		})
+	});
+});
+TaskMonitor.displayName = "TaskMonitor";
+//#endregion
+export { TaskMonitor };
+
+//# sourceMappingURL=task-monitor.mjs.map

package/dist/task-monitor.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"task-monitor.mjs","names":[],"sources":["../src/task-monitor.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {MoreVertical} from \"lucide-react\";\nimport * as React from \"react\";\n\nimport {BrowserTabs, type BrowserTabItem} from \"./browser-tabs\";\nimport {Button} from \"./button\";\nimport {Card} from \"./card\";\nimport {type CommentItem, CommentThread} from \"./comment-thread\";\nimport {DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger} from \"./dropdown-menu\";\nimport {EmptySelection} from \"./empty\";\nimport {InlineCommentComposer, type InlineCommentComposerSubmit} from \"./inline-comment-composer\";\nimport {\n\tPushPanel,\n\tPushPanelContainer,\n\tPushPanelContent,\n\tPushPanelDescription,\n\tPushPanelFooter,\n\tPushPanelHeader,\n\tPushPanelHeaderTitle,\n\tPushPanelMain,\n\tPushPanelProvider,\n\tPushPanelTitle,\n} from \"./push-panel\";\nimport {ResizableHandle, ResizablePanel, ResizablePanelGroup} from \"./resizable\";\nimport {ScrollArea} from \"./scroll-area\";\nimport {SearchFilterBar, type SearchFilterBarFilter} from \"./search-filter-bar\";\n\nexport type TaskMonitorItem = {\n\tid: string;\n\ttitle: string;\n\tsubtitle?: string;\n\tmeta?: React.ReactNode;\n\t/** Optional leading icon, carried onto the item's open browser tab. */\n\ticon?: React.ReactNode;\n};\n\nexport type TaskMonitorAction = {\n\tid: string;\n\tlabel: string;\n\ticon?: React.ReactNode;\n\tonSelect: () => void;\n\ttone?: \"default\" | \"destructive\";\n};\n\nexport interface TaskMonitorProps extends React.HTMLAttributes<HTMLDivElement> {\n\titems: TaskMonitorItem[];\n\tlistTitle?: string;\n\tsearch: string;\n\tonSearchChange: (s: string) => void;\n\tsearchPlaceholder?: string;\n\tfilters?: SearchFilterBarFilter[];\n\tactiveFilterId?: string;\n\tonActiveFilterChange?: (id: string | undefined) => void;\n\tlistActions?: TaskMonitorAction[];\n\t/** Extra controls rendered beside the list search input (e.g. a `<Filter>` trigger). */\n\tlistTrailing?: React.ReactNode;\n\t/** Applied-filter strip rendered under the list search input (e.g. `<FilterChips>`). */\n\tlistFilterStrip?: React.ReactNode;\n\trenderListRow?: (item: TaskMonitorItem, isSelected: boolean) => React.ReactNode;\n\n\topenItemIds: string[];\n\tactiveItemId?: string;\n\tonActiveItemChange?: (id: string | undefined) => void;\n\tonItemOpen?: (id: string) => void;\n\tonItemClose?: (id: string) => void;\n\t/** Reorder the open-item tabs by drag (browser-style). Fires with the full tab-id list in its new order. */\n\tonReorder?: (orderedIds: string[]) => void;\n\trenderItemBody: (item: TaskMonitorItem) => React.ReactNode;\n\t/** Singular noun used in default empty-state copy and shortcut labels (e.g. \"task\", \"alert\", \"issue\"). Defaults to \"item\". */\n\titemNoun?: string;\n\t/** Disable the built-in N / P / ←/→ / Esc keyboard shortcuts. */\n\tdisableKeyboardShortcuts?: boolean;\n\n\t/** Comments for the active item. Newest-first ordering is the consumer's responsibility. */\n\tcomments?: CommentItem[];\n\tcommentValue?: string;\n\tonCommentValueChange?: (s: string) => void;\n\tonCommentSubmit?: (item: TaskMonitorItem, submission: InlineCommentComposerSubmit) => void;\n\tcommentPlaceholder?: string;\n\tcommentFlagged?: boolean;\n\tonCommentFlaggedChange?: (flagged: boolean) => void;\n\tcommentDate?: Date;\n\tonCommentDateChange?: (date: Date | undefined) => void;\n\tonCommentAddImage?: (files: FileList) => void;\n\tonCommentAddMention?: () => void;\n\n\tactionPanelTitle?: string;\n\tactionPanelDescription?: string;\n\tactionPanelWidth?: number;\n\trenderActionDetails?: (item: TaskMonitorItem) => React.ReactNode;\n\tprimaryAction?: TaskMonitorAction;\n\tsecondaryActions?: TaskMonitorAction[];\n}\n\nfunction defaultRenderListRow(item: TaskMonitorItem, isSelected: boolean): React.ReactNode {\n\treturn (\n\t\t<Card\n\t\t\tclassName={cn(\n\t\t\t\t\"wwc:p-3 wwc:cursor-pointer wwc:transition-colors wwc:shadow-none\",\n\t\t\t\tisSelected ? \"wwc:border-primary wwc:bg-accent\" : \"wwc:border-border wwc:hover:bg-accent/50\",\n\t\t\t)}\n\t\t>\n\t\t\t<div className=\"wwc:font-semibold wwc:text-sm wwc:text-foreground wwc:truncate\">{item.title}</div>\n\t\t\t{item.subtitle && (\n\t\t\t\t<div className=\"wwc:text-xs wwc:text-muted-foreground wwc:mt-0.5 wwc:truncate\">{item.subtitle}</div>\n\t\t\t)}\n\t\t\t{item.meta && <div className=\"wwc:mt-2 wwc:text-xs wwc:text-muted-foreground\">{item.meta}</div>}\n\t\t</Card>\n\t);\n}\n\nconst TaskMonitor = React.forwardRef<HTMLDivElement, TaskMonitorProps>(\n\t(\n\t\t{\n\t\t\tclassName,\n\t\t\titems,\n\t\t\tlistTitle,\n\t\t\tsearch,\n\t\t\tonSearchChange,\n\t\t\tsearchPlaceholder = \"Search...\",\n\t\t\tfilters,\n\t\t\tactiveFilterId,\n\t\t\tonActiveFilterChange,\n\t\t\tlistActions,\n\t\t\tlistTrailing,\n\t\t\tlistFilterStrip,\n\t\t\trenderListRow,\n\t\t\topenItemIds,\n\t\t\tactiveItemId,\n\t\t\tonActiveItemChange,\n\t\t\tonItemOpen,\n\t\t\tonItemClose,\n\t\t\tonReorder,\n\t\t\trenderItemBody,\n\t\t\tcomments,\n\t\t\tcommentValue: commentValueProp,\n\t\t\tonCommentValueChange,\n\t\t\tonCommentSubmit,\n\t\t\tcommentPlaceholder = \"Write a comment…\",\n\t\t\tcommentFlagged,\n\t\t\tonCommentFlaggedChange,\n\t\t\tcommentDate,\n\t\t\tonCommentDateChange,\n\t\t\tonCommentAddImage,\n\t\t\tonCommentAddMention,\n\t\t\tactionPanelTitle,\n\t\t\tactionPanelDescription,\n\t\t\tactionPanelWidth = 360,\n\t\t\trenderActionDetails,\n\t\t\tprimaryAction,\n\t\t\tsecondaryActions,\n\t\t\titemNoun = \"item\",\n\t\t\tdisableKeyboardShortcuts = false,\n\t\t\t...rest\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst [internalComment, setInternalComment] = React.useState(\"\");\n\t\tconst isCommentControlled = commentValueProp !== undefined;\n\t\tconst commentValue = isCommentControlled ? commentValueProp : internalComment;\n\n\t\tconst setCommentValue = React.useCallback(\n\t\t\t(next: string) => {\n\t\t\t\tif (!isCommentControlled) setInternalComment(next);\n\t\t\t\tonCommentValueChange?.(next);\n\t\t\t},\n\t\t\t[isCommentControlled, onCommentValueChange],\n\t\t);\n\n\t\tconst itemsById = React.useMemo(() => {\n\t\t\tconst map = new Map<string, TaskMonitorItem>();\n\t\t\tfor (const it of items) map.set(it.id, it);\n\t\t\treturn map;\n\t\t}, [items]);\n\n\t\tconst activeItem = activeItemId !== undefined ? itemsById.get(activeItemId) : undefined;\n\t\tconst actionPanelOpen = activeItem !== undefined;\n\n\t\tconst handleRowClick = React.useCallback(\n\t\t\t(item: TaskMonitorItem) => {\n\t\t\t\tif (!openItemIds.includes(item.id)) {\n\t\t\t\t\tonItemOpen?.(item.id);\n\t\t\t\t}\n\t\t\t\tonActiveItemChange?.(item.id);\n\t\t\t},\n\t\t\t[openItemIds, onItemOpen, onActiveItemChange],\n\t\t);\n\n\t\tconst handleTabClose = React.useCallback(\n\t\t\t(id: string) => {\n\t\t\t\tonItemClose?.(id);\n\t\t\t},\n\t\t\t[onItemClose],\n\t\t);\n\n\t\tconst handleCommentSubmit = React.useCallback(\n\t\t\t(submission: InlineCommentComposerSubmit) => {\n\t\t\t\tif (!activeItem) return;\n\t\t\t\tonCommentSubmit?.(activeItem, submission);\n\t\t\t\tsetCommentValue(\"\");\n\t\t\t},\n\t\t\t[activeItem, onCommentSubmit, setCommentValue],\n\t\t);\n\n\t\tconst tabs: BrowserTabItem[] = React.useMemo(\n\t\t\t() =>\n\t\t\t\topenItemIds\n\t\t\t\t\t.map((id) => itemsById.get(id))\n\t\t\t\t\t.filter((it): it is TaskMonitorItem => it !== undefined)\n\t\t\t\t\t.map((it) => ({id: it.id, label: it.title, icon: it.icon})),\n\t\t\t[openItemIds, itemsById],\n\t\t);\n\n\t\tReact.useEffect(() => {\n\t\t\tif (disableKeyboardShortcuts) return;\n\t\t\tconst handleKey = (e: KeyboardEvent) => {\n\t\t\t\tif (e.metaKey || e.ctrlKey || e.altKey) return;\n\t\t\t\tconst target = e.target as HTMLElement | null;\n\t\t\t\tif (\n\t\t\t\t\ttarget &&\n\t\t\t\t\t(target.tagName === \"INPUT\" ||\n\t\t\t\t\t\ttarget.tagName === \"TEXTAREA\" ||\n\t\t\t\t\t\ttarget.tagName === \"SELECT\" ||\n\t\t\t\t\t\ttarget.isContentEditable)\n\t\t\t\t) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tswitch (e.key) {\n\t\t\t\t\tcase \"n\":\n\t\t\t\t\tcase \"N\": {\n\t\t\t\t\t\tif (items.length === 0) return;\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\tconst idx = activeItemId !== undefined ? items.findIndex((i) => i.id === activeItemId) : -1;\n\t\t\t\t\t\tconst next = items[Math.min(items.length - 1, idx + 1)];\n\t\t\t\t\t\tif (next) handleRowClick(next);\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tcase \"p\":\n\t\t\t\t\tcase \"P\": {\n\t\t\t\t\t\tif (items.length === 0) return;\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\tconst idx = activeItemId !== undefined ? items.findIndex((i) => i.id === activeItemId) : items.length;\n\t\t\t\t\t\tconst prev = items[Math.max(0, idx - 1)];\n\t\t\t\t\t\tif (prev) handleRowClick(prev);\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tcase \"ArrowLeft\": {\n\t\t\t\t\t\tif (activeItemId === undefined) return;\n\t\t\t\t\t\tconst idx = openItemIds.indexOf(activeItemId);\n\t\t\t\t\t\tconst prevId = idx > 0 ? openItemIds[idx - 1] : undefined;\n\t\t\t\t\t\tif (prevId !== undefined) {\n\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\tonActiveItemChange?.(prevId);\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tcase \"ArrowRight\": {\n\t\t\t\t\t\tif (activeItemId === undefined) return;\n\t\t\t\t\t\tconst idx = openItemIds.indexOf(activeItemId);\n\t\t\t\t\t\tconst nextId = idx >= 0 && idx < openItemIds.length - 1 ? openItemIds[idx + 1] : undefined;\n\t\t\t\t\t\tif (nextId !== undefined) {\n\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\tonActiveItemChange?.(nextId);\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tcase \"Escape\": {\n\t\t\t\t\t\tif (activeItemId === undefined) return;\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\tonItemClose?.(activeItemId);\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t};\n\t\t\tdocument.addEventListener(\"keydown\", handleKey);\n\t\t\treturn () => document.removeEventListener(\"keydown\", handleKey);\n\t\t}, [disableKeyboardShortcuts, items, openItemIds, activeItemId, handleRowClick, onActiveItemChange, onItemClose]);\n\n\t\tconst showCommentArea = activeItem !== undefined && onCommentSubmit !== undefined;\n\t\tconst renderRow = renderListRow ?? defaultRenderListRow;\n\n\t\tconst listActionsMenu =\n\t\t\tlistActions && listActions.length > 0 ? (\n\t\t\t\t<DropdownMenu>\n\t\t\t\t\t<DropdownMenuTrigger asChild>\n\t\t\t\t\t\t<Button variant=\"ghost\" icon aria-label=\"List actions\">\n\t\t\t\t\t\t\t<MoreVertical className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</DropdownMenuTrigger>\n\t\t\t\t\t<DropdownMenuContent align=\"end\">\n\t\t\t\t\t\t{listActions.map((action) => (\n\t\t\t\t\t\t\t<DropdownMenuItem\n\t\t\t\t\t\t\t\tkey={action.id}\n\t\t\t\t\t\t\t\tonSelect={() => action.onSelect()}\n\t\t\t\t\t\t\t\tclassName={cn(action.tone === \"destructive\" && \"wwc:text-destructive wwc:focus:text-destructive\")}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{action.icon && <span className=\"wwc:mr-2 wwc:flex wwc:items-center\">{action.icon}</span>}\n\t\t\t\t\t\t\t\t{action.label}\n\t\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</DropdownMenuContent>\n\t\t\t\t</DropdownMenu>\n\t\t\t) : undefined;\n\n\t\tconst trailing =\n\t\t\tlistTrailing || listActionsMenu ? (\n\t\t\t\t<>\n\t\t\t\t\t{listTrailing}\n\t\t\t\t\t{listActionsMenu}\n\t\t\t\t</>\n\t\t\t) : undefined;\n\n\t\treturn (\n\t\t\t<div ref={ref} className={cn(\"wwc:flex wwc:h-full wwc:w-full\", className)} {...rest}>\n\t\t\t\t<PushPanelProvider open={actionPanelOpen} side=\"right\">\n\t\t\t\t\t<PushPanelContainer className=\"wwc:h-full\">\n\t\t\t\t\t\t<PushPanelMain className=\"wwc:h-full wwc:min-w-0\">\n\t\t\t\t\t\t\t<ResizablePanelGroup orientation=\"horizontal\" className=\"wwc:h-full\">\n\t\t\t\t\t\t\t\t<ResizablePanel defaultSize={30} minSize={20}>\n\t\t\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:h-full wwc:flex-col wwc:bg-card\">\n\t\t\t\t\t\t\t\t\t\t{listTitle && (\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:px-3 wwc:py-3 wwc:text-sm wwc:font-semibold wwc:text-foreground wwc:border-b\">\n\t\t\t\t\t\t\t\t\t\t\t\t{listTitle}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t<SearchFilterBar\n\t\t\t\t\t\t\t\t\t\t\tsearch={search}\n\t\t\t\t\t\t\t\t\t\t\tonSearchChange={onSearchChange}\n\t\t\t\t\t\t\t\t\t\t\tsearchPlaceholder={searchPlaceholder}\n\t\t\t\t\t\t\t\t\t\t\tfilters={filters}\n\t\t\t\t\t\t\t\t\t\t\tactiveFilterId={activeFilterId}\n\t\t\t\t\t\t\t\t\t\t\tonActiveFilterChange={onActiveFilterChange}\n\t\t\t\t\t\t\t\t\t\t\ttrailing={trailing}\n\t\t\t\t\t\t\t\t\t\t\tfilterStrip={listFilterStrip}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<ScrollArea className=\"wwc:flex-1\">\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:flex-col wwc:gap-2 wwc:p-3\">\n\t\t\t\t\t\t\t\t\t\t\t\t{items.length === 0 ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:py-8 wwc:text-center wwc:text-sm wwc:text-muted-foreground\">No items</div>\n\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\titems.map((item) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst isSelected = item.id === activeItemId;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttabIndex={0}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-pressed={isSelected}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => handleRowClick(item)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonKeyDown={(e) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (e.key === \"Enter\" || e.key === \" \") {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thandleRowClick(item);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:focus-visible:outline-none wwc:focus-visible:ring-2 wwc:focus-visible:ring-ring wwc:rounded-xl\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{renderRow(item, isSelected)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</ScrollArea>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</ResizablePanel>\n\n\t\t\t\t\t\t\t\t<ResizableHandle />\n\n\t\t\t\t\t\t\t\t<ResizablePanel defaultSize={70} minSize={40}>\n\t\t\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:h-full wwc:flex-col wwc:bg-background\">\n\t\t\t\t\t\t\t\t\t\t{tabs.length > 0 ? (\n\t\t\t\t\t\t\t\t\t\t\t<BrowserTabs\n\t\t\t\t\t\t\t\t\t\t\t\ttabs={tabs}\n\t\t\t\t\t\t\t\t\t\t\t\tactiveId={activeItemId}\n\t\t\t\t\t\t\t\t\t\t\t\tonActiveChange={(id) => onActiveItemChange?.(id)}\n\t\t\t\t\t\t\t\t\t\t\t\tonTabClose={handleTabClose}\n\t\t\t\t\t\t\t\t\t\t\t\tonReorder={onReorder}\n\t\t\t\t\t\t\t\t\t\t\t\tcloseable\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:bg-background\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:h-9 wwc:shrink-0\" aria-hidden />\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:min-h-0 wwc:flex-1 wwc:flex-col\">\n\t\t\t\t\t\t\t\t\t\t\t{activeItem ? (\n\t\t\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:min-h-0 wwc:flex-1 wwc:overflow-auto\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:bg-card\">{renderItemBody(activeItem)}</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{showCommentArea && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:px-4 wwc:py-4\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<CommentThread\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcomments={comments ?? []}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\temptyState={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p className=\"wwc:py-8 wwc:text-center wwc:text-sm wwc:text-muted-foreground\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tNo comments yet.\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{showCommentArea && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:shrink-0 wwc:border-t wwc:px-4 wwc:py-3\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<InlineCommentComposer\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={commentValue}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={setCommentValue}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonSubmit={handleCommentSubmit}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder={commentPlaceholder}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tflagged={commentFlagged}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonFlaggedChange={onCommentFlaggedChange}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdate={commentDate}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonDateChange={onCommentDateChange}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonAddImage={onCommentAddImage}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonAddMention={onCommentAddMention}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:min-h-0 wwc:flex-1 wwc:overflow-auto wwc:bg-background\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<EmptySelection itemNoun={itemNoun} />\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</ResizablePanel>\n\t\t\t\t\t\t\t</ResizablePanelGroup>\n\t\t\t\t\t\t</PushPanelMain>\n\n\t\t\t\t\t\t<PushPanel width={actionPanelWidth}>\n\t\t\t\t\t\t\t<PushPanelHeader>\n\t\t\t\t\t\t\t\t<PushPanelHeaderTitle>\n\t\t\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:flex-col wwc:min-w-0\">\n\t\t\t\t\t\t\t\t\t\t<PushPanelTitle>{actionPanelTitle ?? activeItem?.title ?? \"Details\"}</PushPanelTitle>\n\t\t\t\t\t\t\t\t\t\t{(actionPanelDescription || activeItem?.subtitle) && (\n\t\t\t\t\t\t\t\t\t\t\t<PushPanelDescription>{actionPanelDescription ?? activeItem?.subtitle}</PushPanelDescription>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</PushPanelHeaderTitle>\n\t\t\t\t\t\t\t</PushPanelHeader>\n\t\t\t\t\t\t\t<PushPanelContent>\n\t\t\t\t\t\t\t\t{activeItem && renderActionDetails ? (\n\t\t\t\t\t\t\t\t\trenderActionDetails(activeItem)\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<div className=\"wwc:text-sm wwc:text-muted-foreground\">No details to display.</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</PushPanelContent>\n\t\t\t\t\t\t\t{(primaryAction || (secondaryActions && secondaryActions.length > 0)) && (\n\t\t\t\t\t\t\t\t<PushPanelFooter className=\"wwc:justify-end wwc:flex-wrap\">\n\t\t\t\t\t\t\t\t\t{secondaryActions?.map((action) => (\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\tkey={action.id}\n\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\tvariant={action.tone === \"destructive\" ? \"destructive\" : \"outline\"}\n\t\t\t\t\t\t\t\t\t\t\tonClick={action.onSelect}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{action.icon}\n\t\t\t\t\t\t\t\t\t\t\t{action.label}\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t{primaryAction && (\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\tvariant={primaryAction.tone === \"destructive\" ? \"destructive\" : \"default\"}\n\t\t\t\t\t\t\t\t\t\t\tonClick={primaryAction.onSelect}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{primaryAction.icon}\n\t\t\t\t\t\t\t\t\t\t\t{primaryAction.label}\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</PushPanelFooter>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</PushPanel>\n\t\t\t\t\t</PushPanelContainer>\n\t\t\t\t</PushPanelProvider>\n\t\t\t</div>\n\t\t);\n\t},\n);\nTaskMonitor.displayName = \"TaskMonitor\";\n\nexport {TaskMonitor};\n"],"mappings":"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"}

package/dist/text.d.mts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+//#region src/text.d.ts
+declare const textVariants: (props?: ({
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+  weight?: "bold" | "normal" | "medium" | "semibold" | null | undefined;
+  variant?: "muted" | "default" | "success" | "accent" | "error" | null | undefined;
+  align?: "center" | "left" | "right" | "justify" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface TextProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof textVariants> {
+  /** Render as a different HTML element */
+  as?: "p" | "span" | "div" | "label";
+}
+/** Styled text element with consistent typography. */
+declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLElement>>;
+//#endregion
+export { Text, textVariants };
+//# sourceMappingURL=text.d.mts.map

package/dist/text.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.mts","names":[],"sources":["../src/text.tsx"],"mappings":";;;cAIM,eAAY;;;;;6CAmChB;iBAEe,kBAAkB,MAAM,eAAe,cAAc,oBAAoB;;EAEzF;;;cAIK,MAAI,MAAA,0BAAA,YAAA,MAAA,cAAA"}

package/dist/text.mjs

@@ -0,0 +1,60 @@
+import { cn } from "@corensystem/coren-utils";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/text.tsx
+const textVariants = cva("", {
+	variants: {
+		size: {
+			xs: "wwc:text-xs",
+			sm: "wwc:text-sm",
+			md: "wwc:text-base",
+			lg: "wwc:text-lg",
+			xl: "wwc:text-xl"
+		},
+		weight: {
+			normal: "wwc:font-normal",
+			medium: "wwc:font-medium",
+			semibold: "wwc:font-semibold",
+			bold: "wwc:font-bold"
+		},
+		variant: {
+			default: "wwc:text-foreground",
+			muted: "wwc:text-muted-foreground",
+			accent: "wwc:text-primary",
+			error: "wwc:text-destructive",
+			success: "wwc:text-green-600 dark:wwc:text-green-400"
+		},
+		align: {
+			left: "wwc:text-left",
+			center: "wwc:text-center",
+			right: "wwc:text-right",
+			justify: "wwc:text-justify"
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		weight: "normal",
+		variant: "default",
+		align: "left"
+	}
+});
+/** Styled text element with consistent typography. */
+const Text = React.forwardRef(({ className, size, weight, variant, align, as: Component = "p", ...props }, ref) => {
+	return /* @__PURE__ */ jsx(Component, {
+		ref,
+		className: cn(textVariants({
+			size,
+			weight,
+			variant,
+			align,
+			className
+		})),
+		...props
+	});
+});
+Text.displayName = "Text";
+//#endregion
+export { Text, textVariants };
+
+//# sourceMappingURL=text.mjs.map

package/dist/text.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.mjs","names":[],"sources":["../src/text.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {type VariantProps, cva} from \"class-variance-authority\";\nimport * as React from \"react\";\n\nconst textVariants = cva(\"\", {\n\tvariants: {\n\t\tsize: {\n\t\t\txs: \"wwc:text-xs\",\n\t\t\tsm: \"wwc:text-sm\",\n\t\t\tmd: \"wwc:text-base\",\n\t\t\tlg: \"wwc:text-lg\",\n\t\t\txl: \"wwc:text-xl\",\n\t\t},\n\t\tweight: {\n\t\t\tnormal: \"wwc:font-normal\",\n\t\t\tmedium: \"wwc:font-medium\",\n\t\t\tsemibold: \"wwc:font-semibold\",\n\t\t\tbold: \"wwc:font-bold\",\n\t\t},\n\t\tvariant: {\n\t\t\tdefault: \"wwc:text-foreground\",\n\t\t\tmuted: \"wwc:text-muted-foreground\",\n\t\t\taccent: \"wwc:text-primary\",\n\t\t\terror: \"wwc:text-destructive\",\n\t\t\tsuccess: \"wwc:text-green-600 dark:wwc:text-green-400\",\n\t\t},\n\t\talign: {\n\t\t\tleft: \"wwc:text-left\",\n\t\t\tcenter: \"wwc:text-center\",\n\t\t\tright: \"wwc:text-right\",\n\t\t\tjustify: \"wwc:text-justify\",\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tsize: \"md\",\n\t\tweight: \"normal\",\n\t\tvariant: \"default\",\n\t\talign: \"left\",\n\t},\n});\n\nexport interface TextProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof textVariants> {\n\t/** Render as a different HTML element */\n\tas?: \"p\" | \"span\" | \"div\" | \"label\";\n}\n\n/** Styled text element with consistent typography. */\nconst Text = React.forwardRef<HTMLElement, TextProps>(\n\t({className, size, weight, variant, align, as: Component = \"p\", ...props}, ref) => {\n\t\treturn (\n\t\t\t<Component\n\t\t\t\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\t\t\t\tref={ref as any}\n\t\t\t\tclassName={cn(textVariants({size, weight, variant, align, className}))}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\nText.displayName = \"Text\";\n\nexport {Text, textVariants};\n"],"mappings":";;;;;AAIA,MAAM,eAAe,IAAI,IAAI;CAC5B,UAAU;EACT,MAAM;GACL,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;EACL;EACA,QAAQ;GACP,QAAQ;GACR,QAAQ;GACR,UAAU;GACV,MAAM;EACP;EACA,SAAS;GACR,SAAS;GACT,OAAO;GACP,QAAQ;GACR,OAAO;GACP,SAAS;EACV;EACA,OAAO;GACN,MAAM;GACN,QAAQ;GACR,OAAO;GACP,SAAS;EACV;CACD;CACA,iBAAiB;EAChB,MAAM;EACN,QAAQ;EACR,SAAS;EACT,OAAO;CACR;AACD,CAAC;;AAQD,MAAM,OAAO,MAAM,YACjB,EAAC,WAAW,MAAM,QAAQ,SAAS,OAAO,IAAI,YAAY,KAAK,GAAG,SAAQ,QAAQ;CAClF,OACC,oBAAC,WAAD;EAEM;EACL,WAAW,GAAG,aAAa;GAAC;GAAM;GAAQ;GAAS;GAAO;EAAS,CAAC,CAAC;EACrE,GAAI;CACJ,CAAA;AAEH,CACD;AACA,KAAK,cAAc"}

package/dist/textarea.d.mts

@@ -0,0 +1,7 @@
+import * as React from "react";
+//#region src/textarea.d.ts
+/** A multi-line text input field. */
+declare const Textarea: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+//#endregion
+export { Textarea };
+//# sourceMappingURL=textarea.d.mts.map

package/dist/textarea.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.mts","names":[],"sources":["../src/textarea.tsx"],"mappings":";;;cAIM,UAAQ,MAAA,0BAAA,KAAA,MAAA,kBAAA,MAAA,uBAAA,sBAAA,+BAAA,MAAA,cAAA"}

package/dist/textarea.mjs

@@ -0,0 +1,15 @@
+import { cn } from "@corensystem/coren-utils";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/textarea.tsx
+/** A multi-line text input field. */
+const Textarea = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("textarea", {
+	className: cn("wwc:flex wwc:min-h-[60px] wwc:w-full wwc:rounded-md wwc:border wwc:border-input wwc:bg-transparent wwc:px-3 wwc:py-2 wwc:text-base wwc:shadow-sm wwc:placeholder:text-muted-foreground wwc:focus-visible:outline-none wwc:focus-visible:ring-1 wwc:focus-visible:ring-ring wwc:disabled:cursor-not-allowed wwc:disabled:opacity-50 wwc:md:text-sm", className),
+	ref,
+	...props
+}));
+Textarea.displayName = "Textarea";
+//#endregion
+export { Textarea };
+
+//# sourceMappingURL=textarea.mjs.map

package/dist/textarea.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.mjs","names":[],"sources":["../src/textarea.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport * as React from \"react\";\n\n/** A multi-line text input field. */\nconst Textarea = React.forwardRef<HTMLTextAreaElement, React.ComponentProps<\"textarea\">>(\n\t({className, ...props}, ref) => (\n\t\t<textarea\n\t\t\tclassName={cn(\n\t\t\t\t\"wwc:flex wwc:min-h-[60px] wwc:w-full wwc:rounded-md wwc:border wwc:border-input wwc:bg-transparent wwc:px-3 wwc:py-2 wwc:text-base wwc:shadow-sm wwc:placeholder:text-muted-foreground wwc:focus-visible:outline-none wwc:focus-visible:ring-1 wwc:focus-visible:ring-ring wwc:disabled:cursor-not-allowed wwc:disabled:opacity-50 wwc:md:text-sm\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tref={ref}\n\t\t\t{...props}\n\t\t/>\n\t),\n);\nTextarea.displayName = \"Textarea\";\n\nexport {Textarea};\n"],"mappings":";;;;;AAIA,MAAM,WAAW,MAAM,YACrB,EAAC,WAAW,GAAG,SAAQ,QACvB,oBAAC,YAAD;CACC,WAAW,GACV,qVACA,SACD;CACK;CACL,GAAI;AACJ,CAAA,CAEH;AACA,SAAS,cAAc"}

package/dist/thinking-pill.d.mts

@@ -0,0 +1,15 @@
+import * as React from "react";
+//#region src/thinking-pill.d.ts
+export interface ThinkingPillProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "children"> {
+  /** Label. Keep to ~3 words. Defaults to "Thinking". */
+  label?: string;
+  /** Leading icon. Defaults to a Brain glyph that pairs with the default "Thinking" label. */
+  icon?: React.ReactNode;
+}
+/**
+ * Inline indicator that an agent is actively processing before any output has appeared.
+ * Mount/unmount, don't toggle. Lifetime = "request started" → "first byte/event received".
+ */
+export declare const ThinkingPill: React.ForwardRefExoticComponent<ThinkingPillProps & React.RefAttributes<HTMLSpanElement>>;
+//#endregion
+//# sourceMappingURL=thinking-pill.d.mts.map

package/dist/thinking-pill.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"thinking-pill.d.mts","names":[],"sources":["../src/thinking-pill.tsx"],"mappings":";;iBAIiB,0BAA0B,KAAK,MAAM,eAAe;;EAEpE;;EAEA,OAAO,MAAM;;;;;;qBAOD,cAAY,MAAA,0BAAA,oBAAA,MAAA,cAAA"}

package/dist/thinking-pill.mjs

@@ -0,0 +1,28 @@
+import { cn } from "@corensystem/coren-utils";
+import { Brain } from "lucide-react";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/thinking-pill.tsx
+/**
+* Inline indicator that an agent is actively processing before any output has appeared.
+* Mount/unmount, don't toggle. Lifetime = "request started" → "first byte/event received".
+*/
+const ThinkingPill = React.forwardRef(({ label = "Thinking", icon, className, ...props }, ref) => {
+	return /* @__PURE__ */ jsxs("span", {
+		ref,
+		role: "status",
+		"aria-live": "polite",
+		className: cn("wwc:inline-flex wwc:items-center wwc:gap-2 wwc:text-[13px] wwc:text-muted-foreground", className),
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			"aria-hidden": true,
+			className: "wwc:flex wwc:h-3.5 wwc:w-3.5 wwc:shrink-0 wwc:items-center wwc:justify-center wwc:animate-pulse wwc:motion-reduce:animate-none",
+			children: icon ?? /* @__PURE__ */ jsx(Brain, { className: "wwc:h-3.5 wwc:w-3.5" })
+		}), /* @__PURE__ */ jsx("span", { children: label })]
+	});
+});
+ThinkingPill.displayName = "ThinkingPill";
+//#endregion
+export { ThinkingPill };
+
+//# sourceMappingURL=thinking-pill.mjs.map

package/dist/thinking-pill.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"thinking-pill.mjs","names":[],"sources":["../src/thinking-pill.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {Brain} from \"lucide-react\";\nimport * as React from \"react\";\n\nexport interface ThinkingPillProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, \"children\"> {\n\t/** Label. Keep to ~3 words. Defaults to \"Thinking\". */\n\tlabel?: string;\n\t/** Leading icon. Defaults to a Brain glyph that pairs with the default \"Thinking\" label. */\n\ticon?: React.ReactNode;\n}\n\n/**\n * Inline indicator that an agent is actively processing before any output has appeared.\n * Mount/unmount, don't toggle. Lifetime = \"request started\" → \"first byte/event received\".\n */\nexport const ThinkingPill = React.forwardRef<HTMLSpanElement, ThinkingPillProps>(\n\t({label = \"Thinking\", icon, className, ...props}, ref) => {\n\t\treturn (\n\t\t\t<span\n\t\t\t\tref={ref}\n\t\t\t\trole=\"status\"\n\t\t\t\taria-live=\"polite\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"wwc:inline-flex wwc:items-center wwc:gap-2 wwc:text-[13px] wwc:text-muted-foreground\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<span\n\t\t\t\t\taria-hidden\n\t\t\t\t\tclassName=\"wwc:flex wwc:h-3.5 wwc:w-3.5 wwc:shrink-0 wwc:items-center wwc:justify-center wwc:animate-pulse wwc:motion-reduce:animate-none\"\n\t\t\t\t>\n\t\t\t\t\t{icon ?? <Brain className=\"wwc:h-3.5 wwc:w-3.5\" />}\n\t\t\t\t</span>\n\t\t\t\t<span>{label}</span>\n\t\t\t</span>\n\t\t);\n\t},\n);\nThinkingPill.displayName = \"ThinkingPill\";\n"],"mappings":";;;;;;;;;AAeA,MAAa,eAAe,MAAM,YAChC,EAAC,QAAQ,YAAY,MAAM,WAAW,GAAG,SAAQ,QAAQ;CACzD,OACC,qBAAC,QAAD;EACM;EACL,MAAK;EACL,aAAU;EACV,WAAW,GACV,wFACA,SACD;EACA,GAAI;EARL,UAAA,CAUC,oBAAC,QAAD;GACC,eAAA;GACA,WAAU;GAET,UAAA,QAAQ,oBAAC,OAAD,EAAO,WAAU,sBAAuB,CAAA;EAC5C,CAAA,GACN,oBAAC,QAAD,EAAA,UAAO,MAAY,CAAA,CACd;;AAER,CACD;AACA,aAAa,cAAc"}

package/dist/thumbnail.d.mts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+//#region src/thumbnail.d.ts
+declare const thumbnailVariants: (props?: ({
+  size?: "sm" | "md" | "lg" | "xl" | null | undefined;
+  rounded?: "sm" | "md" | "lg" | "full" | "none" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ThumbnailProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, "src">, VariantProps<typeof thumbnailVariants> {
+  /** Image source URL */
+  src?: string;
+  /** Fallback content when image fails to load or is not provided */
+  fallback?: React.ReactNode;
+  /** Alt text for the image */
+  alt: string;
+}
+/** An image preview component with loading and error states. */
+declare const Thumbnail: React.ForwardRefExoticComponent<ThumbnailProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Thumbnail, thumbnailVariants };
+//# sourceMappingURL=thumbnail.d.mts.map

package/dist/thumbnail.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"thumbnail.d.mts","names":[],"sources":["../src/thumbnail.tsx"],"mappings":";;;cAIM,oBAAiB;;;6CAuBtB;iBAEgB,uBACR,KAAK,MAAM,kBAAkB,2BAA2B,oBAAoB;;EAEpF;;EAEA,WAAW,MAAM;;EAEjB;;;cAIK,WAAS,MAAA,0BAAA,iBAAA,MAAA,cAAA"}