feat(b2b): Add batch processing, industry selection, optimized PDF export, and update docs

b2b-marketing-assistant/components/StepDisplay.tsx

@@ -209,7 +209,7 @@ export const StepDisplay: React.FC<StepDisplayProps> = ({ title, summary, header
                 </div>
             </div>
             
-            <div className="overflow-x-auto print:overflow-visible print:block">
+            <div className="overflow-x-auto print:hidden">
                 <table className="w-full table-fixed text-sm text-left text-slate-500 dark:text-slate-400">
                     <thead className="text-xs text-slate-700 dark:text-slate-300 uppercase bg-slate-100 dark:bg-slate-700">
                         <tr>
@@ -275,6 +275,22 @@ export const StepDisplay: React.FC<StepDisplayProps> = ({ title, summary, header
                 </table>
             </div>
 
+            {/* Print-Only Block View for readable PDFs */}
+            <div className="hidden print:block space-y-8">
+                {filteredRows.map((row, rowIndex) => (
+                    <div key={rowIndex} className="border-b border-slate-300 pb-6 mb-6 break-inside-avoid">
+                        {headers.map((header, colIndex) => (
+                            <div key={colIndex} className="mb-4">
+                                <h4 className="font-bold text-xs uppercase text-slate-500 mb-1">{header}</h4>
+                                <div className="text-sm text-slate-900 whitespace-pre-wrap leading-relaxed font-serif">
+                                    {row[colIndex]}
+                                </div>
+                            </div>
+                        ))}
+                    </div>
+                ))}
+            </div>
+
             {canAddRows && (
                  <div className="mt-6 text-left print:hidden">
                     {isAddingRow ? (