@uipath/apollo-wind 2.31.0 → 2.32.0

package/dist/components/custom/panel-flow.cjs

@@ -30,11 +30,11 @@ __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_chat_composer_cjs_namespaceObject = require("./chat-composer.cjs");
 const avatar_cjs_namespaceObject = require("../ui/avatar.cjs");
 const collapsible_cjs_namespaceObject = require("../ui/collapsible.cjs");
 const tooltip_cjs_namespaceObject = require("../ui/tooltip.cjs");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
-const external_chat_composer_cjs_namespaceObject = require("./chat-composer.cjs");
 function UiPathLogo() {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         className: "flex h-9 w-9 items-center justify-center overflow-clip rounded-lg bg-[#0092b8] shadow-sm",
@@ -173,7 +173,7 @@ function ToolCard({ card }) {
                             }),
                             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
                                 className: "flex flex-col gap-3",
-                                children: card.items.map((item, i)=>{
+                                children: card.items.map((item, index)=>{
                                     const Icon = toolIconMap[item.icon];
                                     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
                                         className: "flex items-start gap-2.5 pl-4 pr-9",
@@ -198,7 +198,7 @@ function ToolCard({ card }) {
                                                 ]
                                             })
                                         ]
-                                    }, i);
+                                    }, item.id ?? `${item.icon}-${item.title}-${item.description}-${index}`);
                                 })
                             })
                         ]

package/dist/components/custom/panel-flow.d.ts

@@ -5,6 +5,8 @@ export interface FlowPanelNavItem {
     icon: React.ReactNode;
 }
 export interface FlowPanelToolItem {
+    /** Stable identifier used when rendering dynamic tool lists. */
+    id?: string;
     icon: 'search' | 'bot';
     title: string;
     description: string;

package/dist/components/custom/panel-flow.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Bot, Brain, ChevronUp, Copy, House, MessageCircle, PanelRightOpen, RefreshCcw, Search, ThumbsDown, ThumbsUp, Workflow } from "lucide-react";
 import { useState } from "react";
+import { ChatComposer } from "./chat-composer.js";
 import { Avatar, AvatarFallback } from "../ui/avatar.js";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../ui/collapsible.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../ui/tooltip.js";
 import { cn } from "../../lib/index.js";
-import { ChatComposer } from "./chat-composer.js";
 function UiPathLogo() {
     return /*#__PURE__*/ jsx("div", {
         className: "flex h-9 w-9 items-center justify-center overflow-clip rounded-lg bg-[#0092b8] shadow-sm",
@@ -144,7 +144,7 @@ function ToolCard({ card }) {
                             }),
                             /*#__PURE__*/ jsx("div", {
                                 className: "flex flex-col gap-3",
-                                children: card.items.map((item, i)=>{
+                                children: card.items.map((item, index)=>{
                                     const Icon = toolIconMap[item.icon];
                                     return /*#__PURE__*/ jsxs("div", {
                                         className: "flex items-start gap-2.5 pl-4 pr-9",
@@ -169,7 +169,7 @@ function ToolCard({ card }) {
                                                 ]
                                             })
                                         ]
-                                    }, i);
+                                    }, item.id ?? `${item.icon}-${item.title}-${item.description}-${index}`);
                                 })
                             })
                         ]

package/dist/components/ui/file-upload.cjs

@@ -32,7 +32,7 @@ const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
 const external_button_cjs_namespaceObject = require("./button.cjs");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
