@harborclient/sdk 1.0.67 → 1.0.69

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

@@ -0,0 +1,60 @@
+import type { ReactNode } from 'react';
+/**
+ * Data for a single tab row rendered by {@link TabBar}.
+ */
+export interface TabBarItem<TId extends string | number> {
+    /**
+     * Stable tab identifier used for selection, close, and reorder callbacks.
+     */
+    id: TId;
+    /**
+     * Whether this tab is the currently selected tab.
+     */
+    active: boolean;
+    /**
+     * Label and icon content rendered inside the tab shell.
+     */
+    content: ReactNode;
+    /**
+     * Accessible name for the tab control, including unsaved or status suffixes.
+     */
+    accessibleName: string;
+    /**
+     * Accessible name for the close button, typically including the tab title.
+     */
+    closeAccessibleName: string;
+    /**
+     * Native tooltip text when the label is truncated.
+     */
+    title?: string;
+    /**
+     * Plain-text or element preview shown in the drag overlay.
+     */
+    dragLabel: ReactNode;
+    /**
+     * When true, uses active styling even when not selected (for example tab group edit).
+     */
+    highlighted?: boolean;
+}
+/**
+ * Configuration for the new-tab "+" control at the end of the tab bar.
+ */
+export interface TabBarNewTab {
+    /**
+     * Accessible name for the new-tab control.
+     */
+    ariaLabel: string;
+    /**
+     * Native tooltip text for the new-tab control.
+     */
+    title: string;
+    /**
+     * Called when the user opens a new tab or chat.
+     */
+    onClick: () => void;
+}
+/**
+ * Cursor style applied to draggable tab rows when reordering is enabled.
+ */
+export type TabBarSortableCursor = 'pointer' | 'grab';
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/TabBar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,WAAW,UAAU,CAAC,GAAG,SAAS,MAAM,GAAG,MAAM;IACrD;;OAEG;IACH,EAAE,EAAE,GAAG,CAAC;IAER;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,OAAO,EAAE,SAAS,CAAC;IAEnB;;OAEG;IACH,cAAc,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,mBAAmB,EAAE,MAAM,CAAC;IAE5B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,SAAS,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,MAAM,CAAC"}

