# Test Diagrams from README

## Diagram 7 - Simple Example
```mermaid
graph TD
    A --> B
```

## Diagram 9 - Quote Example (POTENTIALLY BROKEN)
```mermaid
%% Wrong: Unescaped quotes break syntax
A["User says "hello""]

%% Correct: Use single quotes or escape
A['User says "hello"']
A["User says 'hello'"]
```

## Diagram 10 - Line Break Example
```mermaid
%% Use <br/> for line breaks in labels
A[Flask App<br/>57.128.200.27<br/>Port 5000]
```

## Diagram 11 - Style Guide
```mermaid
%%{init: {'theme':'default', 'themeVariables': { 'fontSize':'16px'}}}%%
graph TD
    %% External systems - rounded boxes
    Ext((External<br/>System))

    %% Our services - rectangles
    Service[Our Service]

    %% Databases - cylinder
    DB[(Database)]

    %% Decision points - diamond (implicit in flowchart)
    Service -->|Success| DB
    Service -->|Failure| Ext

    %% Styling
    classDef external fill:#f9f,stroke:#333,stroke-width:2px
    classDef internal fill:#bbf,stroke:#333,stroke-width:2px
    classDef database fill:#bfb,stroke:#333,stroke-width:2px

    class Ext external
    class Service internal
    class DB database
```