diff --git a/package-lock.json b/package-lock.json
index c962618e..d5d9156b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "json-schema-studio",
-  "version": "0.5.3-beta",
+  "version": "0.5.7-beta",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "json-schema-studio",
-      "version": "0.5.3-beta",
+      "version": "0.5.7-beta",
       "license": "MIT",
       "dependencies": {
         "@apidevtools/json-schema-ref-parser": "^14.1.1",
@@ -90,6 +90,7 @@
       "integrity": "sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/code-frame": "^7.27.1",
         "@babel/generator": "^7.28.5",
@@ -1822,6 +1823,7 @@
       "integrity": "sha512-MWtvHrGZLFttgeEj28VXHxpmwYbor/ATPYbBfSFZEIRK0ecCFLl2Qo55z52Hss+UV9CRN7trSeq1zbgx7YDWWg==",
       "devOptional": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "csstype": "^3.2.2"
       }
@@ -1876,6 +1878,7 @@
       "integrity": "sha512-4Z+L8I2OqhZV8qA132M4wNL30ypZGYOQVBfMgxDH/K5UX0PNqTu1c6za9ST5r9+tavvHiTWmBnKzpCJ/GlVFtg==",
       "dev": true,
       "license": "BSD-2-Clause",
+      "peer": true,
       "dependencies": {
         "@typescript-eslint/scope-manager": "7.18.0",
         "@typescript-eslint/types": "7.18.0",
@@ -2134,6 +2137,7 @@
       "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -2308,6 +2312,7 @@
         }
       ],
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "baseline-browser-mapping": "^2.9.0",
         "caniuse-lite": "^1.0.30001759",
@@ -2504,6 +2509,7 @@
       "resolved": "https://registry.npmjs.org/d3-selection/-/d3-selection-3.0.0.tgz",
       "integrity": "sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==",
       "license": "ISC",
+      "peer": true,
       "engines": {
         "node": ">=12"
       }
@@ -2703,6 +2709,7 @@
       "deprecated": "This version is no longer supported. Please see https://eslint.org/version-support for other options.",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.2.0",
         "@eslint-community/regexpp": "^4.6.1",
@@ -3726,7 +3733,8 @@
       "version": "0.52.2",
       "resolved": "https://registry.npmjs.org/monaco-editor/-/monaco-editor-0.52.2.tgz",
       "integrity": "sha512-GEQWEZmfkOGLdd3XK8ryrfWz3AIP8YymVXiPHEdewrUq7mh0qrKrfHLNCXcbB6sTnMLnOZ3ztSiKcciFUkIJwQ==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/ms": {
       "version": "2.1.3",
@@ -3918,6 +3926,7 @@
         }
       ],
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "nanoid": "^3.3.11",
         "picocolors": "^1.1.1",
@@ -3979,6 +3988,7 @@
       "resolved": "https://registry.npmjs.org/react/-/react-19.2.3.tgz",
       "integrity": "sha512-Ku/hhYbVjOQnXDZFv2+RibmLFGwFdeeKHFcOTlrt7xplBnya5OGn/hIRDsqDiSUcfORsDC7MPxwork8jBwsIWA==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -3988,6 +3998,7 @@
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.3.tgz",
       "integrity": "sha512-yELu4WmLPw5Mr/lmeEpox5rw3RETacE++JgHqQzd2dg+YbJuat3jH4ingc+WPZhxaoFzdv9y33G+F7Nl5O0GBg==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "scheduler": "^0.27.0"
       },
@@ -4311,6 +4322,7 @@
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
       "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -4376,6 +4388,7 @@
       "integrity": "sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ==",
       "dev": true,
       "license": "Apache-2.0",
+      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -4479,6 +4492,7 @@
       "resolved": "https://registry.npmjs.org/vite/-/vite-6.4.1.tgz",
       "integrity": "sha512-+Oxm7q9hDoLMyJOYfUYBuHQo+dkAloi33apOPP56pzj+vsdJDzr+j1NISE5pyaAuKL4A3UD34qd0lx5+kfKp2g==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "esbuild": "^0.25.0",
         "fdir": "^6.4.4",
@@ -4570,6 +4584,7 @@
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
       "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=12"
       },
diff --git a/package.json b/package.json
index cd8cf486..56705815 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "json-schema-studio",
-  "version": "0.5.11-beta",
+  "version": "0.5.12-beta",
   "type": "module",
   "homepage": "studio.ioflux.org",
   "repository": "https://github.com/ioflux-org/studio-json-schema",
