@uipath/apollo-wind 2.23.0 → 2.25.0

package/dist/components/ui/prompt-editor/utils/serialization.js

@@ -0,0 +1,200 @@
+import { $createLineBreakNode, $createParagraphNode, $createTextNode, $getRoot, $isLineBreakNode, $isParagraphNode, $isRangeSelection, $isTextNode } from "lexical";
+import { createInputTokenNode, createOutputTokenNode, createResourceTokenNode, createStateTokenNode, isInputTokenNode, isOutputTokenNode, isResourceTokenNode, isStateTokenNode } from "../nodes/index.js";
+const WORD_JOINER = '\u2060';
+const appendTextToken = (tokens, raw)=>{
+    const text = raw.split(WORD_JOINER).join('');
+    if (!text) return;
+    const lastToken = tokens[tokens.length - 1];
+    if (lastToken && 'text' === lastToken.type) lastToken.value += text;
+    else tokens.push({
+        type: 'text',
+        value: text
+    });
+};
+const $getEditorTokensInternal = ()=>{
+    const root = $getRoot();
+    const tokens = [];
+    const addText = (raw)=>appendTextToken(tokens, raw);
+    const traverseChildren = (children)=>{
+        for (const node of children)if ($isTextNode(node)) addText(node.getTextContent());
+        else if ($isLineBreakNode(node)) addText('\n');
+        else if (isInputTokenNode(node)) tokens.push({
+            type: 'input',
+            value: node.getValue()
+        });
+        else if (isOutputTokenNode(node)) tokens.push({
+            type: 'output',
+            value: node.getValue()
+        });
+        else if (isStateTokenNode(node)) tokens.push({
+            type: 'state',
+            value: node.getValue()
+        });
+        else if (isResourceTokenNode(node)) tokens.push({
+            type: 'resource',
+            value: node.getValue()
+        });
+    };
+    const paragraphs = root.getChildren();
+    for(let i = 0; i < paragraphs.length; i++){
+        const paragraph = paragraphs[i];
+        if ($isParagraphNode(paragraph)) {
+            traverseChildren(paragraph.getChildren());
+            if (i < paragraphs.length - 1) addText('\n');
+        }
+    }
+    return tokens;
+};
+const $setEditorTokensInternal = (tokens)=>{
+    if (!Array.isArray(tokens)) throw new TypeError('setEditorTokensInternal: tokens must be an array');
+    const root = $getRoot();
+    root.clear();
+    const currentParagraph = $createParagraphNode();
+    for (const token of tokens)if ('text' === token.type) {
+        const lines = token.value.split('\n');
+        for(let i = 0; i < lines.length; i++){
+            if (lines[i]) currentParagraph.append($createTextNode(lines[i]));
+            if (i < lines.length - 1) currentParagraph.append($createLineBreakNode());
+        }
+    } else {
+        let node;
+        switch(token.type){
+            case 'input':
+                node = createInputTokenNode(token.value);
+                break;
+            case 'output':
+                node = createOutputTokenNode(token.value);
+                break;
+            case 'state':
+                node = createStateTokenNode(token.value);
+                break;
+            case 'resource':
+                node = createResourceTokenNode(token.value);
+                break;
+            default:
+                throw new Error(`Unknown token type: ${token.type}`);
+        }
+        currentParagraph.append(node);
+    }
+    root.append(currentParagraph);
+};
+const getEditorTokens = (editor)=>{
+    let tokens = [];
+    editor.getEditorState().read(()=>{
+        tokens = $getEditorTokensInternal();
+    });
+    return tokens;
+};
+const setEditorTokens = (editor, tokens)=>{
+    editor.update(()=>$setEditorTokensInternal(tokens), {
+        discrete: true
+    });
+};
+const tokensToClipboardString = (tokens)=>{
+    let result = '';
+    for (const token of tokens)if ('text' === token.type) result += token.value;
+    else result += `{{ ${token.value} }}`;
+    return result;
+};
+const clipboardStringToTokens = (str)=>{
+    const tokens = [];
+    let currentText = '';
+    let i = 0;
+    const flushText = ()=>{
+        if (currentText.length > 0) {
+            tokens.push({
+                type: 'text',
+                value: currentText
+            });
+            currentText = '';
+        }
+    };
+    while(i < str.length){
+        if ('{' === str[i] && i + 1 < str.length && '{' === str[i + 1]) {
+            flushText();
+            i += 2;
+            let inner = '';
+            let foundClosing = false;
+            while(i < str.length){
+                if ('}' === str[i] && i + 1 < str.length && '}' === str[i + 1]) {
+                    i += 2;
+                    foundClosing = true;
+                    break;
+                }
+                inner += str[i];
+                i++;
+            }
+            if (foundClosing && inner.trim()) tokens.push({
+                type: 'input',
+                value: inner.trim()
+            });
+            else if (foundClosing) currentText += '{{}}';
+            else currentText += `{{${inner}`;
+            continue;
+        }
+        currentText += str[i];
+        i++;
+    }
+    flushText();
+    return tokens;
+};
+const getEditorTokensFromSelection = (selection)=>{
+    if (!$isRangeSelection(selection)) return [];
+    if (selection.isCollapsed()) return [];
+    const tokens = [];
+    const addText = (raw)=>appendTextToken(tokens, raw);
+    const selectedNodes = selection.getNodes();
+    const anchorKey = selection.anchor.key;
+    const focusKey = selection.focus.key;
+    const anchorOffset = selection.anchor.offset;
+    const focusOffset = selection.focus.offset;
+    const anchorNode = selection.anchor.getNode();
+    const nodeKeys = new Set(selectedNodes.map((n)=>n.getKey()));
+    const nodesToProcess = [];
+    if ($isTextNode(anchorNode) && !nodeKeys.has(anchorKey)) nodesToProcess.push(anchorNode);
+    nodesToProcess.push(...selectedNodes);
+    if (0 === nodesToProcess.length) return [];
+    const firstSelectedNode = nodesToProcess[0];
+    const isForward = 1 === nodesToProcess.length ? anchorOffset <= focusOffset : firstSelectedNode.getKey() === anchorKey || firstSelectedNode.getParent()?.getKey() === anchorKey;
+    let prevNodeParagraph = null;
+    for (const node of nodesToProcess){
+        const nodeKey = node.getKey();
+        const nodeType = node.getType();
+        const nodeParagraph = $isParagraphNode(node) ? node : node.getParent();
+        if (prevNodeParagraph && nodeParagraph && prevNodeParagraph !== nodeParagraph) addText('\n');
+        prevNodeParagraph = nodeParagraph;
+        if (!$isParagraphNode(node)) {
+            if ('input-token' === nodeType) tokens.push({
+                type: 'input',
+                value: node.getValue()
+            });
+            else if ('output-token' === nodeType) tokens.push({
+                type: 'output',
+                value: node.getValue()
+            });
+            else if ('state-token' === nodeType) tokens.push({
+                type: 'state',
+                value: node.getValue()
+            });
+            else if ('resource-token' === nodeType) tokens.push({
+                type: 'resource',
+                value: node.getValue()
+            });
+            else if ($isTextNode(node)) {
+                const textContent = node.getTextContent();
+                let selectedText = textContent;
+                const isAnchorNode = nodeKey === anchorKey;
+                const isFocusNode = nodeKey === focusKey;
+                if (isAnchorNode && isFocusNode) {
+                    const start = Math.min(anchorOffset, focusOffset);
+                    const end = Math.max(anchorOffset, focusOffset);
+                    selectedText = textContent.slice(start, end);
+                } else if (isAnchorNode) selectedText = isForward ? textContent.slice(anchorOffset) : textContent.slice(0, anchorOffset);
+                else if (isFocusNode) selectedText = isForward ? textContent.slice(0, focusOffset) : textContent.slice(focusOffset);
+                if (selectedText) addText(selectedText);
+            } else if ($isLineBreakNode(node)) addText('\n');
+        }
+    }
+    return tokens;
+};
+export { $getEditorTokensInternal, $setEditorTokensInternal, WORD_JOINER, clipboardStringToTokens, getEditorTokens, getEditorTokensFromSelection, setEditorTokens, tokensToClipboardString };

package/dist/components/ui/tabs.cjs

@@ -24,6 +24,7 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
+    ScrollableTabsList: ()=>ScrollableTabsList,
     TabsList: ()=>TabsList,
     Tabs: ()=>Tabs,
     TabsTrigger: ()=>TabsTrigger,
@@ -31,6 +32,7 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const react_tabs_namespaceObject = require("@radix-ui/react-tabs");
+const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
 const Tabs = react_tabs_namespaceObject.Root;
@@ -40,6 +42,127 @@ const TabsList = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ clas
         ...props
     }));
 TabsList.displayName = react_tabs_namespaceObject.List.displayName;
+const ScrollableTabsList = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, containerClassName, scrollButtonClassName, previousButtonLabel = 'Scroll tabs left', nextButtonLabel = 'Scroll tabs right', ...props }, forwardedRef)=>{
+    const listRef = external_react_namespaceObject.useRef(null);
+    const [hasOverflow, setHasOverflow] = external_react_namespaceObject.useState(false);
+    const [canScrollLeft, setCanScrollLeft] = external_react_namespaceObject.useState(false);
+    const [canScrollRight, setCanScrollRight] = external_react_namespaceObject.useState(false);
+    const animationFrameRef = external_react_namespaceObject.useRef(null);
+    const revealOnNextFrameRef = external_react_namespaceObject.useRef(false);
+    external_react_namespaceObject.useImperativeHandle(forwardedRef, ()=>listRef.current);
+    const updateScrollState = external_react_namespaceObject.useCallback(()=>{
+        const list = listRef.current;
+        if (!list) return;
+        const maxScrollLeft = list.scrollWidth - list.clientWidth;
+        setHasOverflow(maxScrollLeft > 1);
+        setCanScrollLeft(list.scrollLeft > 1);
+        setCanScrollRight(list.scrollLeft < maxScrollLeft - 1);
+    }, []);
+    const revealActiveTab = external_react_namespaceObject.useCallback(()=>{
+        const list = listRef.current;
+        const activeTab = list?.querySelector('[role="tab"][data-state="active"]');
+        if (!list || !activeTab) return;
+        const listRect = list.getBoundingClientRect();
+        const activeTabRect = activeTab.getBoundingClientRect();
+        if (activeTabRect.left < listRect.left) list.scrollBy({
+            left: activeTabRect.left - listRect.left,
+            behavior: 'smooth'
+        });
+        else if (activeTabRect.right > listRect.right) list.scrollBy({
+            left: activeTabRect.right - listRect.right,
+            behavior: 'smooth'
+        });
+    }, []);
+    const scheduleLayoutUpdate = external_react_namespaceObject.useCallback((revealActive = false)=>{
+        revealOnNextFrameRef.current ||= revealActive;
+        if (null !== animationFrameRef.current) return;
+        animationFrameRef.current = requestAnimationFrame(()=>{
+            animationFrameRef.current = null;
+            updateScrollState();
+            if (revealOnNextFrameRef.current) {
+                revealOnNextFrameRef.current = false;
+                revealActiveTab();
+            }
+        });
+    }, [
+        revealActiveTab,
+        updateScrollState
+    ]);
+    external_react_namespaceObject.useEffect(()=>{
+        const list = listRef.current;
+        if (!list) return;
+        list.scrollLeft = 0;
+        scheduleLayoutUpdate(true);
+        const handleScroll = ()=>scheduleLayoutUpdate();
+        list.addEventListener('scroll', handleScroll);
+        const resizeObserver = new ResizeObserver(()=>scheduleLayoutUpdate(true));
+        resizeObserver.observe(list);
+        const mutationObserver = new MutationObserver((mutations)=>{
+            if (mutations.some((mutation)=>'childList' === mutation.type || 'data-state' === mutation.attributeName)) scheduleLayoutUpdate(true);
+        });
+        mutationObserver.observe(list, {
+            attributes: true,
+            attributeFilter: [
+                'data-state'
+            ],
+            childList: true,
+            subtree: true
+        });
+        return ()=>{
+            list.removeEventListener('scroll', handleScroll);
+            resizeObserver.disconnect();
+            mutationObserver.disconnect();
+            if (null !== animationFrameRef.current) {
+                cancelAnimationFrame(animationFrameRef.current);
+                animationFrameRef.current = null;
+            }
+        };
+    }, [
+        scheduleLayoutUpdate
+    ]);
+    const scroll = (direction)=>{
+        const list = listRef.current;
+        if (!list) return;
+        list.scrollBy({
+            left: 'left' === direction ? -list.clientWidth : list.clientWidth,
+            behavior: 'smooth'
+        });
+    };
+    const scrollButtonClass = (0, index_cjs_namespaceObject.cn)('grid size-8 shrink-0 place-items-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground disabled:pointer-events-none disabled:opacity-30', scrollButtonClassName);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        className: (0, index_cjs_namespaceObject.cn)('flex w-full min-w-0 items-center gap-1', containerClassName),
+        children: [
+            hasOverflow && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                type: "button",
+                "aria-label": previousButtonLabel,
+                title: previousButtonLabel,
+                disabled: !canScrollLeft,
+                onClick: ()=>scroll('left'),
+                className: scrollButtonClass,
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronLeft, {
+                    className: "size-4 rtl:rotate-180"
+                })
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TabsList, {
+                ref: listRef,
+                className: (0, index_cjs_namespaceObject.cn)('min-w-0 flex-1 justify-start overflow-x-auto [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden', className),
+                ...props
+            }),
+            hasOverflow && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                type: "button",
+                "aria-label": nextButtonLabel,
+                title: nextButtonLabel,
+                disabled: !canScrollRight,
+                onClick: ()=>scroll('right'),
+                className: scrollButtonClass,
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronRight, {
+                    className: "size-4 rtl:rotate-180"
+                })
+            })
+        ]
+    });
+});
+ScrollableTabsList.displayName = 'ScrollableTabsList';
 const TabsTrigger = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tabs_namespaceObject.Trigger, {
         ref: ref,
         className: (0, index_cjs_namespaceObject.cn)('inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm', className),
@@ -52,11 +175,13 @@ const TabsContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ c
         ...props
     }));
 TabsContent.displayName = react_tabs_namespaceObject.Content.displayName;
+exports.ScrollableTabsList = __webpack_exports__.ScrollableTabsList;
 exports.Tabs = __webpack_exports__.Tabs;
 exports.TabsContent = __webpack_exports__.TabsContent;
 exports.TabsList = __webpack_exports__.TabsList;
 exports.TabsTrigger = __webpack_exports__.TabsTrigger;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "ScrollableTabsList",
     "Tabs",
     "TabsContent",
     "TabsList",

package/dist/components/ui/tabs.d.ts

@@ -2,6 +2,14 @@ import * as TabsPrimitive from '@radix-ui/react-tabs';
 import * as React from 'react';
 declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
 declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface ScrollableTabsListProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.List> {
+    containerClassName?: string;
+    scrollButtonClassName?: string;
+    previousButtonLabel?: string;
+    nextButtonLabel?: string;
+}
+declare const ScrollableTabsList: React.ForwardRefExoticComponent<ScrollableTabsListProps & React.RefAttributes<HTMLDivElement>>;
 declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { Tabs, TabsList, TabsTrigger, TabsContent };
+export { ScrollableTabsList, Tabs, TabsContent, TabsList, TabsTrigger };
+export type { ScrollableTabsListProps };

package/dist/components/ui/tabs.js

@@ -1,6 +1,7 @@
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Content, List, Root, Trigger } from "@radix-ui/react-tabs";
-import { forwardRef } from "react";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from "react";
 import { cn } from "../../lib/index.js";
 const Tabs = Root;
 const TabsList = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(List, {
@@ -9,6 +10,127 @@ const TabsList = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__P
         ...props
     }));
 TabsList.displayName = List.displayName;
