@harborclient/sdk 1.3.3 → 1.3.4

package/CHANGELOG.md

@@ -4,6 +4,16 @@ All notable changes to this project will be documented in this file.
 
 ## Unreleased
 
+## 1.3.4 - 2026-07-28
+
+- Implement hc.ask API for one-shot AI completions. (`aed2809f`)
+- Enhance plugin library and sidebar selection handling. (`5a919ac6`)
+- Enhance settings management and UI components. (`31e7f975`)
+- Refactor settings draft management and enhance default handling. (`5650b3e6`)
+- Refactor BodyEditor and enhance selection handling. (`d28dd6b7`)
+- Refactor shortcuts handling and update UI components. (`a85cf446`)
+- Enhance response handling and UI features. (`b076b194`)
+
 ## 1.3.3 - 2026-07-27
 
 - Update @harborclient/team-hub-api dependency to version 0.4.1 and enhance documentation for import handlers. (`516c9dae`)

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

@@ -0,0 +1,35 @@
+import type { JSX } from 'react';
+import type { MenuItem } from '../RowActionsMenu/index.js';
+import { type MenuPosition } from '../menuPosition.js';
+interface Props {
+    /**
+     * Grouped menu entries. Each inner array is one visual group separated by a divider.
+     */
+    groups: MenuItem[][];
+    /**
+     * Host viewport coordinates for the panel top-left corner (before clamping).
+     */
+    anchor: MenuPosition;
+    /**
+     * Called when the menu dismisses (outside click, Escape, Tab, or item select).
+     */
+    onDismiss: () => void;
+    /**
+     * Unique id for this menu instance (used for a11y ids). Defaults to `anchor-menu`.
+     */
+    menuId?: string;
+    /**
+     * Optional class names merged onto the portaled panel.
+     */
+    className?: string;
+}
+/**
+ * Portaled context menu panel anchored to viewport coordinates (no hamburger trigger).
+ *
+ * Used by the host for plugin-requested entity menus (`showEntityContextMenu`) and any
+ * other cursor-anchored menu that should match {@link RowActionsMenu} keyboard and
+ * submenu behavior without owning a row trigger button.
+ */
+export declare function AnchorMenuPanel({ groups, anchor, onDismiss, menuId, className }: Props): JSX.Element | null;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AnchorMenuPanel/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,GAAG,EAAiB,MAAM,OAAO,CAAC;AAGhD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAqB,KAAK,YAAY,EAAqB,MAAM,oBAAoB,CAAC;AAU7F,UAAU,KAAK;IACb;;OAEG;IACH,MAAM,EAAE,QAAQ,EAAE,EAAE,CAAC;IAErB;;OAEG;IACH,MAAM,EAAE,YAAY,CAAC;IAErB;;OAEG;IACH,SAAS,EAAE,MAAM,IAAI,CAAC;IAEtB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAUD;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,MAAM,EACN,SAAS,EACT,MAAsB,EACtB,SAAS,EACV,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CA+c5B"}

package/dist/components/AnchorMenuPanel/index.js

