docs: updated docs with new base url, content, styles

docs/content/docs/blocks/condition.mdx

@@ -30,30 +30,30 @@ The Condition block serves as a decision point in your workflow, enabling:
 <div className="grid grid-cols-1 md:grid-cols-2 gap-4 my-6">
   <div className="border border-gray-200 dark:border-gray-800 rounded-lg p-4">
     <h3 className="font-medium text-lg mb-2">Branching Logic</h3>
-    <p className="text-sm text-gray-600 dark:text-gray-400">
+    <div className="text-sm text-gray-600 dark:text-gray-400">
       Create different execution paths based on specific conditions
-    </p>
+    </div>
   </div>
   
   <div className="border border-gray-200 dark:border-gray-800 rounded-lg p-4">
     <h3 className="font-medium text-lg mb-2">Rule-Based Routing</h3>
-    <p className="text-sm text-gray-600 dark:text-gray-400">
+    <div className="text-sm text-gray-600 dark:text-gray-400">
       Route workflows deterministically without needing an LLM
-    </p>
+    </div>
   </div>
   
   <div className="border border-gray-200 dark:border-gray-800 rounded-lg p-4">
     <h3 className="font-medium text-lg mb-2">Data-Driven Decisions</h3>
-    <p className="text-sm text-gray-600 dark:text-gray-400">
+    <div className="text-sm text-gray-600 dark:text-gray-400">
       Create workflow paths based on structured data values
-    </p>
+    </div>
   </div>
   
   <div className="border border-gray-200 dark:border-gray-800 rounded-lg p-4">
     <h3 className="font-medium text-lg mb-2">If-Then-Else Logic</h3>
-    <p className="text-sm text-gray-600 dark:text-gray-400">
+    <div className="text-sm text-gray-600 dark:text-gray-400">
       Implement conditional programming paradigms in your workflows
-    </p>
+    </div>
   </div>
 </div>
 

docs/content/docs/blocks/evaluator.mdx

@@ -10,9 +10,13 @@ import { ThemeImage } from '@/components/ui/theme-image'
 
 The Evaluator block allows you to assess the quality of content using customizable evaluation metrics. This is particularly useful for evaluating AI-generated text, ensuring outputs meet specific criteria, and building quality-control mechanisms into your workflows.
 
-<Callout type="note">
-  The Evaluator block images will be added soon. Currently, the block uses standard evaluation metrics to assess content quality.
-</Callout>
+<ThemeImage 
+  lightSrc="/static/light/evaluator-light.png" 
+  darkSrc="/static/dark/evaluator-dark.png" 
+  alt="Evaluator Block" 
+  width={300} 
+  height={175} 
+/>
 
 ## Overview
 

docs/content/docs/connections/tags.mdx

@@ -38,9 +38,9 @@ There are two primary ways to use connection tags in your workflows:
 <div className="grid grid-cols-1 md:grid-cols-2 gap-4 my-6">
   <div className="border border-gray-200 dark:border-gray-800 rounded-lg p-4">
     <h3 className="font-medium text-lg mb-2">Drag and Drop</h3>
-    <p className="text-sm text-gray-600 dark:text-gray-400">
+    <div className="text-sm text-gray-600 dark:text-gray-400">
       Click on a connection tag and drag it into input fields of destination blocks. A dropdown will appear showing available values.
-    </p>
+    </div>
     <ol className="mt-2 text-sm text-gray-600 dark:text-gray-400 list-decimal pl-5">
       <li>Hover over a connection tag to see available data</li>
       <li>Click and drag the tag to an input field</li>
@@ -51,9 +51,9 @@ There are two primary ways to use connection tags in your workflows:
   
   <div className="border border-gray-200 dark:border-gray-800 rounded-lg p-4">
     <h3 className="font-medium text-lg mb-2">Angle Bracket Syntax</h3>
-    <p className="text-sm text-gray-600 dark:text-gray-400">
+    <div className="text-sm text-gray-600 dark:text-gray-400">
       Type <code>&lt;&gt;</code> in input fields to see a dropdown of available connection values from previous blocks.
-    </p>
+    </div>
     <ol className="mt-2 text-sm text-gray-600 dark:text-gray-400 list-decimal pl-5">
       <li>Click in any input field where you want to use connected data</li>
       <li>Type <code>&lt;&gt;</code> to trigger the connection dropdown</li>

docs/content/docs/execution/loops.mdx

@@ -148,9 +148,9 @@ Loops enable powerful workflow patterns:
 
 <div className="p-4 border rounded-md mb-4">
   <h4 className="font-medium">Example: Content Refinement</h4>
-  <p className="text-sm text-gray-600 dark:text-gray-400 mb-2">
+  <div className="text-sm text-gray-600 dark:text-gray-400 mb-2">
     Create a loop where an Agent block generates content, an Evaluator block assesses it, and a Function block decides whether to continue refining.
-  </p>
+  </div>
   <ol className="text-sm list-decimal pl-5">
     <li>Agent generates initial content</li>
     <li>Evaluator scores the content</li>
@@ -164,9 +164,9 @@ Loops enable powerful workflow patterns:
 
 <div className="p-4 border rounded-md mb-4">
   <h4 className="font-medium">Example: Data Processing Pipeline</h4>
-  <p className="text-sm text-gray-600 dark:text-gray-400 mb-2">
+  <div className="text-sm text-gray-600 dark:text-gray-400 mb-2">
     Process a collection of items one at a time through a series of blocks.
-  </p>
+  </div>
   <ol className="text-sm list-decimal pl-5">
     <li>Function block extracts the next item from a collection</li>
     <li>Processing blocks operate on the single item</li>
@@ -179,9 +179,9 @@ Loops enable powerful workflow patterns:
 
 <div className="p-4 border rounded-md mb-4">
   <h4 className="font-medium">Example: Multi-step Reasoning</h4>
-  <p className="text-sm text-gray-600 dark:text-gray-400 mb-2">
+  <div className="text-sm text-gray-600 dark:text-gray-400 mb-2">
     Implement a recursive approach to complex problem solving.
-  </p>
+  </div>
   <ol className="text-sm list-decimal pl-5">
     <li>Agent analyzes the current problem state</li>
     <li>Function block implements a step in the solution</li>

docs/content/docs/meta.json

@@ -1,4 +1,5 @@
 {
   "title": "Sim Studio Documentation",
-  "pages": ["introduction", "getting-started", "blocks", "variables", "tools", "connections", "execution"]
+  "pages": ["introduction", "getting-started", "blocks", "variables", "tools", "connections", "execution"],
+  "defaultOpen": true
 }