@uipath/apollo-wind 2.79.0 → 2.79.2

package/dist/components/ui/json-tree-view/treeGrid.js

@@ -0,0 +1,269 @@
+import { useMemo, useRef, useState } from "react";
+import { useIsomorphicLayoutEffect } from "../../../lib/use-isomorphic-layout-effect.js";
+import { appendPathSegment, isPathCollapsed } from "./buildJsonTree.js";
+const EDITOR_ATTR = 'data-json-tree-editor';
+const SKIP_ATTR = 'data-json-tree-skip';
+const MANAGED_ATTR = 'data-json-tree-tabindex';
+const ROW_SELECTOR = '[role="row"]';
+const CONTROL_SELECTOR = 'button, a[href], input, select, textarea, [contenteditable="true"], [tabindex]:not([role="gridcell"])';
+const TEXT_ENTRY_SELECTOR = `input, textarea, select, [contenteditable="true"], [${EDITOR_ATTR}]`;
+const HANDLED_KEYS = new Set([
+    'ArrowDown',
+    'ArrowUp',
+    'ArrowLeft',
+    'ArrowRight',
+    'PageDown',
+    'PageUp',
+    'Home',
+    'End',
+    'Enter'
+]);
+const PAGE_SIZE = 10;
+function isOwnRow(grid, row) {
+    return row.closest('[role="treegrid"]') === grid;
+}
+function isNavigable(element) {
+    return !element.hasAttribute('disabled') && !element.closest(`[${EDITOR_ATTR}], [${SKIP_ATTR}], [aria-hidden="true"]`);
+}
+function cellsOf(row) {
+    return Array.from(row.querySelectorAll('[role="gridcell"]'));
+}
+function stopsOf(cell) {
+    const controls = Array.from(cell.querySelectorAll(CONTROL_SELECTOR)).filter(isNavigable);
+    if (controls.length > 0) return controls;
+    return cell.textContent?.trim() ? [
+        cell
+    ] : [];
+}
+function rowStops(row) {
+    return cellsOf(row).flatMap(stopsOf);
+}
+function cellNameOf(element) {
+    return element.closest('[role="gridcell"]')?.dataset.cell;
+}
+function findRow(grid, path) {
+    return Array.from(grid.querySelectorAll(ROW_SELECTOR)).find((row)=>row.dataset.path === path && isOwnRow(grid, row));
+}
+function focusInRow(row, cell) {
+    const target = cell ? cellsOf(row).find((c)=>c.dataset.cell === cell) : void 0;
+    const stop = target ? stopsOf(target)[0] : void 0;
+    (stop ?? row).focus();
+}
+function syncRowTabOrder(row, tabbable) {
+    for (const control of row.querySelectorAll(CONTROL_SELECTOR)){
+        if (control.closest(`[${SKIP_ATTR}]`)) continue;
+        const saved = control.getAttribute(MANAGED_ATTR);
+        if (tabbable) {
+            if (null === saved) continue;
+            if ('' === saved) control.removeAttribute('tabindex');
+            else control.setAttribute('tabindex', saved);
+            control.removeAttribute(MANAGED_ATTR);
+        } else if (null === saved) {
+            control.setAttribute(MANAGED_ATTR, control.getAttribute('tabindex') ?? '');
+            control.setAttribute('tabindex', '-1');
+        }
+    }
+}
+function ancestorPaths(segments) {
+    const paths = [];
+    let path = '';
+    for (const segment of segments.slice(0, -1)){
+        path = appendPathSegment(path, segment);
+        paths.unshift(path);
+    }
+    return paths;
+}
+function isParentRow(row) {
+    return !!row.node.children?.length;
+}
+function useTreeGrid({ rows, indexByPath, collapsed, toggle }) {
+    const [grid, setGrid] = useState(null);
+    const [active, setActive] = useState(null);
+    const activePath = useMemo(()=>{
+        if (active && indexByPath.has(active.path)) return active.path;
+        const ancestor = active && ancestorPaths(active.segments).find((path)=>indexByPath.has(path));
+        return ancestor ?? rows[0]?.node.path ?? null;
+    }, [
+        active,
+        indexByPath,
+        rows
+    ]);
+    const pendingFocusRef = useRef(null);
+    const openEditorsRef = useRef({});
+    const lastFocusedRef = useRef(null);
+    const activePathRef = useRef(activePath);
+    const syncedPathRef = useRef(null);
+    useIsomorphicLayoutEffect(()=>{
+        activePathRef.current = activePath;
+        const previous = syncedPathRef.current;
+        syncedPathRef.current = activePath;
+        if (!grid || previous === activePath) return;
+        for (const path of [
+            previous,
+            activePath
+        ]){
+            const row = null === path ? void 0 : findRow(grid, path);
+            if (row) syncRowTabOrder(row, path === activePath);
+        }
+    }, [
+        grid,
+        activePath
+    ]);
+    useIsomorphicLayoutEffect(()=>{
+        if (!grid) return;
+        const sync = (row)=>syncRowTabOrder(row, row.dataset.path === activePathRef.current);
+        for (const row of grid.querySelectorAll(ROW_SELECTOR))sync(row);
+        const observer = new MutationObserver((mutations)=>{
+            const touched = new Set();
+            for (const mutation of mutations)for (const added of mutation.addedNodes){
+                if (!(added instanceof Element)) continue;
+                const row = added.closest(ROW_SELECTOR);
+                if (row) touched.add(row);
+                for (const inner of added.querySelectorAll(ROW_SELECTOR))touched.add(inner);
+            }
+            for (const row of touched)sync(row);
+        });
+        observer.observe(grid, {
+            childList: true,
+            subtree: true
+        });
+        return ()=>observer.disconnect();
+    }, [
+        grid
+    ]);
+    useIsomorphicLayoutEffect(()=>{
+        const pending = pendingFocusRef.current;
+        pendingFocusRef.current = null;
+        if (!grid) return;
+        const row = pending && findRow(grid, pending.path);
+        if (pending && row) {
+            const { opener } = pending;
+            if (opener instanceof HTMLElement && opener.isConnected && row.contains(opener)) opener.focus();
+            else focusInRow(row, pending.cell);
+            return;
+        }
+        const lost = lastFocusedRef.current;
+        const focusDropped = !document.activeElement || document.activeElement === document.body;
+        if (lost && !lost.isConnected && focusDropped && activePath) findRow(grid, activePath)?.focus();
+    });
+    const focusRow = (index, cell)=>{
+        const row = rows[index];
+        if (!row) return;
+        const element = grid && findRow(grid, row.node.path);
+        if (element) return void focusInRow(element, cell);
+        pendingFocusRef.current = {
+            path: row.node.path,
+            cell
+        };
+        setActive({
+            path: row.node.path,
+            segments: row.node.segments
+        });
+    };
+    const trackEditor = (kind, set)=>(path)=>{
+            if (null !== path) {
+                const opener = document.activeElement;
+                const cell = (opener && cellNameOf(opener)) ?? ('json' === kind ? 'actions' : void 0);
+                openEditorsRef.current[kind] = {
+                    path,
+                    cell,
+                    opener
+                };
+            } else {
+                const open = openEditorsRef.current[kind];
+                openEditorsRef.current[kind] = void 0;
+                if (open && grid && findRow(grid, open.path)?.contains(document.activeElement)) pendingFocusRef.current = open;
+            }
+            set(path);
+        };
+    const onKeyDown = (event)=>{
+        if (!HANDLED_KEYS.has(event.key) || event.altKey || event.metaKey || event.shiftKey) return;
+        if (event.ctrlKey && 'Home' !== event.key && 'End' !== event.key) return;
+        const { target, currentTarget } = event;
+        if (!(target instanceof HTMLElement) || !currentTarget.contains(target)) return;
+        if (target.closest(TEXT_ENTRY_SELECTOR)) return;
+        const row = target.closest(ROW_SELECTOR);
+        if (!row || !isOwnRow(currentTarget, row)) return;
+        const path = row.dataset.path;
+        const index = void 0 === path ? void 0 : indexByPath.get(path);
+        const flatRow = void 0 === index ? void 0 : rows[index];
+        if (void 0 === path || void 0 === index || !flatRow) return;
+        const isParent = isParentRow(flatRow);
+        const expanded = isParent && !isPathCollapsed(collapsed, path);
+        const onRow = target === row;
+        const stops = onRow ? [] : rowStops(row);
+        const at = stops.indexOf(target);
+        const cell = onRow ? void 0 : cellNameOf(target);
+        const last = rows.length - 1;
+        const moveTo = (next)=>focusRow(Math.max(0, Math.min(last, next)), cell);
+        switch(event.key){
+            case 'ArrowDown':
+                moveTo(index + 1);
+                break;
+            case 'ArrowUp':
+                moveTo(index - 1);
+                break;
+            case 'PageDown':
+                moveTo(index + PAGE_SIZE);
+                break;
+            case 'PageUp':
+                moveTo(index - PAGE_SIZE);
+                break;
+            case 'Home':
+                if (onRow || event.ctrlKey) moveTo(0);
+                else stops[0]?.focus();
+                break;
+            case 'End':
+                if (onRow || event.ctrlKey) moveTo(last);
+                else stops[stops.length - 1]?.focus();
+                break;
+            case 'ArrowRight':
+                if (onRow) if (isParent && !expanded && toggle) toggle(path);
+                else rowStops(row)[0]?.focus();
+                else stops[at + 1]?.focus();
+                break;
+            case 'ArrowLeft':
+                if (onRow) if (expanded && toggle) toggle(path);
+                else {
+                    const parentPath = ancestorPaths(flatRow.node.segments)[0];
+                    const parent = void 0 === parentPath ? void 0 : indexByPath.get(parentPath);
+                    if (void 0 !== parent) focusRow(parent, void 0);
+                }
+                else (stops[at - 1] ?? row).focus();
+                break;
+            case 'Enter':
+                if (!onRow || !isParent || !toggle) return;
+                toggle(path);
+                break;
+        }
+        event.preventDefault();
+        event.stopPropagation();
+    };
+    const onFocus = (event)=>{
+        const { target } = event;
+        if (!(target instanceof HTMLElement)) return;
+        lastFocusedRef.current = target;
+        const path = target.closest(ROW_SELECTOR)?.dataset.path;
+        const index = void 0 === path ? void 0 : indexByPath.get(path);
+        const row = void 0 === index ? void 0 : rows[index];
+        if (void 0 === path || !row || path === active?.path) return;
+        setActive({
+            path,
+            segments: row.node.segments
+        });
+    };
+    const onBlur = (event)=>{
+        if (!event.currentTarget.contains(event.relatedTarget)) lastFocusedRef.current = null;
+    };
+    return {
+        activePath,
+        gridHandlers: {
+            ref: setGrid,
+            onFocus,
+            onBlur,
+            onKeyDownCapture: onKeyDown
+        },
+        trackEditor
+    };
+}
+export { isParentRow, useTreeGrid };

