@parallelworks/ui 0.20.0 → 0.21.1

package/dist/list/RowContextMenu.js

@@ -1,6 +1,15 @@
 import { safeUrl } from "../safeUrl.js";
 import { useLink, useNotify, useStrings } from "../components/Provider.js";
-import { CheckIcon, ChevronRightIcon, ClipboardIcon, CopyIcon, IdCardIcon, KeyIcon, LinkIcon, MailIcon, MoreIcon, UserIcon } from "../icons.js";
+import { BsThreeDots } from "../icons/bs/BsThreeDots.js";
+import { FaCheck } from "../icons/fa/FaCheck.js";
+import { FaKey } from "../icons/fa/FaKey.js";
+import { FaLink } from "../icons/fa/FaLink.js";
+import { FaUser } from "../icons/fa/FaUser.js";
+import { FiCopy } from "../icons/fi/FiCopy.js";
+import { HiOutlineClipboardCopy } from "../icons/hi/HiOutlineClipboardCopy.js";
+import { LuChevronRight } from "../icons/lu/LuChevronRight.js";
+import { LuIdCard } from "../icons/lu/LuIdCard.js";
+import { LuMail } from "../icons/lu/LuMail.js";
 import { keyedByContent } from "../components/keys.js";
 import { TOOLTIP_ID } from "../components/Tooltip.js";
 import cx from "classnames";
@@ -21,7 +30,7 @@ function toRowMenuItem(action) {
 		kind: "action",
 		label: action.label,
 		icon: action.icon,
-		onSelect: action.onSelect ?? (() => {}),
+		onSelect: action.onSelect,
 		disabled: action.disabled,
 		destructive: action.destructive,
 		tooltip: action.tooltip
@@ -224,7 +233,7 @@ function MenuRow({ item, onClose, side }) {
 				children: [/* @__PURE__ */ jsxs("span", {
 					className: "flex items-center gap-2.5",
 					children: [item.icon, item.label]
-				}), /* @__PURE__ */ jsx(ChevronRightIcon, { className: "h-3 w-3 shrink-0 opacity-60" })]
+				}), /* @__PURE__ */ jsx(LuChevronRight, { className: "h-3 w-3 shrink-0 opacity-60" })]
 			}), openSub && /* @__PURE__ */ jsx("div", {
 				className: cx("absolute -top-1 z-10 min-w-44 rounded-lg border border-(--theme-border) bg-(--theme-panel-bg) py-1 shadow-lg", side === "left" ? "right-full" : "left-full"),
 				children: /* @__PURE__ */ jsx(MenuItemList, {
@@ -271,7 +280,7 @@ function MenuRow({ item, onClose, side }) {
 		children: [
 			item.icon,
 			item.label,
-			item.selected && /* @__PURE__ */ jsx(CheckIcon, { className: "ml-auto opacity-80" })
+			item.selected && /* @__PURE__ */ jsx(FaCheck, { className: "ml-auto opacity-80" })
 		]
 	});
 }
@@ -283,51 +292,51 @@ function useCopySubmenu() {
 			{
 				label: nameLabel ?? t.labelName,
 				value: name,
-				icon: /* @__PURE__ */ jsx(CopyIcon, {})
+				icon: /* @__PURE__ */ jsx(FiCopy, {})
 			},
 			{
 				label: t.labelEmail,
 				value: email,
-				icon: /* @__PURE__ */ jsx(MailIcon, {})
+				icon: /* @__PURE__ */ jsx(LuMail, {})
 			},
 			{
 				label: t.labelUsername,
 				value: username,
-				icon: /* @__PURE__ */ jsx(UserIcon, {})
+				icon: /* @__PURE__ */ jsx(FaUser, {})
 			},
 			{
 				label: t.labelUid,
 				value: uid === null || uid === void 0 ? null : String(uid),
-				icon: /* @__PURE__ */ jsx(KeyIcon, {})
+				icon: /* @__PURE__ */ jsx(FaKey, {})
 			},
 			{
 				label: t.labelId,
 				value: id,
-				icon: /* @__PURE__ */ jsx(IdCardIcon, {})
+				icon: /* @__PURE__ */ jsx(LuIdCard, {})
 			},
 			{
 				label: t.labelUrl,
 				value: url,
-				icon: /* @__PURE__ */ jsx(LinkIcon, {})
+				icon: /* @__PURE__ */ jsx(FaLink, {})
 			},
 			...(extra ?? []).map((e) => ({
 				label: e.label,
 				value: e.value,
-				icon: e.icon ?? /* @__PURE__ */ jsx(CopyIcon, {})
+				icon: e.icon ?? /* @__PURE__ */ jsx(FiCopy, {})
 			}))
-		].filter((f) => f.value).map((f) => ({
+		].flatMap(({ label, value, icon }) => value ? [{
 			kind: "action",
-			label: t.copy(f.label),
-			icon: f.icon,
+			label: t.copy(label),
+			icon,
 			copy: {
-				text: f.value,
-				label: f.label
+				text: value,
+				label
 			}
-		}));
+		}] : []);
 		return {
 			kind: "submenu",
 			label: t.copyMenu,
-			icon: /* @__PURE__ */ jsx(ClipboardIcon, {}),
+			icon: /* @__PURE__ */ jsx(HiOutlineClipboardCopy, {}),
 			items
 		};
 	}, [t]);
