From 37fd2cf8c09d33910f244dab24bc3c7e08d7534b Mon Sep 17 00:00:00 2001
From: Joe Heffernan <interim17@gmail.com>
Date: Thu, 19 Feb 2026 14:23:47 -0800
Subject: [PATCH 1/8] register custom widget for variable type resources

---
 gatsby-node.js                                |   1 +
 src/cms/cms.js                                |  15 +
 .../VariableResourceUnionControl.tsx          |  21 ++
 .../VariableResourceWidget/constants.ts       | 105 +++++++
 .../copyResourceNameHandler.ts                |  37 +++
 .../VariableTypeWidgetControl.tsx             | 274 ++++++++++++++++++
 src/cms/widgets/VariableTypeWidget/types.ts   |  16 +
 static/admin/config.yml                       |  59 +++-
 8 files changed, 527 insertions(+), 1 deletion(-)
 create mode 100644 src/cms/widgets/VariableResourceWidget/VariableResourceUnionControl.tsx
 create mode 100644 src/cms/widgets/VariableResourceWidget/constants.ts
 create mode 100644 src/cms/widgets/VariableResourceWidget/copyResourceNameHandler.ts
 create mode 100644 src/cms/widgets/VariableTypeWidget/VariableTypeWidgetControl.tsx
 create mode 100644 src/cms/widgets/VariableTypeWidget/types.ts

