@marketrix.ai/widget 3.8.457 → 3.8.458

package/dist/src/components/base/IconButton.d.ts

@@ -1,7 +1,7 @@
 import type { ComponentPropsWithRef } from 'react';
 import { type TextTone } from '../../design-system/component-tokens';
 import type { ShadowToken } from '../../design-system/shadows';
-type IconButtonVariant = 'primary' | 'secondary' | 'ghost' | 'toolbar';
+type IconButtonVariant = 'primary' | 'secondary' | 'ghost';
 type IconButtonSize = 'xs' | 'sm';
 type IconButtonShape = 'circle' | 'theme';
 export interface IconButtonProps extends ComponentPropsWithRef<'button'> {

package/dist/src/components/base/Text.d.ts

@@ -7,8 +7,6 @@ type TextAlign = 'center' | 'right';
 export interface TextProps extends React.HTMLAttributes<HTMLElement> {
     as?: ElementType;
     block?: boolean;
-    clamp?: 1 | 2 | 3;
-    code?: boolean;
     inheritColor?: boolean;
     italic?: boolean;
     leading?: TextLeading;
@@ -22,5 +20,5 @@ export interface TextProps extends React.HTMLAttributes<HTMLElement> {
     className?: string;
     ref?: Ref<HTMLElement>;
 }
-export declare function Text({ as: Component, block, clamp, code, inheritColor, italic, leading, tone, variant, size, weight, truncate, align, className, ref, style, ...props }: TextProps): import("react").JSX.Element;
+export declare function Text({ as: Component, block, inheritColor, italic, leading, tone, variant, size, weight, truncate, align, className, ref, style, ...props }: TextProps): import("react").JSX.Element;
 export {};

package/dist/src/components/base/layoutProps.d.ts

@@ -1,5 +1,4 @@
 import type { CSSProperties, ElementType } from 'react';
-import type { ShadowToken } from '../../design-system/shadows';
 export type SpacingToken = 'none' | '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 export interface LayoutProps {
     padding?: SpacingToken;
@@ -7,15 +6,9 @@ export interface LayoutProps {
     paddingY?: SpacingToken;
     paddingTop?: SpacingToken;
     paddingBottom?: SpacingToken;
-    margin?: SpacingToken;
-    marginX?: SpacingToken;
-    marginY?: SpacingToken;
-    marginTop?: SpacingToken;
-    marginBottom?: SpacingToken;
     gap?: SpacingToken;
     align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
     justify?: 'start' | 'center' | 'end' | 'between' | 'around';
-    wrap?: boolean;
     grow?: boolean;
     shrink?: boolean;
     position?: 'relative' | 'absolute' | 'fixed' | 'sticky';
@@ -25,12 +18,8 @@ export interface LayoutProps {
     width?: 'full' | 'auto';
     height?: 'full' | 'auto';
     minWidth?: '0';
-    minHeight?: '0';
     border?: boolean | 'top' | 'bottom' | 'left' | 'right';
     rounded?: boolean | 'none' | 'sm' | 'full' | 'lg' | 'theme' | 'md' | 'xl' | 'pill' | 'circle';
-    shadow?: boolean | ShadowToken | 'theme';
-    cursor?: 'pointer' | 'default' | 'not-allowed' | 'grab';
-    opacity?: 0 | 50 | 80 | 100;
     animate?: 'spin' | 'ping' | 'pulse' | 'fadeIn' | 'none';
     hidden?: boolean;
     as?: ElementType;

package/dist/src/context/ChatContext.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import type { ChatMessage, InstructionType } from '../types';
 import { type TaskState } from './sseReducer';
-import type { UIStateActions } from './UIStateContext';
 export interface ChatActions {
     addMessage: (message: ChatMessage) => void;
     updateMessage: (messageId: string, updates: Partial<ChatMessage>) => void;
@@ -26,8 +25,6 @@ interface ChatContextType {
 interface ChatProviderProps {
     children: React.ReactNode;
     previewMode?: boolean;
-    currentMode: InstructionType;
-    uiActions: Pick<UIStateActions, 'setLoading' | 'setError'>;
 }
 export declare const ChatProvider: React.FC<ChatProviderProps>;
 export declare const useChatContext: () => ChatContextType;

package/dist/src/context/UIStateContext.d.ts

@@ -14,7 +14,6 @@ export interface UIStateActions {
     setMode: (mode: InstructionType) => void;
     setLoading: (loading: boolean) => void;
     setError: (error: string | undefined) => void;
-    clearError: () => void;
     applyState: (payload: Partial<UIState>) => void;
 }
 interface UIStateContextType {

package/dist/src/context/sseReducer.d.ts

@@ -27,5 +27,7 @@ type ProgressStatus = 'in_progress' | 'completed' | 'failed';
 export declare function reduceToolProgress(state: SseState, browserToolName: string, explanation: string, status: ProgressStatus, currentMode: InstructionType, error?: string): SseState;
 export declare function reduceToolDone(state: SseState, currentMode: InstructionType): SseState;
 export declare function reduceStop(state: SseState, currentMode: InstructionType): SseState;
+/** Settles a pending message into a plain error bubble — the one shape for both a failed POST and a chat/error. */
+export declare function reduceError(state: SseState, messageId: string, text: string): SseState;
 export declare function reduceSse(state: SseState, event: WidgetEvent, currentMode: InstructionType): ReduceResult;
 export {};

package/dist/src/design-system/semantic-tokens.d.ts

@@ -1,5 +1,5 @@
 import type { WidgetSettingsData } from '../sdk';
-export type SemanticTokens = {
+type SemanticTokens = {
     color: {
         background: string;
         foreground: string;
@@ -18,9 +18,6 @@ export type SemanticTokens = {
     };
     radius: string;
     shadow: string;
-    typography: {
-        fontSizeBase: string;
-    };
     motion: {
         durationAnimation: string;
         durationFade: string;
@@ -30,8 +27,6 @@ export type SemanticTokens = {
         widgetHeight: string;
     };
 };
-export type WidgetStyleSettingsDefaults = Pick<WidgetSettingsData, 'widget_background_color' | 'widget_text_color' | 'widget_border_color' | 'widget_accent_color' | 'widget_secondary_color' | 'widget_border_radius' | 'widget_font_size' | 'widget_width' | 'widget_height' | 'widget_shadow' | 'widget_animation_duration' | 'widget_fade_duration'>;
-export declare const WIDGET_STYLE_SETTINGS_DEFAULTS: WidgetStyleSettingsDefaults;
-export declare function mapWidgetSettingsToSemanticTokens(settings: WidgetStyleSettingsDefaults): SemanticTokens;
 export declare function createSemanticTokens(settings?: Partial<WidgetSettingsData>): SemanticTokens;
 export declare function semanticTokensToCssCustomProperties(tokens: SemanticTokens): Record<string, string>;
+export {};

package/dist/src/hooks/useWidget.d.ts

@@ -24,7 +24,6 @@ export declare const useWidget: () => {
         setMode: (mode: import("..").InstructionType) => void;
         setLoading: (loading: boolean) => void;
         setError: (error: string | undefined) => void;
-        clearError: () => void;
         applyState: (payload: Partial<import("../context/UIStateContext").UIState>) => void;
     };
 };

package/dist/src/services/BrowserToolService.d.ts

@@ -31,8 +31,6 @@ export interface SearchParams {
 }
 export interface ClickElementParams {
     index: number;
-    coordinate_x?: number;
-    coordinate_y?: number;
 }
 export interface TypeTextParams {
     index: number;
@@ -68,9 +66,7 @@ export interface WaitParams {
     seconds: number;
 }
 export interface ExtractParams {
-    query?: string;
     extract_links?: boolean;
-    start_from_char?: number;
 }
 export declare class BrowserToolService {
     executeTool(browserToolName: string, args: Record<string, unknown>, mode?: string, explanation?: string): Promise<ToolExecutionResult<unknown>>;

package/dist/src/services/DomService.d.ts

@@ -8,9 +8,7 @@ export declare class DomService {
     private generateSelector;
     private staleReason;
     private indexInteractableElements;
-    private getElementCoordinates;
-    private isStackingContext;
-    private calculateGlobalZOrder;
+    /** `data-id` is the whole contract: the agent parses the snapshot for `[data-id]` and reads nothing else off it. */
     getSnapshotHtml(): string;
     getSequenceForElement(element: Element): number | undefined;
     private clearIndex;

package/dist/src/services/ShowModeService.d.ts

@@ -14,7 +14,6 @@ export declare class ShowModeService {
     private rejectPromise;
     private clickHandler;
     private scrollHandler;
-    private mutationObserver;
     private visibilityCheckInterval;
     showToolAction(options: ShowModeOptions): Promise<boolean>;
     cleanup(): void;
@@ -26,7 +25,7 @@ export declare class ShowModeService {
     private updatePopupPosition;
     private setupClickHandler;
     private setupContinueButton;
-    private setupElementMonitoring;
+    /** checkElementInteractable's first test is `document.body.contains`, so this one watchdog also covers removal. */
     private setupVisibilityMonitoring;
     private failWithElementGone;
     private escapeHtml;

package/dist/src/services/StorageService.d.ts

@@ -2,14 +2,14 @@ import type { ChatMessage, InstructionType, MarketrixConfig } from '../types';
 export type StoredMessage = Omit<ChatMessage, 'videoStream' | 'timestamp'> & {
     timestamp: string;
 };
-/** The live half of the persisted context: exactly what the widget's three React stores hold between them. */
+/** The durable half of the widget's React state. `isLoading` is deliberately absent — restoring it would
+ * leave the FAB glowing for a request that died with the previous page. */
 export interface ChatSnapshot {
     messages: ChatMessage[];
     isTaskRunning: boolean;
     activeTaskId: string | null;
     currentMode: InstructionType;
     isOpen: boolean;
-    isLoading: boolean;
 }
 export type MarketrixChatContext = Omit<ChatSnapshot, 'messages'> & {
     chat_id: string | null;

package/dist/src/utils/bootstrap.d.ts

@@ -3,9 +3,8 @@ import type { MarketrixConfig } from '../types';
 export declare const widgetState: {
     instance: Root | null;
     config: MarketrixConfig | null;
-    programmaticInit: boolean;
 };
-export declare const createWidgetContainer: (parentContainer?: HTMLElement, containerId?: string) => {
+export declare const createWidgetContainer: (parentContainer?: HTMLElement) => {
     container: HTMLElement;
     shadowRoot: ShadowRoot;
     mountEl: HTMLElement;

package/dist/src/utils/chat.d.ts

@@ -1,27 +1,21 @@
 import type { ChatMessage, InstructionType } from '../types';
 export declare const getModeDisplayName: (mode: InstructionType) => string;
 export declare const formatMessageTime: (date: Date | undefined) => string;
-export declare function removeThinkingMarkers(content: string): string;
-export declare function removeThinkingMarkerFromEnd(content: string): string;
-export declare function hasThinkingMarker(content: string): boolean;
-export declare function addThinkingMarker(content: string): string;
 export interface FindMessageOptions {
     messages: ChatMessage[];
     isTaskRunning: boolean;
     currentMode: InstructionType;
-    requireContent?: boolean;
 }
 /** Ranked predicates: the first rank matching anything wins, and within it the newest message. */
-export declare function findMessageForProgress({ messages, isTaskRunning, currentMode, requireContent, }: FindMessageOptions): {
+export declare function findMessageForProgress({ messages, isTaskRunning, currentMode, }: FindMessageOptions): {
     index: number;
     message: ChatMessage;
 } | null;
 export declare const WAIT_FOR_USER_TOOLS: Set<string>;
 export declare function filterCancellationText(content: string): string;
 export declare function addProgressLine(message: ChatMessage, browserToolName: string, explanation: string): ChatMessage;
-export declare function markProgressLineComplete(message: ChatMessage): ChatMessage;
+export declare const markProgressLineComplete: (message: ChatMessage) => ChatMessage;
 export declare function markProgressLineFailed(message: ChatMessage, browserToolName: string, error: string): ChatMessage;
-export declare function updateThinkingMarker(message: ChatMessage, isTaskRunning: boolean, currentMode: 'show' | 'tell' | 'do', isWaitingForUser?: boolean): ChatMessage;
 /** Tool id -> the phrase shown in the activity log. Also the allowlist of tools the agent may call. */
 export declare const BROWSER_TOOLS: Map<string, string>;
 export declare function getFriendlyToolName(browserToolName: string): string;

package/dist/src/utils/suggestedActions.d.ts

@@ -1,7 +1,7 @@
-import type { MarketrixConfig } from '../types';
+import type { InstructionType, MarketrixConfig } from '../types';
 export interface SuggestedActionItem {
     id: string;
     text: string;
-    type: 'tell' | 'show' | 'do';
+    type: InstructionType;
 }
 export declare function getSuggestedActionsFromConfig(config: MarketrixConfig): SuggestedActionItem[];