Style Templates

// Source: lib/style-templates.ts
export interface StyleTemplate {
  id: string;                    // Unique identifier
  name: string;                  // Display name
  description: string;           // User-facing description
  category: StyleCategory;       // Grouping category
  thumbnail: string;             // Preview image URL
  prompt: string;                // AI generation prompt
  comingSoon?: boolean;          // Hide from selection
}

export type StyleCategory = 
  | "staging"      // Virtual staging and furniture
  | "lighting"     // Lighting enhancements
  | "exterior"     // Outdoor transformations
  | "atmosphere";  // Mood and ambiance

export const ALL_CATEGORIES: StyleCategory[] = [
  "staging",
  "lighting",
  "exterior",
  "atmosphere",
];

// Source: lib/style-templates.ts
export function generatePrompt(
  template: StyleTemplate,
  roomType: string | null
): string {
  const preserveStructure =
    "Do not move, remove, or modify windows, walls, doors, or any " +
    "architectural elements. Keep the room layout exactly as shown.";

  let prompt = template.prompt;

  if (roomType) {
    const roomLabel = roomType.replace(/-/g, " ");
    prompt = `This is a ${roomLabel}. ${prompt}`;
  }

  return `${prompt} ${preserveStructure}`;
}

const preserveStructure =
  "Do not move, remove, or modify windows, walls, doors, or any " +
  "architectural elements. Keep the room layout exactly as shown.";

// Source: lib/style-templates.ts
export interface RoomTypeOption {
  id: string;          // Internal identifier
  label: string;       // Display name
  icon: string;        // Tabler icon name
  description: string; // Usage hint
}

export const ROOM_TYPES: RoomTypeOption[] = [
  {
    id: "living-room",
    label: "Living Room",
    icon: "IconSofa",
    description: "Living spaces, family rooms, lounges",
  },
  {
    id: "bedroom",
    label: "Bedroom",
    icon: "IconBed",
    description: "Bedrooms, master suites, guest rooms",
  },
  {
    id: "kitchen",
    label: "Kitchen",
    icon: "IconToolsKitchen2",
    description: "Kitchens and cooking areas",
  },
  {
    id: "bathroom",
    label: "Bathroom",
    icon: "IconBath",
    description: "Bathrooms, en-suites, powder rooms",
  },
  {
    id: "dining-room",
    label: "Dining Room",
    icon: "IconArmchair",
    description: "Dining areas and breakfast nooks",
  },
  {
    id: "office",
    label: "Office",
    icon: "IconDesk",
    description: "Home offices and study rooms",
  },
];

// Source: components/projects/new-project-dialog.tsx
<TemplateSelector
  templates={getSelectableTemplates()}
  selectedId={selectedTemplateId}
  onSelect={setSelectedTemplateId}
/>

// Source: trigger/process-image.ts
const image = await getImageGenerationById(imageId);

const result = await fal.subscribe(NANO_BANANA_PRO_EDIT, {
  input: {
    prompt: image.prompt, // Generated from template
    image_urls: [falImageUrl],
    num_images: 1,
    output_format: "jpeg",
  },
});

// Source: lib/style-templates.ts
export function getSelectableTemplates(): StyleTemplate[] {
  return STYLE_TEMPLATES.filter((t) => !t.comingSoon);
}

<TemplateGrid>
  {STYLE_TEMPLATES.map(template => (
    <TemplateCard
      key={template.id}
      template={template}
      disabled={template.comingSoon}
      badge={template.comingSoon ? "Coming Soon" : undefined}
      onClick={() => !template.comingSoon && onSelect(template.id)}
    />
  ))}
</TemplateGrid>

// Proposed schema
export const customTemplate = pgTable("custom_template", {
  id: text("id").primaryKey(),
  workspaceId: text("workspace_id").notNull(),
  name: text("name").notNull(),
  prompt: text("prompt").notNull(),
  category: text("category").notNull(),
  isPublic: boolean("is_public").default(false),
  usageCount: integer("usage_count").default(0),
});

// Tracking template usage
interface TemplateMetrics {
  templateId: string;
  usageCount: number;
  averageRating: number;
  successRate: number; // Completed without errors
  retryRate: number;   // User retried processing
}