@seed-ship/mcp-ui-solid 6.17.0 → 6.18.0

package/dist/components/EditableUIResourceRenderer.cjs

@@ -6,6 +6,7 @@ const useDragDrop = require("../hooks/useDragDrop.cjs");
 const useResize = require("../hooks/useResize.cjs");
 const DraggableGridItem = require("./DraggableGridItem.cjs");
 const UIResourceRenderer = require("./UIResourceRenderer.cjs");
+const EditableLayoutContext = require("./EditableLayoutContext.cjs");
 var _tmpl$ = /* @__PURE__ */ web.template(`<div class=mcp-grid-overlay style=position:absolute;inset:0;display:grid;gap:1rem;padding:0;pointer-events:none;z-index:0>`), _tmpl$2 = /* @__PURE__ */ web.template(`<div class=mcp-grid-overlay-column style="background-color:rgba(59, 130, 246, 0.05);border:1px dashed rgba(59, 130, 246, 0.2);border-radius:4px">`), _tmpl$3 = /* @__PURE__ */ web.template(`<div><div class="grid relative"data-grid-container><!$><!/><!$><!/>`);
 const GridOverlay = (props) => {
   return web.createComponent(solidJs.Show, {
@@ -109,90 +110,92 @@ const EditableUIResourceRenderer = (props) => {
       }
     });
   }
-  return (() => {
-    var _el$3 = web.getNextElement(_tmpl$3), _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, [_el$6, _co$] = web.getNextMarker(_el$5.nextSibling), _el$7 = _el$6.nextSibling, [_el$8, _co$2] = web.getNextMarker(_el$7.nextSibling);
-    web.use(setGridContainerRef, _el$4);
-    web.insert(_el$4, web.createComponent(GridOverlay, {
-      get columns() {
-        return props.layout.grid.columns;
-      },
-      get visible() {
-        return showOverlay();
-      }
-    }), _el$6, _co$);
-    web.insert(_el$4, web.createComponent(solidJs.For, {
-      get each() {
-        return components();
-      },
-      children: (component) => {
-        const resize = useResize.useResize({
-          componentId: component.id,
-          currentPosition: () => component.position,
-          onResize: (pos) => handleResize(component.id, pos),
-          onResizePreview: (pos) => handleResizePreview(component.id, pos),
-          constraints: dragDropConfig().constraints,
-          gridContainer: gridContainerRef,
-          gridColumns: props.layout.grid.columns,
-          enabled: dragDropConfig().enabled && dragDropConfig().resize
-        });
-        const effectivePosition = () => getEffectivePosition(component);
-        return web.createComponent(DraggableGridItem.DraggableGridItem, {
-          get id() {
-            return component.id;
-          },
-          get position() {
-            return effectivePosition();
-          },
-          get draggable() {
-            return web.memo(() => !!dragDropConfig().enabled)() && dragDropConfig().reorder;
-          },
-          get resizable() {
-            return web.memo(() => !!dragDropConfig().enabled)() && dragDropConfig().resize;
-          },
-          get constraints() {
-            return dragDropConfig().constraints;
-          },
-          get isDragging() {
-            return dragDrop.isComponentDragging(component.id);
-          },
-          get isDropTarget() {
-            return dragDrop.isDropTarget(component.id);
-          },
-          get isResizing() {
-            return activeResizeId() === component.id;
-          },
-          get previewPosition() {
-            return previewPositions().get(component.id) || null;
-          },
-          get dragProps() {
-            return dragDrop.getDragProps(component.id);
-          },
-          onResizeStart: (edge, event) => {
-            setActiveResizeId(component.id);
-            resize.handleResizeStart(event, edge);
-          },
-          get children() {
-            return web.createComponent(UIResourceRenderer.UIResourceRenderer, {
-              content: component,
-              get onError() {
-                return props.onError;
-              }
-            });
-          }
-        });
-      }
-    }), _el$8, _co$2);
-    web.effect((_p$) => {
-      var _v$ = `w-full editable-ui-renderer ${props.class || ""}`, _v$2 = gridContainerStyle();
-      _v$ !== _p$.e && web.className(_el$3, _p$.e = _v$);
-      _p$.t = web.style(_el$4, _v$2, _p$.t);
-      return _p$;
-    }, {
-      e: void 0,
-      t: void 0
-    });
-    return _el$3;
-  })();
+  return web.createComponent(EditableLayoutContext.EditableLayoutProvider, {
+    get children() {
+      var _el$3 = web.getNextElement(_tmpl$3), _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, [_el$6, _co$] = web.getNextMarker(_el$5.nextSibling), _el$7 = _el$6.nextSibling, [_el$8, _co$2] = web.getNextMarker(_el$7.nextSibling);
+      web.use(setGridContainerRef, _el$4);
+      web.insert(_el$4, web.createComponent(GridOverlay, {
+        get columns() {
+          return props.layout.grid.columns;
+        },
+        get visible() {
+          return showOverlay();
+        }
+      }), _el$6, _co$);
+      web.insert(_el$4, web.createComponent(solidJs.For, {
+        get each() {
+          return components();
+        },
+        children: (component) => {
+          const resize = useResize.useResize({
+            componentId: component.id,
+            currentPosition: () => component.position,
+            onResize: (pos) => handleResize(component.id, pos),
+            onResizePreview: (pos) => handleResizePreview(component.id, pos),
+            constraints: dragDropConfig().constraints,
+            gridContainer: gridContainerRef,
+            gridColumns: props.layout.grid.columns,
+            enabled: dragDropConfig().enabled && dragDropConfig().resize
+          });
+          const effectivePosition = () => getEffectivePosition(component);
+          return web.createComponent(DraggableGridItem.DraggableGridItem, {
+            get id() {
+              return component.id;
+            },
+            get position() {
+              return effectivePosition();
+            },
+            get draggable() {
+              return web.memo(() => !!dragDropConfig().enabled)() && dragDropConfig().reorder;
+            },
+            get resizable() {
+              return web.memo(() => !!dragDropConfig().enabled)() && dragDropConfig().resize;
+            },
+            get constraints() {
+              return dragDropConfig().constraints;
+            },
+            get isDragging() {
+              return dragDrop.isComponentDragging(component.id);
+            },
+            get isDropTarget() {
+              return dragDrop.isDropTarget(component.id);
+            },
+            get isResizing() {
+              return activeResizeId() === component.id;
+            },
+            get previewPosition() {
+              return previewPositions().get(component.id) || null;
+            },
+            get dragProps() {
+              return dragDrop.getDragProps(component.id);
+            },
+            onResizeStart: (edge, event) => {
+              setActiveResizeId(component.id);
+              resize.handleResizeStart(event, edge);
+            },
+            get children() {
+              return web.createComponent(UIResourceRenderer.UIResourceRenderer, {
+                content: component,
+                get onError() {
+                  return props.onError;
+                }
+              });
+            }
+          });
+        }
+      }), _el$8, _co$2);
+      web.effect((_p$) => {
+        var _v$ = `w-full editable-ui-renderer ${props.class || ""}`, _v$2 = gridContainerStyle();
+        _v$ !== _p$.e && web.className(_el$3, _p$.e = _v$);
+        _p$.t = web.style(_el$4, _v$2, _p$.t);
+        return _p$;
+      }, {
+        e: void 0,
+        t: void 0
+      });
+      return _el$3;
+    }
+  });
 };
 exports.EditableUIResourceRenderer = EditableUIResourceRenderer;
 //# sourceMappingURL=EditableUIResourceRenderer.cjs.map

