@nextsparkjs/core 0.1.0-beta.157 → 0.1.0-beta.159

package/dist/components/dashboard/block-editor/batch-action-bar.d.ts

@@ -0,0 +1,12 @@
+interface BatchActionBarProps {
+    selectedCount: number;
+    onCopy: () => void;
+    onDuplicate: () => void;
+    onDelete: () => void;
+    onClearSelection: () => void;
+    clipboardCount: number;
+    onPaste: () => void;
+}
+export declare function BatchActionBar({ selectedCount, onCopy, onDuplicate, onDelete, onClearSelection, clipboardCount, onPaste, }: BatchActionBarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=batch-action-bar.d.ts.map

package/dist/components/dashboard/block-editor/batch-action-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"batch-action-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/block-editor/batch-action-bar.tsx"],"names":[],"mappings":"AAQA,UAAU,mBAAmB;IAC3B,aAAa,EAAE,MAAM,CAAA;IACrB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,cAAc,EAAE,MAAM,CAAA;IACtB,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,wBAAgB,cAAc,CAAC,EAC7B,aAAa,EACb,MAAM,EACN,WAAW,EACX,QAAQ,EACR,gBAAgB,EAChB,cAAc,EACd,OAAO,GACR,EAAE,mBAAmB,2CAgFrB"}

package/dist/components/dashboard/block-editor/batch-action-bar.js

