@parallelworks/ui 0.44.0 → 0.46.0

package/dist/graph/editorRows.js

@@ -1,11 +1,8 @@
-import { BsThreeDots } from "../icons/bs/BsThreeDots.js";
-import { FaPlus } from "../icons/fa/FaPlus.js";
-import { MdDragHandle } from "../icons/md/MdDragHandle.js";
-import { TbAlertTriangle } from "../icons/tb/TbAlertTriangle.js";
+import { cx } from "../cx.js";
+import { AddIcon, DragHandleIcon, MoreIcon, WarningIcon } from "../icons.js";
 import { Tooltip } from "../components/Tooltip.js";
 import { MarqueeBox, place } from "./editorPrimitives.js";
 import { EDITOR_HANDLE_CLASS, NO_SELECTION, labelsOf, problemsIn, sameEdge, sameStep, selectionBounds, useGraphEditor, useSelectedEdges, useUi } from "./graphEditorState.js";
-import { clsx } from "clsx";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef } from "react";
 //#region src/graph/editorRows.tsx
@@ -27,11 +24,11 @@ function GraphEditorCanvas() {
 			marquee && /* @__PURE__ */ jsx(MarqueeBox, { box: marquee }),
 			!marquee && drag?.payload.kind !== "jobs" && /* @__PURE__ */ jsx(SelectionBox, { api }),
 			indicator && /* @__PURE__ */ jsx("div", {
-				className: clsx("absolute rounded-full", refused ? "bg-(--theme-error)" : "bg-(--theme-element)"),
+				className: cx("absolute rounded-full", refused ? "bg-(--theme-error)" : "bg-(--theme-accent)"),
 				style: place(indicator)
 			}),
 			outline && /* @__PURE__ */ jsx("div", {
-				className: clsx("absolute rounded-md border-4", refused ? "border-(--theme-error)" : "border-(--theme-element)"),
+				className: cx("absolute rounded-md border-4", refused ? "border-(--theme-error)" : "border-(--theme-accent)"),
 				style: {
 					left: outline.left - 8,
 					top: outline.top - 4,
@@ -40,7 +37,7 @@ function GraphEditorCanvas() {
 				}
 			}),
 			(target?.kind === "connect" || target?.kind === "merge") && /* @__PURE__ */ jsx("div", {
-				className: clsx("absolute rounded-md border-4", (target.kind === "connect" ? target.edits : target.valid) ? "border-(--theme-element)" : "border-(--theme-error)"),
+				className: cx("absolute rounded-md border-4", (target.kind === "connect" ? target.edits : target.valid) ? "border-(--theme-accent)" : "border-(--theme-error)"),
 				style: {
 					left: target.box.left - 8,
 					top: target.box.top - 4,
@@ -57,7 +54,7 @@ function GraphEditorCanvas() {
 					y1: drag.origin.y,
 					x2: drag.content.x,
 					y2: drag.content.y,
-					stroke: target?.kind === "connect" && !target.edits ? "var(--theme-error)" : "var(--theme-element)",
+					stroke: target?.kind === "connect" && !target.edits ? "var(--theme-error)" : "var(--theme-accent)",
 					strokeWidth: 6,
 					strokeDasharray: "16 10"
 				})
@@ -76,7 +73,7 @@ function SelectionBox({ api }) {
 	const y = bounds.connectorY;
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
 		/* @__PURE__ */ jsx("div", {
-			className: "absolute rounded-xl border-2 border-dashed border-(--theme-element)",
+			className: "absolute rounded-xl border-2 border-dashed border-(--theme-accent)",
 			style: place(bounds)
 		}),
 		/* @__PURE__ */ jsx(PortCircle, {
@@ -106,7 +103,7 @@ function SelectionBox({ api }) {
 			children: /* @__PURE__ */ jsx("button", {
 				type: "button",
 				"aria-label": t.moveSelectionHint,
-				className: clsx(EDITOR_HANDLE_CLASS, "pointer-events-auto absolute flex h-8 w-8 cursor-grab items-center justify-center rounded-full border-4 border-(--theme-element) bg-(--theme-panel-bg)"),
+				className: cx(EDITOR_HANDLE_CLASS, "pointer-events-auto absolute flex h-8 w-8 cursor-grab items-center justify-center rounded-full border-4 border-(--theme-accent) bg-(--theme-panel-bg)"),
 				style: {
 					left: bounds.left - 16,
 					top: bounds.top - 16
@@ -117,7 +114,7 @@ function SelectionBox({ api }) {
 					label: labelsOf(jobs),
 					...anchor ? { anchor } : {}
 				}),
-				children: /* @__PURE__ */ jsx(MdDragHandle, { className: "h-5 w-5" })
+				children: /* @__PURE__ */ jsx(DragHandleIcon, { className: "h-5 w-5" })
 			})
 		})
 	] });
@@ -132,13 +129,13 @@ function BoxGrip({ jobs }) {
 		children: /* @__PURE__ */ jsx("button", {
 			type: "button",
 			"aria-label": t.moveBoxHint,
-			className: clsx(EDITOR_HANDLE_CLASS, "absolute -left-[18px] -top-[18px] flex h-8 w-8 cursor-grab items-center justify-center rounded-full border-4 theme-border bg-(--theme-panel-bg)"),
+			className: cx(EDITOR_HANDLE_CLASS, "absolute -left-[18px] -top-[18px] flex h-8 w-8 cursor-grab items-center justify-center rounded-full border-4 theme-border bg-(--theme-panel-bg)"),
 			onPointerDown: (e) => api.startDrag(e, {
 				kind: "jobs",
 				jobs,
 				label: labelsOf(jobs)
 			}),
-			children: /* @__PURE__ */ jsx(MdDragHandle, { className: "h-5 w-5" })
+			children: /* @__PURE__ */ jsx(DragHandleIcon, { className: "h-5 w-5" })
 		})
 	});
 }
@@ -162,7 +159,7 @@ function ProblemBadge({ api, job, step }) {
 				e.stopPropagation();
 				api.reveal({ line });
 			},
-			children: /* @__PURE__ */ jsx(TbAlertTriangle, { className: "h-[0.9em] w-[0.9em]" })
+			children: /* @__PURE__ */ jsx(WarningIcon, { className: "h-[0.9em] w-[0.9em]" })
 		})
 	});
 }
