@orion-studios/payload-studio 0.6.0-beta.41 → 0.6.0-beta.42

package/dist/{chunk-OL53KHTB.mjs → chunk-SXPIWE74.mjs}

@@ -328,6 +328,13 @@ var inspectorDefinitionByBlockType = {
       { group: "basics", inlineEditable: true, key: "kicker", label: "Kicker", type: "text" },
       { group: "basics", inlineEditable: true, key: "headline", label: "Headline", type: "text" },
       { group: "basics", inlineEditable: true, key: "subheadline", label: "Subheadline", type: "textarea" },
+      {
+        group: "basics",
+        key: "marqueeItemsText",
+        label: "Scrolling Bar Options",
+        tags: ["marquee", "scrolling", "bar", "categories"],
+        type: "textarea"
+      },
       {
         group: "basics",
         key: "variant",

package/dist/index.js

@@ -4585,6 +4585,13 @@ var inspectorDefinitionByBlockType = {
       { group: "basics", inlineEditable: true, key: "kicker", label: "Kicker", type: "text" },
       { group: "basics", inlineEditable: true, key: "headline", label: "Headline", type: "text" },
       { group: "basics", inlineEditable: true, key: "subheadline", label: "Subheadline", type: "textarea" },
+      {
+        group: "basics",
+        key: "marqueeItemsText",
+        label: "Scrolling Bar Options",
+        tags: ["marquee", "scrolling", "bar", "categories"],
+        type: "textarea"
+      },
       {
         group: "basics",
         key: "variant",

package/dist/index.mjs

@@ -14,7 +14,7 @@ import {
 import "./chunk-ZTXJG4K5.mjs";
 import {
   studio_pages_exports
-} from "./chunk-OL53KHTB.mjs";
+} from "./chunk-SXPIWE74.mjs";
 import "./chunk-OQSEJXC4.mjs";
 import "./chunk-7ZMXZRBP.mjs";
 import {

package/dist/studio-pages/client.js

@@ -837,6 +837,13 @@ var inspectorDefinitionByBlockType = {
       { group: "basics", inlineEditable: true, key: "kicker", label: "Kicker", type: "text" },
       { group: "basics", inlineEditable: true, key: "headline", label: "Headline", type: "text" },
       { group: "basics", inlineEditable: true, key: "subheadline", label: "Subheadline", type: "textarea" },
+      {
+        group: "basics",
+        key: "marqueeItemsText",
+        label: "Scrolling Bar Options",
+        tags: ["marquee", "scrolling", "bar", "categories"],
+        type: "textarea"
+      },
       {
         group: "basics",
         key: "variant",
@@ -1238,6 +1245,26 @@ function BlockInspectorRenderer({
                   children: [
                     source.loading ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "orion-builder-settings-note", children: "Loading media library..." }) : null,
                     source.error ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "orion-builder-settings-error", children: source.error }) : null,
+                    selectedSourceMedia?.url ? (
+                      // eslint-disable-next-line @next/next/no-img-element
+                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                        "img",
+                        {
+                          alt: selectedSourceMedia.alt || source.label,
+                          src: selectedSourceMedia.url,
+                          style: {
+                            aspectRatio: "16 / 9",
+                            border: "1px solid rgba(35, 51, 82, 0.14)",
+                            borderRadius: 10,
+                            display: "block",
+                            marginBottom: "0.7rem",
+                            objectFit: effectiveMedia.fit,
+                            objectPosition: `${effectiveMedia.positionX}% ${effectiveMedia.positionY}%`,
+                            width: "100%"
+                          }
+                        }
+                      )
+                    ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "orion-builder-settings-empty", children: "No image selected." }),
                     /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { className: "orion-builder-settings-label", children: [
                       source.label,
                       /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
@@ -3151,6 +3178,19 @@ var toMediaLibraryItem2 = (value) => {
     url
   };
 };
+var mediaFromImageURL = (url, fallbackLabel) => {
+  if (typeof url !== "string" || url.trim().length === 0) {
+    return null;
+  }
+  const normalizedURL = url.trim();
+  const filename = normalizedURL.split("/").filter(Boolean).pop() || fallbackLabel;
+  return {
+    alt: fallbackLabel,
+    filename,
+    id: `url:${normalizedURL}`,
+    url: normalizedURL
+  };
+};
 var mediaLabel2 = (item) => item.filename || item.alt || `Media #${item.id}`;
 var findMediaLibraryItem2 = (library, id) => {
   if (id === null) {
@@ -3248,10 +3288,10 @@ function ItemMediaControl({
   uploadLabel,
   uploading
 }) {
-  const selectedMediaID = getRelationID2(item[fieldName]);
-  const selectedRelationMedia = toMediaLibraryItem2(item[fieldName]);
-  const selectedMedia = selectedRelationMedia ?? findMediaLibraryItem2(mediaLibrary, selectedMediaID);
   const directImageURL = normalizeText(item[imageURLFieldName]);
+  const selectedRelationMedia = toMediaLibraryItem2(item[fieldName]) ?? mediaFromImageURL(directImageURL, label);
+  const selectedMediaID = getRelationID2(item[fieldName]) ?? selectedRelationMedia?.id ?? null;
+  const selectedMedia = selectedRelationMedia ?? findMediaLibraryItem2(mediaLibrary, selectedMediaID);
   const previewURL = selectedMedia?.url || directImageURL;
   const mediaSettings = getItemMediaSettings(item);
   const sourceOptions = selectedMedia && !mediaLibrary.some((libraryItem) => String(libraryItem.id) === String(selectedMedia.id)) ? [selectedMedia, ...mediaLibrary] : mediaLibrary;
@@ -3290,7 +3330,7 @@ function ItemMediaControl({
           onChange: (event) => onSelectItemMedia?.(itemIndex, fieldName, event.target.value),
           value: selectedMediaID !== null ? String(selectedMediaID) : "",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("option", { value: "", children: "No library image" }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("option", { value: "", children: "No image" }),
             sourceOptions.map((libraryItem) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("option", { value: String(libraryItem.id), children: mediaLabel2(libraryItem) }, String(libraryItem.id)))
           ]
         }
@@ -3305,23 +3345,14 @@ function ItemMediaControl({
       {
         className: "orion-builder-settings-inline-btn",
         disabled: selectedMediaID === null,
-        onClick: () => onRemoveItemMedia?.(itemIndex, fieldName),
+        onClick: () => {
+          onRemoveItemMedia?.(itemIndex, fieldName);
+          onUpdateItemField(itemIndex, imageURLFieldName, "");
+        },
         type: "button",
-        children: "Remove Library Image"
+        children: "Remove Image"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("label", { className: "orion-builder-settings-label", children: [
-      "Direct Image URL",
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-        "input",
-        {
-          className: "orion-builder-settings-input",
-          onChange: (event) => onUpdateItemField(itemIndex, imageURLFieldName, event.target.value),
-          type: "text",
-          value: directImageURL
-        }
-      )
-    ] }),
     /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("label", { className: "orion-builder-settings-label", children: [
       uploadLabel,
       /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
@@ -3840,6 +3871,19 @@ var resolveMedia = (value) => {
   }
   return null;
 };
+var mediaFromImageURL2 = (url, fallbackLabel = "Current image") => {
+  if (typeof url !== "string" || url.trim().length === 0) {
+    return null;
+  }
+  const normalizedURL = url.trim();
+  const filename = normalizedURL.split("/").filter(Boolean).pop() || fallbackLabel;
+  return {
+    alt: fallbackLabel,
+    filename,
+    id: `url:${normalizedURL}`,
+    url: normalizedURL
+  };
+};
 var resolveMediaWithURL = (value, imageURL, alt) => {
   const resolved = resolveMedia(value);
   if (resolved?.url) {
@@ -4596,7 +4640,7 @@ function BuilderPageEditor({
   const selectedBlockAdvancedSettings = isRecord6(selectedBlockSettings.advanced) ? selectedBlockSettings.advanced : {};
   const isArrayItemBlockSelected = selectedType === "featureGrid" || selectedType === "logoWall" || selectedType === "beforeAfter" || selectedType === "stats" || selectedType === "faq" || selectedType === "testimonials";
   const selectedBlockHasMediaSource = selectedType === "hero" || selectedType === "media";
-  const selectedBlockMediaValue = selectedType === "hero" ? selectedBlock?.media : selectedType === "media" ? selectedBlock?.image : null;
+  const selectedBlockMediaValue = selectedType === "hero" ? selectedBlock?.media ?? mediaFromImageURL2(selectedBlock?.backgroundImageURL, "Hero image") : selectedType === "media" ? selectedBlock?.image ?? mediaFromImageURL2(selectedBlock?.imageURL, "Section image") : null;
   const selectedItemRecord = typeof selectedItemIndex === "number" && selectedItemIndex >= 0 && selectedItemIndex < selectedItems.length && isRecord6(selectedItems[selectedItemIndex]) ? selectedItems[selectedItemIndex] : null;
   const editCopyInPanelEnabled = Boolean(selectedBlockAdvancedSettings.editCopyInPanel);
   const isBlockUploadTarget = (blockIndex, kind) => selectedIndex === blockIndex && uploadingTarget?.kind === kind;

package/dist/studio-pages/client.mjs

@@ -810,6 +810,13 @@ var inspectorDefinitionByBlockType = {
       { group: "basics", inlineEditable: true, key: "kicker", label: "Kicker", type: "text" },
       { group: "basics", inlineEditable: true, key: "headline", label: "Headline", type: "text" },
       { group: "basics", inlineEditable: true, key: "subheadline", label: "Subheadline", type: "textarea" },
+      {
+        group: "basics",
+        key: "marqueeItemsText",
+        label: "Scrolling Bar Options",
+        tags: ["marquee", "scrolling", "bar", "categories"],
+        type: "textarea"
+      },
       {
         group: "basics",
         key: "variant",
@@ -1211,6 +1218,26 @@ function BlockInspectorRenderer({
                   children: [
                     source.loading ? /* @__PURE__ */ jsx3("div", { className: "orion-builder-settings-note", children: "Loading media library..." }) : null,
                     source.error ? /* @__PURE__ */ jsx3("div", { className: "orion-builder-settings-error", children: source.error }) : null,
+                    selectedSourceMedia?.url ? (
+                      // eslint-disable-next-line @next/next/no-img-element
+                      /* @__PURE__ */ jsx3(
+                        "img",
+                        {
+                          alt: selectedSourceMedia.alt || source.label,
+                          src: selectedSourceMedia.url,
+                          style: {
+                            aspectRatio: "16 / 9",
+                            border: "1px solid rgba(35, 51, 82, 0.14)",
+                            borderRadius: 10,
+                            display: "block",
+                            marginBottom: "0.7rem",
+                            objectFit: effectiveMedia.fit,
+                            objectPosition: `${effectiveMedia.positionX}% ${effectiveMedia.positionY}%`,
+                            width: "100%"
+                          }
+                        }
+                      )
+                    ) : /* @__PURE__ */ jsx3("div", { className: "orion-builder-settings-empty", children: "No image selected." }),
                     /* @__PURE__ */ jsxs3("label", { className: "orion-builder-settings-label", children: [
                       source.label,
                       /* @__PURE__ */ jsxs3(
@@ -3031,6 +3058,19 @@ var toMediaLibraryItem2 = (value) => {
     url
   };
 };
+var mediaFromImageURL = (url, fallbackLabel) => {
+  if (typeof url !== "string" || url.trim().length === 0) {
+    return null;
+  }
+  const normalizedURL = url.trim();
+  const filename = normalizedURL.split("/").filter(Boolean).pop() || fallbackLabel;
+  return {
+    alt: fallbackLabel,
+    filename,
+    id: `url:${normalizedURL}`,
+    url: normalizedURL
+  };
+};
 var mediaLabel2 = (item) => item.filename || item.alt || `Media #${item.id}`;
 var findMediaLibraryItem2 = (library, id) => {
   if (id === null) {
@@ -3128,10 +3168,10 @@ function ItemMediaControl({
   uploadLabel,
   uploading
 }) {
-  const selectedMediaID = getRelationID2(item[fieldName]);
-  const selectedRelationMedia = toMediaLibraryItem2(item[fieldName]);
-  const selectedMedia = selectedRelationMedia ?? findMediaLibraryItem2(mediaLibrary, selectedMediaID);
   const directImageURL = normalizeText(item[imageURLFieldName]);
+  const selectedRelationMedia = toMediaLibraryItem2(item[fieldName]) ?? mediaFromImageURL(directImageURL, label);
+  const selectedMediaID = getRelationID2(item[fieldName]) ?? selectedRelationMedia?.id ?? null;
+  const selectedMedia = selectedRelationMedia ?? findMediaLibraryItem2(mediaLibrary, selectedMediaID);
   const previewURL = selectedMedia?.url || directImageURL;
   const mediaSettings = getItemMediaSettings(item);
   const sourceOptions = selectedMedia && !mediaLibrary.some((libraryItem) => String(libraryItem.id) === String(selectedMedia.id)) ? [selectedMedia, ...mediaLibrary] : mediaLibrary;
@@ -3170,7 +3210,7 @@ function ItemMediaControl({
           onChange: (event) => onSelectItemMedia?.(itemIndex, fieldName, event.target.value),
           value: selectedMediaID !== null ? String(selectedMediaID) : "",
           children: [
-            /* @__PURE__ */ jsx12("option", { value: "", children: "No library image" }),
+            /* @__PURE__ */ jsx12("option", { value: "", children: "No image" }),
             sourceOptions.map((libraryItem) => /* @__PURE__ */ jsx12("option", { value: String(libraryItem.id), children: mediaLabel2(libraryItem) }, String(libraryItem.id)))
           ]
         }
@@ -3185,23 +3225,14 @@ function ItemMediaControl({
       {
         className: "orion-builder-settings-inline-btn",
         disabled: selectedMediaID === null,
-        onClick: () => onRemoveItemMedia?.(itemIndex, fieldName),
+        onClick: () => {
+          onRemoveItemMedia?.(itemIndex, fieldName);
+          onUpdateItemField(itemIndex, imageURLFieldName, "");
+        },
         type: "button",
-        children: "Remove Library Image"
+        children: "Remove Image"
       }
     ),
-    /* @__PURE__ */ jsxs11("label", { className: "orion-builder-settings-label", children: [
-      "Direct Image URL",
-      /* @__PURE__ */ jsx12(
-        "input",
-        {
-          className: "orion-builder-settings-input",
-          onChange: (event) => onUpdateItemField(itemIndex, imageURLFieldName, event.target.value),
-          type: "text",
-          value: directImageURL
-        }
-      )
-    ] }),
     /* @__PURE__ */ jsxs11("label", { className: "orion-builder-settings-label", children: [
       uploadLabel,
       /* @__PURE__ */ jsx12(
@@ -3720,6 +3751,19 @@ var resolveMedia = (value) => {
   }
   return null;
 };
+var mediaFromImageURL2 = (url, fallbackLabel = "Current image") => {
+  if (typeof url !== "string" || url.trim().length === 0) {
+    return null;
+  }
+  const normalizedURL = url.trim();
+  const filename = normalizedURL.split("/").filter(Boolean).pop() || fallbackLabel;
+  return {
+    alt: fallbackLabel,
+    filename,
+    id: `url:${normalizedURL}`,
+    url: normalizedURL
+  };
+};
 var resolveMediaWithURL = (value, imageURL, alt) => {
   const resolved = resolveMedia(value);
   if (resolved?.url) {
@@ -4476,7 +4520,7 @@ function BuilderPageEditor({
   const selectedBlockAdvancedSettings = isRecord6(selectedBlockSettings.advanced) ? selectedBlockSettings.advanced : {};
   const isArrayItemBlockSelected = selectedType === "featureGrid" || selectedType === "logoWall" || selectedType === "beforeAfter" || selectedType === "stats" || selectedType === "faq" || selectedType === "testimonials";
   const selectedBlockHasMediaSource = selectedType === "hero" || selectedType === "media";
-  const selectedBlockMediaValue = selectedType === "hero" ? selectedBlock?.media : selectedType === "media" ? selectedBlock?.image : null;
+  const selectedBlockMediaValue = selectedType === "hero" ? selectedBlock?.media ?? mediaFromImageURL2(selectedBlock?.backgroundImageURL, "Hero image") : selectedType === "media" ? selectedBlock?.image ?? mediaFromImageURL2(selectedBlock?.imageURL, "Section image") : null;
   const selectedItemRecord = typeof selectedItemIndex === "number" && selectedItemIndex >= 0 && selectedItemIndex < selectedItems.length && isRecord6(selectedItems[selectedItemIndex]) ? selectedItems[selectedItemIndex] : null;
   const editCopyInPanelEnabled = Boolean(selectedBlockAdvancedSettings.editCopyInPanel);
   const isBlockUploadTarget = (blockIndex, kind) => selectedIndex === blockIndex && uploadingTarget?.kind === kind;

package/dist/studio-pages/index.js

@@ -662,6 +662,13 @@ var inspectorDefinitionByBlockType = {
       { group: "basics", inlineEditable: true, key: "kicker", label: "Kicker", type: "text" },
       { group: "basics", inlineEditable: true, key: "headline", label: "Headline", type: "text" },
       { group: "basics", inlineEditable: true, key: "subheadline", label: "Subheadline", type: "textarea" },
+      {
+        group: "basics",
+        key: "marqueeItemsText",
+        label: "Scrolling Bar Options",
+        tags: ["marquee", "scrolling", "bar", "categories"],
+        type: "textarea"
+      },
       {
         group: "basics",
         key: "variant",

package/dist/studio-pages/index.mjs

@@ -7,7 +7,7 @@ import {
   pageStudioModuleManifest,
   resolveBuilderThemeTokens,
   toEditorInitialDoc
-} from "../chunk-OL53KHTB.mjs";
+} from "../chunk-SXPIWE74.mjs";
 import "../chunk-OQSEJXC4.mjs";
 import {
   createDefaultStudioDocument,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orion-studios/payload-studio",
-  "version": "0.6.0-beta.41",
+  "version": "0.6.0-beta.42",
   "description": "Base CMS, builder, and custom admin toolkit for Orion Studios websites",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.js",