Data Layer

import type { LucideIcon } from "lucide-react";
import type { StaticImageData } from "next/image";

export interface TimelineItem {
  title: string;      // Entry heading (role name or degree title)
  sub_title: string;  // Secondary line (company or institution)
  years: string;      // Date range, e.g. "2022 - 2024"
  details: string;    // Full description paragraph
  japanese?: string;  // Optional Japanese label for the entry
}

export interface Project {
  title: string;          // Display name
  japanese: string;       // Japanese subtitle shown in the card
  description: string;    // One-sentence description
  image: StaticImageData; // Statically imported AVIF (Next.js resolves dimensions)
  tags: string[];         // Technology stack labels
  github: string;         // GitHub repo URL ("#" if private)
  demo: string;           // Live demo URL
}

export interface Skill {
  icon: LucideIcon;   // Lucide icon component reference (not JSX element)
  title: string;      // English category name
  japanese: string;   // Japanese category label
  techs: string[];    // Specific technologies in this category
}

export interface SocialLink {
  image: StaticImageData; // Statically imported icon image
  label: string;          // Platform name, e.g. "GitHub"
  href: string;           // Profile URL
}

import diversiaImage from "@/public/images/projects/diversia.avif";
// ...
export const projects: Project[] = [
  {
    title: "Diversia Interiorismo",
    image: diversiaImage,
    // ...
  },
];

import { CodeXml, Database } from "lucide-react";

export const skills: Skill[] = [
  {
    icon: CodeXml,  // Component reference, not <CodeXml />
    title: "Frontend",
    japanese: "フロントエンド",
    techs: ["React", "TypeScript", "Next.js", "Astro", "Tailwind CSS"],
  },
];

const Icon = skill.icon;
return <Icon className="w-7 h-7 text-primary" />;

export const socialLinks: SocialLink[] = [
  {
    image: githubImage,
    label: "GitHub",
    href: "https://github.com/rogerciv",
  },
  {
    image: linkedinImage,
    label: "LinkedIn",
    href: "https://linkedin.com/in/rogerciv",
  },
  {
    image: instagramImage,
    label: "Instagram",
    href: "https://instagram.com/tuusuario",
  },
];

export function generatePortfolioContext(): string {
  const skillsText = skills
    .map((skill) => `- ${skill.title}: ${skill.techs.join(", ")}`)
    .join("\n");

  const projectsText = projects
    .map((p) => `- ${p.title}: ${p.description} (Tecnologías: ${p.tags.join(", ")}). Demo: ${p.demo}`)
    .join("\n");

  // ... similarly for experiences, educations, socialLinks

  return `
 Eres el asistente personal de Roger Civ, desarrollador web full stack.
 ...

 HABILIDADES TÉCNICAS
${skillsText}

 EXPERIENCIA
${experienceText}
 ...
  `;
}

let cachedContext: string | null = null;
let lastContextUpdate = 0;
const CONTEXT_CACHE_DURATION = 5 * 60 * 1000;

function getPortfolioContext() {
  const now = Date.now();
  if (!cachedContext || now - lastContextUpdate > CONTEXT_CACHE_DURATION) {
    cachedContext = generatePortfolioContext();
    lastContextUpdate = now;
  }
  return cachedContext;
}