Add history + media, prompt edits

app.py

           {"role": "system", "content": make_prompt()},
           {"role": "assistant", "content": file2json("static/initial-chat.json")}
         ]
+    if "history" not in session:
+        session["history"] = []
     if request.method=='POST':
-        prompt = request.form["prompt"].strip() or "Please continue..."
-        session["messages"] += [{"role": "user", "content": prompt}]
-        valid_reply = None
-        while not valid_reply:
+        prompt = request.form["prompt"].strip()
+        if prompt:
+            session["messages"] += [{"role": "user", "content": prompt}]
+        else:
+            session["messages"] += [{"role": "system", "content": "User has hit enter. Please continue."}]
+        payload = None
+        while not payload:
             reply = openai.ChatCompletion.create(model=os.environ["MODEL_NAME"], messages=session["messages"])
             session["messages"] += [reply["choices"][0]["message"]]
             try:
-                valid_reply = json.loads(reply["choices"][0]["message"]["content"])
+                payload = json.loads(reply["choices"][0]["message"]["content"])
+                payload["prompt"] = prompt.replace('"', '\"')
+                payload["content"] = preprocess_content(payload)
+                session["history"].append(payload)
             except Exception as e:
                 print(repr(e))
                 session["messages"] += [{"role": "system", "content": "reply was ignored because it's not a valid json. user is unaware. do not apologize to them"}]
-                # session["messages"] += [{"role": "user", "content": prompt}]
             print("=====")
             print(reply["choices"][0]["message"]["content"])
             print("-----")
-            print(valid_reply)
+            print(payload)
             print("=====")
-    print("*****")
-    print(json.dumps(session["messages"], indent=4))
-    print("*****")
-    payload = json.loads(session["messages"][-1]["content"])
-    payload["content"] = preprocess_content(payload)
+    else:
+        payload = json.loads(session["messages"][-1]["content"])
+        payload["content"] = preprocess_content(payload)
+    payload["history"] = reversed(session["history"][:-1])
     return render_template("chat.html", **payload)
 
 @application.get("/reset")

static/chat-example.json

-{"title": "Stress Relief", "markdown": "I understand that stress relief could be helpful for you right now. Let's take a moment to focus on calming and relaxing activities. Here are a few suggestions:\n\n1. **Deep Breathing:** Close your eyes and take a deep breath in through your nose, filling your lungs with air. Hold for a few seconds and then exhale slowly through your mouth. Repeat this a few times, focusing on the sensation of your breath.\n\n2. **Progressive Muscle Relaxation:** Start by tensing the muscles in your toes and then gradually work your way up to your head, tensing and then releasing each muscle group. This exercise can help release tension from your body.\n\n3. **Guided Meditation:** Find a quiet and comfortable place to sit or lie down. You can search for guided meditations online or use apps that offer meditation exercises. These can help you relax and find inner peace.\n\n4. **Nature Sounds:** Consider listening to calming nature sounds, such as gentle rain, ocean waves, or bird songs. These sounds can create a soothing atmosphere and help you relax.\n\n5. **Journaling:** Take a few minutes to write down your thoughts and emotions. This can be a cathartic experience and help you process any stress or overwhelm that you may be feeling.\n\nRemember to be gentle with yourself during this time. Stress relief is important for your well-being. Let me know if there's anything specific you'd like to explore or if you have any other requests.", "use_bg_video": false, "bg_video": "static/media/bg-video/underwater.mp4", "bg_video_opacity": "0.5", "use_bg_image": true, "bg_image": "static/media/bg/sea-view-garden.png", "bg_image_opacity": "0.5", "use_soundtrack": true, "soundtrack": "static/media/audio/soft-rain-ambient-111154.mp3"}
-
-
+{"title": "Stress Relief", "markdown": "I understand that stress relief could be helpful for you right now. Let's take a moment to focus on calming and relaxing activities. Here are a few suggestions:\n\n1. **Deep Breathing:** Close your eyes and take a deep breath in through your nose, filling your lungs with air. Hold for a few seconds and then exhale slowly through your mouth. Repeat this a few times, focusing on the sensation of your breath.\n\n2. **Progressive Muscle Relaxation:** Start by tensing the muscles in your toes and then gradually work your way up to your head, tensing and then releasing each muscle group. This exercise can help release tension from your body.\n\n3. **Guided Meditation:** Find a quiet and comfortable place to sit or lie down. You can search for guided meditations online or use apps that offer meditation exercises. These can help you relax and find inner peace.\n\n4. **Nature Sounds:** Consider listening to calming nature sounds, such as gentle rain, ocean waves, or bird songs. These sounds can create a soothing atmosphere and help you relax.\n\n5. **Journaling:** Take a few minutes to write down your thoughts and emotions. This can be a cathartic experience and help you process any stress or overwhelm that you may be feeling.\n\nRemember to be gentle with yourself during this time. Stress relief is important for your well-being. Let me know if there's anything specific you'd like to explore or if you have any other requests.", "bg_video": "static/media/bg-video/underwater.mp4", "use_soundtrack": true, "soundtrack": "static/media/audio/soft-rain-ambient-111154.mp3"}

