@parallelworks/ui 0.14.0 → 0.15.0

package/dist/form/index.js

@@ -1,11 +1,11 @@
 import { AngleRightIcon, EyeIcon, EyeOffIcon, SuccessCheckmark, TrashIcon } from "../icons.js";
 import { c as useStrings, s as useSlots } from "../chunks/Provider-CbFVFB7O.js";
 import { n as TOOLTIP_ID, r as TooltipInfo } from "../chunks/Tooltip-n9w7Tkt1.js";
-import { n as StatusDot, s as isCategory } from "../chunks/StatusBadge-RRUI78iS.js";
-import { a as UncontrolledCollapsiblePanel, c as Dropdown, n as SectionHeader, o as MultiSelectDropdown, r as ControlledCollapsiblePanel, s as CustomListbox, t as SwitchToggle } from "../chunks/SwitchToggle-DbW0Q__L.js";
+import { n as StatusDot, s as isCategory } from "../chunks/StatusBadge-zvEtK16a.js";
+import { a as UncontrolledCollapsiblePanel, c as Dropdown, n as SectionHeader, o as MultiSelectDropdown, r as ControlledCollapsiblePanel, s as CustomListbox, t as SwitchToggle } from "../chunks/SwitchToggle-3V836Cn7.js";
 import { t as Loader } from "../chunks/Loader-BXoXTZGc.js";
 import { n as Table } from "../chunks/Table-CutP1bRt.js";
