Constants

type Suggestion = {
  icon: LucideIcon;        // Icon component from lucide-react
  label: string;           // Display label for the suggestion
  prompt: string;          // The actual prompt text to send
  info: string;            // Descriptive tooltip or info text
};

import { suggestions } from '@/lib/constants';

function SuggestionBar() {
  return (
    <div className="flex gap-2">
      {suggestions.map((suggestion, index) => {
        const Icon = suggestion.icon;
        return (
          <button 
            key={index}
            onClick={() => handlePrompt(suggestion.prompt)}
            title={suggestion.info}
          >
            <Icon className="w-4 h-4" />
            <span>{suggestion.label}</span>
          </button>
        );
      })}
    </div>
  );
}

import { LIMIT } from '@/lib/constants';

function fetchMessages(page: number) {
  return api.get('/messages', {
    params: { 
      limit: LIMIT, 
      offset: page * LIMIT 
    }
  });
}

import { ONE_HOUR_IN_MS } from '@/lib/constants';

// Cache data for 1 hour
const cacheExpiry = Date.now() + ONE_HOUR_IN_MS;

// Set timeout for 1 hour
setTimeout(() => {
  refreshData();
}, ONE_HOUR_IN_MS);

// Check if timestamp is within last hour
function isRecent(timestamp: number) {
  return Date.now() - timestamp < ONE_HOUR_IN_MS;
}

import { BarChart, CodeXml, Wrench } from "lucide-react";

export const suggestions = [
  {
    icon: Wrench,
    label: "Agent Tools",
    prompt: "What agent tools do you have?",
    info: "Shows information about the available agent tools.",
  },
  {
    icon: CodeXml,
    label: "Source Code",
    prompt:
      "Give me a simple code example of javascript closure less than 20 lines long",
    info: "Shows a code example of a javascript closure.",
  },
  {
    icon: BarChart,
    label: "Pie Chart",
    prompt:
      "Create an example of pie diagram",
    info: "Shows an example of a pie chart diagram.",
  },
];

export const LIMIT = 20;
export const ONE_HOUR_IN_MS = 60 * 60 * 1000;