@ewjdev/anyclick-react 3.0.0 → 4.0.0

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React$1 from 'react';
-import React__default, { CSSProperties, ReactNode } from 'react';
+import * as react from 'react';
+import react__default, { CSSProperties, ReactNode, ButtonHTMLAttributes, InputHTMLAttributes } from 'react';
 import { AnyclickAdapter, AnyclickType, AnyclickPayload, ScreenshotConfig, AnyclickTriggerEvent, ScreenshotData, AnyclickMenuEvent } from '@ewjdev/anyclick-core';
 export { ALL_CURATED_PROPERTIES, AccessibilityInfo, AnyclickAdapter, AnyclickPayload, AnyclickType, BoxModelInfo, CURATED_STYLE_PROPERTIES, ComputedStylesInfo, DEFAULT_SCREENSHOT_CONFIG, DEFAULT_SENSITIVE_SELECTORS, ElementContext, ElementInspectInfo, PageContext, ScreenshotCapture, ScreenshotCaptureMode, ScreenshotConfig, ScreenshotData, captureAllScreenshots, captureScreenshot, estimateTotalSize, formatBoxModel, formatBytes, formatStylesAsCSS, getAccessibilityInfo, getAttributes, getBoxModelInfo, getComputedStyles, getElementInspectInfo, isScreenshotSupported } from '@ewjdev/anyclick-core';
 import * as zustand from 'zustand';
