@wipco/sdui 1.6.0 → 1.6.1

package/dist/{chunk-YZTTFEL4.js → chunk-34BABTH4.js}

@@ -1,4 +1,4 @@
-import { IconButton, Input } from './chunk-BLFJMMBW.js';
+import { IconButton, Input } from './chunk-YYAGE733.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useState, useRef, useEffect, useCallback } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-7C54CKFZ.js → chunk-3PCR73OC.js}

@@ -1,6 +1,6 @@
-import { includesLooseSearch } from './chunk-4OABUPIU.js';
+import { includesLooseSearch } from './chunk-A57GKV5F.js';
 import { OverlayLayer } from './chunk-BITS7UJY.js';
-import { Button, Dialog, Input, Tag, Checkbox } from './chunk-BLFJMMBW.js';
+import { Button, Dialog, Input, Tag, Checkbox } from './chunk-YYAGE733.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import React, { useMemo, useState } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-KZ6U6FKB.js → chunk-3PT5OBOU.js}

@@ -1,4 +1,4 @@
-import { ImageViewer } from './chunk-AZSLSAJB.js';
+import { ImageViewer } from './chunk-UZZLMPRW.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useState } from 'react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';

package/dist/{chunk-NWYYNE3Q.js → chunk-4YPPL7JK.js}

@@ -1,4 +1,4 @@
-import { Spinner, EmptyState } from './chunk-BLFJMMBW.js';
+import { Spinner, EmptyState } from './chunk-YYAGE733.js';
 import { useState, useEffect } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 

package/dist/{chunk-M6H3SHIS.js → chunk-6YBSBC77.js}

@@ -1,4 +1,4 @@
-import { Button } from './chunk-BLFJMMBW.js';
+import { Button } from './chunk-YYAGE733.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useEffect, useState } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-QVS6K4FP.js → chunk-7G6J6QFC.js}

@@ -1,4 +1,4 @@
-import { Badge, Checkbox, IconButton, Icon } from './chunk-BLFJMMBW.js';
+import { Badge, Checkbox, IconButton, Icon } from './chunk-YYAGE733.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useState, useEffect } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-4OABUPIU.js → chunk-A57GKV5F.js}

@@ -1,7 +1,7 @@
-import { DateRangePicker } from './chunk-X2NIRVLN.js';
+import { DateRangePicker } from './chunk-FP32LNFK.js';
 import { useOverlayLayer } from './chunk-BITS7UJY.js';
 import { HoistedStyle } from './chunk-RIZRM7OO.js';
-import { Input, Button, IconButton, Tag, Field, Checkbox } from './chunk-BLFJMMBW.js';
+import { Input, Button, IconButton, Tag, Field, Checkbox } from './chunk-YYAGE733.js';
 import { useRef, useEffect, useState, useMemo } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 

package/dist/{chunk-AY4GM6KQ.js → chunk-AJ3KDBEE.js}

@@ -1,4 +1,4 @@
-import { Icon } from './chunk-BLFJMMBW.js';
+import { Icon } from './chunk-YYAGE733.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useRef, useState, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-OYDJHQNZ.js → chunk-BV37UCDF.js}

@@ -1,6 +1,6 @@
 import { fetchAllJobPositions } from './chunk-XRHR452N.js';
-import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-YNEEJCSZ.js';
-import { Select, Button } from './chunk-BLFJMMBW.js';
+import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-JHFA5RDN.js';
+import { Select, Button } from './chunk-YYAGE733.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useRef, useState, useEffect, useMemo } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-WTIYILY3.js → chunk-CUFGH3LB.js}

@@ -1,4 +1,4 @@
-import { Icon, Badge, Tooltip } from './chunk-BLFJMMBW.js';
+import { Icon, Badge, Tooltip } from './chunk-YYAGE733.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import React from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-V7BWMOHO.js → chunk-EGFDELSF.js}

@@ -1,5 +1,5 @@
 import { usePanZoomCanvas, MIN_ZOOM, MAX_ZOOM } from './chunk-CSZCWBOE.js';
