From 36656f4c1da1c5b40deabb6cf472973820719b2d Mon Sep 17 00:00:00 2001
From: Dani Akash <DaniAkash@users.noreply.github.com>
Date: Thu, 22 Jan 2026 11:21:44 +0530
Subject: [PATCH] feat: delay the loading text in create graph (#268)

* feat: delay the loading text in create graph

* fix: biome version in biome.json
---
 apps/agent/biome.json                                   | 2 +-
 apps/agent/entrypoints/app/create-graph/CreateGraph.tsx | 8 +++++++-
 biome.json                                              | 2 +-
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/apps/agent/biome.json b/apps/agent/biome.json
index 633fe8b1e..1c02279bc 100644
--- a/apps/agent/biome.json
+++ b/apps/agent/biome.json
@@ -1,5 +1,5 @@
 {
-  "$schema": "https://biomejs.dev/schemas/2.3.10/schema.json",
+  "$schema": "https://biomejs.dev/schemas/2.3.11/schema.json",
   "root": false,
   "extends": "//",
   "vcs": {
diff --git a/apps/agent/entrypoints/app/create-graph/CreateGraph.tsx b/apps/agent/entrypoints/app/create-graph/CreateGraph.tsx
index 4ff47b333..3dbfbbca5 100644
--- a/apps/agent/entrypoints/app/create-graph/CreateGraph.tsx
+++ b/apps/agent/entrypoints/app/create-graph/CreateGraph.tsx
@@ -384,7 +384,13 @@ export const CreateGraph: FC = () => {
   }, [status, lastAssistantMessageWithGraph ?? {}])
 
   if (!isInitialized || isLoadingProviders || !selectedProviderForHeader) {
-    return <div className="h-screen w-screen bg-background" />
+    return (
+      <div className="flex h-screen w-screen items-center justify-center bg-background text-foreground">
+        <div className="fade-in animate-in text-muted-foreground duration-200 [animation-delay:300ms] [animation-fill-mode:backwards]">
+          Loading...
+        </div>
+      </div>
+    )
   }
 
   return (
diff --git a/biome.json b/biome.json
index 587012883..41a04abdb 100644
--- a/biome.json
+++ b/biome.json
@@ -1,5 +1,5 @@
 {
-  "$schema": "https://biomejs.dev/schemas/2.3.10/schema.json",
+  "$schema": "https://biomejs.dev/schemas/2.3.11/schema.json",
   "vcs": {
     "enabled": true,
     "clientKind": "git",