@harborclient/sdk 1.0.57 → 1.0.59

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

@@ -1,4 +1,5 @@
 import { type CompletionSource } from '@codemirror/autocomplete';
+import type { IconDefinition } from '@fortawesome/fontawesome-svg-core';
 import type { ComponentPropsWithoutRef, JSX } from 'react';
 import type { CodeEditorSetup, CodeEditorTheme, Variable } from '../../types.js';
 export { CODE_EDITOR_THEME_OPTIONS } from './themes.js';
@@ -92,6 +93,56 @@ export interface CodeEditorViewState {
      */
     selection: CodeEditorSelectionRange;
 }
+/**
+ * Selected text range passed to {@link CodeEditorSelectionAction.onSelect}.
+ */
+export interface CodeEditorTextSelection {
+    /**
+     * Selected document text.
+     */
+    text: string;
+    /**
+     * Start offset (inclusive) in the document.
+     */
+    from: number;
+    /**
+     * End offset (exclusive) in the document.
+     */
+    to: number;
+}
+/**
+ * One action offered in the floating toolbar when the user selects text.
+ */
+export interface CodeEditorSelectionAction {
+    /**
+     * Stable action id for host routing.
+     */
+    id: string;
+    /**
+     * Visible button label.
+     */
+    label: string;
+    /**
+     * Accessible name for the action button.
+     */
+    ariaLabel: string;
+    /**
+     * Called when the user activates this action on the current selection.
+     */
+    onSelect: (selection: CodeEditorTextSelection) => void;
+    /**
+     * Optional leading icon shown before the action label.
+     */
+    icon?: IconDefinition;
+    /**
+     * Optional shortcut hint shown after the label (for example `Ctrl+L`).
+     */
+    shortcutHint?: string;
+    /**
+     * Optional CodeMirror key binding that triggers this action on the current selection.
+     */
+    key?: string;
+}
 export interface Props extends Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'onChange' | 'className' | 'id' | 'aria-label' | 'aria-labelledby' | 'aria-invalid' | 'aria-describedby' | 'style'> {
     /**
      * Editor content.
@@ -172,6 +223,10 @@ export interface Props extends Omit<ComponentPropsWithoutRef<'div'>, 'children'
      * Called when the user presses Enter on a complete slash command line.
      */
     onSlashCommand?: (trigger: CodeEditorSlashTrigger) => void;
+    /**
+     * Actions shown in a floating toolbar when the user selects non-empty text.
+     */
+    selectionActions?: CodeEditorSelectionAction[];
     /**
      * When true, shows inline syntax-error squiggles for supported languages.
      * Defaults to true.
@@ -216,5 +271,5 @@ export interface Props extends Omit<ComponentPropsWithoutRef<'div'>, 'children'
  * Styling relies on host CSS variables (`--mac-*`, `--font-mono`) and the `.app-no-drag`
  * class defined in HarborClient `styles.css`.
  */
-export declare function CodeEditor({ value, onChange, language, readOnly, editable, placeholder, placeholderHighlight, minHeight, height, onHeightChange, initialScrollTop, initialSelection, onViewStateChange, className, variables, onEditVariable, completionSource, slashCommands, onSlashCommand, lint, themeOverride, setupOverride, fontSize, id, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, ...props }: Props): JSX.Element;
+export declare function CodeEditor({ value, onChange, language, readOnly, editable, placeholder, placeholderHighlight, minHeight, height, onHeightChange, initialScrollTop, initialSelection, onViewStateChange, className, variables, onEditVariable, completionSource, slashCommands, onSlashCommand, selectionActions, lint, themeOverride, setupOverride, fontSize, id, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, ...props }: Props): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CodeEditor/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CodeEditor/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/CodeEditor/index.js

@@ -11,8 +11,10 @@ import CodeMirrorImport from '@uiw/react-codemirror';
 import { normalizeCodeEditorFontSize } from '../../ui/codeEditorSettings.js';
 import { VARIABLE_NAME_CHARS, getVariableTooltipContent } from '../../variables/index.js';
 import { Button } from '../Button/index.js';
+import { FaIcon } from '../FaIcon/index.js';
 import { buildVariableTooltipDom } from '../VariableTooltip/dom.js';
 import { VariableTooltipValue } from '../VariableTooltip/index.js';
+import { portalToBody } from '../portalToBody.js';
 import { useCodeEditorConfig } from './config.js';
 import { createBuiltInSyntaxHighlighting, createEditorTheme } from './editorChrome.js';
 import { createSlashCommandHighlighter } from './slashCommandHighlighter.js';
@@ -34,6 +36,10 @@ function clampSelection(docLength, selection) {
 }
 /** Debounce interval for {@link Props.onViewStateChange} notifications. */
 const VIEW_STATE_DEBOUNCE_MS = 300;
+/** Delay before showing the selection action toolbar after selection settles. */
+const SELECTION_TOOLBAR_SHOW_DELAY_MS = 450;
+/** Extra viewport gap between the selection top edge and the portaled toolbar. */
+const SELECTION_TOOLBAR_OFFSET_PX = 16;
 const variableMatcher = new MatchDecorator({
     regexp: new RegExp(`\\{\\{\\s*([${VARIABLE_NAME_CHARS}]+)\\s*\\}\\}`, 'g'),
     decoration: Decoration.mark({ class: 'cm-variable-token' })
@@ -250,6 +256,210 @@ function variableTooltipEscapeHandler(isOpen, onDismiss, getValidationDescribedB
         }
     });
 }