+const ScrollableTabsList = /*#__PURE__*/ forwardRef(({ className, containerClassName, scrollButtonClassName, previousButtonLabel = 'Scroll tabs left', nextButtonLabel = 'Scroll tabs right', ...props }, forwardedRef)=>{
+    const listRef = useRef(null);
+    const [hasOverflow, setHasOverflow] = useState(false);
+    const [canScrollLeft, setCanScrollLeft] = useState(false);
+    const [canScrollRight, setCanScrollRight] = useState(false);
+    const animationFrameRef = useRef(null);
+    const revealOnNextFrameRef = useRef(false);
+    useImperativeHandle(forwardedRef, ()=>listRef.current);
+    const updateScrollState = useCallback(()=>{
+        const list = listRef.current;
+        if (!list) return;
+        const maxScrollLeft = list.scrollWidth - list.clientWidth;
+        setHasOverflow(maxScrollLeft > 1);
+        setCanScrollLeft(list.scrollLeft > 1);
+        setCanScrollRight(list.scrollLeft < maxScrollLeft - 1);
+    }, []);
+    const revealActiveTab = useCallback(()=>{
+        const list = listRef.current;
+        const activeTab = list?.querySelector('[role="tab"][data-state="active"]');
+        if (!list || !activeTab) return;
+        const listRect = list.getBoundingClientRect();
+        const activeTabRect = activeTab.getBoundingClientRect();
+        if (activeTabRect.left < listRect.left) list.scrollBy({
+            left: activeTabRect.left - listRect.left,
+            behavior: 'smooth'
+        });
+        else if (activeTabRect.right > listRect.right) list.scrollBy({
+            left: activeTabRect.right - listRect.right,
+            behavior: 'smooth'
+        });
+    }, []);
+    const scheduleLayoutUpdate = useCallback((revealActive = false)=>{
+        revealOnNextFrameRef.current ||= revealActive;
+        if (null !== animationFrameRef.current) return;
+        animationFrameRef.current = requestAnimationFrame(()=>{
+            animationFrameRef.current = null;
+            updateScrollState();
+            if (revealOnNextFrameRef.current) {
+                revealOnNextFrameRef.current = false;
+                revealActiveTab();
+            }
+        });
+    }, [
+        revealActiveTab,
+        updateScrollState
+    ]);
+    useEffect(()=>{
+        const list = listRef.current;
+        if (!list) return;
+        list.scrollLeft = 0;
+        scheduleLayoutUpdate(true);
+        const handleScroll = ()=>scheduleLayoutUpdate();
+        list.addEventListener('scroll', handleScroll);
+        const resizeObserver = new ResizeObserver(()=>scheduleLayoutUpdate(true));
+        resizeObserver.observe(list);
+        const mutationObserver = new MutationObserver((mutations)=>{
+            if (mutations.some((mutation)=>'childList' === mutation.type || 'data-state' === mutation.attributeName)) scheduleLayoutUpdate(true);
+        });
+        mutationObserver.observe(list, {
+            attributes: true,
+            attributeFilter: [
+                'data-state'
+            ],
+            childList: true,
+            subtree: true
+        });
+        return ()=>{
+            list.removeEventListener('scroll', handleScroll);
+            resizeObserver.disconnect();
+            mutationObserver.disconnect();
+            if (null !== animationFrameRef.current) {
+                cancelAnimationFrame(animationFrameRef.current);
+                animationFrameRef.current = null;
+            }
+        };
+    }, [
+        scheduleLayoutUpdate
+    ]);
+    const scroll = (direction)=>{
+        const list = listRef.current;
+        if (!list) return;
+        list.scrollBy({
+            left: 'left' === direction ? -list.clientWidth : list.clientWidth,
+            behavior: 'smooth'
+        });
+    };
+    const scrollButtonClass = cn('grid size-8 shrink-0 place-items-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground disabled:pointer-events-none disabled:opacity-30', scrollButtonClassName);
+    return /*#__PURE__*/ jsxs("div", {
+        className: cn('flex w-full min-w-0 items-center gap-1', containerClassName),
+        children: [
+            hasOverflow && /*#__PURE__*/ jsx("button", {
+                type: "button",
+                "aria-label": previousButtonLabel,
+                title: previousButtonLabel,
+                disabled: !canScrollLeft,
+                onClick: ()=>scroll('left'),
+                className: scrollButtonClass,
+                children: /*#__PURE__*/ jsx(ChevronLeft, {
+                    className: "size-4 rtl:rotate-180"
+                })
+            }),
+            /*#__PURE__*/ jsx(TabsList, {
+                ref: listRef,
+                className: cn('min-w-0 flex-1 justify-start overflow-x-auto [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden', className),
+                ...props
+            }),
+            hasOverflow && /*#__PURE__*/ jsx("button", {
+                type: "button",
+                "aria-label": nextButtonLabel,
+                title: nextButtonLabel,
+                disabled: !canScrollRight,
+                onClick: ()=>scroll('right'),
+                className: scrollButtonClass,
+                children: /*#__PURE__*/ jsx(ChevronRight, {
+                    className: "size-4 rtl:rotate-180"
+                })
+            })
+        ]
+    });
+});
+ScrollableTabsList.displayName = 'ScrollableTabsList';
 const TabsTrigger = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Trigger, {
         ref: ref,
         className: cn('inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm', className),
@@ -21,4 +143,4 @@ const TabsContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#
         ...props
     }));
 TabsContent.displayName = Content.displayName;
