@harborclient/sdk 1.3.3 → 1.3.5

package/dist/components/Resizable/useResizable.js

@@ -3,6 +3,15 @@ import { RESIZABLE_SYNC_EVENT } from './applyResizableSizes.js';
 export { applyResizableSizes, RESIZABLE_SYNC_EVENT } from './applyResizableSizes.js';
 /** Id of the shared stylesheet injected during resize drags. */
 const RESIZING_STYLE_ID = 'hc-resizable-drag-styles';
+/**
+ * Fraction of the remaining target gap closed per animation frame during drag.
+ * Lower values feel heavier; higher values track the pointer more closely.
+ */
+const RESIZE_DRAG_LERP = 0.22;
+/**
+ * Stop the drag lerp loop when within this many pixels of the pointer target.
+ */
+const RESIZE_DRAG_SNAP_EPSILON = 0.5;
 /**
  * Injects shared CSS that neutralizes webviews/iframes and shows the resize cursor during drags.
  * Electron webviews paint above normal DOM, so pointer-events must be disabled on the webview itself.
@@ -45,6 +54,17 @@ function setResizingState(axis) {
 function clearResizingState() {
     delete document.body.dataset.hcResizing;
 }
+/**
+ * Returns whether the user prefers reduced motion.
+ *
+ * @returns True when the OS requests minimized animation.
+ */
+function prefersReducedMotion() {
+    if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') {
+        return false;
+    }
+    return window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+}
 /**
  * Loads a persisted size from localStorage.
  *
@@ -79,15 +99,17 @@ function persistSize(storageKey, size) {
 }
 /**
  * Clamps a size between min and optional max bounds.
+ *
+ * @param size - Candidate size in pixels.
+ * @param minSize - Minimum allowed size.
+ * @param getMaxSize - Optional dynamic max getter.
+ * @returns Size clamped to [minSize, max].
  */
 function clampSize(size, minSize, getMaxSize) {
     const rawMax = getMaxSize?.() ?? Number.POSITIVE_INFINITY;
     const maxSize = Math.max(minSize, rawMax);
     return Math.min(maxSize, Math.max(minSize, size));
 }