+/**
+ * Computes viewport anchor coordinates for the selection action toolbar.
+ *
+ * @param view - CodeMirror editor view.
+ * @param selectionFrom - Start offset (inclusive) of the selection.
+ * @param selectionTo - End offset (exclusive) of the selection.
+ * @returns Toolbar anchor position, or null when coords are unavailable.
+ */
+function computeSelectionActionToolbarCoords(view, selectionFrom, selectionTo) {
+    const startCoords = view.coordsAtPos(selectionFrom);
+    if (!startCoords) {
+        return null;
+    }
+    const endCoords = view.coordsAtPos(selectionTo);
+    const startCenter = startCoords.left + (startCoords.right - startCoords.left) / 2;
+    const endCenter = endCoords
+        ? endCoords.left + (endCoords.right - endCoords.left) / 2
+        : startCenter;
+    return {
+        top: startCoords.top,
+        left: (startCenter + endCenter) / 2
+    };
+}
+/**
+ * Builds update and pointer handlers that debounce toolbar display until selection settles.
+ */
+function createSelectionActionToolbarExtensions(onToolbarChange, isEnabled, isOpen, onDismiss) {
+    const controller = {
+        showTimer: undefined,
+        isPointerSelecting: false,
+        isToolbarOpen: false,
+        pendingState: null
+    };
+    /**
+     * Clears a scheduled toolbar reveal without changing open state.
+     */
+    const clearShowTimer = () => {
+        if (controller.showTimer) {
+            clearTimeout(controller.showTimer);
+            controller.showTimer = undefined;
+        }
+    };
+    /**
+     * Notifies React of toolbar visibility while keeping controller state in sync.
+     */
+    const notifyToolbarChange = (state) => {
+        controller.isToolbarOpen = state != null;
+        if (state == null) {
+            controller.pendingState = null;
+        }
+        onToolbarChange(state);
+    };
+    /**
+     * Hides the toolbar immediately and cancels any pending reveal.
+     */
+    const dismissToolbar = () => {
+        clearShowTimer();
+        if (controller.isToolbarOpen || controller.pendingState != null) {
+            notifyToolbarChange(null);
+        }
+    };
+    /**
+     * Schedules toolbar display after the configured settle delay.
+     */
+    const scheduleShow = (state) => {
+        controller.pendingState = state;
+        clearShowTimer();
+        if (controller.isPointerSelecting) {
+            return;
+        }
+        controller.showTimer = setTimeout(() => {
+            controller.showTimer = undefined;
+            if (controller.isPointerSelecting) {
+                return;
+            }
+            notifyToolbarChange(state);
+        }, SELECTION_TOOLBAR_SHOW_DELAY_MS);
+    };
+    /**
+     * Repositions or reveals the toolbar without waiting when it is already open.
+     */
+    const showImmediately = (state) => {
+        clearShowTimer();
+        notifyToolbarChange(state);
+    };
+    const updateListener = EditorView.updateListener.of((update) => {
+        if (!isEnabled()) {
+            dismissToolbar();
+            return;
+        }
+        if (!update.selectionSet && !update.docChanged && !update.viewportChanged) {
+            return;
+        }
+        const { from, to } = update.state.selection.main;
+        if (from === to) {
+            dismissToolbar();
+            return;
+        }
+        const selectionFrom = Math.min(from, to);
+        const selectionTo = Math.max(from, to);
+        const text = update.state.sliceDoc(selectionFrom, selectionTo);
+        if (!text.trim()) {
+            dismissToolbar();
+            return;
+        }
+        const coords = computeSelectionActionToolbarCoords(update.view, selectionFrom, selectionTo);
+        if (!coords) {
+            dismissToolbar();
+            return;
+        }
+        const nextState = {
+            top: coords.top,
+            left: coords.left,
+            text,
+            from: selectionFrom,
+            to: selectionTo
+        };
+        if (isOpen() && !update.selectionSet && update.viewportChanged) {
+            showImmediately(nextState);
+            return;
+        }
+        if (isOpen() && update.selectionSet) {
+            scheduleShow(nextState);
+            return;
+        }
+        scheduleShow(nextState);
+    });
+    const pointerGuard = EditorView.domEventHandlers({
+        /**
+         * Suppresses toolbar reveal while the user is drag-selecting with the primary button.
+         */
+        pointerdown(event) {
+            if (event.button === 0) {
+                controller.isPointerSelecting = true;
+                clearShowTimer();
+            }
+            return false;
+        },
+        /**
+         * Resumes debounced reveal after drag-select completes.
+         */
+        pointerup() {
+            controller.isPointerSelecting = false;
+            if (controller.pendingState != null && !isOpen()) {
+                scheduleShow(controller.pendingState);
+            }
+            return false;
+        }
+    });
+    const dismissHandler = EditorView.domEventHandlers({
+        keydown(event) {
+            if (event.key === 'Escape' && isOpen()) {
+                event.preventDefault();
+                dismissToolbar();
+                onDismiss();
+                return true;
+            }
+            return false;
+        }
+    });
+    const cleanupPlugin = ViewPlugin.fromClass(class {
+        /**
+         * Clears any pending toolbar reveal when the editor extension is destroyed.
+         */
+        destroy() {
+            clearShowTimer();
+        }
+    });
+    return [updateListener, pointerGuard, dismissHandler, cleanupPlugin];
+}
+/**
+ * Registers keyboard shortcuts for selection toolbar actions.
+ *
+ * @param actions - Selection actions that define a {@link CodeEditorSelectionAction.key}.
+ * @param onToolbarChange - Clears the floating toolbar after a shortcut fires.
+ */
+function createSelectionActionKeymap(actions, onToolbarChange) {
+    const keyedActions = actions.filter((action) => action.key);
+    if (keyedActions.length === 0) {
+        return null;
+    }
+    return Prec.highest(keymap.of(keyedActions.map((action) => ({
+        key: action.key,
+        run(view) {
+            const { from, to } = view.state.selection.main;
+            if (from === to) {
+                return false;
+            }
+            const selectionFrom = Math.min(from, to);
+            const selectionTo = Math.max(from, to);
+            const text = view.state.sliceDoc(selectionFrom, selectionTo);
+            if (!text.trim()) {
+                return false;
+            }
+            action.onSelect({
+                text,
+                from: selectionFrom,
+                to: selectionTo
+            });
+            onToolbarChange(null);
+            return true;
+        }
+    }))));
+}
 /**
  * Builds a hover tooltip extension for {{variable}} tokens.
  */
@@ -309,6 +519,13 @@ function buildCoreExtensions(options) {
     if (options.hasVariables) {
         next.push(variableHighlighter, variableTooltip(options.getVariables, options.getOnEditVariable), variableSelectionTooltip(options.tooltipId, options.onSelectionTooltipChange, options.getValidationDescribedBy), variableTooltipEscapeHandler(options.isSelectionTooltipOpen, options.onDismissSelectionTooltip, options.getValidationDescribedBy));
     }
+    if (options.hasSelectionActions) {
+        next.push(...createSelectionActionToolbarExtensions(options.onSelectionActionToolbarChange, () => options.hasSelectionActions, options.isSelectionActionToolbarOpen, options.onDismissSelectionActionToolbar));
+        const keymapExtension = createSelectionActionKeymap(options.selectionActions, options.onSelectionActionToolbarChange);
+        if (keymapExtension) {
+            next.push(keymapExtension);
+        }
+    }
     return next;
 }
 /**
@@ -396,7 +613,7 @@ function buildPlaceholderExtensions(options) {
  * Styling relies on host CSS variables (`--mac-*`, `--font-mono`) and the `.app-no-drag`
  * class defined in HarborClient `styles.css`.
  */