-export { Tabs, TabsContent, TabsList, TabsTrigger };
+export { ScrollableTabsList, Tabs, TabsContent, TabsList, TabsTrigger };

package/dist/index.cjs

@@ -67,8 +67,9 @@ __webpack_require__.d(__webpack_exports__, {
     CommandSeparator: ()=>command_cjs_namespaceObject.CommandSeparator,
     FormFieldRenderer: ()=>field_renderer_cjs_namespaceObject.FormFieldRenderer,
     EditableCell: ()=>editable_cell_cjs_namespaceObject.EditableCell,
+    PromptEditor: ()=>index_cjs_namespaceObject.PromptEditor,
+    ScrollableTabsList: ()=>tabs_cjs_namespaceObject.ScrollableTabsList,
     Spinner: ()=>spinner_cjs_namespaceObject.Spinner,
-    buttonVariants: ()=>button_cjs_namespaceObject.buttonVariants,
     SheetOverlay: ()=>sheet_cjs_namespaceObject.SheetOverlay,
     AlertDialogPortal: ()=>alert_dialog_cjs_namespaceObject.AlertDialogPortal,
     DropdownMenuGroup: ()=>dropdown_menu_cjs_namespaceObject.DropdownMenuGroup,
@@ -76,6 +77,7 @@ __webpack_require__.d(__webpack_exports__, {
     TabsList: ()=>tabs_cjs_namespaceObject.TabsList,
     ContextMenuItem: ()=>context_menu_cjs_namespaceObject.ContextMenuItem,
     TooltipContent: ()=>tooltip_cjs_namespaceObject.TooltipContent,
+    buttonVariants: ()=>button_cjs_namespaceObject.buttonVariants,
     TableBody: ()=>table_cjs_namespaceObject.TableBody,
     AvatarImage: ()=>avatar_cjs_namespaceObject.AvatarImage,
     RuleBuilder: ()=>rules_engine_cjs_namespaceObject.RuleBuilder,
@@ -129,6 +131,7 @@ __webpack_require__.d(__webpack_exports__, {
     TooltipProvider: ()=>tooltip_cjs_namespaceObject.TooltipProvider,
     DataFetcher: ()=>data_fetcher_cjs_namespaceObject.DataFetcher,
     DialogPortal: ()=>dialog_cjs_namespaceObject.DialogPortal,
+    VARIABLE_DRAG_MIME: ()=>index_cjs_namespaceObject.VARIABLE_DRAG_MIME,
     analyticsPlugin: ()=>form_plugins_cjs_namespaceObject.analyticsPlugin,
     cn: ()=>utils_cjs_namespaceObject.cn,
     DropdownMenuSub: ()=>dropdown_menu_cjs_namespaceObject.DropdownMenuSub,
@@ -276,6 +279,7 @@ const table_cjs_namespaceObject = require("./components/ui/table.cjs");
 const data_table_cjs_namespaceObject = require("./components/ui/data-table.cjs");
 const editable_cell_cjs_namespaceObject = require("./components/ui/editable-cell.cjs");
 const progress_cjs_namespaceObject = require("./components/ui/progress.cjs");
+const index_cjs_namespaceObject = require("./components/ui/prompt-editor/index.cjs");
 const skeleton_cjs_namespaceObject = require("./components/ui/skeleton.cjs");
 const spinner_cjs_namespaceObject = require("./components/ui/spinner.cjs");
 const empty_state_cjs_namespaceObject = require("./components/ui/empty-state.cjs");
@@ -442,6 +446,7 @@ exports.PopoverAnchor = __webpack_exports__.PopoverAnchor;
 exports.PopoverContent = __webpack_exports__.PopoverContent;
 exports.PopoverTrigger = __webpack_exports__.PopoverTrigger;
 exports.Progress = __webpack_exports__.Progress;
+exports.PromptEditor = __webpack_exports__.PromptEditor;
 exports.RadioGroup = __webpack_exports__.RadioGroup;
 exports.RadioGroupItem = __webpack_exports__.RadioGroupItem;
 exports.ResizableHandle = __webpack_exports__.ResizableHandle;
@@ -452,6 +457,7 @@ exports.RuleBuilder = __webpack_exports__.RuleBuilder;
 exports.RulesEngine = __webpack_exports__.RulesEngine;
 exports.ScrollArea = __webpack_exports__.ScrollArea;
 exports.ScrollBar = __webpack_exports__.ScrollBar;
+exports.ScrollableTabsList = __webpack_exports__.ScrollableTabsList;
 exports.Search = __webpack_exports__.Search;
 exports.SearchWithSuggestions = __webpack_exports__.SearchWithSuggestions;
 exports.Select = __webpack_exports__.Select;
@@ -504,6 +510,7 @@ exports.TooltipPortal = __webpack_exports__.TooltipPortal;
 exports.TooltipProvider = __webpack_exports__.TooltipProvider;
 exports.TooltipTrigger = __webpack_exports__.TooltipTrigger;
 exports.TreeView = __webpack_exports__.TreeView;
+exports.VARIABLE_DRAG_MIME = __webpack_exports__.VARIABLE_DRAG_MIME;
 exports.analyticsPlugin = __webpack_exports__.analyticsPlugin;
 exports.auditPlugin = __webpack_exports__.auditPlugin;
 exports.autoSavePlugin = __webpack_exports__.autoSavePlugin;
@@ -654,6 +661,7 @@ for(var __rspack_i in __webpack_exports__)if (-1 === [
     "PopoverContent",
     "PopoverTrigger",
     "Progress",
+    "PromptEditor",
     "RadioGroup",
     "RadioGroupItem",
     "ResizableHandle",
@@ -664,6 +672,7 @@ for(var __rspack_i in __webpack_exports__)if (-1 === [
     "RulesEngine",
     "ScrollArea",
     "ScrollBar",
+    "ScrollableTabsList",
     "Search",
     "SearchWithSuggestions",
     "Select",
@@ -716,6 +725,7 @@ for(var __rspack_i in __webpack_exports__)if (-1 === [
     "TooltipProvider",
     "TooltipTrigger",
     "TreeView",
+    "VARIABLE_DRAG_MIME",
     "analyticsPlugin",
     "auditPlugin",
     "autoSavePlugin",

package/dist/index.d.ts

@@ -44,6 +44,8 @@ export type { DataTableProps } from './components/ui/data-table';
 export { EditableCell, createEditableColumn, } from './components/ui/editable-cell';
 export type { EditableCellMeta, EditableCellType, } from './components/ui/editable-cell';
 export { Progress } from './components/ui/progress';
+export { PromptEditor, VARIABLE_DRAG_MIME } from './components/ui/prompt-editor';
+export type { PromptEditorAutoCompleteOption, PromptEditorMode, PromptEditorProps, PromptEditorRef, PromptEditorToken, PromptEditorTokenType, } from './components/ui/prompt-editor';
 export { Skeleton } from './components/ui/skeleton';
 export { Spinner, spinnerVariants } from './components/ui/spinner';
 export type { SpinnerProps } from './components/ui/spinner';
@@ -59,7 +61,8 @@ export { Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger
 export { HoverCard, HoverCardContent, HoverCardTrigger, } from './components/ui/hover-card';
 export { Alert, AlertDescription, AlertTitle } from './components/ui/alert';
 export { toast, Toaster } from './components/ui/sonner';
-export { Tabs, TabsContent, TabsList, TabsTrigger } from './components/ui/tabs';
+export { ScrollableTabsList, Tabs, TabsContent, TabsList, TabsTrigger, } from './components/ui/tabs';
+export type { ScrollableTabsListProps } from './components/ui/tabs';
 export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from './components/ui/breadcrumb';
 export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, } from './components/ui/pagination';
 export { Stepper } from './components/ui/stepper';

package/dist/index.js

@@ -29,6 +29,7 @@ import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, Tabl
 import { DataTable, DataTableColumnHeader, DataTableSelectColumn } from "./components/ui/data-table.js";
 import { EditableCell, createEditableColumn } from "./components/ui/editable-cell.js";
 import { Progress } from "./components/ui/progress.js";
+import { PromptEditor, VARIABLE_DRAG_MIME } from "./components/ui/prompt-editor/index.js";
 import { Skeleton } from "./components/ui/skeleton.js";
 import { Spinner, spinnerVariants } from "./components/ui/spinner.js";
 import { EmptyState } from "./components/ui/empty-state.js";
@@ -41,7 +42,7 @@ import { Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger
 import { HoverCard, HoverCardContent, HoverCardTrigger } from "./components/ui/hover-card.js";
 import { Alert, AlertDescription, AlertTitle } from "./components/ui/alert.js";
 import { Toaster, toast } from "./components/ui/sonner.js";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "./components/ui/tabs.js";
+import { ScrollableTabsList, Tabs, TabsContent, TabsList, TabsTrigger } from "./components/ui/tabs.js";
 import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "./components/ui/breadcrumb.js";
 import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "./components/ui/pagination.js";
 import { Stepper } from "./components/ui/stepper.js";
@@ -62,4 +63,4 @@ import { ExpressionBuilder, RuleBuilder, RulesEngine } from "./components/forms/
 import { DataFetcher, DataSourceBuilder, DataTransformers, FetchAdapter } from "./components/forms/data-fetcher.js";
 import { analyticsPlugin, auditPlugin, autoSavePlugin, formattingPlugin, validationPlugin, workflowPlugin } from "./components/forms/form-plugins.js";
 import { hasMinMaxStep, hasOptions, isCustomField, isFileField } from "./components/forms/form-schema.js";
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Column, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataFetcher, DataSourceBuilder, DataTable, DataTableColumnHeader, DataTableSelectColumn, DataTransformers, DatePicker, DateTimePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditableCell, EmptyState, ExpressionBuilder, FetchAdapter, FileUpload, FormDesigner, FormFieldRenderer, FormStateViewer, Grid, HoverCard, HoverCardContent, HoverCardTrigger, Input, Label, MetadataForm, MultiSelect, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, Row, RuleBuilder, RulesEngine, ScrollArea, ScrollBar, Search, SearchWithSuggestions, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, Spinner, StatsCard, Stepper, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, tree_view as TreeView, analyticsPlugin, auditPlugin, autoSavePlugin, badgeVariants, buttonVariants, cn, createEditableColumn, formattingPlugin, hasMinMaxStep, hasOptions, isCustomField, isFileField, spinnerVariants, toast, toggleVariants, validationPlugin, workflowPlugin };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Column, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataFetcher, DataSourceBuilder, DataTable, DataTableColumnHeader, DataTableSelectColumn, DataTransformers, DatePicker, DateTimePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditableCell, EmptyState, ExpressionBuilder, FetchAdapter, FileUpload, FormDesigner, FormFieldRenderer, FormStateViewer, Grid, HoverCard, HoverCardContent, HoverCardTrigger, Input, Label, MetadataForm, MultiSelect, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, PromptEditor, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, Row, RuleBuilder, RulesEngine, ScrollArea, ScrollBar, ScrollableTabsList, Search, SearchWithSuggestions, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, Spinner, StatsCard, Stepper, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, tree_view as TreeView, VARIABLE_DRAG_MIME, analyticsPlugin, auditPlugin, autoSavePlugin, badgeVariants, buttonVariants, cn, createEditableColumn, formattingPlugin, hasMinMaxStep, hasOptions, isCustomField, isFileField, spinnerVariants, toast, toggleVariants, validationPlugin, workflowPlugin };