Adds Generate New Prompt button.

Author: joehdodd

apps/web/app/actions/prompt/generatePrompt.ts

@@ -0,0 +1,40 @@
+"use server";
+import { requireAuth } from "../auth";
+import { prisma } from "@repo/prisma";
+
+const PROMPTS = [
+  "What are your goals for this week?",
+  "What challenges did you face last week and how did you overcome them?",
+  "What are you grateful for today?",
+  "What is one thing you want to improve on this week?",
+  "What was a recent success you had and how did it make you feel?",
+  "What is something new you want to try this week?",
+  "How do you plan to take care of yourself this week?",
+  "What is a positive affirmation you can repeat to yourself this week?",
+  "What is one thing you can do to make someone else's day better this week?",
+  "What is a lesson you learned recently that you want to remember?"
+];
+
+export async function generatePrompt() {
+  const { userId } = await requireAuth();
+
+  if (!userId) {
+    throw new Error("Unauthorized");
+  }
+
+  try {
+    const newPrompt = await prisma.prompt.create({
+      data: {
+        userId,
+        content: PROMPTS[Math.floor(Math.random() * PROMPTS.length - 1)] || "What are your goals for this week?",
+        frequency: 'weekly',
+      },
+    });
+
+    return { success: true, prompt: newPrompt };
+  } catch (error) {
+    console.error("Error generating new prompt:", error);
+    return { success: false, message: "Failed to generate new prompt." };
+  }
+}
+

apps/web/app/components/GenerateNewPrompt.tsx

@@ -0,0 +1,39 @@
+'use client';
+import { useState } from 'react';
+import { generatePrompt } from '../actions/prompt/generatePrompt';
+
+const GenerateNewPrompt = () => {
+  const [isLoading, setIsLoading] = useState(false);
+  return (
+    <button
+      className="inline-block px-6 py-3 mt-2 text-white font-medium rounded-lg transition-all duration-200"
+      style={{
+        background:
+          'linear-gradient(135deg, var(--ps-primary-500) 0%, var(--ps-primary-600) 100%)',
+      }}
+      onClick={async () => {
+        setIsLoading(true);
+        try {
+          const response = await generatePrompt();
+          if (response.success) {
+            location.reload(); // Refresh the page to load new prompts
+          } else {
+            alert('Failed to generate prompt: ' + response.message);
+          }
+        } catch (error) {
+          console.error('Error calling generatePrompt:', error);
+          alert('An unexpected error occurred.');
+        } finally {
+          setIsLoading(false);
+        }
+      }}
+      disabled={isLoading}
+    >
+      {isLoading ? 'Generating...' : 'Generate New Prompt'}
+    </button>
+
+  )
+
+}
+
+export default GenerateNewPrompt;

apps/web/app/prompt/page.tsx

@@ -2,6 +2,7 @@ import { redirect } from 'next/navigation';
 import Link from 'next/link';
 import { requireAuth } from '../actions/auth';
 import { fetchUserPrompts } from '../actions/prompt';
