diff --git a/components/blocks/code.js b/components/blocks/code.js
index b02f5ef2d..e8efad6f7 100644
--- a/components/blocks/code.js
+++ b/components/blocks/code.js
@@ -60,6 +60,8 @@ const Code = ({
   img,
   lines,
   hideCopyButton = false,
+  filename,
+  filenameOnly = true,
 }) => {
   // Create a ref for the code element.
   const codeRef = useRef(null);
@@ -124,13 +126,15 @@ const Code = ({
   // Extract language identifier for display
   const langId = languageClass?.substring(9) || language || "python";
   const displayLanguage = languageDisplayNames[langId] || langId;
-  const showLanguage = langId.toLowerCase() !== "none";
+  const showLanguage =
+    langId.toLowerCase() !== "none" && !(filenameOnly && filename);
 
   const Header = (
     <div className={classNames(styles.Header, "code-block-header")}>
       {showLanguage && (
         <span className={styles.Language}>{displayLanguage}</span>
       )}
+      {filename && <span className={styles.Filename}>{filename}</span>}
     </div>
   );
 
diff --git a/components/blocks/code.module.css b/components/blocks/code.module.css
index ee9119bce..6f00a5e47 100644
--- a/components/blocks/code.module.css
+++ b/components/blocks/code.module.css
@@ -16,6 +16,10 @@
   @apply uppercase tracking-wider pr-4;
 }
 
+.Filename {
+  @apply font-mono text-sm leading-6 pr-4;
+}
+
 .HasHeader {
   @apply rounded-t-none !important;
 }