@keak/sdk 2.0.9 → 2.1.0

package/dist/KeakToolbarShadow.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+export interface KeakToolbarShadowProps {
+    /** Initial position of the toolbar */
+    position?: "bottom-right" | "bottom-left" | "top-right" | "top-left";
+    /** Theme variant */
+    theme?: "light" | "dark" | "auto" | "high-contrast" | "cluely";
+    /** API key for Keak services */
+    apiKey?: string;
+    /** Custom z-index for the toolbar */
+    zIndex?: number;
+    /** Callback when toolbar is mounted */
+    onMount?: (shadowRoot: ShadowRoot) => void;
+    /** Callback when toolbar is unmounted */
+    onUnmount?: () => void;
+    /** Custom CSS variables to override theme */
+    customTheme?: Record<string, string>;
+}
+export declare function KeakToolbarShadow({ position, theme, apiKey, zIndex, // max practical z-index
+onMount, onUnmount, customTheme }: KeakToolbarShadowProps): React.ReactPortal | null;
+export { KeakToolbarShadow as KeakToolbar };
+//# sourceMappingURL=KeakToolbarShadow.d.ts.map

package/dist/KeakToolbarShadow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeakToolbarShadow.d.ts","sourceRoot":"","sources":["../src/KeakToolbarShadow.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,WAAW,sBAAsB;IACrC,sCAAsC;IACtC,QAAQ,CAAC,EAAE,cAAc,GAAG,aAAa,GAAG,WAAW,GAAG,UAAU,CAAA;IACpE,oBAAoB;IACpB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,eAAe,GAAG,QAAQ,CAAA;IAC9D,gCAAgC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,qCAAqC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,uCAAuC;IACvC,OAAO,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAA;IAC1C,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACrC;AAED,wBAAgB,iBAAiB,CAAC,EAChC,QAAyB,EACzB,KAAc,EACd,MAAM,EACN,MAAmB,EAAE,wBAAwB;AAC7C,OAAO,EACP,SAAS,EACT,WAAW,EACZ,EAAE,sBAAsB,4BAmKxB;AAGD,OAAO,EAAE,iBAAiB,IAAI,WAAW,EAAE,CAAA"}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };
+//# sourceMappingURL=card.d.ts.map

package/dist/components/ui/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,QAAA,MAAM,IAAI,6GAYR,CAAC;AAGH,QAAA,MAAM,UAAU,6GASd,CAAC;AAGH,QAAA,MAAM,SAAS,uHAYb,CAAC;AAGH,QAAA,MAAM,eAAe,yHASnB,CAAC;AAGH,QAAA,MAAM,WAAW,6GAKf,CAAC;AAGH,QAAA,MAAM,UAAU,6GASd,CAAC;AAGH,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/ui/html-preview.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface HTMLPreviewProps {
+    html: string;
+    className?: string;
+    title?: string;
+}
+export declare const HTMLPreview: React.FC<HTMLPreviewProps>;
+export {};
+//# sourceMappingURL=html-preview.d.ts.map

package/dist/components/ui/html-preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"html-preview.d.ts","sourceRoot":"","sources":["../../../src/components/ui/html-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,UAAU,gBAAgB;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA2GlD,CAAC"}

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

@@ -0,0 +1,26 @@
+import React from 'react';
+interface TabsProps {
+    defaultValue: string;
+    children: React.ReactNode;
+    className?: string;
+}
+export declare const Tabs: React.FC<TabsProps>;
+interface TabsListProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare const TabsList: React.FC<TabsListProps>;
+interface TabsTriggerProps {
+    value: string;
+    children: React.ReactNode;
+    className?: string;
+}
+export declare const TabsTrigger: React.FC<TabsTriggerProps>;
+interface TabsContentProps {
+    value: string;
+    children: React.ReactNode;
+    className?: string;
+}
+export declare const TabsContent: React.FC<TabsContentProps>;
+export {};
+//# sourceMappingURL=simple-tabs.d.ts.map

package/dist/components/ui/simple-tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-tabs.d.ts","sourceRoot":"","sources":["../../../src/components/ui/simple-tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAC;AAUnE,UAAU,SAAS;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAUpC,CAAC;AAEF,UAAU,aAAa;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAM5C,CAAC;AAEF,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAqBlD,CAAC;AAEF,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAalD,CAAC"}

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

