@keak/sdk 2.0.9 → 2.1.0

package/dist/services/telemetry/types.d.ts

@@ -0,0 +1,64 @@
+export interface TelemetryConfig {
+    supabaseUrl: string;
+    supabaseKey: string;
+    enabled?: boolean;
+}
+export interface UserContext {
+    userId?: string;
+    metadata?: Record<string, any>;
+}
+export interface ChatStartEvent {
+    sessionId: string;
+    elementSelector: string;
+    originalCode: string;
+}
+export interface GenerationStartEvent {
+    chatId: string;
+    userPrompt: string;
+    generationType: GenerationType;
+    llmModel: string;
+    modelTier: string;
+}
+export interface GenerationCompleteEvent {
+    generationId: string;
+    durationMs: number;
+    inputTokens: number;
+    outputTokens: number;
+    variant: InitialVariantData;
+    complexity?: ComplexityScores;
+}
+export interface ComplexityScores {
+    overall: number;
+    structural: number;
+    content: number;
+    technical: number;
+}
+export interface InitialVariantData {
+    generationId: string;
+    chatId: string;
+    variantCode: string;
+    validationScore: number;
+}
+export declare enum GenerationType {
+    INITIAL = "INITIAL",
+    RETRY = "RETRY",
+    FOLLOWUP = "FOLLOWUP"
+}
+export declare enum VariantOutcome {
+    PENDING = "PENDING",
+    EDITED = "EDITED",
+    ACCEPTED = "ACCEPTED",
+    REPLACED = "REPLACED",// Retried
+    CLEARED = "CLEARED",
+    SKIPPED = "SKIPPED"
+}
+export interface VariantUpdates {
+    variant_code?: string;
+    validation_score?: number | null;
+    final_code?: string | null;
+    has_edits?: boolean;
+    outcome?: VariantOutcome;
+    preview_count?: number;
+    last_previewed_at?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/services/telemetry/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/services/telemetry/types.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,eAAe;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,WAAW;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,cAAc;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;CAExB;AAED,MAAM,WAAW,oBAAoB;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,cAAc,CAAC;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,uBAAuB;IACpC,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,kBAAkB,CAAC;IAC5B,UAAU,CAAC,EAAE,gBAAgB,CAAC;CACjC;AAED,MAAM,WAAW,gBAAgB;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IAC/B,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;CAC3B;AAED,oBAAY,cAAc;IACtB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,QAAQ,aAAa;CACxB;AACD,oBAAY,cAAc;IACtB,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,QAAQ,aAAa;IACrB,QAAQ,aAAa,CAAE,UAAU;IACjC,OAAO,YAAY;IACnB,OAAO,YAAY;CACtB;AAED,MAAM,WAAW,cAAc;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC9B"}

package/dist/toolbar/AIPromptPanel.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface AIPromptPanelProps {
+    selectedElement: HTMLElement | null;
+    aiModel: 'keak' | 'copilot' | 'cursor';
+    onClose: () => void;
+}
+export declare const AIPromptPanel: React.FC<AIPromptPanelProps>;
+export {};
+//# sourceMappingURL=AIPromptPanel.d.ts.map

package/dist/toolbar/AIPromptPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AIPromptPanel.d.ts","sourceRoot":"","sources":["../../src/toolbar/AIPromptPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAU3D,UAAU,kBAAkB;IAC1B,eAAe,EAAE,WAAW,GAAG,IAAI,CAAC;IACpC,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;IACvC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAy7CtD,CAAC"}

package/dist/toolbar/ElementSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ElementSelector.d.ts","sourceRoot":"","sources":["../../src/toolbar/ElementSelector.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,UAAU,oBAAoB;IAC5B,iBAAiB,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAClD,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAmf1D,CAAC"}
+{"version":3,"file":"ElementSelector.d.ts","sourceRoot":"","sources":["../../src/toolbar/ElementSelector.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,UAAU,oBAAoB;IAC5B,iBAAiB,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAClD,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA8V1D,CAAC"}

package/dist/toolbar/ExperimentPanel.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface ExperimentPanelProps {
+    selectedElement: HTMLElement | null;
+    onClose: () => void;
+    onSelectElement: () => void;
+}
+export declare const ExperimentPanel: React.FC<ExperimentPanelProps>;
+export {};
+//# sourceMappingURL=ExperimentPanel.d.ts.map

package/dist/toolbar/ExperimentPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExperimentPanel.d.ts","sourceRoot":"","sources":["../../src/toolbar/ExperimentPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,UAAU,oBAAoB;IAC5B,eAAe,EAAE,WAAW,GAAG,IAAI,CAAC;IACpC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,eAAe,EAAE,MAAM,IAAI,CAAC;CAC7B;AAUD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAuP1D,CAAC"}

package/dist/toolbar/KeakToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KeakToolbar.d.ts","sourceRoot":"","sources":["../../src/toolbar/KeakToolbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAMxE,OAAO,eAAe,CAAC;AACvB,OAAO,sBAAsB,CAAC;AAgC9B,UAAU,gBAAgB;IACxB,QAAQ,CAAC,EAAE,YAAY,GAAG,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa,CAAC;IACpF,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;CACnC;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA8dlD,CAAC"}
+{"version":3,"file":"KeakToolbar.d.ts","sourceRoot":"","sources":["../../src/toolbar/KeakToolbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAMxE,OAAO,eAAe,CAAC;AACvB,OAAO,sBAAsB,CAAC;AAgC9B,UAAU,gBAAgB;IACxB,QAAQ,CAAC,EAAE,YAAY,GAAG,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa,CAAC;IACpF,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;CACnC;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAgdlD,CAAC"}

package/dist/toolbar/MetricsPanel.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface MetricsPanelProps {
+    onClose: () => void;
+}
+export declare const MetricsPanel: React.FC<MetricsPanelProps>;
+export {};
+//# sourceMappingURL=MetricsPanel.d.ts.map

package/dist/toolbar/MetricsPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricsPanel.d.ts","sourceRoot":"","sources":["../../src/toolbar/MetricsPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,UAAU,iBAAiB;IACzB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AA0BD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA4XpD,CAAC"}

package/dist/toolbar/PageScanPanel.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface PageScanPanelProps {
+    scannedElements: Array<{
+        element: HTMLElement;
+        suggestions: string[];
+        priority: number;
+    }>;
+    isScanning: boolean;
+    scanProgress?: number;
+    onNavigateToElement: (element: HTMLElement) => void;
+    onClose: () => void;
+}
+export declare const PageScanPanel: React.FC<PageScanPanelProps>;
+export {};
+//# sourceMappingURL=PageScanPanel.d.ts.map

package/dist/toolbar/PageScanPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageScanPanel.d.ts","sourceRoot":"","sources":["../../src/toolbar/PageScanPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,kBAAkB;IAC1B,eAAe,EAAE,KAAK,CAAC;QAAC,OAAO,EAAE,WAAW,CAAC;QAAC,WAAW,EAAE,MAAM,EAAE,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAC,CAAC,CAAC;IACxF,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACpD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA0CtD,CAAC"}

package/dist/toolbar/components/PrimaryButton.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface PrimaryButtonProps {
+    onClick?: () => void;
+    children: React.ReactNode;
+    disabled?: boolean;
+    icon?: React.ReactNode;
+    fullWidth?: boolean;
+    type?: 'button' | 'submit' | 'reset';
+}
+export declare const PrimaryButton: React.FC<PrimaryButtonProps>;
+export {};
+//# sourceMappingURL=PrimaryButton.d.ts.map

package/dist/toolbar/components/PrimaryButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrimaryButton.d.ts","sourceRoot":"","sources":["../../../src/toolbar/components/PrimaryButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,kBAAkB;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;CACtC;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAuDtD,CAAC"}

package/dist/toolbar/components/WarningButton.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface WarningButtonProps {
+    onClick?: () => void;
+    children: React.ReactNode;
+    disabled?: boolean;
+    icon?: React.ReactNode;
+    fullWidth?: boolean;
+    type?: 'button' | 'submit' | 'reset';
+}
+export declare const WarningButton: React.FC<WarningButtonProps>;
+export {};
+//# sourceMappingURL=WarningButton.d.ts.map

package/dist/toolbar/components/WarningButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WarningButton.d.ts","sourceRoot":"","sources":["../../../src/toolbar/components/WarningButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,kBAAkB;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;CACtC;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAkDtD,CAAC"}

package/dist/toolbar/components/ui/Badge.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "secondary" | "destructive" | "outline" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+}
+declare function Badge({ className, variant, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export { Badge, badgeVariants };
+//# sourceMappingURL=Badge.d.ts.map

package/dist/toolbar/components/ui/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/toolbar/components/ui/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,aAAa;;8EAkBlB,CAAA;AAED,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzC,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAI1D;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}

package/dist/toolbar/components/ui/Button.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { Button, buttonVariants };
+//# sourceMappingURL=Button.d.ts.map

package/dist/toolbar/components/ui/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/toolbar/components/ui/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,cAAc;;;8EA2BnB,CAAA;AAED,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,MAAM,uFAWX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}

package/dist/toolbar/components/ui/Progress.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+declare function Progress({ className, value, ...props }: React.ComponentProps<typeof ProgressPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Progress };
+//# sourceMappingURL=Progress.d.ts.map

package/dist/toolbar/components/ui/Progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../../src/toolbar/components/ui/Progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAA;AAI7D,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,2CAiBrD;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/toolbar/components/ui/Tabs.d.ts

@@ -0,0 +1,44 @@
+import * as React from 'react';
+import { type HTMLMotionProps } from 'framer-motion';
+type TabsContextType<T extends string> = {
+    activeValue: T;
+    handleValueChange: (value: T) => void;
+    registerTrigger: (value: T, node: HTMLElement | null) => void;
+};
+declare function useTabs<T extends string = string>(): TabsContextType<T>;
+type BaseTabsProps = React.ComponentProps<'div'> & {
+    children: React.ReactNode;
+};
+type UnControlledTabsProps<T extends string = string> = BaseTabsProps & {
+    defaultValue?: T;
+    value?: never;
+    onValueChange?: never;
+};
+type ControlledTabsProps<T extends string = string> = BaseTabsProps & {
+    value: T;
+    onValueChange?: (value: T) => void;
+    defaultValue?: never;
+};
+type TabsProps<T extends string = string> = UnControlledTabsProps<T> | ControlledTabsProps<T>;
+declare function Tabs<T extends string = string>({ defaultValue, value, onValueChange, children, className, ...props }: TabsProps<T>): import("react/jsx-runtime").JSX.Element;
+type TabsListProps = React.ComponentProps<'div'> & {
+    children: React.ReactNode;
+    activeClassName?: string;
+};
+declare function TabsList({ children, className, activeClassName, ...props }: TabsListProps): import("react/jsx-runtime").JSX.Element;
+type TabsTriggerProps = HTMLMotionProps<'button'> & {
+    value: string;
+    children: React.ReactNode;
+};
+declare function TabsTrigger({ ref, value, children, className, ...props }: TabsTriggerProps): import("react/jsx-runtime").JSX.Element;
+type TabsContentsProps = React.ComponentProps<'div'> & {
+    children: React.ReactNode;
+};
+declare function TabsContents({ children, className, ...props }: TabsContentsProps): import("react/jsx-runtime").JSX.Element;
+type TabsContentProps = HTMLMotionProps<'div'> & {
+    value: string;
+    children: React.ReactNode;
+};
+declare function TabsContent({ children, value, className, ...props }: TabsContentProps): import("react/jsx-runtime").JSX.Element;
+export { Tabs, TabsList, TabsTrigger, TabsContents, TabsContent, useTabs, type TabsContextType, type TabsProps, type TabsListProps, type TabsTriggerProps, type TabsContentsProps, type TabsContentProps, };
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/toolbar/components/ui/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/toolbar/components/ui/Tabs.tsx"],"names":[],"mappings":"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"}

package/dist/toolbar/components/ui/dropdown-menu.d.ts

@@ -0,0 +1,28 @@
+import * as React from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, };
+//# sourceMappingURL=dropdown-menu.d.ts.map

package/dist/toolbar/components/ui/dropdown-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../../src/toolbar/components/ui/dropdown-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAA;AAKtE,QAAA,MAAM,YAAY,mDAA6B,CAAA;AAE/C,QAAA,MAAM,mBAAmB,0HAAgC,CAAA;AAEzD,QAAA,MAAM,iBAAiB,qHAA8B,CAAA;AAErD,QAAA,MAAM,kBAAkB,yDAA+B,CAAA;AAEvD,QAAA,MAAM,eAAe,sDAA4B,CAAA;AAEjD,QAAA,MAAM,sBAAsB,0HAAmC,CAAA;AAE/D,QAAA,MAAM,sBAAsB;YAGhB,OAAO;wCAejB,CAAA;AAIF,QAAA,MAAM,sBAAsB,6KAY1B,CAAA;AAIF,QAAA,MAAM,mBAAmB,0KAevB,CAAA;AAGF,QAAA,MAAM,gBAAgB;YAGV,OAAO;wCAYjB,CAAA;AAGF,QAAA,MAAM,wBAAwB,+KAoB5B,CAAA;AAIF,QAAA,MAAM,qBAAqB,4KAmBzB,CAAA;AAGF,QAAA,MAAM,iBAAiB;YAGX,OAAO;wCAYjB,CAAA;AAGF,QAAA,MAAM,qBAAqB,4KASzB,CAAA;AAGF,QAAA,MAAM,oBAAoB;8BAGvB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;CAOvC,CAAA;AAGD,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,wBAAwB,EACxB,qBAAqB,EACrB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,GACvB,CAAA"}

package/dist/toolbar.js

@@ -315,116 +315,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] = useState(null);
-    const [mapWarning, setMapWarning] = useState({ show: false, message: "" });
     const highlightRef = useRef(null);
     useEffect(() => {
         const handleMouseMove = (e) => {
@@ -449,27 +342,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) => {
@@ -632,65 +507,7 @@ const ElementSelector = ({ onElementSelected, onCancel, }) => {
         return { selector, text, source, impact };
     };
     const elementInfo = hoveredElement ? getElementInfo(hoveredElement) : null;
-    return (jsxs(Fragment, { children: [jsx("div", { ref: highlightRef, className: "keak-selector-highlight" }), mapWarning.show && (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: jsxs("div", { style: { display: "flex", alignItems: "flex-start", gap: "12px" }, children: [jsx("div", { style: {
-                                fontSize: "20px",
-                                lineHeight: "1",
-                                marginTop: "2px",
-                            }, children: "\u26A0\uFE0F" }), jsxs("div", { style: { flex: 1 }, children: [jsx("div", { style: {
-                                        fontSize: "15px",
-                                        fontWeight: 600,
-                                        marginBottom: "8px",
-                                    }, children: "Cannot select element from dynamic list" }), 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:" }), jsxs("ul", { style: {
-                                        fontSize: "13px",
-                                        lineHeight: "1.6",
-                                        margin: "0 0 12px 0",
-                                        paddingLeft: "20px",
-                                        opacity: 0.95,
-                                        listStyle: "none",
-                                    }, children: [jsxs("li", { style: { position: "relative", paddingLeft: "16px" }, children: [jsx("span", { style: { position: "absolute", left: 0 }, children: "-" }), "The data might come from props or a database"] }), jsxs("li", { style: { position: "relative", paddingLeft: "16px" }, children: [jsx("span", { style: { position: "absolute", left: 0 }, children: "-" }), "Variants would affect all items, not just one"] })] }), jsx("div", { style: {
-                                        fontSize: "13px",
-                                        fontWeight: 600,
-                                        marginTop: "12px",
-                                        paddingTop: "12px",
-                                        borderTop: "1px solid rgba(255, 255, 255, 0.2)",
-                                    }, children: "\uD83D\uDCA1 Alternatives:" }), jsxs("ul", { style: {
-                                        fontSize: "13px",
-                                        lineHeight: "1.6",
-                                        margin: "8px 0 0 0",
-                                        paddingLeft: "20px",
-                                        opacity: 0.95,
-                                        listStyle: "none",
-                                    }, children: [jsxs("li", { style: { position: "relative", paddingLeft: "16px" }, children: [jsx("span", { style: { position: "absolute", left: 0 }, children: "-" }), "Select the parent container to test the entire list"] }), jsxs("li", { style: { position: "relative", paddingLeft: "16px" }, children: [jsx("span", { style: { position: "absolute", left: 0 }, children: "-" }), "Extract list items into a separate component and wrap it in Experiment/Variant"] })] })] }), 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 && (jsxs("div", { className: "keak-selector-tooltip", style: {
+    return (jsxs(Fragment, { children: [jsx("div", { ref: highlightRef, className: "keak-selector-highlight" }), hoveredElement && elementInfo && (jsxs("div", { className: "keak-selector-tooltip", style: {
                     position: "fixed",
                     bottom: `${window.innerHeight -
                         hoveredElement.getBoundingClientRect().top +
@@ -1340,19 +1157,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);