diff --git a/gatsby-node.js b/gatsby-node.js
index 10cc70f..91995d9 100644
--- a/gatsby-node.js
+++ b/gatsby-node.js
@@ -20,6 +20,7 @@ const DATA_ONLY_PAGES = [
     "dataset",
     "allenite",
     "program",
+    "resource",
 ];
 
 exports.createSchemaCustomization = ({ actions, schema }) => {
diff --git a/src/cms/cms.js b/src/cms/cms.js
index 2906919..acba4f6 100644
--- a/src/cms/cms.js
+++ b/src/cms/cms.js
@@ -3,7 +3,22 @@ import CMS from "decap-cms-app";
 import AboutPagePreview from "./preview-templates/AboutPagePreview";
 import IdeaPostPreview from "./preview-templates/IdeaPostPreview";
 import IndexPagePreview from "./preview-templates/IndexPagePreview";
+import VariableResourceUnionControl from "./widgets/VariableResourceWidget/VariableResourceUnionControl";
+import copyResourceNameHandler from "./widgets/VariableResourceWidget/copyResourceNameHandler";
+
+// Register custom widgets, with optional preview components
+// and global styles.
+CMS.registerWidget({
+    name: "resource_union",
+    controlComponent: VariableResourceUnionControl,
+});
 
 CMS.registerPreviewTemplate("index", IndexPagePreview);
 CMS.registerPreviewTemplate("about", AboutPagePreview);
 CMS.registerPreviewTemplate("idea", IdeaPostPreview);
+
+// Decap exposes a number of lifecycle stages we can hook into and register.
+CMS.registerEventListener({
+    name: "preSave",
+    handler: copyResourceNameHandler,
+});
diff --git a/src/cms/widgets/VariableResourceWidget/VariableResourceUnionControl.tsx b/src/cms/widgets/VariableResourceWidget/VariableResourceUnionControl.tsx
new file mode 100644
index 0000000..cec1003
--- /dev/null
+++ b/src/cms/widgets/VariableResourceWidget/VariableResourceUnionControl.tsx
@@ -0,0 +1,21 @@
+import React from "react";
+import VariableTypeWidgetControl from "../VariableTypeWidget/VariableTypeWidgetControl";
+import { VARIABLE_TYPE_RESOURCE_CONFIG } from "./constants";
+import type { CmsWidgetControlProps } from "decap-cms-core";
+
+/**
+ * Implementation of VariableTypeWidgetControl for a union of different
+ * resource types (software tools, datasets, etc.).
+ * Config defined in RESOURCE_TYPES.
+ */
+const ResourceUnionControl = (props: CmsWidgetControlProps) => {
+    return (
+        <VariableTypeWidgetControl
+            {...props}
+            types={VARIABLE_TYPE_RESOURCE_CONFIG}
+            defaultType="softwareTool"
+        />
+    );
+};
+
+export default ResourceUnionControl;
\ No newline at end of file
diff --git a/src/cms/widgets/VariableResourceWidget/constants.ts b/src/cms/widgets/VariableResourceWidget/constants.ts
new file mode 100644
index 0000000..10d6138
--- /dev/null
+++ b/src/cms/widgets/VariableResourceWidget/constants.ts
@@ -0,0 +1,105 @@
+import { TypeConfig } from "../VariableTypeWidget/types";
+
+const SOFTWARE_STATUS_OPTIONS = [
+    "Public",
+    "In development",
+    "Internal use only",
+];
+
+const DATASET_STATUS_OPTIONS = [
+    "Public",
+    "Not QCed",
+    "Preliminary",
+    "Need to request data directly",
+];
+
+// Optional: override baseFields per type,
+// defaults to name, description, link.
+export const VARIABLE_TYPE_RESOURCE_CONFIG: TypeConfig[] = [
+    {
+        value: "softwareTool",
+        label: "Software Tool",
+        fields: [
+            {
+                label: "README/Quickstart Link",
+                name: "readmeLink",
+                type: "input",
+            },
+            {
+                label: "Status",
+                name: "status",
+                type: "select",
+                options: SOFTWARE_STATUS_OPTIONS,
+            },
+        ],
+    },
+    {
+        value: "dataset",
+        label: "Dataset",
+        fields: [
+            {
+                label: "Status",
+                name: "status",
+                type: "select",
+                options: DATASET_STATUS_OPTIONS,
+            },
+        ],
+    },
+    {
+        value: "protocolLink",
+        label: "Protocol (Link)",
+        fields: [
+            { label: "Name", name: "name", type: "input" },
+            {
+                label: "Description",
+                name: "description",
+                type: "textarea",
+                rows: 4,
+            },
+            {
+                label: "URL",
+                name: "url",
+                type: "input",
+                hint: "External link to protocol",
+            },
+        ],
+    },
+    {
+        value: "protocolFile",
+        label: "Protocol (File)",
+        fields: [
+            { label: "Name", name: "name", type: "input" },
+            {
+                label: "Description",
+                name: "description",
+                type: "textarea",
+                rows: 4,
+            },
+            {
+                label: "File Path",
+                name: "file",
+                type: "file",
+                hint: "Use Media Library to upload, then paste path here",
+            },
+        ],
+    },
+    {
+        value: "cellLine",
+        label: "Cell Line",
+        fields: [
+            { label: "Name", name: "name", type: "input" },
+            {
+                label: "Description",
+                name: "description",
+                type: "textarea",
+                rows: 4,
+            },
+            {
+                label: "URL",
+                name: "url",
+                type: "input",
+                hint: "Link to cell catalog or documentation",
+            },
+        ],
+    },
+];
diff --git a/src/cms/widgets/VariableResourceWidget/copyResourceNameHandler.ts b/src/cms/widgets/VariableResourceWidget/copyResourceNameHandler.ts
new file mode 100644
index 0000000..e8acc3d
--- /dev/null
+++ b/src/cms/widgets/VariableResourceWidget/copyResourceNameHandler.ts
@@ -0,0 +1,37 @@
+import CMS from "decap-cms-core"
+
+// FRor some reason I could not import CmsEventListener as as a type
+// and it was resolving to the global CMS object, so this is the workaround.
+type CmsEventListenerHandler = Parameters<typeof CMS.registerEventListener>[0]['handler'];
+type CmsEventListenerHandlerArg = Parameters<CmsEventListenerHandler>[0];
+
+/**
+ Certain fields are required to be top-level by the CMS, which clutters the UI
+ when we have a redundant field in widget. This preSave hook copies the resource.name
+ field to the top-level from the nested widget.
+ */
+export const copyResourceNameHandler = ({ entry }: CmsEventListenerHandlerArg) => {
+    const collection = entry.get("collection");
+
+    // Only apply to resources collection
+    if (collection !== "resources") {
+        return entry.get("data");
+    }
+
+    const data = entry.get("data");
+    const resource = data.get("resource");
+
+    if (resource) {
+        // Copy resource.name to top-level name
+        const resourceName = resource.get
+            ? resource.get("name")
+            : resource.name;
+        if (resourceName) {
+            return data.set("name", resourceName);
+        }
+    }
+
+    return data;
+}
+
+export default copyResourceNameHandler;
\ No newline at end of file
diff --git a/src/cms/widgets/VariableTypeWidget/VariableTypeWidgetControl.tsx b/src/cms/widgets/VariableTypeWidget/VariableTypeWidgetControl.tsx
new file mode 100644
index 0000000..66ac8af
--- /dev/null
+++ b/src/cms/widgets/VariableTypeWidget/VariableTypeWidgetControl.tsx
@@ -0,0 +1,274 @@
+import React from "react";
+import CMS from "decap-cms-app";
+import { FieldConfig, TypeConfig } from "./types";
+import type { CmsWidgetControlProps } from "decap-cms-core";
+
+interface VariableTypeWidgetControlProps extends CmsWidgetControlProps {
+    types: TypeConfig[];
+    defaultType?: string;
+    baseFields?: FieldConfig[];
+}
+
+// Decap uses Immutable.js internally - this interface helps us
+// convert their Map objects to plain JS when needed
+interface ImmutableLike {
+    toJS: () => Record<string, unknown>;
+}
+
+const DEFAULT_BASE_FIELDS: FieldConfig[] = [
+    { label: "Name", name: "name", type: "input" },
+    { label: "Description", name: "description", type: "textarea", rows: 4 },
+    {
+        label: "Link",
+        name: "link",
+        type: "input",
+        hint: "https://...  ",
+    },
+];
+
+/**
+ * It would be more consistent with our codestyle to use a stylesheet, but injecting
+ * the styles into Decap is tricky. It's possible to use css defined in a string as
+ * JS module, and inject it with the optional globalStyles property on the CmsWidgetParam
+ * when calling registerWidget if preferred.
+ */
+const styles = {
+    container: {
+        padding: 16,
+        border: "1px solid #ddd",
+        borderRadius: 4,
+        backgroundColor: "#fafafa",
+    } as React.CSSProperties,
+    fieldGroup: {
+        marginBottom: 16,
+    } as React.CSSProperties,
+    typeSelector: {
+        marginBottom: 20,
+    } as React.CSSProperties,
+    label: {
+        display: "block",
+        fontWeight: 600,
+        marginBottom: 4,
+    } as React.CSSProperties,
+    input: {
+        width: "100%",
+        padding: 8,
+        border: "1px solid #ddd",
+        borderRadius: 4,
+        boxSizing: "border-box",
+    } as React.CSSProperties,
+    hint: {
+        fontSize: 12,
+        color: "#666",
+        marginTop: 4,
+    } as React.CSSProperties,
+    error: {
+        fontSize: 12,
+        color: "#b00",
+    } as React.CSSProperties,
+};
+
+/**
+ * Union object control for resources:
+ * - value.type determines which fields render
+ * - fields are config-driven via the `types` prop
+ */
+const VariableTypeWidgetControl = (props: VariableTypeWidgetControlProps) => {
+    const {
+        onChange,
+        value,
+        types,
+        defaultType,
+        baseFields = DEFAULT_BASE_FIELDS,
+    } = props;
+
+    /**
+     * Decap's onChange always expects the entire object for this control
+     * when values change.
+     *
+     * We use getDefaultType as a fallback to ensure there's always a valid "type" field,
+     * and on intial render to determine which fields to show.
+     *
+     * We call normalizeValue in handleChange to ensure we're working with a plain JS object,
+     * and have the current value available when any field changes.
+     *
+     * Then handle change retrieves and passes in the new value.
+     */
+
+    const getDefaultType = (): string => {
+        return defaultType || (types[0] ? types[0].value : "");
+    };
+
+    const normalizeValue = (): Record<string, unknown> => {
+        if (!value || typeof value === "string") {
+            return { type: getDefaultType() };
+        }
+
+        const obj =
+            typeof (value as ImmutableLike).toJS === "function"
+                ? (value as ImmutableLike).toJS()
+                : (value as Record<string, unknown>);
+
+        return { ...obj, type: obj.type || getDefaultType() };
+    };
+
+    const handleChange = (field: string, newValue: unknown) => {
+        const current = normalizeValue();
+        onChange({ ...current, [field]: newValue });
+    };
+
+    const handleTypeChange = (newType: string) => {
+        onChange({ type: newType });
+    };
+
+    const renderInput = (
+        cfg: FieldConfig,
+        valueObj: Record<string, unknown>,
+    ) => {
+        const { label, name, placeholder = "", hint = "" } = cfg;
+        return (
+            <div key={name} style={styles.fieldGroup}>
+                <label style={styles.label}>{label}</label>
+                <input
+                    type="text"
+                    style={styles.input}
+                    value={(valueObj[name] as string) || ""}
+                    onChange={(e) => handleChange(name, e.target.value)}
+                    placeholder={placeholder}
+                />
+                {hint && <div style={styles.hint}>{hint}</div>}
+            </div>
+        );
+    };
+
+    const renderTextarea = (
+        cfg: FieldConfig,
+        valueObj: Record<string, unknown>,
+    ) => {
+        const { label, name, placeholder = "", hint = "", rows = 4 } = cfg;
+        return (
+            <div key={name} style={styles.fieldGroup}>
+                <label style={styles.label}>{label}</label>
+                <textarea
+                    style={styles.input}
+                    value={(valueObj[name] as string) || ""}
+                    onChange={(e) => handleChange(name, e.target.value)}
+                    placeholder={placeholder}
+                    rows={rows}
+                />
+                {hint && <div style={styles.hint}>{hint}</div>}
+            </div>
+        );
+    };
+
+    const renderSelect = (
+        cfg: FieldConfig,
+        valueObj: Record<string, unknown>,
+    ) => {
+        const { label, name, options = [], hint = "" } = cfg;
+        return (
+            <div key={name} style={styles.fieldGroup}>
+                <label style={styles.label}>{label}</label>
+                <select
+                    style={styles.input}
+                    value={(valueObj[name] as string) || ""}
+                    onChange={(e) => handleChange(name, e.target.value)}
+                >
+                    <option value="">-- Select --</option>
+                    {options.map((opt) => (
+                        <option key={opt} value={opt}>
+                            {opt}
+                        </option>
+                    ))}
+                </select>
+                {hint && <div style={styles.hint}>{hint}</div>}
+            </div>
+        );
+    };
+
+    const renderFileControl = (
+        cfg: FieldConfig,
+        valueObj: Record<string, unknown>,
+    ) => {
+        const { label, name, hint = "" } = cfg;
+
+        /**
+         * Here we retrieve the default file widget registered in Decap to
+         * handle file inputs. It's not typed very explicity in their system,
+         * so we have to use <any> a bit. We also check if it exists
+         * and render an error if not.
+         */
+        const widget = CMS.getWidget("file");
+
+        const FileControl = widget?.control as
+            | React.ComponentType<any>
+            | undefined;
+
+        if (!FileControl) {
+            return (
+                <div key={name} style={styles.fieldGroup}>
+                    <label style={styles.label}>{label}</label>
+                    <div style={styles.error}>File widget not available</div>
+                </div>
+            );
+        }
+
+        return (
+            <div key={name} style={styles.fieldGroup}>
+                <label style={styles.label}>{label}</label>
+                <FileControl
+                    {...props}
+                    value={valueObj[name] || ""}
+                    onChange={(newVal: unknown) => handleChange(name, newVal)}
+                />
+                {hint && <div style={styles.hint}>{hint}</div>}
+            </div>
+        );
+    };
+
+    const renderField = (
+        cfg: FieldConfig,
+        valueObj: Record<string, unknown>,
+    ) => {
+        switch (cfg.type) {
+            case "input":
+                return renderInput(cfg, valueObj);
+            case "textarea":
+                return renderTextarea(cfg, valueObj);
+            case "select":
+                return renderSelect(cfg, valueObj);
+            case "file":
+                return renderFileControl(cfg, valueObj);
+            default:
+                return null;
+        }
+    };
+
+    const valueObj = normalizeValue();
+    const selectedType = (valueObj["type"] as string) || getDefaultType();
+    const typeConfig = types.find((t) => t.value === selectedType) || types[0];
+    const baseForThisType = typeConfig?.baseFields ?? baseFields;
+    const fields = [...(baseForThisType || []), ...(typeConfig?.fields || [])];
+
+    return (
+        <div style={styles.container}>
+            <div style={styles.typeSelector}>
+                <label style={styles.label}>Resource Type</label>
+                <select
+                    style={styles.input}
+                    value={selectedType}
+                    onChange={(e) => handleTypeChange(e.target.value)}
+                >
+                    {types.map((t) => (
+                        <option key={t.value} value={t.value}>
+                            {t.label}
+                        </option>
+                    ))}
+                </select>
+            </div>
+            {fields.map((f) => renderField(f, valueObj))}
+        </div>
+    );
+};
+
+export default VariableTypeWidgetControl;
diff --git a/src/cms/widgets/VariableTypeWidget/types.ts b/src/cms/widgets/VariableTypeWidget/types.ts
new file mode 100644
index 0000000..18b61ae
--- /dev/null
+++ b/src/cms/widgets/VariableTypeWidget/types.ts
@@ -0,0 +1,16 @@
+export interface FieldConfig {
+    name: string;
+    label: string;
+    type: "input" | "textarea" | "select" | "file";
+    options?: string[];
+    placeholder?: string;
+    hint?: string;
+    rows?: number;
+}
+
+export interface TypeConfig {
+    value: string;
+    label: string;
+    fields: FieldConfig[];
+    baseFields?: FieldConfig[];
+}
\ No newline at end of file
diff --git a/static/admin/config.yml b/static/admin/config.yml
index ef13b89..41402a7 100644
--- a/static/admin/config.yml
+++ b/static/admin/config.yml
@@ -103,6 +103,31 @@ collections:
                         },
                     ],
             }
