@marketrix.ai/widget 3.8.457 → 3.8.459

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/Surface.d.ts

@@ -2,8 +2,8 @@ import { type ElementType } from 'react';
 import { type RadiusToken } from '../../design-system/component-tokens';
 import type { ShadowToken } from '../../design-system/shadows';
 import { type LayoutProps } from './layoutProps';
-export type SurfaceBackground = 'default' | 'card' | 'transparent' | 'muted' | 'secondary' | 'primary';
-export type SurfacePadding = 'none' | 'compact' | 'card' | 'dialog' | 'toast';
+export type SurfaceBackground = 'default' | 'card';
+export type SurfacePadding = 'none' | 'card' | 'toast';
 export interface SurfaceProps extends LayoutProps, Omit<React.HTMLAttributes<HTMLElement>, 'className'> {
     as?: ElementType;
     background?: SurfaceBackground;

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/components/blocks/NotificationToast.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
+import { type NotificationTone } from '../../design-system/component-tokens';
 export interface NotificationToastProps {
-    tone: 'info' | 'error';
+    tone: NotificationTone;
     title: string;
     body?: string;
     onDismiss: () => void;

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/component-tokens.d.ts

@@ -1,9 +1,9 @@
 import type { CSSProperties } from 'react';
 import { type ShadowToken } from './shadows';
 export type RadiusToken = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'theme' | 'pill' | 'circle';
-export type TextTone = 'default' | 'muted' | 'faint' | 'primary' | 'success' | 'warning' | 'inherit';
+export type TextTone = 'default' | 'muted' | 'faint' | 'primary' | 'inherit';
 export type TextLeading = 'tight' | 'snug' | 'normal' | 'relaxed';
-export type NotificationTone = 'info' | 'error';
+export type NotificationTone = 'info' | 'error' | 'neutral';
 export declare const radiusClasses: Record<RadiusToken, string>;
 export declare const textToneClasses: Record<TextTone, string>;
 export declare const textLeadingClasses: Record<TextLeading, string>;

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

@@ -1,16 +1,14 @@
 import type { WidgetSettingsData } from '../sdk';
-export type SemanticTokens = {
+type SemanticTokens = {
     color: {
         background: string;
         foreground: string;
         foregroundMuted: string;
         foregroundFaint: string;
         border: string;
-        borderMuted: string;
         primary: string;
         primaryForeground: string;
         primaryHover: string;
-        primaryMuted: string;
         secondary: string;
         secondaryForeground: string;
         secondaryBg: string;
@@ -18,20 +16,11 @@ export type SemanticTokens = {
     };
     radius: string;
     shadow: string;
-    typography: {
-        fontSizeBase: string;
-    };
     motion: {
         durationAnimation: string;
         durationFade: string;
     };
-    size: {
-        widgetWidth: string;
-        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/sdk/index.d.ts

@@ -465,6 +465,6 @@ export declare const sdk: {
 };
 export { WidgetSettingsDataSchema } from './contracts/entities';
 export { WidgetEventSchema } from './contracts/widget';
-export type { ApplicationData, InstructionType, UserData, WidgetChip, WidgetData, WidgetSettingsData, WorkspaceData, } from './contracts/entities';
-export type { WidgetCommand, WidgetEvent, WidgetSettingsKey } from './contracts/widget';
+export type { InstructionType, WidgetData, WidgetSettingsData } from './contracts/entities';
+export type { WidgetCommand, WidgetEvent } from './contracts/widget';
 export type { widgetContract } from './contract';

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

@@ -21,57 +21,6 @@ export interface ToolExecutionResult<T = TextData> {
     data: T;
     error?: string;
 }
-export interface NavigateParams {
-    url: string;
-    new_tab?: boolean;
-}
-export interface SearchParams {
-    query: string;
-    engine?: 'duckduckgo' | 'google' | 'bing';
-}
-export interface ClickElementParams {
-    index: number;
-    coordinate_x?: number;
-    coordinate_y?: number;
-}
-export interface TypeTextParams {
-    index: number;
-    text: string;
-    clear?: boolean;
-}
-export interface ScrollParams {
-    direction: 'up' | 'down' | 'left' | 'right';
-}
-export interface ScrollToTextParams {
-    text: string;
-}
-export interface SendKeysParams {
-    index: number;
-    keys: string;
-}
-export interface SelectDropdownOptionParams {
-    index: number;
-    option: string;
-}
-export interface GetDropdownOptionsParams {
-    index: number;
-}
-export interface UploadFileParams {
-    index: number;
-    path: string;
-}
-export interface DoneParams {
-    success: boolean;
-    message?: string;
-}
-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>>;
     private navigate;

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;
@@ -13,7 +12,6 @@ export declare const createWidgetContainer: (parentContainer?: HTMLElement, cont
 export declare const mountWidgetToContainer: (mountEl: HTMLElement, config: MarketrixConfig, previewMode?: boolean) => Root;
 export declare const isWidgetInitialized: () => boolean;
 export declare const getCurrentConfig: () => MarketrixConfig | null;
-export declare const showWidgetSettingsLoader: (message?: string) => void;
+export declare const showWidgetSettingsLoader: (message: string) => void;
 export declare const hideWidgetSettingsLoader: () => void;
-export declare const autoInitializeWidget: () => void;
-export declare const registerAutoInit: (initWidget: (config: MarketrixConfig) => Promise<void>) => void;
+export declare const autoInitializeWidget: (initWidget: (config: MarketrixConfig) => Promise<void>) => void;

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[];