From 2c997443297e8eb6133125652b0ad1b24e7ab72b Mon Sep 17 00:00:00 2001
From: Karthik99999 <bandagondak0217@gmail.com>
Date: Tue, 26 May 2026 12:14:55 -0400
Subject: [PATCH] feat: Implement youtube, citation, and input/output data
 schema additions

---
 .../library/codebases/releases/retrieve.jinja | 128 ++++++++++++-
 django/library/metadata.py                    |  27 ++-
 ...debase_associated_publications_and_more.py |  45 +++++
 django/library/models.py                      |  49 ++++-
 django/library/permissions.py                 |   4 +-
 django/library/serializers.py                 |  56 +++++-
 e2e/cypress/tests/codebase.spec.ts            |   4 +-
 frontend/src/apps/image_gallery.ts            |   2 +-
 frontend/src/components/CodebaseEditForm.vue  |  22 ++-
 frontend/src/components/ImageGallery.vue      | 181 +++++++++++++++---
 .../form/AssociatedPublicationListField.vue   | 158 +++++++++++++++
 frontend/src/components/releaseEditor/App.vue |   6 +-
 .../releaseEditor/CommonImagesModal.vue       |  73 -------
 .../releaseEditor/CommonMediaModal.vue        | 144 ++++++++++++++
 .../releaseEditor/MetadataFormPage.vue        |   8 +
 frontend/src/stores/releaseEditor.ts          |   5 +-
 frontend/src/types.ts                         |  19 +-
 17 files changed, 795 insertions(+), 136 deletions(-)
 create mode 100644 django/library/migrations/0038_codebase_associated_publications_and_more.py
 create mode 100644 frontend/src/components/form/AssociatedPublicationListField.vue
 delete mode 100644 frontend/src/components/releaseEditor/CommonImagesModal.vue
 create mode 100644 frontend/src/components/releaseEditor/CommonMediaModal.vue

diff --git a/django/library/jinja2/library/codebases/releases/retrieve.jinja b/django/library/jinja2/library/codebases/releases/retrieve.jinja
index 4d52044a5..434415ebf 100644
--- a/django/library/jinja2/library/codebases/releases/retrieve.jinja
+++ b/django/library/jinja2/library/codebases/releases/retrieve.jinja
@@ -78,7 +78,18 @@
             <h2>Release Notes</h2>
             <p>{{ release.release_notes|safe }}</p>
             <h2>Associated Publications</h2>
-            <p>{{ markdown(codebase.associated_publication_text) }}</p>
+            {% if codebase.associated_publications %}
+                <ul>
+                    {% for publication in codebase.associated_publications %}
+                        <li>
+                            <a href="{{ publication.doi }}" target="_blank" rel="nofollow">{{ publication.doi }}</a>
+                            {% if publication.include_in_citation %}
+                                <span class="badge bg-info ms-1">cited</span>
+                            {% endif %}
+                        </li>
+                    {% endfor %}
+                </ul>
+            {% endif %}
         </div>
     {% endif %}
 
@@ -134,9 +145,19 @@
                 {{ codebase.description|safe }}
             </div>
             {% with featured_image=codebase.get_featured_image() %}
-                {% if featured_image is not none %}
-                <div id="image-gallery" class="my-4" data-title="{{ codebase.title }}" data-images="{{ codebase.get_image_urls()|tojson|forceescape }}">
-                    {{ image(featured_image, "max-900x600", class="img-fluid") }}
+                {% if featured_image is not none or codebase.youtube_url %}
+                <div
+                    id="image-gallery"
+                    class="my-4"
+                    data-title="{{ codebase.title }}"
+                    data-images="{{ codebase.get_image_urls()|tojson|forceescape }}"
+                    {% if codebase.youtube_url %}
+                    data-video-url="{{ codebase.youtube_url }}"
+                    {% endif %}
+                >
+                    {% if featured_image is not none %}
+                        {{ image(featured_image, "max-900x600", class="img-fluid") }}
+                    {% endif %}
                     {{ vite_asset("apps/image_gallery.ts") }}
                 </div>
                 {% endif %}
@@ -155,7 +176,23 @@
             <h2 class='card-title'><u>Cite this Model</u></h2>
             <div class='pb-3'>
                 <div id='citation-text'>
-                    {{ markdown(release.citation_text) }}
+                    <div class="mb-3">{{ markdown(release.citation_text) }}</div>
+                    {% if codebase.citable_associated_publication_links %}
+                    <p class="mb-1"><strong>Associated publications to cite</strong></p>
+                    <div class="mb-3">
+                        {% for publication in codebase.citable_associated_publication_links %}
+                        <div class="mb-2">
+                            <span
+                                class="doi-citation"
+                                data-doi-link="{{ publication }}"
+                                data-fallback-text="{{ publication }}"
+                            >
+                                <a href="{{ publication }}" target="_blank" rel="nofollow">{{ publication }}</a>
+                            </span>
+                        </div>
+                        {% endfor %}
+                    </div>
+                    {% endif %}
                 </div>
                 <button class='btn btn-clipboard btn-outline-info' data-clipboard-target='#citation-text'>
                     <i class='fas fa-copy'></i> Copy citation text to clipboard
@@ -186,18 +223,32 @@
             <p class='card-text'>{{ markdown(codebase.replication_text) }}</p>
         </div>
         {% endif %}
-        {% if codebase.associated_publication_text %}
+        {% if codebase.associated_publications %}
+        {% set ns = namespace(has_uncited_publications=false) %}
+        {% for publication in codebase.associated_publications %}
+            {% if not publication.include_in_citation %}
+                {% set ns.has_uncited_publications = true %}
+            {% endif %}
+        {% endfor %}
+        {% if ns.has_uncited_publications %}
         <div class='pt-1'>
             <h2 class='card-title'><i class='fas fa-book'></i> <u>Associated Publication(s)</u></h2>
             <p class='card-text'>
                 {% if release.live or has_change_perm %}
-                    {{ markdown(codebase.associated_publication_text) }}
+                    {% for publication in codebase.associated_publications %}
+                        {% if not publication.include_in_citation %}
+                            <div class="mb-1">
+                                <a href="{{ publication.doi }}" target="_blank" rel="nofollow">{{ publication.doi }}</a>
+                            </div>
+                        {% endif %}
+                    {% endfor %}
                 {% else %}
                     <i class='fas fa-lock'>(private)</i>
                 {% endif %}
             </p>
         </div>
         {% endif %}
+        {% endif %}
         {% if codebase.references_text %}
         <div class='pt-1'>
             <h2 class='card-title'><i class='fas fa-book'></i> <u>References</u></h2>
@@ -357,6 +408,17 @@
                     </a>
                 </div>
             {% endif %}
