@harborclient/sdk 1.3.2 → 1.3.3

package/CHANGELOG.md

@@ -4,6 +4,16 @@ All notable changes to this project will be documented in this file.
 
 ## Unreleased
 
+## 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/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/Resizable/applyResizableSizes.d.ts

@@ -0,0 +1,11 @@
+/** Window event name used to re-read localStorage sizes after an external write. */
+export declare const RESIZABLE_SYNC_EVENT = "hc:resizable-sync";
+/**
+ * Writes resizable panel sizes to localStorage and notifies mounted hooks to re-read.
+ *
+ * Used when restoring a workspace layout snapshot that includes panel widths/heights.
+ *
+ * @param entries - Map of storageKey → size in pixels.
+ */
+export declare function applyResizableSizes(entries: Record<string, number>): void;
+//# sourceMappingURL=applyResizableSizes.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"applyResizableSizes.d.ts","sourceRoot":"","sources":["../../../src/components/Resizable/applyResizableSizes.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,eAAO,MAAM,oBAAoB,sBAAsB,CAAC;AAgBxD;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAWzE"}

package/dist/components/Resizable/applyResizableSizes.js

@@ -0,0 +1,34 @@
+/** Window event name used to re-read localStorage sizes after an external write. */
+export const RESIZABLE_SYNC_EVENT = 'hc:resizable-sync';
+/**
+ * Persists a size to localStorage.
+ *
+ * @param storageKey - localStorage key for the panel size.
+ * @param size - Size in pixels to store.
+ */
+function persistSize(storageKey, size) {
+    try {
+        localStorage.setItem(storageKey, String(size));
+    }
+    catch {
+        // Ignore quota or privacy-mode failures.
+    }
+}
+/**
+ * Writes resizable panel sizes to localStorage and notifies mounted hooks to re-read.
+ *
+ * Used when restoring a workspace layout snapshot that includes panel widths/heights.
+ *
+ * @param entries - Map of storageKey → size in pixels.
+ */
+export function applyResizableSizes(entries) {
+    for (const [storageKey, size] of Object.entries(entries)) {
+        if (!Number.isFinite(size)) {
+            continue;
+        }
+        persistSize(storageKey, Math.round(size));
+    }
+    if (typeof window !== 'undefined') {
+        window.dispatchEvent(new CustomEvent(RESIZABLE_SYNC_EVENT));
+    }
+}

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

@@ -7,7 +7,7 @@ export declare const MIN_HEIGHT = 120;
  * Computes the maximum height for a footer slide-up panel from the main content area.
  *
  * Walks from the panel container up to the app shell and measures the flex row
- * above the footer so panels cannot grow past the usable workspace.
+ * above the footer so panels cannot grow past the usable main content area.
  *
  * @param containerRef - Ref attached to the panel root element.
  * @returns Maximum panel height in pixels.

package/dist/components/Resizable/footerPanelUtils.js