+          - {
+                label: "Datasets",
+                name: "datasets",
+                widget: "relation",
+                collection: "resources",
+                search_fields: ["name"],
+                value_field: "{{slug}}",
+                display_fields: ["name"],
+                multiple: true,
+                required: false,
+                hint: "Select datasets from the Resources collection, if missing, please add to the Resources collection and then finish editing this entry.",
+                filters: [{ field: "resource.type", values: ["dataset"] }],
+            }
+          - {
+                label: "Resources",
+                name: "resources",
+                widget: "relation",
+                collection: "resources",
+                search_fields: ["resource.name", "resource.type"],
+                value_field: "{{slug}}",
+                display_fields: ["resource.type", "resource.name"],
+                multiple: true,
+                required: false,
+                hint: "Select other resources from the Resources collection, if missing, please add to the Resources collection and then finish editing this entry.",
+            }
           - {
                 label: "Materials and Methods",
                 name: "materialsAndMethods",
@@ -331,7 +356,39 @@ collections:
                 required: false,
             }
           - { label: "Publish Date", name: "date", widget: "datetime", required: false }
-
+    - name: "resources"
+      label: "Resources"
+      label_singular: "Resource"
+      folder: "src/pages/resources"
+      create: true
+      slug: "{{name}}"
+      identifier_field: "name"
+      summary: "{{resource.type}}: {{name}}"
+      sortable_fields: ["name", "resource.type"]
+      view_groups: [
+            {
+                label: "Type",
+                field: "resource.type",
+            }
+      ]
+      fields:
+          - {
+                label: "Template Key",
+                name: "templateKey",
+                widget: "hidden",
+                default: "resource",
+            }
+          - {
+                label: "Name",
+                name: "name",
+                widget: "hidden",
+                default: "",
+            }
+          - {
+                label: "Resource Details",
+                name: "resource",
+                widget: "resource_union", # custom widget
+            }
     - name: "pages"
       label: "Pages"
       files:

From 5e1c540eb23f38088b87e16db86bb2595a6f7baa Mon Sep 17 00:00:00 2001
From: Joe Heffernan <interim17@gmail.com>
Date: Thu, 19 Feb 2026 15:22:27 -0800
Subject: [PATCH 2/8] use resourceDetails in nested fields on resource markdown

---
 .../widgets/VariableResourceWidget/copyResourceNameHandler.ts   | 2 +-
 static/admin/config.yml                                         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/cms/widgets/VariableResourceWidget/copyResourceNameHandler.ts b/src/cms/widgets/VariableResourceWidget/copyResourceNameHandler.ts
index e8acc3d..2f003d1 100644
--- a/src/cms/widgets/VariableResourceWidget/copyResourceNameHandler.ts
+++ b/src/cms/widgets/VariableResourceWidget/copyResourceNameHandler.ts
@@ -19,7 +19,7 @@ export const copyResourceNameHandler = ({ entry }: CmsEventListenerHandlerArg) =
     }
 
     const data = entry.get("data");
-    const resource = data.get("resource");
+    const resource = data.get("resourceDetails");
 
     if (resource) {
         // Copy resource.name to top-level name
diff --git a/static/admin/config.yml b/static/admin/config.yml
index 41402a7..d510830 100644
--- a/static/admin/config.yml
+++ b/static/admin/config.yml
@@ -386,7 +386,7 @@ collections:
             }
           - {
                 label: "Resource Details",
-                name: "resource",
+                name: "resourceDetails",
                 widget: "resource_union", # custom widget
             }
     - name: "pages"