+            {% if release.input_data_url %}
+                <b class='card-title'>Input Data</b>
+                <div class="card-text mb-3">
+                    <a href="{{ release.input_data_url }}" class="d-block text-truncate">
+                        <span class='badge bg-info'>
+                        {{ strip_url_scheme(release.input_data_url) }}
+                        </span>
+                    </a>
+                </div>
+            {% endif %}
+
             {% if release.output_data_url %}
                 <b class='card-title'>Output Data</b>
                 <div class="card-text mb-3">
@@ -620,6 +682,58 @@
     <script>
         document.addEventListener("DOMContentLoaded", function(event) {
             new ClipboardJS('.btn-clipboard');
+
+            const doiCitationElements = document.querySelectorAll(".doi-citation[data-doi-link]");
+
+            const toCanonicalDoiLink = (rawDoiLink) => {
+                if (!rawDoiLink) {
+                    return null;
+                }
+                const trimmed = rawDoiLink.trim();
+                if (!trimmed) {
+                    return null;
+                }
+                return trimmed.replace(/^http:\/\//i, "https://");
+            };
+
+            const toDoiValue = (doiLink) => {
+                if (!doiLink) {
+                    return null;
+                }
+                return doiLink.replace(/^https?:\/\/(?:dx\.)?doi\.org\//i, "").trim();
+            };
+
+            const renderFallbackLink = (element, doiLink, fallbackText) => {
+                const href = doiLink || fallbackText;
+                if (!href) {
+                    return;
+                }
+                element.innerHTML = `<a href="${href}" target="_blank" rel="nofollow">${fallbackText || href}</a>`;
+            };
+
+            doiCitationElements.forEach(async (element) => {
+                const doiLink = toCanonicalDoiLink(element.dataset.doiLink);
+                const doiValue = toDoiValue(doiLink);
+                const fallbackText = element.dataset.fallbackText || doiLink;
+
+                if (!doiLink || !doiValue) {
+                    renderFallbackLink(element, doiLink, fallbackText);
+                    return;
+                }
+
+                try {
+                    const citationUrl = `https://citation.doi.org/format?doi=${encodeURIComponent(doiValue)}&style=apa&lang=en-US`;
+                    const response = await fetch(citationUrl);
+                    const citationText = response.ok ? (await response.text()).trim() : "";
+                    if (citationText) {
+                        element.textContent = citationText;
+                    } else {
+                        renderFallbackLink(element, doiLink, fallbackText);
+                    }
+                } catch (error) {
+                    renderFallbackLink(element, doiLink, fallbackText);
+                }
+            });
         });
     </script>
     {% endscript %}
diff --git a/django/library/metadata.py b/django/library/metadata.py
index 5a482cbcd..5f01c290d 100644
--- a/django/library/metadata.py
+++ b/django/library/metadata.py
@@ -118,6 +118,13 @@ def to_textual_creative_work(cls, text: str) -> dict:
             "text": text,
         }
 
+    @classmethod
+    def to_url_creative_work(cls, url: str) -> dict:
+        return {
+            "@type": "CreativeWork",
+            "url": url,
+        }
+
     @classmethod
     def license_to_creative_work(cls, license) -> dict:
         creative_work_license = {
@@ -137,6 +144,7 @@ def url_to_datafeed(cls, url: str) -> dict:
 
     @classmethod
     def _common_codebase_fields(cls, codebase) -> dict:
+        associated_publication_links = codebase.associated_publication_links
         return dict(
             type_="SoftwareSourceCode",
             name=codebase.title,
@@ -150,12 +158,16 @@ def _common_codebase_fields(cls, codebase) -> dict:
                 ]
                 if text
             ]
+            + [
+                cls.to_url_creative_work(doi)
+                for doi in codebase.citable_associated_publication_links
+            ]
             or None,
             # tags are sorted so that comparisons are deterministic
             keywords=[tag.name for tag in codebase.tags.all().order_by("name")] or None,
             publisher=cls.COMSES_ORGANIZATION,
             description=codebase.description.raw,
-            referencePublication=codebase.associated_publication_text or None,
+            referencePublication=associated_publication_links or None,
         )
 
     @classmethod
@@ -196,6 +208,13 @@ def _convert_release_language(cls, release_language) -> dict:
     @classmethod
     def _convert_release(cls, release) -> CodeMeta:
         codebase = release.codebase
+        supporting = []
+        # prefer listing input data first, then output data
+        if getattr(release, "input_data_url", None):
+            supporting.append(cls.url_to_datafeed(release.input_data_url))
+        if release.output_data_url:
+            supporting.append(cls.url_to_datafeed(release.output_data_url))
+
         return CodeMeta(
             **cls._common_codebase_fields(codebase),
             id_=release.permanent_url,
@@ -218,11 +237,7 @@ def _convert_release(cls, release) -> CodeMeta:
             downloadUrl=f"{settings.BASE_URL}{release.get_download_url()}",
             operatingSystem=release.os,
             releaseNotes=release.release_notes.raw,
-            supportingData=(
-                cls.url_to_datafeed(release.output_data_url)
-                if release.output_data_url
-                else None
-            ),
+            supportingData=supporting or None,
             # FIXME: need better guidance on author vs contributor fields in CodeMeta
             author=cls.convert_contributors(
                 release.author_release_contributors, "author"
diff --git a/django/library/migrations/0038_codebase_associated_publications_and_more.py b/django/library/migrations/0038_codebase_associated_publications_and_more.py
new file mode 100644
index 000000000..677b770a4
--- /dev/null
+++ b/django/library/migrations/0038_codebase_associated_publications_and_more.py
@@ -0,0 +1,45 @@
+# Generated by Django 5.2.11 on 2026-05-26 16:13
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("library", "0037_initial_github_integration_overview_content"),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name="codebase",
+            name="associated_publications",
+            field=models.JSONField(
+                blank=True,
+                default=list,
+                help_text="List of DOI links associated with this codebase. Each item should include a DOI link and whether it should appear in the citation area.",
+            ),
+        ),
+        migrations.AddField(
+            model_name="codebase",
+            name="preferred_citation",
+            field=models.TextField(
+                blank=True,
+                help_text="Legacy preferred citation text. Use associated_publications to control what appears in the citation area.",
+            ),
+        ),
+        migrations.AddField(
+            model_name="codebase",
+            name="youtube_url",
+            field=models.URLField(
+                blank=True,
+                help_text="Optional YouTube URL showcasing this codebase (e.g., a demo or tutorial video).",
+            ),
+        ),
+        migrations.AddField(
+            model_name="codebaserelease",
+            name="input_data_url",
+            field=models.URLField(
+                blank=True, help_text="Permanent URL to input data used by this model."
+            ),
+        ),
+    ]
diff --git a/django/library/models.py b/django/library/models.py
index 500936412..e91845c77 100644
--- a/django/library/models.py
+++ b/django/library/models.py
@@ -1089,6 +1089,12 @@ class Codebase(index.Indexed, ModeratedContent, ClusterableModel):
             "URL to code repository, e.g., https://github.com/comses/wolf-sheep"
         ),
     )
