@uipath/apollo-wind 0.9.1 → 0.10.0-pr219.03c9188

package/dist/components/custom/canvas.cjs

@@ -0,0 +1,44 @@
+"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 ('undefined' != 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__, {
+    Canvas: ()=>Canvas
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+require("react");
+const index_cjs_namespaceObject = require("../../lib/index.cjs");
+function Canvas({ className, children }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, index_cjs_namespaceObject.cn)('flex flex-1 flex-col overflow-auto bg-surface', className),
+        children: children
+    });
+}
+exports.Canvas = __webpack_exports__.Canvas;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "Canvas"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/custom/canvas.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export interface CanvasProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+/**
+ * Main content canvas for Delegate templates.
+ *
+ * Provides the dark background surface that sits alongside the DelegatePanel.
+ * Content placed inside the Canvas can be laid out freely — future iterations
+ * will add optional layout guidelines (max-width constraints, centered
+ * content zones, padding presets, etc.).
+ */
+export declare function Canvas({ className, children }: CanvasProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/custom/canvas.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { cn } from "../../lib/index.js";
+function Canvas({ className, children }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn('flex flex-1 flex-col overflow-auto bg-surface', className),
+        children: children
+    });
+}
+export { Canvas };

package/dist/components/custom/chat-composer.cjs

@@ -0,0 +1,105 @@
+"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 ('undefined' != 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__, {
+    ChatComposer: ()=>ChatComposer
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const index_cjs_namespaceObject = require("../../lib/index.cjs");
+function ChatComposer({ className, placeholder = 'I would like you to automate my', onSubmit }) {
+    const [value, setValue] = external_react_namespaceObject.useState('');
+    const handleSubmit = ()=>{
+        if (value.trim()) {
+            onSubmit?.(value.trim());
+            setValue('');
+        }
+    };
+    const handleKeyDown = (e)=>{
+        if ('Enter' === e.key && !e.shiftKey) {
+            e.preventDefault();
+            handleSubmit();
+        }
+    };
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, index_cjs_namespaceObject.cn)('w-full max-w-[800px] rounded-[32px] bg-gradient-to-b from-surface to-surface-raised p-2', className),
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+            className: "flex min-h-[124px] flex-col justify-between rounded-3xl border border-border bg-surface-overlay pb-3 pl-4 pr-3 pt-4",
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("textarea", {
+                    className: "w-full resize-none bg-transparent text-base font-medium leading-5 text-foreground placeholder:text-foreground-subtle focus:outline-none",
+                    placeholder: placeholder,
+                    rows: 2,
+                    value: value,
+                    onChange: (e)=>setValue(e.target.value),
+                    onKeyDown: handleKeyDown
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                    className: "flex items-center justify-between",
+                    children: [
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                            className: "flex items-center gap-1",
+                            children: [
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                                    type: "button",
+                                    className: "flex h-8 w-8 items-center justify-center rounded-2xl border border-border-inverse bg-surface-inverse transition-opacity hover:opacity-80",
+                                    "aria-label": "Add attachment",
+                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Plus, {
+                                        className: "h-5 w-5 text-foreground-inverse"
+                                    })
+                                }),
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                                    type: "button",
+                                    className: "flex h-8 w-8 items-center justify-center rounded-2xl border border-border-inverse bg-surface-inverse transition-opacity hover:opacity-80",
+                                    "aria-label": "Add workflow",
+                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Workflow, {
+                                        className: "h-5 w-5 text-foreground-inverse"
+                                    })
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                            type: "button",
+                            className: "flex h-8 w-8 items-center justify-center rounded-2xl bg-brand transition-opacity hover:opacity-90",
+                            onClick: handleSubmit,
+                            "aria-label": "Submit message",
+                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.CornerDownLeft, {
+                                className: "h-5 w-5 -scale-y-100 rotate-90 text-foreground-on-accent"
+                            })
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+}
+exports.ChatComposer = __webpack_exports__.ChatComposer;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "ChatComposer"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/custom/chat-composer.d.ts

@@ -0,0 +1,15 @@
+export interface ChatComposerProps {
+    className?: string;
+    /** Placeholder text displayed when the input is empty */
+    placeholder?: string;
+    /** Callback when the user submits a message */
+    onSubmit?: (value: string) => void;
+}
+/**
+ * Reusable chat composer input with action buttons.
+ *
+ * Features a text area, left-side action buttons (add, workflow),
+ * and a cyan submit button. Fixed at 800px max-width to match the
+ * Delegate design spec.
+ */
+export declare function ChatComposer({ className, placeholder, onSubmit, }: ChatComposerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/custom/chat-composer.js

@@ -0,0 +1,71 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CornerDownLeft, Plus, Workflow } from "lucide-react";
+import { useState } from "react";
+import { cn } from "../../lib/index.js";
+function ChatComposer({ className, placeholder = 'I would like you to automate my', onSubmit }) {
+    const [value, setValue] = useState('');
+    const handleSubmit = ()=>{
+        if (value.trim()) {
+            onSubmit?.(value.trim());
+            setValue('');
+        }
+    };
+    const handleKeyDown = (e)=>{
+        if ('Enter' === e.key && !e.shiftKey) {
+            e.preventDefault();
+            handleSubmit();
+        }
+    };
+    return /*#__PURE__*/ jsx("div", {
+        className: cn('w-full max-w-[800px] rounded-[32px] bg-gradient-to-b from-surface to-surface-raised p-2', className),
+        children: /*#__PURE__*/ jsxs("div", {
+            className: "flex min-h-[124px] flex-col justify-between rounded-3xl border border-border bg-surface-overlay pb-3 pl-4 pr-3 pt-4",
+            children: [
+                /*#__PURE__*/ jsx("textarea", {
+                    className: "w-full resize-none bg-transparent text-base font-medium leading-5 text-foreground placeholder:text-foreground-subtle focus:outline-none",
+                    placeholder: placeholder,
+                    rows: 2,
+                    value: value,
+                    onChange: (e)=>setValue(e.target.value),
+                    onKeyDown: handleKeyDown
+                }),
+                /*#__PURE__*/ jsxs("div", {
+                    className: "flex items-center justify-between",
+                    children: [
+                        /*#__PURE__*/ jsxs("div", {
+                            className: "flex items-center gap-1",
+                            children: [
+                                /*#__PURE__*/ jsx("button", {
+                                    type: "button",
+                                    className: "flex h-8 w-8 items-center justify-center rounded-2xl border border-border-inverse bg-surface-inverse transition-opacity hover:opacity-80",
+                                    "aria-label": "Add attachment",
+                                    children: /*#__PURE__*/ jsx(Plus, {
+                                        className: "h-5 w-5 text-foreground-inverse"
+                                    })
+                                }),
+                                /*#__PURE__*/ jsx("button", {
+                                    type: "button",
+                                    className: "flex h-8 w-8 items-center justify-center rounded-2xl border border-border-inverse bg-surface-inverse transition-opacity hover:opacity-80",
+                                    "aria-label": "Add workflow",
+                                    children: /*#__PURE__*/ jsx(Workflow, {
+                                        className: "h-5 w-5 text-foreground-inverse"
+                                    })
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsx("button", {
+                            type: "button",
+                            className: "flex h-8 w-8 items-center justify-center rounded-2xl bg-brand transition-opacity hover:opacity-90",
+                            onClick: handleSubmit,
+                            "aria-label": "Submit message",
+                            children: /*#__PURE__*/ jsx(CornerDownLeft, {
+                                className: "h-5 w-5 -scale-y-100 rotate-90 text-foreground-on-accent"
+                            })
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+}
+export { ChatComposer };

package/dist/components/custom/chat-first-experience.cjs

@@ -0,0 +1,87 @@
+"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 ('undefined' != 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__, {
+    ChatFirstExperience: ()=>ChatFirstExperience
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const index_cjs_namespaceObject = require("../../lib/index.cjs");
+const external_chat_composer_cjs_namespaceObject = require("./chat-composer.cjs");
+const external_chat_prompt_suggestions_cjs_namespaceObject = require("./chat-prompt-suggestions.cjs");
+function ChatFirstExperience({ className, userName = 'David', subtitle = 'What should we work on today?', composerPlaceholder = 'I would like you to automate my', suggestions = [
+    {
+        id: '1',
+        label: 'Make a list of affordable apartments in NYC'
+    },
+    {
+        id: '2',
+        label: 'Find the highest CD rates'
+    },
+    {
+        id: '3',
+        label: 'Lorem ipsum dolor sit amet'
+    }
+], onSuggestionClick, onSubmit }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, index_cjs_namespaceObject.cn)('flex flex-1 flex-col items-center justify-center', className),
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+            className: "flex w-full max-w-[800px] flex-col items-center gap-[37px]",
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                    className: "flex flex-col items-center text-center",
+                    children: [
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("h1", {
+                            className: "text-[40px] font-bold leading-9 tracking-[-0.8px] text-foreground",
+                            children: [
+                                "Hello ",
+                                userName
+                            ]
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
+                            className: "mt-1 text-base font-normal leading-9 text-foreground-secondary",
+                            children: subtitle
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_chat_composer_cjs_namespaceObject.ChatComposer, {
+                    placeholder: composerPlaceholder,
+                    onSubmit: onSubmit
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_chat_prompt_suggestions_cjs_namespaceObject.PromptSuggestions, {
+                    className: "w-full",
+                    suggestions: suggestions,
+                    onSelect: onSuggestionClick
+                })
+            ]
+        })
+    });
+}
+exports.ChatFirstExperience = __webpack_exports__.ChatFirstExperience;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "ChatFirstExperience"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/custom/chat-first-experience.d.ts

@@ -0,0 +1,24 @@
+import { type PromptSuggestion } from './chat-prompt-suggestions';
+export interface ChatFirstExperienceProps {
+    className?: string;
+    /** Greeting name displayed in the heading */
+    userName?: string;
+    /** Subtitle below the greeting */
+    subtitle?: string;
+    /** Placeholder text inside the composer */
+    composerPlaceholder?: string;
+    /** Prompt suggestions shown below the composer */
+    suggestions?: PromptSuggestion[];
+    /** Callback when a suggestion is clicked */
+    onSuggestionClick?: (suggestion: PromptSuggestion) => void;
+    /** Callback when the composer submit button is clicked */
+    onSubmit?: (value: string) => void;
+}
+/**
+ * The initial "first run" experience shown in the Canvas when
+ * a user opens the Delegate Chat page with no active conversation.
+ *
+ * Displays a greeting, a composer input, and prompt suggestions,
+ * all constrained to 800px max-width and centered in the canvas.
+ */
+export declare function ChatFirstExperience({ className, userName, subtitle, composerPlaceholder, suggestions, onSuggestionClick, onSubmit, }: ChatFirstExperienceProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/custom/chat-first-experience.js

@@ -0,0 +1,53 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../lib/index.js";
+import { ChatComposer } from "./chat-composer.js";
+import { PromptSuggestions } from "./chat-prompt-suggestions.js";
+function ChatFirstExperience({ className, userName = 'David', subtitle = 'What should we work on today?', composerPlaceholder = 'I would like you to automate my', suggestions = [
+    {
+        id: '1',
+        label: 'Make a list of affordable apartments in NYC'
+    },
+    {
+        id: '2',
+        label: 'Find the highest CD rates'
+    },
+    {
+        id: '3',
+        label: 'Lorem ipsum dolor sit amet'
+    }
+], onSuggestionClick, onSubmit }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn('flex flex-1 flex-col items-center justify-center', className),
+        children: /*#__PURE__*/ jsxs("div", {
+            className: "flex w-full max-w-[800px] flex-col items-center gap-[37px]",
+            children: [
+                /*#__PURE__*/ jsxs("div", {
+                    className: "flex flex-col items-center text-center",
+                    children: [
+                        /*#__PURE__*/ jsxs("h1", {
+                            className: "text-[40px] font-bold leading-9 tracking-[-0.8px] text-foreground",
+                            children: [
+                                "Hello ",
+                                userName
+                            ]
+                        }),
+                        /*#__PURE__*/ jsx("p", {
+                            className: "mt-1 text-base font-normal leading-9 text-foreground-secondary",
+                            children: subtitle
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsx(ChatComposer, {
+                    placeholder: composerPlaceholder,
+                    onSubmit: onSubmit
+                }),
+                /*#__PURE__*/ jsx(PromptSuggestions, {
+                    className: "w-full",
+                    suggestions: suggestions,
+                    onSelect: onSuggestionClick
+                })
+            ]
+        })
+    });
+}
+export { ChatFirstExperience };

package/dist/components/custom/chat-prompt-suggestions.cjs

@@ -0,0 +1,49 @@
+"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 ('undefined' != 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__, {
+    PromptSuggestions: ()=>PromptSuggestions
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const index_cjs_namespaceObject = require("../../lib/index.cjs");
+function PromptSuggestions({ className, suggestions = [], onSelect }) {
+    if (0 === suggestions.length) return null;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, index_cjs_namespaceObject.cn)('flex flex-col items-start gap-2', className),
+        children: suggestions.map((suggestion)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                type: "button",
+                className: "flex h-10 items-center rounded-xl border border-border bg-surface-overlay px-4 py-2.5 text-sm font-medium leading-5 text-foreground transition-colors hover:bg-surface-hover",
+                onClick: ()=>onSelect?.(suggestion),
+                children: suggestion.label
+            }, suggestion.id))
+    });
+}
+exports.PromptSuggestions = __webpack_exports__.PromptSuggestions;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "PromptSuggestions"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/custom/chat-prompt-suggestions.d.ts

@@ -0,0 +1,18 @@
+export interface PromptSuggestion {
+    id: string;
+    label: string;
+}
+export interface PromptSuggestionsProps {
+    className?: string;
+    /** List of suggestions to display */
+    suggestions?: PromptSuggestion[];
+    /** Callback when a suggestion is clicked */
+    onSelect?: (suggestion: PromptSuggestion) => void;
+}
+/**
+ * A vertical list of clickable prompt suggestion pills.
+ *
+ * Styled per the Delegate Figma spec: zinc-800 background with
+ * zinc-700 border and zinc-50 text.
+ */
+export declare function PromptSuggestions({ className, suggestions, onSelect, }: PromptSuggestionsProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/custom/chat-prompt-suggestions.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/index.js";
+function PromptSuggestions({ className, suggestions = [], onSelect }) {
+    if (0 === suggestions.length) return null;
+    return /*#__PURE__*/ jsx("div", {
+        className: cn('flex flex-col items-start gap-2', className),
+        children: suggestions.map((suggestion)=>/*#__PURE__*/ jsx("button", {
+                type: "button",
+                className: "flex h-10 items-center rounded-xl border border-border bg-surface-overlay px-4 py-2.5 text-sm font-medium leading-5 text-foreground transition-colors hover:bg-surface-hover",
+                onClick: ()=>onSelect?.(suggestion),
+                children: suggestion.label
+            }, suggestion.id))
+    });
+}
+export { PromptSuggestions };