From 9f43b2b07453c6cc4ba164185349952fff5b42d0 Mon Sep 17 00:00:00 2001
From: Joe Heffernan <interim17@gmail.com>
Date: Fri, 20 Feb 2026 10:54:11 -0800
Subject: [PATCH 3/8] Update
 src/cms/widgets/VariableResourceWidget/copyResourceNameHandler.ts

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
---
 .../widgets/VariableResourceWidget/copyResourceNameHandler.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/cms/widgets/VariableResourceWidget/copyResourceNameHandler.ts b/src/cms/widgets/VariableResourceWidget/copyResourceNameHandler.ts
index 2f003d1..21f94ae 100644
--- a/src/cms/widgets/VariableResourceWidget/copyResourceNameHandler.ts
+++ b/src/cms/widgets/VariableResourceWidget/copyResourceNameHandler.ts
@@ -1,7 +1,7 @@
 import CMS from "decap-cms-core"
 
-// FRor some reason I could not import CmsEventListener as as a type
-// and it was resolving to the global CMS object, so this is the workaround.
+// For some reason I could not import CmsEventListener as a type
+// because it was resolving to the global CMS object, so this is the workaround.
 type CmsEventListenerHandler = Parameters<typeof CMS.registerEventListener>[0]['handler'];
 type CmsEventListenerHandlerArg = Parameters<CmsEventListenerHandler>[0];
 

