@harborclient/sdk 1.3.2 → 1.3.4

package/CHANGELOG.md

@@ -4,6 +4,26 @@ 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`)
+- Add OpenCollection Import Functionality. (`ac4dc71a`)
+- Add Appearance Options for Storage Locations, Color Markers, Highlights, and Indicators. (`ee9e54d5`)
+- Rename `SidebarTabGroupItem` to `SidebarWorkspaceItem`. Breaking export rename; requires a major release.
+- Refactor sidebar color handling to markers. (`6f53f3d7`)
+- Add Filters and Sorting Options to Sidebar Menu. (`d17dea07`)
+- Enhance menu functionality and visibility options. (`89cf8584`)
+
 ## 1.3.2 - 2026-07-26
 
 - Add dismissedRequestEditorNotices to general settings. (`22551faa`)

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/ColorPicker/index.d.ts

@@ -12,6 +12,10 @@ export interface Props extends Omit<ComponentPropsWithoutRef<'div'>, 'children'
      * Called when the user clears the current color. Omitted when clearing is disabled.
      */
     onClear?: () => void;
+    /**
+     * Label for the clear button, so hosts can name what is being cleared.
+     */
+    clearLabel?: string;
     /**
      * Fixed preset swatches (defaults to two rows of five HarborClient colors).
      */
@@ -35,5 +39,5 @@ export interface Props extends Omit<ComponentPropsWithoutRef<'div'>, 'children'
  * Custom slots open the native OS color picker via a hidden `<input type="color">`.
  * Chosen custom colors are saved to localStorage for reuse.
  */
-export declare function ColorPicker({ value, onChange, onClear, presets, customSwatchesStorageKey, 'aria-label': ariaLabel, className, ...props }: Props): JSX.Element;
+export declare function ColorPicker({ value, onChange, onClear, clearLabel, presets, customSwatchesStorageKey, 'aria-label': ariaLabel, className, ...props }: Props): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,GAAG,EAAiB,MAAM,OAAO,CAAC;AAW1E,MAAM,WAAW,KAAM,SAAQ,IAAI,CACjC,wBAAwB,CAAC,KAAK,CAAC,EAC/B,UAAU,GAAG,WAAW,GAAG,UAAU,CACtC;IACC;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAErB;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAElC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAE5B;;OAEG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAElC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAAsC,EACtC,wBAA8D,EAC9D,YAAY,EAAE,SAA4B,EAC1C,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAgLrB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,GAAG,EAAiB,MAAM,OAAO,CAAC;AAW1E,MAAM,WAAW,KAAM,SAAQ,IAAI,CACjC,wBAAwB,CAAC,KAAK,CAAC,EAC/B,UAAU,GAAG,WAAW,GAAG,UAAU,CACtC;IACC;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAErB;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAElC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAE5B;;OAEG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAElC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,OAAO,EACP,UAA0B,EAC1B,OAAsC,EACtC,wBAA8D,EAC9D,YAAY,EAAE,SAA4B,EAC1C,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAgLrB"}

package/dist/components/ColorPicker/index.js

@@ -11,7 +11,7 @@ import { DEFAULT_CUSTOM_SWATCHES_STORAGE_KEY, loadCustomSwatches, padCustomSwatc
  * Custom slots open the native OS color picker via a hidden `<input type="color">`.
  * Chosen custom colors are saved to localStorage for reuse.
  */
-export function ColorPicker({ value, onChange, onClear, presets = DEFAULT_COLOR_PICKER_PRESETS, customSwatchesStorageKey = DEFAULT_CUSTOM_SWATCHES_STORAGE_KEY, 'aria-label': ariaLabel = 'Choose a color', className, ...props }) {
+export function ColorPicker({ value, onChange, onClear, clearLabel = 'Clear color', presets = DEFAULT_COLOR_PICKER_PRESETS, customSwatchesStorageKey = DEFAULT_CUSTOM_SWATCHES_STORAGE_KEY, 'aria-label': ariaLabel = 'Choose a color', className, ...props }) {
     const groupId = useId();
     const nativeInputRef = useRef(null);
     const pendingCustomSlotRef = useRef(null);
@@ -99,5 +99,5 @@ export function ColorPicker({ value, onChange, onClear, presets = DEFAULT_COLOR_
                         }
                         openNativePickerForSlot(index, slotColor);
                     }, () => openNativePickerForSlot(index, slotColor));
-                }) }), onClear != null && value != null && value.trim() !== '' ? (_jsx("button", { type: "button", className: "self-start text-[14px] text-muted hover:text-text focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent", onClick: onClear, children: "Clear color" })) : null, _jsx("input", { ref: nativeInputRef, type: "color", className: "sr-only", tabIndex: -1, "aria-hidden": true, onChange: (event) => applyNativePickerColor(event.target.value) })] }));
+                }) }), onClear != null && value != null && value.trim() !== '' ? (_jsx("button", { type: "button", className: "self-start text-[14px] text-muted hover:text-text focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent", onClick: onClear, children: clearLabel })) : null, _jsx("input", { ref: nativeInputRef, type: "color", className: "sr-only", tabIndex: -1, "aria-hidden": true, onChange: (event) => applyNativePickerColor(event.target.value) })] }));
 }

package/dist/components/FilterButton/FilterButtonIcon.d.ts

@@ -0,0 +1,29 @@
+import type { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+import type { JSX } from 'react';
+interface Props {
+    /**
+     * When true, shows a SegmentedTabs-matching accent dot on the icon corner.
+     */
+    active?: boolean;
+    /**
+     * Font Awesome icon to render. Defaults to the filter funnel.
+     */
+    icon?: IconDefinition;
+    /**
+     * Additional classes merged onto the icon wrapper.
+     */
+    className?: string;
+}
+/**
+ * Filter funnel icon with an optional accent corner indicator when filters are
+ * applied. Shared by {@link FilterButton} and filter-style `RowActionsMenu`
+ * triggers so the active affordance stays consistent.
+ *
+ * @param active - When true, shows the accent status dot.
+ * @param icon - Icon to render; defaults to `faFilter`.
+ * @param className - Extra classes for the wrapper.
+ * @returns Relative icon wrapper with optional active indicator.
+ */
+export declare function FilterButtonIcon({ active, icon, className }: Props): JSX.Element;
+export {};
+//# sourceMappingURL=FilterButtonIcon.d.ts.map

package/dist/components/FilterButton/FilterButtonIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterButtonIcon.d.ts","sourceRoot":"","sources":["../../../src/components/FilterButton/FilterButtonIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAExE,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAKjC,UAAU,KAAK;IACb;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,MAAc,EACd,IAAe,EACf,SAAS,EACV,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAcrB"}

package/dist/components/FilterButton/FilterButtonIcon.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@harborclient/sdk/jsx-runtime";
+import { faFilter } from '@fortawesome/free-solid-svg-icons';
+import { FaIcon } from '../FaIcon/index.js';
+import { StatusDot } from '../StatusDot/index.js';
+import { cn } from '../utils.js';
+/**
+ * Filter funnel icon with an optional accent corner indicator when filters are
+ * applied. Shared by {@link FilterButton} and filter-style `RowActionsMenu`
+ * triggers so the active affordance stays consistent.
+ *
+ * @param active - When true, shows the accent status dot.
+ * @param icon - Icon to render; defaults to `faFilter`.
+ * @param className - Extra classes for the wrapper.
+ * @returns Relative icon wrapper with optional active indicator.
+ */
+export function FilterButtonIcon({ active = false, icon = faFilter, className }) {
+    return (_jsxs("span", { className: cn('hc-filter-button-icon relative inline-flex shrink-0', className), children: [_jsx(FaIcon, { icon: icon, className: "h-3.5 w-3.5", "aria-hidden": true }), active ? (_jsx(StatusDot, { variant: "accent", size: "sm", label: "Filters applied", className: "absolute -top-0.5 -right-0.5" })) : null] }));
+}

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

@@ -0,0 +1,26 @@
+import type { ComponentPropsWithoutRef, JSX, RefObject } from 'react';
+interface Props extends Omit<ComponentPropsWithoutRef<'button'>, 'children' | 'aria-label'> {
+    /**
+     * When true, shows the accent filter-active indicator and full-contrast icon
+     * color. When false, the icon uses muted text until hover.
+     */
+    active?: boolean;
+    /**
+     * Accessible name for the icon-only control.
+     */
+    'aria-label': string;
+    /**
+     * Ref forwarded to the underlying native button for popover anchoring.
+     */
+    innerRef?: RefObject<HTMLButtonElement | null>;
+}
+/**
+ * Toolbar filter trigger with an optional accent corner indicator when filters
+ * are in effect. Matches the SegmentedTabs indicator color (`bg-accent`).
+ *
+ * Defaults to `type="button"`. Pass `title` for a native tooltip; when omitted,
+ * the tooltip falls back to `aria-label`.
+ */
+export declare function FilterButton({ active, className, title, innerRef, type, 'aria-label': ariaLabel, ...props }: Props): JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FilterButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKtE,UAAU,KAAM,SAAQ,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACzF;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;CAChD;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,EAC3B,MAAc,EACd,SAAS,EACT,KAAK,EACL,QAAQ,EACR,IAAe,EACf,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACT,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAkBrB"}

package/dist/components/FilterButton/index.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "@harborclient/sdk/jsx-runtime";
+import { Button } from '../Button/index.js';
+import { cn } from '../utils.js';
+import { FilterButtonIcon } from './FilterButtonIcon.js';
+/**
+ * Toolbar filter trigger with an optional accent corner indicator when filters
+ * are in effect. Matches the SegmentedTabs indicator color (`bg-accent`).
+ *
+ * Defaults to `type="button"`. Pass `title` for a native tooltip; when omitted,
+ * the tooltip falls back to `aria-label`.
+ */
+export function FilterButton({ active = false, className, title, innerRef, type = 'button', 'aria-label': ariaLabel, ...props }) {
+    return (_jsx(Button, { ...props, type: type, variant: "toolbar", innerRef: innerRef, "aria-label": ariaLabel, title: title ?? ariaLabel, className: cn('hc-filter-button', active ? 'text-text hover:text-text' : 'text-muted hover:text-text', className), children: _jsx(FilterButtonIcon, { active: active }) }));
+}

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"}