made-refine 0.2.9 → 0.2.11

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { D as DragState, a as DropIndicator, S as SpacingPropertyKey, C as CSSPropertyValue, B as BorderRadiusPropertyKey, b as BorderPropertyKey, c as BorderProperties, F as FlexPropertyKey, d as SizingPropertyKey, e as SizingValue, f as SizingChangeOptions, g as ColorPropertyKey, h as ColorValue, T as TypographyPropertyKey, A as ActiveTool, i as Theme, j as BorderStyleControlPreference, k as DirectEditState, l as SessionEdit, m as SessionItem, n as TypographyProperties, M as MeasurementLine, G as Guideline, o as Comment } from './utils-BGCQaaSf.mjs';
-export { p as BorderRadiusProperties, q as BorderStyle, r as ColorProperties, s as CommentReply, t as DomSourceLocation, u as DropTarget, E as ElementInfo, v as ElementLocator, w as FlexProperties, x as MeasurementState, R as ReactComponentFrame, y as SizingChangePhase, z as SizingMode, H as SizingProperties, I as SpacingProperties, U as UndoEditEntry, J as UndoEntry, K as UndoMoveEntry, L as UndoSelectionEntry, N as buildCommentExport, O as buildSessionExport, P as calculateDropPosition, Q as calculateElementMeasurements, V as calculateGuidelineMeasurements, W as calculateParentMeasurements, X as colorToTailwind, Y as elementFromPointWithoutOverlays, Z as findContainerAtPoint, _ as findLayoutContainerAtPoint, $ as formatPropertyValue, a0 as getComputedBorderStyles, a1 as getComputedBoxShadow, a2 as getComputedColorStyles, a3 as getComputedStyles, a4 as getDimensionDisplay, a5 as getElementInfo, a6 as getElementLocator, a7 as getFlexDirection, a8 as isFlexContainer, a9 as isLayoutContainer, aa as parseColorValue, ab as parsePropertyValue, ac as stylesToTailwind } from './utils-BGCQaaSf.mjs';
+import { D as DragState, a as DropIndicator, S as SelectElementOptions, b as SelectElementsOptions, c as SpacingPropertyKey, C as CSSPropertyValue, B as BorderRadiusPropertyKey, d as BorderPropertyKey, e as BorderProperties, F as FlexPropertyKey, f as SizingPropertyKey, g as SizingValue, h as SizingChangeOptions, i as ColorPropertyKey, j as ColorValue, T as TypographyPropertyKey, A as ActiveTool, k as Theme, l as BorderStyleControlPreference, m as DirectEditState, n as SessionEdit, o as SessionItem, p as CanvasElementKind, q as TypographyProperties, M as MeasurementLine, G as Guideline, r as Comment } from './utils-Dn_oW8f_.mjs';
+export { s as BorderRadiusProperties, t as BorderStyle, u as ColorProperties, v as CommentReply, w as DomSourceLocation, x as DropTarget, E as ElementInfo, y as ElementLocator, z as FlexProperties, H as MeasurementState, R as ReactComponentFrame, I as SizingChangePhase, J as SizingMode, K as SizingProperties, L as SpacingProperties, U as UndoEditEntry, N as UndoEntry, O as UndoMoveEntry, P as UndoSelectionEntry, Q as buildCommentExport, V as buildSessionExport, W as calculateDropPosition, X as calculateElementMeasurements, Y as calculateGuidelineMeasurements, Z as calculateParentMeasurements, _ as colorToTailwind, $ as elementFromPointWithoutOverlays, a0 as findContainerAtPoint, a1 as findLayoutContainerAtPoint, a2 as formatPropertyValue, a3 as getComputedBorderStyles, a4 as getComputedBoxShadow, a5 as getComputedColorStyles, a6 as getComputedStyles, a7 as getDimensionDisplay, a8 as getElementInfo, a9 as getElementLocator, aa as getFlexDirection, ab as isFlexContainer, ac as isLayoutContainer, ad as parseColorValue, ae as parsePropertyValue, af as stylesToTailwind } from './utils-Dn_oW8f_.mjs';
 
 declare function DirectEdit(): react_jsx_runtime.JSX.Element;
 
