@vertesia/ui 0.60.0 → 0.61.0

package/lib/esm/features/agent/chat/SlidingThinkingIndicator.js

@@ -0,0 +1,266 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { AgentMessageType } from "@vertesia/common";
+import { Button, cn } from "@vertesia/ui/core";
+import { EyeIcon, EyeOffIcon } from "lucide-react";
+import React, { useEffect, useRef, useState } from "react";
+import { AnimatedThinkingDots, PulsatingCircle, PulsingMessageLoader } from "./AnimatedThinkingDots";
+import MessageItem from "./ModernAgentOutput/MessageItem";
+import { ThinkingMessages } from "./WaitingMessages";
+export function SlidingThinkingIndicator({ messages, isCompleted, thinkingMessageIndex, className, renderMessage, showDetails: externalShowDetails, onShowDetailsChange, }) {
+    // Use external state if provided, otherwise use internal state
+    const [internalShowDetails, setInternalShowDetails] = useState(false);
+    // Use external state if provided, otherwise use internal state
+    const showDetails = externalShowDetails !== undefined ? externalShowDetails : internalShowDetails;
+    // Function to update showDetails state (internal or external)
+    const setShowDetails = (value) => {
+        if (onShowDetailsChange) {
+            onShowDetailsChange(value);
+        }
+        else {
+            setInternalShowDetails(value);
+        }
+    };
+    const [viewMode, setViewMode] = useState(() => {
+        // Initialize from localStorage if available
+        if (typeof window !== "undefined") {
+            const savedMode = window.localStorage.getItem("agent-view-mode");
+            return (savedMode === "stacked" ? "stacked" : "sliding");
+        }
+        return "sliding";
+    });
+    const [visibleMessage, setVisibleMessage] = useState(null);
+    const [isTransitioning, setIsTransitioning] = useState(false);
+    const timeoutRef = useRef(null);
+    // Listen for view mode changes from the top bar
+    useEffect(() => {
+        const handleViewModeChange = () => {
+            if (typeof window !== "undefined") {
+                const newMode = window.localStorage.getItem("agent-view-mode");
+                setViewMode(newMode === "stacked" ? "stacked" : "sliding");
+            }
+        };
+        window.addEventListener("agent-view-mode-changed", handleViewModeChange);
+        return () => {
+            window.removeEventListener("agent-view-mode-changed", handleViewModeChange);
+        };
+    }, []);
+    // Filter for thinking-type messages
+    const thinkingMessages = messages.filter((msg) => msg.type === AgentMessageType.THOUGHT ||
+        msg.type === AgentMessageType.UPDATE ||
+        msg.type === AgentMessageType.PLAN);
+    // Track recent messages for cascading display
+    const [recentMessages, setRecentMessages] = useState([]);
+    // Keep track of the previous permanent message count
+    const [prevPermanentCount, setPrevPermanentCount] = useState(0);
+    // Update messages to display when thinking messages change
+    useEffect(() => {
+        // Show details is enabled - don't need to manage sliding messages
+        if (showDetails) {
+            return;
+        }
+        // Get permanent messages to detect when a new permanent message arrives
+        const permanentMessages = getPermanentMessages(messages);
+        // Check if we received a new permanent message
+        const receivedNewPermanentMessage = permanentMessages.length > prevPermanentCount;
+        // Update previous permanent message count for next check
+        if (permanentMessages.length !== prevPermanentCount) {
+            setPrevPermanentCount(permanentMessages.length);
+        }
+        if (thinkingMessages.length > 0 && !isCompleted) {
+            // Get sorted recent messages (latest 3)
+            const sortedMessages = [...thinkingMessages]
+                .sort((a, b) => {
+                const timeA = typeof a.timestamp === "number" ? a.timestamp : new Date(a.timestamp).getTime();
+                const timeB = typeof b.timestamp === "number" ? b.timestamp : new Date(b.timestamp).getTime();
+                return timeB - timeA;
+            })
+                .slice(0, 3);
+            // Get the latest message
+            const latestMessage = sortedMessages[0];
+            // Clear messages when we get a new permanent message (e.g., after a pause)
+            if (receivedNewPermanentMessage) {
+                setVisibleMessage(null);
+                setRecentMessages([]);
+                setIsTransitioning(false);
+                // If there are new thinking messages after the permanent message, show them
+                if (latestMessage) {
+                    setTimeout(() => {
+                        setVisibleMessage(latestMessage);
+                        setRecentMessages(sortedMessages);
+                    }, 500); // Small delay to ensure UI updates correctly
+                }
+                return;
+            }
+            // Check if we have new messages
+            const hasNewMessage = !visibleMessage ||
+                (latestMessage &&
+                    // Compare timestamps properly accounting for different formats
+                    (typeof latestMessage.timestamp === "number" || typeof visibleMessage.timestamp === "number"
+                        ? // If either is a number, convert both to numbers for comparison
+                            (typeof latestMessage.timestamp === "number"
+                                ? latestMessage.timestamp
+                                : new Date(latestMessage.timestamp).getTime()) !==
+                                (typeof visibleMessage.timestamp === "number"
+                                    ? visibleMessage.timestamp
+                                    : new Date(visibleMessage.timestamp).getTime())
+                        : latestMessage.timestamp !== visibleMessage.timestamp));
+            if (hasNewMessage) {
+                // If we already have a message, transition it out before showing the new one
+                if (visibleMessage) {
+                    setIsTransitioning(true);
+                    // Clear any existing timeout
+                    if (timeoutRef.current) {
+                        clearTimeout(timeoutRef.current);
+                    }
+                    // Set timeout to switch to the new messages after transition
+                    timeoutRef.current = setTimeout(() => {
+                        setVisibleMessage(latestMessage);
+                        setRecentMessages(sortedMessages);
+                        // Small delay before showing the new message (for better visual effect)
+                        setTimeout(() => {
+                            setIsTransitioning(false);
+                        }, 50);
+                    }, 400); // Match with our animation duration
+                }
+                else {
+                    // No current message, just show the new ones
+                    setVisibleMessage(latestMessage);
+                    setRecentMessages(sortedMessages);
+                    // Add a small delay for animation to start from the correct state
+                    setTimeout(() => {
+                        setIsTransitioning(false);
+                    }, 10);
+                }
+            }
+            else if (recentMessages.length === 0) {
+                // Initial setup - populate recent messages
+                setRecentMessages(sortedMessages);
+            }
+        }
+        else if (isCompleted && !showDetails) {
+            // When completed, don't remove messages if showDetails is true
+            // Only fade out the message if we're completed and not showing details
+            if (visibleMessage) {
+                setIsTransitioning(true);
+                // Clear any existing timeout
+                if (timeoutRef.current) {
+                    clearTimeout(timeoutRef.current);
+                }
+                // Set timeout to remove the message after transition
+                timeoutRef.current = setTimeout(() => {
+                    setVisibleMessage(null);
+                    setRecentMessages([]);
+                }, 400); // Match with our animation duration
+            }
+        }
+        // Cleanup timeout on unmount
+        return () => {
+            if (timeoutRef.current) {
+                clearTimeout(timeoutRef.current);
+            }
+        };
+    }, [messages, isCompleted, showDetails, prevPermanentCount]);
+    // Choose the color based on message type (using valid color values)
+    const getThinkingColor = (message) => {
+        if (!message)
+            return "blue";
+        switch (message.type) {
+            case AgentMessageType.THOUGHT:
+                return "purple";
+            case AgentMessageType.PLAN:
+                return "teal";
+            case AgentMessageType.UPDATE:
+            default:
+                return "blue";
+        }
+    };
+    // Get the messageText with thinking message replacement
+    const getMessageText = (message) => {
+        if (!message)
+            return ThinkingMessages[thinkingMessageIndex];
+        let messageText = message.message || ThinkingMessages[thinkingMessageIndex];
+        // Replace %thinking_message% placeholder with a thinking message
+        if (messageText.includes("%thinking_message%")) {
+            messageText = messageText.replace(/%thinking_message%/g, ThinkingMessages[thinkingMessageIndex]);
+        }
+        return messageText;
+    };
+    // Using the modernized MessageItem component to render thinking messages
+    const ThinkingMessageItem = React.memo(({ message }) => {
+        // Replace the textContent with the thinking message text if needed
+        const modifiedMessage = {
+            ...message,
+            message: getMessageText(message),
+        };
+        // Simple implementation with just MessageItem and PulsatingCircle
+        return (_jsx("div", { className: "message-item-container", children: _jsx(MessageItem, { message: modifiedMessage, showPulsatingCircle: true }) }));
+    });
+    // Use provided render function or our component
+    const renderThinkingMessage = renderMessage || ((message) => _jsx(ThinkingMessageItem, { message: message }));
+    // Sort thinking messages by timestamp (reverse order - newest first)
+    const sortedThinkingMessages = [...thinkingMessages].sort((a, b) => {
+        const timeA = typeof a.timestamp === "number" ? a.timestamp : new Date(a.timestamp).getTime();
+        const timeB = typeof b.timestamp === "number" ? b.timestamp : new Date(b.timestamp).getTime();
+        return timeB - timeA; // Reversed order - newest first
+    });
+    return (_jsxs("div", { className: cn("relative w-full p-0 m-0", className), children: [thinkingMessages.length > 0 && (_jsx("div", { className: "flex justify-end items-center mb-2", children: _jsx(Button, { size: "xs", variant: "ghost", onClick: () => setShowDetails(!showDetails), className: "text-slate-500 hover:text-slate-700 flex items-center gap-1 text-xs", title: showDetails ? "Hide thinking details" : "Show all messages", children: showDetails ? (_jsxs(_Fragment, { children: [_jsx(EyeOffIcon, { className: "h-3 w-3" }), " Hide details"] })) : (_jsxs(_Fragment, { children: [_jsx(EyeIcon, { className: "h-3 w-3" }), " Show details"] })) }) })), (showDetails || thinkingMessages.length > 0) &&
+                (showDetails ? (
+                // Show details view - always show all thinking messages regardless of completion state
+                _jsx("div", { className: "space-y-1 space-y-reverse max-h-[300px] overflow-y-auto pr-1 flex flex-col-reverse", children: sortedThinkingMessages.map((message, index) => (_jsx("div", { className: "animate-slide-in-bottom", "data-workstream-id": message.workstream_id || "main", children: renderThinkingMessage(message) }, `${message.timestamp}-${index}`))) })) : !isCompleted ? (
+                // Not showing details and not completed - use sliding/stacked view
+                viewMode === "sliding" ? (
+                // Progressive Fading View - Show recent messages with fading effect
+                _jsx("div", { className: cn("relative overflow-hidden flex flex-col-reverse space-y-reverse space-y-2 p-0 m-0 w-full", { hidden: recentMessages.length === 0 }), children: recentMessages.map((message, index) => (_jsx("div", { className: cn("flex items-center", // Align items horizontally on same line
+                        // Use the new animations for smoother transitions
+                        {
+                            // Latest message (index 0) animated with slide in/out from bottom
+                            "animate-slide-in-bottom": index === 0 && !isTransitioning,
+                            "animate-slide-out-bottom": index === 0 && isTransitioning,
+                            // Older messages with progressively lower opacity and subtle animations
+                            "opacity-70": index === 1,
+                            "opacity-40": index === 2,
+                        }), style: {
+                            zIndex: recentMessages.length - index,
+                            transform: `scale(${1 - index * 0.03})`, // Slightly smaller for older messages
+                            // No indentation - keep all messages aligned on the left
+                        }, "data-workstream-id": message.workstream_id || "main", children: index === 0 ? (renderThinkingMessage(message)) : (_jsxs("div", { className: cn("py-2 px-3 border-l-2 bg-white dark:bg-slate-800 flex items-center w-full", "transition-all duration-200 ease-in-out rounded-r-md", 
+                            // Set border color based on message type
+                            {
+                                "border-blue-400 dark:border-blue-500": getThinkingColor(message) === "blue",
+                                "border-purple-400 dark:border-purple-500": getThinkingColor(message) === "purple",
+                                "border-teal-400 dark:border-teal-500": getThinkingColor(message) === "teal",
+                            }), children: [_jsxs("div", { className: "mr-2", children: [getThinkingColor(message) === "blue" && (_jsx("div", { className: "w-4", children: _jsx(PulsingMessageLoader, { message: "", color: "blue", className: "scale-75 transform-gpu origin-left" }) })), getThinkingColor(message) === "purple" && (_jsx(PulsatingCircle, { size: "sm", color: "purple", className: "scale-75" })), getThinkingColor(message) === "teal" && (_jsx(AnimatedThinkingDots, { color: "teal", className: "scale-75 transform-gpu origin-left" }))] }), _jsx("div", { className: cn("text-sm font-medium flex-1 overflow-hidden text-ellipsis mr-3", {
+                                        "text-blue-700 dark:text-blue-300": getThinkingColor(message) === "blue",
+                                        "text-purple-700 dark:text-purple-300": getThinkingColor(message) === "purple",
+                                        "text-teal-700 dark:text-teal-300": getThinkingColor(message) === "teal",
+                                    }), children: getMessageText(message) })] })) }, `${message.timestamp}-${index}`))) })) : (
+                // Stacked View - Show all thinking messages
+                _jsx("div", { className: "space-y-1 space-y-reverse max-h-[300px] overflow-y-auto pr-1 flex flex-col-reverse", children: sortedThinkingMessages.map((message, index) => (_jsx("div", { className: "animate-slide-in-bottom", "data-workstream-id": message.workstream_id || "main", children: renderThinkingMessage(message) }, `${message.timestamp}-${index}`))) }))) : null) // When completed and not showing details, don't show anything
+        ] }));
+}
+// Helper function to determine if a message is a thinking message (transient)
+export function isThinkingMessage(message) {
+    return (message.type === AgentMessageType.THOUGHT ||
+        message.type === AgentMessageType.UPDATE ||
+        message.type === AgentMessageType.PLAN ||
+        message.type === AgentMessageType.ERROR ||
+        message.type === AgentMessageType.WARNING ||
+        message.type === AgentMessageType.SYSTEM);
+}
+// Helper function to determine if a message is a permanent message (always displayed)
+export function isPermanentMessage(message) {
+    return (message.type === AgentMessageType.ANSWER ||
+        message.type === AgentMessageType.QUESTION ||
+        message.type === AgentMessageType.COMPLETE ||
+        message.type === AgentMessageType.IDLE ||
+        message.type === AgentMessageType.REQUEST_INPUT);
+}
+// Helper function to get all thinking messages
+export function getThinkingMessages(messages) {
+    return messages.filter(isThinkingMessage);
+}
+// Helper function to get all permanent messages
+export function getPermanentMessages(messages) {
+    return messages.filter(isPermanentMessage);
+}
+//# sourceMappingURL=SlidingThinkingIndicator.js.map