@@ -3,13 +3,13 @@ export const DEFAULT_HEIGHT = 280;
 /** Minimum slide-up footer panel height in pixels. */
 export const MIN_HEIGHT = 120;
 /**
- * Resolves the main workspace row above the footer for max-height measurement.
+ * Resolves the main content row above the footer for max-height measurement.
  *
  * Prefers the flex row wrapping `#main-content` so measurement stays correct
- * when the app shell includes skip links or other elements before the workspace.
+ * when the app shell includes skip links or other elements before the main content area.
  *
  * @param containerRef - Ref attached to the panel root element.
- * @returns Workspace row element, if found.
+ * @returns Main content row element, if found.
  */
 function resolveFooterPanelContentArea(containerRef) {
     const mainContentParent = document.getElementById('main-content')?.parentElement;
@@ -31,7 +31,7 @@ function resolveFooterPanelContentArea(containerRef) {
  * Computes the maximum height for a footer slide-up panel from the main content area.
  *
  * Walks from the panel container up to the app shell and measures the flex row
- * above the footer so panels cannot grow past the usable workspace.
+ * above the footer so panels cannot grow past the usable main content area.
  *
  * @param containerRef - Ref attached to the panel root element.
  * @returns Maximum panel height in pixels.

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

@@ -1,4 +1,5 @@
 export { Resizable } from './Resizable.js';
 export { ResizeHandle } from './ResizeHandle.js';
+export { applyResizableSizes, RESIZABLE_SYNC_EVENT } from './applyResizableSizes.js';
 export { useResizable, type UseResizableOptions, type UseResizableResult } from './useResizable.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Resizable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,KAAK,mBAAmB,EAAE,KAAK,kBAAkB,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Resizable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AACrF,OAAO,EAAE,YAAY,EAAE,KAAK,mBAAmB,EAAE,KAAK,kBAAkB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/Resizable/index.js

@@ -1,3 +1,4 @@
 export { Resizable } from './Resizable.js';
 export { ResizeHandle } from './ResizeHandle.js';
+export { applyResizableSizes, RESIZABLE_SYNC_EVENT } from './applyResizableSizes.js';
 export { useResizable } from './useResizable.js';

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

@@ -1,4 +1,5 @@
 import type { KeyboardEvent as ReactKeyboardEvent, MouseEvent as ReactMouseEvent } from 'react';
+export { applyResizableSizes, RESIZABLE_SYNC_EVENT } from './applyResizableSizes.js';
 type Axis = 'x' | 'y';
 export interface UseResizableOptions {
     /**
@@ -39,5 +40,4 @@ export interface UseResizableResult {
     onKeyboardResize: (event: ReactKeyboardEvent) => void;
 }
 export declare function useResizable({ axis, direction, defaultSize, minSize, getMaxSize, storageKey, onPersist }: UseResizableOptions): UseResizableResult;
-export {};
 //# 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;AAEhG,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;AAyDD,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,SAAS,EACT,WAAW,EACX,OAAO,EACP,UAAU,EACV,UAAU,EACV,SAAS,EACV,EAAE,mBAAmB,GAAG,kBAAkB,CAgJ1C"}
+{"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"}

package/dist/components/Resizable/useResizable.js

@@ -1,4 +1,6 @@
 import { useCallback, useEffect, useLayoutEffect, useRef, useState } from '@harborclient/sdk/react';
+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';
 /**
@@ -45,6 +47,9 @@ function clearResizingState() {
 }
 /**
  * Loads a persisted size from localStorage.
+ *
+ * @param storageKey - localStorage key for the panel size.
+ * @param defaultSize - Fallback when the key is unset or invalid.
  */
 function loadStoredSize(storageKey, defaultSize) {
     try {
@@ -60,6 +65,9 @@ function loadStoredSize(storageKey, defaultSize) {
 }
 /**
  * Persists a size to localStorage.
+ *
+ * @param storageKey - localStorage key for the panel size.
+ * @param size - Size in pixels to store.
  */
 function persistSize(storageKey, size) {
     try {
@@ -109,6 +117,26 @@ export function useResizable({ axis, direction, defaultSize, minSize, getMaxSize
     useEffect(() => {
         sizeRef.current = size;
     }, [size]);
+    /**
+     * Re-reads this panel's localStorage size when a workspace (or other caller)
+     * applies sizes externally via {@link applyResizableSizes}.
+     */
+    useEffect(() => {
+        if (!storageKey) {
+            return;
+        }
+        /**
+         * Loads the stored size for this panel and clamps it to current bounds.
+         */
+        const handleSync = () => {
+            const nextSize = clampSize(loadStoredSize(storageKey, defaultSize), minSize, getMaxSize);
+            setSizeState(nextSize);
+        };
+        window.addEventListener(RESIZABLE_SYNC_EVENT, handleSync);
+        return () => {
+            window.removeEventListener(RESIZABLE_SYNC_EVENT, handleSync);
+        };
+    }, [defaultSize, getMaxSize, minSize, storageKey]);
     /**
      * Refreshes the computed max size when layout changes or the panel is resized.
      */

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

@@ -75,6 +75,12 @@ interface Props extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {
      * Additional classes merged onto the trigger button.
      */
     triggerClassName?: string;
+    /**
+     * When set, styles the trigger like {@link FilterButton}: muted when inactive,
+     * full-contrast when active, and an accent corner indicator on icon-only
+     * triggers while filters are applied.
+     */
+    triggerActive?: boolean;
     /**
      * Whether the menu opens below or above the trigger. Defaults to opening downward.
      */
@@ -88,6 +94,6 @@ interface Props extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {
  * `submenu` open a nested flyout panel beside them on hover, click, or
  * `ArrowRight`/`Enter`.
  */
-export declare function RowActionsMenu({ groups, menuId, openMenuId, onOpenChange, triggerVariant, triggerLabel, triggerIcon, triggerAriaLabel, triggerTitle, triggerClassName, placement, className, ...props }: Props): JSX.Element;
+export declare function RowActionsMenu({ groups, menuId, openMenuId, onOpenChange, triggerVariant, triggerLabel, triggerIcon, triggerAriaLabel, triggerTitle, triggerClassName, triggerActive, placement, className, ...props }: Props): JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RowActionsMenu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAUxE,OAAO,KAAK,EAAE,wBAAwB,EAAE,GAAG,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AACrF,OAAO,EAAU,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAkBhE,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAE/B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,MAAM,QAAQ,GAChB,CAAC,YAAY,GAAG;IAAE,QAAQ,EAAE,MAAM,IAAI,CAAC;IAAC,OAAO,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC,GAC9D,CAAC,YAAY,GAAG;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;OAGG;IACH,OAAO,EAAE,QAAQ,EAAE,EAAE,CAAC;CACvB,CAAC,CAAC;AAEP,UAAU,KAAM,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACvE;;;OAGG;IACH,MAAM,EAAE,QAAQ,EAAE,EAAE,CAAC;IAErB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAE1B;;OAEG;IACH,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAE1C;;OAEG;IACH,cAAc,CAAC,EAAE,aAAa,CAAC;IAE/B;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;OAEG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC;IAE7B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAUD;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,MAAM,EACN,UAAU,EACV,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,WAAoB,EACpB,gBAAgB,EAChB,YAAY,EACZ,gBAAgB,EAChB,SAAkB,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAojBrB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RowActionsMenu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAUxE,OAAO,KAAK,EACV,wBAAwB,EACxB,GAAG,EAGH,SAAS,EACV,MAAM,OAAO,CAAC;AACf,OAAO,EAA4B,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAmBlF,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAE/B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,MAAM,QAAQ,GAChB,CAAC,YAAY,GAAG;IAAE,QAAQ,EAAE,MAAM,IAAI,CAAC;IAAC,OAAO,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC,GAC9D,CAAC,YAAY,GAAG;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;OAGG;IACH,OAAO,EAAE,QAAQ,EAAE,EAAE,CAAC;CACvB,CAAC,CAAC;AAEP,UAAU,KAAM,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACvE;;;OAGG;IACH,MAAM,EAAE,QAAQ,EAAE,EAAE,CAAC;IAErB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAE1B;;OAEG;IACH,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAE1C;;OAEG;IACH,cAAc,CAAC,EAAE,aAAa,CAAC;IAE/B;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;OAEG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC;IAE7B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAUD;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,MAAM,EACN,UAAU,EACV,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,WAAoB,EACpB,gBAAgB,EAChB,YAAY,EACZ,gBAAgB,EAChB,aAAa,EACb,SAAkB,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAskBrB"}

package/dist/components/RowActionsMenu/index.js

@@ -3,6 +3,7 @@ import { faBars, faCaretRight, faCheck } from '@fortawesome/free-solid-svg-icons
 import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from '@harborclient/sdk/react';
 import { Button } from '../Button/index.js';
 import { FaIcon } from '../FaIcon/index.js';
+import { FilterButtonIcon } from '../FilterButton/FilterButtonIcon.js';
 import { MENU_MIN_WIDTH_PX, clampMenuPosition, getTriggerAnchoredMenuPosition } from '../menuPosition.js';
 import { portalToBody } from '../portalToBody.js';
 import { findAdjacentEnabledIndex, findEdgeEnabledIndex, isMenuItemEnabled, menuItemClass } from '../rowActionsMenuHelpers.js';
@@ -21,7 +22,7 @@ const SUBMENU_CLOSE_DELAY_MS = 200;
  * `submenu` open a nested flyout panel beside them on hover, click, or
  * `ArrowRight`/`Enter`.
  */
-export function RowActionsMenu({ groups, menuId, openMenuId, onOpenChange, triggerVariant, triggerLabel, triggerIcon = faBars, triggerAriaLabel, triggerTitle, triggerClassName, placement = 'down', className, ...props }) {
+export function RowActionsMenu({ groups, menuId, openMenuId, onOpenChange, triggerVariant, triggerLabel, triggerIcon = faBars, triggerAriaLabel, triggerTitle, triggerClassName, triggerActive, placement = 'down', className, ...props }) {
     const isOpen = openMenuId === menuId;
     const menuElementId = `${menuId}-menu`;
     const submenuElementId = `${menuId}-submenu`;
@@ -403,22 +404,43 @@ export function RowActionsMenu({ groups, menuId, openMenuId, onOpenChange, trigg
     const labeledTriggerVariant = resolvedTriggerVariant === 'icon' || resolvedTriggerVariant === 'iconDanger'
         ? 'secondary'
         : resolvedTriggerVariant;
-    const triggerButton = isLabeledTrigger ? (_jsxs(Button, { innerRef: triggerRef, type: "button", variant: labeledTriggerVariant, className: cn('hc-row-actions-menu-trigger', triggerClassName), title: resolvedTriggerTitle, "aria-haspopup": "menu", "aria-expanded": isOpen, "aria-controls": isOpen ? menuElementId : undefined, onClick: (e) => {
-            e.stopPropagation();
-            if (isOpen) {
-                closeMenu();
-            }
-            else {
-                openMenu(false);
-            }
-        }, onKeyDown: handleTriggerKeyDown, children: [_jsx(FaIcon, { icon: triggerIcon, className: "h-[1em] w-[1em] shrink-0", "aria-hidden": true }), _jsx("span", { className: "hc-row-actions-menu-trigger-label inline-flex min-w-0 flex-1 items-center truncate overflow-hidden leading-none", children: triggerLabel })] })) : (_jsx(Button, { innerRef: triggerRef, type: "button", variant: "icon", className: cn('hc-row-actions-menu-trigger', triggerClassName), title: resolvedTriggerTitle, "aria-label": resolvedTriggerAriaLabel, "aria-haspopup": "menu", "aria-expanded": isOpen, "aria-controls": isOpen ? menuElementId : undefined, onClick: (e) => {
-            e.stopPropagation();
-            if (isOpen) {
-                closeMenu();
-            }
-            else {
-                openMenu(false);
-            }
-        }, onKeyDown: handleTriggerKeyDown, children: _jsx(FaIcon, { icon: triggerIcon, className: "h-3.5 w-3.5" }) }));
+    const triggerActiveClassName = triggerActive === undefined
+        ? undefined
+        : triggerActive
+            ? 'text-text hover:text-text'
+            : 'text-muted hover:text-text';
+    /**
+     * Toggles the menu from the trigger click without bubbling to the row.
+     *
+     * @param event - Native button click event.
+     */
+    const handleTriggerClick = (event) => {
+        event.stopPropagation();
+        if (isOpen) {
+            closeMenu();
+        }
+        else {
+            openMenu(false);
+        }
+    };
+    /**
+     * Icon-only trigger props. Cast through `ButtonProps` so `triggerVariant`
+     * (including `toolbar`) is accepted alongside the default `icon` variant;
+     * `aria-label` is always provided for accessibility.
+     */
+    const iconOnlyTriggerProps = {
+        innerRef: triggerRef,
+        type: 'button',
+        variant: resolvedTriggerVariant,
+        className: cn('hc-row-actions-menu-trigger', triggerActiveClassName, triggerClassName),
+        title: resolvedTriggerTitle,
+        'aria-label': resolvedTriggerAriaLabel,
+        'aria-haspopup': 'menu',
+        'aria-expanded': isOpen,
+        'aria-controls': isOpen ? menuElementId : undefined,
+        onClick: handleTriggerClick,
+        onKeyDown: handleTriggerKeyDown
+    };
+    const triggerButton = isLabeledTrigger ? (_jsxs(Button, { innerRef: triggerRef, type: "button", variant: labeledTriggerVariant, className: cn('hc-row-actions-menu-trigger', triggerActiveClassName, triggerClassName), title: resolvedTriggerTitle, "aria-haspopup": "menu", "aria-expanded": isOpen, "aria-controls": isOpen ? menuElementId : undefined, onClick: handleTriggerClick, onKeyDown: handleTriggerKeyDown, children: [_jsx(FaIcon, { icon: triggerIcon, className: "h-[1em] w-[1em] shrink-0", "aria-hidden": true }), _jsx("span", { className: "hc-row-actions-menu-trigger-label inline-flex min-w-0 flex-1 items-center truncate overflow-hidden leading-none", children: triggerLabel })] })) : (_jsx(Button, { ...iconOnlyTriggerProps, children: triggerActive !== undefined ? (_jsx(FilterButtonIcon, { active: triggerActive, icon: triggerIcon })) : (_jsx(FaIcon, { icon: triggerIcon, className: "h-3.5 w-3.5" })) }));
     return (_jsxs("div", { ref: rootRef, ...props, className: cn('hc-row-actions-menu shrink-0', className), children: [triggerButton, menuPanel ? portalToBody(menuPanel) : null, submenuPanel] }));
 }

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

@@ -16,14 +16,14 @@ interface Props {
      */
     name: string;
     /**
-     * Optional Tailwind classes applied to the name text (e.g. git status colors).
+     * Optional Tailwind classes applied to the name text (e.g. git status markers).
      */
     nameClassName?: string;
     /**
-     * Optional color dot configuration for collection sidebar rows.
+     * Optional marker dot configuration for collection sidebar rows.
      */
-    colorDot?: {
-        color: string | null | undefined;
+    markerDot?: {
+        marker: string | null | undefined;
         visible?: boolean;
         label?: string;
     };
@@ -74,12 +74,12 @@ interface Props {
     as?: 'div' | 'li';
 }
 /**
- * Renders a markdown document sidebar row with file icon, optional color dot or git
+ * Renders a markdown document sidebar row with file icon, optional marker dot or git
  * status marker, and shared row chrome. Used in both Collections and Git sidebars.
  *
  * The accessible name defaults to visible row content (name, markers) but can be
  * overridden with `ariaLabel` (e.g. to include git status context).
  */
-export declare function SidebarDocumentItem({ icon, iconClassName, name, nameClassName, colorDot, statusMarker, selected, ariaLabel, ariaSelected, ariaCurrent, onContextMenu, onClick, onDoubleClick, actions, as }: Props): JSX.Element;
+export declare function SidebarDocumentItem({ icon, iconClassName, name, nameClassName, markerDot, statusMarker, selected, ariaLabel, ariaSelected, ariaCurrent, onContextMenu, onClick, onDoubleClick, actions, as }: Props): JSX.Element;
 export {};
 //# sourceMappingURL=SidebarDocumentItem.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarDocumentItem.d.ts","sourceRoot":"","sources":["../../../src/components/SidebarItem/SidebarDocumentItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAExE,OAAO,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQxD,UAAU,KAAK;IACb;;OAEG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE;QACT,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;QACjC,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IAEF;;OAEG;IACH,YAAY,CAAC,EAAE;QACb,MAAM,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IAEF;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;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,SAAS,CAAC;IAEpB;;OAEG;IACH,EAAE,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;CACnB;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,IAAkB,EAClB,aAAa,EACb,IAAI,EACJ,aAAa,EACb,QAAQ,EACR,YAAY,EACZ,QAAgB,EAChB,SAAS,EACT,YAAY,EACZ,WAAW,EACX,aAAa,EACb,OAAO,EACP,aAAa,EACb,OAAO,EACP,EAAS,EACV,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAiDrB"}
+{"version":3,"file":"SidebarDocumentItem.d.ts","sourceRoot":"","sources":["../../../src/components/SidebarItem/SidebarDocumentItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAExE,OAAO,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQxD,UAAU,KAAK;IACb;;OAEG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;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,YAAY,CAAC,EAAE;QACb,MAAM,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IAEF;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;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,SAAS,CAAC;IAEpB;;OAEG;IACH,EAAE,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;CACnB;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,IAAkB,EAClB,aAAa,EACb,IAAI,EACJ,aAAa,EACb,SAAS,EACT,YAAY,EACZ,QAAgB,EAChB,SAAS,EACT,YAAY,EACZ,WAAW,EACX,aAAa,EACb,OAAO,EACP,aAAa,EACb,OAAO,EACP,EAAS,EACV,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAiDrB"}

package/dist/components/SidebarItem/SidebarDocumentItem.js

@@ -2,18 +2,18 @@ import { jsx as _jsx, jsxs as _jsxs } from "@harborclient/sdk/jsx-runtime";
 import { faFileLines } from '@fortawesome/free-solid-svg-icons';
 import { FaIcon } from '../FaIcon/index.js';
 import { cn } from '../utils.js';
-import { SidebarColorDot } from './SidebarColorDot.js';
 import { SidebarItem } from './SidebarItem.js';
+import { SidebarMarkerDot } from './SidebarMarkerDot.js';
 import { SidebarStatusMarker } from './SidebarStatusMarker.js';
 import { SIDEBAR_ITEM_BUTTON_CLASS } from './sidebarItemClasses.js';
 /**
- * Renders a markdown document sidebar row with file icon, optional color dot or git
+ * Renders a markdown document sidebar row with file icon, optional marker dot or git
  * status marker, and shared row chrome. Used in both Collections and Git sidebars.
  *
  * The accessible name defaults to visible row content (name, markers) but can be
  * overridden with `ariaLabel` (e.g. to include git status context).
  */
-export function SidebarDocumentItem({ icon = faFileLines, iconClassName, name, nameClassName, colorDot, statusMarker, selected = false, ariaLabel, ariaSelected, ariaCurrent, onContextMenu, onClick, onDoubleClick, actions, as = 'li' }) {
+export function SidebarDocumentItem({ icon = faFileLines, iconClassName, name, nameClassName, markerDot, statusMarker, selected = false, ariaLabel, ariaSelected, ariaCurrent, onContextMenu, onClick, onDoubleClick, actions, as = 'li' }) {
     const useListboxOption = as === 'li';
     return (_jsx(SidebarItem, { selected: selected, onContextMenu: onContextMenu, actions: actions, as: as, listboxOption: useListboxOption
             ? {
@@ -23,5 +23,5 @@ export function SidebarDocumentItem({ icon = faFileLines, iconClassName, name, n
                 onClick,
                 onDoubleClick
             }
-            : undefined, children: _jsxs("span", { className: SIDEBAR_ITEM_BUTTON_CLASS, children: [_jsx(FaIcon, { icon: icon, className: cn('h-3.5 w-3.5 shrink-0 pl-1 text-muted', iconClassName), "aria-hidden": true }), colorDot != null ? (_jsxs("span", { className: "inline-flex min-w-0 items-center gap-1.5", children: [_jsx("span", { className: `min-w-0 truncate ${nameClassName ?? ''}`, children: name }), _jsx(SidebarColorDot, { color: colorDot.color, visible: colorDot.visible, label: colorDot.label })] })) : (_jsx("span", { className: `min-w-0 truncate ${nameClassName ?? ''}`, children: name })), statusMarker != null ? (_jsx(SidebarStatusMarker, { marker: statusMarker.marker, className: statusMarker.className, label: statusMarker.label })) : null] }) }));
+            : undefined, children: _jsxs("span", { className: SIDEBAR_ITEM_BUTTON_CLASS, children: [_jsx(FaIcon, { icon: icon, className: cn('h-3.5 w-3.5 shrink-0 pl-1 text-muted', iconClassName), "aria-hidden": true }), markerDot != null ? (_jsxs("span", { className: "inline-flex min-w-0 items-center gap-1.5", children: [_jsx("span", { className: `min-w-0 truncate ${nameClassName ?? ''}`, children: name }), _jsx(SidebarMarkerDot, { marker: markerDot.marker, visible: markerDot.visible, label: markerDot.label })] })) : (_jsx("span", { className: `min-w-0 truncate ${nameClassName ?? ''}`, children: name })), statusMarker != null ? (_jsx(SidebarStatusMarker, { marker: statusMarker.marker, className: statusMarker.className, label: statusMarker.label })) : null] }) }));
 }

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

@@ -10,10 +10,10 @@ interface Props {
      */
     variableSummary: string;
     /**
-     * Optional color dot beside the environment name.
+     * Optional marker dot beside the environment name.
      */
-    colorDot?: {
-        color: string | null | undefined;
+    markerDot?: {
+        marker: string | null | undefined;
         visible?: boolean;
         label?: string;
     };
@@ -73,6 +73,6 @@ interface Props {
  *
  * The accessible name is derived from visible row content (name, variable summary).
  */
-export declare function SidebarEnvironmentItem({ name, variableSummary, colorDot, selected, sortable, ariaLabel, ariaSelected, ariaCurrent, onContextMenu, onClick, onDoubleClick, onEnter, actions, dataSidebarEnvironmentId, as }: Props): JSX.Element;
+export declare function SidebarEnvironmentItem({ name, variableSummary, markerDot, selected, 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;AAEvE,OAAO,EAAe,KAAK,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAG/E,UAAU,KAAK;IACb;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE;QACT,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;QACjC,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,QAAQ,EACR,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,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"}

package/dist/components/SidebarItem/SidebarEnvironmentItem.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@harborclient/sdk/jsx-runtime";
-import { SidebarColorDot } from './SidebarColorDot.js';
 import { SidebarItem } from './SidebarItem.js';
+import { SidebarMarkerDot } from './SidebarMarkerDot.js';
 import { SIDEBAR_ITEM_BUTTON_CLASS } from './sidebarItemClasses.js';
 /**
  * Renders an environment row in the Collections sidebar Environments section.
  *
  * The accessible name is derived from visible row content (name, variable summary).
  */
-export function SidebarEnvironmentItem({ name, variableSummary, colorDot, selected = false, sortable, ariaLabel, ariaSelected, ariaCurrent, onContextMenu, onClick, onDoubleClick, onEnter, actions, dataSidebarEnvironmentId, as = 'li' }) {
+export function SidebarEnvironmentItem({ name, variableSummary, markerDot, selected = false, sortable, ariaLabel, ariaSelected, ariaCurrent, onContextMenu, onClick, onDoubleClick, onEnter, actions, dataSidebarEnvironmentId, as = 'li' }) {
     const useListboxOption = as === 'li';
     /**
      * Opens environment settings when Enter is pressed on the name area.
@@ -31,5 +31,5 @@ export function SidebarEnvironmentItem({ name, variableSummary, colorDot, select
             }
             : undefined, children: _jsxs("span", { className: SIDEBAR_ITEM_BUTTON_CLASS, ...(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 }), colorDot != null ? (_jsx(SidebarColorDot, { color: colorDot.color, visible: colorDot.visible, label: colorDot.label })) : null] }), _jsx("span", { className: "shrink-0 text-muted", children: variableSummary })] }) }));
+                : {}), 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 })] }) }));
 }