Update app.py

app.py

@@ -127,7 +127,7 @@ Keep in mind the:
 {crumbs}
 
 // Requirements
-- use standard mermaid visual rendering (ex: flowchart, sequence, gantt, pie, mindmap)
+- use standard mermaid visual rendering (ex: flowchart, sequence, gantt, pie, mindmap, xychart)
 - no introduction, conclusions or code fences -> Output the result directly
 - create only the content for the mermaid
 - no comments of #color coding and classes inside the mermaid code generated, it's supposed to be only focused on the mermaid code required to render it
@@ -143,21 +143,31 @@ G --> H[Performance Evaluation (45% Speed Improvement, 35% Risk Profiling, 50% F
 instead, use
 G --> H[Performance Evaluation - 45% Speed Improvement, 35% Risk Profiling, 50% Fraud Detection]
 - Similarly, do not use the symbol | in the mermaid code, it would create an error 
+- Do not use the gantt chart visual placeholder to generate a graph (ex: barchart), Gantt charts should only be used for timelines / project plans
+Note: Visual placeholders are solely supposed to generate diagrams, for graphs, you should use the xychart that are focused on this purpose.
+- use only this type of quotation marks: ", others would lead to failure to render
+- if you need to render a quotation mark inside the text of the diagram make sure to add escapechar so that mermaid interprets it correctly
 - Take a deep breath, think step by step and think it well.
-- Do not use the visual placeholder to generate a graph, for this use the graph placeholder
-- use only this type of quotation marks: ", others would lead to failure
 
 // Examples
 Note: Pay attention for each example to what type of parenthesis / bracket is used and respect it scrupulously
 
+-- xy chart --
+xychart-beta
+    title "Sales Revenue"
+    x-axis [jan, feb, mar, apr, may, jun, jul, aug, sep, oct, nov, dec]
+    y-axis "Revenue (in $)" 4000 --> 11000
+    bar [5000, 6000, 7500, 8200, 9500, 10500, 11000, 10200, 9200, 8500, 7000, 6000]
+    line [5000, 6000, 7500, 8200, 9500, 10500, 11000, 10200, 9200, 8500, 7000, 6000]
+
 -- flowchart --
 Important:
 - If the flow is "broader" than deep (>3 branches at the same level), choose LR (Left Right)
 - If the flow is "deeper" than broad (>3 levels), choose TD (Top Down)
+- There can be mix of flows that can be elaborate
 
 Top Down:
 
-
 flowchart TD
     A[Christmas] -->|Get money| B(Go shopping)
     B --> C{{Let me think}}
@@ -168,7 +178,6 @@ flowchart TD
 
 Left Right:
 
-
 flowchart LR
     A[Anticipated AI Advancements by 2025]
     
@@ -202,6 +211,37 @@ flowchart LR
     class T1,T2,T3,T4 trad;
     class C1,C2,C3,C4 comp;
 
+Mixed: For elaborate visuals
+// example 1
+
+flowchart LR
+    subgraph subgraph1
+        direction TB
+        top1[top] --> bottom1[bottom]
+    end
+    subgraph subgraph2
+        direction TB
+        top2[top] --> bottom2[bottom]
+    end
+    %% ^ These subgraphs are identical, except for the links to them:
+
+    %% Link *to* subgraph1: subgraph1 direction is maintained
+    outside --> subgraph1
+    %% Link *within* subgraph2:
+    %% subgraph2 inherits the direction of the top-level graph (LR)
+    outside ---> top2
+
+// example 2
+flowchart LR
+subgraph "One"
+  a("`The **cat**
+  in the hat`") -- "edge label" --> b{{"`The **dog** in the hog`"}}
+end
+subgraph "`**Two**`"
+  c("`The **cat**
+  in the hat`") -- "`Bold **edge label**`" --> d("The dog in the hog")
+end
+
 -- sequence --
 sequenceDiagram
     Alice->>+John: Hello John, how are you?
@@ -695,6 +735,7 @@ The report should be very detailed and lengthy — approximately the equivalent
 - The report must include at least {round(pages/3,0)} tables from the sources used (add citations if necessary) and use facts and figures extensively to ground the analysis.
 - For the numbering of titles or numbered lists, use numbers (ex: 1.) and sub-units (1.1, 1.2... 1.1.1...,1.1.2...).
 - For the reference citations, add systematically the urls from the Learnings (no need to put them in numbered list format since we alredy have the [x] that serves as number list)
+IMPORTANT: Do not make false references / citations. It has to be grounded from the sources from the results of the searches below (no example.com/... type references!)
 - Put paragraphs, sentences that are part of the same section in a div tag, this will be used for formatting.
 - Text Alignment has to be to the left, including for the titles
 - Add on top of the report the report title (with the <h1> tag) - this is the only part that should be centered (in-line style)
@@ -712,19 +753,16 @@ The report should be very detailed and lengthy — approximately the equivalent
 [[Visual Placeholder n:
 - Purpose of this visual is:...
 - Relevant data to generate it:...
-- Visual guidance:...
 ]]
 with n as the reference number
 Important: after [[ put "Visual Placeholder n:" explicitly (with n as the ref number of the focus box created). This will be used in a regex
 
-- the only types of mermaid diagram that can be generated are: flowchart, sequence, gantt, pie, mindmap // Take this into consideration when providing the instructions for the diagram
+- the only types of mermaid diagram that can be generated are: flowchart, sequence, gantt, pie, mindmap, xy-chart // Take this into consideration when providing the instructions for the diagram
 - do not make reference in the report to "visual placeholders" just mention visuals.
 - in the placeholder, no need to add the references to the source, but make sure ALL of the data points required has a source from the learning and reference material hereafter 
 - these placeholders text should contain:
     o the purpose of the future visual 
     o the relevant data to generate it
-    o the guidance in terms of look&feel (ex: red colors, bar chart style)
-    note: Be specific if you want some particular color used, keep it consistent across the report.
 - there should be at least {round(pages/4,0)} of these visuals placeholders within the report
 - 2 visual placeholders cannot be in the same or in 2 consecutive sections
 Note: the placeholders will then be processed separtely by a llm to generate the specific code to display each of them so the instruction need to be clear enough.
@@ -740,7 +778,7 @@ with n as the reference number
 Important: after [[ put "Graph Placeholder n:" explicitly (with n as the ref number of the focus box created). This will be used in a regex
 
 - All types of graphs from d3.js library can be generated // Take this into consideration when providing the instructions for the graph data
-- do not make reference in the report to "graph placeholders" just mention graph.
+- do not make mention in the report to "graph placeholders" just mention graph.
 - in the placeholder, no need to add the references to the source, but make sure ALL of the data points required has a source from the learning and reference material hereafter 
 - these placeholders text should contain:
     o the purpose of the future graph 
@@ -795,7 +833,7 @@ Output the report directly without any introductory meta comments.
 - Learnings:
 {json.dumps(learnings, indent=2)}
 
-- Merged Reference Details:
+- Results from searches:
 {aggregated_crumbs}
 
 // Report ending