package/dist/components/TabBar/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,73 @@
+/**
+ * Snapshot of a tab row kept in the DOM while its close animation plays.
+ */
+export interface ExitingTabItem<T, TId> {
+    /**
+     * Tab data captured at removal time.
+     */
+    item: T;
+    /**
+     * Id of the live tab immediately to the right before removal, or null when
+     * this tab was last in the row.
+     */
+    insertBeforeId: TId | null;
+    /**
+     * Stable React key for this exit animation instance.
+     */
+    exitKey: string;
+}
+/**
+ * Resolves the anchor id for an exiting tab: the first still-open tab that was
+ * to its right in the previous list, or null when none remain on the right.
+ *
+ * @param previousItems - Tab list before removal.
+ * @param removedIndex - Index of the tab being removed.
+ * @param currentIds - Ids that remain open after removal.
+ * @param getId - Reads a stable id from a tab item.
+ * @returns Anchor id for render placement, or null for end-of-row placement.
+ */
+export declare function resolveInsertBeforeId<T, TId>(previousItems: T[], removedIndex: number, currentIds: Set<TId>, getId: (item: T) => TId): TId | null;
+/**
+ * Detects tabs removed between two list snapshots and their render anchors.
+ *
+ * @param previousItems - Tab list before removal.
+ * @param currentItems - Tab list after removal.
+ * @param getId - Reads a stable id from a tab item.
+ * @returns Removed tabs with placement anchors for exit animation.
+ */
+export declare function detectRemovedTabItems<T, TId>(previousItems: T[], currentItems: T[], getId: (item: T) => TId): Array<{
+    item: T;
+    insertBeforeId: TId | null;
+}>;
+interface UseExitingTabItemsResult<T, TId> {
+    /**
+     * Tabs currently playing their close animation.
+     */
+    exiting: ExitingTabItem<T, TId>[];
+    /**
+     * Ids removed in the latest list update (cleared on the next stable render).
+     */
+    removedIds: TId[];
+    /**
+     * Drops a finished exit snapshot from local state.
+     *
+     * @param exitKey - Key returned with the exiting tab entry.
+     */
+    completeExit: (exitKey: string) => void;
+    /**
+     * Returns exit snapshots that should render immediately before an anchor tab.
+     *
+     * @param anchorId - Live tab id to the right of the snapshot, or null for end-of-row.
+     */
+    getExitingBefore: (anchorId: TId | null) => ExitingTabItem<T, TId>[];
+}
+/**
+ * Tracks tab rows removed from a live list and keeps snapshots for exit animation.
+ *
+ * @param items - Current open tabs from Redux or parent state.
+ * @param getId - Reads a stable id from a tab item.
+ * @returns Exiting snapshots, placement helpers, and ids removed last update.
+ */
+export declare function useExitingTabItems<T, TId>(items: T[], getId: (item: T) => TId): UseExitingTabItemsResult<T, TId>;
+export {};
+//# sourceMappingURL=useExitingTabItems.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useExitingTabItems.d.ts","sourceRoot":"","sources":["../../../src/components/TabBar/useExitingTabItems.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,WAAW,cAAc,CAAC,CAAC,EAAE,GAAG;IACpC;;OAEG;IACH,IAAI,EAAE,CAAC,CAAC;IAER;;;OAGG;IACH,cAAc,EAAE,GAAG,GAAG,IAAI,CAAC;IAE3B;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;;GASG;AACH,wBAAgB,qBAAqB,CAAC,CAAC,EAAE,GAAG,EAC1C,aAAa,EAAE,CAAC,EAAE,EAClB,YAAY,EAAE,MAAM,EACpB,UAAU,EAAE,GAAG,CAAC,GAAG,CAAC,EACpB,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,GAAG,GACtB,GAAG,GAAG,IAAI,CASZ;AAED;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CAAC,CAAC,EAAE,GAAG,EAC1C,aAAa,EAAE,CAAC,EAAE,EAClB,YAAY,EAAE,CAAC,EAAE,EACjB,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,GAAG,GACtB,KAAK,CAAC;IAAE,IAAI,EAAE,CAAC,CAAC;IAAC,cAAc,EAAE,GAAG,GAAG,IAAI,CAAA;CAAE,CAAC,CAkBhD;AAED,UAAU,wBAAwB,CAAC,CAAC,EAAE,GAAG;IACvC;;OAEG;IACH,OAAO,EAAE,cAAc,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC;IAElC;;OAEG;IACH,UAAU,EAAE,GAAG,EAAE,CAAC;IAElB;;;;OAIG;IACH,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC;;;;OAIG;IACH,gBAAgB,EAAE,CAAC,QAAQ,EAAE,GAAG,GAAG,IAAI,KAAK,cAAc,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC;CACtE;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,GAAG,EACvC,KAAK,EAAE,CAAC,EAAE,EACV,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,GAAG,GACtB,wBAAwB,CAAC,CAAC,EAAE,GAAG,CAAC,CA8DlC"}

package/dist/components/TabBar/useExitingTabItems.js