@@ -130,7 +130,7 @@ interface InspectSimpleProps {
     onClose: () => void;
     onSelectElement?: (element: Element) => void;
     ideConfig?: Partial<IDEConfig>;
-    style?: React__default.CSSProperties;
+    style?: react__default.CSSProperties;
     className?: string;
     highlightColors?: HighlightColors;
     showBoxModelOverlay?: boolean;
@@ -792,7 +792,7 @@ declare function ContextMenu({ className, containerElement, footer, header, high
  *
  * @since 1.0.0
  */
-declare const ScreenshotPreview: React__default.NamedExoticComponent<ScreenshotPreviewProps>;
+declare const ScreenshotPreview: react__default.NamedExoticComponent<ScreenshotPreviewProps>;
 
 /**
  * React context for anyclick functionality.
@@ -812,12 +812,12 @@ declare const ScreenshotPreview: React__default.NamedExoticComponent<ScreenshotP
  * @see {@link useAnyclick} for the recommended way to access this context
  * @since 1.0.0
  */
-declare const AnyclickContext: React$1.Context<AnyclickContextValue | null>;
+declare const AnyclickContext: react.Context<AnyclickContextValue | null>;
 /**
  * @deprecated Use {@link AnyclickContext} instead. Will be removed in v2.0.0.
  * @see {@link AnyclickContext}
  */
-declare const FeedbackContext: React$1.Context<AnyclickContextValue | null>;
+declare const FeedbackContext: react.Context<AnyclickContextValue | null>;
 /**
  * Hook to access anyclick context values and methods.
  *
@@ -1010,6 +1010,14 @@ declare const useProviderStore: zustand.UseBoundStore<zustand.StoreApi<ProviderS
  */
 declare function dispatchContextMenuEvent(event: MouseEvent, element: Element): void;
 
+declare const Button: react.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
+    variant?: "default" | "ghost" | "outline" | "destructive";
+    size?: "sm" | "md" | "lg";
+} & react.RefAttributes<HTMLButtonElement>>;
+
+type InputProps = InputHTMLAttributes<HTMLInputElement>;
+declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
+
 /**
  * Available preset role identifiers.
  *
@@ -1545,7 +1553,7 @@ interface InspectDialogManagerProps {
     /** IDE configuration for "Open in IDE" feature */
     ideConfig?: Partial<IDEConfig>;
     /** Custom styles for the dialog */
-    dialogStyle?: React__default.CSSProperties;
+    dialogStyle?: react__default.CSSProperties;
     /** Custom class name for the dialog */
     dialogClassName?: string;
     /** Custom highlight colors for the element highlight */
@@ -1585,7 +1593,7 @@ interface AnyclickLogoProps {
     /** Custom class name */
     className?: string;
     /** Custom styles */
-    style?: React__default.CSSProperties;
+    style?: react__default.CSSProperties;
     /** Click handler */
     onClick?: () => void;
 }
@@ -1600,10 +1608,45 @@ declare function AnyclickLogo({ size, borderWidth, primaryColor, backgroundColor
  */
 declare function QuickChat({ visible, targetElement, containerElement, onClose, onPin, isPinned: isPinnedProp, config, style, className, initialInput, onInitialInputConsumed, }: QuickChatProps): react_jsx_runtime.JSX.Element | null;
 
+type DebugInfo = {
+    status: number;
+    ok: boolean;
+    contentType: string | null;
+    rawTextPreview: string;
+    parsedKeys?: string[];
+    contentPreview?: string;
+    payloadPreview?: string;
+    timestamp: number;
+    error?: string;
+};
+
+type RateLimitNotice = {
+    status: 429;
+    message: string;
+    retryAt?: number;
+    retryAfterSeconds?: number;
+    requestId?: string;
+    endpoint?: string;
+    raw?: string;
+};
+
 /**
  * Hook for managing QuickChat state and interactions.
+ * Uses ai-sdk-ui for streaming and zustand for persistence.
  */
 declare function useQuickChat(targetElement: Element | null, containerElement: Element | null, config?: QuickChatConfig): {
+    input: string;
+    messages: ChatMessage[];
+    isLoadingSuggestions: boolean;
+    isSending: boolean;
+    isStreaming: boolean;
+    suggestedPrompts: SuggestedPrompt[];
+    contextChunks: ContextChunk[];
+    error: string | null;
+    debugInfo: DebugInfo | null;
+    rateLimitNotice: RateLimitNotice | null;
+    isPinned: boolean;
+    lastSyncedAt: number | null;
     config: {
         endpoint: string;
         model: string;
@@ -1616,20 +1659,14 @@ declare function useQuickChat(targetElement: Element | null, containerElement: E
         title: string;
         t3chat: T3ChatIntegrationConfig;
     };
-    setInput: (value: string) => void;
+    setInput: (input: string) => void;
     toggleChunk: (chunkId: string) => void;
     toggleAllChunks: (included: boolean) => void;
     selectSuggestion: (prompt: SuggestedPrompt) => void;
     sendMessage: (messageText?: string) => Promise<void>;
     clearMessages: () => void;
-    input: string;
-    messages: ChatMessage[];
-    isLoadingSuggestions: boolean;
-    isSending: boolean;
-    isStreaming: boolean;
-    suggestedPrompts: SuggestedPrompt[];
-    contextChunks: ContextChunk[];
-    error: string | null;
+    setIsPinned: (pinned: boolean) => void;
+    clearRateLimitNotice: () => void;
 };
 
 /**
@@ -1648,4 +1685,4 @@ declare const quickChatStyles: Record<string, CSSProperties>;
  */
 declare const quickChatKeyframes = "\n@keyframes blink {\n  0%, 50% { opacity: 1; }\n  51%, 100% { opacity: 0; }\n}\n\n@keyframes bounce {\n  0%, 80%, 100% { transform: scale(0); }\n  40% { transform: scale(1); }\n}\n\n@keyframes slideIn {\n  from {\n    opacity: 0;\n    transform: translateY(-8px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes slideInFromRight {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n\n@keyframes slideOutToRight {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(100%);\n  }\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n@keyframes spin {\n  from { transform: rotate(0deg); }\n  to { transform: rotate(360deg); }\n}\n\n@keyframes pulse {\n  0%, 100% { opacity: 1; }\n  50% { opacity: 0.5; }\n}\n";
 
-export { AnyclickContext, type AnyclickContextValue, AnyclickLogo, type AnyclickLogoProps, AnyclickProvider, type AnyclickProviderProps, type AnyclickTheme, type AnyclickUserContext, type ChatMessage, type CompactModeConfig, type ContextChunk, ContextMenu, type ContextMenuItem, type ContextMenuProps, type CreatePresetMenuOptions, DEFAULT_COMPACT_CONFIG, DEFAULT_QUICK_CHAT_CONFIG, FeedbackContext, type FeedbackMenuBadge, type FeedbackMenuStatus, FeedbackProvider, FunModeBridge, type FunModeThemeConfig, type HighlightColors, type HighlightConfig, type IDEConfig, type IDEProtocol, INSPECT_DIALOG_EVENT, type InspectDialogEventDetail, InspectDialogManager, type InspectDialogManagerProps, InspectSimple, type InspectSimpleProps, type MenuPositionMode, type PinnedPosition, type PresetConfig, type PresetRole, type ProviderInstance, type QuickAction, QuickChat, type QuickChatConfig, type QuickChatProps, type QuickChatState, ScreenshotPreview, type ScreenshotPreviewProps, type SourceLocation, type SuggestedPrompt, type T3ChatIntegrationConfig, applyHighlights, buildIDEUrl, clearHighlights, createIDEOpener, createPresetMenu, createT3ChatMenuItem, createUploadScreenshotMenuItem, createUploadThingMenuItem, darkMenuStyles, defaultContainerSelectors, defaultHighlightColors, detectImageElement, detectPreferredIDE, dispatchContextMenuEvent, filterMenuItemsByRole, findContainerParent, findSourceLocationInAncestors, formatSourceLocation, generateProviderId, getBadgeStyle, getSelectedText, getSourceLocationFromElement, hasTextSelection, highlightContainer, highlightTarget, isIDEProtocolSupported, listPresets, menuCSSVariables, menuStyles, openInIDE, openInspectDialog, presetDefaults, quickChatKeyframes, quickChatStyles, useAnyclick, useFeedback, useProviderStore, useQuickChat };
+export { AnyclickContext, type AnyclickContextValue, AnyclickLogo, type AnyclickLogoProps, AnyclickProvider, type AnyclickProviderProps, type AnyclickTheme, type AnyclickUserContext, Button, type ChatMessage, type CompactModeConfig, type ContextChunk, ContextMenu, type ContextMenuItem, type ContextMenuProps, type CreatePresetMenuOptions, DEFAULT_COMPACT_CONFIG, DEFAULT_QUICK_CHAT_CONFIG, FeedbackContext, type FeedbackMenuBadge, type FeedbackMenuStatus, FeedbackProvider, FunModeBridge, type FunModeThemeConfig, type HighlightColors, type HighlightConfig, type IDEConfig, type IDEProtocol, INSPECT_DIALOG_EVENT, Input, type InspectDialogEventDetail, InspectDialogManager, type InspectDialogManagerProps, InspectSimple, type InspectSimpleProps, type MenuPositionMode, type PinnedPosition, type PresetConfig, type PresetRole, type ProviderInstance, type QuickAction, QuickChat, type QuickChatConfig, type QuickChatProps, type QuickChatState, ScreenshotPreview, type ScreenshotPreviewProps, type SourceLocation, type SuggestedPrompt, type T3ChatIntegrationConfig, applyHighlights, buildIDEUrl, clearHighlights, createIDEOpener, createPresetMenu, createT3ChatMenuItem, createUploadScreenshotMenuItem, createUploadThingMenuItem, darkMenuStyles, defaultContainerSelectors, defaultHighlightColors, detectImageElement, detectPreferredIDE, dispatchContextMenuEvent, filterMenuItemsByRole, findContainerParent, findSourceLocationInAncestors, formatSourceLocation, generateProviderId, getBadgeStyle, getSelectedText, getSourceLocationFromElement, hasTextSelection, highlightContainer, highlightTarget, isIDEProtocolSupported, listPresets, menuCSSVariables, menuStyles, openInIDE, openInspectDialog, presetDefaults, quickChatKeyframes, quickChatStyles, useAnyclick, useFeedback, useProviderStore, useQuickChat };