@@ -241,23 +307,23 @@ export default function PersonaProfile() {
Cooper Profile
Personality
Scenarios
-
Generation Prompts
+
Persona Inputs
-
+
-
+
-
+
-
+
@@ -271,10 +337,9 @@ export default function PersonaProfile() {
persona={currentPersona}
isOpen={isModificationModalOpen}
onClose={() => setIsModificationModalOpen(false)}
- onPersonaModified={(modifiedPersona) => {
- // Update the current persona with the modified data
- // This will refresh the persona detail view
- window.location.reload();
+ onPersonaPreview={(modifiedPersona) => {
+ // Enter review mode with the modified persona data
+ enterReviewMode(modifiedPersona);
}}
/>
)}
diff --git a/src/hooks/usePersonaDetails.ts b/src/hooks/usePersonaDetails.ts
index 3ff1e2c4..d672bc2c 100644
--- a/src/hooks/usePersonaDetails.ts
+++ b/src/hooks/usePersonaDetails.ts
@@ -552,8 +552,10 @@ export function usePersonaDetails() {
const navigate = useNavigate();
const { navigationState, clearNavigationState } = useNavigation();
const [currentPersona, setCurrentPersona] = useState
(undefined);
+ const [reviewPersona, setReviewPersona] = useState(undefined);
const [isFromReview, setIsFromReview] = useState(false);
const [isEditing, setIsEditing] = useState(false);
+ const [isReviewMode, setIsReviewMode] = useState(false);
const [isLoading, setIsLoading] = useState(true);
useEffect(() => {
@@ -729,14 +731,63 @@ export function usePersonaDetails() {
// If we got here, the save was successful
return true;
};
+
+ const enterReviewMode = (modifiedPersona: Persona) => {
+ setReviewPersona(modifiedPersona);
+ setIsReviewMode(true);
+ };
+
+ const exitReviewMode = () => {
+ setReviewPersona(undefined);
+ setIsReviewMode(false);
+ };
+
+ const saveReviewedPersona = async () => {
+ if (!reviewPersona || !currentPersona) return false;
+
+ try {
+ // Use the persona's MongoDB _id or fallback to id
+ const personaId = currentPersona._id || currentPersona.id;
+
+ // Use the update API since we already have the modified data
+ const updateResponse = await personasApi.update(personaId, reviewPersona);
+
+ if (updateResponse) {
+ toast.success("Persona saved successfully!");
+ setCurrentPersona(reviewPersona);
+ exitReviewMode();
+ // Give time for state update to complete before reloading
+ setTimeout(() => {
+ window.location.reload();
+ }, 100);
+ return true;
+ } else {
+ toast.error("Failed to save persona changes");
+ return false;
+ }
+ } catch (error) {
+ console.error("Error saving reviewed persona:", error);
+ toast.error("Failed to save persona changes: " + (error.message || "Unknown error"));
+ return false;
+ }
+ };
+
+ // Get the persona to display (review persona if in review mode, otherwise current persona)
+ const displayPersona = isReviewMode ? reviewPersona : currentPersona;
return {
currentPersona,
+ displayPersona,
isEditing,
isFromReview,
isLoading,
+ isReviewMode,
+ reviewPersona,
setIsEditing,
handleGoBack,
- handleSaveEdit
+ handleSaveEdit,
+ enterReviewMode,
+ exitReviewMode,
+ saveReviewedPersona
};
}
diff --git a/src/lib/api.ts b/src/lib/api.ts
index 410e4bc5..e01fb90f 100644
--- a/src/lib/api.ts
+++ b/src/lib/api.ts
@@ -172,7 +172,8 @@ export const personasApi = {
modifyWithAI: (id: string, modificationData: any) => {
const personaId = typeof id === 'object' && id !== null ? (id as any)._id || id : id;
- console.log(`Modifying persona with AI, ID: ${personaId}`);
+ const mode = modificationData.preview_only ? 'Previewing' : 'Modifying';
+ console.log(`${mode} persona with AI, ID: ${personaId}`);
return api.post(`/personas/${personaId}/modify-with-ai`, modificationData);
},
diff --git a/src/pages/FocusGroupSession.tsx b/src/pages/FocusGroupSession.tsx
index 9a3eb64a..5b67b923 100644
--- a/src/pages/FocusGroupSession.tsx
+++ b/src/pages/FocusGroupSession.tsx
@@ -2283,7 +2283,7 @@ const FocusGroupSession = () => {
AI Model Settings
- Choose which AI model to use for generating responses and discussion guides in this focus group.
+ Choose which AI model to use for generating responses, discussion guides, and thematic analysis in this focus group.