@@ -172,7 +169,7 @@ function EditableRow({ api, selected, flagged, data, className, drag, toggle, re
 		role: "none",
 		...data,
 		...selected ? { "data-selected": "" } : {},
-		className: clsx(EDITOR_HANDLE_CLASS, "-mx-0.5 px-0.5", className, selected && "bg-(--theme-element)/15", flagged ? "ring-2 ring-(--theme-error)" : selected && "ring-2 ring-(--theme-element)"),
+		className: cx(EDITOR_HANDLE_CLASS, "-mx-0.5 px-0.5", className, selected && "bg-(--theme-accent)/15", flagged ? "ring-2 ring-(--theme-error)" : selected && "ring-2 ring-(--theme-accent)"),
 		onPointerDown: (e) => {
 			if (e.shiftKey) e.preventDefault();
 			api.startDrag(e, drag());
@@ -197,13 +194,13 @@ function EditableRow({ api, selected, flagged, data, className, drag, toggle, re
 			/* @__PURE__ */ jsx("button", {
 				type: "button",
 				"aria-label": menuLabel,
-				className: clsx("cursor-pointer rounded theme-muted-text opacity-0 transition-opacity hover:bg-(--theme-muted-panel-bg) focus-visible:opacity-100", menuClassName),
+				className: cx("cursor-pointer rounded theme-muted-text opacity-0 transition-opacity hover:bg-(--theme-muted-panel-bg) focus-visible:opacity-100", menuClassName),
 				onPointerDown: (e) => e.stopPropagation(),
 				onClick: (e) => {
 					e.stopPropagation();
 					openMenu(e.currentTarget);
 				},
-				children: /* @__PURE__ */ jsx(BsThreeDots, { className: iconClassName })
+				children: /* @__PURE__ */ jsx(MoreIcon, { className: iconClassName })
 			})
 		]
 	});
@@ -266,7 +263,7 @@ function PortCircle({ side, at, draw, jobs, port, hint, zIndex }) {
 			role: "none",
 			"data-dag-port": side,
 			...port === "selection" ? { "data-dag-selection": "" } : { "data-dag-node": jobs[0] },
-			className: clsx(EDITOR_HANDLE_CLASS, "group/port pointer-events-auto absolute flex h-8 w-8 cursor-crosshair items-center justify-center"),
+			className: cx(EDITOR_HANDLE_CLASS, "group/port pointer-events-auto absolute flex h-8 w-8 cursor-crosshair items-center justify-center"),
 			style: {
 				left: at.x - 16,
 				top: at.y - 16,
@@ -279,7 +276,7 @@ function PortCircle({ side, at, draw, jobs, port, hint, zIndex }) {
 				label: labelsOf(jobs),
 				port
 			}),
-			children: [draw && /* @__PURE__ */ jsx("span", { className: "absolute inset-0 bg-(--theme-panel-bg)" }), /* @__PURE__ */ jsx("span", { className: clsx("relative h-4 w-4 rounded-full group-hover/port:bg-(--theme-element)", dragging ? "bg-(--theme-element)" : draw && "bg-(--theme-border)") })]
+			children: [draw && /* @__PURE__ */ jsx("span", { className: "absolute inset-0 bg-(--theme-panel-bg)" }), /* @__PURE__ */ jsx("span", { className: cx("relative h-4 w-4 rounded-full group-hover/port:bg-(--theme-accent)", dragging ? "bg-(--theme-accent)" : draw && "bg-(--theme-border)") })]
 		})
 	});
 }