@@ -0,0 +1,103 @@
+import { useCallback, useEffect, useRef, useState } from '@harborclient/sdk/react';
+/**
+ * Resolves the anchor id for an exiting tab: the first still-open tab that was
+ * to its right in the previous list, or null when none remain on the right.
+ *
+ * @param previousItems - Tab list before removal.
+ * @param removedIndex - Index of the tab being removed.
+ * @param currentIds - Ids that remain open after removal.
+ * @param getId - Reads a stable id from a tab item.
+ * @returns Anchor id for render placement, or null for end-of-row placement.
+ */
+export function resolveInsertBeforeId(previousItems, removedIndex, currentIds, getId) {
+    for (let index = removedIndex + 1; index < previousItems.length; index += 1) {
+        const id = getId(previousItems[index]);
+        if (currentIds.has(id)) {
+            return id;
+        }
+    }
+    return null;
+}
+/**
+ * Detects tabs removed between two list snapshots and their render anchors.
+ *
+ * @param previousItems - Tab list before removal.
+ * @param currentItems - Tab list after removal.
+ * @param getId - Reads a stable id from a tab item.
+ * @returns Removed tabs with placement anchors for exit animation.
+ */
+export function detectRemovedTabItems(previousItems, currentItems, getId) {
+    const currentIds = new Set(currentItems.map(getId));
+    const removed = [];
+    for (let index = 0; index < previousItems.length; index += 1) {
+        const item = previousItems[index];
+        const id = getId(item);
+        if (currentIds.has(id)) {
+            continue;
+        }
+        removed.push({
+            item,
+            insertBeforeId: resolveInsertBeforeId(previousItems, index, currentIds, getId)
+        });
+    }
+    return removed;
+}
+/**
+ * Tracks tab rows removed from a live list and keeps snapshots for exit animation.
+ *
+ * @param items - Current open tabs from Redux or parent state.
+ * @param getId - Reads a stable id from a tab item.
+ * @returns Exiting snapshots, placement helpers, and ids removed last update.
+ */
+export function useExitingTabItems(items, getId) {
+    const previousItemsRef = useRef(items);
+    const getIdRef = useRef(getId);
+    const exitCounterRef = useRef(0);
+    const [exiting, setExiting] = useState([]);
+    const [removedIds, setRemovedIds] = useState([]);
+    /**
+     * Keeps the latest id getter available to the removal effect without re-running it.
+     */
+    useEffect(() => {
+        getIdRef.current = getId;
+    }, [getId]);
+    /**
+     * Captures removed tabs whenever the live list shrinks.
+     */
+    useEffect(() => {
+        const previousItems = previousItemsRef.current;
+        const removed = detectRemovedTabItems(previousItems, items, getIdRef.current);
+        if (removed.length > 0) {
+            const nextExiting = removed.map(({ item, insertBeforeId }) => {
+                exitCounterRef.current += 1;
+                return {
+                    item,
+                    insertBeforeId,
+                    exitKey: `${String(getIdRef.current(item))}-exit-${exitCounterRef.current}`
+                };
+            });
+            setExiting((current) => [...current, ...nextExiting]);
+            setRemovedIds(removed.map((entry) => getIdRef.current(entry.item)));
+        }
+        else {
+            setRemovedIds([]);
+        }
+        previousItemsRef.current = items;
+    }, [items]);
+    /**
+     * Removes a finished exit snapshot after its width transition completes.
+     */
+    const completeExit = useCallback((exitKey) => {
+        setExiting((current) => current.filter((entry) => entry.exitKey !== exitKey));
+    }, []);
+    /**
+     * Groups exit snapshots by the live tab they should render in front of.
+     */
+    const getExitingBefore = useCallback((anchorId) => exiting.filter((entry) => entry.insertBeforeId === anchorId), [exiting]);
+    return {
+        exiting,
+        removedIds,
+        completeExit,
+        getExitingBefore
+    };
+}

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