-function FileUpload({ onFilesChange, accept, multiple = false, disabled = false, maxSize, className, showPreview = false, errors }) {
+function FileUpload({ id, ariaLabel, onFilesChange, accept, multiple = false, disabled = false, maxSize, className, showPreview = false, errors, onBlur }) {
     const [files, setFiles] = external_react_namespaceObject.useState([]);
     const [isDragging, setIsDragging] = external_react_namespaceObject.useState(false);
     const [fileErrors, setFileErrors] = external_react_namespaceObject.useState(new Map());
@@ -160,13 +160,29 @@ function FileUpload({ onFilesChange, accept, multiple = false, disabled = false,
         const i = Math.floor(Math.log(bytes) / Math.log(k));
         return Math.round(bytes / k ** i * 100) / 100 + ' ' + sizes[i];
     };
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-        className: (0, index_cjs_namespaceObject.cn)('w-full', className),
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("fieldset", {
+        className: (0, index_cjs_namespaceObject.cn)('m-0 min-w-0 w-full border-0 p-0', className),
+        onBlur: (event)=>{
+            if (!event.currentTarget.contains(event.relatedTarget)) onBlur?.(event);
+        },
         children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("input", {
+                ref: inputRef,
+                id: id,
+                type: "file",
+                className: "hidden",
+                accept: accept,
+                multiple: multiple,
+                disabled: disabled,
+                onChange: handleInputChange,
+                "aria-label": id ? void 0 : ariaLabel ?? 'File upload'
+            }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                role: "group",
-                "aria-label": "File upload area",
-                className: (0, index_cjs_namespaceObject.cn)('relative flex flex-col items-center justify-center w-full h-32 px-4 py-6 border-2 border-dashed rounded-lg cursor-pointer transition-colors', 'future:rounded-xl', isDragging ? 'border-primary bg-primary/5' : 'border-input bg-background hover:bg-accent/50 future:border-border future:bg-surface-raised future:hover:bg-surface-overlay', disabled && 'opacity-50 cursor-not-allowed hover:bg-background future:hover:bg-surface-raised'),
+                role: "button",
+                "aria-label": ariaLabel ?? 'File upload area',
+                "aria-disabled": disabled,
+                tabIndex: disabled ? -1 : 0,
+                className: (0, index_cjs_namespaceObject.cn)('relative flex flex-col items-center justify-center w-full h-32 px-4 py-6 border-2 border-dashed rounded-lg cursor-pointer transition-colors', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background', 'future:rounded-xl', isDragging ? 'border-primary bg-primary/5' : 'border-input bg-background hover:bg-accent/50 future:border-border future:bg-surface-raised future:hover:bg-surface-overlay', disabled && 'opacity-50 cursor-not-allowed hover:bg-background future:hover:bg-surface-raised'),
                 onDragEnter: handleDragEnter,
                 onDragOver: handleDragOver,
                 onDragLeave: handleDragLeave,
@@ -179,16 +195,6 @@ function FileUpload({ onFilesChange, accept, multiple = false, disabled = false,
                     }
                 },
                 children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("input", {
-                        ref: inputRef,
-                        type: "file",
-                        className: "hidden",
-                        accept: accept,
-                        multiple: multiple,
-                        disabled: disabled,
-                        onChange: handleInputChange,
-                        "aria-label": "File upload"
-                    }),
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Upload, {
                         className: "w-8 h-8 mb-2 text-muted-foreground"
                     }),

package/dist/components/ui/file-upload.d.ts

@@ -1,4 +1,21 @@
+import * as React from 'react';
 export interface FileUploadProps {
+    /**
+     * Applied to the underlying `<input type="file">`, so an external
+     * `<label htmlFor>` can activate it (click-to-open) like any other labelable
+     * control. The dropzone itself is a `div[role=button]`, which isn't labelable,
+     * hence `ariaLabel` below for naming that part.
+     */
+    id?: string;
+    /**
+     * Names the dropzone (`div[role=button]`, not a labelable element, so a
+     * surrounding `<label htmlFor>` can't associate with it -- pass the field's
+     * visible label text here instead). Also names the `<input type="file">`
+     * itself when `id` is omitted; when `id` is provided, an external
+     * `<label htmlFor>` names the input instead (aria-label would otherwise
+     * override it in the accessible-name computation).
+     */
+    ariaLabel?: string;
     onFilesChange?: (files: File[]) => void;
     accept?: string;
     multiple?: boolean;
@@ -8,5 +25,6 @@ export interface FileUploadProps {
     showPreview?: boolean;
     /** External errors keyed by filename. Use this to set errors from outside (e.g., upload failures). */
     errors?: Record<string, string>;
+    onBlur?: React.FocusEventHandler<HTMLFieldSetElement>;
 }
-export declare function FileUpload({ onFilesChange, accept, multiple, disabled, maxSize, className, showPreview, errors, }: FileUploadProps): import("react/jsx-runtime").JSX.Element;
+export declare function FileUpload({ id, ariaLabel, onFilesChange, accept, multiple, disabled, maxSize, className, showPreview, errors, onBlur, }: FileUploadProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/file-upload.js

@@ -4,7 +4,7 @@ import { Upload, X } from "lucide-react";
 import { useRef, useState } from "react";
 import { Button } from "./button.js";
 import { cn } from "../../lib/index.js";
-function FileUpload({ onFilesChange, accept, multiple = false, disabled = false, maxSize, className, showPreview = false, errors }) {
+function FileUpload({ id, ariaLabel, onFilesChange, accept, multiple = false, disabled = false, maxSize, className, showPreview = false, errors, onBlur }) {
     const [files, setFiles] = useState([]);
     const [isDragging, setIsDragging] = useState(false);
     const [fileErrors, setFileErrors] = useState(new Map());
@@ -132,13 +132,29 @@ function FileUpload({ onFilesChange, accept, multiple = false, disabled = false,
         const i = Math.floor(Math.log(bytes) / Math.log(k));
         return Math.round(bytes / k ** i * 100) / 100 + ' ' + sizes[i];
     };
-    return /*#__PURE__*/ jsxs("div", {
-        className: cn('w-full', className),
+    return /*#__PURE__*/ jsxs("fieldset", {
+        className: cn('m-0 min-w-0 w-full border-0 p-0', className),
+        onBlur: (event)=>{
+            if (!event.currentTarget.contains(event.relatedTarget)) onBlur?.(event);
+        },
         children: [
+            /*#__PURE__*/ jsx("input", {
+                ref: inputRef,
+                id: id,
+                type: "file",
+                className: "hidden",
+                accept: accept,
+                multiple: multiple,
+                disabled: disabled,
+                onChange: handleInputChange,
+                "aria-label": id ? void 0 : ariaLabel ?? 'File upload'
+            }),
             /*#__PURE__*/ jsxs("div", {
-                role: "group",
-                "aria-label": "File upload area",
-                className: cn('relative flex flex-col items-center justify-center w-full h-32 px-4 py-6 border-2 border-dashed rounded-lg cursor-pointer transition-colors', 'future:rounded-xl', isDragging ? 'border-primary bg-primary/5' : 'border-input bg-background hover:bg-accent/50 future:border-border future:bg-surface-raised future:hover:bg-surface-overlay', disabled && 'opacity-50 cursor-not-allowed hover:bg-background future:hover:bg-surface-raised'),
+                role: "button",
+                "aria-label": ariaLabel ?? 'File upload area',
+                "aria-disabled": disabled,
+                tabIndex: disabled ? -1 : 0,
+                className: cn('relative flex flex-col items-center justify-center w-full h-32 px-4 py-6 border-2 border-dashed rounded-lg cursor-pointer transition-colors', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background', 'future:rounded-xl', isDragging ? 'border-primary bg-primary/5' : 'border-input bg-background hover:bg-accent/50 future:border-border future:bg-surface-raised future:hover:bg-surface-overlay', disabled && 'opacity-50 cursor-not-allowed hover:bg-background future:hover:bg-surface-raised'),
                 onDragEnter: handleDragEnter,
                 onDragOver: handleDragOver,
                 onDragLeave: handleDragLeave,
@@ -151,16 +167,6 @@ function FileUpload({ onFilesChange, accept, multiple = false, disabled = false,
                     }
                 },
                 children: [
-                    /*#__PURE__*/ jsx("input", {
-                        ref: inputRef,
-                        type: "file",
-                        className: "hidden",
-                        accept: accept,
-                        multiple: multiple,
-                        disabled: disabled,
-                        onChange: handleInputChange,
-                        "aria-label": "File upload"
-                    }),
                     /*#__PURE__*/ jsx(Upload, {
                         className: "w-8 h-8 mb-2 text-muted-foreground"
                     }),

package/dist/components/ui/index.cjs

@@ -15,7 +15,7 @@ var __webpack_modules__ = {
     "./avatar" (module) {
         module.exports = require("./avatar.cjs");
     },
-    "@/components/ui/badge" (module) {
+    "./badge" (module) {
         module.exports = require("./badge.cjs");
     },
     "./breadcrumb" (module) {
@@ -24,16 +24,16 @@ var __webpack_modules__ = {
     "./button-group" (module) {
         module.exports = require("./button-group.cjs");
     },
-    "@/components/ui/button" (module) {
+    "./button" (module) {
         module.exports = require("./button.cjs");
     },
-    "@/components/ui/calendar" (module) {
+    "./calendar" (module) {
         module.exports = require("./calendar.cjs");
     },
     "./card" (module) {
         module.exports = require("./card.cjs");
     },
-    "@/components/ui/checkbox" (module) {
+    "./checkbox" (module) {
         module.exports = require("./checkbox.cjs");
     },
     "./collapsible" (module) {
@@ -42,7 +42,7 @@ var __webpack_modules__ = {
     "./combobox" (module) {
         module.exports = require("./combobox.cjs");
     },
-    "@/components/ui/command" (module) {
+    "./command" (module) {
         module.exports = require("./command.cjs");
     },
     "./context-menu" (module) {
@@ -63,7 +63,7 @@ var __webpack_modules__ = {
     "./dropdown-menu" (module) {
         module.exports = require("./dropdown-menu.cjs");
     },
-    "@/components/ui/editable-cell" (module) {
+    "./editable-cell" (module) {
         module.exports = require("./editable-cell.cjs");
     },
     "./empty-state" (module) {
@@ -78,7 +78,7 @@ var __webpack_modules__ = {
     "./input-group" (module) {
         module.exports = require("./input-group.cjs");
     },
-    "@/components/ui/input" (module) {
+    "./input" (module) {
         module.exports = require("./input.cjs");
     },
     "./label" (module) {
@@ -93,7 +93,7 @@ var __webpack_modules__ = {
     "./pagination" (module) {
         module.exports = require("./pagination.cjs");
     },
-    "@/components/ui/popover" (module) {
+    "./popover" (module) {
         module.exports = require("./popover.cjs");
     },
     "./progress" (module) {
@@ -150,7 +150,7 @@ var __webpack_modules__ = {
     "./tabs" (module) {
         module.exports = require("./tabs.cjs");
     },
-    "@/components/ui/textarea" (module) {
+    "./textarea" (module) {
         module.exports = require("./textarea.cjs");
     },
     "./toggle-group" (module) {
@@ -247,7 +247,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_avatar__rspack_import_4[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _badge__rspack_import_5 = __webpack_require__("@/components/ui/badge");
+    var _badge__rspack_import_5 = __webpack_require__("./badge");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _badge__rspack_import_5)if ([
         "TreeView",
@@ -261,7 +261,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_breadcrumb__rspack_import_6[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _button__rspack_import_7 = __webpack_require__("@/components/ui/button");
+    var _button__rspack_import_7 = __webpack_require__("./button");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _button__rspack_import_7)if ([
         "TreeView",
@@ -275,7 +275,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_button_group__rspack_import_8[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _calendar__rspack_import_9 = __webpack_require__("@/components/ui/calendar");
+    var _calendar__rspack_import_9 = __webpack_require__("./calendar");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _calendar__rspack_import_9)if ([
         "TreeView",
@@ -289,7 +289,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_card__rspack_import_10[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _checkbox__rspack_import_11 = __webpack_require__("@/components/ui/checkbox");
+    var _checkbox__rspack_import_11 = __webpack_require__("./checkbox");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _checkbox__rspack_import_11)if ([
         "TreeView",
@@ -310,7 +310,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_combobox__rspack_import_13[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _command__rspack_import_14 = __webpack_require__("@/components/ui/command");
+    var _command__rspack_import_14 = __webpack_require__("./command");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _command__rspack_import_14)if ([
         "TreeView",
@@ -359,7 +359,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_dropdown_menu__rspack_import_20[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _editable_cell__rspack_import_21 = __webpack_require__("@/components/ui/editable-cell");
+    var _editable_cell__rspack_import_21 = __webpack_require__("./editable-cell");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _editable_cell__rspack_import_21)if ([
         "TreeView",
@@ -387,7 +387,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_hover_card__rspack_import_24[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _input__rspack_import_25 = __webpack_require__("@/components/ui/input");
+    var _input__rspack_import_25 = __webpack_require__("./input");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _input__rspack_import_25)if ([
         "TreeView",
@@ -429,7 +429,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_pagination__rspack_import_30[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _popover__rspack_import_31 = __webpack_require__("@/components/ui/popover");
+    var _popover__rspack_import_31 = __webpack_require__("./popover");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _popover__rspack_import_31)if ([
         "TreeView",
@@ -562,7 +562,7 @@ var __webpack_exports__ = {};
         "default"
     ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_tabs__rspack_import_49[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _textarea__rspack_import_50 = __webpack_require__("@/components/ui/textarea");
+    var _textarea__rspack_import_50 = __webpack_require__("./textarea");
     var __rspack_reexport = {};
     for(const __rspack_import_key in _textarea__rspack_import_50)if ([
         "TreeView",