[Frontend} Add images for new Templates on Discover page (#4105)

skyvern-frontend/src/routes/discover/TemporaryTemplateImages.ts

@@ -4,6 +4,18 @@ import purchasingImage from "@/assets/purchasing.png";
 import entityLookupImage from "@/assets/entity-lookup.png";
 import invoiceImage from "@/assets/invoice-downloading.png";
 
+// New WPID-named images
+import invoiceDownloadingTemplateImage from "@/assets/wpid_462707285715519276.png";
+import ss4TemplateImage from "@/assets/wpid_459004674259025010.png";
+import delawareEntityTemplateImage from "@/assets/wpid_459013964273286908.png";
+import becbParamTemplateImage from "@/assets/wpid_459004536820071490.png";
+import samTemplateImage from "@/assets/wpid_459004755863403666.png";
+import oigTemplateImage from "@/assets/wpid_459004731430231544.png";
+import ashaTemplateImage from "@/assets/wpid_459004495289915148.png";
+import bacbTemplateImage from "@/assets/wpid_459004516764751662.png";
+import einTemplateImage from "@/assets/wpid_459004551041605070.png";
+import irsEinTemplateImage from "@/assets/wpid_459009284178448812.png";
+
 export const TEMPORARY_TEMPLATE_IMAGES: Record<string, string> = {
   wpid_353862309074493424: jobApplicationImage,
   wpid_351487857063054716: jobApplicationImage,
@@ -12,4 +24,14 @@ export const TEMPORARY_TEMPLATE_IMAGES: Record<string, string> = {
   wpid_357290367168425660: entityLookupImage,
   wpid_369161749055928862: invoiceImage,
   wpid_369441201410076446: invoiceImage,
+  wpid_462707285715519276: invoiceDownloadingTemplateImage,
+  wpid_459004674259025010: ss4TemplateImage,
+  wpid_459013964273286908: delawareEntityTemplateImage,
+  wpid_459004536820071490: becbParamTemplateImage,
+  wpid_459004755863403666: samTemplateImage,
+  wpid_459004731430231544: oigTemplateImage,
+  wpid_459004495289915148: ashaTemplateImage,
+  wpid_459004516764751662: bacbTemplateImage,
+  wpid_459004551041605070: einTemplateImage,
+  wpid_459009284178448812: irsEinTemplateImage,
 };

skyvern-frontend/src/routes/discover/WorkflowTemplateCard.tsx

@@ -6,13 +6,13 @@ type Props = {
 
 function WorkflowTemplateCard({ title, image, onClick }: Props) {
   return (
-    <div className="h-48 w-full cursor-pointer rounded-xl" onClick={onClick}>
+    <div className="h-52 w-full cursor-pointer rounded-xl" onClick={onClick}>
       <div className="h-28 rounded-t-xl bg-slate-elevation1 px-6 pt-6">
         <img src={image} alt={title} className="h-full w-full object-contain" />
       </div>
-      <div className="h-20 space-y-1 rounded-b-xl bg-slate-elevation2 p-3">
+      <div className="h-24 space-y-1 rounded-b-xl bg-slate-elevation2 p-3">
         <h1
-          className="overflow-hidden text-ellipsis whitespace-nowrap"
+          className="line-clamp-2 overflow-hidden text-ellipsis"
           title={title}
         >
           {title}