@@ -0,0 +1,364 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@harborclient/sdk/jsx-runtime";
+import { faCaretRight, faCheck } from '@fortawesome/free-solid-svg-icons';
+import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from '@harborclient/sdk/react';
+import { FaIcon } from '../FaIcon/index.js';
+import { Submenu } from '../RowActionsMenu/Submenu.js';
+import { MENU_MIN_WIDTH_PX, clampMenuPosition } from '../menuPosition.js';
+import { portalToBody } from '../portalToBody.js';
+import { findAdjacentEnabledIndex, findEdgeEnabledIndex, isMenuItemEnabled, menuItemClass } from '../rowActionsMenuHelpers.js';
+import { cn, resolveMenuTypeahead } from '../utils.js';
+const TYPEAHEAD_TIMEOUT_MS = 500;
+/** Delay before a hovered row's submenu opens. */
+const SUBMENU_OPEN_DELAY_MS = 120;
+/** Delay before a submenu closes after the pointer leaves its row and panel. */
+const SUBMENU_CLOSE_DELAY_MS = 200;
+/**
+ * Portaled context menu panel anchored to viewport coordinates (no hamburger trigger).
+ *
+ * Used by the host for plugin-requested entity menus (`showEntityContextMenu`) and any
+ * other cursor-anchored menu that should match {@link RowActionsMenu} keyboard and
+ * submenu behavior without owning a row trigger button.
+ */
+export function AnchorMenuPanel({ groups, anchor, onDismiss, menuId = 'anchor-menu', className }) {
+    const menuElementId = `${menuId}-menu`;
+    const submenuElementId = `${menuId}-submenu`;
+    const panelRef = useRef(null);
+    const itemRefs = useRef([]);
+    const typeaheadBuffer = useRef('');
+    const typeaheadTimer = useRef(null);
+    const submenuOpenTimer = useRef(null);
+    const submenuCloseTimer = useRef(null);
+    const [focusedIndex, setFocusedIndex] = useState(0);
+    const [menuPosition, setMenuPosition] = useState(anchor);
+    const [openSubmenuIndex, setOpenSubmenuIndex] = useState(null);
+    /**
+     * Flattens grouped items once for keyboard navigation and typeahead.
+     */
+    const flatItems = useMemo(() => groups.flat(), [groups]);
+    /**
+     * Labels used by typeahead matching.
+     */
+    const itemLabels = useMemo(() => flatItems.map((item) => item.label), [flatItems]);
+    /**
+     * Whether any item can receive focus / activation.
+     */
+    const hasEnabledItems = useMemo(() => flatItems.some((item) => isMenuItemEnabled(item)), [flatItems]);
+    /**
+     * Clears the accumulated typeahead buffer.
+     */
+    const clearTypeahead = useCallback(() => {
+        typeaheadBuffer.current = '';
+        if (typeaheadTimer.current != null) {
+            window.clearTimeout(typeaheadTimer.current);
+            typeaheadTimer.current = null;
+        }
+    }, []);
+    /**
+     * Cancels any pending submenu open/close timers.
+     */
+    const clearSubmenuTimers = useCallback(() => {
+        if (submenuOpenTimer.current != null) {
+            window.clearTimeout(submenuOpenTimer.current);
+            submenuOpenTimer.current = null;
+        }
+        if (submenuCloseTimer.current != null) {
+            window.clearTimeout(submenuCloseTimer.current);
+            submenuCloseTimer.current = null;
+        }
+    }, []);
+    /**
+     * Dismisses the menu and clears transient keyboard/submenu state.
+     */
+    const dismiss = useCallback(() => {
+        clearTypeahead();
+        clearSubmenuTimers();
+        onDismiss();
+    }, [clearSubmenuTimers, clearTypeahead, onDismiss]);
+    /**
+     * Opens the submenu belonging to the item at `index` immediately.
+     *
+     * @param index - Flat item index that owns a submenu.
+     */
+    const openSubmenuAt = useCallback((index) => {
+        clearSubmenuTimers();
+        setOpenSubmenuIndex(index);
+    }, [clearSubmenuTimers]);
+    /**
+     * Closes the currently open submenu and returns focus to its parent row.
+     */
+    const closeSubmenuAndRefocus = useCallback(() => {
+        clearSubmenuTimers();
+        setOpenSubmenuIndex((current) => {
+            if (current != null) {
+                requestAnimationFrame(() => {
+                    itemRefs.current[current]?.focus();
+                });
+            }
+            return null;
+        });
+    }, [clearSubmenuTimers]);
+    /**
+     * Schedules opening the submenu at `index` after a short hover-intent delay.
+     *
+     * @param index - Flat item index that owns a submenu.
+     */
+    const scheduleOpenSubmenu = useCallback((index) => {
+        clearSubmenuTimers();
+        submenuOpenTimer.current = window.setTimeout(() => {
+            submenuOpenTimer.current = null;
+            setOpenSubmenuIndex(index);
+        }, SUBMENU_OPEN_DELAY_MS);
+    }, [clearSubmenuTimers]);
+    /**
+     * Schedules closing the open submenu after a short delay.
+     */
+    const scheduleCloseSubmenu = useCallback(() => {
+        if (submenuOpenTimer.current != null) {
+            window.clearTimeout(submenuOpenTimer.current);
+            submenuOpenTimer.current = null;
+        }
+        submenuCloseTimer.current = window.setTimeout(() => {
+            submenuCloseTimer.current = null;
+            setOpenSubmenuIndex(null);
+        }, SUBMENU_CLOSE_DELAY_MS);
+    }, []);
+    /**
+     * Handles pointer hover over a row: opens that row's submenu or schedules close.
+     *
+     * @param item - Menu item under the pointer.
+     * @param itemIndex - Flat index of that item.
+     */
+    const handleItemMouseEnter = useCallback((item, itemIndex) => {
+        if (item.submenu) {
+            if (openSubmenuIndex === itemIndex) {
+                clearSubmenuTimers();
+            }
+            else if (openSubmenuIndex != null) {
+                openSubmenuAt(itemIndex);
+            }
+            else {
+                scheduleOpenSubmenu(itemIndex);
+            }
+            return;
+        }
+        if (openSubmenuIndex != null) {
+            scheduleCloseSubmenu();
+        }
+        else {
+            clearSubmenuTimers();
+        }
+    }, [clearSubmenuTimers, openSubmenuAt, openSubmenuIndex, scheduleCloseSubmenu, scheduleOpenSubmenu]);
+    /**
+     * Focuses a menu item by index and updates roving tabindex state.
+     *
+     * @param index - Flat item index to focus.
+     */
+    const focusItem = useCallback((index) => {
+        setFocusedIndex(index);
+        requestAnimationFrame(() => {
+            itemRefs.current[index]?.focus();
+        });
+    }, []);
+    /**
+     * Clamps the panel so it stays fully inside the viewport using measured size.
+     */
+    const updateMenuPosition = useCallback(() => {
+        const panelRect = panelRef.current?.getBoundingClientRect();
+        const menuSize = {
+            width: panelRect?.width ?? MENU_MIN_WIDTH_PX,
+            height: panelRect?.height ?? 0
+        };
+        if (menuSize.height > 0) {
+            setMenuPosition(clampMenuPosition(anchor, menuSize));
+            return;
+        }
+        setMenuPosition(anchor);
+    }, [anchor]);
+    /**
+     * Focuses the first enabled item after mount.
+     */
+    useEffect(() => {
+        if (!hasEnabledItems) {
+            return;
+        }
+        const edgeIndex = findEdgeEnabledIndex(flatItems, false);
+        if (edgeIndex == null) {
+            return;
+        }
+        setFocusedIndex(edgeIndex);
+        requestAnimationFrame(() => {
+            itemRefs.current[edgeIndex]?.focus();
+        });
+    }, [flatItems, hasEnabledItems]);
+    /**
+     * Re-clamps the portaled menu after mount once panel dimensions are known.
+     */
+    useLayoutEffect(() => {
+        updateMenuPosition();
+    }, [groups, updateMenuPosition]);
+    /**
+     * Re-clamps on scroll/resize while the panel is open.
+     */
+    useEffect(() => {
+        updateMenuPosition();
+        window.addEventListener('scroll', updateMenuPosition, true);
+        window.addEventListener('resize', updateMenuPosition);
+        return () => {
+            window.removeEventListener('scroll', updateMenuPosition, true);
+            window.removeEventListener('resize', updateMenuPosition);
+        };
+    }, [updateMenuPosition]);
+    /**
+     * Dismisses on outside click; Escape closes submenu first, then the panel.
+     */
+    useEffect(() => {
+        const handleMouseDown = (e) => {
+            const target = e.target;
+            if (panelRef.current?.contains(target) ||
+                document.getElementById(submenuElementId)?.contains(target)) {
+                return;
+            }
+            dismiss();
+        };
+        const handleKeyDown = (e) => {
+            if (e.key === 'Escape') {
+                e.preventDefault();
+                if (openSubmenuIndex != null) {
+                    closeSubmenuAndRefocus();
+                }
+                else {
+                    dismiss();
+                }
+            }
+        };
+        document.addEventListener('mousedown', handleMouseDown);
+        document.addEventListener('keydown', handleKeyDown);
+        return () => {
+            document.removeEventListener('mousedown', handleMouseDown);
+            document.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [closeSubmenuAndRefocus, dismiss, openSubmenuIndex, submenuElementId]);
+    /**
+     * Clears timers on unmount.
+     */
+    useEffect(() => {
+        return () => {
+            clearTypeahead();
+            clearSubmenuTimers();
+        };
+    }, [clearSubmenuTimers, clearTypeahead]);
+    /**
+     * Handles keyboard navigation within the open menu.
+     *
+     * @param event - Keyboard event from the menu panel.
+     */
+    const handleMenuKeyDown = (event) => {
+        if (!hasEnabledItems)
+            return;
+        if (event.key === 'Tab') {
+            dismiss();
+            return;
+        }
+        if (event.key === 'ArrowRight') {
+            const candidate = flatItems[focusedIndex];
+            if (candidate?.submenu) {
+                event.preventDefault();
+                openSubmenuAt(focusedIndex);
+            }
+            return;
+        }
+        if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
+            const direction = event.key === 'ArrowDown' ? 1 : -1;
+            const nextIndex = findAdjacentEnabledIndex(flatItems, focusedIndex, direction);
+            if (nextIndex != null) {
+                event.preventDefault();
+                clearTypeahead();
+                focusItem(nextIndex);
+            }
+            return;
+        }
+        if (event.key === 'Home') {
+            const firstIndex = findEdgeEnabledIndex(flatItems, false);
+            if (firstIndex != null) {
+                event.preventDefault();
+                clearTypeahead();
+                focusItem(firstIndex);
+            }
+            return;
+        }
+        if (event.key === 'End') {
+            const lastIndex = findEdgeEnabledIndex(flatItems, true);
+            if (lastIndex != null) {
+                event.preventDefault();
+                clearTypeahead();
+                focusItem(lastIndex);
+            }
+            return;
+        }
+        const typeahead = resolveMenuTypeahead(itemLabels, focusedIndex, event.key, typeaheadBuffer.current);
+        if (typeahead) {
+            const candidate = flatItems[typeahead.index];
+            if (!candidate || !isMenuItemEnabled(candidate)) {
+                return;
+            }
+            event.preventDefault();
+            typeaheadBuffer.current = typeahead.buffer;
+            if (typeaheadTimer.current != null) {
+                window.clearTimeout(typeaheadTimer.current);
+            }
+            typeaheadTimer.current = window.setTimeout(() => {
+                typeaheadBuffer.current = '';
+                typeaheadTimer.current = null;
+            }, TYPEAHEAD_TIMEOUT_MS);
+            focusItem(typeahead.index);
+        }
+    };
+    if (!hasEnabledItems) {
+        return null;
+    }
+    const openSubmenuItem = openSubmenuIndex != null ? flatItems[openSubmenuIndex] : undefined;
+    const openSubmenuAnchorRect = openSubmenuIndex != null ? itemRefs.current[openSubmenuIndex]?.getBoundingClientRect() : null;
+    const menuPanel = (_jsx("div", { ref: panelRef, id: menuElementId, role: "menu", className: cn('hc-anchor-menu-panel hc-row-actions-menu-panel app-no-drag fixed z-50 min-w-[200px] rounded-md border border-separator bg-surface py-1 shadow-md', className), style: { left: menuPosition.x, top: menuPosition.y }, onKeyDown: handleMenuKeyDown, onMouseLeave: () => {
+            if (openSubmenuIndex != null) {
+                scheduleCloseSubmenu();
+            }
+        }, children: groups.map((group, groupIndex) => {
+            let flatIndex = groups.slice(0, groupIndex).reduce((count, g) => count + g.length, 0);
+            return (_jsx("div", { className: groupIndex > 0
+                    ? 'hc-row-actions-menu-group border-t border-separator'
+                    : 'hc-row-actions-menu-group', children: group.map((item) => {
+                    const itemIndex = flatIndex++;
+                    const isCheckboxItem = item.checked !== undefined;
+                    const isDisabled = item.disabled === true;
+                    const hasSubmenu = item.submenu !== undefined;
+                    return (_jsxs("button", { ref: (el) => {
+                            itemRefs.current[itemIndex] = isDisabled ? null : el;
+                        }, type: "button", role: isCheckboxItem ? 'menuitemcheckbox' : 'menuitem', "aria-checked": isCheckboxItem ? item.checked : undefined, "aria-disabled": isDisabled || undefined, "aria-haspopup": hasSubmenu ? 'menu' : undefined, "aria-expanded": hasSubmenu ? openSubmenuIndex === itemIndex : undefined, "aria-controls": hasSubmenu && openSubmenuIndex === itemIndex ? submenuElementId : undefined, disabled: isDisabled, tabIndex: isDisabled ? -1 : itemIndex === focusedIndex ? 0 : -1, className: cn('hc-row-actions-menu-item', menuItemClass(item.variant, isDisabled)), onMouseEnter: () => {
+                            if (!isDisabled) {
+                                handleItemMouseEnter(item, itemIndex);
+                            }
+                        }, onClick: (e) => {
+                            e.stopPropagation();
+                            if (isDisabled) {
+                                return;
+                            }
+                            if (item.submenu) {
+                                if (openSubmenuIndex === itemIndex) {
+                                    closeSubmenuAndRefocus();
+                                }
+                                else {
+                                    openSubmenuAt(itemIndex);
+                                }
+                                return;
+                            }
+                            dismiss();
+                            item.onSelect();
+                        }, children: [isCheckboxItem ? (_jsx("span", { className: "hc-row-actions-menu-item-check inline-flex w-4 shrink-0 justify-center", "aria-hidden": true, children: item.checked ? _jsx(FaIcon, { icon: faCheck, className: "h-3 w-3" }) : null })) : null, _jsx("span", { className: "hc-row-actions-menu-item-label min-w-0", children: item.label }), hasSubmenu ? (_jsx(FaIcon, { icon: faCaretRight, className: "ml-auto h-3 w-3 shrink-0", "aria-hidden": true })) : null] }, item.label));
+                }) }, groupIndex));
+        }) }));
+    const submenuPanel = openSubmenuItem?.submenu && openSubmenuAnchorRect ? (_jsx(Submenu, { groups: openSubmenuItem.submenu, anchorRect: openSubmenuAnchorRect, menuElementId: submenuElementId, onSelectItem: (item) => {
+            dismiss();
+            item.onSelect?.();
+        }, onRequestClose: closeSubmenuAndRefocus, onCloseAll: dismiss, onMouseEnter: clearSubmenuTimers, onMouseLeave: scheduleCloseSubmenu })) : null;
+    return (_jsxs(_Fragment, { children: [portalToBody(menuPanel), submenuPanel] }));
+}

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

@@ -62,12 +62,18 @@ interface Props extends Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'clas
      * inline layouts for fields nested inside an already-bordered section.
      */
     bordered?: boolean;
+    /**
+     * When true and `bordered`, draws a left border using the unsaved-tab color
+     * (`--color-tab-unsaved`) to indicate the field value differs from its factory
+     * default — the same token used for dirty request tab titles.
+     */
+    modified?: boolean;
 }
 /**
  * Reusable form field wrapper that pairs a label with one or more controls.
  * Supports stacked fields, checkboxes, inline rows, radio options, and
  * adjacent checkbox rows used in list pickers.
  */