package/lib/esm/features/agent/chat/SlidingThinkingIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlidingThinkingIndicator.js","sourceRoot":"","sources":["../../../../../src/features/agent/chat/SlidingThinkingIndicator.tsx"],"names":[],"mappings":"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"}

package/lib/esm/features/agent/chat/WaitingMessages.js

@@ -0,0 +1,60 @@
+export const ThinkingMessages = [
+    // Original messages
+    "Brewing some code magic...",
+    "Doing the robot dance...",
+    "Cooking up something good...",
+    "Working my gears...",
+    // Tech-inspired messages
+    "Parsing the possibilities...",
+    "Crunching the numbers...",
+    "Connecting the digital dots...",
+    "Processing at maximum capacity...",
+    "Searching through my circuits...",
+    "Running advanced algorithms...",
+    "Computing optimal solutions...",
+    "Loading brilliance.exe...",
+    "Scanning the knowledge base...",
+    "Optimizing response protocols...",
+    // Playful messages
+    "Having a quick brainstorm...",
+    "Thinking cap firmly on...",
+    "Pondering the digital universe...",
+    "Consulting my silicon wisdom...",
+    "Untangling the logic knots...",
+    "Assembling clever responses...",
+    "Mixing thoughtful ingredients...",
+    "Polishing the perfect answer...",
+    "Taking a momentary mind sprint...",
+    "Connecting virtual synapses...",
+    // Food-themed messages
+    "Baking fresh ideas...",
+    "Stirring the thought pot...",
+    "Simmering solutions slowly...",
+    "Whipping up a smart response...",
+    "Adding a dash of intelligence...",
+    "Preparing a gourmet answer...",
+    // Nature-themed messages
+    "Growing brilliant ideas...",
+    "Cultivating the perfect response...",
+    "Gathering digital nectar...",
+    "Planting seeds of solutions...",
+    // Journey-themed messages
+    "Exploring the data landscape...",
+    "Mapping the solution path...",
+    "Navigating through possibilities...",
+    "Charting the course to answers...",
+    "Embarking on a thought expedition...",
+    // Creative-themed messages
+    "Sketching out concepts...",
+    "Painting with digital brushstrokes...",
+    "Composing my response symphony...",
+    "Crafting precision answers...",
+    "Weaving threads of information...",
+    // Time-themed messages
+    "Just a moment of processing...",
+    "Taking a quick thinking break...",
+    "Almost there, final touches...",
+    "Putting the pieces together...",
+    "Making progress, hold tight...",
+];
+//# sourceMappingURL=WaitingMessages.js.map