static/chat.json

 {
     "title": "Welcome",
     "markdown": "Hello again.\n\nHow do you feel today?",
-    "use_bg_video": true,
     "bg_video": "static/media/bg-video/clouds1.mp4",
-    "bg_video_opacity": "0.75",
-    "use_bg_image": true,
-    "bg_image": "static/media/bg/valley-1.svg",
-    "bg_image_opacity": "0.25",
     "use_soundtrack": false,
     "soundtrack": "static/media/audio/sandy-beach-calm-waves-water-nature-sounds-8052.mp3"
 }

static/chat.schema.json

         }
       }
     },
-    "use_bg_video": {
-      "title": "Use background video",
-      "type": "boolean",
-      "format": "checkbox"
-    },
     "bg_video": {
-      "dependencies": {
-        "use_bg_video": true
-      },
       "$ref": "/enum/bg-video",
       "title": "Background video",
       "links": [
         }
       ]
     },
-    "bg_video_opacity": {
-      "dependencies": {
-        "use_bg_video": true
-      },
-      "type": "string",
-      "title": "Background video opacity",
-      "enum": [
-        "0.25",
-        "0.5",
-        "0.75",
-        "1"
-      ],
-      "default": "0.5"
-    },
-    "use_bg_image": {
-      "title": "Use background image",
-      "type": "boolean",
-      "format": "checkbox"
-    },
-    "bg_image": {
-      "dependencies": {
-        "use_bg_image": true
-      },
-      "$ref": "/enum/bg",
-      "title": "Background image",
-      "links": [
-        {
-          "rel": "Preview image",
-          "class": "link-info",
-          "href": "{{self}}"
-        }
-      ]
-    },
-    "bg_image_opacity": {
-      "dependencies": {
-        "use_bg_image": true
-      },
-      "type": "string",
-      "title": "Background image opacity",
-      "enum": [
-        "0.25",
-        "0.5",
-        "0.75",
-        "1"
-      ],
-      "default": "0.5"
-    },
     "use_soundtrack": {
       "title": "Use soundtrack",
       "type": "boolean",
   "defaultProperties": [
     "title",
     "markdown",
-    "use_bg_video",
     "bg_video",
-    "bg_video_opacity",
-    "use_bg_image",
-    "bg_image",
-    "bg_image_opacity",
     "use_soundtrack",
     "soundtrack"
   ]

static/css/style.css

 	width:97%;
 	font-size: 1.5rem;
 	border-radius: 1rem;
+	margin: 0.5rem 0;
 	padding: 0.2rem 0.5rem;
 }

static/initial-chat.json

 {
     "title": "Welcome",
     "markdown": "Hello again.\n\nHow are you feeling right now? Can you share with me your emotions and thoughts? It's important for me to understand where you're at so that I can tailor our session accordingly.",
-    "use_bg_video": true,
     "bg_video": "static/media/bg-video/clouds1.mp4",
-    "bg_video_opacity": "0.75",
-    "use_bg_image": true,
-    "bg_image": "static/media/bg/valley-1.svg",
-    "bg_image_opacity": "0.25",
-    "use_soundtrack": false,
-    "soundtrack": "static/media/audio/sandy-beach-calm-waves-water-nature-sounds-8052.mp3"
+    "use_soundtrack": false
 }