-export declare function FormGroup({ label, children, htmlFor, description, error, errorId, descriptionId, layout, labelTone, srOnly, className, labelClassName, bordered, ...props }: Props): JSX.Element;
+export declare function FormGroup({ label, children, htmlFor, description, error, errorId, descriptionId, layout, labelTone, srOnly, className, labelClassName, bordered, modified, ...props }: Props): JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FormGroup/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAItE;;GAEG;AACH,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,UAAU,GACV,QAAQ,GACR,OAAO,GACP,kBAAkB,GAClB,YAAY,CAAC;AAEjB;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,OAAO,CAAC;AAErD,UAAU,KAAM,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;IACrF;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,MAAM,CAAC,EAAE,eAAe,CAAC;IAEzB;;OAEG;IACH,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAE/B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAoCD;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,WAAW,EACX,KAAK,EACL,OAAO,EACP,aAAa,EACb,MAAkB,EAClB,SAAqB,EACrB,MAAc,EACd,SAAS,EACT,cAAc,EACd,QAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CA8IrB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FormGroup/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAItE;;GAEG;AACH,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,UAAU,GACV,QAAQ,GACR,OAAO,GACP,kBAAkB,GAClB,YAAY,CAAC;AAEjB;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,OAAO,CAAC;AAErD,UAAU,KAAM,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;IACrF;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,MAAM,CAAC,EAAE,eAAe,CAAC;IAEzB;;OAEG;IACH,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAE/B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAsCD;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,WAAW,EACX,KAAK,EACL,OAAO,EACP,aAAa,EACb,MAAkB,EAClB,SAAqB,EACrB,MAAc,EACd,SAAS,EACT,cAAc,EACd,QAAe,EACf,QAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CA+IrB"}