@@ -379,7 +376,7 @@ function AddStepButton({ job }) {
 			e.stopPropagation();
 			api.addStep(job);
 		},
-		children: [/* @__PURE__ */ jsx(FaPlus, { className: "h-[0.8em] w-[0.8em]" }), t.addStep]
+		children: [/* @__PURE__ */ jsx(AddIcon, { className: "h-[0.8em] w-[0.8em]" }), t.addStep]
 	});
 }
 /** Connector hit area: a click selects the dependency, shift adds it, a right-click opens its menu. */
@@ -399,7 +396,7 @@ function EdgeHitPath({ d, edge }) {
 		stroke: "transparent",
 		strokeWidth: 28,
 		fill: "none",
-		className: clsx(EDITOR_HANDLE_CLASS, "outline-none focus-visible:[stroke:color-mix(in_srgb,var(--theme-element)_35%,transparent)]"),
+		className: cx(EDITOR_HANDLE_CLASS, "outline-none focus-visible:[stroke:color-mix(in_srgb,var(--theme-accent)_35%,transparent)]"),
 		style: {
 			pointerEvents: "stroke",
 			cursor: "pointer"
@@ -430,7 +427,7 @@ function EdgeEnds({ edge, start, end, zIndex }) {
 		children: /* @__PURE__ */ jsx("span", {
 			role: "none",
 			"data-dag-edge-end": side,
-			className: clsx(EDITOR_HANDLE_CLASS, "pointer-events-auto absolute flex h-8 w-8 items-center justify-center", inUse ? "cursor-not-allowed" : "cursor-grab"),
+			className: cx(EDITOR_HANDLE_CLASS, "pointer-events-auto absolute flex h-8 w-8 items-center justify-center", inUse ? "cursor-not-allowed" : "cursor-grab"),
 			style: {
 				left: at.x - 16,
 				top: at.y - 16,
@@ -439,7 +436,7 @@ function EdgeEnds({ edge, start, end, zIndex }) {
 			onPointerDown: (e) => {
 				if (!inUse) api.startEdgeEnd(e, edge, side, fixed);
 			},
-			children: /* @__PURE__ */ jsx("span", { className: "h-5 w-5 rounded-full border-4 border-(--theme-element) bg-(--theme-panel-bg)" })
+			children: /* @__PURE__ */ jsx("span", { className: "h-5 w-5 rounded-full border-4 border-(--theme-accent) bg-(--theme-panel-bg)" })
 		})
 	}, side);
 	return /* @__PURE__ */ jsxs(Fragment, { children: [handle("from", start, end), handle("to", end, start)] });
@@ -457,7 +454,7 @@ function EmptyGraphEditor({ containerRef, overlays, height, removeBorder }) {
 			containerRef(el);
 		},
 		tabIndex: -1,
-		className: clsx("panel relative w-full overflow-hidden outline-none", removeBorder ? "border-none" : "border"),
+		className: cx("panel relative w-full overflow-hidden outline-none", removeBorder ? "border-none" : "border"),
 		style: { height },
 		children: overlays
 	});

package/dist/graph/editorStrings.d.ts

@@ -1,7 +1,6 @@
+import { type UIStrings } from '../components/Provider.js';
 import type { EditRefusalReason } from '../editing.js';
 export declare const GRAPH_EDITOR_STRINGS: {
-    undo: string;
-    redo: string;
     addJob: string;
     addJobHint: string;
     addMatrixJob: string;
@@ -19,7 +18,6 @@ export declare const GRAPH_EDITOR_STRINGS: {
     moveSelectionHint: string;
     selectionOutHint: string;
     selectionInHint: string;
-    duplicate: string;
     makeMatrix: string;
     editMatrix: string;
     removeMatrix: string;
@@ -92,14 +90,13 @@ export declare const GRAPH_EDITOR_STRINGS: {
     matrixBadge: string;
     jobName: string;
     stepName: string;
+    stepKind: string;
     invalidJobName: string;
     jobExists: string;
     matrixVariable: string;
     matrixValues: string;
     addVariable: string;
     removeVariable: string;
-    save: string;
-    cancel: string;
     editJob: string;
     editStep: string;
     sectionDependencies: string;
@@ -134,13 +131,10 @@ export declare const GRAPH_EDITOR_STRINGS: {
     invalidDuration: string;
     invalidExpressionValue: string;
     invalidEnvKey: string;
-    invalidKey: string;
     duplicateKey: string;
     remoteHostRequired: string;
     key: string;
     value: string;
-    addRow: string;
-    removeRow: string;
     /** A list's row, by the list's name and its place in it. */
     listItem: (list: string, n: number) => string;
     stepRun: string;
@@ -149,8 +143,6 @@ export declare const GRAPH_EDITOR_STRINGS: {
     invalidShell: string;
     missingInput: (name: string) => string;
     invalidCount: string;
-    moveUp: string;
-    moveDown: string;
     sshInherit: string;
     sshCustom: string;
     sshNone: string;
@@ -185,7 +177,6 @@ export declare const GRAPH_EDITOR_STRINGS: {
     labelsBeside: string;
     labelsAbove: string;
     notActionInput: string;
-    invalidNumberInput: string;
     invalidChoice: (name: string) => string;
     invalidUses: string;
     chooseInput: string;
@@ -212,19 +203,19 @@ export declare const GRAPH_EDITOR_STRINGS: {
         default: string;
         always: string;
         failure: string;
-        cancelled: string;
+        canceled: string;
         success: string;
     };
     jobConditions: {
         default: string;
         always: string;
         failure: string;
-        cancelled: string;
+        canceled: string;
         success: string;
     };
     modeFromInput: string;
-    clearValue: string;
     matrixValuesListed: string;
+    matrixValuesFrom: string;
     outputName: string;
     outputStep: string;
     outputKey: string;
@@ -240,6 +231,7 @@ export declare const GRAPH_EDITOR_STRINGS: {
     chooseMarketplace: string;
     otherInputs: string;
     viewForm: string;
+    editorView: string;
     viewYaml: string;
     fixFieldsFirst: string;
     yamlSyntax: (message: string) => string;
@@ -389,7 +381,12 @@ export declare const GRAPH_EDITOR_STRINGS: {
         wizardFlatten: string;
     };
 };
-export type GraphEditorStrings = typeof GRAPH_EDITOR_STRINGS;
+/** The editor's own text, which a host translates through UIProvider's `graphEditor`. */
+export type GraphEditorText = typeof GRAPH_EDITOR_STRINGS;
+/** The editor's text with the shared words, such as Save and Remove, beside it. */
+export type GraphEditorStrings = GraphEditorText & {
+    common: UIStrings['common'];
+};
 export declare const INPUTS_EDITOR_STRINGS: {
     addInput: string;
     addInputHint: string;
@@ -413,18 +410,13 @@ export declare const INPUTS_EDITOR_STRINGS: {
     onePerCopy: string;
     inputActions: string;
     editInput: string;
-    duplicate: string;
-    moveUp: string;
-    moveDown: string;
     deleteInput: string;
     hidden: string;
     noInputs: string;
     noFields: string;
     inputName: string;
     inputType: string;
-    invalidInputName: string;
     inputExists: string;
-    invalidNumber: string;
     invalidDurationText: string;
     invalidWidth: string;
     resizeInputs: string;
@@ -689,7 +681,12 @@ export declare const INPUTS_EDITOR_STRINGS: {
         includeEmpty: string;
     };
 };
-export type InputsEditorStrings = typeof INPUTS_EDITOR_STRINGS;
+/** The input form editor's own text, which a host translates through UIProvider's `inputsEditor`. */
+export type InputsEditorText = typeof INPUTS_EDITOR_STRINGS;
+/** The input form editor's text with the shared words beside it. */
+export type InputsEditorStrings = InputsEditorText & {
+    common: UIStrings['common'];
+};
 /** The graph editor's strings: the host's translations over the English defaults. */
 export declare function useGraphEditorStrings(): GraphEditorStrings;
 /** The input form editor's strings: the host's translations over the English defaults. */

package/dist/graph/editorStrings.js

@@ -2,8 +2,6 @@ import { useStrings } from "../components/Provider.js";
 import { useMemo } from "react";
 //#region src/graph/editorStrings.ts
 var GRAPH_EDITOR_STRINGS = {
-	undo: "Undo",
-	redo: "Redo",
 	addJob: "Job",
 	addJobHint: "Drag into the graph to add a job, or click to add one",
 	addMatrixJob: "Matrix job",
@@ -21,7 +19,6 @@ var GRAPH_EDITOR_STRINGS = {
 	moveSelectionHint: "Drag to move the selected jobs together",
 	selectionOutHint: "Drag onto a job to make it depend on the selected jobs. Drop on a circle to cover every job there.",
 	selectionInHint: "Drag onto a job to make the selected jobs depend on it. Drop on a circle to cover every job there.",
-	duplicate: "Duplicate",
 	makeMatrix: "Make matrix",
 	editMatrix: "Edit matrix",
 	removeMatrix: "Remove matrix",
@@ -94,14 +91,13 @@ var GRAPH_EDITOR_STRINGS = {
 	matrixBadge: "matrix",
 	jobName: "Job name",
 	stepName: "Step name",
+	stepKind: "Step type",
 	invalidJobName: "Use only lowercase letters, numbers, dashes, and underscores.",
 	jobExists: "A job with this name already exists.",
 	matrixVariable: "Variable",
 	matrixValues: "Values, separated by commas",
 	addVariable: "Add variable",
 	removeVariable: "Remove variable",
-	save: "Save",
-	cancel: "Cancel",
 	editJob: "Edit job",
 	editStep: "Edit step",
 	sectionDependencies: "Dependencies and condition",
@@ -136,13 +132,10 @@ var GRAPH_EDITOR_STRINGS = {
 	invalidDuration: "Use seconds (300) or a duration such as 30s, 10m or 2h.",
 	invalidExpressionValue: "Type an expression here, such as one that reads an input.",
 	invalidEnvKey: "Use letters, numbers, and underscores.",
-	invalidKey: "Use letters, numbers, dashes, and underscores.",
 	duplicateKey: "Each key must be unique.",
 	remoteHostRequired: "Fill in Host to connect to a remote machine.",
 	key: "Key",
 	value: "Value",
-	addRow: "Add",
-	removeRow: "Remove",
 	/** A list's row, by the list's name and its place in it. */
 	listItem: (list, n) => `${list}, item ${n}`,
 	stepRun: "Run commands",
@@ -151,8 +144,6 @@ var GRAPH_EDITOR_STRINGS = {
 	invalidShell: "Use a bash or sh command.",
 	missingInput: (name) => `Add the ${name} input.`,
 	invalidCount: "Use a whole number.",
-	moveUp: "Move up",
-	moveDown: "Move down",
 	sshInherit: "Same as the job",
 	sshCustom: "Another host",
 	sshNone: "Your workspace",
@@ -187,7 +178,6 @@ var GRAPH_EDITOR_STRINGS = {
 	labelsBeside: "Beside the fields",
 	labelsAbove: "Above the fields",
 	notActionInput: "Not an input this takes. Remove it.",
-	invalidNumberInput: "Use a number.",
 	invalidChoice: (name) => `Use one of the listed values for ${name}.`,
 	invalidUses: "Use workflow/NAME, marketplace/NAME, a github/ or gitlab/ address, or a built-in action.",
 	chooseInput: "Choose an input",
@@ -214,19 +204,19 @@ var GRAPH_EDITOR_STRINGS = {
 		default: "After the steps before it succeed",
 		always: "Always, even after a failure or a cancel",
 		failure: "Only after a step failed",
-		cancelled: "Only after the run was canceled",
+		canceled: "Only after the run was canceled",
 		success: "Only if nothing failed or was canceled"
 	},
 	jobConditions: {
 		default: "After the jobs it needs succeed",
 		always: "Always, whatever the jobs it needs did",
 		failure: "Only if a job it needs failed",
-		cancelled: "Only if a job it needs was canceled",
+		canceled: "Only if a job it needs was canceled",
 		success: "Only if every job it needs succeeded"
 	},
 	modeFromInput: "From an input",
-	clearValue: "Clear",
 	matrixValuesListed: "Listed values",
+	matrixValuesFrom: "Values from",
 	outputName: "Name",
 	outputStep: "Step",
 	outputKey: "Output",
@@ -242,6 +232,7 @@ var GRAPH_EDITOR_STRINGS = {
 	chooseMarketplace: "Choose a marketplace workflow",
 	otherInputs: "Other inputs",
 	viewForm: "Form",
+	editorView: "View",
 	viewYaml: "YAML",
 	fixFieldsFirst: "Fix the fields with errors first, so the YAML shows everything you entered.",
 	yamlSyntax: (message) => `The YAML doesn’t parse: ${message}`,
@@ -414,18 +405,13 @@ var INPUTS_EDITOR_STRINGS = {
 	onePerCopy: "One per copy",
 	inputActions: "Input actions",
 	editInput: "Edit input",
-	duplicate: "Duplicate",
-	moveUp: "Move up",
-	moveDown: "Move down",
 	deleteInput: "Delete input",
 	hidden: "hidden",
 	noInputs: "No inputs yet. Add one to build the form users fill in to run this workflow.",
 	noFields: "No fields yet.",
 	inputName: "Name",
 	inputType: "Type",
-	invalidInputName: "Use letters, numbers, dashes, and underscores.",
 	inputExists: "An input with this name already exists here.",
-	invalidNumber: "Use a number.",
 	invalidDurationText: "Use HH:MM:SS or D-HH:MM:SS.",
 	invalidWidth: "Use a number of pixels, such as 320, or a percentage, such as 50%.",
 	resizeInputs: "Resize the inputs on each side",
@@ -634,8 +620,8 @@ var INPUTS_EDITOR_STRINGS = {
 		hidden: "Hide the field from the form; its default is still used. Use an expression to decide when.",
 		disabled: "Show the field but don’t let users change it. Use an expression to decide when.",
 		ignore: "Don’t pass this field’s value to the run. Use an expression to decide when.",
-		placeholder: "Grey hint text shown while the field is empty.",
-		prefillDefault: "Put the default in the field as its value. When off, the field starts empty and shows the default as grey hint text.",
+		placeholder: "Gray hint text shown while the field is empty.",
+		prefillDefault: "Put the default in the field as its value. When off, the field starts empty and shows the default as gray hint text.",
 		textarea: "Show a bigger box for several lines of text.",
 		minLength: "The fewest characters the value can have.",
 		maxLength: "The most characters the value can have.",
@@ -690,19 +676,21 @@ var INPUTS_EDITOR_STRINGS = {
 };
 /** The graph editor's strings: the host's translations over the English defaults. */
 function useGraphEditorStrings() {
-	const overrides = useStrings().graphEditor;
+	const { graphEditor: overrides, common } = useStrings();
 	return useMemo(() => ({
 		...GRAPH_EDITOR_STRINGS,
-		...overrides
-	}), [overrides]);
+		...overrides,
+		common
+	}), [overrides, common]);
 }
 /** The input form editor's strings: the host's translations over the English defaults. */
 function useInputsEditorStrings() {
-	const overrides = useStrings().inputsEditor;
+	const { inputsEditor: overrides, common } = useStrings();
 	return useMemo(() => ({
 		...INPUTS_EDITOR_STRINGS,
-		...overrides
-	}), [overrides]);
+		...overrides,
+		common
+	}), [overrides, common]);
 }
 //#endregion
 export { GRAPH_EDITOR_STRINGS, INPUTS_EDITOR_STRINGS, useGraphEditorStrings, useInputsEditorStrings };

package/dist/graph/fieldProblems.js

@@ -1,4 +1,4 @@
-import { TbAlertTriangle } from "../icons/tb/TbAlertTriangle.js";
+import { WarningIcon } from "../icons.js";
 import { keyedByContent } from "../components/keys.js";
 import { useWorkflowEditing } from "../components/Provider.js";
 import { useGraphEditorStrings } from "./editorStrings.js";
@@ -97,7 +97,7 @@ function ProblemList({ problems }) {
 			const field = fieldOf(problem);
 			return /* @__PURE__ */ jsxs("li", {
 				className: "flex gap-1.5",
-				children: [/* @__PURE__ */ jsx(TbAlertTriangle, { className: "mt-0.5 h-4 w-4 shrink-0" }), field ? /* @__PURE__ */ jsx("button", {
+				children: [/* @__PURE__ */ jsx(WarningIcon, { className: "mt-0.5 h-4 w-4 shrink-0" }), field ? /* @__PURE__ */ jsx("button", {
 					type: "button",
 					className: "cursor-pointer text-left hover:underline",
 					onClick: () => reveal(field),

package/dist/graph/graphEditorState.d.ts

@@ -1,5 +1,5 @@
 import { type PointerEvent as ReactPointerEvent } from 'react';
-import type { MenuAnchor } from '../components/ContextMenu.js';
+import type { FloatingAnchor } from '../components/floating.js';
 import type { GraphEdit, GraphSlot, NeedRef, NudgeDirection, StepRef } from '../editing.js';
 import type { EditorProblem, RevealTarget } from './editorApi.js';
 import type { Box, Point, Store } from './editorPrimitives.js';
@@ -132,9 +132,9 @@ export interface GraphEditorApi {
     t: GraphEditorStrings;
     isMatrixJob: (job: string) => boolean;
     startDrag: (e: ReactPointerEvent, payload: DragPayload) => void;
-    openJobMenu: (at: MenuAnchor, job: string) => void;
-    openStepMenu: (at: MenuAnchor, job: string, index: number) => void;
-    openEdgeMenu: (at: MenuAnchor, edge: EdgeSelection) => void;
+    openJobMenu: (at: FloatingAnchor, job: string) => void;
+    openStepMenu: (at: FloatingAnchor, job: string, index: number) => void;
+    openEdgeMenu: (at: FloatingAnchor, edge: EdgeSelection) => void;
     /**
      * Selects a connector alone, or with `add` adds it to the selected connectors or takes it out;
      * selected jobs or steps give way to it.

package/dist/graph/inputRefs.d.ts

@@ -1,7 +1,6 @@
 import type { WorkflowEditing } from '../editing.js';
 import { type Flag, type Json } from './editorFields.js';
 import type { ExpressionRef } from './expressionRefs.js';
-import { type Suggestion } from './SuggestionInput.js';
 /** An input a workflow expression can read, by its path under `inputs`. */
 export interface InputRef {
     path: string[];
@@ -34,18 +33,6 @@ export interface InputSource {
     /** Opens a dialog for a new input of `type`, then reports where it lives. */
     create?: ((type: string, onCreated: (path: string[]) => void) => void) | undefined;
 }
-/** A text field that takes any value, expressions included, with suggestions to pick from. */
-export declare function ExpressionInput({ id, label, value, onChange, suggestions, placeholder, error, describedBy, required, }: {
-    id?: string;
-    label: string;
-    value: string;
-    onChange: (value: string) => void;
-    suggestions?: Suggestion[];
-    placeholder?: string | undefined;
-    error?: string | undefined;
-    describedBy?: string;
-    required?: boolean;
-}): import("react").JSX.Element;
 /** A switch, or an expression typed in its place, such as one that follows another input. */
 export declare function FlagField({ label, yamlKey, description, value, original, fallback, onChange, source, }: {
     label: string;