static/media/bg-video.json

 {
     "beach-sunset1.mp4": "Sun sets into the sea, shallow waves lick the shore, as seen from the beach",
     "clouds1.mp4": "Flying among white clouds into light blue sky",
-    "underwater.mp4": "view from underwater of sun rays moving with the waves of the surface above"
+    "underwater.mp4": "view from underwater of sun rays moving with the waves of the surface above",
+    "crescent_moon_clouds.mp4": "clouds floating right on a night sky with a crescent moon",
+    "tunnel_dolly_in_scifi.mp4": "endlessly moving into a sci-fi style corridor",
+    "particles_downwards.mp4": "shiny particles moving downwards like raindrops",
+    "ocean-waves.mp4": "ocean waves from above. mid-sea. no shore or horizon",
+    "stairway.mp4": "a stairway to heaven",
+    "candles.mp4": "3 burning candles",
+    "colorful-smoke.mp4": "colorful smoke swirling on a dark background"
 }

templates/chat.html

                 </div>
 		<div class="reveal">
 			<div class="slides">
-				<section data-theme="sky" data-background-size="cover"{% if use_bg_video %} data-background-video="{{bg_video}}" data-background-opacity="{{bg_video_opacity}}" data-background-video-loop="True" data-background-video-mute="True"{% endif %}>
-                                    <section{% if use_bg_image %} data-background="{{bg_image}}" data-background-opacity="{{bg_image_opacity}}" data-background-size="cover"{% endif %}>                                        
+				<section data-theme="sky">
+                                    <section data-background-size="cover" data-background-video="{{bg_video}}" data-background-opacity="0.75" data-background-video-loop="True" data-background-video-mute="True">
                                         <h3 class="title slide_title">{{title}}</h3>
                                         <div class="scrollable">
                                             {{ content|safe }}
                                             <input class="prompt" id="prompt" name="prompt" placeholder="Talk to me" />
                                         </form>
                                     </section>
+				    {% for moment in history %}
+				    <section data-background-size="cover" data-background-video="{{moment.bg_video}}" data-background-opacity="0.75" data-background-video-loop="True" data-background-video-mute="True">
+					    <h3 class="title slide_title">{{moment.title}}</h3>
+					    <input class="prompt" value="{{moment.prompt}}" disabled />
+                                            <div class="scrollable">
+						    {{ moment.content|safe }}
+                                            </div>
+                                        </section>
+				    {% endfor %}
 				</section>
 			</div>
 		</div>

templates/prompt.txt

-assistant is a spiritual caregiver for the dying (also called "death doula") inspired by the ideas described at "die wise" by stephen jenkinson
+assistant is a spiritual caregiver for the dying (also called "death doula") 
 
-user is odelia, she was informed that her cancer was incurable. she is 48 years old. she had to retire from a career in the television industry. she is a single mother to a highschool daughter.
 
-The goal of your session is to create enchanted moments, or ceremonies via the multimedia resources available to you (see below), but first you should inquire how the user feels now and what media would suit best their needs.
+
+inspired by the ideas described at "die wise" by stephen jenkinson
+
+user is odelia, she was informed that her cancer was incurable. she is 48 years old. she had to retire from a career in the television industry. she is a single mother to a teenage daughter. during your last meeting she expressed fear of death, puzzlement about how to tell her daughter.
+
+The goal of your session is to create enchanted moments, or ceremonies via the multimedia resources available to you (see below), but first you should inquire how the user feels now and keep monitoring the changes in their emotions. this can help you decide the media that could suit the moment. 
 
 IMPORTANT!
 
-1. Your response should be valid json: linebreaks should be escaped as \n, quotes as \", the [escaped] "markdown" value should include \\n\\n when you expects a paragraph break, etc. It should also be valid according to the json-schema definition above. You can rely on "enum_title" as textual explanations of "enum" choices.
+1. Your response should be valid json: linebreaks should be escaped as \n, quotes as \", the [escaped] "markdown" value should include \n\n when you expect a paragraph break, etc. It should also be valid according to the json-schema definition above. You can rely on "enum_title" as textual explanations of "enum" choices.
 
-2. Although the markdown area is scrollable, best is to keep the text under 350 characters (less if there are paragraph breaks or bullet list).
+2. Although the markdown area is scrollable, best is to keep the text under 350 characters (less if there are paragraph breaks or bullet list). If you have more to say, add an ellipsis at the end, and the user can always ask you to continue by hitting enter.
 
 ```
 {{schema}}