@@ -0,0 +1,99 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Copy, CopyPlus, Trash2, ClipboardPaste, X } from "lucide-react";
+import { useTranslations } from "next-intl";
+import { Button } from "../../ui/button.js";
+import { cn } from "../../../lib/utils/index.js";
+import { sel } from "../../../lib/test/index.js";
+function BatchActionBar({
+  selectedCount,
+  onCopy,
+  onDuplicate,
+  onDelete,
+  onClearSelection,
+  clipboardCount,
+  onPaste
+}) {
+  const t = useTranslations("admin.builder.multiSelect");
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "absolute bottom-4 left-1/2 -translate-x-1/2 z-30",
+        "bg-primary text-primary-foreground rounded-full",
+        "px-4 py-2 shadow-lg",
+        "flex items-center gap-3",
+        "animate-in slide-in-from-bottom-4 fade-in duration-200"
+      ),
+      "data-cy": sel("blockEditor.batchActionBar.container"),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium whitespace-nowrap", "data-cy": sel("blockEditor.batchActionBar.count"), children: t("selected", { count: selectedCount }) }),
+        /* @__PURE__ */ jsx("div", { className: "h-4 w-px bg-primary-foreground/30" }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "icon",
+            className: "h-7 w-7 hover:bg-primary-foreground/20 text-primary-foreground",
+            onClick: onCopy,
+            title: t("copy"),
+            "data-cy": sel("blockEditor.batchActionBar.copy"),
+            children: /* @__PURE__ */ jsx(Copy, { className: "h-3.5 w-3.5" })
+          }
+        ),
+        clipboardCount > 0 && /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "icon",
+            className: "h-7 w-7 hover:bg-primary-foreground/20 text-primary-foreground",
+            onClick: onPaste,
+            title: t("paste"),
+            "data-cy": sel("blockEditor.batchActionBar.paste"),
+            children: /* @__PURE__ */ jsx(ClipboardPaste, { className: "h-3.5 w-3.5" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "icon",
+            className: "h-7 w-7 hover:bg-primary-foreground/20 text-primary-foreground",
+            onClick: onDuplicate,
+            title: t("duplicate"),
+            "data-cy": sel("blockEditor.batchActionBar.duplicate"),
+            children: /* @__PURE__ */ jsx(CopyPlus, { className: "h-3.5 w-3.5" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "icon",
+            className: "h-7 w-7 hover:bg-destructive/80 text-primary-foreground",
+            onClick: onDelete,
+            title: t("delete"),
+            "data-cy": sel("blockEditor.batchActionBar.delete"),
+            children: /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5" })
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "h-4 w-px bg-primary-foreground/30" }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "icon",
+            className: "h-7 w-7 hover:bg-primary-foreground/20 text-primary-foreground",
+            onClick: onClearSelection,
+            title: t("deselectAll"),
+            "data-cy": sel("blockEditor.batchActionBar.deselect"),
+            children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" })
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  BatchActionBar
+};

package/dist/components/dashboard/block-editor/block-picker.d.ts

@@ -12,14 +12,19 @@ interface BlockPickerProps {
     showPatternsTab?: boolean;
     pageBlocks: (BlockInstance | PatternReference)[];
     selectedBlockId: string | null;
-    onSelectBlock: (id: string) => void;
+    selectedBlockIds?: Set<string>;
+    onSelectBlock: (id: string, event?: {
+        metaKey?: boolean;
+        shiftKey?: boolean;
+        ctrlKey?: boolean;
+    }) => void;
     onReorderBlocks: (blocks: (BlockInstance | PatternReference)[]) => void;
     onCopyBlock?: (id: string) => void;
     onDuplicateBlock?: (id: string) => void;
     onRemoveBlock?: (id: string) => void;
     onPasteBlock?: () => void;
-    hasClipboardBlock?: boolean;
+    clipboardCount?: number;
 }
-export declare function BlockPicker({ blocks, onAddBlock, onAddPattern, entityConfig, entityFields, onEntityFieldChange, showFieldsTab, showPatternsTab, pageBlocks, selectedBlockId, onSelectBlock, onReorderBlocks, onCopyBlock, onDuplicateBlock, onRemoveBlock, onPasteBlock, hasClipboardBlock, }: BlockPickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function BlockPicker({ blocks, onAddBlock, onAddPattern, entityConfig, entityFields, onEntityFieldChange, showFieldsTab, showPatternsTab, pageBlocks, selectedBlockId, selectedBlockIds, onSelectBlock, onReorderBlocks, onCopyBlock, onDuplicateBlock, onRemoveBlock, onPasteBlock, clipboardCount, }: BlockPickerProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=block-picker.d.ts.map

package/dist/components/dashboard/block-editor/block-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"block-picker.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/block-editor/block-picker.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AACvE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAA;AACxE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAA;AAuBxF,UAAU,gBAAgB;IACxB,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,UAAU,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,YAAY,EAAE,kBAAkB,CAAA;IAChC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACrC,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5D,aAAa,EAAE,OAAO,CAAA;IACtB,eAAe,CAAC,EAAE,OAAO,CAAA;IAEzB,UAAU,EAAE,CAAC,aAAa,GAAG,gBAAgB,CAAC,EAAE,CAAA;IAChD,eAAe,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,eAAe,EAAE,CAAC,MAAM,EAAE,CAAC,aAAa,GAAG,gBAAgB,CAAC,EAAE,KAAK,IAAI,CAAA;IACvE,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B;AAED,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,mBAAmB,EACnB,aAAa,EACb,eAAuB,EAEvB,UAAU,EACV,eAAe,EACf,aAAa,EACb,eAAe,EACf,WAAW,EACX,gBAAgB,EAChB,aAAa,EACb,YAAY,EACZ,iBAAiB,GAClB,EAAE,gBAAgB,2CA8UlB"}
+{"version":3,"file":"block-picker.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/block-editor/block-picker.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AACvE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAA;AACxE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAA;AAuBxF,UAAU,gBAAgB;IACxB,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,UAAU,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,YAAY,EAAE,kBAAkB,CAAA;IAChC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACrC,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5D,aAAa,EAAE,OAAO,CAAA;IACtB,eAAe,CAAC,EAAE,OAAO,CAAA;IAEzB,UAAU,EAAE,CAAC,aAAa,GAAG,gBAAgB,CAAC,EAAE,CAAA;IAChD,eAAe,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,gBAAgB,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC9B,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAC,OAAO,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;IACzG,eAAe,EAAE,CAAC,MAAM,EAAE,CAAC,aAAa,GAAG,gBAAgB,CAAC,EAAE,KAAK,IAAI,CAAA;IACvE,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,mBAAmB,EACnB,aAAa,EACb,eAAuB,EAEvB,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,aAAa,EACb,eAAe,EACf,WAAW,EACX,gBAAgB,EAChB,aAAa,EACb,YAAY,EACZ,cAAkB,GACnB,EAAE,gBAAgB,2CAkVlB"}

package/dist/components/dashboard/block-editor/block-picker.js

@@ -37,13 +37,14 @@ function BlockPicker({
   // TreeView props
   pageBlocks,
   selectedBlockId,
+  selectedBlockIds,
   onSelectBlock,
   onReorderBlocks,
   onCopyBlock,
   onDuplicateBlock,
   onRemoveBlock,
   onPasteBlock,
-  hasClipboardBlock
+  clipboardCount = 0
 }) {
   const t = useTranslations("admin.builder");
   const tPatterns = useTranslations("patterns");
@@ -325,7 +326,7 @@ function BlockPicker({
     ) : (
       // Layout Tab - Tree View
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full", children: [
-        hasClipboardBlock && onPasteBlock && /* @__PURE__ */ jsx("div", { className: "p-3 border-b border-border", children: /* @__PURE__ */ jsxs(
+        clipboardCount > 0 && onPasteBlock && /* @__PURE__ */ jsx("div", { className: "p-3 border-b border-border", children: /* @__PURE__ */ jsxs(
           "button",
           {
             className: "w-full flex items-center justify-center gap-2 px-3 py-2 text-sm font-medium rounded-md bg-primary/10 text-primary hover:bg-primary/20 transition-colors cursor-pointer",
@@ -333,7 +334,7 @@ function BlockPicker({
             "data-cy": sel("blockEditor.blockPicker.pasteBlock"),
             children: [
               /* @__PURE__ */ jsx(ClipboardPaste, { className: "h-4 w-4" }),
-              t("layout.pasteBlock")
+              clipboardCount > 1 ? t("layout.pasteBlocks", { count: clipboardCount }) : t("layout.pasteBlock")
             ]
           }
         ) }),
@@ -342,6 +343,7 @@ function BlockPicker({
           {
             blocks: pageBlocks,
             selectedBlockId,
+            selectedBlockIds,
             onSelectBlock,
             onReorder: onReorderBlocks,
             onCopy: onCopyBlock,

package/dist/components/dashboard/block-editor/block-preview-canvas.d.ts

@@ -1,14 +1,18 @@
 import type { BlockInstance } from '../../../types/blocks';
 interface BlockPreviewCanvasProps {
     blocks: BlockInstance[];
-    selectedBlockId: string | null;
-    onSelectBlock: (id: string) => void;
+    selectedBlockIds: Set<string>;
+    onSelectBlock: (id: string, event?: {
+        metaKey?: boolean;
+        shiftKey?: boolean;
+        ctrlKey?: boolean;
+    }) => void;
     onMoveUp?: (id: string) => void;
     onMoveDown?: (id: string) => void;
     onCopy?: (id: string) => void;
     onDuplicate?: (id: string) => void;
     onRemove?: (id: string) => void;
 }
-export declare function BlockPreviewCanvas({ blocks, selectedBlockId, onSelectBlock, onMoveUp, onMoveDown, onCopy, onDuplicate, onRemove, }: BlockPreviewCanvasProps): import("react/jsx-runtime").JSX.Element;
+export declare function BlockPreviewCanvas({ blocks, selectedBlockIds, onSelectBlock, onMoveUp, onMoveDown, onCopy, onDuplicate, onRemove, }: BlockPreviewCanvasProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=block-preview-canvas.d.ts.map

package/dist/components/dashboard/block-editor/block-preview-canvas.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"block-preview-canvas.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/block-editor/block-preview-canvas.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAkB1D,UAAU,uBAAuB;IAC/B,MAAM,EAAE,aAAa,EAAE,CAAA;IACvB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7B,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAChC;AAED,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,eAAe,EACf,aAAa,EACb,QAAQ,EACR,UAAU,EACV,MAAM,EACN,WAAW,EACX,QAAQ,GACT,EAAE,uBAAuB,2CA6CzB"}
+{"version":3,"file":"block-preview-canvas.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/block-editor/block-preview-canvas.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAkB1D,UAAU,uBAAuB;IAC/B,MAAM,EAAE,aAAa,EAAE,CAAA;IACvB,gBAAgB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC7B,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAC,OAAO,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;IACzG,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7B,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAChC;AAED,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,gBAAgB,EAChB,aAAa,EACb,QAAQ,EACR,UAAU,EACV,MAAM,EACN,WAAW,EACX,QAAQ,GACT,EAAE,uBAAuB,2CA+CzB"}

package/dist/components/dashboard/block-editor/block-preview-canvas.js

@@ -19,7 +19,7 @@ function BlockSkeleton() {
 }
 function BlockPreviewCanvas({
   blocks,
-  selectedBlockId,
+  selectedBlockIds,
   onSelectBlock,
   onMoveUp,
   onMoveDown,
@@ -29,6 +29,7 @@ function BlockPreviewCanvas({
 }) {
   const t = useTranslations("admin.builder");
   const [hoveredBlockId, setHoveredBlockId] = useState(null);
+  const isMultiSelect = selectedBlockIds.size > 1;
   const handleHover = useCallback((id) => setHoveredBlockId(id), []);
   const handleLeave = useCallback(() => setHoveredBlockId(null), []);
   if (blocks.length === 0) {
@@ -48,7 +49,8 @@ function BlockPreviewCanvas({
     SelectableBlockPreview,
     {
       block,
-      isSelected: selectedBlockId === block.id,
+      isSelected: selectedBlockIds.has(block.id),
+      isMultiSelect,
       isHovered: hoveredBlockId === block.id,
       onSelect: onSelectBlock,
       blockId: block.id,
@@ -69,6 +71,7 @@ const SelectableBlockPreview = memo(function SelectableBlockPreview2({
   block,
   blockId,
   isSelected,
+  isMultiSelect,
   isHovered,
   onSelect,
   onHover,
@@ -82,7 +85,9 @@ const SelectableBlockPreview = memo(function SelectableBlockPreview2({
   onRemove
 }) {
   const t = useTranslations("admin.builder");
-  const handleSelect = useCallback(() => onSelect(blockId), [onSelect, blockId]);
+  const handleSelect = useCallback((e) => {
+    onSelect(blockId, { metaKey: e.metaKey, shiftKey: e.shiftKey, ctrlKey: e.ctrlKey });
+  }, [onSelect, blockId]);
   const handleHover = useCallback(() => onHover(blockId), [onHover, blockId]);
   const handleMoveUp = useCallback((e) => {
     e.stopPropagation();
@@ -138,7 +143,7 @@ const SelectableBlockPreview = memo(function SelectableBlockPreview2({
             {
               patternRef: block,
               isSelected,
-              onSelect: handleSelect,
+              onSelect: () => onSelect(blockId),
               onRemove: handleRemove
             }
           )
@@ -172,14 +177,15 @@ const SelectableBlockPreview = memo(function SelectableBlockPreview2({
         "relative cursor-pointer transition-[border-color] duration-150 group @container",
         "border-2 border-transparent",
         "hover:border-primary/50",
-        isSelected && "border-primary"
+        isSelected && !isMultiSelect && "border-primary",
+        isSelected && isMultiSelect && "border-primary/70 bg-primary/5"
       ),
       onClick: handleSelect,
       onMouseEnter: handleHover,
       onMouseLeave: onLeave,
       "data-cy": sel("blockEditor.previewCanvas.block", { id: block.id }),
       children: [
-        onDuplicate && onRemove && /* @__PURE__ */ jsx(
+        onDuplicate && onRemove && !isMultiSelect && /* @__PURE__ */ jsx(
           FloatingBlockToolbar,
           {
             blockId: block.id,
@@ -193,9 +199,12 @@ const SelectableBlockPreview = memo(function SelectableBlockPreview2({
         isSelected && /* @__PURE__ */ jsx(
           "div",
           {
-            className: "absolute top-2 right-2 z-20 bg-primary text-primary-foreground text-xs px-2 py-1 rounded shadow-md",
+            className: cn(
+              "absolute top-2 right-2 z-20 text-xs px-2 py-1 rounded shadow-md",
+              isMultiSelect ? "bg-primary/80 text-primary-foreground" : "bg-primary text-primary-foreground"
+            ),
             "data-cy": sel("blockEditor.previewCanvas.editingBadge", { id: block.id }),
-            children: t("canvas.editingBadge")
+            children: isMultiSelect ? "\u2713" : t("canvas.editingBadge")
           }
         ),
         (onMoveUp || onMoveDown) && /* @__PURE__ */ jsxs("div", { className: cn(

package/dist/components/dashboard/block-editor/block-settings-panel.d.ts

@@ -2,10 +2,11 @@ import type { BlockInstance } from '../../../types/blocks';
 import type { PatternReference } from '../../../types/pattern-reference';
 interface BlockSettingsPanelProps {
     block: BlockInstance | PatternReference | undefined;
+    selectedCount?: number;
     onUpdateProps: (props: Record<string, unknown>) => void;
     onRemove: () => void;
     onClose?: () => void;
 }
-export declare function BlockSettingsPanel({ block, onUpdateProps, onRemove, onClose, }: BlockSettingsPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function BlockSettingsPanel({ block, selectedCount, onUpdateProps, onRemove, onClose, }: BlockSettingsPanelProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=block-settings-panel.d.ts.map

package/dist/components/dashboard/block-editor/block-settings-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"block-settings-panel.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/block-editor/block-settings-panel.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,aAAa,EAA6B,MAAM,uBAAuB,CAAA;AACrF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAA;AAIxE,UAAU,uBAAuB;IAC/B,KAAK,EAAE,aAAa,GAAG,gBAAgB,GAAG,SAAS,CAAA;IACnD,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAA;IACvD,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAsBD,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,aAAa,EACb,QAAQ,EACR,OAAO,GACR,EAAE,uBAAuB,2CA8QzB"}
+{"version":3,"file":"block-settings-panel.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/block-editor/block-settings-panel.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,aAAa,EAA6B,MAAM,uBAAuB,CAAA;AACrF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAA;AAIxE,UAAU,uBAAuB;IAC/B,KAAK,EAAE,aAAa,GAAG,gBAAgB,GAAG,SAAS,CAAA;IACnD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAA;IACvD,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAsBD,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,aAAiB,EACjB,aAAa,EACb,QAAQ,EACR,OAAO,GACR,EAAE,uBAAuB,2CA6RzB"}

package/dist/components/dashboard/block-editor/block-settings-panel.js

@@ -4,7 +4,7 @@ import { useMemo, useState } from "react";
 import { useTranslations } from "next-intl";
 import { Button } from "../../ui/button.js";
 import { Card, CardContent } from "../../ui/card.js";
-import { Trash2, FileText, Palette, Settings2, X, SlidersHorizontal, Layers, Lock } from "lucide-react";
+import { Trash2, FileText, Palette, Settings2, X, SlidersHorizontal, Layers, Lock, CheckSquare } from "lucide-react";
 import Link from "next/link";
 import { cn } from "../../../lib/utils/index.js";
 import { sel } from "../../../lib/test/index.js";
@@ -25,11 +25,13 @@ function groupFieldsByTab(fields) {
 }
 function BlockSettingsPanel({
   block,
+  selectedCount = 0,
   onUpdateProps,
   onRemove,
   onClose
 }) {
   const t = useTranslations("admin.builder.settingsPanel");
+  const tMulti = useTranslations("admin.builder.multiSelect");
   const [activeTab, setActiveTab] = useState("content");
   const groupedFields = useMemo(() => {
     if (!block || isPatternReference(block)) return null;
@@ -37,6 +39,13 @@ function BlockSettingsPanel({
     if (!(blockConfig2 == null ? void 0 : blockConfig2.fieldDefinitions)) return null;
     return groupFieldsByTab(blockConfig2.fieldDefinitions);
   }, [block]);
+  if (selectedCount > 1) {
+    return /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center p-8 bg-muted/10", "data-cy": sel("blockEditor.blockPropertiesPanel.multiSelect"), children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx("div", { className: "mx-auto mb-4 h-12 w-12 rounded-full bg-primary/10 flex items-center justify-center", children: /* @__PURE__ */ jsx(CheckSquare, { className: "h-6 w-6 text-primary" }) }),
+      /* @__PURE__ */ jsx("p", { className: "text-foreground font-medium", children: tMulti("selected", { count: selectedCount }) }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-1", children: tMulti("settingsHint") })
+    ] }) });
+  }
   if (!block) {
     return /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center p-8 bg-muted/10", "data-cy": sel("blockEditor.blockPropertiesPanel.empty"), children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
       /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: t("empty.message") }),

package/dist/components/dashboard/block-editor/builder-editor-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"builder-editor-view.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/block-editor/builder-editor-view.tsx"],"names":[],"mappings":"AAgCA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAA;AAwCxF,MAAM,WAAW,sBAAsB;IACrC,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,kBAAkB,CAAA;IAChC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAA;IACvB,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;CAC9D;AAED,wBAAgB,iBAAiB,CAAC,EAAE,UAAU,EAAE,YAAY,EAAE,EAAE,EAAE,IAAI,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,EAAE,sBAAsB,2CAiuB7I"}
+{"version":3,"file":"builder-editor-view.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/block-editor/builder-editor-view.tsx"],"names":[],"mappings":"AAuCA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAA;AAwCxF,MAAM,WAAW,sBAAsB;IACrC,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,kBAAkB,CAAA;IAChC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAA;IACvB,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;CAC9D;AAED,wBAAgB,iBAAiB,CAAC,EAAE,UAAU,EAAE,YAAY,EAAE,EAAE,EAAE,IAAI,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,EAAE,sBAAsB,2CA85B7I"}