package/dist/components/FormGroup/index.js

@@ -2,21 +2,18 @@ import { jsx as _jsx, jsxs as _jsxs } from "@harborclient/sdk/jsx-runtime";
 import { useId } from '@harborclient/sdk/react';
 import { FieldError } from '../FieldError/index.js';
 import { enhanceControl } from '../enhanceControl.js';
-/**
- * Returns Tailwind classes for the label text based on tone and visibility.
- *
- * @returns Class string for the label element.
- */
 /**
  * Returns wrapper classes for bordered stacked, checkbox, and inline layouts.
  *
  * @param bordered - Whether the default border and padding should be applied.
  * @param layoutClasses - Layout-specific flex and sizing classes.
  * @param extra - Caller-supplied className override.
+ * @param modified - When true with `bordered`, adds a left unsaved-tab color border.
  */
-function borderedWrapperClasses(bordered, layoutClasses, extra) {
+function borderedWrapperClasses(bordered, layoutClasses, extra, modified = false) {
     const frame = bordered ? 'p-4 border border-separator rounded-md' : '';
-    const base = `hc-form-group ${layoutClasses} ${frame}`.trim();
+    const accent = bordered && modified ? 'border-l-2 border-l-[var(--color-tab-unsaved)]' : '';
+    const base = `hc-form-group ${layoutClasses} ${frame} ${accent}`.trim();
     return extra ? `${base} ${extra}` : base;
 }
 /**
@@ -39,7 +36,7 @@ function labelClasses(tone, srOnly, inline) {
  * Supports stacked fields, checkboxes, inline rows, radio options, and
  * adjacent checkbox rows used in list pickers.
  */
-export function FormGroup({ label, children, htmlFor, description, error, errorId, descriptionId, layout = 'stacked', labelTone = 'default', srOnly = false, className, labelClassName, bordered = true, ...props }) {
+export function FormGroup({ label, children, htmlFor, description, error, errorId, descriptionId, layout = 'stacked', labelTone = 'default', srOnly = false, className, labelClassName, bordered = true, modified = false, ...props }) {
     const generatedId = useId();
     const controlId = htmlFor ?? generatedId;
     const extra = className ?? '';
@@ -78,11 +75,11 @@ export function FormGroup({ label, children, htmlFor, description, error, errorI
             id: controlId,
             invalid: resolvedErrorId != null
         });
-        const wrapperClasses = borderedWrapperClasses(bordered, 'flex flex-col gap-1', extra);
+        const wrapperClasses = borderedWrapperClasses(bordered, 'flex flex-col gap-1', extra, modified);
         return (_jsxs("div", { ...props, className: wrapperClasses, children: [_jsxs("label", { htmlFor: controlId, className: "hc-form-group-label flex flex-col gap-1", children: [_jsxs("span", { className: "hc-form-group-label-row flex items-center gap-2", children: [linkedChildren, _jsx("span", { className: labelClasses(labelTone, srOnly, false), children: label })] }), resolvedDescriptionId ? (_jsx("p", { id: resolvedDescriptionId, className: "hc-form-group-description m-0 pl-[26px] text-[14px] text-muted", children: description })) : null] }), resolvedErrorId ? (_jsx(FieldError, { id: resolvedErrorId, spacing: "field", children: error })) : null] }));
     }
     if (layout === 'inline') {
-        const wrapperClasses = borderedWrapperClasses(bordered, 'flex min-w-0 flex-1 items-center gap-2', extra);
+        const wrapperClasses = borderedWrapperClasses(bordered, 'flex min-w-0 flex-1 items-center gap-2', extra, modified);
         const linkedChildren = enhanceControl(children, { id: controlId });
         return (_jsxs("label", { htmlFor: controlId, className: wrapperClasses, children: [_jsx("span", { className: labelClasses(labelTone, srOnly, true), children: label }), linkedChildren] }));
     }
@@ -97,6 +94,6 @@ export function FormGroup({ label, children, htmlFor, description, error, errorI
         invalid: resolvedErrorId != null,
         id: htmlFor
     });
-    const wrapperClasses = borderedWrapperClasses(bordered, 'flex flex-col gap-1', extra);
+    const wrapperClasses = borderedWrapperClasses(bordered, 'flex flex-col gap-1', extra, modified);
     return (_jsxs("div", { ...props, className: wrapperClasses, children: [_jsxs("label", { htmlFor: htmlFor, className: "hc-form-group-label flex flex-col gap-1", children: [_jsx("span", { className: labelClasses(labelTone, srOnly, false), children: label }), resolvedDescriptionId ? (_jsx("p", { id: resolvedDescriptionId, className: "hc-form-group-description m-0 text-[14px] text-muted", children: description })) : null, control] }), resolvedErrorId ? (_jsx(FieldError, { id: resolvedErrorId, spacing: "field", children: error })) : null] }));
 }

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

@@ -37,6 +37,7 @@ interface Props<T extends string> extends Omit<ComponentPropsWithoutRef<'nav'>,
 }
 /**
  * Narrow sidebar navigation for multi-section pages such as settings overlays.
+ * Row chrome matches collections sidebar items via {@link sourceRow}.
  */
 export declare function PageSidebar<T extends string>({ items, selected, onSelect, ariaLabel, className, ...props }: Props<T>): JSX.Element;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PageSidebar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,KAAK,EAAE,wBAAwB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAI3D;;GAEG;AACH,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IACxD;;OAEG;IACH,KAAK,EAAE,CAAC,CAAC;IAET;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB;AAED,UAAU,KAAK,CAAC,CAAC,SAAS,MAAM,CAAE,SAAQ,IAAI,CAC5C,wBAAwB,CAAC,KAAK,CAAC,EAC/B,YAAY,GAAG,UAAU,CAC1B;IACC;;OAEG;IACH,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAE5B;;OAEG;IACH,QAAQ,EAAE,CAAC,CAAC;IAEZ;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAE7B;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;CACnB;AAWD;;GAEG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,EAC5C,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CA4CxB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PageSidebar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,KAAK,EAAE,wBAAwB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAK3D;;GAEG;AACH,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IACxD;;OAEG;IACH,KAAK,EAAE,CAAC,CAAC;IAET;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB;AAED,UAAU,KAAK,CAAC,CAAC,SAAS,MAAM,CAAE,SAAQ,IAAI,CAC5C,wBAAwB,CAAC,KAAK,CAAC,EAC/B,YAAY,GAAG,UAAU,CAC1B;IACC;;OAEG;IACH,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAE5B;;OAEG;IACH,QAAQ,EAAE,CAAC,CAAC;IAEZ;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAE7B;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,EAC5C,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAuCxB"}

