redirige a /docs

app/renderer.py

@@ -62,16 +62,13 @@ def render_html(doc: Dict[str, Any]) -> str:
 
 
 def _wkhtml_options() -> Dict[str, str]:
-    """
-    Opciones por defecto para wkhtmltopdf.
-    """
     return {
         "page-size": "A4",
         "encoding": "UTF-8",
-        "margin-top": "20mm",
-        "margin-right": "20mm",
-        "margin-bottom": "20mm",
-        "margin-left": "20mm",
+        "margin-top": "25.4mm",
+        "margin-right": "25.4mm",
+        "margin-bottom": "25.4mm",
+        "margin-left": "25.4mm",
     }
 
 

app/templates/ClientScript.html.j2

@@ -2,8 +2,19 @@
 {% import "components.html.j2" as ui %}
 
 {% block content %}
-<h1>Client Script · {{ doc.metadata.description or doc.metadata.script_type }}</h1>
-<p class="muted">Eventos de cliente y validaciones en UI.</p>
+
+<header class="doc-header">
+  <h1>Client Script · {{ doc.metadata.description or doc.metadata.script_type }}</h1>
+
+  <p class="doc-header-meta">
+    SuiteScript {{ doc.metadata.suitescript_version or "N/D" }}
+    {% if doc.metadata.modules %}
+      · Módulos: {{ doc.metadata.modules | join(", ") }}
+    {% endif %}
+  </p>
+
+  <p class="muted">Eventos de cliente y validaciones en UI.</p>
+</header>
 
 {{ ui.metadata_block(doc.metadata) }}
 {{ ui.summary_block(doc.summary) }}

app/templates/base.html.j2

@@ -4,78 +4,114 @@
     <meta charset="UTF-8" />
     <title>{{ doc.metadata.description or "Documentación de Script" }}</title>
 
+    <!-- Fuente corporativa desde Google Fonts -->
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
+      rel="stylesheet"
+    />
+
     <style>
       /* ----------------------------------------
          CONFIGURACIÓN GLOBAL / A4 / MÁRGENES
       ----------------------------------------- */
       @page {
         size: A4;
-        margin: 2.54cm; /* 1 pulgada = 2.54 cm */
+        margin: 2.54cm; /* 1 pulgada por cada lado */
       }
 
       body {
-        font-family: "Segoe UI", Roboto, Arial, sans-serif;
-        color: #1f2937;
-        font-size: 14px;
-        line-height: 1.65;
+        font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
+          system-ui, sans-serif;
+        color: #111827;
+        font-size: 13px;
+        line-height: 1.7;
         margin: 0;
         background: #ffffff;
       }
 
       .page {
-        /* contenedor para PDFKit */
+        /* contenedor principal del documento */
+      }
+
+      /* ----------------------------------------
+         ENCABEZADO / FOOTER
+      ----------------------------------------- */
+      .doc-header {
+        margin-bottom: 16px;
+        padding-bottom: 10px;
+        border-bottom: 1px solid #e5e7eb;
+      }
+
+      .doc-header-meta {
+        font-size: 11px;
+        color: #6b7280;
+        margin-top: 4px;
+      }
+
+      .doc-footer {
+        margin-top: 32px;
+        font-size: 11px;
+        color: #9ca3af;
+        text-align: right;
       }
 
       /* ----------------------------------------
          TITULOS
       ----------------------------------------- */
