From d3133e12d7e8561bebe49476fb42a21768c2e254 Mon Sep 17 00:00:00 2001
From: Abhishek Chatterjee <abhishekchatterjeejit@gmail.com>
Date: Sat, 7 Feb 2026 22:28:19 +0530
Subject: [PATCH] IMDEEPMIND-23: Refactor networking navigation in intro, add
 status tips to protocol documents, and remove a duplicate OSI model diagram.

---
 docs/intro.md                                 |  8 ++--
 .../protocols/client-server-architecture.md   | 41 +++++++++++--------
 docs/networking/protocols/osi-model.md        | 21 ++++------
 3 files changed, 37 insertions(+), 33 deletions(-)

diff --git a/docs/intro.md b/docs/intro.md
index d60a1fbb..a0acd7b4 100644
--- a/docs/intro.md
+++ b/docs/intro.md
@@ -170,9 +170,11 @@ If you come across any issues or errors in the notes, feel free to open an issue
 ### System Design and Databases
 
 1. [Networking](/docs/networking/introduction.md)
-
-   1. [Protocols](/docs/networking/protocols/client-server-architecture.md)
-   2. [Communication Design Patterns](/docs/networking/communication-design-patterns/request-response.md)
+   1. [Introduction](/docs/networking/introduction.md)
+   2. [Protocols](/docs/networking/protocols/client-server-architecture.md)
+      1. [Client Server Architecture](/docs/networking/protocols/client-server-architecture.md)
+      2. [OSI Model](/docs/networking/protocols/osi-model.md)
+   3. [Communication Design Patterns](/docs/networking/communication-design-patterns/request-response.md)
 
 2. [Database](/docs/databases/introduction.md)
    1. [SQL](/docs/databases/sql/introduction.md)
diff --git a/docs/networking/protocols/client-server-architecture.md b/docs/networking/protocols/client-server-architecture.md
index 2f41c710..232ae8fe 100644
--- a/docs/networking/protocols/client-server-architecture.md
+++ b/docs/networking/protocols/client-server-architecture.md
@@ -4,26 +4,33 @@ sidebar_position: 2
 
 # Client-Server Architecture
 
+:::tip[Status]
+
+This note is complete, reviewed, and considered stable.
+
+:::
+
 Client-Server Architecture is a foundational model in network computing that structures applications into two main components: **clients** and **servers**. This architecture facilitates resource sharing, scalability, and efficient management of networked systems. Below are detailed notes covering various aspects of Client-Server Architecture.
 
 <div class="mermaid-container">
-    ```mermaid
-        graph TD
-            Client["Client"]
-            Browser["Web Browser"]
-            Application["Web Application"]
-            Server["Server"]
-            Database["Database"]
-
-            Client -->|Sends Request| Browser
-            Browser -->|Processes Request| Server
-            Server -->|Handles Request| Application
-            Application -->|Queries Data| Database
-            Database -->|Returns Data| Application
-            Application -->|Responds to Client| Server
-            Server -->|Sends Response| Browser
-            Browser -->|Displays Response| Client
-    ```
+
+```mermaid
+    graph TD
+        Client["Client"]
+        Browser["Web Browser"]
+        Application["Web Application"]
+        Server["Server"]
+        Database["Database"]
+
+        Client -->|Sends Request| Browser
+        Browser -->|Processes Request| Server
+        Server -->|Handles Request| Application
+        Application -->|Queries Data| Database
+        Database -->|Returns Data| Application
+        Application -->|Responds to Client| Server
+        Server -->|Sends Response| Browser
+        Browser -->|Displays Response| Client
+```
 
 </div>
 
diff --git a/docs/networking/protocols/osi-model.md b/docs/networking/protocols/osi-model.md
index a20e1897..9747cc19 100644
--- a/docs/networking/protocols/osi-model.md
+++ b/docs/networking/protocols/osi-model.md
@@ -4,9 +4,16 @@ sidebar_position: 3
 
 # OSI Model
 
+:::tip[Status]
+
+This note is complete, reviewed, and considered stable.
+
+:::
+
 The **OSI (Open Systems Interconnection) model** is a conceptual framework used to understand and implement standard protocols in network communications. It divides the communication process into **seven distinct layers**, each with specific functions and responsibilities.
 
 <div class="mermaid-container">
+
 ```mermaid
 graph TD
     Application["Application Layer (Layer 7)"]
@@ -24,19 +31,7 @@ graph TD
     Network --> DataLink
     DataLink --> Physical
 
-````
-
-```mermaid
-graph TD
-    ApplicationLayer["Application Layer"]
-    TransportLayer["Transport Layer"]
-    InternetLayer["Internet Layer"]
-    NetworkAccessLayer["Network Access Layer"]
-
-    ApplicationLayer --> TransportLayer
-    TransportLayer --> InternetLayer
-    InternetLayer --> NetworkAccessLayer
-````
+```
 
 </div>