package/lib/esm/features/agent/chat/WaitingMessages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WaitingMessages.js","sourceRoot":"","sources":["../../../../../src/features/agent/chat/WaitingMessages.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC5B,oBAAoB;IACpB,4BAA4B;IAC5B,0BAA0B;IAC1B,8BAA8B;IAC9B,qBAAqB;IAErB,yBAAyB;IACzB,8BAA8B;IAC9B,0BAA0B;IAC1B,gCAAgC;IAChC,mCAAmC;IACnC,kCAAkC;IAClC,gCAAgC;IAChC,gCAAgC;IAChC,2BAA2B;IAC3B,gCAAgC;IAChC,kCAAkC;IAElC,mBAAmB;IACnB,8BAA8B;IAC9B,2BAA2B;IAC3B,mCAAmC;IACnC,iCAAiC;IACjC,+BAA+B;IAC/B,gCAAgC;IAChC,kCAAkC;IAClC,iCAAiC;IACjC,mCAAmC;IACnC,gCAAgC;IAEhC,uBAAuB;IACvB,uBAAuB;IACvB,6BAA6B;IAC7B,+BAA+B;IAC/B,iCAAiC;IACjC,kCAAkC;IAClC,+BAA+B;IAE/B,yBAAyB;IACzB,4BAA4B;IAC5B,qCAAqC;IACrC,6BAA6B;IAC7B,gCAAgC;IAEhC,0BAA0B;IAC1B,iCAAiC;IACjC,8BAA8B;IAC9B,qCAAqC;IACrC,mCAAmC;IACnC,sCAAsC;IAEtC,2BAA2B;IAC3B,2BAA2B;IAC3B,uCAAuC;IACvC,mCAAmC;IACnC,+BAA+B;IAC/B,mCAAmC;IAEnC,uBAAuB;IACvB,gCAAgC;IAChC,kCAAkC;IAClC,gCAAgC;IAChC,gCAAgC;IAChC,gCAAgC;CACnC,CAAC"}