package/dist/components/ui/quick-form-field/components/field-header.cjs

@@ -29,6 +29,7 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
+const external_button_cjs_namespaceObject = require("../../button.cjs");
 const external_dropdown_menu_cjs_namespaceObject = require("../../dropdown-menu.cjs");
 const external_form_field_cjs_namespaceObject = require("../../form-field.cjs");
 const external_popover_cjs_namespaceObject = require("../../popover.cjs");
@@ -68,8 +69,7 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, fieldTyp
     const typeMeta = external_types_cjs_namespaceObject.FIELD_TYPE_META[fieldType];
     const typeLabel = strings.typeLabels[fieldType] ?? typeMeta.label;
     const collapsedTextClass = (0, index_cjs_namespaceObject.cn)(collapse_cjs_namespaceObject.COLLAPSED_HIDDEN, compact && '!hidden');
-    const collapsedPaddingClass = (0, index_cjs_namespaceObject.cn)(collapse_cjs_namespaceObject.COLLAPSED_ICON_PADDING, compact && '!px-1.5');
-    const compactOnlyClass = (0, index_cjs_namespaceObject.cn)(collapse_cjs_namespaceObject.COLLAPSED_ONLY, compact && '!block');
+    const compactOnlyClass = (0, index_cjs_namespaceObject.cn)(collapse_cjs_namespaceObject.COLLAPSED_ONLY, compact && '!flex');
     const hasActions = !!onFieldTypeChange || !!onRequiredChange || showFieldActions || null != headerActions;
     if (null != label && !hasActions) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(jsx_runtime_namespaceObject.Fragment, {
         children: label
@@ -94,22 +94,21 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, fieldTyp
                                                 asChild: true,
                                                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuTrigger, {
                                                     asChild: true,
-                                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
+                                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button, {
                                                         type: "button",
+                                                        variant: "ghost",
+                                                        size: "3xs",
                                                         "aria-label": strings.fieldTypeAriaLabel,
                                                         disabled: disabled,
-                                                        className: (0, index_cjs_namespaceObject.cn)('flex h-7 items-center gap-1 rounded-lg px-2 text-[11px] text-foreground-subtle transition hover:bg-surface-overlay hover:text-foreground disabled:pointer-events-none disabled:opacity-50', collapsedPaddingClass),
+                                                        className: (0, index_cjs_namespaceObject.cn)('gap-1', collapse_cjs_namespaceObject.FIELD_ACTION_CLASS),
                                                         children: [
-                                                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(typeMeta.icon, {
-                                                                size: 12
-                                                            }),
+                                                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(typeMeta.icon, {}),
                                                             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
                                                                 className: collapsedTextClass,
                                                                 children: typeLabel
                                                             }),
                                                             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDown, {
-                                                                size: 9,
-                                                                className: collapsedTextClass
+                                                                className: (0, index_cjs_namespaceObject.cn)('!size-2.5', collapsedTextClass)
                                                             })
                                                         ]
                                                     })