+    youtube_url = models.URLField(
+        blank=True,
+        help_text=_(
+            "Optional YouTube URL showcasing this codebase (e.g., a demo or tutorial video)."
+        ),
+    )
     replication_text = models.TextField(
         blank=True,
         help_text=_("URL / DOI / citation for the original model being replicated"),
@@ -1106,6 +1112,19 @@ class Codebase(index.Indexed, ModeratedContent, ClusterableModel):
             "DOI, Permanent URL, or citation to a publication associated with this codebase."
         ),
     )
+    preferred_citation = models.TextField(
+        blank=True,
+        help_text=_(
+            "Legacy preferred citation text. Use associated_publications to control what appears in the citation area."
+        ),
+    )
+    associated_publications = models.JSONField(
+        default=list,
+        blank=True,
+        help_text=_(
+            "List of DOI links associated with this codebase. Each item should include a DOI link and whether it should appear in the citation area."
+        ),
+    )
     tags = ClusterTaggableManager(through=CodebaseTag)
     # evaluate this JSONField as an add-anything way to record relationships between this Codebase and other entities
     # with URLs / resolvable identifiers
@@ -1317,6 +1336,27 @@ def publication_year(self):
             self.last_published_on.year if self.last_published_on else date.today().year
         )
 
+    @staticmethod
+    def _publication_doi(publication: dict) -> str:
+        return (publication.get("doi") or "").strip()
+
+    @property
+    def associated_publication_links(self):
+        return [
+            doi
+            for publication in self.associated_publications
+            if (doi := self._publication_doi(publication))
+        ]
+
+    @property
+    def citable_associated_publication_links(self):
+        return [
+            doi
+            for publication in self.associated_publications
+            if publication.get("include_in_citation")
+            and (doi := self._publication_doi(publication))
+        ]
+
     @property
     def all_contributors(self):
         """
@@ -1529,7 +1569,6 @@ def get_or_create_draft(self, initial_version: str | None = None):
         # reset fields that should not be copied over to a new draft
         draft_release.doi = None
         draft_release.release_notes = ""
-        draft_release.output_data_url = ""
         draft_release.save()
         return draft_release
 
@@ -1856,6 +1895,9 @@ class Status(models.TextChoices):
     output_data_url = models.URLField(
         blank=True, help_text=_("Permanent URL to output data from this model.")
     )
+    input_data_url = models.URLField(
+        blank=True, help_text=_("Permanent URL to input data used by this model.")
+    )
     version_number = models.CharField(
         max_length=32, help_text=_("semver string, e.g., 1.0.5, see semver.org")
     )
@@ -3378,10 +3420,9 @@ def __init__(self, release: CodebaseRelease):
                 release.citation_text,
                 codebase.references_text,
                 codebase.replication_text,
-                codebase.associated_publication_text,
             ]
             if text
-        ]
+        ] + codebase.citable_associated_publication_links
 
         if release.live:
             self.first_published = release.first_published_at.date()
@@ -3737,7 +3778,7 @@ def convert(cls, codebase: Codebase):
         ```
         """
         # FIXME: establish CommonMetadata for Codebases as well and change signature to operate on CommonMetadata