+import GenerateNewPrompt from '../components/GenerateNewPrompt';
 
 type Prompt = {
   id: string;
@@ -30,6 +31,7 @@ export default async function Prompt() {
               You may still respond to any open prompts. Click on any prompt to
               view details or write your entry.
             </p>
+            <GenerateNewPrompt />
           </div>
           <div className="flex flex-col gap-2 space-y-4">
             {prompts?.length > 0 ? (
@@ -49,9 +51,8 @@ export default async function Prompt() {
                     </div>
                     <div className="flex items-start justify-between mb-3">
                       <span
-                        className={`px-3 py-1 rounded-full text-xs font-medium ${
-                          prompt.isOpen ? 'text-white' : 'text-ps-secondary'
-                        }`}
+                        className={`px-3 py-1 rounded-full text-xs font-medium ${prompt.isOpen ? 'text-white' : 'text-ps-secondary'
+                          }`}
                         style={{
                           backgroundColor: prompt.isOpen
                             ? 'var(--ps-secondary-500)'

docs/GENERATE_NEW_PROMPT_PLAN.md

@@ -0,0 +1,45 @@
+# Plan to Add "Generate New Prompt" Button to `/prompt` Page
+
+## Objective
+Add a "Generate New Prompt" button to the `/prompt` page. When clicked, this button calls a Next.js action to generate a new prompt. The action should not send an email but should refresh the `/prompt` page to display the new, un-responded-to prompt in the list.
+
+---
+
+## Task List
+
+### Backend
+1. **Create Prompt Generation Action**
+   - Implement a server-side Next.js action to generate a new prompt.
+   - The action should:
+     - Authenticate the user (reuse `requireAuth` logic).
+     - Generate and save a new prompt in the database.
+     - Return success or failure status.
+
+### Frontend
+2. **Create Frontend Button Component**
+   - Add a "Generate New Prompt" button to the `/prompt` page.
+   - Style the button to align with existing design.
+
+3. **Integrate Button with Action**
+   - Add `onClick` logic to call the `generatePrompt` Next.js action.
+   - Use `fetch` or `Next.js` server action invocation tools.
+   - Add a loading state to the button while the action executes.
+
+4. **Refresh Page on Success**
+   - On successful prompt creation, reload the `/prompt` page to reflect the new prompt in the list.
+
+### Validation
+5. **Test Functionality**
+   - Verify the button generates new prompts correctly without errors.
+   - Ensure the new prompt appears immediately after page reload.
+   - Test edge cases (e.g., network failure, backend errors).
+
+### Documentation
+6. **Update Documentation**
+   - Document the new action and UI logic for future maintainability.
+
+---
+
+## Deliverable
+Upon completion, the `/prompt` page will feature a working "Generate New Prompt" button. Clicking it will generate a new prompt and display it in the list without sending any emails.
+

packages/prisma/schema.prisma

@@ -11,57 +11,57 @@ generator client {
 }
 
 model User {
-  id               String         @id @default(uuid())
-  email            String         @unique
-  firstName        String?
-  lastName         String?
-  phone            String?
-  
+  id        String  @id @default(uuid())
+  email     String  @unique
+  firstName String?
+  lastName  String?
+  phone     String?
+
   // Billing Address (for tax calculation only)
-  addressLine1     String?
-  addressLine2     String?
-  addressCity      String?
-  addressState     String?
+  addressLine1      String?
+  addressLine2      String?
+  addressCity       String?
+  addressState      String?
   addressPostalCode String?
-  addressCountry   String?        @default("US")
-  
+  addressCountry    String? @default("US")
+
   // Stripe Integration - ONLY references, never payment data
-  stripeCustomerId String?        @unique
-  
-  frequency        String         // e.g., 'daily', 'weekly'
-  createdAt        DateTime       @default(now())
-  updatedAt        DateTime       @updatedAt
-  
-  prompts          Prompt[]
-  entries          Entry[]
-  subscriptions    Subscription[]
-  refreshTokens    RefreshToken[]
+  stripeCustomerId String? @unique
+
+  frequency String // e.g., 'daily', 'weekly'
+  createdAt DateTime @default(now())
+  updatedAt DateTime @updatedAt
+
+  prompts       Prompt[]
+  entries       Entry[]
+  subscriptions Subscription[]
+  refreshTokens RefreshToken[]
 
   @@map("users")
 }
 
 model Subscription {
-  id                   String             @id @default(uuid())
-  userId               String
-  user                 User               @relation(fields: [userId], references: [id], onDelete: Cascade)
-  
+  id     String @id @default(uuid())
+  userId String
+  user   User   @relation(fields: [userId], references: [id], onDelete: Cascade)
+
   // Stripe references - never store actual payment data
   stripeSubscriptionId String             @unique
   status               SubscriptionStatus
   planType             PlanType
-  
+
   // Subscription timing
-  currentPeriodStart   DateTime
-  currentPeriodEnd     DateTime
-  cancelAtPeriodEnd    Boolean            @default(false)
-  canceledAt           DateTime?
-  
+  currentPeriodStart DateTime
+  currentPeriodEnd   DateTime
+  cancelAtPeriodEnd  Boolean   @default(false)
+  canceledAt         DateTime?
+
   // Pricing reference (Stripe Price ID)
-  stripePriceId        String
-  
-  createdAt            DateTime           @default(now())
-  updatedAt            DateTime           @updatedAt
-  
+  stripePriceId String
+
+  createdAt DateTime @default(now())
+  updatedAt DateTime @updatedAt
+
   @@index([userId])
   @@index([stripeSubscriptionId])
   @@map("subscriptions")
@@ -72,7 +72,6 @@ model Prompt {
   content   String
   createdAt DateTime  @default(now())
   sentAt    DateTime?
-  frequency String    // e.g., 'daily', 'weekly'
   userId    String
   user      User      @relation(fields: [userId], references: [id])
   entries   Entry[]
@@ -102,10 +101,10 @@ model RefreshToken {
   expiresAt DateTime
   createdAt DateTime @default(now())
 
-  @@map("refresh_tokens")
   @@index([userId])
   @@index([token])
   @@index([expiresAt])
+  @@map("refresh_tokens")
 }
 
 // Enums for subscription management