package/lib/esm/features/agent/chat/index.js

@@ -0,0 +1,5 @@
+export * from "./JumpingDots";
+export { ModernAgentConversation } from "./ModernAgentConversation";
+export * from "./WaitingMessages";
+export * from "./AnimatedThinkingDots";
+//# sourceMappingURL=index.js.map

package/lib/esm/features/agent/chat/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/features/agent/chat/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC"}

package/lib/esm/features/agent/index.js

@@ -0,0 +1,3 @@
+export * from "./chat";
+export * from "./PayloadBuilder";
+//# sourceMappingURL=index.js.map

package/lib/esm/features/agent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/features/agent/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC"}

package/lib/esm/features/errors/PanelErrorBoundary.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MessageBox } from '@vertesia/ui/core';
+import { VertesiaErrorBoundary } from './VertesiaErrorBoundary';
+export function PanelErrorBoundary({ children }) {
+    return (_jsx(VertesiaErrorBoundary, { fallback: PanelErrorFallback, children: children }));
+}
+function PanelErrorFallback({ error }) {
+    return (_jsxs(MessageBox, { status: "error", title: "Sorry, something went wrong...", children: [_jsxs("div", { className: 'mb-4', children: ["Our team has been notified and will be quickly working on resolving it. If you'd like to escalate or simply contact us, please email us at\u00A0", _jsx("a", { className: 'text-info', href: "mailto:support@vertesiahq.com", children: "support@vertesiahq.com" }), "."] }), error?.message &&
+                _jsx("code", { className: 'w-full mt-4 text-sm text-muted break-words', children: error.message })] }));
+}
+//# sourceMappingURL=PanelErrorBoundary.js.map