-        # add references_text and associated_publication_text fields when better structured metadata for those fields are available
+        # add references_text and associated_publications fields when better structured metadata for those fields are available
         metadata = {
             "creators": cls.to_citable_authors(codebase.all_author_contributors),
             "titles": [{"title": codebase.title}],
diff --git a/django/library/permissions.py b/django/library/permissions.py
index 4dede205e..905019378 100644
--- a/django/library/permissions.py
+++ b/django/library/permissions.py
@@ -8,14 +8,14 @@
 
 class GitHubIntegrationPermission(BasePermission):
     """Permission class to check if user can use GitHub integration."""
-    
+
     def has_permission(self, request, view):
         try:
             site = Site.objects.get(is_default_site=True)
             config = GitHubIntegrationConfiguration.for_site(site)
         except (Site.DoesNotExist, GitHubIntegrationConfiguration.DoesNotExist):
             raise DrfPermissionDenied("GitHub integration is not available")
-        
+
         if not config.can_use_github_integration(request.user):
             raise DrfPermissionDenied("GitHub integration is not available")
         return True
diff --git a/django/library/serializers.py b/django/library/serializers.py
index 75efb470a..2d6629a07 100644
--- a/django/library/serializers.py
+++ b/django/library/serializers.py
@@ -1,5 +1,7 @@
 import logging
+import re
 from collections import defaultdict
+from urllib.parse import urlparse
 
 from django.db import models
 from django.contrib.auth.models import User
@@ -50,6 +52,38 @@
 
 logger = logging.getLogger(__name__)
 
+DOI_LINK_PATTERN = re.compile(
+    r"^(?:https?://(?:dx\.)?doi\.org/)?10\.\d{4,9}/[-._;()/:A-Z0-9]+$",
+    re.IGNORECASE,
+)
+
+
+def normalize_doi_link(value: str) -> str:
+    value = (value or "").strip()
+    if not value:
+        return value
+    if value.lower().startswith("doi:"):
+        value = value[4:].strip()
+    if value.lower().startswith("http://") or value.lower().startswith("https://"):
+        parsed = urlparse(value)
+        if parsed.netloc.endswith("doi.org") and parsed.path:
+            value = parsed.path.lstrip("/")
+    if not DOI_LINK_PATTERN.match(value):
+        raise ValidationError(_(f"Invalid DOI link: {value}"))
+    if value.lower().startswith("http://") or value.lower().startswith("https://"):
+        parsed = urlparse(value)
+        if parsed.netloc.endswith("doi.org") and parsed.path:
+            return f"https://doi.org/{parsed.path.lstrip('/')}"
+    return f"https://doi.org/{value}"
+
+
+class AssociatedPublicationSerializer(serializers.Serializer):
+    doi = serializers.CharField()
+    include_in_citation = serializers.BooleanField(default=False)
+
+    def validate_doi(self, value):
+        return normalize_doi_link(value)
+
 
 class LicenseSerializer(serializers.ModelSerializer):
     def validate_name(self, value):
@@ -408,6 +442,7 @@ class CodebaseSerializer(
     summarized_description = serializers.CharField(read_only=True)
     identifier = serializers.ReadOnlyField()
     tags = TagSerializer(many=True)
+    associated_publications = AssociatedPublicationSerializer(many=True, required=False)
 
     description = MarkdownField()
 
@@ -436,6 +471,22 @@ def create(self, validated_data):
     def update(self, instance, validated_data):
         return update(super().update, instance, validated_data)
 
+    def validate_associated_publications(self, value):
+        seen = set()
+        cleaned = []
+        for publication in value:
+            doi = publication["doi"]
+            if doi in seen:
+                raise ValidationError(_("Duplicate DOI links are not allowed."))
+            seen.add(doi)
+            cleaned.append(
+                {
+                    "doi": doi,
+                    "include_in_citation": bool(publication.get("include_in_citation")),
+                }
+            )
+        return cleaned
+
     class Meta:
         model = Codebase
         fields = (
@@ -445,6 +496,7 @@ class Meta:
             "download_count",
             "featured_image",
             "repository_url",
+            "youtube_url",
             "first_published_at",
             "last_published_on",
             "latest_version_number",
@@ -458,7 +510,7 @@ class Meta:
             "identifier",
             "id",
             "references_text",
-            "associated_publication_text",
+            "associated_publications",
             "replication_text",
             "peer_reviewed",
         )
@@ -519,6 +571,7 @@ class Meta:
             "live",
             "peer_reviewed",
             "repository_url",
+            "youtube_url",
         )
 
 
@@ -710,6 +763,7 @@ class Meta:
             "codebase",
             "review_status",
             "output_data_url",
+            "input_data_url",
             "version_number",
             "id",
             "imported_release_sync_state",
diff --git a/e2e/cypress/tests/codebase.spec.ts b/e2e/cypress/tests/codebase.spec.ts
index 322fec3a5..7a60f3632 100644
--- a/e2e/cypress/tests/codebase.spec.ts
+++ b/e2e/cypress/tests/codebase.spec.ts
@@ -50,8 +50,8 @@ describe("Visit codebases page", () => {
       getDataCy("next").click();
       // make sure the release editor is initialized
       cy.wait(2000);
-      //add images
-      getDataCy("add-image").click();
+      // add media (images + optional YouTube)
+      getDataCy("add-media").click();
       getDataCy("upload-image")
         .first()
         .selectFile("cypress/fixtures/codebase/codebasetestimage.png", { force: true });
diff --git a/frontend/src/apps/image_gallery.ts b/frontend/src/apps/image_gallery.ts
index 812826c28..b279d9578 100644
--- a/frontend/src/apps/image_gallery.ts
+++ b/frontend/src/apps/image_gallery.ts
@@ -4,6 +4,6 @@ import { createApp } from "vue";
 import ImageGallery from "@/components/ImageGallery.vue";
 import { extractDataParams } from "@/util";
 
-const props = extractDataParams("image-gallery", ["images", "title"]);
+const props = extractDataParams("image-gallery", ["images", "title", "videoUrl"]);
 
 createApp(ImageGallery, props).mount("#image-gallery");
diff --git a/frontend/src/components/CodebaseEditForm.vue b/frontend/src/components/CodebaseEditForm.vue
index 644f298f2..47cab376f 100644
--- a/frontend/src/components/CodebaseEditForm.vue
+++ b/frontend/src/components/CodebaseEditForm.vue
@@ -8,7 +8,7 @@
       data-cy="codebase-title"
       required
     />
-    <HoneypotField />
+    <HoneypotField :show="false" />
     <MarkdownField
       class="mb-3"
       name="description"
@@ -25,13 +25,12 @@
       data-cy="codebase-replication-text"
       :rows="3"
     />
-    <TextareaField
+    <AssociatedPublicationListField
       class="mb-3"
-      name="associatedPublicationText"
+      name="associatedPublications"
       label="Associated Publications"
-      help="Is this model associated with any publications? Please enter a DOI or other permanent identifier, or citation text. Separate multiple entries with newlines."
-      data-cy="codebase-associated-publications"
-      :rows="3"
+      help="Add DOI links for publications related to this model. Check the box to include a publication in the citation area alongside the main model citation."
+      placeholder="https://doi.org/10.1234/example"
     />
     <TextareaField
       class="mb-3"
@@ -84,6 +83,7 @@ import MarkdownField from "@/components/form/MarkdownField.vue";
 import TaggerField from "@/components/form/TaggerField.vue";
 import HoneypotField from "@/components/form/HoneypotField.vue";
 import FormAlert from "@/components/form/FormAlert.vue";
+import AssociatedPublicationListField from "@/components/form/AssociatedPublicationListField.vue";
 import { useForm } from "@/composables/form";
 import { type RequestOptions, useCodebaseAPI, useReleaseEditorAPI } from "@/composables/api";
 import { useGitRemotesAPI } from "@/composables/api/git";
@@ -109,7 +109,15 @@ const schema = yup.object().shape({
   description: yup.string().required(),
   latestVersionNumber: yup.string(),
   replicationText: yup.string(),
-  associatedPublicationText: yup.string(),
+  associatedPublications: yup
+    .array()
+    .of(
+      yup.object({
+        doi: yup.string().required(),
+        includeInCitation: yup.bool().required(),
+      })
+    )
+    .default([]),
   referencesText: yup.string(),
   tags: yup.array().of(yup.object().shape({ name: yup.string().required() })),
   repositoryUrl: yup.string().url(),
diff --git a/frontend/src/components/ImageGallery.vue b/frontend/src/components/ImageGallery.vue
index 18ecc05a7..4e086960e 100644
--- a/frontend/src/components/ImageGallery.vue
+++ b/frontend/src/components/ImageGallery.vue
@@ -5,48 +5,105 @@
       :class="{ fixed }"
     >
       <button
-        v-if="images.length > 1"
+        v-if="mediaItems.length > 1"
         class="btn btn-link position-relative fs-2"
-        :disabled="activeImageIndex === 0"
-        @click="setActiveIndex(activeImageIndex - 1)"
+        :disabled="activeIndex === 0"
+        @click="setActiveIndex(activeIndex - 1)"
         role="button"
-        aria-label="Previous Image"
+        aria-label="Previous Media"
       >
         <i class="fas fa-chevron-left"></i>
       </button>
       <div class="flex-grow-1 mx-2 overflow-hidden d-flex justify-content-center">
         <img
-          :src="activeImage"
+          v-if="activeItem?.type === 'image'"
+          :src="activeItem.src"
           class="active-gallery-img"
           @click="activeImageModal?.show()"
           role="button"
           alt="Selected Image"
           aria-label="Selected Image"
         />
+        <div
+          v-else-if="activeItem?.type === 'video'"
+          class="gallery-video-preview position-relative w-100 ratio ratio-16x9 rounded overflow-hidden"
+          role="button"
+          tabindex="0"
+          aria-label="Open video to watch"
+          @click="activeImageModal?.show()"
+          @keydown.enter.prevent="activeImageModal?.show()"
+          @keydown.space.prevent="activeImageModal?.show()"
+        >
+          <img
+            v-if="videoThumbnailUrl"
+            :src="videoThumbnailUrl"
+            class="w-100 h-100 object-fit-cover"
+            alt="Video thumbnail"
+          />
+          <div
+            v-else
+            class="w-100 h-100 d-flex align-items-center justify-content-center bg-dark text-white"
+          >
+            Video
+          </div>
+          <div
+            class="position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center justify-content-center gallery-video-preview-overlay"
+          >
+            <i class="fas fa-play-circle gallery-video-play-icon" aria-hidden="true"></i>
+          </div>
+        </div>
       </div>
       <button
-        v-if="images.length > 1"
+        v-if="mediaItems.length > 1"
         class="btn btn-link position-relative fs-2"
-        :disabled="activeImageIndex === images.length - 1"
-        @click="setActiveIndex(activeImageIndex + 1)"
+        :disabled="activeIndex === mediaItems.length - 1"
+        @click="setActiveIndex(activeIndex + 1)"
         role="button"
-        aria-label="Next Image"
+        aria-label="Next Media"
       >
         <i class="fas fa-chevron-right"></i>
       </button>
     </div>
-    <div v-if="images.length > 1" class="d-flex flex-wrap justify-content-center">
-      <img
-        v-for="(img, index) in images"
-        :key="index"
-        :src="img"
-        class="gallery-img-thumbnail me-3"
-        :class="img === activeImage ? 'active' : ''"
-        @click="setActiveIndex(index)"
-        role="listitem button"
-        alt="Gallery Thumbnail Image"
-        aria-label="Gallery Thumbnail Image"
-      />
+    <div v-if="mediaItems.length > 1" class="d-flex flex-wrap justify-content-center">
+      <template v-for="(item, index) in mediaItems" :key="index">
+        <img
+          v-if="item.type === 'image'"
+          :src="item.src"
+          class="gallery-img-thumbnail me-3"
+          :class="index === activeIndex ? 'active' : ''"
+          @click="setActiveIndex(index)"
+          role="listitem button"
+          alt="Gallery Thumbnail Image"
+          aria-label="Gallery Thumbnail Image"
+        />
+        <div
+          v-else
+          class="gallery-img-thumbnail me-3 d-flex align-items-center justify-content-center position-relative"
+          :class="index === activeIndex ? 'active' : ''"
+          @click="setActiveIndex(index)"
+          role="listitem button"
+          aria-label="Gallery Video Thumbnail"
+        >
+          <div class="ratio ratio-16x9 w-100">
+            <img
+              v-if="videoThumbnailUrl"
+              :src="videoThumbnailUrl"
+              class="w-100 h-100 object-fit-cover"
+              alt="Video Thumbnail"
+            />
+            <div
+              v-else
+              class="w-100 h-100 d-flex align-items-center justify-content-center bg-dark text-white"
+            >
+              Video
+            </div>
+          </div>
+          <i
+            class="fas fa-play-circle position-absolute gallery-video-play-icon gallery-video-play-icon--small"
+            aria-hidden="true"
+          ></i>
+        </div>
+      </template>
     </div>
     <BootstrapModal
       id="active-image-modal"
@@ -57,8 +114,24 @@
       centered
     >
       <template #body>
-        <div class="d-flex justify-content-center">
-          <img :src="activeImage" class="img-fluid" alt="Full Size Image" />
+        <div class="d-flex justify-content-center w-100">
+          <img
+            v-if="activeItem?.type === 'image'"
+            :src="activeItem.src"
+            class="img-fluid"
+            alt="Full Size Image"
+          />
+          <div v-else-if="activeItem?.type === 'video'" class="ratio ratio-16x9 w-100">
+            <iframe
+              v-if="videoEmbedUrl"
+              referrerpolicy="strict-origin-when-cross-origin"
+              :src="videoEmbedUrl"
+              title="YouTube video player"
+              frameborder="0"
+              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+              allowfullscreen
+            ></iframe>
+          </div>
         </div>
       </template>
     </BootstrapModal>
@@ -74,20 +147,74 @@ export interface ImageGalleryProps {
   images: string[];
   title?: string;
   fixed?: boolean;
+  videoUrl?: string;
 }
 
 const props = withDefaults(defineProps<ImageGalleryProps>(), {
   title: "",
   fixed: true,
+  videoUrl: undefined,
+});
+
+type MediaItem = {
+  type: "image" | "video";
+  src: string;
+};
+
+const mediaItems = computed<MediaItem[]>(() => {
+  const items: MediaItem[] = props.images.map(src => ({ type: "image", src }));
+  if (props.videoUrl) {
+    items.unshift({ type: "video", src: props.videoUrl });
+  }
+  return items;
 });
 
-const activeImageIndex = ref(0);
+const activeIndex = ref(0);
 const activeImageModal = ref<Modal>();
 
-const activeImage = computed(() => props.images[activeImageIndex.value]);
+const activeItem = computed(() => mediaItems.value[activeIndex.value]);
 
 function setActiveIndex(index: number) {
-  if (index < 0 || index >= props.images.length) return;
-  activeImageIndex.value = index;
+  if (index < 0 || index >= mediaItems.value.length) return;
+  activeIndex.value = index;
+}
+
+function getYouTubeId(url: string): string | null {
+  const match = url.match(
+    /(?:youtu\.be\/|youtube\.com\/(?:watch\?v=|embed\/|v\/|shorts\/|.*[?&]v=))([a-zA-Z0-9_-]{11})/
+  );
+  return match ? match[1] : null;
 }
+
+const videoId = computed(() => (props.videoUrl ? getYouTubeId(props.videoUrl) : null));
+
+const videoEmbedUrl = computed(() =>
+  videoId.value ? `https://www.youtube.com/embed/${videoId.value}` : null
+);
+
+const videoThumbnailUrl = computed(() =>
+  videoId.value ? `https://img.youtube.com/vi/${videoId.value}/hqdefault.jpg` : null
+);
 </script>
+
+<style scoped>
+.gallery-video-preview:focus-visible {
+  outline: 2px solid var(--bs-primary, #0d6efd);
+  outline-offset: 2px;
+}
+
+.gallery-video-preview-overlay {
+  pointer-events: none;
+  background: rgba(0, 0, 0, 0.12);
+}
+
+.gallery-video-play-icon {
+  color: #6c757d;
+  font-size: 4rem;
+  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
+}
+
+.gallery-video-play-icon--small {
+  font-size: 2rem;
+}
+</style>
diff --git a/frontend/src/components/form/AssociatedPublicationListField.vue b/frontend/src/components/form/AssociatedPublicationListField.vue
new file mode 100644
index 000000000..619f6f559
--- /dev/null
+++ b/frontend/src/components/form/AssociatedPublicationListField.vue
@@ -0,0 +1,158 @@
+<template>
+  <div>
+    <slot name="label">
+      <FieldLabel v-if="label" :label="label" :id-for="id" :required="required" />
+    </slot>
+    <FormPlaceholder v-if="showPlaceholder" />
+    <div v-else>
+      <div class="input-group mb-2">
+        <input
+          v-model="candidateDoi"
+          :id="`${id}-candidate-doi`"
+          :class="['form-control', { 'is-invalid': localErrors.doi }]"
+          :placeholder="placeholder"
+          @input="localErrors.doi = ''"
+          @keydown.enter.prevent="create"
+        />
+        <button type="button" v-if="candidateDoi" class="btn btn-outline-secondary" @click="create">
+          <small>Press enter to add</small>
+        </button>
+      </div>
+      <FieldError v-if="localErrors.doi" :error="localErrors.doi" :id-for="id" />
+      <Sortable :list="publications" :item-key="item => item.doi" @end="sort($event)">
+        <template #item="{ element, index }">
+          <div :key="`${element.doi}-${index}`" class="my-1 input-group align-items-stretch">
+            <span class="input-group-text bg-white text-gray" title="Drag entries to sort">
+              <i class="fas fa-sort" />
+            </span>
+            <input :value="element.doi" class="form-control" readonly />
+            <span class="input-group-text bg-white">
+              <label class="form-check-label mb-0">
+                <input
+                  type="checkbox"
+                  class="form-check-input me-1"
+                  v-model="element.includeInCitation"
+                />
+                <small>Cite with main citation</small>
+              </label>
+            </span>
+            <button
+              type="button"
+              class="btn btn-delete-item"
+              tabindex="-1"
+              @click.once="remove(index)"
+            >
+              &times;
+            </button>
+          </div>
+        </template>
+      </Sortable>
+    </div>
+    <slot name="help">
+      <FieldHelp v-if="help" :help="help" :id-for="id" />
+    </slot>
+    <slot name="error">
+      <FieldError v-if="error" :error="error" :id-for="id" />
+    </slot>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { inject, onMounted, reactive, ref } from "vue";
+import { Sortable } from "sortablejs-vue3";
+import type { SortableEvent } from "sortablejs";
+import { useField } from "@/composables/form";
+import FieldLabel from "@/components/form/FieldLabel.vue";
+import FieldHelp from "@/components/form/FieldHelp.vue";
+import FieldError from "@/components/form/FieldError.vue";
+import FormPlaceholder from "@/components/form/FormPlaceholder.vue";
+import type { AssociatedPublication } from "@/types";
+
+export interface AssociatedPublicationListFieldProps {
+  // FIXME: extend from types/BaseFieldProps when vuejs/core#8083 makes it into a release
+  name: string;
+  label?: string;
+  help?: string;
+  placeholder?: string;
+  required?: boolean;
+}
+
+const DOI_PATTERN = /^(?:https?:\/\/(?:dx\.)?doi\.org\/)?10\.\d{4,9}\/[-._;()/:A-Z0-9]+$/i;
+
+const props = defineProps<AssociatedPublicationListFieldProps>();
+
+const showPlaceholder = inject("showPlaceholder", false);
+const candidateDoi = ref("");
+const localErrors = reactive({ doi: "" });
+
+onMounted(() => {
+  if (!publications.value) {
+    publications.value = [];
+  }
+});
+
+function normalizeDoiLink(value: string) {
+  const trimmed = value.trim();
+  if (!trimmed) {
+    return "";
+  }
+  if (trimmed.toLowerCase().startsWith("doi:")) {
+    return `https://doi.org/${trimmed.slice(4).trim()}`;
+  }
+  if (trimmed.toLowerCase().startsWith("http://") || trimmed.toLowerCase().startsWith("https://")) {
+    if (trimmed.match(/^https?:\/\/(?:dx\.)?doi\.org\//i)) {
+      return trimmed.replace(/^http:\/\//i, "https://");
+    }
+    return trimmed;
+  }
+  return `https://doi.org/${trimmed}`;
+}
+
+function validateDoi(value: string) {
+  const normalized = normalizeDoiLink(value);
+  if (!normalized) {
+    localErrors.doi = "Please enter a DOI or DOI link.";
+    return null;
+  }
+  const doi = normalized.replace(/^https?:\/\/(?:dx\.)?doi\.org\//i, "");
+  if (!DOI_PATTERN.test(doi)) {
+    localErrors.doi = "Please enter a valid DOI or doi.org link.";
+    return null;
+  }
+  return `https://doi.org/${doi}`;
+}
+
+function create() {
+  const doi = validateDoi(candidateDoi.value);
+  if (!doi) {
+    return;
+  }
+  if (!publications.value) {
+    publications.value = [];
+  }
+  if (publications.value.some(publication => publication.doi === doi)) {
+    localErrors.doi = "This DOI is already listed.";
+    return;
+  }
+  publications.value.push({
+    doi,
+    includeInCitation: true,
+  });
+  candidateDoi.value = "";
+  localErrors.doi = "";
+}
+
+function remove(index: number) {
+  publications.value.splice(index, 1);
+}
+
+function sort(event: SortableEvent) {
+  const { newIndex, oldIndex } = event;
+  if (newIndex !== undefined && oldIndex !== undefined) {
+    const item = publications.value.splice(oldIndex, 1)[0];
+    publications.value.splice(newIndex, 0, item);
+  }
+}
+
+const { id, value: publications, error } = useField<AssociatedPublication[]>(props, "name");
+</script>
diff --git a/frontend/src/components/releaseEditor/App.vue b/frontend/src/components/releaseEditor/App.vue
index dc1b290d9..4e106a892 100644
--- a/frontend/src/components/releaseEditor/App.vue
+++ b/frontend/src/components/releaseEditor/App.vue
@@ -39,8 +39,8 @@
             button-class="btn btn-sm btn-secondary me-2"
             :identifier="identifier"
           />
-          <CommonImagesModal
-            button-class="btn btn-sm btn-secondary me-2"
+          <CommonMediaModal
+            button-class="btn btn-primary me-2"
             :identifier="identifier"
             :files="store.files.media"
             :show="showUploadImageModal"
@@ -90,7 +90,7 @@
 import { onMounted } from "vue";
 import { useReleaseEditorStore } from "@/stores/releaseEditor";
 import ProgressSidebar from "@/components/releaseEditor/ProgressSidebar.vue";
-import CommonImagesModal from "@/components/releaseEditor/CommonImagesModal.vue";
+import CommonMediaModal from "@/components/releaseEditor/CommonMediaModal.vue";
 import CommonMetadataModal from "@/components/releaseEditor/CommonMetadataModal.vue";
 import ReviewModal from "@/components/releaseEditor/ReviewModal.vue";
 import PublishModal from "@/components/releaseEditor/PublishModal.vue";
diff --git a/frontend/src/components/releaseEditor/CommonImagesModal.vue b/frontend/src/components/releaseEditor/CommonImagesModal.vue
deleted file mode 100644
index 33685ac40..000000000
--- a/frontend/src/components/releaseEditor/CommonImagesModal.vue
+++ /dev/null
@@ -1,73 +0,0 @@
-<template>
-  <button
-    type="button"
-    :class="buttonClass"
-    data-cy="add-image"
-    rel="nofollow"
-    @click="imagesModal?.show()"
-  >
-    <i class="fas fa-image"></i> Add Images
-  </button>
-  <BootstrapModal id="images-modal" title="Upload Images" ref="imagesModal" size="lg" centered>
-    <template #body>
-      <div>
-        <FileUpload
-          accepted-file-types="image/gif, image/jpeg, image/png"
-          title="Upload Images"
-          :upload-url="uploadUrl"
-          instructions="Upload media files here. Images are displayed on the detail page of every release for this codebase. GIF, JPEG and PNG files only."
-          :originals="files"
-          category="image"
-          @delete-file="handleDeleteFile"
-          @clear="handleClear"
-          @upload-done="getMediaFiles"
-        />
-      </div>
-    </template>
-  </BootstrapModal>
-</template>
-
-<script setup lang="ts">
-import { computed, onMounted, ref } from "vue";
-import type Modal from "bootstrap/js/dist/modal";
-import BootstrapModal from "@/components/BootstrapModal.vue";
-import FileUpload from "@/components/releaseEditor/FileUpload.vue";
-import { useCodebaseAPI } from "@/composables/api";
-import { useReleaseEditorStore } from "@/stores/releaseEditor";
-import type { FileInfo } from "@/types";
-
-const props = defineProps<{
-  buttonClass: string;
-  identifier: string;
-  files: FileInfo[];
-  show: boolean;
-}>();
-
-const store = useReleaseEditorStore();
-
-const imagesModal = ref<Modal>();
-
-const { mediaListUrl, mediaDelete, mediaClear } = useCodebaseAPI();
-
-const uploadUrl = computed(() => mediaListUrl(props.identifier));
-
-onMounted(() => {
-  if (props.show) {
-    imagesModal.value?.show();
-  }
-});
-
-async function getMediaFiles() {
-  await store.fetchMediaFiles();
-}
-
-async function handleDeleteFile(imageId: string) {
-  await mediaDelete(props.identifier, imageId);
-  return getMediaFiles();
-}
-
-async function handleClear() {
-  await mediaClear(props.identifier);
-  return getMediaFiles();
-}
-</script>
diff --git a/frontend/src/components/releaseEditor/CommonMediaModal.vue b/frontend/src/components/releaseEditor/CommonMediaModal.vue
new file mode 100644
index 000000000..bb900890e
--- /dev/null
+++ b/frontend/src/components/releaseEditor/CommonMediaModal.vue
@@ -0,0 +1,144 @@
+<template>
+  <button
+    type="button"
+    :class="buttonClass"
+    data-cy="add-media"
+    rel="nofollow"
+    @click="mediaModal?.show()"
+  >
+    <i class="fas fa-photo-video"></i> Add Media
+  </button>
+  <BootstrapModal id="media-modal" title="Media" ref="mediaModal" size="lg" centered>
+    <template #body>
+      <div>
+        <form class="mb-4" @submit="handleYoutubeSubmit">
+          <TextField
+            name="youtubeUrl"
+            label="YouTube URL (optional)"
+            help="If provided, this video appears alongside images on the codebase detail page."
+          />
+          <div class="mt-2 d-flex align-items-center gap-2">
+            <button
+              type="submit"
+              class="btn btn-outline-primary btn-sm"
+              :disabled="isSavingYoutube"
+            >
+              Save video
+            </button>
+            <small v-if="youtubeSaveMessage" class="text-muted">{{ youtubeSaveMessage }}</small>
+          </div>
+        </form>
+        <FileUpload
+          accepted-file-types="image/gif, image/jpeg, image/png"
+          title="Upload Images"
+          :upload-url="uploadUrl"
+          instructions="Upload image files here. Images are displayed on the detail page of every release for this codebase. GIF, JPEG and PNG files only."
+          :originals="files"
+          category="image"
+          @delete-file="handleDeleteFile"
+          @clear="handleClear"
+          @upload-done="getMediaFiles"
+        />
+      </div>
+    </template>
+  </BootstrapModal>
+</template>
+
+<script setup lang="ts">
+import * as yup from "yup";
+import { computed, onBeforeUnmount, onMounted, ref } from "vue";
+import type Modal from "bootstrap/js/dist/modal";
+import BootstrapModal from "@/components/BootstrapModal.vue";
+import FileUpload from "@/components/releaseEditor/FileUpload.vue";
+import TextField from "@/components/form/TextField.vue";
+import { useCodebaseAPI } from "@/composables/api";
+import { useForm } from "@/composables/form";
+import { useReleaseEditorStore } from "@/stores/releaseEditor";
+import type { FileInfo } from "@/types";
+
+const props = defineProps<{
+  buttonClass: string;
+  identifier: string;
+  files: FileInfo[];
+  show: boolean;
+}>();
+
+const store = useReleaseEditorStore();
+
+const mediaModal = ref<Modal>();
+
+const { data, mediaListUrl, mediaDelete, mediaClear, retrieve, update } = useCodebaseAPI();
+
+const uploadUrl = computed(() => mediaListUrl(props.identifier));
+
+const youtubeSaveMessage = ref<string>("");
+const isSavingYoutube = ref(false);
+
+/** Matches common YouTube watch, embed, shorts, and youtu.be URLs (optional field: empty allowed). */
+const youtubeUrlRegex =
+  /^(?:https?:\/\/)?(?:m\.)?(?:youtu\.be\/|www\.youtube\.com\/(?:watch\?v=|embed\/|v\/|shorts\/|.*[?&]v=))([a-zA-Z0-9_-]{11})(?:\S*)?$/;
+
+const youtubeSchema = yup.object().shape({
+  youtubeUrl: yup.string().test("youtube-or-empty", "Must be a valid YouTube URL", value => {
+    if (!value || value.trim() === "") return true;
+    return youtubeUrlRegex.test(value.trim());
+  }),
+});
+
+type YoutubeFields = yup.InferType<typeof youtubeSchema>;
+
+const {
+  handleSubmit,
+  values,
+  setValuesWithLoadTime,
+  addUnsavedAlertListener,
+  removeUnsavedAlertListener,
+} = useForm<YoutubeFields>({
+  schema: youtubeSchema,
+  initialValues: {
+    youtubeUrl: "",
+  },
+  onSubmit: async () => {
+    isSavingYoutube.value = true;
+    youtubeSaveMessage.value = "";
+    try {
+      await update(props.identifier, values);
+      await store.fetchCodebaseRelease(props.identifier, store.release.versionNumber);
+      youtubeSaveMessage.value = "Saved.";
+    } finally {
+      isSavingYoutube.value = false;
+    }
+  },
+});
+
+const handleYoutubeSubmit = handleSubmit;
+
+onMounted(async () => {
+  if (props.show) {
+    mediaModal.value?.show();
+  }
+  if (props.identifier) {
+    await retrieve(props.identifier);
+    setValuesWithLoadTime(data.value);
+  }
+  addUnsavedAlertListener();
+});
+
+onBeforeUnmount(() => {
+  removeUnsavedAlertListener();
+});
+
+async function getMediaFiles() {
+  await store.fetchMediaFiles();
+}
+
+async function handleDeleteFile(imageId: string) {
+  await mediaDelete(props.identifier, imageId);
+  return getMediaFiles();
+}
+
+async function handleClear() {
+  await mediaClear(props.identifier);
+  return getMediaFiles();
+}
+</script>
diff --git a/frontend/src/components/releaseEditor/MetadataFormPage.vue b/frontend/src/components/releaseEditor/MetadataFormPage.vue
index 680527fd8..db45e84fa 100644
--- a/frontend/src/components/releaseEditor/MetadataFormPage.vue
+++ b/frontend/src/components/releaseEditor/MetadataFormPage.vue
@@ -47,6 +47,12 @@
         help="The programming languages used to implement this model, e.g., Python, Java, C++, etc."
         required
       />
+      <TextField
+        class="mb-3"
+        name="inputDataUrl"
+        label="Input Data URL"
+        help="A permanent link to the input data used by this model"
+      />
       <TextField
         class="mb-3"
         name="outputDataUrl"
@@ -159,6 +165,7 @@ const schema = yup.object().shape({
     .required()
     .label("License"),
   outputDataUrl: yup.string().url().label("Output Data URL"),
+  inputDataUrl: yup.string().url().label("Input Data URL"),
 });
 type ReleaseMetadataFields = yup.InferType<typeof schema>;
 
@@ -171,6 +178,7 @@ const { errors, handleSubmit, values, setValues } = useForm<ReleaseMetadataField
   initialValues: {},
   showPlaceholder: isLoading,
   onSubmit: async () => {
+    console.log(values);
     await update(store.identifier, store.versionNumber, values);
     if (serverErrors.value.length === 0) {
       store.setMetadata({ ...values } as CodebaseReleaseMetadata);
diff --git a/frontend/src/stores/releaseEditor.ts b/frontend/src/stores/releaseEditor.ts
index b0fe530de..f23183c82 100644
--- a/frontend/src/stores/releaseEditor.ts
+++ b/frontend/src/stores/releaseEditor.ts
@@ -36,6 +36,7 @@ export const useReleaseEditorStore = defineStore("releaseEditor", () => {
       os: release.value.os,
       platforms: release.value.platforms,
       releaseLanguages: release.value.releaseLanguages,
+      inputDataUrl: release.value.inputDataUrl,
       outputDataUrl: release.value.outputDataUrl,
       live: release.value.live,
       canEditOriginals: release.value.canEditOriginals,
@@ -154,7 +155,7 @@ const INITIAL_STATE: CodebaseReleaseEditorState = {
     codebase: {
       absoluteUrl: "",
       allContributors: [],
-      associatedPublicationText: "",
+      associatedPublications: [],
       dateCreated: new Date("2006-01-01"),
       description: "",
       doi: null,
@@ -170,6 +171,7 @@ const INITIAL_STATE: CodebaseReleaseEditorState = {
       releases: [],
       replicationText: "",
       repositoryUrl: "",
+      youtubeUrl: "",
       submitter: DEFAULT_USER,
       summarizedDescription: "",
       tags: [],
@@ -189,6 +191,7 @@ const INITIAL_STATE: CodebaseReleaseEditorState = {
     live: false,
     os: "",
     osDisplay: "",
+    inputDataUrl: "",
     outputDataUrl: "",
     peerReviewed: false,
     platforms: [],
diff --git a/frontend/src/types.ts b/frontend/src/types.ts
index 9174cd9ea..b703844de 100644
--- a/frontend/src/types.ts
+++ b/frontend/src/types.ts
@@ -246,6 +246,11 @@ export interface ReleaseContributor {
   roles?: string[];
 }
 
+export interface AssociatedPublication {
+  doi: string;
+  includeInCitation: boolean;
+}
+
 export interface Contributor {
   affiliations: any[];
   jsonAffiliations: any[];
@@ -310,6 +315,7 @@ export interface CodebaseRelease {
   os: string;
   osDisplay: string;
   outputDataUrl: string;
+  inputDataUrl?: string;
   peerReviewed: boolean;
   platforms: Tag[];
   possibleLicenses: License[];
@@ -351,7 +357,7 @@ export interface RelatedCodebase {
 interface Codebase {
   absoluteUrl: string;
   allContributors: Contributor[];
-  associatedPublicationText?: string;
+  associatedPublications: AssociatedPublication[];
   dateCreated: Date;
   description: string;
   doi?: string | null;
@@ -367,6 +373,7 @@ interface Codebase {
   releases?: any[];
   replicationText?: string;
   repositoryUrl?: string;
+  youtubeUrl?: string;
   submitter: RelatedUser;
   summarizedDescription: string;
   tags: Tag[];
@@ -375,7 +382,15 @@ interface Codebase {
 
 export type CodebaseReleaseMetadata = Pick<
   CodebaseRelease,
-  "releaseNotes" | "embargoEndDate" | "os" | "platforms" | "releaseLanguages" | "live" | "license"
+  | "releaseNotes"
+  | "embargoEndDate"
+  | "os"
+  | "platforms"
+  | "releaseLanguages"
+  | "live"
+  | "license"
+  | "outputDataUrl"
+  | "inputDataUrl"
 >;
 
 export interface UploadSuccess {