From a34563314ed93fdfd30522d944b18fe402c80dcc Mon Sep 17 00:00:00 2001
From: Joe Heffernan <interim17@gmail.com>
Date: Fri, 20 Feb 2026 10:56:20 -0800
Subject: [PATCH 4/8] Update static/admin/config.yml

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
---
 static/admin/config.yml | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/static/admin/config.yml b/static/admin/config.yml
index d510830..b9569fe 100644
--- a/static/admin/config.yml
+++ b/static/admin/config.yml
@@ -363,12 +363,12 @@ collections:
       create: true
       slug: "{{name}}"
       identifier_field: "name"
-      summary: "{{resource.type}}: {{name}}"
-      sortable_fields: ["name", "resource.type"]
+      summary: "{{resourceDetails.type}}: {{name}}"
+      sortable_fields: ["name", "resourceDetails.type"]
       view_groups: [
             {
                 label: "Type",
-                field: "resource.type",
+                field: "resourceDetails.type",
             }
       ]
       fields:

From 478c9462005d2236a3ae6ce08529519c41902da7 Mon Sep 17 00:00:00 2001
From: Joe Heffernan <interim17@gmail.com>
Date: Fri, 20 Feb 2026 10:59:34 -0800
Subject: [PATCH 5/8] reference resourceDetails in relational widget