package/lib/esm/features/errors/PanelErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelErrorBoundary.js","sourceRoot":"","sources":["../../../../src/features/errors/PanelErrorBoundary.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAGhE,MAAM,UAAU,kBAAkB,CAAC,EAAE,QAAQ,EAA2B;IACpE,OAAO,CACH,KAAC,qBAAqB,IAAC,QAAQ,EAAE,kBAAkB,YAC9C,QAAQ,GACW,CAC3B,CAAC;AACN,CAAC;AAED,SAAS,kBAAkB,CAAC,EAAE,KAAK,EAAqB;IACpD,OAAO,CACH,MAAC,UAAU,IAAC,MAAM,EAAC,OAAO,EAAC,KAAK,EAAC,gCAAgC,aAC7D,eAAK,SAAS,EAAC,MAAM,iKAIjB,YAAG,SAAS,EAAC,WAAW,EAAC,IAAI,EAAC,+BAA+B,uCAA2B,SACtF,EAEL,KAAK,EAAE,OAAO;gBACX,eAAM,SAAS,EAAC,4CAA4C,YACvD,KAAK,CAAC,OAAO,GACX,IAEF,CAChB,CAAC;AACN,CAAC"}

package/lib/esm/features/errors/RowErrorBoundary.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { VertesiaErrorBoundary } from "./VertesiaErrorBoundary";
+export function RowErrorBoundary({ children }) {
+    return (_jsx(VertesiaErrorBoundary, { fallback: RowErrorFallback, children: children }));
+}
+function RowErrorFallback({ error }) {
+    return (_jsx("tr", { children: _jsxs("td", { colSpan: 100, children: [_jsx("span", { className: "text-xs", children: " Cannot display row" }), _jsx("br", {}), _jsx("span", { className: "bg-gray-400", children: error?.message })] }) }));
+}
+//# sourceMappingURL=RowErrorBoundary.js.map

package/lib/esm/features/errors/RowErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowErrorBoundary.js","sourceRoot":"","sources":["../../../../src/features/errors/RowErrorBoundary.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAQhE,MAAM,UAAU,gBAAgB,CAAC,EAAE,QAAQ,EAAsB;IAE7D,OAAO,CACH,KAAC,qBAAqB,IAAC,QAAQ,EAAE,gBAAgB,YAC5C,QAAQ,GACW,CAC3B,CAAA;AACL,CAAC;AAED,SAAS,gBAAgB,CAAC,EAAE,KAAK,EAAqB;IAClD,OAAO,CACH,uBACI,cAAI,OAAO,EAAE,GAAG,aACZ,eAAM,SAAS,EAAC,SAAS,oCAA2B,EACpD,cAAM,EACN,eAAM,SAAS,EAAC,aAAa,YAAE,KAAK,EAAE,OAAO,GAAQ,IACpD,GACJ,CACR,CAAA;AACL,CAAC"}

package/lib/esm/features/errors/VertesiaErrorBoundary.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ErrorBoundary } from "react-error-boundary";
+export function VertesiaErrorBoundary({ children, fallback }) {
+    if (ErrorBoundaryInstance) { // custom error boundary?
+        return _jsx(ErrorBoundaryInstance, { fallback: fallback, children: children });
+    }
+    else {
+        return _jsx(ErrorBoundary, { FallbackComponent: fallback, children: children });
+    }
+}
+let ErrorBoundaryInstance = null;
+export function setErrorBoundaryComponent(ErrorBoundaryComponent) {
+    ErrorBoundaryInstance = ErrorBoundaryComponent;
+}
+//# sourceMappingURL=VertesiaErrorBoundary.js.map

