webstudio 0.280.0 → 0.280.1

package/lib/cli.js

@@ -72782,7 +72782,8 @@ const runtimeOperationContractData = [
           items: {
             type: "string",
             minLength: 1
-          }
+          },
+          description: 'Leaf-to-root occurrence path. The first id is the instance to extract, the second is its direct parent, and any remaining ids are successive ancestors toward the page root. Use the id and parentId returned by list-instances; for a section directly under Body, pass ["section-id", "body-id"].'
         },
         label: {
           type: "string",
@@ -121572,7 +121573,9 @@ const attachSharedSlotInput = z$2.object({
   label: z$2.string().min(1).optional()
 });
 const extractSharedSlotInput = z$2.object({
-  instanceSelector: z$2.array(z$2.string().min(1)).min(2),
+  instanceSelector: z$2.array(z$2.string().min(1)).min(2).describe(
+    'Leaf-to-root occurrence path. The first id is the instance to extract, the second is its direct parent, and any remaining ids are successive ancestors toward the page root. Use the id and parentId returned by list-instances; for a section directly under Body, pass ["section-id", "body-id"].'
+  ),
   label: z$2.string().min(1).optional()
 });
 const areInstanceChildrenEqual = (left, right) => {
@@ -121746,7 +121749,7 @@ const extractSharedSlot$1 = (state, input2, context) => {
     if (childIndex === -1) {
       return throwBuilderRuntimeError(
         "BAD_REQUEST",
-        "Instance selector does not identify a direct parent"
+        'instanceSelector must use leaf-to-root order: instanceSelector[1] must be the direct parent of instanceSelector[0]. Use the selected instance id followed by its parentId from list-instances, for example ["section-id", "body-id"].'
       );
     }
     const fragment = {
@@ -187589,6 +187592,34 @@ const isFragmentContentModeCopyableProp = ({
   });
   return isContentModeCopyableProp({ capabilities, prop: prop2 });
 };
+const parentInstanceByIdCache = /* @__PURE__ */ new WeakMap();
+const findPageAndSelectorByInstanceId = (pages2, instances, startingInstanceId) => {
+  let parentInstanceById = parentInstanceByIdCache.get(instances);
+  if (parentInstanceById === void 0) {
+    parentInstanceById = /* @__PURE__ */ new Map();
+    for (const instance2 of instances.values()) {
+      for (const child of instance2.children ?? []) {
+        if (child.type === "id") {
+          parentInstanceById.set(child.value, instance2.id);
+        }
+      }
+    }
+    parentInstanceByIdCache.set(instances, parentInstanceById);
+  }
+  const instanceSelector = [];
+  let currentInstanceId = startingInstanceId;
+  while (currentInstanceId) {
+    instanceSelector.push(currentInstanceId);
+    currentInstanceId = parentInstanceById.get(currentInstanceId);
+  }
+  const rootInstanceId = instanceSelector.at(-1);
+  for (const page2 of getAllPages(pages2)) {
+    if (page2.rootInstanceId === rootInstanceId) {
+      return { pageId: page2.id, instanceSelector };
+    }
+  }
+  return { pageId: pages2.homePageId, instanceSelector };
+};
 const conflictResolutionInput = z$2.enum(["ours", "theirs", "merge"]);
 const insertComponentInput = z$2.object({
   parentInstanceId: z$2.string(),
@@ -187651,9 +187682,17 @@ const canContainDescendant = (ancestorComponent, descendantComponent2, visited =
     (descendant) => typeof descendant === "string" && componentMetas.has(descendant) && canContainDescendant(descendant, descendantComponent2, visited)
   );
 };
-const getStandaloneInsertError = (component) => {
-  const meta2 = componentMetas.get(component);
-  if (meta2?.contentModel?.category !== "none") {
+const getComponentPartInsertError = ({
+  component,
+  ancestors
+}) => {
+  const [parent] = ancestors;
+  const allowedChildren = parent === void 0 ? [] : componentMetas.get(parent.component)?.contentModel?.children ?? [];
+  const allowedByAncestor = ancestors.some((ancestor) => {
+    const descendants = componentMetas.get(ancestor.component)?.contentModel?.descendants ?? [];
+    return descendants.includes(component) || descendants.includes("none");
+  });
+  if (allowedChildren.includes(component) || allowedChildren.includes("none") || allowedByAncestor) {
     return;
   }
   const suggestions = Array.from(componentMetas.entries()).filter(([candidateComponent, candidateMeta]) => {
@@ -188232,7 +188271,21 @@ const insertComponent$1 = (state, input2, context) => {
   const fragment = createComponentTemplateFragment({
     component: input2.component,
     templates: templates2,
-    getFallbackError: getStandaloneInsertError,
+    getFallbackError: (component) => {
+      if (componentMetas.get(component)?.contentModel?.category !== "none") {
+        return;
+      }
+      const { instanceSelector } = findPageAndSelectorByInstanceId(
+        mutationState.pages,
+        mutationState.instances,
+        parent.id
+      );
+      const ancestors = instanceSelector.flatMap((instanceId2) => {
+        const instance2 = mutationState.instances.get(instanceId2);
+        return instance2 === void 0 ? [] : [instance2];
+      });
+      return getComponentPartInsertError({ component, ancestors });
+    },
     createId: context.createId
   });
   if (input2.component === elementComponent) {
@@ -215525,6 +215578,16 @@ const mcpArgumentExamples = {
       component: "@webstudio-is/sdk-components-react-radix:Switch"
     }
   ],
+  "extract-slot": [
+    {
+      instanceSelector: ["header-section-id", "body-id"],
+      label: "Site header"
+    },
+    {
+      instanceSelector: ["header-section-id", "page-wrapper-id", "body-id"],
+      label: "Site header"
+    }
+  ],
   "insert-collection": [
     {
       parentInstanceId: "parent-id",
@@ -220904,9 +220967,10 @@ const curatedPublicApiOperationDocumentation = [
   },
   {
     command: "extract-slot",
-    description: "Convert an existing instance subtree into shared Slot content without cloning it",
+    description: "Convert an existing instance subtree into shared Slot content without cloning it. instanceSelector is a leaf-to-root occurrence path: start with the instance to extract, then its direct parent, then each successive ancestor toward the page root. Use the id and parentId relationships returned by list-instances. The first example extracts a section directly under Body; the second extracts a section nested in a page wrapper.",
     examples: [
-      'MCP tool: extract-slot {"instanceSelector":["instance-id","parent-id","root-id"],"label":"Site header"}'
+      'MCP tool: extract-slot {"instanceSelector":["header-section-id","body-id"],"label":"Site header"}',
+      'MCP tool: extract-slot {"instanceSelector":["header-section-id","page-wrapper-id","body-id"],"label":"Site header"}'
     ]
   },
   {
@@ -222771,7 +222835,7 @@ class HandledCliError extends Error {
 }
 const isHandledCliError = (error) => error instanceof HandledCliError;
 const name = "webstudio";
-const version = "0.280.0";
+const version = "0.280.1";
 const description = "Webstudio CLI";
 const author = "Webstudio <github@webstudio.is>";
 const homepage = "https://webstudio.is";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "webstudio",
-  "version": "0.280.0",
+  "version": "0.280.1",
   "description": "Webstudio CLI",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -44,10 +44,10 @@
     "warn-once": "^0.1.1",
     "yargs": "^17.7.2",
     "zod": "^4.4.3",
-    "@webstudio-is/http-client": "0.280.0",
-    "@webstudio-is/protocol": "0.280.0",
-    "@webstudio-is/sync-client": "0.0.0",
-    "@webstudio-is/project-migrations": "0.280.0"
+    "@webstudio-is/http-client": "0.280.1",
+    "@webstudio-is/project-migrations": "0.280.1",
+    "@webstudio-is/protocol": "0.280.1",
+    "@webstudio-is/sync-client": "0.0.0"
   },
   "devDependencies": {
     "@cloudflare/vite-plugin": "^1.1.0",
@@ -85,19 +85,19 @@
     "vite": "^6.3.4",
     "vitest": "^3.1.2",
     "wrangler": "^3.63.2",
+    "@webstudio-is/css-engine": "0.280.1",
     "@webstudio-is/project-build": "0.0.0",
-    "@webstudio-is/react-sdk": "0.280.0",
-    "@webstudio-is/image": "0.280.0",
-    "@webstudio-is/css-engine": "0.280.0",
-    "@webstudio-is/sdk": "0.280.0",
-    "@webstudio-is/sdk-components-animation": "0.280.0",
-    "@webstudio-is/sdk-components-react": "0.280.0",
-    "@webstudio-is/sdk-components-react-radix": "0.280.0",
-    "@webstudio-is/sdk-components-react-remix": "0.280.0",
-    "@webstudio-is/sdk-components-react-router": "0.280.0",
-    "@webstudio-is/sdk-components-registry": "0.280.0",
-    "@webstudio-is/wsauth": "0.280.0",
-    "@webstudio-is/tsconfig": "1.0.7"
+    "@webstudio-is/react-sdk": "0.280.1",
+    "@webstudio-is/image": "0.280.1",
+    "@webstudio-is/sdk": "0.280.1",
+    "@webstudio-is/sdk-components-animation": "0.280.1",
+    "@webstudio-is/sdk-components-react": "0.280.1",
+    "@webstudio-is/sdk-components-react-router": "0.280.1",
+    "@webstudio-is/sdk-components-registry": "0.280.1",
+    "@webstudio-is/sdk-components-react-radix": "0.280.1",
+    "@webstudio-is/tsconfig": "1.0.7",
+    "@webstudio-is/sdk-components-react-remix": "0.280.1",
+    "@webstudio-is/wsauth": "0.280.1"
   },
   "scripts": {
     "typecheck": "tsc --noEmit",

package/templates/cloudflare/package.json

@@ -12,7 +12,7 @@
     "build-cf-types": "wrangler types"
   },
   "dependencies": {
-    "@webstudio-is/wsauth": "0.280.0",
+    "@webstudio-is/wsauth": "0.280.1",
     "@remix-run/cloudflare": "2.16.5",
     "@remix-run/cloudflare-pages": "2.16.5"
   },

package/templates/defaults/package.json

@@ -11,14 +11,14 @@
     "@remix-run/node": "2.16.5",
     "@remix-run/react": "2.16.5",
     "@remix-run/server-runtime": "2.16.5",
-    "@webstudio-is/image": "0.280.0",
-    "@webstudio-is/react-sdk": "0.280.0",
-    "@webstudio-is/sdk": "0.280.0",
-    "@webstudio-is/sdk-components-react": "0.280.0",
-    "@webstudio-is/sdk-components-animation": "0.280.0",
-    "@webstudio-is/sdk-components-react-radix": "0.280.0",
-    "@webstudio-is/sdk-components-react-remix": "0.280.0",
-    "@webstudio-is/wsauth": "0.280.0",
+    "@webstudio-is/image": "0.280.1",
+    "@webstudio-is/react-sdk": "0.280.1",
+    "@webstudio-is/sdk": "0.280.1",
+    "@webstudio-is/sdk-components-react": "0.280.1",
+    "@webstudio-is/sdk-components-animation": "0.280.1",
+    "@webstudio-is/sdk-components-react-radix": "0.280.1",
+    "@webstudio-is/sdk-components-react-remix": "0.280.1",
+    "@webstudio-is/wsauth": "0.280.1",
     "isbot": "^5.1.25",
     "react": "18.3.0-canary-14898b6a9-20240318",
     "react-dom": "18.3.0-canary-14898b6a9-20240318"

package/templates/react-router/package.json

@@ -13,14 +13,14 @@
     "@react-router/fs-routes": "^7.5.3",
     "@react-router/node": "^7.5.3",
     "@react-router/serve": "^7.5.3",
-    "@webstudio-is/image": "0.280.0",
-    "@webstudio-is/react-sdk": "0.280.0",
-    "@webstudio-is/sdk": "0.280.0",
-    "@webstudio-is/sdk-components-animation": "0.280.0",
-    "@webstudio-is/sdk-components-react-radix": "0.280.0",
-    "@webstudio-is/sdk-components-react-router": "0.280.0",
-    "@webstudio-is/sdk-components-react": "0.280.0",
-    "@webstudio-is/wsauth": "0.280.0",
+    "@webstudio-is/image": "0.280.1",
+    "@webstudio-is/react-sdk": "0.280.1",
+    "@webstudio-is/sdk": "0.280.1",
+    "@webstudio-is/sdk-components-animation": "0.280.1",
+    "@webstudio-is/sdk-components-react-radix": "0.280.1",
+    "@webstudio-is/sdk-components-react-router": "0.280.1",
+    "@webstudio-is/sdk-components-react": "0.280.1",
+    "@webstudio-is/wsauth": "0.280.1",
     "isbot": "^5.1.25",
     "react": "18.3.0-canary-14898b6a9-20240318",
     "react-dom": "18.3.0-canary-14898b6a9-20240318",

package/templates/react-router-cloudflare/package.json

@@ -7,7 +7,7 @@
   },
   "dependencies": {
     "@cloudflare/vite-plugin": "^1.1.0",
-    "@webstudio-is/wsauth": "0.280.0",
+    "@webstudio-is/wsauth": "0.280.1",
     "wrangler": "^4.14.1"
   }
 }

package/templates/ssg/package.json

@@ -9,12 +9,12 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@webstudio-is/image": "0.280.0",
-    "@webstudio-is/react-sdk": "0.280.0",
-    "@webstudio-is/sdk": "0.280.0",
-    "@webstudio-is/sdk-components-react": "0.280.0",
-    "@webstudio-is/sdk-components-animation": "0.280.0",
-    "@webstudio-is/sdk-components-react-radix": "0.280.0",
+    "@webstudio-is/image": "0.280.1",
+    "@webstudio-is/react-sdk": "0.280.1",
+    "@webstudio-is/sdk": "0.280.1",
+    "@webstudio-is/sdk-components-react": "0.280.1",
+    "@webstudio-is/sdk-components-animation": "0.280.1",
+    "@webstudio-is/sdk-components-react-radix": "0.280.1",
     "react": "18.3.0-canary-14898b6a9-20240318",
     "react-dom": "18.3.0-canary-14898b6a9-20240318",
     "vike": "^0.4.229"