refactor: improve code formatting and alignment for better readability in multiple components

Author: juicycleff

docs/src/components/landing/cta.tsx

@@ -23,8 +23,8 @@ export function CTA() {
             Start building with Cortex
           </h2>
           <p className="mt-4 text-lg text-fd-muted-foreground leading-relaxed">
-            Add human-emulating AI agents to your Go service in minutes.
-            Cortex handles personas, skills, reasoning loops, and multi-tenant
+            Add human-emulating AI agents to your Go service in minutes. Cortex
+            handles personas, skills, reasoning loops, and multi-tenant
             orchestration out of the box.
           </p>
 

docs/src/components/landing/delivery-flow-section.tsx

@@ -273,7 +273,9 @@ function AgentReasoningDiagram() {
             <EventRow
               action="step.completed"
               status={phase === 1 ? "indexed" : "processing"}
-              statusLabel={phase === 1 ? "&#10003; 3 steps" : "&#8635; Reasoning"}
+              statusLabel={
+                phase === 1 ? "&#10003; 3 steps" : "&#8635; Reasoning"
+              }
               lineColor={phase === 1 ? "green" : "violet"}
               delay={0.6}
             />

docs/src/components/landing/flow-primitives.tsx

@@ -7,7 +7,15 @@ import { cn } from "@/lib/cn";
 interface FlowNodeProps {
   label: string;
   sublabel?: string;
-  color?: "teal" | "amber" | "green" | "red" | "blue" | "gray" | "purple" | "violet";
+  color?:
+    | "teal"
+    | "amber"
+    | "green"
+    | "red"
+    | "blue"
+    | "gray"
+    | "purple"
+    | "violet";
   size?: "sm" | "md" | "lg";
   icon?: React.ReactNode;
   pulse?: boolean;

docs/src/components/landing/hero.tsx

@@ -51,7 +51,13 @@ function MiniAgentPipeline() {
                 fill="none"
                 aria-hidden="true"
               >
-                <circle cx="6" cy="4" r="2.5" stroke="currentColor" strokeWidth="1.2" />
+                <circle
+                  cx="6"
+                  cy="4"
+                  r="2.5"
+                  stroke="currentColor"
+                  strokeWidth="1.2"
+                />
                 <path
                   d="M2 10.5c0-2.2 1.8-4 4-4s4 1.8 4 4"
                   stroke="currentColor"
@@ -66,7 +72,13 @@ function MiniAgentPipeline() {
           <FlowLine length={24} color="violet" delay={2} />
           <FlowNode label="Reason" color="violet" size="sm" delay={0.7} />
           <FlowLine length={24} color="violet" delay={3} />
-          <FlowNode label="Execute" color="violet" size="sm" pulse delay={0.85} />
+          <FlowNode
+            label="Execute"
+            color="violet"
+            size="sm"
+            pulse
+            delay={0.85}
+          />
         </div>
 
         {/* Row 2: Agent lifecycle events */}
@@ -80,7 +92,12 @@ function MiniAgentPipeline() {
               className="flex items-center gap-0"
             >
               <FlowLine length={28} color="green" delay={3} />
-              <FlowNode label="persona.resolved" color="gray" size="sm" delay={1.1} />
+              <FlowNode
+                label="persona.resolved"
+                color="gray"
+                size="sm"
+                delay={1.1}
+              />
               <FlowLine length={24} color="green" delay={4} />
               <StatusBadge status="delivered" label="loaded" />
             </motion.div>
@@ -93,12 +110,7 @@ function MiniAgentPipeline() {
               className="flex items-center gap-0"
             >
               <FlowLine length={28} color="violet" delay={5} />
-              <FlowNode
-                label="step.3"
-                color="gray"
-                size="sm"
-                delay={1.3}
-              />
+              <FlowNode label="step.3" color="gray" size="sm" delay={1.3} />
               <FlowLine length={24} color="violet" delay={6} />
               <StatusBadge status="retry" label="reasoning" />
             </motion.div>
@@ -111,12 +123,7 @@ function MiniAgentPipeline() {
               className="flex items-center gap-0"
             >
               <FlowLine length={28} color="green" delay={7} />
-              <FlowNode
-                label="run.done"
-                color="gray"
-                size="sm"
-                delay={1.5}
-              />
+              <FlowNode label="run.done" color="gray" size="sm" delay={1.5} />
               <FlowLine length={24} color="green" delay={8} />
               <StatusBadge status="delivered" label="completed" />
             </motion.div>

docs/src/components/ui/themed-logo.tsx

@@ -27,10 +27,42 @@ export function ThemedLogo() {
         <circle cx="9" cy="22" r="2" className="fill-white/80" />
         <circle cx="23" cy="22" r="2" className="fill-white/80" />
         {/* Connections */}
-        <line x1="12" y1="12" x2="14" y2="14" stroke="white" strokeWidth="1.2" strokeOpacity="0.6" />
-        <line x1="20" y1="12" x2="18" y2="14" stroke="white" strokeWidth="1.2" strokeOpacity="0.6" />
-        <line x1="12" y1="20" x2="14" y2="18" stroke="white" strokeWidth="1.2" strokeOpacity="0.6" />
-        <line x1="20" y1="20" x2="18" y2="18" stroke="white" strokeWidth="1.2" strokeOpacity="0.6" />
+        <line
+          x1="12"
+          y1="12"
+          x2="14"
+          y2="14"
+          stroke="white"
+          strokeWidth="1.2"
+          strokeOpacity="0.6"
+        />
+        <line
+          x1="20"
+          y1="12"
+          x2="18"
+          y2="14"
+          stroke="white"
+          strokeWidth="1.2"
+          strokeOpacity="0.6"
+        />
+        <line
+          x1="12"
+          y1="20"
+          x2="14"
+          y2="18"
+          stroke="white"
+          strokeWidth="1.2"
+          strokeOpacity="0.6"
+        />
+        <line
+          x1="20"
+          y1="20"
+          x2="18"
+          y2="18"
+          stroke="white"
+          strokeWidth="1.2"
+          strokeOpacity="0.6"
+        />
       </svg>
     </div>
   );