@@ -0,0 +1,31 @@
+import type { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities';
+import type { CSSProperties } from 'react';
+interface SortableTabItemResult {
+    /**
+     * Ref for the sortable tab shell element.
+     */
+    setNodeRef: (element: HTMLElement | null) => void;
+    /**
+     * dnd-kit pointer and keyboard listeners for the tab shell.
+     */
+    listeners: SyntheticListenerMap | undefined;
+    /**
+     * Inline styles for transform and drag feedback on the tab shell.
+     */
+    style: CSSProperties;
+    /**
+     * Whether this tab is currently being dragged.
+     */
+    isDragging: boolean;
+}
+/**
+ * Wraps dnd-kit sortable behavior for horizontal tab bar items while keeping
+ * the tab element itself as a direct child of the tab list for ARIA compliance.
+ *
+ * @param id - Stable sortable id for this tab.
+ * @param disabled - When true, skips drag behavior (for example a single open tab).
+ * @returns Refs, listeners, and styles for the draggable tab shell.
+ */
+export declare function useSortableTabItem(id: string, disabled?: boolean): SortableTabItemResult;
+export {};
+//# sourceMappingURL=useSortableTabItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSortableTabItem.d.ts","sourceRoot":"","sources":["../../../src/components/TabBar/useSortableTabItem.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAG/E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,UAAU,qBAAqB;IAC7B;;OAEG;IACH,UAAU,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAElD;;OAEG;IACH,SAAS,EAAE,oBAAoB,GAAG,SAAS,CAAC;IAE5C;;OAEG;IACH,KAAK,EAAE,aAAa,CAAC;IAErB;;OAEG;IACH,UAAU,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,UAAQ,GAAG,qBAAqB,CAoBtF"}

package/dist/components/TabBar/useSortableTabItem.js

@@ -0,0 +1,29 @@
+import { useSortable } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
+/**
+ * Wraps dnd-kit sortable behavior for horizontal tab bar items while keeping
+ * the tab element itself as a direct child of the tab list for ARIA compliance.
+ *
+ * @param id - Stable sortable id for this tab.
+ * @param disabled - When true, skips drag behavior (for example a single open tab).
+ * @returns Refs, listeners, and styles for the draggable tab shell.
+ */
+export function useSortableTabItem(id, disabled = false) {
+    const { listeners, setNodeRef, transform, transition, isDragging } = useSortable({
+        id,
+        disabled
+    });
+    const style = disabled
+        ? {}
+        : {
+            transform: CSS.Transform.toString(transform),
+            transition,
+            opacity: isDragging ? 0.45 : undefined
+        };
+    return {
+        setNodeRef,
+        listeners,
+        style,
+        isDragging
+    };
+}

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,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"}
+{"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;AAoED;;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

@@ -1,15 +1,30 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@harborclient/sdk/jsx-runtime";
 import { FaIcon } from '../FaIcon/index.js';
 import { cn } from '../utils.js';
+/**
+ * Whether a toolbar action is in an active visual state.
+ *
+ * Toggle actions use `ariaPressed`; popup actions such as chat history use
+ * `ariaExpanded` when their menu is open.
+ *
+ * @param action - Declarative toolbar action to evaluate.
+ * @returns True when the action should render with the active background.
+ */
+function isToolbarActionActive(action) {
+    return action.ariaPressed === true || action.ariaExpanded === true;
+}
 /**
  * Tailwind classes for toolbar icon action buttons.
  *
- * @param pressed - Whether the action is in a pressed/toggled-on state.
+ * Active buttons use `bg-sidebar-section` so they match collection sidebar
+ * section headers; inactive buttons keep `bg-selection` for hover/focus feedback.
+ *
+ * @param active - Whether the action is pressed or has an open popup.
  * @returns Class string for the action button.
  */
-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'
+function toolbarActionButtonClasses(active) {
+    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', active
+        ? 'bg-sidebar-section'
         : 'bg-transparent hover:bg-selection focus-visible:bg-selection focus-visible:text-text', 'disabled:cursor-not-allowed disabled:opacity-50');
 }
 /**
@@ -20,7 +35,8 @@ function toolbarActionButtonClasses(pressed) {
  */
 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));