package/lib/esm/features/errors/VertesiaErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VertesiaErrorBoundary.js","sourceRoot":"","sources":["../../../../src/features/errors/VertesiaErrorBoundary.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAWrD,MAAM,UAAU,qBAAqB,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAsB;IAC5E,IAAI,qBAAqB,EAAE,CAAC,CAAC,yBAAyB;QAClD,OAAO,KAAC,qBAAqB,IAAC,QAAQ,EAAE,QAAQ,YAAG,QAAQ,GAAyB,CAAA;IACxF,CAAC;SAAM,CAAC;QACJ,OAAO,KAAC,aAAa,IAAC,iBAAiB,EAAE,QAAQ,YAAG,QAAQ,GAAiB,CAAA;IACjF,CAAC;AACL,CAAC;AAED,IAAI,qBAAqB,GAGb,IAAI,CAAC;AAEjB,MAAM,UAAU,yBAAyB,CAAC,sBAAyD;IAC/F,qBAAqB,GAAG,sBAAsB,CAAC;AACnD,CAAC"}

package/lib/esm/features/errors/WidgetErrorBoundary.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { VertesiaErrorBoundary } from './VertesiaErrorBoundary';
+export function WidgetErrorBoundary({ children }) {
+    return (_jsx(VertesiaErrorBoundary, { fallback: WidgetErrorFallback, children: children }));
+}
+function WidgetErrorFallback({ error }) {
+    console.log('WidgetError', error);
+    return (_jsxs("div", { className: "text-sm", children: ["Sorry, this area cannot be loaded or rendered.", error?.message &&
+                _jsx("pre", { children: error.message })] }));
+}
+//# sourceMappingURL=WidgetErrorBoundary.js.map

package/lib/esm/features/errors/WidgetErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetErrorBoundary.js","sourceRoot":"","sources":["../../../../src/features/errors/WidgetErrorBoundary.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAGhE,MAAM,UAAU,mBAAmB,CAAC,EAAE,QAAQ,EAA2B;IAErE,OAAO,CACH,KAAC,qBAAqB,IAAC,QAAQ,EAAE,mBAAmB,YAC/C,QAAQ,GACW,CAC3B,CAAA;AACL,CAAC;AAED,SAAS,mBAAmB,CAAC,EAAE,KAAK,EAAqB;IAErD,OAAO,CAAC,GAAG,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;IAElC,OAAO,CACH,eAAK,SAAS,EAAC,SAAS,+DAEnB,KAAK,EAAE,OAAO;gBACX,wBACK,KAAK,CAAC,OAAO,GACZ,IAER,CACT,CAAA;AACL,CAAC"}

package/lib/esm/features/errors/index.js

@@ -0,0 +1,5 @@
+export * from "./VertesiaErrorBoundary";
+export * from "./PanelErrorBoundary";
+export * from "./RowErrorBoundary";
+export * from "./WidgetErrorBoundary";
+//# sourceMappingURL=index.js.map

package/lib/esm/features/errors/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/features/errors/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC"}

package/lib/esm/features/facets/EnvironmentFacet.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { SelectBox } from '@vertesia/ui/core';
+import { useUserSession } from '@vertesia/ui/session';
+import { facetOptionNameLabel } from './utils';
+export function EnvironmentFacet({ search, buckets, placeholder = "All Environments", className }) {
+    const { client } = useUserSession();
+    const [options, setOptions] = useState([]);
+    const filterValue = search.getFilterValue("environment");
+    const onChange = (option) => {
+        search.setFilterValue("environment", option?._id);
+    };
+    useEffect(() => {
+        if (client) {
+            const options = buckets.map(async (bucket) => {
+                let name;
+                await client.environments.retrieve(bucket._id).then((environment) => {
+                    name = environment.name;
+                }).catch(() => {
+                    name = `${bucket._id} (deleted)`;
+                });
+                if (!name) {
+                    name = bucket._id;
+                }
+                return {
+                    ...bucket,
+                    name
+                };
+            });
+            Promise.all(options).then(resolvedOptions => {
+                resolvedOptions.sort((a, b) => a.name.localeCompare(b.name));
+                setOptions(resolvedOptions);
+            });
+        }
+    }, [buckets, client]);
+    const value = options?.find((option) => option._id === filterValue);
+    return (_jsx(SelectBox, { filterBy: "name", className: className, isClearable: true, optionLabel: facetOptionNameLabel, options: options, value: value, onChange: onChange, by: '_id', placeholder: placeholder }));
+}
+//# sourceMappingURL=EnvironmentFacet.js.map