diff --git a/src/components/FullscreenToggleButton.tsx b/src/components/FullscreenToggleButton.tsx
index 3b0a012a..213edc1a 100644
--- a/src/components/FullscreenToggleButton.tsx
+++ b/src/components/FullscreenToggleButton.tsx
@@ -7,6 +7,7 @@ const FullscreenToggleButton = () => {
 
   return (
     <button
+      aria-label="Toggle fullscreen"
       onClick={toggleFullScreen}
       className="cursor-pointer"
       style={{ color: "var(--navigation-text-color)" }}
diff --git a/src/components/GraphView.tsx b/src/components/GraphView.tsx
index 0ba8244b..7f39f61f 100644
--- a/src/components/GraphView.tsx
+++ b/src/components/GraphView.tsx
@@ -405,6 +405,7 @@ const GraphView = ({
             {errorMessage}
           </div>
           <button
+            aria-label="Close error message"
             className="cursor-pointer"
             onClick={() => setShowErrorPopup(false)}
           >
@@ -418,6 +419,7 @@ const GraphView = ({
             type="text"
             maxLength={30}
             placeholder="search node"
+            aria-label="Search node"
             className="outline-none text-[var(--text-color)] border-b-2 border-[var(--text-color)] text-center w-[150px] pr-5"
             value={searchString}
             onChange={handleChange}
@@ -425,6 +427,7 @@ const GraphView = ({
 
           {searchString && (
             <button
+              aria-label="Clear search"
               onClick={() => {
                 setSearchString("");
                 setNodes((nds) => nds.map((n) => ({ ...n, selected: false })));
@@ -440,6 +443,7 @@ const GraphView = ({
         {matchCount > 1 && (
           <div className="flex items-center gap-1 bg-[var(--node-bg-color)] px-2 py-1 rounded border border-[var(--text-color)] opacity-80">
             <button
+              aria-label="Previous match"
               onClick={() => navigateMatch("prev")}
               className="hover:bg-[var(--text-color)] hover:bg-opacity-20 rounded p-1 transition-colors"
               title="Previous match"
@@ -455,6 +459,7 @@ const GraphView = ({
             </span>
 
             <button
+              aria-label="Next match"
               onClick={() => navigateMatch("next")}
               className="hover:bg-[var(--text-color)] hover:bg-opacity-20 rounded p-1 transition-colors"
               title="Next match"
diff --git a/src/components/MonacoEditor.tsx b/src/components/MonacoEditor.tsx
index a5584dc2..0c09413d 100644
--- a/src/components/MonacoEditor.tsx
+++ b/src/components/MonacoEditor.tsx
@@ -282,9 +282,8 @@ const MonacoEditor = () => {
   return (
     <div
       ref={containerRef}
-      className={`h-[92vh] flex flex-col ${
-        isAnimating ? "panel-animating" : ""
-      }`}
+      className={`h-[92vh] flex flex-col ${isAnimating ? "panel-animating" : ""
+        }`}
     >
       {isFullScreen && (
         <div className="w-full px-1 bg-[var(--view-bg-color)] justify-items-end">
@@ -307,12 +306,17 @@ const MonacoEditor = () => {
             value={schemaText}
             theme={theme === "light" ? "vs-light" : "vs-dark"}
             options={{
+
               minimap: { enabled: false },
               occurrencesHighlight: "off",
+              placeholder: "Paste your JSON Schema here to visualize the graph..."
+              
             }}
+
             onChange={(value) => setSchemaText(value ?? "")}
             onMount={handleEditorDidMount}
           />
+
           <div className="flex-1 p-2 bg-[var(--validation-bg-color)] text-sm overflow-y-auto">
             <div className={VALIDATION_UI[schemaValidation.status].className}>
               {schemaValidation.message}
diff --git a/src/components/NavigationBar.tsx b/src/components/NavigationBar.tsx
index d60705c4..75a6315e 100644
--- a/src/components/NavigationBar.tsx
+++ b/src/components/NavigationBar.tsx
@@ -31,6 +31,7 @@ const NavigationBar = () => {
       <ul className="flex gap-5 mr-10">
         <li>
           <select
+            aria-label="Schema format"
             onChange={(e) => changeSchemaFormat(e.target.value as SchemaFormat)}
             className="text-sm border rounded-sm bg-[var(--bg-color)] text-[var(--dropdown-text-color)] border-[var(--navigation-text-color)] cursor-pointer"
             value={schemaFormat}
@@ -41,6 +42,7 @@ const NavigationBar = () => {
         </li>
         <li>
           <button
+            aria-label={theme === "light" ? "Switch to dark mode" : "Switch to light mode"}
             className="text-xl cursor-pointer"
             onClick={toggleTheme}
             data-tooltip-id="toggle-theme"
@@ -59,6 +61,7 @@ const NavigationBar = () => {
         </li>
         <li>
           <a
+            aria-label="Star on Github"
             href="https://github.com/jagpreetrahi/visualize-json-schema"
             target="_blank"
             rel="noopener noreferrer"
@@ -75,6 +78,7 @@ const NavigationBar = () => {
         </li>
         <li>
           <a
+            aria-label="Open documentation"
             href="https://github.com/jagpreetrahi/visualize-json-schema?tab=readme-ov-file#json-schema-visualizer"
             target="_blank"
             rel="noopener noreferrer"
diff --git a/src/components/NodeDetailsPopup.tsx b/src/components/NodeDetailsPopup.tsx
index a84a152c..78579f69 100644
--- a/src/components/NodeDetailsPopup.tsx
+++ b/src/components/NodeDetailsPopup.tsx
@@ -51,6 +51,7 @@ const NodeDetailsPopup = ({
         onClick={(e) => e.stopPropagation()}
       >
         <button
+          aria-label="Close popup"
           className="absolute z-50 top-2 right-2 text-[var(--popup-text-color)] hover:text-[var(--popup-close-btn-hover-color)]"
           onClick={onClose}
         >
@@ -64,6 +65,7 @@ const NodeDetailsPopup = ({
                 <div className="font-mono text-xs text-[var(--text-color)] whitespace-nowrap">{extractPath(nodeId)}</div>
               </div>
               <button
+                aria-label="Copy path to clipboard"
                 onClick={copyPathToClipboard}
                 className="ml-2 p-1.5 text-[var(--navigation-text-color)] hover:text-[var(--text-color)] hover:bg-[var(--validation-bg-color)] rounded transition-colors flex-shrink-0"
                 title="Copy path to clipboard"