package/dist/components/EditableUIResourceRenderer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EditableUIResourceRenderer.cjs","sources":["../../src/components/EditableUIResourceRenderer.tsx"],"sourcesContent":["/**\n * EditableUIResourceRenderer Component\n * Extends UIResourceRenderer with drag-and-drop reordering and resizing capabilities\n *\n * Sprint Drag-Drop Feature\n */\n\nimport {\n  Component,\n  For,\n  Show,\n  createSignal,\n  createMemo,\n  createEffect,\n  on,\n  JSX\n} from 'solid-js'\nimport type {\n  UIComponent,\n  UILayout,\n  RendererError,\n  GridPosition,\n  DragDropConfig\n} from '../types'\nimport { useDragDrop } from '../hooks/useDragDrop'\nimport { useResize, ResizeEdge } from '../hooks/useResize'\nimport { DraggableGridItem } from './DraggableGridItem'\nimport { UIResourceRenderer } from './UIResourceRenderer'\n\n/**\n * Props for EditableUIResourceRenderer\n */\nexport interface EditableUIResourceRendererProps {\n  /**\n   * Layout to render (must be UILayout, not single component)\n   */\n  layout: UILayout\n\n  /**\n   * Drag-drop configuration\n   */\n  dragDrop?: DragDropConfig\n\n  /**\n   * Error callback\n   */\n  onError?: (error: RendererError) => void\n\n  /**\n   * Callback when layout changes (reorder or resize)\n   */\n  onLayoutChange?: (layout: UILayout) => void\n\n  /**\n   * Custom CSS class\n   */\n  class?: string\n\n  /**\n   * Show grid overlay during editing\n   */\n  showGridOverlay?: boolean\n}\n\n/**\n * Grid overlay component for visual feedback\n */\nconst GridOverlay: Component<{ columns: number; visible: boolean }> = (props) => {\n  return (\n    <Show when={props.visible}>\n      <div\n        class=\"mcp-grid-overlay\"\n        style={{\n          position: 'absolute',\n          inset: '0',\n          display: 'grid',\n          'grid-template-columns': `repeat(${props.columns}, 1fr)`,\n          gap: '1rem',\n          padding: '0',\n          'pointer-events': 'none',\n          'z-index': '0'\n        }}\n      >\n        <For each={Array(props.columns).fill(0)}>\n          {() => (\n            <div\n              class=\"mcp-grid-overlay-column\"\n              style={{\n                'background-color': 'rgba(59, 130, 246, 0.05)',\n                border: '1px dashed rgba(59, 130, 246, 0.2)',\n                'border-radius': '4px'\n              }}\n            />\n          )}\n        </For>\n      </div>\n    </Show>\n  )\n}\n\n/**\n * EditableUIResourceRenderer Component\n */\nexport const EditableUIResourceRenderer: Component<EditableUIResourceRendererProps> = (props) => {\n  // Internal state for components (allows editing)\n  const [components, setComponents] = createSignal<UIComponent[]>(props.layout.components)\n  const [activeResizeId, setActiveResizeId] = createSignal<string | null>(null)\n  const [previewPositions, setPreviewPositions] = createSignal<Map<string, GridPosition>>(new Map())\n  const [gridContainerRef, setGridContainerRef] = createSignal<HTMLElement | null>(null)\n\n  // Sync with external layout changes\n  createEffect(on(() => props.layout.components, (newComponents) => {\n    setComponents(newComponents)\n  }))\n\n  // Drag-drop configuration\n  const dragDropConfig = createMemo(() => ({\n    enabled: props.dragDrop?.enabled ?? false,\n    reorder: props.dragDrop?.reorder ?? true,\n    resize: props.dragDrop?.resize ?? true,\n    constraints: props.dragDrop?.constraints ?? {},\n    showGridLines: props.dragDrop?.showGridLines ?? true,\n    animationDuration: props.dragDrop?.animationDuration ?? 200\n  }))\n\n  // Handle reorder from drag-drop\n  const handleReorder = (newComponents: UIComponent[]) => {\n    setComponents(newComponents)\n\n    const newLayout: UILayout = {\n      ...props.layout,\n      components: newComponents\n    }\n\n    props.dragDrop?.onReorder?.(newComponents)\n    props.dragDrop?.onChange?.(newLayout)\n    props.onLayoutChange?.(newLayout)\n  }\n\n  // Handle resize completion\n  const handleResize = (componentId: string, newPosition: GridPosition) => {\n    const updatedComponents = components().map(c =>\n      c.id === componentId ? { ...c, position: newPosition } : c\n    )\n\n    setComponents(updatedComponents)\n    setActiveResizeId(null)\n    setPreviewPositions(new Map())\n\n    const newLayout: UILayout = {\n      ...props.layout,\n      components: updatedComponents\n    }\n\n    props.dragDrop?.onResize?.(componentId, newPosition)\n    props.dragDrop?.onChange?.(newLayout)\n    props.onLayoutChange?.(newLayout)\n  }\n\n  // Handle resize preview\n  const handleResizePreview = (componentId: string, previewPosition: GridPosition) => {\n    setPreviewPositions(prev => {\n      const next = new Map(prev)\n      next.set(componentId, previewPosition)\n      return next\n    })\n  }\n\n  // Initialize drag-drop hook\n  const dragDrop = useDragDrop({\n    components,\n    onReorder: handleReorder,\n    enabled: dragDropConfig().enabled && dragDropConfig().reorder\n  })\n\n  // Grid container style\n  const gridContainerStyle = createMemo((): JSX.CSSProperties => ({\n    display: 'grid',\n    'grid-template-columns': `repeat(${props.layout.grid.columns}, 1fr)`,\n    gap: props.layout.grid.gap,\n    position: 'relative'\n  }))\n\n  // Check if we should show grid overlay\n  const showOverlay = createMemo(() =>\n    dragDropConfig().showGridLines && (dragDrop.isDragging() || activeResizeId() !== null)\n  )\n\n  // Get effective position for a component (preview if resizing, otherwise actual)\n  const getEffectivePosition = (component: UIComponent): GridPosition => {\n    const preview = previewPositions().get(component.id)\n    return preview || component.position\n  }\n\n  // If drag-drop is not enabled, just render the standard UIResourceRenderer\n  if (!props.dragDrop?.enabled) {\n    return (\n      <UIResourceRenderer\n        content={props.layout}\n        onError={props.onError}\n        class={props.class}\n      />\n    )\n  }\n\n  return (\n    <div class={`w-full editable-ui-renderer ${props.class || ''}`}>\n      <div\n        ref={setGridContainerRef}\n        class=\"grid relative\"\n        style={gridContainerStyle()}\n        data-grid-container\n      >\n        {/* Grid overlay */}\n        <GridOverlay\n          columns={props.layout.grid.columns}\n          visible={showOverlay()}\n        />\n\n        {/* Render components with drag-drop wrappers */}\n        <For each={components()}>\n          {(component) => {\n            // Create resize hook for each component\n            const resize = useResize({\n              componentId: component.id,\n              currentPosition: () => component.position,\n              onResize: (pos) => handleResize(component.id, pos),\n              onResizePreview: (pos) => handleResizePreview(component.id, pos),\n              constraints: dragDropConfig().constraints,\n              gridContainer: gridContainerRef,\n              gridColumns: props.layout.grid.columns,\n              enabled: dragDropConfig().enabled && dragDropConfig().resize\n            })\n\n            const effectivePosition = () => getEffectivePosition(component)\n\n            return (\n              <DraggableGridItem\n                id={component.id}\n                position={effectivePosition()}\n                draggable={dragDropConfig().enabled && dragDropConfig().reorder}\n                resizable={dragDropConfig().enabled && dragDropConfig().resize}\n                constraints={dragDropConfig().constraints}\n                isDragging={dragDrop.isComponentDragging(component.id)}\n                isDropTarget={dragDrop.isDropTarget(component.id)}\n                isResizing={activeResizeId() === component.id}\n                previewPosition={previewPositions().get(component.id) || null}\n                dragProps={dragDrop.getDragProps(component.id)}\n                onResizeStart={(edge, event) => {\n                  setActiveResizeId(component.id)\n                  resize.handleResizeStart(event, edge as ResizeEdge)\n                }}\n              >\n                {/* Render component using UIResourceRenderer for single component */}\n                <UIResourceRenderer\n                  content={component}\n                  onError={props.onError}\n                />\n              </DraggableGridItem>\n            )\n          }}\n        </For>\n      </div>\n    </div>\n  )\n}\n\nexport default EditableUIResourceRenderer\n"],"names":["GridOverlay","props","_$createComponent","Show","when","visible","children","_el$","_$getNextElement","_tmpl$","_$insert","For","each","Array","columns","fill","_tmpl$2","_$effect","_$p","_$setStyleProperty","EditableUIResourceRenderer","components","setComponents","createSignal","layout","activeResizeId","setActiveResizeId","previewPositions","setPreviewPositions","Map","gridContainerRef","setGridContainerRef","createEffect","on","newComponents","dragDropConfig","createMemo","enabled","dragDrop","reorder","resize","constraints","showGridLines","animationDuration","handleReorder","newLayout","onReorder","onChange","onLayoutChange","handleResize","componentId","newPosition","updatedComponents","map","c","id","position","onResize","handleResizePreview","previewPosition","prev","next","set","useDragDrop","gridContainerStyle","display","grid","gap","showOverlay","isDragging","getEffectivePosition","component","preview","get","UIResourceRenderer","content","onError","class","_el$3","_tmpl$3","_el$4","firstChild","_el$5","_el$6","_co$","_$getNextMarker","nextSibling","_el$7","_el$8","_co$2","_$use","useResize","currentPosition","pos","onResizePreview","gridContainer","gridColumns","effectivePosition","DraggableGridItem","draggable","_$memo","resizable","isComponentDragging","isDropTarget","isResizing","dragProps","getDragProps","onResizeStart","edge","event","handleResizeStart","_p$","_v$","_v$2","e","_$className","t","_$style","undefined"],"mappings":"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"}
+{"version":3,"file":"EditableUIResourceRenderer.cjs","sources":["../../src/components/EditableUIResourceRenderer.tsx"],"sourcesContent":["/**\n * EditableUIResourceRenderer Component\n * Extends UIResourceRenderer with drag-and-drop reordering and resizing capabilities\n *\n * Sprint Drag-Drop Feature\n */\n\nimport {\n  Component,\n  For,\n  Show,\n  createSignal,\n  createMemo,\n  createEffect,\n  on,\n  JSX\n} from 'solid-js'\nimport type {\n  UIComponent,\n  UILayout,\n  RendererError,\n  GridPosition,\n  DragDropConfig\n} from '../types'\nimport { useDragDrop } from '../hooks/useDragDrop'\nimport { useResize, ResizeEdge } from '../hooks/useResize'\nimport { DraggableGridItem } from './DraggableGridItem'\nimport { UIResourceRenderer } from './UIResourceRenderer'\nimport { EditableLayoutProvider } from './EditableLayoutContext'\n\n/**\n * Props for EditableUIResourceRenderer\n */\nexport interface EditableUIResourceRendererProps {\n  /**\n   * Layout to render (must be UILayout, not single component)\n   */\n  layout: UILayout\n\n  /**\n   * Drag-drop configuration\n   */\n  dragDrop?: DragDropConfig\n\n  /**\n   * Error callback\n   */\n  onError?: (error: RendererError) => void\n\n  /**\n   * Callback when layout changes (reorder or resize)\n   */\n  onLayoutChange?: (layout: UILayout) => void\n\n  /**\n   * Custom CSS class\n   */\n  class?: string\n\n  /**\n   * Show grid overlay during editing\n   */\n  showGridOverlay?: boolean\n}\n\n/**\n * Grid overlay component for visual feedback\n */\nconst GridOverlay: Component<{ columns: number; visible: boolean }> = (props) => {\n  return (\n    <Show when={props.visible}>\n      <div\n        class=\"mcp-grid-overlay\"\n        style={{\n          position: 'absolute',\n          inset: '0',\n          display: 'grid',\n          'grid-template-columns': `repeat(${props.columns}, 1fr)`,\n          gap: '1rem',\n          padding: '0',\n          'pointer-events': 'none',\n          'z-index': '0'\n        }}\n      >\n        <For each={Array(props.columns).fill(0)}>\n          {() => (\n            <div\n              class=\"mcp-grid-overlay-column\"\n              style={{\n                'background-color': 'rgba(59, 130, 246, 0.05)',\n                border: '1px dashed rgba(59, 130, 246, 0.2)',\n                'border-radius': '4px'\n              }}\n            />\n          )}\n        </For>\n      </div>\n    </Show>\n  )\n}\n\n/**\n * EditableUIResourceRenderer Component\n */\nexport const EditableUIResourceRenderer: Component<EditableUIResourceRendererProps> = (props) => {\n  // Internal state for components (allows editing)\n  const [components, setComponents] = createSignal<UIComponent[]>(props.layout.components)\n  const [activeResizeId, setActiveResizeId] = createSignal<string | null>(null)\n  const [previewPositions, setPreviewPositions] = createSignal<Map<string, GridPosition>>(new Map())\n  const [gridContainerRef, setGridContainerRef] = createSignal<HTMLElement | null>(null)\n\n  // Sync with external layout changes\n  createEffect(on(() => props.layout.components, (newComponents) => {\n    setComponents(newComponents)\n  }))\n\n  // Drag-drop configuration\n  const dragDropConfig = createMemo(() => ({\n    enabled: props.dragDrop?.enabled ?? false,\n    reorder: props.dragDrop?.reorder ?? true,\n    resize: props.dragDrop?.resize ?? true,\n    constraints: props.dragDrop?.constraints ?? {},\n    showGridLines: props.dragDrop?.showGridLines ?? true,\n    animationDuration: props.dragDrop?.animationDuration ?? 200\n  }))\n\n  // Handle reorder from drag-drop\n  const handleReorder = (newComponents: UIComponent[]) => {\n    setComponents(newComponents)\n\n    const newLayout: UILayout = {\n      ...props.layout,\n      components: newComponents\n    }\n\n    props.dragDrop?.onReorder?.(newComponents)\n    props.dragDrop?.onChange?.(newLayout)\n    props.onLayoutChange?.(newLayout)\n  }\n\n  // Handle resize completion\n  const handleResize = (componentId: string, newPosition: GridPosition) => {\n    const updatedComponents = components().map(c =>\n      c.id === componentId ? { ...c, position: newPosition } : c\n    )\n\n    setComponents(updatedComponents)\n    setActiveResizeId(null)\n    setPreviewPositions(new Map())\n\n    const newLayout: UILayout = {\n      ...props.layout,\n      components: updatedComponents\n    }\n\n    props.dragDrop?.onResize?.(componentId, newPosition)\n    props.dragDrop?.onChange?.(newLayout)\n    props.onLayoutChange?.(newLayout)\n  }\n\n  // Handle resize preview\n  const handleResizePreview = (componentId: string, previewPosition: GridPosition) => {\n    setPreviewPositions(prev => {\n      const next = new Map(prev)\n      next.set(componentId, previewPosition)\n      return next\n    })\n  }\n\n  // Initialize drag-drop hook\n  const dragDrop = useDragDrop({\n    components,\n    onReorder: handleReorder,\n    enabled: dragDropConfig().enabled && dragDropConfig().reorder\n  })\n\n  // Grid container style\n  const gridContainerStyle = createMemo((): JSX.CSSProperties => ({\n    display: 'grid',\n    'grid-template-columns': `repeat(${props.layout.grid.columns}, 1fr)`,\n    gap: props.layout.grid.gap,\n    position: 'relative'\n  }))\n\n  // Check if we should show grid overlay\n  const showOverlay = createMemo(() =>\n    dragDropConfig().showGridLines && (dragDrop.isDragging() || activeResizeId() !== null)\n  )\n\n  // Get effective position for a component (preview if resizing, otherwise actual)\n  const getEffectivePosition = (component: UIComponent): GridPosition => {\n    const preview = previewPositions().get(component.id)\n    return preview || component.position\n  }\n\n  // If drag-drop is not enabled, just render the standard UIResourceRenderer\n  if (!props.dragDrop?.enabled) {\n    return (\n      <UIResourceRenderer\n        content={props.layout}\n        onError={props.onError}\n        class={props.class}\n      />\n    )\n  }\n\n  return (\n    <EditableLayoutProvider>\n      <div class={`w-full editable-ui-renderer ${props.class || ''}`}>\n        <div\n          ref={setGridContainerRef}\n          class=\"grid relative\"\n          style={gridContainerStyle()}\n          data-grid-container\n        >\n        {/* Grid overlay */}\n        <GridOverlay\n          columns={props.layout.grid.columns}\n          visible={showOverlay()}\n        />\n\n        {/* Render components with drag-drop wrappers */}\n        <For each={components()}>\n          {(component) => {\n            // Create resize hook for each component\n            const resize = useResize({\n              componentId: component.id,\n              currentPosition: () => component.position,\n              onResize: (pos) => handleResize(component.id, pos),\n              onResizePreview: (pos) => handleResizePreview(component.id, pos),\n              constraints: dragDropConfig().constraints,\n              gridContainer: gridContainerRef,\n              gridColumns: props.layout.grid.columns,\n              enabled: dragDropConfig().enabled && dragDropConfig().resize\n            })\n\n            const effectivePosition = () => getEffectivePosition(component)\n\n            return (\n              <DraggableGridItem\n                id={component.id}\n                position={effectivePosition()}\n                draggable={dragDropConfig().enabled && dragDropConfig().reorder}\n                resizable={dragDropConfig().enabled && dragDropConfig().resize}\n                constraints={dragDropConfig().constraints}\n                isDragging={dragDrop.isComponentDragging(component.id)}\n                isDropTarget={dragDrop.isDropTarget(component.id)}\n                isResizing={activeResizeId() === component.id}\n                previewPosition={previewPositions().get(component.id) || null}\n                dragProps={dragDrop.getDragProps(component.id)}\n                onResizeStart={(edge, event) => {\n                  setActiveResizeId(component.id)\n                  resize.handleResizeStart(event, edge as ResizeEdge)\n                }}\n              >\n                {/* Render component using UIResourceRenderer for single component */}\n                <UIResourceRenderer\n                  content={component}\n                  onError={props.onError}\n                />\n              </DraggableGridItem>\n            )\n          }}\n        </For>\n        </div>\n      </div>\n    </EditableLayoutProvider>\n  )\n}\n\nexport default EditableUIResourceRenderer\n"],"names":["GridOverlay","props","_$createComponent","Show","when","visible","children","_el$","_$getNextElement","_tmpl$","_$insert","For","each","Array","columns","fill","_tmpl$2","_$effect","_$p","_$setStyleProperty","EditableUIResourceRenderer","components","setComponents","createSignal","layout","activeResizeId","setActiveResizeId","previewPositions","setPreviewPositions","Map","gridContainerRef","setGridContainerRef","createEffect","on","newComponents","dragDropConfig","createMemo","enabled","dragDrop","reorder","resize","constraints","showGridLines","animationDuration","handleReorder","newLayout","onReorder","onChange","onLayoutChange","handleResize","componentId","newPosition","updatedComponents","map","c","id","position","onResize","handleResizePreview","previewPosition","prev","next","set","useDragDrop","gridContainerStyle","display","grid","gap","showOverlay","isDragging","getEffectivePosition","component","preview","get","UIResourceRenderer","content","onError","class","EditableLayoutProvider","_el$3","_tmpl$3","_el$4","firstChild","_el$5","_el$6","_co$","_$getNextMarker","nextSibling","_el$7","_el$8","_co$2","_$use","useResize","currentPosition","pos","onResizePreview","gridContainer","gridColumns","effectivePosition","DraggableGridItem","draggable","_$memo","resizable","isComponentDragging","isDropTarget","isResizing","dragProps","getDragProps","onResizeStart","edge","event","handleResizeStart","_p$","_v$","_v$2","e","_$className","t","_$style","undefined"],"mappings":"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"}