-export function CodeEditor({ value, onChange, language = 'text', readOnly = false, editable, placeholder, placeholderHighlight = false, minHeight = '144px', height, onHeightChange, initialScrollTop, initialSelection, onViewStateChange, className = '', variables, onEditVariable, completionSource, slashCommands, onSlashCommand, lint = true, themeOverride, setupOverride, fontSize, id, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, ...props }) {
+export function CodeEditor({ value, onChange, language = 'text', readOnly = false, editable, placeholder, placeholderHighlight = false, minHeight = '144px', height, onHeightChange, initialScrollTop, initialSelection, onViewStateChange, className = '', variables, onEditVariable, completionSource, slashCommands, onSlashCommand, selectionActions, lint = true, themeOverride, setupOverride, fontSize, id, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, ...props }) {
     const config = useCodeEditorConfig();
     const resolvedTheme = themeOverride ?? config.theme;
     const resolvedSetup = setupOverride ?? (readOnly ? null : config.setup);
@@ -408,6 +625,15 @@ export function CodeEditor({ value, onChange, language = 'text', readOnly = fals
     selectionTooltipRef.current = selectionTooltip;
     const setSelectionTooltipRef = useRef(setSelectionTooltip);
     setSelectionTooltipRef.current = setSelectionTooltip;
+    const [selectionActionToolbar, setSelectionActionToolbar] = useState(null);
+    const selectionActionToolbarRef = useRef(selectionActionToolbar);
+    selectionActionToolbarRef.current = selectionActionToolbar;
+    const setSelectionActionToolbarRef = useRef(setSelectionActionToolbar);
+    setSelectionActionToolbarRef.current = setSelectionActionToolbar;
+    const selectionToolbarElementRef = useRef(null);
+    const selectionActionsRef = useRef(selectionActions);
+    selectionActionsRef.current = selectionActions;
+    const hasSelectionActions = selectionActions != null && selectionActions.length > 0;
     const ariaDescribedByRef = useRef(ariaDescribedBy);
     ariaDescribedByRef.current = ariaDescribedBy;
     const onSlashCommandRef = useRef(onSlashCommand);
@@ -497,6 +723,33 @@ export function CodeEditor({ value, onChange, language = 'text', readOnly = fals
             editorViewRef.current = null;
         };
     }, [flushViewState]);
+    /**
+     * Dismisses the portaled selection toolbar when the user clicks outside the editor and toolbar.
+     */
+    useEffect(() => {
+        if (!selectionActionToolbar) {
+            return;
+        }
+        /**
+         * Closes the toolbar on outside pointer interaction without racing editor blur during selection.
+         */
+        const handlePointerDown = (event) => {
+            const target = event.target;
+            if (!(target instanceof Node)) {
+                return;
+            }
+            const editorRoot = editorViewRef.current?.dom;
+            const toolbar = selectionToolbarElementRef.current;
+            if (editorRoot?.contains(target) || toolbar?.contains(target)) {
+                return;
+            }
+            setSelectionActionToolbar(null);
+        };
+        document.addEventListener('pointerdown', handlePointerDown, true);
+        return () => {
+            document.removeEventListener('pointerdown', handlePointerDown, true);
+        };
+    }, [selectionActionToolbar]);
     /**
      * Persists wrapper height only after the user finishes a native resize-y drag on the grip.
      * Ignores mount and layout settling so height props do not reconfigure CodeMirror in a loop.
@@ -613,6 +866,15 @@ export function CodeEditor({ value, onChange, language = 'text', readOnly = fals
         isSelectionTooltipOpen: () => selectionTooltipRef.current != null,
         onDismissSelectionTooltip: () => {
             setSelectionTooltipRef.current(null);
+        },
+        hasSelectionActions,
+        selectionActions: selectionActions ?? [],
+        onSelectionActionToolbarChange: (state) => {
+            setSelectionActionToolbarRef.current(state);
+        },
+        isSelectionActionToolbarOpen: () => selectionActionToolbarRef.current != null,
+        onDismissSelectionActionToolbar: () => {
+            setSelectionActionToolbarRef.current(null);
         }
     }), [
         editorThemeExt,
@@ -623,6 +885,8 @@ export function CodeEditor({ value, onChange, language = 'text', readOnly = fals
         language,
         lint,
         hasVariables,
+        hasSelectionActions,
+        selectionActions,
         tooltipId,
         getVariables,
         getOnEditVariable
@@ -821,6 +1085,20 @@ export function CodeEditor({ value, onChange, language = 'text', readOnly = fals
         ? getVariableTooltipContent(selectionTooltip.key, variables ?? [])
         : null;
     const wrapperStyle = height ? { height } : undefined;
+    const activeSelectionActions = selectionActionsRef.current ?? [];
+    const selectionActionToolbarNode = selectionActionToolbar && hasSelectionActions ? (_jsx("div", { ref: selectionToolbarElementRef, role: "toolbar", "aria-label": "Selection actions", className: "hc-code-editor-selection-toolbar app-no-drag pointer-events-auto fixed z-50 flex -translate-x-1/2 -translate-y-full items-center gap-1 bg-transparent p-0 text-[14px] text-text", style: {
+            top: selectionActionToolbar.top - SELECTION_TOOLBAR_OFFSET_PX,
+            left: selectionActionToolbar.left
+        }, children: activeSelectionActions.map((action) => (_jsxs("button", { type: "button", className: "hc-code-editor-selection-action inline-flex cursor-pointer items-center gap-1.5 rounded-md border border-separator bg-control px-2 py-1 text-[14px] text-text shadow-sm hover:bg-surface focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-accent", "aria-label": action.ariaLabel, onMouseDown: (event) => {
+                event.preventDefault();
+            }, onClick: () => {
+                action.onSelect({
+                    text: selectionActionToolbar.text,
+                    from: selectionActionToolbar.from,
+                    to: selectionActionToolbar.to
+                });
+                setSelectionActionToolbar(null);
+            }, children: [action.icon ? _jsx(FaIcon, { icon: action.icon, className: "h-3.5 w-3.5" }) : null, _jsx("span", { children: action.label }), action.shortcutHint ? (_jsx("span", { className: "text-[14px] text-muted", children: action.shortcutHint })) : null] }, action.id))) })) : null;
     return (_jsxs("div", { ref: wrapperRef, ...props, className: wrapperClassName, style: wrapperStyle, children: [createElement(CodeMirrorImport, {
                 value,
                 onChange: readOnly ? undefined : stableOnChange,
@@ -837,5 +1115,5 @@ export function CodeEditor({ value, onChange, language = 'text', readOnly = fals
                             event.preventDefault();
                             onEditVariable(selectionTooltip.key);
                             setSelectionTooltip(null);
-                        }, children: "Edit value" })) : null] })) : null] }));
+                        }, children: "Edit value" })) : null] })) : null, selectionActionToolbarNode ? portalToBody(selectionActionToolbarNode) : null] }));
 }

package/dist/components/SegmentedTabs/index.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@harborclient/sdk/jsx-runtime";
 import { useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from '@harborclient/sdk/react';
+import { VisibilityMenu } from '../VisibilityMenu/index.js';
 import { segment, segmentGroup } from '../classes.js';
 import { getFocusableElements } from '../useDialogFocus.js';
 import { cn, resolveTabListKeyAction } from '../utils.js';
 import { SegmentedTabsContext } from './SegmentedTabsContext.js';
-import { SegmentedTabsVisibilityMenu } from './SegmentedTabsVisibilityMenu.js';
 export { SegmentedTabsGroup } from './SegmentedTabsGroup.js';
 export { SegmentedTabPanel } from './SegmentedTabPanel.js';
 /**
@@ -204,5 +204,5 @@ export function SegmentedTabs({ tabs, value: valueProp, onChange: onChangeProp,
                                 'aria-selected': selected,
                                 ...(context ? { 'aria-controls': getPanelId(tab.value) } : {})
                             }), children: _jsxs("span", { className: "hc-segmented-tabs-tab-label inline-flex items-center justify-center gap-1.5", children: [_jsx("span", { className: "inline-flex shrink-0 items-center px-1.5", children: _jsx("span", { className: cn('hc-segmented-tabs-tab-indicator h-1.5 w-1.5 shrink-0 rounded-full', tab.indicator ? 'bg-accent' : 'bg-transparent'), "aria-hidden": true }) }), tab.label, _jsx("span", { className: "hc-segmented-tabs-tab-indicator-spacer inline-flex shrink-0 items-center px-1.5", "aria-hidden": true, children: _jsx("span", { className: "h-1.5 w-1.5 shrink-0" }) })] }) }, tab.value));
-                }) }), editable && (_jsx(SegmentedTabsVisibilityMenu, { tabs: editableTabs, visibleTabValues: visibleTabValues, onToggle: handleVisibilityToggle }))] }));
+                }) }), editable && (_jsx(VisibilityMenu, { items: editableTabs, visibleValues: visibleTabValues, onToggle: handleVisibilityToggle }))] }));
 }

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

@@ -51,17 +51,21 @@ export interface ToolbarAction {
 }
 interface Props extends Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'aria-label'> {
     /**
-     * Icon actions rendered in the toolbar.
+     * Icon actions rendered left-aligned in the toolbar.
      */
     actions: ToolbarAction[];
+    /**
+     * Icon actions rendered right-aligned in the toolbar (e.g. toggles).
+     */
+    toggles?: ToolbarAction[];
     /**
      * Accessible name for the toolbar landmark.
      */
     ariaLabel?: string;
 }
 /**
- * Top-of-sidebar toolbar with left-aligned icon actions.
+ * Top-of-sidebar toolbar with left-aligned actions and optional right-aligned toggles.
  */
-export declare function Toolbar({ actions, ariaLabel, className, ...props }: Props): JSX.Element;
+export declare function Toolbar({ actions, toggles, ariaLabel, className, ...props }: Props): JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toolbar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,KAAK,EAAE,cAAc,EAAE,wBAAwB,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIjG;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,IAAI,EAAE,cAAc,CAAC;IAErB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAC;IAE/C;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;CACjD;AAED,UAAU,KAAM,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACtF;;OAEG;IACH,OAAO,EAAE,aAAa,EAAE,CAAC;IAEzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD;;GAEG;AACH,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,SAAqB,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CA4CrB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toolbar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,KAAK,EAAE,cAAc,EAAE,wBAAwB,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIjG;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,IAAI,EAAE,cAAc,CAAC;IAErB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAC;IAE/C;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;CACjD;AAED,UAAU,KAAM,SAAQ,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACtF;;OAEG;IACH,OAAO,EAAE,aAAa,EAAE,CAAC;IAEzB;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,EAAE,CAAC;IAE1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAsDD;;GAEG;AACH,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,OAAO,EACP,SAAqB,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAqBrB"}

package/dist/components/Toolbar/index.js

@@ -3,14 +3,28 @@ import { FaIcon } from '../FaIcon/index.js';
 import { cn } from '../utils.js';
 /**
  * Tailwind classes for toolbar icon action buttons.
+ *
+ * @param pressed - Whether the action is in a pressed/toggled-on state.
+ * @returns Class string for the action button.
  */
-const TOOLBAR_ACTION_BUTTON = 'hc-toolbar-action inline-flex h-7 w-7 shrink-0 cursor-pointer items-center justify-center rounded-md border-none bg-transparent text-text hover:bg-selection focus-visible:bg-selection focus-visible:text-text disabled:cursor-not-allowed disabled:opacity-50 app-no-drag';
+function toolbarActionButtonClasses(pressed) {
+    return cn('hc-toolbar-action app-no-drag inline-flex h-8 w-8 shrink-0 cursor-pointer items-center justify-center rounded-md border-none text-text', pressed
+        ? 'bg-selection'
+        : 'bg-transparent hover:bg-selection focus-visible:bg-selection focus-visible:text-text', 'disabled:cursor-not-allowed disabled:opacity-50');
+}
+/**
+ * Renders a single toolbar icon action with optional popover content.
+ *
+ * @param action - Declarative action to render as an icon button.
+ * @returns Toolbar action button wrapped with optional popover anchor.
+ */
+function renderAction(action) {
+    const title = action.title ?? action.label;
+    return (_jsxs("div", { className: "hc-toolbar-action-wrap relative", children: [_jsx("button", { type: "button", ref: action.buttonRef, className: toolbarActionButtonClasses(action.ariaPressed === true), title: title, "aria-label": action.label, "aria-expanded": action.ariaExpanded, "aria-pressed": action.ariaPressed, "aria-haspopup": action.ariaHaspopup, disabled: action.disabled, onClick: action.onClick, children: _jsx(FaIcon, { icon: action.icon, className: cn('hc-toolbar-action-icon h-5! w-5!', action.ariaPressed === true ? 'opacity-100' : 'opacity-50') }) }), action.popover] }, action.id));
+}
 /**
- * Top-of-sidebar toolbar with left-aligned icon actions.
+ * Top-of-sidebar toolbar with left-aligned actions and optional right-aligned toggles.
  */
-export function Toolbar({ actions, ariaLabel = 'Toolbar', className, ...props }) {
-    return (_jsx("div", { ...props, role: "toolbar", "aria-label": ariaLabel, className: cn('hc-toolbar app-no-drag flex shrink-0 items-center border-b border-separator bg-sidebar-toolbar px-2 py-2', className), children: _jsx("div", { className: "hc-toolbar-actions flex items-center gap-1", children: actions.map((action) => {
-                const title = action.title ?? action.label;
-                return (_jsxs("div", { className: "hc-toolbar-action-wrap relative", children: [_jsx("button", { type: "button", ref: action.buttonRef, className: TOOLBAR_ACTION_BUTTON, title: title, "aria-label": action.label, "aria-expanded": action.ariaExpanded, "aria-pressed": action.ariaPressed, "aria-haspopup": action.ariaHaspopup, disabled: action.disabled, onClick: action.onClick, children: _jsx(FaIcon, { icon: action.icon, className: cn('hc-toolbar-action-icon h-5! w-5!', action.ariaPressed === true ? 'opacity-100' : 'opacity-50') }) }), action.popover] }, action.id));
-            }) }) }));
+export function Toolbar({ actions, toggles, ariaLabel = 'Toolbar', className, ...props }) {
+    return (_jsxs("div", { ...props, role: "toolbar", "aria-label": ariaLabel, className: cn('hc-toolbar app-no-drag flex shrink-0 items-center border-b border-separator bg-sidebar-toolbar px-2 py-2', className), children: [_jsx("div", { className: "hc-toolbar-actions flex items-center gap-1 leading-none", children: actions.map(renderAction) }), toggles && toggles.length > 0 ? (_jsx("div", { className: "hc-toolbar-toggles ml-auto flex items-center gap-1", children: toggles.map(renderAction) })) : null] }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/VariableInput/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,GAAG,EAAE,aAAa,EAAc,MAAM,OAAO,CAAC;AACtF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAS/C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAenE,MAAM,WAAW,KAAM,SAAQ,IAAI,CACjC,wBAAwB,CAAC,KAAK,CAAC,EAC/B,UAAU,GAAG,WAAW,GAAG,IAAI,GAAG,YAAY,GAAG,iBAAiB,GAAG,WAAW,GAAG,UAAU,CAC9F;IACC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAElC;;OAEG;IACH,SAAS,EAAE,QAAQ,EAAE,CAAC;IAEtB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAEzD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAEvC;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC7B;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,SAAS,EACT,WAAW,EACX,SAAS,EACT,SAAc,EACd,gBAAgB,EAChB,cAAc,EACd,EAAE,EACF,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,MAAM,EACN,GAAG,KAAK,EACT,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAuSrB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/VariableInput/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,GAAG,EAAE,aAAa,EAAc,MAAM,OAAO,CAAC;AACtF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAS/C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAqBnE,MAAM,WAAW,KAAM,SAAQ,IAAI,CACjC,wBAAwB,CAAC,KAAK,CAAC,EAC/B,UAAU,GAAG,WAAW,GAAG,IAAI,GAAG,YAAY,GAAG,iBAAiB,GAAG,WAAW,GAAG,UAAU,CAC9F;IACC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAElC;;OAEG;IACH,SAAS,EAAE,QAAQ,EAAE,CAAC;IAEtB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAEzD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAEvC;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC7B;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,SAAS,EACT,WAAW,EACX,SAAS,EACT,SAAc,EACd,gBAAgB,EAChB,cAAc,EACd,EAAE,EACF,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,MAAM,EACN,GAAG,KAAK,EACT,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAgVrB"}

package/dist/components/VariableInput/index.js

@@ -7,6 +7,10 @@ import { Button } from '../Button/index.js';
 import { VariableTooltipValue } from '../VariableTooltip/index.js';
 import { Input } from '../forms/index.js';
 import { cn } from '../utils.js';
+/** Delay after the pointer stops moving before a hover tooltip is shown. */
+const TOOLTIP_SHOW_DELAY_MS = 500;
+/** Grace period before hiding so the pointer can reach the tooltip. */
+const TOOLTIP_HIDE_DELAY_MS = 400;
 /**
  * Text input that highlights {{variable}} tokens and shows resolved values on hover.
  *
@@ -19,6 +23,7 @@ export function VariableInput({ value, onChange, variables, placeholder, onKeyDo
     const backdropRef = useRef(null);
     const spanRefs = useRef(new Map());
     const hideTimer = useRef(null);
+    const showTimer = useRef(null);
     const [tooltip, setTooltip] = useState(null);
     const tooltipId = useId();
     const { open: autocompleteOpen, items: autocompleteItems, activeIndex: autocompleteActiveIndex, listboxId, onFocus: openAutocomplete, onBlur: closeAutocomplete, onInputKeyDown, selectItem, setActiveIndex, closeSuggestions } = useAutocomplete({
@@ -45,20 +50,15 @@ export function VariableInput({ value, onChange, variables, placeholder, onKeyDo
      */
     const scheduleHide = () => {
         cancelHide();
-        hideTimer.current = window.setTimeout(() => setTooltip(null), 400);
+        hideTimer.current = window.setTimeout(() => setTooltip(null), TOOLTIP_HIDE_DELAY_MS);
     };
     /**
-     * Clears any pending tooltip hide timer when the component unmounts.
+     * Clears any pending tooltip show timer.
      */
-    useEffect(() => () => cancelHide(), []);
-    /**
-     * Keeps the colored backdrop aligned with horizontal scroll in the input.
-     */
-    const syncScroll = () => {
-        const input = inputRef.current;
-        const backdrop = backdropRef.current;
-        if (input && backdrop) {
-            backdrop.scrollLeft = input.scrollLeft;
+    const cancelShow = () => {
+        if (showTimer.current != null) {
+            window.clearTimeout(showTimer.current);
+            showTimer.current = null;
         }
     };
     /**
@@ -73,6 +73,37 @@ export function VariableInput({ value, onChange, variables, placeholder, onKeyDo
             left
         });
     };
+    /**
+     * Shows the tooltip once the pointer has stopped moving for {@link TOOLTIP_SHOW_DELAY_MS}.
+     *
+     * @param key - Variable name from the hovered {{key}} token.
+     * @param top - Screen Y coordinate for tooltip placement.
+     * @param left - Screen X coordinate for tooltip placement.
+     */
+    const scheduleShow = (key, top, left) => {
+        cancelShow();
+        showTimer.current = window.setTimeout(() => {
+            showTimer.current = null;
+            showTooltipForKey(key, top, left);
+        }, TOOLTIP_SHOW_DELAY_MS);
+    };
+    /**
+     * Clears pending tooltip timers when the component unmounts.
+     */
+    useEffect(() => () => {
+        cancelHide();
+        cancelShow();
+    }, []);
+    /**
+     * Keeps the colored backdrop aligned with horizontal scroll in the input.
+     */
+    const syncScroll = () => {
+        const input = inputRef.current;
+        const backdrop = backdropRef.current;
+        if (input && backdrop) {
+            backdrop.scrollLeft = input.scrollLeft;
+        }
+    };
     /**
      * Updates the tooltip based on the current text caret position.
      */
@@ -105,7 +136,7 @@ export function VariableInput({ value, onChange, variables, placeholder, onKeyDo
         showTooltipForKey(match.key, rect.top, rect.left + rect.width / 2);
     };
     /**
-     * Shows a tooltip when the pointer is over a variable token span.
+     * Shows a tooltip when the pointer rests over a variable token span.
      */
     const handleMouseMove = (e) => {
         cancelHide();
@@ -120,10 +151,18 @@ export function VariableInput({ value, onChange, variables, placeholder, onKeyDo
                 e.clientX <= rect.right &&
                 e.clientY >= rect.top &&
                 e.clientY <= rect.bottom) {
-                showTooltipForKey(token.key, rect.top, rect.left + rect.width / 2);
+                scheduleShow(token.key, rect.top, rect.left + rect.width / 2);
                 return;
             }
         }
+        cancelShow();
+        scheduleHide();
+    };
+    /**
+     * Cancels a pending show and hides the tooltip when the pointer leaves the input.
+     */
+    const handleMouseLeave = () => {
+        cancelShow();
         scheduleHide();
     };
     /**
@@ -167,7 +206,7 @@ export function VariableInput({ value, onChange, variables, placeholder, onKeyDo
                 }, onFocus: () => {
                     openAutocomplete();
                     updateTooltipFromCaret();
-                }, onBlur: closeAutocomplete, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onSelect: updateTooltipFromCaret, onClick: updateTooltipFromCaret, onScroll: syncScroll, onMouseMove: handleMouseMove, onMouseLeave: scheduleHide }), source && (_jsx(SuggestionList, { open: autocompleteOpen, items: autocompleteItems, activeIndex: autocompleteActiveIndex, anchorRef: inputRef, listboxId: listboxId, onSelect: selectItem, onActiveIndexChange: setActiveIndex, onClose: closeSuggestions })), tooltip && tooltipContent && (_jsxs("div", { id: tooltipId, role: "tooltip", className: "hc-variable-input-tooltip pointer-events-auto fixed z-50 flex max-w-sm -translate-x-1/2 -translate-y-full flex-col gap-2 rounded-lg border border-separator bg-surface px-4 py-3 text-[16px] text-text shadow-md after:pointer-events-auto after:absolute after:right-0 after:-bottom-2 after:left-0 after:h-2 after:content-['']", style: { top: tooltip.top - 4, left: tooltip.left }, onMouseEnter: cancelHide, onMouseLeave: scheduleHide, children: [_jsx(VariableTooltipValue, { value: tooltipContent.text, variableKey: tooltip.key, muted: tooltipContent.muted }), onEditVariable && (_jsx(Button, { variant: "secondary", className: "hc-variable-input-tooltip-edit self-start", "aria-label": `Edit value for ${tooltip.key}`, onClick: () => {
+                }, onBlur: closeAutocomplete, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onSelect: updateTooltipFromCaret, onClick: updateTooltipFromCaret, onScroll: syncScroll, onMouseMove: handleMouseMove, onMouseLeave: handleMouseLeave }), source && (_jsx(SuggestionList, { open: autocompleteOpen, items: autocompleteItems, activeIndex: autocompleteActiveIndex, anchorRef: inputRef, listboxId: listboxId, onSelect: selectItem, onActiveIndexChange: setActiveIndex, onClose: closeSuggestions })), tooltip && tooltipContent && (_jsxs("div", { id: tooltipId, role: "tooltip", className: "hc-variable-input-tooltip pointer-events-auto fixed z-50 flex max-w-sm -translate-x-1/2 -translate-y-full flex-col gap-2 rounded-lg border border-separator bg-surface px-4 py-3 text-[16px] text-text shadow-md after:pointer-events-auto after:absolute after:right-0 after:-bottom-2 after:left-0 after:h-2 after:content-['']", style: { top: tooltip.top - 4, left: tooltip.left }, onMouseEnter: cancelHide, onMouseLeave: scheduleHide, children: [_jsx(VariableTooltipValue, { value: tooltipContent.text, variableKey: tooltip.key, muted: tooltipContent.muted }), onEditVariable && (_jsx(Button, { variant: "secondary", className: "hc-variable-input-tooltip-edit self-start", "aria-label": `Edit value for ${tooltip.key}`, onClick: () => {
                             onEditVariable(tooltip.key);
                             setTooltip(null);
                         }, children: "Edit value" }))] }))] }));

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

@@ -0,0 +1,34 @@
+import type { JSX, ReactNode } from 'react';
+/**
+ * One entry in a {@link VisibilityMenu} that can be shown or hidden.
+ */
+export interface VisibilityMenuItem<T extends string> {
+    /**
+     * Unique item identifier.
+     */
+    value: T;
+    /**
+     * Item label or custom content.
+     */
+    label: ReactNode;
+}
+interface Props<T extends string> {
+    /**
+     * Items that can be shown or hidden via the menu.
+     */
+    items: VisibilityMenuItem<T>[];
+    /**
+     * Item values currently visible in the parent UI.
+     */
+    visibleValues: T[];
+    /**
+     * Called when the user toggles an item's visibility in the menu.
+     */
+    onToggle: (value: T) => void;
+}
+/**
+ * Caret-triggered menu for toggling which items are visible in a parent control.
+ */
+export declare function VisibilityMenu<T extends string>({ items, visibleValues, onToggle }: Props<T>): JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/VisibilityMenu/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,GAAG,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAK3D;;GAEG;AACH,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,MAAM;IAClD;;OAEG;IACH,KAAK,EAAE,CAAC,CAAC;IAET;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,UAAU,KAAK,CAAC,CAAC,SAAS,MAAM;IAC9B;;OAEG;IACH,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC;IAE/B;;OAEG;IACH,aAAa,EAAE,CAAC,EAAE,CAAC;IAEnB;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CAC9B;AAQD;;GAEG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,EAAE,EAC/C,KAAK,EACL,aAAa,EACb,QAAQ,EACT,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAgLxB"}

package/dist/components/{SegmentedTabs/SegmentedTabsVisibilityMenu.js → VisibilityMenu/index.js}

@@ -7,9 +7,9 @@ import { cn, resolveTabListKeyAction } from '../utils.js';
 const menuItemClass = 'flex w-full cursor-pointer items-center gap-2 border-none bg-transparent px-3.5 py-1.5 text-left text-[14px] text-text hover:bg-selection app-no-drag';
 const triggerClassName = '!rounded-full hover:!bg-[rgba(0,122,255,0.18)] dark:hover:!bg-[rgba(10,132,255,0.22)]';
 /**
- * Caret-triggered menu for toggling which segmented tabs are visible.
+ * Caret-triggered menu for toggling which items are visible in a parent control.
  */
-export function SegmentedTabsVisibilityMenu({ tabs, visibleTabValues, onToggle }) {
+export function VisibilityMenu({ items, visibleValues, onToggle }) {
     const menuId = useId();
     const menuElementId = `${menuId}-menu`;
     const rootRef = useRef(null);
@@ -18,7 +18,7 @@ export function SegmentedTabsVisibilityMenu({ tabs, visibleTabValues, onToggle }
     const wasOpenRef = useRef(false);
     const [isOpen, setIsOpen] = useState(false);
     const [focusedIndex, setFocusedIndex] = useState(0);
-    const visibleSet = new Set(visibleTabValues);
+    const visibleSet = new Set(visibleValues);
     /**
      * Closes the menu and returns focus to the trigger button.
      */
@@ -32,11 +32,11 @@ export function SegmentedTabsVisibilityMenu({ tabs, visibleTabValues, onToggle }
      * Opens the menu and focuses the first or last item.
      */
     const openMenu = useCallback((focusLast = false) => {
-        if (tabs.length === 0)
+        if (items.length === 0)
             return;
-        setFocusedIndex(focusLast ? tabs.length - 1 : 0);
+        setFocusedIndex(focusLast ? items.length - 1 : 0);
         setIsOpen(true);
-    }, [tabs.length]);
+    }, [items.length]);
     /**
      * Focuses a menu item by index and updates roving tabindex state.
      */
@@ -110,38 +110,38 @@ export function SegmentedTabsVisibilityMenu({ tabs, visibleTabValues, onToggle }
      * Handles keyboard navigation within the open menu.
      */
     const handleMenuKeyDown = (event) => {
-        if (tabs.length === 0)
+        if (items.length === 0)
             return;
         if (event.key === 'Tab') {
             closeMenu();
             return;
         }
-        const arrowIndex = resolveTabListKeyAction(event.key, focusedIndex, tabs.length);
+        const arrowIndex = resolveTabListKeyAction(event.key, focusedIndex, items.length);
         if (arrowIndex !== null) {
             event.preventDefault();
             focusItem(arrowIndex);
         }
     };
-    return (_jsxs("div", { ref: rootRef, className: "hc-segmented-tabs-visibility-menu relative shrink-0", children: [_jsx(Button, { innerRef: triggerRef, type: "button", variant: "icon", className: cn('hc-segmented-tabs-visibility-menu-trigger', triggerClassName), "aria-label": "Customize visible tabs", "aria-haspopup": "menu", "aria-expanded": isOpen, "aria-controls": isOpen ? menuElementId : undefined, onClick: () => {
+    return (_jsxs("div", { ref: rootRef, className: "hc-visibility-menu relative shrink-0", children: [_jsx(Button, { innerRef: triggerRef, type: "button", variant: "icon", className: cn('hc-visibility-menu-trigger', triggerClassName), "aria-label": "Customize visible tabs", "aria-haspopup": "menu", "aria-expanded": isOpen, "aria-controls": isOpen ? menuElementId : undefined, onClick: () => {
                     if (isOpen) {
                         closeMenu();
                     }
                     else {
                         openMenu(false);
                     }
-                }, onKeyDown: handleTriggerKeyDown, children: _jsx(FaIcon, { icon: faCaretDown, className: "h-3.5 w-3.5" }) }), isOpen && (_jsx("div", { id: menuElementId, role: "menu", className: "hc-segmented-tabs-visibility-menu-panel app-no-drag absolute top-full right-0 z-10 mt-0.5 min-w-[140px] rounded-md border border-separator bg-surface py-1 shadow-md", onKeyDown: handleMenuKeyDown, children: tabs.map((tab, index) => {
-                    const checked = visibleSet.has(tab.value);
+                }, onKeyDown: handleTriggerKeyDown, children: _jsx(FaIcon, { icon: faCaretDown, className: "h-3.5 w-3.5" }) }), isOpen && (_jsx("div", { id: menuElementId, role: "menu", className: "hc-visibility-menu-panel app-no-drag absolute top-full right-0 z-10 mt-0.5 min-w-[140px] rounded-md border border-separator bg-surface py-1 shadow-md", onKeyDown: handleMenuKeyDown, children: items.map((item, index) => {
+                    const checked = visibleSet.has(item.value);
                     return (_jsx(MenuCheckboxItem, { ref: (element) => {
                             itemRefs.current[index] = element;
-                        }, checked: checked, tabIndex: index === focusedIndex ? 0 : -1, label: tab.label, onSelect: () => onToggle(tab.value) }, tab.value));
+                        }, checked: checked, tabIndex: index === focusedIndex ? 0 : -1, label: item.label, onSelect: () => onToggle(item.value) }, item.value));
                 }) }))] }));
 }
 /**
- * Single checkbox-style row in the tab visibility menu.
+ * Single checkbox-style row in the visibility menu.
  */
 function MenuCheckboxItem({ checked, label, tabIndex, onSelect, ref }) {
-    return (_jsxs("button", { ref: ref, type: "button", role: "menuitemcheckbox", "aria-checked": checked, tabIndex: tabIndex, className: cn('hc-segmented-tabs-visibility-menu-item', menuItemClass), onClick: (e) => {
+    return (_jsxs("button", { ref: ref, type: "button", role: "menuitemcheckbox", "aria-checked": checked, tabIndex: tabIndex, className: cn('hc-visibility-menu-item', menuItemClass), onClick: (e) => {
             e.stopPropagation();
             onSelect();
-        }, children: [_jsx("span", { className: "hc-segmented-tabs-visibility-menu-item-check inline-flex w-4 shrink-0 justify-center", "aria-hidden": true, children: checked ? _jsx(FaIcon, { icon: faCheck, className: "h-3 w-3" }) : null }), _jsx("span", { className: "hc-segmented-tabs-visibility-menu-item-label min-w-0", children: label })] }));
+        }, children: [_jsx("span", { className: "hc-visibility-menu-item-check inline-flex w-4 shrink-0 justify-center", "aria-hidden": true, children: checked ? _jsx(FaIcon, { icon: faCheck, className: "h-3 w-3" }) : null }), _jsx("span", { className: "hc-visibility-menu-item-label min-w-0", children: label })] }));
 }

package/dist/components/index.d.ts

@@ -10,7 +10,7 @@ export { Button } from './Button/index.js';
 export { CodeEditor, CODE_EDITOR_THEME_OPTIONS } from './CodeEditor/index.js';
 export { CodeEditorConfigProvider, useCodeEditorConfig, DEFAULT_CODE_EDITOR_CONFIG } from './CodeEditor/config.js';
 export type { CodeEditorConfig } from './CodeEditor/config.js';
-export type { Props as CodeEditorProps, CodeEditorLanguage, CodeEditorSelectionRange, CodeEditorSlashCommand, CodeEditorSlashCoords, CodeEditorSlashTrigger, CodeEditorViewState } from './CodeEditor/index.js';
+export type { Props as CodeEditorProps, CodeEditorLanguage, CodeEditorSelectionAction, CodeEditorSelectionRange, CodeEditorSlashCommand, CodeEditorSlashCoords, CodeEditorSlashTrigger, CodeEditorTextSelection, CodeEditorViewState } from './CodeEditor/index.js';
 export { EmptyState } from './EmptyState/index.js';
 export { FaIcon } from './FaIcon/index.js';
 export { FieldError } from './FieldError/index.js';
@@ -54,6 +54,8 @@ export { VariableInput } from './VariableInput/index.js';
 export type { Props as VariableInputProps } from './VariableInput/index.js';
 export { VariableTable } from './VariableTable/index.js';
 export { VariableTooltipValue, appendVariableTooltipValueRow, buildVariableTooltipDom } from './VariableTooltip/index.js';
+export { VisibilityMenu } from './VisibilityMenu/index.js';
+export type { VisibilityMenuItem } from './VisibilityMenu/index.js';
 export { cleanVariables, resolveTabListKeyAction } from './utils.js';
 export type { TabListKeyOptions } from './utils.js';
 export { useDialogFocus, getFocusableElements } from './useDialogFocus.js';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}

package/dist/components/index.js

@@ -40,6 +40,7 @@ export { Table, TableBody, TableCell, TableHead, TableHeader, tableCellClass, ta
 export { VariableInput } from './VariableInput/index.js';
 export { VariableTable } from './VariableTable/index.js';
 export { VariableTooltipValue, appendVariableTooltipValueRow, buildVariableTooltipDom } from './VariableTooltip/index.js';
+export { VisibilityMenu } from './VisibilityMenu/index.js';
 export { cleanVariables, resolveTabListKeyAction } from './utils.js';
 export { useDialogFocus, getFocusableElements } from './useDialogFocus.js';
 export { segment, segmentGroup } from './classes.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@harborclient/sdk",
-  "version": "1.0.57",
+  "version": "1.0.59",
   "description": "TypeScript SDK for HarborClient development.",
   "keywords": [
     "harborclient",

package/dist/components/SegmentedTabs/SegmentedTabsVisibilityMenu.d.ts

@@ -1,22 +0,0 @@
-import type { JSX } from 'react';
-import type { TabItem } from './types.js';
-interface Props<T extends string> {
-    /**
-     * Tabs that can be shown or hidden via the menu.
-     */
-    tabs: TabItem<T>[];
-    /**
-     * Tab values currently shown in the tab strip.
-     */
-    visibleTabValues: T[];
-    /**
-     * Called when the user toggles a tab's visibility in the menu.
-     */
-    onToggle: (tabValue: T) => void;
-}
-/**
- * Caret-triggered menu for toggling which segmented tabs are visible.
- */
-export declare function SegmentedTabsVisibilityMenu<T extends string>({ tabs, visibleTabValues, onToggle }: Props<T>): JSX.Element;
-export {};
-//# sourceMappingURL=SegmentedTabsVisibilityMenu.d.ts.map

package/dist/components/SegmentedTabs/SegmentedTabsVisibilityMenu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SegmentedTabsVisibilityMenu.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedTabs/SegmentedTabsVisibilityMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,GAAG,EAA4B,MAAM,OAAO,CAAC;AAI3D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAE1C,UAAU,KAAK,CAAC,CAAC,SAAS,MAAM;IAC9B;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IAEnB;;OAEG;IACH,gBAAgB,EAAE,CAAC,EAAE,CAAC;IAEtB;;OAEG;IACH,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK,IAAI,CAAC;CACjC;AAQD;;GAEG;AACH,wBAAgB,2BAA2B,CAAC,CAAC,SAAS,MAAM,EAAE,EAC5D,IAAI,EACJ,gBAAgB,EAChB,QAAQ,EACT,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAgLxB"}