@@ -178,14 +177,15 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, fieldTyp
                                                             asChild: true,
                                                             children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_popover_cjs_namespaceObject.PopoverTrigger, {
                                                                 asChild: true,
-                                                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                                                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
                                                                     type: "button",
+                                                                    variant: "ghost",
+                                                                    size: "3xs",
+                                                                    icon: true,
                                                                     "aria-label": required ? strings.requiredAriaLabel : strings.optionalAriaLabel,
                                                                     disabled: disabled,
-                                                                    className: "grid size-7 place-items-center rounded-lg text-foreground-subtle transition hover:bg-surface-overlay hover:text-foreground disabled:pointer-events-none disabled:opacity-50",
-                                                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Asterisk, {
-                                                                        size: 12
-                                                                    })
+                                                                    className: collapse_cjs_namespaceObject.FIELD_ACTION_CLASS,
+                                                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Asterisk, {})
                                                                 })
                                                             })
                                                         }),

package/dist/components/ui/quick-form-field/components/field-header.js

@@ -1,6 +1,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Asterisk, ChevronDown } from "lucide-react";
 import { useMemo } from "react";
+import { Button } from "../../button.js";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../../dropdown-menu.js";
 import { FormFieldHeader } from "../../form-field.js";
 import { Popover, PopoverContent, PopoverTrigger } from "../../popover.js";
