From 73cde537bba7c4a9ec6a3b030f9a0b18ff123566 Mon Sep 17 00:00:00 2001
From: arsam <me@asabbagh.com>
Date: Fri, 18 Sep 2026 23:24:25 +0330
Subject: [PATCH] Import source: app/src/components/lazy-diagram

Import the existing local project snapshot. This commit organizes existing files; it does not represent newly developed functionality.
---
 app/src/components/lazy-diagram.jsx | 13 +++++++++++++
 1 file changed, 13 insertions(+)
 create mode 100644 app/src/components/lazy-diagram.jsx

diff --git a/app/src/components/lazy-diagram.jsx b/app/src/components/lazy-diagram.jsx
new file mode 100644
index 0000000..1a58455
--- /dev/null
+++ b/app/src/components/lazy-diagram.jsx
@@ -0,0 +1,13 @@
+import { lazy, Suspense } from 'react';
+
+const DiagramRendererLazy = lazy(() =>
+  import('../../teknav-diagrams.jsx').then(m => ({ default: m.DiagramRenderer }))
+);
+
+export function LazyDiagram(props) {
+  return (
+    <Suspense fallback={<div className="tek-diagram-skeleton" aria-hidden="true" />}>
+      <DiagramRendererLazy {...props} />
+    </Suspense>
+  );
+}