Replace language with filename; optionally both

Author: sfc-gh-dmatthews

components/blocks/code.js

@@ -61,6 +61,7 @@ const Code = ({
   lines,
   hideCopyButton = false,
   filename,
+  filenameOnly = true,
 }) => {
   // Create a ref for the code element.
   const codeRef = useRef(null);
@@ -125,7 +126,8 @@ 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")}>

content/develop/concepts/configuration/theming-fonts.md

@@ -131,7 +131,7 @@ codeFont="noto-mono"
 
 Directory structure:
 
-<Code language="none" filename="directory structure">
+<Code language="none" filename="Directory structure">
 
 project_directory/
 ├── .streamlit/