-import { a as resolvedFlag, c as FieldWrapper, d as useFieldLabelledByProps, f as useFieldRequired, i as initializeValues, l as FieldProvider, n as flattenGroups, o as applySecondaryField, r as impureSetValueFromPath, s as findSecondaryOption, t as enforceOneMustBeTrue, u as useFieldControlProps } from "../chunks/lib-DyJvmbzj.js";
+import { a as resolvedFlag, c as FieldWrapper, d as useFieldLabelledByProps, f as useFieldRequired, i as initializeValues, l as FieldProvider, n as flattenGroups, o as applySecondaryField, r as impureSetValueFromPath, s as findSecondaryOption, t as enforceOneMustBeTrue, u as useFieldControlProps } from "../chunks/lib-CUTRDpa6.js";
 import cx from "classnames";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import React, { Suspense, createContext, memo, useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from "react";
@@ -1130,7 +1130,7 @@ function RangeField(props) {
 		children: ({ id, labelId }) => /* @__PURE__ */ jsxs("div", {
 			className: "flex items-center",
 			children: [/* @__PURE__ */ jsx(Field, {
-				className: cx("theme-input h-7 w-1/3 mr-5 text-center rounded border text-[14px]", disabled && "disabled"),
+				className: cx("theme-input h-7 w-1/3 mr-5 text-center rounded border", disabled && "disabled"),
 				id,
 				type: "number",
 				value: currentValue,
@@ -1347,7 +1347,7 @@ var DurationField_default = memo(function DurationField({ field, label, labelPos
 					onChange: (e) => handleDisableToggle(e.target.checked),
 					className: cx("h-4 w-4 accent-(--theme-link)", disabled ? "cursor-not-allowed" : "cursor-pointer")
 				}), /* @__PURE__ */ jsx("span", {
-					className: "text-sm theme-text",
+					className: "theme-text",
 					children: field.disableLabel
 				})]
 			})
@@ -1432,7 +1432,7 @@ function ColorField(props) {
 		labelPosition,
 		spaceCompact,
 		children: ({ id }) => /* @__PURE__ */ jsx(Field, {
-			className: "theme-input h-8 w-18 rounded border border-neutral-400 text-[14px] placeholder:text-xs",
+			className: "theme-input h-8 w-18 rounded border border-neutral-400 placeholder:text-xs",
 			id,
 			name: field.name,
 			value: fieldState.value || "#fbbf24",
@@ -1458,14 +1458,14 @@ function MultiDropdownField({ field, label, tooltipComponent, labelPosition, spa
 		labelPosition,
 		spaceCompact,
 		children: ({ id }) => disabled ? /* @__PURE__ */ jsx(Field, {
-			className: "theme-input h-7 w-full rounded border text-[14px] placeholder:text-xs",
+			className: "theme-input h-7 w-full rounded border placeholder:text-xs",
 			id,
 			type: "search",
 			name: field.name,
 			disabled: true,
 			onChange
 		}, field.name) : /* @__PURE__ */ jsx(MultiSelectionDropdown, {
-			className: "themee-input h-7 w-full rounded border text-[14px] flex items-center px-3 py-2",
+			className: "themee-input h-7 w-full rounded border flex items-center px-3 py-2",
 			name: field.name,
 			label: field.label || label,
 			options: Array.isArray(options) ? options : [],
@@ -1531,7 +1531,7 @@ function CheckboxGroupField({ field, label, labelPosition, missing, disabled, on
 					}), /* @__PURE__ */ jsxs("div", {
 						className: "flex min-w-0 flex-col",
 						children: [/* @__PURE__ */ jsx("span", {
-							className: "text-sm font-medium leading-tight theme-text",
+							className: "font-medium leading-tight theme-text",
 							children: option.label
 						}), option.description && /* @__PURE__ */ jsx("span", {
 							className: "mt-0.5 text-xs leading-snug theme-muted-text",
@@ -1626,7 +1626,7 @@ function BucketReadOnlyField({ field, disabled, missing, labelPosition, setFormD
 				yesLabel: t.readOnly,
 				noLabel: t.readWrite
 			}), /* @__PURE__ */ jsx("p", {
-				className: cx("text-sm theme-muted-text max-w-[65ch]", !forced && "hidden"),
+				className: cx("theme-muted-text max-w-[65ch]", !forced && "hidden"),
 				children: t.readOnlyForced
 			})]
 		})
@@ -1698,7 +1698,10 @@ function listLengthsSignature(options, values = {}, prefix = "") {
 			parts.push(`${fullName}:${len}`);
 			const template = field.template || field.options;
 			if (template && Array.isArray(items)) for (let i = 0; i < items.length; i++) parts.push(listLengthsSignature(template, asRecord(items[i]), `${fullName}[${i}].`));
-		} else if (field.type === "group" || field.type === "object") {
+		} else if (field.type === "group") {
+			const groupItems = field.items || field.options;
+			if (groupItems) parts.push(listLengthsSignature(groupItems, values, prefix));
+		} else if (field.type === "object") {
 			const groupItems = field.items || field.options;
 			if (groupItems) {
 				const nestedValues = asRecord(values?.[fieldName]);
@@ -1717,7 +1720,12 @@ function collectFieldsWithDefaults(options, values = {}, prefix = "") {
 		if (!field) continue;
 		if (fieldName === "$meta") continue;
 		const fullName = prefix ? `${prefix}${fieldName}` : fieldName;
-		if (field.type === "group" || field.type === "object") {
+		if (field.type === "group") {
+			const groupItems = field.items || field.options;
+			if (groupItems) result.push(...collectFieldsWithDefaults(groupItems, values, prefix));
+			continue;
+		}
+		if (field.type === "object") {
 			const groupItems = field.items || field.options;
 			if (groupItems) {
 				const nestedValues = asRecord(values?.[fieldName]);
@@ -1734,9 +1742,11 @@ function collectFieldsWithDefaults(options, values = {}, prefix = "") {
 			}
 			continue;
 		}
+		if (resolvedFlag(field.hidden) === true && field.ignore !== void 0 && resolvedFlag(field.ignore) !== false) continue;
 		if (field.default !== void 0) result.push({
 			name: fullName,
-			defaultValue: field.default
+			defaultValue: field.default,
+			...field.secondaryField ? { hasSecondary: true } : {}
 		});
 	}
 	return result;
@@ -1749,17 +1759,29 @@ function defaultReferencesField(defaultValue, fieldPath) {
 function findSelfReferencingFieldNames(schema, values = {}) {
 	return collectFieldsWithDefaults(schema, values).filter(({ name, defaultValue }) => defaultReferencesField(defaultValue, name)).map(({ name }) => name);
 }
-/**
-* Re-syncs each field's value when its resolved default changes between
-* renders, unless `meta.touched` (this session) or a synth-touched marker
-* (cross-session, set on first-seen when saved ≠ default) is set. Must be
-* remounted via `key` when the run/config context changes.
-*/
-function DynamicDefaultsSync({ options }) {
-	const { setFieldValue, getFieldMeta, values } = useFormikContext();
-	const fieldsWithDefaults = useMemo(() => collectFieldsWithDefaults(options, values), [options, useMemo(() => listLengthsSignature(options, values), [options, values])]);
+/** Resolves schema defaults into form values as dependencies change. Store-agnostic so the legacy
+* form (Formik) and the cluster wizard (its own store) share one implementation. */
+function useDynamicDefaultsSync({ options, values, setValue, isTouched }) {
+	const listSig = useMemo(() => listLengthsSignature(options, values), [options, values]);
+	const fieldsWithDefaults = useMemo(() => collectFieldsWithDefaults(options, values).map((f) => {
+		if (typeof f.defaultValue !== "string" || !f.defaultValue.includes("${{")) return f;
+		const lastRowIndex = [...f.name.matchAll(/\[(\d+)\]/g)].at(-1)?.[1];
+		const index = lastRowIndex === void 0 ? -1 : Number(lastRowIndex);
+		const parsed = parseStringsOfObj({
+			inputs: values,
+			obj: { v: f.defaultValue },
+			orgVars: {},
+			index
+		});
+		const resolved = parsed && typeof parsed === "object" && "v" in parsed ? parsed.v : f.defaultValue;
+		return {
+			...f,
+			defaultValue: resolved
+		};
+	}), [options, listSig]);
 	const prevDefaultsRef = useRef(/* @__PURE__ */ new Map());
 	const synthTouchedRef = useRef(/* @__PURE__ */ new Set());
+	const prevListLensRef = useRef(/* @__PURE__ */ new Map());
 	const fieldsWithDefaultsRef = useRef(null);
 	if (!deepEqual(fieldsWithDefaultsRef.current, fieldsWithDefaults)) {
 		fieldsWithDefaultsRef.current = fieldsWithDefaults;
@@ -1768,23 +1790,53 @@ function DynamicDefaultsSync({ options }) {
 			prevDefaultsRef.current.delete(name);
 			synthTouchedRef.current.delete(name);
 		}
-		for (const { name, defaultValue } of fieldsWithDefaults) {
+		const listLens = /* @__PURE__ */ new Map();
+		for (const part of listSig.split("|")) {
+			const sep = part.lastIndexOf(":");
+			if (sep > 0) listLens.set(part.slice(0, sep), Number(part.slice(sep + 1)));
+		}
+		for (const [list, prevLen] of prevListLensRef.current) {
+			const nowLen = listLens.get(list);
+			if (nowLen !== void 0 && nowLen < prevLen) {
+				for (const name of [...prevDefaultsRef.current.keys()]) if (name.startsWith(`${list}[`)) prevDefaultsRef.current.delete(name);
+				for (const name of [...synthTouchedRef.current]) if (name.startsWith(`${list}[`)) synthTouchedRef.current.delete(name);
+			}
+		}
+		prevListLensRef.current = listLens;
+		for (const { name, defaultValue, hasSecondary } of fieldsWithDefaults) {
+			if (hasSecondary) continue;
 			if (synthTouchedRef.current.has(name)) continue;
-			if (getFieldMeta(name).touched) continue;
+			if (isTouched(name)) continue;
+			if (typeof defaultValue === "string" && defaultValue.includes("${{")) continue;
 			const wasSeen = prevDefaultsRef.current.has(name);
 			const serializedDefault = JSON.stringify(defaultValue ?? null);
 			const prevDefault = prevDefaultsRef.current.get(name);
 			prevDefaultsRef.current.set(name, serializedDefault);
 			if (!wasSeen) {
-				const currVal = JSON.stringify(getValueUsingPath(values, name));
-				if (currVal !== void 0 && currVal !== serializedDefault) synthTouchedRef.current.add(name);
-				continue;
+				const rawValue = getValueUsingPath(values, name);
+				const currVal = JSON.stringify(rawValue);
+				const trimmedValue = typeof rawValue === "string" ? rawValue.trim() : "";
+				const unresolvedValue = trimmedValue.startsWith("${{") && trimmedValue.endsWith("}}");
+				if (!unresolvedValue && currVal !== void 0 && currVal !== serializedDefault) {
+					synthTouchedRef.current.add(name);
+					continue;
+				}
+				if (!unresolvedValue) continue;
 			}
 			if (prevDefault === serializedDefault) continue;
 			if (defaultValue === null || defaultValue === void 0) continue;
-			if (JSON.stringify(getValueUsingPath(values, name)) !== serializedDefault) setFieldValue(name, defaultValue);
+			if (JSON.stringify(getValueUsingPath(values, name)) !== serializedDefault) setValue(name, defaultValue);
 		}
 	}
+}
+function DynamicDefaultsSync({ options }) {
+	const { setFieldValue, getFieldMeta, values } = useFormikContext();
+	useDynamicDefaultsSync({
+		options,
+		values,
+		setValue: setFieldValue,
+		isTouched: (name) => getFieldMeta(name).touched
+	});
 	return null;
 }
 function GroupHeader({ children, open, setOpen, title }) {
@@ -1919,7 +1971,7 @@ var InputField = React.memo(function InputField({ label, field, setFormDirty, on
 		return /* @__PURE__ */ jsx(TooltipInfo, {
 			className: "pr-2",
 			place: "top",
-			text: typeof fieldObj.tooltip === "string" ? fieldObj.tooltip.replace(/\r/g, "") : fieldObj.tooltip.join("\n")
+			text: typeof fieldObj.tooltip === "string" ? fieldObj.tooltip.replace(/\r/g, "") : fieldObj.tooltip.filter(Boolean).join("\n")
 		});
 	}, [fieldObj.tooltip]);
 	return /* @__PURE__ */ jsx(Registry, {
@@ -2167,7 +2219,7 @@ function DynamicFormContent({ options, setValues, setFormDirty, labelPosition, m
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
 		/* @__PURE__ */ jsx(DirtyStateBridge, { setFormDirty }),
 		/* @__PURE__ */ jsx(FormikStateBridge, { onChange: handleChange }),
-		workflowForm && /* @__PURE__ */ jsx(DynamicDefaultsSync, { options: opts }, contextKey ?? ""),
+		/* @__PURE__ */ jsx(DynamicDefaultsSync, { options: opts }, contextKey ?? ""),
 		wizardConfig !== null && wizardConfig ? /* @__PURE__ */ jsx(WizardContainer, {
 			wizardConfig,
 			values,
@@ -2224,7 +2276,7 @@ function DynamicForm({ formJSONs: options = {}, reinitialize = false, initialVal
 				},
 				...formikRef ? { innerRef: formikRef } : {},
 				children: ({ values }) => /* @__PURE__ */ jsx(Form, {
-					className: "w-full text-sm",
+					className: "pw-form w-full text-[13px]",
 					children: /* @__PURE__ */ jsx(DynamicFormContent, {
 						values,
 						options,
@@ -2388,4 +2440,4 @@ function ResourceOptionIcon({ imageUrl, fallbackIcon, alt, variant = "success",
 	});
 }
 //#endregion
-export { DropdownWrapper, DynamicDefaultsSync, DynamicForm, FLEX_MAX_DURATION_RANGE, FLEX_WAIT_TIME_RANGE, FieldProvider, FieldRegistryContext, FieldWrapper, FieldsFromOptions, FormikCustomDropdown_default as FormikCustomDropdown, FormikCustomInput, FormikMultiSelectDropdown, FormikNumericInput, GroupHeader, MultiSelectionDropdown, NumberField, Registry, ResourceOptionIcon, STANDARD_MAX_DURATION_RANGE, StatusBlock, applySecondaryField, collectFieldsWithDefaults, collectPartitionDurationIssues, enforceOneMustBeTrue, findSecondaryOption, findSelfReferencingFieldNames, flattenGroups, formatSecondsAsSlurmDuration, getInstanceTypesForForm, getInvalidDurationPaths, getPlaceholder, impureSetValueFromPath, initializeValues, parseSlurmDuration, resolveMetaOverrides, resolvePwString, resolvePwValue, resolvedFlag, setDurationValidity, useFieldControlProps, useFieldLabelledByProps, useFieldRequired, useParsedOpts };
+export { DropdownWrapper, DynamicDefaultsSync, DynamicForm, FLEX_MAX_DURATION_RANGE, FLEX_WAIT_TIME_RANGE, FieldProvider, FieldRegistryContext, FieldWrapper, FieldsFromOptions, FormikCustomDropdown_default as FormikCustomDropdown, FormikCustomInput, FormikMultiSelectDropdown, FormikNumericInput, GroupHeader, MultiSelectionDropdown, NumberField, Registry, ResourceOptionIcon, STANDARD_MAX_DURATION_RANGE, StatusBlock, applySecondaryField, collectFieldsWithDefaults, collectPartitionDurationIssues, enforceOneMustBeTrue, findSecondaryOption, findSelfReferencingFieldNames, flattenGroups, formatSecondsAsSlurmDuration, getInstanceTypesForForm, getInvalidDurationPaths, getPlaceholder, impureSetValueFromPath, initializeValues, parseSlurmDuration, resolveMetaOverrides, resolvePwString, resolvePwValue, resolvedFlag, setDurationValidity, useDynamicDefaultsSync, useFieldControlProps, useFieldLabelledByProps, useFieldRequired, useParsedOpts };

package/dist/index.js

@@ -1,13 +1,13 @@
 import { DEFAULT_PRESET, THEME_PRESETS, THEME_TOKENS, applyTheme, contrastRatio, deriveTheme, isDarkColor } from "./theme/index.js";
 import { AlertIcon, AngleRightIcon, EyeIcon, EyeOffIcon, FilterIcon, LoaderIcon, SortDownIcon, SortUnsortedIcon, SortUpIcon } from "./icons.js";
-import { a as CreateModalSelect, c as ConfirmModal, d as primaryButtonClasses, f as Markdown, h as Callout, i as CreateModalField, l as dangerButtonClasses, m as CopyToClipboard, n as CreateModal, o as CreateModalSwitch, p as CopyCodeBlock, r as CreateModalAutocompleteField, s as CreateModalTextarea, t as CREATE_MODAL_SELECT_FILTER_THRESHOLD, u as ghostButtonClasses } from "./chunks/CreateModal-DoA2WsXf.js";
+import { a as CreateModalSelect, c as ConfirmModal, d as primaryButtonClasses, f as Markdown, h as Callout, i as CreateModalField, l as dangerButtonClasses, m as CopyToClipboard, n as CreateModal, o as CreateModalSwitch, p as CopyCodeBlock, r as CreateModalAutocompleteField, s as CreateModalTextarea, t as CREATE_MODAL_SELECT_FILTER_THRESHOLD, u as ghostButtonClasses } from "./chunks/CreateModal-B7smkHkv.js";
 import { a as useProvisionCorsRules, c as useStrings, i as useNotify, l as useWorkflowJsonResolver, n as useLink, o as useRunFile, r as useNavigation, s as useSlots, t as UIProvider } from "./chunks/Provider-CbFVFB7O.js";
 import { a as truncationTooltipProps, i as formatTooltipContent, n as TOOLTIP_ID, r as TooltipInfo, t as GlobalTooltip } from "./chunks/Tooltip-n9w7Tkt1.js";
-import { c as isOption, i as filterOption, l as toggleSetMember, n as StatusDot, o as flattenOptions, r as DropdownCaret, s as isCategory, t as StatusBadge } from "./chunks/StatusBadge-RRUI78iS.js";
-import { a as UncontrolledCollapsiblePanel, c as Dropdown, i as MaybeCollapsible, n as SectionHeader, o as MultiSelectDropdown, r as ControlledCollapsiblePanel, s as CustomListbox, t as SwitchToggle } from "./chunks/SwitchToggle-DbW0Q__L.js";
+import { c as isOption, i as filterOption, l as toggleSetMember, n as StatusDot, o as flattenOptions, r as DropdownCaret, s as isCategory, t as StatusBadge } from "./chunks/StatusBadge-zvEtK16a.js";
+import { a as UncontrolledCollapsiblePanel, c as Dropdown, i as MaybeCollapsible, n as SectionHeader, o as MultiSelectDropdown, r as ControlledCollapsiblePanel, s as CustomListbox, t as SwitchToggle } from "./chunks/SwitchToggle-3V836Cn7.js";
 import { t as Loader } from "./chunks/Loader-BXoXTZGc.js";
 import { n as modalPanelClasses, t as BareModal } from "./chunks/BareModal-BqroLbZ5.js";
-import { C as useSetDefaultBreadcrumbs, S as useSetBreadcrumbs, a as HeaderAddButton, b as useClearBreadcrumbs, c as PageHeader, i as HeaderActionMenu, l as headerActionButtonClasses, n as BreadcrumbsRightAction, o as HeaderEditButton, r as BreadcrumbsTitleAction, s as HeaderRowMenu, t as BreadcrumbsActionButton, v as BreadcrumbProvider, w as AddMenu, x as useHideBreadcrumbs, y as useBreadcrumb } from "./chunks/PageHeader-CxxbidPp.js";
+import { C as useSetDefaultBreadcrumbs, S as useSetBreadcrumbs, a as HeaderAddButton, b as useClearBreadcrumbs, c as PageHeader, i as HeaderActionMenu, l as headerActionButtonClasses, n as BreadcrumbsRightAction, o as HeaderEditButton, r as BreadcrumbsTitleAction, s as HeaderRowMenu, t as BreadcrumbsActionButton, v as BreadcrumbProvider, w as AddMenu, x as useHideBreadcrumbs, y as useBreadcrumb } from "./chunks/PageHeader-CoZWF0pJ.js";
 import { t as useCssIsDark } from "./chunks/useCssIsDark-DHr05dG2.js";
 import { t as Indicator } from "./chunks/Indicator-hBSIxOPK.js";
 import { t as SwitchToggleSmall } from "./chunks/SwitchToggleSmall-FcsaYSTs.js";
@@ -20,7 +20,7 @@ import Skeleton from "react-loading-skeleton";
 //#region src/components/DescriptionList.tsx
 function DescriptionListItem({ label, children, tooltip, className, ...props }) {
 	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("dt", {
-		className: cx("leading-6 col-span-1 font-normal flex gap-1", className),
+		className: cx("text-[13px] leading-6 col-span-1 font-normal flex gap-1", className),
 		children: [/* @__PURE__ */ jsx("span", {
 			className: "min-w-0 truncate",
 			children: label
@@ -30,7 +30,7 @@ function DescriptionListItem({ label, children, tooltip, className, ...props })
 		})]
 	}), /* @__PURE__ */ jsx("dd", {
 		...props,
-		className: "flex leading-6 col-span-4 font-light items-center overflow-auto",
+		className: "flex text-[13px] leading-6 col-span-4 font-light items-center overflow-auto",
 		children
 	})] });
 }
@@ -39,7 +39,7 @@ function DescriptionList({ children, title, separators = true, subtitle, classNa
 		className: cx("w-full", wrapperClassName),
 		children: [
 			title && /* @__PURE__ */ jsx("h2", {
-				className: "text-lg font-semibold w-full mb-1",
+				className: "text-sm font-semibold w-full mb-1",
 				children: title
 			}),
 			subtitle && /* @__PURE__ */ jsx("div", {

package/dist/list/ListPage.d.ts

@@ -38,6 +38,8 @@ export interface PinnedRowAction {
     icon: ReactNode;
     onSelect: () => void;
     disabled?: boolean | undefined;
+    /** Replaces the label on hover when the action is disabled, explaining why. */
+    tooltip?: string | undefined;
 }
 export declare function ListRow({ href, items, goTo, openMenu, pinnedActions, selected, selectionActive, onRowSelect, leading, className, children, }: {
     href: string | null;

package/dist/list/ListTable.d.ts

@@ -18,11 +18,12 @@ export declare const listTableFixedProps: {
     readonly tbodyClassName: 'divide-y border-b border-(--theme-border) divide-(--theme-border)';
     readonly className: string;
 };
-export declare function NameCell({ icon, name, subtitle, href, }: {
+export declare function NameCell({ icon, name, subtitle, href, badge, }: {
     icon: ReactNode;
     name: string;
     subtitle?: string | undefined;
     href: string | null;
+    badge?: ReactNode;
 }): import("react").JSX.Element;
 export declare function GroupRow({ label, count, colSpan, }: {
     label: string;

package/dist/list/RowContextMenu.d.ts

@@ -12,6 +12,8 @@ export type RowMenuItem = {
     icon?: ReactNode;
     destructive?: boolean | undefined;
     disabled?: boolean | undefined;
+    /** Shown on hover when the item is disabled, explaining why. */
+    tooltip?: string | undefined;
     /** Trailing checkmark, e.g. the active option in a radio-style submenu. */
     selected?: boolean;
     /** Declarative clipboard copy: the menu performs it and notifies, so
@@ -39,6 +41,8 @@ export interface RowAction {
     to?: string | undefined;
     disabled?: boolean | undefined;
     destructive?: boolean | undefined;
+    /** Shown on hover when the action is disabled, explaining why. */
+    tooltip?: string | undefined;
 }
 /** Converts a single row action to a menu item: a `to` makes it a link, otherwise an action. */
 export declare function toRowMenuItem(action: RowAction): RowMenuItem;
@@ -54,6 +58,7 @@ export declare function toolbarActionToRowAction(action: {
     onClick?: (() => void) | undefined;
     href?: string | undefined;
     disabled?: boolean | undefined;
+    disabledTooltip?: string | undefined;
 }): RowAction;
 /** Assembles a row's context menu in the shared order: leading link(s) → middle
  * actions → extra items → Copy submenu → trailing (destructive) actions last. */

package/dist/list/index.js

@@ -1,3 +1,3 @@
-import { _ as useRowMenuActive, d as assembleRowMenu, f as copySubmenu, g as useRowMenu, h as toolbarActionToRowAction, m as toRowMenuItem, p as rowContextMenuProps, u as MoreButton } from "../chunks/PageHeader-CxxbidPp.js";
-import { A as ActionToolbar, C as ListSkeleton, D as actionsColumnWidth, E as RowSelectCheckbox, M as stickyTabsClasses, N as stickyTabsUnderHeaderClasses, O as listTableFixedProps, P as stickyToolbarClasses, S as ListError, T as NameCell, _ as ListRow, a as ListCount, b as GroupRow, c as ListDisplayMenu, d as isTextEntryContext, f as DEFAULT_ORDER, g as ListPage, h as ListColumns, i as ListPager, j as ToolbarButton, k as listTableProps, l as ListFilterMenu, m as useListView, n as useHoverCard, o as ListSearchControl, p as FAVORITE_ORDER, r as LIST_PAGE_SIZES, s as useListSearch, t as HoverCardSurface, u as listControlButtonClasses, v as ListRowActionsProvider, w as NAME_MIN_WIDTH_PX, x as ListActionsHeader, y as useListNavigate } from "../chunks/list-CBZpAYP7.js";
+import { _ as useRowMenuActive, d as assembleRowMenu, f as copySubmenu, g as useRowMenu, h as toolbarActionToRowAction, m as toRowMenuItem, p as rowContextMenuProps, u as MoreButton } from "../chunks/PageHeader-CoZWF0pJ.js";
+import { A as ActionToolbar, C as ListSkeleton, D as actionsColumnWidth, E as RowSelectCheckbox, M as stickyTabsClasses, N as stickyTabsUnderHeaderClasses, O as listTableFixedProps, P as stickyToolbarClasses, S as ListError, T as NameCell, _ as ListRow, a as ListCount, b as GroupRow, c as ListDisplayMenu, d as isTextEntryContext, f as DEFAULT_ORDER, g as ListPage, h as ListColumns, i as ListPager, j as ToolbarButton, k as listTableProps, l as ListFilterMenu, m as useListView, n as useHoverCard, o as ListSearchControl, p as FAVORITE_ORDER, r as LIST_PAGE_SIZES, s as useListSearch, t as HoverCardSurface, u as listControlButtonClasses, v as ListRowActionsProvider, w as NAME_MIN_WIDTH_PX, x as ListActionsHeader, y as useListNavigate } from "../chunks/list-CduoUsMW.js";
 export { ActionToolbar, DEFAULT_ORDER, FAVORITE_ORDER, GroupRow, HoverCardSurface, LIST_PAGE_SIZES, ListActionsHeader, ListColumns, ListCount, ListDisplayMenu, ListError, ListFilterMenu, ListPage, ListPager, ListRow, ListRowActionsProvider, ListSearchControl, ListSkeleton, MoreButton, NAME_MIN_WIDTH_PX, NameCell, RowSelectCheckbox, ToolbarButton, actionsColumnWidth, assembleRowMenu, copySubmenu, isTextEntryContext, listControlButtonClasses, listTableFixedProps, listTableProps, rowContextMenuProps, stickyTabsClasses, stickyTabsUnderHeaderClasses, stickyToolbarClasses, toRowMenuItem, toolbarActionToRowAction, useHoverCard, useListNavigate, useListSearch, useListView, useRowMenu, useRowMenuActive };

package/dist/styles/theme.css

@@ -236,3 +236,43 @@
     opacity: 1;
   }
 }
+
+/* Native controls and labels inside a DynamicForm. The ACTIVATE app declares the
+ * same rules globally; hosts that only import this package (docs, embeds) get
+ * unstyled inputs without them. Base layer so field utilities still win. */
+@layer base {
+  .pw-form input,
+  .pw-form textarea {
+    border-radius: 0.25rem;
+    border: 1px solid var(--theme-border, #d1d5db);
+    padding: 0.25rem 0.5rem;
+    min-height: 1.25rem;
+    font-size: 14px;
+    background-color: var(--theme-input-bg, #f9fafb);
+    color: var(--theme-app, #000000);
+  }
+  .pw-form input:disabled,
+  .pw-form textarea:disabled {
+    cursor: not-allowed;
+    background-color: var(--theme-input-disabled-bg, #f3f4f6);
+    color: var(--theme-input-disabled-text, #9ca3af);
+  }
+  .pw-form .form-label,
+  .pw-form .form-label-compact,
+  .pw-form .form-label-top {
+    display: flex;
+    align-items: center;
+    gap: 0.25rem;
+    flex-shrink: 0;
+    font-weight: 300;
+    height: 34px;
+    width: 13rem;
+  }
+  .pw-form .form-label-compact {
+    width: fit-content;
+    margin-right: 0.5rem;
+  }
+  .pw-form .form-label-top {
+    height: 20px;
+  }
+}