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.
- ```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
+```
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.
+
```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
-````
+```