package/lib/esm/features/facets/EnvironmentFacet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnvironmentFacet.js","sourceRoot":"","sources":["../../../../src/features/facets/EnvironmentFacet.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAQ/C,MAAM,UAAU,gBAAgB,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,GAAG,kBAAkB,EAAE,SAAS,EAAyB;IACpH,MAAM,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IAEpC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAoB,EAAE,CAAC,CAAC;IAE9D,MAAM,WAAW,GAAG,MAAM,CAAC,cAAc,CAAC,aAAa,CAAW,CAAC;IACnE,MAAM,QAAQ,GAAG,CAAC,MAA+B,EAAE,EAAE;QACjD,MAAM,CAAC,cAAc,CAAC,aAAa,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;IACtD,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,MAAM,EAAE,CAAC;YACT,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE;gBACzC,IAAI,IAAI,CAAC;gBACT,MAAM,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,EAAE;oBAChE,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC;gBAC5B,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE;oBACV,IAAI,GAAG,GAAG,MAAM,CAAC,GAAG,YAAY,CAAC;gBACrC,CAAC,CAAC,CAAC;gBACH,IAAI,CAAC,IAAI,EAAE,CAAC;oBACR,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC;gBACtB,CAAC;gBACD,OAAO;oBACH,GAAG,MAAM;oBACT,IAAI;iBACP,CAAA;YACL,CAAC,CAAC,CAAA;YACF,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,EAAE;gBACxC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;gBAC7D,UAAU,CAAC,eAAe,CAAC,CAAC;YAChC,CAAC,CAAC,CAAC;QACP,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IAEtB,MAAM,KAAK,GAAG,OAAO,EAAE,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,KAAK,WAAW,CAAC,CAAC;IAEpE,OAAO,CACH,KAAC,SAAS,IAAC,QAAQ,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS,EAAE,WAAW,QAAC,WAAW,EAAE,oBAAoB,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAC,KAAK,EAAC,WAAW,EAAE,WAAW,GAAI,CAC5L,CAAA;AACL,CAAC"}

package/lib/esm/features/facets/FacetsNav.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { StringFacet } from './StringFacet';
+import { StringListFacet } from './StringListFacet';
+import { TypeFacet } from './TypeFacet';
+export function FacetsNav({ facets, search }) {
+    return (_jsxs("div", { className: 'flex items-center gap-x-4 w-full', children: [facets.role && _jsx(StringFacet, { search: search, className: "flex-1", name: "role", buckets: facets.role || [], placeholder: "Filter by Role" }), facets.type && _jsx(TypeFacet, { search: search, className: "flex-1", buckets: facets.type || [] }), facets.status && _jsx(StringFacet, { search: search, className: "flex-1", name: "status", buckets: facets.status || [], placeholder: "Filter by Status" }), facets.location && _jsx(StringFacet, { search: search, className: "flex-1", name: "location", buckets: facets.location || [], placeholder: "Filter by Location" }), facets.tags && _jsx(StringListFacet, { search: search, className: "flex-1", name: 'tags', buckets: facets.tags || [], placeholder: "Filter by Tags" })] }));
+}
+//# sourceMappingURL=FacetsNav.js.map

package/lib/esm/features/facets/FacetsNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FacetsNav.js","sourceRoot":"","sources":["../../../../src/features/facets/FacetsNav.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAMxC,MAAM,UAAU,SAAS,CAAC,EAAE,MAAM,EAAE,MAAM,EAAkB;IACxD,OAAO,CACH,eAAK,SAAS,EAAC,kCAAkC,aAC5C,MAAM,CAAC,IAAI,IAAI,KAAC,WAAW,IAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,MAAM,CAAC,IAAI,IAAI,EAAE,EAAE,WAAW,EAAC,gBAAgB,GAAG,EACtI,MAAM,CAAC,IAAI,IAAI,KAAC,SAAS,IAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAE,MAAM,CAAC,IAAI,IAAI,EAAE,GAAI,EAC3F,MAAM,CAAC,MAAM,IAAI,KAAC,WAAW,IAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,MAAM,CAAC,MAAM,IAAI,EAAE,EAAE,WAAW,EAAC,kBAAkB,GAAG,EAC9I,MAAM,CAAC,QAAQ,IAAI,KAAC,WAAW,IAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAC,QAAQ,EAAC,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,MAAM,CAAC,QAAQ,IAAI,EAAE,EAAE,WAAW,EAAC,oBAAoB,GAAG,EACtJ,MAAM,CAAC,IAAI,IAAI,KAAC,eAAe,IAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,MAAM,CAAC,IAAI,IAAI,EAAE,EAAE,WAAW,EAAC,gBAAgB,GAAG,IACzI,CACT,CAAA;AACL,CAAC"}

package/lib/esm/features/facets/InteractionFacet.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { SelectBox } from '@vertesia/ui/core';
+import { useUserSession } from '@vertesia/ui/session';
+import { facetOptionNameLabel } from './utils';
+export function InteractionFacet({ search, buckets, placeholder = "All Interactions", className }) {
+    const { client } = useUserSession();
+    const [options, setOptions] = useState([]);
+    const filterValue = search.getFilterValue("interaction");
+    const onChange = (option) => {
+        search.setFilterValue("interaction", option?._id);
+    };
+    useEffect(() => {
+        if (client) {
+            const options = buckets.map(async (bucket) => {
+                let name;
+                await client.interactions.retrieve(bucket._id).then((interaction) => {
+                    name = interaction.name;
+                }).catch(() => {
+                    name = `${bucket._id} (deleted)`;
+                });
+                if (!name) {
+                    name = bucket._id;
+                }
+                return {
+                    ...bucket,
+                    name
+                };
+            });
+            Promise.all(options).then(resolvedOptions => {
+                resolvedOptions.sort((a, b) => a.name.localeCompare(b.name));
+                setOptions(resolvedOptions);
+            });
+        }
+    }, [buckets, client]);
+    const value = options?.find((option) => option._id === filterValue);
+    return (_jsx(SelectBox, { filterBy: "name", className: className, isClearable: true, optionLabel: facetOptionNameLabel, options: options, value: value, onChange: onChange, by: '_id', placeholder: placeholder }));
+}
+//# sourceMappingURL=InteractionFacet.js.map

