TO-DO_LIST RELATED APP: JOB DONE v5 versi MOBILE-PURPOSE aka +Bootstrap

RAG Architecture

flowchart TD
    classDef pill fill:#f5f3ff,stroke:#c4b5fd,stroke-width:2px,color:#4c1d95,rx:20,ry:20;
    classDef squircle fill:#ecfeff,stroke:#a5f3fc,stroke-width:2px,color:#164e63,rx:12,ry:12;
    classDef logic fill:#fffbeb,stroke:#fde68a,stroke-width:2px,color:#78350f,rx:12,ry:12;
    classDef final fill:#f0fdf4,stroke:#22c55e,stroke-width:3px,color:#14532d,rx:20,ry:20;

    subgraph Ingestion ["PHASE 01: DATA INGESTION"]
        direction TB
        A("1. Data Sources") --> B("2. Smart Chunking")
        B --> C("3. Embedding")
        C --> D[("4. Vector Store")]
    end

    subgraph Inference ["PHASE 02: RETRIEVAL & REASONING"]
        direction TB
        E[/"5. User Query"/] --> F("6. Vectorization")
        F --> G{"7. Semantic Search"}
        G --> H("8. Context Augmentation")
    end

    I("9. Grounded Answer 
PHASE 03: OUTPUT")

    D -.-> G
    H ===> I

    class A,B,C pill;
    class D squircle;
    class E,F,G,H logic;
    class I final;

    style Ingestion fill:#fafafa,stroke:#f1f5f9;
    style Inference fill:#fafafa,stroke:#f1f5f9;

    linkStyle default stroke:#cbd5e1,stroke-width:2px,fill:none;
    linkStyle 8 stroke:#22c55e,stroke-width:3px;