-      h1, h2, h3, h4 {
-        font-family: "Segoe UI", Roboto, Arial, sans-serif;
-        margin-bottom: 8px;
+      h1,
+      h2,
+      h3,
+      h4 {
+        font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
+          system-ui, sans-serif;
+        margin-bottom: 6px;
         font-weight: 600;
       }
 
       h1 {
-        font-size: 26px;
-        color: #b91c1c;
-        letter-spacing: 0.04em;
+        font-size: 22px;
+        color: #0f172a;
+        letter-spacing: 0.03em;
         text-transform: uppercase;
         margin-top: 0;
-        border-bottom: 2px solid #e5e7eb;
-        padding-bottom: 8px;
       }
 
       h2 {
-        font-size: 20px;
-        color: #374151;
-        border-left: 4px solid #9b1c1c;
+        font-size: 16px;
+        color: #111827;
+        border-left: 3px solid #1d4ed8;
         padding-left: 10px;
-        margin-top: 28px;
+        margin-top: 24px;
+        margin-bottom: 8px;
       }
 
       h3 {
-        font-size: 16px;
-        color: #4b5563;
-        margin-top: 20px;
+        font-size: 14px;
+        color: #111827;
+        margin-top: 18px;
+        margin-bottom: 4px;
       }
 
       h4 {
-        font-size: 14px;
-        color: #6b7280;
-        margin-top: 14px;
+        font-size: 13px;
+        color: #374151;
+        margin-top: 12px;
+        margin-bottom: 4px;
       }
 
       p {
-        margin: 6px 0 12px;
+        margin: 4px 0 10px;
       }
 
       .muted {
-        color: #9ca3af;
-        font-size: 12px;
+        color: #6b7280;
+        font-size: 11px;
       }
 
       .section {
-        margin-top: 22px;
+        margin-top: 16px;
       }
 
       /* ----------------------------------------
@@ -83,53 +119,79 @@
       ----------------------------------------- */
       .card-grid {
         display: grid;
-        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-        gap: 12px;
-        margin: 16px 0;
+        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+        gap: 10px;
+        margin: 14px 0;
       }
 
       .card {
         border: 1px solid #e5e7eb;
         border-radius: 6px;
-        padding: 14px 16px;
+        padding: 12px 14px;
         background: #f9fafb;
-        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.06);
+      }
+
+      .card-title {
+        font-size: 12px;
+        font-weight: 600;
+        text-transform: uppercase;
+        letter-spacing: 0.04em;
+        color: #4b5563;
+        margin-bottom: 6px;
       }
 
       /* ----------------------------------------
-         TABLAS
+         TABLAS (pensadas para PDF)
       ----------------------------------------- */
       table {
         width: 100%;
         border-collapse: collapse;
-        margin: 16px 0 20px;
-        font-size: 13px;
+        margin: 12px 0 16px;
+        font-size: 12px;
+      }
+
+      thead {
+        display: table-header-group; /* Repite encabezados en cada página */
+      }
+
+      tfoot {
+        display: table-footer-group;
       }
 
-      th, td {
+      tr {
+        page-break-inside: avoid; /* Evita cortar filas a la mitad */
+      }
+
+      th,
+      td {
         border: 1px solid #e5e7eb;
-        padding: 8px 10px;
+        padding: 6px 8px;
         vertical-align: top;
       }
 
       th {
-        background: #f3f4f6;
+        background: #eff2f7;
         font-weight: 600;
         text-transform: uppercase;
-        font-size: 11px;
-        letter-spacing: 0.05em;
+        font-size: 10px;
+        letter-spacing: 0.06em;
+        color: #4b5563;
       }
 
       tr:nth-child(even) td {
-        background: #fafafa;
+        background: #f9fafb;
       }
 
       /* ----------------------------------------
          LISTAS
       ----------------------------------------- */
       ul {
-        padding-left: 22px;
-        margin: 8px 0 10px;
+        padding-left: 20px;
+        margin: 6px 0 8px;
+      }
+
+      ul li {
+        margin-bottom: 3px;
       }
 
       /* ----------------------------------------
@@ -137,10 +199,10 @@
       ----------------------------------------- */
       .pill {
         display: inline-block;
-        padding: 4px 10px;
+        padding: 3px 8px;
         border-radius: 999px;
         background: #e5e7eb;
-        font-size: 11px;
+        font-size: 10px;
         margin-right: 4px;
         text-transform: uppercase;
         letter-spacing: 0.05em;
@@ -151,12 +213,50 @@
          SUMMARY BOX
       ----------------------------------------- */
       .summary-box {
-        border-left: 4px solid #0284c7;
+        border-left: 3px solid #2563eb;
         background: #eff6ff;
-        padding: 12px 16px;
-        border-radius: 6px;
-        font-size: 13px;
-        margin: 14px 0 18px;
+        padding: 10px 12px;
+        border-radius: 4px;
+        font-size: 12px;
+        margin: 10px 0 14px;
+      }
+
+      .summary-title {
+        font-size: 11px;
+        font-weight: 600;
+        text-transform: uppercase;
+        letter-spacing: 0.05em;
+        color: #1d4ed8;
+        margin-bottom: 4px;
+      }
+
+      /* ----------------------------------------
+         UTILIDADES
+      ----------------------------------------- */
+      .flex {
+        display: flex;
+      }
+
+      .justify-between {
+        justify-content: space-between;
+      }
+
+      .items-center {
+        align-items: center;
+      }
+
+      .text-right {
+        text-align: right;
+      }
+
+      .badge {
+        display: inline-block;
+        padding: 2px 8px;
+        border-radius: 999px;
+        font-size: 10px;
+        border: 1px solid #d1d5db;
+        color: #4b5563;
+        background: #f9fafb;
       }
     </style>
   </head>
@@ -165,7 +265,7 @@
     <div class="page">
       {% block content %}{% endblock %}
 
-      <p class="muted" style="margin-top: 32px; text-align:right;">
+      <p class="doc-footer">
         Generado automáticamente {{ generated_at }}
       </p>
     </div>