package/lib/esm/features/facets/InteractionFacet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InteractionFacet.js","sourceRoot":"","sources":["../../../../src/features/facets/InteractionFacet.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAQ/C,MAAM,UAAU,gBAAgB,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,GAAG,kBAAkB,EAAE,SAAS,EAAyB;IACpH,MAAM,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IAEpC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAoB,EAAE,CAAC,CAAC;IAE9D,MAAM,WAAW,GAAG,MAAM,CAAC,cAAc,CAAC,aAAa,CAAW,CAAC;IACnE,MAAM,QAAQ,GAAG,CAAC,MAA+B,EAAE,EAAE;QACjD,MAAM,CAAC,cAAc,CAAC,aAAa,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;IACtD,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,MAAM,EAAE,CAAC;YACT,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE;gBACzC,IAAI,IAAI,CAAC;gBACT,MAAM,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,EAAE;oBAChE,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC;gBAC5B,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE;oBACV,IAAI,GAAG,GAAG,MAAM,CAAC,GAAG,YAAY,CAAC;gBACrC,CAAC,CAAC,CAAC;gBACH,IAAI,CAAC,IAAI,EAAE,CAAC;oBACR,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC;gBACtB,CAAC;gBACD,OAAO;oBACH,GAAG,MAAM;oBACT,IAAI;iBACP,CAAA;YACL,CAAC,CAAC,CAAA;YACF,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,EAAE;gBACxC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;gBAC7D,UAAU,CAAC,eAAe,CAAC,CAAC;YAChC,CAAC,CAAC,CAAC;QACP,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IAEtB,MAAM,KAAK,GAAG,OAAO,EAAE,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,KAAK,WAAW,CAAC,CAAC;IAEpE,OAAO,CACH,KAAC,SAAS,IAAC,QAAQ,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS,EAAE,WAAW,QAAC,WAAW,EAAE,oBAAoB,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAC,KAAK,EAAC,WAAW,EAAE,WAAW,GAAI,CAC5L,CAAA;AACL,CAAC"}

package/lib/esm/features/facets/StringFacet.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SelectBox } from '@vertesia/ui/core';
+import { facetOptionLabel } from './utils';
+export function StringFacet({ search, buckets, name, placeholder, className }) {
+    const filterValue = search.getFilterValue(name);
+    const onChange = (option) => {
+        search.setFilterValue(name, option?._id);
+    };
+    const value = buckets?.find((option) => JSON.stringify(option._id) === JSON.stringify(filterValue));
+    return (_jsx(SelectBox, { filterBy: "_id", className: className, isClearable: true, optionLabel: facetOptionLabel, options: buckets, value: value, onChange: onChange, by: '_id', placeholder: placeholder }));
+}
+//# sourceMappingURL=StringFacet.js.map

package/lib/esm/features/facets/StringFacet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StringFacet.js","sourceRoot":"","sources":["../../../../src/features/facets/StringFacet.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAS3C,MAAM,UAAU,WAAW,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAoB;IAC3F,MAAM,WAAW,GAAG,MAAM,CAAC,cAAc,CAAC,IAAI,CAAW,CAAC;IAC1D,MAAM,QAAQ,GAAG,CAAC,MAA+B,EAAE,EAAE;QACjD,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;IAC7C,CAAC,CAAA;IAED,MAAM,KAAK,GAAG,OAAO,EAAE,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC;IAEpG,OAAO,CACH,KAAC,SAAS,IAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,EAAE,SAAS,EAAE,WAAW,QAAC,WAAW,EAAE,gBAAgB,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAC,KAAK,EAAC,WAAW,EAAE,WAAW,GAAI,CACvL,CAAA;AACL,CAAC"}

package/lib/esm/features/facets/StringListFacet.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { InputList } from '@vertesia/ui/core';
+import { useEffect, useState } from 'react';
+export function StringListFacet({ search, name, placeholder, className }) {
+    const [tags, setTags] = useState([]);
+    useEffect(() => {
+        search.setFilterValue(name, tags);
+    }, [tags]);
+    return (_jsx(InputList, { className: className, value: tags, onChange: setTags, placeholder: placeholder }));
+}
+//# sourceMappingURL=StringListFacet.js.map

package/lib/esm/features/facets/StringListFacet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StringListFacet.js","sourceRoot":"","sources":["../../../../src/features/facets/StringListFacet.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAS5C,MAAM,UAAU,eAAe,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAwB;IAC1F,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IAE/C,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACH,KAAC,SAAS,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,GAAI,CAChG,CAAA;AACL,CAAC"}