+    const active = isToolbarActionActive(action);
+    return (_jsxs("div", { className: "hc-toolbar-action-wrap relative", children: [_jsx("button", { type: "button", ref: action.buttonRef, className: toolbarActionButtonClasses(active), 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!', active ? 'opacity-100' : 'opacity-50') }) }), action.popover] }, action.id));
 }
 /**
  * Top-of-sidebar toolbar with left-aligned actions and optional right-aligned toggles.

package/dist/components/classes.d.ts

@@ -8,4 +8,13 @@ export declare const segmentGroup = "inline-flex p-3 border-b border-separator w
  * @param active - Whether this segment is selected.
  */
 export declare function segment(active: boolean): string;
+/**
+ * Active/inactive surface classes for a document-style tab in the tab bar.
+ *
+ * @param active - Whether this tab is the selected editor.
+ * @returns Border, background, and text color classes for the tab shell.
+ *          Active tabs use a 2px bottom underline; inactive tabs reserve the
+ *          same space with a transparent bottom border.
+ */
+export declare function tabItem(active: boolean): string;
 //# sourceMappingURL=classes.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"classes.d.ts","sourceRoot":"","sources":["../../src/components/classes.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,YAAY,6GACmF,CAAC;AAK7G;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,CAI/C"}
+{"version":3,"file":"classes.d.ts","sourceRoot":"","sources":["../../src/components/classes.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,YAAY,6GACmF,CAAC;AAK7G;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,CAI/C;AAED;;;;;;;GAOG;AACH,wBAAgB,OAAO,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,CAI/C"}

package/dist/components/classes.js

@@ -10,6 +10,19 @@ const segmentFocusVisible = 'focus-visible:outline focus-visible:outline-2 focus
  */
 export function segment(active) {
     return active
-        ? `cursor-pointer rounded-md border-none bg-selection px-3 py-1 text-[15px] text-text app-no-drag ${segmentFocusVisible}`
-        : `cursor-pointer rounded-md border-none bg-transparent px-3 py-1 text-[15px] text-muted hover:text-text app-no-drag ${segmentFocusVisible}`;
+        ? `cursor-pointer rounded-md border-none bg-selection px-3 py-1 text-[16px] text-text app-no-drag ${segmentFocusVisible}`
+        : `cursor-pointer rounded-md border-none bg-transparent px-3 py-1 text-[16px] text-muted hover:text-text app-no-drag ${segmentFocusVisible}`;
+}
+/**
+ * Active/inactive surface classes for a document-style tab in the tab bar.
+ *
+ * @param active - Whether this tab is the selected editor.
+ * @returns Border, background, and text color classes for the tab shell.
+ *          Active tabs use a 2px bottom underline; inactive tabs reserve the
+ *          same space with a transparent bottom border.
+ */
+export function tabItem(active) {
+    return active
+        ? 'border-separator/70 border-b-tab-underline bg-selection text-text focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-accent'
+        : 'border-separator/50 border-b-transparent bg-control/20 text-muted hover:bg-selection/60 hover:text-text focus-visible:bg-selection/60 focus-visible:text-text focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-accent';
 }

package/dist/components/footerBarUtils.d.ts

@@ -0,0 +1,11 @@
+/** Square footer icon toggle size in pixels (`h-7 w-7`). */
+export declare const FOOTER_ICON_BUTTON_SIZE = 28;
+/** Total window footer bar height in pixels (icon size plus vertical padding). */
+export declare const FOOTER_BAR_HEIGHT: number;
+/** Vertical space for status-bar plugin slots inside the footer bar. */
+export declare const FOOTER_STATUS_BAR_SLOT_HEIGHT = 20;
+/** Tailwind size classes for square footer icon toggle buttons. */
+export declare const footerIconButtonSizeClass = "size-7";
+/** Tailwind vertical padding for the footer bar shell (2px top + 2px bottom). */
+export declare const footerBarPaddingClass = "py-0.5";
+//# sourceMappingURL=footerBarUtils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"footerBarUtils.d.ts","sourceRoot":"","sources":["../../src/components/footerBarUtils.ts"],"names":[],"mappings":"AAAA,4DAA4D;AAC5D,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAE1C,kFAAkF;AAClF,eAAO,MAAM,iBAAiB,QAA8B,CAAC;AAE7D,wEAAwE;AACxE,eAAO,MAAM,6BAA6B,KAAK,CAAC;AAEhD,mEAAmE;AACnE,eAAO,MAAM,yBAAyB,WAAW,CAAC;AAElD,iFAAiF;AACjF,eAAO,MAAM,qBAAqB,WAAW,CAAC"}

package/dist/components/footerBarUtils.js

@@ -0,0 +1,10 @@
+/** Square footer icon toggle size in pixels (`h-7 w-7`). */
+export const FOOTER_ICON_BUTTON_SIZE = 28;
+/** Total window footer bar height in pixels (icon size plus vertical padding). */
+export const FOOTER_BAR_HEIGHT = FOOTER_ICON_BUTTON_SIZE + 4;
+/** Vertical space for status-bar plugin slots inside the footer bar. */
+export const FOOTER_STATUS_BAR_SLOT_HEIGHT = 20;
+/** Tailwind size classes for square footer icon toggle buttons. */
+export const footerIconButtonSizeClass = 'size-7';
+/** Tailwind vertical padding for the footer bar shell (2px top + 2px bottom). */
+export const footerBarPaddingClass = 'py-0.5';

package/dist/components/index.d.ts

@@ -17,6 +17,7 @@ export { FieldError } from './FieldError/index.js';
 export { FormDataEditor } from './FormDataEditor/index.js';
 export type { Props as FormDataEditorProps } from './FormDataEditor/index.js';
 export { FooterButton } from './FooterButton/index.js';
+export { FOOTER_BAR_HEIGHT, FOOTER_ICON_BUTTON_SIZE, FOOTER_STATUS_BAR_SLOT_HEIGHT, footerBarPaddingClass, footerIconButtonSizeClass } from './footerBarUtils.js';
 export { FooterIcon } from './FooterIcon/index.js';
 export { FooterPanel } from './FooterPanel/index.js';
 export { FormGroup } from './FormGroup/index.js';
@@ -47,6 +48,7 @@ export type { TabItem } from './SegmentedTabs/index.js';
 export { Spinner } from './Spinner/index.js';
 export { StatusMessage } from './StatusMessage/index.js';
 export { TabCloseButton } from './TabCloseButton/index.js';
+export { TabBar, TabBarShell, TabNewButton, TabContextMenu, ClosingTabShell, useSortableTabItem, useExitingTabItems, detectRemovedTabItems, resolveInsertBeforeId, buildTabCloseMenuGroups, tabIdsToCloseOthers, tabIdsToCloseToTheRight, type TabBarItem, type TabBarNewTab, type TabBarSortableCursor, type ExitingTabItem } from './TabBar/index.js';
 export { Toolbar } from './Toolbar/index.js';
 export type { ToolbarAction } from './Toolbar/index.js';
 export { Table, TableBody, TableCell, TableHead, TableHeader, tableCellClass, tableCellClassLoose, tableHeadClass, tableHeadClassLoose } from './Table/index.js';
@@ -60,6 +62,6 @@ 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';
-export { segment, segmentGroup } from './classes.js';
+export { segment, segmentGroup, tabItem } from './classes.js';
 export type { FormDataPart, FormDataPartType, HttpMethod, KeyValue, Variable } from '../types.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -12,6 +12,7 @@ export { FaIcon } from './FaIcon/index.js';
 export { FieldError } from './FieldError/index.js';
 export { FormDataEditor } from './FormDataEditor/index.js';
 export { FooterButton } from './FooterButton/index.js';
+export { FOOTER_BAR_HEIGHT, FOOTER_ICON_BUTTON_SIZE, FOOTER_STATUS_BAR_SLOT_HEIGHT, footerBarPaddingClass, footerIconButtonSizeClass } from './footerBarUtils.js';
 export { FooterIcon } from './FooterIcon/index.js';
 export { FooterPanel } from './FooterPanel/index.js';
 export { FormGroup } from './FormGroup/index.js';
@@ -36,6 +37,7 @@ export { SegmentedTabs, SegmentedTabsGroup, SegmentedTabPanel } from './Segmente
 export { Spinner } from './Spinner/index.js';
 export { StatusMessage } from './StatusMessage/index.js';
 export { TabCloseButton } from './TabCloseButton/index.js';
+export { TabBar, TabBarShell, TabNewButton, TabContextMenu, ClosingTabShell, useSortableTabItem, useExitingTabItems, detectRemovedTabItems, resolveInsertBeforeId, buildTabCloseMenuGroups, tabIdsToCloseOthers, tabIdsToCloseToTheRight } from './TabBar/index.js';
 export { Toolbar } from './Toolbar/index.js';
 export { Table, TableBody, TableCell, TableHead, TableHeader, tableCellClass, tableCellClassLoose, tableHeadClass, tableHeadClassLoose } from './Table/index.js';
 export { VariableInput } from './VariableInput/index.js';
@@ -44,4 +46,4 @@ export { VariableTooltipValue, appendVariableTooltipValueRow, buildVariableToolt
 export { VisibilityMenu } from './VisibilityMenu/index.js';
 export { cleanVariables, resolveTabListKeyAction } from './utils.js';
 export { useDialogFocus, getFocusableElements } from './useDialogFocus.js';
-export { segment, segmentGroup } from './classes.js';
+export { segment, segmentGroup, tabItem } from './classes.js';

package/dist/components/menuPosition.d.ts

@@ -0,0 +1,48 @@
+/**
+ * Viewport coordinates for a fixed-position menu panel.
+ */
+export interface MenuPosition {
+    /** Left edge in viewport pixels. */
+    x: number;
+    /** Top edge in viewport pixels. */
+    y: number;
+}
+/**
+ * Measured menu panel dimensions.
+ */
+export interface MenuSize {
+    /** Panel width in pixels. */
+    width: number;
+    /** Panel height in pixels. */
+    height: number;
+}
+/** Minimum gap between a menu panel and the viewport edge. */
+export declare const MENU_VIEWPORT_MARGIN_PX = 8;
+/** Gap between a trigger button and its dropdown panel. */
+export declare const MENU_TRIGGER_OFFSET_PX = 2;
+/** Default minimum menu width used before the panel is measured. */
+export declare const MENU_MIN_WIDTH_PX = 200;
+/**
+ * Clamps a menu position so the panel stays fully inside the viewport.
+ *
+ * @param position - Requested top-left coordinates.
+ * @param size - Measured menu width and height.
+ */
+export declare function clampMenuPosition(position: MenuPosition, size: MenuSize): MenuPosition;
+/**
+ * Computes menu coordinates anchored below and right-aligned to a trigger button.
+ *
+ * @param triggerRect - Trigger bounding rect in viewport coordinates.
+ * @param menuSize - Measured or estimated menu dimensions.
+ */
+export declare function getTriggerAnchoredMenuPosition(triggerRect: DOMRect, menuSize: MenuSize): MenuPosition;
+/**
+ * Computes flyout coordinates anchored beside a parent menu row, preferring
+ * the right side and flipping to the left when the right side would overflow
+ * the viewport.
+ *
+ * @param anchorRect - Bounding rect of the parent row that owns the flyout.
+ * @param menuSize - Measured or estimated flyout dimensions.
+ */
+export declare function getSubmenuAnchoredPosition(anchorRect: DOMRect, menuSize: MenuSize): MenuPosition;
+//# sourceMappingURL=menuPosition.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menuPosition.d.ts","sourceRoot":"","sources":["../../src/components/menuPosition.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,oCAAoC;IACpC,CAAC,EAAE,MAAM,CAAC;IAEV,mCAAmC;IACnC,CAAC,EAAE,MAAM,CAAC;CACX;AAED;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IAEd,8BAA8B;IAC9B,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,8DAA8D;AAC9D,eAAO,MAAM,uBAAuB,IAAI,CAAC;AAEzC,2DAA2D;AAC3D,eAAO,MAAM,sBAAsB,IAAI,CAAC;AAExC,oEAAoE;AACpE,eAAO,MAAM,iBAAiB,MAAM,CAAC;AAErC;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,GAAG,YAAY,CAQtF;AAED;;;;;GAKG;AACH,wBAAgB,8BAA8B,CAC5C,WAAW,EAAE,OAAO,EACpB,QAAQ,EAAE,QAAQ,GACjB,YAAY,CAKd;AAED;;;;;;;GAOG;AACH,wBAAgB,0BAA0B,CAAC,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAG,YAAY,CAUhG"}

package/dist/components/menuPosition.js

@@ -0,0 +1,49 @@
+/** Minimum gap between a menu panel and the viewport edge. */
+export const MENU_VIEWPORT_MARGIN_PX = 8;
+/** Gap between a trigger button and its dropdown panel. */
+export const MENU_TRIGGER_OFFSET_PX = 2;
+/** Default minimum menu width used before the panel is measured. */
+export const MENU_MIN_WIDTH_PX = 200;
+/**
+ * Clamps a menu position so the panel stays fully inside the viewport.
+ *
+ * @param position - Requested top-left coordinates.
+ * @param size - Measured menu width and height.
+ */
+export function clampMenuPosition(position, size) {
+    const margin = MENU_VIEWPORT_MARGIN_PX;
+    const maxX = Math.max(margin, window.innerWidth - size.width - margin);
+    const maxY = Math.max(margin, window.innerHeight - size.height - margin);
+    return {
+        x: Math.min(Math.max(position.x, margin), maxX),
+        y: Math.min(Math.max(position.y, margin), maxY)
+    };
+}
+/**
+ * Computes menu coordinates anchored below and right-aligned to a trigger button.
+ *
+ * @param triggerRect - Trigger bounding rect in viewport coordinates.
+ * @param menuSize - Measured or estimated menu dimensions.
+ */
+export function getTriggerAnchoredMenuPosition(triggerRect, menuSize) {
+    return {
+        x: triggerRect.right - menuSize.width,
+        y: triggerRect.bottom + MENU_TRIGGER_OFFSET_PX
+    };
+}
+/**
+ * Computes flyout coordinates anchored beside a parent menu row, preferring
+ * the right side and flipping to the left when the right side would overflow
+ * the viewport.
+ *
+ * @param anchorRect - Bounding rect of the parent row that owns the flyout.
+ * @param menuSize - Measured or estimated flyout dimensions.
+ */
+export function getSubmenuAnchoredPosition(anchorRect, menuSize) {
+    const fitsOnRight = anchorRect.right + MENU_TRIGGER_OFFSET_PX + menuSize.width + MENU_VIEWPORT_MARGIN_PX <=
+        window.innerWidth;
+    const x = fitsOnRight
+        ? anchorRect.right + MENU_TRIGGER_OFFSET_PX
+        : anchorRect.left - menuSize.width - MENU_TRIGGER_OFFSET_PX;
+    return { x, y: anchorRect.top };
+}

package/dist/components/rowActionsMenuHelpers.d.ts

@@ -1,4 +1,21 @@
 import type { MenuItem } from './RowActionsMenu/index.js';
+/**
+ * Tailwind classes for a single menu item button, shared by the main
+ * `RowActionsMenu` panel and its flyout `Submenu` panels.
+ */
+export declare function menuItemClass(variant: MenuItem['variant'], disabled?: boolean): string;
+/**
+ * Returns whether a menu item can receive focus or activate an action.
+ */
+export declare function isMenuItemEnabled(item: MenuItem): boolean;
+/**
+ * Finds the next enabled flat item index in the requested direction.
+ */
+export declare function findAdjacentEnabledIndex(items: MenuItem[], fromIndex: number, direction: -1 | 1): number | null;
+/**
+ * Returns the first or last enabled flat item index.
+ */
+export declare function findEdgeEnabledIndex(items: MenuItem[], fromEnd: boolean): number | null;
 /**
  * Builds an optional reorder group for move-up/move-down row actions.
  *

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

@@ -1 +1 @@
-{"version":3,"file":"rowActionsMenuHelpers.d.ts","sourceRoot":"","sources":["../../src/components/rowActionsMenuHelpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAE1D;;;;;;;;;GASG;AACH,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,CAAC,SAAS,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,GACzC,QAAQ,EAAE,EAAE,CAsBd"}
+{"version":3,"file":"rowActionsMenuHelpers.d.ts","sourceRoot":"","sources":["../../src/components/rowActionsMenuHelpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAE1D;;;GAGG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,QAAQ,CAAC,SAAS,CAAC,EAAE,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAatF;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,QAAQ,GAAG,OAAO,CAEzD;AAED;;GAEG;AACH,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,QAAQ,EAAE,EACjB,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,GAChB,MAAM,GAAG,IAAI,CAWf;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAWvF;AAED;;;;;;;;;GASG;AACH,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,CAAC,SAAS,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,GACzC,QAAQ,EAAE,EAAE,CAsBd"}