-import { IconButton, Badge } from './chunk-BLFJMMBW.js';
+import { IconButton, Badge } from './chunk-YYAGE733.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useState, useMemo, useCallback, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-HXLQSO66.js → chunk-ESAFQXEU.js}

@@ -1,5 +1,5 @@
-import { Text } from './chunk-LIZTK3HO.js';
-import { Field, Input, Select, IconButton, Button } from './chunk-BLFJMMBW.js';
+import { Text } from './chunk-UC725BGW.js';
+import { Field, Input, Select, IconButton, Button } from './chunk-YYAGE733.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useMemo } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-RU5U2YMT.js → chunk-EUSC5NMZ.js}

@@ -1,6 +1,6 @@
-import { ImageLightbox } from './chunk-KZ6U6FKB.js';
-import { useSduiSandbox, useSduiAdapter, hostRawFetchOf, defaultAdapter, useSduiAssetResolver } from './chunk-YNEEJCSZ.js';
-import { Spinner, Icon, IconButton } from './chunk-BLFJMMBW.js';
+import { ImageLightbox } from './chunk-3PT5OBOU.js';
+import { useSduiSandbox, useSduiAdapter, hostRawFetchOf, defaultAdapter, useSduiAssetResolver } from './chunk-JHFA5RDN.js';
+import { Spinner, Icon, IconButton } from './chunk-YYAGE733.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useState, useRef, useEffect, useCallback } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-X2NIRVLN.js → chunk-FP32LNFK.js}

@@ -1,7 +1,7 @@
 import { useOverlayLayer, OverlayContainerContext, getOverlayRoot } from './chunk-BITS7UJY.js';
 import { HoistedStyle } from './chunk-RIZRM7OO.js';
 import { useIsMobile } from './chunk-GSM664TX.js';
-import { Icon } from './chunk-BLFJMMBW.js';
+import { Icon } from './chunk-YYAGE733.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import React, { useState, useRef, useEffect, useMemo, useCallback, useLayoutEffect } from 'react';
 import { createPortal } from 'react-dom';

package/dist/{chunk-6XI2VF2O.js → chunk-GKYUDTMI.js}

@@ -1,5 +1,5 @@
-import { DateRangePicker } from './chunk-X2NIRVLN.js';
-import { SegmentedControl, Select } from './chunk-BLFJMMBW.js';
+import { DateRangePicker } from './chunk-FP32LNFK.js';
+import { SegmentedControl, Select } from './chunk-YYAGE733.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useState, useMemo } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-6TI4WF5Y.js → chunk-GSXD52XG.js}

@@ -1,5 +1,5 @@
-import { useSduiAdapter, hostFetchOf } from './chunk-YNEEJCSZ.js';
-import { Badge, Tag } from './chunk-BLFJMMBW.js';
+import { useSduiAdapter, hostFetchOf } from './chunk-JHFA5RDN.js';
+import { Badge, Tag } from './chunk-YYAGE733.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useRef, useEffect, useMemo, useState } from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/{chunk-CEVZAFPO.js → chunk-IIRVHSNK.js}

@@ -1,5 +1,5 @@
-import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-YNEEJCSZ.js';
-import { Spinner, Badge, Icon } from './chunk-BLFJMMBW.js';
+import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-JHFA5RDN.js';
+import { Spinner, Badge, Icon } from './chunk-YYAGE733.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useState, useEffect } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/{chunk-CSE3PZOZ.js → chunk-J7BZF4T4.js}