@@ -344,7 +353,7 @@ function MoreButton({ onOpen, active, className }) {
 			onOpen(r.right, r.bottom);
 		},
 		className: cx("rounded p-1 cursor-pointer text-(--theme-muted-text-color) transition-colors hover:bg-(--theme-muted-panel-bg) hover:text-(--theme-app) focus-visible:opacity-100", active ? "opacity-100" : "opacity-0 group-hover:opacity-100", className),
-		children: /* @__PURE__ */ jsx(MoreIcon, { className: "h-4 w-4" })
+		children: /* @__PURE__ */ jsx(BsThreeDots, { className: "h-4 w-4" })
 	});
 }
 //#endregion

package/dist/list/listSearch.js

@@ -1,4 +1,5 @@
-import { SearchIcon, XIcon } from "../icons.js";
+import { FaSearch } from "../icons/fa/FaSearch.js";
+import { FiX } from "../icons/fi/FiX.js";
 import { TOOLTIP_ID } from "../components/Tooltip.js";
 import { isTextEntryContext } from "./textEntry.js";
 import { listControlButtonClasses } from "./ListViewControls.js";
@@ -73,7 +74,7 @@ function ListSearchControl({ search, placeholder, label = "Search" }) {
 	if (search.searchOpen || search.terms.length > 0) return /* @__PURE__ */ jsxs("div", {
 		className: "flex min-h-7 w-72 max-w-[55vw] flex-wrap items-center gap-1.5 rounded-md border border-(--theme-border) bg-(--theme-muted-panel-bg) px-2 py-0.5",
 		children: [
-			/* @__PURE__ */ jsx(SearchIcon, { className: "w-3.5 h-3.5 shrink-0 text-(--theme-muted-text-color)" }),
+			/* @__PURE__ */ jsx(FaSearch, { className: "w-3.5 h-3.5 shrink-0 text-(--theme-muted-text-color)" }),
 			search.terms.map((term) => /* @__PURE__ */ jsxs("span", {
 				className: "flex max-w-40 items-center gap-1 rounded border border-(--theme-border) bg-(--theme-app-bg) px-1.5 py-px text-[12px] text-(--theme-app)",
 				children: [/* @__PURE__ */ jsx("span", {
@@ -84,7 +85,7 @@ function ListSearchControl({ search, placeholder, label = "Search" }) {
 					onClick: () => search.removeTerm(term),
 					"aria-label": `Remove filter ${term}`,
 					className: "shrink-0 rounded p-0.5 text-(--theme-muted-text-color) hover:text-(--theme-app) transition-colors",
-					children: /* @__PURE__ */ jsx(XIcon, { className: "w-2.5 h-2.5" })
+					children: /* @__PURE__ */ jsx(FiX, { className: "w-2.5 h-2.5" })
 				})]
 			}, term)),
 			/* @__PURE__ */ jsx("input", {
@@ -109,7 +110,7 @@ function ListSearchControl({ search, placeholder, label = "Search" }) {
 				onClick: search.clearSearch,
 				"aria-label": "Clear search",
 				className: "shrink-0 rounded p-0.5 text-(--theme-muted-text-color) hover:text-(--theme-app) transition-colors",
-				children: /* @__PURE__ */ jsx(XIcon, { className: "w-3 h-3" })
+				children: /* @__PURE__ */ jsx(FiX, { className: "w-3 h-3" })
 			})
 		]
 	});
@@ -121,7 +122,7 @@ function ListSearchControl({ search, placeholder, label = "Search" }) {
 		"data-tooltip-content": label,
 		"data-tooltip-shortcut": "⌘+F",
 		className: listControlButtonClasses,
-		children: /* @__PURE__ */ jsx(SearchIcon, { className: "w-3.5 h-3.5" })
+		children: /* @__PURE__ */ jsx(FaSearch, { className: "w-3.5 h-3.5" })
 	});
 }
 function ListCount({ total, matches, filterActive, noun, nounPlural }) {

package/dist/logviewer/LogViewer.js

@@ -1,5 +1,15 @@
 import { useNotify, useOptionalWorkflowEngine, useStrings } from "../components/Provider.js";
-import { ArrowDownIcon, ArrowUpIcon, CheckIcon, ChevronDownIcon, ChevronRightIcon, ClockIcon, CopyIcon, DownloadIcon, ExpandIcon, ShrinkIcon, XIcon } from "../icons.js";
+import { FaArrowDown } from "../icons/fa/FaArrowDown.js";
+import { FaArrowUp } from "../icons/fa/FaArrowUp.js";
+import { FaCheck } from "../icons/fa/FaCheck.js";
+import { FaChevronDown } from "../icons/fa/FaChevronDown.js";
+import { FaCloudDownloadAlt } from "../icons/fa/FaCloudDownloadAlt.js";
+import { FaCompress } from "../icons/fa/FaCompress.js";
+import { FaExpand } from "../icons/fa/FaExpand.js";
+import { FiClock } from "../icons/fi/FiClock.js";
+import { FiCopy } from "../icons/fi/FiCopy.js";
+import { FiX } from "../icons/fi/FiX.js";
+import { LuChevronRight } from "../icons/lu/LuChevronRight.js";
 import { TooltipInfo } from "../components/Tooltip.js";
 import { highlightSegments, parseAnsiSegments, plainSegments } from "./segments.js";
 import cx from "classnames";
@@ -76,7 +86,7 @@ var LogLine = memo(function LogLine({ index, segments, lineNumbers, isSelected,
 			children: [
 				command?.type === "group" && /* @__PURE__ */ jsx("span", {
 					className: "mr-1 shrink-0 inline-flex items-center",
-					children: isGroupCollapsed ? /* @__PURE__ */ jsx(ChevronRightIcon, { className: "w-3 h-3" }) : /* @__PURE__ */ jsx(ChevronDownIcon, { className: "w-3 h-3" })
+					children: isGroupCollapsed ? /* @__PURE__ */ jsx(LuChevronRight, { className: "w-3 h-3" }) : /* @__PURE__ */ jsx(FaChevronDown, { className: "w-3 h-3" })
 				}),
 				annotationLabel,
 				/* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(LogSegments, { segments: displaySegments }) })
@@ -336,15 +346,13 @@ function LogViewer({ log, height = "unset", width, roundedBottom = false, lineNu
 		};
 		scrollAnimationRef.current = requestAnimationFrame(animate);
 	}, []);
-	const scrollLogViewer = useCallback((location, ref) => {
-		if (!ref?.current) return;
-		if (location === "top") ref.current.scroll({
+	const scrollToTop = () => {
+		logContainerRef.current?.scroll({
 			top: 0,
 			left: 0,
 			behavior: "smooth"
 		});
-		else smoothScrollToBottom();
-	}, [smoothScrollToBottom]);
+	};
 	useEffect(() => {
 		const container = logContainerRef.current;
 		if (!container || inline) return;
@@ -400,7 +408,7 @@ function LogViewer({ log, height = "unset", width, roundedBottom = false, lineNu
 	};
 	useEffect(() => {
 		if (!log) return;
-		const lines = (typeof log === "object" ? JSON.stringify(log) : log.toString()).split("\n");
+		const lines = log.split("\n");
 		const cleanedLines = lines[lines.length - 1] === "" ? lines.slice(0, -1) : lines;
 		const isAppending = cleanedLines.length > prevLogLengthRef.current;
 		prevLogLengthRef.current = cleanedLines.length;
@@ -495,13 +503,13 @@ function LogViewer({ log, height = "unset", width, roundedBottom = false, lineNu
 			const visibleCount = Math.ceil(clientHeight / LINE_HEIGHT) + 40;
 			setVisibleStart(0);
 			setVisibleEnd(Math.min(parsedLog.length, visibleCount));
-			scrollLogViewer("top", logContainerRef);
+			scrollToTop();
 		} else {
 			setVisibleStart(0);
 			setVisibleEnd(50);
 		}
 	};
-	const ExpandButtonIcon = fullscreen ? ShrinkIcon : ExpandIcon;
+	const ExpandButtonIcon = fullscreen ? FaCompress : FaExpand;
 	const expandButtonText = fullscreen ? "Collapse" : "Expand";
 	const paddingTop = visibleStart * LINE_HEIGHT;
 	const paddingBottom = Math.max(0, parsedLog.length - visibleEnd) * LINE_HEIGHT;
@@ -533,10 +541,10 @@ function LogViewer({ log, height = "unset", width, roundedBottom = false, lineNu
 									type: "button",
 									className: "btn btn-neutral",
 									onClick: () => {
-										scrollLogViewer("top", logContainerRef);
+										scrollToTop();
 										updateFollow(false);
 									},
-									children: [/* @__PURE__ */ jsx(ArrowUpIcon, {}), /* @__PURE__ */ jsx("span", { children: t.top })]
+									children: [/* @__PURE__ */ jsx(FaArrowUp, {}), /* @__PURE__ */ jsx("span", { children: t.top })]
 								}), /* @__PURE__ */ jsxs("button", {
 									type: "button",
 									className: "btn btn-neutral",
@@ -549,7 +557,7 @@ function LogViewer({ log, height = "unset", width, roundedBottom = false, lineNu
 											});
 										} else updateFollow(false);
 									},
-									children: [/* @__PURE__ */ jsx(ArrowDownIcon, {}), /* @__PURE__ */ jsx("span", { children: !follow ? "Follow" : "Following" })]
+									children: [/* @__PURE__ */ jsx(FaArrowDown, {}), /* @__PURE__ */ jsx("span", { children: !follow ? "Follow" : "Following" })]
 								})] }),
 								selectedLines.size > 0 ? /* @__PURE__ */ jsxs("div", {
 									className: "relative flex items-center h-full",
@@ -557,20 +565,20 @@ function LogViewer({ log, height = "unset", width, roundedBottom = false, lineNu
 										type: "button",
 										className: "btn btn-neutral",
 										onClick: copySelectedLines,
-										children: [copied ? /* @__PURE__ */ jsx(CheckIcon, { className: "text-green-500" }) : /* @__PURE__ */ jsx(CopyIcon, {}), /* @__PURE__ */ jsx("span", { children: copied ? tCommon.copied : t.copyLines(selectedLines.size) })]
+										children: [copied ? /* @__PURE__ */ jsx(FaCheck, { className: "text-green-500" }) : /* @__PURE__ */ jsx(FiCopy, {}), /* @__PURE__ */ jsx("span", { children: copied ? tCommon.copied : t.copyLines(selectedLines.size) })]
 									}), /* @__PURE__ */ jsx("button", {
 										type: "button",
 										"aria-label": t.clearSelection,
 										className: "absolute -top-1.5 -right-1.5 btn-neutral rounded-full p-1 border transition-colors shadow-sm cursor-pointer z-10",
 										onClick: () => setSelectedLines(/* @__PURE__ */ new Set()),
 										title: t.clearSelection,
-										children: /* @__PURE__ */ jsx(XIcon, { className: "text-[10px]" })
+										children: /* @__PURE__ */ jsx(FiX, { className: "text-[10px]" })
 									})]
 								}) : /* @__PURE__ */ jsxs("button", {
 									type: "button",
 									className: "btn btn-neutral",
 									onClick: copyAllLogs,
-									children: [copied ? /* @__PURE__ */ jsx(CheckIcon, { className: "text-green-500" }) : /* @__PURE__ */ jsx(CopyIcon, {}), /* @__PURE__ */ jsx("span", { children: copied ? tCommon.copied : t.copyAll })]
+									children: [copied ? /* @__PURE__ */ jsx(FaCheck, { className: "text-green-500" }) : /* @__PURE__ */ jsx(FiCopy, {}), /* @__PURE__ */ jsx("span", { children: copied ? tCommon.copied : t.copyAll })]
 								}),
 								additionalLeftBarComponents,
 								enableWorkflowCommands && /* @__PURE__ */ jsx("button", {
@@ -587,7 +595,7 @@ function LogViewer({ log, height = "unset", width, roundedBottom = false, lineNu
 										className: "btn btn-neutral",
 										onClick: () => setTimeRangeOpen((o) => !o),
 										children: [
-											/* @__PURE__ */ jsx(ClockIcon, {}),
+											/* @__PURE__ */ jsx(FiClock, {}),
 											/* @__PURE__ */ jsx("span", { children: t.timeRange }),
 											(timeRangeFrom !== "" || timeRangeTo !== "") && /* @__PURE__ */ jsx("span", {
 												title: t.timeRangeActive,
@@ -672,7 +680,7 @@ function LogViewer({ log, height = "unset", width, roundedBottom = false, lineNu
 							href: logUrl,
 							className: cx(!logUrl && "disabled", "btn btn-neutral"),
 							download: true,
-							children: [/* @__PURE__ */ jsx(DownloadIcon, {}), /* @__PURE__ */ jsx("span", { children: t.download })]
+							children: [/* @__PURE__ */ jsx(FaCloudDownloadAlt, {}), /* @__PURE__ */ jsx("span", { children: t.download })]
 						}),
 						/* @__PURE__ */ jsxs("button", {
 							type: "button",
@@ -731,10 +739,10 @@ function LogViewer({ log, height = "unset", width, roundedBottom = false, lineNu
 					transform: "translateX(-50%)"
 				},
 				onClick: copyHighlightedText,
-				children: copied ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(CheckIcon, { className: "text-green-500 w-3.5 h-3.5" }), /* @__PURE__ */ jsx("span", { children: tCommon.copied })] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(CopyIcon, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ jsx("span", { children: tCommon.copy })] })
+				children: copied ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(FaCheck, { className: "text-green-500 w-3.5 h-3.5" }), /* @__PURE__ */ jsx("span", { children: tCommon.copied })] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(FiCopy, { className: "w-3.5 h-3.5" }), /* @__PURE__ */ jsx("span", { children: tCommon.copy })] })
 			}),
 			(additionalBottomLeftBarComponents || additionalBottomRightBarComponents) && /* @__PURE__ */ jsxs("div", {
-				className: cx("flex theme-panel select-none items-center gap-x-2 p-2"),
+				className: "flex theme-panel select-none items-center gap-x-2 p-2",
 				children: [/* @__PURE__ */ jsx("div", {
 					className: cx("w-full flex flex-row gap-x-2 items-center", hideExpand && "justify-between"),
 					children: /* @__PURE__ */ jsx("div", {

package/dist/logviewer/segments.js

@@ -31,9 +31,9 @@ function highlightSegments(segments, searchTerm) {
 	if (!searchTerm) return segments;
 	const haystack = segments.map((segment) => segment.content).join("").toLowerCase();
 	const needle = searchTerm.toLowerCase();
-	if (!haystack.includes(needle)) return segments;
-	const matchStarts = [];
 	let found = haystack.indexOf(needle);
+	if (found === -1) return segments;
+	const matchStarts = [];
 	while (found !== -1) {
 		matchStarts.push(found);
 		found = haystack.indexOf(needle, found + needle.length);

package/dist/styles/theme.css

@@ -124,6 +124,7 @@
 }
 
 .config-tips .multi-line {
+  /* biome-ignore lint/complexity/noImportantStyles: must win over the tooltip library's own alignment */
   text-align: left !important;
 }