package/dist/components/PageSidebar/index.js

@@ -1,23 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@harborclient/sdk/jsx-runtime";
 import { FaIcon } from '../FaIcon/index.js';
+import { sourceRow } from '../SidebarItem/sidebarItemClasses.js';
 import { cn } from '../utils.js';
-/**
- * Tailwind classes for a sidebar navigation row.
- */
-function sidebarRow(active) {
-    return active
-        ? 'group flex cursor-pointer items-center gap-1 rounded-md bg-selection px-1.5 py-2 app-no-drag'
-        : 'group flex cursor-pointer items-center gap-1 rounded-md px-1.5 py-2 hover:bg-selection/60 app-no-drag';
-}
 /**
  * Narrow sidebar navigation for multi-section pages such as settings overlays.
+ * Row chrome matches collections sidebar items via {@link sourceRow}.
  */
 export function PageSidebar({ items, selected, onSelect, ariaLabel, className, ...props }) {
-    return (_jsx("nav", { ...props, className: cn('hc-page-sidebar flex w-[220px] shrink-0 flex-col gap-1 border-r border-separator bg-sidebar px-2 py-3', className), "aria-label": ariaLabel, children: items.map((item) => {
+    return (_jsx("nav", { ...props, className: cn('hc-page-sidebar flex w-[220px] shrink-0 flex-col gap-0 border-r border-separator bg-sidebar px-2 py-3', className), "aria-label": ariaLabel, children: items.map((item) => {
             const active = selected === item.value;
-            const rowClass = item.icon
-                ? `hc-page-sidebar-item ${sidebarRow(active)} w-full gap-2 border-none text-left text-[15px] app-no-drag`
-                : `hc-page-sidebar-item ${sidebarRow(active)} w-full border-none text-left text-[15px] app-no-drag`;
-            return (_jsxs("button", { type: "button", className: rowClass, "aria-current": active ? 'page' : undefined, onClick: () => onSelect(item.value), children: [item.icon ? (_jsx(FaIcon, { icon: item.icon, className: cn('hc-page-sidebar-item-icon h-[18px] w-[18px] shrink-0', active ? 'text-text' : 'text-muted'), "aria-hidden": true })) : null, _jsx("span", { className: "hc-page-sidebar-item-label min-w-0 truncate", children: item.label })] }, item.value));
+            return (_jsxs("button", { type: "button", className: cn('hc-sidebar-item hc-page-sidebar-item', sourceRow(active, true), 'min-h-[30px] w-full cursor-pointer border-none text-left text-inherit', item.icon && 'gap-2'), "aria-current": active ? 'page' : undefined, onClick: () => onSelect(item.value), children: [item.icon ? (_jsx(FaIcon, { icon: item.icon, className: "hc-page-sidebar-item-icon h-3.5 w-3.5 shrink-0 text-muted", "aria-hidden": true })) : null, _jsx("span", { className: "hc-page-sidebar-item-label min-w-0 truncate", children: item.label })] }, item.value));
         }) }));
 }

package/dist/components/Resizable/useResizable.d.ts

@@ -39,5 +39,11 @@ export interface UseResizableResult {
     onResizeStart: (event: ReactMouseEvent) => void;
     onKeyboardResize: (event: ReactKeyboardEvent) => void;
 }
+/**
+ * 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 declare function useResizable({ axis, direction, defaultSize, minSize, getMaxSize, storageKey, onPersist }: UseResizableOptions): UseResizableResult;
 //# sourceMappingURL=useResizable.d.ts.map

package/dist/components/Resizable/useResizable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useResizable.d.ts","sourceRoot":"","sources":["../../../src/components/Resizable/useResizable.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,IAAI,kBAAkB,EAAE,UAAU,IAAI,eAAe,EAAE,MAAM,OAAO,CAAC;AAGhG,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAErF,KAAK,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC;AAkDtB,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,IAAI,EAAE,IAAI,CAAC;IAEX;;OAEG;IACH,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAElB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,MAAM,CAAC;IAE1B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,aAAa,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAChD,gBAAgB,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;CACvD;AA+DD,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,SAAS,EACT,WAAW,EACX,OAAO,EACP,UAAU,EACV,UAAU,EACV,SAAS,EACV,EAAE,mBAAmB,GAAG,kBAAkB,CAuK1C"}
+{"version":3,"file":"useResizable.d.ts","sourceRoot":"","sources":["../../../src/components/Resizable/useResizable.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,IAAI,kBAAkB,EAAE,UAAU,IAAI,eAAe,EAAE,MAAM,OAAO,CAAC;AAGhG,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAErF,KAAK,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC;AAyEtB,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,IAAI,EAAE,IAAI,CAAC;IAEX;;OAEG;IACH,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAElB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,MAAM,CAAC;IAE1B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,aAAa,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAChD,gBAAgB,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;CACvD;AAiED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,SAAS,EACT,WAAW,EACX,OAAO,EACP,UAAU,EACV,UAAU,EACV,SAAS,EACV,EAAE,mBAAmB,GAAG,kBAAkB,CA8P1C"}