fix(PAV-85): corrige mensagem de filtro ativo nas vagas

Author: hltav

backend/src/lib/cache.ts

@@ -197,13 +197,35 @@ export type CacheJobIndexFilters = {
   country?: string;
   state?: string;
   city?: string;
-  type?: string;
-  model?: string;
+  type?: string | string[];
+  model?: string | string[];
   contract?: string;
 };
 
-export function cacheJobIndexKeys(filters: CacheJobIndexFilters): string[] {
-  const entries: Array<[string, string | undefined]> = [
+function filterValues(value: string | string[] | undefined): string[] {
+  const values = Array.isArray(value) ? value : [value];
+
+  return values
+    .flatMap((item) => item?.split(",") ?? [])
+    .map((item) => item.trim())
+    .filter(Boolean);
+}
+
+function cacheJobIndexKey(kind: string, value: string): string {
+  const normalized =
+    kind === "level"
+      ? normalizeLevelIndexValue(value)
+      : normalizeIndexValue(value);
+
+  if (!normalized || normalized === "todos" || normalized === "all") {
+    return "";
+  }
+
+  return `scraper:jobs:${kind}:${normalized}`;
+}
+
+function cacheJobIndexKeyGroups(filters: CacheJobIndexFilters): string[][] {
+  const entries: Array<[string, string | string[] | undefined]> = [
     ["level", filters.level],
     ["location", filters.location],
     ["continent", filters.continent],
@@ -215,52 +237,64 @@ export function cacheJobIndexKeys(filters: CacheJobIndexFilters): string[] {
   ];
 
   return entries
-    .map(([kind, value]) => {
-      const normalized =
-        kind === "level"
-          ? normalizeLevelIndexValue(value ?? "")
-          : normalizeIndexValue(value ?? "");
-      if (!normalized || normalized === "todos" || normalized === "all") {
-        return "";
-      }
-      return `scraper:jobs:${kind}:${normalized}`;
-    })
-    .filter(Boolean);
+    .map(([kind, value]) =>
+      filterValues(value)
+        .map((item) => cacheJobIndexKey(kind, item))
+        .filter(Boolean),
+    )
+    .filter((group) => group.length > 0);
+}
+
+export function cacheJobIndexKeys(filters: CacheJobIndexFilters): string[] {
+  return cacheJobIndexKeyGroups(filters).flatMap((group) => group);
 }
 
 export async function cacheSearchJobIds(
   filters: CacheJobIndexFilters,
 ): Promise<string[]> {
   const client = await getCache();
   const keywordKeys = keywordSearchKeys(filters.keywords ?? []);
-  const filterKeys = cacheJobIndexKeys(filters);
+  const tempKeys: string[] = [];
 
-  if (keywordKeys.length === 0 && filterKeys.length === 0) {
-    return await client.sMembers("scraper:jobs:index");
-  }
+  const filterKeys = await Promise.all(
+    cacheJobIndexKeyGroups(filters).map(async (group) => {
+      if (group.length === 1) return group[0];
 
-  if (keywordKeys.length === 0) {
-    if (filterKeys.length === 1) return await client.sMembers(filterKeys[0]);
-    return (await client.sendCommand(["SINTER", ...filterKeys])) as string[];
-  }
+      const tempKey = `scraper:jobs:filter:${randomUUID()}`;
+      tempKeys.push(tempKey);
+      await client.sendCommand(["SUNIONSTORE", tempKey, ...group]);
+      await client.expire(tempKey, 30);
+      return tempKey;
+    }),
+  );
 
-  if (keywordKeys.length === 1) {
-    const keys = [keywordKeys[0], ...filterKeys];
-    if (keys.length === 1) return await client.sMembers(keys[0]);
-    return (await client.sendCommand(["SINTER", ...keys])) as string[];
-  }
+  try {
+    if (keywordKeys.length === 0 && filterKeys.length === 0) {
+      return await client.sMembers("scraper:jobs:index");
+    }
 
-  const tempKey = `scraper:jobs:search:${randomUUID()}`;
+    if (keywordKeys.length === 0) {
+      if (filterKeys.length === 1) return await client.sMembers(filterKeys[0]);
+      return (await client.sendCommand(["SINTER", ...filterKeys])) as string[];
+    }
+
+    if (keywordKeys.length === 1) {
+      const keys = [keywordKeys[0], ...filterKeys];
+      if (keys.length === 1) return await client.sMembers(keys[0]);
+      return (await client.sendCommand(["SINTER", ...keys])) as string[];
+    }
+
+    const tempKey = `scraper:jobs:search:${randomUUID()}`;
+    tempKeys.push(tempKey);
 
-  try {
     await client.sendCommand(["SUNIONSTORE", tempKey, ...keywordKeys]);
     await client.expire(tempKey, 30);
 
     const keys = [tempKey, ...filterKeys];
     if (keys.length === 1) return await client.sMembers(keys[0]);
     return (await client.sendCommand(["SINTER", ...keys])) as string[];
   } finally {
-    await client.del(tempKey);
+    await Promise.all(tempKeys.map((key) => client.del(key)));
   }
 }
 

backend/src/routes/jobs.routes.ts

@@ -35,6 +35,15 @@ function firstQueryValue(value: unknown): string {
   return typeof value === "string" ? value.trim() : "";
 }
 
+function queryValues(value: unknown): string[] {
+  const values = Array.isArray(value) ? value : [value];
+
+  return values
+    .flatMap((item) => (typeof item === "string" ? item.split(",") : []))
+    .map((item) => item.trim())
+    .filter(Boolean);
+}
+
 function normalizeComparable(value: string): string {
   return value
     .normalize("NFD")
@@ -209,16 +218,22 @@ function matchesLocationFilter(jobLocation: string, location: string): boolean {
   return normalizedLocation.includes(location);
 }
 
+function getTypeFilters(query: Request["query"]): string[] {
+  const rawTypes = queryValues(query.model).length > 0
+    ? queryValues(query.model)
+    : queryValues(query.type);
+
+  return [...new Set(rawTypes.map(normalizeComparable).filter(Boolean))];
+}
+
 function filterJobs(jobs: unknown[], query: Request["query"]): unknown[] {
   const level = normalizeLevelFilter(firstQueryValue(query.level));
   const location = normalizeComparable(
     firstQueryValue(query.country) || firstQueryValue(query.location),
   );
-  const type = normalizeComparable(
-    firstQueryValue(query.model) || firstQueryValue(query.type),
-  );
+  const types = getTypeFilters(query);
 
-  if (!level && !location && !type) return jobs;
+  if (!level && !location && types.length === 0) return jobs;
 
   return jobs.filter((job) => {
     const candidate = job as SearchJob;
@@ -227,7 +242,8 @@ function filterJobs(jobs: unknown[], query: Request["query"]): unknown[] {
 
     const matchesLevel = !level || inferJobLevel(title) === level;
     const matchesLocation = matchesLocationFilter(jobLocation, location);
-    const matchesType = !type || inferJobType(candidate) === type;
+    const matchesType =
+      types.length === 0 || types.includes(inferJobType(candidate));
 
     return matchesLevel && matchesLocation && matchesType;
   });
@@ -387,8 +403,8 @@ jobsRoutes.get("/search", async (req: Request, res: Response) => {
         country: firstQueryValue(req.query.country),
         state: firstQueryValue(req.query.state),
         city: firstQueryValue(req.query.city),
-        type: firstQueryValue(req.query.type),
-        model: firstQueryValue(req.query.model),
+        type: queryValues(req.query.type),
+        model: queryValues(req.query.model),
         contract:
           firstQueryValue(req.query.contract) ||
           firstQueryValue(req.query.contractType) ||

backend/tests/unit/app.test.ts

@@ -321,8 +321,8 @@ describe("jobsApiApp", () => {
       country: "",
       state: "",
       city: "",
-      type: "Remoto",
-      model: "",
+      type: ["Remoto"],
+      model: [],
       contract: "",
     });
     expect(mocks.cacheSearchKeywords).not.toHaveBeenCalled();

backend/tests/unit/libs/cache.test.ts

@@ -286,6 +286,33 @@ describe("Valkey Cache Lib", () => {
       );
       expect(result).toEqual(["job_1", "job_2"]);
     });
+
+    it("deve unir múltiplos modelos antes de intersectar com outros filtros", async () => {
+      mockClientInstance.sendCommand
+        .mockResolvedValueOnce(2)
+        .mockResolvedValueOnce(["job_1", "job_2"]);
+
+      const result = await cacheSearchJobIds({
+        model: ["Remoto", "Híbrido"],
+        level: "Sênior",
+      });
+
+      expect(mockClientInstance.sendCommand).toHaveBeenNthCalledWith(1, [
+        "SUNIONSTORE",
+        expect.stringMatching(/^scraper:jobs:filter:/),
+        "scraper:jobs:model:remoto",
+        "scraper:jobs:model:hibrido",
+      ]);
+      expect(mockClientInstance.sendCommand).toHaveBeenNthCalledWith(2, [
+        "SINTER",
+        "scraper:jobs:level:senior",
+        expect.stringMatching(/^scraper:jobs:filter:/),
+      ]);
+      expect(mockClientInstance.del).toHaveBeenCalledWith(
+        expect.stringMatching(/^scraper:jobs:filter:/),
+      );
+      expect(result).toEqual(["job_1", "job_2"]);
+    });
   });
 
   describe("cacheGetJobsByIds", () => {

frontend/src/domains/auth/presentation/components/LoginFormPanel.tsx

@@ -168,7 +168,15 @@ export default function RightSide() {
             <span className="text-purple-500">!</span>
             <span className="text-blue-500 font-light">&gt;</span>
           </h2>
-          
+          <p className="mt-4 text-sm text-gray-500 dark:text-neutral-400 font-medium">
+            Novo por aqui?{" "}
+            <a
+              href="/register"
+              className="font-semibold bg-gradient-to-r from-blue-600 to-purple-500 bg-clip-text text-transparent dark:from-blue-400 dark:to-purple-400 underline underline-offset-2 hover:opacity-80 transition-opacity"
+            >
+              Cadastre-se
+            </a>
+          </p>
         </div>
       </div>
       <form
@@ -274,15 +282,6 @@ export default function RightSide() {
         >
           {isLoading ? "Entrando..." : "Entrar"}
         </motion.button>
-        <p className="mt-4 text-sm text-center text-gray-500 dark:text-neutral-400 font-medium">
-            Novo por aqui?{" "}
-            <a
-              href="/register"
-              className="font-semibold bg-gradient-to-r from-blue-600 to-purple-500 bg-clip-text text-transparent dark:from-blue-400 dark:to-purple-400 underline underline-offset-2 hover:opacity-80 transition-opacity"
-            >
-              Cadastre-se
-            </a>
-          </p>
       </form>
       <div className="relative z-10 w-full max-w-2xl mx-auto">
         <div className="relative mb-6">

frontend/src/domains/marketing/presentation/components/Footer.tsx

@@ -1,4 +1,6 @@
 import { Github } from "lucide-react";
+import LogoWhite from "@/shared/assets/logo-painel-vagas.svg";
+import LogoBlack from "@/shared/assets/black.svg";
 
 export function Footer() {
   return (
@@ -26,7 +28,7 @@ export function Footer() {
             <ul className="space-y-4 text-gray-500 dark:text-gray-400">
               <li><a href="#features" className="hover:text-emerald-500 dark:hover:text-emerald-400 transition-colors">Funcionalidades</a></li>
               <li><a href="#how-it-works" className="hover:text-emerald-500 dark:hover:text-emerald-400 transition-colors">Como Funciona</a></li>
-              {/* <li><a href="#pricing" className="hover:text-emerald-500 dark:hover:text-emerald-400 transition-colors">Preços</a></li> */}
+              <li><a href="#pricing" className="hover:text-emerald-500 dark:hover:text-emerald-400 transition-colors">Preços</a></li>
               <li><a href="#status" className="hover:text-emerald-500 dark:hover:text-emerald-400 transition-colors">Status</a></li>
             </ul>
           </div>

frontend/src/domains/marketing/presentation/components/HeroSection.tsx

@@ -1,25 +1,73 @@
-import { motion } from "framer-motion";
+import { motion, useScroll, useTransform } from "framer-motion";
 import { ArrowRight, Play } from "lucide-react";
 import { useRef } from "react";
 import { Link } from "react-router-dom";
 
+const STATIC_STARS = Array.from({ length: 80 }).map((_, i) => {
+  const random = (min: number, max: number) => Math.random() * (max - min) + min;
+  return {
+    id: i,
+    top: `${random(0, 100)}%`,
+    left: `${random(0, 100)}%`,
+    size: random(1, 3),
+    delay: random(0, 5),
+    duration: random(2, 6),
+  };
+});
+
+function StarsBackground() {
+  return (
+    <div className="absolute inset-0 overflow-hidden pointer-events-none">
+      {STATIC_STARS.map((star) => (
+        <motion.div
+          key={star.id}
+          className="absolute rounded-full bg-blue-900/30 dark:bg-white"
+          style={{
+            top: star.top,
+            left: star.left,
+            width: star.size,
+            height: star.size,
+          }}
+          animate={{
+            opacity: [0.2, 1, 0.2],
+            scale: [1, 1.2, 1],
+          }}
+          transition={{
+            duration: star.duration,
+            repeat: Infinity,
+            delay: star.delay,
+            ease: "easeInOut",
+          }}
+        />
+      ))}
+    </div>
+  );
+}
+
 export function HeroSection() {
   const ref = useRef(null);
+  const { scrollYProgress } = useScroll({
+    target: ref,
+    offset: ["start start", "end start"],
+  });
+
+  const backgroundY = useTransform(scrollYProgress, [0, 1], ["0%", "50%"]);
+  const textY = useTransform(scrollYProgress, [0, 1], ["0%", "80%"]);
 
   return (
-    <section
-      ref={ref}
-      className="relative min-h-[90vh] flex flex-col items-center justify-start pt-16 md:pt-24 pb-0 overflow-hidden bg-transparent font-sans"
-    >
+    <section ref={ref} className="relative min-h-[90vh] flex flex-col items-center justify-start pt-16 md:pt-24 pb-0 overflow-hidden bg-transparent font-sans">
       <motion.div
+        style={{ y: backgroundY }}
         className="absolute inset-0 pointer-events-none w-full h-[150%]
           bg-[linear-gradient(to_right,rgba(0,0,0,0.03)_1px,transparent_1px),linear-gradient(to_bottom,rgba(0,0,0,0.03)_1px,transparent_1px)]
           dark:bg-[linear-gradient(to_right,rgba(255,255,255,0.02)_1px,transparent_1px),linear-gradient(to_bottom,rgba(255,255,255,0.02)_1px,transparent_1px)]
           bg-[size:60px_60px]"
-      ></motion.div>
+      >
+        <StarsBackground />
+      </motion.div>
       <div className="absolute top-0 left-1/2 -translate-x-1/2 w-[800px] h-[600px] bg-gradient-to-br from-blue-500/10 via-purple-500/5 to-transparent blur-[120px] rounded-full pointer-events-none" />
 
-      <motion.div className="relative z-10 max-w-5xl mx-auto px-6 text-center">
+      <motion.div style={{ y: textY }} className="relative z-10 max-w-5xl mx-auto px-6 text-center">
         <motion.h1
           initial={{ opacity: 0, y: 30 }}
           animate={{ opacity: 1, y: 0 }}
@@ -40,11 +88,8 @@ export function HeroSection() {
           className="text-lg md:text-xl text-gray-500 dark:text-gray-400 max-w-2xl mx-auto mb-10 leading-relaxed font-medium"
         >
           O <span className="text-blue-500 font-light">&lt;</span>
-          Cand<span className="text-amber-500">!</span>Date
-          <span className="text-purple-500">!</span>
-          <span className="text-blue-500 font-light">&gt;</span> varre dezenas
-          de plataformas automaticamente, transforma candidatos em profissionais
-          preparados e entrega as melhores oportunidades filtradas para você.
+          Cand<span className="text-amber-500">!</span>Date<span className="text-purple-500">!</span>
+          <span className="text-blue-500 font-light">&gt;</span> varre dezenas de plataformas automaticamente, transforma candidatos em profissionais preparados e entrega as melhores oportunidades filtradas para você.
         </motion.p>
 
         <motion.div
@@ -70,6 +115,9 @@ export function HeroSection() {
           </a>
         </motion.div>
       </motion.div>
+
+     
+
     </section>
   );
 }