package/dist/components/EditableUIResourceRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditableUIResourceRenderer.d.ts","sourceRoot":"","sources":["../../src/components/EditableUIResourceRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,SAAS,EAQV,MAAM,UAAU,CAAA;AACjB,OAAO,KAAK,EAEV,QAAQ,EACR,aAAa,EAEb,cAAc,EACf,MAAM,UAAU,CAAA;AAMjB;;GAEG;AACH,MAAM,WAAW,+BAA+B;IAC9C;;OAEG;IACH,MAAM,EAAE,QAAQ,CAAA;IAEhB;;OAEG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAA;IAEzB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IAExC;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,KAAK,IAAI,CAAA;IAE3C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAsCD;;GAEG;AACH,eAAO,MAAM,0BAA0B,EAAE,SAAS,CAAC,+BAA+B,CAkKjF,CAAA;AAED,eAAe,0BAA0B,CAAA"}
+{"version":3,"file":"EditableUIResourceRenderer.d.ts","sourceRoot":"","sources":["../../src/components/EditableUIResourceRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,SAAS,EAQV,MAAM,UAAU,CAAA;AACjB,OAAO,KAAK,EAEV,QAAQ,EACR,aAAa,EAEb,cAAc,EACf,MAAM,UAAU,CAAA;AAOjB;;GAEG;AACH,MAAM,WAAW,+BAA+B;IAC9C;;OAEG;IACH,MAAM,EAAE,QAAQ,CAAA;IAEhB;;OAEG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAA;IAEzB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IAExC;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,KAAK,IAAI,CAAA;IAE3C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAsCD;;GAEG;AACH,eAAO,MAAM,0BAA0B,EAAE,SAAS,CAAC,+BAA+B,CAoKjF,CAAA;AAED,eAAe,0BAA0B,CAAA"}

package/dist/components/EditableUIResourceRenderer.js

@@ -4,6 +4,7 @@ import { useDragDrop } from "../hooks/useDragDrop.js";
 import { useResize } from "../hooks/useResize.js";
 import { DraggableGridItem } from "./DraggableGridItem.js";
 import { UIResourceRenderer } from "./UIResourceRenderer.js";
+import { EditableLayoutProvider } from "./EditableLayoutContext.js";
 var _tmpl$ = /* @__PURE__ */ template(`<div class=mcp-grid-overlay style=position:absolute;inset:0;display:grid;gap:1rem;padding:0;pointer-events:none;z-index:0>`), _tmpl$2 = /* @__PURE__ */ template(`<div class=mcp-grid-overlay-column style="background-color:rgba(59, 130, 246, 0.05);border:1px dashed rgba(59, 130, 246, 0.2);border-radius:4px">`), _tmpl$3 = /* @__PURE__ */ template(`<div><div class="grid relative"data-grid-container><!$><!/><!$><!/>`);
 const GridOverlay = (props) => {
   return createComponent(Show, {
@@ -107,90 +108,92 @@ const EditableUIResourceRenderer = (props) => {
       }
     });
   }
-  return (() => {
-    var _el$3 = getNextElement(_tmpl$3), _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, [_el$6, _co$] = getNextMarker(_el$5.nextSibling), _el$7 = _el$6.nextSibling, [_el$8, _co$2] = getNextMarker(_el$7.nextSibling);
-    use(setGridContainerRef, _el$4);
-    insert(_el$4, createComponent(GridOverlay, {
-      get columns() {
-        return props.layout.grid.columns;
-      },
-      get visible() {
-        return showOverlay();
-      }
-    }), _el$6, _co$);
-    insert(_el$4, createComponent(For, {
-      get each() {
-        return components();
-      },
-      children: (component) => {
-        const resize = useResize({
-          componentId: component.id,
-          currentPosition: () => component.position,
-          onResize: (pos) => handleResize(component.id, pos),
-          onResizePreview: (pos) => handleResizePreview(component.id, pos),
-          constraints: dragDropConfig().constraints,
-          gridContainer: gridContainerRef,
-          gridColumns: props.layout.grid.columns,
-          enabled: dragDropConfig().enabled && dragDropConfig().resize
-        });
-        const effectivePosition = () => getEffectivePosition(component);
-        return createComponent(DraggableGridItem, {
-          get id() {
-            return component.id;
-          },
-          get position() {
-            return effectivePosition();
-          },
-          get draggable() {
-            return memo(() => !!dragDropConfig().enabled)() && dragDropConfig().reorder;
-          },
-          get resizable() {
-            return memo(() => !!dragDropConfig().enabled)() && dragDropConfig().resize;
-          },
-          get constraints() {
-            return dragDropConfig().constraints;
-          },
-          get isDragging() {
-            return dragDrop.isComponentDragging(component.id);
-          },
-          get isDropTarget() {
-            return dragDrop.isDropTarget(component.id);
-          },
-          get isResizing() {
-            return activeResizeId() === component.id;
-          },
-          get previewPosition() {
-            return previewPositions().get(component.id) || null;
-          },
-          get dragProps() {
-            return dragDrop.getDragProps(component.id);
-          },
-          onResizeStart: (edge, event) => {
-            setActiveResizeId(component.id);
-            resize.handleResizeStart(event, edge);
-          },
-          get children() {
-            return createComponent(UIResourceRenderer, {
-              content: component,
-              get onError() {
-                return props.onError;
-              }
-            });
-          }
-        });
-      }
-    }), _el$8, _co$2);
-    effect((_p$) => {
-      var _v$ = `w-full editable-ui-renderer ${props.class || ""}`, _v$2 = gridContainerStyle();
-      _v$ !== _p$.e && className(_el$3, _p$.e = _v$);
-      _p$.t = style(_el$4, _v$2, _p$.t);
-      return _p$;
-    }, {
-      e: void 0,
-      t: void 0
-    });
-    return _el$3;
-  })();
+  return createComponent(EditableLayoutProvider, {
+    get children() {
+      var _el$3 = getNextElement(_tmpl$3), _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, [_el$6, _co$] = getNextMarker(_el$5.nextSibling), _el$7 = _el$6.nextSibling, [_el$8, _co$2] = getNextMarker(_el$7.nextSibling);
+      use(setGridContainerRef, _el$4);
+      insert(_el$4, createComponent(GridOverlay, {
+        get columns() {
+          return props.layout.grid.columns;
+        },
+        get visible() {
+          return showOverlay();
+        }
+      }), _el$6, _co$);
+      insert(_el$4, createComponent(For, {
+        get each() {
+          return components();
+        },
+        children: (component) => {
+          const resize = useResize({
+            componentId: component.id,
+            currentPosition: () => component.position,
+            onResize: (pos) => handleResize(component.id, pos),
+            onResizePreview: (pos) => handleResizePreview(component.id, pos),
+            constraints: dragDropConfig().constraints,
+            gridContainer: gridContainerRef,
+            gridColumns: props.layout.grid.columns,
+            enabled: dragDropConfig().enabled && dragDropConfig().resize
+          });
+          const effectivePosition = () => getEffectivePosition(component);
+          return createComponent(DraggableGridItem, {
+            get id() {
+              return component.id;
+            },
+            get position() {
+              return effectivePosition();
+            },
+            get draggable() {
+              return memo(() => !!dragDropConfig().enabled)() && dragDropConfig().reorder;
+            },
+            get resizable() {
+              return memo(() => !!dragDropConfig().enabled)() && dragDropConfig().resize;
+            },
+            get constraints() {
+              return dragDropConfig().constraints;
+            },
+            get isDragging() {
+              return dragDrop.isComponentDragging(component.id);
+            },
+            get isDropTarget() {
+              return dragDrop.isDropTarget(component.id);
+            },
+            get isResizing() {
+              return activeResizeId() === component.id;
+            },
+            get previewPosition() {
+              return previewPositions().get(component.id) || null;
+            },
+            get dragProps() {
+              return dragDrop.getDragProps(component.id);
+            },
+            onResizeStart: (edge, event) => {
+              setActiveResizeId(component.id);
+              resize.handleResizeStart(event, edge);
+            },
+            get children() {
+              return createComponent(UIResourceRenderer, {
+                content: component,
+                get onError() {
+                  return props.onError;
+                }
+              });
+            }
+          });
+        }
+      }), _el$8, _co$2);
+      effect((_p$) => {
+        var _v$ = `w-full editable-ui-renderer ${props.class || ""}`, _v$2 = gridContainerStyle();
+        _v$ !== _p$.e && className(_el$3, _p$.e = _v$);
+        _p$.t = style(_el$4, _v$2, _p$.t);
+        return _p$;
+      }, {
+        e: void 0,
+        t: void 0
+      });
+      return _el$3;
+    }
+  });
 };
 export {
   EditableUIResourceRenderer

package/dist/components/EditableUIResourceRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditableUIResourceRenderer.js","sources":["../../src/components/EditableUIResourceRenderer.tsx"],"sourcesContent":["/**\n * EditableUIResourceRenderer Component\n * Extends UIResourceRenderer with drag-and-drop reordering and resizing capabilities\n *\n * Sprint Drag-Drop Feature\n */\n\nimport {\n  Component,\n  For,\n  Show,\n  createSignal,\n  createMemo,\n  createEffect,\n  on,\n  JSX\n} from 'solid-js'\nimport type {\n  UIComponent,\n  UILayout,\n  RendererError,\n  GridPosition,\n  DragDropConfig\n} from '../types'\nimport { useDragDrop } from '../hooks/useDragDrop'\nimport { useResize, ResizeEdge } from '../hooks/useResize'\nimport { DraggableGridItem } from './DraggableGridItem'\nimport { UIResourceRenderer } from './UIResourceRenderer'\n\n/**\n * Props for EditableUIResourceRenderer\n */\nexport interface EditableUIResourceRendererProps {\n  /**\n   * Layout to render (must be UILayout, not single component)\n   */\n  layout: UILayout\n\n  /**\n   * Drag-drop configuration\n   */\n  dragDrop?: DragDropConfig\n\n  /**\n   * Error callback\n   */\n  onError?: (error: RendererError) => void\n\n  /**\n   * Callback when layout changes (reorder or resize)\n   */\n  onLayoutChange?: (layout: UILayout) => void\n\n  /**\n   * Custom CSS class\n   */\n  class?: string\n\n  /**\n   * Show grid overlay during editing\n   */\n  showGridOverlay?: boolean\n}\n\n/**\n * Grid overlay component for visual feedback\n */\nconst GridOverlay: Component<{ columns: number; visible: boolean }> = (props) => {\n  return (\n    <Show when={props.visible}>\n      <div\n        class=\"mcp-grid-overlay\"\n        style={{\n          position: 'absolute',\n          inset: '0',\n          display: 'grid',\n          'grid-template-columns': `repeat(${props.columns}, 1fr)`,\n          gap: '1rem',\n          padding: '0',\n          'pointer-events': 'none',\n          'z-index': '0'\n        }}\n      >\n        <For each={Array(props.columns).fill(0)}>\n          {() => (\n            <div\n              class=\"mcp-grid-overlay-column\"\n              style={{\n                'background-color': 'rgba(59, 130, 246, 0.05)',\n                border: '1px dashed rgba(59, 130, 246, 0.2)',\n                'border-radius': '4px'\n              }}\n            />\n          )}\n        </For>\n      </div>\n    </Show>\n  )\n}\n\n/**\n * EditableUIResourceRenderer Component\n */\nexport const EditableUIResourceRenderer: Component<EditableUIResourceRendererProps> = (props) => {\n  // Internal state for components (allows editing)\n  const [components, setComponents] = createSignal<UIComponent[]>(props.layout.components)\n  const [activeResizeId, setActiveResizeId] = createSignal<string | null>(null)\n  const [previewPositions, setPreviewPositions] = createSignal<Map<string, GridPosition>>(new Map())\n  const [gridContainerRef, setGridContainerRef] = createSignal<HTMLElement | null>(null)\n\n  // Sync with external layout changes\n  createEffect(on(() => props.layout.components, (newComponents) => {\n    setComponents(newComponents)\n  }))\n\n  // Drag-drop configuration\n  const dragDropConfig = createMemo(() => ({\n    enabled: props.dragDrop?.enabled ?? false,\n    reorder: props.dragDrop?.reorder ?? true,\n    resize: props.dragDrop?.resize ?? true,\n    constraints: props.dragDrop?.constraints ?? {},\n    showGridLines: props.dragDrop?.showGridLines ?? true,\n    animationDuration: props.dragDrop?.animationDuration ?? 200\n  }))\n\n  // Handle reorder from drag-drop\n  const handleReorder = (newComponents: UIComponent[]) => {\n    setComponents(newComponents)\n\n    const newLayout: UILayout = {\n      ...props.layout,\n      components: newComponents\n    }\n\n    props.dragDrop?.onReorder?.(newComponents)\n    props.dragDrop?.onChange?.(newLayout)\n    props.onLayoutChange?.(newLayout)\n  }\n\n  // Handle resize completion\n  const handleResize = (componentId: string, newPosition: GridPosition) => {\n    const updatedComponents = components().map(c =>\n      c.id === componentId ? { ...c, position: newPosition } : c\n    )\n\n    setComponents(updatedComponents)\n    setActiveResizeId(null)\n    setPreviewPositions(new Map())\n\n    const newLayout: UILayout = {\n      ...props.layout,\n      components: updatedComponents\n    }\n\n    props.dragDrop?.onResize?.(componentId, newPosition)\n    props.dragDrop?.onChange?.(newLayout)\n    props.onLayoutChange?.(newLayout)\n  }\n\n  // Handle resize preview\n  const handleResizePreview = (componentId: string, previewPosition: GridPosition) => {\n    setPreviewPositions(prev => {\n      const next = new Map(prev)\n      next.set(componentId, previewPosition)\n      return next\n    })\n  }\n\n  // Initialize drag-drop hook\n  const dragDrop = useDragDrop({\n    components,\n    onReorder: handleReorder,\n    enabled: dragDropConfig().enabled && dragDropConfig().reorder\n  })\n\n  // Grid container style\n  const gridContainerStyle = createMemo((): JSX.CSSProperties => ({\n    display: 'grid',\n    'grid-template-columns': `repeat(${props.layout.grid.columns}, 1fr)`,\n    gap: props.layout.grid.gap,\n    position: 'relative'\n  }))\n\n  // Check if we should show grid overlay\n  const showOverlay = createMemo(() =>\n    dragDropConfig().showGridLines && (dragDrop.isDragging() || activeResizeId() !== null)\n  )\n\n  // Get effective position for a component (preview if resizing, otherwise actual)\n  const getEffectivePosition = (component: UIComponent): GridPosition => {\n    const preview = previewPositions().get(component.id)\n    return preview || component.position\n  }\n\n  // If drag-drop is not enabled, just render the standard UIResourceRenderer\n  if (!props.dragDrop?.enabled) {\n    return (\n      <UIResourceRenderer\n        content={props.layout}\n        onError={props.onError}\n        class={props.class}\n      />\n    )\n  }\n\n  return (\n    <div class={`w-full editable-ui-renderer ${props.class || ''}`}>\n      <div\n        ref={setGridContainerRef}\n        class=\"grid relative\"\n        style={gridContainerStyle()}\n        data-grid-container\n      >\n        {/* Grid overlay */}\n        <GridOverlay\n          columns={props.layout.grid.columns}\n          visible={showOverlay()}\n        />\n\n        {/* Render components with drag-drop wrappers */}\n        <For each={components()}>\n          {(component) => {\n            // Create resize hook for each component\n            const resize = useResize({\n              componentId: component.id,\n              currentPosition: () => component.position,\n              onResize: (pos) => handleResize(component.id, pos),\n              onResizePreview: (pos) => handleResizePreview(component.id, pos),\n              constraints: dragDropConfig().constraints,\n              gridContainer: gridContainerRef,\n              gridColumns: props.layout.grid.columns,\n              enabled: dragDropConfig().enabled && dragDropConfig().resize\n            })\n\n            const effectivePosition = () => getEffectivePosition(component)\n\n            return (\n              <DraggableGridItem\n                id={component.id}\n                position={effectivePosition()}\n                draggable={dragDropConfig().enabled && dragDropConfig().reorder}\n                resizable={dragDropConfig().enabled && dragDropConfig().resize}\n                constraints={dragDropConfig().constraints}\n                isDragging={dragDrop.isComponentDragging(component.id)}\n                isDropTarget={dragDrop.isDropTarget(component.id)}\n                isResizing={activeResizeId() === component.id}\n                previewPosition={previewPositions().get(component.id) || null}\n                dragProps={dragDrop.getDragProps(component.id)}\n                onResizeStart={(edge, event) => {\n                  setActiveResizeId(component.id)\n                  resize.handleResizeStart(event, edge as ResizeEdge)\n                }}\n              >\n                {/* Render component using UIResourceRenderer for single component */}\n                <UIResourceRenderer\n                  content={component}\n                  onError={props.onError}\n                />\n              </DraggableGridItem>\n            )\n          }}\n        </For>\n      </div>\n    </div>\n  )\n}\n\nexport default EditableUIResourceRenderer\n"],"names":["GridOverlay","props","_$createComponent","Show","when","visible","children","_el$","_$getNextElement","_tmpl$","_$insert","For","each","Array","columns","fill","_tmpl$2","_$effect","_$p","_$setStyleProperty","EditableUIResourceRenderer","components","setComponents","createSignal","layout","activeResizeId","setActiveResizeId","previewPositions","setPreviewPositions","Map","gridContainerRef","setGridContainerRef","createEffect","on","newComponents","dragDropConfig","createMemo","enabled","dragDrop","reorder","resize","constraints","showGridLines","animationDuration","handleReorder","newLayout","onReorder","onChange","onLayoutChange","handleResize","componentId","newPosition","updatedComponents","map","c","id","position","onResize","handleResizePreview","previewPosition","prev","next","set","useDragDrop","gridContainerStyle","display","grid","gap","showOverlay","isDragging","getEffectivePosition","component","preview","get","UIResourceRenderer","content","onError","class","_el$3","_tmpl$3","_el$4","firstChild","_el$5","_el$6","_co$","_$getNextMarker","nextSibling","_el$7","_el$8","_co$2","_$use","useResize","currentPosition","pos","onResizePreview","gridContainer","gridColumns","effectivePosition","DraggableGridItem","draggable","_$memo","resizable","isComponentDragging","isDropTarget","isResizing","dragProps","getDragProps","onResizeStart","edge","event","handleResizeStart","_p$","_v$","_v$2","e","_$className","t","_$style","undefined"],"mappings":"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"}
+{"version":3,"file":"EditableUIResourceRenderer.js","sources":["../../src/components/EditableUIResourceRenderer.tsx"],"sourcesContent":["/**\n * EditableUIResourceRenderer Component\n * Extends UIResourceRenderer with drag-and-drop reordering and resizing capabilities\n *\n * Sprint Drag-Drop Feature\n */\n\nimport {\n  Component,\n  For,\n  Show,\n  createSignal,\n  createMemo,\n  createEffect,\n  on,\n  JSX\n} from 'solid-js'\nimport type {\n  UIComponent,\n  UILayout,\n  RendererError,\n  GridPosition,\n  DragDropConfig\n} from '../types'\nimport { useDragDrop } from '../hooks/useDragDrop'\nimport { useResize, ResizeEdge } from '../hooks/useResize'\nimport { DraggableGridItem } from './DraggableGridItem'\nimport { UIResourceRenderer } from './UIResourceRenderer'\nimport { EditableLayoutProvider } from './EditableLayoutContext'\n\n/**\n * Props for EditableUIResourceRenderer\n */\nexport interface EditableUIResourceRendererProps {\n  /**\n   * Layout to render (must be UILayout, not single component)\n   */\n  layout: UILayout\n\n  /**\n   * Drag-drop configuration\n   */\n  dragDrop?: DragDropConfig\n\n  /**\n   * Error callback\n   */\n  onError?: (error: RendererError) => void\n\n  /**\n   * Callback when layout changes (reorder or resize)\n   */\n  onLayoutChange?: (layout: UILayout) => void\n\n  /**\n   * Custom CSS class\n   */\n  class?: string\n\n  /**\n   * Show grid overlay during editing\n   */\n  showGridOverlay?: boolean\n}\n\n/**\n * Grid overlay component for visual feedback\n */\nconst GridOverlay: Component<{ columns: number; visible: boolean }> = (props) => {\n  return (\n    <Show when={props.visible}>\n      <div\n        class=\"mcp-grid-overlay\"\n        style={{\n          position: 'absolute',\n          inset: '0',\n          display: 'grid',\n          'grid-template-columns': `repeat(${props.columns}, 1fr)`,\n          gap: '1rem',\n          padding: '0',\n          'pointer-events': 'none',\n          'z-index': '0'\n        }}\n      >\n        <For each={Array(props.columns).fill(0)}>\n          {() => (\n            <div\n              class=\"mcp-grid-overlay-column\"\n              style={{\n                'background-color': 'rgba(59, 130, 246, 0.05)',\n                border: '1px dashed rgba(59, 130, 246, 0.2)',\n                'border-radius': '4px'\n              }}\n            />\n          )}\n        </For>\n      </div>\n    </Show>\n  )\n}\n\n/**\n * EditableUIResourceRenderer Component\n */\nexport const EditableUIResourceRenderer: Component<EditableUIResourceRendererProps> = (props) => {\n  // Internal state for components (allows editing)\n  const [components, setComponents] = createSignal<UIComponent[]>(props.layout.components)\n  const [activeResizeId, setActiveResizeId] = createSignal<string | null>(null)\n  const [previewPositions, setPreviewPositions] = createSignal<Map<string, GridPosition>>(new Map())\n  const [gridContainerRef, setGridContainerRef] = createSignal<HTMLElement | null>(null)\n\n  // Sync with external layout changes\n  createEffect(on(() => props.layout.components, (newComponents) => {\n    setComponents(newComponents)\n  }))\n\n  // Drag-drop configuration\n  const dragDropConfig = createMemo(() => ({\n    enabled: props.dragDrop?.enabled ?? false,\n    reorder: props.dragDrop?.reorder ?? true,\n    resize: props.dragDrop?.resize ?? true,\n    constraints: props.dragDrop?.constraints ?? {},\n    showGridLines: props.dragDrop?.showGridLines ?? true,\n    animationDuration: props.dragDrop?.animationDuration ?? 200\n  }))\n\n  // Handle reorder from drag-drop\n  const handleReorder = (newComponents: UIComponent[]) => {\n    setComponents(newComponents)\n\n    const newLayout: UILayout = {\n      ...props.layout,\n      components: newComponents\n    }\n\n    props.dragDrop?.onReorder?.(newComponents)\n    props.dragDrop?.onChange?.(newLayout)\n    props.onLayoutChange?.(newLayout)\n  }\n\n  // Handle resize completion\n  const handleResize = (componentId: string, newPosition: GridPosition) => {\n    const updatedComponents = components().map(c =>\n      c.id === componentId ? { ...c, position: newPosition } : c\n    )\n\n    setComponents(updatedComponents)\n    setActiveResizeId(null)\n    setPreviewPositions(new Map())\n\n    const newLayout: UILayout = {\n      ...props.layout,\n      components: updatedComponents\n    }\n\n    props.dragDrop?.onResize?.(componentId, newPosition)\n    props.dragDrop?.onChange?.(newLayout)\n    props.onLayoutChange?.(newLayout)\n  }\n\n  // Handle resize preview\n  const handleResizePreview = (componentId: string, previewPosition: GridPosition) => {\n    setPreviewPositions(prev => {\n      const next = new Map(prev)\n      next.set(componentId, previewPosition)\n      return next\n    })\n  }\n\n  // Initialize drag-drop hook\n  const dragDrop = useDragDrop({\n    components,\n    onReorder: handleReorder,\n    enabled: dragDropConfig().enabled && dragDropConfig().reorder\n  })\n\n  // Grid container style\n  const gridContainerStyle = createMemo((): JSX.CSSProperties => ({\n    display: 'grid',\n    'grid-template-columns': `repeat(${props.layout.grid.columns}, 1fr)`,\n    gap: props.layout.grid.gap,\n    position: 'relative'\n  }))\n\n  // Check if we should show grid overlay\n  const showOverlay = createMemo(() =>\n    dragDropConfig().showGridLines && (dragDrop.isDragging() || activeResizeId() !== null)\n  )\n\n  // Get effective position for a component (preview if resizing, otherwise actual)\n  const getEffectivePosition = (component: UIComponent): GridPosition => {\n    const preview = previewPositions().get(component.id)\n    return preview || component.position\n  }\n\n  // If drag-drop is not enabled, just render the standard UIResourceRenderer\n  if (!props.dragDrop?.enabled) {\n    return (\n      <UIResourceRenderer\n        content={props.layout}\n        onError={props.onError}\n        class={props.class}\n      />\n    )\n  }\n\n  return (\n    <EditableLayoutProvider>\n      <div class={`w-full editable-ui-renderer ${props.class || ''}`}>\n        <div\n          ref={setGridContainerRef}\n          class=\"grid relative\"\n          style={gridContainerStyle()}\n          data-grid-container\n        >\n        {/* Grid overlay */}\n        <GridOverlay\n          columns={props.layout.grid.columns}\n          visible={showOverlay()}\n        />\n\n        {/* Render components with drag-drop wrappers */}\n        <For each={components()}>\n          {(component) => {\n            // Create resize hook for each component\n            const resize = useResize({\n              componentId: component.id,\n              currentPosition: () => component.position,\n              onResize: (pos) => handleResize(component.id, pos),\n              onResizePreview: (pos) => handleResizePreview(component.id, pos),\n              constraints: dragDropConfig().constraints,\n              gridContainer: gridContainerRef,\n              gridColumns: props.layout.grid.columns,\n              enabled: dragDropConfig().enabled && dragDropConfig().resize\n            })\n\n            const effectivePosition = () => getEffectivePosition(component)\n\n            return (\n              <DraggableGridItem\n                id={component.id}\n                position={effectivePosition()}\n                draggable={dragDropConfig().enabled && dragDropConfig().reorder}\n                resizable={dragDropConfig().enabled && dragDropConfig().resize}\n                constraints={dragDropConfig().constraints}\n                isDragging={dragDrop.isComponentDragging(component.id)}\n                isDropTarget={dragDrop.isDropTarget(component.id)}\n                isResizing={activeResizeId() === component.id}\n                previewPosition={previewPositions().get(component.id) || null}\n                dragProps={dragDrop.getDragProps(component.id)}\n                onResizeStart={(edge, event) => {\n                  setActiveResizeId(component.id)\n                  resize.handleResizeStart(event, edge as ResizeEdge)\n                }}\n              >\n                {/* Render component using UIResourceRenderer for single component */}\n                <UIResourceRenderer\n                  content={component}\n                  onError={props.onError}\n                />\n              </DraggableGridItem>\n            )\n          }}\n        </For>\n        </div>\n      </div>\n    </EditableLayoutProvider>\n  )\n}\n\nexport default EditableUIResourceRenderer\n"],"names":["GridOverlay","props","_$createComponent","Show","when","visible","children","_el$","_$getNextElement","_tmpl$","_$insert","For","each","Array","columns","fill","_tmpl$2","_$effect","_$p","_$setStyleProperty","EditableUIResourceRenderer","components","setComponents","createSignal","layout","activeResizeId","setActiveResizeId","previewPositions","setPreviewPositions","Map","gridContainerRef","setGridContainerRef","createEffect","on","newComponents","dragDropConfig","createMemo","enabled","dragDrop","reorder","resize","constraints","showGridLines","animationDuration","handleReorder","newLayout","onReorder","onChange","onLayoutChange","handleResize","componentId","newPosition","updatedComponents","map","c","id","position","onResize","handleResizePreview","previewPosition","prev","next","set","useDragDrop","gridContainerStyle","display","grid","gap","showOverlay","isDragging","getEffectivePosition","component","preview","get","UIResourceRenderer","content","onError","class","EditableLayoutProvider","_el$3","_tmpl$3","_el$4","firstChild","_el$5","_el$6","_co$","_$getNextMarker","nextSibling","_el$7","_el$8","_co$2","_$use","useResize","currentPosition","pos","onResizePreview","gridContainer","gridColumns","effectivePosition","DraggableGridItem","draggable","_$memo","resizable","isComponentDragging","isDropTarget","isResizing","dragProps","getDragProps","onResizeStart","edge","event","handleResizeStart","_p$","_v$","_v$2","e","_$className","t","_$style","undefined"],"mappings":"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"}

package/dist/components/ElicitationForm.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ElicitationForm.cjs","sources":["../../src/components/ElicitationForm.tsx"],"sourcesContent":["/**\n * ElicitationForm — schema-driven renderer for MCP `elicitation/create` requests\n *\n * @experimental\n * @since v5.3.0\n *\n * Thin wrapper over `<ChatPrompt>` + `elicitationToPromptConfig()` that\n * accepts a spec-shaped `ElicitationEvent` (MCP 2025-06-18) and exposes a\n * spec-shaped `onAccept(content)` callback whose payload is ready to send\n * back as the `accept` outcome of an `elicitation/create` reply.\n *\n * The mapping (boolean → confirm, single enum ≤4 → choice, else → form) is\n * delegated to the `elicitationToPromptConfig` helper — same rules, same\n * tests. This component owns the inverse mapping : extracting a spec-shaped\n * `Record<string, unknown>` from the `ChatPromptResponse`.\n *\n * ## Outcome semantics (per MCP spec 2025-06-18)\n *\n * | User action                           | Callback fired     | Payload                          |\n * |---------------------------------------|--------------------|----------------------------------|\n * | Submit form / pick choice / confirm   | `onAccept(content)`| `{ [propName]: value, ... }`     |\n * | X icon / Cancel button                | `onCancel()` *or* `onDecline()` if provided | none                |\n *\n * mcp-ui's `<ChatPrompt>` does not natively distinguish \"decline\" (explicit\n * refusal) from \"cancel\" (passive close). To surface a decline action,\n * pass `dismissLabel=\"Decline\"` and route the callback via `onDecline`.\n *\n * @example\n * ```tsx\n * bus.events.on('onElicitation', ({ elicitation }) => {\n *   render(() => (\n *     <ElicitationForm\n *       event={elicitation}\n *       onAccept={(content) => sendElicitationReply({ action: 'accept', content })}\n *       onCancel={() => sendElicitationReply({ action: 'cancel' })}\n *     />\n *   ), mountPoint)\n * })\n * ```\n */\n\nimport { Component } from 'solid-js'\nimport { ChatPrompt } from './ChatPrompt'\nimport { elicitationToPromptConfig } from '../services/chat-bus'\nimport type {\n  ChatPromptResponse,\n  ElicitationEvent,\n  ElicitationPropertySchema,\n} from '../types/chat-bus'\n\nexport interface ElicitationFormProps {\n  /** MCP `elicitation/create` request payload to render. */\n  event: ElicitationEvent\n  /**\n   * Called when user submits a valid response. `content` is keyed by the\n   * elicitation `requestedSchema.properties` names — ready to send back as\n   * the `accept` outcome of an `elicitation/create` reply.\n   */\n  onAccept: (content: Record<string, unknown>) => void\n  /** Called when user dismisses (X icon, confirm-cancel button). */\n  onCancel?: () => void\n  /**\n   * Optional explicit decline action. When provided, takes precedence over\n   * `onCancel` on dismiss. Pair with `dismissLabel=\"Decline\"` to surface as\n   * a decline action in the UI.\n   */\n  onDecline?: () => void\n  /** Label on the dismiss button (default: X icon). */\n  dismissLabel?: string\n}\n\n/**\n * @experimental\n * Schema-driven renderer for MCP `elicitation/create` requests.\n */\nexport const ElicitationForm: Component<ElicitationFormProps> = (props) => {\n  const config = () => elicitationToPromptConfig(props.event)\n\n  const handleSubmit = (response: ChatPromptResponse): void => {\n    if (response.dismissed) {\n      ;(props.onDecline ?? props.onCancel)?.()\n      return\n    }\n    props.onAccept(extractContent(response, props.event))\n  }\n\n  return <ChatPrompt config={config()} dismissLabel={props.dismissLabel} onSubmit={handleSubmit} />\n}\n\nfunction extractContent(\n  response: ChatPromptResponse,\n  event: ElicitationEvent\n): Record<string, unknown> {\n  // Form: response.value is already a Record keyed by property names.\n  if (typeof response.value !== 'string') {\n    return response.value\n  }\n\n  const propEntries = Object.entries(event.requestedSchema.properties)\n\n  // Single-property cases (boolean confirm or single enum choice).\n  if (propEntries.length === 1) {\n    const [name, schema] = propEntries[0]\n    return { [name]: coerceScalar(response.value, schema) }\n  }\n\n  // Multi-property string response — shouldn't happen since the helper\n  // routes multi-prop schemas to 'form'. Fall back gracefully.\n  console.warn(\n    '[MCP-UI] ElicitationForm: received string value for multi-property schema. Falling back to _value.'\n  )\n  return { _value: response.value }\n}\n\nfunction coerceScalar(value: string, schema: ElicitationPropertySchema): unknown {\n  // Confirm always emits the literal 'confirmed' on accept (cancel path is\n  // trapped earlier by `dismissed: true`). Map to boolean true.\n  if (schema.type === 'boolean') return true\n\n  if (schema.type === 'number' || schema.type === 'integer') {\n    const n = Number(value)\n    return Number.isFinite(n) ? n : value\n  }\n\n  return value\n}\n"],"names":["ElicitationForm","props","config","elicitationToPromptConfig","event","handleSubmit","response","dismissed","onDecline","onCancel","onAccept","extractContent","_$createComponent","ChatPrompt","dismissLabel","onSubmit","value","propEntries","Object","entries","requestedSchema","properties","length","name","schema","coerceScalar","console","warn","_value","type","n","Number","isFinite"],"mappings":";;;;;AA2EO,MAAMA,kBAAoDC,CAAAA,UAAU;AACzE,QAAMC,SAASA,MAAMC,kCAA0BF,MAAMG,KAAK;AAE1D,QAAMC,eAAeA,CAACC,aAAuC;;AAC3D,QAAIA,SAASC,WAAW;AACrB,OAACN,WAAMO,aAAaP,MAAMQ,aAAzBR;AACF;AAAA,IACF;AACAA,UAAMS,SAASC,eAAeL,UAAUL,MAAMG,KAAK,CAAC;AAAA,EACtD;AAEA,SAAAQ,IAAAA,gBAAQC,WAAAA,YAAU;AAAA,IAAA,IAACX,SAAM;AAAA,aAAEA,OAAAA;AAAAA,IAAQ;AAAA,IAAA,IAAEY,eAAY;AAAA,aAAEb,MAAMa;AAAAA,IAAY;AAAA,IAAEC,UAAUV;AAAAA,EAAAA,CAAY;AAC/F;AAEA,SAASM,eACPL,UACAF,OACyB;AAEzB,MAAI,OAAOE,SAASU,UAAU,UAAU;AACtC,WAAOV,SAASU;AAAAA,EAClB;AAEA,QAAMC,cAAcC,OAAOC,QAAQf,MAAMgB,gBAAgBC,UAAU;AAGnE,MAAIJ,YAAYK,WAAW,GAAG;AAC5B,UAAM,CAACC,MAAMC,MAAM,IAAIP,YAAY,CAAC;AACpC,WAAO;AAAA,MAAE,CAACM,IAAI,GAAGE,aAAanB,SAASU,OAAOQ,MAAM;AAAA,IAAA;AAAA,EACtD;AAIAE,UAAQC,KACN,oGACF;AACA,SAAO;AAAA,IAAEC,QAAQtB,SAASU;AAAAA,EAAAA;AAC5B;AAEA,SAASS,aAAaT,OAAeQ,QAA4C;AAG/E,MAAIA,OAAOK,SAAS,UAAW,QAAO;AAEtC,MAAIL,OAAOK,SAAS,YAAYL,OAAOK,SAAS,WAAW;AACzD,UAAMC,IAAIC,OAAOf,KAAK;AACtB,WAAOe,OAAOC,SAASF,CAAC,IAAIA,IAAId;AAAAA,EAClC;AAEA,SAAOA;AACT;;"}
+{"version":3,"file":"ElicitationForm.cjs","sources":["../../src/components/ElicitationForm.tsx"],"sourcesContent":["/**\n * ElicitationForm — schema-driven renderer for MCP `elicitation/create` requests\n *\n * @experimental\n * @since v5.3.0\n *\n * Thin wrapper over `<ChatPrompt>` + `elicitationToPromptConfig()` that\n * accepts a spec-shaped `ElicitationEvent` (MCP 2025-06-18) and exposes a\n * spec-shaped `onAccept(content)` callback whose payload is ready to send\n * back as the `accept` outcome of an `elicitation/create` reply.\n *\n * The mapping (boolean → confirm, single enum ≤4 → choice, else → form) is\n * delegated to the `elicitationToPromptConfig` helper — same rules, same\n * tests. This component owns the inverse mapping : extracting a spec-shaped\n * `Record<string, unknown>` from the `ChatPromptResponse`.\n *\n * ## Outcome semantics (per MCP spec 2025-06-18)\n *\n * | User action                           | Callback fired     | Payload                          |\n * |---------------------------------------|--------------------|----------------------------------|\n * | Submit form / pick choice / confirm   | `onAccept(content)`| `{ [propName]: value, ... }`     |\n * | X icon / Cancel button                | `onCancel()` *or* `onDecline()` if provided | none                |\n *\n * mcp-ui's `<ChatPrompt>` does not natively distinguish \"decline\" (explicit\n * refusal) from \"cancel\" (passive close). To surface a decline action,\n * pass `dismissLabel=\"Decline\"` and route the callback via `onDecline`.\n *\n * @example\n * ```tsx\n * bus.events.on('onElicitation', ({ elicitation }) => {\n *   render(() => (\n *     <ElicitationForm\n *       event={elicitation}\n *       onAccept={(content) => sendElicitationReply({ action: 'accept', content })}\n *       onCancel={() => sendElicitationReply({ action: 'cancel' })}\n *     />\n *   ), mountPoint)\n * })\n * ```\n */\n\nimport { Component } from 'solid-js'\nimport { ChatPrompt } from './ChatPrompt'\nimport { elicitationToPromptConfig } from '../services/chat-bus'\nimport type {\n  ChatPromptResponse,\n  ElicitationEvent,\n  ElicitationPropertySchema,\n} from '../types/chat-bus'\n\nexport interface ElicitationFormProps {\n  /** MCP `elicitation/create` request payload to render. */\n  event: ElicitationEvent\n  /**\n   * Called when user submits a valid response. `content` is keyed by the\n   * elicitation `requestedSchema.properties` names — ready to send back as\n   * the `accept` outcome of an `elicitation/create` reply.\n   */\n  onAccept: (content: Record<string, unknown>) => void\n  /** Called when user dismisses (X icon, confirm-cancel button). */\n  onCancel?: () => void\n  /**\n   * Optional explicit decline action. When provided, takes precedence over\n   * `onCancel` on dismiss. Pair with `dismissLabel=\"Decline\"` to surface as\n   * a decline action in the UI.\n   */\n  onDecline?: () => void\n  /** Label on the dismiss button (default: X icon). */\n  dismissLabel?: string\n}\n\n/**\n * @experimental\n * Schema-driven renderer for MCP `elicitation/create` requests.\n */\nexport const ElicitationForm: Component<ElicitationFormProps> = (props) => {\n  const config = () => elicitationToPromptConfig(props.event)\n\n  const handleSubmit = (response: ChatPromptResponse): void => {\n    if (response.dismissed) {\n      (props.onDecline ?? props.onCancel)?.()\n      return\n    }\n    props.onAccept(extractContent(response, props.event))\n  }\n\n  return <ChatPrompt config={config()} dismissLabel={props.dismissLabel} onSubmit={handleSubmit} />\n}\n\nfunction extractContent(\n  response: ChatPromptResponse,\n  event: ElicitationEvent\n): Record<string, unknown> {\n  // Form: response.value is already a Record keyed by property names.\n  if (typeof response.value !== 'string') {\n    return response.value\n  }\n\n  const propEntries = Object.entries(event.requestedSchema.properties)\n\n  // Single-property cases (boolean confirm or single enum choice).\n  if (propEntries.length === 1) {\n    const [name, schema] = propEntries[0]\n    return { [name]: coerceScalar(response.value, schema) }\n  }\n\n  // Multi-property string response — shouldn't happen since the helper\n  // routes multi-prop schemas to 'form'. Fall back gracefully.\n  console.warn(\n    '[MCP-UI] ElicitationForm: received string value for multi-property schema. Falling back to _value.'\n  )\n  return { _value: response.value }\n}\n\nfunction coerceScalar(value: string, schema: ElicitationPropertySchema): unknown {\n  // Confirm always emits the literal 'confirmed' on accept (cancel path is\n  // trapped earlier by `dismissed: true`). Map to boolean true.\n  if (schema.type === 'boolean') return true\n\n  if (schema.type === 'number' || schema.type === 'integer') {\n    const n = Number(value)\n    return Number.isFinite(n) ? n : value\n  }\n\n  return value\n}\n"],"names":["ElicitationForm","props","config","elicitationToPromptConfig","event","handleSubmit","response","dismissed","onDecline","onCancel","onAccept","extractContent","_$createComponent","ChatPrompt","dismissLabel","onSubmit","value","propEntries","Object","entries","requestedSchema","properties","length","name","schema","coerceScalar","console","warn","_value","type","n","Number","isFinite"],"mappings":";;;;;AA2EO,MAAMA,kBAAoDC,CAAAA,UAAU;AACzE,QAAMC,SAASA,MAAMC,kCAA0BF,MAAMG,KAAK;AAE1D,QAAMC,eAAeA,CAACC,aAAuC;;AAC3D,QAAIA,SAASC,WAAW;AACtB,OAACN,WAAMO,aAAaP,MAAMQ,aAAzBR;AACD;AAAA,IACF;AACAA,UAAMS,SAASC,eAAeL,UAAUL,MAAMG,KAAK,CAAC;AAAA,EACtD;AAEA,SAAAQ,IAAAA,gBAAQC,WAAAA,YAAU;AAAA,IAAA,IAACX,SAAM;AAAA,aAAEA,OAAAA;AAAAA,IAAQ;AAAA,IAAA,IAAEY,eAAY;AAAA,aAAEb,MAAMa;AAAAA,IAAY;AAAA,IAAEC,UAAUV;AAAAA,EAAAA,CAAY;AAC/F;AAEA,SAASM,eACPL,UACAF,OACyB;AAEzB,MAAI,OAAOE,SAASU,UAAU,UAAU;AACtC,WAAOV,SAASU;AAAAA,EAClB;AAEA,QAAMC,cAAcC,OAAOC,QAAQf,MAAMgB,gBAAgBC,UAAU;AAGnE,MAAIJ,YAAYK,WAAW,GAAG;AAC5B,UAAM,CAACC,MAAMC,MAAM,IAAIP,YAAY,CAAC;AACpC,WAAO;AAAA,MAAE,CAACM,IAAI,GAAGE,aAAanB,SAASU,OAAOQ,MAAM;AAAA,IAAA;AAAA,EACtD;AAIAE,UAAQC,KACN,oGACF;AACA,SAAO;AAAA,IAAEC,QAAQtB,SAASU;AAAAA,EAAAA;AAC5B;AAEA,SAASS,aAAaT,OAAeQ,QAA4C;AAG/E,MAAIA,OAAOK,SAAS,UAAW,QAAO;AAEtC,MAAIL,OAAOK,SAAS,YAAYL,OAAOK,SAAS,WAAW;AACzD,UAAMC,IAAIC,OAAOf,KAAK;AACtB,WAAOe,OAAOC,SAASF,CAAC,IAAIA,IAAId;AAAAA,EAClC;AAEA,SAAOA;AACT;;"}