@@ -1,7 +1,7 @@
-import { ellipsisStyle, unwrapRows } from './chunk-LKQJJSVJ.js';
-import { includesLooseSearch } from './chunk-4OABUPIU.js';
-import { useSduiAdapter, hostFetchOf } from './chunk-YNEEJCSZ.js';
-import { Icon, Button, Input, Spinner } from './chunk-BLFJMMBW.js';
+import { ellipsisStyle, unwrapRows } from './chunk-VAXRTBJH.js';
+import { includesLooseSearch } from './chunk-A57GKV5F.js';
+import { useSduiAdapter, hostFetchOf } from './chunk-JHFA5RDN.js';
+import { Icon, Button, Input, Spinner } from './chunk-YYAGE733.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useId, useRef, useMemo, useState, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-YNEEJCSZ.js → chunk-JHFA5RDN.js}

@@ -1,5 +1,5 @@
 import { DEV } from './chunk-GSM664TX.js';
-import { warnOnce } from './chunk-BLFJMMBW.js';
+import { warnOnce } from './chunk-YYAGE733.js';
 import { createContext, useContext } from 'react';
 
 function isSafeNavigationTarget(to) {

package/dist/{chunk-OUEJWC2Z.js → chunk-KDKRFWIF.js}

@@ -1,8 +1,8 @@
-import { TagMultiSelect } from './chunk-6TI4WF5Y.js';
-import { ApprovalLineEditor, stepTypeIcon, stepLabel } from './chunk-IQXLNICY.js';
-import { orderCircleStyle, unwrapRows, uid } from './chunk-LKQJJSVJ.js';
-import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-YNEEJCSZ.js';
-import { Card, Icon, Input, IconButton, Field, Button, Badge } from './chunk-BLFJMMBW.js';
+import { TagMultiSelect } from './chunk-GSXD52XG.js';
+import { ApprovalLineEditor, stepTypeIcon, stepLabel } from './chunk-USNPJEXH.js';
+import { orderCircleStyle, unwrapRows, uid } from './chunk-VAXRTBJH.js';
+import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-JHFA5RDN.js';
+import { Card, Icon, Input, IconButton, Field, Button, Badge } from './chunk-YYAGE733.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import React, { useRef, useState, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-MN4RZ2WP.js → chunk-KO3EUNWB.js}

@@ -1,7 +1,7 @@
 import { HoistedStyle } from './chunk-RIZRM7OO.js';
-import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-YNEEJCSZ.js';
+import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-JHFA5RDN.js';
 import { MOBILE_MEDIA_QUERY } from './chunk-GSM664TX.js';
-import { Icon, Badge, Checkbox, Select, Button } from './chunk-BLFJMMBW.js';
+import { Icon, Badge, Checkbox, Select, Button } from './chunk-YYAGE733.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useRef, useEffect, useState, useMemo } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/{chunk-HRHKQOOF.js → chunk-NLSR3JYU.js}

@@ -1,4 +1,4 @@
-import { Icon, Badge } from './chunk-BLFJMMBW.js';
+import { Icon, Badge } from './chunk-YYAGE733.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import React from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-53KS4E5N.js → chunk-O4EMQWCV.js}

@@ -1,6 +1,6 @@
 import { HoistedStyle } from './chunk-RIZRM7OO.js';
 import { useIsMobile } from './chunk-GSM664TX.js';
-import { SegmentedControl, IconButton, Button, Tag, EmptyState, Icon, Badge } from './chunk-BLFJMMBW.js';
+import { SegmentedControl, IconButton, Button, Tag, EmptyState, Icon, Badge } from './chunk-YYAGE733.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useState, useMemo } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -144,7 +144,6 @@ var EventBar = ({ segment, selected, tall = false, onSelect }) => {
     fontSize: tall ? 13 : 12,
     fontWeight: 600,
     lineHeight: 1,
-    overflow: "hidden",
     whiteSpace: "nowrap",
     cursor: "pointer",
     textAlign: "left",
@@ -155,6 +154,7 @@ var EventBar = ({ segment, selected, tall = false, onSelect }) => {
     "button",
     {
       type: "button",
+      className: "wp-evcal__bar",
       title: event.title,
       "aria-pressed": selected,
       style,
@@ -209,6 +209,12 @@ var EVCAL_CSS = `
 .wp-evcal__item-title{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;color:var(--wp-text-strong)}
 .wp-evcal__item-meta{display:contents}
 .wp-evcal__item-range{flex:none;font-size:13px;color:var(--wp-text-muted)}
+.wp-evcal__bar{overflow:hidden}
+@media (pointer:coarse){
+  .wp-evcal__lanes{z-index:0}
+  .wp-evcal--month .wp-evcal__bar{position:relative;overflow:visible}
+  .wp-evcal--month .wp-evcal__bar::before{content:"";position:absolute;left:0;right:0;top:50%;height:32px;margin-top:-16px;z-index:-1}
+}
 @media screen and (max-width:767.98px){
   .wp-evcal__types{flex:1 1 100%;margin-left:0;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding-bottom:2px}
   .wp-evcal__types::-webkit-scrollbar{display:none}
@@ -533,7 +539,7 @@ var EventCalendarImpl = ({
                       ))
                     }
                   ),
-                  /* @__PURE__ */ jsxs("div", { style: laneGridStyle(MONTH_BAR_TOP, MONTH_LANE_H), children: [
+                  /* @__PURE__ */ jsxs("div", { className: "wp-evcal__lanes", style: laneGridStyle(MONTH_BAR_TOP, MONTH_LANE_H), children: [
                     row.segments.map((seg) => /* @__PURE__ */ jsx(
                       EventBar,
                       {

package/dist/{chunk-VPOOIEKT.js → chunk-OCYJ2ZOV.js}

@@ -1,4 +1,4 @@
-import { Icon } from './chunk-BLFJMMBW.js';
+import { Icon } from './chunk-YYAGE733.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useState, useId, useCallback } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-K6RE23XX.js → chunk-OKNF2SBB.js}

@@ -1,6 +1,6 @@
-import { resolveTreeNodes, TreeView } from './chunk-2KQL6DYG.js';
+import { resolveTreeNodes, TreeView } from './chunk-TWUKNUUQ.js';
 import { OverlayLayer } from './chunk-BITS7UJY.js';
-import { Field, Dialog, Icon, Button, Input } from './chunk-BLFJMMBW.js';
+import { Field, Dialog, Icon, Button, Input } from './chunk-YYAGE733.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useState, useMemo } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-W4VA76QO.js → chunk-OQ7A3SFM.js}

@@ -1,5 +1,5 @@
 import { HoistedStyle } from './chunk-RIZRM7OO.js';
-import { Tag } from './chunk-BLFJMMBW.js';
+import { Tag } from './chunk-YYAGE733.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useState, useMemo, useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-YN7X7BEO.js → chunk-PCFH74RD.js}

@@ -1,6 +1,6 @@
-import { fetchAllPages } from './chunk-LKQJJSVJ.js';
-import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-YNEEJCSZ.js';
-import { Alert, Badge, Spinner, Button, Input, Checkbox } from './chunk-BLFJMMBW.js';
+import { fetchAllPages } from './chunk-VAXRTBJH.js';
+import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-JHFA5RDN.js';
+import { Alert, Badge, Spinner, Button, Input, Checkbox } from './chunk-YYAGE733.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useRef, useMemo, useState, useCallback, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-WEG3V7ZB.js → chunk-SGGIWPP6.js}

@@ -1,5 +1,5 @@
-import { Text } from './chunk-LIZTK3HO.js';
-import { Switch, Field, Select, Input } from './chunk-BLFJMMBW.js';
+import { Text } from './chunk-UC725BGW.js';
+import { Switch, Field, Select, Input } from './chunk-YYAGE733.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import React, { useMemo } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/{chunk-XG22XKKD.js → chunk-TB7G5DXQ.js}

@@ -1,5 +1,5 @@
-import { DatePicker, TimePicker } from './chunk-X2NIRVLN.js';
-import { Field } from './chunk-BLFJMMBW.js';
+import { DatePicker, TimePicker } from './chunk-FP32LNFK.js';
+import { Field } from './chunk-YYAGE733.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useState, useRef, useEffect, useMemo } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-2KQL6DYG.js → chunk-TWUKNUUQ.js}

@@ -1,5 +1,5 @@
-import { buildCascadingTree } from './chunk-4OABUPIU.js';
-import { Input, IconButton, EmptyState, Icon, Badge } from './chunk-BLFJMMBW.js';
+import { buildCascadingTree } from './chunk-A57GKV5F.js';
+import { Input, IconButton, EmptyState, Icon, Badge } from './chunk-YYAGE733.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import React, { useMemo, useState, useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -66,6 +66,35 @@ function collectExpandedIds(nodes, maxDepth, depth = 0, acc = /* @__PURE__ */ ne
   }
   return acc;
 }
+function ancestorIdsOf(nodes, id) {
+  const path = [];
+  const walk = (list) => {
+    for (const node of list) {
+      if (node.id === id) return true;
+      if (node.children && node.children.length > 0) {
+        path.push(node.id);
+        if (walk(node.children)) return true;
+        path.pop();
+      }
+    }
+    return false;
+  };
+  return walk(nodes) ? path : null;
+}
+function withAncestors(prev, nodes, selected) {
+  if (selected == null || selected === "") return prev;
+  const ancestors = ancestorIdsOf(nodes, selected);
+  if (!ancestors || ancestors.every((id) => prev.has(id))) return prev;
+  return /* @__PURE__ */ new Set([...prev, ...ancestors]);
+}
+function scrollRowIntoBox(box, row) {
+  if (box.scrollHeight <= box.clientHeight) return;
+  const boxRect = box.getBoundingClientRect();
+  const rowRect = row.getBoundingClientRect();
+  const scale = box.offsetHeight && boxRect.height > 0 ? boxRect.height / box.offsetHeight : 1;
+  if (rowRect.top < boxRect.top) box.scrollTop -= (boxRect.top - rowRect.top) / scale;
+  else if (rowRect.bottom > boxRect.bottom) box.scrollTop += (rowRect.bottom - boxRect.bottom) / scale;
+}
 function toggled(prev, id) {
   const next = new Set(prev);
   if (next.has(id)) next.delete(id);
@@ -84,18 +113,44 @@ function TreeViewImpl({
   maxHeight
 }) {
   const sourceNodes = useMemo(() => resolveTreeNodes(nodes, rows, tree), [nodes, rows, tree]);
-  const [expanded, setExpanded] = useState(() => collectExpandedIds(sourceNodes, defaultExpandedDepth));
+  const [innerSelected, setInnerSelected] = useState(null);
+  const isControlled = selectedId !== void 0;
+  const currentSelected = isControlled ? selectedId : innerSelected;
+  const [expanded, setExpanded] = useState(
+    () => withAncestors(collectExpandedIds(sourceNodes, defaultExpandedDepth), sourceNodes, currentSelected)
+  );
   const [searchCollapsed, setSearchCollapsed] = useState(() => /* @__PURE__ */ new Set());
   const [query, setQuery] = useState("");
-  const [innerSelected, setInnerSelected] = useState(null);
+  const treeRef = useRef(null);
   const hadRows = useRef(Array.isArray(rows) && rows.length > 0);
   useEffect(() => {
     const hasRows = Array.isArray(rows) && rows.length > 0;
-    if (hasRows && !hadRows.current) setExpanded(collectExpandedIds(sourceNodes, defaultExpandedDepth));
+    if (hasRows && !hadRows.current) {
+      setExpanded(withAncestors(collectExpandedIds(sourceNodes, defaultExpandedDepth), sourceNodes, currentSelected));
+    }
     hadRows.current = hasRows;
-  }, [rows, sourceNodes, defaultExpandedDepth]);
-  const isControlled = selectedId !== void 0;
-  const currentSelected = isControlled ? selectedId : innerSelected;
+  }, [rows, sourceNodes, defaultExpandedDepth, currentSelected]);
+  const revealedFor = useRef(null);
+  const scrollPending = useRef(false);
+  useEffect(() => {
+    if (currentSelected == null || currentSelected === "") {
+      revealedFor.current = null;
+      return;
+    }
+    if (revealedFor.current === currentSelected) return;
+    if (ancestorIdsOf(sourceNodes, currentSelected) === null) return;
+    revealedFor.current = currentSelected;
+    scrollPending.current = true;
+    setExpanded((prev) => withAncestors(prev, sourceNodes, currentSelected));
+  }, [currentSelected, sourceNodes]);
+  useEffect(() => {
+    if (!scrollPending.current) return;
+    const box = treeRef.current;
+    const row = box?.querySelector('[aria-current="true"]');
+    if (!box || !row) return;
+    scrollPending.current = false;
+    scrollRowIntoBox(box, row);
+  });
   const trimmedQuery = query.trim().toLowerCase();
   const searching = trimmedQuery.length > 0;
   const visibleNodes = useMemo(() => {
@@ -271,6 +326,7 @@ function TreeViewImpl({
         /* @__PURE__ */ jsx(
           "div",
           {
+            ref: treeRef,
             role: "tree",
             className: "wp-scroll",
             style: { overflowY: "auto", ...maxHeight ? { maxHeight } : null },
@@ -283,4 +339,4 @@ function TreeViewImpl({
 }
 var TreeView = boxed(TreeViewImpl, "TreeView");
 
-export { TreeView, buildTreeNodes, pruneExcluded, resolveTreeNodes };
+export { TreeView, ancestorIdsOf, buildTreeNodes, pruneExcluded, resolveTreeNodes, scrollRowIntoBox };

package/dist/{chunk-LIZTK3HO.js → chunk-UC725BGW.js}

@@ -1,4 +1,4 @@
-import { formatDisplayValue } from './chunk-BLFJMMBW.js';
+import { formatDisplayValue } from './chunk-YYAGE733.js';
 import { mergeStyle, containerLayoutStyle, joinClass, columnsClass, typographyStyle, GAP_CSS } from './chunk-3JTBOABA.js';
 import React from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-NAIWQQPW.js → chunk-US3K6Q5T.js}

@@ -1,4 +1,4 @@
-import { Textarea, Icon } from './chunk-BLFJMMBW.js';
+import { Textarea, Icon } from './chunk-YYAGE733.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useState, useRef, useId, useEffect, useCallback } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-IQXLNICY.js → chunk-USNPJEXH.js}

@@ -1,7 +1,7 @@
-import { orderCircleStyle, ellipsisStyle, unwrapRows, uid } from './chunk-LKQJJSVJ.js';
-import { includesLooseSearch } from './chunk-4OABUPIU.js';
-import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-YNEEJCSZ.js';
-import { Icon, Badge, IconButton, Field, Select, Input, Tag, Spinner, Button, isPlainObject } from './chunk-BLFJMMBW.js';
+import { orderCircleStyle, ellipsisStyle, unwrapRows, uid } from './chunk-VAXRTBJH.js';
+import { includesLooseSearch } from './chunk-A57GKV5F.js';
+import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-JHFA5RDN.js';
+import { Icon, Badge, IconButton, Field, Select, Input, Tag, Spinner, Button, isPlainObject } from './chunk-YYAGE733.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import React, { useState, useId, useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-AZSLSAJB.js → chunk-UZZLMPRW.js}

@@ -1,5 +1,5 @@
 import { useOverlayLayer, OverlayContainerContext, getOverlayRoot } from './chunk-BITS7UJY.js';
-import { IconButton } from './chunk-BLFJMMBW.js';
+import { IconButton } from './chunk-YYAGE733.js';
 import { useState, useRef, useCallback, useEffect, useContext } from 'react';
 import { createPortal } from 'react-dom';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-LKQJJSVJ.js → chunk-VAXRTBJH.js}

@@ -1,4 +1,4 @@
-import { isPlainObject } from './chunk-BLFJMMBW.js';
+import { isPlainObject } from './chunk-YYAGE733.js';
 
 // src/widgets/shared.ts
 function unwrapRows(payload) {

package/dist/{chunk-2QXA52DG.js → chunk-VQKX5PJ4.js}

@@ -1,7 +1,7 @@
 import { fetchAllJobPositions } from './chunk-XRHR452N.js';
-import { useSduiDispatch, useSduiCan, SduiDialog } from './chunk-CI5OZ2QT.js';
-import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-YNEEJCSZ.js';
-import { Card, Input, Button, Icon, Badge, IconButton } from './chunk-BLFJMMBW.js';
+import { useSduiDispatch, useSduiCan, SduiDialog } from './chunk-VR5MFUD2.js';
+import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-JHFA5RDN.js';
+import { Card, Input, Button, Icon, Badge, IconButton } from './chunk-YYAGE733.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import React, { useState, useEffect, useCallback, useMemo } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-CI5OZ2QT.js → chunk-VR5MFUD2.js}

@@ -1,5 +1,5 @@
 import { OverlayLayer } from './chunk-BITS7UJY.js';
-import { Dialog, Button, warnOnce } from './chunk-BLFJMMBW.js';
+import { Dialog, Button, warnOnce } from './chunk-YYAGE733.js';
 import { createContext, useContext, useMemo, useRef, useCallback, useState } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 

package/dist/{chunk-FEKKOBPX.js → chunk-VSNHDHGS.js}

@@ -1,8 +1,8 @@
 import { parseJobPositionRow } from './chunk-XRHR452N.js';
 import { usePanZoomCanvas, MIN_ZOOM } from './chunk-CSZCWBOE.js';
-import { ImageLightbox } from './chunk-KZ6U6FKB.js';
-import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-YNEEJCSZ.js';
-import { warnOnce, Badge, Button, IconButton, Icon } from './chunk-BLFJMMBW.js';
+import { ImageLightbox } from './chunk-3PT5OBOU.js';
+import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-JHFA5RDN.js';
+import { warnOnce, Badge, Button, IconButton, Icon } from './chunk-YYAGE733.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useState, useMemo, useRef, useCallback, useEffect, useLayoutEffect } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-7JP52QQO.js → chunk-XFKNU6QN.js}

@@ -1,5 +1,5 @@
-import { useSduiAssetResolver } from './chunk-YNEEJCSZ.js';
-import { Spinner, Icon } from './chunk-BLFJMMBW.js';
+import { useSduiAssetResolver } from './chunk-JHFA5RDN.js';
+import { Spinner, Icon } from './chunk-YYAGE733.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { useState, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-NA232CBX.js → chunk-XUVWIRZJ.js}

@@ -1,5 +1,5 @@
-import { Disclosure } from './chunk-VPOOIEKT.js';
-import { Icon } from './chunk-BLFJMMBW.js';
+import { Disclosure } from './chunk-OCYJ2ZOV.js';
+import { Icon } from './chunk-YYAGE733.js';
 import { boxed } from './chunk-3JTBOABA.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 

package/dist/{chunk-BLFJMMBW.js → chunk-YYAGE733.js}

@@ -1534,11 +1534,26 @@ function Card({
     }
   );
 }
-function Badge({ tone = "neutral", dot = false, size = "md", children, className = "", ...rest }) {
+function Badge({
+  tone = "neutral",
+  dot = false,
+  size = "md",
+  wrap = false,
+  children,
+  className = "",
+  ...rest
+}) {
   return /* @__PURE__ */ jsx(
     "span",
     {
-      className: joinClass("wp-badge", `wp-badge--${tone}`, dot && "wp-badge--dot", size === "lg" && "wp-badge--lg", className),
+      className: joinClass(
+        "wp-badge",
+        `wp-badge--${tone}`,
+        dot && "wp-badge--dot",
+        size === "lg" && "wp-badge--lg",
+        wrap && "wp-badge--wrap",
+        className
+      ),
       ...rest,
       children
     }