@@ -8,7 +9,7 @@ import { Switch } from "../../switch.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../../tooltip.js";
 import { cn } from "../../../../lib/index.js";
 import { AiAssistAction } from "../../field-actions/ai-assist-action.js";
-import { COLLAPSED_HIDDEN, COLLAPSED_ICON_PADDING, COLLAPSED_ONLY } from "../../field-actions/collapse.js";
+import { COLLAPSED_HIDDEN, COLLAPSED_ONLY, FIELD_ACTION_CLASS } from "../../field-actions/collapse.js";
 import { InsertVariableAction } from "../../field-actions/insert-variable-action.js";
 import { FIELD_TYPE_META, FIELD_TYPE_ORDER } from "../types.js";
 function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, fieldTypes = FIELD_TYPE_ORDER, onFieldTypeChange, onRequiredChange, compact, disabled, isExpression, showFieldActions, onValueChange, variables, onGenerateWithAi, onInsertVariable, strings, headerActions }) {
@@ -40,8 +41,7 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, fieldTyp
     const typeMeta = FIELD_TYPE_META[fieldType];
     const typeLabel = strings.typeLabels[fieldType] ?? typeMeta.label;
     const collapsedTextClass = cn(COLLAPSED_HIDDEN, compact && '!hidden');
-    const collapsedPaddingClass = cn(COLLAPSED_ICON_PADDING, compact && '!px-1.5');
-    const compactOnlyClass = cn(COLLAPSED_ONLY, compact && '!block');
+    const compactOnlyClass = cn(COLLAPSED_ONLY, compact && '!flex');
     const hasActions = !!onFieldTypeChange || !!onRequiredChange || showFieldActions || null != headerActions;
     if (null != label && !hasActions) return /*#__PURE__*/ jsx(Fragment, {
         children: label
@@ -66,22 +66,21 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, fieldTyp
                                                 asChild: true,
                                                 children: /*#__PURE__*/ jsx(DropdownMenuTrigger, {
                                                     asChild: true,
-                                                    children: /*#__PURE__*/ jsxs("button", {
+                                                    children: /*#__PURE__*/ jsxs(Button, {
                                                         type: "button",
+                                                        variant: "ghost",
+                                                        size: "3xs",
                                                         "aria-label": strings.fieldTypeAriaLabel,
                                                         disabled: disabled,
-                                                        className: cn('flex h-7 items-center gap-1 rounded-lg px-2 text-[11px] text-foreground-subtle transition hover:bg-surface-overlay hover:text-foreground disabled:pointer-events-none disabled:opacity-50', collapsedPaddingClass),
+                                                        className: cn('gap-1', FIELD_ACTION_CLASS),
                                                         children: [
-                                                            /*#__PURE__*/ jsx(typeMeta.icon, {
-                                                                size: 12
-                                                            }),
+                                                            /*#__PURE__*/ jsx(typeMeta.icon, {}),
                                                             /*#__PURE__*/ jsx("span", {
                                                                 className: collapsedTextClass,
                                                                 children: typeLabel
                                                             }),
                                                             /*#__PURE__*/ jsx(ChevronDown, {
-                                                                size: 9,
-                                                                className: collapsedTextClass
+                                                                className: cn('!size-2.5', collapsedTextClass)
                                                             })
                                                         ]
                                                     })
@@ -150,14 +149,15 @@ function FieldHeader({ label, fieldId, fieldLabel, required, fieldType, fieldTyp
                                                             asChild: true,
                                                             children: /*#__PURE__*/ jsx(PopoverTrigger, {
                                                                 asChild: true,
-                                                                children: /*#__PURE__*/ jsx("button", {
+                                                                children: /*#__PURE__*/ jsx(Button, {
                                                                     type: "button",
+                                                                    variant: "ghost",
+                                                                    size: "3xs",
+                                                                    icon: true,
                                                                     "aria-label": required ? strings.requiredAriaLabel : strings.optionalAriaLabel,
                                                                     disabled: disabled,
-                                                                    className: "grid size-7 place-items-center rounded-lg text-foreground-subtle transition hover:bg-surface-overlay hover:text-foreground disabled:pointer-events-none disabled:opacity-50",
-                                                                    children: /*#__PURE__*/ jsx(Asterisk, {
-                                                                        size: 12
-                                                                    })
+                                                                    className: FIELD_ACTION_CLASS,
+                                                                    children: /*#__PURE__*/ jsx(Asterisk, {})
                                                                 })
                                                             })
                                                         }),

package/dist/components/ui/tool-call.cjs

@@ -40,6 +40,7 @@ const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
 const disclosure_row_cjs_namespaceObject = require("../../lib/disclosure-row.cjs");
+const use_isomorphic_layout_effect_cjs_namespaceObject = require("../../lib/use-isomorphic-layout-effect.cjs");
 const external_collapsible_cjs_namespaceObject = require("./collapsible.cjs");
 const external_json_tree_view_index_cjs_namespaceObject = require("./json-tree-view/index.cjs");
 const DEFAULT_TOOL_CALL_STRINGS = {
@@ -70,7 +71,6 @@ function mergeStrings(overrides) {
     }
     return merged;
 }
-const useIsomorphicLayoutEffect = "u" < typeof window ? external_react_namespaceObject.useEffect : external_react_namespaceObject.useLayoutEffect;
 const TOGGLE_CLASSES = `${disclosure_row_cjs_namespaceObject.disclosureRowClassName} hover:text-foreground`;
 const toolCallVariants = (0, external_class_variance_authority_namespaceObject.cva)('group/tool-call flex w-full min-w-0 flex-col text-muted-foreground', {
     variants: {
@@ -191,7 +191,7 @@ const ToolCallHeader = /*#__PURE__*/ external_react_namespaceObject.forwardRef((
 ToolCallHeader.displayName = 'ToolCallHeader';
 const ToolCallContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>{
     const { registerContent } = useToolCallContext('ToolCallContent');
-    useIsomorphicLayoutEffect(()=>registerContent(), [
+    (0, use_isomorphic_layout_effect_cjs_namespaceObject.useIsomorphicLayoutEffect)(()=>registerContent(), [
         registerContent
     ]);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_collapsible_cjs_namespaceObject.CollapsibleContent, {

package/dist/components/ui/tool-call.js

@@ -1,9 +1,10 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { ChevronDown, ChevronRight, CircleCheck, CircleX, Clock, Loader2 } from "lucide-react";
-import { createContext, forwardRef, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useState } from "react";
+import { createContext, forwardRef, useCallback, useContext, useMemo, useState } from "react";
 import { cn } from "../../lib/index.js";
 import { disclosureRowClassName } from "../../lib/disclosure-row.js";
+import { useIsomorphicLayoutEffect } from "../../lib/use-isomorphic-layout-effect.js";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./collapsible.js";
 import { JsonTreeView, buildJsonTree, collectContainerPaths } from "./json-tree-view/index.js";
 const DEFAULT_TOOL_CALL_STRINGS = {
@@ -34,7 +35,6 @@ function mergeStrings(overrides) {
     }
     return merged;
 }
-const useIsomorphicLayoutEffect = "u" < typeof window ? useEffect : useLayoutEffect;
 const TOGGLE_CLASSES = `${disclosureRowClassName} hover:text-foreground`;
 const toolCallVariants = cva('group/tool-call flex w-full min-w-0 flex-col text-muted-foreground', {
     variants: {

package/dist/lib/clipboard.cjs

@@ -37,6 +37,7 @@ async function copyTextToClipboard(text) {
     textarea.setAttribute('readonly', '');
     textarea.style.position = 'fixed';
     textarea.style.opacity = '0';
+    const previousFocus = document.activeElement;
     document.body.appendChild(textarea);
     const selection = document.getSelection();
     const previousRange = selection && selection.rangeCount > 0 ? selection.getRangeAt(0) : null;
@@ -48,6 +49,9 @@ async function copyTextToClipboard(text) {
         copied = false;
     }
     textarea.remove();
+    if (previousFocus instanceof HTMLElement) previousFocus.focus({
+        preventScroll: true
+    });
     if (previousRange && selection) {
         selection.removeAllRanges();
         selection.addRange(previousRange);

package/dist/lib/clipboard.js

@@ -9,6 +9,7 @@ async function copyTextToClipboard(text) {
     textarea.setAttribute('readonly', '');
     textarea.style.position = 'fixed';
     textarea.style.opacity = '0';
+    const previousFocus = document.activeElement;
     document.body.appendChild(textarea);
     const selection = document.getSelection();
     const previousRange = selection && selection.rangeCount > 0 ? selection.getRangeAt(0) : null;
@@ -20,6 +21,9 @@ async function copyTextToClipboard(text) {
         copied = false;
     }
     textarea.remove();
+    if (previousFocus instanceof HTMLElement) previousFocus.focus({
+        preventScroll: true
+    });
     if (previousRange && selection) {
         selection.removeAllRanges();
         selection.addRange(previousRange);

package/dist/lib/use-ancestor-density.cjs

@@ -27,11 +27,11 @@ __webpack_require__.d(__webpack_exports__, {
     useAncestorDensity: ()=>useAncestorDensity
 });
 const external_react_namespaceObject = require("react");
-const useIsomorphicLayoutEffect = "u" < typeof window ? external_react_namespaceObject.useEffect : external_react_namespaceObject.useLayoutEffect;
+const external_use_isomorphic_layout_effect_cjs_namespaceObject = require("./use-isomorphic-layout-effect.cjs");
 function useAncestorDensity(node, enabled) {
     const [density, setDensity] = external_react_namespaceObject.useState(void 0);
     const watched = external_react_namespaceObject.useRef(null);
-    useIsomorphicLayoutEffect(()=>{
+    (0, external_use_isomorphic_layout_effect_cjs_namespaceObject.useIsomorphicLayoutEffect)(()=>{
         const ancestor = enabled && node.current?.parentElement?.closest('[data-density="compact"]') || null;
         setDensity(ancestor ? 'compact' : void 0);
         if (watched.current?.ancestor === ancestor) return;

package/dist/lib/use-ancestor-density.js

@@ -1,5 +1,5 @@
-import { useEffect, useLayoutEffect, useRef, useState } from "react";
-const useIsomorphicLayoutEffect = "u" < typeof window ? useEffect : useLayoutEffect;
+import { useEffect, useRef, useState } from "react";
+import { useIsomorphicLayoutEffect } from "./use-isomorphic-layout-effect.js";
 function useAncestorDensity(node, enabled) {
     const [density, setDensity] = useState(void 0);
     const watched = useRef(null);

package/dist/lib/use-isomorphic-layout-effect.cjs

@@ -0,0 +1,37 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    useIsomorphicLayoutEffect: ()=>useIsomorphicLayoutEffect
+});
+const external_react_namespaceObject = require("react");
+const useIsomorphicLayoutEffect = "u" < typeof window ? external_react_namespaceObject.useEffect : external_react_namespaceObject.useLayoutEffect;
+exports.useIsomorphicLayoutEffect = __webpack_exports__.useIsomorphicLayoutEffect;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "useIsomorphicLayoutEffect"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/lib/use-isomorphic-layout-effect.d.ts

@@ -0,0 +1,3 @@
+import { useEffect } from 'react';
+/** `useLayoutEffect` in the browser, `useEffect` on the server (avoids React's SSR warning). */
+export declare const useIsomorphicLayoutEffect: typeof useEffect;

package/dist/lib/use-isomorphic-layout-effect.js

@@ -0,0 +1,3 @@
+import { useEffect, useLayoutEffect } from "react";
+const useIsomorphicLayoutEffect = "u" < typeof window ? useEffect : useLayoutEffect;
+export { useIsomorphicLayoutEffect };