Move CSS to global; renderer emits structural HTML only

docstring_renderer.py

@@ -55,9 +55,8 @@ def _replace_badges(text: str) -> str:
         # Use rST raw HTML inline pass-through.
         return (
             f"\n\n.. raw:: html\n\n"
-            f"   <span style=\"display:inline-block;padding:2px 8px;"
-            f"border-radius:4px;background:{color};color:white;"
-            f"font-size:11px;font-weight:600;margin-right:4px;\">{label}</span>\n\n"
+            f"   <span class=\"bd-badge\" style=\"background:{color};\">"
+            f"{label}</span>\n\n"
         )
 
     return _BADGE_RE.sub(repl, text)
@@ -105,45 +104,21 @@ def preprocess_docstring(doc: str) -> str:
     return doc
 
 
-_STYLE = """
-<style>
-  .bd-doc { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
-            sans-serif; line-height: 1.55; color: #1f2937; }
-  .bd-doc h1, .bd-doc h2, .bd-doc h3 { color: #0072B2; margin-top: 1.2em; }
-  .bd-doc h1 { font-size: 1.5em; border-bottom: 2px solid #0072B2; padding-bottom: 4px; }
-  .bd-doc h2 { font-size: 1.2em; }
-  .bd-doc h3 { font-size: 1.05em; }
-  .bd-doc pre { background: #f6f8fa; padding: 10px 12px; border-radius: 6px;
-                font-size: 0.9em; overflow-x: auto; }
-  .bd-doc code { background: #f0f0f5; padding: 1px 5px; border-radius: 3px;
-                 font-size: 0.9em; }
-  .bd-doc pre code { background: transparent; padding: 0; }
-  .bd-doc img { max-width: 480px; display: block; margin: 12px auto;
-                border-radius: 6px; }
-  .bd-doc table { border-collapse: collapse; margin: 8px 0; }
-  .bd-doc th, .bd-doc td { border: 1px solid #d0d7de; padding: 4px 10px;
-                           text-align: left; }
-  .bd-doc th { background: #f6f8fa; }
-  .bd-doc .admonition { border-left: 4px solid #0072B2; background: #f0f7ff;
-                        padding: 8px 14px; margin: 12px 0; border-radius: 4px; }
-  .bd-doc .admonition.important { border-color: #D55E00; background: #fdf6ec; }
-  .bd-doc .admonition.note { border-color: #009E73; background: #effaf3; }
-  .bd-doc .admonition-title { font-weight: 600; margin-bottom: 4px; }
-  .bd-doc dl.field-list { display: grid; grid-template-columns: max-content auto;
-                          gap: 4px 12px; }
-  .bd-doc dl.field-list dt { font-weight: 600; color: #475569; }
-</style>
-"""
+# All visual styling now lives in app.py's GLOBAL_CSS so it's injected
+# once via Blocks(css=...) instead of being re-emitted on every model
+# switch. The renderer just returns the structural HTML wrapped in
+# .bd-doc.
 
 
 def render_docstring_html(doc: str | None) -> str:
-    """Render an rST docstring to a self-contained HTML fragment.
+    """Render an rST docstring to an HTML fragment wrapped in ``.bd-doc``.
 
-    Returns a string with embedded <style> + <div class="bd-doc">…</div>.
-    Failures fall back to a <pre> dump so the Space never blanks out.
+    Styling is supplied by app.py's GLOBAL_CSS — this function emits
+    structural HTML only. Failures fall back to a ``<pre>`` dump so the
+    Space never blanks out.
     """
     if not doc:
-        return _STYLE + "<div class='bd-doc'><em>No docstring available.</em></div>"
+        return "<div class='bd-doc'><em>No docstring available.</em></div>"
 
     processed = preprocess_docstring(doc)
     try:
@@ -164,7 +139,7 @@ def render_docstring_html(doc: str | None) -> str:
     except SystemMessage as exc:  # pragma: no cover — defensive
         body = f"<pre>{processed}</pre><p><em>(rST parse error: {exc})</em></p>"
 
-    return _STYLE + f"<div class='bd-doc'>{body}</div>"
+    return f"<div class='bd-doc'>{body}</div>"
 
 
 def get_signature_str(cls: type) -> str: