"use client";
import * as React from "react";
import { Braces, LayoutTemplate, MessageSquareText, Settings2 } from "lucide-react";
import type { PromptKind } from "@/lib/client/types";

export const PROMPT_KIND_META: Record<PromptKind, { label: string; short: string; description: string; icon: React.ReactNode; badge: "accent" | "info" | "success" | "warning" }> = {
  system: { label: "System prompt", short: "System", description: "Sets the assistant's role for the whole conversation.", icon: <Settings2 />, badge: "accent" },
  user: { label: "User message", short: "User", description: "Inserted into the composer as your next message.", icon: <MessageSquareText />, badge: "info" },
  template: { label: "Template", short: "Template", description: "A user message with {{variables}} you fill in before sending.", icon: <LayoutTemplate />, badge: "success" },
  structured: { label: "Structured output", short: "Structured", description: "A message plus a JSON schema the model must follow.", icon: <Braces />, badge: "warning" },
};

export const PROMPT_KIND_ORDER: PromptKind[] = ["system", "user", "template", "structured"];