-/**
- * Tracks resizable panel size with pointer drag and optional persistence.
- */
 /**
  * Persists a committed resize size via localStorage and/or a caller callback.
  *
@@ -101,6 +123,12 @@ function commitSize(storageKey, onPersist, size) {
     }
     onPersist?.(size);
 }
+/**
+ * Tracks resizable panel size with pointer drag and optional persistence.
+ *
+ * During drag, pointer movement sets a target size; the displayed size eases
+ * toward that target each frame unless the user prefers reduced motion.
+ */
 export function useResizable({ axis, direction, defaultSize, minSize, getMaxSize, storageKey, onPersist }) {
     const [size, setSizeState] = useState(() => {
         const initial = storageKey ? loadStoredSize(storageKey, defaultSize) : defaultSize;
@@ -111,12 +139,60 @@ export function useResizable({ axis, direction, defaultSize, minSize, getMaxSize
     const startPosRef = useRef(0);
     const startSizeRef = useRef(defaultSize);
     const sizeRef = useRef(size);
+    const targetSizeRef = useRef(size);
+    const rafIdRef = useRef(null);
+    const minSizeRef = useRef(minSize);
+    const getMaxSizeRef = useRef(getMaxSize);
     /**
      * Keeps a ref in sync with state so drag handlers read the latest size.
      */
     useEffect(() => {
         sizeRef.current = size;
     }, [size]);
+    /**
+     * Keeps bound refs current so the lerp loop does not close over stale values.
+     */
+    useEffect(() => {
+        minSizeRef.current = minSize;
+        getMaxSizeRef.current = getMaxSize;
+    }, [getMaxSize, minSize]);
+    /**
+     * Cancels any in-flight drag lerp animation frame.
+     */
+    const stopResizeLerp = useCallback(() => {
+        if (rafIdRef.current != null) {
+            cancelAnimationFrame(rafIdRef.current);
+            rafIdRef.current = null;
+        }
+    }, []);
+    /**
+     * Eases displayed size toward the pointer target while a drag is active.
+     */
+    const runResizeLerpStep = useCallback(() => {
+        rafIdRef.current = null;
+        if (!resizingRef.current) {
+            return;
+        }
+        const current = sizeRef.current;
+        const target = targetSizeRef.current;
+        const gap = target - current;
+        if (Math.abs(gap) <= RESIZE_DRAG_SNAP_EPSILON) {
+            setSizeState(target);
+            return;
+        }
+        const nextSize = clampSize(current + gap * RESIZE_DRAG_LERP, minSizeRef.current, getMaxSizeRef.current);
+        setSizeState(nextSize);
+        rafIdRef.current = requestAnimationFrame(runResizeLerpStep);
+    }, []);
+    /**
+     * Starts the drag lerp loop when it is not already scheduled.
+     */
+    const startResizeLerp = useCallback(() => {
+        if (rafIdRef.current != null) {
+            return;
+        }
+        rafIdRef.current = requestAnimationFrame(runResizeLerpStep);
+    }, [runResizeLerpStep]);
     /**
      * Re-reads this panel's localStorage size when a workspace (or other caller)
      * applies sizes externally via {@link applyResizableSizes}.
@@ -153,22 +229,30 @@ export function useResizable({ axis, direction, defaultSize, minSize, getMaxSize
     }, [getMaxSize, size]);
     /**
      * Updates panel size with min/max clamping applied.
+     *
+     * @param nextSize - Desired size in pixels before clamping.
      */
     const setSize = useCallback((nextSize) => {
         setSizeState(clampSize(nextSize, minSize, getMaxSize));
     }, [getMaxSize, minSize]);
     /**
      * Captures pointer position and current size when a resize drag begins.
+     *
+     * @param event - React mouse event from the resize handle.
      */
     const onResizeStart = useCallback((event) => {
         event.preventDefault();
+        stopResizeLerp();
         resizingRef.current = true;
         startPosRef.current = axis === 'x' ? event.clientX : event.clientY;
         startSizeRef.current = sizeRef.current;
+        targetSizeRef.current = sizeRef.current;
         setResizingState(axis);
-    }, [axis]);
+    }, [axis, stopResizeLerp]);
     /**
      * Nudges panel size from arrow keys using the same axis/direction math as drag.
+     *
+     * @param event - React keyboard event from the focused resize handle.
      */
     const onKeyboardResize = useCallback((event) => {
         if (event.key === 'Enter' || event.key === ' ') {
@@ -201,7 +285,7 @@ export function useResizable({ axis, direction, defaultSize, minSize, getMaxSize
      */
     useEffect(() => {
         /**
-         * Updates size from pointer movement while a resize drag is active.
+         * Updates the pointer target (and eases toward it) while a resize drag is active.
          *
          * @param event - Window mousemove event.
          */
@@ -211,17 +295,25 @@ export function useResizable({ axis, direction, defaultSize, minSize, getMaxSize
             const currentPos = axis === 'x' ? event.clientX : event.clientY;
             const delta = (currentPos - startPosRef.current) * direction;
             const nextSize = clampSize(startSizeRef.current + delta, minSize, getMaxSize);
-            setSizeState(nextSize);
+            targetSizeRef.current = nextSize;
+            if (prefersReducedMotion()) {
+                setSizeState(nextSize);
+                return;
+            }
+            startResizeLerp();
         };
         /**
-         * Ends the resize drag and commits the final size when configured.
+         * Ends the resize drag, snaps to the pointer target, and commits the size.
          */
         const handleMouseUp = () => {
             if (!resizingRef.current)
                 return;
             resizingRef.current = false;
+            stopResizeLerp();
             clearResizingState();
-            commitSize(storageKey, onPersist, sizeRef.current);
+            const snapped = clampSize(targetSizeRef.current, minSize, getMaxSize);
+            setSizeState(snapped);
+            commitSize(storageKey, onPersist, snapped);
         };
         window.addEventListener('mousemove', handleMouseMove);
         window.addEventListener('mouseup', handleMouseUp);
@@ -235,17 +327,27 @@ export function useResizable({ axis, direction, defaultSize, minSize, getMaxSize
             window.removeEventListener('mousemove', handleMouseMove);
             window.removeEventListener('mouseup', handleMouseUp);
         };
-    }, [axis, direction, getMaxSize, minSize, onPersist, storageKey]);
+    }, [
+        axis,
+        direction,
+        getMaxSize,
+        minSize,
+        onPersist,
+        startResizeLerp,
+        stopResizeLerp,
+        storageKey
+    ]);
     /**
-     * Clears the document resize marker when the hook unmounts mid-drag.
+     * Clears the document resize marker and any lerp loop when the hook unmounts mid-drag.
      */
     useEffect(() => {
         return () => {
+            stopResizeLerp();
             if (resizingRef.current) {
                 resizingRef.current = false;
                 clearResizingState();
             }
         };
-    }, []);
+    }, [stopResizeLerp]);
     return { size, minSize, maxSize, setSize, onResizeStart, onKeyboardResize };
 }

package/dist/components/SettingFieldActions/index.d.ts

@@ -0,0 +1,42 @@
+import type { JSX } from 'react';
+interface Props {
+    /**
+     * Catalog setting id (e.g. `general.verifySsl`), used for the accessible name
+     * and as context for copy/reset actions.
+     */
+    settingId: string;
+    /**
+     * True when the field value differs from its factory default. Keeps the gear
+     * visible and enables Reset Setting.
+     */
+    isModified: boolean;
+    /**
+     * Resets the setting to its factory default.
+     */
+    onReset: () => void;
+    /**
+     * Copies the setting id to the clipboard.
+     */
+    onCopyId: () => void;
+    /**
+     * When set, adds a "Copy Setting as JSON" menu item.
+     */
+    onCopyJson?: () => void;
+    /**
+     * When set, adds a "Copy Deep Link" menu item for the `#setting-…` hash.
+     */
+    onCopyDeepLink?: () => void;
+}
+/**
+ * Gear button and dropdown for a single settings field: reset to default and
+ * copy helpers. Hidden until the parent `group/setting-field` is hovered or
+ * focused; always visible when the field is modified or the menu is open.
+ *
+ * Place inside a container with the `group/setting-field` Tailwind class so
+ * hover/focus reveal works.
+ *
+ * @param props - Setting id, modified flag, and action handlers.
+ */
+export declare function SettingFieldActions({ settingId, isModified, onReset, onCopyId, onCopyJson, onCopyDeepLink }: Props): JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/SettingFieldActions/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SettingFieldActions/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,GAAG,EAAiC,MAAM,OAAO,CAAC;AAIhE,UAAU,KAAK;IACb;;;OAGG;IACH,SAAS,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,UAAU,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IAExB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED;;;;;;;;;GASG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,UAAU,EACV,OAAO,EACP,QAAQ,EACR,UAAU,EACV,cAAc,EACf,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAyErB"}

package/dist/components/SettingFieldActions/index.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx } from "@harborclient/sdk/jsx-runtime";
+import { faGear } from '@fortawesome/free-solid-svg-icons';
+import { useMemo, useState } from '@harborclient/sdk/react';
+import { RowActionsMenu } from '../RowActionsMenu/index.js';
+import { cn } from '../utils.js';
+/**
+ * Gear button and dropdown for a single settings field: reset to default and
+ * copy helpers. Hidden until the parent `group/setting-field` is hovered or
+ * focused; always visible when the field is modified or the menu is open.
+ *
+ * Place inside a container with the `group/setting-field` Tailwind class so
+ * hover/focus reveal works.
+ *
+ * @param props - Setting id, modified flag, and action handlers.
+ */
+export function SettingFieldActions({ settingId, isModified, onReset, onCopyId, onCopyJson, onCopyDeepLink }) {
+    const [openMenuId, setOpenMenuId] = useState(null);
+    const menuId = `setting-actions-${settingId}`;
+    const isOpen = openMenuId === menuId;
+    /**
+     * Menu groups for reset and copy actions. Reset is disabled when the value
+     * matches the factory default.
+     */
+    const groups = useMemo(() => {
+        const copyItems = [
+            {
+                label: 'Copy Setting ID',
+                onSelect: onCopyId
+            }
+        ];
+        if (onCopyJson != null) {
+            copyItems.push({
+                label: 'Copy Setting as JSON',
+                onSelect: onCopyJson
+            });
+        }
+        if (onCopyDeepLink != null) {
+            copyItems.push({
+                label: 'Copy Deep Link',
+                onSelect: onCopyDeepLink
+            });
+        }
+        return [
+            [
+                {
+                    label: 'Reset Setting',
+                    disabled: !isModified,
+                    onSelect: onReset
+                }
+            ],
+            copyItems
+        ];
+    }, [isModified, onCopyDeepLink, onCopyId, onCopyJson, onReset]);
+    /**
+     * Prevents the gear click from toggling a wrapping checkbox label.
+     *
+     * @param event - Native click on the actions wrapper.
+     */
+    const handleWrapperClick = (event) => {
+        event.stopPropagation();
+    };
+    const alwaysVisible = isModified || isOpen;
+    return (_jsx("div", { className: cn('hc-setting-field-actions shrink-0', alwaysVisible
+            ? 'opacity-100'
+            : 'opacity-0 group-focus-within/setting-field:opacity-100 group-hover/setting-field:opacity-100 focus-within:opacity-100'), onClick: handleWrapperClick, children: _jsx(RowActionsMenu, { menuId: menuId, openMenuId: openMenuId, onOpenChange: setOpenMenuId, triggerIcon: faGear, triggerAriaLabel: `Setting actions for ${settingId}`, triggerTitle: "Setting actions", groups: groups }) }));
+}

package/dist/components/SidebarItem/SidebarEnvironmentItem.d.ts

@@ -1,3 +1,4 @@
+import type { IconDefinition } from '@fortawesome/fontawesome-svg-core';
 import type { JSX, MouseEvent, ReactNode } from 'react';
 import { type SidebarItemSortableConfig } from './SidebarItem.js';
 interface Props {
@@ -21,13 +22,46 @@ interface Props {
      * Whether this row should use selected/highlighted row styling.
      */
     selected?: boolean;
+    /**
+     * Whether this environment has nested child environments.
+     */
+    hasChildren?: boolean;
+    /**
+     * Whether the child environment list is expanded.
+     */
+    expanded?: boolean;
+    /**
+     * Id of the child region controlled by this row (`SidebarTreeGroup` id).
+     */
+    childrenId?: string;
+    /**
+     * Nesting depth for indentation (`0` = root, no extra indent).
+     */
+    level?: number;
+    /**
+     * Total siblings at this level (tree a11y).
+     */
+    setSize?: number;
+    /**
+     * 1-based position among siblings at this level (tree a11y).
+     */
+    posInSet?: number;
+    /**
+     * Toggles child environment expand/collapse when {@link hasChildren} is true.
+     */
+    onToggleExpand?: () => void;
+    /**
+     * Icons for expand/collapse chevrons when {@link hasChildren} is true.
+     */
+    expandIcon?: IconDefinition;
+    collapseIcon?: IconDefinition;
     /**
      * dnd-kit sortable configuration for environment reordering.
      */
     sortable?: SidebarItemSortableConfig;
     /**
-     * Accessible label for the listbox option. When omitted, the name is derived
-     * from visible row content (name, variable summary).
+     * Accessible label for the listbox option or tree item. When omitted, the name
+     * is derived from visible row content (name, variable summary).
      */
     ariaLabel?: string;
     /**
@@ -64,15 +98,19 @@ interface Props {
      */
     dataSidebarEnvironmentId?: string | number;
     /**
-     * HTML element for the row container. Use `li` inside {@link SidebarListbox}.
+     * HTML element for the row container. Use `li` inside {@link SidebarListbox}
+     * or {@link SidebarTree}.
      */
     as?: 'div' | 'li';
 }
 /**
  * Renders an environment row in the Collections sidebar Environments section.
  *
+ * Flat list rows use listbox option semantics. Nested tree rows (when `level` is
+ * set) use treeitem semantics with optional expand/collapse chevrons.
+ *
  * The accessible name is derived from visible row content (name, variable summary).
  */
-export declare function SidebarEnvironmentItem({ name, variableSummary, markerDot, selected, sortable, ariaLabel, ariaSelected, ariaCurrent, onContextMenu, onClick, onDoubleClick, onEnter, actions, dataSidebarEnvironmentId, as }: Props): JSX.Element;
+export declare function SidebarEnvironmentItem({ name, variableSummary, markerDot, selected, hasChildren, expanded, childrenId, level, setSize, posInSet, onToggleExpand, expandIcon, collapseIcon, sortable, ariaLabel, ariaSelected, ariaCurrent, onContextMenu, onClick, onDoubleClick, onEnter, actions, dataSidebarEnvironmentId, as }: Props): JSX.Element;
 export {};
 //# sourceMappingURL=SidebarEnvironmentItem.d.ts.map

package/dist/components/SidebarItem/SidebarEnvironmentItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarEnvironmentItem.d.ts","sourceRoot":"","sources":["../../../src/components/SidebarItem/SidebarEnvironmentItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAiB,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,EAAe,KAAK,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAI/E,UAAU,KAAK;IACb;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,SAAS,CAAC,EAAE;QACV,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;QAClC,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IAEF;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC;IAErC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAEzD;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAEnD;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAEzD;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,wBAAwB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE3C;;OAEG;IACH,EAAE,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;CACnB;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,eAAe,EACf,SAAS,EACT,QAAgB,EAChB,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,WAAW,EACX,aAAa,EACb,OAAO,EACP,aAAa,EACb,OAAO,EACP,OAAO,EACP,wBAAwB,EACxB,EAAS,EACV,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAwDrB"}
+{"version":3,"file":"SidebarEnvironmentItem.d.ts","sourceRoot":"","sources":["../../../src/components/SidebarItem/SidebarEnvironmentItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,KAAK,EAAE,GAAG,EAAiB,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAe,KAAK,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAU/E,UAAU,KAAK;IACb;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,SAAS,CAAC,EAAE;QACV,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;QAClC,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IAEF;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B;;OAEG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,YAAY,CAAC,EAAE,cAAc,CAAC;IAE9B;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC;IAErC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAEzD;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAEnD;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAEzD;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,wBAAwB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE3C;;;OAGG;IACH,EAAE,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;CACnB;AAOD;;;;;;;GAOG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,eAAe,EACf,SAAS,EACT,QAAgB,EAChB,WAAmB,EACnB,QAAgB,EAChB,UAAU,EACV,KAAK,EACL,OAAO,EACP,QAAQ,EACR,cAAc,EACd,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,WAAW,EACX,aAAa,EACb,OAAO,EACP,aAAa,EACb,OAAO,EACP,OAAO,EACP,wBAAwB,EACxB,EAAS,EACV,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAmGrB"}

package/dist/components/SidebarItem/SidebarEnvironmentItem.js

@@ -1,14 +1,26 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@harborclient/sdk/jsx-runtime";
+import { FaIcon } from '../FaIcon/index.js';
 import { SidebarItem } from './SidebarItem.js';
 import { SidebarMarkerDot } from './SidebarMarkerDot.js';
-import { SIDEBAR_ITEM_BUTTON_CLASS } from './sidebarItemClasses.js';
+import { SIDEBAR_CHEVRON_BUTTON_CLASS, SIDEBAR_CHEVRON_ICON_CLASS, SIDEBAR_CHEVRON_LABEL_OFFSET_CLASS, SIDEBAR_ITEM_BUTTON_CLASS } from './sidebarItemClasses.js';
+import { stopSortableDragPointerDown } from './stopSortableDragPointerDown.js';
+/**
+ * Nesting indent step matching Tailwind `ml-4` (1rem) per depth level.
+ */
+const ENVIRONMENT_LEVEL_INDENT_PX = 16;
 /**
  * Renders an environment row in the Collections sidebar Environments section.
  *
+ * Flat list rows use listbox option semantics. Nested tree rows (when `level` is
+ * set) use treeitem semantics with optional expand/collapse chevrons.
+ *
  * The accessible name is derived from visible row content (name, variable summary).
  */
-export function SidebarEnvironmentItem({ name, variableSummary, markerDot, selected = false, sortable, ariaLabel, ariaSelected, ariaCurrent, onContextMenu, onClick, onDoubleClick, onEnter, actions, dataSidebarEnvironmentId, as = 'li' }) {
-    const useListboxOption = as === 'li';
+export function SidebarEnvironmentItem({ name, variableSummary, markerDot, selected = false, hasChildren = false, expanded = false, childrenId, level, setSize, posInSet, onToggleExpand, expandIcon, collapseIcon, sortable, ariaLabel, ariaSelected, ariaCurrent, onContextMenu, onClick, onDoubleClick, onEnter, actions, dataSidebarEnvironmentId, as = 'li' }) {
+    const useTreeItem = as === 'li' && level != null;
+    const useListboxOption = as === 'li' && !useTreeItem;
+    const showChevron = hasChildren && expandIcon != null && collapseIcon != null && onToggleExpand != null;
+    const indentPx = (level ?? 0) * ENVIRONMENT_LEVEL_INDENT_PX;
     /**
      * Opens environment settings when Enter is pressed on the name area.
      */
@@ -20,6 +32,8 @@ export function SidebarEnvironmentItem({ name, variableSummary, markerDot, selec
         event.stopPropagation();
         onEnter();
     };
+    const chevronLabel = expanded ? `Collapse environment "${name}"` : `Expand environment "${name}"`;
+    const labelOffsetClass = useTreeItem ? SIDEBAR_CHEVRON_LABEL_OFFSET_CLASS : '';
     return (_jsx(SidebarItem, { selected: selected, sortable: sortable, onContextMenu: onContextMenu, actions: actions, as: as, listboxOption: useListboxOption
             ? {
                 ariaLabel,
@@ -29,7 +43,22 @@ export function SidebarEnvironmentItem({ name, variableSummary, markerDot, selec
                 onDoubleClick,
                 onKeyDown: onEnter != null ? handleKeyDown : undefined
             }
-            : undefined, children: _jsxs("span", { className: SIDEBAR_ITEM_BUTTON_CLASS, ...(dataSidebarEnvironmentId != null
+            : undefined, treeItem: useTreeItem
+            ? {
+                ariaLabel,
+                expanded: hasChildren ? expanded : undefined,
+                controlsId: hasChildren ? childrenId : undefined,
+                level: (level ?? 0) + 1,
+                setSize,
+                posInSet,
+                onClick,
+                onDoubleClick,
+                onKeyDown: onEnter != null ? handleKeyDown : undefined
+            }
+            : undefined, children: _jsxs("span", { className: SIDEBAR_ITEM_BUTTON_CLASS, style: indentPx > 0 ? { paddingLeft: indentPx } : undefined, ...(dataSidebarEnvironmentId != null
                 ? { 'data-sidebar-environment-id': String(dataSidebarEnvironmentId) }
-                : {}), children: [_jsxs("span", { className: "inline-flex min-w-0 flex-1 items-center gap-1.5", children: [_jsx("span", { className: "min-w-0 truncate", children: name }), markerDot != null ? (_jsx(SidebarMarkerDot, { marker: markerDot.marker, visible: markerDot.visible, label: markerDot.label })) : null] }), _jsx("span", { className: "shrink-0 text-muted", children: variableSummary })] }) }));
+                : {}), children: [showChevron ? (_jsx("button", { type: "button", className: SIDEBAR_CHEVRON_BUTTON_CLASS, onClick: (event) => {
+                        event.stopPropagation();
+                        onToggleExpand();
+                    }, onPointerDown: stopSortableDragPointerDown, tabIndex: -1, "aria-label": chevronLabel, children: _jsx(FaIcon, { icon: expanded ? collapseIcon : expandIcon, className: SIDEBAR_CHEVRON_ICON_CLASS }) })) : useTreeItem ? (_jsx("span", { className: "inline-flex h-4 w-4 shrink-0", "aria-hidden": true })) : null, _jsxs("span", { className: `inline-flex min-w-0 flex-1 items-center gap-1.5 ${labelOffsetClass}`, children: [_jsx("span", { className: "min-w-0 truncate", children: name }), markerDot != null ? (_jsx(SidebarMarkerDot, { marker: markerDot.marker, visible: markerDot.visible, label: markerDot.label })) : null] }), _jsx("span", { className: "shrink-0 text-muted", children: variableSummary })] }) }));
 }

package/dist/components/SidebarItem/SidebarHistoryItem.d.ts

@@ -61,10 +61,14 @@ interface Props {
      * HTML element for the row container. Use `li` inside {@link SidebarListbox}.
      */
     as?: 'div' | 'li';
+    /**
+     * Additional class names merged onto the row container.
+     */
+    className?: string;
 }
 /**
  * Renders a request or run history entry row in the Collections sidebar History section.
  */
-export declare function SidebarHistoryItem({ method, name, isRun, status, statusText, statusDotVisible, methodColors, runIcon, selected, title, ariaLabel, onContextMenu, onClick, actions, as }: Props): JSX.Element;
+export declare function SidebarHistoryItem({ method, name, isRun, status, statusText, statusDotVisible, methodColors, runIcon, selected, title, ariaLabel, onContextMenu, onClick, actions, as, className }: Props): JSX.Element;
 export {};
 //# sourceMappingURL=SidebarHistoryItem.d.ts.map

package/dist/components/SidebarItem/SidebarHistoryItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarHistoryItem.d.ts","sourceRoot":"","sources":["../../../src/components/SidebarItem/SidebarHistoryItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOxD,UAAU,KAAK;IACb;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IAEzB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAEzD;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAEnD;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,EAAE,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;CACnB;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,IAAI,EACJ,KAAa,EACb,MAAM,EACN,UAAU,EACV,gBAAuB,EACvB,YAAmB,EACnB,OAAO,EACP,QAAgB,EAChB,KAAK,EACL,SAAS,EACT,aAAa,EACb,OAAO,EACP,OAAO,EACP,EAAS,EACV,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAyCrB"}
+{"version":3,"file":"SidebarHistoryItem.d.ts","sourceRoot":"","sources":["../../../src/components/SidebarItem/SidebarHistoryItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOxD,UAAU,KAAK;IACb;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IAEzB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAEzD;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAEnD;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,EAAE,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,IAAI,EACJ,KAAa,EACb,MAAM,EACN,UAAU,EACV,gBAAuB,EACvB,YAAmB,EACnB,OAAO,EACP,QAAgB,EAChB,KAAK,EACL,SAAS,EACT,aAAa,EACb,OAAO,EACP,OAAO,EACP,EAAS,EACT,SAAS,EACV,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CA0CrB"}

package/dist/components/SidebarItem/SidebarHistoryItem.js

@@ -7,12 +7,12 @@ import { SIDEBAR_ITEM_BUTTON_CLASS, statusDotClass } from './sidebarItemClasses.
 /**
  * Renders a request or run history entry row in the Collections sidebar History section.
  */
-export function SidebarHistoryItem({ method, name, isRun = false, status, statusText, statusDotVisible = true, methodColors = true, runIcon, selected = false, title, ariaLabel, onContextMenu, onClick, actions, as = 'li' }) {
+export function SidebarHistoryItem({ method, name, isRun = false, status, statusText, statusDotVisible = true, methodColors = true, runIcon, selected = false, title, ariaLabel, onContextMenu, onClick, actions, as = 'li', className }) {
     const useListboxOption = as === 'li';
     const optionAriaLabel = !isRun && status != null && statusText != null
         ? `${ariaLabel}, responded ${status} ${statusText}`
         : ariaLabel;
-    return (_jsx(SidebarItem, { selected: selected, onContextMenu: onContextMenu, actions: actions, as: as, listboxOption: useListboxOption
+    return (_jsx(SidebarItem, { selected: selected, onContextMenu: onContextMenu, actions: actions, as: as, className: className, listboxOption: useListboxOption
             ? {
                 ariaLabel: optionAriaLabel,
                 onClick

package/dist/components/SidebarItem/SidebarWorkspaceItem.d.ts

@@ -38,6 +38,14 @@ interface Props {
      * Called when the primary row area is activated.
      */
     onClick?: (event: MouseEvent<HTMLElement>) => void;
+    /**
+     * Called when the primary row area is double-clicked.
+     */
+    onDoubleClick?: (event: MouseEvent<HTMLElement>) => void;
+    /**
+     * Called when Enter is pressed on the primary row area.
+     */
+    onEnter?: () => void;
     /**
      * Trailing actions slot, typically a row actions menu.
      */
@@ -50,6 +58,6 @@ interface Props {
 /**
  * Renders a workspace row in the Collections sidebar Workspaces section.
  */
-export declare function SidebarWorkspaceItem({ name, summary, icon, markerDot, selected, sortable, onContextMenu, onClick, actions, as }: Props): JSX.Element;
+export declare function SidebarWorkspaceItem({ name, summary, icon, markerDot, selected, sortable, onContextMenu, onClick, onDoubleClick, onEnter, actions, as }: Props): JSX.Element;
 export {};
 //# sourceMappingURL=SidebarWorkspaceItem.d.ts.map

package/dist/components/SidebarItem/SidebarWorkspaceItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarWorkspaceItem.d.ts","sourceRoot":"","sources":["../../../src/components/SidebarItem/SidebarWorkspaceItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAExD,OAAO,EAAe,KAAK,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAI/E,UAAU,KAAK;IACb;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,IAAI,EAAE,cAAc,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE;QACV,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;QAClC,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IAEF;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC;IAErC;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAEzD;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAEnD;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,EAAE,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;CACnB;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,SAAS,EACT,QAAgB,EAChB,QAAQ,EACR,aAAa,EACb,OAAO,EACP,OAAO,EACP,EAAS,EACV,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAkCrB"}
+{"version":3,"file":"SidebarWorkspaceItem.d.ts","sourceRoot":"","sources":["../../../src/components/SidebarItem/SidebarWorkspaceItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,KAAK,EAAE,GAAG,EAAiB,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAe,KAAK,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAI/E,UAAU,KAAK;IACb;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,IAAI,EAAE,cAAc,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE;QACV,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;QAClC,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IAEF;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC;IAErC;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAEzD;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAEnD;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAEzD;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,EAAE,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;CACnB;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,SAAS,EACT,QAAgB,EAChB,QAAQ,EACR,aAAa,EACb,OAAO,EACP,aAAa,EACb,OAAO,EACP,OAAO,EACP,EAAS,EACV,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAiDrB"}

package/dist/components/SidebarItem/SidebarWorkspaceItem.js

@@ -6,11 +6,24 @@ import { SIDEBAR_ITEM_BUTTON_CLASS } from './sidebarItemClasses.js';
 /**
  * Renders a workspace row in the Collections sidebar Workspaces section.
  */
-export function SidebarWorkspaceItem({ name, summary, icon, markerDot, selected = false, sortable, onContextMenu, onClick, actions, as = 'li' }) {
+export function SidebarWorkspaceItem({ name, summary, icon, markerDot, selected = false, sortable, onContextMenu, onClick, onDoubleClick, onEnter, actions, as = 'li' }) {
     const useListboxOption = as === 'li';
+    /**
+     * Opens workspace settings when Enter is pressed on the row.
+     */
+    const handleKeyDown = (event) => {
+        if (event.key !== 'Enter' || onEnter == null) {
+            return;
+        }
+        event.preventDefault();
+        event.stopPropagation();
+        onEnter();
+    };
     return (_jsx(SidebarItem, { selected: selected, sortable: sortable, onContextMenu: onContextMenu, actions: actions, as: as, listboxOption: useListboxOption
             ? {
-                onClick
+                onClick,
+                onDoubleClick,
+                onKeyDown: onEnter != null ? handleKeyDown : undefined
             }
             : undefined, children: _jsxs("span", { className: `${SIDEBAR_ITEM_BUTTON_CLASS} gap-2 rounded-md px-2 py-1`, children: [_jsx(FaIcon, { icon: icon, className: "h-3.5 w-3.5 shrink-0 text-muted", "aria-hidden": true }), _jsxs("span", { className: "inline-flex min-w-0 flex-1 items-center gap-1.5", children: [_jsx("span", { className: "min-w-0 truncate", children: name }), markerDot != null ? (_jsx(SidebarMarkerDot, { marker: markerDot.marker, visible: markerDot.visible, label: markerDot.label })) : null] }), _jsx("span", { className: "shrink-0 text-muted", children: summary })] }) }));
 }

package/dist/components/TabBar/TabContextMenu.d.ts

@@ -17,6 +17,9 @@ interface Props {
 }
 /**
  * Cursor-positioned context menu for tab bars, rendered in a portal at the click point.
+ *
+ * @param props - Menu groups, cursor anchor, and close handler.
+ * @returns Portal menu panel, or null when there are no items.
  */
 export declare function TabContextMenu({ groups, position, onClose }: Props): JSX.Element | null;
 export {};

package/dist/components/TabBar/TabContextMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabContextMenu.d.ts","sourceRoot":"","sources":["../../../src/components/TabBar/TabContextMenu.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,GAAG,EAAiB,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,KAAK,YAAY,EAAqB,MAAM,oBAAoB,CAAC;AAI1E,UAAU,KAAK;IACb;;OAEG;IACH,MAAM,EAAE,QAAQ,EAAE,EAAE,CAAC;IAErB;;OAEG;IACH,QAAQ,EAAE,YAAY,CAAC;IAEvB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAgBD;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAkJvF"}
+{"version":3,"file":"TabContextMenu.d.ts","sourceRoot":"","sources":["../../../src/components/TabBar/TabContextMenu.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,GAAG,EAAiB,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,KAAK,YAAY,EAAqB,MAAM,oBAAoB,CAAC;AAU1E,UAAU,KAAK;IACb;;OAEG;IACH,MAAM,EAAE,QAAQ,EAAE,EAAE,CAAC;IAErB;;OAEG;IACH,QAAQ,EAAE,YAAY,CAAC;IAEvB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAoKvF"}