@@ -45,7 +45,10 @@ interface UseMoveResult {
 declare function useMove({ onMoveComplete }: UseMoveOptions): UseMoveResult;
 
 interface DirectEditActionsContextValue {
-    selectElement: (element: HTMLElement) => void;
+    selectElement: (element: HTMLElement, options?: SelectElementOptions) => void;
+    selectElements: (elements: HTMLElement[], options?: SelectElementsOptions) => void;
+    toggleElementSelection: (element: HTMLElement) => void;
+    clearSelection: () => void;
     selectParent: () => void;
     selectChild: () => void;
     closePanel: () => void;
@@ -74,6 +77,7 @@ interface DirectEditActionsContextValue {
         y: number;
     }) => void;
     updateCommentText: (id: string, text: string) => void;
+    submitCommentDraft: (id: string, text: string) => string | null;
     addCommentReply: (id: string, text: string) => void;
     deleteComment: (id: string) => void;
     exportComment: (id: string) => Promise<boolean>;
@@ -93,13 +97,17 @@ interface DirectEditActionsContextValue {
     removeSessionEdit: (element: HTMLElement) => void;
     startTextEditing: (element: HTMLElement) => void;
     commitTextEditing: () => void;
+    groupSelection: () => void;
+    insertElement: (kind: CanvasElementKind) => void;
     toggleCanvas: () => void;
     setCanvasZoom: (zoom: number) => void;
     fitCanvasToViewport: () => void;
     zoomCanvasTo100: () => void;
 }
 interface DirectEditStateContextValue extends DirectEditState {
+    agentAvailable: boolean;
     sessionEditCount: number;
+    multiSelectContextCount: number;
 }
 interface DirectEditContextValue extends DirectEditStateContextValue, DirectEditActionsContextValue {
 }
@@ -176,9 +184,10 @@ interface DirectEditPanelInnerProps {
     onSelectSelectionColorTarget?: (color: ColorValue) => void;
     onUpdateTypography: (key: TypographyPropertyKey, value: CSSPropertyValue | string) => void;
     onReset: () => void;
-    onExportEdits: () => Promise<boolean>;
-    onSendToAgent: () => Promise<boolean>;
+    onExportEdits?: () => Promise<boolean>;
+    onSendToAgent?: () => Promise<boolean>;
     canSendToAgent?: boolean;
+    showSendButton?: boolean;
     className?: string;
     style?: React.CSSProperties;
     panelRef?: React.RefObject<HTMLDivElement>;
@@ -188,7 +197,7 @@ interface DirectEditPanelInnerProps {
     onHeaderPointerUp?: (e: React.PointerEvent) => void;
     onHeaderPointerCancel?: (e: React.PointerEvent) => void;
 }
-declare function DirectEditPanelInner({ elementInfo, computedSpacing, computedBorderRadius, computedBorder, computedFlex, computedSizing, computedColor, selectionColors, computedBoxShadow, borderStyleControlPreference, computedTypography, pendingStyles, onClose, onSelectParent, onSelectChild, onUpdateSpacing, onUpdateBorderRadius, onUpdateBorder, onBatchUpdateBorder, onSetCSS, onUpdateFlex, onToggleFlex, onUpdateSizing, onUpdateColor, onReplaceSelectionColor, onSelectSelectionColorTarget, onUpdateTypography, onReset, onExportEdits, onSendToAgent, canSendToAgent, className, style, panelRef, isDragging, onHeaderPointerDown, onHeaderPointerMove, onHeaderPointerUp, onHeaderPointerCancel, }: DirectEditPanelInnerProps): react_jsx_runtime.JSX.Element;
+declare function DirectEditPanelInner({ elementInfo, computedSpacing, computedBorderRadius, computedBorder, computedFlex, computedSizing, computedColor, selectionColors, computedBoxShadow, borderStyleControlPreference, computedTypography, pendingStyles, onClose, onSelectParent, onSelectChild, onUpdateSpacing, onUpdateBorderRadius, onUpdateBorder, onBatchUpdateBorder, onSetCSS, onUpdateFlex, onToggleFlex, onUpdateSizing, onUpdateColor, onReplaceSelectionColor, onSelectSelectionColorTarget, onUpdateTypography, onReset, onExportEdits, onSendToAgent, canSendToAgent, showSendButton, className, style, panelRef, isDragging, onHeaderPointerDown, onHeaderPointerMove, onHeaderPointerUp, onHeaderPointerCancel, }: DirectEditPanelInnerProps): react_jsx_runtime.JSX.Element;
 declare function DirectEditPanel(): react_jsx_runtime.JSX.Element | null;
 
 interface DirectEditToolbarInnerProps {
@@ -201,9 +210,12 @@ interface DirectEditToolbarInnerProps {
     theme?: Theme;
     onSetTheme?: (theme: Theme) => void;
     sessionEditCount?: number;
+    multiSelectCount?: number;
+    multiSelectedElements?: HTMLElement[];
     onGetSessionItems?: () => SessionItem[];
     onExportAllEdits?: () => Promise<boolean>;
     onSendAllToAgents?: () => Promise<boolean>;
+    agentAvailable?: boolean;
     onClearSessionEdits?: () => void;
     onRemoveSessionEdit?: (element: HTMLElement) => void;
     onDeleteComment?: (id: string) => void;
@@ -215,7 +227,7 @@ interface DirectEditToolbarInnerProps {
     onZoomTo100?: () => void;
     onFitToViewport?: () => void;
 }
-declare function DirectEditToolbarInner({ editModeActive, onToggleEditMode, rulersVisible, onToggleRulers, activeTool, onSetActiveTool, theme, onSetTheme, sessionEditCount, onGetSessionItems, onExportAllEdits, onSendAllToAgents, onClearSessionEdits, onRemoveSessionEdit, onDeleteComment, className, canvasActive, canvasZoom, onToggleCanvas, onSetCanvasZoom, onZoomTo100, onFitToViewport, }: DirectEditToolbarInnerProps): react_jsx_runtime.JSX.Element;
+declare function DirectEditToolbarInner({ editModeActive, onToggleEditMode, rulersVisible, onToggleRulers, activeTool: _activeTool, onSetActiveTool: _onSetActiveTool, theme, onSetTheme, sessionEditCount, multiSelectCount, multiSelectedElements, onGetSessionItems, onExportAllEdits, onSendAllToAgents, agentAvailable, onClearSessionEdits, onRemoveSessionEdit, onDeleteComment, className, canvasActive, canvasZoom, onToggleCanvas, onSetCanvasZoom, onZoomTo100, onFitToViewport, }: DirectEditToolbarInnerProps): react_jsx_runtime.JSX.Element;
 declare function DirectEditToolbar(): react_jsx_runtime.JSX.Element | null;
 
 interface UseMeasurementResult {
@@ -238,6 +250,9 @@ declare function MeasurementOverlay({ selectedElement, hoveredElement, measureme
 
 interface SelectionOverlayProps {
     selectedElement: HTMLElement;
+    pageFrameElement?: HTMLElement | null;
+    pageFrameLabel?: string | null;
+    canvasZoom?: number;
     draggedElement?: HTMLElement | null;
     isDragging: boolean;
     ghostPosition?: {
@@ -251,10 +266,11 @@ interface SelectionOverlayProps {
     onDoubleClick?: (clientX: number, clientY: number) => void;
     onHoverElement?: (element: HTMLElement | null) => void;
     onClickThrough?: (clientX: number, clientY: number) => void;
+    onSelectPageFrame?: (element: HTMLElement) => void;
     enableResizeHandles?: boolean;
     onResizeSizingChange?: (changes: Partial<Record<SizingPropertyKey, SizingValue>>, options?: SizingChangeOptions) => void;
 }
-declare function SelectionOverlay({ selectedElement, draggedElement, isDragging, ghostPosition, onMoveStart, showMoveHandle, activeTool, isTextEditing, onDoubleClick, onHoverElement, onClickThrough, enableResizeHandles, onResizeSizingChange, }: SelectionOverlayProps): react_jsx_runtime.JSX.Element;
+declare function SelectionOverlay({ selectedElement, pageFrameElement, pageFrameLabel, canvasZoom, draggedElement, isDragging, ghostPosition, onMoveStart, showMoveHandle, isTextEditing, onDoubleClick, onHoverElement, onClickThrough, onSelectPageFrame, enableResizeHandles, onResizeSizingChange, }: SelectionOverlayProps): react_jsx_runtime.JSX.Element;
 
 interface MoveOverlayProps {
     dropIndicator: DropIndicator | null;
@@ -294,11 +310,11 @@ interface CommentOverlayProps {
     comments: Comment[];
     activeCommentId: string | null;
     onSetActiveComment: (id: string | null) => void;
-    onUpdateText: (id: string, text: string) => void;
+    onUpdateText?: (id: string, text: string) => void;
     onAddReply: (id: string, text: string) => void;
     onDelete: (id: string) => void;
     onExport?: (id: string) => Promise<boolean>;
-    onSendToAgent: (id: string) => Promise<boolean>;
+    onSendToAgent?: (id: string) => Promise<boolean>;
     attentionRequest?: {
         commentId: string;
         nonce: number;
@@ -309,4 +325,4 @@ declare function CommentOverlay({ comments, activeCommentId, onSetActiveComment,
 
 declare function formatColorValue(color: ColorValue): string;
 
-export { ActiveTool, BorderProperties, BorderPropertyKey, BorderRadiusPropertyKey, CSSPropertyValue, ColorPropertyKey, ColorValue, Comment, CommentOverlay, type CommentOverlayProps, DirectEdit, type DirectEditActionsContextValue, type DirectEditContextValue, DirectEditDemo, DirectEditPanel, DirectEditPanelInner, type DirectEditPanelInnerProps, DirectEditProvider, DirectEditState, type DirectEditStateContextValue, DirectEditToolbar, DirectEditToolbarInner, type DirectEditToolbarInnerProps, DragState, DropIndicator, FlexPropertyKey, Guideline, MeasurementLine, MeasurementOverlay, type MeasurementOverlayProps, type MoveInfo, type MoveMode, MoveOverlay, type MoveOverlayProps, Rulers, RulersOverlay, SelectionOverlay, type SelectionOverlayProps, SessionEdit, SizingChangeOptions, SizingPropertyKey, SizingValue, SpacingPropertyKey, type StartDragOptions, Theme, TypographyProperties, TypographyPropertyKey, type UseGuidelinesResult, type UseMeasurementResult, type UseMoveDropTarget, type UseMoveOptions, type UseMoveResult, formatColorValue, getStoredGuidelines, useDirectEdit, useDirectEditActions, useDirectEditState, useGuidelines, useMeasurement, useMove, useRulersVisible };
+export { ActiveTool, BorderProperties, BorderPropertyKey, BorderRadiusPropertyKey, CSSPropertyValue, CanvasElementKind, ColorPropertyKey, ColorValue, Comment, CommentOverlay, type CommentOverlayProps, DirectEdit, type DirectEditActionsContextValue, type DirectEditContextValue, DirectEditDemo, DirectEditPanel, DirectEditPanelInner, type DirectEditPanelInnerProps, DirectEditProvider, DirectEditState, type DirectEditStateContextValue, DirectEditToolbar, DirectEditToolbarInner, type DirectEditToolbarInnerProps, DragState, DropIndicator, FlexPropertyKey, Guideline, MeasurementLine, MeasurementOverlay, type MeasurementOverlayProps, type MoveInfo, type MoveMode, MoveOverlay, type MoveOverlayProps, Rulers, RulersOverlay, SelectElementOptions, SelectElementsOptions, SelectionOverlay, type SelectionOverlayProps, SessionEdit, SizingChangeOptions, SizingPropertyKey, SizingValue, SpacingPropertyKey, type StartDragOptions, Theme, TypographyProperties, TypographyPropertyKey, type UseGuidelinesResult, type UseMeasurementResult, type UseMoveDropTarget, type UseMoveOptions, type UseMoveResult, formatColorValue, getStoredGuidelines, useDirectEdit, useDirectEditActions, useDirectEditState, useGuidelines, useMeasurement, useMove, useRulersVisible };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { D as DragState, a as DropIndicator, S as SpacingPropertyKey, C as CSSPropertyValue, B as BorderRadiusPropertyKey, b as BorderPropertyKey, c as BorderProperties, F as FlexPropertyKey, d as SizingPropertyKey, e as SizingValue, f as SizingChangeOptions, g as ColorPropertyKey, h as ColorValue, T as TypographyPropertyKey, A as ActiveTool, i as Theme, j as BorderStyleControlPreference, k as DirectEditState, l as SessionEdit, m as SessionItem, n as TypographyProperties, M as MeasurementLine, G as Guideline, o as Comment } from './utils-BGCQaaSf.js';
-export { p as BorderRadiusProperties, q as BorderStyle, r as ColorProperties, s as CommentReply, t as DomSourceLocation, u as DropTarget, E as ElementInfo, v as ElementLocator, w as FlexProperties, x as MeasurementState, R as ReactComponentFrame, y as SizingChangePhase, z as SizingMode, H as SizingProperties, I as SpacingProperties, U as UndoEditEntry, J as UndoEntry, K as UndoMoveEntry, L as UndoSelectionEntry, N as buildCommentExport, O as buildSessionExport, P as calculateDropPosition, Q as calculateElementMeasurements, V as calculateGuidelineMeasurements, W as calculateParentMeasurements, X as colorToTailwind, Y as elementFromPointWithoutOverlays, Z as findContainerAtPoint, _ as findLayoutContainerAtPoint, $ as formatPropertyValue, a0 as getComputedBorderStyles, a1 as getComputedBoxShadow, a2 as getComputedColorStyles, a3 as getComputedStyles, a4 as getDimensionDisplay, a5 as getElementInfo, a6 as getElementLocator, a7 as getFlexDirection, a8 as isFlexContainer, a9 as isLayoutContainer, aa as parseColorValue, ab as parsePropertyValue, ac as stylesToTailwind } from './utils-BGCQaaSf.js';
+import { D as DragState, a as DropIndicator, S as SelectElementOptions, b as SelectElementsOptions, c as SpacingPropertyKey, C as CSSPropertyValue, B as BorderRadiusPropertyKey, d as BorderPropertyKey, e as BorderProperties, F as FlexPropertyKey, f as SizingPropertyKey, g as SizingValue, h as SizingChangeOptions, i as ColorPropertyKey, j as ColorValue, T as TypographyPropertyKey, A as ActiveTool, k as Theme, l as BorderStyleControlPreference, m as DirectEditState, n as SessionEdit, o as SessionItem, p as CanvasElementKind, q as TypographyProperties, M as MeasurementLine, G as Guideline, r as Comment } from './utils-Dn_oW8f_.js';
+export { s as BorderRadiusProperties, t as BorderStyle, u as ColorProperties, v as CommentReply, w as DomSourceLocation, x as DropTarget, E as ElementInfo, y as ElementLocator, z as FlexProperties, H as MeasurementState, R as ReactComponentFrame, I as SizingChangePhase, J as SizingMode, K as SizingProperties, L as SpacingProperties, U as UndoEditEntry, N as UndoEntry, O as UndoMoveEntry, P as UndoSelectionEntry, Q as buildCommentExport, V as buildSessionExport, W as calculateDropPosition, X as calculateElementMeasurements, Y as calculateGuidelineMeasurements, Z as calculateParentMeasurements, _ as colorToTailwind, $ as elementFromPointWithoutOverlays, a0 as findContainerAtPoint, a1 as findLayoutContainerAtPoint, a2 as formatPropertyValue, a3 as getComputedBorderStyles, a4 as getComputedBoxShadow, a5 as getComputedColorStyles, a6 as getComputedStyles, a7 as getDimensionDisplay, a8 as getElementInfo, a9 as getElementLocator, aa as getFlexDirection, ab as isFlexContainer, ac as isLayoutContainer, ad as parseColorValue, ae as parsePropertyValue, af as stylesToTailwind } from './utils-Dn_oW8f_.js';
 
 declare function DirectEdit(): react_jsx_runtime.JSX.Element;
 
@@ -45,7 +45,10 @@ interface UseMoveResult {
 declare function useMove({ onMoveComplete }: UseMoveOptions): UseMoveResult;
 
 interface DirectEditActionsContextValue {
-    selectElement: (element: HTMLElement) => void;
+    selectElement: (element: HTMLElement, options?: SelectElementOptions) => void;
+    selectElements: (elements: HTMLElement[], options?: SelectElementsOptions) => void;
+    toggleElementSelection: (element: HTMLElement) => void;
+    clearSelection: () => void;
     selectParent: () => void;
     selectChild: () => void;
     closePanel: () => void;
@@ -74,6 +77,7 @@ interface DirectEditActionsContextValue {
         y: number;
     }) => void;
     updateCommentText: (id: string, text: string) => void;
+    submitCommentDraft: (id: string, text: string) => string | null;
     addCommentReply: (id: string, text: string) => void;
     deleteComment: (id: string) => void;
     exportComment: (id: string) => Promise<boolean>;
@@ -93,13 +97,17 @@ interface DirectEditActionsContextValue {
     removeSessionEdit: (element: HTMLElement) => void;
     startTextEditing: (element: HTMLElement) => void;
     commitTextEditing: () => void;
+    groupSelection: () => void;
+    insertElement: (kind: CanvasElementKind) => void;
     toggleCanvas: () => void;
     setCanvasZoom: (zoom: number) => void;
     fitCanvasToViewport: () => void;
     zoomCanvasTo100: () => void;
 }
 interface DirectEditStateContextValue extends DirectEditState {
+    agentAvailable: boolean;
     sessionEditCount: number;
+    multiSelectContextCount: number;
 }
 interface DirectEditContextValue extends DirectEditStateContextValue, DirectEditActionsContextValue {
 }
@@ -176,9 +184,10 @@ interface DirectEditPanelInnerProps {
     onSelectSelectionColorTarget?: (color: ColorValue) => void;
     onUpdateTypography: (key: TypographyPropertyKey, value: CSSPropertyValue | string) => void;
     onReset: () => void;
-    onExportEdits: () => Promise<boolean>;
-    onSendToAgent: () => Promise<boolean>;
+    onExportEdits?: () => Promise<boolean>;
+    onSendToAgent?: () => Promise<boolean>;
     canSendToAgent?: boolean;
+    showSendButton?: boolean;
     className?: string;
     style?: React.CSSProperties;
     panelRef?: React.RefObject<HTMLDivElement>;
@@ -188,7 +197,7 @@ interface DirectEditPanelInnerProps {
     onHeaderPointerUp?: (e: React.PointerEvent) => void;
     onHeaderPointerCancel?: (e: React.PointerEvent) => void;
 }
-declare function DirectEditPanelInner({ elementInfo, computedSpacing, computedBorderRadius, computedBorder, computedFlex, computedSizing, computedColor, selectionColors, computedBoxShadow, borderStyleControlPreference, computedTypography, pendingStyles, onClose, onSelectParent, onSelectChild, onUpdateSpacing, onUpdateBorderRadius, onUpdateBorder, onBatchUpdateBorder, onSetCSS, onUpdateFlex, onToggleFlex, onUpdateSizing, onUpdateColor, onReplaceSelectionColor, onSelectSelectionColorTarget, onUpdateTypography, onReset, onExportEdits, onSendToAgent, canSendToAgent, className, style, panelRef, isDragging, onHeaderPointerDown, onHeaderPointerMove, onHeaderPointerUp, onHeaderPointerCancel, }: DirectEditPanelInnerProps): react_jsx_runtime.JSX.Element;
+declare function DirectEditPanelInner({ elementInfo, computedSpacing, computedBorderRadius, computedBorder, computedFlex, computedSizing, computedColor, selectionColors, computedBoxShadow, borderStyleControlPreference, computedTypography, pendingStyles, onClose, onSelectParent, onSelectChild, onUpdateSpacing, onUpdateBorderRadius, onUpdateBorder, onBatchUpdateBorder, onSetCSS, onUpdateFlex, onToggleFlex, onUpdateSizing, onUpdateColor, onReplaceSelectionColor, onSelectSelectionColorTarget, onUpdateTypography, onReset, onExportEdits, onSendToAgent, canSendToAgent, showSendButton, className, style, panelRef, isDragging, onHeaderPointerDown, onHeaderPointerMove, onHeaderPointerUp, onHeaderPointerCancel, }: DirectEditPanelInnerProps): react_jsx_runtime.JSX.Element;
 declare function DirectEditPanel(): react_jsx_runtime.JSX.Element | null;
 
 interface DirectEditToolbarInnerProps {
@@ -201,9 +210,12 @@ interface DirectEditToolbarInnerProps {
     theme?: Theme;
     onSetTheme?: (theme: Theme) => void;
     sessionEditCount?: number;
+    multiSelectCount?: number;
+    multiSelectedElements?: HTMLElement[];
     onGetSessionItems?: () => SessionItem[];
     onExportAllEdits?: () => Promise<boolean>;
     onSendAllToAgents?: () => Promise<boolean>;
+    agentAvailable?: boolean;
     onClearSessionEdits?: () => void;
     onRemoveSessionEdit?: (element: HTMLElement) => void;
     onDeleteComment?: (id: string) => void;
@@ -215,7 +227,7 @@ interface DirectEditToolbarInnerProps {
     onZoomTo100?: () => void;
     onFitToViewport?: () => void;
 }
-declare function DirectEditToolbarInner({ editModeActive, onToggleEditMode, rulersVisible, onToggleRulers, activeTool, onSetActiveTool, theme, onSetTheme, sessionEditCount, onGetSessionItems, onExportAllEdits, onSendAllToAgents, onClearSessionEdits, onRemoveSessionEdit, onDeleteComment, className, canvasActive, canvasZoom, onToggleCanvas, onSetCanvasZoom, onZoomTo100, onFitToViewport, }: DirectEditToolbarInnerProps): react_jsx_runtime.JSX.Element;
+declare function DirectEditToolbarInner({ editModeActive, onToggleEditMode, rulersVisible, onToggleRulers, activeTool: _activeTool, onSetActiveTool: _onSetActiveTool, theme, onSetTheme, sessionEditCount, multiSelectCount, multiSelectedElements, onGetSessionItems, onExportAllEdits, onSendAllToAgents, agentAvailable, onClearSessionEdits, onRemoveSessionEdit, onDeleteComment, className, canvasActive, canvasZoom, onToggleCanvas, onSetCanvasZoom, onZoomTo100, onFitToViewport, }: DirectEditToolbarInnerProps): react_jsx_runtime.JSX.Element;
 declare function DirectEditToolbar(): react_jsx_runtime.JSX.Element | null;
 
 interface UseMeasurementResult {
@@ -238,6 +250,9 @@ declare function MeasurementOverlay({ selectedElement, hoveredElement, measureme
 
 interface SelectionOverlayProps {
     selectedElement: HTMLElement;
+    pageFrameElement?: HTMLElement | null;
+    pageFrameLabel?: string | null;
+    canvasZoom?: number;
     draggedElement?: HTMLElement | null;
     isDragging: boolean;
     ghostPosition?: {
@@ -251,10 +266,11 @@ interface SelectionOverlayProps {
     onDoubleClick?: (clientX: number, clientY: number) => void;
     onHoverElement?: (element: HTMLElement | null) => void;
     onClickThrough?: (clientX: number, clientY: number) => void;
+    onSelectPageFrame?: (element: HTMLElement) => void;
     enableResizeHandles?: boolean;
     onResizeSizingChange?: (changes: Partial<Record<SizingPropertyKey, SizingValue>>, options?: SizingChangeOptions) => void;
 }
-declare function SelectionOverlay({ selectedElement, draggedElement, isDragging, ghostPosition, onMoveStart, showMoveHandle, activeTool, isTextEditing, onDoubleClick, onHoverElement, onClickThrough, enableResizeHandles, onResizeSizingChange, }: SelectionOverlayProps): react_jsx_runtime.JSX.Element;
+declare function SelectionOverlay({ selectedElement, pageFrameElement, pageFrameLabel, canvasZoom, draggedElement, isDragging, ghostPosition, onMoveStart, showMoveHandle, isTextEditing, onDoubleClick, onHoverElement, onClickThrough, onSelectPageFrame, enableResizeHandles, onResizeSizingChange, }: SelectionOverlayProps): react_jsx_runtime.JSX.Element;
 
 interface MoveOverlayProps {
     dropIndicator: DropIndicator | null;
@@ -294,11 +310,11 @@ interface CommentOverlayProps {
     comments: Comment[];
     activeCommentId: string | null;
     onSetActiveComment: (id: string | null) => void;
-    onUpdateText: (id: string, text: string) => void;
+    onUpdateText?: (id: string, text: string) => void;
     onAddReply: (id: string, text: string) => void;
     onDelete: (id: string) => void;
     onExport?: (id: string) => Promise<boolean>;
-    onSendToAgent: (id: string) => Promise<boolean>;
+    onSendToAgent?: (id: string) => Promise<boolean>;
     attentionRequest?: {
         commentId: string;
         nonce: number;
@@ -309,4 +325,4 @@ declare function CommentOverlay({ comments, activeCommentId, onSetActiveComment,
 
 declare function formatColorValue(color: ColorValue): string;
 
-export { ActiveTool, BorderProperties, BorderPropertyKey, BorderRadiusPropertyKey, CSSPropertyValue, ColorPropertyKey, ColorValue, Comment, CommentOverlay, type CommentOverlayProps, DirectEdit, type DirectEditActionsContextValue, type DirectEditContextValue, DirectEditDemo, DirectEditPanel, DirectEditPanelInner, type DirectEditPanelInnerProps, DirectEditProvider, DirectEditState, type DirectEditStateContextValue, DirectEditToolbar, DirectEditToolbarInner, type DirectEditToolbarInnerProps, DragState, DropIndicator, FlexPropertyKey, Guideline, MeasurementLine, MeasurementOverlay, type MeasurementOverlayProps, type MoveInfo, type MoveMode, MoveOverlay, type MoveOverlayProps, Rulers, RulersOverlay, SelectionOverlay, type SelectionOverlayProps, SessionEdit, SizingChangeOptions, SizingPropertyKey, SizingValue, SpacingPropertyKey, type StartDragOptions, Theme, TypographyProperties, TypographyPropertyKey, type UseGuidelinesResult, type UseMeasurementResult, type UseMoveDropTarget, type UseMoveOptions, type UseMoveResult, formatColorValue, getStoredGuidelines, useDirectEdit, useDirectEditActions, useDirectEditState, useGuidelines, useMeasurement, useMove, useRulersVisible };
+export { ActiveTool, BorderProperties, BorderPropertyKey, BorderRadiusPropertyKey, CSSPropertyValue, CanvasElementKind, ColorPropertyKey, ColorValue, Comment, CommentOverlay, type CommentOverlayProps, DirectEdit, type DirectEditActionsContextValue, type DirectEditContextValue, DirectEditDemo, DirectEditPanel, DirectEditPanelInner, type DirectEditPanelInnerProps, DirectEditProvider, DirectEditState, type DirectEditStateContextValue, DirectEditToolbar, DirectEditToolbarInner, type DirectEditToolbarInnerProps, DragState, DropIndicator, FlexPropertyKey, Guideline, MeasurementLine, MeasurementOverlay, type MeasurementOverlayProps, type MoveInfo, type MoveMode, MoveOverlay, type MoveOverlayProps, Rulers, RulersOverlay, SelectElementOptions, SelectElementsOptions, SelectionOverlay, type SelectionOverlayProps, SessionEdit, SizingChangeOptions, SizingPropertyKey, SizingValue, SpacingPropertyKey, type StartDragOptions, Theme, TypographyProperties, TypographyPropertyKey, type UseGuidelinesResult, type UseMeasurementResult, type UseMoveDropTarget, type UseMoveOptions, type UseMoveResult, formatColorValue, getStoredGuidelines, useDirectEdit, useDirectEditActions, useDirectEditState, useGuidelines, useMeasurement, useMove, useRulersVisible };