@@ -0,0 +1,6 @@
+import { type LucideProps } from 'lucide-react';
+export type SpinnerProps = LucideProps & {
+    variant?: 'default' | 'circle' | 'pinwheel' | 'circle-filled' | 'ellipsis' | 'ring';
+};
+export declare const Spinner: ({ variant, ...props }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=spinner.d.ts.map

package/dist/components/ui/spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../src/components/ui/spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,WAAW,EACjB,MAAM,cAAc,CAAC;AA+ItB,MAAM,MAAM,YAAY,GAAG,WAAW,GAAG;IACvC,OAAO,CAAC,EACJ,SAAS,GACT,QAAQ,GACR,UAAU,GACV,eAAe,GACf,UAAU,GACV,MAAM,CAAC;CACZ,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,uBAAuB,YAAY,4CAe1D,CAAC"}

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

@@ -0,0 +1,13 @@
+import React from 'react';
+declare const Tabs: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const TabsList: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    value: string;
+    active?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
+declare const TabsContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    value: string;
+    active?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export { Tabs, TabsList, TabsTrigger, TabsContent };
+//# sourceMappingURL=tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/ui/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,QAAA,MAAM,IAAI,6GASR,CAAC;AAGH,QAAA,MAAM,QAAQ,6GAYZ,CAAC;AAGH,QAAA,MAAM,WAAW;WAGN,MAAM;aACJ,OAAO;2CAclB,CAAC;AAGH,QAAA,MAAM,WAAW;WAGN,MAAM;aACJ,OAAO;wCAYlB,CAAC;AAGH,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC"}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+}
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export { Textarea };
+//# sourceMappingURL=textarea.d.ts.map

package/dist/components/ui/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/components/ui/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;CAAG;AAE9D,QAAA,MAAM,QAAQ,2FAab,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/index.cjs.js

@@ -501,116 +501,9 @@ function getSourceConfidence(sourceInfo) {
     }
     return 'low';
 }