---
 static/admin/config.yml | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/static/admin/config.yml b/static/admin/config.yml
index b9569fe..af6a77b 100644
--- a/static/admin/config.yml
+++ b/static/admin/config.yml
@@ -114,16 +114,16 @@ collections:
                 multiple: true,
                 required: false,
                 hint: "Select datasets from the Resources collection, if missing, please add to the Resources collection and then finish editing this entry.",
-                filters: [{ field: "resource.type", values: ["dataset"] }],
+                filters: [{ field: "resourceDetails.type", values: ["dataset"] }],
             }
           - {
                 label: "Resources",
                 name: "resources",
                 widget: "relation",
                 collection: "resources",
-                search_fields: ["resource.name", "resource.type"],
+                search_fields: ["resourceDetails.name", "resourceDetails.type"],
                 value_field: "{{slug}}",
-                display_fields: ["resource.type", "resource.name"],
+                display_fields: ["resourceDetails.type", "resourceDetails.name"],
                 multiple: true,
                 required: false,
                 hint: "Select other resources from the Resources collection, if missing, please add to the Resources collection and then finish editing this entry.",

From cc336eea83f3f749d217dc69e064226ed66e09a7 Mon Sep 17 00:00:00 2001
From: Joe Heffernan <interim17@gmail.com>
Date: Mon, 23 Feb 2026 13:47:57 -0800
Subject: [PATCH 6/8] remove redundant fields from config

---
 .../VariableResourceWidget/constants.ts       | 39 +------------------
 1 file changed, 2 insertions(+), 37 deletions(-)

diff --git a/src/cms/widgets/VariableResourceWidget/constants.ts b/src/cms/widgets/VariableResourceWidget/constants.ts
index 10d6138..a5a9a81 100644
--- a/src/cms/widgets/VariableResourceWidget/constants.ts
+++ b/src/cms/widgets/VariableResourceWidget/constants.ts
@@ -48,33 +48,12 @@ export const VARIABLE_TYPE_RESOURCE_CONFIG: TypeConfig[] = [
     {
         value: "protocolLink",
         label: "Protocol (Link)",
-        fields: [
-            { label: "Name", name: "name", type: "input" },
-            {
-                label: "Description",
-                name: "description",
-                type: "textarea",
-                rows: 4,
-            },
-            {
-                label: "URL",
-                name: "url",
-                type: "input",
-                hint: "External link to protocol",
-            },
-        ],
+        fields: [],
     },
     {
         value: "protocolFile",
         label: "Protocol (File)",
         fields: [
-            { label: "Name", name: "name", type: "input" },
-            {
-                label: "Description",
-                name: "description",
-                type: "textarea",
-                rows: 4,
-            },
             {
                 label: "File Path",
                 name: "file",
@@ -86,20 +65,6 @@ export const VARIABLE_TYPE_RESOURCE_CONFIG: TypeConfig[] = [
     {
         value: "cellLine",
         label: "Cell Line",
-        fields: [
-            { label: "Name", name: "name", type: "input" },
-            {
-                label: "Description",
-                name: "description",
-                type: "textarea",
-                rows: 4,
-            },
-            {
-                label: "URL",
-                name: "url",
-                type: "input",
-                hint: "Link to cell catalog or documentation",
-            },
-        ],
+        fields: [],
     },
 ];

From 6653ea51f52934ddaedf8220f9dba4097b2106e7 Mon Sep 17 00:00:00 2001
From: Joe Heffernan <interim17@gmail.com>
Date: Mon, 23 Feb 2026 13:50:31 -0800
Subject: [PATCH 7/8] fix typo

---
 .../VariableResourceUnionControl.tsx                 | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/cms/widgets/VariableResourceWidget/VariableResourceUnionControl.tsx b/src/cms/widgets/VariableResourceWidget/VariableResourceUnionControl.tsx
index 41d3c4e..f225057 100644
--- a/src/cms/widgets/VariableResourceWidget/VariableResourceUnionControl.tsx
+++ b/src/cms/widgets/VariableResourceWidget/VariableResourceUnionControl.tsx
@@ -1,14 +1,22 @@
 import React from "react";
 
+
+
 import type { CmsWidgetControlProps } from "decap-cms-core";
 
+
+
 import VariableTypeWidgetControl from "../VariableTypeWidget/VariableTypeWidgetControl";
 import { VARIABLE_TYPE_RESOURCE_CONFIG } from "./constants";
 
+
+
+
+
 /**
  * Implementation of VariableTypeWidgetControl for a union of different
  * resource types (software tools, datasets, etc.).
- * Config defined in RESOURCE_TYPES.
+ * Config defined in VARIABLE_TYPE_RESOURCE_CONFIG.
  */
 const ResourceUnionControl = (props: CmsWidgetControlProps) => {
     return (
@@ -20,4 +28,4 @@ const ResourceUnionControl = (props: CmsWidgetControlProps) => {
     );
 };
 
-export default ResourceUnionControl;
+export default ResourceUnionControl;
\ No newline at end of file

From 211c55aff4f098b8bad494b7e4d6b422b3838362 Mon Sep 17 00:00:00 2001
From: Joe Heffernan <interim17@gmail.com>
Date: Mon, 23 Feb 2026 14:15:55 -0800
Subject: [PATCH 8/8] update comment

---
 .../VariableTypeWidget/VariableTypeWidgetControl.tsx     | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/cms/widgets/VariableTypeWidget/VariableTypeWidgetControl.tsx b/src/cms/widgets/VariableTypeWidget/VariableTypeWidgetControl.tsx
index e65152e..0780585 100644
--- a/src/cms/widgets/VariableTypeWidget/VariableTypeWidgetControl.tsx
+++ b/src/cms/widgets/VariableTypeWidget/VariableTypeWidgetControl.tsx
@@ -29,10 +29,11 @@ const DEFAULT_BASE_FIELDS: FieldConfig[] = [
 ];
 
 /**
- * It would be more consistent with our codestyle to use a stylesheet, but injecting
- * the styles into Decap is tricky. It's possible to use css defined in a string as
- * JS module, and inject it with the optional globalStyles property on the CmsWidgetParam
- * when calling registerWidget if preferred.
+ * It's easier to apply styles directly here in the component, than to import a stylesheet,
+ * and make sure ensure those styles are correctly injected in the Decap build.
+ * 
+ * To inject styles refer to globalStyles documentation on registerWidget params.
+ *
  */
 const styles = {
     container: {