AmakrushAI · Amruth-Vamshi · Jun 7, 2023 · Jun 19, 2023
diff --git a/docs/buildingBlocks/flow.md b/docs/buildingBlocks/flow.md
@@ -0,0 +1,13 @@
+---
+title: Prompt flow
+sidebar_label: Prompt flow
+---
+
+<head>
+  <title>Prompt Flow</title>
+  <meta name="description" content="Application flow on asking a query." />
+</head>
+
+## Flowchart
+
+![Flowchart](/img/AmakrushiAI-Flow.svg)
diff --git a/docs/buildingBlocks/state-flow.md b/docs/buildingBlocks/state-flow.md
@@ -0,0 +1,13 @@
+---
+title: State flow
+sidebar_label: State flow
+---
+
+<head>
+  <title>State Flow</title>
+  <meta name="description" content="Application flow on asking a query. (XState Visualizer)" />
+</head>
+
+## Visualizer
+
+<iframe src="https://stately.ai/viz/embed/8ef2fa33-17e2-422e-9b09-eb85f0a6f74f?mode=viz&panel=code&showOriginalLink=1&readOnly=1&pan=1&zoom=1&controls=1" sandbox="allow-same-origin allow-scripts" style={{width: "100%", height: "50vh"}}></iframe>
diff --git a/sidebars.js b/sidebars.js
@@ -12,6 +12,12 @@ module.exports = {
       collapsed: false,
       items: ['development/starting'],
     },
+    {
+      type: 'category',
+      label: 'Building Blocks',
+      collapsed: false,
+      items: ['buildingBlocks/flow', 'buildingBlocks/state-flow'],
+    },
     {
       type: 'category',
       label: 'Infra',

diff --git a/static/img/AmakrushiAI-Flow.svg b/static/img/AmakrushiAI-Flow.svg