-/**
- * Check if an element is part of a dynamically generated list (.map(), .forEach(), etc.)
- *
- * Detection strategy:
- * 1. Check if multiple siblings share the same source location (primary method)
- * 2. This indicates they're generated from the same template (likely a map)
- * 3. Also check if the element is a descendant of an element that's in a map
- *
- * @param element The DOM element to check
- * @returns Object with isInMap (boolean) and reason (string) if detected
- */
-function isElementInDynamicList(element) {
-    // First, check if the element itself is in a map
-    const directCheck = checkElementForMapPattern(element);
-    if (directCheck.isInMap) {
-        return directCheck;
-    }
-    // If not, check if any ancestor is in a map
-    let current = element.parentElement;
-    let depth = 0;
-    const maxDepth = 10; // Limit traversal depth to avoid performance issues
-    while (current && depth < maxDepth) {
-        const ancestorCheck = checkElementForMapPattern(current);
-        if (ancestorCheck.isInMap) {
-            return {
-                isInMap: true,
-                reason: `This element is a child of a dynamically generated list item. ${ancestorCheck.reason}`,
-                siblingCount: ancestorCheck.siblingCount
-            };
-        }
-        current = current.parentElement;
-        depth++;
-    }
-    return { isInMap: false };
-}
-/**
- * Helper function to check if a specific element is part of a map pattern
- */
-function checkElementForMapPattern(element) {
-    const parent = element.parentElement;
-    if (!parent) {
-        return { isInMap: false };
-    }
-    // Get all sibling elements (including the element itself)
-    const siblings = Array.from(parent.children).filter((sibling) => sibling instanceof HTMLElement);
-    // Need at least 2 siblings to detect a pattern
-    if (siblings.length < 2) {
-        return { isInMap: false };
-    }
-    // Get source location for the target element
-    const elementSource = getReactFiberSource(element);
-    // If we can't get source for the element, try data-keak-src attribute
-    let elementSourceKey = null;
-    if (elementSource) {
-        elementSourceKey = `${elementSource.fileName}:${elementSource.lineNumber}`;
-    }
-    else {
-        const keakSrc = element.getAttribute('data-keak-src');
-        if (keakSrc) {
-            // Format is "file:line:column", we use file:line as key
-            const parts = keakSrc.split(':');
-            if (parts.length >= 2) {
-                const fileName = parts.slice(0, -2).join(':'); // Handle Windows paths
-                const lineNumber = parts[parts.length - 2];
-                elementSourceKey = `${fileName}:${lineNumber}`;
-            }
-        }
-    }
-    // If we don't have source info, we can't detect map patterns reliably
-    if (!elementSourceKey) {
-        return { isInMap: false };
-    }
-    // Check how many siblings share the same source location
-    let matchingSiblings = 0;
-    for (const sibling of siblings) {
-        const siblingSource = getReactFiberSource(sibling);
-        let siblingSourceKey = null;
-        if (siblingSource) {
-            siblingSourceKey = `${siblingSource.fileName}:${siblingSource.lineNumber}`;
-        }
-        else {
-            const keakSrc = sibling.getAttribute('data-keak-src');
-            if (keakSrc) {
-                const parts = keakSrc.split(':');
-                if (parts.length >= 2) {
-                    const fileName = parts.slice(0, -2).join(':');
-                    const lineNumber = parts[parts.length - 2];
-                    siblingSourceKey = `${fileName}:${lineNumber}`;
-                }
-            }
-        }
-        if (siblingSourceKey === elementSourceKey) {
-            matchingSiblings++;
-        }
-    }
-    // If 2+ siblings share the same source location, it's likely a map/forEach
-    // We use >= 2 because the element itself counts as one
-    if (matchingSiblings >= 2) {
-        return {
-            isInMap: true,
-            reason: `Multiple elements (${matchingSiblings}) share the same source location, indicating they're generated from a .map() or similar dynamic list pattern`,
-            siblingCount: matchingSiblings
-        };
-    }
-    return { isInMap: false };
-}
 
 const ElementSelector = ({ onElementSelected, onCancel, }) => {
     const [hoveredElement, setHoveredElement] = React.useState(null);
-    const [mapWarning, setMapWarning] = React.useState({ show: false, message: "" });
     const highlightRef = React.useRef(null);
     React.useEffect(() => {
         const handleMouseMove = (e) => {
@@ -635,27 +528,9 @@ const ElementSelector = ({ onElementSelected, onCancel, }) => {
                 target.closest(".keak-toolbar") ||
                 target.closest(".keak-selector-highlight") ||
                 target.closest(".keak-selector-tooltip") ||
-                target.closest(".keak-selector-instructions") ||
-                target.closest(".keak-map-warning")) {
+                target.closest(".keak-selector-instructions")) {
                 return;
             }
-            // Check if element is inside a dynamic list (.map(), .forEach(), etc.)
-            const mapCheck = isElementInDynamicList(target);
-            if (mapCheck.isInMap) {
-                // Show warning and prevent selection
-                setMapWarning({
-                    show: true,
-                    message: mapCheck.reason || "Element is part of a dynamically generated list",
-                    siblingCount: mapCheck.siblingCount
-                });
-                // Auto-hide warning after 5 seconds
-                setTimeout(() => {
-                    setMapWarning({ show: false, message: "" });
-                }, 5000);
-                return; // Prevent selection
-            }
-            // Clear any existing warning
-            setMapWarning({ show: false, message: "" });
             onElementSelected(target);
         };
         const handleKeyDown = (e) => {
@@ -818,65 +693,7 @@ const ElementSelector = ({ onElementSelected, onCancel, }) => {
         return { selector, text, source, impact };
     };
     const elementInfo = hoveredElement ? getElementInfo(hoveredElement) : null;
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { ref: highlightRef, className: "keak-selector-highlight" }), mapWarning.show && (jsxRuntime.jsx("div", { className: "keak-map-warning", style: {
-                    position: "fixed",
-                    top: "140px",
-                    left: "50%",
-                    transform: "translateX(-50%)",
-                    maxWidth: "500px",
-                    background: "hsl(0 84.2% 60.2%)",
-                    border: "1px solid hsl(0 72.2% 50.6%)",
-                    borderRadius: "8px",
-                    padding: "16px 20px",
-                    boxShadow: "0 10px 30px 0 rgba(0, 0, 0, 0.3)",
-                    fontFamily: 'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
-                    zIndex: 1000000,
-                    color: "white",
-                    animation: "slideDown 0.3s ease-out",
-                }, children: jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "flex-start", gap: "12px" }, children: [jsxRuntime.jsx("div", { style: {
-                                fontSize: "20px",
-                                lineHeight: "1",
-                                marginTop: "2px",
-                            }, children: "\u26A0\uFE0F" }), jsxRuntime.jsxs("div", { style: { flex: 1 }, children: [jsxRuntime.jsx("div", { style: {
-                                        fontSize: "15px",
-                                        fontWeight: 600,
-                                        marginBottom: "8px",
-                                    }, children: "Cannot select element from dynamic list" }), jsxRuntime.jsx("div", { style: {
-                                        fontSize: "13px",
-                                        lineHeight: "1.5",
-                                        opacity: 0.95,
-                                        marginBottom: "12px",
-                                    }, children: "This element is part of a dynamically generated list (.map(), .forEach(), etc.). Selecting individual items isn't supported because:" }), jsxRuntime.jsxs("ul", { style: {
-                                        fontSize: "13px",
-                                        lineHeight: "1.6",
-                                        margin: "0 0 12px 0",
-                                        paddingLeft: "20px",
-                                        opacity: 0.95,
-                                        listStyle: "none",
-                                    }, children: [jsxRuntime.jsxs("li", { style: { position: "relative", paddingLeft: "16px" }, children: [jsxRuntime.jsx("span", { style: { position: "absolute", left: 0 }, children: "-" }), "The data might come from props or a database"] }), jsxRuntime.jsxs("li", { style: { position: "relative", paddingLeft: "16px" }, children: [jsxRuntime.jsx("span", { style: { position: "absolute", left: 0 }, children: "-" }), "Variants would affect all items, not just one"] })] }), jsxRuntime.jsx("div", { style: {
-                                        fontSize: "13px",
-                                        fontWeight: 600,
-                                        marginTop: "12px",
-                                        paddingTop: "12px",
-                                        borderTop: "1px solid rgba(255, 255, 255, 0.2)",
-                                    }, children: "\uD83D\uDCA1 Alternatives:" }), jsxRuntime.jsxs("ul", { style: {
-                                        fontSize: "13px",
-                                        lineHeight: "1.6",
-                                        margin: "8px 0 0 0",
-                                        paddingLeft: "20px",
-                                        opacity: 0.95,
-                                        listStyle: "none",
-                                    }, children: [jsxRuntime.jsxs("li", { style: { position: "relative", paddingLeft: "16px" }, children: [jsxRuntime.jsx("span", { style: { position: "absolute", left: 0 }, children: "-" }), "Select the parent container to test the entire list"] }), jsxRuntime.jsxs("li", { style: { position: "relative", paddingLeft: "16px" }, children: [jsxRuntime.jsx("span", { style: { position: "absolute", left: 0 }, children: "-" }), "Extract list items into a separate component and wrap it in Experiment/Variant"] })] })] }), jsxRuntime.jsx("button", { onClick: () => setMapWarning({ show: false, message: "" }), style: {
-                                background: "transparent",
-                                border: "none",
-                                color: "white",
-                                cursor: "pointer",
-                                fontSize: "18px",
-                                lineHeight: "1",
-                                padding: "0",
-                                opacity: 0.8,
-                                transition: "opacity 0.2s",
-                            }, onMouseEnter: (e) => (e.currentTarget.style.opacity = "1"), onMouseLeave: (e) => (e.currentTarget.style.opacity = "0.8"), children: "\u00D7" })] }) })), hoveredElement && elementInfo && (jsxRuntime.jsxs("div", { className: "keak-selector-tooltip", style: {
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { ref: highlightRef, className: "keak-selector-highlight" }), hoveredElement && elementInfo && (jsxRuntime.jsxs("div", { className: "keak-selector-tooltip", style: {
                     position: "fixed",
                     bottom: `${window.innerHeight -
                         hoveredElement.getBoundingClientRect().top +
@@ -1496,19 +1313,6 @@ const KeakToolbar = ({ position = 'bottom-right', theme = 'auto' }) => {
         console.log('[Keak Toolbar] Tag:', element.tagName);
         console.log('[Keak Toolbar] HTML (first 300 chars):', element.outerHTML.substring(0, 300));
         console.log('[Keak Toolbar] All attributes:', Array.from(element.attributes).map(a => `${a.name}="${a.value}"`).join(', '));
-        // Check if element is inside a dynamic list (.map(), .forEach(), etc.)
-        const mapCheck = isElementInDynamicList(element);
-        if (mapCheck.isInMap) {
-            console.log('[Keak Toolbar] ⚠️ Element is part of a dynamic list, preventing selection');
-            console.log('[Keak Toolbar] Reason:', mapCheck.reason);
-            // Show a brief visual feedback
-            element.style.transition = 'all 0.3s';
-            element.style.outline = '3px solid #ef4444';
-            setTimeout(() => { element.style.outline = ''; }, 2000);
-            // Don't proceed with selection
-            setIsSelecting(false);
-            return;
-        }
         setSelectedElement(element);
         setIsSelecting(false);
         updateSelectedHighlight(element);